@charset "utf-8";

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

sp_top.css

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

/*------------------------------------------------------------
left_nav
------------------------------------------------------------*/
#left_nav #left_nav_menu {
height:auto;
padding:0;
}

#left_nav.fixed #left_nav_menu {
padding:0;
}

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

#main #main_cont {
flex-direction: column;
max-width:100%;
margin:0;
padding:0;
row-gap:0;
width:100%;
z-index:1;
}

#main #main_cont #main_left {
flex: 0 0 100%;
order:1;
padding:0;
row-gap:0;
width:100%;
}

#main #main_cont #main_right {
flex-basis:100%;
padding:25px 35px 15px;
row-gap:25px;
order:3;
width: 100%;
}

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

#main #main_middle {
order:2;
padding:10px;
row-gap:10px;
width:100%;
}

#main #main_bottom {
display:none;
}

/*--- important_info ---*/

#important_info {
/*display:none;*/
padding:30px 30px 0;
}

#important_info #important_info_cont #news {
padding:0;
z-index:1;
}

#important_info #important_info_cont #news ol li:first-child,
#important_info #important_info_cont #news ol li:first-child dl dd a {
border-radius:10px 10px 0 0;
}

#important_info #important_info_cont #news ol li:last-child,
#important_info #important_info_cont #news ol li:last-child dl dd a {
border-radius:0 0 10px 10px;
}

#important_info #important_info_cont #news ol li dl {
display:flex;
flex-direction:column;
row-gap:10px;
width:100%;
}

#important_info #important_info_cont #news ol li dl dd {
font-size:calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
flex-grow:1;
}

#important_info #important_info_cont #news ol li dl dt {
justify-content: space-between;
}

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

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

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

/*---------------------------------------------
main_visual
---------------------------------------------*/
#main_visual {
margin:0;
height:540px;
width:100%;
}

#main_visual > ol {
border-radius: 0;
height:540px;
}

#main_visual ol li.slick-slide {
border-radius: 0 0 10px 10px;
height:540px;
margin:0 5px;
}

#main_visual > ol li.slick-slide {
margin: 0 10px;
}

#main_visual > ol li.slick-slide > img {
height:540px;
}

#main_visual ol li .box_wrap {
height:540px;
}

#main_visual ol li .box .txt p {
font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

/*--- new_motor ---*/

#main_visual ol li.new_motor .new_motor_cont {
display:flex;
text-align: center;
justify-content: center;
align-content: flex-end;
align-items: flex-end;
}

#main_visual ol li.new_motor .new_motor_cont .pic {
text-align: center;
justify-content:center;
align-content: flex-end;
align-items: flex-end;
flex-direction:column;
width:100%;
height:100%;
}

/*
.new_motor .new_motor_cont .pic img {
height:100%;
width:auto;
aspect-ratio: 54 / 48;
}
*/

#main_visual ol li.new_motor .new_motor_cont .pic > img:first-child {
position:absolute;
height:auto;
width:90%;
left:5%;
bottom:10%;
aspect-ratio: 61 / 16;
z-index:2;
min-width:280px;
max-width:400px;
}

#main_visual ol li.new_motor .new_motor_cont .pic .left {
height:60%;
width:100%;
position:relative;
display:flex;
align-items:center;
justify-content:center;
}

#main_visual ol li.new_motor .new_motor_cont .pic .left img {
margin: 80px auto 0 auto;
max-width:580px;
opacity:0;
-webkit-transition:opacity 3s;
transition: opacity 3s;
}

#main_visual ol li.new_motor .new_motor_cont .pic .left img.lazyloaded {
opacity:1;
}

#main_visual ol li.new_motor .new_motor_cont .pic .right {
height:40%;
width:100%;
position:relative;
display:flex;
align-items:center;
justify-content:center;
}

#main_visual ol li.new_motor .new_motor_cont .pic .right img {
position: absolute;
height: auto;
width: auto;
aspect-ratio: 54 / 80;
z-index: 1;
bottom: -15vw;
right: calc(50% - 50vw);
min-width: 200px;
max-height: 340px;
min-width: 30vw;
opacity:0;
-webkit-transition:opacity 3s;
transition: opacity 3s;
}

#main_visual ol li.new_motor .new_motor_cont .pic .right img.lazyloaded {
opacity:1;
}

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

