d@charset "utf-8";

/*============================================================
  Sun MI-YU
============================================================ */
/*
layout.css
color:#202020;
point color:#019bbc
point color:rgb(201,194,177)#c9c2b1
*/ 

/*--------------------------------------------------
   TOP
 --------------------------------------------------*/  

/* BASIC
 --------------------------------------------------*/ 
	
@media screen and (max-width: 990px) {
.max990-no	{
display:none;
}
} 
@media (min-width: 989px) { 
.min989-no	{
display:none;
}
}

/* ---　base  ------------*/ 

body{
padding:0;
color:#202020;
letter-spacing:0.08em;
}

/* ---　link img  ---------*/ 
a:active img ,
a:hover img {
outline: 0;
opacity: 0.6;
}
.btn {
margin:20px 0 10px !important;
min-width: 200px !important;
}


/* ALL CONTENS
-------------------------------------------------------*/
#all{
position: relative;
width: 100%;
margin-top:0;
padding-top: 0;
margin-left: auto;
margin-right:auto;
text-align: center;
}


/* TOP SLIDER
--------------------------------------------------------*/
.slider {
width: 100%;
height: 100vh;
background-position: center center;
align-items: center;
justify-content: flex-end;
margin-top:0;
margin-bottom: 0px;
text-align: right;
z-index: 100;
}

@media screen and (max-width: 768px) {
.slider {
width: 100%;
height: 78vh;
background-position: center center;
align-items: center;
justify-content: flex-end;
margin-top:0;
margin-bottom: 0px;
text-align: right;
z-index: 100;
}
}

.swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
  -webkit-animation: zoomUp 10s linear 0s;
  animation: zoomUp 10s linear 0s; /* 10秒かけて拡大 */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.slide-img {
  background-size: cover; 
  background-position: center center;
  height: 100vh; /* 画像の高さ100vh */
}

/* ---------　768------------*/ 
@media screen and (max-width: 768px) {
.slide-img img{
 width: 60%;
}
}

/* Swiper-zoom */
/* 
@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
    transform: scale(1.1);
  }
}
@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}*/ 


/* ---------　COPY ------------*/ 
.topcopy{
font-family: "Shippori Mincho", serif !important;
position: absolute;
top: 220px;
left: 50%;
color:#fff;
text-shadow: 2px 2px 2px rgba(8,108,143,0.8);
transform: translate(-50%, 0%);
text-align: center;
writing-mode: vertical-rl;
font-size: 2.33rem !important;	
font-weight: 400;
}

.topcopy2 {
font-family: "Shippori Mincho", serif !important;
position: absolute;
top: 220px;
right: 17%;
writing-mode: vertical-rl;
display: inline-block;
color:#fff;
text-shadow: 2px 2px 2px rgba(8,108,143,0.8);
text-align:left;
font-size: 2.33rem !important;	
font-weight: 400;
}

.topcopy p , .topcopy2 p {
font-family: "Shippori Mincho", serif !important;
text-align:left;
line-height: 1.6;
}


/* ---------　960------------*/ 
@media screen and (max-width: 960px) {
.topcopy p , .topcopy2 p{
font-size:2.1rem !important;
text-orientation: upright;
font-family: serif;
font-weight: 300;
}
}

/* ---------　768------------*/ 
@media screen and (max-width: 768px) {
.topcopy{
position: absolute;
top: 170px;
left: 50%;
color:#fff;
text-shadow: 2px 2px 2px rgba(8,108,143,0.8);
transform: translate(-50%, 0%);
text-align: center;
writing-mode: vertical-rl;
font-size: 1.86rem !important;	
font-weight: 400;
}
}
@media screen and (max-width: 768px) {
.topcopy p{
font-size: 1.86rem !important;	
text-orientation: upright;
line-height: 1.5;
}
}


@media screen and (max-width: 768px) {
.topcopy2{
position: absolute;
top: 170px;
left: 96%;
color:#fff;
text-shadow: 1.5px 1.5px 1.5px rgba(8,108,143,0.8);
transform: translate(-50%, 0%);
writing-mode: vertical-rl;
font-size: 1.86rem !important;	
font-weight: 400;
}
}
@media screen and (max-width: 768px) {
.topcopy2 p{
font-size: 1.86rem !important;	
text-orientation: upright;
line-height: 1.4;
}
}




/*  CONCEPT
--------------------------------------------------------*/
.concept {
width: 100%;
height: auto;
padding: 50px;
margin-top:0;
margin-bottom: 0px;
background-color:#F7F1E4;
background-image:url("../img/index/back_concept.png");
background-size: cover;
background-repeat:no-repeat;
background-position:2px 50%;
}

