@charset "utf-8";


#main .hero{ position: relative; }
#main .hero .page-name{ position: absolute; color: #ffffff; text-align: center; left: 0; width: 100%; z-index: 10; }
#main .hero .page-name .en{ font-size: 63px; line-height: 1.2; color: inherit; font-family: YakuHanMP, 'EB Garamond', 'Cormorant Garamond', 'Noto Serif JP', serif; letter-spacing: 0.2em; padding-left: 0.2em; margin-top: 5%; }
#main .hero .page-name .ttl{ font-size: 25px; line-height: 1.5; color: inherit; font-weight: 400; }
#main .hero .photo{ position: relative; }
#main .hero .photo img{ width: 100%; height: auto; }
#main .intro{ text-align: center; padding: 80px 5%; }
#main .intro .copy{ font-size: 36px; line-height: 1.5; }
#main .intro .txt{ font-size: 21px; line-height: 2.38; margin-top: 20px; }
#main .cat .cat-header{ position: relative; }
#main .cat .cat-header::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/common/cmn_bg01.webp) center 0 repeat; background-size: 224px 259px; }
#main .cat .cat-header::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%); }
#main .cat .cat-header01{ background: linear-gradient(to right, #124e5d 0%, #628897 38%, #628897 62%, #124e5d 100%); }
#main .cat .cat-header02{ background: linear-gradient(to right, #2d4f72 0%, #5a7490 38%, #5a7490 62%, #2d4f72 100%); }
#main .cat .cat-header .txt-body{ padding: 90px 5% 100px; text-align: center; position: relative; z-index: 10; color: #ffffff;  }
#main .cat .cat-header .txt-body .en-ttl{ color: inherit; font-size: 32px; line-height: 1.2; max-width: 730px; margin: 0 auto; font-family: YakuHanMP, 'EB Garamond', 'Cormorant Garamond', 'Noto Serif JP', serif; font-weight: 400; padding: 5px 0; letter-spacing: 0.2em; }
#main .cat .cat-header .txt-body .en-ttl+.copy{ margin-top: 50px; }
#main .cat .cat-header .txt-body .copy{ color: inherit; font-size: 32px; line-height: 1.5; }
#main .cat .cat-header .txt-body .txt{ color: inherit; font-size: 20px; line-height: 2.4; margin-top: 20px; }
#main .cat01 .cat-header .txt-body .en-ttl{ background: linear-gradient(to right, rgba(58,117,93,0) 0%, rgba(58,117,93,1) 15%, rgba(58,117,93,1) 85%, rgba(58,117,93,0) 100%); }
#main .cat01 .cat-header .txt-body .sw-navi{ display: flex; justify-content: space-between; max-width: 960px; margin: 80px auto 0; }
#main .cat01 .cat-header .txt-body .sw-navi .navi{ max-width: 430px; width: 49%; height: 150px; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 10px rgba(78,65,128,0.7); }
#main .cat01 .cat-header .txt-body .sw-navi .navi01{ background: linear-gradient(to bottom, #89ac9e 0%, #3a755d 42%); }
#main .cat01 .cat-header .txt-body .sw-navi .navi02{ background: linear-gradient(to bottom, #a1b8c1 0%, #628897 42%); }
#main .cat01 .cat-header .txt-body .sw-navi .navi .inner-body{ color: #ffffff; width: 100%; }
#main .cat01 .cat-header .txt-body .sw-navi .navi .inner-body .en{ color: inherit; font-family: YakuHanMP, 'EB Garamond', 'Cormorant Garamond', 'Noto Serif JP', serif; font-weight: 400; font-size: 33px; line-height: 1.2; }
#main .cat01 .cat-header .txt-body .sw-navi .navi .inner-body .ja{ color: inherit; font-size: 23px; line-height: 1.5; margin-top: 10px; padding-top: 20px; position: relative; width: 100%; }
#main .cat01 .cat-header .txt-body .sw-navi .navi .inner-body .ja::before{ content: ""; position: absolute; left: 50%; top: 0; width: 80%; height: 2px; transform: translateX(-50%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%); }
#main .cat01 .sw{ opacity: 0; height: 0; overflow: hidden; transition: opacity 0.5s; }
#main .cat01 .sw.active{ opacity: 1; height: auto; }
#main .cat01 .photo-list{ display: flex; }
#main .cat01 .photo-list .photo-body{ flex: 1; }
#main .cat01 .photo-body{ position: relative; }
#main .cat01 .photo-body .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#main .cat01 .photo-body .photo img{ width: 100%; height: auto; }

