@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:100%;height:35vw;background:url(/img/business/about_back.jpg) no-repeat center center;background-size:cover;position:absolute;left:0;top:0;z-index:0;}
#block-about > .container{padding-top:200px;padding-bottom:80px;}
#block-about .inner{width:100%;background:#fff;padding:60px 50px 0;border-radius:50px;}
#block-about .inner .ttl{font-size:3.6rem;text-align:center;font-weight:bold;margin-bottom:40px;line-height:1.6;}
#block-about .inner p + p{margin-top:40px;}
#block-about .inner::after{content:"";display:block;width:692px;height:205px;margin:30px auto 0;background:url(/img/logo04.png) no-repeat center bottom;background-size:100% auto;transform:translateY(5px);max-width:75%;}
#block-about .img{margin-top:60px;}
#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::before{height:50vw;}
	#block-about .inner::after{padding-bottom:22%;height:0;}
}

/* ======================================================================================================================= */
/* 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::before{height:75vw;}
	#block-about > .container{padding-bottom:40px;padding-top:160px;}
	#block-about .inner{padding:30px 30px 0;border-radius:20px;}
	#block-about .inner::after{max-width:90%;padding-bottom:28%;margin-top:15px;}
	#block-about .inner p + p{margin-top:20px;}
	#block-about .inner .ttl{font-size:2.4rem;margin-bottom:20px;}
	#block-about .img{margin-top:20px;}
	#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;}
	
}