#main_visual ol li.new_year a:after {
right: -100px;
bottom: -20px;
}

#main_visual ol li.new_year a .new_year_cont:after {
right:-60px;
}

#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:410px;
z-index:2;
}

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


/*--- short_cont ---*/

#main_visual ol li.short a {
height: 540px;
}

#main_visual ol li.short a .short_cont {
background-size: 160% auto;
background-position: center 80%;
flex-direction:column;
height:540px;
position:relative;
}

#main_visual ol li.short a .short_cont:after {
background-image:url(../../img/top/i_figure_d.webp);
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
content:" ";
position: absolute;
bottom: 0;
right:0;
width:32vw;
aspect-ratio: 4 / 5;
z-index:3;
opacity:0;
-webkit-transition:opacity 3s;
transition: opacity 3s;
}

#main_visual ol li.short a .short_cont.lazyloaded:after {
opacity:1;
}

#main_visual ol li.short a .short_cont .title {
/*height: calc(100% - 163px);*/
justify-content:start;
padding: 90px 5vw 5vw;
width: 100%;
z-index: 2;
/*margin-top: 63px;*/
order:2;
}

#main_visual ol li.short a .short_cont .title .pic {
display:flex;
justify-content:center;
height: 70%;
max-width:100%;
margin-right:0;
padding-top:0;
width:100%;
}

#main_visual ol li.short a .short_cont .title .pic img {
aspect-ratio: 20 / 19;
height:100%;
margin-right: -5vw;
width:auto;
}

#main_visual ol li.short a .short_cont .title .pic .symbol {
right:auto;
top:-10px;
right:-10px;
bottom:auto;
border-radius:7.5vw;
height:15vw;
width:15vw;
}

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

#main_visual ol li.short a .short_cont .title .plan_info {
justify-content: start;
padding-top:3%;
padding-left:0;
width: 100%;
}

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

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

#main_visual ol li.short a .short_cont .title .plan_info dl dt {
padding: 15px;
}

#main_visual ol li.short a .short_cont .title .plan_info dl dd {
padding: 15px;
}

#main_visual ol li.short a .short_cont .contents {
display:flex;
justify-content:space-between;
height:100px;
padding:0;
position:absolute;
/*position:relative;*/
top:85px;
width:100%;
z-index:3;
order:1;
}

#main_visual ol li.short a .short_cont .contents h3 {
height: auto;
top:0;
right:auto;
bottom:auto;
left:5vw;
margin: auto;
margin-left:auto;
max-height: 100%;
position:relative;
width:100%;
max-width:100%;
z-index:3;
}

#main_visual ol li.short a .short_cont .contents h3 img {
height:100%;
width:auto;
margin-top: 0;
max-height: 70px;
}

#main_visual ol li.short a .short_cont .contents figure {
display:none;
position: absolute;
bottom: 0;
right:0;
width:30vw;
aspect-ratio: 4 / 5;
}

#main_visual ol li.short a .short_cont .contents figure img {
height:auto;
width:100%;
z-index:1;
}

/*--- car ---*/

#main_visual ol li.car a {
height:100%;
}

#main_visual ol li.car .box {
margin:0 auto;
flex: 0 1 auto;
}

#main_visual ol li.car .box .title {
height:auto;
max-height:158px;
}

#main_visual ol li.car .box_wrap {
align-items:flex-end;
height:600px;
left:0;
padding: 0 0 5vw;
width:100%;
}

#main_visual ol li.car .box_wrap .box {
width: calc(100vw - 23vw);
}

#main_visual ol li.car .box .symbol {
top: -35px;
margin-left:-50px;
width:100px;
}

#main_visual ol li.car .box .symbol img {
width:100px;
}

#main_visual ol li.car .box .title img {
max-width:280px;
}

#main_visual ol li.car .box .txt p {
font-size: calc(2.4rem + ((1vw - 0.48rem) * 0.6944));
}

#main_visual ol li.car .half {
flex-direction:column;
}

#main_visual ol li.car .half img {
top:0;
left:0;
width: 100%;
height: 450px;
animation: change-img-anim2 15s infinite ease-in-out;
opacity: 0;
object-fit: cover;
object-position: center top;
position: absolute;
}

#main_visual ol li.car .half img:first-child {
border-radius:0;
animation-delay: 0s;
object-position:40% center;
}

