@charset "utf-8";
/* CSS Document */
header{
	padding: 0;}
#page_header .fade_slide{
	aspect-ratio: 16/9;}
#page_header .fade_slide li{
	animation-duration: 18s;}
#page_header .fade_slide li:first-of-type{
	background-image: url("../images/top/slide_header-img01.jpg");}
#page_header .fade_slide li:nth-of-type(2){
	background-image: url("../images/top/slide_header-img02.jpg");
	animation-delay: 6s;}
#page_header .fade_slide li:last-of-type{
	background-image: url("../images/top/slide_header-img03.jpg");
	animation-delay: 12s;}
#header_txt{
	position: absolute;
    right: 7vw;
    top: clamp(100px, 8vw, 150px);
    z-index: 100;
    width: clamp(20px, 1.88vw, 34px);
	opacity: 0;
	animation-name: fadeinHeader;
	animation-duration:  4s;
	animation-delay: 1s;
	animation-fill-mode: forwards;}
header nav{
	z-index: 100;
	background: transparent;}
section p {
	font-size: clamp(14px, 1vw, 18px);}
section .txt_sttl{
	font-size: clamp(22px, 1.777vw, 32px);}
section .txt_xsttl{
	font-size: clamp(22px, 1.555vw, 28px);}
section .txt_xbig{
	font-size: clamp(18px, 1.333vw, 24px);}
section .txt_big{
	font-size: clamp(18px, 1.222vw, 22px);}
section .txt_small{
	font-size: clamp(14px, 0.888vw, 16px);}
section .txt_xsmall{
	font-size: clamp(12px, 0.777vw, 14px);}
#sec_csr{
	min-height: calc(27vw + 170px);
	padding-top: 3.88em;}
#sec_csr .blk_txt{
	padding-top: 14vw;
	padding-left: 5em;
	width: 50%;}
#sec_csr .blk_img{
	width: 48%;
    position: absolute;
    bottom: 80px;
    right: 0;
    padding: 8vw 0 0vw 4vw;}
#sec_news ul {
    overflow-y: scroll;
    position: relative;
    padding-right: 1.5em;
	margin-bottom: 7em;}
#sec_news ul .pos_absolute{
	width: 100%;}
#sec_news .box_blog{
	border-bottom: 1px solid #707070;}
#sec_news .box_blog:first-child {
    border-top: 1px solid #707070;}
#sec_news .box_blog .dsp_flex{
	height: 8em;
	padding: 1em 0;}
#sec_news .box_blog .dsp_flex p {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
    line-height: 2;}
#sec_news .box_blog .dsp_flex p:first-of-type{
	width: 11em;}
#sec_news .box_blog .dsp_flex p:nth-of-type(2){
	width: 9em;}
#sec_news .box_blog .dsp_flex p:last-of-type{
	width: calc(100% - 20em);}
#sec_news .blk_bnr img{
	width: 82.6%;}
#sec_pickup .dsp_grid{
	/*grid-template-rows: 1fr 1fr 1fr;*/
	grid-template-columns: repeat(3, 30.4%);
	justify-content: space-between;}
#sec_pickup .dsp_grid .box_blog:first-child {
    grid-row: span 2;
    grid-column: span 2;}
#sec_pickup .dsp_grid .box_blog:first-child a{
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	height: 100%;}
#sec_pickup .dsp_grid .box_blog:first-child a .area_img{
	flex-grow: 1;}
#sec_pickup .box_blog .area_img img{
	aspect-ratio: 350/247;}
#sec_pickup .dsp_grid .box_blog:first-child .area_img img{
	/*aspect-ratio: 375/338;*/
	height: 100%;}
#sec_sns li{
	padding: 0 1.5em;}
#sec_sns li [class^="icon-"] {
    font-size: clamp(27px, 4vw, 44px);}
#sec_sns li .icon-youtube {
	font-size: clamp(40px, 6vw, 64px);
	color: #282828;}
.sec_facility .dsp_flex .area_img{
	width: calc(100vw - (100vw - 90%) / 2);
    max-width: calc(100vw - (100vw - 1150px) / 2);}
