@charset "utf-8";

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

tb_top.css

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

#container {
flex-wrap:nowrap;
}

#container #open_close_btn {
display:none;
}

#header #header_cont #header_left .student_menu {
 display:flex;
 bottom: 165px;
}

/*--- left_nav ---*/

#left_nav {
bottom:0;
position:fixed;
height:auto;
/*width:280px;*/
width:100%;
z-index:4;
}

#left_nav .bigginers {
margin: 0 0 0 auto;
padding: 0;
width: calc(100% - 80px);
display:none;
}

#left_nav #left_nav_menu #left_nav_menu_cont {
flex-direction:unset;
}

#left_nav #left_nav_menu {
position:fixed;
position:relative;
height: 100%;
/*padding: 110px 0 0;*/
padding:0;
overflow-y:visible;
/*width:280px;*/
width:100%;
}

#left_nav #left_nav_menu dl.menu {
border-radius:0;
row-gap:15px;
padding:15px;
display:none;
}

#left_nav #left_nav_menu dl.menu > dd > ul {
flex-direction:unset;
width:100%;
}

#left_nav #left_nav_menu dl.menu dt {
font-size: calc(0.8rem + ((1vw - 0.48rem) * 0.6944));
text-align:left;
}

#left_nav #left_nav_menu dl.menu > dd {
flex-grow:1;
}

#left_nav #left_nav_menu dl.menu > dd > ul > li {

}

#left_nav #left_nav_menu dl.menu > dd > ul > li > a {
font-size: calc(0.8rem + ((1vw - 0.48rem) * 0.6944));
}

#left_nav #left_nav_menu #left_nav_conversion {
border-radius:0;
display:flex;
justify-content:space-between;
flex-direction:unset;
padding: 20px 15px;
row-gap: 10px;
width:100%;
}

#left_nav #left_nav_menu #left_nav_conversion .tel {
row-gap: 10px;
flex: 0 1 auto;
}

#left_nav #left_nav_menu #left_nav_conversion .tel > dl {
display:flex;
flex-direction:column;
row-gap: 5px;
}

#left_nav #left_nav_menu #left_nav_conversion .tel > dl > dd a img {
height:38px;
width:auto;
}

#left_nav #left_nav_menu #left_nav_conversion .tel .open_hour ul {
column-gap:5px;
display:flex;
flex-direction:unset;
justify-content:start;
}

#left_nav #left_nav_menu #left_nav_conversion .tel .open_hour .extended {
position: absolute;
bottom: 130px;
margin-top:0;
padding:5px 10px;
}

#left_nav #left_nav_menu #left_nav_conversion #left_nav_conversion_bottom {
column-gap:10px;
display:flex;
flex-direction:unset;
flex-wrap:wrap;
justify-content:flex-end;
max-width:calc(100% / 2 - 15px);
}

#left_nav #left_nav_menu #left_nav_conversion #left_nav_conversion_bottom .entry a {
padding: 14px 15px 14px 10px;
}

#left_nav #left_nav_menu #left_nav_conversion #left_nav_conversion_bottom .contact {
}

#left_nav #left_nav_menu #left_nav_conversion #left_nav_conversion_bottom .contact a {
padding: 15px 15px 15px 10px;
}

#left_nav #left_nav_menu #left_nav_conversion #left_nav_conversion_bottom .bigginers {
display:flex;
width:100%;
max-width:260px;
}

#left_nav #left_nav_menu #left_nav_conversion .contact a:after {
margin-top: -6px;
}

/*---------------------------------------------
main
---------------------------------------------*/
#main {
width:100%;
}

#main #main_cont {
flex-direction:column;
padding: 0 30px;
row-gap: 30px;
width:100%;
max-width: 100%;
}

#main #main_left {
padding:0;
flex-basis: 100%;
}

#main #main_middle {
padding: 0;
width: 100%;
max-width: 100%;
order:2;
}

#main #main_cont #main_right {
padding:0;
order:3;
}

