@charset "UTF-8";


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

	html,
	body{ }

	body#top #main{}

	#primary{ padding-top:0;}

	header.global .globalInner{ min-width:auto !important;}

	header#globalHeader {
    height: 100px;
    position: relative;
	visibility: hidden;
	}

	header#globaFixlHeader{ display: block; height: 100px;}

	header.global .globalInner{ min-width:350px; width:92% !important;}


	header#globaFixlHeader{ display: block; height: 100px;}






}



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

	.onlyPC{ display:none ;}
	.onlySP{ display:block ;}

	html.touchDevice,
	.touchDevice body{overflow-x: hidden; font-size:23px; }



	.boxGallery{ display: block;}
	.boxGallery .gridItem{ margin-bottom: 80px;}

	body{ }
	#base		{  min-width:640px; }
	#primary{ padding-top: 0px;}
	.globalInner{ width: 92%;}

	#primary .globalInner{ width: 80%;}
	footer .globalInner{ width: 100% !important;}

	header#globalHeader {
    height: 100px;
    position: relative;
	visibility: hidden;
	}

	header#globaFixlHeader{ display: block; height: 100px;}

	header.global .globalInner{ min-width:350px;}



	footer{ text-align: center;}
	footer .globalInner{width: 100%;}
	footer nav{ padding:0px 0 0 0px;}

	footer nav > ul{ overflow:hidden; min-height:280px; position:relative; margin-bottom: 60px;}
	footer nav > ul > li { float:none; border-bottom: solid 1px #C9CACA; position: relative !important; top: 0 !important; left: 0 !important;}

	footer nav > ul > li a{ display: block; height: 100px; padding: 0 80px; cursor: pointer; font-weight:500; font-size:1.35rem; color:#999 !important;}
	footer nav > ul > li a span{ display: table-cell; height: 100px; vertical-align: middle;}
	footer nav > ul > li:not(.single):before{ content:''; display:block; width:30px; height:30px; background:url(./img/common/icon_plus.png) center center no-repeat; background-size:contain; position:absolute;top:50px; right:80px; margin-top:-15px; z-index:1;}
	footer nav > ul > li.open:not(.single):before{  background:url(./img/common/icon_minus.png) center center no-repeat; background-size:contain; }

	footer nav > ul > li.single:before{ display: none;}

	footer nav > ul > li.single a{ font-weight:bold;}
	footer nav > ul > li.parent a.parent{ pointer-events: none; font-weight:bold;}

	footer nav ul ul{ height: 0; overflow: hidden;}
	footer nav ul ul.open{ padding:0px 80px 40px 80px; height: auto;}
	footer nav ul ul li{ float;none; text-align: left;}
	footer nav ul ul li:before{display:none;}
	footer nav ul ul li a{ height: auto; padding: 0;}

	footer .info{ position:relative; top:0px; left:0; width:auto;}
	footer .info h2{ line-height:1.4; margin-bottom:15px; font-weight:normal; font-size:1.2em;}
	footer .info p{}


	footer .footSubNavi{

		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap:2rem;

		margin:0 80px 50px 80px;

	}

	footer .footSubNavi .control{ padding: 0.5em 0;}
	footer .footSubNavi .control a{position: relative;display: block; }
	footer .footSubNavi .control a img{ width: 100%; height: auto;}

	footer .footSubNavi .instagram{  padding: 0.5em 0;border-left: dashed 2px #ccc; 		display: flex;
		align-items: center;}
	footer .footSubNavi .instagram a{  display:block; width: 50px; height: 50px; background:url(./img/common/instagram.svg) center center no-repeat; background-size:contain; margin: auto;}

	footer .logo{ display:block; width:220px; height:40px; margin:0 auto 50px auto; position:relative;bottom:auto; left:auto;}

	footer .copyright{ text-align: center;}


.directory{ display:none;}


/* boxList
----------------------------------------------- */
/*
.boxList{ clear:both; overflow:hidden; position:relative; padding-top:30px;}
.boxList article.box{position:relative; width:100%;margin:0 0px 75px 0; float:none; text-align:left;}
.boxList article.box:nth-of-type(3n){ margin-right:0;}
*/
.boxList{ display: grid; grid-template-columns: 1fr;grid-gap:75px;padding-top:30px;}
.boxList article.box{text-align:left;}


.boxList article.box dl dt{ background-color:#fff; width:100%; height:0;  padding-top:100%; margin-bottom:1.0rem;}

.boxList article.box dl dt a{ display:block; width:100%; padding-top:100%; position:absolute; top:0; left:0;}

.boxList article.box dl dd{}



.boxList article.box dl .date{ font-size:1rem;}
.boxList article.box dl .cat{ font-size:1rem; font-weight:600;  margin-top: 3px; height:auto; line-height:23px; text-align:center; padding:3px 15px;border-radius:12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;}


.boxList article.box dl .cat a{ text-decoration:none;}
.boxList article.box dl .description{ clear:both; padding-top:10px; line-height:1.6;}
.boxList article.box dl .description a{ color:inherit; text-decoration:none;}







#linkBanner nav{}
#linkBanner nav ul{ overflow: hidden;}

#linkBanner nav ul li{width:100%; height: auto; margin: 0 0px 40px 0px;vertical-align: top; float: none; position:relative;}


#linkBanner nav ul li a{ display: block;color:#FF809E !important; font-size: 1.2rem; font-weight: bold;}
#linkBanner nav ul li a:before{ content: ''; display: block; border-radius: 10px; width: 100%; padding-top: 55.555%; margin-bottom: 5px;}

#linkBanner nav ul li:after{ content: ''; display: none;}



#linkBanner nav ul li aspan.text{}
#linkBanner nav ul li a span.text:after  {
    content: '';
    display: inline-block;

    width: 12px;
    height: 20px;
    background: url(./img/common/arrow_right.svg) center center no-repeat;
    background-size: contain;
    position:absolute;
    top: 50%;
    right: 0;
	margin-top:-10px;
}




section .pageHeader{ width:96%; }

section .pageHeader ul.tabs{  width:550px;}
section .pageHeader ul.tabs li{width:273px; height:80px; margin-bottom: 4px;}
section .pageHeader ul.tabs li:nth-of-type(2),
section .pageHeader ul.tabs li:nth-of-type(4){ margin-right:0;}
section .pageHeader ul.tabs li a{ }
section .pageHeader ul.tabs li a span{ font-size:0.9em; letter-spacing:0;}
section .pageHeader ul.tabs li a:before{ right:20px;}



section .pageHeader .visual{ width:100%; height:0px; padding-top:59%; background-size:cover !important; background-position:center center !important;top: -60px;}

body#about.message section .pageHeader .visual{background-position:left bottom !important;}
body#about.excerpt section .pageHeader .visual{background-position:left center !important;}


section .caption{}


	section h3.title{ width:460px;}

body#top #topRead{ text-align: left; padding-top: 50px}
body#top #topRead p{ margin-bottom: 50px; line-height: 2;}


body#top #mission .mission_2 dl{ width:100%; height: auto; margin: 0 0px 80px 0px;}

body#top #mission .mission_2 dl dt{ margin-bottom: 10px;}
body#top #mission .mission_2 dl dd{ }

body#top #mission .mission_2 dl dd.image{ height: 480px; margin-bottom: 20px;}

	body#top #mission .mission_2 dl dd.text{ padding:0 65px;}


body#top section#news .newsList{ padding-top:20px;}
body#top section#news .newsList dl{ position:relative; margin-bottom:20px; padding:0 0 40px 0; border-bottom:dotted 2px #FF809E;	grid-template-columns: 6.5em auto;}
body#top section#news .newsList dt{ }
body#top section#news .newsList dd{}
body#top section#news .newsList dl:last-of-type{ border-bottom:0;}

body#top section#news .newsList dt{ grid-row: 1 / 2; grid-column: 1 / 2;}
body#top section#news .newsList dd.category{grid-row: 1 / 2; grid-column: 2 / 3; justify-content:flex-start;}
body#top section#news .newsList dd.title{grid-row: 2 / 3; grid-column: 1 / 3;}

body#top section#news .newsList dd.category .tag{ width: 10em;}

body#top #instagram{ text-align: center;}
body#top #instagram h2{margin-bottom: 10px;text-align: center;}


	body#top #instagram .more{}
	body#top #instagram .more a{}
	body#top #instagram .more a span{}




/* body#top #linkBanner nav ul li{width:100%; height: 250px; margin: 0 0px 60px 0px;vertical-align: top; float: none;} */


body#top #linkBanner nav ul li a{}
body#top #linkBanner nav ul li a:before{ content: ''; display: block; border-radius: 10px; width: 100%; padding-top: 41.555%; margin-bottom: 5px;}




body#about .entryBody h4{text-align: left;}
body#about.access .entryBody h4{text-align: center;}



body#about .entryBody .col2{ position: relative; padding-top: 20px; margin-bottom: 100px;}
body#about .entryBody .col2 .text{ position: relative; top: 0px; left: 0; width: 100%; margin-bottom: 40px;}
body#about .entryBody .col2 .profile{ padding-left: 0px; font-weight:bold;}
body#about .entryBody .col2 .profile .imageAutoWrap{ }


body#about .messagePhoto_1{ width:100%; height:0px; padding-top:50%;}

body#about .profile .profilePhoto{ width:100%; height:0px; padding-top:50%; background-size:cover; background-position:center top;}


body#about .entryBody .col2 .profile .name{ font-size: 1.3em; margin-bottom: 0px; padding-top: 20px;}
body#about .entryBody .col2 .profile .title{ margin-bottom: 5px;}
body#about .entryBody .col2 .profile .data{font-size: 0.8em;}


body#about .schoolInfo{ text-align:center; margin-bottom: 80px; padding-top: 0px;}
body#about .schoolInfo .name{ width: auto; float: none; font-size: 1.5rem; line-height: 1.5;}
body#about .schoolInfo .data{ width: auto; float: none;}

body#about.excerpt table#detailInfo{ display:none;}


body#about.excerpt{}

body#about.excerpt table.data{}

body#about.excerpt .history p.read{ text-align: left;}
body#about.excerpt .history table.history{margin-bottom: 60px;}

body#about.excerpt .history table.history th{ display:block; padding:10px 0 0 0; font-weight:bold;}
body#about.excerpt .history table.history td{ display:block; padding:0 0 15px 0; line-height:1.5;}






body#living.time section ol li{ float: none; width: 100%; margin-right: 0px; margin-bottom: 60px; font-size:0.9em; letter-spacing:0;}

body#living.time section ol li:nth-of-type(7) h3{ }
	body#living.time section ol li:nth-of-type(7) h3 span{ transform: translate(0,0em);	}

body#living.time section ol li h3{ ppadding-top:0px;font-size:1.2em; line-height:1.2;}
body#living.time section ol li h3 small{}
body#living.time section ol li .photo{ height:340px !important;}

body#living.schedule section ol { margin-bottom: 0; padding-bottom: 100px;}
body#living.schedule section ol li{ margin-bottom: 4rem;}
body#living.schedule section ol li:last-child{ margin-bottom: 0;}
body#living.schedule section ol li:nth-of-type(5) { margin-bottom: 0rem;}
body#living.schedule section ol li:nth-of-type(5) h3{ height: auto;    transform: translate(2px, -5.0em);}

body#living.schedule section ol li .title{padding:0 0em 0 3.5em; margin-bottom: 0.5em; min-height: 40px;font-size:1.1em;   line-height:1.4;  }


	body#living.schedule section ol li:nth-of-type(7) .title,
body#living.schedule section ol li:nth-of-type(8) .title,
body#living.schedule section ol li:nth-of-type(9) .title{ padding-left:5.0em !important;}


body#living.schedule section ol li h3{ position:relative; height:0px; padding-top:0px; padding-left:90px;  transform: translate(2px, -3.5em); }
/* body#living.schedule section ol li:nth-of-type(5) h3:before{ background:url(./img/living/schedule/8_v2.png) 0 0 no-repeat; background-size:contain;} */

	body#living.schedule section ol li:nth-of-type(7) h3,
	body#living.schedule section ol li:nth-of-type(8) h3,
	body#living.schedule section ol li:nth-of-type(9) h3{ padding-left:135px !important;}


body#living.schedule section ol li h3:before{ width:122px; height:62px; position:absolute; top:20px; left:-40px;}


body#living.schedule section ol li h3{font-size:0.8em; line-height:1.2;}
body#living.schedule section ol li h3 span{ display:table-cell; height:70px; vertical-align:middle; }
body#living.schedule section ol li .photo{ width:100%; height:170px;}

body#living.schedule section ol li:nth-of-type(5) h3 { padding-top:35px;}



body#living.event section .eventGroup dl{position: relative; margin-bottom: 2rem;display: grid; grid-template-columns:1fr;grid-gap:0px; padding-bottom: 2rem;}
body#living.event section .eventGroup dl dt{ margin-bottom: 1.5rem;}

body#living.event section .eventGroup dl.noimage dt{margin-bottom: 0rem;}
body#living.event section .eventGroup dl dd{}



body#living.event section .eventGroup dl h4{ padding: 0;margin-bottom: 1.0rem;}



 .markHogosya img{ width: 1.3rem !important;  height: 1.3rem !important; }
 .hogosyaMark .markHogosya{  transform: translate(0.1em,0.13em); }

body#living.event section .eventGroup.onlysnap{ background: #F2F2EB; padding: 3rem 0px 5rem; margin-bottom: 20px}
body#living.event section .eventGroup.onlysnap .inFrame{ width: 80%; padding: 0;}

body#living.event section .eventGroup.onlysnap .onlysnapRead{ text-align: left; margin-bottom: 3rem;}
body#living.event section .eventGroup.onlysnap .onlysnapRead h3 img{ width: 100%; height: auto; max-height: none;}

body#education section .titleMesseage .by:before {

    width: 250px;

}




body#education.feature section#honmono .honmonoHeadImage {
      background: url(./img/education/honmono_head_sp.jpg) no-repeat;
	  background-size:cover;
    padding-top: 59%;
}

