@charset "UTF-8";
/*  =============================================
 *    necolas / normalize.css
 *    https://github.com/necolas/normalize.css/
 *    v8.0.0                            ▼   ****
 *  ============================================= */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
@import url("https://fonts.googleapis.com/css?family=Montserrat:700");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap");
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section,
hgroup {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on assets inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*  =============================================
 *                URYU EDITED  ▼         　  ****
 *  ============================================= */
/* Reset <figure> and <dl> margin
   ========================================================================== */
figure, dl {
  margin: 0;
}

/* Reset list tag style
   ========================================================================== */
ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

/* Reset underbar in <a> tag
   ========================================================================== */
a {
  text-decoration: none;
}

/* Reset <h1~6> <dd> <dt> <li> styles
   ========================================================================== */
h1, h2, h3, h4, h5, h6, dd, dt, li {
  margin: 0;
  line-height: 1;
}

/* Reset <input> & <textarea> & <select> styles
   ========================================================================== */
label, input, textarea {
  border: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

button:focus, input:focus, textarea:focus, select:focus {
  outline: none;
}

/* Add font optimization
   ========================================================================== */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "palt" 1;
}

/* Remove iframe border
   ========================================================================== */
iframe {
  border: 0;
}

/* Reset button style
   ========================================================================== */
input[type=button i],
input[type=submit i],
input[type=reset i],
input[type=file i]::-webkit-file-upload-button,
button {
  border: 0;
}

/* for Firefox */
button {
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}

/* Remove margin between table units
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/* Remove clicking foucus blue border
   ========================================================================== */
div:focus,
a:focus,
img:focus,
span:focus,
li:focus,
picture:focus,
figure:focus {
  outline: none;
}

/**
 * make 1em = 10px
 */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 62.5%;
}

img[alt=""],
img:not([alt]) {
  border: 1px dashed #c00;
}

body {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px skyblue inset;
}

