@charset "UTF-8";
html {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px;
  background-color: #a52a2a;
}

img {
  max-width: 100%;
  vertical-align: bottom;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  min-height: 100vh;
  color: #fff;
  width: 100%;
}

.sp {
  display: none !important;
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

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

.basein {
  width: 1520px;
  margin: auto;
}

p {
  line-height: 1.8;
}

.fuwatto.js-target {
  transition: 0.3s;
  opacity: 0;
}
.fuwatto.js-target.js-active {
  -webkit-animation: fuwatto 0.3s linear 0s normal both;
          animation: fuwatto 0.3s linear 0s normal both;
}
.fuwatto.js-target.delay01 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.fuwatto.js-target.delay02 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.hamburger-menu {
  display: block;
  position: absolute;
  transition: all 0.5s;
  z-index: 100;
  right: 0;
  top: 0;
}
.hamburger-menu p {
  position: absolute;
  font-size: 60%;
  top: 0;
}
.hamburger-menu .menu-btn.on span {
  background-color: rgba(255, 255, 255, 0) !important; /*メニューオープン時は真ん中の線を透明にする*/
  box-shadow: none;
  width: 50px;
}
.hamburger-menu .menu-btn.on span::before {
  bottom: 0;
  transform: rotate(45deg);
  transition: all 0.5s;
  width: 50px;
}
.hamburger-menu .menu-btn.on span::after {
  top: 0;
  transform: rotate(-45deg);
  transition: all 0.5s;
  width: 50px;
}
.hamburger-menu .menu-btn {
  position: absolute;
  top: 0;
  right: 10px;
  display: flex;
  height: 100px;
  width: 100px;
  justify-content: center;
  align-items: center;
  z-index: 90;
  transition: all 0.5s;
}
.hamburger-menu .menu-btn span, .hamburger-menu .menu-btn span:before, .hamburger-menu .menu-btn span:after {
  content: "";
  display: block;
  height: 3px;
  width: 50px;
  border-radius: 3px;
  background-color: #a52a2a;
  position: absolute;
  transition: all 0.5s;
  box-shadow: 1px 1px 4px white;
}
.hamburger-menu .menu-btn span:before {
  bottom: 15px;
  right: 0;
}
.hamburger-menu .menu-btn span:after {
  top: 15px;
  right: 0;
}

header {
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  z-index: 5;
  height: 100px;
  padding: 0 2%;
  top: 15px;
  max-width: 1520px;
  left: 50%;
  transform: translateX(-50%);
}
header h1 {
  max-width: 250px;
  padding: 2% 5%;
  margin: 0;
}
header .head_menu {
  position: fixed;
  top: 15px;
  right: -30vw;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 16px;
  min-width: 380px;
  opacity: 0;
  transition: 0.3s;
}
header .head_menu.on {
  right: 15px;
  opacity: 1;
}
header .head_menu nav ul.menu {
  padding: 0rem 100px 0rem 1rem;
  display: flex;
  flex-direction: column;
}
header .head_menu nav ul.menu li {
  display: block;
  text-align: left;
}
header .head_menu nav ul.menu li a {
  display: flex;
  text-align: left;
  color: #a52a2a;
  padding: 0.5rem;
  margin: 0.1rem 0;
  border-radius: 10px;
}
header .head_menu nav ul.menu li a.on {
  background-color: #a52a2a;
  color: white;
}
header .head_menu nav ul.menu li a.on:hover {
  transform: scale(1.1);
}
header .head_menu nav ul.menu li a:hover {
  color: white;
  background-color: #a52a2a;
}
header.back {
  top: 0;
  background-color: rgba(165, 42, 42, 0.2);
}
header.hide {
  top: -80px;
}

.mv {
  padding: 1rem;
  position: relative;
  max-width: 1520px;
  margin: auto;
}
.mv .slick {
  border-radius: 20px;
  background-color: #c2bcbc;
  min-height: 80vh;
  //height: 750px;
}
.mv .slick .slick-track,
.mv .slick .slick-list {
  min-height: 80vh;
  //height: 750px;
}
.mv .slick img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  min-height: 80vh;
  //height: 750px;
  border-radius: 15px;
}
.mv .inner {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
}
.mv .inner h2 {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  color: white;
  line-height: 1;
}
.mv .inner h2 strong {
  font-size: 350%;
  font-weight: 600;
  color: #a52a2a;
  letter-spacing: 0.2rem;
  text-shadow: 1px 1px 1px white;
}
.mv .inner h2 span, .mv .inner h2 b {
  line-height: 2;
}
.mv .inner h2 b {
  font-size: 200%;
  font-weight: 800;
  margin: 0 0 4%;
  color: #a52a2a;
  text-shadow: 1px 1px 1px white;
}
.mv .mv_btns {
  position: absolute;
  bottom: 15%;
  left: 50%;
  width: 90%;
  max-width: 1200px;
  transform: translateX(-50%);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: stretch;
}
.mv .mv_btns a {
  width: 100%;
  padding: 2%;
  background-color: white;
  border-radius: 10px;
  justify-content: center;
  color: #a52a2a;
  transition: 0.3s;
  font-weight: bold;
  border: 1px solid #a52a2a;
}
.mv .mv_btns a:hover {
  background-color: #a52a2a;
  color: white;
}
.mv .mv_btns a.on {
  background-color: #a52a2a;
  color: white;
  border-color: white;
}
.mv .mv_btns a.on:hover {
  transform: scale(1.1);
}

.text_move {
  width: 100%;
  overflow: hidden;
  white-space: nowrap; /* テキストの折り返しを防ぐ */
}
.text_move div {
  color: rgba(255, 255, 255, 0.2);
  font-size: 300%;
  display: inline-block;
  font-weight: bold;
  /* スクロールアニメーションを適用 */
  -webkit-animation: scroll-text 100s linear infinite;
          animation: scroll-text 100s linear infinite;
}
.text_move div span {
  padding-right: 1rem;
}

@-webkit-keyframes scroll-text {
  /* 始点: 元の位置 */
  from {
    /* translateX(0) から始めることで、コンテンツ幅の分だけ移動する準備 */
    transform: translateX(0);
  }
  /* 終点: コンテンツの幅の分だけ左に移動 */
  to {
    /* 💡 ポイント: コンテンツの幅全体分を移動させ、シームレスなループを実現 */
    /* コンテンツが100%分ある場合、-100% を指定 */
    transform: translateX(-60%);
  }
}

