@charset "UTF-8";
/* ------------------------------
固定ページ　資料請求・ご相談用css
------------------------------ */

/* --------------------------- mainvis */
.page-apply .mainvis{
	background-image:url(../img/apply_mainvis.png) ;
}
.page-apply .mainvis h2{
	letter-spacing: 0.2em;
}

/* --------------------------- recruit-section */
.apply-section{
	padding:30px 30px;
	margin: 30px 0 0 0;
}
.apply-section h4{
	color:#333333;
	line-height: 1.4;
	margin: 0 0 100px;
	text-align: center;
}
.apply-section h4 span{
	border-bottom:1px solid #333;
}
.apply-section .block{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 100%;
}
.apply-section .text-area{
	width: 40%;
}
.apply-section .text-area p{
	margin: 0 0 1.5em 0;
}
.apply-section .form-area{
	width: 100%;
	background: #FAFAFA;
	padding: 35px;
}
.apply-section .form-area.conf{
	margin: 0 auto;
}
.apply-section .form-area .form-group{
	margin: 0 0 25px 0;
}
.apply-section .form-area .form-group label{
	font-size:112.5%;
	font-weight: bold;
	margin: 0 0 8px 0;
	display: block;
}
.apply-section .form-area .form-group label span{
	font-weight: normal;
	color: #FF0000;
}
.apply-section .form-area .form-group label span.comments{
	color: #333333;
	font-size:81.3%;
}
.apply-section .form-area .form-group dl{
	margin: 0 0 0 6px;
}
.apply-section .form-area .form-group dl label{
	font-weight: normal;
}
.apply-section .form-area .form-group dt{
	margin: 0 0 1.4em 0;
}
.apply-section .form-area .form-group dd{
	margin: 0 0 1.4em 1.5em;
}
.apply-section .form-area .form-group ul{
	list-style: none;
}
.apply-section .form-area .privacy{
	padding: 15px 0 0 0;
	margin: 0 0 50px 0;
}
.apply-section .form-area .privacy label{
	font-size:112.5%;
	margin: 0 0 25px 0;
	display: block;
}
.apply-section .form-area .privacy label a{
	border-bottom: solid 1px #333333;
}
.apply-section .form-area .privacy label span{
	color: #FF0000;
}
.apply-section .form-area .privacy input{
	margin: 0 0 0 6px;
}
.apply-section .form-area input[type=text]{
	height: 50px;
	border: solid 1px #95989A;
	font-size:125%;
	width: 35%;
}
.apply-section .form-area textarea{
	height: 210px;
	border: solid 1px #95989A;
	font-size:125%;
	width: 100%;
}
.apply-section .form-area input[type="radio"],
.apply-section .form-area input[type="checkbox"]{
   margin-right: 0.5em;
}
.apply-section .send-area{
	text-align: center;
}
.apply-section .send-area button{
	width: 30%;
	height: 52px;
	background: #29A5FF;
	border: none;
	color: #FFFFFF;
	font-weight: bold;
}

.apply-section .form-area .form-group label#label-other {
	margin: 10px 10px 8px 0;
	float: left
}
.apply-section .form-area input[type=text]#text-other {
	height: 40px;
}


/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ1140px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */
@media only screen and (max-width: 1140px) {
	
}


/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ768px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */

@media screen and (max-width: 768px){

	.apply-section{
		padding:20px 0;
		margin: 20px 0 0 0;
	}
	.apply-section h4{
		margin: 0 0 20px;
	}
	.apply-section .block{
		display: block;
	}
	.apply-section .text-area{
		width: 100%;
	}
	.apply-section .form-area{
		width: 100%;
		padding: 20px;
	}
	.apply-section .send-area button{
		width: 100%;
	}
	
}