@charset "utf-8";

/* -------------------------------------------------- */
/* TOP */
/* -------------------------------------------------- */
/* mv */
#block-mv img{width:100%;}

/* news */
#block-news{background:url(/img/back.jpg) repeat;}
#block-news .list-news > li{background:#ece8e5;border-radius:10px;}
#block-news .list-news > li + li{margin-top:10px;}
#block-news .list-news > li > *{display:block;}
#block-news .list-news > li dl{display:flex;padding:20px 60px 20px  50px;position:relative;font-size:2rem;width:100%;text-align:left;line-height:2.1;color:#141414;}
#block-news .list-news > li a dl::after{content:"";display:block;width:20px;height:20px;background:url(/img/arrow02.png) no-repeat;background-size:100% auto;position:absolute;top:50%;right:15px;margin-top:-10px;transition:.2s ease;transform:rotate(-90deg);}
#block-news .list-news > li a[href^="#"] dl.active::after{transform:rotate(180deg);}
#block-news .list-news > li a[href^="#"] dl::after{transform:none;}
#block-news .list-news > li dl .en{width:7em;white-space:nowrap;font-weight:bold;color:#177bb9;margin-right:20px;}
#block-news .list-news > li dl .ttl{flex:1;}
#block-news .list-news > li .txt{display:none;padding:0 50px 20px;}

/* about */
#block-about{background:#ece8e5;position:relative;}
#block-about::before{content:"";display:block;width:692px;height:205px;background:url(/img/logo02.png) no-repeat center bottom;background-size:100% auto;position:absolute;bottom:10px;left:50%;z-index:0;max-width:80%;transform:translateX(-50%);opacity:0.45;}
#block-about > .container{padding-bottom:240px;}
#block-about .list-video{display:flex;margin:60px auto 20px;gap:20px;}
#block-about .list-video > li{flex:1;width:calc((100% - 20px) / 2);}
#block-about .list-video > li div{position:relative;width:100%;height:0;padding-bottom:56.2%;}
#block-about .list-video > li iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
#block-about .list-video > li .video-ttl{font-weight:bold;margin-top:15px;line-height:1.5;}


/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:999px){
	#block-about .inner{width:100%;padding-right:0;}
	#block-about .img{position:relative;width:95%;margin-left:5%;}
	#block-about .img::before{transform:translateY(20%);width:100%;background-size:75% auto;}

}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px){
	#block-news .list-news > li dl{display:block;padding:18px 40px 18px 25px;}
	#block-news .list-news > li dl .en{display:block;line-height:1.5;font-size:1.6rem;width:100%;margin-right:0;}
	#block-news .list-news > li dl .ttl{display:block;line-height:1.8;font-size:1.7rem;}
	#block-news .list-news > li .txt{font-size:1.6rem;padding:0 25px 18px;}

	#block-about > .container{padding-bottom:30vw;}
	#block-about .list-video{display:block;margin:40px auto 20px;}
	#block-about .list-video > li{width:100%;}
	#block-about .list-video > li + li{margin-top:40px;}

}