@keyframes scroll-text {
  /* 始点: 元の位置 */
  from {
    /* translateX(0) から始めることで、コンテンツ幅の分だけ移動する準備 */
    transform: translateX(0);
  }
  /* 終点: コンテンツの幅の分だけ左に移動 */
  to {
    /* 💡 ポイント: コンテンツの幅全体分を移動させ、シームレスなループを実現 */
    /* コンテンツが100%分ある場合、-100% を指定 */
    transform: translateX(-60%);
  }
}
/* @keyframesでアニメーションの動きを定義 */
.icon-ear {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon-ear:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2224%22%20viewBox%3D%220%200%2017%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%208.15C1%206.2537%201.7533%204.43507%203.09419%203.09419C4.43507%201.7533%206.2537%201%208.15%201C10.0463%201%2011.8649%201.7533%2013.2058%203.09419C14.5467%204.43507%2015.3%206.2537%2015.3%208.15C15.3%2014.75%208.7%2014.75%208.7%2019.15C8.7%2019.6556%208.60042%2020.1562%208.40694%2020.6233C8.21346%2021.0904%207.92987%2021.5149%207.57236%2021.8724C7.21486%2022.2299%206.79044%2022.5135%206.32333%2022.7069C5.85623%2022.9004%205.35559%2023%204.85%2023C4.34441%2023%203.84377%2022.9004%203.37667%2022.7069C2.90957%2022.5135%202.48514%2022.2299%202.12764%2021.8724C1.77013%2021.5149%201.48654%2021.0904%201.29306%2020.6233C1.09958%2020.1562%201%2019.6556%201%2019.15%22%20stroke%3D%22%23A52A2A%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.9%208.15002C10.9%207.42068%2010.6103%206.72121%2010.0946%206.20548C9.57884%205.68976%208.87937%205.40002%208.15002%205.40002C7.42068%205.40002%206.72121%205.68976%206.20548%206.20548C5.68976%206.72121%205.40002%207.42068%205.40002%208.15002V9.25002C5.9835%209.25002%206.54308%209.48181%206.95566%209.89439C7.36824%2010.307%207.60002%2010.8665%207.60002%2011.45C7.60002%2012.0335%207.36824%2012.5931%206.95566%2013.0057C6.54308%2013.4182%205.9835%2013.65%205.40002%2013.65%22%20stroke%3D%22%23A52A2A%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  max-width: 25px;
  width: 10%;
  margin-right: 0.5rem;
  padding-top: 10%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
}
.icon-ear.on {
  background-color: #a52a2a;
  color: white;
}
.icon-ear.on:before, .icon-ear:hover:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2224%22%20viewBox%3D%220%200%2017%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%208.15C1%206.2537%201.7533%204.43507%203.09419%203.09419C4.43507%201.7533%206.2537%201%208.15%201C10.0463%201%2011.8649%201.7533%2013.2058%203.09419C14.5467%204.43507%2015.3%206.2537%2015.3%208.15C15.3%2014.75%208.7%2014.75%208.7%2019.15C8.7%2019.6556%208.60042%2020.1562%208.40694%2020.6233C8.21346%2021.0904%207.92987%2021.5149%207.57236%2021.8724C7.21486%2022.2299%206.79044%2022.5135%206.32333%2022.7069C5.85623%2022.9004%205.35559%2023%204.85%2023C4.34441%2023%203.84377%2022.9004%203.37667%2022.7069C2.90957%2022.5135%202.48514%2022.2299%202.12764%2021.8724C1.77013%2021.5149%201.48654%2021.0904%201.29306%2020.6233C1.09958%2020.1562%201%2019.6556%201%2019.15%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.9%208.15002C10.9%207.42068%2010.6103%206.72121%2010.0946%206.20548C9.57884%205.68976%208.87937%205.40002%208.15002%205.40002C7.42068%205.40002%206.72121%205.68976%206.20548%206.20548C5.68976%206.72121%205.40002%207.42068%205.40002%208.15002V9.25002C5.9835%209.25002%206.54308%209.48181%206.95566%209.89439C7.36824%2010.307%207.60002%2010.8665%207.60002%2011.45C7.60002%2012.0335%207.36824%2012.5931%206.95566%2013.0057C6.54308%2013.4182%205.9835%2013.65%205.40002%2013.65%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.icon-log {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon-log:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11%2022C17.0751%2022%2022%2017.0751%2022%2011C22%204.92487%2017.0751%200%2011%200C4.92487%200%200%204.92487%200%2011C0%2012.7597%200.413178%2014.4228%201.14781%2015.8977C1.34303%2016.2897%201.40801%2016.7377%201.29483%2017.1607L0.639662%2019.6093C0.355249%2020.6723%201.32772%2021.6448%202.39068%2021.3603L4.83932%2020.7052C5.26233%2020.592%205.71033%2020.657%206.10228%2020.8522C7.5772%2021.5868%209.24035%2022%2011%2022Z%22%20fill%3D%22%23A52A2A%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.9998%205.25293C10.4986%205.25293%2010.0923%205.65923%2010.0923%206.16043V15.8404C10.0923%2016.3416%2010.4986%2016.7479%2010.9998%2016.7479C11.501%2016.7479%2011.9073%2016.3416%2011.9073%2015.8404V6.16043C11.9073%205.65923%2011.501%205.25293%2010.9998%205.25293Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.15976%207.67293C5.65856%207.67293%205.25226%208.07923%205.25226%208.58043V13.4204C5.25226%2013.9216%205.65856%2014.3279%206.15976%2014.3279C6.66096%2014.3279%207.06726%2013.9216%207.06726%2013.4204V8.58043C7.06726%208.07923%206.66096%207.67293%206.15976%207.67293Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M14.9323%208.58043C14.9323%208.07923%2015.3386%207.67293%2015.8398%207.67293C16.341%207.67293%2016.7473%208.07923%2016.7473%208.58043V13.4204C16.7473%2013.9216%2016.341%2014.3279%2015.8398%2014.3279C15.3386%2014.3279%2014.9323%2013.9216%2014.9323%2013.4204V8.58043Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  max-width: 25px;
  width: 10%;
  margin-right: 0.5rem;
  padding-top: 10%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
}
.icon-log:hover:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11%2022C17.0751%2022%2022%2017.0751%2022%2011C22%204.92487%2017.0751%200%2011%200C4.92487%200%200%204.92487%200%2011C0%2012.7597%200.413178%2014.4228%201.14781%2015.8977C1.34303%2016.2897%201.40801%2016.7377%201.29483%2017.1607L0.639662%2019.6093C0.355249%2020.6723%201.32772%2021.6448%202.39068%2021.3603L4.83932%2020.7052C5.26233%2020.592%205.71033%2020.657%206.10228%2020.8522C7.5772%2021.5868%209.24035%2022%2011%2022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.9998%205.25293C10.4986%205.25293%2010.0923%205.65923%2010.0923%206.16043V15.8404C10.0923%2016.3416%2010.4986%2016.7479%2010.9998%2016.7479C11.501%2016.7479%2011.9073%2016.3416%2011.9073%2015.8404V6.16043C11.9073%205.65923%2011.501%205.25293%2010.9998%205.25293Z%22%20fill%3D%22%23A52A2A%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.15976%207.67293C5.65856%207.67293%205.25226%208.07923%205.25226%208.58043V13.4204C5.25226%2013.9216%205.65856%2014.3279%206.15976%2014.3279C6.66096%2014.3279%207.06726%2013.9216%207.06726%2013.4204V8.58043C7.06726%208.07923%206.66096%207.67293%206.15976%207.67293Z%22%20fill%3D%22%23A52A2A%22%2F%3E%3Cpath%20d%3D%22M14.9323%208.58043C14.9323%208.07923%2015.3386%207.67293%2015.8398%207.67293C16.341%207.67293%2016.7473%208.07923%2016.7473%208.58043V13.4204C16.7473%2013.9216%2016.341%2014.3279%2015.8398%2014.3279C15.3386%2014.3279%2014.9323%2013.9216%2014.9323%2013.4204V8.58043Z%22%20fill%3D%22%23A52A2A%22%2F%3E%3C%2Fsvg%3E");
}

