@charset "utf-8";

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

sp_entry.css

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


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

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

/*---------------------------------------------
left_nav
---------------------------------------------*/
#left_nav {
 height:360px;
}

/*---------------------------------------------
form_table
---------------------------------------------*/

#form_table #form_table_cont > ul > li > dl > dt {
 padding:0;
}

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

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

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

#form_table #form_table_cont > ul > 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 > 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 > li > dl > dd .course_detail dl dd .select_list {
 flex-direction:column;
}

#form_table #form_table_cont > ul > 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 > 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 > 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 > li > dl > dd .course_detail dl dd .select_list li:first-child,
#form_table #form_table_cont > ul > 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 > li > dl > dd .course_detail dl dd .select_list li:last-child {
 border-radius:0 0 6px 6px;
}

#form_table #form_table_cont > ul > li > dl > dd .course_detail dl dd .select_list li:last-child, #form_table #form_table_cont > ul > 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 > li > dl > dd .course_detail dl dd .select_list.three li {
 width:100%;
}

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


#form_table #form_table_cont > .btn_link_area {
 background-color:var(--white);
 border-top:1px solid var(--gray_dd);
 position:fixed;
 bottom:0;
 left:0;
 width:100%;
 z-index:10;
}

#form_table #form_table_cont > .btn_link_area li {
 padding:10px;
}

#form_table #form_table_cont .btn_link_area li a,
#form_table #form_table_cont .btn_link_area li button {
 padding: 15px 45px;
 min-width:40vw;
}


.termscheck dl {
 padding:20px;
}

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

.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;
}

/*--- thanks ---*/

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

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

.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;
}

.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;
}

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

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

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

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

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

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

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

}