:root{--ease-in-sine: cubic-bezier(.47, 0, .745, .715);--ease-out-sine: cubic-bezier(.39, .575, .565, 1);--ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);--ease-in-quad: cubic-bezier(.55, .085, .68, .53);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-quart: cubic-bezier(.895, .03, .685, .22);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-in-quint: cubic-bezier(.755, .05, .855, .06);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);--ease-in-expo: cubic-bezier(.95, .05, .795, .035);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-circ: cubic-bezier(.6, .04, .98, .335);--ease-out-circ: cubic-bezier(.075, .82, .165, 1);--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);--ease-in-back: cubic-bezier(.6, -.28, .735, .045);--ease-out-back: cubic-bezier(.175, .885, .32, 1.275);--ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);--color-brand-color: #5e463a;--color-brand-beige: #f9f4f4;--color-text-gray: #aaa;--color-black: #555;--color-white: #fff;--color-gray: #f1efec;--color-gray-2: #dfdbd5;--color-gray-3: #ddddd5;--color-gray-4: #dedede;--color-bg-gray-3: #fbfaf9;--color-line-gray: #ddd;--color-mid-gray: #d4d4d4;--color-mid-gray-2: #848079;--color-mid-light-gray: #d9d9d9;--color-dark-gray: #c3c3c3;--color-light-gray: #e3e3e3;--color-lighter-gray: #e6e3d6;--color-warm-gray: #e6e3dd;--color-red: #ba1919;--color-light-red: #fff1f1;--font-noto-sans: "Noto Sans", sans-serif;--font-noto-serif-jp: "Noto Serif JP", serif;--font-zen-kaku-gothic-new: "Zen Kaku Gothic New", sans-serif;--font-lato: "Lato", sans-serif;--font-eb-garamond: "EB Garamond", serif;--shadow-plain: 0 0 20px rgb(0 0 0 / 8%);--text-shadow: 0 0 0 var(--color-brand-color), 0 0 0 var(--color-brand-color)}.p-message{padding:11.5384615385vw 0 15.3846153846vw;background-image:url(/wp/wp-content/themes/original-theme/assets/images/pages/about/thought/message_bg.jpg.webp);background-repeat:no-repeat;background-position:center;background-size:cover}@media(min-width:768px){.p-message{padding:clamp(0px,8.75vw,140px) 0 clamp(0px,8.125vw,130px);background-image:url(/wp/wp-content/themes/original-theme/assets/images/pages/about/thought/message_bg_md.jpg.webp)}}@media(min-width:768px){.p-message__container{display:flex;gap:0 clamp(0px,4.375vw,70px)}}.p-message__hdg,.p-message__txt,.p-message__visual{opacity:0}.p-message__hdg.is-active,.p-message__txt.is-active,.p-message__visual.is-active{opacity:1;transition:opacity 1s var(--ease-out-sine)}.p-message__hdg{font-size:5.1282051282vw;font-weight:500;line-height:2;letter-spacing:.1em}@media(min-width:768px){.p-message__hdg{font-size:clamp(0px,2vw,32px);line-height:1.875}}.p-message__txt{margin:3.8461538462vw 0 0;font-size:3.5897435897vw;font-weight:400;line-height:2.4;letter-spacing:.1em}@media(min-width:768px){.p-message__txt{margin:clamp(0px,3.125vw,50px) 0 0;font-size:clamp(0px,1vw,16px);line-height:2.625}}.p-message__visual{display:flex;margin:11.5384615385vw 0 0}@media(min-width:768px){.p-message__visual{margin:0}}.p-message__visualTxt{margin:2.5641025641vw 0 0;font-size:3.0769230769vw;line-height:2;letter-spacing:.01em}@media(min-width:768px){.p-message__visualTxt{margin:clamp(0px,.625vw,10px) 0 0;font-size:clamp(0px,.875vw,14px)}}.p-message__visualMain{position:relative;width:51.2820512821vw}@media(min-width:768px){.p-message__visualMain{width:clamp(0px,23.75vw,380px)}}.p-message__visualSub{width:43.5897435897vw;margin:7.6923076923vw 0 0 -5.1282051282vw}@media(min-width:768px){.p-message__visualSub{width:clamp(0px,18.75vw,300px);margin:clamp(0px,4.375vw,70px) 0 0 clamp(-30px,-1.875vw,0px)}}.p-message__visualImg{box-shadow:var(--shadow-plain)}.p-message__visualImg img{width:100%}.p-oath{padding:11.5384615385vw 0 15.3846153846vw}@media(min-width:768px){.p-oath{padding:clamp(0px,7.8125vw,125px) 0 clamp(0px,8.75vw,140px)}}.p-oath .contents__item{counter-increment:number 1}.p-oath .contents__item+.contents__item{margin:7.6923076923vw 0 0}@media(min-width:768px){.p-oath .contents__item+.contents__item{margin:clamp(0px,2.5vw,40px) 0 0}}.p-oath .contents__body{padding:11.5384615385vw 5.1282051282vw 14.1025641026vw;margin:7.6923076923vw 0 0;background:var(--color-gray)}@media(min-width:768px){.p-oath .contents__body{padding:clamp(0px,4.375vw,70px) clamp(0px,6.25vw,100px) clamp(0px,3.75vw,60px);margin:clamp(0px,3.125vw,50px) 0 0}}.p-oath .contents__body .contents__txt{padding-left:1.25rem;text-indent:-1.25rem}@media(min-width:768px){.p-oath .contents__body .contents__txt{padding-left:1.5rem;margin:0;text-indent:-1.5rem}}.p-oath .contents__body .contents__txt:before{margin:0 .25rem 0 0;font-family:var(--font-lato);font-weight:700;content:counter(number) "."}@media(min-width:768px){.p-oath .contents__body .contents__txt:before{margin:0 .5rem 0 0}}.p-oath .contents__txt,.p-oath .contents__lead,.p-oath .contents__name{opacity:0}.p-oath .contents__txt.is-active,.p-oath .contents__lead.is-active,.p-oath .contents__name.is-active{opacity:1;transition:opacity 1s var(--ease-out-sine)}.p-oath .contents__txt{margin:2.5641025641vw 0 0;font-size:3.5897435897vw;font-weight:400;line-height:2;letter-spacing:.1em}@media(min-width:768px){.p-oath .contents__txt{margin:clamp(0px,1.25vw,20px) 0 0;font-size:clamp(0px,1vw,16px)}}.p-oath .contents__md-side{margin:8.9743589744vw 0 0}@media(min-width:768px){.p-oath .contents__md-side{display:flex;align-items:center;justify-content:space-between;margin:clamp(0px,3.75vw,60px) 0 0}}.p-oath .contents__lead{margin:0 0 0 5.1282051282vw;font-size:5.1282051282vw;font-weight:500;line-height:1.5;letter-spacing:.1em}@media(min-width:768px){.p-oath .contents__lead{margin:0 0 0 clamp(0px,1.25vw,20px);font-size:clamp(0px,1.875vw,30px)}}.p-oath .contents__name{margin:11.5384615385vw 0 0;text-align:right;mix-blend-mode:multiply}@media(min-width:768px){.p-oath .contents__name{margin:0;text-align:left}}.p-oath .contents__name img{width:63.0769230769vw}@media(min-width:768px){.p-oath .contents__name img{width:clamp(0px,18.625vw,298px)}}
