@charset "utf-8";
/* CSS Document */
body{box-sizing: border-box;}
.max_w1200{max-width: 1200px;margin: 0 auto;width: 90%;}
#hed_box h2 img{max-width: 350px;width: 70%;}

.tb_br,.w480_br{display: none;}
@media screen and (max-width: 820px){
	.tb_br{display: block;}
}
@media screen and (max-width: 750px){
	.pc_br{display: none;}
	.tb_br{display: none;}
	.w750_br{display: block;}
	
}
@media screen and (max-width: 480px){
	.w480_br{display: block;}
	
}
/*見出し文*/
.message{margin: 0 auto 80px;}
.message em{
	font-size: 1.5rem;
	font-weight: 600;
}
@media screen and (max-width: 750px){
	.message{margin: 0 auto 40px;text-align: left;}
	.message em{font-size: 1.125rem;}
}


.contentbox{
	padding: 65px 15% 70px;
	text-align: left;
	background-color: #fdffda;
	border-radius: 20px;
}
.contentbox h3{
	color: #e94119;
	font-weight: 600;
	font-size: 1.5625rem;
	margin: 0 auto 30px;
	text-align: center;
}
.contentbox >p{margin-bottom: 60px;}
.contentbox li{
	display: flex;
	justify-content: flex-start;
	background: #fff1c5 ;
	border-radius: 10px;
	padding: 20px 60px;
	column-gap: 20px;
	align-items: center;
}
.contentbox li:not(:last-child){margin-bottom: 20px;}
.contentbox li>img{width: 90px;}
.contentbox li div>span{
	background: #127f3b;
	font-size: 12px;
	line-height: 20px;
	width: 120px;
	display: block;
	margin-bottom: 5px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
}
.contentbox li p{
	font-weight: 600;
	font-size: 1.25rem;
}
.contentbox li p span{
	display: block;
	font-size: .8em;
	font-weight: 500;
}
@media screen and (max-width: 1333px){
	.contentbox{padding: 65px 10% 70px;}
}
@media screen and (max-width: 1100px){
	.contentbox{padding: 40px 5%;}
	.contentbox li{	padding: 20px;}
}
@media screen and (max-width: 750px){
	.contentbox{padding: 40px 25px;}
	.contentbox h3{	font-size: 1.25rem;margin-bottom: 10px;}
	.contentbox >p{	margin-bottom: 40px;}
	.contentbox li{	padding: 15px;column-gap: 10px;align-items: flex-start;}
	.contentbox li>img{	width: 20%;}
	.contentbox li p{font-size: 1rem;}
}
@media screen and (max-width: 500px){
	.contentbox li{	flex-direction: column;padding: 15px 10%;}
	.contentbox li>div{margin: 0 auto;}
	.contentbox li>img{	width: 90px;margin: 0 auto 10px;}
	.contentbox li div>span{margin: 0 auto 5px;}
}
@media screen and (max-width: 360px){
	.contentbox li{	padding: 15px;}
}
/***確認ボタン***/
.btn_box{
	display: flex;
	justify-content: center;
	column-gap: 40px;
	row-gap: 50px;
	margin: 90px auto 50px;
}
.btn{
	width: 470px;
	height: 80px;
	vertical-align: middle;
	color: #000;
	background-color: #fff;
	border-radius: 50px;
   /* display: block;*/
	position: relative;
	border: 3px solid #000;
	transition: .3s ease-in-out;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	
    text-decoration: none;
    display: flex;
    align-items: center;
}
.btn:hover{transform: scale(1.1,1.1);background-color: #fee300;opacity: 1;}
.btn::after{
	transition: .3s ease-in-out;
	color: #fee300;
	background-color: #000;
	border-radius: 50px;
	position: absolute;
	width: 78px;
	line-height: 78px;
	top: -1px;
    font-size: 22px;
}
.btn_right::after{
	content: "▶";
	right: -1px;
}
.btn_1{
	text-align: left;
    padding: 0 80px 0 4%;
}
.btn_1::after{text-align: center;}
.btn_2{
	text-align: left;
    padding: 0 80px 0 9%;
	position: relative;
}
.btn_2::before{
	content: "\2216 すでにご登録の方 /";
	font-size: 0.8em;
	position: absolute;
	top: -40px;
    left: 50%;
    transform: translate(-50%, 0);
	text-align: center;
    width: 100%;
}
.btn_2::after{text-align: center;}
.btn br{display: none;}
@media screen and (max-width: 1035px){
	.btn_box{margin: 90px auto 20px;}
	.btn{font-size: 16px;height: 65px;}
	.btn_right{	max-width: 340px;width: 90%;}
	.btn_right::after{
		width: 63px;
		line-height: 63px;
	}
	.btn_2::before{	top: -30px;}
	.btn_1,.btn_2{padding: 0 65px 0 30px;}
}
@media screen and (max-width: 750px){
	.btn_box{
		flex-direction: column;
		row-gap: 60px;
	}
	.btn_right::after{
		content: "▶";
		right: -1px;
	}
	.btn_1,.btn_2{margin: 0 auto;}
	.btn_2::before{top: -30px;}
}
@media screen and (max-width: 440px){
	.btn .w440_br{display: block;}
}
@media screen and (max-width: 370px){
	.btn .w440_br{display: none;}
	.btn .W370_br{display: block;}
	.btn_2::before{top: -27px;}
}
.pass{
	color: #000;
	font-weight: 600;
}