#main_visual ol li.car .half img:nth-child(2) {
display:none;
}

#main_visual ol li.car .half img:nth-child(3) {
animation-delay: 5s;
}

#main_visual ol li.car .half img:nth-child(4) {
animation-delay: 10s;
}


/*--- motor ---*/

#main_visual ol li.motor a {
height:100%;
}

#main_visual ol li.motor .box {
margin:0 auto;
}

#main_visual ol li.motor .box_wrap {
align-items:flex-end;
padding: 0 0 10px;
width:100%;
}

#main_visual ol li.motor .box_wrap .box {
width: calc(100vw - 23vw);
}

#main_visual ol li.motor .box .title img {
max-width: 280px;
}

#main_visual ol li.motor .half {
flex-direction:column;
}

#main_visual ol li.motor .half img {
width: 100%;
height: 450px;
}

#main_visual ol li.motor .half img:first-child {
border-radius:0;
}

#main_visual ol li.motor .half img:nth-child(2) {
display:none;
}

/*--- online_gakka ---*/

#main_visual ol li.online_gakka a .online_cont .box_wrap {
height:540px;
}

#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 {
height:240px;
order:3;
width:50%;
}

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

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

#main_visual ol li.online_gakka a .online_cont .box_wrap .jitaku_info {
top:95px;
right:auto;
left:10px;
height:100px;
width:100px;
}

#main_visual ol li.online_gakka a .online_cont .title {
/*min-height: 60px;*/
min-height: auto;
padding:30px 20px 0;
}

#main_visual ol li.online_gakka a .online_cont .title h2 {
align-items:center;
display:flex;
justify-content:center;
padding:0 5vw;
text-align:center;
aspect-ratio: 369 / 184;
}

#main_visual ol li.online_gakka a .online_cont .title h2 img {
max-width:100%;
/*height: 100%;*/
width:auto;
aspect-ratio: 369 / 184;
}

#main_visual ol li.online_gakka a .online_cont p.txt {
padding: 10px 15px 25px;
text-align:center;
}

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

#main_visual ol li.online_gakka a .online_cont .box_wrap .box {
width: calc(100vw - 35vw);
margin: 0 auto -80px auto;
max-width:320px;
}

#main_visual ol li.online_gakka a .online_cont .box_wrap .box .icon.a {
left:-20px;
top:50px;
}

#main_visual ol li.online_gakka a .online_cont .box_wrap .box .icon.b {
left:10px;
top:-10px;
}

#main_visual ol li.online_gakka a .online_cont .box_wrap .box .icon.c {
left:-20px;
top: 125px;
}

#main_visual ol li.online_gakka a .online_cont .box_wrap .box .icon.d {
top:50px;
right: -20px;
}

#main_visual ol li.online_gakka a .online_cont .box_wrap .box .icon.e {
right: -20px;
top: 135px;
}

/*--- campaign ---*/

#main_visual ol li.campaign a .campaign_cont {
height:540px;
}

#main_visual ol li.campaign a .campaign_cont > figure {
bottom:0;
height: auto;
position: absolute;
left: auto;
right: -1vw;
max-width:180px;
width: 50vw;
aspect-ratio: 350 / 639;
z-index: 2;
}

#main_visual ol li.campaign a .campaign_cont > figure img {
bottom: -20vw;
left:auto;
height:100%;
width:100%;
}

#main_visual ol li.campaign a .campaign_cont .box_wrap {
justify-content:center;
padding-top:10vw;
right:0;
}

#main_visual ol li.campaign a .campaign_cont .box_wrap .box {
align-content:center;
justify-content:center;
width: calc(100vw - 28vw);
margin:0 auto 0 auto;
max-width:100%;
max-height: 60vw;
min-height:400px;
right:auto;
left:auto;
}

#main_visual ol li.campaign a .campaign_cont .box h3 {
padding: 6vw 5vw 0;
}

#main_visual ol li.campaign a .campaign_cont .box .contents {
padding: 0 0 5vw 5vw;
}

#main_visual ol li.campaign a .campaign_cont .box .contents ul li img {
max-width: 300px;
width:75%;
}

#main_visual ol li.campaign a .campaign_cont .box .contents > figure {
display:none;
border-radius:0 0 20px 0;
}