.icon-time {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon-time:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2210%22%20stroke%3D%22%23A52A2A%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M10.4526%204.95007V11.5501%22%20stroke%3D%22%23A52A2A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.3531%2011.647H15.8531%22%20stroke%3D%22%23A52A2A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  max-width: 25px;
  width: 10%;
  margin-right: 0.5rem;
  padding-top: 10%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
}
.icon-time:hover:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2210%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M10.4526%204.95007V11.5501%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.3531%2011.647H15.8531%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.icon-file {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon-file:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.33301%200.5H16.667C17.4206%200.500085%2018.1421%200.7952%2018.6729%201.31836C19.2034%201.84135%2019.5%202.54967%2019.5%203.28613V19.7139C19.5%2020.4503%2019.2034%2021.1587%2018.6729%2021.6816C18.1421%2022.2048%2017.4206%2022.4999%2016.667%2022.5H3.33301C2.57938%2022.4999%201.85789%2022.2048%201.32715%2021.6816C0.796597%2021.1587%200.5%2020.4503%200.5%2019.7139V3.28613C0.5%202.54967%200.796597%201.84135%201.32715%201.31836C1.85789%200.7952%202.57938%200.500085%203.33301%200.5ZM3.33301%201.14258C2.76085%201.14266%202.21048%201.36668%201.80371%201.76758C1.3966%202.16887%201.16699%202.71547%201.16699%203.28613V19.7139C1.16699%2020.2845%201.3966%2020.8311%201.80371%2021.2324C2.21048%2021.6333%202.76085%2021.8573%203.33301%2021.8574H16.667C17.2391%2021.8573%2017.7895%2021.6333%2018.1963%2021.2324C18.6034%2020.8311%2018.833%2020.2845%2018.833%2019.7139V3.28613C18.833%202.71547%2018.6034%202.16887%2018.1963%201.76758C17.7895%201.36668%2017.2391%201.14266%2016.667%201.14258H3.33301Z%22%20fill%3D%22%23A52A2A%22%20stroke%3D%22%23A52A2A%22%2F%3E%3Cline%20x1%3D%225.19458%22%20y1%3D%227.58325%22%20x2%3D%2214.8057%22%20y2%3D%227.58325%22%20stroke%3D%22%23A52A2A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%225.19458%22%20y1%3D%2212.0277%22%20x2%3D%2214.8057%22%20y2%3D%2212.0277%22%20stroke%3D%22%23A52A2A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%225.19458%22%20y1%3D%2216.4723%22%20x2%3D%2214.8057%22%20y2%3D%2216.4723%22%20stroke%3D%22%23A52A2A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  max-width: 25px;
  width: 10%;
  margin-right: 0.5rem;
  padding-top: 10%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
}
.icon-file:hover:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.33301%200.5H16.667C17.4206%200.500085%2018.1421%200.7952%2018.6729%201.31836C19.2034%201.84135%2019.5%202.54967%2019.5%203.28613V19.7139C19.5%2020.4503%2019.2034%2021.1587%2018.6729%2021.6816C18.1421%2022.2048%2017.4206%2022.4999%2016.667%2022.5H3.33301C2.57938%2022.4999%201.85789%2022.2048%201.32715%2021.6816C0.796597%2021.1587%200.5%2020.4503%200.5%2019.7139V3.28613C0.5%202.54967%200.796597%201.84135%201.32715%201.31836C1.85789%200.7952%202.57938%200.500085%203.33301%200.5ZM3.33301%201.14258C2.76085%201.14266%202.21048%201.36668%201.80371%201.76758C1.3966%202.16887%201.16699%202.71547%201.16699%203.28613V19.7139C1.16699%2020.2845%201.3966%2020.8311%201.80371%2021.2324C2.21048%2021.6333%202.76085%2021.8573%203.33301%2021.8574H16.667C17.2391%2021.8573%2017.7895%2021.6333%2018.1963%2021.2324C18.6034%2020.8311%2018.833%2020.2845%2018.833%2019.7139V3.28613C18.833%202.71547%2018.6034%202.16887%2018.1963%201.76758C17.7895%201.36668%2017.2391%201.14266%2016.667%201.14258H3.33301Z%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%2F%3E%3Cline%20x1%3D%225.19458%22%20y1%3D%227.58325%22%20x2%3D%2214.8057%22%20y2%3D%227.58325%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%225.19458%22%20y1%3D%2212.0277%22%20x2%3D%2214.8057%22%20y2%3D%2212.0277%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%225.19458%22%20y1%3D%2216.4723%22%20x2%3D%2214.8057%22%20y2%3D%2216.4723%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.anchor {
  display: block;
  margin-top: -80px;
  padding-top: 80px;
  height: 0;
  width: 100%;
}

.sub_page {
  padding-top: calc(80px + 1rem);
}
.sub_page #header {
  transition: 0.3s;
  max-width: 100%;
}
.sub_page #header .flex {
  width: 100%;
}
.sub_page #header h1 {
  padding: 2% 0;
  max-width: inherit;
}
.sub_page #header h1 .logo {
  max-width: 250px;
}
.sub_page #header h1 a {
  display: flex;
  align-items: center;
}
.sub_page #header h1 a .sub_title {
  margin-left: 1.5rem;
  font-size: 80%;
}
.sub_page #header h1 a .sub_title strong, .sub_page #header h1 a .sub_title b {
  font-weight: normal;
}
.sub_page #header h1 a .sub_title b {
  position: relative;
  padding-left: 1rem;
  margin-left: 1rem;
}
.sub_page #header h1 a .sub_title b:before {
  content: "";
  width: 1px;
  height: 80%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1px solid white;
  display: block;
}
.sub_page .hamburger-menu .menu-btn span {
  background-color: white;
  box-shadow: none;
}
.sub_page .hamburger-menu .menu-btn span:before, .sub_page .hamburger-menu .menu-btn span:after {
  background-color: white;
  box-shadow: none;
}
.sub_page .hamburger-menu .menu-btn.on span:before, .sub_page .hamburger-menu .menu-btn.on span:after {
  background-color: #a52a2a !important;
}

