#page-parts .feature{bottom:0;width:100%;overflow:hidden;text-align:center;color:#222}#page-parts .feature li{display:inline-block;position:relative;width:100%;padding-top:49%;box-sizing:border-box}@media screen and (min-width: 500px) and (max-width: 919px){#page-parts .feature li{padding-top:50%;width:calc( 100% / 3 )}}@media print, screen and (min-width: 920px){#page-parts .feature li{padding-top:calc( 100% / 3 );width:24%}}#page-parts .feature li+li{margin-left:calc( -5% - 5px )}#page-parts .feature li div{display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:55%;height:100%;background:url(../../img/top-feature.png) no-repeat center top;background-size:100%;padding:0 5%;box-sizing:border-box;text-align:center;font-size:4vw;font-weight:600;letter-spacing:normal}@media screen and (min-width: 500px) and (max-width: 919px){#page-parts .feature li div{width:100%;height:calc( 100% / 3 * 2 - 8%);font-size:2.5vw}}@media print, screen and (min-width: 920px){#page-parts .feature li div{width:100%;height:calc( 100% / 3 * 2 - 3%);font-size:calc(1.6rem + 0.3vw)}}#page-parts .feature li div p{display:inline-block;position:relative;vertical-align:middle;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0 25px;color:#002339}.body-ja #page-parts .feature li div p,#page-parts .body-ja .feature li div p{top:54%}.body-en #page-parts .feature li div p,#page-parts .body-en .feature li div p{line-height:1.3}@media print, screen and (min-width: 768px){#page-parts .feature li div p span.nobr{display:inline}}@media screen and (max-width: 500px){#page-parts .feature li+li{margin-top:-26%;margin-left:0}#page-parts .feature li:nth-child(odd) div{right:auto}#page-parts .feature li:nth-child(even) div{left:auto}}@media screen and (min-width: 500px) and (max-width: 919px){#page-parts .feature li:nth-last-of-type(-n+2){margin-left:0;margin-top:-20%}#page-parts .feature li:nth-last-child(-n+2){width:45%}#page-parts .feature li:nth-last-child(-n+2) div{width:75%}#page-parts .feature li:nth-child(2) div{margin-top:50%}#page-parts .feature li:nth-child(4) div{right:auto}#page-parts .feature li:nth-child(5) div{left:auto}}@media print, screen and (min-width: 920px){#page-parts .feature li:nth-child(even) div{top:auto;bottom:0}}#page-parts .product_btn a{display:inline-block;position:relative;padding:10px 70px 10px 10px;box-sizing:border-box;background:#05468B;border:solid 1px #05468B;text-align:left;white-space:nowrap;font-size:1.4rem;color:#FFF}#page-parts .product_btn a:hover{background:#FFF;color:#05468B}#page-parts .product_btn .arrow{position:absolute;top:0;bottom:0;right:10px;margin:auto;background:#FFF;width:14px;height:14px;border-radius:50%}#page-parts .product_btn .arrow:before{display:block;margin:4px 5px 0 auto;content:"";width:5px;height:5px;border-top:solid 1px #05468B;border-right:solid 1px #05468B;transform:rotate(45deg)}@media print, screen and (min-width: 768px){#page-parts #mainImg:after{width:70%;background:linear-gradient(90deg, rgba(255,255,255,0.8), rgba(255,255,255,0))}}#page-parts #mainImg .inner{position:relative}#page-parts #contentWrap{margin-top:0}#page-parts .feature{margin-top:-30px;counter-reset:number 0;overflow:hidden}#page-parts .feature li div{font-size:3.2vw}@media screen and (min-width: 500px) and (max-width: 919px){#page-parts .feature li div{font-size:2vw}}@media print, screen and (min-width: 920px){#page-parts .feature li div{padding-top:10%;font-size:calc(1.4rem + 0.3vw)}#page-parts .feature li div:before,#page-parts .feature li div:after{display:block;position:absolute;top:30px;right:0;bottom:0;left:0;margin:auto;content:"";color:#30A979}#page-parts .feature li div:before{top:7%;content:"特徴";font-size:1.4rem}.body-en #page-parts .feature li div:before{content:"Feature"}#page-parts .feature li div:after{top:15%;counter-increment:number 1;content:counter(number) "";font-size:4.0rem;font-weight:700;line-height:1;font-family:"Noto Serif JP","游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif}}#page-parts h3{font-size:calc( 1.6rem + 0.8vw );margin-bottom:20px}#page-parts .product_btn{margin:30px 0 0}@media print, screen and (min-width: 768px){#page-parts .product_btn a{font-size:2.4rem}}#page-parts #result{margin-top:50px}#page-parts #result section{display:table;width:100%}#page-parts #result section+section{margin-top:50px}#page-parts #result .tag{display:table-cell;width:10%;padding:0 2%;background:linear-gradient(-5deg, #099850 50%, #088043 50%);text-align:center;vertical-align:middle;font-size:calc( 1.8rem + 0.5vw );line-height:1;color:#FFF}@media print, screen and (min-width: 768px){#page-parts #result .tag{width:25%;font-size:3.6rem;font-weight:bold}}#page-parts #result .tag:before{display:block;content:"CASE";font-size:1.2rem}@media print, screen and (min-width: 768px){#page-parts #result .tag:before{font-size:1.7rem;margin-bottom:5px}}#page-parts #result .txtBox{display:table;padding-left:2%}#page-parts #result .txtBox h3.ttl{margin-bottom:10px;font-size:calc( 1.6rem + 0.5vw );font-weight:600}#page-parts #product{margin-top:80px}#page-parts #product h3.ttl{font-weight:bold}#page-parts #product li{display:inline-block;margin-left:-5px;width:50%;box-sizing:border-box;padding:1%}@media print, screen and (min-width: 768px){#page-parts #product li{width:25%}}#page-parts .sectionWrap{margin-top:80px;background:url(../img/bg-geometric.png) no-repeat center;background-size:cover;padding:80px 0}@media print, screen and (min-width: 768px){#page-parts .sectionWrap{background-attachment:fixed}}#page-parts #flow h3.ttl{color:#FFF}#page-parts #flow .wrap{margin-top:30px;overflow:hidden}#page-parts #flow section{display:block;margin:5px;background:#FFF;vertical-align:top}@media print, screen and (min-width: 768px){#page-parts #flow section{float:left;width:calc( 50% - 10px)}}@media print, screen and (min-width: 1000px){#page-parts #flow section{width:calc( 25% - 10px )}}#page-parts #flow .ttlBox{display:table;background:#30A979;padding:0 4%;width:100%;box-sizing:border-box;color:#FFF;vertical-align:middle}#page-parts #flow .ttlBox .tag{display:table-cell;width:40px;padding:10px 0;text-align:center;line-height:1;vertical-align:middle;font-family:"Noto Serif JP","游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;font-size:2.0rem}#page-parts #flow .ttlBox .tag:before{display:block;content:"STEP";font-size:1.0rem}#page-parts #flow .ttlBox .ttl{display:table-cell;padding:10px 2%;font-size:1.8rem;font-weight:500;line-height:1.3}#page-parts #flow .txtBox{padding:10px 4%}#page-parts #faq{margin-top:80px}#page-parts #faq h3.ttl{color:#FFF}#page-parts #faq section{background:#FFF;margin-top:30px}#page-parts #faq .ttlBox{display:table;width:100%;font-size:calc( 1.4rem + 0.25vw )}#page-parts #faq .ttlBox:before{display:table-cell;padding:5px 2%;width:30px;content:"Q";background:#30A979;text-align:center;font-size:calc( 1.4rem + 1vw );color:#FFF}@media print, screen and (min-width: 768px){#page-parts #faq .ttlBox:before{width:80px}}#page-parts #faq h4.ttl{display:table-cell;padding:0 2%}#page-parts #faq .txtBox{padding:10px 2% 10px calc( 30px + 2% )}@media print, screen and (min-width: 768px){#page-parts #faq .txtBox{padding-left:calc( 80px + 2% )}}
/*# sourceMappingURL=parts.css.map */