@charset "UTF-8";
/********************************************************************************

page-top.css　トップページcss

********************************************************************************/


/*============================================================
 セクション　YouTube動画
*============================================================*/
#page-top #sec-youtube {
}
#page-top #sec-youtube .youtube-video {
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translateX(-50%);
    width: 94%;
    height: auto;
}
#page-top #sec-youtube .youtube-video iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}

/*============================================================
 セクション　simulation
*============================================================*/
#page-top #sec-simulation {
    position: relative;
}
#page-top #sec-simulation .simulation-video {
    position: absolute;
    top: 19.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 92%;
    height: auto;
}
#page-top #sec-simulation .simulation-video .video_content {
    width: 100%;
    height: auto;
}


/*============================================================
 セクション　CTA
*============================================================*/
#page-top #sec-cta {
}
#page-top #sec-cta .cta-btn {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
}

/*============================================================
 セクション　矯正治療の流れ
*============================================================*/
#page-top #sec-flow {
}
#page-top #sec-flow .cta-btn {
    position: absolute;
    top: 29.6%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    height: auto;
}


/*============================================================
 セクション　アクセス
*============================================================*/
#page-top #sec-access {
}
#page-top #sec-access .map {
    position: absolute;
    top: 10.9%;
    left: 50%;
    transform: translateX(-50%);
    width: 92.5%;
    height: auto;
}
#page-top #sec-access .map iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 690 / 500;
}

/*============================================================
 追従ボタン
*============================================================*/




/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1024px) {

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 720px) {


}