.mokuji {
  max-width: 1200px;
  margin: auto;
  padding: 2rem 0;
}
.mokuji .mokuji_title {
  background-color: #a52a2a;
  padding: 0.5rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: white;
  text-align: center;
}
.mokuji a {
  color: #a52a2a;
}
.mokuji a:hover {
  text-decoration: underline;
}
.mokuji ul, .mokuji ol {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
}
.mokuji ul.line, .mokuji ol.line {
  flex-direction: column;
  border: 1px solid #a52a2a;
  border-top: none;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 1rem;
}
.mokuji ul li, .mokuji ol li {
  list-style: none;
  text-align: left;
  padding: 0.5rem;
}
.mokuji ul > li {
  border-bottom: 2px dashed #ccc;
}
.mokuji ul > li:last-child {
  border-bottom: none;
}
.mokuji ul > li > a {
  font-weight: bold;
}
.mokuji h4 {
  font-size: 110%;
  margin-bottom: 0;
}

.back_white {
  background-color: white;
  max-width: 1200px;
  margin: auto;
  border-radius: 15px;
  color: #a52a2a;
}
@media all and (max-width: 1200px) {
  .back_white {
    max-width: 90%;
  }
}

.page_title {
  padding: 5% 5% 0%;
  margin-bottom: 0;
  text-align: left;
  font-size: 200%;
  letter-spacing: 0.2rem;
}

.inner_block {
  width: 90%;
  text-align: left;
  margin: auto;
  padding: 2% 5% 2%;
}
.inner_block .attention {
  padding: 3% 0;
  min-height: 30vh;
}

.icon-search {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon-search:before {
  content: "";
  width: 5%;
  max-width: 30px;
  padding-top: 5%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2243%22%20height%3D%2240%22%20viewBox%3D%220%200%2043%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2216.9685%22%20cy%3D%2216.9685%22%20r%3D%2214.3879%22%20stroke%3D%22%23A52A2A%22%20stroke-width%3D%225.16126%22%2F%3E%3Cline%20x1%3D%2230.6394%22%20y1%3D%2226.9095%22%20x2%3D%2239.9189%22%20y2%3D%2235.7855%22%20stroke%3D%22%23A52A2A%22%20stroke-width%3D%225.16126%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 1rem;
  display: block;
}

.form_block .keyword_block {
  display: flex;
  justify-content: space-between;
  border-radius: 50px;
  border: 1px solid #ccc;
  padding: 1px;
}
.form_block input:focus {
  outline: none;
}
.form_block button,
.form_block input[type=submit],
.form_block input[type=button] {
  cursor: pointer;
  outline: none;
}
.form_block button:hover,
.form_block input[type=submit]:hover,
.form_block input[type=button]:hover {
  outline: none;
}
.form_block input[type=text] {
  border: none;
  padding-left: 5%;
  border-radius: 50px;
  width: 100%;
}

.nav_voice_list a {
  color: #a52a2a;
}
.nav_voice_list ul {
  list-style: none;
  padding: 0;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
.nav_voice_list ul li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav_voice_list ul li a {
  display: flex;
  width: 3rem;
  height: 3rem;
  margin: 0.5rem;
  border-radius: 10rem;
  align-items: center;
  justify-content: center;
  list-style: none;
  background-color: #e4c0c0;
}
.nav_voice_list ul li a:hover {
  transform: scale(1.1);
}
.nav_voice_list ul li.prev, .nav_voice_list ul li.next {
  margin: 1.5rem;
}
.nav_voice_list ul li:not(.disabled).prev a, .nav_voice_list ul li:not(.disabled).next a, .nav_voice_list ul li:not(.disabled).prev a, .nav_voice_list ul li:not(.disabled).next a {
  transform: scale(1.2);
  color: white;
  background-color: #a52a2a;
}
.nav_voice_list ul li.disabled {
  opacity: 0.5;
}
.nav_voice_list ul li.disabled a {
  background: #ccc;
}
.nav_voice_list ul li.active a {
  background-color: #a52a2a;
  color: white;
}

/* pc end */
/*#####################################################################
 *
 * tab base in
 *
 #####################################################################*/
@media all and (max-width: 1300px) {
  .basein_block .block,
.basein {
    width: 98%;
    margin: 0 1%;
  }
  .basein_block .block.w100,
.basein.w100 {
    width: 100%;
    margin: 0;
  }
  html {
    font-size: 1.3vw;
  }
  .customize-support #header.fixhead {
    top: 0;
  }
  header .head_menu {
    width: 30vw;
    min-width: 260px;
  }
  .anchor {
    margin-top: -10vw;
    padding-top: 10vw;
  }
}
/*#####################################################################
*
 * tab 767px in
 *
#####################################################################*/
@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
/*#####################################################################
*
 * sp 540px in
 *
#####################################################################*/
@media all and (max-width: 540px) and (orientation: portrait) {
  .sp_nolink > a {
    pointer-events: none;
  }
  .sp {
    display: inline-block !important;
  }
  .sp.block {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .sptcenter {
    text-align: center;
  }
  .sp_left {
    text-align: left !important;
  }
  p {
    text-align: initial;
  }
  body {
    overflow-x: hidden;
    font-size: 3.8vw;
  }
  body.fix_top {
    padding-top: 15vw;
  }
  img {
    max-width: 100%;
  }
  .basein {
    width: 90%;
    margin: 0 5%;
  }
  .basein.w100 {
    width: 100%;
    margin: 0;
  }
  .googlemap {
    width: 100%;
    height: 30vh;
  }
  html {
    font-size: 3.8vw;
  }
  header {
    top: 0;
    height: 15vw;
  }
  header h1 {
    max-width: 50vw;
  }
  header .head_menu {
    border: 1px solid #a52a2a;
  }
  header .head_menu nav ul.menu {
    padding: 0% 17vw 0% 5%;
  }
  main {
    padding-top: 15vw;
  }
  .head_menu.on {
    right: 5%;
    width: 90%;
    top: 5%;
  }
  .hamburger-menu {
    display: flex;
    top: 5%;
  }
  .hamburger-menu .menu-btn {
    height: 15vw;
    width: 15vw;
    margin-top: 1%;
    margin-right: 2%;
    right: 0;
  }
  .hamburger-menu .menu-btn span {
    box-shadow: none;
    background-color: white;
    width: 60%;
  }
  .hamburger-menu .menu-btn span:before {
    bottom: 3vw;
  }
  .hamburger-menu .menu-btn span:after {
    top: 3vw;
  }
  .hamburger-menu .menu-btn span:before, .hamburger-menu .menu-btn span:after {
    background-color: white;
    box-shadow: none;
    width: 100%;
  }
  .hamburger-menu .menu-btn.on {
    right: 6vw;
    top: 2vw;
  }
  .hamburger-menu .menu-btn.on span:before, .hamburger-menu .menu-btn.on span:after {
    background-color: #a52a2a !important;
  }
  .anchor {
    margin-top: -15vw;
    padding-top: 15vw;
  }
  .mv .slick,
.mv .slick-track,
.mv .slick-list {
    min-height: 80vh;
    height: 80vh;
  }
  .mv .inner h2 {
    font-size: 80%;
  }
  .mv .inner h2 strong {
    font-size: 260%;
  }
  .mv .inner h2 b {
    font-size: 200%;
  }
  .mv .mv_btns {
    position: relative;
    bottom: inherit;
    padding: 0;
    width: 100%;
    flex-wrap: wrap;
    gap: 1%;
  }
  .mv .mv_btns a {
    width: 48%;
    margin-top: 4%;
    padding: 5% 0;
    border-radius: 2vw;
  }
  .top_catch {
    padding: 5%;
  }
  .top_catch p {
    text-align: center;
    word-break: auto-phrase;
  }
  .sub_page #header {
    height: 20vw;
  }
  .sub_page #header h1 {
    max-width: 50vw;
    padding: 2% 5%;
  }
  .sub_page #header h1 a {
    flex-direction: column;
  }
  .sub_page #header h1 a .sub_title {
    width: 100%;
    margin: 1vw 0;
    font-size: 30%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sub_page #header h1 a .sub_title b {
    margin: 0;
    padding: 0;
  }
  .sub_page #header h1 a .sub_title b::before {
    display: none;
  }
  .sub_page #header .head_menu {
    min-width: inherit;
    width: 90%;
    right: -90%;
    opacity: 1;
  }
  .sub_page #header .head_menu.on {
    width: 90%;
    right: 5%;
  }
  .sub_page main {
    padding-top: 0;
  }
  .sub_page .inner_block {
    padding: 2% 0 2%;
  }
  .nav_voice_list ul li a {
    width: 2rem;
    height: 2rem;
    margin: 0.3rem;
  }
  .nav_voice_list ul li.next, .nav_voice_list ul li.prev {
    margin: 0.3rem;
  }
  .mokuji {
    padding: 0;
  }
  .mokuji ul {
    padding: 1rem 0;
  }
  .mokuji ul > li {
    padding: 1rem 0;
  }
  .mokuji ol {
    flex-direction: column;
    padding-left: 0.5rem;
  }
  .mokuji ol li {
    padding: 0.5rem 0 0;
  }
}
/*****page navigation******************************************************/
.navigation.pagination {
  padding: 5% 0;
}

