@charset "UTF-8";
/* ***************************
reset
*************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: none;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

sup,
sub {
  line-height: 100%;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

/* ***************************
global variable
*************************** */
.u-HelveticaBold {
  font-family: "Helvetica" !important;
  font-weight: bold;
}

/* ***************************
extend
*************************** */
.u-clearfix:after {
  display: block;
  clear: both;
  content: " ";
}

/* ***************************
position
*************************** */
/* ***************************
fontsize
*************************** */
/* ***************************
circleArrow
*************************** */
/* ***************************
html, body, 基本要素
*************************** */
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

button:focus,
label:focus,
input:focus,
a:focus {
  outline: 2px #dc1753 solid;
}

html {
  font-size: 100%;
  line-height: 1.75;
}

@media print, screen and (min-width: 769px) {
  html.is-fsSmall {
    font-size: 87.5%;
  }

  html.is-fsLarge {
    font-size: 125%;
  }
}
body {
  min-width: 320px;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  font-size: 100%;
  line-height: 1.75;
  color: #222;
  word-wrap: break-word;
  overflow-wrap: break-word;
  vertical-align: baseline;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  body {
    -webkit-overflow-scrolling: touch;
  }
}

[v-cloak] {
  display: none;
}

/* stylelint-disable */
_:-ms-lang(x)::-ms-backdrop, body {
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
}

/* stylelint-enable */
a {
  color: #00756e;
  text-decoration: none;
}
a.visited, a:visited {
  color: #2672b9;
}
a.hover, a:hover {
  color: #067c00;
}
a.hover:before, a:hover:before {
  text-decoration: none;
}

hr {
  height: 0;
  background: none;
  border: 0 none;
  border-top: 1px solid #a6a6a6;
}

img {
  max-width: 100%;
  height: auto;
  font-size: 0%;
  line-height: 0;
  vertical-align: top;
}

strong, b {
  font-weight: bold;
}

em {
  color: #85731f;
}

mark {
  color: #c21818;
}

small {
  font-size: 85%;
}

.pageReader {
  position: absolute;
  width: 0;
  height: 0;
  text-indent: -9999px;
  font-size: 0%;
  line-height: 0;
  outline: none;
  overflow: hidden;
}

.gsc-control-cse table td, .gsc-control-cse table th {
  background-color: inherit;
}
.gsc-control-cse table .gsc-inline-block {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

[data-switchview-area] {
  display: none;
}

[data-switchview-area^=firstview] {
  display: inherit;
}

/* ***************************
margin
*************************** */
* + p {
  margin-top: 25px;
}
@media print, screen and (max-width: 768px) {
  * + p {
    margin-top: 15px;
  }
}

p + p,
ul + p,
ol + p {
  margin-top: 30px;
}

/* ***************************
print
*************************** */
@media print {
  body {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  }

  .l-header__inner,
.l-header__body,
.l-header__body__left {
    padding: 0;
  }

  .l-header::before,
.l-header__body__right,
.l-main__header,
.l-main__middle__side,
.l-footer,
.c-returnTop {
    display: none !important;
  }

  .l-main__middle {
    padding: 0 !important;
  }

  .l-main__middle__body {
    width: 100% !important;
  }

  .slick-track {
    -webkit-transform: none !important;
    transform: none !important;
  }

  .slick-arrow,
.slick-dots {
    display: none !important;
  }
}
/* ***************************
headding
*************************** */
/* ***************************
table
*************************** */
table {
  position: relative;
  border-spacing: 0;
  border-collapse: collapse;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

th,
td {
  position: relative;
  z-index: 0;
  padding: 2px 5px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}

td {
  color: #222;
  background-color: #f5f5e9;
}

th {
  color: #335446;
  background-color: #dce8e3;
}

thead {
  position: relative;
}
thead > tr > th {
  text-align: center;
  padding: 2px 5px;
  color: #ffffff;
  background-color: #222222;
}

/* ***************************
list
*************************** */
ul {
  position: relative;
}

ul > li {
  position: relative;
  padding-left: 1.2em;
  list-style-type: none !important;
}
ul > li:before {
  content: "";
  position: absolute;
  display: block;
  top: 0.55em;
  left: 0.45em;
  width: 5px;
  height: 5px;
  background-color: #7ad3ab;
  border-radius: 50%;
}

ul.is-noMarker > li:before {
  display: none;
}

ul ol,
ul ul {
  font-size: 100%;
}

ul > li > ul > li,
ol > li > ul > li {
  position: relative;
  padding-left: 1.05em;
  list-style-type: none !important;
}
ul > li > ul > li:before,
ol > li > ul > li:before {
  position: absolute;
  top: 0.6em;
  left: 0.5em;
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  background-color: #c2d255;
  border-radius: 50%;
}

ol {
  counter-reset: count-number;
}

ol > li {
  position: relative;
  padding-left: 1.8em;
  counter-increment: count-number;
}
ol > li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  content: counter(count-number) ".";
  background-color: inherit;
  color: #339a6c;
  font-weight: bold;
}

ol ul,
ol ol {
  font-size: 100%;
}

ul > li > ol > li,
ol > li > ol > li {
  position: relative;
  padding-left: 1.8em;
  counter-increment: count-number;
}
ul > li > ol > li:before,
ol > li > ol > li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  content: counter(count-number, lower-roman) " . ";
  background-color: inherit;
  color: #8d9a33;
  font-weight: bold;
}

ol > li > ol > li {
  padding-left: 1.4em;
  counter-increment: cnt;
}
ol > li > ol > li:before {
  left: 0;
  content: counter(cnt, lower-roman) " . ";
  color: #8d9a33;
  font-weight: bold;
}

/* ***************************
form Tag
*************************** */
input[type=text],
textarea,
select,
button {
  width: auto;
  padding: 1px 10px;
  margin: 0;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, "メイリオ", sans-serif;
  font-size: 100%;
  line-height: inherit;
  color: #222;
  background-color: #f6f6f6;
  border: solid 1px #e3e3e3;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=text] {
  color: #222;
}

input[type=text]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #565656;
}
input[type=text]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #565656;
}
input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #565656;
}
input[type=text]::-moz-placeholder, textarea::-moz-placeholder {
  color: #565656;
}
input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #565656;
}
input[type=text]::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #565656;
}
input[type=text]::placeholder,
textarea::placeholder {
  color: #565656;
}

select {
  position: relative;
  color: #565656;
}
select.is-change {
  color: #222;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

select::-ms-expand {
  display: none;
}

button:active > span,
button:focus > span {
  position: relative;
}

label input[type=checkbox] ~ i {
  content: "";
  height: 20px;
  width: 24px;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 0;
  margin-right: 0;
}
label input[type=checkbox],
label input[type=checkbox] ~ i.b-checkbox--on,
label input[type=checkbox]:checked ~ i.b-checkbox--off {
  display: none;
}
label input[type=checkbox]:checked ~ i.b-checkbox--on {
  display: inline-block;
  background-image: url("../images/icon/icon_checkOn.svg");
}
label input[type=checkbox][disabled=disabled]:checked ~ i.b-checkbox--on {
  display: inline-block;
  background-image: url("../images/icon/icon_checkOnDisable.svg");
}
label input[type=checkbox] ~ i.b-checkbox--off {
  display: inline-block;
  background-image: url("../images/icon/icon_checkOff.svg");
}

.vegas-overlay,
.vegas-content-scrollable,
.vegas-timer,
.vegas-slide,
.vegas-slide-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  border: none;
  padding: 0;
  margin: 0;
}

.vegas-content-scrollable {
  position: relative;
  height: 100%;
  overflow: auto;
}

.vegas-overlay {
  opacity: 0.5;
}

.vegas-timer {
  top: auto;
  bottom: 0;
  height: 2px;
}

.vegas-timer-progress {
  width: 0%;
  height: 100%;
  background: white;
  -webkit-transition: width ease-out;
  transition: width ease-out;
}

.vegas-timer-running .vegas-timer-progress {
  width: 100%;
}

.vegas-slide,
.vegas-slide-inner {
  margin: 0;
  padding: 0;
  background: transparent center center no-repeat;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
}

body .vegas-container {
  overflow: hidden !important;
  position: relative;
}

.vegas-video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

body.vegas-container {
  overflow: auto;
  position: static;
  z-index: -2;
}

body.vegas-container > .vegas-timer,
body.vegas-container > .vegas-overlay,
body.vegas-container > .vegas-slide {
  position: fixed;
  z-index: -1;
}

/* Target Safari IOS7+ in order to add 76px */
/*******************************************/
/* blur transition */
/*******************************************/
.vegas-transition-blur,
.vegas-transition-blur2 {
  opacity: 0;
  -webkit-filter: blur(32px) brightness(1.01);
  filter: blur(32px) brightness(1.01);
}

.vegas-transition-blur-in,
.vegas-transition-blur2-in {
  opacity: 1;
  -webkit-filter: blur(0px) brightness(1.01);
  filter: blur(0px) brightness(1.01);
}

.vegas-transition-blur2-out {
  opacity: 0;
}

/*******************************************/
/* burn transition */
/*******************************************/
.vegas-transition-burn,
.vegas-transition-burn2 {
  opacity: 0;
  -webkit-filter: contrast(1000%) saturate(1000%);
  filter: contrast(1000%) saturate(1000%);
}

.vegas-transition-burn-in,
.vegas-transition-burn2-in {
  opacity: 1;
  -webkit-filter: contrast(100%) saturate(100%);
  filter: contrast(100%) saturate(100%);
}

.vegas-transition-burn2-out {
  opacity: 0;
  -webkit-filter: contrast(1000%) saturate(1000%);
  filter: contrast(1000%) saturate(1000%);
}

/*******************************************/
/* fade transition */
/*******************************************/
.vegas-transition-fade,
.vegas-transition-fade2 {
  opacity: 0;
}

.vegas-transition-fade-in,
.vegas-transition-fade2-in {
  opacity: 1;
}

.vegas-transition-fade2-out {
  opacity: 0;
}

/*******************************************/
/* flash transition */
/*******************************************/
.vegas-transition-flash,
.vegas-transition-flash2 {
  opacity: 0;
  -webkit-filter: brightness(25);
  filter: brightness(25);
}

.vegas-transition-flash-in,
.vegas-transition-flash2-in {
  opacity: 1;
  -webkit-filter: brightness(1);
  filter: brightness(1);
}

.vegas-transition-flash2-out {
  opacity: 0;
  -webkit-filter: brightness(25);
  filter: brightness(25);
}

/*******************************************/
/* negative transition */
/*******************************************/
.vegas-transition-negative,
.vegas-transition-negative2 {
  opacity: 0;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.vegas-transition-negative-in,
.vegas-transition-negative2-in {
  opacity: 1;
  -webkit-filter: invert(0);
  filter: invert(0);
}

.vegas-transition-negative2-out {
  opacity: 0;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

/*******************************************/
/* slideDown transition */
/*******************************************/
.vegas-transition-slideDown,
.vegas-transition-slideDown2 {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.vegas-transition-slideDown-in,
.vegas-transition-slideDown2-in {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.vegas-transition-slideDown2-out {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

/*******************************************/
/* slideLeft transition */
/*******************************************/
.vegas-transition-slideLeft,
.vegas-transition-slideLeft2 {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.vegas-transition-slideLeft-in,
.vegas-transition-slideLeft2-in {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.vegas-transition-slideLeft2-out {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

/*******************************************/
/* slideRight transition */
/*******************************************/
.vegas-transition-slideRight,
.vegas-transition-slideRight2 {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.vegas-transition-slideRight-in,
.vegas-transition-slideRight2-in {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.vegas-transition-slideRight2-out {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

/*******************************************/
/* slideUp transition */
/*******************************************/
.vegas-transition-slideUp,
.vegas-transition-slideUp2 {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.vegas-transition-slideUp-in,
.vegas-transition-slideUp2-in {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.vegas-transition-slideUp2-out {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

/*******************************************/
/* swirlLeft transition */
/*******************************************/
.vegas-transition-swirlLeft,
.vegas-transition-swirlLeft2 {
  -webkit-transform: scale(2) rotate(35deg);
  transform: scale(2) rotate(35deg);
  opacity: 0;
}

.vegas-transition-swirlLeft-in,
.vegas-transition-swirlLeft2-in {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

.vegas-transition-swirlLeft2-out {
  -webkit-transform: scale(2) rotate(-35deg);
  transform: scale(2) rotate(-35deg);
  opacity: 0;
}

/*******************************************/
/* swirlRight transition */
/*******************************************/
.vegas-transition-swirlRight,
.vegas-transition-swirlRight2 {
  -webkit-transform: scale(2) rotate(-35deg);
  transform: scale(2) rotate(-35deg);
  opacity: 0;
}

.vegas-transition-swirlRight-in,
.vegas-transition-swirlRight2-in {
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

.vegas-transition-swirlRight2-out {
  -webkit-transform: scale(2) rotate(35deg);
  transform: scale(2) rotate(35deg);
  opacity: 0;
}

/*******************************************/
/* zoomIn transition */
/*******************************************/
.vegas-transition-zoomIn,
.vegas-transition-zoomIn2 {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.vegas-transition-zoomIn-in,
.vegas-transition-zoomIn2-in {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.vegas-transition-zoomIn2-out {
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

/*******************************************/
/* zoomOut transition */
/*******************************************/
.vegas-transition-zoomOut,
.vegas-transition-zoomOut2 {
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

.vegas-transition-zoomOut-in,
.vegas-transition-zoomOut2-in {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.vegas-transition-zoomOut2-out {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

/*******************************************/
/* kenburns animation */
/*******************************************/
.vegas-animation-kenburns {
  -webkit-animation: kenburns ease-out;
  animation: kenburns ease-out;
}

@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes kenburns {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*******************************************/
/* kenburnsDownLeft animation */
/*******************************************/
.vegas-animation-kenburnsDownLeft {
  -webkit-animation: kenburnsDownLeft ease-out;
  animation: kenburnsDownLeft ease-out;
}

@-webkit-keyframes kenburnsDownLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, -10%);
    transform: scale(1.5) translate(10%, -10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsDownLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, -10%);
    transform: scale(1.5) translate(10%, -10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsDownRight animation */
/*******************************************/
.vegas-animation-kenburnsDownRight {
  -webkit-animation: kenburnsDownRight ease-out;
  animation: kenburnsDownRight ease-out;
}

@-webkit-keyframes kenburnsDownRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, -10%);
    transform: scale(1.5) translate(-10%, -10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsDownRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, -10%);
    transform: scale(1.5) translate(-10%, -10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsDown animation */
/*******************************************/
.vegas-animation-kenburnsDown {
  -webkit-animation: kenburnsDown ease-out;
  animation: kenburnsDown ease-out;
}

@-webkit-keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.5) translate(0, -10%);
    transform: scale(1.5) translate(0, -10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.5) translate(0, -10%);
    transform: scale(1.5) translate(0, -10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsLeft animation */
/*******************************************/
.vegas-animation-kenburnsLeft {
  -webkit-animation: kenburnsLeft ease-out;
  animation: kenburnsLeft ease-out;
}

@-webkit-keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 0);
    transform: scale(1.5) translate(10%, 0);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 0);
    transform: scale(1.5) translate(10%, 0);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsRight animation */
/*******************************************/
.vegas-animation-kenburnsRight {
  -webkit-animation: kenburnsRight ease-out;
  animation: kenburnsRight ease-out;
}

@-webkit-keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 0);
    transform: scale(1.5) translate(-10%, 0);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 0);
    transform: scale(1.5) translate(-10%, 0);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsUpLeft animation */
/*******************************************/
.vegas-animation-kenburnsUpLeft {
  -webkit-animation: kenburnsUpLeft ease-out;
  animation: kenburnsUpLeft ease-out;
}

@-webkit-keyframes kenburnsUpLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 10%);
    transform: scale(1.5) translate(10%, 10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsUpLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 10%);
    transform: scale(1.5) translate(10%, 10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsUpRight animation */
/*******************************************/
.vegas-animation-kenburnsUpRight {
  -webkit-animation: kenburnsUpRight ease-out;
  animation: kenburnsUpRight ease-out;
}

@-webkit-keyframes kenburnsUpRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 10%);
    transform: scale(1.5) translate(-10%, 10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsUpRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 10%);
    transform: scale(1.5) translate(-10%, 10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsUp animation */
/*******************************************/
.vegas-animation-kenburnsUp {
  -webkit-animation: kenburnsUp ease-out;
  animation: kenburnsUp ease-out;
}

@-webkit-keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.5) translate(0, 10%);
    transform: scale(1.5) translate(0, 10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.5) translate(0, 10%);
    transform: scale(1.5) translate(0, 10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
  }
}
/* ***************************
inview: effect
*************************** */
.js-inview {
  opacity: 0;
  -webkit-transform: translate(0, 60px);
  transform: translate(0, 60px);
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: transform 0.8s, opacity 0.8s;
  transition: transform 0.8s, opacity 0.8s, -webkit-transform 0.8s;
}

.js-inviewD1 {
  opacity: 0;
  -webkit-transform: translate(0, 60px);
  transform: translate(0, 60px);
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: transform 0.8s, opacity 0.8s;
  transition: transform 0.8s, opacity 0.8s, -webkit-transform 0.8s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.js-inviewD2 {
  opacity: 0;
  -webkit-transform: translate(0, 60px);
  transform: translate(0, 60px);
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: transform 0.8s, opacity 0.8s;
  transition: transform 0.8s, opacity 0.8s, -webkit-transform 0.8s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.js-inviewD3 {
  opacity: 0;
  -webkit-transform: translate(0, 60px), opacity 0.8s;
  transform: translate(0, 60px), opacity 0.8s;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.js-inview--show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  margin-top: 0;
}

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  margin-top: 0;
  opacity: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modaal-wrapper * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}
.modaal-wrapper .modaal-close {
  border: none;
  background: transparent;
  padding: 0;
  -webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}
.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}
.modaal-wrapper *[tabindex="0"] {
  outline: none !important;
}
.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}
.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

.modaal-container {
  position: relative;
  display: inline-block;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1100px;
  border-radius: 0px;
  background: #fff;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}
.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}
.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: absolute;
  right: -5%;
  top: -50px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.modaal-close:focus, .modaal-close:hover {
  outline: none;
  background: #fff;
}
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
  background: #b93d0c;
}
.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-close:before, .modaal-close:after {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.modaal-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modaal-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

.modaal-content-container {
  padding: 5px;
}
.modaal-content-container .u-mTop0.u-alignCenter > img {
  height: 80vmin;
  width: auto;
  max-width: inherit;
  max-height: 705px;
}
@media screen and (max-width: 767px) {
  .modaal-content-container .u-mTop0.u-alignCenter > img {
    height: inherit;
    width: inherit;
    max-width: 100%;
    max-height: inherit;
  }
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0rem;
}

.modaal-confirm-btn {
  font-size: px2rem(14px);
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent;
}
.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}
.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}
.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent;
}
.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
  animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}
.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}
.modaal-gallery-item img {
  display: block;
}
.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: px2rem(18px);
  text-align: center;
  color: #fff;
}
.modaal-gallery-label:focus {
  outline: none;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}
.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: none;
  background: #fff;
}
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
  background: #afb7bc;
}
.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-gallery-control:before, .modaal-gallery-control:after {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}
.modaal-gallery-next-outer {
  right: 45px;
}

.modaal-gallery-prev:before, .modaal-gallery-prev:after {
  left: 22px;
}
.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}
.modaal-gallery-prev-outer {
  left: 45px;
}

.modaal-video-wrap {
  margin: auto;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}
@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }

  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:before, .modaal-gallery-control:after {
    background: #fff;
  }

  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }

  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}
@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .modaal-instagram iframe {
    width: 600px !important;
  }
}
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }

  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}
.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
}
@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.37s;
  animation-delay: 0.37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.62s;
  animation-delay: 0.62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.87s;
  animation-delay: 0.87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

/*!
	Modaal - OVERRIDE! 
 */
.modaal-noscroll {
  overflow-y: auto;
}

.modaal-overlay {
  opacity: 0 !important;
}

.modaal-wrapper {
  position: absolute;
}

.modaal-content.modaal-focus:focus {
  outline: none !important;
}

.modaal-inner-wrapper {
  padding: 80px 18px;
  background-image: url("../images/backimage/bg_modal_pc.png");
  background-size: 100%;
  background-repeat: repeat;
}
@media screen and (max-width: 768px) {
  .modaal-inner-wrapper {
    background-image: url("../images/backimage/bg_modal_sp.png");
  }
}

.modaal-container {
  border-radius: 20px;
}

.modaal-wrapper .modaal-close {
  right: -2.5%;
  top: -75px;
  width: 55px;
  height: 55px;
  background: url("../images/button/btn_modalClose.svg") no-repeat;
}
@media screen and (max-width: 768px) {
  .modaal-wrapper .modaal-close {
    right: 0;
    top: -46px;
    width: 36px;
    height: 36px;
    background: url("../images/button/btn_modalCloseSP.svg") no-repeat;
  }
}
.modaal-wrapper .modaal-close:focus, .modaal-wrapper .modaal-close:hover {
  background: url("../images/button/btn_modalClose_hover.svg") no-repeat;
}
@media screen and (max-width: 768px) {
  .modaal-wrapper .modaal-close:focus, .modaal-wrapper .modaal-close:hover {
    background: url("../images/button/btn_modalCloseSP_hover.svg") no-repeat;
  }
}
.modaal-wrapper .modaal-close:focus {
  outline: 2px #dc1753 solid;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.modaal-wrapper .modaal-close:before, .modaal-wrapper .modaal-close:after {
  display: none;
}

.slick-next.slick-arrow,
.slick-prev.slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  padding: 0;
  margin: 0;
  width: 37px;
  height: 70px;
  border: none;
  background: url("../images/button/btn_modalSlider.svg") no-repeat;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
  cursor: pointer;
}
.slick-next.slick-arrow:hover,
.slick-prev.slick-arrow:hover {
  opacity: 0.7;
}

.slick-prev.slick-arrow {
  left: 0;
  -webkit-transform: scale(-1, 1) translateY(-50%);
  transform: scale(-1, 1) translateY(-50%);
}

.slick-next.slick-arrow {
  right: 0;
}

.slick-dots {
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 94px;
  height: 14px;
  margin: 0 auto;
  padding: 0;
}
.slick-dots li {
  width: 10px;
  margin: 0;
  padding: 0;
  font-size: 0%;
  line-height: 100%;
  text-align: center;
}
.slick-dots li:before {
  display: none;
}
.slick-dots li + li {
  margin: 0;
  margin-left: 10px;
}
.slick-dots button {
  width: 6px;
  height: 6px;
  margin: 0;
  padding: 0;
  font-size: 0%;
  line-height: 0;
  background: #ffffff;
  border: none;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slick-dots button:hover {
  width: 10px;
  height: 10px;
}
.slick-dots button:focus {
  width: 10px;
  height: 10px;
  outline: none;
  border: 2px #dc1753 solid;
}
.slick-dots .slick-active button {
  width: 10px;
  height: 10px;
  background: #00756e;
}
.slick-dots .slick-active button:hover {
  width: 14px;
  height: 14px;
}

/*

 Responsive Multi-Level Menu

*/
/*@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
/* Common styles of menus */
.dl-menuwrapper {
  width: 100%;
  /* max-width: 300px; */
  position: relative;
  /*	-webkit-perspective: 1000px;
  	perspective: 1000px;
  	-webkit-perspective-origin: 50% 200%;
  	perspective-origin: 50% 200%;*/
}

.dl-menuwrapper:first-child {
  margin-right: 100px;
}

.dl-menuwrapper button {
  background: #ddd;
  border: none;
  width: 48px;
  height: 45px;
  text-indent: -900em;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
  background: #ccc;
}

.dl-menuwrapper button:after {
  content: "";
  position: absolute;
  width: 68%;
  height: 5px;
  background: #fff;
  top: 10px;
  left: 16%;
  -webkit-box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
  box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}

.dl-menuwrapper ul {
  margin-top: 0;
  /* ADD */
  padding: 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.dl-menuwrapper li {
  position: relative;
}

.dl-menuwrapper li a {
  display: block;
  position: relative;
  padding: 15px 20px;
  font-size: 1rem;
  line-height: 20px;
  font-weight: 300;
  color: #fff;
  outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
  background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li.dl-back > a {
  padding-left: 30px;
  background: rgba(0, 0, 0, 0.1);
}

.dl-menuwrapper li.dl-back:after {
  left: 10px;
  color: rgba(212, 204, 198, 0.3);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
  right: 10px;
  color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu {
  margin: 0 0 0 0;
  /* EDIT */
  position: absolute;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-1000px);
  transform: translateY(-1000px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
  -webkit-transition: all 0.01s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.01s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.dl-menuwrapper .dl-menu.dl-menuopen {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  height: auto;
  overflow-y: auto;
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
  display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
  display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block;
}

/* accordion */
.dl-menu.dl-subview li.js-accordion.is-open li {
  display: block;
  background: #fcc;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
  position: absolute;
  width: 100%;
  top: 45px;
  /* EDIT */
  left: 0;
  margin: 0;
}

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
  -webkit-animation: MenuAnimOut1 0.3s ease-in-out;
  animation: MenuAnimOut1 0.3s ease-in-out;
}

@-webkit-keyframes MenuAnimOut1 {
  0% {
    opacity: 1;
    /* EDIT */
  }
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 1;
    /* EDIT */
  }
}
@keyframes MenuAnimOut1 {
  0% {
    opacity: 1;
    /* EDIT */
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1;
    /* EDIT */
  }
}
.dl-menu.dl-animate-in-1 {
  -webkit-animation: MenuAnimIn1 0.3s ease-in-out;
  animation: MenuAnimIn1 0.3s ease-in-out;
}

@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 1;
    /* EDIT */
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1;
    /* EDIT */
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
  -webkit-animation: SubMenuAnimIn1 0.3s ease-in-out;
  animation: SubMenuAnimIn1 0.3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 1;
    /* EDIT */
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
    /* EDIT */
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
  -webkit-animation: SubMenuAnimOut1 0.3s ease-in-out;
  animation: SubMenuAnimOut1 0.3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 1;
    /* EDIT */
  }
}
@keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
    /* EDIT */
  }
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
  position: relative;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
  display: block;
}

.no-js .dl-menuwrapper li.dl-back {
  display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
  background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
  content: "";
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* ***************************
header
*************************** */
.l-header {
  position: relative;
}
@media print, screen and (max-width: 768px) {
  .l-header {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 90px;
    padding: 0;
  }
}

.l-header__body {
  border-left: 4px solid inherit;
  border-right: 4px solid inherit;
  border-top: 4px solid #00756e;
  position: relative;
  z-index: 100;
  background-color: #fff;
}
@media print, screen and (max-width: 768px) {
  .l-header__body {
    height: 90px;
  }
}

@media print, screen and (max-width: 768px) {
  body.is-spmenu-open .l-header__body {
    border-left: 4px solid #00756e;
    border-right: 4px solid #00756e;
    z-index: 200;
  }
}

.l-header__body__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1160px;
  margin: 0 auto;
  padding: 40px 0 38px;
}
@media screen and (max-width: 1365px) {
  .l-header__body__inner {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media print, screen and (max-width: 768px) {
  .l-header__body__inner {
    padding: 0;
  }
}

.l-header__body__left {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: -6px;
  top: -9px;
}
@media print, screen and (max-width: 768px) {
  .l-header__body__left {
    position: static;
    left: inherit;
  }
}

.l-header__body__left__sitelogo {
  padding-top: 5px;
}
@media print, screen and (max-width: 768px) {
  .l-header__body__left__sitelogo {
    padding-top: 25px;
    padding-left: 18px;
  }
}

@media print, screen and (max-width: 768px) {
  body.is-spmenu-open .l-header__body__left__sitelogo {
    padding-left: 14px;
  }
}

.l-header__body__left__sitetext {
  padding-left: 54px;
  padding-top: 33px;
  height: 65px;
  vertical-align: top;
}
@media print, screen and (max-width: 1000px) {
  .l-header__body__left__sitetext {
    padding-left: 25px;
  }
}
@media print, screen and (max-width: 768px) {
  .l-header__body__left__sitetext {
    padding-left: 15px;
    padding-top: 35px;
  }
}

/* ***************************
main
*************************** */
.l-main {
  position: relative;
  display: block;
  margin: 0;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .l-main {
    margin-top: 86px;
  }
}

.l-main__body.is-pickup-health {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .l-main__body.is-pickup-health {
    margin-bottom: -106px;
  }
}

.l-main__body__middle {
  max-width: 1160px;
  margin: 0 auto;
}

.l-main__body__middle--try {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l-main__body__middle--try {
    padding-bottom: 300px;
  }
}

.l-main__container {
  max-width: 1080px;
  padding: 0 40px;
  margin: 0 auto;
}

.l-main--bg_pickupIndex {
  background-image: url("../images/pick-up/index/bg_pickup_index_pc.svg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .l-main--bg_pickupIndex {
    background-image: url("../images/pick-up/index/bg_pickup_index_sp.svg");
    padding-bottom: 300px;
  }
}
.l-main--bg_pickupIndex ~ footer {
  margin-top: -300px;
}
@media screen and (max-width: 768px) {
  .l-main--bg_pickupIndex ~ footer {
    margin-top: -340px;
  }
}
@media screen and (max-width: 768px) {
  .l-main--bg_pickupIndex ~ footer .l-footer__wrapper {
    padding-bottom: 0;
  }
}

/* ***************************
footer
*************************** */
.l-footer {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .l-footer {
    margin-top: 100px;
  }
}

.l-footer__wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .l-footer__wrapper {
    padding-top: 10px;
    padding-bottom: 80px;
    margin-left: 10%;
    margin-right: 10%;
  }
}

.l-footer__inner {
  position: relative;
  margin: 0 auto;
  max-width: 1180px;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 1160px) {
  .l-footer__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner {
    display: block;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.l-footer__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .l-footer__head {
    display: block;
  }
}

.l-footer__head__logo {
  padding-right: 15px;
}
@media screen and (max-width: 768px) {
  .l-footer__head__logo {
    padding-right: 0;
    padding-bottom: 13px;
  }
}

.l-footer__head__line {
  height: 66px;
  border-left: 5px solid #00756e;
  padding-left: 15px;
}
@media screen and (max-width: 768px) {
  .l-footer__head__line {
    display: none;
  }
}

.l-footer__head__address {
  font-style: normal;
  font-size: 0.875rem;
  letter-spacing: 0.8px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .l-footer__head__address {
    border-left: 5px solid #00756e;
    padding-top: 0;
    padding-left: 12px;
    font-size: 0.75rem;
  }
}

.l-footer__body {
  width: 100%;
  padding-top: 47px;
}
@media screen and (max-width: 768px) {
  .l-footer__body {
    padding-top: 30px;
  }
}

/* ***************************
parkCourseDetail
*************************** */
.l-parkCourseDetail {
  position: relative;
}

.l-parkCourseDetail__parkMenu {
  margin-top: 67px;
}
@media screen and (max-width: 768px) {
  .l-parkCourseDetail__parkMenu {
    margin-top: 40px;
  }
}

.l-parkCourseDetail__intro {
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .l-parkCourseDetail__intro {
    margin-top: 0;
  }
}
.l-parkCourseDetail__intro .p-pageH2OnlyText__body {
  margin-top: 28px;
}
@media screen and (max-width: 768px) {
  .l-parkCourseDetail__intro .p-pageH2OnlyText__body {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .l-parkCourseDetail__intro .p-pageH2OnlyText__body__text {
    letter-spacing: -0.5px;
  }
}

.l-parkCourseDetail__overview {
  margin-top: 27px;
}
@media screen and (max-width: 768px) {
  .l-parkCourseDetail__overview {
    margin-top: 10px;
  }
}

.l-parkCourseDetail__infomation {
  max-width: 1080px;
  margin: 24px auto 0;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .l-parkCourseDetail__infomation {
    margin-top: 21px;
    padding: 0 37px;
  }
}

.l-parkCourseDetail__access {
  max-width: 1080px;
  margin: 65px auto 0;
  padding: 0 40px;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .l-parkCourseDetail__access {
    margin-top: 50px;
    padding: 0 37px;
  }
}

.l-parkCourseDetail__map {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .l-parkCourseDetail__map {
    margin-top: 75px;
  }
}

.l-parkCourseDetail__timeline {
  margin-top: 102px;
}
@media screen and (max-width: 768px) {
  .l-parkCourseDetail__timeline {
    margin-top: 52px;
  }
}

.l-parkCourseDetail__highlights {
  margin-top: 208px;
}
@media screen and (max-width: 768px) {
  .l-parkCourseDetail__highlights {
    margin-top: 172px;
  }
}

.l-parkCourseDetail__back2list {
  margin-top: 90px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-parkCourseDetail__back2list {
    margin-top: 20px;
  }
}

.l-parkCourseDetail__parkBtmList {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .l-parkCourseDetail__parkBtmList {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .l-parkCourseDetail__parkBtmList .p-parkBtmList__back {
    padding-bottom: 50px;
    margin-bottom: -50px;
  }
}

/* ***************************
parkTryPlanDetail
*************************** */
.l-parkTryPlanDetail {
  position: relative;
}

.l-parkTryPlanDetail__parkMenu {
  margin-top: 69px;
}
@media screen and (max-width: 768px) {
  .l-parkTryPlanDetail__parkMenu {
    margin-top: 40px;
  }
}

.l-parkTryPlanDetail__vApp {
  margin-top: 0;
}

.l-parkTryPlanDetail__point {
  margin-top: 67px;
}
@media screen and (max-width: 768px) {
  .l-parkTryPlanDetail__point {
    margin-top: 5px;
  }
}

.l-parkTryPlanDetail__middleVisual {
  margin-top: 75px;
}
@media screen and (max-width: 768px) {
  .l-parkTryPlanDetail__middleVisual {
    margin-top: 30px;
  }
}

.l-parkTryPlanDetail__timeline {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .l-parkTryPlanDetail__timeline {
    margin-top: 0;
  }
}

.l-parkTryPlanDetail__timeline__note {
  max-width: 1100px;
  margin: 50px auto 0;
  padding: 26px 20px 19px;
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .l-parkTryPlanDetail__timeline__note {
    text-align: left;
    padding: 26px 37.5px 19px;
    font-size: 1rem;
  }
}

.l-main__container + .l-parkTryPlanDetail__timeline {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .l-main__container + .l-parkTryPlanDetail__timeline {
    margin-top: 40px;
  }
}

.l-parkTryPlanDetail__switchBox {
  position: relative;
  width: 100%;
  max-width: 1080px;
  padding: 0 40px;
  margin: 45px auto 50px;
}
@media screen and (max-width: 768px) {
  .l-parkTryPlanDetail__switchBox {
    margin: 20px auto 50px;
    padding: 0 10px;
    text-align: center;
  }
}
.l-parkTryPlanDetail__switchBox .c-btn + .c-btn {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .l-parkTryPlanDetail__switchBox .c-btn + .c-btn {
    margin-left: 5px;
  }
}

.l-parkTryPlanDetail__planRecommend {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .l-parkTryPlanDetail__planRecommend {
    margin-top: 40px;
  }
}

.l-parkTryPlanDetail__parkBtmList {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .l-parkTryPlanDetail__parkBtmList {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .l-parkTryPlanDetail__parkBtmList .p-parkBtmList__back {
    padding-bottom: 50px;
    margin-bottom: -50px;
  }
}

/* ***************************
parkSpot
*************************** */
.l-parkSpot {
  position: relative;
}

.l-parkSpot__parkMenu {
  margin-top: 67px;
}
@media screen and (max-width: 768px) {
  .l-parkSpot__parkMenu {
    margin-top: 40px;
  }
}

.l-parkSpot__spotMap {
  max-width: 1080px;
  margin: 115px auto 0;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .l-parkSpot__spotMap {
    margin-top: 33px;
    padding: 0 37px;
  }
}

.l-parkSpot__spotMap__switchBox {
  text-align: center;
}
.l-parkSpot__spotMap__switchBox button + button {
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .l-parkSpot__spotMap__switchBox button + button {
    margin-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .l-parkSpot__spotMap__switchBox.is-spNarrow .c-btn__body {
    padding-right: 15px;
    padding-left: 15px;
  }
  .l-parkSpot__spotMap__switchBox.is-spNarrow button + button {
    margin-left: 15px;
  }
}

.l-parkSpot__spotMap__spotMapContainer {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .l-parkSpot__spotMap__spotMapContainer {
    margin-top: 45px;
  }
}

.l-parkSpot__spotSlider {
  margin-top: 140px;
}
@media screen and (max-width: 768px) {
  .l-parkSpot__spotSlider {
    margin-top: 70px;
  }
}

.l-parkSpot__parkBtmList {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .l-parkSpot__parkBtmList {
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .l-parkSpot__parkBtmList .p-parkBtmList__back {
    padding-bottom: 50px;
    margin-bottom: -50px;
  }
}

/* ***************************
parkTry
*************************** */
.l-parkTry {
  position: relative;
}

.l-parkTry__parkMenu {
  margin-top: 67px;
}
@media screen and (max-width: 768px) {
  .l-parkTry__parkMenu {
    margin-top: 40px;
  }
}

.l-parkTry__vApp {
  font-size: 0rem;
  margin-top: 114px;
}
@media screen and (max-width: 768px) {
  .l-parkTry__vApp {
    margin-top: 35px;
  }
}

.l-parkTry__planRecommend {
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  .l-parkTry__planRecommend {
    margin-top: 100px;
  }
}

.l-parkTry__parkBtmList {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .l-parkTry__parkBtmList {
    margin-top: 50px;
  }
}

.is-bgBeige.l-parkTry__parkBtmList {
  margin-top: -15px;
  margin-bottom: -30px;
  background-color: #f4f3ed;
}
.is-bgBeige.l-parkTry__parkBtmList .p-parkBtmList__back {
  padding-bottom: 105px;
}
@media screen and (max-width: 768px) {
  .is-bgBeige.l-parkTry__parkBtmList .p-parkBtmList__back {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .is-bgBeige.l-parkTry__parkBtmList .p-parkBtmList__inner {
    margin-top: 40px;
  }
}

/* ***************************
parkAccess
*************************** */
.l-parkAccess {
  position: relative;
}

.l-parkAccess__parkMenu {
  margin-top: 67px;
}
@media screen and (max-width: 768px) {
  .l-parkAccess__parkMenu {
    margin-top: 40px;
  }
}

.l-parkAccess__timetable {
  max-width: 1080px;
  margin: 135px auto 0;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .l-parkAccess__timetable {
    margin-top: 33px;
    padding: 0 37px;
  }
}

.l-parkAccess__parkBtmList {
  margin-top: 180px;
}
@media screen and (max-width: 768px) {
  .l-parkAccess__parkBtmList {
    margin-top: 70px;
  }
}

/* ***************************
parkManner
*************************** */
.l-parkManner {
  position: relative;
}

.l-parkManner__parkMenu {
  margin-top: 67px;
}
@media screen and (max-width: 768px) {
  .l-parkManner__parkMenu {
    margin-top: 40px;
  }
}

.l-parkManner__intro {
  max-width: 1080px;
  margin: 115px auto 0;
  padding: 0 40px;
  font-size: 1.063rem;
  letter-spacing: 0.75px;
  margin-top: 115px;
}
@media screen and (max-width: 768px) {
  .l-parkManner__intro {
    margin-top: 25px;
    font-size: 0.938rem;
    line-height: 2;
    letter-spacing: 0.5px;
  }
}

.l-parkManner__caution {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .l-parkManner__caution {
    margin-top: 29px;
    padding: 0 37px;
  }
}

.l-parkManner__equipment {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
  margin-top: 90px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .l-parkManner__equipment {
    margin-top: 30px;
    padding: 0 37px;
  }
}

.l-parkManner__equipment__list {
  margin-top: 40px;
}

.l-parkManner__parkBtmList {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .l-parkManner__parkBtmList {
    margin-top: 70px;
  }
}

/* ***************************
parkCourse
*************************** */
.l-parkCourse {
  position: relative;
}

.l-parkCourse__parkMenu {
  margin-top: 67px;
}
@media screen and (max-width: 768px) {
  .l-parkCourse__parkMenu {
    margin-top: 40px;
  }
}

.l-parkCourse__switchBox {
  margin-top: 115px;
  margin-bottom: -40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-parkCourse__switchBox {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.l-parkCourse__switchBox button + button {
  margin-left: 20px;
}
.l-parkCourse__switchBox .c-btn__body {
  padding-right: 55px;
  padding-left: 55px;
}
@media screen and (max-width: 768px) {
  .l-parkCourse__switchBox .c-btn__body {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.l-parkCourse__intro {
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .l-parkCourse__intro {
    margin-top: 0;
  }
}
.l-parkCourse__intro .p-pageH2OnlyText__body {
  margin-top: 28px;
}
@media screen and (max-width: 768px) {
  .l-parkCourse__intro .p-pageH2OnlyText__body {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .l-parkCourse__intro .p-pageH2OnlyText__inner {
    padding: 0 35px;
  }
}

.l-parkCourse__recommended {
  margin-top: 85px;
}
@media screen and (max-width: 768px) {
  .l-parkCourse__recommended {
    margin-top: 20px;
  }
}

.l-parkCourse__parkBtmList {
  margin-top: -15px;
  margin-bottom: -30px;
  background-color: #f4f3ed;
}
.l-parkCourse__parkBtmList .p-parkBtmList__back {
  padding-bottom: 105px;
}
@media screen and (max-width: 768px) {
  .l-parkCourse__parkBtmList .p-parkBtmList__back {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .l-parkCourse__parkBtmList .p-parkBtmList__inner {
    margin-top: 40px;
  }
}

/* ***************************
parkFeature
*************************** */
.l-parkFeature {
  position: relative;
}

.l-parkFeature__parkMenu {
  margin-top: 67px;
}
@media screen and (max-width: 768px) {
  .l-parkFeature__parkMenu {
    margin-top: 27px;
  }
}

.l-parkFeature__section {
  margin-top: 107px;
}
@media screen and (max-width: 768px) {
  .l-parkFeature__section {
    margin-top: 40px;
  }
}
.l-parkFeature__section + .l-parkFeature__section {
  margin-top: 145px;
}
@media screen and (max-width: 768px) {
  .l-parkFeature__section + .l-parkFeature__section {
    margin-top: 70px;
  }
}

.l-parkFeature__parkBtmList {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .l-parkFeature__parkBtmList {
    margin-top: 50px;
  }
}

/* ***************************
parkIndex
*************************** */
.l-parkIndex {
  position: relative;
}

.l-parkIndex__parkMenu {
  margin-top: 67px;
}
@media screen and (max-width: 768px) {
  .l-parkIndex__parkMenu {
    margin-top: 42px;
  }
}

.l-parkIndex__overview {
  margin-top: 93px;
}
@media screen and (max-width: 768px) {
  .l-parkIndex__overview {
    margin-top: 13px;
  }
}

.l-parkIndex__highlights {
  margin-top: 108px;
}
@media screen and (max-width: 768px) {
  .l-parkIndex__highlights {
    margin-top: 59px;
  }
}
.l-parkIndex__highlights .p-areaAccessBtn {
  display: none;
}

.l-parkIndex__highlights__button {
  text-align: center;
  margin-top: 66px;
}
@media screen and (max-width: 768px) {
  .l-parkIndex__highlights__button {
    margin-top: 50px;
  }
}

.l-parkIndex__vActSlider {
  margin-top: 130px;
}
@media screen and (max-width: 768px) {
  .l-parkIndex__vActSlider {
    margin-top: 90px;
  }
}

.l-parkIndex__activeRanger {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
  margin-top: 110px;
}
@media screen and (max-width: 768px) {
  .l-parkIndex__activeRanger {
    margin-top: 65px;
  }
}

.l-parkIndex__activeRanger__link {
  display: block;
  text-align: center;
}

.l-parkIndex__activeRanger__link__banner {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.l-parkIndex__activeRanger__link__banner:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .l-parkIndex__activeRanger__link__banner {
    max-width: 300px;
    position: relative;
    left: -8px;
  }
}

main.is-index-noActSlider .l-parkIndex__office {
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  main.is-index-noActSlider .l-parkIndex__office {
    padding-top: 80px;
  }
}

.l-parkIndex__office {
  margin-top: 0;
}
.l-parkIndex__office .p-indexOfficeTable__inner {
  padding-top: 150px;
}
@media screen and (max-width: 768px) {
  .l-parkIndex__office .p-indexOfficeTable__inner {
    padding-top: 95px;
  }
}

.l-parkIndex__parkBtmList {
  margin-top: 0;
}

main.is-index-noActSlider .l-parkIndex__vActSlider {
  display: none;
}
main.is-index-noActSlider .l-parkIndex__highlights .p-areaAccessBtn {
  display: block;
}
main.is-index-noActSlider .l-parkIndex__highlights .p-areaAccessBtn__access {
  background-image: url("../images/button/btn_areaAccessPop_beige.svg");
}
main.is-index-noActSlider .l-parkIndex__highlights {
  padding-bottom: 275px;
}
main.is-index-noActSlider .p-indexOfficeTable__inner {
  background-color: #F4F3ED;
  padding-top: 130px;
}
@media screen and (max-width: 1160px) {
  main.is-index-noActSlider .p-indexOfficeTable__inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  main.is-index-noActSlider .p-indexOfficeTable__inner {
    padding-top: 100px;
    padding-left: 0;
    padding-right: 0;
  }
}
main.is-index-noActSlider .p-indexOfficeTable__body {
  background-color: #fff;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  main.is-index-noActSlider .p-indexOfficeTable__body {
    padding: 10px 10px 80px 22px;
    margin: 0 20px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  main.is-index-noActSlider .p-indexOfficeTable__officeName:first-child {
    margin-top: 35px;
  }
}
main.is-index-noActSlider .p-parkBtmList {
  padding-top: 100px;
  background-color: #F4F3ED;
}

/* ***************************
aboutManner
*************************** */
.l-aboutManner {
  position: relative;
}

.l-aboutManner__intro {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 40px;
  font-size: 1.063rem;
  letter-spacing: 0.75px;
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .l-aboutManner__intro {
    margin-top: 47px;
    font-size: 0.938rem;
    line-height: 2;
    letter-spacing: 0.5px;
  }
}

.l-aboutManner__caution {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 40px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .l-aboutManner__caution {
    margin-top: 50px;
    padding: 0 37px;
  }
}

.l-aboutManner__caution__intro {
  margin-top: 15px;
  letter-spacing: 1.75px;
}
@media screen and (max-width: 768px) {
  .l-aboutManner__caution__intro {
    letter-spacing: 0;
  }
}

.l-aboutManner__caution__list {
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .l-aboutManner__caution__list {
    margin-top: 45px;
  }
}

.l-aboutManner__cardListTop {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 40px;
  margin-top: 113px;
}
@media screen and (max-width: 768px) {
  .l-aboutManner__cardListTop {
    margin-top: 48px;
    padding: 0 37px;
  }
}

.l-aboutManner__cardListTop__intro {
  margin-top: 18px;
  letter-spacing: 1.85px;
}
@media screen and (max-width: 768px) {
  .l-aboutManner__cardListTop__intro {
    margin-top: 15px;
  }
}

.l-aboutManner__cardList {
  margin-top: 25px;
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .l-aboutManner__cardList {
    margin-top: 30px;
  }
}
.l-aboutManner__cardList .p-cardItem__link:hover .p-cardItem__figure > img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.l-aboutManner__cardList .p-cardList__listview li > .p-cardItem {
  min-height: 580px;
}
@media screen and (max-width: 768px) {
  .l-aboutManner__cardList .p-cardList__listview li > .p-cardItem {
    width: calc( 100% - 34px);
    margin: 0 17px;
    min-height: inherit;
  }
}
.l-aboutManner__cardList .p-cardItem__info {
  margin-top: 5px;
  padding: 15px 10% 20px;
}
@media screen and (max-width: 768px) {
  .l-aboutManner__cardList .p-cardItem__info {
    margin-top: 2px;
    padding: 15px 8.5% 50px;
  }
}
@media screen and (max-width: 768px) {
  .l-aboutManner__cardList .p-cardItem__info__subText {
    margin-top: 23px;
    line-height: 2.4;
    letter-spacing: 0.25px;
  }
}

/* ***************************
aboutQuasi
*************************** */
.l-aboutQuasi {
  position: relative;
}

.l-aboutQuasi__intro {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
  margin-top: 87px;
}
@media screen and (max-width: 768px) {
  .l-aboutQuasi__intro {
    margin-top: 45px;
    padding: 0 37px;
  }
}

.l-aboutQuasi__intro__title {
  font-size: 2.688rem;
  letter-spacing: 6.5px;
}
@media screen and (max-width: 768px) {
  .l-aboutQuasi__intro__title {
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 2.75px;
  }
}

.l-aboutQuasi__intro__text {
  font-size: 1.063rem;
  letter-spacing: 0.75px;
  line-height: 1.95;
}
@media screen and (max-width: 768px) {
  .l-aboutQuasi__intro__text {
    font-size: 0.938rem;
    line-height: 2;
    letter-spacing: 0.75px;
  }
}

.l-aboutQuasi__list {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
  margin-top: 68px;
}
@media screen and (max-width: 768px) {
  .l-aboutQuasi__list {
    padding: 0 37px;
    margin-top: 45px;
  }
}
.l-aboutQuasi__list .c-tagIconList {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .l-aboutQuasi__list .c-tagIconList {
    margin-top: 15px;
  }
}
.l-aboutQuasi__list .is-hide-photo .c-tagIconList {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .l-aboutQuasi__list .is-hide-photo .c-tagIconList {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .l-aboutQuasi__list .c-parkInfoBox__item__title {
    margin-top: 38px;
  }
}
.l-aboutQuasi__list .c-parkInfoBox__item__detail {
  line-height: 2.2;
  margin-top: 13px;
  letter-spacing: 2.5px;
}

/* ***************************
trailDetail
*************************** */
.l-trailDetail {
  position: relative;
}

.l-trailDetail__head {
  position: relative;
  z-index: 0;
}
.l-trailDetail__head .p-trailDetailVisual {
  z-index: 1;
  height: 790px;
}
@media screen and (max-width: 768px) {
  .l-trailDetail__head .p-trailDetailVisual {
    height: 540px;
  }
}
.l-trailDetail__head .l-trailDetail__head__inner {
  z-index: 0;
}

.l-trailDetail__head__inner {
  position: relative;
  background-color: #16816B;
  margin-top: -115px;
  padding-top: 200px;
  padding-bottom: 180px;
}
@media screen and (max-width: 768px) {
  .l-trailDetail__head__inner {
    padding-top: 66px;
    padding-bottom: 28px;
  }
}
.l-trailDetail__head__inner::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 120px;
  top: -115px;
  background-image: url("../images/pick-up/long-trail/bgHead_green.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

.l-trailDetail__head__container {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 65px;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .l-trailDetail__head__container {
    padding-left: 40px;
    padding-right: 35px;
  }
}

.l-trailDetail__pref {
  position: relative;
  z-index: 1;
  margin-top: 0;
  padding-top: 90px;
}
@media screen and (max-width: 768px) {
  .l-trailDetail__pref {
    padding-top: 48px;
  }
}
.l-trailDetail__pref::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 120px;
  top: -110px;
  background-image: url("../images/pick-up/long-trail/bgHead_white.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .l-trailDetail__pref::before {
    background-size: contain;
    top: -30px;
  }
}

@media screen and (max-width: 768px) {
  .l-trailDetail__pref__item {
    margin-top: 10px;
  }
}

.l-trailDetail__bottom {
  position: relative;
  z-index: 1;
  margin-top: 284px;
  padding-top: 84px;
  padding-bottom: 100px;
  margin-bottom: 0;
  background-color: #F4F3ED;
}
@media screen and (max-width: 768px) {
  .l-trailDetail__bottom {
    margin-top: 85px;
    padding-top: 63px;
  }
}
.l-trailDetail__bottom::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 120px;
  top: -110px;
  background-image: url("../images/pick-up/long-trail/bgHead_beige.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .l-trailDetail__bottom::before {
    background-size: contain;
    top: -30px;
  }
}

/* ***************************
trailIndex
*************************** */
.l-trailIndex {
  position: relative;
}

.l-trailIndex__head {
  position: relative;
  overflow: hidden;
}

.l-trailIndex__head__field__image {
  width: 100%;
  height: 800px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 768px) {
  .l-trailIndex__head__field__image {
    height: 390px;
  }
}

.l-trailIndex__head__road {
  position: relative;
  margin-top: -1095px;
}
@media screen and (max-width: 768px) {
  .l-trailIndex__head__road {
    margin-top: -385px;
    margin-bottom: -323px;
    height: 1480px;
  }
}

.l-trailIndex__head__road__image {
  width: 100%;
  height: 2000px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 768px) {
  .l-trailIndex__head__road__image {
    height: 1319px;
  }
}

.l-trailIndex__head__bigFlag {
  position: absolute;
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .l-trailIndex__head__bigFlag {
    top: 66px;
  }
}
.l-trailIndex__head__bigFlag .c-trailHeadFlag {
  width: 600px;
  height: 460px;
}
@media screen and (max-width: 768px) {
  .l-trailIndex__head__bigFlag .c-trailHeadFlag {
    width: 300px;
    height: 230px;
  }
}

.l-trailIndex__head__contents {
  position: absolute;
  width: 1000px;
  top: 1000px;
  margin: 0 calc( ( 100vw - 1000px ) / 2 );
}
@media screen and (max-width: 1160px) {
  .l-trailIndex__head__contents {
    margin: 0 40px;
    width: calc( 100vw - 96px);
  }
}
@media screen and (max-width: 768px) {
  .l-trailIndex__head__contents {
    top: 535px;
    margin: 0 15px;
    width: calc( 100% - 30px);
  }
}
.l-trailIndex__head__contents.is-tokai50y {
  top: 718px;
}
@media screen and (max-width: 768px) {
  .l-trailIndex__head__contents.is-tokai50y {
    top: 396px;
  }
}

.l-trailIndex__tokai50y__inner {
  position: relative;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.l-trailIndex__tokai50y__link {
  display: block;
  position: relative;
  left: -20px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media screen and (max-width: 1160px) {
  .l-trailIndex__tokai50y__link {
    left: inherit;
  }
}
.l-trailIndex__tokai50y__link:hover {
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  .l-trailIndex__tokai50y__image {
    max-width: 360px;
    width: 100%;
  }
}

.l-trailIndex__japan {
  position: relative;
  margin-top: -18px;
  padding-top: 85px;
  padding-bottom: 335px;
  background-color: #F4F3ED;
}
@media screen and (max-width: 768px) {
  .l-trailIndex__japan {
    padding-top: 61px;
    padding-bottom: 130px;
  }
}
.l-trailIndex__japan::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 120px;
  top: -110px;
  background-image: url("../images/pick-up/long-trail/bgHead_beige.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .l-trailIndex__japan::before {
    background-size: contain;
    top: -30px;
    width: 100%;
  }
}

.l-trailIndex__beginner {
  position: relative;
  margin-top: -18px;
  padding-top: 60px;
  padding-bottom: 100px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .l-trailIndex__beginner {
    padding-top: 48px;
    padding-bottom: 0;
  }
}
.l-trailIndex__beginner::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 120px;
  top: -110px;
  background-image: url("../images/pick-up/long-trail/bgHead_white.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .l-trailIndex__beginner::before {
    background-size: contain;
    top: -30px;
  }
}

/* ***************************
trailBeginner
*************************** */
.l-trailBeginner {
  position: relative;
}

.l-trailBeginner__head {
  position: relative;
  z-index: 0;
}
.l-trailBeginner__head .p-trailDetailVisual {
  z-index: 1;
  height: 790px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__head .p-trailDetailVisual {
    height: 540px;
  }
}
.l-trailBeginner__head .p-trailDetailVisual__inner .c-shadowRoundBox {
  right: 58px;
  padding-bottom: 55px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__head .p-trailDetailVisual__inner .c-shadowRoundBox {
    top: 30px;
    right: 15px;
    padding-bottom: 21px;
  }
}
@media screen and (max-width: 1160px) {
  .l-trailBeginner__head .p-trailDetailIntro__left {
    margin-top: 40px;
  }
}
.l-trailBeginner__head .p-trailDetailIntro__left img {
  max-width: 440px;
}
@media screen and (max-width: 1160px) {
  .l-trailBeginner__head .p-trailDetailIntro__left img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__head .p-trailDetailIntro__left img {
    width: 240px;
  }
}
.l-trailBeginner__head .p-trailDetailIntro__right {
  padding-top: 63px;
}
@media screen and (max-width: 1160px) {
  .l-trailBeginner__head .p-trailDetailIntro__right {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__head .p-trailDetailIntro__contents {
    margin-top: 25px;
  }
}
.l-trailBeginner__head .l-trailBeginner__head__inner {
  z-index: 0;
}

.l-trailBeginner__head__inner {
  position: relative;
  background-color: #16816B;
  margin-top: -115px;
  padding-top: 200px;
  padding-bottom: 213px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__head__inner {
    padding-top: 55px;
    padding-bottom: 115px;
  }
}
.l-trailBeginner__head__inner::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 120px;
  top: -115px;
  background-image: url("../images/pick-up/long-trail/bgHead_green.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

.l-trailBeginner__head__container {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 65px;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__head__container {
    padding-left: 40px;
    padding-right: 35px;
  }
}

.l-trailBeginner__bgContainer1,
.l-trailBeginner__bgContainer2,
.l-trailBeginner__bgContainer3 {
  position: relative;
  margin-top: -18px;
  background-color: #F4F3ED;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__bgContainer1,
.l-trailBeginner__bgContainer2,
.l-trailBeginner__bgContainer3 {
    padding-top: 47px;
    padding-bottom: 130px;
  }
}
.l-trailBeginner__bgContainer1::before,
.l-trailBeginner__bgContainer2::before,
.l-trailBeginner__bgContainer3::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 120px;
  top: -110px;
  background-image: url("../images/pick-up/long-trail/bgHead_beige.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__bgContainer1::before,
.l-trailBeginner__bgContainer2::before,
.l-trailBeginner__bgContainer3::before {
    background-size: contain;
    top: -30px;
  }
}

.l-trailBeginner__bgContainer1 {
  padding-top: 85px;
  padding-bottom: 249px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__bgContainer1 {
    padding-top: 74px;
    padding-bottom: 120px;
  }
}

.l-trailBeginner__anchorBox {
  max-width: 1160px;
  margin: 0px auto;
  margin-top: -34px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__anchorBox {
    padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__anchorBox .c-column__item:nth-child(3) {
    margin-top: 28px;
  }
}

.l-trailBeginner__anchorBox__label {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__anchorBox__label {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
}

.l-trailBeginner__step1 {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 83px;
}
@media screen and (max-width: 1160px) {
  .l-trailBeginner__step1 {
    margin: 83px 18px 0;
  }
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step1 {
    margin: 0 18px;
    margin-top: 75px;
  }
}
.l-trailBeginner__step1 .p-trailBeginnerStep__inner {
  padding: 88px 12.5% 124px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step1 .p-trailBeginnerStep__inner {
    padding: 55px 10px 61px;
  }
}
.l-trailBeginner__step1 .c-underDotTitle__text {
  margin-left: 6px;
}

.l-trailBeginner__step1__box2 {
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step1__box2 {
    margin-top: 0;
  }
}
.l-trailBeginner__step1__box2 .p-trailBeginnerStep__body__pict img {
  position: relative;
  left: 16px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step1__box2 .p-trailBeginnerStep__body__pict img {
    left: inherit;
    margin-top: 20px;
  }
}

.l-trailBeginner__step1__box3 {
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step1__box3 {
    margin-top: 38px;
  }
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step1__box3 .p-trailBeginnerStep__body__contents {
    margin-top: 0;
  }
}

.l-trailBeginner__step1__box4 {
  margin-top: 81px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step1__box4 {
    margin-top: 11px;
  }
}
.l-trailBeginner__step1__box4 .p-trailBeginnerStep__body__pict img {
  position: relative;
  left: 47px;
  margin-top: 2px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step1__box4 .p-trailBeginnerStep__body__pict img {
    left: inherit;
    margin-top: 1px;
  }
}

@media screen and (max-width: 768px) {
  .l-trailBeginner__step1__box2 .c-column__body,
.l-trailBeginner__step1__box4 .c-column__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-trailBeginner__step1__box2 .p-trailBeginnerStep__body__contents,
.l-trailBeginner__step1__box4 .p-trailBeginnerStep__body__contents {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .l-trailBeginner__step1__box2 .p-trailBeginnerStep__body__pict,
.l-trailBeginner__step1__box4 .p-trailBeginnerStep__body__pict {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.l-trailBeginner__bgContainer2 {
  padding-top: 57px;
  padding-bottom: 205px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__bgContainer2 {
    padding-top: 86px;
    padding-bottom: 100px;
  }
}
.l-trailBeginner__bgContainer2::before {
  background-image: url("../images/pick-up/long-trail/bgHead_white.svg");
}

@media screen and (max-width: 768px) {
  .l-trailBeginner__step2 .c-underDotTitle::after {
    top: -3px;
  }
}
.l-trailBeginner__step2 .c-underDotTitle__text {
  position: relative;
  left: 13px;
  letter-spacing: 5.5px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step2 .c-underDotTitle__text {
    position: relative;
    left: 14px;
    letter-spacing: 3px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step2 .p-trailBeginnerStep__head__label {
    margin-bottom: 14px;
  }
}
.l-trailBeginner__step2 .p-trailBeginnerStep__body {
  margin-top: 30px;
}
.l-trailBeginner__step2 .c-column {
  max-width: 860px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step2 .c-column__item .c-smallLabel + .c-planeTitle {
    margin-top: 11px;
  }
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step2 .c-column__item .c-planeTitle + .p-trailBeginnerStep__body__paragraph {
    margin-top: 9px;
  }
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step2 .c-column__item img {
    display: block;
    width: 240px;
    margin: 0 auto;
  }
}
.l-trailBeginner__step2 .c-column__item:first-child {
  padding-right: 3.41%;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step2 .c-column__item:first-child {
    padding-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step2 .c-column__item:first-child img {
    padding-top: 18px;
  }
}
.l-trailBeginner__step2 .c-column__item:last-child {
  padding-left: 3.41%;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step2 .c-column__item:last-child {
    padding-left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step2 .c-column__item:last-child img {
    padding-top: 6px;
  }
}
.l-trailBeginner__step2 .c-smallLabel {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step2 .c-smallLabel {
    margin-top: 20px;
  }
}

.l-trailBeginner__bgContainer2__cloudL {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 184px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__bgContainer2__cloudL {
    top: 238px;
  }
}
.l-trailBeginner__bgContainer2__cloudL img {
  position: relative;
  left: -42px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__bgContainer2__cloudL img {
    left: -15px;
    width: 114px;
  }
}

.l-trailBeginner__bgContainer2__cloudR {
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 50px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__bgContainer2__cloudR {
    top: 26px;
  }
}
.l-trailBeginner__bgContainer2__cloudR img {
  position: relative;
  right: -20px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__bgContainer2__cloudR img {
    right: -10px;
    width: 131px;
  }
}

.l-trailBeginner__bgContainer2__bird {
  position: absolute;
  left: -125px;
  top: -6px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__bgContainer2__bird {
    left: -62px;
    top: 18px;
    width: 50px;
  }
}

.l-trailBeginner__bgContainer3 {
  padding-top: 57px;
  padding-bottom: 415px;
  margin-bottom: -200px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__bgContainer3 {
    padding-top: 250px;
    margin-bottom: -380px;
  }
}

.l-trailBeginner__step3 {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 10px;
}
.l-trailBeginner__step3 .p-trailBeginnerStep__inner {
  padding: 106px 12.5% 165px;
}
@media screen and (max-width: 1160px) {
  .l-trailBeginner__step3 .p-trailBeginnerStep__inner {
    margin: 0 18px;
  }
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step3 .p-trailBeginnerStep__inner {
    margin: 0 18px;
    padding: 55px 19px 80px;
  }
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step3 .p-trailBeginnerStep__head {
    margin-top: -260px;
  }
}
.l-trailBeginner__step3 .p-trailBeginnerStep__head__label {
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step3 .p-trailBeginnerStep__head__label {
    margin-bottom: 29px;
  }
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step3 .c-underDotTitle::after {
    top: 0;
  }
}
.l-trailBeginner__step3 .c-underDotTitle__text {
  margin-left: 25px;
  letter-spacing: 5.75px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step3 .c-underDotTitle__text {
    margin-left: 0;
    line-height: 1.45;
    letter-spacing: 3.5px;
  }
}
.l-trailBeginner__step3 .p-trailBeginnerStep__body {
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step3 .u-spOnly.p-trailBeginnerStep__body__visual__image {
    display: block;
    width: 240px;
    margin: 0 auto;
    padding-top: 54px;
  }
}
.l-trailBeginner__step3 .c-bigCircleTitle {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .l-trailBeginner__step3 .c-column__item {
    padding: 0 5px;
  }
}

/* ***************************
pickupIndex: .l-main--bg_pickupIndexで margin-bottom調整
*************************** */
.l-pickupIndex {
  position: relative;
  max-width: 1176px;
  margin: 0 auto;
  margin-top: 25px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .l-pickupIndex {
    margin-top: 35px;
    padding: 0 37px;
  }
}

.l-pickupIndex__pickupTitle {
  text-align: right;
  padding-bottom: 36px;
}
@media screen and (max-width: 768px) {
  .l-pickupIndex__pickupTitle {
    padding-top: 66px;
    padding-bottom: 32px;
  }
}

.l-pickupIndex__pickupTitle__image {
  margin-right: 4.2517006803%;
}
@media screen and (max-width: 768px) {
  .l-pickupIndex__pickupTitle__image {
    margin-right: 0;
    width: 144px;
  }
}

.l-pickupIndex__pickupList {
  padding-bottom: 255px;
}
@media screen and (max-width: 768px) {
  .l-pickupIndex__pickupList {
    padding-bottom: 170px;
  }
}

/* ***************************
headerLink
*************************** */
.c-headerLink__top,
.c-headerLink__middle,
.c-headerLink__bottom {
  width: calc( 100% - 25px );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 25px;
  border-left: 1px solid #d1d1d1;
}

.c-headerLink__middle {
  padding-top: 15px;
  padding-bottom: 10px;
}

.c-headerLink__bottom {
  padding-top: 10px;
  border-left: 1px solid #ffffff;
  padding-left: 0;
  margin-left: 25px;
  border-top: 1px solid #d1d1d1;
}

.c-headerLink__top__item,
.c-headerLink__middle__item,
.c-headerLink__bottom__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  padding-left: 0;
}
.c-headerLink__top__item:before,
.c-headerLink__middle__item:before,
.c-headerLink__bottom__item:before {
  content: none;
}
.c-headerLink__top__item + .c-headerLink__top__item,
.c-headerLink__top__item + .c-headerLink__middle__item,
.c-headerLink__top__item + .c-headerLink__bottom__item,
.c-headerLink__middle__item + .c-headerLink__top__item,
.c-headerLink__middle__item + .c-headerLink__middle__item,
.c-headerLink__middle__item + .c-headerLink__bottom__item,
.c-headerLink__bottom__item + .c-headerLink__top__item,
.c-headerLink__bottom__item + .c-headerLink__middle__item,
.c-headerLink__bottom__item + .c-headerLink__bottom__item {
  padding-left: 12px;
  margin-left: 12px;
}
.c-headerLink__top__item + .c-headerLink__top__item:before,
.c-headerLink__top__item + .c-headerLink__middle__item:before,
.c-headerLink__top__item + .c-headerLink__bottom__item:before,
.c-headerLink__middle__item + .c-headerLink__top__item:before,
.c-headerLink__middle__item + .c-headerLink__middle__item:before,
.c-headerLink__middle__item + .c-headerLink__bottom__item:before,
.c-headerLink__bottom__item + .c-headerLink__top__item:before,
.c-headerLink__bottom__item + .c-headerLink__middle__item:before,
.c-headerLink__bottom__item + .c-headerLink__bottom__item:before {
  position: absolute;
  top: auto;
  left: 0;
  display: block;
  width: 1px;
  height: 12px;
  background-color: #d1d1d1;
  content: "";
}

.c-headerLink__top__link,
.c-headerLink__middle__link,
.c-headerLink__bottom__link {
  position: relative;
  padding-left: 12px;
  color: #222;
  font-size: 0.813rem;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
.c-headerLink__top__link:hover,
.c-headerLink__middle__link:hover,
.c-headerLink__bottom__link:hover {
  text-decoration: underline;
}
.c-headerLink__top__link:hover, .c-headerLink__top__link:visited,
.c-headerLink__middle__link:hover,
.c-headerLink__middle__link:visited,
.c-headerLink__bottom__link:hover,
.c-headerLink__bottom__link:visited {
  color: #222;
}
.c-headerLink__top__link:before,
.c-headerLink__middle__link:before,
.c-headerLink__bottom__link:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #009380;
  content: "";
}

.c-headerLink__top__link:hover {
  text-decoration: none;
}
.c-headerLink__top__link a {
  color: #222;
}
.c-headerLink__top__link a:hover {
  text-decoration: underline;
}
.c-headerLink__top__link a:hover, .c-headerLink__top__link a:visited {
  color: #222;
}

.c-headerLink__bottom__link.is-outerLink {
  letter-spacing: -0.25px;
}
.c-headerLink__bottom__link.is-outerLink::after {
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: -1px;
  left: 3px;
  width: 12px;
  height: 12px;
  margin: 0;
  background: none;
  background-image: url(../images/icon/icon_outerLink_green.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

/* ***************************
setting
*************************** */
.c-setting {
  margin-top: 0;
}

.c-setting__head {
  font-size: 0.813rem;
  line-height: 1.84615;
}

.c-setting__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -3px;
}

.c-setting__item {
  width: 28px;
  height: 28px;
  margin-top: 0;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.c-setting__item:before {
  content: none;
}

.c-setting__item + .c-setting__item {
  margin-left: 5px;
}

.c-setting__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  height: 28px;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #555;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #111;
  font-weight: bold;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  padding: 0;
}

_:-ms-lang(x)::-ms-backdrop, .c-setting__btn {
  padding-top: 4px;
}

.c-setting__btn.is-active,
.c-setting__btn:hover {
  background-color: #555;
  color: #fff;
}

.c-setting__btn span {
  position: relative;
}

.c-setting__btn--small {
  font-size: 0.8rem;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.c-setting__btn--middle {
  font-size: 0.95rem;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  position: relative;
  left: -2px;
}

.c-setting__btn--large {
  font-size: 1.05rem;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  font-weight: 500;
}

/* ***************************
logo
*************************** */
.c-logo {
  position: relative;
  left: 6px;
}
@media print, screen and (max-width: 768px) {
  .c-logo {
    left: 0;
  }
}
.c-logo > a {
  display: inline-block;
  max-width: 161px;
  vertical-align: middle;
}
@media print, screen and (max-width: 768px) {
  .c-logo > a {
    width: 81px;
  }
}
.c-logo > a:hover {
  opacity: 0.6;
}
.c-logo > a > img {
  width: 100%;
}

/* ***************************
headerTitle
*************************** */
.c-headerTitle {
  display: block;
  letter-spacing: 8px;
  font-size: 1.313rem;
  line-height: 1.3125;
  font-weight: bold;
  color: #222;
}
.c-headerTitle.visited, .c-headerTitle:visited {
  color: #222;
}
.c-headerTitle.hover, .c-headerTitle:hover {
  color: #222;
}
@media print, screen and (max-width: 1160px) {
  .c-headerTitle {
    letter-spacing: 1px;
    font-size: 1.125rem;
  }
}
@media print, screen and (max-width: 768px) {
  .c-headerTitle {
    font-size: 0.688rem;
    letter-spacing: 0.5px;
  }
}

/* ***************************
footerLogo
*************************** */
.c-footerLogo {
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .c-footerLogo {
    margin-right: 0;
  }
}
.c-footerLogo > a {
  display: block;
}

.c-footerLogo__envLogo {
  position: relative;
  top: -5px;
  width: 136px;
  height: 55px;
}
@media screen and (max-width: 768px) {
  .c-footerLogo__envLogo {
    top: -5px;
    left: -7px;
    width: 131px;
    height: auto;
  }
}

.c-footerLogo + .c-footerLogo {
  padding-left: 30px;
}

/* ***************************
footerLink
*************************** */
.c-footerLink {
  display: block;
  position: relative;
  width: 100%;
}

.c-footerLink__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 100px;
}
@media print, screen and (max-width: 768px) {
  .c-footerLink__list {
    display: block;
    padding-left: 0;
    text-align: left;
  }
}

.c-footerLink__item {
  display: inline-block;
  margin-top: 10px;
  padding-left: 0;
  padding-right: 35px;
  word-break: keep-all;
  white-space: nowrap;
}
@media screen and (max-width: 900px) {
  .c-footerLink__item {
    padding-right: 20px;
  }
}
@media print, screen and (max-width: 768px) {
  .c-footerLink__item {
    width: 48%;
    margin-top: 3px;
    padding-right: 0;
  }
}
.c-footerLink__item:before {
  content: none;
}

@media screen and (max-width: 768px) {
  .c-footerLink__item--about {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .c-footerLink__item--inquiry {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .c-footerLink__item--policy {
    width: 100%;
  }
}

.c-footerLink__item--guideline {
  padding-right: 80px;
}
@media screen and (max-width: 1160px) {
  .c-footerLink__item--guideline {
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-footerLink__item--guideline {
    padding-right: 0;
    width: 100%;
  }
}

.c-footerLink__copyright {
  position: absolute;
  top: 10px;
  color: #666666;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .c-footerLink__copyright {
    position: relative;
    top: 0;
    margin-top: 20px;
    font-size: 0.75rem;
  }
}

.c-footerLink__link {
  position: relative;
  color: #222;
  font-size: 0.875rem;
  line-height: 1.79;
  text-decoration: none;
  letter-spacing: 0.7px;
  margin-right: 25px;
}
@media screen and (max-width: 768px) {
  .c-footerLink__link {
    font-size: 0.75rem;
    margin-right: 0;
  }
}
.c-footerLink__link:after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: -22px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../images/icon/icon_roundArrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.c-footerLink__link.is-outerLink:after {
  right: -22px;
  width: 14px;
  height: 14px;
  background-image: url(../images/icon/icon_outerLink_green.svg);
}
.c-footerLink__link:hover {
  text-decoration: underline;
}
.c-footerLink__link:visited, .c-footerLink__link:hover {
  color: #222;
}

/* ***************************
aboutBox
*************************** */
.c-aboutBox {
  position: relative;
}

.c-aboutBox__head {
  position: relative;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .c-aboutBox__head {
    font-size: 1.25rem;
    text-align: left;
  }
}

.c-aboutBox__line {
  margin-top: 26px;
}
@media screen and (max-width: 768px) {
  .c-aboutBox__line {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-aboutBox__line > img {
    width: 100%;
  }
}

.c-aboutBox__body {
  position: relative;
  margin-top: 3px;
  font-size: 1.063rem;
  line-height: 1.95;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .c-aboutBox__body {
    margin-top: 10px;
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.7px;
    text-align: left;
  }
}

.js-aboutBox__body {
  display: none;
}

.js-aboutBox__body.js-aboutBox__body--firstview {
  display: inherit;
}

.c-aboutBox__body__parklist {
  text-align: left;
}
.c-aboutBox__body__parklist li > img {
  position: relative;
  left: -20px;
}
.c-aboutBox__body__parklist li {
  padding-left: 25px;
}
@media screen and (max-width: 768px) {
  .c-aboutBox__body__parklist li {
    padding-left: 17px;
  }
}
.c-aboutBox__body__parklist li::before {
  display: none;
}
.c-aboutBox__body__parklist li + li {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .c-aboutBox__body__parklist li + li {
    margin-top: 5px;
  }
}
.c-aboutBox__body__parklist a, .c-aboutBox__body__parklist a:visited {
  color: #222;
}
.c-aboutBox__body__parklist a:hover {
  color: #00756e;
}

/* ***************************
_vegasSlider
*************************** */
.c-vegasSlider {
  position: relative;
  width: 1241px;
  height: 831px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 1367px) {
  .c-vegasSlider {
    height: calc( (831 / 1241) * 86.6vw );
    width: 86.6vw;
  }
}
@media screen and (max-width: 768px) {
  .c-vegasSlider {
    width: 100%;
    height: 420px;
    top: inherit;
    -webkit-transform: inherit;
    transform: inherit;
  }
}

.vegas-animation-customSlideLeft {
  -webkit-animation: customSlideLeft;
  animation: customSlideLeft;
  overflow: hidden;
  will-change: width;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes customSlideLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes customSlideLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
/* ***************************
btn
*************************** */
.c-btn {
  position: relative;
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  vertical-align: top;
  background-color: #00756e;
  border: 4px solid #00756e;
  border-radius: 28px;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
  font-weight: bold;
  cursor: pointer;
}
.c-btn:visited {
  color: #ffffff;
}
.c-btn.is-active, .c-btn:hover {
  color: #00756e;
  background-color: #fff;
}
.c-btn.is-active[href^=http]::after, .c-btn:hover[href^=http]::after {
  background-image: url(../images/icon/icon_outerLink_green.svg);
}
.c-btn[href^=http]::after {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 14px;
  height: 14px;
  margin: 0;
  background: none;
  background-image: url(../images/icon/icon_outerLink_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.c-btn__body {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-right: 40px;
  padding-left: 40px;
  height: 46px;
  letter-spacing: 1px;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .c-btn__body {
    letter-spacing: 0;
    padding-right: 30px;
    padding-left: 30px;
  }
}

.isIE .c-btn__body {
  position: relative;
  padding-top: 0.2em;
}

.c-btn[href^=http] .c-btn__body {
  padding-right: 50px;
}
@media screen and (max-width: 768px) {
  .c-btn[href^=http] .c-btn__body {
    padding-right: 50px;
  }
}

.c-btn--textGreen .c-btn__body {
  color: #00756e;
}
.c-btn--textGreen .c-btn__body.visited, .c-btn--textGreen .c-btn__body:visited {
  color: #00756e;
}
.c-btn--textGreen .c-btn__body.hover, .c-btn--textGreen .c-btn__body:hover {
  color: #fff;
}

.c-btn--small .c-btn__body {
  height: 36px;
  padding-right: 25px;
  padding-left: 25px;
}

.c-btn--small.c-btn--outline.c-btn .c-btn__body {
  height: 36px;
  padding-right: 25px;
  padding-left: 25px;
}

.c-btn--middle .c-btn__body {
  height: 46px;
  font-size: 0.938rem;
}

.c-btn--large .c-btn__body {
  height: 54px;
  font-size: 1.375rem;
}

.c-btn--white.c-btn {
  color: #00756e;
  background-color: #fff;
  border: none;
  font-weight: bold;
}
.c-btn--white.c-btn.is-active, .c-btn--white.c-btn:hover {
  color: #fff;
  background-color: #00756e;
  border: none;
}

.c-btn--outline.c-btn {
  color: #222;
  background-color: #fff;
  border: 4px solid #00756e;
  font-weight: bold;
}
.c-btn--outline.c-btn[href^=http]::after {
  background-image: url(../images/icon/icon_outerLink_green.svg);
}
.c-btn--outline.c-btn.is-active, .c-btn--outline.c-btn:hover {
  color: #fff;
  background-color: #00756e;
}
.c-btn--outline.c-btn.is-active[href^=http]::after, .c-btn--outline.c-btn:hover[href^=http]::after {
  background-image: url(../images/icon/icon_outerLink_white.svg);
}
.c-btn--outline.c-btn .c-btn__body {
  height: 46px;
  padding-right: 30px;
  padding-left: 30px;
}

.c-btn--outline.c-btn[href^=http] .c-btn__body {
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .c-btn--outline.c-btn[href^=http] .c-btn__body {
    padding-right: 30px;
  }
}

.c-btn--outline.c-btn.c-btn--pink {
  border: 4px solid #be4d8e;
}
.c-btn--outline.c-btn.c-btn--pink.is-active, .c-btn--outline.c-btn.c-btn--pink:hover {
  color: #fff;
  background-color: #be4d8e;
}
.c-btn--outline.c-btn.c-btn--pink[href^=http]::after {
  background-image: url(../images/icon/icon_outerLink_pink.svg);
}
.c-btn--outline.c-btn.c-btn--pink[href^=http].is-active::after, .c-btn--outline.c-btn.c-btn--pink[href^=http]:hover::after {
  background-image: url(../images/icon/icon_outerLink_white.svg);
}

.c-btn--outline.c-btn.c-btn--reverse {
  color: #fff;
  background-color: #00756e;
  border: 4px solid #fff;
}
.c-btn--outline.c-btn.c-btn--reverse[href^=http]::after {
  background-image: url(../images/icon/icon_outerLink_white.svg);
}
.c-btn--outline.c-btn.c-btn--reverse.is-active, .c-btn--outline.c-btn.c-btn--reverse:hover {
  color: #00756e;
  background-color: #fff;
}
.c-btn--outline.c-btn.c-btn--reverse[href^=http].is-active, .c-btn--outline.c-btn.c-btn--reverse[href^=http]:hover {
  color: #00756e;
  background-color: #fff;
}
.c-btn--outline.c-btn.c-btn--reverse[href^=http].is-active::after, .c-btn--outline.c-btn.c-btn--reverse[href^=http]:hover::after {
  background-image: url(../images/icon/icon_outerLink_green.svg);
}

.c-btn--outline.c-btn.c-btn--whiteReverse {
  color: #00756e;
}
.c-btn--outline.c-btn.c-btn--whiteReverse.visited, .c-btn--outline.c-btn.c-btn--whiteReverse:visited {
  color: #00756e;
}
.c-btn--outline.c-btn.c-btn--whiteReverse.hover, .c-btn--outline.c-btn.c-btn--whiteReverse:hover {
  color: #fff;
}
.c-btn--outline.c-btn.c-btn--whiteReverse.is-active, .c-btn--outline.c-btn.c-btn--whiteReverse:hover {
  border-color: #fff;
}
@media screen and (max-width: 768px) {
  .c-btn--outline.c-btn.c-btn--whiteReverse {
    border-width: 2px;
  }
}
@media screen and (max-width: 768px) {
  .c-btn--outline.c-btn.c-btn--whiteReverse .c-btn--outline.c-btn[href^=http]::after {
    right: 6px;
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 768px) {
  .c-btn--outline.c-btn.c-btn--whiteReverse .c-btn__body {
    padding-right: 40px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-btn--outline.c-btn.c-btn--whiteReverse .c-btn--outline.c-btn .c-btn__body {
    font-size: 0.625rem;
    padding-right: 20px;
    padding-left: 7px;
    height: 20px;
    letter-spacing: -0.5px;
  }
}

.c-btn--downArrow.c-btn .c-btn__body > span::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-right: 20px;
  background-image: url(../images/icon/icon_downArrow_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.c-btn--downArrow.c-btn:hover .c-btn__body > span::before {
  background-image: url(../images/icon/icon_downArrow_green.svg);
}

.c-btn--grayNoBorder.c-btn {
  color: #222;
  background-color: #EEEEEF;
  border: none;
  font-weight: bold;
}
.c-btn--grayNoBorder.c-btn .c-btn__body {
  height: 52px;
}
.c-btn--grayNoBorder.c-btn.is-active, .c-btn--grayNoBorder.c-btn:hover {
  color: #fff;
  background-color: #00756e;
  border: none;
}

/* ***************************
column
*************************** */
.c-column.c-column--photoCard {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .c-column.c-column--photoCard {
    margin-top: 80px;
  }
}
.c-column.c-column--photoCard .c-column__body {
  margin-top: -40px;
}
.c-column.c-column--photoCard .c-column__item {
  margin-top: 40px;
}

.c-column__body {
  width: calc( 100% + 2 * 10px );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -20px;
}
@media screen and (max-width: 768px) {
  .c-column__body {
    display: block;
    width: 100%;
    margin: 0;
  }
}
.c-column__body.no-wrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.c-column__item {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
.c-column__item img {
  max-width: 100%;
  height: auto;
}
.c-column__item img.is-naturalSize {
  max-width: inherit;
  width: inherit;
  height: inherit;
}

ul li.c-column__item::before {
  display: none;
}

.c-column__txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.c-column--12col {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-column--12col {
    width: 16.6666666667%;
  }
}
@media print, screen and (min-width: 901px) {
  .c-column--12col {
    width: 8.3333333333%;
  }
}

.c-column--6col {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-column--6col {
    width: 33.3333333333%;
  }
}
@media print, screen and (min-width: 901px) {
  .c-column--6col {
    width: 16.6666666667%;
  }
}

.c-column--5col {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-column--5col {
    width: 33.3333333333%;
  }
}
@media print, screen and (min-width: 901px) {
  .c-column--5col {
    width: 20%;
  }
}

.c-column--4col {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-column--4col {
    width: 50%;
  }
}
@media print, screen and (min-width: 901px) {
  .c-column--4col {
    width: 25%;
  }
}

.c-column--3col {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-column--3col {
    width: 50%;
  }
}
@media print, screen and (min-width: 901px) {
  .c-column--3col {
    width: 33.3333333333%;
  }
}

.c-column--2col {
  width: 100%;
}
@media print, screen and (min-width: 769px) {
  .c-column--2col {
    width: 50%;
  }
}

.c-column--width1 {
  width: 8.3333333333%;
}
@media screen and (max-width: 768px) {
  .c-column--width1 {
    width: 100%;
  }
}

.c-column--width2 {
  width: 16.6666666667%;
}
@media screen and (max-width: 768px) {
  .c-column--width2 {
    width: 100%;
  }
}

.c-column--width3 {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .c-column--width3 {
    width: 100%;
  }
}

.c-column--width4 {
  width: 33.3333333333%;
}
@media screen and (max-width: 768px) {
  .c-column--width4 {
    width: 100%;
  }
}

.c-column--width5 {
  width: 41.6666666667%;
}
@media screen and (max-width: 768px) {
  .c-column--width5 {
    width: 100%;
  }
}

.c-column--width6 {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .c-column--width6 {
    width: 100%;
  }
}

.c-column--width7 {
  width: 58.3333333333%;
}
@media screen and (max-width: 768px) {
  .c-column--width7 {
    width: 100%;
  }
}

.c-column--width8 {
  width: 66.6666666667%;
}
@media screen and (max-width: 768px) {
  .c-column--width8 {
    width: 100%;
  }
}

.c-column--width9 {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .c-column--width9 {
    width: 100%;
  }
}

.c-column--width10 {
  width: 83.3333333333%;
}
@media screen and (max-width: 768px) {
  .c-column--width10 {
    width: 100%;
  }
}

.c-column--width11 {
  width: 91.6666666667%;
}
@media screen and (max-width: 768px) {
  .c-column--width11 {
    width: 100%;
  }
}

.c-column--width12 {
  width: 100%;
}

/* ***************************
sliderController
*************************** */
.c-sliderController {
  position: relative;
}

.c-sliderController__next:hover .c-sliderController__next__arrowRight {
  left: 5px;
}

.c-sliderController__back:hover .c-sliderController__back__arrowLeft {
  right: 5px;
}

.c-sliderController__back__text,
.c-sliderController__next__text {
  font-size: 1rem;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .c-sliderController__back__text,
.c-sliderController__next__text {
    font-size: 0.875rem;
  }
}

.c-sliderController__next__text {
  margin-left: 25px;
}

.c-sliderController__back__text {
  margin-right: 33px;
}

.c-sliderController__slash {
  font-size: 0.875rem;
  color: #707070;
  font-weight: bold;
  font-family: sans-serif !important;
  font-weight: bold;
  margin-left: 5px;
}

.c-sliderController__current,
.c-sliderController__maxpage {
  font-size: 0.875rem;
  color: #707070;
  font-family: "Helvetica" !important;
  font-weight: bold;
}

.c-sliderController__next__arrowRight {
  position: relative;
  margin-top: 7px;
  margin-left: 12px;
}
@media screen and (max-width: 768px) {
  .c-sliderController__next__arrowRight {
    margin-left: 15px;
  }
}

.c-sliderController__back__arrowLeft {
  position: relative;
  margin-top: 7px;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .c-sliderController__back__arrowLeft {
    margin-right: 15px;
  }
}

.c-sliderController__togglePlay {
  display: inline-block;
  margin-left: 40px;
  margin-top: -3px;
  font-size: 0rem;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .c-sliderController__togglePlay {
    display: block;
    margin-left: 0;
    margin-top: 20px;
  }
}
.c-sliderController__togglePlay a {
  display: inline-block;
}
.c-sliderController__togglePlay img {
  margin: 1px;
  width: 20px;
  height: 20px;
}

.c-sliderController__togglePlay--play + .c-sliderController__togglePlay--pause {
  margin-left: 10px;
}

/* ***************************
sliderDotIndex
*************************** */
ul.c-sliderDotIndex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  ul.c-sliderDotIndex {
    display: inline-block;
  }
}
ul.c-sliderDotIndex button {
  width: auto;
  padding: 0;
  margin: 0;
  line-height: inherit;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  border: inherit;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
ul.c-sliderDotIndex > li {
  margin: 0;
  margin-right: 8px;
  padding: 0;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  ul.c-sliderDotIndex > li {
    margin-right: 0;
  }
}
ul.c-sliderDotIndex > li::before {
  display: none;
}
ul.c-sliderDotIndex > li.is-active {
  color: #00756e;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* ***************************
japanMap
*************************** */
.c-japanMap {
  position: relative;
}

.c-japanMap__inner {
  position: relative;
  max-width: 800px;
}
@media screen and (max-width: 768px) {
  .c-japanMap__inner {
    width: 100%;
  }
}

.c-japanMap__map {
  position: relative;
  height: 0;
  width: 100%;
  padding: 0;
  padding-bottom: 100%;
  overflow: hidden;
}

.c-japanMap__map svg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.c-japanMap__map svg g[id^=active_] {
  display: none;
}
.c-japanMap__map svg g[id^=active_].is-active {
  display: inherit;
}
.c-japanMap__map svg g[id^=PARK] {
  display: none;
}
.c-japanMap__map svg .is-active g[id^=PARK] {
  display: inherit;
}
.c-japanMap__map svg a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-japanMap__map svg a:hover path.is-color-green {
  fill: #067c00;
}
.c-japanMap__map svg a:focus path.is-color-green {
  fill: #c21818;
}
.c-japanMap__map svg a.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.c-btn.c-japanMap__btn.is-inline {
  position: relative !important;
}

.c-btn.c-japanMap__btn {
  position: absolute !important;
  font-size: 1.188rem;
  height: 36px;
  color: #222;
  background-color: #fff;
  border: 4px solid #00756e;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 225px;
}
@media screen and (max-width: 1170px) {
  .c-btn.c-japanMap__btn {
    font-size: calc( 1.6239316239vw );
  }
}
@media screen and (max-width: 1170px) {
  .c-btn.c-japanMap__btn {
    height: calc( 3.0769230769vw );
  }
}
@media screen and (max-width: 768px) {
  .c-btn.c-japanMap__btn {
    border-width: 2px;
    height: inherit;
  }
}
.c-btn.c-japanMap__btn::after {
  content: "";
  position: absolute;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  right: calc( 1200vw / 1366 );
  width: calc( 2500vw / 1366 );
  height: calc( 2500vw / 1366 );
  max-width: 20px;
  max-height: 20px;
  background-image: url(../images/icon/icon_map_plus.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.c-btn.c-japanMap__btn:visited {
  color: #222;
}
.c-btn.c-japanMap__btn.is-active {
  color: #fff;
  background-color: #00756e;
}
.c-btn.c-japanMap__btn.is-active::after {
  background-position: 50%;
  background-image: url(../images/icon/icon_map_minus.svg);
}
.c-btn.c-japanMap__btn .c-btn__body {
  position: relative;
  top: 1px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: inherit;
  font-size: 100%;
  padding-right: calc( 4500vw / 1366 );
  padding-left: calc( 2500vw / 1366 );
  white-space: nowrap;
}
@media screen and (max-width: 400px) {
  .c-btn.c-japanMap__btn .c-btn__body {
    font-size: 0.688rem;
    top: 0;
  }
}

_:-ms-lang(x)::-ms-backdrop, .c-btn.c-japanMap__btn .c-btn__body {
  top: 1px;
}

.c-japanMap__btn--hokkaido {
  top: -75px;
  left: 558px;
}
@media screen and (max-width: 1170px) {
  .c-japanMap__btn--hokkaido {
    top: calc( -6.4102564103vw );
    left: calc( 47.6923076923vw );
  }
}
@media screen and (max-width: 768px) {
  .c-japanMap__btn--hokkaido {
    top: calc( -9.4017094017vw );
    left: calc( 57.264957265vw );
  }
}

.c-japanMap__btn--touhoku {
  top: 250px;
  left: 590px;
}
@media screen and (max-width: 1170px) {
  .c-japanMap__btn--touhoku {
    top: calc( 21.3675213675vw );
    left: calc( 50.4273504274vw );
  }
}
@media screen and (max-width: 768px) {
  .c-japanMap__btn--touhoku {
    top: calc( 25.641025641vw );
    left: calc( 66.6666666667vw );
  }
}

.c-japanMap__btn--chubu {
  top: 250px;
  left: 245px;
}
@media screen and (max-width: 1170px) {
  .c-japanMap__btn--chubu {
    top: calc( 21.3675213675vw );
    left: calc( 20.9401709402vw );
  }
}
@media screen and (max-width: 768px) {
  .c-japanMap__btn--chubu {
    top: calc( 29.0598290598vw );
    left: calc( 29.9145299145vw );
  }
}

.c-japanMap__btn--kantou {
  top: 400px;
  left: 510px;
}
@media screen and (max-width: 1170px) {
  .c-japanMap__btn--kantou {
    top: calc( 34.188034188vw );
    left: calc( 43.5897435897vw );
  }
}
@media screen and (max-width: 768px) {
  .c-japanMap__btn--kantou {
    top: calc( 44.4444444444vw );
    left: calc( 59.8290598291vw );
  }
}

.c-japanMap__btn--kinki {
  top: 526px;
  left: 264px;
}
@media screen and (max-width: 1170px) {
  .c-japanMap__btn--kinki {
    top: calc( 44.9572649573vw );
    left: calc( 22.5641025641vw );
  }
}
@media screen and (max-width: 768px) {
  .c-japanMap__btn--kinki {
    top: calc( 64.1025641026vw );
    left: calc( 32.4786324786vw );
  }
}

.c-japanMap__btn--chugoku {
  top: 630px;
  left: 110px;
}
@media screen and (max-width: 1170px) {
  .c-japanMap__btn--chugoku {
    top: calc( 53.8461538462vw );
    left: calc( 9.4017094017vw );
  }
}
@media screen and (max-width: 768px) {
  .c-japanMap__btn--chugoku {
    top: calc( 35.8974358974vw );
    left: calc( 1.7094017094vw );
  }
}

.c-japanMap__btn--kyushu {
  top: 521px;
  left: -190px;
}
@media screen and (max-width: 1170px) {
  .c-japanMap__btn--kyushu {
    top: calc( 44.5299145299vw );
    left: calc( -16.2393162393vw );
  }
}
@media screen and (max-width: 768px) {
  .c-japanMap__btn--kyushu {
    top: calc( 74.358974359vw );
    left: calc( 10.2564102564vw );
  }
}

/* ***************************
snsBox
*************************** */
.c-snsBox {
  position: fixed;
  display: block;
  right: 20px;
  bottom: 165px;
  margin-top: 0;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .c-snsBox {
    right: 80px;
    bottom: 32px;
  }
}

.c-snsBox__inner {
  position: relative;
}

.c-snsBox__head__text {
  position: absolute;
  top: -120px;
  left: 25px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  font-size: 0.813rem;
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  .c-snsBox__head__text {
    display: none;
    -webkit-transform: rotate(0) scale(0.9);
    transform: rotate(0) scale(0.9);
    font-size: 0.625rem;
    top: -20px;
    left: inherit;
    right: 60px;
  }
}

.c-snsBox__body {
  background-color: #fff;
  padding: 30px 15px;
  border-radius: 25px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-snsBox__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 9px 25px;
    border-radius: 20px;
  }
}
.c-snsBox__body li {
  padding-left: 0;
  line-height: 1;
}
.c-snsBox__body li:before {
  display: none;
}
.c-snsBox__body li + li {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .c-snsBox__body li + li {
    margin-top: 0;
    margin-left: 23px;
  }
}

.c-snsBox__link {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-snsBox__link img {
    width: 22px;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .c-snsBox__link__youtube {
    position: relative;
    top: 4px;
  }
}

/* ***************************
gnaviMenu
*************************** */
.c-gnaviMenu {
  position: static;
  width: 100%;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-gnaviMenu {
    display: none;
  }
}

.c-gnaviMenu__body {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.c-gnaviMenu__item {
  height: 60px;
  margin-right: 34px;
  padding: 0;
}
@media screen and (max-width: 1160px) {
  .c-gnaviMenu__item {
    margin-right: 5px;
  }
}
@media screen and (max-width: 900px) {
  .c-gnaviMenu__item {
    margin-right: 2px;
  }
}
.c-gnaviMenu__item:before {
  display: none;
}

ul > li.c-gnaviMenu__item {
  position: static;
}

.c-gnaviMenu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  margin: 10px 0;
  padding: 0;
  line-height: 100%;
  text-decoration: none;
  color: #00756e;
  white-space: nowrap;
}
.c-gnaviMenu__link.is-active, .c-gnaviMenu__link:hover {
  opacity: 0.6;
  text-decoration: none;
  color: #00756e;
}
.c-gnaviMenu__link:visited {
  color: #00756e;
}
.c-gnaviMenu__link.is-current {
  border-radius: 20px;
}
.c-gnaviMenu__link:focus .c-gnaviMenu__link__text, .c-gnaviMenu__link:hover .c-gnaviMenu__link__text, .c-gnaviMenu__link.is-current .c-gnaviMenu__link__text {
  border-bottom: 3px solid #00756e;
}

.c-gnaviMenu__link__text {
  font-weight: bold;
  font-size: 1.125rem;
  padding: 7px 10px 10px;
  border-bottom: 3px solid rgba(255, 255, 255, 0);
}
@media screen and (max-width: 900px) {
  .c-gnaviMenu__link__text {
    font-size: 1rem;
  }
}

#js-gnavi-home {
  margin-left: 10px;
}
#js-gnavi-home .c-gnaviMenu__link__text::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-image: url(../images/icon/icon_home.svg);
  background-repeat: no-repeat;
}

#js-gnavi-pickup .c-gnaviMenu__link__text::after,
#js-gnavi-try .c-gnaviMenu__link__text::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-left: 30px;
  background-image: url(../images/icon/icon_downArrow_green.svg);
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
@media screen and (max-width: 1160px) {
  #js-gnavi-pickup .c-gnaviMenu__link__text::after,
#js-gnavi-try .c-gnaviMenu__link__text::after {
    margin-left: 15px;
  }
}
@media screen and (max-width: 900px) {
  #js-gnavi-pickup .c-gnaviMenu__link__text::after,
#js-gnavi-try .c-gnaviMenu__link__text::after {
    margin-left: 10px;
  }
}

.is-current#js-gnavi-pickup .c-gnaviMenu__link__text::after,
.is-current#js-gnavi-try .c-gnaviMenu__link__text::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#js-gnavi-search {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#js-gnavi-search .c-gnaviMenu__link {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0;
}

input.c-gnaviMenu__item__search__input {
  width: 320px;
  height: 40px;
  border-radius: 7px;
  border: solid 2px #eeeeee;
  background-color: #fff;
  padding-left: 40px;
  font-weight: bold;
}
@media screen and (max-width: 900px) {
  input.c-gnaviMenu__item__search__input {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  input.c-gnaviMenu__item__search__input {
    width: 100%;
  }
}
input.c-gnaviMenu__item__search__input::-webkit-input-placeholder {
  color: #aaaaaa;
}
input.c-gnaviMenu__item__search__input::-moz-placeholder {
  color: #aaaaaa;
}
input.c-gnaviMenu__item__search__input:-ms-input-placeholder {
  color: #aaaaaa;
}
input.c-gnaviMenu__item__search__input::-ms-input-placeholder {
  color: #aaaaaa;
}
input.c-gnaviMenu__item__search__input::placeholder {
  color: #aaaaaa;
}

.c-gnaviMenu__item__search__icon {
  display: block;
  position: absolute;
  top: 21px;
  right: 285px;
  padding: 0;
  margin: 0;
  width: 19px;
  height: 19px;
  border: none;
  background: url(../images/icon/icon_loope.svg) no-repeat;
}
@media screen and (max-width: 900px) {
  .c-gnaviMenu__item__search__icon {
    right: 165px;
  }
}

/* ***************************
gnaviPanel
*************************** */
.c-gnaviPanel {
  position: relative;
  margin-top: 0;
}

.c-gnaviPanel__item {
  display: none;
  position: absolute;
  top: auto !important;
  left: 0 !important;
  right: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  z-index: 101;
  background-color: #F5F4E5;
}
@media screen and (max-width: 768px) {
  .c-gnaviPanel__item {
    display: none !important;
  }
}

#js-gnaviPanel-pickup.c-gnaviPanel__item {
  background-color: #F3FEF2;
}

.c-gnaviPanel__activeBar {
  position: absolute;
  width: 18px;
  height: 18px;
  z-index: 1001;
  display: none;
}
@media screen and (max-width: 768px) {
  .c-gnaviPanel__activeBar {
    display: none !important;
  }
}

.c-gnaviPanel__activeBar.ctg_try .is-try {
  display: inherit;
}
.c-gnaviPanel__activeBar.ctg_try .is-pickup {
  display: none;
}

.c-gnaviPanel__activeBar.ctg_pickup .is-try {
  display: none;
}
.c-gnaviPanel__activeBar.ctg_pickup .is-pickup {
  display: inherit;
}

.c-gnaviPanel__body {
  margin: 0 auto;
  text-align: center;
}

.c-gnaviPanel__inner {
  display: inline-block;
  margin: 0 auto;
  padding: 20px 20px;
  max-width: 1160px;
}

.c-gnaviPanel__menuList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.c-gnaviPanel__menuList > li::before {
  display: none;
}
.c-gnaviPanel__menuList li + li {
  margin-left: 5px;
}
.c-gnaviPanel__menuList .c-btn:hover {
  border: 4px solid #00756e;
}

.c-gnaviPanel__menuItem--top .c-btn {
  color: #00756e;
  border-color: #00756e;
}
.c-gnaviPanel__menuItem--top .c-btn:hover {
  background-color: #00756e;
  border-color: #00756e;
}
.c-gnaviPanel__menuItem--top .c-btn .c-btn__body {
  font-size: 1.313rem;
  padding-right: 15px;
  padding-left: 15px;
}

.c-gnaviPanel__menuItem--enjoy .c-btn {
  color: #B95E02;
  border-color: #B95E02;
}
.c-gnaviPanel__menuItem--enjoy .c-btn:hover {
  background-color: #B95E02;
  border-color: #B95E02;
}
.c-gnaviPanel__menuItem--enjoy .c-btn .c-btn__body {
  font-size: 1.313rem;
  padding-right: 15px;
  padding-left: 15px;
}

.c-gnaviPanel__menuItem--learn .c-btn {
  color: #3471A0;
  border-color: #3471A0;
}
.c-gnaviPanel__menuItem--learn .c-btn:hover {
  background-color: #3471A0;
  border-color: #3471A0;
}
.c-gnaviPanel__menuItem--learn .c-btn .c-btn__body {
  font-size: 1.313rem;
  padding-right: 15px;
  padding-left: 15px;
}

.c-gnaviPanel__menuItem--stay .c-btn {
  color: #B45565;
  border-color: #B45565;
}
.c-gnaviPanel__menuItem--stay .c-btn:hover {
  background-color: #B45565;
  border-color: #B45565;
}
.c-gnaviPanel__menuItem--stay .c-btn .c-btn__body {
  font-size: 1.313rem;
  padding-right: 15px;
  padding-left: 15px;
}

.c-gnaviPanel__menuItem--work .c-btn {
  color: #786089;
  border-color: #786089;
}
.c-gnaviPanel__menuItem--work .c-btn:hover {
  background-color: #786089;
  border-color: #786089;
}
.c-gnaviPanel__menuItem--work .c-btn .c-btn__body {
  font-size: 1.313rem;
  padding-right: 15px;
  padding-left: 15px;
}

.c-gnaviPanel__menuItem--travel .c-btn {
  color: #006AA2;
  border-color: #006AA2;
}
.c-gnaviPanel__menuItem--travel .c-btn:hover {
  background-color: #006AA2;
  border-color: #006AA2;
}
.c-gnaviPanel__menuItem--travel .c-btn .c-btn__body {
  font-size: 1.313rem;
  padding-right: 15px;
  padding-left: 15px;
}

.c-gnaviPanel__menuItem--grayout .c-btn {
  color: #DBDBDB;
  border-color: #DBDBDB;
  cursor: inherit;
}
.c-gnaviPanel__menuItem--grayout .c-btn:hover {
  color: #DBDBDB;
  background-color: #fff;
  border-color: #DBDBDB;
}

.c-gnaviPanel__title {
  position: relative;
  text-align: left;
  margin-top: 40px;
}

.c-gnaviPanel__title__text {
  font-size: 2.063rem;
  letter-spacing: 3px;
}

.c-gnaviPanel__title__link {
  position: absolute;
  top: 20px;
  right: 20px;
}

.c-gnaviPanel__plckupList {
  margin-top: 25px;
  margin-bottom: 55px;
}
.c-gnaviPanel__plckupList .c-column__body {
  margin-left: -20px;
  margin-right: -20px;
}
.c-gnaviPanel__plckupList .c-column__item {
  padding-left: 20px;
  padding-right: 20px;
}

.c-gnaviPanel__plckupList__link {
  display: block;
  color: #222;
}
.c-gnaviPanel__plckupList__link.visited, .c-gnaviPanel__plckupList__link:visited {
  color: #222;
}
.c-gnaviPanel__plckupList__link.hover, .c-gnaviPanel__plckupList__link:hover {
  color: #067c00;
}
.c-gnaviPanel__plckupList__link img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  border-radius: 10px;
}
.c-gnaviPanel__plckupList__link:hover img {
  opacity: 0.7;
}

.c-gnaviPanel__plckupList__label {
  position: relative;
  text-align: left;
  margin-top: 13px;
  padding-right: 30px;
}
.c-gnaviPanel__plckupList__label::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 0;
  top: 9px;
  width: 12px;
  height: 18px;
  background-image: url(../images/icon/icon_rightArrow_green.svg);
  background-repeat: no-repeat;
}

.c-gnaviPanel__plckupList__label__text {
  font-size: 1.125rem;
  letter-spacing: 1px;
}

.isIE .c-gnaviPanel__plckupList__label__text {
  position: relative;
  top: 0.2em;
}

/* ***************************
SPメニュー
*************************** */
#dl-menu {
  position: relative;
  display: block;
  width: 100%;
}

.c-spMenu {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
  height: 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .c-spMenu {
    -webkit-transition: inherit;
    transition: inherit;
    opacity: inherit;
    height: inherit;
  }
}

.is-spmenu-open .c-spMenu {
  position: absolute;
  top: 4px;
  width: 100%;
  height: auto;
  padding-bottom: 70px;
  z-index: 105;
  background-color: #00756e;
  opacity: 1;
  pointer-events: inherit;
}
@media screen and (max-width: 768px) {
  .is-spmenu-open .c-spMenu {
    position: relative;
    top: inherit;
    height: inherit;
    width: inherit;
    background-color: inherit;
    opacity: inherit;
    padding-bottom: 0;
  }
}

.is-spmenu-open .c-spMenu__inner {
  position: relative;
  height: auto;
  margin: 56px auto 0;
  max-width: 1284px;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
}
@media screen and (max-width: 1284px) {
  .is-spmenu-open .c-spMenu__inner {
    max-width: inherit;
    margin: 56px 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .is-spmenu-open .c-spMenu__inner {
    height: inherit;
    margin: inherit;
    max-width: inherit;
    background-color: inherit;
    border-radius: inherit;
    overflow: inherit;
    text-align: inherit;
  }
}

@media screen and (max-width: 768px) {
  .dl-menuwrapper .dl-menu {
    padding: 0 35px;
    border-left: 4px solid #00756e;
    border-right: 4px solid #00756e;
    border-bottom: 4px solid #00756e;
  }
}

.dl-menuwrapper .dl-menu.dl-menuopen {
  position: relative;
  width: calc( 100% - 60px);
  max-width: 886px;
  margin: 0 auto;
  text-align: left;
  padding-top: 45px;
  padding-bottom: 50px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 9.0909090909% 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr 0px 2.75fr 0px 1fr 0px auto 0px 1fr;
  grid-template-rows: 1fr 2.75fr 1fr auto 1fr;
  gap: 0px 9.0909090909%;
  grid-template-areas: "home about" "try about" "parklist listAll" "pickup pickup" ". sns";
}
@media screen and (max-width: 1000px) {
  .dl-menuwrapper .dl-menu.dl-menuopen {
    margin: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .dl-menuwrapper .dl-menu.dl-menuopen {
    position: absolute;
    width: 100%;
    height: calc( 100vh - 86px);
    margin: 0 auto;
    padding: 26px 32px 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -ms-grid-columns: calc( 100% - 4px );
    grid-template-columns: calc( 100% - 4px );
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 0px;
    grid-template-areas: "home" "try" "parklist" "about" "pickup" "listAll" "sns";
  }
  .dl-menuwrapper .dl-menu.dl-menuopen::-webkit-scrollbar {
    display: none;
  }
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
  background: #fff;
}

.dl-menu > li {
  margin: 0;
  padding: 0;
  background-color: #fff;
}
.dl-menu > li::before {
  display: none;
}

.dl-menu > li > a {
  display: block;
  padding: 15px 0 12px;
  border: solid 2px #fff;
  border-bottom: solid 2px #eeeeef;
}
@media screen and (max-width: 768px) {
  .dl-menu > li > a {
    padding: 2px 0 3px;
  }
}

.dl-menuwrapper.c-spMenu__list li a,
.dl-menuwrapper li a.c-spMenu__pickup__link {
  color: inherit;
}

.dl-menu > li a:focus {
  border: 2px #c21818 solid;
}

.c-spMenu__item__try__buttonBox a:focus {
  outline: 2px #c21818 solid;
}

.c-spMenu__item__body {
  display: block;
  position: relative;
  padding: 12px 0;
  padding-right: 20px;
  color: #00756e;
  font-size: 1.313rem;
  font-weight: bold;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .c-spMenu__item__body {
    font-size: 1.125rem;
  }
}
.c-spMenu__item__body::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px;
  height: 18px;
  background-image: url(../images/icon/icon_rightArrow_green.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.dl-menu > li.c-spMenu__item__home {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: home;
}

.dl-menu > li.c-spMenu__item__try {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: try;
}
@media screen and (max-width: 768px) {
  .dl-menu > li.c-spMenu__item__try {
    margin-bottom: 36px;
  }
}
.dl-menu > li.c-spMenu__item__try > .c-spMenu__item__try__label {
  padding: 15px 0 12px;
}
@media screen and (max-width: 768px) {
  .dl-menu > li.c-spMenu__item__try > .c-spMenu__item__try__label {
    padding-top: 13px;
  }
}
.dl-menu > li.c-spMenu__item__try > a {
  padding-top: 30px;
  border-bottom: 2px solid #fff;
}
@media screen and (max-width: 768px) {
  .dl-menu > li.c-spMenu__item__try > a {
    padding-top: 13px;
  }
}
.dl-menu > li.c-spMenu__item__try > a:focus {
  border-bottom: 2px #c21818 solid;
}

.dl-menu > li.c-spMenu__item__parklist {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: parklist;
}
@media screen and (max-width: 768px) {
  .dl-menu > li.c-spMenu__item__parklist > a {
    border-top: solid 2px #eeeeef;
  }
}

.dl-menu > li.c-spMenu__item__about {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: about;
}

.dl-menu > li.c-spMenu__item__pickup {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: pickup;
}
@media screen and (max-width: 768px) {
  .dl-menu > li.c-spMenu__item__pickup {
    margin-top: 5px;
    padding: 13px 0;
    border-top: solid 2px #eeeeef;
  }
}
.dl-menu > li.c-spMenu__item__pickup .c-spMenu__item__pickup__head {
  max-width: 402px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .dl-menu > li.c-spMenu__item__pickup .c-spMenu__item__pickup__head {
    max-width: inherit;
    border-bottom: none;
    margin-bottom: 0;
  }
}
.dl-menu > li.c-spMenu__item__pickup .c-spMenu__pickup__link {
  width: 19.5%;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 4px 0;
  border-bottom: 2px #fff solid;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .dl-menu > li.c-spMenu__item__pickup .c-spMenu__pickup__link {
    display: block;
    width: 100%;
  }
}
.dl-menu > li.c-spMenu__item__pickup .c-spMenu__pickup__link > img {
  border-radius: 10px;
}
.dl-menu > li.c-spMenu__item__pickup a.c-spMenu__pickup__link:focus {
  border-bottom: 2px #c21818 solid;
}
.dl-menu > li.c-spMenu__item__pickup .c-spMenu__pickup__label__text {
  display: none;
}
@media screen and (max-width: 768px) {
  .dl-menu > li.c-spMenu__item__pickup .c-spMenu__pickup__label__text {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 1.5;
    color: #222;
    font-size: 1rem;
    font-weight: bold;
  }
}

.dl-menu > li.c-spMenu__item__listAll {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: listAll;
}
@media screen and (max-width: 768px) {
  .dl-menu > li.c-spMenu__item__listAll > a {
    border-top: solid 2px #eeeeef;
  }
}

.dl-menu > li.c-spMenu__item__sns {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
  grid-area: sns;
}

@media screen and (max-width: 768px){
  .dl-menu > li.c-spMenu__item__home {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .dl-menu > li.c-spMenu__item__try {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .dl-menu > li.c-spMenu__item__parklist {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .dl-menu > li.c-spMenu__item__about {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .dl-menu > li.c-spMenu__item__pickup {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .dl-menu > li.c-spMenu__item__listAll {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
  }
  .dl-menu > li.c-spMenu__item__sns {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
  }
}
.dl-menu > li.c-spMenu__item__sns .c-googleSearch {
  display: none;
}
@media screen and (max-width: 768px) {
  .dl-menu > li.c-spMenu__item__sns .c-googleSearch {
    display: block;
    margin-top: 56px;
  }
}

.dl-menuwrapper ul.c-spMenu__item__about__list {
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .dl-menuwrapper ul.c-spMenu__item__about__list {
    margin-bottom: 32px;
  }
}
.dl-menuwrapper ul.c-spMenu__item__about__list > li::before {
  display: none;
}

.dl-menuwrapper li.c-spMenu__item__about__list__item {
  padding: 0;
}

.dl-menuwrapper li a.c-spMenu__item__about__list__link {
  display: block;
  position: relative;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1.8;
  color: #222;
  border: 2px solid #fff;
  font-weight: bold;
  letter-spacing: -0.25px;
}
.dl-menuwrapper li a.c-spMenu__item__about__list__link.visited, .dl-menuwrapper li a.c-spMenu__item__about__list__link:visited {
  color: #222;
}
.dl-menuwrapper li a.c-spMenu__item__about__list__link.hover, .dl-menuwrapper li a.c-spMenu__item__about__list__link:hover {
  color: #067c00;
}
@media screen and (max-width: 768px) {
  .dl-menuwrapper li a.c-spMenu__item__about__list__link {
    font-size: 1rem;
    line-height: 2;
  }
}
.dl-menuwrapper li a.c-spMenu__item__about__list__link:focus {
  border-color: #c21818;
}

.c-spMenu__item__try__buttonBox {
  display: block;
}
.c-spMenu__item__try__buttonBox > li {
  display: inline-block;
  margin-right: 9px;
  margin-left: 3px;
  margin-top: 7px;
  margin-bottom: 5px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .c-spMenu__item__try__buttonBox > li {
    display: block;
  }
}
.c-spMenu__item__try__buttonBox > li::before {
  display: none;
}
.c-spMenu__item__try__buttonBox > li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .c-spMenu__item__try__buttonBox > li:last-child {
    margin-right: 9px;
  }
}
.c-spMenu__item__try__buttonBox > li > div, .c-spMenu__item__try__buttonBox > li > a {
  position: relative;
  display: block;
  text-align: center;
  border-radius: 20px;
  line-height: 2.125rem;
  padding: 1px 15px 0;
  outline: 2px solid #fff;
}
.c-spMenu__item__try__buttonBox > li > a:focus {
  border-width: 3px;
}
.c-spMenu__item__try__buttonBox > li > a > span {
  color: #00756e;
  font-size: 1.125rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .c-spMenu__item__try__buttonBox > li > a > span {
    font-size: 0.938rem;
  }
}

.c-spMenu__item__try__item__spOnly {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-spMenu__item__try__item__spOnly {
    display: inline;
  }
}

.isIE .c-spMenu__item__try__buttonBox li > a > span {
  position: relative;
  top: 0.2em;
}

.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--enjoy > a {
  color: #B95E02;
  border: 3px solid #B95E02;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--enjoy > a:focus {
  border-color: #B95E02;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--enjoy > a:hover {
  background-color: #B95E02 !important;
  border-color: #B95E02;
  color: #fff;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--enjoy > a > span {
  color: #B95E02;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--enjoy > a:hover > span {
  color: #fff;
}

.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--learn > a {
  color: #3471A0;
  border: 3px solid #3471A0;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--learn > a:focus {
  border-color: #3471A0;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--learn > a:hover {
  background-color: #3471A0 !important;
  border-color: #3471A0;
  color: #fff;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--learn > a > span {
  color: #3471A0;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--learn > a:hover > span {
  color: #fff;
}

.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--stay > a {
  color: #B45565;
  border: 3px solid #B45565;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--stay > a:focus {
  border-color: #B45565;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--stay > a:hover {
  background-color: #B45565 !important;
  border-color: #B45565;
  color: #fff;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--stay > a > span {
  color: #B45565;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--stay > a:hover > span {
  color: #fff;
}

.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--work > a {
  color: #786089;
  border: 3px solid #786089;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--work > a:focus {
  border-color: #786089;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--work > a:hover {
  background-color: #786089 !important;
  border-color: #786089;
  color: #fff;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--work > a > span {
  color: #786089;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--work > a:hover > span {
  color: #fff;
}

.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--travel > a {
  color: #006AA2;
  border: 3px solid #006AA2;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--travel > a:focus {
  border-color: #006AA2;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--travel > a:hover {
  background-color: #006AA2 !important;
  border-color: #006AA2;
  color: #fff;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--travel > a > span {
  color: #006AA2;
}
.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--travel > a:hover > span {
  color: #fff;
}

.c-spMenu__item__try__buttonBox .c-spMenu__item__try__item--grayout > div {
  color: #DBDBDB;
  border: 3px solid #DBDBDB;
}

input.c-spMenu__item__search__input {
  width: 300px;
  height: 55px;
  border-radius: 7px;
  border: solid 2px #eeeeee;
  background-color: #fff;
  padding-left: 40px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  input.c-spMenu__item__search__input {
    width: 100%;
  }
}
input.c-spMenu__item__search__input::-webkit-input-placeholder {
  color: #aaaaaa;
}
input.c-spMenu__item__search__input::-moz-placeholder {
  color: #aaaaaa;
}
input.c-spMenu__item__search__input:-ms-input-placeholder {
  color: #aaaaaa;
}
input.c-spMenu__item__search__input::-ms-input-placeholder {
  color: #aaaaaa;
}
input.c-spMenu__item__search__input::placeholder {
  color: #aaaaaa;
}

.c-spMenu__item__search__icon {
  display: block;
  position: absolute;
  top: 18px;
  left: 15px;
  padding: 0;
  margin: 0;
  width: 19px;
  height: 19px;
  border: none;
  background: url(../images/icon/icon_loope.svg) no-repeat;
}

.c-spMenu__trigger {
  display: block;
  position: absolute;
  bottom: 8px;
  right: calc( ( 100% - 1160px )/2 );
  z-index: 200;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  width: 44px;
  height: 64px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline: none;
}
@media screen and (max-width: 1284px) {
  .c-spMenu__trigger {
    right: 50px;
  }
}
@media screen and (max-width: 900px) {
  .c-spMenu__trigger {
    right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-spMenu__trigger {
    top: 26px;
    right: 18px;
    bottom: inherit;
    width: 36px;
    height: 56px;
  }
}
.c-spMenu__trigger.dl-active {
  top: 165px;
  bottom: inherit;
}
@media screen and (max-width: 900px) {
  .c-spMenu__trigger.dl-active {
    right: 50px;
  }
}
@media screen and (max-width: 768px) {
  .c-spMenu__trigger.dl-active {
    top: 26px;
    right: 18px;
    bottom: inherit;
  }
}

.c-spMenu__trigger__icon {
  display: block;
  position: absolute;
  top: 0;
  padding: 0;
  margin: 0;
  width: 44px;
  height: 64px;
  border: none;
  background-image: url(../images/button/btn_spMenu.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 768px) {
  .c-spMenu__trigger__icon {
    width: 36px;
    height: 56px;
  }
}

.dl-active .c-spMenu__trigger__icon {
  width: 44px;
  height: 64px;
  background-image: url(../images/button/btn_spMenu_close.svg);
}
@media screen and (max-width: 768px) {
  .dl-active .c-spMenu__trigger__icon {
    width: 36px;
    height: 56px;
  }
}

.c-spMenu__trigger__label {
  display: block;
  position: absolute;
  top: 44px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 0.75rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .c-spMenu__trigger__label {
    top: 38px;
    font-size: 0.625rem;
    letter-spacing: -1px;
  }
}

.c-spMenu__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 60px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .c-spMenu__header {
    display: none;
  }
}

.c-spMenu__header__sitelogo {
  -ms-flex-preferred-size: 12.8504672897%;
  flex-basis: 12.8504672897%;
  width: 12.8504672897%;
  text-align: right;
  padding-right: 23px;
}
.c-spMenu__header__sitelogo > a > img {
  width: 60px;
}

.c-spMenu__header__sitename {
  -ms-flex-preferred-size: 37.1495327103%;
  flex-basis: 37.1495327103%;
  width: 37.1495327103%;
  padding-left: 0;
  padding-top: 0;
  height: 65px;
  vertical-align: top;
}

.c-spMenu__header__sitename__text {
  letter-spacing: 4px;
  font-size: 1.25rem;
  line-height: 1.3125;
  font-weight: bold;
  padding-top: 38px;
  padding-left: 3px;
}

.c-spMenu__header__seekbox {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 50%;
  padding-top: 30px;
  padding-left: 35px;
}
.c-spMenu__header__seekbox .c-googleSearch .gsc-input-box {
  max-width: 400px;
  width: calc( 100% - 80px );
}

.dl-menuwrapper .c-spMenu__snsBox {
  margin-top: 47px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .dl-menuwrapper .c-spMenu__snsBox {
    margin-top: 60px;
    margin-bottom: 40px;
  }
}
.dl-menuwrapper .c-spMenu__snsBox li {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  padding-left: 0;
  line-height: 1;
}
.dl-menuwrapper .c-spMenu__snsBox li:before {
  display: none;
}
.dl-menuwrapper .c-spMenu__snsBox li + li {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .dl-menuwrapper .c-spMenu__snsBox li + li {
    margin-left: 8px;
  }
}
.dl-menuwrapper .c-spMenu__snsBox li a.c-spMenu__snsBox__link {
  display: block;
  position: relative;
  padding: 0;
  border: 2px solid #fff;
}
.dl-menuwrapper .c-spMenu__snsBox li a.c-spMenu__snsBox__link:focus {
  border: 2px solid #c21818;
}
.dl-menuwrapper .c-spMenu__snsBox li a.c-spMenu__snsBox__link img {
  width: auto;
  height: auto;
}

.c-spMenu__snsBox__here {
  font-size: 0.938rem;
  word-break: keep-all;
}
@media screen and (max-width: 768px) {
  .c-spMenu__snsBox__here {
    display: inline-block;
    width: 135px;
  }
}

.c-spMenu__snsBox__link__youtube {
  position: relative;
  top: 2px;
}

/* ***************************
breadCrumb
*************************** */
.c-breadCrumb {
  width: auto;
  pointer-events: auto;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .c-breadCrumb {
    margin-top: 0;
    padding: 0 15px;
  }
}

.c-breadCrumb__body {
  width: 100%;
  padding: 16px 0 17px;
  border-top: 1px solid #eee;
  overflow-x: auto;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .c-breadCrumb__body {
    padding: 9px 0 6px;
    overflow-x: auto;
    overflow-y: hidden;
  }
}

.c-listBreadCrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1160px;
  padding: 0 15px;
  margin: 0 auto;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .c-listBreadCrumb {
    padding: 0;
  }
}

.c-listBreadCrumb__item {
  padding: 0;
  margin: 0;
}
.c-listBreadCrumb__item:before {
  display: none;
}

.c-listBreadCrumb__item + .c-listBreadCrumb__item {
  position: relative;
  padding-left: 45px;
}
.c-listBreadCrumb__item + .c-listBreadCrumb__item:before {
  position: absolute;
  left: 20px;
  top: 0;
  display: inline-block;
  content: ">";
  width: 10px;
  height: 10px;
  font-size: 93.75%;
  color: #222;
}

.c-listBreadCrumb__item__link {
  color: #00756e;
}
.c-listBreadCrumb__item__link:hover {
  opacity: 0.7;
}
.c-listBreadCrumb__item__link.visited, .c-listBreadCrumb__item__link:visited {
  color: #00756e;
}

.c-listBreadCrumb__item__body {
  white-space: nowrap;
  font-size: 87.5%;
}

/* ***************************
greenArrowHeader
*************************** */
.c-greenArrowHeader {
  position: relative;
  padding-bottom: 40px;
}

.c-greenArrowHeader__label {
  display: inline-block;
  position: relative;
  font-size: 1.5rem;
  line-height: 1.75;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .c-greenArrowHeader__label {
    font-size: 1.25rem;
    text-align: left;
  }
}
.c-greenArrowHeader__label:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -33px;
  left: 1px;
  width: 31px;
  height: 14px;
  background-image: url("../images/icon/icon_greenArrowHeader.svg");
}
.c-greenArrowHeader__label:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -22px;
  left: 46px;
  width: calc( 100% - 44px );
  height: 3px;
  background-color: #00756e;
}

.c-greenArrowHeader__label__text {
  position: relative;
}

.c-greenArrowHeader__label__text--negativeLeft10 {
  position: relative;
  left: -10px;
}

.is-wide.c-greenArrowHeader .c-greenArrowHeader__label {
  letter-spacing: 6px;
}
.is-wide.c-greenArrowHeader .c-greenArrowHeader__label:after {
  width: calc( 100% - 50px );
}

.is-broad.c-greenArrowHeader .c-greenArrowHeader__label {
  letter-spacing: 3.75px;
}
@media screen and (max-width: 768px) {
  .is-broad.c-greenArrowHeader .c-greenArrowHeader__label {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 768px) {
  .is-broad.c-greenArrowHeader .c-greenArrowHeader__label:before {
    bottom: -23px;
  }
}
.is-broad.c-greenArrowHeader .c-greenArrowHeader__label:after {
  width: calc( 100% - 50px );
}
@media screen and (max-width: 768px) {
  .is-broad.c-greenArrowHeader .c-greenArrowHeader__label:after {
    bottom: -12px;
  }
}

.is-yellowGreen.c-greenArrowHeader .c-greenArrowHeader__label::before {
  background-image: url("../images/icon/icon_greenArrowHeader_yellowGreen.svg");
}
.is-yellowGreen.c-greenArrowHeader .c-greenArrowHeader__label::after {
  background-color: #308920;
}

/* ***************************
tabMenu
*************************** */
.c-tabMenu {
  position: relative;
}

.c-tabMenu__btnList {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.c-tabMenu__btnList > li::before {
  display: none;
}
.c-tabMenu__btnList::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: #aaa;
  z-index: 0;
}

.c-tabMenu__btnList__item {
  position: relative;
  width: 21.8181818182%;
  -ms-flex-preferred-size: 21.8181818182%;
  flex-basis: 21.8181818182%;
  max-width: 240px;
  height: auto;
  margin-left: 1%;
  padding: 5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 2px solid #aaa;
  border-bottom: none;
  background-color: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .c-tabMenu__btnList__item {
    height: auto;
    width: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-left: 2.7272727273%;
  }
}
.c-tabMenu__btnList__item:first-child {
  margin-left: 0;
}
.c-tabMenu__btnList__item:last-child {
  margin-right: 0;
}
.c-tabMenu__btnList__item::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: none;
  z-index: 2;
}
.c-tabMenu__btnList__item.is-current::after {
  background-color: #fff;
}

.c-tabMenu__btnList__item[data-ctg=is-water] {
  background-color: #dcebf2;
}
.c-tabMenu__btnList__item[data-ctg=is-water] .c-tabMenu__btnList__label {
  position: relative;
  top: -2px;
  color: #006AA2;
}
.c-tabMenu__btnList__item[data-ctg=is-water] .c-tabMenu__btnList__label::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 42px;
  height: 42px;
  top: 8px;
  background-image: url(../images/icon/icon_water.svg);
  background-size: cover;
  vertical-align: top;
}
.c-tabMenu__btnList__item[data-ctg=is-water] .c-tabMenu__btnList__label::after {
  margin-top: -6px;
  margin-left: 0;
}

.c-tabMenu__btnList__item[data-ctg=is-mountain] {
  background-color: #e9f2e7;
}
.c-tabMenu__btnList__item[data-ctg=is-mountain] .c-tabMenu__btnList__label {
  position: relative;
  top: -2px;
  color: #008671;
}
.c-tabMenu__btnList__item[data-ctg=is-mountain] .c-tabMenu__btnList__label::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 42px;
  height: 42px;
  top: 8px;
  background-image: url(../images/icon/icon_mountain.svg);
  background-size: cover;
  vertical-align: top;
}
.c-tabMenu__btnList__item[data-ctg=is-mountain] .c-tabMenu__btnList__label::after {
  margin-top: -8px;
  margin-left: 6px;
}

.c-tabMenu__btnList__item[data-ctg=is-culture] {
  background-color: #ebe7ed;
}
.c-tabMenu__btnList__item[data-ctg=is-culture] .c-tabMenu__btnList__label {
  position: relative;
  top: -2px;
  color: #7A5098;
}
.c-tabMenu__btnList__item[data-ctg=is-culture] .c-tabMenu__btnList__label::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 42px;
  height: 42px;
  top: 8px;
  background-image: url(../images/icon/icon_culture.svg);
  background-size: cover;
  vertical-align: top;
}
.c-tabMenu__btnList__item[data-ctg=is-culture] .c-tabMenu__btnList__label::after {
  margin-top: -8px;
  margin-left: 4px;
}

.c-tabMenu__btnList__item[data-ctg=is-animal] {
  background-color: #faf7e4;
}
.c-tabMenu__btnList__item[data-ctg=is-animal] .c-tabMenu__btnList__label {
  position: relative;
  top: -2px;
  color: #B46102;
}
.c-tabMenu__btnList__item[data-ctg=is-animal] .c-tabMenu__btnList__label::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 42px;
  height: 42px;
  top: 8px;
  background-image: url(../images/icon/icon_animal.svg);
  background-size: cover;
  vertical-align: top;
}
.c-tabMenu__btnList__item[data-ctg=is-animal] .c-tabMenu__btnList__label::after {
  margin-top: -8px;
  margin-left: 10px;
}

a.c-tabMenu__btnList__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 10px 2px 0;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}
a.c-tabMenu__btnList__link:focus:not(:focus-visible) {
  outline: none;
}

.c-tabMenu__btnList__label {
  font-size: 1.5rem;
  letter-spacing: 3px;
  color: #999;
}
.c-tabMenu__btnList__label.is-narrow {
  letter-spacing: 1px;
}

.c-tabMenu__panelList > li::before {
  display: none;
}

li.c-tabMenu__panelList__item {
  display: none;
  padding-left: 0;
}
li.c-tabMenu__panelList__item.is-show {
  display: block;
  padding-top: 20px;
}

/* ***************************
listColumn2
*************************** */
.c-listColumn2 {
  position: relative;
}

@media screen and (max-width: 768px) {
  .c-listColumn2__list {
    margin-top: 0px;
  }
}
.c-listColumn2__list > li {
  padding-left: 0;
}
.c-listColumn2__list > li::before {
  display: none;
}

.c-listColumn2__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 92px;
  border-bottom: 2px solid #eeeeef;
  padding: 5px 0;
}
@media screen and (max-width: 768px) {
  .c-listColumn2__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px 0;
  }
}

.c-listColumn2__title {
  display: block;
  width: 260px;
  -ms-flex-preferred-size: 260px;
  flex-basis: 260px;
  font-size: 1.063rem;
  letter-spacing: 1.7px;
  color: #00756e;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .c-listColumn2__title {
    width: 100px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.7px;
  }
}

.c-listColumn2__content {
  display: block;
  width: calc( 100% - 260px);
  -ms-flex-preferred-size: calc( 100% - 260px);
  flex-basis: calc( 100% - 260px);
  padding-left: 50px;
  font-size: 1.063rem;
  letter-spacing: 0.85px;
}
@media screen and (max-width: 768px) {
  .c-listColumn2__content {
    width: calc( 100% - 100px);
    -ms-flex-preferred-size: calc( 100% - 100px);
    flex-basis: calc( 100% - 100px);
    padding-left: 8px;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.7px;
  }
}

@media all and (-ms-high-contrast: none) {
  .c-listColumn2__item {
    display: table;
  }
}
@media all and (-ms-high-contrast: none) {
  .c-listColumn2__title,
.c-listColumn2__content {
    display: table-cell;
    min-height: 92px;
    vertical-align: middle;
  }
}
/* ***************************
tableWrapper
*************************** */
.c-tableCaption {
  display: none;
}

.c-tableWrapper {
  overflow-x: auto;
}

@media screen and (max-width: 768px) {
  .c-tableWrapper {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .c-tableCaption + .c-tableWrapper {
    margin-top: 10px;
  }

  .c-tableCaption {
    display: block;
    text-align: right;
  }

  .c-tableCaption span {
    position: relative;
    display: inline-block;
    padding-left: 21px;
  }

  .c-tableCaption span:before {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 16px;
    height: 15px;
    content: "";
    background-size: cover;
  }

  .c-tableWrapper table {
    min-width: 900px;
  }
}
table.js-noResponsiveTable th, table.js-noResponsiveTable td {
  white-space: inherit;
}

/* ***************************
googleSearch
*************************** */
.c-googleSearch {
  position: relative;
}
.c-googleSearch table {
  border-right: none;
  border-bottom: none;
}
.c-googleSearch th, .c-googleSearch td {
  border-top: none;
  border-left: none;
  background-color: rgba(0, 0, 0, 0);
}
.c-googleSearch table.gsc-search-box td.gsc-input {
  padding-right: 0;
}
.c-googleSearch .gsib_a {
  padding-left: 50px;
}
.c-googleSearch .gsc-input-box {
  width: 260px;
  height: 46px;
  border-radius: 25px;
  border: solid 2px #fff;
  padding: 2px 0;
  background-color: #fff !important;
}
@media screen and (max-width: 1160px) {
  .c-googleSearch .gsc-input-box {
    width: 270px;
  }
}
@media screen and (max-width: 900px) {
  .c-googleSearch .gsc-input-box {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .c-googleSearch .gsc-input-box {
    width: 100%;
    min-width: calc( 100vw - 50px);
  }
}
.c-googleSearch td.gsc-search-button {
  padding: 0;
  position: absolute;
  left: 0;
}
.c-googleSearch td.gsc-search-button:before {
  display: block;
  position: absolute;
  content: "";
  top: 12px;
  left: 19px;
  padding: 0;
  margin: 0;
  width: 25px;
  height: 25px;
  border: none;
  background: url(../images/icon/icon_search_loope.svg) no-repeat;
}
.c-googleSearch button.gsc-search-button {
  position: absolute;
  top: 7px;
  left: 12px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  width: 30px;
  height: 37px;
  padding: 5px 10px;
}
.c-googleSearch button.gsc-search-button svg {
  display: none;
}
.c-googleSearch button.gsc-search-button::after {
  display: none;
}
.c-googleSearch input.gsc-input {
  height: 32px !important;
}
.c-googleSearch input.gsc-input:focus {
  outline: 2px solid #c21818 !important;
}
.c-googleSearch * {
  font-size: 100% !important;
  background-color: inherit !important;
  color: #222 !important;
}
.c-googleSearch .gsc-input {
  font-size: 1rem !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.c-googleSearch .gsc-search-button-v2 {
  font-size: 0rem !important;
}
.c-googleSearch .gsc-completion-container {
  font-size: 1rem !important;
}
.c-googleSearch .gsc-control-cse,
.c-googleSearch .gsc-control-cse .gsc-table-result {
  font-size: 0.813rem !important;
}
.c-googleSearch form.gsc-search-box {
  font-size: 0.813rem !important;
}
.c-googleSearch .gsc-branding-text,
.c-googleSearch .gcsc-branding-text {
  font-size: 0.688rem !important;
}
.c-googleSearch .gsc-keeper {
  font-size: 0.813rem !important;
}
.c-googleSearch .gsc-tabHeader {
  font-size: 0.813rem !important;
}
.c-googleSearch .gsc-completion-container {
  font-size: 0.813rem !important;
}
.c-googleSearch .gsc-completion-container .gsc-completion-promotion-table {
  font-size: inherit !important;
}
.c-googleSearch .gsc-configSettingSubmit {
  font-size: 0.688rem !important;
}
.c-googleSearch .gsc-result-info {
  font-size: 0.813rem !important;
}
.c-googleSearch .gsc-selected-option-container {
  font-size: 0.688rem !important;
}
.c-googleSearch .gsc-control-cse .gsc-option-menu {
  font-size: 0.813rem !important;
}
.c-googleSearch .gs-previewLink {
  font-size: 1.125rem !important;
}
.c-googleSearch .gsc-control-cse .gs-spelling,
.c-googleSearch .gsc-control-cse .gs-result .gs-title,
.c-googleSearch .gsc-control-cse .gs-result .gs-title * {
  font-size: 1rem !important;
}
.c-googleSearch .gsc-control-cse .gs-result .gs-spelling-original {
  font-size: 0.813rem !important;
}
.c-googleSearch .gs-fileFormat {
  font-size: 0.75rem !important;
}
.c-googleSearch .gs-fileFormatType {
  font-size: 0.75rem !important;
}
.c-googleSearch .gs-promotion table .gs-snippet a .gs-title,
.c-googleSearch .gs-promotion table .gs-snippet a .gs-title * {
  font-size: 0.813rem !important;
}
.c-googleSearch .gs-stylized-error-message {
  font-size: 1.5rem !important;
}
.c-googleSearch .gs-result .gs-watermark {
  font-size: 0.625rem !important;
}
.c-googleSearch .gs-results-attribution,
.c-googleSearch .gs-results-attribution * {
  font-size: 0.625rem !important;
}
.c-googleSearch .gs-infoWindow * {
  font-size: 0.688rem !important;
}
.c-googleSearch .gs-videoResult * {
  font-size: 0.813rem !important;
}
.c-googleSearch .gs-promotion-text-cell .gs-visibleUrl,
.c-googleSearch .gs-promotion-text-cell .gs-snippet {
  font-size: 0.813rem !important;
}
.c-googleSearch .gsc-label-result-url {
  font-size: 0.813rem !important;
}
.c-googleSearch .gsc-label-result-url-title {
  font-size: 0.938rem !important;
}
.c-googleSearch .gsc-label-result-labels {
  font-size: 0.813rem !important;
}
.c-googleSearch .gsc-label-result-form-label {
  font-size: 0.813rem !important;
}
.c-googleSearch .gsc-label-result-heading {
  font-size: 1.063rem !important;
}
.c-googleSearch .gsc-label-result-saving-popup {
  font-size: 0.813rem !important;
}
.c-googleSearch .gsc-richsnippet-showsnippet-label {
  font-size: 0.813rem !important;
}
.c-googleSearch .gsc-richsnippet-individual-snippet-key {
  font-size: 0.875rem !important;
}
.c-googleSearch .gsc-richsnippet-popup-box-title {
  font-size: 0.938rem !important;
}

.gsc-completion-container td {
  background-color: inherit;
}

/* ***************************
googleSearchList
*************************** */
.c-googleSearchList .gsc-control-cse table td.gsc-orderby-container {
  z-index: inherit;
}
.c-googleSearchList .gsc-result .gs-title {
  overflow: inherit;
}
.c-googleSearchList .gsc-results .gsc-cursor-box .gsc-cursor-page {
  border-color: #666;
  background-color: inherit;
  color: #666;
  padding: 5px 8px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 1rem;
}
.c-googleSearchList .gsc-results .gsc-cursor-box .gsc-cursor-page:focus-visible {
  outline: 2px #c21818 solid;
}
.c-googleSearchList .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  border-color: #FF9900;
  background-color: #FFFFFF;
  color: #FF9900;
}

/* ***************************
relLinkList
*************************** */
.c-relLinkList {
  position: relative;
}
.c-relLinkList > li::before {
  display: none;
  padding-left: 0;
}

.c-accordionList .c-relLinkList {
  padding: 40px 20px;
}
@media screen and (max-width: 768px) {
  .c-accordionList .c-relLinkList {
    padding: 20px 10px;
  }
}

.c-relLinkList__item {
  padding: 5px 0 4px;
}
@media screen and (max-width: 768px) {
  .c-relLinkList__item {
    padding: 5px 0 2px;
  }
}

.c-relLinkList__item__link {
  display: inline-block;
  position: relative;
  font-size: 1.5rem;
  padding-right: 30px;
  letter-spacing: 1.25px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .c-relLinkList__item__link {
    font-size: 1rem;
    padding-right: 0;
    letter-spacing: 3.5px;
  }
}
.c-relLinkList__item__link.is-hideLinkIcon[href^=http]::after {
  display: none;
}
.c-relLinkList__item__link[href^=http]::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  background: none;
  background-image: url(../images/icon/icon_outerLink_green.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .c-relLinkList__item__link[href^=http]::after {
    top: 0;
    left: -3px;
    width: 14px;
    height: 14px;
  }
}

.c-relLinkList__item__link + .c-relLinkList__item__text {
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .c-relLinkList__item__link + .c-relLinkList__item__text {
    margin-top: 16px;
  }
}

.c-relLinkList__item__text {
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  .c-relLinkList__item__text {
    line-height: 2.1;
  }
}

/* ***************************
sitemapList
*************************** */
.c-sitemapList {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-sitemapList {
    display: block;
  }
}
.c-sitemapList > li::before {
  display: none;
  padding-left: 0;
}

.c-sitemapList__list {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__list {
    display: block;
    margin: 0;
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.c-sitemapList__list:first-child {
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__list:first-child {
    padding-right: 0;
  }
}
.c-sitemapList__list:last-child {
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__list:last-child {
    padding-left: 0;
  }
}
.c-sitemapList__list > li::before {
  display: none;
}

.c-sitemapList__item {
  position: relative;
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__item {
    width: 100%;
    padding: 25px 0 15px;
  }
}
.c-sitemapList__item.is-home {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__item.is-home {
    margin-top: -25px;
  }
}
.c-sitemapList__item.is-try {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__item.is-try {
    margin-top: 0;
  }
}
.c-sitemapList__item.is-parkList {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__item.is-parkList {
    margin-top: 0;
  }
}
.c-sitemapList__item.is-about {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__item.is-about {
    margin-top: 3px;
  }
}
.c-sitemapList__item.is-quasiPark {
  margin-top: 170px;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__item.is-quasiPark {
    margin-top: 0;
  }
}

.c-sitemapList__pickup__title__link,
.c-sitemapList__title {
  position: relative;
  display: block;
  border-bottom: solid 2px #eeeeef;
  padding-bottom: 9px;
}
.c-sitemapList__pickup__title__link::after,
.c-sitemapList__title::after {
  content: "";
  position: absolute;
  display: inline-block;
  margin-top: -5px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px;
  height: 18px;
  background-image: url(../images/icon/icon_rightArrow_green.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.c-sitemapList__pickup__title__label,
.c-sitemapList__title__text {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__pickup__title__label,
.c-sitemapList__title__text {
    font-size: 1.125rem;
  }
}

.c-sitemapList__title + .c-sitemapItem {
  padding-top: 35px;
  padding-bottom: 53px;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__title + .c-sitemapItem {
    padding-top: 14px;
    padding-bottom: 0;
    margin-bottom: -10px;
  }
}

.c-sitemapList__pickup {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__pickup {
    margin-top: 20px;
  }
}

.c-sitemapList__pickup__title {
  max-width: 460px;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__pickup__title {
    max-width: inherit;
  }
}

ul.c-sitemapList__pickup__list {
  margin-top: 20px;
}
ul.c-sitemapList__pickup__list > li::before {
  display: none;
}

.c-sitemapList__pickup__item {
  display: inline-block;
  vertical-align: top;
  width: 19%;
  padding: 2px;
  margin: 5px 0.2%;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__pickup__item {
    width: 49%;
    margin: 5px 0;
  }
}

.c-sitemapList__pickup__link {
  display: block;
  border-radius: 5px;
  overflow: hidden;
}

.c-sitemapList__pickup__label__text {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-sitemapList__pickup__label__text {
    display: block;
  }
}

/* ***************************
sitemapItem
*************************** */
.c-sitemapItem {
  position: relative;
  display: block;
}
.c-sitemapItem > li::before {
  display: none;
  padding-left: 0;
}

.c-sitemapItem__list {
  width: 100%;
}
.c-sitemapItem__list > li::before {
  display: none;
}

.c-sitemapItem__item {
  position: relative;
  padding: 0;
  margin-bottom: 17px;
}
@media screen and (max-width: 768px) {
  .c-sitemapItem__item {
    margin-bottom: 6px;
  }
}

.is-col1.c-sitemapItem__item {
  position: relative;
  width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding: 0;
  margin-bottom: 17px;
}
@media screen and (max-width: 768px) {
  .is-col1.c-sitemapItem__item {
    margin-bottom: 6px;
  }
}
.is-col1.c-sitemapItem__item:nth-child(2n) {
  left: 0;
}
@media screen and (max-width: 768px) {
  .is-col1.c-sitemapItem__item:nth-child(2n) {
    left: 0;
  }
}

.c-sitemapItem__link {
  display: block;
  padding-left: 26px;
}
@media screen and (max-width: 768px) {
  .c-sitemapItem__link {
    padding-left: 23px;
  }
}
.c-sitemapItem__link::after {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../images/icon/icon_roundArrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.c-sitemapItem__link__text {
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #222;
}
@media screen and (max-width: 768px) {
  .c-sitemapItem__link__text {
    font-size: 0.938rem;
  }
}

.is-zeroCarbon .c-sitemapItem__link__text {
  letter-spacing: 0;
}

/* ***************************
returnTop
*************************** */
.c-returnTop {
  position: fixed;
  display: block;
  right: 15px;
  bottom: 50px;
  margin-top: 0;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .c-returnTop {
    right: 15px;
    bottom: 26px;
  }
}

.c-returnTop__link {
  position: relative;
  display: block;
  width: 62px;
  height: 62px;
}
@media screen and (max-width: 768px) {
  .c-returnTop__link {
    width: 50px;
    height: 50px;
  }
}

.c-returnTop__box {
  display: block;
  width: 62px;
  height: 62px;
}
@media screen and (max-width: 768px) {
  .c-returnTop__box {
    width: 50px;
    height: 50px;
  }
}

.c-returnTop__box__image {
  position: relative;
}

/* ***************************
outerLink
*************************** */
a.c-outerLink {
  position: relative;
  color: #222;
}
a.c-outerLink.visited, a.c-outerLink:visited {
  color: #2672b9;
}
a.c-outerLink.hover, a.c-outerLink:hover {
  color: #067c00;
}
a.c-outerLink[href^=http]::after {
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  left: 5px;
  width: 14px;
  height: 14px;
  margin: 0;
  background: none;
  background-image: url(../images/icon/icon_outerLink_green.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

a.c-outerLink.is-pink[href^=http]::after {
  background-image: url(../images/icon/icon_outerLink_pink.svg);
}

a.c-outerLink.is-brown[href^=http]::after {
  background-image: url(../images/icon/icon_outerLink_brown.svg);
}

a.c-outerLink.is-orange[href^=http]::after {
  background-image: url(../images/icon/icon_outerLink_orange.svg);
}

a.c-outerLink.is-blue[href^=http]::after {
  background-image: url(../images/icon/icon_outerLink_blue.svg);
}

a.c-outerLink.is-purple[href^=http]::after {
  background-image: url(../images/icon/icon_outerLink_purple.svg);
}

a.c-outerLink.is-black[href^=http]::after {
  background-image: url(../images/icon/icon_outerLink_black.svg);
}

a.c-outerLink.is-textBlack {
  color: #222;
}
a.c-outerLink.is-textBlack.visited, a.c-outerLink.is-textBlack:visited {
  color: #222;
}
a.c-outerLink.is-textBlack.hover, a.c-outerLink.is-textBlack:hover {
  color: #067c00;
}

a.c-outerLink.is-textGreen {
  color: #00756e;
}
a.c-outerLink.is-textGreen.visited, a.c-outerLink.is-textGreen:visited {
  color: #00756e;
}
a.c-outerLink.is-textGreen.hover, a.c-outerLink.is-textGreen:hover {
  color: #067c00;
}

/* ***************************
_rackCol2
*************************** */
.c-rackCol2 {
  position: relative;
}

table.c-rackCol2__table {
  position: relative;
  width: 100%;
  border: none;
}
table.c-rackCol2__table th, table.c-rackCol2__table td {
  position: relative;
  z-index: 0;
  padding: 13px 0 9px;
  border-top: none;
  border-left: none;
  border-bottom: 1px solid #eeeeef;
  background-color: inherit;
  color: inherit;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  table.c-rackCol2__table th, table.c-rackCol2__table td {
    padding: 15px 0 13px;
    font-size: 0.813rem;
  }
}
table.c-rackCol2__table th {
  width: 105px;
  color: #00756e;
  letter-spacing: 1px;
  padding-right: 15px;
}
@media screen and (max-width: 768px) {
  table.c-rackCol2__table th {
    width: 90px;
  }
}
table.c-rackCol2__table td {
  color: #222;
  letter-spacing: 1px;
}

.c-rackCol2.is-large table.c-rackCol2__table th, .c-rackCol2.is-large table.c-rackCol2__table td {
  font-size: 1.125rem;
  padding: 11px 0 7px;
}
@media screen and (max-width: 768px) {
  .c-rackCol2.is-large table.c-rackCol2__table th, .c-rackCol2.is-large table.c-rackCol2__table td {
    padding: 16px 0 16px;
    font-size: 0.875rem;
  }
}
.c-rackCol2.is-large table.c-rackCol2__table th {
  width: 135px;
}
@media screen and (max-width: 768px) {
  .c-rackCol2.is-large table.c-rackCol2__table th {
    width: 90px;
  }
}
.c-rackCol2.is-large table.c-rackCol2__table td {
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .c-rackCol2.is-large table.c-rackCol2__table td {
    letter-spacing: 0.75px;
  }
}

/* ***************************
pointWriting
*************************** */
.c-pointWriting {
  position: relative;
}

.c-pointWriting__title {
  position: relative;
  color: #00756e;
  font-size: 1.125rem;
  padding-left: 10px;
}
.c-pointWriting__title::before {
  content: "";
  position: relative;
  display: inline-block;
  top: 10px;
  left: -10px;
  width: 175px;
  height: 50px;
  background-image: url("../images/icon/icon_point_balloon.svg");
  background-position: left center;
  background-repeat: no-repeat;
}

.c-pointWriting__list {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .c-pointWriting__list {
    margin-top: 0;
  }
}
.c-pointWriting__list > li::before {
  display: none;
}

.c-pointWriting__item {
  min-height: 60px;
  padding: 20px 0 7px;
  background-image: linear-gradient(to right, #EAEAEA, #EAEAEA 10px, transparent 10px, transparent 14px);
  background-size: 24px 3px;
  background-position: left bottom;
  background-repeat: repeat-x;
}
@media screen and (max-width: 768px) {
  .c-pointWriting__item {
    padding: 20px 0 23px;
  }
}

.c-pointWriting__item__text {
  position: relative;
  display: inline-block;
  font-size: 1.188rem;
  color: #00756e;
  letter-spacing: 1px;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .c-pointWriting__item__text {
    font-size: 1.063rem;
  }
}
.c-pointWriting__item__text::before {
  content: "";
  position: absolute;
  display: block;
  top: 14px;
  left: 6px;
  width: 5px;
  height: 5px;
  background-color: #00756e;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .c-pointWriting__item__text::before {
    top: 11px;
  }
}

/* ***************************
summaryBox
*************************** */
.c-summaryBox {
  display: block;
  margin: 0 -10px;
  padding: 10px;
  color: #222;
}
.c-summaryBox.visited, .c-summaryBox:visited {
  color: #222;
}
.c-summaryBox.hover, .c-summaryBox:hover {
  color: #222;
}

a.c-summaryBox {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
a.c-summaryBox:hover {
  opacity: 0.7;
}

.c-summaryBox__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-summaryBox__flex {
    display: block;
  }
}

.c-summaryBox__flex__left {
  -ms-flex-preferred-size: 37.3333333333%;
  flex-basis: 37.3333333333%;
}

.c-summaryBox__flex__right {
  -ms-flex-preferred-size: 62.6666666667%;
  flex-basis: 62.6666666667%;
  padding-left: 7.7333333333%;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .c-summaryBox__flex__right {
    padding-left: 0;
    padding-right: 0;
  }
}

.c-summaryBox__figure {
  padding: 0;
  overflow: hidden;
}

.c-summaryBox__figure__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .c-summaryBox__figure__image {
    width: 100%;
    max-width: inherit;
  }
}

.c-summaryBox__mainTitle {
  margin-top: -10px;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 3.3px;
}
@media screen and (max-width: 768px) {
  .c-summaryBox__mainTitle {
    font-size: 1.25rem;
    margin-top: 20px;
  }
}

.c-summaryBox__subText {
  margin-top: 20px;
  font-size: 0.875rem;
  line-height: 1.95;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 768px) {
  .c-summaryBox__subText {
    margin-top: 5px;
    line-height: 2.15;
    letter-spacing: 1px;
  }
}

.c-summaryBox__tags {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .c-summaryBox__tags {
    margin-top: 15px;
  }
}

.c-summaryBox__button {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .c-summaryBox__button {
    margin-top: 20px;
  }
}

/* ***************************
routeArrow
*************************** */
.c-routeArrow {
  position: relative;
}
.c-routeArrow::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 40px;
  background-image: url("../images/icon/icon_downArrowTriple.svg");
}
@media screen and (max-width: 768px) {
  .c-routeArrow::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.c-routeArrow.is-textOnly::before {
  display: none;
}

.c-routeArrow__text {
  position: relative;
  display: inline-block;
  font-size: 1.063rem;
  letter-spacing: 0.85px;
  color: #00756e;
  padding-left: 50px;
  top: 0.2em;
}
@media screen and (max-width: 768px) {
  .c-routeArrow__text {
    font-size: 0.938rem;
  }
}

.is-textOnly .c-routeArrow__text {
  padding-left: 0;
}

.isIE .c-routeArrow__text {
  top: 0.4em;
}

/* ***************************
tagIconList
*************************** */
ul.c-tagIconList {
  display: block;
  margin-top: -10px;
}
ul.c-tagIconList > li::before {
  display: none;
}

li.c-tagIconList__tag {
  display: inline-block;
  margin-top: 10px;
  font-size: 0.75rem;
  padding: 3px 13px 2px;
  border-radius: 16px;
  background-color: #f4f3ed;
  margin-right: 10px;
}
li.c-tagIconList__tag:last-child {
  margin-left: 0;
}

.isIE li.c-tagIconList__tag {
  padding: 5px 13px 0;
}

.is-large.c-tagIconList li.c-tagIconList__tag {
  font-size: 0.938rem;
  padding: 3px 18px 2px;
  letter-spacing: 0.2px;
}

.is-large.is-link.c-tagIconList li.c-tagIconList__tag > a {
  padding: 3px 18px 2px;
}

ul.c-tagIconList.is-link li.c-tagIconList__tag {
  padding: 0;
}
ul.c-tagIconList.is-link li.c-tagIconList__tag > a {
  display: block;
  padding: 3px 13px 2px;
}

/* ***************************
backSwitchBtn: エリア選択ボタン用
*************************** */
.c-backSwitchBtn {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-backSwitchBtn {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 40px;
  }
}

/* ***************************
svgMap: SVGマップ
*************************** */
.c-svgMap {
  position: relative;
  height: 0;
  width: 100%;
  padding: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
.c-svgMap svg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.c-svgMap svg a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-svgMap svg a:hover path.is-color-green {
  fill: #067c00;
}
.c-svgMap svg a:focus path.is-color-green {
  fill: #c21818;
}
.c-svgMap svg a.is-hidden {
  opacity: 0;
  pointer-events: none;
}

/* ***************************
accordionList
*************************** */
ul.c-accordionList {
  position: relative;
}
ul.c-accordionList > li:before {
  display: none;
}

.c-accordionList__item {
  position: relative;
  border-top: 1px solid #eeeeef;
  padding-left: 0;
}
.c-accordionList__item:last-child {
  border-bottom: 1px solid #eeeeef;
}
.c-accordionList__item.is-open .c-accordionList__head {
  border-bottom: 1px solid #eeeeef;
}
.c-accordionList__item.is-open .c-accordionList__head__inner::after {
  background-image: url("../images/button/btn_circleMinus.svg");
}
.c-accordionList__item.is-water .c-accordionList__head__inner::before {
  background-image: url("../images/icon/icon_water.svg");
}
.c-accordionList__item.is-mountain .c-accordionList__head__inner::before {
  background-image: url("../images/icon/icon_mountain.svg");
}
.c-accordionList__item.is-culture .c-accordionList__head__inner::before {
  background-image: url("../images/icon/icon_culture.svg");
}
.c-accordionList__item.is-animal .c-accordionList__head__inner::before {
  background-image: url("../images/icon/icon_animal.svg");
}
.c-accordionList__item.is-activity .c-accordionList__head__inner::before {
  background-image: url("../images/icon/icon_activity.svg");
}
.c-accordionList__item.is-house .c-accordionList__head__inner::before {
  background-image: url("../images/icon/icon_house.svg");
}
.c-accordionList__item.is-leftIcon .c-accordionList__head__inner::after {
  right: inherit;
  left: 0;
}
.c-accordionList__item.is-largeIcon .c-accordionList__head {
  padding: 28px 35px 28px 60px;
}
@media screen and (max-width: 768px) {
  .c-accordionList__item.is-largeIcon .c-accordionList__head {
    padding: 18px 35px 18px 60px;
  }
}
.c-accordionList__item.is-largeIcon .c-accordionList__head__inner::after {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 768px) {
  .c-accordionList__item.is-largeIcon .c-accordionList__head__inner::after {
    width: 34px;
    height: 34px;
  }
}
.c-accordionList__item.is-largeIcon .c-accordionList__head__label {
  letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
  .c-accordionList__item.is-largeIcon .c-accordionList__head__label {
    font-size: 1rem;
  }
}
.c-accordionList__item.is-labelGreen .c-accordionList__head__label {
  color: #00756e;
}
.c-accordionList__item.is-labelGreen .c-accordionList__head__label.visited, .c-accordionList__item.is-labelGreen .c-accordionList__head__label:visited {
  color: #00756e;
}
.c-accordionList__item.is-labelGreen .c-accordionList__head__label.hover, .c-accordionList__item.is-labelGreen .c-accordionList__head__label:hover {
  color: #067c00;
}

.c-accordionList__head {
  position: relative;
  display: block;
  padding: 7px 35px;
}
@media screen and (max-width: 768px) {
  .c-accordionList__head {
    padding: 6px 38px;
  }
}

.c-accordionList__head__inner {
  position: static;
  width: 100%;
  padding: 10px 0 6px;
}
@media screen and (max-width: 768px) {
  .c-accordionList__head__inner {
    padding: 5px 0;
  }
}
.c-accordionList__head__inner:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  width: 26px;
  height: 26px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}
.c-accordionList__head__inner:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("../images/button/btn_circlePlus.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.c-accordionList__head__label {
  display: inline-block;
  font-size: 1.063rem;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #222;
}
.c-accordionList__head__label.visited, .c-accordionList__head__label:visited {
  color: #222;
}
.c-accordionList__head__label.hover, .c-accordionList__head__label:hover {
  color: #067c00;
}
@media screen and (max-width: 768px) {
  .c-accordionList__head__label {
    font-size: 0.938rem;
    letter-spacing: 1px;
  }
}

.c-accordionList__body {
  position: relative;
}

/* ***************************
pinList
*************************** */
ul.c-pinList {
  position: relative;
}
ul.c-pinList > li:before {
  display: none;
}

.c-pinList__item {
  position: relative;
  padding-left: 0;
}

.c-pinList__link {
  display: block;
  padding: 7px 10px 3px 35px;
}
.c-pinList__link:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  width: 21px;
  height: 26px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}
.c-pinList__link.is-square::before {
  width: 20px;
  height: 20px;
}

.c-pinList__link.is-No1::before {
  background-image: url("../images/mapNo/S1.svg");
}

.c-pinList__link.is-No2::before {
  background-image: url("../images/mapNo/S2.svg");
}

.c-pinList__link.is-No3::before {
  background-image: url("../images/mapNo/S3.svg");
}

.c-pinList__link.is-No4::before {
  background-image: url("../images/mapNo/S4.svg");
}

.c-pinList__link.is-No5::before {
  background-image: url("../images/mapNo/S5.svg");
}

.c-pinList__link.is-No6::before {
  background-image: url("../images/mapNo/S6.svg");
}

.c-pinList__link.is-No7::before {
  background-image: url("../images/mapNo/S7.svg");
}

.c-pinList__link.is-No8::before {
  background-image: url("../images/mapNo/S8.svg");
}

.c-pinList__link.is-No9::before {
  background-image: url("../images/mapNo/S9.svg");
}

.c-pinList__link.is-No10::before {
  background-image: url("../images/mapNo/S10.svg");
}

.c-pinList__link.is-No11::before {
  background-image: url("../images/mapNo/S11.svg");
}

.c-pinList__link.is-No12::before {
  background-image: url("../images/mapNo/S12.svg");
}

.c-pinList__link.is-No13::before {
  background-image: url("../images/mapNo/S13.svg");
}

.c-pinList__link.is-No14::before {
  background-image: url("../images/mapNo/S14.svg");
}

.c-pinList__link.is-No15::before {
  background-image: url("../images/mapNo/S15.svg");
}

.c-pinList__link.is-No16::before {
  background-image: url("../images/mapNo/S16.svg");
}

.c-pinList__link.is-No17::before {
  background-image: url("../images/mapNo/S17.svg");
}

.c-pinList__link.is-No18::before {
  background-image: url("../images/mapNo/S18.svg");
}

.c-pinList__link.is-No19::before {
  background-image: url("../images/mapNo/S19.svg");
}

.c-pinList__link.is-No20::before {
  background-image: url("../images/mapNo/S20.svg");
}

.c-pinList__link.is-No21::before {
  background-image: url("../images/mapNo/S21.svg");
}

.c-pinList__link.is-No22::before {
  background-image: url("../images/mapNo/S22.svg");
}

.c-pinList__link.is-No23::before {
  background-image: url("../images/mapNo/S23.svg");
}

.c-pinList__link.is-No24::before {
  background-image: url("../images/mapNo/S24.svg");
}

.c-pinList__link.is-No25::before {
  background-image: url("../images/mapNo/S25.svg");
}

.c-pinList__link.is-No26::before {
  background-image: url("../images/mapNo/S26.svg");
}

.c-pinList__link.is-No27::before {
  background-image: url("../images/mapNo/S27.svg");
}

.c-pinList__link.is-No28::before {
  background-image: url("../images/mapNo/S28.svg");
}

.c-pinList__link.is-No29::before {
  background-image: url("../images/mapNo/S29.svg");
}

.c-pinList__link.is-No30::before {
  background-image: url("../images/mapNo/S30.svg");
}

.c-pinList__link.is-No31::before {
  background-image: url("../images/mapNo/S31.svg");
}

.c-pinList__link.is-No32::before {
  background-image: url("../images/mapNo/S32.svg");
}

.c-pinList__link.is-No33::before {
  background-image: url("../images/mapNo/S33.svg");
}

.c-pinList__link.is-No34::before {
  background-image: url("../images/mapNo/S34.svg");
}

.c-pinList__link.is-No35::before {
  background-image: url("../images/mapNo/S35.svg");
}

.c-pinList__link.is-No36::before {
  background-image: url("../images/mapNo/S36.svg");
}

.c-pinList__link.is-No37::before {
  background-image: url("../images/mapNo/S37.svg");
}

.c-pinList__link.is-No38::before {
  background-image: url("../images/mapNo/S38.svg");
}

.c-pinList__link.is-No39::before {
  background-image: url("../images/mapNo/S39.svg");
}

.c-pinList__link.is-No40::before {
  background-image: url("../images/mapNo/S40.svg");
}

.c-pinList__link.is-No41::before {
  background-image: url("../images/mapNo/S41.svg");
}

.c-pinList__link.is-No42::before {
  background-image: url("../images/mapNo/S42.svg");
}

.c-pinList__link.is-No43::before {
  background-image: url("../images/mapNo/S43.svg");
}

.c-pinList__link.is-No44::before {
  background-image: url("../images/mapNo/S44.svg");
}

.c-pinList__link.is-No45::before {
  background-image: url("../images/mapNo/S45.svg");
}

.c-pinList__link.is-No46::before {
  background-image: url("../images/mapNo/S46.svg");
}

.c-pinList__link.is-No47::before {
  background-image: url("../images/mapNo/S47.svg");
}

.c-pinList__link.is-No48::before {
  background-image: url("../images/mapNo/S48.svg");
}

.c-pinList__link.is-No49::before {
  background-image: url("../images/mapNo/S49.svg");
}

.c-pinList__link.is-No50::before {
  background-image: url("../images/mapNo/S50.svg");
}

.c-pinList__link.is-No51::before {
  background-image: url("../images/mapNo/S51.svg");
}

.c-pinList__link.is-No52::before {
  background-image: url("../images/mapNo/S52.svg");
}

.c-pinList__link.is-No53::before {
  background-image: url("../images/mapNo/S53.svg");
}

.c-pinList__link.is-No54::before {
  background-image: url("../images/mapNo/S54.svg");
}

.c-pinList__link.is-No55::before {
  background-image: url("../images/mapNo/S55.svg");
}

.c-pinList__link.is-No56::before {
  background-image: url("../images/mapNo/S56.svg");
}

.c-pinList__link.is-No57::before {
  background-image: url("../images/mapNo/S57.svg");
}

.c-pinList__link.is-No58::before {
  background-image: url("../images/mapNo/S58.svg");
}

.c-pinList__link.is-No59::before {
  background-image: url("../images/mapNo/S59.svg");
}

.c-pinList__link.is-No60::before {
  background-image: url("../images/mapNo/S60.svg");
}

.c-pinList__link.is-square.is-No1::before {
  background-image: url("../images/mapNo/D1.svg");
}

.c-pinList__link.is-square.is-No2::before {
  background-image: url("../images/mapNo/D2.svg");
}

.c-pinList__link.is-square.is-No3::before {
  background-image: url("../images/mapNo/D3.svg");
}

.c-pinList__link.is-square.is-No4::before {
  background-image: url("../images/mapNo/D4.svg");
}

.c-pinList__link.is-square.is-No5::before {
  background-image: url("../images/mapNo/D5.svg");
}

.c-pinList__link.is-square.is-No6::before {
  background-image: url("../images/mapNo/D6.svg");
}

.c-pinList__link.is-square.is-No7::before {
  background-image: url("../images/mapNo/D7.svg");
}

.c-pinList__link.is-square.is-No8::before {
  background-image: url("../images/mapNo/D8.svg");
}

.c-pinList__link.is-square.is-No9::before {
  background-image: url("../images/mapNo/D9.svg");
}

.c-pinList__link.is-square.is-No10::before {
  background-image: url("../images/mapNo/D10.svg");
}

.c-pinList__link.is-square.is-No11::before {
  background-image: url("../images/mapNo/D11.svg");
}

.c-pinList__link.is-square.is-No12::before {
  background-image: url("../images/mapNo/D12.svg");
}

.c-pinList__link.is-square.is-No13::before {
  background-image: url("../images/mapNo/D13.svg");
}

.c-pinList__link.is-square.is-No14::before {
  background-image: url("../images/mapNo/D14.svg");
}

.c-pinList__link.is-square.is-No15::before {
  background-image: url("../images/mapNo/D15.svg");
}

.c-pinList__link.is-square.is-No16::before {
  background-image: url("../images/mapNo/D16.svg");
}

.c-pinList__link.is-square.is-No17::before {
  background-image: url("../images/mapNo/D17.svg");
}

.c-pinList__link.is-square.is-No18::before {
  background-image: url("../images/mapNo/D18.svg");
}

.c-pinList__link.is-square.is-No19::before {
  background-image: url("../images/mapNo/D19.svg");
}

.c-pinList__link.is-square.is-No20::before {
  background-image: url("../images/mapNo/D20.svg");
}

.c-pinList__link.is-square.is-No21::before {
  background-image: url("../images/mapNo/D21.svg");
}

.c-pinList__link.is-square.is-No22::before {
  background-image: url("../images/mapNo/D22.svg");
}

.c-pinList__link.is-square.is-No23::before {
  background-image: url("../images/mapNo/D23.svg");
}

.c-pinList__link.is-square.is-No24::before {
  background-image: url("../images/mapNo/D24.svg");
}

.c-pinList__link.is-square.is-No25::before {
  background-image: url("../images/mapNo/D25.svg");
}

.c-pinList__link.is-square.is-No26::before {
  background-image: url("../images/mapNo/D26.svg");
}

.c-pinList__link.is-square.is-No27::before {
  background-image: url("../images/mapNo/D27.svg");
}

.c-pinList__link.is-square.is-No28::before {
  background-image: url("../images/mapNo/D28.svg");
}

.c-pinList__link.is-square.is-No29::before {
  background-image: url("../images/mapNo/D29.svg");
}

.c-pinList__link.is-square.is-No30::before {
  background-image: url("../images/mapNo/D30.svg");
}

.c-pinList__link.is-square.is-No31::before {
  background-image: url("../images/mapNo/D31.svg");
}

.c-pinList__link.is-square.is-No32::before {
  background-image: url("../images/mapNo/D32.svg");
}

.c-pinList__link.is-square.is-No33::before {
  background-image: url("../images/mapNo/D33.svg");
}

.c-pinList__link.is-square.is-No34::before {
  background-image: url("../images/mapNo/D34.svg");
}

.c-pinList__link.is-square.is-No35::before {
  background-image: url("../images/mapNo/D35.svg");
}

.c-pinList__link.is-square.is-No36::before {
  background-image: url("../images/mapNo/D36.svg");
}

.c-pinList__link.is-square.is-No37::before {
  background-image: url("../images/mapNo/D37.svg");
}

.c-pinList__link.is-square.is-No38::before {
  background-image: url("../images/mapNo/D38.svg");
}

.c-pinList__link.is-square.is-No39::before {
  background-image: url("../images/mapNo/D39.svg");
}

.c-pinList__link.is-square.is-No40::before {
  background-image: url("../images/mapNo/D40.svg");
}

.c-pinList__link.is-square.is-No41::before {
  background-image: url("../images/mapNo/D41.svg");
}

.c-pinList__link.is-square.is-No42::before {
  background-image: url("../images/mapNo/D42.svg");
}

.c-pinList__link.is-square.is-No43::before {
  background-image: url("../images/mapNo/D43.svg");
}

.c-pinList__link.is-square.is-No44::before {
  background-image: url("../images/mapNo/D44.svg");
}

.c-pinList__link.is-square.is-No45::before {
  background-image: url("../images/mapNo/D45.svg");
}

.c-pinList__link.is-square.is-No46::before {
  background-image: url("../images/mapNo/D46.svg");
}

.c-pinList__link.is-square.is-No47::before {
  background-image: url("../images/mapNo/D47.svg");
}

.c-pinList__link.is-square.is-No48::before {
  background-image: url("../images/mapNo/D48.svg");
}

.c-pinList__link.is-square.is-No49::before {
  background-image: url("../images/mapNo/D49.svg");
}

.c-pinList__link.is-square.is-No50::before {
  background-image: url("../images/mapNo/D50.svg");
}

.c-pinList__link.is-square.is-No51::before {
  background-image: url("../images/mapNo/D51.svg");
}

.c-pinList__link.is-square.is-No52::before {
  background-image: url("../images/mapNo/D52.svg");
}

.c-pinList__link.is-square.is-No53::before {
  background-image: url("../images/mapNo/D53.svg");
}

.c-pinList__link.is-square.is-No54::before {
  background-image: url("../images/mapNo/D54.svg");
}

.c-pinList__link.is-square.is-No55::before {
  background-image: url("../images/mapNo/D55.svg");
}

.c-pinList__link.is-square.is-No56::before {
  background-image: url("../images/mapNo/D56.svg");
}

.c-pinList__link.is-square.is-No57::before {
  background-image: url("../images/mapNo/D57.svg");
}

.c-pinList__link.is-square.is-No58::before {
  background-image: url("../images/mapNo/D58.svg");
}

.c-pinList__link.is-square.is-No59::before {
  background-image: url("../images/mapNo/D59.svg");
}

.c-pinList__link.is-square.is-No60::before {
  background-image: url("../images/mapNo/D60.svg");
}

.c-pinList__label {
  display: inline-block;
  font-size: 1.063rem;
  letter-spacing: 1px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-pinList__label {
    font-size: 0.938rem;
    letter-spacing: 1px;
  }
}

/* ***************************
pinLabel
*************************** */
.c-pinLabel {
  position: relative;
  display: block;
  padding: 7px 10px 3px 35px;
}
.c-pinLabel:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  width: 20px;
  height: 26px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}
.c-pinLabel.is-square::before {
  width: 20px;
  height: 20px;
}

.c-pinLabel.is-No1::before {
  background-image: url("../images/mapNo/S1.svg");
}

.c-pinLabel.is-No2::before {
  background-image: url("../images/mapNo/S2.svg");
}

.c-pinLabel.is-No3::before {
  background-image: url("../images/mapNo/S3.svg");
}

.c-pinLabel.is-No4::before {
  background-image: url("../images/mapNo/S4.svg");
}

.c-pinLabel.is-No5::before {
  background-image: url("../images/mapNo/S5.svg");
}

.c-pinLabel.is-No6::before {
  background-image: url("../images/mapNo/S6.svg");
}

.c-pinLabel.is-No7::before {
  background-image: url("../images/mapNo/S7.svg");
}

.c-pinLabel.is-No8::before {
  background-image: url("../images/mapNo/S8.svg");
}

.c-pinLabel.is-No9::before {
  background-image: url("../images/mapNo/S9.svg");
}

.c-pinLabel.is-No10::before {
  background-image: url("../images/mapNo/S10.svg");
}

.c-pinLabel.is-No11::before {
  background-image: url("../images/mapNo/S11.svg");
}

.c-pinLabel.is-No12::before {
  background-image: url("../images/mapNo/S12.svg");
}

.c-pinLabel.is-No13::before {
  background-image: url("../images/mapNo/S13.svg");
}

.c-pinLabel.is-No14::before {
  background-image: url("../images/mapNo/S14.svg");
}

.c-pinLabel.is-No15::before {
  background-image: url("../images/mapNo/S15.svg");
}

.c-pinLabel.is-No16::before {
  background-image: url("../images/mapNo/S16.svg");
}

.c-pinLabel.is-No17::before {
  background-image: url("../images/mapNo/S17.svg");
}

.c-pinLabel.is-No18::before {
  background-image: url("../images/mapNo/S18.svg");
}

.c-pinLabel.is-No19::before {
  background-image: url("../images/mapNo/S19.svg");
}

.c-pinLabel.is-No20::before {
  background-image: url("../images/mapNo/S20.svg");
}

.c-pinLabel.is-No21::before {
  background-image: url("../images/mapNo/S21.svg");
}

.c-pinLabel.is-No22::before {
  background-image: url("../images/mapNo/S22.svg");
}

.c-pinLabel.is-No23::before {
  background-image: url("../images/mapNo/S23.svg");
}

.c-pinLabel.is-No24::before {
  background-image: url("../images/mapNo/S24.svg");
}

.c-pinLabel.is-No25::before {
  background-image: url("../images/mapNo/S25.svg");
}

.c-pinLabel.is-No26::before {
  background-image: url("../images/mapNo/S26.svg");
}

.c-pinLabel.is-No27::before {
  background-image: url("../images/mapNo/S27.svg");
}

.c-pinLabel.is-No28::before {
  background-image: url("../images/mapNo/S28.svg");
}

.c-pinLabel.is-No29::before {
  background-image: url("../images/mapNo/S29.svg");
}

.c-pinLabel.is-No30::before {
  background-image: url("../images/mapNo/S30.svg");
}

.c-pinLabel.is-No31::before {
  background-image: url("../images/mapNo/S31.svg");
}

.c-pinLabel.is-No32::before {
  background-image: url("../images/mapNo/S32.svg");
}

.c-pinLabel.is-No33::before {
  background-image: url("../images/mapNo/S33.svg");
}

.c-pinLabel.is-No34::before {
  background-image: url("../images/mapNo/S34.svg");
}

.c-pinLabel.is-No35::before {
  background-image: url("../images/mapNo/S35.svg");
}

.c-pinLabel.is-No36::before {
  background-image: url("../images/mapNo/S36.svg");
}

.c-pinLabel.is-No37::before {
  background-image: url("../images/mapNo/S37.svg");
}

.c-pinLabel.is-No38::before {
  background-image: url("../images/mapNo/S38.svg");
}

.c-pinLabel.is-No39::before {
  background-image: url("../images/mapNo/S39.svg");
}

.c-pinLabel.is-No40::before {
  background-image: url("../images/mapNo/S40.svg");
}

.c-pinLabel.is-No41::before {
  background-image: url("../images/mapNo/S41.svg");
}

.c-pinLabel.is-No42::before {
  background-image: url("../images/mapNo/S42.svg");
}

.c-pinLabel.is-No43::before {
  background-image: url("../images/mapNo/S43.svg");
}

.c-pinLabel.is-No44::before {
  background-image: url("../images/mapNo/S44.svg");
}

.c-pinLabel.is-No45::before {
  background-image: url("../images/mapNo/S45.svg");
}

.c-pinLabel.is-No46::before {
  background-image: url("../images/mapNo/S46.svg");
}

.c-pinLabel.is-No47::before {
  background-image: url("../images/mapNo/S47.svg");
}

.c-pinLabel.is-No48::before {
  background-image: url("../images/mapNo/S48.svg");
}

.c-pinLabel.is-No49::before {
  background-image: url("../images/mapNo/S49.svg");
}

.c-pinLabel.is-No50::before {
  background-image: url("../images/mapNo/S50.svg");
}

.c-pinLabel.is-No51::before {
  background-image: url("../images/mapNo/S51.svg");
}

.c-pinLabel.is-No52::before {
  background-image: url("../images/mapNo/S52.svg");
}

.c-pinLabel.is-No53::before {
  background-image: url("../images/mapNo/S53.svg");
}

.c-pinLabel.is-No54::before {
  background-image: url("../images/mapNo/S54.svg");
}

.c-pinLabel.is-No55::before {
  background-image: url("../images/mapNo/S55.svg");
}

.c-pinLabel.is-No56::before {
  background-image: url("../images/mapNo/S56.svg");
}

.c-pinLabel.is-No57::before {
  background-image: url("../images/mapNo/S57.svg");
}

.c-pinLabel.is-No58::before {
  background-image: url("../images/mapNo/S58.svg");
}

.c-pinLabel.is-No59::before {
  background-image: url("../images/mapNo/S59.svg");
}

.c-pinLabel.is-No60::before {
  background-image: url("../images/mapNo/S60.svg");
}

.c-pinLabel.is-square.is-No1::before {
  background-image: url("../images/mapNo/D1.svg");
}

.c-pinLabel.is-square.is-No2::before {
  background-image: url("../images/mapNo/D2.svg");
}

.c-pinLabel.is-square.is-No3::before {
  background-image: url("../images/mapNo/D3.svg");
}

.c-pinLabel.is-square.is-No4::before {
  background-image: url("../images/mapNo/D4.svg");
}

.c-pinLabel.is-square.is-No5::before {
  background-image: url("../images/mapNo/D5.svg");
}

.c-pinLabel.is-square.is-No6::before {
  background-image: url("../images/mapNo/D6.svg");
}

.c-pinLabel.is-square.is-No7::before {
  background-image: url("../images/mapNo/D7.svg");
}

.c-pinLabel.is-square.is-No8::before {
  background-image: url("../images/mapNo/D8.svg");
}

.c-pinLabel.is-square.is-No9::before {
  background-image: url("../images/mapNo/D9.svg");
}

.c-pinLabel.is-square.is-No10::before {
  background-image: url("../images/mapNo/D10.svg");
}

.c-pinLabel.is-square.is-No11::before {
  background-image: url("../images/mapNo/D11.svg");
}

.c-pinLabel.is-square.is-No12::before {
  background-image: url("../images/mapNo/D12.svg");
}

.c-pinLabel.is-square.is-No13::before {
  background-image: url("../images/mapNo/D13.svg");
}

.c-pinLabel.is-square.is-No14::before {
  background-image: url("../images/mapNo/D14.svg");
}

.c-pinLabel.is-square.is-No15::before {
  background-image: url("../images/mapNo/D15.svg");
}

.c-pinLabel.is-square.is-No16::before {
  background-image: url("../images/mapNo/D16.svg");
}

.c-pinLabel.is-square.is-No17::before {
  background-image: url("../images/mapNo/D17.svg");
}

.c-pinLabel.is-square.is-No18::before {
  background-image: url("../images/mapNo/D18.svg");
}

.c-pinLabel.is-square.is-No19::before {
  background-image: url("../images/mapNo/D19.svg");
}

.c-pinLabel.is-square.is-No20::before {
  background-image: url("../images/mapNo/D20.svg");
}

.c-pinLabel.is-square.is-No21::before {
  background-image: url("../images/mapNo/D21.svg");
}

.c-pinLabel.is-square.is-No22::before {
  background-image: url("../images/mapNo/D22.svg");
}

.c-pinLabel.is-square.is-No23::before {
  background-image: url("../images/mapNo/D23.svg");
}

.c-pinLabel.is-square.is-No24::before {
  background-image: url("../images/mapNo/D24.svg");
}

.c-pinLabel.is-square.is-No25::before {
  background-image: url("../images/mapNo/D25.svg");
}

.c-pinLabel.is-square.is-No26::before {
  background-image: url("../images/mapNo/D26.svg");
}

.c-pinLabel.is-square.is-No27::before {
  background-image: url("../images/mapNo/D27.svg");
}

.c-pinLabel.is-square.is-No28::before {
  background-image: url("../images/mapNo/D28.svg");
}

.c-pinLabel.is-square.is-No29::before {
  background-image: url("../images/mapNo/D29.svg");
}

.c-pinLabel.is-square.is-No30::before {
  background-image: url("../images/mapNo/D30.svg");
}

.c-pinLabel.is-square.is-No31::before {
  background-image: url("../images/mapNo/D31.svg");
}

.c-pinLabel.is-square.is-No32::before {
  background-image: url("../images/mapNo/D32.svg");
}

.c-pinLabel.is-square.is-No33::before {
  background-image: url("../images/mapNo/D33.svg");
}

.c-pinLabel.is-square.is-No34::before {
  background-image: url("../images/mapNo/D34.svg");
}

.c-pinLabel.is-square.is-No35::before {
  background-image: url("../images/mapNo/D35.svg");
}

.c-pinLabel.is-square.is-No36::before {
  background-image: url("../images/mapNo/D36.svg");
}

.c-pinLabel.is-square.is-No37::before {
  background-image: url("../images/mapNo/D37.svg");
}

.c-pinLabel.is-square.is-No38::before {
  background-image: url("../images/mapNo/D38.svg");
}

.c-pinLabel.is-square.is-No39::before {
  background-image: url("../images/mapNo/D39.svg");
}

.c-pinLabel.is-square.is-No40::before {
  background-image: url("../images/mapNo/D40.svg");
}

.c-pinLabel.is-square.is-No41::before {
  background-image: url("../images/mapNo/D41.svg");
}

.c-pinLabel.is-square.is-No42::before {
  background-image: url("../images/mapNo/D42.svg");
}

.c-pinLabel.is-square.is-No43::before {
  background-image: url("../images/mapNo/D43.svg");
}

.c-pinLabel.is-square.is-No44::before {
  background-image: url("../images/mapNo/D44.svg");
}

.c-pinLabel.is-square.is-No45::before {
  background-image: url("../images/mapNo/D45.svg");
}

.c-pinLabel.is-square.is-No46::before {
  background-image: url("../images/mapNo/D46.svg");
}

.c-pinLabel.is-square.is-No47::before {
  background-image: url("../images/mapNo/D47.svg");
}

.c-pinLabel.is-square.is-No48::before {
  background-image: url("../images/mapNo/D48.svg");
}

.c-pinLabel.is-square.is-No49::before {
  background-image: url("../images/mapNo/D49.svg");
}

.c-pinLabel.is-square.is-No50::before {
  background-image: url("../images/mapNo/D50.svg");
}

.c-pinLabel.is-square.is-No51::before {
  background-image: url("../images/mapNo/D51.svg");
}

.c-pinLabel.is-square.is-No52::before {
  background-image: url("../images/mapNo/D52.svg");
}

.c-pinLabel.is-square.is-No53::before {
  background-image: url("../images/mapNo/D53.svg");
}

.c-pinLabel.is-square.is-No54::before {
  background-image: url("../images/mapNo/D54.svg");
}

.c-pinLabel.is-square.is-No55::before {
  background-image: url("../images/mapNo/D55.svg");
}

.c-pinLabel.is-square.is-No56::before {
  background-image: url("../images/mapNo/D56.svg");
}

.c-pinLabel.is-square.is-No57::before {
  background-image: url("../images/mapNo/D57.svg");
}

.c-pinLabel.is-square.is-No58::before {
  background-image: url("../images/mapNo/D58.svg");
}

.c-pinLabel.is-square.is-No59::before {
  background-image: url("../images/mapNo/D59.svg");
}

.c-pinLabel.is-square.is-No60::before {
  background-image: url("../images/mapNo/D60.svg");
}

.c-pinLabel.is-MusicalNote::before {
  background-image: url("../images/icon/icon_musicalNotes.svg");
}

.c-pinLabel__text {
  display: inline-block;
  font-size: 1.063rem;
  letter-spacing: 1px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-pinLabel__text {
    font-size: 0.938rem;
    letter-spacing: 1px;
  }
}

/* ***************************
categoryLabel
*************************** */
.c-categoryLabel {
  position: relative;
}
.c-categoryLabel:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  width: 26px;
  height: 26px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}
.c-categoryLabel.is-roundBox {
  background-color: #fff;
  padding: 4px 13px 2px;
  border-radius: 30px;
}
.c-categoryLabel.is-roundBox::before {
  left: 15px;
  margin-top: 1px;
}
.c-categoryLabel.is-water::before {
  background-image: url("../images/icon/icon_water.svg");
}
.c-categoryLabel.is-water .c-categoryLabel__text {
  color: #006AA2;
  letter-spacing: 0;
}
.c-categoryLabel.is-mountain::before {
  background-image: url("../images/icon/icon_mountain.svg");
}
.c-categoryLabel.is-mountain .c-categoryLabel__text {
  color: #008671;
}
.c-categoryLabel.is-culture::before {
  background-image: url("../images/icon/icon_culture.svg");
}
.c-categoryLabel.is-culture .c-categoryLabel__text {
  color: #7A5098;
}
.c-categoryLabel.is-animal::before {
  background-image: url("../images/icon/icon_animal.svg");
}
.c-categoryLabel.is-animal .c-categoryLabel__text {
  color: #B46102;
}
.c-categoryLabel.is-activity::before {
  background-image: url("../images/icon/icon_activity.svg");
}
.c-categoryLabel.is-activity .c-categoryLabel__text {
  color: #be4d8e;
}
.c-categoryLabel.is-house::before {
  background-image: url("../images/icon/icon_house.svg");
  margin-top: -2px;
}
.c-categoryLabel.is-house .c-categoryLabel__text {
  color: #222;
}

.c-categoryLabel__text {
  position: static;
  display: inline-block;
  padding-left: 35px;
  font-size: 1.063rem;
  letter-spacing: 1px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-categoryLabel__text {
    font-size: 0.938rem;
    letter-spacing: 1px;
  }
}

.isIE .c-categoryLabel__text {
  position: relative;
  top: 0.1em;
}

.c-categoryLabel.is-roundBox .c-categoryLabel__text {
  padding-left: 35px;
  font-size: 0.938rem;
}

/* ***************************
iconCol2List
*************************** */
ul.c-iconCol2List {
  position: relative;
}
ul.c-iconCol2List > li {
  padding-left: 0;
}
ul.c-iconCol2List > li::before {
  display: none;
}

li.c-iconCol2List__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
li.c-iconCol2List__item + li.c-iconCol2List__item {
  margin-top: 20px;
}

.c-iconCol2List__icon {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}
@media screen and (max-width: 768px) {
  .c-iconCol2List__icon {
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
  }
}

.c-iconCol2List__text {
  position: relative;
  padding-left: 30px;
  font-size: 1.063rem;
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  .c-iconCol2List__text {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    padding-left: 20px;
    font-size: 0.938rem;
    letter-spacing: 0.75px;
    line-height: 2;
  }
}
.c-iconCol2List__text > ul {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .c-iconCol2List__text > ul {
    margin-top: 2px;
  }
}
.c-iconCol2List__text ul > li {
  letter-spacing: 0.66px;
  padding-left: 0;
  line-height: 1.95;
}
@media screen and (max-width: 768px) {
  .c-iconCol2List__text ul > li {
    line-height: 2;
  }
}
.c-iconCol2List__text ul > li::before {
  display: none;
}

/* ***************************
c-photoCaption
*************************** */
.c-photoCaption {
  position: relative;
  text-align: center;
}

.c-photoCaption__text {
  display: inline-block;
  padding: 10px 20px;
  font-size: 1.063rem;
}
@media screen and (max-width: 768px) {
  .c-photoCaption__text {
    padding: 10px 10px;
    font-size: 0.938rem;
  }
}

/* ***************************
wideSlider
*************************** */
.c-wideSlider {
  position: relative;
}

ul.c-wideSlider__list {
  position: relative;
}
ul.c-wideSlider__list > li::before {
  display: none;
}

li.c-wideSlider__item {
  padding-left: 0;
}

.c-wideSlider__item__image {
  width: 100%;
  height: 461px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 768px) {
  .c-wideSlider__item__image {
    height: 295px;
  }
}

.c-wideSlider__togglePlay {
  margin-top: 20px;
  font-size: 0rem;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-wideSlider__togglePlay {
    display: block;
    padding-bottom: 15px;
  }
}
.c-wideSlider__togglePlay img {
  margin: 1px;
  width: 20px;
  height: 20px;
}

.c-wideSlider__togglePlay--play,
.c-wideSlider__togglePlay--pause {
  display: inline-block;
}

.c-wideSlider__togglePlay--play + .c-wideSlider__togglePlay--pause {
  margin-left: 10px;
}

/* ***************************
_areaAccessBtn
*************************** */
.p-areaAccessBtn {
  position: static;
}

.p-areaAccessBtn__access {
  position: absolute;
  display: table;
  bottom: 100px;
  right: 143px;
  width: 240px;
  height: 110px;
  background-image: url("../images/button/btn_areaAccessPop_white.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .p-areaAccessBtn__access {
    bottom: 64px;
    right: 66px;
    width: 270px;
    height: 110px;
  }
}

.p-areaAccessBtn__access__label {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  top: -10px;
  text-align: center;
  font-size: 1.125rem;
  letter-spacing: 1px;
  color: #222;
}
.p-areaAccessBtn__access__label.visited, .p-areaAccessBtn__access__label:visited {
  color: #222;
}
.p-areaAccessBtn__access__label.hover, .p-areaAccessBtn__access__label:hover {
  color: #067c00;
}
@media screen and (max-width: 768px) {
  .p-areaAccessBtn__access__label {
    top: -7px;
    left: -5px;
  }
}
.p-areaAccessBtn__access__label::before {
  position: relative;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  top: 1px;
  margin-right: 8px;
  background-image: url(../images/icon/icon_roundArrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.isIE .p-areaAccessBtn__access__label {
  position: relative;
  top: -4px;
}

.p-areaAccessBtn__areaPict {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.p-areaAccessBtn__areaPict > img {
  position: relative;
  max-width: 100%;
  left: 77px;
}
@media screen and (max-width: 768px) {
  .p-areaAccessBtn__areaPict > img {
    width: 280px;
    left: 40px;
  }
}

/* ***************************
parkInfoBox
*************************** */
.c-parkInfoBox {
  position: relative;
}

.c-parkInfoBox__list {
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .c-parkInfoBox__list {
    margin-top: 0;
  }
}
.c-parkInfoBox__list > li {
  padding-left: 0;
}
.c-parkInfoBox__list > li::before {
  display: none;
}

.c-parkInfoBox__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-parkInfoBox__item {
    display: block;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .c-parkInfoBox__item + .c-parkInfoBox__item {
    padding-top: 0;
  }
}

.c-parkInfoBox__item__photo {
  -ms-flex-preferred-size: 42%;
  flex-basis: 42%;
}

.c-parkInfoBox__item__photo__image {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.c-parkInfoBox__item__content {
  -ms-flex-preferred-size: 58%;
  flex-basis: 58%;
  padding-left: 4%;
}
@media screen and (max-width: 768px) {
  .c-parkInfoBox__item__content {
    padding-left: 0;
  }
}

.c-parkInfoBox__item__title {
  position: relative;
  font-size: 1.5rem;
  letter-spacing: 3.5px;
  margin-top: 40px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-parkInfoBox__item__title {
    font-size: 1.25rem;
    letter-spacing: 3px;
    margin-top: 45px;
  }
}

.c-parkInfoBox__item__title__PIN {
  position: absolute;
  top: -10px;
  width: 30px;
}
@media screen and (max-width: 768px) {
  .c-parkInfoBox__item__title__PIN {
    top: -17px;
    width: 30px;
  }
}

.c-parkInfoBox__item__title ruby[data-ruby] {
  position: relative;
  display: inline-block;
  margin-left: 47px;
}
@media screen and (max-width: 768px) {
  .c-parkInfoBox__item__title ruby[data-ruby] {
    margin-left: 52px;
  }
}
.c-parkInfoBox__item__title ruby[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  display: inline-block;
  top: -21px;
  text-align: left;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.c-parkInfoBox__item__title rt {
  display: none;
}
.c-parkInfoBox__item__title.is-no-PIN ruby[data-ruby] {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .c-parkInfoBox__item__title.is-no-PIN ruby[data-ruby] {
    margin-left: 0;
  }
}

.c-parkInfoBox__item__detail {
  font-size: 1rem;
  letter-spacing: 0.75px;
  margin-top: 12px;
  line-height: 2.1;
}
@media screen and (max-width: 768px) {
  .c-parkInfoBox__item__detail {
    font-size: 0.875rem;
    line-height: 1.75;
  }
}

.c-parkInfoBox__item__button {
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .c-parkInfoBox__item__button {
    margin-top: 12px;
  }
}
.c-parkInfoBox__item__button .c-btn:hover .c-btn__body {
  color: #fff;
}
.c-parkInfoBox__item__button .c-btn__body {
  font-size: 1rem;
  letter-spacing: 0.5px;
  color: #00756e;
}

.c-parkInfoBox.is-border .c-parkInfoBox__item {
  padding-top: 50px;
  padding-bottom: 48px;
  border-top: 2px solid #EEEEEF;
}
@media screen and (max-width: 768px) {
  .c-parkInfoBox.is-border .c-parkInfoBox__item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.c-parkInfoBox.is-border .c-parkInfoBox__item:first-child {
  padding-top: 60px;
}
.c-parkInfoBox.is-border .c-parkInfoBox__item:last-child {
  border-bottom: 2px solid #EEEEEF;
}
@media screen and (max-width: 768px) {
  .c-parkInfoBox.is-border .c-parkInfoBox__item + .c-parkInfoBox__item {
    padding-top: 40px;
  }
}

.c-parkInfoBox.is-hide-photo .c-parkInfoBox__item {
  padding-top: 20px;
  padding-bottom: 30px;
}
.c-parkInfoBox.is-hide-photo .c-parkInfoBox__item__photo {
  display: none;
}
.c-parkInfoBox.is-hide-photo .c-parkInfoBox__item__content {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding-left: 0;
}

.is-quasi .c-parkInfoBox__item__photo {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.is-quasi .c-parkInfoBox__item__content {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding-left: 0;
}
.is-quasi .c-parkInfoBox__item__content .c-tagIconList {
  margin-top: 6px;
}
.is-quasi .c-parkInfoBox__item__content .c-parkInfoBox__item__detail {
  margin-top: 9px;
  letter-spacing: 0.75px;
}
.is-quasi .c-parkInfoBox__item.is-slider {
  padding-top: 34px;
}
.is-quasi .c-parkInfoBox__item.is-slider .c-parkInfoBox__item__photo {
  margin-top: 15px;
}

.c-parkInfoBox__item__quasiBtn {
  margin-top: 17px;
  color: #00756e;
}
.c-parkInfoBox__item__quasiBtn .c-btn[href^=http]::after {
  right: 33px;
}
.c-parkInfoBox__item__quasiBtn .c-btn--small.c-btn--outline.c-btn .c-btn__body {
  font-size: 0.938rem;
  padding-left: 38px;
  letter-spacing: 2px;
  padding-right: 50px;
}

/* ***************************
squareTitle
*************************** */
.c-squareTitle {
  position: relative;
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  .c-squareTitle {
    padding-left: 30px;
  }
}
.c-squareTitle::before {
  content: "■";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: -5px;
  font-size: 1.75rem;
  line-height: 1.86;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .c-squareTitle::before {
    top: 0;
    left: 0;
    font-size: 1.125rem;
    line-height: 1.86;
  }
}

.c-squareTitle__text {
  font-size: 2rem;
  line-height: 1.86;
  text-align: left;
  letter-spacing: 5px;
}
@media screen and (max-width: 768px) {
  .c-squareTitle__text {
    line-height: 1.38;
    text-align: left;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}

/* ***************************
column
*************************** */
.c-flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-flexbox {
    display: block;
  }
}

.c-flexbox__item {
  margin-right: 2%;
  margin-left: 2%;
}
@media screen and (max-width: 768px) {
  .c-flexbox__item {
    margin-right: 0;
    margin-left: 0;
  }
}
.c-flexbox__item:first-child {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .c-flexbox__item:first-child {
    margin-left: 0;
  }
}
.c-flexbox__item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .c-flexbox__item:last-child {
    margin-right: 0;
  }
}

.is-col2.c-flexbox .c-flexbox__item {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.is-col3.c-flexbox .c-flexbox__item {
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
}

.is-col4.c-flexbox .c-flexbox__item {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.is-col5.c-flexbox .c-flexbox__item {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

/* ***************************
headBar
*************************** */
.c-headBar {
  display: block;
  background-color: #F4F3ED;
  border-radius: 5px;
  padding: 8px 13px 4px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-headBar {
    padding: 5px 13px 1px;
  }
}

.c-headBar__label {
  font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
  .c-headBar__label {
    font-size: 1.25rem;
  }
}

/* ***************************
trailHeadFlag
*************************** */
.c-trailHeadFlag {
  position: relative;
  display: inline-block;
  width: 330px;
  height: 253px;
  background-image: url("../images/pick-up/long-trail/trailHeadFlag.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

/* ***************************
trailKeyVisual
*************************** */
.c-trailKeyVisual {
  position: relative;
  display: block;
  overflow: hidden;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
@media screen and (max-width: 768px) {
  .c-trailKeyVisual {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
.c-trailKeyVisual img {
  width: 100%;
  height: 700px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 768px) {
  .c-trailKeyVisual img {
    height: 360px;
  }
}

/* ***************************
trailAreaMap
*************************** */
.c-trailAreaMap {
  position: relative;
  display: inline-block;
  width: 440px;
  height: 650px;
  background-image: url("../images/pick-up/long-trail/trailAreaMap_borad.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1160px) {
  .c-trailAreaMap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .c-trailAreaMap {
    width: 240px;
    height: 440px;
  }
}

.c-trailAreaMap__inner {
  position: absolute;
  top: 20.3076923077%;
  left: 14.7727272727%;
  width: 68.1818181818%;
  background-color: #fff;
}
@media screen and (max-width: 1160px) {
  .c-trailAreaMap__inner {
    top: 10vw;
  }
}
@media screen and (max-width: 768px) {
  .c-trailAreaMap__inner {
    top: 70px;
  }
}

.c-trailAreaMap__inner__zoomBtn {
  position: absolute;
  bottom: 25px;
  right: 20px;
}

.c-trailAreaMap__image {
  width: 100%;
}

/* ***************************
trailSlider
*************************** */
.c-trailSlider {
  position: relative;
}
.c-trailSlider li {
  max-width: 1140px;
  width: 80.5270863836%;
  padding: 0 20px;
}
@media screen and (max-width: 1200px) {
  .c-trailSlider li {
    width: calc( 100vw - 100px);
  }
}
@media screen and (max-width: 768px) {
  .c-trailSlider li {
    width: calc( 100vw - 56px);
    padding: 0 10px;
    margin-top: 32px;
  }
}
.c-trailSlider .slick-next.slick-arrow, .c-trailSlider .slick-prev.slick-arrow {
  width: 53px;
  height: 100px;
  background: url(../images/button/btn_modalSlider_green.svg) no-repeat;
  background-size: contain;
}

.c-trailSlider__item {
  position: relative;
  width: 100%;
  height: 710px;
  border-radius: 20px;
  border: 3px solid #00756e;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .c-trailSlider__item {
    height: 950px;
    border-radius: 10px;
    border-width: 2px;
  }
}

.c-trailSlider__box {
  height: 584px;
  margin: 40px 40px 80px;
}
@media screen and (max-width: 1200px) {
  .c-trailSlider__box {
    height: 624px;
    margin: 40px 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-trailSlider__box {
    height: 880px;
    margin: 10px 5px;
  }
}

@media screen and (max-width: 768px) {
  .c-trailSlider__flex.c-flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.c-trailSlider__flex__right {
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-trailSlider__flex__right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 auto;
  }
}

.c-trailSlider__flex__left {
  padding-top: 5px;
  padding-left: 5.5%;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .c-trailSlider__flex__left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 18px;
    padding-right: 12px;
    padding-top: 18px;
  }
}
.c-trailSlider__flex__left .c-rackCol2 {
  margin-top: 25px;
}
.c-trailSlider__flex__left table.c-rackCol2__table th,
.c-trailSlider__flex__left table.c-rackCol2__table td {
  font-size: 0.875rem;
  padding: 14px 0 13px;
}
@media screen and (max-width: 768px) {
  .c-trailSlider__flex__left table.c-rackCol2__table th,
.c-trailSlider__flex__left table.c-rackCol2__table td {
    padding: 16px 0 16px;
  }
}
.c-trailSlider__flex__left table.c-rackCol2__table th {
  width: 130px;
}
@media screen and (max-width: 768px) {
  .c-trailSlider__flex__left table.c-rackCol2__table th {
    width: 88px;
  }
}

.c-trailSlider__title {
  font-size: 1.875rem;
  letter-spacing: 4.75px;
}
@media screen and (max-width: 768px) {
  .c-trailSlider__title {
    font-size: 1.25rem;
    letter-spacing: 3px;
  }
}

.c-trailSlider__route {
  display: inline-block;
  min-height: 30px;
  line-height: 30px;
  border: 2px solid #00756e;
  border-radius: 15px;
  padding: 0 10px;
}

.c-trailSlider__route__text {
  position: relative;
  top: -1px;
  font-size: 0.875rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .c-trailSlider__route__text {
    letter-spacing: 1px;
  }
}

.isIE .c-trailSlider__route__text {
  top: 0;
}

.c-trailSlider__title__no {
  color: #00756e;
}

.c-trailSlider__overflow {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 24px;
}

.c-trailSlider__description {
  font-size: 1.063rem;
  line-height: 2;
  letter-spacing: 0.65px;
}
@media screen and (max-width: 768px) {
  .c-trailSlider__description {
    margin-top: 10px;
    font-size: 0.938rem;
    letter-spacing: 1px;
  }
}

.c-trailSlider__button {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .c-trailSlider__button {
    text-align: center;
  }
}

.c-trailSlider__image {
  display: inline-block;
  position: relative;
  top: 85px;
  left: 20px;
}
@media screen and (max-width: 1200px) {
  .c-trailSlider__image {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .c-trailSlider__image {
    top: inherit;
    left: inherit;
    text-align: center;
  }
}
.c-trailSlider__image img {
  max-width: 405px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-trailSlider__image img {
    display: inline-block;
    width: 90%;
    margin-top: 10px;
  }
}
.c-trailSlider__image .c-mapCaption {
  margin-top: -35px;
}
@media screen and (max-width: 768px) {
  .c-trailSlider__image .c-mapCaption {
    padding-left: 5%;
  }
}

.c-trailSlider__zoomBtn {
  position: relative;
  display: inline-block;
  top: -70px;
  left: 85%;
}
@media screen and (max-width: 768px) {
  .c-trailSlider__zoomBtn {
    display: block;
    left: 30%;
  }
}
.c-trailSlider__zoomBtn > a {
  color: #222;
}
.c-trailSlider__zoomBtn > a.visited, .c-trailSlider__zoomBtn > a:visited {
  color: #222;
}
.c-trailSlider__zoomBtn > a.hover, .c-trailSlider__zoomBtn > a:hover {
  color: #067c00;
}

html.is-trailSlider-open .modaal-content-container {
  padding: 15px;
}
html.is-trailSlider-open .modaal-content-container img {
  max-width: 663px;
  width: 100%;
}

/* ***************************
tabBtnList
*************************** */
.c-tabBtnList {
  position: relative;
  text-align: center;
  font-size: 0rem;
}
@media screen and (max-width: 768px) {
  .c-tabBtnList {
    text-align: left;
    padding: 0 12px;
  }
}

.c-tabBtnList__wrap {
  display: inline-block;
  position: relative;
  max-width: 1050px;
}

.c-tabBtnList__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 61px;
}
@media screen and (max-width: 768px) {
  .c-tabBtnList__list {
    display: block;
    height: auto;
  }
}
.c-tabBtnList__list > li {
  padding-left: 0;
}
.c-tabBtnList__list > li::before {
  display: none;
}
.c-tabBtnList__list > li {
  position: relative;
  width: 136px;
  height: 61px;
  margin-left: 10px;
  overflow: hidden;
}
@media screen and (max-width: 1160px) {
  .c-tabBtnList__list > li {
    width: inherit;
    min-width: 90px;
    overflow: inherit;
  }
}
@media screen and (max-width: 768px) {
  .c-tabBtnList__list > li {
    display: inline-block;
    width: 79px;
    min-width: inherit;
    height: 43px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 11px;
  }
}
.c-tabBtnList__list > li.is-current {
  height: 76px;
  top: -10px;
}
@media screen and (max-width: 768px) {
  .c-tabBtnList__list > li.is-current {
    height: 43px;
    margin-left: 4px;
    top: inherit;
  }
}
@media screen and (max-width: 768px) {
  .c-tabBtnList__list > li.is-current::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 6px;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTIgNiI+PHBhdGggaWQ9IuODkeOCuV8xNTQyNjMiIGRhdGEtbmFtZT0i44OR44K5IDE1NDI2MyIgZD0iTTM5Ny44MDYsMjI4LjZsLTYsNi02LTZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzg1LjgwNiAtMjI4LjU5OCkiIGZpbGw9IiNlNmNmNGQiLz48L3N2Zz4=");
  }
}
.c-tabBtnList__list > li.is-current .c-tabBtnList__button {
  padding: 0;
  border-top: 4px solid #E6CF4D;
  border-left: 4px solid #E6CF4D;
  border-right: 4px solid #E6CF4D;
  background-color: #FAF226;
}
@media screen and (max-width: 768px) {
  .c-tabBtnList__list > li.is-current .c-tabBtnList__button {
    border: 2px solid #E6CF4D;
    padding: 2px 2px 0;
  }
}
.c-tabBtnList__list > li.is-current .c-tabBtnList__button:focus .c-tabBtnList__label {
  border: 2px solid #c21818;
}
.c-tabBtnList__list > li.is-current .c-tabBtnList__label {
  border: 2px solid #FAF226;
}
@media screen and (max-width: 768px) {
  .c-tabBtnList__list > li.is-current .c-tabBtnList__label {
    border: none;
  }
}
.c-tabBtnList__list > li.is-current .c-tabBtnList__text {
  font-size: 1.375rem;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 1160px) {
  .c-tabBtnList__list > li.is-current .c-tabBtnList__text {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 768px) {
  .c-tabBtnList__list > li.is-current .c-tabBtnList__text {
    font-size: 0.938rem;
  }
}
.c-tabBtnList__list > li.is-disable .c-tabBtnList__button {
  background-color: #dfdfdf;
  pointer-events: none;
}
.c-tabBtnList__list > li.is-disable .c-tabBtnList__label {
  border: 2px solid #dfdfdf;
}
@media screen and (max-width: 768px) {
  .c-tabBtnList__list > li.is-disable .c-tabBtnList__label {
    border: none;
  }
}
.c-tabBtnList__list > li.is-disable .c-tabBtnList__text {
  color: #aaa;
}

.c-tabBtnList__button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 2px 2px 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 2px solid #dfdfdf;
  border-bottom: none;
  background-color: #fff;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .c-tabBtnList__button {
    border-radius: 5px;
    border: 2px solid #dfdfdf;
  }
}
.c-tabBtnList__button:focus {
  outline: none;
}
.c-tabBtnList__button:focus .c-tabBtnList__label {
  border: 2px solid #c21818;
}

.c-tabBtnList__label {
  position: relative;
  display: block;
  border: 2px solid #fff;
  border-radius: 3px;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .c-tabBtnList__label {
    padding: 0;
  }
}

.c-tabBtnList__text {
  position: relative;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 3px;
}
@media screen and (max-width: 1160px) {
  .c-tabBtnList__text {
    font-size: 1rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 768px) {
  .c-tabBtnList__text {
    font-size: 0.938rem;
    letter-spacing: 1px;
  }
}

.isIE .c-tabBtnList__text {
  top: 4px;
}

.is-narrowTab.c-tabBtnList li.is-current .c-tabBtnList__text,
.is-narrowTab.c-tabBtnList .c-tabBtnList__text {
  font-size: 1rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .is-narrowTab.c-tabBtnList li.is-current .c-tabBtnList__text,
.is-narrowTab.c-tabBtnList .c-tabBtnList__text {
    font-size: 0.938rem;
    letter-spacing: 0;
  }
}

/* ***************************
zoomBtn
*************************** */
.c-zoomBtn {
  position: relative;
  display: inline-block;
  background-image: url(../images/icon/icon_loope.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
.c-zoomBtn:hover {
  opacity: 0.7;
}

.c-zoomBtn__text {
  position: absolute;
  top: 35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  word-break: keep-all;
  font-size: 0.875rem;
}

/* ***************************
markList
*************************** */
ul.c-markList {
  position: relative;
}
ul.c-markList > li {
  padding-left: 1.5em;
}
ul.c-markList > li::before {
  content: "・";
  position: absolute;
  display: inline-block;
  background-color: inherit;
  top: inherit;
  left: 0;
  width: inherit;
  height: inherit;
}
ul.c-markList.is-komeMark > li::before {
  content: "※";
}
ul.c-markList.is-bigRoundMark > li::before {
  content: "●";
}
ul.c-markList.is-pinMark > li::before {
  content: "";
  background-image: url(../images/icon/icon_mapPin_S.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 20px;
}
ul.c-markList .is-narrow {
  letter-spacing: 0 !important;
}

.is-noteStyle.c-markList > li {
  font-size: 0.813rem;
  color: #474747;
  line-height: 2.2;
  letter-spacing: 0.45px;
}

.is-smallNoteStyle.c-markList > li {
  font-size: 0.813rem;
  color: #666;
  line-height: 1.4;
  letter-spacing: 0.45px;
}
.is-smallNoteStyle.c-markList li + li {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .is-smallNoteStyle.c-markList li + li {
    margin-top: 12px;
  }
}

.is-large.c-markList > li {
  font-size: 1.063rem;
  color: #474747;
  line-height: 2.2;
  letter-spacing: 0.9px;
  padding-left: 2em;
}
@media screen and (max-width: 768px) {
  .is-large.c-markList > li {
    font-size: 0.938rem;
    padding-left: 1.5em;
    line-height: 2;
  }
}
.is-large.c-markList > li::before {
  top: 0.5em;
}
.is-large.c-markList li + li {
  margin-top: 3px;
}
@media screen and (max-width: 768px) {
  .is-large.c-markList li + li {
    margin-top: 12px;
  }
}
.is-large.c-markList a {
  color: #00756e;
}
.is-large.c-markList a.visited, .is-large.c-markList a:visited {
  color: #00756e;
}
.is-large.c-markList a.hover, .is-large.c-markList a:hover {
  color: #067c00;
}

.isIE .is-large.c-markList > li::before {
  top: 0.3em;
}

/* ***************************
shadowBtn
*************************** */
.c-shadowBtn {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.c-shadowBtn::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc( 100% - 10px );
  border-radius: 40px;
  background-color: #056757;
}
.c-shadowBtn:hover {
  opacity: 0.7;
}

.c-shadowBtn__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 40px;
  background-color: #00756e;
  height: 80px;
  padding-left: 50px;
  padding-right: 50px;
}
.c-shadowBtn__body ::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background-image: url(../images/icon/icon_rightRoundArrow_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.c-shadowBtn__label {
  font-size: 1.125rem;
  color: #fff;
}
.c-shadowBtn__label.visited, .c-shadowBtn__label:visited {
  color: #fff;
}
.c-shadowBtn__label.hover, .c-shadowBtn__label:hover {
  color: #fff;
}

.isIE .c-shadowBtn__label {
  margin-top: 0.2em;
}

.is-yellowBtn.c-shadowBtn {
  width: 100%;
  max-width: 340px;
}
@media screen and (max-width: 1160px) {
  .is-yellowBtn.c-shadowBtn {
    padding-bottom: 7px;
  }
}
.is-yellowBtn.c-shadowBtn::before {
  background-color: #C9C8BD;
}
.is-yellowBtn.c-shadowBtn .c-shadowBtn__body {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: #FFE746;
}
@media screen and (max-width: 1160px) {
  .is-yellowBtn.c-shadowBtn .c-shadowBtn__body {
    padding-left: 30px;
    padding-right: 30px;
    height: 70px;
  }
}
.is-yellowBtn.c-shadowBtn ::before {
  width: 22px;
  height: 13px;
  right: 30px;
  background-image: url(../images/icon/icon_downRoundArrow_black.svg);
}
@media screen and (max-width: 1160px) {
  .is-yellowBtn.c-shadowBtn ::before {
    right: 15px;
  }
}
.is-yellowBtn.c-shadowBtn .c-shadowBtn__label {
  letter-spacing: 1px;
  margin-left: -10px;
  color: #222;
}
.is-yellowBtn.c-shadowBtn .c-shadowBtn__label.visited, .is-yellowBtn.c-shadowBtn .c-shadowBtn__label:visited {
  color: #222;
}
.is-yellowBtn.c-shadowBtn .c-shadowBtn__label.hover, .is-yellowBtn.c-shadowBtn .c-shadowBtn__label:hover {
  color: #222;
}
@media screen and (max-width: 1160px) {
  .is-yellowBtn.c-shadowBtn .c-shadowBtn__label {
    font-size: 1rem;
    letter-spacing: 1px;
    line-height: 1.5;
  }
}

/* ***************************
shadowRoundBox
*************************** */
.c-shadowRoundBox {
  position: relative;
  display: inline-block;
}

.is-trailTitle.c-shadowRoundBox {
  padding: 56px 38px 28px 40px;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .is-trailTitle.c-shadowRoundBox {
    padding: 30px 20px 7px 20px;
    border-radius: 10px;
  }
}

/* ***************************
verticalTitle
*************************** */
.c-verticalTitle {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
}

.c-verticalTitle__phrase {
  display: block;
}

.is-bracketJP.c-verticalTitle__phrase {
  margin-top: -0.65em;
}
@media screen and (max-width: 768px) {
  .is-bracketJP.c-verticalTitle__phrase {
    margin-top: -0.45em;
  }
}

.is-trailTitle.c-verticalTitle .c-verticalTitle__phrase {
  font-size: 2.5rem;
  line-height: 1.75;
  letter-spacing: 10px;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .is-trailTitle.c-verticalTitle .c-verticalTitle__phrase {
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 6px;
  }
}

/* ***************************
smallLabel
*************************** */
.c-smallLabel {
  position: relative;
  display: inline-block;
  padding: 2px 13px;
  line-height: 1.25rem;
  background-color: #00756e;
  border-radius: 16px;
}
.c-smallLabel.is-blue {
  background-color: #006AA2;
}
.c-smallLabel.is-pink {
  background-color: #be4d8e;
}

.c-smallLabel__text {
  font-size: 0.75rem;
  color: #fff;
  letter-spacing: 2px;
}

.isIE .c-smallLabel__text {
  position: relative;
  top: 0.2em;
}

/* ***************************
waveTitle
*************************** */
.c-waveTitle {
  position: relative;
  color: #00756e;
  text-align: center;
}
.c-waveTitle::after {
  content: "";
  position: relative;
  display: inline-block;
  background-image: url(../images/icon/icon_waveLine_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  height: 14px;
  top: 5px;
  left: -3px;
}
@media screen and (max-width: 768px) {
  .c-waveTitle::after {
    width: 60px;
    height: 10px;
    top: 1px;
    left: 0;
  }
}

.c-waveTitle__text {
  display: block;
  font-size: 2.688rem;
  letter-spacing: 6px;
}
@media screen and (max-width: 768px) {
  .c-waveTitle__text {
    font-size: 1.5rem;
    letter-spacing: 3px;
  }
}

.is-smallBlack.c-waveTitle {
  color: #222;
}
.is-smallBlack.c-waveTitle .c-waveTitle__text {
  font-size: 2.063rem;
  letter-spacing: 5px;
}
@media screen and (max-width: 768px) {
  .is-smallBlack.c-waveTitle .c-waveTitle__text {
    font-size: 1.375rem;
    letter-spacing: 3px;
  }
}

/* ***************************
flagTitle
*************************** */
.c-flagTitle {
  position: relative;
  text-align: center;
}
.c-flagTitle::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 76px;
  height: 76px;
  top: -6px;
  left: -5px;
  background-image: url(../images/icon/icon_trail_flag.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .c-flagTitle::before {
    width: 40px;
    height: 40px;
    left: 0;
  }
}

.c-flagTitle__text {
  font-size: 2.063rem;
  letter-spacing: 5px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .c-flagTitle__text {
    font-size: 1.375rem;
    letter-spacing: 3px;
  }
}

/* ***************************
planeTitle
*************************** */
.c-planeTitle {
  position: relative;
}
.c-planeTitle.is-blue {
  color: #006AA2;
}
.c-planeTitle.is-pink {
  color: #C04990;
}

.c-planeTitle__text {
  font-size: 1.875rem;
  letter-spacing: 4.5px;
}
@media screen and (max-width: 768px) {
  .c-planeTitle__text {
    font-size: 1.25rem;
    letter-spacing: 3px;
  }
}

/* ***************************
planeText
*************************** */
.c-planeText {
  position: relative;
  font-size: 1rem;
}
.c-planeText.is-blue {
  color: #006AA2;
}
.c-planeText.is-pink {
  color: #C35A96;
}

/* ***************************
underDotTitle
*************************** */
.c-underDotTitle {
  display: inline-block;
  position: relative;
}
.c-underDotTitle::after {
  position: relative;
  display: inline-block;
  top: -7px;
  background: radial-gradient(circle farthest-side, #FFE61F, #FFE61F 48%, transparent 21%, transparent);
  background-size: 16px 7px;
  content: "";
  height: 7px;
  width: 100%;
}
.c-underDotTitle.is-blue {
  color: #006AA2;
}
.c-underDotTitle.is-pink {
  color: #C04990;
}
.c-underDotTitle.is-yellowGreen {
  color: #308720;
}

.c-underDotTitle__text {
  font-size: 2.375rem;
  letter-spacing: 6px;
}
@media screen and (max-width: 768px) {
  .c-underDotTitle__text {
    font-size: 1.5rem;
    letter-spacing: 4px;
  }
}

/* ***************************
bigCircleTitle
*************************** */
.c-bigCircleTitle {
  position: relative;
  color: #308720;
}
.c-bigCircleTitle::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(../images/icon/icon_circle_yellowGreen.svg);
  background-repeat: no-repeat;
  background-size: contain;
  top: 2px;
}
@media screen and (max-width: 768px) {
  .c-bigCircleTitle::before {
    width: 18px;
    height: 18px;
  }
}

.c-bigCircleTitle__text {
  font-size: 1.563rem;
  margin-left: 5px;
  letter-spacing: 3.75px;
}
@media screen and (max-width: 768px) {
  .c-bigCircleTitle__text {
    font-size: 1.125rem;
    margin-left: 4px;
    letter-spacing: 0.75px;
  }
}

/* ***************************
line
*************************** */
.c-line {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}

.is-dotted.c-line {
  background: radial-gradient(circle farthest-side, #EAEAEA, #EAEAEA 50%, transparent 50%, transparent);
  background-size: 10px 10px;
  content: "";
  height: 10px;
}

.is-dashed.c-line {
  background-image: linear-gradient(to right, #EAEAEA, #EAEAEA 10px, transparent 14px);
  background-size: 24px 3px;
  background-repeat: repeat-x;
  height: 3px;
}

/* ***************************
circleArrowLink
*************************** */
.c-circleArrowLink {
  position: relative;
  color: #222;
}
.c-circleArrowLink.visited, .c-circleArrowLink:visited {
  color: #2672b9;
}
.c-circleArrowLink.hover, .c-circleArrowLink:hover {
  color: #067c00;
}
.c-circleArrowLink::after {
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  width: 14px;
  height: 14px;
  background-image: url(../images/icon/icon_roundArrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.c-circleArrowLink.is-textBlack {
  color: #222;
}
.c-circleArrowLink.is-textBlack.visited, .c-circleArrowLink.is-textBlack:visited {
  color: #222;
}
.c-circleArrowLink.is-textBlack.hover, .c-circleArrowLink.is-textBlack:hover {
  color: #067c00;
}

.c-circleArrowLink.is-textGreen {
  color: #00756e;
}
.c-circleArrowLink.is-textGreen.visited, .c-circleArrowLink.is-textGreen:visited {
  color: #00756e;
}
.c-circleArrowLink.is-textGreen.hover, .c-circleArrowLink.is-textGreen:hover {
  color: #067c00;
}

.c-circleArrowLink.is-size30::after {
  margin-left: 7px;
  margin-bottom: 6px;
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 768px) {
  .c-circleArrowLink.is-size30::after {
    position: absolute;
    margin-left: 0;
    margin-bottom: 0;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.c-circleArrowLink.is-size20::after {
  margin-left: 7px;
  margin-bottom: 6px;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 768px) {
  .c-circleArrowLink.is-size20::after {
    position: absolute;
    margin-left: 0;
    margin-bottom: 0;
    width: 15px;
    height: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

/* ***************************
c-mapCaption
*************************** */
.c-mapCaption {
  position: relative;
  text-align: left;
}

.c-mapCaption__text {
  display: inline-block;
  padding: 5px 0 15px;
  font-size: 0.75rem;
  color: #666;
}
@media screen and (max-width: 768px) {
  .c-mapCaption__text {
    padding: 5px 0 15px;
    font-size: 0.75rem;
  }
}

/* ***************************
fixedBanner
*************************** */
.c-fixedBanner {
  position: fixed;
  display: block;
  right: 92px;
  bottom: 40px;
  margin-top: 0;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .c-fixedBanner {
    right: inherit;
    left: 0;
    bottom: 11px;
  }
}

.c-fixedBanner__link {
  position: relative;
  display: block;
  width: 320px;
  height: 90px;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.c-fixedBanner__link:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .c-fixedBanner__link {
    width: 290px;
    height: 90px;
  }
}

.c-fixedBanner__image {
  display: block;
  width: 320px;
  height: 90px;
}
@media screen and (max-width: 768px) {
  .c-fixedBanner__image {
    width: 290px;
    height: 90px;
  }
}

/* ***************************
searchPanel
*************************** */
.c-searchPanel {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 100;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: none;
}
.c-searchPanel.is-open {
  bottom: -80px;
  height: 80px;
  opacity: 1;
  pointer-events: inherit;
}
.c-searchPanel::before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 80px;
  background-color: #707070;
  opacity: 0.5;
  z-index: 0;
}

body.is-spmenu-open .c-searchPanel__button,
body.is-spmenu-open .c-searchPanel {
  display: none;
}

.c-searchPanel__inner {
  display: block;
  position: absolute;
  top: 18px;
  right: calc( ( 100% - 1160px )/2 );
  z-index: 1;
}
@media screen and (max-width: 1284px) {
  .c-searchPanel__inner {
    right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-searchPanel__inner {
    right: inherit;
    padding: 0 20px;
  }
}

.c-searchPanel__button {
  display: block;
  position: absolute;
  bottom: 8px;
  right: calc( 64px + ( 100% - 1160px )/2 );
  padding: 0;
  margin: 0;
  width: 44px;
  height: 64px;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
@media screen and (max-width: 1284px) {
  .c-searchPanel__button {
    right: 110px;
  }
}
@media screen and (max-width: 900px) {
  .c-searchPanel__button {
    right: 80px;
  }
}
@media screen and (max-width: 768px) {
  .c-searchPanel__button {
    top: 26px;
    bottom: 0;
    right: 68px;
    width: 36px;
    height: 56px;
    z-index: 200;
  }
}

.c-searchPanel__button__icon {
  display: block;
  position: absolute;
  top: 0;
  padding: 0;
  margin: 0;
  width: 44px;
  height: 64px;
  background-image: url(../images/button/btn_searchPanel_pc.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 768px) {
  .c-searchPanel__button__icon {
    width: 36px;
    height: 56px;
    background-image: url(../images/button/btn_searchPanel_sp.svg);
  }
}

.c-searchPanel__button.is-open .c-searchPanel__button__icon {
  background-image: url(../images/button/btn_searchPanel_peke_pc.svg);
}
@media screen and (max-width: 768px) {
  .c-searchPanel__button.is-open .c-searchPanel__button__icon {
    background-image: url(../images/button/btn_searchPanel_peke_sp.svg);
  }
}

.c-searchPanel__button__label {
  display: block;
  position: absolute;
  top: 44px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 0.75rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .c-searchPanel__button__label {
    top: 38px;
    font-size: 0.625rem;
    letter-spacing: -1px;
  }
}

/* ***************************
headerItems
*************************** */
.p-headerItems {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
}

.p-headerItems__links {
  margin-left: 25px;
}

@media print, screen and (max-width: 900px) {
  .p-headerItems__fs,
.p-headerItems__links {
    display: none;
  }
}

@media print, screen and (min-width: 901px) {
  .p-headerItems__hamburger {
    display: none;
  }
}

/* ***************************
mainVisual
*************************** */
.p-mainVisual {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.p-mainVisual__inner {
  position: relative;
}

.p-mainVisual__slider {
  width: 100%;
  text-align: left;
}

.p-mainVisual__sidelogo {
  position: absolute;
  top: 0;
  left: -62px;
}
@media screen and (max-width: 768px) {
  .p-mainVisual__sidelogo {
    top: 0;
    left: -52px;
  }
}
.p-mainVisual__sidelogo img {
  max-width: 44px;
}
@media screen and (max-width: 768px) {
  .p-mainVisual__sidelogo img {
    width: 27.5px;
  }
}

.p-mainVisual__toEnglish {
  position: absolute;
  top: 37px;
  right: -12px;
  left: inherit;
  background-color: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 768px) {
  .p-mainVisual__toEnglish {
    top: inherit;
    right: inherit;
    left: -12px;
    bottom: 65px;
  }
}

.p-mainVisual__toEnglish__label {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  font-size: 1rem;
  color: #fff;
  padding-bottom: 4px;
  letter-spacing: 0.75px;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 768px) {
  .p-mainVisual__toEnglish__label {
    padding-top: 7px;
    padding-bottom: 0;
    font-size: 0.813rem;
    letter-spacing: 0.4px;
  }
}
.p-mainVisual__toEnglish__label::after {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("../images/icon/icon_outerLink_white.svg");
}
@media screen and (max-width: 768px) {
  .p-mainVisual__toEnglish__label::after {
    position: relative;
    top: 2px;
    width: 14px;
    height: 14px;
  }
}

.is-fsLarge .p-mainVisual__toEnglish__label {
  font-size: 0.813rem;
}

/* ***************************
topMvSlider
*************************** */
.p-topMvSlider {
  position: relative;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-topMvSlider {
    padding-bottom: 30px;
  }
}
.p-topMvSlider .slick-dots {
  bottom: -54px;
}
@media screen and (max-width: 768px) {
  .p-topMvSlider .slick-dots {
    bottom: -25px;
    right: inherit;
    left: 65px;
  }
}
.p-topMvSlider .slick-dots button {
  color: #fff;
  background: #888;
}
.p-topMvSlider .slick-dots .slick-active button {
  background-color: #00756e;
}

.p-topMvSlider__list {
  position: relative;
  -webkit-animation: topMvSliderAnim 2s;
  animation: topMvSliderAnim 2s;
}
.p-topMvSlider__list > li::before {
  display: none;
}

@-webkit-keyframes topMvSliderAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes topMvSliderAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-topMvSlider__item {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100vw;
}

.p-topMvSlider__link {
  position: relative;
  display: block;
  margin: 0;
}
.p-topMvSlider__link:focus img {
  border: 2px #dc1753 solid;
}

.p-topMvSlider__image {
  width: 100vw;
}

.p-topMvSlider__togglePlay {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  text-align: right;
}
@media screen and (max-width: 1160px) {
  .p-topMvSlider__togglePlay {
    max-width: 750px;
  }
}
@media screen and (max-width: 900px) {
  .p-topMvSlider__togglePlay {
    max-width: 550px;
  }
}
@media screen and (max-width: 768px) {
  .p-topMvSlider__togglePlay {
    max-width: inherit;
  }
}
.p-topMvSlider__togglePlay img {
  margin: 1px;
  width: 20px;
  height: 20px;
}

.p-topMvSlider__togglePlay__inner {
  position: relative;
  display: inline-block;
  top: -25px;
}
@media screen and (max-width: 768px) {
  .p-topMvSlider__togglePlay__inner {
    top: -48px;
    left: -13px;
  }
}

.p-topMvSlider__togglePlay--play,
.p-topMvSlider__togglePlay--pause {
  display: inline-block;
  height: 22px;
}

.p-topMvSlider__togglePlay--play + .p-topMvSlider__togglePlay--pause {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .p-topMvSlider__togglePlay--play + .p-topMvSlider__togglePlay--pause {
    margin-left: 4px;
  }
}

/* ***************************
topParkStory
*************************** */
.p-topParkStory {
  position: relative;
  margin-top: 42px;
  padding-bottom: 150px;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-topParkStory {
    margin-top: -47px;
    padding-top: 50px;
    padding-bottom: 0;
  }
}

.p-topParkStory__inner {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
}

.p-topParkStory__deco--SP {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-topParkStory__deco--SP {
    display: block;
    position: absolute;
    z-index: -1;
    top: -72px;
    right: -120px;
    width: 282px;
  }
}

.p-topParkStory__deco--PC05 {
  display: block;
  position: absolute;
  z-index: -1;
  top: 84px;
  left: -335px;
  width: 440px;
}
@media screen and (max-width: 768px) {
  .p-topParkStory__deco--PC05 {
    display: none;
  }
}

.p-topParkStory__deco--PC07 {
  display: block;
  position: absolute;
  z-index: -1;
  top: 341px;
  right: -248px;
  width: 332px;
}
@media screen and (max-width: 768px) {
  .p-topParkStory__deco--PC07 {
    display: none;
  }
}

.p-topParkStory__head {
  position: relative;
  font-size: 3.313rem;
  font-weight: bold;
  line-height: 1.67;
  text-align: center;
  letter-spacing: 9px;
  color: #00756e;
  left: 8px;
}
@media screen and (max-width: 768px) {
  .p-topParkStory__head {
    left: 0;
    font-size: 1.688rem;
    line-height: 1.65;
    letter-spacing: 3px;
    margin: 20px 10px 0 40px;
    text-align: left;
  }
}

.p-topParkStory__head__before {
  position: relative;
  left: 0.07em;
}
@media screen and (max-width: 768px) {
  .p-topParkStory__head__before {
    display: block;
    left: 0;
  }
}

.p-topParkStory__head__after {
  position: relative;
  left: -0.45em;
}
@media screen and (max-width: 768px) {
  .p-topParkStory__head__after {
    display: block;
    left: 0;
  }
}

.p-topParkStory__body {
  position: relative;
  max-width: 1280px;
  margin: 67px auto 0;
  line-height: 2.35;
  font-size: 1.188rem;
  letter-spacing: 0;
  text-align: center;
  letter-spacing: 0.75px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  left: -1em;
}
@media screen and (max-width: 768px) {
  .p-topParkStory__body {
    font-size: 1rem;
    letter-spacing: -0.5px;
    line-height: 2;
    margin: 65px 30px 0 60px;
    text-align: left;
  }
}
.p-topParkStory__body p + p {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .p-topParkStory__body p + p {
    margin-top: 32px;
  }
}

/* ***************************
topParkMap
*************************** */
.p-topParkMap {
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-top: 53px;
}
@media screen and (max-width: 768px) {
  .p-topParkMap {
    margin-top: 20px;
    padding-bottom: 25px;
  }
}

.p-topParkMap__inner {
  max-width: 1320px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-topParkMap__inner {
    padding: 0;
  }
}

.p-topParkMap__container {
  position: relative;
  background-color: #fff;
  border-radius: 20px;
  padding-left: 4.5%;
  padding-bottom: 98px;
}
@media screen and (max-width: 768px) {
  .p-topParkMap__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 0px auto;
    grid-template-rows: auto auto;
    gap: 0px 0px;
    grid-template-areas: "A" "B" "C";
    padding-left: 0;
    padding-bottom: 50px;
  }
  .p-topParkMap__container .p-topParkMap__head {
    grid-area: A;
  }
  .p-topParkMap__container .p-topParkMap__map {
    grid-area: B;
  }
  .p-topParkMap__container .p-topParkMap__about {
    grid-area: C;
  }
}

.p-topParkMap__head {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-topParkMap__head {
    padding: 0 30px;
  }
}

.p-topParkMap__head__title {
  display: inline;
  position: relative;
  left: 4px;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 7.5px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, transparent), color-stop(5%, #eae9d5), color-stop(90%, #eae9d5), color-stop(90%, transparent));
  background: linear-gradient(transparent 5%, #eae9d5 5%, #eae9d5 90%, transparent 90%);
}
@media screen and (max-width: 768px) {
  .p-topParkMap__head__title {
    font-size: 1.5rem;
    letter-spacing: 3.12px;
    left: 6px;
  }
}

.p-topParkMap__about {
  position: absolute;
  top: 120px;
  max-width: 440px;
}
@media screen and (max-width: 768px) {
  .p-topParkMap__about {
    position: static;
    max-width: inherit;
    padding: 0;
    margin-top: 73px;
    padding: 0 40px;
  }
}

.p-topParkMap__map {
  position: relative;
  padding-left: 26%;
  padding-top: 300px;
}
@media screen and (max-width: 1160px) {
  .p-topParkMap__map {
    padding-top: 440px;
  }
}
@media screen and (max-width: 768px) {
  .p-topParkMap__map {
    position: static;
    text-align: center;
    padding: 0 10px;
    margin-top: 70px;
  }
}

.p-topParkMap__button {
  margin-top: 47px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-topParkMap__button {
    margin-top: 0;
  }
}

/* ***************************
topParkTry
*************************** */
.p-topParkTry {
  position: relative;
  margin-top: 77px;
}
@media screen and (max-width: 768px) {
  .p-topParkTry {
    margin-top: 0;
  }
}

.p-topParkTry__head {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
}

.p-topParkTry__head__title {
  margin-left: 7px;
  font-size: 3.313rem;
  font-weight: bold;
  line-height: 1.67;
  text-align: center;
  letter-spacing: 10px;
  color: #00756e;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-topParkTry__head__title {
    font-size: 1.688rem;
    letter-spacing: 4px;
    margin: 20px 10px 0 45px;
    text-align: left;
    line-height: 1.55;
  }
}

.p-topParkTry__head__text {
  position: relative;
  left: -4px;
  margin-top: 64px;
  line-height: 2.45;
  font-size: 1.188rem;
  letter-spacing: 0.75px;
  text-align: center;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-topParkTry__head__text {
    font-size: 0.938rem;
    letter-spacing: 0;
    line-height: 2.15;
    margin: 48px 30px 0 50px;
    text-align: left;
  }
}

.p-topParkTry__body {
  position: relative;
  max-width: 1345px;
  margin: 140px auto 0;
}
@media screen and (max-width: 768px) {
  .p-topParkTry__body {
    margin: 50px 25px 0;
  }
}

.p-topParkTry__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-topParkTry__list {
    display: block;
  }
}
.p-topParkTry__list > li::before {
  display: none;
}

.p-topParkTry__list__item {
  position: relative;
  width: calc( 50% - 20px );
  -ms-flex-preferred-size: calc( 50% - 20px );
  flex-basis: calc( 50% - 20px );
  padding: 0;
  margin: 20px 10px;
  border-radius: 16px;
}
@media screen and (max-width: 768px) {
  .p-topParkTry__list__item {
    width: 100%;
    margin: 10px 0;
  }
}
.p-topParkTry__list__item:hover .p-topParkTry__list__link {
  -webkit-transform: scale(0.883);
  transform: scale(0.883);
}

.p-topParkTry__list__link {
  display: block;
  color: #00756e;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 20px;
  overflow: hidden;
}

.p-topParkTry__list__bgimage {
  width: 100%;
}

.p-topParkTry__list__label {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc( 100vw * ( 525 / 1366 ) );
  max-width: 525px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 68px;
  line-height: 1.25;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 50px;
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
@media screen and (max-width: 768px) {
  .p-topParkTry__list__label {
    min-width: 290px;
    height: 40px;
  }
}

.p-topParkTry__list__text {
  position: relative;
  font-size: 1.625rem;
  font-weight: bold;
  word-break: keep-all;
  white-space: nowrap;
  letter-spacing: 5px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 1300px) {
  .p-topParkTry__list__text {
    font-size: 1.313rem;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 1160px) {
  .p-topParkTry__list__text {
    font-size: 1.188rem;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 768px) {
  .p-topParkTry__list__text {
    font-size: 1rem;
    letter-spacing: 1px;
    top: 1px;
  }
}

.p-topParkTry__list__item--act:hover .p-topParkTry__list__link {
  color: #fff;
}
.p-topParkTry__list__item--act:hover .p-topParkTry__list__label {
  background-color: #B95E02;
}
.p-topParkTry__list__item--act .p-topParkTry__list__link {
  color: #B95E02;
}
.p-topParkTry__list__item--act .p-topParkTry__list__label {
  border: 4px solid #B95E02;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-topParkTry__list__item--act .p-topParkTry__list__label {
    border-width: 3px;
  }
}
.p-topParkTry__list__item--act .p-topParkTry__list__label {
  margin-left: -5px;
  margin-top: 3px;
}
@media screen and (max-width: 768px) {
  .p-topParkTry__list__item--act .p-topParkTry__list__label {
    margin: 0;
  }
}

.p-topParkTry__list__item--work:hover .p-topParkTry__list__link {
  color: #fff;
}
.p-topParkTry__list__item--work:hover .p-topParkTry__list__label {
  background-color: #00756e;
}
.p-topParkTry__list__item--work .p-topParkTry__list__link {
  color: #00756e;
}
.p-topParkTry__list__item--work .p-topParkTry__list__label {
  border: 4px solid #00756e;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-topParkTry__list__item--work .p-topParkTry__list__label {
    border-width: 3px;
  }
}
.p-topParkTry__list__item--work .p-topParkTry__list__label {
  margin-left: 6px;
  margin-top: 3px;
}
@media screen and (max-width: 768px) {
  .p-topParkTry__list__item--work .p-topParkTry__list__label {
    margin: 0;
  }
}

.p-topParkTry__bnrBox {
  margin: 20px auto 0;
}

ul.p-topParkTry__bnrBox__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  ul.p-topParkTry__bnrBox__list {
    margin: 0 -5px;
  }
}
ul.p-topParkTry__bnrBox__list > li::before {
  display: none;
  padding-left: 0;
}

.p-topParkTry__bnrBox__item {
  display: block;
  width: 300px;
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px;
  padding: 10px 10px;
}
@media screen and (max-width: 768px) {
  .p-topParkTry__bnrBox__item {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 5px 5px;
  }
}

.p-topParkTry__bnrBox__link {
  display: block;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.p-topParkTry__bnrBox__link:hover {
  -webkit-transform: scale(0.883);
  transform: scale(0.883);
}

.p-topParkTry__bnrBox__image {
  width: 100%;
  border-radius: 10px;
}

/* ***************************
parkSlider
*************************** */
.p-parkSlider {
  position: relative;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-parkSlider {
    margin-top: 0;
  }
}

.p-parkSlider__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-parkSlider__inner {
    display: block;
  }
}

.p-parkSlider__info {
  width: 13.4%;
  -ms-flex-preferred-size: 13.4%;
  flex-basis: 13.4%;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding-right: 15px;
  line-height: 1.75;
  letter-spacing: 6px;
}
@media screen and (max-width: 768px) {
  .p-parkSlider__info {
    width: 100%;
    -webkit-writing-mode: lr-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: lr-tb;
    white-space: inherit;
    padding: 0 37px;
  }
}

.p-parkSlider__info__areaname {
  font-size: 0.938rem;
}
@media screen and (max-width: 768px) {
  .p-parkSlider__info__areaname {
    font-size: 0.875rem;
    letter-spacing: 0.7px;
    color: #111111;
  }
}

.p-parkSlider__info__parkname {
  font-size: 1.875rem;
}
@media screen and (max-width: 768px) {
  .p-parkSlider__info__parkname {
    font-size: 1.25rem;
    line-height: 1.75;
    letter-spacing: 1.2px;
    text-align: left;
    color: #111111;
  }
}

.p-parkSlider__slider {
  position: relative;
  width: 86.6%;
  -ms-flex-preferred-size: 86.6%;
  flex-basis: 86.6%;
  text-align: right;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 600px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-parkSlider__slider {
    width: 100%;
    height: inherit;
    margin-top: 12px;
    margin-bottom: -100px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.p-parkSlider__controller {
  text-align: right;
  max-width: 1366px;
  margin: 0 auto;
  padding-top: 20px;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .p-parkSlider__controller {
    text-align: center;
    padding-top: 120px;
    padding-right: 0;
  }
}

.p-parkSlider__dotIndex {
  position: absolute;
  left: 20px;
  top: 20px;
}
@media screen and (max-width: 768px) {
  .p-parkSlider__dotIndex {
    left: inherit;
    top: inherit;
    right: 20px;
    bottom: 25px;
  }
}

.p-parkSlider__button {
  position: absolute;
  left: 40px;
  bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-parkSlider__button {
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.p-parkSlider__button .c-btn {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-parkSlider__button .c-btn__body {
    height: 36px;
  }
}

.p-parkSlider__btnTurnSliderNext,
.p-parkSlider__btnTurnSliderPrev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  padding: 0;
  margin: 0;
  width: 37px;
  height: 70px;
  border: none;
  background: url("../images/button/btn_modalSlider.svg") no-repeat;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
  cursor: pointer;
}
.p-parkSlider__btnTurnSliderNext:hover,
.p-parkSlider__btnTurnSliderPrev:hover {
  opacity: 0.7;
}

.p-parkSlider__btnTurnSliderPrev {
  left: 0;
  -webkit-transform: scale(-1, 1) translateY(-50%);
  transform: scale(-1, 1) translateY(-50%);
}

.p-parkSlider__btnTurnSliderNext {
  right: 0;
}

/* ***************************
parkSearch
*************************** */
.p-parkSearch {
  position: relative;
  margin-top: 77px;
  margin-bottom: 225px;
}
@media screen and (max-width: 768px) {
  .p-parkSearch {
    margin-top: 43px;
    margin-bottom: 172px;
  }
}

.p-parkSearch__head {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
}

.p-parkSearch__head__title {
  margin-left: 7px;
  font-size: 3.313rem;
  font-weight: bold;
  line-height: 1.67;
  text-align: center;
  letter-spacing: 10px;
  color: #00756e;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-parkSearch__head__title {
    font-size: 1.688rem;
    letter-spacing: 4px;
    margin: 20px 10px 0;
  }
}

.p-parkSearch__head__text {
  position: relative;
  left: -4px;
  margin-top: 64px;
  line-height: 2.45;
  font-size: 1.188rem;
  letter-spacing: 0.75px;
  text-align: center;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-parkSearch__head__text {
    font-size: 0.875rem;
    letter-spacing: 0.66px;
    line-height: 2;
    margin: 35px 30px 0;
  }
}

.p-parkSearch__head__text + .p-parkSearch__head__text {
  margin-top: 25px;
}

.p-parkSearch__body {
  position: relative;
  max-width: 1280px;
  margin: 60px auto 0;
}
@media screen and (max-width: 768px) {
  .p-parkSearch__body {
    margin: 42px 38px 0;
  }
}

.is-toppage .p-parkSearch__body {
  margin-top: 140px;
}

.p-parkSearch__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-parkSearch__list {
    display: block;
  }
}
.p-parkSearch__list > li::before {
  display: none;
}

.p-parkSearch__list__item {
  position: relative;
  width: calc( 50% - 40px );
  -ms-flex-preferred-size: calc( 50% - 40px );
  flex-basis: calc( 50% - 40px );
  padding: 0;
  margin: 20px 20px;
  border-radius: 16px;
}
@media screen and (max-width: 768px) {
  .p-parkSearch__list__item {
    width: 100%;
    margin: 27px 0;
  }
}
.p-parkSearch__list__item:hover .p-parkSearch__list__link {
  -webkit-transform: scale(0.883);
  transform: scale(0.883);
}

.p-parkSearch__list__link {
  display: block;
  color: #00756e;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 20px;
  overflow: hidden;
}
.p-parkSearch__list__link:after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 60px;
  height: 56px;
  background-image: url(../images/button/btn_corrnerArrow_green.svg);
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .p-parkSearch__list__link:after {
    width: 54px;
    height: 50px;
    background-size: contain;
  }
}

.p-parkSearch__list__bgimage {
  width: 100%;
}

.p-parkSearch__list__label {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 64px;
  line-height: 60px;
  padding: 0 30px;
  margin-top: 4px;
  letter-spacing: 4px;
  border-radius: 50px;
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
@media screen and (max-width: 1160px) {
  .p-parkSearch__list__label {
    height: auto;
    line-height: 2;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .p-parkSearch__list__label {
    height: 80px;
    line-height: 1.4;
    padding: 0 20px;
    margin-top: 2px;
    text-align: center;
    letter-spacing: 2.75px;
    min-width: 265px;
  }
}

.p-parkSearch__list__text {
  font-size: 1.625rem;
  font-weight: bold;
  word-break: keep-all;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-parkSearch__list__text {
    position: relative;
    top: 10px;
    font-size: 1.188rem;
  }
}

.isIE .p-parkSearch__list__text {
  position: relative;
  top: 0.2em;
}

.p-parkSearch__list__item--enjoy:hover .p-parkSearch__list__link {
  color: #fff;
}
.p-parkSearch__list__item--enjoy:hover .p-parkSearch__list__label {
  background-color: #B95E02;
}
.p-parkSearch__list__item--enjoy .p-parkSearch__list__link {
  color: #B95E02;
}
.p-parkSearch__list__item--enjoy .p-parkSearch__list__link::after {
  background-image: url(../images/button/btn_corrnerArrow_small_enjoy.svg);
}
.p-parkSearch__list__item--enjoy .p-parkSearch__list__label {
  border: 4px solid #B95E02;
  background-color: #fff;
}

.p-parkSearch__list__item--learn:hover .p-parkSearch__list__link {
  color: #fff;
}
.p-parkSearch__list__item--learn:hover .p-parkSearch__list__label {
  background-color: #3471A0;
}
.p-parkSearch__list__item--learn .p-parkSearch__list__link {
  color: #3471A0;
}
.p-parkSearch__list__item--learn .p-parkSearch__list__link::after {
  background-image: url(../images/button/btn_corrnerArrow_small_learn.svg);
}
.p-parkSearch__list__item--learn .p-parkSearch__list__label {
  border: 4px solid #3471A0;
  background-color: #fff;
}

.p-parkSearch__list__item--stay:hover .p-parkSearch__list__link {
  color: #fff;
}
.p-parkSearch__list__item--stay:hover .p-parkSearch__list__label {
  background-color: #B45565;
}
.p-parkSearch__list__item--stay .p-parkSearch__list__link {
  color: #B45565;
}
.p-parkSearch__list__item--stay .p-parkSearch__list__link::after {
  background-image: url(../images/button/btn_corrnerArrow_small_stay.svg);
}
.p-parkSearch__list__item--stay .p-parkSearch__list__label {
  border: 4px solid #B45565;
  background-color: #fff;
}

.p-parkSearch__list__item--work:hover .p-parkSearch__list__link {
  color: #fff;
}
.p-parkSearch__list__item--work:hover .p-parkSearch__list__label {
  background-color: #786089;
}
.p-parkSearch__list__item--work .p-parkSearch__list__link {
  color: #786089;
}
.p-parkSearch__list__item--work .p-parkSearch__list__link::after {
  background-image: url(../images/button/btn_corrnerArrow_small_work.svg);
}
.p-parkSearch__list__item--work .p-parkSearch__list__label {
  border: 4px solid #786089;
  background-color: #fff;
}
.p-parkSearch__list__item--work .p-parkSearch__list__label {
  padding: 0 20px 0 30px;
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  .p-parkSearch__list__item--work .p-parkSearch__list__label {
    padding: 0 20px;
    margin-left: 0;
  }
}

.p-parkSearch__list__item--grayout:hover .p-parkSearch__list__link {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
.p-parkSearch__list__item--grayout .p-parkSearch__list__link {
  color: #DBDBDB;
}
.p-parkSearch__list__item--grayout .p-parkSearch__list__link::after {
  background-image: none;
}
.p-parkSearch__list__item--grayout .p-parkSearch__list__label {
  border: 4px solid #DBDBDB;
}

.p-parkSearch__list__comingsoon {
  position: absolute;
  bottom: 10px;
  right: 25px;
  font-size: 1.625rem;
  font-family: Helvetica, Arial, sans-serif;
  color: #aaa;
  letter-spacing: 2px;
}

ul.p-parkSearch__bnrList {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  ul.p-parkSearch__bnrList {
    display: block;
  }
}
ul.p-parkSearch__bnrList > li::before {
  display: none;
  padding-left: 0;
}

.p-parkSearch__bnrList__item {
  display: inline-block;
  vertical-align: top;
  width: 19%;
  padding: 2px;
  margin: 5px 0.2%;
}

/* ***************************
parkList
*************************** */
.p-parkList {
  overflow: hidden;
  margin-top: 50px;
  padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .p-parkList {
    margin-top: 85px;
    padding-bottom: 150px;
    margin-bottom: -65px;
  }
}

.p-parkList__inner {
  position: relative;
  margin-top: 135px;
  margin-left: 13.4%;
  margin-right: 13.4%;
}
@media screen and (max-width: 768px) {
  .p-parkList__inner {
    margin-top: 65px;
    margin-left: 0;
    margin-right: 0;
  }
}
.p-parkList__inner .c-column {
  z-index: 0;
}
.p-parkList__inner .c-column__item > a {
  display: block;
}
.p-parkList__inner .c-column__item > a:focus {
  outline: none;
}
.p-parkList__inner .c-column__item > a:focus .p-parkList__item__photo {
  outline: 2px #dc1753 solid;
}

.p-parkList__deco--water {
  position: absolute;
  z-index: -1;
  bottom: -130px;
  right: -40px;
  width: 400px;
}
@media screen and (max-width: 768px) {
  .p-parkList__deco--water {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .p-parkList__deco--waterSP {
    position: absolute;
    z-index: -1;
    bottom: -113px;
    right: 0;
    width: 226px;
  }
}

.p-parkList__deco--mountain {
  position: absolute;
  z-index: -1;
  bottom: -140px;
  right: -40px;
  width: 400px;
}
@media screen and (max-width: 768px) {
  .p-parkList__deco--mountain {
    display: none;
  }
}

.p-parkList__deco--culture {
  position: absolute;
  z-index: -1;
  bottom: -160px;
  right: -40px;
}
@media screen and (max-width: 768px) {
  .p-parkList__deco--culture {
    display: none;
  }
}

.p-parkList__deco--animal {
  position: absolute;
  z-index: -1;
  bottom: -100px;
  right: 100px;
}
@media screen and (max-width: 768px) {
  .p-parkList__deco--animal {
    display: none;
  }
}

.p-parkList__deco--activity {
  position: absolute;
  z-index: -1;
  bottom: -130px;
  right: 0px;
}
@media screen and (max-width: 768px) {
  .p-parkList__deco--activity {
    display: none;
  }
}

.p-parkList__row {
  position: relative;
}

.p-parkList__row + .p-parkList__row {
  margin-top: 68px;
}
@media screen and (max-width: 768px) {
  .p-parkList__row + .p-parkList__row {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .p-parkList__row .c-column__item {
    text-align: center;
  }
}

.p-parkList__row__title {
  margin-top: 100px;
  font-size: 2.25rem;
  letter-spacing: 2.5px;
  max-width: 994px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .p-parkList__row__title {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-parkList__row__title {
    margin-top: 18px;
    margin-left: 0;
    margin-right: 0;
    font-size: 1.438rem;
    letter-spacing: 3.5px;
    text-align: center;
  }
}

.p-parkList__row__text {
  font-size: 1.125rem;
  margin-top: 32px;
  margin-bottom: 54px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15%;
  max-width: 994px;
  letter-spacing: 1.7px;
  line-height: 2.55;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 1160px) {
  .p-parkList__row__text {
    margin-left: 20px;
    margin-right: 20px;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-parkList__row__text {
    font-size: 0.938rem;
    margin-top: 12px;
    margin-bottom: 18px;
    margin-left: 0;
    margin-right: 0;
    letter-spacing: 0.5px;
    line-height: 2.13;
    padding: 0 35px 0 30px;
  }
}

.p-parkList__row__list {
  position: relative;
  padding-right: 55px;
  margin: 0 calc( ( 100vw - 994px ) / 2 );
}
@media screen and (max-width: 1160px) {
  .p-parkList__row__list {
    padding-right: 110px;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-parkList__row__list {
    padding-right: 0;
  }
}

.p-parkList__row__list::before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: calc( (( 100vw - 994px ) / 2) + 55px );
  right: calc( ( ( -1 * ( 100vw - 994px ) ) / 2) );
  top: 0;
  background-color: #fff;
  z-index: 1;
}
@media screen and (max-width: 1160px) {
  .p-parkList__row__list::before {
    width: 110px;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-parkList__row__list::before {
    display: none;
  }
}

.p-parkList__category {
  position: absolute;
  width: 46px;
  top: -5px;
  right: -5px;
  z-index: 2;
}
@media screen and (max-width: 1160px) {
  .p-parkList__category {
    left: 92%;
    right: inherit;
  }
}
@media screen and (max-width: 768px) {
  .p-parkList__category {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .p-parkList__row--mountain .p-parkList__category,
.p-parkList__row--animal .p-parkList__category {
    left: 10%;
  }
}

.p-parkList__category__icon {
  display: block;
}

.p-parkList__category__text {
  position: relative;
  display: block;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  letter-spacing: 3px;
  font-size: 1.188rem;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

_:-ms-lang(x)::-ms-backdrop, .p-parkList__category__text {
  left: 45%;
}

ul.p-parkList__slider > li {
  padding-left: 0;
}
ul.p-parkList__slider > li::before {
  display: none;
}
ul.p-parkList__slider .slick-list {
  overflow: inherit;
}
ul.p-parkList__slider .slick-prev.slick-arrow {
  left: calc( ( ( -1 * ( 100vw - 994px ) ) / 2) );
}
@media screen and (max-width: 1160px) {
  ul.p-parkList__slider .slick-prev.slick-arrow {
    left: 0;
  }
}
ul.p-parkList__slider .slick-arrow {
  margin-top: -30px;
}

li.p-parkList__item {
  max-width: 260px;
  margin: 0 20px;
}
@media screen and (max-width: 768px) {
  li.p-parkList__item {
    max-width: inherit;
    margin: 0 0 50px 0;
  }
}

.p-parkList__item__photoLink {
  display: block;
}
@media screen and (max-width: 768px) {
  .p-parkList__item__photoLink {
    margin: 0 25px;
    text-align: center;
  }
}
.p-parkList__item__photoLink:focus {
  outline: none;
}
.p-parkList__item__photoLink:focus .p-parkList__item__photo {
  outline: 2px solid #c21818;
  border-radius: 5px;
}

.p-parkList__item__photo {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  width: 260px;
  border-radius: 10px;
}
.p-parkList__item__photo:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
@media screen and (max-width: 768px) {
  .p-parkList__item__photo {
    width: 93.5%;
  }
}

.p-parkList__item__title {
  margin-top: 14px;
  display: block;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-parkList__item__title {
    margin-top: 14px;
    font-size: 1.125rem;
    letter-spacing: 1px;
  }
}

a.p-parkList__item__parkname {
  position: relative;
  display: block;
  text-align: center;
  color: #222;
  margin-bottom: 3px;
}
@media screen and (max-width: 768px) {
  a.p-parkList__item__parkname {
    position: relative;
    top: -3px;
  }
}
a.p-parkList__item__parkname::after {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  margin: 0;
  margin-left: 10px;
  background: none;
  background-image: url(../images/icon/icon_outerLink_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.p-parkList__row--water .p-parkList__row__title,
.p-parkList__row--water .p-parkList__category__text,
.p-parkList__row--water .p-parkList__item__title {
  color: #006AA2;
}
.p-parkList__row--water a.p-parkList__item__parkname:hover {
  color: #006AA2;
}
.p-parkList__row--water a.p-parkList__item__parkname::after {
  background-image: url(../images/icon/icon_outerLink_blue.svg);
}

.is-water ~ .p-parkList__row__list .p-parkList__item__title,
.is-water.p-parkList__row__title {
  color: #006AA2;
}

.is-water ~ .p-parkList__row__list a.p-parkList__item__parkname::after {
  background-image: url(../images/icon/icon_outerLink_blue.svg);
}

.p-parkList__row--mountain .p-parkList__row__title,
.p-parkList__row--mountain .p-parkList__category__text,
.p-parkList__row--mountain .p-parkList__item__title {
  color: #00756e;
}
.p-parkList__row--mountain a.p-parkList__item__parkname:hover {
  color: #00756e;
}
.p-parkList__row--mountain a.p-parkList__item__parkname::after {
  background-image: url(../images/icon/icon_outerLink_green.svg);
}

.is-mountain ~ .p-parkList__row__list .p-parkList__item__title,
.is-mountain.p-parkList__row__title {
  color: #00756e;
}

.is-mountain ~ .p-parkList__row__list a.p-parkList__item__parkname::after {
  background-image: url(../images/icon/icon_outerLink_green.svg);
}

.p-parkList__row--culture .p-parkList__row__title,
.p-parkList__row--culture .p-parkList__category__text,
.p-parkList__row--culture .p-parkList__item__title {
  color: #7a5098;
}
.p-parkList__row--culture a.p-parkList__item__parkname:hover {
  color: #7a5098;
}
.p-parkList__row--culture a.p-parkList__item__parkname::after {
  background-image: url(../images/icon/icon_outerLink_purple.svg);
}

.is-culture ~ .p-parkList__row__list .p-parkList__item__title,
.is-culture.p-parkList__row__title {
  color: #7a5098;
}

.is-culture ~ .p-parkList__row__list a.p-parkList__item__parkname::after {
  background-image: url(../images/icon/icon_outerLink_purple.svg);
}

@media screen and (max-width: 768px) {
  .p-parkList__row--animal {
    z-index: 1;
  }
}
.p-parkList__row--animal .p-parkList__row__title,
.p-parkList__row--animal .p-parkList__category__text,
.p-parkList__row--animal .p-parkList__item__title {
  color: #a8680f;
}
.p-parkList__row--animal a.p-parkList__item__parkname:hover {
  color: #a8680f;
}
.p-parkList__row--animal a.p-parkList__item__parkname::after {
  background-image: url(../images/icon/icon_outerLink_brown.svg);
}

.is-animal ~ .p-parkList__row__list .p-parkList__item__title,
.is-animal.p-parkList__row__title {
  color: #a8680f;
}

.is-animal ~ .p-parkList__row__list a.p-parkList__item__parkname::after {
  background-image: url(../images/icon/icon_outerLink_brown.svg);
}

.p-parkList__row--activity .p-parkList__row__title,
.p-parkList__row--activity .p-parkList__category__text,
.p-parkList__row--activity .p-parkList__item__title {
  color: #be4d8e;
}
.p-parkList__row--activity a.p-parkList__item__parkname:hover {
  color: #be4d8e;
}
.p-parkList__row--activity a.p-parkList__item__parkname::after {
  background-image: url(../images/icon/icon_outerLink_pink.svg);
}

.is-activity ~ .p-parkList__row__list .p-parkList__item__title,
.p-parkList__row__title.is-activity {
  color: #be4d8e;
}

.is-activity ~ .p-parkList__row__list a.p-parkList__item__parkname::after {
  background-image: url(../images/icon/icon_outerLink_pink.svg);
}

.is-topParkListSlider-modal-open .modaal-container {
  width: 100%;
}

/* ***************************
stamprally
*************************** */
.p-stamprally {
  background-image: url(../images/backimage/bg_stripe.png);
  background-position: -70px 0;
  background-repeat: repeat;
  background-size: cover;
  padding-bottom: 78px;
}
@media screen and (max-width: 768px) {
  .p-stamprally {
    padding-bottom: 58px;
    background-position: -25px 0;
  }
}

.p-stamprally__inner {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
}

.p-stamprally__head {
  position: relative;
  text-align: center;
  left: -76px;
  top: -21px;
}
@media screen and (max-width: 768px) {
  .p-stamprally__head {
    left: inherit;
    top: inherit;
  }
}
.p-stamprally__head img {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-stamprally__head img.u-spOnly {
    display: inline-block !important;
    position: relative;
    top: -12px;
    left: -27px;
  }
}

.p-stamprally__body {
  margin-top: 11px;
  margin-left: calc( ( 100% - 600px ) / 2);
  margin-right: calc( ( 100% - 600px ) / 2);
}
@media screen and (max-width: 768px) {
  .p-stamprally__body {
    margin-top: 15px;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
  }
}

.p-stamprally__body__visual {
  position: relative;
}

.p-stamprally__body__text {
  margin-top: 13px;
  line-height: 2;
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  .p-stamprally__body__text {
    text-align: left;
    margin-top: 15px;
    line-height: 1.75;
    letter-spacing: -1px;
  }
}

.p-stamprally__button {
  margin-top: 33px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-stamprally__button {
    margin-top: 18px;
  }
}
.p-stamprally__button .c-btn__body {
  padding-right: 60px;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .p-stamprally__button .c-btn__body {
    padding-right: 70px;
    padding-left: 60px;
  }
}

/* ***************************
parkSpecial
*************************** */
.p-parkSpecial {
  margin-top: 127px;
}
@media screen and (max-width: 768px) {
  .p-parkSpecial {
    margin-top: 69px;
  }
}

.p-parkSpecial__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .p-parkSpecial__inner {
    padding: 0;
  }
}

.p-parkSpecial__gotoBanner {
  margin-top: 0;
  text-align: center;
}

.p-parkSpecial__gotoBanner__image {
  width: 50%;
  max-width: 500px;
}

.p-parkSpecial__title {
  font-size: 2.5rem;
  line-height: 1.85;
  letter-spacing: 1px;
  color: #333333;
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-parkSpecial__title {
    font-size: 1.5rem;
    letter-spacing: 4px;
    line-height: 1.65;
    margin-left: 5%;
    margin-right: 5%;
  }
}

.p-parkSpecial__subTitle {
  margin-top: 10px;
  text-align: center;
  letter-spacing: 0.8px;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .p-parkSpecial__subTitle {
    margin-top: 15px;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 1.125rem;
    letter-spacing: 1.5px;
    line-height: 1.95;
  }
}

.p-parkSpecial__text {
  margin-top: 21px;
  text-align: center;
  letter-spacing: 0.8px;
}
@media screen and (max-width: 768px) {
  .p-parkSpecial__text {
    margin-top: 15px;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 0.875rem;
    letter-spacing: 1.5px;
    line-height: 1.95;
  }
}

.p-parkSpecial__list {
  display: inline-block;
  width: 100%;
  max-width: 1060px;
  margin-top: 61px;
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .p-parkSpecial__list {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 45px;
    margin-bottom: -11px;
  }
}
.p-parkSpecial__list .c-column__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc( 100% + 2 * 15px );
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -30px;
}
@media screen and (max-width: 768px) {
  .p-parkSpecial__list .c-column__body {
    display: block;
    width: 100%;
    margin: 0;
  }
}
.p-parkSpecial__list .c-column__item {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 30px;
  text-align: center;
}
.p-parkSpecial__list .c-column__item a {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.p-parkSpecial__list .c-column__item a:hover {
  opacity: 0.7;
}
.p-parkSpecial__list .c-column__item a:focus {
  outline: none;
}
.p-parkSpecial__list .c-column__item a:focus img {
  border: 2px #dc1753 solid;
}

.p-parkSpecial__button {
  margin-top: 76px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-parkSpecial__button {
    margin-top: 45px;
    margin-left: 10%;
    margin-right: 10%;
  }
}
.p-parkSpecial__button .c-btn {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .p-parkSpecial__button .c-btn {
    margin-right: 0;
    border-radius: 32px;
  }
}
.p-parkSpecial__button .c-btn__body {
  padding-right: 60px;
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  .p-parkSpecial__button .c-btn__body {
    height: 65px;
    padding-right: 40px;
    padding-left: 30px;
    text-align: left;
    line-height: 1.4;
    letter-spacing: 0.75px;
  }
}

/* ***************************
tryVisual
*************************** */
.p-tryVisual {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-tryVisual {
    margin-top: 86px;
  }
}

.p-tryVisual__inner {
  pointer-events: none;
  position: absolute;
  width: 100%;
  max-width: 1160px;
  height: 461px;
  top: 0;
  left: calc( (100% - 1160px) /2 );
  overflow: hidden;
}
@media screen and (max-width: 1160px) {
  .p-tryVisual__inner {
    width: 100%;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-tryVisual__inner {
    height: 300px;
  }
}
.p-tryVisual__inner .c-breadCrumb {
  margin-top: 18px;
}

.p-tryVisual__image {
  width: 100%;
}
.p-tryVisual__image img {
  width: 100%;
  height: 461px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 768px) {
  .p-tryVisual__image img {
    height: 300px;
  }
}
.p-tryVisual__image a:focus img {
  border: 2px #dc1753 solid;
}

.p-tryVisual__title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.p-tryVisual__title__inner {
  display: inline-block;
  position: relative;
  left: 0;
  top: -5px;
  padding: 8px 55px;
  border-radius: 50px;
  background-color: #fff;
  font-size: 300%;
}
@media screen and (max-width: 1160px) {
  .p-tryVisual__title__inner {
    left: 0;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .p-tryVisual__title__inner {
    padding: 3px 15px;
    font-size: 1.5rem;
    letter-spacing: -1px;
    top: 0;
  }
}

.is-tryIndex .p-tryVisual__title__inner {
  letter-spacing: 6.5px;
  padding: 8px 50px;
}
@media screen and (max-width: 768px) {
  .is-tryIndex .p-tryVisual__title__inner {
    letter-spacing: 5.5px;
    padding: 12px 17px;
    top: -2px;
  }
}

.p-tryVisual__title__text {
  position: relative;
  white-space: nowrap;
  word-break: keep-all;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .p-tryVisual__title__text {
    margin-left: 15px;
  }
}

.p-tryVisual__title__text__newline {
  display: none;
}
@media screen and (max-width: 1160px) {
  .p-tryVisual__title__text__newline {
    display: inherit;
  }
}

.is-tryIndex .p-tryVisual__title__text {
  left: 13px;
}
@media screen and (max-width: 768px) {
  .is-tryIndex .p-tryVisual__title__text {
    margin-left: 0;
    left: 5px;
    top: 2px;
  }
}

.isIE .p-tryVisual__title__text {
  top: 0.2em;
}

.p-tryVisual__title--enjoy .p-tryVisual__title__inner {
  padding: 4px 55px;
  background-color: #fff;
  border: 4px solid #B95E02;
}
@media screen and (max-width: 768px) {
  .p-tryVisual__title--enjoy .p-tryVisual__title__inner {
    padding: 4px 20px;
    border-width: 3px;
  }
}
.p-tryVisual__title--enjoy .p-tryVisual__title__text {
  color: #B95E02;
}
.p-tryVisual__title--enjoy .p-tryVisual__title__inner {
  padding: 4px 25px;
  letter-spacing: 6px;
}
@media screen and (max-width: 768px) {
  .p-tryVisual__title--enjoy .p-tryVisual__title__inner {
    padding: 16px 17px;
    top: -8px;
    line-height: 1.4;
  }
}
.p-tryVisual__title--enjoy .p-tryVisual__title__text {
  margin-left: 25px;
}
@media screen and (max-width: 768px) {
  .p-tryVisual__title--enjoy .p-tryVisual__title__text {
    margin-left: 0;
    left: 7px;
  }
}

.p-tryVisual__title--learn .p-tryVisual__title__inner {
  padding: 4px 55px;
  background-color: #fff;
  border: 4px solid #3471A0;
}
@media screen and (max-width: 768px) {
  .p-tryVisual__title--learn .p-tryVisual__title__inner {
    padding: 4px 20px;
    border-width: 3px;
  }
}
.p-tryVisual__title--learn .p-tryVisual__title__text {
  color: #3471A0;
}

.p-tryVisual__title--stay .p-tryVisual__title__inner {
  padding: 4px 55px;
  background-color: #fff;
  border: 4px solid #B45565;
}
@media screen and (max-width: 768px) {
  .p-tryVisual__title--stay .p-tryVisual__title__inner {
    padding: 4px 20px;
    border-width: 3px;
  }
}
.p-tryVisual__title--stay .p-tryVisual__title__text {
  color: #B45565;
}

.p-tryVisual__title--work .p-tryVisual__title__inner {
  padding: 4px 55px;
  background-color: #fff;
  border: 4px solid #786089;
}
@media screen and (max-width: 768px) {
  .p-tryVisual__title--work .p-tryVisual__title__inner {
    padding: 4px 20px;
    border-width: 3px;
  }
}
.p-tryVisual__title--work .p-tryVisual__title__text {
  color: #786089;
}

.p-tryVisual__title--travel .p-tryVisual__title__inner {
  padding: 4px 55px;
  background-color: #fff;
  border: 4px solid #006AA2;
}
@media screen and (max-width: 768px) {
  .p-tryVisual__title--travel .p-tryVisual__title__inner {
    padding: 4px 20px;
    border-width: 3px;
  }
}
.p-tryVisual__title--travel .p-tryVisual__title__text {
  color: #006AA2;
}

/* ***************************
tryIntroduction
*************************** */
.p-tryIntroduction {
  margin: 80px auto 0;
  padding-left: 80px;
  padding-right: 80px;
  max-width: 1160px;
  line-height: 2.1;
  letter-spacing: 0.75px;
  font-size: 1.063rem;
}
@media screen and (max-width: 768px) {
  .p-tryIntroduction {
    margin-top: 55px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1rem;
  }
}

/* ***************************
trySeek
*************************** */
.p-trySeek {
  margin-top: 65px;
}
@media screen and (max-width: 768px) {
  .p-trySeek {
    margin-top: 35px;
  }
}

.p-trySeek--all {
  margin-top: 132px;
}
@media screen and (max-width: 768px) {
  .p-trySeek--all {
    margin-top: 35px;
  }
}

.p-trySeek__enjyoApp {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .p-trySeek__enjyoApp {
    margin-top: 0;
  }
}

.p-trySeek--work {
  margin-top: 0;
}

/* ***************************
p-tryTravel
*************************** */
.p-tryTravel {
  position: relative;
  background-image: url(../images/modelCourse/modelCourseCatch_bg.png);
}
@media screen and (max-width: 768px) {
  .p-tryTravel {
    background-image: url(../images/modelCourse/modelCourseCatch_bg_sp.png);
  }
}
.p-tryTravel .c-greenArrowHeader {
  margin-top: 63px;
  padding: 0 20px 0 32px;
}
@media screen and (max-width: 768px) {
  .p-tryTravel .c-greenArrowHeader {
    margin-top: 56px;
    padding: 0 38px;
  }
}
.p-tryTravel .c-greenArrowHeader.is-wide.c-greenArrowHeader .c-greenArrowHeader__label {
  letter-spacing: 3.75px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-tryTravel .c-greenArrowHeader.is-wide.c-greenArrowHeader .c-greenArrowHeader__label {
    letter-spacing: 3px;
    line-height: 0.5;
  }
}

.p-tryTravel__inner {
  width: 100%;
  margin: 0 auto;
  padding-top: 110px;
  padding-bottom: 100px;
  max-width: 1160px;
}
@media screen and (max-width: 768px) {
  .p-tryTravel__inner {
    padding-top: 45px;
    padding-bottom: 0;
  }
}

.p-tryTravel__logo {
  text-align: center;
}

.p-tryTravel__logo__image {
  position: relative;
  left: 77px;
}
@media screen and (max-width: 900px) {
  .p-tryTravel__logo__image {
    left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-tryTravel__logo__image {
    max-width: 330px;
    left: 15px;
  }
}

.p-tryTravel__2box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 66px;
}
@media screen and (max-width: 768px) {
  .p-tryTravel__2box {
    display: block;
    margin-top: 42px;
  }
}

.p-tryTravel__content {
  position: relative;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding: 20px 20px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
@media screen and (max-width: 768px) {
  .p-tryTravel__content {
    padding: 20px 38px;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-tryTravel__content + .p-tryTravel__content {
    margin-top: 10px;
  }
}

.p-tryTravel__content__inner {
  background-color: #fff;
  border: 3px solid #EFE5AE;
  border-radius: 30px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-tryTravel__content__inner {
    border-radius: 30px;
  }
}

.p-tryTravel__infobox {
  padding: 40px 45px 130px;
}
@media screen and (max-width: 900px) {
  .p-tryTravel__infobox {
    padding: 30px 20px 130px;
  }
}
@media screen and (max-width: 768px) {
  .p-tryTravel__infobox {
    padding: 5px 25px 120px;
  }
}

.p-tryTravel__tags {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-tryTravel__tags {
    margin-top: 25px;
  }
}

.p-tryTravel__subtitle {
  margin-top: 20px;
  font-size: 0.938rem;
  letter-spacing: 0.75px;
  line-height: 2.1;
}
@media screen and (max-width: 768px) {
  .p-tryTravel__subtitle {
    margin-top: 17px;
    font-size: 0.75rem;
  }
}

.p-tryTravel__title {
  margin-top: 5px;
  font-size: 1.313rem;
  letter-spacing: 1.5px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-tryTravel__title {
    margin-top: 8px;
    font-size: 1.125rem;
    letter-spacing: 1px;
    line-height: 1.75;
  }
}

.p-tryTravel__button {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 68px;
}
@media screen and (max-width: 768px) {
  .p-tryTravel__button {
    bottom: 68px;
  }
}
.p-tryTravel__button .c-btn__body {
  min-width: 265px;
  font-size: 1rem;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 768px) {
  .p-tryTravel__button .c-btn__body {
    min-width: 215px;
  }
}

/* ***************************
relLink
*************************** */
.p-relLink {
  position: relative;
  margin-top: 97px;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .p-relLink {
    margin-top: 40px;
    padding: 0 40px;
  }
}

.p-relLink__inner {
  max-width: 1000px;
  margin: 0 auto;
}

.p-relLink__other {
  max-width: 1100px;
  margin: 40px auto 40px;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .p-relLink__other {
    margin: 20px auto 40px;
  }
}

/* ***************************
sitemap
*************************** */
.p-sitemap {
  position: relative;
  margin-top: 138px;
  margin-bottom: 270px;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .p-sitemap {
    margin-top: 48px;
    padding: 0 38px 7px;
  }
}

.p-sitemap__inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* ***************************
topEventSlider
*************************** */
.p-topEventSlider {
  padding-top: 180px;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .p-topEventSlider {
    padding-top: 90px;
  }
}
.p-topEventSlider .slick-list {
  overflow: inherit;
  overflow-y: visible;
}
.p-topEventSlider .slick-slide {
  outline: none;
}
.p-topEventSlider .slick-dots button {
  width: 13px;
  height: 13px;
  border: 1px solid #00756e;
}
.p-topEventSlider .js-topEventSlider-prev,
.p-topEventSlider .js-topEventSlider-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  padding: 0;
  margin: 0;
  border: none;
  width: 80px;
  height: 80px;
  background: url(../images/button/btn_toppageSlider.svg) no-repeat;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
  cursor: pointer;
}
@media screen and (max-width: 900px) {
  .p-topEventSlider .js-topEventSlider-prev,
.p-topEventSlider .js-topEventSlider-next {
    width: 40px;
    height: 40px;
    background-size: cover;
  }
}
.p-topEventSlider .js-topEventSlider-prev:focus,
.p-topEventSlider .js-topEventSlider-next:focus {
  outline: 2px #dc1753 solid;
}
.p-topEventSlider .js-topEventSlider-prev {
  -webkit-transform: scale(-1, 1) translateY(-50%);
  transform: scale(-1, 1) translateY(-50%);
  left: -195px;
}
@media screen and (max-width: 1160px) {
  .p-topEventSlider .js-topEventSlider-prev {
    left: -100px;
  }
}
@media screen and (max-width: 900px) {
  .p-topEventSlider .js-topEventSlider-prev {
    left: -20px;
  }
}
.p-topEventSlider .js-topEventSlider-next {
  right: -195px;
}
@media screen and (max-width: 1160px) {
  .p-topEventSlider .js-topEventSlider-next {
    right: -100px;
  }
}
@media screen and (max-width: 900px) {
  .p-topEventSlider .js-topEventSlider-next {
    right: -20px;
  }
}

.p-topEventSlider__togglePlay {
  margin-top: 20px;
  font-size: 0rem;
  vertical-align: middle;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-topEventSlider__togglePlay {
    display: block;
  }
}
.p-topEventSlider__togglePlay img {
  width: 20px;
  height: 20px;
}

.p-topEventSlider__togglePlay--play,
.p-topEventSlider__togglePlay--pause {
  display: inline-block;
}

.p-topEventSlider__togglePlay--play + .p-topEventSlider__togglePlay--pause {
  margin-left: 10px;
}

/* ***************************
topPickupSlider
*************************** */
.p-topPickupSlider {
  position: relative;
  margin-top: 75px;
  padding-bottom: 140px;
}
@media screen and (max-width: 768px) {
  .p-topPickupSlider {
    margin-top: 35px;
    padding-bottom: 70px;
  }
}
.p-topPickupSlider .slick-dots {
  bottom: -50px;
}
@media screen and (max-width: 768px) {
  .p-topPickupSlider .slick-dots {
    bottom: -29px;
  }
}
.p-topPickupSlider .slick-dots button {
  color: #fff;
  background: #888;
}
.p-topPickupSlider .slick-slide:focus {
  outline: none;
}
.p-topPickupSlider .slick-dots .slick-active button {
  background-color: #00756e;
}
.p-topPickupSlider .slick-prev,
.p-topPickupSlider .slick-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  padding: 0;
  margin: 0;
  border: none;
  width: 80px;
  height: 80px;
  background: url(../images/button/btn_toppagePickupSlider.svg) no-repeat;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
  cursor: pointer;
}
@media screen and (max-width: 1160px) {
  .p-topPickupSlider .slick-prev,
.p-topPickupSlider .slick-next {
    width: 40px;
    height: 40px;
    background-size: cover;
  }
}
.p-topPickupSlider .slick-prev:focus,
.p-topPickupSlider .slick-next:focus {
  outline: 2px #dc1753 solid;
}
.p-topPickupSlider .slick-prev {
  -webkit-transform: scale(-1, 1) translateY(-50%);
  transform: scale(-1, 1) translateY(-50%);
  left: calc( 17.75vw - 50px );
}
@media screen and (max-width: 1160px) {
  .p-topPickupSlider .slick-prev {
    left: calc( 17.75vw - 30px );
  }
}
@media screen and (max-width: 900px) {
  .p-topPickupSlider .slick-prev {
    left: 30px;
  }
}
.p-topPickupSlider .slick-next {
  right: calc( 17.75vw - 50px );
}
@media screen and (max-width: 1160px) {
  .p-topPickupSlider .slick-next {
    right: calc( 17.75vw - 30px );
  }
}
@media screen and (max-width: 900px) {
  .p-topPickupSlider .slick-next {
    right: 30px;
  }
}

.p-topPickupSlider__title {
  text-align: center;
  color: #00756e;
  font-size: 3.375rem;
  letter-spacing: 8px;
  padding-bottom: 17px;
  margin-left: 10px;
}
@media screen and (max-width: 1160px) {
  .p-topPickupSlider__title {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-topPickupSlider__title {
    font-size: 1.438rem;
    letter-spacing: 3px;
    padding-bottom: 5px;
  }
}

.p-topPickupSlider__list {
  position: relative;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
  opacity: 0;
}
.p-topPickupSlider__list > li::before {
  display: none;
}
.p-topPickupSlider__list.slick-initialized {
  opacity: 1;
}

.p-topPickupSlider__item {
  position: relative;
  padding: 0;
  margin: 0;
  width: 21.5vw;
}
@media screen and (max-width: 900px) {
  .p-topPickupSlider__item {
    width: 33vw;
  }
}
@media screen and (max-width: 768px) {
  .p-topPickupSlider__item {
    width: 45vw;
  }
}

.p-topPickupSlider__link {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 6px;
}
@media screen and (max-width: 768px) {
  .p-topPickupSlider__link {
    margin: 0 3px;
  }
}
.p-topPickupSlider__link:focus {
  outline: none;
}
.p-topPickupSlider__link:focus img {
  border: 2px #dc1753 solid;
}
.p-topPickupSlider__link:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.p-topPickupSlider__image {
  border-radius: 10px;
  border: 2px solid #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media screen and (max-width: 768px) {
  .p-topPickupSlider__image {
    position: relative;
  }
}

.p-topPickupSlider__togglePlay {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  text-align: right;
}
@media screen and (max-width: 1160px) {
  .p-topPickupSlider__togglePlay {
    max-width: 750px;
  }
}
@media screen and (max-width: 900px) {
  .p-topPickupSlider__togglePlay {
    max-width: 550px;
  }
}
@media screen and (max-width: 768px) {
  .p-topPickupSlider__togglePlay {
    max-width: inherit;
    display: inline-block;
    position: absolute;
    right: 0;
  }
}
.p-topPickupSlider__togglePlay img {
  margin: 1px;
  width: 20px;
  height: 20px;
}

.p-topPickupSlider__togglePlay__inner {
  position: relative;
  display: inline-block;
  top: 35px;
}
@media screen and (max-width: 768px) {
  .p-topPickupSlider__togglePlay__inner {
    top: 15px;
    left: -13px;
  }
}

.p-topPickupSlider__togglePlay--play,
.p-topPickupSlider__togglePlay--pause {
  display: inline-block;
  height: 22px;
}

.p-topPickupSlider__togglePlay--play + .p-topPickupSlider__togglePlay--pause {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .p-topPickupSlider__togglePlay--play + .p-topPickupSlider__togglePlay--pause {
    margin-left: 4px;
  }
}

/* ***************************
topKidsParkRanger
*************************** */
.p-topKidsParkRanger {
  background-image: url(../images/backimage/bg_stripe.png);
  background-position: -70px 0;
  background-repeat: repeat;
  background-size: cover;
  padding-bottom: 78px;
}
@media screen and (max-width: 768px) {
  .p-topKidsParkRanger {
    padding-bottom: 58px;
    background-position: -25px 0;
  }
}

.p-topKidsParkRanger__inner {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
}

.p-topKidsParkRanger__head {
  position: relative;
  text-align: center;
  left: 9px;
  top: 34px;
}
@media screen and (max-width: 768px) {
  .p-topKidsParkRanger__head {
    left: inherit;
    top: inherit;
  }
}
.p-topKidsParkRanger__head img {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-topKidsParkRanger__head img.u-spOnly {
    display: inline-block !important;
    position: relative;
    top: inherit;
    left: inherit;
    width: 300px;
    margin-top: 45px;
    margin-bottom: 6px;
  }
}

.p-topKidsParkRanger__body {
  margin-top: 80px;
  margin-left: calc( ( 100% - 600px ) / 2);
  margin-right: calc( ( 100% - 600px ) / 2);
}
@media screen and (max-width: 768px) {
  .p-topKidsParkRanger__body {
    margin-top: 15px;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
  }
}

.p-topKidsParkRanger__body__visual {
  position: relative;
}

.p-topKidsParkRanger__body__text {
  margin-top: 13px;
  line-height: 2;
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  .p-topKidsParkRanger__body__text {
    text-align: left;
    margin-top: 15px;
    line-height: 1.75;
    letter-spacing: -1px;
  }
}

.p-topKidsParkRanger__button {
  margin-top: 33px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-topKidsParkRanger__button {
    margin-top: 18px;
  }
}
.p-topKidsParkRanger__button .c-btn__body {
  padding-right: 60px;
  padding-left: 50px;
}

/* ***************************
topParkCtgSlider
*************************** */
.p-topParkCtgSlider {
  position: relative;
}

ul.p-topParkCtgSlider__slider {
  z-index: 1;
}
ul.p-topParkCtgSlider__slider .slick-dots {
  bottom: -30px;
}
ul.p-topParkCtgSlider__slider .slick-dots button {
  background-color: #bbb;
}
ul.p-topParkCtgSlider__slider .slick-dots .slick-active button {
  color: #fff;
  background-color: #00756e;
}

li.p-topParkCtgSlider__item::before {
  display: none;
}

.p-topParkCtgSlider__image {
  max-width: 360px;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .p-topParkCtgSlider__image {
    position: relative;
    left: -50px;
    max-width: 260px;
    padding: 0 15px;
  }
}

.p-topParkCtgSlider__togglePlay {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  text-align: right;
  z-index: 0;
}
@media screen and (max-width: 1160px) {
  .p-topParkCtgSlider__togglePlay {
    max-width: 750px;
  }
}
@media screen and (max-width: 900px) {
  .p-topParkCtgSlider__togglePlay {
    max-width: 550px;
  }
}
@media screen and (max-width: 768px) {
  .p-topParkCtgSlider__togglePlay {
    max-width: inherit;
  }
}
.p-topParkCtgSlider__togglePlay img {
  margin: 1px;
  width: 20px;
  height: 20px;
}

.p-topParkCtgSlider__togglePlay__inner {
  position: relative;
  display: inline-block;
  top: 0;
}
@media screen and (max-width: 768px) {
  .p-topParkCtgSlider__togglePlay__inner {
    top: 10px;
    right: 20px;
  }
}

.p-topParkCtgSlider__togglePlay--play,
.p-topParkCtgSlider__togglePlay--pause {
  display: inline-block;
  height: 22px;
}

.p-topParkCtgSlider__togglePlay--play + .p-topParkCtgSlider__togglePlay--pause {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .p-topParkCtgSlider__togglePlay--play + .p-topParkCtgSlider__togglePlay--pause {
    margin-left: 4px;
  }
}

/* ***************************
cornerVisual
*************************** */
.p-cornerVisual {
  position: relative;
}

.p-cornerVisual__inner {
  pointer-events: none;
  position: absolute;
  width: 100%;
  max-width: 1160px;
  height: 461px;
  top: 0;
  left: calc( (100% - 1160px) /2 );
  overflow: hidden;
}
@media screen and (max-width: 1160px) {
  .p-cornerVisual__inner {
    width: 100%;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-cornerVisual__inner {
    height: 300px;
  }
}
.p-cornerVisual__inner .c-breadCrumb {
  margin-top: 18px;
}

.p-cornerVisual__image {
  width: 100%;
}
.p-cornerVisual__image img {
  width: 100%;
  height: 461px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 768px) {
  .p-cornerVisual__image img {
    height: 300px;
  }
}
.p-cornerVisual__image a:focus img {
  border: 2px #dc1753 solid;
}

.p-cornerVisual__title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.p-cornerVisual__title__inner {
  display: inline-block;
  position: relative;
  left: 0;
  top: -5px;
  padding: 8px 68px;
  border-radius: 50px;
  background-color: #fff;
  font-size: 300%;
}
@media screen and (max-width: 1160px) {
  .p-cornerVisual__title__inner {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-cornerVisual__title__inner {
    font-size: 1.5rem;
    padding: 10px 28px;
    top: -1px;
  }
}

.p-cornerVisual__title__text {
  position: relative;
  white-space: nowrap;
  word-break: keep-all;
  color: #00756e;
  letter-spacing: 6px;
}
@media screen and (max-width: 768px) {
  .p-cornerVisual__title__text {
    margin-left: 15px;
    letter-spacing: 4px;
    left: -4px;
  }
}

.isIE .p-cornerVisual__title__text {
  top: 0.2em;
}

/* ***************************
pageTitle
*************************** */
.p-pageTitle {
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-pageTitle.is-pagetop {
    margin-top: 86px;
  }
}

.p-pageTitle__inner {
  pointer-events: none;
  position: absolute;
  width: 100%;
  max-width: 1160px;
  height: 350px;
  top: 0;
  left: calc( (100% - 1160px) /2 );
  overflow: hidden;
}
@media screen and (max-width: 1160px) {
  .p-pageTitle__inner {
    width: 100%;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-pageTitle__inner {
    height: 200px;
  }
}
.p-pageTitle__inner .c-breadCrumb {
  margin-top: 18px;
}

.p-pageTitle__background {
  width: 100%;
  background-color: #f4f3ed;
  width: 100%;
  height: 350px;
}
@media screen and (max-width: 768px) {
  .p-pageTitle__background {
    height: 200px;
  }
}
.p-pageTitle__background img {
  width: 100%;
  height: 350px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 768px) {
  .p-pageTitle__background img {
    height: 200px;
  }
}

.p-pageTitle__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.p-pageTitle__title__inner {
  display: inline-block;
  position: relative;
  left: 0;
  top: -5px;
  padding: 8px 55px;
  border-radius: 50px;
  background-color: #fff;
  max-width: 80vw;
}
@media screen and (max-width: 1160px) {
  .p-pageTitle__title__inner {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-pageTitle__title__inner {
    top: 0;
    padding: 16px 35px;
    line-height: 1.2;
    text-align: center;
  }
}

.p-pageTitle__title__text {
  position: relative;
  color: #00756e;
  letter-spacing: 5px;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .p-pageTitle__title__text {
    font-size: 1.688rem;
    letter-spacing: 1.75px;
  }
}

.isIE .p-pageTitle__title__text {
  top: 0.2em;
}

/* ***************************
pageVisualTitle
*************************** */
.p-pageVisualTitle {
  position: relative;
}

.p-pageVisualTitle.is-pagetop {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-pageVisualTitle.is-pagetop {
    margin-top: 85px;
    top: -5px;
  }
}

.p-pageVisualTitle__inner {
  pointer-events: none;
  position: absolute;
  width: 100%;
  max-width: 1160px;
  height: 461px;
  top: 0;
  left: calc( (100% - 1160px) /2 );
  overflow: hidden;
}
@media screen and (max-width: 1160px) {
  .p-pageVisualTitle__inner {
    width: 100%;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-pageVisualTitle__inner {
    height: 300px;
  }
}
.p-pageVisualTitle__inner .c-breadCrumb {
  margin-top: 18px;
}

.p-pageVisualTitle__image {
  width: 100%;
}
.p-pageVisualTitle__image img {
  width: 100%;
  height: 461px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 768px) {
  .p-pageVisualTitle__image img {
    height: 300px;
  }
}
.p-pageVisualTitle__image a:focus img {
  border: 2px #dc1753 solid;
}

.p-pageVisualTitle__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.p-pageVisualTitle__title__inner {
  display: inline-block;
  position: relative;
  left: 0;
  top: -10px;
  padding: 14px 57px;
  border-radius: 100px;
  background-color: #fff;
  text-align: center;
}
@media screen and (max-width: 1160px) {
  .p-pageVisualTitle__title__inner {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-pageVisualTitle__title__inner {
    min-width: 75vw;
    padding: 16px 40px;
    top: 2px;
  }
}

.p-pageVisualTitle__title.is-parknameOnly .p-pageVisualTitle__title__inner {
  top: -5px;
  padding: 17px 57px;
}

.p-pageVisualTitle__title__text {
  position: relative;
  display: block;
  max-width: 1000px;
  color: #00756e;
  letter-spacing: 7px;
  font-size: 3rem;
  line-height: 1.4;
  margin-top: -6px;
}
@media screen and (max-width: 768px) {
  .p-pageVisualTitle__title__text {
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 1px;
    white-space: inherit;
    word-break: inherit;
    margin-top: 2px;
  }
}

.is-font36px .p-pageVisualTitle__title__text {
  font-size: 2.25rem;
}
@media screen and (max-width: 768px) {
  .is-font36px .p-pageVisualTitle__title__text {
    font-size: 1.125rem;
  }
}

.is-font42px .p-pageVisualTitle__title__text {
  font-size: 2.625rem;
}
@media screen and (max-width: 768px) {
  .is-font42px .p-pageVisualTitle__title__text {
    font-size: 1.313rem;
  }
}

.p-pageVisualTitle__title.is-parknameOnly .p-pageVisualTitle__title__text {
  margin-top: 0;
}

.isIE .p-pageVisualTitle__title__text {
  top: 0.2em;
}

.p-pageVisualTitle__title__head {
  position: relative;
  display: block;
  color: #00756e;
  letter-spacing: 1px;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .p-pageVisualTitle__title__head {
    font-size: 1rem;
    letter-spacing: 2.25px;
    white-space: inherit;
    word-break: inherit;
  }
}

.isIE .p-pageVisualTitle__title__head {
  top: 0.2em;
}

.p-pageVisualTitle__areaPict {
  position: absolute;
  bottom: 0;
  left: 0;
}

.p-pageVisualTitle__areaPict__image {
  max-width: 100%;
  width: 34vw;
}

/* ***************************
parkMenu
*************************** */
.p-parkMenu {
  position: relative;
}

.p-parkMenu__inner {
  position: relative;
  margin: 0 auto;
}

.is-item4 .p-parkMenu__inner {
  max-width: 800px;
}

.is-item5 .p-parkMenu__inner {
  max-width: 1120px;
}

.is-item6 .p-parkMenu__inner {
  max-width: 1150px;
}

.is-item7 .p-parkMenu__inner {
  max-width: 1120px;
}

ul.p-parkMenu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  ul.p-parkMenu__list {
    display: block;
    text-align: center;
  }
}

.is-item6 ul.p-parkMenu__list,
.is-item7 ul.p-parkMenu__list {
  left: -10px;
}
@media screen and (max-width: 768px) {
  .is-item6 ul.p-parkMenu__list,
.is-item7 ul.p-parkMenu__list {
    left: 0;
  }
}

.p-parkMenu__item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item {
    display: inline-block;
    padding: 0 5px 15px;
    vertical-align: top;
  }
}
.p-parkMenu__item:hover {
  cursor: pointer;
}
.p-parkMenu__item.is-current .p-parkMenu__link, .p-parkMenu__item:hover .p-parkMenu__link {
  color: #00756e;
}
.p-parkMenu__item::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  background-color: inherit;
}

.is-item5 .p-parkMenu__item {
  -ms-flex-preferred-size: calc( 1120px / 5 );
  flex-basis: calc( 1120px / 5 );
}
@media screen and (max-width: 768px) {
  .is-item5 .p-parkMenu__item {
    width: 25%;
  }
}

.is-item6 .p-parkMenu__item {
  -ms-flex-preferred-size: calc( 1120px / 6 );
  flex-basis: calc( 1120px / 6 );
}
@media screen and (max-width: 768px) {
  .is-item6 .p-parkMenu__item {
    width: 25%;
  }
}

.is-item7 .p-parkMenu__item {
  -ms-flex-preferred-size: calc( 1120px / 7 );
  flex-basis: calc( 1120px / 7 );
}
@media screen and (max-width: 768px) {
  .is-item7 .p-parkMenu__item {
    width: 20%;
  }
}

.p-parkMenu__link {
  position: relative;
  display: block;
  color: #222;
  font-size: 1.125rem;
  line-height: 1.35;
  padding: 70px 0 10px;
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.p-parkMenu__link.visited, .p-parkMenu__link:visited {
  color: #222;
}
.p-parkMenu__link.hover, .p-parkMenu__link:hover {
  color: #067c00;
}
@media screen and (max-width: 768px) {
  .p-parkMenu__link {
    padding: 54px 0 10px;
    background-size: 50px;
    font-size: 0.75rem;
  }
}
.p-parkMenu__link::after {
  content: "";
  display: block;
  position: relative;
  margin: 0 auto;
  top: 10px;
  width: 20px;
  height: 5px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  background-image: url("../images/icon/icon_parkmenu_bar.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__link::after {
    display: none;
  }
}
.is-current .p-parkMenu__link::after, .p-parkMenu__link:hover::after {
  opacity: 1;
}

.p-parkMenu__link__text {
  display: inline-block;
  min-height: 58px;
}

.p-parkMenu__item.is-index .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_index_off.svg");
}

.p-parkMenu__item.is-index.is-current .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_index_on.svg");
}

.p-parkMenu__item.is-index:hover .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_index_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-index:hover .p-parkMenu__link {
    background-image: url("../images/icon/icon_parkmenu_index_off.svg");
  }
}

.p-parkMenu__item.is-index::before {
  background-image: url("../images/icon/icon_parkmenu_index_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-index::before {
    background-image: none;
  }
}

.p-parkMenu__item.is-feature .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_feature_off.svg");
}

.p-parkMenu__item.is-feature.is-current .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_feature_on.svg");
}

.p-parkMenu__item.is-feature:hover .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_feature_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-feature:hover .p-parkMenu__link {
    background-image: url("../images/icon/icon_parkmenu_feature_off.svg");
  }
}

.p-parkMenu__item.is-feature::before {
  background-image: url("../images/icon/icon_parkmenu_feature_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-feature::before {
    background-image: none;
  }
}

.p-parkMenu__item.is-spot .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_spot_off.svg");
}

.p-parkMenu__item.is-spot.is-current .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_spot_on.svg");
}

.p-parkMenu__item.is-spot:hover .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_spot_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-spot:hover .p-parkMenu__link {
    background-image: url("../images/icon/icon_parkmenu_spot_off.svg");
  }
}

.p-parkMenu__item.is-spot::before {
  background-image: url("../images/icon/icon_parkmenu_spot_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-spot::before {
    background-image: none;
  }
}

.p-parkMenu__item.is-try .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_try_off.svg");
}

.p-parkMenu__item.is-try.is-current .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_try_on.svg");
}

.p-parkMenu__item.is-try:hover .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_try_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-try:hover .p-parkMenu__link {
    background-image: url("../images/icon/icon_parkmenu_try_off.svg");
  }
}

.p-parkMenu__item.is-try::before {
  background-image: url("../images/icon/icon_parkmenu_try_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-try::before {
    background-image: none;
  }
}

.p-parkMenu__item.is-course .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_course_off.svg");
}

.p-parkMenu__item.is-course.is-current .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_course_on.svg");
}

.p-parkMenu__item.is-course:hover .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_course_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-course:hover .p-parkMenu__link {
    background-image: url("../images/icon/icon_parkmenu_course_off.svg");
  }
}

.p-parkMenu__item.is-course::before {
  background-image: url("../images/icon/icon_parkmenu_course_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-course::before {
    background-image: none;
  }
}

.p-parkMenu__item.is-access .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_access_off.svg");
}

.p-parkMenu__item.is-access.is-current .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_access_on.svg");
}

.p-parkMenu__item.is-access:hover .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_access_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-access:hover .p-parkMenu__link {
    background-image: url("../images/icon/icon_parkmenu_access_off.svg");
  }
}

.p-parkMenu__item.is-access::before {
  background-image: url("../images/icon/icon_parkmenu_access_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-access::before {
    background-image: none;
  }
}

.p-parkMenu__item.is-manner .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_manner_off.svg");
}

.p-parkMenu__item.is-manner.is-current .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_manner_on.svg");
}

.p-parkMenu__item.is-manner:hover .p-parkMenu__link {
  background-image: url("../images/icon/icon_parkmenu_manner_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-manner:hover .p-parkMenu__link {
    background-image: url("../images/icon/icon_parkmenu_manner_off.svg");
  }
}

.p-parkMenu__item.is-manner::before {
  background-image: url("../images/icon/icon_parkmenu_manner_on.svg");
}
@media screen and (max-width: 768px) {
  .p-parkMenu__item.is-manner::before {
    background-image: none;
  }
}

/* ***************************
pageH2OnlyText
*************************** */
.p-pageH2OnlyText {
  position: relative;
}

.p-pageH2OnlyText__background {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-pageH2OnlyText__background {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

.p-pageH2OnlyText__inner {
  position: relative;
  margin: 0 auto;
  max-width: 1080px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-pageH2OnlyText__inner {
    padding: 0 38px;
  }
}

@media screen and (max-width: 768px) {
  .p-pageH2OnlyText__head {
    margin-top: 8px;
  }
}

.p-pageH2OnlyText__head__mainText {
  font-size: 2.688rem;
  line-height: 1.5;
  text-align: left;
  letter-spacing: 5.75px;
}
@media screen and (max-width: 768px) {
  .p-pageH2OnlyText__head__mainText {
    text-align: left;
    font-size: 1.5rem;
    letter-spacing: 2.4px;
  }
}

.p-pageH2OnlyText__body {
  position: relative;
  margin-top: 36px;
}
@media screen and (max-width: 768px) {
  .p-pageH2OnlyText__body {
    margin-top: 20px;
  }
}

.p-pageH2OnlyText__body__text {
  line-height: 1.94;
  letter-spacing: 0.65px;
  text-align: left;
  font-size: 1.063rem;
}
@media screen and (max-width: 768px) {
  .p-pageH2OnlyText__body__text {
    text-align: left;
    letter-spacing: 0;
    line-height: 1.9;
    font-size: 1rem;
  }
}

.p-pageH2OnlyText__body__text + .p-pageH2OnlyText__body__text {
  margin-top: 33px;
}
@media screen and (max-width: 768px) {
  .p-pageH2OnlyText__body__text + .p-pageH2OnlyText__body__text {
    margin-top: 30px;
  }
}

.p-pageH2OnlyText__body__markerText {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff476));
  background: linear-gradient(transparent 60%, #fff476 60%);
}

.is-center.p-pageH2OnlyText .p-pageH2OnlyText__background {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .is-center.p-pageH2OnlyText .p-pageH2OnlyText__background {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.is-center.p-pageH2OnlyText .p-pageH2OnlyText__body {
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .is-center.p-pageH2OnlyText .p-pageH2OnlyText__body {
    margin-top: 20px;
  }
}
.is-center.p-pageH2OnlyText .p-pageH2OnlyText__head__mainText,
.is-center.p-pageH2OnlyText .p-pageH2OnlyText__body__text {
  text-align: center;
}

.is-bgGreen.p-pageH2OnlyText .p-pageH2OnlyText__background {
  background-color: #00756e;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .is-bgGreen.p-pageH2OnlyText .p-pageH2OnlyText__background {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.is-bgGreen.p-pageH2OnlyText .p-pageH2OnlyText__head__mainText,
.is-bgGreen.p-pageH2OnlyText .p-pageH2OnlyText__body__text {
  color: #fff;
}

.is-headTxetGreen.p-pageH2OnlyText .p-pageH2OnlyText__head__mainText {
  color: #00756e;
}

/* ***************************
pageH3OnlyText
*************************** */
.p-pageH3OnlyText {
  position: relative;
}

.p-pageH3OnlyText__background {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-pageH3OnlyText__background {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.p-pageH3OnlyText__inner {
  position: relative;
  margin: 0 auto;
  max-width: 1080px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-pageH3OnlyText__inner {
    padding: 0 38px;
  }
}

.p-pageH3OnlyText__head {
  position: relative;
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  .p-pageH3OnlyText__head {
    padding-left: 30px;
  }
}
.p-pageH3OnlyText__head::before {
  content: "■";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: -5px;
  font-size: 1.75rem;
  line-height: 1.86;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .p-pageH3OnlyText__head::before {
    top: 0;
    left: 0;
    font-size: 1.125rem;
    line-height: 1.86;
  }
}

.p-pageH3OnlyText__head__mainText {
  font-size: 2rem;
  line-height: 1.86;
  text-align: left;
  letter-spacing: 5px;
}
@media screen and (max-width: 768px) {
  .p-pageH3OnlyText__head__mainText {
    line-height: 1.38;
    text-align: left;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}

.p-pageH3OnlyText__body {
  position: relative;
  margin-top: 17px;
}
@media screen and (max-width: 768px) {
  .p-pageH3OnlyText__body {
    margin-top: 20px;
  }
}

.p-pageH3OnlyText__body__text {
  line-height: 1.94;
  letter-spacing: 0.65px;
  text-align: left;
  font-size: 1.063rem;
}
@media screen and (max-width: 768px) {
  .p-pageH3OnlyText__body__text {
    text-align: left;
    letter-spacing: -0.5px;
    line-height: 1.9;
    font-size: 1rem;
  }
}

.p-pageH3OnlyText__body__text + .p-pageH3OnlyText__body__text {
  margin-top: 33px;
}
@media screen and (max-width: 768px) {
  .p-pageH3OnlyText__body__text + .p-pageH3OnlyText__body__text {
    margin-top: 30px;
  }
}

.p-pageH3OnlyText__body__markerText {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff476));
  background: linear-gradient(transparent 60%, #fff476 60%);
}

.p-pageH3OnlyText__body__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .p-pageH3OnlyText__body__flex {
    display: block;
    margin-top: 65px;
  }
}

.p-pageH3OnlyText__body__flex__image {
  -ms-flex-preferred-size: 43.3%;
  flex-basis: 43.3%;
}
@media screen and (max-width: 768px) {
  .p-pageH3OnlyText__body__flex__image {
    padding: 0 15px;
  }
}

.p-pageH3OnlyText__body__flex__contents {
  -ms-flex-preferred-size: 56.7%;
  flex-basis: 56.7%;
  padding-left: 11%;
  padding-right: 2%;
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .p-pageH3OnlyText__body__flex__contents {
    padding-left: 0;
    padding-right: 0;
    padding-top: 45px;
  }
}

/* ***************************
cardList
*************************** */
.p-cardList {
  position: relative;
  text-align: center;
}

.p-cardList__background {
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.p-cardList.is-bgBeige .p-cardList__background {
  background-color: #f4f3ed;
}

.p-cardList__inner {
  padding-top: 150px;
  padding-bottom: 100px;
  position: relative;
  margin: 0 auto;
  max-width: 1140px;
}
@media screen and (max-width: 768px) {
  .p-cardList__inner {
    padding-top: 70px;
    padding-bottom: 30px;
  }
}

.p-cardList__resultListNum {
  position: absolute;
  top: -50px;
  right: 0;
  margin: 0 20px;
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 1.8px;
  text-align: right;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .p-cardList__resultListNum {
    right: 20px;
  }
}

.p-cardList__listview {
  position: relative;
}
.p-cardList__listview ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .p-cardList__listview ul {
    display: block;
  }
}
.p-cardList__listview ul > li::before {
  display: none;
}
.p-cardList__listview li {
  width: 33.33%;
  margin: 0 0 40px;
  padding: 0;
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-cardList__listview li {
    width: calc( 100% - 40px);
    margin: 0 auto 30px;
  }
}
.p-cardList__listview li > .p-cardItem {
  width: calc( 100% - 40px);
  height: 100%;
  margin: 0 20px;
}

.p-cardList__andMoreBtn {
  margin-top: 20px;
  text-align: center;
}

.p-cardList__andMoreBtn__btn .c-btn__body {
  min-width: 300px;
}
@media screen and (max-width: 768px) {
  .p-cardList__andMoreBtn__btn .c-btn__body {
    min-width: 60%;
  }
}

.is-smallPadding.p-cardList .p-cardList__inner {
  padding-top: 30px;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .is-smallPadding.p-cardList .p-cardList__inner {
    padding-top: 30px;
    padding-bottom: 10px;
  }
}

/* ***************************
cardItem
*************************** */
.p-cardItem {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  text-align: left;
  overflow: hidden;
}

.p-cardItem__link {
  display: block;
  height: 100%;
  text-decoration: none;
  color: #222;
}
.p-cardItem__link:hover, .p-cardItem__link:visited {
  color: #222;
}
.p-cardItem__link:hover .p-cardItem__figure > img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.p-cardItem__link:focus {
  border: 2px #dc1753 solid;
  border-radius: 10px;
  overflow: hidden;
}
.p-cardItem__link:focus .p-cardItem__info {
  padding-left: calc( 10% - 2px);
  padding-right: calc( 10% - 2px);
}

.p-cardItem__figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.p-cardItem__figure > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}
@media screen and (max-width: 768px) {
  .p-cardItem__figure > img {
    width: 100%;
    max-width: inherit;
  }
}

.p-cardItem__info {
  position: relative;
  margin-top: 5px;
  padding: 20px 10% 20px;
  min-height: 195px;
}

.p-cardItem__info__idx {
  position: absolute;
  top: -50px;
  left: 15px;
  border-radius: 2px;
  padding: 3px 8px;
  border: 1px solid #ddd;
  background-color: #f4f3ed;
  opacity: 0.4;
  line-height: 1.5;
}

.p-cardItem__info__pref {
  margin: 0;
  font-size: 0.75rem;
  color: #00756e;
}

.v-App__ItemCard__info__pref__icon {
  margin-right: 5px;
  vertical-align: middle;
}

.p-cardItem__info__head {
  margin-top: 0;
}

.p-cardItem__info__mainTitle {
  margin-top: 15px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
}

.p-cardItem__info__subText {
  margin-top: 13px;
  font-size: 0.75rem;
  line-height: 2.33;
  letter-spacing: 0.5px;
}

.p-cardItem__tags {
  margin-top: 10px;
}

.p-cardItem__tagicon {
  display: inline-block;
  margin-top: 10px;
  font-size: 0.75rem;
  padding: 0 13px;
  border-radius: 16px;
  background-color: #f4f3ed;
}

.p-cardItem.is-course .p-cardItem__link {
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-cardItem.is-course .p-cardItem__link {
    padding-bottom: 15px;
  }
}
.p-cardItem.is-course .p-cardItem__tags {
  margin-top: 0;
}

.p-cardItem.is-bgBeige {
  background-color: #f4f3ed;
}
.p-cardItem.is-bgBeige .p-cardItem__tagicon {
  background-color: #fff;
}

/* ***************************
parkBtmList
*************************** */
.p-parkBtmList {
  position: relative;
}

.p-parkBtmList__back {
  padding-top: 400px;
  padding-bottom: 145px;
  background-image: url(../images/backimage/bg_park_bottom_pc.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-parkBtmList__back {
    padding-top: 136px;
    padding-bottom: 80px;
    background-image: url(../images/backimage/bg_park_bottom_sp.png);
  }
}

.p-parkBtmList__inner {
  position: relative;
  margin: 0 auto;
  max-width: 1115px;
}

.p-parkBtmList__head {
  position: absolute;
  top: -112px;
  left: 0;
  line-height: 64px;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-parkBtmList__head {
    position: static;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    letter-spacing: 0px;
    line-height: 1;
    padding: 0 37px;
  }
}

.p-parkBtmList__head__phrase {
  display: block;
}
@media screen and (max-width: 768px) {
  .p-parkBtmList__head__phrase {
    display: inline-block;
    background-color: #fff;
    padding: 5px 0;
  }
}

.p-parkBtmList__head__phrase__text {
  font-size: 2rem;
  letter-spacing: 18px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-parkBtmList__head__phrase__text {
    font-size: 1.313rem;
    letter-spacing: 4.5px;
    background-color: inherit;
  }
}

.p-parkBtmList__body {
  position: relative;
  display: inline-block;
  left: 210px;
  width: 930px;
}
@media screen and (max-width: 1365px) {
  .p-parkBtmList__body {
    left: 15%;
    width: 80%;
  }
}
@media screen and (max-width: 900px) {
  .p-parkBtmList__body {
    left: 20%;
    width: 75%;
  }
}
@media screen and (max-width: 768px) {
  .p-parkBtmList__body {
    position: static;
    display: block;
    margin: 45px 22px 0;
    width: calc( 100% - 44px );
  }
}

ul.p-parkBtmList__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
ul.p-parkBtmList__list > li {
  padding-left: 0;
}
ul.p-parkBtmList__list > li::before {
  display: none;
}

li.p-parkBtmList__item {
  width: 33.33%;
  margin: 0 0 50px;
  padding: 0;
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  li.p-parkBtmList__item {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin: 0 0 25px;
    line-height: 1.3;
  }
}

.p-parkBtmList__link {
  display: inline-block;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  color: #222;
  width: calc( 100% - 20px);
  max-width: 260px;
}
.p-parkBtmList__link.visited, .p-parkBtmList__link:visited {
  color: #222;
}
.p-parkBtmList__link.hover, .p-parkBtmList__link:hover {
  color: #067c00;
}
@media screen and (max-width: 768px) {
  .p-parkBtmList__link {
    width: calc( 100% - 30px);
  }
}
.p-parkBtmList__link:hover .p-parkBtmList__photo {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.p-parkBtmList__photo {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

.p-parkBtmList__parkname {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 10px;
  background-color: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-parkBtmList__parkname {
    padding: 10px 10px;
  }
}

.p-parkBtmList__parkname__text {
  letter-spacing: 1px;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .p-parkBtmList__parkname__text {
    font-size: 0.875rem;
  }
}

.isIE .p-parkBtmList__parkname__text {
  position: relative;
  top: 0.2em;
}

/* ***************************
courseDetailMap
*************************** */
.p-courseDetailMap {
  position: relative;
  background-color: #f4f3ed;
}

.p-courseDetailMap__inner {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 107px 40px;
}
@media screen and (max-width: 768px) {
  .p-courseDetailMap__inner {
    padding: 50px 30px 58px;
  }
}

.p-courseDetailMap__mapimage {
  position: relative;
}

/* ***************************
courseTimeLine
*************************** */
.p-courseTimeLine {
  position: relative;
}

.p-courseTimeLine__inner {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 37px;
}

.p-courseTimeLine__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-courseTimeLine__flex {
    display: block;
  }
}

.p-courseTimeLine__flex__left {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.p-courseTimeLine__flex__right {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}

.p-courseTimeLine__head {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-courseTimeLine__head__title {
  font-size: 2.688rem;
  font-weight: bold;
  line-height: 1.86;
  letter-spacing: 6.45px;
}
@media screen and (max-width: 768px) {
  .p-courseTimeLine__head__title {
    font-size: 1.5rem;
    letter-spacing: 3px;
  }
}

.p-courseTimeLine__head__annotation {
  font-size: 1rem;
  position: relative;
  top: 3px;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 768px) {
  .p-courseTimeLine__head__annotation {
    display: block;
    margin-top: 18px;
    font-size: 0.938rem;
    top: inherit;
  }
}

.p-courseTimeLine__body {
  position: relative;
}

.p-courseTimeLine__location {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-courseTimeLine__location {
    margin-top: 35px;
  }
}
.p-courseTimeLine__location + .p-courseTimeLine__location {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .p-courseTimeLine__location + .p-courseTimeLine__location {
    margin-top: 48px;
  }
}

.p-courseTimeLine__location__head {
  padding: 9px 17px 4px 27px;
  border-radius: 5px;
  background-color: #f4f3ed;
}

.p-courseTimeLine__location__head__text {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 3.6px;
}
@media screen and (max-width: 768px) {
  .p-courseTimeLine__location__head__text {
    font-size: 1.25rem;
    line-height: 1;
    letter-spacing: 3px;
  }
}

.p-courseTimeLine__location__photo {
  margin-top: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-courseTimeLine__location__photo {
    margin-top: 29px;
  }
}

.p-courseTimeLine__location__photo__image {
  border-radius: 10px;
}

.p-courseTimeLine__location__googlemap {
  margin-top: 30px;
}
.p-courseTimeLine__location__googlemap .c-btn:hover .c-btn__body {
  color: #fff;
}
.p-courseTimeLine__location__googlemap .c-btn__body {
  font-size: 1rem;
  letter-spacing: 0.5px;
  color: #00756e;
}

.p-courseTimeLine__location__moving {
  position: relative;
  margin-top: 30px;
}

.p-courseTimeLine__location__moving__icon {
  position: relative;
  display: inline-block;
  top: -3px;
}

.p-courseTimeLine__location__moving__text {
  font-size: 1.063rem;
  letter-spacing: 0.85px;
  color: #00756e;
  margin-left: 7px;
}
@media screen and (max-width: 768px) {
  .p-courseTimeLine__location__moving__text {
    font-size: 0.938rem;
  }
}

/* ***************************
courseHighlights
*************************** */
.p-courseHighlights {
  position: relative;
}

.p-courseHighlights__inner {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-courseHighlights__inner {
    padding: 0 37px;
  }
}

.p-courseHighlights__title {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-courseHighlights__title__text {
  font-size: 2.688rem;
  font-weight: bold;
  line-height: 1.86;
  letter-spacing: 6.45px;
}
@media screen and (max-width: 768px) {
  .p-courseHighlights__title__text {
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 3px;
  }
}

.p-courseHighlights__list {
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-courseHighlights__list {
    margin-top: 30px;
  }
}
.p-courseHighlights__list > li {
  padding-left: 0;
}
.p-courseHighlights__list > li::before {
  display: none;
}

.p-courseHighlights__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 390px;
  padding-top: 60px;
  padding-bottom: 50px;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 768px) {
  .p-courseHighlights__item {
    display: block;
    min-height: inherit;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.p-courseHighlights__item:first-child {
  min-height: inherit;
  border-top: 1px solid #eee;
}

.p-courseHighlights__item__photo {
  -ms-flex-preferred-size: 42%;
  flex-basis: 42%;
}

.p-courseHighlights__item__photo__image {
  width: 100%;
  border-radius: 10px;
}

.p-courseHighlights__item__content {
  -ms-flex-preferred-size: 58%;
  flex-basis: 58%;
  padding-left: 4%;
}
@media screen and (max-width: 768px) {
  .p-courseHighlights__item__content {
    padding-left: 0;
  }
}

.is-wide.p-courseHighlights__item__content {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .is-wide.p-courseHighlights__item__content {
    padding-left: 0;
  }
}

.p-courseHighlights__item__content__title {
  font-size: 1.5rem;
  letter-spacing: 3.5px;
  margin-top: -3px;
}
@media screen and (max-width: 768px) {
  .p-courseHighlights__item__content__title {
    font-size: 1.25rem;
    letter-spacing: 1px;
    margin-top: 20px;
  }
}

.p-courseHighlights__item__content__detail {
  font-size: 1rem;
  letter-spacing: 0.75px;
  margin-top: 10px;
  line-height: 2.1;
}
@media screen and (max-width: 768px) {
  .p-courseHighlights__item__content__detail {
    font-size: 0.875rem;
  }
}

.p-courseHighlights__item__googlemap {
  margin-top: 20px;
}
.p-courseHighlights__item__googlemap .c-btn:hover .c-btn__body {
  color: #fff;
}
.p-courseHighlights__item__googlemap .c-btn__body {
  font-size: 1rem;
  letter-spacing: 0.5px;
  color: #00756e;
}

.p-courseHighlights__item.is-no-photo {
  display: block;
  min-height: inherit;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-courseHighlights__item.is-no-photo {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}
.p-courseHighlights__item.is-no-photo .p-courseHighlights__item__content {
  padding-left: 0;
}

/* ***************************
courseAccess
*************************** */
.p-courseAccess {
  position: relative;
}

.p-courseAccess__title {
  font-size: 2.688rem;
  letter-spacing: 3px;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p-courseAccess__title {
    font-size: 1.5rem;
    letter-spacing: 1px;
    padding-bottom: 15px;
  }
}

table.p-courseAccess__table {
  position: relative;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
table.p-courseAccess__table th,
table.p-courseAccess__table td {
  position: relative;
  z-index: 0;
  padding: 15px 15px 15px 35px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  table.p-courseAccess__table th,
table.p-courseAccess__table td {
    padding: 5px;
    font-size: 0.875rem;
  }
}
table.p-courseAccess__table td {
  color: #222;
  background-color: #fff;
}
table.p-courseAccess__table th {
  color: #222;
  background-color: #E9EDF3;
}
table.p-courseAccess__table thead {
  position: relative;
}
table.p-courseAccess__table thead > tr > th {
  text-align: center;
  padding: 2px 5px;
  color: #ffffff;
  background-color: #E9EDF3;
}

.p-courseAccess__note {
  margin-top: 20px;
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-courseAccess__note {
    margin-top: 15px;
    font-size: 0.75rem;
    letter-spacing: 0;
  }
}

/* ***************************
planMiddleVisual
*************************** */
.p-planMiddleVisual {
  position: relative;
}

.p-planMiddleVisual__image {
  width: 100%;
}
.p-planMiddleVisual__image img {
  width: 100%;
  height: 461px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 768px) {
  .p-planMiddleVisual__image img {
    height: 295px;
  }
}

/* ***************************
planTimeLine
*************************** */
.p-planTimeLine {
  position: relative;
}
.p-planTimeLine + .p-planTimeLine {
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine + .p-planTimeLine {
    margin-top: 0;
  }
}

.p-planTimeLine__head {
  position: relative;
  background-color: #00756e;
}

.p-planTimeLine__head__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1080px;
  height: 100px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__head__inner {
    height: 70px;
  }
}

.p-planTimeLine__head__triangle {
  position: absolute;
  bottom: -27px;
  left: 58px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__head__triangle {
    left: 38px;
  }
}

.p-planTimeLine__head__title {
  position: absolute;
  left: -9px;
  font-size: 2.688rem;
  font-weight: bold;
  line-height: 1.86;
  letter-spacing: 7px;
  color: #fff;
}
@media screen and (max-width: 1365px) {
  .p-planTimeLine__head__title {
    left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__head__title {
    font-size: 1.5rem;
    letter-spacing: 3px;
    left: 40px;
  }
}

.isIE .p-planTimeLine__head__title {
  top: 0.5em;
}

.p-planTimeLine__body {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 90px 40px 40px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__body {
    padding: 40px 37px 20px;
  }
}

.is-noHead .p-planTimeLine__body {
  padding-top: 0;
}

.p-planTimeLine__flex__left {
  position: relative;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__flex__left {
    position: static;
    padding-left: 27px;
    padding-bottom: 0.75rem;
  }
}
.p-planTimeLine__flex__left::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 1.25rem;
  left: 70%;
  width: 2px;
  height: 100%;
  border-right: 2px #ddd solid;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__flex__left::before {
    left: 7px;
  }
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__flex__left.is-emptyTime::before {
    top: 1.75rem;
  }
}
.p-planTimeLine__flex__left::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: 14px;
  left: calc( 70% - 6px);
  background-color: #ddd;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__flex__left::after {
    top: 7px;
    left: 1px;
  }
}
.p-planTimeLine__flex__left.is-hideDot::after {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__flex__left.is-hideDot::after {
    display: block;
    width: 2px;
    height: 14px;
    top: 7px;
    left: 7px;
    background-color: inherit;
    border-right: 2px #ddd solid;
    border-radius: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__flex__left.is-emptyTime::after {
    top: 28px;
  }
}
.p-planTimeLine__flex__left.is-hideLine::before, .p-planTimeLine__flex__left.is-hideLine::after {
  display: none;
}

.p-planTimeLine__location:last-child .p-planTimeLine__flex__left::before {
  border-right: none;
}

.p-planTimeLine__flex__right {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  padding-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__flex__right {
    padding-left: 37px;
  }
}

.p-planTimeLine__location.is-marginBtm0 .p-planTimeLine__flex__right {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm0 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm5 .p-planTimeLine__flex__right {
  padding-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm5 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm10 .p-planTimeLine__flex__right {
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm10 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm15 .p-planTimeLine__flex__right {
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm15 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm20 .p-planTimeLine__flex__right {
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm20 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm25 .p-planTimeLine__flex__right {
  padding-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm25 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm30 .p-planTimeLine__flex__right {
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm30 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm35 .p-planTimeLine__flex__right {
  padding-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm35 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm40 .p-planTimeLine__flex__right {
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm40 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm45 .p-planTimeLine__flex__right {
  padding-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm45 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm50 .p-planTimeLine__flex__right {
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm50 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm55 .p-planTimeLine__flex__right {
  padding-bottom: 55px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm55 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm60 .p-planTimeLine__flex__right {
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm60 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm65 .p-planTimeLine__flex__right {
  padding-bottom: 65px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm65 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm70 .p-planTimeLine__flex__right {
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm70 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm75 .p-planTimeLine__flex__right {
  padding-bottom: 75px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm75 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm80 .p-planTimeLine__flex__right {
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm80 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm85 .p-planTimeLine__flex__right {
  padding-bottom: 85px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm85 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm90 .p-planTimeLine__flex__right {
  padding-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm90 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm95 .p-planTimeLine__flex__right {
  padding-bottom: 95px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm95 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm100 .p-planTimeLine__flex__right {
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm100 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm105 .p-planTimeLine__flex__right {
  padding-bottom: 105px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm105 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm110 .p-planTimeLine__flex__right {
  padding-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm110 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm115 .p-planTimeLine__flex__right {
  padding-bottom: 115px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm115 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm120 .p-planTimeLine__flex__right {
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm120 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm125 .p-planTimeLine__flex__right {
  padding-bottom: 125px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm125 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm130 .p-planTimeLine__flex__right {
  padding-bottom: 130px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm130 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm135 .p-planTimeLine__flex__right {
  padding-bottom: 135px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm135 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm140 .p-planTimeLine__flex__right {
  padding-bottom: 140px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm140 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm145 .p-planTimeLine__flex__right {
  padding-bottom: 145px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm145 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location.is-marginBtm150 .p-planTimeLine__flex__right {
  padding-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location.is-marginBtm150 .p-planTimeLine__flex__right {
    padding-bottom: 40px;
  }
}

.p-planTimeLine__location {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location {
    display: block;
  }
}

.p-planTimeLine__location__arrival {
  position: relative;
  margin-top: 7px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__arrival {
    margin-top: 10px;
    margin-left: 10px;
  }
}

.p-planTimeLine__location__arrival__time {
  position: relative;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 2px;
  color: #00756e;
}
@media screen and (max-width: 900px) {
  .p-planTimeLine__location__arrival__time {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 2.25;
  }
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__arrival__time {
    font-size: 1.25rem;
    line-height: 1;
    letter-spacing: 1.5px;
  }
}

.isIE .p-planTimeLine__location__arrival__time {
  top: -0.2em;
}

.p-planTimeLine__location__head {
  padding: 9px 17px 4px 27px;
  border-radius: 5px;
  background-color: #f4f3ed;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__head {
    padding-left: 22px;
  }
}
.p-planTimeLine__location__head.is-noBgColor {
  background-color: inherit;
}

.p-planTimeLine__location__head__text {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 3.6px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__head__text {
    font-size: 1.25rem;
    line-height: 1;
    letter-spacing: 3px;
  }
}

.p-planTimeLine__location__head__link {
  display: block;
  word-break: break-word;
  word-wrap: break-word;
  font-size: 1.063rem;
  letter-spacing: 0.85px;
  line-height: 1.33;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__head__link {
    font-size: 0.938rem;
  }
}

.p-planTimeLine__location__head__unique {
  position: relative;
  display: block;
  margin-top: 6px;
  font-size: 1.063rem;
  letter-spacing: 0.75px;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__head__unique {
    font-size: 0.938rem;
  }
}
.p-planTimeLine__location__head__unique::after {
  content: "";
  position: relative;
  display: inline-block;
  top: 3px;
  left: 7px;
  width: 15px;
  height: 17px;
  background-image: url("../images/icon/icon_kirakira.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

.p-planTimeLine__location__head__subtext {
  display: block;
  font-size: 1.063rem;
  letter-spacing: 1px;
  color: #222;
  padding-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__head__subtext {
    padding-top: 6px;
    font-size: 0.938rem;
    letter-spacing: 0.75px;
  }
}

.p-planTimeLine__location__subPlan {
  position: relative;
  margin-top: 20px;
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__subPlan {
    padding-left: 20px;
  }
}
.p-planTimeLine__location__subPlan::before {
  content: "■";
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 1.25rem;
  line-height: 1.86;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__subPlan::before {
    top: 0;
    left: 0;
    font-size: 1rem;
    line-height: 1.86;
  }
}

.p-planTimeLine__location__subPlan__text {
  font-size: 1.25rem;
  line-height: 1.86;
  text-align: left;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__subPlan__text {
    line-height: 1.38;
    text-align: left;
    font-size: 1rem;
    letter-spacing: 0;
  }
}

.p-planTimeLine__location__discription {
  margin-top: 16px;
  line-height: 1.95;
  font-size: 1.063rem;
  letter-spacing: 0.85px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__discription {
    margin-top: 11px;
    line-height: 2;
    font-size: 0.938rem;
  }
}

.p-planTimeLine__location__subPlan + .p-planTimeLine__location__discription {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__subPlan + .p-planTimeLine__location__discription {
    margin-top: 5px;
  }
}

.p-planTimeLine__location__photo {
  margin-top: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__photo {
    margin-top: 29px;
  }
}

.p-planTimeLine__location__photo__image {
  border-radius: 10px;
}

.p-planTimeLine__location__head + .p-planTimeLine__location__photo {
  margin-top: 35px;
}

.p-planTimeLine__location__discription + .p-planTimeLine__location__photo {
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__discription + .p-planTimeLine__location__photo {
    margin-top: 20px;
  }
}

.p-planTimeLine__location__googlemap {
  margin-top: 30px;
}
.p-planTimeLine__location__googlemap .c-btn:hover .c-btn__body {
  color: #fff;
}
.p-planTimeLine__location__googlemap .c-btn__body {
  font-size: 1rem;
  letter-spacing: 0.5px;
  color: #00756e;
}

.p-planTimeLine__location__photo + .p-planTimeLine__location__googlemap {
  margin-top: 25px;
}

.p-planTimeLine__location__discription + .p-planTimeLine__location__googlemap {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__discription + .p-planTimeLine__location__googlemap {
    margin-top: 15px;
  }
}

.p-planTimeLine__location__moving {
  position: relative;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__moving {
    margin-top: 30px;
  }
}

.p-planTimeLine__location__head + .p-planTimeLine__location__moving {
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__head + .p-planTimeLine__location__moving {
    margin-top: 20px;
  }
}

.p-planTimeLine__location__discription + .p-planTimeLine__location__moving {
  margin-top: 15px;
}

.is-routeArrowUp.p-planTimeLine__location__moving {
  top: -1.5em;
}

.p-planTimeLine__location__plan {
  margin-top: 40px;
}

.p-planTimeLine__location__moving + .p-planTimeLine__location__plan {
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__moving + .p-planTimeLine__location__plan {
    margin-top: 25px;
  }
}

.p-planTimeLine__location__linkBox + .p-planTimeLine__location__plan {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__linkBox + .p-planTimeLine__location__plan {
    margin-top: 5px;
  }
}

.p-planTimeLine__location__linkBox + .p-planTimeLine__location__plan.is-marginTop50 {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__linkBox + .p-planTimeLine__location__plan.is-marginTop50 {
    margin-top: 5px;
  }
}

.p-planTimeLine__location__linkBox {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__linkBox {
    margin-top: 15px;
  }
}

.p-planTimeLine__location__plan + .p-planTimeLine__location__linkBox {
  margin-top: 30px;
}

.p-planTimeLine__location__linkBox__link {
  font-size: 1.063rem;
  letter-spacing: 1px;
  color: #00756e;
}
.p-planTimeLine__location__linkBox__link.visited, .p-planTimeLine__location__linkBox__link:visited {
  color: #00756e;
}
.p-planTimeLine__location__linkBox__link.hover, .p-planTimeLine__location__linkBox__link:hover {
  color: #067c00;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__linkBox__link {
    font-size: 0.938rem;
  }
}

.p-planTimeLine__location__textBox {
  margin-top: 25px;
  color: #00756e;
  font-size: 1.063rem;
  letter-spacing: 1px;
}
.p-planTimeLine__location__textBox.visited, .p-planTimeLine__location__textBox:visited {
  color: #00756e;
}
.p-planTimeLine__location__textBox.hover, .p-planTimeLine__location__textBox:hover {
  color: #067c00;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__textBox {
    margin-top: 10px;
    font-size: 0.938rem;
  }
}

.is-topMarginZero.p-planTimeLine__location__textBox {
  margin-top: 0;
}

.p-planTimeLine__location__note {
  max-width: 1080px;
  margin: 85px auto 0;
  padding: 0 40px;
  font-size: 1.125rem;
  font-weight: 100;
}
@media screen and (max-width: 768px) {
  .p-planTimeLine__location__note {
    margin-top: 60px;
    font-size: 0.875rem;
  }
}

/* ***************************
planRecommend
*************************** */
.p-planRecommend {
  position: relative;
}

.p-planRecommend__inner {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-planRecommend__inner {
    padding: 0 37px;
  }
}

.p-planRecommend__title {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-planRecommend__title__text {
  font-size: 2.688rem;
  font-weight: bold;
  line-height: 1.86;
  letter-spacing: 6.45px;
}
@media screen and (max-width: 768px) {
  .p-planRecommend__title__text {
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 3px;
  }
}

.p-planRecommend__list {
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-planRecommend__list {
    margin-top: 30px;
  }
}
.p-planRecommend__list > li {
  padding-left: 0;
}
.p-planRecommend__list > li::before {
  display: none;
}

.p-planRecommend__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 370px;
  padding-top: 60px;
  padding-bottom: 65px;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 768px) {
  .p-planRecommend__item {
    display: block;
    min-height: inherit;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.p-planRecommend__item:first-child {
  min-height: inherit;
  border-top: 1px solid #eee;
}

.p-planRecommend__item__photo {
  -ms-flex-preferred-size: 42%;
  flex-basis: 42%;
}

.p-planRecommend__item__photo__image {
  width: 100%;
  border-radius: 10px;
}

.p-planRecommend__item__content {
  -ms-flex-preferred-size: 58%;
  flex-basis: 58%;
  padding-left: 4%;
}
@media screen and (max-width: 768px) {
  .p-planRecommend__item__content {
    padding-left: 0;
  }
}

.p-planRecommend__item__title {
  font-size: 1.5rem;
  letter-spacing: 3.5px;
  margin-top: 25px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-planRecommend__item__title {
    font-size: 1.25rem;
    letter-spacing: 1px;
    margin-top: 20px;
  }
}

.p-planRecommend__item__detail {
  font-size: 0.875rem;
  letter-spacing: 0.75px;
  margin-top: 18px;
  line-height: 2.1;
}
@media screen and (max-width: 768px) {
  .p-planRecommend__item__detail {
    font-size: 0.875rem;
  }
}

.p-planRecommend__item__button {
  margin-top: 22px;
}
.p-planRecommend__item__button .c-btn:hover .c-btn__body {
  color: #fff;
}
.p-planRecommend__item__button .c-btn__body {
  font-size: 1rem;
  letter-spacing: 0.5px;
  color: #00756e;
}

.p-planRecommend__item__tags {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p-planRecommend__item__tags {
    margin-top: 30px;
  }
}

/* ***************************
spotMap
*************************** */
.p-spotMapContainer {
  position: relative;
}

.p-spotMapContainer__grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "A C" "B C";
  -ms-grid-columns: 36% 64%;
  grid-template-columns: 36% 64%;
  -ms-grid-rows: 340px auto;
  grid-template-rows: 340px auto;
}
@media screen and (max-width: 768px) {
  .p-spotMapContainer__grid {
    grid-template-areas: "A" "C" "B";
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .p-spotMapContainer__grid > .p-topParkMap__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-spotMapContainer__grid > .p-topParkMap__map {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-spotMapContainer__grid > .p-topParkMap__about {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
}

.p-spotMapContainer__grid__smallMap {
  grid-area: A;
}

.p-spotMapContainer__grid > .p-spotMapContainer__grid__smallMap {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.p-indexHighlights__btmBox > .p-spotMapContainer__grid__smallMap {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.p-spotMapContainer__grid__menu {
  grid-area: B;
}

.p-spotMapContainer__grid > .p-spotMapContainer__grid__menu {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.p-indexHighlights__btmBox > .p-spotMapContainer__grid__menu {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.p-spotMapContainer__grid__bigMap {
  grid-area: C;
}

.p-spotMapContainer__grid > .p-spotMapContainer__grid__bigMap {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
}

.p-indexHighlights__btmBox > .p-spotMapContainer__grid__bigMap {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
}

.p-spotMapContainer__smallMap {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-spotMapContainer__smallMap {
    margin-bottom: 40px;
  }
}
.p-spotMapContainer__smallMap img {
  width: 100%;
  max-width: 310px;
}
@media screen and (max-width: 768px) {
  .p-spotMapContainer__smallMap img {
    max-width: inherit;
  }
}

.p-spotMapContainer__spotList {
  margin-top: 45px;
  padding-right: 60px;
}
@media screen and (max-width: 768px) {
  .p-spotMapContainer__spotList {
    margin-top: 40px;
    padding-right: 0;
  }
}

.p-spotMapContainer__spotList__head {
  position: relative;
}

.p-spotMapContainer__spotList__head__text {
  font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
  .p-spotMapContainer__spotList__head__text {
    font-size: 1.25rem;
  }
}

.p-spotMapContainer__spotList__body {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .p-spotMapContainer__spotList__body {
    margin-top: 10px;
  }
}
.p-spotMapContainer__spotList__body .c-pinList {
  padding-left: 35px;
  margin: 20px 0;
}
@media screen and (max-width: 768px) {
  .p-spotMapContainer__spotList__body .c-pinList {
    margin: 8px 0;
  }
}

/* ***************************
spotModal
*************************** */
.p-spotModal {
  position: relative;
}

.p-spotModal__inner {
  margin: 0 auto;
  padding: 50px 100px;
  min-width: 1090px;
}
@media screen and (max-width: 1160px) {
  .p-spotModal__inner {
    min-width: inherit;
  }
}
@media screen and (max-width: 768px) {
  .p-spotModal__inner {
    padding: 30px 30px;
    word-break: break-all;
  }
}

.p-spotModal__category {
  position: relative;
}

.p-spotModal__head {
  position: relative;
  margin-top: 10px;
}

.p-spotModal__head__text {
  font-size: 1.5rem;
  letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
  .p-spotModal__head__text {
    font-size: 1.25rem;
  }
}

.p-spotModal__body {
  position: relative;
  margin-top: 5px;
}

.p-spotModal__body__text {
  font-size: 1.063rem;
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  .p-spotModal__body__text {
    font-size: 0.938rem;
  }
}

.p-spotModal__body__photo {
  width: 100%;
  max-width: 900px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .p-spotModal__body__photo img {
    width: 100%;
  }
}

.p-spotModal__body__button {
  text-align: center;
  margin-top: 40px;
}

html.is-spotModalOpen .modaal-inner-wrapper {
  background-image: none;
  background-color: #DCEBF2;
}

ul.p-spotModal__detail {
  margin-top: 40px;
}
ul.p-spotModal__detail > li {
  padding-left: 0;
}
ul.p-spotModal__detail > li:before {
  display: none;
}

li.p-spotModal__detail__item {
  border-bottom: 1px solid #ccc;
}

.p-spotModal__detail__head {
  display: block;
  margin-top: 20px;
  font-weight: bold;
  color: #00756e;
}

.p-spotModal__detail__body {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  word-break: break-all;
}
.p-spotModal__detail__body a:link,
.p-spotModal__detail__body a:visited {
  color: #00756e;
}
.p-spotModal__detail__body a[href^=http]::after {
  position: relative;
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  margin-left: 5px;
  background: none;
  background-image: url(../images/icon/icon_outerLink_green.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

/* ***************************
spotSlider
*************************** */
.p-spotSlider {
  position: relative;
}

a[id] + .p-spotSlider,
.p-spotSlider + .p-spotSlider {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  a[id] + .p-spotSlider,
.p-spotSlider + .p-spotSlider {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  a[id=spotSlider-water],
a[id=spotSlider-mountain],
a[id=spotSlider-culture],
a[id=spotSlider-animal],
a[id=spotSlider-activity],
a[id=spotSlider-house] {
    display: block;
    padding-bottom: 85px;
  }
}

.p-spotSlider__head {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-spotSlider__head {
    padding: 0 37px;
  }
}

.p-spotSlider__head__text {
  display: inline-block;
  position: relative;
  margin-left: 25px;
  font-size: 2.688rem;
  font-weight: bold;
  line-height: 1.86;
  letter-spacing: 6.45px;
}
@media screen and (max-width: 768px) {
  .p-spotSlider__head__text {
    font-size: 1.5rem;
    letter-spacing: 3px;
    margin-left: 56px;
  }
}
.p-spotSlider__head__text::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: -75px;
  margin-top: 3px;
  width: 66px;
  height: 66px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .p-spotSlider__head__text::before {
    width: 46px;
    height: 46px;
    left: -56px;
  }
}

.p-spotSlider__body {
  position: relative;
  margin-top: 58px;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-spotSlider__body {
    margin-top: 30px;
  }
}

.p-spotSlider__bgSheet {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 480px;
}

.p-spotSlider__list {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-spotSlider__list.is-under2cnt .slick-list {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 !important;
  }
  .p-spotSlider__list.is-under2cnt .slick-track {
    width: auto !important;
    -webkit-transform: inherit !important;
    transform: inherit !important;
    display: inline-block !important;
  }
}

.p-spotSlider__head + .p-spotSlider__list {
  margin-top: 58px;
}

.p-spotSlider__item {
  width: 340px;
  margin: 0 20px;
}
@media screen and (max-width: 768px) {
  .p-spotSlider__item {
    width: 300px;
  }
}

.p-spotSlider.is-water .p-spotSlider__bgSheet {
  background-color: #dcebf2;
}
.p-spotSlider.is-water .p-spotSlider__head__text {
  color: #006AA2;
}
.p-spotSlider.is-water .p-spotSlider__head__text::before {
  background-image: url("../images/icon/icon_water.svg");
}
.p-spotSlider.is-water .slick-next.slick-arrow, .p-spotSlider.is-water .slick-prev.slick-arrow {
  background-image: url("../images/button/btn_modalSlider_blue.svg");
}

.p-spotSlider.is-mountain .p-spotSlider__bgSheet {
  background-color: #e9f2e7;
}
.p-spotSlider.is-mountain .p-spotSlider__head__text {
  color: #008671;
}
.p-spotSlider.is-mountain .p-spotSlider__head__text::before {
  background-image: url("../images/icon/icon_mountain.svg");
}
.p-spotSlider.is-mountain .slick-next.slick-arrow, .p-spotSlider.is-mountain .slick-prev.slick-arrow {
  background-image: url("../images/button/btn_modalSlider_green.svg");
}

.p-spotSlider.is-culture .p-spotSlider__bgSheet {
  background-color: #ebe7ed;
}
.p-spotSlider.is-culture .p-spotSlider__head__text {
  color: #7A5098;
}
.p-spotSlider.is-culture .p-spotSlider__head__text::before {
  background-image: url("../images/icon/icon_culture.svg");
}
.p-spotSlider.is-culture .slick-next.slick-arrow, .p-spotSlider.is-culture .slick-prev.slick-arrow {
  background-image: url("../images/button/btn_modalSlider_purple.svg");
}

.p-spotSlider.is-animal .p-spotSlider__bgSheet {
  background-color: #faf7e4;
}
.p-spotSlider.is-animal .p-spotSlider__head__text {
  color: #B46102;
}
.p-spotSlider.is-animal .p-spotSlider__head__text::before {
  background-image: url("../images/icon/icon_animal.svg");
}
.p-spotSlider.is-animal .slick-next.slick-arrow, .p-spotSlider.is-animal .slick-prev.slick-arrow {
  background-image: url("../images/button/btn_modalSlider_brown.svg");
}

.p-spotSlider.is-activity .p-spotSlider__bgSheet {
  background-color: #f2edef;
}
.p-spotSlider.is-activity .p-spotSlider__head__text {
  color: #be4d8e;
}
.p-spotSlider.is-activity .p-spotSlider__head__text::before {
  background-image: url("../images/icon/icon_activity.svg");
}
.p-spotSlider.is-activity .slick-next.slick-arrow, .p-spotSlider.is-activity .slick-prev.slick-arrow {
  background-image: url("../images/button/btn_modalSlider_pink.svg");
}

.p-spotSlider.is-house .p-spotSlider__bgSheet {
  background-color: #eee;
}
.p-spotSlider.is-house .p-spotSlider__head__text {
  color: #333;
}
.p-spotSlider.is-house .p-spotSlider__head__text::before {
  margin-top: -2px;
  background-image: url("../images/icon/icon_house.svg");
}
.p-spotSlider.is-house .slick-next.slick-arrow, .p-spotSlider.is-house .slick-prev.slick-arrow {
  background-image: url("../images/button/btn_modalSlider_black.svg");
}

/* ***************************
timetable
*************************** */
.p-timetable {
  position: relative;
}

.p-timetable__inner {
  text-align: center;
  margin: 0 auto;
}
.p-timetable__inner img {
  max-width: 750px;
}

@media screen and (max-width: 768px) {
  .p-timetable__inner .u-spOnly {
    display: inline-block !important;
    max-width: 100%;
  }
}

/* ***************************
featureSection
*************************** */
.p-featureSection {
  position: relative;
}

.p-featureSection__contents,
.p-featureSection__title {
  position: relative;
  margin: 0 auto;
  max-width: 1080px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-featureSection__contents,
.p-featureSection__title {
    padding: 0 38px;
  }
}

.p-featureSection__slider + .p-featureSection__contents {
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .p-featureSection__slider + .p-featureSection__contents {
    margin-top: 52px;
  }
}

.p-featureSection__contents + .p-featureSection__contents::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: #EEEEEF;
  margin-top: 60px;
  margin-bottom: 44px;
}
@media screen and (max-width: 768px) {
  .p-featureSection__contents + .p-featureSection__contents::before {
    margin-top: 42px;
    margin-bottom: 42px;
  }
}

.p-featureSection__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-featureSection__flex {
    display: block;
  }
}

.p-featureSection__flex__text {
  -ms-flex-preferred-size: 54%;
  flex-basis: 54%;
}

.p-featureSection__flex__photo {
  -ms-flex-preferred-size: 46%;
  flex-basis: 46%;
  padding-right: 4%;
  padding-left: 0;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .p-featureSection__flex__photo {
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 30px;
  }
}

.p-featureSection__flex__text + .p-featureSection__flex__photo {
  padding-right: 0;
  padding-left: 4%;
}
@media screen and (max-width: 768px) {
  .p-featureSection__flex__text + .p-featureSection__flex__photo {
    padding-left: 0;
    margin-top: 30px;
    margin-bottom: 0;
  }
}

.p-featureSection__slider {
  margin-top: 52px;
}
@media screen and (max-width: 768px) {
  .p-featureSection__slider {
    margin-top: 25px;
  }
}

.p-featureSection__slider.is-wideMargin {
  margin-top: 70px;
  padding-bottom: 22px;
}
@media screen and (max-width: 768px) {
  .p-featureSection__slider.is-wideMargin {
    margin-top: 30px;
    padding-bottom: 0;
  }
}

.p-featureSection__title__text {
  font-size: 2.688rem;
  line-height: 1.5;
  text-align: left;
  letter-spacing: 6.5px;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .p-featureSection__title__text {
    text-align: left;
    font-size: 1.5rem;
    letter-spacing: 2.4px;
  }
}

.p-featureSection__contents__paragraph {
  margin-top: 0;
  font-size: 1.063rem;
  line-height: 1.95;
  letter-spacing: 0.85px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-featureSection__contents__paragraph {
    font-size: 0.938rem;
    line-height: 2;
    letter-spacing: 0.7px;
  }
}
.p-featureSection__contents__paragraph + .p-featureSection__contents__paragraph {
  margin-top: 33px;
}
@media screen and (max-width: 768px) {
  .p-featureSection__contents__paragraph + .p-featureSection__contents__paragraph {
    margin-top: 30px;
  }
}

.p-featureSection__flex + .p-featureSection__contents__paragraph {
  margin-top: 42px;
}
@media screen and (max-width: 768px) {
  .p-featureSection__flex + .p-featureSection__contents__paragraph {
    margin-top: 35px;
  }
}

.p-featureSection__contents__title {
  position: relative;
  padding-left: 40px;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .p-featureSection__contents__title {
    padding-left: 30px;
    padding-bottom: 20px;
  }
}
.p-featureSection__contents__title::before {
  content: "■";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: -5px;
  font-size: 1.75rem;
  line-height: 1.86;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .p-featureSection__contents__title::before {
    top: 0;
    left: 0;
    font-size: 1.125rem;
    line-height: 1.86;
  }
}

.p-featureSection__contents__title__text {
  font-size: 2rem;
  line-height: 1.86;
  text-align: left;
  letter-spacing: 6px;
}
@media screen and (max-width: 768px) {
  .p-featureSection__contents__title__text {
    line-height: 1.38;
    text-align: left;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}

.p-featureSection__contents__photo {
  margin-top: 7px;
  overflow: hidden;
  border-radius: 10px;
}

/* ***************************
indexHighlights
*************************** */
.p-indexHighlights {
  position: relative;
}

.p-indexHighlights__back {
  position: absolute;
  display: block;
  width: 100%;
  height: 640px;
  top: 0;
  left: 0;
  background-image: url(../images/backimage/bg_park_index.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.p-indexHighlights__inner {
  position: relative;
  padding-top: 125px;
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__inner {
    padding-top: 50px;
  }
}

.p-indexHighlights__head {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__head {
    padding: 0 37px;
  }
}

.p-indexHighlights__title {
  position: relative;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__title {
    margin-top: 3px;
    padding-left: 30px;
  }
}
.p-indexHighlights__title::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px;
  left: -12px;
  width: 40px;
  height: 40px;
  background-image: url("../images/icon/icon_loope.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__title::before {
    width: 20px;
    height: 20px;
    top: 10px;
    left: 0;
  }
}

.p-indexHighlights__title__text {
  font-size: 2.688rem;
  letter-spacing: 6.3px;
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__title__text {
    font-size: 1.5rem;
    letter-spacing: 3.5px;
    line-height: 1.5;
  }
}

.p-indexHighlights__body {
  position: relative;
  margin-top: 80px;
  margin-left: calc( ( 100vw - 1080px ) / 2 );
  overflow: hidden;
}
@media screen and (max-width: 1160px) {
  .p-indexHighlights__body {
    margin-left: 0;
    margin-top: 32px;
  }
}

.p-indexHighlights__topBox {
  position: relative;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__topBox {
    padding-bottom: 10px;
  }
}
.p-indexHighlights__topBox .c-categoryLabel {
  position: absolute;
  bottom: 42px;
  left: 60px;
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__topBox .c-categoryLabel {
    bottom: 31px;
    left: 53px;
    padding: 2px 13px 0;
  }
}
.p-indexHighlights__topBox::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  margin-left: 60px;
  border-bottom-left-radius: 10px;
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__topBox::after {
    height: 10px;
    margin-left: 47px;
  }
}
.p-indexHighlights__topBox.is-mountain::after {
  background-color: #e9f2e7;
}
.p-indexHighlights__topBox.is-water::after {
  background-color: #dcebf2;
}
.p-indexHighlights__topBox.is-culture::after {
  background-color: #ebe7ed;
}
.p-indexHighlights__topBox.is-animal::after {
  background-color: #faf7e4;
}
.p-indexHighlights__topBox.is-activity::after {
  background-color: #f2edef;
}

.p-indexHighlights__topBox__inner {
  display: block;
  position: relative;
  width: auto;
  left: 40px;
  overflow: hidden;
  border-radius: 10px;
}
.p-indexHighlights__topBox__inner:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.p-indexHighlights__topBox__image {
  width: 100%;
  height: 580px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__topBox__image {
    height: 400px;
  }
}

.p-indexHighlights__btmBox {
  position: relative;
  max-width: 1000px;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 45px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 47.6% 4.8% 47.6%;
  grid-template-columns: 47.6% 47.6%;
  -ms-grid-rows: 1fr 45px 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 45px 4.8%;
  grid-template-areas: "A B" "C D";
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__btmBox {
    display: block;
    margin-top: 20px;
    margin-right: 36px;
  }
}

.js-row2 .p-indexHighlights__btmBox {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}
.js-row2 .p-indexHighlights__btmBox .p-indexHighlights__btmBox__item:nth-child(3),
.js-row2 .p-indexHighlights__btmBox .p-indexHighlights__btmBox__item:nth-child(4) {
  display: none;
}

.p-indexHighlights__btmBox__item:nth-child(1) {
  grid-area: A;
}

.p-spotMapContainer__grid > .p-indexHighlights__btmBox__item:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.p-indexHighlights__btmBox > .p-indexHighlights__btmBox__item:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.p-indexHighlights__btmBox__item:nth-child(2) {
  grid-area: B;
}

.p-spotMapContainer__grid > .p-indexHighlights__btmBox__item:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.p-indexHighlights__btmBox > .p-indexHighlights__btmBox__item:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.p-indexHighlights__btmBox__item:nth-child(3) {
  grid-area: C;
}

.p-spotMapContainer__grid > .p-indexHighlights__btmBox__item:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
}

.p-indexHighlights__btmBox > .p-indexHighlights__btmBox__item:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
}

.p-indexHighlights__btmBox__item:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: D;
}

.p-indexHighlights__btmBox__item {
  position: relative;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__btmBox__item {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__btmBox__item + .p-indexHighlights__btmBox__item {
    margin-top: 18px;
  }
}
.p-indexHighlights__btmBox__item::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 15px;
  width: 100%;
  height: calc( 100% - 15px );
  border-radius: 10px;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__btmBox__item::after {
    bottom: 3px;
    left: 8px;
  }
}
.p-indexHighlights__btmBox__item.is-mountain::after {
  background-color: #e9f2e7;
}
.p-indexHighlights__btmBox__item.is-water::after {
  background-color: #dcebf2;
}
.p-indexHighlights__btmBox__item.is-culture::after {
  background-color: #ebe7ed;
}
.p-indexHighlights__btmBox__item.is-animal::after {
  background-color: #faf7e4;
}
.p-indexHighlights__btmBox__item.is-activity::after {
  background-color: #f2edef;
}
.p-indexHighlights__btmBox__item .c-categoryLabel {
  position: absolute;
  bottom: 35px;
  left: 20px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__btmBox__item .c-categoryLabel {
    bottom: 24px;
    left: 13px;
    padding: 2px 13px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__btmBox__item .c-categoryLabel__text {
    font-size: 0.938rem;
  }
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__btmBox__item.is-disable {
    display: none;
  }
}
.p-indexHighlights__btmBox__item.is-disable .c-categoryLabel {
  display: none;
}

.p-indexHighlights__btmBox__hbox {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
}
.p-indexHighlights__btmBox__hbox:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.p-indexHighlights__btmBox__hbox__image {
  width: 100%;
  height: 271px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media screen and (max-width: 768px) {
  .p-indexHighlights__btmBox__hbox__image {
    height: 172px;
  }
}

/* ***************************
_indexActSlider
*************************** */
.p-indexActSlider {
  position: relative;
}

.p-indexActSlider__back {
  padding-top: 120px;
  padding-bottom: 260px;
  background-color: #F4F3ED;
}
@media screen and (max-width: 768px) {
  .p-indexActSlider__back {
    padding-top: 60px;
    padding-bottom: 283px;
  }
}

.p-indexActSlider__title {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-indexActSlider__title {
    margin-bottom: 40px;
    padding: 0 37px;
  }
}

.p-indexActSlider__title__text {
  font-size: 2.688rem;
  line-height: 1.5;
  letter-spacing: 5.75px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-indexActSlider__title__text {
    font-size: 1.5rem;
    letter-spacing: 2.4px;
  }
}

.p-indexActSlider__andmore {
  text-align: center;
  margin-top: 62px;
}
@media screen and (max-width: 768px) {
  .p-indexActSlider__andmore {
    margin-top: 60px;
  }
}

/* ***************************
_indexOfficeTable
*************************** */
.p-indexOfficeTable {
  position: relative;
}

.p-indexOfficeTable__inner {
  position: relative;
}

.p-indexOfficeTable__head {
  position: relative;
  max-width: 1095px;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-indexOfficeTable__head {
    padding: 0 48px;
  }
}
.p-indexOfficeTable__head::before {
  content: "■";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: -5px;
  font-size: 1.75rem;
  line-height: 1.86;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .p-indexOfficeTable__head::before {
    top: 0;
    left: 17px;
    font-size: 1.125rem;
    line-height: 1.86;
  }
}

.p-indexOfficeTable__head__text {
  font-size: 2rem;
  line-height: 1.86;
  text-align: left;
  letter-spacing: 6px;
}
@media screen and (max-width: 768px) {
  .p-indexOfficeTable__head__text {
    line-height: 1.2;
    text-align: left;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}

.p-indexOfficeTable__body {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 60px;
  padding: 20px 7.25% 80px;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .p-indexOfficeTable__body {
    margin-top: 0px;
    padding: 0 30px 80px 42px;
  }
}
.p-indexOfficeTable__body .c-rackCol2 {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-indexOfficeTable__body .c-rackCol2 {
    margin-top: 20px;
  }
}
.p-indexOfficeTable__body table.c-rackCol2__table th,
.p-indexOfficeTable__body table.c-rackCol2__table td {
  font-size: 0.875rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-indexOfficeTable__body table.c-rackCol2__table th,
.p-indexOfficeTable__body table.c-rackCol2__table td {
    vertical-align: top;
    line-height: 2.1;
    letter-spacing: 0.75px;
  }
}

.p-indexOfficeTable__officeName {
  margin-top: 57px;
  font-size: 1.188rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .p-indexOfficeTable__officeName {
    margin-top: 50px;
    font-size: 1.125rem;
    letter-spacing: 0;
  }
}

/* ***************************
listParkMap
*************************** */
.p-listParkMap {
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #F4F3ED;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-listParkMap {
    background-color: #fff;
  }
}

.p-listParkMap__inner {
  max-width: 1320px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-listParkMap__inner {
    padding: 0;
  }
}

.p-listParkMap__container {
  position: relative;
  background-color: #fff;
  border-radius: 20px;
  padding-left: 9.8387096774%;
  padding-bottom: 98px;
}
@media screen and (max-width: 768px) {
  .p-listParkMap__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 0px auto;
    grid-template-rows: auto auto;
    gap: 0px 0px;
    grid-template-areas: "A" "B";
    padding-left: 0;
    padding-bottom: 50px;
  }
  .p-listParkMap__container .p-listParkMap__about {
    grid-area: A;
  }
  .p-listParkMap__container .p-listParkMap__map {
    grid-area: B;
  }
  .p-listParkMap__container > .p-topParkMap__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-listParkMap__container > .p-topParkMap__map {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-listParkMap__container > .p-spotMapContainer__grid__smallMap {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-listParkMap__container > .p-spotMapContainer__grid__menu {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-listParkMap__container > .p-indexHighlights__btmBox__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-listParkMap__container > .p-indexHighlights__btmBox__item:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media screen and (max-width: 768px){
  .p-topParkMap__container .p-topParkMap__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-topParkMap__container .p-topParkMap__map {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-topParkMap__container .p-topParkMap__about {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .p-spotMapContainer__grid__smallMap {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-spotMapContainer__grid > .p-spotMapContainer__grid__smallMap {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-spotMapContainer__grid__menu {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-spotMapContainer__grid > .p-spotMapContainer__grid__menu {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-spotMapContainer__grid__bigMap {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .p-spotMapContainer__grid > .p-spotMapContainer__grid__bigMap {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .p-indexHighlights__btmBox__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-spotMapContainer__grid > .p-indexHighlights__btmBox__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-indexHighlights__btmBox__item:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-spotMapContainer__grid > .p-indexHighlights__btmBox__item:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-indexHighlights__btmBox__item:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .p-spotMapContainer__grid > .p-indexHighlights__btmBox__item:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .p-listParkMap__container .p-listParkMap__about {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-spotMapContainer__grid > .p-listParkMap__about {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-listParkMap__container > .p-listParkMap__about {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-listParkMap__container .p-listParkMap__map {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-spotMapContainer__grid > .p-listParkMap__map {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-listParkMap__container > .p-listParkMap__map {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}

.p-listParkMap__about {
  position: absolute;
  top: 72px;
  max-width: 440px;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-listParkMap__about {
    position: static;
    max-width: inherit;
    padding: 0;
    margin-top: 23px;
    padding: 0 40px;
  }
}
.p-listParkMap__about a {
  display: inline-block;
  pointer-events: all;
}

.p-listParkMap__map {
  position: relative;
  padding-left: 17.5%;
  padding-top: 350px;
  z-index: 1;
}
@media screen and (max-width: 1160px) {
  .p-listParkMap__map {
    padding-top: 440px;
  }
}
@media screen and (max-width: 768px) {
  .p-listParkMap__map {
    position: static;
    text-align: center;
    padding: 0 10px;
    margin-top: 70px;
  }
}

/* ***************************
listParkAccordion
*************************** */
.p-listParkAccordion {
  position: relative;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .p-listParkAccordion {
    margin-top: 0;
  }
}

.p-listParkAccordion__inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-listParkAccordion__inner {
    padding: 0 37px;
  }
}

/* ***************************
mannerEquipment
*************************** */
.p-mannerEquipment {
  position: relative;
}

.p-mannerEquipment__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-mannerEquipment__flex {
    display: block;
  }
}

.p-mannerEquipment__flex__item {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.p-mannerEquipment__flex__item + .p-mannerEquipment__flex__item {
  margin-left: 4%;
}
@media screen and (max-width: 768px) {
  .p-mannerEquipment__flex__item + .p-mannerEquipment__flex__item {
    margin-left: 0;
    margin-top: 40px;
  }
}

.p-mannerEquipment__pict {
  text-align: center;
  margin-top: 40px;
}
.p-mannerEquipment__pict img {
  max-width: 335px;
  width: 100%;
}

.p-mannerEquipment__equipment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 360px;
  margin: 0 auto;
}

.p-mannerEquipment__equipment__list {
  margin-top: 20px;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.p-mannerEquipment__equipment__list > li {
  padding-left: 0;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .p-mannerEquipment__equipment__list > li {
    font-size: 0.875rem;
  }
}
.p-mannerEquipment__equipment__list > li::before {
  display: none;
}
.p-mannerEquipment__equipment__list:nth-child(2) > li {
  position: relative;
  left: 50px;
}
@media screen and (max-width: 768px) {
  .p-mannerEquipment__equipment__list:nth-child(2) > li {
    left: 40px;
  }
}

/* ***************************
quasiList
*************************** */
.p-quasiList {
  position: relative;
}

.p-quasiList__list {
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-quasiList__list {
    margin-top: 0;
  }
}
.p-quasiList__list > li {
  padding-left: 0;
}
.p-quasiList__list > li::before {
  display: none;
}

.p-quasiList__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 48px;
  border-top: 2px solid #EEEEEF;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item {
    display: block;
    padding-top: 40px;
    padding-bottom: 31px;
  }
}
.p-quasiList__item:first-child {
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item:first-child {
    padding-top: 40px;
  }
}
.p-quasiList__item:last-child {
  border-bottom: 2px solid #EEEEEF;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item + .p-quasiList__item {
    padding-top: 40px;
  }
}

.p-quasiList__item__photo {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -ms-flex-preferred-size: 42%;
  flex-basis: 42%;
}

.p-quasiList__item__photo__image {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}

.p-quasiList__item__content {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -ms-flex-preferred-size: 58%;
  flex-basis: 58%;
  padding-right: 4%;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item__content {
    padding-right: 0;
  }
}
.p-quasiList__item__content .c-tagIconList {
  margin-top: 6px;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item__content .c-tagIconList {
    margin-top: 7px;
  }
}

.p-quasiList__item__title {
  position: relative;
  font-size: 1.5rem;
  letter-spacing: 3.5px;
  margin-top: 40px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item__title {
    font-size: 1.25rem;
    letter-spacing: 3px;
    margin-top: 40px;
  }
}

.p-quasiList__item__title__PIN {
  position: absolute;
  top: -10px;
  width: 30px;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item__title__PIN {
    top: -17px;
    width: 30px;
  }
}

.p-quasiList__item__title ruby[data-ruby] {
  position: relative;
  display: inline-block;
  margin-left: 47px;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item__title ruby[data-ruby] {
    margin-left: 52px;
  }
}
.p-quasiList__item__title ruby[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  display: inline-block;
  top: -21px;
  text-align: left;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item__title ruby[data-ruby]::before {
    font-size: 0.688rem;
    top: -24px;
  }
}
.p-quasiList__item__title rt {
  display: none;
}
.p-quasiList__item__title.is-no-PIN ruby[data-ruby] {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item__title.is-no-PIN ruby[data-ruby] {
    margin-left: 0;
  }
}

.p-quasiList__item__detail {
  font-size: 1rem;
  margin-top: 9px;
  letter-spacing: 0.75px;
  line-height: 2.1;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item__detail {
    font-size: 1rem;
    line-height: 1.75;
  }
}

.p-quasiList__item__button {
  position: relative;
  left: -5px;
  margin-top: 11px;
  color: #00756e;
}
.p-quasiList__item__button .c-btn.c-btn--outline {
  margin: 7px 5px;
  color: #00756e;
}
.p-quasiList__item__button .c-btn.c-btn--outline.visited, .p-quasiList__item__button .c-btn.c-btn--outline:visited {
  color: #00756e;
}
.p-quasiList__item__button .c-btn.c-btn--outline.hover, .p-quasiList__item__button .c-btn.c-btn--outline:hover {
  color: #fff;
}
.p-quasiList__item__button .c-btn[href^=http]::after {
  right: 33px;
}
.p-quasiList__item__button .c-btn--small.c-btn--outline.c-btn .c-btn__body {
  font-size: 0.938rem;
  padding-left: 38px;
  letter-spacing: 2px;
  padding-right: 50px;
}

.p-quasiList__slider {
  position: relative;
  max-width: 420px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-quasiList__slider {
    padding-bottom: 0;
  }
}
.p-quasiList__slider .slick-dots {
  position: absolute;
  bottom: -27px;
}
.p-quasiList__slider .slick-dots button {
  color: #000;
  background: #aaa;
}
.p-quasiList__slider .slick-dots .slick-active button {
  color: #fff;
  background: #00756e;
}

.p-quasiList__slider__item {
  padding-left: 0;
}
.p-quasiList__slider__item::before {
  display: none;
}

.p-quasiList__slider__image {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}

.p-quasiList__slider__togglePlay {
  position: absolute;
  display: inline-block;
  right: -2px;
  bottom: -37px;
}
@media screen and (max-width: 768px) {
  .p-quasiList__slider__togglePlay {
    display: block;
    bottom: -4px;
  }
}
.p-quasiList__slider__togglePlay img {
  margin: 1px;
  width: 20px;
  height: 20px;
}

.p-quasiList__slider__togglePlay--play,
.p-quasiList__slider__togglePlay--pause {
  display: inline-block;
}

.p-quasiList__slider__togglePlay--play + .p-quasiList__slider__togglePlay--pause {
  margin-left: 10px;
}

.p-quasiList__item.is-slider {
  padding-top: 34px;
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item.is-slider {
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  .p-quasiList__item.is-slider .p-quasiList__slider {
    padding-bottom: 32px;
  }
}
.p-quasiList__item.is-slider .p-quasiList__item__photo {
  width: 42%;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item.is-slider .p-quasiList__item__photo {
    width: 100%;
    margin-top: 4px;
  }
}
@media screen and (max-width: 768px) {
  .p-quasiList__item.is-slider li.c-tagIconList__tag {
    margin-right: 9px;
    padding: 3px 12px 2px;
  }
}
@media screen and (max-width: 768px) {
  .p-quasiList__item.is-slider .p-quasiList__item__title {
    margin-top: 33px;
  }
}
@media screen and (max-width: 768px) {
  .p-quasiList__item.is-slider .p-quasiList__item__title ruby[data-ruby]::before {
    top: -19px;
  }
}
.p-quasiList__item.is-slider .p-quasiList__item__button {
  margin-top: 7px;
}
@media screen and (max-width: 768px) {
  .p-quasiList__item.is-slider .p-quasiList__item__button .c-btn.c-btn--outline {
    margin: 7.5px 5px;
  }
}
.p-quasiList__item.is-slider .p-quasiList__item__button .c-btn--small.c-btn--outline.c-btn .c-btn__body {
  padding-left: 24px;
  padding-right: 37px;
}
.p-quasiList__item.is-slider .p-quasiList__item__button .c-btn[href^=http]::after {
  right: 23px;
}

/* ***************************
trailDetailIntro
*************************** */
.p-trailDetailIntro {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-trailDetailIntro {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.p-trailDetailIntro__left {
  width: 39.2857142857%;
}
@media screen and (max-width: 768px) {
  .p-trailDetailIntro__left {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 45px;
    text-align: center;
  }
}

.p-trailDetailIntro__right {
  width: 60.7142857143%;
  padding-left: 8.0357142857%;
  padding-top: 85px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailIntro__right {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0;
  }
}

.p-trailDetailIntro__title {
  color: #ffffff;
  font-size: 2.063rem;
  letter-spacing: 5px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .p-trailDetailIntro__title {
    font-size: 1.375rem;
    letter-spacing: 1px;
    line-height: 1.8;
  }
}

.p-trailDetailIntro__contents {
  color: #ffffff;
  font-size: 1.063rem;
  margin-top: 30px;
  line-height: 1.95;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailIntro__contents {
    font-size: 0.938rem;
    letter-spacing: 0.75px;
    line-height: 2;
    margin-top: 20px;
  }
}

.p-trailDetailIntro__contents__blankRow {
  display: block;
  margin-top: 2em;
}

.p-trailDetailIntro__contents__outerLinkBtn {
  display: block;
  margin: 2em 0;
}
@media screen and (max-width: 768px) {
  .p-trailDetailIntro__contents__outerLinkBtn {
    margin: 2em -2em;
    text-align: center;
  }
}

/* ***************************
trailDetailVisual
*************************** */
.p-trailDetailVisual {
  position: relative;
  padding-top: 90px;
}

.p-trailDetailVisual__visual {
  position: absolute;
  left: 0;
  top: 90px;
  width: calc( ((100vw - 1366px) / 2) + 1240px);
}
@media screen and (max-width: 1366px) {
  .p-trailDetailVisual__visual {
    width: 90.775988287%;
  }
}
@media screen and (max-width: 768px) {
  .p-trailDetailVisual__visual {
    width: 88%;
    top: 58px;
  }
}

.p-trailDetailVisual__visual__photoCourtesy {
  margin-top: 10px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-trailDetailVisual__visual__photoCourtesy {
    margin-top: 2px;
    margin-left: 2px;
    text-align: left;
  }
}
.p-trailDetailVisual__visual__photoCourtesy .c-btn {
  color: #00756e;
}
.p-trailDetailVisual__visual__photoCourtesy .c-btn.visited, .p-trailDetailVisual__visual__photoCourtesy .c-btn:visited {
  color: #00756e;
}
.p-trailDetailVisual__visual__photoCourtesy .c-btn.hover, .p-trailDetailVisual__visual__photoCourtesy .c-btn:hover {
  color: #fff;
}
.p-trailDetailVisual__visual__photoCourtesy .c-btn.is-active, .p-trailDetailVisual__visual__photoCourtesy .c-btn:hover {
  border-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-trailDetailVisual__visual__photoCourtesy .c-btn {
    border-width: 2px;
  }
}
@media screen and (max-width: 768px) {
  .p-trailDetailVisual__visual__photoCourtesy .c-btn--outline.c-btn[href^=http]::after {
    right: 6px;
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 768px) {
  .p-trailDetailVisual__visual__photoCourtesy .c-btn--outline.c-btn .c-btn__body {
    font-size: 0.625rem;
    padding-right: 20px;
    padding-left: 7px;
    height: 20px;
    letter-spacing: -0.5px;
  }
}

.p-trailDetailVisual__inner {
  position: relative;
  margin: 0 auto;
  max-width: 1366px;
}
.p-trailDetailVisual__inner .c-trailHeadFlag {
  position: absolute;
  left: 52px;
  top: -55px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailVisual__inner .c-trailHeadFlag {
    left: 18px;
    top: -55px;
    width: 110px;
  }
}
.p-trailDetailVisual__inner .c-shadowRoundBox {
  position: absolute;
  right: 52px;
  top: 75px;
  width: 215px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailVisual__inner .c-shadowRoundBox {
    right: 13px;
    top: 32px;
    width: 110px;
  }
}

/* ***************************
trailDetailPrefHead
*************************** */
.p-trailDetailPrefHead {
  position: relative;
  max-width: 1200px;
  margin: 0 auto 50px;
  background-color: #FAFAFA;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefHead {
    margin-bottom: 0;
  }
}

.p-trailDetailPrefHead__visual {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 43px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefHead__visual {
    padding: 0 20px;
  }
}

.p-trailDetailPrefHead__visual__image {
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefHead__visual__image {
    border-radius: 10px;
  }
}

.p-trailDetailPrefHead__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 80px 70px 67px;
}
@media screen and (max-width: 1200px) {
  .p-trailDetailPrefHead__flex {
    width: inherit;
    padding: 80px 30px;
    margin: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefHead__flex {
    display: block;
    margin: 40px 0 0;
    padding: 50px 20px;
    border-radius: 0;
  }
}

.p-trailDetailPrefHead__flex__left {
  -ms-flex-preferred-size: 24.5283018868%;
  flex-basis: 24.5283018868%;
}
.p-trailDetailPrefHead__flex__left .c-waveTitle {
  left: -45px;
  top: -5px;
}
@media screen and (max-width: 1160px) {
  .p-trailDetailPrefHead__flex__left .c-waveTitle {
    left: 0;
  }
}

.p-trailDetailPrefHead__flex__right {
  -ms-flex-preferred-size: 75.4716981132%;
  flex-basis: 75.4716981132%;
  font-size: 1.063rem;
  padding-left: 15px;
  letter-spacing: 0.8px;
  line-height: 1.95;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefHead__flex__right {
    font-size: 0.938rem;
    line-height: 2;
    margin-top: 9px;
    padding-left: 20px;
    padding-right: 14px;
  }
}

.p-trailDetailPrefHead__boder {
  margin: 97px auto 0;
  max-width: 1100px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefHead__boder {
    display: none;
  }
}

.p-trailDetailPrefHead__photo {
  position: relative;
  padding-bottom: 147px;
}

.p-trailDetailPrefHead__photo__slider .slick-dots {
  bottom: -35px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefHead__photo__slider .slick-dots {
    bottom: -50px;
  }
}
.p-trailDetailPrefHead__photo__slider .slick-dots button {
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
}
.p-trailDetailPrefHead__photo__slider .slick-next.slick-arrow, .p-trailDetailPrefHead__photo__slider .slick-prev.slick-arrow {
  width: 24px;
  height: 40px;
  background: url(../images/button/btn_trailPhotoSlider.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefHead__photo__slider .slick-next.slick-arrow, .p-trailDetailPrefHead__photo__slider .slick-prev.slick-arrow {
    width: 16px;
    height: 27px;
  }
}
.p-trailDetailPrefHead__photo__slider .slick-next.slick-arrow {
  right: calc( ( (100% - 840px) / 2 ) - 53px );
}
@media screen and (max-width: 1160px) {
  .p-trailDetailPrefHead__photo__slider .slick-next.slick-arrow {
    right: calc( ( (100% - 560px) / 2 ) - 41px );
  }
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefHead__photo__slider .slick-next.slick-arrow {
    right: calc( ( (100% - 242px) / 2 ) - 31px );
  }
}
.p-trailDetailPrefHead__photo__slider .slick-prev.slick-arrow {
  left: calc( ( (100% - 840px) / 2 ) - 53px );
}
@media screen and (max-width: 1160px) {
  .p-trailDetailPrefHead__photo__slider .slick-prev.slick-arrow {
    left: calc( ( (100% - 560px) / 2 ) - 41px );
  }
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefHead__photo__slider .slick-prev.slick-arrow {
    left: calc( ( (100% - 242px) / 2 ) - 31px );
  }
}

.p-trailDetailPrefHead__photo__slider__image {
  width: 840px;
  height: auto;
  padding: 0;
  opacity: 0.3;
  -webkit-transform: scale(0.81);
  transform: scale(0.81);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
@media screen and (max-width: 1160px) {
  .p-trailDetailPrefHead__photo__slider__image {
    width: 560px;
  }
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefHead__photo__slider__image {
    width: 262px;
    padding: 0px 10px;
  }
}

.slick-current .p-trailDetailPrefHead__photo__slider__image,
.is-active-next .p-trailDetailPrefHead__photo__slider__image {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* ***************************
trailDetailPrefSlider
*************************** */
.p-trailDetailPrefSlider {
  position: relative;
  overflow: hidden;
}

.p-trailDetailPrefSlider__bgimage {
  content: "";
  position: absolute;
  width: 2000px;
  height: 1100px;
  top: 103px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url(../images/pick-up/long-trail/bgCourse_wave.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.p-trailDetailPrefSlider__head {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 43px;
  margin-top: 190px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefSlider__head {
    margin-top: 93px;
  }
}

.p-trailDetailPrefSlider__body {
  position: relative;
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefSlider__body {
    margin-top: 0;
  }
}
.p-trailDetailPrefSlider__body .slick-counter {
  position: absolute;
  top: 640px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefSlider__body .slick-counter {
    top: 940px;
    font-size: 0.875rem;
    color: #707070;
  }
}

.p-trailDetailPrefSlider__body__notice {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 50px;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefSlider__body__notice {
    padding: 0px 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefSlider__body__notice .c-markList {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 30px;
  }
}

.p-trailDetailPrefSlider__body__button {
  margin-top: 60px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefSlider__body__button {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0;
  }
}
.p-trailDetailPrefSlider__body__button .c-shadowBtn__body {
  height: 76px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefSlider__body__button .c-shadowBtn__body {
    height: 65px;
  }
}
.p-trailDetailPrefSlider__body__button .c-shadowBtn__label {
  letter-spacing: 2px;
  margin: 0px 20px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefSlider__body__button .c-shadowBtn__label {
    margin: 0;
    line-height: 1.5;
    margin-top: 4px;
  }
}

.p-trailDetailPrefSlider__boder {
  margin: 135px auto 0;
  max-width: 1100px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefSlider__boder {
    margin: 50px 37px 0;
  }
}

/* ***************************
trailDetailPrefInfo
*************************** */
.p-trailDetailPrefInfo {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefInfo {
    padding: 0 37px;
  }
}

.p-trailDetailPrefInfo__head {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 43px;
  margin-top: 103px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefInfo__head {
    margin-top: 54px;
  }
}
.p-trailDetailPrefInfo__head .c-flagTitle {
  margin-left: -20px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefInfo__head .c-flagTitle {
    margin-left: -25px;
  }
}

.p-trailDetailPrefInfo__title {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefInfo__title {
    margin-top: 35px;
  }
}

.p-trailDetailPrefInfo__title__text {
  font-size: 1.5rem;
  color: #00756e;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefInfo__title__text {
    font-size: 1.25rem;
    letter-spacing: 0.85px;
    line-height: 1.66;
  }
}

.p-trailDetailPrefInfo__rackTitle {
  font-size: 1.188rem;
  letter-spacing: 1.2px;
  margin-top: 57px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefInfo__rackTitle {
    font-size: 1.125rem;
    letter-spacing: 0;
    margin-top: 45px;
  }
}

.p-trailDetailPrefInfo__title + .p-trailDetailPrefInfo__rackTitle {
  margin-top: 47px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefInfo__title + .p-trailDetailPrefInfo__rackTitle {
    margin-top: 39px;
  }
}

.p-trailDetailPrefInfo .c-rackCol2 {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefInfo .c-rackCol2 {
    margin-top: 5px;
  }
}
.p-trailDetailPrefInfo .c-rackCol2__table th, .p-trailDetailPrefInfo .c-rackCol2__table td {
  font-size: 1.063rem;
  padding: 17px 0 17px;
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefInfo .c-rackCol2__table th, .p-trailDetailPrefInfo .c-rackCol2__table td {
    font-size: 0.875rem;
  }
}
.p-trailDetailPrefInfo .c-rackCol2__table th {
  width: 31.25%;
  letter-spacing: 1.75px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailPrefInfo .c-rackCol2__table th {
    width: 37%;
    padding-right: 1em;
    letter-spacing: 1px;
  }
}

/* ***************************
trailDetailBottom
*************************** */
.p-trailDetailBottom {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 40px;
}
.p-trailDetailBottom .c-waveTitle::after {
  top: 21px;
  left: -1px;
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailBottom .c-waveTitle::after {
    top: 7px;
    left: 0;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .p-trailDetailBottom__title {
    margin-top: 20px;
  }
}

.c-flexbox + .p-trailDetailBottom__title {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .c-flexbox + .p-trailDetailBottom__title {
    margin-top: 60px;
  }
}

.p-trailDetailBottom__title__text {
  font-size: 1.5rem;
  color: #00756e;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailBottom__title__text {
    font-size: 1.25rem;
  }
}

.p-trailDetailBottom__paragraph + .p-trailDetailBottom__title {
  margin-top: 127px;
}

.p-trailDetailBottom__paragraph {
  margin-top: 33px;
  font-size: 1.063rem;
  line-height: 1.95;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailBottom__paragraph {
    margin-top: 22px;
    font-size: 0.938rem;
  }
}

.p-trailDetailBottom__linkLine {
  margin-top: 13px;
  font-size: 1.063rem;
  line-height: 1.95;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-trailDetailBottom__linkLine {
    font-size: 0.938rem;
  }
}
@media screen and (max-width: 768px) {
  .p-trailDetailBottom__linkLine a {
    margin-left: 10px;
  }
}
.p-trailDetailBottom__linkLine a + a {
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .p-trailDetailBottom__linkLine a + a {
    margin-left: 10px;
  }
}

.p-trailDetailBottom__imageBox {
  display: inline-block;
  margin-top: 40px;
  padding: 25px;
  background-color: #fff;
  border-radius: 15px;
}
.p-trailDetailBottom__imageBox img {
  width: 100%;
}

/* ***************************
trailIndexHead
*************************** */
.p-trailIndexHead {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
}

.p-trailIndexHead__contents {
  background-color: #fff;
  border-radius: 30px;
  padding: 70px 10% 85px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexHead__contents {
    border-radius: 20px;
    padding: 43px 20px 48px 23px;
  }
}
.p-trailIndexHead__contents .c-waveTitle__text {
  letter-spacing: 6.5px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexHead__contents .c-waveTitle__text {
    letter-spacing: 1px;
    margin-left: 0;
  }
}
.p-trailIndexHead__contents .c-waveTitle::after {
  top: 13px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-trailIndexHead__contents .c-waveTitle::after {
    top: 6px;
    left: 1px;
  }
}

.p-trailIndexHead__contents__paragraph {
  margin-top: 44px;
  font-size: 1.063rem;
  letter-spacing: 0.85px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-trailIndexHead__contents__paragraph {
    text-align: center;
    margin-top: 18px;
    font-size: 0.938rem;
  }
}

/* ***************************
trailIndexJapan
*************************** */
.p-trailIndexJapan {
  position: relative;
}
.p-trailIndexJapan .c-waveTitle__text {
  margin-left: 4px;
}
.p-trailIndexJapan .c-waveTitle::after {
  top: 10px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan .c-waveTitle::after {
    top: 3px;
    left: 1px;
  }
}

.p-trailIndexJapan__intro {
  max-width: 1040px;
  padding: 0 20px;
  margin: 0 auto;
  margin-top: 28px;
  font-size: 1.063rem;
  letter-spacing: 0.85px;
  line-height: 1.95;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__intro {
    margin-top: 19px;
    padding: 0 35px;
    font-size: 0.938rem;
    line-height: 2;
  }
}

.p-trailIndexJapan__mapBox {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
  padding: 82px 5% 70px 7.25%;
  border-radius: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1160px) {
  .p-trailIndexJapan__mapBox {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__mapBox {
    margin: 0 18px;
    margin-top: 30px;
    padding: 25px 10px 46px;
    border-radius: 10px;
  }
}
.p-trailIndexJapan__mapBox .c-mapCaption {
  margin-top: 7px;
  letter-spacing: -0.5px;
}

.p-trailIndexJapan__mapBox__map img {
  width: 100%;
  max-width: 400px;
}

.p-trailIndexJapan__mapBox__list .c-markList {
  padding-top: 18px;
  padding-left: 31px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__mapBox__list .c-markList {
    padding: 0;
  }
}
.p-trailIndexJapan__mapBox__list .c-outerLink[href^=http]::after {
  padding-right: 20px;
}

.p-trailIndexJapan__mapBox__zoomBtn {
  position: absolute;
  top: -70px;
  right: 12%;
}
@media screen and (min-width: 1366px) {
  .p-trailIndexJapan__mapBox__zoomBtn {
    right: 9%;
  }
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__mapBox__zoomBtn {
    right: inherit;
    left: 345px;
  }
}
@media screen and (max-width: 500px) {
  .p-trailIndexJapan__mapBox__zoomBtn {
    right: 12%;
    left: inherit;
  }
}

.p-trailIndexJapan__trailBox {
  max-width: 1200px;
  margin: 68px auto 0;
}
@media screen and (max-width: 1160px) {
  .p-trailIndexJapan__trailBox {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__trailBox {
    margin: 8px 14px 0;
    padding: 25px 0 46px;
  }
}

li.p-trailIndexJapan__trailBox__item {
  position: relative;
  padding-top: 65px;
  padding-bottom: 65px;
  padding-left: calc( 8.3333333333% + 33.3333333333% + 60px );
  padding-right: 8.3333333333%;
  min-height: 359px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.03);
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  li.p-trailIndexJapan__trailBox__item {
    border-radius: 20px;
    padding: 52px 0 50px;
  }
}
li.p-trailIndexJapan__trailBox__item::before {
  display: none;
}
li.p-trailIndexJapan__trailBox__item + li.p-trailIndexJapan__trailBox__item {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  li.p-trailIndexJapan__trailBox__item + li.p-trailIndexJapan__trailBox__item {
    margin-top: 28.8px;
  }
}

.p-trailIndexJapan__trailBox__photo {
  position: absolute;
  top: 65px;
  left: 8.3333333333%;
  width: 33.3333333333%;
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__trailBox__photo {
    position: relative;
    top: 0;
    left: 0;
    width: 86.4575%;
    margin: 0 auto;
  }
}

.p-trailIndexJapan__trailBox__label {
  position: absolute;
  top: 48px;
  left: calc( 8.3333333333% - 16px );
  width: 90px;
  height: 90px;
  background-color: #fff;
  border: 3px solid #EAE6CD;
  border-radius: 45px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__trailBox__label {
    width: 80px;
    height: 80px;
    top: 35px;
    left: 12px;
  }
}

.p-trailIndexJapan__trailBox__label__image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.is-hokkaido .p-trailIndexJapan__trailBox__label__image {
  height: 50px;
}

.is-michinokuShiokaze .p-trailIndexJapan__trailBox__label__image {
  height: 60px;
}

.is-chubu_hokuriku .p-trailIndexJapan__trailBox__label__image {
  height: 46px;
}

.is-shutoken .p-trailIndexJapan__trailBox__label__image {
  height: 55px;
}

.is-kinki .p-trailIndexJapan__trailBox__label__image {
  height: 55px;
}

.is-toukai .p-trailIndexJapan__trailBox__label__image {
  height: 47px;
}

.is-shikoku .p-trailIndexJapan__trailBox__label__image {
  height: 47px;
}

.p-trailIndexJapan__trailBox__title {
  margin-top: -5px;
  font-size: 1.688rem;
  line-height: 1.65;
  letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__trailBox__title {
    font-size: 1.25rem;
    width: 86.4575%;
    margin: 28px auto 0;
    letter-spacing: 3px;
  }
}

.p-trailIndexJapan__trailBox__detail {
  margin-top: 12.5px;
  font-size: 1.063rem;
  letter-spacing: 0.9px;
  line-height: 1.95;
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__trailBox__detail {
    font-size: 1rem;
    width: 86.4575%;
    margin: 11px auto 0;
    letter-spacing: 0.9px;
    line-height: 1.9;
  }
}

.p-trailIndexJapan__trailBox__more {
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__trailBox__more {
    margin-top: 13px;
  }
}

@media screen and (max-width: 768px) {
  .p-trailIndexJapan__trailBox__more__btn {
    margin-left: 24px;
  }
}
.p-trailIndexJapan__trailBox__more__btn.c-btn.c-btn--outline.c-btn--small .c-btn__body {
  padding-left: 35px;
  padding-right: 32px;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__trailBox__more__btn.c-btn.c-btn--outline.c-btn--small .c-btn__body {
    padding-left: 35px;
    padding-right: 35px;
    font-size: 0.938rem;
    letter-spacing: 1.5px;
  }
}
.p-trailIndexJapan__trailBox__more__btn.c-btn[href^=http].c-btn--outline.c-btn--small .c-btn__body {
  padding-left: 40px;
  padding-right: 46px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__trailBox__more__btn.c-btn[href^=http].c-btn--outline.c-btn--small .c-btn__body {
    padding-left: 40px;
    padding-right: 49px;
  }
}

.p-trailIndexJapan__slider {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__slider {
    padding-bottom: 30px;
  }
}
.p-trailIndexJapan__slider .slick-dots {
  position: absolute;
  bottom: -27px;
}
.p-trailIndexJapan__slider .slick-dots button {
  color: #000;
  background: #aaa;
}
.p-trailIndexJapan__slider .slick-dots .slick-active button {
  color: #fff;
  background: #00756e;
}

.p-trailIndexJapan__slider__item {
  padding-left: 0;
}
.p-trailIndexJapan__slider__item::before {
  display: none;
}

.p-trailIndexJapan__slider__image {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}

.p-trailIndexJapan__slider__togglePlay {
  position: absolute;
  display: inline-block;
  right: -2px;
  bottom: -37px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexJapan__slider__togglePlay {
    display: block;
    bottom: -7px;
  }
}
.p-trailIndexJapan__slider__togglePlay img {
  margin: 1px;
  width: 20px;
  height: 20px;
}

.p-trailIndexJapan__slider__togglePlay--play,
.p-trailIndexJapan__slider__togglePlay--pause {
  display: inline-block;
}

.p-trailIndexJapan__slider__togglePlay--play + .p-trailIndexJapan__slider__togglePlay--pause {
  margin-left: 10px;
}

/* ***************************
trailIndexBegginer
*************************** */
.p-trailIndexBegginer {
  position: relative;
  padding-top: 85px;
  padding-bottom: 75px;
  margin: 0 auto;
  max-width: 1000px;
}
@media screen and (max-width: 1160px) {
  .p-trailIndexBegginer {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer {
    padding-left: 37px;
    padding-right: 30px;
  }
}
.p-trailIndexBegginer .c-waveTitle {
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer .c-waveTitle {
    margin-bottom: 30px;
  }
}
.p-trailIndexBegginer .c-waveTitle::after {
  top: 15px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer .c-waveTitle::after {
    top: 5px;
    left: 1px;
  }
}
.p-trailIndexBegginer .c-waveTitle__text {
  margin-left: 4px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer .c-waveTitle__text {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer .c-squareTitle::before {
    top: -3px;
  }
}
.p-trailIndexBegginer .c-squareTitle__text {
  letter-spacing: 6px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer .c-squareTitle__text {
    font-size: 1.375rem;
    letter-spacing: 2px;
  }
}

.p-trailIndexBegginer__fox {
  position: absolute;
  top: -220px;
  right: -95px;
}
@media screen and (max-width: 1200px) {
  .p-trailIndexBegginer__fox {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer__fox {
    position: static;
    margin-top: -197px;
    margin-bottom: 56px;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .p-trailIndexBegginer__fox__image {
    width: 300px;
  }
}

.p-trailIndexBegginer__box {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer__box {
    margin-top: 20px;
  }
}

.p-trailIndexBegginer__box__left {
  font-size: 1.063rem;
  letter-spacing: 0.7px;
  line-height: 1.95;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer__box__left {
    font-size: 0.938rem;
    padding-left: 0;
    padding-right: 40px;
    margin-top: 17px;
    line-height: 1.95;
  }
}

.p-trailIndexBegginer__box__right {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer__box__right {
    text-align: center;
    margin-top: 33px;
  }
}

img.p-trailIndexBegginer__box__right__image {
  position: relative;
  max-width: 349.5px;
  left: 12px;
  top: -33px;
}
@media screen and (max-width: 1160px) {
  img.p-trailIndexBegginer__box__right__image {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  img.p-trailIndexBegginer__box__right__image {
    position: relative;
    width: 260px;
    top: 0;
    left: -3px;
  }
}

.p-trailIndexBegginer__box__button.c-shadowBtn {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer__box__button.c-shadowBtn {
    margin-top: 48px;
  }
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer__box__button.c-shadowBtn::before {
    bottom: 3px;
  }
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer__box__button.c-shadowBtn .c-shadowBtn__body {
    height: 70px;
    padding-left: 60px;
    padding-right: 70px;
  }
}
.p-trailIndexBegginer__box__button.c-shadowBtn .c-shadowBtn__label {
  display: inline-block;
  width: 300px;
  text-align: center;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer__box__button.c-shadowBtn .c-shadowBtn__label {
    width: inherit;
  }
}
@media screen and (max-width: 768px) {
  .p-trailIndexBegginer__box__button.c-shadowBtn .c-shadowBtn__label::before {
    right: 12px;
  }
}

/* ***************************
_trailBeginnerStep
*************************** */
.p-trailBeginnerStep {
  position: relative;
}

.p-trailBeginnerStep__inner {
  position: relative;
  background-color: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  padding: 0 12.5%;
}

.p-trailBeginnerStep__inner--noBox {
  position: relative;
  padding: 0 12.5%;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__inner--noBox {
    padding: 0 27px;
  }
}

.p-trailBeginnerStep__head {
  position: relative;
  text-align: center;
}

.p-trailBeginnerStep__head__label {
  position: relative;
  margin-bottom: 21px;
}

.p-trailBeginnerStep__head__label__image {
  position: relative;
  width: 210px;
  left: -2px;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__head__label__image {
    width: 174px;
    left: 0;
  }
}

.p-trailBeginnerStep__body {
  position: relative;
  margin-top: 65px;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__body {
    margin-top: 28px;
  }
}
.p-trailBeginnerStep__body .c-smallLabel + .c-planeTitle {
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__body .c-smallLabel + .c-planeTitle {
    margin-top: 16px;
  }
}
.p-trailBeginnerStep__body .c-planeTitle + .p-trailBeginnerStep__body__paragraph {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__body .c-planeTitle + .p-trailBeginnerStep__body__paragraph {
    margin-top: 12px;
  }
}

@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__body__pict {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__body__pict img {
    max-width: 240px;
  }
}

.p-trailBeginnerStep__body__contents {
  padding-left: 12px;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__body__contents {
    padding-left: 9px;
    padding-right: 9px;
    margin-top: 9px;
  }
}

.p-trailBeginnerStep__body__visual {
  text-align: center;
}

.p-trailBeginnerStep__body__paragraph {
  font-size: 1.063rem;
  letter-spacing: 0.75px;
  line-height: 1.95;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__body__paragraph {
    font-size: 1rem;
    letter-spacing: -0.25px;
    line-height: 1.9;
  }
}

.p-trailBeginnerStep__body__intro {
  margin-top: 45px;
  padding-bottom: 12px;
  font-size: 1.25rem;
  letter-spacing: 3px;
  line-height: 1.95;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__body__intro {
    margin-top: 24px;
    padding-bottom: 3px;
    font-size: 0.938rem;
    letter-spacing: 0.9px;
    line-height: 2.2;
  }
}

.p-trailBeginnerStep__body__note {
  font-size: 1.063rem;
  letter-spacing: 0.75px;
  line-height: 1.95;
  padding-bottom: 36px;
  margin-top: 12px;
  border-bottom: 3px dashed #EAEAEA;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__body__note {
    font-size: 0.938rem;
    letter-spacing: 0.75px;
    margin-top: 8px;
    line-height: 2;
    padding-bottom: 20px;
  }
}

.p-trailBeginnerStep__body__note + .c-bigCircleTitle {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__body__note + .c-bigCircleTitle {
    margin-top: 22px;
  }
}

.p-trailBeginnerStep__rule {
  margin-top: 123px;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__rule {
    margin-top: 58px;
  }
}

.p-trailBeginnerStep__rule__column {
  margin-top: 65px;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__rule__column {
    margin-top: -5px;
  }
}

@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__rule__image {
    display: block;
    width: 252px;
    margin: 0 auto;
  }
}

.p-trailBeginnerStep__rule__title {
  font-size: 1.25rem;
  letter-spacing: 3px;
  line-height: 1.5;
  color: #308720;
  margin-top: 39px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__rule__title {
    margin-top: 10px;
    font-size: 1.125rem;
    letter-spacing: 2.5px;
    line-height: 1.5;
  }
}

@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__rule__column .c-column__item:nth-child(3) .p-trailBeginnerStep__rule__title, .p-trailBeginnerStep__rule__column .c-column__item:nth-child(5) .p-trailBeginnerStep__rule__title {
    margin-top: 23px;
  }
}

.p-trailBeginnerStep__rule__text {
  font-size: 0.938rem;
  letter-spacing: 0.75px;
  margin-top: 12px;
  line-height: 2;
  padding-bottom: 42px;
  padding-right: 10px;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__rule__text {
    margin-top: 14px;
    padding-right: 0;
    padding-bottom: 12px;
  }
}

.p-trailBeginnerStep__button {
  text-align: center;
  margin-top: 37px;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__button {
    margin-top: 30px;
  }
}
.p-trailBeginnerStep__button .c-shadowBtn__body {
  width: 400px;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__button .c-shadowBtn__body {
    width: auto;
    height: 67px;
  }
}
.p-trailBeginnerStep__button .c-shadowBtn__label {
  margin-left: 20px;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .p-trailBeginnerStep__button .c-shadowBtn__label {
    margin-left: 0;
  }
}

/* ***************************
pickupIndexList
*************************** */
.p-pickupIndexList {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc( 100% + 2 * 17px );
  margin-left: -17px;
  margin-right: -17px;
  margin-top: -33px;
}
@media screen and (max-width: 768px) {
  .p-pickupIndexList {
    display: block;
    width: 100%;
    margin: 0;
  }
}
.p-pickupIndexList > li::before {
  display: none;
}

.p-pickupIndexList__item {
  position: relative;
  padding-left: 17px;
  padding-right: 17px;
  margin-top: 33px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-pickupIndexList__item {
    width: 100%;
    padding: 0;
  }
  .p-pickupIndexList__item:first-child {
    margin-top: 0;
  }
}
.p-pickupIndexList__item img {
  max-width: 100%;
  height: auto;
}

.p-pickupIndexList__link {
  display: block;
  background-color: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-pickupIndexList__link {
    border-radius: 20px;
  }
}
.p-pickupIndexList__link:hover .p-pickupIndexList__card__visual__image {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.p-pickupIndexList__card__visual {
  position: relative;
  z-index: 0;
}

.p-pickupIndexList__card__visual__image {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.p-pickupIndexList__card__label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 130px;
  padding: 0 70px 0 30px;
  z-index: 1;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-pickupIndexList__card__label {
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 95px;
    padding: 9px 50px 10px 20px;
  }
}
.p-pickupIndexList__card__label.c-circleArrowLink.is-size30::after {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-pickupIndexList__card__label.c-circleArrowLink.is-size30::after {
    right: 20px;
  }
}

.p-pickupIndexList__card__label__text {
  font-size: 1.25rem;
  letter-spacing: 2.75px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .p-pickupIndexList__card__label__text {
    position: static;
    font-size: 1.063rem;
    letter-spacing: 0.75px;
    line-height: 1.8;
  }
}

.isIE .p-pickupIndexList__card__label__text {
  margin-top: 0.3em;
}

/* ***************************
loopSlider
*************************** */
.p-loopSlider {
  position: relative;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p-loopSlider {
    margin-top: 0;
  }
}

.p-loopSlider__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  list-style: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.p-loopSlider__slider > li {
  padding-left: 0;
}
.p-loopSlider__slider > li::before {
  display: none;
}

.p-loopSlider__slider__item {
  display: inline-block;
  margin-right: 20px;
  list-style: none;
  text-align: center;
}
.p-loopSlider__slider__item img {
  display: block;
  height: 519px;
  width: auto;
}
@media screen and (max-width: 768px) {
  .p-loopSlider__slider__item img {
    height: 233px;
  }
}

.p-loopSlider__togglePlay {
  margin-top: 20px;
  font-size: 0rem;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-loopSlider__togglePlay {
    display: block;
    margin-top: 8px;
  }
}
.p-loopSlider__togglePlay img {
  margin: 1px;
  width: 20px;
  height: 20px;
}

.p-loopSlider__togglePlay--play,
.p-loopSlider__togglePlay--pause {
  display: inline-block;
}

.p-loopSlider__togglePlay--play + .p-loopSlider__togglePlay--pause {
  margin-left: 10px;
}

/* ***************************
topLeaflet
*************************** */
.p-topLeaflet {
  position: relative;
  margin-top: 100px;
  margin-bottom: -100px;
  padding-top: 160px;
  padding-bottom: 193px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-topLeaflet {
    margin-top: 42px;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 22px;
  }
}

.p-topLeaflet__inner {
  position: relative;
  max-width: 1280px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-topLeaflet__inner {
    padding-left: 37px;
    padding-right: 20px;
  }
}

.p-topLeaflet__leftBg {
  position: absolute;
  width: 540px;
  top: -18px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-topLeaflet__leftBg {
    width: 264px;
    top: 75px;
    left: 0;
  }
}

.p-topLeaflet__rightBg {
  position: absolute;
  width: 400px;
  top: 136px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .p-topLeaflet__rightBg {
    width: 200px;
    top: 265px;
    right: 0;
  }
}

.p-topLeaflet__photo {
  position: absolute;
  width: 700px;
  top: -71px;
  left: -177px;
}
@media screen and (max-width: 1160px) {
  .p-topLeaflet__photo {
    left: inherit;
    right: 55%;
  }
}
@media screen and (max-width: 768px) {
  .p-topLeaflet__photo {
    width: 500px;
    top: 254px;
    left: -125px;
    right: inherit;
  }
}

.p-topLeaflet__content {
  width: 59.5833333333%;
  margin-left: 43.75%;
}
@media screen and (max-width: 768px) {
  .p-topLeaflet__content {
    width: 100%;
    margin-left: 0;
  }
}
.p-topLeaflet__content .c-greenArrowHeader__label {
  display: block;
  line-height: 1.8;
  letter-spacing: 3.5px;
}
@media screen and (max-width: 768px) {
  .p-topLeaflet__content .c-greenArrowHeader__label {
    line-height: 1.95;
    letter-spacing: 1.25px;
    width: 97%;
  }
}
@media screen and (max-width: 768px) {
  .p-topLeaflet__content .c-greenArrowHeader__label::before {
    bottom: -27px;
  }
}
@media screen and (max-width: 768px) {
  .p-topLeaflet__content .c-greenArrowHeader__label::after {
    bottom: -16px;
  }
}

.p-topLeaflet__content__text {
  font-size: 2.5rem;
  margin-top: 20px;
  letter-spacing: 5.25px;
}
@media screen and (max-width: 768px) {
  .p-topLeaflet__content__text {
    font-size: 1.438rem;
    margin-top: 2px;
    letter-spacing: 2.66px;
    padding-bottom: 324px;
  }
}

.p-topLeaflet__box__button {
  margin-top: 37px;
}
@media screen and (max-width: 768px) {
  .p-topLeaflet__box__button {
    text-align: center;
    margin-top: 57px;
  }
}
.p-topLeaflet__box__button .c-btn {
  width: 280px;
}
@media screen and (max-width: 768px) {
  .p-topLeaflet__box__button .c-btn {
    width: 260px;
    height: 54px;
    margin: 0;
  }
}
.p-topLeaflet__box__button .c-btn__body {
  width: 50vw;
  font-size: 1rem;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .p-topLeaflet__box__button .c-btn__body {
    width: 100vw;
    height: 46px;
    font-size: 1rem;
    letter-spacing: 0.5px;
    padding-left: 22px;
  }
}

/* ***************************
zeroCarbonVisual
*************************** */
.p-zeroCarbonVisual {
  position: relative;
}

.p-zeroCarbonVisual__inner {
  position: relative;
  margin-top: 80px;
  padding: 10px;
  background-image: url("../images/pick-up/zero-carbon-drive/zeroCarbon_bg_grad.svg");
  background-size: cover;
  background-position: center top;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__inner {
    margin-top: 220px;
  }
}

.p-zeroCarbonVisual__boxLine {
  position: relative;
  margin: 0 auto;
  max-width: 1366px;
  min-height: 1270px;
  background-image: url("../images/pick-up/zero-carbon-drive/zeroCarbon_bg_border_pc.png");
  background-size: 100% 100%;
  background-position: center top;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__boxLine {
    min-height: 1230px;
    background-image: url("../images/pick-up/zero-carbon-drive/zeroCarbon_bg_border_sp.png");
  }
}

.p-zeroCarbonVisual__bgText {
  position: absolute;
  top: 25px;
  left: 23px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__bgText {
    top: 13px;
    left: inherit;
    right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__bgText img {
    height: 1226px;
  }
}

.p-zeroCarbonVisual__keyVisual {
  position: absolute;
  text-align: right;
  top: -70px;
  right: -10px;
  width: 66.8374816984%;
  height: auto;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__keyVisual {
    top: -100px;
    width: 96%;
  }
}
.p-zeroCarbonVisual__keyVisual img.u-pcOnly {
  height: 630px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.p-zeroCarbonVisual__keyVisual img.u-spOnly {
  width: 100%;
  height: 240px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.p-zeroCarbonVisual__title {
  position: absolute;
  top: 141px;
  left: 12.3718887262%;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__title {
    top: 180px;
    left: 25px;
  }
}

.p-zeroCarbonVisual__title__head {
  display: inline-block;
  padding-left: 4px;
  padding-right: 6px;
  font-size: 2.25rem;
  line-height: 1.5;
  letter-spacing: 2px;
  color: #fff;
  background-color: #00756e;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__title__head {
    padding-right: 2px;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: 3px;
  }
}

.isIE .p-zeroCarbonVisual__title__head__text {
  position: relative;
  top: 0.2em;
}

.p-zeroCarbonVisual__title__head__dot {
  display: inline-block;
  width: 23px;
  margin-left: -7px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__title__head__dot {
    width: 13px;
    margin-left: -4px;
  }
}

.p-zeroCarbonVisual__title__body {
  display: block;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__title__body {
    margin-top: 12px;
  }
}

.p-zeroCarbonVisual__title__body__phraseTop {
  display: inline-block;
  font-size: 5.625rem;
  padding-left: 5px;
  padding-top: 7px;
  margin-bottom: 4px;
  line-height: 1.33;
  letter-spacing: 13px;
  color: #00756e;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__title__body__phraseTop {
    margin-bottom: 0;
    font-size: 2.688rem;
    letter-spacing: 8px;
  }
}

.p-zeroCarbonVisual__title__body__phraseBtm {
  display: inline-block;
  font-size: 5.625rem;
  padding-left: 5px;
  padding-top: 7px;
  padding-bottom: 3px;
  line-height: 1.33;
  letter-spacing: 1px;
  color: #00756e;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__title__body__phraseBtm {
    padding-top: 8px;
    font-size: 2.688rem;
    letter-spacing: 2px;
  }
}

.p-zeroCarbonVisual__title__body__exclamation {
  display: inline-block;
  width: 53px;
  margin-left: -4px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__title__body__exclamation {
    width: 27px;
    margin-left: 0;
  }
}

.isIE .p-zeroCarbonVisual__title__body__phrase__text {
  position: relative;
  top: 0.15em;
}

.p-zeroCarbonVisual__intro {
  position: relative;
  padding-top: 623px;
  padding-left: 40px;
  padding-right: 40px;
  margin: 0 auto;
  max-width: 1080px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__intro {
    padding-top: 386px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.p-zeroCarbonVisual__intro > p {
  font-size: 1.125rem;
  letter-spacing: 0.85px;
  line-height: 1.85;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__intro > p {
    font-size: 1rem;
    letter-spacing: 0.85px;
    line-height: 2.1;
  }
}
.p-zeroCarbonVisual__intro p + p {
  margin-top: 33px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__intro p + p {
    margin-top: 3px;
  }
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__intro .p-zeroCarbonVisual__intro__paragraph--last {
    margin-top: 33px;
  }
}

.p-zeroCarbonVisual__subTitle {
  padding-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__subTitle {
    padding-bottom: 12px;
  }
}

.p-zeroCarbonVisual__subTitle__text {
  font-size: 2.25rem;
  letter-spacing: 5.33px;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__subTitle__text {
    font-size: 1.563rem;
    letter-spacing: 0;
    line-height: 1.8;
  }
}

.p-zeroCarbonVisual__button {
  margin-top: 57px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__button {
    margin-top: 51px;
  }
}
.p-zeroCarbonVisual__button .c-btn__body {
  min-width: 250px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonVisual__button .c-btn__body {
    min-width: 230px;
  }
}

/* ***************************
zeroCarbonStory: レイアウト変更に伴い不要に
*************************** */
/* ***************************
zeroCarbonDrive
*************************** */
.p-zeroCarbonDrive {
  position: relative;
  overflow: hidden;
}

.p-zeroCarbonDrive__inner {
  position: relative;
  margin: 0 auto;
  max-width: 1080px;
  padding: 144px 40px 78px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonDrive__inner {
    padding: 75px 35px 0px 40px;
  }
}

.p-zeroCarbonDrive__content {
  position: relative;
  z-index: 1;
}

.p-zeroCarbonDrive__head {
  position: relative;
}

.p-zeroCarbonDrive__head__text {
  font-size: 2.063rem;
  line-height: 1.67;
  letter-spacing: 4.95px;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonDrive__head__text {
    font-size: 1.375rem;
    letter-spacing: 2px;
  }
}

@media screen and (max-width: 768px) {
  .p-zeroCarbonDrive__head__text__middle {
    display: block;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    margin-top: 12px;
  }
}

.p-zeroCarbonDrive__head__text__last {
  letter-spacing: 5.25px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonDrive__head__text__last {
    display: block;
    font-size: 0.875rem;
    letter-spacing: 0.75px;
    margin-top: 2px;
  }
}

.p-zeroCarbonDrive__body {
  position: relative;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonDrive__body {
    margin-top: 15px;
  }
}

.p-zeroCarbonDrive__body__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .p-zeroCarbonDrive__body__inner {
    display: block;
  }
}

.p-zeroCarbonDrive__body__photo {
  width: 45%;
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
@media screen and (max-width: 640px) {
  .p-zeroCarbonDrive__body__photo {
    width: 100%;
    margin-top: 52px;
  }
}

@media screen and (max-width: 640px) {
  .p-zeroCarbonDrive__body__photo__image {
    margin: 0 auto;
  }
}

.p-zeroCarbonDrive__body__gap {
  padding-left: 5%;
  width: 5%;
  -ms-flex-preferred-size: 5%;
  flex-basis: 5%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
@media screen and (max-width: 640px) {
  .p-zeroCarbonDrive__body__gap {
    display: none;
  }
}

.p-zeroCarbonDrive__body__content {
  position: relative;
  width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
@media screen and (max-width: 640px) {
  .p-zeroCarbonDrive__body__content {
    width: 100%;
    max-width: 600px;
    margin: 35px auto 0;
  }
}

.p-zeroCarbonDrive__body__content__text {
  line-height: 1.94;
  letter-spacing: 0.9px;
  font-size: 1.063rem;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonDrive__body__content__text {
    line-height: 1.9;
    letter-spacing: -0.35px;
    font-size: 1rem;
  }
}

/* ***************************
zeroCarbonCampaign
*************************** */
.p-zeroCarbonCampaign {
  position: relative;
  overflow: hidden;
}

.p-zeroCarbonCampaign__inner {
  position: relative;
  margin: 0 auto;
  max-width: 1080px;
  padding: 0 40px 0;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__inner {
    padding: 67px 35px 0 40px;
  }
}

.p-zeroCarbonCampaign__content {
  position: relative;
  z-index: 1;
}
.p-zeroCarbonCampaign__content .c-greenArrowHeader {
  padding-bottom: 15px;
}
.p-zeroCarbonCampaign__content .c-greenArrowHeader__label {
  font-size: 1.5rem;
  line-height: 3.33;
  letter-spacing: 3.6px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__content .c-greenArrowHeader__label {
    font-size: 1.25rem;
    letter-spacing: 1px;
  }
}
.p-zeroCarbonCampaign__content .c-greenArrowHeader__label::before {
  bottom: -12px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__content .c-greenArrowHeader__label::before {
    left: -2px;
  }
}
.p-zeroCarbonCampaign__content .c-greenArrowHeader__label::after {
  bottom: -2px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__content .c-greenArrowHeader__label::after {
    bottom: -1px;
    left: 43px;
    width: 210px;
  }
}

.p-zeroCarbonCampaign__overview .c-listColumn2__item:nth-of-type(1) span {
  position: relative;
  top: 6px;
}
.p-zeroCarbonCampaign__overview .c-listColumn2__item:nth-of-type(2) span {
  position: relative;
  top: 3px;
}

.p-zeroCarbonCampaign__table {
  position: relative;
  margin: 54px auto 0;
  max-width: 1080px;
  padding: 0 40px 0;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__table {
    max-width: inherit;
    margin-top: 40px;
    padding: inherit;
  }
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__table .c-tableCaption {
    text-align: left;
    font-size: 0.875rem;
    letter-spacing: 0.7px;
    color: #666666;
    margin-left: 40px;
  }
  .p-zeroCarbonCampaign__table .c-tableCaption span {
    padding-left: 0;
  }
}
.p-zeroCarbonCampaign__table table {
  border: none;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__table table {
    margin-left: 40px;
    margin-bottom: 20px;
  }
}
.p-zeroCarbonCampaign__table th, .p-zeroCarbonCampaign__table td {
  padding: 0;
  white-space: inherit;
  min-width: inherit;
  background-color: inherit;
  border: none;
}
.p-zeroCarbonCampaign__table a {
  color: #222;
}
.p-zeroCarbonCampaign__table a.visited, .p-zeroCarbonCampaign__table a:visited {
  color: #222;
}
.p-zeroCarbonCampaign__table a.hover, .p-zeroCarbonCampaign__table a:hover {
  color: #00756e;
}
.p-zeroCarbonCampaign__table a::after {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  margin: 0;
  margin-left: 10px;
  background: none;
  background-image: url(../images/icon/icon_outerLink_green.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.p-zeroCarbonCampaign__table thead > tr > th {
  text-align: left;
  padding: 0;
  color: #ffffff;
  background-color: #00756e;
  font-size: 0.938rem;
  line-height: 2.25;
  padding-left: 10px;
  border-left: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__table thead > tr > th {
    font-size: 0.813rem;
    padding-left: 9px;
    line-height: 2;
  }
}
.p-zeroCarbonCampaign__table thead > tr > th:nth-of-type(1) {
  width: 21%;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__table thead > tr > th:nth-of-type(1) {
    width: 15%;
  }
}
.p-zeroCarbonCampaign__table thead > tr > th:nth-of-type(2) {
  width: 21%;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__table thead > tr > th:nth-of-type(2) {
    width: 19%;
  }
}
.p-zeroCarbonCampaign__table thead > tr > th:nth-of-type(3) {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__table thead > tr > th:nth-of-type(3) {
    width: 38%;
  }
}
.p-zeroCarbonCampaign__table thead > tr > th:nth-of-type(4) {
  width: 11%;
}
.p-zeroCarbonCampaign__table thead > tr > th:nth-of-type(5) {
  width: 17%;
}
.p-zeroCarbonCampaign__table tbody > tr > td {
  padding: 2px 1px 0 2px;
  line-height: 2;
  border: 1px solid #666666;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__table tbody > tr > td {
    font-size: 0.813rem;
    line-height: 1.7;
  }
}
.p-zeroCarbonCampaign__table tbody > tr:nth-of-type(even) > td {
  background-color: #f4f3ed;
}
.p-zeroCarbonCampaign__table tbody > tr > td:nth-last-of-type(5) {
  border-left: none;
  background-color: inherit !important;
}
.p-zeroCarbonCampaign__table tbody > tr > td:nth-last-of-type(-n+4) {
  padding-left: 14px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__table tbody > tr > td:nth-last-of-type(-n+4) {
    padding-left: 7px;
  }
}
.p-zeroCarbonCampaign__table tbody > tr > td:nth-last-of-type(1) {
  border-right: none;
}
.p-zeroCarbonCampaign__table tbody > tr > td.p-zeroCarbonCampaign__table__title {
  padding: 4px 0 0;
  border: none;
  background-color: inherit;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__table tbody > tr > td.p-zeroCarbonCampaign__table__title {
    padding: 2px 0 0;
  }
}
.p-zeroCarbonCampaign__table .p-zeroCarbonCampaign__table__title__marker {
  color: #00756e;
}
.p-zeroCarbonCampaign__table tbody > tr > td.p-zeroCarbonCampaign__table__caution {
  border: none;
  background-color: inherit;
  padding-top: 19px;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__table tbody > tr > td.p-zeroCarbonCampaign__table__caution {
    padding-top: 10px;
  }
}
.p-zeroCarbonCampaign__table tbody > tr > td.p-zeroCarbonCampaign__table__caution p {
  font-size: 0.938rem;
  margin-top: 0;
  line-height: 1.8;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__table tbody > tr > td.p-zeroCarbonCampaign__table__caution p {
    font-size: 0.813rem;
  }
}

.p-zeroCarbonCampaign__googleButton {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonCampaign__googleButton {
    margin-bottom: 68px;
  }
}

/* ***************************
zeroCarbonPromo
*************************** */
.p-zeroCarbonPromo {
  position: relative;
}

.p-zeroCarbonPromo__background {
  background-color: #00756e;
  color: #fff;
}

.p-zeroCarbonPromo__content {
  position: relative;
  margin: 0 auto;
  max-width: 1080px;
  padding: 93px 40px 112px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonPromo__content {
    padding: 60px 38px 70px;
  }
}

.p-zeroCarbonPromo__head__text {
  font-size: 2.688rem;
  line-height: 1.86;
  text-align: left;
  letter-spacing: 6.5px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonPromo__head__text {
    font-size: 1.5rem;
    letter-spacing: 2.5px;
  }
}

.p-zeroCarbonPromo__body {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonPromo__body {
    margin-top: 7px;
  }
}

.p-zeroCarbonPromo__body__text {
  line-height: 2;
  letter-spacing: 0.85px;
  text-align: left;
  font-size: 1.063rem;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonPromo__body__text {
    font-size: 0.938rem;
    letter-spacing: 0.75px;
    text-align: left;
  }
}

.p-zeroCarbonPromo__button {
  margin-top: 42px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonPromo__button {
    margin-top: 32px;
  }
}
.p-zeroCarbonPromo__button .c-btn {
  color: #00756e;
  background-color: #fff;
  border: 4px solid #00756e;
  font-weight: bold;
  border-radius: 33px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonPromo__button .c-btn {
    position: relative;
    left: -20px;
  }
}
.p-zeroCarbonPromo__button .c-btn[href^=http]::after {
  background-image: url(../images/icon/icon_outerLink_green.svg);
}
.p-zeroCarbonPromo__button .c-btn.is-active, .p-zeroCarbonPromo__button .c-btn:hover {
  border-color: #fff;
  color: #fff;
  background-color: #00756e;
}
.p-zeroCarbonPromo__button .c-btn.is-active[href^=http]::after, .p-zeroCarbonPromo__button .c-btn:hover[href^=http]::after {
  background-image: url(../images/icon/icon_outerLink_white.svg);
}
.p-zeroCarbonPromo__button .c-btn .c-btn__body {
  font-size: 1rem;
  height: 54px;
  padding-right: 65px;
  padding-left: 50px;
  letter-spacing: 0.8px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonPromo__button .c-btn .c-btn__body {
    padding-right: 40px;
    padding-left: 20px;
    word-break: keep-all;
  }
}
@media screen and (max-width: 375px) {
  .p-zeroCarbonPromo__button .c-btn .c-btn__body {
    font-size: 0.75rem;
  }
}

/* ***************************
zeroCarbonGuide
*************************** */
.p-zeroCarbonGuide {
  position: relative;
}

.p-zeroCarbonGuide__inner {
  position: relative;
  margin: 0 auto;
  max-width: 1080px;
  padding-top: 122px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__inner {
    padding: 70px 38px 0;
  }
}

.p-zeroCarbonGuide__head {
  font-size: 2.5rem;
  line-height: 2;
  letter-spacing: 6px;
  text-align: center;
  padding-left: 5px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__head {
    font-size: 1.5rem;
    letter-spacing: 2.25px;
    line-height: 1.5;
    padding-left: 0;
  }
}

.p-zeroCarbonGuide__list {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__list {
    margin-top: 40px;
  }
}
.p-zeroCarbonGuide__list > li {
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__list > li {
    padding: 0;
  }
}
.p-zeroCarbonGuide__list > li::before {
  display: none;
}

.p-zeroCarbonGuide__item + .p-zeroCarbonGuide__item .p-zeroCarbonGuide__title {
  padding-top: 62px;
  border-top: 2px solid #eeeeef;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__item + .p-zeroCarbonGuide__item .p-zeroCarbonGuide__title {
    padding-top: 50px;
  }
}

.p-zeroCarbonGuide__title {
  display: block;
  color: #00756e;
  line-height: 1.67;
  letter-spacing: 5.2px;
  font-size: 2.063rem;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__title {
    font-size: 1.375rem;
    line-height: 1.5;
    letter-spacing: 2.2px;
  }
}

.p-zeroCarbonGuide__title--narrow {
  letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__title--narrow {
    letter-spacing: 2.2px;
  }
}

.p-zeroCarbonGuide__banner {
  display: block;
  margin-top: 36px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__banner {
    margin-top: 25px;
  }
}
.p-zeroCarbonGuide__banner a {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.p-zeroCarbonGuide__banner a:focus, .p-zeroCarbonGuide__banner a:hover {
  opacity: 0.6;
}
.p-zeroCarbonGuide__banner a + a {
  margin-left: 36px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__banner a + a {
    margin-left: 7%;
  }
}

.p-zeroCarbonGuide__banner--EVsmart {
  width: 205px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__banner--EVsmart {
    width: 45%;
    max-width: 205px;
  }
}

.p-zeroCarbonGuide__banner--GoGoEV {
  width: 215px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__banner--GoGoEV {
    width: 45%;
    max-width: 215px;
  }
}

.p-zeroCarbonGuide__title + .p-zeroCarbonGuide__content {
  margin-top: 40px;
  left: 0;
}

.p-zeroCarbonGuide__content {
  display: block;
  margin-top: 35px;
  line-height: 1.94;
  letter-spacing: 0.85px;
  font-size: 1.063rem;
  padding-bottom: 65px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__content {
    margin-top: 38px;
    left: 0;
    font-size: 0.938rem;
    padding-bottom: 45px;
    line-height: 2;
    letter-spacing: 0.53px;
  }
}

.p-zeroCarbonGuide__item:last-of-type .p-zeroCarbonGuide__content {
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__item:last-of-type .p-zeroCarbonGuide__content {
    padding-bottom: 25px;
  }
}

.p-zeroCarbonGuide__button {
  margin-top: 5px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonGuide__button {
    padding: 0;
  }
}
.p-zeroCarbonGuide__button .c-btn__body {
  padding-right: 65px;
  padding-left: 50px;
  letter-spacing: 2.5px;
}

/* ***************************
zeroCarbonPortal
*************************** */
.p-zeroCarbonPortal {
  position: relative;
  margin-top: 105px;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonPortal {
    margin-top: 80px;
    margin-bottom: -50px;
    padding-bottom: 0;
  }
}

.p-zeroCarbonPortal__image {
  width: 100%;
}
.p-zeroCarbonPortal__image img {
  width: 100%;
  height: 440px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonPortal__image img {
    height: 300px;
  }
}
.p-zeroCarbonPortal__image a:focus img {
  border: 2px #dc1753 solid;
}

.p-zeroCarbonPortal__inner {
  position: absolute;
  top: 0;
  max-width: 1000px;
  margin: 0 calc( (100% - 1000px)/2 );
  padding-left: 355px;
}
@media screen and (max-width: 1000px) {
  .p-zeroCarbonPortal__inner {
    max-width: inherit;
    margin: 0 15px;
    padding-left: 31.5%;
  }
}

.p-zeroCarbonPortal__title {
  display: block;
  margin-top: 83px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonPortal__title {
    margin-top: 76px;
  }
}

.p-zeroCarbonPortal__subTitle {
  display: block;
  font-size: 1.5rem;
  line-height: 1.86;
  letter-spacing: 3.6px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonPortal__subTitle {
    font-size: 0.938rem;
    line-height: 1.33;
    letter-spacing: 0.53px;
  }
}

.p-zeroCarbonPortal__mainTitle {
  display: block;
  font-size: 2.688rem;
  line-height: 1.5;
  letter-spacing: 6.45px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonPortal__mainTitle {
    font-size: 1.625rem;
    line-height: 2;
    letter-spacing: 3.9px;
  }
}

.p-zeroCarbonPortal__text {
  display: block;
  margin-top: 17px;
  font-size: 1rem;
  line-height: 2.06;
  letter-spacing: 0.8px;
}

.u-spOnly.p-zeroCarbonPortal__text {
  margin-top: 34px;
  padding: 0 38px;
  font-size: 0.938rem;
  line-height: 2;
  letter-spacing: 0.53px;
}

.p-zeroCarbonPortal__button {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-zeroCarbonPortal__button {
    margin-top: 17px;
  }
}
.p-zeroCarbonPortal__button .c-btn__body {
  padding-right: 65px;
  padding-left: 50px;
  letter-spacing: 2.5px;
}

/* ***************************
zeroCarbonModal
*************************** */
.p-zeroCarbonModal {
  width: 640px;
  padding: 60px 18.75% 52px;
}
@media only screen and (max-width: 768px) {
  .p-zeroCarbonModal {
    width: 87vw;
    padding: 57px 5vw 23px;
  }
}

.p-zeroCarbonModal__title {
  text-align: center;
  color: #00756E;
  font-size: 1.625rem;
  letter-spacing: 1.25px;
}
@media only screen and (max-width: 768px) {
  .p-zeroCarbonModal__title {
    font-size: 1.25rem;
  }
}

.p-zeroCarbonModal__map {
  margin-top: 34px;
}
@media only screen and (max-width: 768px) {
  .p-zeroCarbonModal__map {
    margin-top: 31px;
  }
}
.p-zeroCarbonModal__map::after {
  content: "出典：地理院地図を加工して作成";
  display: block;
  text-align: right;
  padding: 5px 0 5px;
  font-size: 0.75rem;
  color: #666;
}

.p-zeroCarbonModal__map__image {
  max-width: 400px;
}
@media only screen and (max-width: 768px) {
  .p-zeroCarbonModal__map__image {
    max-width: 300px;
    width: 100%;
  }
}

.p-zeroCarbonModal__btnBox {
  margin-top: 36px;
}
@media only screen and (max-width: 768px) {
  .p-zeroCarbonModal__btnBox {
    margin-top: 41px;
  }
}

.p-zeroCarbonModal__linkBtn {
  position: relative;
  display: block;
  background-color: #00756E;
  color: #fff;
  text-align: center;
  border: solid 2px #00756E;
  border-radius: 100px;
  padding: 0.6rem 1rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 22px;
  margin-bottom: 22px;
  width: 90%;
  max-width: 260px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 1.125rem;
}
.p-zeroCarbonModal__linkBtn:visited, .p-zeroCarbonModal__linkBtn:active {
  color: #fff;
}
.p-zeroCarbonModal__linkBtn:hover {
  background-color: #fff;
  color: #00756E;
}
.p-zeroCarbonModal__linkBtn::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 14px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ***************************
leafletVisual
*************************** */
.p-leafletVisual {
  position: relative;
  margin-bottom: -93px;
}
@media screen and (max-width: 768px) {
  .p-leafletVisual {
    margin-bottom: 0;
  }
}
.p-leafletVisual .p-pageTitle__inner {
  overflow: visible;
}
.p-leafletVisual .p-pageTitle__title__inner {
  top: 58px;
  left: 3px;
  padding: 25px 75px;
  border-radius: 90px;
  text-align: center;
}
@media screen and (max-width: 1365px) {
  .p-leafletVisual .p-pageTitle__title__inner {
    top: 90px;
    left: 0;
    padding: 25px;
  }
}
@media screen and (max-width: 768px) {
  .p-leafletVisual .p-pageTitle__title__inner {
    top: 70px;
    padding: 30px 20px;
    border-radius: 70px;
    max-width: 91vw;
  }
}
.p-leafletVisual .p-pageTitle__title__text {
  position: relative;
  top: 5px;
  left: 2px;
  font-size: 2.688rem;
  line-height: 1.5;
  letter-spacing: 5.5px;
  color: #222;
}
@media screen and (max-width: 1365px) {
  .p-leafletVisual .p-pageTitle__title__text {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 1160px) {
  .p-leafletVisual .p-pageTitle__title__text {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .p-leafletVisual .p-pageTitle__title__text {
    font-size: 1.625rem;
    line-height: 1.55;
    letter-spacing: 3.75px;
  }
}
.p-leafletVisual .p-pageTitle__background,
.p-leafletVisual .p-pageTitle__background img {
  height: 550px;
}
@media screen and (max-width: 768px) {
  .p-leafletVisual .p-pageTitle__background,
.p-leafletVisual .p-pageTitle__background img {
    height: 470px;
  }
}

.p-leafletVisual__title__middle {
  color: #00756e;
}

.p-leafletVisual__semiCircle {
  position: absolute;
  display: block;
  width: 758px;
  height: 480px;
  top: 69px;
  left: -290px;
}
@media screen and (max-width: 1365px) {
  .p-leafletVisual__semiCircle {
    top: 20px;
    left: -170px;
  }
}
@media screen and (max-width: 768px) {
  .p-leafletVisual__semiCircle {
    width: 375px;
    height: auto;
    top: 250px;
    left: -114px;
  }
}

.p-leafletVisual__badge {
  position: absolute;
  width: 100%;
  height: 230px;
  top: 0;
  max-width: 1160px;
  left: calc( (100% - 1160px) / 2 );
}
@media screen and (max-width: 1365px) {
  .p-leafletVisual__badge {
    left: inherit;
    right: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-leafletVisual__badge {
    right: inherit;
  }
}

.p-leafletVisual__badge__inner {
  position: absolute;
  display: block;
  width: 214px;
  height: auto;
  top: 370px;
  right: 0;
}
@media screen and (max-width: 768px) {
  .p-leafletVisual__badge__inner {
    width: 130px;
    height: auto;
    top: 390px;
    right: 37px;
  }
}

.p-leafletVisual__bgWave {
  position: relative;
  display: block;
  height: 120px;
  top: -120px;
  background-image: url("../images/pick-up/leaflet/leaflet_visual_wave.png");
  background-repeat: repeat-x;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .p-leafletVisual__bgWave {
    top: -39px;
    height: 40px;
    background-image: url("../images/pick-up/leaflet/leaflet_visual_wave_sp.png");
    background-size: contain;
  }
}

/* ***************************
leafletParkMap
*************************** */
.p-leafletParkMap {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-leafletParkMap {
    margin-top: 45px;
  }
}

.p-leafletParkMap__inner {
  margin: 0 auto;
  max-width: 1200px;
}

.p-leafletParkMap__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-leafletParkMap__flex {
    display: block;
    text-align: center;
  }
}

.p-leafletParkMap__map {
  -ms-flex-preferred-size: 560px;
  flex-basis: 560px;
}
@media screen and (max-width: 768px) {
  .p-leafletParkMap__map {
    display: inline-block;
    width: 80%;
  }
}

.p-leafletParkMap__map__image {
  position: relative;
  top: -1px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-leafletParkMap__map__image {
    top: 0;
  }
}

.p-leafletParkMap__text {
  -ms-flex-preferred-size: 640px;
  flex-basis: 640px;
  padding-top: 69px;
}
@media screen and (max-width: 768px) {
  .p-leafletParkMap__text {
    width: 80%;
    padding-top: 0;
    margin: 28px auto 0;
    text-align: left;
  }
}

.p-leafletParkMap__text__paragraph {
  font-size: 1.25rem;
  padding-left: 6.25%;
  line-height: 3.5;
  letter-spacing: 2px;
}
@media screen and (max-width: 1160px) {
  .p-leafletParkMap__text__paragraph {
    font-size: 1rem;
    line-height: 2;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 768px) {
  .p-leafletParkMap__text__paragraph {
    font-size: 0.938rem;
    line-height: 2.9;
    padding-left: 0;
    letter-spacing: 1.5px;
  }
}
.p-leafletParkMap__text__paragraph span {
  border-bottom: 4px solid #D3E8DA;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-leafletParkMap__text__paragraph span {
    border-width: 3px;
    padding-bottom: 4px;
  }
}

.p-leafletParkMap__text__note {
  position: relative;
  padding-left: 9.5%;
  font-size: 0.813rem;
  color: #888888;
  margin-top: 40px;
  letter-spacing: 0.65px;
  line-height: 1.65;
}
@media screen and (max-width: 768px) {
  .p-leafletParkMap__text__note {
    margin-top: 25px;
    padding-left: 21px;
  }
}
.p-leafletParkMap__text__note::before {
  content: "※";
  position: absolute;
  display: inline-block;
  left: 6.25%;
}
@media screen and (max-width: 768px) {
  .p-leafletParkMap__text__note::before {
    left: 0;
  }
}

/* ***************************
leafletScroll
*************************** */
.p-leafletScroll {
  position: relative;
  margin-top: 206px;
}
@media screen and (max-width: 768px) {
  .p-leafletScroll {
    margin-top: 98px;
  }
}

.p-leafletScroll__waveTop {
  position: relative;
  display: block;
  height: 120px;
  top: -120px;
  margin-bottom: -120px;
  background-image: url("../images/pick-up/leaflet/leaflet_scroll_wave_top.png");
  background-repeat: repeat-x;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .p-leafletScroll__waveTop {
    height: 40px;
    top: -40px;
    margin-bottom: -40px;
    background-image: url("../images/pick-up/leaflet/leaflet_scroll_wave_top_sp.png");
  }
}

.p-leafletScroll__waveBottom {
  position: relative;
  display: block;
  height: 120px;
  top: -120px;
  margin-bottom: -120px;
  background-image: url("../images/pick-up/leaflet/leaflet_scroll_wave_bottom.png");
  background-repeat: repeat-x;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .p-leafletScroll__waveBottom {
    height: 40px;
    top: -40px;
    margin-bottom: -40px;
    background-image: url("../images/pick-up/leaflet/leaflet_scroll_wave_bottom_sp.png");
  }
}

.p-leafletScroll__tree {
  position: relative;
  display: block;
  max-width: 1200px;
}

.p-leafletScroll__tree__pict {
  position: absolute;
  display: block;
  top: -133px;
  right: -83px;
  width: 134px;
  height: 145px;
  background-image: url("../images/pick-up/leaflet/leaflet_pict_tree.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1365px) {
  .p-leafletScroll__tree__pict {
    right: 82px;
  }
}
@media screen and (max-width: 768px) {
  .p-leafletScroll__tree__pict {
    top: -67px;
    right: 36px;
    width: 88px;
    height: 95px;
  }
}

.p-leafletScroll__bg {
  background-color: #EDF7F1;
  padding-bottom: 230px;
}
@media screen and (max-width: 768px) {
  .p-leafletScroll__bg {
    padding-bottom: 75px;
  }
}

.p-leafletScroll__head {
  padding-top: 77px;
}
@media screen and (max-width: 768px) {
  .p-leafletScroll__head {
    padding-top: 54px;
    padding-left: 5px;
  }
}
.p-leafletScroll__head .c-waveTitle:after {
  top: 16px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-leafletScroll__head .c-waveTitle:after {
    top: 4px;
    left: 0;
  }
}
.p-leafletScroll__head .c-waveTitle__text {
  font-size: 2.5rem;
  color: #222;
  margin-left: 6px;
}
@media screen and (max-width: 768px) {
  .p-leafletScroll__head .c-waveTitle__text {
    font-size: 1.688rem;
    line-height: 1.66;
    letter-spacing: 4px;
    margin-left: 0;
  }
}

.p-leafletScroll__slider {
  margin-top: 75px;
}
@media screen and (max-width: 768px) {
  .p-leafletScroll__slider {
    margin-top: 25px;
  }
}

.p-leafletScroll__text {
  margin: 12px auto 0;
  max-width: 1000px;
}
@media screen and (max-width: 768px) {
  .p-leafletScroll__text {
    margin-top: 24px;
  }
}

.p-leafletScroll__text__paragraph {
  max-width: 980px;
  padding: 0 40px;
  font-size: 1.25rem;
  line-height: 2.25;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .p-leafletScroll__text__paragraph {
    max-width: 80%;
    margin: 0 auto;
    padding: 0;
    line-height: 2;
    letter-spacing: 0.75px;
    font-size: 0.938rem;
  }
}

/* ***************************
leafletTrip
*************************** */
.p-leafletTrip {
  position: relative;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .p-leafletTrip {
    margin-top: 78px;
  }
}

.p-leafletTrip__inner {
  position: relative;
  max-width: 1120px;
  padding: 0 40px;
  min-height: 720px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-leafletTrip__inner {
    max-width: 300px;
    padding: 0;
    min-height: 520px;
  }
}

.p-leafletTrip__back {
  position: absolute;
  top: 0;
  width: 100%;
  height: 720px;
  background-image: url("../images/pick-up/leaflet/leaflet_trip_bg.png");
  background-repeat: no-repeat;
  background-size: 1532px auto;
  background-position: center 45px;
}
@media screen and (max-width: 768px) {
  .p-leafletTrip__back {
    background-image: url("../images/pick-up/leaflet/leaflet_trip_bg_sp.png");
    background-size: 470px auto;
    background-position: 70% 0;
    top: inherit;
    bottom: -449px;
  }
}

.p-leafletTrip__back__pict {
  position: absolute;
  display: block;
  width: 1532px;
  height: 720px;
  top: 45px;
  left: -80px;
}

.p-leafletTrip__head {
  padding-top: 75px;
}
@media screen and (max-width: 768px) {
  .p-leafletTrip__head {
    padding-top: 3px;
  }
}
.p-leafletTrip__head .c-waveTitle {
  text-align: left;
}
.p-leafletTrip__head .c-waveTitle:after {
  top: 13px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-leafletTrip__head .c-waveTitle:after {
    top: 8px;
  }
}
.p-leafletTrip__head .c-waveTitle__text {
  font-size: 2.5rem;
  color: #222;
  line-height: 1.66;
  letter-spacing: 5.75px;
}
@media screen and (max-width: 768px) {
  .p-leafletTrip__head .c-waveTitle__text {
    font-size: 1.688rem;
    letter-spacing: 4px;
  }
}

.p-leafletTrip__text {
  margin: 44px auto 0;
  max-width: 1040px;
}
@media screen and (max-width: 768px) {
  .p-leafletTrip__text {
    margin-top: 27px;
  }
}

.p-leafletTrip__text__paragraph {
  max-width: 600px;
  font-size: 1.25rem;
  line-height: 2.25;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .p-leafletTrip__text__paragraph {
    max-width: 300px;
    font-size: 0.938rem;
    line-height: 2;
    letter-spacing: 0.75px;
  }
}

/* ***************************
leafletApply
*************************** */
.p-leafletApply {
  position: relative;
  margin-top: 150px;
}

.p-leafletApply__inner {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}

.p-leafletApply__box {
  position: relative;
  border-radius: 30px;
  background-color: #FAF7E4;
  padding-top: 100px;
  padding-bottom: 107px;
  margin: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-leafletApply__box {
    padding-top: 3px;
    padding-bottom: 70px;
    margin: 0 18px;
  }
}

.p-leafletApply__bird {
  position: absolute;
  display: block;
  top: -70px;
  right: 53px;
  width: 120px;
  height: 170px;
  background-image: url("../images/pick-up/leaflet/leaflet_pict_bird.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1365px) {
  .p-leafletApply__bird {
    right: 82px;
  }
}
@media screen and (max-width: 768px) {
  .p-leafletApply__bird {
    right: inherit;
    left: 13px;
    top: -72px;
  }
}

.p-leafletApply__head {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-leafletApply__head {
    margin-top: 68px;
  }
}

.p-leafletApply__head__title {
  margin-left: 24px;
  font-size: 2.5rem;
  color: #222;
  line-height: 1.66;
  letter-spacing: 5px;
}
@media screen and (max-width: 768px) {
  .p-leafletApply__head__title {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff));
    background: linear-gradient(transparent 60%, #fff 60%);
    margin-left: 3px;
    letter-spacing: 3.35px;
    font-size: 1.688rem;
  }
}

.p-leafletApply__head__markerText {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff));
  background: linear-gradient(transparent 60%, #fff 60%);
}

.p-leafletApply__btnBox {
  margin: 50px auto 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-leafletApply__btnBox {
    padding: 0 12%;
    margin-top: 37px;
  }
}
@media screen and (max-width: 400px) {
  .p-leafletApply__btnBox {
    padding: 0;
  }
}
.p-leafletApply__btnBox .c-btn {
  max-width: 420px;
  width: 50%;
  border-radius: 50px;
}
@media screen and (max-width: 1160px) {
  .p-leafletApply__btnBox .c-btn {
    margin: 0 15%;
  }
}
@media screen and (max-width: 768px) {
  .p-leafletApply__btnBox .c-btn {
    width: 280px;
    height: 54px;
    margin: 0;
  }
}
.p-leafletApply__btnBox .c-btn + .c-btn {
  margin-left: 55px;
}
@media screen and (max-width: 1160px) {
  .p-leafletApply__btnBox .c-btn + .c-btn {
    margin-top: 20px;
    margin-left: 15%;
  }
}
@media screen and (max-width: 768px) {
  .p-leafletApply__btnBox .c-btn + .c-btn {
    width: 280px;
    margin-top: 18px;
    margin-left: 0;
  }
}
.p-leafletApply__btnBox .c-btn + .c-btn .c-btn__body {
  padding-right: 16px;
}
@media screen and (max-width: 768px) {
  .p-leafletApply__btnBox .c-btn + .c-btn .c-btn__body {
    padding-right: 0;
    padding-left: 0;
  }
}
.p-leafletApply__btnBox .c-btn__body {
  width: 50vw;
  height: 84px;
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-leafletApply__btnBox .c-btn__body {
    width: 100vw;
    height: 46px;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
  }
}

/* ***************************
leafletViewer
*************************** */
.p-leafletViewer {
  position: relative;
  margin-top: 224px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer {
    margin-top: 176px;
  }
}

.p-leafletViewer__waveTop {
  position: relative;
  display: block;
  height: 120px;
  top: -120px;
  margin-bottom: -120px;
  background-image: url("../images/pick-up/leaflet/leaflet_viewer_wave.png");
  background-repeat: repeat-x;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__waveTop {
    height: 40px;
    top: -40px;
    margin-bottom: -40px;
    background-image: url("../images/pick-up/leaflet/leaflet_viewer_wave_sp.png");
  }
}

.p-leafletViewer__bg {
  background-color: #FAF7E4;
  padding-bottom: 230px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__bg {
    padding-bottom: 107px;
    padding-left: 18px;
    padding-right: 18px;
  }
}

.p-leafletViewer__inner {
  padding-top: 119px;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__inner {
    padding-top: 100px;
  }
}

.p-leafletViewer__box {
  position: relative;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.03);
  background-color: #fff;
  padding: 121px 20px 130px;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__box {
    border-radius: 15px;
    padding: 66px 20px 70px;
  }
}
.p-leafletViewer__box .c-waveTitle:after {
  top: 12px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__box .c-waveTitle:after {
    top: 2px;
    left: 0;
  }
}
.p-leafletViewer__box .c-waveTitle__text {
  font-size: 2.5rem;
  color: #222;
  margin-left: 6px;
  letter-spacing: 5.3px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__box .c-waveTitle__text {
    font-size: 1.688rem;
    line-height: 1.66;
    letter-spacing: 4px;
    margin-left: 4px;
  }
}

.p-leafletViewer__box__bird {
  position: absolute;
  display: block;
  top: -70px;
  right: 53px;
  width: 120px;
  height: 170px;
  background-image: url("../images/pick-up/leaflet/leaflet_pict_bird.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1365px) {
  .p-leafletViewer__box__bird {
    right: 82px;
  }
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__box__bird {
    right: inherit;
    left: 13px;
    top: -72px;
  }
}

.p-leafletViewer__box__accordion {
  margin: 61px auto 0;
  max-width: 900px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__box__accordion {
    margin: 34px auto 0;
  }
}
.p-leafletViewer__box__accordion .c-accordionList__item,
.p-leafletViewer__box__accordion .c-accordionList__item:last-child {
  border-width: 2px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__box__accordion .c-accordionList__item,
.p-leafletViewer__box__accordion .c-accordionList__item:last-child {
    padding-bottom: 4px;
  }
}
.p-leafletViewer__box__accordion .c-accordionList__item.is-open {
  padding-bottom: 36px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__box__accordion .c-accordionList__item.is-open {
    padding-bottom: 32px;
  }
}
.p-leafletViewer__box__accordion .c-accordionList__item.is-open .c-accordionList__head {
  border: none;
}
.p-leafletViewer__box__accordion a.c-accordionList__head:focus:not(:focus-visible) {
  outline: none;
}
.p-leafletViewer__box__accordion .c-accordionList__item.is-largeIcon .c-accordionList__head__inner::after {
  margin-top: 3px;
}
.p-leafletViewer__box__accordion .c-accordionList__head__label {
  font-size: 1.25rem;
}
.p-leafletViewer__box__accordion .c-accordionList__item.is-largeIcon .c-accordionList__head__label {
  letter-spacing: 2px;
}
.p-leafletViewer__box__accordion .c-accordionList__item.is-largeIcon .c-accordionList__head {
  padding: 25px 35px 18px 60px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__box__accordion .c-accordionList__item.is-largeIcon .c-accordionList__head {
    padding: 28px 35px 18px 50px;
  }
}
.p-leafletViewer__box__accordion .c-accordionList__body {
  padding-left: 52px;
  margin-top: -9px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__box__accordion .c-accordionList__body {
    padding-left: 0px;
    margin-left: -10px;
    margin-right: -10px;
  }
}
.p-leafletViewer__box__accordion .c-btn {
  margin: 9px 10px;
}
.p-leafletViewer__box__accordion .c-btn .c-btn__body {
  font-size: 1rem;
  padding-right: 15px;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__box__accordion .c-btn .c-btn__body {
    padding-right: 25px;
  }
}
.p-leafletViewer__box__accordion .c-btn.is-iconPDF .c-btn__body::after {
  position: relative;
  display: inline-block;
  content: "";
  top: 2px;
  width: 16px;
  height: 17px;
  margin-left: 4px;
  background-image: url(../images/icon/icon_filePDF_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.p-leafletViewer__reader {
  margin: 42px auto 0;
  max-width: 900px;
  font-size: 0.938rem;
  letter-spacing: 0.88px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__reader {
    margin: 25px auto 0;
    letter-spacing: 0.8px;
    line-height: 2;
  }
}

.p-leafletViewer__reader__link {
  display: inline-block;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__reader__link {
    margin-top: 15px;
  }
}

.p-leafletViewer__reader__banner {
  width: 158px;
  height: auto;
}

.p-leafletViewer__note {
  margin: 52px auto 0;
  max-width: 900px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__note {
    margin-top: 38px;
  }
}

.p-leafletViewer__note__box {
  padding: 43px 45px 37px;
  border: 5px solid #EDF7F1;
  border-radius: 20px;
  font-size: 1.063rem;
  letter-spacing: 0.88px;
}
@media screen and (max-width: 768px) {
  .p-leafletViewer__note__box {
    padding: 27px 27px 22px;
    font-size: 0.938rem;
    border-width: 3px;
    letter-spacing: 0.8px;
    line-height: 1.9;
  }
}

/* ***************************
leafletInfo
*************************** */
.p-leafletInfo {
  position: relative;
  margin-top: 30px;
  margin-bottom: 113px;
}
@media screen and (max-width: 768px) {
  .p-leafletInfo {
    margin-top: 42px;
  }
}

.p-leafletInfo__waveTop {
  position: relative;
  display: block;
  height: 120px;
  top: -120px;
  margin-bottom: -120px;
  background-image: url("../images/pick-up/leaflet/leaflet_info_wave.png");
  background-repeat: repeat-x;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .p-leafletInfo__waveTop {
    height: 40px;
    top: -70px;
    margin-bottom: -40px;
    background-image: url("../images/pick-up/leaflet/leaflet_info_wave_sp.png");
  }
}

.p-leafletInfo__inner {
  padding-top: 17px;
}
@media screen and (max-width: 768px) {
  .p-leafletInfo__inner {
    padding-top: 0;
  }
}

.p-leafletInfo__head {
  padding-top: 77px;
  max-width: 920px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-leafletInfo__head {
    padding-top: 45px;
    padding-left: 38px;
    padding-right: 38px;
  }
}
.p-leafletInfo__head .is-wide .c-greenArrowHeader__label {
  letter-spacing: 3.8px;
}
@media screen and (max-width: 768px) {
  .p-leafletInfo__head .is-wide .c-greenArrowHeader__label {
    letter-spacing: 1px;
  }
}
.p-leafletInfo__head .is-wide .c-greenArrowHeader__label::before {
  bottom: -30px;
}
@media screen and (max-width: 768px) {
  .p-leafletInfo__head .is-wide .c-greenArrowHeader__label::before {
    bottom: -25px;
  }
}
.p-leafletInfo__head .is-wide .c-greenArrowHeader__label::after {
  bottom: -20px;
  left: 44px;
  width: calc( 100% - 44px );
}
@media screen and (max-width: 768px) {
  .p-leafletInfo__head .is-wide .c-greenArrowHeader__label::after {
    bottom: -15px;
  }
}

.p-leafletInfo__body {
  padding-top: 55px;
  padding-left: 45px;
  max-width: 1010px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-leafletInfo__body {
    padding-top: 10px;
    padding-left: 38px;
    padding-right: 15px;
  }
}

.p-leafletInfo__correction {
  width: 100%;
  height: 540px;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .p-leafletInfo__correction {
    height: 830px;
  }
}

.p-leafletInfo__year {
  position: relative;
  padding-left: 105px;
  margin-right: 50px;
}
@media screen and (max-width: 768px) {
  .p-leafletInfo__year {
    padding-left: 0;
    margin-right: 20px;
  }
}

.p-leafletInfo__year__label {
  position: absolute;
  left: 0;
  top: 21px;
  color: #00756e;
  font-size: 1rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .p-leafletInfo__year__label {
    position: static;
    text-align: center;
    padding-right: 13px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 2px solid #EEEEEF;
  }
}

ul.p-leafletInfo__year__list > li {
  padding-left: 0;
}
ul.p-leafletInfo__year__list > li::before {
  display: none;
}

li.p-leafletInfo__year__item {
  position: relative;
  padding-left: 105px;
  padding-top: 25px;
  padding-bottom: 18px;
  border-top: 2px solid #EEEEEF;
}
@media screen and (max-width: 768px) {
  li.p-leafletInfo__year__item {
    padding-top: 22px;
    padding-left: 0;
    padding-bottom: 26px;
  }
}
.p-leafletInfo__year__item__label {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 24px;
  padding: 0px 8px;
  background-color: #F4F3ED;
  border-radius: 16px;
  font-size: 0.75rem;
  line-height: 1.625rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .p-leafletInfo__year__item__label {
    position: static;
    padding: 2px 10px;
  }
}

.p-leafletInfo__year__item__title {
  display: block;
  padding-left: 135px;
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.9px;
}
@media screen and (max-width: 768px) {
  .p-leafletInfo__year__item__title {
    padding-left: 0;
    margin-top: 13px;
    letter-spacing: -0.1px;
    line-height: 1.4;
  }
}

.p-leafletInfo__year__item__contents {
  display: block;
  padding-left: 135px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 3px;
  letter-spacing: 0.8px;
}
@media screen and (max-width: 768px) {
  .p-leafletInfo__year__item__contents {
    padding-left: 0;
    margin-top: 7px;
    letter-spacing: -0.25px;
  }
}

/* ***************************
leafletCaution
*************************** */
.p-leafletCaution {
  position: relative;
  margin-top: 125px;
  padding-bottom: 185px;
}
@media screen and (max-width: 768px) {
  .p-leafletCaution {
    margin-top: 73px;
    padding-bottom: 73px;
  }
}

.p-leafletCaution__inner {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-leafletCaution__inner {
    max-width: 80%;
    padding: 0;
  }
}

.p-leafletCaution__title {
  position: relative;
  padding-bottom: 18px;
  padding-left: 30px;
  margin-bottom: 30px;
  font-size: 1.25rem;
  letter-spacing: 2.5px;
  border-bottom: 2px solid #EEE;
}
@media screen and (max-width: 768px) {
  .p-leafletCaution__title {
    padding-bottom: 20px;
    padding-left: 25px;
    margin-bottom: 27px;
    font-size: 1.125rem;
    letter-spacing: 2px;
  }
}
.p-leafletCaution__title:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 22px;
  top: 7px;
  left: 2px;
  background-image: url("../images/pick-up/leaflet/leaflet_caution_icon.png");
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .p-leafletCaution__title:before {
    left: 0;
  }
}

li.p-leafletCaution__item {
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  li.p-leafletCaution__item {
    line-height: 1.9;
    letter-spacing: -0.5px;
  }
}
li.p-leafletCaution__item:before {
  left: 0.1em;
  width: 6px;
  height: 6px;
  top: 0.75em;
  background-color: #00756e;
}
@media screen and (max-width: 768px) {
  li.p-leafletCaution__item:before {
    line-height: 1.9;
  }
}
li.p-leafletCaution__item + li.p-leafletCaution__item {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  li.p-leafletCaution__item + li.p-leafletCaution__item {
    margin-top: 22px;
  }
}

.p-leafletCaution__item__marker {
  color: #888888;
  font-size: 0.813rem;
  letter-spacing: 0.65px;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .p-leafletCaution__item__marker {
    line-height: 1.65;
    display: inline-block;
  }
}

.p-leafletCaution__reader {
  display: inline-block;
  margin-top: 15px;
}

.p-leafletCaution__reader__banner {
  width: 158px;
  height: auto;
}

/* ***************************
aboutKvSlider
*************************** */
.p-aboutKvSlider {
  position: relative;
}

.p-aboutKvSlider__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  max-width: 1100px;
  height: 1000px;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__inner {
    height: 700px;
  }
}

.p-aboutKvSlider__title {
  position: absolute;
  bottom: 165px;
  right: 56px;
  z-index: 0;
}
@media screen and (max-width: 1080px) {
  .p-aboutKvSlider__title {
    bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__title {
    bottom: 91px;
    right: 15px;
  }
}

.p-aboutKvSlider__title__image {
  width: calc( 100vw * (272 / 1100) );
  max-width: 350px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__title__image {
    width: 185px;
  }
}

.p-aboutKvSlider__title__top {
  display: inline-block;
  position: relative;
  left: -4px;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 1;
  font-size: 3.5rem;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__title__top {
    left: 0;
    padding-left: 4px;
    padding-right: 6px;
    font-size: 2.563rem;
    letter-spacing: 1px;
  }
}
.p-aboutKvSlider__title__top::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 364px;
  height: 54px;
  background-color: #fff;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__title__top::before {
    width: 262px;
    height: 39px;
  }
}

.p-aboutKvSlider__title__btm {
  display: inline-block;
  position: relative;
  left: 6px;
  top: 27px;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 1;
  font-size: 1.75rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__title__btm {
    top: 13px;
    left: 9px;
    font-size: 1.25rem;
    letter-spacing: 1px;
    padding-left: 4px;
    padding-right: 8px;
  }
}
.p-aboutKvSlider__title__btm::before {
  content: "";
  position: absolute;
  top: 0;
  left: 3px;
  width: 364px;
  height: 28px;
  background-color: #fff;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__title__btm::before {
    width: 262px;
    height: 20px;
  }
}

.p-aboutKvSlider__NPlogo {
  position: absolute;
  top: 24px;
  right: 29px;
  width: 68px;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__NPlogo {
    top: 20px;
    right: 19px;
    width: 38px;
  }
}

.p-aboutKvSlider__slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000px;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__slider {
    height: 700px;
  }
}
.p-aboutKvSlider__slider .p-aboutKvSlider__dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: -10px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__slider .p-aboutKvSlider__dots {
    bottom: 6px;
  }
}
.p-aboutKvSlider__slider .p-aboutKvSlider__dots button {
  background: #A8A8A8;
}
.p-aboutKvSlider__slider .p-aboutKvSlider__dots .slick-active button {
  background: #333;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__slider .p-aboutKvSlider__dots .slick-active button {
    width: 8px;
    height: 8px;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__slider .p-aboutKvSlider__dots .slick-dots li + li {
    margin-left: 4px;
  }
}

.p-aboutKvSlider__slider__image {
  width: 100%;
  height: 1000px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__slider__image {
    height: 600px;
  }
}

.p-aboutKvSlider__slider__btmTriangle {
  position: absolute;
  bottom: 58px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__slider__btmTriangle {
    bottom: 100px;
  }
}
.p-aboutKvSlider__slider__btmTriangle::after {
  content: "";
  position: absolute;
  display: block;
  bottom: -120px;
  width: 100%;
  height: 120px;
  background-color: #fff;
}

.p-aboutKvSlider__togglePlay {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: -30px;
  width: 100%;
  font-size: 0rem;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__togglePlay {
    display: block;
    bottom: -4px;
  }
}
.p-aboutKvSlider__togglePlay img {
  margin: 1px;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__togglePlay img {
    width: 18px;
    height: 18px;
  }
}

.p-aboutKvSlider__togglePlay--play,
.p-aboutKvSlider__togglePlay--pause {
  display: inline-block;
}

.p-aboutKvSlider__togglePlay--play + .p-aboutKvSlider__togglePlay--pause {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .p-aboutKvSlider__togglePlay--play + .p-aboutKvSlider__togglePlay--pause {
    margin-left: 7px;
  }
}

/* ***************************
aboutPrologue
*************************** */
.p-aboutPrologue {
  position: relative;
  margin-top: 110px;
}
@media screen and (max-width: 768px) {
  .p-aboutPrologue {
    margin-top: 80px;
  }
}

.p-aboutPrologue__inner {
  position: relative;
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1100px;
}
@media screen and (max-width: 768px) {
  .p-aboutPrologue__inner {
    padding: 0 20px;
  }
}

.p-aboutPrologue__sideTitle {
  position: absolute;
  width: 88px;
  top: 184px;
  left: 3.2%;
}
@media screen and (max-width: 768px) {
  .p-aboutPrologue__sideTitle {
    width: 42px;
    top: 16px;
    left: 9px;
  }
}

.p-aboutPrologue__title {
  position: absolute;
  top: 311px;
  left: 19.65%;
  font-size: 2.375rem;
  letter-spacing: 6px;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-aboutPrologue__title {
    position: relative;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.438rem;
    letter-spacing: 7px;
  }
}

@media screen and (max-width: 768px) {
  .p-aboutPrologue__title__top {
    position: relative;
    top: -1px;
  }
}

@media screen and (max-width: 768px) {
  .p-aboutPrologue__title__btm {
    position: relative;
    top: 31px;
    left: -2px;
  }
}

.p-aboutPrologue__visual {
  margin-left: 31.4%;
}
@media screen and (max-width: 768px) {
  .p-aboutPrologue__visual {
    margin-left: 0;
    padding-top: 75px;
  }
}

.p-aboutPrologue__visual__image {
  width: 100%;
  max-width: 700px;
}

.p-aboutPrologue__contents {
  margin-top: 70px;
  margin-left: 31.4%;
  font-size: 1.125rem;
  letter-spacing: 1px;
  line-height: 2.22;
}
@media screen and (max-width: 768px) {
  .p-aboutPrologue__contents {
    position: relative;
    left: 3px;
    margin: 55px auto 0;
    padding: 0 26px;
    font-size: 0.938rem;
    letter-spacing: 0;
    line-height: 2.133;
  }
}

/* ***************************
aboutParkInfo
*************************** */
.p-aboutParkInfo {
  position: relative;
  margin-top: 100px;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .p-aboutParkInfo {
    margin-top: 68px;
    padding: 0 20px;
  }
}

.p-aboutParkInfo__inner {
  position: relative;
  margin: 0 auto;
  max-width: 970px;
  border: 1px solid #333;
  border-radius: 10px;
}

.p-aboutParkInfo__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-aboutParkInfo__flex {
    display: block;
  }
}

.p-aboutParkInfo__flex__left {
  width: 48%;
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
  padding-left: 6.75%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
@media screen and (max-width: 768px) {
  .p-aboutParkInfo__flex__left {
    width: 100%;
    padding: 0;
  }
}

.p-aboutParkInfo__flex__right {
  width: 52%;
  -ms-flex-preferred-size: 52%;
  flex-basis: 52%;
}
@media screen and (max-width: 768px) {
  .p-aboutParkInfo__flex__right {
    width: 100%;
  }
}

.p-aboutParkInfo__title {
  font-size: 1.5rem;
  margin-top: -6px;
}
@media screen and (max-width: 768px) {
  .p-aboutParkInfo__title {
    position: relative;
    left: -5px;
    margin-top: 26px;
    font-size: 1.313rem;
    text-align: center;
  }
}

.p-aboutParkInfo__title__number {
  position: relative;
  display: inline-block;
  top: -3px;
  margin-left: 10px;
  margin-right: 6px;
  font-size: 2.75rem;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .p-aboutParkInfo__title__number {
    font-size: 2.375rem;
    margin-left: 5px;
    margin-right: 5px;
  }
}

.p-aboutParkInfo__contents {
  max-width: 370px;
  margin-top: 37px;
  line-height: 2;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .p-aboutParkInfo__contents {
    position: relative;
    max-width: inherit;
    margin-top: -4px;
    padding: 0 30px;
    font-size: 0.938rem;
    line-height: 2.13;
  }
}

.p-aboutParkInfo__graph {
  max-width: 469px;
  margin: 53px 5px 32px;
}
@media screen and (max-width: 768px) {
  .p-aboutParkInfo__graph {
    width: 86.5%;
    margin: 30px 25px 14px;
  }
}

/* ***************************
aboutDiversity
*************************** */
.p-aboutDiversity {
  position: relative;
  margin-top: 207px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity {
    margin-top: 74px;
  }
}

.p-aboutDiversity__inner {
  position: relative;
  margin: 0 auto;
  max-width: 1080px;
  padding: 0 30px;
}

.p-aboutDiversity__head {
  text-align: center;
}

.p-aboutDiversity__head__slash {
  width: 74px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__head__slash {
    width: 30px;
  }
}

.p-aboutDiversity__head__title {
  position: relative;
  left: -14px;
  top: 2px;
  font-size: 3.688rem;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__head__title {
    left: -5px;
    top: 4px;
    font-size: 1.438rem;
    letter-spacing: 1px;
  }
}

.p-aboutDiversity__intro {
  position: relative;
}

.p-aboutDiversity__sideTitle--intro {
  position: absolute;
  width: 88px;
  top: 91px;
  left: -12px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__sideTitle--intro {
    width: 43px;
    top: 26px;
    left: -20px;
  }
}

.p-aboutDiversity__intro__title {
  position: absolute;
  top: -60px;
  left: 15.75%;
  font-size: 2.375rem;
  letter-spacing: 6px;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__intro__title {
    position: relative;
    top: 72px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    letter-spacing: 7px;
    font-size: 1.438rem;
  }
}

@media screen and (max-width: 768px) {
  .p-aboutDiversity__intro__title__top {
    position: relative;
    top: 0;
    left: -10px;
  }
}

@media screen and (max-width: 768px) {
  .p-aboutDiversity__intro__title__btm {
    position: relative;
    top: 33px;
    left: -2px;
  }
}

.p-aboutDiversity__intro__KV {
  max-width: 590px;
  margin-left: 35.7%;
  margin-top: 114px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__intro__KV {
    margin-left: 0;
    margin-top: 140px;
    text-align: center;
  }
}

.p-aboutDiversity__intro__KV__image {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__intro__KV__image {
    width: 82.5%;
  }
}

.p-aboutDiversity__climate {
  position: relative;
  margin-top: 182px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__climate {
    margin-top: 57px;
  }
}

@media screen and (max-width: 1000px) {
  .p-aboutDiversity__climate__inner {
    margin-left: 90px;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__climate__inner {
    margin-left: 0;
  }
}

.p-aboutDiversity__sideTitle--climate {
  position: absolute;
  width: 89px;
  bottom: 589px;
  left: -12px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__sideTitle--climate {
    width: 43px;
    bottom: -126px;
    left: -20px;
  }
}

.p-aboutDiversity__climate__title {
  position: relative;
  left: -10px;
  font-size: 2.5rem;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__climate__title {
    left: 0;
    font-size: 1.438rem;
    letter-spacing: 0;
  }
}

.p-aboutDiversity__climate__contents {
  position: relative;
  font-size: 1.125rem;
  margin: 43px auto 0;
  max-width: 706px;
  letter-spacing: 1px;
  line-height: 2.23;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__climate__contents {
    font-size: 0.938rem;
    margin-top: 35px;
    max-width: 82.5%;
    letter-spacing: 0;
    line-height: 2.135;
  }
}

.p-aboutDiversity__climate__map {
  max-width: 779px;
  margin: 70px auto 0;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__climate__map {
    margin-top: 34px;
    max-width: 400px;
  }
}

.p-aboutDiversity__climate__map__image {
  width: 100%;
}

.p-aboutDiversity__landscape {
  position: relative;
  margin-top: 153px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__landscape {
    margin-top: 74px;
  }
}

.p-aboutDiversity__conservation__title,
.p-aboutDiversity__landscape__title {
  position: relative;
  left: -10px;
  font-size: 2.5rem;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__conservation__title,
.p-aboutDiversity__landscape__title {
    left: 0;
    font-size: 1.438rem;
    letter-spacing: 0;
  }
}

.p-aboutDiversity__conservation__contents,
.p-aboutDiversity__landscape__contents {
  position: relative;
  font-size: 1.125rem;
  margin: 43px auto 0;
  max-width: 706px;
  letter-spacing: 1px;
  line-height: 2.23;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__conservation__contents,
.p-aboutDiversity__landscape__contents {
    font-size: 0.938rem;
    margin-top: 35px;
    max-width: 82.5%;
    letter-spacing: 0;
    line-height: 2.135;
  }
}

.p-aboutDiversity__conservation__slider,
.p-aboutDiversity__landscape__slider {
  margin-top: 65px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__conservation__slider,
.p-aboutDiversity__landscape__slider {
    margin-top: 40px;
  }
}

.p-aboutDiversity__conservation {
  position: relative;
  margin-top: 71px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__conservation {
    margin-top: 85px;
  }
}
@media screen and (max-width: 1000px) {
  .p-aboutDiversity__conservation .p-aboutDiversity__inner {
    padding-left: 130px;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__conservation .p-aboutDiversity__inner {
    padding: 0 30px;
  }
}

.p-aboutDiversity__sideTitle--conservation {
  position: absolute;
  width: 89px;
  top: 64px;
  left: 18px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__sideTitle--conservation {
    width: 43px;
    top: -59px;
    left: 10px;
  }
}

.p-aboutDiversity__slider {
  position: relative;
}

.p-aboutDiversity__slider__item {
  width: 480px;
  padding: 0 25px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__slider__item {
    width: 255px;
    padding: 0 12px;
  }
}

.p-aboutDiversity__slider__image {
  width: 100%;
}

.p-aboutDiversity__slider__label {
  display: block;
  text-align: right;
  font-size: 1.188rem;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__slider__label {
    font-size: 0.813rem;
    margin-top: 8px;
    margin-right: 2px;
  }
}

.p-aboutDiversity__conservation__togglePlay,
.p-aboutDiversity__landscape__togglePlay {
  margin-top: 27px;
  font-size: 0rem;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__conservation__togglePlay,
.p-aboutDiversity__landscape__togglePlay {
    display: block;
    bottom: -4px;
    margin-top: 20px;
  }
}
.p-aboutDiversity__conservation__togglePlay img,
.p-aboutDiversity__landscape__togglePlay img {
  margin: 1px;
  width: 22px;
  height: 22px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__conservation__togglePlay img,
.p-aboutDiversity__landscape__togglePlay img {
    width: 18px;
    height: 18px;
  }
}

.p-aboutDiversity__conservation__togglePlay--play,
.p-aboutDiversity__conservation__togglePlay--pause,
.p-aboutDiversity__landscape__togglePlay--play,
.p-aboutDiversity__landscape__togglePlay--pause {
  display: inline-block;
}

.p-aboutDiversity__conservation__togglePlay--play + .p-aboutDiversity__conservation__togglePlay--pause,
.p-aboutDiversity__landscape__togglePlay--play + .p-aboutDiversity__landscape__togglePlay--pause {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .p-aboutDiversity__conservation__togglePlay--play + .p-aboutDiversity__conservation__togglePlay--pause,
.p-aboutDiversity__landscape__togglePlay--play + .p-aboutDiversity__landscape__togglePlay--pause {
    margin-left: 7px;
  }
}

/* ***************************
aboutCulture
*************************** */
.p-aboutCulture {
  position: relative;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-aboutCulture {
    margin-top: 90px;
  }
}

.p-aboutCulture__inner {
  position: relative;
  margin: 0 auto;
  max-width: 1080px;
  padding: 0 30px;
}

.p-aboutCulture__head {
  text-align: center;
}

.p-aboutCulture__head__slash {
  width: 74px;
}
@media screen and (max-width: 768px) {
  .p-aboutCulture__head__slash {
    width: 30px;
  }
}

.p-aboutCulture__head__title {
  position: relative;
  left: -14px;
  top: 2px;
  font-size: 3.688rem;
}
@media screen and (max-width: 768px) {
  .p-aboutCulture__head__title {
    left: -6px;
    top: 8px;
    font-size: 1.313rem;
    letter-spacing: 0;
  }
}

.p-aboutCulture__sideTitle {
  position: absolute;
  width: 72px;
  top: 341px;
  left: 2.5%;
}
@media screen and (max-width: 768px) {
  .p-aboutCulture__sideTitle {
    width: 36px;
    top: 48px;
    left: 13px;
  }
}

.p-aboutCulture__title {
  position: absolute;
  top: 277px;
  right: 18.3%;
  font-size: 2.563rem;
  letter-spacing: 3px;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-aboutCulture__title {
    top: 113px;
    right: inherit;
    left: 13.5%;
    font-size: 1.438rem;
    letter-spacing: 7px;
  }
}

.p-aboutCulture__title__btm {
  position: relative;
  left: 10px;
  top: 135px;
}
@media screen and (max-width: 768px) {
  .p-aboutCulture__title__btm {
    left: -1px;
    top: 62px;
  }
}

.p-aboutCulture__main {
  position: relative;
  padding-bottom: 1800px;
}
@media screen and (max-width: 768px) {
  .p-aboutCulture__main {
    padding-bottom: 1200px;
  }
}

.p-aboutCulture__main__contents {
  position: absolute;
  top: 1265px;
  left: 2%;
  max-width: 54%;
  font-size: 1.188rem;
  letter-spacing: 0px;
  line-height: 2.1;
}
@media screen and (max-width: 1080px) {
  .p-aboutCulture__main__contents {
    top: calc( 386px + 80vw );
  }
}
@media screen and (max-width: 768px) {
  .p-aboutCulture__main__contents {
    font-size: 0.938rem;
    top: 850px;
    max-width: 82.5%;
    margin: 0 6.5%;
    line-height: 2.13;
  }
}

.p-aboutCulture__main__topLeft {
  position: absolute;
  top: 390px;
  left: 1%;
  width: 54%;
}
@media screen and (max-width: 768px) {
  .p-aboutCulture__main__topLeft {
    top: 417px;
    left: 9%;
    width: 260px;
  }
}

.p-aboutCulture__main__topRight {
  position: absolute;
  top: 833px;
  right: 0;
  width: 35.1%;
}
@media screen and (max-width: 768px) {
  .p-aboutCulture__main__topRight {
    top: 143px;
    right: 9%;
    width: 158px;
  }
}

.p-aboutCulture__main__btmLeft {
  position: absolute;
  top: 1598px;
  left: 1%;
  width: 30.75%;
}
@media screen and (max-width: 768px) {
  .p-aboutCulture__main__btmLeft {
    top: 1079px;
    left: -10px;
    width: 34%;
  }
}

.p-aboutCulture__main__btmCenter {
  position: absolute;
  top: 1486px;
  left: 35%;
  width: 30.75%;
}
@media screen and (max-width: 768px) {
  .p-aboutCulture__main__btmCenter {
    top: 1079px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 34%;
  }
}

.p-aboutCulture__main__btmRight {
  position: absolute;
  top: 1430px;
  right: 0;
  width: 30.75%;
}
@media screen and (max-width: 768px) {
  .p-aboutCulture__main__btmRight {
    top: 1079px;
    right: -10px;
    width: 34%;
  }
}

/* ***************************
aboutHistory
*************************** */
.p-aboutHistory {
  position: relative;
  margin-top: 168px;
}
@media screen and (max-width: 768px) {
  .p-aboutHistory {
    margin-top: 40px;
  }
}

.p-aboutHistory__inner {
  position: relative;
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1100px;
}

.p-aboutHistory__head {
  text-align: center;
}

.p-aboutHistory__head__slash {
  width: 74px;
}
@media screen and (max-width: 768px) {
  .p-aboutHistory__head__slash {
    width: 30px;
  }
}

.p-aboutHistory__head__title {
  position: relative;
  left: -14px;
  top: 2px;
  font-size: 3.688rem;
}
@media screen and (max-width: 768px) {
  .p-aboutHistory__head__title {
    left: -6px;
    top: 8px;
    font-size: 1.313rem;
    letter-spacing: 0;
  }
}

.p-aboutHistory__sideTitle {
  position: absolute;
  width: 71px;
  top: 381px;
  left: 3.4%;
}
@media screen and (max-width: 768px) {
  .p-aboutHistory__sideTitle {
    width: 35px;
    top: 20px;
    left: 13px;
  }
}

.p-aboutHistory__title {
  position: absolute;
  top: 254px;
  left: 15.5%;
  font-size: 2.438rem;
  letter-spacing: 1px;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-aboutHistory__title {
    top: 92px;
    right: inherit;
    left: 13.25%;
    font-size: 1.438rem;
    letter-spacing: 7px;
  }
}

.p-aboutHistory__contents {
  margin-top: 191px;
  margin-left: 27.4%;
  font-size: 1.125rem;
  letter-spacing: 1px;
  line-height: 2.22;
}
@media screen and (max-width: 768px) {
  .p-aboutHistory__contents {
    font-size: 0.938rem;
    max-width: 62%;
    margin-top: 81px;
    margin-left: 27.4%;
    line-height: 2.13;
    letter-spacing: 0;
  }
}
.p-aboutHistory__contents p + p {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-aboutHistory__contents p + p {
    margin-top: 32px;
  }
}

.p-aboutHistory__andMore {
  margin-top: 92px;
}
@media screen and (max-width: 768px) {
  .p-aboutHistory__andMore {
    margin-top: 46px;
  }
}

.p-aboutHistory__andMore__button {
  display: block;
  position: relative;
  left: -10px;
  width: 90%;
  max-width: 410px;
  padding: 3px 15px 3px 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  border: solid 2px #333;
  border-radius: 20px;
  background-color: #333;
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
}
.p-aboutHistory__andMore__button.visited, .p-aboutHistory__andMore__button:visited {
  color: #fff;
}
.p-aboutHistory__andMore__button.hover, .p-aboutHistory__andMore__button:hover {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-aboutHistory__andMore__button {
    max-width: 242px;
    padding: 0;
    left: 0;
    border-radius: 8px;
    font-size: 1rem;
    letter-spacing: -1px;
    padding-right: 6px;
  }
}
.p-aboutHistory__andMore__button::after {
  content: "";
  position: relative;
  display: inline-block;
  top: 2px;
  width: 21px;
  height: 21px;
  margin-left: 13%;
  margin-right: -18%;
  background-image: url("../images/icon/icon_outerWindow_white.svg");
}
@media screen and (max-width: 768px) {
  .p-aboutHistory__andMore__button::after {
    width: 13px;
    height: 13px;
    top: 1px;
    left: -1px;
  }
}
.p-aboutHistory__andMore__button:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* ***************************
aboutRanger
*************************** */
.p-aboutRanger {
  position: relative;
  margin-top: 236px;
}
@media screen and (max-width: 768px) {
  .p-aboutRanger {
    margin-top: 93px;
  }
}

.p-aboutRanger__inner {
  position: relative;
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1100px;
}

.p-aboutRanger__head {
  text-align: center;
}

.p-aboutRanger__head__slash {
  width: 74px;
}
@media screen and (max-width: 768px) {
  .p-aboutRanger__head__slash {
    width: 30px;
  }
}

.p-aboutRanger__head__title {
  position: relative;
  left: -14px;
  top: 2px;
  font-size: 3.688rem;
}
@media screen and (max-width: 768px) {
  .p-aboutRanger__head__title {
    left: -6px;
    top: 8px;
    font-size: 1.313rem;
    letter-spacing: 0;
  }
}

.p-aboutRanger__sideTitle {
  position: absolute;
  width: 68px;
  top: 382px;
  left: 3.5%;
}
@media screen and (max-width: 768px) {
  .p-aboutRanger__sideTitle {
    width: 32px;
    top: 15px;
    left: 16px;
  }
}

.p-aboutRanger__contents {
  margin-top: 124px;
  margin-left: 20.1%;
  font-size: 1.125rem;
  letter-spacing: 1px;
  line-height: 2.22;
}
@media screen and (max-width: 768px) {
  .p-aboutRanger__contents {
    font-size: 0.938rem;
    max-width: 81%;
    margin: 37px auto;
    line-height: 2.13;
    letter-spacing: 0;
  }
}

.p-aboutRanger + .p-topParkTry {
  margin-top: 225px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .p-aboutRanger + .p-topParkTry {
    margin-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutRanger + .p-topParkTry .p-topParkTry__head__title {
    text-align: center;
    margin: 0;
  }
}
.p-aboutRanger + .p-topParkTry .p-topParkTry__body {
  margin-top: 15px;
  max-width: 1075px;
}
.p-aboutRanger + .p-topParkTry .p-topParkTry__list__label {
  max-width: 450px;
}
@media screen and (max-width: 1160px) {
  .p-aboutRanger + .p-topParkTry .p-topParkTry__list__label {
    height: 54px;
  }
}
@media screen and (max-width: 900px) {
  .p-aboutRanger + .p-topParkTry .p-topParkTry__list__label {
    height: 80px;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutRanger + .p-topParkTry .p-topParkTry__list__label {
    height: 54px;
    max-width: inherit;
    width: 80%;
  }
}
.p-aboutRanger + .p-topParkTry .p-topParkTry__list__text {
  font-size: 1.438rem;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .p-aboutRanger + .p-topParkTry .p-topParkTry__list__text {
    font-size: 1rem;
    letter-spacing: 1px;
  }
}
.p-aboutRanger + .p-topParkTry .p-topParkTry__list__text--nl {
  display: none;
}
@media screen and (max-width: 900px) {
  .p-aboutRanger + .p-topParkTry .p-topParkTry__list__text--nl {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutRanger + .p-topParkTry .p-topParkTry__list__text--nl {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .p-aboutRanger + .p-topParkTry.is-page-about .p-topParkTry__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutRanger + .p-topParkTry.is-page-about .p-topParkTry__body {
    margin: 12px 12px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutRanger + .p-topParkTry.is-page-about .p-topParkTry__list__item {
    margin: 0px 3px;
    width: calc( 50% - 6px );
    -ms-flex-preferred-size: calc( 50% - 6px );
    flex-basis: calc( 50% - 6px );
    border-radius: 8px;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutRanger + .p-topParkTry.is-page-about .p-topParkTry__list__label {
    min-width: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutRanger + .p-topParkTry.is-page-about .p-topParkTry__list__text {
    font-size: 0.625rem;
  }
}

/* ***************************
display
*************************** */
@media screen and (max-width: 768px) {
  .u-pcOnly {
    display: none !important;
  }
}

.u-spOnly {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .u-spOnly {
    display: block !important;
  }
}

.u-spOnly--inlineBlock {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .u-spOnly--inlineBlock {
    display: inline-block !important;
  }
}

@media screen and (max-width: 1160px) {
  .u-contWidthHide {
    display: none !important;
  }
}

.u-contWidthView {
  display: none !important;
}
@media screen and (max-width: 1160px) {
  .u-contWidthView {
    display: block !important;
  }
}

@media screen and (max-width: 900px) {
  .u-tabletHide {
    display: none !important;
  }
}

.u-tabletView {
  display: none !important;
}
@media screen and (max-width: 900px) {
  .u-tabletView {
    display: block !important;
  }
}

.u-hide {
  display: none;
}
.u-hide.c-largeImg {
  display: none !important;
}

.u-block {
  display: block;
}

@media screen and (max-width: 768px) {
  .u-block--sp {
    display: block;
  }
}

.u-inlineBlock {
  display: inline-block !important;
}

.u-opacity:hover {
  opacity: 0.8;
}

.u-alignItems--flexEnd {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.u-alignItems--center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

/* ***************************
text
*************************** */
.u-alignCenter {
  text-align: center !important;
}
.u-alignCenter th,
.u-alignCenter td {
  text-align: center !important;
}

.u-alignLeft {
  text-align: left !important;
}
.u-alignLeft th,
.u-alignLeft td {
  text-align: left !important;
}

.u-alignRight {
  text-align: right !important;
}
.u-alignRight th,
.u-alignRight td {
  text-align: right !important;
}

@media screen and (max-width: 768px) {
  .u-alignCenter--sp {
    text-align: center !important;
  }

  .u-alignLeft--sp {
    text-align: left !important;
  }

  .u-alignRight--sp {
    text-align: right !important;
  }
}
/* ------------------------
vertical-align
------------------------ */
.u-alignTop {
  vertical-align: top !important;
}

.u-alignMiddle {
  vertical-align: middle !important;
}

.u-alignBottom {
  vertical-align: bottom !important;
}

/* ------------------------
font-weight
------------------------ */
.u-fwNormal {
  font-weight: normal !important;
}

.u-fwBold {
  font-weight: bold !important;
}

/* ------------------------
caution
------------------------ */
.u-caution {
  position: relative;
  display: inline-block;
  padding-left: 1em;
}
.u-caution:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "＊";
}

/* ------------------------
indent
------------------------ */
.u-textIndent1em {
  padding-left: 1em;
  text-indent: -1em;
}

.u-textIndent2em {
  padding-left: 2em;
  text-indent: -2em;
}

.u-textIndent3em {
  padding-left: 3em;
  text-indent: -3em;
}

/* ------------------------
word-break
------------------------ */
.u-wb-ba {
  word-break: break-all;
}

.u-wb-bw {
  word-break: break-word;
  word-wrap: break-word;
}

/* ------------------------
float
------------------------ */
.u-float--right {
  float: right;
}

.u-float--left {
  float: left;
}

.u-float--none {
  float: none;
}

/* ***************************
width
*************************** */
.u-col1 {
  width: 8.3333333333% !important;
}

.u-col2 {
  width: 16.6666666667% !important;
}

.u-col3 {
  width: 25% !important;
}

.u-col4 {
  width: 33.3333333333% !important;
}

.u-col5 {
  width: 41.6666666667% !important;
}

.u-col6 {
  width: 50% !important;
}

.u-col7 {
  width: 58.3333333333% !important;
}

.u-col8 {
  width: 66.6666666667% !important;
}

.u-col9 {
  width: 75% !important;
}

.u-col10 {
  width: 83.3333333333% !important;
}

.u-col11 {
  width: 91.6666666667% !important;
}

.u-col12 {
  width: 100% !important;
}

@media screen and (max-width: 768px) {
  .u-col1:not(th):not(td),
.u-col2:not(th):not(td),
.u-col3:not(th):not(td),
.u-col4:not(th):not(td),
.u-col5:not(th):not(td),
.u-col6:not(th):not(td),
.u-col7:not(th):not(td),
.u-col8:not(th):not(td),
.u-col9:not(th):not(td),
.u-col10:not(th):not(td),
.u-col11:not(th):not(td),
.u-col12:not(th):not(td) {
    width: auto !important;
  }
}

.p-grid--sp .u-col1 {
  width: 8.3333333333% !important;
}
.p-grid--sp .u-col2 {
  width: 16.6666666667% !important;
}
.p-grid--sp .u-col3 {
  width: 25% !important;
}
.p-grid--sp .u-col4 {
  width: 33.3333333333% !important;
}
.p-grid--sp .u-col5 {
  width: 41.6666666667% !important;
}
.p-grid--sp .u-col6 {
  width: 50% !important;
}
.p-grid--sp .u-col7 {
  width: 58.3333333333% !important;
}
.p-grid--sp .u-col8 {
  width: 66.6666666667% !important;
}
.p-grid--sp .u-col9 {
  width: 75% !important;
}
.p-grid--sp .u-col10 {
  width: 83.3333333333% !important;
}
.p-grid--sp .u-col11 {
  width: 91.6666666667% !important;
}
.p-grid--sp .u-col12 {
  width: 100% !important;
}

.u-widhtAuto {
  width: auto !important;
}

/* ***************************
box
*************************** */
/* margin
--------------------------- */
.u-mAuto {
  margin-left: auto;
  margin-right: auto;
}

/* top */
.u-mTop0 {
  margin-top: 0 !important;
}

.u-mTop5 {
  margin-top: 5px !important;
}

.u-mTop10 {
  margin-top: 10px !important;
}

.u-mTop15 {
  margin-top: 15px !important;
}

.u-mTop20 {
  margin-top: 20px !important;
}

.u-mTop25 {
  margin-top: 25px !important;
}

.u-mTop30 {
  margin-top: 30px !important;
}

.u-mTop35 {
  margin-top: 35px !important;
}

.u-mTop40 {
  margin-top: 40px !important;
}

.u-mTop45 {
  margin-top: 45px !important;
}

.u-mTop50 {
  margin-top: 50px !important;
}

.u-mTop55 {
  margin-top: 55px !important;
}

.u-mTop60 {
  margin-top: 60px !important;
}

.u-mTop65 {
  margin-top: 65px !important;
}

.u-mTop70 {
  margin-top: 70px !important;
}

.u-mTop75 {
  margin-top: 75px !important;
}

.u-mTop80 {
  margin-top: 80px !important;
}

.u-mTop85 {
  margin-top: 85px !important;
}

.u-mTop90 {
  margin-top: 90px !important;
}

.u-mTop95 {
  margin-top: 95px !important;
}

.u-mTop100 {
  margin-top: 100px !important;
}

/* top(negative) */
.u-mTop0--negative {
  margin-top: 0 !important;
}

.u-mTop5--negative {
  margin-top: -5px !important;
}

.u-mTop10--negative {
  margin-top: -10px !important;
}

.u-mTop15--negative {
  margin-top: -15px !important;
}

.u-mTop20--negative {
  margin-top: -20px !important;
}

.u-mTop25--negative {
  margin-top: -25px !important;
}

.u-mTop30--negative {
  margin-top: -30px !important;
}

.u-mTop35--negative {
  margin-top: -35px !important;
}

.u-mTop40--negative {
  margin-top: -40px !important;
}

.u-mTop45--negative {
  margin-top: -45px !important;
}

.u-mTop50--negative {
  margin-top: -50px !important;
}

.u-mTop55--negative {
  margin-top: -55px !important;
}

.u-mTop60--negative {
  margin-top: -60px !important;
}

.u-mTop65--negative {
  margin-top: -65px !important;
}

.u-mTop70--negative {
  margin-top: -70px !important;
}

.u-mTop75--negative {
  margin-top: -75px !important;
}

.u-mTop80--negative {
  margin-top: -80px !important;
}

.u-mTop85--negative {
  margin-top: -85px !important;
}

.u-mTop90--negative {
  margin-top: -90px !important;
}

.u-mTop95--negative {
  margin-top: -95px !important;
}

.u-mTop100--negative {
  margin-top: -100px !important;
}

/* right */
.u-mRight0 {
  margin-right: 0 !important;
}

.u-mRight5 {
  margin-right: 5px !important;
}

.u-mRight10 {
  margin-right: 10px !important;
}

.u-mRight15 {
  margin-right: 15px !important;
}

.u-mRight20 {
  margin-right: 20px !important;
}

.u-mRight25 {
  margin-right: 25px !important;
}

.u-mRight30 {
  margin-right: 30px !important;
}

.u-mRight35 {
  margin-right: 35px !important;
}

.u-mRight40 {
  margin-right: 40px !important;
}

.u-mRight45 {
  margin-right: 45px !important;
}

.u-mRight50 {
  margin-right: 50px !important;
}

.u-mRight55 {
  margin-right: 55px !important;
}

.u-mRight60 {
  margin-right: 60px !important;
}

.u-mRight65 {
  margin-right: 65px !important;
}

.u-mRight70 {
  margin-right: 70px !important;
}

.u-mRight75 {
  margin-right: 75px !important;
}

.u-mRight80 {
  margin-right: 80px !important;
}

.u-mRight85 {
  margin-right: 85px !important;
}

.u-mRight90 {
  margin-right: 90px !important;
}

.u-mRight95 {
  margin-right: 95px !important;
}

.u-mRight100 {
  margin-right: 100px !important;
}

/* bottom */
.u-mBottom0 {
  margin-bottom: 0 !important;
}

.u-mBottom5 {
  margin-bottom: 5px !important;
}

.u-mBottom10 {
  margin-bottom: 10px !important;
}

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

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

.u-mBottom25 {
  margin-bottom: 25px !important;
}

.u-mBottom30 {
  margin-bottom: 30px !important;
}

.u-mBottom35 {
  margin-bottom: 35px !important;
}

.u-mBottom40 {
  margin-bottom: 40px !important;
}

.u-mBottom45 {
  margin-bottom: 45px !important;
}

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

.u-mBottom55 {
  margin-bottom: 55px !important;
}

.u-mBottom60 {
  margin-bottom: 60px !important;
}

.u-mBottom65 {
  margin-bottom: 65px !important;
}

.u-mBottom70 {
  margin-bottom: 70px !important;
}

.u-mBottom75 {
  margin-bottom: 75px !important;
}

.u-mBottom80 {
  margin-bottom: 80px !important;
}

.u-mBottom85 {
  margin-bottom: 85px !important;
}

.u-mBottom90 {
  margin-bottom: 90px !important;
}

.u-mBottom95 {
  margin-bottom: 95px !important;
}

.u-mBottom100 {
  margin-bottom: 100px !important;
}

/* left */
.u-mLeft0 {
  margin-left: 0 !important;
}

.u-mLeft5 {
  margin-left: 5px !important;
}

.u-mLeft10 {
  margin-left: 10px !important;
}

.u-mLeft15 {
  margin-left: 15px !important;
}

.u-mLeft20 {
  margin-left: 20px !important;
}

.u-mLeft25 {
  margin-left: 25px !important;
}

.u-mLeft30 {
  margin-left: 30px !important;
}

.u-mLeft35 {
  margin-left: 35px !important;
}

.u-mLeft40 {
  margin-left: 40px !important;
}

.u-mLeft45 {
  margin-left: 45px !important;
}

.u-mLeft50 {
  margin-left: 50px !important;
}

.u-mLeft55 {
  margin-left: 55px !important;
}

.u-mLeft60 {
  margin-left: 60px !important;
}

.u-mLeft65 {
  margin-left: 65px !important;
}

.u-mLeft70 {
  margin-left: 70px !important;
}

.u-mLeft75 {
  margin-left: 75px !important;
}

.u-mLeft80 {
  margin-left: 80px !important;
}

.u-mLeft85 {
  margin-left: 85px !important;
}

.u-mLeft90 {
  margin-left: 90px !important;
}

.u-mLeft95 {
  margin-left: 95px !important;
}

.u-mLeft100 {
  margin-left: 100px !important;
}

/* padding
--------------------------- */
/* top */
.u-pTop0 {
  padding-top: 0 !important;
}

.u-pTop5 {
  padding-top: 5px !important;
}

.u-pTop10 {
  padding-top: 10px !important;
}

.u-pTop15 {
  padding-top: 15px !important;
}

.u-pTop20 {
  padding-top: 20px !important;
}

.u-pTop25 {
  padding-top: 25px !important;
}

.u-pTop30 {
  padding-top: 30px !important;
}

.u-pTop35 {
  padding-top: 35px !important;
}

.u-pTop40 {
  padding-top: 40px !important;
}

.u-pTop45 {
  padding-top: 45px !important;
}

.u-pTop50 {
  padding-top: 50px !important;
}

.u-pTop55 {
  padding-top: 55px !important;
}

.u-pTop60 {
  padding-top: 60px !important;
}

.u-pTop65 {
  padding-top: 65px !important;
}

.u-pTop70 {
  padding-top: 70px !important;
}

.u-pTop75 {
  padding-top: 75px !important;
}

.u-pTop80 {
  padding-top: 80px !important;
}

.u-pTop85 {
  padding-top: 85px !important;
}

.u-pTop90 {
  padding-top: 90px !important;
}

.u-pTop95 {
  padding-top: 95px !important;
}

.u-pTop100 {
  padding-top: 100px !important;
}

/* right */
.u-pRight0 {
  padding-right: 0 !important;
}

.u-pRight5 {
  padding-right: 5px !important;
}

.u-pRight10 {
  padding-right: 10px !important;
}

.u-pRight15 {
  padding-right: 15px !important;
}

.u-pRight20 {
  padding-right: 20px !important;
}

.u-pRight25 {
  padding-right: 25px !important;
}

.u-pRight30 {
  padding-right: 30px !important;
}

.u-pRight35 {
  padding-right: 35px !important;
}

.u-pRight40 {
  padding-right: 40px !important;
}

.u-pRight45 {
  padding-right: 45px !important;
}

.u-pRight50 {
  padding-right: 50px !important;
}

.u-pRight55 {
  padding-right: 55px !important;
}

.u-pRight60 {
  padding-right: 60px !important;
}

.u-pRight65 {
  padding-right: 65px !important;
}

.u-pRight70 {
  padding-right: 70px !important;
}

.u-pRight75 {
  padding-right: 75px !important;
}

.u-pRight80 {
  padding-right: 80px !important;
}

.u-pRight85 {
  padding-right: 85px !important;
}

.u-pRight90 {
  padding-right: 90px !important;
}

.u-pRight95 {
  padding-right: 95px !important;
}

.u-pRight100 {
  padding-right: 100px !important;
}

/* bottom */
.u-pBottom0 {
  padding-bottom: 0 !important;
}

.u-pBottom5 {
  padding-bottom: 5px !important;
}

.u-pBottom10 {
  padding-bottom: 10px !important;
}

.u-pBottom15 {
  padding-bottom: 15px !important;
}

.u-pBottom20 {
  padding-bottom: 20px !important;
}

.u-pBottom25 {
  padding-bottom: 25px !important;
}

.u-pBottom30 {
  padding-bottom: 30px !important;
}

.u-pBottom35 {
  padding-bottom: 35px !important;
}

.u-pBottom40 {
  padding-bottom: 40px !important;
}

.u-pBottom45 {
  padding-bottom: 45px !important;
}

.u-pBottom50 {
  padding-bottom: 50px !important;
}

.u-pBottom55 {
  padding-bottom: 55px !important;
}

.u-pBottom60 {
  padding-bottom: 60px !important;
}

.u-pBottom65 {
  padding-bottom: 65px !important;
}

.u-pBottom70 {
  padding-bottom: 70px !important;
}

.u-pBottom75 {
  padding-bottom: 75px !important;
}

.u-pBottom80 {
  padding-bottom: 80px !important;
}

.u-pBottom85 {
  padding-bottom: 85px !important;
}

.u-pBottom90 {
  padding-bottom: 90px !important;
}

.u-pBottom95 {
  padding-bottom: 95px !important;
}

.u-pBottom100 {
  padding-bottom: 100px !important;
}

/* left */
.u-pLeft0 {
  padding-left: 0 !important;
}

.u-pLeft5 {
  padding-left: 5px !important;
}

.u-pLeft10 {
  padding-left: 10px !important;
}

.u-pLeft15 {
  padding-left: 15px !important;
}

.u-pLeft20 {
  padding-left: 20px !important;
}

.u-pLeft25 {
  padding-left: 25px !important;
}

.u-pLeft30 {
  padding-left: 30px !important;
}

.u-pLeft35 {
  padding-left: 35px !important;
}

.u-pLeft40 {
  padding-left: 40px !important;
}

.u-pLeft45 {
  padding-left: 45px !important;
}

.u-pLeft50 {
  padding-left: 50px !important;
}

.u-pLeft55 {
  padding-left: 55px !important;
}

.u-pLeft60 {
  padding-left: 60px !important;
}

.u-pLeft65 {
  padding-left: 65px !important;
}

.u-pLeft70 {
  padding-left: 70px !important;
}

.u-pLeft75 {
  padding-left: 75px !important;
}

.u-pLeft80 {
  padding-left: 80px !important;
}

.u-pLeft85 {
  padding-left: 85px !important;
}

.u-pLeft90 {
  padding-left: 90px !important;
}

.u-pLeft95 {
  padding-left: 95px !important;
}

.u-pLeft100 {
  padding-left: 100px !important;
}

/* width(px)
--------------------------- */
.u-w0--px {
  width: 0 !important;
}

.u-w5--px {
  width: 5px !important;
}

.u-w10--px {
  width: 10px !important;
}

.u-w15--px {
  width: 15px !important;
}

.u-w20--px {
  width: 20px !important;
}

.u-w25--px {
  width: 25px !important;
}

.u-w30--px {
  width: 30px !important;
}

.u-w35--px {
  width: 35px !important;
}

.u-w40--px {
  width: 40px !important;
}

.u-w45--px {
  width: 45px !important;
}

.u-w50--px {
  width: 50px !important;
}

.u-w55--px {
  width: 55px !important;
}

.u-w60--px {
  width: 60px !important;
}

.u-w65--px {
  width: 65px !important;
}

.u-w70--px {
  width: 70px !important;
}

.u-w75--px {
  width: 75px !important;
}

.u-w80--px {
  width: 80px !important;
}

.u-w85--px {
  width: 85px !important;
}

.u-w90--px {
  width: 90px !important;
}

.u-w95--px {
  width: 95px !important;
}

.u-w100--px {
  width: 100px !important;
}

.u-w105--px {
  width: 105px !important;
}

.u-w110--px {
  width: 110px !important;
}

.u-w115--px {
  width: 115px !important;
}

.u-w120--px {
  width: 120px !important;
}

.u-w125--px {
  width: 125px !important;
}

.u-w130--px {
  width: 130px !important;
}

.u-w135--px {
  width: 135px !important;
}

.u-w140--px {
  width: 140px !important;
}

.u-w145--px {
  width: 145px !important;
}

.u-w150--px {
  width: 150px !important;
}

.u-w155--px {
  width: 155px !important;
}

.u-w160--px {
  width: 160px !important;
}

.u-w165--px {
  width: 165px !important;
}

.u-w170--px {
  width: 170px !important;
}

.u-w175--px {
  width: 175px !important;
}

.u-w180--px {
  width: 180px !important;
}

.u-w185--px {
  width: 185px !important;
}

.u-w190--px {
  width: 190px !important;
}

.u-w195--px {
  width: 195px !important;
}

.u-w200--px {
  width: 200px !important;
}

.u-w205--px {
  width: 205px !important;
}

.u-w210--px {
  width: 210px !important;
}

.u-w215--px {
  width: 215px !important;
}

.u-w220--px {
  width: 220px !important;
}

.u-w225--px {
  width: 225px !important;
}

.u-w230--px {
  width: 230px !important;
}

.u-w235--px {
  width: 235px !important;
}

.u-w240--px {
  width: 240px !important;
}

.u-w245--px {
  width: 245px !important;
}

.u-w250--px {
  width: 250px !important;
}

.u-w255--px {
  width: 255px !important;
}

.u-w260--px {
  width: 260px !important;
}

.u-w265--px {
  width: 265px !important;
}

.u-w270--px {
  width: 270px !important;
}

.u-w275--px {
  width: 275px !important;
}

.u-w280--px {
  width: 280px !important;
}

.u-w285--px {
  width: 285px !important;
}

.u-w290--px {
  width: 290px !important;
}

.u-w295--px {
  width: 295px !important;
}

.u-w300--px {
  width: 300px !important;
}

.u-w305--px {
  width: 305px !important;
}

.u-w310--px {
  width: 310px !important;
}

.u-w315--px {
  width: 315px !important;
}

.u-w320--px {
  width: 320px !important;
}

.u-w325--px {
  width: 325px !important;
}

.u-w330--px {
  width: 330px !important;
}

.u-w335--px {
  width: 335px !important;
}

.u-w340--px {
  width: 340px !important;
}

.u-w345--px {
  width: 345px !important;
}

.u-w350--px {
  width: 350px !important;
}

.u-w355--px {
  width: 355px !important;
}

.u-w360--px {
  width: 360px !important;
}

.u-w365--px {
  width: 365px !important;
}

.u-w370--px {
  width: 370px !important;
}

.u-w375--px {
  width: 375px !important;
}

.u-w380--px {
  width: 380px !important;
}

.u-w385--px {
  width: 385px !important;
}

.u-w390--px {
  width: 390px !important;
}

.u-w395--px {
  width: 395px !important;
}

.u-w400--px {
  width: 400px !important;
}

.u-w405--px {
  width: 405px !important;
}

.u-w410--px {
  width: 410px !important;
}

.u-w415--px {
  width: 415px !important;
}

.u-w420--px {
  width: 420px !important;
}

.u-w425--px {
  width: 425px !important;
}

.u-w430--px {
  width: 430px !important;
}

.u-w435--px {
  width: 435px !important;
}

.u-w440--px {
  width: 440px !important;
}

.u-w445--px {
  width: 445px !important;
}

.u-w450--px {
  width: 450px !important;
}

.u-w455--px {
  width: 455px !important;
}

.u-w460--px {
  width: 460px !important;
}

.u-w465--px {
  width: 465px !important;
}

.u-w470--px {
  width: 470px !important;
}

.u-w475--px {
  width: 475px !important;
}

.u-w480--px {
  width: 480px !important;
}

.u-w485--px {
  width: 485px !important;
}

.u-w490--px {
  width: 490px !important;
}

.u-w495--px {
  width: 495px !important;
}

.u-w500--px {
  width: 500px !important;
}

.u-w505--px {
  width: 505px !important;
}

.u-w510--px {
  width: 510px !important;
}

.u-w515--px {
  width: 515px !important;
}

.u-w520--px {
  width: 520px !important;
}

.u-w525--px {
  width: 525px !important;
}

.u-w530--px {
  width: 530px !important;
}

.u-w535--px {
  width: 535px !important;
}

.u-w540--px {
  width: 540px !important;
}

.u-w545--px {
  width: 545px !important;
}

.u-w550--px {
  width: 550px !important;
}

.u-w555--px {
  width: 555px !important;
}

.u-w560--px {
  width: 560px !important;
}

.u-w565--px {
  width: 565px !important;
}

.u-w570--px {
  width: 570px !important;
}

.u-w575--px {
  width: 575px !important;
}

.u-w580--px {
  width: 580px !important;
}

.u-w585--px {
  width: 585px !important;
}

.u-w590--px {
  width: 590px !important;
}

.u-w595--px {
  width: 595px !important;
}

.u-w600--px {
  width: 600px !important;
}

.u-w605--px {
  width: 605px !important;
}

.u-w610--px {
  width: 610px !important;
}

.u-w615--px {
  width: 615px !important;
}

.u-w620--px {
  width: 620px !important;
}

.u-w625--px {
  width: 625px !important;
}

.u-w630--px {
  width: 630px !important;
}

.u-w635--px {
  width: 635px !important;
}

.u-w640--px {
  width: 640px !important;
}

.u-w645--px {
  width: 645px !important;
}

.u-w650--px {
  width: 650px !important;
}

.u-w655--px {
  width: 655px !important;
}

.u-w660--px {
  width: 660px !important;
}

.u-w665--px {
  width: 665px !important;
}

.u-w670--px {
  width: 670px !important;
}

.u-w675--px {
  width: 675px !important;
}

.u-w680--px {
  width: 680px !important;
}

.u-w685--px {
  width: 685px !important;
}

.u-w690--px {
  width: 690px !important;
}

.u-w695--px {
  width: 695px !important;
}

.u-w700--px {
  width: 700px !important;
}

.u-w705--px {
  width: 705px !important;
}

.u-w710--px {
  width: 710px !important;
}

.u-w715--px {
  width: 715px !important;
}

.u-w720--px {
  width: 720px !important;
}

.u-w725--px {
  width: 725px !important;
}

.u-w730--px {
  width: 730px !important;
}

.u-w735--px {
  width: 735px !important;
}

.u-w740--px {
  width: 740px !important;
}

.u-w745--px {
  width: 745px !important;
}

.u-w750--px {
  width: 750px !important;
}

.u-w755--px {
  width: 755px !important;
}

.u-w760--px {
  width: 760px !important;
}

.u-w765--px {
  width: 765px !important;
}

.u-w770--px {
  width: 770px !important;
}

.u-w775--px {
  width: 775px !important;
}

.u-w780--px {
  width: 780px !important;
}

.u-w785--px {
  width: 785px !important;
}

.u-w790--px {
  width: 790px !important;
}

.u-w795--px {
  width: 795px !important;
}

.u-w800--px {
  width: 800px !important;
}

.u-w805--px {
  width: 805px !important;
}

.u-w810--px {
  width: 810px !important;
}

.u-w815--px {
  width: 815px !important;
}

.u-w820--px {
  width: 820px !important;
}

.u-w825--px {
  width: 825px !important;
}

.u-w830--px {
  width: 830px !important;
}

.u-w835--px {
  width: 835px !important;
}

.u-w840--px {
  width: 840px !important;
}

.u-w845--px {
  width: 845px !important;
}

.u-w850--px {
  width: 850px !important;
}

.u-w855--px {
  width: 855px !important;
}

.u-w860--px {
  width: 860px !important;
}

.u-w865--px {
  width: 865px !important;
}

.u-w870--px {
  width: 870px !important;
}

.u-w875--px {
  width: 875px !important;
}

.u-w880--px {
  width: 880px !important;
}

.u-w885--px {
  width: 885px !important;
}

.u-w890--px {
  width: 890px !important;
}

.u-w895--px {
  width: 895px !important;
}

.u-w900--px {
  width: 900px !important;
}

.u-wAuto {
  width: auto !important;
}

/* width(%)
--------------------------- */
.u-w0--percent {
  width: 0% !important;
}

.u-w5--percent {
  width: 5% !important;
}

.u-w10--percent {
  width: 10% !important;
}

.u-w15--percent {
  width: 15% !important;
}

.u-w20--percent {
  width: 20% !important;
}

.u-w25--percent {
  width: 25% !important;
}

.u-w30--percent {
  width: 30% !important;
}

.u-w35--percent {
  width: 35% !important;
}

.u-w40--percent {
  width: 40% !important;
}

.u-w45--percent {
  width: 45% !important;
}

.u-w50--percent {
  width: 50% !important;
}

.u-w55--percent {
  width: 55% !important;
}

.u-w60--percent {
  width: 60% !important;
}

.u-w65--percent {
  width: 65% !important;
}

.u-w70--percent {
  width: 70% !important;
}

.u-w75--percent {
  width: 75% !important;
}

.u-w80--percent {
  width: 80% !important;
}

.u-w85--percent {
  width: 85% !important;
}

.u-w90--percent {
  width: 90% !important;
}

.u-w95--percent {
  width: 95% !important;
}

.u-w100--percent {
  width: 100% !important;
}

.u-max100--percent {
  max-width: 100% !important;
  height: auto !important;
}

@media screen and (max-width: 768px) {
  .u-w100--percent-SP {
    width: 100% !important;
  }
}

/* height(px)
--------------------------- */
.u-h0--px {
  height: 0 !important;
}

.u-h5--px {
  height: 5px !important;
}

.u-h10--px {
  height: 10px !important;
}

.u-h15--px {
  height: 15px !important;
}

.u-h20--px {
  height: 20px !important;
}

.u-h25--px {
  height: 25px !important;
}

.u-h30--px {
  height: 30px !important;
}

.u-h35--px {
  height: 35px !important;
}

.u-h40--px {
  height: 40px !important;
}

.u-h45--px {
  height: 45px !important;
}

.u-h50--px {
  height: 50px !important;
}

.u-h55--px {
  height: 55px !important;
}

.u-h60--px {
  height: 60px !important;
}

.u-h65--px {
  height: 65px !important;
}

.u-h70--px {
  height: 70px !important;
}

.u-h75--px {
  height: 75px !important;
}

.u-h80--px {
  height: 80px !important;
}

.u-h85--px {
  height: 85px !important;
}

.u-h90--px {
  height: 90px !important;
}

.u-h95--px {
  height: 95px !important;
}

.u-h100--px {
  height: 100px !important;
}

.u-h105--px {
  height: 105px !important;
}

.u-h110--px {
  height: 110px !important;
}

.u-h115--px {
  height: 115px !important;
}

.u-h120--px {
  height: 120px !important;
}

.u-h125--px {
  height: 125px !important;
}

.u-h130--px {
  height: 130px !important;
}

.u-h135--px {
  height: 135px !important;
}

.u-h140--px {
  height: 140px !important;
}

.u-h145--px {
  height: 145px !important;
}

.u-h150--px {
  height: 150px !important;
}

.u-h155--px {
  height: 155px !important;
}

.u-h160--px {
  height: 160px !important;
}

.u-h165--px {
  height: 165px !important;
}

.u-h170--px {
  height: 170px !important;
}

.u-h175--px {
  height: 175px !important;
}

.u-h180--px {
  height: 180px !important;
}

.u-h185--px {
  height: 185px !important;
}

.u-h190--px {
  height: 190px !important;
}

.u-h195--px {
  height: 195px !important;
}

.u-h200--px {
  height: 200px !important;
}

.u-h205--px {
  height: 205px !important;
}

.u-h210--px {
  height: 210px !important;
}

.u-h215--px {
  height: 215px !important;
}

.u-h220--px {
  height: 220px !important;
}

.u-h225--px {
  height: 225px !important;
}

.u-h230--px {
  height: 230px !important;
}

.u-h235--px {
  height: 235px !important;
}

.u-h240--px {
  height: 240px !important;
}

.u-h245--px {
  height: 245px !important;
}

.u-h250--px {
  height: 250px !important;
}

.u-h255--px {
  height: 255px !important;
}

.u-h260--px {
  height: 260px !important;
}

.u-h265--px {
  height: 265px !important;
}

.u-h270--px {
  height: 270px !important;
}

.u-h275--px {
  height: 275px !important;
}

.u-h280--px {
  height: 280px !important;
}

.u-h285--px {
  height: 285px !important;
}

.u-h290--px {
  height: 290px !important;
}

.u-h295--px {
  height: 295px !important;
}

.u-h300--px {
  height: 300px !important;
}

.u-h305--px {
  height: 305px !important;
}

.u-h310--px {
  height: 310px !important;
}

.u-h315--px {
  height: 315px !important;
}

.u-h320--px {
  height: 320px !important;
}

.u-h325--px {
  height: 325px !important;
}

.u-h330--px {
  height: 330px !important;
}

.u-h335--px {
  height: 335px !important;
}

.u-h340--px {
  height: 340px !important;
}

.u-h345--px {
  height: 345px !important;
}

.u-h350--px {
  height: 350px !important;
}

.u-h355--px {
  height: 355px !important;
}

.u-h360--px {
  height: 360px !important;
}

.u-h365--px {
  height: 365px !important;
}

.u-h370--px {
  height: 370px !important;
}

.u-h375--px {
  height: 375px !important;
}

.u-h380--px {
  height: 380px !important;
}

.u-h385--px {
  height: 385px !important;
}

.u-h390--px {
  height: 390px !important;
}

.u-h395--px {
  height: 395px !important;
}

.u-h400--px {
  height: 400px !important;
}

.u-h405--px {
  height: 405px !important;
}

.u-h410--px {
  height: 410px !important;
}

.u-h415--px {
  height: 415px !important;
}

.u-h420--px {
  height: 420px !important;
}

.u-h425--px {
  height: 425px !important;
}

.u-h430--px {
  height: 430px !important;
}

.u-h435--px {
  height: 435px !important;
}

.u-h440--px {
  height: 440px !important;
}

.u-h445--px {
  height: 445px !important;
}

.u-h450--px {
  height: 450px !important;
}

.u-h455--px {
  height: 455px !important;
}

.u-h460--px {
  height: 460px !important;
}

.u-h465--px {
  height: 465px !important;
}

.u-h470--px {
  height: 470px !important;
}

.u-h475--px {
  height: 475px !important;
}

.u-h480--px {
  height: 480px !important;
}

.u-h485--px {
  height: 485px !important;
}

.u-h490--px {
  height: 490px !important;
}

.u-h495--px {
  height: 495px !important;
}

.u-h500--px {
  height: 500px !important;
}

.u-hAuto {
  height: auto !important;
}

/* ***************************
textAdjust4IE : 游ゴシック IE調整（要: JSクラス付与、親要素position定義）
*************************** */
.isIE .u-textAdjust4IE {
  position: relative;
  top: 0.2em;
}

/* ***************************
Vue: AccordionToggleBtn
*************************** */
.v-AccordionToggleBtn {
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
  color: #00756e;
  font-weight: bold;
  font-size: 1.125rem;
  letter-spacing: 1.5px;
}
.v-AccordionToggleBtn::before {
  content: "";
  display: inline-block;
  height: 40px;
  width: 40px;
  background-image: url("../images/button/btn_circlePlus.svg");
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: -10px;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .v-AccordionToggleBtn::before {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
}

.isOpened .v-AccordionToggleBtn::before {
  background-image: url("../images/button/btn_circleMinus.svg");
}

@media screen and (max-width: 768px) {
  .v-AccordionToggleBtn__label {
    position: relative;
    top: 3px;
    left: 3px;
  }
}

/* ***************************
vue: modalItemCard
*************************** */
.v-modalItemCard {
  position: relative;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard {
    height: inherit;
  }
}

.v-modalItemCard__inner {
  position: relative;
  padding: 85px 100px 120px;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__inner {
    padding: 40px 20px 80px;
  }
}

.v-modalItemCard__error {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80vw;
  max-width: 800px;
  height: 100%;
  padding: 85px 100px 120px;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__error {
    padding: 40px 20px 80px;
  }
}

.v-modalItemCard__error__head {
  position: relative;
  font-size: 1.313rem;
  color: #dc1753;
}

.v-modalItemCard__error__body {
  position: relative;
}

.v-modalItemCard__error__idNotMatch {
  position: relative;
  width: 100%;
  text-align: center;
}

.v-modalItemCard__mapPin {
  vertical-align: middle;
  position: relative;
  margin-left: -5px;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__mapPin {
    margin-left: 0;
  }
}

.v-modalItemCard__locationBox {
  font-size: 0.813rem;
  color: #00756e;
}

.v-modalItemCard__actId {
  color: #999;
  margin-left: 20px;
}

.v-modalItemCard__work__programName,
.v-modalItemCard__headerText {
  font-size: 1.563rem;
  line-height: 1.68;
  letter-spacing: 0.5px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__work__programName,
.v-modalItemCard__headerText {
    font-size: 1.25rem;
    letter-spacing: 1px;
    line-height: 1.8;
  }
}

.v-modalItemCard__work__titlePR,
.v-modalItemCard__tourName {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__work__titlePR,
.v-modalItemCard__tourName {
    margin-top: 20px;
    font-size: 0.938rem;
  }
}

.v-modalItemCard__tagList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.v-modalItemCard__tagList li {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  margin-right: 15px;
}
.v-modalItemCard__tagList li > span {
  position: relative;
  display: inline-block;
  padding: 2px 18px;
  background-color: #f4f3ed;
  border: 1px solid #f4f3ed;
  border-radius: 35px;
  font-size: 0.75rem;
  font-weight: bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__tagList li > span {
    padding: 2px 12px;
  }
}
.v-modalItemCard__tagList li > span + span {
  margin-left: 15px;
}

.v-modalItemCard__workTagBox .v-modalItemCard__tagList li {
  margin-top: 10px;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__workTagBox .v-modalItemCard__tagList li {
    margin-right: 10px;
  }
}

.isIE .v-modalItemCard__tagList .u-textAdjust4IE {
  position: relative;
  top: 0.2em;
}

.v-modalItemCard__infoContainer {
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__infoContainer {
    display: block;
  }
}

.v-modalItemCard__sliderBox {
  width: 100%;
  max-width: 750px;
  border-radius: 5px;
  overflow: hidden;
  margin: 0 auto;
}
@media screen and (max-width: 1160px) {
  .v-modalItemCard__sliderBox {
    width: calc( 100vw - 280px );
  }
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__sliderBox {
    width: calc( 100vw - 104px );
  }
}

.v-modalItemCard__sliderBox--work {
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__sliderBox--work {
    margin-top: 40px;
  }
}

.v-modalItemCard__togglePlay {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 0rem;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__togglePlay {
    display: block;
  }
}
.v-modalItemCard__togglePlay img {
  width: 20px;
  height: 20px;
}

.v-modalItemCard__togglePlay--play,
.v-modalItemCard__togglePlay--pause {
  display: inline-block;
}

.v-modalItemCard__togglePlay--play + .v-modalItemCard__togglePlay--pause {
  margin-left: 10px;
}

.v-modalItemCard__infoBox {
  margin-top: 30px;
}

.v-modalItemCard__infoBox__item {
  display: table;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #eee;
}

.v-modalItemCard__infoBox__item__label {
  display: table-cell;
  vertical-align: middle;
  color: #00756e;
  width: 100px;
  min-width: 100px;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__infoBox__item__label {
    width: 90px;
    min-width: 90px;
  }
}
.v-modalItemCard__infoBox__item__label + span {
  display: table-cell;
  vertical-align: middle;
  width: calc( 100% - 100px);
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__infoBox__item__label + span {
    width: calc( 100% - 90px);
    padding: 5px 0;
  }
}

.v-modalItemCard__summaryContainer {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__summaryContainer {
    margin-top: 25px;
  }
}

.v-modalItemCard__work__summaryBox,
.v-modalItemCard__summaryBox {
  padding: 45px 45px 45px;
  border-radius: 20px;
  background-color: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__work__summaryBox,
.v-modalItemCard__summaryBox {
    border-radius: 10px;
    padding: 25px 25px 25px;
  }
}

.v-modalItemCard__summary {
  font-weight: normal;
}

.v-modalItemCard__detailLinkContainer {
  margin-top: 55px;
  text-align: center;
}
.v-modalItemCard__detailLinkContainer .c-btn__body {
  min-width: 240px;
}

.v-modalItemCard__workTagBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__workTagBox {
    display: block;
    margin-top: 40px;
  }
}

.v-modalItemCard__workTagBox__left {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding-right: 6%;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__workTagBox__left {
    width: 100%;
    padding-right: 0;
  }
}

.v-modalItemCard__workTagBox__right {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  border-left: 1px solid #eee;
  padding-left: 6%;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__workTagBox__right {
    width: 100%;
    border-left: none;
    margin-top: 30px;
    padding-left: 0;
  }
}

.v-modalItemCard__workTagBox__title {
  color: #00756e;
  font-size: 1.25rem;
  letter-spacing: 1px;
}

.v-modalItemCard__tagList + .v-modalItemCard__workTagBox__title {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .v-modalItemCard__tagList + .v-modalItemCard__workTagBox__title {
    margin-top: 30px;
  }
}

/* ***************************
vue: modalSlider
*************************** */
.v-modalSlider .slick-slide img {
  width: 100%;
}
.v-modalSlider .js-modalSlider li {
  padding-left: 0;
}
.v-modalSlider .js-modalSlider li::before {
  display: none;
}

/* ***************************
Vue: TabPanel
*************************** */
.v-TabPanel {
  position: relative;
  text-align: center;
}

.v-TabPanel__wrap {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 1100px;
}

.v-TabPanel__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .v-TabPanel__list {
    width: inherit;
  }
}
.v-TabPanel__list::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #dfdfdf;
  z-index: 1;
}
.v-TabPanel__list > li::before {
  display: none;
}
.v-TabPanel__list > li {
  position: relative;
  width: 36.3636363636%;
  -ms-flex-preferred-size: 36.3636363636%;
  flex-basis: 36.3636363636%;
  height: auto;
  margin-left: 1.8181818182%;
  padding-left: 0;
  z-index: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .v-TabPanel__list > li {
    height: auto;
    width: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-left: 2.7272727273%;
  }
}
.v-TabPanel__list > li:first-child {
  margin-left: 4.5454545455%;
}
.v-TabPanel__list > li:last-child {
  margin-right: 4.5454545455%;
}
.v-TabPanel__list > li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 4px;
  width: calc( 100% - 8px );
  height: 4px;
  background-color: #fff;
}
.v-TabPanel__list > li.is-current {
  z-index: 11;
}
.v-TabPanel__list > li.is-current .v-TabPanel__button {
  border: 4px solid #dfdfdf;
  padding: 0;
}

.v-TabPanel__button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 2px 2px 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 2px solid #dfdfdf;
  background-color: #fff;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .v-TabPanel__button {
    width: auto;
  }
}
.v-TabPanel__button:focus {
  outline: none;
}
.v-TabPanel__button:focus .v-TabPanel__text {
  border: 2px solid #c21818;
}
.v-TabPanel__button:focus:not(:focus-visible) {
  outline: none;
}
.v-TabPanel__button:focus:not(:focus-visible) .v-TabPanel__text {
  border: 2px solid #fff;
}

.v-TabPanel__label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: table;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 4px 4px;
  border: 2px solid #fff;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
  .v-TabPanel__label {
    font-size: 0.875rem;
    letter-spacing: 1px;
    height: auto;
  }
}

.v-TabPanel__text {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .v-TabPanel__text {
    width: inherit;
    padding: 0 3px;
  }
}

.v-TabPanel__list.is-activity::after,
.v-TabPanel__list.is-enjoy::after {
  background-color: #B95E02;
}
.v-TabPanel__list.is-activity > li.is-current .v-TabPanel__button,
.v-TabPanel__list.is-enjoy > li.is-current .v-TabPanel__button {
  border-color: #B95E02;
}
.v-TabPanel__list.is-activity > li.is-current .v-TabPanel__text,
.v-TabPanel__list.is-enjoy > li.is-current .v-TabPanel__text {
  color: #B95E02;
}

.v-TabPanel__list.is-learn::after {
  background-color: #3471A0;
}
.v-TabPanel__list.is-learn > li.is-current .v-TabPanel__button {
  border-color: #3471A0;
}
.v-TabPanel__list.is-learn > li.is-current .v-TabPanel__text {
  color: #3471A0;
}

.v-TabPanel__list.is-stay::after {
  background-color: #B45565;
}
.v-TabPanel__list.is-stay > li.is-current .v-TabPanel__button {
  border-color: #B45565;
}
.v-TabPanel__list.is-stay > li.is-current .v-TabPanel__text {
  color: #B45565;
}

.v-TabPanel__list.is-work::after {
  background-color: #786089;
}
.v-TabPanel__list.is-work > li.is-current .v-TabPanel__button {
  border-color: #786089;
}
.v-TabPanel__list.is-work > li.is-current .v-TabPanel__text {
  color: #786089;
  top: 2px;
}

.v-TabPanel__button:disabled {
  background-color: #eeeeee;
  border: 2px solid #eeeeee;
}
.v-TabPanel__button:disabled .v-TabPanel__text {
  border-color: #eeeeee;
  color: #666666;
}
.v-TabPanel__button:disabled .v-TabPanel__label {
  border-color: #eeeeee;
}

/* ***************************
modelCourseCatch
*************************** */
.p-modelCourseCatch {
  position: relative;
  padding-top: 70px;
  padding-bottom: 115px;
  background-image: url(../images/modelCourse/modelCourseCatch_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch {
    padding-top: 10px;
    padding-bottom: 115px;
    background-image: url(../images/modelCourse/modelCourseCatch_bg_sp.png);
    background-position: 0px -10px;
  }
}
.p-modelCourseCatch.is-noBg {
  background-image: inherit;
}

.p-modelCourseCatch + .l-parkTry__vApp {
  margin-top: 0;
}

.p-modelCourseCatch__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__inner {
    display: block;
  }
}

.p-modelCourseCatch__2boxInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  max-width: 1140px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px 0;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__2boxInner {
    display: block;
  }
}

.p-modelCourseCatch__photo {
  position: relative;
  -ms-flex-preferred-size: 47.5841874085%;
  flex-basis: 47.5841874085%;
  height: 415px;
  padding-bottom: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  background-color: #F9F8F5;
  text-align: right;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__photo {
    text-align: center;
    height: 217px;
    padding-bottom: 10px;
    padding-right: 38px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    background-color: inherit;
  }
}
.p-modelCourseCatch__photo::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: calc( 100% + 15px );
  height: calc( 100% - 15px );
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  z-index: 0;
  background-color: #EFE5AE;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__photo::before {
    width: calc( 100% - 27px );
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
  }
}
.p-modelCourseCatch__photo::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 15px;
  left: 0;
  width: 100%;
  height: calc( 100% - 15px );
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  z-index: 0;
  background-color: #F9F8F5;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__photo::after {
    bottom: 10px;
    left: -10px;
    width: calc( 100% - 27px );
    height: calc( 100% );
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
  }
}

.p-modelCourseCatch__photo__image {
  position: relative;
  height: 100%;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__photo__image {
    height: auto;
    width: 100%;
    max-width: 337px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
  }
}

.is-modelCoursePhoto.p-modelCourseCatch__photo::after {
  display: none;
}

.is-modelCoursePhoto .p-modelCourseCatch__photo__image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 768px) {
  .is-modelCoursePhoto .p-modelCourseCatch__photo__image {
    height: 100%;
    width: 100%;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
  }
}

.p-modelCourseCatch__content {
  -ms-flex-preferred-size: 52.4158125915%;
  flex-basis: 52.4158125915%;
  padding-left: 5.4904831625%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__content {
    padding: 0 37.5px 0 37.5px;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }
}

.p-modelCourseCatch__2boxContent {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding: 0 20px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__2boxContent {
    padding: 0 20px;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__2boxContent + .p-modelCourseCatch__2boxContent {
    margin-top: 60px;
  }
}

.p-modelCourseCatch__2boxContent__inner {
  background-color: #fff;
  border: 3px solid #EFE5AE;
  border-radius: 20px;
  padding: 30px 40px;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__2boxContent__inner {
    padding: 5px 20px 30px;
  }
}

.p-modelCourseCatch__tags {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__tags {
    margin-top: 30px;
  }
}

.p-modelCourseCatch__subtitle {
  margin-top: 20px;
  font-size: 1.063rem;
  letter-spacing: 0.75px;
  line-height: 2.1;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__subtitle {
    font-size: 0.875rem;
  }
}

.p-modelCourseCatch__title {
  margin-top: 15px;
  font-size: 1.5rem;
  letter-spacing: 3.5px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__title {
    margin-top: 10px;
    font-size: 1.25rem;
    letter-spacing: 3px;
    line-height: 1.75;
  }
}

.p-modelCourseCatch__button {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-modelCourseCatch__button {
    margin-top: 20px;
  }
}
.p-modelCourseCatch__button .c-btn__body {
  min-width: 265px;
  font-size: 1rem;
  letter-spacing: 0.5px;
}

/* ***************************
modelCourseStory
*************************** */
.p-modelCourseStory {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-modelCourseStory {
    margin-left: -5px;
    margin-right: -8px;
  }
}

.p-modelCourseStory__title {
  position: relative;
  color: #00756e;
  font-size: 1.125rem;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .p-modelCourseStory__title {
    font-size: 1.063rem;
  }
}
.p-modelCourseStory__title::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 0;
  width: 34px;
  height: 25px;
  background-image: url("../images/icon/icon_open_book.svg");
  background-position: left center;
  background-repeat: no-repeat;
}

.p-modelCourseStory__contents {
  margin-top: 30px;
  font-size: 1.063rem;
  line-height: 1.9;
  letter-spacing: 0.85px;
}
@media screen and (max-width: 768px) {
  .p-modelCourseStory__contents {
    margin-top: 20px;
    font-size: 0.938rem;
    line-height: 2;
  }
}

/* ***************************
modelCourseUnique
*************************** */
.p-modelCourseUnique {
  position: relative;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .p-modelCourseUnique {
    margin-top: 35px;
  }
}

.p-modelCourseUnique + .p-planTimeLine__location {
  margin-top: 75px;
}
@media screen and (max-width: 768px) {
  .p-modelCourseUnique + .p-planTimeLine__location {
    margin-top: 40px;
  }
}

.p-modelCourseUnique__inner {
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  .p-modelCourseUnique__inner {
    padding-left: 37.5px;
  }
}
.p-modelCourseUnique__inner::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 12px;
  height: calc( 100% - 9px );
  background-color: #00756e;
}
@media screen and (max-width: 768px) {
  .p-modelCourseUnique__inner::after {
    width: 8px;
    height: calc( 100% - 9px );
  }
}

.p-modelCourseUnique__title {
  position: relative;
  top: -7px;
  font-size: 1.5rem;
  letter-spacing: 3.5px;
  color: #00756e;
}
@media screen and (max-width: 768px) {
  .p-modelCourseUnique__title {
    top: -1px;
    font-size: 1.125rem;
    letter-spacing: 2.75px;
    line-height: 1.5;
  }
}
.p-modelCourseUnique__title::after {
  content: "";
  position: relative;
  display: inline-block;
  top: 3px;
  left: 7px;
  width: 23px;
  height: 26px;
  background-image: url("../images/icon/icon_kirakira.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .p-modelCourseUnique__title::after {
    width: 15px;
    height: 17px;
  }
}

.p-modelCourseUnique__contents {
  margin-top: 2px;
  font-size: 1.063rem;
  line-height: 1.9;
  letter-spacing: 0.85px;
}
@media screen and (max-width: 768px) {
  .p-modelCourseUnique__contents {
    margin-top: 4px;
    font-size: 0.938rem;
    line-height: 2;
    letter-spacing: 0.75px;
  }
}

/* ***************************
parkStoryIntro
*************************** */
.p-parkStoryIntro {
  position: relative;
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .p-parkStoryIntro {
    margin-top: 40px;
  }
}

.p-parkStoryIntro + .l-parkIndex__highlights {
  margin-top: 0;
}

.p-parkStoryIntro__title {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  font-size: 2.063rem;
  letter-spacing: 5px;
}
@media screen and (max-width: 768px) {
  .p-parkStoryIntro__title {
    padding: 8px 37.5px 0 69px;
    font-size: 1.375rem;
    line-height: 1.4;
    letter-spacing: 2px;
  }
}
.p-parkStoryIntro__title::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 44px;
  height: 32px;
  top: 4px;
  left: 0;
  margin-right: 15px;
  background-image: url("../images/icon/icon_open_book.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .p-parkStoryIntro__title::before {
    position: absolute;
    width: 22px;
    height: 16.5px;
    top: 12px;
    left: inherit;
    margin-right: 0;
    margin-left: -30px;
  }
}

.p-parkStoryIntro__container {
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-parkStoryIntro__container {
    margin-top: 30px;
  }
}

.p-parkStoryIntro__background {
  position: absolute;
  overflow: hidden;
  width: 100%;
  min-height: 460px;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .p-parkStoryIntro__background {
    min-height: 380px;
  }
}
.p-parkStoryIntro__background::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  min-height: 460px;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 768px) {
  .p-parkStoryIntro__background::after {
    min-height: 380px;
  }
}

.p-parkStoryIntro__background__image {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.p-parkStoryIntro__inner {
  position: relative;
  max-width: 1000px;
  min-height: 460px;
  margin: 0 auto;
  padding: 99px 0 30px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-parkStoryIntro__inner {
    padding: 58px 30px 30px 37.5px;
    min-height: 380px;
  }
}

.p-parkStoryIntro__parkName {
  font-size: 1.5rem;
  letter-spacing: 3.5px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-parkStoryIntro__parkName {
    font-size: 1.125rem;
    letter-spacing: 1px;
  }
}

.p-parkStoryIntro__detail {
  margin-top: 20px;
  max-width: 600px;
  font-size: 1.063rem;
  letter-spacing: 0.85px;
  line-height: 1.9;
  color: #fff;
  height: 5.71em;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-parkStoryIntro__detail {
    line-height: 2;
    height: 8.01em;
    font-size: 0.938rem;
  }
}

.p-parkStoryIntro__detail--noClamp {
  margin-top: 20px;
  font-size: 1.063rem;
  letter-spacing: 0.85px;
  line-height: 1.9;
  color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-parkStoryIntro__detail--noClamp {
    line-height: 2;
    font-size: 0.938rem;
  }
}

@media screen and (max-width: 768px) {
  .is-noClamp .p-parkStoryIntro__background {
    min-height: inherit;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .is-noClamp .p-parkStoryIntro__background::after {
    min-height: inherit;
    height: 100%;
  }
}

.p-parkStoryIntro__button {
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .p-parkStoryIntro__button {
    margin-top: 28px;
  }
}

/* ***************************
healthVisual
*************************** */
.p-healthVisual {
  position: relative;
  margin-top: -2px;
}
@media screen and (max-width: 768px) {
  .p-healthVisual {
    margin-top: 0;
  }
}
.p-healthVisual .c-breadCrumb {
  position: absolute;
  top: -10px;
  width: 100%;
}

.p-healthVisual__inner {
  position: relative;
}

.p-healthVisual__back.u-pcOnly {
  width: 100%;
  height: 803px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.p-healthVisual__back.u-spOnly {
  width: 100%;
  height: 590px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.p-healthVisual__title {
  position: absolute;
  top: 44px;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 362px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-healthVisual__title {
    top: 71px;
    width: 274px;
  }
}

/* ***************************
healthBenefit
*************************** */
.p-healthBenefit {
  position: relative;
  margin-top: 85px;
}
@media screen and (max-width: 768px) {
  .p-healthBenefit {
    margin-top: 24px;
  }
}

.p-healthBenefit__inner {
  position: relative;
  max-width: 1200px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-healthBenefit__inner {
    padding: 0 40px;
  }
}

.p-healthBenefit__intro {
  position: relative;
  left: 6px;
  text-align: center;
  font-size: 1.438rem;
  letter-spacing: 0.33px;
  line-height: 1.85;
}
@media screen and (max-width: 768px) {
  .p-healthBenefit__intro {
    left: 0;
    font-size: 0.75rem;
    line-height: 2.33;
    letter-spacing: 1.2px;
  }
}

@media screen and (max-width: 1366px) {
  .p-healthBenefit__intro__br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-healthBenefit__intro__br {
    display: inline;
  }
}

.p-healthBenefit__title {
  position: relative;
  margin-top: 110px;
}
@media screen and (max-width: 768px) {
  .p-healthBenefit__title {
    margin-top: 60px;
  }
}

.p-healthBenefit__title__text {
  display: inline-block;
  padding-left: 50px;
  font-size: 2.5rem;
  letter-spacing: 0.3px;
  color: #448844;
}
@media screen and (max-width: 768px) {
  .p-healthBenefit__title__text {
    display: block;
    padding-left: 0;
    font-size: 1rem;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 1.7;
  }
}
.p-healthBenefit__title__text::before {
  content: "■";
  position: absolute;
  display: inline-block;
  top: 12px;
  left: 2px;
  width: 1em;
  height: 1em;
  font-size: 1.875rem;
}
@media screen and (max-width: 768px) {
  .p-healthBenefit__title__text::before {
    display: none;
  }
}

.p-healthBenefit__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 65px;
}
@media screen and (max-width: 768px) {
  .p-healthBenefit__flex {
    display: block;
    margin-top: 60px;
  }
}

.p-healthBenefit__flex__left {
  -ms-flex-preferred-size: 483px;
  flex-basis: 483px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
@media screen and (max-width: 768px) {
  .p-healthBenefit__flex__left {
    text-align: center;
  }
}

.p-healthBenefit__flex__right {
  -ms-flex-preferred-size: 600px;
  flex-basis: 600px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-healthBenefit__flex__right {
    text-align: center;
  }
}

.p-healthVisual__pict {
  position: relative;
  width: 100%;
  left: 8px;
}
@media screen and (max-width: 768px) {
  .p-healthVisual__pict {
    width: 63.5%;
    left: 12px;
    top: -13px;
  }
}

ul.p-healthBenefit__list {
  display: inline-block;
  margin-top: 17px;
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  ul.p-healthBenefit__list {
    margin-top: 35px;
    margin-left: 11px;
  }
}
ul.p-healthBenefit__list > li {
  padding-left: 0;
}
ul.p-healthBenefit__list > li::before {
  display: none;
}

.p-healthBenefit__item {
  max-width: 496px;
}
@media screen and (max-width: 768px) {
  .p-healthBenefit__item {
    max-width: 232px;
  }
}
.p-healthBenefit__item + .p-healthBenefit__item {
  margin-top: 62px;
}
@media screen and (max-width: 1366px) {
  .p-healthBenefit__item + .p-healthBenefit__item {
    margin-top: 43px;
  }
}

.p-healthBenefit__link {
  display: block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
}
.p-healthBenefit__link:hover {
  opacity: 0.7;
}

.p-healthBenefit__button {
  position: relative;
  width: 100%;
}

/* ***************************
healthForest
*************************** */
.p-healthForest {
  position: relative;
  margin-top: 109px;
}
@media screen and (max-width: 768px) {
  .p-healthForest {
    margin-top: 54px;
  }
}

.p-healthForest__back {
  position: relative;
  padding-top: 123px;
  padding-bottom: 223px;
  background-color: #79c995;
}
@media screen and (max-width: 768px) {
  .p-healthForest__back {
    padding-top: 33px;
    padding-bottom: 175px;
  }
}

.p-healthForest__tree {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 444px;
}
@media screen and (max-width: 768px) {
  .p-healthForest__tree {
    height: 194px;
    overflow: auto;
  }
}

.p-healthForest__tree__image {
  display: block;
  position: relative;
  left: -7px;
  top: -24px;
  width: 1384px;
  height: 444px;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 1400px) {
  .p-healthForest__tree__image {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-healthForest__tree__image {
    width: auto;
    height: 155px;
    left: -24px;
    top: 16px;
  }
}

.p-healthForest__inner {
  position: relative;
  max-width: 1200px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-healthForest__inner {
    padding: 0 22px;
  }
}

.p-healthForest__head {
  position: relative;
  text-align: center;
  line-height: 70px;
}
@media screen and (max-width: 768px) {
  .p-healthForest__head {
    text-align: left;
    line-height: 30px;
    margin: 0 auto;
    max-width: 375px;
  }
}

.p-healthForest__head__iKnew {
  position: relative;
  display: inline-block;
  left: -23px;
  top: -20px;
  vertical-align: top;
  width: 173px;
}
@media screen and (max-width: 768px) {
  .p-healthForest__head__iKnew {
    left: inherit;
    top: inherit;
    width: 73px;
  }
}

.p-healthForest__head__iKnew__image {
  max-width: 173px;
}
@media screen and (max-width: 768px) {
  .p-healthForest__head__iKnew__image {
    width: 72px;
    position: relative;
    top: -10px;
    left: 6px;
  }
}

.p-healthForest__head__title {
  display: inline-block;
  vertical-align: top;
  font-size: 2.688rem;
  letter-spacing: 5.5px;
  margin-left: 17px;
}
@media screen and (max-width: 768px) {
  .p-healthForest__head__title {
    font-size: 1.25rem;
    letter-spacing: 0;
    margin-left: 20px;
  }
}

.p-healthForest__head__title--small {
  font-size: 2.25rem;
  vertical-align: text-top;
}
@media screen and (max-width: 768px) {
  .p-healthForest__head__title--small {
    font-size: 1rem;
  }
}

.p-healthForest__body {
  position: relative;
  margin: 24px auto 0;
  max-width: 1072px;
}
@media screen and (max-width: 768px) {
  .p-healthForest__body {
    margin-top: 24px;
    max-width: 375px;
  }
}

ul.p-healthForest__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 35px 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto 0 auto 0 auto 0 auto 0 auto 0 auto;
  grid-template-rows: auto auto auto auto auto auto;
  gap: 0 35px;
  grid-auto-flow: row;
  grid-template-areas: "forest23 forest23" "forest01 forest01" "forest45 forest45" "forest06 forest06" "forest07 forest08" "forest09 forest10";
}
@media screen and (max-width: 768px) {
  ul.p-healthForest__grid {
    display: block;
  }
}
ul.p-healthForest__grid > li {
  padding-left: 0;
}
ul.p-healthForest__grid > li:before {
  display: none;
}
ul.p-healthForest__grid img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  ul.p-healthForest__grid img {
    max-width: 331px;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-healthForest__grid__f01 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: forest01;
  text-align: center;
}

.p-healthForest__grid__f01__image {
  padding-top: 38px;
}
@media screen and (max-width: 768px) {
  .p-healthForest__grid__f01__image {
    position: relative;
    left: 1px;
    padding-top: 27px;
  }
}

.p-healthForest__grid__f23 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: forest23;
  text-align: center;
}

.p-healthForest__grid__f23__image {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .p-healthForest__grid__f23__image {
    padding-top: 1px;
  }
}

.p-healthForest__grid__f45 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: forest45;
  text-align: center;
}

.p-healthForest__grid__f45__image {
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-healthForest__grid__f45__image {
    padding-top: 24px;
  }
}

.p-healthForest__grid__f06 {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: forest06;
  text-align: center;
}

.p-healthForest__grid__f06__image {
  padding-top: 37px;
}
@media screen and (max-width: 768px) {
  .p-healthForest__grid__f06__image {
    padding-top: 7px;
  }
}

.p-healthForest__grid__f07 {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
  grid-area: forest07;
  text-align: right;
}

.p-healthForest__grid__f07__image {
  padding-top: 43px;
}
@media screen and (max-width: 768px) {
  .p-healthForest__grid__f07__image {
    padding-top: 20px;
  }
}

.p-healthForest__grid__f08 {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
  grid-area: forest08;
  text-align: left;
}

.p-healthForest__grid__f08__image {
  position: relative;
  left: 5px;
  padding-top: 43px;
  max-width: 514px;
}
@media screen and (max-width: 768px) {
  .p-healthForest__grid__f08__image {
    left: 0;
    padding-top: 28px;
  }
}

.p-healthForest__grid__f09 {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
  grid-area: forest09;
  text-align: right;
}

.p-healthForest__grid__f09__image {
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-healthForest__grid__f09__image {
    padding-top: 24px;
  }
}

.p-healthForest__grid__f10 {
  -ms-grid-row: 11;
  -ms-grid-column: 3;
  grid-area: forest10;
  text-align: left;
}

.p-healthForest__grid__f10__image {
  padding-top: 40px;
  max-width: 513px;
  position: relative;
  left: 5px;
}
@media screen and (max-width: 768px) {
  .p-healthForest__grid__f10__image {
    left: 0;
    padding-top: 22px;
  }
}

/* ***************************
healthOnsen
*************************** */
.p-healthOnsen {
  position: relative;
  padding-top: 70px;
  padding-bottom: 72px;
  background-image: url("../images/pick-up/health/health_onsen_back.png");
  background-size: 100%;
}
@media screen and (max-width: 768px) {
  .p-healthOnsen {
    padding-top: 12px;
    padding-bottom: 23px;
  }
}

.p-healthOnsen__inner {
  position: relative;
  max-width: 1200px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-healthOnsen__inner {
    padding: 0 23px;
    max-width: 375px;
  }
}

.p-healthOnsen__title {
  position: relative;
  text-align: center;
  line-height: 2.55;
}

.p-healthOnsen__title__top {
  position: relative;
  font-size: 2.438rem;
  letter-spacing: 2.5px;
}
@media screen and (max-width: 768px) {
  .p-healthOnsen__title__top {
    font-size: 0.875rem;
    letter-spacing: 2px;
  }
}

.p-healthOnsen__title__onsen {
  position: relative;
  width: 206px;
  top: 3px;
}
@media screen and (max-width: 768px) {
  .p-healthOnsen__title__onsen {
    top: 1px;
    width: 80px;
  }
}

.p-healthOnsen__title__btm {
  position: relative;
  font-size: 2.563rem;
  letter-spacing: 8px;
  margin-left: 18px;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-healthOnsen__title__btm {
    font-size: 0.938rem;
    letter-spacing: 4px;
    margin-left: 5px;
    margin-right: 0;
  }
}

.p-healthOnsen__contents {
  max-width: 1074px;
  margin: 55px auto 0;
}
@media screen and (max-width: 768px) {
  .p-healthOnsen__contents {
    margin-top: 11px;
  }
}

.p-healthOnsen__effect {
  width: 100%;
}

.p-healthOnsen__diff {
  position: relative;
  margin-top: 54px;
  margin-left: -10px;
  margin-right: -10px;
}
@media screen and (max-width: 768px) {
  .p-healthOnsen__diff {
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
  }
}

.p-healthOnsen__diff__title {
  text-align: center;
}

.p-healthOnsen__diff__title__text {
  font-size: 2.563rem;
  letter-spacing: 8px;
}
@media screen and (max-width: 768px) {
  .p-healthOnsen__diff__title__text {
    font-size: 0.938rem;
    letter-spacing: 4px;
    margin-left: 6px;
  }
}

ul.p-healthOnsen__diff__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  left: 2px;
}
@media screen and (max-width: 768px) {
  ul.p-healthOnsen__diff__list {
    display: block;
    margin-top: 19px;
    left: 0;
  }
}
ul.p-healthOnsen__diff__list > li {
  padding-left: 0;
}
ul.p-healthOnsen__diff__list > li::before {
  display: none;
}

.p-healthOnsen__diff__item {
  margin-left: 10px;
  margin-right: 9px;
}
@media screen and (max-width: 768px) {
  .p-healthOnsen__diff__item {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .p-healthOnsen__diff__item + .p-healthOnsen__diff__item {
    margin-top: 16px;
  }
}

.p-healthOnsen__diff__item__image {
  width: 100%;
  max-width: 346px;
}
@media screen and (max-width: 768px) {
  .p-healthOnsen__diff__item__image.u-spOnly {
    width: 61.5%;
    margin: 0 auto;
    position: relative;
    left: 1px;
  }
}

.p-healthOnsen__note {
  text-align: right;
  margin-top: 19px;
  margin-right: 0.8%;
  font-size: 0.938rem;
  letter-spacing: 1px;
}

/* ***************************
healthSound
*************************** */
.p-healthSound {
  position: relative;
  padding-top: 84px;
  padding-bottom: 116px;
  background-image: url("../images/pick-up/health/health_sound_back.png");
  background-size: 100%;
}
@media screen and (max-width: 768px) {
  .p-healthSound {
    padding-top: 27px;
    padding-bottom: 40px;
  }
}

.p-healthSound__inner {
  position: relative;
  max-width: 1200px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-healthSound__inner {
    padding: 0;
  }
}

.p-healthSound__head {
  position: relative;
}

.p-healthSound__head__title {
  position: relative;
  text-align: center;
}

.p-healthSound__head__top {
  font-size: 2.375rem;
  letter-spacing: 6px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__head__top {
    position: relative;
    left: 4px;
    font-size: 0.875rem;
    letter-spacing: 2.5px;
  }
}

.p-healthSound__head__mid {
  position: relative;
  display: inline-block;
  left: -12px;
  margin-top: 48px;
  font-size: 2.563rem;
  letter-spacing: 8px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__head__mid {
    left: 0;
    margin-top: 14px;
    font-size: 0.875rem;
    letter-spacing: 2px;
  }
}

.p-healthSound__head__mid__antiStress {
  max-width: 496px;
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__head__mid__antiStress {
    width: 170px;
    margin-left: 7px;
    margin-right: 7px;
  }
}

.p-healthSound__head__btm {
  margin-top: 70px;
  text-align: center;
  font-size: 2.25rem;
  letter-spacing: 3px;
  line-height: 1.66;
}
@media screen and (max-width: 768px) {
  .p-healthSound__head__btm {
    margin-top: 34px;
    font-size: 0.75rem;
    letter-spacing: 1px;
  }
}

.p-healthSound__head__btm__hyper {
  font-size: 2.938rem;
  line-height: 1.2;
  letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__head__btm__hyper {
    font-size: 0.938rem;
    letter-spacing: 2px;
    line-height: 1.5;
  }
}

.p-healthSound__body {
  max-width: 1074px;
  margin: 38px auto 0;
}
@media screen and (max-width: 768px) {
  .p-healthSound__body {
    max-width: 375px;
    margin-top: 20px;
    padding: 0 21px;
  }
}

.p-healthSound__visual {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-healthSound__visual {
    margin-bottom: -35px;
  }
}

.p-healthSound__visual__image {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-healthSound__visual__image {
    left: 3px;
    max-width: 329px;
  }
}

.p-healthSound__yuragi {
  position: relative;
  margin-top: 35px;
  padding: 56px 60px 40px 60px;
  background-color: #fff;
  border-radius: 15px;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi {
    margin-top: 32px;
    margin-left: 0;
    padding: 30px 30px;
  }
}

.p-healthSound__yuragi__title {
  text-align: center;
}
.p-healthSound__yuragi__title img {
  max-width: 522px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__title img {
    max-width: inherit;
    width: 100%;
  }
}

.p-healthSound__yuragi__intro {
  margin-top: 27px;
  margin-right: -15px;
  font-size: 1.313rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 2.7px;
  text-spacing-trim: space-all;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__intro {
    margin-top: 15px;
    font-size: 0.688rem;
    margin-right: 0;
    text-align: justify;
  }
}
@media screen and (min-width: 1366px) {
  .p-healthSound__yuragi__intro {
    padding: 0 30px;
  }
  .p-healthSound__yuragi__intro .is-narrow1 {
    letter-spacing: 2.4px;
  }
  .p-healthSound__yuragi__intro .is-narrow2 {
    letter-spacing: 3px;
    margin-right: 0.5em;
  }
  .p-healthSound__yuragi__intro .is-narrow3 {
    letter-spacing: 3px;
  }
  .p-healthSound__yuragi__intro .is-commmas {
    display: inline-block;
    margin-right: -0.6em;
  }
  .p-healthSound__yuragi__intro .is-trimR {
    display: inline-block;
    margin-right: -0.4em;
  }
  .p-healthSound__yuragi__intro .is-trimL {
    display: inline-block;
    margin-left: -0.4em;
  }
}

.p-healthSound__yuragi__supervisor {
  text-align: right;
  font-size: 0.938rem;
  margin-top: 45px;
  letter-spacing: 1.1px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__supervisor {
    margin-top: 25px;
    font-size: 0.5rem;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1366px) {
  .p-healthSound__yuragi__supervisor {
    padding-left: 30px;
    padding-right: 28px;
  }
}

.p-healthSound__yuragi__paper {
  text-align: right;
  font-size: 0.938rem;
  margin-top: 7px;
  letter-spacing: 1.1px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__paper {
    font-size: 0.5rem;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 1366px) {
  .p-healthSound__yuragi__paper {
    padding-left: 30px;
    padding-right: 18px;
  }
}

.p-healthSound__yuragi__symphony {
  margin-top: 69px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__symphony {
    margin-top: 40px;
  }
}

.p-healthSound__yuragi__symphony__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__symphony__flex {
    display: block;
  }
}

.p-healthSound__yuragi__symphony__left {
  -ms-flex-preferred-size: calc( 320 * 100% / 954 );
  flex-basis: calc( 320 * 100% / 954 );
}

.p-healthSound__yuragi__symphony__right {
  -ms-flex-preferred-size: calc( 100% - ( 320 * 100% / 954 ) );
  flex-basis: calc( 100% - ( 320 * 100% / 954 ) );
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__symphony__right {
    padding-left: 0;
  }
}

.p-healthSound__yuragi__symphony__alubmimage {
  max-width: 299px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__symphony__alubmimage {
    max-width: inherit;
  }
}

.p-healthSound__yuragi__symphony__dlbtnimage {
  max-width: 317.5px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__symphony__dlbtnimage {
    max-width: inherit;
  }
}

.p-healthSound__yuragi__symphony__dllink {
  display: block;
  margin-left: -9px;
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__symphony__dllink {
    margin-top: 10px;
    margin-left: 0;
  }
}
.p-healthSound__yuragi__symphony__dllink:hover {
  opacity: 0.7;
}

.p-healthSound__yuragi__symphony__title {
  margin-top: 15px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__symphony__title {
    margin-top: 60px;
  }
}
.p-healthSound__yuragi__symphony__title img {
  max-width: 598px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__symphony__title img {
    max-width: inherit;
  }
}

.p-healthSound__yuragi__symphony__description {
  margin-top: 20px;
  font-size: 1.125rem;
  padding-left: 13px;
  letter-spacing: 1.35px;
  line-height: 1.9;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__symphony__description {
    margin-top: 15px;
    font-size: 0.688rem;
    padding-left: 0;
    text-align: justify;
    letter-spacing: 0;
  }
}
.p-healthSound__yuragi__symphony__description .is-narrow {
  letter-spacing: 0.5px;
}

.p-healthSound__yuragi__symphony__effectlink {
  display: inline-block;
  text-align: center;
  margin-top: 30px;
}
@media screen and (min-width: 1366px) {
  .p-healthSound__yuragi__symphony__effectlink {
    margin-left: 15px;
  }
}
.p-healthSound__yuragi__symphony__effectlink:hover {
  opacity: 0.7;
}

.p-healthSound__yuragi__symphony__effectlinkimage {
  max-width: 436px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__symphony__effectlinkimage {
    max-width: inherit;
  }
}

.p-healthSound__yuragi__symphony__source {
  margin-top: 52px;
  text-align: right;
  font-size: 0.938rem;
  padding-right: 28px;
  letter-spacing: 0.9px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-healthSound__yuragi__symphony__source {
    margin-top: 30px;
    padding-right: 0;
    font-size: 0.5rem;
    letter-spacing: 0;
  }
}
.p-healthSound__yuragi__symphony__source a {
  color: #222;
}
.p-healthSound__yuragi__symphony__source a.visited, .p-healthSound__yuragi__symphony__source a:visited {
  color: #222;
}
.p-healthSound__yuragi__symphony__source a.hover, .p-healthSound__yuragi__symphony__source a:hover {
  color: #067c00;
}

.p-healthSound__graph {
  position: relative;
  margin-top: 44px;
  margin-left: -2px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__graph {
    margin-top: 32px;
    margin-left: 0;
  }
}

.p-healthSound__graph__image {
  position: relative;
  width: 100%;
  max-width: 1075px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__graph__image {
    width: 329px;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-healthSound__emotion {
  position: relative;
  margin-top: 63px;
  margin-left: -2px;
  padding: 51px 60px 40px 60px;
  background-color: #fff;
  border-radius: 15px;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion {
    margin-top: 32px;
    margin-left: 0;
    padding: 30px 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion {
    margin-top: 32px;
    margin-left: 0;
  }
}

.p-healthSound__emotion__title {
  text-align: center;
}
.p-healthSound__emotion__title img {
  max-width: 764px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__title img {
    max-width: inherit;
  }
}

.p-healthSound__emotion__summary {
  margin-top: 33px;
  padding: 0 25px 0 44px;
  font-size: 1.188rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 1.7px;
  text-spacing-trim: space-all;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__summary {
    margin-top: 15px;
    font-size: 0.688rem;
    margin-right: 0;
    text-align: justify;
    padding: 0;
  }
}
.p-healthSound__emotion__summary .is-trimR {
  margin-left: -0.5em;
}

.p-healthSound__emotion__graph {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 54px;
  padding-left: 46px;
  padding-bottom: 75px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__graph {
    display: block;
    padding-left: 0;
    padding-bottom: 40px;
  }
}

.p-healthSound__emotion__graph__joy {
  -ms-flex-preferred-size: 344px;
  flex-basis: 344px;
}
.p-healthSound__emotion__graph__joy img {
  max-width: 344px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__graph__joy img {
    max-width: inherit;
  }
}

.p-healthSound__emotion__graph__dislike {
  padding-left: 43px;
  -ms-flex-preferred-size: 233px;
  flex-basis: 233px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__graph__dislike {
    padding-top: 30px;
    padding-left: 0;
  }
}
.p-healthSound__emotion__graph__dislike img {
  max-width: 228px;
  position: relative;
  top: -5px;
}
@media screen and (max-width: 1160px) {
  .p-healthSound__emotion__graph__dislike img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__graph__dislike img {
    max-width: inherit;
    width: 70%;
    top: inherit;
  }
}

.p-healthSound__emotion__graph__angry {
  padding-left: 43px;
  -ms-flex-preferred-size: 233px;
  flex-basis: 233px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__graph__angry {
    padding-top: 30px;
    padding-left: 0;
  }
}
.p-healthSound__emotion__graph__angry img {
  max-width: 226px;
  position: relative;
  top: -5px;
}
@media screen and (max-width: 1160px) {
  .p-healthSound__emotion__graph__angry img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__graph__angry img {
    max-width: inherit;
    width: 70%;
    top: inherit;
  }
}

.p-healthSound__emotion__graph__label {
  position: absolute;
  bottom: 0;
  left: 75px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__graph__label {
    position: relative;
    bottom: inherit;
    left: inherit;
    margin-top: 40px;
    margin-left: 20px;
  }
}
.p-healthSound__emotion__graph__label img {
  max-width: 306px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__graph__label img {
    max-width: 153px;
  }
}

.p-healthSound__emotion__sns__title {
  margin-top: 88px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__sns__title {
    margin-top: 0;
  }
}
.p-healthSound__emotion__sns__title img {
  max-width: 566px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__sns__title img {
    width: 60%;
    margin: 0 20%;
  }
}

.p-healthSound__emotion__sns__result,
.p-healthSound__emotion__sns__summary {
  margin-top: 33px;
  padding: 0 30px 0 44px;
  font-size: 1.188rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 1.55px;
  text-spacing-trim: space-all;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__sns__result,
.p-healthSound__emotion__sns__summary {
    margin-top: 15px;
    font-size: 0.688rem;
    margin-right: 0;
    text-align: justify;
    padding: 0;
  }
}
.p-healthSound__emotion__sns__result .is-trimR,
.p-healthSound__emotion__sns__summary .is-trimR {
  margin-left: -0.15em;
}
.p-healthSound__emotion__sns__result .is-trimL,
.p-healthSound__emotion__sns__summary .is-trimL {
  margin-left: 0.3em;
  margin-right: -0.3em;
}
.p-healthSound__emotion__sns__result .is-headerWidth,
.p-healthSound__emotion__sns__summary .is-headerWidth {
  display: none;
}
@media screen and (min-width: 1366px) {
  .p-healthSound__emotion__sns__result .is-headerWidth,
.p-healthSound__emotion__sns__summary .is-headerWidth {
    display: inherit;
  }
}

.p-healthSound__emotion__sns__graph {
  position: relative;
  margin-top: 36px;
  left: 12px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__sns__graph {
    left: inherit;
  }
}
.p-healthSound__emotion__sns__graph img {
  max-width: 662.5px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__sns__graph img {
    max-width: inherit;
  }
}

.p-healthSound__emotion__sns__result {
  margin-top: 14px;
  letter-spacing: 1.6px;
  margin-right: -10px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__sns__result {
    margin-top: 30px;
    margin-right: 0;
  }
}
.p-healthSound__emotion__sns__result .is-rowR {
  margin-left: -0.5em;
}

.p-healthSound__emotion__paper {
  text-align: right;
  margin-top: 60px;
  margin-right: 4px;
  letter-spacing: 0.3px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__paper {
    font-size: 0.5rem;
    letter-spacing: 0;
    margin-top: 20px;
    margin-right: 0;
  }
}

.p-healthSound__emotion__supervisor {
  text-align: right;
  margin-top: -5px;
  margin-right: 12px;
  letter-spacing: -0.25px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__emotion__supervisor {
    font-size: 0.5rem;
    letter-spacing: 0;
    margin-top: 0;
    margin-right: 0;
  }
}

.p-healthSound__visual__link {
  position: absolute;
  bottom: 7.6%;
  right: 9%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .p-healthSound__visual__link {
    position: relative;
    display: block;
    bottom: 78px;
    right: inherit;
    text-align: center;
  }
}
.p-healthSound__visual__link:hover {
  opacity: 0.7;
}

.p-healthSound__visual__link__button {
  width: 33vw;
  max-width: 393px;
}
@media screen and (max-width: 768px) {
  .p-healthSound__visual__link__button {
    width: 248px;
  }
}

.isIE .p-healthSound__visual__link__label {
  top: 56%;
}

/* ***************************
healthChild
*************************** */
.p-healthChild {
  position: relative;
  padding-top: 92px;
  padding-bottom: 195px;
  background-image: url("../images/pick-up/health/health_child_back.png");
  background-size: 100%;
}
@media screen and (max-width: 768px) {
  .p-healthChild {
    padding-top: 33px;
    padding-bottom: 39px;
  }
}

.p-healthChild__inner {
  position: relative;
  max-width: 1200px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-healthChild__inner {
    max-width: 375px;
    padding: 0;
  }
}

.p-healthChild__head {
  text-align: center;
}

.p-healthChild__title {
  position: relative;
  margin-bottom: -12px;
}
@media screen and (max-width: 768px) {
  .p-healthChild__title {
    margin-bottom: 0;
  }
}

.p-healthChild__title__iKnow {
  position: relative;
  max-width: 327px;
  left: -8.25%;
}
@media screen and (max-width: 768px) {
  .p-healthChild__title__iKnow {
    max-width: 119px;
    left: -28px;
  }
}

.p-healthChild__title__text {
  position: relative;
  display: inline-block;
  left: -6px;
  margin-top: 41px;
  font-size: 2.688rem;
  letter-spacing: 5.66px;
}
@media screen and (max-width: 768px) {
  .p-healthChild__title__text {
    left: 5px;
    margin-top: 6px;
    font-size: 1rem;
    letter-spacing: 1.75px;
  }
}

@media screen and (max-width: 1366px) {
  .p-healthChild__title__text__top {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .p-healthChild__title__text__top {
    padding-bottom: 0;
  }
}

.p-healthChild__title__grow {
  position: relative;
  top: -76px;
  max-width: 396px;
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .p-healthChild__title__grow {
    top: -28px;
    max-width: 146px;
    margin-left: 5px;
    margin-right: 5px;
  }
}

.p-healthChild__intro {
  margin-top: 0;
  font-size: 2.125rem;
  letter-spacing: 3.6px;
}
@media screen and (max-width: 768px) {
  .p-healthChild__intro {
    display: none;
  }
}

.p-healthChild__body {
  position: relative;
  margin: 13px auto 0;
  max-width: 1088px;
  left: 7px;
}
@media screen and (max-width: 768px) {
  .p-healthChild__body {
    margin: 7px 22px 0;
    left: 0;
  }
}

.p-healthChild__fig01 {
  width: 100%;
  max-width: 1088px;
}
@media screen and (max-width: 768px) {
  .p-healthChild__fig01 {
    max-width: 330px;
  }
}

.p-healthChild__body__flex {
  margin-top: 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-healthChild__body__flex {
    margin-top: 35px;
    display: block;
  }
}

.p-healthChild__body__flex__right {
  margin-left: 42px;
}
@media screen and (max-width: 768px) {
  .p-healthChild__body__flex__right {
    margin-top: 24px;
    margin-left: 0;
  }
}

.p-healthChild__fig02 {
  width: 100%;
  max-width: 515px;
}
@media screen and (max-width: 768px) {
  .p-healthChild__fig02 {
    max-width: 330px;
  }
}

.p-healthChild__fig03 {
  width: 100%;
  max-width: 531px;
}
@media screen and (max-width: 768px) {
  .p-healthChild__fig03 {
    max-width: 330px;
  }
}

.p-healthChild__body__note {
  text-align: right;
  font-size: 0.938rem;
  margin-top: 6px;
  margin-right: 19px;
}
@media screen and (max-width: 768px) {
  .p-healthChild__body__note {
    display: none;
  }
}

.p-healthChild__body__note__top {
  letter-spacing: 2.1px;
}

.p-healthChild__body__note__btm {
  letter-spacing: 0.85px;
}

/* ***************************
ofpTop
*************************** */
.p-ofpTop {
  position: relative;
}

.p-ofpTop__head {
  position: relative;
  max-width: 1180px;
  padding: 95px 40px 83px;
  margin: 0 auto;
  text-align: right;
}
@media screen and (max-width: 1160px) {
  .p-ofpTop__head {
    padding: 95px 40px 80px;
  }
}
@media screen and (max-width: 768px) {
  .p-ofpTop__head {
    padding: 54px 17.5px 77px;
  }
}

.p-ofpTop__head__title {
  position: relative;
  text-align: left;
  z-index: 2;
}

@media screen and (max-width: 1160px) {
  .p-ofpTop__head__title__image {
    width: calc( 100% - 370px );
  }
}
@media screen and (max-width: 768px) {
  .p-ofpTop__head__title__image {
    margin: 0 auto;
    width: inherit;
  }
}

.p-ofpTop__head__logo {
  position: absolute;
  display: inline-block;
  top: 92px;
  right: 120px;
  max-width: 244px;
  z-index: 1;
}
@media screen and (max-width: 1160px) {
  .p-ofpTop__head__logo {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .p-ofpTop__head__logo {
    max-width: 96px;
    width: inherit;
    top: 200px;
    left: inherit;
    right: 44px;
  }
}

.p-ofpTop__head__logo__image {
  width: 100%;
}

.p-ofpTop__body {
  margin-top: 0;
  background-color: #1B8E77;
}

.p-ofpTop__body__inner {
  position: relative;
  max-width: 1076px;
  margin: 0 auto;
  padding: 86px 40px 88px;
}
@media screen and (max-width: 768px) {
  .p-ofpTop__body__inner {
    padding: 62px 37.5px 49px;
  }
}

.p-ofpTop__body__title {
  font-size: 1.75rem;
  letter-spacing: 2.85px;
  line-height: 1.7;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-ofpTop__body__title {
    font-size: 1.25rem;
    letter-spacing: 0.75px;
  }
}

.p-ofpTop__body__contents {
  margin-top: 22px;
  font-size: 1.125rem;
  letter-spacing: 0.5px;
  line-height: 2.15;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-ofpTop__body__contents {
    margin-left: 0;
    margin-top: 14px;
    padding-right: 0;
    line-height: 2.13;
    letter-spacing: 0.8px;
    font-size: 1rem;
  }
}

/* ***************************
ofpList
*************************** */
.p-ofpList {
  position: relative;
  background-color: #F8F8F8;
}

.p-ofpList__inner {
  max-width: 1320px;
  padding: 117px 40px 137px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-ofpList__inner {
    padding: 70px 0 82px;
  }
}

.p-ofpList__title {
  position: relative;
  max-width: 327px;
  line-height: 1.33;
  margin: 0 auto;
  padding: 20px 20px;
  text-align: center;
  left: 2px;
}
@media screen and (max-width: 768px) {
  .p-ofpList__title {
    max-width: 310px;
    min-height: inherit;
    height: 60px;
    left: 0;
    line-height: 1.5;
  }
}
.p-ofpList__title::before, .p-ofpList__title::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 768px) {
  .p-ofpList__title::before, .p-ofpList__title::after {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.p-ofpList__title::before {
  top: 0;
  left: 0;
  background-image: url(../pick-up/official-partner/images/ofp_bracket_red.svg);
}
@media screen and (max-width: 768px) {
  .p-ofpList__title::before {
    top: -5px;
    left: 2px;
  }
}
.p-ofpList__title::after {
  bottom: 0;
  right: 0;
  background-image: url(../pick-up/official-partner/images/ofp_bracket_green.svg);
}

.p-ofpList__title__text {
  position: relative;
  top: 9px;
  font-size: 1.75rem;
  letter-spacing: 5px;
}
@media screen and (max-width: 768px) {
  .p-ofpList__title__text {
    top: -4px;
    left: 3px;
    font-size: 1.5rem;
    letter-spacing: 4px;
  }
}

.p-ofpList__newPertner {
  margin-top: 47px;
}
@media screen and (max-width: 768px) {
  .p-ofpList__newPertner {
    margin-top: 26px;
  }
}

.p-ofpList__newPertner__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 80px;
  background-color: #FFF;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .p-ofpList__newPertner__inner {
    margin: 0 27.5px;
    padding: 40px 0px 43px;
  }
}

.p-ofpList__newPertner__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-ofpList__newPertner__flex {
    display: block;
  }
}

.p-ofpList__newPertner__flex__left {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
@media screen and (max-width: 768px) {
  .p-ofpList__newPertner__flex__left {
    text-align: center;
  }
}

.p-ofpList__newPertner__flex__right {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  margin-left: 60px;
}
@media screen and (max-width: 768px) {
  .p-ofpList__newPertner__flex__right {
    margin: 0;
    padding: 33px 20px 0 30px;
  }
}

.p-ofpList__newPertner__photo {
  max-width: 440px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-ofpList__newPertner__photo {
    max-width: 260px;
  }
}

.p-ofpList__newPertner__title {
  font-size: 1.25rem;
  letter-spacing: 1px;
  padding: 4px 3px 15px;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
  .p-ofpList__newPertner__title {
    font-size: 1.063rem;
    padding: 0 0 6px 0;
  }
}

.p-ofpList__newPertner__title__mark {
  color: #E7001F;
}

.p-ofpList__newPertner__list {
  margin-top: 23px;
  line-height: 1.95;
}
@media screen and (max-width: 768px) {
  .p-ofpList__newPertner__list {
    margin-top: 15px;
    line-height: 2.2;
  }
}

.p-ofpList__newPertner__list__item {
  font-size: 1.063rem;
  letter-spacing: 1px;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-ofpList__newPertner__list__item {
    letter-spacing: 0.75px;
    font-size: 0.938rem;
  }
}
.p-ofpList__newPertner__list__item::before {
  display: none;
}

.p-ofpList__newPertner__note {
  font-size: 1.063rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .p-ofpList__newPertner__note {
    font-size: 0.938rem;
    margin-top: 4px;
  }
}

.p-ofpList__allListTitle {
  position: relative;
  max-width: 1100px;
  margin: 124px auto 0;
  padding: 0 38px;
  font-size: 1.563rem;
  letter-spacing: 3.75px;
}
@media screen and (max-width: 768px) {
  .p-ofpList__allListTitle {
    margin: 75px 33px 0px;
    font-size: 1.125rem;
    letter-spacing: 2.75px;
  }
}
.p-ofpList__allListTitle:before {
  content: "";
  position: absolute;
  display: block;
  top: 8px;
  left: 0;
  width: 18px;
  height: 18px;
  background-color: #219846;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .p-ofpList__allListTitle:before {
    top: 4px;
    left: 5px;
  }
}

.p-ofpList__note {
  position: relative;
  top: -44px;
  left: 5px;
  max-width: 1100px;
  margin: 0 auto;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-ofpList__note {
    max-width: 300px;
    top: 0;
    left: 0;
    margin-top: 7px;
  }
}

.p-ofpList__note__text {
  font-size: 0.875rem;
  letter-spacing: 0.8px;
  color: #555;
}
@media screen and (max-width: 768px) {
  .p-ofpList__note__text {
    font-size: 0.75rem;
    letter-spacing: 0.6px;
  }
}

.p-ofpList__contents {
  margin: -7px auto 0;
  max-width: 1100px;
}
@media screen and (max-width: 768px) {
  .p-ofpList__contents {
    margin: -2px auto 0;
    max-width: 300px;
  }
}

ul.p-ofpList__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
}
@media screen and (max-width: 768px) {
  ul.p-ofpList__list {
    margin-left: -10px;
    margin-right: -10px;
  }
}
ul.p-ofpList__list > li {
  padding-left: 0;
}
ul.p-ofpList__list > li::before {
  display: none;
}

.p-ofpList__item {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}
@media screen and (max-width: 1160px) {
  .p-ofpList__item {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
  }
}
@media screen and (max-width: 900px) {
  .p-ofpList__item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

.p-ofpList__item__modal,
.p-ofpList__item__link {
  position: relative;
  display: block;
  margin: 7px 10px;
}
@media screen and (max-width: 768px) {
  .p-ofpList__item__modal,
.p-ofpList__item__link {
    margin: 10px 10px;
  }
}
.p-ofpList__item__modal::before,
.p-ofpList__item__link::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 15px;
  background-position: center;
  top: 6px;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-ofpList__item__modal::before,
.p-ofpList__item__link::before {
    top: 3px;
    right: 3px;
  }
}
.p-ofpList__item__modal:focus:not(:focus-visible),
.p-ofpList__item__link:focus:not(:focus-visible) {
  outline: none;
}

.p-ofpList__item__blank {
  position: relative;
  display: block;
  margin: 7px 10px;
}
@media screen and (max-width: 768px) {
  .p-ofpList__item__blank {
    margin: 10px 10px;
  }
}

.p-ofpList__item__link::before {
  background-image: url(../images/icon/icon_outerLink_silver.svg);
}

.p-ofpList__item__modal::before {
  background-image: url(../images/icon/icon_loope_silver.svg);
}

.p-ofpList__item__box {
  display: block;
  width: 100%;
  height: 180px;
  text-align: center;
  background-color: #FFF;
  border-radius: 10px;
  padding: 10px 15px;
  -webkit-box-shadow: 0px 0px 20px rgba(34, 34, 34, 0.05);
  box-shadow: 0px 0px 20px rgba(34, 34, 34, 0.05);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid #fff;
}
.p-ofpList__item__box:hover {
  border: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .p-ofpList__item__box {
    min-height: 125px;
    padding: 0 16px 10px;
    height: auto;
  }
}

.p-ofpList__item__logo {
  position: relative;
  display: block;
  height: 100px;
}
@media screen and (max-width: 768px) {
  .p-ofpList__item__logo {
    height: 90px;
  }
}
.p-ofpList__item__logo img {
  position: absolute;
  max-height: 100px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .p-ofpList__item__logo img {
    max-height: inherit;
    max-width: 100%;
  }
}

.p-ofpList__item__label {
  display: block;
  margin-top: 5px;
  line-height: 1.33;
  color: #222;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .p-ofpList__item__label {
    margin-top: 0;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}

.p-ofpList__btnBox {
  margin-top: 40px;
  text-align: center;
}

/* ***************************
ofpBottom
*************************** */
.p-ofpBottom {
  position: relative;
  text-align: center;
  margin-top: 160px;
  margin-bottom: 262px;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .p-ofpBottom {
    margin-top: 80px;
    margin-bottom: 111px;
    padding: 0 37.5px;
  }
}

.p-ofpBottom__button.c-btn--outline.c-btn {
  color: #219846;
  border: 5px solid #219846;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .p-ofpBottom__button.c-btn--outline.c-btn {
    line-height: 1.66;
  }
}
.p-ofpBottom__button.c-btn--outline.c-btn:hover {
  color: #fff;
  background-color: #219846;
}
.p-ofpBottom__button.c-btn--outline.c-btn:hover:after {
  background-image: url(../images/icon/icon_roundArrow_yellowGreen_invert.svg);
}
.p-ofpBottom__button.c-btn--outline.c-btn:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  right: calc( ( 25 * 100% ) / 900 );
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  margin: 0;
  background: none;
  background-image: url(../images/icon/icon_roundArrow_yellowGreen.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .p-ofpBottom__button.c-btn--outline.c-btn:after {
    right: 20px;
  }
}
.p-ofpBottom__button.c-btn--outline.c-btn .c-btn__body {
  height: 127px;
  width: 100vw;
  max-width: 890px;
  font-size: 1.625rem;
  letter-spacing: 3.9px;
  padding-right: 10.5%;
}
@media screen and (max-width: 768px) {
  .p-ofpBottom__button.c-btn--outline.c-btn .c-btn__body {
    text-align: left;
    height: 130px;
    max-width: 290px;
    font-size: 1.125rem;
    letter-spacing: 2.5px;
    padding-left: 25px;
    padding-right: 70px;
  }
}

/* ***************************
ofpModal
*************************** */
.p-ofpModal {
  position: relative;
}

html.js-isOpened-officialPartnerModal .modaal-inner-wrapper {
  background-image: none;
  background-color: #DFF2E4;
}

.p-ofpModal__inner {
  position: relative;
  width: 80vw;
  max-width: 1090px;
  padding: 45px 95px 120px;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__inner {
    width: 100%;
    max-width: 88vw;
    padding: 20px 15px 90px;
  }
}

.p-ofpModal__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 4px solid #D3E8DA;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__head {
    display: block;
    padding-bottom: 19px;
  }
}

.p-ofpModal__head__logo {
  position: relative;
  display: block;
  height: 124px;
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__head__logo {
    height: 177px;
  }
}

.p-ofpModal__head__logo__image {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-ofpModal__head__logo__image {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.p-ofpModal__head__title {
  position: relative;
  display: block;
  -ms-flex-preferred-size: calc( 100% - 200px);
  flex-basis: calc( 100% - 200px);
  font-size: 1.875rem;
  letter-spacing: 4.75px;
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__head__title {
    text-align: left;
    letter-spacing: 3.6px;
    font-size: 1.375rem;
    line-height: 1.66;
    margin-left: 0;
  }
}

.p-ofpModal__body {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__body {
    margin-top: 23px;
  }
}

.p-ofpModal__body__title {
  position: relative;
  padding-left: 31px;
  font-size: 1.25rem;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__body__title {
    font-size: 1.063rem;
    letter-spacing: 0.75px;
    line-height: 1.9;
  }
}
.p-ofpModal__body__title::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #219846;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__body__title::before {
    top: 7px;
    left: 10px;
  }
}
.p-ofpModal__body__title + .p-ofpModal__body__title {
  margin-top: 40px;
}
.p-ofpModal__body__title.is-noDisk .is-mark {
  display: inline-block;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__body__title.is-noDisk .is-mark {
    left: 0.25em;
  }
}
.p-ofpModal__body__title.is-noDisk::before {
  display: none;
}
.p-ofpModal__body__title.is-noIndent {
  padding-left: 0;
}
.p-ofpModal__body__title.is-noIndent::before {
  display: none;
}

.p-ofpModal__body__subTitle {
  font-size: 1.125rem;
  letter-spacing: 1px;
  margin: 30px 0 15px;
}

.p-ofpModal__body__contents__title {
  position: relative;
  font-size: 1.25rem;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__body__contents__title {
    font-size: 1.063rem;
    letter-spacing: 0.75px;
    line-height: 1.9;
  }
}

.p-ofpModal__body__contents {
  margin-top: 18px;
  margin-bottom: 50px;
  padding-left: 30px;
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__body__contents {
    font-size: 0.938rem;
    padding-left: 42px;
    margin-top: 0;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 768px) {
  .p-ofpModal__body__contents p {
    margin-top: 10px;
    margin-bottom: 14px;
  }
}
.p-ofpModal__body__contents * + p {
  margin-top: 10px;
}
.p-ofpModal__body__contents ul > li,
.p-ofpModal__body__contents ol > li {
  padding-left: 1.3em;
  line-height: 2.05;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__body__contents ul > li,
.p-ofpModal__body__contents ol > li {
    padding-left: 1.7em;
    line-height: 2.2;
  }
}
* + .p-ofpModal__body__contents > .p-ofpModal__body__contents ul,
* + .p-ofpModal__body__contents > .p-ofpModal__body__contents ol {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  * + .p-ofpModal__body__contents > .p-ofpModal__body__contents ul,
* + .p-ofpModal__body__contents > .p-ofpModal__body__contents ol {
    margin-top: 6px;
  }
}
.p-ofpModal__body__contents ul > li::before {
  background-color: #222;
  top: 0.75em;
}
.p-ofpModal__body__contents ol > li::before {
  color: #222;
}
.p-ofpModal__body__contents ul > li > ol,
.p-ofpModal__body__contents ol > li > ol {
  margin-top: 0;
}
.p-ofpModal__body__contents ul > li > ol > li,
.p-ofpModal__body__contents ol > li > ol > li {
  padding-left: 0;
}
.p-ofpModal__body__contents ul > li > ol > li:before,
.p-ofpModal__body__contents ol > li > ol > li:before {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  content: counter(cnt, lower-roman) ") ";
  color: #222;
}
.p-ofpModal__body__contents a {
  color: #219846;
  text-decoration: underline;
}
.p-ofpModal__body__contents a.visited, .p-ofpModal__body__contents a:visited {
  color: #219846;
}
.p-ofpModal__body__contents a.hover, .p-ofpModal__body__contents a:hover {
  color: #067c00;
}
.p-ofpModal__body__contents a.hover:before, .p-ofpModal__body__contents a:hover:before {
  text-decoration: underline;
}
.p-ofpModal__body__contents .c-flexbox__item img {
  width: 100%;
}

.p-ofpModal__body__contents__photo {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__body__contents__photo {
    margin-top: 20px;
  }
}

.p-ofpModal__caption {
  padding: 10px 5px;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__caption {
    font-size: 0.75rem;
  }
}

.p-ofpModal__bottom {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__bottom {
    margin-top: 48px;
  }
}

.p-ofpModal__button.c-btn--outline.c-btn {
  color: #219846;
  border: 4px solid #219846;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__button.c-btn--outline.c-btn {
    line-height: 1.66;
  }
}
.p-ofpModal__button.c-btn--outline.c-btn[href^=http]::after {
  background-image: none;
}
.p-ofpModal__button.c-btn--outline.c-btn:hover {
  color: #fff;
  background-color: #219846;
}
.p-ofpModal__button.c-btn--outline.c-btn:hover[href^=http]::after {
  background-image: none;
}
.p-ofpModal__button.c-btn--outline.c-btn .c-btn__body {
  height: 62px;
  width: 100vw;
  max-width: 352px;
  font-size: 1.125rem;
  letter-spacing: 3.9px;
}
.p-ofpModal__button.c-btn--outline.c-btn .c-btn__body:after {
  content: "";
  position: relative;
  display: inline-block;
  top: 1px;
  left: 10px;
  width: 17px;
  height: 17px;
  margin: 0;
  background: none;
  background-image: url(../images/icon/icon_outerLink_silver.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.p-ofpModal__button.c-btn--outline.c-btn .c-btn__body:hover:after {
  background-image: url(../images/icon/icon_outerLink_white.svg);
}
@media screen and (max-width: 768px) {
  .p-ofpModal__button.c-btn--outline.c-btn .c-btn__body {
    text-align: center;
    height: 62px;
    max-width: 282px;
    font-size: 1.125rem;
    letter-spacing: 2.5px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.p-ofpModal__body__useLogo {
  margin-top: 60px;
  margin-bottom: 20px;
  position: relative;
  font-size: 1.25rem;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .p-ofpModal__body__useLogo {
    font-size: 1.063rem;
    letter-spacing: 0.75px;
    line-height: 1.9;
  }
}

/* ***************************
topOfpSlide
*************************** */
.p-topOfpSlide {
  background-image: url(../images/backimage/bg_stripe.png);
  background-position: -70px 0;
  background-repeat: repeat;
  background-size: cover;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .p-topOfpSlide {
    padding-bottom: 58px;
    background-position: -25px 0;
  }
}

.p-topOfpSlide__inner {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
}

.p-topOfpSlide__head {
  position: relative;
  text-align: center;
  font-size: 1.875rem;
  padding-top: 70px;
  letter-spacing: 3.75px;
}
@media screen and (max-width: 768px) {
  .p-topOfpSlide__head {
    font-size: 1.125rem;
    letter-spacing: 2px;
    padding-top: 40px;
  }
}

.p-topOfpSlide__head__marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFFC8C));
  background: linear-gradient(transparent 60%, #FFFC8C 60%);
}

.p-topOfpSlide__body {
  margin-top: 34px;
  margin-left: calc( ( 100% - 600px ) / 2);
  margin-right: calc( ( 100% - 600px ) / 2);
}
@media screen and (max-width: 768px) {
  .p-topOfpSlide__body {
    margin-top: 30px;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
  }
}

.p-topOfpSlide__body__visual {
  position: relative;
  left: -5px;
}
@media screen and (max-width: 768px) {
  .p-topOfpSlide__body__visual {
    left: 0;
  }
}

.p-topOfpSlide__body__text {
  margin-top: 13px;
  line-height: 2.08;
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  .p-topOfpSlide__body__text {
    text-align: left;
    margin-top: 15px;
    line-height: 1.75;
    letter-spacing: -1px;
  }
}

.p-topOfpSlide__button {
  margin-top: 23px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-topOfpSlide__button {
    margin-top: 18px;
  }
}

/* ***************************
styles.scss
*************************** */
/*# sourceMappingURL=styles.css.map */