/*
Theme Name: gussuri yamada
Description:
Version: 0.0.0
*/
@charset "utf-8";
/*【新】スタイルシート*/
:root {
    /*--header_height_pc:90px;*/
    /*--header_height_sp:60px;*/
    /*--header_height_sp:46px;*/

    --fontMincho:"kozuka-mincho-pr6n", serif;
}
/********************************************************************
 *　//トップページ
********************************************************************/
.site_bg {
    position:fixed;
    top:0; left:0;
    width:100%;
    height:100%;
    z-index:-2;
}
body.page-id-36,
body.page-id-107 {
    background:#e7f5ff;
}
/*
body.gate,
body.ageauth,
body.topPage,
body.top-test,
body.system,
body.service,
body.beginner,
body.company,
body.company-test,
body.ladys,
body.schedule,
body.schedule_week,
body.profile,
body.profile-test,
body.concept_video,
body.media,
body.reserve,
body.member,
body.login,
body.webreserve,
body.mypage_top,
body.maypage_schedule,
body.mypage_favorite,
body.mypage_history,
body.mypage_voice,
body.mypage_voice,
body.mypage_edit_profile,
body.mypage_edit_email,
body.mypage_edit_phone,
body.mypage_edit_password,
body.mypage_edit_leave {
    margin-top:60px;
}
*/
body {
    margin-top:60px;
}
body.topPage {
    margin-top:46px;
}
@media only screen and (max-width: 430px) {
    body.gate,
    body.ageauth {
        margin-top:0;
    }
}

main {
    z-index:1;
}


/*========== 共通 ==========*/
.content_frame {
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}
.content_shadow {/*【ブルードロップシャドウ】スマホ幅ページのみ*/
    /*background:#fff;*/
    box-shadow:0 0 1em rgba(138,205,255,0.3);
    border-radius:2em 2em 0 0;
    /*padding-bottom:2em;*/
    /*margin-bottom:5em;*/
    overflow:hidden;
}
.topPage .content_shadow,
.top-test .content_shadow{
    border-radius:0;
}


body.ladys .content_shadow,
body.schedule .content_shadow,
body.schedule_week .content_shadow,
body.profile .content_shadow {/*【グレードロップシャドウ】スマホ幅ページのみ*/
    box-shadow:0 0 1em rgba(192,192,192,0.3);
}
@media only screen and (max-width: 430px) {
    .content_shadow {
        /*box-shadow:none;
        border-radius:0;*/
    }
}

.content_frame_narrow {
    padding-left:2%;
    padding-right:2%;

}


/*========== FV部分 ==========*/


.toppageFv {
    position:relative;
    object-position: 50% 50%;
    background:url(../images/top_fv_bg_sp.webp) center center no-repeat;
    background-size:cover;
    width:100%;
    min-height:auto;
    height:calc(100svh - 46px);
    /*height:calc(100svh - var(--bottom_nav_height));*/
    z-index:1;
}

.toppageFv_contents {
    position:relative;
    width:100%;
    max-width:1200px;
    height:100%;
    margin:auto;
    color:#fff;
}


/* キャッチ */
.toppageFv_catch {
    position:absolute;
    /*top:10%;*/
    top:1.4em;
    width:36.133%;
    left:6%;
    margin:auto;
}

.toppageFv_catch span {
    font-size:6em;
    color:#fff;
}

/*女性*/
.toppageFv_lady {
    position:absolute;
    /*top:10%;*/
    top:1.4em;
    right:5%;
    width:36.53%;
}

/* 男性 */
.toppageFv_contents .toppageFv_man {
    position:absolute;
    top:63%;
    left:0;
    right:0;
    transform:translateY(-63%);
    width:70%;
    margin:auto;
    z-index:2;
}


/* ボディスパ×ヘッドスパ融合*/
.toppageFv_object1 {
    position:absolute;
    left:3%;
    bottom:3%;
    width:45.6%;
}


/* 99.3％がリピートしたい*/
.toppageFv_object2 {
    position:absolute;
    right:4%;
    bottom:3%;
    width:40%;
}


