@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
.event_full {background:url(/assets/img/contents/event_bg_out.png) top center repeat-x; min-width:270px;}
.event_bg02 {position:relative; width:100%; max-width:1200px; margin:0 auto; background:url(/assets/img/contents/event_bg.png) top center no-repeat; background-size:100% auto;}
.event_contents {position:relative; width:100%; max-width:1000px; margin:0 auto; padding:100px 20px; font-family: 'IBM Plex Sans', sans-serif; font-weight:500; color:#323232; overflow:hidden;}
.event_top_logo {display:none;}
.event_big_tit {position:relative; width:100%; padding-top:80px; font-size:100px; line-height:1.1; font-weight:700; text-align:center; color:#323232; overflow:hidden;}
.event_big_tit span {font-size:60px; display:block; color:#d8866e;}
.event_mid_tit {position:relative; width:100%; font-size:35px; line-height:1.1; font-weight:700; text-align:center; padding:40px 0 20px 0; color:#323232; overflow:hidden;}
.event_mid_tit span {color:#f16840;}
.coin_ar {position:relative; width:100%; max-width:700px; margin:0 auto; padding-bottom:30px; overflow:hidden;}
.coin_ar ul {display: flex; flex-wrap: wrap}
.coin_ar ul li:last-child {margin-left:auto;}
.coin_ar ul li dl dt {float:left; width:92px; height:92px; background:url(/assets/img/contents/ico_circleline.png) 50% 50% no-repeat; line-height:92px; font-size:28px; text-align:center; font-weight:700; color:#f16840;}
.coin_ar ul li dl dt span {display:block; line-height:1.2; font-size:22px;}
.coin_ar ul li dl dd {float:left; background:url(/assets/img/contents/event_coin.svg) 30px 50% no-repeat; background-size:49px auto; padding-left:92px; line-height:92px; color:#323232;}
.coin_ar ul li dl dd div {height:92px; padding-top:15px; color:#323232;}
.coin_ar ul li dl dd div p {display:block; font-size:30px; font-weight:700; line-height:1.2;}
.coin_ar ul li dl dd div span {display:block; font-size:14px; line-height:1;}
.elh92 {line-height:92px; font-size:30px; font-weight:700;}

.howto_ar {position: relative; width:100%; max-width:800px; margin:0 auto; background:#fff; padding:40px 50px; overflow:hidden;}
h3.howto_tit {font-size:26px; font-weight:700; color:#f16840; line-height:1.2; padding-bottom:25px;}
.howto01 {position:relative; width:100%; padding:0 0 0 150px; margin-bottom:40px; background:url(/assets/img/contents/ico_how01.png) 0 50% no-repeat; background-size:auto;}
.howto02 {position:relative; width:100%; padding:0 0 0 150px; margin-bottom:40px; background:url(/assets/img/contents/ico_how02.png) 0 50% no-repeat; background-size:auto;}
.howto03 {position:relative; width:100%; padding:0 0 0 150px; margin-bottom:40px; background:url(/assets/img/contents/ico_how03.png) 0 50% no-repeat; background-size:auto;}
.howto_text {position:relative; width:100%; border-left:4px solid #f16840; padding:10px 0 10px 40px; color:#323232;}
.howto_text dt {font-size:18px; font-weight: 700; line-height:1.4; margin-bottom:15px;}
.howto_text dt span {display:block; font-weight:400; font-size:16px;}
.howto_text dt span .tu{display:inline-block; text-decoration:underline}

.epad_t15 {padding-top:15px;}

/** btn **/
a.event_btn_pink {width:auto; line-height:33px; border:2px solid #f16840; border-radius:19px; color:#f16840; margin:0 8px 8px 0; font-size:16px; transition: all 0.3s;}
a.event_btn_pink span {width:100%; padding:0 35px 0 15px; background:url(/assets/img/contents/btn_pink_icon.png) 100% 50% no-repeat;}
a:hover.event_btn_pink {background:#f16840; color:#fff;}
a:hover.event_btn_pink span {background:url(/assets/img/contents/btn_pink_icon_hover.png) 100% 50% no-repeat;}

a.event_btn_sky {width:auto; line-height:33px; border:2px solid #323232; border-radius:19px; color:#323232; margin:0 8px 8px 0; transition: all 0.3s;}
a.event_btn_sky p {width:100%; padding-left:40px; background:url(/assets/img/contents/btn_ico_google.png) 0 50% no-repeat; font-size:16px;}
a.event_btn_sky p.ico_ios {width:100%; padding-left:40px; background:url(/assets/img/contents/btn_ico_ios.png) 0 50% no-repeat;}
a.event_btn_sky p.ico_tel {width:100%; padding-left:40px; background:url(/assets/img/contents/btn_ico_tel.png) 0 50% no-repeat; min-width:275px;}
a.event_btn_sky p span {width:100%; padding:0 35px 0 0; background:url(/assets/img/contents/btn_sky_icon.png) 100% 50% no-repeat;}
a:hover.event_btn_sky {background:#323232; color:#fff;}
a:hover.event_btn_sky p {background:url(/assets/img/contents/btn_ico_google_hover.png) 0 50% no-repeat; font-size:16px;}
a:hover.event_btn_sky p.ico_ios {background:url(/assets/img/contents/btn_ico_ios_hover.png) 0 50% no-repeat;}
a:hover.event_btn_sky p.ico_tel {background:url(/assets/img/contents/btn_ico_tel_hover.png) 0 50% no-repeat;}
a:hover.event_btn_sky p span {background:url(/assets/img/contents/btn_pink_icon_hover.png) 100% 50% no-repeat;}

.event_md_text {position: relative; width: 100%; max-width:800px; margin:25px auto 10px auto;}
.event_md_dl {display:flex; flex-wrap:wrap; position: relative; width: 100%; padding-bottom:20px;}
.event_md_dl dt { width:200px; padding-left:40px; color:#f16840; font-size:26px; font-weight: 700;}
.event_md_dl dd {margin-right:auto; padding-left:40px; font-size:26px; font-weight: 700;}
.bot_sky {border-bottom:1px solid #323232; margin-bottom:20px;}
.event_md_sp {position: relative; width: 100%; padding:5px 0 0 40px;}
.event_md_sp p {display:block; padding:0 0 10px 15px; background:url(/assets/img/contents/ico_md_sp.png) 0 12px no-repeat; font-size:18px; line-height:1.3;}
.event_md_sp02 {position: relative; width: 100%; padding:0 0 0 0;}
.event_md_sp02 p {display:block; padding:0 0 15px 15px; background:url(/assets/img/contents/ico_md_sp.png) 0 11px no-repeat; font-size:18px; line-height:1.3;}
.event_md_sp02 p span {display:block; font-size:16px;}

@media (max-width:992px) {
	.event_bg02 {background:url(/assets/img/contents/event_bg.png) top center no-repeat; background-size:100% auto;}
	.event_contents {padding:50px 20px; font-size:16px;}
	.event_top_logo {display:none;}
	.event_big_tit {padding-top:40px;}
}
@media (max-width:720px) {
	.event_big_tit {font-size:90px;}
	.event_big_tit span {font-size:45px;}
	.event_mid_tit {font-size:28px; padding:30px 0 20px 0;}

	.coin_ar {width:60%; min-width:330px;}
	.coin_ar ul li {width:100%; margin:0;}
	.coin_ar ul li:last-child {padding-top:20px;}
	.coin_ar ul li dl dt {width:80px; height:80px; line-height:80px; font-size:23px; background-size:80px auto;}
	.coin_ar ul li dl dt span {font-size:19px;}
	.coin_ar ul li dl dd {background:url(/assets/img/contents/event_coin.svg) 20px 50% no-repeat; background-size:45px auto; padding-left:80px; line-height:80px;}
	.coin_ar ul li dl dd div {height:80px; padding-top:12px;}
	.coin_ar ul li dl dd div p {font-size:25px;}
	.coin_ar ul li dl dd div span {font-size:12px;}
	.elh92 {line-height:80px; font-size:25px;}

	.howto_ar {padding:30px 40px;}
	h3.howto_tit {font-size:22px; padding-bottom:20px;}
	.howto01 {padding:70px 0 0 0; margin-bottom:40px; background:url(/assets/img/contents/ico_how01.png) top center no-repeat;}
	.howto02 {padding:70px 0 0 0; margin-bottom:40px; background:url(/assets/img/contents/ico_how02.png) top center no-repeat;}
	.howto03 {padding:70px 0 0 0; margin-bottom:40px; background:url(/assets/img/contents/ico_how03.png) top center no-repeat;}
	.howto_text {border-top:4px solid #f16840; border-left:0; padding:30px 0 0 0;}

	.event_md_dl dt {padding-left:30px; font-size:23px;}
	.event_md_dl dd {padding-left:30px; font-size:23px;}
	.event_md_sp {padding:5px 0 0 30px;}
}
@media (max-width:480px) {
	.event_big_tit {font-size:75px;}
	.event_big_tit span {font-size:33px;}
	.event_mid_tit {font-size:24px; padding:20px 0 20px 0;}

	.coin_ar {width:80%; min-width:310px;}
	.coin_ar ul li dl dt {width:65px; height:65px; line-height:65px; font-size:20px; background-size:65px auto;}
	.coin_ar ul li dl dt span {font-size:16px;}
	.coin_ar ul li dl dd {background:url(/assets/img/contents/event_coin.svg) 15px 50% no-repeat; background-size:40px auto; padding-left:65px; line-height:65px;}
	.coin_ar ul li dl dd div {height:65px; padding-top:12px;}
	.coin_ar ul li dl dd div p {font-size:22px;}
	.elh92 {line-height:65px; font-size:22px;}

	.howto_ar {padding:20px 30px;}
	.howto01 {padding:50px 0 0 0; margin-bottom:30px;}
	.howto02 {padding:50px 0 0 0; margin-bottom:30px;}
	.howto03 {padding:50px 0 0 0; margin-bottom:30px;}

	.event_md_dl dt {padding-left:20px; font-size:20px;}
	.event_md_dl dd {padding-left:20px; font-size:20px;}
	.event_md_sp {padding:5px 0 0 20px;}
}
@media (max-width:380px) {
	a.event_btn_sky {min-width:180px;}
	a.event_btn_sky p.ico_tel {padding:35px 0 15px 0; background:url(/assets/img/contents/btn_ico_tel.png) 50% 5px no-repeat; min-width:auto; text-align:center; line-height:1.3;}
	a:hover.event_btn_sky p.ico_tel {background:url(/assets/img/contents/btn_ico_tel_hover.png) 50% 5px no-repeat;}
	a.event_btn_sky p span {width:100%; padding:0 10px 0 10px; background:none;}
	a:hover.event_btn_sky p span {background:none;}
}
@media (max-width:340px) {
	.event_big_tit {font-size:65px;}
	.event_big_tit span {font-size:29px;}
	.event_mid_tit {font-size:20px; padding:20px 0 20px 0;}

	.coin_ar {width:80%; min-width:250px;}
	.coin_ar ul li dl dt {float:none; width:100%; background-size:65px auto;}
	.coin_ar ul li dl dd {background:none; padding-left:0; float:none; display:block; width:auto; text-align:center; margin:0 auto;}
	.coin_ar ul li dl dd p {width:110px; margin:0 auto; padding-left:35px; padding-bottom:5px; line-height:30px; background:url(/assets/img/contents/event_coin.svg) top left no-repeat; background-size:28px auto;}
	.elh92 {margin:12px auto 0 auto !important;}

	.howto_ar {padding:20px 20px;}
	h3.howto_tit {font-size:19px;}

}

@media (max-width:300px) {
	a.event_btn_pink {width:auto; min-width:180px; margin:0 0 8px 0; text-align:center;}
	a.event_btn_pink span {width:100%; padding:0; background:none; text-align:center;}
	a:hover.event_btn_pink span {background:none;}
}