@charset "UTF-8";

section.contact {
	background-color: #f3e9d2;
}


@media (max-width: 320px) {section.contact {font-size: 10px;}}
@media (min-width: 320px) {section.contact {font-size: 10px;}}
@media (min-width: 352px) {section.contact {font-size: 11px;}}
@media (min-width: 384px) {section.contact {font-size: 12px;}}
@media (min-width: 416px) {section.contact {font-size: 13px;}}
@media (min-width: 448px) {section.contact {font-size: 14px;}}
@media (min-width: 480px) {section.contact {font-size: 15px;}}
@media (min-width: 512px) {section.contact {font-size: 16px;}}
@media (min-width: 544px) {section.contact {font-size: 17px;}}
@media (min-width: 576px) {section.contact {font-size: 18px;}}
@media (min-width: 608px) {section.contact {font-size: 19px;}}
@media (min-width: 640px) {section.contact {font-size: 20px;}}
@media (min-width: 672px) {section.contact {font-size: 21px;}}
@media (min-width: 704px) {section.contact {font-size: 22px;}}
@media (min-width: 736px) {section.contact {font-size: 23px;}}
@media (min-width: 768px) {section.contact {font-size: 24px;}}


section.contact img {
	width: 100%;
}


section.contact .inner_contact {
	padding: 9.375% 0 9.375% 0;
}

section.contact .inner_contact div {
	font-size: 2.0em;
	font-weight: bolder;
	letter-spacing: 4px;
	color: #584e3e;
	text-align: center;
}

section.contact .inner_contact ul {
	width: 87.5%;
	margin: 0 auto;
	margin-top: 6.25%;
}

section.contact .inner_contact ul li {
	float: left;
}

section.contact .inner_contact ul li.reservation {
	width: 100%;
	margin-bottom: 5.357142857143%;
}

section.contact .inner_contact ul li.tel {
	width: 100%;
	margin-bottom: 3.571428571429%;
}

section.contact .inner_contact ul li.tel .txt {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #584e3e;
	text-align: center;
	margin-bottom: 0.75em;
}

section.contact .inner_contact ul li.line {
	width: 48.392857142857%;
}

section.contact .inner_contact ul li.mail {
	float: right;
	width: 48.392857142857%;
}

section.contact .inner_contact ul li.faq {
	width: 100%;
	margin-top: 7.142857142857%;
}

section.contact .inner_contact ul li.faq a {
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 1.2em;
	font-weight: bolder;
	color: #584e3e;
	padding: 1.0em 1.25em 1.0em 0;
	background-image: url(contact_faq_arrow.png);
	background-repeat: no-repeat;
	background-size: 4.285714285714% auto;
	background-position: 100% center;
	border-bottom: #e5ad6a solid 1px;
}

section.contact .inner_contact ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}


section.contact .pc_only {
	display: none !important;
}




.contact_area {
    padding: 40px 0 10px;
}

.contents_heading {
    text-align: center;
}

.contents_heading .contents_ttl {
    font-size: 6vw;
    color: #26b1ae;
}

.contents_heading .contents_ttl img {
    width: auto;
    height: 4.5vw;
}

.contents_heading .contents_subttl {
    font-size: 3vw;
    font-weight: normal;
    color: #c3a682;
    margin: 2vw auto 3vw;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    font-weight: 200;
}

.contact_area p {
    font-size: 14px;
    line-height: 1.6;
}

.contact_area .contact_btn::before {
    content: '';
    display: inline-block;
    width: 37px;
    height: 37px;
    background: url(/common/img/contact_ico_mail.png) no-repeat;
    background-size: cover;
    margin-right: 8px;
}

.contact_area .contact_btn {
    width: 94%;
    height: 60px;
    font-size: 20px;
    border-radius: 8px;
    background: #f4efed;
    margin: 38px auto 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.contact_area_share {
    text-align: center;
}

.contact_area_share a {
    display: inline-block;
    width: 13vw;
    margin: 0 1vw;
}

.contact_area_share a img {
    width: 100%;
}