@charset "utf-8";

.orange{color: #c74e00;}
.big{font-size: 110%;}

/* MV */
#mv.sub-mv.media .img{background:url(/img/media/mv.jpg) no-repeat center center;background-size:cover;}

/* media */
.block-media{background:#fff;counter-increment:number;position:relative}
.block-media:before{content:'';background:url(/img/point_bg01.png) center/100% auto no-repeat;position:absolute;left:0;top:0;width:230px;height:230px;z-index:0}
.block-media:nth-of-type(2n):before{background-image:url(/img/point_bg03.png);left:inherit;right:0}
.section.lead{background:#f5f5f4;}
.section.lead .container{padding: 40px 30px;}
.section.lead p{font-size:1.8rem;line-height:2;text-align:center}
.block-media .container{padding:60px 30px;margin:auto;position:relative;z-index:1}
.block-media .box{display:flex;justify-content:flex-end;align-items:center;max-width:1180px;margin:0 auto;min-height:460px;position:relative}

.block-media .box .txt{max-width:inherit;max-width:600px;width:100%;margin-left:80px; margin-right: 0;}
#contents .block-media:nth-of-type(2n) .box .txt{margin-left: 0;margin-right:80px}
.block-media .box .txt{max-width:600px;width:100%;z-index:1}
.block-media .box figure{max-width: 600px;width: 100%;box-shadow:0 0 50px 0 rgba(0,0,0,.2)}

/* #block-media01 {background: url('/img/media/bg_01.png');background-color:rgba(255,255,255,0.95);background-blend-mode:lighten;} */
#block-media01:before {content: none;}
#block-media01 .container .box .txt{max-width:1160px;width:100%;z-index:1;margin: auto; text-align: center;}
#block-media01 .container .box h3 {margin-bottom: 2rem;}
#block-media01 .container .box .txt ul {display: flex; justify-content:center; align-items: center; flex-wrap: wrap;}
#block-media01 .container .box .txt ul li{margin-bottom: 24px;text-align: center;}
#block-media01 .container .box .txt ul li p{font-size: 1.4rem;}
#block-media01 .container .box .txt ul li + li{margin-left: 24px;}
#block-media01 .container .box .txt ul li img {width: 100%;}

#block-media01 .container .box .block{margin-top: 16px; padding: 32px 24px; background: #fdf3ec;}
#block-media01 .container .box .block a{margin-top: 16px;}

#block-media01 .container .box .link {text-align: center; margin-top: 32px;}

#contents .block-media:nth-of-type(2n){background:#f5f5f4}
#contents .block-media:nth-of-type(2n) .box{justify-content:flex-start;flex-direction: row-reverse;}
/* #contents .block-media:nth-of-type(2n) .box .txt{padding-right:60px} */
.block-media .box .ttl{font-size:3rem;color:#c74e00;text-align:center;margin-bottom:1rem}
.block-media .box .ttl:before{content:none}
.block-media .box .point{position:relative;padding-bottom:50px}
.block-media .box .point::before{content:'';display:block;background:url(/img/ttl_icon.png) no-repeat;width:100px;height:28px;position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}
.block-media .box .point .num{width:48px;height:48px;background:#c74e00;border-radius:100%;margin:auto}
.block-media .box .point .num:before{content:counter(number);font-size:2.4rem;line-height:48px;color:#fff}
.block-media .box .txt p{font-size:1.8rem;line-height:2.2}
.block-media .box .txt p+p{margin-top:1rem}

.block-media .box .note {margin-top: 16px;padding: 16px 24px;background: #fdf3ec;border-radius: 5px;}
.block-media .box .note dt {font-size: 16px;font-weight: bold;}
.block-media .box .note dd {font-size: 16px;}


@media screen and (min-width: 1500px) {
.block-media .box figure{right:460px}
#contents .block-media:nth-of-type(2n) .box figure{right:inherit;left:460px}
}

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

@media screen and (max-width: 1100px) {
.block-media .container{padding:30px;}
.block-media .box .ttl {font-size: 2.6rem;line-height: 1.4;}
.section.lead h3{font-size: 2.6rem;}
.section.lead p{font-size:1.6rem;text-align: left}
}

@media screen and (max-width: 1000px) {
.block-media .container{padding-top:20px;padding-bottom:40px;}
.block-media .box figure{position:relative;display:inline-block;width:100%}
.block-media .box{display:block}
.block-media .box figure{left:inherit}
#contents .block-media:nth-of-type(2n) .box figure{right:inherit}
.block-media .box .txt{width:100%;padding-left:0;margin-top:1.5rem}
#contents .block-media:nth-of-type(2n) .box .txt{padding-right:0}

.block-media .box figure{margin: 24px auto 0;}
.block-media .box .txt{margin: 24px auto 0;}

}


@media screen and (max-width: 1239px) {
.block-media .container {padding-top: 40px;}
}

@media screen and (max-width: 599px) {
header #mv.sub-mv .sub-ttl {font-size: 3.2rem;}
.block-media .container{padding-right:0;padding-left:0}
.block-media .box .point{padding-bottom:10px}
.block-media .box .point .num{width:36px;height:36px}
.block-media .box .point .num:before{font-size:2.4rem;line-height:36px}
/* .block-media .box .point::before{content:none} */
.block-media .box .ttl{padding:0 30px}
#contents .block-media:nth-of-type(2n) .box .txt,.block-media .box .txt{padding:0 30px}
.block-media:before{width:120px;height:120px}
#block-media01 .container .box .txt ul{flex-wrap: wrap;}
#block-media01 .container .box .txt ul li{width: 100%; margin-bottom: 16px;}
#block-media01 .container .box .txt ul li + li{margin-left: 0;}
#block-media01 .container .box .txt ul li p {font-size: 1.6rem;}
#block-media01 .container .box .link {margin-top: 54px;}
}


/* -------------------------------------------------- */
/* slider */
/* -------------------------------------------------- */
.slick-prev{ background-color: #fff; border-radius: 50%; width: 30px; height: 30px; position: absolute; top: 0; bottom: 0; left: -15px; z-index: 999; margin: auto; background-image: url(/img/arrow03.png); background-repeat: no-repeat; background-position: center; background-size: 30px 30px; transform: rotate(90deg); }
.slick-next{ background-color: #fff; border-radius: 50%; width: 30px; height: 30px ;position: absolute; top: 0; bottom: 0; right: -15px; z-index: 999; margin: auto; background-image: url(/img/arrow03.png); background-repeat: no-repeat; background-position: center; background-size: 30px 30px; transform: rotate(-90deg); }
.slider{ opacity: 0; transition: opacity .3s linear;}
.slider.slick-initialized{ opacity: 1;}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (max-width:1000px){

}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (max-width:599px){



}

/* ======================================================================================================================= */
/* for IE */
/* ======================================================================================================================= */
@media screen\0 {


}