@charset "utf-8";

/* common */

*{box-sizing:border-box;}
@font-face{font-family:"Lutz Headline CE";src:local("Lutz Headline CE"),url("/assets/fonts/LutzHeadlineCE.woff2") format("woff2");}
html, body{text-size-adjust:100%;}
html{line-sizing:normal;touch-action:manipulation;}
body{font-size:1rem;font-family:Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#151d29;background:#fff;}
@media screen and (min-width:1024px){
    body{font-size:1.25rem;}
}
pre{white-space:pre-wrap;}
hr{height:0;color:inherit;overflow:visible;border-style:solid;border-width:1px 0 0;}
img, svg, video, canvas, audio, iframe, embed, object{max-width:100%;display:block;vertical-align:middle;}
img, svg, video, canvas{height:auto;}
audio{width:100%;}
img{border-style:none;}
svg{overflow:hidden;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section{display:block;}
[type='checkbox'], [type='radio']{box-sizing:border-box;padding:0;}
a,article,aside,audio,b,body,button,caption,dd,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,img,label,legend,li,main,nav,ol,p,pre,section,small,span,strong,table,tbody,td,tfoot,th,thead,tr,ul,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
:before, :after{box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{font-family:"Lutz Headline CE";}
a{color:#151d29;text-decoration:none;}
button{appearance:none;cursor:pointer;}
a:hover, button:hover{transition:background .25s ease;}
a:hover{}
ul, ol{list-style-type:none;}





/* container fluid */

#container, .fluid{position:relative;}
.fluid{padding:1rem;}
@media screen and (min-width:1024px){
    .fluid{padding:2rem;}
}
@media screen and (min-width:1280px){
    .fluid{padding:5rem;}
}





/* common-header */

#common-header .logo{width:80px;height:80px;position:absolute;top:0;right:1rem;z-index:10;}
.menu-contents{height:40px;position:fixed;top:1rem;left:1rem;z-index:11;border-radius:calc(infinity * 1px);background:#fff;}
.menu-contents-items{position:absolute;top:0;left:0;z-index:12;border-radius:1.5rem;background:#fff;transition:all .5s;opacity:0;padding:calc(40px - .5rem) 0 .5rem 0;}
.menu-contents-button:checked ~ .menu-contents-items{opacity:1;}
.menu-contents-item, .menu-contents-item a{display:none;}
.menu-contents-item{font-size:.75rem;font-weight:bold;}
.menu-contents-item a{display:block;white-space:nowrap;text-transform:capitalize;padding:.5rem 1.5rem;}
.menu-contents-button{display:none;}
.menu-contents-button:checked ~ .menu-contents-items .menu-contents-item, .menu-contents-button:checked ~ .menu-contents-items .menu-contents-item a{display:block;}
.menu-contents-icon, .menu-contents-icon-bar{position:relative;}
.menu-contents-icon{display:inline-block;cursor:pointer;z-index:13;padding:19px 10px;}
.menu-contents-icon-bar, .menu-contents-icon-bar:before, .menu-contents-icon-bar:after{display:block;background:#151d29;transition:.5s cubic-bezier(.05,.05,.1,.95) .1s;}
.menu-contents-icon-bar{width:20px;height:2px;}
.menu-contents-icon-bar:before, .menu-contents-icon-bar:after{width:100%;height:100%;content:"";position:absolute;}
.menu-contents-icon-bar:before{top:8px;}
.menu-contents-icon-bar:after{bottom:8px;}
.menu-contents-button:checked ~ .menu-contents-icon .menu-contents-icon-bar:before{transform:rotate(-45deg);}
.menu-contents-button:checked ~ .menu-contents-icon .menu-contents-icon-bar:after{transform: rotate(45deg);}
.menu-contents-button:checked ~ .menu-contents-icon:not(.steps) .menu-contents-icon-bar:before{top:0;}
.menu-contents-button:checked ~ .menu-contents-icon:not(.steps) .menu-contents-icon-bar:after{bottom:0;}
.menu-contents-button:checked ~ .menu-contents-icon .menu-contents-icon-bar{background:rgba(21,29,41,0);transition:.5s cubic-bezier(.05,.05,.1,.95) .1s;}
@media screen and (min-width:768px){
    #common-header .logo{right:2rem;}
}
@media screen and (min-width:1024px){
    #common-header .logo{width:160px;height:160px;}
    .menu-contents-items{width:720px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;opacity:1;padding:.5rem 1.5rem;}
    .menu-contents-items.scroll{top:-320px;}
    .menu-contents-item, .menu-contents-item a{display:block;}
    .menu-contents-item a{padding:.5rem 1rem;}
    .menu-contents-item a:hover{border-radius:calc(infinity * 1px);background:#f3f4f6;}
    .menu-contents-button, .menu-contents-icon{display:none;}
}
@media screen and (min-width:1280px){
    #common-header .logo{right:5rem;}
}





/* common-footer */

#common-footer{text-align:center;background:#102a3b;padding:1rem 0;}
#common-footer *{color:#fff;}





/* main-contents */

.heading{font-size:2.25rem;font-weight:inherit;line-height:1;letter-spacing:.169rem;}
.subtitle{display:inline-block;font-size:1.25rem;line-height:1.25;font-weight:bold;margin:1rem 0 0 0;} 
.images, .image, .video{border-radius:1.5rem;overflow:hidden;}
.images, .image{display:block;}
.images img{width:100%;}
.video{width:100%;position:relative;}
.video.vimeo-iframe{padding:calc((9 / 16) * 100%) 0 0 0;}
.button{width:36px;height:36px;position:relative;display:inline-block;border-radius:calc(infinity * 1px);background:#fff;}
.button *{color:#151d29;}
.button .plus{width:10px;height:10px;display:block;position:absolute;bottom:13px;right:13px;font-size:0;vertical-align:middle;}
.button .plus:before, .button .plus:after{width:10px;content:"";display:block;position:absolute;top:50%;left:0;border:1px solid #151d29;}
.button .plus:after{transform:rotate(90deg);}
.button .name{display:none;font-size:1rem;font-family:"Lutz Headline CE";line-height:36px;}
.button:hover{width:auto;background:#151d29;padding:0 36px;}
.button:hover .name{display:inline-block;color:#fff;}
.button:hover .plus:before, .button:hover .plus:after{border-color:#fff;}
.button.navy{background:#151d29;}
.button.navy *{color:#fff;}
.button.navy .plus:before, .button.navy .plus:after{border-color:#fff;}
.button.navy:hover{background:#272e36;}
.button.standard{width:auto;padding:0 36px;}
.button.standard .name{display:inline-block;}
.button.black, .button.black *{color:#fff;}
.button.black{background:#000;}
.button.black:hover{background:#333;}
.button.square, .button.square:hover{width:auto;height:auto;border-radius:0;padding:.75rem 1.5rem;}
@media screen and (min-width:1024px){
    .button{width:44px;height:44px;}
    .button .plus{width:14px;height:14px;bottom:15px;right:15px;}
    .button .plus:before, .button .plus:after{width:14px;}
    .button:hover, .button.standard{padding:0 44px;}
    .button.standard .name{padding:.25rem 0;}
}
@media screen and (min-width:1280px){
    .heading{font-size:3rem;letter-spacing:.225rem;}
}





/* slick */

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before, .slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}

.items.slider, .items.slider .item{position:relative;}
.items.slider{border-radius:1.5rem;}
.items.slider .item{padding:1.5rem 1rem;}
.items.slider .images, .items.slider .image{border-radius:0;}
.items.slider .button{position:absolute;bottom:1rem;right:1rem;}
.items.slider .slick-arrow, .items.slider .slick-dots, .items.slider .slick-dots button{border-radius:calc(infinity * 1px);}
.items.slider .slick-arrow, .items.slider .slick-dots, .items.slider .slick-dots *{font-size:0;}
.items.slider .slick-arrow, .items.slider .slick-dots{position:absolute;}
.items.slider .slick-arrow{width:32px;height:32px;top:calc(50% - (32px / 2));left:1rem;z-index:3;background:url("/assets/img/icon_greater-than.svg") no-repeat 50% 50% / 16px 16px #151d29;}
.items.slider .slick-arrow:hover{background-color:#2c343e;transition:background .5s ease;}
.items.slider .slick-arrow.slick-prev{transform:rotate(180deg);}
.items.slider .slick-arrow.slick-next{left:auto;right:1rem;}
.items.slider .slick-dots{bottom:2rem;left:50%;text-align:center;transform:translate(-50%);background:#fff;padding:.25rem .5rem;}
.items.slider .slick-dots *{display:inline-block;}
.items.slider .slick-dots button{width:8px;height:8px;border:0;background:#e8e8e8;margin:0 2px;}
.items.slider .slick-dots .slick-active button{background:#151d29;}
@media screen and (min-width:768px){
    .items.slider .item{padding:2rem 1.5rem;}
}





/* modal */

.modal{display:none;position:relative;z-index:1000;}
.modal.is-open{display:block;}
.modal .overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:1001;padding:1rem;}
.modal .contents{max-width:100%;max-height:calc(100vh - 2rem);position:relative;border-radius:1.5rem;overflow-y:auto;background:#fff;padding:2rem 1rem;}
.modal .close{width:24px;height:24px;display:block;position:absolute;top:.75rem;right:.75rem;border-radius:50%;border:1px solid #151d29;transition:.5s;}
.modal .close:hover{border-width:2px;}
.modal .close:hover:before, .modal .close:hover:after{background:#151d29;transition:.5s;}
.modal .close:before, .modal .close:after{width:2px;height:15px;content:"";position:absolute;top:50%;left:50%;background:#151d29;}
.modal .close:before{transform:translate(-50%,-50%) rotate(45deg);}
.modal .close:after{transform:translate(-50%,-50%) rotate(-45deg);}
@keyframes mmfadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes mmfadeOut{from{opacity:1;}to{opacity:0;}}
@keyframes mmslideIn{from{transform:translateY(15%);}to{transform:translateY(0);}}
@keyframes mmslideOut{from{transform:translateY(0);}to{transform:translateY(-10%);}}
.modal[aria-hidden=false] .overlay{animation:mmfadeIn .5s cubic-bezier(0,0,.2,1);}
.modal[aria-hidden=false] .contents{animation:mmslideIn .5s cubic-bezier(0,0,.2,1);}
.modal[aria-hidden=true] .overlay{animation:mmfadeOut .5s cubic-bezier(0,0,.2,1);}
.modal[aria-hidden=true] .contents{animation:mmslideOut .5s cubic-bezier(0,0,.2,1);}
.modal .overlay, .micromodal-slide .contents{will-change:transform;}

.modal-header .heading{font-size:1.5rem;letter-spacing:0;padding:0 24px 0 0;}
.modal-header .subtitle{font-size:1rem;margin:.5rem 0 0 0;}
.modal .writing{font-size:.75rem;line-height:1.5;margin:.75rem 0 0 0;}
.modal .writing .heading{font-size:.75rem;letter-spacing:0;}
.modal .writing p{margin:0 0 .5rem 0;}
.modal .writing .list-item{position:relative;padding:0 0 0 1rem;}
.modal .writing .list-item:before{width:4px;height:4px;content:"";display:block;position:absolute;top:calc(.5rem - 2px);left:4px;border-radius:calc(infinity * 1px);background:#151d29;}
.modal-header .plate{font-size:1.5rem;font-weight:bold;line-height:1.25;color:#9a9a9a;}
.modal .features{margin:1.5rem 0 0 0;}
.modal .features .list-item{font-weight:bold;line-height:1.25;margin:.5rem 0;}
.modal .features .list-item:before{width:8px;height:8px;top:calc(.5rem - 6px);}

@media screen and (min-width:768px){
    .modal .contents{padding:2rem;}
    .modal-header .heading{font-size:2rem;}
    .modal-header .subtitle{font-size:1rem;}
    .modal .writing, .modal .writing .heading{font-size:.85rem;}
    .modal-header .plate{font-size:1.75rem;margin:.5rem 0 0 0;}
}
@media screen and (min-width:1024px){
    .modal .overlay{padding:2rem 10rem;}
}





/* key-visual */

#key-visual .video{width:100%;height:100vh;object-fit:cover;object-position:center;border-radius:0;padding:0;}





/* about */

#about{background:#16394f;}
#about .wrap{margin:4rem 0 0 0;}
#about .lead *{color:#fff;}
#about .section-header{margin:0 0 2rem 0;}
#about .section-header .heading{font-size:3rem;letter-spacing:.225rem;}
#about .section-header .subtitle{font-size:1.5rem;} 
#about .images{margin:3rem 0 1rem 0;}
@media screen and (min-width:768px){
    #about .wrap{display:grid;gap:2rem;grid-template-columns:1fr 2fr;align-items:start;margin:4rem 0 2rem 0;}
    #about .images{margin:0;}
}
@media screen and (min-width:1024px){
    #about .wrap{margin:3rem 0 2rem 0;}
}
@media screen and (min-width:1280px){
    #about .heading{font-size:4rem;}
}





/* technology */

#technology{background:url("/assets/img/rc4-noize/bg_technology.jpg") #10293d;}
#technology .lead{margin:4rem 0 0 0;}
#technology .lead *{color:#fff;}
#technology .card, #technology .images{margin:1rem 0;}
#technology .card{min-height:52.5vh;position:relative;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;align-content:center;text-align:center;border-radius:1.5rem;overflow:hidden;background:#0098cf;padding:2rem 1.25rem calc(2rem + 36px) 1.25rem;}
#technology .card .consept-header, #technology .card .writing{width:100%;color:#fff;}
#technology .card .heading{font-size:3rem;}
#technology .card .heading .subtitle{font-size:1rem;margin:0 0 .5rem 0;}
#technology .card .writing{font-size:.85rem;font-weight:bold;line-height:1.35;margin:.5rem 0 0 0;}
#technology .card .button{position:absolute;bottom:1rem;right:1rem;}
@media screen and (min-width:768px){
    #technology .consept{display:flex;margin:1rem 0;}
    #technology .card, #technology .images{margin:0;}
    #technology .card{width:33.33%;min-height:0;flex-direction:row;padding:1.25rem .75rem calc(1rem + 36px) .75rem;}
    #technology .card .heading{font-size:1.75rem;}
    #technology .card .heading .subtitle{font-size:1rem;}
    #technology .card .writing{font-size:.75rem;}
    #technology .images{width:calc(66.66% - 2rem);margin:0 0 0 2rem;}
    #technology .image{object-fit:cover;object-position:center;}
    #technology .consept.even-number-item{flex-direction:row-reverse;}
    #technology .consept.even-number-item .images{margin:0 2rem 0 0;}
}
@media screen and (min-width:1024px){
    #technology .card .heading{font-size:2.5rem;}
    #technology .card .heading .subtitle{font-size:1.25rem;margin:0 0 1rem 0;}
    #technology .card .writing{font-size:.85rem;margin:1rem 0 0 0;}
}





/* middle-visual */

#middle-visual{background:#9ddad5;}
#middle-visual .image{border-radius:0;}





/* lineup */

#lineup{background:#16394f;}
#lineup .wrap{margin:4rem 0 2rem 0;}
#lineup .wrap *{color:#fff;}
#lineup .wrap .section-header{margin:0 0 2rem 0;}
#lineup .items.slider{background:#f9fafb;}
#lineup .items.slider .item-header{min-height:5rem;}
#lineup .items.slider .heading{font-size:1.5rem;letter-spacing:.05rem;}
#lineup .items.slider .heading .subtitle{font-size:1rem;font-family:initial;font-weight:normal;letter-spacing:0;margin:0 0 .5rem 0;}
@media screen and (min-width:768px){
    #lineup .wrap{width:50%;}
    #lineup .items.slider .heading{font-size:2rem;}
    #lineup .items.slider .heading .subtitle{font-size:1.25rem;margin:0 0 .75rem 0;}
    #lineup #versatile-and-aggressive .wrap{margin-left:50%;}
}
@media screen and (min-width:1024px){
    #lineup .wrap{width:66.66%;}
    #lineup #versatile-and-aggressive .wrap{margin-left:33.33%;}
    
}





/* athlete */

#athlete{background:#102a3b;}
#athlete .lead{margin:4rem 0 1rem 0;}
#athlete .lead *{color:#fff;}
#athlete .writing{font-size:1rem;margin:1rem 0 0 0;}
#athlete .items{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;margin:2rem 0 4rem 0;}
#athlete .item{position:relative;}
#athlete .item .name{position:absolute;bottom:2rem;right:2rem;display:inline-block;font-family:"Lutz Headline CE";font-size:1.875rem;line-height:1;letter-spacing:.141rem;color:#fff;}
@media screen and (min-width:768px){
    #athlete .lead{width:66.66%;}
    #athlete .items{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;align-items:start;}
}
@media screen and (min-width:1280px){
    #athlete .item .name{font-size:2.5rem;letter-spacing:.188rem;}
}





/* presentation */

#presentation{background:#16394f;}
#presentation .section-header{margin:4rem 0 1rem 0;}
#presentation .section-header *{color:#fff;}
#presentation [src^='https://www.youtube.com/']{width:100%;height:100%;position:absolute;top:0;left:0;}





/* statement */

#statement{background:#efea39;padding:4rem 1rem;}
#statement .writing{font-family:"Lutz Headline CE";font-size:1.875rem;line-height:1;letter-spacing:.141rem;}
#statement .button.standard{margin:3rem 0 0 0;}
@media screen and (min-width:768px){
    #statement .writing{font-size:3rem;letter-spacing:.225rem;}
}
@media screen and (min-width:1024px){
    #statement{padding:5rem 2rem;}
}
@media screen and (min-width:1280px){
    #statement{padding:5rem;}
    #statement .writing{font-size:4rem;letter-spacing:.3rem;}
}





/* event */

#event{font-size:1rem;font-weight:bold;color:#000;text-align:center;padding:1rem;}
#event *{line-height:1.4;}
#event p{margin:.75rem 0;}
#event .notes{font-size:.75rem;font-weight:normal;}
@media screen and (min-width:768px){
    #event br{display:none;}
}
@media screen and (min-width:1024px){
    #event{font-size:1.5rem;padding:2rem 1rem;}
    #event .notes{font-size:1rem;}
}