:root{--color-bg-white--main:#f2f2f2;--color-bg-white--sub:#fff;--color-bg-dark:#121212}body:before{background:linear-gradient(to left top,rgba(5,42,156,.3),rgba(0,15,60,.8));content:"";height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--transition-ptn01);width:100vw;z-index:1}body.loaded-completed:before{opacity:var(--hero-opacity)}main{width:100%;--hero-opacity:0;overflow:hidden;position:relative}main:before{background-image:url(//8118932.fs1.hubspotusercontent-na1.net/hubfs/8118932/raw_assets/public/ryoden_co_jp_ryoden_tii/01_JP/assets/images/home/bg-hero.png);background-position:100% 0;background-repeat:repeat;background-size:200%;content:"";height:100%;left:0;opacity:0;position:fixed;top:0;width:100vw}body:where(.loaded-animation,.loaded-completed) main:before{opacity:1}@media screen and (min-width:900px){main:before{background-size:contain}}@media screen and (min-width:1050px){main:before{background-position:50%;background-size:cover}}@media screen and (min-width:900px){main .container{--container-padding-hr-laptop:100px}}@media screen and (min-width:1200px){main .container{--container-padding-hr-laptop:100px}}.wrapper{opacity:0;overflow:hidden;padding-top:max(400px,min(calc(100svh - 158px),663px));position:relative;transition:opacity .2s;z-index:1}@media screen and (max-width:1200px){.wrapper{padding-top:max(300px,min(calc(100svh - 158px),408px))}}@media screen and (max-width:899px){.wrapper{padding-top:max(600px,min(calc(100svh - 180px),932px))}}@media screen and (max-width:767px){.wrapper{padding-top:max(100px,min(calc(100svh - 62px),678px))}}body.loaded-completed .wrapper{opacity:1}.wrapper:before{background:url(//8118932.fs1.hubspotusercontent-na1.net/hubfs/8118932/raw_assets/public/ryoden_co_jp_ryoden_tii/01_JP/assets/images/home/parts/aboutus_bg-parts.png) 0 0 no-repeat;background-size:contain;content:"";display:block;height:912px;left:-32px;opacity:0;position:absolute;top:max(315px,min(calc(100svh - 247px),573px));transition:opacity var(--loaded-phase02);transition-delay:var(--loaded-phase01);width:990px;z-index:1}@media screen and (max-width:1200px){.wrapper:before{left:-21px;top:max(248px,min(calc(100svh - 247px),356px));width:617px}}@media screen and (max-width:899px){.wrapper:before{background:url(//8118932.fs1.hubspotusercontent-na1.net/hubfs/8118932/raw_assets/public/ryoden_co_jp_ryoden_tii/01_JP/assets/images/home/parts/aboutus_bg-parts_tb.png) 0 0 no-repeat;background-size:contain;height:1002px;left:-63px;top:max(510px,min(calc(100svh - 277px),838px));width:663px}}@media screen and (max-width:767px){.wrapper:before{background:url(//8118932.fs1.hubspotusercontent-na1.net/hubfs/8118932/raw_assets/public/ryoden_co_jp_ryoden_tii/01_JP/assets/images/home/parts/aboutus_bg-parts_sp.png) 0 0 no-repeat;background-size:contain;height:775px;left:-44px;top:max(100px,min(calc(100svh - 132px),606px));width:380px}}body.loaded-completed .wrapper:before{opacity:1}.content-bg{background:url(//8118932.fs1.hubspotusercontent-na1.net/hubfs/8118932/raw_assets/public/ryoden_co_jp_ryoden_tii/01_JP/assets/images/home/parts/blue_gd.png) 0 0 no-repeat,linear-gradient(to left top,#0e111f,#061953 40%,#021c6a);clip-path:polygon(0 0,100% calc(100vw*tan(31deg)),100% 100%,0 100%);position:relative}.content-bg:before{content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all var(--transition-ptn02);width:100%}.content-bg.bg-white--main:before{background-color:var(--color-bg-white--main);opacity:1}.content-bg.bg-white--sub:before{background-color:var(--color-bg-white--sub);opacity:1}.content-bg.bg-dark:before{background-color:var(--color-bg-dark);opacity:1}.paragraph{color:var(--color-main)}.view--is-desktop{display:block}@media screen and (max-width:899px){.view--is-desktop{display:none!important}}.view--is-desktop-lower{display:block}@media screen and (max-width:898px){.view--is-desktop-lower{display:none!important}}.view--is-laptop{display:none}@media screen and (min-width:768px) and (max-width:899px){.view--is-laptop{display:block}}.view--is-laptop-lower{display:none}@media screen and (max-width:899px){.view--is-laptop-lower{display:block}}.view--is-palmtop{display:none!important}@media screen and (max-width:767px){.view--is-palmtop{display:block!important}}