.concept-space{
max-width: 810px;
height: auto;
text-align: center;
}
.concept-space p{
font-family: "Shippori Mincho", serif;
font-weight: 500;
color:#582E02;
text-align: left;
}
.concept-space img{
margin:25px auto 40px;
max-width: 70%;
height: auto;
text-align: center;
}
@media (max-width: 767px){
.concept-space img{
margin:25px auto 40px;
max-width: 98%;
height: auto;
text-align: center;
}
}


/*  ALL MENU
--------------------------------------------------------*/
.all-menu {
width: 100%;
margin:0;
height: auto;
padding: 50px 150px 80px;
margin-top:0;
margin-bottom: 0px;
background-image: url("../img/index/back_menu.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}
@media screen and (max-width: 768px) {
.all-menu {
padding: 50px 40px 70px;
}
}
.intro p{
margin:0 auto;
text-align: center !important;
padding-bottom: 14px;
}
@media (max-width: 767px){
.intro p{
text-align: left!important;
}
}


/* - Menu -*/ 
.top-menu {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
 gap: 20px 45px;
}
.top-menu p{
text-align: left !important;
}

.top-menu-box {
 margin-top:25px;
	padding: 0 0px 10px;
 border-radius: 20px;
 overflow: hidden;
 background-color: #fff;
	border: solid 1px #019bbc;
}
.top-menu-box p{
text-align: left !important;
margin-bottom: 20px;
}
.card-content {
 padding: 20px 25px;
}

@media (max-width: 767px){
.top-menu-box {
 margin-top:10px;
}
.card-content  {
 padding: 20px 22px;
}
}


/*  ALL SCHOOL
--------------------------------------------------------*/
.all-school {
width: 100%;
margin:0;
height: auto;
padding: 50px 150px 80px;
margin-top:0;
margin-bottom: 0px;
background-image: url("../img/index/back_school.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}
@media screen and (max-width: 768px) {
.all-school {
padding: 50px 40px 70px;
}
}

/* - School -*/ 
.top-school {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
 gap: 20px 80px;
}
.top-school p{
text-align: left;
}
.top-school-box {
 margin-top:25px;
	ding: 0 0px 10px;
 border-radius: 20px;
 overflow: hidden;
 background-color: #fff;
	border: solid 1px #dd8d0f;
}
.top-school-box p{
text-align: left;
margin-bottom: 20px;
}


/*  OTHERS
--------------------------------------------------------*/
.others {
width: 100%;
margin:0 auto;
height: auto;
padding: 50px 150px 70px;
/*background-position: center center;-*/
background-image: url("../img/index/back_others.jpg");
background-position: top;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}
.others p{
max-width: 800px;
text-align: left !important;
}
@media screen and (max-width: 768px) {
.others {
padding: 50px 40px 70px;
}
}

/* - Ohers -*/ 
.top-others {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 gap: 20px 60px;
}
.top-others p{
text-align: left;
}
.top-others-box {
 margin-top:30px;
 border-radius: 20px;
	padding: 0 0px 10px;
 overflow: hidden;
 background-color: #fff;
	border: solid 1px #019bbc;
}
.top-others-box p{
text-align: left;
margin-bottom: 20px;
}


/* NEWS
-------------------------------------------------------*/
.news{
width: 100%;
height: auto;
margin-top: 5px;
padding:50px 5px 60px;
background-color: #FEFDFB;
}
.news p{
padding:10px;
text-align: left;
line-height: 1.6;
}
.news img{
width: 100%;
padding:0 0 0 25px;
}

h2.news-title{
width: 80%;
font-family: "Shippori Mincho", serif;
font-weight: 500;
color:#00A0C0;
font-size: 1.4rem;
margin:5px 10px !important;
padding: 10px 40px 10px;
border-bottom: none;
letter-spacing: 0.08em;
line-height: 160%;
text-align:left;
border: solid 1px #00A0C0;
white-space: nowrap
}
@media (max-width: 767px) {
h2.topics-title {
font-size: 1.625rem;
margin-top:230px;
padding: 16px 5px 16px;
letter-spacing: 0.07em;
line-height: 1.6;
}
}


/* TOPICS
-------------------------------------------------------*/
.topics{
width: 100%;
height: auto;
margin-top: 5px;
padding:50px 5px 60px;
background-color: #FEFDFB;
}

h2.topics-title{
font-family: "Shippori Mincho", serif;
font-weight: 500;
color:#00A0C0;
font-size: 2.0625rem;
margin-top:40px !important;
padding: 18px 0 18px;
border-bottom: none;
letter-spacing: 0.08em;
line-height: 180%;
text-align:center;
border: solid 1px #00A0C0;
white-space: nowrap
}
@media (max-width: 767px) {
h2.topics-title {
font-size: 1.625rem;
margin-top:230px;
padding: 16px 5px 16px;
letter-spacing: 0.07em;
line-height: 1.6;
}
}


/* RSS SPACE */
li {
list-style: none !important;
}
li a:link {
list-style: none !important;
text-decoration-line: none !important;
}
li a:hover {
list-style: none !important;
text-decoration-line: underline !important;
text-decoration-thickness: 1px !important;
}

li .entry_wrap{
list-style: none !important;
display: block;
max-width:790px;
padding:10px 35px 15px;
height:auto;
margin: 0 auto 5px;
text-align:left;
}

li .entry_date{
list-style: none !important;
text-decoration: none !important;
padding:0px 4px 10px;
height:auto;
font-size: .9375rem ;
margin: 3px auto 3px;
color:#dd8d0f !important;
text-align:left;
}  

li h3.entry_title{
list-style: none !important;
text-decoration: none;
font-size: 1.3125rem !important;
margin:5px auto 0;
padding:5px 4px 5px;
color:#019bbc !important;
line-height:120%;
text-align:left;
font-weight:400;

}
.entry_content{
list-style: none !important;
font-size: 1rem;
color:#403029;
margin: 0 auto;
padding:20px 4px 20px;
line-height: 160%;
text-align:left; 
font-weight:normal;
border-bottom: dashed 1px #A5936A;
}   


/*---- MOBILE ------*/
@media screen and (max-width: 767px) {
.topics{
padding:20px 5px 40px;
}
li .entry_wrap{
padding:20px 10px;
}
li h3.entry_title{
font-size: 1.75rem !important;
}
.entry_content{
font-size: .9375rem !important;
padding:15px 5px 20px;
	}
	}
	


/* BOTTOM CONTACT DETAILS
--------------------------------------------------------*/
.bottom-contact{
width: 100%;
min-height: 400px;
align-items: center;
padding: 60px 0 15px;
z-index: 200;
background-image: url("../img/index/bottom_img.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

.contact-banner{
max-width: 680px;
margin:20px auto 40px;
font-size: .9375rem;
letter-spacing:0.04rem !important;
height: auto;
text-align: center;
color: #ffffff;
}
.contact-banner p{
padding:10px 20px 30px;
font-size: 1rem;
text-align: left;
line-height: 1.4;
}
.con-attention{
color:#fff;
margin-top: -18px !important;
letter-spacing:0.1rem !important;
text-align: center !important;
}

/*---- MOBILE ------*/
@media (max-width: 767px){
.bottom-contact{
height: auto;
padding:40px 5px 20px;
}
.contact-banner{
max-width: 95%;
margin:20px auto;
font-size: .9375rem;
}
.contact-banner p{
padding:20px 10px 10px;
line-height: 1.4;
}
.con-attention{
color:#fff;
margin-top: -26px !important;
font-size: 70%;
letter-spacing:0.1rem !important;
font-weight: 500 !important;
text-align: center !important;
}
}
	

/*---Google ICONS---*/
.material-icons {
font-family: 'Material Icons';
font-weight: 100 !important;
font-style: normal;
font-size: 2.1875rem !important;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale;
display: inline-flex;
vertical-align: middle;
}


/* FOOTER
--------------------------------------------------------*/
.footer{
	margin:auto;
	bottom: 0;
	left: 0;
	width: 100%;
 height: auto;
	color: #fff;
 align-items: center;
 padding: 20px 50px 20px 40px;
	z-index: 200;
 background-color:#019bbc;
}

.footer-logo{
text-align: center;
padding: 15px 5px 20px 0px;
}
.footer-logo img{
 max-width: 100%;
 width: 140px; 
 height: auto;
}

.footer p{
 line-height: 140%;
	text-align: left;
}

.sns-icon img{
 width: 42px;
 height: 42px;
}

.footer__list{
 display: flex;
 justify-content: flex-end;
 gap: 1.3em;
 list-style-type: none;
 margin: 0 0 .6em;
 padding: .4em 0; 
}

.copyright {
padding:40px 0 5px;
margin: 0 0 0 auto;
font-size:.6875rem;
letter-spacing: 0.08rem;
line-height: 80%;
text-align: center !important;
font-weight: 200;
}

@media (max-width: 767px){
.footer{
 text-align: center;
}
.footer-logo{
text-align: center;
padding: -5px auto 0px;
}
.text-line{
 margin:-20px auto -5px;
 line-height: 140%;
	text-align: center !important;
}
.footer__list {
 margin: 0.9em 0 0em !important;
 justify-content: center;
 gap: 1.3em;
}
.copyright {
padding:5px 0 5px;
}
}