@charset "UTF-8";@keyframes FadeIn{0%{opacity:0}50%{opacity:1}100%{opacity:1}}.lower #main{margin-top:1rem}@media only screen and (min-width:768px){body#antroquinonol_what{overflow:visible!important;overflow-x:hidden!important}body#antroquinonol_what #abi_page{overflow:visible!important}}.p-what{display:flex;flex-direction:column;gap:7.5rem}.p-what__anch{margin-right:auto;margin-left:auto}@media only screen and (min-width:1025px){.p-what__anch{width:calc(1100 / 1440 * 100%);max-width:calc(1100px)}}@media only screen and (min-width:1025px) and (min-width:1441px){.p-what__anch{max-width:calc(1100px * (15 + 3)/ 13)}}@media only screen and (min-width:1025px) and (min-width:1441px) and (max-width:1600px){.p-what__anch{max-width:calc(1100px * (15 + 2)/ 13)}}@media only screen and (min-width:768px) and (max-width:1024px){.p-what__anch{width:calc(1260 / 1440 * 100%)}}@media only screen and (max-width:767px){.p-what__anch{width:calc(320 / 380 * 100%)}}.p-what__anch .c-anch{justify-content:flex-start}@media only screen and (max-width:767px){.p-what__anch .c-anch{gap:.5rem}.p-what__anch .c-anch__li{margin:0;width:100%}}.p-what__header{display:flex;flex-direction:column;gap:1.5rem}.p-what__body{display:flex;flex-direction:column;gap:1rem}.p-what-about__intro{padding-bottom:6.25rem;position:relative}.p-what-about__intro>.inner{display:flex;align-items:flex-start;z-index:2;position:relative;flex-wrap:wrap;margin-right:auto;margin-left:auto}@media only screen and (min-width:1025px){.p-what-about__intro>.inner{width:calc(1100 / 1440 * 100%);max-width:calc(1100px)}}@media only screen and (min-width:1025px) and (min-width:1441px){.p-what-about__intro>.inner{max-width:calc(1100px * (15 + 3)/ 13)}}@media only screen and (min-width:1025px) and (min-width:1441px) and (max-width:1600px){.p-what-about__intro>.inner{max-width:calc(1100px * (15 + 2)/ 13)}}@media only screen and (min-width:768px) and (max-width:1024px){.p-what-about__intro>.inner{width:calc(1260 / 1440 * 100%)}}@media only screen and (max-width:767px){.p-what-about__intro>.inner{width:calc(320 / 380 * 100%)}}@media only screen and (min-width:1025px) and (max-width:1365px){.p-what-about__intro>.inner{width:calc(1260 / 1440 * 100%)}}@media only screen and (max-width:1024px){.p-what-about__intro>.inner{margin-top:2rem}}@media only screen and (max-width:767px){.p-what-about__intro>.inner{flex-direction:column;gap:2rem}}.p-what-about__intro .js-move-ts{margin-right:auto;margin-left:auto}@media only screen and (min-width:768px) and (max-width:1024px){.p-what-about__intro .js-move-ts{width:calc(1260 / 1440 * 100%)}}@media only screen and (max-width:767px){.p-what-about__intro .js-move-ts{width:calc(320 / 380 * 100%)}}.p-what-about__intro__bg{position:absolute;width:100%;height:110%;z-index:1;pointer-events:none;overflow:hidden;top:0;right:0}.p-what-about__intro__bg::after{content:"";display:block;aspect-ratio:1/1;background-color:var(--color-bg-2);border-radius:50%;position:absolute;right:-3%;z-index:-1;width:55vw;height:55vw;bottom:0}@media only screen and (max-width:767px){.p-what-about__intro__bg::after{top:32%;bottom:auto;width:60vw;height:60vw}}.p-what-about__intro__info{display:flex;flex-direction:column;gap:3rem;margin-right:calc(90 / 1100 * 100%);width:calc(564 / 1100 * 100%)}@media only screen and (min-width:1025px) and (max-width:1365px){.p-what-about__intro__info{width:calc(584 / 1100 * 100%);margin-right:calc(70 / 1100 * 100%)}}@media only screen and (min-width:768px) and (max-width:1024px){.p-what-about__intro__info{width:48%;margin-right:4%}}@media only screen and (max-width:767px){.p-what-about__intro__info{width:100%;margin-right:0;order:2}}.p-what-about__intro__slider{min-width:0;width:calc(446 / 1100 * 100%)}@media only screen and (min-width:768px) and (max-width:1024px){.p-what-about__intro__slider{width:48%}}@media only screen and (max-width:767px){.p-what-about__intro__slider{width:100%;order:1}}.p-what-about__intro__slider .c-swiper__slide img{aspect-ratio:892/594;-o-object-fit:cover;object-fit:cover;height:100%}@media only screen and (min-width:768px){.p-what-about__intro__slider{position:sticky;top:9.84rem;z-index:2}}.p-what-about__intro__over{border:1px solid var(--color-table-line);background-color:rgba(255,255,255,.6);box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 2.5rem}@media only screen and (min-width:768px) and (max-width:1024px){.p-what-about__intro__over{gap:1rem;padding:1.5rem 2rem}}@media only screen and (max-width:767px){.p-what-about__intro__over{gap:1rem;padding:1.5rem}}.p-what-about__intro__over .c-title--s22{font-size:1.69rem;box-sizing:border-box}.p-what-about__intro__over .txt{border-bottom:1px solid var(--color-table-line);padding-bottom:1.5rem}.p-what-about__intro__over__img{background-color:var(--color-bg-2)}@media only screen and (min-width:1025px){.p-what-about__intro__over__img{padding:.5rem 4rem}}@media only screen and (min-width:768px) and (max-width:1024px){.p-what-about__intro__over__img{padding:2rem 4rem}}@media only screen and (max-width:767px){.p-what-about__intro__over__img{padding:1rem}}.p-what-about__intro__over__taglist{display:flex;flex-direction:column;gap:.5rem;width:100%}.p-what-about__intro__over__taglist .row{display:flex}@media only screen and (min-width:768px){.p-what-about__intro__over__taglist .row{align-items:center}}@media only screen and (max-width:767px){.p-what-about__intro__over__taglist .row{align-items:flex-start}}.p-what-about__intro__over__taglist .row{gap:.5rem}.p-what-about__intro__over__taglist .row dt{border:1px solid var(--color-acc-1);display:inline-flex;color:var(--color-acc-1);border-radius:1rem;width:6.15rem;min-width:6.15rem;justify-content:center;align-items:center;font-size:.77rem}@media only screen and (min-width:768px){.p-what-about__intro__over__taglist .row dt{margin-top:0}}@media only screen and (max-width:767px){.p-what-about__intro__over__taglist .row dt{margin-top:.25rem}}@media only screen and (max-width:767px){.p-what-about__intro__over__taglist .row dt{min-width:5.38rem;width:5.38rem}}.p-what-about__intro__over__taglist .row dd{width:auto}.p-what-about__points{position:relative;z-index:2;box-sizing:border-box;background:linear-gradient(135deg,#499dc3 0,#398690 100%);border-radius:1.53rem;margin-right:auto;margin-left:auto}@media only screen and (min-width:1025px){.p-what-about__points{width:calc(1260 / 1440 * 100%);max-width:calc(1260px)}}@media only screen and (min-width:1025px) and (min-width:1441px){.p-what-about__points{max-width:calc(1260px * (15 + 3)/ 13)}}@media only screen and (min-width:1025px) and (min-width:1441px) and (max-width:1600px){.p-what-about__points{max-width:calc(1260px * (15 + 2)/ 13)}}@media only screen and (min-width:768px) and (max-width:1024px){.p-what-about__points{width:calc(1360 / 1440 * 100%)}}@media only screen and (max-width:767px){.p-what-about__points{width:calc(360 / 380 * 100%)}}@media only screen and (min-width:768px){.p-what-about__points{padding:4rem 0}}@media only screen and (max-width:767px){.p-what-about__points{padding:3rem 1.25rem}}.p-what-about__points__inner{margin-right:auto;margin-left:auto;width:calc(1260 / 1440 * 100%);max-width:74.61rem}@media only screen and (max-width:767px){.p-what-about__points__inner{width:100%}}.p-what-about__points__list{display:flex;flex-direction:column;gap:1rem;margin-top:3rem}.p-what-about__points__item{background-color:var(--color-bg-2);border-radius:1rem}@media only screen and (min-width:768px){.p-what-about__points__item{padding:2rem}}@media only screen and (max-width:767px){.p-what-about__points__item{padding:1.5rem}}.p-what-about__points__item{--year-width:8.46rem}@media only screen and (max-width:767px){.p-what-about__points__item{--year-width:100%}}.p-what-about__points__item__num{display:flex;align-items:flex-start}@media only screen and (max-width:767px){.p-what-about__points__item__num{flex-direction:column}}.p-what-about__points__item__num .year{width:var(--year-width)}.p-what-about__points__item__num .title{width:calc(100% - var(--year-width))}@media only screen and (max-width:767px){.p-what-about__points__item__num .title{width:100%}}.p-what-about__points__item .text{margin-right:0;margin-left:auto;margin-top:.5rem;width:calc(100% - var(--year-width))}@media only screen and (max-width:767px){.p-what-about__points__item .text{width:100%;margin-top:1rem}}.p-what-mode{margin-right:auto;margin-left:auto}@media only screen and (min-width:1025px){.p-what-mode{width:calc(1100 / 1440 * 100%);max-width:calc(1100px)}}@media only screen and (min-width:1025px) and (min-width:1441px){.p-what-mode{max-width:calc(1100px * (15 + 3)/ 13)}}@media only screen and (min-width:1025px) and (min-width:1441px) and (max-width:1600px){.p-what-mode{max-width:calc(1100px * (15 + 2)/ 13)}}@media only screen and (min-width:768px) and (max-width:1024px){.p-what-mode{width:calc(1260 / 1440 * 100%)}}@media only screen and (max-width:767px){.p-what-mode{width:calc(320 / 380 * 100%)}}.p-what-mode{display:flex;flex-direction:column;justify-content:space-between}@media only screen and (min-width:768px){.p-what-mode{gap:4rem}}.p-what-mode__intro{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}@media only screen and (min-width:768px){.p-what-mode__intro{gap:0}}@media only screen and (max-width:767px){.p-what-mode__intro{gap:2rem}}@media only screen and (max-width:767px){.p-what-mode__intro{flex-direction:column;justify-content:flex-start}}.p-what-mode__info{display:flex;flex-direction:column;gap:2rem}@media only screen and (min-width:768px){.p-what-mode__info{width:calc(480 / 1100 * 100%)}}@media only screen and (max-width:767px){.p-what-mode__info{width:100%}}.p-what-mode__info .info-title{display:flex;align-items:baseline}@media only screen and (max-width:767px){.p-what-mode__info .info-title{color:var(--color-txt-main);font-weight:400;font-size:1rem}}.p-what-mode__info .info-title .jp{transform:translateY(.25em);width:calc(100% - 3.53rem)}@media only screen and (max-width:767px){.p-what-mode__info .info-title .jp{width:100%;transform:translateY(0)}}.p-what-mode__info .info-title .num{background-color:var(--color-acc-1);color:#fff;letter-spacing:0;line-height:1;margin-right:.76rem;width:2.76rem;height:2.3rem;padding:.2rem .5rem;display:flex;align-items:center;justify-content:center;border-radius:2.76rem;font-optical-sizing:auto;font-family:var(--font-family-en-gothic);font-style:var(--font-family-en-gothic-style);font-weight:var(--font-family-en-gothic-weight);font-size:.77rem}@media only screen and (min-width:768px){.p-what-mode__info .c-accordion{border:0;border-radius:0}.p-what-mode__info .c-accordion__btn{padding:0}.p-what-mode__info .c-accordion .o-icon--accordion{display:none}}.p-what-mode__info .c-text-set{margin-top:.75rem}@media only screen and (max-width:767px){.p-what-mode__info .c-text-set{margin-top:0;padding:1.15rem 1.53rem}}.p-what-mode__title{width:100%}@media only screen and (min-width:768px){.p-what-mode__img{width:calc(568 / 1100 * 100%)}}@media only screen and (max-width:767px){.p-what-mode__img{width:100%}}.p-what-mode__img{border:1px solid var(--color-table-line);border-radius:1rem}@media only screen and (max-width:767px){.p-what-mode__img{order:-1;margin-top:2rem}}.p-what-mode__movie{background-color:var(--color-bg-2);display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;padding:1rem 1.5rem;position:relative}@media only screen and (max-width:767px){.p-what-mode__movie{margin-top:5rem}}.p-what-mode__movie *{position:relative;z-index:1}@media only screen and (min-width:768px){.p-what-mode__movie .c-title-set{padding:2.5rem}}@media only screen and (max-width:767px){.p-what-mode__movie .c-title-set{padding:1.5rem}}@media only screen and (max-width:767px){.p-what-mode__movie .c-title-set{align-items:center;width:100%}}@media only screen and (min-width:768px){.p-what-mode__movie .movie{width:calc(750 / 1100 * 100%)}}@media only screen and (max-width:767px){.p-what-mode__movie .movie{width:100%}}.p-what-mode__movie .movie iframe{width:100%;aspect-ratio:750/422;border:none}.p-what-mode__movie::before{content:"";position:absolute;top:0;left:0}@media only screen and (min-width:768px){.p-what-mode__movie::before{width:58%}}@media only screen and (max-width:767px){.p-what-mode__movie::before{width:90%}}@media only screen and (min-width:768px){.p-what-mode__movie::before{height:100%}}@media only screen and (max-width:767px){.p-what-mode__movie::before{height:80%}}.p-what-mode__movie::before{background:url(../../antroquinonol/what/images/bg_mode.webp) center center/cover no-repeat}.p-what-mode .c-text-set{display:flex;flex-direction:column}.p-what-mode .c-text-set__text{margin-top:.75rem;color:var(--color-txt-sub-2)}.p-what-mode .c-text-set .c-arrow-link{margin-top:1rem}