@charset "utf-8";
/*.design-bg{ width: 1280px; height: 4621px; background: url('../design_img/overview.jpg') 0 0 no-repeat; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1280px; }*/


#facility ul li>a.linkN{ pointer-events: none; }

@media print, screen and (min-width: 751px) {
.mainImage 				{ background: url('../img/overview/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

#philosophy 			{ padding: 115px 0 138px; border-bottom: 1px solid #f2f2f2; }
#philosophy .master 	{ max-width: 800px; background: url('../img/overview/yotsuba.svg') 50% 30px no-repeat; }
#philosophy h2 			{ text-align: center; font-size: 1.4rem; font-weight: 500; }
#philosophy h2 span 	{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#philosophy h2 span:before{ content: ''; width: 45px; height: 1px; margin-right: 15px; border-top: 1px solid #736357; display: block; }
#philosophy h2 span:after{ content: ''; width: 45px; height: 1px; margin-left: 15px; border-top: 1px solid #736357; display: block; }
#philosophy .master>div { text-align: center; }
#philosophy .master>div:nth-of-type(1) h2{ margin-bottom: 5px; }
#philosophy .master>div:nth-of-type(1) p{ font-size: 2.4rem; line-height: 2; }
#philosophy .master>div:nth-of-type(2){ margin-top: 42px; }
#philosophy .master>div:nth-of-type(3){ margin-top: 35px; }
#philosophy .master>div:nth-of-type(2) p,#philosophy .master>div:nth-of-type(3) p{ margin-top: 10px; font-size: 1.8rem; line-height: 1.7; }

#overview 				{ padding: 100px 0 133px; border-bottom: 1px solid #f2f2f2; }
#overview .master 		{ max-width: 1100px; }
#overview h2 			{ font-size: 1.5rem; font-weight: 500; text-align: center; }
#overview h2 span 		{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#overview h2 span:before{ content: ''; width: 45px; height: 1px; margin-right: 30px; border-top: 1px solid #736357; display: block; }
#overview h2 span:after{ content: ''; width: 45px; height: 1px; margin-left: 30px; border-top: 1px solid #736357; display: block; }
#overview .box 			{ margin-top: 23px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#overview .box dl 		{ width: 48.4%; border-bottom: 1px dotted #c7b299; }
#overview .box dl:nth-of-type(2){ margin-left: auto; }
#overview .box dl>div 	{ padding: 19px 0; border-top: 1px dotted #c7b299; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 2; }
#overview .box dl:nth-of-type(1)>div dt{ width: 140px; padding-left: 10px; }
#overview .box dl:nth-of-type(1)>div dd{ width: calc(100% - 140px); }
#overview .box dl:nth-of-type(2)>div dt{ width: 100px; padding-left: 10px; }
#overview .box dl:nth-of-type(2)>div dd{ width: calc(100% - 100px); }
#overview .box dl:nth-of-type(2)>div dd ul li:nth-of-type(n+2){ margin-top: 9px; }

#facility 				{ padding: 95px 0 193px }
#facility .master 		{ max-width: 1100px; }
#facility h2 			{ font-size: 1.5rem; font-weight: 500; text-align: center; }
#facility h2 span 		{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#facility h2 span:before{ content: ''; width: 45px; height: 1px; margin-right: 30px; border-top: 1px solid #736357; display: block; }
#facility h2 span:after { content: ''; width: 45px; height: 1px; margin-left: 30px; border-top: 1px solid #736357; display: block; }
#facility ul 			{ margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#facility ul li 		{ width: 30.91%; margin-right: 3.635%; }
#facility ul li:nth-of-type(3n){ margin-right: 0; }
#facility ul li:nth-of-type(n+4){ margin-top: 40px; }
#facility ul li>a 		{ display: block; }
#facility ul li>a h3 	{ margin-top: 15px; font-size: .9rem; font-weight: 700; color: #736357; line-height: 1.6; }
}


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


@media screen and (max-width: 1000px) and (min-width: 751px) {

}


@media screen and (max-width: 950px) and (min-width: 751px) {
#philosophy .master 	{ background-size: 600px; }
}


@media screen and (max-width: 750px) {
.mainImage 				{ background: url('../img/overview/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

/*#philosophy 			{ padding: 60px 0 60px; border-bottom: 1px solid #f2f2f2; }
#philosophy .master 	{ max-width: 800px; background: url('../img/overview/yotsuba.svg') 50% 40px no-repeat; background-size: 290px; }
#philosophy h2 			{ text-align: center; font-size: 1.2rem; font-weight: 500; }
#philosophy h2 span 	{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#philosophy h2 span:before{ content: ''; width: 45px; height: 1px; margin-right: 15px; border-top: 1px solid #736357; display: block; }
#philosophy h2 span:after{ content: ''; width: 45px; height: 1px; margin-left: 15px; border-top: 1px solid #736357; display: block; }
#philosophy .master>div { text-align: center; }
#philosophy .master>div:nth-of-type(1) h2{ margin-bottom: 5px; }
#philosophy .master>div:nth-of-type(1) p{ font-size: 1.3rem; line-height: 2; text-align: justify; }
#philosophy .master>div:nth-of-type(2){ margin-top: 42px; }
#philosophy .master>div:nth-of-type(3){ margin-top: 35px; }
#philosophy .master>div:nth-of-type(2) p,#philosophy .master>div:nth-of-type(3) p{ margin-top: 10px; font-size: 1.4rem; line-height: 1.7; text-align: justify; }*/
	#philosophy 			{ padding: 60px 0 60px; border-bottom: 1px solid #f2f2f2; }
	#philosophy .master 	{ max-width: 800px; background: url('../img/overview/yotsuba.svg') 50% 40px no-repeat; background-size: 290px; }
	#philosophy h2 			{ text-align: center; font-size: 1.1rem; font-weight: 500; }
	#philosophy h2 span 	{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	#philosophy h2 span:before{ content: ''; width: 40px; height: 1px; margin-right: 15px; border-top: 1px solid #736357; display: block; }
	#philosophy h2 span:after{ content: ''; width: 40px; height: 1px; margin-left: 15px; border-top: 1px solid #736357; display: block; }
	#philosophy .master>div { text-align: center; }
	#philosophy .master>div:nth-of-type(1) h2{ margin-bottom: 5px; }
	#philosophy .master>div:nth-of-type(1) p{ font-size: 1.2rem; line-height: 2; text-align: justify; }
	#philosophy .master>div:nth-of-type(2){ margin-top: 42px; }
	#philosophy .master>div:nth-of-type(3){ margin-top: 35px; }
	#philosophy .master>div:nth-of-type(2) p,#philosophy .master>div:nth-of-type(3) p{ margin-top: 10px; font-size: 1rem; line-height: 1.7; text-align: justify; }

#overview 				{ padding: 60px 0 60px; border-bottom: 1px solid #f2f2f2; }
#overview .master 		{  }
#overview h2 			{ font-size: 1.2rem; font-weight: 500; text-align: center; }
#overview h2 span 		{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#overview h2 span:before{ content: ''; width: 45px; height: 1px; margin-right: 30px; border-top: 1px solid #736357; display: block; }
#overview h2 span:after{ content: ''; width: 45px; height: 1px; margin-left: 30px; border-top: 1px solid #736357; display: block; }
#overview .box 			{ margin-top: 23px; }
#overview .box dl 		{ border-bottom: 1px dotted #c7b299; }
#overview .box dl:nth-of-type(2){ margin-left: auto; }
#overview .box dl>div 	{ padding: 19px 0; border-top: 1px dotted #c7b299; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 2; }
#overview .box dl:nth-of-type(2)>div{ border-top: 0; }
#overview .box dl:nth-of-type(1)>div dt{ width: 110px; padding-left: 10px; }
#overview .box dl:nth-of-type(1)>div dd{ width: calc(100% - 110px); }
#overview .box dl:nth-of-type(2)>div dt{ width: 110px; padding-left: 10px; }
#overview .box dl:nth-of-type(2)>div dd{ width: calc(100% - 110px); }
#overview .box dl:nth-of-type(2)>div dd ul li:nth-of-type(n+2){ margin-top: 9px; }

#facility 				{ padding: 60px 0 80px }
#facility .master 		{  }
#facility h2 			{ font-size: 1.2rem; font-weight: 500; text-align: center; }
#facility h2 span 		{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#facility h2 span:before{ content: ''; width: 45px; height: 1px; margin-right: 30px; border-top: 1px solid #736357; display: block; }
#facility h2 span:after { content: ''; width: 45px; height: 1px; margin-left: 30px; border-top: 1px solid #736357; display: block; }
#facility ul 			{ margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#facility ul li 		{ width: 48%; margin-right: 4%; }
#facility ul li:nth-of-type(2n){ margin-right: 0; }
#facility ul li:nth-of-type(n+3){ margin-top: 40px; }
#facility ul li h3 		{ margin: 12px 0 0; font-size: .8rem; font-weight: 500; line-height: 1.5; text-align: justify; }
#facility ul li>a 		{ display: block; }
#facility ul li>a h3 	{ margin-top: 15px; font-size: .8rem; font-weight: 700; color: #736357; line-height: 1.6; }
}