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


/* =====================================================================
  PC Design
==================================================================== */

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {clear: both;}
.cf {zoom: 1;}

.bold{font-weight: bold}

	.sec_inner {
  	max-width: 1200px;
  	margin: 0 auto;
	}
	#contact form{
	margin-left: 80px;
	padding: 30px 0}
	
	.form_box {
    display: inline-block;
    width: 100%;
	}
	input::placeholder{color:#DDDDDD;}
	
	#contact label {
	font-size: 18px;
	color:red;
	display: block;
	}
	#contact .kakunin{width: 900px;margin: 0 auto}	
	#contact .kakunin label {
	font-size: 18px;
	color: black;
	font-weight: bold;
	display: block;
	}
	#contact .item label{
	color:black;
	font-size: 20px;
	}
	label{
	font-family:"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
  	font-weight: 500;
  	border-radius: 5px;
  	padding: 5px;
	float: left;
	}
	input{font-family:"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
  	font-weight: 500;}
	
	.contents_block{display: block;overflow: hidden;width: 100%;}
	.contents_block p{vertical-align: middle;padding-top: 5px;}
	
	
	#contact .item input{
	width: 25px;
	height: 25px;
	vertical-align:middle;
	margin-top: 0;
	color: black;
	}	
	#contact .company input,
	#contact .name input,
	#contact .furigana input,
	#contact .email input,
	#contact .tel input,
	#contact .schedule input{
  	width: 96%;
  	height: 40px;
  	padding: 5px;
  	border: 1px solid rgba(51, 51, 51, 0.1);
  	font-size: 18px;
	border-radius: 5px;
	}

	#contact select {
  	font-family:"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
  	width: 96%;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
  	border: 1px solid rgba(51,51,51,0.1);
  	height: 50px;
  	line-height: 50px;
  	background-color: #fff;
  	padding: 0 10px;
  	margin-bottom: 0px;
  	font-size: 18px;
  	font-weight: 500;
	border-radius: 5px;
	}	
	span.must {color: red;}
	#contact form span {padding: 1px 2px;}
	#contact form p {
  	font-size: 18px;
  	line-height: normal;
  	margin: 0;
	}
	
	#contact form .company {
	width: 94%;
	float: left;
	margin-bottom: 10px;
	}
	#contact form .name,
	#contact form .email,
	#contact form .schedule {
  	width: 45%;
  	float: left;
  	margin-right: 2%;
  	margin-bottom: 10px;
	}
	#contact form .furigana,
	#contact form .tel {
	width: 45%;
	float: left;
	margin-bottom: 10px;
	}
	
	#contact form .prefecture {
	clear: both;
	width: 25%;
	float: left;
  	margin-bottom: 10px;
	}

	#contact form .item{
	margin-bottom: 10px;
	overflow: hidden;}
	
	#contact form .comment textarea{
  	font-family:"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
  	width: 90%;
	margin-right: 2%;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 18px;
  	font-weight: 500;
  	border: 1px solid rgba(51, 51, 51, 0.1);
	}

#contact button {
  	font-family:"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
	display: inline-block;
	width: 30%;
	height: 60px;
	position: relative;
	cursor: pointer;
	line-height:1.5;
	font-weight:600;
	font-size: 1.8rem;
	color: #ffffff;
	text-decoration: none;
	border: none;
	border-radius: 5px;
	background: #fd6004; /* Old browsers */
	background: -moz-linear-gradient(top, #fd6004 0%, #ff9e00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fd6004 0%,#ff9e00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fd6004 0%,#ff9e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6004', endColorstr='#ff9e00',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 4px 0 #fd6004, 0 6px 0 rgba(0,0,0,.2);
	transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
	box-sizing: border-box;
	margin: 0 auto;
	}
	button:hover {
	background: #fd6004; /* Old browsers */
	background: -moz-linear-gradient(top, #fd6004 0%, #ff9e00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fd6004 0%,#ff9e00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fd6004 0%,#ff9e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6004', endColorstr='#ff9e00',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 2px 0 #ff9e00, 0 3px 0 rgba(0,0,0,.2)!important;
	transform: translateY(3px);
	}	

	.confirm input {
  	font-family:"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
	display: inline-block;
	width: 30%;
	height: 60px;
	position: relative;
	cursor: pointer;
	color:#5C5C5C;
	line-height:1.4;
	font-weight:600;
	font-size: 1.8rem;
	
	text-decoration: none;
	border: none;
	border-radius: 5px;
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #d8d8d8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f2f2f2 0%,#d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 4px 0 #B7B7B7, 0 5px 0 rgba(0,0,0,.2);
	transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
	box-sizing: border-box;
	margin: 0 auto;
	}
	.confirm input:hover {
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #d8d8d8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f2f2f2 0%,#d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 2px 0 #B7B7B7, 0 3px 0 rgba(0,0,0,.2)!important;
	transform: translateY(3px);
	}

	.confirm{padding-top: 60px;}
	.confirm h3,.confirm p{text-align: center;}
	.confirm h3{font-size: 3.0rem}
	.confirm .center{margin-top: 50px;}
	.confirm label{width: 150px;overflow: hidden; background: #f4f4f4;border-radius: 0;margin-bottom: 20px;margin-right: 20px;}
	.confirm .bottom50{margin-bottom: 50px!important;}
	.confirm .contents_block p{height: 30px; border-bottom: 2px dotted #f4f4f4;text-align: left;margin-top: 6px!important; padding-bottom: 30px!important;}
	.confirm .contents_block{margin-bottom: 10px;}
/*--------------------
Thanks
--------------------*/
.thanks{padding-top: 70px;font-size: 1.1rem;line-height: 1.6}

/* △PC end */






/* =====================================================================
  SP Design
==================================================================== */
@media (max-width: 765px) {
.pc {display: none;}
.sp {display: block;}


/* mail form SP */
#contact button {
width: 90%;
margin: 50px 3% 10px;
}
.sec_inner {
width: 90%;
margin: 0 auto;
}

	#contact form{
	margin-left: 0;
	padding: 30px 0}
	
	#contact form .company {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	}

#contact form .name,
#contact form .furigana,
#contact form .email,
#contact form .tel {
width: 100%;
}

#contact form .prefecture,
#contact form .schedule{width: 70%;}

#contact form .comment textarea{
width: 95%;
font-size: 18px;
padding:5px;
border: 1px solid rgba(51, 51, 51, 0.1);
}

#contact form label{clear: both}
#contact .kakunin{width:95%;margin: 0 auto}	
	.confirm{padding-top:0;margin: 0}
	.confirm h3{padding-top:0;margin-top: -30px}
	.confirm input {
  	font-family:"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
	display: inline-block;
	width: 90%;
	height: 60px;
	position: relative;
	cursor: pointer;
	color:#5C5C5C;
	line-height:1.4;
	font-weight:600;
	font-size: 1.4rem;
	text-decoration: none;
	border: none;
	border-radius: 5px;
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #d8d8d8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f2f2f2 0%,#d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 4px 0 #B7B7B7, 0 5px 0 rgba(0,0,0,.2);
	transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
	box-sizing: border-box;
	margin: 0 auto;
	margin-bottom: -20px;
	}
	.confirm h3{font-size: 2.0rem!important;line-height: 1.1}
	.confirm label{width: 100%;text-align: center;}
	.confirm .contents_block p{height:auto!important;border:none;text-align: center;margin-top: 6px!important; padding-bottom: 30px!important;}
/*--------------------
Thanks
--------------------*/
.thanks{padding-top: 20px;font-size: 1.1rem;line-height: 1.6}
.thanks .center{margin-top: -50px}
}