@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700|Noto+Serif+JP:400,500,700&display=swap");
/* FILE : /assets/sass/shared/_rest.scss  */
/*:::::::::::::::::::::::::::::::::::::::
RESET
:::::::::::::::::::::::::::::::::::::::*/
body { /* webkit系のスマホで文字が拡大されるのを防ぐ */ -webkit-text-size-adjust: 100%; }

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; vertical-align: baseline; text-align: left; text-decoration: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

html { overflow-y: scroll; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; /* 必要に応じて下記はコメントアウト */ -webkit-appearance: none; -moz-appearance: none; appearance: none; } */

button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; /* 必要に応じて下記はコメントアウト */ -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

a:focus { outline: none; }

img { vertical-align: bottom; }

a, span, small, strong, em { color: inherit; font-weight: inherit; }

/* FILE : /assets/sass/shared/_item.scss  */
/* clearfix ------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; min-height: 1%; }

/* for IE-mac */
* html .clearfix { height: 1%; }

.clearfix { display: block; }

img.ofi { max-width: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

/* hide ------------------------------------*/
@media screen and (min-width: 1025px) { .pc-hide { display: none; }
  .hover-alpha { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .hover-alpha:hover { opacity: .6; }
  .hover-line:hover { text-decoration: underline; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .tablet-hide { display: none; } }

@media screen and (max-width: 750px) { .smt-hide { display: none; } }

/* text-indent ------------------------------------*/
.ind-1em { text-indent: -1em; padding-left: 1em; }

/* box-center ------------------------------------*/
.box-center { margin-left: auto; margin-right: auto; }

/* FILE : /assets/sass/shared/_common.scss  */
/*--------------------------------------------
|
|  ANCHOR BASE SETTING
|
--------------------------------------------*/
html { font-size: 0.625em; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

img { max-width: 100%; vertical-align: bottom; }

*[role="button"] { cursor: pointer; }

body { font: 20px/2 "Noto Sans JP", sans-serif; color: #3e3a39; }

@media screen and (max-width: 750px) { body { font-size: 16px; } }

/*--------------------------------------------
|
|  ANCHOR WRAPPER
|
--------------------------------------------*/
@media screen and (max-width: 750px) { #wrapper { padding-top: 60px; padding-bottom: 60px; }
  #wrapper.nav-open { position: fixed; left: 0; width: 100%; z-index: 11; } }

/*--------------------------------------------
|
|  ANCHOR HEADER
|
--------------------------------------------*/
.site-header { height: 130px; border-bottom: 4px solid #9b8013; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 50px; padding-right: 40px; background-color: #fff; }

.site-header__logo { -webkit-box-flex: 0; -ms-flex: 0 0 215px; flex: 0 0 215px; width: 215px; }

.site-header__mailbtn { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; }

.site-header__mailbtn i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 60px; }

.site-header__mailbtn i img { width: 46px; }

.site-header__mailbtn span { display: block; text-align: center; color: #595757; font-weight: 700; font-size: 13px; }

.site-header__yahoobtn { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 40px; }

.site-header__yahoobtn i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 60px; }

.site-header__yahoobtn i img { width: 56px; }

.site-header__yahoobtn span { display: block; text-align: center; color: #595757; font-weight: 700; font-size: 12px; }

.site-header__tel { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 40px; }

.site-header__tel__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; }

.site-header__tel__btn i { -webkit-box-flex: 0; -ms-flex: 0 0 55px; flex: 0 0 55px; width: 55px; line-height: 0; }

.site-header__tel__btn span { margin-left: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #9b8013; font-weight: 700; font-size: 48px; line-height: 1; }

.site-header__tel__text { color: #595757; font-weight: 700; font-size: 12px; line-height: 1.5; }

@media screen and (min-width: 1025px) { .site-header__tel__text br { display: none; } }

@media screen and (max-width: 1366px) { .site-header { padding-left: 20px; padding-right: 20px; }
  .site-header__yahoobtn { margin-left: 20px; }
  .site-header__tel { margin-left: 20px; } }

@media screen and (max-width: 1024px) { .site-header__logo { -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; width: 170px; }
  .site-header__tel__btn i { -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; width: 35px; }
  .site-header__tel__btn span { font-size: 30px; } }

@media screen and (min-width: 751px) { .site-header__mailbtn, .site-header__yahoobtn { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .site-header__mailbtn:hover, .site-header__yahoobtn:hover { opacity: .6; } }

@media screen and (max-width: 750px) { .site-header { height: 60px; width: 100%; position: fixed; z-index: 11; top: 0; left: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 10px; padding-right: 10px; }
  .site-header__logo { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; }
  .site-header__tel { margin-left: 0; }
  .site-header__tel__btn { height: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .site-header__tel__btn i { -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; width: 20px; }
  .site-header__tel__btn span { font-size: 24px; }
  .site-header__tel__text { font-weight: 400; font-size: 10px; line-height: 1.2; text-align: right; }
  .site-header__mailbtn, .site-header__yahoobtn { border-top: 2px solid #9b8013; position: fixed; z-index: 12; bottom: 0; height: 60px; width: 50%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .site-header__mailbtn i, .site-header__yahoobtn i { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; width: 50px; text-align: center; }
  .site-header__mailbtn span, .site-header__yahoobtn span { font-size: 15px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: 10px; line-height: 1.5; }
  .site-header__mailbtn { left: 0; border-right: 1px solid #9b8013; }
  .site-header__mailbtn i img { width: 36px; }
  .site-header__yahoobtn { right: 0; border-left: 1px solid #9b8013; }
  .site-header__yahoobtn i img { width: 48px; } }

@media screen and (max-width: 450px) { .site-header__tel__btn span { font-size: 20px; }
  .site-header__mailbtn i, .site-header__yahoobtn i { -webkit-box-flex: 0; -ms-flex: 0 0 36px; flex: 0 0 36px; width: 36px; }
  .site-header__mailbtn span, .site-header__yahoobtn span { font-size: 14px; }
  .site-header__mailbtn i img { width: 30px; }
  .site-header__yahoobtn i img { width: 32px; } }

@media screen and (max-width: 360px) { .site-header__mailbtn span, .site-header__yahoobtn span { font-size: 13px; } }

/*--------------------------------------------
|
|  ANCHOR FOOTER
|
--------------------------------------------*/
.site-footer { background-color: #9e9fa1; }

.site-footer__content { padding: 30px 15px; color: #fff; font-size: 18px; letter-spacing: 0.05em; line-height: 2.5; }

.site-footer__content p { text-align: center; }

.site-footer__content span { display: inline-block; margin-right: 1em; text-align: center; }

.site-footer__copyright { display: block; background-color: #000; text-align: center; font-size: 12px; color: #fff; line-height: 1.2; padding: 20px 10px; }

@media screen and (max-width: 750px) { .site-footer__content { padding: 20px 10px; font-size: 13px; line-height: 1.8; } }

@media screen and (max-width: 450px) { .site-footer__content { font-size: 12px; }
  .site-footer__copyright { font-size: 11px; } }

/*--------------------------------------------
|
|  ANCHOR KV
|
--------------------------------------------*/
.kv__ltext { font-family: "Noto Serif JP", serif; color: #9b8013; font-weight: 700; letter-spacing: 0.1em; font-size: 55px; line-height: 1.5; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.kv__stext { text-align: center; font-size: 21px; letter-spacing: 0.1em; border-top: 2px solid #9b8013; border-bottom: 2px solid #9b8013; font-family: "Noto Serif JP", serif; color: #9b8013; letter-spacing: 0.1em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; font-weight: 700; line-height: 1.3; padding: 10px 0; }

.kv__items { margin-top: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.kv__items li { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; }

@media screen and (min-width: 751px) { .kv { height: 730px; background: url(../img/bg-kv.jpg) no-repeat center center/cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 30px; overflow: hidden; }
  .kv__content { -webkit-box-flex: 0; -ms-flex: 0 0 700px; flex: 0 0 700px; width: 700px; padding-left: 30px; }
  .kv__item { -webkit-box-flex: 0; -ms-flex: 0 0 800px; flex: 0 0 800px; width: 800px; padding: 0 20px; } }

@media screen and (min-width: 751px) and (max-width: 1600px) { .kv { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

@media screen and (min-width: 751px) and (min-width: 1367px) { .kv__stext br { display: none; } }

@media screen and (min-width: 751px) and (max-width: 1366px) { .kv__ltext { font-size: 40px; }
  .kv__stext { font-size: 19px; }
  .kv__content { -webkit-box-flex: 0; -ms-flex: 0 0 530px; flex: 0 0 530px; width: 530px; padding-left: 30px; }
  .kv__item { -webkit-box-flex: 0; -ms-flex: 0 0 800px; flex: 0 0 800px; width: 800px; padding: 0 20px; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .kv__ltext { font-size: 36px; margin-bottom: 20px; }
  .kv__stext { font-size: 19px; }
  .kv__content { -webkit-box-flex: 0; -ms-flex: 0 0 450px; flex: 0 0 450px; width: 450px; padding-left: 10px; }
  .kv__item { -webkit-box-flex: 0; -ms-flex: 0 0 800px; flex: 0 0 800px; width: 800px; padding: 0 20px; } }

@media screen and (max-width: 750px) { .kv { background: url(../img/bg-kv--smt.jpg) no-repeat center top/cover; padding-bottom: 30px; }
  .kv__content { padding: 30px 10px 15px; }
  .kv__ltext { font-size: 36px; margin-bottom: 15px; }
  .kv__stext { font-size: 22px; margin-bottom: 10px; }
  .kv__items { margin-top: 20px; }
  .kv__img { text-align: center; } }

@media screen and (max-width: 450px) { .kv__ltext { font-size: 30px; margin-bottom: 15px; }
  .kv__stext { font-size: 15px; margin-bottom: 10px; } }

@media screen and (max-width: 360px) { .kv__ltext { font-size: 24px; margin-bottom: 15px; }
  .kv__stext { font-size: 13px; margin-bottom: 10px; } }

/*--------------------------------------------
|
|  ANCHOR sec1
|
--------------------------------------------*/
.sec1 { padding: 110px 15px; }

.sec1__title { text-align: center; font-family: "Noto Serif JP", serif; font-size: 45px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.075em; color: #9b8013; font-weight: 700; padding-bottom: 70px; margin-bottom: 50px; background: url(../img/deco-title1.png) no-repeat center bottom/286px auto; }

.sec1__text { margin-bottom: 60px; }

.sec1__text p { text-align: center; font-family: "Noto Serif JP", serif; font-size: 26px; line-height: 2.7; font-weight: 500; }

.sec1__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 9px solid #fff; background-color: #9b8013; max-width: 650px; margin: 0 auto; padding: 20px 5px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sec1__btn:after { content: ''; display: block; position: absolute; top: -9px; left: -9px; width: calc(100% + 18px); height: calc(100% + 18px); border: 2px solid #9b8013; }

.sec1__btn .icon { -webkit-box-flex: 0; -ms-flex: 0 0 74px; flex: 0 0 74px; width: 74px; }

.sec1__btn .text { color: #fff; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: 15px; }

.sec1__btn .text small, .sec1__btn .text em { display: block; line-height: 1.2; text-align: center; }

.sec1__btn .text small { font-size: 24px; }

.sec1__btn .text em { font-size: 45px; }

@media screen and (min-width: 751px) { .sec1__btn { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .sec1__btn:hover { opacity: .6; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .sec1__title { font-size: 36px; }
  .sec1__text p { font-size: 20px; } }

@media screen and (max-width: 750px) { .sec1 { padding: 50px 10px; }
  .sec1__title { font-size: 30px; padding-bottom: 40px; margin-bottom: 30px; letter-spacing: 0; background: url(../img/deco-title1.png) no-repeat center bottom/180px auto; }
  .sec1__text { margin-bottom: 35px; }
  .sec1__text p { font-size: 18px; line-height: 2.2; }
  .sec1__btn { max-width: 500px; }
  .sec1__btn .icon { -webkit-box-flex: 0; -ms-flex: 0 0 36px; flex: 0 0 36px; width: 36px; }
  .sec1__btn .text { margin-left: 10px; }
  .sec1__btn .text small { font-size: 16px; }
  .sec1__btn .text em { font-size: 28px; } }

@media screen and (max-width: 450px) { .sec1__title { font-size: 22px; } }

@media screen and (max-width: 360px) { .sec1__title { font-size: 20px; }
  .sec1__text p { font-size: 15px; }
  .sec1__btn .text small { font-size: 14px; }
  .sec1__btn .text em { font-size: 22px; } }

/*--------------------------------------------
|
|  ANCHOR sec2
|
--------------------------------------------*/
.sec2 { background-color: #bdbfc1; padding: 110px 15px; }

.sec2__title { text-align: center; position: relative; max-width: 1260px; margin-left: auto; margin-right: auto; margin-bottom: 90px; font-size: 40px; letter-spacing: 0.075em; font-family: "Noto Serif JP", serif; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; font-weight: 700; }

.sec2__title:after { content: ''; display: block; width: 100%; height: 6px; border-top: 2px solid #000; background-color: #bdbfc1; border-bottom: 1px solid #000; position: absolute; z-index: 1; left: 0; top: 50%; }

.sec2__title span { background-color: #bdbfc1; display: inline-block; text-align: center; padding: 0 20px; position: relative; z-index: 2; }

.sec2__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1450px; margin-left: auto; margin-right: auto; margin-bottom: 60px; }

.sec2__list li { background-color: #fff; margin: 0 3px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 40px 5px; }

.sec2__text1 { text-align: center; font-size: 20px; line-height: 1.4; height: 3em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; }

.sec2__text2 { text-align: center; font-size: 35px; font-family: "Noto Serif JP", serif; color: #9b8013; font-weight: 700; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.sec2__text3 { text-align: center; color: #9b8013; font-family: "Noto Serif JP", serif; font-size: 29px; line-height: 1; font-weight: 700; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.sec2__text3 em { font-size: 90px; font-weight: 700; }

.sec2__text4 { text-align: center; font-size: 26px; letter-spacing: 0.05em; line-height: 1.5; }

@media screen and (min-width: 751px) { .sec2__list li { width: calc(20% - 6px); } }

@media screen and (min-width: 751px) and (max-width: 1366px) { .sec2__list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .sec2__list li { margin: 3px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - 6px); flex: 0 0 calc(33.33% - 6px); width: calc(33.33% - 6px); } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .sec2__title { font-size: 32px; } }

@media screen and (max-width: 750px) { .sec2 { padding: 50px 10px; }
  .sec2__title { font-size: 26px; margin-bottom: 40px; line-height: 1.4; }
  .sec2__list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; }
  .sec2__list li { padding: 20px 5px; margin: 3px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 6px); flex: 0 0 calc(50% - 6px); width: calc(50% - 6px); }
  .sec2__text1 { font-size: 14px; margin-bottom: 15px; }
  .sec2__text2 { font-size: 22px; line-height: 1.4; }
  .sec2__text3 { font-size: 18px; }
  .sec2__text3 em { font-size: 50px; }
  .sec2__text4 { font-size: 16px; } }

@media screen and (max-width: 450px) { .sec2__title { font-size: 22px; }
  .sec2__list li:nth-child(5) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 6px); flex: 0 0 calc(100% - 6px); width: calc(100% - 6px); } }

@media screen and (max-width: 360px) { .sec2__title { font-size: 18px; } }

/*--------------------------------------------
|
|  ANCHOR sec3
|
--------------------------------------------*/
.sec3 { padding: 110px 15px; }

.sec3__title { text-align: center; font-family: "Noto Serif JP", serif; font-size: 40px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.075em; font-weight: 700; padding-bottom: 70px; margin-bottom: 50px; background: url(../img/deco-title2.png) no-repeat center bottom/640px auto; }

.sec3__list { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1450px; margin-left: auto; margin-right: auto; }

.sec3__list li { background-color: #9b8013; color: #fff; padding: 30px 10px; }

.sec3__text1 { text-align: center; font-size: 30px; margin-bottom: 35px; font-weight: 700; }

.sec3__icon { display: block; line-height: 1; text-align: center; height: 120px; margin-bottom: 20px; }

.sec3__text2 { text-align: center; line-height: 1.4; font-size: 20px; letter-spacing: 0.025em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

@media screen and (min-width: 1367px) { .sec3__list li { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 3px; width: calc(25% - 6px); }
  .sec3__list li:nth-child(4) { margin-right: 0; } }

@media screen and (max-width: 1366px) and (min-width: 451px) { .sec3__list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 720px; }
  .sec3__list li { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: calc((50% - 10px)); margin-right: 20px; margin-bottom: 20px; }
  .sec3__list li:nth-child(2n) { margin-right: 0; } }

@media screen and (max-width: 750px) { .sec3 { padding: 50px 10px; }
  .sec3__list li { padding: 20px 5px; }
  .sec3__title { font-size: 30px; padding-bottom: 40px; margin-bottom: 30px; background-size: 100% auto; }
  .sec3__text1 { font-size: 22px; margin-bottom: 20px; }
  .sec3__text2 { font-size: 18px; }
  .sec3__icon { height: 70px; }
  .sec3__icon img[width="108"] { width: 67.5px; }
  .sec3__icon img[width="100"] { width: 62.5px; }
  .sec3__icon img[width="104"] { width: 65px; } }

@media screen and (max-width: 450px) { .sec3__title { font-size: 24px; }
  .sec3__list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sec3__list li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-top: 10px; } }

@media screen and (max-width: 360px) { .sec3__title { font-size: 20px; } }

/*--------------------------------------------
|
|  ANCHOR insert1
|
--------------------------------------------*/
.insert1 { padding: 0 15px 110px; max-width: 1500px; margin-left: auto; margin-right: auto; }

.insert1__mail__icon { text-align: center; display: block; height: 90px; }

.insert1__mail__icon img { width: 62px; }

.insert1__mail__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 13px 5px; border: 9px solid #fff; background-color: #9b8013; position: relative; max-width: 500px; margin-left: auto; margin-right: auto; }

.insert1__mail__btn:after { content: ''; display: block; border: 2px solid #9b8013; position: absolute; top: -9px; left: -9px; width: calc(100% + 18px); height: calc(100% + 18px); }

.insert1__mail__btn i { -webkit-box-flex: 0; -ms-flex: 0 0 56px; flex: 0 0 56px; width: 56px; }

.insert1__mail__btn span { color: #fff; font-size: 31px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 10px; font-weight: 500; }

.insert1__tel__icon { text-align: center; display: block; height: 90px; }

.insert1__tel__icon img { width: 53px; }

.insert1__tel__box { max-width: 480px; margin-left: auto; margin-right: auto; }

.insert1__tel__text1 { font-size: 18px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; padding-left: 67px; letter-spacing: 0.05em; }

.insert1__tel__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.insert1__tel__btn i { -webkit-box-flex: 0; -ms-flex: 0 0 62px; flex: 0 0 62px; width: 62px; line-height: 1; }

.insert1__tel__btn span { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 5px; color: #9b8013; font-size: 55px; letter-spacing: 0.025em; font-weight: 700; line-height: 1; }

.insert1__text1 { text-align: center; font-size: 32px; letter-spacing: 0.05em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; font-weight: 700; margin-bottom: 60px; }

@media screen and (min-width: 751px) { .insert1 { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .insert1 > div { padding-top: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .insert1__mail { border-right: 1px solid #9b8013; padding-right: 20px; }
  .insert1__mail__btn { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .insert1__mail__btn:hover { opacity: .6; }
  .insert1__tel { padding-left: 20px; } }

@media screen and (max-width: 1024px) { .insert1__text1 { font-size: 25px; margin-bottom: 30px; }
  .insert1__mail__btn i { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 40px; }
  .insert1__mail__btn span { font-size: 26px; }
  .insert1__tel__box { max-width: 370px; }
  .insert1__tel__text1 { padding-left: 47px; }
  .insert1__tel__btn i { -webkit-box-flex: 0; -ms-flex: 0 0 42px; flex: 0 0 42px; width: 42px; }
  .insert1__tel__btn span { font-size: 40px; } }

@media screen and (max-width: 750px) { .insert1 { padding: 0 10px 50px; }
  .insert1__text1 { font-size: 20px; margin-bottom: 20px; }
  .insert1__mail { border-bottom: 1px solid #9b8013; margin-bottom: 50px; padding-bottom: 50px; }
  .insert1__mail__icon { height: 50px; }
  .insert1__mail__icon img { width: 43.4px; }
  .insert1__tel__icon { height: 50px; }
  .insert1__tel__icon img { width: 37.1px; } }

@media screen and (max-width: 450px) { .insert1__mail__btn i { -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; width: 30px; }
  .insert1__mail__btn span { font-size: 20px; }
  .insert1__tel__box { max-width: 300px; }
  .insert1__tel__text1 { padding-left: 32px; }
  .insert1__tel__btn i { -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; width: 30px; }
  .insert1__tel__btn span { font-size: 36px; } }

/*--------------------------------------------
|
|  ANCHOR sec4
|
--------------------------------------------*/
.sec4 { background-color: #bdbfc1; padding: 110px 15px; }

.sec4__title { text-align: center; position: relative; max-width: 1260px; margin-left: auto; margin-right: auto; margin-bottom: 70px; font-size: 40px; letter-spacing: 0.075em; font-family: "Noto Serif JP", serif; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; font-weight: 700; }

.sec4__title:after { content: ''; display: block; width: 100%; height: 6px; border-top: 2px solid #000; background-color: #bdbfc1; border-bottom: 1px solid #000; position: absolute; z-index: 1; left: 0; top: 50%; }

.sec4__title span { background-color: #bdbfc1; display: inline-block; text-align: center; padding: 0 20px; position: relative; z-index: 2; }

.sec4__text { text-align: center; font-size: 26px; letter-spacing: 0.05em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; margin-bottom: 60px; }

.sec4__list { max-width: 1250px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; }

.sec4__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc((100% - 30px)/3); flex: 0 0 calc((100% - 30px)/3); width: calc((100% - 30px)/3); margin-bottom: 15px; position: relative; overflow: hidden; }

.sec4__item:after { content: ''; display: block; width: 100%; padding-top: 45%; }

.sec4__item__text { position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2; color: #fff; font-family: "Noto Serif JP", serif; font-size: 34px; font-weight: 700; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.sec4__item__bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }

.sec4__box { background-color: #fff; max-width: 1250px; margin-left: auto; margin-right: auto; padding: 20px; font-size: 20px; line-height: 1.5; }

@media screen and (max-width: 1024px) { .sec4__title { font-size: 32px; }
  .sec4__text { font-size: 22px; }
  .sec4__item__text { font-size: 25px; } }

@media screen and (max-width: 750px) { .sec4 { padding: 50px 10px; }
  .sec4__title { font-size: 26px; line-height: 1.4; margin-bottom: 40px; }
  .sec4__text { margin-bottom: 40px; font-size: 18px; }
  .sec4__item__text { font-size: 22px; }
  .sec4__box { font-size: 16px; padding: 10px; } }

@media screen and (max-width: 600px) { .sec4__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc((100% - 15px)/2); flex: 0 0 calc((100% - 15px)/2); width: calc((100% - 15px)/2); } }

@media screen and (max-width: 450px) { .sec4__title { font-size: 22px; }
  .sec4__text { font-size: 15px; } }

@media screen and (max-width: 360px) { .sec4__title { font-size: 15px; }
  .sec4__item { margin-bottom: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 calc((100% - 8px)/2); flex: 0 0 calc((100% - 8px)/2); width: calc((100% - 8px)/2); }
  .sec4__item__text { font-size: 18px; }
  .sec4__box { font-size: 14px; } }

/*--------------------------------------------
|
|  ANCHOR sec5
|
--------------------------------------------*/
.sec5 { padding: 110px 15px; }

.sec5__title { text-align: center; font-family: "Noto Serif JP", serif; font-size: 45px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.075em; color: #9b8013; font-weight: 700; padding-bottom: 70px; margin-bottom: 50px; background: url(../img/deco-title1.png) no-repeat center bottom/286px auto; }

.sec5__text { margin-bottom: 60px; text-align: center; font-family: "Noto Serif JP", serif; font-size: 26px; line-height: 2; font-weight: 500; }

.sec5__labelbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sec5__labelbox label { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 10px 10px 0; }

.sec5__form { max-width: 780px; margin-left: auto; margin-right: auto; padding: 50px 10px; border: 1px solid #ddd; }

.sec5__form input { font: 20px/2 "Noto Sans JP", sans-serif; color: #3e3a39; }

.sec5__form input[type="file"] { line-height: 0; width: 100%; }

.sec5__form input[type="submit"] { display: block; background-color: #9b8013; width: 320px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 30px; margin: 40px auto 0; cursor: pointer; }

.sec5__form input[type="text"], .sec5__form input[type="email"], .sec5__form input[type="tel"] { border: 1px solid #ddd; padding: 5px 10px; display: block; width: 100%; }

.sec5__form input[type="text"]:focus, .sec5__form input[type="email"]:focus, .sec5__form input[type="tel"]:focus { border-color: #9b8013; }

.sec5__form label {
  padding-left: 8px;
}

.sec5__form input[type="checkbox"]:checked + .check-icon { background: #9b8013 url(../img/icon-checked.png) no-repeat center center/12px auto; }

.sec5__form input[type="checkbox"] + .check-icon { border: 1px solid #ddd; display: block; width: 16px; height: 16px; }


.sec5__form label .check-icon { position: absolute; left: 0; top: 50%; margin-top: -8px; }

.sec5__form textarea { font: 20px/2 "Noto Sans JP", sans-serif; color: #3e3a39; border: 1px solid #ddd; padding: 5px 10px; display: block; width: 100%; height: 160px; margin-bottom: 20px; }

.sec5__form textarea:focus { border-color: #9b8013; }

.sec5__filebox { padding: 10px; border: 1px solid #ddd; margin-bottom: 5px; }

.sec5__box { margin-bottom: 25px; }

.sec5__box dt { text-align: center; font-size: 22px; margin-bottom: 5px; }

.sec5__box dd { max-width: 420px; margin-left: auto; margin-right: auto; }


@media screen and (min-width: 751px) { .sec5 input[type="submit"] { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  .sec5 input[type="submit"]:hover { opacity: .6; } }

@media screen and (max-width: 1024px) { .sec5__title { font-size: 36px; }
  .sec5__text { font-size: 20px; } }

@media screen and (max-width: 750px) { .sec5 { padding: 50px 10px; }
  .sec5__title { font-size: 30px; padding-bottom: 40px; margin-bottom: 30px; background: url(../img/deco-title1.png) no-repeat center bottom/180px auto; }
  .sec5__text { margin-bottom: 35px; font-size: 18px; line-height: 2.2; } }

@media screen and (max-width: 450px) { .sec5__title { font-size: 22px; }
  .sec5 input, .sec5 textarea { font-size: 16px; }
  .sec5 input[type="submit"] { width: 280px; height: 50px; line-height: 50px; font-size: 24px; }
  .sec5 input[type="file"] { font-size: 15px; }
  .sec5__box dt { font-size: 18px; } }

@media screen and (max-width: 360px) { .sec5__title { font-size: 20px; }
  .sec5__text { font-size: 15px; } }