html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;background:rgba(0,0,0,0);border:0;font-size:100%;outline:0;vertical-align:baseline}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,li{list-style:none}
a{background:rgba(0,0,0,0);color:#000;font-size:100%;margin:0;padding:0;vertical-align:baseline}
a:link,a:visited,a:active{text-decoration:none}
input,select{background:none;border:none;vertical-align:middle}
select,button{background:none;border:none;border-radius:0;margin:0;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
img{border:0;font-size:0;height:auto;line-height:0;max-width:100%;vertical-align:top;width:100%}
* html body{font-size:small}
*:first-child+html body{font-size:small}
ul,dl,ol{text-indent:0}
input,select,textarea{font-family:Verdana,Helvetica,sans-serif;font-size:100%}
.clearfloat{clear:both;font-size:1px;height:0;line-height:0px}
@font-face{font-display:swap;font-family:"Zen Kaku Gothic New";font-style:normal;font-weight:300;src:url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Light.eot");src:url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Light.eot?#iefix") format("embedded-opentype"),url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Light.woff2") format("woff2"),url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Light.woff") format("woff"),url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Light.ttf") format("truetype")}
@font-face{font-display:swap;font-family:"Zen Kaku Gothic New";font-style:normal;font-weight:400;src:url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Regular.eot");src:url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Regular.eot?#iefix") format("embedded-opentype"),url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Regular.woff2") format("woff2"),url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Regular.woff") format("woff"),url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Regular.ttf") format("truetype")}
@font-face{font-display:swap;font-family:"Zen Kaku Gothic New";font-style:normal;font-weight:500;src:url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Medium.eot");src:url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Medium.eot?#iefix") format("embedded-opentype"),url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Medium.woff2") format("woff2"),url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Medium.woff") format("woff"),url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Medium.ttf") format("truetype")}
@font-face{font-display:swap;font-family:"Zen Kaku Gothic New";font-style:normal;font-weight:700;src:url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Bold.eot");src:url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGotZenKakuGothicNew-Bold.eot?#iefix") format("embedded-opentype"),url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Bold.woff2") format("woff2"),url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGothicNew-Bold.woff") format("woff"),url("/40th/assets/fonts/zen-kaku-gothic-new-v17-latin/ZenKakuGotZenKakuGothicNew-Bold.ttf") format("truetype")}
@font-face{font-display:swap;font-family:"Comfortaa";font-style:normal;font-weight:300;src:url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-300.eot");src:url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-300.eot?#iefix") format("embedded-opentype"),url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-300.woff2") format("woff2"),url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-300.woff") format("woff"),url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-300.ttf") format("truetype")}
@font-face{font-display:swap;font-family:"Comfortaa";font-style:normal;font-weight:400;src:url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-regular.eot");src:url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-regular.eot?#iefix") format("embedded-opentype"),url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-regular.woff2") format("woff2"),url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-regular.woff") format("woff"),url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-regular.ttf") format("truetype")}
@font-face{font-display:swap;font-family:"Comfortaa";font-style:normal;font-weight:500;src:url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-500.eot");src:url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-500.eot?#iefix") format("embedded-opentype"),url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-500.woff2") format("woff2"),url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-500.woff") format("woff"),url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-500.ttf") format("truetype")}
@font-face{font-display:swap;font-family:"Comfortaa";font-style:normal;font-weight:600;src:url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-600.eot");src:url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-600.eot?#iefix") format("embedded-opentype"),url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-600.woff2") format("woff2"),url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-600.woff") format("woff"),url("/40th/assets/fonts/comfortaa-v46-latin/comfortaa-v46-latin-600.ttf") format("truetype")}
@-webkit-keyframes loop-text{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}
100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}
}
@keyframes loop-text{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}
100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}
}
@-webkit-keyframes fadeinUnder{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeinUnder{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes fadeinLeft{0%{opacity:0;visibility:hidden;-webkit-transform:translateX(-100px);transform:translateX(-100px)}
100%{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeinLeft{0%{opacity:0;visibility:hidden;-webkit-transform:translateX(-100px);transform:translateX(-100px)}
100%{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes fadeinRight{0%{opacity:0;visibility:hidden;-webkit-transform:translateX(100px);transform:translateX(100px)}
100%{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeinRight{0%{opacity:0;visibility:hidden;-webkit-transform:translateX(100px);transform:translateX(100px)}
100%{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes yurayura{0%,100%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
50%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
}
@keyframes yurayura{0%,100%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
50%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
}
@-webkit-keyframes rotate-anime{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate-anime{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes pendulumLeft{0%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}
10%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}
20%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}
30%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}
40%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}
50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
60%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
70%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
80%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
90%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes pendulumLeft{0%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}
10%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}
20%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}
30%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}
40%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}
50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
60%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
70%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
80%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
90%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-webkit-keyframes pendulumRightTop{0%{-webkit-transform:translate(-20%, -120%) rotate(30deg);transform:translate(-20%, -120%) rotate(30deg)}
10%{-webkit-transform:translate(-20%, -120%) rotate(-25deg);transform:translate(-20%, -120%) rotate(-25deg)}
20%{-webkit-transform:translate(-20%, -120%) rotate(25deg);transform:translate(-20%, -120%) rotate(25deg)}
30%{-webkit-transform:translate(-20%, -120%) rotate(-20deg);transform:translate(-20%, -120%) rotate(-20deg)}
40%{-webkit-transform:translate(-20%, -120%) rotate(20deg);transform:translate(-20%, -120%) rotate(20deg)}
50%{-webkit-transform:translate(-20%, -120%) rotate(-15deg);transform:translate(-20%, -120%) rotate(-15deg)}
60%{-webkit-transform:translate(-20%, -120%) rotate(15deg);transform:translate(-20%, -120%) rotate(15deg)}
70%{-webkit-transform:translate(-20%, -120%) rotate(-10deg);transform:translate(-20%, -120%) rotate(-10deg)}
80%{-webkit-transform:translate(-20%, -120%) rotate(5deg);transform:translate(-20%, -120%) rotate(5deg)}
90%{-webkit-transform:translate(-20%, -120%) rotate(-2deg);transform:translate(-20%, -120%) rotate(-2deg)}
100%{-webkit-transform:translate(-20%, -120%) rotate(0deg);transform:translate(-20%, -120%) rotate(0deg)}
}
@keyframes pendulumRightTop{0%{-webkit-transform:translate(-20%, -120%) rotate(30deg);transform:translate(-20%, -120%) rotate(30deg)}
10%{-webkit-transform:translate(-20%, -120%) rotate(-25deg);transform:translate(-20%, -120%) rotate(-25deg)}
20%{-webkit-transform:translate(-20%, -120%) rotate(25deg);transform:translate(-20%, -120%) rotate(25deg)}
30%{-webkit-transform:translate(-20%, -120%) rotate(-20deg);transform:translate(-20%, -120%) rotate(-20deg)}
40%{-webkit-transform:translate(-20%, -120%) rotate(20deg);transform:translate(-20%, -120%) rotate(20deg)}
50%{-webkit-transform:translate(-20%, -120%) rotate(-15deg);transform:translate(-20%, -120%) rotate(-15deg)}
60%{-webkit-transform:translate(-20%, -120%) rotate(15deg);transform:translate(-20%, -120%) rotate(15deg)}
70%{-webkit-transform:translate(-20%, -120%) rotate(-10deg);transform:translate(-20%, -120%) rotate(-10deg)}
80%{-webkit-transform:translate(-20%, -120%) rotate(5deg);transform:translate(-20%, -120%) rotate(5deg)}
90%{-webkit-transform:translate(-20%, -120%) rotate(-2deg);transform:translate(-20%, -120%) rotate(-2deg)}
100%{-webkit-transform:translate(-20%, -120%) rotate(0deg);transform:translate(-20%, -120%) rotate(0deg)}
}
@-webkit-keyframes pendulumRight{0%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
10%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}
20%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}
30%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}
40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}
50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
60%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
70%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes pendulumRight{0%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
10%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}
20%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}
30%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}
40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}
50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
60%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
70%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-webkit-keyframes spinLeft{from{-webkit-transform:translate(-70%, -100%) rotate(0deg);transform:translate(-70%, -100%) rotate(0deg)}
to{-webkit-transform:translate(-70%, -100%) rotate(360deg);transform:translate(-70%, -100%) rotate(360deg)}
}
@keyframes spinLeft{from{-webkit-transform:translate(-70%, -100%) rotate(0deg);transform:translate(-70%, -100%) rotate(0deg)}
to{-webkit-transform:translate(-70%, -100%) rotate(360deg);transform:translate(-70%, -100%) rotate(360deg)}
}
@-webkit-keyframes spinLeftTb{from{-webkit-transform:translate(-100%, -120%) rotate(0deg);transform:translate(-100%, -120%) rotate(0deg)}
to{-webkit-transform:translate(-100%, -120%) rotate(360deg);transform:translate(-100%, -120%) rotate(360deg)}
}
@keyframes spinLeftTb{from{-webkit-transform:translate(-100%, -120%) rotate(0deg);transform:translate(-100%, -120%) rotate(0deg)}
to{-webkit-transform:translate(-100%, -120%) rotate(360deg);transform:translate(-100%, -120%) rotate(360deg)}
}
@-webkit-keyframes spinLeft460{from{-webkit-transform:translate(-120%, -100%) rotate(0deg);transform:translate(-120%, -100%) rotate(0deg)}
to{-webkit-transform:translate(-120%, -100%) rotate(360deg);transform:translate(-120%, -100%) rotate(360deg)}
}
@keyframes spinLeft460{from{-webkit-transform:translate(-120%, -100%) rotate(0deg);transform:translate(-120%, -100%) rotate(0deg)}
to{-webkit-transform:translate(-120%, -100%) rotate(360deg);transform:translate(-120%, -100%) rotate(360deg)}
}
@-webkit-keyframes spinRight{from{-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}
to{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}
}
@keyframes spinRight{from{-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}
to{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}
}
@-webkit-keyframes shakeEffect{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
40%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}
60%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
80%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes shakeEffect{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
40%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}
60%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
80%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-webkit-keyframes image-switch-animation{0%{opacity:0}
5%{opacity:1}
25%{opacity:1}
30%{opacity:0}
100%{opacity:0}
}
@keyframes image-switch-animation{0%{opacity:0}
5%{opacity:1}
25%{opacity:1}
30%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes size{0%{-webkit-transform:scale(0.8);transform:scale(0.8)}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(0.8);transform:scale(0.8)}
}
@keyframes size{0%{-webkit-transform:scale(0.8);transform:scale(0.8)}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(0.8);transform:scale(0.8)}
}
div#spNavi p#drawerBt{cursor:pointer;display:none;height:21px;position:fixed;right:90px;top:85px;width:26px;z-index:1001}
@media screen and (max-width: 1024px){div#spNavi p#drawerBt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;right:80px;top:67px}
}
@media screen and (max-width: 750px){div#spNavi p#drawerBt{right:9vw}
}
@media screen and (max-width: 568px){div#spNavi p#drawerBt{right:8vw;top:65px}
}
@media screen and (max-width: 460px){div#spNavi p#drawerBt{right:9vw;top:40px}
}
div#spNavi p#drawerBt::after{background:#000;content:"";height:2px;left:0%;position:absolute;top:0;width:26px}
div#spNavi p#drawerBt::before{background:#000;bottom:0;content:"";height:2px;left:0%;position:absolute;width:26px}
div#spNavi p#drawerBt span{background:#000;display:block;height:2px;width:100%;-webkit-transition:.3s ease;transition:.3s ease}
div#spNavi p#drawerBt.active span{-webkit-transform:rotate(45deg);position:relative;top:1px;transform:rotate(45deg)}
div#spNavi p#drawerBt.active::before,div#spNavi p#drawerBt.active::after{background:#000;content:"";height:2px;left:0;position:absolute;width:100%}
div#spNavi p#drawerBt.active::before{top:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
div#spNavi p#drawerBt.active::after{display:none}
body.burgerActive{overflow:hidden}
body.burgerActive div#spNavi p#drawerBt{right:100px;top:80px}
@media screen and (max-width: 750px){body.burgerActive div#spNavi p#drawerBt{right:12vw}
}
@media screen and (max-width: 568px){body.burgerActive div#spNavi p#drawerBt{right:10vw;top:53px}
}
body.burgerActive div#spNavi p#drawerBt::after{display:none}
body.burgerActive div#spNavi p#drawerBt::before{background:#000;content:"";height:2px;left:0;position:absolute;top:10px;width:100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
body.burgerActive div#spNavi p#drawerBt span{-webkit-transform:rotate(45deg);position:relative;top:1px;transform:rotate(45deg)}
body.burgerActive header{opacity:0 !important;-webkit-transition:all .5s ease-in-out !important;transition:all .5s ease-in-out !important}
@-webkit-keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}
.splide__track--fade>.splide__list>.splide__slide{margin:0 !important;opacity:0;z-index:0}
.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}
.splide--rtl{direction:rtl}
.splide__track--ttb>.splide__list{display:block}
.splide__container{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:-webkit-box;display:flex;height:100%;margin:0 !important;padding:0 !important}
.splide.is-initialized:not(.is-active) .splide__list{display:block}
.splide__pagination{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;margin:0;pointer-events:none}
.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}
.splide:not(.is-overflow) .splide__pagination{display:none}
.splide__progress__bar{width:0}
.splide{position:relative;visibility:hidden}
.splide.is-initialized,.splide.is-rendered{visibility:visible}
.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none !important;margin:0;position:relative}
.splide__slide img{vertical-align:bottom}
.splide__spinner{-webkit-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:rgba(0,0,0,0);border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}
.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}
.splide__toggle.is-active .splide__toggle__pause{display:inline}
.splide__track{overflow:hidden;position:relative;z-index:0}
html{font-family:"Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:62.5%;letter-spacing:normal;line-height:1.5}
@media screen and (max-width: 568px){html{font-family:"Zen Kaku Gothic New",system-ui}
}
html body #wrapper{overflow:clip}
html *{font-size:16px;font-weight:normal;letter-spacing:.15rem;line-height:1}
@media screen and (max-width: 1024px){html *{font-size:15px;letter-spacing:.1rem}
}
@media screen and (max-width: 568px){html *{font-size:14px;letter-spacing:.07rem}
}
header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:50%;padding:20px 35px;top:50px;width:calc(100% - 120px);z-index:10;-webkit-transform:translate(-50%, 0);background:rgba(255,255,255,.9);border-radius:20px;transform:translate(-50%, 0)}
@media screen and (max-width: 1250px){header{padding:20px;width:calc(100% - 80px)}
}
@media screen and (max-width: 1024px){header{border-radius:10px;padding:20px;width:88%}
}
@media screen and (max-width: 568px){header{border-radius:5px;padding:20px 15px;top:20px;width:92%}
}
@media screen and (max-width: 460px){header{padding:15px 10px;width:94%}
}
header .header__logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
header .header__logo .header__logo__kbi{display:block;width:70px}
@media screen and (max-width: 1250px){header .header__logo .header__logo__kbi{width:55px}
}
@media screen and (max-width: 568px){header .header__logo .header__logo__kbi{width:50px}
}
@media screen and (max-width: 460px){header .header__logo .header__logo__kbi{width:40px}
}
header .header__logo .header__logo__link{display:block;padding-left:30px;position:relative;width:55px}
header .header__logo .header__logo__link::before{background:#000;content:"";height:100%;left:17px;position:absolute;top:0;width:1px}
@media screen and (max-width: 1250px){header .header__logo .header__logo__link::before{left:6px}
}
@media screen and (max-width: 1024px){header .header__logo .header__logo__link::before{left:10px}
}
@media screen and (max-width: 460px){header .header__logo .header__logo__link::before{left:5px}
}
@media screen and (max-width: 1250px){header .header__logo .header__logo__link{padding-left:10px;width:40px}
}
@media screen and (max-width: 1024px){header .header__logo .header__logo__link{padding-left:20px}
}
@media screen and (max-width: 460px){header .header__logo .header__logo__link{padding-left:10px;width:35px}
}
header .header__logo span.pc{display:block;font-size:12px;font-weight:500;line-height:1.5;margin-left:10px}
@media screen and (max-width: 568px){header .header__logo span.pc{font-size:clamp(10px,2.1vw,12px)}
}
@media screen and (max-width: 460px){header .header__logo span.pc{display:none}
}
header .header__logo span.sp{display:none}
@media screen and (max-width: 460px){header .header__logo span.sp{display:block;display:block;font-size:clamp(8px,2.5vw,10px);font-weight:500;line-height:1.5;margin-left:8px}
}
@media screen and (max-width: 1024px){header nav{display:none}
}
header nav .headnav__inner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:3rem;margin:0 auto}
@media screen and (max-width: 1250px){header nav .headnav__inner{gap:11px}
}
@media screen and (max-width: 1250px){header nav .headnav__inner a{letter-spacing:.08rem}
}
header nav .headnav__inner a i{aspect-ratio:1;background:url(/40th/img/common/link_icon_blk.svg) no-repeat;display:inline-block;margin-left:5px;width:11px}
header nav a{color:#000;font:400 13px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}
header nav .menutxt{color:rgba(0,0,0,0);overflow:hidden;text-shadow:0 -1.5em 0 #000,0 0 0 #000;-webkit-transition:text-shadow .3s;transition:text-shadow .3s}
header nav .menutxt:hover{text-shadow:0 0 0 #000,0 1.5em 0 #000}
footer a.anchor{background:#fff;display:block;margin:-50px auto 0;padding:10px;position:relative;width:65px;z-index:2}
footer a.anchor img{height:38px}
footer section#footer{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;padding:85px 3%;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
@media screen and (max-width: 1250px){footer section#footer{padding:60px 3% 35px}
}
@media screen and (max-width: 1024px){footer section#footer{padding:85px 3% 35px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit}
}
@media screen and (max-width: 750px){footer section#footer{padding:65px 10% 35px}
}
@media screen and (max-width: 460px){footer section#footer{padding:65px 9% 35px}
}
footer section#footer .footer__logoflex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-right:75px;width:32%}
@media screen and (max-width: 1250px){footer section#footer .footer__logoflex{padding-right:12px}
}
@media screen and (max-width: 1024px){footer section#footer .footer__logoflex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin:0 auto;padding-right:0;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}
}
footer section#footer .footer__logoflex-one{display:-webkit-box;display:-ms-flexbox;display:flex}
@media screen and (max-width: 1024px){footer section#footer .footer__logoflex-one{margin:0 auto;padding-bottom:50px}
}
@media screen and (max-width: 460px){footer section#footer .footer__logoflex-one{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
}
footer section#footer .footer__logoflex-one .footer_logo{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width: 1250px){footer section#footer .footer__logoflex-one .footer_logo{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
}
@media screen and (max-width: 1024px){footer section#footer .footer__logoflex-one .footer_logo{margin:0 auto}
}
@media screen and (max-width: 460px){footer section#footer .footer__logoflex-one .footer_logo{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
}
footer section#footer .footer__logoflex-one .footer_logo .logo01{margin-right:50px}
@media screen and (max-width: 1250px){footer section#footer .footer__logoflex-one .footer_logo .logo01{margin-right:30px;max-width:60px}
}
@media screen and (max-width: 750px){footer section#footer .footer__logoflex-one .footer_logo .logo01{max-width:100px}
}
@media screen and (max-width: 460px){footer section#footer .footer__logoflex-one .footer_logo .logo01{margin:0 auto;padding-right:0}
}
footer section#footer .footer__logoflex-one .footer_logo .logo01 img{height:58px;width:auto}
footer section#footer .footer__logoflex-one .footer_logo .logo02{position:relative}
@media screen and (max-width: 1250px){footer section#footer .footer__logoflex-one .footer_logo .logo02{max-width:200px}
}
@media screen and (max-width: 750px){footer section#footer .footer__logoflex-one .footer_logo .logo02{max-width:228px}
}
@media screen and (max-width: 460px){footer section#footer .footer__logoflex-one .footer_logo .logo02{margin:0 auto;padding-top:15px}
}
footer section#footer .footer__logoflex-one .footer_logo .logo02::before{background:#b0b1b1;content:"";height:58px;left:-25px;position:absolute;top:0;width:1px}
@media screen and (max-width: 1250px){footer section#footer .footer__logoflex-one .footer_logo .logo02::before{height:49px;left:-18px}
}
@media screen and (max-width: 568px){footer section#footer .footer__logoflex-one .footer_logo .logo02::before{display:none}
}
footer section#footer .footer__logoflex-one .footer_logo .logo02 img{height:58px;width:auto}
footer section#footer .footer__logoflex-two{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:90px;width:384px}
@media screen and (max-width: 1024px){footer section#footer .footer__logoflex-two{margin:0 auto;width:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:70px}
}
@media screen and (max-width: 1250px){footer section#footer .footer__logoflex-two{margin-top:30px}
}
footer section#footer .footer__logoflex-two .kbilogo{margin-right:30px;width:77px}
footer section#footer .footer__logoflex-two .daigaslogo{width:104px}
footer section#footer .footer__linkflex{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:84px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
@media screen and (max-width: 1024px){footer section#footer .footer__linkflex{display:none}
}
footer section#footer .footer__linkflex-one{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:20px}
footer section#footer .footer__linkflex-one li{position:relative}
footer section#footer .footer__linkflex-one li span{background:#000;display:inline-block;height:1px;left:-18px;position:absolute;top:6px;width:10px}
footer section#footer .footer__linkflex-one li a{display:inline-block;position:relative}
footer section#footer .footer__linkflex-one li a i{aspect-ratio:1;background:url(/40th/img/common/link_icon_blk.svg) no-repeat;display:inline-block;margin-left:10px;width:11px}
footer section#footer .footer__linkflex-one li a{color:#000;font:400 13px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}
footer section#footer .footer__linkflex-one li .menutxt{color:rgba(0,0,0,0);overflow:hidden;text-shadow:0 -1.5em 0 #000,0 0 0 #000;-webkit-transition:text-shadow .3s;transition:text-shadow .3s}
footer section#footer .footer__linkflex-one li .menutxt:hover{text-shadow:0 0 0 #000,0 1.5em 0 #000}
footer section#footer .footer__linkflex-two{margin-top:90px}
@media screen and (max-width: 1250px){footer section#footer .footer__linkflex-two{margin-top:60px}
}
footer section#footer .footer__linkflex-two ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:solid thin #d6d6d6;gap:2rem;padding-top:30px}
footer section#footer .footer__linkflex-two ul a{font-size:12px;letter-spacing:.08rem}
footer section#footer .footer__linkflex-two ul a i{aspect-ratio:1;background:url(/40th/img/common/link_icon_blk.svg) no-repeat;display:inline-block;margin-left:10px;width:11px}
footer section#footer .footer__linkflex-two ul p{font:300 12px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;letter-spacing:.08rem}
footer section#footer .title_pc{font-size:14px;font-weight:500;letter-spacing:.5px;padding-top:20px;width:100%;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}
@media screen and (max-width: 1250px){footer section#footer .title_pc{font-size:13px}
}
@media screen and (max-width: 1024px){footer section#footer .title_pc{display:none}
}
footer section#footer .title_pc br{display:none}
@media screen and (max-width: 1250px){footer section#footer .title_pc br{display:block}
}
footer section#footer .title_tb{display:none}
@media screen and (max-width: 1024px){footer section#footer .title_tb{display:block;font-size:14px;line-height:1.5;margin:0 auto;text-align:center}
}
@media screen and (max-width: 460px){footer section#footer .title_tb{font-size:clamp(11px,3.4vw,15px)}
}
footer section#footer .footer__tb{display:none}
@media screen and (max-width: 1024px){footer section#footer .footer__tb{display:block;margin-top:30px;width:100%}
}
footer section#footer .footer__tb ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:solid thin #d6d6d6;gap:2rem;padding-top:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}
footer section#footer .footer__tb ul li a{font-size:12px;letter-spacing:.08rem}
footer section#footer .footer__tb ul li a i{aspect-ratio:1;background:url(/40th/img/common/link_icon_blk.svg) no-repeat;display:inline-block;margin-left:10px;width:11px}
footer section#footer .footer__tb ul li:last-child{width:100%}
footer section#footer .footer__tb ul li:last-child p{font:300 12px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:clamp(9px,.7vw,12px);letter-spacing:.08rem}
div#navBg{position:fixed;z-index:1000;-webkit-transition:all .5s ease;height:100%;padding:30px 40px;transition:all .5s ease;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0}
@media screen and (max-width: 568px){div#navBg{padding:20px}
}
div#navBg .navBg__inbox{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);background:rgba(255,255,255,.9);height:90%;overflow-y:scroll;transform:translate(-50%, -50%);width:88%;-webkit-box-sizing:border-box;border-radius:10px;box-sizing:border-box;box-sizing:border-box;padding:30px 40px}
@media screen and (max-width: 568px){div#navBg .navBg__inbox{height:95%;padding:30px 15px;width:90%}
}
div#navBg .header__logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width: 1024px){div#navBg .header__logo .header__logo__kbi{width:55px}
}
@media screen and (max-width: 568px){div#navBg .header__logo .header__logo__kbi{width:50px}
}
@media screen and (max-width: 460px){div#navBg .header__logo .header__logo__kbi{width:40px}
}
@media screen and (max-width: 1024px){div#navBg .header__logo .header__logo__link{display:block;padding-left:20px;position:relative;width:40px}
div#navBg .header__logo .header__logo__link::before{background:#000;content:"";height:100%;left:17px;position:absolute;top:0;width:1px}
}
@media screen and (max-width: 1024px)and (max-width: 1250px){div#navBg .header__logo .header__logo__link::before{left:6px}
}
@media screen and (max-width: 1024px)and (max-width: 1024px){div#navBg .header__logo .header__logo__link::before{left:10px}
}
@media screen and (max-width: 1024px)and (max-width: 460px){div#navBg .header__logo .header__logo__link::before{left:5px}
}
@media screen and (max-width: 460px){div#navBg .header__logo .header__logo__link{padding-left:10px;width:35px}
}
@media screen and (max-width: 1024px){div#navBg .header__logo .pc{display:block;font-size:12px;font-weight:500;line-height:1.5;margin-left:10px}
}
@media screen and (max-width: 568px){div#navBg .header__logo .pc{font-size:clamp(10px,2.1vw,12px)}
}
@media screen and (max-width: 460px){div#navBg .header__logo .pc{display:none}
}
div#navBg .header__logo .sp{display:none}
@media screen and (max-width: 460px){div#navBg .header__logo .sp{display:block;font-size:clamp(8px,2.5vw,10px);font-weight:500;line-height:1.5;margin-left:8px}
}
div#navBg .nav__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:63px;margin:0 auto;padding-top:63px}
div#navBg .nav__inner a{color:#000;font:400 18px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:18px;text-align:center}
div#navBg .nav__inner a i{aspect-ratio:1;background:url(/40th/img/common/link_icon_blk.svg) no-repeat;display:inline-block;margin-left:10px;width:11px}
div#navBg .splogo{border-bottom:solid thin #000;border-top:solid thin #000;margin:0 auto;margin-top:75px;max-width:318px;padding:38px 0;text-align:center}
div#navBg .splogo img{max-width:152px}
div#navBg .annivlogo{margin:0 auto;max-width:260px;padding:40px 0 35px}
div#navBg .company{font:500 16px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;text-align:center}
body#top .scInr{margin:0 auto;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 50px}
@media screen and (min-width: 1025px){body#top .scInr{max-width:1200px}
}
@media screen and (max-width: 1024px){body#top .scInr{padding:0 40px}
}
@media screen and (max-width: 568px){body#top .scInr{padding:0 30px}
}
body#top section#mv{height:100%;min-height:100vh;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:25px 30px}
@media screen and (max-width: 1024px){body#top section#mv{padding:20px}
}
@media screen and (max-width: 568px){body#top section#mv{min-height:inherit;padding:10px}
}
body#top section#mv .mv__contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url(/40th/img/mv/mv_bg.jpg);background-position:top center;background-size:cover;border-radius:10px;height:100%;min-height:calc(100vh - 50px);overflow:hidden;width:100%}
@media screen and (max-width: 1024px){body#top section#mv .mv__contents{min-height:calc(100vh - 40px)}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents{min-height:calc(100vh - 20px)}
}
body#top section#mv .mv__contents-gene_01,body#top section#mv .mv__contents-gene_02{color:#fff;display:block;font:400 20px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;position:absolute;top:50%}
@media screen and (max-width: 1024px){body#top section#mv .mv__contents-gene_01,body#top section#mv .mv__contents-gene_02{font-size:16px}
}
@media screen and (max-width: 750px){body#top section#mv .mv__contents-gene_01,body#top section#mv .mv__contents-gene_02{display:none}
}
body#top section#mv .mv__contents-gene_01{left:6rem}
body#top section#mv .mv__contents-gene_02{right:6rem}
body#top section#mv .mv__contents-cp{padding:230px 0 0;position:relative}
@media screen and (max-width: 1024px){body#top section#mv .mv__contents-cp{padding:clamp(170px,29.8vw,230px) 0 0;width:85%}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents-cp{padding:23vh 0 0}
}
@media screen and (max-width: 460px){body#top section#mv .mv__contents-cp{padding:20vh 0 0}
}
body#top section#mv .mv__contents-cp h2{color:#f7f7f7;display:inline-block;font:500 104px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;left:50%;letter-spacing:20px;margin:0 auto;position:relative;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
@media screen and (max-width: 1250px){body#top section#mv .mv__contents-cp h2{font-size:clamp(95px,9.2vw,104px);letter-spacing:.7rem}
}
@media screen and (max-width: 1024px){body#top section#mv .mv__contents-cp h2{font-size:clamp(80px,10.6vw,95px);letter-spacing:.5rem}
}
@media screen and (max-width: 750px){body#top section#mv .mv__contents-cp h2{font-size:clamp(50px,8.7vw,75px)}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents-cp h2{font-size:clamp(30px,8.1vw,50px);letter-spacing:.3rem}
}
body#top section#mv .mv__contents-cp h2 span{display:block;margin:0 auto;padding-top:20px;width:790px}
body#top section#mv .mv__contents-cp h2::before{content:"KBI 40TH";font:300 43px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;position:absolute;top:0;-webkit-transform:translate(0, -100%);letter-spacing:8px;transform:translate(0, -100%)}
@media screen and (max-width: 750px){body#top section#mv .mv__contents-cp h2::before{font-size:clamp(25px,4.3vw,40px);letter-spacing:.2rem}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents-cp h2::before{font-size:clamp(18px,4.8vw,25px)}
}
body#top section#mv .mv__contents-cp h2::after{content:"1985─2025";font:300 43px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;position:absolute;-webkit-transform:translate(0, -100%);letter-spacing:8px;right:0;transform:translate(0, -100%)}
@media screen and (max-width: 750px){body#top section#mv .mv__contents-cp h2::after{font-size:clamp(25px,4.3vw,40px);letter-spacing:.2rem}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents-cp h2::after{font-size:clamp(18px,4.8vw,25px)}
}
@media screen and (max-width: 1024px){body#top section#mv .mv__contents-txt{padding:15px 0 0;width:85%}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents-txt{padding:6vh 0 0}
}
body#top section#mv .mv__contents-txt h3{display:block;margin:0 auto;width:790px}
@media screen and (max-width: 1024px){body#top section#mv .mv__contents-txt h3{max-width:790px;width:85%}
}
@media screen and (max-width: 750px){body#top section#mv .mv__contents-txt h3{max-width:400px}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents-txt h3{width:70%}
}
@media screen and (max-width: 750px){body#top section#mv .mv__contents-txt h3 .is-over750{display:none}
}
body#top section#mv .mv__contents-txt h3 .is-under750{display:none}
@media screen and (max-width: 750px){body#top section#mv .mv__contents-txt h3 .is-under750{display:block}
}
body#top section#mv .mv__contents-people{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;padding:3vh 0 0;position:relative;width:100%}
@media screen and (max-width: 1024px){body#top section#mv .mv__contents-people{max-width:800px}
}
@media screen and (max-width: 750px){body#top section#mv .mv__contents-people{left:50%;min-width:600px;position:relative;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents-people{min-width:500px}
}
body#top section#mv .mv__contents-people p{display:block;height:40vh;max-width:100%;z-index:1}
@media screen and (max-width: 1024px){body#top section#mv .mv__contents-people p{height:37vh}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents-people p{height:34vh}
}
body#top section#mv .mv__contents-people p picture{display:block;height:100%;width:100%}
body#top section#mv .mv__contents-people p picture *{height:100%;width:auto}
body#top section#mv .mv__contents-people .person-2{height:38vh;margin:0 0 0 -11vh}
@media screen and (max-width: 1024px){body#top section#mv .mv__contents-people .person-2{height:35vh}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents-people .person-2{height:32vh;margin:0 0 0 -12vh}
}
body#top section#mv .mv__contents-people .person-3{height:43vh;margin:0 0 0 -16vh}
@media screen and (max-width: 1024px){body#top section#mv .mv__contents-people .person-3{height:40vh}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents-people .person-3{height:37vh;margin:0 0 0 -17vh}
}
body#top section#mv .mv__contents-people .person-4{height:42vh;margin:0 0 0 -11vh}
@media screen and (max-width: 1024px){body#top section#mv .mv__contents-people .person-4{height:39vh}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents-people .person-4{height:36vh;margin:0 0 0 -12vh}
}
body#top section#mv .mv__contents-people .person-5{height:38vh;margin:0 0 0 -17vh}
@media screen and (max-width: 1024px){body#top section#mv .mv__contents-people .person-5{height:36vh}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents-people .person-5{height:33vh;margin:0 0 0 -18vh}
}
body#top section#mv .mv__contents-symbol{margin:-25vh auto 0;max-width:804px;position:relative;width:70vh;z-index:5}
@media screen and (max-width: 1024px){body#top section#mv .mv__contents-symbol{margin:-28vh auto 0;max-width:700px}
}
@media screen and (max-width: 568px){body#top section#mv .mv__contents-symbol{margin:-25vh auto 0;max-width:400px}
}
@media screen and (max-width: 460px){body#top section#mv .mv__contents-symbol{max-width:290px;width:90%}
}
body#top section#mv .mv_scroll{margin:auto 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 60px}
@media screen and (max-width: 750px){body#top section#mv .mv_scroll{padding:60px 0 10px}
}
@media screen and (max-width: 568px){body#top section#mv .mv_scroll{bottom:30px}
}
body#top section#mv .mv_scroll p.is-over750{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font:300 13px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;letter-spacing:3px;position:relative}
@media screen and (max-width: 1024px){body#top section#mv .mv_scroll p.is-over750{letter-spacing:.1rem}
}
@media screen and (max-width: 750px){body#top section#mv .mv_scroll p.is-over750{display:none}
}
body#top section#mv .mv_scroll p.is-over750 span{aspect-ratio:1;background:#fff;border-radius:100px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:50px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}
@media screen and (max-width: 1024px){body#top section#mv .mv_scroll p.is-over750 span{aspect-ratio:1;width:40px}
}
body#top section#mv .mv_scroll p.is-over750 span::before{content:url(/40th/img/common/arrrow_blk.svg);display:block;width:20px}
@media screen and (max-width: 1024px){body#top section#mv .mv_scroll p.is-over750 span::before{width:15px}
}
body#top section#mv .mv_scroll p.is-under750{display:none}
@media screen and (max-width: 750px){body#top section#mv .mv_scroll p.is-under750{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;color:#fff;font-size:clamp(16px,2.8vw,18px);justify-content:center;line-height:1.4;text-align:center}
}
@media screen and (max-width: 568px){body#top section#mv .mv_scroll p.is-under750{font-size:14px}
}
body#top section#mv_under{position:relative;z-index:5}
body#top section#mv_under .under__contents{padding:170px 40px 100px}
@media screen and (max-width: 750px){body#top section#mv_under .under__contents{padding:150px 40px 100px}
}
@media screen and (max-width: 568px){body#top section#mv_under .under__contents{padding:100px 40px 70px}
}
@media screen and (max-width: 460px){body#top section#mv_under .under__contents{padding:100px 20px 70px}
}
body#top section#mv_under .under__contents-copy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin:0 auto;position:relative;white-space:nowrap;width:115px}
body#top section#mv_under .under__contents-copy p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;font-size:40px;font-weight:500;letter-spacing:5px;margin:0 10px;position:relative;writing-mode:vertical-rl;z-index:2}
@media screen and (max-width: 1250px){body#top section#mv_under .under__contents-copy p{font-size:clamp(35px,3.4vw,40px);letter-spacing:3px}
}
@media screen and (max-width: 750px){body#top section#mv_under .under__contents-copy p{font-size:clamp(30px,5.2vw,35px);margin:0 5px}
}
@media screen and (max-width: 568px){body#top section#mv_under .under__contents-copy p{font-size:25px}
}
@media screen and (max-width: 460px){body#top section#mv_under .under__contents-copy p{font-size:23px;margin:0 7px}
}
body#top section#mv_under .under__contents-copy p span.kbi{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;display:inline-block;text-orientation:upright;writing-mode:horizontal-tb;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;font-size:40px;font-weight:500;writing-mode:vertical-rl;-webkit-transform:translate(1px, 0);transform:translate(1px, 0)}
@media screen and (max-width: 1250px){body#top section#mv_under .under__contents-copy p span.kbi{font-size:clamp(35px,3.4vw,40px);letter-spacing:3px}
}
@media screen and (max-width: 750px){body#top section#mv_under .under__contents-copy p span.kbi{font-size:clamp(30px,5.2vw,35px);margin:0 5px}
}
@media screen and (max-width: 568px){body#top section#mv_under .under__contents-copy p span.kbi{font-size:25px}
}
@media screen and (max-width: 460px){body#top section#mv_under .under__contents-copy p span.kbi{font-size:23px;line-height:0}
}
body#top section#mv_under .under__contents-copy p span.num{font-size:40px;font-weight:500;padding:0 0 10px 0;-webkit-writing-mode:lr-tb;-ms-writing-mode:lr-tb;display:inline-block;writing-mode:lr-tb;-webkit-transform:translate(1px, 0);transform:translate(1px, 0)}
@media screen and (max-width: 750px){body#top section#mv_under .under__contents-copy p span.num{font-size:clamp(30px,5.2vw,40px)}
}
@media screen and (max-width: 568px){body#top section#mv_under .under__contents-copy p span.num{font-size:25px;padding:0 0 5px 0}
}
@media screen and (max-width: 460px){body#top section#mv_under .under__contents-copy p span.num{font-size:23px}
}
body#top section#mv_under .under__contents-logo{margin:90px auto 0;width:110px}
@media screen and (max-width: 1250px){body#top section#mv_under .under__contents-logo{margin:5vh auto 0}
}
@media screen and (max-width: 568px){body#top section#mv_under .under__contents-logo{width:80px}
}
body#top section#mv_under .under__contents-message{margin:30px auto}
body#top section#mv_under .under__contents-message-title{font-size:20px;font-weight:500;letter-spacing:3px;padding-bottom:25px;text-align:center}
@media screen and (max-width: 750px){body#top section#mv_under .under__contents-message-title{font-size:18px;letter-spacing:.15rem;line-height:1.5;padding-bottom:20px}
}
@media screen and (max-width: 460px){body#top section#mv_under .under__contents-message-title{padding-bottom:10px}
}
body#top section#mv_under .under__contents-message-txt{font-size:14px;letter-spacing:2px;line-height:2;text-align:center}
@media screen and (max-width: 568px){body#top section#mv_under .under__contents-message-txt{letter-spacing:.05rem;line-height:1.7}
}
body#top section#mv_under .under__contents .brtb{display:none}
@media screen and (max-width: 750px){body#top section#mv_under .under__contents .brtb{display:block}
}
body#top section#mv_under .under__contents .sp{display:none}
@media screen and (max-width: 568px){body#top section#mv_under .under__contents .sp{display:block}
}
body#top div.mvunder__contents-txt{left:50%;position:absolute;top:300px;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
@media screen and (max-width: 460px){body#top div.mvunder__contents-txt{top:220px}
}
body#top div.mvunder__contents-txt h3{color:#f7f7f7;display:inline-block;font:500 104px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;left:50%;letter-spacing:20px;margin:0 auto;position:relative;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
@media screen and (max-width: 1250px){body#top div.mvunder__contents-txt h3{font-size:clamp(95px,9.2vw,104px);letter-spacing:.7rem}
}
@media screen and (max-width: 1024px){body#top div.mvunder__contents-txt h3{font-size:clamp(80px,10.6vw,95px);letter-spacing:.5rem}
}
@media screen and (max-width: 750px){body#top div.mvunder__contents-txt h3{font-size:clamp(50px,8.7vw,75px)}
}
@media screen and (max-width: 568px){body#top div.mvunder__contents-txt h3{font-size:clamp(30px,8.1vw,50px);letter-spacing:.3rem}
}
body#top div.mvunder__contents-txt h3 span{display:block;margin:0 auto;padding-top:20px;width:790px}
body#top div.mvunder__contents-txt h3::before{content:"KBI 40TH";font:300 43px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;letter-spacing:8px;position:absolute;top:-60px}
@media screen and (max-width: 750px){body#top div.mvunder__contents-txt h3::before{font-size:clamp(25px,4.3vw,40px);letter-spacing:.2rem;top:-40px}
}
@media screen and (max-width: 568px){body#top div.mvunder__contents-txt h3::before{font-size:clamp(18px,4.8vw,25px);top:-60%}
}
body#top div.mvunder__contents-txt h3::after{content:"1985─2025";font:300 43px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;letter-spacing:8px;position:absolute;right:0;top:-60px}
@media screen and (max-width: 750px){body#top div.mvunder__contents-txt h3::after{font-size:clamp(25px,4.3vw,40px);letter-spacing:.2rem;top:-40px}
}
@media screen and (max-width: 568px){body#top div.mvunder__contents-txt h3::after{font-size:clamp(18px,4.8vw,25px);top:-60%}
}
body#top section#sec01{margin-bottom:60px;padding:130px 0 70px;position:relative}
@media screen and (max-width: 1024px){body#top section#sec01{margin-top:-180px;padding:165px 0 50px}
}
body#top section#sec01::before{background-image:url(/40th/img/common/40th_logowht.svg);background-repeat:no-repeat;content:"";height:100%;position:absolute;right:-60px;top:50%;width:477px;z-index:-1}
@media screen and (max-width: 568px){body#top section#sec01::before{right:-80px;top:75%;width:297px}
}
@media screen and (max-width: 1024px){body#top section#sec01 .scInr{padding:0 60px}
}
@media screen and (max-width: 750px){body#top section#sec01 .scInr{padding:0 40px}
}
@media screen and (max-width: 568px){body#top section#sec01 .scInr{padding:0 10px}
}
body#top section#sec01 .sec__titlebox{opacity:0;position:relative;visibility:hidden;-webkit-transform:translateY(50px);margin-bottom:65px;transform:translateY(50px)}
body#top section#sec01 .sec__titlebox.action{-webkit-animation-name:fadeinUnder;animation-name:fadeinUnder;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
@media screen and (max-width: 750px){body#top section#sec01 .sec__titlebox{padding:0 30px}
}
@media screen and (max-width: 460px){body#top section#sec01 .sec__titlebox{padding:0 20px}
}
body#top section#sec01 .sec__titlebox-num{font:500 12px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;left:-50px;position:absolute;top:10px}
@media screen and (max-width: 1250px){body#top section#sec01 .sec__titlebox-num{left:0;top:-30px}
}
@media screen and (max-width: 460px){body#top section#sec01 .sec__titlebox-num{left:20px}
}
body#top section#sec01 .sec__titlebox-title{font:600 76px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;-webkit-font-feature-settings:normal;background:-webkit-linear-gradient(0deg, #000000, #0087d0);font-feature-settings:normal;font-size:normal;font-variant:normal;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);letter-spacing:8px;position:relative;width:50%}
@media screen and (max-width: 1024px){body#top section#sec01 .sec__titlebox-title{font-size:70px;letter-spacing:5px}
}
@media screen and (max-width: 568px){body#top section#sec01 .sec__titlebox-title{font-size:60px}
}
@media screen and (max-width: 460px){body#top section#sec01 .sec__titlebox-title{font-size:clamp(42px,13vw,60px);letter-spacing:3px}
}
@media screen and (max-width: 1024px){body#top section#sec01 .sec__titlebox-title{line-height:1;width:71%}
}
@media screen and (max-width: 750px){body#top section#sec01 .sec__titlebox-title{width:95%}
}
body#top section#sec01 .sec__titlebox-ja{background:#000;color:#fff;font-size:14px;font-weight:500;left:200px;padding:4px 14px;position:absolute;top:10px}
@media screen and (max-width: 1024px){body#top section#sec01 .sec__titlebox-ja{left:210px}
}
@media screen and (max-width: 568px){body#top section#sec01 .sec__titlebox-ja{top:0}
}
@media screen and (max-width: 460px){body#top section#sec01 .sec__titlebox-ja{left:42%}
}
body#top section#sec01 .sec01__bg{background-image:url(/40th/img/top/white_bk.jpg);background-position:top center;background-size:cover;height:100%;left:50%;position:relative;position:absolute;top:0;width:calc(100% - 50px);-webkit-transform:translate(-50%, 0);border-radius:2rem;max-height:1270px;transform:translate(-50%, 0);z-index:-2}
@media screen and (max-width: 1024px){body#top section#sec01 .sec01__bg{height:75%;top:320px}
}
@media screen and (max-width: 750px){body#top section#sec01 .sec01__bg{height:85%;max-height:1400px}
}
@media screen and (max-width: 568px){body#top section#sec01 .sec01__bg{height:81%;width:calc(100% - 30px)}
}
@media screen and (max-width: 460px){body#top section#sec01 .sec01__bg{height:82%;max-height:inherit;top:300px}
}
body#top section#sec01 .sec01__img{height:400px;width:400px}
@media screen and (max-width: 1024px){body#top section#sec01 .sec01__img{height:auto;width:300px}
}
@media screen and (max-width: 750px){body#top section#sec01 .sec01__img{display:none}
}
body#top section#sec01 .sec01__img-sp{display:none}
@media screen and (max-width: 750px){body#top section#sec01 .sec01__img-sp{display:block}
}
body#top section#sec01 .sec01__textbox-name{font-size:14px;letter-spacing:2px;line-height:1.5;padding:45px 0 13px}
body#top section#sec01 .sec01__textbox-pimg{width:125px}
body#top section#sec01 .sec01__flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
@media screen and (max-width: 1024px){body#top section#sec01 .sec01__flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
}
@media screen and (max-width: 750px){body#top section#sec01 .sec01__flex{padding:0 30px}
}
@media screen and (max-width: 460px){body#top section#sec01 .sec01__flex{padding:0 20px}
}
body#top section#sec01 .sec01__flex-l{width:45%}
@media screen and (max-width: 1024px){body#top section#sec01 .sec01__flex-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-bottom:50px}
}
@media screen and (max-width: 750px){body#top section#sec01 .sec01__flex-l{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
}
@media screen and (max-width: 1024px){body#top section#sec01 .sec01__flex-l .sec01__textbox{padding-left:50px}
}
@media screen and (max-width: 750px){body#top section#sec01 .sec01__flex-l .sec01__textbox{padding-left:0}
}
body#top section#sec01 .sec01__flex-r{width:50%}
@media screen and (max-width: 1024px){body#top section#sec01 .sec01__flex-r{width:100%}
}
body#top section#sec01 .sec01__flex .sec01__textbox-text{font-size:14px;letter-spacing:.5px;line-height:1.8;padding-bottom:30px}
body#top section#sec02{overflow:hidden;padding:40px 0;white-space:nowrap}
body#top section#sec02 .sec02__loopbox-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation:loop-text 30s linear infinite;animation:loop-text 30s linear infinite;min-width:200%;width:-webkit-max-content;width:-moz-max-content;width:max-content}
body#top section#sec02 .sec02__loopbox-text span{font:300 16px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}
body#top section#sec02 .sec02__loopbox-text span i{display:inline-block;font-style:normal;padding:0 30px}
body#top section#sec03{margin-top:-50px;padding-top:50px}
@media screen and (max-width: 568px){body#top section#sec03{margin-top:-70px;padding-top:80px}
}
body#top section#sec03 .scInr{opacity:0;visibility:hidden;-webkit-transform:translateY(50px);transform:translateY(50px)}
body#top section#sec03 .scInr.action{-webkit-animation-name:fadeinUnder;animation-name:fadeinUnder;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
@media screen and (max-width: 750px){body#top section#sec03 .scInr{padding:0 20px}
}
@media screen and (max-width: 568px){body#top section#sec03 .scInr{padding:0 10px}
}
body#top section#sec03 .sec03__bg{background:#ebedf2;border-radius:2rem;margin:0 auto;padding:0 0 140px;width:calc(100% - 50px)}
@media screen and (max-width: 1024px){body#top section#sec03 .sec03__bg{padding:0 0 110px}
}
@media screen and (max-width: 750px){body#top section#sec03 .sec03__bg{height:85%}
}
@media screen and (max-width: 568px){body#top section#sec03 .sec03__bg{padding:50px 0 140px;width:calc(100% - 30px)}
}
body#top section#sec03 .sec__titlebox{margin:0 auto;margin-bottom:65px;position:relative;text-align:center}
body#top section#sec03 .sec__titlebox-num{font:500 12px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;margin:0 auto;text-align:center}
body#top section#sec03 .sec__titlebox-title{font:600 76px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;-webkit-font-feature-settings:normal;background:-webkit-linear-gradient(0deg, #000000, #0087d0);font-feature-settings:normal;font-size:normal;font-variant:normal;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);letter-spacing:8px;padding:100px 0 12px;position:relative}
@media screen and (max-width: 1024px){body#top section#sec03 .sec__titlebox-title{font-size:70px;letter-spacing:5px}
}
@media screen and (max-width: 568px){body#top section#sec03 .sec__titlebox-title{font-size:60px}
}
@media screen and (max-width: 460px){body#top section#sec03 .sec__titlebox-title{font-size:clamp(42px,13vw,60px);letter-spacing:3px}
}
@media screen and (max-width: 1024px){body#top section#sec03 .sec__titlebox-title{padding:108px 0 12px}
}
@media screen and (max-width: 568px){body#top section#sec03 .sec__titlebox-title{padding:0 0 12px}
}
body#top section#sec03 .sec__titlebox-ja{background:#000;color:#fff;font-size:14px;font-weight:500;padding:4px 14px}
body#top section#sec03 .sec03__textbox{margin:0 auto;text-align:center}
body#top section#sec03 .sec03__textbox-ja{display:inline-block;font-size:30px;font-weight:400;letter-spacing:8px;margin-bottom:50px;position:relative}
body#top section#sec03 .sec03__textbox-ja::before{background-color:#000;content:"";height:1px;left:-80px;position:absolute;top:50%;width:40px}
@media screen and (max-width: 750px){body#top section#sec03 .sec03__textbox-ja::before{left:-60px}
}
@media screen and (max-width: 568px){body#top section#sec03 .sec03__textbox-ja::before{left:-40px;width:30px}
}
body#top section#sec03 .sec03__textbox-ja::after{background-color:#000;content:"";height:1px;position:absolute;right:-80px;top:50%;width:40px}
@media screen and (max-width: 750px){body#top section#sec03 .sec03__textbox-ja::after{right:-60px}
}
@media screen and (max-width: 568px){body#top section#sec03 .sec03__textbox-ja::after{right:-40px;width:30px}
}
@media screen and (max-width: 750px){body#top section#sec03 .sec03__textbox-ja{font-size:25px}
}
@media screen and (max-width: 568px){body#top section#sec03 .sec03__textbox-ja{font-size:18px;letter-spacing:5px}
}
body#top section#sec03 .sec03__textbox-en{font:400 16px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;padding-bottom:25px}
body#top section#sec03 .sec03__textbox-text{font-size:16px;letter-spacing:3px}
@media screen and (max-width: 568px){body#top section#sec03 .sec03__textbox-text{font-size:15px;letter-spacing:2px}
}
body#top section#sec03 .sec03__history{border-top:1px solid #fff;margin-top:75px}
body#top section#sec03 .sec03__history li{border-bottom:1px solid #fff}
body#top section#sec03 .sec03__history-flexbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:45px;position:relative}
@media screen and (max-width: 568px){body#top section#sec03 .sec03__history-flexbox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
}
body#top section#sec03 .sec03__history-flexbox::after{background:#dbd7d1;content:"";height:calc(100% + 10px);left:4px;position:absolute;top:0;width:1px}
body#top section#sec03 .sec03__history-flexbox:last-child{padding-bottom:0}
body#top section#sec03 .sec03__history-title{cursor:pointer;padding:22px 48px;position:relative}
@media screen and (max-width: 1024px){body#top section#sec03 .sec03__history-title{padding:22px 20px}
}
@media screen and (max-width: 568px){body#top section#sec03 .sec03__history-title{padding:22px 50px 22px 10px}
}
body#top section#sec03 .sec03__history-title p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#9c9c9d;font:500 12px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}
@media screen and (max-width: 1024px){body#top section#sec03 .sec03__history-title p{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
}
body#top section#sec03 .sec03__history-title p span{color:#000;font:500 25px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;padding-right:25px}
@media screen and (max-width: 1024px){body#top section#sec03 .sec03__history-title p span{padding-right:0}
}
@media screen and (max-width: 750px){body#top section#sec03 .sec03__history-title p span{font-size:20px}
}
@media screen and (max-width: 568px){body#top section#sec03 .sec03__history-title p span{font-size:18px}
}
@media screen and (max-width: 460px){body#top section#sec03 .sec03__history-title p span{font-size:16px}
}
body#top section#sec03 .sec03__history-title.close p{color:#fff}
body#top section#sec03 .sec03__history-title.close p span{color:#fff}
body#top section#sec03 .sec03__history-title.close span:hover{color:#fff !important}
body#top section#sec03 .sec03__history-title.close::before{background:#fff}
body#top section#sec03 .sec03__history-title.close::after{opacity:0}
body#top section#sec03 .sec03__history-title::before,body#top section#sec03 .sec03__history-title::after{background:-webkit-linear-gradient(0deg, #000000, #0087d0);content:"";height:2px;position:absolute;width:15px;-webkit-transition:all .2s ease;transition:all .2s ease}
body#top section#sec03 .sec03__history-title::before{right:35px;top:48%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
body#top section#sec03 .sec03__history-title::after{right:35px;top:48%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
body#top section#sec03 .digitalOnline .sec03__history-title.close{background-color:#cc5c5e}
body#top section#sec03 .contactCenter .sec03__history-title.close{background-color:#efbc72}
body#top section#sec03 .bpo .sec03__history-title.close{background-color:#6798cc}
body#top section#sec03 .salesPromotion .sec03__history-title.close{background-color:#bc79b3}
body#top section#sec03 .educationSeminar .sec03__history-title.close{background-color:#d5885d}
body#top section#sec03 .ar .sec03__history-title.close{background-color:#72a472}
body#top section#sec03 .digitalOnline .sec03__history-title p span:hover{letter-spacing:.2rem;-webkit-transition:all .5s ease;color:#cc5c5e;transition:all .5s ease}
body#top section#sec03 .contactCenter .sec03__history-title p span:hover{letter-spacing:.2rem;-webkit-transition:all .5s ease;color:#efbc72;transition:all .5s ease}
body#top section#sec03 .bpo .sec03__history-title p span:hover{letter-spacing:.2rem;-webkit-transition:all .5s ease;color:#6798cc;transition:all .5s ease}
body#top section#sec03 .salesPromotion .sec03__history-title p span:hover{letter-spacing:.2rem;-webkit-transition:all .5s ease;color:#bc79b3;transition:all .5s ease}
body#top section#sec03 .educationSeminar .sec03__history-title p span:hover{letter-spacing:.2rem;-webkit-transition:all .5s ease;color:#d5885d;transition:all .5s ease}
body#top section#sec03 .ar .sec03__history-title p span:hover{letter-spacing:.2rem;-webkit-transition:all .5s ease;color:#72a472;transition:all .5s ease}
body#top section#sec03 .sec03__history-box{background:#fff;display:none;padding:85px 108px 85px 150px;position:relative}
@media screen and (max-width: 1024px){body#top section#sec03 .sec03__history-box{padding:85px 40px}
}
@media screen and (max-width: 750px){body#top section#sec03 .sec03__history-box{padding:65px 20px}
}
@media screen and (max-width: 460px){body#top section#sec03 .sec03__history-box{padding:65px 10px}
}
body#top section#sec03 .history_generation{color:red;font:400 14px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-height:1;padding-left:50px;position:relative;width:100px}
@media screen and (max-width: 460px){body#top section#sec03 .history_generation{padding-left:30px}
}
body#top section#sec03 .history_generation::before{background:red;border-radius:100px;content:"";height:10px;left:0;position:absolute;top:1px;width:10px;z-index:2}
body#top section#sec03 .history_generation span{border-bottom:5px solid rgba(0,0,0,0);border-left:0;border-right:7px solid #dbd7d1;border-style:solid;border-top:5px solid rgba(0,0,0,0);display:block;height:0;left:30px;position:absolute;top:1px;width:0}
@media screen and (max-width: 460px){body#top section#sec03 .history_generation span{left:14px}
}
body#top section#sec03 .history_overview{position:relative;width:calc(100% - 190px)}
@media screen and (max-width: 750px){body#top section#sec03 .history_overview{width:calc(100% - 150px)}
}
@media screen and (max-width: 568px){body#top section#sec03 .history_overview{padding-left:50px;padding-top:20px;width:84%}
}
@media screen and (max-width: 460px){body#top section#sec03 .history_overview{padding-left:30px}
}
body#top section#sec03 .history_overview_img{max-width:310px}
body#top section#sec03 .history_overview_img-vertical{max-width:160px}
body#top section#sec03 .history_overview_img-medium{max-width:180px}
body#top section#sec03 .history_overview_img-logo{max-width:250px}
body#top section#sec03 .history_overview_img-two{max-width:495px;padding-bottom:25px}
body#top section#sec03 .history_overview_img-01{max-width:194px}
body#top section#sec03 .history_overview_img-02{max-width:126px}
body#top section#sec03 .history_overview_illust{max-width:256px}
body#top section#sec03 .history_overview_img-02.under{padding-bottom:15px}
body#top section#sec03 .history_ovrview_imgbox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
@media screen and (max-width: 1024px){body#top section#sec03 .history_ovrview_imgbox .history_overview_img{padding-bottom:20px}
}
body#top section#sec03 .history_ovrview_imgbox.illust{margin-top:-30px}
body#top section#sec03 .history_ovrview_imgbox.margin{gap:20px;padding-bottom:40px}
body#top section#sec03 .history_ovrview_imgbox.padding{gap:52px;padding-top:40px}
@media screen and (max-width: 1024px){body#top section#sec03 .history_ovrview_imgbox.padding{gap:22px}
}
body#top section#sec03 .history_ovrview_imgbox.nospace{-webkit-box-pack:start;-ms-flex-pack:start;gap:50px;justify-content:flex-start}
@media screen and (max-width: 1024px){body#top section#sec03 .history_ovrview_imgbox.nospace{gap:20px}
}
body#top section#sec03 .history_ovrview_imgbox.gap{gap:20px}
@media screen and (max-width: 1024px){body#top section#sec03 .history_ovrview_imgbox.gap{gap:10px}
}
body#top section#sec03 .history_overview_img.large{max-width:400px}
body#top section#sec03 .history_overview_img.illust{max-width:520px}
body#top section#sec03 .history_overview_illust.only{max-width:241px}
body#top section#sec03 .history_overview_illust.under{padding-bottom:40px}
body#top section#sec03 .history_overview_illust.logounder{padding-bottom:25px}
body#top section#sec03 .history_overview_img.under{padding-bottom:15px}
body#top section#sec03 .history_overview_illust.large{max-width:308px}
body#top section#sec03 .history_title{font:500 16px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;margin:-5px 0 0;padding-bottom:10px}
body#top section#sec03 .history_title_light{font-size:13px;font-weight:400;line-height:1.5;margin:-5px 0 0}
body#top section#sec03 .history_title.only{padding-bottom:0}
body#top section#sec03 .history_overview_details{font:400 13px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;padding-bottom:25px}
body#top section#sec03 .history_overview_details.under{padding-top:25px}
body#top section#sec03 .history_overview_details.nounder{padding-bottom:0}
body#top section#sec03 .history_overview_details.largeunder{padding-bottom:45px}
body#top section#sec03 .history_overview_img-logo.yohaku{margin-bottom:10px}
body#top section#sec03 .digitalOnline .histor_ovrview_imgbox .history_overview_img-logo{padding-bottom:20px}
body#top section#sec03 .red_txt{color:red;display:block;font:500 13px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;letter-spacing:.5px;padding-bottom:13px}
body#top section#sec03 .detail{display:block;font-size:13px;letter-spacing:.03rem;line-height:1.5;padding-top:12px}
body#top section#sec03 .detail.center{text-align:center}
body#top section#sec03 .detail.center.under{padding-bottom:30px;text-align:center}
body#top section#sec03 .contactCenter .history_overview_illust{margin:-30px 0 0;max-width:308px}
body#top section#sec04{background:#f7f7f7;margin-top:-50px;padding-top:50px;position:relative}
body#top section#sec04::before{background:#f7f7f7;content:"";height:500px;left:0;position:absolute;top:-30%;width:100vw;z-index:-1}
@media screen and (max-width: 750px){body#top section#sec04::before{top:-23%}
}
body#top section#sec04 .sec04__bg{background:#fff;border-radius:2rem;margin:0 auto;max-height:1400px;padding:0 0 130px;width:calc(100% - 50px)}
@media screen and (max-width: 1024px){body#top section#sec04 .sec04__bg{height:100%;margin-bottom:130px;max-height:inherit;padding:100px 0 130px}
}
@media screen and (max-width: 568px){body#top section#sec04 .sec04__bg{padding:60px 0 130px;width:calc(100% - 30px)}
}
body#top section#sec04 .scInr{opacity:0;visibility:hidden;-webkit-transform:translateY(50px);transform:translateY(50px)}
body#top section#sec04 .scInr.action{-webkit-animation-name:fadeinUnder;animation-name:fadeinUnder;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
@media screen and (max-width: 568px){body#top section#sec04 .scInr{padding:0 20px}
}
body#top section#sec04 .sec__titlebox{margin-bottom:65px;position:relative}
body#top section#sec04 .sec__titlebox-num{font:500 12px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}
body#top section#sec04 .sec__titlebox-title{font:600 76px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;-webkit-font-feature-settings:normal;background:-webkit-linear-gradient(0deg, #000000, #0087d0);font-feature-settings:normal;font-size:normal;font-variant:normal;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);letter-spacing:8px;padding:140px 0 25px;position:relative;width:55%}
@media screen and (max-width: 1024px){body#top section#sec04 .sec__titlebox-title{font-size:70px;letter-spacing:5px}
}
@media screen and (max-width: 568px){body#top section#sec04 .sec__titlebox-title{font-size:60px}
}
@media screen and (max-width: 460px){body#top section#sec04 .sec__titlebox-title{font-size:clamp(42px,13vw,60px);letter-spacing:3px}
}
@media screen and (max-width: 1024px){body#top section#sec04 .sec__titlebox-title{padding:0 0 25px;width:80%}
}
@media screen and (max-width: 750px){body#top section#sec04 .sec__titlebox-title{width:100%}
}
body#top section#sec04 .sec__titlebox-ja{background:#000;color:#fff;font-size:14px;font-weight:500;padding:4px 14px}
body#top section#sec04 .sec04__flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 62px}
@media screen and (max-width: 750px){body#top section#sec04 .sec04__flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
}
body#top section#sec04 .sec04__flex-l{width:300px}
@media screen and (max-width: 1024px){body#top section#sec04 .sec04__flex-l{width:230px}
}
@media screen and (max-width: 750px){body#top section#sec04 .sec04__flex-l{width:100%}
}
body#top section#sec04 .sec04__flex-l p{font-size:30px;letter-spacing:2px}
@media screen and (max-width: 1024px){body#top section#sec04 .sec04__flex-l p{font-size:26px}
}
body#top section#sec04 .sec04__flex-r{position:relative;width:calc(100% - 350px)}
@media screen and (max-width: 1024px){body#top section#sec04 .sec04__flex-r{width:calc(100% - 290px)}
}
@media screen and (max-width: 750px){body#top section#sec04 .sec04__flex-r{padding-top:30px;width:100%}
}
body#top section#sec04 .sec04__flex-r::before{background:#000;content:"";height:calc(100% + 10px);left:-50px;position:absolute;top:0;width:1px}
@media screen and (max-width: 750px){body#top section#sec04 .sec04__flex-r::before{height:1px;left:0;top:15px;width:100%}
}
body#top section#sec04 .sec04__flex-r .sec04__textbox-subtitle{font:400 12px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;padding-bottom:45px}
@media screen and (max-width: 750px){body#top section#sec04 .sec04__flex-r .sec04__textbox-subtitle{font-size:14px;padding-bottom:30px}
}
body#top section#sec04 .sec04__flex-r .sec04__textbox-title{font:500 20px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-height:2;padding-bottom:34px}
@media screen and (max-width: 1250px){body#top section#sec04 .sec04__flex-r .sec04__textbox-title br{display:none}
}
@media screen and (max-width: 750px){body#top section#sec04 .sec04__flex-r .sec04__textbox-title{padding-bottom:30px}
}
@media screen and (max-width: 568px){body#top section#sec04 .sec04__flex-r .sec04__textbox-title{font-size:16px;letter-spacing:.05rem;line-height:1.5}
}
body#top section#sec04 .sec04__flex-r .sec04__textbox-title .brsp{display:none}
@media screen and (max-width: 568px){body#top section#sec04 .sec04__flex-r .sec04__textbox-title .brsp{display:block}
}
body#top section#sec04 .sec04__flex-r .sec04__textbox-underline{display:inline-block;font:500 14px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;padding-bottom:14px;text-decoration:underline}
@media screen and (max-width: 568px){body#top section#sec04 .sec04__flex-r .sec04__textbox-underline{font-size:15px}
}
body#top section#sec04 .sec04__flex-r .sec04__textbox-txt{font-size:13px;line-height:2}
@media screen and (max-width: 568px){body#top section#sec04 .sec04__flex-r .sec04__textbox-txt{font-size:14px}
}
body#top section#sec04 .diagonalLine{background-image:repeating-linear-gradient(120deg, #dbd7d1, #dbd7d1 1px, transparent 2px, transparent 18px);height:20px;width:100%}
body#top section#sec04 .logo-flexbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:55px 0 70px}
@media screen and (max-width: 1024px){body#top section#sec04 .logo-flexbox{padding:0 0 70px}
}
@media screen and (max-width: 750px){body#top section#sec04 .logo-flexbox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;padding-bottom:70px}
}
body#top section#sec04 .logo-flexbox-l,body#top section#sec04 .logo-flexbox-r{width:48%}
@media screen and (max-width: 750px){body#top section#sec04 .logo-flexbox-l,body#top section#sec04 .logo-flexbox-r{width:100%}
}
body#top section#sec04 .logo-flexbox-l .flexbox__logo-img{max-width:499px}
@media screen and (max-width: 568px){body#top section#sec04 .logo-flexbox-l .flexbox__logo-img{max-width:400px}
}
body#top section#sec04 .logo-flexbox-r .flexbox__logo-img{max-width:146px}
@media screen and (max-width: 568px){body#top section#sec04 .logo-flexbox-r .flexbox__logo-img{max-width:116px}
}
body#top section#sec04 .flexbox__logo-subtitle{font-size:12px;padding-bottom:15px;padding-top:78px}
@media screen and (max-width: 750px){body#top section#sec04 .flexbox__logo-subtitle{padding-top:45px}
}
body#top section#sec04 .flexbox__logo-img{margin:35px auto 0}
@media screen and (max-width: 1024px){body#top section#sec04 .flexbox__logo-img{height:90px}
}
@media screen and (max-width: 750px){body#top section#sec04 .flexbox__logo-img{height:inherit}
}
body#top section#sec04 .flexbox__logo-about{background:#f5f5f5;padding:29px}
body#top section#sec04 .flexbox__logo-about p{font-size:13px;letter-spacing:1px;line-height:2}
body#top section#sec05{background:#f7f7f7;padding-bottom:160px;padding-top:133px;position:relative;z-index:1}
@media screen and (max-width: 1024px){body#top section#sec05{margin-top:-200px;margin-top:-200px;padding-top:0}
}
@media screen and (max-width: 568px){body#top section#sec05{padding-bottom:60px}
}
@media screen and (max-width: 568px){body#top section#sec05 .scInr{padding:0 40px}
}
@media screen and (max-width: 460px){body#top section#sec05 .scInr{padding:0 30px}
}
body#top section#sec05 .sec__titlebox{margin:0 auto;opacity:0;padding-bottom:65px;position:relative;text-align:center;visibility:hidden;-webkit-transform:translateY(50px);transform:translateY(50px)}
body#top section#sec05 .sec__titlebox.action{-webkit-animation-name:fadeinUnder;animation-name:fadeinUnder;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
@media screen and (max-width: 1024px){body#top section#sec05 .sec__titlebox{padding-bottom:0}
}
@media screen and (max-width: 568px){body#top section#sec05 .sec__titlebox{padding-bottom:35px}
}
body#top section#sec05 .sec__titlebox-num{font:500 12px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;margin:0 auto;text-align:center}
body#top section#sec05 .sec__titlebox-title{font:600 76px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;-webkit-font-feature-settings:normal;background:-webkit-linear-gradient(0deg, #000000, #0087d0);font-feature-settings:normal;font-size:normal;font-variant:normal;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);letter-spacing:8px;padding:20px 0 12px;position:relative}
@media screen and (max-width: 1024px){body#top section#sec05 .sec__titlebox-title{font-size:70px;letter-spacing:5px}
}
@media screen and (max-width: 568px){body#top section#sec05 .sec__titlebox-title{font-size:60px}
}
@media screen and (max-width: 460px){body#top section#sec05 .sec__titlebox-title{font-size:clamp(42px,13vw,60px);letter-spacing:3px}
}
@media screen and (max-width: 1024px){body#top section#sec05 .sec__titlebox-title{padding:150px 0 12px}
}
body#top section#sec05 .sec__titlebox-ja{background:#000;color:#fff;font-size:14px;font-weight:500;padding:4px 14px}
body#top section#sec05 .sec__titlebox-description{font-size:16px;letter-spacing:4px;line-height:1.5;margin-top:73px}
@media screen and (max-width: 1024px){body#top section#sec05 .sec__titlebox-description{margin-top:50px}
}
@media screen and (max-width: 568px){body#top section#sec05 .sec__titlebox-description{letter-spacing:2px}
}
body#top section#sec05 .sec05__flexbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:65px}
@media screen and (max-width: 750px){body#top section#sec05 .sec05__flexbox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;padding:0 30px}
}
@media screen and (max-width: 568px){body#top section#sec05 .sec05__flexbox{padding:0}
}
body#top section#sec05 .sec05__flexbox-l{width:345px;-ms-flex-negative:0;flex-shrink:0}
@media screen and (max-width: 1250px){body#top section#sec05 .sec05__flexbox-l{width:250px}
}
@media screen and (max-width: 1024px){body#top section#sec05 .sec05__flexbox-l{display:none}
}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist{position:sticky;top:185px}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li{margin-bottom:38px;padding-left:30px}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li a{cursor:pointer;font:500 18px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;letter-spacing:1px;padding-bottom:2px;position:relative}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li a span{display:block;font:300 12px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;padding-top:5px}
@media screen and (max-width: 1250px){body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li a{font-size:16px}
}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li a::before{background:#b0b1b1;border-radius:100px;content:"";height:10px;left:-22px;position:absolute;top:10px;width:10px}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li a:hover{letter-spacing:.15rem;-webkit-transition:all .3s ease;color:red;transition:all .3s ease}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.do a.active{color:#cc5c5e}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.do a:hover{color:#cc5c5e}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.do a.active::before{background:#cc5c5e}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.cc a.active{color:#efbc72}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.cc a.active::before{background:#efbc72}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.cc a:hover{color:#efbc72}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.bpo a.active{color:#6798cc}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.bpo a:hover{color:#6798cc}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.bpo a.active::before{background:#6798cc}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.sp a:hover{color:#bc79b3}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.sp a.active{color:#bc79b3}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.sp a.active::before{background:#bc79b3}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.sp a:hover{color:#bc79b3}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.es a.active{color:#d58b5a}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.es a:hover{color:#d58b5a}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.es a.active::before{background-color:#d58b5a}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.ar a.active{color:#72a472}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.ar a:hover{color:#72a472}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.ar a.active::before{background:#72a472}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.energy a.active{color:#028eb8}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.energy a:hover{color:#028eb8}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist li.energy a.active::before{background:#028eb8}
body#top section#sec05 .sec05__flexbox-l .sec05__categorylist a.active{color:#cc5c5e}
body#top section#sec05 .sec05__flexbox-r{max-width:1200px;overflow:visible;position:relative;width:100vw}
@media screen and (max-width: 1024px){body#top section#sec05 .sec05__flexbox-r{padding:0 20px}
}
@media screen and (max-width: 750px){body#top section#sec05 .sec05__flexbox-r{padding:0;width:100%}
}
body#top section#sec05 .sec05__flexbox .scrollarea{margin:-157px auto 0;margin-right:-24%;max-width:1200px;max-width:615px;padding-right:24%;z-index:2}
@media screen and (max-width: 1024px){body#top section#sec05 .sec05__flexbox .scrollarea{height:inherit;margin:50px auto;max-width:inherit;overflow-y:inherit;width:100%}
}
@media screen and (max-width: 750px){body#top section#sec05 .sec05__flexbox .scrollarea{margin-right:0;padding-right:0}
}
body#top section#sec05 .sec05__flexbox .scrollarea::-webkit-scrollbar{width:2px}
body#top section#sec05 .sec05__flexbox .scrollarea::-webkit-scrollbar-thumb{background:#b0b1b1;border-radius:4px}
body#top section#sec05 .sec05__flexbox .scrollarea::-webkit-scrollbar-track{background:#d6d6d6}
body#top section#sec05 .sec05__box{position:relative}
body#top section#sec05 .sec05__box__about{position:relative;width:355px}
@media screen and (max-width: 750px){body#top section#sec05 .sec05__box__about{width:100%}
}
body#top section#sec05 .sec05__box::before{background-size:contain;bottom:0;content:"";height:235px;position:absolute;right:-130px;width:360px}
@media screen and (max-width: 1024px){body#top section#sec05 .sec05__box::before{right:calc(50% - 420px)}
}
@media screen and (max-width: 750px){body#top section#sec05 .sec05__box::before{display:none}
}
body#top section#sec05 .sec05__box-title a{display:inline-block;font:500 26px "Comfortaa","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;position:relative}
@media screen and (max-width: 568px){body#top section#sec05 .sec05__box-title a{letter-spacing:.02rem}
}
body#top section#sec05 .sec05__box-title a span{color:#000;display:block;font:400 12px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;padding-top:5px}
@media screen and (min-width: 569px){body#top section#sec05 .sec05__box-title a:hover{letter-spacing:.2rem;-webkit-transition:all .5s ease;transition:all .5s ease}
}
body#top section#sec05 .sec05__box-ja{border-bottom:solid thin #dbd7d1;font:500 16px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-height:2;padding:54px 0 27px}
@media screen and (max-width: 750px){body#top section#sec05 .sec05__box-ja{padding:20px 0}
}
body#top section#sec05 .sec05__box-text{font-size:13px;letter-spacing:.5px;line-height:2;padding-top:27px}
body#top section#sec05 .sec05__box-spimg{display:none}
@media screen and (max-width: 750px){body#top section#sec05 .sec05__box-spimg{display:block;margin-top:25px;width:100%}
}
body#top section#sec05 .sec05__linkbox{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:63px;padding-top:42px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:14px}
@media screen and (max-width: 750px){body#top section#sec05 .sec05__linkbox{gap:8px}
}
@media screen and (max-width: 568px){body#top section#sec05 .sec05__linkbox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:25px}
}
body#top section#sec05 .sec05__linkbox li{min-width:195px;width:186px}
@media screen and (max-width: 568px){body#top section#sec05 .sec05__linkbox li{margin:0 auto;max-width:329px;width:100%}
}
body#top section#sec05 .sec05__linkbox li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:solid thin #dbd7d1;height:65px;position:relative;text-align:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
@media screen and (max-width: 568px){body#top section#sec05 .sec05__linkbox li a{height:101px}
}
body#top section#sec05 .sec05__linkbox li a::before{bottom:11px;content:url(/40th/img/common/link_icon.svg);display:block;position:absolute;width:11px}
@media screen and (min-width: 569px){body#top section#sec05 .sec05__linkbox li a:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .5s ease;transition:all .5s ease}
}
body#top section#sec05 .sec05__linkbox-title{color:#53add4;font:700 15px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;padding-bottom:3px;padding-top:10px}
@media screen and (max-width: 568px){body#top section#sec05 .sec05__linkbox-title{font-size:25px;padding-top:22px}
}
body#top section#sec05 .sec05__linkbox-title span{font:600 14px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;letter-spacing:.05rem}
@media screen and (max-width: 568px){body#top section#sec05 .sec05__linkbox-title span{font-size:21px}
}
body#top section#sec05 .sec05__linkbox-text{display:block;font-size:13px;line-height:1.8;padding-left:15px;padding-top:6px;position:relative}
@media screen and (max-width: 568px){body#top section#sec05 .sec05__linkbox-text{font-size:14px}
}
body#top section#sec05 .sec05__linkbox-text::before{background-color:red;content:"";height:1px;left:0;position:absolute;top:17px;width:10px}
body#top section#sec05 .sec05__box01 .sec05__box-title a,body#top section#sec05 .sec05__box01 .sec05__linkbox-title{color:#cc5c5e}
body#top section#sec05 .sec05__box01 .sec05__box::before{background:url(/40th/img/solution/digitalonline.jpg) no-repeat top center}
body#top section#sec05 .sec05__box01 .sec05__box-spimg{background:url(/40th/img/solution/digitalonline.jpg) no-repeat top center;background-size:cover;height:230px}
body#top section#sec05 .sec05__box01 .sec05__box-title a i{aspect-ratio:1;background:url(/40th/img/solution/link_do.svg) no-repeat;display:inline-block;margin-left:10px;width:11px}
body#top section#sec05 .sec05__box01 .kbi_link:hover{background:#cc5c5e;color:#fff;-webkit-transition:all .5s ease;border:none;transition:all .5s ease}
body#top section#sec05 .sec05__box01 .kbi_link:hover::before{content:url(/40th/img/common/link_icon_wh.svg)}
body#top section#sec05 .sec05__box02 .sec05__box-title a,body#top section#sec05 .sec05__box02 .sec05__linkbox-title{color:#bc79b3}
body#top section#sec05 .sec05__box02 .sec05__box::before{background:url(/40th/img/solution/salepromotion.webp) no-repeat top center}
body#top section#sec05 .sec05__box02 .sec05__box-spimg{background:url(/40th/img/solution/salepromotion.webp) no-repeat top center;background-size:cover;height:230px}
body#top section#sec05 .sec05__box02 .sec05__box-title a i{aspect-ratio:1;background:url(/40th/img/solution/link_sp.svg) no-repeat;display:inline-block;margin-left:10px;width:11px}
body#top section#sec05 .sec05__box02 .kbi_link:hover{background:#bc79b3;color:#fff;-webkit-transition:all .5s ease;border:none;transition:all .5s ease}
body#top section#sec05 .sec05__box02 .kbi_link:hover::before{content:url(/40th/img/common/link_icon_wh.svg)}
body#top section#sec05 .sec05__box03 .sec05__box-title a,body#top section#sec05 .sec05__box03 .sec05__linkbox-title{color:#efbc72}
body#top section#sec05 .sec05__box03 .sec05__box::before{background:url(/40th/img/solution/contactCenter.webp) no-repeat top center}
body#top section#sec05 .sec05__box03 .sec05__box-spimg{background:url(/40th/img/solution/contactCenter.webp) no-repeat top center;background-size:cover;height:230px}
body#top section#sec05 .sec05__box03 .sec05__box-title a i{aspect-ratio:1;background:url(/40th/img/solution/link_cc.svg) no-repeat;display:inline-block;margin-left:10px;width:11px}
body#top section#sec05 .sec05__box03 .kbi_link:hover{background:#efbc72;color:#fff;-webkit-transition:all .5s ease;border:none;transition:all .5s ease}
body#top section#sec05 .sec05__box03 .kbi_link:hover::before{content:url(/40th/img/common/link_icon_wh.svg)}
body#top section#sec05 .sec05__box04 .sec05__box-title a,body#top section#sec05 .sec05__box04 .sec05__linkbox-title{color:#d58b5a}
body#top section#sec05 .sec05__box04 .sec05__box::before{background:url(/40th/img/solution/educationSeminar.webp) no-repeat top center}
body#top section#sec05 .sec05__box04 .sec05__box-spimg{background:url(/40th/img/solution/educationSeminar.webp) no-repeat top center;background-size:cover;height:230px}
body#top section#sec05 .sec05__box04 .sec05__box-title a i{aspect-ratio:1;background:url(/40th/img/solution/link_es.svg) no-repeat;display:inline-block;margin-left:10px;width:11px}
body#top section#sec05 .sec05__box04 .sec05__linkbox-title{color:#d58b5a;font-size:14px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:.5px}
@media screen and (max-width: 568px){body#top section#sec05 .sec05__box04 .sec05__linkbox-title{font-size:25px;padding-top:22px}
}
body#top section#sec05 .sec05__box04 .sec05__linkbox-title-full{color:#d58b5a;font:700 16px "Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;padding-bottom:3px;padding-top:10px}
@media screen and (max-width: 568px){body#top section#sec05 .sec05__box04 .sec05__linkbox-title-full{font-size:25px;padding-top:22px}
}
body#top section#sec05 .sec05__box04 .kbi_link:hover{background:#d58b5a;color:#fff;-webkit-transition:all .5s ease;border:none;transition:all .5s ease}
body#top section#sec05 .sec05__box04 .kbi_link:hover::before{content:url(/40th/img/common/link_icon_wh.svg)}
body#top section#sec05 .sec05__box05 .sec05__box-title a,body#top section#sec05 .sec05__box05 .sec05__linkbox-title{color:#6798cc}
body#top section#sec05 .sec05__box05 .sec05__box::before{background:url(/40th/img/solution/bpo.webp) no-repeat top center}
body#top section#sec05 .sec05__box05 .sec05__box-spimg{background:url(/40th/img/solution/bpo.webp) no-repeat top center;background-size:cover;height:230px}
body#top section#sec05 .sec05__box05 .sec05__box-title a i{aspect-ratio:1;background:url(/40th/img/solution/link_bpo.svg) no-repeat;display:inline-block;margin-left:10px;width:11px}
body#top section#sec05 .sec05__box05 .kbi_link:hover{background:#6798cc;color:#fff;-webkit-transition:all .5s ease;border:none;transition:all .5s ease}
body#top section#sec05 .sec05__box05 .kbi_link:hover::before{content:url(/40th/img/common/link_icon_wh.svg)}
body#top section#sec05 .sec05__box06 .sec05__box-title a,body#top section#sec05 .sec05__box06 .sec05__linkbox-title{color:#72a472}
body#top section#sec05 .sec05__box06 .sec05__box::before{background:url(/40th/img/solution/architectureResearch.webp) no-repeat top center}
body#top section#sec05 .sec05__box06 .sec05__box-spimg{background:url(/40th/img/solution/architectureResearch.webp) no-repeat top center;background-size:cover;height:230px}
body#top section#sec05 .sec05__box06 .sec05__box-title a i{aspect-ratio:1;background:url(/40th/img/solution/link_ar.svg) no-repeat;display:inline-block;margin-left:10px;width:11px}
body#top section#sec05 .sec05__box06 .kbi_link:hover{background:#72a472;color:#fff;-webkit-transition:all .5s ease;border:none;transition:all .5s ease}
body#top section#sec05 .sec05__box06 .kbi_link:hover::before{content:url(/40th/img/common/link_icon_wh.svg)}
body#top section#sec05 .sec05__box07 .sec05__box::before{background:url(/40th/img/solution/fec.webp) no-repeat top center;bottom:31px}
body#top section#sec05 .sec05__box07 .sec05__box-spimg{background:url(/40th/img/solution/fec.webp) no-repeat top center;background-size:cover;height:230px}
body#top section#sec05 .sec05__box07 .sec05__box-title a{color:#028eb8}
body#top section#sec05 .sec05__box07 .sec05__box-title a i{aspect-ratio:1;background:url(/40th/img/solution/link_energy.svg) no-repeat;display:inline-block;margin-left:10px;width:11px}
body#top section#sec05 .sec05__box07 .kbi_link{margin-bottom:0;margin-top:63px}
body#top section#sec05 .sec05__box07 .kbi_link:hover{background:#028eb8;color:#fff;-webkit-transition:all .5s ease;border:none;transition:all .5s ease}
body#top section#sec05 .sec05__box07 .kbi_link:hover::before{content:url(/40th/img/common/link_icon_wh.svg)}
body#top section#sec05 .kbi_link{border:solid thin #dbd7d1;display:inline-block;font-size:14px;font-weight:500;padding:20px 50px 20px 20px;position:relative}
@media screen and (max-width: 1024px){body#top section#sec05 .kbi_link{margin-bottom:0}
}
@media screen and (max-width: 568px){body#top section#sec05 .kbi_link{display:block;margin:0 auto;max-width:330px;padding:40px 50px 40px 20px}
}
body#top section#sec05 .kbi_link::before{content:url(/40th/img/common/link_icon.svg);display:block;position:absolute;right:20px;top:20px;width:11px}
@media screen and (max-width: 568px){body#top section#sec05 .kbi_link::before{top:45%}
}
body#top section#sec05 .content{padding:220px 0 50px;position:relative}
@media screen and (max-width: 1024px){body#top section#sec05 .content{margin-bottom:50px;padding:0;padding-bottom:90px;position:relative;z-index:1}
}
body#top section#sec05 .content::before{background:#fff;border-radius:2rem 0 0 2rem;bottom:-20px;content:"";height:87%;left:calc(50% - 377px);position:absolute;width:190%}
@media screen and (max-width: 1024px){body#top section#sec05 .content::before{height:100%;left:59%;top:-40px;-webkit-transform:translate(-52%, 0);transform:translate(-52%, 0);width:120%;z-index:-1}
}
@media screen and (max-width: 750px){body#top section#sec05 .content::before{-webkit-transform:translate(-44%, 0);left:49%;transform:translate(-44%, 0);width:calc(100% + 130px)}
}
@media screen and (max-width: 568px){body#top section#sec05 .content::before{-webkit-transform:translate(-42%, 0);transform:translate(-42%, 0);width:calc(100% + 130px)}
}
@media screen and (max-width: 460px){body#top section#sec05 .content::before{-webkit-transform:translate(-42%, 0);transform:translate(-42%, 0);width:calc(100% + 100px)}
}
