@charset "UTF-8";

/* -----------------------------------------------------------
Toppage
----------------------------------------------------------- */

#blog .heading-container {
text-align: center;
}

#blog .heading03 {
display: inline-block;
padding-top: 1.5em;
}

#blog .balloon-left {
left: -1.75em;
}

#blog .balloon-right {
right: -1.75em;
}

#books .gallery {
width: 85.5%;
max-width: 940px;
margin: 0 auto;
}

#program .row {
justify-content: space-between;
flex-direction: row-reverse;
}

.home #program .row {
width: 90%;
max-width: 990px;
margin: 0 auto;
}

#program .row-2 .figure {
width: 43.7%;
max-width: 480px;
margin-top: 0;
}

.home #program .row-2 .figure {
width: 38%;
/*max-width: 376px;*/
margin-top: 0;
}

#program .row-2 .text-group {
width: 51%;
/*max-width: 560px;*/
}

.home #program .row-2 .text-group {
width: 56.5%;
}

#program .heading02 {
font-size: clamp(150%, 3.4vw, 175%);
letter-spacing: 0;
margin-bottom: 1.5625em;
}


/* -----------------------------------------------------------
Slick
----------------------------------------------------------- */

#mv .slider {
opacity: 0;
transition: opacity .25s linear;
}

#mv .slider.slick-initialized {
opacity: 1;
}

#mv .slick-slide {
margin: 0 1.25em;
}

.slick-dots {
display: flex;
align-items: center;
justify-content: center;
}


/* -----------------------------------------------------------
MediaQueries(PC)
----------------------------------------------------------- */

@media only screen and (min-width: 1367px) {

#mv {
max-width: 1366px;
margin: 0 auto;
}

#mv .slick-list {
overflow: visible;
}

}

@media only screen and (min-width: 1025px) {


}


/* -----------------------------------------------------------
MediaQueries(PC and TB)
----------------------------------------------------------- */

@media only screen and (min-width: 835px) {

#nona .row-2 .figure {
width: 21%;
}

#nona .row-2 .text-group {
width: 72%;
}

#program .heading02 {
margin-top: -0.4375em;
}

}

@media only screen and (max-width: 1024px) {

.home #program .row {
width: 100%;
}

}

@media only screen and (min-width: 835px) and (max-width: 1024px) {

#nona .row-2 .figure figcaption.text-20 {
font-size: min(1.953125vw, 125%);
margin-top: 3.90625vw;
}

}


/* -----------------------------------------------------------
MediaQueries(TB and SP)
----------------------------------------------------------- */

@media only screen and (max-width: 834px) {

#nona .row {
flex-direction: column;
flex-wrap: nowrap;
}

#nona .row-2 .figure {
width: 28vw;
min-width: 180px;
max-width: 232px;
margin-right: auto;
margin-bottom: 2em;
margin-left: auto;
}

#nona .row-2 .figure .text-20 {
font-size: 125%;
}

#nona .btn-container {
align-items: center;
}

#books .gallery {
width: 100%;
}

#program .row {
flex-direction: column-reverse;
}

#program .heading02 {
text-align: center;
margin-top: 1.25em;
margin-bottom: 1em;
}

#program .row-2 .figure, .home #program .row-2 .figure {
width: 100%;
max-width: inherit;
}

#program .row-2 .text-group, .home #program .row-2 .text-group {
width: 100%;
}

#program .btn-container .btn {
margin-right: auto;
margin-left: auto;
}

}


/* -----------------------------------------------------------
MediaQueries(SP)
----------------------------------------------------------- */

@media only screen and (max-width: 480px) {

#mv {
margin-bottom: 0.625em;
}

#mv .slick-slide {
margin-right: 0;
margin-left: 0;
}

#about .sec-lg {
padding-top: 2.5em;
}

#about .mt-3em {
margin-top: 2em;
}

#about .btn-container.mt-5em, #blog .btn-container.mt-5em {
margin-top: 3.125em;
}

#course .btn-container.mt-60 {
margin-top:1.25em;
}

#program .row {
width: 100%;
}

}