/*---------------------------------------------
main_visual
---------------------------------------------*/
#main_visual {
max-width:100%;
margin: 0 0 0 auto;
}

#container.open_left_nav #main_visual {
/*width: calc(100vw - 300px);*/
/*padding-left:300px;*/
/*width: calc(100% - 300px);*/
width: calc(100% - 30px);
}

#container.close_left_nav #main_visual {
width: calc(100vw - 30px);
}

/*---short ---*/
#main_visual ol li.short a .short_cont {
flex-direction:column;
}

#main_visual ol li.short a .short_cont .title {
justify-content:start;
padding:100px 0 0;
width:100%;
z-index:3;
}

#main_visual ol li.short a .short_cont .title .pic {
/*width: calc(100vw / 2 - 7vw);*/
width: 60vw;
}

#main_visual ol li.short a .short_cont .title .pic .symbol {
right:0;
bottom:auto;
top:20px;
}

#main_visual ol li.short a .short_cont .title .pic .symbol span {
font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

#main_visual ol li.short a .short_cont .contents {
padding:0;
position:absolute;
width:100%;
z-index:3;
}

#main_visual ol li.short a .short_cont .contents h3 {
left: 40px;
top:auto;
bottom:60px;
right:auto;
margin-left:0;
margin-top:0;
/*max-height:240px;*/
max-width:30vw;
}

#main_visual ol li.short a .short_cont .contents h3 img {
left:auto;
height:auto;
width:40vw;
}

#main_visual ol li.short a .short_cont .title .plan_info h2 {
font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
}

#main_visual ol li.short a .short_cont .title .plan_info p {
font-size: calc(0.8rem + ((1vw - 0.48rem) * 0.6944));
}

#main_visual ol li.short a .short_cont .contents figure {
aspect-ratio: 600 / 797;

}

#main_visual ol li.short a .short_cont .contents figure img {
aspect-ratio: 600 / 797;
right:0vw;
height:35vw;
z-index:3;
}

/*--- gallery ---*/

#main_visual ol li.gallery .gallery_cont .photo_wrap {
display: flex;
justify-content: flex-end;
}

#main_visual ol li.gallery .gallery_cont .title {
flex: 0 0 60%;
left:10vw;
width:40vw;
}

#main_visual ol li.gallery .gallery_cont .photo_wrap .photo {
width:20vw;
}

#main_visual ol li.gallery .gallery_cont .photo_wrap .photo.right {
display:none;
}

/*--- campaign ---*/
#main_visual ol li.campaign a .campaign_cont > figure img {
height:40vw;
bottom: -5vw;
left: -5vw;
z-index:3;
}

#main_visual ol li.campaign a .campaign_cont .box .contents > figure img {
bottom: -5vw;
}

#main_visual ol li.campaign a .campaign_cont .box {
left:auto;
max-width:75vw;
/*width:55vw;*/
width:75vw;
}

#main_visual ol li.campaign a .campaign_cont .box .contents {
padding: 10px 0 60px 80px;
}

#main_visual ol li.campaign a .campaign_cont .box .contents .pic.a {
right:12vw;
top:16vw;
}

#main_visual ol li.campaign a .campaign_cont .box .contents .pic.b {
right:7vw;
top:10vw;
}

#main_visual ol li.campaign a .campaign_cont .box .contents > p {
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}


/*--- online ---*/
#main_visual ol li.online_gakka {
}

#main_visual ol li.online_gakka a .half {
flex-direction: unset;
flex-wrap: wrap;
}

#main_visual ol li.online_gakka a .half img:first-child {
order: 3;
width: 50%;
}

#main_visual ol li.online_gakka a .half img:nth-child(2) {
object-position: center 70%;
order: 2;
width: 50%;
}

#main_visual ol li.online_gakka a .half img:nth-child(3) {
order: 1;
position: relative;
height: 450px;
width: 100%;
}

#main_visual ol li.online_gakka a .online_cont .box_wrap .box {
margin: 0 auto -180px auto;
max-width: 680px;
width:60vw;
}

