@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

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

body { color: #000; font-family: YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; -webkit-text-size-adjust: 100%; }

li { list-style: none; }

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

a { color: #000; }
a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; font-family: inherit; font-size: 1rem; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { font-family: inherit; font-size: 1rem; }

select { font-family: inherit; }

.only-pc { display: block; }
@media screen and (max-width: 750px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 750px) { .only-sp { display: block; } }

img.only-pc, span.only-pc { display: inline; }
@media screen and (max-width: 750px) { img.only-pc, span.only-pc { display: none; } }
img.only-sp, span.only-sp { display: none; }
@media screen and (max-width: 750px) { img.only-sp, span.only-sp { display: inline; } }

table.only-pc { display: table; }
@media screen and (max-width: 750px) { table.only-pc { display: none; } }
table.only-sp { display: none; }
@media screen and (max-width: 750px) { table.only-sp { display: table; } }

.inner { max-width: 1240px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .inner { padding: 0 4%; } }

.contents { width: 83.3333333333%; margin: 0 auto; }
@media screen and (max-width: 980px) { .contents { width: 100%; } }

.pagetop { position: fixed; bottom: 40px; right: 0; }
@media screen and (max-width: 750px) { .pagetop { width: 60px; } }

/* ==================================================================================================== ヘッダー
==================================================================================================== */
.header .header-in { max-width: 1240px; margin: 0 auto; padding: 0 20px 40px; }
@media screen and (max-width: 980px) { .header .header-in { padding: 0 30px; } }
@media screen and (max-width: 750px) { .header .header-in { padding: 0 4%; } }
.header .header-box { position: relative; display: flex; justify-content: space-between; }
@media screen and (max-width: 980px) { .header .header-box { height: 100px; align-items: center; } }
.header .header-l { width: 36.25%; margin-top: 5px; margin-right: 20px; }
@media screen and (max-width: 980px) { .header .header-l { width: auto; margin-top: 0; max-width: 360px; } }
@media screen and (max-width: 750px) { .header .header-l { width: 69.7333333333%; } }
.header .header-l .header-logo { margin-top: 10px; }
.header .header-r { display: flex; justify-content: flex-end; }
@media screen and (max-width: 980px) { .header .header-r { display: none; } }
.header .header-r .header-pamph { margin-top: 35px; margin-right: 20px; font-size: 0.875rem; }
@media screen and (max-width: 1140px) { .header .header-r .header-pamph { margin-right: 10px; } }
.header .header-r .header-pamph a span { display: inline-block; padding: 5px 0 5px 30px; background: url("../img/common/pamphlet_i002.png") no-repeat left center; }
.header .header-r .header-search { position: relative; margin-top: 30px; margin-right: 30px; cursor: pointer; }
@media screen and (max-width: 1140px) { .header .header-r .header-search { margin-right: 10px; } }
.header .header-r .header-search .header-search-form { display: none; z-index: 999; position: absolute; top: 0; right: 0; background-color: #fff; width: 370px; }
@media screen and (max-width: 1140px) { .header .header-r .header-search .header-search-form { width: 270px; } }
.header .header-r .header-search .header-search-form .search-box { display: flex; justify-content: space-between; align-items: center; }
.header .header-r .header-search .header-search-form .search-input { width: 260px; border: 2px solid #000; background: url("https://www.google.com/cse/static/images/1x/ja/branding.png") no-repeat left 5px center; outline: none; }
@media screen and (max-width: 1140px) { .header .header-r .header-search .header-search-form .search-input { width: 185px; } }
.header .header-r .header-search .header-search-form .search-input.is-input { background: none; }
.header .header-r .header-search .header-search-form .search-btn { width: 85px; margin-right: 5px; padding: 3px 0; background: #e2e9f6 url("../img/common/search_i001.png") no-repeat center right; border: 2px solid #000; border-left: none; cursor: pointer; outline: none; }
.header .sp-menu { display: none; width: 80px; font-size: 1.125rem; }
@media screen and (max-width: 980px) { .header .sp-menu { display: block; } }
@media screen and (max-width: 750px) { .header .sp-menu { font-size: 0.875rem; } }
@media screen and (max-width: 500px) { .header .sp-menu { width: 60px; } }
.header .sp-menu .header-menu { position: relative !important; font-weight: bold; text-align: center; cursor: pointer; }
.header .sp-menu .header-menu p { position: relative; width: 100%; margin: auto 0; padding-top: 42px; }
.header .sp-menu .header-menu span { position: absolute; display: inline-block; transition: all .4s; left: 0; width: 100%; height: 6px; background-color: #926c2a; }
.header .sp-menu .header-menu span:nth-of-type(1) { top: 0; }
.header .sp-menu .header-menu span:nth-of-type(2) { top: 50%; margin-top: -3px; }
.header .sp-menu .header-menu span:nth-of-type(3) { bottom: 0; }
.header .sp-menu .header-menu .txt { padding-top: 10px; color: #926c2a; text-align: center; font-weight: normal; letter-spacing: 7px; }
@media screen and (max-width: 750px) { .header .sp-menu .header-menu .txt { letter-spacing: 2px; font-size: 0.75rem; } }
.header .sp-menu .header-menu .txt:before { content: 'MENU'; }

/* ==================================================================================================== Gナビ
==================================================================================================== */
.gnav { margin-bottom: 20px; }
@media screen and (max-width: 980px) { .gnav { display: none; } }
.gnav ul { display: flex; }
.gnav ul li { width: 14.0833333333%; border-right: 2px solid #e3e8ed; }
.gnav ul li:last-child { border-right: none; }
.gnav ul li a { display: block; padding: 10px 5px; text-decoration: none; text-align: center; }
.gnav ul li a:hover { opacity: 0.7; }
.gnav ul li a figure figcaption { margin-top: 10px; font-size: 0.875rem; line-height: 1.6; }
.gnav ul li a figure figcaption.gnav-txt-1 { margin-top: 1.6em; }

/* ==================================================================================================== SPメニュー
==================================================================================================== */
.nav-menu { display: none; position: fixed; top: 100px; left: 12%; width: 88%; height: calc(100% - 100px); background-color: #f0f5ff; z-index: 100; font-size: 1.25rem; line-height: 1.6; }
@media screen and (max-width: 750px) { .nav-menu { font-size: 1rem; } }
.nav-menu .nav-menu-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 20px; overflow-y: auto; }
.nav-menu .nav-menu-content-inner { padding: 25px 50px 50px; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-content-inner { padding: 25px 30px 50px; } }
.nav-menu .nav-menu-list li { border-bottom: 2px solid #b9c5d2; }
.nav-menu .nav-menu-list li:last-child { border-bottom: none; }
.nav-menu .nav-menu-list li a { display: block; text-decoration: none; padding: 3.3333333333% 0; }
.nav-menu .nav-menu-list li a figure { display: flex; align-items: center; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-list li a figure img { width: 40px; } }
.nav-menu .nav-menu-list li a figure figcaption { margin-left: 30px; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-list li a figure figcaption { margin-left: 15px; } }

.js-menuopen { overflow: hidden; }
.js-menuopen .header-menu span:nth-child(1) { transform: translateY(18px) rotate(-45deg); }
.js-menuopen .header-menu span:nth-child(2) { opacity: 0; }
.js-menuopen .header-menu span:nth-child(3) { transform: translateY(-18px) rotate(45deg); }
.js-menuopen .header-menu .txt:before { content: 'CLOSE' !important; }
.js-menuopen .nav-menu { display: block; }

.menu-search { margin-bottom: 20px; }
.menu-search .search-input { max-width: 550px; margin: 0 auto 20px; }
.menu-search .search-input input { width: 100%; padding: 5px 10px; border: 2px solid #000; background: #fff url("https://www.google.com/cse/static/images/1x/ja/branding.png") no-repeat left 5px center; outline: none; font-size: 1.25rem; }
.menu-search .search-input input.is-input { background: #fff; }
.menu-search .search-btn { max-width: 300px; margin: 0 auto; }
.menu-search .search-btn input { width: 100%; padding: 15px 10px; background: #000 url("../img/common/sp/ico_search.png") no-repeat left 25% center; border: none; cursor: pointer; outline: none; font-size: 1.25rem; color: #fff; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
@media screen and (max-width: 750px) { .menu-search .search-btn input { font-size: 1rem; background-position: left 35% center; background-size: 22px auto; } }
.menu-search .search-btn input:hover { opacity: 0.7; }

.close-btn { max-width: 420px; margin: 0 auto; padding: 10px; background-color: #567a9c; text-align: center; font-weight: bold; color: #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; cursor: pointer; }
.close-btn span { display: inline-block; padding: 5px 0 5px 45px; background: url("../img/common/sp/close.png") no-repeat left center; }
@media screen and (max-width: 750px) { .close-btn span { padding: 5px 0 5px 30px; background-size: 14px auto; } }

.gnavopened .header { position: relative; z-index: 200; background-color: #000; }

.gnavopened .nav-menu { display: block; }

/* ==================================================================================================== ぱんくず
==================================================================================================== */
.topicpath { padding: 15px 0; background-color: #f5f7f9; }
@media screen and (max-width: 750px) { .topicpath { display: none; } }
.topicpath ol { display: flex; align-items: center; justify-content: center; font-size: 0.9375rem; }
@media screen and (max-width: 750px) { .topicpath ol { flex-wrap: wrap; } }
.topicpath ol li { margin-right: 1em; font-weight: 500; color: #646464; }
.topicpath ol li:last-child { margin-right: 0; }
.topicpath ol li a { padding-right: 1em; color: #646464; text-decoration: none; font-weight: 400; }
.topicpath ol li span { color: #646464; text-decoration: underline; }

/* ==================================================================================================== リンク
==================================================================================================== */
.link-sec .link-ico { margin-bottom: 15px; text-align: center; }
@media screen and (max-width: 750px) { .link-sec .link-ico img { width: 100px; } }
@media screen and (max-width: 500px) { .link-sec .link-ico img { width: 70px; } }
.link-sec .link-heading { margin-bottom: 90px; font-size: 2.25rem; color: #646464; line-height: 1.2; text-align: center; }
@media screen and (max-width: 750px) { .link-sec .link-heading { margin-bottom: 14.4927536232%; font-size: 1.75rem; } }
.link-sec .link-heading span { padding-bottom: 40px; border-bottom: 1px solid #646464; }
@media screen and (max-width: 750px) { .link-sec .link-heading span { padding-bottom: 5.7971014493%; } }
.link-sec .tabmenu { margin-bottom: 65px; border-bottom: 1px solid #926c2a; }
@media screen and (max-width: 750px) { .link-sec .tabmenu { margin-bottom: 8.6956521739%; } }
.link-sec .tabmenu ul { display: flex; justify-content: center; }
.link-sec .tabmenu ul li { width: 24.1666666667%; padding: 15px 10px; background-color: #e3e8ed; font-size: 1.125rem; text-align: center; font-weight: 500; cursor: pointer; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; }
@media screen and (max-width: 750px) { .link-sec .tabmenu ul li { width: 31.7391304348%; font-size: 1rem; } }
.link-sec .tabmenu ul li:nth-child(2) { margin: 0 1.6666666667%; }
@media screen and (max-width: 750px) { .link-sec .tabmenu ul li:nth-child(2) { margin: 0 2.1739130435%; } }
.link-sec .tabmenu ul li:hover { background-color: #926c2a; color: #fff; }
.link-sec .tabmenu ul li.active { background-color: #926c2a; color: #fff; }
.link-sec .tabcontents { margin-bottom: 170px; }
@media screen and (max-width: 750px) { .link-sec .tabcontents { margin-bottom: 28.9855072464%; } }
.link-sec .link-slider { position: relative; }
.link-sec .link-slider .slick-slide { margin: 0 12px; }
@media screen and (max-width: 750px) { .link-sec .link-slider .slick-slide { margin: 0 10px; } }
.link-sec .link-slider .slide-btn { position: absolute; top: 15%; cursor: pointer; }
@media screen and (max-width: 750px) { .link-sec .link-slider .slide-btn { top: inherit; bottom: -30%; } }
@media screen and (max-width: 500px) { .link-sec .link-slider .slide-btn { bottom: -40%; } }
.link-sec .link-slider .slide-btn.slide-prev { left: -50px; }
@media screen and (max-width: 1340px) { .link-sec .link-slider .slide-btn.slide-prev { left: -10px; } }
@media screen and (max-width: 750px) { .link-sec .link-slider .slide-btn.slide-prev { left: 5%; } }
.link-sec .link-slider .slide-btn.slide-next { right: -50px; }
@media screen and (max-width: 1340px) { .link-sec .link-slider .slide-btn.slide-next { right: -10px; } }
@media screen and (max-width: 750px) { .link-sec .link-slider .slide-btn.slide-next { right: 5%; } }
.link-sec .link-slider .slick-dotted.slick-slider { margin-bottom: 0; }
.link-sec .link-slider .slick-dots { bottom: -90px; }
@media screen and (max-width: 750px) { .link-sec .link-slider .slick-dots { bottom: -60px; } }
@media screen and (max-width: 500px) { .link-sec .link-slider .slick-dots { bottom: -55px; } }
.link-sec .link-slider .slick-dots li { position: relative; display: inline-block; width: 16px; height: 16px; margin: 0 10px; }
@media screen and (max-width: 500px) { .link-sec .link-slider .slick-dots li { margin: 0 5px; } }
.link-sec .link-slider .slick-dots li button { width: 16px; height: 16px; padding: 0; }
.link-sec .link-slider .slick-dots li button:before { width: 16px; height: 16px; content: ''; opacity: 1; background-color: #e3e8ed; }
.link-sec .link-slider .slick-dots li.slick-active button:before { opacity: 1; background-color: #926c2a; }
.link-sec .link-slider li a { display: block; text-decoration: none; }
.link-sec .link-slider li a p { display: flex; justify-content: center; align-items: center; }
.link-sec .link-slider li a figcaption { margin-top: 10px; font-weight: 500; }
.link-sec .link-slider li a:hover figure { opacity: 0.7; }
.link-sec .link-lead { padding: 50px 0 45px; background-color: #ffffc1; }
@media screen and (max-width: 750px) { .link-sec .link-lead { padding: 7.3333333333% 0 6.6666666667%; } }
.link-sec .link-lead p { padding-bottom: 15px; background: url("../img/home/contact_bg001.png") no-repeat center bottom; font-size: 1.375rem; text-align: center; font-weight: 500; }
@media screen and (max-width: 750px) { .link-sec .link-lead p { background: none; font-size: 1.125rem; } }

/* ==================================================================================================== フッター
==================================================================================================== */
.footer { padding: 50px 0 20px; border-top: 1px solid #1f3998; color: #333; }
@media screen and (max-width: 750px) { .footer { padding: 8% 0 4%; } }
.footer .footer-in { max-width: 1240px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .footer .footer-in { padding: 0 4%; } }
.footer .footer-box { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .footer .footer-box { display: block; } }
.footer .footer-l { width: 58.3333333333%; margin-right: 1.6666666667%; }
@media screen and (max-width: 750px) { .footer .footer-l { width: 100%; margin-right: 0; margin-bottom: 9.3333333333%; } }
.footer .footer-l dl { margin-bottom: 15px; }
@media screen and (max-width: 750px) { .footer .footer-l dl { text-align: center; } }
.footer .footer-l dl dt { margin-bottom: 20px; }
.footer .footer-l dl dd { font-size: 1.25rem; font-weight: 700; }
@media screen and (max-width: 750px) { .footer .footer-l dl dd { line-height: 1.6; } }
.footer .footer-l .footer-link { max-width: 285px; margin-bottom: 25px; }
@media screen and (max-width: 750px) { .footer .footer-l .footer-link { width: 70.6666666667%; max-width: 100%; margin: 0 auto 4%; } }
.footer .footer-l .footer-link a { display: block; text-decoration: none; padding: 10px 15px; background: #1f3998 url("../img/common/arrow_w_i001.png") no-repeat right 15px center; color: #fff; text-align: center; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
.footer .footer-l .footer-txt { line-height: 1.6; }
@media screen and (max-width: 750px) { .footer .footer-l .footer-txt { text-align: center; }
  .footer .footer-l .footer-txt a { text-decoration: none; } }
.footer .footer-r { width: 40%; }
@media screen and (max-width: 750px) { .footer .footer-r { width: 100%; } }
.footer .footer-r .footer-sns { display: flex; justify-content: flex-end; margin-bottom: 40px; }
@media screen and (max-width: 750px) { .footer .footer-r .footer-sns { justify-content: center; } }
.footer .footer-r .footer-sns div { margin: 0 15px; }
.footer .footer-r .footer-site { margin-bottom: 25px; text-align: right; }
@media screen and (max-width: 750px) { .footer .footer-r .footer-site { text-align: center; } }
.footer .footer-r .copy { font-size: 0.875rem; text-align: right; }
@media screen and (max-width: 750px) { .footer .footer-r .copy { text-align: center; } }

.opacity:hover { opacity: 0.7; }

.tab { display: none; }

.tab.active { display: block; }

.module-sec { display: none; }

/* ==================================================================================================== フォント
==================================================================================================== */
.font-nsj { font-family: 'Noto Sans JP', sans-serif; }

/* 筑紫A丸ゴシック */
/* いろは23カエデ */
/* ==================================================================================================== スクロール
==================================================================================================== */
@media screen and (max-width: 750px) { .scroll { overflow-x: auto; white-space: nowrap; }
  .scroll::-webkit-scrollbar { height: 5px; }
  .scroll::-webkit-scrollbar-track { background-color: #ededed; }
  .scroll::-webkit-scrollbar-thumb { background-color: #6d5645; } }

.clearfix { zoom: 1; }
.clearfix::before { content: ""; display: table; }
.clearfix::after { content: ""; display: table; clear: both; }

.w100 { width: 100%; }

.mab0 { margin-bottom: 0 !important; }

.mab15 { margin-bottom: 15px !important; }

.mab50 { margin-bottom: 50px !important; }

.mab110 { margin-bottom: 110px !important; }

/*# sourceMappingURL=style.css.map */