@charset "UTF-8";
/*
Theme Name: O-Theme_child
Template: O-Theme
Author: 株式会社IKEL
Author URI: https://ikel.co.jp/
*/
/*
このファイルは分割されたSCSSファイルをインポートしてくるだけのファイルです。
※基本的に、このファイル内にスタイルを直書きしないでください。
*/
/*

O-Themeの変数を定義するBase SCSSです。

※このファイルは親テーマのバージョンアップと共に上書きされていくため、なるべく編集しないでください。
　邪魔なスタイルがある場合は、書き換えても良いけど、バージョンアップする際は十分に注意してください。
　もし、書き換える場合は以下のように何をどう書き換えたのか残して置いてください。

// $inner--width: 1200px;
$inner--width: 1440px; // Change:2021-04-01 wada

*/
/*

O-Themeのリセットスタイルを定義するBase SCSSです。

※このファイルは親テーマのバージョンアップと共に上書きされていくため、なるべく編集しないでください。
　邪魔なスタイルがある場合は、書き換えても良いけど、バージョンアップする際は十分に注意してください。
　もし、書き換える場合は以下のように何をどう書き換えたのか残して置いてください。

.inner {
    display: block;
    margin: 0px auto;
    // max-width: $inner--width;
    max-width: 1200px; // Change:2021-04-01 wada
}

*/
/***********************************************************
 *  IKEL Reset CSS
 *
 *  Base: Eric Meyer's Reset CSS 2.0
 *  License: none（Public domain）
 *  Createdate: 2020/03/13
 *  LastUpdate: 2020/03/13
 ***********************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup,
var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, select, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%;
  background: transparent;
  border: 0;
  outline: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

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

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

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

/*---iOS用リセットCSS---*/
input[type=submit],
input[type=button] {
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  border-radius: 0;
  -webkit-box-sizing: content-box;
  box-sizing: border-box;
  cursor: pointer;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]:focus,
input[type=button]:focus {
  outline-offset: -2px;
}

