@charset "utf-8";

/*========================

sp_contact.css

========================*/
@media screen and (max-width:768px) {

#main #main_cont {
 padding:0;
 row-gap:0;
}

#main_visual #main_visual_cont > img {
 border-radius:0;
}

#main #main_cont .section .section_title {
 display:none;
}

.section .section_cont {
 padding:20px 25px 50px;
}

/*---------------------------------------------
left_nav
---------------------------------------------*/
#left_nav {
 padding:0;
 height:280px;
 width:100%;
}

#left_nav #left_nav_cont {
 background-color:transparent;
 border-radius:0;
 flex-direction:unset;
 flex-wrap:wrap;
 padding:15px 15px;
 position:relative;
}

#left_nav #left_nav_cont h1 {
 justify-content:start;
 width:50%;
}

#left_nav #left_nav_cont h1 img {
 height:30px;
 width:auto;
}

#left_nav #left_nav_cont h2 {
 align-items:center;
 background-color: var(--yellow);
 display:flex;
 justify-content:center;
 width:130px;
 height:130px;
 position:absolute;
 left:50%;
 margin-left:-65px;
 top:auto;
 bottom:-300px;
}

#left_nav #left_nav_cont h2 img {
 width:90px;
}

#left_nav #left_nav_cont .flow {
 display:none;
}

#left_nav #left_nav_cont .tel {
 display:none;
}

#left_nav .symbol {
 display:none;
}

#left_nav.fixed {
 height:auto;
}

#left_nav.fixed #left_nav_cont h2 {
 display:none;
}

/*---------------------------------------------
form_table
---------------------------------------------*/
#form_table #form_table_cont ul.form_list.list > li > dl > dt {
 padding:0;
 width:100%;
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd > ol > li > label {
 flex-direction:column;
 padding: 22px 15px 10px 50px;
 row-gap:5px;
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd > ol:last-child > li > label {
 justify-content:center;
 padding: 15px 15px 15px 50px;
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd > ol > li > label > span {
 display:block;
 width:100%;
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd > ol > li > label > span:first-child {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944)); 
 font-weight:600;
 line-height:1.6;
 text-align:left;
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd > ol > li > label > span:nth-child(2) {
 flex-direction:unset;
 font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944)); 
 justify-content:flex-end;
 text-align:right;
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd .course_detail dl dd .select_list {
 flex-direction:column;
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd .course_detail dl dd .select_list li {
 border-top: 1px solid var(--gray_cc);
 border-left:none;
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd .course_detail dl dd .select_list li label {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd .course_detail dl dd .select_list li:first-child {
 border-top:none;
 border-radius:6px 6px 0 0;
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd .course_detail dl dd .select_list li:first-child,
#form_table #form_table_cont ul.form_list.list > li > dl > dd .course_detail dl dd .select_list li:first-child label {
 border-radius:6px 6px 0 0;
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd .course_detail dl dd .select_list li:last-child {
 border-radius:0 0 6px 6px;
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd .course_detail dl dd .select_list li:last-child, #form_table #form_table_cont ul.form_list.list > li > dl > dd .course_detail dl dd .select_list li:last-child label {
 border-radius:0 0 6px 6px;
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd .course_detail dl dd .select_list.three li {
 width:100%;
}

#form_table #form_table_cont ul.form_list.list > li > dl > dd .course_detail .note span {
 font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
 line-height:1.4;
}

.termscheck dl {
 padding:20px;
}

.termscheck dl dd span {
 font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
 line-height:1.4;
 margin:0;
}

.agree_btn label {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
}

/*---------------------------------------------
footer
---------------------------------------------*/
#footer #footer_cont #footer_head {
 display:none;
}

#footer #footer_cont #footer_bottom {
 display:none;
}

#footer #footer_bottom #footer_bottom_cont {
 padding-left:20px;
}


/*--- thanks ---*/

.thanks #footer #footer_cont {
 padding-bottom:0;
}

.thanks #footer #footer_cont #footer_head {
 display:flex;
 padding: 20px;
 row-gap: 20px;
}

.thanks #footer #footer_cont #footer_bottom {
 display:flex;
}

/*---------------------------------------------
layerBoard
---------------------------------------------*/
.layer_board .layer_board_cont ul {
 column-gap:15px;
 padding-top:30px;
 row-gap:35px;
}

.layer_board .layer_board_cont ul li {
 justify-content: start;
 padding: 40px 15px 15px;
 width:calc(100% / 2 - 10px);
}

.layer_board .layer_board_cont ul li .image {
 height:60px;
 margin-left: -30px;
 top: -30px;
 width:60px;
}

.layer_board .layer_board_cont ul li .image img {
 height:20px;
}

.layer_board .layer_board_cont ul li .en {
 font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944)); 
}

.layer_board .layer_board_cont ul li dl {
 row-gap:10px;
}

.layer_board .layer_board_cont ul li dl dt {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944)); 
}

.layer_board .layer_board_cont ul li dl dd {
 font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944)); 
}

/*------------------------------------------
step
------------------------------------------*/
#main #main_cont .section#form_table .step {
 display:flex;
 /*width:calc(100vw - 70px);*/
 width:100%;
 justify-content:start;
}

.step {
 display: flex;
 overflow-x: auto;
 min-height:80px;
 justify-content:center;
 position:relative;
 overflow-scrolling: touch;
 -webkit-overflow-scrolling: touch;
}

.step ol {
 padding:5px 0 0;
 width: 100%;
}

.step ol li {
 /*flex:0 0 200px;*/
 flex:0 0 50%;
 white-space: nowrap;
 /*width:200px;*/
 width:50%;
}

.step ol li:before {
 bottom: auto;
 top: 42px;
}

.step ol li dl {
 justify-content:start;
}

.step ol li dl dt {
 font-size:1.4rem;
}

.contact .step ol li:first-child dl dd span {
 background-color:var(--orange);
 color:var(--white);
}

/*---------------------------------------------
confirm
---------------------------------------------*/
.confirm .step ol {
 transform: translateX(calc(50vw - 330px));
}

.confirm #form_table #form_table_cont ul.form_list.list > li > dl dt {
 flex:1;
}

/*---------------------------------------------
thanks
---------------------------------------------*/
.thanks .step ol {
 /*transform: translateX(calc(50vw - 360px));*/
}

.thanks .step ol li:last-child dl dd span {
 background-color:var(--orange);
 color:var(--white);
}

.thanks ul.gallery li {
 /*width:calc(100% / 3 - 10px);*/
}

/*---------------------------------------------
service_link_area 
---------------------------------------------*/
#service_link_area #service_link_area_cont {
 padding-left: 0;
}

/*---------------------------------------------
bread_crumb_list
---------------------------------------------*/
.bread_crumb_list {
 padding:0;
}

/*---------------------------------------------
grecaptcha-badge
---------------------------------------------*/
.grecaptcha-badge {
 z-index: 10;
}


}