@import"https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@500&display=swap";.c-about-section{--font-zen: "Zen Old Mincho", "YuMincho", "Yu Mincho", serif;--font-yugothic: "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;--color-white: #ffffff;--color-gray-light: #ededed;--color-gray-dark: #4d4d4d;--container-max-width: 1260px;--section-padding-pc: 80px 0;--section-padding-sp: 40px 15px}.c-about-section{position:relative;width:100%;color:var(--color-white);overflow:hidden}.c-about-section__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.c-about-section__bg img{width:100%;height:100%;object-fit:cover;object-position:center}.c-about-section__inner{position:relative;z-index:1}.c-about-section__container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.c-about-area{padding:80px 0}.c-about-area__row{display:flex;align-items:flex-start;gap:40px}.c-about-area__text{flex:0 0 auto;max-width:520px;display:flex;flex-direction:column;padding-top:0;padding-left:5%}.c-about-area__title{font-family:var(--font-zen);font-size:24px;font-weight:500;color:var(--color-white);margin:0 0 48px;line-height:1}.c-about-area__content-wrapper{display:flex;align-items:flex-start;gap:85px}.c-about-area__subtitle{font-family:var(--font-zen);font-size:16px;font-weight:500;color:var(--color-white);writing-mode:vertical-rl;text-orientation:mixed;line-height:1.2;margin:0;letter-spacing:.05em;flex-shrink:0}.c-about-area__body{font-family:var(--font-zen);font-size:14px;font-weight:500;color:var(--color-white);line-height:2;flex:1}.c-about-area__body p{margin:0}.c-about-area__body p:last-child{margin-bottom:0}.c-about-area__text .c-read-more{margin-top:50px}.c-about-area__image{flex:0 0 auto;width:42%;max-width:527px;position:relative;margin-left:auto;margin-right:-3%;margin-top:83px}.c-about-area__image-wrap{position:relative;border-radius:2px;overflow:visible}.c-about-area__image-wrap img{width:100%;height:auto;display:block;border-radius:2px}.c-about-area__message{position:absolute;top:35%;left:-30%;transform:translateY(-50%);display:flex;align-items:center;z-index:2}.c-about-area__message-bg{background-color:#ededed4d;padding:7px 16px}.c-about-area__message-text{font-family:var(--font-yugothic);font-size:20px;font-weight:500;color:var(--color-white);white-space:nowrap;margin:0}.c-features-area{padding:47px 0 80px}.c-features-area__row{display:flex;align-items:flex-start;gap:0;position:relative}.c-features-area__image{flex:0 0 42.5%;max-width:42.5%;position:relative;margin-left:-3%}.c-features-area__image-wrap{position:relative;border-radius:2px;overflow:visible}.c-features-area__image-wrap img{width:100%;height:auto;display:block;border-radius:2px}.c-features-area__message{position:absolute;top:12%;left:80%;transform:translateY(0);display:flex;align-items:center;z-index:2}.c-features-area__message-bg{background-color:#dcdcdc4d;padding:7px 12px;font-family:var(--font-yugothic);font-size:20px;font-weight:500;color:var(--color-white);white-space:nowrap}.c-features-area__message-text{font-family:var(--font-yugothic);font-size:20px;font-weight:500;color:var(--color-white);white-space:nowrap;margin:0}.c-features-area__text{flex:0 0 auto;max-width:400px;margin-left:auto;margin-right:5%;display:flex;flex-direction:column;padding-top:108px}.c-features-area__title{font-family:var(--font-zen);font-size:24px;font-weight:500;color:var(--color-white);margin:0 0 45px;line-height:1}.c-features-area__content-wrapper{display:flex;align-items:flex-start;gap:90px}.c-features-area__subtitle{font-family:var(--font-zen);font-size:16px;font-weight:500;color:var(--color-white);writing-mode:vertical-rl;text-orientation:mixed;line-height:1.2;margin:0;letter-spacing:.05em;flex-shrink:0}.c-features-area__body{font-family:var(--font-zen);font-size:14px;font-weight:500;color:var(--color-white);line-height:2;text-shadow:4px 4px 4px rgba(0,0,0,.5);flex:1}.c-features-area__body p{margin:0 0 1em}.c-features-area__body p:last-child{margin-bottom:0}.c-features-area__text .c-read-more{margin-top:80px;margin-left:auto}.c-story-area{padding:80px 0 100px}.c-story-area__divider{width:100%;max-width:1080px;height:1px;background-color:var(--color-white);margin:0 auto 60px}.c-story-area__header{text-align:center;margin-bottom:40px}.c-story-area__title{font-family:var(--font-zen);font-size:24px;font-weight:500;color:var(--color-white);margin:0 0 8px;line-height:1}.c-story-area__subtitle{font-family:var(--font-zen);font-size:16px;font-weight:500;color:var(--color-white);margin:0;line-height:1}.c-story-area__intro{font-family:var(--font-zen);font-size:14px;font-weight:500;color:var(--color-white);line-height:1.8;text-align:left;max-width:960px;margin:0 auto 60px}.c-story-area__intro p{margin:0 0 .5em}.c-story-area__intro p:last-child{margin-bottom:0}.c-story-area__products{display:flex;justify-content:center;gap:82px;margin-bottom:60px}.c-product-card{position:relative;width:305px}.c-product-card__image-wrap{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:305 / 300}.c-product-card__image-wrap img{width:100%;height:100%;object-fit:cover;border-radius:4px}.c-product-card__label{position:absolute;bottom:20px;left:0;background-color:var(--color-white);padding:6px 24px;border-radius:0 2px 2px 0;z-index:2}.c-product-card__label-text{font-family:var(--font-zen);font-size:16px;font-weight:500;color:var(--color-gray-dark);margin:0;line-height:1.4}.c-product-card__link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.c-story-area__link{display:flex;justify-content:center}.c-read-more{display:inline-flex;flex-direction:column;align-items:flex-start;text-decoration:none;position:relative;width:195px}.c-read-more__line-top{width:100%;height:1px;background-color:var(--color-white);margin-bottom:3px}.c-read-more__content{display:flex;align-items:center;gap:8px}.c-read-more__text{font-family:var(--font-zen);font-size:13px;font-weight:500;color:var(--color-white);margin:0;line-height:1}.c-read-more__arrow{width:43px;height:8px;position:relative;margin-left:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0}.c-read-more__arrow svg{width:100%;height:100%;display:block}.c-read-more__arrow svg path,.c-read-more__arrow svg line{stroke:var(--color-white);stroke-width:1;fill:none}.c-read-more__line-bottom{width:100%;height:1px;background-color:var(--color-white);margin-top:3px}.c-read-more:hover{opacity:.7;transition:opacity .3s ease}@media(max-width:1024px){.c-about-area__row{gap:30px}.c-about-area__text{padding-left:3%}.c-about-area__content-wrapper{gap:40px}.c-about-area__image{width:45%}.c-about-area__message{left:-20%}.c-features-area__row{gap:0}.c-features-area__content-wrapper{gap:40px}.c-features-area__text{max-width:350px;margin-right:2%;padding-top:80px}.c-features-area__message{left:70%}.c-story-area__products{gap:40px}.c-product-card{width:280px}}@media(max-width:768px){.c-about-section__container{padding:0 15px}.c-about-area{padding:80px 0 40px}.c-about-area__row{flex-direction:column;gap:50px}.c-about-area__text{flex:0 0 100%;max-width:100%;order:1;padding-left:24px;padding-right:24px}.c-about-area__image{flex:0 0 100%;max-width:85%;width:85%;order:2;margin-left:auto;margin-right:0;margin-top:0}.c-about-area__title{font-size:24px;margin-bottom:32px}.c-about-area__content-wrapper{display:flex;align-items:flex-start;gap:24px}.c-about-area__subtitle{font-size:16px}.c-about-area__body{font-size:12px;line-height:2}.c-about-area__text .c-read-more{margin-top:40px;margin-left:110px}.c-about-area__message{top:auto;bottom:15%;left:-15%;transform:translate(0)}.c-about-area__message-text{font-size:15px}.c-about-area__message-bg{background-color:#7e7e7e4d;font-size:15px;padding:8px 12px}.c-features-area{padding:40px 0 60px}.c-features-area__row{flex-direction:column;gap:60px}.c-features-area__image{flex:0 0 100%;max-width:85%;order:2;margin-left:0}.c-features-area__text{flex:0 0 100%;max-width:100%;order:1;margin-left:0;margin-right:0;padding-top:40px;padding-left:24px;padding-right:24px}.c-features-area__title{font-size:24px;margin-bottom:28px}.c-features-area__content-wrapper{display:flex;align-items:flex-start;gap:24px}.c-features-area__subtitle{font-size:16px}.c-features-area__body{font-size:12px;line-height:2}.c-features-area__text .c-read-more{margin-top:50px;margin-left:120px}.c-features-area__message{position:absolute;top:auto;bottom:10%;left:20%;transform:translate(0)}.c-features-area__message-text{font-size:15px}.c-features-area__message-bg{background-color:#7e7e7e4d;font-size:15px;padding:8px 12px}.c-story-area{padding:60px 0 80px}.c-story-area__divider{max-width:360px;margin-bottom:40px}.c-story-area__header{margin-bottom:30px}.c-story-area__intro{font-size:12px;margin-bottom:40px;text-align:center}.c-story-area__products{flex-direction:column;align-items:center;gap:64px}.c-product-card{width:305px}}.c-about__fade-in{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.c-about__fade-in--visible{opacity:1;transform:translateY(0)}.c-about__fade-in--left{opacity:0;transform:translate(-40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.c-about__fade-in--left.c-about__fade-in--visible{opacity:1;transform:translate(0)}.c-about__fade-in--right{opacity:0;transform:translate(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.c-about__fade-in--right.c-about__fade-in--visible{opacity:1;transform:translate(0)}.c-about__fade-in--scale{opacity:0;transform:scale(.95);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.c-about__fade-in--scale.c-about__fade-in--visible{opacity:1;transform:scale(1)}.c-about__fade-in--delay-1{transition-delay:.1s}.c-about__fade-in--delay-2{transition-delay:.2s}.c-about__fade-in--delay-3{transition-delay:.3s}.c-about__fade-in--delay-4{transition-delay:.4s}.c-about__fade-in--delay-5{transition-delay:.5s}@media(prefers-reduced-motion:reduce){.c-about__fade-in,.c-about__fade-in--left,.c-about__fade-in--right,.c-about__fade-in--scale{transition:opacity .3s ease;transform:none}.c-about__fade-in--visible{opacity:1}}.c-about-section__placeholder{display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border:1px dashed rgba(255,255,255,.3);border-radius:4px;min-height:200px;padding:20px}.c-about-section__placeholder-text{font-family:var(--font-zen);font-size:14px;color:#ffffff80;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/274/assets/custom-about-image-text.css.map */