/*

O-Themeのタグ(要素)自体の基本スタイルを定義するBase SCSSです。

※このファイルは親テーマのバージョンアップと共に上書きされていくため、なるべく編集しないでください。
　邪魔なスタイルがある場合は、書き換えても良いけど、バージョンアップする際は十分に注意してください。
　もし、書き換える場合は以下のように何をどう書き換えたのか残して置いてください。

.inner {
    display: block;
    margin: 0px auto;
    // max-width: $inner--width;
    max-width: 1200px; // Change:2021-04-01 wada
}

*/
body {
  font-size: 0px;
}
body * {
  font-size: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, h1, h2, h3, h4, h5, h6, p, span, a, li, th, td, small, label, pre, code,
div, article, section, aside {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-family: "ZenKakuGothicNew-Medium", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif;
  line-height: 200%;
  letter-spacing: 1px;
}

a {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

.anchor {
  margin-top: -100px;
  padding-top: 100px;
}

/*

O-Themeの全サイズ共通Layout SCSSです。

※このファイルは親テーマのバージョンアップと共に上書きされていくため、なるべく編集しないでください。
　邪魔なスタイルがある場合は、書き換えても良いけど、バージョンアップする際は十分に注意してください。
　もし、書き換える場合は以下のように何をどう書き換えたのか残して置いてください。

*/
@font-face {
  font-display: swap;
  font-family: "ZenKakuGothicNew-Regular";
  src: url("fonts/ZenKakuGothicNew-Regular.ttf");
}
.zenkaku--regular {
  font-family: "ZenKakuGothicNew-Regular", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif;
}

@font-face {
  font-display: swap;
  font-family: "ZenKakuGothicNew-Medium";
  src: url("fonts/ZenKakuGothicNew-Medium.ttf");
}
.zenkaku--medium {
  font-family: "ZenKakuGothicNew-Medium", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif;
}

@font-face {
  font-display: swap;
  font-family: "ZenKakuGothicNew-Bold";
  src: url("fonts/ZenKakuGothicNew-Bold.ttf");
}
.zenkaku--bold {
  font-family: "ZenKakuGothicNew-Bold", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif;
}

body {
  width: 100%;
  background: #fffffa;
}
body article {
  margin: 0 auto 0 288px;
}
body .inner {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 85px;
}

h1 {
  margin: 140px 0 80px 0;
  padding-bottom: 10px;
  position: relative;
  font-family: "ZenKakuGothicNew-Bold", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif !important;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
}
h1::after {
  display: block;
  width: 55px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #e4a974;
  content: "";
}

h2 {
  margin: 80px auto 30px auto;
  font-family: "ZenKakuGothicNew-Bold", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif !important;
  font-size: 35px;
}

.mob_on {
  display: none;
}

.mob_off {
  display: block;
}

.list--base {
  margin: 20px 0;
  padding-left: 20px;
}
.list--base > li {
  padding-bottom: 12px;
  position: relative;
  font-size: 16px;
  line-height: 180%;
}
.list--base > li::before {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 1em;
  left: -20px;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
  border-radius: 30px;
  background: #e4a974;
  content: "";
}

.table--base {
  width: 100%;
}
.table--base > tbody > tr {
  border-bottom: 1px solid #dbd7d1;
}
.table--base > tbody > tr:nth-child(1) {
  border-top: 1px solid #dbd7d1;
}
.table--base > tbody > tr > th {
  padding: 30px 0;
  font-family: "ZenKakuGothicNew-Bold", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif;
  text-align: left;
}
.table--base > tbody > tr > td {
  padding: 30px 0;
}
.table--base > tbody > tr > td > a {
  border-bottom: 1px solid #4d362e;
  color: #4d362e;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.table--base > tbody > tr > td > a:hover {
  border-bottom: 1px solid #e4a974;
  color: #e4a974;
}

section {
  padding: 120px 0 60px 0;
  position: relative;
  background: #f8f8f8;
}
section.page_upper {
  overflow: hidden;
  position: relative;
  background: #fffffa;
}
section.page_upper::before {
  position: absolute;
  top: -120px;
  left: -120px;
  content: url("./images/parts/garland_left.webp");
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
section.page_upper::after {
  position: absolute;
  top: -120px;
  right: -120px;
  content: url("./images/parts/garland_right.webp");
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
section.page_upper h2.ttl {
  display: block;
  margin: 0 auto;
  padding: 0;
  color: #4d362e;
  letter-spacing: 3px;
  font-size: 48px;
  font-weight: 600;
}
section.page_upper .search--window {
  max-width: 700px;
  margin: 25px auto 0 auto;
  padding: 10px 40px;
  background: #fff;
  border: 2px solid #e2d9d1;
  border-radius: 50px;
}
section.page_upper .search--window > form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
section.page_upper .search--window > form .search--window-main {
  width: 100%;
  font-size: 16px;
}
section.page_upper .search--window > form .search--window-btn {
  padding: 10px;
  background: url("./images/parts/search.svg");
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
}
section.page_upper .category--list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
  gap: 10px;
  margin: 60px auto 0 auto;
  padding: 30px;
  background: #e2d9d1;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
section.page_upper .category--list-link {
  display: block;
}
section.page_upper .category--list-link > img {
  display: block;
  width: 100%;
  height: 105px;
  background: #fff;
  border: 3px solid #fff;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.page_upper .category--list-link > p {
  display: block;
  color: #4d362e;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.page_upper .category--list-link:hover img {
  border: 3px solid #e4a974;
  border-radius: 4px;
}
section.page_upper .category--list-link:hover p {
  color: #e4a974;
}
section.page_main {
  background: #f6efe4 !important;
}
section.page_main h2.ttl {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 20px;
  left: 0;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 3px;
  -webkit-transform: translateX(-20%) rotate(90deg);
          transform: translateX(-20%) rotate(90deg);
}
section.page_main .overview_img {
  display: block;
  margin: 0 auto 30px auto;
}
section.page_main .overview_table {
  max-width: 720px;
  margin: 0 auto;
}
section.page_main .overview_table table {
  width: 100%;
}
section.page_main .overview_table table th, section.page_main .overview_table table td {
  padding: 15px 10px 5px 10px;
  border-bottom: 1px solid #666;
}

.illust_post--list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(266px, 1fr));
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.illust_post--list-link {
  display: block;
  height: 266px;
  padding: 20px;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 8px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.illust_post--list-link:hover {
  background: #f6efe4;
}
.illust_post--list-link .illust_post--list-img {
  height: 200px;
}
.illust_post--list-link .illust_post--list-img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.illust_post--list-link .illust_post--list-ttl-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.illust_post--list-link .illust_post--list-ttl-wrap .illust_post--list-ttl {
  color: #4d362e;
  font-size: 14px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.illust_post--list-link .illust_post--list-ttl-wrap > button {
  background: unset;
  border: unset;
  color: #e4a974;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.illust_post--list-link .illust_post--list-ttl-wrap > button > i {
  font-size: 20px;
}

#request, #policy, #about, #qa, #contact, #privacy-policy, #favorite, #news {
  overflow: hidden;
  position: relative;
  background: #fffffa;
}
#request::before, #policy::before, #about::before, #qa::before, #contact::before, #privacy-policy::before, #favorite::before, #news::before {
  position: absolute;
  top: -120px;
  left: -120px;
  content: url("./images/parts/garland_left.webp");
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
#request::after, #policy::after, #about::after, #qa::after, #contact::after, #privacy-policy::after, #favorite::after, #news::after {
  position: absolute;
  top: -120px;
  right: -120px;
  content: url("./images/parts/garland_right.webp");
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  margin: 50px auto 0;
  text-align: center;
}
.pagination .page-numbers {
  padding: 7px 15px;
  font-size: 16px;
  color: #4d362e;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pagination .page-numbers.current {
  background: #e2d9d1;
  border-radius: 4px;
}
.pagination .page-numbers.current:hover {
  color: #4d362e;
}
.pagination .page-numbers:hover {
  color: #e4a974;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
  padding: 20px;
  position: relative;
  width: 35px;
  height: 35px;
  background: #e4a974;
  border-radius: 45px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pagination .page-numbers.prev::after, .pagination .page-numbers.next::after {
  content: url("./images/parts/arrow-white.svg");
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -90%);
          transform: translate(-50%, -90%);
}
.pagination .page-numbers.prev:hover, .pagination .page-numbers.next:hover {
  background: #e2d9d1;
}
.pagination .page-numbers.prev::after {
  -webkit-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg);
}

.header {
  display: block;
  width: 15%;
  min-width: 288px;
  height: calc(var(--vh, 1vh) * 100);
  position: fixed;
  z-index: 100;
  background: #e2d9d1;
  overflow-y: auto;
}
.header__inner {
  display: block;
  margin: 0 auto;
  padding: 15px 0;
  color: #4d362e;
}
.header a.site-ttl {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 80px auto 25px auto;
}
.header a.site-ttl > p {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.header a.site-ttl > img {
  margin-top: 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.header a.site-ttl > img:hover {
  opacity: 0.8;
}
.header .hamburger {
  display: none;
  padding: 5px 10px;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0px;
  right: 0px;
  line-height: 100%;
  background: transparent;
  border: none;
}
.header .hamburger > .line {
  display: block;
  width: 25px;
  height: 2px;
  margin: 6px auto;
  background: #4d362e;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.header .hamburger.active .line:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(45deg);
          transform: translateY(8px) rotate(45deg);
}
.header .hamburger.active .line:nth-of-type(2) {
  opacity: 0;
}
.header .hamburger.active .line:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(-45deg);
          transform: translateY(-8px) rotate(-45deg);
}
@media screen and (max-width: 1180px) {
  .header .hamburger {
    display: block;
  }
}
.header nav.globalMenuSp {
  display: block;
  margin-top: 75px;
  padding: 0px 0px 30px 0px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: #fffffa;
  opacity: 0;
  overflow-y: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden;
}
.header nav.globalMenuSp > .menu-main-container {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.header nav.globalMenuSp.active {
  opacity: 100;
  visibility: visible;
}
@-webkit-keyframes active-hamburger-bar02 {
  100% {
    height: 0;
  }
}
@keyframes active-hamburger-bar02 {
  100% {
    height: 0;
  }
}
.header .globalmenu--sp {
  margin: 35px 10px;
  padding: 0px 0px 30px 0px !important;
  background: #fff;
}
.header .globalmenu--sp > .menu_inner {
  margin: 0 15px;
}
.header .globalmenu--sp > .menu_inner .header_menu_info {
  padding-top: 35px;
  padding-bottom: 30px;
  text-align: center;
}
.header .globalmenu--sp .menu-main_menu-container {
  width: 100%;
}
.header .globalmenu--sp #menu-main_menu > li > a {
  position: relative;
  display: block;
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: clamp(15px, 1.23vw, 16px);
  font-weight: 600;
  color: #4d362e;
}
.header .globalmenu--sp #menu-main_menu .nav--category > a {
  display: block;
  width: 100%;
  max-width: 350px;
  margin: 15px auto;
  padding: 10px;
  border-radius: 45px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
.header .globalmenu--sp #menu-main_menu .nav--category.nav--category-all > a {
  background: #e4a974;
  border: 2px solid #e4a974;
  color: #fff;
}
.header .globalmenu--sp #menu-main_menu .nav--category.nav--category-about > a {
  background: #88bfb7;
  border: 2px solid #88bfb7;
}
.header .globalmenu--sp .search--window {
  width: 100%;
  margin: 25px auto;
  padding: 10px 20px;
  background: #fff;
  border: 2px solid #e2d9d1;
  border-radius: 50px;
}
.header .globalmenu--sp .search--window > form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header .globalmenu--sp .search--window > form .search--window-main {
  width: 100%;
  font-size: 16px;
}
.header .globalmenu--sp .search--window > form .search--window-btn {
  padding: 10px;
  background: url("./images/parts/search.svg");
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
}
.header .globalmenu--sp .menu--sns {
  display: block;
  margin: 30px auto 0 auto;
  text-align: center;
}
.header .globalmenu--sp .menu--sns > a > img {
  display: inline-block;
  margin-right: 10px;
  width: 30px;
}

@media screen and (min-width: 1181px) {
  .header nav {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
  }
  .header nav > ul {
    height: 100%;
  }
  .header nav > ul > li {
    display: block;
    position: relative;
  }
  .header nav > ul > li a {
    display: inline-block;
    margin: 10px 0 10px 32px;
    padding: 5px 10px;
    color: #4d362e;
    font-size: 18px;
    text-align: left;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .header nav > ul > li a:hover {
    color: #e4a974;
  }
  .header nav > ul > li .sub-menu, .header nav > ul > li .children {
    display: none;
  }
  .header nav > ul > li:hover .sub-menu, .header nav > ul > li:hover .children {
    display: block;
    width: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
  }
  .header nav > ul > li:hover .sub-menu > li, .header nav > ul > li:hover .children > li {
    display: block;
  }
  .header nav > ul > li:hover .sub-menu > li > a, .header nav > ul > li:hover .children > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    height: 100%;
    padding: 5px 10px;
    color: #333;
    font-size: 16px;
    -webkit-transition: background-color 1s ease;
    transition: background-color 1s ease;
  }
  .header nav > ul > li:hover .sub-menu > li > a:hover, .header nav > ul > li:hover .children > li > a:hover {
    background: #6fb2ed;
  }
  .header nav > ul .nav--category > a {
    display: block;
    margin: 10px 35px 16px 0;
    padding: 22px;
    position: relative;
    border-radius: 0 45px 45px 0;
    color: #fff;
    font-size: 18px;
    text-align: left;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .header nav > ul .nav--category > a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("./images/parts/arrow-white.svg");
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .header nav > ul .nav--category.nav--category-all > a {
    background: #e4a974;
    border: 2px solid #e4a974;
    color: #fff;
  }
  .header nav > ul .nav--category.nav--category-all > a:hover {
    background: #fff;
    color: #e4a974;
  }
  .header nav > ul .nav--category.nav--category-all > a:hover::after {
    background-image: url("./images/parts/arrow-cat.svg");
  }
  .header nav > ul .nav--category.nav--category-about > a {
    margin: 10px 35px 32px 0;
    background: #88bfb7;
    border: 2px solid #88bfb7;
  }
  .header nav > ul .nav--category.nav--category-about > a:hover {
    background: #fff;
    color: #88bfb7;
  }
  .header nav > ul .nav--category.nav--category-about > a:hover::after {
    background-image: url("./images/parts/arrow-about.svg");
  }
}
.breadcrumb {
  padding: 10px 0 20px 0;
  line-height: 100%;
}
.breadcrumb > .bread-arrow {
  display: inline-block;
  padding-left: 20px;
  margin-right: 10px;
  height: 12px;
  width: 12px;
  background: url("./images/parts/chevron.svg");
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.breadcrumb > .bread-arrow > p {
  color: #4d362e;
  font-size: 14px;
  line-height: 100%;
}
.breadcrumb a {
  color: #4d362e;
  font-size: 14px;
  line-height: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.breadcrumb a:hover {
  color: #e4a974;
}

.footer {
  margin: 150px auto 0 288px;
  background: #fffffa;
}
.footer > .inner .inner--border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 30px 30px 0 30px;
  border-top: 2px solid #c9c2bc;
}
.footer > .inner .inner--border .footer-logo {
  margin: 30px auto;
}
.footer > .inner .inner--border .footer-logo > img {
  width: 287px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.footer > .inner .inner--border .footer-logo > img:hover {
  opacity: 0.7;
}
.footer > .inner .inner--border .menu-footer_menu-container #footermenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 25px;
}
.footer > .inner .inner--border .menu-footer_menu-container #footermenu > li > a {
  color: #4d362e;
  font-size: 16px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.footer > .inner .inner--border .menu-footer_menu-container #footermenu > li > a:hover {
  color: #e4a974;
}
.footer > .inner > .copyright {
  max-width: 1000px;
  display: block;
  margin: 30px auto 30px auto;
  padding: 5px 0;
  color: #4d362e;
  font-size: 14px;
  text-align: center;
}

.footer_widget {
  padding: 30px;
}

#home section {
  padding: 120px 0 60px 0;
  position: relative;
  background: #fffffa;
}
#home section h2.ttl {
  letter-spacing: 7px;
  line-height: 150%;
}
#home section .top--pr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
#home section .top--pr-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 7px 20px 10px;
  background: #e4a974;
  border-radius: 20px;
  color: #fff;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
}
#home section .top--sub {
  margin-top: 50px;
  font-weight: 400;
  text-align: center;
}

#about h2 {
  margin: 140px auto 80px auto;
}
#about .ttl--text-big {
  font-size: 48px;
  font-weight: 600;
  line-height: 160%;
}
#about .author--wrap .author--wrap-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
#about .author--wrap .author--wrap-center .author--list-name {
  padding-bottom: 10px;
  font-size: 36px;
  font-weight: 600;
}
#about .author--wrap .author--wrap-center .author--list-img {
  display: block;
  width: 200px;
  margin: 0 auto;
}
#about .company--name {
  padding-bottom: 30px;
  font-family: "ZenKakuGothicNew-Bold", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif;
  font-size: 20px;
}

#qa .qa--wrap {
  margin-top: 40px;
}
#qa .qa--wrap .qa--q {
  display: block;
  padding-bottom: 20px;
  padding-left: 25px;
  position: relative;
}
#qa .qa--wrap .qa--q::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 1em;
  left: -20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #e4a974;
  border-radius: 50%;
  color: #fff;
  content: "Q";
  font-family: "ZenKakuGothicNew-Bold", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}