#main_visual ol li.campaign a .campaign_cont .box .contents > figure img {
border-radius:0 0 20px 0;
max-height: 240px;
}

#main_visual ol li.campaign a .campaign_cont .box .contents .pic {
height:18vw;
width:18vw;
}

#main_visual ol li.campaign a .campaign_cont .box .contents .pic.a {
display:none;
left: calc(18vw + 20px);
right:auto;
top:-10vw;
max-width: 80px;
}

#main_visual ol li.campaign a .campaign_cont .box .contents .pic.b {
display:none;
left:10px;
right:auto;
top:-10vw;
max-width: 80px;
}

#main_visual ol li.campaign a .campaign_cont .box .contents > p {
padding: 20px 0 0 0;
font-size: calc(1.1rem + ((1vw - 0.48rem) * 0.6944));
line-height:1.3;
}

/*--- gallery ---*/

#main_visual ol li.gallery {
background-color:transparent;
}

#main_visual ol li.gallery .gallery_cont {
align-items:start;
background-color: var(--blue);
justify-content:center;
padding:0;
width: 100%;
}

#main_visual ol li.gallery .gallery_cont .title {
align-items:center;
justify-content:center;
left:auto;
width: calc(100vw - 25vw);
max-width:100%;
padding: 20px 10px 0;
}

#main_visual ol li.gallery .gallery_cont .title h2 {
background-color: var(--white);
border-radius: 20px;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
padding: 30px 8vw;
}

#main_visual ol li.gallery .gallery_cont .title .txt {
color:var(--black);
font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
margin-top:5vw;
}

#main_visual ol li.gallery .gallery_cont .title .txt br {
display:none;
}

#main_visual ol li.gallery .gallery_cont .photo_wrap {
background-color: var(--blue);
flex:0 0 100%;
justify-content: center;
height:540px;
padding: 0 15px;
}

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

#main_visual ol li.gallery .gallery_cont .photo_wrap .photo .photo_left1,
#main_visual ol li.gallery .gallery_cont .photo_wrap .photo .photo_left2,
#main_visual ol li.gallery .gallery_cont .photo_wrap .photo .photo_left3 {
max-height:150px;
}

#main_visual ol li.gallery .gallery_cont .photo_wrap .photo .photo_center1,
#main_visual ol li.gallery .gallery_cont .photo_wrap .photo .photo_center2,
#main_visual ol li.gallery .gallery_cont .photo_wrap .photo .photo_center3 {
max-height:150px;
}

#main_visual ol li.gallery .gallery_cont .photo_wrap .photo .photo_right1,
#main_visual ol li.gallery .gallery_cont .photo_wrap .photo .photo_right2,
#main_visual ol li.gallery .gallery_cont .photo_wrap .photo .photo_right3 {
max-height:150px;
}

/*--- car2---*/

#main_visual ol li.car2 a {
height:540px;
}

#main_visual ol li.car2 a:before {
background-size:contain;
background-position:center top;
bottom:auto;
min-height:540px;
left:0;
top:50%;
margin-top:-35vh;
}

#main_visual ol li.car2 a:after {
background-size:contain;
background-position: center bottom;
right: 0;
bottom:50%;
margin-bottom:-45vh;
min-height: 540px;
}

#main_visual ol li.car2 a .box_wrap {
align-items: center;
justify-content: center;
padding:0 45px 0 5vw;
}

#main_visual ol li.car2 a .box_wrap .title {
padding:0;
}

/*--- facility ---*/

#main_visual ol li.facility a {
height:540px;
}

#main_visual ol li.facility a .facility_cont {
justify-content: flex-end;
height:540px;
}

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

#main_visual ol li.facility a .facility_cont .title_area .title {
}

#main_visual ol li.facility a .facility_cont .title_area .title h4 {
max-width: 60vw;
min-width: 240px;
}

#main_visual ol li.facility a .facility_cont figure img {
bottom: -10vw;
right: -15vw;
height: 80vw;
}

#main_visual ol li.facility .bg {
}

#main_visual ol li.facility .bg img {
height:700px;
}

/*--- golf ---*/

#main_visual ol li.golf a {
height:540px;
}

#main_visual ol li.golf a .golf_cont {
justify-content:center;
height:540px;
}

#main_visual ol li.golf a .golf_cont .title_area {
margin:0;
padding:60px 60px 0;
margin-top:-10vw;
}

