div#iwaitwins, div#sponsorship { 
	font-family: neue-haas-grotesk-text, "Helvetica Neue", Helvetica, Arial, noto-sans-cjk-jp, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 2em;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
#iwaitwins .bread, #iwaitwins .bread a { color: #fff; }
#iwaitwins .contents { text-align: left; }


#top_img { height: 600px; width: 100%; position: relative; margin-bottom: 0; }
#top_img h1 { font-size: 2rem; position: absolute; top: 30%; left: 5%; z-index: 10; }
#top_img .logo { margin-top: 1.5rem; width: 200px; }
#top_img .sldr_box { width: 100%; height: 600px; }
@media screen and (max-width:767px) {
	#top_img { height: 350px; width: 100%; position: relative; }
	#top_img .sldr_box { width: 100%; height: 350px; }
	#top_img h1 { font-size: 1.25rem; position: absolute; top: 10%; left: 10%; width: 80%; z-index: 10; text-align: center; }
	#top_img .logo { margin-top: 1rem; width: 100px; }
}
#message { text-align: center; margin: 0 auto; padding: 5rem 0; position: relative; max-width: none; }
#message h2 { margin-bottom: 0.5rem; }
#message .lead { line-height: 2; }
#message img { position: absolute; top: -5rem; right: 50px; width: 15%; }
@media screen and (max-width:767px) {
	#message { padding: 3rem 1rem; }
	#message .lead { text-align: left; }
	#message img { position: absolute; top: -2rem; right: 5vw; width: 15%; }
}
#sns { background-color: #eee; padding: 3rem 0; margin-bottom: 0; max-width: none; display: flex; justify-content: center;}
#sns a { display: block; width: 37%; line-height: 1.7; padding-left: 120px; background: url(/ja/images/iwai/facebook.png) left center / contain no-repeat; color: #000; }
#sns .inst_icon { display: block; width: 460px; line-height: 1.7; padding: 12px 0 12px 120px; background: url(/ja/images/iwai/insta.png) left center / contain no-repeat; color: #000; }
#sns a:hover { opacity: 0.8; color: #d3778e; }
#sns a span { font-size: 1.25rem; font-weight: 700; line-height: 1.2; }
@media screen and (max-width:767px) {
	#sns a { width: 250px; font-size: 12px; box-sizing: content-box; margin: 0 auto; background-size: 65px; padding-left: 100px;}
	#sns a span { font-size: 1.125rem; line-height: 1.2; }
	#sns { flex-direction: column; }
	#sns .inst_icon { width: 250px; font-size: 12px; box-sizing: content-box; padding: 10px 0 10px 100px; margin-top: 45px; background-position: left 2px center; background-size: 60px; }
} 
#profile { width: 100%; padding: 15rem 0 5rem 0; margin: 0 auto; background: url(/ja/images/iwai/gra01.png) left top / 500px no-repeat; position: relative; max-width: none; }
#profile h2 { color: #fff; position: absolute; top: 8rem; left: 5rem; }
#profile h3 { font-size: 1.5rem; font-weight: 700; margin: 1.5rem 0 2.5rem 0; text-align: center; }
#profile h4 { font-size: 1.25rem; font-weight: 700; margin: 1.5rem 0; text-align: center; }
#profile img { border-radius: 2rem; }
#profile table { width: 100%; margin-bottom: 3rem; border-top: 0.5px #ddd dotted; }
#profile table th, #profile table td { padding: 10px 0; border-bottom: 0.5px #ddd dotted; }
#profile table th { font-weight: 700; }
@media screen and (max-width:767px) {
	#profile { padding: 8rem 0 5rem 0; background: url(/ja/images/iwai/gra01.png) left top / 60vw no-repeat; position: relative; }
	#profile h2 { color: #fff; position: absolute; top: 3rem; left: 2rem; }
	#profile h3 { margin: 1rem 0 1.5rem 0; text-align: center; }
	#profile .box2:nth-child(2) { margin-top: 3rem; }
}
#news { background-color: #f7f7f7; padding: 5rem 0 3rem 0; margin: 5rem 0 0 0; position: relative; max-width: none; }
#news ul { margin-left: 0; position: relative; z-index: 100;}
#news ul li, #news2 ul li { margin-bottom: 1.5rem; display: flex; align-content: top; width: calc(100% - 7rem); }
#news ul li:first-child a { width: 73%; }
#news .news_head { position: absolute; top: -8rem; right: 0; width: 25vw; height: 19vw; background: url(/ja/images/iwai/gra02.png) right center / contain no-repeat; display: flex; justify-content: center; align-items: center; }
#news li .date, #news2 li .date { margin-right: 1rem; width: 6rem; }
#news h2 { margin: 0; color: #fff; }
@media screen and (max-width:767px) {
	#news .news_head { width: 200px; height: 45vw;  top: -10rem;}
	#news ul li, #news2 ul li { flex-direction: column; width: 100%; }
	#news ul li a,#news ul li:first-child a { width: 100%; }
}