#qa .qa--wrap .qa--q > p {
  font-family: "ZenKakuGothicNew-Bold", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif;
}
#qa .qa--wrap .qa--a {
  display: block;
  padding-left: 25px;
  position: relative;
}
#qa .qa--wrap .qa--a::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 1em;
  left: -20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #88bfb7;
  border-radius: 50%;
  color: #fff;
  content: "A";
  font-family: "ZenKakuGothicNew-Bold", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}
#qa .qa--wrap .qa--a p > a {
  color: #4d362e;
  border-bottom: 1px solid #4d362e;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#qa .qa--wrap .qa--a p > a:hover {
  color: #e4a974;
  border-bottom: 1px solid #e4a974;
}

#favorite h1 {
  margin-bottom: 90px;
}
#favorite .favorite--wrap {
  padding: 120px 0 60px 0;
  background: #f6efe4;
}

.form--wrapper {
  margin-top: 80px;
}
.form--wrapper > p {
  padding: 20px 0;
}
.form--wrapper > p > label {
  font-family: "ZenKakuGothicNew-Bold", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif;
  font-size: 20px;
}
.form--wrapper > p > .req {
  padding-left: 15px;
  color: #e4a974;
  font-size: 20px;
}
.form--wrapper > p > small {
  display: block;
  padding-top: 15px;
  padding-left: 15px;
  font-size: 14px;
}
.form--wrapper > p span input[type=text], .form--wrapper > p span input[type=email], .form--wrapper > p span input[type=tel] {
  min-width: 70%;
  margin-top: 10px;
  padding: 8px 0 8px 20px;
  background: #fff;
  border: 1px solid #e2d9d1;
  border-radius: 4px;
}
.form--wrapper > p span textarea {
  min-width: 90%;
  margin-top: 10px;
  padding: 10px 20px;
  background: #fff;
  border: 1px solid #e2d9d1;
  border-radius: 4px;
}

.wpcf7-list-item.first {
  margin-left: 0;
}

.form_policy {
  margin: 20px auto 30px auto;
  text-align: center;
}
.form_policy span {
  padding-top: 5px;
}
.form_policy span > label > span > a {
  padding-bottom: 3px;
  border-bottom: 1px solid #e4a974;
  color: #e4a974;
  font-size: 16px;
}
.form_policy span > label > span > a:hover {
  opacity: 0.7;
}

.form_submit {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  z-index: 0;
  text-align: center;
  text-decoration: none;
}
.form_submit p input {
  display: inline-block;
  width: 300px;
  padding: 10px;
  z-index: 5;
  background: #e4a974;
  border-radius: 35px;
  border: 2px solid #e4a974;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  vertical-align: middle;
}
.form_submit p input:hover {
  background: #fff;
  border: 2px solid #e4a974;
  color: #e4a974;
}
.form_submit p > .wpcf7-spinner {
  display: none;
}

#archive h2 {
  display: block;
  margin: 30px;
  color: #333;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
#archive .post_block {
  display: block;
  margin: 10px 0;
  padding: 15px;
}
#archive .post_block::after {
  display: block;
  clear: both;
  content: "";
}
#archive .post_block > h2 {
  display: block;
  margin: 0;
  padding: 0;
  color: #333;
  background: transparent;
  border-bottom: 1px solid #333;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}
#archive .post_block .post-cat {
  display: block;
}
#archive .post_block .post-cat > a {
  display: inline-block;
  margin: 5px;
  padding: 5px 10px;
  color: white;
  background: #aaa;
  font-size: 14px;
  line-height: 100%;
}
#archive .post_block .post-date {
  display: block;
  color: #333;
  font-size: 14px;
  text-align: right;
}
#archive .post_block img {
  margin-right: 15px;
  margin-bottom: 15px;
  float: left;
}

#single h2 {
  margin: 30px 0;
}
#single .illust--inner {
  margin-left: 85px;
}
#single .illust--inner .illust_signle--2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 50px;
}
#single .illust--inner .illust_signle--2col > div {
  margin-top: 85px;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  gap: 50px;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_signle--img {
  display: block;
  width: 430px;
  height: 430px;
  padding: 40px;
  background: #fff;
  border: 2px solid #e2d9d1;
  border-radius: 8px;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_signle--img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_signle--cat {
  margin: 15px 0;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_signle--cat > a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 2px 20px;
  color: #4d362e;
  background: #e2d9d1;
  border-radius: 25px;
  font-family: "ZenKakuGothicNew-Bold", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", "游ゴシック Medium", メイリオ, sans-serif;
  font-size: 16px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_signle--cat > a:hover {
  color: #e4a974;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_single--wrapper-dl_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin: 30px 0 15px 0;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_single--wrapper-dl_btn .illust_single--dl_btn {
  padding: 10px;
  width: 200px;
  border-radius: 25px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_single--wrapper-dl_btn .illust_single--dl_btn.png {
  background: #88bfb7;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_single--wrapper-dl_btn .illust_single--dl_btn.png:hover {
  background: #9ac9c2;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_single--wrapper-dl_btn .illust_single--dl_btn.ai {
  background: #e4a974;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_single--wrapper-dl_btn .illust_single--dl_btn.ai:hover {
  background: #e8b689;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap--left {
  max-width: 450px;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap--right {
  max-width: 500px;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap p > a {
  color: #4d362e;
  border-bottom: 1px solid #4d362e;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap p > a:hover {
  color: #e4a974;
  border-bottom: 1px solid #e4a974;
}
#single .illust--inner .illust_signle--2col a.illust_signle--back {
  padding-left: 20px;
  position: relative;
  color: #4d362e;
  font-size: 16px;
  text-align: center;
}
#single .illust--inner .illust_signle--2col a.illust_signle--back::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-180%);
          transform: translateY(-180%);
  content: url("./images/parts/chevron.svg");
  height: 8px;
  width: 8px;
}
#single .illust--inner .illust_signle--2col .illust_related-wrapper {
  display: block;
  width: 480px;
  padding: 35px 50px;
  background: #f6efe4;
  border-radius: 8px 0 0 8px;
}
#single .illust--inner .illust_signle--2col .illust_related-wrapper > h3 {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 600;
}
#single .illust--inner .illust_signle--2col .illust_related-wrapper > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
#single .illust--inner .illust_signle--2col .illust_related-wrapper > ul .related-post > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 143px;
  height: 143px;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 8px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#single .illust--inner .illust_signle--2col .illust_related-wrapper > ul .related-post > a:hover {
  background: #f6efe4;
}
#single .illust--inner .illust_signle--2col .illust_related-wrapper > ul .related-post > a > img {
  width: 110px;
  height: 110px;
  -o-object-fit: cover;
     object-fit: cover;
}
#single .illust--inner .illust_signle--2col .illust_related-wrapper .illust_more-link {
  display: block;
  margin-top: 25px;
  text-align: right;
}
#single .illust--inner .illust_signle--2col .illust_related-wrapper .illust_more-link > a {
  color: #4d362e;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#single .illust--inner .illust_signle--2col .illust_related-wrapper .illust_more-link > a:hover {
  color: #e4a974;
}
#single .illust--inner .post-cat {
  display: block;
}
#single .illust--inner .post-cat > a {
  display: inline-block;
  margin: 5px;
  padding: 5px 10px;
  background: #aaa;
  color: white;
  font-size: 14px;
  line-height: 100%;
}
#single .illust--inner .post-date {
  display: block;
  color: #333;
  font-size: 14px;
  text-align: right;
}
#single .illust--inner .post-navi {
  display: block;
  margin: 30px 0;
  padding: 0;
  font-size: 0;
}
#single .illust--inner .post-navi::after {
  display: block;
  clear: both;
  content: "";
}
#single .illust--inner .post-navi > li > a {
  display: block;
  width: 320px;
  padding: 10px;
  position: relative;
  background: #aaa;
  color: white;
  font-size: 16px;
  text-align: center;
}
#single .illust--inner .post-navi > li > a::before {
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  content: "";
}
#single .illust--inner .post-navi > li > a:hover {
  background: #888;
}
#single .illust--inner .post-navi > li.prev {
  float: left;
}
#single .illust--inner .post-navi > li.prev > a::before {
  left: 15px;
  border-top: 2px solid white;
  border-left: 2px solid white;
}
#single .illust--inner .post-navi > li.next {
  float: right;
}
#single .illust--inner .post-navi > li.next > a::before {
  right: 15px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
#single .illust--inner a.back {
  display: block;
  max-width: 460px;
  margin: 20px auto;
  padding: 10px 0;
  background: #aaa;
  color: white;
  font-size: 16px;
  text-align: center;
}
#single .illust--inner a.back:hover {
  background: #888;
}

.illust-tabs {
  margin: 20px 0;
}
.illust-tabs .illust-tab--links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.illust-tabs .illust-tab--links li {
  padding: 0 30px;
  background: #e2d9d1;
  border-radius: 15px;
  color: #4d362e;
  cursor: pointer;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.illust-tabs .illust-tab--links li:hover {
  background: #e4a974;
  color: #fff;
}
.illust-tabs .illust-tab--links li.active {
  background: #e4a974;
  color: #fff;
}
.illust-tabs .illust-tab--contents .illust-tab--content {
  display: none;
  margin-top: 20px;
}
.illust-tabs .illust-tab--contents .illust-tab--content.active {
  display: block;
}
.illust-tabs .illust-tab--contents .illust-tab--content .load-more-wrap {
  display: block;
  margin: 50px auto 0px auto;
  text-align: center;
}
.illust-tabs .illust-tab--contents .illust-tab--content .load-more-wrap .load-more {
  min-width: 200px;
  padding: 15px 0px;
  color: #4d362e;
  background: #e2d9d1;
  border: none;
  border-radius: 45px;
  font-size: 18px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.illust-tabs .illust-tab--contents .illust-tab--content .load-more-wrap .load-more:hover {
  color: #fff;
  background: #e4a974;
}

#search h1 {
  margin-top: 0;
}

#not_found h1 {
  display: block;
  margin: 0 auto;
  padding: 100px 0 50px;
  color: #4d362e;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 7px;
  line-height: 150%;
}
#not_found h1::after {
  content: none;
}
#not_found .not_found--img {
  display: block;
  margin: auto;
}
#not_found .not_found--txt {
  margin: 50px auto;
  text-align: center;
}
#not_found .not_found--links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
}
#not_found .not_found--links > img {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#not_found .not_found--links > img:hover {
  opacity: 0.8;
}
#not_found .not_found--links p {
  color: #4d362e;
  font-size: 14px;
  text-align: center;
  line-height: 170%;
}
#not_found section.page_upper {
  padding: 100px 0;
}
#not_found section.page_upper::before, #not_found section.page_upper::after {
  content: none;
}

