@charset "UTF-8";

/*------------------------------------------
スマホ/sp
------------------------------------------*/

/*------------ メインビジュアル --------------*/
.contact_main {
	width: 100%;
	/*margin-top: 6rem;*/
}

/*------------ タイトル --------------*/
.contact_ttl{
	font-size: 6vw;
	white-space: nowrap;
	text-align: center;
	color:#00508f;
	margin: 3rem auto;
	font-weight:900;
	letter-spacing: 0.5rem;
}

/*------------ 連絡先 --------------*/
.contact_info{
	margin: 0 auto 3rem;
}
.contact_info__list_txt{
	text-align: center;
	font-size: 1.6rem;
}
.contact_info__list_img.tel{
	width: 70%;
	margin: 1rem auto 2rem;
}
.contact_info__list_img.mail{
	width: 90%;
	margin: 0.5rem auto 2rem;
}
.contact_info__txt{
	font-size: 1.5rem;
}

/*------------ サブタイトル --------------*/
.contact_subttl{
	width:100%;
	font-size: 4vw;
	white-space: nowrap;
	text-align: center;
	color:#005697;
	margin: 5rem auto 1rem;
	padding:0.7rem;
	background:linear-gradient(to left,#f5ecd5,#faf6ea 50%,#f5ecd5);
}

/*------------ お問い合わせフォーム --------------*/
.contact_table{
	border-top:2px solid #222;
	border-left:2px solid #222;
	border-right:2px solid #222;
	border-bottom:1px solid #222;
	border-collapse: collapse;
}
.contact_table__name{
	border-bottom:1px solid #222;
	background:linear-gradient(to left,#f5ecd5,#faf6ea);
	text-align: left;
	font-size: 1.5rem;
	padding:1rem;
}
.contact_table__detail{
	border-bottom:1px solid #222;
	text-align: left;
	font-size: 1.5rem;
	padding:1.5rem;
}
.contact_table input[type="text"], .contact_table input[type="email"], .contact_table input[type="tel"]{
    width: 100%;
	padding: 1rem;
    font-size: 1.6rem;
    line-height: 1.6;
    border-radius: 1rem;
	border:1px solid #ddd;
}
.contact_table select{
    width: 100%;
	padding: 1.3rem;
    font-size: 1.6rem;
    line-height: 1.6;
    border-radius: 1rem;
	border:1px solid #ddd;
}
@-moz-document url-prefix() {
	.contact_table select{
		border-radius:0;
	}
}
.contact_table textarea{
    display: block;
    width: 100%;
    padding: 1rem;
    font-size: 1.6rem;
    line-height: 1.6;
    border-radius: 1rem;
	border:1px solid #ddd;
}
.contact_table label{
	font-size: 1.3rem;
    padding: 0.5rem 0;
    display: block;
}
.contact_table__detail_d{
	padding: 0.5rem 0;
}
.contact_table #zip{
	width:50%;
}
.contact_table .opinion_request label{
	display: inline;
	font-size: 1.5rem;
	margin-right: 1rem;
}
.contact_table .zipCode #addrSearchLink{
	background-color: #f29600;
	color:#fff;
	padding:0.5rem 1rem;
	margin: 0 0.5rem;
	border-radius: 1rem;
}
.contact_table .zipCode span{
    display: block;
	width:100%;
	margin: 0.5rem 0 1rem;
}
.contact_form__check{
	margin: 1rem auto 4rem;
	padding:1rem;
	background:linear-gradient(to left,#f5ecd5,#faf6ea 50%,#f5ecd5);
}
.contact_form__check_txt{
	text-align: center;
	font-size: 1.5rem;
	color:#005697;
}
.contact_form__check_txt a{
	text-decoration: underline;
}
.contact_form__check_btn{
	width:100%;
	text-align: center;
	font-size: 1.6rem;
	margin: 1rem auto;
}
.contact_form__submit{
	width:100%;
}
.contact_form__submit input[type="image"]{
	width:100%;
}
.require{
	letter-spacing: 0.2rem;
	background-color: #e4006e;
	color: #fff;
	font-size: 1rem;
	padding:0 0.5rem 0.2rem;
	margin-left: 1rem;
}

/*------------ ザ・シティシェア/ロゴ --------------*/
.contact_logo{
	width:70%;
	margin: 5rem auto;
}

/*------------ 連絡先/下部 --------------*/
.contact_infofoot{
	margin: 0 auto 6rem;
}
.contact_infofoot__list_img.tel{
	width: 70%;
	margin: 2rem auto;
}
.contact_infofoot__list_img.mail{
	width: 90%;
	margin: 2rem auto;
}


/*------------------------------------------
スマホ画面/sp
------------------------------------------*/
@media screen and (max-width: 767px) {
/*------------ お問い合わせフォーム --------------*/
	.contact_table__name{
		display: block;
		width: 100%;
	}
	.contact_table__detail{
		display: block;
		width: 100%;
	}
}


/*------------------------------------------
PC画面/pc
------------------------------------------*/
@media screen and (min-width: 768px) {
	
	/*------------ メインビジュアル --------------*/
	.contact_main {
		/*margin-top: 140px;/**/
		width: 1400px;/**/
		margin: 0 auto;/**/
	}

	/*------------ タイトル --------------*/
	.contact_ttl{
		font-size: 3.2rem;/**/
		margin: 8rem auto;/**/
	}

	/*------------ 連絡先 --------------*/
	.contact_info{
		margin: 0 auto 3rem;
	}
	.contact_info__list{
		display: flex;/**/
    	align-items: center;/**/
    	justify-content:flex-start;/**/
		width:85%;/**/
		margin: 0 auto 3rem;/**/
	}
	.contact_info__list_txt{
		width:30%;/**/
	}
	.contact_info__list_img.tel,.contact_info__list_img.mail {
		width: 70%;/**/
		margin: 0;/**/
		text-align: left;/**/
	}
	.contact_info__list_img.tel img {
		width: 75%;/**/
	}
	.contact_info__list_img.mail img {
		width: 100%;/**/
	}
	.contact_info__txt{
		text-align: center;/**/
		font-size: 1.7rem;/**/
	}

	/*------------ サブタイトル --------------*/
	.contact_subttl{
		font-size: 2rem;/**/
		font-weight: 500;/**/
		margin: 8rem auto 2rem;/**/
		padding:0.5rem;/**/
	}

	/*------------ お問い合わせフォーム --------------*/
	.contact_table{
		width: 100%;/**/
		border:2px solid #222;/**/
	}
	.contact_table__name{
		font-size: 1.5rem;/**/
		width: 30%;/**/
		font-weight: 400;/**/
		white-space: nowrap;/**/
	}
	.contact_table__detail{
		font-size: 1.5rem;/**/
		padding:1.5rem;
		width: 70%;/**/
	}
	.contact_table__detail_i{
		width: 75%;/**/
		float: left;/**/
	}
	.contact_table__detail_d{
		width: 24%;/**/
		float: right;/**/
	}
	.contact_table__detail_d.email,.contact_table__detail_d.email_verifi{
		margin-top:0.8rem;/**/
	}
	.contact_table__detail_d.request{
		margin-top:3rem;/**/
	}
	.contact_table__detail_d.opinion{
		margin-top:5rem;/**/
	}
	.contact_table input[type="text"], .contact_table input[type="email"], .contact_table input[type="tel"]{
		width: 85%;/**/
		margin: 0.2rem 0;/**/
	}
	.contact_table select{
		width: 85%;/**/
		cursor: pointer;/**/
	}
	.contact_table textarea{
		display: inline-block;/**/
		width: 85%;/**/
	}
	.contact_table label{
		white-space: nowrap;/**/
		width: 10%;/**/
		font-size: 1.5rem;/**/
		display: inline-block;/**/
	}
	.contact_table .space{
		display: inline-block;/**/
		width: 10%;/**/
	}
	.contact_table #zip{
		width:25%;/**/
	}
	.contact_table .opinion_request label{
		font-size: 1.5rem;/**/
	}
	.contact_table .zipCode span{
		display: inline;/**/
	}
	.contact_form__check{
		margin: 2rem auto 5rem;/**/
		padding:1.5rem;/**/
	}
	.contact_form__check_txt{
		font-size: 1.6rem;/**/
	}
	.contact_form__check_btn{
		font-size: 1.6rem;/**/
	}
	.contact_form__submit{
		text-align: center;/**/
	}
	.contact_form__submit input[type="image"]{
		width:50%;/**/
	}
	.contact_form__submit input[type="image"]:hover{
		filter: brightness(115%);/**/
	}
	.require{
		font-weight: normal;/**/
		font-size: 1.3rem;/**/
	}

	/*------------ ザ・シティシェア/ロゴ --------------*/
	.contact_logo{
		width:40%;/**/
		margin: 9rem auto 5rem;/**/
	}

	/*------------ 連絡先/下部 --------------*/
	.contact_infofoot{
		margin: 0 auto 9rem;/**/
	}
	.contact_infofoot__list{
		display: flex;/**/
    	align-items: center;/**/
    	justify-content:space-between;/**/
		width:100%;/**/
	}
	.contact_infofoot__list_img.tel{
		width: 39%;/**/
	}
	.contact_infofoot__list_img.mail{
		width: 50%;/**/
	}

}