@charset "UTF-8";
.font-num { font-family: 'Ropa Sans', sans-serif; }

.font-maru { font-family: 'Zen Maru Gothic', sans-serif; }

* { -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: #323232; font-family: 'Noto Sans JP', 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; }

video { max-width: 100%; }

a { color: #323232; }

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"], textarea { 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; } }
.js-tel { color: #000 !important; text-decoration: none; cursor: default; }

.inner { max-width: 1040px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }

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

@media screen and (max-width: 750px) { .inner_l { padding: 0 4.6666666667%; } }
.pagetop { position: fixed; bottom: 20px; right: 20px; z-index: 9999; opacity: 0; transition: all .5s; transform: translateY(100px); width: 94px; }

@media screen and (max-width: 750px) { .pagetop { width: 64px; } }
.pagetop.is-show { opacity: 1; transform: translateY(0); }

/* ==================================================================================================== ヘッダー
==================================================================================================== */
.header { z-index: 9999; position: relative; background-color: #ffe900; padding-bottom: 40px; }

@media screen and (max-width: 750px) { .header { height: 90px; padding-bottom: 0; } }
.header .header-in { max-width: 1240px; margin: 0 auto; padding: 0 20px; }

@media screen and (max-width: 750px) { .header .header-in { padding: 0; height: 100%; } }
.header .header-con { position: relative; display: flex; justify-content: flex-end; }

@media screen and (max-width: 750px) { .header .header-con { justify-content: space-between; height: 100%; } }
.header .header-logo { position: absolute; top: 0; left: 0; z-index: 10; width: 24.6666666667%; margin-top: -6.8333333333%; margin-left: -1.25%; }

@media screen and (max-width: 750px) { .header .header-logo { position: static; width: 100%; max-width: 296px; margin-top: 20px; margin-left: 4.6666666667%; } }
.header .header-r { position: relative; z-index: 10; width: 79.1666666667%; }

@media screen and (max-width: 750px) { .header .header-r { display: none; } }
.header .header-r .header-box { display: flex; justify-content: center; max-width: 675px; margin: 0 0 70px auto; padding: 15px 0 20px; background-color: #fff; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; }

.header .header-r .header-box .header-sns { display: flex; align-items: center; width: 25.9259259259%; margin-right: 2.2222222222%; }

.header .header-r .header-box .header-sns li { width: 17.1428571429%; margin-right: 8.5714285714%; }

.header .header-r .header-box .header-sns li:last-child { margin-right: 0; }

.header .header-r .header-box .header-sns li._youtube { width: 21.1428571429%; }

.header .header-r .header-box .header-size { display: flex; align-items: center; width: 27.8518518519%; margin-right: 3.7037037037%; }

.header .header-r .header-box .header-size dt { width: 6em; font-size: 0.9375rem; }

.header .header-r .header-box .header-size dd { display: flex; width: 53.1914893617%; }

.header .header-r .header-box .header-size dd p { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-right: 5%; border: 1px solid #505050; background-color: #fff; font-size: 0.9375rem; font-weight: bold; color: #505050; border-radius: 0.2em; cursor: pointer; }

.header .header-r .header-box .header-size dd p:last-child { margin-right: 0; }

.header .header-r .header-box .header-size dd p:hover, .header .header-r .header-box .header-size dd p.active { background-color: #505050; color: #fff; }

.header .header-r .header-box .header-search { position: relative; display: flex; width: 5.5em; margin-right: 1.4814814815%; font-size: 1.125rem; }

.header .header-r .header-box .header-search .header-search-q { position: absolute; top: 0; left: 0.5em; width: 0; height: 100%; padding-right: 32px; border-top: 2px solid #505050; border-left: 2px solid #505050; border-bottom: 2px solid #505050; border-top-left-radius: 5px; border-bottom-left-radius: 5px; transition: all 0.5s; overflow: hidden; }

.header .header-r .header-box .header-search .header-search-q input { width: 100%; height: 100%; padding: 0 0.5em; font-size: 16px; border: none; outline: none; }

.header .header-r .header-box .header-search .header-search-btn { position: absolute; right: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 5.5em; height: 100%; padding: 7px; background-color: #505050; font-size: 1.125rem; font-weight: bold; color: #fff; text-align: center; border-radius: 0.2em; cursor: pointer; transition: all 0.5s; }

.header .header-r .header-box .header-search .header-search-btn .ico { display: flex; align-items: center; }

.header .header-r .header-box .header-search .header-search-close { display: none; position: absolute; top: 50%; right: 0; margin-top: -10px; cursor: pointer; }

.header .header-r .header-box .header-search.js-open .header-search-q { left: -11.5em; width: 12em; }

.header .header-r .header-box .header-search.js-open .header-search-btn { right: 25px; }

.header .header-r .header-box .header-search.js-open .header-search-close { display: block; }

.header .header-r .header-box .header-sitemap { width: 17.037037037%; }

.header .header-r .header-box .header-sitemap a { display: block; text-decoration: none; padding: 15px 5px; background-color: #505050; font-size: 0.875rem; font-weight: bold; color: #fff; text-align: center; border-radius: 0.2em; }

.header .header-r .gnav ul { display: flex; justify-content: flex-end; }

.header .header-r .gnav ul li { position: relative; border-right: 1px solid #000; }

.header .header-r .gnav ul li:nth-child(1) a::before { width: 52px; height: 45px; margin-top: -55px; margin-left: -26px; background-image: url("../img/common/ico_gnav_01.svg"); }

.header .header-r .gnav ul li:nth-child(2) a::before { width: 52px; height: 45px; margin-top: -45px; margin-left: -21px; background-image: url("../img/common/ico_gnav_02.svg"); }

.header .header-r .gnav ul li:nth-child(3) a::before { width: 32px; height: 32px; margin-top: -45px; margin-left: -16px; background-image: url("../img/common/ico_gnav_03.svg"); }

.header .header-r .gnav ul li:nth-child(4) a::before { width: 35px; height: 29px; margin-top: -40px; margin-left: -17px; background-image: url("../img/common/ico_gnav_04.svg"); }

.header .header-r .gnav ul li:nth-child(5) a::before { width: 41px; height: 22px; margin-top: -33px; margin-left: -20px; background-image: url("../img/common/ico_gnav_06.svg"); background-position: center center; }

.header .header-r .gnav ul li:nth-child(6) a::before { width: 41px; height: 22px; margin-top: -33px; margin-left: -20px; background-image: url("../img/common/ico_gnav_07.svg"); background-position: center center; }

.header .header-r .gnav ul li:nth-child(7) a::before { width: 41px; height: 22px; margin-top: -33px; margin-left: -20px; background-image: url("../img/common/ico_gnav_08.svg"); background-position: center center; }

.header .header-r .gnav ul li:last-child { border: none; }

.header .header-r .gnav ul li:last-child a::before { width: 41px; height: 22px; margin-top: -33px; margin-left: -20px; background-image: url("../img/common/ico_gnav_08.svg"); background-position: center center; }

.header .header-r .gnav ul li a { position: relative; display: flex; align-items: center; width: 100%; height: 100%; padding: 0 1.5em; font-size: 0.9375rem; font-weight: bold; line-height: 1.4; text-align: center; text-decoration: none; }

@media screen and (max-width: 1150px) { .header .header-r .gnav ul li a { padding: 0 1em; } }
@media screen and (max-width: 960px) { .header .header-r .gnav ul li a { padding: 0 10px; font-size: 0.8125rem; } }
.header .header-r .gnav ul li a:hover { text-decoration: underline; }

.header .header-r .gnav ul li a::before { content: ''; position: absolute; top: 0; left: 50%; background-repeat: no-repeat; }

.header .header-r-sp { display: none; }

@media screen and (max-width: 750px) { .header .header-r-sp { display: flex; justify-content: space-between; width: 26%; } }
.header .header-search-sp { display: flex; align-items: center; justify-content: center; width: 38.4615384615%; height: 100%; cursor: pointer; }

.header .header-search-sp .header-search-sp-btn { display: flex; align-items: center; width: 66.6666666667%; }

.header .sp-menu { position: relative; z-index: 9999; text-align: center; display: flex; align-items: center; justify-content: center; width: 61.5384615385%; height: 100%; background-color: #ffb800; cursor: pointer; }

.header .sp-menu p { position: relative; width: 36px; height: 26px; margin: 0 auto 5px; }

.header .sp-menu span { position: absolute; left: 0; display: block; width: 100%; height: 4px; background-color: #323232; transition: all .4s; }

.header .sp-menu span:nth-of-type(1) { top: 0; }

.header .sp-menu span:nth-of-type(2) { top: 50%; margin-top: -2px; }

.header .sp-menu span:nth-of-type(3) { bottom: 0; }

.header .sp-menu .txt { line-height: 1; }

.header .sp-menu .txt:before { content: 'MENU'; font-size: 0.75rem; font-weight: 500; line-height: 1; }

.header .header-search-sp-form { display: none; position: absolute; left: 0; width: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

.header .header-search-sp-form form { display: flex; width: 100%; padding: 1em; background-color: #ffe901; }

.header .header-search-sp-form .header-search-sp-q { flex: 1; }

.header .header-search-sp-form .header-search-sp-q input { width: 100%; height: 100%; padding: 0 0.5em; border: none; outline: none; }

.header .header-search-sp-form .header-search-sp-btn { display: flex; align-items: center; justify-content: center; width: 5.5em; height: 100%; padding: 7px; background-color: #505050; font-size: 1.125rem; font-weight: bold; color: #fff; text-align: center; border-radius: 0.2em; cursor: pointer; }

.header .header-search-sp-form .header-search-sp-btn .ico { display: flex; align-items: center; }

/* ==================================================================================================== SPメニュー
==================================================================================================== */
.nav-menu { z-index: 99999; display: none; position: fixed; top: 90px; left: 0; width: 100%; height: calc(100% - 90px); background-color: #ffe90d; border-top: 1px solid #eca514; }

.nav-menu .nav-menu-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; }

.nav-menu .menu-list { margin-bottom: 40px; background-color: #fff6e0; font-size: 1.125rem; }

.nav-menu .menu-list li { border-bottom: 1px solid #eca514; }

.nav-menu .menu-list li a { display: block; text-decoration: none; background: url("../img/common/ico_arrow_gr.svg") no-repeat right 4.8% center; background-size: 2.6666666667% auto; padding: 20px 4%; }

.nav-menu .menu-list li p { display: flex; align-items: center; }

.nav-menu .menu-list li .ico { display: flex; justify-content: center; align-items: center; width: 3.78125rem; height: 2.84375rem; margin-right: 0.5em; }

.nav-menu .menu-sns { display: flex; justify-content: center; }

.nav-menu .menu-sns ul { display: flex; justify-content: center; align-items: center; width: 77.3333333333%; padding: 1em 0; border-radius: 5em; background-color: #fff; }

.nav-menu .menu-sns ul li { width: 12.4137931034%; margin-right: 1.25rem; }

.nav-menu .menu-sns ul li:last-child { margin-right: 0; }

.nav-menu .menu-sns ul li._youtube { width: 15.5172413793%; }

.js-menuopen { overflow: hidden; }

.js-menuopen .header-menu span:nth-child(1) { transform: translateY(11px) rotate(-30deg); }

.js-menuopen .header-menu span:nth-child(2) { opacity: 0; }

.js-menuopen .header-menu span:nth-child(3) { transform: translateY(-11px) rotate(30deg); }

.js-menuopen .nav-menu { display: block; }

/* ==================================================================================================== ぱんくず
==================================================================================================== */
.topicpath { padding: 15px 0; background-color: #f4f3ea; }

@media screen and (max-width: 750px) { .topicpath { padding-top: 2.6666666667%; } }
.topicpath .inner { line-height: 1.2; }

.topicpath ol { display: flex; align-items: center; flex-wrap: wrap; padding: 0 120px; }

@media screen and (max-width: 960px) { .topicpath ol { padding: 0; } }
.topicpath ol li { margin-right: 0.5em; font-size: 0.75rem; font-weight: bold; }

.topicpath ol li:first-child a { display: inline-flex; align-items: center; }

.topicpath ol li a { padding-right: 0.5em; }

.topicpath ol .ico-home { width: 0.75rem; }

/* ==================================================================================================== メインタイトル
==================================================================================================== */
.mainttl-sec { padding: 10px 0 45px; background-color: #f4f3ea; }

@media screen and (max-width: 750px) { .mainttl-sec { padding-bottom: 30px; } }
.mainttl-sec .mainttl-in { position: relative; }

.mainttl-sec .mainttl-ttl { font-size: 2.1875rem; text-align: center; font-weight: 700; }

.mainttl-sec .mainttl-txt { font-size: 1.5625rem; text-align: center; font-weight: 700; }

.mainttl-sec .mainttl-icon { position: absolute; top: 0; right: 0; }

/* ==================================================================================================== フッター
==================================================================================================== */
.footer .footer-in { max-width: 1040px; margin: 0 auto; padding: 0 20px; }

@media screen and (max-width: 750px) { .footer .footer-in { padding: 0 4.6666666667%; } }
.footer .footer-nav { padding: 55px 0 60px; background-color: #ffe900; background-image: url("../img/common/footer_i001.png"); background-position: right top; background-repeat: no-repeat; }

@media screen and (max-width: 750px) { .footer .footer-nav { padding: 8% 0 5.3333333333%; background-image: url("../img/common/footer_sp_bg001.png"); background-position: center top; background-size: contain; } }
.footer .footer-nav .footer-con { position: relative; display: flex; justify-content: flex-end; }

@media screen and (max-width: 750px) { .footer .footer-nav .footer-con { display: block; } }
.footer .footer-nav .footer-con .footer-logo { position: absolute; top: 0; left: 0; width: 29%; margin-top: -4%; margin-left: -3%; }

@media screen and (max-width: 1070px) { .footer .footer-nav .footer-con .footer-logo { margin-left: -1%; } }
@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .footer-logo { position: static; width: 62.2058823529%; margin: 0 auto 5.8823529412%; } }
.footer .footer-nav .footer-con .footer-link { display: flex; justify-content: flex-end; width: 42%; margin-top: 25px; margin-right: 5%; }

@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .footer-link { width: 100%; justify-content: space-between; margin: 0 auto 5.8823529412%; } }
.footer .footer-nav .footer-con .footer-link ul { width: 46.9047619048%; margin-right: 6.1904761905%; }

@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .footer-link ul { width: 45.1470588235%; margin-right: 0; } }
.footer .footer-nav .footer-con .footer-link ul:last-child { margin-right: 0; }

.footer .footer-nav .footer-con .footer-link ul li { border-bottom: 1px solid #fff; }

.footer .footer-nav .footer-con .footer-link ul li a { display: block; text-decoration: none; padding: 10px 10px 10px 0; background: url("../img/common/ico_arrow_o.svg") no-repeat right center; background-size: 3.5532994924%; font-size: 0.9375rem; font-weight: bold; }

@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .footer-link ul li a { padding: 6.5146579805% 3.2573289902% 6.5146579805% 0; background-size: 3.9087947883%; font-size: 0.875rem; } }
.footer .footer-nav .footer-con .footer-sns { width: 24%; }

@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .footer-sns { width: 74.4117647059%; margin: 0 auto; } }
.footer .footer-nav .footer-con .footer-sns p { width: 40%; margin: 0 auto; }

.footer .footer-nav .footer-con .footer-sns ul { position: relative; z-index: 9; display: flex; align-items: center; justify-content: center; margin-top: -5px; padding: 20px; background-color: #fff; border-radius: 2rem; }

@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .footer-sns ul { padding: 8.5106382979% 0; border-radius: 4em; } }
.footer .footer-nav .footer-con .footer-sns ul li { width: 15%; margin-right: 8.5%; }

@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .footer-sns ul li { width: 12.4505928854%; margin-right: 6.9169960474%; } }
.footer .footer-nav .footer-con .footer-sns ul li:last-child { margin-right: 0; }

.footer .footer-nav .footer-con .footer-sns ul li._youtube { width: 18.5%; }

@media screen and (max-width: 750px) { .footer .footer-nav .footer-con .footer-sns ul li._youtube { width: 15.8102766798%; } }
.footer .footer-nav .footer-con .footer-sns ul li img { width: 100%; }

.footer .footer-main { padding: 30px 0; }

@media screen and (max-width: 750px) { .footer .footer-main { padding: 9.3333333333% 0 8%; } }
.footer .footer-main .footer-con { display: flex; justify-content: space-between; }

@media screen and (max-width: 750px) { .footer .footer-main .footer-con { display: block; } }
.footer .footer-main .footer-con .footer-l { width: 50%; }

@media screen and (max-width: 750px) { .footer .footer-main .footer-con .footer-l { width: 100%; margin-bottom: 30px; } }
.footer .footer-main .footer-con .footer-l dl { margin-bottom: 10px; }

@media screen and (max-width: 750px) { .footer .footer-main .footer-con .footer-l dl { width: 91.1764705882%; margin: 0 auto 5.8823529412%; } }
.footer .footer-main .footer-con .footer-l dl dt { margin-bottom: 25px; font-size: 1.375rem; font-weight: 700; }

@media screen and (max-width: 750px) { .footer .footer-main .footer-con .footer-l dl dt { margin-bottom: 5.8823529412%; font-size: 1.125rem; text-align: center; } }
.footer .footer-main .footer-con .footer-l dl dd { line-height: 1.6; }

@media screen and (max-width: 750px) { .footer .footer-main .footer-con .footer-l dl dd { width: 89.5161290323%; margin: 0 auto; font-size: 0.875rem; } }
.footer .footer-main .footer-con .footer-l dl dd a { text-decoration: none; }

.footer .footer-main .footer-con .footer-l dl dd a:hover { text-decoration: underline; }

.footer .footer-main .footer-con .footer-l .footer-btn { max-width: 356px; }

@media screen and (max-width: 750px) { .footer .footer-main .footer-con .footer-l .footer-btn { width: 76.9117647059%; max-width: 100%; margin: 0 auto; } }
.footer .footer-main .footer-con .footer-l .footer-btn a { display: block; text-decoration: none; padding: 10px; background-color: #5876ad; font-size: 1.125rem; font-weight: 700; text-align: center; color: #fff; border-radius: 1.5rem; }

@media screen and (max-width: 750px) { .footer .footer-main .footer-con .footer-l .footer-btn a { padding: 15px; font-size: 0.875rem; } }
.footer .footer-main .footer-con .footer-r { width: 50%; }

@media screen and (max-width: 750px) { .footer .footer-main .footer-con .footer-r { width: 100%; } }
.footer .footer-main .footer-con .footer-r ul { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 35px; }

@media screen and (max-width: 750px) { .footer .footer-main .footer-con .footer-r ul { justify-content: center; } }
.footer .footer-main .footer-con .footer-r ul li { margin-left: 5px; cursor: pointer; }

.footer .footer-main .footer-con .footer-r .footer-aichi { margin-bottom: 25px; text-align: right; }

@media screen and (max-width: 750px) { .footer .footer-main .footer-con .footer-r .footer-aichi { width: 61.0294117647%; margin: 0 auto 7.3529411765%; text-align: center; } }
.footer .footer-main .footer-con .footer-r .copy { font-size: 0.875rem; font-weight: 300; text-align: right; }

@media screen and (max-width: 750px) { .footer .footer-main .footer-con .footer-r .copy { font-size: 0.75rem; text-align: center; font-weight: 300; } }
.opacity { transition: all .6s; }

.opacity:hover { opacity: 0.7; }

.tab { display: none; }

.tab.active { display: block; }

.ico::before { content: ''; display: inline-block; background-repeat: no-repeat !important; background-size: contain; }

.ico.ico-search { margin-right: 0.5em; }

.ico.ico-search::before { width: 1.4375rem; height: 1.4375rem; background: url("../img/common/ico_search.svg"); }

.ico.ico-file { margin-right: 0.5em; }

.ico.ico-file::before { width: 0.9375rem; height: 1.1875rem; background: url("../img/common/ico_file.svg"); }

.ico.ico-file-g { margin-right: 0.5em; }

.ico.ico-file-g::before { width: 0.9375rem; height: 1.1875rem; background: url("../img/common/ico_file_g.svg"); }

.ico.ico-about::before { width: 3.1875rem; height: 2.84375rem; background: url("../img/common/ico_gnav_01.svg"); }

.ico.ico-iimono::before { width: 3.78125rem; height: 2.21875rem; background: url("../img/common/ico_gnav_02.svg"); }

.ico.ico-sdgs::before { width: 1.96875rem; height: 1.96875rem; background: url("../img/common/ico_gnav_03.svg"); }

.ico.ico-shop::before { width: 2.1875rem; height: 1.78125rem; background: url("../img/common/ico_gnav_04.svg"); }

.ico.ico-supporter::before { width: 2.65625rem; height: 1.78125rem; background: url("../img/common/ico_gnav_05.svg"); }

.ico.ico-business::before { width: 2.53125rem; height: 1.375rem; background: url("../img/common/ico_gnav_06.svg"); }

.ico.ico-movie::before { width: 2.53125rem; height: 1.375rem; background: url("../img/common/ico_gnav_07.svg"); }

.ico.ico-recipe::before { width: 2.53125rem; height: 1.375rem; background: url("../img/common/ico_gnav_08.svg"); }

.ico.ico-insta-l::before { width: 2.875rem; height: 2.875rem; background: url("../img/common/ico_insta_l.png"); }

.ico.ico-youtube::before { width: 2.875rem; height: 2rem; background: url("../img/common/ico_youtube.svg"); }

.ico.ico-news::before { width: 1.75rem; height: 1.125rem; background: url("../img/common/ico_news.svg"); }

.ico.ico-movie-g::before { width: 2.3125rem; height: 1.625rem; background: url("../img/movie/ico_movie02.svg"); }

@media screen and (max-width: 750px) { .ico.ico-movie-g::before { width: 1.65625rem; height: 1.15625rem; } }
.category { width: 100%; max-width: 95px; padding: 5px; font-size: 0.875rem; text-align: center; }

.category.category01 { background-color: #ffe90d; }

.category.category02 { background-color: #8be9d4; }

.pager { display: flex; align-items: center; justify-content: center; line-height: 1; }

.pager p { width: 20px; }

.pager ol { display: flex; align-items: center; justify-content: center; }

.pager ol li { padding: 0 10px; border-right: 1px solid #646464; }

@media screen and (max-width: 750px) { .pager ol li { padding: 0 5px; } }
.pager ol li:last-child { border-right: none; }

.pager ol li a { display: block; text-decoration: none; padding: 5px 15px; color: #646464; font-weight: bold; }

@media screen and (max-width: 750px) { .pager ol li a { padding: 5px 10px; font-size: 0.75rem; } }
.pager ol li a:hover, .pager ol li a.active { background-color: #139655; color: #fff; border-radius: 5px; }

.back-btn { max-width: 280px; margin: 80px auto 0; }

.back-btn a { display: block; text-decoration: none; padding: 15px 10px; background: #eda614 url("../img/common/ico_back.svg") no-repeat left 15px center; background-size: 5.7142857143% auto; font-size: 1.25rem; font-weight: 700; text-align: center; color: #fff; line-height: 1; border-radius: 2em; }

@media screen and (max-width: 750px) { .back-btn a { font-size: 1.25rem; } }
.map-search .map-search-fig { position: relative; max-width: 800px; margin: 0 auto 35px; }

@media screen and (max-width: 750px) { .map-search .map-search-fig { display: none; } }
.map-search .map-search-fig .fig-btn { z-index: 999; position: absolute; bottom: 0; right: 0; width: 100%; max-width: 120px; margin-right: 11.25%; }

.map-search .map-search-fig .fig-btn.fig-btn01 { margin-bottom: 12.5%; }

.map-search .map-search-fig .fig-btn.fig-btn02 { margin-bottom: 7.5%; }

.map-search .map-search-fig .fig-btn.fig-btn03 { margin-bottom: 2.5%; }

.map-search .map-search-fig .fig-btn a { display: block; text-decoration: none; width: 100%; padding: 6px; border: 1px solid #94e06e; background-color: #fff; font-size: 1rem; text-align: center; line-height: 1; border-radius: 0.5em; }

.map-search .map-search-fig .fig-heading { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; text-align: center; font-weight: 400; }

.map-search .map-search-fig .fig-heading .ico-arrow { margin-right: 0.5em; }

.map-search .map-search-fig .fig-heading .ico-arrow::before { width: 1.375rem; height: 1.375rem; background: url("../img/common/ico_arrow.svg"); }

.map-search .map-search-fig .fig-image { position: relative; width: 92.5%; margin: 0 auto; }

@media screen and (max-width: 960px) { .map-search .map-search-fig .fig-image { width: 100%; } }
.map-search .map-search-fig .fig-image-name, .map-search .map-search-fig .fig-image-selected, .map-search .map-search-fig .fig-image-city { position: absolute; top: 0; left: 0; width: 100%; }

.map-search .map-search-fig .fig-image-name { z-index: 10; }

.map-search .map-search-fig .fig-image-city { display: none; }

.map-search .map-search-fig .fig-image-city.is-show { display: block; }

.map-search .map-search-list .list-heading { margin-bottom: 20px; font-weight: bold; }

.map-search .map-search-list dl { display: flex; padding: 25px 0; border-top: 1px solid #c6cdda; }

@media screen and (max-width: 750px) { .map-search .map-search-list dl { padding: 20px 0; } }
.map-search .map-search-list dl:last-child { border-bottom: 1px solid #c6cdda; }

.map-search .map-search-list dl dt { width: 7em; font-weight: bold; }

@media screen and (max-width: 750px) { .map-search .map-search-list dl dt { width: 5em; } }
.map-search .map-search-list dl dd { flex: 1; }

.map-search .map-search-list dl dd ul { display: flex; flex-wrap: wrap; }

.map-search .map-search-list dl dd ul li { width: 5em; margin-right: 1em; font-weight: 300; line-height: 2; }

.map-search .map-search-list dl dd ul li a { text-decoration: none; }

.map-search .map-search-list dl dd ul li a:hover { text-decoration: underline; }

/* ==================================================================================================== 店舗検索
==================================================================================================== */
.search-con { display: flex; align-items: center; justify-content: center; padding: 55px 0; background-color: #f1f0ef; border-radius: 6em; line-height: 1; }

@media screen and (max-width: 750px) { .search-con { display: block; padding: 40px 4.4117647059%; border-radius: 0.2em; } }
.search-con .area, .search-con .genre, .search-con .keyword { width: 21.6%; padding: 10px 15px; border: none; background-color: #fff; font-size: 0.9375rem; }

@media screen and (max-width: 750px) { .search-con .area, .search-con .genre, .search-con .keyword { width: 100%; } }
.search-con .search-btn { display: flex; align-items: center; justify-content: center; width: 10%; margin-left: 2%; padding: 7px; background-color: #eda614; font-size: 1.125rem; font-weight: bold; color: #fff; text-align: center; border-radius: 0.2em; cursor: pointer; }

@media screen and (max-width: 960px) { .search-con .search-btn { width: 12%; margin-left: 1%; } }
@media screen and (max-width: 750px) { .search-con .search-btn { width: 29.4117647059%; margin: 20px auto 0; } }
.search-con span { margin: 0 1.5%; font-size: 0.9375rem; }

@media screen and (max-width: 960px) { .search-con span { margin: 0 1%; } }
@media screen and (max-width: 750px) { .search-con span { display: block; margin: 10px 0; text-align: center; } }
/* ==================================================================================================== SDGs
==================================================================================================== */
.sdgs-point .point-heading { margin-bottom: 60px; font-size: 1.75rem; font-weight: 700; text-align: center; }

@media screen and (max-width: 750px) { .sdgs-point .point-heading { font-size: 1.4375rem; } }
.sdgs-point .point-heading span { background: linear-gradient(transparent 60%, #ffe900 60%); }

.sdgs-point .point-list { display: flex; margin-bottom: 60px; }

@media screen and (max-width: 960px) { .sdgs-point .point-list { display: block; } }
.sdgs-point .point-list li { position: relative; width: 30.4%; margin-right: 4.4%; background-color: #fff; border: 1px solid #eda614; border-radius: 50%; }

@media screen and (max-width: 960px) { .sdgs-point .point-list li { width: 40%; margin: 0 auto 40px; } }
@media screen and (max-width: 750px) { .sdgs-point .point-list li { width: 80.8823529412%; margin: 0 auto 40px; } }
.sdgs-point .point-list li::before { content: ''; display: block; padding-top: 100%; }

.sdgs-point .point-list li:first-child p { width: 26.9736842105%; margin-top: 3.9473684211%; margin-left: -13.4868421053%; }

.sdgs-point .point-list li:nth-child(2) p { width: 38.4868421053%; margin-top: -1.6447368421%; margin-left: -19.0789473684%; }

.sdgs-point .point-list li:last-child { margin-right: 0; }

.sdgs-point .point-list li:last-child p { width: 31.25%; margin-top: 9.8684210526%; margin-left: -15.4605263158%; }

@media screen and (max-width: 960px) { .sdgs-point .point-list li:last-child { margin: 0 auto; } }
.sdgs-point .point-list li p { position: absolute; top: 0; left: 50%; }

.sdgs-point .point-list li dl { position: absolute; top: 0; left: 50%; width: 62.5%; margin-top: 46.0526315789%; margin-left: -31.25%; }

.sdgs-point .point-list li dl dt { margin-bottom: 5px; font-size: 1.875rem; text-align: center; }

.sdgs-point .point-list li dl dd { font-size: 0.875rem; text-align: center; }

.sdgs-point .point-txt { font-size: 1.5rem; font-weight: 700; text-align: center; }

.top-arrow { font-size: 1.25rem; font-weight: bold; text-align: center; }

.top-arrow::after { content: ''; display: block; width: 50px; height: 14px; margin: 15px auto 0; background: url("../img/about/activity_i004.png") no-repeat center center; }

.clearfix { zoom: 1; }

.clearfix::before { content: ""; display: table; }

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

.w100 { width: 100%; }

.js-size-s { font-size: 14px; }

.js-size-l { font-size: 18px; }

.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); } }
/*# sourceMappingURL=style.css.map */

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