.top-img{width:100%;position:relative}.top-img .top-text{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);text-align:center;background:#ffffffb3;padding:30px 50px}.top-img .top-text h1{font-size:55px;margin:0;letter-spacing:5px;font-weight:300}.top-img .top-text p{font-size:12px;letter-spacing:1px;line-height:1.8em}.carouselItem img{height:350px;object-fit:cover;object-position:0 -220px}.content-width{width:1000px;margin:0 auto}h2{font-size:28px;letter-spacing:.2em}h3{letter-spacing:.2em;line-height:1.4em}.title-marker{display:inline-block;color:#fff;line-height:18px;padding:2px 6px 2px 8px;position:relative;background-color:#000;font-weight:400}.title-marker p{color:#fff}.title-marker:after{content:"";position:absolute;top:0;right:-13px;border-top:40px #000 solid;border-right:13px solid rgba(0,0,0,0)}.section_aboutVitalism{margin-top:50px}.section_aboutVitalism .intro{display:flex}.section_aboutVitalism .intro img{width:50%}.section_aboutVitalism .intro .text{margin-left:70px;display:flex;flex-direction:column;justify-content:center}.section_aboutVitalism .intro .text p{letter-spacing:3px;line-height:2}.section_aboutVitalism .namedOrigin-title{text-align:center;color:#000;margin-top:100px}.section_aboutVitalism .pc-img{display:block;border:2px solid #000}.section_aboutVitalism .sp-img{display:none}.section-productFeature{display:flex;justify-content:space-between;align-items:center;margin-top:80px}.section-productFeature .text{width:40%;text-align:center}.section-productFeature .text p{letter-spacing:2px;line-height:2;text-align:justify}.section-productFeature img{width:55%}.section-productFeature__title{font-size:32px;letter-spacing:.2em;color:#000}.features__title{background-color:#000;color:#fff;font-size:23px;padding:12px 0;font-weight:400;letter-spacing:3px;text-align:center}.section-features{margin-top:150px;margin-bottom:100px}.section-features .features-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:80px}.section-features .features-wrapper .feature{width:46%;margin-top:50px}.section-features .features-wrapper .feature:nth-of-type(-n+2){margin-top:0}.section-features .features-wrapper .feature h2{font-size:26px;color:#ddd;border-bottom:1px solid #aaa}.section-features .features-wrapper .feature h2 span{font-size:60px;font-weight:400;letter-spacing:0em;margin-left:10px}.section-features .features-wrapper .feature h3{font-size:18px;font-weight:400}.section-features .features-wrapper .feature .float-right{float:right;width:46%;height:150px;object-fit:contain}.section-features .features-wrapper .slick-prev{top:98%;left:10px}.section-features .features-wrapper .slick-next{top:98%;right:10px}.graph-bg{background-color:#eaeaea;padding:50px 0}.section-radarChart .graph-sp{display:none;padding:0 15px}.devStory-wrapper{background-color:#eee;padding:50px 0 200px}@media all and (min-width:750px)and (max-width:1023px){.devStory-wrapper{padding:0 20px 30px}}.section_devStory h2,.section_devStory h3{text-align:center;font-weight:400}.section_devStory h3{font-size:20px;font-weight:400;line-height:1.6em;letter-spacing:.2em}.section_devStory .story{display:flex;justify-content:space-between;margin-top:50px}.section_devStory .story:nth-child(2n){flex-direction:row-reverse}.section_devStory .story .text{width:50%}.section_devStory .story .text h4{font-family:Loto,Noto Sans JP,sans-serif;font-weight:400;font-size:22px;letter-spacing:.1em;padding-bottom:10px;color:#000;border-bottom:solid 1px #000}.section_devStory .story .text span{display:block;font-size:12px}.section_devStory .story img{width:45%;object-fit:cover}.section-interview{padding:50px 0;margin-top:100px;background-color:#fff;border-radius:10px;box-shadow:1px 1px 15px 8px #dedede}.section-interview h2{text-align:center;color:#333}.section-interview .interview{display:flex;justify-content:space-evenly;align-items:start;margin:50px 0 0}.section-interview .interview:last-child{margin:100px 0 0}.section-interview .interview .text{width:45%}.section-interview .interview .text span{margin-left:8px}.section-interview .interview .text .developer-name{font-size:15px;letter-spacing:1px;line-height:1.8em}.section-interview .interview .text .interview-title{font-size:24px}.section-interview .interview .text .interview-description{font-size:16px;letter-spacing:3px;line-height:1.9rem}.section-interview .interview .text .interview-description ul{padding-bottom:20px}.section-interview .interview .interview-image-wrapper{width:35%;padding-top:80px}.section-interview .faq{padding:50px 50px 0}.section-interview .faq .aC.mb30{text-align:center}.section-interview .faq .ttl-border{display:flex;justify-content:center;align-items:center;position:relative;font-size:32px;margin:0 auto 50px;line-height:1.3;letter-spacing:3px;font-weight:700;text-align:center}.section-interview .faq .ttl-border:before,.section-interview .faq .ttl-border:after{content:"";width:150px;height:2px;background-color:#444}.section-interview .faq .ttl-border:before{margin-right:30px}.section-interview .faq .ttl-border:after{margin-left:30px}.section-interview .faq .qa_list{margin:0 auto 80px}@media screen and (max-width:1024px){.section-interview .faq .qa_list{margin-bottom:50px}}.section-interview .faq .faq-item{width:100%;margin:0 auto 20px}.section-interview .faq .faq-item:last-child{margin-bottom:0}.section-interview .faq .faq-item dl{margin:0}.section-interview .faq .faq_q{display:flex;color:#040404;border:1px solid #ddd;font-size:16px;position:relative;cursor:pointer;line-height:1.4}.section-interview .faq .faq_q span{display:inline-block;width:70px;padding-top:10px;background-color:#171717;color:#fff;font-weight:700;font-size:20px;text-align:center}.section-interview .faq .faq_q p{flex:1;padding:12px 10px 10px 20px;text-align:left;font-weight:700;font-size:18px;line-height:1.5}.section-interview .faq .faq_q:after{content:"";display:block;width:8px;height:8px;border-top:#171717 2px solid;border-right:#171717 2px solid;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:2%;top:0;bottom:15%;margin:auto;transition:.3s}.section-interview .faq .faq_q.open:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:7%;bottom:0}.section-interview .faq .faq_a{font-size:14px;display:none;position:relative;border:1px solid #ddd;border-top:0;margin:0}.section-interview .faq .faq_a_wrap{display:flex}.section-interview .faq .faq_a span{display:inline-block;width:70px;padding-top:10px;background-color:#eee;color:#171717;font-weight:700;font-size:20px;text-align:center}.section-interview .faq .faq_a p{flex:1;padding:12px 10px 10px 20px;text-align:left;font-size:14px;line-height:1.7}@media screen and (max-width:1024px){.section-interview .faq{padding:0}.section-interview .faq .ttl-border{font-size:24px;margin:50px 0 30px}.section-interview .faq .ttl-border:before,.section-interview .faq .ttl-border:after{width:60px}.section-interview .faq .ttl-border:before{margin-right:20px}.section-interview .faq .ttl-border:after{margin-left:20px}.section-interview .faq .faq-item{margin-bottom:16px}.section-interview .faq .faq_q{font-size:14px}.section-interview .faq .faq_q span{width:56px;font-size:18px}.section-interview .faq .faq_q p{padding:10px 20px 8px 15px;font-size:15px}.section-interview .faq .faq_q:after{width:6px;height:6px;right:12px}.section-interview .faq .faq_q.open:after{right:12px}.section-interview .faq .faq_a{font-size:14px}.section-interview .faq .faq_a span{width:56px;font-size:18px}.section-interview .faq .faq_a p{padding-left:15px}}.arrow{display:flex;justify-content:flex-end;position:relative;margin-top:50px;cursor:pointer}.arrow a{padding-right:120px}.arrow a div:nth-child(2){padding-bottom:10px;position:relative}.arrow a div:nth-child(2):after{content:"";display:block;position:absolute;bottom:2px;left:0;width:200px;height:1px;background:#3c4247}.arrow .line{content:"";width:50px;height:1px;background:#3c4247;right:50px;position:absolute;top:23px;transition:all .3s 0s ease}.arrow .triangle{border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);border-left:8px solid #3c4247;position:absolute;right:42px;top:20px;transition:all .3s 0s ease}.arrow:hover .line{width:60px;right:40px}.arrow:hover .triangle{right:32px}@media screen and (max-width:1024px){.content-width{width:100%;padding:20px}.section_aboutVitalism{margin-top:20px}.section_aboutVitalism .pc-img{display:none}.section_aboutVitalism .sp-img{display:block}.section-interview{padding:50px 20px 20px;margin-top:0}}@media screen and (max-width:1023px){.section-features .features-wrapper .feature{margin-top:0}}@media screen and (max-width:749px){.top-img{height:180px}.top-text{padding:20px 30px}.top-text h1{font-size:40px}.carouselItem img{height:180px;object-position:0 0px}.title-marker{top:-15px;margin-bottom:0;padding:8px}.title-marker:after{border-top:50px #000 solid}.section_aboutVitalism .intro h2{font-weight:400}.section_aboutVitalism .intro img{display:none}.section_aboutVitalism .intro .text{width:100%;text-align:center;margin-left:0}.section_aboutVitalism .intro .text br{display:none}.section_aboutVitalism .namedOrigin-title{margin:40px auto 20px}.section-productFeature{flex-wrap:wrap;margin-top:50px;margin-bottom:0;padding:0 50px}.section-productFeature .text{width:100%;text-align:center}.section-productFeature .text br,.section-productFeature img{display:none}.section-productFeature__title{font-size:26px}.features__title{width:80%;margin:0 auto}.section-features{padding:0 0 30px;margin:60px auto 0}.section-features .features-wrapper{margin-top:30px}.section-features .features-wrapper .feature{width:100%;padding:0 50px}.section-radarChart .graph-pc{display:none}.section-radarChart .graph-sp{display:block}.devStory-wrapper{padding:0 20px 50px}.section_devStory{padding:50px 0}.section_devStory h3 br{display:none}.section_devStory .story{flex-wrap:wrap;margin:30px 0}.section_devStory .story .text{width:100%;order:2;padding-top:30px}.section_devStory .story img{order:1;width:100%}.section-interview .interview{flex-wrap:wrap;margin:0}.section-interview .interview:last-child{margin-top:50px}.section-interview .interview .text{width:100%;order:2}.section-interview .interview .text .developer-name{text-align:right}.section-interview .interview .text .interview-title br{display:none}.section-interview .interview .text .interview-description{margin-bottom:15px}.section-interview .interview .interview-image-wrapper{width:80%;order:1;padding-top:0}.arrow{margin:20px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/about.css.map */