#main_visual ol li.online_gakka a .online_cont .box_wrap .jitaku_info {
top:160px;
right:40vw;
height:100px;
width:100px;
}

#main_visual ol li.online_gakka a .online_cont p.txt span {
font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

#main_visual ol li.facility a .facility_cont .title_area .title h4 {
max-width: 50vw;
}


/*--- facility ---*/
#main_visual ol li.facility a .facility_cont figure img{
right:-15vw;
}

#main_visual ol li.facility a .facility_cont .title_area {
padding-left:90px;
}

/*--- golf ---*/
#main_visual ol li.golf a .golf_cont figure img {
left: -2vw;
}

#main_visual ol li.golf a .golf_cont .pic.a {
right: 12vw;
top:10vw;
}

#main_visual ol li.golf a .golf_cont .pic.b {
right: 2vw;
top:18vw;
}

/*--- new_year ---*/
#main_visual ol li.new_year a:before {
content:none;
}

#main_visual ol li.new_year a .new_year_cont .pic {
display:flex;
aspect-ratio: 68 / 52;
justify-content: center;
position:absolute;
top:50px;
right:0;
bottom:0;
left:0;
margin:auto;
width:auto;
max-width:100%;
max-height:520px;
z-index:2;
}

#main_visual ol li.new_year a .new_year_cont .pic img.pc {
display:none;
}

#main_visual ol li.new_year a .new_year_cont .pic img.sp {
display:flex;
aspect-ratio: 68 / 52;
}

#main #main_cont #main_right {
/*flex-basis: 260px;*/
flex-basis: 100%;
padding-top:40px;
}

#main_right #holiday .btn a {
font-size: calc(0.8rem + ((1vw - 0.48rem) * 0.6944));
}

#important_info {
padding-left: 30px;
}

#important_info #important_info_cont {
gap:10px;
}

#important_info #important_info_cont #info_cont_left {
align-items:unset;
flex-direction:unset;
gap:10px;
width:100%;
}

#important_info #important_info_cont #recruit dl dt {
font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
}

#important_info #important_info_cont #recruit dl dd {
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}


#important_info #important_info_cont #recruit ul li a .txt span.job {
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

#important_info #important_info_cont #recruit ul li a .txt span.job_detail {
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

#important_info #important_info_cont #news ol li  {
min-height:100%;
row-gap:10px;
}

#important_info #important_info_cont #news ol li dl {
min-height:100%;
}

#important_info #important_info_cont #news ol li dl dt {
align-items:center;
top:15px;
}

#important_info #important_info_cont #news ol li dl dt span:first-child {
font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

#important_info #important_info_cont #news ol li dl dt span:last-child {
font-size: calc(0.7rem + ((1vw - 0.48rem) * 0.6944));
white-space: nowrap;
margin-top:0;
}

#important_info #important_info_cont #news ol li dl dt span:last-child span {
min-width: 120px;
flex-basis: 120px;
}

#important_info #important_info_cont #news ol li dl dd {
font-size: calc(1.1rem + ((1vw - 0.48rem) * 0.6944));
-webkit-line-clamp: unset;
}

#important_info #important_info_cont #holiday ol li .new_year_holiday {
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

#important_info #important_info_cont #holiday .btn a {
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

/*---------------------------------------------
main_right
---------------------------------------------*/
#main_right #holiday {
width:calc(100% / 2 - 20px);
}

#right_banner_area {
flex-direction:unset;
flex-wrap:wrap;
padding:0 0 40px;
column-gap:40px;
row-gap:40px;
}

#right_banner_area #sub_banner_area {
flex-basis:100%;
}

#right_banner_area .online_gakka_banner {
width:calc(100% / 2 - 20px);
}

#right_banner_area .online_gakka_banner a dl dd p {
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

#right_banner_area .voice_banner {
width:calc(100% / 2 - 20px);
}

#right_banner_area #sub_banner_area ul {
flex-direction:unset;
column-gap:15px;
}

