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

@media(max-width:899px){

.top {color:#727171;background:#5B5651;}
.top .sec_hero {}
.top .sec_hero .img {position:relative;z-index:2;}
.top .sec_hero .img video{display:block;width:100%;}
	.top .sec_hero .img::before{width:8rem;height:16rem;}
	.top .sec_hero .img::after{width:8rem;height:16rem;}
	.top .sec_hero .texts {padding:8rem 0 8rem;}
	.top .sec_hero .texts::before{width:6rem;height:3rem;}
	.top .sec_hero .texts .text {font-size:2.4rem;line-height:4rem;}
	.top .sec01 {padding-top:5rem;}
	.top .sec01::before{width:6rem;height:3rem;}
.top .sec01 .wrap {}
	.top .sec01 .wrap .etitle {font-size:2.4rem;line-height:4rem;margin-bottom:2rem;}
	.top .sec01 .wrap .items {width:33rem;}
	.top .sec01 .wrap .items .item {font-size:1.4rem;line-height:2.4rem;}
.top .sec01 .wrap .items .item + .item{margin-top:0.5rem;}
	.top .sec01 .wrap .items .item .date {width:11rem;}
	.top .sec01 .wrap .items .item .name {width:calc(100% - 11rem);}
.top .sec01 .wrap .link {font-size:2rem;line-height:3.3rem;letter-spacing:0.1em;font-weight:bold;width:25rem;text-align:center;color:#fff;background:#CA475C;box-sizing:border-box;border:1px solid #CA475C;border-radius:1.8rem;display:block;margin: 4rem auto 0;transition:0.5s;}
.top .sec01 .wrap .link:hover{color:#CA475C;background:#727171;}
	.top .sec02 {margin-top:6rem;padding-bottom:4rem;}
	.top .sec02 .wrap .etitle {font-size:2.4rem;line-height:4rem;margin-bottom:2rem;}
	.top .sec02 .wrap .links {width:30rem;}
	.top .sec02 .wrap .links .link {width:6rem;}
	.top .sec02 .wrap .links .link svg {width:6rem;height:6rem;}
.top .sec03 {border-top:0.5rem solid #CA475C;position:relative;padding-top:8rem;padding-bottom:3rem;}
	.top .sec03::before{width:6rem;height:3rem;}
.top .sec03 .wrap {width:110rem;max-width:100%;margin: 0 auto;}
	.top .sec03 .wrap .etitle {font-size:2.4rem;line-height:4rem;margin-bottom:3rem;}
	.top .sec03 .wrap .items {width:33rem;-moz-column-count: initial;-webkit-column-count: initial;column-count: initial;column-gap:initial;margin:0 auto;}
	.top .sec03 .wrap .items .item {width:100%;margin-bottom:3rem;}
	.top .sec03 .wrap .items .item .name {font-size:1.8rem;margin-bottom:1rem;}
	.top .sec03 .wrap .items .item .text {font-size:1.4rem;line-height:2.4rem;}
.top .sec04 {border-top:0.5rem solid #CA475C;position:relative;padding:8rem 0 5rem;background:#F6AD3C;}
	.top .sec04::before{width:6rem;height:3rem;}
.top .sec04 .wrap {}
	.top .sec04 .wrap .etitle {font-size:2.4rem;line-height:4rem;margin-bottom:2rem;}
	.top .sec04 .wrap .links {width:33rem;margin:0 auto;}
	.top .sec04 .wrap .links + .links{margin-top:0;}
	.top .sec04 .wrap .links .link {margin:0 auto;}
	.top .sec04 .wrap .links .link + .link{margin:2rem auto;}
	.top .sec04 .wrap .links .link.spon01 {width:11rem;}
	.top .sec04 .wrap .links .link.spon02 {width:12.3rem;}
	.top .sec04 .wrap .links .link.spon03 {width:13rem;}
	.top .sec04 .wrap .links .link.spon04 {width:14rem;}
	.top .sec04 .wrap .links .link.spon05 {width:12rem;}
	.top .sec04 .wrap .links .link.spon06 {width:12rem;}
	.top .sec04 .wrap .links .link.spon07 {width:13rem;}

.top .sec05 {border-top:0.5rem solid #CA475C;position:relative;}
	.top .sec05::before{width:6rem;height:3rem;}
	.top .sec05 .item01 {padding:6rem 0 6rem;}
	.top .sec05 .item01::before{width:8rem;height:16rem;}
	.top .sec05 .item01::after{width:8rem;height:16rem;}
	.top .sec05 .item01 .etitle {font-size:2.4rem;line-height:4rem;margin-bottom:2rem;}
	.top .sec05 .item01 .img {width:33rem;height:22rem;margin:0 auto;}
	.top .sec05 .item01 .img img{height:100%;object-fit:cover;}
.top .sec05 .item01 .link {font-size:2rem;line-height:3.3rem;letter-spacing:0.1em;font-weight:bold;width:25rem;text-align:center;color:#fff;background:#CA475C;box-sizing:border-box;border:1px solid #CA475C;border-radius:1.8rem;display:block;margin: 4rem auto 0;transition:0.5s;}
.top .sec05 .item01 .link i{margin-left:0.2rem;}
.top .sec05 .item01 .link:hover{color:#CA475C;background:#727171;}
	.top .sec05 .item02 {padding:6rem 0 6rem;}
	.top .sec05 .item02::before{width:6rem;height:3rem;}
.top .sec05 .item02::after{content:"";width:100%;height:0.5rem;background: #CA475C;position:absolute;top:0;left:0;transform:translateY(-50%);}
	.top .sec05 .item02 .etitle {font-size:2.4rem;line-height:4rem;margin-bottom:2rem;}
	.top .sec05 .item02 .img {width:33rem;}
.top .sec05 .item02 .link {font-size:2rem;line-height:3.3rem;letter-spacing:0.1em;font-weight:bold;width:34rem;text-align:center;color:#727171;background:#CA475C;box-sizing:border-box;border:1px solid #CA475C;border-radius:1.8rem;display:block;margin: 4rem auto 0;transition:0.5s;}
.top .sec05 .item02 .link i{margin-left:0.2rem;}
.top .sec05 .item02 .link:hover{color:#CA475C;background:#727171;}
	.top .sec06 {padding:6rem 0 6rem;}
	.top .sec06::before{width:6rem;height:3rem;}
.top .sec06 .wrap {display:flex;flex-direction:column;justify-content:center;align-items: center;}
	.top .sec06 .wrap .etitle {font-size:2.4rem;line-height:4rem;margin-bottom:2rem;}
	.top .sec06 .wrap .link {font-size:1.4rem;letter-spacing:0;}
.top .sec06 .wrap .link i{margin-left:0.2rem;}
.top .sec06 .wrap .link:hover{color:#CA475C;}
	.top .sec06 .wrap .link + .link{margin-top:1rem;}
}