body.not_found .footer {
  margin-top: 0;
  padding-top: 50px;
  background: #f6efe4;
}
body.not_found .footer > .inner > .copyright {
  margin-bottom: 0;
  padding-bottom: 30px;
}

@media screen and (max-width: 1180px) and (min-width: 769px) {
  /*

  O-ThemeのタブレットサイズのLayout SCSSです。

  ※このファイルは親テーマのバージョンアップと共に上書きされていくため、なるべく編集しないでください。
  　邪魔なスタイルがある場合は、書き換えても良いけど、バージョンアップする際は十分に注意してください。
  　もし、書き換える場合は以下のように何をどう書き換えたのか残して置いてください。

  .inner {
      display: block;
      margin: 0px auto;
      // max-width: $inner--width;
      max-width: 1200px; // Change:2021-04-01 wada
  }

  */
  body .inner {
    margin: 0px 15px;
    padding: 0px;
  }
  body article {
    margin: 0px auto 0 auto;
  }
  #about h1, #request h1, #favorite h1, #qa h1, #policy h1, #contact h1, #privacy-policy h1 {
    margin: 100px 0px 30px 0px;
  }
  h1 {
    margin: 50px 0;
  }
  h2 {
    margin: 80px auto 30px auto;
    font-size: 24px;
  }
  .mob_on {
    display: block;
  }
  .mob_off {
    display: none;
  }
  .table--base {
    width: 100%;
  }
  .table--base > tbody > tr > th {
    display: block;
    padding: 20px 0 0 0;
    text-align: left;
  }
  .table--base > tbody > tr > td {
    display: block;
    padding: 10px 0 20px 20px;
  }
  .table--base > tbody > tr > td > a:hover {
    border-bottom: 1px solid #4d362e;
    color: #4d362e;
  }
  section {
    padding: 100px 0 30px 0;
  }
  section.page_upper::before {
    display: none;
  }
  section.page_upper::after {
    display: none;
  }
  section.page_upper h2.ttl {
    font-size: 24px;
  }
  section.page_upper .category--list .category--list-link:hover img {
    border: 3px solid #fff;
    border-radius: 4px;
  }
  section.page_upper .category--list .category--list-link:hover p {
    color: #4d362e;
  }
  section.page_main {
    padding: 30px 0;
  }
  section.page_main .overview_img {
    display: block;
    margin: 0 auto 30px auto;
  }
  section.page_main .overview_table {
    max-width: 720px;
    margin: 0 auto;
  }
  section.page_main .overview_table table {
    width: 100%;
  }
  section.page_main .overview_table table th, section.page_main .overview_table table td {
    padding: 15px 10px 5px 10px;
    border-bottom: 1px solid #666;
  }
  .illust_post--list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .illust_post--list-link {
    padding: 5px;
  }
  .illust_post--list-link:hover {
    background: #fff;
  }
  .illust_post--list-link .illust_post--list-ttl-wrap .illust_post--list-ttl {
    font-size: 12px;
  }
  #request::before, #policy::before, #about::before, #qa::before, #contact::before, #privacy-policy::before, #favorite::before, #news::before {
    display: none;
  }
  #request::after, #policy::after, #about::after, #qa::after, #contact::after, #privacy-policy::after, #favorite::after, #news::after {
    display: none;
  }
  .sp-height--5 {
    height: 5px !important;
  }
  .pagination {
    gap: 0;
  }
  .pagination .page-numbers {
    padding: 5px 12px;
    font-size: 14px;
  }
  .pagination .page-numbers:hover {
    color: #4d362e;
  }
  .pagination .page-numbers.prev, .pagination .page-numbers.next {
    padding: 15px;
    width: 25px;
    height: 25px;
  }
  .pagination .page-numbers.prev::after, .pagination .page-numbers.next::after {
    content: url("./images/parts/arrow-white.svg");
    width: 10px;
    height: 10px;
    -webkit-transform: translate(-50%, -140%);
            transform: translate(-50%, -140%);
  }
  .pagination .page-numbers.prev:hover, .pagination .page-numbers.next:hover {
    background: #e4a974;
  }
  .pagination .page-numbers.prev::after {
    -webkit-transform: translate(-50%, 40%) rotate(180deg);
            transform: translate(-50%, 40%) rotate(180deg);
  }
  .header {
    width: 100%;
    height: 75px;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #fffffa;
  }
  .header__inner {
    padding: 0px 15px;
    height: 50px;
    position: relative;
  }
  .header a.site-ttl {
    margin: 0;
    position: absolute;
    top: 10px;
    left: 15px;
    color: #4d362e;
    font-size: 20px;
    font-weight: 700;
  }
  .header a.site-ttl > img {
    display: block;
    width: 130px;
    margin: 5px auto 0;
  }
  .header #globalmenu {
    display: none;
  }
  .breadcrumb > .bread-arrow::after {
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
  }
  .breadcrumb a {
    font-size: 14px;
  }
  .breadcrumb a:hover {
    color: #4d362e;
  }
  .footer {
    margin: 100px auto 0 auto;
  }
  .footer__inner {
    margin: 0px 15px;
  }
  .footer > .inner .inner--border {
    padding: 30px 0 0 0;
    border-top: 2px solid #c9c2bc;
  }
  .footer > .inner .inner--border .footer-logo {
    margin-bottom: 20px;
  }
  .footer > .inner .inner--border .footer-logo > img {
    width: 180px;
  }
  .footer > .inner .inner--border .footer-logo > img:hover {
    opacity: 1;
  }
  .footer > .inner .inner--border .menu-footer_menu-container #footermenu {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    gap: 10px 20px;
  }
  .footer > .inner .inner--border .menu-footer_menu-container #footermenu > li > a {
    font-size: 14px;
  }
  .footer > .inner .inner--border .menu-footer_menu-container #footermenu > li > a:hover {
    color: #000;
  }
  .footer > .inner > .copyright {
    max-width: 1000px;
    display: block;
    margin: 30px auto 80px auto;
    padding: 5px 0;
    color: #000;
    font-size: 14px;
    text-align: center;
  }
  #home section {
    padding: 100px 0 30px 0;
  }
  #about h2 {
    margin: 50px auto 15px auto;
  }
  #about .ttl--text-big {
    font-size: 24px;
  }
  #about .author--wrap-change .order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #about .author--wrap-change .order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #about .author--wrap .author--wrap-center {
    margin-top: 30px;
  }
  #about .author--wrap .author--wrap-center .author--list-name {
    padding-bottom: 10px;
    font-size: 26px;
  }
  #about .author--wrap .author--wrap-center .author--list-img {
    width: 130px;
  }
  #about .company--name {
    padding-bottom: 20px;
  }
  #qa .qa--wrap .qa--q {
    padding-left: 40px;
  }
  #qa .qa--wrap .qa--q::before {
    left: 0;
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
  }
  #qa .qa--wrap .qa--a {
    padding-left: 40px;
  }
  #qa .qa--wrap .qa--a::before {
    left: 0;
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
  }
  .form--wrapper {
    margin-top: 30px;
  }
  .form--wrapper > p {
    padding: 10px 0;
  }
  .form--wrapper > p > label {
    font-size: 16px;
  }
  .form--wrapper > p > .req {
    padding-left: 10px;
    font-size: 16px;
  }
  .form--wrapper > p > small {
    display: block;
    padding-top: 15px;
    padding-left: 15px;
    font-size: 14px;
  }
  .form--wrapper > p span input[type=text], .form--wrapper > p span input[type=email], .form--wrapper > p span input[type=tel] {
    width: 100%;
    padding: 8px 0 8px 10px;
    font-size: 14px;
  }
  .form--wrapper > p span textarea {
    width: 100%;
    padding: 8px 0 8px 10px;
    font-size: 14px;
  }
  .form_policy {
    margin: 5px auto 30px auto;
  }
  .form_policy span > label > span > a {
    font-size: 16px;
  }
  .form_policy span > label > span > a:hover {
    opacity: 1;
  }
  .form_submit p input {
    width: 300px;
    padding: 10px;
    font-size: 16px;
  }
  .form_submit p input:hover {
    background: #e4a974;
    color: #fff;
  }
  #single h2 {
    margin: 30px 0;
    padding: 0 15px;
  }
  #single .illust--inner {
    margin-left: 0;
  }
  #single .illust--inner .illust_signle--2col {
    display: block;
  }
  #single .illust--inner .illust_signle--2col > div {
    margin-top: 85px;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper {
    display: block;
    padding: 0 15px;
    margin-bottom: 15px;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_signle--img {
    display: block;
    width: 100%;
    max-width: 340px;
    height: 340px;
    margin: 0 auto;
    padding: 40px;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_signle--cat {
    margin: 25px 0;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_signle--cat > a {
    font-size: 14px;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_signle--cat > a:hover {
    color: #4d362e;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_single--wrapper-dl_btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_single--wrapper-dl_btn .illust_single--dl_btn {
    margin: 0;
    width: 200px;
    font-size: 14px;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap--left {
    max-width: unset;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap--right {
    max-width: unset;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap p {
    font-size: 14px;
    text-align: center;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap p > a {
    font-size: 14px;
  }
  #single .illust--inner .illust_signle--2col a.illust_signle--back {
    margin-top: 15px;
    margin-left: 20px;
  }
  #single .illust--inner .illust_signle--2col .illust_related-wrapper {
    width: 100%;
    padding: 20px 15px;
    border-radius: 0;
  }
  #single .illust--inner .illust_signle--2col .illust_related-wrapper > h3 {
    margin-bottom: 20px;
    font-size: 20px;
  }
  #single .illust--inner .illust_signle--2col .illust_related-wrapper > ul {
    gap: 15px;
  }
  #single .illust--inner .illust_signle--2col .illust_related-wrapper > ul .related-post > a {
    width: 160px;
    height: 160px;
  }
  #single .illust--inner .illust_signle--2col .illust_related-wrapper > ul .related-post > a:hover {
    background: #fff;
  }
  .illust-tabs .illust-tab--links li {
    padding: 0 20px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  /*

  O-ThemeのスマートフォンサイズのLayout SCSSです。

  ※このファイルは親テーマのバージョンアップと共に上書きされていくため、なるべく編集しないでください。
  　邪魔なスタイルがある場合は、書き換えても良いけど、バージョンアップする際は十分に注意してください。
  　もし、書き換える場合は以下のように何をどう書き換えたのか残して置いてください。

  .inner {
      display: block;
      margin: 0px auto;
      // max-width: $inner--width;
      max-width: 1200px; // Change:2021-04-01 wada
  }

  */
  body .inner {
    margin: 0px 15px;
    padding: 0px;
  }
  body article {
    margin: 0px auto 0 auto;
  }
  #about h1, #request h1, #favorite h1, #qa h1, #policy h1, #contact h1, #privacy-policy h1 {
    margin: 100px 0px 30px 0px;
  }
  h1 {
    margin: 50px 0;
  }
  h2 {
    margin: 80px auto 30px auto;
    font-size: 24px;
  }
  .mob_on {
    display: block;
  }
  .mob_off {
    display: none;
  }
  .table--base {
    width: 100%;
  }
  .table--base > tbody > tr > th {
    display: block;
    padding: 20px 0 0 0;
    text-align: left;
  }
  .table--base > tbody > tr > td {
    display: block;
    padding: 10px 0 20px 20px;
  }
  .table--base > tbody > tr > td > a:hover {
    border-bottom: 1px solid #4d362e;
    color: #4d362e;
  }
  section {
    padding: 100px 0 30px 0;
  }
  section.page_upper::before {
    display: none;
  }
  section.page_upper::after {
    display: none;
  }
  section.page_upper h2.ttl {
    font-size: 24px;
  }
  section.page_upper .search--window {
    max-width: 100%;
    margin: 25px auto 0 auto;
    padding: 10px 25px;
  }
  section.page_upper .search--window > form .search--window-main {
    width: calc(100% - 50px);
  }
  section.page_upper .search--window > form .search--window-btn {
    padding: 0 10px;
    height: 15px;
    width: 15px;
  }
  section.page_upper .category--list {
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    margin: 30px auto 0 auto;
    padding: 15px;
  }
  section.page_upper .category--list .category--list-link > img {
    width: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
  section.page_upper .category--list .category--list-link > p {
    font-size: 12px;
  }
  section.page_upper .category--list .category--list-link:hover img {
    border: 3px solid #fff;
    border-radius: 4px;
  }
  section.page_upper .category--list .category--list-link:hover p {
    color: #4d362e;
  }
  section.page_main {
    padding: 30px 0;
  }
  section.page_main .overview_img {
    display: block;
    margin: 0 auto 30px auto;
  }
  section.page_main .overview_table {
    max-width: 720px;
    margin: 0 auto;
  }
  section.page_main .overview_table table {
    width: 100%;
  }
  section.page_main .overview_table table th, section.page_main .overview_table table td {
    padding: 15px 10px 5px 10px;
    border-bottom: 1px solid #666;
  }
  .illust_post--list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(42vw, 1fr));
    gap: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .illust_post--list-link {
    height: 40vw;
    padding: 5px;
  }
  .illust_post--list-link:hover {
    background: #fff;
  }
  .illust_post--list-link .illust_post--list-img {
    height: 28.5vw;
  }
  .illust_post--list-link .illust_post--list-ttl-wrap .illust_post--list-ttl {
    font-size: 12px;
  }
  #request::before, #policy::before, #about::before, #qa::before, #contact::before, #privacy-policy::before, #favorite::before, #news::before {
    display: none;
  }
  #request::after, #policy::after, #about::after, #qa::after, #contact::after, #privacy-policy::after, #favorite::after, #news::after {
    display: none;
  }
  .sp-height--5 {
    height: 5px !important;
  }
  .pagination {
    gap: 0;
  }
  .pagination .page-numbers {
    padding: 5px 12px;
    font-size: 14px;
  }
  .pagination .page-numbers:hover {
    color: #4d362e;
  }
  .pagination .page-numbers.prev, .pagination .page-numbers.next {
    padding: 15px;
    width: 25px;
    height: 25px;
  }
  .pagination .page-numbers.prev::after, .pagination .page-numbers.next::after {
    content: url("./images/parts/arrow-white.svg");
    width: 10px;
    height: 10px;
    -webkit-transform: translate(-50%, -140%);
            transform: translate(-50%, -140%);
  }
  .pagination .page-numbers.prev:hover, .pagination .page-numbers.next:hover {
    background: #e4a974;
  }
  .pagination .page-numbers.prev::after {
    -webkit-transform: translate(-50%, 40%) rotate(180deg);
            transform: translate(-50%, 40%) rotate(180deg);
  }
  .header {
    width: 100%;
    height: 75px;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #fffffa;
  }
  .header__inner {
    padding: 0px 15px;
    height: 50px;
    position: relative;
  }
  .header a.site-ttl {
    margin: 0;
    position: absolute;
    top: 5px;
    left: 15px;
    color: #4d362e;
    font-size: 20px;
    font-weight: 700;
  }
  .header a.site-ttl > img {
    display: block;
    width: 130px;
    margin: 5px 0;
  }
  .header #globalmenu {
    display: none;
  }
  .breadcrumb > .bread-arrow::after {
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
  }
  .breadcrumb a {
    font-size: 14px;
  }
  .breadcrumb a:hover {
    color: #4d362e;
  }
  .footer {
    margin: 100px auto 0 auto;
  }
  .footer__inner {
    margin: 0px 15px;
  }
  .footer > .inner .inner--border {
    padding: 30px 0 0 0;
    border-top: 2px solid #c9c2bc;
  }
  .footer > .inner .inner--border .footer-logo {
    margin-bottom: 20px;
  }
  .footer > .inner .inner--border .footer-logo > img {
    width: 180px;
  }
  .footer > .inner .inner--border .footer-logo > img:hover {
    opacity: 1;
  }
  .footer > .inner .inner--border .menu-footer_menu-container #footermenu {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    gap: 10px 20px;
  }
  .footer > .inner .inner--border .menu-footer_menu-container #footermenu > li > a {
    font-size: 14px;
  }
  .footer > .inner .inner--border .menu-footer_menu-container #footermenu > li > a:hover {
    color: #000;
  }
  .footer > .inner > .copyright {
    max-width: 1000px;
    display: block;
    margin: 30px auto 80px auto;
    padding: 5px 0;
    color: #000;
    font-size: 14px;
    text-align: center;
  }
  #home section {
    padding: 100px 0 30px 0;
  }
  #home section .top--pr {
    gap: 10px;
  }
  #home section .top--pr-item {
    font-size: 16px;
  }
  #home section .top--sub {
    margin-top: 30px;
    text-align: left;
  }
  #about h2 {
    margin: 50px auto 15px auto;
  }
  #about .ttl--text-big {
    font-size: 24px;
  }
  #about .author--wrap-change .order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #about .author--wrap-change .order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #about .author--wrap .author--wrap-center {
    margin-top: 30px;
  }
  #about .author--wrap .author--wrap-center .author--list-name {
    padding-bottom: 10px;
    font-size: 26px;
  }
  #about .author--wrap .author--wrap-center .author--list-img {
    width: 130px;
  }
  #about .company--name {
    padding-bottom: 20px;
  }
  #qa .qa--wrap .qa--q {
    padding-left: 40px;
  }
  #qa .qa--wrap .qa--q::before {
    left: 0;
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
  }
  #qa .qa--wrap .qa--a {
    padding-left: 40px;
  }
  #qa .qa--wrap .qa--a::before {
    left: 0;
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
  }
  .form--wrapper {
    margin-top: 30px;
  }
  .form--wrapper > p {
    padding: 10px 0;
  }
  .form--wrapper > p > label {
    font-size: 16px;
  }
  .form--wrapper > p > .req {
    padding-left: 10px;
    font-size: 16px;
  }
  .form--wrapper > p > small {
    display: block;
    padding-top: 15px;
    padding-left: 15px;
    font-size: 14px;
  }
  .form--wrapper > p span input[type=text], .form--wrapper > p span input[type=email], .form--wrapper > p span input[type=tel] {
    width: 100%;
    padding: 8px 0 8px 10px;
    font-size: 14px;
  }
  .form--wrapper > p span textarea {
    width: 100%;
    padding: 8px 0 8px 10px;
    font-size: 14px;
  }
  .form_policy {
    margin: 5px auto 30px auto;
  }
  .form_policy span > label > span > a {
    font-size: 16px;
  }
  .form_policy span > label > span > a:hover {
    opacity: 1;
  }
  .form_submit p input {
    width: 300px;
    padding: 10px;
    font-size: 16px;
  }
  .form_submit p input:hover {
    background: #e4a974;
    color: #fff;
  }
  #single h2 {
    margin: 30px 0;
    padding: 0 15px;
  }
  #single .illust--inner {
    margin-left: 0;
  }
  #single .illust--inner .illust_signle--2col {
    display: block;
  }
  #single .illust--inner .illust_signle--2col > div {
    margin-top: 85px;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper {
    display: block;
    padding: 0 15px;
    margin-bottom: 15px;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_signle--img {
    display: block;
    width: 100%;
    max-width: 340px;
    height: 340px;
    margin: 0 auto;
    padding: 40px;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_signle--cat {
    margin: 25px 0;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_signle--cat > a {
    font-size: 14px;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_signle--cat > a:hover {
    color: #4d362e;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap .illust_single--wrapper-dl_btn .illust_single--dl_btn {
    margin: 0 auto;
    width: 200px;
    font-size: 14px;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap--left {
    max-width: unset;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap--right {
    max-width: unset;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap p {
    font-size: 14px;
    text-align: center;
  }
  #single .illust--inner .illust_signle--2col .illust_signle--wrapper .illust_signle--wrap p > a {
    font-size: 14px;
  }
  #single .illust--inner .illust_signle--2col a.illust_signle--back {
    margin-top: 15px;
    margin-left: 20px;
  }
  #single .illust--inner .illust_signle--2col .illust_related-wrapper {
    width: 100%;
    padding: 20px 15px;
    border-radius: 0;
  }
  #single .illust--inner .illust_signle--2col .illust_related-wrapper > h3 {
    margin-bottom: 20px;
    font-size: 20px;
  }
  #single .illust--inner .illust_signle--2col .illust_related-wrapper > ul {
    gap: 15px;
  }
  #single .illust--inner .illust_signle--2col .illust_related-wrapper > ul .related-post > a {
    width: 160px;
    height: 160px;
  }
  #single .illust--inner .illust_signle--2col .illust_related-wrapper > ul .related-post > a:hover {
    background: #fff;
  }
  .illust-tabs .illust-tab--links li {
    padding: 0 20px;
    font-size: 14px;
  }
  #not_found h1 {
    font-size: clamp(24px, 3.9vw, 30px);
  }
  #not_found .not_found--txt {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
  }
  #not_found .not_found--links {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 585px;
    margin-right: auto;
    margin-left: auto;
  }
}
/*

O-Themeの全サイズ共通のModule SCSSです。
サイズに依存しないスタイルを定義するSCSSです。
サイズに依存する場合は、module_pc.scss / module_tab.scss / module_sp.scss に書き分けてください。

※このファイルは親テーマのバージョンアップと共に上書きされていくため、なるべく編集しないでください。
　邪魔なスタイルがある場合は、書き換えても良いけど、バージョンアップする際は十分に注意してください。
　もし、書き換える場合は以下のように何をどう書き換えたのか残して置いてください。

.inner {
    display: block;
    margin: 0px auto;
    // max-width: $inner--width;
    max-width: 1200px; // Change:2021-04-01 wada
}

*/
.f_10 {
  font-size: 10px;
}