.navigation.post {
  position: relative;
}

.navigation.post .nav-links {
  text-align: center;
}

.navigation.post .nav-links a {
  text-decoration: none;
}

.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.page-numbers li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  width: 60px;
  height: 60px;
}
.page-numbers a, .page-numbers span {
  font-size: 130%;
  padding: 5px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: 0.3s;
  border-bottom: 2px solid #ccc;
  position: relative;
}
.page-numbers a.current, .page-numbers span.current {
  color: white;
  border-color: #a52a2a;
  position: relative;
  background-color: #a52a2a;
  border: 15px solid #f8f8f8;
}
.page-numbers a.current:after, .page-numbers span.current:after {
  content: "";
  position: absolute;
  left: -15px;
  bottom: -15px;
  width: calc(100% + 30px);
  border-bottom: 2px solid #a52a2a;
}
.page-numbers a:hover, .page-numbers span:hover {
  color: white;
  border-color: #a52a2a;
  position: relative;
  background-color: #a52a2a;
}
.page-numbers .prev, .page-numbers .next {
  background-color: none;
  padding: 0 5px;
  font-size: 100%;
  font-weight: normal;
}
.page-numbers .prev img {
  transform: scaleX(-1);
}

.navigation.post .nav-links a:hover {
  color: #999;
}

.navigation.post .nav-links a[rel=prev] {
  position: absolute;
  left: 0;
}

.navigation.post .nav-links a[rel=next] {
  position: absolute;
  right: 0;
}

@media all and (max-width: 1520px) {
  .page-numbers li {
    width: 4vw;
    height: 4vw;
  }
  .page-numbers li a.current, .page-numbers li span.current {
    border: none;
  }
  .page-numbers li a.current:after, .page-numbers li span.current:after {
    display: none;
  }
}
@media all and (max-width: 540px) and (orientation: portrait) {
  .page-numbers li {
    width: 10vw;
    height: 10vw;
  }
  .page-numbers li a, .page-numbers li span {
    padding: 1vw;
  }
  .page-numbers li .prev, .page-numbers li .next {
    padding: 1vw;
    font-size: 70%;
  }
}
/***********************************************************/
.cursor {
  pointer-events: none;
}
.cursor__ball {
  position: fixed;
  top: 0;
  left: 0;
  mix-blend-mode: difference;
  z-index: 1000;
}
.cursor__ball circle {
  fill: #f7f8fa;
}

.float_l {
  float: left;
}

.float_r {
  float: right;
}