section { margin-bottom: 5rem; }
h2 { font-size: 1.5rem; font-weight: 700; margin-bottom: 2rem; }
.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.box2 { width: 47%; }
.box3 { width: 31%; }
.gray_bg { background-color: #f7f7f7; padding: 5rem; }
.sec_inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.sec_inner_s { max-width: 900px; margin: 0 auto; padding: 0 20px; }
.img_fit { width: 100%; height: 100%; object-fit: cover; }
.img_max { max-width: 100%; }
.center { text-align: center; }
.lh3 { line-height: 3; }
.mb2r { margin-bottom: 2rem; }
.for_pc { display:block!important; }
.for_sp { display:none!important; }
@media screen and (max-width:767px) {
	h2 { font-size: 1.125rem; }
	.box2,.box3 { width: 100%; }
	.flex { flex-direction: column; }
	.for_sp { display:block!important; }
	.for_pc { display:none!important; }
}
/*----------anime----------------*/

.slider{
  display: none;
}
.slider.slick-initialized{
  display: block;
}

.add-animation {
  animation: FadeZoom 6.5s 0s ease-out forwards;
}
@keyframes FadeZoom {
  0% { transform: scale(1); }
  100% { transform: scale(1.1); }
}
.slick-active .top_cap {
	width: 650px;
	animation: SlideIn01 4.5s ease 0.5s 1 normal both;
}
@keyframes SlideIn01 {
	0% { position: absolute; top: 25%; left: -60%; }
	10% { position: absolute; top: 25%; left: 0%; opacity: 1; }
	95% { position: absolute; top: 25%; left: 0%; opacity: 1; }
	100% { position: absolute; top: 25%; left: 20%; opacity: 0; }
}
.slick-active .top_cap2 {
	width: 650px;
	animation: SlideIn02 4.5s ease 0.6s 1 normal both;
}
@keyframes SlideIn02 {
	0% { position: absolute; top: 40%; left: -60%; }
	10% { position: absolute; top: 40%; left: 0%; opacity: 1; }
	95% { position: absolute; top: 40%; left: 0%; opacity: 1;  }
	100% { position: absolute; top: 40%; left: 20%; opacity: 0; }
}

.slick-active .top_messe01 { width: 550px; animation: messe1 1s ease 0.2s 1 normal both;}
.slick-active .top_messe02 { width: 550px; animation: messe2 1s ease 0.5s 1 normal both;}
.slick-active .top_messe03 { width: 550px; animation: messe3 1s ease 0.8s 1 normal both;}
.slick-active .top_messe04 { width: 550px; animation: messe4 1s ease 2.5s 1 normal both;}
@keyframes messe1 { 0% { position: absolute; top: 25%; left: -3%; opacity: 0; } 20% { opacity: 0; } 100% { position: absolute; top: 25%; left: 0%; opacity: 1; }}
@keyframes messe2 { 0% { position: absolute; top: 35%; left: -3%; opacity: 0; } 20% { opacity: 0; }  100% { position: absolute; top: 35%; left: 0%; opacity: 1; }}
@keyframes messe3 { 0% { position: absolute; top: 45%; left: -3%; opacity: 0; } 20% { opacity: 0; }  100% { position: absolute; top: 45%; left: 0%; opacity: 1; }}
@keyframes messe4 { 0% { position: absolute; top: 55%; left: -3%; opacity: 0; } 20% { opacity: 0; }  100% { position: absolute; top: 55%; left: 0%; opacity: 1; }}

@media screen and (max-width:767px) {
	.slick-active .top_cap {
		width: 350px;
		animation: SlideIn01 4.5s ease 0.5s 1 normal both;
	}
	@keyframes SlideIn01 {
		0% { position: absolute; top: 10%; left: -100%; }
		10% { position: absolute; top: 10%; left: -5%; opacity: 1; }
		95% { position: absolute; top: 10%; left: -5%; opacity: 1; }
		100% { position: absolute; top: 10%; left: 20%; opacity: 0; }
	}
	.slick-active .top_cap2 {
		width: 350px;
		animation: SlideIn02 4.5s ease 0.6s 1 normal both;
	}
	@keyframes SlideIn02 {
		0% { position: absolute; top: 25%; left: -100%; }
		10% { position: absolute; top: 25%; left: -5%; opacity: 1; }
		95% { position: absolute; top: 25%; left: -5%; opacity: 1;  }
		100% { position: absolute; top: 25%; left: 20%; opacity: 0; }
	}
	.slick-active .top_messe01 { width: 350px; animation: messe1 1s ease 0.2s 1 normal both;}
	.slick-active .top_messe02 { width: 350px; animation: messe2 1s ease 0.5s 1 normal both;}
	.slick-active .top_messe03 { width: 350px; animation: messe3 1s ease 0.8s 1 normal both;}
	.slick-active .top_messe04 { display: none;}
	@keyframes messe1 { 0% { position: absolute; top: 5%; left: -3%; opacity: 0; } 20% { opacity: 0; } 100% { position: absolute; top: 5%; left: 0%; opacity: 1; }}
	@keyframes messe2 { 0% { position: absolute; top: 15%; left: -3%; opacity: 0; } 20% { opacity: 0; }  100% { position: absolute; top: 15%; left: 0%; opacity: 1; }}
	@keyframes messe3 { 0% { position: absolute; top: 25%; left: -3%; opacity: 0; } 20% { opacity: 0; }  100% { position: absolute; top: 25%; left: 0%; opacity: 1; }}
}
.slick-active .top_messe {
	position: absolute;
	top: 25%; left: 0%;
	animation: FadeAni2 1s ease 1.5s 1 normal both;
}
@keyframes FadeAni2 {
	0% { opacity: 0; }
	100% { opacity: 1; }
}