.f_11 {
  font-size: 11px;
}

.f_12 {
  font-size: 12px;
}

.f_13 {
  font-size: 13px;
}

.f_14 {
  font-size: 14px;
}

.f_15 {
  font-size: 15px;
}

.f_16 {
  font-size: 16px;
}

.f_18 {
  font-size: 18px;
}

.f_20 {
  font-size: 20px;
}

.f_22 {
  font-size: 22px;
}

.f_24 {
  font-size: 24px;
}

.f_26 {
  font-size: 26px;
}

.f_28 {
  font-size: 28px;
}

.f_30 {
  font-size: 30px;
}

.f_32 {
  font-size: 32px;
}

.f_36 {
  font-size: 36px;
}

.f_40 {
  font-size: 40px;
}

.f_44 {
  font-size: 44px;
}

.f_48 {
  font-size: 48px;
}

.f_52 {
  font-size: 52px;
}

.f_56 {
  font-size: 56px;
}

.f_60 {
  font-size: 60px;
}

.f_64 {
  font-size: 64px;
}

.underline {
  display: inline;
  border-bottom: 1px solid #4d362e;
}
.underline--dot {
  border-bottom: 2px dotted #4d362e;
}
.underline--dash {
  border-bottom: 1px dashed #4d362e;
}
.underline--double {
  border-bottom: 4px double #4d362e;
}
.underline--wave {
  border-bottom: none;
  -webkit-text-decoration: underline wavy #4d362e;
          text-decoration: underline wavy #4d362e;
}

