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

article{padding-top:80px}
article h1{
	display:block;
	padding:0 30px;
	height:260px;
	position:relative
	}

article h1 span{
	text-align:center;
	display:block;
	margin:0 auto;
	background-image:url(../images/ttl/contact_ttl.svg);
	display:block;
	width:466px;
	height:82px;;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
		top:50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	position:absolute;
	}

/* top */
/****************************************************************/

.top{
	background-color:#DCDCDD;
	padding:130px 30px 140px;
	}

.top h2{
	color:#fff;
	display:block;
	width:290px;
	height:50px;
	background-color:#221814;
	text-align:center;
	line-height:50px;
	font-family:'m+c2_Bold',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	transform: rotate(0.05deg);
	margin:0 auto 45px;
	}

.top a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:58px;
	font-weight:bold;
	text-align:center;
	line-height:100%;
	margin:0 auto 30px;
	letter-spacing:1px;
	display:block;
	}

.top p{
	text-align:center;
	font-family:'m+c2_Bold',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:19px;
	transform: rotate(0.05deg);
	}

	
/* btm */
/****************************************************************/

.btm{
	padding:120px 30px 40px;
	}


.btm h2{
	color:#fff;
	display:block;
	width:290px;
	height:50px;
	background-color:#221814;
	text-align:center;
	line-height:50px;
	font-family:'m+c2_Bold',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	transform: rotate(0.05deg);
	margin:0 auto 45px;
	}

.btm p{
	text-align:center;
	font-family:'m+c2_Medium',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	transform: rotate(0.05deg);
	line-height:230%;
	margin-bottom:50px;
	}


.btm ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:center;
	justify-content:center;
	align-items: center;
	font-family:'m+c2_Regular',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:17px;
	transform: rotate(0.05deg);
	background-image:url(../images/parts/arrow.svg);
	background-position:center center;
	background-repeat:no-repeat;
	margin:0 auto 100px;
	}
.btm li.current{
	color:#333
	}
.btm li{
	width:200px;
	height:60px;
	color:#B4B5B5;
	text-align:center;
	border:1px solid #B4B5B5;
	line-height:60px;
	}

.btm li:nth-child(1){
	margin-right:110px;
	}

.btm table{
	width:960px;
	margin:0 auto 70px;
	}

.btm th{
	padding:0 10px;
	width:180px;
	font-family:'m+c2_Regular',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	transform: rotate(0.05deg);
	}

.btm td{
	padding:10px 0;
	font-family:'m+c2_Regular',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	transform: rotate(0.05deg);
	}
	
.btm input[type="text"],
.btm input[type="tel"],
.btm input[type="email"],
textarea{
	width:100%;
	padding:5px 8px;
	font-size:16px;
	line-height:180%;
	font-family:'m+c2_Regular',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

.btm input[type="text"],
.btm input[type="tel"],
.btm input[type="email"]{
	border:1px solid #C9C9CA;
	box-shadow:none;
	outline:none
	}

textarea{
	height:250px;
	border:1px solid #C9C9CA;
	}
	
.btm input[type="submit"],
.btm input[type="button"]{
	max-width:960px;
	width:100%;
	display:block;
	margin:0 auto 20px;
	text-align:center;
	border:1px solid #DCDCDD;
	background-color:#DCDCDD;
	box-shadow:none;
	outline:none;
	height:55px;
	line-height:55px;
	font-size:20px;
	font-family:'m+c2_Regular',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

.btm input[type="submit"]:hover,
.btm input[type="button"]:hover{
	opacity:0.5;
	cursor:pointer
	}
	
#form td{
	padding:20px 0;
	font-family:'m+c2_Regular',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	transform: rotate(0.05deg);
	}


.btm.error{
	padding:0 30px 90px;
	}
.btm.comp{
	padding:0 30px 50px;
	}	
.btm p.msg{
	color:#F00;
	font-size:20px;
	margin-top:-30px
	}


/* .privacy_btn */
/****************************************************************/

.privacy_btn a{
	display:block;
	width:260px;
	height:40px;
	line-height:40px;
	font-family:'m+c2_Regular',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	transform: rotate(0.05deg);
	margin:0 auto 150px;
	border:1px solid #9F9FA0;
	text-align:center
	}

.privacy_btn a:hover{
	color:#9F9FA0;
	}