@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=db46572ea438594e9621059a7ab338f4)
 * Config saved to config.json and https://gist.github.com/db46572ea438594e9621059a7ab338f4
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input.han {
  ime-mode: disabled;
}

input.zen {
  ime-mode: active;
}

textarea.han {
  ime-mode: disabled;
}

textarea.zen {
  ime-mode: active;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=number],
select,
textarea {
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 16px;
  padding: 5px 8px;
  box-sizing: border-box;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=number],
select,
textarea {
  background: #fff;
  outline: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {
  border: 1px solid #aaaaf6;
  background: #fff;
  box-shadow: 0 0 5px #aaaaf6;
}

input[type=checkbox],
input[type=radio] {
  width: 1.3em;
  height: 1.3em;
  position: relative;
  top: -2px;
  vertical-align: middle;
  cursor: pointer;
}
input[type=checkbox]:checked,
input[type=radio]:checked {
  background: #ffd1d1;
  border-color: #e64723;
  color: #e64723;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding: 0 15px;
  max-width: 1170px;
  width: 100%;
  box-sizing: border-box;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.pos-r {
  position: relative;
}

.mt0 {
  margin-top: 0;
}

.mb0 {
  margin-bottom: 0;
}

.pt0 {
  padding-top: 0;
}

.pb0 {
  padding-bottom: 0;
}

@-ms-viewport {
  width: device-width;
}
.visible-xxs,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 399px) {
  .visible-xxs {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
::selection {
  background: #5885d7;
  color: #fff;
}

p, div, li {
  word-break: break-all;
}

html,
body {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  color: #333;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.025em;
  text-align: center;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  padding-top: 135px;
}
@media (max-width: 767px) {
  body {
    padding-top: 0;
  }
}
body.for_print {
  padding-top: 0;
}

.mincho {
  font-family: "Noto Serif JP", serif;
}

em {
  font-style: normal;
}

.noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.noto-serif-jp {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.playwrite-au-qld {
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.red {
  color: #f00;
}

.disp-none {
  display: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  vertical-align: top;
}

.width-full {
  width: 100%;
}

.width-quarter {
  width: 75%;
}

.width-half {
  width: 50%;
}

figure {
  margin: 0;
  padding: 0;
}
figure img {
  width: 100%;
  height: auto;
}
figure.underlayer-mainimage {
  margin-bottom: 30px;
}

figcaption.home-lead {
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(245, 245, 245, 0.85);
  color: #000;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 400;
  padding: 1em;
  text-align: left;
  width: 70%;
  box-sizing: border-box;
  display: block;
  border-radius: 0 10px 0 0;
}
@media (max-width: 767px) {
  figcaption.home-lead {
    position: static;
    background: transparent;
    width: 100%;
    font-size: 14px;
    padding: 0.75em;
    border-radius: 0;
  }
}
figcaption.area-name {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 3;
}

.area-name {
  width: calc(100% - 16px);
  box-sizing: border-box;
  text-align: left;
}
.area-name div {
  margin-bottom: 2px;
}
.area-name div:last-child {
  margin-bottom: 0;
}
.area-name .an-cate {
  display: inline-block;
  line-height: 1.3;
  font-size: 11px;
  letter-spacing: 0;
  padding: 0.25em 0.35em 0.3em 0.35em;
  background: rgba(88, 133, 215, 0.85);
  color: #fff;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .area-name .an-cate {
    font-size: 13px;
    padding: 0.25em 0.7em 0.3em 0.7em;
  }
}
.area-name .an-area {
  display: inline-block;
  background: #fff;
  font-size: 12px;
  border-radius: 15px;
  padding: 0.25em 0.7em 0.35em 0.7em;
  font-weight: 500;
  line-height: 1.25;
}
.area-name.h1w-area span {
  background: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 0.5em 1em;
  border-radius: 3em;
  display: inline-block;
  margin-right: 0.35em;
}

.o-symbol {
  vertical-align: middle;
}

.new-icon {
  color: #c00;
  font-size: 15px;
  font-family: "Roboto", SansSerif;
  font-weight: 500;
  background: #fff;
  border: solid 1px #c00;
  border-radius: 50px;
  line-height: 1;
  padding: 0.15em 1em;
}
.new-script {
  color: #f00;
  font-family: "Playwrite AU QLD", cursive;
  font-size: 36px;
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 3;
  transform: rotate(-9deg);
}

a {
  color: #333;
  text-decoration: underline;
  transition: all 0.3s;
}
a:hover {
  color: #000;
  text-decoration: none;
}
a.new-window {
  position: relative;
}
a.new-window:after {
  content: url("../img/common/icon-target.svg?b");
  position: absolute;
  right: 8px;
  top: 0;
}
a.new-window-inline:after {
  content: url("../img/common/icon-target.svg?b");
  vertical-align: middle;
  margin-left: 1em;
}
a.add-arrow {
  position: relative;
}
a.add-arrow:after {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  content: url("../img/common/arrow-right-black.svg");
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 10px;
  background: white;
  border-radius: 50px;
  opacity: 0.75;
  transition: all 0.3s;
}
a.add-arrow:hover:after {
  right: 10px;
  opacity: 1;
}
a.add-arrow-min {
  position: relative;
}
a.add-arrow-min:after {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  content: url("../img/common/arrow-right-black.svg");
  position: absolute;
  right: 15px;
  top: 15px;
  opacity: 0.75;
  transition: all 0.3s;
}
a.add-arrow-min:hover:after {
  right: 10px;
  opacity: 1;
}
a.to-google {
  position: relative;
  display: inline-block;
  margin-left: 2em;
  text-decoration: none;
  padding: 0.35em calc(20px + 1.5em) 0.35em 1em;
  border: solid 1px #aaa;
  border-radius: 3em;
}
a.to-google:before {
  content: url("../img/common/icon-target.svg?b");
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}
a.to-google:hover {
  border-color: #5885d7;
  background: #5885d7;
  color: white;
}
a.to-google:hover:before {
  filter: invert(96%) sepia(0%) saturate(0%) hue-rotate(163deg) brightness(105%) contrast(105%);
}

.topic-pass {
  width: 100%;
  padding: 30px 0;
  box-sizing: border-box;
}

.breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  line-height: 1.39;
}
.breadcrumb li {
  font-size: 12px;
  display: inline;
}
.breadcrumb li:after {
  content: "/";
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.breadcrumb li:last-child:after {
  content: none;
}
.breadcrumb li a {
  font-size: 12px;
  text-decoration: underline;
}

section {
  padding: 50px 0;
}
@media (max-width: 499px) {
  section {
    padding: 7vw 0;
  }
}
section.friendship {
  padding: 20px 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1170px;
  width: 100%;
  box-sizing: border-box;
}

.h1-wrap + section {
  padding-top: 0;
}

/* 見出し関連 */
.h1-wrap {
  padding: 15px 0 15px 0;
  background: #f7f7f7;
  position: relative;
  text-align: left;
  width: 100%;
}
.h1-wrap .container {
  position: relative;
}

.h1-shoulder {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  padding: 0.2em 0.75em;
  border: solid 1px #5885d7;
}
.h1-shoulder a {
  font-weight: 600;
  text-decoration: none;
  color: #5885d7;
}
.h1-shoulder a:before {
  display: inline-block;
  content: "▼";
  font-size: 10px;
  margin-right: 8px;
  vertical-align: middle;
  transform: rotate(90deg);
}

h1.h1-basis {
  font-size: 36px;
  font-weight: 400;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
  max-width: 1200px;
  line-height: 1.5;
}
@media (max-width: 767px) {
  h1.h1-basis {
    font-size: 22px;
  }
}
h1.h1-basis small {
  font-size: 50%;
  font-weight: normal;
}
h1.h1-basis img.head-icon {
  vertical-align: middle;
  margin-right: 7px;
}

.h2-shoulder {
  margin: 0 0 0.5em 0;
  padding: 0;
  letter-spacing: 0;
  font-weight: 100;
  font-size: 52px;
  color: #5885d7;
}
@media (max-width: 767px) {
  .h2-shoulder {
    font-size: 7vw;
  }
}

h2.h2-home {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 1em 0;
}
h2.h2-basis {
  font-size: 30px;
  font-weight: 400;
  text-align: left;
  line-height: 1.39;
  padding-bottom: 0.25em;
  margin-bottom: 0.75em;
  border-bottom: solid 2px #5885d7;
}
h2.h2-modelcourse {
  font-size: 22px;
  font-weight: 400;
  text-align: left;
  line-height: 1.39;
  padding-bottom: 0.5em;
  margin-bottom: 0.75em;
  border-bottom: solid 2px #5885d7;
}

h3.h3-basis {
  font-size: 24px;
  font-weight: 400;
  text-align: left;
  line-height: 1.39;
  padding-bottom: 0.25em;
  margin-bottom: 0.75em;
  border-bottom: dashed 1px #5885d7;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
}

/* lead関連 */
.lead-common {
  text-align: left;
  font-size: 18px;
  padding: 0 0 1em 0;
  margin: 0;
  font-weight: 500;
}

.lead-content {
  text-align: left;
}

/* ボタン関連 */
.button-box a {
  text-decoration: none;
}
.button-box a:active, .button-box a:visited, .button-box a:hover {
  text-decoration: none;
}
.button-box a svg {
  fill: #fff;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.button-box a.download {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  padding: 0.5em 1em;
  background: #5885d7;
  border-radius: 50px;
  margin: 0.3em 0;
  transition: 0.5s;
}
.button-box a.download svg {
  margin-left: 5px;
}

.button-common {
  text-align: center;
  padding: 20px 0;
}
.button-common a {
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  margin: 0 auto;
  padding: 0.5em calc(1.75em + 20px) 0.5em 1.5em;
  border: solid 1px #5885d7;
  color: #5885d7;
  border-radius: 7px;
  position: relative;
}
.button-common a:after {
  content: url("../img/common/arrow-line-right-min.svg");
  position: absolute;
  right: 0.75em;
  top: 50%;
  transform: translateY(-50%);
}
.button-common a.new-window:after {
  content: url("../img/common/icon-target.svg?b");
}

.sns-bar {
  background: #f7f7f7;
}

.sns-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 50px;
  padding: 25px 20px;
}
.sns-icons li {
  width: 25%;
  box-sizing: border-box;
  max-width: 50px;
}
.sns-icons li img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .sns-icons {
    gap: 5vw;
  }
  .sns-icons li {
    width: 13.5vw;
    max-width: 40px;
  }
}

.icon-wrap {
  display: inline-block;
  margin: 0 auto;
}
.icon-wrap svg {
  width: 36px;
  height: 36px;
  fill: #5885d7;
}

.youtube-wrap {
  text-align: center;
  padding: 0;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 50px;
}
.youtube-wrap .youtube {
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 15px;
  margin-top: 15px;
}
.youtube-wrap .youtube iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.youtube-wrap p {
  display: inline-block;
  text-align: left;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .youtube-wrap {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .youtube-wrap {
    padding: 0;
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.grid-column2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.grid-column3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.grid-column4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.grid-column5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.grid-column6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

@media (max-width: 991px) {
  .grid-column4 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-column5 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-column6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .grid-column2, .grid-column3, .grid-column4, .grid-column5, .grid-column6 {
    grid-template-columns: 1fr;
  }
}
.inset-half {
  padding: 0 30px;
}

@media (max-width: 767px) {
  .inset-half {
    padding: 0;
  }
}
.sw-head {
  position: relative;
}
.sw-head input[type=text] {
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  padding: 0.25em 50px 0.25em 1em;
  color: #333;
  outline: none;
  border: solid 1px #ccc;
  border-radius: 50px;
}
.sw-head button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  outline: none;
  position: absolute;
  right: 12px;
  top: 50%;
  z-index: 2;
  transform: translateY(calc(-50% + 3px));
  transition: all 0.3s;
}
.sw-head button svg {
  width: 22px;
  height: 22px;
  fill: #777;
}
.sw-head button:hover svg {
  fill: #000;
}

.main-category {
  gap: 30px;
  align-items: stretch;
}
.main-category li a {
  padding: 15px;
  text-align: left;
  text-decoration: none;
  display: block;
  background: transparent;
  border: solid 1px rgba(192, 168, 47, 0.25);
  border-radius: 5px;
  height: 100%;
  box-sizing: border-box;
}
.main-category li a h2 {
  font-size: 19px;
}
.main-category li a p {
  font-size: 15px;
  line-height: 1.5;
}

.spot-list {
  gap: 30px;
  align-items: stretch;
  padding: 8px;
  margin-bottom: 30px;
}
.spot-list li {
  padding: 8px;
  background: #fff;
}
.spot-list li a {
  text-decoration: none;
  text-align: left;
  display: block;
}
.spot-list li a figure {
  aspect-ratio: 1/1;
  border-radius: 10px;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
}
.spot-list li a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.spot-list li a h2 {
  font-size: 19px;
}
.spot-list li a p {
  font-size: 15px;
  line-height: 1.5;
  margin: 0.35em 0;
}
.spot-list li a:hover figure img {
  transform: scale(1.15);
}
@media (max-width: 767px) {
  .spot-list li a:hover figure img {
    transform: scale(1);
  }
}
@media (max-width: 767px) {
  .spot-list li {
    padding-bottom: 3.5vw;
    border-bottom: dashed 2px #5885d7;
  }
}
.spot-list.event-end li {
  opacity: 0.5;
}
.spot-list.for_download {
  display: block;
}
.spot-list.for_download li {
  position: relative;
  background: #f5f5f5;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 20px;
}
@media (max-width: 767px) {
  .spot-list.for_download li {
    border-bottom: none;
  }
}
.spot-list.for_download li a {
  display: grid;
  grid-template-columns: 100px auto;
  box-sizing: border-box;
  gap: 20px;
  padding: 15px 80px 15px 15px;
  border-radius: 7px;
  background: white;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .spot-list.for_download li a {
    display: block;
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .spot-list.for_download li a figure {
    max-width: 50%;
    margin: 0 auto;
    margin-bottom: 3vw;
  }
}
.spot-list.for_download li a .icon-wrap {
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
  aspect-ratio: 1/1;
  width: 50px;
  padding-top: 10px;
  border-radius: 50%;
  background: #5885d7;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: scale(1) translateY(-60%);
  z-index: 2;
  transition: all 0.3s;
}
.spot-list.for_download li a .icon-wrap svg {
  width: 30px;
  height: 30px;
  fill: white;
}
@media (max-width: 767px) {
  .spot-list.for_download li a .icon-wrap {
    right: calc(10% + 35px);
    top: 60px;
  }
}
.spot-list.for_download li a:hover .icon-wrap {
  transform: scale(1) translateY(-50%);
}
.spot-list.for_download li a .dl-data span {
  display: inline-block;
}
.spot-list.for_download li a .dl-data span:after {
  content: "／";
  color: black;
}
.spot-list.for_download li .dl-comment {
  padding: 10px 0 0 15px;
  font-size: 16px;
  display: grid;
  grid-template-columns: 100px auto;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  text-align: left;
}
@media (max-width: 767px) {
  .spot-list.for_download li .dl-comment {
    display: block;
    padding: 3.5vw 0 0 0;
  }
}
.spot-list.for_download li .dl-comment h4 {
  font-weight: 500;
  margin: 0;
  padding: 0.15em 0;
  text-align: center;
  border: solid 1px #555;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .spot-list.for_download li .dl-comment h4 {
    display: inline-block;
    padding: 0.15em 0.75em;
    margin-bottom: 0.5em;
  }
}
.spot-list.for_download li .dl-comment p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
}
.spot-list.for_download li .dl-comment p a {
  display: inline;
  text-decoration: underline;
  color: #00c;
  padding: 0;
  margin: 0;
  background: transparent;
}

.special-deal span {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  background: white;
  color: #f35610;
  border: solid 1px #f35610;
  padding: 0.25em 0.75em 0.3em 0.75em;
  border-radius: 3em;
  line-height: 1;
}

.special-deal-wrap {
  margin-top: 2em;
  padding: 1em;
  border: dotted 3px rgba(243, 86, 16, 0.3);
  border-radius: 10px;
  position: relative;
  background: #fffdf1;
}
.special-deal-wrap p {
  margin: 0;
}
.special-deal-wrap p.special-deal {
  margin-bottom: 0.5em;
  position: absolute;
  left: 0;
  top: -1em;
}
.searchwrap-h2 {
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 10px 15px;
  text-align: left;
  background: #f7f7f7;
  border-radius: 8px;
}
.searchwrap-h2 .sh-label {
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
  padding: 0.35em 0.5em 0.35em 1em;
  border-left: solid 2px #000;
}
.searchwrap-h2 .sh-label span {
  font-size: 16px;
  font-weight: 600;
  color: #5885d7;
  display: block;
  line-height: 1;
  margin-bottom: 0.38em;
}
@media (max-width: 767px) {
  .searchwrap-h2 .sh-label span {
    display: inline-block;
    padding-right: 0.5em;
  }
}
.searchwrap-h2 .sh-label.gray {
  color: #777;
  border-left: solid 2px #777;
}
.searchwrap-h2 .sh-label.gray span {
  display: inline-block;
}
.searchwrap-h2 .sw-inbody {
  display: grid;
  grid-template-columns: repeat(4, auto);
  justify-content: right;
  align-items: flex-end;
  gap: 15px;
}
.searchwrap-h2 .sw-inbody select,
.searchwrap-h2 .sw-inbody input {
  cursor: pointer;
  font-size: 14px;
}
.searchwrap-h2 .sw-inbody select {
  padding: 0.75em;
  border-radius: 5px;
  border: solid 1px #ddd;
  background: #fff;
  transition: all 0.3s;
}
.searchwrap-h2 .sw-inbody input[type=text] {
  padding: 0.75em;
  border: solid 1px #ddd;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .searchwrap-h2 .sw-inbody input[type=text] {
    padding: 0.35em;
  }
}
.searchwrap-h2 .sw-inbody select,
.searchwrap-h2 .sw-inbody ::picker(select) {
  appearance: base-select;
}
.searchwrap-h2 .sw-inbody select:open::picker(select) {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.searchwrap-h2 .sw-inbody select option {
  padding: 0.5em;
}
.searchwrap-h2 .sw-inbody select option:checked {
  background-color: #f8f8f8;
}
.searchwrap-h2 .sw-inbody select option:hover {
  background-color: #f0f0f0;
}
.searchwrap-h2 .sw-inbody button {
  font-size: 16px;
  font-weight: 500;
  padding: 0.55em 0.75em;
  background: #5885d7;
  border-radius: 5px;
  border: solid 1px transparent;
  outline: none;
}
@media (max-width: 767px) {
  .searchwrap-h2 .sw-inbody button {
    font-size: 14px;
    padding: 0.35em 0.5em;
  }
}
.searchwrap-h2 .sw-inbody button svg {
  fill: #fff;
  vertical-align: middle;
}
.searchwrap-h2 .sw-inbody button span {
  letter-spacing: 0;
  color: #fff;
}
.searchwrap-h2 .sw-inbody button.closeModal-btn {
  background: #555;
}
.searchwrap-h2 h3 {
  font-size: 14px;
  font-weight: 400;
  color: #555;
}

.button-om {
  font-size: 14px;
  padding: 0.75em calc(1.5em + 16px) 0.75em 1em;
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 50px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .button-om {
    font-size: 13px;
    padding: 0.35em calc(1.35em + 13px) 0.35em 0.75em;
  }
}
.button-om:after {
  content: url("../img/common/icon-check.svg");
  position: absolute;
  right: 0.75em;
  top: 50%;
  transform: translateY(calc(-50% + 2px));
  opacity: 0.5;
  transition: all 0.3s;
}
.button-om:hover {
  border: solid 1px #555;
}
.button-om:hover:after {
  opacity: 0.85;
}

.modalArea {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 70px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
@media (max-width: 767px) {
  .modalArea {
    padding: 3vw;
  }
}

.modalBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalContent {
  position: relative;
  background: #fff;
  border-radius: 8px;
  margin: 100px auto;
  padding: 20px;
  z-index: 1001;
}
.modalContent .mC-title {
  display: block !important;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0.35em;
  padding-bottom: 0.35em;
  border-bottom: solid 1px #5885d7;
}
.modalContent .mC-title span {
  color: #5885d7;
  display: inline-block;
  text-align: left;
  margin: 0 auto;
}
.modalContent .check-all {
  padding: 10px 0;
  text-align: center;
}
.modalContent .check-all label {
  cursor: pointer;
  padding: 7px 10px;
  background: #f5f5f5;
  border-radius: 5px;
}
.modalContent .check-all label input[type=button] {
  border: none;
  background: none;
  behavior: unset;
  font-size: 16px;
}

@media (max-width: 767px) {
  .modalContent {
    margin: 2vw 0 0 0;
    padding: 3.5vw;
    max-height: calc(100vh - 39vw);
    overflow: auto;
  }
  .modalContent .mC-title {
    display: block !important;
    font-size: 20px;
    text-align: center;
    margin-bottom: 0.35em;
    padding-bottom: 0.35em;
    border-bottom: dashed 1px #5885d7;
  }
  .modalContent .mC-title span {
    color: #5885d7;
    display: inline-block;
    text-align: left;
    margin: 0 auto;
  }
}
/* unused
.checkbox-group-ar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
*/
.select-heading {
  font-size: 18px;
  font-weight: 600;
  color: #5885d7;
  padding: 0 0 0 0.75em;
  border-bottom: dashed 1px #5885d7;
  text-align: left;
}

.checkboxes {
  padding: 15px 50px;
  margin: 0 auto;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 5px 30px;
  flex-wrap: wrap;
  text-align: left;
}
@media (max-width: 767px) {
  .checkboxes {
    padding: 3vw 5vw;
    gap: 3vw 4vw;
  }
}
.checkboxes li label {
  cursor: pointer;
}

.minibutton-wrap {
  text-align: center;
}
.minibutton-wrap button {
  font-size: 16px;
  padding: 0.55em 1.35em;
  color: #fff;
  margin: 0 10px;
}
.minibutton-wrap button svg {
  fill: #fff;
  vertical-align: middle;
}
.minibutton-wrap button span {
  letter-spacing: 0;
  color: #fff;
}

.selected-category {
  padding: 10px 50px;
  text-align: left;
  /*
    ul{
      display: flex;
      flex-wrap: wrap;
      font-size: 14px;
      gap: 0.2em;
      li{
        span{
          border: #D0D0D0 solid 1px;
          background: #fff;
          display: inline-block;
          line-height: 1;
          padding: 5px 15px;
          border-radius: 20px;
          cursor: pointer;
          margin: .2rem;
          vertical-align: middle;
          color: #272727;
        }
      }
    }
  */
}
.selected-category .sc-label {
  font-size: 13px;
}
.selected-category .searched-category {
  font-size: 14px;
  color: #5885d7;
  font-weight: 500;
  padding-bottom: 0.3em;
  border-bottom: dashed 1px #5885d7;
}
.selected-category .narrow-btns {
  padding: 5px 10px;
}
.selected-category .narrow-btns button {
  margin: 3px;
  display: inline-block;
  background: #fff;
  position: relative;
  font-size: 13px;
  border: solid 1px #888;
  border-radius: 50px;
  padding: 0.2em 25px 0.2em 8px;
}
.selected-category .narrow-btns button:after {
  content: "✕";
  font-size: 11px;
  font-weight: 900;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

/*
.checkbox-group-ar label {
  display: flex;
  align-items: center;
  gap: 5px;
}

.modalArea-cat {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1000;
}

.modalBg-cat {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

.modalContent-cat {
  position: relative;
  background: #fff;
  width: 300px;
  margin: 100px auto;
  padding: 20px;
  z-index: 1001;
}

.checkbox-group-cat {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.checkbox-group-cat label {
  display: flex;
  align-items: center;
  gap: 5px;
}
*/
/*Pager*/
.topics-pager {
  display: flex;
  align-items: center;
  margin: 35px 0;
}
.topics-pager .topics-count {
  font-size: 16px;
  position: relative;
  font-family: "Roboto", SansSerif;
}
.topics-pager .topics-count strong {
  font-size: 150%;
  display: inline-block;
  padding: 0 0.15em;
}
.topics-pager .pager {
  margin-left: auto;
}

.pager {
  padding-left: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pager li {
  display: block;
  margin: 0 3px;
  font-size: 16px;
  font-family: "Roboto", SansSerif;
  line-height: 1;
}
.pager li:nth-child(3) {
  margin-left: 15px;
}
.pager li:nth-last-child(3) {
  margin-right: 15px;
}
@media (max-width: 349px) {
  .pager li {
    font-size: 14px;
  }
  .pager li:nth-child(3) {
    margin-left: 5px;
  }
  .pager li:nth-last-child(3) {
    margin-right: 5px;
  }
}
.pager li a {
  width: auto;
  min-width: 1.88em;
  box-sizing: border-box;
  text-align: center;
  place-content: center;
  white-space: nowrap;
  line-height: 1;
  letter-spacing: normal;
  display: inline-block;
  padding: 0.45em 0.35em 0.35em 0.35em;
  text-decoration: none;
  color: #333;
  border: #ddd solid 1px;
  border-radius: 3px;
  background: #fff;
  transition: all 0.3s;
}
.pager li a:hover {
  background: #5885d7;
  color: #fff;
}
.pager li.pg-prev, .pager li.pg-next {
  margin: 0;
}
.pager li.pg-prev img, .pager li.pg-next img {
  width: 16px;
  height: 16px;
}
.pager li.pg-prev a, .pager li.pg-next a {
  padding: 8px;
  background: transparent;
  border: none;
  opacity: 0.4;
}
.pager li.pg-prev a.disabled, .pager li.pg-next a.disabled {
  cursor: default;
  opacity: 0.1;
}
.pager li.pg-prev a.disabled:hover, .pager li.pg-next a.disabled:hover {
  background: transparent;
  opacity: 0.15;
}
.pager li.pg-prev a:hover, .pager li.pg-next a:hover {
  background: #f6f6f6;
  opacity: 1;
}
.pager li.pg-prev img {
  transform: rotate(180deg);
}
.pager li.pg-select a {
  background: #5885d7;
  color: #fff;
}

@media (max-width: 991px) {
  .searchwrap-h2 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .searchwrap-h2 {
    justify-content: inherit;
  }
  .searchwrap-h2 .sw-inbody {
    display: block;
    align-items: inherit;
    gap: 7px;
    padding: 7px 0;
    text-align: right;
  }
  .searchwrap-h2 h3 {
    display: inline-block;
  }
  .searchwrap-h2 .search-area,
  .searchwrap-h2 .search-junre,
  .searchwrap-h2 .search-category,
  .searchwrap-h2 .search-word {
    display: inline-block;
    margin-bottom: 7px;
  }
  .topics-pager {
    display: block;
  }
  .topics-pager .topics-count {
    position: static;
    margin-bottom: 10px;
    text-align: center;
  }
  .topics-pager .pager {
    margin: 0 auto;
    margin-bottom: 15px;
  }
}
/* 施設詳細関連 */
.facilities-mainimage {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 25px;
  padding: 20px 0 50px 0;
}
@media (max-width: 767px) {
  .facilities-mainimage {
    padding: 10px 0 50px 0;
  }
}
.facilities-mainimage .swiper-wrapper .swiper-slide figure {
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
  background: #555;
}
.facilities-mainimage .swiper-wrapper .swiper-slide figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.facilities-mainimage .swiper-wrapper .swiper-slide p {
  text-align: left;
  padding: 0 1em;
  position: relative;
  line-height: 1.5;
}
.facilities-mainimage .swiper-wrapper .swiper-slide p:before {
  content: "";
  width: 3px;
  height: 1.5em;
  position: absolute;
  left: 0;
  top: 0;
  background: #5885d7;
}

.content-body {
  padding: 0 30px;
}
@media (max-width: 767px) {
  .content-body {
    padding: 0;
  }
}

.fb-facname {
  font-size: 20px;
  font-weight: 600;
  color: #5885d7;
  margin: 0;
  padding: 0;
  text-align: left;
  display: none;
  visibility: hidden;
}

.lead--sns {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 50px;
}

.useful-info .ui-link {
  margin-bottom: 20px;
}
.useful-info .ui-link:last-child {
  margin-bottom: 0;
}
.useful-info .ui-link a {
  text-align: left;
  display: block;
  font-size: 16px;
  padding: 0.5em 0.5em 0.5em calc(20px + 1.5em);
  position: relative;
  border: solid 1px #ccc;
  border-radius: 8px;
  line-height: 1.2;
}
.useful-info .ui-link a h3 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}
.useful-info .ui-link a p {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
}
.useful-info .ui-link a:before {
  content: url("../img/common/icon-pdf.svg");
  position: absolute;
  left: 0.75em;
  top: 50%;
  transform: translateY(-50%);
}
.social-media {
  display: flex;
  flex-wrap: wrap;
  border-bottom: dashed 1px #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .lead--sns {
    grid-template-columns: 1fr;
    gap: 5vw;
    margin-bottom: 5vw;
  }
  .useful-info .ui-link {
    margin-bottom: 20px;
  }
  .useful-info .ui-link:last-child {
    margin-bottom: 0;
  }
  .useful-info .ui-link a {
    text-align: left;
    display: block;
    font-size: 16px;
    padding: 0.5em 0.5em 0.5em calc(20px + 1.5em);
    position: relative;
    border: solid 1px #ccc;
    border-radius: 8px;
    line-height: 1.2;
  }
  .useful-info .ui-link a h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
  }
  .useful-info .ui-link a p {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
  }
  .useful-info .ui-link a:before {
    content: url("../img/common/icon-pdf.svg");
    position: absolute;
    left: 0.75em;
    top: 50%;
    transform: translateY(-50%);
  }
  .social-media {
    display: flex;
    flex-wrap: wrap;
    border-bottom: dashed 1px #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
.inset {
  padding: 0;
}

.basis-data {
  border-top: solid 1px #ddd;
}
.basis-data li {
  text-align: left;
  display: grid;
  grid-template-columns: 160px auto;
  align-items: stretch;
  box-sizing: border-box;
  border-bottom: solid 1px #ddd;
}
.basis-data li h3,
.basis-data li p,
.basis-data li div {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  line-height: 1.5;
  padding: 0.5em 1em;
}
.basis-data li h3 {
  color: #555;
  background: #f7f7f7;
}
.basis-data li p a.open-newwindow:after {
  content: url("../img/common/icon-target.svg?b");
  vertical-align: middle;
  margin-left: 0.75em;
  display: inline-block;
  transform: scale(0.75);
  transform-origin: left center;
}
.basis-data li p a.open-pdf {
  font-size: 14px;
  display: inline-block;
  position: relative;
  height: auto;
  box-sizing: border-box;
  color: #000;
  border: solid 1px #777;
  padding: 0.2em calc(20px + 1em) 0.2em 0.75em;
  text-decoration: none;
}
.basis-data li p a.open-pdf:after {
  width: 20px;
  height: 20px;
  content: url(../img/common/icon-pdf.svg);
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
}
.basis-data li .event-poster figure {
  margin-bottom: 15px;
}
.basis-data li .event-poster figure:last-child {
  margin-bottom: 0;
}
.basis-data li .event-poster figure img {
  width: auto;
  max-width: 100%;
}
.basis-data--annotate {
  text-align: right;
  padding: 15px 0;
}
.basis-data--annotate p {
  text-align: left;
  display: inline-block;
  color: #c00;
  font-size: 14px;
  line-height: 1.35;
  margin: 0 auto;
}

@media (max-width: 499px) {
  .basis-data li {
    grid-template-columns: 1fr;
  }
  .basis-data li p {
    padding-bottom: 1em;
  }
}
.option-pict {
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  gap: 5px;
}
.option-pict li {
  display: inline-block;
  border: none;
  /*
      figure{
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        background: #f0f0f0;
        border-radius: 5px;
        margin-bottom: 5px;
        border: solid 1px #ccc;
        img{
          width: 100%;
          height: auto;
        }
      }
  */
}
.option-pict li:after {
  content: "／";
}
.option-pict li:last-child:after {
  content: none;
}
.option-pict li p {
  display: inline-block;
  padding: 0.25em;
  margin: 0;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.25;
}

.correct-request {
  text-align: right;
}

.gmap-wrap {
  padding: 0;
}
.gmap-wrap iframe {
  border: solid 1px #ddd;
  background: #fff;
  width: 100%;
  height: 500px;
  box-sizing: border-box;
}
@media (max-width: 499px) {
  .gmap-wrap iframe {
    height: 50vh;
  }
}

.relation-link {
  display: grid;
  grid-template-columns: 130px auto;
  gap: 30px;
}
.relation-link h3 {
  font-size: 20px;
  font-weight: 400;
  text-align: left;
}
.relation-link dd {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}
.relation-link dd a {
  display: inline-block;
  text-decoration: none;
  line-height: 1.25;
  padding: 0.25em calc(1.25em + 16px) 0.3em 0.75em;
  border: solid 1px #ddd;
  border-radius: 100px;
  position: relative;
}
.relation-link dd a:after {
  content: url("../img/common/arrow-line-right-min.svg");
  position: absolute;
  right: 0.75em;
  top: 50%;
  transform: translateY(-50%);
}
.relation-link dd a.target-class:after {
  content: url("../img/common/icon-target.svg");
  position: absolute;
  right: 0.75em;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 499px) {
  .relation-link {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .relation-link dd {
    padding: 0 0 0 0.5em;
  }
}
.album-photos {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 50px 0;
}
@media (max-width: 767px) {
  .album-photos {
    padding: 10px 0 50px 0;
  }
}
.album-photos .swiper-wrapper .swiper-slide figure {
  width: 100%;
  position: relative;
}
.album-photos .swiper-wrapper .swiper-slide figure img {
  width: 100%;
  height: auto;
}
.album-photos .swiper-wrapper .swiper-slide figure:after {
  content: url("../img/common/icon-zoom.svg");
  position: absolute;
  right: 8px;
  top: 8px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  padding: 7px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  z-index: 1;
}
.album-photos .swiper-wrapper .swiper-slide p {
  text-align: left;
  padding: 0 1em;
  position: relative;
  line-height: 1.5;
}
.album-photos .swiper-wrapper .swiper-slide p:before {
  content: "";
  width: 3px;
  height: 1.5em;
  position: absolute;
  left: 0;
  top: 0;
  background: #5885d7;
}

.time-stamp {
  text-align: right;
  padding-bottom: 10px;
}
.time-stamp span {
  font-size: 12px;
}

/*モデルコース*/
.course-lead {
  text-align: left;
}
.course-lead p {
  font-size: 18px;
  font-weight: 500;
  color: #5885d7;
}

.time-required {
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: center;
  gap: 15px;
}
.time-required h3 {
  display: inline-block;
  margin-right: 1.5em;
}
.time-required p {
  line-height: 1.25;
  padding: 0.25em 0.75em;
  border: solid 1px #333;
  color: #333;
  border-radius: 50px;
  display: inline-block;
}
.time-required .gps-button {
  text-align: right;
}
.time-required .gps-button button {
  display: inline-block;
  background: #fff;
  border: solid 1px #5885d7;
  border-radius: 5px;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  line-height: 1;
  padding: 0.5em 0.85em 0.5em calc(1.7em + 20px);
  position: relative;
}
.time-required .gps-button button:before {
  content: url("../img/common/icon-location.svg");
  position: absolute;
  left: 0.85em;
  top: 50%;
  transform: translateY(-50%);
}

.google-map {
  width: 100%;
  height: 380px;
  border: solid 1px #ddd;
  margin-bottom: 30px;
  border-radius: 10px;
  overflow: hidden;
}

.spot-wrap {
  border: solid 1px #5885d7;
  border-radius: 10px;
  padding: 15px;
  position: relative;
}
.spot-wrap:last-child .flow-num:after {
  content: none;
}

.spot-info {
  display: grid;
  grid-template-columns: 50px 30% auto;
  align-items: stretch;
  gap: 30px;
}
.spot-info figure,
.spot-info .box-noimage {
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 8px;
  background: #f7f7f7;
  position: relative;
  width: 100%;
}
.spot-info figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.spot-info .box-noimage span {
  font-size: 20px;
  display: inline-block;
  color: #aaa;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: "Noto Serif", Serif;
}

.flow-num {
  font-family: "Roboto", SansSerif;
  background: #5885d7;
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  padding: 1em 0 0 0;
  display: inline-block;
  border-radius: 8px;
  position: relative;
}
.flow-num:after {
  content: url("../img/common/arrow-down-blue.svg");
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%) scale(2);
  transform-origin: center top;
  z-index: 3;
}

.spot-data {
  text-align: left;
}
.spot-data a {
  text-decoration: none;
}
.spot-data a h2:after {
  content: "詳細を見る +";
  background: #333;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  display: inline-block;
  padding: 0.35em 1em 0.45em 0.75em;
  border-radius: 50px;
  vertical-align: middle;
  margin-left: 1em;
}
.spot-data h2 {
  font-size: 24px;
  color: #5885d7;
  margin-bottom: 0.35em;
}
.spot-data br {
  display: none;
}
.spot-data p {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

.travel-time {
  padding: 20px 0 20px 100px;
  text-align: left;
}
.travel-time span {
  line-height: 1;
  padding: 0.25em 0.75em 0.35em 0.75em;
  border: solid 1px #777;
  border-radius: 50px;
  display: inline-block;
}

@media (max-width: 767px) {
  .spot-info {
    grid-template-columns: 50px auto;
    gap: 2.5vw;
  }
  .spot-info figure,
  .spot-info .box-noimage {
    aspect-ratio: inherit;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .flow-num {
    font-size: 20px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .spot-data {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .spot-data h2 {
    font-size: 20px;
  }
  .travel-time {
    padding: 20px 0 20px 80px;
  }
}
.go-googlemap {
  padding-top: 12px;
}
.go-googlemap a {
  display: inline-block;
  padding: 0.2em calc(1.7em + 20px) 0.3em 0.85em;
  border: solid 1px #aaa;
  border-radius: 50px;
  position: relative;
}
.go-googlemap a:after {
  content: url("../img/common/icon-location.svg");
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0.85em;
  top: 50%;
  transform: translateY(-50%);
}

.friendship-box {
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  text-align: left;
  background: #f7f7f7;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 120px auto;
}
.friendship-box .fb-title {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0.75em;
}
.friendship-box ul li {
  margin-bottom: 5px;
}
.friendship-box ul li:last-child {
  margin-bottom: 0;
}
.friendship-box ul li a {
  line-height: 1.35;
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  gap: 15px;
  text-decoration: none;
  background: #fff;
  padding: 3px 30px 3px 10px;
  border-radius: 100px;
}
.friendship-box ul li a .company-name {
  font-size: 15px;
  font-weight: 600;
  word-break: break-all;
}
.friendship-box ul li a p {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.fb-more {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: right;
}
.fb-more p {
  border-left: solid 1px #ccc;
  margin: 0.5em 0 0 0;
  padding: 0 1em;
  font-size: 11px;
}
.fb-more p:first-child {
  border-left: none;
}
.fb-more p a {
  display: block;
  text-align: left;
  line-height: 1.25;
}

@media (max-width: 991px) {
  .friendship-box {
    grid-template-columns: 1fr;
    padding: 8px;
    max-width: inherit;
  }
  .friendship-box .fb-title {
    margin-bottom: 0.35em;
  }
  .friendship-box ul li a {
    gap: 10px;
  }
  .friendship-box ul li a .company-name {
    font-size: 14px;
  }
  .friendship-box ul li a p {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .friendship-box .fb-title {
    font-size: 15px;
    margin-bottom: 0.15em;
  }
  .friendship-box ul li a {
    grid-template-columns: 1fr;
    gap: 1px;
    border-radius: 5px;
  }
  .friendship-box ul li a .company-name {
    font-size: 13px;
  }
  .friendship-box ul li a p {
    font-size: 12px;
  }
}
/* イベント */
.tabs-wrap {
  padding: 0;
}

.tw-tab {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-end;
  gap: 3%;
  padding: 0 5%;
  margin-bottom: 15px;
  position: relative;
}
.tw-tab:after {
  content: "";
  width: 100%;
  height: 3px;
  background: #5885d7;
  position: absolute;
  left: 0;
  bottom: 0;
}
.tw-tab li {
  font-size: 22px;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.tw-tab li a,
.tw-tab li span {
  position: relative;
  z-index: 0;
  font-size: 22px;
  color: #555;
  padding: 1em 0.5em;
  display: block;
  text-decoration: none;
  background: linear-gradient(to top, #fff 0%, #fff 45%, #fafafa 80%, #f5f5f5 100%);
  border: solid 1px #ccc;
  border-radius: 8px 8px 0 0;
}
.tw-tab li a small,
.tw-tab li span small {
  display: inline-block;
}
.tw-tab li span.active {
  border: solid 3px #5885d7;
  border-bottom: solid 3px #fff;
  color: #5885d7;
  background: linear-gradient(to top, #fff 0%, #fff 45%, #eaf0fa 80%, #d1def6 100%);
  font-weight: 600;
  z-index: 2;
}

.disp-month {
  display: grid;
  grid-template-columns: 1fr 5fr 1fr;
  align-items: center;
  gap: 0;
  padding: 15px 5%;
  margin-top: 30px;
  margin-bottom: 30px;
  background: linear-gradient(to right, #f7f7f7 0%, #eee 50%, #eee 50%, #f7f7f7 100%);
}
.disp-month .prev,
.disp-month .next {
  font-weight: 500;
}
.disp-month .prev a,
.disp-month .next a {
  font-size: 18px;
  line-height: 1;
  padding: 0.3em 0.75em 0.38em 0.75em;
  border: solid 1px #ccc;
  border-radius: 50px;
  display: inline-block;
  text-decoration: none;
}
.disp-month .prev {
  text-align: left;
}
.disp-month .such {
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  padding: 0.2em 0.5em 0.35em 0.5em;
  margin: 0;
  background: #fff;
  border-radius: 80px;
}
.disp-month .such em {
  font-size: 165%;
  font-weight: 600;
}
.disp-month .such em small {
  font-weight: 400;
  font-size: 80%;
}
.disp-month .next {
  text-align: right;
}

@media (max-width: 767px) {
  .tw-tab {
    gap: 3vw;
    padding: 0 2vw;
    margin-bottom: 3vw;
  }
  .tw-tab li a,
  .tw-tab li span {
    padding: 0.6em 0.3em;
    font-size: 5vw;
  }
  .disp-month {
    grid-template-columns: 1fr 2fr 1fr;
    padding: 3vw;
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
  .disp-month .prev a,
  .disp-month .next a {
    font-size: 14px;
  }
  .disp-month .such {
    font-size: 16px;
  }
  .disp-month .such em {
    font-size: 20px;
  }
}
.tw-tab-sub {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: flex-end;
  gap: 2%;
  border-bottom: solid 1px #5885d7;
  padding: 2.5% 5% 0 5%;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .tw-tab-sub {
    padding: 2.5% 2.5% 0 2.5%;
  }
}
.tw-tab-sub li {
  line-height: 1.3;
  margin: 0;
  padding: 0;
  transform: translateY(1px);
}
.tw-tab-sub li a {
  font-size: 18px;
  color: #555;
  padding: 1em 0.5em;
  display: block;
  text-decoration: none;
  background: #fff;
  border: solid 1px #ccc;
  border-bottom: solid 1px #5885d7;
  border-radius: 8px 8px 0 0;
}
.tw-tab-sub li a br {
  display: none;
}
.tw-tab-sub li a.active {
  border: solid 1px #5885d7;
  border-bottom: solid 1px #fff;
  color: #5885d7;
  font-weight: 600;
}
@media (max-width: 767px) {
  .tw-tab-sub li a {
    padding: 0.75em 0.3em;
    font-size: 3.9vw;
  }
  .tw-tab-sub li a br {
    display: block;
  }
}

.dl-data {
  padding-top: 8px;
}
.dl-data span {
  display: block;
  font-size: 14px;
  line-height: 1.5;
}
.dl-data span.pamph-category {
  color: #5885d7;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 0.25em 0.75em 0.3em 0.75em;
  border: solid 1px #5885d7;
  border-radius: 5em;
}
.dl-data span.pamph-category:after {
  content: none !important;
}
.dl-data span.for_pdf {
  color: #c00;
}
.dl-data p {
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
  margin: 0.35em 0;
}
.dl-data p a {
  display: inline;
  color: #00d;
}

.pamph-dlbutton a {
  display: grid;
  grid-template-columns: 120px auto;
  align-items: center;
  border: solid 1px #5885d7;
  gap: 30px;
  border-radius: 8px;
  padding: 30px;
  text-decoration: none;
  transition: all 0.3s;
}
.pamph-dlbutton a .icon-wrap {
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
  aspect-ratio: 1/1;
  width: 100%;
  padding-top: calc((100% - 36px) / 2);
  border-radius: 50%;
  background: #5885d7;
  position: relative;
}
.pamph-dlbutton a .icon-wrap svg {
  width: 36px;
  height: 36px;
  fill: #fff;
}
.pamph-dlbutton a h3,
.pamph-dlbutton a p {
  margin: 0;
  padding: 0;
  text-align: left;
}
.pamph-dlbutton a h3 {
  font-size: 36px;
  font-weight: 500;
  color: #5885d7;
}
.pamph-dlbutton a p {
  font-size: 16px;
}

@media (max-width: 991px) {
  .pamph-dlbutton a {
    grid-template-columns: 15% auto;
    align-items: flex-start;
    gap: 3%;
    padding: 3%;
    line-height: 1.5;
  }
  .pamph-dlbutton a .icon-wrap {
    padding-top: 20%;
  }
  .pamph-dlbutton a .icon-wrap svg {
    width: 60%;
    height: 60%;
  }
  .pamph-dlbutton a h3 {
    font-size: 22px;
    margin-bottom: 0.35em;
  }
}
@media (max-width: 499px) {
  .pamph-dlbutton a {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 3.85vw;
  }
  .pamph-dlbutton a .icon-wrap {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-bottom: 8px;
    padding-top: 7.5%;
  }
  .pamph-dlbutton a .icon-wrap svg {
    width: 50%;
    height: 50%;
  }
  .pamph-dlbutton a h3 {
    font-size: 18px;
  }
  .pamph-dlbutton a p {
    font-size: 15px;
  }
}
.shop-button {
  text-align: left;
}
.shop-button a {
  font-size: 13px;
  font-weight: 500;
  color: white;
  padding: 0.35em 0.75em;
  border-radius: 2em;
  display: inline-block !important;
  background: #fe6f97;
  text-decoration: none;
}
.shop-button a svg {
  vertical-align: middle;
  fill: white;
}

hr.separator {
  border: none;
  background: transparent;
  height: 60px;
  display: none;
}

.event-heading {
  display: grid;
  grid-template-columns: 290px auto;
  align-items: stretch;
  justify-content: left;
  gap: 20px;
  padding: 0;
  margin: 0 0 20px 0;
  border-radius: 10px;
}
.event-heading h2, .event-heading p {
  margin: 0;
}
.event-heading h2 {
  font-size: 22px;
  line-height: 1;
  background: #eee;
  padding: 0.2em 1em;
  text-align: left;
  color: #fff;
  place-content: center;
  border-radius: 10px;
  position: relative;
}
.event-heading h2:after {
  content: "";
  border: solid 12px transparent;
  border-top: solid 16px #ddd;
  position: absolute;
  left: 60px;
  bottom: 0;
  transform: translateY(99%);
}
.event-heading h2 small {
  font-weight: 400;
}
.event-heading h2 em {
  display: inline-block;
  margin: 0 0.85em;
  font-size: 100%;
  font-style: normal;
}
.event-heading p {
  font-size: 15px;
  padding: 0.75em 0;
  text-align: left;
  line-height: 1.35;
  color: #777;
}
.event-heading.onday h2 {
  background: #cb0100;
}
.event-heading.onday h2:after {
  border-top: solid 16px #cb0100;
}
.event-heading.onday.eho-end h2 {
  background: #670f0e;
}
.event-heading.onday.eho-end h2:after {
  border-top: solid 16px #670f0e;
}
.event-heading.seasonal h2 {
  background: #45862c;
}
.event-heading.seasonal h2:after {
  border-top: solid 16px #45862c;
}
.event-heading.seasonal.ehs-end h2 {
  background: #1d460e;
}
.event-heading.seasonal.ehs-end h2:after {
  border-top: solid 16px #1d460e;
}

@media (max-width: 767px) {
  .event-heading {
    display: block;
  }
  .event-heading h2 {
    font-size: 22px;
    text-align: center;
    padding: 0.5em 0.5em 0.65em 0.5em;
  }
  .event-heading h2:after {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(99%);
  }
  .event-heading p {
    display: none;
  }
}
/* underlayer Basic */
.inner-frame {
  padding: 30px;
}
.inner-frame section {
  padding: 25px 0;
}

@media (max-width: 991px) {
  .inner-frame {
    padding: 15px;
  }
  .inner-frame section {
    padding: 15px 0;
  }
}
@media (max-width: 767px) {
  .inner-frame {
    padding: 0;
  }
}
.gostore-box {
  padding: 50px 0 0 0;
}
.gostore-box .shop-button {
  text-align: center;
}
.gostore-box .shop-button a {
  margin: 0 auto;
  font-size: 24px;
  padding: 0.35em 1em;
  border-radius: 3em;
  display: inline-block !important;
}
.gostore-box .shop-button a svg {
  width: 30px;
  height: 30px;
  margin-right: 0.5em;
  transform: translateY(-10%);
}
@media (max-width: 767px) {
  .gostore-box .shop-button a {
    font-size: 5.5vw;
  }
  .gostore-box .shop-button a svg {
    width: 8vw;
    height: 8vw;
  }
}

.movie-info {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: dashed 1px #ddd;
  text-align: left;
}
.movie-info h3 {
  margin-bottom: 10px;
}
.movie-info h3 svg {
  fill: #f00;
  width: 30px;
  height: 30px;
  overflow: hidden;
  vertical-align: middle;
  transform: translateY(-3px);
}
.movie-info h3 a {
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
  padding: 0.3em 0.75em;
  border: solid 1px #ddd;
  border-radius: 5px;
}
.movie-info input {
  border: none;
  background: #f1f1f1;
  width: 100%;
  display: block;
  box-sizing: border-box;
  font-size: 14px;
}

.submit-box {
  padding: 20px 0;
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
  gap: 20px;
}
.submit-box input.button-reset {
  order: 1;
}
.submit-box input.button-submit {
  order: 2;
}

@media (max-width: 767px) {
  .submit-box {
    grid-template-columns: 1fr;
    flex-wrap: wrap;
  }
  .submit-box input.button-reset {
    order: 2;
  }
  .submit-box input.button-submit {
    order: 1;
  }
}
input.button-reset, input.button-submit {
  margin: 0 7px;
  border: none;
}
input.button-reset {
  background: #f3f3f3;
  font-size: 16px;
  padding: 0.75em 1.5em;
  font-weight: 400;
  border-radius: 8px;
}
input.button-submit {
  background: #c00;
  color: white;
  padding: 0.75em 1.5em;
  border-radius: 8px;
  font-size: 22px;
  font-weight: 700;
}

.pageInqform {
  text-align: right;
}

.parallel-link {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.parallel-link li a {
  display: block;
  font-size: 18px;
  padding: 0.5em;
  border: solid 1px #ddd;
  border-radius: 8px;
  text-decoration: none;
  text-align: left;
}
.parallel-link li a figure {
  display: inline-block;
  vertical-align: middle;
  aspect-ratio: 1/1;
  width: 36px;
  position: relative;
  margin-right: 0.35em;
}
.parallel-link li a figure img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
@media (max-width: 991px) {
  .parallel-link {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5vw;
  }
}
@media (max-width: 768px) {
  .parallel-link {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 499px) {
  .parallel-link {
    grid-template-columns: 1fr;
  }
}

/* for_print */
.for_print header {
  position: static;
}
.for_print .head_wrap {
  grid-template-columns: 150px auto;
}
.for_print .h1-wrap {
  padding: 8px 0;
}
.for_print h1.h1-basis {
  font-size: 22px;
  font-weight: 600;
}
.for_print h1.h1-basis:before {
  content: url("../img/common/icon-printer.svg");
  margin-right: 0.5em;
  vertical-align: middle;
}
.for_print h1.h1-basis small {
  font-weight: 400;
  font-size: 80%;
}
.for_print .inner-frame section {
  padding: 0 0 0 0;
}
.for_print .tel-comment,
.for_print .park_morebtn_wrap {
  text-align: left;
}

header {
  width: 100%;
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  /*
  	&.fixed{
  		position: fixed;
  		left: 0;
  		top: 0;
  		z-index: 999;
  	}
  */
}
@media (max-width: 767px) {
  header {
    position: inherit;
    left: inherit;
    top: inherit;
    z-index: inherit;
  }
}

.head_wrap {
  margin: 0 auto;
  padding: 10px 15px;
  max-width: 1200px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 220px auto;
  align-items: center;
  gap: 0;
}

.site-logo {
  width: 100%;
}
.site-logo a {
  display: block;
}
.site-logo a img {
  width: 100%;
  height: auto;
}

.functions {
  display: grid;
  grid-template-columns: 1fr;
}

.upper-part,
.bottom-part {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: right;
  gap: 10px;
}

.bp-link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: right;
  font-size: 13px;
  gap: 1em;
  padding-top: 0.5em;
}
nav {
  width: 100%;
  background: #5885d7;
}

.pc-nav {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
}
.pc-nav li {
  border-right: solid 1px rgba(255, 255, 255, 0.35);
}
.pc-nav li:last-child {
  border-right: none;
}
.pc-nav li a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  padding: 0.75em;
  font-weight: 600;
}
@media (max-width: 991px) {
  .pc-nav li a {
    font-size: 14px;
    padding: 0.875em;
  }
}

@media (max-width: 767px) {
  .head_wrap {
    grid-template-columns: 48% auto;
  }
  .site-logo {
    max-width: 180px;
  }
  .functions {
    grid-template-columns: 50px;
    justify-content: right;
  }
  .fcts-part {
    display: none;
  }
  nav,
  .pc-nav {
    display: none;
  }
}
/* SPmenu */
.menubtn {
  width: 50px;
  height: 50px;
  cursor: pointer;
  text-align: center;
  background: #5885d7;
  padding-top: 14px;
  box-sizing: border-box;
  transition: all 0.5s;
  position: relative;
  z-index: 105;
  display: block;
}
.menubtn .bar-box {
  width: 50%;
  aspect-ratio: 1/1;
  display: block;
  position: relative;
  margin: 0 auto;
}
.menubtn span {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  transition: 0.3s ease-in-out;
}
.menubtn span:nth-child(1) {
  top: 0;
}
.menubtn span:nth-child(2) {
  top: 39%;
}
.menubtn span:nth-child(3) {
  top: 78%;
}
.menubtn.active span:nth-child(1) {
  top: 39%;
  transform: translateX(-50%) rotate(-45deg);
}
.menubtn.active span:nth-child(2) {
  opacity: 0;
}
.menubtn.active span:nth-child(3) {
  top: 39%;
  transform: translateX(-50%) rotate(45deg);
}
@media (min-width: 768px) {
  .menubtn {
    display: none;
  }
}

.header-alert {
  width: 100%;
  background: rgba(255, 0, 0, 0.08);
  padding: 0.5em 1em;
  box-sizing: border-box;
}
.header-alert .ha-body {
  display: grid;
  grid-template-columns: 7.5em auto;
  gap: 20px;
  justify-content: left;
  text-align: left;
  max-width: 1170px;
  margin: 0 auto;
  font-size: 16px;
}
.header-alert .ha-body h2, .header-alert .ha-body p {
  padding: 0;
  margin: 0;
  line-height: 1.2;
}
.header-alert .ha-body h2 {
  font-size: 93.75%;
  font-weight: 500;
}
.header-alert .ha-body p {
  font-size: 81.25%;
}

.home-h1 {
  font-size: 24px;
  font-weight: 500;
  padding: 0.5em 1em;
  font-family: "Noto Serif JP", Serif;
  line-height: 1.5;
  background: #f5f5f5;
  border-radius: 8px;
  margin: 1em 0 0.5em 0;
  display: none;
}

.home-mainimage {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 25px;
  padding: 20px 20px 50px 20px;
}
@media (max-width: 767px) {
  .home-mainimage {
    padding: 10px 3vw 50px 3vw;
  }
}

.swiper-wrapper {
  align-items: stretch;
}

.swiper-slide a {
  display: block;
  height: 100%;
  background: white;
}
.swiper-slide figure {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .swiper-slide {
    height: unset !important;
  }
  .swiper-slide figure {
    border-radius: none;
  }
  .swiper-slide figure img {
    border-radius: 10px;
  }
}
.ticker-wrap {
  display: grid;
  grid-template-columns: 200px auto;
  align-items: stretch;
  gap: 0;
  box-sizing: border-box;
  max-width: 1200px;
  background: #f7f7f7;
  margin: 0 auto;
  padding: 10px 0;
  overflow: hidden;
}
.ticker-wrap h2 {
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  background: #f7f7f7;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

/*topics-Ticker*/
.ticker-wrap {
  width: 100%;
  white-space: nowrap;
}
.ticker-wrap ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  animation: hscroll 30s linear infinite;
}
.ticker-wrap ul li {
  display: inline-block;
  padding-right: 50px;
}
.ticker-wrap ul li:last-child {
  padding-right: 0;
}

@keyframes hscroll {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes rotation {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/*///////////////////////// 各種一覧用リスト */
.more-more {
  align-items: stretch;
  gap: 30px;
}
.more-more li {
  text-align: left;
}
.more-more li a,
.more-more li .in-block {
  padding: 15px;
  height: 100%;
  box-sizing: border-box;
  border: solid 1px #5885d7;
  text-decoration: none;
  display: block;
  border-radius: 7px;
}
.more-more li a p, .more-more li a h4,
.more-more li .in-block p,
.more-more li .in-block h4 {
  font-size: 14px;
  font-weight: 400;
}
.more-more li a.new-window:after,
.more-more li .in-block.new-window:after {
  right: 15px;
  top: 10px;
}
.more-more li .mm-inlink {
  display: inline-block;
  padding: 0.2em calc(1.75em + 15px) 0.2em 1em;
  border: solid 1px #eee;
  border-radius: 50px;
  height: auto;
  margin-bottom: 6px;
  position: relative;
}
.more-more li .mm-inlink:after {
  content: url("../img/common/arrow-line-right-min.svg");
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.more-more li .mm-inlink:hover:after {
  right: 0.2em;
}
.more-more li h3, .more-more li p, .more-more li h4 {
  margin: 0;
  padding: 0;
}
.more-more li h3 {
  font-size: 18px;
  line-height: 1.35;
  padding-right: 35px;
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
}
.more-more li h3 small {
  font-weight: 400;
}
.more-more li h3 br {
  display: none;
}
.more-more li p {
  text-align: left;
}
@media (max-width: 767px) {
  .more-more {
    grid-template-columns: 1fr 1fr;
    gap: 3.85vw;
  }
  .more-more li a,
  .more-more li .in-block {
    padding: 10px;
  }
  .more-more li a p, .more-more li a h4,
  .more-more li .in-block p,
  .more-more li .in-block h4 {
    line-height: 1.25;
  }
  .more-more li .mm-inlink {
    margin-bottom: 0.3em;
  }
  .more-more li h3 {
    line-height: 1.25;
    font-size: 4.3vw;
  }
  .more-more li h3 br {
    display: block;
  }
}

.pickup-spot {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  gap: 50px;
  margin: 0 auto;
  max-width: 1170px;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .pickup-spot {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .pickup-spot {
    grid-template-columns: 1fr;
    gap: 5vw;
  }
}
.pickup-spot li {
  text-align: left;
}
.pickup-spot li a {
  display: block;
  position: relative;
  border-radius: 10px;
  background: rgba(192, 168, 47, 0.25);
  overflow: hidden;
  text-decoration: none;
  height: 100%;
}
.pickup-spot li a h3 {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  padding: 0.5em 1em 0 1em;
}
.pickup-spot li a figure {
  aspect-ratio: 1/0.75;
  width: 100%;
  border-radius: 8px 8px 0 0;
  position: relative;
}
.pickup-spot li a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pickup-spot li a p {
  font-size: 14px;
  line-height: 1.25;
  padding: 0 1em;
}

.reservation-cycle {
  align-items: stretch;
  box-sizing: border-box;
}
.reservation-cycle li {
  margin-bottom: 20px;
}
.reservation-cycle li a {
  text-decoration: none;
  display: block;
  padding: 18px;
  background: #fff;
  border-radius: 5px;
  text-align: left;
}
.reservation-cycle li a h3 {
  font-size: 20px;
  font-weight: 700;
}
.reservation-cycle li a h3 span {
  font-size: 16px;
  font-weight: 400;
  padding: 0 0.5em;
  display: inline-block;
}
@media (max-width: 767px) {
  .reservation-cycle li a {
    padding: 10px;
  }
  .reservation-cycle li a h3 {
    font-size: 18px;
    line-height: 1.38;
  }
}

/* section装飾 */
.cycling-go {
  background: #f7f7f7;
  width: 100%;
}

.search-spots {
  background: rgba(192, 168, 47, 0.25);
}

.visual-cycling {
  position: relative;
  transform: rotate(-4deg);
}
.visual-cycling:before {
  content: "go on a bicycle trip";
  position: absolute;
  left: 10%;
  top: 10%;
  font-size: 36px;
  color: #ff0;
  transform: rotate(4deg);
}

.cycling-go .grid-column2 .visual-cycling {
  order: 1;
}
.cycling-go .grid-column2 .inset-half {
  order: 2;
}

@media (max-width: 767px) {
  .cycling-go .grid-column2 .visual-cycling {
    order: 2;
  }
  .cycling-go .grid-column2 .visual-cycling:before {
    font-size: 7vw;
  }
  .cycling-go .grid-column2 .inset-half {
    order: 1;
  }
}
.sisiter-site {
  gap: 50px;
  align-items: stretch;
}
@media (max-width: 991px) {
  .sisiter-site {
    gap: 50px;
  }
}
.sisiter-site li {
  display: block;
}
.sisiter-site li a {
  text-decoration: none;
  display: block;
  padding: 30px;
  background: rgba(192, 168, 47, 0.25);
  border-radius: 5px;
  height: 100%;
  box-sizing: border-box;
}
.sisiter-site li a figure {
  max-width: 35%;
  border-radius: 7px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.sisiter-site li a h3 {
  font-size: 20px;
  font-family: "Noto Serif JP", Serif;
  color: #5885d7;
  background: #fff;
  border-radius: 50px;
  padding: 0.2em 1em;
  margin-bottom: 0.5em;
}
.sisiter-site li a p {
  text-align: left;
  font-size: 14px;
  margin: 0;
  line-height: 1.35;
  padding: 0 0.5em;
}

@media (max-width: 767px) {
  .sisiter-site {
    gap: 3.5vw 0;
  }
  .sisiter-site li {
    padding: 0 5vw;
  }
  .sisiter-site li a {
    padding: 5vw;
  }
  .sisiter-site li a figure {
    width: 50%;
  }
  .sisiter-site li a h3 {
    font-size: 20px;
  }
}
.srch-keyword {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.srch-keyword h2 {
  font-size: 16px;
  font-weight: 500;
}
.srch-keyword h2 span {
  font-size: 13px;
}

.sj-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  align-items: center;
}
.sj-buttons li a {
  display: block;
  text-decoration: none;
  line-height: 1;
  padding: 0.75em;
  background: #fff;
  border-radius: 30px;
}

@media (max-width: 767px) {
  .search-junre {
    grid-template-columns: 1fr;
  }
  .srch-keyword {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 20px;
    align-items: center;
    justify-content: center;
  }
  .sj-buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    align-items: center;
  }
  .sj-buttons li a {
    display: block;
    text-decoration: none;
    line-height: 1;
    padding: 0.75em;
    background: #fff;
    border-radius: 30px;
  }
}
.topics-tab {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 5px;
  padding: 0 20px;
  border-bottom: solid 1px #5885d7;
}
.topics-tab li {
  cursor: pointer;
  font-weight: 400;
  display: block;
  text-decoration: none;
  padding: 0.75em 0;
  background: #fff;
  border-radius: 5px 5px 0 0;
  border: solid 1px #5885d7;
  margin-bottom: -1px;
  transition: all 0.5s;
}
.topics-tab li.active, .topics-tab li:hover {
  font-weight: 600;
  background: #fcfbf3;
  border-bottom: solid 1px #fcfbf3;
}

@media (max-width: 767px) {
  .topics-tab {
    padding: 0 10px;
  }
  .topics-tab li {
    padding: 0.75em 0.35em;
    font-size: 14px;
    line-height: 1.15;
    word-break: break-word;
  }
}
.content {
  padding: 20px 30px;
  display: none;
  border: solid #5885d7;
  border-width: 0 1px 1px 1px;
  background: #fcfbf3;
}
.content.show {
  display: block;
}

.content-head {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
.content-head p {
  margin: 0;
}
.content-head p a {
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  padding: 0.25em 1em 0.35em 1em;
  border: solid 1px #ccc;
  border-radius: 50px;
}

.home-topics {
  width: auto;
  position: relative;
}
.home-topics.limit-height {
  height: 713px;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media (max-width: 499px) {
  .home-topics.limit-height {
    height: 300px;
  }
}

.topics-unit {
  max-width: 992px;
  margin: 0 auto;
}
.topics-unit li {
  position: relative;
  text-align: left;
  border-bottom: dashed 1px #ddd;
  padding: 0;
}
.topics-unit li a,
.topics-unit li .nolink,
.topics-unit li .none-link {
  display: grid;
  grid-template-columns: auto 120px;
  gap: 3%;
  padding: 15px 60px 15px 15px;
  text-decoration: none;
  box-sizing: border-box;
}
.topics-unit li a .area-name,
.topics-unit li .nolink .area-name,
.topics-unit li .none-link .area-name {
  position: static;
  width: auto;
  text-align: left;
  margin: 0.35em 0;
}
.topics-unit li a .area-name span,
.topics-unit li .nolink .area-name span,
.topics-unit li .none-link .area-name span {
  border: solid 1px #5885d7;
}
.topics-unit li a {
  background: #fff;
  transition: all 0.5s;
  position: relative;
}
.topics-unit li a:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 8px;
  height: 8px;
  opacity: 0.5;
  transform: translate3d(-10px, -50%, 0px) rotate3d(0, 0, 1, 45deg);
  border-style: solid;
  border-width: 2px;
  border-color: rgb(10, 35, 66) rgb(10, 35, 66) transparent transparent;
  transition: 0.4s;
}
.topics-unit li a:hover {
  background: #f2f2f2;
}
.topics-unit li a:hover:after {
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg);
  opacity: 1;
}
.topics-unit li a.new-window:after, .topics-unit li a.new-window_pdf:after {
  content: url(../img/common/icon-target.svg?b);
  right: 20px;
  width: inherit;
  height: inherit;
  transform: translateY(-50%);
  border-style: inherit;
  border-width: inherit;
  border-color: inherit;
}
.topics-unit li a.new-window:hover:after, .topics-unit li a.new-window_pdf:hover:after {
  right: 20px;
  transform: translateY(-50%) scale(1.1);
}
.topics-unit li a.new-window:after {
  content: url(../img/common/icon-target.svg);
}
.topics-unit li a.new-window_pdf:after {
  content: url(../img/common/icon-pdf.svg);
}
.topics-unit li .none-link {
  border-bottom: solid 1px rgba(192, 168, 47, 0.25);
}
.topics-unit li figure {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 7px;
  margin: 0;
}
.topics-unit li figure img {
  width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}
.topics-unit li .topics-date {
  padding: 0;
  margin: 0;
  text-align: left;
}
.topics-unit li h3 {
  font-size: 16px;
  line-height: 1.39;
  text-align: left;
  padding: 0;
  margin: 0.25em 0 0 0;
}
.topics-unit li .txt-adLink {
  margin: 0 0 1em 0;
  padding: 0px 15px 0px 15px;
}
.topics-unit li .txt-adLink a {
  display: inline;
  padding: 0;
  color: #00c;
  text-decoration: underline;
  background: transparent;
  transition: all 0.3s;
}
.topics-unit li .txt-adLink a:after {
  content: none;
}
.topics-unit li .txt-adLink a:hover {
  color: #c00;
}
.topics-unit li .link-pdf-box {
  text-align: right;
  padding: 15px 40px 15px 10px;
  background: linear-gradient(to right, #fff 0%, #fff 30%, #f8f8f8 100%);
}
.topics-unit li .link-pdf-box a {
  font-size: 14px;
  display: inline-block;
  position: relative;
  height: auto;
  box-sizing: border-box;
  color: #000;
  border: solid 1px #777;
  padding: 0.2em calc(20px + 1em) 0.2em 0.75em;
}
.topics-unit li .link-pdf-box a:before {
  width: 20px;
  height: 20px;
  content: url("../img/common/icon-pdf.svg");
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
}
.topics-unit li .link-pdf-box a:after {
  content: none;
}
.topics-unit li .link-pdf-box a:hover {
  background: #fff;
}

@media (max-width: 767px) {
  .topics-unit li a,
  .topics-unit li .nolink,
  .topics-unit li .none-link {
    grid-template-columns: 1fr;
    height: auto;
  }
  .topics-unit li a:after {
    right: 15px;
    transform: translate3d(0, -50%, 0px) rotate3d(0, 0, 1, 45deg);
    opacity: 1;
  }
  .topics-unit li a:hover:after {
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg);
  }
  .topics-unit li figure {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 8px;
  }
}
.tpx-cat {
  display: inline-block;
  margin: 0 0.75em 0.2em 0.75em;
  vertical-align: middle;
  line-height: 1;
  font-weight: 500;
  font-size: 80%;
  color: #fff;
  padding: 0.25em 0.5em 0.3em 0.5em;
  border-radius: 3px;
}
.tpx-cat.tpx {
  background: #5885d7;
}
.tpx-cat.ssi {
  background: orange;
}

.tpx-area {
  display: inline-block;
  background: #fff;
  font-size: 80%;
  border-radius: 30px;
  padding: 0.25em 0.75em 0.3em 0.75em;
  font-weight: 500;
  line-height: 1.25;
  border: solid 1px #f2f2f2;
}

.foot-banner .fb-list {
  gap: 30px;
  align-items: center;
  flex-wrap: wrap;
}
.foot-banner .fb-list li a {
  display: block;
}
.foot-banner .fb-list figure {
  background: #fafafa;
  margin: 0;
  padding: 0;
}
.foot-banner .fb-list figure img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
@media (max-width: 991px) {
  .foot-banner .fb-list {
    gap: 3vw;
  }
}

/*モデルコースSwiper*/
.modelcourse-wrap {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding-bottom: 50px;
  position: relative;
}
@media (max-width: 767px) {
  .modelcourse-wrap {
    padding: 0 5vw 50px 5vw;
  }
}
.modelcourse-wrap .swiper-slide a {
  text-decoration: none;
}
.modelcourse-wrap .swiper-slide figure {
  aspect-ratio: 1/1;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 7px;
  position: relative;
}
.modelcourse-wrap .swiper-slide figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modelcourse-wrap .swiper-slide h3 {
  font-size: 17px;
  font-weight: 500;
  text-align: left;
  line-height: 1.5;
  min-height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.modelcourse-wrap .swiper-slide .time-required_slide {
  text-align: left;
  margin: 0.35em 0;
}
.modelcourse-wrap .swiper-slide .time-required_slide span {
  display: inline-block;
  position: relative;
  font-size: 12px;
  padding: 0.25em 1em 0.25em calc(1.5em + 16px);
  border: solid 1px #ccc;
  border-radius: 50px;
}
.modelcourse-wrap .swiper-slide .time-required_slide span:before {
  content: url("../img/common/icon-time.svg");
  position: absolute;
  left: 0.75em;
  top: 50%;
  transform: translateY(calc(-50% + 0.15em));
}
.modelcourse-wrap .swiper-slide.gourmet-souvenir h3 {
  min-height: inherit;
}
.modelcourse-wrap .swiper-slide.gourmet-souvenir p {
  font-size: 14px;
  text-align: left;
  line-height: 1.8;
}

.digital-map {
  background: #f5f5f5;
  border: none;
  width: 100%;
  overflow: hidden;
  height: 500px;
}

@media (max-width: 767px) {
  .digital-map {
    height: 60vh;
  }
}
.sakura-wrap {
  margin: 0 auto;
  margin-bottom: 15px;
  padding: 20px 15px;
  max-width: 1170px;
  width: 100%;
  box-sizing: border-box;
}

.sakura-banner {
  text-decoration: none !important;
  display: grid;
  grid-template-columns: 230px auto;
  gap: 0;
  flex-wrap: nowrap;
  align-items: flex-end;
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 5px;
  overflow: hidden;
  background: #ffd4ea url("../img/home/sakura-bg.png") no-repeat center center;
  background-size: 100% auto;
  border: solid 1px #ffbcdf;
  position: relative;
  transition: all 0.3s;
}
.sakura-banner:after {
  content: url("../img/home/icon_arrow_pink.png");
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.sakura-banner:hover {
  background: #ffbcdf url("../img/home/sakura-bg.png") no-repeat center center;
  background-size: 110% auto;
}
.sakura-banner:hover:after {
  right: 10px;
}
.sakura-banner figure {
  height: auto;
  width: 100%;
}
.sakura-banner figure img {
  width: 100%;
  height: auto;
}
.sakura-banner .sakura-lead {
  text-align: left;
  padding: 15px 30px 25px 0;
}
.sakura-banner .sakura-lead h2 {
  display: block;
  color: #ce176d;
  line-height: 1.5;
  font-size: 36px;
  font-weight: 600;
  text-shadow: 0 4px 1px #fff, 1px 3px 1px #fff, 2px 3px 1px #fff, 2px 2px 1px #fff, 3px 2px 1px #fff, 3px 1px 1px #fff, 4px 0 1px #fff, 3px -1px 1px #fff, 3px -2px 1px #fff, 2px -2px 1px #fff, 2px -3px 1px #fff, 1px -3px 1px #fff, 0px -4px 1px #fff, -1px -3px 1px #fff, -2px -3px 1px #fff, -2px -2px 1px #fff, -3px -2px 1px #fff, -3px -1px 1px #fff, -4px 0 1px #fff, -3px 1px 1px #fff, -3px 2px 1px #fff, -2px 2px 1px #fff, -2px 3px 1px #fff, -1px 3px 1px #fff;
}
.sakura-banner .sakura-lead h2 small {
  display: inline-block;
  margin-right: 0.3em;
  color: #333;
  font-size: 30px;
  text-shadow: none;
}
@media (max-width: 991px) {
  .sakura-banner .sakura-lead h2 {
    font-size: 30px;
  }
  .sakura-banner .sakura-lead h2 small {
    font-size: 24px;
  }
}
.sakura-banner .sakura-lead p {
  margin: 0;
  padding: 1em 0 0 0;
}

@media (max-width: 767px) {
  .sakura-banner {
    grid-template-columns: 22vw auto;
    gap: 0;
    flex-wrap: inherit;
    align-items: inherit;
    background: #ffbcdf url("../img/home/sakura-bg.png") no-repeat center center;
    background-size: 110% auto;
  }
  .sakura-banner:after {
    right: 10px;
  }
  .sakura-banner:hover:after {
    right: 10px;
  }
  .sakura-banner figure img {
    transform: translateY(2.5vw);
  }
  .sakura-banner .sakura-lead {
    padding: 3.5vw 50px 3.5vw 3.5vw;
  }
  .sakura-banner .sakura-lead h2 {
    font-size: 5.5vw;
  }
  .sakura-banner .sakura-lead h2 small {
    display: block;
    font-size: 5vw;
  }
  .sakura-banner .sakura-lead p {
    margin-left: -22vw;
    margin-right: -3.5vw;
    font-size: 14px;
    line-height: 1.5;
  }
}
footer {
  background: rgba(192, 168, 47, 0.25);
  padding: 50px 0 70px 0;
}
@media (max-width: 767px) {
  footer {
    padding: 5vw 1.5vw 25vw 1.5vw;
  }
}

.pagetop {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 35px;
  height: 35px;
  padding: 15px;
  z-index: 500;
  background: #5885d7;
}
@media (max-width: 767px) {
  .pagetop {
    bottom: 22.5vw;
  }
}
.pagetop svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}
.foot-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  margin: 0 auto;
  margin-bottom: 80px;
  gap: 30px;
}
.foot-wrap .fw-link {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
}
.foot-wrap .fw-block {
  text-align: left;
  font-size: 14px;
}
.foot-wrap .fw-block .site-logo {
  max-width: 200px;
  margin-bottom: 5px;
}
.foot-wrap .fw-block h2 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0.5em;
}
.foot-wrap .fw-block ul li {
  font-size: 13px;
  padding-left: 0.75em;
}
.foot-wrap .fw-block ul li a {
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.foot-wrap .fw-block ul li a.new-window {
  padding-right: 35px;
}

@media (max-width: 991px) {
  .foot-wrap {
    grid-template-columns: 2fr 1fr;
  }
  .foot-wrap .fw-link {
    grid-template-columns: 1fr;
  }
  .foot-wrap .fw-block {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .foot-wrap {
    grid-template-columns: 1fr;
  }
  .foot-wrap .fw-link {
    order: 1;
  }
  .foot-wrap .fw-block:first-child {
    order: 2;
  }
}
address {
  margin-top: 10px;
  font-style: normal;
}
address p {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
address p span {
  display: inline-block;
  padding-right: 0.5em;
}

/* MOBILE-FOOTER-MENU */
.mobile-footer-menu {
  display: none;
  position: relative;
}
@media (max-width: 767px) {
  .mobile-footer-menu {
    display: block;
  }
}
.mobile-footer-menu .fm-button {
  position: fixed;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  list-style: none;
  z-index: 9999;
  border-top: solid 1px #777;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: stretch;
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1);
}
.mobile-footer-menu .fm-button li {
  border-left: solid 1px #aaa;
  text-align: center;
}
.mobile-footer-menu .fm-button li:first-child {
  border-left: none;
}
.mobile-footer-menu .fm-button li a {
  display: block;
  color: #5885d7;
  background: transparent;
  font-weight: 500;
  text-decoration: none;
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding-top: 3vw;
}
.mobile-footer-menu .fm-button li a span {
  display: block;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
}
.mobile-footer-menu .fm-button li a span svg {
  width: 35%;
  height: auto;
  fill: #5885d7;
  padding: 0;
  margin: 0;
}
.mobile-footer-menu .fm-button li a small {
  display: block;
  font-size: 3vw;
  letter-spacing: 0;
  line-height: 1.1;
}
.mobile-footer-menu .fm-button li a.active {
  color: #111;
  background: #efefef;
  font-weight: 500;
}
.mobile-footer-menu .fm-button li a.active span svg {
  fill: #111;
}
.mobile-footer-menu .fm-button li .menubtn {
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  background: #5885d7;
  padding-top: 5.25vw;
  box-sizing: border-box;
  transition: all 0.5s;
}
.mobile-footer-menu .fm-button li .menubtn .bar-box {
  width: 34%;
  aspect-ratio: 1/1;
  display: block;
  position: relative;
  margin: 0 auto;
}
.mobile-footer-menu .fm-button li .menubtn span {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  transition: 0.3s ease-in-out;
}
.mobile-footer-menu .fm-button li .menubtn span:nth-child(1) {
  top: 0;
}
.mobile-footer-menu .fm-button li .menubtn span:nth-child(2) {
  top: 39%;
}
.mobile-footer-menu .fm-button li .menubtn span:nth-child(3) {
  top: 78%;
}
.mobile-footer-menu .fm-button li .menubtn p {
  color: #fff;
  display: block;
  font-size: 3.25vw;
  margin-top: 0.15em;
  line-height: 1.35;
}
.mobile-footer-menu .fm-button li .menubtn.active span:nth-child(1) {
  top: 39%;
  transform: translateX(-50%) rotate(-45deg);
}
.mobile-footer-menu .fm-button li .menubtn.active span:nth-child(2) {
  opacity: 0;
}
.mobile-footer-menu .fm-button li .menubtn.active span:nth-child(3) {
  top: 39%;
  transform: translateX(-50%) rotate(45deg);
}

/*  ドロワーメニュー実装  */
.drower-panel {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  color: #fff;
  border-top: solid 2px #000;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
}
.drower-panel.active {
  opacity: 1;
  visibility: visible;
  transition: all 0.6s;
}
.drower-panel .dp-inset {
  height: 85vh;
  overflow: auto;
  border-bottom: solid 1px white;
}
.drower-panel .dp-inset .dp-innerbox {
  padding: 0 5vw 3.5vw 5vw;
}
.drower-panel .dp-inset .site-logo {
  padding: 25px 15px;
  width: 40vw;
}
.drower-panel .dp-inset .site-logo a {
  width: 40vw;
}
.drower-panel .dp-inset .site-logo a img {
  width: 100%;
  height: auto;
}
.drower-panel .dp-inset nav {
  box-sizing: border-box;
  padding: 0 5vw;
  background: transparent;
  display: none;
}
@media (max-width: 767px) {
  .drower-panel .dp-inset nav {
    display: block;
  }
}
.drower-panel .dp-inset nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.drower-panel .dp-inset nav ul li {
  text-align: left;
  box-sizing: border-box;
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
.drower-panel .dp-inset nav ul a {
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  display: block;
  background: transparent;
  padding: 0.35em 1em;
  position: relative;
}
.drower-panel .dp-inset nav ul a:after {
  content: ">";
  position: absolute;
  right: 2.5vw;
  top: 50%;
  transform: translateY(-50%);
}
.drower-panel .dp-inset nav ul a.new-window-min:before, .drower-panel .dp-inset nav ul a.new-window-min:after {
  content: "";
  display: block;
  width: 12px;
  height: 7px;
  border: solid 1px white;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.drower-panel .dp-inset nav ul a.new-window-min:before {
  right: calc(2.5vw - 1px);
  transform: translateY(calc(-50% - 1.5px));
}
.drower-panel .dp-inset nav ul a.new-window-min:after {
  right: calc(2.5vw + 1px);
  transform: translateY(calc(-50% + 1.5px));
}
.drower-panel .dp-inset nav ul.dp-main {
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  margin-bottom: 0.5em;
}
.drower-panel .dp-inset nav ul.dp-main li {
  font-size: 16px;
}
.drower-panel .dp-inset nav ul.dp-sub {
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  margin-bottom: 1.5em;
}
.drower-panel .dp-inset nav ul.dp-sub li {
  font-size: 14px;
}
.drower-panel .dp-inset nav .dp-sub_title {
  padding: 0.5em 0 0.35em 0.25em;
  text-align: left;
  font-size: 15px;
}

.bnr-onotabi_shop {
  max-width: 1140px;
  padding: 50px 0;
  margin: 0 auto;
}
.bnr-onotabi_shop ul {
  display: grid;
  grid-template-columns: repeat(2, auto);
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  padding: 0;
}
.bnr-onotabi_shop ul li {
  max-width: 344px;
  width: 100%;
  text-align: center;
}
.bnr-onotabi_shop ul li img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .bnr-onotabi_shop ul {
    grid-template-columns: 1fr;
    width: 90%;
    margin: 0 auto;
    justify-content: center;
    gap: 15px;
  }
  .bnr-onotabi_shop ul li {
    max-width: inherit;
  }
}

/*recapcha*/
.grecaptcha-badge {
  z-index: 101;
}

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