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

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

article h1 span{
	text-align:center;
	display:block;
	margin:0 auto;
	background-image:url(../images/ttl/contact_ttl.svg);
	display:block;
	background-size:contain;
	background-position:center top;
	background-repeat:no-repeat;
	width:255px;
	height:45px;
	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:100px 15px 100px;
	}


.top a span{
	display:none}

h2{
	color:#fff;
	display:block;
	width:260px;
	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:50px;
	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:18px;
	transform: rotate(0.05deg);
	line-height:150%;
	}
.top p span{
	display:block}

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

.btm{
	padding:100px 15px 40px;
	}



.btm p{
	text-align:left;
	font-family:'m+c2_Medium',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:17px;
	transform: rotate(0.05deg);
	line-height:200%;
	display:block;
	max-width:480px;
	margin:0 auto 50px;
		text-align: justify;
	text-justify: inter-ideograph;
	}

.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);
	margin:0 auto 100px;
	}
.btm li.current{
	color:#333
	}
.btm li{
	width:100px;
	height:60px;
	color:#B4B5B5;
	text-align:center;
	border:1px solid #B4B5B5;
	line-height:60px;
	}

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

.btm li:nth-child(1):before{
	position:absolute;
	content:"";
	top:40%;
	right:-28px;
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
	width: 10px;
	height: 10px;
	border-top: 5px solid #B4B5B5;
	border-right: 5px solid #B4B5B5;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}

.btm li:nth-child(1):after{
	position:absolute;
	content:"";
	top:40%;
	right:-45px;
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
	width: 10px;
	height: 10px;
	border-top: 5px solid #B4B5B5;
	border-right: 5px solid #B4B5B5;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}

.btm table{
	max-width:960px;
	width:100%;
	margin:0 auto 70px;
	}

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

.btm td{
	padding:5px 5px 25px;
		display:block;
	width:100%;
	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;
	font-family:'m+c2_Regular',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:180%;
	}

.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;
	line-height:180%;
	}
	
.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;
	}