/* 協会ロゴと特許アイコン */
.toppageFv_association {
    position:absolute;
    left:4%;
    bottom:3%;
    width:26.53%;
}
.toppageFv_patent {
    position:absolute;
    right:4%;
    bottom:3%;
    width:15.2%;
}


/* 浮遊ワード */
.toppageFv_contents .word {
    font-size:0.5em;
    position:absolute;
}
@media only screen and (max-width: 430px) {
    .toppageFv_contents .word {
        font-size:1.9vw;
    }
}
.toppageFv_contents .word span {
    line-height:1.6;
    writing-mode:vertical-rl;
    letter-spacing:0.24em;
}
.toppageFv_word1 {/*脳を癒す*/
    top:-21%;
    left:-10%;
}
.toppageFv_word2 {/*脳内浄化*/
    top:16%;
    left:-17%;
}
.toppageFv_word3 {/*心深層*/
    top:-25%;
    left:45%;
}
.toppageFv_word4 {/*熟睡*/
    top:-16%;
    left:58%;
}
.toppageFv_word5 {/*体内浄化*/
    top:-10%;
    left:70%;
}
.toppageFv_word6 {/*自律神経*/
    top:-26%;
    left:95%;
}
.toppageFv_word7 {/*ストレス解放*/
    top:-12%;
    left:104%;
}
.toppageFv_word8 {/*絶頂睡眠*/
    top:80%;
    left:2%;
}
.toppageFv_word9 {/*快楽の向こう側*/
    top:90%;
    left:14%;
}
.toppageFv_word10 {/*贅沢な眠りに落ちていく*/
    top:102%;
    left:46%;
}
.toppageFv_word11 {/*いまここにある最高*/
    top:76%;
    left:100%;
}
.toppageFv_word12 {/*非日常空間*/
    top:120%;
    left:66%;
}

@media only screen and (max-width: 750px) {
    .toppageFv_contents .word {

    }
    .toppageFv_word1 {/*脳を癒す*/

    }
    .toppageFv_word2 {/*脳内浄化*/

    }
    .toppageFv_word3 {/*心深層*/

    }
    .toppageFv_word4 {/*熟睡*/

    }
    .toppageFv_word5 {/*体内浄化*/

    }
    .toppageFv_word6 {/*自律神経*/

    }
    .toppageFv_word7 {/*ストレス解放*/

    }
    .toppageFv_word8 {/*絶頂睡眠*/

    }
    .toppageFv_word9 {/*快楽の向こう側*/

    }
    .toppageFv_word10 {/*贅沢な眠りに落ちていく*/

    }
    .toppageFv_word11 {/*いまここにある最高*/

    }
    .toppageFv_word12 {/*非日常空間*/

    }

}


/* 浮遊アニメーション */
.toppageFv_contents .toppageFv_man img {
    animation: 5.5s float .5s infinite;
}
.toppageFv_word1,
.toppageFv_word4,
.toppageFv_word7,
.toppageFv_word10 {
    animation: 5.1s float .1s infinite;
}
.toppageFv_word2,
.toppageFvword5,
.toppageFv_word8,
.toppageFv_word11 {
    animation: 5.7s float .7s infinite;
}
.toppageFv_word3,
.toppageFv_word6,
.toppageFv_word9,
.toppageFv_word12 {
    animation: 5.4s float .4s infinite;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10%);
    }
}






/*==========ループ動画（コンセプト） ==========*/
.toppage_loopVideo_concept {
    aspect-ratio:9/16;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100svh;
    overflow: hidden;
    z-index: 0;
}

.toppage_loopVideo_concept .video_pc {
    /*display:block;*/
    position: fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index: -1;
    width: auto;
    max-width:430px;
    height:100svh;

    object-fit: cover;
    object-position: 50% 50%;
}
.toppage_loopVideo_concept .loopVideo_btn {/* 再生ボタン */
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-width:120px;
    width:20%;
    z-index:10;
}








/*==========究極のヘッドスパってなんだ?! ==========*/
.toppage_what {
    position:relative;
    background:#e7f5ff;
    padding-top:1em;
    z-index:1;
}
.toppage_what .content_bg {
    position:relative;
    background:#e7f5ff;
    z-index:0;
}



