@media screen and (max-width: 767px) {

/*--------------------------------------*
* index
*--------------------------------------*/

.SP-Index_img {
	width: 100%;
	height: 650px;
	position: relative;
	margin: auto;
	overflow: hidden;
}

.SP-Index_img .bgImg {
	position   : absolute;
	top        : 0;
	left       : 0;
	bottom     : 0;
	right      : 0;
	opacity    : 0;
	animation  : bgAnime 60s infinite;
}
.SP-Index_img .src1 {
	background-image : url(../img/index-img01.jpg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}
.SP-Index_img .src2 {
	background-image : url(../img/index-img04.jpg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	animation-delay  : 15s;
}
.SP-Index_img .src3 {
	background-image : url(../img/index-img05.jpg);
	background-position: top right;
	background-size: cover;
	background-repeat: no-repeat;
	animation-delay  : 30s;
}
.SP-Index_img .src4 {
	background-image : url(../img/index-img03.jpg);
	background-position: top right;
	background-size: cover;
	background-repeat: no-repeat;
	animation-delay  : 45s;
}


@keyframes bgAnime {
   0% { opacity: 0; transform: scale(1.3, 1.3); }
   1% { opacity: 1; transform: scale(1.3, 1.3); }
   5% { opacity: 1; transform: scale(1.3, 1.3); }
  21% { opacity: 1; transform: scale(1.0, 1.0); }
  25% { opacity: 1; transform: scale(1.0, 1.0); }
  26% { opacity: 0; }
 100% { opacity: 0; }
}


.SP-Index_img__box {
	width: 100%;
	position   : absolute;
	display    : inline-block;
	background-image: url(../img/common/bg03.png);
	background-size: 110px 137px;
    background-position: top center;
	padding    : 40px 0px;
	top        : 50%;
	left       : 50%;
	transform  : translate(-50%,-50%);
	text-align: center;
}


.SP-enter_box{
	width:100%;
	margin:20px auto 0px;
	padding:0px;
}

.SP-idx_enter {
	font-size:24px;
	line-height: 56px;
	letter-spacing: 8px;
	text-indent: 20px;
	text-align:center;
	font-weight: 600;
}
.SP-idx_enter a{
	display: block;
	width: 240px;
	height: 56px;
	background-image: url(../img/common/icon01.png);
	background-size: 24px 24px;
	background-position: 8% 50%;
	background-repeat: no-repeat; 
	padding:0px 0px 0px 0px;
	margin: 0px auto 15px;
	color:#c5b385;
	border:2px solid #c5b385;
}
.SP-idx_enter a:hover{
	background-repeat: no-repeat; 
	color:#111111;
	background-color: #c5b385;
	text-decoration:none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.SP-exit{
	font-weight:400;
	font-size:14px;
	text-indent: 10px;
	text-align: center;
}
.SP-exit a{
	text-decoration:underline;
	color:#c5b385;
}
.SP-exit a:hover{
	text-decoration:underline;
	color:#c5b385;
}


.SP-idx_box{
	display: block;
	width:100%;
	padding: 50px 0px;
}

.SP-idx_info {
	width: 100%;
	margin: 0px auto 0px;
	font-weight:400;
}
.SP-idx_info-box {
	width: 240px;
	margin: 0px auto 0px;
	text-align: center;
}
.SP-idx_info-box .SP-idx_time01 {
    background-image: url("../img/common/icon_time01.png");
    background-position: center left 16px;
    background-repeat: no-repeat;
	background-size: 30px 30px;
	font-weight: 500;
	font-size: 24px;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 60px;
	padding: 0px 0px 0px;
	margin:  0px auto 20px;
}
.SP-idx_tel-time {
	font-size: 14px;
	line-height: 140%;
	text-align: left;
	margin: 5px auto 0px;
	padding: 0px 0px 0px 46px;
}


.SP-idx_tel {
	font-size:24px;
	text-indent: 30px;
	text-align:center;
	font-weight: 500;
}
.SP-idx_tel a{
	display: block;
	width: 240px;
	background-image: url(../img/common/icon_tel01.png);
	background-size: 24px 24px;
	background-position: 8% 50%;
	background-repeat: no-repeat; 
	padding:12px 0px 12px 0px;
	margin: 0px auto 20px;
	color:#c5b385;
	border:2px solid #c5b385;
}
.SP-idx_tel a:hover{
	background-repeat: no-repeat; 
	background-color:#111;
	text-decoration:none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}


/*index 媒体バナー*/
/*------------------------------------------------------------------------------*/

.banner_idx_recruit{
	background-color: #222222;
}

.recruit_banner{
	width:100%;
	height:auto;
	margin:0px auto 0px;
	text-align: center;
}

.recruit_banner img{
	min-width: 300px;
	width:80%;
	height:auto;
}



.banner_idx{
	background-color: transparent;
}

.banner_idx_area{
	width:320px;
	height:auto;
	margin:0px auto 0px;
}

.banner_idx_box img{
}


/*--------------------------------------*
* base
*--------------------------------------*/

	
/*画像のレスポンシブ*/
/*------------------------------------------------------------------------------*/

.res_img94 img{
	width:94%;
	height:auto;
}
.res_img90 img{
	width:90%;
	height:auto;
}



/*footer*/
/*------------------------------------------------------------------------------*/


.footer_info {
	display: inline-block;
	align-items: flex-start;
	justify-content: center;
	margin: 0px auto 30px;
	text-align: center;
}
.footer_info-box {
	width: 240px;
	margin-bottom: 0px;
}

.footer_info-box .footer_time01 {
    background-image: url("../img/common/icon_time01.png");
    background-position: top center;
    background-repeat: no-repeat;
	background-size: 30px 30px;
	font-size: 22px;
	color: #FFFFFF;
}
.footer_info-box .footer_time02 {
	font-size: 12px;
	color: #c5b385;
	margin-bottom: 20px;
}

.footer_info-box .footer_tel {
    background-image: none;
	width: 240px;
	font-family: "EB Garamond", serif;
	font-weight: 500;
	font-size:22px;
	text-indent: 40px;
	text-align:center;
	margin: 0px auto 10px;
	padding: 0px;
}
.footer_info-box .footer_tel a {
	display: block;
	background-image: url(../img/common/icon_tel01.png);
	background-size: 22px 22px;
	background-position: 16% 50%;
	background-repeat: no-repeat; 
	padding:12px 0px 12px 0px;
	border:2px solid #c5b385;
	color:#c5b385;
}
.footer_info-box .footer_tel a:hover {
	background-image: url(../img/common/icon_tel02.png);
	background-size: 22px 22px;
	background-position: 16% 50%;
	background-repeat: no-repeat; 
	color:#FFFFFF;
	background-color:#c5b385;
	border:2px solid #c5b385;
	text-decoration:none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}


.footer_info-box .footer_tel-time {
	background-image: url("../img/common/footer_tel-time.png");
    background-position: center center;
    background-repeat: no-repeat;
	background-size: 188px 38px;
	font-size: 14px;
	line-height: 120%;
	letter-spacing: 0px;
	text-align: left;
	margin: 5px auto 0px;
	padding: 0px 0px 0px 46px;
}

ul.footer_menu{
	width: 310px;
	text-align: center;
	list-style-type: none;
	padding-left: 0;
	margin:20px auto 30px;
}
ul.footer_menu li{
	width: 30%;
	font-family: "Playfair Display", serif;
	font-weight: 400;
	display:inline-block;
	padding:0px;
	margin:0px auto 0px;
	font-size:14px;
	line-height:14px;
}



/*layout 背景等*/
/*------------------------------------------------------------------------------*/


.Haitoku_cont {
	width:96%;
	max-width:1100px;
	height:100%;
	margin: 0px auto;
}
	
.Top-breadcrumbs_area{
	width:100%;
	height:auto;
}
.breadcrumbs_area{
	width:100%;
	height:auto;
}
.breadcrumbs{
	font-size:10px;
}

.Banner_box01 {
	padding: 50px 0px;
	margin: 0px auto;
}

.Banner_box01 img{
	width:94%;
	height:auto;
}



.Text_back01{
 	width:100%;
	height:auto;
	margin:0px auto;
	padding:40px 0px;
    background-image: url(../img/common/bg04_sp.jpg);
	background-attachment: inherit;
	background-size:cover;
    background-repeat: no-repeat;
    background-position: top 0px left;
}
.Text_back02{
 	width:100%;
	height:auto;
	margin:0px auto;
	padding:40px 0px;
    background-image: url(../img/common/bg05_sp.jpg);
	background-attachment: inherit;
	background-size:cover;
    background-repeat: no-repeat;
    background-position: top 0px left;
}
.Text_img01{
 	width:94%;
	height:auto;
	margin:0px auto;
	padding:0px 0px;
	text-align: center;
}




/*ボタン*/
/*------------------------------------------------------------------------------*/


.btn_tel01, .btn_tel02 {
	width: 240px;
    background-image: none;
	font-size:24px;
	letter-spacing:1px;
	text-indent: 28px;
	margin: 0px auto 20px;
	padding: 0px;
}
.btn_tel01 a, .btn_tel02 a {
	display: block;
	background-image: url(../img/common/icon_tel01.png);
	background-size: 24px 24px;
	background-position: 10% 50%;
	background-repeat: no-repeat; 
	padding:12px 0px 14px 0px;
	border:2px solid #c5b385;
	color:#c5b385 !important;
}
.btn_tel01 a:hover, .btn_tel02 a:hover {
	background-image: url(../img/common/icon_tel02.png);
	background-size: 24px 24px;
	background-position: 10% 50%;
	background-repeat: no-repeat; 
	color:#FFFFFF !important;
	background-color:#c5b385;
	border:2px solid #c5b385;
	text-decoration:none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}






/*Title*/
/*------------------------------------------------------------------------------*/

.SubTitle_back01, .SubTitle_back02, .SubTitle_back03 {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.SubTitle{
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/common/subTitle01F.png);
    background-position: center top 50px;
    background-repeat: no-repeat;
	background-size: 200px 10px;
	margin:0px auto 0px;
	padding:0;
	text-align:center;
	font-family: "didotltstd", serif;
	font-weight: normal;
	font-size:60px;
	line-height:70%;
	letter-spacing:-2px;
	color: #FFFFFF;
}



.subTitle01F{
    background-image: url(../img/common/subTitle01F.png);
    background-position: center bottom 36px;
    background-repeat: no-repeat;
	background-size: 200px 10px;
	margin:0px auto 0px;
	padding:0;
	text-align:center;
	font-family: "didotltstd", serif;
	font-weight: normal;
	font-size:60px;
	line-height:70%;
	letter-spacing:-2px;
	color: #FFFFFF;
}
.subTitle01G{
    background-image: url(../img/common/subTitle01G.png);
    background-position: center bottom 36px;
    background-repeat: no-repeat;
	background-size: 200px 10px;
	margin:0px auto 0px;
	padding:0;
	text-align:center;
	font-family: "didotltstd", serif;
	font-weight: normal;
	font-size:60px;
	line-height:70%;
	letter-spacing:-2px;
	color: #c5b385;
}

.subTitle02{
    background-image: url(../img/common/subTitle02.png);
    background-position: center bottom;
    background-repeat: no-repeat; 
	margin:0px auto 0px;
	padding:0px 0px 30px;
	text-align:center;
	font-family: 'Zen Old Mincho', serif;
	font-weight: normal;
	font-size:26px;
	line-height:120%;
}



span.subText01 {
	font-size:14px;
	letter-spacing:2px;
	font-weight:700;
}
span.subText02 {
	font-size:14px;
	letter-spacing:2px;
	font-weight:600;
}






/*--------------------------------------*
* TOP
*--------------------------------------*/

/* top_img */

.top_img{
	width:100%;
	height:500px;
	background-image: url(../img/top_img_back-sp.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:0px;
	margin:0px auto;
}

/*Top-concept"*/

#Top-concept {
  position: relative;
  clip-path: inset(0 0 0 0);
  width: 100%;
	background-attachment: scroll;
    background-image: url("../img/top_concept_back-sp.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
	background-size: cover;
	background-color: #000000;
	padding: 100px 0px;
}
.Top-concept_txt {
	text-align: center;
	font-family: 'Zen Old Mincho', serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 200%;
	letter-spacing: 1px;
	margin: 0px auto 0px;
}

div.fixed-wrap {
  position: relative;
  clip-path: inset(0 0 0 0);
  width: 100%;
  height: 300px;
}
div.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(image.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*TOP member & member LINE共通*/
/*------------------------------------------------------------------------------*/

/*Top-member*/

#Top-member {
	background-attachment: scroll;
    background-image: url("../img/top_member_back.jpg");
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0px;
}
.Top-member_txt {
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	margin: 0px auto 20px;
}




/*新人情報　ピックアップ 女性一覧*/
/*------------------------------------------------------------------------------*/

.ladies_area{
	 width:98%;
	 max-width:1100px;
	 height:100%;
	 margin:0 auto;
	 padding:0;
	 display: flex;
	 flex-wrap: wrap;
	 flex-direction: row;
}

.cast {
	width:44%;
	height:100%;
	margin:0 3% 40px 3%;
	padding:0;
	overflow:hidden;
}
ul.cast li.name{
	font-size: 16px;
	margin-bottom:10px;
	line-height: 100%;
}
ul.cast li.more{
	font-size: 14px;
}
.more_arrow{
	width: 98px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	font-size: 1em;
}

.pickup img {
	width:48px;
	height:auto;
}

.name img {
	width:18px;
	height:auto;
	vertical-align: middle;
}






/*--------------------------------------*
* GUIDE
*--------------------------------------*/



.guide-btn_tel01 {
	width: 240px;
    background-image: none;
	font-size:22px;
	letter-spacing:1px;
	text-indent: 28px;
	margin: 0px auto 20px;
	padding: 0px;
}
.guide-btn_tel01 a {
	display: block;
	background-image: url(../img/common/icon_tel01.png);
	background-size: 24px 24px;
	background-position: 10% 50%;
	background-repeat: no-repeat; 
	padding:12px 0px 12px 0px;
	border:2px solid #c5b385;
	color:#c5b385 !important;
}
.guide-btn_tel01 a:hover {
	background-image: url(../img/common/icon_tel02.png);
	background-size: 24px 24px;
	background-position: 10% 50%;
	background-repeat: no-repeat; 
	color:#FFFFFF !important;
	background-color:#c5b385;
	border:2px solid #c5b385;
	text-decoration:none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}



/*--------------------------------------*
* 料金表
*--------------------------------------*/

.price_box{
	width:96%;
	max-width:900px;
	height:100%;
	margin: 0px auto;
	text-align: center;
}


dl.price01 dt {
	width:42%;
	font-size:20px;
	line-height: 140%;
	text-align:right;
	float:left;
	padding:26px 0px 0px 0px;
	margin:0px 35px 0px 5px;
}
dl.price01 dt.rank {
	width:40%;
	font-size:30px;
	line-height: 100%;
	text-align:right;
	float:left;
	padding:26px 0px 8px 0px;
	margin:0px 35px 0px 5px;
}
dl.price01 dt.trans {
	width:48%;
	font-size:13px;
	line-height: 100%;
	text-align:right;
	float:left;
	padding:26px 0px 8px 0px;
	margin-right:30px;
	margin-left:0px;
}
dl.price01 .campaign {
	font-size: 12px;
	letter-spacing: 0px;
}
dl.price01 dd {
	font-size:30px;
	line-height: 100%;
	text-align:left;
	padding:26px 0px 8px 0px;
}
dl.price01  span.zero {
	margin-left:55px;
}
dl.price01  span.sen {
	margin-left:0px;
}
dl.price01  span.man {
	margin-left:-15px;
}

.price_box .yen {
	font-size:13px;
	letter-spacing: 0px;
}
.price_box .over {
	font-size:10px;
	font-weight: normal;
}

.system_txt01 {
	text-align: left;
	font-size: 15px;
	letter-spacing: 0px;
}

.system_txt01 ul {
	font-size: 14px;
	width:90%;
	margin:0px auto 0;
	text-align: left;
}


.prohibit_box ul {
	width:98%;
	margin:30px auto 0;
}
.privacy_box dl {
	width:98%;
	margin:0px auto 0;
}






/*--------------------------------------*
* プロフィール
*--------------------------------------*/


.prof_area {
	width:100%;
	max-width:1000px;
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
	margin:-50px auto 0px;
}
.prof_box {
	width: 98%;
	margin: 0px auto;
}

.prof_pickup img {
    width: 80px;
	height: 100%;
}

.prof_sche{
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	width:100%;
	height:100%;
	margin:40px 0 0 0;
	padding:5px 0 0 0;
	clear:both;
	overflow:hidden;
}





/*--------------------------------------*
* 女性求人
*--------------------------------------*/


.recruit_text01{
	width: 80%;
	height: auto;
	margin:0 auto 20px;
	text-align: center;
}









/*member & recruit_form & contact フォーム共通*/
/*------------------------------------------------------------------------------*/

.contact_form_area{
	width:100%;
	margin:0 auto;
	padding:0;
}
.contact_form_area table th{
	width:90%;
	padding:0px;
	margin: 0px auto;
	text-align: left;
	font-weight:normal;
	vertical-align:top;
	display:block;
}
.contact_form_area table td{
	width:90%;
	padding:0px;
	margin: 0px auto 10px;
	vertical-align:middle;
	display:block;
}
.contact_form_area table th.form01,
.contact_form_area table td.form01{
	padding-bottom:10px;
	font-family: 'Poppins', sans-serif;
}

.contact_form_area input{
	width:90%;
	padding:10px 5%;
	margin: 0px auto;
}
.contact_form_area textarea{
	width:90%;
	height:150px;
	font-size:13px;
	padding:10px 5%;
}

#submit_box{
	width:300px;
	margin:0 auto;
	text-align:center;
}







}
/*@media screen and (max-width: 767px)END*/