@charset "utf-8";
/* Hero*/
@media (max-width: 767px){	
	.hero-img img{width: 136px;}
}

/* Content List */
.content-list{padding: 30px 0;  margin: 0 auto; display: flex; flex-wrap: wrap;}
.content-list .item{max-width: 450px; width: 45%; margin: 0 10% 30px 0; font-size: 2.3rem; line-height: 1.6; font-weight: bold;  font-family: 'Zen Maru Gothic', serif; color: #ea5515;}
.content-list figure{border-radius: 10px; background: #ea5515; margin: 0 0 0.5em; display: block; padding: 10px;}
.content-list figure.yellow{background: #f6ab00;}
.content-list figure.gray{background: #898989;}
.content-list p.yellow{color: #f6ab00;}
.content-list a:hover{opacity: .8;}

@media (min-width: 768px){
	.content-list .item:nth-of-type(2n){margin-right: 0;}
	.content-list p{min-height: 3em;}
}

@media (max-width: 767px){
	.content-list{padding: 0;}
	.content-list .item{width: 100%; margin: 0 auto 30px; font-size: min(4.8vw,2.3rem);}
	.content-list figure{padding: min(1.8vw,10px); border-radius: min(1.8vw,10px);}
}

/* Content Note */
.content-note{max-width: 900px; margin: 80px auto;}

@media (max-width: 767px){
	.content-note{margin: 50px auto;}
}

/* Content Slider */
.content-bg{background: #ee6d34; padding: 80px 0 40px; position: relative;}
.content-bg .container{max-width: 1042px;}
.content-slider{margin: 0 -10px;}
.content-slider a:hover{opacity: .9;}

.content-slider .slick-slide{margin: 0 10px;}
.content-slider .slick-arrow{width: 26px; height: 60px; margin-top: -58px;}
.content-slider .slick-prev{left: -65px; background: url("../img/common/btn-prev2.png") no-repeat top left/100% auto;}
.content-slider .slick-next{right: -65px; background: url("../img/common/btn-next2.png") no-repeat top left/100% auto;}

.content-slider .slick-dots{display: flex; justify-content: center; margin: 30px 0 0 0;}
.content-slider .slick-dots li{width: 20px; height: 20px; border-radius: 100%; border: 2px solid #fff; margin: 0 9px; text-indent: -9999px; cursor: pointer;}
.content-slider .slick-dots li.slick-active{background: #fff;}

@media (max-width: 1199px){
	.content-bg{padding: 80px 30px 40px;}
	.content-bg .container{max-width: 688px;}
	.content-slider .slick-prev{left: -25px;}
	.content-slider .slick-next{right: -25px;}
}

@media (max-width: 767px){
	.content-bg{padding: 50px 25px 40px;}
	.content-slider .slick-slide{margin: 0 5px; text-align: center;}
	.content-slider .slick-slide img{display: inline-block;}
	.content-slider .slick-arrow{width: 20px; height: 46px; margin-top: -46px;}
	.content-slider .slick-dots li{width: 16px; height: 16px;}
}

/* Modal */
.modal{display: none; max-width: 800px; width: 100%; padding: 10px !important;}
.modal-inner{padding: 24px; font-size: 15px; background-image: url("../img/content/line_1.jpg"), url("../img/content/line_2.jpg"), url("../img/content/line_1.jpg"), url("../img/content/line_2.jpg");
background-position: top center, right center, bottom center, left center; background-repeat: no-repeat; background-size: 94% 3px, 3px 94%, 94% 3px, 3px 94%;}
.modal-tit{font-size: 2.4rem; line-height: 1.6; margin: 0 0 15px; text-align: center; font-family: 'Zen Maru Gothic', serif; font-weight: bold;}
.modal-txt{padding: 20px 0;}
.modal-ifrm{position: relative;}
.modal-ifrm:after{content: ''; padding-bottom: 56.25%; display: block;}
.modal-ifrm iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.fancybox-content{overflow: visible !important;}

@media (max-width: 767px){
	.modal-tit{font-size: 1.8rem;}
}