#main_visual ol li.golf a .golf_cont .title_area .title img.free {
top:-2vw;
right:0;
width:15vw;
height:15vw;
max-width:60px;
max-height:60px;
}

#main_visual ol li.golf a .golf_cont .title_area .title {
max-width:400px;
width:70vw;
}

#main_visual ol li.golf a .golf_cont .title_area .title span {
font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
top: -45px;
left:5px;
}

#main_visual ol li.golf a .golf_cont .title_area .title:after {
right: -3vw;
bottom: -7vw;
width: 15vw;
height: 15vw;
}

#main_visual ol li.golf a .golf_cont figure {
bottom: -40vw;
left: -10vw;
position: absolute;
width:38vw;
max-width:200px;
aspect-ratio: 81 / 175;
}

#main_visual ol li.golf a .golf_cont figure img {
bottom:auto;
height:100%;
max-height:100%;
left:auto;
width:100%;
}

#main_visual ol li.golf a .golf_cont .pic {
border-radius: 40px;
height:80px;
width:80px;
}

#main_visual ol li.golf a .golf_cont .pic.a {
top:auto;
right:130px;
bottom:40px;
}

#main_visual ol li.golf a .golf_cont .pic.b {
top:auto;
right:30px;
bottom:40px;
}

#main_visual ol li.golf a .golf_cont .pic img {
border-radius: 40px;
border: 5px solid var(--white);
height:80px;
width:80px;
}

#main_visual ol li.golf a .golf_cont .lead {
display:flex;
justify-content:flex-end;
padding-top:40px;
}

#main_visual ol li.golf a .golf_cont .lead span {
font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
line-height:1.5;
text-align:right;
}

#main_visual .slick-prev {
left:5px;
margin-top:0;
}

#main_visual .slick-next {
right:5px;
margin-top:0;
}

/*--- thumbnail ---*/

#thumbnail {
background-color:var(--white);
border-radius:6px 0 0 6px;
top:100px;
right:0;
z-index:2;
position:absolute;
padding:0 0 15px;
}

#thumbnail .slick-track {
transform:none !important;
}

#thumbnail #number {
display:flex;
flex-direction: column;
position:relative;
width:38px;
z-index:2;
display:none;
}

#thumbnail #number li {
display:flex;
justify-content:center;
font-size:1.0rem;
left:auto !important;
right:0 !important;
opacity:1 !important;
padding:13px 15px;
position:relative;
width:38px !important;
float:none !important;
}

#thumbnail #number li:after {
background-color:var(--gray_eb);
content:" ";
height:3px;
position:absolute;
bottom:0;
left:50%;
margin-left:-9px;
width:18px;
}

#thumbnail #number li:first-child {
border-radius:6px 0 0 0;
}

#thumbnail #number li.slick-active {
background-color:var(--light_yellow);
}

#thumbnail #number li.slick-active:after {
background-color:var(--gray_eb);
}

#thumbnail #number li.slick-current:after {
background-color:var(--blue);
}

#thumbnail #number li:hover {
cursor:pointer;
}

#thumbnail #number li:hover:after {
background-color:var(--blue);
}


#thumbnail #number li img.lazyloaded {
opacity:1;
}

#main_visual #thumbnail ol.slick-slider {
height:auto;
}

#main_visual #thumbnail ol li.slick-slide {
height:auto;
width:60px;
height:60px;
}

#main_visual .slick-list {
height: 540px;
}

/*---------------------------------------------
main_right
---------------------------------------------*/
#main_right #holiday {
border-radius:10px;
}

#main_right #holiday ol li {
padding:15px;
flex:1 1 auto;
}

#main_right #holiday dl {
align-items:center;
column-gap:15px;
display:flex;
justify-content:start;
padding:10px;
position: relative;
}

#main_right #holiday dl:after {
background-image: url(../../img/common/i_figure_b.webp);
background-position: center center;
background-size: 67px 81px;
background-repeat: no-repeat;
content: " ";
position: absolute;
right: 0;
bottom: 0;
height: 81px;
width: 67px;
z-index: 1;
}

#main_right #holiday dl dt {
border-bottom:none;
justify-content: center;
padding:0;
min-width:1%;
}

#main_right #holiday dl dt:after {
content:none;
}

#main_right #holiday dl dt > span {
width:auto;
min-width:70px;
}

