@charset "UTF-8";
body { overflow: hidden; min-width: 1240px; height: auto; }
/*============================
ClearFix
============================*/
#feature_05 { margin-top: 125px; }
#feature_05 .clearFix::after { clear: both; display: block; content: ""; height: 0; line-height: 0; }
#feature_05 .md_container { max-width: 1240px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; }
#feature_05 .md_title { font-size: 1.7em; }
#feature_05 .md_br_pc { display: block; }
#feature_05 .md_br_sp { display: none; }
#feature_05 ul { padding: 0; }
#feature_05 li { list-style: none; padding: 0; }
#feature_05 img { vertical-align: top; }
#feature_05 a { text-decoration: none; }
#feature_05 table { border-collapse: collapse; }

/*============================
header
============================*/
#feature_05 header.header { background: #fff; }
#feature_05 header.header.headerHidden {}
#feature_05 header.headerF04 {}
#feature_05 header.headerF04 .header__inner {}
#feature_05 header.headerF04 .header__inner .header__top {}
#feature_05 header.headerF04 .header__inner .header__top .header__top--mark {}
#feature_05 header.headerF04 .header__inner .header__top .header__top--mark .header__top--tpoint {}
#feature_05 header.headerF04 .header__inner .header__top .header__top--mark .header__top--tpoint img {}
#feature_05 header.headerF04 .header__inner .header__top .header__top--mark p.header__top--logo {}
#feature_05 header.headerF04 .header__inner .header__top .header__top--mark p.header__top--logo a {}
#feature_05 header.headerF04 .header__inner .header__top .header__top--mark p.header__top--logo a img {}