body#education.feature section#honmono .taiken{}

body#education.feature section#honmono .taiken dl{ overflow:hidden; margin-bottom:40px;}
body#education.feature section#honmono .taiken dl dt{ width:100%; margin-bottom:40px;}
body#education.feature section#honmono .taiken dl dd{ width:100%; box-sizing:border-box;}

body#education.feature section#honmono .taiken dl dt .imageAutoWrap{ margin-bottom:0px;}

body#education.feature section#honmono .taiken dl.imageLeft dt,
body#education.feature section#honmono .taiken dl.imageRight dd{ float:none; }

body#education.feature section#honmono .taiken dl.imageRight dt,
body#education.feature section#honmono .taiken dl.imageLeft dd{ float:none; }

body#education.feature section#honmono .taiken dl.imageLeft dd{ padding-left:0px;}
body#education.feature section#honmono .taiken dl.imageRight dd{  padding-right:0px; }



body#education.feature section#honmono .taiken dl.imageBottom{}
body#education.feature section#honmono .taiken dl.imageBottom dd{ width:100%; margin-bottom:40px;}
body#education.feature section#honmono .taiken dl.imageBottom dt{ width:100%;}
body#education.feature section#honmono .taiken dl.imageBottom dt.left{ float:none;}
body#education.feature section#honmono .taiken dl.imageBottom dt.right{ float:none;}


