@charset "utf-8";
/*******************************************
	download
*******************************************/
#download .title02{
	background:#5976c5;
}
footer #f-contact{
	display:none;
}
@media screen and (max-width: 768px) {
}
/*------------------------------------------
	box01
------------------------------------------*/
#box01 p{
	font-size:1.8rem;
	margin:0 auto 40px;
}
#box01 p a{
	font-weight:bold;
	text-decoration: underline;
}
#box01 p a.hover.ov{
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	#box01{
		font-size:1.5rem;
		margin:0 auto 4%;
		padding:0 3.125%;
	}
}
/*------------------------------------------
	box02
------------------------------------------*/
#box02 dt{
	float:left;
	font-size:1.8rem;
	width:225px;
	font-weight:bold;
	padding:5px 0;
}
#box02 dd{
	float:right;
	width:725px;
	font-size:1.8rem;
}
#box02 dd input,
#box02 dd select,
#box02 dd option,
#box02 dd textarea{
	font-size:1.8rem;
	padding:5px;
}
#box02 dd .width01{
	width:40%;
}
#box02 dd .width02{
	width:98%;
}
#box02 li{
	margin:0 auto 30px;
}
#box02 #error_message li{
	font-size:1.8rem;
	color:#c33;
}
#box02 #error_message li:before{
	content:"・";
}
@media screen and (max-width: 768px) {
	#box02{
		padding:0 3.125% 6%;
	}
	#box02 dt{
		float:none;
		font-size:1.5rem;
		width:auto;
		padding:0 0 1%;
	}
	#box02 dd{
		float:none;
		width:auto;
		font-size:1.5rem;
	}
	#box02 dd input,
	#box02 dd select,
	#box02 dd option,
	#box02 dd textarea{
		font-size:1.5rem;
		padding:.3em;
	}
	#box02 dd .width01{
		width:60%;
	}
	#box02 dd .width02{
		width:98%;
	}
	#box02 li{
		margin:0 auto 4%;
	}
}
/*------------------------------------------
	box03
------------------------------------------*/
#box03 {
	padding:0 0 100px;
}
#box03 dl dt{
	font-size:1.8rem;
	margin:0 auto 40px;
	text-align:center;
}
#box03 dl dd ul li,
.thanks #box03 ul li{
	width:720px;
	margin:0 auto;
	position:relative;
}
#box03 dl dd ul li input,
.thanks #box03 ul li a{
	display:block;
	font-size:1.8rem;
	text-align:center;
	color:#fff;
	font-weight:bold;
	background:#162e6e;
	padding:45px 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border:2px solid #162e6e;
	width:100%;
}
#box03 dl dd ul li.hover.ov input,
.thanks #box03 ul li.hover.ov a{
	color:#162e6e;
	background:#fff;
}
#box03 dl dd ul li:after,
.thanks #box03 ul li:after{
	font-family:'Font Awesome 5 Pro';
	content:"\f178";
	color:#fff;
	font-size:1.8rem;
	padding:0 0 0 1em;
	position:absolute;
	top:0;
	bottom:0;
	right:5.0rem;
	height:1.8rem;
	line-height:1;
	width:1.8rem;
	text-align:center;
	margin:auto;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#box03 dl dd ul li.hover.ov:after,
.thanks #box03 ul li.hover.ov:after{
	color:#162e6e;
	right:3.0rem;
}
#box03 dl dd ul li.back input{
	background:#898f9e;
	border:2px solid #898f9e;
}
#box03 dl dd ul li.back.hover.ov input{
	color:#898f9e;
	background:#fff;
}
#box03 dl dd ul li.back:after{
	content:"\f177";
	right:auto;
	left:5.0rem;
}
#box03 dl dd ul li.back.hover.ov:after{
	color:#898f9e;
	right:auto;
	left:3.0rem;
}
.confirm #box03 dl dd ul li{
	width:48%;
	margin:0 4% 0 0;
}
.confirm #box03 dl dd ul li:first-child{
	margin:0;
	float:right;
}
.confirm #box03 dl dd ul li:last-child{
	margin:0 4% 0 0;
	float:left;
}
@media screen and (max-width: 768px) {
	#box03{
		padding:0 3.125% 15%;
	}
	#box03 dl dt{
		font-size:1.5rem;
		margin:0 auto 6%;
		text-align:left;
	}
	#box03 dl dd ul li,
	.confirm #box03 dl dd ul li,
	.thanks #box03 ul li{
		width:100%;
		margin:0 auto;
		float:none;
	}
	.confirm #box03 dl dd ul li:first-child{
		margin:0 auto 3%;
	}
	#box03 dl dd ul li input,
	.thanks #box03 ul li a{
		font-size:1.5rem;
		padding:6% 3%;
	}
	.thanks #box03 ul li a{
		width:auto;
	}
}