#main_right #holiday dl dt > span > span:first-child {
font-size: calc(2.0rem + ((1vw - 0.48rem) * 0.6944));
}

#main_right #holiday dl dd {
flex-grow:1;
padding:0;
text-align:left;
}

#main_right #holiday dl dd span {
font-size: calc(1.6rem + ((1vw - 0.48rem) * 0.6944));
}

#main_right #holiday .btn {
justify-content: center;
display: flex;
}

#main_right #holiday .btn a {
border-color:var(--white);
font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
padding:15px 30px;
max-width:300px;
}

#main_right #holiday .btn a:after {
font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
margin-top: -5px;
right:10px;
}

/*-- news --*/
#main_right #news {
border-radius:10px;
}

#main_right #news h2 {
border-radius:10px 10px 0 0;
font-size: calc(1.6rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
padding:25px;
text-align:center;
}

#main_right #news h2 span {
color:var(--blue);
}

#main_right #news ol li {
display:none;
}

#main_right #news ol li:first-child,
#main_right #news ol li:nth-child(2),
#main_right #news ol li:nth-child(3),
#main_right #news ol li:nth-child(4),
#main_right #news ol li:nth-child(5) {
display:flex;
}

#main_right #news ol li a {
width:100%;
}

#main_right #news ol li a dl {
width:100%;
}

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

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

#main_right #news .news_detail {
padding:25px 15px;
}

#main_right #news .news_detail a {
box-shadow: 0px 3px 0 0px rgba(221, 221, 221, 1);
border-radius: 30px;
max-width:300px;
padding:20px 15px;
}

#main_right #news .news_detail a:hover {
box-shadow:none;
}

/*---------------------------------------------
section
---------------------------------------------*/
.section h2.section_title {
padding:30px 20px;
}

.section h2.section_title span {
font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
}

/*---------------------------------------------
important_info
---------------------------------------------*/
#important_info {
padding:10px 10px 0;
}

#important_info h2 {
font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
}

#important_info #important_info_cont {
row-gap: 15px;
}

#important_info #important_info_cont #info_cont_left {
margin:0 auto;
padding:0;
width:100%;
}

#important_info #important_info_cont #holiday dl {
display:flex;
flex-direction:column;
position:relative;
row-gap:10px;
}

#important_info #important_info_cont #holiday dl:after { 
background-image: url(../../img/common/i_figure_b.webp);
background-position: center center;
background-size: 67px 81px;
background-repeat: no-repeat;
content: " ";
position: absolute;
right: 10px;
bottom: 0;
height: 81px;
width: 67px;
z-index: 1;
}

#important_info #important_info_cont #holiday dl dt {
border:none;
padding:0;
z-index:1;
}

#important_info #important_info_cont #holiday dl dt:after {
content:none;
}

#important_info #important_info_cont #holiday dl dt > span {
flex: 1 1 auto;
}

#important_info #important_info_cont #holiday dl dd {
align-items: center;
align-content:center;
display:flex;
flex-grow:1;
justify-content:start;
padding:0;
text-align:left;
}

#important_info #important_info_cont #holiday ol li {
align-content:center;
}

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

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


/*--- recruit ---*/
#important_info #important_info_cont #recruit ul li a {
background-color:var(--white);
}

#important_info #important_info_cont #recruit ul li a:after {
font-size: calc(0.6rem + ((1vw - 0.48rem) * 0.6944));
margin-top:-3px;
}

#important_info #important_info_cont #recruit dl {
align-items:center;
flex-direction:unset;
justify-content:space-between;
}

#important_info #important_info_cont #recruit dl dt {
font-size: calc(1.3rem + ((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));
}


/*---------------------------------------------
license
---------------------------------------------*/
#license {
padding:3vw 10px 0;
padding-top:calc(3vw + 10px);
}

#license h2.section_title:after {
background-size:contain;
height:auto;
right:15px;
width:14vw;
max-width:110px;
aspect-ratio: 4 / 5;
}

#license #license_cont {

}

#license #license_cont .license_car {
border-radius: 10px;
flex: 0 0 100%;
padding:0;
row-gap:0;
}

#license #license_cont .license_car > a {
/*background-color: var(--white);*/
/*box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);*/
border-radius: 10px 10px 0 0;
flex: 0 0 100%;
padding:15px;
}

