/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default;
  /* 1 */
  line-height: 1.5;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  tab-size: 4;
  /* 3 */
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  /* 5 */
  -webkit-text-size-adjust: 100%;
  /* 5 */
  word-break: break-word;
  /* 6 */
}

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

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

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

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

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * 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
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * 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 size in all browsers.
 */
small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * 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 iframes in all browsers (opinionated).
 */
iframe {
  border-style: none;
}

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

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor;
}

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

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible;
  /* 1 */
  text-transform: none;
  /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0;
  /* 1 */
  padding: 0.35em 0.75em 0.625em;
  /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
}

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

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0;
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
  /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  padding: 0;
}

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

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * 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;
}

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation;
  /* 2 */
}

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

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

h1, h2, h3, h4, h5, h6, p, figure, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html {
  font-size: 62.5%;
}

body {
  background: #ffffff;
  font-size: 1.6rem;
  line-height: 2;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC", "HanHei SC", "Helvetica Neue", Microsoft Yahei,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

html, body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

button {
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC", "HanHei SC", "Helvetica Neue", Microsoft Yahei,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.w-container {
  width: min(95%, 1200px);
  margin: auto;
  position: relative;
}

@media screen and (max-width: 960px) {
  .sp-w-container {
    width: 95%;
    margin: auto;
  }
}
@media screen and (min-width: 961px) {
  .pc-w-container {
    width: min(95%, 1200px);
    margin: auto;
  }
}
.w-container-100 {
  width: min(100%, 1200px);
  margin: auto;
  position: relative;
}

.main {
  padding-top: 58px;
}
@media screen and (min-width: 961px) {
  .main {
    padding-top: 0px;
  }
}

.lists-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media screen and (max-width: 960px) {
  .lists-container {
    place-items: center;
    gap: 20px;
  }
}

@media screen and (min-width: 961px) {
  .lists-container {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px clamp(30px, 3vw, 50px);
    width: min(95%, 1200px);
    margin: auto;
  }
}
.js_go-top {
  cursor: pointer;
  position: fixed;
  right: 10px;
  bottom: 70px;
}
.js_go-top img {
  width: clamp(30px, 5vw, 50px);
}
@media screen and (max-width: 960px) {
  .js_go-top {
    bottom: 15px;
  }
}

.grecaptcha-badge {
  bottom: 140px !important;
}
@media screen and (max-width: 960px) {
  .grecaptcha-badge {
    bottom: 70px !important;
  }
}

.header {
  background-color: #ffffff;
  letter-spacing: 0.05em;
  z-index: 100;
}
@media screen and (min-width: 961px) {
  .header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

.header-inner {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 960px) {
  .gnav-bg {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 110;
    background-color: #fff;
  }
}
.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 961px) {
  .header-container {
    height: 100px;
  }
}

.openbtn1 {
  position: relative;
  width: 50px;
  height: 37px;
  border-radius: 5px;
  z-index: 150;
  padding: 0;
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #aaaaaa;
}

.openbtn1 span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 14px;
  border-radius: 2px;
  border-bottom: 2px solid black;
  width: 45%;
}

.open .openbtn1 span {
  border-bottom-color: #000000;
}

.openbtn1 span:nth-of-type(1) {
  top: 15px;
}

.openbtn1 span:nth-of-type(2) {
  top: 23px;
}

.openbtn1 span:nth-of-type(3) {
  top: 31px;
}

.openbtn1.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}

@media screen and (max-width: 960px) {
  .nav {
    position: fixed;
    inset: 0 -100% 0 100%;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.9);
    transition: transform 0.3s;
    height: 100%;
  }

  .nav ul {
    overflow: auto;
    height: 100%;
  }

  .nav .gnav01 {
    border-top: 1px solid #00699c;
    cursor: pointer;
  }

  .nav > ul {
    padding-top: clamp(58px, 7vw, 80px);
    padding-bottom: 50px;
  }

  .open .nav {
    transform: translate(-100%, 0);
  }

  .gnav-subArea {
    display: none;
  }

  .sp-gnav-ttl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px;
  }

  .sp-toggle-icon {
    width: 15px;
    height: 15px;
    position: relative;
    top: 50%;
  }
  .sp-toggle-icon::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 15px;
    height: 1px;
    content: "";
    display: block;
    background-color: #00699c;
    transition: all 0.5s;
  }
  .sp-toggle-icon::after {
    position: absolute;
    left: 7px;
    width: 1px;
    height: 15px;
    top: 0;
    content: "";
    display: block;
    background-color: #00699c;
    transition: all 0.5s;
  }

  .js-is-opened .sp-toggle-icon::before {
    display: none;
  }
  .js-is-opened .sp-toggle-icon::after {
    transform: rotate(90deg);
  }

  .gnav01-inner03-list li {
    padding: 13px;
    border-top: 1px solid #00699c;
    position: relative;
    text-indent: 1.5rem;
  }
  .gnav01-inner03-list li::after {
    position: absolute;
    top: 50%;
    right: 14px;
    content: ">";
    font-size: 2rem;
    margin-top: -16px;
  }
  .gnav01-inner03-list li a {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .site {
    margin-left: 8px;
  }
}
.site img {
  width: clamp(160px, 20vw, 256px);
}
@media screen and (max-width: 960px) {
  .site {
    position: fixed;
    top: 12px;
    left: 0;
    z-index: 200;
  }
}

.sp-gnav {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 200;
}

.sp-gnav-hambTtl {
  font-size: 1rem;
  letter-spacing: -0.2em;
  text-align: center;
}
@media screen and (min-width: 961px) {
  .sp-gnav-hambTtl {
    display: none;
  }
}

@media screen and (min-width: 961px) {
  .nav {
    margin-left: auto;
    position: relative;
  }

  .nav > ul {
    display: flex;
    gap: 12px;
    margin: 0;
  }

  .openbtn1 {
    display: none;
  }

  .top-nav-mar01 {
    gap: clamp(10px, 3vw, 30px) !important;
  }
}
@media screen and (max-width: 960px) {
  .header-contact {
    display: none;
  }
}
@media screen and (min-width: 961px) {
  .gnav01 {
    position: relative;
    cursor: default;
    height: 34px;
    display: flex;
    align-items: flex-end;
  }
  .gnav01 a {
    border-bottom: 2px solid #ffffff;
    transition: 0.3s;
    font-weight: bold;
  }

  .gnav01-inner {
    top: 0;
    left: 50%;
    position: absolute;
    opacity: 0;
    transition: 0.3s;
    margin-top: 35px;
    pointer-events: none;
  }
  .gnav01-inner:after {
    margin-top: 20px;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15);
    margin-left: -50%;
    background-color: #fff;
  }
  .gnav01-inner li {
    margin-bottom: 1em;
  }
  .gnav01-inner li:last-child {
    margin-bottom: 0;
  }

  .gnav01.js-open .gnav01-inner {
    opacity: 1;
  }

  .gnav01-inner02 {
    cursor: default;
    width: 100%;
    position: relative;
  }

  .gnav01-inner03 {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 10;
    margin-left: -50%;
    padding: 40px 20px 20px;
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
  }
  .gnav01-inner03 a {
    border-bottom: 2px solid #ffffff;
    transition: 0.3s;
    font-weight: bold;
  }
  .gnav01-inner03 a:hover {
    border-bottom: 2px solid #00699c;
  }

  .gnav-ttl a {
    border-bottom: 5px solid #ffffff;
    transition: 0.3s;
    font-weight: bold;
    padding-bottom: 4px;
  }
  .gnav-ttl a:hover {
    border-bottom: 5px solid #00699c;
    color: #00699c;
  }
  .gnav-ttl a.current {
    border-bottom: 5px solid #00699c;
    color: #00699c;
  }
}
.gnav-subArea {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 50px;
}
.gnav-subArea .sf-input-text {
  padding: 6px;
}

.open body {
  height: 100%;
  overflow: hidden;
}

@media screen and (min-width: 961px) {
  .gnav01-inner03-list {
    display: block;
  }
}
@media screen and (max-width: 960px) {
  .gnav01-inner03-list {
    display: none;
  }
}
.header-breadcrumbs-wrapper {
  background-color: #dcece9;
}

.header-breadcrumbs {
  padding: 10px 0;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 961px) {
  .header-breadcrumbs {
    width: min(95%, 1200px);
    margin: auto;
  }
}
@media screen and (max-width: 960px) {
  .header-breadcrumbs {
    margin-left: 20px;
    white-space: nowrap;
    overflow-x: auto;
  }
}
.header-breadcrumbs a {
  transition: 0.3s;
  border-bottom: 1px solid #dcece9;
}
.header-breadcrumbs a:hover {
  border-bottom: 1px solid #000000;
}

.sp-gnav-one {
  border-top: 1px solid #00699c;
  padding: 13px;
}
.sp-gnav-one a {
  display: block;
}

.sp-gnav-en {
  text-align: center;
  border-bottom: none;
  padding: 30px;
}

.sf-input-text {
  border: 1px solid #666666;
}

.footer {
  background-color: #e9f2f8;
}

.footer-gnav {
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
  margin-top: 100px;
}

.footer-gnav-list li {
  margin-bottom: 0.6rem;
}

.footer-gnav-ttl {
  font-weight: bold;
  color: #00699c;
  margin-bottom: 1rem;
}

.footer-link {
  border-bottom: 1px solid #e9f2f8;
  transition: 0.4s;
}

.footer-link:hover {
  border-bottom: 1px solid #00699c;
}