#main .cat02 .cat-header .txt-body .en-ttl{ background: linear-gradient(to right, rgba(151,132,117,0) 0%, rgba(151,132,117,1) 15%, rgba(151,132,117,1) 85%, rgba(151,132,117,0) 100%); }
#main .cat02 .cat-content{ padding: 90px 0 0; margin: 0 5% 20px; }
#main .cat02 .cat-content .list-item{ display: flex; justify-content: flex-start; max-width: 1270px; margin: 0 auto; }
#main .cat02 .cat-content .list-item .item{ width: 31.4961%; box-sizing: border-box; box-shadow: 0 0 5px rgba(98,136,151,0.5); }
#main .cat02 .cat-content .list-item .item:nth-child(n+2){ margin-left: 2.7559%; }
#main .cat02 .cat-content .list-item .item .inner-body{ padding-bottom: 53%; position: relative; height: 100%; text-align: center; }
#main .cat02 .cat-content .list-item .item .txt-body{ padding: 50px 10.25% 30px; display: inline-block; text-align: left; }
#main .cat02 .cat-content .list-item .item .txt-body .caption{ font-size: 12px; line-height: 1.5; margin-top: 10px; }
#main .cat02 .cat-content .list-item .item .photo-body{ position: absolute; left: 0; bottom: 0; }
#main .cat02 .cat-content .list-item .item .photo-body .photo img{ width: 100%; height: auto; }
#main .cat02 .cat-content .list-item .item .photo-body .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }

#main .cat03 .cat-header .txt-body .en-ttl{ background: linear-gradient(to right, rgba(161,183,110,0) 0%, rgba(161,183,110,1) 15%, rgba(161,183,110,1) 85%, rgba(161,183,110,0) 100%); }
#main .cat03 .cat-content .cat-kv{ position: relative; }
#main .cat03 .cat-content .cat-kv .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#main .cat03 .cat-content .cat-kv .photo img{ width: 100%; height: auto; }
#main .cat03 .cat-content .section{ padding: 90px 5%; }
#main .cat03 .cat-content .section .info-body .copy{ font-size: 26px; line-height: 1.69; color: #4a9b00; }
#main .cat03 .cat-content .section .info-body .head-split{ display: flex; align-items: center; margin-top: 30px; }
#main .cat03 .cat-content .section .info-body .head-split .icon{ width: 85px; height: 85px; background-color: #a1b76e; display: flex; justify-content: center; align-items: center; margin-right: 10px; border-radius: 50%; font-size: 21px; line-height: 1.5; color: #ffffff; }
#main .cat03 .cat-content .section .info-body .head-split .txt-body{ flex: 1; }
#main .cat03 .cat-content .section .info-body .head-split .txt-body .name{ font-size: 28px; line-height: 1.2; }
#main .cat03 .cat-content .section .info-body .head-split .txt-body .distance{ font-size: 17px; line-height: 1.5; }
#main .cat03 .cat-content .section .info-body .head-split .txt-body .distance .s-size{ font-size: 82%; }
#main .cat03 .cat-content .section .info-body .txt{ font-size: 19px; line-height: 1.47; margin-top: 20px; }
#main .cat03 .cat-content .section01 .split-view{ display: flex; justify-content: space-between; max-width: 1326px; margin: 0 auto; }
#main .cat03 .cat-content .section01 .split-view .info-body{ width: 350px; margin-right: 36px; }
#main .cat03 .cat-content .section01 .split-view .photo-body{ flex: 1; }
#main .cat03 .cat-content .section01 .split-view .photo-body img{ width: 100%; height: auto; }
#main .cat03 .cat-content .section~.section02{ padding-bottom: 0; }
#main .cat03 .cat-content .section02 .info-body{ display: flex; flex-wrap: wrap; align-items: center; max-width: 1270px; margin: 0 auto; }
#main .cat03 .cat-content .section02 .info-body .copy{ width: 100%; }
#main .cat03 .cat-content .section02 .info-body .head-split{ margin-right: 50px; }
#main .cat03 .cat-content .section02 .info-body .txt{ min-width: 400px; flex: 1; }
#main .cat03 .cat-content .section02 .photo-list{ display: flex; flex-wrap: wrap; max-width: 1270px; margin: 40px auto 0; }
#main .cat03 .cat-content .section02 .photo-list .item{ width: 31.4961%; margin-left: 2.75585%; }
#main .cat03 .cat-content .section02 .photo-list .item:nth-child(3n+1){ margin-left: 0; }
#main .cat03 .cat-content .section02 .photo-list .item:nth-child(n+4){ margin-top: 40px; }
#main .cat03 .cat-content .section02 .photo-list .item .photo{ position: relative; }
#main .cat03 .cat-content .section02 .photo-list .item .photo .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#main .cat03 .cat-content .section02 .photo-list .item .txt{ margin-top: 10px; font-size: 17px; line-height: 1.5; }
#main .cat03 .cat-content .section02 .etc-park{ max-width: 1270px; margin: 90px auto 0; }
#main .cat03 .cat-content .section02 .etc-park .copy{ font-size: 26px; line-height: 1.69; color: #4a9b00; }
#main .cat03 .cat-content .section02 .etc-park .split-view{ display: flex; justify-content: space-between; max-width: 1144px; margin-top: 40px; }
#main .cat03 .cat-content .section02 .etc-park .split-view .item{ width: 47.6399%; }
#main .cat03 .cat-content .section02 .etc-park .split-view .item .photo img{ width: 100%; height: auto; }
#main .cat03 .cat-content .section02 .etc-park .split-view .item .txt-body{ margin-top: 20px; border-left: 1px solid #000000; padding-left: 20px; }
#main .cat03 .cat-content .section02 .etc-park .split-view .item .txt-body .name{ font-size: 28px; line-height: 1.2; }
#main .cat03 .cat-content .section02 .etc-park .split-view .item .txt-body .distance{ font-size: 17px; line-height: 1.5; }
#main .cat03 .cat-content .section02 .etc-park .split-view .item .txt-body .distance .s-size{ font-size: 82%; }

