@charset "utf-8";

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

tb_common.css

========================*/
@media (min-width:769px) and (max-width:1080px) {

#header {
padding:0 15px;
}

#header #header_cont #header_left #h_nav > ul > li {
padding:0 5px;
}

#header #header_cont #header_left #h_nav > ul > li > a {
padding: 15px 35px 15px 20px;
}

#header #header_cont #header_left #h_nav > ul > li:nth-child(3) > a {
padding: 15px 25px 15px 10px;
}

#header #header_cont #header_left #h_nav > ul > li dl dt > a {
padding: 15px 25px 15px 10px;
}

#header #header_cont #header_left #h_nav > ul > li dl dd {
display:none;
}

#header #header_cont #header_left .student_menu {
display:none;
position: fixed;
left: 15px;
bottom: 15px;
}

#header #header_cont #header_left .student_menu a {
background-color:var(--white);
border:1px solid var(--blue);
border-radius:25px;
color:var(--blue);
display:flex;
font-size: calc(0.9rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
padding:13px 25px 13px 15px;
position:relative;
}

#header #header_cont #header_left .student_menu a:after {
content:"\f054";
color:var(--blue);
font-family:var(--icon);
font-size: calc(0.6rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
right:10px;
top:50%;
margin-top:-5px;
opacity:0.5;
position:absolute;
z-index:3;
}

/*--- left_nav ---*/

#left_nav #left_nav_menu {
/*top:110px;*/
}

#conversion_area #conversion_cont #conversion_footer {
padding:0;
}

#conversion_area #conversion_cont .sns_link_area {
padding:0 50px;
}

#banner_area {
width:100%;
}

#school_banner_slider ul li {
min-width: 180px;
}

#school_banner_slider ul li a img {
max-width:240px;
}


/*---------------------------------------------
conversion_area
---------------------------------------------*/
.conversion dl dt {
height: 100px;
top:-20px;
}　

#conversion_area {
display:flex;
flex-direction:column;
justify-content:center;
/*padding:30px 0 250px;*/
}

#conversion_area #conversion_cont {
margin:0 auto;
max-width:100%;
}

#conversion_area #conversion_cont .conversion figure {
width:23vw;
}

.bread_crumb_list .bread_crumb_list_cont ol {
padding:0;
}

#footer #footer_cont .conversion_link_area ul {
column-gap:20px;
padding:0 0 50px 0;
}

#footer #footer_cont .conversion_link_area ul li.introduction a {
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

#footer #footer_cont .conversion_link_area ul li.introduction:before {
background-size:60px 68px;
height:68px;
width:60px;
margin-top:-34px;
}

#footer #footer_cont .conversion_link_area ul li.entry a {
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

#footer #footer_cont .conversion_link_area ul li.introduce a {
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

#footer #footer_cont #footer_bottom #footer_bottom_cont {
padding:0;
}

.modal-content {
max-width:90vw;
}



/*--- close_left_nav ---*/
#container.close_left_nav #school_banner_slider {
padding:60px 5vw 100px;
}

#container.close_left_nav #school_banner_slider ul li a img {
max-width:280px;
}

#container.close_left_nav #conversion_area {
display:flex;
flex-direction:column;
justify-content:center;
padding:30px 0 250px;
}

#container.close_left_nav #conversion_area #conversion_cont {
margin:0 auto;
max-width:calc(100% - 10vw);
}

#container.close_left_nav + .bread_crumb_list {
padding:0 5vw;
}

#footer.close_left_nav #footer_cont {
padding:30px 5vw;
}


}