.marker {
  display: inline;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(255, 255, 0, 0.6196078431)));
  background: linear-gradient(transparent 60%, rgba(255, 255, 0, 0.6196078431) 60%);
}
.marker--red {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(255, 100, 100, 0.5)));
  background: linear-gradient(transparent 60%, rgba(255, 100, 100, 0.5) 60%);
}
.marker--green {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(100, 255, 100, 0.5)));
  background: linear-gradient(transparent 60%, rgba(100, 255, 100, 0.5) 60%);
}
.marker--blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(100, 100, 255, 0.5)));
  background: linear-gradient(transparent 60%, rgba(100, 100, 255, 0.5) 60%);
}
.marker--yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(255, 255, 100, 0.5)));
  background: linear-gradient(transparent 60%, rgba(255, 255, 100, 0.5) 60%);
}
.marker--cyan {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(100, 255, 255, 0.5)));
  background: linear-gradient(transparent 60%, rgba(100, 255, 255, 0.5) 60%);
}
.marker--purple {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(255, 100, 255, 0.5)));
  background: linear-gradient(transparent 60%, rgba(255, 100, 255, 0.5) 60%);
}
.marker--gray {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(100, 100, 100, 0.5)));
  background: linear-gradient(transparent 60%, rgba(100, 100, 100, 0.5) 60%);
}

.align_left {
  text-align: left;
}

.align_center {
  text-align: center;
}

.align_right {
  text-align: right;
}

.valign_top {
  vertical-align: top;
}

.valign_middle {
  vertical-align: middle;
}

.valign_bottom {
  vertical-align: bottom;
}

.left {
  float: left;
}

.right {
  float: right;
}

img.left {
  margin-right: 20px;
  float: left;
}

img.right {
  margin-left: 20px;
  float: right;
}

.no-margin-top {
  margin: 0px !important;
}

.no-margin-top {
  margin-top: 0px !important;
}

.no-margin-bottom {
  margin-bottom: 0px !important;
}

.clear {
  clear: both;
}

.anchor {
  margin-top: -100px;
  padding-top: 100px;
}

.bg--white {
  background: white;
}

.bg--whitesmoke {
  background: whitesmoke;
}

.bg--ghostwhite {
  background: ghostwhite;
}

.bg--aliceblue {
  background: aliceblue;
}

.bg--lavender {
  background: lavender;
}

.bg--azure {
  background: azure;
}

.bg--lightcyan {
  background: lightcyan;
}

.bg--mintcream {
  background: mintcream;
}

.bg--honeydew {
  background: honeydew;
}

.bg--ivory {
  background: ivory;
}

.bg--beige {
  background: beige;
}

.bg--lightyellow {
  background: lightyellow;
}

.bg--lightgoldenrodyellow {
  background: lightgoldenrodyellow;
}

.bg--lemonchiffon {
  background: lemonchiffon;
}

.bg--floralwhite {
  background: floralwhite;
}

.bg--oldlace {
  background: oldlace;
}

.bg--cornsilk {
  background: cornsilk;
}

.bg--blanchedalmond {
  background: blanchedalmond;
}

.bg--bisque {
  background: bisque;
}

.bg--snow {
  background: snow;
}

.bg--linen {
  background: linen;
}

.bg--antiquewhite {
  background: antiquewhite;
}

.bg--seashell {
  background: seashell;
}

.bg--lavenderblush {
  background: lavenderblush;
}

.bg--mistyrose {
  background: mistyrose;
}

.bg--gainsboro {
  background: gainsboro;
}

.bg--lightgray {
  background: lightgray;
}

.bg--lightsteelblue {
  background: lightsteelblue;
}

.bg--lightblue {
  background: lightblue;
}

.bg--lightskyblue {
  background: lightskyblue;
}

.bg--powderblue {
  background: powderblue;
}

.bg--paleturquoise {
  background: paleturquoise;
}

.bg--skyblue {
  background: skyblue;
}

.bg--mediumaquamarine {
  background: mediumaquamarine;
}

.bg--aquamarine {
  background: aquamarine;
}

.bg--palegreen {
  background: palegreen;
}

.bg--lightgreen {
  background: lightgreen;
}

.bg--khaki {
  background: khaki;
}

.bg--palegoldenrod {
  background: palegoldenrod;
}

.bg--moccasin {
  background: moccasin;
}

.bg--navajowhite {
  background: navajowhite;
}

.bg--peachpuff {
  background: peachpuff;
}

.bg--wheat {
  background: wheat;
}

.bg--pink {
  background: pink;
}

.bg--lightpink {
  background: lightpink;
}

.bg--thistle {
  background: thistle;
}

.bg--plum {
  background: plum;
}

.bg--silver {
  background: silver;
}

.bg--darkgray {
  background: darkgray;
}

.bg--lightslategray {
  background: lightslategray;
}

.bg--slategray {
  background: slategray;
}

.bg--slateblue {
  background: slateblue;
}

.bg--steelblue {
  background: steelblue;
}

.bg--mediumslateblue {
  background: mediumslateblue;
}

.bg--royalblue {
  background: royalblue;
}

.bg--blue {
  background: blue;
}

.bg--dodgerblue {
  background: dodgerblue;
}

.bg--cornflowerblue {
  background: cornflowerblue;
}

.bg--deepskyblue {
  background: deepskyblue;
}

.bg--cyan {
  background: cyan;
}

.bg--aqua {
  background: aqua;
}

.bg--turquoise {
  background: turquoise;
}

.bg--mediumturquoise {
  background: mediumturquoise;
}

.bg--darkturquoise {
  background: darkturquoise;
}

.bg--lightseagreen {
  background: lightseagreen;
}

.bg--mediumspringgreen {
  background: mediumspringgreen;
}