#main .cat04 .cat-header .txt-body .en-ttl{ background: linear-gradient(to right, rgba(218,159,58,0) 0%, rgba(218,159,58,1) 15%, rgba(218,159,58,1) 85%, rgba(218,159,58,0) 100%); }
#main .cat04 .cat-content .cat-kv{ position: relative; }
#main .cat04 .cat-content .cat-kv .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#main .cat04 .cat-content .cat-kv .photo img{ width: 100%; height: auto; }
#main .cat04 .cat-content .section{ padding: 90px 5% 0; }
#main .cat04 .cat-content .section .info-body .copy{ font-size: 26px; line-height: 1.69; color: #da9f3a; }
#main .cat04 .cat-content .section .info-body .head-body{ margin-top: 30px; border-left: 1px solid #000000; padding-left: 20px; }
#main .cat04 .cat-content .section .info-body .head-body .name{ font-size: 28px; line-height: 1.2; }
#main .cat04 .cat-content .section .info-body .head-body .distance{ font-size: 17px; line-height: 1.5; }
#main .cat04 .cat-content .section .info-body .head-body .distance .s-size{ font-size: 82%; }
#main .cat04 .cat-content .section .info-body .txt{ font-size: 19px; line-height: 1.47; margin-top: 20px; }
#main .cat04 .cat-content .section .split-view{ display: flex; justify-content: space-between; max-width: 1326px; margin: 0 auto; }
#main .cat04 .cat-content .section .split-view .info-body{ width: 464px; margin-right: 36px; }
#main .cat04 .cat-content .section .split-view .photo-body{ flex: 1; }
#main .cat04 .cat-content .section .split-view .photo-body img{ width: 100%; height: auto; }
#main .cat04 .cat-content .section .photo-list{ display: flex; flex-wrap: wrap; max-width: 1270px; margin: 80px auto 0; }
#main .cat04 .cat-content .section .photo-list .item{ width: 42.9133%; margin-left: 3.9370%; }
#main .cat04 .cat-content .section .photo-list .item:nth-child(1){ margin-left: 0; }
#main .cat04 .cat-content .section .photo-list .item:nth-child(n+3){ width: 31.4960%; margin-left: 2.756%; margin-top: 50px; }
#main .cat04 .cat-content .section .photo-list .item:nth-child(3n+3){ margin-left: 0; }
#main .cat04 .cat-content .section .photo-list .item .photo img{ width: 100%; height: auto; }
#main .cat04 .cat-content .section .photo-list .item .txt-body{ margin-top: 20px; border-left: 1px solid #000000; padding-left: 20px; }
#main .cat04 .cat-content .section .photo-list .item .txt-body .name{ font-size: 25px; line-height: 1.2; }
#main .cat04 .cat-content .section .photo-list .item .txt-body .distance{ font-size: 17px; line-height: 1.5; }
#main .cat04 .cat-content .section .photo-list .item .txt-body .distance .s-size{ font-size: 82%; }