.toppage_what_title {
    position:relative;
}
.toppage_what_title_icon {
    position:absolute;
    top:8%;
    left:5%;
    width:14%;
}
.toppage_what_title_nanda {
    position:absolute;
    top:53.17%;
    right:4%;
    width:29%;
}


.toppage_what_text_million {
    font-size:0.8em;
    margin-bottom:0.5em;
    text-align:center;
    /*font-family:'A-OTF-RyuminPro-Bold';*/
    font-family: var(--fontMincho);
    font-weight:bold;
    color:#2d337a;
}
.toppage_what_text_million span {
    font-weight:700;
}
.toppage_what_text_million em {
    font-size:1.5em;
    font-weight:bold;
}
@media only screen and (max-width: 750px) {

    .toppage_what_text_million {
        font-size:3.4vw;
    }
}


/* ブルー背景のところ */
.toppage_what_good_review {
    background:url(../images/top_what_good_review_bg_sp.png) center top no-repeat;
    background-size:100% auto;
    padding-bottom:1.5em;
    margin-bottom:1.5em;
    z-index:2;
}
@media only screen and (max-width: 430px) {
    .toppage_what_good_review {
        margin-bottom:6vw;
    }
}

.toppage_what_good_review_text {
    padding:0 4%;
}

.toppage_what_good_review_text li {
    font-size:0.62em;
    line-height:1.6;
    background:#fff;
    border-radius:2em;
    padding:0.9em 0.5em 0.9em 1.5em;
    margin-bottom:0.4em;
    /*font-family:'A-OTF-RyuminPro-Bold';*/
    font-family: var(--fontMincho);
    color:#2d337a;
    letter-spacing:0;
}
@media only screen and (max-width: 430px) {
    .toppage_what_good_review_text li {
        font-size:2.6vw;
    }
}
.toppage_what_good_review_text li p {
    font-weight:bold;
}
.toppage_what_good_review_text li span {

    /*background: linear-gradient(transparent 70%, #ffe400 70%);*/
    font-weight:bold;
    overflow:hidden;
}
.markerLine {
    display:inline;
    background: linear-gradient(transparent 70%, #ffe400 70%);
    background-repeat: no-repeat;/* 背景の繰り返しを停止 */
    background-size: 0% 100%;/* マーカーの横方向を0にして縮める */
    transition:background-size 1.5s;/* マーカーが引かれる速度を指定 */
}
.markerLine_on {
  background-size: 100% 100%;/* 横方向を100%にして、マーカーを引く */
}



.toppage_what_youtuber {
    position:relative;
}

/* ラファエルさんのところ冒頭 */
.toppage_what_youtuber_head {
    position:relative;
    background:#999282;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, #999282 50%, #999282 100%);
    margin-left:4%;
}
.toppage_what_youtuber_head_inner {
    position:relative;
}
.toppage_what_youtuber_text {
    position:absolute;
    top:42%;
    right:7%;
    width:55%;
}
.toppage_what_youtuber_head_sheep {
    position:absolute;
    left:11%;
    bottom:-8%;
    width:11.88%;
}


/* ラファエルさんのところコンテンツ */
.toppage_what_youtuber_content {
    position:relative;
    padding:1.5em 0 3em;
}
.toppage_what_youtuber_video {
    width:50.66%;
    margin-left:13%;
    margin-bottom:2em;
}
/*.top_what_youtuber_video .videoContainer {
    border:solid 0.3em #2d337a;
    border-radius:2em;
    max-width:560px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}*/

.toppage_what_youtuber_content_img1 {
    padding-left:40.33%;
    width:49.87%;
}
.top_what_youtuber_video2_thumb {
    width:50.66%;
    padding-left:40.33%;
    margin-bottom:2em;
}
.toppage_what_youtuber_content_img2 {
    padding-left:11%;
    margin-top:0;
    width:41.2%;
    margin-bottom:1.5em;
}

.toppage_what_youtuber_content_text1 {/* 消している */
    position:absolute;
    top:10%;
    left:6%;
    width:15.06%;
}
.toppage_what_youtuber_content_text2 {
    position:absolute;
    top:12%;
    right:10%;
    width:22.26%;
}
.toppage_what_youtuber_content_text3 {
    position:absolute;
    top:27%;
    left:9%;
    width:30.26%;
}
.toppage_what_youtuber_content_text4 {
    position:absolute;
    top:43%;
    left:5%;
    width:28.26%;
}
.toppage_what_youtuber_content_text5 {
    position:absolute;
    top:55.4%;
    right:11.4%;
    width:37.06%;
}
.toppage_what_youtuber_content_text6 {
    /*position:absolute;
    bottom:3%;
    left:0;
    right:0;
    width:80%;
    margin:auto;*/
    width:90%;
    margin:auto;
}

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

    .toppage_what_youtuber_content {
        /*font-size:2.5vw;*/

    }

}