.footer-end {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
}
@media screen and (min-width: 961px) {
  .footer-end {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 960px) {
  .footer-end {
    margin-top: 30px;
    row-gap: 1rem;
  }
}

.footer-end-sns {
  display: flex;
  gap: 20px;
}

.sp-footer-gnav {
  padding-top: 20px;
  margin-top: 70px;
}

.sp-footer-gnav .gnav01 {
  border-top: 1px solid #00699c;
}
.sp-footer-gnav .gnav01:last-child {
  border-bottom: 1px solid #00699c;
}

.bl_halfMedia {
  margin: clamp(20px, 5vw, 50px) auto 0;
}

.bl_halfMedia_imgWrapper {
  text-align: center;
}

@media screen and (min-width: 961px) {
  .bl_halfMedia {
    display: flex;
    align-items: center;
    gap: 40px;
    width: min(95%, 1200px);
  }
  .bl_halfMedia.reverse {
    flex-direction: row-reverse;
  }

  .bl_halfMedia_body {
    flex: 1;
  }

  .bl_halfMedia_imgWrapper {
    flex: 0 1 48.33333%;
  }
}
@media screen and (max-width: 960px) {
  .bl_halfMedia_body {
    width: min(95%, 1200px);
    margin: 0 auto clamp(30px, 2vw, 40px);
  }
}
.lists-container02 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: clamp(30px, 10vw, 90px);
}
@media screen and (min-width: 961px) {
  .lists-container02 {
    width: min(95%, 1200px);
    margin: auto;
  }
}
@media screen and (min-width: 961px) {
  .lists-container02 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.sub-ttl01 {
  text-align: center;
  width: 95%;
  max-width: 567px;
  margin: clamp(10px, 3vw, 30px) auto 0;
}

.bl_3_2Media {
  margin: clamp(20px, 5vw, 50px) auto;
}

@media screen and (min-width: 961px) {
  .bl_3_2Media {
    display: flex;
    margin: clamp(20px, 5vw, 50px) auto;
    width: min(95%, 1200px);
  }

  .bl_3_2Media_body {
    flex: 1;
    margin-right: 100px;
  }
  .bl_3_2Media_body > p {
    line-height: 1.75;
  }

  .bl_3_2Media_sub {
    flex: 0 1 311px;
  }
}
.subContact {
  line-height: 1.75;
}
.subContact > .img {
  display: block;
  margin: auto;
}
@media screen and (min-width: 961px) {
  .subContact > .img {
    max-width: 240px;
  }
}
@media screen and (max-width: 960px) {
  .subContact > .img {
    margin-top: 30px;
  }
}
.subContact > .ttl {
  margin: 10px 0;
}
@media screen and (min-width: 961px) {
  .subContact > .list {
    display: flex;
    gap: 20px;
  }
}

.svg-mail {
  transition: 0.3s;
  fill: #00699c;
  padding-top: -3px;
}

.btn-more:hover .svg-mail {
  fill: #ffffff;
}

.subContact-btn-more-wrapper {
  margin-top: 20px;
}
@media screen and (max-width: 960px) {
  .subContact-btn-more-wrapper {
    text-align: center;
  }
}

.link-list01 {
  max-width: 331px;
  margin: 45px auto 100px;
}
.link-list01 li {
  line-height: 1.2;
  margin-bottom: 18px;
}
.link-list01 li::before {
  content: "●";
  font-size: 1.8rem;
  color: #00699c;
}

@media screen and (min-width: 961px) {
  .bl_media02 {
    display: flex;
    align-items: center;
    gap: 50px;
  }
  .bl_media02 > .body {
    flex: 1;
  }
  .bl_media02 > .img {
    flex: 0 1 500px;
  }
  .bl_media02.reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 960px) {
  .bl_media02 > .img {
    margin-top: 30px;
    text-align: center;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
}
@media screen and (min-width: 961px) {
  .bl_media03 {
    display: flex;
    flex-direction: row-reverse;
    gap: 40px;
  }
  .bl_media03 .body {
    white-space: nowrap;
  }
}
@media screen and (max-width: 960px) {
  .bl_media03 .img {
    margin-top: 20px;
  }
}
@media screen and (min-width: 961px) {
  .container01 {
    display: flex;
    gap: 50px;
  }

  .container01 > * {
    width: calc(50% - 25px);
  }
}
@media screen and (max-width: 960px) {
  .container01 > *:first-child {
    margin-bottom: 20px;
  }
}
.w-740 {
  max-width: 740px;
  margin: auto;
}

.w-768 {
  max-width: 780px;
  margin: auto;
}

.w-800 {
  max-width: 800px;
  margin: auto;
}

.w-900 {
  max-width: 900px;
  margin: auto;
}

.w-960 {
  max-width: 960px;
  margin: auto;
}

.w-1200 {
  max-width: 1200px;
  margin: auto;
}

.pager .pagination {
  text-align: center;
}

.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  position: relative;
  border-radius: 40px;
  border: 1px solid #ffffff;
}

.pager .pagination li a {
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
  text-decoration: none;
}

.pager .pagination li a span {
  display: table-cell;
  vertical-align: middle;
}

.pager .pagination li a.active {
  border-radius: 50px;
  border: 1px solid #000000;
}

@media screen and (max-width: 960px) {
  .pager .pagination li {
    display: none;
  }

  .pager .pagination li.pre,
.pager .pagination li.next {
    height: 50px;
    text-align: center;
  }

  .pager .pagination li.pre a,
.pager .pagination li.next a {
    width: 100%;
    text-align: center;
  }
}
.sp-pagination {
  display: flex;
  justify-content: space-around;
}
@media screen and (min-width: 961px) {
  .sp-pagination {
    display: none;
  }
}

.pnavi {
  text-align: center;
  margin-top: 50px;
}
.pnavi a {
  padding: 15px;
}
.pnavi .current {
  border: 1px solid #000000;
  padding: 7px 12px;
  border-radius: 50%;
}

.w100 {
  width: 100%;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.inlineC {
  text-align: center;
}

.inlineL {
  text-align: left;
}

.icon-triangle {
  display: inline-block;
  transform: translateY(-2px) rotate(-30deg);
}

.icon-triangle02 {
  display: inline-block;
  transform: translateY(-2px) rotate(-60deg);
}

.fBold {
  font-weight: bold;
}

.btn-more {
  background-color: white;
  color: #00699c;
  border: 1px solid #00699c;
  padding: 5px 20px;
  border-radius: 20px;
  font-weight: bold;
  transition: 0.3s;
  font-size: 1.2rem;
  display: inline-block;
  white-space: nowrap;
}
.btn-more:hover {
  color: white;
  background-color: #00699c;
}

.btn-hover01 {
  background-color: white;
  color: #569ad6;
  border: 1px solid #569ad6;
  padding: 5px 20px;
  border-radius: 5px;
  font-weight: bold;
  transition: 0.3s;
  font-size: 1.2rem;
  display: inline-block;
  white-space: nowrap;
  letter-spacing: 0.2rem;
}
.btn-hover01:hover {
  color: white;
  background-color: #569ad6;
}

@media screen and (max-width: 960px) {
  .sp-hidden {
    display: none;
  }

  .sp-inlineC {
    text-align: center;
  }
}
@media screen and (min-width: 961px) {
  .pc-hidden {
    display: none;
  }

  .pc-inlineC {
    text-align: center;
  }
}
.main-color {
  color: #00699c;
}

.color01 {
  color: #569ad6;
}

.mt05 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb00 {
  margin-bottom: 0 !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb150 {
  margin-bottom: 150px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mar01 {
  margin-top: clamp(30px, 3vw, 60px) !important;
}

.mar02 {
  margin-top: clamp(45px, 7vw, 90px) !important;
}

.mar03 {
  margin-top: clamp(60px, 10vw, 120px) !important;
}

.mar04 {
  margin-top: clamp(30px, 7vw, 40px) !important;
}

.mar05 {
  margin-top: clamp(30px, 7vw, 50px) !important;
}

.letter-spacing01 {
  letter-spacing: 0.1rem !important;
}

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

@media screen and (min-width: 961px) {
  .pc-mr01 {
    margin-right: 30px;
  }

  .pc-ml01 {
    margin-left: 30px;
  }
}
@media screen and (min-width: 961px) {
  .pc-flex-start {
    align-items: flex-start;
  }
}
.fS {
  font-size: clamp(1.5rem, 2vw, 2.5rem);
}

.fS03 {
  font-size: 3rem;
}

.fS02 {
  font-size: 2rem;
}

.fS04 {
  font-size: 2.3rem;
}

.fS05 {
  font-size: 1.4rem;
}

.fS06 {
  font-size: 2.2rem;
}

.flex01 {
  display: flex;
  justify-content: space-between;
}

.uppercase {
  text-transform: uppercase;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.indent01 {
  text-indent: 1rem;
}

.hr01 {
  display: block;
  width: 100%;
  height: 1px;
  border: none;
  background-color: #00699c;
  width: min(95%, 1200px);
  margin: auto;
}

.hr02 {
  display: block;
  width: 100%;
  height: 2px;
  border: none;
  background-color: #569ad6;
}

.inline-block {
  display: inline-block;
}

#about-nagaragawa, #access, #contact, #ayuday, #list, #chie, #tsunagari, #poster, #erahs {
  padding-top: 100px;
  margin-top: -100px;
}

.underline01 {
  text-decoration: underline;
}

@media screen and (min-width: 961px) {
  .h-min01 {
    min-height: 800px;
  }
}
.l-height1_2 {
  line-height: 1.2;
}

.l-height1_5 {
  line-height: 1.5;
}

.archive-photo .searchandfilter .sf-field-post-meta-area {
  gap: 40px;
}
.archive-photo .searchandfilter > ul {
  display: flex !important;
  flex-wrap: wrap;
}
.archive-photo .searchandfilter {
  margin-bottom: 40px;
}
.archive-photo .searchandfilter h4 {
  color: #00699c;
}

.archive-photo.custom02 .searchandfilter > ul {
  gap: clamp(30px, 10vw, 60px);
}

.bl-searchArea .sf-input-text {
  padding: 6px;
}

.ippin-category label {
  color: #569ad6;
  border: 1px solid #569ad6;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.ippin-category input[type=checkbox] {
  display: none;
}

.ippin-category input[type=checkbox]:checked ~ label {
  color: #FFF;
  background-color: #569ad6;
}

.archive-photo input[type=checkbox]:checked ~ label {
  color: #FFF;
  background-color: #569ad6;
}

.archive-photo label {
  color: #569ad6;
  border: 1px solid #569ad6;
  padding: 1px 10px;
  cursor: pointer;
}

.search-filter-reset {
  color: #569ad6;
  border: 1px solid #569ad6;
  padding: 4px 13px;
  cursor: pointer;
  border-radius: 5px;
  background-color: #FFFFFF;
  font-size: 1.5rem;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC", "HanHei SC", "Helvetica Neue", Microsoft Yahei,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.archive-photo input[type=checkbox] {
  display: none;
}

.archive-photo input[type=checkbox]:checked ~ label {
  color: #FFF;
  background-color: #569ad6;
}

.page-ttl01-wrapper {
  margin-bottom: 62px;
  background: url("https://giahs-ayu.jp/wp-content/themes/ayu2022/dest/images/bg-ttl01@2x.png") no-repeat left top #e9f2f8;
  background-size: contain;
}
@media screen and (max-width: 960px) {
  .page-ttl01-wrapper {
    background-size: 500px;
  }
}

.page-ttl01 {
  padding-top: 20px;
  width: min(95%, 1200px);
  margin: auto;
}
@media screen and (min-width: 961px) {
  .page-ttl01 {
    background-size: contain;
    padding: 20px 0 0;
  }
}
.page-ttl01 h1 {
  display: inline-block;
  color: #00699c;
  letter-spacing: 1rem;
}
.page-ttl01 p {
  display: inline-block;
  color: #569ad6;
  letter-spacing: 0.2rem;
}
.page-ttl01.custom01 {
  padding: 35px 0;
}

.page-nav01 {
  margin-top: 10px;
  padding-bottom: 20px;
  display: flex;
  margin-left: -10px;
  white-space: nowrap;
  overflow-x: auto;
}
@media screen and (max-width: 960px) {
  .page-nav01 {
    display: none;
  }
}
.page-nav01 li {
  white-space: nowrap;
}
.page-nav01 li::before {
  content: " | ";
  margin-right: 15px;
  margin-left: 15px;
}
.page-nav01::after {
  margin-left: 20px;
  content: " | ";
}
.page-nav01 a {
  border-bottom: 1px solid #e9f2f8;
}
.page-nav01 a:hover {
  color: #00699c;
  border-bottom: 1px solid #00699c;
}
.page-nav01 .active {
  color: #00699c;
  border-bottom: 1px solid #00699c;
}

@media screen and (min-width: 961px) {
  .sp-page-nav01 {
    display: none;
  }
}
.sp-page-nav01 .gnav01-inner03-list li {
  border-top: 1px solid #ffffff;
}
.sp-page-nav01 .gnav-ttl {
  margin-top: 20px;
  border-top: 1px solid #ffffff;
}

.sp-page-nav01-ttl {
  position: relative;
  top: 50%;
}
.sp-page-nav01-ttl::after {
  position: absolute;
  top: 50%;
  right: -25px;
  content: ">";
  font-size: 2rem;
  margin-top: -14px;
  transform: rotate(90deg);
  transition: 0.5s;
}

.js-is-opened .sp-page-nav01-ttl {
  transition: 0.5s;
}
.js-is-opened .sp-page-nav01-ttl::after {
  transition: 0.5s;
  transform: rotate(-90deg);
}

.page-ttl02 {
  font-size: clamp(2.7rem, 3vw, 4rem);
  color: #00699c;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 960px) {
  .page-ttl02 {
    text-align: center;
  }
}
.page-ttl02 span {
  display: inline-block;
}

.page-ttl02-sub {
  text-align: center;
  color: #569ad6;
  margin-bottom: 15px;
}

.page-ttl02-num {
  text-align: center;
  margin-bottom: 10px;
  min-width: 27px;
}

@media screen and (min-width: 961px) {
  .page-ttl02-wrapper {
    display: flex;
    align-items: center;
  }

  .page-ttl02 {
    font-size: clamp(2.5rem, 3vw, 3.5rem);
    letter-spacing: 0.2rem;
  }

  .page-ttl02-num {
    margin-right: 20px;
    margin-bottom: 0;
  }

  .page-ttl02-sub {
    margin-left: 50px;
    margin-bottom: clamp(20px, 2vw, 30px);
    text-align: left;
  }
}
.page-ttl03 {
  color: #00699c;
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  font-weight: 700;
  letter-spacing: 0.3rem;
  margin-top: 10px;
}
.page-ttl03 span {
  display: inline-block;
}

.heading-wave {
  background: url("../image/img-wave02.svg") no-repeat bottom;
  background-size: contain;
  text-align: center;
  font-size: clamp(2.5rem, 3vw, 4rem);
  color: #569ad6;
  padding-top: clamp(5rem, 15vw, 10rem);
  padding-bottom: 20px;
  max-width: 550px;
  margin: auto;
  letter-spacing: 0.8rem;
  line-height: 1.2;
}

.heading-wave02 {
  display: inline-block;
  background: url("../image/img-wave02.svg") no-repeat bottom;
  background-size: contain;
  text-align: center;
  font-size: clamp(2.5rem, 3vw, 4rem);
  color: #569ad6;
  padding-top: clamp(5rem, 15vw, 10rem);
  padding-bottom: 20px;
  max-width: 800px;
  letter-spacing: 0.8rem;
}
.heading-wave02 span {
  display: inline-block;
}

.heading-wave03 {
  text-align: center;
  max-width: 600px;
  margin: auto;
  background: url("../image/img-wave.svg") no-repeat bottom;
  background-size: contain;
  padding-bottom: 31px;
}
@media screen and (min-width: 961px) {
  .heading-wave03 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
  }
}
.heading-wave03 .ttl {
  color: #00699c;
  font-size: clamp(2.5rem, 6vw, 4rem);
  letter-spacing: 0.7rem;
}
@media screen and (max-width: 960px) {
  .heading-wave03 .ttl {
    margin-top: 10px;
  }
}
.heading-wave03 .en {
  color: #569ad6;
}

.heading-wave04 {
  text-align: center;
  color: #5699d5;
  font-size: clamp(2.5rem, 6vw, 4rem);
  padding-top: clamp(5rem, 15vw, 10rem);
  letter-spacing: 0.8rem;
}
.heading-wave04::after {
  content: "";
  height: 24px;
  width: 100%;
  display: block;
  background: url("../image/wave-middle.svg") no-repeat bottom;
}
@media screen and (max-width: 960px) {
  .heading-wave04::after {
    background-size: contain;
  }
}

.heading-wave05 {
  text-align: center;
  max-width: 720px;
  color: #00699c;
  font-size: 2rem;
  margin: auto;
  background: url("../image/img-wave04.svg") no-repeat bottom;
  background-size: contain;
  padding-bottom: 31px;
}
@media screen and (min-width: 961px) {
  .heading-wave05 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
  }
}
.heading-wave05 .ttl {
  color: #00699c;
  font-size: clamp(2.5rem, 6vw, 4rem);
  letter-spacing: 0.3rem;
}
@media screen and (max-width: 960px) {
  .heading-wave05 .ttl {
    margin-top: 10px;
  }
}

.heading-wave06 {
  background: url("../image/img-wave06.svg") no-repeat bottom;
  background-size: 100%;
  color: #009AD8;
  text-align: center;
  margin-top: 80px;
  padding-bottom: 60px;
  font-size: 3.5rem;
}
@media screen and (max-width: 960px) {
  .heading-wave06 {
    background: url("https://giahs-ayu.jp/wp-content/themes/ayu2022/dest/images/sp-img-wave06.svg") no-repeat bottom;
    background-size: 100%;
  }
}

.wave-short::after {
  background: url("../image/wave-short.svg") no-repeat bottom;
}
@media screen and (max-width: 960px) {
  .wave-short::after {
    background-size: contain;
  }
}

.wave-long::after {
  background: url("../image/wave-long.svg") no-repeat bottom;
}
@media screen and (max-width: 960px) {
  .wave-long::after {
    background-size: contain;
  }
}

.page-ttl04 {
  color: #00699c;
  font-size: clamp(2.5rem, 3vw, 3.6rem);
  font-weight: 700;
  letter-spacing: 0.3rem;
}

.ttl-underline {
  display: block;
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  border-bottom: 1px solid #000;
  font-weight: normal;
  letter-spacing: 0.1rem;
  padding-bottom: 5px;
}

.ttl-underline02 {
  display: inline-block;
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  border-bottom: 1px solid #000;
  font-weight: normal;
  letter-spacing: 0.1rem;
  padding-bottom: 5px;
}
@media screen and (max-width: 960px) {
  .ttl-underline02 {
    display: block;
  }
}

.ttl-square::before {
  content: "■ ";
}

a {
  text-decoration: none;
  color: #000000;
  transition: 0.3s;
}

.link-hover-action01 {
  color: #06417e;
  border-bottom: 1px solid #06417e;
}

@media screen and (min-width: 961px) {
  .link-hover-action01 {
    position: relative;
    padding: 0.1em 0.3em;
    transition: all 0.3s ease;
    text-decoration: none;
  }

  .link-hover-action01:hover::before {
    height: 100%;
    opacity: 0.2;
  }

  .link-hover-action01::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1%;
    transition: all 0.3s ease;
    opacity: 0;
    background-color: #06417e;
    border-radius: 50px;
  }

  .link-hover-action01:hover::after {
    left: 50%;
    right: 50%;
    width: 0%;
    opacity: 0;
  }

  .link-hover-action01::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    transition: all 0.3s ease;
    opacity: 1;
  }
}
a.hover-link01, .post-ippin a, .postLinks a {
  border-bottom: 1px solid #ffffff;
}
a.hover-link01:hover, .post-ippin a:hover, .postLinks a:hover {
  color: #00699c;
  border-bottom: 1px solid #00699c;
}

