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

@media(max-width:849px){


	.top .sec_hero .logo {top:2rem;left:2rem;width:14rem;}
	.top .sec_hero .title01 {font-size:3rem;line-height:4rem;letter-spacing:0.1em;padding: 0.5rem 0 0;top:3rem;right:3rem;height:27.5rem;}
	.top .sec_hero .title02 {font-size:3rem;line-height:4rem;letter-spacing:0.1em;padding: 0.5rem 0 0;top:18rem;right:9rem;height:14.5rem;}
	.top .sec_hero .title03 {font-size:3rem;line-height:4rem;letter-spacing:0.1em;padding: 0.5rem 0 0;top:12rem;left:3rem;height:20.5rem;}



	.top .sec01 {padding:3rem 2rem;}
	.top .sec01 .wrap .img {margin: 0 auto -4rem;transform:translateY(2rem) rotateZ(-5deg);}
	.top .sec01 .wrap .texts .title {font-size:6rem;line-height:8rem;padding:4rem 0 2rem;}
	.top .sec01 .wrap .texts .text {font-size:2rem;line-height:4rem;margin-top:1rem;}
	.top .sec01 .wrap .texts .text b{font-size:4rem;line-height:4rem;}
	.top .sec02 {padding:3rem 2rem;}
.top .sec02 .wrap .items01 {display:flex;flex-wrap:wrap;justify-content:space-between;}
	.top .sec02 .wrap .items01 .img {width:30%;}
	.top .sec02 .wrap .items01 .text {font-size:2.6rem;line-height:3rem;letter-spacing:0;border:0.5rem solid #231815;margin-top:1.5rem;padding:0.5rem 0;}

	.top .sec02 .wrap .items02 {margin-top:2.5rem;}
	.top .sec02 .wrap .items02 .img {width:30%;}
	.top .sec02 .wrap .items02 .text {font-size:2.6rem;line-height:3rem;letter-spacing:0;border:0.5rem solid #231815;margin-top:1.5rem;padding:0.5rem 0;}

.top .sec02 .wrap .items03 {display:flex;flex-wrap:wrap;margin-top:3rem;position:relative;}
	.top .sec02 .wrap .items03 .img01 {width:23rem;}
	.top .sec02 .wrap .items03 .img02 {width:9rem;}
.top .sec02 .wrap .items03 .texts {width:70rem;margin-top:3rem;}
	.top .sec02 .wrap .items03 .texts .job {font-size:1.8rem;}
	.top .sec02 .wrap .items03 .texts .name {font-size:3rem;}
	.top .sec02 .wrap .items03 .texts .name b{font-size:5rem;margin-right:1rem;}
	.top .sec02 .wrap .items03 .texts .text01 {font-size:2rem;}
.top .sec02 .wrap .items03 .texts .text02 {font-size:3.3rem;color:#FFF;margin-bottom:1rem;}
	.top .sec02 .wrap .items03 .texts .text03 {font-size:1.5rem;line-height:3rem;}

	.top .sec_shop {padding:3rem 2rem;}
.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:16rem;}

.top .sec03 {padding:0.5rem 0 0;border-top:1px solid #231815;}
	.top .sec03 .subtitle {font-size:2rem;line-height:3.6rem;padding:1rem 0;}
	.top .sec03 iframe {width:32rem;height:18rem;margin : 0 auto 2.5rem;}
	.top .sec03 .title {font-size:2.8rem;line-height:5rem;}
	.top .sec03 .title rt{font-size:1.4rem;}
	.top .sec03 .item {position:relative;padding:3rem 0 0 2rem;margin-top:3rem;}
	.top .sec03 .item .img {position:absolute;top:0;left:0;z-index:-1;width:calc(100% - 3rem);height:calc(100% - 5rem);margin:0;}
	.top .sec03 .item .img img{width:100%;height:100%;object-fit:cover;}
	.top .sec03 .item .texts {background:#FFFFFFC0;padding:2rem;}
	.top .sec03 .item .texts .name {font-size:2.6rem;line-height:3.6rem;padding:2rem 0;border-top:0.3rem solid #231815;border-bottom:1rem solid #FF8D00;}
	.top .sec03 .item .texts .text {font-size:1.5rem;line-height:3rem;margin-top:2rem;text-align:justify;}
	.top .sec04 {padding:3rem 2rem 6rem;}
	.top .sec04 .titles {display:block;}
	.top .sec04 .titles .etitle {font-size:2.6rem;position:relative;}
	.top .sec04 .titles .etitle::before {width:20rem;}
	.top .sec04 .titles .title {font-size:2.2rem;margin-top:0.5rem;}
	.top .sec04 .voices {height:initial;margin-top:2rem;}
	.top .sec04 .voices .items  {position:static!important;padding:0;width:100%;height:initial;display:block;}
	.top .sec04 .voices .items .item {width:100%;height:initial;padding:3rem 2rem 2rem;}
	.top .sec04 .voices .items .item + .item{margin-top:2rem;}
.top .sec04 .voices .items .item .icon {width:5rem;position:absolute;top:1.5rem;left:2rem;}
.top .sec04 .voices .items .item .name {font-size:2rem;color:#FF8D00;padding-left:6rem;}
	.top .sec04 .voices .items .item .text {font-size:1.4rem;line-height:2.8rem;}

.top .sec05 {background:#D9E414;}
.top .sec05 .prof {display:flex;flex-wrap:wrap;justify-content:space-between;}
	.top .sec05 .prof .img {margin-right:2rem;}
	.top .sec05 .prof .texts {padding:2rem;box-sizing:border-box;}
	.top .sec05 .prof .texts .title {font-size:3rem;line-height:4.6rem;padding-bottom:3rem;margin-bottom:2rem;}
.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.6rem;line-height:3rem;}
	.top .sec05 .items01 {padding:0 2rem 2rem;}
.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.4rem;line-height:2.8rem;}
	.top .sec05 .items02 {padding:2rem 2rem 2rem;}
.top .sec05 .items02 .wrap {width:100rem;max-width:100%;margin : 0 auto;}
	.top .sec05 .items02 .wrap .title {font-size:3rem;margin-bottom:1.5rem;}
	.top .sec05 .items02 .wrap .text {font-size:1.4rem;line-height:2.8rem;}
	.top .sec06 {padding:3rem 2rem;}
	.top .sec06 .titles {margin-bottom:2rem;text-align:center;}
	.top .sec06 .titles .title {font-size:3rem;}
	.top .sec06 .titles .text {font-size:2rem;line-height:4rem;text-align:justify;}
	.top .sec06 .checklist {padding:2rem;}
	.top .sec06 .checklist .title {font-size:2rem;margin-bottom:1rem;}
	.top .sec06 .checklist ul {padding-left:2.5rem;}
	.top .sec06 .checklist ul li{font-size:1.8rem;line-height:3rem;}
	.top .sec06 .checklist ul li::before{content:"";width:2rem;height:2rem;top:0.6rem;left:-2.8rem;}
	.top .sec06 .checklist ul li + li{margin-top:1rem;}

	.top .sec07 {padding:0.5rem 0 3rem;}
	.top .sec07 .subtitle {font-size:2rem;line-height:3.6rem;padding:1rem 0;}
	.top .sec07 .items01 {padding: 0 2rem;box-sizing:border-box;}
	.top .sec07 .items01 .img01 {width:60%;margin: 0 auto;}
	.top .sec07 .items01 .img02 {width:48%;margin-top:0rem;align-self:center;}
	.top .sec07 .items01 .img03 {width:48%;margin-top:0rem;}
	.top .sec07 .items01 .text {font-size:1.5rem;line-height:3rem;position:static;margin-top:1rem;}
	.top .sec07 .items02 {padding:0 2rem;box-sizing:border-box;}
	.top .sec07 .items02 .title {font-size:3rem;}
	.top .sec07 .items02 .animewrap {width:32rem;height:24rem;margin: 3rem auto;}
	.top .sec07 .items02 .animewrap .anime{animation:anime00_sp 10s infinite;}
	.top .sec07 .items02 .anime .img01{width:8rem;}
	.top .sec07 .items02 .anime .img02{width:8rem;}
	.top .sec07 .items02 .anime .img03{width:16rem;}
	.top .sec07 .items02 .anime .img04{width:16rem;}
	.top .sec07 .items02 .anime .img05{width:8rem;}
	.top .sec07 .items02 .anime .img06{width:8rem;}
	.top .sec07 .items02 .text {font-size:1.5rem;line-height:3rem;}
	.top .sec08 {padding:3rem 2rem;}
	.top .sec08 .items .texts .title {font-size:3rem;line-height:5rem;margin-bottom:1.5rem;}
	.top .sec08 .items .texts .text {font-size:1.5rem;line-height:3rem;}
	.top .sec08 .items .img {width:28rem;height:44rem;margin: 2rem auto 0;}
	.top .sec09 .items .img01 {display:none;}
	.top .sec09 .items .texts {width:100%;padding:3rem 2rem;box-sizing:border-box;}
	.top .sec09 .items .texts .text {font-size:1.5rem;line-height:3rem;margin-bottom:5rem;text-align:center;}
	.top .sec09 .items .texts .links .link {width:15rem;}
	.top .sec10 {padding:5rem 0;}
	.top .sec10 .items .title {font-size:2.4rem;line-height:3.6rem;margin-bottom:3rem;}
	.top .sec10 .items .links .link {width:16rem;}
	.top .sec10 .items .links .link:nth-child(n + 3){margin-top:2rem;}
	
/*
	.top .sec10 .items .links {height:15rem;}
	.top .sec10 .items .links .img{width:15rem;height:15rem;}
	.top .sec10 .items .links .img:nth-child(1){left:calc(18rem * -2);opacity:0;}
	.top .sec10 .items .links .img:nth-child(2){left:calc(18rem * -1);}
	.top .sec10 .items .links .img:nth-child(3){left:calc(18rem * 0);}
	.top .sec10 .items .links .img:nth-child(4){left:calc(18rem * 1);}
	.top .sec10 .items .links .img:nth-child(5){left:calc(18rem * 2);}
	.top .sec10 .items .links .img:nth-child(6){left:calc(18rem * 3);}
	.top .sec10 .items .links .img:nth-child(7){left:calc(18rem * 4);}
	.top .sec10 .items .links .img:nth-child(8){left:calc(18rem * 5);}
	.top .sec10 .items .links .img:nth-child(9){left:calc(18rem * 6);}
	.top .sec10 .items .links .img:nth-child(n + 10){left:calc(18rem * 7);opacity:0;}
*/

	.top .sec10 .items .links {height:150px;}
	.top .sec10 .items .links .img{width:150px;height:150px;}
	.top .sec10 .items .links .img:nth-child(1){left:calc(180px * -2);opacity:0;}
	.top .sec10 .items .links .img:nth-child(2){left:calc(180px * -1);}
	.top .sec10 .items .links .img:nth-child(3){left:calc(180px * 0);}
	.top .sec10 .items .links .img:nth-child(4){left:calc(180px * 1);}
	.top .sec10 .items .links .img:nth-child(5){left:calc(180px * 2);}
	.top .sec10 .items .links .img:nth-child(6){left:calc(180px * 3);}
	.top .sec10 .items .links .img:nth-child(7){left:calc(180px * 4);}
	.top .sec10 .items .links .img:nth-child(8){left:calc(180px * 5);}
	.top .sec10 .items .links .img:nth-child(9){left:calc(180px * 6);}
	.top .sec10 .items .links .img:nth-child(n + 10){left:calc(180px * 7);opacity:0;}



	.top .sec11 {padding:3rem 2rem;}
	.top .sec11 .items {flex-wrap:wrap;justify-content:center;}
	.top .sec11 .items .img {width:16rem;margin:0 auto 1rem;}
	.top .sec11 .items .title {font-size:1.5rem;line-height:3rem;margin-top:2rem;text-align:center;}
	.top .sec11 iframe{width:32rem;height:18rem;}


}