@charset "UTF-8";
/*
theme Name: オリジナルテーマ作成サンプル001
Author: My Name
Description: original theme
version： 1.0.0
*/
/* CSS Document */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
 ========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
  margin: 0;
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

/**
* Render the `main` element consistently in IE.
*/
main {
  display: block;
}

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

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

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

/* Text-level semantics
 ========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
  background-color: transparent;
}

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

/* Interactive
 ========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
  display: block;
}

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

/* Misc
 ========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
  display: none;
}

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

@font-face {
  font-family: "UzuraFont"; /* 任意のフォント名 */
  src: url("./uzura.woff") format("woff"); /* CSSファイルからの相対パス */
  font-weight: normal;
  font-style: normal;
}
:root {
  --borderbox: border-box;
  --img100: 100%;
}

/*iPhone safariの電話番号のカラー対策*/
/* 全デバイス共通のstyle */
a[href^="tel:"] {
  color: #ee1951 !important; /* 希望する色 */
  text-decoration: none !important; /* 下線をなくしたい場合 */
}

* {
  box-sizing: var(--borderbox);
  letter-spacing: 0.05em;
}

img {
  width: var(--img100);
  height: auto;
  max-width: 100%;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

/* ドットボタン */
.home .slick-dots li button:before {
  content: "" !important;
}

@media screen and (min-width: 300px) {
  .home .slick-dots li button {
    width: 10px !important;
    height: 10px !important;
  }
}
@media screen and (min-width: 600px) {
  .home .slick-dots li button {
    width: 15px !important;
    height: 15px !important;
  }
}
@media screen and (min-width: 1025px) {
  .home .slick-dots li button {
    width: calc(16px + 22 * (100vw - 1025px) / 1975) !important;
    height: calc(16px + 22 * (100vw - 1025px) / 1975) !important;
  }
}
@media screen and (min-width: 300px) {
  /*========= header.scssナビゲーションのためのCSS ===============*/
  /*アクティブになったエリア*/
  #header {
    width: 100%;
    text-align: center;
    aspect-ratio: 10/1;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 3% 3% 2% 3%;
    transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
    opacity: 1;
    will-change: transform, opacity;
    background-image: url(img/header-back06sp.png);
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
  }
  #header .header__inner {
    display: block;
    width: 100%;
  }
  #header .header__inner .header__left {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    text-align: left;
    margin-bottom: 3%;
  }
  #header .header__inner .header__left .home-logo {
    width: calc(65% + -10 * (100vw - 300px) / 299);
    order: 2;
    display: flex;
    align-items: center;
    object-fit: contain;
    aspect-ratio: unset;
    font-size: unset;
    padding: 2% 0;
    margin: 0 auto;
  }
  #header .header__inner .header__left .logo {
    width: calc(65% + -10 * (100vw - 300px) / 299);
    order: 2;
    display: flex;
    align-items: center;
    object-fit: contain;
    aspect-ratio: unset;
    font-size: unset;
    padding: 0;
    margin: 0 auto;
  }
  #header .header__inner .header__left .slogan {
    width: fit-content;
    padding-bottom: 2%;
    order: 1;
    color: #503a31;
    /* margin: 0 auto; */
    font-size: calc(12px + 5 * (100vw - 300px) / 299);
  }
  #header .header__inner .header__right {
    width: 100%;
    position: relative;
  }
  #header .header__inner .header__right .tel-text {
    color: #ffffff;
    font-weight: bold;
    background-color: rgb(101, 99, 195);
    padding: 1%;
    width: calc(75% + -78 * (100vw - 300px) / 299);
    font-size: calc(14px + 6 * (100vw - 300px) / 299);
    margin: 0 auto 2%;
  }
  #header .header__inner .header__right a:link,
  #header .header__inner .header__right a:hover,
  #header .header__inner .header__right a:visited,
  #header .header__inner .header__right a:active {
    color: #e14371;
    font-size: calc(18px + 12 * (100vw - 300px) / 299);
  }
  #header .header__inner .header__right a:link .tel,
  #header .header__inner .header__right a:hover .tel,
  #header .header__inner .header__right a:visited .tel,
  #header .header__inner .header__right a:active .tel {
    display: block;
    width: 100%;
    padding-left: 3%;
  }
  #header .header__inner .header__right a:link .tel::before,
  #header .header__inner .header__right a:hover .tel::before,
  #header .header__inner .header__right a:visited .tel::before,
  #header .header__inner .header__right a:active .tel::before {
    /* contentは空にするか、アイコンが装飾的な場合は'""'を設定 */
    content: "";
    /* 疑似要素に幅と高さを与えるために必要 */
    display: inline-block;
    /* 疑似要素自体のサイズを設定 */
    width: calc(22px + 22 * (100vw - 300px) / 299);
    height: calc(22px + 22 * (100vw - 300px) / 299);
    /* 画像を背景として指定 */
    background-image: url("img/SVG/tel-icon.svg");
    /* 背景画像の位置とサイズを調整 */
    background-size: contain; /* 疑似要素のサイズに合わせて全体を表示 */
    background-repeat: no-repeat;
    background-position: center;
    /* 必要に応じて、余白を調整 */
    margin-right: calc(5px + 10 * (100vw - 300px) / 299);
    vertical-align: bottom;
  }
  #header .header__inner .header__right .fax {
    color: #477b80;
    font-size: calc(18px + 12 * (100vw - 300px) / 299);
    display: block;
    width: 100%;
    padding-left: 3%;
  }
  #header .header__inner .header__right .fax::before {
    /* contentは空にするか、アイコンが装飾的な場合は'""'を設定 */
    content: "";
    /* 疑似要素に幅と高さを与えるために必要 */
    display: inline-block;
    /* 疑似要素自体のサイズを設定 */
    width: calc(22px + 22 * (100vw - 300px) / 299);
    height: calc(22px + 22 * (100vw - 300px) / 299);
    /* 画像を背景として指定 */
    background-image: url("img/SVG/fax.svg");
    /* 背景画像の位置とサイズを調整 */
    background-size: contain; /* 疑似要素のサイズに合わせて全体を表示 */
    background-repeat: no-repeat;
    background-position: center;
    /* 必要に応じて、余白を調整 */
    margin-right: calc(5px + 10 * (100vw - 300px) / 299);
    vertical-align: bottom;
  }
  #header .header__inner .header__right .inquiry {
    width: calc(34% + 5 * (300px - 100vw) / 299);
    position: absolute;
    display: flex;
    aspect-ratio: 2/1;
    justify-content: center;
    align-items: center;
    background-color: #5d4d8c;
    border: 1px solid #64c;
    padding: 1px;
    margin-left: auto;
    border-radius: 9px;
    outline-offset: -3px;
    right: 3%;
    outline: 1px solid #edb142;
    top: calc(-164% - -10 * (300px - 100vw) / 299);
    padding: 2%;
  }
  #header .header__inner .header__right .inquiry a:link,
  #header .header__inner .header__right .inquiry a:hover,
  #header .header__inner .header__right .inquiry a:visited,
  #header .header__inner .header__right .inquiry a:active {
    color: #ffffff;
    font-size: calc(12px + 10 * (100vw - 300px) / 299);
  }
  #header {
    /*ナビゲーションの縦スクロール*/
  }
  #header #g-nav-list {
    display: none;
    /*リストのレイアウト設定*/
  }
  #header #g-nav-list #g-nav {
    position: static;
    height: auto;
  }
  #header #g-nav-list #g-nav ul li {
    text-align: center;
    list-style: none;
    /* ▼▼▼ メニュー項目の初期透明度とトランジションの定義 (アニメーションの土台) ▼▼▼ */
    opacity: 0;
    transition: opacity 0.4s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /* JavaScriptでこのクラスが付与されたらフェードイン完了 */
  }
  #header #g-nav-list #g-nav ul li.is-loaded-anime {
    opacity: 1 !important;
  }
  #header #g-nav-list #g-nav ul li a {
    color: #ffffff;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: calc(13px + 7 * (100vw - 300px) / 299);
  }
  #header #g-nav-list #g-nav.panelactive {
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: static;
    z-index: 999;
    top: 0;
    width: 100%;
    left: 0;
    height: 100vh;
  }
  #header #g-nav-list #g-nav.panelactive ul {
    opacity: 1;
    display: flex;
    position: static;
    transform: none;
    width: 90%;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    padding-top: 15%;
  }
  #header #g-nav-list.g-nav-list-active {
    display: block;
    position: fixed;
    z-index: 999;
    top: 100%;
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /*リストのレイアウト設定*/
  }
  #header #g-nav-list.g-nav-list-active #g-nav {
    position: static;
    height: auto;
  }
  #header #g-nav-list.g-nav-list-active #g-nav ul li {
    text-align: center;
    list-style: none;
    /* ▼▼▼ メニュー項目の初期透明度とトランジションの定義 (アニメーションの土台) ▼▼▼ */
    opacity: 0;
    transition: opacity 0.4s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /* JavaScriptでこのクラスが付与されたらフェードイン完了 */
  }
  #header #g-nav-list.g-nav-list-active #g-nav ul li.is-loaded-anime {
    opacity: 1 !important;
  }
  #header #g-nav-list.g-nav-list-active #g-nav ul li a {
    color: #ffffff;
    text-decoration: none;
    padding: 5%;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: calc(16px + 7 * (100vw - 300px) / 299);
  }
  #header #g-nav-list.g-nav-list-active #g-nav.panelactive {
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: static;
    z-index: 999;
    top: 0;
    width: 100%;
    left: 0;
    height: 100vh;
  }
  #header #g-nav-list.g-nav-list-active #g-nav.panelactive ul {
    opacity: 1;
    display: flex;
    position: static;
    transform: none;
    width: 90%;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    padding-top: 5%;
  }
  #header {
    /*========= ボタンのためのCSS ===============*/
  }
  #header .openbtn1 {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    /*ボタンを最前面に*/
    cursor: pointer;
    width: 50px;
    height: 50px;
    /*×に変化*/
  }
  #header .openbtn1 span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background-color: #666;
    width: 45%;
  }
  #header .openbtn1 span:nth-of-type(1) {
    top: 15px;
  }
  #header .openbtn1 span:nth-of-type(2) {
    top: 23px;
  }
  #header .openbtn1 span:nth-of-type(3) {
    top: 31px;
  }
  #header .openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
  }
  #header .openbtn1.active span:nth-of-type(2) {
    opacity: 0;
  }
  #header .openbtn1.active span:nth-of-type(3) {
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
  }
  #header.header-hidden {
    transform: translateY(-100%);
    opacity: 0;
  }
  /*丸の拡大*/
  .circle-bg {
    display: block;
    position: fixed;
    z-index: 5;
    /*丸の形*/
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(104, 60, 20, 0.8);
    /*丸のスタート位置と形状*/
    transform: scale(0);
    /*scaleをはじめは0に*/
    bottom: -50px;
    left: calc(50% - 50px);
    /*50%から円の半径を引いた値*/
    transition: all 0.6s;
    /*0.6秒かけてアニメーション*/
  }
  .circle-bg.circleactive {
    transform: scale(50);
    /*クラスが付与されたらscaleを拡大*/
  }
}
@media screen and (min-width: 600px) {
  /*========= header.scssナビゲーションのためのCSS ===============*/
  /*アクティブになったエリア*/
  #header {
    width: 100%;
    background-color: #fff;
    text-align: center;
    aspect-ratio: 10/1;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2%;
    transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
    opacity: 1;
    will-change: transform, opacity;
    background-image: url(img/header-back07.png);
    background-position: left 12%;
    background-size: 109%;
    background-repeat: no-repeat;
  }
  #header .header__inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #header .header__inner .header__left {
    width: 35%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    text-align: left;
    margin: 0 auto 0 0;
  }
  #header .header__inner .header__left .home-logo {
    width: calc(100% + -72 * (100vw - 600px) / 424);
    order: 2;
    margin: 0;
  }
  #header .header__inner .header__left .logo {
    width: calc(100% + -100 * (100vw - 600px) / 424);
    order: 2;
    margin: 0;
  }
  #header .header__inner .header__left .slogan {
    font-size: calc(10px + 3 * (100vw - 600px) / 424);
    font-family: "Sawarabi Mincho";
    width: fit-content;
    padding-bottom: 2%;
    order: 1;
    color: #503a31;
  }
  #header .header__inner .header__right {
    width: 60%; /* 右側の幅を調整 */
    position: static; /* position: absolute; を削除し、flexレイアウトに合わせる */
    display: flex; /* flexboxで中身を配置 */
    align-items: center;
    justify-content: flex-end; /* 右寄せ */
    flex-direction: column;
  }
  #header .header__inner .header__right .tel-text {
    color: #ffffff;
    font-weight: bold;
    background-color: rgb(101, 99, 195);
    padding: 1%;
    width: calc(70% + -78 * (100vw - 600px) / 424);
    font-size: calc(11px + 6 * (100vw - 600px) / 424);
    margin-bottom: 2%;
  }
  #header .header__inner .header__right a:link,
  #header .header__inner .header__right a:hover,
  #header .header__inner .header__right a:visited,
  #header .header__inner .header__right a:active {
    color: #e14371;
    font-size: calc(21px + 12 * (100vw - 600px) / 424);
    display: block;
    width: 67%;
  }
  #header .header__inner .header__right a:link .tel,
  #header .header__inner .header__right a:hover .tel,
  #header .header__inner .header__right a:visited .tel,
  #header .header__inner .header__right a:active .tel {
    /* display: block; */
    width: 100%;
    /* text-align: right; */
    padding: 0;
  }
  #header .header__inner .header__right a:link .tel::before,
  #header .header__inner .header__right a:hover .tel::before,
  #header .header__inner .header__right a:visited .tel::before,
  #header .header__inner .header__right a:active .tel::before {
    /* contentは空にするか、アイコンが装飾的な場合は'""'を設定 */
    content: "";
    /* 疑似要素に幅と高さを与えるために必要 */
    display: inline-block;
    /* 疑似要素自体のサイズを設定 */
    width: calc(22px + 12 * (100vw - 600px) / 424);
    height: calc(22px + 12 * (100vw - 600px) / 424);
    /* 画像を背景として指定 */
    background-image: url("img/SVG/tel-icon.svg");
    /* 背景画像の位置とサイズを調整 */
    background-size: contain; /* 疑似要素のサイズに合わせて全体を表示 */
    background-repeat: no-repeat;
    background-position: center;
    /* 必要に応じて、余白を調整 */
    margin-right: calc(5px + 10 * (100vw - 600px) / 424);
    vertical-align: bottom;
  }
  #header .header__inner .header__right .fax {
    color: #477b80;
    font-size: calc(21px + 12 * (100vw - 600px) / 424);
    display: contents;
    display: block;
    width: 67%;
  }
  #header .header__inner .header__right .fax::before {
    /* contentは空にするか、アイコンが装飾的な場合は'""'を設定 */
    content: "";
    /* 疑似要素に幅と高さを与えるために必要 */
    display: inline-block;
    /* 疑似要素自体のサイズを設定 */
    width: calc(25px + 12 * (100vw - 600px) / 424);
    height: calc(25px + 12 * (100vw - 600px) / 424);
    /* 画像を背景として指定 */
    background-image: url("img/SVG/fax.svg");
    /* 背景画像の位置とサイズを調整 */
    background-size: contain; /* 疑似要素のサイズに合わせて全体を表示 */
    background-repeat: no-repeat;
    background-position: center;
    /* 必要に応じて、余白を調整 */
    margin-right: calc(5px + 10 * (100vw - 600px) / 424);
    vertical-align: bottom;
    color: #477b80;
  }
  #header .header__inner .header__right .inquiry {
    width: calc(34% + 5 * (100vw - 600px) / 424);
    position: absolute;
    display: flex;
    aspect-ratio: 2/1;
    justify-content: center;
    align-items: center;
    background-color: #5d4d8c;
    border: 1px solid #64c;
    padding: 1px;
    margin-left: auto;
    border-radius: 9px;
    outline-offset: -3px;
    right: 3%;
    outline: 1px solid #edb142;
    top: calc(-164% - -10 * (100vw - 600px) / 424);
    padding: 2%;
  }
  #header .header__inner .header__right .inquiry a:link,
  #header .header__inner .header__right .inquiry a:hover,
  #header .header__inner .header__right .inquiry a:visited,
  #header .header__inner .header__right .inquiry a:active {
    color: #ffffff;
    font-size: calc(12px + 10 * (100vw - 600px) / 424);
  }
  #header {
    /*ナビゲーションの縦スクロール*/
  }
  #header #g-nav-list {
    display: none;
    /*リストのレイアウト設定*/
  }
  #header #g-nav-list #g-nav {
    position: static;
    height: auto;
  }
  #header #g-nav-list #g-nav ul li {
    text-align: center;
    list-style: none;
    /* ▼▼▼ メニュー項目の初期透明度とトランジションの定義 (アニメーションの土台) ▼▼▼ */
    opacity: 0;
    transition: opacity 0.4s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /* JavaScriptでこのクラスが付与されたらフェードイン完了 */
  }
  #header #g-nav-list #g-nav ul li.is-loaded-anime {
    opacity: 1 !important;
  }
  #header #g-nav-list #g-nav ul li a {
    color: #ffffff;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: calc(13px + 7 * (100vw - 600px) / 424);
  }
  #header #g-nav-list #g-nav.panelactive {
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: static;
    z-index: 999;
    top: 0;
    width: 100%;
    left: 0;
    height: 100vh;
  }
  #header #g-nav-list #g-nav.panelactive ul {
    opacity: 1;
    display: flex;
    position: static;
    transform: none;
    width: 90%;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    padding-top: 15%;
  }
  #header #g-nav-list.g-nav-list-active {
    display: block;
    position: fixed;
    z-index: 999;
    top: 100%;
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /*リストのレイアウト設定*/
  }
  #header #g-nav-list.g-nav-list-active #g-nav {
    position: static;
    height: auto;
  }
  #header #g-nav-list.g-nav-list-active #g-nav ul li {
    text-align: center;
    list-style: none;
    /* ▼▼▼ メニュー項目の初期透明度とトランジションの定義 (アニメーションの土台) ▼▼▼ */
    opacity: 0;
    transition: opacity 0.4s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /* JavaScriptでこのクラスが付与されたらフェードイン完了 */
  }
  #header #g-nav-list.g-nav-list-active #g-nav ul li.is-loaded-anime {
    opacity: 1 !important;
  }
  #header #g-nav-list.g-nav-list-active #g-nav ul li a {
    color: #ffffff;
    text-decoration: none;
    padding: 3%;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: calc(16px + 7 * (100vw - 600px) / 424);
  }
  #header #g-nav-list.g-nav-list-active #g-nav.panelactive {
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: static;
    z-index: 999;
    top: 0;
    width: 100%;
    left: 0;
    height: 100vh;
  }
  #header #g-nav-list.g-nav-list-active #g-nav.panelactive ul {
    opacity: 1;
    display: flex;
    position: static;
    transform: none;
    width: 90%;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    padding-top: 5%;
  }
  #header {
    /*========= ボタンのためのCSS ===============*/
  }
  #header .openbtn1 {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    /*ボタンを最前面に*/
    cursor: pointer;
    width: 50px;
    height: 50px;
    /*×に変化*/
  }
  #header .openbtn1 span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background-color: #666;
    width: 45%;
  }
  #header .openbtn1 span:nth-of-type(1) {
    top: 15px;
  }
  #header .openbtn1 span:nth-of-type(2) {
    top: 23px;
  }
  #header .openbtn1 span:nth-of-type(3) {
    top: 31px;
  }
  #header .openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
  }
  #header .openbtn1.active span:nth-of-type(2) {
    opacity: 0;
  }
  #header .openbtn1.active span:nth-of-type(3) {
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
  }
  #header.header-hidden {
    transform: translateY(-100%);
    opacity: 0;
  }
  /*丸の拡大*/
  .circle-bg {
    display: block;
    position: fixed;
    z-index: 5;
    /*丸の形*/
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(104, 60, 20, 0.8);
    /*丸のスタート位置と形状*/
    transform: scale(0);
    /*scaleをはじめは0に*/
    bottom: -50px;
    left: calc(50% - 50px);
    /*50%から円の半径を引いた値*/
    transition: all 0.6s;
    /*0.6秒かけてアニメーション*/
  }
  .circle-bg.circleactive {
    transform: scale(50);
    /*クラスが付与されたらscaleを拡大*/
  }
}
/*========================================= レイアウトのためのCSS =======================================*/
@media screen and (min-width: 1025px) {
  #header {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    width: 100%;
    text-align: center;
    aspect-ratio: unset;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 1% 2% 0;
    transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out; /* スライド動作をスムーズにするための追加 */
    /* スライドイン時は opacity: 1 で表示 (デフォルト) */
    opacity: 1;
    will-change: transform, opacity;
    background-image: url(img/header-back06.png);
    background-position: left 70%;
    background-size: 111%;
    background-repeat: no-repeat;
    background-color: #fff;
  }
  #header .header__inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
  #header .header__inner .header__left {
    width: 27%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: unset;
  }
  #header .header__inner .header__left .home-logo,
  #header .header__inner .header__left .logo {
    width: 80%;
    order: 2;
    aspect-ratio: unset;
    padding: 3% 0;
    display: block;
    margin: 0 auto;
  }
  #header .header__inner .header__left .slogan {
    font-size: calc(13px + 20 * (100vw - 1025px) / 1975);
    font-family: "Sawarabi Mincho";
    width: fit-content;
    padding-bottom: 2%;
    order: 1;
    color: #503a31;
    font-weight: 400;
  }
  #header .header__inner .header__right {
    width: 73%;
    position: static;
  }
  #header .header__inner .header__right .tel-text {
    color: #ffffff;
    font-weight: bold;
    background-color: rgb(101, 99, 195);
    padding: 1%;
    width: calc(40% + -78 * (100vw - 1025px) / 1975);
    font-size: calc(14px + 22 * (100vw - 1025px) / 1975);
    margin: 0 0 2% auto;
  }
  #header .header__inner .header__right a:link,
  #header .header__inner .header__right a:hover,
  #header .header__inner .header__right a:visited,
  #header .header__inner .header__right a:active {
    color: #c52250;
    font-size: calc(22px + 44 * (100vw - 1025px) / 1975);
    font-weight: 600;
    margin-left: auto;
    width: calc(40% + 5 * (100vw - 1025px) / 1975);
  }
  #header .header__inner .header__right a:link .tel,
  #header .header__inner .header__right a:hover .tel,
  #header .header__inner .header__right a:visited .tel,
  #header .header__inner .header__right a:active .tel {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1%;
    margin: 0 0 2% auto;
  }
  #header .header__inner .header__right a:link .tel::before,
  #header .header__inner .header__right a:hover .tel::before,
  #header .header__inner .header__right a:visited .tel::before,
  #header .header__inner .header__right a:active .tel::before {
    /* contentは空にするか、アイコンが装飾的な場合は'""'を設定 */
    content: "";
    /* 疑似要素に幅と高さを与えるために必要 */
    display: inline-block;
    /* 疑似要素自体のサイズを設定 */
    width: calc(22px + 44 * (100vw - 1025px) / 1975);
    height: calc(22px + 44 * (100vw - 1025px) / 1975);
    /* 画像を背景として指定 */
    background-image: url("img/SVG/tel-icon.svg");
    /* 背景画像の位置とサイズを調整 */
    background-size: contain; /* 疑似要素のサイズに合わせて全体を表示 */
    background-repeat: no-repeat;
    background-position: center;
    /* 必要に応じて、余白を調整 */
    margin-right: calc(5px + 10 * (100vw - 1025px) / 1975);
    vertical-align: bottom;
  }
  #header .header__inner .header__right .fax {
    width: calc(40% + 5 * (100vw - 1025px) / 1975);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1%;
    margin: 0 0 2% auto;
    color: #477b80;
    font-size: calc(22px + 44 * (100vw - 1025px) / 1975);
    font-weight: 600;
    margin-left: auto;
  }
  #header .header__inner .header__right .fax::before {
    /* contentは空にするか、アイコンが装飾的な場合は'""'を設定 */
    content: "";
    /* 疑似要素に幅と高さを与えるために必要 */
    display: inline-block;
    /* 疑似要素自体のサイズを設定 */
    width: calc(22px + 44 * (100vw - 1025px) / 1975);
    height: calc(22px + 44 * (100vw - 1025px) / 1975);
    /* 画像を背景として指定 */
    background-image: url("img/SVG/fax.svg");
    /* 背景画像の位置とサイズを調整 */
    background-size: contain; /* 疑似要素のサイズに合わせて全体を表示 */
    background-repeat: no-repeat;
    background-position: center;
    /* 必要に応じて、余白を調整 */
    margin-right: calc(5px + 10 * (100vw - 1025px) / 1975);
    vertical-align: bottom;
    color: #477b80;
  }
  #header .header__inner .header__right .inquiry {
    position: static;
    width: calc(45% + 100 * (1025px - 100vw) / 1975);
    height: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5d4d8c;
    /* border: 1px solid #64c; */
    padding: 1px;
    border-radius: calc(9px + 10 * (100vw - 1025px) / 1975);
    outline-offset: calc(-3px + -7 * (100vw - 1025px) / 1975);
    outline: calc(1px + 3 * (100vw - 1025px) / 1975) solid #edb142;
  }
  #header .header__inner .header__right .inquiry a:link,
  #header .header__inner .header__right .inquiry a:visited,
  #header .header__inner .header__right .inquiry a:hover {
    color: #ffffff;
    font-size: calc(16px + 24 * (100vw - 1025px) / 1975);
    font-weight: 500;
  }
  #header .header__inner .header__right {
    /*アクティブになったエリア*/
  }
  #header small {
    color: #fff;
    display: block;
    text-align: center;
  }
  #header #g-nav-list {
    width: 90%;
    margin: 0 auto;
    display: block;
    position: static;
    font-weight: 400;
    height: auto;
    padding: 1% 0 1.5%;
  }
  #header #g-nav-list #g-nav {
    overflow: hidden;
    display: flex;
    position: static;
    height: auto;
    /*ナビゲーション*/
  }
  #header #g-nav-list #g-nav ul {
    display: flex;
    opacity: 1;
    position: static;
    /* z-index: 999; */
    /* top: 50%; */
    /* left: 50%; */
    transform: none;
    /* overflow: hidden; */
    width: 90%;
    justify-content: space-between;
    /* gap: 0%; */
    margin: 0 auto;
  }
  #header #g-nav-list #g-nav ul li {
    /*リストのレイアウト設定*/
    opacity: 1 !important;
    text-align: center;
    list-style: none;
    padding: unset;
  }
  #header #g-nav-list #g-nav ul li a:link,
  #header #g-nav-list #g-nav ul li a:hover,
  #header #g-nav-list #g-nav ul li a:visited,
  #header #g-nav-list #g-nav ul li a:active {
    color: #503a31;
    font-size: calc(16px + 25 * (100vw - 1025px) / 1975);
    font-weight: 500;
    text-decoration: none;
    padding: 0;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
  #header #g-nav-list #g-nav.panelactive {
    display: none;
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
  }
  #header .openbtn1 {
    display: none;
  }
  #header.header-hidden {
    /* transform: translateY(-100%) は、要素自身の高さ（100%）分だけY軸（上方向）に移動させます */
    transform: translateY(-100%);
    /* ★追加ポイント: フェードアウト (完全に透過) */
    opacity: 0;
  }
  /*丸の拡大*/
  .circle-bg {
    display: none;
  }
  .circle-bg.circleactive {
    transform: unset;
    /*クラスが付与されたらscaleを拡大*/
  }
}
@media screen and (min-width: 300px) {
  footer {
    background-image: url(img/footer_back.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 12%;
    padding-bottom: 40%;
    aspect-ratio: unset;
    width: 100%;
    background-position: center bottom;
    position: absolute;
    padding: 26% 0;
    bottom: 0;
  }
  footer .footer__inner {
    width: 90%;
    margin: 0 auto;
    padding-top: calc(4% + 6 * (100vw - 300px) / 299);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  footer .footer__inner .footer__inner--content {
    width: 100%;
  }
  footer .footer__inner .footer__inner--content h2 {
    width: 65%;
    width: calc(65% + -40 * (100vw - 300px) / 299);
    margin: 0 auto 5%;
  }
  footer .footer__inner .footer__inner--content .address {
    width: 58%;
    margin: 0 auto 5%;
  }
  footer .footer__inner .footer__inner--content .address span:nth-child(1) {
    display: inline-block;
    margin-right: 10%;
    font-size: calc(15px + 7 * (100vw - 300px) / 299);
  }
  footer .footer__inner .footer__inner--content .address span:nth-child(2) {
    display: inline-block;
    font-size: calc(15px + 7 * (100vw - 300px) / 299);
  }
  footer .footer__inner .footer__inner--content .tel {
    width: fit-content;
    display: flex;
    margin: 0 auto 5%;
    font-size: calc(22px + 12 * (100vw - 300px) / 299);
    color: #ee1951;
    font-weight: bold;
  }
  footer .footer__inner .footer__inner--content .tel::before {
    /* contentは空にするか、アイコンが装飾的な場合は'""'を設定 */
    content: "";
    /* 疑似要素に幅と高さを与えるために必要 */
    display: inline-block;
    /* 疑似要素自体のサイズを設定 */
    width: calc(22px + 22 * (100vw - 300px) / 299);
    height: calc(22px + 22 * (100vw - 300px) / 299);
    /* 画像を背景として指定 */
    background-image: url("img/SVG/tel-icon.svg");
    /* 背景画像の位置とサイズを調整 */
    background-size: contain; /* 疑似要素のサイズに合わせて全体を表示 */
    background-repeat: no-repeat;
    background-position: center;
    /* 必要に応じて、余白を調整 */
    margin-right: calc(5px + 10 * (100vw - 300px) / 299);
    vertical-align: bottom;
  }
  footer .footer__inner .footer__inner--content .fax {
    width: fit-content;
    display: flex;
    margin: 0 auto 5%;
    font-size: calc(22px + 12 * (100vw - 300px) / 299);
    color: #477b80;
    font-weight: bold;
  }
  footer .footer__inner .footer__inner--content .fax::before {
    /* contentは空にするか、アイコンが装飾的な場合は'""'を設定 */
    content: "";
    /* 疑似要素に幅と高さを与えるために必要 */
    display: inline-block;
    /* 疑似要素自体のサイズを設定 */
    width: calc(22px + 22 * (100vw - 300px) / 299);
    height: calc(22px + 22 * (100vw - 300px) / 299);
    /* 画像を背景として指定 */
    background-image: url("img/SVG/fax.svg");
    /* 背景画像の位置とサイズを調整 */
    background-size: contain; /* 疑似要素のサイズに合わせて全体を表示 */
    background-repeat: no-repeat;
    background-position: center;
    /* 必要に応じて、余白を調整 */
    margin-right: calc(5px + 10 * (100vw - 300px) / 299);
    vertical-align: bottom;
  }
  footer .footer__inner .footer__inner--content .inquiry {
    width: 56%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5d4d8c;
    /* border: 1px solid #64c; */
    padding: 1px;
    border-radius: 9px;
    outline-offset: -3px;
    outline: 1px solid #edb142;
    aspect-ratio: 4/1;
    margin: 0 auto 11%;
  }
  footer .footer__inner .footer__inner--content .inquiry a {
    display: inline-block;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: calc(16px + 6 * (100vw - 300px) / 299);
  }
  footer .footer__inner .footer__inner--content dl {
    display: flex;
    flex-direction: column;
    margin: 0 auto 10%;
    width: 67%;
  }
  footer .footer__inner .footer__inner--content dl dt {
    width: 100%;
    font-size: calc(14px + 7 * (100vw - 300px) / 299);
    padding-bottom: 5%;
    border-bottom: 1px solid #900;
    margin-bottom: 5%;
  }
  footer .footer__inner .footer__inner--content dl dd {
    width: 100%;
  }
  footer .footer__inner .footer__inner--content dl dd p {
    font-size: calc(14px + 7 * (100vw - 300px) / 299);
    margin-bottom: 3%;
  }
  footer .footer__inner .footer__inner--map {
    width: 100%;
    aspect-ratio: 1.5/1;
    line-height: normal;
    border: solid 1px #c4833d;
  }
  footer .footer__inner .footer__inner--map iframe {
    width: 100%;
    height: 100%;
    border: none;
  }
  footer .copyright {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: calc(62px + 71 * (100vw - 300px) / 299);
    background-color: unset;
  }
  footer .copyright small {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    height: 100%;
    color: #fff;
    font-size: calc(11px + 5 * (100vw - 300px) / 299);
  }
}
@media screen and (min-width: 600px) {
  footer {
    background-image: url(img/footer_back.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: unset;
    width: 100%;
    position: absolute;
    padding: 8% 0;
    bottom: 0;
    aspect-ratio: 1.6/1;
  }
  footer .footer__inner {
    width: 86%;
    margin: 0 auto;
    padding-top: calc(4% + 6 * (100vw - 600px) / 424);
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  footer .footer__inner .footer__inner--content {
    width: 46%;
  }
  footer .footer__inner .footer__inner--content h2 {
    width: 76%;
  }
  footer .footer__inner .footer__inner--content .address {
    width: 80%;
    margin: 0 auto 5%;
    line-height: 1;
  }
  footer .footer__inner .footer__inner--content .address span:nth-child(1) {
    display: inline-block;
    margin-right: 10%;
    font-size: calc(14px + 10 * (100vw - 600px) / 424);
  }
  footer .footer__inner .footer__inner--content .address span:nth-child(2) {
    display: inline-block;
    font-size: calc(14px + 10 * (100vw - 600px) / 424);
  }
  footer .footer__inner .footer__inner--content .tel {
    width: fit-content;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 5%;
    font-size: calc(18px + 13 * (100vw - 600px) / 424);
    color: #f73030;
    font-weight: bold;
  }
  footer .footer__inner .footer__inner--content .tel::before {
    /* contentは空にするか、アイコンが装飾的な場合は'""'を設定 */
    content: "";
    /* 疑似要素に幅と高さを与えるために必要 */
    display: inline-block;
    /* 疑似要素自体のサイズを設定 */
    width: calc(22px + 12 * (100vw - 600px) / 424);
    height: calc(22px + 12 * (100vw - 600px) / 424);
    /* 画像を背景として指定 */
    background-image: url("img/SVG/tel-icon.svg");
    /* 背景画像の位置とサイズを調整 */
    background-size: contain; /* 疑似要素のサイズに合わせて全体を表示 */
    background-repeat: no-repeat;
    background-position: center;
    /* 必要に応じて、余白を調整 */
    margin-right: calc(5px + 10 * (100vw - 600px) / 424);
    vertical-align: bottom;
  }
  footer .footer__inner .footer__inner--content .fax {
    color: #477b80;
    font-size: calc(18px + 13 * (100vw - 600px) / 424);
    display: contents;
    display: block;
    width: fit-content;
  }
  footer .footer__inner .footer__inner--content .fax::before {
    /* contentは空にするか、アイコンが装飾的な場合は'""'を設定 */
    content: "";
    /* 疑似要素に幅と高さを与えるために必要 */
    display: inline-block;
    /* 疑似要素自体のサイズを設定 */
    width: calc(25px + 12 * (100vw - 600px) / 424);
    height: calc(25px + 12 * (100vw - 600px) / 424);
    /* 画像を背景として指定 */
    background-image: url("img/SVG/fax.svg");
    /* 背景画像の位置とサイズを調整 */
    background-size: contain; /* 疑似要素のサイズに合わせて全体を表示 */
    background-repeat: no-repeat;
    background-position: center;
    /* 必要に応じて、余白を調整 */
    margin-right: calc(5px + 10 * (100vw - 600px) / 424);
    vertical-align: bottom;
    color: #477b80;
  }
  footer .footer__inner .footer__inner--content .inquiry {
    width: 83%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5d4d8c;
    /* border: 1px solid #64c; */
    padding: 1px;
    border-radius: 9px;
    outline-offset: -3px;
    outline: 1px solid #edb142;
    aspect-ratio: 4/1;
    margin-bottom: 5%;
  }
  footer .footer__inner .footer__inner--content .inquiry a {
    display: inline-block;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: calc(16px + 12 * (100vw - 600px) / 424);
  }
  footer .footer__inner .footer__inner--content dl {
    display: flex;
    width: 80%;
  }
  footer .footer__inner .footer__inner--content dl dt {
    width: 100%;
    font-size: calc(16px + 12 * (100vw - 600px) / 424);
  }
  footer .footer__inner .footer__inner--content dl dd {
    width: 100%;
  }
  footer .footer__inner .footer__inner--content dl dd p {
    font-size: calc(16px + 12 * (100vw - 600px) / 424);
  }
  footer .footer__inner .footer__inner--map {
    width: 45vw;
    margin: 0 0 5% 5%;
    /* aspect-ratio: 4 / 1; */
    border: solid 1px #c4833d;
  }
  footer .footer__inner .footer__inner--map iframe {
    width: 100%;
    height: 100%;
    border: none;
  }
  footer .copyright {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: calc(31px + 17 * (100vw - 600px) / 424);
  }
  footer .copyright small {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    height: 100%;
    font-size: calc(11px + 4 * (100vw - 600px) / 424);
  }
}
@media screen and (min-width: 1025px) {
  footer {
    background-image: url(img/footer_back.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/859;
    width: 100%;
    position: absolute;
    padding: 0%;
    bottom: 0;
  }
  footer .footer__inner {
    width: 75%;
    margin: 0 auto;
    padding-top: calc(4% + 6 * (100vw - 1025px) / 1975);
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  footer .footer__inner .footer__inner--content {
    width: 42%;
  }
  footer .footer__inner .footer__inner--content h2 {
    width: 70%;
  }
  footer .footer__inner .footer__inner--content .address {
    margin-bottom: 5%;
  }
  footer .footer__inner .footer__inner--content .address span:nth-child(1) {
    display: inline-block;
    margin-right: 10%;
    font-size: calc(16px + 23 * (100vw - 1025px) / 1975);
  }
  footer .footer__inner .footer__inner--content .address span:nth-child(2) {
    display: inline-block;
    font-size: calc(16px + 23 * (100vw - 1025px) / 1975);
  }
  footer .footer__inner .footer__inner--content .tel {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5%;
    font-size: calc(22px + 44 * (100vw - 1025px) / 1975);
    color: #f73030;
    font-weight: bold;
  }
  footer .footer__inner .footer__inner--content .tel::before {
    /* contentは空にするか、アイコンが装飾的な場合は'""'を設定 */
    content: "";
    /* 疑似要素に幅と高さを与えるために必要 */
    display: inline-block;
    /* 疑似要素自体のサイズを設定 */
    width: calc(22px + 44 * (100vw - 1025px) / 1975);
    height: calc(22px + 44 * (100vw - 1025px) / 1975);
    /* 画像を背景として指定 */
    background-image: url("img/SVG/tel-icon.svg");
    /* 背景画像の位置とサイズを調整 */
    background-size: contain; /* 疑似要素のサイズに合わせて全体を表示 */
    background-repeat: no-repeat;
    background-position: center;
    /* 必要に応じて、余白を調整 */
    margin-right: calc(5px + 10 * (100vw - 1025px) / 1975);
    vertical-align: bottom;
  }
  footer .footer__inner .footer__inner--content .fax {
    display: flex;
    width: fit-content;
    justify-content: center;
    align-items: center;
    padding-left: 1%;
    color: #477b80;
    font-size: calc(22px + 44 * (100vw - 1025px) / 1975);
    font-weight: 600;
    margin-bottom: 5%;
  }
  footer .footer__inner .footer__inner--content .fax::before {
    /* contentは空にするか、アイコンが装飾的な場合は'""'を設定 */
    content: "";
    /* 疑似要素に幅と高さを与えるために必要 */
    display: inline-block;
    /* 疑似要素自体のサイズを設定 */
    width: calc(22px + 44 * (100vw - 1025px) / 1975);
    height: calc(22px + 44 * (100vw - 1025px) / 1975);
    /* 画像を背景として指定 */
    background-image: url("img/SVG/fax.svg");
    /* 背景画像の位置とサイズを調整 */
    background-size: contain; /* 疑似要素のサイズに合わせて全体を表示 */
    background-repeat: no-repeat;
    background-position: center;
    /* 必要に応じて、余白を調整 */
    margin-right: calc(5px + 10 * (100vw - 600px) / 424);
    vertical-align: bottom;
    color: #477b80;
  }
  footer .footer__inner .footer__inner--content .inquiry {
    width: 83%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5d4d8c;
    /* border: 1px solid #64c; */
    padding: 1px;
    border-radius: calc(9px + 22 * (100vw - 1025px) / 1975);
    outline-offset: calc(-4px + -8 * (100vw - 1025px) / 1975);
    outline: 1px solid #edb142;
    aspect-ratio: 4/1;
    margin-bottom: 5%;
  }
  footer .footer__inner .footer__inner--content .inquiry a {
    display: inline-block;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
  }
  footer .footer__inner .footer__inner--content dl {
    display: flex;
    justify-content: space-evenly;
    width: 80%;
  }
  footer .footer__inner .footer__inner--content dl dt {
    width: 100%;
    font-size: calc(16px + 23 * (100vw - 1025px) / 1975);
  }
  footer .footer__inner .footer__inner--content dl dd {
    width: 100%;
  }
  footer .footer__inner .footer__inner--content dl dd p {
    font-size: calc(16px + 23 * (100vw - 1025px) / 1975);
  }
  footer .footer__inner .footer__inner--map {
    width: 56% vw;
    margin: 0 0 5% 3%;
    /* aspect-ratio: 4 / 1; */
    border: solid 1px #c4833d;
  }
  footer .footer__inner .footer__inner--map iframe {
    width: 100%;
    height: 100%;
    border: none;
  }
  footer .copyright {
    position: absolute;
    bottom: 3%;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: calc(14px + 16 * (100vw - 1025px) / 1975);
    background-color: unset;
  }
  footer .copyright small {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    height: 100%;
    color: #fff;
    font-size: calc(14px + 20 * (100vw - 1025px) / 1975);
  }
}
@media screen and (min-width: 300px) {
  .sidebar {
    width: 90%;
    margin: 0 auto;
  }
  .sidebar .search-form-widget {
    margin-bottom: 15%;
  }
  .sidebar .search-form-widget h2 {
    background-color: #a39f7d;
    color: #fff;
    text-align: center;
    font-size: calc(14px + 6 * (100vw - 300px) / 299);
    width: 100%;
    padding: 3% 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10%;
  }
  .sidebar .search-form-widget .search-form {
    display: flex;
    flex-direction: column;
    /* gap: unset; */
    align-items: center;
  }
  .sidebar .search-form-widget .search-form label {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .sidebar .search-form-widget .search-form label .screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
  }
  .sidebar .search-form-widget .search-form label .search-field {
    width: 100%;
    margin: 4% auto;
    aspect-ratio: 8/1;
    border-radius: 0.5vw;
    margin: 0 auto;
    font-size: calc(14px + 3 * (100vw - 300px) / 299);
  }
  .sidebar .search-form-widget .search-form .search-submit {
    width: 50%;
    margin: 4% auto;
    aspect-ratio: 5/1;
    font-size: calc(14px + 3 * (100vw - 300px) / 299);
    border-radius: 0.5vw;
    border: 2px solid #447abf;
    background: #c9edff;
  }
  .sidebar .calendar-widget {
    margin-bottom: 15%;
    font-size: calc(10px + 4 * (100vw - 300px) / 299);
  }
  .sidebar .calendar-widget h2 {
    background-color: #a39f7d;
    color: #fff;
    text-align: center;
    font-size: calc(14px + 6 * (100vw - 300px) / 299);
    width: 100%;
    padding: 3% 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10%;
  }
  .sidebar .calendar-widget .side_widget {
    margin-bottom: 0;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar {
    text-align: center;
    width: 100%;
    aspect-ratio: 4/3;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table {
    color: #1f5a9e;
    aspect-ratio: 2/1;
    margin-bottom: 3%;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table caption {
    margin-bottom: 5%;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table td a:link,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table td a:valid,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table td a:hover,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table td a:active {
    color: #f17615 !important;
    font-weight: bold;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-nav span a:link,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-nav span a:valid,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-nav span a:hover,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-nav span a:active {
    color: #f17615 !important;
    font-weight: bold;
  }
  .sidebar .single-post-meta h2 {
    background-color: #a39f7d;
    color: #fff;
    text-align: center;
    font-size: calc(13px + 3 * (100vw - 300px) / 299);
    width: 100%;
    padding: 3% 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10%;
  }
  .sidebar .single-post-meta ul li:nth-child(1) {
    margin-bottom: 5%;
    font-size: calc(13px + 3 * (100vw - 300px) / 299);
  }
  .sidebar .single-post-meta ul li:nth-child(1) strong {
    color: #837147;
  }
  .sidebar .single-post-meta ul li:nth-child(2) {
    margin-bottom: 5%;
    font-size: calc(13px + 3 * (100vw - 300px) / 299);
  }
  .sidebar .single-post-meta ul li:nth-child(2) strong {
    color: #837147;
  }
  .sidebar .single-post-meta ul li:nth-child(2) span a:link,
  .sidebar .single-post-meta ul li:nth-child(2) span a:hover,
  .sidebar .single-post-meta ul li:nth-child(2) span a:valid,
  .sidebar .single-post-meta ul li:nth-child(2) span a:active {
    color: #005ec4 !important;
    font-weight: 400;
    font-size: calc(13px + 3 * (100vw - 300px) / 299);
  }
}
@media screen and (min-width: 600px) {
  .sidebar {
    width: 30%;
  }
  .sidebar .search-form-widget {
    margin-bottom: 15%;
  }
  .sidebar .search-form-widget h2 {
    background-color: #a39f7d;
    color: #fff;
    text-align: center;
    font-size: calc(14px + 6 * (100vw - 600px) / 424);
    width: 100%;
    padding: 3% 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10%;
  }
  .sidebar .search-form-widget .search-form {
    display: flex;
    flex-direction: column;
    /* gap: unset; */
    align-items: center;
  }
  .sidebar .search-form-widget .search-form label {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .sidebar .search-form-widget .search-form label .screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
  }
  .sidebar .search-form-widget .search-form label .search-field {
    width: 100%;
    margin: 4% auto;
    aspect-ratio: 8/1;
    border-radius: 0.5vw;
    margin: 0 auto;
    font-size: calc(14px + 3 * (100vw - 600px) / 424);
  }
  .sidebar .search-form-widget .search-form .search-submit {
    width: 50%;
    margin: 4% auto;
    aspect-ratio: 5/1;
    font-size: calc(14px + 3 * (100vw - 600px) / 424);
    border-radius: 0.5vw;
    border: 2px solid #447abf;
    background: #c9edff;
  }
  .sidebar .calendar-widget {
    margin-bottom: 15%;
    font-size: calc(10px + 4 * (100vw - 600px) / 424);
  }
  .sidebar .calendar-widget h2 {
    background-color: #a39f7d;
    color: #fff;
    text-align: center;
    font-size: calc(14px + 6 * (100vw - 600px) / 424);
    width: 100%;
    padding: 3% 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10%;
  }
  .sidebar .calendar-widget .side_widget {
    margin-bottom: 0;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar {
    text-align: center;
    width: 100%;
    aspect-ratio: 4/3;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table {
    color: #1f5a9e;
    aspect-ratio: 2/1;
    margin-bottom: 3%;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table caption {
    margin-bottom: 5%;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table td a:link,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table td a:valid,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table td a:hover,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table td a:active {
    color: #f17615 !important;
    font-weight: bold;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-nav span a:link,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-nav span a:valid,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-nav span a:hover,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-nav span a:active {
    color: #f17615 !important;
    font-weight: bold;
  }
  .sidebar .single-post-meta h2 {
    background-color: #a39f7d;
    color: #fff;
    text-align: center;
    font-size: calc(13px + 3 * (100vw - 600px) / 424);
    width: 100%;
    padding: 3% 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10%;
  }
  .sidebar .single-post-meta ul li:nth-child(1) {
    margin-bottom: 5%;
    font-size: calc(13px + 3 * (100vw - 600px) / 424);
  }
  .sidebar .single-post-meta ul li:nth-child(1) strong {
    color: #837147;
  }
  .sidebar .single-post-meta ul li:nth-child(2) {
    margin-bottom: 5%;
    font-size: calc(13px + 3 * (100vw - 600px) / 424);
  }
  .sidebar .single-post-meta ul li:nth-child(2) strong {
    color: #837147;
  }
  .sidebar .single-post-meta ul li:nth-child(2) span a:link,
  .sidebar .single-post-meta ul li:nth-child(2) span a:hover,
  .sidebar .single-post-meta ul li:nth-child(2) span a:valid,
  .sidebar .single-post-meta ul li:nth-child(2) span a:active {
    color: #005ec4 !important;
    font-weight: 400;
    font-size: calc(13px + 3 * (100vw - 600px) / 424);
  }
}
@media screen and (min-width: 1025px) {
  .sidebar {
    width: 30%;
  }
  .sidebar .search-form-widget {
    margin-bottom: 15%;
  }
  .sidebar .search-form-widget h2 {
    background-color: #a39f7d;
    color: #fff;
    text-align: center;
    font-size: calc(14px + 24 * (100vw - 1025px) / 1975);
    width: 100%;
    padding: 2% 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5%;
  }
  .sidebar .search-form-widget .search-form {
    display: flex;
    flex-direction: column;
    /* gap: unset; */
    align-items: center;
  }
  .sidebar .search-form-widget .search-form label {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .sidebar .search-form-widget .search-form label .screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
  }
  .sidebar .search-form-widget .search-form label .search-field {
    width: 75%;
    margin: 4% auto;
    aspect-ratio: 8/1;
    border-radius: 0.5vw;
    margin: 0 auto;
    font-size: calc(16px + 20 * (100vw - 1025px) / 1975);
  }
  .sidebar .search-form-widget .search-form .search-submit {
    width: 50%;
    margin: 4% auto;
    aspect-ratio: 5/1;
    font-size: calc(16px + 20 * (100vw - 1025px) / 1975);
    border-radius: 0.5vw;
    border: 2px solid #447abf;
    background: #c9edff;
  }
  .sidebar .calendar-widget {
    margin-bottom: 0;
    font-size: calc(13px + 17 * (100vw - 1025px) / 1975);
  }
  .sidebar .calendar-widget h2 {
    background-color: #a39f7d;
    color: #fff;
    text-align: center;
    font-size: calc(14px + 24 * (100vw - 1025px) / 1975);
    width: 100%;
    padding: 1% 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5%;
  }
  .sidebar .calendar-widget .side_widget {
    margin-bottom: 0;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar {
    text-align: center;
    width: 100%;
    aspect-ratio: 4/3;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table {
    color: #1f5a9e;
    aspect-ratio: 2/1;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table td a:link,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table td a:valid,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table td a:hover,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-table td a:active {
    color: #f17615 !important;
    font-weight: bold;
  }
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-nav span a:link,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-nav span a:valid,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-nav span a:hover,
  .sidebar .calendar-widget .side_widget .wp-block-calendar .wp-calendar-nav span a:active {
    color: #f17615 !important;
    font-weight: bold;
  }
  .sidebar .single-post-meta h2 {
    background-color: #a39f7d;
    color: #fff;
    text-align: center;
    font-size: calc(14px + 24 * (100vw - 1025px) / 1975);
    width: 100%;
    padding: 1% 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5%;
  }
  .sidebar .single-post-meta ul li:nth-child(1) {
    margin-bottom: 5%;
    font-size: calc(16px + 20 * (100vw - 1025px) / 1975);
  }
  .sidebar .single-post-meta ul li:nth-child(1) strong {
    color: #837147;
  }
  .sidebar .single-post-meta ul li:nth-child(2) {
    margin-bottom: 5%;
    font-size: calc(16px + 20 * (100vw - 1025px) / 1975);
  }
  .sidebar .single-post-meta ul li:nth-child(2) strong {
    color: #837147;
  }
  .sidebar .single-post-meta ul li:nth-child(2) span a:link,
  .sidebar .single-post-meta ul li:nth-child(2) span a:hover,
  .sidebar .single-post-meta ul li:nth-child(2) span a:valid,
  .sidebar .single-post-meta ul li:nth-child(2) span a:active {
    color: #005ec4 !important;
    font-weight: 400;
  }
}
.single {
  padding-bottom: calc(200% + 50 * (300px - 100vw) / 299);
}
@media screen and (min-width: 300px) {
  .single main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 5%;
  }
  .single main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 60%;
  }
  .single main .singe_inner {
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
    display: flex;
    justify-content: unset;
  }
  .single main .singe_inner .content-area {
    width: 100%;
  }
  .single main .singe_inner .content-area article {
    width: 100%;
  }
  .single main .singe_inner .content-area article .entry-header {
    display: flex;
    flex-direction: column-reverse;
  }
  .single main .singe_inner .content-area article h1.entry-title {
    width: 90%;
    margin: 0 auto;
    padding: 5% 0;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(16px + 8 * (100vw - 300px) / 299);
  }
  .single main .singe_inner .content-area article .post-thumbnail {
    width: 90%;
    margin: 0 auto;
  }
  .single main .singe_inner .content-area article .post-thumbnail img {
    border-radius: 1vw;
  }
  .single main .singe_inner .content-area article .entry-content {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    border-bottom: 1px solid #bf9e6a;
    width: 90%;
    margin: 0 auto;
  }
  .single main .singe_inner .content-area article .entry-content p {
    line-height: 2;
    font-size: calc(13px + 3 * (100vw - 300px) / 299);
    color: #362d17;
  }
  .single main .singe_inner .content-area .nav-previous-sp {
    display: block;
  }
  .single main .singe_inner .content-area .nav-previous-sp .post-navigation .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  .single main .singe_inner .content-area .nav-previous-sp .post-navigation .nav-links .nav-previous,
  .single main .singe_inner .content-area .nav-previous-sp .post-navigation .nav-links .nav-next {
    font-size: calc(12px + 2 * (100vw - 300px) / 299);
  }
  .single main .singe_inner .content-area .nav-previous-sp .post-navigation .nav-links .nav-previous a:link,
  .single main .singe_inner .content-area .nav-previous-sp .post-navigation .nav-links .nav-previous a:hover,
  .single main .singe_inner .content-area .nav-previous-sp .post-navigation .nav-links .nav-previous a:visited,
  .single main .singe_inner .content-area .nav-previous-sp .post-navigation .nav-links .nav-previous a:active,
  .single main .singe_inner .content-area .nav-previous-sp .post-navigation .nav-links .nav-next a:link,
  .single main .singe_inner .content-area .nav-previous-sp .post-navigation .nav-links .nav-next a:hover,
  .single main .singe_inner .content-area .nav-previous-sp .post-navigation .nav-links .nav-next a:visited,
  .single main .singe_inner .content-area .nav-previous-sp .post-navigation .nav-links .nav-next a:active {
    color: #0072b7;
  }
  .single main .nav-previous-pc {
    display: none;
    width: fit-content;
    margin: 5% auto;
  }
  .single main .nav-previous-pc nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  .single main .nav-previous-pc nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
}

@media screen and (min-width: 600px) {
  .single {
    padding-bottom: calc(60% + 20 * (600px - 100vw) / 424);
  }
  .single main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 5%;
  }
  .single main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 20%;
  }
  .single main .singe_inner {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .single main .singe_inner .content-area {
    width: 65%;
  }
  .single main .singe_inner .content-area article {
    width: 100%;
  }
  .single main .singe_inner .content-area article .entry-header {
    display: flex;
    flex-direction: column-reverse;
  }
  .single main .singe_inner .content-area article h1.entry-title {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(18px + 8 * (100vw - 600px) / 424);
  }
  .single main .singe_inner .content-area article .post-thumbnail {
    width: 90%;
    margin: 0 auto;
  }
  .single main .singe_inner .content-area article .post-thumbnail img {
    border-radius: 1vw;
  }
  .single main .singe_inner .content-area article .entry-content {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    border-bottom: 1px solid #bf9e6a;
  }
  .single main .singe_inner .content-area article .entry-content p {
    line-height: 2;
    color: #362d17;
    font-size: calc(14px + 4 * (100vw - 600px) / 424);
  }
  .single main .singe_inner .content-area .nav-previous-sp {
    display: block;
  }
  .single main .singe_inner .content-area .nav-previous-sp nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
    font-size: calc(13px + 3 * (100vw - 600px) / 424);
  }
  .single main .singe_inner .content-area .nav-previous-sp nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
  .single main .singe_inner nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  .single main .singe_inner nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
  .single main .nav-previous-pc {
    display: none;
    width: fit-content;
    margin: 5% auto;
  }
  .single main .nav-previous-pc nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  .single main .nav-previous-pc nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
}
@media screen and (min-width: 1025px) {
  .single {
    padding-bottom: calc(33% + 5 * (100vw - 1025px) / 1975);
  }
  .single main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 5%;
  }
  .single main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 20%;
  }
  .single main .singe_inner {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .single main .singe_inner .content-area {
    width: 65%;
  }
  .single main .singe_inner .content-area article {
    width: 100%;
  }
  .single main .singe_inner .content-area article .entry-header {
    display: flex;
    flex-direction: column-reverse;
  }
  .single main .singe_inner .content-area article .entry-header h1.entry-title {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(21px + 27 * (100vw - 1025px) / 1975);
  }
  .single main .singe_inner .content-area article .entry-header .post-thumbnail {
    width: 90%;
    margin: 0 auto;
  }
  .single main .singe_inner .content-area article .entry-header .post-thumbnail img {
    border-radius: 1vw;
  }
  .single main .singe_inner .content-area article .entry-content {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    border-bottom: 1px solid #bf9e6a;
  }
  .single main .singe_inner .content-area article .entry-content h3 {
    font-size: calc(14px + 36 * (100vw - 1025px) / 1975);
    color: #ffffff;
    background-color: #99917e;
    padding: 1%;
    margin: 0 auto 5%;
  }
  .single main .singe_inner .content-area article .entry-content h4 {
    font-size: calc(14px + 36 * (100vw - 1025px) / 1975);
    color: #69581e;
    margin: 0 auto 3%;
  }
  .single main .singe_inner .content-area article .entry-content p {
    line-height: 2;
    font-size: calc(14px + 20 * (100vw - 1025px) / 1975);
    color: #413c2b;
    margin: 0 auto 3%;
    color: #362d17;
  }
  .single main .singe_inner .content-area .nav-previous-sp {
    display: none;
  }
  .single main .nav-previous-pc {
    display: block;
    width: fit-content;
    margin: 5% auto;
    font-size: calc(16px + 7 * (100vw - 1025px) / 1975);
  }
  .single main .nav-previous-pc nav.post-navigation .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  .single main .nav-previous-pc nav.post-navigation .nav-links .nav-previous a {
    color: #d36100;
    font-size: calc(14px + 20 * (100vw - 1025px) / 1975);
  }
  .single main .nav-previous-pc nav.post-navigation .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
  .single main .nav-previous-pc nav.post-navigation .nav-links .nav-next a {
    color: #d36100;
    font-size: calc(14px + 20 * (100vw - 1025px) / 1975);
  }
}
@media screen and (min-width: 300px) {
  body main .menu_bottom h2 {
    background-image: url(img/menu__title-back.svg);
    width: 100%;
    padding-bottom: 10%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(20px + 14 * (100vw - 300px) / 299);
    aspect-ratio: 1365/325;
    text-align: center;
  }
  body main .menu_bottom ul {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10%;
    flex-direction: column;
  }
  body main .menu_bottom ul li {
    width: 100%;
    padding: 2% 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
  body main .menu_bottom ul li a {
    font-family: "Noto Serif JP", serif;
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    color: #6a4b3f;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
  }
}
@media screen and (min-width: 600px) {
  body main .menu_bottom h2 {
    background-image: url(img/menu__title-back.svg);
    width: 78%;
    padding-bottom: 3%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 14 * (100vw - 600px) / 424);
    aspect-ratio: 1365/325;
    text-align: center;
  }
  body main .menu_bottom ul {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  body main .menu_bottom ul li {
    width: 33%;
    padding: 2% 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
  body main .menu_bottom ul li a {
    font-family: "Noto Serif JP", serif;
    font-size: calc(12px + 5 * (100vw - 600px) / 424);
    color: #6a4b3f;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
  }
}
@media screen and (min-width: 1025px) {
  body main .menu_bottom h2 {
    background-image: url(img/menu__title-back.svg);
    width: 60%;
    padding-bottom: 3%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 46 * (100vw - 1025px) / 1975);
    aspect-ratio: 1365/325;
    text-align: center;
  }
  body main .menu_bottom ul {
    width: 75%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10%;
    flex-direction: row;
  }
  body main .menu_bottom ul li {
    width: fit-content;
    padding: 1% 0;
  }
  body main .menu_bottom ul li a {
    font-family: "Noto Serif JP", serif;
    font-size: calc(12px + 23 * (100vw - 1025px) / 1975);
    font-weight: 600;
    color: #6a4b3f;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
}

@media screen and (min-width: 300px) {
  .date {
    padding-bottom: calc(180% + -20 * (100vw - 300px) / 299);
  }
  .date main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 5%;
  }
  .date main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 50%;
  }
  .date main .date_inner {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: unset;
  }
  .date main .date_inner .content-area {
    width: 100%;
  }
  .date main .date_inner .content-area .post-list article {
    width: 100%;
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title a:link,
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title a:hover,
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title a:visited,
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title a:active {
    width: 90%;
    margin: 0 auto;
    padding: 5% 0;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(16px + 8 * (100vw - 300px) / 299);
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-summary {
    margin-bottom: 5%;
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-summary p {
    line-height: 2;
    margin: 0 auto 3%;
    line-height: 2;
    font-size: calc(13px + 3 * (100vw - 300px) / 299);
    color: #362d17;
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-meta {
    margin-bottom: 5%;
    font-size: calc(12px + 16 * (100vw - 300px) / 299);
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-meta .category-links {
    margin-bottom: 5%;
  }
  .date main .date_inner .content-area .nav-previous-sp {
    display: none;
  }
  .date main .nav-previous-pc {
    display: block;
    width: fit-content;
    margin: 5% auto;
  }
  .date main .nav-previous-pc nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  .date main .nav-previous-pc nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
}
@media screen and (min-width: 600px) {
  .date {
    padding-bottom: calc(60% + 30 * (100vw - 600px) / 424);
  }
  .date main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 5%;
  }
  .date main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 20%;
  }
  .date main .date_inner {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .date main .date_inner .content-area {
    width: 65%;
  }
  .date main .date_inner .content-area .post-list article {
    width: 100%;
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title a:link,
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title a:hover,
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title a:visited,
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title a:active {
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(21px + 27 * (100vw - 600px) / 424);
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-summary p {
    line-height: 2;
    font-size: calc(12px + 16 * (100vw - 600px) / 424);
    color: #413c2b;
    margin: 0 auto 3%;
    color: #362d17;
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-meta {
    font-size: calc(12px + 16 * (100vw - 600px) / 424);
  }
  .date main .date_inner .content-area .nav-previous-sp {
    display: none;
  }
  .date main .nav-previous-pc {
    display: block;
    width: fit-content;
    margin: 5% auto;
  }
  .date main .nav-previous-pc nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  .date main .nav-previous-pc nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
}
@media screen and (min-width: 1025px) {
  .date {
    padding-bottom: calc(32% + 58 * (100vw - 1025px) / 1975);
  }
  .date main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 5%;
  }
  .date main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 20%;
  }
  .date main .date_inner {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .date main .date_inner .content-area {
    width: 65%;
  }
  .date main .date_inner .content-area .post-list article {
    width: 100%;
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title a:link,
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title a:hover,
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title a:visited,
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-header .entry-title a:active {
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(21px + 27 * (100vw - 1025px) / 1975);
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-summary p {
    line-height: 2;
    font-size: calc(12px + 16 * (100vw - 1025px) / 1975);
    color: #413c2b;
    margin: 0 auto 3%;
    color: #362d17;
  }
  .date main .date_inner .content-area .post-list article .post-item-inner .post-content-wrap .entry-meta {
    font-size: calc(12px + 16 * (100vw - 1025px) / 1975);
  }
  .date main .date_inner .content-area .nav-previous-sp {
    display: none;
  }
  .date main .nav-previous-pc {
    display: block;
    width: fit-content;
    margin: 5% auto;
  }
  .date main .nav-previous-pc nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  .date main .nav-previous-pc nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
}
@media screen and (min-width: 300px) {
  body.category {
    padding-bottom: calc(200% + -55 * (100vw - 300px) / 299);
  }
  body.category main.main-category {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 5%;
  }
  body.category main.main-category::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 50%;
  }
  body.category main.main-category .category_inner {
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
    display: flex;
    justify-content: unset;
  }
  body.category main.main-category .category_inner .content-area {
    width: 100%;
  }
  body.category main.main-category .category_inner .content-area .category-header h1.category-title {
    background-image: url(img/osusume__title-back.svg);
    width: 100%;
    padding-bottom: 3%;
    margin: 0 auto 15%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 7/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(20px + 14 * (100vw - 300px) / 299);
  }
  body.category main.main-category .category_inner .content-area .post-list article {
    width: 100%;
    margin-bottom: 20%;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header {
    display: flex;
    flex-direction: column-reverse;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title {
    width: 90%;
    margin: 0 auto;
    padding: 5% 0;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(16px + 8 * (100vw - 300px) / 299);
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title a:link,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title a:hover,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title a:visited,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title a:active {
    color: #6d5023;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-summary {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    width: 90%;
    margin: 0 auto;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-summary p {
    line-height: 2;
    font-size: calc(13px + 3 * (100vw - 300px) / 299);
    color: #362d17;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    border-bottom: 1px solid #bf9e6a;
    width: 90%;
    margin: 0 auto;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .posted-on {
    font-size: calc(13px + 3 * (100vw - 300px) / 299);
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .cat-links a:link,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .cat-links a:hover,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .cat-links a:visited,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .cat-links a:active {
    color: #005ec4;
    font-size: calc(13px + 3 * (100vw - 300px) / 299);
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-thumbnail {
    width: 90%;
    margin: 0 auto;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-thumbnail img {
    border-radius: 1vw;
  }
  body.category main.main-category .category_inner .content-area .post-list article .category-content {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    border-bottom: 1px solid #bf9e6a;
  }
  body.category main.main-category .category_inner .content-area .post-list article .category-content p {
    line-height: 2;
    font-size: calc(13px + 3 * (100vw - 300px) / 299);
    color: #362d17;
  }
  body.category main.main-category .category_inner .content-area .nav-previous-sp {
    display: block;
  }
  body.category main.main-category .category_inner .content-area .nav-previous-sp nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  body.category main.main-category .category_inner .content-area .nav-previous-sp nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
  body.category main.main-category .category_inner nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  body.category main.main-category .category_inner nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
  body.category main.main-category .nav-previous-pc {
    display: none;
    width: fit-content;
    margin: 5% auto;
  }
  body.category main.main-category .nav-previous-pc nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  body.category main.main-category .nav-previous-pc nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
}
@media screen and (min-width: 600px) {
  body.category {
    padding-bottom: calc(70% + -20 * (100vw - 600px) / 424);
  }
  body.category main.main-category {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 5%;
  }
  body.category main.main-category::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 25%;
  }
  body.category main.main-category .category_inner {
    width: 90%;
    margin: 0 auto;
    flex-direction: row;
    display: flex;
    justify-content: unset;
  }
  body.category main.main-category .category_inner .content-area {
    width: 65%;
  }
  body.category main.main-category .category_inner .content-area .category-header h1.category-title {
    background-image: url(img/osusume__title-back.svg);
    width: 100%;
    padding-bottom: 3%;
    margin: 0 auto 15%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 7/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(20px + 14 * (100vw - 600px) / 424);
  }
  body.category main.main-category .category_inner .content-area .post-list article {
    width: 100%;
    margin-bottom: 20%;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header {
    display: flex;
    flex-direction: column-reverse;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title {
    width: 90%;
    margin: 0 auto;
    padding: 5% 0;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(16px + 8 * (100vw - 600px) / 424);
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title a:link,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title a:hover,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title a:visited,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title a:active {
    color: #6d5023;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-summary {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    width: 90%;
    margin: 0 auto;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-summary p {
    line-height: 2;
    font-size: calc(13px + 3 * (100vw - 600px) / 424);
    color: #362d17;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    border-bottom: 1px solid #bf9e6a;
    width: 90%;
    margin: 0 auto;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .posted-on {
    font-size: calc(13px + 3 * (100vw - 600px) / 424);
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .cat-links a:link,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .cat-links a:hover,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .cat-links a:visited,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .cat-links a:active {
    color: #005ec4;
    font-size: calc(13px + 3 * (100vw - 600px) / 424);
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-thumbnail {
    width: 90%;
    margin: 0 auto;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-thumbnail img {
    border-radius: 1vw;
  }
  body.category main.main-category .category_inner .content-area .post-list article .category-content {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    border-bottom: 1px solid #bf9e6a;
  }
  body.category main.main-category .category_inner .content-area .post-list article .category-content p {
    line-height: 2;
    font-size: calc(13px + 3 * (100vw - 600px) / 424);
    color: #362d17;
  }
  body.category main.main-category .category_inner .content-area .nav-previous-sp {
    display: block;
  }
  body.category main.main-category .category_inner .content-area .nav-previous-sp nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  body.category main.main-category .category_inner .content-area .nav-previous-sp nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
  body.category main.main-category .category_inner nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  body.category main.main-category .category_inner nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
  body.category main.main-category .nav-previous-pc {
    display: none;
    width: fit-content;
    margin: 5% auto;
  }
  body.category main.main-category .nav-previous-pc nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  body.category main.main-category .nav-previous-pc nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
}
@media screen and (min-width: 1025px) {
  body.category {
    padding-bottom: calc(35% + -45 * (100vw - 1025px) / 1975);
  }
  body.category main.main-category {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 5%;
  }
  body.category main.main-category::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 25%;
  }
  body.category main.main-category .category_inner {
    width: 90%;
    margin: 0 auto;
    flex-direction: row;
    display: flex;
    justify-content: unset;
  }
  body.category main.main-category .category_inner .content-area {
    width: 65%;
  }
  body.category main.main-category .category_inner .content-area .category-header h1.category-title {
    background-image: url(img/osusume__title-back.svg);
    width: 100%;
    padding-bottom: 3%;
    margin: 0 auto 15%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 7/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(30px + 50 * (100vw - 1025px) / 1975);
  }
  body.category main.main-category .category_inner .content-area .post-list article {
    width: 100%;
    margin-bottom: 20%;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header {
    display: flex;
    flex-direction: column-reverse;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title {
    width: 90%;
    margin: 0 auto;
    padding: 5% 0;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(18px + 40 * (100vw - 1025px) / 1975);
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title a:link,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title a:hover,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title a:visited,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-header h2.entry-title a:active {
    color: #6d5023;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-summary {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    width: 90%;
    margin: 0 auto;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-summary p {
    line-height: 2;
    font-size: calc(14px + 22 * (100vw - 1025px) / 1975);
    color: #362d17;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    border-bottom: 1px solid #bf9e6a;
    width: 90%;
    margin: 0 auto;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .posted-on {
    font-size: calc(13px + 20 * (100vw - 1025px) / 1975);
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .cat-links a:link,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .cat-links a:hover,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .cat-links a:visited,
  body.category main.main-category .category_inner .content-area .post-list article .post-item-inner .post-content-wrap .category-meta .cat-links a:active {
    color: #005ec4;
    font-size: calc(13px + 20 * (100vw - 1025px) / 1975);
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-thumbnail {
    width: 90%;
    margin: 0 auto;
  }
  body.category main.main-category .category_inner .content-area .post-list article .post-thumbnail img {
    border-radius: 1vw;
  }
  body.category main.main-category .category_inner .content-area .post-list article .category-content {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    border-bottom: 1px solid #bf9e6a;
  }
  body.category main.main-category .category_inner .content-area .post-list article .category-content p {
    line-height: 2;
    font-size: calc(14px + 22 * (100vw - 1025px) / 1975);
    color: #362d17;
  }
  body.category main.main-category .category_inner .content-area .nav-previous-sp {
    display: block;
  }
  body.category main.main-category .category_inner .content-area .nav-previous-sp nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  body.category main.main-category .category_inner .content-area .nav-previous-sp nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
  body.category main.main-category .category_inner nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  body.category main.main-category .category_inner nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
  body.category main.main-category .nav-previous-pc {
    display: none;
    width: fit-content;
    margin: 5% auto;
  }
  body.category main.main-category .nav-previous-pc nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  body.category main.main-category .nav-previous-pc nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
}
@media screen and (min-width: 300px) {
  .tax-toriatukai_category {
    padding-bottom: calc(185% + -45 * (100vw - 300px) / 299);
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  .tax-toriatukai_category main {
    background-image: url(img/main-back01pc.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .tax-toriatukai_category main::before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    padding-top: 50%;
  }
  .tax-toriatukai_category main .product-list-container {
    width: 90%;
    margin: 0 auto;
  }
  .tax-toriatukai_category main .product-list-container .page-header h1.page-title {
    background-image: url(img/osusume__title-back.svg);
    width: 100%;
    margin: 0 auto 13%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 7/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #826639;
    font-weight: 400;
    font-family: "Zen Antique Soft", serif;
    font-style: normal;
    font-size: calc(20px + 14 * (100vw - 300px) / 299);
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    width: fit-content;
    margin: 0 auto;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item {
    width: 100%;
    margin: 0 auto 20%;
    display: flex;
    flex-direction: column;
    padding-bottom: 10%;
    justify-content: center;
    border-bottom: 1px solid #c8a181;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .product-img {
    width: 85%;
    margin: 0 auto 5% auto;
    margin-bottom: 5%;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .product-img img {
    border-radius: 5%;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .product-h2 {
    width: 100%;
    margin-bottom: 5%;
    text-align: left;
    color: #6d5023;
    font-weight: bold;
    font-style: normal;
    font-size: calc(16px + 8 * (100vw - 300px) / 299);
    padding-left: 6%;
    padding: 1% 1% 1% 6%;
    display: flex;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .product-description-excerpt {
    color: #6d5023;
    width: 90%;
    margin: 0 auto 5% auto;
    font-size: calc(14px + 2 * (100vw - 300px) / 299);
    line-height: 1.7;
    flex: auto;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .read-more-btn {
    width: 60%;
    font-size: calc(16px + 2 * (100vw - 300px) / 299);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: #897161 solid 1px;
    padding: 5%;
    border-radius: 2.5vw;
    color: #ffffff;
    background-color: #6d5023;
  }
}
@media screen and (min-width: 600px) {
  .tax-toriatukai_category {
    padding-bottom: calc(30% + -16 * (100vw - 1025px) / 1975);
  }
  .tax-toriatukai_category main {
    background-image: url(img/main-back01pc.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .tax-toriatukai_category main::before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    padding-top: 20%;
  }
  .tax-toriatukai_category main .product-list-container {
    width: 90%;
    margin: 0 auto;
  }
  .tax-toriatukai_category main .product-list-container .page-header h1.page-title {
    background-image: url(img/osusume__title-back.svg);
    width: 75%;
    padding-bottom: 3%;
    margin: 0 auto 6%;
    aspect-ratio: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 15 * (100vw - 600px) / 424);
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    width: fit-content;
    margin: 0 auto;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item {
    width: 33vw;
    margin: 0 auto 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 10%;
    border-bottom: 1px #883 solid;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .product-img {
    width: 85%;
    margin: 0 auto 5% auto;
    margin-bottom: 5%;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .product-img img {
    border-radius: 5%;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .product-h2 {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(20px + 14 * (100vw - 600px) / 424);
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .product-description-excerpt {
    line-height: 2;
    font-size: calc(14px + 20 * (100vw - 600px) / 424);
    color: #413c2b;
    margin: 0 auto 10%;
    color: #362d17;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .read-more-btn {
    display: inline-block;
    width: 80%;
    font-size: calc(16px + 20 * (100vw - 600px) / 424);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 10%;
    border: #897161 solid 1px;
    padding: 3%;
    border-radius: 2.5vw;
    color: #ffffff;
    background-color: #6d5023;
  }
}
@media screen and (min-width: 1025px) {
  .tax-toriatukai_category {
    padding-bottom: calc(30% + -16 * (100vw - 1025px) / 1975);
  }
  .tax-toriatukai_category main {
    background-image: url(img/main-back01pc.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .tax-toriatukai_category main::before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    padding-top: 20%;
  }
  .tax-toriatukai_category main .product-list-container {
    width: 90%;
    margin: 0 auto;
  }
  .tax-toriatukai_category main .product-list-container .page-header h1.page-title {
    background-image: url(img/osusume__title-back.svg);
    width: 60%;
    padding-bottom: 3%;
    margin: 0 auto 6%;
    aspect-ratio: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(30px + 50 * (100vw - 1025px) / 1975);
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    width: fit-content;
    margin: 0 auto;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item {
    width: 33vw;
    margin: 0 auto 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 10%;
    border-bottom: 1px #883 solid;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .product-img {
    width: 85%;
    margin: 0 auto 5% auto;
    margin-bottom: 5%;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .product-img img {
    border-radius: 5%;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .product-h2 {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(21px + 27 * (100vw - 1025px) / 1975);
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .product-description-excerpt {
    line-height: 2;
    font-size: calc(14px + 20 * (100vw - 1025px) / 1975);
    color: #413c2b;
    margin: 0 auto 3%;
    color: #362d17;
  }
  .tax-toriatukai_category main .product-list-container .product-list-inner .product-item .read-more-btn {
    display: inline-block;
    width: 33%;
    font-size: calc(16px + 20 * (100vw - 1025px) / 1975);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: #897161 solid 1px;
    padding: 3%;
    border-radius: 2.5vw;
    color: #ffffff;
    background-color: #6d5023;
  }
}
@media screen and (min-width: 1025px) {
  .post-type-archive-toriatukai_shouhin {
    padding-bottom: calc(25% + -16 * (100vw - 1025px) / 1975);
  }
  .post-type-archive-toriatukai_shouhin .toriatukai_shouhin-archive {
    background-image: url(img/main-back01pc.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .post-type-archive-toriatukai_shouhin .toriatukai_shouhin-archive::before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    padding-top: 20%;
  }
  .post-type-archive-toriatukai_shouhin .toriatukai_shouhin-archive .content-area {
    width: 90%;
    margin: 0 auto 30%;
  }
  .post-type-archive-toriatukai_shouhin .toriatukai_shouhin-archive .content-area .page-header {
    width: 100%;
  }
  .post-type-archive-toriatukai_shouhin .toriatukai_shouhin-archive .content-area .page-header h1.page-title {
    width: 90%;
    padding-bottom: 3%;
    margin: 0 auto 6%;
    aspect-ratio: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(30px + 50 * (100vw - 1025px) / 1975);
  }
  .post-type-archive-toriatukai_shouhin .toriatukai_shouhin-archive .content-area .post-list {
    width: 60%;
    margin: 0 auto;
    flex-direction: column;
    display: flex;
    justify-content: unset;
  }
  .post-type-archive-toriatukai_shouhin .toriatukai_shouhin-archive .content-area .post-list article .product-img img {
    border-radius: 5%;
  }
  .post-type-archive-toriatukai_shouhin .toriatukai_shouhin-archive .content-area .post-list article .product-h2 {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(21px + 27 * (100vw - 1025px) / 1975);
  }
  .post-type-archive-toriatukai_shouhin .toriatukai_shouhin-archive .content-area .post-list article .product-description-excerpt {
    line-height: 2;
    font-size: calc(14px + 20 * (100vw - 1025px) / 1975);
    color: #413c2b;
    margin: 0 auto 3%;
    color: #362d17;
  }
  .post-type-archive-toriatukai_shouhin .toriatukai_shouhin-archive .content-area .post-list article .read-more-btn {
    display: inline-block;
    width: 33%;
    font-size: calc(16px + 20 * (100vw - 1025px) / 1975);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: #897161 solid 1px;
    padding: 3%;
    border-radius: 2.5vw;
    color: #ffffff;
    background-color: #6d5023;
  }
}
@media screen and (min-width: 300px) {
  .home {
    padding-bottom: calc(180% + 70 * (300px - 100vw) / 299);
  }
  .home main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: 136%;
    padding-bottom: 36%;
  }
  .home main::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(170px + -115 * (300px - 100vw) / 299);
    padding-top: 0;
  }
  .home main .aisatu {
    width: 100%;
    aspect-ratio: unset;
    background-image: url(img/greetings.png);
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
  }
  .home main .aisatu .aisatu__inner {
    width: 100%;
    aspect-ratio: unset;
  }
  .home main .aisatu .aisatu__inner h2 {
    padding-left: 0;
    margin: 0 0 calc(70px + 100 * (100vw - 300px) / 299);
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 16 * (100vw - 300px) / 299);
  }
  .home main .aisatu .aisatu__inner p {
    color: #6d5023;
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    margin-bottom: 7%;
    line-height: 1.7;
  }
  .home main .osusume {
    margin-bottom: 15%;
  }
  .home main .osusume h2 {
    background-image: url(img/osusume__title-back.svg);
    width: 100%;
    margin: 0 auto 13%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 7/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(18px + 14 * (100vw - 300px) / 299);
  }
  .home main .osusume .osusume_catch {
    width: fit-content;
    color: #6d5023;
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    line-height: 1.75;
    font-family: "M PLUS Rounded 1c";
  }
  .home main .osusume .osusume_catch p {
    margin-bottom: 15%;
  }
  .home main .osusume .osusume_catch p:nth-child(2) {
    margin-bottom: 15%;
  }
  .home main .osusume .osusume__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    justify-content: unset;
    text-align: center;
  }
  .home main .osusume .osusume__inner .osusume-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 0 20%;
  }
  .home main .osusume .osusume__inner .osusume-item:last-child {
    margin: 0;
  }
  .home main .osusume .osusume__inner .osusume-item a:link,
  .home main .osusume .osusume__inner .osusume-item a:hover,
  .home main .osusume .osusume__inner .osusume-item a:visited,
  .home main .osusume .osusume__inner .osusume-item a:active {
    display: flex;
    flex-direction: column;
    color: #6d5023;
  }
  .home main .osusume .osusume__inner .osusume-item a:link p:nth-child(1),
  .home main .osusume .osusume__inner .osusume-item a:hover p:nth-child(1),
  .home main .osusume .osusume__inner .osusume-item a:visited p:nth-child(1),
  .home main .osusume .osusume__inner .osusume-item a:active p:nth-child(1) {
    width: 100%;
    order: 1;
    padding-bottom: 65%;
    position: relative;
    overflow: hidden;
    margin-bottom: 8%;
  }
  .home main .osusume .osusume__inner .osusume-item a:link p:nth-child(1) img,
  .home main .osusume .osusume__inner .osusume-item a:hover p:nth-child(1) img,
  .home main .osusume .osusume__inner .osusume-item a:visited p:nth-child(1) img,
  .home main .osusume .osusume__inner .osusume-item a:active p:nth-child(1) img {
    border-radius: 2vw;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .home main .osusume .osusume__inner .osusume-item a:link h3:nth-child(2),
  .home main .osusume .osusume__inner .osusume-item a:hover h3:nth-child(2),
  .home main .osusume .osusume__inner .osusume-item a:visited h3:nth-child(2),
  .home main .osusume .osusume__inner .osusume-item a:active h3:nth-child(2) {
    font-size: calc(16px + 14 * (100vw - 300px) / 299);
    font-family: "M PLUS Rounded 1c";
    font-weight: bold;
    margin-bottom: 7%;
    order: 2;
  }
  .home main .osusume .osusume__inner .osusume-item a:link p:nth-child(3),
  .home main .osusume .osusume__inner .osusume-item a:hover p:nth-child(3),
  .home main .osusume .osusume__inner .osusume-item a:visited p:nth-child(3),
  .home main .osusume .osusume__inner .osusume-item a:active p:nth-child(3) {
    order: 3;
    font-size: calc(16px + 10 * (100vw - 300px) / 299);
    display: flex;
    width: 77%;
    justify-content: center;
    background-color: #897161;
    align-items: center;
    margin: 0 auto;
    border: #897161 solid 1px;
    padding: 2% 7%;
    border-radius: 11.5vw;
    color: #fff;
  }
  .home main .osusume .osusume__inner .osusume-item a:link p:nth-child(3)::after,
  .home main .osusume .osusume__inner .osusume-item a:hover p:nth-child(3)::after,
  .home main .osusume .osusume__inner .osusume-item a:visited p:nth-child(3)::after,
  .home main .osusume .osusume__inner .osusume-item a:active p:nth-child(3)::after {
    display: inline-block;
    content: "＞";
    width: auto;
    padding-left: 2%;
  }
  .home main .kodawari {
    width: 100%;
    aspect-ratio: unset;
    margin-bottom: 40%;
  }
  .home main .kodawari h2 {
    background-image: url(img/kodawari__title-back.png);
    width: 100%;
    padding-bottom: 13%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(20px + 14 * (100vw - 300px) / 299);
    aspect-ratio: 1450/180;
    margin-bottom: 4%;
  }
  .home main .kodawari h2 .pc-set {
    display: none;
  }
  .home main .kodawari .kodawari__inner {
    width: 100%;
    margin: 0;
    position: relative;
    aspect-ratio: unset;
  }
  .home main .kodawari .kodawari__inner p:nth-child(1) {
    width: 100%;
    font-family: "M PLUS Rounded 1c";
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    line-height: 1.75;
    color: #897161;
    margin: 0 auto 5%;
  }
  .home main .kodawari .kodawari__inner p:nth-child(1) .br {
    display: none;
  }
  .home main .kodawari .kodawari__inner picture:nth-child(2) {
    width: 100%;
    position: static;
  }
  .home main .kodawari .kodawari__inner p:nth-child(3) {
    width: 90%;
    /* bottom: 0; */
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
    background-image: url(img/kodawari-btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 537/103;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(15px + 8 * (100vw - 300px) / 299);
    width: 100%;
    font-family: "M PLUS Rounded 1c";
  }
  .home main .kodawari .kodawari__inner p:nth-child(3) a:link,
  .home main .kodawari .kodawari__inner p:nth-child(3) a:valid,
  .home main .kodawari .kodawari__inner p:nth-child(3) a:hover,
  .home main .kodawari .kodawari__inner p:nth-child(3) a:active {
    color: #cf5279 !important;
    font-weight: bold;
  }
  .home main .toriatukai {
    width: 100%;
    padding: 0 3%;
  }
  .home main .toriatukai h2 {
    background-image: url(img/toriatukai__title-back.png);
    width: 100%;
    padding-bottom: 12%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(20px + 14 * (100vw - 300px) / 299);
    aspect-ratio: 1450/180;
    margin-bottom: 4%;
  }
  .home main .toriatukai .toriatukai__inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    aspect-ratio: 1773/858;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item {
    width: 48%;
    margin-bottom: 15%;
    display: flex;
    flex-direction: column;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item a {
    order: 2;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item a h3 {
    color: #6d5023;
    text-align: center;
    margin: 0 auto 5%;
    width: fit-content;
    font-size: calc(13px + 10 * (100vw - 300px) / 299);
    font-family: "M PLUS Rounded 1c";
    font-weight: bold;
    position: relative;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item a h3::before {
    content: "＼";
    position: absolute;
    top: 0;
    left: -4vw;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item a h3::after {
    content: "／";
    position: absolute;
    top: 0;
    right: -4vw;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item p:nth-child(2) {
    width: 100%;
    font-size: calc(13px + 5 * (100vw - 300px) / 299);
    order: 1;
    margin-bottom: 5%;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item p:nth-child(2) a {
    display: inline-block;
    border-radius: 5%;
    /* !! 親要素からはみ出た部分を非表示にするための重要設定 !! */
    overflow: hidden;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item p:nth-child(2) a img {
    /* !! アニメーションの設定 !! */
    /* ズームアニメーションを0.5秒かけて滑らかに実行 */
    transition: transform 0.5s ease-in-out;
    /* 初期状態は等倍（1倍）*/
    transform: scale(1);
    /* 親要素にoverflow: hidden;を設定することで、ズームしても枠外にはみ出しません。*/
    display: block; /* 一部の環境で発生する下部の隙間を解消するため */
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item p:nth-child(2):active img {
    transform: scale(1.2); /* 1.2倍に拡大 */
  }
  .home main .toriatukai .toriatukai__con-area {
    width: 90%;
    background-image: url(img/toriatukai__line.png);
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 1795/100;
    margin: 0 auto;
    background-repeat: repeat-x;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home main .toriatukai .toriatukai__con-area .toriatukai__con-inner {
    background-color: rgb(255, 255, 255);
    width: 67.5%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home main .toriatukai .toriatukai__con-area .toriatukai__con-inner .toriatukai__con-btn {
    width: 80%;
    aspect-ratio: 434/96;
    background-color: #ee547c;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    transition: transform 0.5s ease-in-out;
    /* 初期状態は等倍（1倍）*/
    transform: scale(1);
  }
  .home main .toriatukai .toriatukai__con-area .toriatukai__con-inner .toriatukai__con-btn:hover {
    transform: scale(1.2); /* 1.2倍に拡大 */
  }
  .home main .toriatukai .toriatukai__con-area .toriatukai__con-inner .toriatukai__con-btn a {
    font-family: "M PLUS Rounded 1c";
    font-weight: bold;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: calc(14px + 7 * (100vw - 300px) / 299);
  }
  .home main .shitatenaoshi {
    width: 100%;
  }
  .home main .shitatenaoshi h2 {
    background-image: url(img/shitatenaoshi__title-back.png);
    width: 100%;
    padding-bottom: 13%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(16px + 14 * (100vw - 300px) / 299);
    aspect-ratio: 1365/325;
    margin-bottom: 4%;
    text-align: center;
    line-height: 1.7;
  }
  .home main .shitatenaoshi h2 .shitatenaoshi__h2-span {
    font-size: calc(14px + 14 * (100vw - 300px) / 299);
    display: inline-block;
    margin-right: 2rem;
  }
  .home main .shitatenaoshi h2 .br-shitatenaoshi {
    --None: none;
    --Block: inline;
    display: var(--Inline);
  }
  .home main .shitatenaoshi .shitatenaoshi__visual {
    width: 100%;
    margin: 0 auto 8%;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner h3 {
    width: 100%;
    margin: 0 auto 10%;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) {
    width: 100%;
    aspect-ratio: 2/1;
    background-color: #ee547c;
    padding: 5% calc(6% + 4 * (300px - 100vw) / 299);
    margin: 0 auto;
    border-radius: 20px;
    position: relative;
    font-family: "M PLUS Rounded 1c";
  }
  .home main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) p:nth-child(1) {
    color: #fff;
    font-size: calc(14px + 5 * (100vw - 300px) / 299);
    line-height: 2;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) p:nth-child(2) {
    color: #fff;
    font-size: calc(14px + 5 * (100vw - 300px) / 299);
    width: calc(100% + -124 * (100vw - 300px) / 299);
    line-height: 2;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) p:nth-child(3) {
    color: #fff;
    font-size: calc(14px + 5 * (100vw - 300px) / 299);
    width: calc(60% + 40 * (100vw - 300px) / 299);
    line-height: 2;
    aspect-ratio: unset;
    position: static;
    margin: unset;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) p:nth-child(4) {
    width: 28%;
    aspect-ratio: 279/390;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner p:nth-child(3) {
    width: 90%;
    margin: 4% auto;
    color: #423232;
    font-size: calc(13px + 3 * (100vw - 300px) / 299);
    line-height: 2;
    margin-bottom: 15%;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner2 ul:nth-child(1) {
    width: 100%;
    aspect-ratio: 1/1;
    background-image: url(img/shitatenaoshi-before.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    position: relative;
    padding: 24% 0 0 15%;
    margin-bottom: 20%;
    border-radius: 5%;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner2 ul:nth-child(1) li {
    font-size: calc(13px + 12 * (100vw - 300px) / 299);
    list-style: circle;
    padding: 2% 0;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner2 ul:nth-child(2) {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    background-image: url(img/shitatenaoshi-after.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    padding: 22% 0 0 7%;
    border-radius: 5%;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner2 ul:nth-child(2) li {
    font-size: calc(13px + 12 * (100vw - 300px) / 299);
    list-style: none;
    line-height: 1.7;
  }
  .home main .shitatenaoshi .shitatenaoshi__btn {
    width: 100%;
    margin: 6% auto 5%;
  }
  .home main .oshirase h2 {
    background-image: url(img/oshirase__title-back.svg);
    width: 100%;
    padding-bottom: 12%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(20px + 14 * (100vw - 300px) / 299);
    aspect-ratio: 1365/325;
    margin-bottom: 4%;
    text-align: center;
  }
  .home main .oshirase .oshirase__inner {
    width: 100%;
    margin: 0 auto 12vw;
    display: flex;
    flex-direction: column;
    gap: 7vw;
    justify-content: revert-layer;
  }
  .home main .oshirase .oshirase__inner li {
    width: 100%;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active {
    color: #6a4b3f;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content .item-meta,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content .item-meta,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content .item-meta,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content .item-meta {
    display: flex;
    justify-content: left;
    position: relative;
    width: 90%;
    gap: 5vw;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content .item-meta .news-date,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content .item-meta .news-date,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content .item-meta .news-date,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content .item-meta .news-date {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(13px + 4 * (100vw - 300px) / 299);
    order: 1;
    width: 30%;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content .item-meta .news-category,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content .item-meta .news-category,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content .item-meta .news-category,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content .item-meta .news-category {
    width: 28%;
    height: 6vw;
    margin: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #54a7b7;
    font-size: calc(13px + 4 * (100vw - 300px) / 299);
    color: #ffffff;
    order: 2;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content h3,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content h3,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content h3,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content h3 {
    width: 50%;
    order: 3;
    font-size: calc(13px + 4 * (100vw - 300px) / 299);
    white-space: nowrap;
    font-weight: normal;
    margin-top: 3%;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content .nomal,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content .nomal,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content .nomal,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content .nomal {
    opacity: 0;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content .new,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content .new,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content .new,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content .new {
    opacity: 1 !important;
    /* order: 4; */
    /* width: fit-content; */
    /* padding: 1.3% 2%; */
    /* position: static; */
    background-color: #f00;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(11px + 4 * (100vw - 300px) / 299);
    color: #ffffff;
    width: 20%;
    height: 6vw;
    margin: auto;
    width: 12%;
    height: 5vw;
    position: absolute;
    top: 0;
    bottom: 58%;
    right: 18%;
    z-index: 1;
    padding: 1% 9%;
  }
  .home main .oshirase a.button-link:link,
  .home main .oshirase a.button-link:hover,
  .home main .oshirase a.button-link:visited,
  .home main .oshirase a.button-link:active {
    color: #ffffff;
    font-size: calc(14px + 8 * (100vw - 300px) / 299);
    font-weight: bold;
  }
  .home main .oshirase a.button-link:link .more-link-container,
  .home main .oshirase a.button-link:hover .more-link-container,
  .home main .oshirase a.button-link:visited .more-link-container,
  .home main .oshirase a.button-link:active .more-link-container {
    display: flex;
    width: -moz-fit-content;
    width: 80%;
    aspect-ratio: 4/1;
    margin: 0 auto;
    padding: 1%;
    background-color: rgb(126, 183, 114);
    justify-content: center;
    gap: 10%;
    align-items: center;
    border-radius: 15vw;
    height: auto;
  }
  .home main .oshirase a.button-link:link .more-link-container::after,
  .home main .oshirase a.button-link:hover .more-link-container::after,
  .home main .oshirase a.button-link:visited .more-link-container::after,
  .home main .oshirase a.button-link:active .more-link-container::after {
    content: "▶︎";
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(28px + 22 * (100vw - 300px) / 299);
    height: calc(28px + 22 * (100vw - 300px) / 299);
    border-radius: 5vw;
    background-color: #ffffff;
    color: #675384;
  }
  .home main .sns {
    width: 100%;
  }
  .home main .sns h2 {
    background-image: url(img/sns__title-back.svg);
    width: 100%;
    padding-bottom: 6%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(20px + 14 * (100vw - 300px) / 299);
    aspect-ratio: 1365/325;
    margin-bottom: 4%;
    text-align: center;
  }
  .home main .sns ul {
    display: flex;
    width: 50%;
    margin: 0 auto;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .home main .sns ul li {
    width: 45%;
  }
  .home section {
    padding: 20% 5% 0;
  }
  .home section h2 {
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
    text-align: center;
    margin: 0 0 30px 0;
  }
}
/*///////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 600px) {
  .home {
    padding-bottom: calc(30% + 30 * (600px - 100vw) / 424);
  }
  .home main::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(59px + -29 * (100vw - 600px) / 424);
    text-align: left;
    padding-top: 10%;
  }
  .home main .aisatu {
    width: 100%;
    aspect-ratio: unset;
    background-image: url(img/greetings.png);
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    padding: 12% 0 0;
    margin-bottom: 20%;
  }
  .home main .aisatu .aisatu__inner {
    width: 83%;
    aspect-ratio: 900/430;
    padding: 0% 0 0 6%;
    margin: 4% auto 0 6%;
  }
  .home main .aisatu .aisatu__inner h2 {
    padding-left: 0;
    margin: 0 0 calc(49px + 45 * (100vw - 600px) / 424);
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 10 * (100vw - 600px) / 424);
    text-align: left;
  }
  .home main .aisatu .aisatu__inner p {
    color: #6d5023;
    font-size: calc(13px + 6 * (100vw - 600px) / 424);
    text-align: left;
    line-height: 2;
    margin-bottom: 5%;
    /* 白色の透明度を 0.5 (50%) に設定 */
    -webkit-text-stroke: 4px rgba(255, 255, 255, 0.8);
    paint-order: stroke fill;
  }
  .home main .aisatu .aisatu__inner p:nth-of-type(1) {
    width: 65%;
  }
  .home main .aisatu .aisatu__inner p:nth-of-type(2) {
    width: 80%;
  }
  .home main .osusume {
    margin-bottom: 20%;
  }
  .home main .osusume h2 {
    background-image: url(img/osusume__title-back.svg);
    width: 78%;
    margin: 0 auto 7%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 7/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 14 * (100vw - 600px) / 424);
  }
  .home main .osusume .osusume_catch {
    margin: 0 auto;
    width: 82%;
  }
  .home main .osusume .osusume_catch p {
    margin: 0;
    width: fit-content;
    font-size: calc(13px + 6 * (100vw - 600px) / 424);
    line-height: 1.75;
  }
  .home main .osusume .osusume__inner {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    justify-content: unset;
    text-align: center;
    gap: 2%;
    width: 100%;
  }
  .home main .osusume .osusume__inner .osusume-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    flex: 1;
  }
  .home main .osusume .osusume__inner .osusume-item a:link,
  .home main .osusume .osusume__inner .osusume-item a:hover,
  .home main .osusume .osusume__inner .osusume-item a:visited,
  .home main .osusume .osusume__inner .osusume-item a:active {
    color: #6d5023;
    flex: 1;
  }
  .home main .osusume .osusume__inner .osusume-item a:link p:nth-child(1),
  .home main .osusume .osusume__inner .osusume-item a:hover p:nth-child(1),
  .home main .osusume .osusume__inner .osusume-item a:visited p:nth-child(1),
  .home main .osusume .osusume__inner .osusume-item a:active p:nth-child(1) {
    width: 100%;
    order: 1;
    padding-bottom: 65%;
    position: relative;
    overflow: hidden;
  }
  .home main .osusume .osusume__inner .osusume-item a:link p:nth-child(1) img,
  .home main .osusume .osusume__inner .osusume-item a:hover p:nth-child(1) img,
  .home main .osusume .osusume__inner .osusume-item a:visited p:nth-child(1) img,
  .home main .osusume .osusume__inner .osusume-item a:active p:nth-child(1) img {
    border-radius: 2vw;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .home main .osusume .osusume__inner .osusume-item a:link h3:nth-child(2),
  .home main .osusume .osusume__inner .osusume-item a:hover h3:nth-child(2),
  .home main .osusume .osusume__inner .osusume-item a:visited h3:nth-child(2),
  .home main .osusume .osusume__inner .osusume-item a:active h3:nth-child(2) {
    font-size: calc(12px + 7 * (100vw - 600px) / 424);
    font-family: "M PLUS Rounded 1c";
    font-weight: bold;
    order: 2;
    margin-bottom: 5%;
  }
  .home main .osusume .osusume__inner .osusume-item a:link p:nth-child(3),
  .home main .osusume .osusume__inner .osusume-item a:hover p:nth-child(3),
  .home main .osusume .osusume__inner .osusume-item a:visited p:nth-child(3),
  .home main .osusume .osusume__inner .osusume-item a:active p:nth-child(3) {
    order: 3;
    font-size: calc(12px + 7 * (100vw - 600px) / 424);
    display: flex;
    width: 74%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: #897161 solid 1px;
    padding: 5% 3% 5% 5%;
    border-radius: 4vw;
    transition: transform 0.5s ease-in-out;
    /* 初期状態は等倍（1倍）*/
    transform: scale(1);
    cursor: pointer;
  }
  .home main .osusume .osusume__inner .osusume-item a:link p:nth-child(3):hover,
  .home main .osusume .osusume__inner .osusume-item a:hover p:nth-child(3):hover,
  .home main .osusume .osusume__inner .osusume-item a:visited p:nth-child(3):hover,
  .home main .osusume .osusume__inner .osusume-item a:active p:nth-child(3):hover {
    transform: scale(1.15);
  }
  .home main .osusume .osusume__inner .osusume-item a:link p:nth-child(3)::after,
  .home main .osusume .osusume__inner .osusume-item a:hover p:nth-child(3)::after,
  .home main .osusume .osusume__inner .osusume-item a:visited p:nth-child(3)::after,
  .home main .osusume .osusume__inner .osusume-item a:active p:nth-child(3)::after {
    display: inline-block;
    content: "＞";
    width: 20%;
    padding-left: 0;
  }
  .home main .kodawari {
    width: 100%;
    aspect-ratio: unset;
    margin-bottom: 20%;
  }
  .home main .kodawari h2 {
    background-image: url(img/kodawari__title-back.png);
    width: 100%;
    padding-bottom: 8%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 14 * (100vw - 600px) / 424);
    aspect-ratio: 1450/180;
    margin-bottom: 2%;
  }
  .home main .kodawari h2 .pc-set {
    display: inline;
  }
  .home main .kodawari .kodawari__inner {
    width: 100%;
    margin: 0;
    position: relative;
    aspect-ratio: unset;
  }
  .home main .kodawari .kodawari__inner p:nth-child(1) {
    width: 80%;
    font-size: calc(13px + 6 * (100vw - 600px) / 424);
    line-height: 1.75;
    color: #897161;
    margin: 0 auto 7%;
  }
  .home main .kodawari .kodawari__inner p:nth-child(1) .br {
    display: none;
  }
  .home main .kodawari .kodawari__inner picture:nth-child(2) {
    width: 100%;
    position: static;
  }
  .home main .kodawari .kodawari__inner p:nth-child(3) {
    width: 46%;
    bottom: 0%;
    right: 0;
    left: 0;
    position: absolute;
    background-image: url(img/kodawari-btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 537/103;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home main .toriatukai {
    width: 100%;
    margin-bottom: 20%;
  }
  .home main .toriatukai h2 {
    background-image: url(img/toriatukai__title-back.png);
    width: 78%;
    padding-bottom: 12%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 14 * (100vw - 600px) / 424);
    aspect-ratio: 1450/180;
    margin-bottom: 4%;
  }
  .home main .toriatukai .toriatukai__inner {
    width: 90%;
    margin: 0 auto;
    position: relative;
    aspect-ratio: unset;
    display: flex;
    gap: 5%;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item {
    width: 30%;
    margin-bottom: 10%;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item a {
    order: 2;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item a h3 {
    color: #6d5023;
    font-size: calc(12px + 8 * (100vw - 600px) / 424);
    text-align: center;
    margin: 0 auto 5%;
    border-bottom: 1px solid #6d5023;
    width: fit-content;
    position: relative;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item a h3::before {
    content: "＼";
    position: absolute;
    top: 0;
    left: -4vw;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item a h3::after {
    content: "／";
    position: absolute;
    top: 0;
    right: -4vw;
  }
  .home main .toriatukai .toriatukai__inner .toriatukai__item p:nth-child(2) {
    width: 100%;
    font-size: calc(14px + 14 * (100vw - 600px) / 424);
    margin-bottom: 5%;
  }
  .home main .toriatukai .toriatukai__con-area {
    width: 57%;
    background-image: url(img/toriatukai__line.png);
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 1795/100;
    margin: 0 auto;
    background-repeat: repeat-x;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home main .toriatukai .toriatukai__con-area .toriatukai__con-inner {
    background-color: rgb(255, 255, 255);
    width: 67.5%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home main .toriatukai .toriatukai__con-area .toriatukai__con-inner .toriatukai__con-btn {
    width: 80%;
    aspect-ratio: 434/96;
    background-color: #ee547c;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
  }
  .home main .toriatukai .toriatukai__con-area .toriatukai__con-inner .toriatukai__con-btn a {
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: calc(14px + 14 * (100vw - 600px) / 424);
  }
  .home main .shitatenaoshi {
    width: 100%;
    margin-bottom: 20%;
  }
  .home main .shitatenaoshi h2 {
    background-image: url(img/shitatenaoshi__title-back.png);
    width: 78%;
    padding-bottom: 13%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 14 * (100vw - 600px) / 424);
    aspect-ratio: 1365/325;
    margin-bottom: 4%;
    text-align: center;
  }
  .home main .shitatenaoshi h2 .shitatenaoshi__h2-span {
    font-size: calc(14px + 14 * (100vw - 600px) / 424);
    display: inline-block;
    margin-right: 2rem;
  }
  .home main .shitatenaoshi h2 .br-shitatenaoshi {
    --None: none;
    --Block: inline;
    display: var(--Inline);
  }
  .home main .shitatenaoshi .shitatenaoshi__visual {
    width: 100%;
    margin: 0 auto 8%;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner h3 {
    width: 100%;
    margin: 0 auto 10%;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) {
    width: 80%;
    aspect-ratio: unset;
    background-color: #ee547c;
    padding: 5% calc(6% + 4 * (100vw - 600px) / 424);
    margin: 0 auto;
    border-radius: 20px;
    position: relative;
    margin-bottom: 5%;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) p:nth-child(1) {
    color: #fff;
    font-size: calc(16px + 13 * (100vw - 600px) / 424);
  }
  .home main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) p:nth-child(2) {
    color: #fff;
    font-size: calc(16px + 13 * (100vw - 600px) / 424);
    width: calc(100% + -124 * (100vw - 600px) / 424);
    line-height: 2;
    margin: 0;
    padding: 0;
    aspect-ratio: unset;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) p:nth-child(3) {
    color: #fff;
    font-size: calc(16px + 13 * (100vw - 600px) / 424);
    width: calc(60% + 40 * (100vw - 600px) / 424);
    line-height: 2;
    aspect-ratio: unset;
    position: static;
    margin: unset;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) p:nth-child(4) {
    width: calc(21% + 6 * (100vw - 600px) / 424);
    font-size: calc(16px + 13 * (100vw - 600px) / 424);
    aspect-ratio: unset;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner p:nth-child(3) {
    width: 80%;
    aspect-ratio: unset;
    position: static;
    right: 7%;
    bottom: 25%;
    margin: 0 auto 5% auto;
    font-size: calc(12px + 4 * (100vw - 600px) / 424);
  }
  .home main .shitatenaoshi .shitatenaoshi__inner p:nth-child(4) {
    width: 88%;
    margin: 4% auto;
    color: #423232;
    font-size: calc(12px + 6 * (100vw - 600px) / 424);
    line-height: 2;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner2 ul:nth-child(1) {
    width: 50%;
    aspect-ratio: 1/1;
    background-image: url(img/shitatenaoshi-before.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    position: relative;
    padding: 12% 0 0 9%;
    margin-bottom: 0;
    border-radius: 5%;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner2 ul:nth-child(1) li {
    font-family: "UzuraFont", sans-serif;
    font-size: calc(12px + 8 * (100vw - 600px) / 424);
    list-style: circle;
    padding: 2% 0;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner2 ul:nth-child(2) {
    position: relative;
    width: 50%;
    aspect-ratio: 1/1;
    background-image: url(img/shitatenaoshi-after.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    padding: 12% 0 0 6%;
    border-radius: 5%;
  }
  .home main .shitatenaoshi .shitatenaoshi__inner2 ul:nth-child(2) li {
    font-family: "UzuraFont", sans-serif;
    font-size: calc(12px + 8 * (100vw - 600px) / 424);
    list-style: none;
    line-height: 1.7;
  }
  .home main .shitatenaoshi .shitatenaoshi__btn {
    width: 60%;
    margin: 5% auto 5%;
  }
  .home main .oshirase {
    margin-bottom: 20%;
  }
  .home main .oshirase h2 {
    background-image: url(img/oshirase__title-back.svg);
    width: 85%;
    padding-bottom: 6%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 14 * (100vw - 600px) / 424);
    font-size: calc(24px + 14 * (100vw - 600px) / 424);
    aspect-ratio: 1365/325;
    margin-bottom: 4%;
    text-align: center;
  }
  .home main .oshirase .oshirase__inner {
    width: 90%;
    margin: 5% auto 8%;
    gap: 4vw;
  }
  .home main .oshirase .oshirase__inner li {
    width: 100%;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active {
    color: #6a4b3f;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content .item-meta,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content .item-meta,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content .item-meta,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content .item-meta {
    display: flex;
    justify-content: right;
    width: 45%;
    gap: 3%;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content .item-meta .news-date,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content .item-meta .news-date,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content .item-meta .news-date,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content .item-meta .news-date {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(12px + 8 * (100vw - 600px) / 424);
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content .item-meta .news-category,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content .item-meta .news-category,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content .item-meta .news-category,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content .item-meta .news-category {
    width: 30%;
    height: 3vw;
    margin: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #54a7b7;
    font-size: calc(12px + 8 * (100vw - 600px) / 424);
    color: #ffffff;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content .item-meta .nomal,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content .item-meta .nomal,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content .item-meta .nomal,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content .item-meta .nomal {
    opacity: 0;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content h3,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content h3,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content h3,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content h3 {
    width: 50%;
    order: 3;
    font-size: calc(12px + 8 * (100vw - 600px) / 424);
    white-space: nowrap;
    font-weight: normal;
    margin: 0;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content .nomal,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content .nomal,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content .nomal,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content .nomal {
    opacity: 0;
  }
  .home main .oshirase .oshirase__inner li .news-excerpt a:link .content .nomal.new,
  .home main .oshirase .oshirase__inner li .news-excerpt a:hover .content .nomal.new,
  .home main .oshirase .oshirase__inner li .news-excerpt a:visited .content .nomal.new,
  .home main .oshirase .oshirase__inner li .news-excerpt a:active .content .nomal.new {
    opacity: 1 !important;
    background-color: #f00;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(11px + 6 * (100vw - 600px) / 424);
    color: #ffffff;
    margin: auto;
    /* width: 20%; */
    height: 3vw;
    margin: auto;
    padding: 0;
    height: 3vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -64%;
    width: 10%;
  }
  .home main .oshirase a.button-link:link,
  .home main .oshirase a.button-link:hover,
  .home main .oshirase a.button-link:visited,
  .home main .oshirase a.button-link:active {
    color: #ffffff;
    font-size: calc(12px + 25 * (100vw - 600px) / 424);
  }
  .home main .oshirase a.button-link:link .more-link-container,
  .home main .oshirase a.button-link:hover .more-link-container,
  .home main .oshirase a.button-link:visited .more-link-container,
  .home main .oshirase a.button-link:active .more-link-container {
    display: flex;
    width: -moz-fit-content;
    width: 33%;
    aspect-ratio: 18/1;
    margin: 0 auto;
    padding: 1%;
    background-color: rgb(126, 183, 114);
    justify-content: center;
    gap: 10%;
    align-items: center;
    border-radius: 5vw;
    font-size: calc(12px + 10 * (100vw - 600px) / 424);
    height: auto;
  }
  .home main .oshirase a.button-link:link .more-link-container::after,
  .home main .oshirase a.button-link:hover .more-link-container::after,
  .home main .oshirase a.button-link:visited .more-link-container::after,
  .home main .oshirase a.button-link:active .more-link-container::after {
    content: "▶︎";
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(40px + 20 * (100vw - 600px) / 424);
    height: calc(40px + 20 * (100vw - 600px) / 424);
    border-radius: calc(20px + 30 * (100vw - 600px) / 424);
    background-color: #ffffff;
    color: #675384;
  }
  .home main .sns {
    width: 100%;
    margin-bottom: 20%;
  }
  .home main .sns h2 {
    background-image: url(img/sns__title-back.svg);
    width: 78%;
    padding-bottom: 6%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 14 * (100vw - 600px) / 424);
    aspect-ratio: 1365/325;
    margin-bottom: 4%;
    text-align: center;
  }
  .home main .sns ul {
    display: flex;
    width: 55%;
    margin: 0 auto;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 5%;
  }
  .home main .sns ul li {
    width: 20%;
  }
  .home section {
    padding: 0 5%;
  }
  .home section h2 {
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
    text-align: center;
    margin: 0 0 30px 0;
  }
}
/*=============================================ここらかPCのスタイル===================================================*/
@media screen and (min-width: 1025px) {
  .home {
    padding-bottom: calc(38% + 30 * (100vw - 1025px) / 1975);
  }
  .home .main {
    aspect-ratio: 2000/800;
    padding-bottom: 0;
  }
  .home .main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: calc(17% + -1 * (100vw - 1025px) / 1975);
  }
  .home .main section {
    padding: 0 5%;
  }
  .home .main .diagonal {
    width: 100%;
    margin: 0;
    padding: 100px 0 200px;
    position: relative;
    top: 200px;
    overflow: hidden;
  }
  .home .main .diagonal p {
    width: 65%;
    margin: 0 auto;
  }
  .home .main .diagonal::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: skewY(-7deg) translateY(-90px);
    z-index: -1;
    /* height: 60vw; */
    aspect-ratio: 2/1;
  }
  .home .main {
    /*=======================ここらかsection毎のスタイル=============================*/
  }
  .home .main .aisatu {
    width: 100%;
    aspect-ratio: 2/1;
    background-image: url(img/greetings.png);
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    margin-bottom: 6%;
    padding-top: 15%;
  }
  .home .main .aisatu .aisatu__inner {
    width: 57%;
    aspect-ratio: 900/430;
    padding: 0% 0 0 6%;
    margin: 1% auto 0 10%;
    top: 10%;
    left: -2%;
  }
  .home .main .aisatu .aisatu__inner h2 {
    padding-left: 12%;
    margin: 0 0 calc(30px + 45 * (100vw - 1025px) / 1975);
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(30px + 42 * (100vw - 1025px) / 1975);
  }
  .home .main .aisatu .aisatu__inner p {
    color: #6d5023;
    font-size: calc(14px + 22 * (100vw - 1025px) / 1975);
    text-indent: 1rem;
    margin-bottom: 4%;
    line-height: 1.8;
  }
  .home .main .aisatu .aisatu__inner p:nth-of-type(1) {
    width: 100%;
  }
  .home .main .aisatu .aisatu__inner p:nth-of-type(2) {
    width: 100%;
  }
  .home .main .osusume {
    margin-bottom: 15%;
  }
  .home .main .osusume h2 {
    background-image: url(img/osusume__title-back.svg);
    width: 48%;
    margin: 0 auto 4%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 7/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 36 * (100vw - 1025px) / 1975);
  }
  .home .main .osusume .osusume_catch {
    margin: 0 auto;
    width: fit-content;
  }
  .home .main .osusume .osusume_catch p {
    margin: 0;
    width: fit-content;
    font-size: calc(14px + 14 * (100vw - 1025px) / 1975);
    line-height: 1.75;
  }
  .home .main .osusume .osusume__inner {
    display: flex;
    flex-direction: row;
    width: 80%;
    margin: 0 auto;
    justify-content: space-between;
    text-align: center;
  }
  .home .main .osusume .osusume__inner .osusume-item {
    width: 30%;
    display: flex;
    flex-direction: column;
    margin: 0;
  }
  .home .main .osusume .osusume__inner .osusume-item p:nth-child(1) img {
    border-radius: 1.2vw;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease-in-out;
    /* 初期状態は等倍（1倍）*/
    transform: scale(1);
    /* 親要素にoverflow: hidden;を設定することで、ズームしても枠外にはみ出しません。*/
    display: block; /* 一部の環境で発生する下部の隙間を解消するため */
    cursor: pointer;
  }
  .home .main .osusume .osusume__inner .osusume-item a:link,
  .home .main .osusume .osusume__inner .osusume-item a:hover,
  .home .main .osusume .osusume__inner .osusume-item a:visited,
  .home .main .osusume .osusume__inner .osusume-item a:active {
    color: #6d5023;
  }
  .home .main .osusume .osusume__inner .osusume-item a:link p:nth-child(1),
  .home .main .osusume .osusume__inner .osusume-item a:hover p:nth-child(1),
  .home .main .osusume .osusume__inner .osusume-item a:visited p:nth-child(1),
  .home .main .osusume .osusume__inner .osusume-item a:active p:nth-child(1) {
    width: 100%;
    order: 1;
    padding-bottom: 65%;
    position: relative;
    overflow: hidden;
  }
  .home .main .osusume .osusume__inner .osusume-item a:link p:nth-child(1) img,
  .home .main .osusume .osusume__inner .osusume-item a:hover p:nth-child(1) img,
  .home .main .osusume .osusume__inner .osusume-item a:visited p:nth-child(1) img,
  .home .main .osusume .osusume__inner .osusume-item a:active p:nth-child(1) img {
    border-radius: 1.2vw;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease-in-out;
    /* 初期状態は等倍（1倍）*/
    transform: scale(1);
    /* 親要素にoverflow: hidden;を設定することで、ズームしても枠外にはみ出しません。*/
    display: block; /* 一部の環境で発生する下部の隙間を解消するため */
    cursor: pointer;
  }
  .home .main .osusume .osusume__inner .osusume-item a:link h3:nth-child(2),
  .home .main .osusume .osusume__inner .osusume-item a:hover h3:nth-child(2),
  .home .main .osusume .osusume__inner .osusume-item a:visited h3:nth-child(2),
  .home .main .osusume .osusume__inner .osusume-item a:active h3:nth-child(2) {
    font-size: calc(16px + 24 * (100vw - 1025px) / 1975);
    font-family: "M PLUS Rounded 1c";
    font-weight: bold;
    order: 2;
  }
  .home .main .osusume .osusume__inner .osusume-item a:link p:nth-child(3),
  .home .main .osusume .osusume__inner .osusume-item a:hover p:nth-child(3),
  .home .main .osusume .osusume__inner .osusume-item a:visited p:nth-child(3),
  .home .main .osusume .osusume__inner .osusume-item a:active p:nth-child(3) {
    font-size: calc(14px + 14 * (100vw - 1025px) / 1975);
    display: flex;
    width: 69%;
    justify-content: center;
    order: 3;
    align-items: center;
    margin: 10% auto 0;
    border: #897161 solid 1px;
    padding: 5% 3% 5% 6%;
    border-radius: 3vw;
    transition: transform 0.5s ease-in-out;
    /* 初期状態は等倍（1倍）*/
    transform: scale(1);
    cursor: pointer;
  }
  .home .main .osusume .osusume__inner .osusume-item a:link p:nth-child(3):hover,
  .home .main .osusume .osusume__inner .osusume-item a:hover p:nth-child(3):hover,
  .home .main .osusume .osusume__inner .osusume-item a:visited p:nth-child(3):hover,
  .home .main .osusume .osusume__inner .osusume-item a:active p:nth-child(3):hover {
    transform: scale(1.15);
  }
  .home .main .osusume .osusume__inner .osusume-item a:link p:nth-child(3)::after,
  .home .main .osusume .osusume__inner .osusume-item a:hover p:nth-child(3)::after,
  .home .main .osusume .osusume__inner .osusume-item a:visited p:nth-child(3)::after,
  .home .main .osusume .osusume__inner .osusume-item a:active p:nth-child(3)::after {
    display: inline-block;
    content: "＞";
    width: 20%;
    padding-left: 5%;
  }
  .home .main .kodawari {
    width: 100%;
    aspect-ratio: unset;
    margin-bottom: 15%;
  }
  .home .main .kodawari h2 {
    background-image: url(img/kodawari__title-back.png);
    width: 70%;
    padding-bottom: 5%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 36 * (100vw - 1025px) / 1975);
    aspect-ratio: 1450/180;
    margin-bottom: 8%;
  }
  .home .main .kodawari h2 .pc-set {
    display: inline;
    color: #6d5023;
    font-size: calc(24px + 28 * (100vw - 1025px) / 1975);
  }
  .home .main .kodawari .kodawari__inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    aspect-ratio: 1.7/1;
  }
  .home .main .kodawari .kodawari__inner p:nth-child(1) {
    width: 40%;
    font-size: calc(13px + 26 * (100vw - 1025px) / 1975);
    position: absolute;
    line-height: 2;
    z-index: 2;
    left: 8%;
    top: 25%;
    color: #897161;
  }
  .home .main .kodawari .kodawari__inner p:nth-child(1) .br {
    display: inline;
  }
  .home .main .kodawari .kodawari__inner picture:nth-child(2) {
    width: 90%;
    position: absolute;
    z-index: 1;
    left: 5%;
    top: 0;
  }
  .home .main .kodawari .kodawari__inner p:nth-child(3) {
    width: 27%;
    bottom: 11%;
    right: 25%;
    position: absolute;
    background-image: url(img/kodawari-btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 537/103;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
    transition: transform 0.5s ease-in-out;
    /* 初期状態は等倍（1倍）*/
    transform: scale(1);
    cursor: pointer;
  }
  .home .main .kodawari .kodawari__inner p:nth-child(3):hover {
    transform: scale(1.2);
  }
  .home .main .kodawari .kodawari__inner p:nth-child(3) a:link,
  .home .main .kodawari .kodawari__inner p:nth-child(3) a:visited,
  .home .main .kodawari .kodawari__inner p:nth-child(3) a:hover,
  .home .main .kodawari .kodawari__inner p:nth-child(3) a:active {
    font-size: calc(15px + 36 * (100vw - 1025px) / 1975);
  }
  .home .main .toriatukai {
    width: 100%;
    margin-bottom: 15%;
  }
  .home .main .toriatukai h2 {
    background-image: url(img/toriatukai__title-back.png);
    width: 70%;
    padding-bottom: 3%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 36 * (100vw - 1025px) / 1975);
    aspect-ratio: 1450/180;
    margin-bottom: 4%;
  }
  .home .main .toriatukai .toriatukai__inner {
    width: 90%;
    margin: 0 auto;
    position: relative;
    aspect-ratio: 1773/858;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .home .main .toriatukai .toriatukai__inner .toriatukai__item {
    width: 30%;
    margin-bottom: 5%;
  }
  .home .main .toriatukai .toriatukai__inner .toriatukai__item a {
    order: 2;
  }
  .home .main .toriatukai .toriatukai__inner .toriatukai__item a h3 {
    color: #6d5023;
    font-size: calc(14px + 36 * (100vw - 1025px) / 1975);
    text-align: center;
    position: relative;
  }
  .home .main .toriatukai .toriatukai__inner .toriatukai__item a h3::before {
    content: "＼";
    position: absolute;
    top: 0;
    left: -3vw;
  }
  .home .main .toriatukai .toriatukai__inner .toriatukai__item a h3::after {
    content: "／";
    position: absolute;
    top: 0;
    right: -3vw;
  }
  .home .main .toriatukai .toriatukai__inner .toriatukai__item p:nth-child(2) {
    width: 100%;
    font-size: calc(14px + 14 * (100vw - 1025px) / 1975);
    margin-bottom: 5%;
  }
  .home .main .toriatukai .toriatukai__inner .toriatukai__item p:nth-child(2) a {
    display: inline-block;
    border-radius: 5%;
    /* !! 親要素からはみ出た部分を非表示にするための重要設定 !! */
    overflow: hidden;
  }
  .home .main .toriatukai .toriatukai__inner .toriatukai__item p:nth-child(2) a img {
    /* !! アニメーションの設定 !! */
    /* ズームアニメーションを0.5秒かけて滑らかに実行 */
    transition: transform 0.5s ease-in-out;
    /* 初期状態は等倍（1倍）*/
    transform: scale(1);
    /* 親要素にoverflow: hidden;を設定することで、ズームしても枠外にはみ出しません。*/
    display: block; /* 一部の環境で発生する下部の隙間を解消するため */
    cursor: pointer;
  }
  .home .main .toriatukai .toriatukai__inner .toriatukai__item p:nth-child(2):hover img {
    transform: scale(1.2); /* 1.2倍に拡大 */
  }
  .home .main .toriatukai .toriatukai__con-area {
    width: 57%;
    background-image: url(img/toriatukai__line.png);
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 1795/100;
    margin: 0 auto;
    background-repeat: repeat-x;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home .main .toriatukai .toriatukai__con-area .toriatukai__con-inner {
    background-color: rgb(255, 255, 255);
    width: 45.5%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home .main .toriatukai .toriatukai__con-area .toriatukai__con-inner .toriatukai__con-btn {
    width: 80%;
    aspect-ratio: 434/96;
    background-color: #ee547c;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
  }
  .home .main .toriatukai .toriatukai__con-area .toriatukai__con-inner .toriatukai__con-btn a {
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 2vw;
  }
  .home .main .shitatenaoshi {
    width: 100%;
    margin-bottom: 15%;
  }
  .home .main .shitatenaoshi h2 {
    background-image: url(img/shitatenaoshi__title-back.png);
    width: 60%;
    padding-bottom: 3%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(20px + 36 * (100vw - 1025px) / 1975);
    aspect-ratio: 1365/325;
    margin-bottom: 4%;
    text-align: center;
  }
  .home .main .shitatenaoshi h2 .br-shitatenaoshi {
    --None: none;
    --Block: inline;
    display: var(--Inline);
  }
  .home .main .shitatenaoshi .shitatenaoshi__visual {
    width: 80%;
    margin: 0 auto 8%;
  }
  .home .main .shitatenaoshi .shitatenaoshi__inner {
    width: 80%;
    margin: 0 auto;
    position: relative;
  }
  .home .main .shitatenaoshi .shitatenaoshi__inner h3 {
    width: 63%;
    margin: 0 auto 3%;
  }
  .home .main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) {
    width: 60%;
    aspect-ratio: 2/1;
    background-color: #ee547c;
    padding: 5% calc(6% + 4 * (100vw - 1025px) / 1975);
    margin: 0 auto;
    border-radius: 20px;
    position: relative;
  }
  .home .main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) p:nth-child(1) {
    color: #fff;
    font-size: calc(16px + 23 * (100vw - 1025px) / 1975);
  }
  .home .main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) p:nth-child(2) {
    color: #fff;
    font-size: calc(16px + 23 * (100vw - 1025px) / 1975);
    width: calc(100% + -124 * (100vw - 1025px) / 1975);
    line-height: 2;
    margin: 0;
    padding: 0;
    aspect-ratio: unset;
  }
  .home .main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) p:nth-child(3) {
    color: #fff;
    font-size: calc(16px + 23 * (100vw - 1025px) / 1975);
    width: calc(60% + 40 * (100vw - 1025px) / 1975);
    line-height: 2;
    aspect-ratio: unset;
    position: static;
    margin: unset;
  }
  .home .main .shitatenaoshi .shitatenaoshi__inner div:nth-child(2) p:nth-child(4) {
    width: calc(21% + 6 * (1025px - 100vw) / 1975);
    aspect-ratio: unset;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .home .main .shitatenaoshi .shitatenaoshi__inner p:nth-child(3) {
    width: 60%;
    margin: 4% auto;
    color: #423232;
    font-size: calc(14px + 20 * (100vw - 1025px) / 1975);
    line-height: 2;
    position: static;
    aspect-ratio: unset;
  }
  .home .main .shitatenaoshi .shitatenaoshi__inner2 {
    width: 75%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
  }
  .home .main .shitatenaoshi .shitatenaoshi__inner2 ul:nth-child(1) {
    width: 45%;
    aspect-ratio: 1/1;
    background-image: url(img/shitatenaoshi-before.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    position: relative;
    padding: 11% 0 0 8%;
    margin: 0;
    border-radius: 5%;
  }
  .home .main .shitatenaoshi .shitatenaoshi__inner2 ul:nth-child(1) li {
    font-family: "UzuraFont", sans-serif;
    font-size: calc(14px + 25 * (100vw - 1025px) / 1975);
    list-style: circle;
    padding: 2% 0;
  }
  .home .main .shitatenaoshi .shitatenaoshi__inner2 ul:nth-child(2) {
    position: relative;
    width: 45%;
    aspect-ratio: 1/1;
    background-image: url(img/shitatenaoshi-after.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    padding: 11% 0 0 5%;
    border-radius: 5%;
  }
  .home .main .shitatenaoshi .shitatenaoshi__inner2 ul:nth-child(2) li {
    font-family: "UzuraFont", sans-serif;
    font-size: calc(14px + 25 * (100vw - 1025px) / 1975);
    list-style: none;
    line-height: 1.7;
  }
  .home .main .shitatenaoshi .shitatenaoshi__btn {
    width: 40%;
    margin: 5% auto 5%;
  }
  .home .main .shitatenaoshi .shitatenaoshi__btn img {
    /*
    * アニメーションを滑らかにするための設定
    * transformプロパティの変化を0.3秒かけて行う
    */
    transition: transform 0.3s ease-in-out;
    /* * マウスオーバーでサイズが変わることを考慮し、
    * 周囲の要素に影響を与えないように表示設定をブロック要素かインラインブロック要素にする
    */
    display: block;
    /* * アニメーション開始時のサイズや位置を設定（ここでは特に変更なし）
    * transform: scale(1); はあってもなくても動作しますが、明示的に設定するのも良いです。
    */
    transform: scale(1);
  }
  .home .main .shitatenaoshi .shitatenaoshi__btn {
    /* 2. マウスオーバー時のスタイル設定 */
  }
  .home .main .shitatenaoshi .shitatenaoshi__btn .shitatenaoshi_2 img:hover {
    /*
    * サイズをわずかに拡大 (例: 1.05倍)
    * transform: scale() を使うと、拡大時に画像がぼやけにくく、パフォーマンスも良いです。
    */
    transform: scale(1.05);
  }
  .home .main .oshirase {
    margin-bottom: 15%;
  }
  .home .main .oshirase h2 {
    background-image: url(img/oshirase__title-back.svg);
    width: 70%;
    padding-bottom: 6%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 36 * (100vw - 1025px) / 1975);
    aspect-ratio: 1365/325;
    margin-bottom: 4%;
    text-align: center;
  }
  .home .main .oshirase .oshirase__inner {
    width: 60%;
    margin: 5% auto 8%;
    gap: 4vw;
  }
  .home .main .oshirase .oshirase__inner li {
    width: 100%;
  }
  .home .main .oshirase .oshirase__inner li .news-excerpt a:link,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:hover,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:visited,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:active {
    color: #6a4b3f;
  }
  .home .main .oshirase .oshirase__inner li .news-excerpt a:link .content,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:hover .content,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:visited .content,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:active .content {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .home .main .oshirase .oshirase__inner li .news-excerpt a:link .content .item-meta,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:hover .content .item-meta,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:visited .content .item-meta,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:active .content .item-meta {
    display: flex;
    justify-content: right;
    width: 45%;
    gap: 3%;
  }
  .home .main .oshirase .oshirase__inner li .news-excerpt a:link .content .item-meta .news-date,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:hover .content .item-meta .news-date,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:visited .content .item-meta .news-date,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:active .content .item-meta .news-date {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(12px + 25 * (100vw - 1025px) / 1975);
  }
  .home .main .oshirase .oshirase__inner li .news-excerpt a:link .content .item-meta .news-category,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:hover .content .item-meta .news-category,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:visited .content .item-meta .news-category,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:active .content .item-meta .news-category {
    width: 35%;
    height: 2.2vw;
    margin: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #54a7b7;
    font-size: calc(12px + 25 * (100vw - 1025px) / 1975);
    color: #ffffff;
  }
  .home .main .oshirase .oshirase__inner li .news-excerpt a:link .content .item-meta .nomal,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:hover .content .item-meta .nomal,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:visited .content .item-meta .nomal,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:active .content .item-meta .nomal {
    opacity: 0;
  }
  .home .main .oshirase .oshirase__inner li .news-excerpt a:link .content h3,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:hover .content h3,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:visited .content h3,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:active .content h3 {
    width: 50%;
    order: 3;
    font-size: calc(12px + 25 * (100vw - 1025px) / 1975);
    white-space: nowrap;
    font-weight: normal;
  }
  .home .main .oshirase .oshirase__inner li .news-excerpt a:link .content .nomal,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:hover .content .nomal,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:visited .content .nomal,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:active .content .nomal {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0%;
    margin: auto;
  }
  .home .main .oshirase .oshirase__inner li .news-excerpt a:link .content .nomal.new,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:hover .content .nomal.new,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:visited .content .nomal.new,
  .home .main .oshirase .oshirase__inner li .news-excerpt a:active .content .nomal.new {
    opacity: 1 !important;
    background-color: #f00;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(11px + 6 * (100vw - 1025px) / 1975);
    color: #ffffff;
    margin: auto;
    width: 10%;
    height: 2vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -64%;
  }
  .home .main .oshirase a.button-link:link,
  .home .main .oshirase a.button-link:visited,
  .home .main .oshirase a.button-link:active {
    color: #ffffff;
    font-size: calc(12px + 25 * (100vw - 1025px) / 1975);
    transform: scale(1);
  }
  .home .main .oshirase a.button-link:link .more-link-container,
  .home .main .oshirase a.button-link:visited .more-link-container,
  .home .main .oshirase a.button-link:active .more-link-container {
    display: flex;
    width: -moz-fit-content;
    width: 28%;
    aspect-ratio: 4/1;
    margin: 0 auto;
    padding: 1%;
    background-color: rgb(126, 183, 114);
    justify-content: center;
    gap: 10%;
    align-items: center;
    border-radius: 3vw;
    height: auto;
    font-size: calc(16px + 27 * (100vw - 1025px) / 1975);
    transition: transform 0.3s ease-in-out;
  }
  .home .main .oshirase a.button-link:link .more-link-container:hover,
  .home .main .oshirase a.button-link:visited .more-link-container:hover,
  .home .main .oshirase a.button-link:active .more-link-container:hover {
    transform: scale(1.05);
  }
  .home .main .oshirase a.button-link:link .more-link-container::after,
  .home .main .oshirase a.button-link:visited .more-link-container::after,
  .home .main .oshirase a.button-link:active .more-link-container::after {
    content: "▶︎";
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(40px + 60 * (100vw - 1025px) / 1975);
    height: calc(40px + 60 * (100vw - 1025px) / 1975);
    border-radius: calc(20px + 30 * (100vw - 1025px) / 1975);
    background-color: #ffffff;
    color: #675384;
  }
  .home .main .sns {
    width: 100%;
  }
  .home .main .sns h2 {
    background-image: url(img/sns__title-back.svg);
    width: 45%;
    padding-bottom: 3%;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 36 * (100vw - 1025px) / 1975);
    aspect-ratio: 1365/325;
    margin-bottom: 4%;
    text-align: center;
  }
  .home .main .sns ul {
    display: flex;
    width: 40%;
    margin: 0 auto;
    justify-content: space-between;
  }
  .home .main .sns ul li {
    width: 16%;
  }
}
@media screen and (min-width: 300px) {
  .page-maejimashingten {
    padding-bottom: calc(190% + 35 * (300px - 100vw) / 299);
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  .page-maejimashingten main {
    background-image: url(img/main-back01pc.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .page-maejimashingten main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding: 0;
  }
  .page-maejimashingten main .maejimashinguten {
    width: 93.5%;
    margin: 0 auto;
    margin-top: calc(175px + 70 * (100vw - 300px) / 299);
    position: relative;
    background-image: url(img/maejima-main-sp.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 1870/800;
  }
  .page-maejimashingten main .maejimashinguten h1 {
    position: absolute;
    right: 10%;
    top: 15%;
    writing-mode: vertical-rl; /* または vertical-lr */
    /* 必要に応じて、その他のプロパティも調整 */
    text-orientation: upright; /* 文字の向きを揃える場合 */
    white-space: nowrap; /* テキストが途中で改行されないようにする */
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(24px + 16 * (100vw - 300px) / 299);
  }
  .page-maejimashingten main .maejimashinguten p {
    position: absolute;
    right: 30%;
    top: 92%;
    writing-mode: vertical-rl; /* または vertical-lr */
    /* 必要に応じて、その他のプロパティも調整 */
    text-orientation: upright; /* 文字の向きを揃える場合 */
    white-space: nowrap; /* テキストが途中で改行されないようにする */
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    letter-spacing: 0.3rem;
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    line-height: calc(22px + 24 * (100vw - 300px) / 299);
    color: #503a18;
  }
  .page-maejimashingten main .history {
    width: 100%;
    margin-bottom: 10%;
    margin-top: calc(420px + 170 * (100vw - 300px) / 299);
  }
  .page-maejimashingten main .history h2 {
    width: fit-content;
    display: flex;
    color: #987b6b;
    margin: 0 auto;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.2rem;
    font-size: calc(20px + 16 * (100vw - 300px) / 299);
  }
  .page-maejimashingten main .history h2::before {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: none;
    width: 15%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/sougyou-left.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-right: 3%;
  }
  .page-maejimashingten main .history h2::after {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: none;
    width: 15%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/sougyou-right.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-left: 3%;
  }
  .page-maejimashingten main .history .history1 {
    width: 100%;
    padding-top: calc(0% + 274 * (100vw - 300px) / 299);
    margin: 0 auto;
    position: relative;
    background-image: url(img/maejima-history01sp.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/1150;
    padding-bottom: 400px;
  }
  .page-maejimashingten main .history .history1 h3 {
    position: absolute;
    right: 8%;
    top: 9%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(20px + 16 * (100vw - 300px) / 299);
  }
  .page-maejimashingten main .history .history1 p {
    position: absolute;
    left: calc(44px + 90 * (100vw - 300px) / 299);
    top: 17%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    letter-spacing: 0.3rem;
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    /* line-height: 1.5; */
    line-height: calc(20px + 15 * (100vw - 300px) / 299);
    color: #503a18;
  }
  .page-maejimashingten main .history .history2 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-image: url(img/maejima-history02sp.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    /* aspect-ratio: 2000 / 1329; */
    padding-top: calc(145% + 116 * (300px - 100vw) / 299);
    background-color: #ede5d4;
  }
  .page-maejimashingten main .history .history2 h3 {
    position: absolute;
    right: 8%;
    top: 0%;
    writing-mode: vertical-rl; /* または vertical-lr */
    /* 必要に応じて、その他のプロパティも調整 */
    text-orientation: upright; /* 文字の向きを揃える場合 */
    white-space: nowrap; /* テキストが途中で改行されないようにする */
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(20px + 16 * (100vw - 300px) / 299);
  }
  .page-maejimashingten main .history .history2 p {
    position: absolute;
    right: calc(25% - 0 * (100vw - 300px) / 299);
    top: 8%;
    writing-mode: vertical-rl; /* または vertical-lr */
    /* 必要に応じて、その他のプロパティも調整 */
    text-orientation: upright; /* 文字の向きを揃える場合 */
    white-space: nowrap; /* テキストが途中で改行されないようにする */
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    letter-spacing: 0.3rem;
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    /* line-height: 1.5; */
    line-height: calc(18px + 15 * (100vw - 300px) / 299);
    color: #332510;
  }
  .page-maejimashingten main .history .history4 {
    width: 100%;
    margin: 0 auto 63%;
    position: relative;
    background-image: url(img/maejima-history04sp.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    /* aspect-ratio: 2000 / 1329; */
    padding-top: calc(136% + 116 * (300px - 100vw) / 299);
  }
  .page-maejimashingten main .history .history4 h3 {
    position: absolute;
    right: 8%;
    top: 0%;
    writing-mode: vertical-rl; /* または vertical-lr */
    /* 必要に応じて、その他のプロパティも調整 */
    text-orientation: upright; /* 文字の向きを揃える場合 */
    white-space: nowrap; /* テキストが途中で改行されないようにする */
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(20px + 16 * (100vw - 300px) / 299);
  }
  .page-maejimashingten main .history .history4 p {
    position: absolute;
    right: calc(25% - 0 * (100vw - 300px) / 299);
    top: 8%;
    writing-mode: vertical-rl; /* または vertical-lr */
    /* 必要に応じて、その他のプロパティも調整 */
    text-orientation: upright; /* 文字の向きを揃える場合 */
    white-space: nowrap; /* テキストが途中で改行されないようにする */
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    letter-spacing: 0.3rem;
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    /* line-height: 1.5; */
    line-height: calc(21px + 15 * (100vw - 300px) / 299);
    color: #332510;
  }
  .page-maejimashingten main .history .history3 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-image: url(img/maejima-history03sp.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: calc(96% + 112 * (300px - 100vw) / 299);
  }
  .page-maejimashingten main .history .history3 h3 {
    position: absolute;
    right: 8%;
    top: -50%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(20px + 16 * (100vw - 300px) / 299);
  }
  .page-maejimashingten main .history .history3 p {
    position: absolute;
    right: 21%;
    top: calc(-39% + 4 * (100vw - 300px) / 299);
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    letter-spacing: 0.3rem;
    font-size: calc(13px + 4 * (100vw - 300px) / 299);
    /* line-height: 1.5; */
    line-height: calc(16px + 15 * (100vw - 300px) / 299);
    color: #503a18;
  }
}
@media screen and (min-width: 600px) {
  .page-maejimashingten {
    padding-bottom: calc(58% + -10 * (600px - 100vw) / 424);
  }
  .page-maejimashingten main {
    background-image: url(img/main-back01pc.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .page-maejimashingten main::before {
    display: none;
  }
  .page-maejimashingten main .maejimashinguten {
    width: 93.5%;
    margin: 0 auto;
    margin-top: calc(175px + 70 * (100vw - 600px) / 424);
    position: relative;
    background-image: url(img/maejima-main.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 1870/800;
  }
  .page-maejimashingten main .maejimashinguten h1 {
    position: absolute;
    right: 10%;
    top: 15%;
    writing-mode: vertical-rl; /* または vertical-lr */
    /* 必要に応じて、その他のプロパティも調整 */
    text-orientation: upright; /* 文字の向きを揃える場合 */
    white-space: nowrap; /* テキストが途中で改行されないようにする */
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(24px + 16 * (100vw - 600px) / 424);
  }
  .page-maejimashingten main .maejimashinguten p {
    position: absolute;
    right: 30%;
    top: 92%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    letter-spacing: 0.3rem;
    font-size: calc(12px + 6 * (100vw - 600px) / 424);
    line-height: calc(40px + 24 * (100vw - 600px) / 424);
  }
  .page-maejimashingten main .history {
    width: 100%;
    margin-bottom: 10%;
    margin-top: calc(535px + 170 * (100vw - 600px) / 424);
  }
  .page-maejimashingten main .history h2 {
    width: fit-content;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.2rem;
    font-size: calc(20px + 24 * (100vw - 600px) / 424);
    top: -7%;
  }
  .page-maejimashingten main .history h2::before {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: none;
    width: 15%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/sougyou-left.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-right: 3%;
  }
  .page-maejimashingten main .history h2::after {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: none;
    width: 15%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/sougyou-right.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-left: 3%;
  }
  .page-maejimashingten main .history .history1 {
    width: 100%;
    padding-top: calc(0% + 444 * (100vw - 600px) / 424);
    margin: 0 auto;
    position: relative;
    background-image: url(img/maejima-history01sp.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 111%;
    aspect-ratio: 2000/1150;
    padding-bottom: 400px;
  }
  .page-maejimashingten main .history .history1 h3 {
    position: absolute;
    right: 50%;
    top: -4%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(20px + 16 * (100vw - 600px) / 424);
  }
  .page-maejimashingten main .history .history1 p {
    position: absolute;
    left: 10%;
    top: 7%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    letter-spacing: 0.3rem;
    font-size: calc(12px + 10 * (100vw - 600px) / 424);
    /* line-height: 1.5; */
    line-height: calc(24px + 15 * (100vw - 600px) / 424);
  }
  .page-maejimashingten main .history .history2 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-image: url(img/maejima-history02sp.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    /* aspect-ratio: 2000 / 1329; */
    padding-top: calc(63% + 26 * (600px - 100vw) / 424);
    background-color: #ede5d4;
  }
  .page-maejimashingten main .history .history2 h3 {
    position: absolute;
    right: 10%;
    top: -11%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(20px + 16 * (100vw - 600px) / 424);
  }
  .page-maejimashingten main .history .history2 p {
    position: absolute;
    right: calc(19% - 0 * (97vw - 600px) / 424);
    top: -1%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    letter-spacing: 0.3rem;
    font-size: calc(12px + 10 * (100vw - 600px) / 424);
    /* line-height: 1.5; */
    line-height: calc(24px + 15 * (100vw - 600px) / 424);
  }
  .page-maejimashingten main .history .history4 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-image: url(img/maejima-history04tb.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 80%;
    /* aspect-ratio: 2000 / 1329; */
    padding-top: calc(60% + 26 * (600px - 100vw) / 424);
    /* background-color: #ede5d4; */
  }
  .page-maejimashingten main .history .history4 h3 {
    position: absolute;
    right: 58%;
    top: 6%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(20px + 16 * (100vw - 600px) / 424);
  }
  .page-maejimashingten main .history .history4 p {
    position: absolute;
    right: calc(66% - 0 * (97vw - 600px) / 424);
    top: 16%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    letter-spacing: 0.3rem;
    font-size: calc(12px + 10 * (100vw - 600px) / 424);
    /* line-height: 1.5; */
    line-height: calc(24px + 15 * (100vw - 600px) / 424);
  }
  .page-maejimashingten main .history .history3 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-image: url(img/maejima-history03sp.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: calc(100% + -4 * (600px - 100vw) / 424);
  }
  .page-maejimashingten main .history .history3 h3 {
    position: absolute;
    right: 21%;
    top: 6%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(20px + 16 * (100vw - 600px) / 424);
  }
  .page-maejimashingten main .history .history3 p {
    position: absolute;
    right: 30%;
    top: 12%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    letter-spacing: 0.3rem;
    font-size: calc(12px + 10 * (100vw - 600px) / 424);
    /* line-height: 1.5; */
    line-height: calc(24px + 15 * (100vw - 600px) / 424);
  }
}
@media screen and (min-width: 1025px) {
  .page-maejimashingten {
    padding-bottom: calc(37% + -16 * (100vw - 1025px) / 1975);
  }
  .page-maejimashingten main {
    background-image: url(img/main-back01pc.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .page-maejimashingten main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 20%;
  }
  .page-maejimashingten main .maejimashinguten {
    width: 93.5%;
    margin: 0 auto;
    position: relative;
    background-image: url(img/maejima-main.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 1870/800;
  }
  .page-maejimashingten main .maejimashinguten h1 {
    position: absolute;
    right: 5%;
    top: 15%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(24px + 40 * (100vw - 1025px) / 1975);
  }
  .page-maejimashingten main .maejimashinguten p {
    position: absolute;
    right: 12%;
    top: 28%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    letter-spacing: 0.3rem;
    font-size: calc(14px + 28 * (100vw - 1025px) / 1975);
    line-height: 2.4;
  }
  .page-maejimashingten main .history {
    width: 100%;
    margin-bottom: 10%;
    margin-top: calc(185px + 70 * (100vw - 1025px) / 1975);
    position: relative;
  }
  .page-maejimashingten main .history h2 {
    position: absolute;
    top: 6%;
    left: 0;
    right: 0;
    width: 55%;
    display: flex;
    justify-content: space-between;
    color: #84682b;
    margin: 0 auto;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(24px + 60 * (100vw - 1025px) / 1975);
  }
  .page-maejimashingten main .history h2::before {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: block;
    width: 15%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/sougyou-left.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-right: 3%;
  }
  .page-maejimashingten main .history h2::after {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: block;
    width: 15%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/sougyou-right.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-left: 3%;
  }
  .page-maejimashingten main .history .history1 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
    position: relative;
    background-image: url(img/maejima-history01.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/850;
  }
  .page-maejimashingten main .history .history1 h3 {
    position: absolute;
    left: calc(40% - 3 * (100vw - 1025px) / 1975);
    width: fit-content;
    top: 37%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(24px + 40 * (100vw - 1025px) / 1975);
  }
  .page-maejimashingten main .history .history1 p {
    position: absolute;
    left: calc(11% + -10 * (100vw - 1025px) / 1975);
    top: 48%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    letter-spacing: 0.3rem;
    font-size: calc(14px + 28 * (100vw - 1025px) / 1975);
    line-height: 2.4;
  }
  .page-maejimashingten main .history .history2 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-image: url(img/maejima-history02.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/880;
    padding-top: 0;
  }
  .page-maejimashingten main .history .history2 h3 {
    position: absolute;
    right: 16%;
    top: 2%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(24px + 40 * (100vw - 1025px) / 1975);
  }
  .page-maejimashingten main .history .history2 p {
    position: absolute;
    right: 22%;
    top: 10%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    letter-spacing: 0.3rem;
    font-size: calc(14px + 28 * (100vw - 1025px) / 1975);
    line-height: 2.4;
  }
  .page-maejimashingten main .history .history4 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-image: url(img/maejima-history04.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-top: 0;
  }
  .page-maejimashingten main .history .history4 h3 {
    position: absolute;
    left: 16%;
    top: 2%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(24px + 40 * (100vw - 1025px) / 1975);
  }
  .page-maejimashingten main .history .history4 p {
    position: absolute;
    left: 22%;
    top: 10%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    letter-spacing: 0.3rem;
    font-size: calc(14px + 28 * (100vw - 1025px) / 1975);
    line-height: 2.4;
  }
  .page-maejimashingten main .history .history3 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-image: url(img/maejima-history03.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/1139;
    padding-top: unset;
  }
  .page-maejimashingten main .history .history3 h3 {
    position: absolute;
    right: 7%;
    top: -4%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(24px + 40 * (100vw - 1025px) / 1975);
  }
  .page-maejimashingten main .history .history3 p {
    position: absolute;
    right: 14%;
    top: 3%;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    letter-spacing: 0.3rem;
    font-size: calc(14px + 28 * (100vw - 1025px) / 1975);
    line-height: 2.4;
    color: #221b12;
    text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
  }
}
@media screen and (min-width: 300px) {
  .page-product-list {
    padding-bottom: calc(190% + 44 * (300px - 100vw) / 299);
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  .page-product-list main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 0;
    line-height: 1.7;
  }
  .page-product-list main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 50%;
  }
  .page-product-list main h1 {
    background-image: url(img/product-list-h1.png);
    width: 100%;
    margin: 0 auto 13%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 81%;
    aspect-ratio: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #826639;
    font-weight: 400;
    font-family: "Zen Antique Soft", serif;
    font-style: normal;
    font-size: calc(18px + 14 * (100vw - 300px) / 299);
    padding-bottom: 7%;
  }
  .page-product-list main .product-list-catch {
    color: #6d5023;
    width: 90%;
    margin: 0 auto calc(10% + 12 * (100vw - 300px) / 299);
    font-size: calc(12px + 4 * (100vw - 300px) / 299);
    line-height: 1.7;
  }
  .page-product-list main .product-list-navi {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 20%;
    gap: 10px;
    justify-content: space-between;
  }
  .page-product-list main .product-list-navi li {
    width: 46%;
    padding: 6% 2%;
    border: 1px solid #cf9b5f;
    margin-bottom: 5px;
    position: relative;
    border-radius: 2vw;
    cursor: pointer;
    background-color: #edbd87;
    transform: scale(1);
    /* ここに background-color の transition を追加します */
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out; /* ★追加: 背景色を0.3秒かけて変化させる */
    font-size: calc(12px + 4 * (100vw - 300px) / 299);
  }
  .page-product-list main .product-list-navi li:hover {
    transform: scale(1.05);
    background-color: #e3a156;
  }
  .page-product-list main .product-list-navi li a {
    /* display: block も有効ですが、position: absolute が最も確実です */
    display: flex;
    /* 絶対配置にして、liの寸法を無視して自由に配置します */
    position: absolute;
    /* liの四隅に合わせて、幅と高さを100%にします */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* リンクの文字装飾を解除する（任意） */
    text-decoration: none;
    color: inherit; /* 親要素 li の色を継承する */
    justify-content: center;
    align-items: center;
    /* li のコンテンツ（テキストなど）が a の背後に隠れないよう、
    	z-indexを設定するとさらに良い場合があります。
    	ただし、上記のコード例では a の中にテキストがないため必須ではありません。
    */
    /* z-index: 1; */
  }
  .page-product-list main .product-list-container {
    width: 100vw;
    margin-bottom: 15%;
  }
  .page-product-list main .product-list-container .product-category-section {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .page-product-list main .product-list-container .product-category-section .product-h2 {
    font-size: calc(16px + 8 * (100vw - 300px) / 299);
    background-color: #b1a37c;
    padding: 1%;
    color: #85321d;
    width: 90%;
    margin: 0 auto 4%;
    white-space: nowrap;
    text-align: center;
    border-radius: 1vw;
    background-image: url(img/product-list-h2.png);
  }
  .page-product-list main .product-list-container .product-category-section .product-h2::after {
    content: "";
    background-image: url(img/SVG/list-h2-right.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 5vw;
    height: 5vw;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2vw;
  }
  .page-product-list main .product-list-container .product-category-section .product-h2::before {
    content: "";
    background-image: url(img/SVG/list-h2-left.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 5vw;
    height: 5vw;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2vw;
  }
  .page-product-list main .product-list-container .product-category-section .product-category-description {
    color: #6d5023;
    width: 90%;
    margin: 0 auto 5% auto;
    font-size: calc(12px + 7 * (100vw - 300px) / 299);
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item {
    width: 90%;
    margin: 10% auto 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 10%;
    border-bottom: 1px #883 solid;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-img {
    width: 85%;
    margin: 0 auto 5% auto;
    margin-bottom: 5%;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-img img {
    border-radius: 2vw;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-h3 {
    width: 100%;
    margin-bottom: 5%;
    text-align: left;
    color: #6d5023;
    font-weight: bold;
    font-style: normal;
    font-size: calc(16px + 8 * (100vw - 300px) / 299);
    padding-left: 6%;
    padding: 1% 1% 1% 6%;
    display: flex;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-h3::before {
    display: inline-block;
    width: 2%;
    aspect-ratio: 1/4;
    background-color: #dba865;
    content: "";
    margin-right: 5%;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt {
    color: #6d5023;
    width: 90%;
    margin: 0 auto 5% auto;
    font-size: calc(12px + 7 * (100vw - 300px) / 299);
    flex: auto;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:link,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:hover,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:visited,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:active {
    color: #6d5023;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:link::after,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:hover::after,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:visited::after,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:active::after {
    content: "▲";
    transform: rotate(90deg);
    display: inline-block;
    padding-left: 2%;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a {
    display: inline-block;
    width: 34%;
    font-size: calc(14px + 8 * (100vw - 300px) / 299);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: #897161 solid 1px;
    padding: 1% 2%;
    border-radius: 2.5vw;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a .product-details-button {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a:link, .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a:hover, .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a:visited, .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a:active {
    color: #ffffff;
    background-color: #6d5023;
  }
}
@media screen and (min-width: 600px) {
  .page-product-list {
    padding-bottom: calc(60% + -25 * (100vw - 600px) / 424);
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  .page-product-list main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 0;
    line-height: 1.7;
  }
  .page-product-list main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 20%;
  }
  .page-product-list main h1 {
    background-image: url(img/product-list-h1.png);
    width: 100%;
    margin: 0 auto 13%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 46%;
    aspect-ratio: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #826639;
    padding-bottom: 4%;
    font-weight: 400;
    font-family: "Zen Antique Soft", serif;
    font-style: normal;
    font-size: calc(18px + 14 * (100vw - 600px) / 424);
  }
  .page-product-list main .product-list-catch {
    color: #6d5023;
    width: 90%;
    margin: 0 auto calc(20% + 12 * (100vw - 600px) / 424);
    font-size: calc(12px + 4 * (100vw - 600px) / 424);
    line-height: 1.7;
  }
  .page-product-list main .product-list-navi {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 10%;
    gap: 10px;
    justify-content: space-between;
  }
  .page-product-list main .product-list-navi li {
    width: 18%;
    padding: 4% 2%;
    border: 1px solid #cf9b5f;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
    border-radius: 0.5vw;
    background-color: #edbd87;
    transform: scale(1);
    /* ここに background-color の transition を追加します */
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out; /* ★追加: 背景色を0.3秒かけて変化させる */
    font-size: calc(12px + 4 * (100vw - 600px) / 424);
  }
  .page-product-list main .product-list-navi li:hover {
    transform: scale(1.05);
    background-color: #e3a156;
  }
  .page-product-list main .product-list-navi li a {
    /* display: block も有効ですが、position: absolute が最も確実です */
    display: flex;
    /* 絶対配置にして、liの寸法を無視して自由に配置します */
    position: absolute;
    /* liの四隅に合わせて、幅と高さを100%にします */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* リンクの文字装飾を解除する（任意） */
    text-decoration: none;
    color: inherit; /* 親要素 li の色を継承する */
    justify-content: center;
    align-items: center;
    /* li のコンテンツ（テキストなど）が a の背後に隠れないよう、
    	z-indexを設定するとさらに良い場合があります。
    	ただし、上記のコード例では a の中にテキストがないため必須ではありません。
    */
    /* z-index: 1; */
  }
  .page-product-list main .product-list-container {
    width: 100vw;
    margin-bottom: 15%;
  }
  .page-product-list main .product-list-container .product-category-section {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .page-product-list main .product-list-container .product-category-section .product-h2 {
    font-size: calc(24px + 8 * (100vw - 600px) / 424);
    background-color: #b1a37c;
    padding: 1%;
    color: #85321d;
    width: 90%;
    margin: 0 auto 4%;
    white-space: nowrap;
    text-align: center;
    border-radius: 1vw;
    background-image: url(img/product-list-h2.png);
  }
  .page-product-list main .product-list-container .product-category-section .product-h2::after {
    content: "";
    background-image: url(img/kirakira01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 2vw;
    height: 2vw;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
  }
  .page-product-list main .product-list-container .product-category-section .product-h2::before {
    content: "";
    background-image: url(img/kirakira01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 2vw;
    height: 2vw;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1vw;
  }
  .page-product-list main .product-list-container .product-category-section .product-category-description {
    width: 70%;
    margin: 0 auto 5%;
    color: #6d5023;
    font-size: calc(16px + 8 * (100vw - 600px) / 424);
  }
  .page-product-list main .product-list-container .product-category-section .product-inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item {
    width: 50%;
    margin: 0 auto 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 10%;
    border-bottom: 1px #883 solid;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-img {
    width: 85%;
    margin: 0 auto 5% auto;
    margin-bottom: 5%;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-img img {
    border-radius: 2vw;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-h3 {
    width: 90%;
    text-align: left;
    color: #6d5023;
    font-weight: bold;
    font-style: normal;
    font-size: calc(16px + 8 * (100vw - 600px) / 424);
    padding-left: 6%;
    display: flex;
    padding: 2%;
    margin: 6px auto 5%;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-h3::before {
    display: inline-block;
    width: 2%;
    aspect-ratio: 1/4;
    background-color: #dba865;
    content: "";
    margin-right: 5%;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt {
    color: #6d5023;
    width: 90%;
    margin: 0 auto 5% auto;
    font-size: calc(12px + 7 * (100vw - 600px) / 424);
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:link,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:hover,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:visited,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:active {
    color: #6d5023;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:link::after,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:hover::after,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:visited::after,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:active::after {
    content: "▲";
    transform: rotate(90deg);
    display: inline-block;
    padding-left: 2%;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a {
    display: inline-block;
    width: 34%;
    font-size: calc(14px + 8 * (100vw - 600px) / 424);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: #897161 solid 1px;
    padding: 1% 2%;
    border-radius: 2.5vw;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a .product-details-button {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a:link, .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a:hover, .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a:visited, .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a:active {
    color: #ffffff;
    background-color: #6d5023;
  }
}
@media screen and (min-width: 1025px) {
  .page-product-list {
    padding-bottom: calc(38% + -20 * (100vw - 1025px) / 1975);
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  .page-product-list main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 0;
    line-height: 1.7;
  }
  .page-product-list main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 20%;
  }
  .page-product-list main h1 {
    background-image: url(img/product-list-h1.png);
    width: 100%;
    margin: 0 auto 4%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 35%;
    aspect-ratio: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #826639;
    font-weight: 400;
    font-family: "Zen Antique Soft", serif;
    font-style: normal;
    font-size: calc(30px + 36 * (100vw - 1025px) / 1975);
  }
  .page-product-list main .product-list-catch {
    color: #6d5023;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto calc(7% + 2 * (100vw - 1025px) / 1975);
    font-size: calc(14px + 17 * (100vw - 1025px) / 1975);
    line-height: 2;
  }
  .page-product-list main .product-list-navi {
    width: calc(70% + 10 * (100vw - 1025px) / 1975);
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 10%;
    gap: 2%;
    justify-content: space-between;
  }
  .page-product-list main .product-list-navi li {
    width: 18%;
    padding: 4% 2%;
    border: 1px solid #cf9b5f;
    margin-bottom: 3%;
    position: relative;
    cursor: pointer;
    border-radius: 0.5vw;
    background-color: #edbd87;
    transform: scale(1);
    /* ここに background-color の transition を追加します */
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out; /* ★追加: 背景色を0.3秒かけて変化させる */
  }
  .page-product-list main .product-list-navi li:hover {
    transform: scale(1.05);
    background-color: #e3a156;
  }
  .page-product-list main .product-list-navi li a {
    /* display: block も有効ですが、position: absolute が最も確実です */
    display: flex;
    /* 絶対配置にして、liの寸法を無視して自由に配置します */
    position: absolute;
    /* liの四隅に合わせて、幅と高さを100%にします */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* リンクの文字装飾を解除する（任意） */
    text-decoration: none;
    color: inherit; /* 親要素 li の色を継承する */
    justify-content: center;
    align-items: center;
    /* li のコンテンツ（テキストなど）が a の背後に隠れないよう、
    	z-indexを設定するとさらに良い場合があります。
    	ただし、上記のコード例では a の中にテキストがないため必須ではありません。
    */
    /* z-index: 1; */
  }
  .page-product-list main .product-list-container {
    width: 90%;
    /* margin-bottom: 15%; */
    margin: 0 auto 15%;
  }
  .page-product-list main .product-list-container .product-category-section {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .page-product-list main .product-list-container .product-category-section .product-h2 {
    background-color: #b1a37c;
    padding: 1%;
    color: #85321d;
    font-size: calc(28px + 27 * (100vw - 1025px) / 1975);
    width: 90%;
    margin: 0 auto 4%;
    white-space: nowrap;
    text-align: center;
    border-radius: 1vw;
    background-image: url(img/product-list-h2.png);
  }
  .page-product-list main .product-list-container .product-category-section .product-h2::after {
    content: "";
    background-image: url(img/kirakira02.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 2vw;
    height: 2vw;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
  }
  .page-product-list main .product-list-container .product-category-section .product-h2::before {
    content: "";
    background-image: url(img/kirakira02.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 2vw;
    height: 2vw;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1vw;
  }
  .page-product-list main .product-list-container .product-category-section .product-category-description {
    width: 70%;
    margin: 0 auto 5%;
    color: #6d5023;
    font-size: calc(14px + 28 * (100vw - 1025px) / 1975);
  }
  .page-product-list main .product-list-container .product-category-section .product-inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    width: fit-content;
    margin: 0 auto;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item {
    width: 44vw;
    margin: 0 auto 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 10%;
    border-bottom: 1px #883 solid;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-img {
    width: 85%;
    margin: 0 auto 5% auto;
    margin-bottom: 5%;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-img img {
    border-radius: 2vw;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-h3 {
    width: 90%;
    text-align: left;
    color: #6d5023;
    font-weight: bold;
    font-style: normal;
    font-size: calc(18px + 36 * (100vw - 1025px) / 1975);
    padding-left: 6%;
    background-color: unset;
    padding: 2%;
    margin: 6px auto 5%;
    font-weight: bold;
    display: flex;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-h3::before {
    display: inline-block;
    width: 2%;
    aspect-ratio: 1/4;
    background-color: #dba865;
    content: "";
    margin-right: 5%;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-price {
    width: 90%;
    margin: 0 auto 5% auto;
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt {
    color: #6d5023;
    width: 90%;
    margin: 0 auto 5% auto;
    font-size: calc(14px + 28 * (100vw - 1025px) / 1975);
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:link,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:hover,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:visited,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:active {
    color: #6d5023;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:link::after,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:hover::after,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:visited::after,
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt a:active::after {
    content: "▲";
    transform: rotate(90deg);
    display: inline-block;
    padding-left: 2%;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-description-excerpt .wp-block-table {
    margin-top: 5%;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a {
    display: inline-block;
    width: 34%;
    font-size: calc(16px + 17 * (100vw - 1025px) / 1975);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: #897161 solid 1px;
    padding: 1% 2%;
    border-radius: 2.5vw;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a .product-details-button {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a:link, .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a:hover, .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a:visited, .page-product-list main .product-list-container .product-category-section .product-inner .product-item .product-details-a:active {
    color: #ffffff;
    background-color: #6d5023;
  }
}
@media screen and (min-width: 300px) {
  .page-handmade-futon {
    padding-bottom: calc(190% + 44 * (300px - 100vw) / 299);
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  .page-handmade-futon main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .page-handmade-futon main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding: 60% 0 0 0;
  }
  .page-handmade-futon main .kodawari {
    width: 100%;
    margin-top: 0;
  }
  .page-handmade-futon main .kodawari h1 {
    width: 90%;
    display: flex;
    justify-content: space-between;
    color: #84682b;
    margin: 0 auto 10%;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    text-align: center;
    letter-spacing: 0.2rem;
    font-size: calc(18px + 20 * (100vw - 300px) / 299);
  }
  .page-handmade-futon main .kodawari h1::before {
    content: "";
    display: block;
    width: 10%;
    aspect-ratio: 131/20;
    background-image: url(img/kodawari_titlepars-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .page-handmade-futon main .kodawari h1::after {
    content: "";
    display: block;
    width: 8%;
    aspect-ratio: 131/20;
    background-image: url(img/kodawari_titlepars-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .page-handmade-futon main .kodawari .catch {
    color: #6d5023;
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    text-indent: 1rem;
    margin: 0 auto 17%;
    width: 90%;
    line-height: 1.75;
  }
  .page-handmade-futon main .kodawari .catch .br {
    display: none;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01,
  .page-handmade-futon main .kodawari .craftsmanship_03 {
    width: 100%;
    background-image: url(img/kodawari_back01.png);
    background-repeat: round;
    background-position: left;
    aspect-ratio: 2000/660;
    background-size: cover;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 0 10% 0;
    padding: 10% 0;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner {
    width: 90%;
    display: flex;
    justify-content: unset;
    flex-direction: column;
    margin: 0 auto;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .left,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .left {
    width: 100%;
    display: flex;
    flex-direction: column;
    order: 1;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .left h3,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .left h3 {
    width: 100%;
    margin: 0 auto 5%;
    order: 1;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .left p,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .left p {
    color: #6d5023;
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    text-indent: 1rem;
    margin-bottom: 4%;
    width: 90%;
    margin: 0 auto 10%;
    order: 2;
    line-height: 1.75;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .right,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .right {
    width: 90%;
    margin: 0 auto;
    order: 2;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02,
  .page-handmade-futon main .kodawari .craftsmanship_04 {
    width: 100%;
    background-image: url(img/kodawari_back02.png);
    background-repeat: round;
    background-size: cover;
    background-position: left;
    aspect-ratio: 2000/660;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 10% 0;
    padding: 10% 0;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner {
    width: 90%;
    display: flex;
    justify-content: unset;
    flex-direction: column;
    margin: 0 auto;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .left,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .left {
    width: 100%;
    display: flex;
    flex-direction: column;
    order: 1;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .left h3,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .left h3 {
    width: 100%;
    margin: 0 auto 5%;
    order: 1;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .left p,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .left p {
    color: #6d5023;
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    text-indent: 1rem;
    margin-bottom: 4%;
    width: 90%;
    margin: 0 auto 10%;
    order: 2;
    line-height: 1.75;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .right,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .right {
    width: 40%;
    order: 1;
    width: 90%;
    margin: 0 auto;
    order: 2;
  }
}
@media screen and (min-width: 600px) {
  .page-handmade-futon {
    padding-bottom: calc(67% + 20 * (600px - 100vw) / 424);
  }
  .page-handmade-futon main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .page-handmade-futon main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding: 25% 0 0 0;
  }
  .page-handmade-futon main .kodawari {
    width: 100%;
  }
  .page-handmade-futon main .kodawari h1 {
    width: 74%;
    display: flex;
    color: #84682b;
    justify-content: space-between;
    margin: 0 auto 5%;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(20px + 16 * (100vw - 600px) / 424);
  }
  .page-handmade-futon main .kodawari h1::before {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: block;
    width: 13%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: unset;
    background-image: url("img/kodawari_titlepars-left.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-right: 3%;
  }
  .page-handmade-futon main .kodawari h1::after {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: block;
    width: 10%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/kodawari_titlepars-right.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-left: 3%;
  }
  .page-handmade-futon main .kodawari .catch {
    color: #6d5023;
    font-size: calc(13px + 3 * (100vw - 600px) / 424);
    text-indent: 1rem;
    margin: 0 auto 4%;
    width: fit-content;
    text-align: center;
  }
  .page-handmade-futon main .kodawari .catch .br {
    display: inline;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01,
  .page-handmade-futon main .kodawari .craftsmanship_03 {
    width: 100%;
    background-image: url(img/kodawari_back01.png);
    background-repeat: round;
    background-position: left;
    aspect-ratio: 2000/660;
    background-size: cover;
    display: flex;
    align-items: center;
    margin: 0 0 5% 0;
    padding: 4%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    flex-direction: row;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .left,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .left {
    width: 45%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .left h2,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .left h2 {
    margin-bottom: 4%;
    width: 100%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .left p,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .left p {
    color: #6d5023;
    font-size: calc(12px + 4 * (100vw - 600px) / 424);
    text-indent: 1rem;
    margin-bottom: 4%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .right,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .right {
    width: 50%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02,
  .page-handmade-futon main .kodawari .craftsmanship_04 {
    width: 100%;
    background-image: url(img/kodawari_back02.png);
    background-repeat: round;
    background-position: left;
    aspect-ratio: 2000/660;
    background-size: cover;
    aspect-ratio: 2000/660;
    display: flex;
    align-items: center;
    margin: 0 0 5% 0;
    padding: 4%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner {
    width: 94%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    flex-direction: row;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .left,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .left {
    width: 45%;
    order: 2;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .left h3,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .left h3 {
    margin-bottom: 4%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .left p,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .left p {
    color: #6d5023;
    font-size: calc(12px + 4 * (100vw - 600px) / 424);
    text-indent: 1rem;
    margin-bottom: 4%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .right,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .right {
    width: 50%;
    order: 1;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .left h3 {
    width: 100%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .left h3 {
    width: 65%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .left h3 {
    width: 78%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .left h3 {
    width: 63%;
  }
}
@media screen and (min-width: 1025px) {
  .page-handmade-futon {
    padding-bottom: calc(38% + 30 * (100vw - 1025px) / 1975);
  }
  .page-handmade-futon main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .page-handmade-futon main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding: 20% 0 0 0;
  }
  .page-handmade-futon main .kodawari {
    width: 100%;
  }
  .page-handmade-futon main .kodawari h1 {
    width: calc(30% + 6 * (100vw - 1025px) / 1975);
    white-space: nowrap;
    display: flex;
    color: #84682b;
    justify-content: space-between;
    margin: 0 auto 5%;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(30px + 30 * (100vw - 1025px) / 1975);
  }
  .page-handmade-futon main .kodawari h1::before {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: block;
    width: 13%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/kodawari_titlepars-left.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-right: 3%;
  }
  .page-handmade-futon main .kodawari h1::after {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: block;
    width: 10%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/kodawari_titlepars-right.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-left: 3%;
  }
  .page-handmade-futon main .kodawari .catch {
    color: #6d5023;
    font-size: calc(14px + 18 * (100vw - 1025px) / 1975);
    text-indent: 1rem;
    margin: 0 auto 4%;
    width: fit-content;
    text-align: center;
  }
  .page-handmade-futon main .kodawari .catch .br {
    display: inline;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01,
  .page-handmade-futon main .kodawari .craftsmanship_03 {
    width: 100%;
    background-image: url(img/kodawari_back01.png);
    background-repeat: round;
    background-position: left;
    aspect-ratio: 2000/660;
    background-size: cover;
    display: flex;
    align-items: center;
    margin: 0 0 5% 0;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner {
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .left,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .left {
    width: 50%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .left h2,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .left h2 {
    margin-bottom: 4%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .left p,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .left p {
    color: #6d5023;
    font-size: calc(14px + 18 * (100vw - 1025px) / 1975);
    text-indent: 1rem;
    margin-bottom: 4%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .right,
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .right {
    width: 40%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02,
  .page-handmade-futon main .kodawari .craftsmanship_04 {
    width: 100%;
    background-image: url(img/kodawari_back02.png);
    background-repeat: round;
    background-size: cover;
    background-position: left;
    aspect-ratio: 2000/660;
    aspect-ratio: 2000/660;
    display: flex;
    align-items: center;
    margin: 0 0 5% 0;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner {
    width: 90%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    flex-direction: row;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .left,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .left {
    width: 50%;
    order: 2;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .left h3,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .left h3 {
    margin-bottom: 4%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .left p,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .left p {
    color: #6d5023;
    font-size: calc(14px + 18 * (100vw - 1025px) / 1975);
    text-indent: 1rem;
    margin-bottom: 4%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .right,
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .right {
    width: 40%;
    order: 1;
  }
  .page-handmade-futon main .kodawari .craftsmanship_01 .inner .left h3 {
    width: 90%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_02 .inner .left h3 {
    width: 90%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_03 .inner .left h3 {
    width: 90%;
  }
  .page-handmade-futon main .kodawari .craftsmanship_04 .inner .left h3 {
    width: 90%;
  }
}
@media screen and (min-width: 300px) {
  .single-toriatukai_shouhin {
    padding-bottom: calc(182% + 24 * (300px - 100vw) / 299);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 0;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 55%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area {
    width: 100%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article {
    width: 100%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header {
    width: 100%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header nav {
    font-size: calc(11px + 7 * (100vw - 300px) / 299);
    margin-bottom: 10%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header nav ol.breadcrumb-list {
    display: flex;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header nav ol.breadcrumb-list .breadcrumb-separator {
    padding: 0 1%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header h1 {
    background-image: url(img/osusume__title-back.svg);
    width: 90%;
    margin: 0 auto 13%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 7/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #826639;
    font-weight: 400;
    font-family: "Zen Antique Soft", serif;
    font-style: normal;
    font-size: calc(20px + 16 * (100vw - 300px) / 299);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content {
    width: 90%;
    margin: 0 auto;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .product-featured-image {
    width: 100%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .product-featured-image .wp-post-image {
    width: 100%;
    margin: 0 auto 5%;
    border-radius: 2vw;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .sub-title {
    width: 100%;
    margin-bottom: 5%;
    text-align: left;
    color: #6d5023;
    font-weight: bold;
    font-style: normal;
    font-size: calc(16px + 14 * (100vw - 300px) / 299);
    padding-left: 6%;
    padding: 1% 1% 1% 6%;
    display: flex;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .sub-title::before {
    display: inline-block;
    width: 2%;
    aspect-ratio: 1/4;
    background-color: #dba865;
    content: "";
    margin-right: 5%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .kakaku {
    font-size: calc(20px + 8 * (100vw - 300px) / 299);
    font-weight: 700;
    color: rgb(219, 15, 15);
    margin-bottom: 5%;
    width: 90%;
    padding: 3%;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0 auto 7% auto;
    border-bottom: 1px solid #b3a382;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .kakaku strong {
    color: rgb(32, 16, 16);
    font-size: calc(13px + 7 * (100vw - 300px) / 299);
    font-weight: 300;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content {
    width: 100%;
    padding: 5%;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0 auto 8% auto;
    border: 1px solid #efe3ca;
    box-shadow: -1px 3px 14px 0px rgba(145, 140, 120, 0.35);
    line-height: 1.7;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content h3 {
    font-size: calc(16px + 4 * (100vw - 300px) / 299);
    color: #ffffff;
    background-color: #7e585b;
    padding: 1%;
    margin: 0 auto 6%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content h4 {
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    margin: 0 auto 8%;
    color: #e556a7;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content p {
    font-size: calc(13px + 3 * (100vw - 300px) / 299);
    color: #413c2b;
    margin: 0 auto 20%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content .wp-block-table {
    font-size: calc(12px + 4 * (100vw - 300px) / 299);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content .wp-block-table th {
    width: fit-content;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content ol {
    padding: 0;
    font-size: calc(13px + 3 * (100vw - 300px) / 299);
    color: #413c2b;
    margin: 0 auto 10%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content ol li {
    margin-bottom: 5%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content ol lili:last-child {
    margin-bottom: 0;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links {
    display: flex;
    width: calc(90% + 20 * (300px - 100vw) / 299);
    margin: 0 auto;
    justify-content: space-between;
    white-space: nowrap;
    font-size: calc(11px + 4 * (100vw - 300px) / 299);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links .nav-previous {
    margin: 4%;
    width: fit-content;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links .nav-previous::before {
    display: inline-block;
    content: "<";
    padding-right: 1%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links .nav-next {
    width: fit-content;
    margin: 4%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links .nav-next::after {
    display: inline-block;
    content: ">";
    padding-left: 1%;
  }
}
@media screen and (min-width: 600px) {
  .single-toriatukai_shouhin {
    padding-bottom: calc(49% + 15 * (600px - 100vw) / 424);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin {
    background-image: url(img/main-back01pc.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 15%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area {
    width: 100%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article {
    width: 75%;
    margin: 0 auto;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header {
    width: 100%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header nav {
    font-size: calc(12px + 4 * (100vw - 600px) / 424);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header nav ol.breadcrumb-list {
    display: flex;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header nav ol.breadcrumb-list .breadcrumb-separator {
    padding: 0 1%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header h1 {
    background-image: url(img/osusume__title-back.svg);
    width: 48%;
    padding-bottom: 3%;
    margin: 0 auto 6%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 12 * (100vw - 600px) / 424);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content {
    width: 90%;
    margin: 0 auto;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .product-featured-image {
    width: 90%;
    margin: 0 auto;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .product-featured-image .wp-post-image {
    width: 100%;
    margin: 0 auto;
    border-radius: 2vw;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .sub-title {
    width: 90%;
    text-align: left;
    color: #6d5023;
    font-weight: bold;
    font-style: normal;
    font-size: calc(16px + 8 * (100vw - 600px) / 424);
    padding-left: 6%;
    display: flex;
    padding: 2%;
    margin: 6px auto 5%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .sub-title::before {
    display: inline-block;
    width: 2%;
    aspect-ratio: 1/4;
    background-color: #dba865;
    content: "";
    margin-right: 5%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .kakaku {
    font-size: calc(20px + 8 * (100vw - 600px) / 424);
    font-weight: 700;
    color: rgb(219, 15, 15);
    margin-bottom: 5%;
    width: 90%;
    padding: 3%;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0 auto 3% auto;
    border-bottom: 1px solid #b3a382;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .kakaku strong {
    color: rgb(32, 16, 16);
    font-size: calc(14px + 4 * (100vw - 600px) / 424);
    font-weight: 300;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content {
    width: 90%;
    padding: 3%;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0 auto 3% auto;
    border: 1px solid #efe3ca;
    box-shadow: -1px 3px 4px 0px rgba(145, 140, 120, 0.35);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content h3 {
    font-size: calc(18px + 6 * (100vw - 600px) / 424);
    color: #ffffff;
    background-color: #7e585b;
    padding: 1%;
    margin: 0 auto 5%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content h4 {
    font-size: calc(16px + 4 * (100vw - 600px) / 424);
    color: #e556a7;
    margin: 0 auto 3%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content p {
    font-size: calc(14px + 2 * (100vw - 600px) / 424);
    color: #413c2b;
    margin: 0 auto 12%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content .wp-block-table {
    font-size: calc(14px + 2 * (100vw - 600px) / 424);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content .wp-block-table th {
    width: fit-content;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content ol {
    padding: 0;
    font-size: calc(14px + 2 * (100vw - 600px) / 424);
    color: #413c2b;
    margin: 0 auto 10%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content ol li {
    margin-bottom: 5%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content ol lili:last-child {
    margin-bottom: 0;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links {
    display: flex;
    width: fit-content;
    margin: 0 auto;
    justify-content: space-between;
    white-space: nowrap;
    gap: 6vw;
    font-size: calc(14px + 2 * (100vw - 600px) / 424);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links .nav-previous {
    margin: unset;
    width: fit-content;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links .nav-previous::before {
    display: inline-block;
    content: "<";
    padding-right: 1%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links .nav-next {
    width: fit-content;
    margin: unset;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links .nav-next::after {
    display: inline-block;
    content: ">";
    padding-left: 1%;
  }
}
@media screen and (min-width: 1025px) {
  .single-toriatukai_shouhin {
    padding-bottom: calc(25% + 30 * (100vw - 1025px) / 1975);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin {
    background-image: url(img/main-back01pc.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 15%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area {
    width: 100%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article {
    width: 70%;
    margin: 0 auto;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header {
    width: 100%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header nav {
    font-size: calc(12px + 25 * (100vw - 1025px) / 1975);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header nav ol.breadcrumb-list {
    display: flex;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header nav ol.breadcrumb-list .breadcrumb-separator {
    padding: 0 1%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-header h1 {
    background-image: url(img/osusume__title-back.svg);
    width: 48%;
    padding-bottom: 3%;
    margin: 0 auto 6%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 46 * (100vw - 1025px) / 1975);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content {
    width: 90%;
    margin: 0 auto;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .product-featured-image {
    width: 90%;
    margin: 0 auto;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .product-featured-image .wp-post-image {
    width: 100%;
    margin: 0 auto 5%;
    border-radius: 2vw;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .sub-title {
    width: 90%;
    text-align: left;
    color: #6d5023;
    font-weight: bold;
    font-style: normal;
    font-size: calc(18px + 30 * (100vw - 1025px) / 1975);
    padding-left: 6%;
    background-color: unset;
    padding: 2%;
    margin: 6px auto 5%;
    font-weight: bold;
    display: flex;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .sub-title::before {
    display: inline-block;
    width: 2%;
    aspect-ratio: 1/4;
    background-color: #dba865;
    content: "";
    margin-right: 5%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .kakaku {
    font-size: calc(24px + 44 * (100vw - 1025px) / 1975);
    font-weight: 700;
    color: rgb(219, 15, 15);
    margin-bottom: 5%;
    width: 90%;
    padding: 3%;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0 auto 3% auto;
    border-bottom: 2px solid #b3a382;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .kakaku strong {
    color: rgb(32, 16, 16);
    font-size: calc(16px + 26 * (100vw - 1025px) / 1975);
    font-weight: 300;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content {
    width: 90%;
    padding: 3%;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0 auto 3% auto;
    border: 1px solid #efe3ca;
    box-shadow: -1px 3px 4px 0px rgba(145, 140, 120, 0.35);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content h3 {
    font-size: calc(14px + 36 * (100vw - 1025px) / 1975);
    color: #ffffff;
    background-color: #7e585b;
    padding: 1%;
    margin: 0 auto 3%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content h4 {
    font-size: calc(14px + 36 * (100vw - 1025px) / 1975);
    color: #e556a7;
    margin: 0 auto 3%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content p {
    font-size: calc(16px + 24 * (100vw - 1025px) / 1975);
    color: #413c2b;
    margin: 0 auto 10%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content .wp-block-table {
    font-size: calc(16px + 24 * (100vw - 1025px) / 1975);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content .wp-block-table th {
    width: fit-content;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content ol {
    padding: 0;
    font-size: calc(16px + 24 * (100vw - 1025px) / 1975);
    color: #413c2b;
    margin: 0 auto 10%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content ol li {
    margin-bottom: 5%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin .content-area article .entry-content .the_content ol lili:last-child {
    margin-bottom: 0;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links {
    display: flex;
    width: fit-content;
    margin: 0 auto;
    justify-content: space-between;
    white-space: nowrap;
    gap: 6vw;
    font-size: calc(16px + 16 * (100vw - 1025px) / 1975);
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links .nav-previous {
    margin: unset;
    width: fit-content;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links .nav-previous::before {
    display: inline-block;
    content: "<";
    padding-right: 1%;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links .nav-next {
    width: fit-content;
    margin: unset;
  }
  .single-toriatukai_shouhin main.toriatukai_shouhin nav .nav-links .nav-next::after {
    display: inline-block;
    content: ">";
    padding-left: 1%;
  }
}
.page-news {
  padding-bottom: calc(190% + 30 * (300px - 100vw) / 299);
}
@media screen and (min-width: 300px) {
  .page-news main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 0;
  }
  .page-news main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 50%;
  }
  .page-news main .oshirase h2 {
    background-image: url(img/osusume__title-back.svg);
    width: 48%;
    padding-bottom: 3%;
    margin: 0 auto 7%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 7/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 14 * (100vw - 300px) / 424);
  }
  .page-news main .oshirase .oshirase__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5%;
  }
  .page-news main .oshirase .oshirase__inner a:link,
  .page-news main .oshirase .oshirase__inner a:hover,
  .page-news main .oshirase .oshirase__inner a:visited,
  .page-news main .oshirase .oshirase__inner a:active {
    color: #6d5023;
    display: flex;
    width: 47%;
    margin-bottom: 5%;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner,
  .page-news main .oshirase .oshirase__inner a:active .news-inner {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    position: relative;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text {
    display: flex;
    flex-direction: column;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text h3,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text h3,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text h3,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text h3 {
    width: 100%;
    margin-bottom: 10%;
    text-align: left;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(14px + 6 * (100vw - 300px) / 299);
    padding-left: 6%;
    flex-grow: 1;
    aspect-ratio: 4/1;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .content-text,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .content-text,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .content-text,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .content-text {
    font-size: calc(11px + 5 * (100vw - 300px) / 299);
    margin-bottom: 10%;
    line-height: 1.7;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text {
    display: flex;
    justify-content: right;
    gap: 10%;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text .news-date,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text .news-date,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text .news-date,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text .news-date {
    font-size: calc(10px + 5 * (100vw - 300px) / 299);
    line-height: 1.5;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text .nomal,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text .nomal,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text .nomal,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text .nomal {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text .nomal.new,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text .nomal.new,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text .nomal.new,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text .nomal.new {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #dd1d56;
    color: #fff;
    /* padding: 1%; */
    width: 18%;
    height: 5%;
    display: flex;
    font-size: calc(8px + 6 * (100vw - 300px) / 299);
    justify-content: center;
    align-items: center;
    z-index: 1;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text .news-categories,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text .news-categories,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text .news-categories,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text .news-categories {
    background-color: #6aa586;
    color: #fff;
    /* padding: 1%; */
    width: calc(80px + 11 * (100vw - 300px) / 299);
    height: calc(20px + 7 * (100vw - 300px) / 299);
    display: flex;
    font-size: calc(11px + 5 * (100vw - 300px) / 299);
    justify-content: center;
    align-items: center;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-thumbnail,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-thumbnail,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-thumbnail,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-thumbnail {
    /* 親要素のアスペクト比を固定 */
    position: relative; /* 子要素の絶対配置の基準に */
    width: 100%; /* 親要素の幅を30%に設定 */
    padding-top: 75%; /* 幅に対する高さの割合を4:3で計算 */
    margin-bottom: 10%;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-thumbnail img,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-thumbnail img,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-thumbnail img,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-thumbnail img {
    /* 画像を親要素の枠に合わせ、はみ出た部分を切り取る */
    position: absolute; /* 親要素の枠内に配置 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* これが肝心なプロパティ */
  }
  .page-news main .oshirase .pagination {
    width: 100%;
  }
  .page-news main .oshirase .pagination .page-numbers {
    width: calc(50% + -150 * (100vw - 300px) / 299);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .page-news main .oshirase .pagination .page-numbers li {
    width: fit-content;
    border: 1px solid #555;
  }
  .page-news main .oshirase .pagination .page-numbers li a {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-news main .oshirase .pagination .page-numbers li .page-numbers {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-news main .oshirase .pagination .page-numbers li .next,
  .page-news main .oshirase .pagination .page-numbers li .prev {
    width: 50px;
    width: auto;
    margin: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
  }
}

@media screen and (min-width: 600px) {
  .page-news {
    padding-bottom: calc(60% + 50 * (600px - 100vw) / 424);
  }
  .page-news main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 0;
  }
  .page-news main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 20%;
  }
  .page-news main .oshirase h2 {
    background-image: url(img/osusume__title-back.svg);
    width: 48%;
    padding-bottom: 3%;
    margin: 0 auto 7%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 7/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(24px + 14 * (100vw - 600px) / 424);
  }
  .page-news main .oshirase .oshirase__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5%;
  }
  .page-news main .oshirase .oshirase__inner a:link,
  .page-news main .oshirase .oshirase__inner a:hover,
  .page-news main .oshirase .oshirase__inner a:visited,
  .page-news main .oshirase .oshirase__inner a:active {
    color: #6d5023;
    display: flex;
    width: 30%;
    margin-bottom: 5%;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner,
  .page-news main .oshirase .oshirase__inner a:active .news-inner {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    position: relative;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text h3,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text h3,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text h3,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text h3 {
    width: 100%;
    margin-bottom: 5%;
    text-align: left;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(14px + 8 * (100vw - 600px) / 424);
    padding-left: 0%;
    flex-grow: 1;
    aspect-ratio: 4/1;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .content-text,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .content-text,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .content-text,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .content-text {
    font-size: calc(11px + 5 * (100vw - 600px) / 424);
    margin-bottom: 10%;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text {
    display: flex;
    justify-content: right;
    gap: 10%;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text .news-date,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text .news-date,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text .news-date,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text .news-date {
    font-size: calc(9px + 6 * (100vw - 600px) / 424);
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text .nomal,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text .nomal,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text .nomal,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text .nomal {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text .nomal.new,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text .nomal.new,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text .nomal.new,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text .nomal.new {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #dd1d56;
    color: #fff;
    /* padding: 1%; */
    width: 34%;
    height: 25px;
    display: flex;
    font-size: calc(10px + 8 * (100vw - 600px) / 424);
    justify-content: center;
    align-items: center;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text .news-categories,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text .news-categories,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text .news-categories,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text .news-categories {
    background-color: #6aa586;
    color: #fff;
    /* padding: 1%; */
    width: 34%;
    height: calc(20px + 8 * (100vw - 600px) / 424);
    display: flex;
    font-size: calc(12px + 6 * (100vw - 600px) / 424);
    justify-content: center;
    align-items: center;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-thumbnail,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-thumbnail,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-thumbnail,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-thumbnail {
    /* 親要素のアスペクト比を固定 */
    position: relative; /* 子要素の絶対配置の基準に */
    width: 100%; /* 親要素の幅を30%に設定 */
    padding-top: 75%; /* 幅に対する高さの割合を4:3で計算 */
    margin-bottom: 5%;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-thumbnail img,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-thumbnail img,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-thumbnail img,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-thumbnail img {
    /* 画像を親要素の枠に合わせ、はみ出た部分を切り取る */
    position: absolute; /* 親要素の枠内に配置 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* これが肝心なプロパティ */
  }
  .page-news main .oshirase .pagination {
    width: 100%;
  }
  .page-news main .oshirase .pagination .page-numbers {
    width: calc(25% + 100 * (600px - 100vw) / 424);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .page-news main .oshirase .pagination .page-numbers li {
    width: fit-content;
    border: 1px solid #555;
  }
  .page-news main .oshirase .pagination .page-numbers li a {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-news main .oshirase .pagination .page-numbers li .page-numbers {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-news main .oshirase .pagination .page-numbers li .next,
  .page-news main .oshirase .pagination .page-numbers li .prev {
    width: 50px;
    width: auto;
    margin: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
  }
}
@media screen and (min-width: 1025px) {
  .page-news {
    padding-bottom: calc(35% + 30 * (100vw - 1025px) / 1975);
  }
  .page-news main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
    padding-bottom: 0;
  }
  .page-news main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 15%;
  }
  .page-news main .oshirase h2 {
    background-image: url(img/osusume__title-back.svg);
    width: 48%;
    padding-bottom: 3%;
    margin: 0 auto 7%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 7/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #6d5023;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(36px + 50 * (100vw - 1025px) / 1975);
  }
  .page-news main .oshirase .oshirase__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5%;
  }
  .page-news main .oshirase .oshirase__inner a:link,
  .page-news main .oshirase .oshirase__inner a:hover,
  .page-news main .oshirase .oshirase__inner a:visited,
  .page-news main .oshirase .oshirase__inner a:active {
    color: #6d5023;
    display: flex;
    width: 30%;
    margin-bottom: 5%;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner,
  .page-news main .oshirase .oshirase__inner a:active .news-inner {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    position: relative;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text h3,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text h3,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text h3,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text h3 {
    width: 100%;
    margin-bottom: 5%;
    text-align: left;
    font-family: "Zen Antique Soft", serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(14px + 36 * (100vw - 1025px) / 1975);
    padding-left: 6%;
    flex-grow: 1;
    aspect-ratio: 4/1;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .content-text,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .content-text,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .content-text,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .content-text {
    font-size: calc(12px + 25 * (100vw - 1025px) / 1975);
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text {
    display: flex;
    justify-content: right;
    gap: 10%;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text .news-date,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text .news-date,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text .news-date,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text .news-date {
    font-size: calc(12px + 13 * (100vw - 1025px) / 1975);
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text .nomal,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text .nomal,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text .nomal,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text .nomal {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text .nomal.new,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text .nomal.new,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text .nomal.new,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text .nomal.new {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #dd1d56;
    color: #fff;
    /* padding: 1%; */
    width: 34%;
    height: 25px;
    display: flex;
    font-size: calc(12px + 25 * (100vw - 1025px) / 1975);
    justify-content: center;
    align-items: center;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-text .sub-text .news-categories,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-text .sub-text .news-categories,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-text .sub-text .news-categories,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-text .sub-text .news-categories {
    background-color: #6aa586;
    color: #fff;
    /* padding: 1%; */
    width: 34%;
    height: calc(20px + 33 * (100vw - 1025px) / 1975);
    display: flex;
    font-size: calc(12px + 25 * (100vw - 1025px) / 1975);
    justify-content: center;
    align-items: center;
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-thumbnail,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-thumbnail,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-thumbnail,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-thumbnail {
    /* 親要素のアスペクト比を固定 */
    position: relative; /* 子要素の絶対配置の基準に */
    width: 100%; /* 親要素の幅を30%に設定 */
    padding-top: 75%; /* 幅に対する高さの割合を4:3で計算 */
  }
  .page-news main .oshirase .oshirase__inner a:link .news-inner .news-thumbnail img,
  .page-news main .oshirase .oshirase__inner a:hover .news-inner .news-thumbnail img,
  .page-news main .oshirase .oshirase__inner a:visited .news-inner .news-thumbnail img,
  .page-news main .oshirase .oshirase__inner a:active .news-inner .news-thumbnail img {
    /* 画像を親要素の枠に合わせ、はみ出た部分を切り取る */
    position: absolute; /* 親要素の枠内に配置 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* これが肝心なプロパティ */
  }
  .page-news main .oshirase .pagination {
    width: 100%;
  }
  .page-news main .oshirase .pagination .page-numbers {
    width: calc(15% + -300 * (100vw - 1025px) / 1975);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .page-news main .oshirase .pagination .page-numbers li {
    width: fit-content;
    border: 1px solid #555;
  }
  .page-news main .oshirase .pagination .page-numbers li a {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-news main .oshirase .pagination .page-numbers li .page-numbers {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-news main .oshirase .pagination .page-numbers li .next,
  .page-news main .oshirase .pagination .page-numbers li .prev {
    width: 50px;
    width: auto;
    margin: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
  }
}
@media screen and (min-width: 300px) {
  .page-re-tailoring {
    padding-bottom: calc(190% + -80 * (100vw - 300px) / 299);
  }
  .page-re-tailoring main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .page-re-tailoring main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    padding-top: 65%;
  }
  .page-re-tailoring main h1 {
    width: fit-content;
    text-align: left;
    color: #6d5023;
    font-size: calc(22px + 13 * (100vw - 300px) / 299);
    margin: 0 auto 5%;
  }
  .page-re-tailoring main h1 .br {
    display: inline;
  }
  .page-re-tailoring main .re-tailoring01 {
    padding: 0 0 10%;
    position: relative;
  }
  .page-re-tailoring main .re-tailoring01 h2 {
    background-color: #089faf;
    border-radius: 1vw;
    width: 90%;
    padding: 2%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    margin-bottom: 7%;
    font-size: calc(18px + 6 * (100vw - 300px) / 299);
    line-height: 1.7;
  }
  .page-re-tailoring main .re-tailoring01 h2 .br {
    display: none;
  }
  .page-re-tailoring main .re-tailoring01 .catch {
    color: #6d5023;
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    text-indent: 1rem;
    margin: 0 auto 10%;
    width: 90%;
    text-align: center;
    line-height: 1.7;
  }
  .page-re-tailoring main .re-tailoring01 .catch .br {
    display: inline;
  }
  .page-re-tailoring main .re-tailoring01 .clerk01 {
    width: 20%;
    position: absolute;
    bottom: 44%;
    left: 6%;
  }
  .page-re-tailoring main .re-tailoring01 .section_inner {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    flex-direction: column-reverse;
  }
  .page-re-tailoring main .re-tailoring01 .section_inner .content {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring01 .section_inner .content p {
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    line-height: 1.7;
    margin-bottom: 4%;
  }
  .page-re-tailoring main .re-tailoring01 .section_inner .re-tailoring01-img {
    width: 100%;
    margin-bottom: 15%;
  }
  .page-re-tailoring main .re-tailoring02 {
    padding: 0 0 10%;
  }
  .page-re-tailoring main .re-tailoring02 h2 {
    background-color: #089faf;
    border-radius: 1vw;
    width: 90%;
    padding: 2%;
    margin: 0 auto 7%;
    text-align: center;
    color: #fff;
    margin-bottom: 5%;
    font-size: calc(18px + 6 * (100vw - 300px) / 299);
    line-height: 1.7;
  }
  .page-re-tailoring main .re-tailoring02 h2 .re-h1-span .br {
    display: inline;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    flex-direction: column-reverse;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner .content {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner .content .item h3 {
    background-color: #9d906a;
    border-radius: 0.5vw;
    padding: 2%;
    color: #fff;
    font-size: calc(15px + 4 * (100vw - 300px) / 299);
    margin-bottom: 4%;
    white-space: nowrap;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner .content .item p {
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    line-height: 1.7;
    margin-bottom: 7%;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner .re-tailoring01-img {
    width: 100%;
    margin-bottom: 5%;
  }
  .page-re-tailoring main .re-tailoring03 {
    padding: 0 0 10%;
  }
  .page-re-tailoring main .re-tailoring03 h2 {
    background-color: #089faf;
    border-radius: 1vw;
    width: 90%;
    padding: 2%;
    margin: 0 auto 7%;
    text-align: center;
    color: #fff;
    margin-bottom: 5%;
    font-size: calc(18px + 6 * (100vw - 300px) / 299);
    line-height: 1.7;
  }
  .page-re-tailoring main .re-tailoring03 h2 .br {
    display: inline;
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi {
    width: 90%;
    margin: 0 auto 10%;
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi li a {
    width: calc(70% + -20 * (100vw - 300px) / 299);
    margin: 0 auto;
    display: block;
    padding: 3%;
    border: #9d906a 1px solid;
    color: #204015;
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi li::after {
    content: "▼";
    display: block;
    width: fit-content;
    margin: 1% auto;
    color: #5eb2bb;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 {
    border-radius: 1vw;
    padding: 2%;
    color: #6d5023;
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    padding-bottom: 5%;
    margin-bottom: 7%;
    border-radius: 0.5vw;
    background-color: #f2f1e3;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li {
    color: #cc0234;
    font-size: 5vw;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:link,
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:hover,
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:visited,
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:active {
    color: #cc0234;
    font-weight: normal !important;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:link strong,
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:hover strong,
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:visited strong,
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:active strong {
    color: #cc0234;
    font-weight: normal !important;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a[href^="tel:"] {
    color: #cc0234 !important;
    text-decoration: none !important;
    font-weight: bold !important;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li:nth-child(2) {
    display: none;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .item-left {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .item-left {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item {
    background-color: #f2f1e3;
    border-radius: 1vw;
    padding: 2%;
    color: #664617;
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    display: flex;
    justify-content: space-between;
    padding-bottom: 7%;
    flex-direction: column;
    margin-bottom: 7%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left h3 {
    background-color: rgba(6, 111, 52, 0.568627451);
    padding: 2%;
    color: #fff;
    font-size: calc(18px + 4 * (100vw - 300px) / 299);
    margin-bottom: 5%;
    width: 100%;
    border-radius: 0.5vw;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p {
    font-size: calc(14px + 2 * (100vw - 300px) / 299);
    line-height: 1.7;
    margin-bottom: 4%;
    margin-left: 7%;
    padding: 4%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p a:link,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p a:hover,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p a:visited,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p a:active {
    color: #ffffff;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left .number {
    display: flex;
    align-items: center;
    gap: 4%;
    font-size: calc(16px + 8 * (100vw - 300px) / 299);
    margin: 0 0 8%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left .number .n {
    width: calc(46px + 20 * (100vw - 300px) / 299);
    height: calc(46px + 20 * (100vw - 300px) / 299);
    border-radius: calc(15px + 10 * (100vw - 300px) / 299);
    background-color: #ffffff;
    color: #6d5023;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: calc(20px + 9 * (100vw - 300px) / 299);
    border-radius: 8vw;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left h4 {
    border-radius: 0.5vw;
    width: 104%;
    padding: 2%;
    color: rgba(191, 24, 58, 0.94);
    font-size: 23px;
    margin-left: 0;
    font-size: calc(18px + 4 * (100vw - 300px) / 299);
    display: flex;
    align-items: center;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left h4 .re03-no {
    background-color: #ffffff;
    font-size: calc(22px + 4 * (100vw - 300px) / 299);
    width: calc(8vw + 4 * (100vw - 300px) / 299);
    height: calc(8vw + 4 * (100vw - 300px) / 299);
    aspect-ratio: 1/1;
    justify-content: center;
    align-items: center;
    border: 2px solid rgba(191, 24, 58, 0.94);
    border-radius: 11vw;
    display: flex;
    margin: 0 2% 0 0;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left h5 {
    width: 87%;
    padding: 2%;
    color: rgba(80, 55, 15, 0.94);
    font-size: 23px;
    margin-left: 7%;
    margin-bottom: 3%;
    border-bottom: rgba(80, 55, 15, 0.94) solid 1px;
    font-size: calc(16px + 4 * (100vw - 300px) / 299);
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left ul {
    font-size: calc(14px + 4 * (100vw - 300px) / 299);
    line-height: 1.7;
    margin-bottom: 4%;
    margin-left: 4%;
    padding: 4%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-right {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-right .item-left-img {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-right .kiji-img {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-right .kiji-img li {
    width: 24%;
    padding: 1%;
  }
}
@media screen and (min-width: 600px) {
  .page-re-tailoring {
    padding-bottom: calc(50% + -2 * (100vw - 600px) / 424);
  }
  .page-re-tailoring main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .page-re-tailoring main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    padding-top: 27%;
  }
  .page-re-tailoring main h1 {
    color: #6d5023;
    font-size: calc(24px + 16 * (100vw - 600px) / 424);
    width: 78%;
    margin: 0 auto 5%;
    background-image: url(img/re-tailoring-back02.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: 73%;
    padding: 1%;
    height: 14.5vw;
    display: flex;
    align-items: center;
  }
  .page-re-tailoring main h1 .re-h1-span {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.8);
    height: fit-content;
    padding: 4.7%;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
  }
  .page-re-tailoring main h1 .re-h1-span .br {
    display: none;
  }
  .page-re-tailoring main .re-tailoring01 {
    padding: 0 0 10%;
  }
  .page-re-tailoring main .re-tailoring01 h2 {
    background-color: #089faf;
    border-radius: 1vw;
    width: 90%;
    padding: 2%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    margin-bottom: 5%;
    font-size: calc(18px + 6 * (100vw - 600px) / 424);
    line-height: 1.7;
  }
  .page-re-tailoring main .re-tailoring01 h2 .br {
    display: inline;
  }
  .page-re-tailoring main .re-tailoring01 .catch {
    color: #6d5023;
    font-size: calc(14px + 6 * (100vw - 600px) / 424);
    text-indent: 1rem;
    margin: 0 auto 10%;
    width: fit-content;
    text-align: center;
    line-height: 1.7;
  }
  .page-re-tailoring main .re-tailoring01 .clerk01 {
    position: absolute;
    width: 8%;
    top: -36%;
    right: 8%;
    bottom: unset;
    left: unset;
  }
  .page-re-tailoring main .re-tailoring01 .section_inner {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    flex-direction: row;
  }
  .page-re-tailoring main .re-tailoring01 .section_inner .content {
    width: 48%;
  }
  .page-re-tailoring main .re-tailoring01 .section_inner .content p {
    color: #6d5023;
    font-size: calc(14px + 6 * (100vw - 600px) / 424);
    text-indent: 1rem;
    margin: 0 auto 10%;
    width: fit-content;
    text-align: left;
    line-height: 1.7;
  }
  .page-re-tailoring main .re-tailoring01 .section_inner .re-tailoring01-img {
    width: 48%;
  }
  .page-re-tailoring main .re-tailoring02 {
    padding: 0 0 10%;
  }
  .page-re-tailoring main .re-tailoring02 h2 {
    border-radius: 1vw;
    width: 80%;
    padding: 2%;
    margin: 0 auto;
    text-align: center;
    color: #0d39a1;
    margin-bottom: 5%;
    font-size: calc(18px + 12 * (100vw - 600px) / 424);
    background-image: url(img/re-tailoring-back03.png);
    background-size: 109%;
    background-position-y: -169%;
    background-position-x: 93%;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
  }
  .page-re-tailoring main .re-tailoring02 h2 .br {
    display: inline;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    flex-direction: column-reverse;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner .content {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner .content .item h3 {
    background-color: #9d906a;
    padding: 2%;
    color: #fff;
    border-radius: 0.5vw;
    font-size: calc(18px + 4 * (100vw - 600px) / 424);
    margin-bottom: 4%;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner .content .item p {
    font-size: calc(14px + 4 * (100vw - 600px) / 424);
    line-height: 1.7;
    margin-bottom: 4%;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner .re-tailoring01-img {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 {
    padding: 0 0 10%;
  }
  .page-re-tailoring main .re-tailoring03 h2 {
    background-color: #089faf;
    border-radius: 1vw;
    width: 90%;
    padding: 2%;
    margin: 0 auto;
    text-align: center;
    color: #664617;
    margin-bottom: 5%;
    font-size: calc(18px + 6 * (100vw - 600px) / 424);
    line-height: 1.7;
  }
  .page-re-tailoring main .re-tailoring03 h2 .br {
    display: inline;
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi {
    width: 90%;
    margin: 0 auto 10%;
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi li a {
    width: calc(48% + 12 * (100vw - 600px) / 424);
    margin: 0 auto;
    display: block;
    padding: 3%;
    border: #9d906a 1px solid;
    color: #204015;
    font-size: calc(18px + 12 * (100vw - 600px) / 424);
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi li::after {
    content: "▼";
    display: block;
    width: fit-content;
    margin: 1% auto;
    color: #5eb2bb;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 {
    border-radius: 1vw;
    padding: 2%;
    color: #6d5023;
    font-size: calc(16px + 32 * (100vw - 600px) / 424);
    padding-bottom: 5%;
    margin-bottom: 7%;
    border-radius: 0.5vw;
    background-color: #f2f1e3;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li:nth-child(2) {
    display: none;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .item-left {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .item-right {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item {
    background-color: #f2f1e3;
    border-radius: 0.5vw;
    padding: 2%;
    color: #664617;
    font-size: calc(14px + 4 * (100vw - 600px) / 424);
    display: flex;
    justify-content: space-between;
    padding-bottom: 5%;
    flex-direction: row;
    margin-bottom: 7%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left h3 {
    background-color: rgba(6, 111, 52, 0.568627451);
    padding: 2%;
    color: #fff;
    border-radius: 0.5vw;
    font-size: calc(18px + 4 * (100vw - 600px) / 424);
    margin-bottom: 5%;
    width: 95%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p {
    font-size: calc(14px + 2 * (100vw - 600px) / 424);
    line-height: 1.7;
    margin-bottom: 4%;
    margin-left: 4%;
    padding: 4%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p a:link,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p a:hover,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p a:visited,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p a:active {
    color: #ffffff;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left .number {
    display: flex;
    align-items: center;
    gap: 4%;
    font-size: calc(13px + 8 * (100vw - 600px) / 424);
    margin-bottom: 0;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left .number .n {
    width: calc(30px + 20 * (100vw - 600px) / 424);
    height: calc(30px + 20 * (100vw - 600px) / 424);
    border-radius: calc(15px + 10 * (100vw - 600px) / 424);
    background-color: #ffffff;
    color: #6d5023;
    border-radius: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: calc(15px + 9 * (100vw - 600px) / 424);
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left h4 {
    border-radius: 0.5vw;
    width: 87%;
    padding: 2%;
    color: rgba(191, 24, 58, 0.94);
    font-size: 23px;
    margin-left: 7%;
    font-size: calc(18px + 4 * (100vw - 600px) / 424);
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left h4 .re03-no {
    background-color: #ffffff;
    font-size: calc(24px + 16 * (100vw - 600px) / 424);
    width: 8vw;
    height: 8vw;
    aspect-ratio: 1/1;
    justify-content: center;
    align-items: center;
    border: 2px solid rgba(191, 24, 58, 0.94);
    border-radius: 11vw;
    display: flex;
    margin: 0 2% 0 0;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left h5 {
    width: 87%;
    padding: 2%;
    color: rgba(80, 55, 15, 0.94);
    font-size: 23px;
    margin-left: 7%;
    margin-bottom: 3%;
    border-bottom: rgba(80, 55, 15, 0.94) solid 1px;
    font-size: calc(16px + 4 * (100vw - 600px) / 424);
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left .no3-ul li {
    font-size: calc(14px + 4 * (100vw - 600px) / 424);
    line-height: 1.7;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-right {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-right .item-left-img {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-right .kiji-img {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-right .kiji-img li {
    width: 24%;
    padding: 1%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .no1-ul {
    grid-column: 1/3;
    font-size: calc(14px + 4 * (100vw - 600px) / 424);
    line-height: 1.7;
    margin-bottom: 4%;
    margin-left: 4%;
    padding: 4%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .no1-ul li {
    color: #cc0234;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .no1-ul li a:link,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .no1-ul li a:hover,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .no1-ul li a:visited,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .no1-ul li a:active {
    color: #cc0234;
    font-weight: normal !important;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .no1-ul li a:link strong,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .no1-ul li a:hover strong,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .no1-ul li a:visited strong,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .no1-ul li a:active strong {
    color: #cc0234;
    font-weight: normal !important;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .no1-ul li a[href^="tel:"] {
    color: #cc0234 !important;
    text-decoration: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .page-re-tailoring {
    padding-bottom: calc(30% + 30 * (100vw - 1025px) / 1975);
  }
  .page-re-tailoring main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .page-re-tailoring main::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 20%;
  }
  .page-re-tailoring main h1 {
    color: #6d5023;
    font-size: calc(30px + 40 * (100vw - 1025px) / 1975);
    width: 60%;
    margin: 0 auto 5%;
    background-image: url(img/re-tailoring-back02.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: 73%;
    padding: 1%;
    height: 10.5vw;
    display: flex;
    align-items: center;
  }
  .page-re-tailoring main h1 .br {
    display: none;
  }
  .page-re-tailoring main h1 .re-h1-span {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.8);
    height: fit-content;
    padding: 4.7%;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
  }
  .page-re-tailoring main .re-tailoring01 {
    padding: 0 0 10%;
    position: relative;
  }
  .page-re-tailoring main .re-tailoring01 h2 {
    background-color: #089faf;
    border-radius: 1vw;
    width: 80%;
    padding: 2%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    margin-bottom: 5%;
    font-size: calc(26px + 34 * (100vw - 1025px) / 1975);
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
  }
  .page-re-tailoring main .re-tailoring01 h2 .br {
    display: none;
  }
  .page-re-tailoring main .re-tailoring01 .catch {
    color: #6d5023;
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    text-indent: 1rem;
    margin: 0 auto 10%;
    width: fit-content;
    text-align: center;
    line-height: 1.7;
  }
  .page-re-tailoring main .re-tailoring01 .catch .br {
    display: none;
  }
  .page-re-tailoring main .re-tailoring01 .clerk01 {
    position: absolute;
    width: 7%;
    top: -28%;
    right: 17%;
    bottom: unset;
    left: unset;
  }
  .page-re-tailoring main .re-tailoring01 .section_inner {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    flex-direction: row;
  }
  .page-re-tailoring main .re-tailoring01 .section_inner .content {
    width: 48%;
  }
  .page-re-tailoring main .re-tailoring01 .section_inner .content p {
    color: #6d5023;
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    line-height: 1.7;
    margin-bottom: 4%;
    text-align: left;
  }
  .page-re-tailoring main .re-tailoring01 .section_inner .re-tailoring01-img {
    width: 48%;
  }
  .page-re-tailoring main .re-tailoring02 {
    padding: 0 0 10%;
  }
  .page-re-tailoring main .re-tailoring02 h2 {
    border-radius: 1vw;
    width: 80%;
    padding: 2%;
    margin: 0 auto;
    text-align: center;
    color: #0d39a1;
    margin-bottom: 5%;
    font-size: calc(26px + 34 * (100vw - 1025px) / 1975);
    background-image: url(img/re-tailoring-back03.png);
    background-size: 109%;
    background-position-y: -185%;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    flex-direction: row-reverse;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner .content {
    width: 48%;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner .content .item h3 {
    background-color: #9d906a;
    padding: 2%;
    color: #fff;
    font-size: calc(20px + 30 * (100vw - 1025px) / 1975);
    margin-bottom: 4%;
    border-radius: 0.5vw;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner .content .item p {
    color: #6d5023;
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    line-height: 1.7;
    margin-bottom: 4%;
  }
  .page-re-tailoring main .re-tailoring02 .section_inner .re-tailoring01-img {
    width: 48%;
  }
  .page-re-tailoring main .re-tailoring03 {
    padding: 0 0 10%;
  }
  .page-re-tailoring main .re-tailoring03 h2 {
    border-radius: 1vw;
    width: 80%;
    padding: 2%;
    margin: 0 auto;
    text-align: center;
    color: #0d39a1;
    margin-bottom: 5%;
    font-size: calc(26px + 34 * (100vw - 1025px) / 1975);
    background-image: url(img/re-tailoring-back03.png);
    background-size: 109%;
    background-position-y: -185%;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    background-position: left 92%;
  }
  .page-re-tailoring main .re-tailoring03 .br {
    display: inline;
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi {
    width: 90%;
    margin: 0 auto 10%;
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi li {
    position: relative;
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi li a:link,
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi li a:visited,
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi li a:active {
    /* position: relative; と overflow: hidden; は必須です */
    position: relative; /* 基準点 */
    overflow: hidden; /* マスク効果 */
    background-color: transparent;
    transition: color 0.4s; /* ホバー時の文字色変化 */
    width: 28%;
    margin: 0 auto;
    display: block;
    padding: 1%;
    border: #9d906a 1px solid;
    color: #204015;
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    border-radius: 1vw;
    z-index: 1; /* 擬似要素より手前に文字を表示 */
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi li::after {
    content: "▼";
    display: block;
    width: fit-content;
    margin: 1% auto;
    color: #5eb2bb;
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi li:last-child::after {
    content: "";
    display: block;
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 117, 4); /* オレンジ色 */
    z-index: -1; /* aの文字の下に配置 */
    /* 初期状態: 左端の外 (-100%) に配置しておきます */
    transform: translateX(-100%);
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi li a.animate {
    color: white;
  }
  @keyframes flow-in-out {
    /*
    全アニメーション時間を 1.8秒と仮定します。
    0% -> 45%: 左から流れ込み (約0.8s)
    45% -> 55%: 全体を覆った状態で留まる (約0.2s)
    55% -> 100%: 右へ流れて消える (約0.8s)
    */
    /* 0. 初期位置: 左端の外 */
    0% {
      transform: translateX(-100%);
      color: #204015; /* アニメーション開始直前の文字色 (a.animateで上書きされます) */
    }
    /* 1. 全体を覆う */
    45% {
      transform: translateX(0);
      color: white;
    }
    /* 2. 覆って留まる */
    55% {
      transform: translateX(0);
      color: white;
    }
    /* 3. 右へ流れて消える */
    100% {
      transform: translateX(100%);
      color: white;
    }
  }
  .page-re-tailoring main .re-tailoring03 .re-tailoring03-navi li a.animate::before {
    /*
    1.8秒のアニメーションを実行
    ease: 動きを滑らかに
    forwards: アニメーション終了時の状態 (transform: translateX(100%);) を保持
    */
    animation: flow-in-out 1.8s ease forwards;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    flex-direction: column;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 {
    border-radius: 1vw;
    padding: 2%;
    color: #6d5023;
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    padding-bottom: 5%;
    margin-bottom: 7%;
    border-radius: 0.5vw;
    background-color: #f2f1e3;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .item-left {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .item-right {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul {
    font-size: calc(23px + 46 * (100vw - 1025px) / 1975);
    width: 100%;
    padding: 0;
    margin: 0;
    grid-column: 1/3;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li {
    color: #cc0234;
    font-size: 3vw;
    /* font-weight: bold; */
    text-align: center;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:link,
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:hover,
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:visited,
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:active {
    color: #cc0234;
    font-weight: normal !important;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:link strong,
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:hover strong,
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:visited strong,
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a:active strong {
    color: #cc0234;
    font-weight: normal !important;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li a[href^="tel:"] {
    color: #cc0234 !important;
    text-decoration: none !important;
    font-weight: bold !important;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner #re01 .no1-ul li:nth-child(2) {
    display: none;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item {
    border-radius: 1vw;
    padding: 2%;
    color: #6d5023;
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    display: flex;
    justify-content: space-between;
    padding-bottom: 5%;
    flex-direction: row;
    margin-bottom: 7%;
    border-radius: 0.5vw;
    background-color: #f2f1e3;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left {
    width: 50%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left h3 {
    background-color: rgba(6, 111, 52, 0.568627451);
    padding: 2%;
    color: #fff;
    font-size: calc(27px + 20 * (100vw - 1025px) / 1975);
    margin-bottom: 5%;
    width: 95%;
    border-radius: 0.5vw;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p {
    color: #6d5023;
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    line-height: 1.7;
    margin-bottom: 4%;
    margin-left: 4%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 4%;
    width: 90%;
    color: #204015;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p a:link,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p a:hover,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p a:visited,
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left p a:active {
    color: #ffffff;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left .number {
    display: flex;
    align-items: center;
    gap: 4%;
    font-size: calc(18px + 30 * (100vw - 1025px) / 1975);
    margin-bottom: 5%;
    font-weight: bold;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left .number .n {
    width: calc(23px + 70 * (100vw - 1025px) / 1975);
    height: calc(23px + 70 * (100vw - 1025px) / 1975);
    border-radius: 2vw;
    background-color: #ffffff;
    color: #f31717;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(18px + 30 * (100vw - 1025px) / 1975);
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left h4 {
    background-color: unset;
    border-radius: 0.5vw;
    width: 87%;
    padding: 2%;
    color: #593d15;
    font-size: 23px;
    margin-left: 7%;
    line-height: 1.8;
    font-size: calc(18px + 30 * (100vw - 1025px) / 1975);
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left h4 span {
    font-size: calc(22px + 30 * (100vw - 1025px) / 1975);
    font-weight: bold;
    color: #a16b20;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left h4 .re03-no {
    background-color: #ffffff;
    font-size: calc(22px + 46 * (100vw - 1025px) / 1975);
    width: 4vw;
    height: 4vw;
    aspect-ratio: 1/1;
    justify-content: center;
    align-items: center;
    border: 2px solid rgba(191, 24, 58, 0.94);
    border-radius: 11vw;
    display: flex;
    margin: 0 2% 0 0;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-left h5 {
    width: 87%;
    padding: 2%;
    color: #6e2929;
    font-size: 23px;
    margin-left: 7%;
    margin-bottom: 3%;
    border-bottom: #ffffff solid 1px;
    font-size: calc(18px + 30 * (100vw - 1025px) / 1975);
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-right {
    width: 50%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-right .item-left-img {
    width: 100%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-right .kiji-img {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item .item-right .kiji-img li {
    width: 24%;
    padding: 1%;
  }
  .page-re-tailoring main .re-tailoring03 .section_inner .item ul.no3-ul {
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    line-height: 1.7;
    margin-bottom: 4%;
    margin-left: 4%;
    padding: 4%;
  }
}
@media screen and (min-width: 1025px) {
  .page-store-information .main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 2000/800;
  }
  .page-store-information .main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 10/1;
  }
  .page-store-information .main section {
    padding: 10% 5% 0;
  }
}
@media screen and (min-width: 300px) {
  .page-inquiry-form {
    padding-bottom: calc(200% + 40 * (300px - 100vw) / 299);
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  .page-inquiry-form main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .page-inquiry-form main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding: 50% 0 0 0;
  }
  .page-inquiry-form main .inquiry_inner {
    width: 90%;
    margin: 0 auto 10% auto;
  }
  .page-inquiry-form main .inquiry_inner article {
    width: 100%;
    margin: 0 auto;
  }
  .page-inquiry-form main .inquiry_inner article .entry-header {
    margin-bottom: 10%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-header h1 {
    width: 100%;
    display: flex;
    color: #84682b;
    justify-content: space-between;
    margin: 0 auto 5%;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(26px + 10 * (300px - 100vw) / 299);
  }
  .page-inquiry-form main .inquiry_inner article .entry-header h1::before {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: block;
    width: 13%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/kodawari_titlepars-left.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-right: 3%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-header h1::after {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: block;
    width: 10%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/kodawari_titlepars-right.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-left: 3%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-title h3 {
    font-size: calc(14px + 6 * (300px - 100vw) / 299);
    line-height: 1.75;
    margin-bottom: 5%;
    font-weight: 500;
    text-align: center;
    padding-bottom: 1%;
    border-bottom: 2px dotted #a89;
    width: fit-content;
    margin: 0 auto 5%;
    padding: 0 2% 10%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-before-form-content {
    font-size: calc(14px + 4 * (300px - 100vw) / 299);
    margin-bottom: 10%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-before-form-content .nf-form-fields-required {
    font-size: calc(14px + 4 * (300px - 100vw) / 299);
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-1-container,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-2-container,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-14-container,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-11-container,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-18-container {
    width: 100%;
    margin-right: auto;
    margin-bottom: 12%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-1-container label,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-2-container label,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-14-container label,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-11-container label,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-18-container label {
    font-size: calc(16px + 4 * (300px - 100vw) / 299);
    margin-bottom: 3%;
    display: inline-block;
    color: #6d5023;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-1-container input,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-2-container input,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-14-container input,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-11-container input,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-18-container input {
    font-size: calc(16px + 4 * (300px - 100vw) / 299);
    padding: 2%;
    border-radius: 10px;
    border: #6a96c7 3px solid;
    background-color: #f4fbff;
    color: #352712;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content .textarea-container label {
    font-size: calc(16px + 4 * (300px - 100vw) / 299);
    margin-bottom: 3%;
    display: inline-block;
    color: #4b381c;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content .textarea-container textarea {
    font-size: calc(16px + 10 * (300px - 100vw) / 299);
    padding: 2%;
    line-height: 1.7;
    border-radius: 10px;
    border: #6a96c7 3px solid;
    background-color: #f4fbff;
    color: #352712;
    color: #352712;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content .html-container {
    font-size: calc(11px + 3 * (300px - 100vw) / 299);
    line-height: 1.7;
    color: #352712;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .submit-container input#nf-field-4 {
    width: 66%;
    background-color: rgb(38, 80, 143);
    color: #ffffff;
    padding: 6%;
    border-radius: 6px;
    border-radius: calc(12px + 10 * (300px - 100vw) / 299);
    outline-offset: -4px;
    display: block;
    outline: 1px solid #edb142;
    margin: 0 auto;
  }
}
@media screen and (min-width: 600px) {
  .page-inquiry-form {
    padding-bottom: calc(60% + 0 * (100vw - 600px) / 424);
  }
  .page-inquiry-form main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .page-inquiry-form main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding: 25% 0 0 0;
  }
  .page-inquiry-form main .inquiry_inner {
    width: 90%;
    margin: 0 auto 10% auto;
  }
  .page-inquiry-form main .inquiry_inner article {
    width: 80%;
    margin: 0 auto;
  }
  .page-inquiry-form main .inquiry_inner article .entry-header {
    margin-bottom: 10%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-header h1 {
    width: calc(60% + 6 * (100vw - 600px) / 424);
    display: flex;
    color: #84682b;
    justify-content: space-between;
    margin: 0 auto 5%;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(26px + 10 * (100vw - 600px) / 424);
  }
  .page-inquiry-form main .inquiry_inner article .entry-header h1::before {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: block;
    width: 13%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/kodawari_titlepars-left.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-right: 3%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-header h1::after {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: block;
    width: 10%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/kodawari_titlepars-right.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-left: 3%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-title h3 {
    font-size: calc(14px + 6 * (100vw - 600px) / 424);
    line-height: 1.75;
    margin-bottom: 5%;
    font-weight: 500;
    text-align: center;
    padding-bottom: 1%;
    border-bottom: 2px dotted #a89;
    width: fit-content;
    margin: 0 auto 5%;
    padding: 0 2% 1%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-before-form-content {
    font-size: calc(14px + 4 * (100vw - 600px) / 424);
    margin-bottom: 4%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-before-form-content .nf-form-fields-required {
    font-size: calc(14px + 4 * (100vw - 600px) / 424);
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-1-container,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-2-container,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-14-container,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-11-container,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-18-container {
    width: 100%;
    margin-right: auto;
    margin-bottom: 12%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-1-container label,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-2-container label,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-14-container label,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-11-container label,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-18-container label {
    font-size: calc(16px + 4 * (100vw - 600px) / 424);
    margin-bottom: 3%;
    display: inline-block;
    color: #6d5023;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-1-container input,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-2-container input,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-14-container input,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-11-container input,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-18-container input {
    font-size: calc(16px + 4 * (100vw - 600px) / 424);
    padding: 2%;
    border-radius: 10px;
    border: #6a96c7 3px solid;
    background-color: #f4fbff;
    color: #352712;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content .textarea-container label {
    font-size: calc(16px + 4 * (100vw - 600px) / 424);
    margin-bottom: 3%;
    display: inline-block;
    color: #4b381c;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content .textarea-container textarea {
    font-size: calc(16px + 10 * (100vw - 600px) / 424);
    padding: 2%;
    line-height: 1.7;
    border-radius: 10px;
    border: #6a96c7 3px solid;
    background-color: #f4fbff;
    color: #352712;
    color: #352712;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content .html-container {
    font-size: calc(13px + 3 * (100vw - 600px) / 424);
    line-height: 1.7;
    color: #352712;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .submit-container input#nf-field-4 {
    width: 45%;
    background-color: rgb(38, 80, 143);
    color: #ffffff;
    padding: 4%;
    border-radius: 6px;
    border-radius: calc(12px + 10 * (100vw - 600px) / 424);
    outline-offset: -4px;
    outline: 1px solid #edb142;
  }
}
@media screen and (min-width: 1025px) {
  .page-inquiry-form {
    padding-bottom: calc(36% + 30 * (100vw - 1025px) / 1975);
  }
  .page-inquiry-form main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    padding-bottom: 0;
  }
  .page-inquiry-form main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
  }
  .page-inquiry-form main .inquiry_inner {
    width: 90%;
    margin: 0 auto 10% auto;
  }
  .page-inquiry-form main .inquiry_inner article {
    width: 60%;
    margin: 0 auto;
  }
  .page-inquiry-form main .inquiry_inner article .entry-header {
    margin-bottom: 10%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-header h1 {
    width: calc(50% + 6 * (100vw - 1025px) / 1975);
    display: flex;
    color: #84682b;
    justify-content: space-between;
    margin: 0 auto 5%;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 800;
    letter-spacing: 0.5rem;
    font-size: calc(24px + 48 * (100vw - 1025px) / 1975);
  }
  .page-inquiry-form main .inquiry_inner article .entry-header h1::before {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: block;
    width: 13%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/kodawari_titlepars-left.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-right: 3%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-header h1::after {
    content: ""; /* 擬似要素を表示するために必須だが、画像自体は背景で指定 */
    display: block;
    width: 10%; /* 親要素の幅に合わせて拡大・縮小 */
    /*padding-top: 15%;  (画像の高さ / 画像の幅) * 100 を計算 */
    aspect-ratio: 131/20;
    background-image: url("img/kodawari_titlepars-right.png"); /* 画像のパスを指定 */
    background-size: contain; /* 擬似要素内に画像全体が収まるように調整 */
    background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
    background-position: center center; /* 画像を中央に配置 */
    margin-left: 3%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content {
    width: calc(80% + -15 * (100vw - 1025px) / 1975);
    margin: 0 auto;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-title h3 {
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    line-height: 1.75;
    margin-bottom: 5%;
    font-weight: 500;
    text-align: center;
    padding-bottom: 1%;
    border-bottom: 3px dotted #a89;
    width: fit-content;
    margin: 0 auto 5%;
    padding: 0 2% 1%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-before-form-content {
    font-size: calc(14px + 28 * (100vw - 1025px) / 1975);
    margin-bottom: 4%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-before-form-content .nf-form-fields-required {
    font-size: calc(14px + 28 * (100vw - 1025px) / 1975);
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-1-container,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-2-container,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-14-container,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-11-container,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-18-container {
    width: 100%;
    margin-right: auto;
    margin-bottom: 12%;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-1-container label,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-2-container label,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-14-container label,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-11-container label,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-18-container label {
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    margin-bottom: 3%;
    display: inline-block;
    color: #6d5023;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-1-container #nf-label-field-18,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-2-container #nf-label-field-18,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-14-container #nf-label-field-18,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-11-container #nf-label-field-18,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-18-container #nf-label-field-18 {
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    margin-bottom: 3%;
    display: inline-block;
    color: #6d5023;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-1-container input,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-2-container input,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-14-container input,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-11-container input,
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content #nf-field-18-container input {
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    padding: 2%;
    border-radius: 10px;
    border: #6a96c7 3px solid;
    background-color: #f4fbff;
    color: #352712;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content .textarea-container label {
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    margin-bottom: 3%;
    display: inline-block;
    color: #4b381c;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content .textarea-container textarea {
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    padding: 2%;
    line-height: 1.7;
    border-radius: 10px;
    border: #6a96c7 3px solid;
    background-color: #f4fbff;
    color: #352712;
    color: #352712;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .nf-form-content .html-container {
    font-size: calc(14px + 28 * (100vw - 1025px) / 1975);
    line-height: 1.7;
    color: #352712;
  }
  .page-inquiry-form main .inquiry_inner article .entry-content #nf-form-1-cont .nf-form-wrap .nf-form-layout .submit-container input#nf-field-4 {
    width: 45%;
    font-size: calc(16px + 32 * (100vw - 1025px) / 1975);
    background-color: rgb(38, 80, 143);
    color: #ffffff;
    padding: 4%;
    border-radius: 6px;
    border-radius: calc(12px + 24 * (100vw - 1025px) / 1975);
    outline-offset: -4px;
    outline: 1px solid #edb142;
  }
}
@media screen and (min-width: 300px) {
  .page-company-info {
    padding-bottom: calc(190% + -70 * (100vw - 300px) / 299);
  }
  main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 5%;
  }
  main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 50%;
  }
  main div.content-area {
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
    display: flex;
    justify-content: unset;
  }
  main div.content-area article.company {
    width: 100%;
  }
  main div.content-area article.company h1.entry-title {
    background-image: url(img/osusume__title-back.svg);
    width: 100%;
    padding-bottom: 6%;
    margin: 0 auto 9%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #826639;
    font-weight: 400;
    font-family: "Zen Antique Soft", serif;
    font-style: normal;
    font-size: calc(22px + 6 * (100vw - 300px) / 299);
  }
  main div.content-area article.company div.entry-content {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    border-bottom: 1px solid #bf9e6a;
    width: 90%;
    margin: 0 auto 5%;
  }
  main div.content-area article.company div.entry-content div.company-image {
    width: 100%;
    margin: 0 auto 5%;
  }
  main div.content-area article.company div.entry-content div.company-image img {
    border-radius: 2vw;
  }
  main div.content-area article.company div.entry-content div.company-contact-info {
    width: 100%;
    margin: 0 auto 5%;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl {
    width: 100%;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl div {
    width: 100%;
    display: flex;
    padding: 6% 0;
    justify-content: flex-start;
    border-bottom: 1px solid #888;
    flex-direction: column;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl div dt {
    width: 100%;
    font-size: calc(14px + 6 * (100vw - 300px) / 299);
    margin-bottom: 5%;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl div dd {
    width: 100%;
    font-size: calc(14px + 6 * (100vw - 300px) / 299);
    text-indent: 6vw;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl div:nth-of-type(7) {
    display: none;
  }
  main div.content-area article.company div.entry-content .company-sns {
    width: 100%;
    margin: 0 auto 5%;
    display: none;
  }
  main div.content-area article.company div.entry-content .company-map {
    width: 100%;
    margin: 0 auto;
  }
  main div.content-area article.company div.entry-content .company-map h3 {
    margin-bottom: 3%;
    font-size: calc(14px + 6 * (100vw - 300px) / 299);
  }
  main div.content-area article.company div.entry-content .company-map .google-map-embed {
    aspect-ratio: 16/9;
  }
  main div.content-area article.company div.entry-content .company-map .google-map-embed iframe {
    width: 100%;
    height: 100%;
  }
  main div.content-area article.company .nav-previous-sp {
    display: block;
  }
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-previous,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-next {
    font-size: calc(12px + 2 * (100vw - 300px) / 299);
  }
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-previous a:hover,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-previous a:visited,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-previous a:active,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-next a:hover,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-next a:visited,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-next a:active {
    color: #0072b7;
  }
  main .nav-previous-pc {
    display: none;
    width: fit-content;
    margin: 5% auto;
  }
  main .nav-previous-pc nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  main .nav-previous-pc nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
}
@media screen and (min-width: 600px) {
  .page-company-info {
    padding-bottom: calc(50% + 20 * (100vw - 600px) / 424);
  }
  main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 5%;
  }
  main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 20%;
  }
  main div.content-area {
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
    display: flex;
    justify-content: unset;
  }
  main div.content-area article.company {
    width: 100%;
  }
  main div.content-area article.company h1.entry-title {
    background-image: url(img/osusume__title-back.svg);
    width: 50%;
    margin: 0 auto 4%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 7/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #826639;
    font-weight: 400;
    font-family: "Zen Antique Soft", serif;
    font-style: normal;
    font-size: calc(24px + 10 * (100vw - 600px) / 424);
  }
  main div.content-area article.company div.entry-content {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    border-bottom: 1px solid #bf9e6a;
    width: 90%;
    margin: 0 auto 5%;
  }
  main div.content-area article.company div.entry-content div.company-image {
    width: 80%;
    margin: 0 auto 5%;
  }
  main div.content-area article.company div.entry-content div.company-image img {
    border-radius: 2vw;
  }
  main div.content-area article.company div.entry-content div.company-contact-info {
    width: 80%;
    margin: 0 auto 5%;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl {
    width: 100%;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl div {
    width: 100%;
    display: flex;
    padding: 5% 0;
    justify-content: flex-start;
    border-bottom: 1px solid #888;
    flex-direction: row;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl div dt {
    width: 35%;
    font-size: calc(14px + 8 * (100vw - 600px) / 424);
    margin-bottom: unset;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl div dd {
    width: 65%;
    font-size: calc(14px + 8 * (100vw - 600px) / 424);
    text-indent: unset;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl div:nth-of-type(7) {
    display: none;
  }
  main div.content-area article.company div.entry-content .company-sns {
    width: 80%;
    margin: 0 auto 5%;
    display: none;
  }
  main div.content-area article.company div.entry-content .company-map {
    width: 80%;
    margin: 0 auto;
  }
  main div.content-area article.company div.entry-content .company-map h3 {
    font-size: calc(14px + 8 * (100vw - 600px) / 424);
    margin-bottom: 3%;
  }
  main div.content-area article.company div.entry-content .company-map .google-map-embed {
    aspect-ratio: 16/9;
  }
  main div.content-area article.company div.entry-content .company-map .google-map-embed iframe {
    width: 100%;
    height: 100%;
  }
  main div.content-area article.company .nav-previous-sp {
    display: block;
  }
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-previous,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-next {
    font-size: calc(12px + 2 * (100vw - 600px) / 424);
  }
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-previous a:hover,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-previous a:visited,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-previous a:active,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-next a:hover,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-next a:visited,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-next a:active {
    color: #0072b7;
  }
  main .nav-previous-pc {
    display: none;
    width: fit-content;
    margin: 5% auto;
  }
  main .nav-previous-pc nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  main .nav-previous-pc nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
}
@media screen and (min-width: 1025px) {
  .page-company-info {
    padding-bottom: calc(30% + 20 * (100vw - 1025px) / 1975);
  }
  main {
    background-image: url(img/main-back01pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 5%;
  }
  main::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: unset;
    height: auto;
    padding-top: 20%;
  }
  main div.content-area {
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
    display: flex;
    justify-content: unset;
  }
  main div.content-area article.company {
    width: 100%;
  }
  main div.content-area article.company h1.entry-title {
    background-image: url(img/osusume__title-back.svg);
    width: 50%;
    margin: 0 auto 4%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 7/1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #826639;
    font-weight: 400;
    font-family: "Zen Antique Soft", serif;
    font-style: normal;
    font-size: calc(30px + 36 * (100vw - 1025px) / 1975);
  }
  main div.content-area article.company div.entry-content {
    padding: 3% 0;
    border-top: 1px solid #bf9e6a;
    border-bottom: 1px solid #bf9e6a;
    width: 90%;
    margin: 0 auto 5%;
  }
  main div.content-area article.company div.entry-content div.company-image {
    width: 80%;
    margin: 0 auto 5%;
  }
  main div.content-area article.company div.entry-content div.company-image img {
    border-radius: 2vw;
  }
  main div.content-area article.company div.entry-content div.company-contact-info {
    width: 60%;
    margin: 0 auto 5%;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl {
    width: 100%;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl div {
    width: 100%;
    display: flex;
    padding: 4% 0;
    justify-content: flex-start;
    border-bottom: 1px solid #888;
    flex-direction: row;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl div dt {
    width: 30%;
    margin-bottom: unset;
    font-size: calc(16px + 20 * (100vw - 1025px) / 1975);
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl div dd {
    width: 70%;
    font-size: calc(16px + 20 * (100vw - 1025px) / 1975);
    text-indent: unset;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl div:nth-of-type(7) {
    display: none;
  }
  main div.content-area article.company div.entry-content div.company-contact-info dl .gyoumu p {
    margin-bottom: 2%;
  }
  main div.content-area article.company div.entry-content .company-sns {
    width: 60%;
    margin: 0 auto 5%;
    display: none;
  }
  main div.content-area article.company div.entry-content .company-map {
    width: 80%;
    margin: 0 auto;
  }
  main div.content-area article.company div.entry-content .company-map h3 {
    font-size: calc(16px + 20 * (100vw - 1025px) / 1975);
    margin-bottom: 3%;
  }
  main div.content-area article.company div.entry-content .company-map .google-map-embed {
    aspect-ratio: 16/9;
  }
  main div.content-area article.company div.entry-content .company-map .google-map-embed iframe {
    width: 100%;
    height: 100%;
  }
  main div.content-area article.company .nav-previous-sp {
    display: block;
  }
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-previous,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-next {
    font-size: calc(12px + 2 * (100vw - 1025px) / 1975);
  }
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-previous a:hover,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-previous a:visited,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-previous a:active,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-next a:hover,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-next a:visited,
  main div.content-area article.company .nav-previous-sp .post-navigation .nav-links .nav-next a:active {
    color: #0072b7;
  }
  main .nav-previous-pc {
    display: none;
    width: fit-content;
    margin: 5% auto;
  }
  main .nav-previous-pc nav .nav-links {
    width: fit-content;
    margin: 5% auto;
    display: flex;
  }
  main .nav-previous-pc nav .nav-links .nav-previous a span.nav-title::after {
    content: " | ";
  }
}
.box {
  /*追加*/
  opacity: 0;
  visibility: hidden;
  transition: all 2s;
  transform: translateY(300px);
}

.is-active {
  /*要素を表示させる*/
  opacity: 1;
  visibility: visible;
  /*元の位置に戻す*/
  transform: translateY(0);
}

/* ================================================= */
/* 1. Slickスライダーコンテナとローディング画面 */
/* ================================================= */
/* Slickスライダーのコンテナ (.slick-slider-wrapper) */
.slick-slider-wrapper {
  position: relative;
  height: 46vw;
  overflow: hidden; /* 画像が縦積み表示されるのを防ぐ */
}
@media (max-width: 768px) {
  .slick-slider-wrapper {
    height: 46vw;
    max-height: unset;
  }
}

/* SlickコンテンツのUL要素を初期状態で非表示にし、ロード完了後にフェードインさせる */
.slick-slider-wrapper ul {
  opacity: 0;
  transition: opacity 1s ease-in-out; /* フェードインアニメーション */
}

/* JSでロード完了後に付与するクラス (opacity: 1を確実に適用) */
.slick-slider-wrapper ul.is-slick-loaded {
  opacity: 1 !important; /* !important で確実に表示を上書き */
}

/* ロード画面をラッパー全体にオーバーレイさせる */
#loading-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff; /* 背景色を設定して下位コンテンツを隠す */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 100; /* 最前面に配置 (他の要素より高い値を推奨) */
  opacity: 1;
  transition: opacity 0.5s ease-in-out; /* フェードアウト用トランジション */
}

/* プログレスバーのスタイル */
#loading-progress {
  width: 80%;
  max-width: 300px;
  height: 10px;
  background-color: #eee;
  border-radius: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}

#loading-progress-bar {
  height: 100%;
  width: 0%;
  background-color: #333;
  transition: none;
}

/* パーセンテージのテキスト */
#loading-percentage {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
}

/* ================================================= */
/* 2. .home 内の既存のスタイルとSlick関連の調整 */
/* ================================================= */
.home {
  /* slickmov クラスの要素に対するCSS */
}
.home .slickmov {
  margin-bottom: 50px;
}
.home {
  /* ドットボタンの位置調整の例 (SlickのデフォルトテーマCSSを上書きする場合) */
}
.home .slick-dots {
  display: flex;
  text-align: center;
  justify-content: center;
  /* .home のネスト内では、グローバルの .slick-dots の位置を優先するため、
         このネスト内での bottom, position の定義は削除・無効化しました。 */
  position: absolute;
  bottom: calc(-10% - 5 * (100vw - 1025px) / 1975); /* 位置調整: スライダー内下部 */
  width: 100%;
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
  z-index: 3;
  gap: 1%;
}
.home {
  /* 各ドットボタンのデザイン調整の例 (色が薄いと見えない原因になるため、背景色を追加) */
}
.home .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.home .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px; /* ドットのサイズを調整 */
  height: 10px; /* ドットのサイズを調整 */
  margin: 5px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  /* ドットの見た目を円形に設定 */
  background: #ccc;
  border-radius: 50%;
  transition: background-color 0.3s;
}
.home {
  /* アクティブなドットボタンの色 */
}
.home .slick-dots li.slick-active button {
  background: #333;
}
.home {
  /* 既存の :before を使用したスタイルは削除し、シンプルなボタン背景に置き換えました。
       Slickのfont-familyを使用しないことで、環境依存の表示問題を避けます。 */
  /* 矢印（アロー）のスタイル調整の例 */
}
.home .slick-prev,
.home .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 30px; /* サイズを少し大きく */
  height: 30px; /* サイズを少し大きく */
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: rgba(255, 255, 255, 0.5); /* 背景色を追加し、見えやすくする */
  border-radius: 50%;
  z-index: 50; /* 確実にスライドより手前に配置 */
}
.home .slick-prev:before,
.home .slick-next:before {
  content: ""; /* デフォルトの矢印を非表示にし、画像やアイコンフォントを使う場合はここで設定 */
}

@media screen and (min-width: 300px) {
  .home .slick-dots {
    bottom: calc(-20% - 5 * (100vw - 300px) / 299);
    color: #413c2b;
  }
}
@media screen and (min-width: 600px) {
  .home .slick-dots {
    bottom: calc(-10% - 5 * (600px - 100vw) / 424);
  }
}/*# sourceMappingURL=style.css.map */