@charset "UTF-8";

.front{
	& header{position:absolute;left:50%;top:0;transform:translate(-50%,0);z-index:100;width:100%;max-width:1000px;padding-left:220px;box-sizing: border-box;
		& .sitename{width:760px;max-width:100%;padding:0;margin:0 0 0 auto;background:none;}
		@media screen and (max-width: 750px){
				width:90vw;padding-left:0;padding-top:4rem;
			}
	}
	& .front_desc{position:absolute;top:280px;}
	
	& .gm_wrap{margin-top:2.5rem;}
	@media screen and (max-width: 750px){
		background:#28323C;
		.front_news_blk {
			& .news_lists {max-height:100vw;}
		}
		
		& .main{margin-top:30vw;}
		& .front_desc{top:13vw;}
	}
}

.front_news_blk{margin:0;
	& h3{background:#f2f2f2;color:#28323C;font-size1.175em;padding:0.5em;margin:0;border:0;}
	& .news_lists{padding:1.25em 0em;background:#FFF;box-sizing:border-box;max-height:13rem;overflow-y:scroll;padding:1rem;
		& > li{display:flex;align-items:baselene;padding-left:1.25em;
			&:before{content:'';display:block;width:0.875em;height:0.875em;background:#B48246;position:absolute;left:0;top:0.3em;flex-grow:0;}
			& > time{width:5.5em;margin-right:1em;font-family: 'Noto Serif JP',serif;font-weight:600;margin-right:1em;color:#B48246;}
			& > span{}
			& a{text-decoration:underline;color:#e64614;
					&:hover{text-decoration:none;}
			}
		}
	}
}


.second{
	& header{z-index:1000;margin:0 auto;padding:0;margin-bottom:1.25rem;background:url(../images/second_header_bg_pc.webp) center top no-repeat;background-size:cover;)
		& .sitename{width:90%;max-width:999px;margin:0 auto;}
	}
	& .main{background:#FFF;padding:1.25rem;box-sizing:border-box;
		& *+h2,& *+h3,& *+h4,& *+h5,& *+h6{margin-top:2em;}
	}
	& .gm_wrap{margin-top:0;}
}

.gre_img{display:flex;align-items:center!important;}
.gre_img img{width:100%;}
.gre_img p em{font-size:1.25rem;font-weight:700;}

.access_img img{width:100%;}

p em{font-weight:700;}

.btn.w_one{min-width:18em;}


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

.front .contents > main{}
.front .mv{margin-bottom:1.5em;}

}

@media screen and (max-width: 1050px){
.mv_anime{width:100vw;margin:0;left:-5vw;right:0;position: absolute;top: 22vw;}
.mv_anime img{width:80%;height:auto;display:block;}
}

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

.front_news_blk{}
.front_news_blk > .row h3{margin:0;}
.front_news_blk > .row ul{max-height:150vw;}

.second header{padding:1em 4em 1em 0;}
.second .main{}

.gre_img{display:block;text-align:center;}
.gre_img img{width:50vw;}

}