body#education.voice section .interview h3.head .onlySP .imageAutoWrap{
	width: 100%;
    height: auto;
    position:relative;
    top: auto;
    left: auto;
}


body#education.voice section .interview dl{display: block; grid-template-columns: 1fr;grid-gap:50px;		margin-bottom: 3em;}

body#education.voice section .interview dl:nth-child(even) dt {
    position:relative;

}
body#education.voice section .interview dl:nth-child(odd) dt {
    position: relative;

}

body#education.voice section .interview dl dt {
    width: auto;
    position:relative;
    top: 0;
margin-bottom: 3em;
}

body#education.voice section .interview dl:nth-child(even) dd {
    padding-right: 0px;
}

body#education.voice section .interview dl:nth-child(odd) dd {
    padding-left: 0px;
}


body#education.voice section .interview h3.head {
    height: auto;
    margin-bottom: 50px;
    position: relative;
}

body#education.voice section .interview .topPhrase{ margin-bottom:50px; text-align:center;

font-size: 1.5rem;
    font-weight: 600 !important;
    line-height: 1.5;
	position:relative;
	padding:20px;

	}

	body#education.voice section .interview .topPhrase span{ display:inline-block; white-space:nowrap; text-align:left; margin:auto;}

body#education.voice section .interview .topPhrase:before,
body#education.voice section .interview .topPhrase:after{ content:''; display:block; position:absolute; width:35px; height:70px; border:solid 1px #2E9900;}