#main .cat05 .cat-header .txt-body .en-ttl{ background: linear-gradient(to right, rgba(216,130,166,0) 0%, rgba(216,130,166,1) 15%, rgba(216,130,166,1) 85%, rgba(216,130,166,0) 100%); }
#main .cat05 .cat-content .cat-kv{ position: relative; }
#main .cat05 .cat-content .cat-kv .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#main .cat05 .cat-content .cat-kv .photo img{ width: 100%; height: auto; }
#main .cat05 .cat-content .section{ padding: 90px 5%; }
#main .cat05 .cat-content .section .photo-list{ display: flex; flex-wrap: wrap; max-width: 1270px; margin: 0 auto 0; }
#main .cat05 .cat-content .section .photo-list .item{ width: 31.4960%; margin-left: 2.756%; }
#main .cat05 .cat-content .section .photo-list .item:nth-child(n+4){ margin-top: 50px; }
#main .cat05 .cat-content .section .photo-list .item:nth-child(3n+1){ margin-left: 0; }
#main .cat05 .cat-content .section .photo-list .item .photo img{ width: 100%; height: auto; }
#main .cat05 .cat-content .section .photo-list .item .txt-body{ margin-top: 20px; border-left: 1px solid #000000; padding-left: 20px; }
#main .cat05 .cat-content .section .photo-list .item .txt-body .name{ font-size: 25px; line-height: 1.2; }
#main .cat05 .cat-content .section .photo-list .item .txt-body .distance{ font-size: 17px; line-height: 1.5; }
#main .cat05 .cat-content .section .photo-list .item .txt-body .distance .s-size{ font-size: 82%; }
#main .cat05 .cat-content .section .photo-list .item .caption{ margin-top: 5px; font-size: 12px; line-height: 1.5; }
#main .cat05 .cat-content .support{ background-color: #f6edf5; padding: 40px 5% 50px; }
#main .cat05 .cat-content .support .split-view01{ display: flex; justify-content: space-between; align-items: flex-start; max-width: 1280px; margin: 0 auto; }
#main .cat05 .cat-content .support .split-view01 .txt-body{ width: 416px; margin-right: 36px; }
#main .cat05 .cat-content .support .split-view01 .txt-body .copy{ font-size: 34px; line-height: 1.69; color: #d882a6; font-weight: 400; }
#main .cat05 .cat-content .support .split-view01 .txt-body .txt{ font-size: 19px; line-height: 1.47; margin-top: 20px; }
#main .cat05 .cat-content .support .split-view01 .photo{ flex: 1; max-width: 780px; position: relative; }
#main .cat05 .cat-content .support .split-view01 .photo img{ width: 100%; height: auto; }
#main .cat05 .cat-content .support .split-view01 .photo .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#main .cat05 .cat-content .support .split-view01 .photo .caption01{ margin-right: 46.5%; }
#main .cat05 .cat-content .support .note{ max-width: 1280px; margin: 60px auto 0; background-color: #ffffff; border: 1px solid #000000; padding: 50px 0 30px; position: relative; }
#main .cat05 .cat-content .support .note .head{ position: absolute; left: 50%; top: 0; transform: translate(-50%,-50%); background-color: #d882a6; max-width: 1150px; width: 90%; text-align: center; font-size: 26px; line-height: 1.5; color: #ffffff; padding: 5px 0; }
#main .cat05 .cat-content .support .note .head .word{ position: relative; z-index: 10; }
#main .cat05 .cat-content .support .note .head .deco{ position: absolute; left: 0; top: 0; width: 50%; height: 100%; }
#main .cat05 .cat-content .support .note .head .deco02{ left: auto; right: 0; }
#main .cat05 .cat-content .support .note .head .deco::before,
#main .cat05 .cat-content .support .note .head .deco::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #d882a6; }
#main .cat05 .cat-content .support .note .head .deco::before{ transform: skewX(45deg); }
#main .cat05 .cat-content .support .note .head .deco::after{ transform: skewX(-45deg); }
#main .cat05 .cat-content .support .note .list-item{ max-width: 1192px; width: 90%; margin: 0 auto; display: flex; }
#main .cat05 .cat-content .support .note .list-item .item{ display: flex; justify-content: center; align-items: center; width: 30%; position: relative; }
#main .cat05 .cat-content .support .note .list-item .item:nth-child(n+2){ margin-left: 5%; }
#main .cat05 .cat-content .support .note .list-item .item:nth-child(n+2)::before{ content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #000000; margin-left: -8%; }
#main .cat05 .cat-content .support .split-view02{ display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1280px; margin: 60px auto 0; }
#main .cat05 .cat-content .support .split-view02 .item{ width: 46.9551%; }
#main .cat05 .cat-content .support .split-view02 .item:nth-child(n+3){ margin-top: 40px; }
#main .cat05 .cat-content .support .split-view02 .item .head{ font-size: 30px; line-height: 1.5; color: #d882a6; font-weight: 400; }
#main .cat05 .cat-content .support .split-view02 .item .txt{ font-size: 19px; line-height: 1.47; margin-top: 10px; }
#main .cat05 .cat-content .support .support-caption{ font-size: 12px; line-height: 1.5; margin: 40px auto 0; max-width: 1280px; }

