@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300..700&family=Noto+Serif+JP:wght@200..900&display=swap");
/*!
Theme Name: dvcrjapan
Theme URI: http://underscores.me/
Author: Me
Author URI: http://underscores.me/
Description: Custom theme: dvcrjapan, developed by Me
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dvcrjapan
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

dvcrjapan is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. すべてのブラウザで行の高さを正しく設定します。
 * 2. iOSでの画面の向き変更後のフォントサイズの調整を防ぎます。
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * すべてのブラウザでマージンを削除します。
 */
body {
  margin: 0;
}

/**
 * IEで`main`要素を一貫してレンダリングします。
 */
main {
  display: block;
}

/**
 * Chrome、Firefox、Safariで`section`や`article`内の`h1`要素のフォントサイズとマージンを修正します。
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Firefoxで正しいボックスサイズを適用します。
 * 2. EdgeとIEでオーバーフローを表示します。
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. すべてのブラウザでフォントサイズの継承とスケーリングを修正します。
 * 2. すべてのブラウザで奇妙な`em`フォントサイズを修正します。
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * IE 10でアクティブリンクの灰色背景を削除します。
 */
a {
  background-color: transparent;
}

/**
 * 1. Chrome 57以前のバージョンで下線を削除します。
 * 2. Chrome、Edge、IE、Opera、Safariで正しいテキスト装飾を追加します。
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Chrome、Edge、Safariで正しいフォントウェイトを追加します。
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. すべてのブラウザでフォントサイズの継承とスケーリングを修正します。
 * 2. すべてのブラウザで奇妙な`em`フォントサイズを修正します。
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * すべてのブラウザで正しいフォントサイズを追加します。
 */
small {
  font-size: 80%;
}

/**
 * すべてのブラウザで`sub`および`sup`要素が行の高さに影響を与えないようにします。
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * IE 10でリンク内の画像のボーダーを削除します。
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. すべてのブラウザでフォントスタイルを変更します。
 * 2. FirefoxとSafariでマージンを削除します。
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * IEでオーバーフローを表示します。
 * 1. Edgeでオーバーフローを表示します。
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Edge、Firefox、IEでのテキスト変換の継承を削除します。
 * 1. Firefoxでのテキスト変換の継承を削除します。
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * iOSおよびSafariでクリック可能なタイプをスタイルできない問題を修正します。
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Firefoxでの内部ボーダーとパディングを削除します。
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * 前のルールで解除されたフォーカススタイルを復元します。
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Firefoxでのパディングを修正します。
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. EdgeとIEでテキストの折り返しを修正します。
 * 2. IEで`fieldset`要素からの色の継承を修正します。
 * 3. 開発者がすべてのブラウザで`fieldset`要素をゼロにした場合に問題が発生しないように、パディングを削除します。
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Chrome、Firefox、Operaで正しい垂直方向の位置合わせを追加します。
 */
progress {
  vertical-align: baseline;
}

/**
 * IE 10+でのデフォルトの垂直スクロールバーを削除します。
 */
textarea {
  overflow: auto;
}

/**
 * 1. IE 10で正しいボックスサイズを追加します。
 * 2. IE 10でパディングを削除します。
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Chromeでのインクリメントとデクリメントボタンのカーソルスタイルを修正します。
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. ChromeおよびSafariでの奇妙な外観を修正します。
 * 2. Safariでのアウトラインスタイルを修正します。
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * macOSのChromeおよびSafariでの内部パディングを削除します。
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. iOSおよびSafariでクリック可能なタイプをスタイルできない問題を修正します。
 * 2. Safariでフォントプロパティを`inherit`に変更します。
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Edge、IE 10+、Firefoxで正しい表示を追加します。
 */
details {
  display: block;
}

/*
 * すべてのブラウザで正しい表示を追加します。
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * IE 10+で正しい表示を追加します。
 */
template {
  display: none;
}

/**
 * IE 10で正しい表示を追加します。
 */
[hidden] {
  display: none;
}

hr {
  border: 0;
}

p {
  margin-top: 0;
}

*, *::before, *::after {
  box-sizing: border-box;
}

ul, ol {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
ul li, ol li {
  margin-bottom: 0;
}

img {
  display: block;
}

figure {
  margin: 0;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

#content[tabindex="-1"]:focus {
  outline: 0;
}

a {
  text-decoration: none;
  color: #1C1D1F;
}
a:visited {
  color: #1C1D1F;
}
a:hover {
  color: #1C1D1F;
}
a:active {
  color: #1C1D1F;
}

.site-main p a {
  color: #17A4A5;
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
.site-main p a:visited {
  color: #17A4A5;
}
.site-main p a:hover {
  color: #17A4A5;
}
.site-main p a:active {
  color: #17A4A5;
}
.site-main p a:hover {
  text-decoration-color: rgba(23, 164, 165, 0.6);
}

body.single .site-main .entry-content p a {
  color: #17A4A5;
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
body.single .site-main .entry-content p a:visited {
  color: #17A4A5;
}
body.single .site-main .entry-content p a:hover {
  color: #17A4A5;
}
body.single .site-main .entry-content p a:active {
  color: #17A4A5;
}
body.single .site-main .entry-content p a:hover {
  text-decoration-color: rgba(23, 164, 165, 0.6);
}

html, body {
  font-size: 16px;
  line-height: 1.8;
  color: #1C1D1F;
  font-feature-settings: "palt";
}

body {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 400;
  font-optical-sizing: auto;
  letter-spacing: 1px;
}
@media screen and (max-width: 480px) {
  body {
    letter-spacing: 0.5px;
  }
}

h1, h2, h3, h4, h5, h6, dt {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 400;
  font-optical-sizing: auto;
  line-height: 1.4;
  margin-bottom: 1em;
}

h1:has(wbr), h2:has(wbr), h3:has(wbr), h4:has(wbr), h5:has(wbr), h6:has(wbr), p:has(wbr), a:has(wbr), strong:has(wbr) {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.ib {
  display: inline-block;
}

.width-wrap {
  max-width: 1264px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1304px) {
  .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}

body .site {
  min-height: 100dvh;
}
body .site .site-footer {
  position: sticky;
  top: 100%;
}

.more {
  margin-top: 94px;
  display: block;
  max-width: max-content;
  min-width: 240px;
  text-align: center;
  margin-inline: auto;
  border: 1px solid #1C1D1F;
  padding: 22px 32px;
  position: relative;
}
.more:after {
  content: "";
  display: block;
  height: 1px;
  width: 67px;
  background-color: #1C1D1F;
  position: absolute;
  top: 50%;
  right: -57px;
}
.more:hover {
  background-color: #8fc2c2;
  border-color: #17A4A5;
  color: white;
}
.more:hover:after {
  background-color: #17A4A5;
}

.site-header {
  position: absolute;
  z-index: 9999;
  width: 100%;
  padding-top: 17px;
}
.site-header .width-wrap {
  display: flex;
  justify-content: space-between;
}
.site-header .width-wrap .site-branding {
  flex-basis: fit-content;
}
.site-header .width-wrap .site-branding .site-title {
  line-height: 1.5;
  font-size: 13px;
  text-align: center;
  margin: 0;
  color: #17A4A5;
}
.site-header .width-wrap .site-branding .site-title a {
  color: #17A4A5;
}
.site-header .width-wrap .site-branding .site-title a:visited {
  color: #17A4A5;
}
.site-header .width-wrap .site-branding .site-title a:hover {
  color: #75cdce;
}
.site-header .width-wrap .site-branding .site-title a:active {
  color: #75cdce;
}
.site-header .width-wrap .site-branding .site-title a svg {
  display: block;
  margin-bottom: 9px;
  fill: #17A4A5;
}
.site-header .width-wrap .site-branding .site-title a:hover svg {
  fill: #75cdce;
}
.site-header .width-wrap .main-navigation {
  flex-grow: 1;
}
.site-header .width-wrap .main-navigation .cta {
  display: flex;
  justify-content: flex-end;
  column-gap: 24px;
}
.site-header .width-wrap .main-navigation .cta a {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  background-color: white;
  border: 1px solid #17A4A5;
  width: 100%;
  max-width: 240px;
  padding: 16px 20px;
  letter-spacing: 2.5px;
  font-size: 16px;
  color: #17A4A5;
}
.site-header .width-wrap .main-navigation .cta a:visited {
  color: #17A4A5;
}
.site-header .width-wrap .main-navigation .cta a:hover {
  color: #75cdce;
}
.site-header .width-wrap .main-navigation .cta a:active {
  color: #75cdce;
}
.site-header .width-wrap .main-navigation .cta a span > span {
  letter-spacing: 0px;
}
.site-header .width-wrap .main-navigation .cta a svg {
  fill: #17A4A5;
}
.site-header .width-wrap .main-navigation .cta a:hover {
  border-color: #75cdce;
}
.site-header .width-wrap .main-navigation .cta a:hover svg {
  fill: #75cdce;
}
.site-header .width-wrap .main-navigation .menu-main-container {
  padding-top: 28px;
}
.site-header .width-wrap .main-navigation .menu-main-container ul {
  display: flex;
  justify-content: flex-end;
  font-size: 16px;
  column-gap: 3%;
  margin-right: 0.5%;
}
.site-header .width-wrap .main-navigation .menu-main-container ul li a {
  color: #17A4A5;
}
.site-header .width-wrap .main-navigation .menu-main-container ul li a:visited {
  color: #17A4A5;
}
.site-header .width-wrap .main-navigation .menu-main-container ul li a:hover {
  color: #75cdce;
}
.site-header .width-wrap .main-navigation .menu-main-container ul li a:active {
  color: #75cdce;
}
@media screen and (width <= 680px) {
  .site-header .width-wrap .main-navigation .cta {
    column-gap: 17px;
  }
  .site-header .width-wrap .main-navigation .cta a {
    max-width: fit-content;
    padding-block: 12px;
  }
  .site-header .width-wrap .main-navigation .cta a span > span {
    display: none;
  }
}
@media screen and (width <= 520px) {
  .site-header .width-wrap .site-branding span {
    display: none;
  }
  .site-header .width-wrap .main-navigation .cta {
    column-gap: 13px;
  }
  .site-header .width-wrap .main-navigation .cta a {
    column-gap: 5px;
    font-size: 15px;
    padding: 8px 12px;
  }
}
@media screen and (width <= 450px) {
  .site-header .width-wrap .site-branding {
    margin-left: -5px;
  }
  .site-header .width-wrap .site-branding svg {
    width: clamp(95px, 24.2222222222vw, 109px);
    height: auto;
  }
  .site-header .width-wrap .site-branding span {
    display: none;
  }
  .site-header .width-wrap .main-navigation .cta {
    margin-right: -5px;
    column-gap: 12px;
  }
  .site-header .width-wrap .main-navigation .cta a {
    font-size: 14px;
    padding: 8px 10px;
    letter-spacing: 1.5px;
  }
}

#masthead .width-wrap .hm-toggle-btn {
  display: none;
  appearance: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  width: 32px;
  height: 20px;
  margin-left: auto;
  margin-top: 24px;
}
#masthead .width-wrap .hm-toggle-btn:focus {
  outline: none;
}
#masthead .width-wrap .hm-toggle-btn .toggle-icon {
  position: relative;
  width: 32px;
  height: 2px;
  background-color: #17A4A5;
  content: "";
  display: block;
  transition: background-color 0.2s;
}
#masthead .width-wrap .hm-toggle-btn .toggle-icon:before, #masthead .width-wrap .hm-toggle-btn .toggle-icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 32px;
  height: 2px;
  background-color: #17A4A5;
  transform: translateY(-8px);
  transition: transform 0.2s;
}
#masthead .width-wrap .hm-toggle-btn .toggle-icon:after {
  transform: translateY(8px);
}
#masthead .main-navigation-mobile {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  width: fit-content;
  max-width: 100%;
  max-height: 0;
  margin-top: 20px;
  margin-left: auto;
  overflow-y: hidden;
}
#masthead .main-navigation-mobile ul {
  list-style: none;
  padding-left: 0;
  margin: 15px;
}
#masthead .main-navigation-mobile ul li {
  margin: 0;
  text-align: center;
  letter-spacing: 1px;
  background-color: white;
  margin-bottom: 14px;
  border-radius: 3px;
}
@media screen and (max-width: 480px) {
  #masthead .main-navigation-mobile ul li {
    letter-spacing: 0;
  }
}
#masthead .main-navigation-mobile ul li a {
  display: block;
  padding-block: 16px 17px;
  padding-inline: 18px;
  color: #17A4A5;
  font-size: 15px;
  word-break: break-all;
  line-height: 1.4;
}
#masthead .main-navigation-mobile ul li a:visited {
  color: #17A4A5;
}
#masthead .main-navigation-mobile ul li a:hover {
  color: #17A4A5;
}
#masthead .main-navigation-mobile ul li a:active {
  color: #17A4A5;
}
#masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon {
  background-color: transparent !important;
}
#masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon:before, #masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon:after {
  transform: rotate(45deg);
}
#masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon:after {
  transform: rotate(-45deg);
}
#masthead.is-open .main-navigation-mobile {
  max-height: 100vh;
  transition: max-height 1s;
}
@media screen and (max-width: 767px) {
  #masthead {
    padding-top: 13px;
    padding-bottom: 15px;
  }
  #masthead .width-wrap .menu-main-container {
    display: none;
  }
  #masthead .width-wrap .hm-toggle-btn {
    display: block;
  }
}

body.home #masthead .width-wrap .hm-toggle-btn .toggle-icon {
  background-color: white;
}
body.home #masthead .width-wrap .hm-toggle-btn .toggle-icon:before, body.home #masthead .width-wrap .hm-toggle-btn .toggle-icon:after {
  background-color: white;
}
body.home .site-header .width-wrap .site-title a {
  color: white;
}
body.home .site-header .width-wrap .site-title a:visited {
  color: white;
}
body.home .site-header .width-wrap .site-title a:hover {
  color: #17A4A5;
}
body.home .site-header .width-wrap .site-title a:active {
  color: #17A4A5;
}
body.home .site-header .width-wrap .site-title a svg {
  fill: white;
}
body.home .site-header .width-wrap .site-title a:hover {
  color: #17A4A5;
}
body.home .site-header .width-wrap .site-title a:hover svg {
  fill: #17A4A5;
}
body.home .site-header .width-wrap .main-navigation .cta a {
  border-color: white;
  background-color: transparent;
  transition: all 0.3s;
  color: white;
}
body.home .site-header .width-wrap .main-navigation .cta a:visited {
  color: white;
}
body.home .site-header .width-wrap .main-navigation .cta a:hover {
  color: #17A4A5;
}
body.home .site-header .width-wrap .main-navigation .cta a:active {
  color: #17A4A5;
}
body.home .site-header .width-wrap .main-navigation .cta a svg {
  fill: white;
  transition: all 0.3s;
}
body.home .site-header .width-wrap .main-navigation .cta a:hover {
  color: #17A4A5;
  border-color: #17A4A5;
  background-color: white;
}
body.home .site-header .width-wrap .main-navigation .cta a:hover svg {
  fill: #17A4A5;
}
body.home .site-header .width-wrap .main-navigation .menu-main-container ul li a {
  color: white;
}
body.home .site-header .width-wrap .main-navigation .menu-main-container ul li a:visited {
  color: white;
}
body.home .site-header .width-wrap .main-navigation .menu-main-container ul li a:hover {
  color: white;
}
body.home .site-header .width-wrap .main-navigation .menu-main-container ul li a:active {
  color: white;
}
body.home .site-header .width-wrap .main-navigation .menu-main-container ul li a:hover {
  font-weight: 700;
}
body.home .site-header.scrolled .width-wrap a {
  color: #17A4A5;
  transition: all 0.8s;
}
body.home .site-header.scrolled .width-wrap a:visited {
  color: #17A4A5;
}
body.home .site-header.scrolled .width-wrap a:hover {
  color: #17A4A5;
}
body.home .site-header.scrolled .width-wrap a:active {
  color: #17A4A5;
}
body.home .site-header.scrolled .width-wrap .site-title svg {
  fill: #17A4A5;
  transition: all 0.8s;
}
body.home .site-header.scrolled .width-wrap .main-navigation .cta a {
  border-color: #17A4A5;
  background-color: white;
  transition: all 0.8s;
}
body.home .site-header.scrolled .width-wrap .main-navigation .cta svg {
  fill: #17A4A5;
  transition: all 0.8s;
}

#pageTop {
  text-decoration: none;
  display: block;
  padding: 0;
  border-radius: 5px;
  width: 48px;
  height: 48px;
  background-color: #17A4A5;
  color: #fff;
  opacity: 0.7;
  position: fixed;
  bottom: 15px;
  right: 20px;
  z-index: 99999;
  cursor: pointer;
}
#pageTop svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#pageTop:hover {
  opacity: 1;
}

