@import"https://fonts.googleapis.com/css2?family=Urbanist:ital@1&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap";.header{position:absolute;z-index:999;filter:brightness(0) invert(1)}@media screen and (min-width: 768px){.header{top:4rem;left:4rem;width:22.4rem;margin:0 !important}}@media screen and (max-width: 767px){.header{position:absolute;top:5.2rem;left:0}}#Main{background:url("../img/cotosapo/bg-noise.png") center 0;color:#333;font-family:"Noto Serif JP",serif}.icon-arrow{display:block}.icon-arrow::before{content:"";display:block;width:100%;height:100%;border-radius:50%;background:url("../img/cotosapo/btn-arrow.png") 0 center/contain repeat-x #8ed8d7;transform:rotate(-47deg)}@media screen and (min-width: 768px){.icon-arrow{width:7.6rem;height:6.2rem}.icon-arrow::before{transition:background-position .3s cubic-bezier(0.215, 0.61, 0.355, 1)}}@media screen and (max-width: 767px){.icon-arrow{width:11.5rem;height:9.5rem}}.section-bg{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply}.section-inner{margin:0 auto;padding-top:1px}@media screen and (min-width: 768px){.section-inner{width:120rem}}@media screen and (max-width: 767px){.section-inner{width:68rem}}.mv-area{width:100%}.mv-area .mv-base{opacity:0}.mv-area .mv-eye{position:absolute;top:0;left:0;width:100%;opacity:0}.mv-area .mv-hatena{position:absolute;opacity:0}@media screen and (min-width: 768px){.mv-area .mv-hatena{top:13.689vw;left:calc(50% + 10.395vw);width:12.445vw;transform:translateX(-16.472vw)}}@media screen and (max-width: 767px){.mv-area .mv-hatena{top:33.7rem;right:4.6rem;width:16.9rem;transform:translateX(-23rem)}}.mv-area .mv-copy{position:absolute;right:0;left:0;margin:auto;z-index:10;opacity:0}@media screen and (min-width: 768px){.mv-area .mv-copy{bottom:8.784vw;width:47.437vw}}@media screen and (max-width: 767px){.mv-area .mv-copy{bottom:13.8rem;width:64rem}}.why-area .section-bg{background-color:#f8f8f8}@media screen and (min-width: 768px){.why-area .why-content{padding:32rem 0 17rem}}@media screen and (max-width: 767px){.why-area .why-content{padding:30rem 0 15.5rem}}.why-area .why-en{position:absolute;top:0}@media screen and (min-width: 768px){.why-area .why-en{left:-8.2rem;width:53.5rem}}@media screen and (min-width: 767px)and (max-width: 1380px){.why-area .why-en{left:-3%}}@media screen and (max-width: 767px){.why-area .why-en{left:-3.5rem;width:53.6rem}}.why-area .why-section{position:absolute}.why-area .why-section img{width:auto;height:100%}@media screen and (min-width: 768px){.why-area .why-section{top:7.7rem;right:0;height:1.9rem}}@media screen and (max-width: 767px){.why-area .why-section{top:5rem;left:67.5rem;height:1.9rem;transform-origin:0 0;transform:rotate(90deg)}}.why-area .why-message .copy{letter-spacing:.16em}.why-area .why-message .text{display:flex;flex-flow:column;letter-spacing:.16em}.why-area .why-message .start{letter-spacing:.16em}.why-area .why-message .start strong{display:inline-block;color:#80c9c6;text-indent:-0.5em}@media screen and (min-width: 768px){.why-area .why-message .copy{margin-bottom:5.5rem;font-size:4.4rem;line-height:5.5rem}.why-area .why-message .text{gap:4.5rem;width:69rem;margin-bottom:6rem;font-size:2.8rem;line-height:5.3rem}.why-area .why-message .start{font-size:3.1rem}.why-area .why-message .start strong{font-size:6.8rem}}@media screen and (max-width: 767px){.why-area .why-message{margin-bottom:9.5rem}.why-area .why-message .copy{margin-bottom:3rem;font-size:4rem;line-height:5.5rem}.why-area .why-message .text{gap:2rem;margin-bottom:3rem;font-size:2.8rem;line-height:5.3rem}.why-area .why-message .start{font-size:3.1rem}.why-area .why-message .start strong{font-size:5.8rem}}.why-area .why-pictures picture{display:block}@media screen and (min-width: 768px){.why-area .why-pictures{position:absolute;top:23.2rem;left:74.2rem}.why-area .why-pictures picture:nth-of-type(1){width:38.1rem}.why-area .why-pictures picture:nth-of-type(2){width:36.7rem;margin-top:-4rem;margin-left:17.5rem}}@media screen and (max-width: 767px){.why-area .why-pictures{padding-left:4.4rem}.why-area .why-pictures picture:nth-of-type(1){width:41.8rem}.why-area .why-pictures picture:nth-of-type(2){width:40.2rem;margin-top:-4.5rem;margin-left:19rem}}@media screen and (max-width: 767px){.what-area{padding-bottom:12rem}}.what-area .section-bg{background:linear-gradient(45deg, #aceee4, #e7fdf8 65%)}@media screen and (min-width: 768px){.what-area .what-content{padding-top:12rem}}@media screen and (max-width: 767px){.what-area .what-content{padding-top:11.2rem}}.what-area .what-en{position:absolute;top:0}@media screen and (min-width: 768px){.what-area .what-en{left:-8.2rem;width:17.3rem}}@media screen and (min-width: 767px)and (max-width: 1380px){.what-area .what-en{left:-3%}}@media screen and (max-width: 767px){.what-area .what-en{left:-3.5rem;width:17.3rem}}.what-area .what-section{position:absolute}.what-area .what-section img{width:auto;height:100%}@media screen and (min-width: 768px){.what-area .what-section{top:7.7rem;right:0;height:1.9rem}}@media screen and (max-width: 767px){.what-area .what-section{top:5rem;left:67.5rem;height:1.9rem;transform-origin:0 0;transform:rotate(90deg)}}.what-area .what-cotosapo{margin:0 auto}@media screen and (min-width: 768px){.what-area .what-cotosapo{width:41.6rem;margin-bottom:9.5rem}}@media screen and (max-width: 767px){.what-area .what-cotosapo{width:45rem;margin-bottom:6rem}}.what-area .what-text{display:flex;flex-flow:column;margin:0 auto;text-align:justify}.what-area .what-text p{letter-spacing:.08em}@media screen and (min-width: 768px){.what-area .what-text{gap:3rem;width:74rem;margin-bottom:12rem;font-size:2.8rem;line-height:5.3rem}}@media screen and (max-width: 767px){.what-area .what-text{gap:2rem;margin-bottom:13rem;font-size:2.8rem;line-height:5.3rem}.what-area .what-text p{letter-spacing:.14em}.what-area .what-text p:nth-of-type(1){text-indent:-0.5em}}.what-area .what-point{z-index:2}.what-area .what-point .point-scroll{position:absolute;background:url("../img/cotosapo/what-3points.png") 0 0/auto 100% repeat-x}@media screen and (min-width: 768px){.what-area .what-point .point-scroll{top:8.8rem;width:128rem;height:10rem;background-size:contain}}@media screen and (max-width: 767px){.what-area .what-point .point-scroll{top:9.5rem;left:-3.6rem;width:100vw;height:17.8rem}}.what-area .what-point .point-title{display:flex;align-items:center;justify-content:center;background-color:#fff;letter-spacing:.02em}@media screen and (min-width: 768px){.what-area .what-point .point-title{width:28.4rem;height:4.4rem;margin-bottom:12rem;border-top-left-radius:0.8rem;border-bottom-right-radius:0.8rem;font-size:2.2rem}}@media screen and (max-width: 767px){.what-area .what-point .point-title{width:36.8rem;height:5.7rem;margin:0 auto 13rem;border-top-left-radius:0.8rem;border-bottom-right-radius:0.8rem;font-size:2.8rem}}.what-area .what-point .point-list{display:flex}.what-area .what-point .point-list li{display:flex;flex-flow:column;align-items:center;background:url("../img/cotosapo/what-point-bg.png") center 0/contain no-repeat}.what-area .what-point .point-list li::after{content:"";display:block;position:absolute;margin:auto;border-left:dashed 1px #000}.what-area .what-point .point-list li .num{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#72cdca;color:#fff;font-family:"Urbanist",sans-serif;font-style:italic;letter-spacing:.1em}.what-area .what-point .point-list li .popup{display:flex;align-items:center;justify-content:center;letter-spacing:.1em}.what-area .what-point .point-list li .popup::before,.what-area .what-point .point-list li .popup::after{content:"";display:block;position:absolute;width:1px;height:100%;background-color:#221815}.what-area .what-point .point-list li .popup::before{left:0;transform:rotate(-30deg)}.what-area .what-point .point-list li .popup::after{right:0;transform:rotate(30deg)}.what-area .what-point .point-list li .point{border-radius:4em;background-color:#4fb7b5;color:#fff;letter-spacing:.1em}@media screen and (min-width: 768px){.what-area .what-point .point-list{justify-content:space-between}.what-area .what-point .point-list li{width:38.2rem;height:38.2rem;padding-top:2.5rem}.what-area .what-point .point-list li::after{top:7.6rem;height:6rem}.what-area .what-point .point-list li .num{width:4rem;height:4rem;margin-bottom:9.5rem;font-size:2rem}.what-area .what-point .point-list li .popup{height:2.8rem;padding:0 2.5rem 0.2rem;margin-bottom:1.2rem;font-size:1.8rem}.what-area .what-point .point-list li .point{padding:0.9rem 3.4rem 1rem;font-size:2rem}}@media screen and (max-width: 767px){.what-area .what-point .point-list{flex-flow:column;gap:4rem}.what-area .what-point .point-list li{height:68rem;padding-top:4.5rem}.what-area .what-point .point-list li::after{top:14.5rem;height:10.6rem}.what-area .what-point .point-list li .num{width:7.2rem;height:7.2rem;margin-bottom:17.2rem;font-size:3.6rem}.what-area .what-point .point-list li .popup{height:5rem;padding:0 3.5rem 0.4rem;margin-bottom:2.2rem;font-size:3.2rem}.what-area .what-point .point-list li .point{padding:1.6rem 4.2rem 2rem;font-size:3.6rem}}@media screen and (min-width: 768px){.how-area{padding:27.5rem 0 8.5rem;margin-top:-19.5rem;background:url("../img/cotosapo/bg-noise.png") center 0}}@media screen and (max-width: 767px){.how-area{padding:7.5rem 0}}.how-area .section-bg{background-color:#f8f8f8}.how-area .how-content{display:flex;flex-flow:column;align-items:center}.how-area .how-section img{width:auto;height:100%}@media screen and (min-width: 768px){.how-area .how-section{height:1.9rem;margin-bottom:2.5rem}}@media screen and (max-width: 767px){.how-area .how-section{height:1.9rem;margin-bottom:2.5rem}}@media screen and (min-width: 768px){.how-area .how-en{width:38.6rem;margin-bottom:3rem}}@media screen and (max-width: 767px){.how-area .how-en{width:38.6rem;margin-bottom:3.6rem}}.how-area .how-text{display:flex;flex-flow:column;align-items:center}.how-area .how-text p{display:flex;align-items:center;color:#4fb7b5;letter-spacing:.15em}.how-area .how-text p strong{display:inline-block;padding:0 .3em .2em;background:linear-gradient(to top, #f9efc0, #f9efc0 40%, transparent 40%)}.how-area .how-text p span{white-space:nowrap;letter-spacing:.2em}@media screen and (min-width: 768px){.how-area .how-text{gap:2.8rem}.how-area .how-text p{gap:2rem}.how-area .how-text p strong{font-size:4.8rem}.how-area .how-text p span{font-size:3rem}.how-area .how-text p img{width:10.5rem}}@media screen and (max-width: 767px){.how-area .how-text{gap:2.8rem}.how-area .how-text p{gap:2rem}.how-area .how-text p strong{font-size:4.8rem}.how-area .how-text p span{font-size:3rem}.how-area .how-text p img{width:10.5rem}}.coto-area{background:url("../img/cotosapo/bg-noise.png") center 0}@media screen and (min-width: 768px){.coto-area{padding-top:9rem;background-attachment:fixed}}@media screen and (max-width: 767px){.coto-area{padding-top:30rem}.coto-area .pin-spacer{width:0 !important}}.coto-area .coto-side{display:block;position:absolute;z-index:5;top:0;background:url("../img/cotosapo/bg-noise.png") center 0}.coto-area .coto-side::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--side-color);mix-blend-mode:multiply}.coto-area .coto-side a{display:block;position:relative}@media screen and (min-width: 768px){.coto-area .coto-side{width:5.9rem;height:100%;padding-top:1.8rem;cursor:pointer}.coto-area .coto-side picture{display:block;position:relative;transition:.3s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity,transform}.coto-area .coto-side a:hover picture{opacity:.5;transform:translateY(-3px)}}@media screen and (max-width: 767px){.coto-area .coto-side{left:0}.coto-area .coto-side .dummy{display:block;position:absolute;top:-7.8rem;left:0;width:0;height:7.8rem}.coto-area .coto-side .dummy.dummy-2{top:-15.6rem}}.coto-area .coto-title h2 img{width:auto;height:100%}.coto-area .coto-title p{color:var(--my-color, black);letter-spacing:.1em;white-space:nowrap}@media screen and (min-width: 768px){.coto-area .coto-title{margin-bottom:7rem}.coto-area .coto-title h2{height:12rem;margin-bottom:3rem}.coto-area .coto-title p{text-indent:-0.5em;font-size:2.8rem}}@media screen and (max-width: 767px){.coto-area .coto-title{display:flex;flex-flow:column;align-items:center;margin-bottom:7.5rem}.coto-area .coto-title h2{height:12rem;margin-bottom:3rem}.coto-area .coto-title p{font-size:2.8rem}}.coto-area .coto-caption h3{display:flex;align-items:center;width:-webkit-max-content;width:max-content;background-color:#fff;letter-spacing:.1em}.coto-area .coto-caption h3 strong{display:inline-block;margin-bottom:-0.05em}.coto-area .coto-caption h3:has(strong){align-items:flex-end}.coto-area .coto-caption.-blue h3,.coto-area .coto-caption.-yellow h3{background-color:var(--my-color);color:#fff}@media screen and (min-width: 768px){.coto-area .coto-caption{margin-bottom:4rem}.coto-area .coto-caption h3{height:4rem;padding:0 1.7rem;font-size:1.6rem;border-top-left-radius:0.8rem;border-bottom-right-radius:0.8rem}.coto-area .coto-caption h3 strong{font-size:2.8rem}.coto-area .coto-caption h3:has(strong){padding-bottom:0.8rem}}@media screen and (max-width: 767px){.coto-area .coto-caption{display:flex;justify-content:center;margin-bottom:4.8rem}.coto-area .coto-caption h3{height:5.7rem;padding:0 2.5rem;font-size:2.4rem;border-top-left-radius:0.8rem;border-bottom-right-radius:0.8rem}.coto-area .coto-caption h3 strong{font-size:3.8rem}.coto-area .coto-caption h3:has(strong){padding-bottom:1.3rem}}.coto-area .coto-question{position:absolute}@media screen and (max-width: 767px){.coto-area .coto-question{right:0;left:0;margin:0 auto}}.coto-area .coto-media .summary .title{color:var(--my-color, black)}.coto-area .coto-media .summary .title::before,.coto-area .coto-media .summary .title::after{content:"";display:block;position:absolute;top:0;left:0;background-color:var(--my-color, black)}.coto-area .coto-media .summary .title::after{width:1px;height:100%}.coto-area .coto-media .summary .title span{display:block;letter-spacing:.1em}.coto-area .coto-media .summary .title h4{letter-spacing:.16em}.coto-area .coto-media .summary .text{text-align:justify;letter-spacing:.08em}.coto-area .coto-media .image{overflow:hidden}@media screen and (min-width: 768px){.coto-area .coto-media{display:flex;justify-content:space-between;align-items:flex-start}.coto-area .coto-media .summary{width:59rem}.coto-area .coto-media .summary .title{padding-left:3rem;margin-bottom:3.2rem}.coto-area .coto-media .summary .title::before{width:3px;height:1.8rem}.coto-area .coto-media .summary .title::after{left:1px}.coto-area .coto-media .summary .title span{margin-bottom:1.3rem;font-size:1.8rem}.coto-area .coto-media .summary .title h4{font-size:3.6rem;line-height:4.6rem}.coto-area .coto-media .summary .text{padding-left:3rem;font-size:1.8rem;line-height:3.6rem}.coto-area .coto-media .image{width:52.4rem;border-radius:0.7rem}.coto-area .coto-media.-reverse{flex-direction:row-reverse}.coto-area .coto-media.-full{flex-flow:row wrap}.coto-area .coto-media.-full .summary{width:100%}}@media screen and (max-width: 767px){.coto-area .coto-media .summary .title{padding-left:3.4rem;margin-bottom:3.4rem}.coto-area .coto-media .summary .title::before{width:3px;height:1.8rem}.coto-area .coto-media .summary .title::after{left:1px}.coto-area .coto-media .summary .title span{margin-bottom:1.2rem;font-size:2.4rem}.coto-area .coto-media .summary .title h4{font-size:4.2rem;line-height:5.2rem}.coto-area .coto-media .summary .text{padding-left:3.2rem;font-size:2.6rem;line-height:4.6rem}.coto-area .coto-media .image{margin-top:4.2rem;margin-left:3.4rem;border-radius:0.7rem}}.coto-area .coto-media-secondary .summary .title{border-left:solid 1px var(--my-color, black);letter-spacing:.1em;font-family:"Noto Serif JP",serif;font-weight:500}.coto-area .coto-media-secondary .summary .text{text-align:justify;letter-spacing:.08em}.coto-area .coto-media-secondary .image{overflow:hidden}@media screen and (min-width: 768px){.coto-area .coto-media-secondary{display:flex;justify-content:space-between}.coto-area .coto-media-secondary .summary{width:55rem}.coto-area .coto-media-secondary .summary .title{padding-left:3.4rem;margin-bottom:1.5rem;font-size:2.2rem;line-height:3.6rem}.coto-area .coto-media-secondary .summary .text{padding-left:3.4rem;font-size:1.8rem;line-height:3.6rem}.coto-area .coto-media-secondary .image{width:54.6rem;border-radius:0.7rem}}@media screen and (max-width: 767px){.coto-area .coto-media-secondary .summary .title{padding-left:3.4rem;margin-bottom:3rem;font-size:3.2rem;line-height:4.8rem}.coto-area .coto-media-secondary .summary .text{padding-left:3.4rem;font-size:2.6rem;line-height:4.6rem;letter-spacing:.07em}.coto-area .coto-media-secondary .image{margin-top:12rem;border-radius:0.7rem}}.coto-area .coto-answer{display:flex;flex-flow:column;align-items:center;margin:0 auto;overflow:hidden}.coto-area .coto-answer::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;aspect-ratio:1/1;border-radius:50%;background-color:var(--answer-color);mix-blend-mode:multiply;opacity:.3}.coto-area .coto-answer .text{display:flex;flex-flow:column;align-items:center}.coto-area .coto-answer .text p{text-align:center;letter-spacing:.2em}.coto-area .coto-answer .text p span{display:inline-block;margin-right:.3em;border:solid 1px #000;background-color:#f9efc0}@media screen and (min-width: 768px){.coto-area .coto-answer{width:72rem;height:36rem;padding-top:13.4rem}.coto-area .coto-answer .title{width:13.1rem;margin-bottom:2.6rem}.coto-area .coto-answer .text{gap:0.9rem}.coto-area .coto-answer .text p{font-size:2rem}.coto-area .coto-answer .text p span{padding:0.6rem 1rem 0.8rem}}@media screen and (max-width: 767px){.coto-area .coto-answer{width:75rem;height:37.8rem;padding-top:10.5rem;margin-left:-3.5rem}.coto-area .coto-answer::before{width:75rem}.coto-area .coto-answer .title{width:16.2rem;margin-bottom:4.2rem}.coto-area .coto-answer .text{gap:1.5rem}.coto-area .coto-answer .text p{font-size:2.6rem}.coto-area .coto-answer .text p span{padding:0.7rem 1.2rem 0.9rem}}.coto-area#watashi{--my-color: #427bbe;--answer-color: #8fb7e5;--side-color: #e7f0fd}.coto-area#watashi .section-bg{background:linear-gradient(70deg, #accbee, #e7f0fd 50%)}@media screen and (min-width: 768px){.coto-area#watashi .coto-side{right:0}}@media screen and (min-width: 768px){.coto-area#watashi .section-inner{padding-right:3.5rem}}@media screen and (min-width: 768px){.coto-area#watashi .coto-question{top:-6rem;right:3rem;width:38.8rem;transform:scale(2) translate(-20rem, 5rem)}}@media screen and (max-width: 767px){.coto-area#watashi .coto-question{top:-16.5rem;width:51rem}}@media screen and (min-width: 768px){.coto-area#watashi .coto-media{margin-bottom:16rem}}@media screen and (max-width: 767px){.coto-area#watashi .coto-media{margin-bottom:8rem}}@media screen and (min-width: 768px){.coto-area#watashi .coto-answer{margin-top:-2rem}}@media screen and (max-width: 767px){.coto-area#watashi .coto-answer{margin-top:12rem}}.coto-area#minna{--my-color: #eb7c96;--answer-color: #f3b2c1;--side-color: #faeff6}.coto-area#minna .section-bg{background:linear-gradient(70deg, #f4ccd6, #faeff6 50%)}@media screen and (min-width: 768px){.coto-area#minna .section-bg{width:calc(100% - 5.9rem)}}@media screen and (min-width: 768px){.coto-area#minna .section-inner{padding-right:10rem}}@media screen and (min-width: 768px){.coto-area#minna .coto-side{top:-1px;right:5.9rem}}@media screen and (min-width: 768px){.coto-area#minna .coto-question{top:-6rem;right:13rem;width:38.8rem;transform:scale(2) translate(-16rem, 5rem)}}@media screen and (max-width: 767px){.coto-area#minna .coto-question{top:-16.5rem;width:54.6rem}}.coto-area#minna .coto-caption{display:flex}.coto-area#minna .coto-caption p{letter-spacing:.1em}@media screen and (min-width: 768px){.coto-area#minna .coto-caption{align-items:center;gap:3rem;margin-bottom:0}.coto-area#minna .coto-caption h3{padding:0 2.4rem}.coto-area#minna .coto-caption p{font-size:1.6rem;line-height:2.8rem}}@media screen and (max-width: 767px){.coto-area#minna .coto-caption{flex-flow:column;align-items:center}.coto-area#minna .coto-caption h3{margin-bottom:4rem}.coto-area#minna .coto-caption p{font-size:2.6rem;line-height:4.2rem;text-align:justify}}@media screen and (min-width: 768px){.coto-area#minna .coto-media{margin-bottom:16rem}.coto-area#minna .coto-media .graph{width:84.5rem;margin-top:3.8rem;margin-left:14.8rem}}@media screen and (max-width: 767px){.coto-area#minna .coto-media{margin-bottom:8rem}.coto-area#minna .coto-media .graph{margin-top:5.5rem}}.coto-area#minna .media-3 .en{position:absolute}@media screen and (min-width: 768px){.coto-area#minna .media-3{align-items:flex-start;margin-bottom:7.5rem}.coto-area#minna .media-3 .summary{width:53rem;padding-top:4rem}.coto-area#minna .media-3 .en{top:-7.8rem;right:-1.5rem;width:55rem}.coto-area#minna .media-3 .image{width:51.5rem}}@media screen and (max-width: 767px){.coto-area#minna .media-3{margin-bottom:6rem}.coto-area#minna .media-3 .en{left:3rem;width:62rem;transform:translateY(3.3rem)}}.coto-area#minna .image-list .item p{text-align:center}.coto-area#minna .image-list .item p span{display:inline-block;text-indent:-0.5em}@media screen and (min-width: 768px){.coto-area#minna .image-list{margin-top:4rem}.coto-area#minna .image-list .wrapper{display:flex;justify-content:space-between;gap:0.5rem}.coto-area#minna .image-list .item{width:24.5%}.coto-area#minna .image-list .item p{margin-top:2rem;font-size:1.6rem;line-height:2.6rem}}@media screen and (max-width: 767px){.coto-area#minna .image-list{margin-top:4rem}.coto-area#minna .image-list .item{width:52rem !important}.coto-area#minna .image-list .item p{margin-top:3rem;font-size:2.6rem;line-height:4rem}}@media screen and (min-width: 768px){.coto-area#minna .coto-answer{margin-top:11rem}}@media screen and (max-width: 767px){.coto-area#minna .coto-answer{margin-top:9rem}}.coto-area#korekara{--my-color: #e3c94e;--answer-color: #f7e59b;--side-color: #fbfbf7}.coto-area#korekara .section-bg{background:linear-gradient(70deg, #f4efc7, #fbfbf7 60%)}@media screen and (min-width: 768px){.coto-area#korekara .section-bg{width:calc(100% - 11.8rem)}}@media screen and (min-width: 768px){.coto-area#korekara .section-inner{padding-right:16rem}}@media screen and (min-width: 768px){.coto-area#korekara .coto-side{right:11.8rem}}@media screen and (min-width: 768px){.coto-area#korekara .coto-question{top:-6rem;right:16rem;width:29.8rem;transform:scale(2) translate(-16rem, 5rem)}}@media screen and (max-width: 767px){.coto-area#korekara .coto-question{top:-16.8rem;width:44.4rem}}@media screen and (min-width: 768px){.coto-area#korekara .coto-media{align-items:flex-start}.coto-area#korekara .coto-media .image{width:50rem}.coto-area#korekara .coto-media.media-1{margin-bottom:15rem}.coto-area#korekara .coto-media.media-1 .summary{width:49rem}.coto-area#korekara .coto-media.media-2{margin-bottom:-4rem}.coto-area#korekara .coto-media.media-2:not(.coto-area#korekara .coto-media.media-2.-full) .summary{width:49rem}.coto-area#korekara .coto-media.media-2:not(.coto-area#korekara .coto-media.media-2.-full) .summary .title h4{font-size:3.2rem;white-space:nowrap;letter-spacing:.12em}}@media screen and (max-width: 767px){.coto-area#korekara .coto-media{margin-bottom:8rem}}.coto-area#korekara .support-list .en{position:absolute}.coto-area#korekara .support-list .en img{width:auto;height:100%}.coto-area#korekara .support-list ul{display:flex;flex-flow:row wrap;justify-content:space-between}.coto-area#korekara .support-list ul li{display:flex;flex-flow:column;align-items:center;justify-content:center;text-align:center;background-color:#fff;letter-spacing:.08em}.coto-area#korekara .support-list ul li span{display:inline-block}.coto-area#korekara .support-list ul li span sup{display:inline-block;padding-top:.3em}.coto-area#korekara .support-list ul li:last-of-type{background-color:rgba(0,0,0,0)}@media screen and (min-width: 768px){.coto-area#korekara .support-list{margin-top:12.5rem}.coto-area#korekara .support-list .en{height:10rem}.coto-area#korekara .support-list .en.en-career{top:-7.5rem;left:-2rem}.coto-area#korekara .support-list .en.en-support{bottom:-8rem;right:-1rem}.coto-area#korekara .support-list ul{row-gap:1rem}.coto-area#korekara .support-list ul li{width:25.2rem;height:8.3rem;border-radius:1.2rem;font-size:2rem;line-height:2.7rem}}@media screen and (max-width: 767px){.coto-area#korekara .support-list{margin-top:11.5rem}.coto-area#korekara .support-list .en{height:10rem}.coto-area#korekara .support-list .en.en-career{top:-7.5rem;left:-3.5rem}.coto-area#korekara .support-list .en.en-support{bottom:-7rem;right:-3.5rem}.coto-area#korekara .support-list ul{row-gap:1.4rem}.coto-area#korekara .support-list ul li{width:33.3rem;height:10.4rem;border-radius:0.8rem;font-size:2.6rem;line-height:3.5rem}}@media screen and (min-width: 768px){.coto-area#korekara .coto-answer{margin-top:18rem}}@media screen and (max-width: 767px){.coto-area#korekara .coto-answer{margin-top:19rem}}.interview-area{z-index:10;background:url("../img/cotosapo/bg-noise.png") center 0}@media screen and (min-width: 768px){.interview-area{padding:0 0 11.5rem}}@media screen and (max-width: 767px){.interview-area{padding:0 0 9rem}}.interview-area .section-bg{background-color:#f8f8f8}.interview-area .interview-scroll{width:100%;background:0 0/auto 100% repeat-x #fff}@media screen and (min-width: 768px){.interview-area .interview-scroll{height:16rem;background-image:url("../img/cotosapo/future-scroll-pc.png")}}@media screen and (max-width: 767px){.interview-area .interview-scroll{height:16rem;background-image:url("../img/cotosapo/future-scroll-sp.png")}}.interview-area .interview-list{display:flex}@media screen and (min-width: 768px){.interview-area .interview-list{flex-flow:row wrap;justify-content:flex-start;gap:5.5rem 10rem;padding-top:9rem}}@media screen and (max-width: 767px){.interview-area .interview-list{flex-flow:column;align-items:flex-start;row-gap:9rem;padding-top:5rem}}.interview-area .interview-item .icon-arrow{position:absolute}.interview-area .interview-item .title{position:absolute}.interview-area .interview-item .title::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../img/cotosapo/interview-popup.png") center center/contain no-repeat}.interview-area .interview-item .title span{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;text-align:center;letter-spacing:.1em}.interview-area .interview-item.-even .title::before{transform:scaleY(-1)}@media screen and (min-width: 768px){.interview-area .interview-item{width:38.2rem}.interview-area .interview-item picture{display:block;transition:transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)}.interview-area .interview-item .title{width:27.7rem;height:8.2rem}.interview-area .interview-item .title span{font-size:1.7rem}.interview-area .interview-item:nth-of-type(3){margin-left:20.5rem}.interview-area .interview-item.-odd .title{bottom:3.7rem;left:18rem;padding-top:1.9rem}.interview-area .interview-item.-odd .icon-arrow{top:7.4rem;left:27rem}.interview-area .interview-item.-even .title{top:3.2rem;left:24.1rem;padding-bottom:1.9rem}.interview-area .interview-item.-even .icon-arrow{top:25.8rem;left:27rem}.interview-area .interview-item:hover picture{transform:scale(1.03)}.interview-area .interview-item:hover .icon-arrow::before{background-position:7.6rem center}}@media screen and (max-width: 767px){.interview-area .interview-item{width:58.6rem}.interview-area .interview-item .title{width:42.1rem;height:12.2rem}.interview-area .interview-item .title span{font-size:2.4rem}.interview-area .interview-item.-odd .title{bottom:5.4rem;left:27.8rem;padding-top:3rem}.interview-area .interview-item.-odd .icon-arrow{top:11.3rem;left:41.6rem}.interview-area .interview-item.-even{margin-left:9.5rem}.interview-area .interview-item.-even .title{top:-3.2rem;left:-9.5rem;padding-bottom:3rem}.interview-area .interview-item.-even .title::before{transform:scale(1, -1);background-image:url("../img/cotosapo/interview-popup2.png")}.interview-area .interview-item.-even .icon-arrow{top:42.4rem;left:41.2rem}}.interview-area .interview-copy{margin:0 auto}@media screen and (min-width: 768px){.interview-area .interview-copy{width:94rem;margin-top:11.5rem}}@media screen and (max-width: 767px){.interview-area .interview-copy{width:53.3rem;margin-top:11.5rem}}.qa-area{z-index:10;background:url("../img/cotosapo/bg-noise.png") center 0}@media screen and (min-width: 768px){.qa-area{padding-bottom:8rem}}@media screen and (max-width: 767px){.qa-area{padding-bottom:7rem}}.qa-area .section-bg{background-color:#f8f8f8}.qa-area .section-inner{border-top:solid 1px #c8c7c7}@media screen and (min-width: 768px){.qa-area .section-inner{width:120rem;padding-top:8rem}}@media screen and (max-width: 767px){.qa-area .section-inner{width:68rem;padding-top:8rem}}.qa-area .qa-title{margin:0 auto}.qa-area .qa-title p{color:#c8c7c7;letter-spacing:.1em;text-align:center}@media screen and (min-width: 768px){.qa-area .qa-title{width:39.6rem;margin-bottom:7rem}.qa-area .qa-title p{margin-top:3.5rem;font-size:2.2rem}}@media screen and (max-width: 767px){.qa-area .qa-title{width:39.6rem;margin-bottom:8.5rem}.qa-area .qa-title p{margin-top:3rem;font-size:2.8rem}}.qa-area .qa-list{display:flex;flex-flow:row wrap;justify-content:space-between}@media screen and (min-width: 768px){.qa-area .qa-list{row-gap:5.5rem;margin-bottom:10.5rem}}@media screen and (max-width: 767px){.qa-area .qa-list{row-gap:6.4rem;margin-bottom:8rem}}.qa-area .qa-item{background-color:#fff;font-feature-settings:"palt"}.qa-area .qa-item::before{content:"";display:block;position:absolute;background:url("../img/cotosapo/qa-hatena.png") 0 0/contain no-repeat}.qa-area .qa-item .question{letter-spacing:.14em}.qa-area .qa-item .answer{letter-spacing:.16em;text-align:justify}@media screen and (min-width: 768px){.qa-area .qa-item{width:58rem;padding:4.6rem 4.5rem 2.4rem 13.3rem;border-radius:0.8rem}.qa-area .qa-item::before{top:-1.4rem;left:3.6rem;width:6.4rem;height:11.2rem}.qa-area .qa-item:nth-last-child(n+2){min-height:35.5rem}.qa-area .qa-item:last-child{width:100%}.qa-area .qa-item .question{margin-bottom:0.9rem;font-size:3.2rem;line-height:4.4rem}.qa-area .qa-item .answer{font-size:1.8rem;line-height:3.8rem}}@media screen and (max-width: 767px){.qa-area .qa-item{padding:4.6rem 4.5rem 4.2rem 4.5rem;border-radius:0.8rem}.qa-area .qa-item::before{top:-1.4rem;left:4.8rem;width:6.4rem;height:11.2rem}.qa-area .qa-item .question{margin-left:7.5rem;margin-bottom:3.6rem;font-size:3.2rem;line-height:4.2rem}.qa-area .qa-item .answer{font-size:2.6rem;line-height:4.6rem}}.qa-area .page-top{display:flex;flex-flow:column;align-items:center}@media screen and (min-width: 768px){.qa-area .page-top{gap:7.2rem}}@media screen and (max-width: 767px){.qa-area .page-top{gap:6.2rem}}.qa-area .page-top .button-pagetop{display:flex;align-items:center;justify-content:center;text-align:center}.qa-area .page-top .button-pagetop::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#222;transition:transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)}.qa-area .page-top .button-pagetop span{position:relative;color:#fff;line-height:1.44;letter-spacing:.12em}.qa-area .page-top .button-pagetop .icon-arrow{position:absolute}@media screen and (min-width: 768px){.qa-area .page-top .button-pagetop{width:18.4rem;height:18.4rem;font-size:1.8rem}.qa-area .page-top .button-pagetop .icon-arrow{right:-1.8rem;bottom:0.4rem}.qa-area .page-top .button-pagetop:hover::before{transform:scale(1.06)}.qa-area .page-top .button-pagetop:hover .icon-arrow::before{background-position:7.6rem center}}@media screen and (max-width: 767px){.qa-area .page-top .button-pagetop{width:31rem;height:31rem;font-size:3.2rem}.qa-area .page-top .button-pagetop .icon-arrow{right:-2.3rem;bottom:1.2rem}}.qa-area .page-top .note{letter-spacing:.1em;text-align:center}@media screen and (min-width: 768px){.qa-area .page-top .note{font-size:1.8rem}}@media screen and (max-width: 767px){.qa-area .page-top .note{font-size:2.4rem;line-height:3.8rem}}