/* 脳と身体が喜ぶ３大メリットとは？ */
.toppage_merit {
    background:url(../images/top_merit_bg.webp) right top no-repeat;
    background-size:130% auto;
    padding-top:1.8em;
    padding-bottom:1em;
}
.toppage_merit_title {
    line-height:1.2;
    padding-left:5%;
    margin-bottom:1.5em;
    color:#fff;
}

@media only screen and (max-width: 430px) {
    .toppage_merit_title {
        font-size:4.2vw;
    }
}
.toppage_merit_title span {
    font-size:1.6em;
    line-height:1.5;
    letter-spacing:0.05em;
}
.toppage_merit_title .line1 em {
    font-size:0.7em;
    padding:0 0.1em;
}
.toppage_merit_title .line2 em {
    font-size:1.5em;
    line-height:0.9;
    padding:0 0.1em 0 0;
    margin-left:-0.1em;
}




.toppage_merit_content {
    position:relative;
    overflow-x:hidden;
    overflow-y:visible !important;
}
.toppage_merit_woman {/*左側の女性*/
    position:absolute;
    top:1%;
    left:-14%;
    width:52%;
}
.toppage_merit_points {
    font-size:0.6em;
    padding-left:37%;
    margin-bottom:2em;
    color:#fff;
}
@media only screen and (max-width: 430px) {

    .toppage_merit_points {
        font-size:2.6vw;
    }

}

.toppage_merit_points dl {
    margin-bottom:1em;
}
.toppage_merit_points dl dt {
    display:flex;
    align-items:center;
    margin-bottom:1em;
}
.toppage_merit_points dl dt .num {
    font-size:5em;
    margin-right:0.1em;
    font-style:italic;
}
.toppage_merit_points dl dt .toppage_merit_points_title {
    font-size:1.3em;
    line-height:1.4;
    margin-top:1.3em;
    margin-left:1em;
    font-family: "Kosugi Maru", sans-serif;
}
.toppage_merit_points dl dd {
    line-height:1.5;
    width:auto;
    padding-left:0.48em;
    padding-right:4%;
    margin-left:4em;
    font-family: "Kosugi Maru", sans-serif;
}
.toppage_merit_points dl dd span {
    /*font-size:1.1em;*/
}