#main .cat06 .cat-header .txt-body .en-ttl{ background: linear-gradient(to right, rgba(152,180,222,0) 0%, rgba(152,180,222,1) 15%, rgba(152,180,222,1) 85%, rgba(152,180,222,0) 100%); }
#main .cat06 .cat-content .cat-kv{ position: relative; }
#main .cat06 .cat-content .cat-kv .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#main .cat06 .cat-content .cat-kv .photo img{ width: 100%; height: auto; }
#main .cat06 .cat-content .section{ padding: 90px 5% 0; }
#main .cat06 .cat-content .section .photo-list{ display: flex; flex-wrap: wrap; max-width: 1270px; margin: 0 auto 0; }
#main .cat06 .cat-content .section .photo-list .item{ width: 31.4960%; margin-left: 2.756%; }
#main .cat06 .cat-content .section .photo-list .item:nth-child(n+4){ margin-top: 50px; }
#main .cat06 .cat-content .section .photo-list .item:nth-child(3n+1){ margin-left: 0; }
#main .cat06 .cat-content .section .photo-list .item .photo img{ width: 100%; height: auto; }
#main .cat06 .cat-content .section .photo-list .item .txt-body{ margin-top: 20px; border-left: 1px solid #000000; padding-left: 20px; }
#main .cat06 .cat-content .section .photo-list .item .txt-body .name{ font-size: 25px; line-height: 1.2; }
#main .cat06 .cat-content .section .photo-list .item .txt-body .distance{ font-size: 17px; line-height: 1.5; }
#main .cat06 .cat-content .section .photo-list .item .txt-body .distance .s-size{ font-size: 82%; }
#main .cat06 .cat-content .section .note-wrapper{ max-width: 1280px; margin: 60px auto 0; }
#main .cat06 .cat-content .section .note{ background-color: #ffffff; border: 1px solid #000000; padding: 50px 30px 30px; position: relative; }
#main .cat06 .cat-content .section .note .head{ position: absolute; left: 0; top: 0; transform: translate(0,-50%); background-color: #5e88cb; text-align: center; font-size: 26px; line-height: 1.5; color: #ffffff; padding: 5px 20px; margin-left: 30px; }
#main .cat06 .cat-content .section .note .head .word{ position: relative; z-index: 10; }
#main .cat06 .cat-content .section .note .head .deco{ position: absolute; left: 0; top: 0; width: 50%; height: 100%; }
#main .cat06 .cat-content .section .note .head .deco02{ left: auto; right: 0; }
#main .cat06 .cat-content .section .note .head .deco::before,
#main .cat06 .cat-content .section .note .head .deco::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #5e88cb; }
#main .cat06 .cat-content .section .note .head .deco::before{ transform: skewX(45deg); }
#main .cat06 .cat-content .section .note .head .deco::after{ transform: skewX(-45deg); }
#main .cat06 .cat-content .section .note .split-view{ display: flex; }
#main .cat06 .cat-content .section .note .split-view .photo-body{ position: relative; width: 35.6321%; margin-right: 30px; }
#main .cat06 .cat-content .section .note .split-view .photo-body .caption{ position: absolute; right: 5px; bottom: 5px; color: #ffffff; font-size: 12px; text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; }
#main .cat06 .cat-content .section .note .split-view .txt{ flex: 1; }
#main .cat06 .cat-content .section .note-wrapper .note-caption{ font-size: 12px; line-height: 1.5; margin-top: 5px; }
#main .cat06 .cat-content .section .map-body{ margin: 80px auto 0; max-width: 1153px; }
#main .cat06 .cat-content .section .map-body .ttl{ font-size: 22px; line-height: 1.5; color: #2d4f72; font-weight: 400; text-align: center; }
#main .cat06 .cat-content .section .map-body .map{ margin-top: 20px; }


#main .cat-navi{ padding: 80px 5%; }
#main .cat06+.cat-navi{ padding-bottom: 0; }
#main .cat-navi .navi-list{ max-width: 1270px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
#main .cat-navi .navi-list .navi{ width: 31.4961%; height: 110px; display: flex; justify-content: center; align-items: center; text-align: center; position: relative; }
#main .cat-navi .navi-list .navi:nth-child(n+4){ margin-top: 30px; }
#main .cat-navi .navi-list .navi.cat01{ background: linear-gradient(to bottom, #86a6ac 0%, #3c6f79 42%); }
#main .cat-navi .navi-list .navi.cat02{ background: linear-gradient(to bottom, #c1b5ac 0%, #978475 42%); }
#main .cat-navi .navi-list .navi.cat03{ background: linear-gradient(to bottom, #c7d4a8 0%, #a1b76e 42%); }
#main .cat-navi .navi-list .navi.cat04{ background: linear-gradient(to bottom, #e9c589 0%, #da9f3a 42%); }
#main .cat-navi .navi-list .navi.cat05{ background: linear-gradient(to bottom, #e8b4ca 0%, #d882a6 42%); }
#main .cat-navi .navi-list .navi.cat06{ background: linear-gradient(to bottom, #c1d2eb 0%, #98b4de 42%); }
#main .cat-navi .navi-list .navi::before{ content: ""; position: absolute; left: 0; top: 0; width: calc(100% - 8px); height: calc(100% - 8px); box-sizing: border-box; margin: 4px 0 0 4px; border: 1px solid #ffffff; }
#main .cat-navi .navi-list .navi .word{ font-size: 25px; line-height: 1.2; color: #ffffff; font-family: YakuHanMP, 'EB Garamond', 'Cormorant Garamond', 'Noto Serif JP', serif; }




