@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;500;700&family=Oswald:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@300;400;500;700&display=swap');
.Didact{font-family: 'Didact Gothic', sans-serif;}
.Lato{font-family: 'Lato', sans-serif;}
.Sans{font-family: 'Noto Sans JP', sans-serif;}
.Serif{font-family: 'Noto Serif JP', serif;}
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;max-width: 100%;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;}
body,button,input,select,textarea {color: #2b2b2b;font-family: 'Josefin Sans', sans-serif;font-size: 14px;font-weight: 400;line-height: 2;overflow: auto;}
a {color: #212121;text-decoration: none;outline: none;}
a:focus {outline: none;}
a:hover,a:active {outline: 0;outline: none;}
a:active,a:hover {color: #7FD6F7;}
h1,h2,h3,h4,h5,h6 {clear: both;font-weight: 700;margin: 36px 0 12px;}
h1 {font-size: 26px;line-height: 1.3846153846;}
h2 {font-size: 24px;line-height: 1;}
h3 {font-size: 22px;line-height: 1.0909090909;}
h4 {font-size: 20px;line-height: 1.2;}
h5 {font-size: 18px;line-height: 1.3333333333;}
h6 {font-size: 16px;line-height: 1.5;}
address {font-style: italic;margin-bottom: 24px;}
abbr[title] {border-bottom: 1px dotted #2b2b2b;cursor: help;}
b,strong {font-weight: 700;}
cite,dfn,em,i {font-style: italic;}
mark,ins {background: #fff9c0;text-decoration: none;}
p {margin-bottom: 24px;}
code,kbd,tt,var,samp,pre {font-family: monospace, serif;font-size: 15px;-webkit-hyphens: none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height: 1.6;}
pre {border: 1px solid rgba(0, 0, 0, 0.1);-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom: 24px;max-width: 100%;overflow: auto;padding: 12px;white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
blockquote,q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";content: none;}
blockquote {color: #767676;font-size: 19px;font-style: italic;font-weight: 300;line-height: 1.2631578947;margin-bottom: 24px;}
blockquote cite,blockquote small {color: #2b2b2b;font-size: 16px;font-weight: 400;line-height: 1.5;}
blockquote em,blockquote i,blockquote cite {font-style: normal;}
blockquote strong,blockquote b {font-weight: 400;}
small {font-size: smaller;}
big {font-size: 125%;}
sup,sub {font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
dl {margin-bottom: 24px;}
dt {font-weight: bold;}
dd {margin-bottom: 24px;}
li,ul,ol {list-style: none;margin: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin: 0 0 0 20px;}
img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle;}
figure {margin: 0;}
fieldset {border: 1px solid rgba(0, 0, 0, 0.1);margin: 0 0 24px;padding: 11px 12px 0;}
legend {white-space: normal;}
button,input,select,textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 100%;margin: 0;max-width: 100%;vertical-align: baseline;}
button,input {line-height: normal;}
input,textarea {background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {padding: 0;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table,th,td {border: 1px solid rgba(0, 0, 0, 0.1);}
table {border-collapse: separate;border-spacing: 0;border-width: 1px 0 0 1px;margin-bottom: 24px;width: 100%;}
caption,th,td {font-weight: normal;text-align: left;}
th {border-width: 0 1px 1px 0;font-weight: bold;}
td {border-width: 0 1px 1px 0;}
del {color: #767676;}
hr {background-color: rgba(0, 0, 0, 0.1);border: 0;height: 1px;margin-bottom: 23px;}

img {width: 100%;height: auto;}
.tit {margin: 0;}

.sp {
    display: none;
}
.pc {
    display: block;
}
@media(max-width:768px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}

/***************************************************************
************ SETTING *******************************************
***************************************************************/
body {background-color: #F1F1F1;background-image: none!important;}

header {width: 100%;height: 80px;position: relative;z-index: 1000;background-color: #4c3900;}
header .in {padding: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
header .in .h_logo {width: 278px;margin: 0 auto 0;padding: 0;}
header .in .h_logo a {}
header .in .h_logo a img {}
@media(max-width:768px) {
	header {width: 100%;height: auto;position: relative;z-index: 1000;margin-bottom: 0;}
	header .in {padding: 3% 0 3%;}
	header .in .h_logo {width: 51.3%;margin: 0 auto 0;padding: 0;}
}

.mv {width: 100%;min-width: 1000px; height: 900px; position: relative;background-image: url("../img/lp2/mv.jpg");background-size: 1440px 900px;background-position: top center;background-repeat: no-repeat;margin: 0 auto 40px;}
.mv .in {position: absolute;left: calc(50% - 510px);top:770px;}
.mv .in .mv_ico {width: 182px;height: 80px;}
.mv .in .mv_ico img {width: 182px;height: 80px;}
.mv .mv_side_btn {position: fixed;top:140px;right: 0;width: 220px;z-index: 100;}
.mv .mv_side_btn a {display: block; width: 220px;margin-bottom: 20px;}
.mv .mv_side_btn a img {width: 100%;height: auto;}
@media(max-width:768px) {
	.mv {min-width: 100%; height: auto;background-image: none;}
	.mv .mv_side_btn {position: relative;top:0;right: 0;width: 100%;display: flex;}
	.mv .mv_side_btn a {display: block; width: 50%;margin-bottom: 0;}
}

.content {width: 100%;margin: 0;padding: 0;}
.content .gy_area {background-color: #F1F1F1;}
.content .wh_area {background-color: #FFF;}
@media(max-width:768px) {
}
.txt01 {width:586px;margin: 0 auto 64px;}
.txt01 img {width: 100%;height: auto;}
.img01 {width: 600px;margin: 0 auto 22px;}
.img01 img {}
.mov {width: 720px;margin: 0 auto 64px;padding: 48px 0 0;aspect-ratio: 16 / 9;}
.mov img {}
.mov iframe {
	width: 100%;
	height: 100%;
	pointer-events: none;
	user-select: none;
	z-index: -1;
}
.img02 {width: 600px;margin: 0 auto 22px;}
.img02 img {}
@media(max-width:768px) {
.txt01 {width:71.73%;margin: 0 auto 8%;}
.txt01 img {width: 100%;height: auto;}
.img01 {width: 80%;margin: 0 auto 8%;}
.img01 img {}
	.mov {width: 100%;margin: 0 auto 8%;padding: 0 0 0;}
	.mv_ico {width: 94%;height: auto;display: flex;flex-wrap: wrap; justify-content: space-around;padding: 5% 0 0;margin: 0 auto;}
	.mv_ico img {width: 48%;height: auto;margin-bottom: 5%}
	.mv_ico img:nth-child(3) {width: 100%;}
	.img02 {width: 62.667%;margin: 0 auto 8%;}
	.img02 img {}
}

.bk_re_style {max-width: 1440px;margin: 0 auto;}
.re_style_area {padding: 72px 0 120px;;}
.re_style_area .tit {width: 100%;height: 73px;text-align: center;margin-bottom: 45px;}
.re_style_area .tit img {width: auto;height: 73px;margin: 0 auto 0;}
.re_style_area h2 {font-family: 'Noto Serif JP', serif;font-size: 24px;font-weight: 500; text-align: center;color: #333333;padding: 0;margin: 0 auto 35px;}
.re_style_area p.read {font-family: 'Noto Sans JP', sans-serif;font-size: 16px;font-weight: 500; text-align: center;color: #333333;padding: 0;margin: 0 auto 0;}
.re_style_area .case_area {padding: 56px 0 0;}
.re_style_area .case_area .case_box {width: 840px;margin: 0 auto 40px;}
.re_style_area .case_area .case_box img {}
.re_style_area .detail_area {max-width: 1440px;display: flex;flex-wrap: wrap;margin: 0 auto 56px;}
.re_style_area .detail_area a {width: calc(100% / 6);}
.re_style_area .detail_area a img {width: 100%;height: auto;}
.re_style_area .btn_detil {width: 740px;height: 60px;margin: 0 auto 0;padding: 0;background-color:#77643E;color: #FFF; }
.re_style_area .btn_detil a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;text-decoration: none;text-align: center;position: relative;}
.re_style_area .btn_detil a:after {position: absolute;bottom: calc(50% - 6px);right: 40px;margin: auto;content: "";width: 12px;height: 12px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.re_style_area .btn_detil a span {;font-family: 'Noto Serif JP', serif;font-size: 24px;font-weight: 500;color: #FFF;letter-spacing: 0.1em;}
@media(max-width:768px) {
	.sp_link_btn {width: 100%;display: flex;justify-content: space-between;}
	.sp_link_btn a {display: block; width: 49.5%;}
	.sp_link_btn a img {width: 100%;height: auto;}
	.re_style_area {padding: 9% 0 15%;}
	.re_style_area .tit {width: 100%;height: auto;text-align: center;margin-bottom: 10%;}
	.re_style_area .tit img {width: 38%;height: auto;margin: 0 auto 0;}
	.re_style_area h2 {font-size: 5.6vw;margin: 0 auto 4%;}
	.re_style_area p.read {font-size: 4vw;}
	.re_style_area .case_area {padding: 7% 0 0;}
	.re_style_area .case_area .case_box {width: 90%;margin: 0 auto 10%;}
	.re_style_area .detail_area {max-width: 2000px;display: flex;flex-wrap: wrap;margin: 0 auto 7%;}
	.re_style_area .detail_area a {width: calc(100% / 3);}
	.re_style_area .detail_area a img {width: 100%;height: auto;}
	.re_style_area .btn_detil {width: 86%;height: 60px;margin: 0 auto 0;padding: 0;background-color:#77643E;color: #FFF; }
	.re_style_area .btn_detil a:after {position: absolute;bottom: calc(50% - 4px);right: 5%;margin: auto;content: "";width: 8px;height: 8px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.re_style_area .btn_detil a span {;font-family: 'Noto Serif JP', serif;font-size: 4.0vw;font-weight: 500;color: #FFF;letter-spacing: 0.1em;}
}

.flow_area {padding: 72px 0 120px;}
.flow_area .tit {width: 100%;height: 73px;text-align: center;margin-bottom: 45px;}
.flow_area .tit img {width: auto;height: 73px;margin: 0 auto 0;}
.flow_area h2 {font-family: 'Noto Serif JP', serif;font-size: 24px;font-weight: 500; text-align: center;color: #333333;padding: 0;margin: 0 auto 35px;}
.flow_area .flow_box {width: 100%;margin: 0 auto 0;padding: 40px 0 0;}
.flow_area .flow_box .col2 {width: 740px;display: flex;justify-content: space-between;margin:0 auto 48px;}
.flow_area .flow_box .col2 .ph {width: 354px;}
.flow_area .flow_box .col2 .ph img {}
.flow_area .flow_box .col2 .txt {width: 365px;}
.flow_area .flow_box .col2 .txt img {}
.flow_area .flow_box .flow_txt {font-family: 'Noto Sans JP', sans-serif;font-size: 18px;font-weight: 500; text-align: center;color: #77643E;padding: 8px;margin: 16px auto 90px 50%;border-top: solid 1px #77643E;border-bottom: solid 1px #77643E;box-sizing: border-box;display: inline-block;transform: translate(-50%,0)}
.flow_area .flow_box .designer {width: 840px;margin: 0 auto 0;}
.flow_area .flow_box .designer img {}
@media(max-width:768px) {
	.flow_area {padding: 9% 0 15%;}
	.flow_area .tit {width: 100%;height: auto;text-align: center;margin-bottom: 10%;}
	.flow_area .tit img {width: 24%;height: auto;margin: 0 auto 0;}
	.flow_area h2 {font-size: 5.6vw;margin: 0 auto 4%;}
	.flow_area .flow_box {width: 100%;margin: 0 auto 0;padding: 5% 0 0;}
	.flow_area .flow_box .col2 {width: 80%;display:block;margin:0 auto 8%;}
	.flow_area .flow_box .col2 .ph {width: 100%;margin-bottom: 4%;}
	.flow_area .flow_box .col2 .ph img {}
	.flow_area .flow_box .col2 .txt {width: 100%;}
	.flow_area .flow_box .col2 .txt img {}
	.flow_area .flow_box .flow_txt {font-family: 'Noto Sans JP', sans-serif;font-size: 3.6vw;font-weight: 500; text-align: left;color: #77643E;padding: 1.5%;margin: 2% auto 10%;border-top: solid 1px #77643E;border-bottom: solid 1px #77643E;box-sizing: border-box;display:flex;transform: translate(0,0);width: 80%;}
	.flow_area .flow_box .flow_txt span:first-child {width: 28%;}
	.flow_area .flow_box .designer {width: 90%;margin: 0 auto 0;}
}

.publication_area {padding: 72px 0 120px;}
.publication_area .tit {width: 100%;height: 73px;text-align: center;margin-bottom: 45px;}
.publication_area .tit img {width: auto;height: 73px;margin: 0 auto 0;}
.publication_area h2 {font-family: 'Noto Serif JP', serif;font-size: 24px;font-weight: 500; text-align: center;color: #333333;padding: 0;margin: 0 auto 35px;line-height: 1.6;letter-spacing: 0.1em;}
.publication_area .popup_area {width: 100%;display: flex;justify-content: center;}
.publication_area .popup_area a {width: 402px;display: block;margin: 0 15px;position: relative;background-color: #FFF;}
.publication_area .popup_area a:after {content: '';width: 36px;height: 36px;background-image: url("../img/lp2/ico_zoom.png");background-size: 36px 36px;background-repeat: no-repeat;position: absolute;right: 0;bottom: 0;}
.publication_area .popup_area a img {width: 100%;height: auto;}
@media(max-width:768px) {
	.publication_area {padding: 9% 0 5%;}
	.publication_area .tit {width: 100%;height: auto;text-align: center;margin-bottom: 10%;}
	.publication_area .tit img {width: 59%;height: auto;margin: 0 auto 0;}
	.publication_area h2 {font-size: 5.6vw;margin: 0 auto 4%;}
	.publication_area .popup_area {width: 90%;display: block;margin: 0 auto 0;}
	.publication_area .popup_area a {width: 100%;display: block;margin: 0 auto 5%;position: relative;background-color: #FFF;}
}

.commitment_area {padding: 72px 0 0;}
.commitment_area .tit {width: 100%;height: 73px;text-align: center;margin-bottom: 45px;}
.commitment_area .tit img {width: auto;height: 73px;margin: 0 auto 0;}
.commitment_area h3.en {font-family: 'Noto Serif JP', serif;font-size: 18px;font-weight: 500; text-align: center;color: #333333;padding: 0;margin: 0 auto 16px;}
.commitment_area h2 {font-family: 'Noto Serif JP', serif;font-size: 24px;font-weight: 500; text-align: center;color: #333333;padding: 0;margin: 0 auto 35px;}
.commitment_area .in {width: 840px;margin: 0 auto;padding: 0 0 112px;position: relative;}
.commitment_area .in:after {content: '';position: absolute;right: -64px;top:-160px;width:403px;height: 311px;background-image: url("../img/lp2/commitment_img01.png");background-repeat: no-repeat;background-size: cover;}
.commitment_area .in p {font-family: 'Noto Sans JP', sans-serif;font-size: 16px;font-weight: 500;margin-bottom: 40px;}
.commitment_area .in .col2 {width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;}
.commitment_area .in .col2 .ph {width: 510px;display: flex;justify-content: space-between;}
.commitment_area .in .col2 .ph img {width: 250px;height: auto;}
.commitment_area .in .col2 .txt {font-family: 'Noto Serif JP', serif;font-size: 22px;font-weight: 500;color: #333333;line-height: 1.6;}
.commitment_area .in .col2.rev {flex-flow: row-reverse;}
.commitment_area .in .col2.rev .ph {width: 530px;}
.commitment_area .in .col2.rev .ph img {width: 100%;height: auto;}
.commitment_area .in .col2.rev .txt {}
@media(max-width:768px) {
	.commitment_area {padding: 9% 0 0;}
	.commitment_area .tit {width: 100%;height: auto;text-align: center;margin-bottom: 10%;}
	.commitment_area .tit img {width: 63%;height: auto;margin: 0 auto 0;}
	.commitment_area h3.en {font-size: 4.8vw;margin: 0 auto 2%;}
	.commitment_area h2 {font-size: 5.6vw;margin: 0 auto 4%;}
	.commitment_area .in {width: 100%;margin: 0 auto 0;position: relative;padding: 0 0 6%;}
	.commitment_area .in:after {content: '';position: absolute;right: 0;top:-2.5%;width:40%;height: 100px;background-image: url("../img/lp2/commitment_img01.png");background-position: top right;background-size: 100% auto;}
	.commitment_area .in p {width: 84%;margin: 0 auto 5%;font-family: 'Noto Sans JP', sans-serif;font-size: 3.4vw;font-weight: 500;}
	.commitment_area .in .col2 {width: 84%;margin: 0 auto 8%;display:block;}
	.commitment_area .in .col2 .ph {width: 100%;display: flex;justify-content: space-between;margin-bottom: 2%;}
	.commitment_area .in .col2 .ph img {width: 49.5%;height: auto;}
	.commitment_area .in .col2 .txt {font-family: 'Noto Serif JP', serif;font-size:4.8vw;font-weight: 500;color: #333333;line-height: 1.6;}
	.commitment_area .in .col2.rev {flex-flow: row-reverse;width: 100%;box-sizing: border-box;padding-left: 16%;}
	.commitment_area .in .col2.rev .ph {width:100%;}
	.commitment_area .in .col2.rev .ph img {width: 100%;height: auto;}
	.commitment_area .in .col2.rev .txt {}
	.commitment_area .detail_area {max-width: 2000px;display: flex;flex-wrap: wrap;margin: 0 auto 0;}
	.commitment_area .detail_area a {width: calc(100% / 3);}
	.commitment_area .detail_area a img {width: 100%;height: auto;}
}

.faq_area {padding: 72px 0 120px;}
.faq_area .tit {width: 100%;height: 73px;text-align: center;margin-bottom: 45px;}
.faq_area .tit img {width: auto;height: 73px;margin: 0 auto 0;}
.faq_area h2 {font-family: 'Noto Serif JP', serif;font-size: 24px;font-weight: 500; text-align: center;color: #333333;padding: 0;margin: 0 auto 35px;}
.faq_area .acc_area {width: 840px;margin: 0 auto 0;}
.faq_area .acc_area .acc_box {margin-bottom: 20px;background-color: #FFF;}
.faq_area .acc_area .acc_box .btn_acc {padding: 16px 48px;position: relative;color: #534741;cursor: pointer;font-family: 'Noto Sans JP', sans-serif;font-size: 15.6px;font-weight: 500;}
.faq_area .acc_area .acc_box .btn_acc.active {}
.faq_area .acc_area .acc_box .btn_acc:after {position: absolute;bottom: calc(50% - 6px);right: 40px;margin: auto;content: "";width: 12px;height: 12px;border-top: 2px solid #77643E;border-right: 2px solid #77643E;-webkit-transform: rotate(135deg);transform: rotate(135deg);transition: all 0.5s;}
.faq_area .acc_area .acc_box .btn_acc.active:after {bottom: calc(50% - 12px);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.faq_area .acc_area .acc_box .content_acc {border-top: solid 2px #77643E;padding: 16px 48px;display: none;font-family: 'Noto Sans JP', sans-serif;font-size: 15.6px;font-weight: 500;}
@media(max-width:768px) {
	.faq_area {padding: 9% 0 15%;}
	.faq_area .tit {width: 100%;height: auto;text-align: center;margin-bottom: 10%;}
	.faq_area .tit img {width: 20%;height: auto;margin: 0 auto 0;}
	.faq_area h2 {font-size: 5.6vw;margin: 0 auto 4%;}
	.faq_area .acc_area {width:90%;margin: 0 auto 0;}
	.faq_area .acc_area .acc_box {margin-bottom: 3%;background-color: #FFF;}
	.faq_area .acc_area .acc_box .btn_acc {padding: 2% 5% 2% 3%;position: relative;color: #534741;cursor: pointer;font-family: 'Noto Sans JP', sans-serif;font-size: 3.2vw;font-weight: 500;}
	.faq_area .acc_area .acc_box .btn_acc.active {}
	.faq_area .acc_area .acc_box .btn_acc:after {position: absolute;bottom: calc(50% - 4px);right: 12px;margin: auto;content: "";width: 8px;height: 8px;border-top: 2px solid #77643E;border-right: 2px solid #77643E;-webkit-transform: rotate(135deg);transform: rotate(135deg);transition: all 0.5s;}
	.faq_area .acc_area .acc_box .btn_acc.active:after {bottom: calc(50% - 8px);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	.faq_area .acc_area .acc_box .content_acc {border-top: solid 2px #77643E;padding: 2% 3% 2% 3%;display: none;font-family: 'Noto Sans JP', sans-serif;font-size: 3.2vw;font-weight: 500;}
}

.contact_area {background-color: #D6D0C5;padding: 72px 0 88px;}
.contact_area .tit {width: 100%;height: 73px;text-align: center;margin-bottom: 45px;}
.contact_area .tit img {width: auto;height: 73px;margin: 0 auto 0;}
.contact_area .col2 {width: 740px;margin: 0 auto 0;display: flex;justify-content: space-between;}
.contact_area .col2 a {width: 354px;}
.contact_area .col2 a img {width: 100%;height: auto;}
.contact_area .tel_area {padding: 52px 0 0;}
.contact_area .tel_area h3 {font-family: 'Noto Sans JP', sans-serif;font-size: 15.6px;font-weight: 500;margin: 0 auto 32px;padding: 0;text-align: center;color: #77643e;}
.contact_area .tel_area .tel_num {width: 369px;margin: 0 auto 0;}
@media(max-width:768px) {
	.contact_area {background-color: #D6D0C5;padding: 9% 0 10%;}
	.contact_area .tit {width: 100%;height: auto;text-align: center;margin-bottom: 10%;}
	.contact_area .tit img {width: 42%;height: auto;margin: 0 auto 0;}
	.contact_area .col2 {width: 74%;margin: 0 auto 0;display:block;}
	.contact_area .col2 a {width:100%;display: block; margin-bottom: 5%;}
.contact_area .tel_area {padding: 6% 0 0;}
.contact_area .tel_area h3 {font-family: 'Noto Sans JP', sans-serif;font-size: 3.6vw;font-weight: 500;margin: 0 auto 4%;padding: 0;text-align: center;color: #77643e;}
.contact_area .tel_area .tel_num {width: 70%;margin: 0 auto 0;}
}

footer {padding: 0 0 3em;}
footer .f_logo {width: 316px;margin: 0 auto 10px;padding: 56px 0 0;}
footer .f_logo img {width: 100%;height: auto;}
footer .f_add {width: 100%; font-size: 12px;letter-spacing: 0.1em; text-align: center;margin: 0 auto 40px;}
footer .navi {display: flex;justify-content: center;margin-bottom: 40px;}
footer .navi li {display: inline-block;padding: 0 16px;}
footer .navi li:nth-child(2) {border-left: solid 1px #333;border-right: solid 1px #333;}
footer .navi li a{font-size: 14px;}
footer .copy {background-color: #D6D0C5;width: 100%;text-align: center;font-family: 'Noto Sans JP', sans-serif;font-size: 12px;font-weight: 500;color: #333333;padding: 8px 0;}
@media(max-width:768px) {
	footer .f_logo {width: 70%;margin: 0 auto 2.5%;padding: 7% 0 0;}
footer .f_add {width: 100%; font-size: 3.2vw;letter-spacing: 0.1em; text-align: center;margin: 0 auto 5%;}
footer .navi {display: block;margin-bottom: 5%;text-align: center;}
footer .navi li {display: inline-block;padding: 0;width: 100%;}
footer .navi li:nth-child(2) {border:none;}
footer .navi li a{font-size: 3.2vw;}
footer .copy {background-color: #D6D0C5;width: 100%;text-align: center;font-family: 'Noto Sans JP', sans-serif;font-size: 2.8vw;font-weight: 500;color: #333333;padding: 1.5% 0;}
	#pagetop {bottom: 3em!important;right: 0!important;}
}

.mod_toTop {color: #666;position: fixed;right: 0px;bottom: 0px;width: 80px;height: 80px;background-color: #77643E;z-index: 10;text-indent: -9999px;}
.mod_toTop:after {position: absolute;left:calc(50% - 6px);top:50%;content: "";width: 12px;height: 12px;border-top: 3px solid #FFF;border-right: 3px solid #FFF;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition: all 0.5s;}
@media(max-width:768px) {
	.mod_toTop {width: 40px;height: 40px;}
	.mod_toTop:after {position: absolute;left:calc(50% - 4px);top:50%;content: "";width: 8px;height: 8px;border-top: 3px solid #FFF;border-right: 3px solid #FFF;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition: all 0.5s;}
}


.bottom_btn {position: fixed;left: 0;bottom: 0;z-index: 100;background-color: #FFF;}
.bottom_btn .col2 {display: flex;justify-content: space-between;}
.bottom_btn .col2 a {width: 49.5%;}
.bottom_btn .col2 a img {width: 100%;height: auto;}


@media(max-width:768px) {
}