body.home .firstview-sect {
  padding-top: 170px;
  padding-bottom: 160px;
  position: relative;
}
body.home .firstview-sect .bg-img {
  width: 100%;
  height: 774px;
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  display: grid;
}
body.home .firstview-sect .bg-img img {
  display: block;
  grid-area: 1/-1;
  animation-name: ui50z01;
  animation-duration: 24s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes ui50z01 {
  0%, 100% {
    opacity: 0;
  }
  10.4166666667%, 25% {
    opacity: 1;
  }
  35.4166666667% {
    opacity: 0;
  }
}
body.home .firstview-sect .bg-img img:nth-child(2) {
  animation-delay: 6s;
}
body.home .firstview-sect .bg-img img:nth-child(3) {
  animation-delay: 12s;
}
body.home .firstview-sect .bg-img img:nth-child(4) {
  animation-delay: 18s;
}
body.home .firstview-sect .bg-img img {
  width: 100%;
  height: 774px;
  object-fit: cover;
}
body.home .firstview-sect .bg-img img:nth-child(2) {
  object-position: center center;
}
body.home .firstview-sect .bg-img img:nth-child(3) {
  object-position: left bottom;
}
body.home .firstview-sect .bg-img img:nth-child(4) {
  object-position: left center;
}
body.home .firstview-sect .bg-grad {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 774px;
  background: linear-gradient(90deg, rgba(23, 164, 165, 0) 39.04%, rgba(23, 164, 165, 0.6) 100%), linear-gradient(180deg, rgba(23, 164, 165, 0) 47.89%, rgba(23, 164, 165, 0.7) 100%);
}
body.home .firstview-sect .width-wrap .txt {
  color: white;
  width: max-content;
  margin-left: auto;
  margin-right: 1%;
}
body.home .firstview-sect .width-wrap .txt hgroup h3 {
  font-size: min(5.5172413793vw, 32px);
  font-weight: 300;
  letter-spacing: 4.48px;
  margin: 0;
}
body.home .firstview-sect .width-wrap .txt hgroup h2 {
  font-size: min(9.6551724138vw, 56px);
  font-weight: 300;
  letter-spacing: 7.84px;
  margin: 0;
}
body.home .firstview-sect .width-wrap .txt hgroup h2 span {
  font-size: min(9.1379310345vw, 53px);
}
body.home .firstview-sect .width-wrap .txt ul {
  margin-top: 32px;
  display: flex;
  gap: 5%;
}
body.home .firstview-sect .width-wrap .txt ul li {
  flex-basis: 132px;
  height: auto;
  aspect-ratio: 1/1;
  background-color: white;
  background-clip: content-box;
  border-radius: 100vmax;
  color: #028A8F;
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 300;
  font-optical-sizing: auto;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
  position: relative;
  border: 6px solid rgba(255, 255, 255, 0.7);
}
body.home .firstview-sect .width-wrap .txt ul li em {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -0.9em;
  font-style: normal;
  width: 2.5em;
  text-align-last: justify;
}
body.home .firstview-sect .width-wrap .txt ul li em span {
  display: block;
  font-size: 12px;
  line-height: 15px;
  width: max-content;
}
@media screen and (width <= 700px) {
  body.home .firstview-sect .width-wrap .txt {
    padding-top: 60px;
  }
}
body.home .strength-sect {
  padding-top: 140px;
}
body.home .strength-sect hgroup.header {
  margin-bottom: 72px;
}
body.home .strength-sect hgroup.header p {
  display: flex;
  align-items: center;
  column-gap: 13px;
  color: #5f5f5f;
  font-family: Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-bottom: 20px;
}
body.home .strength-sect hgroup.header p:after {
  content: "";
  display: block;
  width: 67px;
  height: 1px;
  background-color: #5f5f5f;
}
body.home .strength-sect hgroup.header h1,
body.home .strength-sect hgroup.header h2 {
  font-size: clamp(35px, 5.2151238592vw, 40px);
  letter-spacing: 0.15em;
  margin-top: 0;
  margin-bottom: 28px;
}
body.home .strength-sect hgroup.header h2 {
  font-size: clamp(35px, 6.258148631vw, 48px);
  margin-bottom: 0;
}
body.home .strength-sect ol {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  counter-reset: number;
}
body.home .strength-sect ol li {
  height: 236px;
  display: grid;
}
body.home .strength-sect ol li img {
  grid-area: 1/-1;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.home .strength-sect ol li:before {
  grid-area: 1/-1;
  z-index: 1;
  content: "";
  display: block;
  width: 100%;
  height: 236px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(23, 164, 165, 0.5) 100%);
}
body.home .strength-sect ol li hgroup {
  grid-area: 1/-1;
  z-index: 2;
  align-self: start;
  justify-self: end;
  padding: 24px;
}
body.home .strength-sect ol li hgroup p {
  margin-bottom: 0;
  background-color: #17A4A5;
  width: max-content;
  padding: 4px 10px;
  color: white;
  margin-left: auto;
  font-family: Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.4;
}
body.home .strength-sect ol li hgroup h3 {
  margin: 0;
  background-color: #17A4A5;
  width: max-content;
  padding: 4px 12px;
  color: white;
  margin-left: auto;
  text-align: right;
  line-height: 1.3;
  font-size: 23px;
}
body.home .strength-sect ol li:after {
  align-self: end;
  justify-self: end;
  grid-area: 1/-1;
  z-index: 4;
  counter-increment: number;
  content: "0" counter(number);
  color: rgba(255, 255, 255, 0.9);
  font-size: 64px;
  padding: 24px;
  font-family: "Cormorant Garamond", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-optical-sizing: auto;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 5px;
}
@media screen and (width <= 685px) {
  body.home .strength-sect ol {
    grid-template-columns: auto;
  }
}
body.home .confiden-sect {
  padding-top: 230px;
  position: relative;
}
body.home .confiden-sect .content-wrap {
  display: flex;
  justify-content: space-between;
}
body.home .confiden-sect .content-wrap > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (250px));
  margin-right: calc(250px * -1);
}
body.home .confiden-sect .content-wrap > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 550px);
}
@media screen and (width <= 1140px) {
  body.home .confiden-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  body.home .confiden-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.home .confiden-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
body.home .confiden-sect .content-wrap > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (-250px));
  margin-left: calc(-250px * -1);
}
body.home .confiden-sect .content-wrap > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 550px);
}
@media screen and (width <= 1140px) {
  body.home .confiden-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  body.home .confiden-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.home .confiden-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.home .confiden-sect .content-wrap .left {
  background-color: #F2F5F5;
  overflow: initial;
}
body.home .confiden-sect .content-wrap .left .wr {
  padding-top: 300px;
  padding-right: 40px;
  position: relative;
}
body.home .confiden-sect .content-wrap .left .wr p {
  max-width: 610px;
  line-height: 2.3;
  font-feature-settings: "halt";
  letter-spacing: 3px;
}
@media screen and (max-width: 480px) {
  body.home .confiden-sect .content-wrap .left .wr p {
    letter-spacing: 1px;
  }
}
body.home .confiden-sect .content-wrap .left .wr p + p {
  margin-top: 3em;
}
body.home .confiden-sect .content-wrap .left .wr .img1 {
  position: absolute;
  left: -20px;
  top: -100px;
}
body.home .confiden-sect .content-wrap .right .wr {
  background-color: #F2F5F5;
  padding-top: 110px;
  padding-bottom: 200px;
}
body.home .confiden-sect .content-wrap .right .wr h2 {
  writing-mode: vertical-rl;
  text-orientation: upright;
  line-height: 1.9;
  font-size: 28px;
  letter-spacing: 6px;
  margin: 0;
}
body.home .confiden-sect .img2 {
  position: absolute;
  right: 0;
  top: calc(100% - 100px);
  width: min(64.6vw, 646px);
  height: auto;
}
@media screen and (width <= 885px) {
  body.home .confiden-sect .content-wrap {
    display: flex;
    justify-content: space-between;
  }
  body.home .confiden-sect .content-wrap > :nth-of-type(1) {
    overflow: hidden;
    flex-basis: calc(50% + (150px));
    margin-right: calc(150px * -1);
  }
  body.home .confiden-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 550px);
  }
}
@media screen and (width <= 885px) and (width <= 1140px) {
  body.home .confiden-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 885px) and (width <= 807px) {
  body.home .confiden-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 885px) and (width <= 797px) {
  body.home .confiden-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
@media screen and (width <= 885px) {
  body.home .confiden-sect .content-wrap > :nth-of-type(2) {
    overflow: hidden;
    flex-basis: calc(50% + (-150px));
    margin-left: calc(-150px * -1);
  }
  body.home .confiden-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 550px);
  }
}
@media screen and (width <= 885px) and (width <= 1140px) {
  body.home .confiden-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 885px) and (width <= 807px) {
  body.home .confiden-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 885px) and (width <= 797px) {
  body.home .confiden-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
@media screen and (width <= 885px) {
  body.home .confiden-sect .content-wrap .left {
    overflow: initial;
  }
  body.home .confiden-sect .content-wrap .right .wr h2 {
    margin-left: auto;
    margin-right: 1em;
  }
}
@media screen and (width <= 680px) {
  body.home .confiden-sect .content-wrap {
    flex-wrap: wrap;
  }
  body.home .confiden-sect .content-wrap .left {
    flex-basis: 100%;
    order: 1;
  }
  body.home .confiden-sect .content-wrap .left .wr {
    padding-top: 200px;
    padding-right: 15px;
  }
  body.home .confiden-sect .content-wrap .left .wr p {
    font-size: 17px;
  }
  body.home .confiden-sect .content-wrap .right {
    flex-basis: 100%;
    order: 2;
    margin-inline: 0;
  }
  body.home .confiden-sect .content-wrap .right .wr {
    margin-inline: 0;
    padding-inline: 15px;
    max-width: 100%;
    padding-top: 70px;
    padding-bottom: 160px;
  }
  body.home .confiden-sect .content-wrap .right .wr h2 {
    margin-right: auto;
    word-break: keep-all;
  }
}
body.home .service-sect {
  overflow: hidden;
  padding-top: 180px;
  padding-bottom: 120px;
}
body.home .service-sect hgroup.header p {
  display: flex;
  align-items: center;
  column-gap: 13px;
  color: #5f5f5f;
  font-family: Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-bottom: 20px;
}
body.home .service-sect hgroup.header p:after {
  content: "";
  display: block;
  width: 67px;
  height: 1px;
  background-color: #5f5f5f;
}
body.home .service-sect hgroup.header h1,
body.home .service-sect hgroup.header h2 {
  font-size: clamp(35px, 5.2151238592vw, 40px);
  letter-spacing: 0.15em;
  margin-top: 0;
  margin-bottom: 28px;
}
body.home .service-sect ul {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  margin-inline: auto;
  padding-top: 64px;
}
body.home .service-sect ul li {
  flex-basis: 29%;
}
body.home .service-sect ul li hgroup p {
  font-family: "Cormorant Garamond", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-optical-sizing: auto;
  font-weight: 300;
  font-size: 15px;
  color: #17A4A5;
  margin-bottom: 0;
}
body.home .service-sect ul li hgroup h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 24px;
  letter-spacing: 2.8px;
}
@media screen and (max-width: 480px) {
  body.home .service-sect ul li hgroup h3 {
    letter-spacing: 0.8px;
  }
}
body.home .service-sect ul li .illust {
  background-color: #EDF2F5;
  border-radius: 4px;
  padding: 38px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3%;
  margin-bottom: 1em;
}
body.home .service-sect ul li .illust svg {
  fill: #6F7173;
}
body.home .service-sect ul li p {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 300;
  font-optical-sizing: auto;
  line-height: 1.7;
}
body.home .service-sect ul li h5 {
  background-color: #17A4A5;
  color: white;
  font-size: 15px;
  padding: 9px 17px;
  line-height: 1.6;
  margin-top: 0;
}
@media screen and (width <= 767px) {
  body.home .service-sect ul {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 80px;
  }
  body.home .service-sect ul li {
    flex-basis: 400px;
  }
}
body.home .please-sect {
  padding-top: 72px;
}
body.home .please-sect .trouble {
  position: relative;
  z-index: 1;
  max-width: 800px;
  padding: 36px 15px 32px;
  background-color: #F2F5F5;
  margin-inline: auto;
}
body.home .please-sect .trouble h3 {
  text-align: center;
  font-size: clamp(29px, 4.1025641026vw, 32px);
  margin-top: 0;
  margin-bottom: 25px;
}
body.home .please-sect .trouble ul {
  max-width: max-content;
  margin-inline: auto;
  font-size: 17px;
}
body.home .please-sect .trouble ul li {
  margin-bottom: 16px;
  position: relative;
  padding-left: 29px;
  line-height: 1.4;
}
body.home .please-sect .trouble ul li:before {
  content: " ";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 5px;
  top: 4px;
  background-color: #17A4A5;
  mask: url("/wp-content/themes/dvcrjapan/images/icon-check-box.svg") no-repeat;
  mask-size: 100% auto;
}
body.home .please-sect .trouble ul li:last-child {
  margin-bottom: 0;
}
body.home .please-sect .trouble img {
  max-width: 100%;
  height: auto;
  margin-inline: auto;
  margin-top: 16px;
}
body.home .please-sect .trouble:after {
  content: "";
  display: block;
  background-color: #F2F5F5;
  width: 45px;
  height: 21px;
  position: absolute;
  left: 50%;
  bottom: -17px;
  translate: -50% 0;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
body.home .please-sect .leave {
  position: relative;
  background: linear-gradient(0deg, rgba(24, 93, 94, 0.8) 0%, rgba(24, 93, 94, 0.8) 100%);
  padding-top: 144px;
  padding-bottom: 112px;
  margin-top: -100px;
}
body.home .please-sect .leave > img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.home .please-sect .leave h2 {
  font-size: clamp(28px, 4.6153846154vw, 36px);
  text-align: center;
  margin-top: 0;
  margin-bottom: 64px;
  color: white;
  padding-inline: 15px;
}
body.home .please-sect .leave ul {
  padding-inline: 15px;
  max-width: 920px;
  margin-inline: auto;
}
body.home .please-sect .leave ul li {
  display: flex;
  align-items: center;
  margin-bottom: 56px;
}
body.home .please-sect .leave ul li .img {
  position: relative;
  flex-basis: 60%;
  z-index: 0;
}
body.home .please-sect .leave ul li .img img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}
body.home .please-sect .leave ul li .img:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(23, 164, 165, 0.5) 100%);
  top: 0;
  left: 0;
}
body.home .please-sect .leave ul li .txt {
  flex-basis: 50%;
  margin-left: -10%;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 1;
}
body.home .please-sect .leave ul li .txt p {
  width: 190px;
  height: 190px;
  background-color: white;
  background-clip: content-box;
  margin-bottom: 0;
  border-radius: 100vmax;
  color: #17A4A5;
  border: 10px solid rgba(255, 255, 255, 0.7);
  display: grid;
  place-content: center;
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
}
body.home .please-sect .leave ul li .txt svg {
  fill: white;
}
body.home .please-sect .leave ul li:nth-child(even) .img:after {
  background: linear-gradient(90deg, rgba(23, 164, 165, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
}
body.home .please-sect .leave ul li:nth-child(even) .txt {
  margin-left: 0;
  margin-right: -10%;
}
body.home .please-sect .leave ul li:last-child {
  margin-bottom: 0;
}
@media screen and (width <= 767px) {
  body.home .please-sect .leave ul li {
    margin-bottom: 70px;
    flex-wrap: wrap;
    justify-content: center;
  }
  body.home .please-sect .leave ul li .img {
    flex-basis: 500px;
    order: 1;
  }
  body.home .please-sect .leave ul li .txt {
    flex-basis: 100%;
    order: 2;
    margin-left: 0;
    justify-content: center;
    margin-top: -90px;
  }
  body.home .please-sect .leave ul li:nth-child(even) .txt {
    margin-right: 0;
  }
}
@media screen and (width <= 500px) {
  body.home .please-sect .leave {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
  }
  body.home .please-sect .leave ul li .txt p {
    width: min(38vw, 190px);
    height: min(38vw, 190px);
    font-size: clamp(15px, 4vw, 18px);
  }
}
body.home .voice-sect {
  padding-top: 120px;
}
body.home .voice-sect h2 {
  text-align: center;
  font-size: 40px;
  margin-bottom: 80px;
}
body.home .voice-sect ul li {
  border-bottom: 1px solid #17A4A5;
  margin-bottom: 148px;
  padding-bottom: 40px;
  padding-inline: 4px 0;
  margin-left: 10%;
}
body.home .voice-sect ul li h3 {
  font-feature-settings: "halt";
  font-size: 33px;
  color: #17A4A5;
  line-height: 1.5;
  margin: 0;
  margin-bottom: 26px;
  letter-spacing: 4.8px;
}
@media screen and (max-width: 480px) {
  body.home .voice-sect ul li h3 {
    letter-spacing: 2.8px;
  }
}
body.home .voice-sect ul li h4 {
  margin: 0;
  font-size: 23px;
  line-height: 1.8;
  margin-bottom: 15px;
  letter-spacing: 2.8px;
}
@media screen and (max-width: 480px) {
  body.home .voice-sect ul li h4 {
    letter-spacing: 0.8px;
  }
}
body.home .voice-sect ul li p {
  margin-bottom: 0;
  font-size: 17px;
  line-height: 2;
  letter-spacing: 2px;
}
@media screen and (max-width: 480px) {
  body.home .voice-sect ul li p {
    letter-spacing: 0px;
  }
}
@media screen and (width <= 767px) {
  body.home .voice-sect ul li {
    margin-left: 0;
  }
  body.home .voice-sect ul li h3 {
    font-size: clamp(27px, 5.6896551724vw, 33px);
  }
}
body.home .faq-sect {
  background-color: #EDF2F5;
  padding-top: 76px;
  padding-bottom: 160px;
}
body.home .faq-sect .width-wrap {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  padding: min(16.2962962963vw, 88px) 5%;
}
@media screen and (max-width: 1040px) {
  body.home .faq-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.home .faq-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.home .faq-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.home .faq-sect hgroup {
  text-align: center;
  margin-bottom: 56px;
}
body.home .faq-sect hgroup p {
  display: flex;
  align-items: center;
  column-gap: 13px;
  color: #5f5f5f;
  font-family: Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-bottom: 20px;
}
body.home .faq-sect hgroup p:after {
  content: "";
  display: block;
  width: 67px;
  height: 1px;
  background-color: #5f5f5f;
}
body.home .faq-sect hgroup h1,
body.home .faq-sect hgroup h2 {
  font-size: clamp(35px, 5.2151238592vw, 40px);
  letter-spacing: 0.15em;
  margin-top: 0;
  margin-bottom: 28px;
}
body.home .faq-sect hgroup p {
  justify-content: center;
}
body.home .faq-sect dl {
  margin: 0;
}
body.home .faq-sect dl dt {
  margin-bottom: 0;
}
body.home .faq-sect dl dd {
  margin-left: 0;
}
body.home .faq-sect dl div {
  border: 1px solid #E0E0E0;
  padding: 28px 5%;
  font-size: 17px;
  margin-bottom: 32px;
}
body.home .faq-sect dl div dt,
body.home .faq-sect dl div dd {
  margin-bottom: 24px;
  display: flex;
  align-items: start;
  line-height: 1.7;
}
body.home .faq-sect dl div dt:before,
body.home .faq-sect dl div dd:before {
  flex-shrink: 0;
  flex-basis: clamp(48px, 11.1111111111vw, 60px);
  content: "Q";
  color: #17A4A5;
  font-size: 40px;
  font-family: "Cormorant Garamond", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-optical-sizing: auto;
  font-weight: 300;
  line-height: 1;
}
body.home .faq-sect dl div dt:before {
  translate: 0 -3px;
}
body.home .faq-sect dl div dd {
  margin-bottom: 0;
}
body.home .faq-sect dl div dd:before {
  content: "A";
  padding-left: 3px;
}
body.home .faq-sect dl div:last-child {
  margin-bottom: 0;
}

.site-footer {
  background-color: #E1F0F0;
  padding-top: 68px;
  padding-bottom: 72px;
  padding-inline: 3%;
}
.site-footer .site-info {
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-rows: repeat(2, auto);
  row-gap: 28px;
}
.site-footer .site-info .site-title a {
  color: #17A4A5;
  display: block;
  width: max-content;
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
  color: #17A4A5;
  word-break: keep-all;
  text-align: center;
}
.site-footer .site-info .site-title a:visited {
  color: #17A4A5;
}
.site-footer .site-info .site-title a:hover {
  color: #17A4A5;
}
.site-footer .site-info .site-title a:active {
  color: #17A4A5;
}
.site-footer .site-info .site-title a svg {
  display: block;
  margin-bottom: 9px;
  fill: #17A4A5;
  margin-inline: auto;
}
.site-footer .site-info .site-title a:hover {
  color: #75cdce;
}
.site-footer .site-info .site-title a:hover svg {
  fill: #75cdce;
}
.site-footer .site-info .menu-foot-container .menu {
  text-align: right;
}
.site-footer .site-info .menu-foot-container .menu li {
  margin-bottom: 22px;
}
.site-footer .site-info .menu-foot-container .menu li a {
  color: #1C1D1F;
}
.site-footer .site-info .menu-foot-container .menu li a:visited {
  color: #1C1D1F;
}
.site-footer .site-info .menu-foot-container .menu li a:hover {
  color: #17A4A5;
}
.site-footer .site-info .menu-foot-container .menu li a:active {
  color: #17A4A5;
}
.site-footer .site-info .address {
  word-break: keep-all;
  font-size: 17px;
  margin-bottom: 0;
}
.site-footer .site-info .address span {
  font-size: 15px;
}
.site-footer .site-info .ft-cta {
  display: flex;
  justify-content: flex-end;
  column-gap: max(3%, 17px);
}
.site-footer .site-info .ft-cta a {
  border: 1px solid #17A4A5;
  flex-basis: 240px;
  height: 64px;
  display: grid;
  place-content: center;
  font-size: 16px;
  background-color: white;
  color: #17A4A5;
}
.site-footer .site-info .ft-cta a:visited {
  color: #17A4A5;
}
.site-footer .site-info .ft-cta a:hover {
  color: #17A4A5;
}
.site-footer .site-info .ft-cta a:active {
  color: #17A4A5;
}
.site-footer .site-info .ft-cta a:hover {
  background-color: #9dd7d7;
  border-color: white;
  color: white;
}
.site-footer .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-footer .footer-bottom .copyright {
  margin-bottom: 0;
  font-size: 13px;
  padding-left: 2px;
}
.site-footer .footer-bottom ul {
  display: flex;
  column-gap: 15px;
}
@media screen and (width <= 850px) {
  .site-footer {
    padding-inline: 5px;
  }
}
@media screen and (width <= 767px) {
  .site-footer {
    padding-top: 30px;
  }
  .site-footer .site-info {
    grid-template-columns: auto;
    grid-template-rows: repeat(4, auto);
    row-gap: 10px;
  }
  .site-footer .site-info .menu-foot-container {
    order: 1;
    margin-bottom: 5px;
  }
  .site-footer .site-info .menu-foot-container .menu li {
    margin-bottom: 19px;
    text-align: center;
  }
  .site-footer .site-info .ft-cta {
    order: 2;
    justify-content: center;
  }
  .site-footer .site-info .site-title {
    order: 3;
    width: max-content;
    margin-inline: auto;
    margin-top: 50px;
  }
  .site-footer .site-info .address {
    order: 4;
    text-align: center;
  }
  .site-footer .footer-bottom {
    padding-top: 40px;
    display: grid;
    grid-template-columns: auto;
    justify-content: center;
  }
  .site-footer .footer-bottom ul {
    order: 1;
    justify-content: center;
  }
  .site-footer .footer-bottom .copyright {
    order: 2;
  }
}

.contact-sect {
  background: linear-gradient(0deg, rgba(23, 164, 165, 0.9) 0%, rgba(23, 164, 165, 0.9) 100%);
  position: relative;
}
.contact-sect > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.contact-sect .width-wrap {
  padding: 80px 15px;
  color: white;
}
.contact-sect .width-wrap hgroup {
  position: relative;
  z-index: 1;
  margin-bottom: 24px;
}
.contact-sect .width-wrap hgroup h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-family: "Cormorant Garamond", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-optical-sizing: auto;
  font-weight: 300;
  line-height: 1.1;
}
.contact-sect .width-wrap hgroup p {
  text-align: center;
  font-size: 19px;
  margin-bottom: 0;
}
.contact-sect .width-wrap > p {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 17px;
  margin-bottom: 50px;
}
.contact-sect .width-wrap .act {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  column-gap: 28px;
}
.contact-sect .width-wrap .act a {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  background-color: white;
  color: #17A4A5;
  width: 100%;
  max-width: 380px;
  padding: 22px 15px;
  font-size: 24px;
  letter-spacing: 3.8px;
}
.contact-sect .width-wrap .act a:visited {
  color: #17A4A5;
}
.contact-sect .width-wrap .act a:hover {
  color: #17A4A5;
}
.contact-sect .width-wrap .act a:active {
  color: #17A4A5;
}
.contact-sect .width-wrap .act a span > span {
  letter-spacing: 1px;
}
.contact-sect .width-wrap .act a svg {
  fill: #17A4A5;
  margin-top: 3px;
}
.contact-sect .width-wrap .act a:hover {
  background-color: #9dd7d7;
  color: white;
}
.contact-sect .width-wrap .act a:hover svg {
  fill: white;
}
@media screen and (width <= 700px) {
  .contact-sect .width-wrap {
    padding-block: 60px;
  }
  .contact-sect .width-wrap .act {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .contact-sect .width-wrap .act a {
    flex-basis: 100%;
  }
}

.news-sect {
  padding-top: 100px;
  padding-bottom: 120px;
  overflow: hidden;
}
.news-sect .content-wrap {
  display: flex;
  justify-content: space-between;
  column-gap: 12%;
  margin-bottom: 25px;
}
.news-sect .content-wrap hgroup {
  flex-shrink: 0;
  padding-left: 10%;
}
.news-sect .content-wrap hgroup p {
  display: flex;
  align-items: center;
  column-gap: 13px;
  color: #5f5f5f;
  font-family: Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-bottom: 20px;
}
.news-sect .content-wrap hgroup p:after {
  content: "";
  display: block;
  width: 67px;
  height: 1px;
  background-color: #5f5f5f;
}
.news-sect .content-wrap hgroup h1,
.news-sect .content-wrap hgroup h2 {
  font-size: clamp(35px, 5.2151238592vw, 40px);
  letter-spacing: 0.15em;
  margin-top: 0;
  margin-bottom: 28px;
}
.news-sect .content-wrap .article-wrap {
  flex-grow: 1;
}
.news-sect .content-wrap .article-wrap .post {
  padding-block: 32px;
  border-top: 1px solid #D9D9D9;
}
.news-sect .content-wrap .article-wrap .post a {
  color: #17A4A5;
}
.news-sect .content-wrap .article-wrap .post a:visited {
  color: #17A4A5;
}
.news-sect .content-wrap .article-wrap .post a:hover {
  color: #75cdce;
}
.news-sect .content-wrap .article-wrap .post a:active {
  color: #75cdce;
}
.news-sect .content-wrap .article-wrap .post a .entry-header {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 14px;
}
.news-sect .content-wrap .article-wrap .post a .entry-header .post-categories {
  flex-basis: max-content;
  background-color: #17A4A5;
  color: white;
  padding: 2px 12px;
  font-size: 15px;
}
.news-sect .content-wrap .article-wrap .post a .entry-header .date {
  flex-basis: max-content;
  color: #555;
}
.news-sect .content-wrap .article-wrap .post a .entry-header h3 {
  flex-basis: 100%;
  font-size: 19px;
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 700;
}
.news-sect .content-wrap .article-wrap .post a .entry-content {
  color: #1C1D1F;
}
.news-sect .content-wrap .article-wrap .post a .entry-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 15px;
}
.news-sect .content-wrap .article-wrap .post a .entry-content:first-child {
  border-top: 0 none;
}
.news-sect .content-wrap .article-wrap .post a:hover .entry-header .post-categories {
  background-color: #75cdce;
}
.news-sect .content-wrap .article-wrap .post a:hover .entry-header .date {
  color: #999;
}
.news-sect .content-wrap .article-wrap .post a:hover .entry-content {
  color: #777;
}
.news-sect .content-wrap .article-wrap .navigation {
  margin-left: 2px;
}
.news-sect .more {
  margin-top: 0;
  margin-right: 0;
}
@media screen and (width <= 767px) {
  .news-sect .content-wrap {
    flex-wrap: wrap;
  }
  .news-sect .content-wrap hgroup {
    flex-basis: 100%;
    padding-left: 0;
  }
}

body.page-about .firstview-sect {
  padding-top: 200px;
}
@media screen and (width <= 520px) {
  body.page-about .firstview-sect {
    padding-top: 140px;
  }
}
body.page-about .firstview-sect .content-wrap {
  display: flex;
  justify-content: space-between;
}
body.page-about .firstview-sect .content-wrap > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (400px));
  margin-right: calc(400px * -1);
}
body.page-about .firstview-sect .content-wrap > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
body.page-about .firstview-sect .content-wrap > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (-150px));
  margin-left: calc(-150px * -1);
}
body.page-about .firstview-sect .content-wrap > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.page-about .firstview-sect .content-wrap .left {
  padding-bottom: 120px;
}
body.page-about .firstview-sect .content-wrap .left .content {
  background: linear-gradient(270deg, rgba(23, 164, 165, 0) 36.04%, rgba(23, 164, 165, 0.6) 100%);
  position: relative;
  padding-top: 92px;
  height: 379px;
}
body.page-about .firstview-sect .content-wrap .left .content > img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: -1;
}
body.page-about .firstview-sect .content-wrap .left .content .wr {
  padding-right: 15px;
}
body.page-about .firstview-sect .content-wrap .left .content .wr hgroup {
  color: white;
  text-shadow: 0px 0px 12px #021D1D;
}
body.page-about .firstview-sect .content-wrap .left .content .wr hgroup h4 {
  font-size: 25px;
  margin-top: 0;
  letter-spacing: 3.5px;
}
body.page-about .firstview-sect .content-wrap .left .content .wr hgroup h1 {
  font-size: clamp(25px, 4.8239895698vw, 37px);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.1;
  letter-spacing: 5px;
}
body.page-about .firstview-sect .content-wrap .left .content .wr hgroup h1 span {
  font-family: "Cormorant Garamond", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-optical-sizing: auto;
  font-weight: 300;
  font-size: clamp(57px, 11.0821382008vw, 85px);
  letter-spacing: 12px;
}
body.page-about .firstview-sect .content-wrap .left .content .wr hgroup h3 {
  font-size: clamp(22px, 4.2647040905vw, 35px);
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 5px;
  font-feature-settings: "halt";
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 300;
  font-optical-sizing: auto;
}
body.page-about .firstview-sect .content-wrap .right {
  z-index: -2;
  padding-top: 120px;
}
body.page-about .firstview-sect .content-wrap .right:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #F2F5F5;
}
@media screen and (width <= 991px) {
  body.page-about .firstview-sect .content-wrap {
    display: flex;
    justify-content: space-between;
  }
  body.page-about .firstview-sect .content-wrap > :nth-of-type(1) {
    overflow: hidden;
    flex-basis: calc(50% + (40%));
    margin-right: calc(40% * -1);
  }
  body.page-about .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 632px);
  }
}
@media screen and (width <= 991px) and (width <= 1304px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 991px) and (width <= 807px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 991px) and (width <= 797px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
@media screen and (width <= 991px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(2) {
    overflow: hidden;
    flex-basis: calc(50% + (-150px));
    margin-left: calc(-150px * -1);
  }
  body.page-about .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 632px);
  }
}
@media screen and (width <= 991px) and (width <= 1304px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 991px) and (width <= 807px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 991px) and (width <= 797px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
@media screen and (width <= 530px) {
  body.page-about .firstview-sect .content-wrap {
    display: flex;
    justify-content: space-between;
  }
  body.page-about .firstview-sect .content-wrap > :nth-of-type(1) {
    overflow: hidden;
    flex-basis: calc(50% + (50%));
    margin-right: calc(50% * -1);
  }
  body.page-about .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 632px);
  }
}
@media screen and (width <= 530px) and (width <= 1304px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 530px) and (width <= 807px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 530px) and (width <= 797px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
@media screen and (width <= 530px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(2) {
    overflow: hidden;
    flex-basis: calc(50% + (-150px));
    margin-left: calc(-150px * -1);
  }
  body.page-about .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 632px);
  }
}
@media screen and (width <= 530px) and (width <= 1304px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 530px) and (width <= 807px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 530px) and (width <= 797px) {
  body.page-about .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.page-about .read-sect {
  margin-top: -52px;
  font-size: 18px;
  line-height: 2.3;
}
@media screen and (width <= 540px) {
  body.page-about .read-sect p br.hid {
    display: none;
  }
}
body.page-about .about-sect {
  padding-top: 122px;
}
body.page-about .about-sect .content-wrap {
  display: flex;
  justify-content: space-between;
}
body.page-about .about-sect .content-wrap > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (-20px));
  margin-right: calc(-20px * -1);
}
body.page-about .about-sect .content-wrap > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page-about .about-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page-about .about-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page-about .about-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
body.page-about .about-sect .content-wrap > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (0px));
  margin-left: calc(0px * -1);
}
body.page-about .about-sect .content-wrap > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page-about .about-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page-about .about-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page-about .about-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.page-about .about-sect .content-wrap .txt hgroup h2 {
  margin-top: 0;
  font-size: 44px;
  line-height: 1.5;
  margin-bottom: 24px;
  letter-spacing: 8px;
}
@media screen and (max-width: 480px) {
  body.page-about .about-sect .content-wrap .txt hgroup h2 {
    letter-spacing: 6px;
  }
}
body.page-about .about-sect .content-wrap .txt hgroup h3 {
  font-size: 24px;
  line-height: 1.8;
  letter-spacing: 2.8px;
}
@media screen and (max-width: 480px) {
  body.page-about .about-sect .content-wrap .txt hgroup h3 {
    letter-spacing: 0.8px;
  }
}
body.page-about .about-sect .content-wrap .img {
  padding-top: 52px;
}
body.page-about .about-sect .content-wrap .img img {
  width: 100%;
  height: 363px;
  object-fit: cover;
}
@media screen and (width <= 767px) {
  body.page-about .about-sect .content-wrap {
    max-width: 1264px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
  }
  body.page-about .about-sect .content-wrap > :nth-of-type(1) {
    flex-basis: unset;
    margin-right: unset;
  }
  body.page-about .about-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: unset;
  }
  body.page-about .about-sect .content-wrap > :nth-of-type(2) {
    flex-basis: unset;
    margin-left: unset;
  }
  body.page-about .about-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: unset;
  }
}
@media screen and (width <= 767px) and (max-width: 1304px) {
  body.page-about .about-sect .content-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (width <= 767px) and (max-width: 807px) {
  body.page-about .about-sect .content-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 767px) and (max-width: 797px) {
  body.page-about .about-sect .content-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media screen and (width <= 767px) {
  body.page-about .about-sect .content-wrap .img {
    padding-top: 0;
  }
}
body.page-about .about-sect .read-wrap {
  padding-top: 45px;
  display: flex;
  justify-content: space-between;
  column-gap: 6%;
  align-items: center;
}
body.page-about .about-sect .read-wrap .txt {
  font-size: 17px;
  line-height: 2.3;
}
@media screen and (width <= 890px) {
  body.page-about .about-sect .read-wrap {
    column-gap: 4%;
    align-items: stretch;
  }
  body.page-about .about-sect .read-wrap .img {
    flex-basis: 46.8%;
    flex-shrink: 0;
  }
  body.page-about .about-sect .read-wrap .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (width <= 767px) {
  body.page-about .about-sect .read-wrap {
    flex-wrap: wrap;
  }
  body.page-about .about-sect .read-wrap .img {
    display: none;
  }
}
body.page-about .about-sect .compar-wrap {
  padding-top: 90px;
  padding-bottom: 90px;
  display: flex;
  align-items: center;
  column-gap: 4%;
}
body.page-about .about-sect .compar-wrap .txt {
  flex-basis: 44%;
  font-size: 17px;
  line-height: 2.3;
}
body.page-about .about-sect .compar-wrap .table {
  flex-basis: 52%;
}
body.page-about .about-sect .compar-wrap .table table {
  width: 100%;
  border-collapse: collapse;
}
body.page-about .about-sect .compar-wrap .table table th, body.page-about .about-sect .compar-wrap .table table td {
  padding: 29px 12px;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 480px) {
  body.page-about .about-sect .compar-wrap .table table th, body.page-about .about-sect .compar-wrap .table table td {
    letter-spacing: 0px;
  }
}
body.page-about .about-sect .compar-wrap .table table thead tr th {
  background-color: #E8E8E8;
}
body.page-about .about-sect .compar-wrap .table table thead tr th:last-child {
  background-color: #17A4A5;
  color: white;
}
body.page-about .about-sect .compar-wrap .table table tbody tr {
  border-bottom: 1px solid #BFC9C9;
}
body.page-about .about-sect .compar-wrap .table table tbody tr th {
  background-color: #EBF5F5;
}
body.page-about .about-sect .compar-wrap .table table tbody tr td:last-child {
  background-color: #E8FAFA;
  color: #17A4A5;
}
body.page-about .about-sect .compar-wrap .table table tbody tr:last-child {
  border-bottom: 0 none;
}
@media screen and (width <= 900px) {
  body.page-about .about-sect .compar-wrap {
    flex-wrap: wrap;
  }
  body.page-about .about-sect .compar-wrap .txt {
    flex-basis: 100%;
  }
  body.page-about .about-sect .compar-wrap .table {
    flex-basis: 100%;
  }
}
body.page-about .about-sect .message-box {
  background-color: #17A4A5;
  color: white;
  text-align: center;
  padding: 41px 15px 44px;
}
body.page-about .about-sect .message-box strong {
  font-size: clamp(23px, 3.9113428944vw, 30px);
  font-weight: normal;
  line-height: 1.7;
}
body.page-about .resale-sect .content-wrap {
  display: flex;
  justify-content: space-between;
}
body.page-about .resale-sect .content-wrap > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (20%));
  margin-right: calc(20% * -1);
}
body.page-about .resale-sect .content-wrap > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
body.page-about .resale-sect .content-wrap > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (0px));
  margin-left: calc(0px * -1);
}
body.page-about .resale-sect .content-wrap > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.page-about .resale-sect .content-wrap .left {
  padding-top: 125px;
}
body.page-about .resale-sect .content-wrap .left hgroup h2 {
  font-size: 40px;
  letter-spacing: 4.8px;
}
@media screen and (max-width: 480px) {
  body.page-about .resale-sect .content-wrap .left hgroup h2 {
    letter-spacing: 2.8px;
  }
}
body.page-about .resale-sect .content-wrap .left hgroup p {
  font-size: 17px;
  line-height: 2.3;
  margin-bottom: 34px;
}
body.page-about .resale-sect .content-wrap .left hgroup p em {
  color: #17A4A5;
  box-shadow: inset 0 -0.6em #E8FAFA;
  padding-inline: 2px;
  font-style: initial;
}
body.page-about .resale-sect .content-wrap .left hgroup p + p {
  padding-bottom: 60px;
}
body.page-about .resale-sect .content-wrap .right {
  z-index: -1;
}
@media screen and (width <= 690px) {
  body.page-about .resale-sect .content-wrap {
    display: flex;
    justify-content: space-between;
  }
  body.page-about .resale-sect .content-wrap > :nth-of-type(1) {
    overflow: hidden;
    flex-basis: calc(50% + (30%));
    margin-right: calc(30% * -1);
  }
  body.page-about .resale-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 632px);
  }
}
@media screen and (width <= 690px) and (width <= 1304px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 690px) and (width <= 807px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 690px) and (width <= 797px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
@media screen and (width <= 690px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(2) {
    overflow: hidden;
    flex-basis: calc(50% + (0px));
    margin-left: calc(0px * -1);
  }
  body.page-about .resale-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 632px);
  }
}
@media screen and (width <= 690px) and (width <= 1304px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 690px) and (width <= 807px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 690px) and (width <= 797px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
@media screen and (width <= 690px) {
  body.page-about .resale-sect .content-wrap .left hgroup p br {
    display: none;
  }
}
@media screen and (width <= 450px) {
  body.page-about .resale-sect .content-wrap {
    display: flex;
    justify-content: space-between;
  }
  body.page-about .resale-sect .content-wrap > :nth-of-type(1) {
    overflow: hidden;
    flex-basis: calc(50% + (40%));
    margin-right: calc(40% * -1);
  }
  body.page-about .resale-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 632px);
  }
}
@media screen and (width <= 450px) and (width <= 1304px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 450px) and (width <= 807px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 450px) and (width <= 797px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
@media screen and (width <= 450px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(2) {
    overflow: hidden;
    flex-basis: calc(50% + (100px));
    margin-left: calc(100px * -1);
  }
  body.page-about .resale-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 632px);
  }
}
@media screen and (width <= 450px) and (width <= 1304px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 450px) and (width <= 807px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 450px) and (width <= 797px) {
  body.page-about .resale-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.page-about .resale-sect .support-box {
  background-color: #E9F7F7;
  max-width: fit-content;
  padding: 19px 3%;
  margin-top: -57px;
}
body.page-about .resale-sect .support-box p {
  margin-bottom: 0;
  font-size: 20px;
  color: #17A4A5;
  line-height: 1.8;
  letter-spacing: 2.5px;
}
@media screen and (max-width: 480px) {
  body.page-about .resale-sect .support-box p {
    letter-spacing: 0.5px;
  }
}
@media screen and (width <= 1040px) {
  body.page-about .resale-sect .support-box p br {
    display: none;
  }
}
body.page-about .diff-sect {
  padding-top: 140px;
}
body.page-about .diff-sect .diff-box h3 {
  text-align: center;
  font-size: 32px;
  letter-spacing: 3.8px;
  line-height: 1.7;
  margin-bottom: 54px;
}
@media screen and (max-width: 480px) {
  body.page-about .diff-sect .diff-box h3 {
    letter-spacing: 1.8px;
  }
}
body.page-about .diff-sect .diff-box .flex-box {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 5%;
}
body.page-about .diff-sect .diff-box .flex-box .txt p {
  margin-bottom: 0;
  line-height: 2.3;
  letter-spacing: 2px;
}
@media screen and (max-width: 480px) {
  body.page-about .diff-sect .diff-box .flex-box .txt p {
    letter-spacing: 0px;
  }
}
@media screen and (width <= 840px) {
  body.page-about .diff-sect .diff-box .flex-box .txt p {
    line-height: 2;
  }
}
@media screen and (width <= 580px) {
  body.page-about .diff-sect .diff-box .flex-box {
    flex-wrap: wrap;
  }
  body.page-about .diff-sect .diff-box .flex-box .txt {
    margin-top: 1.2em;
    flex-basis: 100%;
  }
}
body.page-about .diff-sect .diff-box ul {
  margin-top: 40px;
  margin-bottom: 85px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 30px 5%;
}
body.page-about .diff-sect .diff-box ul li {
  position: relative;
  flex-basis: 30%;
  text-align: center;
  margin-bottom: 1.5em;
}
body.page-about .diff-sect .diff-box ul li h5 {
  font-size: 19px;
  line-height: 1.5;
  font-feature-settings: "halt";
}
body.page-about .diff-sect .diff-box ul li p {
  font-feature-settings: "halt";
  margin-bottom: 0;
}
body.page-about .diff-sect .diff-box ul li:before {
  position: absolute;
  content: "";
  display: block;
  width: 180px;
  height: 180px;
  background-color: rgba(251, 228, 181, 0.2);
  border-radius: 100vmax;
  filter: blur(16px);
  top: 0;
  left: 50%;
  translate: -53% 0;
}
@media screen and (width <= 880px) {
  body.page-about .diff-sect .diff-box ul li {
    flex-basis: 47%;
  }
}
@media screen and (width <= 767px) {
  body.page-about .diff-sect .diff-box ul li {
    flex-basis: 100%;
  }
}
body.page-about .diff-sect .familiar {
  position: relative;
  z-index: 1;
  background-color: white;
  padding: 4.6% 5.2% 5%;
  border: 16px solid #DFEDED;
}
body.page-about .diff-sect .familiar .flex-box {
  display: flex;
  align-items: center;
  column-gap: 3%;
}
body.page-about .diff-sect .familiar .flex-box .txt h2 {
  margin-top: 0;
  font-size: min(4.0404040404vw, 40px);
  color: #17A4A5;
  letter-spacing: 4.8px;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  body.page-about .diff-sect .familiar .flex-box .txt h2 {
    letter-spacing: 2.8px;
  }
}
body.page-about .diff-sect .familiar .flex-box .txt p {
  line-height: 2.3;
  margin-bottom: 0;
}
body.page-about .diff-sect .familiar .flex-box .txt p span {
  color: #17A4A5;
}
body.page-about .diff-sect .familiar .flex-box .img svg {
  fill: #17A4A5;
}
@media screen and (width <= 850px) {
  body.page-about .diff-sect .familiar .flex-box {
    flex-wrap: wrap;
    justify-content: center;
  }
  body.page-about .diff-sect .familiar .flex-box .txt {
    order: 2;
    flex-basis: 100%;
  }
  body.page-about .diff-sect .familiar .flex-box .txt h2 {
    margin-bottom: 20px;
  }
  body.page-about .diff-sect .familiar .flex-box .img {
    order: 1;
    margin-bottom: 20px;
  }
}
body.page-about .diff-sect .foot-img {
  margin-top: -35px;
  position: relative;
  width: 100%;
  height: 350px;
  background: linear-gradient(270deg, rgba(23, 164, 165, 0) 36.04%, rgba(23, 164, 165, 0.6) 101.71%);
}
body.page-about .diff-sect .foot-img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
body.page-about .support-sect {
  background-color: #EDF2F5;
  padding-top: 110px;
  padding-bottom: 110px;
  overflow: hidden;
}
body.page-about .support-sect hgroup.header {
  text-align: center;
  margin-bottom: 78px;
}
body.page-about .support-sect hgroup.header p {
  display: flex;
  align-items: center;
  column-gap: 13px;
  color: #5f5f5f;
  font-family: Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-bottom: 20px;
}
body.page-about .support-sect hgroup.header p:after {
  content: "";
  display: block;
  width: 67px;
  height: 1px;
  background-color: #5f5f5f;
}
body.page-about .support-sect hgroup.header h1,
body.page-about .support-sect hgroup.header h2 {
  font-size: clamp(35px, 5.2151238592vw, 40px);
  letter-spacing: 0.15em;
  margin-top: 0;
  margin-bottom: 28px;
}
body.page-about .support-sect hgroup.header p {
  justify-content: center;
}
body.page-about .support-sect .support-wrap {
  display: flex;
  gap: 3%;
}
body.page-about .support-sect .support-wrap > div {
  flex: 1;
}
body.page-about .support-sect .support-wrap > div hgroup p {
  font-size: 15px;
  font-family: "Cormorant Garamond", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-optical-sizing: auto;
  font-weight: 300;
  color: #17A4A5;
  margin-bottom: 12px;
}
body.page-about .support-sect .support-wrap > div hgroup h3 {
  font-size: 24px;
  letter-spacing: 2.8px;
  margin-bottom: 11px;
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  body.page-about .support-sect .support-wrap > div hgroup h3 {
    letter-spacing: 0.8px;
  }
}
body.page-about .support-sect .support-wrap > div p {
  letter-spacing: 2.8px;
}
@media screen and (max-width: 480px) {
  body.page-about .support-sect .support-wrap > div p {
    letter-spacing: 0.8px;
  }
}
body.page-about .support-sect .support-wrap > div .illust {
  background-color: white;
  border-radius: 4px;
  padding: 38px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3%;
  margin-bottom: 1em;
}
body.page-about .support-sect .support-wrap > div .illust svg {
  fill: #6F7173;
}
@media screen and (width <= 767px) {
  body.page-about .support-sect .support-wrap {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 80px;
  }
  body.page-about .support-sect .support-wrap > div {
    flex-basis: 400px;
  }
}
body.page-about .merit-sect {
  padding-top: 154px;
}
body.page-about .merit-sect hgroup {
  margin-bottom: 54px;
}
body.page-about .merit-sect hgroup p {
  display: flex;
  align-items: center;
  column-gap: 13px;
  color: #5f5f5f;
  font-family: Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-bottom: 20px;
}
body.page-about .merit-sect hgroup p:after {
  content: "";
  display: block;
  width: 67px;
  height: 1px;
  background-color: #5f5f5f;
}
body.page-about .merit-sect hgroup h1,
body.page-about .merit-sect hgroup h2 {
  font-size: clamp(35px, 5.2151238592vw, 40px);
  letter-spacing: 0.15em;
  margin-top: 0;
  margin-bottom: 28px;
}
body.page-about .merit-sect hgroup + p {
  line-height: 2.3;
  margin-bottom: 90px;
}
body.page-about .merit-sect .content-wrap {
  overflow: hidden;
  margin-bottom: 148px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
body.page-about .merit-sect .content-wrap > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (53px));
  margin-right: calc(53px * -1);
}
body.page-about .merit-sect .content-wrap > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page-about .merit-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page-about .merit-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page-about .merit-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
body.page-about .merit-sect .content-wrap > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (250px));
  margin-left: calc(250px * -1);
}
body.page-about .merit-sect .content-wrap > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page-about .merit-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page-about .merit-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page-about .merit-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.page-about .merit-sect .content-wrap .img {
  z-index: -1;
  overflow: initial;
}
body.page-about .merit-sect .content-wrap .img .wr {
  position: relative;
}
body.page-about .merit-sect .content-wrap .img .wr:before {
  content: "";
  display: block;
  width: 100%;
  height: 238px;
  background-color: #F2F5F5;
  position: absolute;
  bottom: -62px;
  right: calc(100% - 182px);
  z-index: -2;
}
body.page-about .merit-sect .content-wrap .img .wr img {
  width: 100%;
  height: 410px;
  object-fit: cover;
}
body.page-about .merit-sect .content-wrap .img .wr:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(23, 164, 165, 0.5) 100%);
}
body.page-about .merit-sect .content-wrap .txt {
  border-bottom: 1px solid #17A4A5;
  padding-top: 40px;
}
body.page-about .merit-sect .content-wrap .txt .num {
  position: relative;
  width: 280px;
  margin-left: auto;
  font-size: 32px;
  text-align: center;
  font-family: "Cormorant Garamond", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-optical-sizing: auto;
  font-weight: 300;
  color: #90D3D4;
  line-height: 1;
  margin-bottom: 0;
}
body.page-about .merit-sect .content-wrap .txt .num span {
  display: block;
  text-align: center;
  font-size: 120px;
}
body.page-about .merit-sect .content-wrap .txt .num:after {
  content: "";
  display: block;
  width: 100%;
  height: 45px;
  background-color: #F2F5F5;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
body.page-about .merit-sect .content-wrap .txt .content {
  background-color: white;
  border-left: 1px solid #17A4A5;
  padding: 40px 0 51px 50px;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(3, auto);
  align-items: center;
  gap: 37px 6%;
}
body.page-about .merit-sect .content-wrap .txt .content h2 {
  font-size: clamp(28px, 3.8345105954vw, 38px);
  color: #17A4A5;
  line-height: 1.6;
  margin: 0;
  letter-spacing: clamp(2px, 0.4843592331vw, 4.8px);
}
body.page-about .merit-sect .content-wrap .txt .content h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: 2.8px;
}
@media screen and (max-width: 480px) {
  body.page-about .merit-sect .content-wrap .txt .content h3 {
    letter-spacing: 0.8px;
  }
}
body.page-about .merit-sect .content-wrap .txt .content p {
  grid-column: 1/3;
  margin-bottom: 0;
}
body.page-about .merit-sect .content-wrap.n2, body.page-about .merit-sect .content-wrap.n4 {
  display: flex;
  justify-content: space-between;
}
body.page-about .merit-sect .content-wrap.n2 > :nth-of-type(1), body.page-about .merit-sect .content-wrap.n4 > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (250px));
  margin-right: calc(250px * -1);
}
body.page-about .merit-sect .content-wrap.n2 > :nth-of-type(1) .wr, body.page-about .merit-sect .content-wrap.n4 > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page-about .merit-sect .content-wrap.n2 > :nth-of-type(1) .wr, body.page-about .merit-sect .content-wrap.n4 > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page-about .merit-sect .content-wrap.n2 > :nth-of-type(1) .wr, body.page-about .merit-sect .content-wrap.n4 > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page-about .merit-sect .content-wrap.n2 > :nth-of-type(1) .wr, body.page-about .merit-sect .content-wrap.n4 > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
body.page-about .merit-sect .content-wrap.n2 > :nth-of-type(2), body.page-about .merit-sect .content-wrap.n4 > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (53px));
  margin-left: calc(53px * -1);
}
body.page-about .merit-sect .content-wrap.n2 > :nth-of-type(2) .wr, body.page-about .merit-sect .content-wrap.n4 > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page-about .merit-sect .content-wrap.n2 > :nth-of-type(2) .wr, body.page-about .merit-sect .content-wrap.n4 > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page-about .merit-sect .content-wrap.n2 > :nth-of-type(2) .wr, body.page-about .merit-sect .content-wrap.n4 > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page-about .merit-sect .content-wrap.n2 > :nth-of-type(2) .wr, body.page-about .merit-sect .content-wrap.n4 > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.page-about .merit-sect .content-wrap.n2 .img, body.page-about .merit-sect .content-wrap.n4 .img {
  overflow: initial;
  z-index: -2;
}
body.page-about .merit-sect .content-wrap.n2 .img .wr:before, body.page-about .merit-sect .content-wrap.n4 .img .wr:before {
  right: auto;
  left: calc(100% - 182px);
}
body.page-about .merit-sect .content-wrap.n2 .img .wr:after, body.page-about .merit-sect .content-wrap.n4 .img .wr:after {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, rgba(23, 164, 165, 0.5) 100%);
}
body.page-about .merit-sect .content-wrap.n2 .txt .num, body.page-about .merit-sect .content-wrap.n4 .txt .num {
  margin-left: 0;
  margin-right: auto;
}
body.page-about .merit-sect .content-wrap.n2 .txt .content, body.page-about .merit-sect .content-wrap.n4 .txt .content {
  border-right: 1px solid #17A4A5;
  border-left: 0 none;
  padding-right: 50px;
  padding-left: 0;
}
@media screen and (width <= 767px) {
  body.page-about .merit-sect .content-wrap .txt .content {
    padding-bottom: 40px;
    display: block;
  }
  body.page-about .merit-sect .content-wrap .txt .content h2 {
    margin-bottom: 0.6em;
  }
  body.page-about .merit-sect .content-wrap .txt .content h3 {
    margin-bottom: 1em;
  }
  body.page-about .merit-sect .content-wrap.n2 .img .wr img {
    object-position: 80% center;
  }
  body.page-about .merit-sect .content-wrap.n3 .img .wr img {
    object-position: 10% center;
  }
  body.page-about .merit-sect .content-wrap.n5 .img .wr img {
    object-position: 90% center;
  }
}
@media screen and (width <= 550px) {
  body.page-about .merit-sect .content-wrap .txt {
    flex-basis: calc(100vw - 12px) !important;
    padding-top: 100px;
  }
  body.page-about .merit-sect .content-wrap .txt .wr .content {
    padding-left: 7%;
  }
  body.page-about .merit-sect .content-wrap.n2 .txt .wr .content, body.page-about .merit-sect .content-wrap.n4 .txt .wr .content {
    padding-left: 0;
    padding-right: 7%;
  }
}
body.page-about .compar-sect {
  padding-bottom: 122px;
}
body.page-about .compar-sect h2 {
  text-align: center;
  font-size: 40px;
  margin-bottom: 50px;
}
body.page-about .compar-sect .table {
  overflow-x: auto;
}
body.page-about .compar-sect .table table {
  width: 100%;
  border-collapse: collapse;
}
body.page-about .compar-sect .table table th, body.page-about .compar-sect .table table td {
  padding: 29px 12px;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (max-width: 480px) {
  body.page-about .compar-sect .table table th, body.page-about .compar-sect .table table td {
    letter-spacing: 0px;
  }
}
body.page-about .compar-sect .table table thead tr th {
  background-color: #E8E8E8;
}
body.page-about .compar-sect .table table thead tr th:nth-child(2) {
  background-color: #17A4A5;
  color: white;
}
body.page-about .compar-sect .table table tbody tr {
  border-bottom: 1px solid #BFC9C9;
}
body.page-about .compar-sect .table table tbody tr th {
  background-color: #EBF5F5;
}
body.page-about .compar-sect .table table tbody tr td:nth-child(2) {
  background-color: #E8FAFA;
  color: #17A4A5;
}
body.page-about .compar-sect .table table tbody tr:last-child {
  border-bottom: 0 none;
}
body.page-about .compar-sect .table::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 4px;
}
body.page-about .compar-sect .table::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
body.page-about .compar-sect .table table {
  width: 100%;
  min-width: 600px;
}
body.page-about .compar-sect .overflow-scroll-mark {
  margin-top: 2px;
  margin-bottom: 7px;
  display: none;
  width: fit-content;
  margin-left: auto;
}
body.page-about .compar-sect .overflow-scroll-mark span {
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  background-color: #efefef;
  padding: 5px 9px;
  border-radius: 3px;
}
body.page-about .compar-sect .overflow-scroll-mark span:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 16px;
  margin-right: 3px;
  vertical-align: top;
  background-color: #555;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDMyIDE2Ij4KCTxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik01LjU1OCwxNS41NjIgQzUuOTQ4LDE1LjE3MiA1Ljk0OCwxNC41MzggNS41NTgsMTQuMTQ4IEwzLjQxLDEyIEwyMSwxMiBDMjEuNTUyLDEyIDIyLDExLjU1MiAyMiwxMSBDMjIsMTAuNDQ4IDIxLjU1MiwxMCAyMSwxMCBMMy40MSwxMCBMNS43MDQsNy43MDYgQzYuMDk0LDcuMzE2IDYuMDk0LDYuNjgyIDUuNzA0LDYuMjkyIEM1LjMxNCw1LjkwMiA0LjY4LDUuOTAyIDQuMjksNi4yOTIgTDAuMjkyLDEwLjI5IEMwLjA5NiwxMC40ODYgMCwxMC43NDIgMCwxMSBDMCwxMS4yNTggMC4wOTYsMTEuNTE0IDAuMjkyLDExLjcxIEw0LjE0NCwxNS41NjIgQzQuNTM2LDE1Ljk1NCA1LjE2OCwxNS45NTQgNS41NTgsMTUuNTYyIFogTTMxLjcwOCw0LjMxIEwyNy44NTYsMC40NTggQzI3LjQ2NiwwLjA2OCAyNi44MzIsMC4wNjggMjYuNDQyLDAuNDU4IEMyNi4wNTIsMC44NDggMjYuMDUyLDEuNDgyIDI2LjQ0MiwxLjg3MiBMMjguNTksNC4wMiBMMTEsNC4wMiBDMTAuNDQ4LDQuMDIgMTAsNC40NjggMTAsNS4wMiBDMTAsNS41NzIgMTAuNDQ4LDYuMDIgMTEsNi4wMiBMMjguNTksNi4wMiBMMjYuMjk2LDguMzE0IEMyNS45MDYsOC43MDQgMjUuOTA2LDkuMzM4IDI2LjI5Niw5LjcyOCBDMjYuNjg2LDEwLjExOCAyNy4zMiwxMC4xMTggMjcuNzEsOS43MjggTDMxLjcwOCw1LjczIEMzMS45MDQsNS41MzQgMzIsNS4yNzggMzIsNS4wMiBDMzIsNC43NjIgMzEuOTA0LDQuNTA2IDMxLjcwOCw0LjMxIFoiLz4KPC9zdmc+") no-repeat;
  mask-size: 100% auto;
}

