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

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

}

header {}
header .wrap{height:10rem;width:100%;display:flex;align-items:center;justify-content:center;}
header .wrap .logos {width:18rem;}
header #humb{position:fixed;top:3.2rem;right:1rem;width:3.6rem;height:3.6rem;transform:translateY(-50%);display:block;z-index:1001;}
header #humb .border01{width:2.6rem;height:2px;background:#000;position:absolute;top:0.2rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
header #humb .border02{width:2.6rem;height:2px;background:#000;position:absolute;top:1.0rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
header #humb .border03{width:2.6rem;height:2px;background:#000;position:absolute;top:1.8rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
header #humb .name{font-size:1;font-weight:bold;color:#000;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
header input:checked ~ #humb .border01{top:1.0rem;transform:translate(-50%,-50%) rotate(-135deg);}
header input:checked ~ #humb .border02{top:1.0rem;transform:translate(-50%,-50%) rotate(-180deg);width:0;}
header input:checked ~ #humb .border03{top:1.0rem;transform:translate(-50%,-50%) rotate(135deg);}
header nav{position:fixed;top:0;left:0;width:0;height:100vh;padding:10rem 0 2rem;box-sizing:border-box;z-index:998;background:#FFf;overflow:hidden;transition:0.5s;}
header nav .links{flex-direction:column;background:#FFF;width:calc(100vw - 2rem);padding:0 1rem;box-sizing:border-box;}
header nav .links + .links{margin-top:3.4rem;}
header nav .links .link {font-size:3rem;}
header nav .links .link + .link{margin:3.4rem 0 0 0;}
header input:checked ~ nav {width:100vw;padding:10rem 1rem 2rem;}


footer{padding:7rem 0;background:#FF8D00;text-align:center;}
footer .logo{width:33rem;margin: 0 auto 3.5rem;}
footer .prof{font-size:1.6rem;line-height:2.8rem;margin-bottom:4rem;color:#FFF;}
footer .link{font-size:2rem;line-height:6.4rem;width:33rem;border:0.3rem solid #231815;box-sizing:border-box;display:block;margin: 0 auto;transition:0.5s;}
footer .link:hover{color:#FFF;background:#231815;}

.top .sec_hero {}
.top .sec_hero .logo {position:absolute;top:6rem;left:6rem;width:30rem;}
.top .sec_hero .title01 {font-size:8rem;line-height:14rem;letter-spacing:0.2em;color:#FF8D00;background:#231815;display:block;padding: 1rem 0 0;height:78.5rem;transition:0.5s 0.5s height,0.5s 0.5s padding,0.5s 1.0s color;box-sizing:border-box;white-space: nowrap;position:absolute;top:9rem;right:8rem;writing-mode: vertical-rl;}
.top .sec_hero .title02 {font-size:8rem;line-height:14rem;letter-spacing:0.2em;color:#FF8D00;background:#231815;display:block;padding: 1rem 0 0;height:39.5rem;transition:0.5s 0.6s height,0.5s 0.6s padding,0.5s 1.1s color;box-sizing:border-box;white-space: nowrap;position:absolute;top:65rem;right:30rem;writing-mode: vertical-rl;}
.top .sec_hero .title03 {font-size:8rem;line-height:14rem;letter-spacing:0.2em;color:#FF8D00;background:#231815;display:block;padding: 1rem 0 0;height:59.5rem;transition:0.5s 0.7s height,0.5s 0.7s padding,0.5s 1.2s color;box-sizing:border-box;white-space: nowrap;position:absolute;top:49rem;left:11rem;writing-mode: vertical-rl;}
.top .sec_hero .img {}

.top:not(.open) .sec_hero .title01{padding-top:0;height:0;color:transparent;}
.top:not(.open) .sec_hero .title02{padding-top:0;height:0;color:transparent;}
.top:not(.open) .sec_hero .title03{padding-top:0;height:0;color:transparent;}



.top .sec01 {color:#231815;background:#FF8D00;padding:2rem;}
.top .sec01 .wrap {display:flex;align-items:center;flex-wrap:wrap;}
.top .sec01 .wrap .img {width:44rem;margin-right:2rem;}
.top .sec01 .wrap .texts {width:61rem;}
.top .sec01 .wrap .texts .title {font-size:6rem;line-height:10rem;font-weight:900;letter-spacing:0.08em;border:1rem solid #231815;width:100%;box-sizing:border-box;text-align:center;}
.top .sec01 .wrap .texts .text {font-size:2.4rem;line-height:4.8rem;margin-top:2rem;}
.top .sec01 .wrap .texts .text b{font-size:4.2rem;line-height:4.8rem;display:inline-block;background:linear-gradient(to top , #FFF 1.5rem , transparent 1.5rem);vertical-align: bottom;}
.top .sec02 {color:#231815;background:#D9E414;padding:5rem 0;}
.top .sec02 .wrap {width:110rem;max-width:100%;margin : 0 auto;}
.top .sec02 .wrap .items01 {display:flex;flex-wrap:wrap;justify-content:space-between;}
.top .sec02 .wrap .items01 .img {width:33.3rem;}
.top .sec02 .wrap .items01 .text {font-size:5.6rem;line-height:10rem;font-weight:900;letter-spacing:0.04em;border:1rem solid #231815;width:100%;box-sizing:border-box;text-align:center;margin-top:1rem;}

.top .sec02 .wrap .items02 {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:5.5rem;}
.top .sec02 .wrap .items02 .img {width:33.3rem;}
.top .sec02 .wrap .items02 .text {font-size:5.6rem;line-height:10rem;font-weight:900;letter-spacing:0.04em;border:1rem solid #231815;width:100%;box-sizing:border-box;text-align:center;margin-top:1rem;}

.top .sec02 .wrap .items03 {display:flex;flex-wrap:wrap;margin-top:3rem;position:relative;}
.top .sec02 .wrap .items03 .img01 {width:70rem;}
.top .sec02 .wrap .items03 .img02 {width:39rem;position:absolute;top:0;right:0;}
.top .sec02 .wrap .items03 .texts {width:70rem;margin-top:3rem;}
.top .sec02 .wrap .items03 .texts .job {font-size:2rem;}
.top .sec02 .wrap .items03 .texts .name {font-size:4rem;margin-bottom:1rem;font-weight:900;letter-spacing:0.04em;}
.top .sec02 .wrap .items03 .texts .name b{font-size:5.7rem;margin-right:1.5rem;}
.top .sec02 .wrap .items03 .texts .text01 {font-size:3.4rem;margin-bottom:1.5rem;}
.top .sec02 .wrap .items03 .texts .text02 {font-size:3.3rem;color:#FFF;margin-bottom:1rem;}
.top .sec02 .wrap .items03 .texts .text03 {font-size:1.8rem;line-height:3.6rem;}

.top .sec_shop {padding:5rem 0 6rem;}
.top .sec_shop .img {width:28rem;margin : 0 auto 2rem;}
.top .sec_shop .title {font-size:2rem;text-align:center;margin-bottom:4rem;}
.top .sec_shop .links {width:110rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.top .sec_shop .links .link {width:25rem;}

.top .sec03 {padding:0.5rem 0 0;border-top:1px solid #231815;}
.top .sec03 .subtitle {font-size:2.4rem;line-height:5.2rem;letter-spacing:0.04em;color:#FFF;background:#231815;text-align:center;margin-bottom:3rem;}
.top .sec03 iframe {display:block;width:88rem;max-width:100%;height:49.5rem;margin : 0 auto 7rem;}
.top .sec03 .title {font-size:4rem;letter-spacing:0.04em;text-align:center;}
.top .sec03 .title rt{font-size:1.8rem;}
.top .sec03 .item {display:flex;flex-wrap:wrap;align-items:center;margin-top:5.5rem;}
.top .sec03 .item .img {width:60rem;margin-right:5rem;}
.top .sec03 .item .texts {width:55rem;}
.top .sec03 .item .texts .name {font-size:4rem;line-height:6rem;letter-spacing:0.04em;padding:3rem 0;border-top:0.3rem solid #231815;border-bottom:1.5rem solid #FF8D00;}
.top .sec03 .item .texts .text {font-size:1.8rem;line-height:3.6rem;margin-top:4rem;}
.top .sec04 {background:#F0EDDE;text-align:center;padding:10rem 0 6rem;}
.top .sec04 .titles {display:inline-block;text-align:left;}
.top .sec04 .titles .etitle {font-size:3.3rem;position:relative;}
.top .sec04 .titles .etitle::before {content:"";width:44rem;max-width:100%;height:2px;background:#231815;position:absolute;top:calc(50% - 1px);left:10rem;}
.top .sec04 .titles .title {font-size:4.2rem;}
.top .sec04 .voices {overflow:hidden;height:135rem;position:relative;}
.top .sec04 .voices .items  {width:220rem;padding:1rem 12.5rem;height:65rem;box-siziing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-content:space-between;position:absolute;top:50px;left:0;}
.top .sec04 .voices .items .item {width:100rem;height:20rem;padding:0 2.5rem 0 20rem;box-sizing:border-box;background:#FFF;box-shadow:0.2rem 0.2rem 0.2rem #BBB9AE;position:relative;text-align:left;display:flex;flex-direction:column;justify-content:center;border-radius:1rem;}
.top .sec04 .voices .items .item .icon {width:15rem;position:absolute;top:2.5rem;left:2.5rem;}
.top .sec04 .voices .items .item .name {font-size:2rem;color:#FF8D00;}
.top .sec04 .voices .items .item .text {font-size:1.8rem;line-height:3.6rem;margin-top:1rem;}

.top .sec05 {background:#D9E414;}
.top .sec05 .prof {display:flex;flex-wrap:wrap;justify-content:space-between;}
.top .sec05 .prof .img {width:60rem;}
.top .sec05 .prof .texts {width:62rem;align-self:center;}
.top .sec05 .prof .texts .title {font-size:4.2rem;line-height:7.8rem;padding-bottom:5rem;margin-bottom:3rem;position:relative;}
.top .sec05 .prof .texts .title::before{content:"";width:36rem;max-width:100%;height:0.3rem;background:#FFF;position:absolute;bottom:0;left:0;}
.top .sec05 .prof .texts .name {font-size:2.6rem;margin-bottom:1rem;}
.top .sec05 .prof .texts .text {font-size:1.8rem;line-height:3.6rem;}
.top .sec05 .items01 {padding:5rem 0 4rem;border-bottom:2px solid #231815}
.top .sec05 .items01 .wrap {width:100rem;max-width:100%;margin : 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.top .sec05 .items01 .wrap .text {font-size:1.6rem;line-height:3.6rem;width:47.5rem;text-align:justify;}
.top .sec05 .items02 {padding:4rem 0 8rem;}
.top .sec05 .items02 .wrap {width:100rem;max-width:100%;margin : 0 auto;}
.top .sec05 .items02 .wrap .title {font-size:4.2rem;margin-bottom:2rem;}
.top .sec05 .items02 .wrap .text {font-size:1.6rem;line-height:3.6rem;}
.top .sec06 {background:repeating-linear-gradient(-45deg,#FFF 0 , #FFF 8.5px , #D9E414 8.5px , #D9E414 12px);padding:7rem 0 7rem;}
.top .sec06 .titles {margin-bottom:3.5rem;text-align:center;}
.top .sec06 .titles .title {font-size:8.8rem;margin-bottom:1.5rem;}
.top .sec06 .titles .text {font-size:2.4rem;line-height:4.8rem;}
.top .sec06 .checklist {width:86rem;max-width:100%;background:#FFF;padding:2.5rem 0 4rem;box-sizing:border-box;text-align:center;margin : 0 auto;border-radius:1.5rem;box-shadow:0.7rem 0.7rem 0.6rem #BBB6B3;}
.top .sec06 .checklist .title {font-size:4.2rem;margin-bottom:2rem;}
.top .sec06 .checklist ul {display:inline-block;padding-left:5.5rem;text-align:left;}
.top .sec06 .checklist ul li{font-size:4.4rem;line-height:6.6rem;position:relative;}
.top .sec06 .checklist ul li::before{content:"";width:5rem;height:5rem;background:url("../img/top/check01.jpg");background-size:cover;position:absolute;top:1rem;left:-5.6rem;}
.top .sec06 .checklist ul li + li{margin-top:1.3rem;}
.top .sec06 .checklist ul li span{color:#FF9400;}

.top .sec07 {padding:0.5rem 0 6rem;border-top:1px solid #231815;}
.top .sec07 .subtitle {font-size:2.4rem;line-height:5.5rem;color:#FFF;background:#231815;text-align:center;margin-bottom:3rem;}
.top .sec07 .items01 {width:110rem;max-width:100%;margin:0 auto 5rem;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;}
.top .sec07 .items01 .img01 {width:41.5rem;}
.top .sec07 .items01 .img02 {width:31rem;margin-top:6rem;}
.top .sec07 .items01 .img03 {width:34rem;margin-top:6rem;}
.top .sec07 .items01 .text {font-size:1.6rem;line-height:3.6rem;width:61rem;position:absolute;bottom:0;right:0;}
.top .sec07 .items02 {width:100rem;max-width:100%;margin:0 auto 0;}
.top .sec07 .items02 .title {font-size:5.5rem;font-weight:900;letter-spacing:0.04em;margin-bottom:3rem;text-align:center;}
.top .sec07 .items02 .animewrap {width:100rem;height:75rem;max-width:100%;margin: 5rem auto 7rem;position:relative;overflow:hidden;}
.top .sec07 .items02 .animewrap .anime{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:anime00 10s infinite;display:flex;}
.top .sec07 .items02 .block01 {}
.top .sec07 .items02 .block01 .block0101 {display:flex;}
.top .sec07 .items02 .block02{}
.top .sec07 .items02 .block02 .block0201 {display:flex;}

.top .sec07 .items02 .anime .img01{animation:anime01 10s infinite;width:25rem;}
.top .sec07 .items02 .anime .img02{animation:anime02 10s infinite;width:25rem;}
.top .sec07 .items02 .anime .img03{animation:anime03 10s infinite;width:50rem;}
.top .sec07 .items02 .anime .img04{animation:anime04 10s infinite;width:50rem;}
.top .sec07 .items02 .anime .img05{animation:anime05 10s infinite;width:25rem;}
.top .sec07 .items02 .anime .img06{animation:anime06 10s infinite;width:25rem;}

/*@keyframes anime00{0% {width:0;height:0;} 15% {width:25rem;height:50rem;} 25% {width:50rem;height:50rem;} 35% {width:50rem;height:75rem;} 45%{width:100rem; height:75rem;}}*/
@keyframes anime00{0% {width:0;height:0;} 15% {width:25%;height:66.6%;} 25% {width:50%;height:66.6%;} 35% {width:50%;height:100%;} 45%{width:100%; height:100%;}}
@keyframes anime01{0% {opacity: 0;display:none;} 10% {opacity: 0;display:none;} 20% {display:block; opacity: 1;}}
@keyframes anime02{0% {opacity: 0;display:none;} 20% {opacity: 0;display:none;} 30% {display:block; opacity: 1;}}
@keyframes anime03{0% {opacity: 0;display:none;} 30% {opacity: 0;display:none;} 40% {display:block; opacity: 1;}}
@keyframes anime04{0% {opacity: 0;display:none;} 40% {opacity: 0;display:none;transform:translateY(5rem);} 50% {display:block; opacity: 1;transform:translateY(0);}}
@keyframes anime05{0% {opacity: 0;display:none;} 50% {opacity: 0;display:none;transform:translateY(5rem);} 60% {display:block; opacity: 1;transform:translateY(0);}}
@keyframes anime06{0% {opacity: 0;display:none;} 60% {opacity: 0;display:none;transform:translateY(5rem);} 70% {display:block; opacity: 1;transform:translateY(0);}}

@keyframes anime00_sp{0% {width:0;height:0;} 15% {width:8rem;height:16rem;} 25% {width:16rem;height:16rem;} 35% {width:16rem;height:24rem;} 45%{width:32rem; height:24rem;}}


.top .sec07 .items02 .text {font-size:2.4rem;line-height:4.8rem;}
.top .sec08 {background:repeating-linear-gradient(-45deg,#FFF 0 , #FFF 8.5px , #FFD099 8.5px , #FFD099 12px);padding:7.5rem 0 7rem;border-top:1px solid #231815;border-bottom:1px solid #231815;}
.top .sec08 .items {width:105rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.top .sec08 .items .texts {align-self:center;width:55rem;}
.top .sec08 .items .texts .title {font-size:5rem;line-height:8.8rem;font-weight:900;margin-bottom:2rem;}
.top .sec08 .items .texts .text {font-size:2.4rem;line-height:4.8rem;}
.top .sec08 .items .img {width:40rem;height:64rem;}
.top .sec08 .items .img video{width:100%;height:100%;object-fit:cover;}
.top .sec09 {}
.top .sec09 .items {display:flex;flex-wrap:wrap;}
.top .sec09 .items .img01 {width:50%;}
.top .sec09 .items .texts {width:50%;align-self:center;text-align:center;}
.top .sec09 .items .texts .logo {width:30rem;margin :0 auto 5rem;}
.top .sec09 .items .texts .text {font-size:1.8rem;line-height:3.6rem;display:inline-block;text-align:left;margin-bottom:7rem;}
.top .sec09 .items .texts .img02 {width:27rem;margin: 0 auto 2rem;}
.top .sec09 .items .texts .title {font-size:2rem; margin-bottom:4rem;}
.top .sec09 .items .texts .links {width:43rem;max-width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin: 0 auto;}
.top .sec09 .items .texts .links .link {width:20rem;}
.top .sec09 .items .texts .links .link:nth-child(n + 3){margin-top:2rem;}
.top .sec10 {text-align:center;padding:9rem 0 6rem;}
.top .sec10 .items {margin : 0 auto;}
.top .sec10 .items .title {font-size:5rem;line-height:8.8rem;font-weight:900;color:#FF9400;text-align:center;margin-bottom:5rem;}
/*
.top .sec10 .items .links {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.top .sec10 .items .links::after{content:"";width:30rem;}
.top .sec10 .items .links .link {width:30rem;}
.top .sec10 .items .links .link:nth-child(n + 4){margin-top:2rem;}
*/

/*
.top .sec10 .items .links {position:relative;height:20rem;overflow:hidden;}
.top .sec10 .items .links .img{width:20rem;height:20rem;position:absolute;top:0;left:0;transition:5s linear;}
.top .sec10 .items .links .img:nth-child(1){left:calc(24rem * -2);opacity:0;}
.top .sec10 .items .links .img:nth-child(2){left:calc(24rem * -1);}
.top .sec10 .items .links .img:nth-child(3){left:calc(24rem * 0);}
.top .sec10 .items .links .img:nth-child(4){left:calc(24rem * 1);}
.top .sec10 .items .links .img:nth-child(5){left:calc(24rem * 2);}
.top .sec10 .items .links .img:nth-child(6){left:calc(24rem * 3);}
.top .sec10 .items .links .img:nth-child(7){left:calc(24rem * 4);}
.top .sec10 .items .links .img:nth-child(8){left:calc(24rem * 5);}
.top .sec10 .items .links .img:nth-child(9){left:calc(24rem * 6);}
.top .sec10 .items .links .img:nth-child(n + 10){left:calc(24rem * 7);opacity:0;}
.top .sec10 .items .links .img img{height:100%;object-fit:contain;}
*/

.top .sec10 .items .links {position:relative;height:200px;overflow:hidden;}
.top .sec10 .items .links .img{width:200px;height:200px;position:absolute;top:0;left:0;transition:5s linear;}
.top .sec10 .items .links .img:nth-child(1){left:calc(240px * -2);opacity:0;}
.top .sec10 .items .links .img:nth-child(2){left:calc(240px * -1);}
.top .sec10 .items .links .img:nth-child(3){left:calc(240px * 0);}
.top .sec10 .items .links .img:nth-child(4){left:calc(240px * 1);}
.top .sec10 .items .links .img:nth-child(5){left:calc(240px * 2);}
.top .sec10 .items .links .img:nth-child(6){left:calc(240px * 3);}
.top .sec10 .items .links .img:nth-child(7){left:calc(240px * 4);}
.top .sec10 .items .links .img:nth-child(8){left:calc(240px * 5);}
.top .sec10 .items .links .img:nth-child(9){left:calc(240px * 6);}
.top .sec10 .items .links .img:nth-child(10){left:calc(240px * 7);}
.top .sec10 .items .links .img:nth-child(n + 11){left:calc(240px * 8);}
.top .sec10 .items .links .img img{height:100%;object-fit:contain;}



.top .sec11 {border-top:1px solid #231815;padding:2rem 0 2rem;}
.top .sec11 .items {display:flex;align-items:center;justify-content:space-between;width:95rem;max-width:100%;margin: 0 auto 5rem;}
.top .sec11 .items .img {width:33rem;margin-right:2rem;}
.top .sec11 .items .title {font-size:2rem;margin-top:2rem;}
.top .sec11 iframe{display:block;width:88rem;max-width:100%;height:49.5rem;margin : 0 auto;}