@charset "UTF-8";

.bnr_responsive{
	max-width: 1110px;
	margin: auto;
	background-image: radial-gradient(ellipse at center center , #F39121 10%, #DC1920 50%, #4E0200 80%);
	padding: 8px;
}
@media screen and (max-width: 1080px){
	.bnr_responsive{
		padding: calc(8 / 1080 *100vw);
	}
}
@media screen and (max-width: 600px){
	.bnr_responsive{
		padding: calc(8 / 375 *100vw);
	}
}

.bnr_responsive .yellow{
	color: #FAFF01;
}

.bnr_responsive p{
	color: #fff;
	font-weight: bold;
	transform: skewX(-9deg);
}

.bnr_resposive__inner{
	border: 3px solid #fff;
	padding: 18px;
}
@media screen and (max-width: 1080px){
	.bnr_resposive__inner{
		border: calc(3 / 1080 *100vw) solid #fff;
		padding: calc(18 / 1080 *100vw);
	}
}
@media screen and (max-width: 600px){
	.bnr_resposive__inner{
		border: calc(3 / 375 *100vw) solid #fff;
		padding: calc(14 / 375 *100vw);
	}
}

.bnr_above{
	border-bottom: 3px dotted #fff;
	padding-bottom: 18px;
}
@media screen and (max-width: 1080px){
	.bnr_above{
		border-bottom: calc(3 / 1080 *100vw) dotted #fff;
		padding-bottom: calc(18 / 1080 *100vw);
	}
}

.bnr_above .s-spacing{
	letter-spacing: -13px;
}
@media screen and (max-width: 1080px){
	.bnr_above .s-spacing{
	letter-spacing: calc(-13 / 1080 *100vw);
	}
}

.bnr_above__inner{
	width: 90%;
	margin: auto;
	width: fit-content;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	display: flex;
	justify-content: center;
	padding: 12px 16px 10px;
}
@media screen and (max-width: 1080px){
	.bnr_above__inner{
		padding: calc(12 / 1080 *100vw)calc(16 / 1080 *100vw)calc(10 / 1080 *100vw);
	}
}
@media screen and (max-width: 600px){
	.bnr_above__inner{
		flex-direction: column;
		padding: 8px calc(8 / 375 *100vw) 8px;
	}
}

.bnr_above__text01{
	font-size: 18px;
}
@media screen and (max-width: 1080px){
	.bnr_above__text01{
		font-size: calc(18 / 1080 *100vw);
	}
}
@media screen and (max-width: 600px){
	.bnr_above__text01{
		font-size: calc(14 / 375 *100vw);
	}
}

.bnr_above__text02{
	font-size: 14px;
	display: block;
	text-align: right;
	margin-top: 10px;
}
@media screen and (max-width: 1080px){
	.bnr_above__text02{
		margin-top: calc(10 / 1080 *100vw);
		font-size: calc(14 / 1080 *100vw);
	}
}
@media screen and (max-width: 600px){
	.bnr_above__text02{
		font-size: calc(12 / 375 *100vw);
		text-align: center;
	}
}

.bnr_above__text03{
	font-size: 48px;
	letter-spacing: 1px;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1080px){
	.bnr_above__text03{
		font-size: calc(48 / 1080 *100vw);
	}
}
@media screen and (max-width: 600px){
	.bnr_above__text03{
		font-size: calc(20 / 375 *100vw);
		text-align: center;
		margin-top: 6px;
	}
}

.bnr_above__text04{
	padding: 0 10px;
}
@media screen and (max-width: 1080px){
	.bnr_above__text04{
		padding: 0 calc(10 / 1080 *100vw);
	}
}

.bnr_bottom{
	margin-top: 30px;
}
@media screen and (max-width: 1080px){
	.bnr_bottom{
		margin-top: calc(30 / 1080 *100vw);
	}
}
@media screen and (max-width: 600px){
	.bnr_bottom{
		margin-top: 0px;
	}
}

.bnr_botom__inner{
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 600px){
	.bnr_botom__inner{
		flex-direction: column;
	}
}

@media screen and (max-width: 600px){
	.bnr_bottom_box{
		margin-top: 20px;
	}
}

.bnr_bottom_box:first-child .bnr_bottom__text02{
	letter-spacing: 3px;
}

.bnr_bottom__text01{
	font-size: 72px;
	transform: skewX(-6deg);
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5);
	text-align: center;
}
@media screen and (max-width: 1080px){
	.bnr_bottom__text01{
		font-size: calc(67 / 1080 *100vw);
	}
}
@media screen and (max-width: 600px){
	.bnr_bottom__text01{
		font-size: calc(48 / 375 *100vw);
	}
}

.bnr_bottom__text02{
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
	font-size: 16px;
}
@media screen and (max-width: 1080px){
	.bnr_bottom__text02{
		font-size: calc(17 / 1080 *100vw);
		word-break: keep-all;
		line-height: 1.2;
	}
}
@media screen and (max-width: 600px){
	.bnr_bottom__text02{
		font-size: calc(15 / 375 *100vw);
	}
}

.bnr_bottom_box_sub{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 16px;
}
@media screen and (max-width: 1080px){
	.bnr_bottom_box_sub{
		margin-top: calc(14 / 1080 *100vw);
	}
}
@media screen and (max-width: 600px){
	.bnr_bottom_box_sub{
		margin-top: calc(11 / 375 *100vw);
	}
}

.bnr_bottom_box_sub img{
	width: 47px;
}
@media screen and (max-width: 1080px){
	.bnr_bottom_box_sub img{
		width: calc(35 / 1080 *100vw);
	}
}
@media screen and (max-width: 600px){
	.bnr_bottom_box_sub img{
		width: calc(34 / 375 *100vw);
	}
}