.link01 {
  color: #00699a;
  transition: 0.2s;
  border-bottom: 1px solid #ffffff;
}
.link01:hover {
  border-bottom: 1px solid #00699a;
}

.hero {
  height: clamp(200px, 50vw, 500px);
  background-image: url("../image/top-mainimg.jpg");
  background-position: center;
  background-size: cover;
  position: relative;
}

.hero-container {
  display: flex;
  height: clamp(200px, 50vw, 500px);
  justify-content: space-between;
  align-items: center;
}

.hero-ttl-wrapper {
  color: white;
  text-shadow: 0 0 10px #000, 0 0 10px #000;
  font-size: clamp(18px, 5vw, 43px);
}

.hero-ttl {
  font-size: clamp(18px, 5vw, 43px);
  letter-spacing: 0.2em;
  margin-top: clamp(0px, 10vw, 93px);
  margin-bottom: 15px; line-height:49px;
}

.hero-subTtl {
  font-size: clamp(15px, 3vw, 22px);
  letter-spacing: 0.15em; line-height:32px;
}

.hero-tab {
  color: white;
  background-color: #00699c;
  padding: 8px 13px;
  border-radius: 10px 10px 0 0;
  transition: 0.5s;
  font-size: 1.2rem;
  font-weight: bold;
}