input::-moz-placeholder {
  color: skyblue;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

input::placeholder {
  color: skyblue;
  transition: all 0.1s ease-in-out;
}

input::-webkit-input-placeholder {
  color: skyblue;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

input::-moz-placeholder {
  color: skyblue;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

input::-ms-placeholder {
  color: skyblue;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

textarea::-moz-placeholder {
  color: skyblue;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

textarea::placeholder {
  color: skyblue;
  transition: all 0.1s ease-in-out;
}

textarea::-webkit-input-placeholder {
  color: skyblue;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

textarea::-moz-placeholder {
  color: skyblue;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

textarea::-ms-placeholder {
  color: skyblue;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus::-ms-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder {
  color: transparent;
}

textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

textarea:focus::-ms-placeholder {
  color: transparent;
}

textarea:focus::-moz-placeholder {
  color: transparent;
}

textarea {
  resize: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.shippori {
  font-family: "Shippori Mincho", serif;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.sp_min {
  display: none;
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
@media only screen and (max-width: 359px) {
  .sp_min {
    display: block;
  }
}
/* M Q
 *
 * 'xsmall'  : 320px,
 * 'small'   : 600px,
 * 'medium'  : 768px,
 * 'large'   : 1024px,
 * 'xlarge'  : 1280px,
 * 'xxlarge' : 1440px,

 * use max
 * .elements {
 *   @include mq (large) {
 *     ...
 *   }
 *   @include mq (xlarge, max, true ) {
 *     ...
 *   }
 * }

 * original:
 * https://www.nxworld.net/tips/sass-media-queries-mixin.html
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

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

/* 
============================================================= */
/** =========================
 *  サイト共通パーツ
 ** =========================*/
.tag {
  display: inline-block;
  color: white;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 1.5px;
  padding: 5px 10px;
  background: #727171;
  margin: 5px 10px 0 0;
  white-space: nowrap;
  text-align: center;
  min-width: 90px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .tag {
    margin: 0 4px 4px 0;
  }
}
.tag.-blogBgc {
  background-color: black;
  padding: 0.5em 1em;
}
.tag.-category-sea {
  color: #00a0e9;
}
.tag.-category-mountain {
  color: #13ae67;
}
.tag.-category-event {
  color: #ec6d81;
}
.tag.-category-gourmet {
  color: #ed6c00;
}
.tag.-category-star {
  color: #fabe00;
}
.tag.-category-other {
  color: #727171;
}

.date {
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin: 7px 0 0;
}
@media screen and (max-width: 768px) {
  .date {
    margin-top: 8px;
    font-size: 1.2rem;
  }
}

.cont {
  font-size: 1.5rem;
  line-height: 1.53;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .cont {
    display: none;
  }
}

.selection {
  width: 255px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .selection {
    width: 100%;
  }
}

select {
  background: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #231815;
  border-radius: 0 !important;
  font-size: 1.3rem;
  letter-spacing: 1.6px;
  font-weight: normal;
  height: 33px;
  padding: 5px 10px;
  box-sizing: border-box;
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-image: url(/assets/common/arr_select.svg);
}
@media screen and (max-width: 768px) {
  select {
    width: 100%;
    border: 1px solid #231815;
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center;
    height: 50px;
    font-size: 1.55rem;
    padding: 0 20px;
  }
}

.news .selection {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 54px;
}
@media screen and (max-width: 768px) {
  .news .selection {
    display: block;
  }
}
.news .selection select {
  width: 258px;
  margin: 0 14px;
}
@media screen and (max-width: 768px) {
  .news .selection select {
    width: 100%;
    margin: 0 0 10px;
  }
}

@media screen and (min-width: 769px) {
  .blog .selection {
    margin-bottom: 5.35536rem;
  }
}
@media screen and (max-width: 768px) {
  .blog .selection {
    margin-bottom: 3rem;
  }
}
.blog .selection select {
  width: 258px;
}
@media screen and (max-width: 768px) {
  .blog .selection select {
    width: 100%;
  }
}

.hv {
  position: relative;
}
.hv::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  background: rgba(0, 0, 0, 0.68);
  opacity: 0;
  transition: all 0.35s ease;
  z-index: 1;
}
.hv:hover::before {
  opacity: 1;
}
.hv:hover .caption {
  color: white;
}

.btn_more {
  width: 145px;
  display: inline-block;
  border: 1px solid #231815;
  transition: all 0.2s ease;
}
.btn_more a {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  color: #231815;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
  padding: 7px 0 8px;
  box-sizing: border-box;
  transition: all 0.15s ease;
}
@media screen and (max-width: 768px) {
  .btn_more a {
    line-height: 1.6;
    font-size: 18px;
    padding: 5px 0 6px;
  }
}
.btn_more:hover {
  background: #231815;
}
.btn_more:hover a {
  color: white;
}
@media screen and (max-width: 768px) {
  .btn_more {
    width: 90vw;
  }
}

.btn_link {
  text-align: center;
}
.btn_link a {
  display: inline-block;
  border: 1px solid #231815;
  font-size: 15px;
  font-family: sans-serif;
  color: #231815;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-align: center;
  padding: 5px 24px;
  box-sizing: border-box;
  transition: all 0.15s ease;
}
@media screen and (max-width: 768px) {
  .btn_link a {
    width: 100%;
  }
}
.btn_link a:hover {
  background: #231815;
  color: white;
}
@media screen and (max-width: 768px) {
  .btn_link_spmin a {
    width: 94%;
  }
}

.btn_back {
  position: relative;
  width: auto;
  margin: 76px auto 0;
  background: transparent;
}
@media screen and (max-width: 768px) {
  .btn_back {
    margin: 45px auto 0;
  }
}
.btn_back a {
  color: #231815;
  font-weight: bold;
  font-size: 1.45rem;
  white-space: nowrap;
  padding: 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .btn_back a {
    font-size: 1.3rem;
  }
}
.btn_back::before, .btn_back::after {
  top: -20px;
  width: 18px;
  height: 3px;
  background: #231815;
  content: "";
  position: absolute;
}
@media screen and (max-width: 768px) {
  .btn_back::before, .btn_back::after {
    top: -12px;
    width: 14px;
    height: 2px;
  }
}
.btn_back::before {
  transform: translateX(-20%) rotate(45deg);
  left: 49%;
}
@media screen and (max-width: 768px) {
  .btn_back::before {
    left: 49%;
  }
}
.btn_back::after {
  transform: translateX(-30%) rotate(-45deg);
  right: 46.5%;
}

.btn_longGrey {
  display: block;
  background: #9fa0a0;
  margin: 0 auto;
}
.btn_longGrey a {
  padding: 11px 0 10px;
  display: block;
  width: 100%;
  font-size: 1.7rem;
  color: white;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .btn_longGrey {
    width: 100%;
  }
}

.btn_hold {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .btn_hold {
    flex-direction: column;
  }
}

.blog .btn_longGrey,
.news .btn_longGrey {
  width: 640px;
}
@media screen and (max-width: 768px) {
  .blog .btn_longGrey,
  .news .btn_longGrey {
    width: 100%;
  }
}

.btn_longBlack {
  display: block;
  max-width: 640px;
  width: 70%;
  background: #231815;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .btn_longBlack {
    min-width: 100%;
    width: 100%;
  }
}
.btn_longBlack a {
  padding: 15px 0 12px;
  display: block;
  width: 100%;
  color: white;
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 6px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .btn_longBlack a {
    padding: 19px 0 16px;
    font-size: 1.95rem;
  }
}

.enjoyDetail .btn_longGrey {
  min-width: 310px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .enjoyDetail .btn_longGrey {
    min-width: 100%;
    width: 100%;
    margin-bottom: 12px;
  }
}

.btn_col_3 .btn_longGrey {
  width: calc(33.3333333333% - 10px);
}
@media screen and (max-width: 768px) {
  .btn_col_3 .btn_longGrey {
    width: 100%;
  }
}
.btn_col_3 .btn_longGrey:nth-child(2) {
  margin: 0 17px;
}
@media screen and (max-width: 768px) {
  .btn_col_3 .btn_longGrey:nth-child(2) {
    margin: 0 0 12px;
  }
}

.btn_col_w {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.btn_col_w .btn_longGrey {
  width: calc(33.3333333333% - 10px);
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .btn_col_w .btn_longGrey {
    width: 100%;
  }
}
.btn_col_w .btn_longGrey:nth-child(3) {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .btn_col_w .btn_longGrey:nth-child(3) {
    margin: 0 0 12px;
  }
}
.btn_col_w .btn_longGrey:nth-child(4) {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .btn_col_w .btn_longGrey:nth-child(4) {
    margin-top: 0;
  }
}

.btn_col_2 {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .btn_col_2 {
    margin-top: 60px;
  }
}
.btn_col_2 .btn_longGrey,
.btn_col_2 .btn_longBlack {
  width: 320px;
  margin: 0 8px;
}
@media screen and (max-width: 768px) {
  .btn_col_2 .btn_longGrey,
  .btn_col_2 .btn_longBlack {
    width: 100%;
    margin-top: 12px;
    margin-left: 0;
    margin-right: 0;
  }
}
.btn_col_2 .btn_longGrey a,
.btn_col_2 .btn_longBlack a {
  padding: 11px 0 10px;
  letter-spacing: 0.1em;
  font-size: 1.7rem;
}

.btn_contact {
  max-width: 643px;
  width: 96%;
  margin: 0 auto;
  border: 1px solid white;
  background: #231815;
  transition: all 0.2s ease;
}
@media screen and (max-width: 768px) {
  .btn_contact {
    width: 100%;
    border: 2px solid white;
  }
}
.btn_contact a {
  padding: 13px 0;
  display: block;
  width: 100%;
  color: white;
  line-height: 1;
  font-size: 1.9rem;
  font-weight: bold;
  letter-spacing: 1.8px;
  transition: all 0.2s ease;
}
.btn_contact:hover {
  background: white;
}
.btn_contact:hover a {
  color: #231815;
}

.peopleDetail .btn_contact {
  margin: 77px auto 0;
}
@media screen and (max-width: 768px) {
  .peopleDetail .btn_contact {
    margin: 20px auto 0;
  }
}

.pager {
  border: 1px solid #231815;
  padding: 16px 34px;
  box-sizing: border-box;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pager {
    margin: 0px auto 0;
  }
}
.pager > div {
  display: flex;
  justify-content: space-between;
}
.pager a {
  color: #231815;
  position: relative;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1;
}
.pager .arr {
  position: absolute;
  margin-top: 2px;
  width: 8px;
  height: 12px;
  background-image: url(/assets/common/arr_pager.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.pager .arr_l {
  left: -15px;
}
.pager .arr_r {
  margin-top: 1px;
  right: -13px;
  transform: rotate(180deg);
}

@media screen and (max-width: 768px) {
  body.safari select {
    padding-left: 8vw;
  }
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  height: 100vh;
  background: rgb(0, 0, 0);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 101;
}
.popup_inner {
  position: relative;
}
.popup_close {
  padding: 10px 10px 0 10px;
  box-sizing: border-box;
  margin-bottom: 0;
  z-index: 999;
}

.open + .popup {
  display: flex;
}

.ricoh-theta-spherical-image {
  width: 600px;
  height: 375px;
}
.ricoh-theta-spherical-image iframe {
  width: 100%;
  height: 100%;
}

.ricoh-theta-iframe {
  margin: 0 auto !important;
}

#zoomin {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

body {
  font-family: "Meiryo", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic UI", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #231815;
  background: white;
}

p,
dt,
dd,
li,
a {
  font-family: "Meiryo", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic UI", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0.15em;
}

picture {
  display: block;
}

.container {
  max-width: 1000px;
  width: 96%;
  margin: 0 auto;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .container {
    margin-top: 2rem;
    width: 94%;
  }
}

.subtitle {
  font-family: "Meiryo", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic UI", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  letter-spacing: 0.45em;
  font-size: 16px;
  text-align: center;
  margin: 0 0 18px;
}
@media screen and (max-width: 768px) {
  .subtitle {
    font-size: 1.3rem;
    margin: 0 0 8px;
    letter-spacing: 0.2em;
  }
}

header h3.subtitle {
  text-align: center;
}

.description {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 30px 0 28px;
}
@media screen and (max-width: 768px) {
  .description {
    margin: 15px 0 20px;
    font-size: 1.5rem;
    line-height: 1.85;
    text-align: justify;
  }
}

.enjoy .description,
.about .description {
  width: 96%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .enjoy .description,
  .about .description {
    width: 94%;
  }
}

.people .description {
  margin-bottom: 72px;
}

.sns {
  position: absolute;
  display: flex;
  align-items: center;
}
.sns ul {
  display: flex;
}
.sns li {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #231815;
  border-radius: 6px;
  width: 24px;
  height: 24px;
}
.sns li span {
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sns_twitter span {
  background-image: url("/assets/common/twitter.svg");
  background-size: 17px auto !important;
}
.sns_insta span {
  background-image: url("/assets/common/insta.svg");
}
.sns_fb span {
  background-image: url("/assets/common/fb.svg");
}

.blackText > * {
  color: #231815;
}

.col {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.col picture {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 2.5s ease;
  min-height: auto;
  box-sizing: border-box;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.col .caption {
  width: 100%;
  z-index: 3;
  text-align: center;
}

.col_1_img {
  position: relative;
  margin-top: 133px;
}
@media screen and (max-width: 768px) {
  .col_1_img {
    margin-top: 60px;
  }
}
.col_1_img .img_title {
  color: white;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 42%;
  line-height: 1;
  text-align: center;
  filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 4px);
}
.col_1_img .blackText {
  filter: none;
}
.col_1_img h3 {
  font-size: 2.86rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 10.5px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .col_1_img h3 {
    font-size: 2.2rem;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
  }
}
.col_1_img p {
  font-size: 1.5rem;
  letter-spacing: 6px;
  margin: 0;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .col_1_img p {
    font-size: 1.3rem;
  }
}
.col_1 picture {
  margin-bottom: 40px;
  width: 100%;
  height: 262px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .col_1 picture {
    height: 155px;
    margin-bottom: 25px;
  }
}

.fishing picture {
  background-image: url(/assets/enjoy/sea/01.jpg);
}
.fishing picture.sp {
  background-image: url(/assets/enjoy/sea/01_sp.jpg);
}

.sub_info {
  position: relative;
  width: 677px;
  margin: 0 auto;
  border-bottom: 2px solid #231815;
  border-top: 2px solid #231815;
  padding: 11px 0 10px;
}
@media screen and (max-width: 768px) {
  .sub_info {
    width: 100%;
    padding-bottom: 45px;
  }
}
.sub_info h4 {
  font-size: 2rem;
  letter-spacing: 2px;
  line-height: 1.5;
  margin: 0 0 9px;
}
@media screen and (max-width: 768px) {
  .sub_info h4 {
    font-size: 1.75rem;
  }
}
.sub_info p {
  font-size: 1.55rem;
  letter-spacing: 0;
  line-height: 1.8;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .sub_info p {
    font-size: 1.45rem;
  }
}
.sub_info a {
  color: #231815;
  font-weight: bold;
  position: absolute;
  bottom: 11px;
  right: 0;
  font-size: 2.35rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .sub_info a {
    bottom: 12px;
    left: 5vw;
    right: auto;
    font-size: 2.2rem;
  }
}
.sub_info a::before {
  width: 14px;
  height: 17px;
  display: block;
  position: absolute;
  content: url("/assets/enjoy/tel.svg");
  left: -19px;
}
.sub_info a span {
  font-size: 1.3rem;
  font-weight: normal;
  letter-spacing: 0.5px;
  margin-left: -8px;
}
@media screen and (max-width: 768px) {
  .sub_info a span {
    font-size: 1.15rem;
  }
}

.other_info {
  padding: 12px 0 40px;
}

.snorkeling picture.pc {
  background-image: url(/assets/enjoy/sea/02.jpg);
}
.snorkeling picture.sp {
  background-image: url(/assets/enjoy/sea/02_sp.jpg);
}
.snorkeling_info {
  position: relative;
  width: 677px;
  margin: 0 auto;
  border-bottom: 1px solid #231815;
  border-top: 1px solid #231815;
  padding: 20px 0 17px;
}
@media screen and (max-width: 768px) {
  .snorkeling_info {
    width: 100%;
    padding-bottom: 45px;
  }
}
.snorkeling_info h4 {
  font-size: 2rem;
  letter-spacing: 2px;
  margin: 0 0 11px;
}
@media screen and (max-width: 768px) {
  .snorkeling_info h4 {
    font-size: 1.75rem;
  }
}
.snorkeling_info p {
  font-size: 1.55rem;
  letter-spacing: 0;
  line-height: 1.8;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .snorkeling_info p {
    font-size: 1.45rem;
  }
}
.snorkeling_info a {
  color: #231815;
  font-weight: bold;
  position: absolute;
  bottom: 18px;
  right: 0;
  font-size: 2.35rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .snorkeling_info a {
    bottom: 12px;
    left: 5vw;
    right: auto;
    font-size: 2.2rem;
  }
}
.snorkeling_info a::before {
  width: 14px;
  height: 17px;
  display: block;
  position: absolute;
  content: url("/assets/enjoy/tel.svg");
  left: -19px;
}
.snorkeling_info a span {
  font-size: 1.3rem;
  font-weight: normal;
  letter-spacing: 0.5px;
  margin-left: -8px;
}
@media screen and (max-width: 768px) {
  .snorkeling_info a span {
    font-size: 1.15rem;
  }
}

.scuba picture.pc {
  background-image: url(/assets/enjoy/sea/03.jpg);
}
.scuba picture.sp {
  background-image: url(/assets/enjoy/sea/03_sp.jpg);
}

.bathing picture.pc {
  background-image: url(/assets/enjoy/sea/04.jpg);
}
.bathing picture.sp {
  background-image: url(/assets/enjoy/sea/04_sp.jpg);
}

.trekking picture {
  background-image: url(/assets/enjoy/mountain/01.jpg);
}

.starry picture {
  background-image: url(/assets/enjoy/star/01.jpg);
}

.bon picture {
  background-image: url(/assets/enjoy/event/01.jpg);
}

.autumn picture {
  background-image: url(/assets/enjoy/event/02.jpg);
}

.adventure picture {
  background-image: url(/assets/enjoy/event/03.jpg);
}

.cycling picture {
  background-image: url(/assets/enjoy/other/01.jpg);
}

.local picture {
  background-image: url(/assets/enjoy/gurume/01.jpg);
}

.seasonal picture {
  background-image: url(/assets/enjoy/gurume/02.jpg);
}

.ryokan picture {
  background-image: url(/assets/stay/01.jpg);
}

.center picture {
  background-image: url(/assets/stay/02.jpg);
}

.minpaku picture {
  background-image: url(/assets/stay/03.jpg);
}

.col_2 > div {
  position: relative;
  width: calc((100% - 4px) / 2);
  margin: 0 4px 4px 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .col_2 > div {
    width: 100%;
    margin: 0 0 4px 0;
  }
}
.col_2 > div .holder {
  padding-top: 42.5%;
}
.col_2 > div:nth-child(2n+2) {
  margin-right: 0;
}
.col_2 .caption {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.col_2 h3 {
  font-size: 2.75rem;
  font-weight: bold;
  font-family: "Montserrat", "Meiryo", sans-serif;
  margin: 0.55em 0 0;
}
@media screen and (max-width: 768px) {
  .col_2 h3 {
    font-size: 1.95rem;
    margin: 10px 0 0;
  }
}
.col_2 p {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .col_2 p {
    font-size: 1.35rem;
  }
}

.enjoy .col_2,
.about .col_2 {
  max-width: 96%;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .enjoy .col_2,
  .about .col_2 {
    width: 100%;
  }
}
.enjoy .col_2 h3,
.about .col_2 h3 {
  text-transform: uppercase;
  margin: 0 0 12px;
}
@media screen and (max-width: 768px) {
  .enjoy .col_2 h3,
  .about .col_2 h3 {
    font-size: 3.1rem;
    margin-bottom: 8px;
  }
}

.col_3 {
  margin: 0;
}
.col_3 > div {
  position: relative;
  width: calc((100% - 120px) / 3);
  margin: 0 60px 60px 0;
}
@media screen and (max-width: 768px) {
  .col_3 > div {
    width: 100%;
    margin: 0 0 15px 0;
    border-bottom: 1px dotted #231815;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  .col_3 > div:last-child {
    border-bottom: 0;
  }
}
.col_3 .holder {
  position: relative;
  padding-top: 82.876%;
}
@media screen and (max-width: 768px) {
  .col_3 .holder {
    padding-top: 40%;
    width: 40%;
  }
}
.col_3 > div:nth-child(3n) {
  margin-right: 0;
}
.col_3 h3 {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 2.2px;
  line-height: 1.6;
  margin-top: 22px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .col_3 h3 {
    font-size: 1.4rem;
    margin-top: 15px;
  }
}
.col_3 a {
  color: #231815;
}
@media screen and (max-width: 768px) {
  .col_3 a {
    display: flex;
    justify-content: space-between;
  }
}
.col_3 p {
  margin: 10px 0 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .col_3 p {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .col_3 .caption {
    width: 56%;
  }
}

.col_3c {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .col_3c {
    width: 94%;
  }
}
.col_3c > div:nth-child(2) {
  margin: 0 30px;
}
@media screen and (max-width: 768px) {
  .col_3c > div:nth-child(2) {
    margin: 0 8px;
  }
}
@media screen and (max-width: 768px) {
  .col_3c > div {
    width: 30.065%;
    padding-top: 30.065%;
  }
}

.enjoy .col_3c {
  flex-wrap: nowrap;
  margin: 88px auto 142px;
}
@media screen and (max-width: 768px) {
  .enjoy .col_3c {
    margin: 26px auto 46px;
  }
}

.about .col_3c {
  margin: 88px auto;
}
@media screen and (max-width: 768px) {
  .about .col_3c {
    margin: 26px auto 46px;
  }
}

.c01,
.c02,
.c03 {
  border-radius: 50%;
  width: 25%;
  min-height: auto;
  padding-top: 25%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.enjoy .c01 {
  background-image: url(/assets/enjoy/c01.jpg);
}
.enjoy .c02 {
  background-image: url(/assets/enjoy/c02.jpg);
}
.enjoy .c03 {
  background-image: url(/assets/enjoy/c03.jpg);
}

.about .c01 {
  background-image: url(/assets/about/c01.jpg);
}
.about .c02 {
  background-image: url(/assets/about/c02.jpg);
}
.about .c03 {
  background-image: url(/assets/about/c03.jpg);
}
.about .pj {
  margin-top: 40px;
}
.about .pj .description {
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .about .pj .description {
    margin-bottom: 40px;
  }
}
.about .sdgs {
  margin-bottom: 18rem;
}
@media screen and (max-width: 768px) {
  .about .sdgs {
    margin-bottom: 6rem;
  }
}
.about .sdgs .rightBlog {
  margin-left: auto;
  width: 64%;
}
@media screen and (max-width: 768px) {
  .about .sdgs .rightBlog {
    width: 100%;
  }
}
.about .sdgs img {
  width: 100%;
}
.about .sdgs .ttl_main {
  margin-top: 4.5rem;
}
.about .sdgs .text_para {
  margin-bottom: 0;
}

.pj_catch {
  margin: 50px 0 30px;
  font-size: 3.3rem;
  font-family: "Montserrat", "Meiryo", sans-serif;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 2.4px;
}
@media screen and (max-width: 768px) {
  .pj_catch {
    font-size: 2.2rem;
    margin-top: 30px;
  }
}
.pj .col_3c {
  margin: 40px auto 114px;
}
@media screen and (max-width: 768px) {
  .pj .col_3c {
    width: 100%;
    margin: 10px auto 55px;
  }
}
@media screen and (max-width: 768px) {
  .pj .col_3c > div {
    width: 31.5%;
    padding-top: 31.5%;
  }
}
.pj .col_3c_pj1 .c01 {
  background-image: url(/assets/pj/c01.jpg);
}
.pj .col_3c_pj1 .c02 {
  background-image: url(/assets/pj/c02.jpg);
}
.pj .col_3c_pj1 .c03 {
  background-image: url(/assets/pj/c03.jpg);
}
.pj .col_3c_pj2 .c01 {
  background-image: url(/assets/pj/c01_2.jpg);
}
.pj .col_3c_pj2 .c02 {
  background-image: url(/assets/pj/c02_2.jpg);
}
.pj .col_3c_pj2 .c03 {
  background-image: url(/assets/pj/c03_2.jpg);
}

.col_4 > div {
  position: relative;
  width: 25%;
  height: 290px;
  margin-bottom: 0;
  overflow: hidden;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .col_4 > div {
    width: 50%;
    height: auto;
    border-right: 2px solid white;
  }
}
.col_4 > div .holder {
  position: relative;
  padding-top: 117.89%;
}
@media screen and (max-width: 768px) {
  .col_4 > div .holder {
    padding-top: 100%;
  }
}
.col_4 > div:nth-child(4n+4) {
  border-right: 0;
}
@media screen and (max-width: 768px) {
  .col_4 > div:nth-child(4n+4) {
    border-right: 4px solid white;
  }
}
.col_4 > div:nth-child(4n+4) picture {
  padding-top: 116.006%;
}
@media screen and (max-width: 768px) {
  .col_4 > div:nth-child(4n+4) picture {
    padding-top: 100%;
  }
}
.col_4 > div:nth-child(n+5) {
  border-bottom: 0;
}
@media screen and (max-width: 768px) {
  .col_4 > div:nth-child(n+5) {
    border-bottom: 4px solid white;
  }
}
@media screen and (max-width: 768px) {
  .col_4 > div:nth-child(2n+2) {
    border-right: 0;
    border-left: 2px solid white;
  }
}
.col_4 .caption {
  color: white;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 20px;
}
@media screen and (max-width: 768px) {
  .col_4 .caption {
    bottom: auto;
    bottom: 0;
  }
}
.col_4 .caption p {
  color: white;
}
.col_4 .caption > p:last-child {
  font-size: 3.4rem;
  font-weight: bold;
  font-family: "Montserrat", "Meiryo", sans-serif;
  line-height: 1;
  letter-spacing: 2px;
  margin: 24px 0 0;
}
@media screen and (max-width: 768px) {
  .col_4 .caption > p:last-child {
    font-size: 2.4rem;
    margin: 10px 0 10px;
  }
}
.col_4 .caption h3 {
  color: white;
  font-size: 1.4rem;
  line-height: 1;
  margin: 6px 0 0;
  font-family: "Montserrat", "Meiryo", sans-serif;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .col_4 .caption h3 {
    font-size: 1.15rem;
    margin: 4px 0 0;
    letter-spacing: -0.1px;
  }
}

.header {
  padding: 32px 0 40px;
  background: white;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .header {
    width: 100vw;
    padding: 24px 0;
  }
}
.header > div {
  position: relative;
  width: 80vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .header > div {
    width: 100vw;
  }
}
.header .sns {
  top: 0;
  right: 4vw;
  transition: all 0.3s ease;
}
.header .sns li {
  margin-right: 9px;
}
.header .sns li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .header .sns {
    display: none;
  }
}
.header .language {
  display: none;
  padding-left: 22px;
  font-size: 15px;
}
.header .language a {
  color: #231815;
}
.header .language a:hover {
  opacity: 0.5;
}
.header .vi p {
  color: #231815;
  line-height: 1;
  margin: 18px 0 0;
  text-align: center;
  font-size: 1.3rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .header .vi p {
    font-size: 1rem;
    margin-top: 2px;
  }
}
.header .vi .subtitle {
  margin-bottom: 22px;
}
@media screen and (max-width: 768px) {
  .header .vi .subtitle {
    font-size: 1.2rem;
    margin: 6px 0 3px;
  }
}

.headerPoint .header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  padding: 15px 0;
  z-index: 10;
  box-shadow: 0 1px 4px rgba(187, 187, 187, 0.3137254902);
}
@media screen and (max-width: 768px) {
  .headerPoint .header {
    padding: 0;
  }
}
.headerPoint .header > div {
  position: relative;
  width: 80%;
}
@media screen and (max-width: 768px) {
  .headerPoint .header > div {
    width: 100%;
  }
}
.headerPoint .header .vi {
  transform: scale(0.8);
}
.headerPoint .header .vi h3,
.headerPoint .header .vi p {
  display: none;
}
.headerPoint .header .menu,
.headerPoint .header .sns {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.headerPoint .header .menu {
  left: 0;
}
@media screen and (max-width: 768px) {
  .headerPoint .header .menu {
    left: 4vw;
  }
}
.headerPoint > main {
  margin-top: 174px;
}
@media screen and (max-width: 768px) {
  .headerPoint > main {
    margin-top: 118px;
  }
}
.headerPoint .main_noFirstView {
  margin-top: 275px;
}
@media screen and (max-width: 768px) {
  .headerPoint .main_noFirstView {
    margin-top: 178px;
  }
}

.logo {
  background-image: url("/assets/common/logo.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 356px;
  height: 78px;
}
@media screen and (max-width: 768px) {
  .logo {
    transform: scale(0.7);
  }
}

.logo_w {
  background-image: url("/assets/common/logo_w.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 355px;
  height: 97px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 4vh;
}
@media screen and (max-width: 768px) {
  .logo_w {
    width: 280px;
    height: 74px;
  }
}

.close {
  width: 23px;
  height: 23px;
  margin: 70px auto 0;
  background-image: url(/assets/common/menu_close.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 999;
}
@media screen and (max-width: 768px) {
  .close {
    width: 28px;
    height: 28px;
    margin: 20px auto 30px;
  }
}

.menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .menu {
    left: 4vw;
  }
}
.menu_circle {
  width: 80px;
  height: 80px;
  display: block;
  content: "";
  background: #231815;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  transition: all 6s ease;
}
.menu span {
  position: relative;
  width: 40px;
  height: 4px;
  background: #231815;
  display: block;
  margin-bottom: 6px;
  transition: all 0.35s ease;
}
@media screen and (max-width: 768px) {
  .menu span {
    width: 30px;
    margin-bottom: 4px;
  }
}
.menu > span:last-child {
  margin-bottom: 0;
}
.menu_active {
  position: fixed;
  top: 32px;
  left: 10vw;
}
@media screen and (max-width: 768px) {
  .menu_active {
    left: 4vw;
    top: 24px;
  }
}
.menu_active::after {
  opacity: 1;
}
.menu_active > span:nth-child(1) {
  transform: translateY(20px);
}
.menu_active > span {
  opacity: 0;
}
.menu_active + .circle {
  top: -1525px;
  left: -1525px;
  width: 4000px;
  height: 4000px;
}

.circle {
  top: 12px;
  left: 20px;
  width: 0;
  height: 0;
  background: #231815;
  display: block;
  position: absolute;
  border-radius: 50%;
  transition: all 0.8s ease-out;
  z-index: 20;
}

@keyframes fading_menu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: auto;
  animation: fading_menu 0.8s ease forwards;
}
.overlay nav {
  width: 100%;
  padding-top: 24vh;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .overlay nav {
    padding-top: 135px;
  }
}
.overlay > div {
  position: relative;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .overlay > div {
    padding-bottom: 60px;
  }
}
.overlay_item {
  margin: 0 0 38px 0;
  text-align: center;
}
.overlay_item a {
  color: white;
  font-size: 3em;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .overlay_item a {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .overlay_item {
    margin-bottom: 22px;
  }
}
.overlay_sub {
  display: none;
  width: 100%;
  margin: 35px auto 42px;
}
@media screen and (max-width: 768px) {
  .overlay_sub {
    margin: 20px auto;
  }
}
.overlay_sub_item {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .overlay_sub_item {
    margin-bottom: 18px;
  }
}
.overlay_sub_item a {
  transition: all 0.15s ease;
  cursor: pointer;
}
.overlay_sub_item:hover a {
  color: white;
}
.overlay_language {
  display: none;
  text-align: center;
  color: #fff;
  font-size: 3em;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .overlay_language {
    font-size: 1.25rem;
  }
}
.overlay_language a {
  color: #fff;
}
.overlay_sns {
  display: flex;
  justify-content: center;
  gap: 0 20px;
  margin-top: 50px;
}
.overlay_sns img {
  width: 30px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .overlay_sns {
    margin: 30px 0;
  }
}

.sub_holder {
  cursor: pointer;
}
.sub_holder a {
  position: relative;
}

.plus {
  position: absolute;
  top: -3px;
  right: -55px;
  width: 26px;
  height: 26px;
  background-image: url(/assets/common/plus.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .plus {
    width: 16px;
    height: 16px;
    right: -35px;
  }
}

.lang a {
  font-size: 1rem;
  color: #231815;
  display: inline-block;
  margin-right: 0.4em;
}
.lang a:last-child {
  margin: 0 0 0 0.2em;
}

.footer {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 64px 0 44px;
}
@media screen and (max-width: 768px) {
  .footer {
    padding: 30px 0;
  }
}
.footer nav {
  width: 752px;
  margin: 0 auto 50px;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .footer nav {
    width: 100%;
    border-bottom: 0;
    margin-bottom: 60px;
  }
}
.footer nav ul {
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .footer nav ul {
    flex-wrap: wrap;
    width: 88vw;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
.footer nav li {
  margin: 0 2em;
}
.footer nav li a {
  font-size: 1.45rem;
  font-weight: normal;
  letter-spacing: 0.05em;
  color: #231815;
}
@media screen and (max-width: 768px) {
  .footer nav li a {
    font-size: 1.05rem;
  }
}
.footer_logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer_logo > div {
  width: 185px;
  height: 38px;
  background-image: url("/assets/common/footer_logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.footer_up {
  position: absolute;
  left: 4vw;
  bottom: 45px;
  width: 11px;
  height: 101px;
  background-image: url("/assets/common/footer_up.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .footer_up {
    background-image: url("/assets/common/footer_up_sp.svg");
    left: auto;
    right: 4vw;
    bottom: 45px;
    width: 25px;
    height: 25px;
  }
}
.footer .sns {
  right: 4vw;
  bottom: 45px;
}
@media screen and (max-width: 768px) {
  .footer .sns {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 100px;
    display: flex;
    justify-content: center;
  }
}
.footer .sns ul {
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .footer .sns ul {
    flex-direction: row;
  }
}
.footer .sns li {
  margin-bottom: 9px;
}
@media screen and (max-width: 768px) {
  .footer .sns li {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 768px) {
  .footer .sns li {
    margin: 0 24px 0 0;
  }
}
.footer .sns li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .footer .sns li:last-child {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .footer .sns span {
    width: 24px;
    height: 24px;
  }
}

.whole h2 {
  font-family: "Montserrat", "Meiryo", sans-serif;
  font-size: 4.4rem;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.075em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .whole h2 {
    font-size: 2.5rem;
    letter-spacing: 0.045em;
  }
}

.cali {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.secttl, .secttl_middle, .secttl_large {
  font-family: "Montserrat", "Meiryo", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .secttl, .secttl_middle, .secttl_large {
    letter-spacing: 0.045em;
  }
}
.secttl_large {
  font-size: 4.4rem;
}
@media screen and (max-width: 768px) {
  .secttl_large {
    font-size: 2.5rem;
  }
}
.secttl_middle {
  font-size: 3.5rem;
}
@media screen and (max-width: 768px) {
  .secttl_middle {
    font-size: 2.2rem;
  }
}

.ib {
  display: inline-block;
}

.hero {
  position: relative;
}
.hero > div {
  height: calc(100vh - 177px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .hero > div {
    height: calc(100vh - 117.5px);
  }
}
.hero_copy_main {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hero_copy_sub {
  margin: 0;
  color: white;
  top: calc(10vh + 37.3px + 22px);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  font-size: 1.6rem;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .hero_copy_sub {
    display: none;
  }
}
.hero_copy_para {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  bottom: 6vh;
  text-align: center;
  color: white;
  line-height: 2;
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.hero_copy_enjoy {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
}
.hero_copy_enjoy h1 {
  font-size: 5.28rem;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 0.75;
}
@media screen and (max-width: 768px) {
  .hero_copy_enjoy h1 {
    font-size: 3.8rem;
    letter-spacing: 3px;
  }
}
.hero_copy_enjoy h1 span {
  font-size: 2.2rem;
  letter-spacing: 5px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .hero_copy_enjoy h1 span {
    font-size: 1.7rem;
    letter-spacing: 3px;
  }
}
.hero_copy_enjoy h1.-shadow {
  text-shadow: rgb(15, 15, 15) 1px 0 10px;
}
.hero_copy_enjoy h1.-white {
  color: #fff;
}
.hero_text {
  width: 100%;
  padding: 0 10px;
  color: white;
  font-size: 4.02rem;
  line-height: 1.4;
  margin: 0;
  letter-spacing: 0.75px;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .hero_text {
    font-size: 2.4rem;
    text-align: center;
    line-height: 1.7;
  }
}
.hero_text.-shadow {
  text-shadow: rgb(15, 15, 15) 1px 0 10px;
}
.hero_text.-white {
  color: #fff !important;
}

.top .header {
  background: none;
  position: relative;
  z-index: 10;
}
.top .menu span {
  background: #fff;
}
.top main {
  margin-top: -72px;
  position: relative;
  z-index: 1;
}
.top.headerPoint .menu span {
  background: #231815;
}
.top .vi {
  display: none;
}
.top.headerPoint .header {
  position: fixed;
  display: block;
  background: #fff;
}
.top.headerPoint .vi {
  display: block;
}
.top.headerPoint main {
  margin-top: 0;
}
.top .hero {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
  opacity: 0;
  animation: heroFadein 1s 0.4s forwards;
}
@media (hover: hover) {
  .top .hero {
    height: 100vh !important;
  }
}
@keyframes heroFadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.top .hero video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.top .hero_logo {
  width: 80%;
  max-width: 540px;
}

.people .hero > div {
  height: calc(100vh - 177px - 152px);
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/people/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .people .hero > div {
    background-image: url("/assets/people/hero@2x.jpg");
  }
}
@media screen and (max-width: 768px) {
  .people .hero > div {
    height: calc(169.45vw - 177px - 35px);
  }
}
.people .hero_copy_main {
  bottom: 8vh;
  width: 737.6px;
  height: 37.3px;
  background-image: url("/assets/people/hero_copy_main.svg");
}
@media screen and (max-width: 768px) {
  .people .hero_copy_main {
    width: 262px;
    height: 63px;
    bottom: 60px;
    background-image: url("/assets/people/hero_copy_main_sp.svg");
  }
}
.people .hero_text {
  bottom: 7vh;
  white-space: nowrap;
}

.peopleDetail .hero > div {
  justify-content: flex-start;
  padding: 0 7%;
}
@media screen and (max-width: 768px) {
  .peopleDetail .hero > div {
    background-position: 78% center;
  }
}
@media screen and (max-width: 768px) {
  .peopleDetail .hero_copy_main {
    width: 268px;
    height: 63px;
  }
}
.peopleDetail .hero_text {
  width: auto;
  text-align: center;
  white-space: normal;
  bottom: 7vh;
}

.details .hero > div {
  height: calc(100vh - 177px - 152px);
}
@media screen and (max-width: 768px) {
  .details .hero > div {
    height: calc(169.45vw - 177px - 35px);
  }
}
.details .hero_copy_main {
  bottom: 13vh;
  width: 737.6px;
  height: 37.3px;
  background-image: url("/assets/people/hero_copy_main.svg");
}
@media screen and (max-width: 768px) {
  .details .hero_copy_main {
    width: 215px;
    height: 63px;
    bottom: 60px;
    background-image: url("/assets/people/hero_copy_main_sp.svg");
  }
}

.blog .hero > div,
.news .hero > div {
  height: calc(100vh - 177px - 152px);
}
@media screen and (max-width: 768px) {
  .blog .hero > div,
  .news .hero > div {
    height: calc(169.45vw - 177px - 35px);
  }
}
.blog .hero_copy_main,
.news .hero_copy_main {
  bottom: 13vh;
  width: 737.6px;
  height: 37.3px;
  background-image: url("/assets/people/hero_copy_main.svg");
}
@media screen and (max-width: 768px) {
  .blog .hero_copy_main,
  .news .hero_copy_main {
    width: 262px;
    height: 63px;
    bottom: 60px;
    background-image: url("/assets/people/hero_copy_main_sp.svg");
  }
}

.blog .hero > div {
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/blog/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .blog .hero > div {
    background-image: url("/assets/blog/hero@2x.jpg");
  }
}

.news .hero > div {
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/news/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .news .hero > div {
    background-image: url("/assets/news/hero@2x.jpg");
  }
}

.blogDetail .hero_text,
.newsDetail .hero_text {
  white-space: nowrap;
  bottom: 13vh;
}

.enjoy .hero > div {
  height: calc(100vh - 177px - 152px);
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/enjoy/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .enjoy .hero > div {
    background-image: url("/assets/enjoy/hero@2x.jpg");
  }
}
@media screen and (max-width: 768px) {
  .enjoy .hero > div {
    height: calc(169.45vw - 177px - 35px);
  }
}
.enjoy .hero_copy_main {
  top: 13vh;
  width: 737.6px;
  height: 37.3px;
  background-image: url("/assets/enjoy/hero_copy_main.svg");
}
@media screen and (max-width: 768px) {
  .enjoy .hero_copy_main {
    width: 187px;
    height: 63px;
    bottom: 60px;
    background-image: url("/assets/enjoy/hero_copy_main_sp.svg");
  }
}

.enjoyDetail .hero > div {
  height: calc(100vh - 177px - 152px);
}
@media screen and (max-width: 768px) {
  .enjoyDetail .hero > div {
    height: calc(169.45vw - 177px - 35px);
    background-position: 78% center;
  }
}

.sea .hero > div {
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/enjoy/sea/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .sea .hero > div {
    background-image: url("/assets/enjoy/sea/hero@2x.jpg");
  }
}
@media screen and (max-width: 768px) {
  .sea .hero > div {
    background-position: 51% center;
  }
}

.mountain .hero > div {
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/enjoy/mountain/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .mountain .hero > div {
    background-image: url("/assets/enjoy/mountain/hero@2x.jpg");
  }
}

.star .hero > div {
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/enjoy/star/hero.jpg");
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .star .hero > div {
    background-image: url("/assets/enjoy/star/hero@2x.jpg");
  }
}
@media screen and (max-width: 768px) {
  .star .hero > div {
    background-position: 70% bottom;
  }
}

.event .hero > div {
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/enjoy/event/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .event .hero > div {
    background-image: url("/assets/enjoy/event/hero@2x.jpg");
  }
}

.other .hero > div {
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/enjoy/other/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .other .hero > div {
    background-image: url("/assets/enjoy/other/hero@2x.jpg");
  }
}

.stay .hero > div {
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/stay/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .stay .hero > div {
    background-image: url("/assets/stay/hero@2x.jpg");
  }
}
.stay .hero_copy_main {
  bottom: 8vh;
  width: 737.6px;
  height: 37.3px;
  background-image: url("/assets/stay/hero_copy_main.svg");
}
@media screen and (max-width: 768px) {
  .stay .hero_copy_main {
    width: 262px;
    height: 63px;
    bottom: 60px;
    background-image: url("/assets/stay/hero_copy_main_sp.svg");
  }
}
.stay .hero_text {
  bottom: 7vh;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .other .hero > div {
    background-position: 64%;
  }
}

.gurume .hero > div {
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/enjoy/gurume/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .gurume .hero > div {
    background-image: url("/assets/enjoy/gurume/hero@2x.jpg");
  }
}

.about .hero > div {
  height: calc(100vh - 177px - 152px);
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/about/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .about .hero > div {
    background-image: url("/assets/about/hero@2x.jpg");
  }
}
@media screen and (max-width: 768px) {
  .about .hero > div {
    width: 100%;
    min-height: auto;
    padding-top: 0;
    box-sizing: border-box;
    background-image: url("/assets/about/hero_sp.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(169.45vw - 177px - 35px);
    background-position: 26.5% bottom;
  }
}
@media only screen and (max-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min-resolution: 192dpi) {
  .about .hero > div {
    background-image: url("/assets/about/hero_sp@2x.jpg");
  }
}

.virtual .hero > div {
  height: calc(100vh - 177px - 152px);
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/virtual/top/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .virtual .hero > div {
    background-image: url("/assets/virtual/top/hero@2x.jpg");
  }
}
@media screen and (max-width: 768px) {
  .virtual .hero > div {
    width: 100%;
    min-height: auto;
    padding-top: 0;
    box-sizing: border-box;
    background-image: url("/assets/virtual/top/hero_sp.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(169.45vw - 177px - 35px);
    background-position: 26.5% bottom;
  }
}
@media only screen and (max-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min-resolution: 192dpi) {
  .virtual .hero > div {
    background-image: url("/assets/virtual/top/hero_sp@2x.jpg");
  }
}

.pj .hero > div {
  height: calc(100vh - 177px - 152px);
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/pj/hero.jpg");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .pj .hero > div {
    background-image: url("/assets/pj/hero@2x.jpg");
  }
}
@media screen and (max-width: 768px) {
  .pj .hero > div {
    width: 100%;
    min-height: auto;
    padding-top: 0;
    box-sizing: border-box;
    background-image: url("/assets/pj/hero_sp.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(169.45vw - 177px - 35px);
  }
}
@media only screen and (max-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min-resolution: 192dpi) {
  .pj .hero > div {
    background-image: url("/assets/pj/hero_sp@2x.jpg");
  }
}
.pj .hero_text {
  top: 48%;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .pj .hero_text {
    top: 5vh;
    white-space: nowrap;
  }
}

.access .hero > div {
  height: calc(100vh - 177px - 152px);
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/access/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .access .hero > div {
    background-image: url("/assets/access/hero@2x.jpg");
  }
}
@media screen and (max-width: 768px) {
  .access .hero > div {
    width: 100%;
    min-height: auto;
    padding-top: 0;
    box-sizing: border-box;
    background-image: url("/assets/access/hero_sp.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(169.45vw - 177px - 35px);
  }
}
@media only screen and (max-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min-resolution: 192dpi) {
  .access .hero > div {
    background-image: url("/assets/access/hero_sp@2x.jpg");
  }
}
.access .hero_text {
  top: 48%;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .access .hero_text {
    top: 5vh;
    white-space: nowrap;
  }
}

.staff .hero > div {
  height: calc(100vh - 177px - 152px);
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/staff/hero.jpg");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .staff .hero > div {
    background-image: url("/assets/staff/hero@2x.jpg");
  }
}
.staff .hero_text {
  color: unset;
}

.island .hero > div {
  height: calc(100vh - 177px - 152px);
}
@media screen and (max-width: 768px) {
  .island .hero > div {
    height: calc(169.45vw - 177px - 35px);
  }
}
.island .hero_text {
  top: 35%;
  width: 100%;
  padding: 0 10px;
  text-align: center;
  box-sizing: border-box;
}

.research .hero > div {
  height: calc(100vh - 177px - 152px);
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/research/top/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .research .hero > div {
    background-image: url("/assets/research/top/hero@2x.jpg");
  }
}
@media screen and (max-width: 768px) {
  .research .hero > div {
    width: 100%;
    min-height: auto;
    padding-top: 0;
    box-sizing: border-box;
    background-image: url("/assets/research/top/hero_sp.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(169.45vw - 177px - 35px);
    background-position: 26.5% bottom;
  }
}
@media only screen and (max-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min-resolution: 192dpi) {
  .research .hero > div {
    background-image: url("/assets/research/top/hero_sp@2x.jpg");
  }
}

.searchStay .hero > div {
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/research/stay/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .searchStay .hero > div {
    background-image: url("/assets/research/stay/hero@2x.jpg");
  }
}

.staff .hero > div {
  height: calc(100vh - 177px - 152px);
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/staff/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .staff .hero > div {
    background-image: url("/assets/staff/hero@2x.jpg");
  }
}
@media screen and (max-width: 768px) {
  .staff .hero > div {
    width: 100%;
    min-height: auto;
    padding-top: 0;
    box-sizing: border-box;
    background-image: url("/assets/staff/hero_sp.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(169.45vw - 177px - 35px);
    background-position: 26.5% bottom;
  }
}
@media only screen and (max-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min-resolution: 192dpi) {
  .staff .hero > div {
    background-image: url("/assets/staff/hero_sp@2x.jpg");
  }
}
.staff .hero_text {
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  text-align: center;
  white-space: nowrap;
}

.stay h2.cali_title {
  font-family: "Montserrat", "Meiryo", sans-serif;
  font-size: 4.4rem;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.075em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .stay h2.cali_title {
    font-size: 2.5rem;
    letter-spacing: 0.045em;
  }
}

.logoTtl::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  transform: translateY(-4px);
}
@media screen and (max-width: 768px) {
  .logoTtl::before {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 5px;
  }
}
.about .logoTtl::before {
  background-image: url(/assets/about/logo_about.svg);
}
.research .logoTtl::before {
  background-image: url(/assets/research/logo_research.svg);
}
.enjoy .logoTtl::before {
  background-image: url(/assets/enjoy/logo_enjoy.svg);
}
.virtual .logoTtl::before {
  background-image: url(/assets/virtual/logo_virtual.svg);
}
.virtualDetail .logoTtl::before {
  background-image: url(/assets/virtual/logo_virtual.svg);
}
.news .logoTtl::before {
  background-image: url(/assets/news/logo_news.svg);
}
.people .logoTtl::before {
  background-image: url(/assets/people/logo_bito.svg);
}
.staff .logoTtl::before {
  background-image: url(/assets/staff/logo_staff.svg);
}
.contact .logoTtl::before {
  background-image: url(/assets/contact/logo_contact.svg);
}

.corona {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .corona {
    padding: 68px 0 30px;
  }
}
.corona * {
  box-sizing: border-box;
}
.corona.show {
  display: flex;
}
.corona_overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.corona_container {
  width: 88%;
  height: auto;
  max-width: 840px;
  max-height: 88%;
  padding-top: 50px;
  background: #bae3f9;
  font-size: 1.7rem;
  text-align: center;
  z-index: 10;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .corona_container {
    max-height: 100%;
    padding-top: 36px;
    font-size: 1.5rem;
  }
}
.corona_container::-webkit-scrollbar {
  display: none;
}
.corona p {
  margin: 0;
  padding: 0 30px;
  line-height: 1.9;
}
@media screen and (max-width: 768px) {
  .corona p {
    padding: 0 20px;
  }
}
.corona p.corona_ttl {
  margin-bottom: 35px;
  font-size: 2.7rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .corona p.corona_ttl {
    margin-bottom: 20px;
    font-size: 2.1rem;
    line-height: 1.42;
  }
}
.corona_logo {
  padding: 35px 30px 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .corona_logo {
    padding: 17px 20px 20px;
  }
}
.corona_logo img {
  width: 100%;
  max-width: 227px;
  border: 0;
}
@media screen and (max-width: 768px) {
  .corona_logo img {
    width: 168px;
  }
}
.corona_imgBox {
  padding: 20px 30px 25px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .corona_imgBox {
    padding: 20px 20px 25px;
  }
}
.corona_imgBox img {
  width: 100%;
  max-width: 658px;
  border: 0;
}
.corona_close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  margin: 40px auto 0;
  padding: 0;
  background: none;
  border: none;
  color: inherit;
  font-size: 100%;
  font-family: inherit;
  outline: none;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .corona_close {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .corona_close img {
    width: 28px;
  }
}

.top_bnr {
  margin-top: 68px;
}
@media screen and (max-width: 768px) {
  .top_bnr {
    margin-top: 40px;
  }
}
.top_bnrsliderWrap {
  overflow: hidden;
}
.top_bnrslider {
  margin: 36px auto 0;
  max-width: 1700px;
}
@media screen and (max-width: 768px) {
  .top_bnrslider {
    margin-top: 22px;
  }
}
.top_bnrslider_cont {
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .top_bnrslider_cont {
    padding: 0 4px;
  }
}
.top_bnrslider img {
  width: 100%;
  height: auto;
}
.top_bnrslider .slick-list {
  overflow: visible;
}
.top_bnrslider .bnrslider_prev, .top_bnrslider .bnrslider_next {
  width: 30px;
  height: 30px;
  padding: 0;
  background-color: #fff;
  background-position: center;
  background-size: 12px auto;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 15px);
  z-index: 2;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .top_bnrslider .bnrslider_prev, .top_bnrslider .bnrslider_next {
    width: 20px;
    height: 20px;
    background-size: 8px auto;
    top: calc(50% - 10px);
  }
}
.top_bnrslider .bnrslider_prev {
  background-image: url(/assets/top/prev.svg);
  left: calc(20% + 28px);
}
@media screen and (max-width: 768px) {
  .top_bnrslider .bnrslider_prev {
    left: calc(6% + 10px);
  }
}
.top_bnrslider .bnrslider_next {
  background-image: url(/assets/top/next.svg);
  right: calc(20% + 28px);
}
@media screen and (max-width: 768px) {
  .top_bnrslider .bnrslider_next {
    right: calc(6% + 10px);
  }
}

.txt_about {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0 0 90px 0;
}
@media screen and (max-width: 768px) {
  .txt_about {
    font-size: 1.5rem;
    line-height: 1.85;
    text-align: justify;
  }
}

.top_information {
  max-width: 800px;
  margin: 105px auto 0;
}
@media screen and (max-width: 768px) {
  .top_information {
    margin-top: 68px;
  }
}
.top_information .informationList {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .top_information .informationList li:nth-child(n+2) {
    display: none;
  }
}
.top_information .btn_more {
  display: block;
  margin: 36px auto 0;
}

.top_about > div {
  margin: 100px auto 40px;
  padding: 100px 0 118px;
  background: url(/assets/top/map.svg) center/565px auto no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .top_about > div {
    margin: 60px auto 100px;
    padding: 11% 0 0;
    background-size: contain;
  }
}
.top_about .btn_more {
  margin: 0 auto;
}

.top_news {
  margin-top: 120px;
  margin-bottom: 115px;
}
@media screen and (max-width: 768px) {
  .top_news {
    margin-top: 80px;
    margin-bottom: 90px;
  }
}
.top_news .news_list {
  margin-bottom: 0;
}
.top_news .btn_more {
  display: block;
  margin: 0 auto;
  margin-top: 3rem;
}

.top_enjoy {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .top_enjoy {
    margin-top: 80px;
  }
}
.top_enjoy > div {
  max-width: 1000px;
  margin: 0 auto 115px;
}
@media screen and (max-width: 768px) {
  .top_enjoy > div {
    width: 100%;
    margin: 0 auto 90px;
  }
}
@media screen and (max-width: 768px) {
  .top_enjoy .description {
    width: 90vw;
    margin: 14px auto 20px;
  }
}

.top_bito .btn_more {
  display: block;
  margin: 100px auto 0;
  border-color: #fff;
}
.top_bito .btn_more a {
  color: #fff;
}
.top_bito .btn_more a:hover {
  background: #fff;
  color: #231815;
}

.news_list {
  margin: 45px auto 115px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .news_list {
    margin: 30px auto 90px;
  }
}
.news_list .holder {
  background: #000;
}
.news_list > div {
  height: auto;
  opacity: 1;
  transition: opacity 1s, height 1s;
}
.news_list > div.hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  padding: 0;
  margin-bottom: 0;
  transition: 0s;
}
.news_list .col_3 h3 {
  margin-top: 11px;
}

.more_button {
  margin-top: -100px;
}

.cali_omoi {
  display: inline-block;
  width: 91px;
  height: 30px;
  margin-left: 2px;
  background-image: url("/assets/common/omoi.svg");
}
@media screen and (max-width: 768px) {
  .cali_omoi {
    width: 54.5px;
    height: 18px;
  }
}

.cali_bito {
  display: inline-block;
  width: 108px;
  height: 34px;
  margin-left: 2px;
  background-image: url("/assets/common/bito.svg");
}
@media screen and (max-width: 768px) {
  .cali_bito {
    width: 59.5px;
    height: 18px;
  }
}

.cali_bito_w {
  display: inline-block;
  width: 108px;
  height: 34px;
  margin-left: 2px;
  background-image: url("/assets/common/bito_w.svg");
}
@media screen and (max-width: 768px) {
  .cali_bito_w {
    width: 59.5px;
    height: 18px;
  }
}

.cali_blog {
  display: inline-block;
  margin-bottom: -16px;
  width: 110px;
  height: 50px;
  margin-left: 2px;
  background-image: url("/assets/common/blog.svg");
}
@media screen and (max-width: 768px) {
  .cali_blog {
    width: 61px;
    height: 29px;
    margin-bottom: -9px;
  }
}

.cali_enjoy {
  display: inline-block;
  margin-bottom: -14px;
  width: 121px;
  height: 44px;
  margin-left: 2px;
  background-image: url("/assets/common/enjoy.svg");
}
@media screen and (max-width: 768px) {
  .cali_enjoy {
    width: 71px;
    height: 26px;
    margin-bottom: -9px;
  }
}

.cali_searchStay,
.cali_stay {
  display: inline-block;
  margin-bottom: -14px;
  width: 96px;
  height: 45px;
  margin-left: 2px;
  background-image: url("/assets/common/stay.svg");
  background-size: 100% auto;
}
@media screen and (max-width: 768px) {
  .cali_searchStay,
  .cali_stay {
    width: 60px;
    height: 28px;
    margin-bottom: -9px;
  }
}

.cali_virtual {
  display: inline-block;
  margin-bottom: -2px;
  width: 168px;
  height: 35px;
  margin-left: 2px;
  background-image: url("/assets/common/virtual.svg");
}
@media screen and (max-width: 768px) {
  .cali_virtual {
    width: 60px;
    height: 28px;
    margin-bottom: -9px;
  }
}

.cali_trip {
  display: inline-block;
  margin-bottom: -6px;
  width: 105px;
  height: 37px;
  margin-left: 2px;
  background-image: url("/assets/common/trip.svg");
}
@media screen and (max-width: 768px) {
  .cali_trip {
    width: 72px;
    height: 25px;
    margin-bottom: -8px;
  }
}

.cali_news {
  display: inline-block;
  width: 89px;
  height: 35px;
  margin-left: 2px;
  background-image: url("/assets/common/news.svg");
}
@media screen and (max-width: 768px) {
  .cali_news {
    width: 66px;
    height: 24px;
  }
}

.cali_blog {
  display: inline-block;
  width: 14rem;
  height: 4.5rem;
  background-image: url("/assets/common/blog.svg");
}
@media screen and (min-width: 769px) {
  .cali_blog {
    margin-left: -1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .cali_blog {
    width: 6.05438rem;
    height: 2.67042rem;
  }
}

.slider {
  background: #231815;
  padding: 0 0 100px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .slider {
    padding: 0 0 calc(52px + 2vw) 0;
    margin-top: 26px;
  }
}
.slider_filter {
  position: absolute;
  width: 100%;
  min-height: auto;
  padding-top: 235%;
  top: 0;
  left: 0;
  display: block;
  background: rgba(0, 0, 0, 0.68);
  opacity: 0;
  transition: all 0.35s ease;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .slider_filter {
    padding-top: 248%;
  }
}
.slider_inner {
  position: relative;
  display: flex;
  width: 100%;
}
.slider_inner picture {
  width: 100%;
  transition: all 0.2s ease;
  z-index: -1;
  overflow: hidden;
}
.slider_inner .caption {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slider_inner .caption p {
  font-size: 1.85rem;
  line-height: 1;
  font-weight: bold;
  margin: 0;
  color: white;
  position: relative;
  padding-bottom: 10px;
  transition: all 0.2s ease;
  opacity: 0;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .slider_inner .caption p {
    width: 100%;
    font-size: 1.2rem;
  }
}
.slider_inner .caption_line {
  width: 0;
  height: 1px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 0;
  background: white;
  transition: all 0.35s ease;
}
.slider_num {
  position: relative;
  font-family: "Montserrat", "Meiryo", sans-serif;
  font-size: 4.5vw;
  letter-spacing: 0.15em;
  color: white;
  font-weight: bold;
  z-index: 2;
  text-align: center;
  width: 100%;
  display: inline-block;
  margin-top: -32px;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .slider_num {
    font-size: 2.5rem;
  }
}
.slider_item {
  width: 230px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .slider_item {
    width: 30%;
  }
}
.slider_item picture {
  width: 100%;
  min-height: auto;
  padding-top: 235%;
  box-sizing: border-box;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .slider_item picture {
    padding-top: 248%;
  }
}
.slider_item:hover .slider_filter {
  opacity: 1;
}
.slider_item:hover .caption p {
  opacity: 1;
}
.slider_item:hover .caption_line {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .slider_desc {
    display: none;
  }
}

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  top: 46%;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #231815;
  z-index: 2;
}
.arrow > div {
  position: relative;
  background: #231815;
}
.arrow span {
  position: absolute;
  margin-top: 4px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 9px 6px 0;
  border-color: transparent white transparent transparent;
}
.arrow_r span {
  transform: rotate(180deg);
  left: 7px;
}
.arrow_l span {
  right: 7px;
}

.arrow_l {
  left: 4vw;
}

.arrow_r {
  right: 4vw;
}

.slick-dots {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  position: absolute;
  top: 105%;
  left: 50%;
  transform: translate(-50%);
  bottom: -38px;
}
/* @media screen and (min-width: 769px) {
  .slick-dots {
  }
} */
@media screen and (max-width: 768px) {
  .slick-dots {
    width: 90%;
    bottom: -28px;
  }
}
.slick-dots button {
  font-size: 0;
  padding: 0;
  width: 9px;
  height: 9px;
  background: #727171;
  border-radius: 50%;
  /* margin-right: 8px; */
}
.slick-dots .slick-active button {
  background: white;
}

.people main {
  background: #231815;
}
@media screen and (max-width: 768px) {
  .people .container {
    width: 100vw;
  }
}
@media screen and (max-width: 768px) {
  .people .description {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
  }
}

.people_list {
  padding-bottom: 86px;
}
@media screen and (max-width: 768px) {
  .people_list {
    padding-bottom: 0;
  }
}
.people_list > div {
  margin: 54px auto 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .people_list > div {
    margin: 30px auto 0;
  }
}
.people_list > div h2,
.people_list > div .subtitle,
.people_list > div .description {
  color: white;
}
.people_list > div .subtitle {
  letter-spacing: 2px;
}
.people_list a {
  display: block;
}
.people_list a > div {
  background: rgba(0, 0, 0, 0);
}
.people_list .col_4 > div {
  box-sizing: content-box;
  width: calc((100% - 12px) / 4);
  height: auto;
}
@media screen and (max-width: 768px) {
  .people_list .col_4 > div {
    width: 50%;
    box-sizing: border-box;
  }
}

.blog .hero_copy_main,
.news .hero_copy_main {
  top: 18vh;
}

.news_list > div {
  margin: 0 auto;
  padding-top: 54px;
}
@media screen and (max-width: 768px) {
  .news_list > div {
    padding-top: 30px;
  }
}

.linkPosition {
  position: absolute;
  display: block;
  top: -100px;
}
@media screen and (max-width: 768px) {
  .linkPosition {
    top: -75px;
  }
}

p.tagDate {
  margin: 0;
  position: absolute;
  top: 5px;
  left: 0;
}
@media screen and (max-width: 768px) {
  p.tagDate {
    top: 0;
  }
}
p.tagDate + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
@media screen and (max-width: 768px) {
  p.tagDate + * {
    margin-top: auto;
    padding-top: auto;
  }
}
p.tagDate:last-child {
  font-size: 2.1rem;
  line-height: 1;
  margin-top: 10px;
}
p.tagDate .tag {
  font-size: 15px;
  min-width: 135px;
}
@media screen and (max-width: 768px) {
  p.tagDate .tag {
    font-size: 10px;
  }
}
p.tagDate .tag:nth-of-type(2) {
  margin-top: 14px;
}
@media screen and (max-width: 768px) {
  p.tagDate .tag:nth-of-type(2) {
    margin-top: 2px;
  }
}
p.tagDate .date {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  p.tagDate .date {
    font-size: 12px;
    margin-top: 4px;
  }
}

div.num_large {
  position: absolute;
  top: -60px;
  right: 0;
  padding-bottom: 2px;
  border-bottom: 12px solid white;
}
div.num_large > p {
  font-size: 10.5rem;
  color: white;
  line-height: 1;
  font-family: "Montserrat", "Meiryo", sans-serif;
  margin: 0;
  text-align: center;
  letter-spacing: 6px;
}
@media screen and (max-width: 768px) {
  div.num_large {
    top: -20px;
    border-bottom: 6px solid white;
  }
  div.num_large > p {
    font-size: 4.2rem;
  }
}

.peopleDetail h2,
.peopleDetail p,
.peopleDetail .btn_back a {
  color: white;
}
.peopleDetail .btn_back::after,
.peopleDetail .btn_back::before {
  background: white;
}
@media screen and (max-width: 768px) {
  .peopleDetail ._l {
    margin-bottom: 70px;
  }
}
.peopleDetail ._l h3 {
  margin-top: 4px;
}

@media screen and (max-width: 768px) {
  .blogDetail section.rightBlog,
  .newsDetail section.rightBlog {
    padding-top: 93px;
  }
}
@media screen and (max-width: 768px) {
  .blogDetail h2,
  .blogDetail h3,
  .newsDetail h2,
  .newsDetail h3 {
    text-align: left;
  }
}

.profile {
  color: white;
  padding: 156px 0 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .profile {
    padding: 48px 0 0;
  }
}
.profile h1 {
  font-size: 2.56rem;
  letter-spacing: 5.5px;
  margin: 16px 0;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .profile h1 {
    font-size: 2.3rem;
    letter-spacing: 4px;
    margin: 12px 0 8px;
  }
}
.profile h3 {
  font-size: 1.47rem;
  line-height: 1;
  letter-spacing: 1.8px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .profile h3 {
    font-size: 1.2rem;
  }
}
.profile h4 {
  font-size: 1.34rem;
  line-height: 1;
  letter-spacing: 0.6px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .profile h4 {
    font-size: 1.1rem;
  }
}
.profile ._r {
  width: 64%;
}
@media screen and (max-width: 768px) {
  .profile ._r {
    width: 100%;
  }
}
.profile > div {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .profile > div {
    flex-direction: column;
  }
}
.profile .pinfo {
  font-weight: 700;
  padding-top: 2px;
}
.profile .pinfo p {
  margin-top: 0;
}
.profile .pinfo_place {
  font-size: 2rem;
  letter-spacing: 0.15em;
  margin-bottom: 10px;
}
.profile .pinfo_place span {
  font-size: 1.5rem;
}
.profile .pinfo_place span::before {
  content: "／";
  margin: 0 2px;
}
.profile .pinfo_company {
  font-size: 1.47rem;
  letter-spacing: 0.15em;
  margin-bottom: 12px;
}
.profile .pinfo_name {
  font-size: 2.56rem;
  letter-spacing: 0.15em;
  margin-top: 0;
}
.profile .pinfo_kana {
  font-size: 1.344rem;
  letter-spacing: 0.01em;
}

section.rightBlog {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 0 55px;
}
@media screen and (max-width: 768px) {
  section.rightBlog {
    padding: 0 0 35px;
  }
}
section.rightBlog > *:not(button):not(figure):not(.ifr):not(.col) {
  width: 64%;
}
@media screen and (max-width: 768px) {
  section.rightBlog > *:not(button):not(figure):not(.ifr):not(.col) {
    width: 100%;
  }
}

.enjoy .blackText > *,
.sea .blackText > * {
  color: #231815;
}
@media screen and (max-width: 768px) {
  .enjoy .blackText > *,
  .sea .blackText > * {
    color: white;
  }
}

@media screen and (max-width: 768px) {
  .enjoy .a05 .blackText > *,
  .virtual .blackText > * {
    color: #231815;
  }
}

.virtual .blackText > * {
  color: #231815;
}
@media screen and (max-width: 768px) {
  .virtual .blackText > * {
    color: #231815;
  }
}

.enjoyDetail h2 {
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  .enjoyDetail h2 {
    font-size: 2.1rem;
    line-height: 1.55;
  }
}

.circle_list {
  margin: 62px 0 54px;
}
@media screen and (max-width: 768px) {
  .circle_list {
    margin: 42.55px 0 10px;
  }
}
.circle_list > div {
  margin: 0 auto;
}

#_check {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 0;
  width: 1298px;
  height: 4422px;
  background-image: url(/assets/_check/1.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 999;
  opacity: 0;
}

p.align {
  text-align: justify;
}

.noblog,
.nonews {
  width: 100%;
  margin: 120px 0;
}
.noblog p,
.nonews p {
  text-align: center;
  font-size: 1.4rem;
  font-weight: normal;
  color: grey;
}

.contact section {
  margin: 100px auto 32px;
}
@media screen and (max-width: 768px) {
  .contact section {
    margin: 38px auto 20px;
  }
}
.contact .thx {
  margin: 100px auto;
}
.contact .thx a {
  display: block;
  margin: 50px auto 0;
  font-size: 1.4rem;
  color: #231815;
  padding-bottom: 5px;
  border-bottom: 1px solid #231815;
  width: 98px;
}

.mailform {
  width: 100%;
}
.mailform table {
  width: 100%;
  max-width: 1000px;
  display: block;
  margin: 70px auto 56px;
}
@media screen and (max-width: 768px) {
  .mailform table {
    margin: 36px auto 40px;
  }
}
.mailform tbody {
  display: block;
  max-width: 1000px;
}
.mailform tr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 40px;
}
.mailform td {
  width: 100%;
  display: block;
  font-size: 1.5rem;
  letter-spacing: 1px;
  line-height: 1.7;
}
.mailform tr:last-child {
  margin-bottom: 0;
}
.mailform td,
.mailform input {
  width: 100%;
}
.mailform th {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 1px;
  margin: 0 0 8px 0;
}
@media screen and (max-width: 768px) {
  .mailform th {
    font-size: 1.4rem;
  }
}
.mailform input,
.mailform textarea {
  width: 100%;
  font-size: 1.5rem;
  border: 1px solid #c9caca;
  box-sizing: border-box;
}
.mailform input {
  height: 48px;
  padding: 4px 10px;
}
@media screen and (max-width: 768px) {
  .mailform input {
    height: 42px;
  }
}
.mailform textarea {
  height: 240px;
  padding: 10px;
  line-height: 1.75;
}
.mailform .btn_holder {
  display: flex;
}
.mailform .btn_holder button {
  width: 45%;
}
.mailform .btn_longGrey {
  width: 60%;
}

.required th {
  position: relative;
}
.required th::after {
  position: absolute;
  top: 0;
  right: -50px;
  content: "必須";
  color: #e4007f;
}

.about .img_large {
  margin-top: 0;
}
.about .img_mid {
  margin-top: 45px;
}

.pj h2 {
  font-size: 3.5rem;
  line-height: 1.55;
}
@media screen and (max-width: 768px) {
  .pj h2 {
    font-size: 2rem;
  }
}
.pj .description {
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .pj .description {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  .pj .rightBlog h2.ttl_main {
    text-align: left;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .pj .text_para {
    margin-top: 2px;
  }
}
.pj .hero + section {
  margin: 55px auto 0;
}
@media screen and (max-width: 768px) {
  .pj .hero + section {
    margin-top: 35px;
  }
}
.pj .ifr {
  width: 100%;
  position: relative;
  padding-top: 56.2%;
}
.pj .ifr::after {
  position: absolute;
  content: attr(data-ttl);
  left: 0;
  bottom: -27px;
  font-size: 1.6rem;
  color: #231815;
}
@media screen and (max-width: 768px) {
  .pj .ifr::after {
    font-size: 1.25rem;
    bottom: -22px;
  }
}
.pj .ifr::before {
  content: "movie";
  font-size: 2.45rem;
  position: absolute;
  top: -32px;
  left: 0;
  text-transform: uppercase;
  color: #231815;
  font-weight: bold;
  font-family: "Montserrat", "Meiryo", sans-serif;
  letter-spacing: 1.7px;
}
@media screen and (max-width: 768px) {
  .pj .ifr::before {
    font-size: 1.5rem;
    letter-spacing: 0.5px;
    top: -21px;
  }
}
.pj .ifr iframe {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.pj iframe {
  width: 100%;
}
.pj .ifr_01 {
  margin-bottom: 95px;
}
@media screen and (max-width: 768px) {
  .pj .ifr_01 {
    margin-bottom: 60px;
  }
}
.pj .ifr_01 iframe {
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .pj .ifr_01 iframe {
    padding-bottom: 60px;
  }
}
.pj .svg_pj {
  position: relative;
}
@media screen and (max-width: 768px) {
  .pj .svg_pj {
    margin-bottom: 70px;
  }
}
.pj .svg_pj::after {
  display: block;
  position: absolute;
  bottom: -177px;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .pj .svg_pj::after {
    bottom: -94px;
  }
}
.pj .svg_pj1::after {
  width: 128px;
  height: 130px;
  background-image: url(/assets/pj/svg1.svg);
}
@media screen and (max-width: 768px) {
  .pj .svg_pj1::after {
    width: 68px;
    height: 69px;
  }
}
.pj .svg_pj2::after {
  width: 134px;
  height: 132px;
  background-image: url(/assets/pj/svg2.svg);
}
@media screen and (max-width: 768px) {
  .pj .svg_pj2::after {
    width: 70px;
    height: 69px;
  }
}
.pj hr {
  width: 100% !important;
  margin-bottom: 96px;
  border-style: dotted;
  border-color: #231815;
}
@media screen and (max-width: 768px) {
  .pj hr {
    margin-bottom: 55px;
  }
}

.access .hero + section {
  margin: 55px auto 0;
}
@media screen and (max-width: 768px) {
  .access .hero + section {
    margin: 42.55px auto 0;
  }
}
.access_illust figure {
  position: relative;
}
.access_illust figure > div > div {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.access_illust div {
  margin: 0 auto;
}
.access_illust figcaption {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 2px;
  position: absolute;
  content: "";
  display: block;
  left: 18%;
}
@media screen and (max-width: 768px) {
  .access_illust figcaption {
    font-size: 1.8rem;
    left: 0;
  }
}
.access_illust h3 {
  font-size: 2rem;
  letter-spacing: 3px;
  line-height: 1;
  margin: 0 auto 12px;
}
@media screen and (max-width: 768px) {
  .access_illust h3 {
    font-size: 1.8rem;
  }
}
.access_illust span {
  font-size: 1.1rem;
  letter-spacing: 1px;
  font-weight: normal;
}
.access_illust .map01 {
  margin-top: 110px;
  position: relative;
  padding-top: 64.6%;
}
.access_illust .map01 > div {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 765px;
}
@media screen and (max-width: 768px) {
  .access_illust .map01 > div {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .access_illust .map01 {
    margin-top: 60px;
    padding-top: 85.6%;
  }
}
.access_illust .map01 + figcaption {
  top: 34px;
}
@media screen and (max-width: 768px) {
  .access_illust .map01 + figcaption {
    top: 4px;
  }
}
.access_illust .map02 {
  margin-top: 148px;
  position: relative;
  padding-top: 64%;
}
.access_illust .map02 > div {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 655px;
}
@media screen and (max-width: 768px) {
  .access_illust .map02 > div {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .access_illust .map02 {
    margin-top: 90px;
    padding-top: 98.6%;
  }
}
.access_illust .map02 + figcaption {
  top: -40px;
}
.access_illust .route {
  margin-top: 86px;
  position: relative;
  padding-top: 44%;
}
.access_illust .route > div {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 641px;
}
@media screen and (max-width: 768px) {
  .access_illust .route > div {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .access_illust .route {
    margin-top: 54px;
    padding-top: 69%;
  }
}
.access_illust .diagram {
  position: relative;
  padding-top: 20.7%;
}
.access_illust .diagram > div {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 641px;
}
@media screen and (max-width: 768px) {
  .access_illust .diagram > div {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .access_illust .diagram {
    padding-top: 32.2%;
  }
}
.access_illust .price {
  position: relative;
  padding-top: 54.1%;
}
.access_illust .price > div {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 642px;
}
@media screen and (max-width: 768px) {
  .access_illust .price > div {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .access_illust .price {
    padding-top: 84.2%;
  }
}
.access_illust .diagram_hold {
  margin-top: 130px;
}
@media screen and (max-width: 768px) {
  .access_illust .diagram_hold {
    margin-top: 80px;
  }
}
.access_illust .diagram_hold h3 {
  width: 642px;
}
@media screen and (max-width: 768px) {
  .access_illust .diagram_hold h3 {
    width: 100%;
  }
}
.access_illust .price_hold {
  margin-top: 114px;
}
@media screen and (max-width: 768px) {
  .access_illust .price_hold {
    margin-top: 80px;
  }
}
.access_illust .price_hold h3 {
  width: 642px;
}
@media screen and (max-width: 768px) {
  .access_illust .price_hold h3 {
    width: 100%;
  }
}
.access_illust .price_hold p {
  font-size: 1.1rem;
  letter-spacing: 0.8px;
  width: 642px;
  margin: 6px auto 0;
}
@media screen and (max-width: 768px) {
  .access_illust .price_hold p {
    width: 100%;
    line-height: 1.5;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .access_illust .price_hold p span {
    display: block;
  }
}
.access .address {
  width: 642px;
  margin: 113px auto 50px;
}
@media screen and (max-width: 768px) {
  .access .address {
    max-width: 96%;
    margin: 66px auto 45px;
  }
}
.access .address h3 {
  font-size: 2rem;
  letter-spacing: 3px;
  line-height: 1;
}
.access .address p {
  position: relative;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 1px;
}
.access .address a {
  color: #231815;
  position: absolute;
  top: 0;
  left: 196px;
}
@media screen and (max-width: 768px) {
  .access .address a {
    top: 30px;
    left: 0;
  }
}

.privacy h2 {
  font-size: 3.5rem;
}
@media screen and (max-width: 768px) {
  .privacy h2 {
    font-size: 2.5rem;
  }
}

.privacy section {
  margin: 100px auto 32px;
}
@media screen and (max-width: 768px) {
  .privacy section {
    margin: 38px auto 20px;
  }
}
.privacy_description {
  letter-spacing: 1px;
}
.privacy_text {
  padding-left: 30px;
  display: block;
  margin-top: 80px;
  font-size: 1.5rem;
  text-align: left;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .privacy_text {
    margin-top: 45px;
  }
}
.privacy_text a {
  color: #231815;
}
.privacy_subttl {
  display: block;
  margin: 28px 0 24px;
  font-weight: bold;
  letter-spacing: 0.8px;
}
@media screen and (max-width: 768px) {
  .privacy_subttl {
    margin: 18px 0 15px;
  }
}
.privacy [data-num] {
  position: relative;
  display: block;
}
.privacy [data-num]::before {
  content: attr(data-num);
  position: absolute;
  top: 0;
  left: -22px;
  font-size: 1.5rem;
}
.privacy_text_inner {
  display: block;
  padding-left: 30px;
}
.privacy_text_inner [data-num]::before {
  left: -30px;
}
.privacy .pd [data-num]::before {
  left: -34px;
}
.privacy_end {
  width: 100%;
  display: inline-block;
  text-align: right;
  padding-right: 10px;
  margin-top: 40px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .privacy_end {
    margin-top: 20px;
  }
}

.island img {
  border: 0;
}
.islandInfo {
  display: flex;
  align-items: center;
  margin-top: 68px;
}
@media screen and (max-width: 768px) {
  .islandInfo {
    display: block;
    margin-top: 0;
  }
}
.islandInfo_image {
  width: 50%;
  text-align: center;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .islandInfo_image {
    width: 60%;
    margin: 0 auto 20px;
  }
}
.islandInfo_image img {
  max-width: 100%;
}
.islandInfo_textBox {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .islandInfo_textBox {
    width: 100%;
  }
}
.islandInfo_place {
  font-size: 1.7rem;
  letter-spacing: 0.2em;
  margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
  .islandInfo_place {
    font-size: 1.4rem;
    letter-spacing: 0.1em;
  }
}
.islandInfo_ttl {
  font-size: 5rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .islandInfo_ttl {
    font-size: 3rem;
  }
}
.islandInfo_ttl span {
  font-size: 2rem;
  letter-spacing: 0.1em;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .islandInfo_ttl span {
    font-size: 1.6rem;
  }
}
.islandInfo_ttl span.islandInfo_subarea {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .islandInfo_ttl span.islandInfo_subarea {
    font-size: 1.2rem;
  }
}
.islandInfo_sumally {
  margin-top: 50px;
  font-size: 1.7rem;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 768px) {
  .islandInfo_sumally {
    margin-top: 20px;
    font-size: 1.5rem;
  }
}
.islandInfo_sumally dl {
  display: flex;
}
.islandInfo_sumally dl + dl {
  margin-top: 5px;
}
.islandInfo_sumally dt {
  width: 114px;
  line-height: 1.4;
  letter-spacing: 0;
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .islandInfo_sumally dt {
    width: 100px;
  }
}
.islandInfo_sumally dt::after {
  content: "：";
  margin-left: 2px;
}
@media screen and (max-width: 768px) {
  .islandInfo_sumally dt::after {
    margin-left: 0;
  }
}
.islandInfo_sumally dd {
  flex: 1;
  padding-left: 5px;
  line-height: 1.4;
}
.islandInfo_sumally dd a {
  display: block;
  color: unset;
}
.islandInfo_sumally dd a + a {
  margin-top: 10px;
}
.islandInfo_sumally .url {
  word-break: break-all;
}
.islandPost {
  margin-top: 75px;
}
@media screen and (max-width: 768px) {
  .islandPost {
    margin-top: 50px;
  }
}
.islandPost img {
  width: 100%;
}
.islandPost p {
  margin: 0 0 25px;
}
.islandPost_largeImg {
  width: 100%;
}
.islandPost_largeImg div {
  padding-top: 67.4%;
  position: relative;
}
.islandPost_largeImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.islandPost_container {
  display: flex;
  align-items: flex-start;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .islandPost_container {
    display: block;
    margin-top: 30px;
  }
}
.islandPost_name {
  width: 36%;
  text-align: center;
  margin: 5px 0;
  padding: 5px 20px 0;
  font-family: "Montserrat", "Meiryo", sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .islandPost_name {
    width: 100%;
    padding: 0;
  }
}
.islandPost_name_box {
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: 2px solid #231815;
}
.islandPost_name_main {
  display: inline-block;
  width: auto;
  font-size: 4.7rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .islandPost_name_main {
    font-size: 3rem;
  }
}
.islandPost_name_subarea {
  display: inline-block;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .islandPost_name_subarea {
    font-size: 1.2rem;
  }
}
.islandPost_name_en {
  display: block;
  margin-top: 6px;
  font-size: 2rem;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .islandPost_name_en {
    font-size: 1.4rem;
  }
}
.islandPost_rightBox {
  width: 64%;
  font-size: 1.5rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .islandPost_rightBox {
    width: 100%;
    line-height: 1.8;
  }
}
.islandPost .islandPost_ttl {
  margin-bottom: 25px;
  font-size: 2.9rem;
  line-height: 1.6;
  text-align: left;
  letter-spacing: 2.4px;
}
@media screen and (max-width: 768px) {
  .islandPost .islandPost_ttl {
    margin-bottom: 10px;
    font-size: 2rem;
  }
}
.islandPost .islandPost_mediumImg {
  margin: 70px 0 25px;
}
@media screen and (max-width: 768px) {
  .islandPost .islandPost_mediumImg {
    margin: 50px 0 10px;
  }
}
.island_news {
  margin-top: 120px;
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .island_news {
    margin-top: 70px;
    padding-bottom: 0;
  }
}
.island_news .btn_more {
  display: block;
  background: none;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .island_news .btn_more {
    width: 100%;
  }
}
.island_news .btn_more a:hover {
  color: #231815;
}
@media screen and (max-width: 768px) {
  .island_news .btn_col_2 {
    margin-top: 40px;
  }
}

.staff section {
  margin: 100px auto 32px;
}
@media screen and (max-width: 768px) {
  .staff section {
    margin: 38px auto 20px;
  }
}
.staff .boss {
  width: 643px;
  margin: 86px auto 105px;
}
@media screen and (max-width: 768px) {
  .staff .boss {
    width: 100%;
    margin: 60px auto;
  }
}
.staff .boss picture {
  display: block;
  margin: 0 auto 18px;
  width: 100%;
  height: 430px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .staff .boss picture {
    height: 265px;
    margin-bottom: 22px;
  }
}
.staff .boss > p {
  font-size: 1.3rem;
  line-height: 1.8;
  margin: 18px 0 0;
}
@media screen and (max-width: 768px) {
  .staff .boss > p {
    margin-top: 12px;
    font-size: 1.4rem;
    line-height: 1.75;
    text-align: justify;
  }
}
.staff .boss .pc {
  display: inline;
}
@media screen and (max-width: 768px) {
  .staff .boss .pc {
    display: none;
  }
}
.staff_caption h3 {
  font-size: 1.6rem;
  letter-spacing: 1.8px;
}
@media screen and (max-width: 768px) {
  .staff_caption h3 {
    font-size: 2.1rem;
    letter-spacing: 2.6px;
  }
}
.staff_caption h3 span {
  font-size: 1.28rem;
  font-weight: normal;
  white-space: nowrap;
  font-family: "Montserrat", "Meiryo", sans-serif;
}
@media screen and (max-width: 768px) {
  .staff_caption h3 span {
    font-size: 1.4rem;
    letter-spacing: 1px;
  }
}
.staff_caption p {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 8px 0 0;
  letter-spacing: 1.1px;
}
@media screen and (max-width: 768px) {
  .staff_caption p {
    font-size: 1.35rem;
    line-height: 1.65;
    margin-top: 12px;
  }
}
.staff_caption p.staff_comment {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.92;
}
@media screen and (max-width: 768px) {
  .staff_caption p.staff_comment {
    margin-top: 10px;
  }
}
.staff .col {
  justify-content: space-between;
}
.staff .col_2 picture {
  display: block;
}
.staff .col_2 > div {
  width: calc((100% - 110px) / 2);
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .staff .col_2 > div {
    width: 100%;
    margin-bottom: 58px;
  }
}
.staff .col_2 > div .holder {
  position: relative;
  padding-top: 67.2%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .staff .col_2 > div .holder {
    padding-top: 67.2%;
  }
}
.staff article h3 {
  font-size: 1.6rem;
  letter-spacing: 2.5px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .staff article h3 {
    font-size: 2.1rem;
  }
}
.staff article p {
  margin-top: 20px;
  font-size: 1.3rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .staff article p {
    font-size: 1.35rem;
    line-height: 1.75;
    text-align: justify;
  }
}
.staff article .sign {
  color: black;
  font-weight: bold;
  font-size: 12px;
  display: block;
  margin-top: 20px;
}
.staff_company {
  margin-top: 130px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .staff_company {
    margin-top: 50px;
    padding: 0;
  }
}
.staff_company li {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .staff_company li {
    display: block;
  }
}
.staff_company li + li {
  margin-top: 75px;
}
@media screen and (max-width: 768px) {
  .staff_company li + li {
    margin-top: 50px;
  }
}
.staff_company_logo {
  width: 38%;
  text-align: center;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .staff_company_logo {
    width: 100%;
    padding: 0 0 20px;
  }
}
.staff_company_info {
  width: 62%;
  position: relative;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .staff_company_info {
    width: 100%;
  }
}
.staff_company_info::before {
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  background: #231815;
  position: absolute;
  top: 0;
  left: 112px;
}
@media screen and (max-width: 768px) {
  .staff_company_info::before {
    left: 75px;
  }
}
.staff_company_info dl {
  display: flex;
  font-size: 15px;
}
.staff_company_info dl + dl {
  margin-top: 15px;
}
.staff_company_info dt {
  display: flex;
  justify-content: space-between;
  width: 112px;
  line-height: 1.46;
}
@media screen and (max-width: 768px) {
  .staff_company_info dt {
    width: 70px;
    letter-spacing: -3px;
  }
}
.staff_company_info dd {
  flex: 1;
  padding-left: 25px;
  line-height: 1.46;
}
@media screen and (max-width: 768px) {
  .staff_company_info dd {
    padding-left: 20px;
  }
}
.staff_company_info dd span {
  font-size: 12px;
}

.lets {
  letter-spacing: 0 !important;
}

.nopageerror {
  padding: 20vh 0;
  display: flex;
  justify-content: center;
}
.nopageerror p {
  text-align: center;
  font-size: 1.4rem;
}
.nopageerror p span {
  font-size: 4rem;
  color: grey;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 20px;
}

.homeVideo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}

.scroll_mark {
  display: inline-block;
  position: absolute;
  color: white;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50px;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .scroll_mark {
    bottom: 130px;
  }
}
.scroll_mark p {
  font-size: 18px;
  letter-spacing: 1.5px;
  opacity: 0.85;
}

.scroll_arr {
  position: relative;
}
.scroll_arr::after {
  content: url("/assets/common/scroll_arr.svg");
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 29px;
  height: 17px;
  display: block;
  animation: fadeDownLoop 2s infinite 0s ease-in-out;
}

@media screen and (orientation: landscape) {
  .scroll_mark {
    bottom: 65px;
  }
}
@keyframes fadeDownLoop {
  0% {
    opacity: 0;
    bottom: -22px;
  }
  15% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
    bottom: -32px;
  }
}
#overLayer {
  width: 100%;
  height: 100vh;
  background-color: rgb(0, 0, 0);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  overflow: hidden;
}

.background {
  background-color: black;
  background-size: cover;
  position: relative;
  z-index: -2;
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
}
.background .background-wrap {
  position: relative;
  z-index: -1;
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.background .background-wrap .background-movie {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
}
.background .background-wrap #background-movie-player {
  width: 100%;
}

.virtual .hero + .container {
  margin: 53px auto 0;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .virtual .hero + .container {
    margin: 42.55px auto 0;
  }
}
.virtual h2 {
  font-size: 3.5rem;
}
@media screen and (max-width: 768px) {
  .virtual h2 {
    font-size: 2.2rem;
  }
}
.virtual .view360 {
  margin-top: 105px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .virtual .view360 {
    margin-top: 80px;
  }
}
.virtual .view360_list {
  justify-content: space-between;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .virtual .view360_list {
    width: 100%;
    margin-top: 10px;
  }
}
.virtual .view360_list::before, .virtual .view360_list::after {
  content: "";
}
@media screen and (max-width: 768px) {
  .virtual .view360_list::before, .virtual .view360_list::after {
    display: none;
  }
}
.virtual .view360_list::before {
  order: 1;
}
.virtual .view360_list > div, .virtual .view360_list::before, .virtual .view360_list::after {
  width: calc((100% - 12px) / 4);
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .virtual .view360_list > div, .virtual .view360_list::before, .virtual .view360_list::after {
    width: calc((100% - 4px) / 2);
  }
}
.virtual .view360 .hv {
  padding-top: 114.98%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .virtual .view360 .hv {
    padding-top: 90%;
  }
}
.virtual .caption {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 0 14px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  color: #fff;
}
.virtual .caption p {
  margin-top: 0;
  font-size: 3.1rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .virtual .caption p {
    font-size: 2.4rem;
  }
}
.virtual .caption h3 {
  font-size: 2.8rem;
  margin-top: 9px;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .virtual .caption h3 {
    font-size: 2rem;
  }
}
.virtual .caption h3 span {
  display: block;
  font-size: 1.7rem;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .virtual .caption h3 span {
    font-size: 1.3rem;
    margin-bottom: 2px;
  }
}
.virtual .movie {
  margin-top: 160px;
}
@media screen and (max-width: 768px) {
  .virtual .movie {
    margin-top: 80px;
    padding-bottom: 40px;
  }
}
.virtual .movie li {
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .virtual .movie li {
    padding-bottom: 15px;
  }
}
.virtual .movie li + li {
  padding-top: 95px;
  border-top: 2px dotted #231815;
}
@media screen and (max-width: 768px) {
  .virtual .movie li + li {
    padding-top: 25px;
  }
}
.virtual .movie_cont {
  padding-top: 56.25%;
  position: relative;
}
.virtual .movie_cont iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.virtual .movie_caption {
  margin: 10px 0 0;
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 0.035em;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .virtual .movie_caption {
    font-size: 1.4rem;
    margin-top: 5px;
  }
}

.virtualDetail main *,
.virtualDetail main *::before,
.virtualDetail main *::after {
  box-sizing: border-box;
}
.virtualDetail .virtualDetailHero {
  width: 100%;
  height: calc(100vh - 177px - 152px);
  margin-bottom: 53px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .virtualDetail .virtualDetailHero {
    height: calc(169.45vw - 177px - 35px);
    margin-bottom: 42.55px;
  }
}
.virtualDetail .virtualDetailHero_text {
  width: 100%;
  margin: 0;
  padding: 0 10px;
  color: #fff;
  font-size: 4rem;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 3;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .virtualDetail .virtualDetailHero_text {
    font-size: 2.4rem;
  }
}
.virtualDetail .virtualDetailHero img {
  width: 100%;
  height: 100%;
  border: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.virtualDetail .illust_map {
  margin: 87px auto 140px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .virtualDetail .illust_map {
    margin: 60px auto 90px;
  }
}
.virtualDetail .illust_map img {
  border: 0;
  max-width: 100%;
}
.virtualDetail .caption p {
  font-size: 5rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .virtualDetail .caption p {
    font-size: 3.6rem;
  }
}
.virtualDetail .caption h2 {
  font-size: 2.8rem;
  margin-top: 9px;
}
@media screen and (max-width: 768px) {
  .virtualDetail .caption h2 {
    font-size: 2.3rem;
    margin-top: 4px;
  }
}
@media screen and (max-width: 768px) {
  .virtualDetail .spFull {
    width: 100%;
  }
}

.research main *,
.research main *::before,
.research main *::after {
  box-sizing: border-box;
}
.research_container {
  padding-bottom: 60px;
}
.research .areaMap {
  margin-top: 120px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .research .areaMap {
    margin-top: 48px;
  }
}
.research .areaMap img {
  width: 100%;
  border: 0;
}
.research .areaMap_ttl {
  font-size: 3.3rem;
  position: absolute;
  top: 16%;
  left: 7%;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .research .areaMap_ttl {
    font-size: 2.17rem;
    top: -20px;
    left: 9%;
  }
}
.research .areaMap_ttl span {
  display: block;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #000;
  font-family: "Montserrat", "Meiryo", sans-serif;
  font-size: 2.7rem;
}
@media screen and (max-width: 768px) {
  .research .areaMap_ttl span {
    font-size: 1.78rem;
  }
}
.research .areaMap_cont {
  max-width: 884px;
  margin: 0 auto;
}
.research .areaMap_cont svg {
  width: 100%;
}
.research .areaCont {
  margin-top: 70px;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .research .areaCont {
    margin-top: 68px;
    padding-top: 0;
  }
}
.research .areaCont_ttl {
  display: inline-block;
  padding-bottom: 8px;
  font-size: 3.3rem;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #231815;
}
@media screen and (max-width: 768px) {
  .research .areaCont_ttl {
    display: block;
    padding-bottom: 5px;
    font-size: 1.98rem;
    text-align: center;
  }
}
.research .areaList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .research .areaList {
    display: block;
    margin-top: 14px;
  }
}
.research .areaList::after {
  content: "";
}
.research .areaList::after,
.research .areaList li {
  width: calc((100% - 10px) / 3);
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .research .areaList::after,
  .research .areaList li {
    width: 100%;
    margin-top: 3px;
  }
}
.research .areaList a {
  display: block;
  position: relative;
  padding-top: 68.12%;
}
@media screen and (max-width: 768px) {
  .research .areaList a {
    padding-top: 41.5%;
  }
}
.research .areaList a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: 0.3s;
}
.research .areaList a:hover::before {
  opacity: 1;
}
.research .areaList p {
  width: 100%;
  margin: 0;
  padding: 0 10px;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .research .areaList p {
    font-size: 2.22rem;
  }
}
.research .areaList img {
  width: 100%;
  height: 100%;
  border: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.area main *,
.area main *::before,
.area main *::after {
  box-sizing: border-box;
}
.area_container {
  padding-bottom: 60px;
}
.area .areaHero {
  width: 100%;
  height: calc(100vh - 177px - 152px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .area .areaHero {
    height: calc(169.45vw - 177px - 35px);
  }
}
.area .areaHero_text {
  width: 100%;
  margin: 0;
  padding: 0 10px;
  color: #fff;
  font-size: 4rem;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .area .areaHero_text {
    font-size: 2.4rem;
  }
}
.area .areaHero img {
  width: 100%;
  height: 100%;
  border: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.area .islandList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .area .islandList {
    margin-top: 30px;
  }
}
.area .islandList::before, .area .islandList::after {
  content: "";
  order: 1;
}
@media screen and (max-width: 768px) {
  .area .islandList::before, .area .islandList::after {
    display: none;
  }
}
.area .islandList::before, .area .islandList::after,
.area .islandList li {
  width: calc((100% - 12px) / 4);
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .area .islandList::before, .area .islandList::after,
  .area .islandList li {
    width: calc((100% - 4px) / 2);
    margin-top: 4px;
  }
}
.area .islandList a {
  display: block;
  position: relative;
  padding-top: 100%;
}
.area .islandList a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: 0.3s;
}
.area .islandList a:hover::before {
  opacity: 1;
}
.area .islandList p {
  width: 100%;
  margin: 0;
  padding: 0 10px;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .area .islandList p {
    font-size: 1.92rem;
  }
}
.area .islandList p span {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .area .islandList p span {
    font-size: 1.2rem;
  }
}
.area .islandList img {
  width: 100%;
  height: 100%;
  border: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.area .btn_longGrey {
  max-width: 320px;
  margin-top: 58px;
}
@media screen and (max-width: 768px) {
  .area .btn_longGrey {
    max-width: 100%;
    margin-top: 34px;
  }
}
.area .btn_longGrey a {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .searchStay .searchStayList .b01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .searchStay .searchStayList .b01:last-child {
    border-bottom: 1px dotted #231815;
  }
}
.searchStay .searchStayList .hv {
  background: #c9caca;
}
.searchStay .searchStayList .hv::before {
  display: none;
}
.searchStay .searchStayList .name {
  margin-top: 10px;
  font-size: 2.3rem;
  line-height: 1.6;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .searchStay .searchStayList .name {
    margin-top: 8px;
    font-size: 1.8rem;
  }
}
.searchStay .searchStayList .text {
  font-size: 1.3rem;
  line-height: 1.92;
}
@media screen and (max-width: 768px) {
  .searchStay .searchStayList .text {
    margin-top: 6px;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.searchStay .searchStayList .link a {
  display: block;
  padding: 5px 5px 4px;
  border: 1px solid #000;
  font-size: 1.3rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .searchStay .searchStayList .link a {
    margin-top: 12px;
    font-size: 1.2rem;
    padding-top: 9px;
    padding-bottom: 9px;
  }
}
.searchStay_linkBox {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .searchStay_linkBox {
    margin-top: -12px;
  }
}

.information_hero {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 430px;
  margin-bottom: 70px;
  background: url(/assets/information/mv.svg) center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .information_hero {
    height: 235px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .information_hero img {
    width: 106px;
  }
}
.information .informationList {
  margin-top: 35px;
}
.information .btn_more {
  display: block;
  margin: 30px auto 0;
}

.informationList {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.informationList li {
  height: auto;
  opacity: 1;
  transition: opacity 1s, height 1s;
  border-bottom: 1px solid #000;
}
.informationList li:first-child {
  border-top: 1px solid #000;
}
.informationList li.hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  padding: 0;
  margin-bottom: 0;
  transition: 0s;
}
.informationList a {
  display: flex;
  align-items: flex-start;
  color: inherit;
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .informationList a {
    flex-wrap: wrap;
  }
}
@media (hover: hover) {
  .informationList a {
    transition: opacity 0.3s;
  }
  .informationList a:hover {
    opacity: 0.7;
  }
}
.informationList .tag {
  margin-top: 0;
  max-width: 90px;
  white-space: normal;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .informationList .tag {
    margin-right: 10px;
    max-width: 100%;
  }
}
.informationList .date {
  margin-top: 0;
}
.informationList p {
  flex: 1;
  margin: 0;
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .informationList p {
    flex: none;
    width: 100%;
    padding-left: 0;
    margin-top: 5px;
  }
}

.informationDetail main {
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .informationDetail main {
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .informationDetail .tagDate {
    position: static;
    margin-bottom: 30px;
  }
}

.pagination {
  max-width: 800px;
  margin: 40px auto 0;
}
.pagination ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 25px;
  font-size: 1.6rem;
  padding: 0 35px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .pagination ul {
    gap: 10px 20px;
  }
}
.pagination li {
  line-height: 0;
}
.pagination a,
.pagination span {
  display: block;
  width: 28px;
  color: #231815;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0;
}
.pagination .curpage {
  color: #fff;
  background: #231815;
}
.pagination .firstLink,
.pagination .lastLink {
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pagination .firstLink {
  left: 0;
}
.pagination .lastLink {
  right: 0;
}

.blog.whole {
  overflow-x: hidden;
}
@media screen and (min-width: 769px) {
  .blog.whole h2.logoTtl {
    margin-top: 5.35536rem;
  }
}
@media screen and (max-width: 768px) {
  .blog.whole h2.logoTtl {
    margin-top: 3.36509rem;
  }
}
.blog.whole h2.logoTtl::before {
  display: none;
}

.blog_list {
  margin: unset;
  overflow: hidden;
}
.blog_list * {
  box-sizing: border-box;
}
.blog_list img {
  width: 100%;
}
.blog_list p {
  margin: unset;
}
.blog_list figure {
  margin-block-start: unset;
  margin-block-end: unset;
  margin-inline-start: unset;
  margin-inline-end: unset;
}
.blog_list img[alt=""],
.blog_list img:not([alt]) {
  border: unset;
}
@media screen and (min-width: 769px) {
  .blog_list .blog_commonTitleWrap {
    margin-top: 8.6rem;
    margin-bottom: 7.59938rem;
  }
}
@media screen and (max-width: 768px) {
  .blog_list .blog_commonTitleWrap {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.blog_list .blog_commonTitleWrap .logoTtl::before {
  display: none;
}
.blog_list .blogLinkBtn {
  width: 640px;
  margin-top: 4.6rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .blog_list .blogLinkBtn {
    width: 100%;
    margin-top: 4rem;
  }
}
.blog_list .description {
  margin: 30px 0 28px;
}
@media screen and (max-width: 768px) {
  .blog_list .blogCommon .container {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .blog_list .blog_inner {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.blog_list .blogItemList {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .blog_list .blogItemList {
    margin: -1.71875% -2.0535976563%;
  }
}
@media screen and (max-width: 768px) {
  .blog_list .blogItemList {
    margin: -5.3333333333% -2.8%;
  }
}
.blog_list .blogItemPic {
  position: relative;
}
@media screen and (min-width: 769px) {
  .blog_list .blogItemPic {
    height: 21rem;
  }
}
@media screen and (max-width: 768px) {
  .blog_list .blogItemPic {
    height: 39.2vw;
  }
}
.blog_list .blogItemPic:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.68);
  top: 0;
  left: 0;
  transition: all 0.35s ease;
  opacity: 0;
}
.blog_list .blogItemPic img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog_list .blogItem {
  color: #231815;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .blog_list .blogItem {
    padding: 1.71875% 2.0535976563%;
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .blog_list .blogItem {
    padding: 5.3333333333% 2.8%;
    width: 50%;
  }
}
.blog_list .blogItem:hover .blogItemPic:after {
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .blog_list .blogItemTagWrap {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .blog_list .blogItemTagWrap {
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
  }
}
.blog_list .tag {
  margin: unset;
}
@media screen and (min-width: 769px) {
  .blog_list .tag {
    font-size: 1.004rem;
  }
}
@media screen and (max-width: 768px) {
  .blog_list .tag {
    font-size: 1.2rem;
    display: inline-flex;
    min-width: unset;
    width: unset;
  }
}
@media screen and (min-width: 769px) {
  .blog_list .date {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .blog_list .date {
    font-size: 1.2rem;
    width: 100%;
  }
}
.blog_list .blogItemTitle {
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  .blog_list .blogItemTitle {
    font-size: 1.8rem;
    margin-top: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .blog_list .blogItemTitle {
    font-size: 1.8rem;
    margin-top: 1.3rem;
  }
}

.-blogContainer {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0 !important;
  padding-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .-blogContainer {
    padding-bottom: 5rem;
  }
}
.-blogContainer * {
  box-sizing: border-box;
}
.-blogContainer img {
  width: 100%;
}
.-blogContainer h2 {
  letter-spacing: normal;
  font-size: unset;
}
.-blogContainer p {
  margin: unset;
}
.-blogContainer figure {
  margin-block-start: unset;
  margin-block-end: unset;
  margin-inline-start: unset;
  margin-inline-end: unset;
}
.-blogContainer img[alt=""],
.-blogContainer img:not([alt]) {
  border: unset;
}
.-blogContainer .tag {
  margin: unset;
}
.-blogContainer.-category-sea {
  background-color: #c7e8fa;
}
.-blogContainer.-category-sea .-accentBg {
  background-color: #00a0e9;
}
.-blogContainer.-category-sea .-borderDouble {
  border-color: #00a0e9;
  outline-color: #00a0e9;
}
.-blogContainer.-category-mountain {
  background-color: #d8ecda;
}
.-blogContainer.-category-mountain .-accentBg {
  background-color: #13ae67;
}
.-blogContainer.-category-mountain .-borderDouble {
  border-color: #13ae67;
  outline-color: #13ae67;
}
.-blogContainer.-category-event {
  background-color: #fbe0e1;
}
.-blogContainer.-category-event .-accentBg {
  background-color: #ec6d81;
}
.-blogContainer.-category-event .-borderDouble {
  border-color: #ec6d81;
  outline-color: #ec6d81;
}
.-blogContainer.-category-gourmet {
  background-color: #fcdec1;
}
.-blogContainer.-category-gourmet .-accentBg {
  background-color: #ed6c00;
}
.-blogContainer.-category-gourmet .-borderDouble {
  border-color: #ed6c00;
  outline-color: #ed6c00;
}
.-blogContainer.-category-other {
  background-color: #efefef;
}
.-blogContainer.-category-other .-accentBg {
  background-color: #727171;
}
.-blogContainer.-category-other .-borderDouble {
  border-color: #727171;
  outline-color: #727171;
}
.-blogContainer.-category-star {
  background-color: #fff8cf;
}
.-blogContainer.-category-star .-accentBg {
  background-color: #fabe00;
}
.-blogContainer.-category-star .-borderDouble {
  border-color: #fabe00;
  outline-color: #fabe00;
}
.-blogContainer .btn_back {
  display: block;
}
@media screen and (min-width: 1025px) {
  .-blogContainer .btn_back.-pcItem {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .-blogContainer .btn_back.-pcItem {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .-blogContainer .btn_back.-spItem {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .-blogContainer .btn_back.-spItem {
    display: block;
  }
}
@media screen and (min-width: 1025px) {
  .-blogContainer .-objectFit_pc {
    height: 100%;
  }
  .-blogContainer .-objectFit_pc.-cover img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
  }
}
.-blogContainer .-objectFit.-cover img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.-blogContainer .-txt {
  line-height: 1.61;
}
@media screen and (min-width: 1025px) {
  .-blogContainer .-txt {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .-blogContainer .-txt {
    font-size: 1.5rem;
  }
}
.-blogContainer .-txt.-small {
  letter-spacing: 0.035em;
  line-height: 1.87;
}
@media screen and (min-width: 1025px) {
  .-blogContainer .-txt.-small {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .-blogContainer .-txt.-small {
    font-size: 1.23rem;
  }
}

.blogItem.pager {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .blogItem.pager {
    max-width: 68.3rem;
    margin-top: 8.43468rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.pager {
    margin-top: 4rem;
  }
}
.blogItem.-inner {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (min-width: 1025px) {
  .blogItem.-inner {
    max-width: 104rem;
  }
}
@media screen and (min-width: 1025px) {
  .blogItem.-inner.-main {
    max-width: unset;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-inner.-main {
    padding-left: unset;
    padding-right: unset;
  }
}
.blogItem.-picItem img {
  width: 100%;
}
.blogItem.-main.-itemWrap {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .blogItem.-main.-itemWrap {
    flex-wrap: wrap;
  }
}
.blogItem.-main.-picItem {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .blogItem.-main.-picItem {
    max-width: 50%;
  }
}
.blogItem.-main.-txtItem {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .blogItem.-main.-txtItem {
    max-width: 50%;
    margin-top: 2.834645rem;
    padding-right: 2.2663632813vw;
    padding-left: 4.5327265625vw;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-main.-txtItem {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.blogItem.-main .-ttl_main {
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .blogItem.-main .-ttl_main {
    margin-left: -9.0172234375vw;
    flex-wrap: wrap;
    margin-bottom: 3.36117rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-main .-ttl_main {
    margin-top: 3rem;
    margin-bottom: 2rem;
  }
}
.blogItem.-main .-ttl_main span {
  color: white;
  background-image: linear-gradient(90deg, black, black);
  background-position: left center;
  letter-spacing: 3px;
}
@media screen and (min-width: 1025px) {
  .blogItem.-main .-ttl_main span {
    font-size: 3rem;
    line-height: 2.2;
    padding: 0.8rem 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-main .-ttl_main span {
    font-size: 1.8rem;
    line-height: 1.9;
    padding: 0.3rem 0.8rem;
  }
}
@media screen and (min-width: 1025px) {
  .blogItem.-main .-tagDate {
    margin-bottom: 9.71464rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-main .-tagDate {
    margin-top: 1.07276rem;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 1025px) {
  .blogItem.-main .tag {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-main .tag {
    font-size: 1rem;
  }
}
.blogItem.-main .date {
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  .blogItem.-main .date {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-main .date {
    font-size: 1.2rem;
    margin-top: 0;
    margin-left: 1.5rem;
  }
}
.blogItem.-main .-introPerson.-wrap {
  display: flex;
}
@media screen and (min-width: 1025px) {
  .blogItem.-main .-introPerson.-wrap {
    margin-top: 9rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-main .-introPerson.-wrap {
    margin-top: 4.09896rem;
  }
}
.blogItem.-main .-introPerson.-box {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (max-width: 1024px) {
  .blogItem.-main .-introPerson.-introPersonFigureWrap {
    display: flex;
  }
}
@media screen and (min-width: 1025px) {
  .blogItem.-main .-introPerson.-introPersonItem.-img {
    margin-left: 1.201565rem;
    margin-top: auto;
  }
  .blogItem.-main .-introPerson.-introPersonItem.-box {
    margin-right: 1.201565rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-main .-introPerson.-introPersonFigureItem.-txt {
    flex: 1;
    margin-right: 0.62632rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-main .-introPerson.-introPersonFigureItem.-img {
    margin-left: 0.62632rem;
  }
}
.blogItem.-main .-introPerson.-name {
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .blogItem.-main .-introPerson.-name {
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-main .-introPerson.-name {
    font-size: 1.874rem;
    margin-bottom: 0.5rem;
  }
}
.blogItem.-main .-introPerson.-affiliation {
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .blogItem.-main .-introPerson.-affiliation {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-main .-introPerson.-affiliation {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}
.blogItem.-main .-introPerson.-img {
  width: 100%;
  overflow: hidden;
}
.blogItem.-main .-introPerson.-img img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1025px) {
  .blogItem.-main .-introPerson.-img img {
    width: 18.58062rem;
    height: 18.58062rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-main .-introPerson.-img img {
    width: 12.81232rem;
    height: 12.81232rem;
  }
}
@media screen and (min-width: 1025px) {
  .blogItem.-main .-introPerson.-img {
    max-width: 18.58062rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-main .-introPerson.-img {
    max-width: 12.81232rem;
  }
}
.blogItem.-main .-introPerson img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1025px) {
  .blogItem.-sectionMain {
    margin-bottom: 13.64936rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-sectionMain {
    margin-bottom: 6.52326rem;
  }
}
@media screen and (min-width: 1025px) {
  .blogItem.-sectionColumn {
    margin-top: 11.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-sectionColumn {
    margin-top: 4.2rem;
  }
}
@media screen and (min-width: 1025px) {
  .blogItem.-sectionColumn .columnInner {
    padding: 4rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-sectionColumn .columnInner {
    padding: 2rem;
  }
}
.blogItem.-sectionColumn .-borderDouble {
  border-width: 0.3rem;
  border-style: solid;
  outline-width: 0.1rem;
  outline-style: solid;
  outline-offset: -1rem; /* 対象の要素からの距離、マイナス(内側)にも対応 */
}
.blogItem.-sectionColumn .-accentRelative {
  position: relative;
}
.blogItem.-sectionColumn .-accent {
  position: absolute;
  left: 0;
  letter-spacing: 0.05em;
  display: inline-flex;
  padding: 0.5rem 1rem;
  color: white;
  font-weight: 900;
}
@media screen and (min-width: 1025px) {
  .blogItem.-sectionColumn .-accent {
    font-size: 1.7rem;
    top: 6.59792rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-sectionColumn .-accent {
    font-size: 1.4rem;
    top: 1.50212rem;
  }
}
.blogItem.-sectionColumn .-ttl {
  letter-spacing: 0.1em;
  line-height: 1.421;
}
@media screen and (min-width: 1025px) {
  .blogItem.-sectionColumn .-ttl {
    font-size: 2.6rem;
    padding-left: 9.41309rem;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-sectionColumn .-ttl {
    font-size: 2.042rem;
    margin-bottom: 1.5rem;
  }
}
.blogItem.-sectionColumn .-itemWrap {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .blogItem.-sectionColumn .-itemWrap {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1025px) {
  .blogItem.-sectionColumn .-item.-left {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-right: 1.608425rem;
  }
}
@media screen and (max-width: 1024px) {
  .blogItem.-sectionColumn .-item.-left {
    margin-top: 2.09151rem;
  }
}
.blogItem.-sectionColumn .-item.-right {
  display: flex;
}
@media screen and (min-width: 1025px) {
  .blogItem.-sectionColumn .-item.-right {
    max-width: 35.00982rem;
    margin-left: 1.608425rem;
    max-height: 24.131rem;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
  }
}
.blogItem.-sectionColumn .-item.-right figure,
.blogItem.-sectionColumn .-item.-right img {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .blogItem.-sectionColumn .-item.-right figure {
    height: 35.0098rem;
  }
}

.-pickupItemRerative {
  position: relative;
}

.pickupItemWrapBox {
  height: unset !important;
  position: absolute;
  right: 0;
  display: inline-flex !important;
  align-content: center;
  background-color: black;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .pickupItemWrapBox {
    bottom: -1.41732rem;
  }
}
@media screen and (max-width: 768px) {
  .pickupItemWrapBox {
    bottom: -1.51743rem;
  }
}
.pickupItemWrapBox div {
  color: white;
}
.pickupItemWrapBox .pickupItemWrap {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .pickupItemWrapBox .pickupItemWrap {
    padding: 2rem;
    max-width: 45rem;
    padding-left: 3rem;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .pickupItemWrapBox .pickupItemWrap {
    padding: 1.6rem;
  }
}
@media screen and (min-width: 769px) {
  .pickupItemWrapBox .-pickupItem.-left {
    margin-right: 1.9rem;
  }
}
@media screen and (max-width: 768px) {
  .pickupItemWrapBox .-pickupItem.-left {
    margin-right: 1.5rem;
  }
}
@media screen and (min-width: 769px) {
  .pickupItemWrapBox .-pickupItem.-right {
    margin-left: 1.9rem;
  }
}
@media screen and (max-width: 768px) {
  .pickupItemWrapBox .-pickupItem.-right {
    margin-left: 1.5rem;
  }
}
.pickupItemWrapBox .-dotLine {
  position: relative;
}
.pickupItemWrapBox .-dotLine::after {
  content: "";
  background-image: linear-gradient(to right, white, white 2px, transparent 1px, transparent 0px);
  height: 100%;
  background-size: 5px 1.5px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  transform: rotate(-58deg);
  right: 0;
}
@media screen and (min-width: 769px) {
  .pickupItemWrapBox .-dotLine::after {
    width: 7.60801rem;
    left: -4.8rem;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .pickupItemWrapBox .-dotLine::after {
    width: 5rem;
    left: -2.9rem;
    margin-top: 1rem;
  }
}
.pickupItemWrapBox .-title {
  white-space: nowrap;
  font-weight: 900;
  letter-spacing: 0.05em;
  font-family: "Montserrat", "Meiryo", sans-serif;
  line-height: 0.85;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .pickupItemWrapBox .-title {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .pickupItemWrapBox .-title {
    font-size: 1.9rem;
  }
}
.pickupItemWrapBox .-txtYellowWrap {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .pickupItemWrapBox .-txtYellowWrap {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .pickupItemWrapBox .-txtYellowWrap {
    margin-top: 0.4rem;
  }
}
.pickupItemWrapBox .-yellow {
  color: #fff100;
}
.pickupItemWrapBox .-txt {
  letter-spacing: 0.01em;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .pickupItemWrapBox .-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .pickupItemWrapBox .-txt {
    font-size: 1.3rem;
  }
}
.pickupItemWrapBox .-txt.-ja {
  margin-left: auto;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  .pickupItemWrapBox .-txt.-ja {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .pickupItemWrapBox .-txt.-ja {
    font-size: 1.6rem;
  }
}
.pickupItemWrapBox .-txt.-en {
  font-family: "Montserrat", "Meiryo", sans-serif;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  .pickupItemWrapBox .-txt.-en {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 768px) {
  .pickupItemWrapBox .-txt.-en {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 768px) {
  .blogDetail main .-blogContainer {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 1025px) {
  .blogDetail .-blogContainer {
    margin-left: -2rem;
  }
}

.blogItem * {
  box-sizing: border-box;
}
.blogItem .tsumiki {
  padding: 0;
  width: 100% !important;
  display: flex;
  align-items: unset;
  flex-direction: column;
}
.blogItem .tsumiki .tsumikiItemWrapper {
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiItemWrapper:not(:first-child) {
    margin-top: 12rem;
  }
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiItemWrapper:not(:first-child) {
    margin-top: 5rem;
  }
}
.blogItem .tsumiki .tsumikiTxtImgWrap {
  justify-content: space-between;
  width: 100% !important;
  display: flex;
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap.-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap.-txtRight .tsumikiTxtItem {
    padding-left: 5.70708rem;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap.-txtLeft .tsumikiTxtItem {
    padding-right: 5.70708rem;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap {
    max-width: 50%;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiTxtItem {
    flex: 1;
  }
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiTxtItem {
    margin-top: 1rem;
  }
}
.blogItem .tsumiki .tsumikiTxtImgWrap .title_main {
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .title_main {
    font-size: 2.9rem;
    margin-bottom: 4rem;
    line-height: 1.55;
    letter-spacing: 0.1em;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .title_main {
    margin-bottom: 1rem;
    font-size: 2.042rem;
    line-height: 1.42;
    letter-spacing: 0.025em;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .defaltTsumikiTxt {
    font-size: 1.5rem;
    line-height: 2.2;
    letter-spacing: 0.075em;
  }
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .defaltTsumikiTxt {
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0.035em;
    margin-top: 0.5rem;
  }
}
.blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap {
  display: flex;
  flex-wrap: wrap;
}
.blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap .tsumikiImgItem {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap .tsumikiImgItem {
    height: 32.26041rem;
  }
}
.blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap .tsumikiImgItem img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgFirst {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgFirst.-longImg .tsumikiImgItem {
    height: 65.96083rem;
  }
}
.blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgSecond {
  width: 100%;
}
.blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgSecond.-col {
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgSecond.-col .tsumikiImgItem:nth-child(1) {
    margin-bottom: 0.7rem;
  }
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgSecond.-col .tsumikiImgItem:nth-child(1) {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgSecond.-col .tsumikiImgItem:nth-child(2) {
    margin-top: 0.7rem;
  }
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgSecond.-col .tsumikiImgItem:nth-child(2) {
    margin-top: 0.5rem;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgSecond.-row {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgSecond.-row .tsumikiImgItem:nth-child(1) {
    margin-right: 0.7rem;
  }
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgSecond.-row .tsumikiImgItem:nth-child(1) {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgSecond.-row .tsumikiImgItem:nth-child(2) {
    margin-left: 0.7rem;
  }
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgSecond.-row .tsumikiImgItem:nth-child(2) {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgThird {
    margin: -0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgThird .tsumikiImgItem {
    padding: 0.5rem;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgThird .tsumikiImgItem:nth-child(1) {
    margin-bottom: 1.4rem;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgThird .tsumikiImgItem:nth-child(2) {
    padding-right: 0.7rem;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgThird .tsumikiImgItem:nth-child(3) {
    padding-left: 0.7rem;
  }
}
.blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgThird .tsumikiImgItem:not(:first-child) {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgFourth {
    margin: -0.5rem;
  }
}
.blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgFourth .tsumikiImgItem {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgFourth .tsumikiImgItem {
    padding: 0.5rem;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgFourth .tsumikiImgItem:nth-child(1), .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgFourth .tsumikiImgItem:nth-child(3) {
    padding-right: 0.7rem;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgFourth .tsumikiImgItem:nth-child(2), .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgFourth .tsumikiImgItem:nth-child(4) {
    padding-left: 0.7rem;
  }
}
@media screen and (min-width: 769px) {
  .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgFourth .tsumikiImgItem:nth-child(1), .blogItem .tsumiki .tsumikiTxtImgWrap .tsumikiImgItemWrap.-imgFourth .tsumikiImgItem:nth-child(2) {
    margin-bottom: 1.4rem;
  }
}

@media screen and (min-width: 769px) {
  .blogDetail .-imgFourthWrap,
  .blogDetail .-imgThirdWrap {
    max-width: 50%;
  }
}
@media screen and (min-width: 769px) {
  .blogDetail .-imgFourthWrap .-imgFourth,
  .blogDetail .-imgFourthWrap .-imgThird,
  .blogDetail .-imgThirdWrap .-imgFourth,
  .blogDetail .-imgThirdWrap .-imgThird {
    max-width: 100% !important;
  }
}

.news.whole .col picture {
  transition: unset;
}

.newsDetail .blog_list > div {
  margin: 0 auto;
  padding-top: 54px;
}
.newsDetail .blog_list {
  position: relative;
  margin: 0 0 35px;
}
.newsDetail .container {
  width: 94%;
}
@media screen and (max-width: 768px) {
  .newsDetail .tag {
    margin: 0 4px 4px 0;
  }
}
@media screen and (max-width: 768px) {
  .newsDetail .text_para {
    margin: 18px 0 12px;
  }
}

select {
  margin-bottom: 10px;
}

.blogCommon .selection select {
  text-align: center;
}

select {
  color: black;
}

@media screen and (max-width: 768px) {
  .area .btn_longGrey {
    max-width: 320px !important;
  }
}

.blog .col picture {
  transition: unset;
}

.blog.searchStay .tag {
  margin: 5px 10px 0 0;
}
@media screen and (max-width: 768px) {
  .blog.searchStay .tag {
    margin: 0 4px 4px 0;
  }
}

.activateLink {
  margin-left: 1rem;
}
.activateLink a {
  color: black;
  letter-spacing: 0;
  font-weight: 600;
  padding: 0.3rem 0.5rem;
  font-size: 1.2rem;
  border-radius: 0.45rem;
  border: solid 1px black;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .footer nav ul {
    justify-content: space-between;
  }
}

.header .sns {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .header .sns {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .header .sns {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .header .activateLink {
    margin-left: 0;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .footer .activateLink {
    margin-left: 0;
    margin-top: 2rem;
    padding: 0.35rem 0.5rem;
  }
}
.footer .activateLink a {
  font-size: 1.2rem;
}

.tsumiki {
  padding: 0 0 80px;
  width: 100% !important;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .tsumiki {
    padding-bottom: 20px;
  }
}

.tsumiki > * {
  width: 64%;
}
@media screen and (max-width: 768px) {
  .tsumiki > * {
    width: 100%;
  }
}

.whole h2.ttl_main {
  font-size: 2.9rem;
  line-height: 1.6;
  text-align: left;
  margin: 16px 0 30px;
  letter-spacing: 2.4px;
}
@media screen and (max-width: 768px) {
  .whole h2.ttl_main {
    text-align: center;
    font-size: 2.05rem;
    margin: 30px 0 10px;
  }
}

.whole ._r h2.ttl_main {
  margin-top: 0;
}

.ttl_sub {
  font-size: 2rem;
  line-height: 1.6;
  text-align: left;
  margin: 0 0 20px;
  letter-spacing: 2.4px;
}
@media screen and (max-width: 768px) {
  .ttl_sub {
    text-align: center;
    font-size: 1.7rem;
    margin: 20px 0;
  }
}

.peopleDetail .ttl_sub {
  color: white;
}

.text_para {
  font-size: 1.5rem;
  line-height: 2;
  margin: 0 0 30px;
  letter-spacing: 0.8px;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .text_para {
    margin: 18px 0 12px;
  }
}

.img_large {
  width: 100%;
  height: 674px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 0;
  margin: 100px 0 20px;
}
@media screen and (max-width: 768px) {
  .img_large {
    height: 230px;
    margin: 25px 0 0;
  }
}

.img_mid {
  height: 431px;
  margin: 100px 0 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 0;
}
@media screen and (max-width: 768px) {
  .img_mid {
    height: 230px;
    margin: 20px 0;
  }
}

.separate_line {
  height: 1px;
  background: #231815;
  margin: 10px 0;
}

.peopleDetail .separate_line {
  background: white;
}

.innerProfile {
  font-size: 1.35rem;
  line-height: 1.8;
  position: relative;
  margin: 110px 0 30px;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .innerProfile {
    margin: 85px 0 20px;
  }
}
.innerProfile::before {
  content: "Profile";
  position: absolute;
  top: -48px;
  left: 0;
  padding-right: 14px;
  font-size: 2.25rem;
  font-weight: bold;
  font-family: "Montserrat", "Meiryo", sans-serif;
  background: #231815;
  z-index: 2;
}
.innerProfile::after {
  content: "";
  top: -28px;
  left: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: white;
  z-index: 1;
}

.text_link {
  margin: 30px 0;
}
.text_link p {
  font-size: 1.2rem;
}
.text_link a {
  font-size: 1.35rem;
  font-weight: bold;
  line-height: 2;
  color: #231815;
  border-bottom: 1px solid #231815;
}

.peopleDetail .text_link a {
  color: white;
  border-bottom: 1px solid white;
}

a.discard {
  color: #727171;
  cursor: not-allowed;
}
a.discard span {
  opacity: 0.5;
}

.comment {
  max-width: 643px;
  width: 96%;
  margin: 100px auto 0;
}
.comment header {
  margin: 0 0 35px;
}
.comment header form > div:last-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}
.comment header form > div:last-child button {
  padding: 0;
}
.comment .btn_longGrey {
  width: 100%;
  margin-top: 33px;
}
@media screen and (max-width: 768px) {
  .comment .btn_longGrey {
    margin: 0 0 20px;
  }
}
.comment .flx {
  display: flex;
  align-items: center;
}
.comment_parent {
  padding: 26px 2px;
  border-bottom: 1px dotted #231815;
  margin: 0 0 20px;
}
.comment_child {
  padding: 24px 2px 0 30px;
  border-left: 8px solid #9fa0a0;
}
.comment_child .comment_text + .flx {
  justify-content: flex-end;
  padding-bottom: 26px;
  border-bottom: 1px dotted #231815;
}
.comment_form {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  padding: 24px 6px 0 30px;
  margin: 0 0 10px;
  border-left: 8px solid #dcdddd;
}
@media screen and (max-width: 768px) {
  .comment_form {
    padding-left: 15px;
  }
}
.comment_form label {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 8px;
  display: block;
}
@media screen and (max-width: 768px) {
  .comment_form label {
    font-size: 1.6rem;
  }
}
.comment_form div {
  width: 100%;
  margin-bottom: 30px;
}
.comment_form input,
.comment_form textarea {
  font-size: 1.75rem;
  padding: 2px 10px;
  width: 100%;
  border: 2px solid #231815;
  box-sizing: border-box;
}
.comment_form input {
  height: 48px;
}
.comment_form textarea {
  height: 128px;
  line-height: 1.8;
  padding: 9px 10px;
}
.comment_form_btn {
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 10px 20px 10px 43px;
  border: 1px solid #231815;
  white-space: nowrap;
  background: white;
  cursor: pointer;
  width: 214px;
  transition: all 0.2s ease;
  position: relative;
}
.comment_form_btn::before {
  content: url(/assets/comment/pen.svg);
  width: 20px;
  height: 27px;
  display: block;
  padding: 10px 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
}
@media screen and (max-width: 768px) {
  .comment_form_btn::before {
    left: 22%;
  }
}
@media screen and (max-width: 768px) {
  .comment_form_btn {
    width: 100%;
  }
}
.comment_form_btn:hover {
  background: #231815;
}
.comment_form_btn:hover span {
  color: white;
}
.comment_form_btn:hover::before {
  content: url(/assets/comment/pen_w.svg);
}

.btn_comment {
  border: 1px solid #231815;
  width: 270px;
  text-align: center;
  transition: all 0.2s ease;
}
@media screen and (max-width: 768px) {
  .btn_comment {
    border: 2px solid #231815;
    width: 62%;
  }
}
.btn_comment a {
  position: relative;
  display: block;
  font-size: 1.8rem;
  letter-spacing: 0.8px;
  line-height: 1;
  white-space: nowrap;
  color: #231815;
  font-weight: bold;
  padding: 14px 10px 12px 38px;
  background: white;
  transition: all 0.2s ease;
}
.btn_comment a::before {
  content: url(/assets/comment/pen.svg);
  width: 20px;
  height: 27px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 36px;
}
@media screen and (max-width: 768px) {
  .btn_comment a::before {
    left: 5.4vw;
  }
}
@media screen and (max-width: 768px) {
  .btn_comment a {
    padding: 12px 8px 10px 30px;
    font-size: 1.6rem;
  }
}
.btn_comment:hover {
  background: #231815;
}
.btn_comment:hover a {
  color: white;
  background: #231815;
}
.btn_comment:hover a::before {
  content: url(/assets/comment/pen_w.svg);
}

.comment_name {
  font-size: 2rem;
  letter-spacing: 0.5px;
  color: #231815;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .comment_name {
    font-size: 1.7rem;
  }
}

.comment_text {
  margin: 15px auto 18px;
  font-size: 1.35rem;
  color: #231815;
  line-height: 1.85;
}

.comment_time {
  font-size: 1.53rem;
  letter-spacing: 1px;
  padding-left: 17px;
  margin-left: 20px;
  border-left: 1px solid #231815;
}
@media screen and (max-width: 768px) {
  .comment_time {
    margin-left: 16px;
    padding-left: 15px;
    font-size: 1.4rem;
  }
}

.comment_reply {
  position: relative;
  font-size: 1.35rem;
  line-height: 1;
  padding: 7px 9px 4px 32px;
  border-radius: 2px;
  background: #706f6f;
  color: white;
  border-bottom: 1px solid #036eb8;
  display: inline-block;
  text-align: left;
  cursor: pointer;
}
.comment_reply::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #ffffff transparent transparent transparent;
}

.count {
  padding-left: 48px;
  height: 34px;
  max-width: 30%;
  font-weight: bold;
  width: 37px;
  height: 33px;
  background-image: url("/assets/comment/bubble.svg");
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 1.7rem;
  letter-spacing: 1px;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .count {
    font-size: 1.6rem;
  }
}

.comment_text + .flx {
  width: 100%;
  justify-content: space-between;
}

.thumb_up {
  cursor: pointer;
}
.thumb_up .thumb {
  margin-bottom: -2px;
  display: inline-block;
  width: 20px;
  height: 19px;
  background-image: url("/assets/comment/thumb_up.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.thumb_down {
  cursor: pointer;
}
.thumb_down .thumb {
  margin: 0 0 -2px 38px;
  display: inline-block;
  width: 21px;
  height: 19px;
  transform: translateY(5px);
  background-image: url("/assets/comment/thumb_down.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .thumb_down .thumb {
    margin-left: 15px;
  }
}

.thumb_num {
  line-height: 1;
  margin: 0 0 0 3px;
  font-size: 1.35rem;
  color: #898989;
  font-weight: bold;
}

.children_box {
  display: none;
}

header .comment_form {
  margin: 0;
  padding: 0;
  border-left: 0;
}

.comment + .btn_longGrey {
  max-width: 643px;
  width: 96%;
}

body[id=activate] {
  /*pcの時*/
}
body[id=activate] .pageTopItem.-wrap {
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  body[id=activate] .pageTopItem.-wrap {
    margin-top: 4.2rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .pageTopItem.-wrap {
    margin-top: 2rem;
  }
}
body[id=activate] .pageTopItem.-img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  body[id=activate] .pageTopItem.-img img {
    width: 3.16191rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .pageTopItem.-img img {
    width: 1.69196rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .pageTopItem.-txt {
    font-size: 2rem;
    margin-top: 0.7rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .pageTopItem.-txt {
    font-size: 1rem;
    margin-top: 0.3rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .pc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .sp {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .main {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .main {
    font-size: 1.338rem;
  }
}
body[id=activate] .main * {
  box-sizing: border-box;
}
body[id=activate] img[alt=""],
body[id=activate] img:not([alt]) {
  border: unset !important;
}
body[id=activate] a {
  color: #231815;
}
body[id=activate] h2 {
  text-align: unset;
}
body[id=activate] .overlay_item a {
  color: white !important;
}
@media screen and (min-width: 768px) {
  body[id=activate] a[href^="tel:"] {
    pointer-events: none;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] a[href^="tel:"] {
    pointer-events: auto;
  }
}
body[id=activate] .-inner {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 108rem;
}
body[id=activate] .-w100per {
  width: 100%;
}
body[id=activate] .-w50per {
  width: 50%;
}
body[id=activate] .-w33per {
  width: 30.303030303%;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-w33per_pc {
    width: 30.303030303%;
  }
}
body[id=activate] .-fs80per {
  font-size: 80% !important;
}
body[id=activate] .-en {
  font-family: "Montserrat", sans-serif;
}
body[id=activate] .-ja {
  font-family: "Meiryo", sans-serif;
}
body[id=activate] .-fwBold {
  font-weight: 700;
}
body[id=activate] .-txtCenter {
  text-align: center !important;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-txtCenter_pc {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-txtCenter_sp {
    text-align: center !important;
  }
}
body[id=activate] .-txtLeft {
  text-align: left !important;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-txtLeft_pc {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-txtLeft_sp {
    text-align: left !important;
  }
}
body[id=activate] .-c_red {
  color: #c30d23;
}
body[id=activate] .-bgc_red {
  background-color: #c30d23;
}
body[id=activate] .-bgc_gray {
  background-color: #eff2f4;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-defaultTxt {
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    line-height: 2.2;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-defaultTxt {
    font-size: 1.5rem;
    line-height: 1.85;
    letter-spacing: 0.035em;
  }
}
body[id=activate] .-introTxt {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-introTxt {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-introTxt {
    font-size: 1.5rem;
    line-height: 1.85;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-title.-titleLevel_intro {
    font-size: 2.9rem;
    letter-spacing: 0.1em;
    line-height: 1.552;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-title.-titleLevel_intro {
    font-size: 2.033rem;
    letter-spacing: 0.025em;
    line-height: 1.422;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-title.-titleLevel_strengths {
    font-size: 2.5rem;
    letter-spacing: 0.2em;
    line-height: 1.552;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-title.-titleLevel_strengths {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.422;
  }
}
body[id=activate] .-title.-titleLevel_contact {
  letter-spacing: 0.1em;
  color: white;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-title.-titleLevel_contact {
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-title.-titleLevel_contact {
    font-size: 2.408rem;
  }
}
body[id=activate] .-title.-titleLevel_activateCommon {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-title.-titleLevel_activateCommon {
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-title.-titleLevel_activateCommon {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-title.-titleLevel_activateCommon.-sub {
    line-height: 1.7;
    font-size: 2.6rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-title.-titleLevel_activateCommon.-sub {
    line-height: 1.3;
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
}
body[id=activate] .-titleWrap {
  display: flex;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-titleWrap {
    margin-bottom: 6.45916rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-titleWrap {
    align-items: center;
  }
}
body[id=activate] .-titleWrap .-titleItem.-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-titleWrap .-titleItem.-img {
    margin-right: 3.7rem;
    width: 12.51308rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-titleWrap .-titleItem.-img {
    margin-right: 1.83623rem;
    width: 6.79543rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-titleWrap .-titleItem.-img.-freepaper img {
    width: 12.85653rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-titleWrap .-titleItem.-img.-freepaper img {
    width: 6.87963rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-titleWrap .-titleItem.-img.-homepage img {
    width: 13.53024rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-titleWrap .-titleItem.-img.-homepage img {
    width: 6.50451rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-titleWrap .-titleItem.-img.-movie img {
    width: 13.29696rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-titleWrap .-titleItem.-img.-movie img {
    width: 6.39745rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-titleWrap .-titleItem.-img.-photograph img {
    width: 12.63557rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-titleWrap .-titleItem.-img.-photograph img {
    width: 6.07441rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-titleWrap .-titleItem.-img.-specialcontents img {
    width: 8.21154rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-titleWrap .-titleItem.-img.-specialcontents img {
    width: 6.07441rem;
  }
}
body[id=activate] .-titleWrap .-titleCateWrap {
  display: flex;
}
@media screen and (max-width: 768px) {
  body[id=activate] .-titleWrap .-titleCateWrap {
    flex-direction: column;
    align-items: baseline;
  }
}
body[id=activate] .-titleWrap .-titleCate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-titleWrap .-titleCate {
    margin-left: 2.29423rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-titleWrap .-titleCate {
    margin-top: 0.25rem;
  }
}
body[id=activate] .-titleWrap .-titleCate .-txt {
  color: white;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-titleWrap .-titleCate .-txt {
    font-size: 2rem;
    padding: 0.5rem 1rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-titleWrap .-titleCate .-txt {
    font-size: 1rem;
    padding: 0.25rem 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-titleRead {
    font-size: 1.7rem;
    letter-spacing: 0.075em;
    line-height: 1.941;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-titleRead {
    letter-spacing: 0.035em;
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.85;
  }
}
body[id=activate] .-main_activateCommonItemWrap {
  display: flex;
}
@media screen and (max-width: 768px) {
  body[id=activate] .-main_activateCommonItemWrap {
    flex-wrap: wrap;
    margin-top: 3rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-main_activateCommonItemWrap.-reversePc {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-main_activateCommonItemWrap.-reversePc {
    margin-top: unset;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-main_activateCommonItemWrap.-reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-main_activateCommonItemWrap.-reverse {
    margin-top: unset;
    flex-direction: column-reverse;
  }
}
body[id=activate] .-main_activateCommonItem.-txtItem {
  display: flex;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-main_activateCommonItem.-txtItem {
    flex: 1;
    margin-top: -0.8em;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-main_activateCommonItem.-txtItem {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-main_activateCommonItem.-imgMovieItem {
    width: 100%;
  }
}
body[id=activate] .-main_activateCommonItem .-imgMovieItem.-list {
  display: flex;
}
body[id=activate] .-main_activateCommonItem .-imgMovieItem.-list.-col {
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-main_activateCommonItem .-imgMovieItem.-list.-col_pc {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-support.-box {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-support.-box {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-support.-title {
    font-size: 1.7rem;
    margin-bottom: 0.6rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-support.-title {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}
body[id=activate] .-support.-list {
  background-color: white;
  border: 2px solid #c30d23;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-support.-list {
    padding: 1rem 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-support.-list {
    padding: 1rem;
  }
}
body[id=activate] .-support.-item {
  line-height: 1.6;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  body[id=activate] .-support.-item {
    font-size: 1.2rem;
  }
}
body[id=activate] .-support.-accent {
  position: relative;
  padding-left: 1.5rem;
}
body[id=activate] .-support.-accent::before {
  position: absolute;
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 1.2rem;
  background-color: #c30d23;
  top: 50%;
  transform: translateY(-50%);
  left: -0.15rem;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-publish.-box {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-publish.-box {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-publish.-title {
    font-size: 1.7rem;
    margin-bottom: 0.6rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-publish.-title {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}
body[id=activate] .-publish.-list {
  display: flex;
}
@media screen and (max-width: 768px) {
  body[id=activate] .-publish.-list {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-publish.-list.pc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-publish.-list.pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .-publish.-list.sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-publish.-list.sp {
    display: block;
  }
}
body[id=activate] .-publish.-item {
  line-height: 1.6;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  body[id=activate] .-publish.-item {
    background-color: white;
    border: 2px solid #231815;
    font-size: 1.284rem;
    padding: 0.6rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-publish.-item:not(:last-child) {
    margin-bottom: 0.66411rem;
  }
}
body[id=activate] .-publish.-txt {
  position: relative;
  z-index: 1;
}
body[id=activate] .-publish.-sankaku {
  position: relative;
}
body[id=activate] .-publish.-sankaku::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  body[id=activate] .-publish.-sankaku::before {
    background-image: url(/assets/activate/SVG/sankaku.svg);
    width: 4.51088rem;
    height: 1.32822rem;
    bottom: -1.52822rem;
    z-index: 1;
  }
}
body[id=activate] .-publish.-last {
  position: relative;
  background-color: #c30d23;
  color: white;
  padding: 1rem;
}
body[id=activate] .-publish.-last:after {
  position: absolute;
  top: 0;
  width: calc(100% - 1.3rem);
  height: calc(100% - 1.3rem);
  content: "";
  border: 0.65rem solid white;
}
body[id=activate] .-publish.-last .-txt {
  margin-right: 0;
}
body[id=activate] .-note {
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-note {
    margin-top: 1rem;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .-note {
    margin-top: 0.5rem;
    font-size: 1.2rem;
  }
}
body[id=activate] .-movieItem {
  width: 100%;
  padding-top: 56.25%;
  background: #dcdddd;
  position: relative;
}
body[id=activate] .-movieItem iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
body[id=activate] .-withBoth_hyphen {
  position: relative;
}
body[id=activate] .-withBoth_hyphen:after, body[id=activate] .-withBoth_hyphen:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #c30d23;
}
@media screen and (min-width: 768px) {
  body[id=activate] .-withBoth_hyphen:after, body[id=activate] .-withBoth_hyphen:before {
    margin-top: 0.5rem;
  }
}
body[id=activate] .-withBoth_hyphen:before {
  left: 0;
}
body[id=activate] .-withBoth_hyphen:after {
  right: 0;
}
body[id=activate] .btn.-wrap {
  width: 100%;
}
body[id=activate] .btn.-link {
  background-color: #231815;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.35s ease;
}
@media screen and (min-width: 768px) {
  body[id=activate] .btn.-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .btn.-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
body[id=activate] .btn.-link:hover {
  opacity: 0.8;
}
body[id=activate] .btn.-txt {
  letter-spacing: 0.01em;
  color: white;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  body[id=activate] a[href^="tel:"] {
    pointer-events: none;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] {
    /*spの時*/
  }
  body[id=activate] a[href^="tel:"] {
    pointer-events: auto;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .hero {
    margin-bottom: 8.10179rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .hero {
    margin-bottom: 3.01241rem;
  }
}
body[id=activate] .hero > div {
  height: calc(100vh - 429px);
  width: 100%;
  min-height: auto;
  padding-top: 0;
  box-sizing: border-box;
  background-image: url("/assets/activate/2x/hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  body[id=activate] .hero > div {
    background-image: url("/assets/activate/2x/hero@2x.jpg");
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .hero > div {
    width: 100%;
    min-height: auto;
    padding-top: 0;
    box-sizing: border-box;
    background-image: url("/assets/activate/2x/hero_sp.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(169.45vw - 177px - 35px);
    background-position: 26.5% bottom;
  }
}
@media only screen and (max-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min-resolution: 192dpi) {
  body[id=activate] .hero > div {
    background-image: url("/assets/activate/2x/hero_sp@2x.jpg");
  }
}
body[id=activate] .hero .hero_text .-en {
  letter-spacing: 0.075em;
  text-align: center;
  color: #727171;
}
body[id=activate] .hero .hero_text .-ja {
  letter-spacing: 0.5em;
}
@media screen and (min-width: 768px) {
  body[id=activate] .hero .hero_text .-ja {
    font-size: 2.5rem;
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .hero .hero_text .-ja {
    font-size: 1.338rem;
  }
}
body[id=activate] .section.-contact {
  background-color: #231815;
  color: white;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact {
    padding-bottom: 8.42868rem;
    padding-top: 8.42868rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
  }
}
body[id=activate] .section.-contact .btn.-wrap {
  border: 2px solid white;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact .btn.-wrap {
    margin-top: 5.66898rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .btn.-wrap {
    margin-top: 2rem;
  }
}
body[id=activate] .section.-contact .btn.-txt {
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact .btn.-txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .btn.-txt {
    font-size: 1.6rem;
  }
}
body[id=activate] .section.-contact .-inner {
  text-align: center;
  max-width: 68.3rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
body[id=activate] .section.-contact .-emphasis {
  letter-spacing: 0.2em;
  position: relative;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact .-emphasis {
    font-size: 2.3rem;
    margin-top: 4.8rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .-emphasis {
    font-size: 1.231rem;
    margin-top: 3rem;
  }
}
body[id=activate] .section.-contact .-emphasis:before, body[id=activate] .section.-contact .-emphasis::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-flex;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact .-emphasis:before, body[id=activate] .section.-contact .-emphasis::after {
    max-width: 1.98425rem;
    max-height: 3.36823rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .-emphasis:before, body[id=activate] .section.-contact .-emphasis::after {
    max-width: 1.06179rem;
    max-height: 1.80237rem;
  }
}
body[id=activate] .section.-contact .-emphasis:before {
  background-image: url(/assets/activate/SVG/emphasisLeft.svg);
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact .-emphasis:before {
    left: -4.35769rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .-emphasis:before {
    left: -1.89981rem;
  }
}
body[id=activate] .section.-contact .-emphasis:after {
  background-image: url(/assets/activate/SVG/emphasisRight.svg);
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact .-emphasis:after {
    right: -4.35769rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .-emphasis:after {
    right: -1.89981rem;
  }
}
body[id=activate] .section.-contact .-logoShoulder {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact .-logoShoulder {
    font-size: 1.536rem;
    margin-bottom: 2rem;
    margin-top: 2.5rem;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .-logoShoulder {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    margin-top: 2rem;
  }
}
body[id=activate] .section.-contact .-starFactoryLogoTel.-wrap {
  display: flex;
  align-items: baseline;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact .-starFactoryLogoTel.-wrap {
    justify-content: space-between;
    margin-right: -1.513465rem;
    margin-left: -1.513465rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .-starFactoryLogoTel.-wrap {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact .-starFactoryLogoTel.-item {
    padding-right: 1.513465rem;
    padding-left: 1.513465rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .-starFactoryLogoTel.-item {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
body[id=activate] .section.-contact .-starFactoryLogoTel.-item.-tel {
  position: relative;
  bottom: 0.1em;
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .-starFactoryLogoTel.-item.-tel {
    margin-top: 0.7rem;
  }
}
body[id=activate] .section.-contact .-starFactoryLogoTel .-starFactoryLogo {
  width: 100%;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact .-starFactoryLogoTel .-starFactoryLogo {
    max-width: 30.11509rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .-starFactoryLogoTel .-starFactoryLogo {
    max-width: 16.11483rem;
  }
}
body[id=activate] .section.-contact .-starFactoryLogoTel .-starFactoryTel {
  letter-spacing: 0.05em;
  color: white;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact .-starFactoryLogoTel .-starFactoryTel {
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .-starFactoryLogoTel .-starFactoryTel {
    font-size: 1.605rem;
  }
}
body[id=activate] .section.-contact .-starFactoryLogoTel .-starFactoryTel.-txt {
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact .-starFactoryLogoTel .-starFactoryTel.-small {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .-starFactoryLogoTel .-starFactoryTel.-small {
    font-size: 1.338rem;
  }
}
body[id=activate] .section.-contact .-starFactoryAddress {
  color: white;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-contact .-starFactoryAddress {
    font-size: 1.5rem;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-contact .-starFactoryAddress {
    font-size: 1rem;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-bgc_gray {
    padding-top: 8.2rem;
    padding-bottom: 8.2rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-bgc_gray {
    padding-top: 5.2rem;
    padding-bottom: 5.2rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-intro {
    margin-bottom: 14.96175rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-intro {
    margin-bottom: 7.47879rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-intro .-title {
    margin-bottom: 3.4259rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-intro .-title {
    margin-bottom: 1.88822rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-strengths {
    margin-bottom: 15.4rem;
  }
}
body[id=activate] .section.-strengths .-titleLevel_strengths {
  background: white;
  display: inline-flex;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-strengths .-titleLevel_strengths {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-strengths .-titleLevel_strengths {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
body[id=activate] .section.-strengths .strengthsItem.-list {
  display: flex;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-list {
    margin-left: -1.3287382813%;
    margin-right: -1.3287382813%;
    margin-top: 9.17973rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-list {
    margin: 0 -0.9096132813% 0;
    flex-wrap: wrap;
  }
}
body[id=activate] .section.-strengths .strengthsItem.-item {
  text-align: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-item {
    padding-left: 1.3287382813%;
    padding-right: 1.3287382813%;
    width: 20%;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-item {
    padding: 2rem 0;
    width: 33.3333333333%;
  }
}
body[id=activate] .section.-strengths .strengthsItem.-link {
  transition: opacity 0.35s ease;
}
body[id=activate] .section.-strengths .strengthsItem.-link:hover {
  opacity: 0.8;
}
body[id=activate] .section.-strengths .strengthsItem.-name {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-name {
    font-size: 1.9rem;
    margin-top: 3.429rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-name {
    font-size: 1.4rem;
    margin-top: 1.65608rem;
  }
}
body[id=activate] .section.-strengths .strengthsItem.-name.-en {
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-name.-en {
    font-size: 1.1rem;
    margin-top: 0.1rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-name.-en {
    font-size: 1rem;
    margin-top: 0.1rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-detail {
    font-size: 1.2rem;
    margin-top: 1.67259rem;
    line-height: 1.75;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-detail {
    font-size: 1.338rem;
    letter-spacing: 0.035em;
    line-height: 1.57;
  }
}
body[id=activate] .section.-strengths .strengthsItem.-img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-img {
    height: 11.18696rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-img {
    height: 6.92318rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-img img {
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-img.-freepaper img {
    width: 11.16018rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-img.-freepaper img {
    width: 6.90661rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-img.-homepage img {
    width: 11.745rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-img.-homepage img {
    width: 6.90661rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-img.-movie img {
    width: 11.55168rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-img.-movie img {
    width: 6.90661rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-img.-photograph img {
    width: 10.96838rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-img.-photograph img {
    width: 6.90661rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-img.-specialcontents img {
    width: 7.13374rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-strengths .strengthsItem.-img.-specialcontents img {
    width: 6.90661rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-freepaper .-main_activateCommonItem {
    padding-left: 2.6120585938%;
    padding-right: 2.6120585938%;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-freepaper .-main_activateCommonItemWrap {
    margin-left: -2.6120585938%;
    margin-right: -2.6120585938%;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-freepaper .-main_activateCommonItem.-imgMovieItem {
    width: 51.13543rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-freepaper .-imgMovieItem.-list {
    margin: -0.78125%;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-freepaper .-imgMovieItem.-item {
    padding: 0.78125%;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-homepage {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-homepage {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-homepage .-main_activateCommonItem {
    padding-left: 2.7283085938%;
    padding-right: 2.7283085938%;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-homepage .-main_activateCommonItemWrap {
    margin-left: -2.7283085938%;
    margin-right: -2.7283085938%;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-homepage .-main_activateCommonItem.-imgMovieItem {
    width: 57.03106rem;
  }
}
body[id=activate] .section.-homepage .-main_activateCommonItem.-imgMovieItem img {
  height: 100%;
  margin: 0;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-homepage .-imgMovieItem.-list {
    margin-left: -1.1072851563%;
    margin-right: -1.1072851563%;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-homepage .-imgMovieItem.-list {
    margin-top: 4rem;
    margin-left: -0.625%;
    margin-right: -0.625%;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-homepage .-imgMovieItem.-item {
    padding-left: 1.1072851563%;
    padding-right: 1.1072851563%;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-homepage .-imgMovieItem.-item {
    padding-left: 0.625%;
    padding-right: 0.625%;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-movie .-main_activateCommonItem {
    padding-left: 2.6120585938%;
    padding-right: 2.6120585938%;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-movie .-main_activateCommonItemWrap {
    margin-left: -2.6120585938%;
    margin-right: -2.6120585938%;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-movie .-main_activateCommonItem.-imgMovieItem {
    width: 51.13543rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-movie .-imgMovieItem.-list {
    margin: -0.78125%;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-movie .-imgMovieItem.-list {
    margin: -0.75rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-movie .-imgMovieItem.-item {
    padding: 0.78125%;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-movie .-imgMovieItem.-item {
    padding: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-photograph {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-photograph {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-photograph .-main_activateCommonItem {
    padding: 2.7283085938%;
  }
}
body[id=activate] .section.-photograph .-main_activateCommonItemWrap {
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-photograph .-main_activateCommonItemWrap {
    margin: -2.7283085938%;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-photograph .-main_activateCommonItemWrap {
    margin-top: 3rem;
  }
}
body[id=activate] .section.-photograph .-main_activateCommonItem.-imgMovieItem img {
  height: 100%;
  margin: 0;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-photograph .-imgMovieItem.-list {
    margin: -0.238375%;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-photograph .-imgMovieItem.-item {
    padding: 0.238375%;
  }
}
body[id=activate] .section.-specialcontents .btn.-wrap {
  margin-top: 3rem;
}
body[id=activate] .section.-specialcontents .btn.-txt {
  padding: 1rem;
  font-size: 1.6rem;
}
body[id=activate] .section.-specialcontents.-bgc_gray {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-specialcontents .-main_activateCommonItemWrap {
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-specialcontents .-main_activateCommonItemWrap {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-specialcontents .-main_activateCommonItem.-imgMovieItem {
    width: 100%;
    max-width: 48.5181rem;
    margin-right: 3.64684rem;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-specialcontents .-main_activateCommonItem.-imgMovieItem {
    margin-top: 4.44752rem;
  }
}
body[id=activate] .section.-specialcontents .-main_activateCommonItem.-imgMovieItem img {
  height: 100%;
  margin: 0;
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-specialcontents .-main_activateCommonItem.-txtItem {
    margin-left: 3.64684rem;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-specialcontents .-imgMovieItem.-list {
    margin-left: -1.1072851563%;
    margin-right: -1.1072851563%;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-specialcontents .-imgMovieItem.-list {
    margin-left: -0.625%;
    margin-right: -0.625%;
  }
}
@media screen and (min-width: 768px) {
  body[id=activate] .section.-specialcontents .-imgMovieItem.-item {
    padding-left: 1.1072851563%;
    padding-right: 1.1072851563%;
  }
}
@media screen and (max-width: 768px) {
  body[id=activate] .section.-specialcontents .-imgMovieItem.-item {
    padding-left: 0.625%;
    padding-right: 0.625%;
  }
}/*# sourceMappingURL=app.min.css.map */