/* CSS Document */
@charset "UTF-8";

.Roboto{font-family: "Roboto Condensed", sans-serif;letter-spacing:0.06em;font-weight:bold;}
.svg_icon{width:8rem;}
.svg_icon path{fill:#DD0417;}
.svg_logo{width:6rem;}
.svg_logo path{fill:#DD0417;}
.svg_arrow{width:9rem;}
.svg_inst{width:2rem;}
@media(min-width:900px){
	a[href^="tel:"]{pointer-events:none;}
	html{font-size:calc(1000vw / 1400);}/*10px;*/
 	.sp_only{display: none!important;}
}@media(max-width:899px){
	html{font-size:calc(1000vw / 375);}/*10px;*/
	.pc_only{display: none!important;}
}


.c_terms{overflow:hidden;}
.c_terms .container{background:#FFF;margin-top:3rem;padding:0;border-radius:0.3rem;border:1px solid #EFEFEF;box-sizing:border-box;}
.c_terms .container {position: relative;height:22rem;}
.c_terms .scrollable{overflow-y:scroll;height:100%;-ms-overflow-style: none;scrollbar-width: none;}
.c_terms .scrollable::-webkit-scrollbar {display:none;}
.c_terms .adjustment {padding:2rem 3rem 2rem 2rem;}
.c_terms .scrollbar {position: absolute;top: 0;right: 0;bottom: 0;width: 0.3rem;background-color: #DBDBDB;}
.c_terms .scrollbar-thumb {background-color: #1C1C1C;}
.c_terms .subtitle{font-size:2rem;line-height:2.4rem;margin-bottom:2rem;}
.c_terms .text{font-size:1.4rem;line-height:2.6rem;text-align:justify;}
.c_checklabelB{font-size:1.6rem;position:relative;color:#141414;cursor:pointer;}
.c_checklabelB input{width:2rem;opacity:0;}
.c_checklabelB span::before{color:inherit;font-size:1rem;width:1.4rem;height:1.4rem;position:absolute;top:50%;left:0;transform:translateY(-50%);content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M64,80c-8.8,0-16,7.2-16,16v320c0,8.8,7.2,16,16,16h320c8.8,0,16-7.2,16-16V96c0-8.8-7.2-16-16-16H64z M0,96 c0-35.3,28.7-64,64-64h320c35.3,0,64,28.7,64,64v320c0,35.3-28.7,64-64,64H64c-35.3,0-64-28.7-64-64V96z" style="fill: %23141414"/></svg>');}
.c_checklabelB input:checked + span::before{content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" style="fill: %23141414"/></svg>');}
.c_radiolabel{font-size:1.6rem;line-height:4rem;position:relative;color:#141414;}
.c_radiolabel + .c_radiolabel{margin-left:2rem;}
.c_radiolabel input{width:2rem;opacity:0;}
.c_radiolabel span::before{color:inherit;font-size:1rem;width:1.4rem;height:1.4rem;position:absolute;top:calc(50% - 1.6rem);left:0;content: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"%3E%3Cpath d="M15,.63A14.38,14.38,0,1,0,29.38,15,14.39,14.39,0,0,0,15,.63Zm0,27.3h0A12.93,12.93,0,1,1,27.93,15,12.94,12.94,0,0,1,15,27.93Z" style="fill: %23141414" /%3E%3C/svg%3E');}
.c_radiolabel input:checked + span::before{content: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"%3E%3Cpath d="M15,.63A14.38,14.38,0,1,0,29.38,15,14.39,14.39,0,0,0,15,.63Zm0,27.3h0A12.93,12.93,0,1,1,27.93,15,12.94,12.94,0,0,1,15,27.93Z" style="fill: %23141414"/%3E%3Crect x="8.17" y="8.17" width="13.66" height="13.66" rx="6.83" style="fill: %23141414"/%3E%3C/svg%3E');}
.c_form input[type="text"],
.c_form input[type="email"],
.c_form select,
.c_form textarea{width:100%;max-width:100%;padding:0.9rem 1rem;border:1px solid #CFCFCF;box-sizing:border-box;border-radius:3px;background:#FFF;}
.c_form input[name="name"],
.c_form input[name="tel"],
.c_form input[name="mail"]{width:48rem;}
.c_form {width:96rem;max-width:100%;margin: 0 auto;}
.c_form .items {}
.c_form .items .item {font-size:1.6rem;line-height:2rem;display:flex;justify-content:space-between;flex-wrap:wrap;}
.c_form .items .item + .item{margin-top:4rem;}
.c_form .items .item .name {display:flex;align-items:center;height:4rem;width:24rem;}
.c_form .items .item .name span {font-size:1.4rem;width:3.5rem;color:#FFF;background:#989898;text-align:center;border-radius:2px;margin-right:2.5rem;}
.c_form .items .item .name .req01 {background:#000;}
.c_form .items .item .input {width:72rem;max-width:100%;}
.c_form .checkbox{margin:5rem auto 0;text-align:center;}
.c_form .submit{font-size:1.8rem;line-height:4.8rem;letter-spacing:0.03em;font-weight:bold;width:20rem;border-radius:2.5rem;text-align:center;display:block;transition:0.5s;position:relative;margin: 3rem auto 0;}
.c_form .submit input{color:#FFF;border:1px solid #000;background:#000;border-radius:2.5rem;;width:100%;cursor:pointer;transition:0.5s;}
.c_form .submit::before{color:#FFF;content:"→";position:absolute;top:50%;right:2.5rem;transform:translate(50%,-50%);transition:0.5s;}
.c_form .submit:hover input{color:#000;background:#FFF;}
.c_form .submit:hover::before{color:#000;right:2rem;}

body{}

header #humb{position:fixed;top:5rem;right:4rem;width:5rem;height:5rem;transform:translateY(-50%);display:block;z-index:1001;cursor:pointer;}
header #humb svg{transition:0.5s;}
header #humb svg path{fill:#DD0417;}
header nav{position:fixed;top:0;right:0;width:0;height:100vh;box-sizing:border-box;z-index:998;background:#00000080;overflow:hidden;transition:0.5s;}
header nav .links{padding:7rem 3rem 2rem;width:20rem;background:#FFF;min-height:100vh;box-sizing:border-box;margin: 0 0 0 auto;}
header nav .links .link{font-size:1.6rem;line-height:2.6rem;font-weight:400;position:relative;color:#DD0417;transition:0.5s;}
header nav .links .link::before{content:"";width:0%;height:1px;background:#000;position:absolute;bottom:0;right:0;transition:0.5s;}
header nav .links .link:hover{color:#000;}
header nav .links .link:hover::before{width:100%;left:0;right:auto;}
header nav .links .link + .link{margin-top:2rem}
header input:checked ~ #humb svg{transform:rotate(-270deg);}
header input:checked ~ nav{width:100%;}



footer{padding-top:6rem;background:linear-gradient(to top , #DD0417 3rem ,transparent 3rem);position:relative;}
footer .wrap{width:126rem;max-width:100%;margin: 0 auto;}
footer .wrap .links{display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start;align-content: flex-start;height:15rem;margin-bottom:12rem;}
footer .wrap .links .link{font-size:1.6rem;line-height:3rem;color:#DD0417;font-weight:400;margin-bottom:2rem;width:17rem;transition:0.5s;}
footer .wrap .links .link:hover{color:#000;}
footer .wrap .logo{width:47rem;max-width:100%;margin-bottom:6rem;}
footer .wrap .copy{font-size:1rem;line-height:3rem;color:#FFF;}
footer .bg{position:absolute;top:0;right:0;height:100%;pointer-events:none;}
footer .bg img{height:100%;width:auto;}

@media(max-width:899px){
	header #humb{position:fixed;top:3rem;right:3rem;width:3rem;height:3rem;transform:translate(50%,-50%);}
	header #humb svg{width:3rem;}
	header nav .links{padding:6rem 2rem 2rem;width:16rem;}
	header nav .links .link{font-size:1.3rem;line-height:2.4rem;}
	header nav .links .link + .link{margin-top:1.5rem}

	footer{padding-top:4rem;}
	footer .wrap{width:35rem;}
	footer .wrap .links{display:none;}
	footer .wrap .logo{width:25rem;margin:0 auto 4rem;}
	footer .wrap .copy{text-align:center;}
	footer .bg{display:none;}
}

.sec_hero{position:relative;}
.sec_hero::before{content:"";width:0.6rem;height:100%;background:#EC001B;position:absolute;top:0;left:15.5rem;z-index:10;transition:height 0.5s 0.5s;}
.sec_hero .decos{position:absolute;top:2rem;left:7.75rem;transform:translateX(-50%);z-index:2;transition:opacity 0.6s 1.2s;}
.sec_hero .decos svg{}
.sec_hero .decos .texts{display:flex;flex-direction:row-reverse;}
.sec_hero .decos .text01{font-size:6.9rem;line-height:7rem;width:7rem;color:#DD0417;font-weight:bold;writing-mode: vertical-rl;letter-spacing:0.14em;}
.sec_hero .decos .text02{font-size:3.9rem;line-height:6rem;width:6rem;color:#DD0417;font-weight:bold;writing-mode: vertical-rl;letter-spacing:0.07em;}
.sec_hero .scroll{position:absolute;bottom:2rem;left:7.75rem;transform:translateX(-50%);z-index:2;height:19rem;transition:opacity 0.6s 1.2s;}
.sec_hero .scroll .name{font-size:1.3rem;line-height:1;color:#DD0417;}
.sec_hero .scroll .btn{width:2rem;height:5rem;border:2px solid #DD0417;box-sizing:border-box;border-radius:1rem;display:block;margin: 1rem auto 0;position:relative;}
.sec_hero .scroll .btn::before{content:"";width:0.4rem;height:0.4rem;background:#DD0417;border-radius:50%;position:absolute;top:1rem;left:50%;transform:translate(-50%,-50%);animation: anime-scroll 2000ms linear infinite;}
.sec_hero .scroll::before{content:"";position: absolute;bottom: 3.5em;left: 50%;transform:translateX(-50%);width: 2px;height: 7rem;background:#DD0417;}
.sec_hero .scroll::after{content:"";display: block;position: absolute;bottom: 3.3rem;left: 50%;transform:translateX(-50%);border-top: 1rem solid #DD0417;border-left: 0.4rem solid transparent;border-right: 0.4rem solid transparent;}
.sec_hero .wrap{position:relative;}
.sec_hero .wrap .logo{width:45rem;max-width:100%;position:absolute;top:25%;left:56%;transform:translate(-50%,-50%);transition:opacity 0.5s 0.5s;z-index:2;}
.sec_hero .wrap .bg{width:100%;height:93rem;transition:opacity 0.6s 1.2s;}
.sec_hero .wrap .bg img{height:100%;object-fit:cover;object-position:top;}
@keyframes anime-scroll {0% {top:1.2rem;opacity:0;}5% {top:1.2rem;opacity:0;}20% {opacity:1;}80% {opacity:1;}95% {top:3.8rem;opacity:0;}100% {top:3.8rem;opacity:0;}}

.sec_hero.js-vis:not(.visible)::before{height:0;}
.sec_hero.js-vis:not(.visible) .decos{opacity:0;}
.sec_hero.js-vis:not(.visible) .scroll{opacity:0;}
.sec_hero.js-vis:not(.visible) .wrap .logo{opacity:0;}
.sec_hero.js-vis:not(.visible) .wrap .bg{opacity:0;}
.top .sec01.js-vis:not(.visible)::before{height:0;}
.top .sec01.js-vis:not(.visible) .wrap .img{opacity:0;}
.top .sec02.js-vis:not(.visible) .wrap .imgs{opacity:0;}
.top .sec02.js-vis:not(.visible)::before{height:0;}
.top .sec03 .wrap .items .item.js-vis:not(.visible) .img{opacity:0;}
.top .sec04.js-vis:not(.visible) .imgs{opacity:0;}

.top .sec01{padding:13rem 0 16rem;position:relative;}
.top .sec01::before{content:"";width:0.6rem;height:100%;background:#EC001B;position:absolute;top:0;left:15.5rem;z-index:10;transition:height 0.5s 0.5s;}
.top .sec01 .decos{position:absolute;top:14rem;left:7.75rem;transform:translateX(-50%);}
.top .sec01 .decos svg{}
.top .sec01 .decos .text{font-size:4.9rem;line-height:8rem;color:#DD0417;writing-mode: vertical-rl;margin-top:2rem;}
.top .sec01 .wrap{width:92rem;max-width:100%;margin: 0 auto;}
.top .sec01 .wrap .texts{width:46rem;max-width:100%;}
.top .sec01 .wrap .texts .title{font-size:3rem;line-height:6rem;font-weight:800;letter-spacing:0.12em;margin-bottom:2rem;}
.top .sec01 .wrap .texts .text{font-size:1.5rem;line-height:3rem;text-align:justify;}
.top .sec01 .wrap .img{position:absolute;bottom:0;right:0;width:62rem;max-width:100%;transition:opacity 0.5s 0.5s;}
.top .sec02{padding:8rem 0 9rem;}
.top .sec02 .wrap{width:114rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.top .sec02 .wrap .texts{width:58rem;}
.top .sec02 .wrap .texts svg{margin-bottom:2rem;}
.top .sec02 .wrap .texts .etitle{font-size:4.9rem;font-weight:bold;color:#EC001B;margin-bottom:6rem;}
.top .sec02 .wrap .texts .title{font-size:3rem;line-height:6rem;font-weight:800;letter-spacing:0.12em;margin-bottom:5rem;}
.top .sec02 .wrap .texts .text{font-size:1.5rem;line-height:3rem;margin-bottom:5rem;text-align:justify;}
.top .sec02 .wrap .texts .name{font-size:1.4rem;line-height:3rem;text-align:right;padding-right:3rem;}
.top .sec02 .wrap .imgs{position:relative;padding:0 3rem 4rem 0;align-self:flex-end;margin-right:3rem;transition:opacity 0.5s 0.5s;}
.top .sec02 .wrap .imgs .img{width:34rem;}
.top .sec02 .wrap .imgs .name{width:6rem;position:absolute;bottom:0;right:0;}
.top .sec03 {padding:7rem 0 12rem;position:relative;}
.top .sec03::before{content:"";width:0.6rem;height:100%;background:#EC001B;position:absolute;top:0;left:15.5rem;z-index:10;}
.top .sec03 .decos{position:absolute;top:7rem;left:7.75rem;transform:translateX(-50%);}
.top .sec03 .decos svg{}
.top .sec03 .decos .text{font-size:4.9rem;line-height:8rem;color:#DD0417;writing-mode: vertical-rl;margin-top:2rem;}
.top .sec03 .wrap{width:120rem;padding-left:14rem;max-width:100%;box-sizing:border-box;margin: 0 auto;}
.top .sec03 .wrap .items{}
.top .sec03 .wrap .items .item{display:flex;flex-wrap:wrap;justify-content:space-between;}
.top .sec03 .wrap .items .item + .item{margin-top:10rem;}
.top .sec03 .wrap .items .item .img{width:54rem;transition:opacity 0.5s;}
.top .sec03 .wrap .items .item .texts{width:44rem;}
.top .sec03 .wrap .items .item .texts .num{font-size:3.5rem;color:#DD0417;}
.top .sec03 .wrap .items .item .texts .title{font-size:3rem;line-height:5rem;font-weight:800;letter-spacing:0.12em;margin-bottom:1rem;}
.top .sec03 .wrap .items .item .texts .text{font-size:1.5rem;line-height:3rem;text-align:justify;}
.top .sec04{color:#FFF;background:#141414;position:relative;}
.top .sec04 .imgs{transition:opacity 0.5s 0.5s;}
.top .sec04 .imgs .img{width:46rem;max-width:100%;height:27.5rem;position:absolute;}
.top .sec04 .imgs .img01{top:0;left:0;}
.top .sec04 .imgs .img02{bottom:0;left:0;}
.top .sec04 .imgs .img03{top:0;right:0;}
.top .sec04 .imgs .img04{bottom:0;right:0;}
.top .sec04 .item{height:55rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items: center;}
.top .sec04 .item .etitle{font-size:5.8rem;font-weight:bold;margin-bottom:2.5rem;}
.top .sec04 .item .qr{width:13rem;margin: 0 auto 1rem;}
.top .sec04 .item .name{font-size:2rem;line-height:4rem;letter-spacing:0.06em;margin-bottom:2.5rem;display:flex;align-items:center;}
.top .sec04 .item .name .svg_inst{margin-right:1rem;}
.top .sec04 .item .name .svg_inst path{fill:#FFF;}
.top .sec04 .item .link{font-size:2rem;line-height:4rem;letter-spacing:0.06em;padding:1.9rem 5.5rem;border:1px solid #FFF;border-radius:6rem;display:inline-block;text-align:left;transition:0.5s;}
.top .sec04 .item .link .svg_arrow{margin-left:3.5rem;transition:0.5s;}
.top .sec04 .item .link .svg_arrow polygon{fill:#FFF;transition:0.5s;}
.top .sec04 .item .link:hover{color:#141414;background:#FFF;}
.top .sec04 .item .link:hover .svg_arrow polygon{fill:#141414;}
.top .sec05{padding:12rem 0 15rem;}
.top .sec05 .wrap{color:#FFF;width:110rem;height:55rem;max-width:100%;margin: 0 auto;display:flex;flex-direction:column;justify-content:center;align-items: center;position:relative;}
.top .sec05 .wrap::before{content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;border:0.6rem solid #DD0417;box-sizing:border-box;pointer-events:none;}
.top .sec05 .wrap::after{content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;border:0.6rem solid #DD0417;box-sizing:border-box;border-radius:2rem;pointer-events:none;}
.top .sec05 .wrap .etitle{font-size:2rem;font-weight:bold;letter-spacing:0.12em;margin-bottom:2rem;}
.top .sec05 .wrap .title{font-size:4.4rem;line-height:6rem;font-weight:600;letter-spacing:0.12em;margin-bottom:2rem;}
.top .sec05 .wrap .svg_icon{margin-bottom:2rem;}
.top .sec05 .wrap .svg_icon path{fill:#FFF;}
.top .sec05 .wrap .text{font-size:1.6rem;line-height:3.2rem;width:70rem;max-width:100%;margin-bottom:2rem;}
.top .sec05 .wrap .link{font-size:2rem;line-height:4rem;display:flex;padding:2rem 3rem;border-radius:4rem;transition:0.5s;}
.top .sec05 .wrap .link .svg_arrow{margin-left:2rem;}
.top .sec05 .wrap .link .svg_arrow polygon{fill:#FFF;}
.top .sec05 .wrap .link:hover{color:#141414;background:#FFF;}
.top .sec05 .wrap .link:hover .svg_arrow polygon{fill:#141414;}
.top .sec05 .wrap .img{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;}
.top .sec06{position:relative;border-top:1px solid #DD0417;padding-left:15.5rem;}
.top .sec06::before{content:"";width:0.6rem;height:100%;background:#EC001B;position:absolute;top:0;left:15.5rem;z-index:10;}
.top .sec06 .decos{position:absolute;top:7rem;left:7.75rem;transform:translateX(-50%);}
.top .sec06 .decos svg{}
.top .sec06 .decos .text{font-size:4.9rem;line-height:8rem;color:#DD0417;writing-mode: vertical-rl;margin-top:2rem;}
.top .sec06 .wrap{display:flex;}
.top .sec06 .wrap .items{width:62rem;}
.top .sec06 .wrap .items .item{display:flex;font-size:1.6rem;line-height:3rem;padding:3.5rem 0 3.5rem 8rem;}
.top .sec06 .wrap .items .item + .item{border-top:1px solid #DD0417;}
.top .sec06 .wrap .items .item .name{width:11rem;}
.top .sec06 .wrap .items .item .text{width:calc(100% - 11rem);}
.top .sec06 .wrap iframe{width:calc(100% - 62rem);filter: grayscale(1);}
.top .sec07 {background:#F1F1EF;padding:18rem 0 14rem;}
.top .sec07 .wrap {width:110rem;max-width:100%;margin: 0 auto;}
.top .sec07 .wrap .titles {display:flex;flex-wrap:wrap;margin-bottom:5rem;position:relative;margin-right:3rem;}
.top .sec07 .wrap .titles svg {position:absolute;top:-5rem;left:-3rem;}
.top .sec07 .wrap .titles .etitle {font-size:4.9rem;color:#DD0417;transform:translate(-3rem);margin-right:8rem;}
.top .sec07 .wrap .titles .text {font-size:1.6rem;line-height:3.2rem;letter-spacing:0.1em;align-self:flex-end;}


.p_contact .sec_form{background: #F1F1EF;padding: 18rem 0 14rem;}
.p_contact .sec_form .wrap{width:110rem;max-width:100%;margin: 0 auto;}
.p_contact .sec_form .wrap .titles {margin-bottom:6rem;text-align:center;}
.p_contact .sec_form .wrap .titles .etitle {font-size: 4.9rem;line-height: 8rem;color:#DD0417;}
.p_contact .sec_form .wrap .titles .title {font-size: 3rem;line-height: 4rem;font-weight: 800;}
.p_contact .sec_form .wrap .titles .text {font-size:1.6rem;line-height:3.2rem;text-align:center;margin-top:3rem;}
.p_contact .sec_form .items .item .output {font-size:1.6rem;line-height:2.6rem;width:72rem;padding:0.7rem 0;}
.p_contact .sec_form .c_return{font-size:1.8rem;line-height:4.8rem;letter-spacing:0.03em;font-weight:bold;width:20rem;border-radius:2.5rem;text-align:center;display:block;transition:0.5s;position:relative;margin: 3rem auto 0;color:#000;border:1px solid #FFF;background:#FFF;cursor:pointer;transition:0.5s;}
.p_contact .sec_form .c_return::before{content:"←";position:absolute;top:50%;left:2.5rem;transform:translate(-50%,-50%);transition:0.5s;}
.p_contact .sec_form .c_return:hover{color:#FFF;background:#000;}
.p_contact .sec_form .c_return:hover::before{color:#FFF;left:2rem;}
