@charset "UTF-8";

/* common
========================= */
#title-area{
	position: relative;
	height: 200px;
	display: flex;
	align-items: center;
	margin-bottom: 3rem;
}
#title-area h2{
	position: relative;
	margin-top: 3rem;
}
section{
	margin-bottom: 5rem;
}
.noise-bg::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/gain.png") repeat;
	-webkit-background-size: 300px;
		 -o-background-size: 300px;
			background-size: 300px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.8;
}
body.page .title__en {
	font-size: calc(90 / 750 * 100vw);
}
body.page h3{
	font-size: 2.4rem;
}
@media screen and (min-width: 768px) {
	#title-area{
		height: 300px;
		margin-bottom: 6rem;
	}
	#title-area h2{
		margin-top: 5rem;
	}
	body.page .title__en {
		font-size: clamp(7rem, 4.861111111111112vw, 8rem);
	}
	section{
		margin-bottom: 10rem;
	}
	body.page h3{
		font-size: 3rem;
	}
}

/* About
========================= */

table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
}
table th{
	font-weight: 600;
	text-align: left;
	padding: 2.5rem 0;
	width: 30%;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}
table td{
	padding: 2.5rem 0;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
}

/* Message
========================= */

.mess-text{
	line-height: 2.2;
}
.mess-sign{
	font-size: 2.4rem;
}
.mess-sign span {
  font-family: "Zen Kurenaido", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* recruit
========================= */

.btn{
	display: block;
	color: #000;
	border: 1px solid #000;
	padding: 2rem;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	text-align: center;
	position: relative;
	max-width: 400px;
}

/* contact
========================= */

.wpcf7-form li{
	width: 100%;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #7c735d;
}
.wpcf7-form li .item{
	margin-bottom: 1rem;
	font-size: 1.8rem;
}
.wpcf7-form .need{
	color: #9f0f0f;
	font-size: 1.2rem;
	line-height: 1;
	margin-top: 0.5rem;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="number"],
.wpcf7-form textarea{
	display: block;
	padding: 1rem;
	font-size: 1.6rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	background: none;
	border: 1px solid #ddd;
	background: #fafafa;
	border-radius: 3px;
	width: 100%;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	color: #32312e;
}
.wpcf7-form input[type="submit"]{
	display: block;
	color: #000;
	border: 1px solid #000;
	background: #FFF;
	padding: 2rem;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	text-align: center;
	position: relative;
	width: 100%;
	max-width: 400px;
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 1.8rem;
}
.wpcf7-form input[type="submit"]:hover{
	cursor: pointer;
}
.wpcf7-form span.wpcf7-not-valid-tip{
	font-size: 1.2rem!important;
	color: #9f0f0f!important;
}
@media screen and (max-width: 750px){
	.wpcf7-form .prefectures select{
		display: block;
		padding: 1rem;
		font-size: 1.6rem;
		outline: none;
		background: none;
		border: 1px solid #ddd;
		background: #fafafa;
		border-radius: 3px;
		width: 100%;
		font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
		color: #32312e;
	}
}
/*PC*/
@media (min-width: 751px){
	.wpcf7-form li{
		-webkit-align-items: center;
		        align-items: center;
	}
	.wpcf7-form li .item{
		width: 30%;
		margin-bottom: 0;
	}
	.wpcf7-form select{
		display: block;
		padding: 1rem;
		font-size: 1.6rem;
		outline: none;
		background: none;
		border: 1px solid #ddd;
		background: #fafafa;
		border-radius: 3px;
		width: 100%;
		font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
		color: #32312e;
	}
}