@charset "UTF-8";
/*@import "variables";*/
/* デバイスサイズ */
/* ====================================================================== */
/* ベースの値 */
/* ====================================================================== */
/* デバイス */
/* ====================================================================== */
/* フォント */
/* ====================================================================== */
/* flex */
/* ====================================================================== */
/* absolute */
/* ====================================================================== */
/* filter */
/* ====================================================================== */
/* common */
/* ====================================================================== */
body { color: #2B2B2B; line-height: 1.6; letter-spacing: 1.5px; font-family: "Zen Kaku Gothic New", sans-serif; text-align: center; font-weight: 400; background-color: #FFFFFF; }

h2 { font-family: 'Shippori Mincho', serif; color: #5C3807; font-size: 25px; }
@media (min-width: 1080px) { h2 { font-size: 28px; } }

p { font-size: 14px; }

.jump { display: block; padding-top: 70px; margin-top: -70px; }

@media (min-width: 768px) { .sp_only { display: none; } }

.sp_none { display: none; }
@media (min-width: 768px) { .sp_none { display: inline-block; } }

/* header */
/* ====================================================================== */
.header { height: 67px; width: 100%; position: fixed; z-index: 99; text-align: left; transition: .5s; }
@media (min-width: 768px) { .header { height: 100px; } }
.header hr { border-style: none; border-bottom: solid 1px #FFFFFF; width: 86%; margin: auto; position: relative; z-index: 9999; }
@media (min-width: 768px) { .header hr { width: 92%; } }
.header__inner { width: 86%; margin: auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }
@media (min-width: 768px) { .header__inner { width: 92%; } }
.header__logo { display: inline-block; position: relative; z-index: 9999; }
.header__logo h1 { font-family: 'Shippori Mincho', serif; color: #FFFFFF; font-size: 27px; line-height: 2.4; letter-spacing: 3.5px; font-weight: 400; }
@media (min-width: 768px) { .header__logo h1 { font-size: 40px; } }
.header__links li { font-size: 16px; }

.gnav__trigger, .gnav span { display: inline-block; transition: all .4s; box-sizing: border-box; }
@media (min-width: 1080px) { .gnav__trigger, .gnav span { display: none; } }
.gnav__trigger { position: relative; width: 38px; z-index: 1000; }
@media (min-width: 768px) { .gnav__trigger { width: 45px; } }
.gnav__trigger:hover { cursor: pointer; }
.gnav__trigger span { position: relative; width: 100%; height: 2px; background-color: #FFFFFF; border-radius: 4px; }
@media (min-width: 768px) { .gnav__trigger span { height: 3px; } }
.gnav__trigger span:nth-of-type(1) { top: 5px; }
@media (min-width: 768px) { .gnav__trigger span:nth-of-type(1) { top: 16px; } }
.gnav__trigger span:nth-of-type(2) { top: -10px; }
@media (min-width: 768px) { .gnav__trigger span:nth-of-type(2) { top: 2px; } }
.gnav__trigger span:nth-of-type(3) { bottom: 25px; }
@media (min-width: 768px) { .gnav__trigger span:nth-of-type(3) { bottom: 12px; } }
.gnav__trigger.active span:nth-of-type(1), .gnav__trigger.active span:nth-of-type(3) { width: 32px; }
@media (min-width: 768px) { .gnav__trigger.active span:nth-of-type(1), .gnav__trigger.active span:nth-of-type(3) { width: 40px; } }
.gnav__trigger.active span:nth-of-type(1) { -webkit-transform: translate(-2px, 10px) rotate(-40deg); transform: translate(-2px, 10px) rotate(-40deg); }
@media (min-width: 768px) { .gnav__trigger.active span:nth-of-type(1) { -webkit-transform: translate(-2px, 13px) rotate(-40deg); transform: translate(-2px, 13px) rotate(-40deg); } }
.gnav__trigger.active span:nth-of-type(2) { opacity: 0; }
.gnav__trigger.active span:nth-of-type(3) { -webkit-transform: translate(-2px, -10px) rotate(40deg); transform: translate(-2px, -10px) rotate(40deg); }
@media (min-width: 768px) { .gnav__trigger.active span:nth-of-type(3) { -webkit-transform: translate(-2px, -10px) rotate(40deg); transform: translate(-2px, -10px) rotate(40deg); } }
.gnav__list { position: absolute; z-index: 999; top: 0px; background-color: rgba(62, 46, 21, 0.95); width: 100%; height: 100vh; padding-top: 120px; overflow: scroll; -ms-overflow-style: none; }
.gnav__list::-webkit-scrollbar { display: none; }
@media (min-width: 768px) { .gnav__list { padding-top: 180px; } }
@media (min-width: 1080px) { .gnav__list { position: relative; top: 29px; background-color: transparent; padding-top: 0px; text-align: left; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } }
.gnav__list li { font-size: 16px; letter-spacing: 0.72px; margin-bottom: 40px; color: #FFFFFF; font-weight: 400; transition: .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }
@media (min-width: 1080px) { .gnav__list li { line-height: 2.9; text-align: center; margin: 0 0 0 45px; } }
.gnav__list li:hover { opacity: .8; }
.gnav__list_contact a { border: solid 1px #fff; display: inline-block; margin: auto; width: 200px; height: 43px; padding: 8px 13px; border-radius: 30px; text-align: center; line-height: 1.4; transition: .3s; }
.gnav__list_contact a:hover { background-color: #5C3807; border-radius: 30px; }
.gnav__list_contact img { height: 90%; margin-right: 10px; position: relative; top: 1px; }
.gnav__list_insta a { display: inline-block; width: 30px; }
.gnav__list_insta img { width: 100%; position: relative; bottom: 10px; }
.gnav #nav_menu { left: 100%; opacity: 0.3; transition: all 0.8s ease; }
@media (min-width: 1080px) { .gnav #nav_menu { left: 0px; opacity: 1; height: auto; } }
.gnav #nav_menu.swing { left: 0px; opacity: 0.98; }
@media (min-width: 1080px) { .gnav #nav_menu.swing { opacity: 1; } }

/*scrollに応じて headerのcolorを変更  */
.change_color { background-color: rgba(92, 56, 7, 0.4); }

/*scrollに応じて headerが出たり隠れたり  */
.hideClass { transform: translateY(-110px); }

/* top_kv */
/* ====================================================================== */
.top_kv { background-image: url("../img/top/kv.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 100vh; }
.top_kv__kotei { display: none; }
@media (min-width: 768px) { .top_kv__kotei { display: block; position: fixed; top: 50%; right: -80px; transform: rotate(90deg); color: #FFFFFF; mix-blend-mode: difference; } }
@media (min-width: 768px) { .top_kv__kotei p { font-family: 'Shippori Mincho', serif; font-size: 2vw; letter-spacing: 6px; } }
@media (min-width: 1080px) { .top_kv__kotei p { font-size: 20px; } }
.top_kv__inner { position: relative; top: 50%; transform: translate(0, -50%); }
.top_kv__text { color: #FFFFFF; font-family: 'Shippori Mincho', serif; display: inline-block; text-align: left; position: relative; height: 520px; width: 68%; max-width: 370px; top: 25px; left: -10px; }
@media (min-width: 1080px) { .top_kv__text { height: 300px; width: 45%; top: 25px; left: 100px; } }
.top_kv__jp { font-size: 23px; font-weight: 400; writing-mode: vertical-rl; -ms-writing-mode: tb-rl; position: absolute; top: 0px; right: 0px; line-height: 2.3; letter-spacing: 7px; }
@media (min-width: 768px) { .top_kv__jp { top: 50px; } }
@media (min-width: 1080px) { .top_kv__jp { top: 0px; right: 0px; line-height: 2.5; letter-spacing: 7px; } }
.top_kv__en { font-weight: 400; writing-mode: vertical-rl; position: absolute; top: 220px; left: 0px; letter-spacing: 2px; font-size: 15px; line-height: 2.3; }
@media (min-width: 1080px) { .top_kv__en { top: 0px; left: 0px; letter-spacing: 2px; font-size: 15px; line-height: 2.3; } }

/* top_greeting */
/* ====================================================================== */
.top_greeting__inner { padding: 50px 0 60px 0; }
@media (min-width: 768px) { .top_greeting__inner { padding: 80px 0 80px 0; } }
.top_greeting__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; max-width: 1500px; margin: auto; }
@media (min-width: 1080px) { .top_greeting__flex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }
@media (min-width: 1080px) { .top_greeting__flex div { width: calc(100%/2); } }
.top_greeting__flex div h2 { font-size: 19px; letter-spacing: 2.5px; }
@media (min-width: 768px) { .top_greeting__flex div h2 { font-size: 23px; letter-spacing: 5px; } }
.top_greeting img { width: 90%; max-width: 534px; pointer-events: none; }
.top_greeting__item1 { width: 72%; max-width: 400px; margin: auto; text-align: left; margin-bottom: 50px; }
@media (min-width: 768px) { .top_greeting__item1 { writing-mode: vertical-rl; -ms-writing-mode: tb-rl; position: relative; right: 60px; } }
@media (min-width: 1080px) { .top_greeting__item1 { order: 2; margin: 0; margin-right: auto; padding-bottom: 100px; } }
.top_greeting__item1 h2 { margin-bottom: 40px; }
@media (min-width: 768px) { .top_greeting__item1 h2 { margin-bottom: 0px; margin-left: 50px; } }
.top_greeting__item2 { margin-bottom: 10px; text-align: left; }
@media (min-width: 1080px) { .top_greeting__item2 { margin: 0; order: 1; align-self: flex-end; } }
.top_greeting__item3 { margin-left: auto; margin-bottom: 10px; text-align: right; }
@media (min-width: 1080px) { .top_greeting__item3 { margin: 0; order: 3; align-self: flex-end; padding-bottom: 88px; } }
.top_greeting__item4 { margin-bottom: 10px; text-align: left; }
@media (min-width: 1080px) { .top_greeting__item4 { margin: 0; order: 4; text-align: right; margin-bottom: 225px; } }
.top_greeting__item5 { width: 75%; max-width: 400px; margin: auto; text-align: left; padding-top: 50px; }
@media (min-width: 768px) { .top_greeting__item5 { writing-mode: vertical-rl; -ms-writing-mode: tb-rl; } }
@media (min-width: 1080px) { .top_greeting__item5 { order: 6; margin: 0; margin-right: auto; margin-bottom: 20px; position: relative; right: 60px; } }
.top_greeting__item5 h2 { margin-bottom: 30px; }
@media (min-width: 768px) { .top_greeting__item5 h2 { margin-bottom: 0px; margin-left: 50px; } }
.top_greeting__item5 ul li { font-size: 13.3px; position: relative; line-height: 2.4; }
@media (min-width: 768px) { .top_greeting__item5 ul li { font-size: 14px; } }
.top_greeting__item5 ul li::before { content: "○"; font-weight: 900; color: #5C3807; opacity: 0.4; position: absolute; top: 1px; left: -19px; font-size: 12px; }
@media (min-width: 768px) { .top_greeting__item5 ul li::before { top: -22px; left: 3px; } }
.top_greeting__item5 p { margin-top: 40px; }
@media (min-width: 768px) { .top_greeting__item5 p { margin-top: 0px; margin-right: 70px; } }
.top_greeting__item6 { display: none; }
@media (min-width: 1080px) { .top_greeting__item6 { display: block; order: 5; align-self: flex-end; text-align: left; } }

/* top_point */
/* ====================================================================== */
.top_point { background-color: #EFEBE7; padding: 30px 0; }
.top_point__inner { width: 85%; margin: auto; }
@media (min-width: 768px) { .top_point__inner { width: 92%; } }
.top_point__sen hr { max-width: 1280px; display: block; border-style: none; border-bottom: solid 1px #5C3807; margin: 10px auto; }
.top_point h2 { margin-top: 30px; margin-bottom: 20px; }
@media (min-width: 768px) { .top_point h2 { margin-top: 50px; margin-bottom: 30px; } }
.top_point__flex { width: 90%; max-width: 400px; margin: auto; margin-bottom: 40px; }
@media (min-width: 768px) { .top_point__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; max-width: 600px; } }
@media (min-width: 1080px) { .top_point__flex { width: 100%; max-width: 1080px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }
.top_point__flex div { padding: 15px 0; }
@media (min-width: 768px) { .top_point__flex div { width: 270px; } }
.top_point__flex div img { width: 100%; margin-bottom: 13px; pointer-events: none; }
.top_point__flex div h3 { font-size: 22px; color: #5C3807; font-family: 'Shippori Mincho', serif; margin-bottom: 8px; }

/* top_service */
/* ====================================================================== */
.top_service { padding: 50px 0 70px 0; position: relative; /*slick設定*/ /*slick_スライダー*/ }
@media (min-width: 768px) { .top_service { padding: 100px 0; } }
.top_service__inner { width: 86%; margin: auto; }
@media (min-width: 768px) { .top_service__inner { width: 92%; } }
.top_service__slick { margin: auto; margin-top: 40px; max-width: 1000px; margin-bottom: 50px; width: 90%; }
@media (min-width: 768px) { .top_service__slick { margin-top: 50px; margin-bottom: 120px; } }
.top_service__slick > ul { width: 100%; height: 100%; }
@media (min-width: 768px) { .top_service__slick > ul li { padding: 0 10px; } }
.top_service__slick > ul li img { width: 100%; }
.top_service .slick-prev, .top_service .slick-next { z-index: 9; width: auto; height: auto; }
.top_service .slick-prev { left: 7px; }
.top_service .slick-prev::before { position: absolute; top: 0; bottom: 0; left: -31px; margin: auto; content: ""; vertical-align: middle; width: 24px; height: 24px; border-top: 2px solid #5C3807; border-right: 2px solid #5C3807; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
@media (min-width: 768px) { .top_service .slick-prev { left: -22px; }
  .top_service .slick-prev::before { left: 2px; } }
@media (min-width: 1200px) { .top_service .slick-prev { left: -42px; }
  .top_service .slick-prev::before { left: -10px; } }
.top_service .slick-next { right: 7px; }
.top_service .slick-next::before { position: absolute; top: 0; bottom: 0; left: 5px; margin: auto; content: ""; vertical-align: middle; width: 24px; height: 24px; border-top: 2px solid #5C3807; border-right: 2px solid #5C3807; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media (min-width: 768px) { .top_service .slick-next { right: -22px; }
  .top_service .slick-next::before { left: -30px; } }
@media (min-width: 1200px) { .top_service .slick-next { right: -42px; }
  .top_service .slick-next::before { left: -20px; } }
.top_service .slick-dots { text-align: center; }
.top_service .slick-dots li { display: inline-block; width: calc(100%/12); height: 4px; margin: 4px; background: #eaeaea; cursor: pointer; }
.top_service .slick-dots button { display: block; width: 0%; height: 4px; margin: 0; font-size: 0; padding: 0; border: 0; opacity: 0; outline: none; background: #5C3807; cursor: pointer; }
.top_service .slick-dots .slick-active button { background: #5C3807; opacity: 1; }
.top_service .slick-dots li button:before { display: none; }
.top_service .slick-dots li { padding: 0px !important; }

/* contact_banner */
/* ====================================================================== */
.contact_banner > p { margin-bottom: 40px; }
@media (min-width: 768px) { .contact_banner > p { margin-bottom: 50px; } }
.contact_banner__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; flex-direction: column; width: 100%; max-width: 375px; margin: auto; margin-top: 30px; border-top: solid 1px #5C3807; border-bottom: solid 1px #5C3807; position: relative; padding: 0 20px; }
.contact_banner__flex::before { content: ""; display: block; height: 257px; width: 1px; background-color: #5C3807; position: absolute; top: -20px; left: 20px; z-index: 9; }
.contact_banner__flex::after { content: ""; display: block; height: 257px; width: 1px; background-color: #5C3807; position: absolute; top: -20px; right: 20px; z-index: 9; }
@media (min-width: 768px) { .contact_banner__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; flex-direction: row; max-width: 768px; }
  .contact_banner__flex::before, .contact_banner__flex::after { height: 177px; } }
.contact_banner__mail, .contact_banner__tel { width: 100%; margin: auto; padding: 20px 0; transition: .3s; }
.contact_banner__mail:hover, .contact_banner__tel:hover { background-color: #DFD7CF; }
@media (min-width: 768px) { .contact_banner__mail, .contact_banner__tel { height: 137px; padding: 26px 0; } }
.contact_banner__mail a, .contact_banner__tel a { display: block; }
.contact_banner__mail { background-color: #EFEBE7; margin-bottom: 16px; position: relative; }
.contact_banner__mail::after { content: ""; display: block; background-color: #5C3807; width: calc(100% + 40px); height: 1px; position: absolute; bottom: 0px; left: -20px; z-index: 9; }
@media (min-width: 768px) { .contact_banner__mail { margin-bottom: 0px; margin-right: 10px; }
  .contact_banner__mail::after { width: 1px; height: 177px; bottom: -20px; right: 0px; left: auto; } }
.contact_banner__mail p { color: #5C3807; margin-bottom: 12px; font-size: 15px; }
@media (min-width: 768px) { .contact_banner__mail p { font-size: 20px; margin-bottom: 15px; } }
.contact_banner__mail img { width: 38px; }
@media (min-width: 768px) { .contact_banner__mail img { width: 45px; } }
.contact_banner__tel { position: relative; }
.contact_banner__tel::before { content: ""; display: block; background-color: #5C3807; width: calc(100% + 40px); height: 1px; position: absolute; top: 0px; left: -20px; z-index: 9; }
@media (min-width: 768px) { .contact_banner__tel { margin-left: 10px; }
  .contact_banner__tel::before { width: 1px; height: 177px; top: -20px; right: auto; left: 0px; } }
.contact_banner__tel > a > p { color: #5C3807; margin-bottom: 2px; font-size: 15px; }
@media (min-width: 768px) { .contact_banner__tel > a > p { font-size: 20px; } }
.contact_banner__tel div img { width: 38px; vertical-align: baseline; position: relative; top: 3px; margin-right: 5px; }
@media (min-width: 768px) { .contact_banner__tel div img { width: 44px; } }
.contact_banner__tel div p { display: inline-block; font-size: 22px; font-weight: bold; color: #5C3807; }
@media (min-width: 768px) { .contact_banner__tel div p { font-size: 29px; } }

/* top_about */
/* ====================================================================== */
.top_about { background-color: #EFEBE7; padding: 50px 0; }
@media (min-width: 768px) { .top_about { padding: 80px 0; } }
.top_about__inner > div { background-color: #FFFFFF; width: 90%; margin: auto; margin-top: 35px; padding: 10px 0 40px 0; }
@media (min-width: 768px) { .top_about__inner > div { margin: 45px auto 0 auto; padding: 40px 0 50px 0; max-width: 1280px; } }
.top_about__dl { width: 95%; max-width: 698px; margin: auto; }
.top_about__dl dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: strech; -ms-flex-align: strech; align-items: strech; text-align: left; border-bottom: solid 1px #707070; }
.top_about__dl dl:last-child { border-style: none; }
.top_about__dl dl dt { font-size: 12px; font-weight: 400; width: 30%; padding: 10px 0 10px 15px; border-right: solid 1px #707070; letter-spacing: .5px; }
@media (min-width: 768px) { .top_about__dl dl dt { font-size: 14px; letter-spacing: 1.5px; padding: 12px 0 12px 43px; } }
.top_about__dl dl dd { font-size: 12px; font-weight: 400; width: 70%; padding: 10px 0 10px 15px; letter-spacing: .5px; }
.top_about__dl dl dd span { font-size: 10px; display: block; }
@media (min-width: 768px) { .top_about__dl dl dd { font-size: 14px; letter-spacing: 1.5px; padding: 12px 0 12px 43px; }
  .top_about__dl dl dd span { font-size: 12px; display: inline; margin-left: 20px; } }
.top_about__greeting { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; width: 90%; max-width: 698px; margin: auto; margin-top: 30px; }
@media (min-width: 768px) { .top_about__greeting { margin-top: 40px; } }
.top_about__greeting img { display: block; width: 67px; margin-right: 10px; }
@media (min-width: 768px) { .top_about__greeting img { width: 128px; margin-right: 24px; } }
.top_about__greeting p { background-color: #EFEBE7; padding: 15px; width: calc(100% - 67px); text-align: left; }
.top_about__greeting p span { display: block; text-align: right; }
@media (min-width: 768px) { .top_about__greeting p { padding: 27px 68px; width: calc(100% - 128px); } }

/* top_flow */
/* ====================================================================== */
.top_flow { padding: 50px 0 55px 0; }
@media (min-width: 768px) { .top_flow { padding: 100px 0 90px 0; } }
.top_flow h2 { margin-bottom: 30px; }
@media (min-width: 768px) { .top_flow h2 { margin-bottom: 45px; } }
.top_flow div { width: 93%; max-width: 500px; margin: auto; }
@media (min-width: 768px) { .top_flow div { max-width: 768px; } }
.top_flow div img { width: 100%; pointer-events: none; }

/* top_area */
/* ====================================================================== */
.top_area__maintext { position: relative; display: inline-block; }
.top_area__maintext h3 { font-family: 'Shippori Mincho', serif; font-size: 22px; font-weight: 400; color: #5C3807; margin-bottom: 20px; position: relative; z-index: 9; }
@media (min-width: 768px) { .top_area__maintext h3 { font-size: 28px; margin-bottom: 24px; } }
.top_area__maintext p { margin-bottom: 40px; position: relative; z-index: 9; }
@media (min-width: 768px) { .top_area__maintext p { margin-bottom: 60px; } }
.top_area__maintext img { width: 50%; position: absolute; top: -32px; left: -40px; }
@media (min-width: 768px) { .top_area__maintext img { max-width: 253px; top: -90px; left: -155px; } }

/* top_work */
/* ====================================================================== */
/* contact_banner_2*/
/* ====================================================================== */
.contact_banner_2 { padding: 50px 0 70px 0; width: 86%; margin: auto; }
@media (min-width: 768px) { .contact_banner_2 { padding: 60px 0 80px 0; } }

/* footer */
/* ====================================================================== */
.footer { background-color: #EFEBE7; padding: 50px 0 30px 0; }
@media (min-width: 768px) { .footer { padding: 60px 0 30px 0; } }
.footer__inner { width: 86%; max-width: 705px; margin: auto; }
.footer__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; flex-direction: column; margin-bottom: 50px; }
@media (min-width: 768px) { .footer__flex { margin-bottom: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-direction: row; } }
.footer__item1 { text-align: left; }
@media (min-width: 768px) { .footer__item1 { padding-right: 50px; width: 45%; } }
.footer__item1 h2 { font-size: 40px; margin-bottom: 30px; }
.footer__item1 p { font-size: 13px; margin-bottom: 30px; }
@media (min-width: 768px) { .footer__item1 p { margin-bottom: 0px; } }
.footer__item1 p a { padding-bottom: 1px; border-bottom: solid 1px #2B2B2B; }
.footer__item2 { width: 100%; margin: auto; }
@media (min-width: 768px) { .footer__item2 { max-width: 420px; width: 55%; } }
.footer__item2 iframe { width: 100%; height: 166px; }
@media (min-width: 768px) { .footer__item2 iframe { height: 216px; } }
.footer__copy { font-size: 11px; color: #5C3807; }
@media (min-width: 768px) { .footer__copy { font-size: 12px; } }