@charset "UTF-8";
/* ------------------------------ ヘッダー
------------------------------ */
.header { position: fixed; }
.header .header-main .header-logo ._homeimg { display: none; }
.header._home { position: relative; border-bottom: none; }
@media screen and (max-width: 980px) { .header._home { position: sticky; border-bottom: 2px solid #0d5642; } }
.header._home .header-main { position: absolute; top: 0; width: 100%; align-items: flex-start; background: none; }
@media screen and (max-width: 980px) { .header._home .header-main { position: relative; align-items: center; background: #fff; } }
.header._home .header-main .header-logo { position: absolute; top: 0; left: 0; max-width: 223px; margin-top: 25px; margin-left: 110px; }
@media screen and (max-width: 1140px) { .header._home .header-main .header-logo { margin-left: 20px; } }
@media screen and (max-width: 980px) { .header._home .header-main .header-logo { position: static; max-width: 409px; margin: 0; } }
@media screen and (max-width: 750px) { .header._home .header-main .header-logo { max-width: 230px; } }
.header._home .header-main .header-logo ._homeimg { display: inline; }
.header._home .header-main .header-logo ._normalimg { display: none; }
.header._home .header-main .header-box { flex: 1; display: flex; align-items: center; justify-content: flex-end; padding-right: 5px; width: 100%; max-width: 569px; height: 54px; margin: 0 0 0 auto; background-color: #fff; border-bottom-left-radius: 10px; }
@media screen and (max-width: 980px) { .header._home .header-main .header-box { display: none; } }
.header._home .header-main .header-sp { display: none; }
@media screen and (max-width: 980px) { .header._home .header-main .header-sp { flex: 1; display: flex; align-items: center; justify-content: flex-end; column-gap: 30px; } }
@media screen and (max-width: 980px) and (max-width: 750px) { .header._home .header-main .header-sp { column-gap: 15px; } }

.header._home .header-main .header-sp .header-language { width: 48px; }
@media screen and (max-width: 750px) { .header._home .header-main .header-sp .header-language { width: 38px; } }
.header._home .header-main .header-sp .header-search { width: 45px; }
@media screen and (max-width: 750px) { .header._home .header-main .header-sp .header-search { width: 35px; } }
.header._home .header-main .header-sp .header-menu { display: block; width: 68px; height: 72px; cursor: pointer; }
@media screen and (max-width: 750px) { .header._home .header-main .header-sp .header-menu { width: 50px; height: 52px; } }
.header._home .header-main .header-sp .header-menu button { position: relative; width: 100%; height: 38px; margin: 0 auto 10px; }
@media screen and (max-width: 750px) { .header._home .header-main .header-sp .header-menu button { margin-bottom: 5px; height: 30px; } }
.header._home .header-main .header-sp .header-menu span { position: absolute; right: 0; display: block; width: 100%; height: 4px; background-color: #0d5642; transition: all .4s; }
.header._home .header-main .header-sp .header-menu span:nth-of-type(1) { top: 0; }
.header._home .header-main .header-sp .header-menu span:nth-of-type(2) { top: 50%; margin-top: -2px; }
.header._home .header-main .header-sp .header-menu span:nth-of-type(3) { bottom: 0; }
.header._home .header-main .header-sp .header-menu .header-menu-txt { text-align: center; line-height: 1; }
.header._home .header-main .header-sp .header-menu .header-menu-txt:before { content: 'MENU'; font-size: 1.6rem; color: #0d5642; font-weight: 700; }
@media screen and (max-width: 750px) { .header._home .header-main .header-sp .header-menu .header-menu-txt:before { font-size: 1.2rem; } }
.header._home .gnav { display: none !important; }

/* ------------------------------ コンテンツ
------------------------------ */
.home-ttl { margin-bottom: 10px; font-size: 4.0rem; font-weight: 400; text-align: center; }
@media screen and (max-width: 750px) { .home-ttl { font-size: 2.7rem; } }
.home-ttl span { padding-inline: 0.5em; background: linear-gradient(transparent 60%, #fff36a 60%); }

.home-ttl-en { font-size: 2.7rem; font-weight: 200; font-style: italic; text-align: center; }
@media screen and (max-width: 750px) { .home-ttl-en { font-size: 1.6rem; } }

.c-newslist { max-width: 800px; }
@media screen and (max-width: 750px) { .c-newslist { max-width: 100%; } }
.c-newslist li a { column-gap: 5%; padding-block: 20px; }
@media screen and (max-width: 750px) { .c-newslist li a { column-gap: 4.0322580645%; padding-block: 4.8387096774%; } }
.c-newslist li .news-fig { width: 18.5%; aspect-ratio: 148 / 111; }
@media screen and (max-width: 750px) { .c-newslist li .news-fig { width: 32.2580645161%; aspect-ratio: 1.3333333333; } }
.c-newslist li .news-box .news-item { display: block; }
@media screen and (max-width: 750px) { .c-newslist li .news-box .news-item { display: flex; align-items: flex-start; margin-bottom: 10px; column-gap: 1em; } }
.c-newslist li .news-box .news-cate { margin-bottom: 5px; }
@media screen and (max-width: 750px) { .c-newslist li .news-box .news-cate { margin-bottom: 0; } }
.c-newslist li .news-box .news-date { margin-bottom: 5px; }
@media screen and (max-width: 750px) { .c-newslist li .news-box .news-date { margin-bottom: 0; } }
.c-newslist li .news-box .news-heading { font-size: 1.6rem; }
@media screen and (max-width: 750px) { .c-newslist li .news-box .news-heading { font-size: 1.1rem; } }

.home-mainimg { z-index: 9999; position: relative; margin-bottom: 40px; }
.home-mainimg .mainimg-main { position: relative; margin-bottom: 60px; }
.home-mainimg .mainimg-main .mainimg-main-swiper { overflow: hidden; }
.home-mainimg .mainimg-main .mainimg-ttl { z-index: 99; position: absolute; top: 50%; left: 50%; width: 26%; margin-top: -10.2857142857%; margin-left: -13%; }
@media screen and (max-width: 750px) { .home-mainimg .mainimg-main .mainimg-ttl { width: 60%; margin-top: -23.7333333333%; margin-left: -30%; } }
.home-mainimg .mainimg-main .mainimg-bg { z-index: 99; position: absolute; bottom: 0; left: 0; width: 100%; margin-bottom: -35px; }
.home-mainimg .mainimg-main .mainimg-side { z-index: 999; position: absolute; top: 0; right: 0; width: 12.8571428571%; margin-top: 7.1428571429%; padding: 25px; background: rgba(255, 255, 255, 0.8); border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
@media screen and (max-width: 980px) { .home-mainimg .mainimg-main .mainimg-side { display: none; } }
.home-mainimg .mainimg-main .mainimg-side ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #c8c8c8; }
.home-mainimg .mainimg-main .mainimg-side ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.home-mainimg .mainimg-main .mainimg-side ul li a { display: block; text-decoration: none; }
.home-mainimg .mainimg-main .mainimg-side ul li a p { margin-top: 10px; font-size: 1.4rem; line-height: 1.6; }
.home-mainimg .mainimg-sub .sub-main { display: flex; align-items: center; justify-content: center; column-gap: 30px; }
.home-mainimg .mainimg-sub .mainimg-sub-swiper { width: 100%; max-width: 440px; overflow: hidden; }
.home-mainimg .mainimg-sub .slide-btn { width: 27px; }

.nav-side ._homeimg { display: none; }
.nav-side._home { bottom: 0; right: 0; width: 14.8571428571%; margin-right: 8.5714285714%; margin-bottom: 1.4285714286%; box-shadow: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.nav-side._home ._homeimg { display: block; }
.nav-side._home ._normalimg { display: none; }

.home-important { margin-bottom: 50px; }
@media screen and (max-width: 750px) { .home-important { margin-bottom: 9.3333333333%; } }
.home-important .important-main { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; max-width: 1000px; margin: 0 auto; padding: 25px 30px; background-color: #ffced9; }
@media screen and (max-width: 750px) { .home-important .important-main { display: block; padding: 5.8823529412%; } }
.home-important .important-main .important-ttl { display: flex; align-items: center; width: 13em; padding-right: 1em; font-weight: 700; }
@media screen and (max-width: 750px) { .home-important .important-main .important-ttl { justify-content: center; width: 100%; margin-right: 0; margin-bottom: 6.6666666667%; } }
.home-important .important-main .important-ttl .ico { width: 2.8rem; margin-right: 15px; }
.home-important .important-main .important-list { flex: 1; }
.home-important .important-main .important-list ul li { margin-bottom: 20px; }
.home-important .important-main .important-list ul li:last-child { margin-bottom: 0; }
.home-important .important-main .important-list ul li a { text-decoration: none; display: flex; align-items: center; }
@media screen and (max-width: 980px) { .home-important .important-main .important-list ul li a { display: block; } }
.home-important .important-main .important-list ul li a:hover .important-txt { text-decoration: none; }
.home-important .important-main .important-list ul li a .important-box { display: flex; align-items: center; margin-right: 1em; }
@media screen and (max-width: 980px) { .home-important .important-main .important-list ul li a .important-box { margin-right: 0; margin-bottom: 10px; } }
.home-important .important-main .important-list ul li a .important-cate { width: 5em; margin-right: 1em; padding: 2px; background-color: #fff; text-align: center; }
@media screen and (max-width: 750px) { .home-important .important-main .important-list ul li a .important-cate { font-size: 1.4rem; } }
.home-important .important-main .important-list ul li a .important-date { flex: 1; }
@media screen and (max-width: 750px) { .home-important .important-main .important-list ul li a .important-date { font-size: 1.4rem; } }
.home-important .important-main .important-list ul li a .important-txt { text-decoration: underline; font-weight: 700; }

.home-banner { display: none; }
@media screen and (max-width: 980px) { .home-banner { display: block; margin-bottom: 70px; } }
@media screen and (max-width: 750px) { .home-banner { margin-bottom: 9.3333333333%; } }
.home-banner p { width: 100%; max-width: 640px; margin: 0 auto; }

@media screen and (max-width: 980px) { .home-nav { display: none !important; } }
.home-nav ul { display: flex; justify-content: space-between; width: 100%; max-width: 1000px; margin: 0 auto; }
.home-nav ul li a { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; text-decoration: none; padding-block: 25px; height: 100%; }
.home-nav ul li a:hover::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #000; }
.home-nav ul li a .ico { display: block; margin: 0 auto; }
.home-nav ul li a .ico.ico-experience { width: 4.6rem; }
.home-nav ul li a .ico.ico-spot { width: 2.7rem; }
.home-nav ul li a .ico.ico-event { width: 2.7rem; }
.home-nav ul li a .ico.ico-column { width: 3.4rem; }
.home-nav ul li a .ico.ico-food { width: 3.0rem; }
.home-nav ul li a .ico.ico-souvenir { width: 2.0rem; }
.home-nav ul li a .ico.ico-stay { width: 4.4rem; }
.home-nav ul li a .ico.ico-access { width: 3.0rem; }
.home-nav ul li a p { margin-top: 10px; font-size: 1.4rem; text-align: center; line-height: 1; }

.home-contents { padding-block: 60px; background: url("../img/home/home_bg001.png") no-repeat left top; background-size: cover; border-top: 1px solid #929292; }
@media screen and (max-width: 750px) { .home-contents { padding: 9.3333333333% 0 26.6666666667%; } }
.home-contents .contents-main { width: 100%; max-width: 960px; margin: 0 auto; }
@media screen and (max-width: 750px) { .home-contents .contents-main { max-width: 100%; } }

.home-spot { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
@media screen and (max-width: 980px) { .home-spot { flex-direction: column; } }
@media screen and (max-width: 750px) { .home-spot { margin-bottom: 5.8823529412%; } }
.home-spot .spot-search { display: flex; align-items: center; justify-content: space-between; flex: 1; padding-block: 10px; border: 1px solid #929292; background-color: #fff; border-radius: 4em; overflow: hidden; }
@media screen and (max-width: 980px) { .home-spot .spot-search { width: 100%; } }
.home-spot .spot-search input { flex: 1; margin-inline: 30px; border: none; font-size: 1.8rem; }
@media screen and (max-width: 750px) { .home-spot .spot-search input { margin-inline: 1em; font-size: 1.45rem; } }
.home-spot .spot-search button { width: 70px; border-left: 1px solid #929292; }
.home-spot .spot-search button img { width: 2.6rem; }
.home-spot .spot-btn { display: flex; justify-content: space-between; width: 100%; max-width: 467px; column-gap: 5.3533190578%; }
@media screen and (max-width: 750px) { .home-spot .spot-btn { max-width: 100%; column-gap: 3.6764705882%; } }
.home-spot .spot-btn button { display: flex; align-items: center; justify-content: center; padding: 10px; background-color: #00946e; font-size: 1.8rem; font-weight: 700; color: #fff; border-radius: 2em; }
@media screen and (max-width: 750px) { .home-spot .spot-btn button { font-size: 1.4rem; } }
.home-spot .spot-btn button .ico { width: 2.0rem; margin-right: 15px; }
.home-spot .spot-btn button.spot-calendar { width: 51.8201284797%; }
@media screen and (max-width: 750px) { .home-spot .spot-btn button.spot-calendar { width: 48.0882352941%; } }
.home-spot .spot-btn button.spot-news { width: 42.8265524625%; }
@media screen and (max-width: 750px) { .home-spot .spot-btn button.spot-news { width: 48.0882352941%; } }

.home-rank { display: flex; align-items: center; margin-bottom: 30px; padding: 20px 30px; border: 1px solid #929292; background-color: #fff; border-radius: 4em; }
@media screen and (max-width: 750px) { .home-rank { display: block; margin-bottom: 8.8235294118%; padding: 6.6176470588%; border-radius: 2em; } }
.home-rank .rank-ttl { display: flex; align-items: center; width: 13em; font-size: 1.8rem; font-weight: 700; color: #00946e; }
@media screen and (max-width: 750px) { .home-rank .rank-ttl { width: 100%; margin-bottom: 6.7796610169%; font-size: 1.6rem; text-align: left; } }
.home-rank .rank-ttl .ico { width: 3.0rem; margin-right: 10px; }
.home-rank .rank-link { flex: 1; display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .home-rank .rank-link { display: block; } }
.home-rank .rank-link p { margin-right: 1em; padding-right: 1em; border-right: 1px solid #323232; }
@media screen and (max-width: 750px) { .home-rank .rank-link p { margin-right: 0; margin-bottom: 1em; padding-right: 0; border-right: none; } }
.home-rank .rank-link p:last-child { padding-right: 0; margin-right: 0; border-right: none; }
@media screen and (max-width: 750px) { .home-rank .rank-link p:last-child { margin-top: 2em; margin-bottom: 0; } }
.home-rank .rank-link p a { padding-left: 10px; font-weight: 700; color: #1d88f2; }

.home-picup { display: flex; align-items: center; }
@media screen and (max-width: 750px) { .home-picup { display: block; } }
.home-picup .picup-ttl { width: 6em; font-size: 2.6rem; font-weight: 600; color: #00946e; }
@media screen and (max-width: 750px) { .home-picup .picup-ttl { width: 100%; margin-bottom: 1em; font-size: 2rem; } }
.home-picup .picup-link { flex: 1; display: flex; flex-wrap: wrap; gap: 20px 40px; }
@media screen and (max-width: 750px) { .home-picup .picup-link { flex-direction: column; } }
.home-picup .picup-link p a { text-decoration: none; font-size: 1.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .home-picup .picup-link p a { font-size: 1.6rem; } }
.home-picup .picup-link p a:hover { text-decoration: underline; }

.home-experience { position: relative; background: url("../img/home/experience_i003.png") no-repeat left bottom 335px; }
@media screen and (max-width: 980px) { .home-experience { background-size: 37.1428571429% auto; } }
@media screen and (max-width: 750px) { .home-experience { background: none; } }
.home-experience .ex-in { position: relative; padding: 105px 0 250px; overflow: hidden; }
@media screen and (max-width: 750px) { .home-experience .ex-in { padding: 17.3333333333% 0 60%; background: none; } }
.home-experience .ex-icon { position: absolute; }
.home-experience ._ico01 { top: 0; left: 0; margin-top: -1.7857142857%; margin-left: -2.8571428571%; }
@media screen and (max-width: 980px) { .home-experience ._ico01 { width: 19.6428571429%; } }
@media screen and (max-width: 750px) { .home-experience ._ico01 { display: none; } }
.home-experience ._ico02 { bottom: 0; right: 0; margin-bottom: 2.5%; margin-right: -2.1428571429%; }
@media screen and (max-width: 980px) { .home-experience ._ico02 { width: 18.5714285714%; } }
@media screen and (max-width: 750px) { .home-experience ._ico02 { width: 34.6666666667%; margin-bottom: 12%; margin-right: -1.3333333333%; } }
.home-experience ._ico03 { bottom: 0; left: 0; margin-bottom: 2.5%; }
@media screen and (max-width: 980px) { .home-experience ._ico03 { width: 29.5714285714%; } }
@media screen and (max-width: 750px) { .home-experience ._ico03 { width: 55.2%; margin-bottom: 13.3333333333%; margin-left: -3.3333333333%; } }
.home-experience ._ico04 { display: none; }
@media screen and (max-width: 750px) { .home-experience ._ico04 { display: block; top: 0; left: 50%; width: 32%; margin-top: -18.6666666667%; margin-left: -16%; } }
.home-experience .ex-main { background: url("../img/home/experience_i002.png") no-repeat right 0 top -35px; }
@media screen and (max-width: 980px) { .home-experience .ex-main { background-size: 24.7272727273% auto; background-position: right top 2.7272727273%; } }
@media screen and (max-width: 750px) { .home-experience .ex-main { background: none; } }
.home-experience .ex-list { z-index: 9; position: relative; display: flex; flex-wrap: wrap; width: 100%; max-width: 840px; margin: 45px auto 0; gap: 40px 7.1428571429%; }
@media screen and (max-width: 750px) { .home-experience .ex-list { gap: 30px 4.7058823529%; } }
.home-experience .ex-list li { width: 28.5714285714%; }
@media screen and (max-width: 750px) { .home-experience .ex-list li { width: 47.6470588235%; } }
.home-experience .ex-list li a { display: block; text-decoration: none; }
.home-experience .ex-list li p { margin-top: 10px; font-size: 1.8rem; font-weight: 400; text-align: center; }
@media screen and (max-width: 750px) { .home-experience .ex-list li p { font-size: 1.6rem; } }
.home-experience .ex-list li p span { background: linear-gradient(transparent 60%, #fff36a 60%); }

.home-event { padding: 185px 0 90px; background: url("../img/home/event_bg001.png") no-repeat left top; background-size: 100% auto; }
@media screen and (max-width: 750px) { .home-event { padding: 22.6666666667% 0 27.3333333333%; background: url("../img/home/sp/event_bg001.png") no-repeat left top; background-size: contain; } }
.home-event .event-top { margin-bottom: 65px; }
.home-event .event-top .event-lead { margin-bottom: 55px; font-size: 1.7rem; text-align: center; }
@media screen and (max-width: 750px) { .home-event .event-top .event-lead { margin-bottom: 19.8529411765%; font-size: 1.5rem; } }
.home-event .event-main { margin-bottom: 40px; }
@media screen and (max-width: 750px) { .home-event .event-main { margin-bottom: 10%; } }
@media screen and (max-width: 750px) { .home-event .event-main .inner { padding: 0; } }
.home-event .event-main .event-slide .event-swiper { width: 100%; max-width: 1000px; margin: 0 auto; overflow: hidden; }
.home-event .event-main .event-slide .event-list li a { display: block; text-decoration: none; }
.home-event .event-main .event-slide .event-list li .c-fig { margin-bottom: 10px; aspect-ratio: 278 / 209; border-radius: 0; }
.home-event .event-main .event-slide .event-list li .event-date { margin-bottom: 10px; font-size: 1.4rem; }
@media screen and (max-width: 750px) { .home-event .event-main .event-slide .event-list li .event-date { font-size: 1.2rem; } }
.home-event .event-main .event-slide .event-list li .event-heading { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #fff36a; font-weight: 700; }
@media screen and (max-width: 750px) { .home-event .event-main .event-slide .event-list li .event-heading { font-size: 1.4rem; } }
.home-event .event-main .event-slide .event-list li .event-txt { margin-bottom: 10px; font-size: 1.4rem; }
@media screen and (max-width: 750px) { .home-event .event-main .event-slide .event-list li .event-txt { font-size: 1.2rem; } }
.home-event .event-main .event-slide .event-list li .event-spot { display: flex; margin-bottom: 10px; font-size: 1.4rem; font-weight: 700; }
@media screen and (max-width: 750px) { .home-event .event-main .event-slide .event-list li .event-spot { font-size: 1.2rem; } }
.home-event .event-main .event-slide .event-list li .event-spot .ico { width: 0.8rem; margin-right: 10px; }
.home-event .event-main .event-tool { margin-top: 40px; }
@media screen and (max-width: 750px) { .home-event .event-main .event-tool { margin-top: 10%; } }
.home-event .event-main .event-tool .event-tool-main { display: flex; align-items: center; justify-content: center; column-gap: 30px; }
@media screen and (max-width: 750px) { .home-event .event-main .event-tool .event-tool-main { column-gap: 20px; } }
.home-event .event-main .event-tool .slide-btn { width: 50px; }
.home-event .event-main .event-tool .swiper-pagination-bullets { position: static; width: auto; margin: 0; }
.home-event .event-main .event-tool .swiper-pagination-bullet { width: 14px !important; height: 14px !important; margin: 0 15px !important; background: #dbe9ec; border-radius: 0; opacity: 1; }
@media screen and (max-width: 750px) { .home-event .event-main .event-tool .swiper-pagination-bullet { margin: 0 5px !important; } }
.home-event .event-main .event-tool .swiper-pagination-bullet-active { background: #00946e; }
@media screen and (max-width: 750px) { .home-event .event-btn p { width: 85.2941176471%; max-width: 100%; margin: 0 auto; }
  .home-event .event-btn p a { max-width: 100%; } }

.home-column { padding-block: 100px; background-color: #edfaff; }
@media screen and (max-width: 750px) { .home-column { padding: 30.6666666667% 0 24%; } }
.home-column .column-in { position: relative; }
.home-column .column-icon { position: absolute; top: 0; right: 0; width: 20.6363636364%; margin-top: -25.9090909091%; margin-right: 1.3636363636%; }
@media screen and (max-width: 750px) { .home-column .column-icon { right: 50%; width: 31.1764705882%; margin-top: -47.0588235294%; margin-right: -15.5882352941%; } }
.home-column .column-ttl { margin-bottom: 50px; font-size: 2.9rem; text-align: center; font-weight: 700; color: #00946e; }
@media screen and (max-width: 750px) { .home-column .column-ttl { margin-bottom: 5.1470588235%; font-size: 1.9rem; } }
.home-column .column-list { display: flex; flex-wrap: wrap; width: 100%; max-width: 1100px; margin: 0 auto 60px; gap: 40px 6.3636363636%; }
@media screen and (max-width: 750px) { .home-column .column-list { flex-direction: column; row-gap: 20px; margin-bottom: 12.5%; } }
.home-column .column-list li { width: 29.0909090909%; }
@media screen and (max-width: 750px) { .home-column .column-list li { width: 100%; } }
.home-column .column-list li a { display: block; text-decoration: none; background-color: #fff; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2); border-radius: 10px; }
@media screen and (max-width: 750px) { .home-column .column-list li a { display: flex; align-items: center; column-gap: 3.1746031746%; padding: 4.4117647059% 3.6764705882%; box-shadow: none; } }
.home-column .column-list li .c-fig { aspect-ratio: 320 / 240; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
@media screen and (max-width: 750px) { .home-column .column-list li .c-fig { width: 31.746031746%; border-top-left-radius: 0; border-top-right-radius: 0; } }
.home-column .column-list li .column-box { padding: 25px 15px; }
@media screen and (max-width: 750px) { .home-column .column-list li .column-box { padding: 0; flex: 1; } }
.home-column .column-list li .column-heading { margin-bottom: 20px; font-size: 1.8rem; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .home-column .column-list li .column-heading { margin-bottom: 10px; font-size: 1.4rem; text-align: left; } }
.home-column .column-list li .column-txt { font-size: 1.4rem; }
@media screen and (max-width: 750px) { .home-column .column-list li .column-txt { font-size: 1.2rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } }
@media screen and (max-width: 750px) { .home-column .column-btn { width: 85.2941176471%; max-width: 100%; margin: 0 auto; }
  .home-column .column-btn a { max-width: 100%; } }

.home-news { padding-bottom: 135px; background-color: #edfaff; }
@media screen and (max-width: 750px) { .home-news { padding-bottom: 21.3333333333%; } }
.home-news .news-main { padding-block: 80px; border: 1px solid #00946e; background-color: #fff; }
@media screen and (max-width: 750px) { .home-news .news-main { padding-block: 13.2352941176%; } }
.home-news .news-ttl { margin-bottom: 60px; padding-inline: 20px; font-size: 2.9rem; font-weight: 700; text-align: center; color: #00946e; }
@media screen and (max-width: 750px) { .home-news .news-ttl { margin-bottom: 10.2941176471%; padding-inline: 2.9411764706%; font-size: 1.9rem; } }
.home-news .tabmenu { display: flex; justify-content: center; column-gap: 6.6666666667%; margin-bottom: 20px; border-bottom: 1px solid #00946e; }
@media screen and (max-width: 750px) { .home-news .tabmenu { column-gap: 2.9411764706%; margin-bottom: 0; } }
.home-news .tabmenu li { width: 38.3333333333%; padding: 20px 10px; background-color: #aabbcf; font-size: 2.3rem; font-weight: 700; color: #fff; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 20px; line-height: 1; cursor: pointer; }
@media screen and (max-width: 750px) { .home-news .tabmenu li { width: 43.3823529412%; font-size: 1.6rem; } }
.home-news .tabmenu li:hover, .home-news .tabmenu li.active { background-color: #00946e; }
.home-news .tabcontents { margin-bottom: 55px; padding-inline: 20px; }
@media screen and (max-width: 750px) { .home-news .tabcontents { margin-bottom: 13.2352941176%; padding-inline: 4.4117647059%; } }
.home-news .news-btn { max-width: 460px; margin: 0 auto; }
@media screen and (max-width: 750px) { .home-news .news-btn { width: 85.2941176471%; max-width: 100%; }
  .home-news .news-btn a { max-width: 100%; } }

.home-course { margin-bottom: 95px; padding-top: 180px; background: url("../img/home/course_bg001.png") no-repeat left top; background-size: 100% auto; }
@media screen and (max-width: 750px) { .home-course { margin-bottom: 60px; padding-top: 22.6666666667%; background: url("../img/home/sp/course_bg001.png") no-repeat left top; background-size: contain; } }
.home-course .course-top { margin-bottom: 45px; }
.home-course .course-top .inner { position: relative; }
.home-course .course-top .course-icon { position: absolute; top: 0; left: 0; width: 11.5454545455%; margin-top: -5.4545454545%; margin-left: 1.8181818182%; }
.home-course .course-main { overflow: hidden; margin-bottom: 50px; }
.home-course .course-main .tabmenu { display: flex; align-items: center; justify-content: center; column-gap: 1em; width: 100%; max-width: 1200px; margin: 0 auto 50px; padding-inline: 20px; }
@media screen and (max-width: 750px) { .home-course .course-main .tabmenu { padding-inline: 4%; column-gap: 0.5em; } }
.home-course .course-main .tabmenu li { width: 5em; padding: 10px; font-size: 1.8trm; font-weight: 700; text-align: center; line-height: 1; cursor: pointer; border-radius: 10px; }
.home-course .course-main .tabmenu li:hover, .home-course .course-main .tabmenu li.active { color: #fff; }
.home-course .course-main .tabmenu li._sp:hover, .home-course .course-main .tabmenu li._sp.active { background-color: #e59ed4; }
.home-course .course-main .tabmenu li._sm:hover, .home-course .course-main .tabmenu li._sm.active { background-color: #e59ed4; }
.home-course .course-main .tabmenu li._au:hover, .home-course .course-main .tabmenu li._au.active { background-color: #e59ed4; }
.home-course .course-main .tabmenu li._win:hover, .home-course .course-main .tabmenu li._win.active { background-color: #e59ed4; }
.home-course .course-main .tabmenu li._all:hover, .home-course .course-main .tabmenu li._all.active { background-color: #e59ed4; }
.home-course .course-main .course-slide .course-swiper ul { padding: 10px; }
.home-course .course-main .course-slide .course-swiper ul li a { display: block; text-decoration: none; padding: 20px 20px 30px; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2); line-height: 1.6; }
.home-course .course-main .course-slide .course-swiper ul li .c-fig { aspect-ratio: 212 / 159; }
.home-course .course-main .course-slide .course-swiper ul li .course-ttl { margin-top: 20px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #fff36a; font-weight: 700; }
.home-course .course-main .course-slide .course-swiper ul li .course-cate { display: flex; flex-wrap: wrap; gap: 1em; }
.home-course .course-main .course-slide .course-swiper ul li .course-cate span { display: inline-block; font-size: 1.2rem; }
.home-course .course-main .course-tool { margin-top: 40px; }
.home-course .course-main .course-tool .course-tool-main { display: flex; align-items: center; justify-content: center; column-gap: 30px; }
@media screen and (max-width: 750px) { .home-course .course-main .course-tool .course-tool-main { column-gap: 20px; } }
.home-course .course-main .course-tool .slide-btn { width: 50px; }
.home-course .course-main .course-tool .swiper-pagination-bullets { position: static; width: auto; margin: 0; }
.home-course .course-main .course-tool .swiper-pagination-bullet { width: 14px !important; height: 14px !important; margin: 0 15px !important; background: #dbe9ec; border-radius: 0; opacity: 1; }
@media screen and (max-width: 750px) { .home-course .course-main .course-tool .swiper-pagination-bullet { margin: 0 5px !important; } }
.home-course .course-main .course-tool .swiper-pagination-bullet-active { background: #00946e; }

.home-sns { margin-bottom: 160px; }
@media screen and (max-width: 750px) { .home-sns { margin-bottom: 60px; } }
.home-sns .sns-main { position: relative; padding: 50px 100px 110px; background-color: #ffffe9; border: 1px solid #00946e; }
@media screen and (max-width: 1200px) { .home-sns .sns-main { padding-inline: 50px; } }
@media screen and (max-width: 750px) { .home-sns .sns-main { padding: 40px 30px; } }
.home-sns .sns-main .sns-icon { position: absolute; bottom: 0; right: 0; width: 11.3333333333%; margin-right: 10.8333333333%; margin-bottom: -8.75%; }
.home-sns .sns-main .sns-lead { margin-bottom: 50px; font-size: 1.7rem; text-align: center; }
.home-sns .sns-main .sns-nav { display: flex; gap: 20px 2%; margin-bottom: 50px; }
@media screen and (max-width: 980px) { .home-sns .sns-main .sns-nav { flex-direction: column; } }
.home-sns .sns-main .sns-nav .sns-link { width: 32%; }
@media screen and (max-width: 980px) { .home-sns .sns-main .sns-nav .sns-link { width: 100%; } }
.home-sns .sns-main .sns-nav .sns-link a { display: flex; align-items: flex-start; text-decoration: none; padding: 30px 35px 50px; border-width: 1px; border-style: solid; background-color: #fff; background-position: center bottom 25px; background-repeat: no-repeat; background-size: 80.3125% auto; border-radius: 10px; }
@media screen and (max-width: 980px) { .home-sns .sns-main .sns-nav .sns-link a { background-size: 257px auto; } }
.home-sns .sns-main .sns-nav .sns-link a .ico { width: 44px; margin-right: 30px; }
.home-sns .sns-main .sns-nav .sns-link a p { flex: 1; font-size: 1.8rem; font-weight: 700; line-height: 1.2; }
.home-sns .sns-main .sns-nav .sns-link a p small { font-size: 1.4rem; }
.home-sns .sns-main .sns-nav .sns-link._fb a { border-color: #1877d4; background-image: url("../img/home/sns_i001.png"); }
.home-sns .sns-main .sns-nav .sns-link._x a { border-color: #333; background-image: url("../img/home/sns_i002.png"); }
.home-sns .sns-main .sns-nav .sns-link._insta a { border-color: #d82f80; background-image: url("../img/home/sns_i003.png"); }
.home-sns .sns-main ul { display: flex; column-gap: 2%; margin-bottom: 40px; }
.home-sns .sns-main ul li { width: 18.4%; }
.home-sns .sns-main .sns-txt { font-size: 1.5rem; text-align: center; }

.home-okumikawa { padding: 70px 0 60px; background-color: #edfaff; }
.home-okumikawa .okumikawa-main { display: flex; justify-content: space-between; gap: 40px 6.6666666667%; }
@media screen and (max-width: 750px) { .home-okumikawa .okumikawa-main { flex-direction: column; } }
.home-okumikawa .okumikawa-box { flex: 1; padding-top: 60px; padding-left: 90px; }
@media screen and (max-width: 980px) { .home-okumikawa .okumikawa-box { padding-left: 0; } }
.home-okumikawa .okumikawa-box .okumikawa-txt { margin-bottom: 30px; font-size: 1.7rem; }
.home-okumikawa .okumikawa-box .c-btn { margin: 0; }
@media screen and (max-width: 750px) { .home-okumikawa .okumikawa-box .c-btn { margin: 0 auto; } }
.home-okumikawa .okumikawa-fig { width: 43.75%; margin-top: -80px; }
@media screen and (max-width: 750px) { .home-okumikawa .okumikawa-fig { width: 100%; margin: 0 auto; } }

.home-fig ul { display: flex; }
.home-fig ul li { width: 25%; }

.home-useful { padding: 60px 0 95px; background: url("../img/home/useful_bg001.jpg") no-repeat left top; background-size: cover; }
@media screen and (max-width: 750px) { .home-useful { padding-bottom: 60px; } }
.home-useful .useful-ttl { position: relative; margin-bottom: 70px; font-size: 4.0rem; font-weight: 400; color: #fff; text-align: center; }
@media screen and (max-width: 750px) { .home-useful .useful-ttl { font-size: 3.0rem; } }
.home-useful .useful-ttl::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 244px; height: 1px; margin-left: -122px; margin-bottom: -25px; background-color: #fff; }
.home-useful ul { display: flex; flex-wrap: wrap; width: 100%; max-width: 1000px; margin: 0 auto; gap: 40px 4.1%; }
@media screen and (max-width: 750px) { .home-useful ul { row-gap: 20px; flex-direction: column; } }
.home-useful ul li { width: 30.6%; }
@media screen and (max-width: 750px) { .home-useful ul li { width: 100%; } }
.home-useful ul li a { display: flex; align-items: center; height: 100%; text-decoration: none; padding: 20px 40px; background-color: #fff; border-radius: 4em; font-weight: 700; line-height: 1.4; }
.home-useful ul li a .ico { margin-right: 25px; }
.home-useful ul li a .ico-useful-information { width: 3.1rem; }
.home-useful ul li a .ico-useful-blog { width: 2.6rem; }
.home-useful ul li a .ico-useful-rank { width: 3.2rem; }
.home-useful ul li a .ico-useful-movie { width: 2.8rem; }
.home-useful ul li a .ico-useful-pamphlet { width: 3.0rem; }
.home-useful ul li a .ico-useful-guide { width: 2.7rem; }

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