@charset "utf-8";
/* privacy.css */


#privacy_body header #g-nav li a {
	color: #311303 !important;
}
#privacy_body header .header_logo .st0 {
	fill: #311303 !important;
}
/* main */
#privacy_body main {
	padding-top:   10vw;
	padding-bottom: 8vw;
	background-image: url(../../img/index/bg_message.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
/* head */
h1,
h1 strong {
	font-size: 58px;
	font-size: clamp(30px,5vw,58px);
}
h1 {
	width: 100%;
	text-align: center;
	margin-bottom: 1.25em;
}
h1 small {
	font-size: 18px;
	font-size: clamp(16px,1.6vw,16px);
	font-weight: normal;
	font-family: arial, 'Noto Sans JP', sans-serif;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1em;
	color: #a95a50;
}
h1 small:before,
h1 small:after  {
	content: "●";
	font-size: .5em;
	display: inline-block;
}
h1 small:before {
	margin-right: 1em;
}
h1 small:after  {
	margin-left: 1em;
}
h1 strong {
	font-weight: bold;
	line-height: 1.3;
	font-family: fot-tsukuaoldmin-pr6n, "Noto Serif JP", serif;
	color: #311303;
}


/* ===== privacy_wrap ===== */
.privacy_wrap {
	width: 92%;
	margin-left:  auto;
	margin-right: auto;
	padding: 80px;
	padding: clamp(40px,8vw,100px) clamp(40px,5.333vw,80px);
	background-color: #fff;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}
.privacy_cont {
	width: 100%;
	max-width: 1000px;
	margin-left:  auto;
	margin-right: auto;
}

.privacy_cont h2 {
	font-size: 32px;
	font-size: 1.8vw;
	font-size: clamp(20px,1.8vw,28px);
	font-family: "Noto Serif JP", serif;
	margin-bottom: .75em;
	color: #430e00;
}
.privacy_cont p  {
	font-size: 14px;
	line-height: 2.2;
	letter-spacing: .2em;
	text-align: justify;
}
.privacy_cont .first_cont {
	margin-bottom: 2em;
}
.privacy_cont p + h2:before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background-color: #e1dcd8;
	margin-top:    2em;
	margin-bottom: 2em;
}


/* 戻るボタン */
.btn_back {
	width: 100%;
	text-align: center;
	margin-top: 40px;
}
.btn_back a {
    width: fit-content;
    font-size: clamp(16px,1.6vw,18px);
    font-family: arial, 'Noto Sans JP', sans-serif;
    line-height: 1;
    text-align: center;
    display: inline-block;
    position: relative;
    color: #fff;
    border: 1px solid #584237;
    background-color: #584237;
    padding: 1em 3em;
    transition: color .3s, background-color .3s;
}


/* ===== fixed menu ===== */
.contact_info {
	width: 75.667vw;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding: 1.333vw;
	background-color: #fff;
}
.contact_info h3 {
	width: 36%;
	font-size: 18px;
	text-align: center;
}
.contact_info h3 small,
.contact_info h3 strong {
	color: #584237;
}
.contact_info h3 small {
	font-size: 18px;
    font-size: 1.2vw;
    font-weight: normal;
    font-family: arial, 'Noto Sans JP', sans-serif;
	line-height: 1;
    display: flex;
    align-items: center;
	justify-content: center;
	margin-bottom: .75em;
}
.contact_info h3 small:before,
.contact_info h3 small:after    {
	content: "●";
    font-size: .5em;
    display: inline-block;	
}
.contact_info h3 small:before {
	margin-right: 1em;
}
.contact_info h3 small:after  {
	margin-left: 1em;
}

.contact_info h3 strong {
	font-weight: bold;
}
.contact_flex {
	width: 64%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}
.contact_flex > a {
	width: calc(100%/2 - 1.5%);
	font-size: 22px;
	font-size: 1.467vw;
	padding: .75em;
	border-radius: 8px;
	transition: opacity .3s;
}
.contact_flex > a:hover {
	opacity: .8;
}

.contact_flex a,
.contact_flex dt,
.contact_flex dd  {
	line-height: 1;
	color: #796250;
}
/* お電話でのお問い合わせ */
.contact_tel {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(90deg, rgba(248, 226, 196, 1), rgba(249, 208, 191, 1));
}
.contact_tel:before,
.contact_form:before {
	content: "";
	width:  .9em;
	height: .9em;
	min-width:  .9em;
	min-height: .9em;
	font-size: 30px;
	font-size: 2vw;
	display: block;
	background-image:  url(../../img/index/contact_tel.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: .5em;
}
.contact_tel dl {
	width: fit-content;
}
.contact_tel dt {
	font-size: 14px;
	font-size: .933vw;
	font-weight: normal;
	text-align: center;
	margin-bottom: .5em;
}
.contact_tel dd {
	font-size: 30px;
	font-size: 2vw;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
}
/* フォームでのお問い合わせ */
.contact_form {
	font-weight: bold;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(90deg, rgba(236, 225, 210, 1), rgba(223, 219, 215, 1));
}
.contact_form:before {
	width: .85em;
	min-width: .85em;
	background-image: url(../../img/index/contact_mail.svg);
}












/* -- responsive -------------------------------------------------------------------------------- */
@media screen and (max-width:768px) {
	/* ===== basic ===== */
	/* main */
	#privacy_body main {
		margin-top: 0 !important;
		padding-top: calc(min(16vw,100px) + min(8vw,60px));
		padding-left:  8vw;
		padding-right: 8vw;
		background-image: url(../../img/index/bg_message_sp.jpg);
	}
	/* head */
	h1,
	h1 strong {
		font-size: 21px;
		font-size: clamp(21px,5.6vw,26px);
	}
	h1 {
		margin-top: .5em;
		margin-bottom: 1em;
	}
	h1 small {
		font-size: 12px;
		font-size: clamp(12px,3.2vw,14px);
		margin-bottom: .75em;
	}

	/* ===== privacy_wrap ===== */
	.privacy_wrap {
		width: 100%;
		padding: clamp(20px,5.333vw,30px) clamp(25px,5.333vw,30px) clamp(30px,8vw,40px);
	}
	.privacy_cont {
		max-width: 500px;
	}
	.privacy_cont h2 {
		font-size: 16px;
	}
	.privacy_cont p {
		font-size: 12px;
		letter-spacing: .1em;
	}
	/* 戻るボタン */
	.btn_back   {
		margin-top: 15px;
	}
	.btn_back a {
		font-size: 12px;
	}


	/* ===== footer直前 Contact ===== */
	footer {
		margin-bottom: 29vw;	
	}
	.contact_section {
		flex-wrap: wrap;
	}
	.contact_section .img_wrap {
		width: 100%;
		border-right:  none;
		/* border-bottom: 1px solid #584237; */
	}
	.contact_section .cont_wrap {
		width: 100%;
		padding: 6.667vw 8vw;
	}
	/* 求人についてのお問い合わせ 文字 */
	.contact_section p {
		font-size: 14px;
		font-size: 3.733vw;
		flex-direction: row;
		margin-bottom: 1em;
	}
	.contact_section p:before {
		margin-right: .75em;
		margin-bottom: 0;
	}
	/* ul */
	.btn_contact a {
		margin-bottom: 0;
	}
	.contact_section ul {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
	}
	.li_contact {
		width: 38%;
	}
	.li_tel {
		width: 60%;
	}
	/* contact btn */
	.btn_contact a {
		font-size: 12px;
		font-size: 3.2vw;
	}
	/* お電話 link */
	.li_tel {
		margin: 0;
	}
	.li_tel dt {
		font-size: 24px;
		font-size: 5.6vw;
		line-height: 1;
		margin-bottom: .25em;
	}
	.li_tel dd {
		font-size: 10px;
		font-size: 2.5vw;
	}
	.li_tel dd span {
		font-size: 10px;
		font-size: 2.5vw;
	}
}