/*流れる女性写真*/
.toppage_merit_flowing {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.toppage_merit_flowing .flowing_content {
  display: inline-block;
  animation: flowing_img 30s linear infinite;
}
.toppage_merit_flowing .flowing_content li {
  display: inline-block;
    width:160px;
  height: auto;
  margin-right: 0.1%;
}
@media only screen and (max-width: 430px) {
  .toppage_merit_flowing .flowing_content li {
    width: 34vw;
  }
}
@keyframes flowing_img {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}



/*==========日本睡眠協会も推薦する施術です ==========*/
.toppage_recommendAssociation {
    position:relative;
    background:#e7f5ff;
    padding-bottom:3em;
    z-index:1;
}
.toppage_recommendAssociation_content {
    aspect-ratio:750/710;
    position:relative;
    display:flex;
    align-items:flex-end;
    background:url(../images/top_recommendAssociation_bg.webp) 80% top no-repeat;
    background-size:auto 81%;
    box-sizing:border-box;
    width:100%;
    height:auto;
    padding-left:4.6%;
}
.toppage_recommendAssociation_capture {
    width:45%;
    padding-bottom:10%;
}
.toppage_recommendAssociation_set {
    aspect-ratio:750/156;
    position:absolute;
    bottom:0;
    left:0;
    display:flex;
    justify-content:space-evenly;
    align-items:center;
    background:#fff;
    width:100%;
}
.toppage_recommendAssociation_logo  {
    width:30%;
}
.toppage_recommendAssociation_text {
    font-size:1.2em;
    line-height:1.4;
    color:#2d337a;
    letter-spacing:0.1em;
}




/*SPMA睡眠研究家*/
.toppage_recommendAssociation_spma {
    font-size:0.6em;
    aspect-ratio:750/531;
    display:flex;
    background:url(../images/top_recommendAssociation_spma_bg_sp.webp) left top no-repeat;
    background-size:100% auto;
    box-sizing:border-box;
    width:100%;
    height:auto;
    padding-top:3em;
    padding-left:5%;
    padding-right:4%;
    /*margin-bottom:3em;*/
    font-family: "Kosugi Maru", sans-serif;
    color:#fff;
    z-index:1;
}
.toppage_recommendAssociation_spma_photo {
    width:30%;
    margin-right:2em;
}
.toppage_recommendAssociation_spma_photo img {
    width:100%;
}
.toppage_recommendAssociation_spma_text {
    font-size:1.2em;
}
.toppage_recommendAssociation_spma_text .spma_text {
    font-size:0.9em;
    line-height:1.8;
    margin-bottom:1em;
}

.toppage_recommendAssociation_spma_text .spma_name {
    display:flex;
    justify-content:flex-end;
    align-items:center;
}
.toppage_recommendAssociation_spma_text .spma_name .name {
    width:35%;
}
.toppage_recommendAssociation_spma_text .item {
    line-height:1.4;
    margin-right:2em;
}

@media only screen and (max-width: 430px) {
    .toppage_recommendAssociation_spma {
        font-size:2.5vw;
    }
    .toppage_recommendAssociation_spma_photo {
        margin-right:5vw;
    }
}



/*==========山田の想い ==========*/
.toppage_president {
    position:relative;
    background:#e7f5ff;
    z-index:1;
}
.toppage_president_content {
    font-size:0.63em;
    position:relative;
    aspect-ratio:750/869;
    display:flex;
    align-items:flex-end;
    background:url(../images/top_president_bg_sp.webp) left top no-repeat;
    background-size:auto 100%;
}
.toppage_president_vertical {
    position:absolute;
    top:9%;
    left:6%;
    width:8%;
}
.toppage_president_text {
    position:relative;
    background:rgba(33,37,102,0.35);
    width:100%;
    padding-top:2em;
    padding-left:5%;
    padding-right:4%;
    padding-bottom:2.5em;
    color:#fff;
}
.toppage_president_patent {
    position:absolute;
    top:-22%;
    right:4%;
    width:19.33%;
}
.toppage_president_text dt {
    /*font-size:0.8em;*/
    font-size:0.97em;
    line-height:1.4;
    margin-bottom:1.5em;
    letter-spacing:0.1em;
}
.toppage_president_text dt span {
    font-size:2em;
    /*font-family:'A-OTF-RyuminPro-Bold';*/
    font-weight:bold;
}
.toppage_president_text dd {

}
.toppage_president_text dd span {
    font-size:0.9em;
    line-height:1.6;
    font-family: "Kosugi Maru", sans-serif;
}
.toppage_president_sign {
    position:absolute;
    bottom:1.3em;
    right:5%;
    width:17%;
}


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

    .toppage_president_content {
        font-size:2.7vw;
    }
}