/*============================
#contents
============================*/
#feature_05 #contents { margin: 0; }
#feature_05 #contents .mainZone { position: relative; margin: 0 auto; max-width: 1840px; width: 100%; height: 760px; }
#feature_05 #contents .mainZone picture { display: block; width: 1840px; height: 760px; }
#feature_05 #contents .mainZone picture source {}
#feature_05 #contents .mainZone picture img { width: 100%; height: auto; }
#feature_05 #contents .mainZone h1 { position: absolute; display: inline-block; top: 0; left: 50%; transform: translateX(-50%); width: 1240px; height: 760px; margin: auto 0; }
#feature_05 #contents .mainZone h1 .catch { position: absolute; right: 0; top: 100px; writing-mode: vertical-rl; color: #fff; font-size: 1.875em; z-index: 1; font-weight: bold; letter-spacing: 0.1em; line-height: 1.5; }
#feature_05 #contents .mainZone h1 .title { position: absolute; bottom: 100px; color: #fff; font-size: 2.75em; font-weight: bold; letter-spacing: 0.1em; line-height: 1.5; }
#feature_05 #contents .sns {}
#feature_05 #contents .sns .sns__inner {}
#feature_05 #contents .sns .sns__inner ul.sns__inner--list {}
#feature_05 #contents .sns .sns__inner ul.sns__inner--list li.sns__inner--tweet {}
#feature_05 #contents .sns .sns__inner ul.sns__inner--list li.sns__inner--tweet a {}
#feature_05 #contents .sns .sns__inner ul.sns__inner--list li.sns__inner--share {}
#feature_05 #contents .sns .sns__inner ul.sns__inner--list li.sns__inner--share a {}
#feature_05 #contents .introZone { margin-top: 90px; }
#feature_05 #contents .introZone .image { float: left; margin-left: -300px; width: 775px; height: 730px; }
#feature_05 #contents .introZone .image img { width: 100%; height: auto; }
#feature_05 #contents .introZone .content { float: left; margin: 80px 0 0 60px; width: 665px; }
#feature_05 #contents .introZone .content .intro { font-size: 1.5em; line-height: 1.5; letter-spacing: 0.1em; font-weight: bold; }
#feature_05 #contents .introZone .content .text { margin-top: 35px; font-size: 1.125em; letter-spacing: 0.1em; line-height: 1.5; }
#feature_05 #contents .introZone .content .button { margin-top: 90px; }
#feature_05 #contents .introZone .content .button a { position: relative; padding: 24px 125px 22px 70px; font-weight: bold; border-radius: 8px; border: 1px solid #434343; transition: 0.8s; }
#feature_05 #contents .introZone .content .button a:before { content: ''; position: absolute; background-image: url("../img/icn_blk.svg"); width: 20px; height: 15px; right: 40px; top: 25px; background-size: contain; background-repeat: no-repeat; }
#feature_05 #contents .introZone .content .button a:hover { opacity: 0.7; }
#feature_05 #contents .ttlItvZone { position: relative; margin-top: 130px; padding-bottom: 120px; background-color: #f5f5f5; }
#feature_05 #contents .ttlItvZone .areaName { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 770px; height: 108px; }
#feature_05 #contents .ttlItvZone .areaName img { width: 100%; height: auto; }
#feature_05 #contents .ttlItvZone .stories001 { display: inline-block; margin-top: 190px; }
#feature_05 #contents .ttlItvZone .stories001 .image { float: left; width: 450px; height: 600px; }
#feature_05 #contents .ttlItvZone .stories001 .image img { width: 100%; height: auto; border-radius: 15px; }
#feature_05 #contents .ttlItvZone .stories001 .content { float: right; width: 690px; margin: 60px 0 0 60px; }
#feature_05 #contents .ttlItvZone .stories001 .content .type { font-size: 2em; font-weight: bold; }
#feature_05 #contents .ttlItvZone .stories001 .content .note { margin-top: 50px; font-size: 0.875em; }
#feature_05 #contents .ttlItvZone .stories001 .content .name { margin-top: 10px; font-size: 1.875em; font-weight: bold; }
#feature_05 #contents .ttlItvZone .stories001 .content .title { margin-top: 15px; font-size: 1.125em; font-weight: bold; }
#feature_05 #contents .ttlItvZone .stories001 .content .button { margin-top: 40px; }
#feature_05 #contents .ttlItvZone .stories001 .content .button a { display: inline-block; padding: 20px 110px 18px; border: 1px solid #434343; font-weight: bold; font-size: 1.125em; transition: 0.8s; }
#feature_05 #contents .ttlItvZone .stories001 .content .button a:hover { opacity: 0.7; }
#feature_05 #contents .ttlItvZone .stories002 { margin-top: 80px; }
#feature_05 #contents .ttlItvZone .stories002 .content { float: left; margin: 60px 0 0 140px; }
#feature_05 #contents .ttlItvZone .stories002 .content .logo { width: 151px; height: 58px; }
#feature_05 #contents .ttlItvZone .stories002 .content .logo img { mix-blend-mode: multiply; width: 100%; height: auto; }
#feature_05 #contents .ttlItvZone .stories002 .content .type { margin-top: 30px; font-size: 2em; font-weight: bold; line-height: 1.35; letter-spacing: 0.05em; }
#feature_05 #contents .ttlItvZone .stories002 .content .note { margin-top: 45px; font-size: 0.875em; }
#feature_05 #contents .ttlItvZone .stories002 .content .name { margin-top: 10px; font-size: 1.875em; font-weight: bold; }
#feature_05 #contents .ttlItvZone .stories002 .content .title { margin-top: 10px; font-size: 1.125em; font-weight: bold; }
#feature_05 #contents .ttlItvZone .stories002 .content .button { margin-top: 40px; }
#feature_05 #contents .ttlItvZone .stories002 .content .button a { display: inline-block; padding: 20px 110px 18px; border: 1px solid #434343; font-weight: bold; font-size: 1.125em; transition: 0.8s; }
#feature_05 #contents .ttlItvZone .stories002 .content .button a:hover { opacity: 0.7; }
#feature_05 #contents .ttlItvZone .stories002 .image { float: right; width: 450px; height: 600px; }
#feature_05 #contents .ttlItvZone .stories002 .image img { width: 100%; height: auto; border-radius: 15px; }
#feature_05 #contents .renovZone { margin-top: 120px; padding-bottom: 95px; }
#feature_05 #contents .renovZone .image { float: left; width: 390px; }
#feature_05 #contents .renovZone .image .swiper-main { width: 390px; }
#feature_05 #contents .renovZone .image .swiper-main ul.swiper-wrapper {}
#feature_05 #contents .renovZone .image .swiper-main ul.swiper-wrapper li {}
#feature_05 #contents .renovZone .image .swiper-main ul.swiper-wrapper li img { width: 100%; height: auto; }
#feature_05 #contents .renovZone .image .swiper-thumb { width: 390px; margin-top: 10px; }
#feature_05 #contents .renovZone .image .swiper-thumb .swiper-slide { opacity: .5; transition: opacity .5s; width: 124px!important; height: 80px; }
#feature_05 #contents .renovZone .image .swiper-thumb .swiper-slide-thumb-active { position: relative; overflow: hidden; opacity: 1; height: 80px; }
#feature_05 #contents .renovZone .image .swiper-thumb .swiper-slide-thumb-active:before { content: ''; position: absolute; display: block; border: 2px solid #fb879a; width: 120px; height: 76px; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#feature_05 #contents .renovZone .image .swiper-thumb ul { display: flex; justify-content: space-between; }
#feature_05 #contents .renovZone .image .swiper-thumb ul li { width: 124px; height: 80px; margin-right: 8px; }
#feature_05 #contents .renovZone .image .swiper-thumb ul li:last-child { margin-right: 0; }
#feature_05 #contents .renovZone .image .swiper-thumb ul li img { width: 100%; height: auto; }
#feature_05 #contents .renovZone .content { float: left; margin: 25px 0 0 60px; width: 750px; }
#feature_05 #contents .renovZone .content .name { position: relative; font-size: 2em; }
#feature_05 #contents .renovZone .content .name:before { content: ''; position: absolute; width: 300px; height: 1px; border-bottom: 1px solid #434343; bottom: 0; }
#feature_05 #contents .renovZone .content .catch { margin-top: 30px; font-size: 1.25em; }
#feature_05 #contents .renovZone .content .text { margin-top: 15px; }
#feature_05 #contents .renovZone .content .button { margin-top: 20px; }
#feature_05 #contents .renovZone .content .button a { position: relative; display: inline-block; padding: 13px 140px 11px; border-radius: 6px; border: 1px solid #434343; font-weight: bold; transition: 0.8s; }
#feature_05 #contents .renovZone .content .button a:before { content: ''; position: absolute; background-image: url("../img/icn_blk.svg"); width: 18px; height: 13px; right: 25px; top: 18px; background-size: contain; background-repeat: no-repeat; }
#feature_05 #contents .renovZone .content .button a:hover { opacity: 0.7; }


 @media screen and (max-width: 1400px) {
	 #contents { opacity: inherit; } 
}