#right_banner_area #sub_banner_area ul li {
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
width: calc(100% / 3 - 15px);
}

#right_banner_area #sub_banner_area ul li a img {
min-height:1;
}

#school_banner_slider {
padding:0 30px 60px;
}


/*---------------------------------------------
license
---------------------------------------------*/
#license #license_cont .license_car .option_plan {
flex:1 1 40%;
max-width:100%;
}

#license #license_cont .license_car .option_plan dl dt img {
height:80px;
object-fit:contain;
}

#license #license_cont .license_car .option_plan dl dd h4 a {
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

#license #license_cont .license_motor {

}

#license #license_cont .license_motor > a dl dt img {
object-position:center top;
}

#license #license_cont .license_motor .mark span {
font-size: calc(0.8rem + ((1vw - 0.48rem) * 0.6944));
}

#license #license_cont .other_menu li a dl dd h3 {
padding:25px 0;
}

#license #license_cont .other_menu li a dl dd h3 span {
font-size: calc(1.1rem + ((1vw - 0.48rem) * 0.6944));
}

/*---------------------------------------------
student
---------------------------------------------*/
#student #student_cont #student_menu {
width:100%;
}

#student #student_cont #student_menu .menu {
flex:auto;
max-width:100%;
}

#student #student_cont #student_menu .menu a {
width:100%;
}

#student #student_cont #student_menu .menu a dl  {
width:100%;
}

#student #student_cont #student_menu .menu a dl dt {
height: 140px;
}

#student #student_cont #student_menu .menu a dl dt img {
height: 140px;
}

#student #student_cont #student_menu .menu a dl dd h3 {
padding:20px 0;
}

#student #student_cont #student_menu .menu a dl dd h3 span {
font-size: calc(1.1rem + ((1vw - 0.48rem) * 0.6944));
}

#student #student_cont .sub_menu {

}

#student #student_cont .sub_menu li a dl dd h3 {
padding:20px 0;
}

#student #student_cont .sub_menu li a dl dd h3 span {
font-size: calc(1.1rem + ((1vw - 0.48rem) * 0.6944));
}

#student #student_cont .sub_menu li a dl dt {
height: 140px;
}

#student #student_cont .sub_menu li a dl dt img {
height: 140px;
}

#course #course_cont #course_menu .menu a dl dd h3 {
padding:20px 0;
}

#course #course_cont #course_menu .menu a dl dd h3 span {
font-size: calc(1.1rem + ((1vw - 0.48rem) * 0.6944));
}

#conversion_area {
padding:80px 30px 250px;
}


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


/*---------------------------------------------
footer
---------------------------------------------*/
#footer {
padding:0 0 145px;
}

#footer #footer_cont {
padding:30px;
}

/*---------------------------------------------
close_left_nav
---------------------------------------------*/
#container.close_left_nav #main #main_cont {
margin:0 auto;
padding: 0 30px;
}

#container.close_left_nav #main_visual ol li.gallery .gallery_cont .title {
width:35vw;
}

#container.close_left_nav #main_visual ol li.gallery .gallery_cont .photo_wrap .photo {
width:25vw;
}

#container.close_left_nav #main_visual ol li.campaign a .campaign_cont .box {
width:70vw;
}

#container.close_left_nav #main_visual ol li.campaign a .campaign_cont > figure img {
height: 40vw;
bottom: -3vw;
left: -3vw;
}

#container.close_left_nav #main_visual ol li.campaign a .campaign_cont .box .contents .pic.a {
right: 16vw;
top: 18vw;
height: 10vw;
width: 10vw;
}

#container.close_left_nav #main_visual ol li.campaign a .campaign_cont .box .contents .pic.b {
right: 9vw;
top: 11vw;
height: 10vw;
width: 10vw;
}

#container.close_left_nav #main_visual ol li.online_gakka a .online_cont .box_wrap .jitaku_info {
right: 35vw;
}


/*---------------------------------------------
pagetop
---------------------------------------------*/
#pagetop {
bottom:160px;
}


}