/*==========特別対談 ==========*/
.toppage_talk {
    position:relative;
    background:#e7f5ff;
    background:#e4e0dc;
    z-index:1;
}
.toppage_talk_icon {
    position:absolute;
    top:-4%;
    left:3%;
    width:18.66%;
}
.toppage_talk .top_talk_content {
    position:relative;
    background:#e4e0dc;
}
.toppage_talk_video .videoContainer {
    aspect-ratio:16/9;
    border:solid 0.3em #2d337a;
    border-radius:2em;
    width:100%;
    overflow:hidden;
}

.toppage_talk_sp {
    aspect-ratio:750/502;
    display:flex;
    justify-content:space-evenly;
    align-items:center;
    box-sizing:border-box;
    width:100%;
}
.toppage_talk_sp .toppage_talk_text {
    width:8.933%;
    margin-top:12%;
}
.toppage_talk_sp .toppage_talk_video {
    width:66.133%;
}
.toppage_talk_sp .toppage_talk_video_thumb {
}
.toppage_talk_sp .toppage_talk_video .toppage_talk_text_sp2 {
    margin-bottom:7%;
}





/*==========当店のサービス特徴 ==========*/
.toppage_feature {
    position:relative;
    background:#e7f5ff;
    z-index:1;
}
.toppage_feature_content {
    background:url(../images/top_feature_content_bg_sp.webp) center top no-repeat;
    background-position:center top;
    background-size:auto 100%;
}


.toppage_feature_content_inner {
    font-size:0.65em;
    box-sizing:border-box;
    padding-top:2em;
    padding-left:2%;
    margin-left:auto;
    margin-right:auto;

    padding-bottom:2em;
}
/* 特許マークとタイトル */
.toppage_feature_title {
    display:flex;
    align-items:center;
    align-content:center;
}
.toppage_feature_title .icon {
    width:20%;
    margin-left:0.5em;
    margin-right:1em;
}
.toppage_feature_title .title {
    font-size:2.54em;
    color:#fff;
    letter-spacing:0.1em;
}
.toppage_feature_title .title .spText {
        display:none;
    }

/* 特徴リスト */
.toppage_feature_list {
    box-sizing:border-box;
    padding-top:1em;
    padding-left:4%;
    padding-right:4%;
}
.toppage_feature_listItem {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    background:rgba(255,255,255,0.9);
    border-radius:1.2em;
    box-sizing:border-box;
    width:100%;
    height:6em;
    margin-bottom:0.5em;
    color:#2d337a;
}
/*.toppage_feature_listItem::after {
    content:"";
    width:378px;
}*/
.toppage_feature_listItem dt {
    line-height:0.8;
    margin-left:4%;
    margin-bottom:1.4em;
}
.toppage_feature_listItem dt span {
    font-size:1.5em;
    display:block;
    font-style:italic;
    /*font-family:'A-OTF-RyuminPro-Bold';*/
    font-family: var(--fontMincho);
    font-weight:bold;
    letter-spacing:0.06em;
    white-space:nowrap;
}
.toppage_feature_listItem dt .listItem_name {
    display:block;
}
.toppage_feature_listItem dt em {
    font-size:1.5em;
    font-style:italic;
    font-weight:bold;
}
.toppage_feature_listItem dd {
    font-size:1.1em;
    line-height:1.5;
    padding-left:2em;
    padding-right:5%;
    padding-bottom:1.3em;
    font-family: "Kosugi Maru", sans-serif;
}

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

    .toppage_feature_content_inner {
        font-size:2.7vw;
    }

}



/*==========電話1本でかつてない体験を ==========*/
.toppage_appeal {
    aspect-ratio:750/830;
    position:relative;
    /*background:#e7f5ff;*/
    background:#654027;
    background-image:url(../images/top_appeal_bg.webp);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:cover;
    z-index:1;
}
.toppage_appeal_content {
    font-size:0.56em;
    position:relative;
    width:100%;
    height:100%;
}
.toppage_appeal_content p {
    letter-spacing:0.08em;
}
.toppage_appeal_text1 {
    writing-mode:vertical-rl;
    font-size:3.3em;
    line-height:1.3;
    position:absolute;
    top:8%;
    left:6%;
    color:#fff;
    /*font-weight:bold;*/
    mix-blend-mode:overlay;
}
.toppage_appeal_text2 {
    font-size:2.96em;
    line-height:1.3;
    position:absolute;
    bottom:4%;
    left:0;
    width:100%;
    text-align:center;
    color:#fff;
    font-weight:bold;
    letter-spacing:0.05em;
    mix-blend-mode:overlay;
}

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

    .toppage_appeal_content {
        font-size:2.4vw;
    }

}



