@charset "UTF-8";.head{margin-bottom:50px}.portrait{margin-right:2px;background:url(/files/img/feature/promotion/portrait_stories/img_bg.jpg);padding-bottom:24px;-webkit-border-radius:10px;border-radius:10px}.portrait__sectionHead{position:relative;margin-bottom:24px;padding:10px 0 0 150px}.portrait__section{margin:0 20px 50px;padding:20px;background:#fff}.portrait__section:last-child{margin-bottom:0}.portrait__section__balloon{position:absolute;left:0;top:4px;width:132px;height:118px;padding:38px 0;background:url(/files/img/feature/promotion/portrait_stories/img_balloon.png) center center no-repeat;background-size:132px 118px;color:#fff;font-size:22px;font-weight:700;text-align:center}.portrait__section__balloon--2line{padding:22px 0}.portrait__section__balloon--rotate{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}.portrait__section__title{color:#00a33d;font-size:24px;font-weight:700;white-space:nowrap}.portrait__section__titleLead{margin-top:10px;font-size:12px}.portrait__section__titleImage{position:absolute;top:0;right:-10px}.portrait__section__titleButton{margin-top:16px;width:300px;padding:10px;font-size:16px}.pointList{margin-bottom:20px}.pointList__item{float:left;width:33.3%;height:160px;padding:0 20px;border-right:1px dashed #c8c8c8;border-bottom:1px dashed #c8c8c8}.pointList__item:nth-child(3n){border-right:none}.pointList__item:nth-child(3n+1){padding-left:0}.pointList__item:nth-child(3n+3){padding-right:0}.pointList__item:nth-child(n+4){padding-top:30px;border-bottom:none}.pointList__item__title{margin-bottom:16px;color:#8b5c29;font-size:20px;font-weight:700;text-align:center;line-height:1.4em;white-space:nowrap}.pointList__item__lead{line-height:1.6em}.detailGate{margin-top:40px;font-size:18px}.detailGate:last-child{margin-top:30px;margin-bottom:10px}.detailGate__lead{float:left;padding-top:10px;font-weight:700}.detailGate__button{float:right;width:300px;padding:12px 0 10px;font-size:16px}.detailGate__button--detail{font-size:18px;font-weight:700;color:#fff}.stories{margin-top:40px}.stories__item{float:left;width:50%;height:230px;margin-bottom:-2px;border:2px solid #e4e4e4}.stories__item:nth-child(2n){margin-left:-2px}.stories__item>a{display:block;position:relative;width:100%;height:100%;padding:16px 12px;padding-right:130px;text-decoration:none;color:#000}.stories__item>a--hover,.stories__item>a.hover,.stories__item>a:hover{opacity:.7}.stories__item:first-child .stories__item__number{background-color:#ff4000}.stories__item:nth-child(2) .stories__item__number{background-color:#bf0000}.stories__item:nth-child(3) .stories__item__number{background-color:#ff7f00}.stories__item:nth-child(4) .stories__item__number{background-color:#28b3ff}.stories__item:nth-child(5) .stories__item__number{background-color:#006b33}.stories__item:nth-child(6) .stories__item__number{background-color:#00a33d}.stories__item:nth-child(7) .stories__item__number{background-color:#0060b6}.stories__item:nth-child(8) .stories__item__number{background-color:#ffbf00}.stories__item:nth-child(9) .stories__item__number{background-color:#d59758}.stories__item:nth-child(10) .stories__item__number{background-color:#8f0000}.stories__item:nth-child(11) .stories__item__number{background-color:#d010b1}.stories__item:nth-child(12) .stories__item__number{background-color:#5d10d2}.stories__item__number{display:inline-block;margin-bottom:16px;padding:4px 8px;color:#fff;font-size:18px;font-weight:700;background:grey}.stories__item__title{margin-bottom:8px;color:#8b5c29;font-size:18px;font-weight:700;white-space:nowrap}.stories__item__sub{white-space:nowrap;font-weight:700}.stories__item__lead{margin-top:12px}.stories__item__image{position:absolute;top:0;right:6px;bottom:0;margin:auto}.deviseBoxWrapper{padding-bottom:20px}.deviseBox{float:left;width:50%}.deviseBox:first-child{padding-right:16px}.deviseBox:last-child{padding-left:16px}.deviseBox__image{display:block;margin:10px auto 30px}.deviseBox__button{display:block;width:300px;margin:0 auto;padding:12px;font-size:18px;font-weight:700}.deviseBox__button:last-child{margin-bottom:0}.deviseBox__title{color:#8b5c29}.modalImage{padding:16px;max-width:90vw}@media screen and (max-width:767px){.head img{max-width:100%;height:auto}.portrait__sectionHead{padding-top:80px;padding-left:0}.portrait__section{margin-left:10px;margin-right:10px}.portrait__section__balloon{display:block;top:-26px;left:-26px;-webkit-transform:scale(.7);-moz-transform:scale(.7);transform:scale(.7)}.portrait__section__title{font-size:22px;white-space:normal}.portrait__section__titleLead{margin-bottom:10px}.portrait__section__titleImage{position:static}.portrait__section__titleButton{max-width:100%}.pointList__item{width:100%;height:auto;margin-bottom:16px;padding:0;padding-bottom:16px;border-right:none}.pointList__item:last-child{margin-bottom:0;padding-bottom:0}.pointList__item:nth-child(n+4){padding-top:0;border-bottom:1px dashed #c8c8c8}.pointList__item:nth-child(n+4):last-child{border-bottom:none}.pointList__item__title{white-space:normal;text-align:left;font-size:18px}.detailGate{margin-top:24px;font-size:16px}.detailGate__lead{float:none;padding-top:0;margin-bottom:10px}.detailGate__button{max-width:100%}.stories__item{width:100%;height:auto}.stories__item:nth-child(2n){margin-left:0}.stories__item>a{padding-right:12px}.stories__item__image{position:static;display:block;margin:4px auto 0}.deviseBox{float:none;width:100%}.deviseBox:first-child{padding-right:0;margin-bottom:30px}.deviseBox:last-child{padding-left:0}.deviseBox__image{max-width:100%;height:auto}.deviseBox__button{max-width:100%;font-size:16px}.modalImage img{max-width:100%;height:auto}}
/* Copyright 2019 Graphic Co., Ltd. All Right Reserved. */