@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);


/*-------------------------------------------------------------------
	pagetitle
-------------------------------------------------------------------*/

#wrap #pagetitle {
	/*background:url(../image/history/history_bg.jpg) center center no-repeat;
	background-size:cover;*/
}

#wrap #pagetitle .title {
	width:100%;
	text-align:center;
	padding:200px 0 20px;
}


/*-------------------------------------------------------------------
	お問い合わせ
-------------------------------------------------------------------*/

#contact {
	padding:0 0 50px;
}

/*
#contact h2 {
	font-size:1.8em;
	position:relative;
	margin-bottom:40px;
	text-align:center;
	color:#133785;
	border-bottom:1px solid #133785;
	padding:0 0 20px;
	font-weight:500;
}

#contact h2:after {
	content:"";
	width:270px;
	border-bottom:4px solid #133785;
	display:block;
	position:absolute;
	bottom:-4px;
	left: 36%;
}

#contact h2.w300:after {
	content:"";
	width:300px;
	border-bottom:4px solid #133785;
	display:block;
	position:absolute;
	bottom:-4px;
	left: 35%;
}
*/

#contact h2 {
	margin-bottom:40px;
	text-align:center;
	border-bottom:1px solid #133785;
	height:50px;
}

#contact h2 span {
	font-size:1.8em;
	line-height:1.0;
	display:inline-block;
	border-bottom:4px solid #133785;
	padding:0 5px;
	color:#133785;
	font-weight:500;
	height:51px;
}

#contact .inner {
	width:960px;
	margin:0 auto;
}


#contact .tel {
	text-align:center;
	margin:0 0 80px;
	font-weight:400;
}

#contact .tel dt {
	font-size:2.1em;
	font-weight:500;
	margin:20px 0 0;
	color:#133785;
}

#contact .tel dd a,
#contact .tel dt a {
	text-decoration:underline;
	color:#133785;
}

#contact .tel dd a:hover {
	text-decoration:none;
}


#contact .exam {
	text-align:center;
	margin:0 0 40px;
	font-weight:400;
}

#contact table {
	width:100%;
	margin:0 0 40px;
	border-bottom:1px solid #999999;
	font-weight:400;
}

#contact table th,
#contact table td {
	text-align:left;
	vertical-align:top;
	border-top:1px solid #999999;
}

#contact table tr.none th,
#contact table tr.none td {
	border-top:none;
}

#contact table th {
	padding:20px 0 20px 50px;
	width:200px;
	font-weight:400;
}

#contact table th.must {
	background:url(../image/contact/must.png) left 21px no-repeat;
}

#contact table td {
	padding:10px 0;
	vertical-align:middle;
}

#contact table td .short {
	width: 220px;
}

#contact table td .middle,
#contact table td .datepicker {
	width: 350px;
}

#contact table td .long {
	width: 500px;
}

#contact table td ul li {
	display:inline-block;
	margin-right:10px;
}

#contact table td ul li input {
	margin-left:7px;
}

#contact table td ul li:last-child {
	margin:0;
}

#contact table input[type="text"] {
	border: 1px solid #CCCCCC;
	height: 40px;
	padding: 0 2px;
	font-family: inherit;
	line-height: 1.2;
	font-size:0.9em;
	border-radius:5px;
}

#contact table input[type="radio"] {
	display:none;
	
}

.sample_label {
	position: relative;		/* ボックスの位置を指定する */
	padding: 0 0 0 42px;	/* ボックス内側の余白を指定する */
	cursor:pointer;
}
.sample_label:hover:after {
	border-color: #133785;	/* ボックスの境界線を実線で指定する */
}
.sample_label:after,  .sample_label:before{
	position: absolute;	/* ボックスの位置を指定する */
	content: "";		/* ボックスのコンテンツ */ 
	display: block;		/* ブロックレベル要素化する */ 
	top: 50%;			/* 上部から配置の基準位置を決める */ 
}
.sample_label:after {
	left: 15px;			/* 左から配置の基準位置を決める */ 
	margin-top: -10px;	/* チェック枠の位置 */
	width: 16px;		/* ボックスの横幅を指定する */
	height: 16px;		/* ボックスの高さを指定する */
	border: 2px solid #ccc;	/* ボックスの境界線を実線で指定する */
	border-radius: 50%;		/* ボックスの角丸を指定する */
}
.sample_label:before {
	left: 20px;			/* 左から配置の基準位置を決める */ 
	margin-top: -5px;	/* チェックマークの位置 */
	width: 10px;		/* ボックスの横幅を指定する */
	height: 10px;		/* ボックスの高さを指定する */
	background: #133785;/* ボックスの背景色を指定する */
	border-radius: 50%;	/* ボックスの角丸を指定する */
	opacity: 0;			/* 要素を透過指定する */
}
input[type=radio]:checked + .sample_label:before {
	opacity: 1;		/* 要素を表示する */
}


#contact table textarea {
	border: 1px solid #CCCCCC;
	width: 500px;
	height: 230px;
	font-family: inherit;
	font-size:0.9em;
	line-height: 1.6;
	background-color: #fff;
	border-radius:5px;
}

#contact table textarea.mini {
	height: 80px;
}

#contact #content table select {
	border: 1px solid #666;
	height: 20px;
	padding: 0 2px;
	font-family: inherit;
	line-height: 1.2;
	width:480px;
	font-size:0.8em;
}

#contact .caution {
	font-weight:400;
}

#contact .submit {
	text-align: center;
	margin:50px 0 0
}


#contact .submit input {
	background:#000;
	border: none;
	display:inline-block;
	color:#FFF;
	text-align:center;
	line-height:1.0;
	font-family: 'Noto Sans Japanese', sans-serif;
	-moz-transition:all,.4s;
	-o-transition:all,.4s;
	-webkit-transition:all,.4s;
	transition:all,.4s;
	cursor: pointer;
	font-size:1.2em;
	width:280px;
	padding:15px 0;
	font-weight:300;
}


#contact .submit input:hover {
	background:#ED1C24;
}





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

}

/*===============================================
  画面の横幅が980px以下に適用
===============================================*/
@media screen and (max-width: 980px){
	
	/* pagetitle */
	
	#wrap #pagetitle {
		background-size:auto 100%;
	}

	#wrap #pagetitle .title {
		padding:100px 0 20px;
		width:94%;
		margin:0 auto;
	}
	
	

}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){
	
	

	
	#contact .inner {
		width:94%;
		margin:0 auto;
	}


	#contact .tel {
		margin:0 0 50px;
	}

	#contact .exam {
		margin:0 0 20px;
	}

	#contact table th,
	#contact table td {
		display:block;
	}

	#contact table tr.none th,
	#contact table tr.none td {
		border-top:none;
	}

	#contact table th {
		width:auto;
		padding:10px 0 10px 50px;
	}

	#contact table th.must {
		background:url(../image/contact/must.png) left center no-repeat;
	}


	#contact table td {
		border-top:1px dotted #CCC;
	}

	#contact table td .short {
		width: 70%;
	}

	#contact table td .middle,
	#contact table td .datepicker {
		width: 80%;
	}

	#contact table td .long {
		width: 100%;
	}

	#contact table td ul li {
		display:block;
		margin:0 0 10px;
	}



	#contact table textarea {
		width: 100%;
		height: 160px;	
	}

	#contact .submit {
		margin:30px 0 0
	}


	#contact .submit input {
		width:80%;
	}
	
}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	
}