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


@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) and (min-width: 600px) {
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 600);}
	.sp_only{display: none!important;}
}
*/
@media(max-width:899px){
	html{font-size:calc( 1000vw / 375 );}/*10px;*/
	.pc_only{display: none!important;}

}

.damian{font-family: 'Damion', 'Noto Sans JP', sans-serif;}

header {padding:4rem;}
header .logo {width:53rem;display:block;}
header .produce {width:13rem;position:absolute;top:1.5rem;right:7.5rem;}
header #humb{position:fixed;top:0;right:0;width:6rem;height:6rem;display:block;z-index:1001;background:#231815;cursor:pointer;}
header #humb .border01{width:3rem;height:2px;background:#FFF;position:absolute;top:2rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
header #humb .border02{width:3rem;height:2px;background:#FFF;position:absolute;top:3rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
header #humb .border03{width:3rem;height:2px;background:#FFF;position:absolute;top:4rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
header input:checked ~ #humb .border01{top:3rem;transform:translate(-50%,-50%) rotate(-135deg);}
header input:checked ~ #humb .border02{top:3rem;transform:translate(-50%,-50%) rotate(-180deg);width:0;}
header input:checked ~ #humb .border03{top:3rem;transform:translate(-50%,-50%) rotate(135deg);}
header nav{position:fixed;top:0;right:0;width:0;height:100vh;padding:10rem 0 7rem;box-sizing:border-box;z-index:998;background:#231815;overflow:hidden;transition:0.5s;}
header nav .links{display:flex;flex-direction:column;justify-content:space-around;color:#FFF;background:#231815;width:35rem;margin: 0 auto;height:100%;}
header nav .links .link{font-size:2.4rem;line-height:3rem;font-weight:bold;position:relative;}
header input:checked ~ nav {width:60rem;max-width:100%;}

footer {padding:9rem 0 5rem;color:#AEAEAE;background:#1C2123;}
footer .wrap{width:128rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;}
footer .wrap .area01{width:52rem;max-width:100%;}
footer .wrap .area01 .titles{display:flex;align-items:flex-end;margin-bottom:4rem;}
footer .wrap .area01 .etitle{font-size:4rem;line-height:4rem;font-weight:600;margin-right:2.5rem;}
footer .wrap .area01 .title{font-size:1.4rem;font-weight:300;}
footer .wrap .area01 .links{display:flex;justify-content:space-between;}
footer .wrap .area01 .link01{font-size:2.2rem;line-height:5.8rem;font-weight:600;width:25rem;border:1px solid #AEAEAE;text-align:center;box-sizing:border-box;}
footer .wrap .area01 .link02{font-size:1.8rem;line-height:5.8rem;width:25rem;border:1px solid #AEAEAE;padding-left:3rem;box-sizing:border-box;position:relative;transition:0.5s;}
footer .wrap .area01 .link02::before{content:"";width:0.6rem;height:0.6rem;border:2px solid #AEAEAE;border-left:0;border-bottom:0;margin-right:1rem;transform:translate(50%,-50%) rotate(45deg);transform-origin:center;position:absolute;top:50%;right:2rem;pointer-events:none;transition:0.5s;}
footer .wrap .area01 .link02:hover{color:#1C2123;background:#FFF;}
footer .wrap .area01 .link02:hover::before{border-color:#1C2123;}

footer .wrap .area02{width:27rem;}
footer .wrap .area02 .links{border-left:1px solid #AEAEAE;padding-left:4rem;}
footer .wrap .area02 .link{font-size:1.4rem;line-height:1;display:block;transition:0.5s;}
footer .wrap .area02 .link:hover{color:#FFF;}
footer .wrap .area02 .link + .link{margin-top:2.2rem;}
footer .wrap .area03{width:100%;display:flex;flex-wrap:wrap;margin-top:10rem;align-items:flex-end;}
footer .wrap .area03 .logo{width:29rem;margin-right:2rem;}
footer .wrap .area03 .address{font-size:1.4rem;line-height:2.4rem;}
footer .wrap .copyright{position:absolute;bottom:0;right:0;font-size:1rem;}

@media(max-width:899px){

	header {padding:0 1rem;display:flex;align-items:center;height:5rem;}
	header .logo {width:15rem;}
	header .produce {width:6.5rem;top:1.5rem;right:5.5rem;}
	header #humb{width:5rem;height:5rem;}
	header #humb .border01{width:2.6rem;top:1.5rem;}
	header #humb .border02{width:2.6rem;top:2.5rem;}
	header #humb .border03{width:2.6rem;top:3.5rem;}
	header input:checked ~ #humb .border01{top:2.5rem;}
	header input:checked ~ #humb .border02{top:2.5rem;}
	header input:checked ~ #humb .border03{top:2.5rem;}
	header nav{padding:5rem 0;}
	header nav .links .link{font-size:2rem;}



	footer {padding:4rem 2rem;}
	footer .wrap{padding-bottom:3rem;}
	footer .wrap .area01 .etitle{font-size:3rem;line-height:3rem;margin-right:1.5rem;}
	footer .wrap .area01 .links{flex-wrap:wrap;}
	footer .wrap .area01 .link01{width:100%;line-height:4.8rem;}
	footer .wrap .area01 .link02{width:100%;line-height:4.8rem;margin-top:1rem;}
	footer .wrap .area02{width:100%;;}
	footer .wrap .area02 .links{border-left:0;padding-left:0;display:flex;flex-wrap:wrap;justify-content:space-between;}
	footer .wrap .area02 .link{width:30%;text-align:center;}
	footer .wrap .area02 .link{margin-top:2.2rem;}
	footer .wrap .area03{margin-top:5rem;}
}

.top .sec_hero01{;margin-bottom:10rem;}
.top .sec_hero01 .img{width:125rem;max-width:100%;}
.top .sec01 {margin-bottom:10rem;}
.top .sec01 .wrap{display:flex;flex-wrap:wrap;align-items:flex-end;;}
.top .sec01 .wrap .area01{width:50%;}
.top .sec01 .wrap .area01 .img{width:65rem;max-width:100%;margin: 0 auto;}
.top .sec01 .wrap .area02{width:50%;}
.top .sec01 .wrap .area02 .etitle{font-size:10rem;margin-bottom:2rem;}
.top .sec01 .wrap .area02 .title{font-size:2.2rem;line-height:4rem;font-weight:500;margin-bottom:1rem;}
.top .sec01 .wrap .area02 .text{font-size:1.6rem;line-height:3.2rem;max-width:55rem;}
.top .sec01 .wrap .area02 .text span{font-size:1.4rem;}
.top .sec02 {margin-bottom:12rem;}
.top .sec02 .wrap{display:flex;flex-wrap:wrap;align-items:center;width:110rem;max-width:100%;margin: 0 auto;}
.top .sec02 .wrap .etitle {font-size:10rem;width:100%;margin-bottom:3rem;padding-left:2rem;}
.top .sec02 .wrap .area01{width:50%;padding-left:4rem;box-sizing:border-box;}
.top .sec02 .wrap .area01 .img{width:35rem;max-width:100%;margin: 0 auto;}
.top .sec02 .wrap .area02{width:50%;}
.top .sec02 .wrap .area02 .title{font-size:2.2rem;line-height:4rem;font-weight:500;margin-bottom:1rem;max-width:42rem;margin: 0 auto 2rem;}
.top .sec02 .wrap .area02 .text{font-size:1.6rem;line-height:3.2rem;max-width:42rem;margin: 0 auto;}
.top .sec_hero02{margin-bottom: 10rem;}
.top .sec_hero02 .img{width:125rem;max-width:100%;margin: 0 0 0 auto;}

.top .sec03 {margin-bottom:12rem;}
.top .sec03 .wrap{width:110rem;max-width:100%;margin: 0 auto;}
.top .sec03 .wrap .title{font-size:4.4rem;text-align:center;font-weight:bold;margin-bottom:2rem;}
.top .sec03 .wrap .title span{font-size:10rem;padding:0 0.5rem;transform:translateY(-0.5rem);display:inline-block;}
.top .sec03 .wrap .items{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:11rem;}
.top .sec03 .wrap .items .item{width:calc(25% - 4rem);border-left:1px solid #000000;padding:4rem 0 0 2rem;box-sizing:border-box;position:relative;}
.top .sec03 .wrap .items .item .num{font-size:10rem;line-height:1;position:absolute;top:-11rem;left:-1rem;;}
.top .sec03 .wrap .items .item .subtitle{font-size:2.2rem;line-height:3.4rem;font-weight:500;margin-bottom:2rem;}
.top .sec03 .wrap .items .item .text{font-size:1.6rem;line-height:2.8rem;}
.top .sec_hero03 .img{width:125rem;max-width:100%;}

.top .sec04{padding-bottom:13rem;margin-bottom:4rem;position:relative;}
.top .sec04::before{content:"";width:132.2rem;max-width:100%;height:calc(100% + 26rem);background:#EAEAEA;border-radius:0 0 0 26rem;position:absolute;bottom:0;right:0;z-index:-1;}
.top .sec04 .wrap{width:110rem;max-width:100%;margin: 0 auto;}
.top .sec04 .wrap .titles{display:flex;flex-wrap:wrap;justify-content:space-between;;margin-bottom:5rem;}
.top .sec04 .wrap .titles .etitle{font-size:10rem;width:100%;padding-top:4rem;margin-bottom:3rem;}
.top .sec04 .wrap .titles .subtitle{font-size:2.2rem;line-height:4rem;font-weight:500;}
.top .sec04 .wrap .titles .text{font-size:1.6rem;line-height:2.8rem;max-width:62rem;}
.top .sec04 .wrap .contact{margin: 0 auto;}

.top .sec05{margin-bottom:10rem;position:relative;}
.top .sec05 .wrap{width:110rem;max-width:100%;margin: 0 auto;text-align:center;}
.top .sec05 .wrap .etitle{font-size:10rem;width:100%;}
.top .sec05 .wrap .tag{font-size:2.2rem;line-height:3.6rem;font-weight:500;border:1px solid #333333;padding: 0 1rem;display:inline-block;margin-bottom:8rem;}
.top .sec05 .wrap .name{font-size:2.2rem;line-height:4rem;font-weight:500;margin-bottom:5rem;}
.top .sec05 .wrap .item01 .img{width:62rem;}
.top .sec05 .wrap .item02 .img{width:48rem;}
.top .sec05 .wrap .item + .item{margin-top:6rem;}
.top .sec05 .wrap .item .img{max-width:100%;margin: 0 auto;position:relative;}
.top .sec05 .wrap .item .img + .img{margin-top:12rem;}
.top .sec05 .wrap .item .img .tate{font-size:1.6rem;border-left:1px solid #BCBCBC;padding-left:1rem;position:absolute;top:0;left:calc(100% + 3rem);display:flex;flex-direction:column;justify-content:center;height:100%;white-space: nowrap;}
.top .sec05 .wrap .item .img .tate::before{content:"▲";font-size:1.1rem;line-height:1;color:#BCBCBC;position:absolute;top:0;left:-1px;transform:translate(-50%,-1px) scale(0.6 , 1);}
.top .sec05 .wrap .item .img .tate::after{content:"▼";font-size:1.1rem;line-height:1;color:#BCBCBC;position:absolute;bottom:0;left:-1px;transform:translate(-50%,1px) scale(0.6 , 1);}
.top .sec05 .wrap .item .img .yoko{font-size:1.6rem;border-top:1px solid #BCBCBC;padding-top:1rem;position:absolute;left:0;top:calc(100% + 3rem);width:100%;text-align:center;}
.top .sec05 .wrap .item .img .yoko::before{content:"◀︎";font-size:1.1rem;line-height:1;color:#BCBCBC;position:absolute;left:0;top:-1px;transform:translate(-1px,-50%) scale(1,0.6);}
.top .sec05 .wrap .item .img .yoko::after{content:"▶︎";font-size:1.1rem;line-height:1;color:#BCBCBC;position:absolute;right:0;top:-1px;transform:translate(1px,-50%) scale(1,0.6);}
.top .sec05 .wrap .item .texts{width:60rem;max-width:100%;margin: 5rem auto 0;}
.top .sec05 .wrap .item .texts .spec{font-size:2.2rem;line-height:5rem;text-align:left;font-weight:500;margin-bottom:2rem;}
.top .sec05 .wrap .item .texts dl{display:flex;font-size:1.6rem;line-height:4.7rem;border-bottom:1px solid #BCBCBC;}
.top .sec05 .wrap .item .texts dl:first-of-type{color:#FFF;background:#333333;border:none;text-align:center;}
.top .sec05 .wrap .item .texts dl > *:nth-child(1){width:27%;box-sizing:border-box;}
.top .sec05 .wrap .item .texts dl > *:nth-child(2){width:27%;box-sizing:border-box;}
.top .sec05 .wrap .item .texts dl > *:nth-child(3){width:23%;box-sizing:border-box;}
.top .sec05 .wrap .item .texts dl > *:nth-child(4){width:23%;box-sizing:border-box;}
.top .sec05 .wrap .item .texts dl:first-of-type > *:nth-child(-n + 2){padding-right:1.5rem;}
.top .sec05 .wrap .item .texts dl:not(:first-of-type) > *:nth-child(-n + 2){padding-left:3.5rem;text-align:left;}
.top .sec05 .wrap .item .texts .caption{font-size:1.6rem;line-height:4rem;text-align:right;}

.top .sec06{padding-top:7rem;margin-bottom:11rem;position:relative;}
.top .sec06 .wrap{width:110rem;max-width:100%;margin: 0 auto;text-align:center;}
.top .sec06 .wrap .title{font-size:4.4rem;font-weight:bold;}
.top .sec06 .wrap .title span{font-size:10rem;padding:0 1rem;transform:translateY(-0.5rem);display:inline-block;}
.top .sec06 .wrap .items{display:flex;justify-content:space-between;margin-top:12rem;}
.top .sec06 .wrap .items .item{color:#FFF;background:#E8B2A7;width:21rem;height:21rem;border-radius:50%;display:flex;justify-content:center;flex-direction:column;text-align:center;}
.top .sec06 .wrap .items .item:nth-child(1){background:#E8B2A7;transform:translateY(-29rem);}
.top .sec06 .wrap .items .item:nth-child(2){background:#832780;transform:translate(-6rem , -4rem);}
.top .sec06 .wrap .items .item:nth-child(3){background:#FCC822;}
.top .sec06 .wrap .items .item:nth-child(4){background:#EAD4B5;transform:translate(6rem ,-4rem);}
.top .sec06 .wrap .items .item:nth-child(5){background:#967C52;transform:translateY(-29rem);}
.top .sec06 .wrap .items .item .ename{font-size:3.5rem;line-height:1;margin-bottom:1.5rem;}
.top .sec06 .wrap .items .item .name{font-size:1.8rem;letter-spacing:0.12em;}

.top .sec_hero04 .img{width:125rem;max-width:100%;}
.top .sec07{padding-bottom:13rem;padding-top:8rem;margin-bottom:8rem;position:relative;}
.top .sec07::before{content:"";width:132.2rem;max-width:100%;height:calc(100% + 26rem);background:#EAEAEA;border-radius:0 0 0 26rem;position:absolute;bottom:0;right:0;z-index:-1;}
.top .sec07 .wrap{width:110rem;max-width:100%;margin: 0 auto;}
.top .sec07 .wrap .contact{margin: 0 auto;}



.c_contact01{width:73rem;max-width:100%;}
.c_contact01 .title{font-size:2.8rem;line-height:4.7rem;letter-spacing:0.1em;font-weight:bold;color:#FFF;background:#000;position:relative;padding: 0 0 0 3rem;width:23rem;box-sizing:border-box;text-align:center;}
.c_contact01 .title::before{content:"";width:10rem;height:10rem;border-radius:50%;position:absolute;top:0;right:0;transform:translateX(50%);z-index:-1;background:#000;}
.c_contact01 .area01{width:100%;background:#FFF;border:3px solid #000;box-sizing:border-box;padding:4rem 6rem 5rem;display:flex;justify-content:space-between;}
.c_contact01 .area02{display:flex;flex-direction:column;justify-content:space-between;}
.c_contact01 .area02 .text{font-size:1.6rem;line-height:2.8rem;}
.c_contact01 .area02 .company{font-size:2.2rem;font-weight:bold;}
.c_contact01 .area02 .time{font-size:1.4rem;line-height:2.3rem;}
.c_contact01 .area03{width:25rem;}
.c_contact01 .area03 .logo{padding:0.5rem 0;}
.c_contact01 .area03 .link01{font-size:2.2rem;line-height:4rem;color:#FFF;background:#333333;font-weight:bold;padding-left:5.5rem;display:block;position:relative;margin-top:1.5rem;}
.c_contact01 .area03 .link01 i{font-size:1.6rem;position:absolute;top:50%;left:2.8rem;transform:translate(-50%,-50%);}
.c_contact01 .area03 .link02{font-size:1.6rem;line-height:4rem;color:#FFF;background:#333333;font-weight:bold;padding-left:5.5rem;display:block;position:relative;margin-top:1rem;}
.c_contact01 .area03 .link02 i{font-size:1.6rem;position:absolute;top:50%;left:2.8rem;transform:translate(-50%,-50%);}