.end {
  clear: both;
  font-size: 1px;
  height: 1px;
  padding: 0px;
  margin: 0px;
  display: block;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.clear {
  display: block;
  clear: both;
  height: 2px;
}

.cleared {
  display: block;
  clear: both;
}

.align_l, .t_left {
  text-align: left !important;
}

.align_r, .t_right {
  text-align: right !important;
}

.align_c, .t_center {
  text-align: center !important;
}

.bold, .bold * {
  font-weight: bold !important;
}

.nolink {
  pointer-events: none;
}
.nolink:after {
  display: none !important;
}

.mb5 {
  margin-bottom: 5% !important;
}

.mb8 {
  margin-bottom: 8% !important;
}

/* display */
.none {
  display: none;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inlineblock {
  display: inline-block;
}

.ime_act {
  ime-mode: active;
}

.ime_dis {
  ime-mode: disabled;
}

.ime_inact {
  ime-mode: inactive;
}

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.tips {
  font-size: 70%;
}
.tips > div {
  text-indent: -2rem;
  padding-left: 3rem;
}

.clearfix {
  display: block;
}

html > body .clearfix {
  display: block\9 ;
}

@-webkit-keyframes opacityfadein {
  100% {
    opacity: 1;
  }
}
@keyframes opacityfadein {
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rotate {
  0% {
    opacity: 0;
    transform: rotate(0);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    opacity: 0;
    transform: rotate(0);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}
@-webkit-keyframes fuwatto {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fuwatto {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes mvbackmove {
  0% {
    background-size: 100% 100%;
  }
  0% {
    background-size: 110% 110%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@keyframes mvbackmove {
  0% {
    background-size: 100% 100%;
  }
  0% {
    background-size: 110% 110%;
  }
  100% {
    background-size: 100% 100%;
  }
}
@-webkit-keyframes bgroop {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -200vw 0;
  }
}
@keyframes bgroop {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -200vw 0;
  }
}
@-webkit-keyframes popanime {
  from {
    bottom: -100px; /* 親要素外に配置させて見えなくしておく */
  }
  to {
    bottom: 0px; /* 下から0pxに指定 */
  }
}
@keyframes popanime {
  from {
    bottom: -100px; /* 親要素外に配置させて見えなくしておく */
  }
  to {
    bottom: 0px; /* 下から0pxに指定 */
  }
}
/*
* ContactForm7にてメール送信後にメッセージをアニメーションさせる
*/
/* 送信後、表示指定していないものは全部消す */
.wpcf7 form.sent > *:not(.tt-show) {
  display: none;
}

/* 送信結果表示、最初は消す */
.wpcf7 form .wpcf7-response-output {
  transform: translateY(50px);
  opacity: 0;
  padding: 1rem;
  line-height: 1.4;
  border-radius: 5px;
  margin: 1rem auto;
}

/* 送信結果表示、送信後は出す */
.wpcf7 form .wpcf7-response-output.tt-show,
.wpcf7 form.invalid .wpcf7-response-output {
  display: block;
  transform: translateY(0px);
  transition: all 0.5s ease-out;
  opacity: 1;
}

.sub_page .under_text {
  max-width: 1200px;
  padding: 3rem 1rem;
  text-align: left;
  font-size: 80%;
  margin: auto;
}
.sub_page.search {
  /** セレクトボックス**/
}
.sub_page.search .search_btns {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.5rem;
  padding-bottom: 4rem;
}
.sub_page.search .search_btns .btn {
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub_page.search .search_btns .left {
  width: 70%;
}
.sub_page.search .search_btns .right {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
.sub_page.search .search_btns .right .btn {
  height: auto;
}
.sub_page.search .search_btns .right .btn:first-child {
  margin-bottom: 0.5rem;
}
.sub_page.search .categori {
  background-color: #f8f6f6;
}
.sub_page.search .categori .btn_block {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}
.sub_page.search .categori .btn_block #clearbtn {
  background-color: white;
  color: #a52a2a;
}
.sub_page.search .categori .btn_block #clearbtn:hover {
  background-color: #a52a2a;
  color: white;
}
.sub_page.search .btn {
  background-color: #a52a2a;
  color: white;
  height: 100%;
  min-height: 60px;
  border-radius: 60px;
  min-width: 100px;
  display: inline-block;
  border: 1px solid #a52a2a;
  transition: 0.3s;
  padding: 0 3rem;
}
.sub_page.search .btn:hover {
  color: #a52a2a;
  background-color: white;
}
@media all and (max-width: 1200px) {
  .sub_page.search .btn {
    min-height: 3rem;
  }
}
.sub_page.search .search_texts {
  padding: 3rem 0;
}
.sub_page.search .search_texts h4 {
  font-size: 110%;
  margin-bottom: 0;
}
.sub_page.search .search_texts .block {
  padding: 2rem 0;
}
.sub_page.search .search_texts .block02 {
  padding: 1rem 3rem 1rem;
  border-bottom: 2px dashed #ccc;
}
.sub_page.search .search_texts .block02 p {
  font-size: 90%;
}
.sub_page.search .search_texts .block02 p a {
  color: #a52a2a !important;
  text-decoration: underline;
}
.sub_page.search #categori_select {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sub_page.search .cate_select-wrapper {
  width: 30%;
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sub_page.search .cate_select-wrapper select {
  display: none;
}
.sub_page.search .cate_select {
  position: relative;
  display: block;
}
.sub_page.search .cate_select-trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 300;
  color: #a52a2a;
  min-height: 4rem;
  background: #e4c0c0;
  border-radius: 10px;
  padding-left: 2rem;
  margin-bottom: 1rem;
  cursor: pointer;
}
.sub_page.search .cate_select-trigger:after {
  position: absolute;
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  top: 50%;
  right: 1rem;
  margin-top: -3px;
  border-bottom: 1px solid #a52a2a;
  border-right: 1px solid #a52a2a;
  transform: rotate(45deg) translateY(-50%);
  transition: all 0.4s ease-in-out;
  transform-origin: 50% 0;
}
.sub_page.search .cate_select-trigger.set {
  color: white;
  background-color: #a52a2a;
}
.sub_page.search .cate_select-trigger.set:after {
  border-color: white;
}
.sub_page.search .cate_select.opened .cate_select-trigger {
  color: white;
  background-color: #a52a2a;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.sub_page.search .cate_select.opened .cate_select-trigger:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%);
  border-color: white;
}
.sub_page.search .cate_select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
}
.sub_page.search .custom-options {
  position: absolute;
  display: block;
  z-index: 3;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 100%;
  margin: -1px 0 0;
  border: 1px solid #a52a2a;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-sizing: border-box;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
  background: #fff;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  padding: 1rem;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);
}
.sub_page.search .option-hover:before {
  background: #f9f9f9;
}
.sub_page.search .custom-option {
  position: relative;
  display: block;
  padding: 0;
  font-weight: 600;
  color: #a52a2a;
  padding: 0 1rem;
  line-height: 2rem;
  border-radius: 10px;
  cursor: pointer;
  word-break: auto-phrase;
  transition: all 0.4s ease-in-out;
}
.sub_page.search .custom-option:first-of-type {
  border-radius: 4px 4px 0 0;
}
.sub_page.search .custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
}
.sub_page.search .custom-option:hover,
.sub_page.search .custom-option.selection {
  background: #a52a2a;
  color: white;
  border-radius: 10px;
  padding: 0 1rem;
}
.sub_page.hanrei .yougo_block,
.sub_page.hanrei .hanrei_block {
  padding: 3rem 0;
  text-align: left;
  margin-bottom: 3rem;
}
.sub_page.hanrei .yougo_block .title,
.sub_page.hanrei .hanrei_block .title {
  font-size: 150%;
}
.sub_page.hanrei .yougo_block ul, .sub_page.hanrei .yougo_block ol,
.sub_page.hanrei .hanrei_block ul,
.sub_page.hanrei .hanrei_block ol {
  padding: 0 0.5rem 2rem;
  padding-left: 2rem;
  margin: 0 3rem;
}
.sub_page.hanrei .yougo_block ul li, .sub_page.hanrei .yougo_block ol li,
.sub_page.hanrei .hanrei_block ul li,
.sub_page.hanrei .hanrei_block ol li {
  padding: 1rem 1rem 1rem;
  line-height: 1.8;
  border-bottom: 2px dashed #ccc;
  margin: 1rem 0;
}
.sub_page.hanrei .yougo_block ul li,
.sub_page.hanrei .hanrei_block ul li {
  padding: 0;
  border-bottom: none;
  margin: 0;
}
.sub_page.hanrei .yougo_block .yougo_list h4 {
  font-size: 140%;
  margin-bottom: 1rem;
}
.sub_page.hanrei .yougo_block .yougo_list .data {
  padding: 1rem;
  margin: 0 auto 1rem;
  border-bottom: 2px dashed #ccc;
}
.sub_page.hanrei .yougo_block .yougo_list .data .name {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sub_page.hanrei .yougo_block .yougo_list .data .name span {
  font-weight: normal;
  font-size: 90%;
}
.sub_page.hanrei .yougo_block .yougo_list .data .kaisetsu a {
  color: #a52a2a;
  text-decoration: underline;
}
.sub_page.voice .voice_datas {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  padding: 3rem 1rem;
}
.sub_page.voice .voice_datas a {
  color: #a52a2a;
}
.sub_page.voice .voice_datas .voice_data {
  width: 31.33%;
  margin: 1%;
  padding: 2rem;
  background-color: #f8f6f6;
  border-radius: 10px;
  position: relative;
  transition: 0.3s;
}
.sub_page.voice .voice_datas .voice_data:after {
  content: "";
  width: 2rem;
  padding-top: 2rem;
  position: absolute;
  top: 11%;
  right: 11%;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11%2022C17.0751%2022%2022%2017.0751%2022%2011C22%204.92487%2017.0751%200%2011%200C4.92487%200%200%204.92487%200%2011C0%2012.7597%200.413178%2014.4228%201.14781%2015.8977C1.34303%2016.2897%201.40801%2016.7377%201.29483%2017.1607L0.639662%2019.6093C0.355249%2020.6723%201.32772%2021.6448%202.39068%2021.3603L4.83932%2020.7052C5.26233%2020.592%205.71033%2020.657%206.10228%2020.8522C7.5772%2021.5868%209.24035%2022%2011%2022Z%22%20fill%3D%22%23A52A2A%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.9998%205.25293C10.4986%205.25293%2010.0923%205.65923%2010.0923%206.16043V15.8404C10.0923%2016.3416%2010.4986%2016.7479%2010.9998%2016.7479C11.501%2016.7479%2011.9073%2016.3416%2011.9073%2015.8404V6.16043C11.9073%205.65923%2011.501%205.25293%2010.9998%205.25293Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.15976%207.67293C5.65856%207.67293%205.25226%208.07923%205.25226%208.58043V13.4204C5.25226%2013.9216%205.65856%2014.3279%206.15976%2014.3279C6.66096%2014.3279%207.06726%2013.9216%207.06726%2013.4204V8.58043C7.06726%208.07923%206.66096%207.67293%206.15976%207.67293Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M14.9323%208.58043C14.9323%208.07923%2015.3386%207.67293%2015.8398%207.67293C16.341%207.67293%2016.7473%208.07923%2016.7473%208.58043V13.4204C16.7473%2013.9216%2016.341%2014.3279%2015.8398%2014.3279C15.3386%2014.3279%2014.9323%2013.9216%2014.9323%2013.4204V8.58043Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}
.sub_page.voice .voice_datas .voice_data:hover {
  background-color: #a52a2a;
}
.sub_page.voice .voice_datas .voice_data:hover a {
  color: white;
}
.sub_page.voice .voice_datas .voice_data:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11%2022C17.0751%2022%2022%2017.0751%2022%2011C22%204.92487%2017.0751%200%2011%200C4.92487%200%200%204.92487%200%2011C0%2012.7597%200.413178%2014.4228%201.14781%2015.8977C1.34303%2016.2897%201.40801%2016.7377%201.29483%2017.1607L0.639662%2019.6093C0.355249%2020.6723%201.32772%2021.6448%202.39068%2021.3603L4.83932%2020.7052C5.26233%2020.592%205.71033%2020.657%206.10228%2020.8522C7.5772%2021.5868%209.24035%2022%2011%2022Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.9998%205.25293C10.4986%205.25293%2010.0923%205.65923%2010.0923%206.16043V15.8404C10.0923%2016.3416%2010.4986%2016.7479%2010.9998%2016.7479C11.501%2016.7479%2011.9073%2016.3416%2011.9073%2015.8404V6.16043C11.9073%205.65923%2011.501%205.25293%2010.9998%205.25293Z%22%20fill%3D%22%23A52A2A%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.15976%207.67293C5.65856%207.67293%205.25226%208.07923%205.25226%208.58043V13.4204C5.25226%2013.9216%205.65856%2014.3279%206.15976%2014.3279C6.66096%2014.3279%207.06726%2013.9216%207.06726%2013.4204V8.58043C7.06726%208.07923%206.66096%207.67293%206.15976%207.67293Z%22%20fill%3D%22%23A52A2A%22%2F%3E%3Cpath%20d%3D%22M14.9323%208.58043C14.9323%208.07923%2015.3386%207.67293%2015.8398%207.67293C16.341%207.67293%2016.7473%208.07923%2016.7473%208.58043V13.4204C16.7473%2013.9216%2016.341%2014.3279%2015.8398%2014.3279C15.3386%2014.3279%2014.9323%2013.9216%2014.9323%2013.4204V8.58043Z%22%20fill%3D%22%23A52A2A%22%2F%3E%3C%2Fsvg%3E");
}
.sub_page.voice .voice_datas .voice_data .name {
  font-size: 150%;
  font-weight: bold;
  width: 80%;
  line-height: 1.8;
  margin-bottom: 0.5rem;
}
.sub_page.voice .voice_datas .voice_data .age {
  font-size: 90%;
  font-weight: bold;
  line-height: 1.8;
}
.sub_page .title_catch {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sub_page .title_catch .title {
  margin-right: 1rem;
}
.sub_page.historie .mapimg {
  padding: 5%;
  text-align: center;
}
.sub_page.historie .mapimg .shutten {
  color: #222;
  margin-bottom: 5%;
}
.sub_page.historie #historie_datas {
  padding-bottom: 3rem;
}
.sub_page.historie #historie_datas .historie_data {
  padding: 0 1rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.sub_page.historie #historie_datas .historie_data .historie_year {
  width: 15%;
  text-align: left;
  position: relative;
  padding-bottom: 3rem;
}
.sub_page.historie #historie_datas .historie_data .historie_year .year {
  font-size: 200%;
}
.sub_page.historie #historie_datas .historie_data .historie_year .wareki {
  line-height: 2;
}
.sub_page.historie #historie_datas .historie_data .historie_year:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 1rem;
  background-color: #a52a2a;
  position: absolute;
  top: 0;
  right: 0;
}
.sub_page.historie #historie_datas .historie_data .historie_year:after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #a52a2a;
  position: absolute;
  top: 0;
  right: 0.25rem;
}
.sub_page.historie #historie_datas .historie_data .historie_list {
  width: 80%;
  text-align: left;
}
.sub_page.historie #historie_datas .historie_data .historie_list .data {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 1.5rem;
}
.sub_page.historie #historie_datas .historie_data .historie_list .data .date {
  width: 15%;
  line-height: 2;
}
.sub_page.historie #historie_datas .historie_data .historie_list .data .text {
  width: 85%;
}
.sub_page.historie #historie_datas .historie_data .historie_list .data .text p {
  margin: 0;
  line-height: 2;
}
.sub_page.historie .historie_block {
  padding: 3rem 0;
}
.sub_page.historie .historie_block .title {
  margin-bottom: 2rem;
  font-size: 150%;
  text-align: center;
}
.sub_page.logs .inner_block {
  padding-bottom: 5rem;
}
.sub_page.logs .logs_block {
  margin-bottom: 3rem;
}
.sub_page.logs .logs_block .text {
  font-size: 90%;
}
.sub_page.logs .logs_block .text > p {
  text-indent: 1rem;
}
.sub_page.logs .logs_block .text .interviews {
  border: 1px solid #a52a2a;
  padding: 1rem 2rem 2rem;
  margin-bottom: 1rem;
  border-radius: 10px;
}
.sub_page.logs .logs_block .text .interviews p {
  margin: 0;
  padding: 0.2rem 0;
  font-size: 90%;
  line-height: 1.5;
}

