@charset "UTF-8";
.font-zen { font-family: "Zen Kaku Gothic New", sans-serif; }

.font-en { font-family: "Montserrat", sans-serif; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

html { font-size: 62.5%; }
@media screen and (max-width: 750px) { html { font-size: 2.375vw; } }
html.js-size-l { font-size: 75%; }
@media screen and (max-width: 750px) { html.js-size-l { font-size: 2.625vw; } }

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

li { list-style: none; }

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

video { max-width: 100%; }

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

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

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="submit"], input[type="button"], textarea, select { font-family: inherit; font-size: 1.6rem; }

.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; } }

.js-tel { color: #000 !important; text-decoration: none; cursor: default; }

.pagetop { position: fixed; bottom: 60px; right: 60px; z-index: 9999; opacity: 0; transition: all .5s; transform: translateY(100px); width: 70px; }
@media screen and (max-width: 750px) { .pagetop { bottom: 20px; right: 20px; } }
.pagetop.is-show { opacity: 1; transform: translateY(0); }

.main { position: relative; z-index: 10; padding: 90px 0 150px; }
@media screen and (max-width: 750px) { .main { padding: 40px 0 60px; } }

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

.container { padding: 100px 20px 150px; background-color: #fff; border-radius: 1em; }
@media screen and (max-width: 750px) { .container { padding: 40px 4.347826087%; } }

.contents_l { width: 100%; max-width: 1200px; margin: 0 auto; }

.contents { width: 100%; max-width: 1000px; margin: 0 auto; }

/* ------------------------------ ヘッダー
------------------------------ */
.header { background-color: #fff; }
.header .header-in { display: flex; align-items: center; justify-content: space-between; padding: 10px 60px 15px; }
@media screen and (max-width: 980px) { .header .header-in { height: 120px; padding: 10px 0 10px 20px; } }
@media screen and (max-width: 750px) { .header .header-in { height: 80px; padding-left: 4%; } }
.header .header-logo { width: 100%; max-width: 460px; }
@media screen and (max-width: 750px) { .header .header-logo { max-width: 280px; } }
.header .header-con { flex: 1; }
@media screen and (max-width: 980px) { .header .header-con { display: none; } }
.header .header-con .header-size { display: flex; align-items: flex-end; justify-content: flex-end; margin-bottom: 30px; }
.header .header-con .header-size dt { margin-right: 10px; font-size: 1.8rem; font-weight: 500; }
.header .header-con .header-size dd { display: flex; justify-content: flex-end; }
.header .header-con .header-size dd p { width: 60px; margin-right: 8px; cursor: pointer; }
.header .header-con .header-size dd p:last-child { margin-right: 0; }
.header .header-con .gnav { flex: 1; display: flex; justify-content: flex-end; }
.header .header-con .gnav li { margin-left: 45px; }
.header .header-con .gnav li:first-child { margin-left: 0; }
.header .header-con .gnav li a { text-decoration: none; font-weight: 500; }
.header .header-menu { display: none; }
@media screen and (max-width: 980px) { .header .header-menu { display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; cursor: pointer; background-color: #17517D; } }
@media screen and (max-width: 750px) { .header .header-menu { width: 80px; height: 80px; } }
.header .header-menu p { position: relative; width: 57px; height: 53px; margin: 0 auto; }
@media screen and (max-width: 750px) { .header .header-menu p { width: 37px; height: 33px; } }
.header .header-menu span { position: absolute; right: 0; display: block; width: 100%; height: 8px; background-color: #fff; transition: all .4s; }
@media screen and (max-width: 750px) { .header .header-menu span { height: 4px; } }
.header .header-menu span:nth-of-type(1) { top: 0; }
.header .header-menu span:nth-of-type(2) { top: 50%; margin-top: -4px; }
@media screen and (max-width: 750px) { .header .header-menu span:nth-of-type(2) { margin-top: -2px; } }
.header .header-menu span:nth-of-type(3) { bottom: 0; }

/* ------------------------------ SPメニュー
------------------------------ */
.nav-menu { z-index: 99999; display: none; position: fixed; top: 120px; left: 0; width: 100%; height: calc(100% - 120px); background: #fff; border-top: 2px solid #17517D; }
@media screen and (max-width: 750px) { .nav-menu { top: 80px; height: calc(100% - 80px); } }
.nav-menu .nav-menu-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; }
.nav-menu .nav-menu-list li { border-bottom: 1px solid #ccc; }
.nav-menu .nav-menu-list li a { display: block; text-decoration: none; padding: 20px; background: url("../img/common/ico_arrow_g.svg") no-repeat right 15px center; background-size: 6px auto; }
.nav-menu .nav-menu-list li a small { margin-left: 0.5em; font-size: 1.4rem; }
.nav-menu .nav-menu-banner { display: flex; align-items: center; justify-content: center; margin-top: 40px; }
.nav-menu .nav-menu-banner li { width: 300px; margin-right: 20px; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-banner li { width: 150px; } }
.nav-menu .nav-menu-banner li:last-child { margin-right: 0; }

.js-menuopen { overflow: hidden; }
.js-menuopen .header-menu span:nth-child(1) { transform: translateY(22px) rotate(-45deg); }
@media screen and (max-width: 750px) { .js-menuopen .header-menu span:nth-child(1) { transform: translateY(14px) rotate(-45deg); } }
.js-menuopen .header-menu span:nth-child(2) { opacity: 0; }
.js-menuopen .header-menu span:nth-child(3) { transform: translateY(-22px) rotate(45deg); }
@media screen and (max-width: 750px) { .js-menuopen .header-menu span:nth-child(3) { transform: translateY(-14px) rotate(45deg); } }
.js-menuopen .nav-menu { display: block; }

/* ------------------------------ ページタイトル
------------------------------ */
.pagettl-sec { margin-bottom: 10px; }
.pagettl-sec .pagettl-in { padding: 100px 0 80px; background: url("../img/common/bg_pagettl.png") no-repeat center bottom 30px; background-size: contain; border-bottom: 1px solid #D6CCB7; }
@media screen and (max-width: 750px) { .pagettl-sec .pagettl-in { padding: 40px 0; background-position: center center; } }
.pagettl-sec .pagettl-h { margin-bottom: 5px; font-size: 4.0rem; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .pagettl-sec .pagettl-h { font-size: 3.0rem; } }
.pagettl-sec .pagettl-h-en { text-align: center; font-weight: 800; color: #D6CCB7; line-height: 1; }

/* ------------------------------ ぱんくず
------------------------------ */
.topicpath._detailtopcpath { padding-top: 30px; }
.topicpath ol { display: flex; flex-wrap: wrap; }
.topicpath ol li { font-size: 1.2rem; }
.topicpath ol li::after { content: '＞'; margin: 0 0.5em; }
.topicpath ol li:last-child::after { display: none; }
.topicpath ol li a { color: #F15D4E; }

/* ------------------------------ フッター
------------------------------ */
.footer { padding: 45px 0 55px; background-color: #17517D; color: #fff; }
.footer .footer-in { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .footer .footer-in { padding: 0 4%; } }
.footer .footer-con { display: flex; justify-content: space-between; }
@media screen and (max-width: 980px) { .footer .footer-con { display: block; } }
.footer .footer-l { width: 38.3333333333%; }
@media screen and (max-width: 980px) { .footer .footer-l { width: 100%; } }
.footer .footer-l .footer-logo { margin-bottom: 45px; }
@media screen and (max-width: 980px) { .footer .footer-l .footer-logo { width: 100%; max-width: 460px; margin: 0 auto 45px; } }
.footer .footer-l dl dt { margin-bottom: 10px; font-size: 1.8rem; font-weight: 500; }
.footer .footer-l dl dd { font-size: 1.4rem; line-height: 2; }
.footer .footer-r { flex: 1; display: flex; justify-content: space-between; flex-direction: column; padding-top: 40px; }
@media screen and (max-width: 750px) { .footer .footer-r { display: block; } }
.footer .footer-r .fnav { flex: 1; display: flex; justify-content: flex-end; }
@media screen and (max-width: 980px) { .footer .footer-r .fnav { margin-bottom: 50px; } }
@media screen and (max-width: 750px) { .footer .footer-r .fnav { display: none; } }
.footer .footer-r .fnav li { margin-left: 45px; }
.footer .footer-r .fnav li a { text-decoration: none; color: #fff; font-weight: 500; }
.footer .footer-r .copy { font-size: 1.3rem; text-align: right; }
@media screen and (max-width: 750px) { .footer .footer-r .copy { text-align: center; } }

.opacity { transition: all .6s; }
.opacity:hover { opacity: 0.7; }

.tab { display: none; }
.tab.active { display: block; }

@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: #F15D4E; } }

.cmn-fig { position: relative; }
.cmn-fig::before { content: ''; display: block; padding-top: 75%; }
.cmn-fig img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.cmn-fig._rt32::before { padding-top: 66.6666666667%; }
.cmn-fig._cover img { object-fit: cover; }

.ico { display: inline-flex; justify-content: center; align-items: center; width: 1em; line-height: 0; }
.ico::before { width: 100% !important; }

.ico-arrow_icon::before { content: url("../img/common/ico_icon.svg"); }

.ico-word-w { width: 1.5em; }
.ico-word-w::before { content: url("../img/common/ico_word.svg"); }

.ico-excel-w { width: 1.5em; }
.ico-excel-w::before { content: url("../img/common/ico_excel.svg"); }

.ico-pdf { width: 1.2em; }
.ico-pdf::before { content: url("../img/common/ico_pdf.svg"); }

.ico-file { width: 1.2em; }
.ico-file::before { content: url("../img/common/ico_pdf.svg"); }

.ico-pdf-w { width: 1.2em; }
.ico-pdf-w::before { content: url("../img/common/ico_pdf_w.svg"); }

.ico-external { width: 1.2em; }
.ico-external::before { content: url("../img/common/ico_link.svg"); }

.ico-close-w::before { content: url("../img/common/ico_close_w.svg"); }

.ico-close-p02::before { content: url("../img/common/ico_close_p02.svg"); }

.ico-place::before { content: url("../img/common/ico_place.svg"); }

.ico-access-t::before { content: url("../img/common/ico_access_t.svg"); }

.ico-access-c::before { content: url("../img/common/ico_access_c.svg"); }

.ico-access-p::before { content: url("../img/common/ico_access_p.svg"); }

.ico-search::before { content: url("../img/common/ico_search.svg"); }

.box-section { margin-bottom: 80px; }
.box-section:last-child { margin-bottom: 0; }

.heading { position: relative; margin-bottom: 25px; padding-left: 55px; font-size: 2.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .heading { font-size: 2.4rem; } }
.heading::before { content: ''; position: absolute; top: 0; left: 0; background: url("../img/common/bg_heading.svg"); width: 32px; height: 6px; margin-top: 0.8em; }

.subheading { margin-bottom: 40px; padding: 15px 35px; background-color: #FFFAF5; border: 1px solid #F15D4E; font-size: 2.4rem; font-weight: 700; border-radius: 0.5em; }
@media screen and (max-width: 750px) { .subheading { padding: 15px 20px; font-size: 2.2rem; } }

.txtheading { margin-bottom: 30px; font-size: 1.8rem; font-weight: 700; }

.txt { line-height: 2; }
.txt a { color: #F15D4E; }
.txt strong { font-weight: 400; color: #FF0000; }

.caption { margin-top: 10px; text-align: center; }

.list { counter-reset: hoge; }
.list._number { counter-reset: number 0; }
.list._number li::before { counter-increment: number 1; content: counter(number) "."; font-size: 100%; }
.list._link li::before { content: ''; margin: 0; }
.list._link li a { display: flex; align-items: flex-start; color: #F15D4E; }
.list._link li a .ico { margin-right: 1em; margin-top: 0.3em; }
.list._link li a span { flex: 1; }
.list li { display: flex; align-items: flex-start; margin-bottom: 0.5em; }
.list li:last-child { margin-bottom: 0; }
.list li::before { content: '・'; margin-right: 1em; margin-top: 0.2em; }
.list li .txt { flex: 1; }

.list-btn li { margin-bottom: 20px; }
.list-btn li:last-child { margin-bottom: 0; }

.txtfig { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .txtfig { display: block; } }
.txtfig._reverse { flex-direction: row-reverse; }
.txtfig._reverse .txtfig-fig { margin-right: 0; margin-left: 2.5%; }
@media screen and (max-width: 750px) { .txtfig._reverse .txtfig-fig { margin: 0 auto 20px; } }
.txtfig .txtfig-fig { width: 33.3333333333%; margin-right: 2.5%; }
@media screen and (max-width: 750px) { .txtfig .txtfig-fig { width: 100%; margin: 0 auto 20px; } }
.txtfig .txtfig-txt { flex: 1; }
.txtfig .txtfig-txt .txtheading { margin-bottom: 20px; }

.btn { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 10px 15px; background: #17517D; color: #fff; text-align: center; font-size: 600; border-radius: 0.5em; transition: all .6s; }
.btn:hover { opacity: 0.7; }
.btn._arrow { background: #17517D url("../img/common/ico_icon_w.svg") no-repeat right 20px center; background-size: 10px auto; }
.btn._sizen { max-width: 350px; }
.btn._tac { margin: 0 auto; }
.btn span { display: inline-block; padding-left: 20px; background: url("../img/common/ico_icon_w.svg") no-repeat left center; background-size: 10px auto; }
.btn span._word { padding-left: 40px; background: url("../img/common/ico_word.svg") no-repeat left center; background-size: 28px auto; }
.btn span._excel { padding-left: 40px; background: url("../img/common/ico_excel.svg") no-repeat left center; background-size: 28px auto; }
.btn span._pdf { padding-left: 40px; background: url("../img/common/ico_pdf_w.svg") no-repeat left center; background-size: 22px auto; }
.btn span._external { padding-left: 30px; background: url("../img/common/ico_link_w.svg") no-repeat left center; background-size: 16px auto; }

.fig01 li { width: 66.6666666667%; margin: 0 auto 1.6666666667%; }
@media screen and (max-width: 750px) { .fig01 li { width: 100%; } }
.fig01 li:last-child { margin: 0 auto; }

.fig02 { display: flex; flex-wrap: wrap; }
.fig02 li { width: 48.3333333333%; margin-right: 3.3333333333%; margin-bottom: 1.6666666667%; }
.fig02 li:nth-child(2n) { margin-right: 0; }
.fig02 li:last-child { margin-right: 0; }

.fig03 { display: flex; flex-wrap: wrap; }
.fig03 li { width: 31.6666666667%; margin-right: 2.5%; margin-bottom: 1.6666666667%; }
.fig03 li:nth-child(3n) { margin-right: 0; }
.fig03 li:last-child { margin-right: 0; }

.frame { margin-bottom: 30px; padding: 25px; border: 1px solid #D6CCB7; }
.frame:last-child { margin-bottom: 0; }
.frame._em { border-color: #F15D4E; }
.frame._bg { background-color: #FBF7EF; }

.news-top { display: flex; margin-bottom: 5px; }
.news-top .news-date { margin-right: 1em; font-size: 1.4rem; color: #2C3A6A; line-height: 1; }
.news-top .news-cate { flex: 1; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.news-top .news-cate span { width: 10rem; padding: 2px; background-color: #F15D4E; color: #fff; font-size: 1.4rem; text-align: center; border-radius: 2em; line-height: 1; }

.pager { display: flex; align-items: center; justify-content: center; }
.pager p { width: 42px; }
.pager p ._disabled { opacity: 0.5; pointer-events: none; }
.pager ol { display: flex; align-items: center; margin: 0 25px; }
@media screen and (max-width: 750px) { .pager ol { margin: 0 15px; } }
.pager ol li { margin: 0 12px; }
@media screen and (max-width: 750px) { .pager ol li { margin: 0 5px; } }
.pager ol li a { display: block; text-decoration: none; font-size: 2.0rem; font-weight: 700; line-height: 1; }
@media screen and (max-width: 750px) { .pager ol li a { font-size: 1.6rem; } }
.pager ol li a.active { font-size: 2.8rem; color: #F15D4E; }
@media screen and (max-width: 750px) { .pager ol li a.active { font-size: 2.4rem; } }

.guidegroup-area { width: 6em; margin-right: 0.5em; padding: 2px 0; font-size: 1.4rem; text-align: center; border-radius: 2em; color: #fff; }
.guidegroup-area._nagoya { background-color: #E27D7D; }
.guidegroup-area._owari { background-color: #ccb64c; }
.guidegroup-area._kitaowari { background-color: #E68A61; }
.guidegroup-area._chita { background-color: #82BFC2; }
.guidegroup-area._nishimikawa { background-color: #9f9fc4; }
.guidegroup-area._higashimikawa { background-color: #8bae82; }

.js-modalopen { overflow: hidden; }

.modal-sec { display: none; position: fixed; top: 0; left: 0; z-index: 100000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }
.modal-sec .modal-in { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px; overflow-y: auto; }
.modal-sec .modal-con { position: relative; width: 100%; max-width: 1100px; margin: auto; padding: 80px 60px 100px 50px; background-color: #fff; border-radius: 1em; }
@media screen and (max-width: 750px) { .modal-sec .modal-con { padding: 20px 20px; } }
.modal-sec .modal-item { display: flex; justify-content: space-between; margin-bottom: 40px; }
@media screen and (max-width: 750px) { .modal-sec .modal-item { display: block; margin-bottom: 20px; } }
.modal-sec .modal-close { position: absolute; top: 0; right: 0; width: 37px; margin: 20px; cursor: pointer; }
@media screen and (max-width: 750px) { .modal-sec .modal-close { width: 27px; margin: 10px; } }
.modal-sec .modal-head { display: flex; align-items: center; margin-bottom: 20px; }
@media screen and (max-width: 750px) { .modal-sec .modal-head { display: block; } }
.modal-sec .modal-head .modal-heading { margin-right: 0.5em; }
.modal-sec .modal-heading { display: flex; align-items: center; font-size: 2.4rem; font-weight: 700; }
@media screen and (max-width: 750px) { .modal-sec .modal-heading { margin-bottom: 10px; font-size: 1.8rem; } }
.modal-sec .modal-heading::before { content: ''; display: block; width: 0.8em; height: 0.8em; margin-right: 0.3em; border: 5px solid #F15D4E; border-radius: 50%; box-sizing: border-box; }
@media screen and (max-width: 750px) { .modal-sec .modal-heading::before { width: 16px; height: 16px; background-size: cover; } }
.modal-sec .modal-lead { line-height: 2; }
@media screen and (max-width: 750px) { .modal-sec .modal-lead { margin-bottom: 10px; font-size: 1.4rem; line-height: 1.6; } }
.modal-sec .modal-list { display: flex; flex-wrap: wrap; }
.modal-sec .modal-list li { margin-right: 1.5em; }
@media screen and (max-width: 750px) { .modal-sec .modal-list li { margin-bottom: 10px; font-size: 1.4rem; } }
.modal-sec .modal-list li label { display: inline-flex; align-items: center; }
.modal-sec .modal-list li label span { flex: 1; }
.modal-sec input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 20px; height: 20px; margin: auto 10px auto 0; padding: 0; border-radius: 0; outline: none; line-height: 1; vertical-align: middle; border: 3px solid #D6CCB7; background: #fff; }
@media screen and (max-width: 750px) { .modal-sec input[type="checkbox"] { width: 15px; height: 15px; margin-right: 5px; border: 1px solid #D6CCB7; } }
.modal-sec input[type="checkbox"]:checked::after { content: ""; position: absolute; top: 50%; left: 0; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 10px; height: 8px; margin: -6px 0 0 2px; border-left: 2px solid #666; border-bottom: 2px solid #666; transform: rotate(-45deg); }
.modal-sec .modal-category { margin-bottom: 20px; }
@media screen and (max-width: 750px) { .modal-sec .modal-category .modal-list { display: block; } }
.modal-sec .modal-category .modal-list li { margin-bottom: 15px; }
@media screen and (max-width: 750px) { .modal-sec .modal-category .modal-list li { margin-bottom: 10px; } }
.modal-sec .modal-area { margin-bottom: 30px; }
.modal-sec .modal-area .modal-area-box { display: flex; }
@media screen and (max-width: 980px) { .modal-sec .modal-area .modal-area-box { display: block; } }
.modal-sec .modal-area .modal-area-box figure { position: relative; width: 46.8686868687%; margin-right: 3.8167938931%; }
@media screen and (max-width: 980px) { .modal-sec .modal-area .modal-area-box figure { width: 100%; margin: 0 auto 20px; } }
.modal-sec .modal-area .modal-area-box figure ._txt { position: absolute; top: 0; left: 0; width: 100%; }
.modal-sec .modal-area .modal-area-box .modal-area-con { flex: 1; }
.modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-ttl, .modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-single label { margin-bottom: 15px; padding: 8px 1em; border: 2px solid #D6CCB7; border-radius: 10px; cursor: pointer; }
@media screen and (max-width: 750px) { .modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-ttl, .modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-single label { font-size: 1.4rem; } }
.modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-ttl label, .modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-single label label { display: inline-flex; align-items: center; }
.modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-ttl label input, .modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-single label label input { pointer-events: none; }
.modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-ttl { background: url("../img/common/ico_arrow_b_b.svg") no-repeat right 10px center; background-size: 9px auto; }
.modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-single .modal-list { display: block; }
.modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-single .modal-list li { margin-right: 0; }
.modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-single label { display: flex; align-items: center; }
.modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-city { display: none; padding-bottom: 5px; padding-left: 40px; }
@media screen and (max-width: 750px) { .modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-city { padding-left: 20px; } }
.modal-sec .modal-area .modal-area-box .modal-area-con .modal-area-city .modal-list li { margin-bottom: 10px; }
.modal-sec .modal-keyword { margin-bottom: 30px; }
.modal-sec .modal-keyword .modal-heading { margin-bottom: 20px; }
.modal-sec .modal-keyword input { width: 100%; padding: 10px 20px; border: 1px solid #D6CCB7; background-color: #fff; border-radius: 0.2em; }
@media screen and (max-width: 980px) { .modal-sec .modal-keyword input { max-width: 100%; } }
.modal-sec .modal-btns { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; }
@media screen and (max-width: 750px) { .modal-sec .modal-btns { flex-direction: column; } }
.modal-sec .modal-btns .modal-btn { display: flex; justify-content: center; align-items: center; width: 300px; padding: 20px; border-radius: 10px; }
.modal-sec .modal-btns .modal-btn:first-child { margin-left: 20px; }
@media screen and (max-width: 750px) { .modal-sec .modal-btns .modal-btn:first-child { margin-left: 0; margin-bottom: 20px; } }
.modal-sec .modal-btns .modal-btn.modal-btn-reset { background-color: #D8D8D8; }
.modal-sec .modal-btns .modal-btn.modal-btn-send { background-color: #17517D; color: #fff; }
.modal-sec .modal-btns .modal-btn.modal-btn-send .ico { width: 1.2em; margin-right: 10px; }

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

.w100 { width: 100%; }

.tar { text-align: right !important; }

.tac { text-align: center !important; }

.mab20 { margin-bottom: 20px !important; }

.js-anime-fadein { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadein.js-anime-on { animation-name: fadeIn; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.js-anime-slide { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slide.js-anime-on { animation-name: slide; }

@keyframes slide { 0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0); } }
.js-anime-slideleft { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideleft.js-anime-on { animation-name: slideLeft; }

@keyframes slideLeft { 0% { opacity: 0; transform: translateX(-100px); }
  100% { opacity: 1; transform: translateX(0); } }
.js-anime-slideright { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideright.js-anime-on { animation-name: slideRight; }

@keyframes slideRight { 0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0); } }
@media print { .js-anime-fadein, .js-anime-slide, .js-anime-slideleft, .js-anime-slideright { opacity: initial; } }

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