@media screen and (max-width: 1023px) {
	#main .hero .page-name{ position: relative; color: #2d4f72; padding: 40px 5%; top: 0; }
	#main .cat02 .cat-content .list-item{ flex-wrap: wrap; }
	#main .cat02 .cat-content .list-item .item{ width: 49%; }
	#main .cat02 .cat-content .list-item .item:nth-child(even){ margin-left: 2%; }
	#main .cat02 .cat-content .list-item .item:nth-child(odd){ margin-left: 0; }
	#main .cat02 .cat-content .list-item .item:nth-child(n+3){ margin-top: 2%; }
	#main .cat03 .cat-content .section01 .split-view{ display: block; }
	#main .cat03 .cat-content .section01 .split-view .info-body{ width: 100%; margin-right: 0; }
	#main .cat03 .cat-content .section01 .split-view .photo-body{ margin-top: 30px; }
	#main .cat03 .cat-content .section02 .photo-list .item:nth-child(n){ width: 49%; margin-left: 2%; }
	#main .cat03 .cat-content .section02 .photo-list .item:nth-child(2n+1){ margin-left: 0; }
	#main .cat03 .cat-content .section02 .photo-list .item:nth-child(n+3){ margin-top: 5%; }
	#main .cat04 .cat-content .section .split-view{ display: block; }
	#main .cat04 .cat-content .section .split-view .info-body{ width: 100%; margin-right: 0; }
	#main .cat04 .cat-content .section .split-view .photo-body{ margin-top: 30px; }
	#main .cat04 .cat-content .section .photo-list .item:nth-child(n){ width: 48%; margin-left: 4%; }
	#main .cat04 .cat-content .section .photo-list .item:nth-child(2n+1){ margin-left: 0; }
	#main .cat04 .cat-content .section .photo-list .item:nth-child(n+3){ margin-top: 5%; }
	#main .cat05 .cat-content .section .photo-list .item:nth-child(n){ width: 48%; margin-left: 4%; }
	#main .cat05 .cat-content .section .photo-list .item:nth-child(2n+1){ margin-left: 0; }
	#main .cat05 .cat-content .section .photo-list .item:nth-child(n+3){ margin-top: 5%; }
	#main .cat05 .cat-content .support .split-view01{ display: block; }
	#main .cat05 .cat-content .support .split-view01 .txt-body{ width: 100%; margin-right: 0; }
	#main .cat05 .cat-content .support .split-view01 .photo{ margin: 30px auto 0; }
	#main .cat05 .cat-content .support .note{ padding-top: 70px; margin-top: 90px; }
	#main .cat05 .cat-content .support .note .head .deco::before{ transform: skewX(20deg); }
	#main .cat05 .cat-content .support .note .head .deco::after{ transform: skewX(-20deg); }
	#main .cat05 .cat-content .support .support-caption{ margin-top: 5%; }
	#main .cat06 .cat-content .section .photo-list .item:nth-child(n){ width: 48%; margin-left: 4%; }
	#main .cat06 .cat-content .section .photo-list .item:nth-child(2n+1){ margin-left: 0; }
	#main .cat06 .cat-content .section .photo-list .item:nth-child(n+3){ margin-top: 5%; }
	#main .cat06 .cat-content .section .note .head .deco::before{ transform: skewX(20deg); }
	#main .cat06 .cat-content .section .note .head .deco::after{ transform: skewX(-20deg); }

}
@media screen and (max-width: 768px) {
	#main .hero .page-name{ padding: 30px 5%; }
	#main .hero .page-name .en{ font-size: 48px; }
	#main .hero .page-name .ttl{ font-size: 20px; }
	#main .intro{ padding: 10% 5%; }
	#main .intro .copy{ font-size: 28px; }
	#main .intro .txt{ font-size: 14px; margin-top: 10px; }
	#main .cat .cat-header .txt-body{ padding: 10% 5%; }
	#main .cat .cat-header .txt-body .en-ttl{ font-size: 24px; letter-spacing: 0; }
	#main .cat .cat-header .txt-body .en-ttl+.copy{ margin-top: 20px; }
	#main .cat .cat-header .txt-body .copy{ font-size: 28px; }
	#main .cat .cat-header .txt-body .txt{ font-size: 14px; margin-top: 10px; }
	#main .cat .cat-header .txt-body .sw-navi{ margin: 10% auto 0; }
	#main .cat .cat-header .txt-body .sw-navi .navi{ height: 110px; }
	#main .cat .cat-header .txt-body .sw-navi .navi .inner-body .en{ font-size: 24px; }
	#main .cat .cat-header .txt-body .sw-navi .navi .inner-body .ja{ font-size: 14px; margin-top: 10px; padding-top: 10px; }
	#main .cat .cat-header .txt-body .sw-navi .navi .inner-body .ja::before{ height: 1px; }
	#main .cat-navi .navi-list .navi{ width: 49%; height: 80px; }
	#main .cat-navi .navi-list .navi:nth-child(n+3){ margin-top: 2%; }
	#main .cat-navi .navi-list .navi .word{ font-size: 20px; }
	#main .cat02 .cat-content{ padding: 10% 0 0; margin: 0 5% 10px; }
	#main .cat02 .cat-content .list-item{ display: block; }
	#main .cat02 .cat-content .list-item .item{ width: 100%; }
	#main .cat02 .cat-content .list-item .item:nth-child(even){ margin-left: 0; }
	#main .cat02 .cat-content .list-item .item:nth-child(n+2){ margin-top: 10%; }
	#main .cat02 .cat-content .list-item .item .txt-body{ padding: 7% 10% 5%; }
	#main .cat03 .cat-content .section{ padding: 10% 5%; }
	#main .cat03 .cat-content .section .info-body .copy{ font-size: 20px; }
	#main .cat03 .cat-content .section .info-body .head-split{ margin-top: 10px; }
	#main .cat03 .cat-content .section .info-body .head-split .icon{ width: 60px; height: 60px; font-size: 16px; }
	#main .cat03 .cat-content .section .info-body .head-split .txt-body .name{ font-size: 22px; }
	#main .cat03 .cat-content .section .info-body .head-split .txt-body .distance{ font-size: 14px; }
	#main .cat03 .cat-content .section .info-body .txt{ font-size: 14px; margin-top: 10px; }
	#main .cat03 .cat-content .section02 .info-body{ display: block; }
	#main .cat03 .cat-content .section02 .info-body .head-split{ margin-right: 0; }
	#main .cat03 .cat-content .section02 .info-body .txt{ min-width: 0; }
	#main .cat03 .cat-content .section02 .photo-list{ margin-top: 10%; }
	#main .cat03 .cat-content .section02 .photo-list .item .txt{ margin-top: 5px; font-size: 14px; }
	#main .cat03 .cat-content .section02 .etc-park{ margin: 10% auto 0; }
	#main .cat03 .cat-content .section02 .etc-park .copy{ font-size: 20px; }
	#main .cat03 .cat-content .section02 .etc-park .split-view{ display: block; margin-top: 5%; }
	#main .cat03 .cat-content .section02 .etc-park .split-view .item{ width: 100%; }
	#main .cat03 .cat-content .section02 .etc-park .split-view .item:nth-child(n+2){ margin-top: 5%; }
	#main .cat03 .cat-content .section02 .etc-park .split-view .item .txt-body{ margin-top: 10px; padding-left: 10px; }
	#main .cat03 .cat-content .section02 .etc-park .split-view .item .txt-body .name{ font-size: 22px; }
	#main .cat03 .cat-content .section02 .etc-park .split-view .item .txt-body .distance{ font-size: 14px; }
	#main .cat04 .cat-content .section{ padding: 10% 5% 0; }
	#main .cat04 .cat-content .section .info-body .copy{ font-size: 20px; }
	#main .cat04 .cat-content .section .info-body .head-body{ margin-top: 10px; padding-left: 10px; }
	#main .cat04 .cat-content .section .info-body .head-body .name{ font-size: 22px; }
	#main .cat04 .cat-content .section .info-body .head-body .distance{ font-size: 14px; }
	#main .cat04 .cat-content .section .info-body .txt{ font-size: 14px; margin-top: 10px; }
	#main .cat04 .cat-content .section .photo-list{ margin-top: 10%; }
	#main .cat04 .cat-content .section .photo-list .item .txt-body{ margin-top: 10px; padding-left: 10px; }
	#main .cat04 .cat-content .section .photo-list .item .txt-body .name{ font-size: 18px; }
	#main .cat04 .cat-content .section .photo-list .item .txt-body .distance{ font-size: 14px; }
	#main .cat05 .cat-content .section{ padding: 10% 5%; }
	#main .cat05 .cat-content .section .photo-list{ margin-top: 0; }
	#main .cat05 .cat-content .section .photo-list .item .txt-body{ margin-top: 10px; padding-left: 10px; }
	#main .cat05 .cat-content .section .photo-list .item .txt-body .name{ font-size: 18px; }
	#main .cat05 .cat-content .section .photo-list .item .txt-body .distance{ font-size: 14px; }
	#main .cat05 .cat-content .support .split-view01 .txt-body .copy{ font-size: 20px; }
	#main .cat05 .cat-content .support .split-view01 .txt-body .txt{ font-size: 14px; margin-top: 10px; }
	#main .cat05 .cat-content .support .note{ margin: 10% auto 0; padding: 7% 5%; }
	#main .cat05 .cat-content .support .note .head{ position: relative; left: 0; transform: none; width: 100%; font-size: 18px; padding: 5px 5%; }
	#main .cat05 .cat-content .support .note .head .deco::before{ transform: skewX(15deg); }
	#main .cat05 .cat-content .support .note .head .deco::after{ transform: skewX(-15deg); }
	#main .cat05 .cat-content .support .split-view02{ display: block; margin: 8% auto 0; }
	#main .cat05 .cat-content .support .split-view02 .item{ width: 100%; }
	#main .cat05 .cat-content .support .split-view02 .item:nth-child(n+2){ margin-top: 20px; }
	#main .cat05 .cat-content .support .split-view02 .item .head{ font-size: 20px; }
	#main .cat05 .cat-content .support .split-view02 .item .txt{ font-size: 14px; }
	#main .cat05 .cat-content .support .note .list-item{ width: 100%; display: block; margin-top: 10%; }
	#main .cat05 .cat-content .support .note .list-item .item{ width: 100%; }
	#main .cat05 .cat-content .support .note .list-item .item:nth-child(n+2){ margin: 10% 0 0; padding-top: 10%; border-top: 1px solid #000000; }
	#main .cat05 .cat-content .support .note .list-item .item:nth-child(n+2)::before{ display: none; }
	#main .cat06 .cat-content .section{ padding: 10% 5% 0; }
	#main .cat06 .cat-content .section .photo-list{ margin-top: 0; }
	#main .cat06 .cat-content .section .photo-list .item .txt-body{ margin-top: 10px; padding-left: 10px; }
	#main .cat06 .cat-content .section .photo-list .item .txt-body .name{ font-size: 18px; }
	#main .cat06 .cat-content .section .photo-list .item .txt-body .distance{ font-size: 14px; }
	#main .cat06 .cat-content .section .note-wrapper{ margin-top: 10%; }
	#main .cat06 .cat-content .section .note{ padding: 7% 5%; position: relative; }
	#main .cat06 .cat-content .section .note .head{ position: relative; left: 0; top: 0; transform: none; width: 100%; font-size: 18px; padding: 5px 5%; margin-left: 0; }
	#main .cat06 .cat-content .section .note .head .deco::before{ transform: skewX(15deg); }
	#main .cat06 .cat-content .section .note .head .deco::after{ transform: skewX(-15deg); }
	#main .cat06 .cat-content .section .note .split-view{ display: block; }
	#main .cat06 .cat-content .section .note .split-view .photo-body{ width: 100%; max-width: 435px; margin: 0 auto; margin-top: 5%; }
	#main .cat06 .cat-content .section .note .split-view .txt{ margin-top: 5%; }
	#main .cat06 .cat-content .section .map-body{ margin-top: 10%; }
	#main .cat06 .cat-content .section .map-body .ttl{ font-size: 18px; }
	#main .cat06 .cat-content .section .map-body .map{ margin-top: 10px; }
}
@media screen and (max-width: 480px) {
	#main .hero .page-name .en{ font-size: 32px; }
	#main .hero .page-name .ttl{ font-size: 18px; }
}





#main .cat-navi .navi-list .navi{ transition: opacity 0.3s; cursor: pointer; }
#main .cat-navi .navi-list .navi.active{ cursor: auto; opacity: 1!important; }
#main .cat-navi .navi-list .navi:active{ opacity: 0.7; }
#main .cat01 .cat-header .txt-body .sw-navi .navi{ transition: opacity 0.3s; cursor: pointer; }
#main .cat01 .cat-header .txt-body .sw-navi .navi.active{ cursor: auto; opacity: 1!important; }
#main .cat01 .cat-header .txt-body .sw-navi .navi:active{ opacity: 0.7; }
@media (hover: hover){
	#main .cat-navi .navi-list .navi:hover{ opacity: 0.7; }
	#main .cat01 .cat-header .txt-body .sw-navi .navi:hover{ opacity: 0.7; }
}