.p-top{padding:0 0 min(10.2739726027vw,150px)}@media screen and (max-width: 768px){.p-top{padding:0 0 20vw}}.p-top__container{margin:0 auto;max-width:min(87.6712328767vw,1280px);padding:0 min(2.7397260274vw,40px)}@media screen and (max-width: 768px){.p-top__container{max-width:none;padding:0 6.6666666667vw}}.p-top__grid{display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto auto}@media screen and (max-width: 768px){.p-top__grid{grid-template-areas:"main" "articles";grid-template-rows:auto auto}}.p-top__grid::before{content:"";display:block;grid-column:1/-1;grid-row:2/3;padding-top:calc((100% - min(4.1095890411vw,60px))/4)}@media screen and (max-width: 768px){.p-top__grid::before{display:none}}.p-top__main{-webkit-align-items:start;align-items:start;display:grid;grid-column:1/-1;grid-row:1/3;grid-template-columns:subgrid;grid-template-rows:subgrid}@media screen and (max-width: 768px){.p-top__main{display:block;grid-area:main;grid-column:unset;grid-row:unset;padding:6.1333333333vw 0 3.7333333333vw;position:relative}}.p-top__primary{-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-column:1/-1;grid-row:1/2;justify-self:start;padding:min(4.7945205479vw,70px) 0;z-index:1}@media screen and (max-width: 768px){.p-top__primary{padding:0}}.p-top__heading{margin:0 0 min(2.0547945205vw,30px);width:min(23.9726027397vw,350px)}@media screen and (max-width: 768px){.p-top__heading{-webkit-align-self:center;align-self:center;margin:0 0 3.6vw;width:53.3333333333vw}}.p-top__logo{position:relative;width:min(36.9178082192vw,539px);z-index:1}@media screen and (max-width: 768px){.p-top__logo{margin:0 -2.1333333333vw 0 1.3333333333vw;width:auto}}.p-top__logoSvg{inset:0;position:absolute;z-index:2}.p-top__logoSvg:not(.is_shown){-o-object-position:0;object-position:0;visibility:hidden}.p-top__logoBalloon{display:grid;inset:0;position:absolute;z-index:2}.p-top__logoBalloonImg{grid-area:1/1/-1/-1}.p-top__lead{color:#284d40;font-size:min(2.4657534247vw,3.6rem);font-weight:900;line-height:1.4;margin:min(1.6438356164vw,24px) 0 0}@media screen and (max-width: 768px){.p-top__lead{font-size:4vw;letter-spacing:-0.05em;margin:4.5333333333vw 0 0}}.p-top__text{margin:min(1.6438356164vw,24px) 0 0;width:min(32.5342465753vw,475px)}@media screen and (max-width: 768px){.p-top__text{margin:2.4vw 0 0;width:auto}}.p-top__secondary{grid-column:1/-1;grid-row:1/-1;justify-self:end;padding:min(1.9178082192vw,28px) 0 min(3.698630137vw,54px);position:relative}@media screen and (max-width: 768px){.p-top__secondary{justify-self:stretch;padding:0 0 1.6vw}}.p-top__illust{margin:0 max(-2.7397260274vw,-40px) 0 auto;position:relative;right:clamp(-160px,(100vw - min(87.6712328767vw,1280px))/-2 + max(-2.7397260274vw,-40px),-2.7397260274vw);width:min(65.8904109589vw,962px);z-index:1}@media screen and (max-width: 768px){.p-top__illust{margin:1.6vw -10vw 0 -12.2666666667vw;right:auto;width:auto}}.p-top__illust::before,.p-top__illust::after{-webkit-animation:topIllustCloud 3s ease-in-out infinite;animation:topIllustCloud 3s ease-in-out infinite;background-position:center center;background-repeat:no-repeat;background-size:contain;content:"";display:block;inset:0;position:absolute;z-index:2}.p-top__illust::before{background-image:url(../images/top/main_img_cloud_01_pc.webp),url(../images/top/main_img_cloud_04_pc.webp),url(../images/top/main_img_cloud_05_pc.webp)}@media screen and (max-width: 768px){.p-top__illust::before{background-image:url(../images/top/main_img_cloud_01_sp.webp),url(../images/top/main_img_cloud_04_sp.webp),url(../images/top/main_img_cloud_05_sp.webp)}}.p-top__illust::after{--cloud-animation-dir: -1;background-image:url(../images/top/main_img_cloud_02_pc.webp),url(../images/top/main_img_cloud_03_pc.webp)}@media screen and (max-width: 768px){.p-top__illust::after{background-image:url(../images/top/main_img_cloud_02_sp.webp),url(../images/top/main_img_cloud_03_sp.webp)}}.p-top__badge{inset:auto 0 0 auto;margin:0 max(-4.6575342466vw,-68px) 0 0;position:absolute;width:min(16.4383561644vw,240px);z-index:1}@media screen and (max-width: 768px){.p-top__badge{margin:0;width:32vw}}.p-top__badgeLink{display:block;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}.p-top__badgeLink:hover{opacity:1;-webkit-transform:rotate(4deg);transform:rotate(4deg)}.p-top__articles{display:grid;gap:min(1.3698630137vw,20px);grid-column:1/-1;grid-row:2/4;grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:auto}@media screen and (max-width: 768px){.p-top__articles{gap:2.6666666667vw;grid-area:articles;grid-column:unset;grid-row:unset;grid-template-columns:1fr}}.p-top__articles::before{content:"";display:block;grid-column:2/3;grid-row:1/2;padding-top:calc((100% - min(1.3698630137vw,20px))/2)}@media screen and (max-width: 768px){.p-top__articles::before{display:none}}.p-top__articlesBlock{--article-back-img: url(../images/top/article_back_square.webp);aspect-ratio:1;display:grid;gap:min(1.3698630137vw,20px);grid-row-end:span 2;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);position:relative;z-index:1}@media screen and (max-width: 768px){.p-top__articlesBlock{gap:2.6666666667vw}}.p-top__articlesBlock:not(.is_shown){display:none}.p-top__articlesBlock_type_halfA,.p-top__articlesBlock_type_halfB{aspect-ratio:2/1;grid-row-end:span 1;grid-template-rows:repeat(1, 1fr);margin-top:max(-.6849315068vw,-10px);padding-top:min(.6849315068vw,10px)}@media screen and (max-width: 768px){.p-top__articlesBlock_type_halfA,.p-top__articlesBlock_type_halfB{margin-top:-1.3333333333vw;padding-top:1.3333333333vw}}.p-top__articlesBlock_type_squareA>:nth-child(1){--article-back-img: url(../images/top/article_back_square_lg.webp);grid-column-end:span 2;grid-row-end:span 2}.p-top__articlesBlock_type_wideA>:nth-child(n),.p-top__articlesBlock_type_wideB>:nth-child(1),.p-top__articlesBlock_type_wideC>:nth-child(3),.p-top__articlesBlock_type_halfA>:nth-child(n){--article-back-img: url(../images/top/article_back_wide.webp);grid-column-end:span 2}.p-top__articlesBlock_type_tallA>:nth-child(n),.p-top__articlesBlock_type_tallB>:nth-child(1),.p-top__articlesBlock_type_tallC>:nth-child(2){--article-back-img: url(../images/top/article_back_tall.webp);grid-row-end:span 2}.p-top__article{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:2000px;perspective:2000px;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:1}.p-top__articleBack{display:none}.p-top__articles[data-animation-type=flip] .p-top__articleBack{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#079751 var(--article-back-img) no-repeat center center/cover;border-radius:min(1.3698630137vw,20px);display:block;inset:0;position:absolute;transition:.6s ease;z-index:2}.p-top__articles[data-animation-type=flip] .p-top__article.is_animated .p-top__articleBack{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.p-top__articleFront{-webkit-backface-visibility:hidden;backface-visibility:hidden;inset:0;position:absolute;transition:.6s ease}.p-top__articles[data-animation-type=flip] .p-top__article:not(.is_animated) .p-top__articleFront{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.p-top__decoration{overflow:hidden}.p-top__decorationImg{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.p-top__moreButton{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:min(5.4794520548vw,80px) 0 0}@media screen and (max-width: 768px){.p-top__moreButton{margin:10.6666666667vw 0 0;padding:0 3.3333333333vw}}.p-top__moreButton:has(.a-button:disabled){display:none}@media screen and (min-width: 769px){.p-top__moreButton .a-button{--button-bdrs: min(4.1095890411vw, 60px);--button-fz: min(1.7808219178vw, 2.6rem);--button-w: min(41.095890411vw, 600px);--button-mh: min(8.2191780822vw, 120px);--button-gap: min(0.8219178082vw, 12px);--button-icon-size: min(2.0547945205vw, 3rem);--button-pd: min(0.8219178082vw, 12px) min(2.0547945205vw, 30px)}}@media screen and (max-width: 768px){.p-top__moreButton .a-button{--button-mh: 16vw;--button-fz: 3.4666666667vw;--button-icon-size: 4vw}}.p-top__heading{--fade-in-delay: 0.2s;transition-delay:var(--fade-in-delay);transition-duration:1s;transition-property:opacity,visibility,-webkit-transform;transition-property:opacity,visibility,transform;transition-property:opacity,visibility,transform,-webkit-transform;transition-timing-function:ease}.p-top__logo{--fade-in-delay: 0.4s;transition-delay:var(--fade-in-delay);transition-duration:1s;transition-property:opacity,visibility,-webkit-transform;transition-property:opacity,visibility,transform;transition-property:opacity,visibility,transform,-webkit-transform;transition-timing-function:ease}.p-top__logoBalloonImg{--balloon-fade-in-speed: 1s;--balloon-fade-in-delay: calc(0.8s + var(--balloon-fade-in-delay-step, 0s));transition-delay:var(--balloon-fade-in-delay);transition-duration:var(--balloon-fade-in-speed);transition-property:opacity,visibility,-webkit-transform;transition-property:opacity,visibility,transform;transition-property:opacity,visibility,transform,-webkit-transform;transition-timing-function:ease-out}.p-top__logoBalloonImg:nth-child(1){--balloon-fade-in-delay-step: 0s;--balloon-transform-origin: 48% 47.8260869565%}.p-top__logoBalloonImg:nth-child(2){--balloon-fade-in-delay-step: 0.4s;--balloon-transform-origin: 65.4% 55.900621118%}.p-top__logoBalloonImg:nth-child(3){--balloon-fade-in-delay-step: 0.8s;--balloon-transform-origin: 88% 43.4782608696%}.p-top__lead,.p-top__text{--fade-in-delay: 0.8s;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);transition:-webkit-clip-path 1s cubic-bezier(0.85, 0, 0.15, 1) var(--fade-in-delay);transition:clip-path 1s cubic-bezier(0.85, 0, 0.15, 1) var(--fade-in-delay);transition:clip-path 1s cubic-bezier(0.85, 0, 0.15, 1) var(--fade-in-delay), -webkit-clip-path 1s cubic-bezier(0.85, 0, 0.15, 1) var(--fade-in-delay)}.p-top__main:not(.has_reached) .p-top__heading,.p-top__main:not(.has_reached) .p-top__logo{opacity:0;-webkit-transform:translateY(min(2.7397260274vw, 40px));transform:translateY(min(2.7397260274vw, 40px));visibility:hidden}@media screen and (max-width: 768px){.p-top__main:not(.has_reached) .p-top__heading,.p-top__main:not(.has_reached) .p-top__logo{-webkit-transform:translateY(5.3333333333vw);transform:translateY(5.3333333333vw)}}.p-top__main:not(.has_reached) .p-top__logoBalloonImg{opacity:0;-webkit-transform:translateY(max(-0.6849315068vw, -10px));transform:translateY(max(-0.6849315068vw, -10px));visibility:hidden}@media screen and (max-width: 768px){.p-top__main:not(.has_reached) .p-top__logoBalloonImg{-webkit-transform:translateY(-1.3333333333vw);transform:translateY(-1.3333333333vw)}}.p-top__main:not(.has_reached) .p-top__lead,.p-top__main:not(.has_reached) .p-top__text{-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);clip-path:polygon(0 0, 0 0, 0 100%, 0 100%)}.p-top__main.has_reached .p-top__logoBalloonImg{-webkit-animation:topLogoBalloonWiggle 2s infinite ease-in-out;animation:topLogoBalloonWiggle 2s infinite ease-in-out;-webkit-animation-delay:calc(var(--balloon-fade-in-delay) + var(--balloon-fade-in-speed) + 1s);animation-delay:calc(var(--balloon-fade-in-delay) + var(--balloon-fade-in-speed) + 1s);-webkit-transform-origin:var(--balloon-transform-origin);transform-origin:var(--balloon-transform-origin)}@-webkit-keyframes topLogoBalloonWiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}5%{-webkit-transform:rotate(calc(2deg * var(--balloon-animation-dir, 1)));transform:rotate(calc(2deg * var(--balloon-animation-dir, 1)))}10%{-webkit-transform:rotate(calc(-2deg * var(--balloon-animation-dir, 1)));transform:rotate(calc(-2deg * var(--balloon-animation-dir, 1)))}16%{-webkit-transform:rotate(calc(1.5deg * var(--balloon-animation-dir, 1)));transform:rotate(calc(1.5deg * var(--balloon-animation-dir, 1)))}22%{-webkit-transform:rotate(calc(-1deg * var(--balloon-animation-dir, 1)));transform:rotate(calc(-1deg * var(--balloon-animation-dir, 1)))}32%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes topLogoBalloonWiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}5%{-webkit-transform:rotate(calc(2deg * var(--balloon-animation-dir, 1)));transform:rotate(calc(2deg * var(--balloon-animation-dir, 1)))}10%{-webkit-transform:rotate(calc(-2deg * var(--balloon-animation-dir, 1)));transform:rotate(calc(-2deg * var(--balloon-animation-dir, 1)))}16%{-webkit-transform:rotate(calc(1.5deg * var(--balloon-animation-dir, 1)));transform:rotate(calc(1.5deg * var(--balloon-animation-dir, 1)))}22%{-webkit-transform:rotate(calc(-1deg * var(--balloon-animation-dir, 1)));transform:rotate(calc(-1deg * var(--balloon-animation-dir, 1)))}32%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes topIllustCloud{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}50%{-webkit-transform:translateX(calc(1.5% * var(--cloud-animation-dir, 1)));transform:translateX(calc(1.5% * var(--cloud-animation-dir, 1)))}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes topIllustCloud{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}50%{-webkit-transform:translateX(calc(1.5% * var(--cloud-animation-dir, 1)));transform:translateX(calc(1.5% * var(--cloud-animation-dir, 1)))}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}