@charset "UTF-8";
/*reset*/
div#one_maincolumn { width: 100%; margin: 0 auto; }

#content { width: 100%; margin: 0 auto; }

#container { background: white; font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; * -webkit-transform-style: preserve-3d; }

/*parts*/
.btnGrn { background: radial-gradient(ellipse farthest-corner at 50% 0%, #fcff0e, #06a10d); display: block; border-radius: 0; overflow: hidden; transition: all .2s; }
.btnGrn img { position: relative; z-index: 10; }
.btnGrn:hover { opacity: .8; background: radial-gradient(ellipse farthest-corner at 50% 20%, #fcff0e, #06a10d); }

.h2Ttl { text-align: center; font-size: 42px; line-height: 1.5; font-weight: 700; font-family: 'ヒラギノ角ゴ StdN W8','Hiragino Kaku Gothic StdN'; color: #000; }
.h2Ttl sup { vertical-align: super; position: relative; top: -.2em; }
.h2Ttl small { font-size: 12px; font-weight: normal; }
.h2Ttl span { font-size: 38px; }
.h2Ttl img { display: block; margin: 0 auto 10px; }

.lead { text-align: center; color: #333; font-size: 22px; margin-top: 50px; }

.area00 { text-align: center; width: 100%; }
.area00 .mainHero { position: relative; width: 1000px; height: 905px; margin: 0 auto; }
.area00 .mainHero h1 { position: absolute; top: 0; right: -194px; z-index: 10; }
.area00 .mainHero .btn { position: absolute; left: 0; top: 790px; z-index: 11; width: 534px; height: 91px; }
.area00 .mainBand { background: #000; text-align: center; }

.area01 { text-align: center; background: white; padding: 100px 0 20px; width: 1000px; margin: 0 auto; }
.area01 .slider { width: 1000px; margin: 80px auto 20px; }
.area01 .slider .awardsSlider { overflow-x: hidden; overflow-y: hidden; }
.area01 .slider .awardsSlider .slick-list { overflow: visible; }
.area01 .slider .awardsSlider .slick-slide { outline: none; z-index: 9999; text-align: center; height: 310px !important; }
.area01 .slider .awardsSlider .slick-slide p.caption { opacity: 0; text-align: center; font-family: "游明朝","Yu Mincho","游明朝体","YuMincho",serif; line-height: 1.6; font-size: 0; margin-bottom: 15px; }
.area01 .slider .awardsSlider .slick-slide img { transform: scale(0.45); -webkit-transition: all .3s; transition: all .2s; transform-origin: 50% 50%; margin: 40px auto 0; }
.area01 .slider .awardsSlider .slick-slide.slick-current p.caption { opacity: 1; white-space: nowrap; font-size: 17px; }
.area01 .slider .awardsSlider .slick-slide.slick-current p.caption small { font-size: 10px; }
.area01 .slider .awardsSlider .slick-slide.slick-current img { transform: scale(1); margin: 0 auto; }
.area01 .slider .awardsSlider .slick-dots { font-size: 0; margin-top: 40px; }
.area01 .slider .awardsSlider .slick-dots li { cursor: pointer; display: inline-block; width: 60px; height: 3px; background: #ccc; margin-left: 3px; }
.area01 .slider .awardsSlider .slick-dots li button { display: none; }
.area01 .slider .awardsSlider .slick-dots li.slick-active { background: #d12f27; }
.area01 .slider + p { color: #999; font-size: 12px; }

.area02, .area02Taro { background: #000; padding-bottom: 70px; }
.area02 .featureBox1, .area02Taro .featureBox1 { width: 100%; position: relative; height: 602px; margin-bottom: -50px; }
.area02 .featureBox1 > img, .area02Taro .featureBox1 > img { width: 2000px; position: absolute; top: -50px; left: 50%; transform: translate(-50%, 0); }
.area02 .featureBox2, .area02Taro .featureBox2 { width: 950px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.area02 .featureBox2 .box, .area02 .featureBox2 .box2, .area02Taro .featureBox2 .box, .area02Taro .featureBox2 .box2 { width: 450px; margin-top: 50px; }
.area02 .featureBox2 .box h2, .area02 .featureBox2 .box2 h2, .area02Taro .featureBox2 .box h2, .area02Taro .featureBox2 .box2 h2 { margin-bottom: 19px; }
.area02 .featureBox2 .box figure, .area02 .featureBox2 .box2 figure, .area02Taro .featureBox2 .box figure, .area02Taro .featureBox2 .box2 figure { margin: 0 0 0; padding: 0; }
.area02 .featureBox2 .box p, .area02 .featureBox2 .box2 p, .area02Taro .featureBox2 .box p, .area02Taro .featureBox2 .box2 p { color: white; font-size: 18px; line-height: 1.72; padding: 30px 10px 0; font-weight: 100; }
.area02 .featureBox2 .box p sup, .area02 .featureBox2 .box2 p sup, .area02Taro .featureBox2 .box p sup, .area02Taro .featureBox2 .box2 p sup { vertical-align: super; top: -0.4em; }
.area02 .featureBox2 .box p small, .area02 .featureBox2 .box2 p small, .area02Taro .featureBox2 .box p small, .area02Taro .featureBox2 .box2 p small { font-size: 12px; font-weight: normal; color: #bdbbbb; }
.area02 .featureBox2 .box:nth-child(3) p, .area02 .featureBox2 .box2:nth-child(3) p, .area02Taro .featureBox2 .box:nth-child(3) p, .area02Taro .featureBox2 .box2:nth-child(3) p { padding: 10px 10px 0; }
.area02 .featureBox2 .box2, .area02Taro .featureBox2 .box2 { width: 900px; margin-top: 20px; }

.area02Taro { background: #043670; }
.area02Taro .featureBox1 { height: 582px; margin-bottom: -30px; }
.area02Taro .featureBox1 > img { top: -30px; }

.area03 { background: white; text-align: center; width: 950px; margin: 0 auto; padding: 100px 0 50px; }
.area03 .lineupBox { width: 950px; margin: 0 auto; margin-top: 90px; display: flex; justify-content: center; flex-wrap: wrap; }
.area03 .lineupBox .box { width: 285px; position: relative; padding-bottom: 90px; }
.area03 .lineupBox .box figure { margin: 0 0 0; }
.area03 .lineupBox .box h3 { margin: 10px 0 30px; text-align: left; }
.area03 .lineupBox .box p { color: #333; font-size: 14px; line-height: 1.7; }
.area03 .lineupBox .box .buyBtn { position: absolute; left: 0; bottom: 0; display: flex; justify-content: center; align-items: center; border: #000 1px solid; border-radius: 0; text-decoration: none; height: 60px; width: 100%; box-sizing: border-box; background: #000; transition: all .3s; }
.area03 .lineupBox .box .buyBtn span { font-size: 18px; color: white; font-weight: 100; transition: all .2s; }
.area03 .lineupBox .box .buyBtn:after { content: ''; width: 13px; height: 13px; border-right: 1px white solid; border-top: 1px white solid; position: absolute; right: 23px; top: 22px; transform: rotate(45deg); transition: all .2s; }
.area03 .lineupBox .box .buyBtn:hover { background: white; }
.area03 .lineupBox .box .buyBtn:hover span { color: #000; }
.area03 .lineupBox .box .buyBtn:hover:after { border-right: 1px #000 solid; border-top: 1px #000 solid; right: 18px; }
.area03 .lineupBox .box:nth-child(2) { margin: 0 47px; }
.area03 .lineupBox .box:nth-child(4), .area03 .lineupBox .box:nth-child(5) { margin: 70px 23px 0; }
.area03 .lineupBox + p { text-align: right; font-size: 12px; color: #999; margin-top: 70px; }

.area04 { padding: 100px 0 100px; text-align: center; color: white; background: #000 url(/user_data/packages/chapup/lp/top/img/bg_04_01.png) no-repeat 50% 50%; background-size: cover; }
.area04 .h2Ttl { color: white; }
.area04 .warranArea { width: 950px; margin: 60px auto 70px; display: flex; justify-content: space-between; align-items: center; }
.area04 .warranArea div p { color: white; line-height: 2.22; font-size: 16px; }
.area04 .warranArea div p + p { margin-top: 1em; }
.area04 .warranArea div p strong { display: block; line-height: 1.1; font-size: 22px; padding: 5px 10px; display: inline-block; background: white; color: #000; font-weight: normal; }
.area04 .warranArea div p strong + strong { margin-top: 5px; }
.area04 .warranNote { width: 950px; margin: 0 auto; }
.area04 .warranNote p { color: white; font-size: 16px; }

.area0501 { padding: 100px 0 60px; }
.area0501 .meritBox { margin: 80px auto; width: 950px; display: flex; justify-content: center; flex-wrap: wrap; }
.area0501 .meritBox .box { margin: 14px; }
.area0501 .meritBox + figure { text-align: center; margin: 0 0 0 0; }

.area0502 { background: #f7f7f7; width: 100%; padding: 60px 0; }
.area0502 .area0502inner { width: 950px; margin: 0 auto; text-align: center; }
.area0502 .area0502inner .split { display: flex; justify-content: space-between; margin: 0 0 50px; }
.area0502 .area0502inner .split figure { margin: 10px 0 0 0; }
.area0502 .area0502inner .bnr1 { margin-bottom: 60px; }

.area0503 { background: #fff; width: 950px; margin: 0 auto; padding: 10px 0 100px; }

.area06 { padding: 100px 0 100px; text-align: center; background: #000; }
.area06 .h2Ttl { color: white; }
.area06 .area06Inner { width: 950px; margin: 0 auto; }
.area06 .area06Inner .box0, .area06 .area06Inner .box1, .area06 .area06Inner .box2 { position: relative; width: 950px; }
.area06 .area06Inner .box0 .btnGrn, .area06 .area06Inner .box1 .btnGrn, .area06 .area06Inner .box2 .btnGrn { position: absolute; z-index: 11; }
.area06 .area06Inner .box0 figure, .area06 .area06Inner .box1 figure, .area06 .area06Inner .box2 figure { margin: 0 0 0 0; position: absolute; left: 0; top: 0; z-index: 10; }
.area06 .area06Inner .box0 { width: 1092px; height: 587px; margin: 50px 0 40px -71px; }
.area06 .area06Inner .box0 .btn0 { left: 426px; top: 455px; width: 390px; height: 82px; }
.area06 .area06Inner .box1 { height: 415px; margin: 0 0 45px; }
.area06 .area06Inner .box1 .btn1 { left: 355px; top: 283px; width: 390px; height: 82px; }
.area06 .area06Inner .box2 { height: 758px; }
.area06 .area06Inner .box2 .btn2 { left: 45px; top: 619px; width: 390px; height: 82px; }
.area06 .area06Inner .box2 .btn3 { left: 515px; top: 619px; width: 390px; height: 82px; }

.area07 { padding: 90px 0 100px; text-align: center; }
.area07 .area07Inner { width: 950px; margin: 0 auto; text-align: left; }
.area07 .area07Inner > h3 { text-align: left; }
.area07 .area07Inner > h3.h301 { margin: 100px 0 37px; }
.area07 .area07Inner figure { margin: 0 0 0 0; width: 100%; text-align: center; }
.area07 .area07Inner figure.fig01 { margin-bottom: 30px; }
.area07 .area07Inner p { text-align: right; font-size: 14px; }
.area07 .area07Inner p + p { margin: 30px 0 0 18px; text-align: left; font-size: 0; }
.area07 .area07Inner .split3 { margin-top: 15px; display: flex; justify-content: space-between; }

.area08 { padding: 100px 0 100px; text-align: center; background: #000; }
.area08 .h2Ttl { color: white; }
.area08 .area08Inner { width: 950px; margin: 0 auto; }
.area08 .area08Inner .aboutFlexBox { margin-top: 60px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.area08 .area08Inner .aboutFlexBox .box { margin-top: 10px; overflow: hidden; position: relative; width: 470px; height: 200px; background: white; }
.area08 .area08Inner .aboutFlexBox .box.widN { width: 310px; height: 185px; }
.area08 .area08Inner .aboutFlexBox .box img.tex { position: absolute; z-index: 15; left: 0; bottom: 19px; }
.area08 .area08Inner .aboutFlexBox .box img.bg { z-index: 10; left: 0; top: 0; transition: all .2s; }
.area08 .area08Inner .aboutFlexBox .box:hover img.bg { transform: scale(1.2); opacity: .9; }

.area0901 { width: 1000px; margin: 0 auto; padding: 100px 0 90px; background: url(/user_data/packages/chapup/lp/top/img/bg_09_00.png) no-repeat right bottom; }
.area0901 .area09Inner { width: 950px; margin: 90px auto 0; }
.area0901 .area09Inner p.tex1 { width: 629px; font-size: 18px; line-height: 1.66; margin-bottom: 80px; color: #202020; }
.area0901 .area09Inner p.tex2 { color: #444647; font-size: 18px; font-weight: bold; line-height: 1.2; }
.area0901 .area09Inner p.tex2 strong { font-size: 40px; color: #d12f27; display: block; padding-left: 60px; }
.area0901 .area09Inner p.tex2 strong.tel { background: url(/user_data/packages/chapup/lp/top/img/ico_09_01.png) no-repeat 4px 50%; }
.area0901 .area09Inner p.tex2 strong.mail { background: url(/user_data/packages/chapup/lp/top/img/ico_09_02.png) no-repeat 4px 50%; }
.area0901 .area09Inner p.tex2 + p.tex2 { margin-top: 30px; }

.area0902 { width: 1000px; margin: 0 auto; padding: 70px 0; text-align: center; }

.areaNews { width: 1000px; margin: 0 auto; padding: 100px 0 90px; }
.areaNews .areaNewsInner { width: 950px; margin: 90px auto 0; }
.areaNews .areaNewsInner .newsBox { width: 950px; height: 400px; box-sizing: border-box; border: #a0a0a0 1px solid; overflow-y: scroll; padding: 40px 50px; }
.areaNews .areaNewsInner .newsBox article { display: block; width: 100%; color: #202020; }
.areaNews .areaNewsInner .newsBox article + article { margin-top: 30px; padding-top: 30px; border-top: #a0a0a0 1px solid; }
.areaNews .areaNewsInner .newsBox article .newsDate { color: #535353; font-size: 15px; line-height: 1; }
.areaNews .areaNewsInner .newsBox article .newsTtl { width: 100%; margin: 15px 0 15px; display: flex; align-items: center; }
.areaNews .areaNewsInner .newsBox article .newsTtl span { display: block; width: 120px; text-align: center; background: #d2d2d2; color: #202020; font-size: 16px; line-height: 1; margin-right: 8px; padding: 8px 0 7px; }
.areaNews .areaNewsInner .newsBox article .newsTtl p { font-size: 20px; }
.areaNews .areaNewsInner .newsBox article .newsTtl p a { font-size: 20px; text-decoration: none; color: #202020; }
.areaNews .areaNewsInner .newsBox article .newsBody { font-size: 18px; line-height: 1.666; }
.areaNews .areaNewsInner .newsBox article .newsBody a { color: #202020; }