@media screen and (max-width:769px){
body { min-width: 100%; }
/*============================
ClearFix
============================*/
#feature_05 { margin-top: 73px; }
#feature_05 .clearFix::after {}
#feature_05 .md_container { max-width: 100%; }
#feature_05 .md_title {}
#feature_05 .md_br_pc { display: none; }
#feature_05 .md_br_sp { display: block; }
#feature_05 ul {}
#feature_05 li {}
#feature_05 img {}
#feature_05 a {}
#feature_05 table {}

/*============================
header
============================*/
#feature_05 header.header {}
#feature_05 header.header.headerHidden {}
#feature_05 header.headerF04 {}
#feature_05 header.headerF04 .header__inner {}
#feature_05 header.headerF04 .header__inner .header__top {}
#feature_05 header.headerF04 .header__inner .header__top .header__top--mark {}
#feature_05 header.headerF04 .header__inner .header__top .header__top--mark .header__top--tpoint {}
#feature_05 header.headerF04 .header__inner .header__top .header__top--mark .header__top--tpoint img {}
#feature_05 header.headerF04 .header__inner .header__top .header__top--mark p.header__top--logo {}
#feature_05 header.headerF04 .header__inner .header__top .header__top--mark p.header__top--logo a {}
#feature_05 header.headerF04 .header__inner .header__top .header__top--mark p.header__top--logo a img {}

/*============================
#contents
============================*/
#feature_05 #contents {}
#feature_05 #contents .mainZone { max-width: 100%; height: 100%; }
#feature_05 #contents .mainZone picture { width: 100%; height: 100%; }
#feature_05 #contents .mainZone picture source { display: block; }
#feature_05 #contents .mainZone picture img { width: 100%; height: auto; }
#feature_05 #contents .mainZone h1 { width: 100%; height: 100%; }
#feature_05 #contents .mainZone h1 .catch { font-size: 1.25em; top: 20px; right: 20px; }
#feature_05 #contents .mainZone h1 .title { font-size: 1.35em; bottom: 20px; left: 20px; }
#feature_05 #contents .sns {}
#feature_05 #contents .sns .sns__inner {}
#feature_05 #contents .sns .sns__inner ul.sns__inner--list {}
#feature_05 #contents .sns .sns__inner ul.sns__inner--list li.sns__inner--tweet {}
#feature_05 #contents .sns .sns__inner ul.sns__inner--list li.sns__inner--tweet a {}
#feature_05 #contents .sns .sns__inner ul.sns__inner--list li.sns__inner--share {}
#feature_05 #contents .sns .sns__inner ul.sns__inner--list li.sns__inner--share a {}
#feature_05 #contents .introZone { margin-top: 60px; }
#feature_05 #contents .introZone .image { float: none; overflow: hidden; margin-left: -20px; width: 100%; height: 350px; }
#feature_05 #contents .introZone .image img {}
#feature_05 #contents .introZone .content { float: none; margin: 20px 0 0; width: 100%; }
#feature_05 #contents .introZone .content .intro { font-size: 1.125em; }
#feature_05 #contents .introZone .content .text { margin-top: 15px; font-size: 1em; }
#feature_05 #contents .introZone .content .button { margin-top: 40px; }
#feature_05 #contents .introZone .content .button a { padding: 10px 35px 8px 10px; border-radius: 6px; font-size: 0.875em; }
#feature_05 #contents .introZone .content .button a:before { width: 13px; height: 11px; right: 12px; top: 12px; }
#feature_05 #contents .introZone .content .button a:hover {}
#feature_05 #contents .ttlItvZone { margin-top: 80px; padding-bottom: 60px; }
#feature_05 #contents .ttlItvZone .areaName { width: 90%; }
#feature_05 #contents .ttlItvZone .areaName img {}
#feature_05 #contents .ttlItvZone .stories001 { margin-top: 100px; }
#feature_05 #contents .ttlItvZone .stories001 .image { float: none; width: 100%; height: 300px; overflow: hidden; border-radius: 8px; }
#feature_05 #contents .ttlItvZone .stories001 .image img { border-radius: 8px; }
#feature_05 #contents .ttlItvZone .stories001 .content { float: none; width: 100%; margin: 10px 0 0 0; }
#feature_05 #contents .ttlItvZone .stories001 .content .type { font-size: 1.125em; }
#feature_05 #contents .ttlItvZone .stories001 .content .note { margin-top: 20px; font-size: 0.875em; }
#feature_05 #contents .ttlItvZone .stories001 .content .name { margin-top: 0; font-size: 1.125em; }
#feature_05 #contents .ttlItvZone .stories001 .content .title { margin-top: 10px; font-size: 0.875em; }
#feature_05 #contents .ttlItvZone .stories001 .content .button { margin-top: 20px; }
#feature_05 #contents .ttlItvZone .stories001 .content .button a { padding: 12px 110px 10px; font-size: 1em; }
#feature_05 #contents .ttlItvZone .stories001 .content .button a:hover {}
#feature_05 #contents .ttlItvZone .stories002 { position: relative; margin-top: 60px; }
#feature_05 #contents .ttlItvZone .stories002 .content { float: none; margin: 10px 0 0 0; padding-top: 310px; }
#feature_05 #contents .ttlItvZone .stories002 .content .logo { width: 80px; height: auto; }
#feature_05 #contents .ttlItvZone .stories002 .content .logo img {}
#feature_05 #contents .ttlItvZone .stories002 .content .type { font-size: 1.125em; }
#feature_05 #contents .ttlItvZone .stories002 .content .note { margin-top: 20px; }
#feature_05 #contents .ttlItvZone .stories002 .content .name { margin-top: 0; font-size: 1.125em; }
#feature_05 #contents .ttlItvZone .stories002 .content .title { margin-top: 10px; font-size: 0.875em; }
#feature_05 #contents .ttlItvZone .stories002 .content .button { margin-top: 20px; }
#feature_05 #contents .ttlItvZone .stories002 .content .button a { padding: 12px 110px 10px; font-size: 1em; }
#feature_05 #contents .ttlItvZone .stories002 .content .button a:hover {}
#feature_05 #contents .ttlItvZone .stories002 .image { position: absolute; top: 0; float: none; width: 100%; height: 300px; overflow: hidden; border-radius: 8px; }
#feature_05 #contents .ttlItvZone .stories002 .image img { border-radius: 8px; }
#feature_05 #contents .renovZone { margin-top: 60px; padding-bottom: 60px; }
#feature_05 #contents .renovZone .image { float: none; width: 100%; }
#feature_05 #contents .renovZone .image .swiper-main { width: 100%; }
#feature_05 #contents .renovZone .image .swiper-main ul.swiper-wrapper {}
#feature_05 #contents .renovZone .image .swiper-main ul.swiper-wrapper li {}
#feature_05 #contents .renovZone .image .swiper-main ul.swiper-wrapper li img {}
#feature_05 #contents .renovZone .image .swiper-thumb { width: 100%; margin-top: 10px; }
#feature_05 #contents .renovZone .image .swiper-thumb .swiper-slide { width: 32%!important; height: 70px; }
#feature_05 #contents .renovZone .image .swiper-thumb .swiper-slide-thumb-active {}
#feature_05 #contents .renovZone .image .swiper-thumb .swiper-slide-thumb-active:before { width: 97%; height: 66px; }
#feature_05 #contents .renovZone .image .swiper-thumb ul {}
#feature_05 #contents .renovZone .image .swiper-thumb ul li { width: 32%; margin-right: 2%; }
#feature_05 #contents .renovZone .image .swiper-thumb ul li:last-child { margin-right: 0; }
#feature_05 #contents .renovZone .image .swiper-thumb ul li img {}
#feature_05 #contents .renovZone .content { float: none; margin: 20px 0 0 0; width: 100%; }
#feature_05 #contents .renovZone .content .name { font-size: 1.25em; }
#feature_05 #contents .renovZone .content .name:before { width: 100%; }
#feature_05 #contents .renovZone .content .catch { margin-top: 20px; font-size: 0.875em; }
#feature_05 #contents .renovZone .content .text { margin-top: 10px; }
#feature_05 #contents .renovZone .content .button { margin-top: 15px; }
#feature_05 #contents .renovZone .content .button a { padding: 10px 90px 8px; }
#feature_05 #contents .renovZone .content .button a:before { width: 14px; height: 10px; right: 28px; top: 16px; }
#feature_05 #contents .renovZone .content .button a:hover {}

	
	
	
}