body.page-resale-guide .firstview-sect {
  padding-top: 200px;
}
@media screen and (width <= 520px) {
  body.page-resale-guide .firstview-sect {
    padding-top: 140px;
  }
}
body.page-resale-guide .firstview-sect .content-wrap {
  display: flex;
  justify-content: space-between;
}
body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (400px));
  margin-right: calc(400px * -1);
}
body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (-150px));
  margin-left: calc(-150px * -1);
}
body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.page-resale-guide .firstview-sect .content-wrap .left {
  padding-bottom: 120px;
}
body.page-resale-guide .firstview-sect .content-wrap .left .content {
  position: relative;
  background: linear-gradient(270deg, rgba(23, 164, 165, 0) 29.96%, rgba(23, 164, 165, 0.75) 85.44%);
  padding-top: 92px;
  height: 379px;
}
body.page-resale-guide .firstview-sect .content-wrap .left .content > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
body.page-resale-guide .firstview-sect .content-wrap .left .content .wr {
  padding-right: 15px;
}
body.page-resale-guide .firstview-sect .content-wrap .left .content .wr hgroup {
  color: white;
  text-shadow: 0px 0px 28px rgba(6, 43, 43, 0.9);
}
body.page-resale-guide .firstview-sect .content-wrap .left .content .wr hgroup h4 {
  font-size: clamp(16px, 2.3529411765vw, 20px);
  margin-top: 0;
  letter-spacing: 3.5px;
}
body.page-resale-guide .firstview-sect .content-wrap .left .content .wr hgroup h1 {
  font-size: clamp(38px, 5.8823529412vw, 50px);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.6;
  letter-spacing: 5px;
}
body.page-resale-guide .firstview-sect .content-wrap .left .content .wr hgroup h1 span {
  font-family: "Cormorant Garamond", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-optical-sizing: auto;
  font-weight: 300;
  font-size: 85px;
  letter-spacing: 12px;
}
body.page-resale-guide .firstview-sect .content-wrap .right {
  z-index: -2;
  padding-top: 120px;
}
body.page-resale-guide .firstview-sect .content-wrap .right:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #F2F5F5;
}
@media screen and (width <= 991px) {
  body.page-resale-guide .firstview-sect .content-wrap {
    display: flex;
    justify-content: space-between;
  }
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) {
    overflow: hidden;
    flex-basis: calc(50% + (40%));
    margin-right: calc(40% * -1);
  }
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 632px);
  }
}
@media screen and (width <= 991px) and (width <= 1304px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 991px) and (width <= 807px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 991px) and (width <= 797px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
@media screen and (width <= 991px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) {
    overflow: hidden;
    flex-basis: calc(50% + (-150px));
    margin-left: calc(-150px * -1);
  }
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 632px);
  }
}
@media screen and (width <= 991px) and (width <= 1304px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 991px) and (width <= 807px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 991px) and (width <= 797px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
@media screen and (width <= 991px) {
  body.page-resale-guide .firstview-sect .content-wrap .left .content > img {
    object-position: top 0px right 20%;
  }
}
@media screen and (width <= 530px) {
  body.page-resale-guide .firstview-sect .content-wrap {
    display: flex;
    justify-content: space-between;
  }
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) {
    overflow: hidden;
    flex-basis: calc(50% + (50%));
    margin-right: calc(50% * -1);
  }
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 632px);
  }
}
@media screen and (width <= 530px) and (width <= 1304px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 530px) and (width <= 807px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 530px) and (width <= 797px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
@media screen and (width <= 530px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) {
    overflow: hidden;
    flex-basis: calc(50% + (-150px));
    margin-left: calc(-150px * -1);
  }
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 632px);
  }
}
@media screen and (width <= 530px) and (width <= 1304px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 530px) and (width <= 807px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 530px) and (width <= 797px) {
  body.page-resale-guide .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.page-resale-guide .support-sect {
  overflow: hidden;
  position: relative;
  background-size: 791 475;
  padding-bottom: 255px;
}
body.page-resale-guide .support-sect > img {
  max-width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  right: -90px;
  z-index: -1;
}
body.page-resale-guide .support-sect h2 {
  font-size: 44px;
  line-height: 1.5;
  letter-spacing: 8px;
  margin-top: 50px;
  margin-bottom: 35px;
}
@media screen and (max-width: 480px) {
  body.page-resale-guide .support-sect h2 {
    letter-spacing: 6px;
  }
}
body.page-resale-guide .support-sect h2 + p {
  font-size: 18px;
  line-height: 2.2;
  margin-bottom: 77px;
}
body.page-resale-guide .support-sect ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 77px 17px;
  counter-reset: num;
}
body.page-resale-guide .support-sect ul li {
  border: 1px solid #7CC2C3;
  background-color: white;
  padding-top: 44px;
  padding-bottom: 35px;
  padding-inline: 15px;
  position: relative;
}
body.page-resale-guide .support-sect ul li p {
  color: #17A4A5;
  text-align: center;
  font-family: "Cormorant Garamond", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-optical-sizing: auto;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 8px;
}
body.page-resale-guide .support-sect ul li h3 {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  font-size: 26px;
  letter-spacing: 3px;
}
@media screen and (max-width: 480px) {
  body.page-resale-guide .support-sect ul li h3 {
    letter-spacing: 1px;
  }
}
body.page-resale-guide .support-sect ul li:before {
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  display: block;
  font-size: 64px;
  font-family: "Cormorant Garamond", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-optical-sizing: auto;
  font-weight: 300;
  line-height: 1;
  width: 100%;
  position: absolute;
  top: -34px;
  left: 0;
  text-align: center;
  color: #7CC2C3;
}
body.page-resale-guide .support-sect ul li:nth-of-type(99) ~ body.page-resale-guide .support-sect ul li:before {
  content: counter(num, decimal-leading-zero);
}
@media screen and (width <= 767px) {
  body.page-resale-guide .support-sect ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (width <= 580px) {
  body.page-resale-guide .support-sect ul {
    justify-content: center;
    grid-template-columns: minmax(0, 400px);
  }
}
body.page-resale-guide .desired-sect h2 {
  font-size: 40px;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 71px;
}
body.page-resale-guide .desired-sect .toc {
  display: flex;
  column-gap: 20px;
  padding-inline: 15px;
}
body.page-resale-guide .desired-sect .toc li {
  flex: 1;
  border: 1px solid #17A4A5;
  border-top-width: 5px;
  background-color: white;
}
body.page-resale-guide .desired-sect .toc li a {
  display: block;
  padding: 29px 15px 22px;
}
body.page-resale-guide .desired-sect .toc li a p {
  font-family: "Cormorant Garamond", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-optical-sizing: auto;
  font-weight: 300;
  font-size: 18px;
  text-align: center;
  color: #17A4A5;
  margin-bottom: 10px;
  line-height: 1.3;
}
body.page-resale-guide .desired-sect .toc li a h3 {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  font-size: 28px;
  letter-spacing: 11px;
}
@media screen and (max-width: 480px) {
  body.page-resale-guide .desired-sect .toc li a h3 {
    letter-spacing: 9px;
  }
}
body.page-resale-guide .desired-sect .toc li a h3 span {
  display: block;
  font-size: 16px;
  letter-spacing: 3.5px;
  margin-top: 5px;
}
@media screen and (max-width: 480px) {
  body.page-resale-guide .desired-sect .toc li a h3 span {
    letter-spacing: 1.5px;
  }
}
body.page-resale-guide .desired-sect .toc li a svg {
  fill: #17A4A5;
  display: block;
  width: max-content;
  margin-inline: auto;
  margin-top: 19px;
}
body.page-resale-guide .desired-sect .toc li:nth-child(2) {
  border-color: #21A3D6;
}
body.page-resale-guide .desired-sect .toc li:nth-child(2) a p {
  color: #21A3D6;
}
body.page-resale-guide .desired-sect .toc li:nth-child(2) a svg {
  fill: #21A3D6;
}
body.page-resale-guide .desired-sect .toc li:nth-child(3) {
  border-color: #6296D9;
}
body.page-resale-guide .desired-sect .toc li:nth-child(3) a p {
  color: #6296D9;
}
body.page-resale-guide .desired-sect .toc li:nth-child(3) a svg {
  fill: #6296D9;
}
@media screen and (width <= 767px) {
  body.page-resale-guide .desired-sect .toc {
    flex-wrap: wrap;
    column-gap: 4%;
    row-gap: 40px;
    justify-content: center;
  }
  body.page-resale-guide .desired-sect .toc li {
    flex-basis: 48%;
    flex-grow: 0;
    flex-shrink: 1;
  }
}
@media screen and (width <= 580px) {
  body.page-resale-guide .desired-sect .toc li {
    flex-basis: 100%;
  }
}
body.page-resale-guide .desired-sect .supports {
  padding-top: 207px;
  margin-top: -85px;
  background-color: #F2F5F5;
  --padding-inline: 8%;
}
body.page-resale-guide .desired-sect .supports .width-wrap {
  padding-inline: 6px;
}
@media screen and (width <= 1100px) {
  body.page-resale-guide .desired-sect .supports {
    --padding-inline: 6%;
  }
}
@media screen and (width <= 991px) {
  body.page-resale-guide .desired-sect .supports {
    --padding-inline: 4%;
  }
}
body.page-resale-guide .desired-sect .supports .support-box {
  --main-color: #17A4A5;
  --sub-color: #EDF4F4;
  overflow-x: clip;
  border: 1px solid var(--main-color);
  background-color: white;
  padding-block: 80px 59px;
  padding-inline: var(--padding-inline);
  position: relative;
}
body.page-resale-guide .desired-sect .supports .support-box > h3 {
  background-color: var(--main-color);
  color: white;
  padding: 8px 16px 10px;
  font-size: min(4.1666666667vw, 20px);
  margin: 0;
  width: max-content;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -50%;
  letter-spacing: 2px;
}
@media screen and (max-width: 480px) {
  body.page-resale-guide .desired-sect .supports .support-box > h3 {
    letter-spacing: 0px;
  }
}
body.page-resale-guide .desired-sect .supports .support-box hgroup {
  text-align: center;
  margin-bottom: 57px;
}
body.page-resale-guide .desired-sect .supports .support-box hgroup p {
  color: var(--main-color);
  font-size: 19px;
  margin-bottom: 13px;
}
body.page-resale-guide .desired-sect .supports .support-box hgroup h2 {
  margin-top: 0;
  font-size: 43px;
  letter-spacing: 5px;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  body.page-resale-guide .desired-sect .supports .support-box hgroup h2 {
    letter-spacing: 3px;
  }
}
body.page-resale-guide .desired-sect .supports .support-box hgroup h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
}
body.page-resale-guide .desired-sect .supports .support-box .trouble-box {
  display: flex;
  column-gap: 10%;
}
body.page-resale-guide .desired-sect .supports .support-box .trouble-box .img {
  flex-basis: 400px;
}
body.page-resale-guide .desired-sect .supports .support-box .trouble-box .img .illust {
  background-color: var(--sub-color);
  border-radius: 4px;
  padding: 50px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3%;
  margin-bottom: 1em;
}
body.page-resale-guide .desired-sect .supports .support-box .trouble-box .img .illust svg {
  fill: #6F7173;
}
body.page-resale-guide .desired-sect .supports .support-box .trouble-box .txt h3 {
  text-align: center;
  font-size: 20px;
  margin-top: 9px;
  margin-bottom: 19px;
}
body.page-resale-guide .desired-sect .supports .support-box .trouble-box .txt .line {
  display: flex;
  margin-bottom: 35px;
}
body.page-resale-guide .desired-sect .supports .support-box .trouble-box .txt .line:before,
body.page-resale-guide .desired-sect .supports .support-box .trouble-box .txt .line span, body.page-resale-guide .desired-sect .supports .support-box .trouble-box .txt .line:after {
  flex-basis: calc(50% - 10px);
  content: "";
  display: block;
  height: 1px;
  background-color: #1C1D1F;
}
body.page-resale-guide .desired-sect .supports .support-box .trouble-box .txt .line span {
  transform-origin: top left;
  rotate: 45deg;
  flex-basis: 20px;
}
body.page-resale-guide .desired-sect .supports .support-box .trouble-box .txt ul {
  max-width: max-content;
  margin-inline: auto;
  font-size: 17px;
}
body.page-resale-guide .desired-sect .supports .support-box .trouble-box .txt ul li {
  margin-bottom: 4px;
  position: relative;
  padding-left: 29px;
}
body.page-resale-guide .desired-sect .supports .support-box .trouble-box .txt ul li:before {
  content: " ";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 5px;
  top: 6px;
  background-color: var(--main-color);
  mask: url("/wp-content/themes/dvcrjapan/images/icon-check-box.svg") no-repeat;
  mask-size: 100% auto;
}
body.page-resale-guide .desired-sect .supports .support-box .trouble-box .txt ul li:last-child {
  margin-bottom: 0;
}
body.page-resale-guide .desired-sect .supports .support-box .possible-box {
  padding-top: 74px;
  padding-bottom: 90px;
  position: relative;
}
body.page-resale-guide .desired-sect .supports .support-box .possible-box .txt {
  position: relative;
  z-index: 1;
}
body.page-resale-guide .desired-sect .supports .support-box .possible-box .txt h3 {
  font-size: 32px;
  line-height: 1.7;
  letter-spacing: 3.8px;
  margin-bottom: 34px;
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  body.page-resale-guide .desired-sect .supports .support-box .possible-box .txt h3 {
    letter-spacing: 1.8px;
  }
}
body.page-resale-guide .desired-sect .supports .support-box .possible-box .txt h3:after {
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background-color: var(--main-color);
  margin-top: 24px;
  border-radius: 2px;
}
body.page-resale-guide .desired-sect .supports .support-box .possible-box .txt ul {
  font-size: 17px;
}
body.page-resale-guide .desired-sect .supports .support-box .possible-box .txt ul li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 29px;
}
body.page-resale-guide .desired-sect .supports .support-box .possible-box .txt ul li:before {
  content: " ";
  width: 13px;
  height: 13px;
  position: absolute;
  left: 5px;
  top: 9px;
  border-radius: 100vmax;
  background-color: var(--main-color);
}
body.page-resale-guide .desired-sect .supports .support-box .possible-box .txt ul li:last-child {
  margin-bottom: 0;
}
body.page-resale-guide .desired-sect .supports .support-box .possible-box img {
  position: absolute;
  top: 0;
  left: 24%;
  z-index: 0;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box {
  position: relative;
  z-index: 1;
  display: flex;
  column-gap: 6%;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow {
  flex-basis: max(350px, 48%);
  flex-shrink: 0;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow h3 {
  font-size: 32px;
  line-height: 1.7;
  letter-spacing: 3.8px;
  margin-bottom: 34px;
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow h3 {
    letter-spacing: 1.8px;
  }
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow h3:after {
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background-color: var(--main-color);
  margin-top: 24px;
  border-radius: 2px;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow ol {
  counter-reset: num;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow ol li {
  border: 1px solid var(--main-color);
  margin-bottom: 48px;
  display: grid;
  padding-right: 10px;
  position: relative;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow ol li:before {
  grid-area: 1/-1;
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  display: grid;
  width: 80px;
  padding-block: 16px;
  background-color: var(--sub-color);
  place-content: center;
  font-size: 44px;
  line-height: 1;
  font-family: "Cormorant Garamond", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-optical-sizing: auto;
  font-weight: 300;
  color: var(--main-color);
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow ol li span {
  grid-area: 1/-1;
  padding-left: max(100px, 27%);
  display: grid;
  align-content: center;
  line-height: 1.6;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow ol li:after {
  position: absolute;
  left: 50%;
  bottom: -29px;
  content: "";
  display: block;
  width: 22px;
  height: 11px;
  background-color: var(--main-color);
  mask: url("/wp-content/themes/dvcrjapan/images/icon-arrow-down.svg") no-repeat left center;
  mask-size: 100% auto;
  translate: -50% 0;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow ol li:last-child {
  margin-bottom: 0;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow ol li:last-child:after {
  display: none;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .txt {
  padding-top: 100px;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .txt h5 {
  font-size: 18px;
  color: var(--main-color);
  width: max-content;
  padding: 4px 22px 6px;
  background-color: var(--sub-color);
  border-radius: 100vmax;
  margin-top: 0;
  margin-bottom: 22px;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .txt ul {
  padding-left: 6px;
  margin-bottom: 50px;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .txt ul li {
  display: flex;
  font-size: 17px;
  margin-bottom: 15px;
  line-height: 1.5;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .txt ul li:before {
  content: "";
  display: grid;
  background-color: var(--main-color);
  mask: url("/wp-content/themes/dvcrjapan/images/icon-pin.svg") no-repeat left top 6px;
  width: 30px;
}
body.page-resale-guide .desired-sect .supports .support-box .flow-box .txt p {
  padding-left: 5px;
}
body.page-resale-guide .desired-sect .supports .support-box.transfer {
  --main-color: #21A3D6;
  --sub-color: #EDF2F4;
}
body.page-resale-guide .desired-sect .supports .support-box.transfer .possible-box img {
  left: 30%;
}
body.page-resale-guide .desired-sect .supports .support-box.purchase {
  --main-color: #6296D9;
  --sub-color: #EDF0F4;
}
body.page-resale-guide .desired-sect .supports .support-box.purchase .possible-box img {
  left: 32%;
}
@media screen and (width <= 767px) {
  body.page-resale-guide .desired-sect .supports .support-box .trouble-box {
    flex-wrap: wrap;
    justify-content: center;
  }
  body.page-resale-guide .desired-sect .supports .support-box .flow-box {
    flex-wrap: wrap;
  }
  body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow {
    flex-basis: 100%;
  }
  body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow ol li span {
    padding-left: 20px;
    margin-inline: auto;
  }
  body.page-resale-guide .desired-sect .supports .support-box .flow-box .txt {
    flex-basis: 100%;
  }
}
@media screen and (width <= 520px) {
  body.page-resale-guide .desired-sect .supports .support-box .flow-box {
    flex-wrap: wrap;
  }
  body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow {
    flex-basis: 100%;
  }
  body.page-resale-guide .desired-sect .supports .support-box .flow-box .flow ol li span {
    padding-left: 20px;
    margin-left: 80px;
  }
}
body.page-resale-guide .desired-sect .supports .contact-box {
  --main-color: #17A4A5;
  --sub-color: #EDF4F4;
  background-color: var(--main-color);
  padding-inline: var(--padding-inline);
  margin-bottom: 145px;
  padding-block: 49px 54px;
  display: flex;
  justify-content: center;
  column-gap: 28px;
}
body.page-resale-guide .desired-sect .supports .contact-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  background-color: white;
  color: var(--main-color);
  width: 100%;
  max-width: 380px;
  padding: 22px 15px;
  font-size: 24px;
  letter-spacing: 3.8px;
}
body.page-resale-guide .desired-sect .supports .contact-box a:visited {
  color: var(--main-color);
}
body.page-resale-guide .desired-sect .supports .contact-box a:hover {
  color: var(--main-color);
}
body.page-resale-guide .desired-sect .supports .contact-box a:active {
  color: var(--main-color);
}
body.page-resale-guide .desired-sect .supports .contact-box a span > span {
  letter-spacing: 1px;
}
body.page-resale-guide .desired-sect .supports .contact-box a svg {
  fill: var(--main-color);
  margin-top: 3px;
}
body.page-resale-guide .desired-sect .supports .contact-box a:hover {
  background-color: #9dd7d7;
  color: white;
}
body.page-resale-guide .desired-sect .supports .contact-box a:hover svg {
  fill: white;
}
body.page-resale-guide .desired-sect .supports .contact-box.transfer {
  --main-color: #21A3D6;
  --sub-color: #EDF2F4;
}
body.page-resale-guide .desired-sect .supports .contact-box.transfer a:hover {
  background-color: #89c6dd;
  color: white;
}
body.page-resale-guide .desired-sect .supports .contact-box.transfer a:hover svg {
  fill: white;
}
body.page-resale-guide .desired-sect .supports .contact-box.purchase {
  --main-color: #6296D9;
  --sub-color: #EDF0F4;
}
body.page-resale-guide .desired-sect .supports .contact-box.purchase a:hover {
  background-color: #acc1dc;
  color: white;
}
body.page-resale-guide .desired-sect .supports .contact-box.purchase a:hover svg {
  fill: white;
}
@media screen and (width <= 767px) {
  body.page-resale-guide .desired-sect .supports .contact-box {
    flex-wrap: wrap;
    row-gap: 30px;
  }
}

body.blog .site-main {
  padding-top: 170px;
}
@media screen and (width <= 520px) {
  body.blog .site-main {
    padding-top: 80px;
  }
}
body.blog .site-main .news-sect .content-wrap hgroup {
  padding-left: 4%;
}
@media screen and (width <= 767px) {
  body.blog .site-main .news-sect .content-wrap hgroup {
    padding-left: 0;
  }
}
body.blog .site-main .news-sect .navigation {
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  margin-inline: 0;
  font-family: Helvetica, Arial;
}
body.blog .site-main .news-sect .navigation ol.wp-paginate {
  display: flex;
  gap: 5px 10px;
  flex-wrap: wrap;
  margin: 0;
  padding-left: 0;
}
body.blog .site-main .news-sect .navigation ol.wp-paginate li {
  list-style: none;
  display: block;
  border: 1px solid #ddd;
}
body.blog .site-main .news-sect .navigation ol.wp-paginate li span,
body.blog .site-main .news-sect .navigation ol.wp-paginate li a {
  display: block;
  padding: 11px 15px;
  min-width: 38px;
  line-height: 1;
  text-align: center;
  background-color: white;
}
body.blog .site-main .news-sect .navigation ol.wp-paginate li a.prev, body.blog .site-main .news-sect .navigation ol.wp-paginate li a.next {
  position: relative;
}
body.blog .site-main .news-sect .navigation ol.wp-paginate li a.prev:after, body.blog .site-main .news-sect .navigation ol.wp-paginate li a.next:after {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  content: "";
  display: block;
  width: 8px;
  height: auto;
  aspect-ratio: 9/15;
  background-color: #17A4A5;
  mask: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgOSAxNSIgd2lkdGg9IjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibS4yOTIgOC4xOTg1IDYuNDg2IDYuNDg2Yy4zOS4zOSAxLjAyNC4zOSAxLjQxNCAwcy4zOS0xLjAyNCAwLTEuNDE0bC01Ljc4Mi01Ljc4MiA1Ljc4Mi01Ljc4MmMuMzktLjM5LjM5LTEuMDI0IDAtMS40MTRzLTEuMDI0LS4zOS0xLjQxNCAwbC02LjQ4NiA2LjQ4NmMtLjE5NjAwMDIuMTk2LS4yOTIuNDUyLS4yOTIuNzFzLjA5NTk5OTguNTE0LjI5Mi43MXoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=") no-repeat center center;
  mask-size: contain;
}
body.blog .site-main .news-sect .navigation ol.wp-paginate li a.prev:hover:after, body.blog .site-main .news-sect .navigation ol.wp-paginate li a.next:hover:after {
  background-color: white;
}
body.blog .site-main .news-sect .navigation ol.wp-paginate li a.next:after {
  mask: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgOSAxNSIgd2lkdGg9IjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibS4yOTI1IDE0LjY4NDVjLjM5LjM5IDEuMDI0LjM5IDEuNDE0IDBsNi40ODYtNi40ODZjLjE5Ni0uMTk2LjI5NC0uNDU0LjI5Mi0uNzEgMC0uMjU4LS4wOTYtLjUxNC0uMjkyLS43MWwtNi40ODYtNi40ODZjLS4zOS0uMzktMS4wMjQtLjM5LTEuNDE0IDBzLS4zOSAxLjAyNCAwIDEuNDE0bDUuNzgyIDUuNzgyLTUuNzgyIDUuNzgyYy0uMzkuMzktLjM5IDEuMDI0IDAgMS40MTR6IiBmaWxsPSIjMDAwIi8+PC9zdmc+") no-repeat center center;
}
body.blog .site-main .news-sect .navigation ol.wp-paginate li a {
  color: #17A4A5;
}
body.blog .site-main .news-sect .navigation ol.wp-paginate li a:visited {
  color: #17A4A5;
}
body.blog .site-main .news-sect .navigation ol.wp-paginate li a:hover {
  color: white;
}
body.blog .site-main .news-sect .navigation ol.wp-paginate li a:active {
  color: white;
}
body.blog .site-main .news-sect .navigation ol.wp-paginate li a:hover {
  background-color: #1ababb;
}
body.blog .site-main .news-sect .navigation ol.wp-paginate li span.current {
  background-color: #17A4A5;
  color: white;
}

body.single .main-content {
  padding-top: 230px;
  padding-bottom: 100px;
}
@media screen and (width <= 520px) {
  body.single .main-content {
    padding-top: 150px;
  }
}
body.single .main-content .width-wrap {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1064px) {
  body.single .main-content .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.single .main-content .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.single .main-content .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.single .main-content article .entry-header .entry-meta {
  display: flex;
  align-items: baseline;
  column-gap: 15px;
}
body.single .main-content article .entry-header .entry-meta .post-categories {
  flex-basis: max-content;
  background-color: #17A4A5;
  color: white;
  padding: 2px 17px;
  font-size: 16px;
}
body.single .main-content article .entry-header .entry-meta .date {
  flex-basis: max-content;
  color: #17A4A5;
  font-size: 17px;
}
body.single .main-content article .entry-header .entry-title {
  color: #1C1D1F;
}
body.single .main-content article .entry-content {
  font-size: 16px;
  line-height: 1.6;
}
body.single .main-content article .entry-content p {
  margin-bottom: 1em;
}
body.single .main-content article .entry-content h2 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 2.5em;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content h3 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content h4 {
  margin-top: 2em;
  font-size: 16px;
}
body.single .main-content article .entry-content h5 {
  margin-top: 1.5em;
  font-size: 16px;
}
body.single .main-content article .entry-content em.marker {
  box-shadow: inset 0 -0.4em rgba(23, 164, 165, 0.4);
  padding-inline: 2px;
  font-style: initial;
}
body.single .main-content article .entry-content em.nami {
  -webkit-text-decoration: #17A4A5 wavy underline;
  text-decoration: #17A4A5 wavy underline;
  padding-left: 3px;
  padding-right: 3px;
  font-style: initial;
}
body.single .main-content article .entry-content div.box {
  padding: 16px 18px;
  border-radius: 6px;
  margin-bottom: 1em;
  background-color: rgba(23, 164, 165, 0.2);
}
body.single .main-content article .entry-content div.box h6 {
  margin: 0;
  font-size: 16px;
  width: fit-content;
  margin-bottom: 0.3em;
  line-height: 1.55;
}
body.single .main-content article .entry-content div.box h6.has-bdrc {
  padding-inline: 0.7em;
  color: white;
}
body.single .main-content article .entry-content hr {
  border: 1px solid #ddd;
  margin-block: 1.5em;
}
body.single .main-content article .entry-content img[class*=wp-image-] {
  max-width: 100%;
  height: auto;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content img[class*=wp-image-].boader {
  background-color: #eee;
  padding: 5px;
}
body.single .main-content article .entry-content img[class*=wp-image-].boader-dark {
  background-color: #666;
  padding: 5px;
}
body.single .main-content article .entry-content img[class*=wp-image-].alignleft {
  margin-right: auto;
}
body.single .main-content article .entry-content img[class*=wp-image-].aligncenter {
  margin-left: auto;
  margin-right: auto;
}
body.single .main-content article .entry-content img[class*=wp-image-].alignright {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  body.single .main-content article .entry-content img[class*=wp-image-] {
    margin-left: auto;
    margin-right: auto;
  }
}
body.single .main-content article .entry-content figure.wp-caption {
  max-width: max-content;
  padding: 5px;
  background-color: #f5f5f5;
  margin-left: 0;
  margin-bottom: 1em;
  text-align: center;
  display: block;
}
body.single .main-content article .entry-content figure.wp-caption img[class*=wp-image-] {
  margin-bottom: 0;
  margin-inline: auto;
}
body.single .main-content article .entry-content figure.wp-caption figcaption,
body.single .main-content article .entry-content figure.wp-caption .wp-caption-text {
  text-align: center;
  font-size: 14px;
  line-height: 1.45;
  padding-block: 0.5em 0.3em;
}
body.single .main-content article .entry-content figure.wp-caption.alignleft {
  margin-right: auto;
}
body.single .main-content article .entry-content figure.wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
body.single .main-content article .entry-content figure.wp-caption.alignright {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  body.single .main-content article .entry-content figure.wp-caption {
    margin-left: auto;
    margin-right: auto;
  }
}
body.single .main-content article .entry-content pre {
  font-family: Courier, Consolas, Monaco, monospace;
  padding: 1em 1.5em;
  margin-bottom: 1em;
  display: block;
  font-size: 13px;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: auto;
}
body.single .main-content article .entry-content ul, body.single .main-content article .entry-content ol {
  margin-bottom: 1em;
  list-style: none;
  padding-left: 0;
}
body.single .main-content article .entry-content ul li, body.single .main-content article .entry-content ol li {
  margin: 0.75em 0;
  position: relative;
  padding-left: 22px;
  font-size: 16px;
  list-style: none;
  line-height: 23px;
}
body.single .main-content article .entry-content ul li:before, body.single .main-content article .entry-content ol li:before {
  content: " ";
  width: 7px;
  height: 7px;
  background: #17A4A5;
  position: absolute;
  left: 6px;
  top: 11px;
  letter-spacing: 0;
  transform: translate(0, -50%);
}
body.single .main-content article .entry-content ol {
  counter-reset: number;
}
body.single .main-content article .entry-content ol li {
  padding-left: 26px;
}
body.single .main-content article .entry-content ol li:before {
  box-sizing: border-box;
  counter-increment: number;
  content: counter(number);
  background: #17A4A5;
  color: #fff;
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  display: block;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  padding-left: 1px;
  left: 4px;
  transform: translate(0, -51%);
}
body.single .main-content article .entry-content blockquote {
  background-color: white;
  border: 1px solid #f5f5f5;
  padding: 0.8em 1em;
  margin-bottom: 1em;
  color: #666;
  border-left: 4px solid #17A4A5;
}
body.single .main-content article .entry-content blockquote p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  body.single .main-content article .entry-content blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}
body.single .main-content article .entry-content .column-wrap {
  display: flex;
  justify-content: space-between;
}
body.single .main-content article .entry-content .column-wrap .col-2,
body.single .main-content article .entry-content .column-wrap .col-3 {
  flex-basis: 49%;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content .column-wrap .col-2 img[class*=wp-image-],
body.single .main-content article .entry-content .column-wrap .col-3 img[class*=wp-image-] {
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.single .main-content article .entry-content .column-wrap .col-3 {
  flex-basis: 32%;
}
@media screen and (max-width: 767px) {
  body.single .main-content article .entry-content .column-wrap {
    flex-wrap: wrap;
  }
  body.single .main-content article .entry-content .column-wrap .col-2,
  body.single .main-content article .entry-content .column-wrap .col-3 {
    flex-basis: 100%;
  }
}
body.single .main-content article .entry-content table {
  width: 100%;
  border: 1px solid #eaedf2;
  margin-bottom: 1em;
  border-collapse: collapse;
}
body.single .main-content article .entry-content table tr {
  border-bottom: 1px solid #eee;
}
body.single .main-content article .entry-content table tr th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #eaedf2;
  border-right: 1px solid #eaedf2;
  padding: 7px;
  min-width: 6em;
}
body.single .main-content article .entry-content table tr td {
  border-right: 1px solid #eaedf2;
  padding: 11px 7px 10px;
}
body.single .main-content article .entry-content table tr caption, body.single .main-content article .entry-content table tr th, body.single .main-content article .entry-content table tr td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
body.single .main-content article .entry-content dl dt {
  color: #17A4A5;
}
body.single .main-content article .entry-content dl dd {
  color: #787878;
  margin-bottom: 1em;
}
body.single .main-content article .entry-content .supplement {
  background: lightyellow;
  font-size: 0.88em;
  padding: 1em 1.5em;
  margin: 1.5em 0 2em;
  border-radius: 4px;
  border: 1px solid rgba(237, 237, 237, 0.5);
}
body.single .main-content article .entry-content .supplement.warning {
  background: pink;
  color: #333;
}
body.single .main-content article .entry-content .linkcard iframe {
  border: 0 none;
}
body.single .main-content article .entry-content .youtube {
  margin-bottom: 1em;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
body.single .main-content article .entry-content .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.single .main-content article .entry-content h2, body.single .main-content article .entry-content h3, body.single .main-content article .entry-content h4, body.single .main-content article .entry-content h5 {
  font-family: Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
body.single .main-content article .entry-content h2 {
  color: #17A4A5;
  border-bottom: solid 3px #17A4A5;
  font-size: 24px;
}
body.single .main-content article .entry-content h3 {
  font-size: 21px;
}
body.single .main-content .previous_next_post {
  margin-top: 70px;
  display: flex;
  justify-content: space-around;
}
body.single .main-content .previous_next_post .previous a,
body.single .main-content .previous_next_post .next a {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  color: #17A4A5;
}
body.single .main-content .previous_next_post .previous a:visited,
body.single .main-content .previous_next_post .next a:visited {
  color: #17A4A5;
}
body.single .main-content .previous_next_post .previous a:hover,
body.single .main-content .previous_next_post .next a:hover {
  color: #75cdce;
}
body.single .main-content .previous_next_post .previous a:active,
body.single .main-content .previous_next_post .next a:active {
  color: #75cdce;
}
body.single .main-content .previous_next_post .previous a:before,
body.single .main-content .previous_next_post .next a:before {
  display: block;
  content: "";
  width: 9px;
  height: 15px;
  background-color: #17A4A5;
  mask: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOSAxNiIgd2lkdGg9IjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibS4yOTk5OTUgOC43MSA2LjQ4NTk5NSA2LjQ4NmMuMzkuMzkgMS4wMjQwMS4zOSAxLjQxNDAxIDBzLjM5LTEuMDI0IDAtMS40MTRsLTUuNzgyLTUuNzgxOTkgNS43ODItNS43ODJjLjM5LS4zOS4zOS0xLjAyNCAwLTEuNDE0MDA1LS4zOS0uMzktMS4wMjQwMS0uMzktMS40MTQwMSAwbC02LjQ4NTk5NSA2LjQ4NjAwNWMtLjE5Ni4xOTYtLjI5MTk5OTM5LjQ1Mi0uMjkxOTk5MzkuNzFzLjA5NTk5OTM5LjUxMzk5LjI5MTk5OTM5LjcwOTk5eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==") no-repeat;
  mask-size: 100% auto;
}
body.single .main-content .previous_next_post .previous a:hover:before,
body.single .main-content .previous_next_post .next a:hover:before {
  background-color: #75cdce;
}
body.single .main-content .previous_next_post .previous a span {
  order: 1;
}
body.single .main-content .previous_next_post .previous a:before {
  order: 2;
  transform: scale(-1, 1);
}

body.page .styleguide {
  max-width: 1264px;
  margin-left: auto;
  margin-right: auto;
  padding-block: 80px;
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 1304px) {
  body.page .styleguide {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page .styleguide {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page .styleguide {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page .styleguide p {
  margin-bottom: 1em;
}
body.page .styleguide h2 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 2.5em;
  margin-bottom: 1em;
}
body.page .styleguide h3 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1em;
}
body.page .styleguide h4 {
  margin-top: 2em;
  font-size: 16px;
}
body.page .styleguide h5 {
  margin-top: 1.5em;
  font-size: 16px;
}
body.page .styleguide em.marker {
  box-shadow: inset 0 -0.4em rgba(23, 164, 165, 0.4);
  padding-inline: 2px;
  font-style: initial;
}
body.page .styleguide em.nami {
  -webkit-text-decoration: #17A4A5 wavy underline;
  text-decoration: #17A4A5 wavy underline;
  padding-left: 3px;
  padding-right: 3px;
  font-style: initial;
}
body.page .styleguide div.box {
  padding: 16px 18px;
  border-radius: 6px;
  margin-bottom: 1em;
  background-color: rgba(23, 164, 165, 0.2);
}
body.page .styleguide div.box h6 {
  margin: 0;
  font-size: 16px;
  width: fit-content;
  margin-bottom: 0.3em;
  line-height: 1.55;
}
body.page .styleguide div.box h6.has-bdrc {
  padding-inline: 0.7em;
  color: white;
}
body.page .styleguide hr {
  border: 1px solid #ddd;
  margin-block: 1.5em;
}
body.page .styleguide img[class*=wp-image-] {
  max-width: 100%;
  height: auto;
  margin-bottom: 1em;
}
body.page .styleguide img[class*=wp-image-].boader {
  background-color: #eee;
  padding: 5px;
}
body.page .styleguide img[class*=wp-image-].boader-dark {
  background-color: #666;
  padding: 5px;
}
body.page .styleguide img[class*=wp-image-].alignleft {
  margin-right: auto;
}
body.page .styleguide img[class*=wp-image-].aligncenter {
  margin-left: auto;
  margin-right: auto;
}
body.page .styleguide img[class*=wp-image-].alignright {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  body.page .styleguide img[class*=wp-image-] {
    margin-left: auto;
    margin-right: auto;
  }
}
body.page .styleguide figure.wp-caption {
  max-width: max-content;
  padding: 5px;
  background-color: #f5f5f5;
  margin-left: 0;
  margin-bottom: 1em;
  text-align: center;
  display: block;
}
body.page .styleguide figure.wp-caption img[class*=wp-image-] {
  margin-bottom: 0;
  margin-inline: auto;
}
body.page .styleguide figure.wp-caption figcaption,
body.page .styleguide figure.wp-caption .wp-caption-text {
  text-align: center;
  font-size: 14px;
  line-height: 1.45;
  padding-block: 0.5em 0.3em;
}
body.page .styleguide figure.wp-caption.alignleft {
  margin-right: auto;
}
body.page .styleguide figure.wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
body.page .styleguide figure.wp-caption.alignright {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  body.page .styleguide figure.wp-caption {
    margin-left: auto;
    margin-right: auto;
  }
}
body.page .styleguide pre {
  font-family: Courier, Consolas, Monaco, monospace;
  padding: 1em 1.5em;
  margin-bottom: 1em;
  display: block;
  font-size: 13px;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: auto;
}
body.page .styleguide ul, body.page .styleguide ol {
  margin-bottom: 1em;
  list-style: none;
  padding-left: 0;
}
body.page .styleguide ul li, body.page .styleguide ol li {
  margin: 0.75em 0;
  position: relative;
  padding-left: 22px;
  font-size: 16px;
  list-style: none;
  line-height: 23px;
}
body.page .styleguide ul li:before, body.page .styleguide ol li:before {
  content: " ";
  width: 7px;
  height: 7px;
  background: #17A4A5;
  position: absolute;
  left: 6px;
  top: 11px;
  letter-spacing: 0;
  transform: translate(0, -50%);
}
body.page .styleguide ol {
  counter-reset: number;
}
body.page .styleguide ol li {
  padding-left: 26px;
}
body.page .styleguide ol li:before {
  box-sizing: border-box;
  counter-increment: number;
  content: counter(number);
  background: #17A4A5;
  color: #fff;
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  display: block;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  padding-left: 1px;
  left: 4px;
  transform: translate(0, -51%);
}
body.page .styleguide blockquote {
  background-color: white;
  border: 1px solid #f5f5f5;
  padding: 0.8em 1em;
  margin-bottom: 1em;
  color: #666;
  border-left: 4px solid #17A4A5;
}
body.page .styleguide blockquote p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  body.page .styleguide blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}
body.page .styleguide .column-wrap {
  display: flex;
  justify-content: space-between;
}
body.page .styleguide .column-wrap .col-2,
body.page .styleguide .column-wrap .col-3 {
  flex-basis: 49%;
  margin-bottom: 1em;
}
body.page .styleguide .column-wrap .col-2 img[class*=wp-image-],
body.page .styleguide .column-wrap .col-3 img[class*=wp-image-] {
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.page .styleguide .column-wrap .col-3 {
  flex-basis: 32%;
}
@media screen and (max-width: 767px) {
  body.page .styleguide .column-wrap {
    flex-wrap: wrap;
  }
  body.page .styleguide .column-wrap .col-2,
  body.page .styleguide .column-wrap .col-3 {
    flex-basis: 100%;
  }
}
body.page .styleguide table {
  width: 100%;
  border: 1px solid #eaedf2;
  margin-bottom: 1em;
  border-collapse: collapse;
}
body.page .styleguide table tr {
  border-bottom: 1px solid #eee;
}
body.page .styleguide table tr th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #eaedf2;
  border-right: 1px solid #eaedf2;
  padding: 7px;
  min-width: 6em;
}
body.page .styleguide table tr td {
  border-right: 1px solid #eaedf2;
  padding: 11px 7px 10px;
}
body.page .styleguide table tr caption, body.page .styleguide table tr th, body.page .styleguide table tr td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
body.page .styleguide dl dt {
  color: #17A4A5;
}
body.page .styleguide dl dd {
  color: #787878;
  margin-bottom: 1em;
}
body.page .styleguide .supplement {
  background: lightyellow;
  font-size: 0.88em;
  padding: 1em 1.5em;
  margin: 1.5em 0 2em;
  border-radius: 4px;
  border: 1px solid rgba(237, 237, 237, 0.5);
}
body.page .styleguide .supplement.warning {
  background: pink;
  color: #333;
}
body.page .styleguide .linkcard iframe {
  border: 0 none;
}
body.page .styleguide .youtube {
  margin-bottom: 1em;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
body.page .styleguide .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.page .styleguide h2, body.page .styleguide h3, body.page .styleguide h4, body.page .styleguide h5 {
  font-family: Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
body.page .styleguide h2 {
  color: #17A4A5;
  border-bottom: solid 3px #17A4A5;
  font-size: 24px;
}
body.page .styleguide h3 {
  font-size: 21px;
}

body.page #main.general-page {
  padding-bottom: 120px;
}
body.page #main.general-page .firstview-sect {
  padding-top: 200px;
}
@media screen and (width <= 520px) {
  body.page #main.general-page .firstview-sect {
    padding-top: 140px;
  }
}
body.page #main.general-page .firstview-sect .content-wrap {
  display: flex;
  justify-content: space-between;
}
body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) {
  overflow: hidden;
  flex-basis: calc(50% + (400px));
  margin-right: calc(400px * -1);
}
body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) .wr {
  margin-left: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) {
  overflow: hidden;
  flex-basis: calc(50% + (-150px));
  margin-left: calc(-150px * -1);
}
body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) .wr {
  margin-right: calc(50vw - 632px);
}
@media screen and (width <= 1304px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 807px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 797px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
body.page #main.general-page .firstview-sect .content-wrap .left {
  padding-bottom: 120px;
}
body.page #main.general-page .firstview-sect .content-wrap .left .content {
  position: relative;
  background: linear-gradient(270deg, rgba(23, 164, 165, 0) 29.96%, rgba(23, 164, 165, 0.75) 85.44%);
  padding-top: 92px;
  height: 379px;
}
body.page #main.general-page .firstview-sect .content-wrap .left .content > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
body.page #main.general-page .firstview-sect .content-wrap .left .content .wr {
  padding-right: 15px;
}
body.page #main.general-page .firstview-sect .content-wrap .left .content .wr hgroup {
  color: white;
  text-shadow: 0px 0px 28px rgba(6, 43, 43, 0.9);
}
body.page #main.general-page .firstview-sect .content-wrap .left .content .wr hgroup h4 {
  font-size: clamp(16px, 2.3529411765vw, 20px);
  margin-top: 0;
  letter-spacing: 3.5px;
}
body.page #main.general-page .firstview-sect .content-wrap .left .content .wr hgroup h1 {
  font-size: clamp(38px, 5.8823529412vw, 50px);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.6;
  letter-spacing: 5px;
}
body.page #main.general-page .firstview-sect .content-wrap .left .content .wr hgroup h1 span {
  font-family: "Cormorant Garamond", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-optical-sizing: auto;
  font-weight: 300;
  font-size: 85px;
  letter-spacing: 12px;
}
body.page #main.general-page .firstview-sect .content-wrap .right {
  z-index: -2;
  padding-top: 120px;
}
body.page #main.general-page .firstview-sect .content-wrap .right:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #F2F5F5;
}
@media screen and (width <= 991px) {
  body.page #main.general-page .firstview-sect .content-wrap {
    display: flex;
    justify-content: space-between;
  }
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) {
    overflow: hidden;
    flex-basis: calc(50% + (40%));
    margin-right: calc(40% * -1);
  }
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 632px);
  }
}
@media screen and (width <= 991px) and (width <= 1304px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 991px) and (width <= 807px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 991px) and (width <= 797px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
@media screen and (width <= 991px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) {
    overflow: hidden;
    flex-basis: calc(50% + (-150px));
    margin-left: calc(-150px * -1);
  }
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 632px);
  }
}
@media screen and (width <= 991px) and (width <= 1304px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 991px) and (width <= 807px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 991px) and (width <= 797px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}
@media screen and (width <= 991px) {
  body.page #main.general-page .firstview-sect .content-wrap .left .content > img {
    object-position: top 0px right 20%;
  }
}
@media screen and (width <= 530px) {
  body.page #main.general-page .firstview-sect .content-wrap {
    display: flex;
    justify-content: space-between;
  }
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) {
    overflow: hidden;
    flex-basis: calc(50% + (50%));
    margin-right: calc(50% * -1);
  }
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 632px);
  }
}
@media screen and (width <= 530px) and (width <= 1304px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 20px;
  }
}
@media screen and (width <= 530px) and (width <= 807px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 530px) and (width <= 797px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(1) .wr {
    margin-left: 15px;
  }
}
@media screen and (width <= 530px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) {
    overflow: hidden;
    flex-basis: calc(50% + (-150px));
    margin-left: calc(-150px * -1);
  }
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 632px);
  }
}
@media screen and (width <= 530px) and (width <= 1304px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 20px;
  }
}
@media screen and (width <= 530px) and (width <= 807px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (width <= 530px) and (width <= 797px) {
  body.page #main.general-page .firstview-sect .content-wrap > :nth-of-type(2) .wr {
    margin-right: 15px;
  }
}