#license #license_cont .license_car > a:hover {
border-radius: 10px 10px 0 0;
}

#license #license_cont .license_car > a dl dd h3 {
padding: 15px 30px 15px 10px;
}

#license #license_cont .license_car > a dl dd h3 img {
height:60px;
}

#license #license_cont .license_car .mark {
left:-10px;
top:-10px;
}

#license #license_cont .license_car .option_plan {
border-radius: 0 0 10px 10px;
flex: 0 0 100%;
max-width: 100%;
}

#license #license_cont .license_car .option_plan .option_plan_lead {

}

#license #license_cont .license_car .option_plan dl {
flex-direction:unset;
}

#license #license_cont .license_car .option_plan dl.active {
display:block;
}

#license #license_cont .license_car .option_plan dl dt {
order:2;
flex-basis:150px;
}

#license #license_cont .license_car .option_plan dl dt img {
height:auto;
width:100%;
}

#license #license_cont .license_car .option_plan dl dd {
border-radius:6px 0 0 6px;
height:auto;
order:1;
}

#license #license_cont .license_car .option_plan dl dd h4 {
border-radius:6px 0 0 6px;
height:100%;
width: 100%;
}

#license #license_cont .license_car .option_plan dl dd h4 a {
align-items:center;
border-radius:6px 0 0 6px;
display:flex;
font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
height:100%;
}

#license #license_cont .license_car .option_plan dl dd ul {
display:none;
}

#license #license_cont .license_car .sub_link {
border-top:1px solid var(--gray_dd);
padding:15px;
width:100%;
}

#license #license_cont .license_car .sub_link ul {
column-gap:15px;
display:flex;
width:100%;
}

#license #license_cont .license_car .sub_link ul li {
width:calc(100% / 2 - 15px);
}

#license #license_cont .license_car .sub_link ul li a {
border:2px solid var(--blue);
border-radius:25px;
color:var(--blue);
display:flex;
font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
justify-content:center;
padding:15px 20px 15px 18px;
position:relative;
white-space:nowrap;
}

#license #license_cont .license_car .sub_link ul li a:after {
content:"\f054";
color:var(--blue);
font-family:var(--icon);
font-size: 1.1rem;
font-weight:600;
right:13px;
top:50%;
margin-top:-5px;
opacity:0.5;
position:absolute;
z-index:3;
}

#license #license_cont .license_car .sub_link ul li a:hover {
background-color:var(--light_yellow);
}

#license #license_cont .license_motor {
border-radius: 10px;
flex: 0 0 100%;
padding:0;
row-gap:0;
flex-wrap:wrap;
min-width: 300px;
max-width:100%;
width:100%;
}

#license #license_cont .license_motor a {
border-radius: 10px 10px 0 0;
flex: 0 0 100%;
padding:15px;
}

#license #license_cont .license_motor > a:hover {
border-radius: 10px 10px 0 0;
}

#license #license_cont .license_motor > a dl {
width:100%;
}

#license #license_cont .license_motor a img {
object-position:center 25%;
}

#license #license_cont .license_motor .sub_link {
border-top:1px solid var(--gray_dd);
padding:15px;
width:100%;
}

#license #license_cont .license_motor .sub_link ul {
column-gap:15px;
display:flex;
width:100%;
}

#license #license_cont .license_motor .sub_link ul li {
width:calc(100% / 2 - 15px);
}

#license #license_cont .license_motor .sub_link ul li a {
border:2px solid var(--blue);
border-radius:25px;
color:var(--blue);
display:flex;
font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
font-weight:600;
justify-content:center;
padding:15px 15px 15px 8px;
position:relative;
}

#license #license_cont .license_motor .sub_link ul li a:after {
content:"\f054";
color:var(--blue);
font-family:var(--icon);
font-size: 1.1rem;
font-weight:600;
right:13px;
top:50%;
margin-top:-6px;
opacity:0.5;
position:absolute;
z-index:3;
}

#license #license_cont .license_motor .sub_link ul li a:hover {
background-color:var(--light_yellow);
}

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

/*--- other_menu ---*/

#license #license_cont .other_menu {
min-width:100%;
}

#license #license_cont .other_menu li a dl dt img {
height:100px;
}

#license #license_cont .license_motor > a dl dd h3 {
padding: 15px 40px 15px 10px;
}

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