/*==========ループ動画（プレイ内容） ==========*/

.toppage_loopVideo_play {
    aspect-ratio:9/16;
    position: -webkit-sticky;
    position: sticky;
    top:0;
    left:0;
    display:flex;
    background:#e7f5ff;
    justify-content:center;
    align-items:center;
    width:100%;
    height:auto;
    /*height: 100svh;*/
    z-index:0;/*重要*/
}

.toppage_loopVideo_play .loopVideo_btn {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:20%;
    max-width:120px;
    z-index:100;
}
.toppage_loopVideo_play .video_pc {
    aspect-ratio:16/9;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:auto;
    height: 101%;
    object-fit:cover;
    z-index:2;
}





/*==========スパニストのリスト(トップページ) ==========*/
.toppage_ladys {
    position:relative;
    background:#e7f5ff;
    padding-top:2em;
    padding-bottom:3em;
    z-index:2;
}

.toppage_ladys_content {
    font-size:1em;
    background:url(../images/top_ladys_lady.webp) no-repeat;
    /*background-size:66% auto;*/
    background-size:74% auto;
    background-position:120% top;
    padding-top:1em;
    padding-left:4%;
    padding-right:4%;
}
@media only screen and (max-width: 430px) {

    .toppage_ladys_content {
        font-size:4.2vw;
    }
}

.toppage_ladys_head {
    margin-bottom:4em;
}
.toppage_ladys_head .toppage_ladys_title {
    font-size:1.8em;
    line-height:1.3;
    display:inline-block;
    background:url(../images/top_ladys_title_en.png) left bottom no-repeat;
    background-size:78% auto;
    padding-bottom:2.3em;
    letter-spacing:0.24em;
}
.toppage_ladys .ladyList {
    margin-bottom:2em;
}
.toppage_ladys .ladyList_person {
    font-size:0.9em;
    width:48%;
}
.toppage_ladys .ladyList_person:nth-child(n+5) {
    display:none;
}

.toppage_ladys_btn {
    text-align:center;
}
.toppage_ladys_btn a {
    font-size:0.6em;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    background: linear-gradient(135deg,  #f7f2ee 35%,#e2dad0 100%);
    border-radius:1.8em;
    width:50%;
    height:3.6em;
    letter-spacing:0.1em;
    color:#555555;
    font-family: "Kosugi Maru", sans-serif;
}





/*==========スパニスト週間ランキング(トップページ) ==========*/
.toppage_ranking {
    position:relative;
    background:#e7f5ff;
    padding-bottom:4em;
}





/*==========トップページ最後（初めてでも簡単・安心） ==========*/
.toppage_flow {
    position:relative;
    background:#e7f5ff;
}
.toppage_flow_content {
    position:relative;
    aspect-ratio:705/1757;
    background:url(../images/top_flow_content_bg_sp.webp) right top no-repeat;
    background-size:100% auto;
}
.toppage_flow_wakaba {
    position:absolute;
    top:-2em;
    left:36%;
    width:54%;
}
.toppage_flow_lady {
    position:absolute;
    top:-3em;
    left:2%;
    width:45%;
}
.toppage_flow_title {
    font-size:1.5em;
    line-height:1.3;
    position:absolute;
    top:1.6em;
    left:44%;
    color:#2d337a;
    letter-spacing:0.1em;
    /*font-weight:bold;*/
}

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

    .toppage_flow_title {
        font-size:6.4vw;
    }
}

.toppage_flow_title em {
    font-size:1.3em;
    padding:0 0.1em;
}

.toppage_flow_step1 {
    position:absolute;
    top:13.91%;
    width:100%;
}

.toppage_flow_step2 {
    position:absolute;
    top:21.54%;
    width:100%;
}