.bg--springgreen {
  background: springgreen;
}

.bg--lime {
  background: lime;
}

.bg--limegreen {
  background: limegreen;
}

.bg--yellowgreen {
  background: yellowgreen;
}

.bg--lawngreen {
  background: lawngreen;
}

.bg--chartreuse {
  background: chartreuse;
}

.bg--greenyellow {
  background: greenyellow;
}

.bg--yellow {
  background: yellow;
}

.bg--gold {
  background: gold;
}

.bg--orange {
  background: orange;
}

.bg--darkorange {
  background: darkorange;
}

.bg--goldenrod {
  background: goldenrod;
}

.bg--burlywood {
  background: burlywood;
}

.bg--tan {
  background: tan;
}

.bg--sandybrown {
  background: sandybrown;
}

.bg--darksalmon {
  background: darksalmon;
}

.bg--lightcoral {
  background: lightcoral;
}

.bg--salmon {
  background: salmon;
}

.bg--lightsalmon {
  background: lightsalmon;
}

.bg--coral {
  background: coral;
}

.bg--tomato {
  background: tomato;
}

.bg--orangered {
  background: orangered;
}

.bg--red {
  background: red;
}

.bg--deeppink {
  background: deeppink;
}

.bg--hotpink {
  background: hotpink;
}

.bg--palevioletred {
  background: palevioletred;
}

.bg--violet {
  background: violet;
}

.bg--orchid {
  background: orchid;
}

.bg--magenta {
  background: magenta;
}

.bg--fuchsia {
  background: fuchsia;
}

.bg--mediumorchid {
  background: mediumorchid;
}

.bg--darkorchid {
  background: darkorchid;
}

.bg--darkviolet {
  background: darkviolet;
}

.bg--blueviolet {
  background: blueviolet;
}

.bg--mediumpurple {
  background: mediumpurple;
}

.bg--gray {
  background: gray;
}

.bg--mediumblue {
  background: mediumblue;
}

.bg--darkcyan {
  background: darkcyan;
}

.bg--cadetblue {
  background: cadetblue;
}

.bg--darkseagreen {
  background: darkseagreen;
}

.bg--mediumseagreen {
  background: mediumseagreen;
}

.bg--teal {
  background: teal;
}

.bg--forestgreen {
  background: forestgreen;
}

.bg--seagreen {
  background: seagreen;
}

.bg--darkkhaki {
  background: darkkhaki;
}

.bg--peru {
  background: peru;
}

.bg--crimson {
  background: crimson;
}

.bg--indianred {
  background: indianred;
}

.bg--rosybrown {
  background: rosybrown;
}

.bg--mediumvioletred {
  background: mediumvioletred;
}

.bg--dimgray {
  background: dimgray;
}

.bg--black {
  background: black;
}

.bg--midnightblue {
  background: midnightblue;
}

.bg--darkslateblue {
  background: darkslateblue;
}

.bg--darkblue {
  background: darkblue;
}

.bg--navy {
  background: navy;
}

.bg--darkslategray {
  background: darkslategray;
}

.bg--green {
  background: green;
}

.bg--darkgreen {
  background: darkgreen;
}

.bg--darkolivegreen {
  background: darkolivegreen;
}

.bg--olivedrab {
  background: olivedrab;
}

.bg--olive {
  background: olive;
}

.bg--darkgoldenrod {
  background: darkgoldenrod;
}

.bg--chocolate {
  background: chocolate;
}

.bg--sienna {
  background: sienna;
}

.bg--saddlebrown {
  background: saddlebrown;
}

.bg--firebrick {
  background: firebrick;
}

.bg--brown {
  background: brown;
}

.bg--maroon {
  background: maroon;
}

.bg--darkred {
  background: darkred;
}

.bg--darkmagenta {
  background: darkmagenta;
}

.bg--purple {
  background: purple;
}

.bg--indigo {
  background: indigo;
}

.pagetop {
  display: none;
}
.pagetop img {
  display: none;
}
.pagetop span {
  display: none;
}