/*--- license_nav_menu  ---*/

#license_nav_menu ul {
padding:15px;
}

#license_nav_menu ul li {
flex: 1 1 50%;
min-width:130px;
}

#license_nav_menu ul li:nth-child(even) a:before {
content:none;
}

#license_nav_menu ul li:nth-child(9):before,
#license_nav_menu ul li:nth-child(10):before {
content:none;
}

#license_nav_menu ul li:last-child a:after {
content:none;
}

#license_nav_menu ul li:hover:after {
width:calc(100% - 15px);
}

/*---------------------------------------------
about
---------------------------------------------*/
#main #about {
background-color:transparent;
box-shadow:none;
overflow:visible;
flex:0 0 100%;
padding:0 0 15px;
}

#main #about .section_title {
background-color: var(--white);
border-radius:10px 10px 0 0;
}

#main #about #about_cont {
background-color: var(--white);
flex:0 1 100%;
border-radius: 0 0 10px 10px;
}

#main #about #about_cont #about_slider {

}

#main #about #about_cont #about_slider .slick-slider {
height:auto;

}

#main #about #about_cont #about_slider .slick-list {

}

#main #about #about_cont #about_slider ul li {
height:auto;
}

#main #about #about_cont #about_slider ul li .pic {
height:auto;
}

#main #about #about_cont #about_slider ul li .pic img {
width:auto;
aspect-ratio: 3 / 2;
max-height:260px;
}

#main #about #about_cont #about_slider ul li dl {
}

#main #about #about_cont #about_slider ul li dl dt {
color:var(--blue);
font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
}

#main #about #about_cont #about_slider .slick-list .slick-track {
}

#main #about #about_cont #about_slider .slick-track {
}

#main #about #about_cont #about_slider .detail {
padding:0 0 10px;
}

#main #about #about_cont #about_slider .detail a {
box-shadow: 0px 3px 0 0px rgba(221, 221, 221, 1);
}

#main #about #about_cont #about_slider .slick-prev {
left:10px;
margin-top: -140px;
}

#main #about #about_cont #about_slider .slick-next {
right:10px;
margin-top: -140px;
}


/*---------------------------------------------
student
---------------------------------------------*/
#student {
display:none;
padding:0 15px 15px;
}

#student h2.section_title:after {
background-size:contain;
height:auto;
right:15px;
width:15vw;
aspect-ratio: 4 / 5;
}

#student #student_cont #student_menu {
flex-wrap:wrap;
row-gap:15px;
}

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

#student #student_cont #student_menu .menu.privilege,
#student #student_cont #student_menu .menu.introduce {
flex: 0 1 50%;
max-width:calc(50% - 10px);
}

#student #student_cont .sub_menu {
justify-content:space-between;
}

#student #student_cont .sub_menu li {
max-width:calc(50% - 10px);
min-width:calc(50% - 10px);
}

#student #student_cont .sub_menu li.school_bus {
max-width:calc(50% - 10px);
}

#student #student_cont #student_menu .menu:first-child a dl dt img {
object-position:center 25%;
}

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

/*---------------------------------------------
course
---------------------------------------------*/
#course {
display:none;
padding: 0 15px 15px;
}

#course h2.section_title:after {
background-size:contain;
height:auto;
right:15px;
width:15vw;
aspect-ratio: 4 / 5;
}

#course #course_cont #course_menu .menu {
flex: 1 1 50%;
max-width:calc(50% - 10px);
}

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

/*---------------------------------------------
school_banner_slider
---------------------------------------------*/
#school_banner_slider {
padding:50px 15px;
}

#school_banner_slider ul li {
display:flex;
justify-content:center;
margin:auto;
}

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


}

@media (min-width:640px) and (max-width:768px) {

#main_visual ol li.golf a .golf_cont figure {
bottom: -20vw;
}

#main_visual ol li.new_motor .new_motor_cont .pic {
justify-content:center;
}

#main_visual ol li.new_motor .new_motor_cont .pic img:first-child {
right:0;
}

#main_visual ol li.new_motor .new_motor_cont .pic img:nth-child(2) {
min-width: 280px;
max-width: 500px;
left: 5vw;
}

}

@media screen and (max-width:480px) {
#main_visual ol li.short a .short_cont .title .plan_info {
flex-direction:column;
align-items: start;
}

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