/* pc end */
/*#####################################################################
 *
 * tab base in
 *
 #####################################################################*/
/*#####################################################################
*
 * tab 767px in
 *
#####################################################################*/
/*#####################################################################
*
 * sp 540px in
 *
#####################################################################*/
@media all and (max-width: 540px) and (orientation: portrait) {
  .sub_page.search .btn {
    min-width: 4rem;
    padding: 0 2rem;
  }
  .sub_page.search .search_btns {
    flex-direction: column;
  }
  .sub_page.search .search_btns .left, .sub_page.search .search_btns .right {
    width: 100%;
  }
  .sub_page.search .search_btns .btn {
    min-height: 5rem;
  }
  .sub_page.search .search_btns .right {
    flex-direction: row;
    gap: 1rem;
    align-items: stretch;
  }
  .sub_page.search .search_btns .right a.btn {
    width: 100%;
    height: 100%;
    text-align: center;
  }
  .sub_page.search .categori {
    padding: 1rem 0;
  }
  .sub_page.search .categori .btn_block {
    flex-direction: column;
  }
  .sub_page.search .categori .btn_block .btn {
    width: 100%;
    min-height: 4rem;
  }
  .sub_page.search .cate_select-wrapper {
    width: 48%;
  }
  .sub_page.search .cate_select-trigger {
    padding-left: 1rem;
    padding-right: 2rem;
    font-size: 90%;
    font-weight: bold;
  }
  .sub_page.search .cate_select-trigger:after {
    width: 0.5rem;
    height: 0.5rem;
    right: 1rem;
  }
  .sub_page.search .custom-options {
    padding: 0.5rem;
  }
  .sub_page.search .custom-option {
    line-height: 1.2rem;
    margin: 0.1rem;
    padding: 0.2rem;
    font-size: 80%;
  }
  .sub_page.search .search_texts .block {
    padding: 0;
  }
  .sub_page.search .search_texts .block02 {
    padding: 0;
  }
  .sub_page.search .search_texts .block02 h5 {
    font-size: 100%;
    margin-bottom: 1rem;
  }
  .sub_page.hanrei .yougo_block,
.sub_page.hanrei .hanrei_block {
    padding: 0;
    text-align: left;
  }
  .sub_page.hanrei .yougo_block .title,
.sub_page.hanrei .hanrei_block .title {
    font-size: 150%;
    text-align: center;
  }
  .sub_page.hanrei .yougo_block .block01 h4,
.sub_page.hanrei .hanrei_block .block01 h4 {
    text-align: center;
  }
  .sub_page.hanrei .yougo_block ul, .sub_page.hanrei .yougo_block ol,
.sub_page.hanrei .hanrei_block ul,
.sub_page.hanrei .hanrei_block ol {
    padding: 0 0.5rem 0;
    padding-left: 2rem;
    margin: 0;
  }
  .sub_page.hanrei .yougo_block ul li, .sub_page.hanrei .yougo_block ol li,
.sub_page.hanrei .hanrei_block ul li,
.sub_page.hanrei .hanrei_block ol li {
    padding: 1rem 1rem 1rem;
    line-height: 1.8;
    border-bottom: 2px dashed #ccc;
    margin: 1rem 0;
  }
  .sub_page.hanrei .yougo_block .yougo_list .data {
    padding: 1rem;
    margin: 0 auto 1rem;
    border-bottom: 2px dashed #ccc;
  }
  .sub_page.hanrei .yougo_block .yougo_list .data .name {
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .sub_page.hanrei .yougo_block .yougo_list .data .name span {
    font-weight: normal;
    font-size: 90%;
  }
  .sub_page.hanrei .yougo_block .yougo_list .data .kaisetsu a {
    color: #a52a2a;
    text-decoration: underline;
  }
  .sub_page.hanrei .title_catch {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .sub_page.hanrei .title_catch .title {
    margin-right: 0;
  }
  .sub_page.voice .voice_datas {
    padding: 3rem 0;
  }
  .sub_page.voice .voice_datas .voice_data {
    width: 100%;
    margin: 0 0 1rem;
  }
  .sub_page.historie #historie_datas {
    padding-bottom: 3rem;
  }
  .sub_page.historie #historie_datas .historie_data .historie_year {
    width: 25%;
  }
  .sub_page.historie #historie_datas .historie_data .historie_year .year {
    font-size: 150%;
  }
  .sub_page.historie #historie_datas .historie_data .historie_year .wareki {
    font-size: 80%;
    padding-left: 0.2rem;
  }
  .sub_page.historie #historie_datas .historie_data .historie_list {
    width: 80%;
    text-align: left;
  }
  .sub_page.historie #historie_datas .historie_data .historie_list .data {
    display: flex;
    flex-direction: column;
  }
  .sub_page.historie #historie_datas .historie_data .historie_list .data .date {
    width: 100%;
  }
  .sub_page.historie #historie_datas .historie_data .historie_list .data .text {
    width: 100%;
  }
  .sub_page.historie #historie_datas .historie_data .historie_list .data .text p {
    font-size: 80%;
    line-height: 1.5;
  }
}
/*# sourceMappingURL=default.css.map */