@media screen and (min-width: 1181px) {
  /*

  O-ThemeのPCサイズのModule SCSSです。

  ※このファイルは親テーマのバージョンアップと共に上書きされていくため、なるべく編集しないでください。
  　邪魔なスタイルがある場合は、書き換えても良いけど、バージョンアップする際は十分に注意してください。
  　もし、書き換える場合は以下のように何をどう書き換えたのか残して置いてください。

  .inner {
      display: block;
      margin: 0px auto;
      // max-width: $inner--width;
      max-width: 1200px; // Change:2021-04-01 wada
  }

  */
  .inner {
    padding: 0px 15px;
    width: 100%;
    max-width: 1030px;
    position: relative;
  }
  h1 {
    display: block;
    margin: 80px 0px 50px 0px;
    position: relative;
    color: #4d362e;
    text-align: center;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 32px;
    font-weight: bold;
  }
  h2.ttl {
    display: block;
    margin: 40px 0px 40px 0px;
    padding: 10px 10px;
    position: relative;
    color: #4d362e;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
  }
  h3.ttl {
    display: block;
    margin: 50px 0px 30px 0px;
    padding: 5px;
    position: relative;
    color: #4d362e;
    text-align: center;
    font-size: 22px;
  }
  div, p, span, li, th, td {
    color: #4d362e;
    font-size: 16px;
  }
  a[href*="tel:"] {
    color: inherit;
    pointer-events: none;
  }
  .pc_off {
    display: none !important;
  }
  ul.col, div.col {
    display: block;
    margin: 0px;
    padding: 0px;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0px;
  }
  ul.col > li, ul.col > div, div.col > li, div.col > div {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 50%;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    list-style-type: none;
    font-size: 16px;
    vertical-align: top;
  }
  ul.col > li.pc_5, ul.col > div.pc_5, div.col > li.pc_5, div.col > div.pc_5 {
    width: 5%;
  }
  ul.col > li.pc_10, ul.col > div.pc_10, div.col > li.pc_10, div.col > div.pc_10 {
    width: 10%;
  }
  ul.col > li.pc_15, ul.col > div.pc_15, div.col > li.pc_15, div.col > div.pc_15 {
    width: 15%;
  }
  ul.col > li.pc_20, ul.col > div.pc_20, div.col > li.pc_20, div.col > div.pc_20 {
    width: 20%;
  }
  ul.col > li.pc_25, ul.col > div.pc_25, div.col > li.pc_25, div.col > div.pc_25 {
    width: 25%;
  }
  ul.col > li.pc_30, ul.col > div.pc_30, div.col > li.pc_30, div.col > div.pc_30 {
    width: 30%;
  }
  ul.col > li.pc_33, ul.col > div.pc_33, div.col > li.pc_33, div.col > div.pc_33 {
    width: 33.333%;
  }
  ul.col > li.pc_35, ul.col > div.pc_35, div.col > li.pc_35, div.col > div.pc_35 {
    width: 35%;
  }
  ul.col > li.pc_40, ul.col > div.pc_40, div.col > li.pc_40, div.col > div.pc_40 {
    width: 40%;
  }
  ul.col > li.pc_45, ul.col > div.pc_45, div.col > li.pc_45, div.col > div.pc_45 {
    width: 45%;
  }
  ul.col > li.pc_50, ul.col > div.pc_50, div.col > li.pc_50, div.col > div.pc_50 {
    width: 50%;
  }
  ul.col > li.pc_55, ul.col > div.pc_55, div.col > li.pc_55, div.col > div.pc_55 {
    width: 55%;
  }
  ul.col > li.pc_60, ul.col > div.pc_60, div.col > li.pc_60, div.col > div.pc_60 {
    width: 60%;
  }
  ul.col > li.pc_65, ul.col > div.pc_65, div.col > li.pc_65, div.col > div.pc_65 {
    width: 65%;
  }
  ul.col > li.pc_70, ul.col > div.pc_70, div.col > li.pc_70, div.col > div.pc_70 {
    width: 70%;
  }
  ul.col > li.pc_75, ul.col > div.pc_75, div.col > li.pc_75, div.col > div.pc_75 {
    width: 75%;
  }
  ul.col > li.pc_80, ul.col > div.pc_80, div.col > li.pc_80, div.col > div.pc_80 {
    width: 80%;
  }
  ul.col > li.pc_85, ul.col > div.pc_85, div.col > li.pc_85, div.col > div.pc_85 {
    width: 85%;
  }
  ul.col > li.pc_90, ul.col > div.pc_90, div.col > li.pc_90, div.col > div.pc_90 {
    width: 90%;
  }
  ul.col > li.pc_95, ul.col > div.pc_95, div.col > li.pc_95, div.col > div.pc_95 {
    width: 95%;
  }
  ul.col > li.pc_100, ul.col > div.pc_100, div.col > li.pc_100, div.col > div.pc_100 {
    width: 100%;
  }
  ul.col > li.pc_left, ul.col > div.pc_left, div.col > li.pc_left, div.col > div.pc_left {
    float: left;
  }
  ul.col > li.pc_right, ul.col > div.pc_right, div.col > li.pc_right, div.col > div.pc_right {
    float: right;
  }
  ul.col::after, div.col::after {
    display: block;
    content: "";
    clear: both;
  }
}
@media screen and (max-width: 1180px) and (min-width: 769px) {
  /*

  O-ThemeのタブレットサイズのModule SCSSです。

  ※このファイルは親テーマのバージョンアップと共に上書きされていくため、なるべく編集しないでください。
  　邪魔なスタイルがある場合は、書き換えても良いけど、バージョンアップする際は十分に注意してください。
  　もし、書き換える場合は以下のように何をどう書き換えたのか残して置いてください。

  .inner {
      display: block;
      margin: 0px auto;
      // max-width: $inner--width;
      max-width: 1200px; // Change:2021-04-01 wada
  }

  */
  h1 {
    display: block;
    margin: 80px 0px 50px 0px;
    position: relative;
    color: #4d362e;
    text-align: center;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 26px;
    font-weight: bold;
  }
  h2.ttl {
    display: block;
    margin: 40px 0px 40px 0px;
    padding: 10px 10px;
    position: relative;
    color: #4d362e;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
  }
  h3.ttl {
    display: block;
    margin: 50px 0px 30px 0px;
    padding: 5px;
    position: relative;
    color: #4d362e;
    text-align: center;
    font-size: 18px;
  }
  div, p, span, li, th, td {
    color: #4d362e;
    font-size: 15px;
  }
  a[href*="tel:"] {
    color: inherit;
    pointer-events: unset;
  }
  .tab_off {
    display: none !important;
  }
  ul.col, div.col {
    display: block;
    margin: 0px;
    padding: 0px;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0px;
  }
  ul.col > li, ul.col > div, div.col > li, div.col > div {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 50%;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    list-style-type: none;
    font-size: 15px;
    vertical-align: top;
  }
  ul.col > li.tab_5, ul.col > div.tab_5, div.col > li.tab_5, div.col > div.tab_5 {
    width: 5%;
  }
  ul.col > li.tab_10, ul.col > div.tab_10, div.col > li.tab_10, div.col > div.tab_10 {
    width: 10%;
  }
  ul.col > li.tab_15, ul.col > div.tab_15, div.col > li.tab_15, div.col > div.tab_15 {
    width: 15%;
  }
  ul.col > li.tab_20, ul.col > div.tab_20, div.col > li.tab_20, div.col > div.tab_20 {
    width: 20%;
  }
  ul.col > li.tab_25, ul.col > div.tab_25, div.col > li.tab_25, div.col > div.tab_25 {
    width: 25%;
  }
  ul.col > li.tab_30, ul.col > div.tab_30, div.col > li.tab_30, div.col > div.tab_30 {
    width: 30%;
  }
  ul.col > li.tab_33, ul.col > div.tab_33, div.col > li.tab_33, div.col > div.tab_33 {
    width: 33.333%;
  }
  ul.col > li.tab_35, ul.col > div.tab_35, div.col > li.tab_35, div.col > div.tab_35 {
    width: 35%;
  }
  ul.col > li.tab_40, ul.col > div.tab_40, div.col > li.tab_40, div.col > div.tab_40 {
    width: 40%;
  }
  ul.col > li.tab_45, ul.col > div.tab_45, div.col > li.tab_45, div.col > div.tab_45 {
    width: 45%;
  }
  ul.col > li.tab_50, ul.col > div.tab_50, div.col > li.tab_50, div.col > div.tab_50 {
    width: 50%;
  }
  ul.col > li.tab_55, ul.col > div.tab_55, div.col > li.tab_55, div.col > div.tab_55 {
    width: 55%;
  }
  ul.col > li.tab_60, ul.col > div.tab_60, div.col > li.tab_60, div.col > div.tab_60 {
    width: 60%;
  }
  ul.col > li.tab_65, ul.col > div.tab_65, div.col > li.tab_65, div.col > div.tab_65 {
    width: 65%;
  }
  ul.col > li.tab_70, ul.col > div.tab_70, div.col > li.tab_70, div.col > div.tab_70 {
    width: 70%;
  }
  ul.col > li.tab_75, ul.col > div.tab_75, div.col > li.tab_75, div.col > div.tab_75 {
    width: 75%;
  }
  ul.col > li.tab_80, ul.col > div.tab_80, div.col > li.tab_80, div.col > div.tab_80 {
    width: 80%;
  }
  ul.col > li.tab_85, ul.col > div.tab_85, div.col > li.tab_85, div.col > div.tab_85 {
    width: 85%;
  }
  ul.col > li.tab_90, ul.col > div.tab_90, div.col > li.tab_90, div.col > div.tab_90 {
    width: 90%;
  }
  ul.col > li.tab_95, ul.col > div.tab_95, div.col > li.tab_95, div.col > div.tab_95 {
    width: 95%;
  }
  ul.col > li.tab_100, ul.col > div.tab_100, div.col > li.tab_100, div.col > div.tab_100 {
    width: 100%;
  }
  ul.col > li.tab_left, ul.col > div.tab_left, div.col > li.tab_left, div.col > div.tab_left {
    float: left;
  }
  ul.col > li.tab_right, ul.col > div.tab_right, div.col > li.tab_right, div.col > div.tab_right {
    float: right;
  }
  ul.col::after, div.col::after {
    display: block;
    content: "";
    clear: both;
  }
  .pagetop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2px;
    width: 55px;
    height: 55px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 90;
    background: #e2d9d1;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .pagetop img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 15px;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
    margin-bottom: 2px;
  }
  .pagetop span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    color: #4d362e;
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  /*

  O-ThemeのスマホサイズのModule SCSSです。

  ※このファイルは親テーマのバージョンアップと共に上書きされていくため、なるべく編集しないでください。
  　邪魔なスタイルがある場合は、書き換えても良いけど、バージョンアップする際は十分に注意してください。
  　もし、書き換える場合は以下のように何をどう書き換えたのか残して置いてください。

  .inner {
      display: block;
      margin: 0px auto;
      // max-width: $inner--width;
      max-width: 1200px; // Change:2021-04-01 wada
  }

  */
  h1 {
    display: block;
    margin: 50px 0px 30px 0px;
    position: relative;
    color: #4d362e;
    text-align: center;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 22px;
    font-weight: bold;
  }
  h2.ttl {
    display: block;
    margin: 40px 0px 40px 0px;
    padding: 10px 10px;
    position: relative;
    color: #4d362e;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
  }
  h3.ttl {
    display: block;
    margin: 40px 0px 30px 0px;
    padding: 5px;
    position: relative;
    color: #4d362e;
    text-align: center;
    font-size: 16px;
  }
  div, p, span, li, th, td {
    color: #4d362e;
    font-size: 13px;
  }
  a[href*="tel:"] {
    color: inherit;
    pointer-events: unset;
  }
  .sp_off {
    display: none !important;
  }
  ul.col, div.col {
    display: block;
    margin: 0px;
    padding: 0px;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0px;
  }
  ul.col > li, ul.col > div, div.col > li, div.col > div {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    list-style-type: none;
    font-size: 13px;
    vertical-align: top;
  }
  ul.col > li.sp_5, ul.col > div.sp_5, div.col > li.sp_5, div.col > div.sp_5 {
    width: 5%;
  }
  ul.col > li.sp_10, ul.col > div.sp_10, div.col > li.sp_10, div.col > div.sp_10 {
    width: 10%;
  }
  ul.col > li.sp_15, ul.col > div.sp_15, div.col > li.sp_15, div.col > div.sp_15 {
    width: 15%;
  }
  ul.col > li.sp_20, ul.col > div.sp_20, div.col > li.sp_20, div.col > div.sp_20 {
    width: 20%;
  }
  ul.col > li.sp_25, ul.col > div.sp_25, div.col > li.sp_25, div.col > div.sp_25 {
    width: 25%;
  }
  ul.col > li.sp_30, ul.col > div.sp_30, div.col > li.sp_30, div.col > div.sp_30 {
    width: 30%;
  }
  ul.col > li.sp_33, ul.col > div.sp_33, div.col > li.sp_33, div.col > div.sp_33 {
    width: 33.333%;
  }
  ul.col > li.sp_35, ul.col > div.sp_35, div.col > li.sp_35, div.col > div.sp_35 {
    width: 35%;
  }
  ul.col > li.sp_40, ul.col > div.sp_40, div.col > li.sp_40, div.col > div.sp_40 {
    width: 40%;
  }
  ul.col > li.sp_45, ul.col > div.sp_45, div.col > li.sp_45, div.col > div.sp_45 {
    width: 45%;
  }
  ul.col > li.sp_50, ul.col > div.sp_50, div.col > li.sp_50, div.col > div.sp_50 {
    width: 50%;
  }
  ul.col > li.sp_55, ul.col > div.sp_55, div.col > li.sp_55, div.col > div.sp_55 {
    width: 55%;
  }
  ul.col > li.sp_60, ul.col > div.sp_60, div.col > li.sp_60, div.col > div.sp_60 {
    width: 60%;
  }
  ul.col > li.sp_65, ul.col > div.sp_65, div.col > li.sp_65, div.col > div.sp_65 {
    width: 65%;
  }
  ul.col > li.sp_70, ul.col > div.sp_70, div.col > li.sp_70, div.col > div.sp_70 {
    width: 70%;
  }
  ul.col > li.sp_75, ul.col > div.sp_75, div.col > li.sp_75, div.col > div.sp_75 {
    width: 75%;
  }
  ul.col > li.sp_80, ul.col > div.sp_80, div.col > li.sp_80, div.col > div.sp_80 {
    width: 80%;
  }
  ul.col > li.sp_85, ul.col > div.sp_85, div.col > li.sp_85, div.col > div.sp_85 {
    width: 85%;
  }
  ul.col > li.sp_90, ul.col > div.sp_90, div.col > li.sp_90, div.col > div.sp_90 {
    width: 90%;
  }
  ul.col > li.sp_95, ul.col > div.sp_95, div.col > li.sp_95, div.col > div.sp_95 {
    width: 95%;
  }
  ul.col > li.sp_100, ul.col > div.sp_100, div.col > li.sp_100, div.col > div.sp_100 {
    width: 100%;
  }
  ul.col > li.sp_left, ul.col > div.sp_left, div.col > li.sp_left, div.col > div.sp_left {
    float: left;
  }
  ul.col > li.sp_right, ul.col > div.sp_right, div.col > li.sp_right, div.col > div.sp_right {
    float: right;
  }
  ul.col::after, div.col::after {
    display: block;
    content: "";
    clear: both;
  }
  .pagetop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2px;
    width: 55px;
    height: 55px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 90;
    background: #e2d9d1;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .pagetop img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 15px;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
    margin-bottom: 2px;
  }
  .pagetop span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    color: #4d362e;
    line-height: 1;
  }
}