@charset "UTF-8";
/* CSS Document */

/* -----------------------------
Logo BLOCK 
----------------------------- */
#logo_area{
	width:100%;
	position:relative;
	margin:0 auto;
	padding-top:110px;
}
#logo_area h2{
	width:32%;
	margin: 2.143vw auto 2.143vw 30px;
}

@media screen and (max-width:767px) {
	#logo_area h2{
		width:57%;
		margin: 2.143vw auto 2.143vw 10px;
	}
}

/* -----------------------------
IMAGE BLOCK
----------------------------- */
#image{
	width:100%;
}
#image img{
	margin-bottom:1.429vw;
}

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

/* -----------------------------
SPEC BLOCK
----------------------------- */
#spec{
	width:90%;
	max-width:1100px;
	margin:0 auto;
	
	position:relative;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
	align-items:flex-start;
}

#spec .left{
	width:52%;
}
#spec .right{
	width:44%;
	position:sticky;
	top:110px;
}

#spec .left p{
	margin-bottom:2.143vw;
}
#spec .left h2{
	display:block;
	border-top:solid 1px #000;
	padding-top:2.143vw;
	padding-bottom:3.571vw;
	font-size:3.0rem;
	font-weight:300;
}
#spec .left h2 span{
	display:block;
	font-size:1.9rem;
	font-weight:300;
	padding:0;
	margin:0;
}
#spec .left .copy_box{
	margin:0;
	padding:0 0 2.143vw 0;
}
#spec .left h3{
	font-size:2.4rem;
	line-height:1.6;
	padding-bottom:2.143vw;
	display:block;
}

#spec .right h1{
	display:block;
	
	font-size:2.4rem;
	font-weight:400;
	margin-bottom:1vw;
}
#spec .right .copy_box{
	display:block;
	font-size:1.7rem;
	margin-bottom:1.429vw;
}
#spec .right .spec_box{
	display:block;
	margin-bottom:1.429vw;
}

@media screen and (max-width:767px) {
	#spec{
		width:100%;
		max-width:1100px;
		margin:0 auto;

		position:relative;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
		align-items:flex-start;
	}

	#spec .left{
		width:100%;
		order:1;
	}
	#spec .right{
		width:90%;
		position:initial;
		top:initial;
		order:2;
		
		margin:0 auto;
	}

	#spec .left p{
		margin-bottom:2.143vw;
	}
	#spec .left h2{
		display:block;
		border-top:solid 1px #000;
		padding-top:2.143vw;
		padding-bottom:3.571vw;
		font-size:3.0rem;
		font-weight:300;
	}
	#spec .left h2 span{
		display:block;
		font-size:1.9rem;
		font-weight:300;
		padding:0;
		margin:0;
	}
	#spec .left .copy_box{
		margin:0;
		padding:0 0 2vh 0;
	}
	#spec .left h3{
		font-size:2.4rem;
		line-height:1.6;
		padding-bottom:2.143vw;
		display:block;
	}

	#spec .right h1{
		display:block;

		font-size:2.4rem;
		font-weight:400;
		margin-bottom:1vw;
	}
	#spec .right .copy_box{
		display:block;
		font-size:1.7rem;
		margin-bottom:3vh;
	}
	#spec .right .spec_box{
		display:block;
		margin-bottom:1.429vw;
	}
}

/* -----------------------------
FORM BLOCK
----------------------------- */
#formWrap {
	width:100%;
	margin:0 auto;
}
table.formTable {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	
}
table.formTable td, table.formTable th {
	padding:0.3vw 0 0.5vw 0.8vw;
}
table.formTable th {
	width:35%;
	font-size:1.35rem;
	font-weight:300;
	background:#efefef;
	text-align:left;
	vertical-align:middle;
	border-bottom:solid 1px #FFF;
}
table.formTable td {
	width:65%;
	font-size:1.5rem;
	font-weight:300;
	text-align:left;
	/*border-bottom:solid 1px #efefef;*/
}
#formWrap .fm{
	border:solid 1px #acacac;
	padding:0.2vw 0.5vw;
	font-size:1.5rem;
	color:#7d7d7d;
	width:100%;
}
#formWrap .submit{
	background:#000;
	color:#FFF;
	padding:0.3vw;
	margin-top:0.5vw;
	margin-bottom:2.143vw;
	font-size:1.6rem;
	width:100%;
}
.require{
	color:#F00;	
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:767px) {
	#formWrap {
		width:100%;
		margin:3vh auto;
	}
	table.formTable {
		width:100%;
		margin:0 auto;
		border-collapse:initial;
		border-top:initial;
		border-bottom:initial;

	}
	table.formTable th, table.formTable td {
		width:auto;
		display:block;
		margin:0;
	}
	table.formTable th {
		margin-top:5px;
		border-bottom:0;
	}
	table.formTable td {
		width:100%;
		margin:0.8vh 0;
	}
	form input[type="text"], form textarea {
		width:100%;
		padding:5px;
		font-size:110%;
		display:block;
	}
	form input[type="submit"], form input[type="reset"], form input[type="button"] {
		background:#000;
		color:#FFF;
		padding:0.3vw;
		margin-top:0.5vw;
		margin-bottom:2.143vw;
		font-size:1.6rem;
		width:100%;
	}
}
/* -----------------------------
THANKS BLOCK
----------------------------- */
#thanks{
	width:100%;
	height:40vh;
	display:flex;
	align-items:center;
	justify-content: center;
}
#thanks .detail_box{
	text-align:center;
	display:block;
}
#thanks .detail_box p{
	display:block;
	font-size:3.0rem;
	font-weight:300;
	margin-bottom:20px;
}
#thanks .detail_box span{
	display:block;
	font-weight:300;
}