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


@media(min-width:900px){
	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:899px){
	html{font-size:calc( 1000vw / 375 );}/*10px;*/
	.pc_only{display: none!important;}

}

header {color:#727171;background:#FDD23E;position:relative;z-index:2;}
header .wrap{width:110rem;max-width:100%;height:15rem;display:flex;justify-content:space-between;align-items:center;margin: 0 auto;}
header .logo{width:35rem;}
header #humb{display:none;}
header nav .links{display:flex;}
header nav .links .linkwrap{min-width:11rem;}
header nav .links .linkwrap + .linkwrap{margin-left:3rem;}
header nav .links .link{font-size:1.6rem;line-height:2.6rem;letter-spacing:0.16em;position:relative;z-index:2;}
header nav .links .link::after{content:"";width:0;height:1px;background:#CA475C;position:absolute;bottom:0;right:0;transition:0.5s;}
header nav .links .link:hover::after{left:0;right:initial;width:100%;}
header nav .links .link + .link{margin-left:2.5rem;}
header nav .links01 .link{padding-right:0.3rem;}
header nav .links01 .link::before{content:"";width:2rem;height:2rem;background: #CA475C;clip-path: polygon(100% 0%, 100% 100%, 0% 100%);position:absolute;bottom:0;right:0;z-index:-1;}
header nav .links02{margin-top:1.5rem;}
header nav .links02 .link i{margin-left:0.3rem;color:#CA475C;}
header nav .links02 .linkwrap:last-child .link{letter-spacing:0;}

main{position:relative;z-index:2;}

footer{color:#727171;background:#FDD23E;padding:6rem 0;position:relative;z-index:2;}
footer .wrap{width:102rem;max-width:100%;margin: 0 auto;position:relative;}
footer .wrap .texts{}
footer .wrap .texts .logo{width:25rem;margin-bottom:1rem;}
footer .wrap .texts .address{font-size:1.6rem;line-height:3.2rem;letter-spacing:0.1em;}
footer .wrap .texts .tel{font-size:1.6rem;line-height:3.2rem;letter-spacing:0.1em;}
footer .wrap .texts .fax{font-size:1.6rem;line-height:3.2rem;letter-spacing:0.1em;}
footer .wrap .texts .contact{font-size:1.6rem;line-height:3.3rem;font-weight:bold;width:25rem;text-align:center;color:#727171;background:#CA475C;box-sizing:border-box;border:1px solid #CA475C;border-radius:1.8rem;display:block;margin-top: 1.5rem;transition:0.5s;}
footer .wrap .texts .contact:hover{color:#CA475C;background:#727171;}
footer .wrap .copyright{font-size:1.6rem;position:absolute;bottom:0;right:0;letter-spacing:0.1em;}

@media(max-width:899px){
	body{padding-top:6rem;}
	header {position:fixed;top:0;left:0;width:100%;z-index:100001;}
	header .wrap{height:6rem;padding-left:1.5rem;}
	header .logo {width:15rem;}
	header #humb{position:fixed;top:3rem;right:2.5rem;width:2.6rem;height:2rem;transform:translateY(-50%);display:block;z-index:1001;}
	header #humb .border01{width:2.6rem;height:2px;background:#CA475C;position:absolute;top:0.2rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
	header #humb .border02{width:2.6rem;height:2px;background:#CA475C;position:absolute;top:1.0rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
	header #humb .border03{width:2.6rem;height:2px;background:#CA475C;position:absolute;top:1.8rem;left:50%;transform:translate(-50%,-50%);transition:0.5s;}
	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:8rem 0 2rem;box-sizing:border-box;z-index:-1;background:#000;overflow:hidden scroll;transition:0.5s;}
	header nav .links{flex-direction:column;width:30rem;margin: 0 auto;padding:0;box-sizing:border-box;}
	header nav .links .linkwrap{margin:1rem 0;}
	header nav .links .linkwrap + .linkwrap{margin:1rem 0;}
	header nav .links02{margin-top:0;}




	header input:checked ~ nav {width:100vw;padding:8rem 1rem 2rem;}



	footer{padding:4rem 0;}
	footer .wrap .texts{width:27rem;margin: 0 auto;}
	footer .wrap .texts .logo{margin: 0 auto 2rem;}
	footer .wrap .texts .address{font-size:1.4rem;}
	footer .wrap .texts .tel{font-size:1.4rem;}
	footer .wrap .texts .fax{font-size:1.4rem;}
	footer .wrap .texts .contact{font-size:1.4rem;margin: 2rem auto;}
	footer .wrap .copyright{position:static;text-align:center;}
}

.top .bg{width:100%;height:100vh;object-fit:cover;position:fixed;top:0;left:0;}

.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{content:"";width:30rem;height:60rem;background: #CA475C;clip-path: polygon(0 0, 0% 100%, 100% 50%);position:absolute;bottom:0;left:0;transform:translateY(50%);transition:0.3s 1s;}
.top .sec_hero .img::after{content:"";width:30rem;height:60rem;background: #CA475C;clip-path: polygon(100% 100%, 100% 0%, 0% 50%);position:absolute;bottom:0;right:0;transform:translateY(50%);transition:0.3s 1s;}
.top .sec_hero .img:not(.visible)::before{width:0;height:0;}
.top .sec_hero .img:not(.visible)::after{width:0;height:0;}

.top .sec_hero .texts {padding:15rem 0 12rem;position:relative;}
.top .sec_hero .texts::before{content:"";width:10rem;height:5rem;background: #CA475C;clip-path: polygon(100% 0%, 0% 0%, 50% 100%);position:absolute;top:-1px;left:50%;transform:translateX(-50%);transition:0.3s 0.5s;}
.top .sec_hero .texts:not(.visible)::before{width:0;height:0;}
.top .sec_hero .texts .text {font-size:4rem;line-height:8rem;letter-spacing:0.1em;text-align:center;font-weight:bold;}
.top .sec01 {border-top:0.5rem solid #CA475C;position:relative;padding-top:13rem;}
.top .sec01::before{content:"";width:10rem;height:5rem;background: #CA475C;clip-path: polygon(100% 0%, 0% 0%, 50% 100%);position:absolute;top:-1px;left:50%;transform:translateX(-50%);transition:0.3s 0.5s;}
.top .sec01:not(.visible)::before{width:0;height:0;}
.top .sec01 .wrap {}
.top .sec01 .wrap .etitle {font-size:6rem;line-height:8rem;letter-spacing:0.1em;font-weight:bold;text-align:center;margin-bottom:4rem;}
.top .sec01 .wrap .items {width:60rem;max-width:100%;margin:0 auto;}
.top .sec01 .wrap .items .item {font-size:1.6rem;line-height:2.7rem;letter-spacing:0.1em;display:flex;flwx-wrap:wrap;}
.top .sec01 .wrap .items .item + .item{margin-top:0.5rem;}
.top .sec01 .wrap .items .item .date {width:15rem;}
.top .sec01 .wrap .items .item .name {width:calc(100% - 15rem);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.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:#fff;}
.top .sec02 {margin-top:10rem;padding-bottom:6rem;}
.top .sec02 .wrap {}
.top .sec02 .wrap .etitle {font-size:6rem;line-height:8rem;letter-spacing:0.1em;font-weight:bold;text-align:center;margin-bottom:5rem;}
.top .sec02 .wrap .links {display:flex;justify-content:space-between;width:70rem;max-width:100%;margin: 0 auto;}
.top .sec02 .wrap .links .link {width:11rem;}
.top .sec02 .wrap .links .link svg {width:11rem;height:11rem;}
.top .sec02 .wrap .links .link svg path{fill:#727171;transition:0.5s;}
.top .sec02 .wrap .links .link:hover svg path{fill:#CA475C;}
.top .sec03 {border-top:0.5rem solid #CA475C;position:relative;padding-top:8rem;padding-bottom:3rem;}
.top .sec03::before{content:"";width:10rem;height:5rem;background: #CA475C;clip-path: polygon(100% 0%, 0% 0%, 50% 100%);position:absolute;top:-1px;left:50%;transform:translateX(-50%);transition:0.3s 0.5s;}
.top .sec03:not(.visible)::before{width:0;height:0;}
.top .sec03 .wrap {width:110rem;max-width:100%;margin: 0 auto;}
.top .sec03 .wrap .etitle {font-size:6rem;line-height:8rem;letter-spacing:0.1em;font-weight:bold;text-align:center;margin-bottom:5rem;}
.top .sec03 .wrap .items {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;column-gap:10rem;}
.top .sec03 .wrap .items .item {width:50rem;break-inside: avoid;margin-bottom:8rem;}
.top .sec03 .wrap .items .item .name {font-size:4rem;line-height:1;letter-spacing:0.1em;margin-bottom:2rem;font-weight:900;}
.top .sec03 .wrap .items .item .text {font-size:1.6rem;line-height:3.2rem;font-weight:bold;text-align:justify;}
.top .sec03 .wrap .items .item .text span{color:#CA475C;}
.top .sec04 {border-top:0.5rem solid #CA475C;position:relative;padding:8rem 0 5rem;background:#F6AD3C;}
.top .sec04::before{content:"";width:10rem;height:5rem;background: #CA475C;clip-path: polygon(100% 0%, 0% 0%, 50% 100%);position:absolute;top:-1px;left:50%;transform:translateX(-50%);transition:0.3s 0.5s;}
.top .sec04:not(.visible)::before{width:0;height:0;}
.top .sec04 .wrap {}
.top .sec04 .wrap .etitle {font-size:6rem;line-height:8rem;letter-spacing:0.1em;font-weight:bold;color:#CA475C;text-align:center;margin-bottom:5rem;}
.top .sec04 .wrap .links {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.top .sec04 .wrap .links + .links{margin-top:5rem;}
.top .sec04 .wrap .links .link {}
.top .sec04 .wrap .links .link + .link{margin-left:5rem;}
.top .sec04 .wrap .links .link.spon01 {width:22rem;}
.top .sec04 .wrap .links .link.spon02 {width:24.6rem;}
.top .sec04 .wrap .links .link.spon03 {width:26rem;}
.top .sec04 .wrap .links .link.spon04 {width:28rem;}
.top .sec04 .wrap .links .link.spon05 {width:24rem;}
.top .sec04 .wrap .links .link.spon06 {width:24rem;}
.top .sec04 .wrap .links .link.spon07 {width:26rem;}

.top .sec05 {border-top:0.5rem solid #CA475C;position:relative;}
.top .sec05::before{content:"";width:10rem;height:5rem;background: #CA475C;clip-path: polygon(100% 0%, 0% 0%, 50% 100%);position:absolute;top:-1px;left:50%;transform:translateX(-50%);transition:0.3s 0.5s;}
.top .sec05:not(.visible)::before{width:0;height:0;}
.top .sec05 .item01 {padding:8rem 0 7rem;position:relative;z-index:2;}
.top .sec05 .item01::before{content:"";width:30rem;height:60rem;background: #CA475C;clip-path: polygon(0 0, 0% 100%, 100% 50%);position:absolute;bottom:0;left:0;transform:translateY(50%);transition:0.3s 1s;}
.top .sec05 .item01::after{content:"";width:30rem;height:60rem;background: #CA475C;clip-path: polygon(100% 100%, 100% 0%, 0% 50%);position:absolute;bottom:0;right:0;transform:translateY(50%);transition:0.3s 1s;}
.top .sec05 .item01:not(.visible)::before{width:0;height:0;}
.top .sec05 .item01:not(.visible)::after{width:0;height:0;}
.top .sec05 .item01 .etitle {font-size:6rem;line-height:8rem;letter-spacing:0.1em;font-weight:bold;text-align:center;margin-bottom:5rem;}
.top .sec05 .item01 .img {width:100rem;max-width:100%;margin:0 auto;}
.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:8rem 0 6rem;position:relative;background:#727171FFF30;}
.top .sec05 .item02::before{content:"";width:10rem;height:5rem;background: #CA475C;clip-path: polygon(100% 0%, 0% 0%, 50% 100%);position:absolute;top:-1px;left:50%;transform:translateX(-50%);transition:0.3s 0.5s;}
.top .sec05 .item02:not(.visible)::before{width:0;height:0;}
.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:6rem;line-height:8rem;letter-spacing:0.1em;font-weight:bold;text-align:center;margin-bottom:4rem;}
.top .sec05 .item02 .img {width:40rem;max-width:100%;margin: 0 auto;}
.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 {border-top:0.5rem solid #CA475C;position:relative;padding:8rem 0 6rem;}
.top .sec06::before{content:"";width:10rem;height:5rem;background: #CA475C;clip-path: polygon(100% 0%, 0% 0%, 50% 100%);position:absolute;top:-1px;left:50%;transform:translateX(-50%);transition:0.3s 0.5s;}
.top .sec06:not(.visible)::before{width:0;height:0;}
.top .sec06 .wrap {display:flex;flex-direction:column;justify-content:center;align-items: center;}
.top .sec06 .wrap .etitle {font-size:6rem;line-height:8rem;letter-spacing:0.1em;font-weight:bold;text-align:center;margin-bottom:5rem;}
.top .sec06 .wrap .link {font-size:2rem;letter-spacing:0.1em;transition:0.5s;}
.top .sec06 .wrap .link i{margin-left:0.2rem;}
.top .sec06 .wrap .link:hover{color:#CA475C;}
.top .sec06 .wrap .link + .link{margin-top:3rem;}