.hero-tab:hover {
  color: #00699c;
  background-color: #f7e000;
}

.hero-tab-wrapper {
  display: flex;
  gap: 15px;
  margin-left: 20px;
}

.hero-news { position:relative; top:50px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 9px;
  padding: 20px;
  max-width: 366px;
}

.hero-news-ttl {
  color: #00699c;
  font-size: clamp(2.2rem, 3vw, 2.6rem);
  letter-spacing: 0.15em;
}

.hero-news-list > li {
  border-bottom: 1px solid #b1b1b1;
  margin-bottom: 10px;
  padding: 10px 0 20px;
}
@media screen and (max-width: 960px) {
  .hero-news-list > li {
    padding: 10px 0 10px;
  }
}

@media screen and (min-width: 961px) {
  .hero-news-list > li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.hero-news-subList {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 960px) {
  .hero-news-outer {
    display: none;
  }
}
@media screen and (min-width: 961px) {
  .sp-top-news {
    display: none;
  }
}
.sp-top-news .hero-news-ttl {
  text-align: center;
  margin-top: 24px;
  margin-bottom: 10px;
}
.sp-top-news .hero-news-list > li > div {
  margin-bottom: 0.8rem;
}
.sp-top-news .btn-more {
  margin-top: 0.5rem;
}

.pickup {
  padding: 40px 0;
}

.pickup-list {
  max-width: 732px;
  background-color: #f2f8ff;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 960px) {
  .pickup-list {
    width: 100%;
  }
}

.pickup-ttl {
  font-size: 2.4rem;
  color: #00699c;
  margin: 25px clamp(20px, 3vw, 25px) 0;
}

.pickup-subTtl {
  font-size: 1.6rem;
  color: #00699c;
  margin: 0 clamp(20px, 3vw, 25px) 20px;
}

.pickup-list-txt {
  margin: 0 clamp(20px, 3vw, 25px) 20px;
  color: #000000;
}

.btn-more-wrapper {
  text-align: right;
  margin: auto clamp(20px, 3vw, 25px) clamp(20px, 3vw, 25px);
}

.pickup-list-body-lists {
  list-style-type: disc;
  margin-left: 20px;
}
.pickup-list-body-lists li {
  margin-bottom: 0.7rem;
}

@media screen and (max-width: 960px) {
  .top-about-img01,
.top-about-img02,
.top-about-img03,
.top-about-img05,
.top-about-img06 {
    display: none;
  }
}
.top-about01,
.top-about02,
.top-about03,
.top-about04,
.top-about05,
.top-about06 {
  padding-top: 50px;
}

.sp-top-about-img {
  text-align: center;
  margin-top: 25px;
}
@media screen and (min-width: 961px) {
  .sp-top-about-img {
    display: none;
  }
}

@media screen and (min-width: 961px) {
  .top-about {
    position: relative;
    max-width: 1920px;
    height: 2150px;
    margin: 0 auto;
    background: url("../image/img-top-about-bg.jpg") no-repeat top center;
    overflow: hidden;
  }

  .top-about01 {
    position: absolute;
    top: 220px;
    left: clamp(61px, 16vw, 421px);
    z-index: 10;
  }

  .top-about02 {
    position: absolute;
    top: 958px;
    left: clamp(23px, 34vw, 754px);
    z-index: 10;
  }

  .top-about03 {
    position: absolute;
    top: 1368px;
    left: clamp(23px, 20vw, 385px);
    z-index: 10;
  }

  .top-about04 {
    position: absolute;
    top: 1758px;
    left: clamp(23px, 55vw, 1111px);
    z-index: 10;
  }

  .top-about05 {
    position: absolute;
    top: 2256px;
    left: clamp(23px, 20vw, 385px);
    z-index: 10;
  }

  .top-about06 {
    position: absolute;
    top: 2734px;
    left: clamp(23px, 34vw, 754px);
    z-index: 10;
  }

  .en-top-about06 {
    position: absolute;
    top: 2734px;
    left: clamp(23px, 32vw, 754px);
    z-index: 10;
  }

  .top-about-img01 {
    position: absolute;
    top: 451px;
    left: clamp(50px, 38vw, 635px);
    width: 378px;
  }

  .top-about-img02 {
    position: absolute;
    top: 951px;
    width: 350px;
    right: clamp(23px, 70vw, 0px);
  }

  .top-about-img03 {
    position: absolute;
    top: 1421px;
    left: clamp(50px, 55vw, 904px);
    width: 220px;
  }

  .top-about-img05 {
    position: absolute;
    top: 2304px;
    left: clamp(50px, 53vw, 904px);
    width: 200px;
  }

  .top-about-img06 {
    position: absolute;
    top: 2844px;
    right: clamp(23px, 70vw, 0px);
    width: 300px;
  }
}
.top-about-ttl {
  color: #569ad6;
  font-size: clamp(2.5rem, 3vw, 4rem);
  letter-spacing: 0.4rem;
}

.top-about-txt {
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 2;
}

@media screen and (max-width: 960px) {
  .top-about-more {
    text-align: center;
  }

  .top-about-ttl-wrapper {
    text-align: center;
  }

  .top-about-ttl {
    margin-top: 15px;
  }

  .top-about-txt {
    margin-top: 15px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 961px) {
  .top-about-ttl-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .top-about-ttl {
    margin-left: 25px;
  }

  .top-about-txt {
    margin-left: 40px;
  }

  .top-about-more {
    margin-left: 40px;
  }
}
.system-wrapper {
  position: relative;
  background: url("../image/img-wakka.svg") no-repeat center center;
  height: 903px;
}
@media screen and (max-width: 960px) {
  .system-wrapper {
    display: none;
  }
}

.system-content {
  text-align: center;
}
.system-content .ttl {
  color: #00699c;
  font-size: 2rem;
  font-weight: 700;
}
.system-content .txt {
  margin-bottom: 10px;
}
.system-content .btn {
  margin-bottom: 10px;
}
.system-content._01 {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}
.system-content._02 {
  position: absolute;
  top: 130px;
  right: clamp(10px, 8vw, 100px);
}
.system-content._03 {
  position: absolute;
  top: 480px;
  right: clamp(10px, 8vw, 100px);
}
.system-content._04 {
  position: absolute;
  top: 550px;
  left: 50%;
  transform: translateX(-50%);
}
.system-content._05 {
  position: absolute;
  top: 480px;
  left: clamp(10px, 8vw, 100px);
}
.system-content._06 {
  position: absolute;
  top: 130px;
  left: clamp(10px, 8vw, 100px);
}

.system-heading {
  position: absolute;
  top: 414px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.system-heading h2 {
  color: #00699c;
  font-size: clamp(3rem, 5vw, 3.5rem);
}

.sp-system-wrapper {
  background-color: #fefce6;
  padding-bottom: 40px;
}
@media screen and (min-width: 961px) {
  .sp-system-wrapper {
    display: none;
  }
}
.sp-system-wrapper .ttl {
  padding-top: 25px;
  margin-bottom: 7px;
  color: #00699c;
  font-size: clamp(2.5rem, 5vw, 3.5rem);
}
.sp-system-wrapper .img {
  width: 28vw;
  margin-right: 20px;
}
.sp-system-wrapper .btn {
  margin-top: 10px;
}

.sp-system {
  text-align: center;
}
@media screen and (min-width: 961px) {
  .sp-system {
    display: none;
  }
}

.sp-system-content {
  display: flex;
}

.aboutNagaragawa-map {
  text-align: center;
}
@media screen and (min-width: 961px) {
  .aboutNagaragawa-map {
    margin-left: 8vw;
  }
}

.creatures-list {
  gap: 30px;
}
.creatures-list .ttl {
  margin-top: 3px;
}
@media screen and (max-width: 960px) {
  .creatures-list .ttl {
    margin-left: 10px;
  }
}

.creatures-lead {
  margin-bottom: 30px;
}

.creatures01 .img {
  flex: 0 1 372px;
}
@media screen and (max-width: 960px) {
  .creatures01 .img {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .pc-ayu-calendar {
    display: none;
  }
}
@media screen and (min-width: 961px) {
  .sp-ayu-calendar {
    display: none;
  }
}
@media screen and (min-width: 961px) {
  .bl_media02 > .custom01 {
    flex: 0 1 750px;
  }
}
.list-count {
  counter-reset: item;
  max-width: 305px;
  margin: 30px auto;
}
.list-count li {
  list-style: none;
}
.list-count li:before {
  counter-increment: item;
  content: counter(item);
  margin-right: 2rem;
}

@media screen and (min-width: 961px) {
  .giahs02-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 960px) {
  .giahs02-list {
    text-align: center;
  }
  .giahs02-list li:last-child {
    margin-top: 10px;
  }
}

@media screen and (min-width: 961px) {
  .bl_media02 > .giahs03-leadImg {
    flex: 0 1 440px;
  }

  .giahs03-method {
    gap: 20px;
  }

  .giahs03-method > .body {
    flex: 0 1 33.33333%;
  }

  .giahs03-method > .img {
    flex: 0 1 66.6666%;
  }
}
@media screen and (min-width: 961px) {
  .bl_media02 > .giahs04-leadImg {
    flex: 0 1 240px;
  }

  .giahs04-list {
    width: 100%;
    margin-top: 20px;
  }

  .giahs04-list02 .bl_3_2Media_body {
    margin-right: 0;
  }
  .giahs04-list02 .bl_3_2Media_sub {
    flex: 0 1 366px;
  }
}
.giahs04-list li {
  width: 100%;
}

@media screen and (max-width: 960px) {
  .giahs04-list li {
    margin-bottom: 30px;
  }

  .giahs04-list02 .bl_3_2Media_body {
    margin-bottom: 30px;
  }
}
.senkoukai dt {
  float: left;
  width: 121px;
}

.sentei-logo {
  margin-top: 30px;
}
.sentei-logo .img {
  text-align: center;
}
.sentei-logo .img img {
  width: 146px;
}

@media screen and (min-width: 961px) {
  .sentei-logo {
    display: flex;
    gap: 30px;
    align-items: center;
  }
}
@media screen and (max-width: 960px) {
  .sentei-logo .img {
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
.bl-contact {
  border-top: 1px solid #00699c;
  border-bottom: 1px solid #00699c;
  padding-top: 25px;
  padding-bottom: 25px;
}
.bl-contact .ttl {
  color: #00699c;
  font-weight: bold;
  font-size: 2.5rem;
  letter-spacing: 0.3rem;
}
.bl-contact .body span {
  display: inline-block;
}
@media screen and (min-width: 961px) {
  .bl-contact {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
  }
  .bl-contact .ttl {
    margin-top: -20px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 960px) {
  .bl-contact .body {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .bl-contact .btn {
    text-align: center;
  }
}

.download-list01 {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.download-list01-inner {
  display: flex;
}
@media screen and (max-width: 960px) {
  .download-list01-inner {
    flex-direction: column;
  }
  .download-list01-inner li:last-child {
    margin-top: 10px;
  }
}

.download-list02 {
  display: flex;
}
@media screen and (min-width: 961px) {
  .download-list02 {
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 439px;
  }
  .download-list02 > li {
    margin-top: 20px;
  }
}
@media screen and (max-width: 960px) {
  .download-list02 {
    margin-top: 20px;
    flex-direction: column;
  }
  .download-list02 li:last-child {
    margin-top: 10px;
  }
}

.download-list03 li {
  margin-top: 20px;
}
@media screen and (max-width: 960px) {
  .download-list03 li:nth-child(1) {
    width: 45vw;
  }
  .download-list03 li:nth-child(2) {
    width: 45vw;
  }
  .download-list03 li:nth-child(3) {
    width: 70vw;
  }
  .download-list03 li:nth-child(4) {
    width: 93vw;
  }
}

.gallery-bnr {
  margin-top: 50px;
  margin-bottom: 100px;
  display: flex;
  justify-content: center;
  gap: 35px;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .gallery-bnr {
    flex-direction: column;
  }
}
.gallery-bnr img {
  transition: 0.3s;
}
.gallery-bnr img:hover {
  opacity: 0.7;
}

.photo-category-list dt {
  float: left;
  clear: left;
  width: 5em;
  font-weight: bold;
  margin-top: 8px;
}

.photo-category-list dd {
  float: left;
  margin-left: 1em;
  line-height: 2.5;
  margin-bottom: 15px;
}

.photo-category a {
  border: 1px solid #00699c;
  padding: 4px 6px;
  background-color: #fff;
  transition: 0.4s;
}

.photo-category, .photo-category a {
  color: #00699c;
}

.photo-category a:hover, .photo-category .active {
  border: 1px solid #fff;
  background-color: #00699c;
  color: #fff;
}

@media screen and (min-width: 501px) {
  .photo-post {
    display: grid;
    grid-template-columns: repeat(auto-fill, 340px);
    justify-content: center;
    gap: clamp(30px, 10vw, 90px);
  }
}
@media screen and (max-width: 500px) {
  .photo-post li {
    margin-bottom: 30px;
  }
  .photo-post > li > .img {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
  .photo-post > li > .img img {
    width: 100%;
  }
}

@media screen and (min-width: 501px) {
  .photo-post img {
    aspect-ratio: 1/1;
    object-fit: contain;
    width: 100%;
    background-color: #efefef;
  }
}
.bl-contact02 .list {
  display: flex;
}
@media screen and (min-width: 961px) {
  .bl-contact02 {
    text-align: center;
  }
  .bl-contact02 .list {
    justify-content: center;
    gap: 40px;
  }
}
@media screen and (max-width: 960px) {
  .bl-contact02 .list {
    flex-direction: column;
    gap: 10px;
  }
}

.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px;
}

.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 25px;
  margin-top: 25px;
}

.movie-bnr-wrapper {
  margin-top: 70px;
  display: flex;
  justify-content: space-between;
  gap: 60px;
}
@media screen and (min-width: 961px) {
  .movie-bnr-wrapper > * {
    width: calc(33.33333% - 40px);
  }
}
@media screen and (max-width: 960px) {
  .movie-bnr-wrapper {
    flex-direction: column;
    gap: 30px;
  }
}
.movie-bnr-wrapper._learning {
  justify-content: center;
}

.movie-bnr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: clamp(1.8rem, 3vw, 2rem);
  background-color: #e9f2f8;
  padding: 10px clamp(20px, 3vw, 40px);
  min-height: 81px;
  color: #00699c;
  font-weight: 700;
  letter-spacing: 0.2rem;
}
.movie-bnr:hover {
  color: white;
  background-color: #00699c;
}

.gallery-list01 {
  margin-top: 50px;
  align-items: flex-start;
}
.gallery-list01 li {
  width: 100%;
}
@media screen and (max-width: 960px) {
  .gallery-list01 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 961px) {
  .gallery-list01 {
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
  }
}
.gallery-list01 a {
  color: #00699c;
  padding: 20px 20px 15px;
}
.gallery-list01 .btn {
  display: block;
  text-align: center;
  min-height: 157px;
}
@media screen and (min-width: 961px) {
  .gallery-list01 .btn:hover {
    color: white;
    background-color: #00699c;
  }
}
.gallery-list01 .ttl {
  margin-top: 15px;
  font-size: 2.2rem;
  font-weight: 700;
}
.gallery-list01 .en {
  letter-spacing: 0.2rem;
}
.gallery-list01 svg {
  max-width: 100%;
}
.gallery-list01 li {
  height: 100%;
  background-color: #e9f2f8;
}

.gallery-list02 {
  margin-top: 50px;
  align-items: flex-start;
}
.gallery-list02 li {
  width: 100%;
  background-color: #e9f2f8;
  padding: 20px;
}
.gallery-list02 .ico {
  text-align: center;
  margin-top: 10px;
}
@media screen and (max-width: 960px) {
  .gallery-list02 .ico-wrapper {
    display: flex;
  }
  .gallery-list02 .ico-wrapper .ttl {
    text-align: left;
  }
  .gallery-list02 .ico-wrapper .ico > svg {
    width: 60%;
  }
  .gallery-list02 .ico-wrapper .ico.hasami svg {
    margin-top: -10px;
  }
  .gallery-list02 .ico-wrapper .ico.nurie svg {
    margin-top: -10px;
  }
}
.gallery-list02 .ttl {
  text-align: center;
  margin-top: 15px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #00699c;
}
.gallery-list02 .txt {
  margin-top: 10px;
}
.gallery-list02 .btn {
  text-align: right;
  margin-top: 20px;
}
@media screen and (max-width: 960px) {
  .gallery-list02 .btn {
    text-align: left;
  }
}

.cooking-bnr-wrapper {
  position: relative;
  max-width: 1200px;
  margin: auto;
}
.cooking-bnr-wrapper .btn {
  position: absolute;
  bottom: 21px;
  right: 29px;
}

@media screen and (max-width: 960px) {
  .cooking-bnr-wrapper {
    display: none;
  }
}
.cooking-bnr {
  background: url("../image/bg-cooking01.png") no-repeat clamp(100px, 50vw, 608px) center #f6f3e8;
  background-size: contain;
  color: #401c00;
  padding: 25px clamp(100px, 50vw, 608px) 25px 30px;
  line-height: 2;
}
@media screen and (max-width: 960px) {
  .cooking-bnr {
    display: none;
  }
}
.cooking-bnr .ttl {
  margin-bottom: 10px;
}

.cooking-bnr.hiraku {
  background: url("../image/bg-cooking02.png") no-repeat clamp(100px, 50vw, 608px) center #e9f2f8;
  background-size: contain;
  padding: 25px clamp(100px, 50vw, 608px) 25px 30px;
  line-height: 2;
}
@media screen and (max-width: 960px) {
  .cooking-bnr.hiraku {
    display: none;
  }
}
.cooking-bnr.hiraku .ttl {
  margin-bottom: 10px;
  color: #00699c;
}

.btn-cookpad {
  border-color: #401c00;
  color: #401c00;
}
.btn-cookpad:hover {
  color: white;
  background-color: #401c00;
}

.btn-hiraku {
  border-color: #00699c;
  color: #00699c;
  min-width: 160px;
  text-align: center;
}
.btn-hiraku:hover {
  color: white;
  background-color: #00699c;
}

.sp-cooking-bnr {
  color: #401c00;
  background-color: #f6f3e8;
  padding: 20px;
}
@media screen and (min-width: 961px) {
  .sp-cooking-bnr {
    display: none;
  }
}
.sp-cooking-bnr .ttl {
  text-align: center;
  margin-bottom: 10px;
}

.sp-cooking-bnr.hiraku {
  background-color: #e9f2f8;
  padding: 20px;
}
@media screen and (min-width: 961px) {
  .sp-cooking-bnr.hiraku {
    display: none;
  }
}
.sp-cooking-bnr.hiraku .ttl {
  text-align: center;
  margin-bottom: 10px;
  color: #00699c;
}

.sp-cooking-bnrImg-wrapper {
  position: relative;
}
@media screen and (min-width: 961px) {
  .sp-cooking-bnrImg-wrapper {
    display: none;
  }
}
.sp-cooking-bnrImg-wrapper .btn {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}

.recipe-list01 {
  margin-top: 50px;
  align-items: flex-start;
}
.recipe-list01 .ttl {
  margin-top: 12px;
  margin-bottom: 12px;
}
@media screen and (max-width: 960px) {
  .recipe-list01 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 961px) {
  .recipe-list01 {
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
  }
}
.recipe-list01 .recipe-btn {
  color: #d5814f;
  border: 1px solid #d5814f;
  padding: 5px 15px;
}
.recipe-list01 .recipe-btn:hover {
  color: white;
  background-color: #d5814f;
}
.recipe-list01 .img img {
  transition: 0.3s;
}
.recipe-list01 .img img:hover {
  opacity: 0.7;
}

.recipe-list-ttl-wrapper {
  display: flex;
  margin-top: 2px;
}
@media screen and (min-width: 961px) {
  .recipe-list-ttl-wrapper {
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (max-width: 960px) {
  .recipe-list-ttl-wrapper {
    flex-direction: column;
  }
}

.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 25px;
  margin-top: 10px;
}

.profile-hiraku {
  display: flex;
}
@media screen and (min-width: 961px) {
  .profile-hiraku {
    flex-direction: row-reverse;
    align-items: center;
    gap: 30px;
  }
  .profile-hiraku .img {
    width: 200px;
  }
  .profile-hiraku .body {
    flex: 1;
  }
}
@media screen and (max-width: 960px) {
  .profile-hiraku {
    flex-direction: column;
  }
  .profile-hiraku .body {
    margin-bottom: 30px;
  }
}

.draw-list {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 30px;
}
@media screen and (max-width: 960px) {
  .draw-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.draw-list .img {
  text-align: center;
  background-color: #efefef;
}
.draw-list .img img {
  aspect-ratio: 1/1;
  object-fit: contain;
  width: 100%;
}
.draw-list .ttl {
  margin-top: 5px;
  text-align: center;
}

.sakuhin001-content-list {
  display: flex;
  gap: 20px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 3px dashed #569ad6;
}
@media screen and (max-width: 960px) {
  .sakuhin001-content-list {
    flex-direction: column;
  }
}

.sakuhin001-content-list-thumb {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.sakuhin001-content-list-txt {
  flex: 1;
}

.ttl-episode01 {
  text-align: center;
  color: #00699c;
  max-width: 345px;
  margin: 60px auto 40px;
  border-bottom: 3px solid #00699c;
  padding: 10px 0;
  font-size: 2rem;
}

.episode-list-more {
  display: none;
  margin-top: 30px;
}
.episode-list-more > li {
  border-bottom: 3px dashed #569ad6;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.episode-list-more > li.noBorder {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.nintei-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.ippin-list01 {
  margin-top: 50px;
  align-items: flex-start;
}
.ippin-list01 .ttl {
  margin-top: 12px;
  margin-bottom: 12px;
}
@media screen and (max-width: 960px) {
  .ippin-list01 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 961px) {
  .ippin-list01 {
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
  }
}

.tag01 {
  background-color: #569ad6;
  padding: 6px 12px;
  color: #fff;
  border-radius: 5px;
  letter-spacing: 0.2rem;
  font-size: 1.2rem;
}

.ippin-category ul > li > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.postLinks {
  display: flex;
  justify-content: space-between;
}

.ippin-post {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
@media screen and (max-width: 960px) {
  .ippin-post {
    grid-template-columns: repeat(2, 1fr);
  }
}
.ippin-post img {
  aspect-ratio: 9/6;
  object-fit: contain;
  width: 100%;
}

.access-map {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.access-map02 {
  justify-content: center;
}

.access-map02-mainImg {
  text-align: center;
}

.ico-toggle {
  font-size: 3rem;
  width: 30px;
  text-align: center;
}

#aco-menu dd {
  display: none;
}

.bl-privacy {
  border: 1px solid #a1a0a1;
}
.bl-privacy > dt > button {
  width: 100%;
  padding: 10px 20px;
  background-color: white;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bl-privacy > dd {
  margin: 20px;
}
.bl-privacy h3 {
  font-weight: normal;
  font-size: 1.5rem;
  margin-top: 25px;
}

.bl-council {
  margin-top: 20px;
}
@media screen and (min-width: 961px) {
  .bl-council {
    display: flex;
    gap: 100px;
  }
}
.bl-council > dl {
  margin: 0;
}
.bl-council > dl > dt {
  color: #00699c;
  font-weight: 700;
  float: left;
  padding-top: 15px;
}
.bl-council > dl > dd {
  margin-left: 80px;
  min-width: 300px;
  padding-top: 15px;
}

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel] {
  width: 100%;
  padding: 15px;
  margin-top: 10px;
  border: 1px solid #a1a0a1;
}
.wpcf7 textarea {
  width: 100%;
  padding: 15px;
  line-height: 1.5;
  margin-top: 10px;
  border: 1px solid #a1a0a1;
}
.wpcf7 li {
  margin-top: 30px;
}

.essential {
  color: #FFFFFF;
  background-color: #e61f19;
  padding: 1px 5px;
  font-size: 1.3rem;
}

.btn-submit {
  letter-spacing: 0.5rem;
  text-align: center;
  width: 150px;
}

.wpcf7-spinner {
  display: none;
}

.post-ttl01 {
  padding: 20px 0 15px;
  font-size: 2.5rem;
  color: #569ad6;
  letter-spacing: 0.2rem;
  border-bottom: 3px solid #569ad6;
  margin-bottom: 30px;
}

.archive-list > li {
  display: flex;
  border-bottom: 3px dotted #569ad6;
  padding: 15px 0;
}
@media screen and (min-width: 961px) {
  .archive-list > li {
    gap: 30px;
  }
}
@media screen and (max-width: 960px) {
  .archive-list > li {
    flex-direction: column;
  }
}
.archive-list > li span {
  display: block;
  white-space: nowrap;
}
.archive-list > li:first-child {
  border-top: 3px dotted #569ad6;
}

.post-content p {
  margin-bottom: 1rem;
}

.post-content a {
  text-decoration: underline;
}

@media screen and (min-width: 700px) {
  .bosyu-mainimg-wrapper {
    background: url("../image/mainimg-bosyu.png") no-repeat center center;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 699px) {
  .bosyu-mainimg-wrapper {
    display: none;
  }
}
.bosyu-mainimg-wrapper .bosyu-mainimg {
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}
.bosyu-mainimg-wrapper .bosyu-mainimg .ttl {
  line-height: 1.7;
}
.bosyu-mainimg-wrapper .bosyu-mainimg .lead {
  margin-top: 10px;
  font-size: 2rem;
}
.bosyu-mainimg-wrapper .bosyu-mainimg .custom01 {
  font-size: 3.6rem;
  line-height: 1.3;
}
.bosyu-mainimg-wrapper .bosyu-mainimg .custom02 {
  font-size: 8rem;
  letter-spacing: 0.2rem;
}

@media screen and (min-width: 700px) {
  .sp-bosyu-mainimg {
    display: none;
  }
}
.bosyu-img {
  margin: auto;
  max-width: 1200px;
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  gap: 20px;
}
@media screen and (max-width: 960px) {
  .bosyu-img {
    grid-template-columns: repeat(2, 1fr);
  }
}

.bosyu-img02 {
  margin: auto;
  max-width: 1200px;
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  gap: 20px;
}
@media screen and (max-width: 960px) {
  .bosyu-img02 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.bosyu-kikan {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin: 20px auto 10px;
}
.bosyu-kikan dt {
  flex-basis: 25%;
  margin: 10px;
  padding: 0;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #00699c;
  text-align: center;
}
.bosyu-kikan dd {
  flex-basis: 70%;
  margin: 0 !important;
  box-sizing: border-box;
  word-break: break-word;
  font-size: 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .bosyu-kikan {
    flex-flow: column;
    width: 100%;
    padding: 0 20px;
    border: 0;
  }
  .bosyu-kikan dt {
    padding: 5px;
    border-bottom: 0;
  }
  .bosyu-kikan dd {
    padding: 0 0 10px 30px;
  }
}

.btn-bosyu {
  padding: 0px 50px;
  border-radius: 40px;
  font-size: clamp(1.8rem, 2vw, 2.3rem);
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  margin: auto;
  font-weight: bold;
  letter-spacing: 0.2rem;
}

@media screen and (max-width: 960px) {
  .bosyu-attention p {
    margin-bottom: 20px;
  }
}
.bosyu-attention .list01 {
  margin-left: 10px;
}
@media screen and (max-width: 960px) {
  .bosyu-attention .list01 {
    margin-bottom: 20px;
  }
}

.btn-bosyu-wrapper {
  margin-top: clamp(20px, 5vw, 40px);
  text-align: center;
  padding: 0 20px;
}

.btn-bosyu-wrapper .icon-triangle02 {
  transform: translateY(2px) rotate(-180deg);
}

.bg-l-blue {
  background-color: #CAF0F8;
}

.bg-l-yellow {
  background-color: #fffbc4 !important;
}

.mainimg-spcl02-wrapper {
  position: relative;
  background: url("../image/sp-mainimg-spcl02.jpg") no-repeat center center;
  min-height: 93vw;
  background-size: cover;
  max-width: 1200px;
  margin: auto;
  margin-top: 30px;
}
.mainimg-spcl02-wrapper .btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
@media screen and (min-width: 961px) {
  .mainimg-spcl02-wrapper {
    background: url("../image/mainimg-spcl02.jpg") no-repeat center center;
    min-height: 295px;
    background-size: contain;
  }
}
@media screen and (min-width: 960px) and (max-width: 1200px) {
  .mainimg-spcl02-wrapper {
    min-height: 24vw;
  }
}

.sp-event {
  margin: 50px 0 0;
  padding-bottom: 50px;
  line-height: 1.3;
  width: 100%;
}

.sp-event-list {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 20px;
}
@media screen and (max-width: 960px) {
  .sp-event-list {
    width: 100%;
    max-width: 450px;
  }
}
.sp-event-list .ttl-wrapper {
  display: flex;
  align-content: center;
  justify-content: space-between;
}
.sp-event-list .ttl {
  font-size: 2rem;
}
.sp-event-list .txt {
  margin-top: 10px;
}
.sp-event-list .subTtl01 {
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  line-height: 1;
}
@media screen and (min-width: 961px) {
  .sp-event-list .subTtl01 {
    margin-left: -22px;
  }
}
@media screen and (max-width: 960px) {
  .sp-event-list .subTtl01 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 961px) {
  .sp-event-list .subTtl01 > .txt {
    margin-left: 22px;
  }
}
.sp-event-list .subTtl02 {
  text-align: right;
  margin-top: 30px;
}
@media screen and (max-width: 960px) {
  .sp-event-list .subTtl02 {
    text-align: center;
  }
}
.sp-event-list .btn-more {
  min-width: 160px;
  text-align: center;
}

.sp-event-list-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
@media screen and (max-width: 960px) {
  .sp-event-list-footer {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}

.color-orange {
  color: #FFA000;
}

.color-green {
  color: #86C600;
}

.color-blue {
  color: #009AD8;
}

.spcl-movie-wrapper {
  margin-top: 20px;
  padding: 30px;
  background-color: #E9F2F8;
}
@media screen and (min-width: 961px) {
  .spcl-movie-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: min(95%, 1200px);
    margin: auto;
    margin-top: 30px;
  }
}
@media screen and (max-width: 960px) {
  .spcl-movie-wrapper .ico img {
    width: 40px;
  }
}
.spcl-movie-wrapper .ttl {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 700;
  color: #00699c;
  line-height: 1.3;
}
.spcl-movie-wrapper .subTtl {
  text-align: center;
  font-size: 1.8rem;
  color: #00699c;
}
@media screen and (max-width: 960px) {
  .spcl-movie-wrapper .sp-ttl-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
  }
  .spcl-movie-wrapper .sp-ttl {
    text-align: left;
  }
}
@media screen and (max-width: 960px) {
  .spcl-movie-wrapper .btn {
    margin-top: 20px;
  }
}

.footer-contact {
  text-align: center;
}
.footer-contact .ttl {
  color: #00699c;
  font-size: 2.4rem;
  letter-spacing: 0.1rem;
  padding-top: 30px;
  padding-bottom: 10px;
}
.footer-contact-wrapper {
  background-color: #caf0f8;
  margin-top: 70px;
  padding-bottom: 40px;
}

.post-tenpo-wrapper {
  background: url("https://giahs-ayu.jp/wp-content/themes/ayu2022/dest/images/spcl/img-tenpo-header.png") no-repeat center top;
  min-height: 84px;
}
@media screen and (max-width: 960px) {
  .post-tenpo-wrapper {
    background: url("../image/sp-img-tenpo-header.png") no-repeat center top;
    background-size: 100%;
    min-height: 10vw;
  }
}

.tenpo-label {
  color: #ffffff;
  background-color: #00ac8f;
  padding: 1px 10px;
  border-radius: 5px;
  font-size: 1.4rem;
  display: inline-block;
  margin-top: 5px;
}

.tenpo-map {
  margin-top: 30px;
}
@media screen and (min-width: 961px) {
  .tenpo-map iframe {
    max-width: 500px;
    max-height: 375px;
  }
}
@media screen and (max-width: 960px) {
  .tenpo-map iframe {
    width: 100%;
    height: 400px;
  }
}
.tenpo-map .place-card {
  display: none;
}

.tenpo-subphoto-wrapper {
  display: flex;
  margin-top: 25px;
  gap: 25px;
}
.tenpo-subphoto-wrapper li {
  width: 50%;
}
.tenpo-subphoto-wrapper img {
  display: block;
  height: 190px;
  object-fit: cover;
  width: 100%;
}

.tenpo-photo-main img {
  display: block;
  height: 386px;
  object-fit: contain;
  width: 100%;
  background-color: #f8f8f8;
}

.tenpo-mainTtl {
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 10px;
}

.tenpo-table {
  margin-top: 20px;
  border-top: 1px solid #d1d1d1;
  min-width: 500px;
}
@media screen and (max-width: 960px) {
  .tenpo-table {
    margin-top: 40px;
    width: 100%;
    min-width: auto;
  }
}
.tenpo-table th, .tenpo-table td {
  border-bottom: 1px solid #d1d1d1;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media screen and (max-width: 960px) {
  .tenpo-table th, .tenpo-table td {
    display: block;
    width: 100%;
  }
}
.tenpo-table th {
  font-weight: normal;
  text-align: left;
  padding-right: 30px;
}
@media screen and (max-width: 960px) {
  .tenpo-table th {
    border: none;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 960px) {
  .tenpo-table td {
    padding-top: 0;
  }
}
.tenpo-table .btn-map {
  border-radius: 5px;
  padding: 0 8px;
  letter-spacing: 0.1rem;
}

#map {
  padding-top: 100px;
  margin-top: -70px;
}

.tenpo-footer-btn {
  transition: 0.3s;
  letter-spacing: 0.1rem;
  background-color: #ffffff;
  border: 1px solid #00ad90;
  border-radius: 30px;
  font-size: 1.4rem;
  max-width: 200px;
  text-align: center;
}
.tenpo-footer-btn a {
  color: #00ad90;
  font-size: 1.2rem;
  display: block;
}
.tenpo-footer-btn:hover {
  background-color: #00ad90;
}
.tenpo-footer-btn:hover a {
  color: #ffffff;
}

.storelist-header {
  text-align: center;
  color: #FFFFFF;
}
.storelist-header .mainTtl {
  line-height: 1.3;
  font-size: clamp(3rem, 10vw, 8rem);
  font-weight: normal;
}
.storelist-header .lead {
  margin-top: 10px;
  font-size: 2rem;
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .storelist-header .lead {
    text-align: left;
  }
}

.storelist-header-wrapper {
  background: url("../image/bg-storelist-header.png") no-repeat center center;
  min-height: 480px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tenpo-category {
  margin-bottom: 50px;
}
.tenpo-category h4 {
  font-size: 2.2rem;
  color: #ff9e00;
}
.tenpo-category label {
  color: #00ac8f;
  border: 1px solid #00ac8f;
  padding: 2px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1.3rem;
}

.tenpo-category input[type=checkbox] {
  display: none;
}

.tenpo-category input[type=checkbox]:checked ~ label {
  color: #FFF;
  background-color: #00ac8f;
}

.tenpo-category ul > li > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.tenpo-category .search-filter-reset {
  margin-top: 30px;
  color: #00ac8f;
  border: 1px solid #00ac8f;
  padding: 4px 10px;
  cursor: pointer;
  border-radius: 5px;
  background-color: #FFFFFF;
  font-size: 1.3rem;
}

.tenpo-list .img {
  background-color: #f8f8f8;
}
.tenpo-list .btn-more {
  background-color: white;
  color: #ff9e00;
  border: 1px solid #ff9e00;
  padding: 0 10px;
  border-radius: 20px;
  font-weight: bold;
  transition: 0.3s;
  font-size: 1.1rem;
  display: inline-block;
  white-space: nowrap;
}
.tenpo-list .btn-more:hover {
  color: #FFFFFF;
  background-color: #ff9e00;
}
.tenpo-list .ttl {
  margin-top: 5px;
  line-height: 1.3;
}
@media screen and (min-width: 961px) {
  .tenpo-list .ttl {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .tenpo-list .ttl .btn {
    text-align: right;
  }
}

.btn-contest {
  color: #ffa000;
  border: 1px solid #ffa000;
  border-radius: 30px;
  padding: 5px 30px;
  font-size: clamp(1.8rem, 5vw, 2.2rem);
  letter-spacing: 0.2rem;
  width: 400px;
}
@media screen and (max-width: 500px) {
  .btn-contest {
    width: 100%;
  }
}
.btn-contest:hover {
  background-color: #ffa000;
  color: #FFFFFF;
}

.btn-contest02 {
  border-radius: 30px;
  padding: 5px 30px;
  font-size: clamp(1.8rem, 5vw, 2.2rem);
  letter-spacing: 0.2rem;
  width: 400px;
}
@media screen and (max-width: 500px) {
  .btn-contest02 {
    width: 100%;
  }
}

.contest-list {
  max-width: 740px;
  margin: auto;
}
.contest-list > .ttl {
  font-size: 2.2rem;
  color: #00699c;
  margin-top: 50px;
  margin-bottom: 20px;
}
.contest-list .dl01 {
  display: flex;
  margin: 0;
}
@media screen and (max-width: 500px) {
  .contest-list .dl01 {
    flex-direction: column;
  }
}
.contest-list .dl01 dt {
  width: 80px;
  white-space: nowrap;
}
.contest-list .dl01 dd {
  margin-left: 10px;
}
.contest-list .mail {
  color: #00699c;
  text-decoration: underline;
}

.contest-list-btn {
  margin-top: 20px;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 960px) {
  .contest-list-btn {
    flex-direction: column;
    gap: 5px;
  }
}
.contest-list-btn > .ttl {
  color: #00699c;
}

.top-bnr-ayunohi {
  position: relative;
  max-width: 1200px;
  margin: 30px auto 0;
  background: url("../image/top-bnr-ayunohi02.png") no-repeat center center;
  background-size: contain;
}
.top-bnr-ayunohi .btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
@media screen and (min-width: 1201px) {
  .top-bnr-ayunohi {
    min-height: 296px;
  }
}
@media screen and (max-width: 1200px) {
  .top-bnr-ayunohi {
    height: 23vw;
  }
  .top-bnr-ayunohi .btn {
    bottom: 1.5vw;
    right: 1.5vw;
  }
}

.sp-top-bnr-ayunohi {
  position: relative;
  background: url("../image/sp-top-bnr-ayunohi02.png") no-repeat center center;
  background-size: contain;
  min-height: 98vw;
  margin-top: 30px;
}
.sp-top-bnr-ayunohi .btn {
  position: absolute;
  bottom: 16vw;
  left: 50%;
  transform: translateX(-50%);
}

.ayu-event-lead .btn {
  padding: clamp(20px, 5vw, 40px) 0 clamp(10px, 4vw, 20px);
  text-align: center;
}
.ayu-event-lead .ttl {
  font-size: clamp(2rem, 5vw, 4rem);
  color: #009ad8;
  text-align: center;
  line-height: 1.5;
  margin-bottom: clamp(10px, 3vw, 20px);
}
.ayu-event-lead .txt {
  max-width: 800px;
  margin: auto;
}

.ayu-area-btn {
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  line-height: 1.2;
}
@media screen and (max-width: 960px) {
  .ayu-area-btn {
    justify-content: normal;
  }
}
.ayu-area-btn a {
  background-color: white;
  color: #009ad8;
  border: 1px solid #009ad8;
  padding: 4px 30px;
  border-radius: 10px;
  font-weight: bold;
  letter-spacing: 0.1rem;
  transition: 0.3s;
  font-size: 1.3rem;
  display: inline-block;
  white-space: nowrap;
  min-height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ayu-area-btn a:hover {
  background-color: #009ad8;
  color: #FFFFFF;
}

@media screen and (min-width: 961px) {
  .ayu-event-content {
    display: flex;
    gap: 80px;
  }
}
.ayu-event-content-wrapper {
  margin-top: 50px;
  background: url("../image/pc-bg-ayu-event-content.jpg") no-repeat top center #FFFFFF;
  background-size: cover;
  border-radius: 15px;
  width: 100%;
  padding: clamp(20px, 6vw, 40px) clamp(15px, 4vw, 25px);
}
@media screen and (max-width: 1200px) {
  .ayu-event-content-wrapper {
    background: none #FFFFFF;
  }
}
@media screen and (min-width: 961px) {
  .ayu-event-content .mainArea {
    max-width: 650px;
  }
}
.ayu-event-content .mainArea .ttl02 {
  line-height: 1.2;
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 2.4rem;
}
@media screen and (min-width: 961px) {
  .ayu-event-content .mainArea .ttl02 {
    margin-left: -17px;
  }
}
@media screen and (max-width: 960px) {
  .ayu-event-content .mainArea .btn-ayupark {
    text-align: center;
  }
}
.ayu-event-content .mainArea .img-circle {
  border-radius: 50%;
  width: 80%;
  max-width: 300px;
  margin: auto;
  display: block;
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
  .ayu-event-content .mainArea .pc-hidden {
    display: block;
  }
}

#ayupark, #kasen, #museum, #kaminoho, #aqua, #other, #web, #oubo {
  padding-top: 100px;
  margin-top: -100px;
}

.ayu-event-content02 {
  margin-top: 40px;
  display: flex;
  gap: 40px;
}
.ayu-event-content02 .content {
  width: 50%;
}
@media screen and (max-width: 960px) {
  .ayu-event-content02 {
    flex-direction: column;
  }
  .ayu-event-content02 .content {
    width: 100%;
  }
}
.ayu-event-content02 .inner {
  background-color: #FFFFFF;
  padding: clamp(20px, 6vw, 40px) clamp(15px, 4vw, 25px);
}
.ayu-event-content02 .ttl02 {
  line-height: 1.2;
  font-size: 2.4rem;
}
@media screen and (min-width: 961px) {
  .ayu-event-content02 .txt {
    margin-left: 20px;
  }
}

.ayu-event-subTtl {
  line-height: 1.5;
}
@media screen and (min-width: 961px) {
  .ayu-event-subTtl {
    width: 155px;
  }
}
@media screen and (min-width: 961px) {
  .ayu-event-subTtl-wrapper {
    display: flex;
    gap: 40px;
    align-items: flex-start;
  }
}
@media screen and (min-width: 961px) {
  .ayu-event-subTtl {
    text-align: center;
  }
}
.ayu-event-subTtl .day {
  color: #009ad8;
  font-size: 3rem;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 5px;
}
.ayu-event-subTtl .txt {
  color: #009ad8;
  font-size: 2rem;
  font-weight: bold;
}
.ayu-event-subTtl .area {
  background-color: #009ad8;
  color: #ffffff;
  border: 1px solid #009ad8;
  padding: 2px 20px;
  min-width: 134px;
  text-align: center;
  border-radius: 20px;
  font-weight: bold;
  letter-spacing: 0.1rem;
  transition: 0.3s;
  font-size: 1.2rem;
  display: inline-block;
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  .ayu-event-subTtl .area {
    margin-top: 5px;
    padding: 7px 30px;
  }
}
@media screen and (max-width: 960px) {
  .ayu-event-subTtl .custom01 {
    margin-left: 10px;
  }
}

.ayu-event-subTtl02 {
  font-size: clamp(2rem, 7vw, 3.5rem);
  color: #009ad8;
  line-height: 1.2;
}
@media screen and (max-width: 960px) {
  .ayu-event-subTtl02 {
    margin-top: clamp(20px, 5vw, 30px);
  }
}

.ayu-event-content03 {
  margin-top: 40px;
  background-color: #FFFFFF;
  border-radius: 15px;
  width: 100%;
  padding: clamp(20px, 6vw, 40px) clamp(15px, 4vw, 25px);
}
.ayu-event-content03 .ayu-event-subTtl-wrapper {
  align-items: flex-start;
  max-width: 750px;
  margin: auto;
}
@media screen and (min-width: 961px) {
  .ayu-event-content03 .txt {
    margin-left: 15px;
  }
}
.ayu-event-content03 .btn-wrapper {
  margin-top: 20px;
}
@media screen and (min-width: 961px) {
  .ayu-event-content03 .btn-wrapper {
    max-width: 355px;
  }
}
.ayu-event-content03 .btn {
  margin-top: 10px;
  justify-content: space-between;
}
@media screen and (min-width: 961px) {
  .ayu-event-content03 .btn {
    display: flex;
  }
}
.ayu-event-content03 .btn .btn-more {
  min-width: 201px;
  text-align: center;
}

.ayu-event-ttl02 {
  line-height: 1.3;
  font-size: 2.4rem;
  margin-top: 15px;
  margin-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em;
}

.ayu-event-footer-bnr {
  position: relative;
  background: url("../image/sp-img-ayu-event-totop.png") no-repeat center center;
  background-size: contain;
  max-width: 1200px;
  margin: 40px auto;
  min-height: 858px;
}
.ayu-event-footer-bnr .btn, .ayu-event-footer-bnr .btn02, .ayu-event-footer-bnr .btn03 {
  position: absolute;
}
@media screen and (max-width: 960px) {
  .ayu-event-footer-bnr .btn {
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%);
  }
  .ayu-event-footer-bnr .btn02 {
    top: 384px;
    left: 50%;
    transform: translateX(-50%);
  }
  .ayu-event-footer-bnr .btn03 {
    top: 595px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 375px) {
  .ayu-event-footer-bnr {
    min-height: 218vw;
  }
  .ayu-event-footer-bnr .btn {
    bottom: 11vw;
  }
  .ayu-event-footer-bnr .btn02 {
    top: 99vw;
  }
  .ayu-event-footer-bnr .btn03 {
    top: 151vw;
  }
}
@media screen and (min-width: 961px) {
  .ayu-event-footer-bnr {
    background: url("../image/img-ayu-event-totop.png") no-repeat center center;
    min-height: 360px;
    background-size: contain;
  }
  .ayu-event-footer-bnr .btn {
    top: 90px;
    right: 43px;
  }
  .ayu-event-footer-bnr .btn02 {
    bottom: 31px;
    left: 151px;
  }
  .ayu-event-footer-bnr .btn03 {
    bottom: 38px;
    left: 570px;
  }
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
  .ayu-event-footer-bnr {
    min-height: 29vw;
  }
  .ayu-event-footer-bnr .btn02 {
    left: 11vw;
  }
  .ayu-event-footer-bnr .btn03 {
    left: 44.5vw;
    bottom: 2.5vw;
  }
}

.kanren-event {
  max-width: 800px;
  margin: auto;
}
.kanren-event-wrapper {
  border-top: 2px solid #009ad8;
  border-bottom: 2px solid #009ad8;
  margin-top: 80px;
  padding: 20px 0;
}
@media screen and (min-width: 961px) {
  .kanren-event {
    display: flex;
    gap: 40px;
  }
}
.kanren-event .ttl {
  margin-top: 5px;
  color: #009ad8;
  font-weight: bold;
}
.kanren-event .ttl02 {
  font-size: 2.4rem;
}
.kanren-event .ttl03 {
  font-weight: normal;
}
.kanren-event a {
  color: #00699c;
  text-decoration: underline;
}

.kanren-event-conent {
  margin-top: 20px;
}
@media screen and (min-width: 961px) {
  .kanren-event-conent {
    display: flex;
    gap: 40px;
  }
}

.line-yellow {
  background-color: #ffff00;
}

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