body#education.voice section .interview .topPhrase:before{ top:0; left:0; border-bottom:0; border-right:0;}
body#education.voice section .interview .topPhrase:after{ bottom:0; right:0; border-top:0; border-left:0;}

body#education.voice section .interview h4{ text-align:center;margin-bottom:0px;font-size:1.4em; letter-spacing:0.05em; }



body#education.voice section .interview .read {
    margin-bottom: 3em;
}





body#contact .infoArea .tel{ line-height:1.15; margin-bottom:10px;}

body#contact .infoArea .name .onlyPC{ display:none;}c





.postDate{ font-size: 1rem !important; }
.postTag{
	width: 8em !important;
transform: translate(0,-5%);

}
.postTitle,
.postTitle a{}


.boxList article.box dl .postDate,
.boxList article.box dl .postTag{}

.boxList article.box dl .postDate{ margin-right: 0.7em;}
.boxList article.box dl .postTag{	width: auto !important;transform: translate(0,5%);}

section .categoryNavi{ width: 100%;}
section .categoryNavi ul{	width: 100%;}
section .categoryNavi ul li{border-left: solid 1px #FF809E; border-right: solid 1px #FF809E; width: 50%; }
section .categoryNavi ul li:nth-of-type(2n){border-left:0;}
section .categoryNavi ul li a{padding: 0.5em 1em; text-align: center;}

#importantMessage{
	padding-top: 5vw;
	background: repeating-linear-gradient(-45deg, #FF809E, #FF809E 3vw, #FFA0B6 3vw, #FFA0B6 6vw);
	
}

#importantMessage h2{  margin-bottom: 5vw; padding-top: 10vw;  font-size: 1.4rem; line-height: 1;
}
#importantMessage h2::before{

	width: 9vw;
	height: 9vw;

}

#importantMessage{ padding-bottom: 10vw;}
#importantMessage .pageBody{border-radius: 20px; padding: 2em 1em;}
#importantMessage ul{  line-height: 1.8;}
#importantMessage ul li:not(:last-child){ margin-bottom: 1.5em;}

article.detail dl dt.onlyPC{display:none !important;}

article.detail dl dd{ padding: 0 0;}



body#living section .pageHeader .visual.onlySP{{}

}