.toppage_flow_btn_hotel {
    display:block;
    position:absolute;
    bottom:-23%;
    left:7%;
    width:38%;
    margin-left:auto;
    margin-right:auto;
    z-index:2;
}

.toppage_flow_step3 {
    position:absolute;
    top:33.6%;
    width:100%;
}

.toppage_flow_text1 {
    position:absolute;
    bottom:21%;
}
.toppage_flow_text2 {
    position:absolute;
    bottom:12%;
    left:50%;
    transform:translateX(-50%);

}
.toppage_flow_logo {
    position:absolute;
    bottom:10%;
    left:50%;
    transform:translateX(-50%);
    width:31.06%;
}

.toppage_flow_energy {
    position:absolute;
    bottom:8.9%;
}










/********************************************************************
 *　//コンセプト動画ページ
********************************************************************/
.concept_video {
}
.conceptVideoContents{
}
@media only screen and (max-width:430px) {
    .conceptVideoContents{
        font-size:4vw;
        padding-top:0;
    }
}
.conceptVideoContents .concept_pv {
    position:relative;
    /*aspect-ratio:1200/1902;*/
    background:url(../images/concept_video_bg.webp) center top no-repeat;
    background-size:cover;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:5em 10%;
    text-align:center;
}

.conceptVideoContents .contept_pv_title {
    font-size:1.16em;
    text-shadow:0 0 0.3em rgba(0,0,0,1);
    margin-bottom:1.5em;
    text-align:center;
    color:#fff;
    letter-spacing:0.1em;

}

.conceptVideoContents .concept_pv .video_thumb {
    box-shadow:0 0 10px #241998;
    border:0;
    border-radius:1em;
    margin-bottom:5em;
    overflow:hidden;
}

/* 詳細ボタン */
.conceptVideoContents .concept_pv .service_btn {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    border:solid 2px rgba(0,0,0,0.1);
    border-radius:1.3em;
    box-sizing:inherit;
    width:60%;
    height:2.6em;
}
.conceptVideoContents .concept_pv .service_btn::after {
    content:"";
    position:absolute;
    right:0.8em;
    top:0;
    bottom:0;
    margin:auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 0.2em solid transparent;
    border-bottom: 0.2em solid transparent;
    border-left: 0.4em solid #555555;
    border-right: 0;
}
.conceptVideoContents .concept_pv .service_btn span {
    font-size:0.7em;
}



/********************************************************************
 *　//仮年齢認証
********************************************************************/
.ageAuthContents {
    max-width:750px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30vh;
}
.ageFv {
    margin-bottom:3em;
}



.ageAuthContents .ageCheckSection .ageCheck_text {
    width:80%;
    margin:0 auto 0.5em;
}
.ageAuthContents .ageCheckSection .ageCheck_btn {
    display:flex;
    justify-content:center;
    width:100%;
    margin:0 auto 3em;
}
.ageAuthContents .ageCheckSection .ageCheck_btn > div {
    height:3.9em;
    margin:0 0.2em;
}
@media only screen and (max-width:560px) {
    .ageAuthContents .ageCheckSection .ageCheck_btn > div {
        font-size:2.7vw;
    }
}
.ageAuthContents .ageCheckSection .ageCheck_btn .area_women {
    margin-right:2em;
}
.ageAuthContents .ageCheckSection .ageCheck_btn > div img {
    width:auto;
    height:100%;
}





.gate_btn {
    padding:0.2em 6% 4em;
}
.gate_btn_enter {
    display:flex;
    justify-content:space-between;
    margin-bottom:2em;
}
.gate_enter_recruit {
    position:relative;
    width:44.33%;
}
.gate_enter_recruit_reina {
    position:absolute;
    left:-1em;
    top:-1.5em;
    width:66%;
}
.gate_enter_service {
    width:52.33%
}


.gate_exit {
    display:flex;
    justify-content:center;
    padding-left:12%;
    padding-right:12%;
}
.gate_exit_btn {
    width:25%;
}
.gate_exit_text {
    width:75.18%;
}