.sec_facility .dsp_flex .area_txt {
	text-align: right;
	padding-left: clamp(15px, 1.88vw, 34px);
	padding-right: clamp(15px, 1.88vw, 34px);
	flex-grow: 1;}
.sec_facility .dsp_flex .area_txt img{
	width: clamp(20px, 1.88vw, 34px);}
.sec_facility:nth-child(2n) .dsp_flex .area_img{
	order: 1;}
.sec_facility:nth-child(2n) .dsp_flex .area_txt{
	text-align: left;
	order: 2;}
.sec_facility .dsp_flex + .content .area_txt{
	width: 45%;
	align-items: end;}
@media screen and (max-width: 1300px) {
	.sec_facility .dsp_flex .area_img{
		width: calc(100vw - 75px);}
	.sec_facility .dsp_flex + .content{
		padding-left: calc(75px - 5%);}
}
@media screen and (max-width: 767px) {
	#page_header .fade_slide{
	  aspect-ratio: 125/221;}
	#page_header .fade_slide li:first-of-type{
		background-image: url("../images/top/slide_header-img01-sp.jpg");}
	#page_header .fade_slide li:nth-of-type(2){
		background-image: url("../images/top/slide_header-img02-sp.jpg");}
	#page_header .fade_slide li:last-of-type{
		background-image: url("../images/top/slide_header-img03-sp.jpg");}
	#sec_csr h2, #sec_news h2, #sec_pickup h2{
	  width: 100%;
	  text-align: center;}
	.area_link{
	  width: 100%;
	  text-align: right;	}
	#sec_csr{
	  min-height: auto;
	  padding-top: 2.22em;
      padding-bottom: 0;}
	#sec_csr .blk_txt{
	  width: 100%;
	  padding-top: 1em;
	  padding-left: 3em;}
	#sec_csr .blk_txt .hvr_uline_show{
		text-align: right;}
	#sec_csr .blk_img{
	  width: 90%;
      margin: 0 auto;
	  position: relative;
	  bottom:0;
	  padding: 2em 0;}
	#sec_news ul{
	  margin-bottom: 3em;}
	#sec_news .box_blog .dsp_flex{
	  height: auto;	}
	#sec_news .box_blog .dsp_flex p:first-of-type{
	  order: 2;}
	#sec_news .box_blog .dsp_flex p:nth-of-type(2){
	  order: 1;
	  width: auto;
	  margin-right: 1em;}
	#sec_news .box_blog .dsp_flex p:last-of-type{
	  order: 3;
	  width: 100%;
	  padding-top: 1em;}
	#sec_news .blk_bnr img{
	  width: 100%;}
	#sec_pickup{
	  padding-top: 3em;
      margin-top: 1.5em;}
	#sec_pickup h2{
		margin-bottom: 2em !important;}
	#sec_pickup .dsp_grid{
	  display: block;}
	#sec_pickup .box_blog {
      width: 90%;
      margin: 0 auto;}
	#sec_pickup .box_blog img {
      aspect-ratio: 316/257;}
	#sec_toumyou{
	  margin-bottom: 1em !important;}
	#sec_sns li{
	  padding: 0 1em;}
	#sec_sakabayashi.active .fadein_right{
	  animation-name: fadeInLeft;
	}
	#sec_link{
	  padding-top:3em}
	.sec_facility .dsp_flex{
	  width: 90%;
	  margin: 0 auto;}
	.sec_facility .dsp_flex .area_img{
		width: 81%;}
	.sec_facility:nth-child(odd) .dsp_flex .area_img{
	  order: 2;}
	.sec_facility:nth-child(odd) .dsp_flex .area_txt{
	  text-align: right;
	  order: 1;}
	.sec_facility .dsp_flex + .content{
	  padding-left: 16.6%}
	.sec_facility .dsp_flex + .content .area_txt,
	.sec_facility .dsp_flex + .content .area_txt p{
		width: 100%;}
	.mgn_btm_5em{
	  margin-bottom: 3em !important;}
}