@charset "utf-8";

/*===================================================================
 CSS Import
===================================================================*/
@import url(./ress.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&display=swap');

.fMincho{ font-family:'Noto Serif JP','Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif; }

/*===================================================================
 Common
===================================================================*/
*{ font-family:'UD Shin Go NT Light',sans-serif; font-weight:300; }
html{ width:100%; }
body{ width:100%; background-color:#444444; }
a{ color:#000000; text-decoration:none; }
a:hover{ text-decoration:none; }
div{ position:relative; }
img{ display:block; width:100%; height:auto; }
p{ line-height:200%; color: #000000; }

/*===================================================================
 Font, Color
===================================================================*/
.f080{ font-size:0.8rem; }
.f130{ font-size:1.3rem; }
.fBold{ font-weight:bold; font-weight:700; }
.cWhite{ color:#ffffff; }
.cRed{ color:#5a0000; }




/*===================================================================
 SP
===================================================================*/
@media( max-width:1099px )
{
	.sp{ display:block; }
	.pc{ display:none !important; }
	/* COMMON */
	html{ font-size:100%; scroll-padding-top: 5rem; }
	body{ background-color:#ffffff; }
	.homeMainArea{ width:100%; height:calc(100vh - 4rem); margin-top: 4rem; background: url("../../img/homeImg01SP.jpg") no-repeat center; background-size: cover; position: relative; }
	.homeMainArea > div{ width:90vw; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	.homeMainArea > div > img{ filter: drop-shadow(6px 6px 5px rgba(0, 0, 0, 0.8)); }
	.ContentsArea{ width:90vw; margin:0 auto; margin-top: 4rem; }


	/*HOME*/
	.homeContentsArea{ }
	.homeContentsArea > div:nth-of-type(1){ text-align: center; }
	.homeContentsArea > div:nth-of-type(1) p{ color:#203490; font-size:2.5rem; font-weight: bold; }
	.homeContentsArea > div:nth-of-type(2){ margin-top: 3rem; }
	.homeContentsArea > div:nth-of-type(2) > div > p{ display: block; border: 1px solid #203490; margin: 1rem 0; padding: 0.5rem; color: #203490; font-weight: bold; }
	.homeContentsArea02{ margin-top: 5rem; }
	.homeContentsArea02 > div:nth-of-type(1) p{ color:#203490; font-size:2rem; font-weight: bold; margin-top: -1rem; }
	.homeContentsArea02 > div.Day{ width:100%; display:flex; flex-wrap:wrap; border-top: #888888 1px solid; margin-top: 0.5rem; padding-top: 1rem; padding-bottom: 1rem; }
	.homeContentsArea02 > div.Day:last-child{ border-bottom: #888888 1px solid; }
	.homeContentsArea02 > div.Day > div:nth-of-type(1) { width:5.5rem; }
	.homeContentsArea02 > div.Day > div:nth-of-type(2) { width:6rem; }
	.homeContentsArea02 > div.Day > div:nth-of-type(3) { width:100%; padding-top: 0.5rem; }
	.homeContentsArea02 > div.Day > div:nth-of-type(2) > p{ color: #203490; font-weight: bold; padding: 0 0.5rem; border: 1px solid #203490; border-radius: 0.5rem; }


	/*HEADER*/
	.header{ width:100vw; height:3rem; position:fixed; top:0; left:0; z-index:9999; }
	.headerBody{ width:100vw; height:4rem; display:flex; align-items:center; justify-content:space-between; background-color:#ffffff; border-bottom:1px #eee solid; background-color:#203490; }
	.headerLogo{ max-width: 17em; height: auto; margin-left:2vw; margin-top:0.2rem; }
	.headerLogo > a > img{ height:2.5rem; }
	.headerBtnSpMenuOpen{ width:4rem; height:4rem; display:flex; align-items:center; justify-content:center; border-left: 1px #ffffff solid; }
	.headerMenuSp{ display:none; width:100vw; height:100vh; position:absolute; top:0; left:0; z-index:+10; background-color:#203490; }
	.headerBtnSpMenuClose{ width:4rem; height:4rem; display:flex; align-items:center; justify-content:center; border-left: 1px #ffffff solid; }
	.headerMenuBody{ width:100vw; height:calc(100vh - 3rem); overflow:scroll; padding-bottom:2rem; border-top:1px #ffffff solid; }
	.spHeaderMenuBtn{ padding:0.8rem 1rem; border-bottom:1px #ffffff solid; }
	.spHeaderMenuBtn > p{ color:#ffffff; }
	.headerSubMenuBody{ display:none; padding:0.5rem; background-color:#dfe5ea; }
	.headerSubMenuBody > p{ }
	.headerSubMenuBody > a{ line-height:220%; padding-left:1rem; text-decoration:none; }
	.headerBtnAccess{ margin-top:1rem; padding-left:1rem; }
	.headerBtnAccess > a{ display:block; width:6.6rem; height:2rem; }


	/*FOOTER*/
	.footer{ width:100vw; background-color:#232c35; margin-top: 6rem; padding-top:2rem; padding-bottom: 6rem; }
	.footer > div{ width:90vw; margin: 0 auto;  }
	.footer > div p{ color:#ffffff; }
	.footer > div > div:nth-of-type(1){ padding-bottom:4rem; }
	.footer > div > div:nth-of-type(1) > p:nth-of-type(1){ font-size:1.5rem; font-weight: bold; line-height: 150%; }
	.footer > div > div:nth-of-type(1) > p:nth-of-type(2){ line-height: 150%; }
	.footer > div > div:nth-of-type(1) > p:nth-of-type(3){ padding-top:2rem; }
	.footer > div > div:nth-of-type(2){ }
	.footer > div > div:nth-of-type(2) > p{ font-size:0.8rem; line-height: 150%; }
}


/*===================================================================
 PC
===================================================================*/
@media( min-width:1100px )
{
	.sp{ display:none !important; }
	.pc{ display:block; }
	/* COMMON */
	html{ overflow-y:scroll; font-size:100%; scroll-padding-top: 165px; }
	body{ background-color:#ffffff; }
	a:hover{ cursor:pointer; opacity:0.7; }
	.homeMainArea{ width:100%; height:400px; margin-top:95px; background: url("../../img/homeImg01.jpg") no-repeat center; background-size: cover; position: relative; }
	.homeMainArea > div{ width:500px; height:80px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
	.homeMainArea > div > img{ width:500px; height:auto; filter: drop-shadow(6px 6px 5px rgba(0, 0, 0, 0.8)); }
	.ContentsArea{ width:832px; margin:0 auto; margin-top: 5rem; }


	/*HOME*/
	.homeContentsArea{ display:flex; flex-wrap:nowrap; }
	.homeContentsArea > div:nth-of-type(1){ width:240px; }
	.homeContentsArea > div:nth-of-type(1) p{ color:#203490; font-size:3rem; font-weight: bold; margin-top: -1rem; }
	.homeContentsArea > div:nth-of-type(2){ width:592px; }
	.homeContentsArea02{ margin-top: 5rem; }
	.homeContentsArea02 > div:nth-of-type(1) p{ color:#203490; font-size:2rem; font-weight: bold; margin-top: -1rem; }
	.homeContentsArea02 > div.Day{ width:100%; display:flex; flex-wrap:nowrap; border-top: #888888 1px solid; margin-top: 0.5rem; padding-top: 1rem; padding-bottom: 1rem; }
	.homeContentsArea02 > div.Day:last-child{ border-bottom: #888888 1px solid; }
	.homeContentsArea02 > div.Day > div:nth-of-type(1) { width:100px; }
	.homeContentsArea02 > div.Day > div:nth-of-type(2) { width:100px; display: block; }
	.homeContentsArea02 > div.Day > div:nth-of-type(3) { width:calc(100% - 200px); padding-left: 1rem; }
	.homeContentsArea02 > div.Day > div:nth-of-type(2) > p{ color: #203490; font-weight: bold; padding: 0 0.5rem; border: 1px solid #203490; border-radius: 0.5rem; }


	
	/*HEADER*/
	.header{ width:100%; height:155px; position:fixed; top:0; left:0; z-index:9999; }
	.headerTop{ width:100%; height:95px; position:absolute; top:0; left:0; background-color:#203490; }
	.headerLogo{ width:auto; height:51px; position:absolute; top:22px; left:2rem; }
	.headerLogo > a > img{ height:55px; }
	.headerBtnAccess{ width:80px; height:100%; position:absolute; top:28px; right:0;  }
	.headerBtnAccess > a{ display:block; width:40px; height:40px; }


	/*FOOTER*/
	.footer{ width:100%; background-color:#232c35; margin-top: 6rem; padding-top:2rem; }
	.footer > div{ width:1100px; margin: 0 auto; display:flex; flex-wrap:nowrap; }
	.footer > div p{ color:#ffffff; }
	.footer > div > div:nth-of-type(1){ width:40%; padding-bottom:5rem; }
	.footer > div > div:nth-of-type(1) > p:nth-of-type(1){ font-size:1.5rem; font-weight: bold; line-height: 150%; }
	.footer > div > div:nth-of-type(1) > p:nth-of-type(3){ padding-top:2rem; }
	.footer > div > div:nth-of-type(2){ width:60%; }
	.footer > div > div:nth-of-type(2) > p{ font-size:0.8rem; text-align: right; }
}