body.page-contact .site-main {
  padding-top: 200px;
}
@media screen and (width <= 520px) {
  body.page-contact .site-main {
    padding-top: 160px;
  }
}
body.page-contact .site-main .firstview-sect hgroup.header {
  max-width: max-content;
  margin-inline: auto;
}
body.page-contact .site-main .firstview-sect hgroup.header p {
  display: flex;
  align-items: center;
  column-gap: 13px;
  color: #5f5f5f;
  font-family: Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-bottom: 20px;
}
body.page-contact .site-main .firstview-sect hgroup.header p:after {
  content: "";
  display: block;
  width: 67px;
  height: 1px;
  background-color: #5f5f5f;
}
body.page-contact .site-main .firstview-sect hgroup.header h1,
body.page-contact .site-main .firstview-sect hgroup.header h2 {
  font-size: clamp(35px, 5.2151238592vw, 40px);
  letter-spacing: 0.15em;
  margin-top: 0;
  margin-bottom: 28px;
}
body.page-contact .site-main .firstview-sect hgroup.header h1 {
  margin-bottom: 15px;
}
body.page-contact .site-main .firstview-sect p {
  text-align: center;
}
body.page-contact .site-main .toc-sect {
  margin-top: 50px;
  margin-bottom: 4.5em;
}
body.page-contact .site-main .toc-sect h3 {
  text-align: center;
  font-size: 25px;
  letter-spacing: 4px;
}
@media screen and (max-width: 480px) {
  body.page-contact .site-main .toc-sect h3 {
    letter-spacing: 2px;
  }
}
body.page-contact .site-main .toc-sect .flex-box {
  display: flex;
  align-items: center;
  column-gap: 15px;
  max-width: 550px;
  margin-inline: auto;
  font-size: 15px;
}
body.page-contact .site-main .toc-sect .flex-box .txt a {
  color: #17A4A5;
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
body.page-contact .site-main .toc-sect .flex-box .txt a:visited {
  color: #17A4A5;
}
body.page-contact .site-main .toc-sect .flex-box .txt a:hover {
  color: #75cdce;
}
body.page-contact .site-main .toc-sect .flex-box .txt a:active {
  color: #75cdce;
}
body.page-contact .site-main .form-sect {
  margin-top: 40px;
  padding-bottom: 60px;
}
body.page-contact .site-main .form-sect .width-wrap {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1140px) {
  body.page-contact .site-main .form-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-contact .site-main .form-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-contact .site-main .form-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-contact .site-main .form-sect .step-form {
  padding-left: 0;
  list-style: none;
  margin-bottom: 20px;
  display: flex;
}
body.page-contact .site-main .form-sect .step-form li {
  line-height: 1.3;
  font-weight: 600;
  display: block;
  background-color: #e9f3f3;
  color: #1C1D1F;
  height: 60px;
  padding: 10px 0 0 40px;
}
body.page-contact .site-main .form-sect .step-form li:before {
  content: none;
}
body.page-contact .site-main .form-sect .step-form li span {
  display: block;
  font-size: 14px;
}
body.page-contact .site-main .form-sect .step-form li:nth-child(1) {
  flex-basis: calc(33% + 20px);
  padding-left: 20px;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
}
body.page-contact .site-main .form-sect .step-form li:nth-child(2) {
  flex-basis: calc(33% + 20px);
  margin-left: -20px;
  clip-path: polygon(5px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 5px 100%, 25px 50%);
}
body.page-contact .site-main .form-sect .step-form li:nth-child(3) {
  flex-basis: 34%;
  margin-left: -20px;
  clip-path: polygon(5px 0, 100% 0, 100% 100%, 0 100%, 5px 100%, 25px 50%);
}
body.page-contact .site-main .form-sect .step-form li.current {
  color: white;
  background-color: #17A4A5;
}
@media screen and (max-width: 590px) {
  body.page-contact .site-main .form-sect .step-form {
    flex-wrap: wrap;
  }
  body.page-contact .site-main .form-sect .step-form li {
    padding-left: 0 !important;
    margin-bottom: 10px;
    height: 59px;
    text-align: center;
  }
  body.page-contact .site-main .form-sect .step-form li:last-child {
    margin-bottom: 0;
  }
  body.page-contact .site-main .form-sect .step-form li:nth-child(1) {
    flex-basis: 100%;
    padding-left: 0;
    height: 79px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(50% + 30px) calc(100% - 20px), 50% 100%, calc(50% - 30px) calc(100% - 20px), 0 calc(100% - 20px));
  }
  body.page-contact .site-main .form-sect .step-form li:nth-child(2) {
    flex-basis: 100%;
    padding-left: 0;
    margin-left: 0;
    height: 79px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(50% + 30px) calc(100% - 20px), 50% 100%, calc(50% - 30px) calc(100% - 20px), 0 calc(100% - 20px));
  }
  body.page-contact .site-main .form-sect .step-form li:nth-child(3) {
    flex-basis: 100%;
    padding-left: 0;
    margin-left: 0;
    clip-path: none;
  }
}
body.page-contact .site-main .form-sect .mw_wp_form form .message {
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .message .s2 {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box {
  width: 100%;
  display: flex;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject,
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements {
  padding: 15px 20px;
  border: 1px solid #d5d5d5;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject .submessage,
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .submessage {
  margin-top: 0.6em;
  color: #888;
  line-height: 1.25;
  font-size: 13px;
  font-weight: normal;
  display: block;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject {
  background-color: #e9f3f3;
  width: 30%;
  color: #444;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject .content {
  font-weight: 500;
  letter-spacing: 1px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject .require {
  display: block;
  float: right;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.4;
  margin-top: 3px;
  background-color: white;
  color: #777;
  border: 1px solid #ccc;
  padding: 1px 8px;
  border-radius: 3px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements {
  width: 70%;
  border-left: 0 none;
  min-height: 3.5em;
  background-color: white;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .submessage {
  margin-left: 1px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .error {
  font-size: 14px;
  color: #f36868;
  margin-top: 0.3em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .error + br {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .error + br + .submessage {
  margin-top: 0.2em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements h4 {
  font-size: 16px;
  margin-top: 3em;
  margin-bottom: 0.5em;
  font-weight: 500;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements h4:first-of-type {
  margin-top: 0.6em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .mw-wp-form_image {
  width: 100%;
  height: auto;
  max-width: 300px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements .mw-wp-form_image img {
  width: 100%;
  height: auto;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box + .form-box .subject, body.page-contact .site-main .form-sect .mw_wp_form form .form-box + .form-box .elements {
  border-top: 0 none;
}
@media screen and (max-width: 767px) {
  body.page-contact .site-main .form-sect .mw_wp_form form .form-box {
    flex-direction: column;
  }
  body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject, body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements {
    width: 100%;
  }
  body.page-contact .site-main .form-sect .mw_wp_form form .form-box .elements {
    border-left: 1px solid #d5d5d5;
    border-top: 0 none;
    padding-bottom: 30px;
  }
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box input[type=text], body.page-contact .site-main .form-sect .mw_wp_form form .form-box input[type=password], body.page-contact .site-main .form-sect .mw_wp_form form .form-box textarea {
  font-size: 16px;
  padding: 6px 12px;
  color: #333;
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 100%;
  background-color: white;
  line-height: 1.4;
  display: block;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box input[type=text] + br, body.page-contact .site-main .form-sect .mw_wp_form form .form-box input[type=password] + br, body.page-contact .site-main .form-sect .mw_wp_form form .form-box textarea + br {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box textarea {
  height: 6em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box input[type=file] {
  width: 100%;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box select {
  padding: 6px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: white;
  color: #1C1D1F;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item {
  display: block;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item label {
  font-weight: normal;
  color: #2d2f32;
  font-size: 15px;
  line-height: 23px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item label input[type=checkbox] {
  margin-left: 1px;
  margin-right: 6px;
  vertical-align: middle;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item label span {
  vertical-align: middle;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item + .mwform-checkbox-field.vertical-item {
  margin-top: 1em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.horizontal-item {
  margin-right: 10px;
  white-space: nowrap;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.horizontal-item + .mwform-checkbox-field.horizontal-item {
  margin-left: 0;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-radio-field.vertical-item {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .mwform-radio-field.vertical-item + .mwform-radio-field.vertical-item {
  margin-top: 0.8em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box {
  margin-top: 50px;
  text-align: center;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box input {
  vertical-align: middle;
  margin-bottom: 1px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box .mwform-checkbox-field-text {
  font-size: 15px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 {
  margin-top: 10px;
  font-size: 14px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 + p {
  font-size: 13px;
  margin-bottom: 0;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-btn {
  margin-top: 55px;
  text-align: center;
  display: flex;
  justify-content: space-around;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-btn button, body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=button], body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=reset], body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=submit] {
  background-color: #17A4A5;
  color: white;
  padding: 15px 30px;
  border: 1px solid #ddd;
  cursor: pointer;
  display: inline-block;
  min-width: inherit;
  max-width: inherit;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-btn button:focus, body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=button]:focus, body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=reset]:focus, body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=submit]:focus {
  outline: none;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-btn button[name=submitBack], body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=button][name=submitBack], body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=reset][name=submitBack], body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=submit][name=submitBack] {
  background-color: white;
  color: #1C1D1F;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[type=submit]:disabled {
  background-color: #eee;
  color: #666666;
  cursor: default;
}
@media screen and (max-width: 480px) {
  body.page-contact .site-main .form-sect .mw_wp_form form .form-btn {
    flex-direction: column;
  }
  body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[name=submit] {
    order: 1;
    margin-bottom: 25px;
  }
  body.page-contact .site-main .form-sect .mw_wp_form form .form-btn input[name=submitBack] {
    order: 2;
  }
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm .message .s1 {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm .message .s2 {
  display: block;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm .form-box .elements .submessage {
  display: none !important;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm .privacy-box {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm .form-btn {
  margin-top: 70px;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm .form-btn button, body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm .form-btn input[type=button], body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm .form-btn input[type=reset], body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm .form-btn input[type=submit] {
  margin-right: 13px;
  margin-left: 13px;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete .message .s1 {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete .message .s2 {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete > p {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20em;
}
body.page-contact .site-main .form-sect .mw_wp_form form .form-box .subject .require {
  background-color: #17A4A5;
  color: white;
  border: 0 none;
  padding-block: 3px;
  font-size: 11px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 {
  font-size: 16px;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 a {
  color: #17A4A5;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #17A4A5;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 a:visited {
  color: #17A4A5;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 a:hover {
  color: #75cdce;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 a:active {
  color: #75cdce;
}
body.page-contact .site-main .form-sect .mw_wp_form form .privacy-box h5 a:hover {
  text-decoration-color: #75cdce;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_confirm form .privacy-box, body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete form .privacy-box {
  display: none;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete p {
  margin-bottom: 3em;
}
body.page-contact .site-main .form-sect .mw_wp_form.mw_wp_form_complete .more:after {
  display: none;
}

body.error404 #page {
  min-height: 100dvh;
}
body.error404 .error-404 {
  padding-top: 170px;
}
body.error404 .page-header h1 {
  text-align: center;
  margin-top: 54px;
}
body.error404 .page-content .read {
  text-align: center;
}
body.error404 .page-content a.back-home {
  display: block;
  padding: 10px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 1px solid #17A4A5;
  box-shadow: 1px 2px 0px 1px #d9d9d9;
  border-radius: 5px;
  margin-top: 30px;
  margin-bottom: 150px;
  color: #17A4A5;
  background-color: white;
}
body.error404 .page-content a.back-home:hover {
  border-color: #17A4A5;
  color: #17A4A5;
}
body.error404 .site-footer {
  position: sticky;
  top: 100%;
}
/*# sourceMappingURL=style.css.map */