@charset "UTF-8";
/*-----------------------------------------------------------------*/
/*リセット*/
/*-----------------------------------------------------------------*/
/*** The new CSS reset - version 1.5.1 (last updated 1.3.2022) ***/
*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

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

a, button {
  cursor: revert;
}

ol, ul, menu {
  list-style: none;
}

img {
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
}

::-moz-placeholder {
  color: unset;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

/*-----------------------------------------------------------------*/
/*初期設定*/
/*-----------------------------------------------------------------*/
.inr {
  margin: 0 auto;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  .inr {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  .inr {
    max-width: 1200px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  .m-noinr {
    margin-left: -15px;
    margin-right: -15px;
    max-width: none;
  }
}

.inr2 {
  margin: 0 auto;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  .inr2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  .inr2 {
    max-width: 1105px;
    padding-left: 100px;
    padding-right: 100px;
  }
}

a {
  color: inherit;
}

a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

img {
  border-style: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.only-img {
  font-size: 0px;
  line-height: 0px;
}

address {
  font-style: normal;
}

nav {
  display: block;
}

small {
  font-size: 80%;
}

.cf:after {
  display: block;
  clear: both;
  content: "";
}

.css-att {
  display: none;
}

.row, html#pg-1st main section#flow ul.rows > li .step, html#idx section.news li a, .rows > * {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  align-content: center;
}

.row > *, html#pg-1st main section#flow ul.rows > li .step > *, html#idx section.news li a > *, .rows > * > * {
  flex: 1 1 auto;
}

.col, .cols > * {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: center;
}

.row.fixedrow, html#pg-1st main section#flow ul.rows > li .fixedrow.step, html#idx section.news li a.fixedrow {
  align-items: flex-start;
}

.row.fixedrow > *, html#pg-1st main section#flow ul.rows > li .fixedrow.step > *, html#idx section.news li a.fixedrow > * {
  flex: 1 0 0%;
}

.row.fixedrow > * + *, html#pg-1st main section#flow ul.rows > li .fixedrow.step > * + *, html#idx section.news li a.fixedrow > * + * {
  margin-left: 15px;
}

@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  * {
    max-width: 100%;
  }
  .only-m {
    display: none;
  }
  .pc-row, html#pg-1st main section#flow ul.rows > li > div h4, header .quickmenu, .pc-rows > * {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    align-content: center;
  }
  .pc-row > *, html#pg-1st main section#flow ul.rows > li > div h4 > *, header .quickmenu > *, .pc-rows > * > * {
    flex: 1 0 0%;
  }
  .pc-col, .pc-cols > * {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  .only-pc {
    display: none;
  }
  main * {
    max-width: 100%;
  }
  .m-row, .m-rows > * {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    align-content: center;
  }
  .m-row > *, .m-rows > * > * {
    flex: 1 1 auto;
  }
  .m-col, .m-cols > * {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
  }
}
.fit {
  flex: 0 0 auto !important;
}

.imgframe,
.imgframes p {
  font-size: 11px;
  text-align: center;
}

html[class] {
  margin-top: 0 !important;
}

#wpadminbar {
  display: none;
}

/*-----------------------------------------------------------------*/
/*サイト基本規則*/
/*-----------------------------------------------------------------*/
.normal, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, body {
  font-family: "Zen Old Mincho", serif;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  .normal, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, body {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  .normal, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, body {
    font-weight: 300;
  }
}

.gothic {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
}

@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  .bold, h1, h2, h3, h4, h5, h6, strong {
    font-weight: 700;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  .bold, h1, h2, h3, h4, h5, h6, strong {
    font-weight: 700;
  }
}

@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  .exbold {
    font-weight: 900;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  .exbold {
    font-weight: 900;
  }
}

.bodoni {
  font-family: "Libre Bodoni", serif;
  font-weight: 400;
}

.ctxt {
  text-align: center;
}

@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html, body {
    overflow-x: hidden;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html, body {
    overflow-x: hidden;
  }
}

@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html {
    font-size: clamp(330px * 4 / 100, (100vw - 30px) * 4 / 100, 700px * 4 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html {
    font-size: clamp(530px * 2 / 100, (100vw - 200px) * 2 / 100, 1000px * 2 / 100);
  }
}

@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  body {
    min-width: 360px;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  img {
    max-width: 100%;
  }
}

img:not([width]):not([height]) {
  width: auto;
  height: auto;
  max-width: 100%;
}

img.noimg {
  background: url(/wp-content/themes/custom/img/noimg.jpg) no-repeat center/cover rgba(0, 0, 0, 0.1);
  border: 0;
}

span[style*=background-image] {
  display: inline-block;
  width: 100%;
  padding-top: 75%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

span.vimg[style*=background-image],
.vimgs span[style*=background-image] {
  padding-top: 133.3333333333%;
}

a {
  text-decoration: none;
  transition: all 0.3s ease-out;
}

a:hover, a:hover:before {
  text-decoration: underline;
}

label {
  cursor: pointer;
}

.morebtn {
  margin-top: 30px;
  text-align: center;
}
.morebtn img {
  max-width: 170px !important;
}
.morebtn a img {
  transition: all 0.6s;
}
.morebtn a:hover img {
  filter: brightness(1.2);
  transform: translateY(-5px);
}

/*-----------------------------------------------------------------*/
/*サイト個別規則*/
/*-----------------------------------------------------------------*/
.btns {
  margin-top: 3em;
  display: block;
  text-align: center;
  position: relative;
}
.btns > * {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  position: relative;
  border: 1px solid black;
  padding: 12px 3em;
  line-height: 1;
  font-size: 90%;
  transition: all 0.4s;
  cursor: pointer;
}
.btns > *:hover {
  text-decoration: none;
  background: black;
  color: white;
}

header {
  position: relative;
}
header::before {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  position: absolute;
  background: url(/wp-content/themes/custom/img/0091.png) no-repeat center/contain;
  z-index: 2;
  mix-blend-mode: multiply;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  header::before {
    top: -50px;
    left: 70vw;
    width: 180px;
    height: 380px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  header::before {
    top: -170px;
    left: calc(50vw + 300px);
    width: 380px;
    height: 690px;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  header h1 {
    padding: 40px 0 20px;
    max-width: 260px;
    text-align: left;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  header h1 {
    padding: 40px 0;
    text-align: center;
  }
}
header .kv {
  position: relative;
  background-image: var(--kvimg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
header .kv .cp {
  max-width: 60vw;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  header .kv .cp {
    padding-top: clamp(330px * 6 / 100, (100vw - 30px) * 6 / 100, 700px * 6 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  header .kv .cp {
    padding-top: clamp(530px * 6 / 100, (100vw - 200px) * 6 / 100, 1000px * 6 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  header .kv .cp {
    padding-left: clamp(330px * 5 / 100, (100vw - 30px) * 5 / 100, 700px * 5 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  header .kv .cp {
    padding-left: clamp(530px * 6 / 100, (100vw - 200px) * 6 / 100, 1000px * 6 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  header .topmenu {
    background: url(/wp-content/themes/custom/img/1691.png) no-repeat center/cover;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 30;
    overflow-y: auto;
    padding: 15px 60px 40px;
    transform: translateY(-130vh);
    transition: all 1s;
    border-bottom: 1px solid white;
    max-height: 100dvh;
    box-sizing: border-box;
    overflow-x: auto;
    overscroll-behavior: contain;
    opacity: 0;
    color: white;
  }
  header .topmenu p {
    margin-top: 40px;
    margin-bottom: 30px;
    filter: brightness(9);
  }
  header .topmenu h3 {
    text-align: center;
  }
  header .topmenu ul {
    margin-top: 20px;
    border-top: 1px dotted white;
  }
  header .topmenu ul > li {
    font-size: 120%;
    border-bottom: 1px dotted white;
  }
}
@media (max-device-width: 560px) and (orientation : portrait) and (max-device-width: 560px) and (orientation : portrait), (max-device-width: 560px) and (orientation : portrait) and (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (max-device-width: 560px) and (orientation : portrait) and (min-device-width: 901px) and (max-width: 730px), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px) and (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px) and (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px) and (min-device-width: 901px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) and (max-device-width: 560px) and (orientation : portrait), (min-device-width: 901px) and (max-width: 730px) and (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) and (min-device-width: 901px) and (max-width: 730px) {
  header .topmenu ul > li {
    font-weight: 700;
  }
}
@media (max-device-width: 560px) and (orientation : portrait) and (max-device-width: 560px) and (orientation : landscape), (max-device-width: 560px) and (orientation : portrait) and (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (max-device-width: 560px) and (orientation : portrait) and (min-device-width: 901px) and (min-width: 731px), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px) and (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px) and (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px) and (min-device-width: 901px) and (min-width: 731px), (min-device-width: 901px) and (max-width: 730px) and (max-device-width: 560px) and (orientation : landscape), (min-device-width: 901px) and (max-width: 730px) and (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (max-width: 730px) and (min-device-width: 901px) and (min-width: 731px) {
  header .topmenu ul > li {
    font-weight: 700;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  header .topmenu ul > li > a {
    display: block;
    box-sizing: border-box;
    padding: 10px 0;
    text-align: center;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  header .topmenu {
    position: absolute;
    bottom: 0;
    right: 0;
    left: calc(50vw - clamp(530px * 50 / 100, (100vw - 200px) * 50 / 100, 1000px * 50 / 100) + 100px);
  }
  header .topmenu::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    inset: 0;
    background: url(/wp-content/themes/custom/img/1292.png) no-repeat center/100% 100%;
    mix-blend-mode: multiply;
    z-index: 1;
  }
  header .topmenu ul {
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 2;
    padding-block: 10px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape) and (max-device-width: 560px) and (orientation : portrait), (max-device-width: 560px) and (orientation : landscape) and (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (max-device-width: 560px) and (orientation : landscape) and (min-device-width: 901px) and (max-width: 730px), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (min-device-width: 901px) and (max-width: 730px), (min-device-width: 901px) and (min-width: 731px) and (max-device-width: 560px) and (orientation : portrait), (min-device-width: 901px) and (min-width: 731px) and (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (min-width: 731px) and (min-device-width: 901px) and (max-width: 730px) {
  header .topmenu ul {
    padding-inline: clamp(330px * 3 / 100, (100vw - 30px) * 3 / 100, 700px * 3 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape) and (max-device-width: 560px) and (orientation : landscape), (max-device-width: 560px) and (orientation : landscape) and (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (max-device-width: 560px) and (orientation : landscape) and (min-device-width: 901px) and (min-width: 731px), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (min-device-width: 901px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) and (max-device-width: 560px) and (orientation : landscape), (min-device-width: 901px) and (min-width: 731px) and (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) and (min-device-width: 901px) and (min-width: 731px) {
  header .topmenu ul {
    padding-inline: clamp(530px * 0.2 / 100, (100vw - 200px) * 0.2 / 100, 1000px * 0.2 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  header .topmenu ul li {
    white-space: nowrap;
    flex: 0 0 auto;
    list-style: none;
    color: white;
  }
  header .topmenu ul li + li::before {
    content: "|";
  }
  header .topmenu ul li a {
    display: inline-block;
    padding: 5px 10px;
    line-height: 2;
  }
}
@media (max-device-width: 560px) and (orientation : landscape) and (max-device-width: 560px) and (orientation : portrait), (max-device-width: 560px) and (orientation : landscape) and (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (max-device-width: 560px) and (orientation : landscape) and (min-device-width: 901px) and (max-width: 730px), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (min-device-width: 901px) and (max-width: 730px), (min-device-width: 901px) and (min-width: 731px) and (max-device-width: 560px) and (orientation : portrait), (min-device-width: 901px) and (min-width: 731px) and (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (min-width: 731px) and (min-device-width: 901px) and (max-width: 730px) {
  header .topmenu ul li a {
    font-size: clamp(330px * 3 / 100, (100vw - 30px) * 3 / 100, 700px * 3 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape) and (max-device-width: 560px) and (orientation : landscape), (max-device-width: 560px) and (orientation : landscape) and (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (max-device-width: 560px) and (orientation : landscape) and (min-device-width: 901px) and (min-width: 731px), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (min-device-width: 901px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) and (max-device-width: 560px) and (orientation : landscape), (min-device-width: 901px) and (min-width: 731px) and (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) and (min-device-width: 901px) and (min-width: 731px) {
  header .topmenu ul li a {
    font-size: clamp(530px * 2 / 100, (100vw - 200px) * 2 / 100, 1000px * 2 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape) and (max-device-width: 560px) and (orientation : portrait), (max-device-width: 560px) and (orientation : landscape) and (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (max-device-width: 560px) and (orientation : landscape) and (min-device-width: 901px) and (max-width: 730px), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (min-device-width: 901px) and (max-width: 730px), (min-device-width: 901px) and (min-width: 731px) and (max-device-width: 560px) and (orientation : portrait), (min-device-width: 901px) and (min-width: 731px) and (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (min-width: 731px) and (min-device-width: 901px) and (max-width: 730px) {
  header .topmenu ul li a {
    font-weight: 700;
  }
}
@media (max-device-width: 560px) and (orientation : landscape) and (max-device-width: 560px) and (orientation : landscape), (max-device-width: 560px) and (orientation : landscape) and (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (max-device-width: 560px) and (orientation : landscape) and (min-device-width: 901px) and (min-width: 731px), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px) and (min-device-width: 901px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) and (max-device-width: 560px) and (orientation : landscape), (min-device-width: 901px) and (min-width: 731px) and (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) and (min-device-width: 901px) and (min-width: 731px) {
  header .topmenu ul li a {
    font-weight: 700;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  header .quickmenu {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 400;
    letter-spacing: -0.1ex;
    align-items: center;
    position: fixed;
    right: 0;
    top: 290px;
    width: 100px;
    writing-mode: vertical-rl;
    font-size: 1.5rem;
    background: #ccc;
    z-index: 3;
    background: url(/wp-content/themes/custom/img/0291.svg) no-repeat center right -20px/contain;
  }
  header .quickmenu li + li {
    margin-top: 100px;
  }
  header .quickmenu a img {
    transition: all 0.6s;
  }
  header .quickmenu a:hover img {
    filter: brightness(0.6) saturate(2);
    transform: translateY(-10px);
  }
}

/* メニュートグル ここから */
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  .topmenu-toggle {
    display: none;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  .topmenu-toggle {
    position: fixed;
    right: 15px;
    top: 28px;
    z-index: 31;
    background: white;
    border: none;
    padding: 13.5px;
    border-radius: 999px;
  }
  .topmenu-toggle button {
    position: relative;
    width: 29px;
    height: 29px;
    background: none;
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
  }
  .topmenu-toggle button, .topmenu-toggle button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .topmenu-toggle button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(/wp-content/themes/custom/img/1691.png) no-repeat center/cover;
    border-radius: 4px;
  }
  .topmenu-toggle button span:nth-of-type(1) {
    top: 0;
    animation: menu-bar01 0.75s forwards;
  }
  .topmenu-toggle button span:nth-of-type(2) {
    top: calc(50% - 2px / 2);
    transition: all 0.25s 0.25s;
    opacity: 1;
  }
  .topmenu-toggle button span:nth-of-type(3) {
    bottom: 0;
    animation: menu-bar02 0.75s forwards;
  }
}

@keyframes menu-bar01 {
  0% {
    transform: translateY(13.5px) rotate(45deg);
  }
  50% {
    transform: translateY(13.5px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(13.5px) rotate(0);
  }
  100% {
    transform: translateY(13.5px) rotate(45deg);
  }
}
@keyframes menu-bar02 {
  0% {
    transform: translateY(-13.5px) rotate(-45deg);
  }
  50% {
    transform: translateY(-13.5px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-13.5px) rotate(0);
  }
  100% {
    transform: translateY(-13.5px) rotate(-45deg);
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  body.topmenu-active .topmenu {
    transform: translateY(0vh);
    overscroll-behavior-y: contain;
    opacity: 1;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  body.topmenu-active .topmenu-toggle button span:nth-of-type(1) {
    animation: active-menu-bar01 0.75s forwards;
  }
  body.topmenu-active .topmenu-toggle button span:nth-of-type(2) {
    opacity: 0;
  }
  body.topmenu-active .topmenu-toggle button span:nth-of-type(3) {
    animation: active-menu-bar03 0.75s forwards;
  }
}

/* メニュートグル ここまで */
a.modal-btn {
  color: #fff !important;
  background-color: #37b507;
  border-radius: 100vh;
  padding: 0.5em 3em;
}

.modal-btn:hover,
a.modal-btn:hover {
  color: #fff !important;
  background: #8e8e8e;
}

.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center;
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.9s, visibility 0.4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  vertical-align: middle;
  content: "";
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: -moz-max-content;
  width: max-content;
  max-width: 90%;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  vertical-align: middle;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  .modal-wrapper .modal-window {
    padding: 30px 10px 20px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  .modal-wrapper .modal-window {
    padding: 60px 60px 40px;
  }
}

.modal-wrapper .modal-window .modal-content {
  max-height: 80dvh;
  overflow-y: auto;
  text-align: left;
  overflow-x: visible;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 10px;
  right: 15px;
  width: 35px;
  color: #95979c !important;
  font-size: 40px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important;
}

#modal-tel {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
}
#modal-tel * {
  overflow: visible;
}
#modal-tel h2, #modal-tel h3 {
  margin-bottom: 30px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  #modal-tel .fit {
    width: -moz-max-content;
    width: max-content;
    max-width: 90%;
    margin: 0 auto 40px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  #modal-tel .fit {
    margin-right: 30px;
  }
}
#modal-tel .fit .row a:nth-child(1) img, #modal-tel .fit html#pg-1st main section#flow ul.rows > li .step a:nth-child(1) img, html#pg-1st main section#flow ul.rows > li #modal-tel .fit .step a:nth-child(1) img, #modal-tel .fit html#idx section.news li a a:nth-child(1) img, html#idx section.news li #modal-tel .fit a a:nth-child(1) img {
  transition: all 0.6s;
}
#modal-tel .fit .row a:nth-child(1):hover img, #modal-tel .fit html#pg-1st main section#flow ul.rows > li .step a:nth-child(1):hover img, html#pg-1st main section#flow ul.rows > li #modal-tel .fit .step a:nth-child(1):hover img, #modal-tel .fit html#idx section.news li a a:nth-child(1):hover img, html#idx section.news li #modal-tel .fit a a:nth-child(1):hover img {
  filter: brightness(1.2) saturate(2);
  transform: translateX(-10px);
}
#modal-tel .fit .row a:nth-child(2) img, #modal-tel .fit html#pg-1st main section#flow ul.rows > li .step a:nth-child(2) img, html#pg-1st main section#flow ul.rows > li #modal-tel .fit .step a:nth-child(2) img, #modal-tel .fit html#idx section.news li a a:nth-child(2) img, html#idx section.news li #modal-tel .fit a a:nth-child(2) img {
  transition: all 0.6s;
}
#modal-tel .fit .row a:nth-child(2):hover img, #modal-tel .fit html#pg-1st main section#flow ul.rows > li .step a:nth-child(2):hover img, html#pg-1st main section#flow ul.rows > li #modal-tel .fit .step a:nth-child(2):hover img, #modal-tel .fit html#idx section.news li a a:nth-child(2):hover img, html#idx section.news li #modal-tel .fit a a:nth-child(2):hover img {
  filter: brightness(1.2);
  transform: translateY(-10px);
}

#modal-contact h2 {
  font-size: 150%;
  color: #7AAB4A;
  text-align: center;
  margin-bottom: 30px;
  font-weight: normal;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  #modal-contact form table, #modal-contact form table tbody, #modal-contact form table tr, #modal-contact form table th, #modal-contact form table td {
    display: block;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  #modal-contact form table tr > * {
    vertical-align: top;
  }
  #modal-contact form table th {
    padding: 0.8em 20px 5px;
    font-size: 80%;
  }
  #modal-contact form table td {
    padding: 5px 0;
  }
  #modal-contact form table td span[class$=tip] {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 400;
    letter-spacing: -0.1ex;
    font-size: 85%;
    font-weight: bold;
  }
}
#modal-contact form input, #modal-contact form textarea {
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #aaa;
  font-size: 110%;
  padding: 10px;
  border-radius: 8px;
}
#modal-contact form textarea {
  max-height: 20dvh;
}
#modal-contact form .btns2 {
  text-align: center;
  margin-top: 2em;
  padding-bottom: 10px;
}
#modal-contact form .btns2 > input {
  display: inline-block;
  border: 4px solid white;
  box-shadow: 0 0 0 1px #666, 0 5px 0 0 #ccc;
  padding: 10px 50px;
  border-radius: 999px;
  line-height: 1;
  background: url(/wp-content/themes/custom/img/03/93.svg) no-repeat left -190px center/400px;
  position: relative;
  transition: all 0.6s;
}
#modal-contact form .btns2 > input:hover {
  cursor: pointer;
  transform: translateY(5px);
  text-decoration: none;
  box-shadow: 0 0 0 1px #666, 0 0 0 0 #ccc;
}
#modal-contact form .btns2 > span {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  text-align: center;
}
#modal-contact form .wpcf7-response-output {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  border-radius: 10px;
  text-align: center;
}

@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  footer {
    background: url(/wp-content/themes/custom/img/0093.png) no-repeat right -5vw top 550px/50vw;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  footer {
    background: url(/wp-content/themes/custom/img/0093.png) no-repeat right 5vw top 450px/20vw;
  }
}
footer section.access .map {
  margin-bottom: 40px;
}
footer section.access .map iframe {
  width: 100%;
  height: 400px;
}
footer section.access h2 {
  margin-bottom: 20px;
}
footer section.access h3 {
  margin-bottom: 20px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  footer section.access .fit {
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto 40px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  footer section.access .fit {
    margin-right: 30px;
  }
}
footer section.access .fit .row a:nth-child(1) img, footer section.access .fit html#pg-1st main section#flow ul.rows > li .step a:nth-child(1) img, html#pg-1st main section#flow ul.rows > li footer section.access .fit .step a:nth-child(1) img, footer section.access .fit html#idx section.news li a a:nth-child(1) img, html#idx section.news li footer section.access .fit a a:nth-child(1) img {
  transition: all 0.6s;
}
footer section.access .fit .row a:nth-child(1):hover img, footer section.access .fit html#pg-1st main section#flow ul.rows > li .step a:nth-child(1):hover img, html#pg-1st main section#flow ul.rows > li footer section.access .fit .step a:nth-child(1):hover img, footer section.access .fit html#idx section.news li a a:nth-child(1):hover img, html#idx section.news li footer section.access .fit a a:nth-child(1):hover img {
  filter: brightness(1.2) saturate(2);
  transform: translateX(-10px);
}
footer section.access .fit .row a:nth-child(2) img, footer section.access .fit html#pg-1st main section#flow ul.rows > li .step a:nth-child(2) img, html#pg-1st main section#flow ul.rows > li footer section.access .fit .step a:nth-child(2) img, footer section.access .fit html#idx section.news li a a:nth-child(2) img, html#idx section.news li footer section.access .fit a a:nth-child(2) img {
  transition: all 0.6s;
}
footer section.access .fit .row a:nth-child(2):hover img, footer section.access .fit html#pg-1st main section#flow ul.rows > li .step a:nth-child(2):hover img, html#pg-1st main section#flow ul.rows > li footer section.access .fit .step a:nth-child(2):hover img, footer section.access .fit html#idx section.news li a a:nth-child(2):hover img, html#idx section.news li footer section.access .fit a a:nth-child(2):hover img {
  filter: brightness(1.2);
  transform: translateY(-10px);
}
footer section.access address {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  font-size: 90%;
}
footer section.ftrmenu {
  background: #7AAB4A33;
  padding: 70px 0 30px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  footer section.ftrmenu {
    margin-top: 40px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  footer section.ftrmenu {
    margin-top: 15px;
    font-size: 80%;
  }
}
footer section.ftrmenu .inr {
  position: relative;
}
footer section.ftrmenu .pc-row, footer section.ftrmenu html#pg-1st main section#flow ul.rows > li > div h4, html#pg-1st main section#flow ul.rows > li > div footer section.ftrmenu h4, footer section.ftrmenu header .quickmenu, header footer section.ftrmenu .quickmenu {
  margin-bottom: 40px;
  align-items: stretch;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  footer section.ftrmenu .pc-row, footer section.ftrmenu html#pg-1st main section#flow ul.rows > li > div h4, html#pg-1st main section#flow ul.rows > li > div footer section.ftrmenu h4, footer section.ftrmenu header .quickmenu, header footer section.ftrmenu .quickmenu {
    position: relative;
    top: -50px;
    margin-bottom: -50px;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  footer section.ftrmenu .pc-row ul, footer section.ftrmenu html#pg-1st main section#flow ul.rows > li > div h4 ul, html#pg-1st main section#flow ul.rows > li > div footer section.ftrmenu h4 ul, footer section.ftrmenu header .quickmenu ul, header footer section.ftrmenu .quickmenu ul {
    text-align: center;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  footer section.ftrmenu .pc-row ul, footer section.ftrmenu html#pg-1st main section#flow ul.rows > li > div h4 ul, html#pg-1st main section#flow ul.rows > li > div footer section.ftrmenu h4 ul, footer section.ftrmenu header .quickmenu ul, header footer section.ftrmenu .quickmenu ul {
    padding: 10px 15px;
    border-left: 1px solid #333;
  }
  footer section.ftrmenu .pc-row ul:last-child, footer section.ftrmenu html#pg-1st main section#flow ul.rows > li > div h4 ul:last-child, html#pg-1st main section#flow ul.rows > li > div footer section.ftrmenu h4 ul:last-child, footer section.ftrmenu header .quickmenu ul:last-child, header footer section.ftrmenu .quickmenu ul:last-child {
    border-right: 1px solid #333;
  }
}
footer section.ftrmenu .pc-row ul li h3, footer section.ftrmenu html#pg-1st main section#flow ul.rows > li > div h4 ul li h3, html#pg-1st main section#flow ul.rows > li > div footer section.ftrmenu h4 ul li h3, footer section.ftrmenu header .quickmenu ul li h3, header footer section.ftrmenu .quickmenu ul li h3 {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 5px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  footer section.ftrmenu .pc-row ul li h3, footer section.ftrmenu html#pg-1st main section#flow ul.rows > li > div h4 ul li h3, html#pg-1st main section#flow ul.rows > li > div footer section.ftrmenu h4 ul li h3, footer section.ftrmenu header .quickmenu ul li h3, header footer section.ftrmenu .quickmenu ul li h3 {
    font-weight: 900;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  footer section.ftrmenu .pc-row ul li h3, footer section.ftrmenu html#pg-1st main section#flow ul.rows > li > div h4 ul li h3, html#pg-1st main section#flow ul.rows > li > div footer section.ftrmenu h4 ul li h3, footer section.ftrmenu header .quickmenu ul li h3, header footer section.ftrmenu .quickmenu ul li h3 {
    font-weight: 900;
  }
}
footer section.ftrmenu .pc-row ul li > a, footer section.ftrmenu html#pg-1st main section#flow ul.rows > li > div h4 ul li > a, html#pg-1st main section#flow ul.rows > li > div footer section.ftrmenu h4 ul li > a, footer section.ftrmenu header .quickmenu ul li > a, header footer section.ftrmenu .quickmenu ul li > a {
  display: block;
  line-height: 2;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
}
footer section.ftrmenu .pc-row ul li > a::before, footer section.ftrmenu html#pg-1st main section#flow ul.rows > li > div h4 ul li > a::before, html#pg-1st main section#flow ul.rows > li > div footer section.ftrmenu h4 ul li > a::before, footer section.ftrmenu header .quickmenu ul li > a::before, header footer section.ftrmenu .quickmenu ul li > a::before {
  content: "- ";
}
footer section.ftrmenu .pgtop {
  position: absolute;
  top: -110px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  footer section.ftrmenu .pgtop {
    right: 15px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  footer section.ftrmenu .pgtop {
    right: -30px;
  }
}
footer section.ftrmenu .pgtop a img {
  transition: all 0.6s;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  footer section.ftrmenu .pgtop a img {
    width: 55px;
  }
}
footer section.ftrmenu .pgtop a:hover img {
  filter: brightness(1.2);
  transform: translateY(-20px);
}
footer section.ftrmenu .rights {
  margin-top: 3em;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  font-size: 80%;
  text-align: center;
}

html#idx .only-sec {
  display: none;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#idx header .kv {
    margin-top: 0;
    aspect-ratio: 4/3;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#idx header .kv {
    width: calc(100% - 100px);
    height: 720px;
    border-radius: 0 25px 25px 0;
    overflow: hidden;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#idx main > section {
    margin: 60px 0;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#idx main > section {
    margin: 80px 0;
  }
}
html#idx main > section h2 {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#idx main > section h2 img {
    height: 30px;
  }
}
html#idx section.intro {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  background-blend-mode: multiply;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#idx section.intro {
    padding-bottom: clamp(330px * 145 / 100, (100vw - 30px) * 145 / 100, 700px * 145 / 100);
    background: url(/wp-content/themes/custom/img/1304.png) no-repeat center bottom/80vw, url(/wp-content/themes/custom/img/0092.png) no-repeat left 10vw top 40px/120vw, url(/wp-content/themes/custom/img/1303.png) no-repeat center bottom 30vw/90%;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#idx section.intro {
    padding-bottom: clamp(530px * 25 / 100, (100vw - 200px) * 25 / 100, 1000px * 25 / 100);
    background: url(/wp-content/themes/custom/img/1304.png) no-repeat left calc(50vw - clamp(530px * 55 / 100, (100vw - 200px) * 55 / 100, 1000px * 55 / 100)) bottom/clamp(530px * 60 / 100, (100vw - 200px) * 60 / 100, 1000px * 60 / 100), url(/wp-content/themes/custom/img/0092.png) no-repeat left calc(50vw - clamp(530px * 38 / 100, (100vw - 200px) * 38 / 100, 1000px * 38 / 100)) top 40px/auto calc(100% - 120px), url(/wp-content/themes/custom/img/1303.png) no-repeat right calc(50vw - clamp(530px * 53 / 100, (100vw - 200px) * 53 / 100, 1000px * 53 / 100)) top 150px/clamp(530px * 47 / 100, (100vw - 200px) * 47 / 100, 1000px * 47 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#idx section.intro .inr > div {
    padding: 0 20px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#idx section.intro .inr > div {
    padding: 0 80px;
  }
}
html#idx section.intro h2, html#idx section.intro h3 {
  margin-bottom: 20px;
}
html#idx section.intro p {
  line-height: 2;
}
html#idx section.idxmenu1 {
  margin-top: -60px;
}
html#idx section.idxmenu1 ul {
  padding: 10px;
}
html#idx section.idxmenu1 li {
  padding: 20px;
}
html#idx section.idxmenu1 a img {
  transition: all 0.6s;
}
html#idx section.idxmenu1 a:hover img {
  filter: brightness(0.6) saturate(2);
  transform: translateX(20px);
}
html#idx section.activity ul {
  padding: 0 30px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#idx section.activity ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-left: -10px;
    margin-right: -10px;
    max-width: calc(100% + 20px);
  }
  html#idx section.activity ul > * {
    flex: 1 1 calc(100% / 2 - 10px * 2);
    margin: 10px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#idx section.activity ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
    max-width: calc(100% + 30px);
  }
  html#idx section.activity ul > * {
    flex: 1 1 calc(100% / 4 - 15px * 2);
    margin: 15px;
  }
}
html#idx section.activity li a {
  display: block;
}
html#idx section.activity li a > * {
  text-align: center;
}
html#idx section.activity li a figure img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
html#idx section.activity li a h4 {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  color: #7AAB4A;
  line-height: 1.3;
}
html#idx section.activity li a:hover {
  text-decoration: none;
  transform: translateY(-10px);
}
html#idx section.mdpi .inr > div {
  background: url(/wp-content/themes/custom/img/1691.png) no-repeat center/cover;
  border-radius: 20px;
  padding: 20px 0;
}
html#idx section.mdpi .inr > div > div {
  background: white;
  padding: 20px 40px;
  align-items: center;
}
html#idx section.mdpi .inr > div > div figure {
  margin-right: 30px;
  flex: 0 0 auto;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#idx section.mdpi .inr > div > div figure {
    max-width: 100px;
  }
}
html#idx section.mdpi .inr > div > div strong {
  color: #7AAB4A;
}
html#idx section.mdpi .inr > div > ul {
  padding: 10px 40px 10px 65px;
  color: white;
}
html#idx section.mdpi .inr > div > ul li {
  list-style: disc;
  padding: 10px 0;
  border-bottom: 1px solid white;
}
html#idx section.idxmenu2 {
  background: url(/wp-content/themes/custom/img/1791.svg) repeat center/18px;
  padding: 20px 0;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#idx section.idxmenu2 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
    max-width: calc(100% + 30px);
  }
  html#idx section.idxmenu2 ul > * {
    flex: 1 1 calc(100% / 2 - 15px * 2);
    margin: 15px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#idx section.idxmenu2 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
    max-width: calc(100% + 30px);
  }
  html#idx section.idxmenu2 ul > * {
    flex: 1 1 calc(100% / 4 - 15px * 2);
    margin: 15px;
  }
}
html#idx section.idxmenu2 ul li a img {
  transition: all 0.6s;
}
html#idx section.idxmenu2 ul li a:hover img {
  filter: brightness(1.03) saturate(1.7);
  transform: translateY(-10px);
}
html#idx section.news ul {
  max-width: 700px;
  margin: 0 auto;
}
html#idx section.news li {
  border-bottom: 1px solid #333;
}
html#idx section.news li a {
  padding: 15px 0;
  align-items: baseline;
  text-decoration: none;
}
html#idx section.news li a:hover {
  background: #7AAB4A33;
}
html#idx section.news li a .date {
  flex: 0 0 auto;
  margin-left: 1em;
  margin-right: 1em;
}
html#idx section.news li a .cat {
  margin-right: 1em;
  font-size: 85%;
  flex: 0 0 auto;
  position: relative;
  top: -1px;
}
html#idx section.news li a .cat span {
  background: var(--color);
  border-radius: 999px;
  padding: 3px 10px;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  text-align: center;
  color: white;
  line-height: 1;
}
html#idx section.news li a .cat span:empty {
  display: none;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#idx section.links .pc-row > * + *, html#idx section.links html#pg-1st main section#flow ul.rows > li > div h4 > * + *, html#pg-1st main section#flow ul.rows > li > div html#idx section.links h4 > * + *, html#idx section.links header .quickmenu > * + *, header html#idx section.links .quickmenu > * + * {
    margin-top: 20px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#idx section.links .pc-row > * + *, html#idx section.links html#pg-1st main section#flow ul.rows > li > div h4 > * + *, html#pg-1st main section#flow ul.rows > li > div html#idx section.links h4 > * + *, html#idx section.links header .quickmenu > * + *, header html#idx section.links .quickmenu > * + * {
    margin-left: 30px;
  }
}

html.sec .only-idx {
  display: none;
}
html.sec header nav.pan {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  margin-block: 0 1em;
  font-size: 90%;
}
html.sec header nav.pan a {
  text-decoration: underline;
}
html.sec header .kv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 5em;
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.sec header .kv {
    mix-blend-mode: multiply;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.sec header .kv {
    margin-top: 0;
    aspect-ratio: 2/1;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.sec header .kv {
    width: calc(100% - 100px);
    height: 457px;
    border-radius: 0 25px 25px 0;
    overflow: hidden;
  }
}
html.sec header h2.pgtitle {
  margin-left: 10vw;
  letter-spacing: 0.3ex;
  font-family: "Zen Old Mincho", serif;
  text-shadow: 0px 0px 5px #ffffff, 0px 0px 7px #ffffff, 0px 0px 7px #ffffff, 0px 0px 7px #ffffff, 0px 0px 7px #ffffff;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.sec header h2.pgtitle {
    font-size: clamp(330px * 8 / 100, (100vw - 30px) * 8 / 100, 700px * 8 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.sec header h2.pgtitle {
    font-size: clamp(530px * 5 / 100, (100vw - 200px) * 5 / 100, 1000px * 5 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.sec header h2.pgtitle {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.sec header h2.pgtitle {
    font-weight: 300;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.sec header .topmenu {
    display: none;
  }
}
html.sec main section.pgnav {
  text-align: center;
  margin-top: -2em;
  margin-bottom: 3em;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
}
html.sec main section.pgnav a {
  border-bottom: 2px solid #7AAB4A66;
  padding-bottom: 10px;
}
html.sec main section.pgnav a:hover {
  text-decoration: none;
  border-bottom: 2px solid #7AAB4A;
}
html.sec main h4.bordered {
  color: #7AAB4A;
  font-family: "Zen Old Mincho", serif;
  width: -moz-max-content;
  width: max-content;
  padding-right: 30px;
  margin-bottom: 1em;
  padding-bottom: 20px;
  background: url(/wp-content/themes/custom/img/02/29.svg) no-repeat center bottom/100%;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.sec main h4.bordered {
    font-size: clamp(330px * 6 / 100, (100vw - 30px) * 6 / 100, 700px * 6 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.sec main h4.bordered {
    font-size: clamp(530px * 3.5 / 100, (100vw - 200px) * 3.5 / 100, 1000px * 3.5 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.sec main h4.bordered {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.sec main h4.bordered {
    font-weight: 300;
  }
}

html#pg-1st body {
  background: url(/wp-content/themes/custom/img/02/02.png) no-repeat left -60px top 550px/100vw;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#intro .inr {
    background: url(/wp-content/themes/custom/img/02/03.png) no-repeat bottom 80vw right -40px/90%;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#intro .inr {
    background: url(/wp-content/themes/custom/img/02/03.png) no-repeat right 100px/40%;
  }
}
html#pg-1st main section#intro h3 {
  margin-bottom: 1em;
  font-family: "Zen Old Mincho", serif;
  letter-spacing: 0.2ex;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#intro h3 {
    font-size: clamp(330px * 8 / 100, (100vw - 30px) * 8 / 100, 700px * 8 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#intro h3 {
    font-size: clamp(530px * 5 / 100, (100vw - 200px) * 5 / 100, 1000px * 5 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#intro h3 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#intro h3 {
    font-weight: 300;
  }
}
html#pg-1st main section#intro h3 strong {
  color: #7AAB4A;
  font-family: "Zen Old Mincho", serif;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#intro h3 strong {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#intro h3 strong {
    font-weight: 300;
  }
}
html#pg-1st main section#intro p {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  line-height: 2;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#intro p {
    padding-bottom: 55vw;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#intro p {
    padding-right: 40%;
    min-height: 10em;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#intro ul {
    flex-wrap: wrap;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#intro ul li {
    flex: 0 0 45%;
  }
}
html#pg-1st main section#intro ul li + li {
  margin-left: 10px;
}
html#pg-1st main section#intro ul li:nth-child(1) {
  margin-top: 20px;
}
html#pg-1st main section#intro ul li:nth-child(2) {
  margin-top: 40px;
}
html#pg-1st main section#intro ul li:nth-child(3) {
  margin-left: -20px;
}
html#pg-1st main section#intro ul li:nth-child(4) {
  margin-top: 20px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#intro ul li:nth-child(4) {
    margin-left: -10px;
  }
}
html#pg-1st main section.column {
  margin-top: 60px;
}
html#pg-1st main section.column .inr > div {
  background: #7AAB4A22;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section.column .inr > div {
    padding: 30px 15px 50px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section.column .inr > div {
    border: 10px solid white;
    padding: 2% 5% 3%;
  }
}
html#pg-1st main section.column h4 {
  font-size: 220%;
  color: #7AAB4A;
  border-bottom: 3px solid #7AAB4A;
  padding-inline: 1em;
  width: -moz-max-content;
  width: max-content;
  font-family: "Zen Old Mincho", serif;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section.column h4 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section.column h4 {
    font-weight: 300;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section.column h4 {
    line-height: 1.3;
    padding-bottom: 20px;
    margin: 0 auto 1rem;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section.column h4 {
    line-height: 2;
    margin: 0 auto 3rem;
  }
}
html#pg-1st main section.column p {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  line-height: 2;
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section.column p {
    margin-right: 30px;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section.column ul li {
    margin-top: 30px;
    text-align: center;
  }
  html#pg-1st main section.column ul li img {
    height: 20em;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section.column ul li:nth-child(1) {
    flex: 0 0 41%;
    margin-right: 15px;
  }
}
html#pg-1st main section#mtm {
  margin-top: 80px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#mtm h4 {
    margin-inline: auto;
    padding-right: 0;
  }
}
html#pg-1st main section#mtm p.subtitle {
  color: #7AAB4A;
  margin-top: -1em;
  margin-bottom: 2em;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#mtm p.subtitle {
    text-align: center;
  }
}
html#pg-1st main section#mtm p.subtitle ~ * {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  line-height: 2;
}
html#pg-1st main section#mtm ul {
  margin-top: 40px;
}
html#pg-1st main section#mtm ul li {
  margin-top: 30px;
  align-items: center;
}
html#pg-1st main section#mtm ul li:nth-child(even) {
  flex-direction: row-reverse;
}
html#pg-1st main section#mtm ul li > * {
  margin: 15px;
}
html#pg-1st main section#mtm ul li p {
  background-color: #fff; /* 背景色 */
  background-image: linear-gradient(180deg, #7AAB4A 1px, transparent 1px); /* 罫線の色と太さ  */
  background-size: 100% 2.5em; /* 行の高さ */
  background-position: top -1px center;
  line-height: 2.5em; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
}
html#pg-1st main section#yours .inr > div {
  background: url(/wp-content/themes/custom/img/02/12.png) no-repeat bottom right 30px/40% #7AAB4A22;
}
html#pg-1st main section#yours .inr > div p {
  font-size: 115%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#yours .inr > div p {
    padding-bottom: 20vw;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#yours .inr > div p {
    min-height: 10em;
    margin-right: 40px;
  }
}
html#pg-1st main section#flow {
  margin-top: 80px;
}
html#pg-1st main section#flow h3 {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  color: #008942;
  border-top: 3px solid #cadb4d;
  border-bottom: 3px solid #cadb4d;
  padding: 20px;
  margin-bottom: 1em;
  font-size: 170%;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#flow h3 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#flow h3 {
    font-weight: 300;
  }
}
html#pg-1st main section#flow h3 + p {
  text-align: center;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  line-height: 2;
  margin-bottom: 2em;
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#flow h3 + p {
    font-size: 115%;
  }
}
html#pg-1st main section#flow h3 + p strong {
  font-size: 130%;
  color: #008942;
  font-weight: normal;
}
html#pg-1st main section#flow ul.rows > li {
  align-items: flex-start;
  margin-bottom: 60px;
}
html#pg-1st main section#flow ul.rows > li figure {
  position: relative;
  z-index: -1;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#flow ul.rows > li figure {
    margin-top: -2%;
  }
}
html#pg-1st main section#flow ul.rows > li:nth-child(1) {
  --stepcolor: #008942;
  --stepcolor2: #00894299;
}
html#pg-1st main section#flow ul.rows > li:nth-child(1) figure {
  flex: 0 0 46%;
  margin-right: -10%;
  margin-left: 5%;
}
html#pg-1st main section#flow ul.rows > li:nth-child(2) {
  --stepcolor: #2b9845;
  --stepcolor2: #2b984599;
}
html#pg-1st main section#flow ul.rows > li:nth-child(2) figure {
  flex: 0 0 50%;
  margin-right: -10%;
}
html#pg-1st main section#flow ul.rows > li:nth-child(3) {
  --stepcolor: #409f46;
  --stepcolor2: #409f4699;
}
html#pg-1st main section#flow ul.rows > li:nth-child(3) .atc > .row, html#pg-1st main section#flow ul.rows > li:nth-child(3) .atc > .step, html#pg-1st main section#flow html#idx section.news ul.rows > li:nth-child(3) .atc > a, html#idx section.news html#pg-1st main section#flow ul.rows > li:nth-child(3) .atc > a {
  flex-direction: row-reverse;
}
html#pg-1st main section#flow ul.rows > li:nth-child(3) figure {
  margin-right: 5%;
}
html#pg-1st main section#flow ul.rows > li:nth-child(4) {
  --stepcolor: #55a647;
  --stepcolor2: #55a64799;
}
html#pg-1st main section#flow ul.rows > li:nth-child(4) figure {
  flex: 0 0 40%;
  margin-right: -5%;
  margin-left: 5%;
}
html#pg-1st main section#flow ul.rows > li:nth-child(5) {
  --stepcolor: #6aad48;
  --stepcolor2: #6aad4899;
}
html#pg-1st main section#flow ul.rows > li:nth-child(5) .atc > .pc-row > div, html#pg-1st main section#flow ul.rows > li:nth-child(5) ul.rows > li > div .atc > h4 > div, html#pg-1st main section#flow ul.rows > li > div ul.rows > li:nth-child(5) .atc > h4 > div, html#pg-1st main section#flow ul.rows > li:nth-child(5) header .atc > .quickmenu > div, header html#pg-1st main section#flow ul.rows > li:nth-child(5) .atc > .quickmenu > div {
  order: 2;
}
html#pg-1st main section#flow ul.rows > li:nth-child(5) figure:nth-child(2) {
  order: 1;
  flex: 0 0 60%;
  margin-left: -30%;
  margin-right: 3%;
}
html#pg-1st main section#flow ul.rows > li:nth-child(5) figure:nth-child(3) {
  order: 3;
  flex: 0 0 25%;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#flow ul.rows > li:nth-child(5) figure:nth-child(3) {
    text-align: right;
    width: 55%;
    margin-left: auto;
    margin-right: 50px;
    margin-top: -80px;
  }
}
html#pg-1st main section#flow ul.rows > li:nth-child(6) {
  --stepcolor: #80b44a;
  --stepcolor2: #80b44a99;
}
html#pg-1st main section#flow ul.rows > li:nth-child(6) figure {
  margin-left: 5%;
  margin-right: -5%;
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#flow ul.rows > li:nth-child(6) figure {
    margin-top: -10%;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#flow ul.rows > li:nth-child(6) .detail {
    max-width: none;
    margin-right: -20%;
  }
}
html#pg-1st main section#flow ul.rows > li:nth-child(7) {
  --stepcolor: #95bc4b;
  --stepcolor2: #95bc4b99;
}
html#pg-1st main section#flow ul.rows > li:nth-child(7) .atc > .row, html#pg-1st main section#flow ul.rows > li:nth-child(7) .atc > .step, html#pg-1st main section#flow html#idx section.news ul.rows > li:nth-child(7) .atc > a, html#idx section.news html#pg-1st main section#flow ul.rows > li:nth-child(7) .atc > a {
  flex-direction: row-reverse;
}
html#pg-1st main section#flow ul.rows > li:nth-child(7) figure {
  flex: 0 0 50%;
  margin-left: -20%;
  margin-right: 5%;
}
html#pg-1st main section#flow ul.rows > li:nth-child(8) {
  --stepcolor: #aac34c;
  --stepcolor2: #aac34c99;
}
html#pg-1st main section#flow ul.rows > li:nth-child(8) figure {
  flex: 0 0 50%;
  margin-right: -10%;
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#flow ul.rows > li:nth-child(8) figure {
    margin-top: -20%;
  }
}
html#pg-1st main section#flow ul.rows > li .step {
  background: url(/wp-content/themes/custom/img/02/15.png) no-repeat top center/100%;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  color: #7AAB4A;
  align-items: center;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#flow ul.rows > li .step {
    flex: 0 0 5rem;
    min-height: 3rem;
    margin-right: 1rem;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#flow ul.rows > li .step {
    flex: 0 0 6rem;
    font-size: 120%;
    min-height: 3.5rem;
    margin-right: 2rem;
  }
}
html#pg-1st main section#flow ul.rows > li .step span {
  margin-left: 0.8em;
  font-size: 80%;
}
html#pg-1st main section#flow ul.rows > li .step strong {
  font-size: 130%;
  margin-left: 0.3em;
  font-weight: normal;
}
html#pg-1st main section#flow ul.rows > li > div {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  line-height: 2;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#flow ul.rows > li > div > .row, html#pg-1st main section#flow html#idx section.news ul.rows > li > div > a, html#idx section.news html#pg-1st main section#flow ul.rows > li > div > a, html#pg-1st main section#flow ul.rows > li > div > .step {
    margin-left: -10vw;
  }
}
html#pg-1st main section#flow ul.rows > li > div h4 {
  font-family: "Zen Old Mincho", serif;
  font-size: 200%;
  color: var(--stepcolor);
  margin-top: -5px;
  margin-bottom: 0.5em;
  align-items: center;
  justify-content: flex-start;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#flow ul.rows > li > div h4 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#flow ul.rows > li > div h4 {
    font-weight: 300;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#flow ul.rows > li > div h4 {
    line-height: 1;
  }
}
html#pg-1st main section#flow ul.rows > li > div h4 span {
  display: inline-block;
  vertical-align: middle;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  background: var(--stepcolor);
  color: white;
  line-height: 1;
  padding: 5px 15px;
  flex: 0 0 auto;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#flow ul.rows > li > div h4 span {
    font-size: 1rem;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#flow ul.rows > li > div h4 span {
    font-size: 1.2rem;
    margin-top: 5px;
    margin-left: 20px;
  }
}
html#pg-1st main section#flow ul.rows > li > div .detail {
  margin-top: 2em;
}
html#pg-1st main section#flow ul.rows > li > div .detail h5 {
  font-family: "Zen Old Mincho", serif;
  color: white;
  background-color: var(--stepcolor);
  -webkit-mask: url(/wp-content/themes/custom/img/02/17.svg) no-repeat top left/contain;
          mask: url(/wp-content/themes/custom/img/02/17.svg) no-repeat top left/contain;
  font-size: 120%;
  width: 13em;
  padding-right: 2em;
  text-align: center;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#flow ul.rows > li > div .detail h5 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#flow ul.rows > li > div .detail h5 {
    font-weight: 300;
  }
}
html#pg-1st main section#flow ul.rows > li > div .detail ul {
  background-color: var(--stepcolor2);
  border-radius: 0 8px 8px 8px;
  color: white;
  list-style: disc;
  padding: 5px 25px 5px 45px;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 90%;
}
html#pg-1st main section#flow ul.rows > li > div .detail ul li {
  flex: 0 0 46%;
  line-height: 1.3;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section#flow ul.rows > li > div .detail ul li {
    margin: 10px 0;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section#flow ul.rows > li > div .detail ul li:nth-child(even) {
    margin: 10px 0 10px 0;
  }
  html#pg-1st main section#flow ul.rows > li > div .detail ul li:nth-child(odd) {
    margin: 10px 6% 10px 0;
  }
}
html#pg-1st main section.after {
  margin-top: 60px;
  margin-bottom: 100px;
}
html#pg-1st main section.after .inr > div {
  box-shadow: 0 1px 0 0 #444444;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section.after .inr > div {
    padding: 30px 15px 50px;
    background: url(/wp-content/themes/custom/img/02/31.png) no-repeat right bottom/70%;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section.after .inr > div {
    border: 10px solid white;
    padding: 2% 5% 3%;
    background: url(/wp-content/themes/custom/img/02/31.png) no-repeat right bottom/45%;
  }
}
html#pg-1st main section.after h4 {
  font-size: 180%;
  line-height: 2;
  color: #444444;
  border-bottom: 3px solid #444444;
  width: -moz-max-content;
  width: max-content;
  font-family: "Zen Old Mincho", serif;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section.after h4 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section.after h4 {
    font-weight: 300;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section.after h4 {
    line-height: 1.3;
    padding-bottom: 20px;
    margin: 0 auto 1rem;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section.after h4 {
    line-height: 2;
    margin: 0 auto 3rem;
    padding-inline: 1em;
  }
}
html#pg-1st main section.after p {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  line-height: 2;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-1st main section.after p {
    padding-bottom: 40vw;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-1st main section.after p {
    margin-right: 20em;
  }
}

html#pg-kids header::before {
  background: url(/wp-content/themes/custom/img/03/91.png) no-repeat top -100px center/contain;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids header .kv {
    background-position: left center;
    background-size: 170vw;
  }
}
html#pg-kids main {
  background: url(/wp-content/themes/custom/img/03/92.png) no-repeat top center/110vw;
}
html#pg-kids main section#intro h3 {
  font-family: "Zen Old Mincho", serif;
  text-align: center;
  margin-bottom: 1em;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#intro h3 {
    font-size: clamp(330px * 6 / 100, (100vw - 30px) * 6 / 100, 700px * 6 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#intro h3 {
    font-size: clamp(530px * 5 / 100, (100vw - 200px) * 5 / 100, 1000px * 5 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#intro h3 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#intro h3 {
    font-weight: 300;
  }
}
html#pg-kids main section#intro h3 strong {
  color: #7AAB4A;
  font-family: "Zen Old Mincho", serif;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#intro h3 strong {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#intro h3 strong {
    font-weight: 300;
  }
}
html#pg-kids main section#intro p {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  line-height: 2;
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#intro p {
    text-align: center;
  }
}
html#pg-kids main section#intro div.mtm {
  margin-block: 2em 4em;
}
html#pg-kids main section#intro div.mtm p:not([class]) {
  color: #7AAB4A;
}
html#pg-kids main section#intro div.mtm .btns2 {
  margin-top: 1em;
}
html#pg-kids main section#intro div.mtm .btns2 > * {
  display: inline-block;
  border: 4px solid white;
  box-shadow: 0 0 0 1px #666, 0 5px 0 0 #ccc;
  padding: 10px 50px;
  border-radius: 999px;
  line-height: 1;
  background: url(/wp-content/themes/custom/img/03/93.svg) no-repeat left -190px center/400px;
  position: relative;
}
html#pg-kids main section#intro div.mtm .btns2 > *::after {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  top: 0px;
  bottom: 48%;
  background: url(/wp-content/themes/custom/img/03/93b.svg) no-repeat left bottom/contain;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#intro div.mtm .btns2 > *::after {
    left: calc(100% - 30px);
    width: 60px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#intro div.mtm .btns2 > *::after {
    left: calc(100% - 30px);
    width: 200px;
  }
}
html#pg-kids main section#intro div.mtm .btns2 > *:hover {
  transform: translateX(20px);
  text-decoration: none;
}
html#pg-kids main section#steps h3 {
  text-align: center;
  position: relative;
  padding: 1em 0;
  font-size: 180%;
  letter-spacing: 0.2ex;
  font-family: "Zen Old Mincho", serif;
  margin-bottom: 1em;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#steps h3 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#steps h3 {
    font-weight: 300;
  }
}
html#pg-kids main section#steps h3::before {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 30%;
  right: 30%;
  border-top: 1px solid #444444;
}
html#pg-kids main section#steps h3::after {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  left: 30%;
  right: 30%;
  border-bottom: 1px solid #444444;
}
html#pg-kids main section#steps h3 + p {
  text-align: center;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
}
html#pg-kids main section#steps > .inr2 > div {
  max-width: 600px;
  margin: 0 auto;
}
html#pg-kids main section#steps > .inr2 > div ul {
  margin-top: 2em;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#steps > .inr2 > div ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
    max-width: calc(100% + 20px);
  }
  html#pg-kids main section#steps > .inr2 > div ul > * {
    flex: 1 1 calc(100% / 3 - 10px * 2);
    margin: 10px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#steps > .inr2 > div ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: -20px;
    margin-right: -20px;
    max-width: calc(100% + 40px);
  }
  html#pg-kids main section#steps > .inr2 > div ul > * {
    flex: 1 1 calc(100% / 3 - 20px * 2);
    margin: 20px;
  }
}
html#pg-kids main section#steps > .inr2 > div ul li a {
  display: block;
}
html#pg-kids main section#steps > .inr2 > div ul li a:hover {
  transform: translateY(20px);
  text-decoration: none;
}
html#pg-kids main section#steps section {
  margin-top: 50px;
}
html#pg-kids main section#steps section:nth-child(3n+1) {
  --stepcolor01: #cadb4d;
  --stepcolor02: #00a888;
}
html#pg-kids main section#steps section:nth-child(3n+2) {
  --stepcolor01: #eb6883;
  --stepcolor02: #c10166;
}
html#pg-kids main section#steps section:nth-child(3n+3) {
  --stepcolor01: #f18d00;
  --stepcolor02: #e1601a;
}
html#pg-kids main section#steps section h4 {
  align-items: flex-start !important;
  font-family: "Zen Old Mincho", serif;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#steps section h4 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#steps section h4 {
    font-weight: 300;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#steps section h4 .age {
    flex: 0 0 100px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#steps section h4 .age {
    flex: 0 0 200px;
  }
}
html#pg-kids main section#steps section h4 > span:not([class]) {
  font-size: 200%;
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#steps section h4 > span:not([class]) {
    margin-top: 1em;
  }
}
html#pg-kids main section#steps section h4 > span:not([class]) > * {
  display: block;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#steps section h4 > span:not([class]) > * {
    padding: 10px 10px 10px 20px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#steps section h4 > span:not([class]) > * {
    padding: 10px 10px 10px 40px;
  }
}
html#pg-kids main section#steps section h4 > span:not([class]) > small {
  color: var(--stepcolor01);
}
html#pg-kids main section#steps section h4 > span:not([class]) > span {
  border-top: 1px solid #444444;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#steps section h4 > span:not([class]) > span {
    font-size: 80%;
  }
}
html#pg-kids main section#steps section .desc {
  align-items: center;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#steps section .desc {
    margin-left: 20px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#steps section .desc {
    margin-left: 50px;
  }
}
html#pg-kids main section#steps section .desc p {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  font-size: 90%;
  margin-block: 1.5em;
  background-color: #fff; /* 背景色 */
  background-image: linear-gradient(180deg, var(--stepcolor01) 1px, transparent 1px); /* 罫線の色と太さ  */
  background-size: 100% 2.5em; /* 行の高さ */
  background-position: top -1px center;
  line-height: 2.5em; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#steps section .desc figure {
    margin-left: 20px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#steps section .desc figure {
    margin-left: 40px;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#steps section .detail {
    margin-left: 20px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#steps section .detail {
    margin-left: 50px;
  }
}
html#pg-kids main section#steps section .detail h5 {
  font-size: 130%;
  margin-bottom: 0.75em;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#steps section .detail h5 {
    margin-top: 30px;
  }
}
html#pg-kids main section#steps section .detail ul {
  padding-left: 25px;
}
html#pg-kids main section#steps section .detail li {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  list-style: disc;
  line-height: 1.8;
}
html#pg-kids main section#steps section .detail .athome h5 {
  color: var(--stepcolor01);
}
html#pg-kids main section#steps section .detail .atclinic h5 {
  color: var(--stepcolor02);
}
html#pg-kids main section#points {
  margin-top: 80px;
  margin-bottom: 80px;
}
html#pg-kids main section#points .inr > div {
  background: url(/wp-content/themes/custom/img/03/39.png) repeat center/cover;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#points .inr > div {
    -webkit-mask: url(/wp-content/themes/custom/img/03/39mm.png) no-repeat center/100% 100%;
            mask: url(/wp-content/themes/custom/img/03/39mm.png) no-repeat center/100% 100%;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#points .inr > div {
    -webkit-mask: url(/wp-content/themes/custom/img/03/39m.png) no-repeat center/100% 100%;
            mask: url(/wp-content/themes/custom/img/03/39m.png) no-repeat center/100% 100%;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-kids main section#points .inr > div {
    padding: 60px 30px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-kids main section#points .inr > div {
    padding: 80px 100px;
  }
}
html#pg-kids main section#points h3 {
  color: #7AAB4A;
  text-align: center;
  font-size: 170%;
}
html#pg-kids main section#points li {
  margin-top: 2em;
}
html#pg-kids main section#points li h4 {
  font-size: 130%;
  color: #7AAB4A;
  margin-bottom: 1rem;
}
html#pg-kids main section#points li p {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  font-size: 90%;
  line-height: 2;
}
html#pg-kids main section#points li figure {
  flex: 0 0 35%;
  margin-inline: 50px;
}
html#pg-kids main section#points li:nth-child(even) {
  flex-direction: row-reverse;
}

html#pg-clinic {
  background: url(/wp-content/themes/custom/img/04/91.png) no-repeat top -100px center;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-clinic {
    background-size: clamp(330px * 160 / 100, (100vw - 30px) * 160 / 100, 700px * 160 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-clinic {
    background-size: clamp(530px * 160 / 100, (100vw - 200px) * 160 / 100, 1000px * 160 / 100);
  }
}
html#pg-clinic header::before {
  background: none;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-clinic header .kv {
    background-position: left center;
    background-size: 170vw;
  }
}
html#pg-clinic main section h3 {
  font-size: 280%;
  text-align: center;
  padding: 40px 0;
  font-family: "Zen Old Mincho", serif;
  margin-bottom: 1em;
  letter-spacing: 0.3ex;
  line-height: 1.2;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-clinic main section h3 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-clinic main section h3 {
    font-weight: 300;
  }
}
html#pg-clinic main section h3 + p {
  text-align: center;
  margin-bottom: 4em;
}
html#pg-clinic main section h3 ~ * {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
}
html#pg-clinic main section + section {
  margin-top: 60px;
}
html#pg-clinic main section#s01 h3 {
  background: url(/wp-content/themes/custom/img/04/10.png) no-repeat center/contain;
}
html#pg-clinic main section#s01 p.map {
  position: relative;
}
html#pg-clinic main section#s01 img[src*="10c.png"] {
  position: absolute;
  height: auto !important;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-clinic main section#s01 img[src*="10c.png"] {
    top: clamp(330px * 22 / 100, (100vw - 30px) * 22 / 100, 700px * 22 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-clinic main section#s01 img[src*="10c.png"] {
    top: clamp(530px * 22 / 100, (100vw - 200px) * 22 / 100, 1000px * 22 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-clinic main section#s01 img[src*="10c.png"] {
    left: clamp(330px * 0 / 100, (100vw - 30px) * 0 / 100, 700px * 0 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-clinic main section#s01 img[src*="10c.png"] {
    left: clamp(530px * -20 / 100, (100vw - 200px) * -20 / 100, 1000px * -20 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-clinic main section#s01 img[src*="10c.png"] {
    width: clamp(330px * 20 / 100, (100vw - 30px) * 20 / 100, 700px * 20 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-clinic main section#s01 img[src*="10c.png"] {
    width: clamp(530px * 20 / 100, (100vw - 200px) * 20 / 100, 1000px * 20 / 100);
  }
}
html#pg-clinic main section#s01 ul {
  margin-top: 60px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-clinic main section#s01 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
    max-width: calc(100% + 30px);
  }
  html#pg-clinic main section#s01 ul > * {
    flex: 1 1 calc(100% / 2 - 15px * 2);
    margin: 15px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-clinic main section#s01 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin-left: -40px;
    margin-right: -40px;
    max-width: calc(100% + 80px);
  }
  html#pg-clinic main section#s01 ul > * {
    flex: 1 1 calc(100% / 2 - 40px * 2);
    margin: 40px;
  }
}
html#pg-clinic main section#s01 ul li {
  line-height: 1.6;
  text-align: center;
}
html#pg-clinic main section#s01 ul li:nth-child(4n+1) {
  --keycolor: #009ac5;
}
html#pg-clinic main section#s01 ul li:nth-child(4n+2) {
  --keycolor: #00a888;
}
html#pg-clinic main section#s01 ul li:nth-child(4n+3) {
  --keycolor: #cadb4d;
}
html#pg-clinic main section#s01 ul li:nth-child(4n+4) {
  --keycolor: #7aab4a;
}
html#pg-clinic main section#s01 ul li h4 {
  font-weight: normal;
  font-size: 150%;
  letter-spacing: 0.3ex;
  margin-bottom: 20px;
  position: relative;
}
html#pg-clinic main section#s01 ul li h4::before {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  left: 5%;
  right: 5%;
  top: 40%;
  bottom: 40%;
  background-color: var(--keycolor);
  z-index: -1;
  opacity: 0.3;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-clinic main section#s01 ul li figure img {
    border-radius: clamp(330px * 10 / 100, (100vw - 30px) * 10 / 100, 700px * 10 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-clinic main section#s01 ul li figure img {
    border-radius: clamp(530px * 10 / 100, (100vw - 200px) * 10 / 100, 1000px * 10 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-clinic main section#s01 ul li p {
    font-size: 70%;
  }
}
html#pg-clinic main section#s02 h3 {
  background: url(/wp-content/themes/custom/img/04/20.png) no-repeat center/contain;
}
html#pg-clinic main section#s02 table {
  width: 100%;
}
html#pg-clinic main section#s02 table tr > * {
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
}
html#pg-clinic main section#s02 table th {
  padding-right: 3em;
  white-space: nowrap;
}
html#pg-clinic main section#s03, html#pg-clinic main section#s04 {
  margin-bottom: 80px;
}
html#pg-clinic main section#s03 h3, html#pg-clinic main section#s04 h3 {
  background: url(/wp-content/themes/custom/img/04/30.png) no-repeat center/contain;
}
html#pg-clinic main section#s03 h3 ~ *, html#pg-clinic main section#s04 h3 ~ * {
  font-family: "Zen Old Mincho", serif;
  line-height: 1.7;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-clinic main section#s03 h3 ~ *, html#pg-clinic main section#s04 h3 ~ * {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-clinic main section#s03 h3 ~ *, html#pg-clinic main section#s04 h3 ~ * {
    font-weight: 300;
  }
}
html#pg-clinic main section#s03 h4, html#pg-clinic main section#s04 h4 {
  font-family: "Zen Old Mincho", serif;
  font-size: 170%;
  letter-spacing: 0.3ex;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-clinic main section#s03 h4, html#pg-clinic main section#s04 h4 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-clinic main section#s03 h4, html#pg-clinic main section#s04 h4 {
    font-weight: 300;
  }
}
html#pg-clinic main section#s03 ul, html#pg-clinic main section#s04 ul {
  font-size: 90%;
  margin-bottom: 5em;
}
html#pg-clinic main section#s03 ul li, html#pg-clinic main section#s04 ul li {
  margin-top: 2em;
}
html#pg-clinic main section#s03 ul li h5, html#pg-clinic main section#s04 ul li h5 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 120%;
}
html#pg-clinic main section#s03 p.att, html#pg-clinic main section#s04 p.att {
  font-size: 70%;
  margin-top: -2em;
  margin-bottom: 2em;
}

html#pg-staff {
  background: url(/wp-content/themes/custom/img/07/04.png) no-repeat top -50px center;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-staff {
    background-size: clamp(330px * 120 / 100, (100vw - 30px) * 120 / 100, 700px * 120 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-staff {
    background-size: clamp(530px * 120 / 100, (100vw - 200px) * 120 / 100, 1000px * 120 / 100);
  }
}
html#pg-staff header::before {
  display: none;
}
html#pg-staff main {
  padding-bottom: 80px;
}
html#pg-staff main h3 {
  font-size: 200%;
  text-align: center;
  padding: 10px 50px;
  font-family: "Zen Old Mincho", serif;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  margin-bottom: 1em;
  letter-spacing: 0.3ex;
  line-height: 1.2;
  border-bottom: 3px solid #cadb4d;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-staff main h3 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-staff main h3 {
    font-weight: 300;
  }
}
html#pg-staff main section#s01 {
  text-align: center;
}
html#pg-staff main section#s01 figure img {
  aspect-ratio: 1/1;
  border-radius: 999px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-staff main section#s01 figure img {
    max-width: 230px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-staff main section#s01 figure img {
    max-width: 300px;
  }
}
html#pg-staff main section#s01 figure figcaption {
  letter-spacing: 0.3ex;
  font-size: 170%;
  margin-block: 1rem;
}
html#pg-staff main section#s01 p {
  line-height: 2.3;
  padding-bottom: 2rem;
  border-bottom: 1px solid #444444;
  margin-bottom: 1em;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-staff main section#s01 p {
    margin-inline: 20px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-staff main section#s01 p {
    margin-inline: auto;
    width: -moz-max-content;
    width: max-content;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-staff main section#s01 p br {
    display: none;
  }
}
html#pg-staff main section#s01 .history h4 {
  font-size: 130%;
  letter-spacing: 0.6ex;
  margin-bottom: 1rem;
}
html#pg-staff main section#s01 .history li {
  line-height: 2;
  font-size: 90%;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-staff main section#s01 .history li {
    margin-inline: 20px;
  }
}
html#pg-staff main section#s02 {
  margin-top: 80px;
}
html#pg-staff main section#s02 h3 + figure {
  text-align: center;
  margin-bottom: 3rem;
}
html#pg-staff main section#s02 h3 + figure img {
  width: clamp(300px, 100%, 800px);
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
  margin-bottom: 1rem;
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-staff main section#s02 h3 + figure img {
    border-radius: 50px;
  }
}
html#pg-staff main section#s02 h3 + figure figcaption {
  font-size: 90%;
}
html#pg-staff main section#s02 section {
  margin-top: 2rem;
}
html#pg-staff main section#s02 section h4 {
  line-height: 1;
  color: #444444;
  background: url(/wp-content/themes/custom/img/07/03.svg) no-repeat left top 0.2em/auto 1em;
  padding-left: 2.9em;
  font-weight: normal;
  margin-bottom: 2rem;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-staff main section#s02 section h4 {
    font-size: clamp(330px * 5.5 / 100, (100vw - 30px) * 5.5 / 100, 700px * 5.5 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-staff main section#s02 section h4 {
    font-size: clamp(530px * 3.7 / 100, (100vw - 200px) * 3.7 / 100, 1000px * 3.7 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-staff main section#s02 section ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    max-width: calc(100% + 30px);
  }
  html#pg-staff main section#s02 section ul > * {
    flex: 1 1 calc(100% / 2 - 15px * 2);
    margin: 15px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-staff main section#s02 section ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: -40px;
    margin-right: -40px;
    max-width: calc(100% + 80px);
    margin-inline: 0;
  }
  html#pg-staff main section#s02 section ul > * {
    flex: 1 1 calc(100% / 3 - 40px * 2);
    margin: 40px;
  }
}
html#pg-staff main section#s02 section ul li {
  text-align: center;
  margin-block: 20px;
}
html#pg-staff main section#s02 section ul li figure img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 999px;
  -o-object-fit: cover;
     object-fit: cover;
}
html#pg-staff main section#s02 section ul li figure figcaption span.name {
  font-size: 130%;
}
html#pg-staff main section#s02 section ul li figure figcaption small.credit {
  color: #7AAB4A;
  font-size: 110%;
}

html#pg-recruit {
  background: url(/wp-content/themes/custom/img/08/02.png) no-repeat top -150px center;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit {
    background-size: clamp(330px * 120 / 100, (100vw - 30px) * 120 / 100, 700px * 120 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit {
    background-size: clamp(530px * 120 / 100, (100vw - 200px) * 120 / 100, 1000px * 120 / 100);
  }
}
html#pg-recruit header::before {
  display: none;
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit .kv {
    mix-blend-mode: multiply;
  }
}
html#pg-recruit main section#s01 {
  text-align: center;
}
html#pg-recruit main section#s01 h3 {
  margin-bottom: 2rem;
  font-family: "Zen Old Mincho", serif;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s01 h3 {
    font-size: clamp(330px * 9 / 100, (100vw - 30px) * 9 / 100, 700px * 9 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s01 h3 {
    font-size: clamp(530px * 4 / 100, (100vw - 200px) * 4 / 100, 1000px * 4 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s01 h3 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s01 h3 {
    font-weight: 300;
  }
}
html#pg-recruit main section#s01 h3 strong {
  color: #7AAB4A;
  font-family: "Zen Old Mincho", serif;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s01 h3 strong {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s01 h3 strong {
    font-weight: 300;
  }
}
html#pg-recruit main section#s01 p {
  line-height: 2;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s01 p {
    margin-bottom: 2rem;
    font-size: 110%;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s01 p {
    font-size: 120%;
    margin-bottom: 4rem;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s01 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: -5px;
    margin-right: -5px;
    max-width: calc(100% + 10px);
  }
  html#pg-recruit main section#s01 ul > * {
    flex: 1 1 calc(100% / 3 - 5px * 2);
    margin: 5px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s01 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: -20px;
    margin-right: -20px;
    max-width: calc(100% + 40px);
  }
  html#pg-recruit main section#s01 ul > * {
    flex: 1 1 calc(100% / 3 - 20px * 2);
    margin: 20px;
  }
}
html#pg-recruit main section#s01 ul li figure img {
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: 15px;
}
html#pg-recruit main section#s02 {
  margin-top: 4rem;
  text-align: center;
}
html#pg-recruit main section#s02 h4 {
  font-size: 170%;
  font-family: "Zen Old Mincho", serif;
  margin-bottom: 2rem;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s02 h4 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s02 h4 {
    font-weight: 300;
  }
}
html#pg-recruit main section#s02 p {
  line-height: 2;
  margin-bottom: 2em;
}
html#pg-recruit main section#s02 .btns2 {
  margin-top: 1em;
}
html#pg-recruit main section#s02 .btns2 > * {
  display: inline-block;
  border: 4px solid white;
  padding: 10px 50px;
  border-radius: 999px;
  box-shadow: 0 0 0 1px #666, 0 5px 0 0 #ccc;
  line-height: 1;
  background: url(/wp-content/themes/custom/img/03/93.svg) no-repeat left -190px center/400px;
  position: relative;
}
html#pg-recruit main section#s02 .btns2 > *::after {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  top: 0px;
  bottom: 48%;
  background: url(/wp-content/themes/custom/img/03/93b.svg) no-repeat left bottom/contain;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s02 .btns2 > *::after {
    left: calc(100% - 30px);
    width: 60px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s02 .btns2 > *::after {
    left: calc(100% - 30px);
    width: 200px;
  }
}
html#pg-recruit main section#s02 .btns2 > *:hover {
  transform: translateX(20px);
  text-decoration: none;
}
html#pg-recruit main section#s03 {
  margin-top: 60px;
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s03 ul.main {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin-left: -40px;
    margin-right: -40px;
    max-width: calc(100% + 80px);
  }
  html#pg-recruit main section#s03 ul.main > * {
    flex: 1 1 calc(100% / 2 - 40px * 2);
    margin: 40px;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s03 ul.main li {
    margin-top: 3rem;
  }
}
html#pg-recruit main section#s03 ul.main li h5 {
  line-height: 1;
  color: #444444;
  background: url(/wp-content/themes/custom/img/08/25.svg) no-repeat left top 0.1em/auto 0.9em;
  padding-left: 1.3em;
  font-weight: normal;
  margin-bottom: 2rem;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s03 ul.main li h5 {
    font-size: clamp(330px * 7 / 100, (100vw - 30px) * 7 / 100, 700px * 7 / 100);
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s03 ul.main li h5 {
    font-size: clamp(530px * 3 / 100, (100vw - 200px) * 3 / 100, 1000px * 3 / 100);
  }
}
html#pg-recruit main section#s03 ul.main li figure img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
html#pg-recruit main section#s03 ul.main li figure figcaption {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  font-size: 85%;
  line-height: 1.5;
}
html#pg-recruit main section#s03 ul.extra {
  display: grid;
  grid-template-rows: repeat(auto-fill, 1fr);
  grid-auto-flow: row dense;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s03 ul.extra {
    margin-top: 40px;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 15px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s03 ul.extra {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px 30px;
  }
}
html#pg-recruit main section#s03 ul.extra li {
  background-color: #7AAB4A;
  border-radius: 999px;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  font-weight: bold;
  text-align: center;
  color: white;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s03 ul.extra li {
    font-size: 90%;
    padding: 5px 5px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s03 ul.extra li {
    padding: 5px 15px;
  }
}
html#pg-recruit main section#s03 ul.extra li:nth-child(1) {
  grid-column: 1/span 2;
}
html#pg-recruit main section#s04 {
  background: url(/wp-content/themes/custom/img/08/32.png) no-repeat top left -20vw/115vw;
  text-align: center;
  margin-bottom: 60px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s04 {
    margin-top: 30px;
    padding-top: 50px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s04 {
    margin-top: 60px;
    padding-top: 100px;
  }
}
html#pg-recruit main section#s04 h4 {
  font-size: 170%;
  font-family: "Zen Old Mincho", serif;
  margin-bottom: 2rem;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s04 h4 {
    font-weight: 400;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s04 h4 {
    font-weight: 300;
  }
}
html#pg-recruit main section#s04 .message p {
  line-height: 2.4;
  font-size: 90%;
  margin-bottom: 2rem;
}
html#pg-recruit main section#s04 .message figure img {
  width: clamp(200px, 100%, 500px);
}
html#pg-recruit main section#s04 .jobs {
  margin-top: 80px;
  margin-bottom: 60px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html#pg-recruit main section#s04 .jobs ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
    max-width: calc(100% + 20px);
  }
  html#pg-recruit main section#s04 .jobs ul > * {
    flex: 1 1 calc(100% / 2 - 10px * 2);
    margin: 10px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html#pg-recruit main section#s04 .jobs ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: -20px;
    margin-right: -20px;
    max-width: calc(100% + 40px);
  }
  html#pg-recruit main section#s04 .jobs ul > * {
    flex: 1 1 calc(100% / 2 - 20px * 2);
    margin: 20px;
  }
}
html#pg-recruit main section#s04 .jobs ul li a {
  display: block;
  border: 1px solid #444444;
  font-size: 120%;
  letter-spacing: 0.3ex;
  position: relative;
  padding: 15px;
}
html#pg-recruit main section#s04 .jobs ul li a::after {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  bottom: 15px;
  left: 15px;
  right: 15px;
  height: 12px;
  background: #eee;
  z-index: -1;
  transition: all 0.4s;
}
html#pg-recruit main section#s04 .jobs ul li a:hover {
  text-decoration: none;
}
html#pg-recruit main section#s04 .jobs ul li a:hover::after {
  background: #7AAB4A66;
}
html#pg-recruit main section#s04 .tellink p {
  font-size: 140%;
  color: #7AAB4A;
  line-height: 1.6;
  margin-bottom: 1rem;
}
html#pg-recruit main section#s04 .tellink img img {
  width: clamp(200px, 100%, 600px);
}

html.info main section.catnav {
  text-align: center;
  margin-top: -2em;
  margin-bottom: 3em;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
}
html.info main section.catnav ul {
  align-items: center;
  justify-content: center;
}
html.info main section.catnav ul li {
  flex: 0 0 auto;
}
html.info main section.catnav ul li a {
  line-height: 1;
  font-size: 85%;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  color: white;
  background: var(--color, #7AAB4A);
  border-radius: 999px;
  display: inline-block;
  padding: 3px 15px 5px;
  margin: 4px;
}
html.info main section.catnav ul li a:hover {
  text-decoration: none;
  filter: brightness(1.2);
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.info main section#list {
    margin-bottom: 30px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.info main section#list {
    margin-bottom: 80px;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.info main section#list ul {
    margin-bottom: 30px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.info main section#list ul {
    margin-bottom: 80px;
  }
}
html.info main section#list ul li {
  border-bottom: 1px solid #444444;
}
html.info main section#list ul li a {
  padding: 20px 5px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.info main section#list ul li a {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.info main section#list ul li a {
    align-items: center;
  }
}
html.info main section#list ul li a:hover {
  text-decoration: none;
  background-color: #7AAB4A44;
}
html.info main section#list ul li a:hover .cat span {
  filter: brightness(1.2);
}
html.info main section#list ul li .date {
  flex: 0 0 7em;
  padding: 5px 0;
}
html.info main section#list ul li .cat {
  text-align: center;
  flex: 0 0 9em;
}
html.info main section#list ul li .cat span {
  line-height: 1;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  color: white;
  background: var(--color);
  border-radius: 999px;
  display: inline-block;
  padding: 3px 15px 5px;
  font-size: 85%;
  margin: 4px 14px 0px;
  transition: all 0.4s;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.info main section#list ul li h4 {
    flex: 1 1 100%;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.info main section#list ul li h4 {
    flex: 1 1 0;
  }
}
html.info main section#list nav.pagination {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
}
html.info main section#list nav.pagination div {
  text-align: center;
}
html.info main section#list nav.pagination div > * {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  height: 2.5em;
  min-width: 2.5em;
  margin: 5px;
  border-radius: 999px;
}
html.info main section#list nav.pagination div > *.next, html.info main section#list nav.pagination div > *.prev {
  color: #7AAB4A;
  font-size: 130%;
}
html.info main section#list nav.pagination div > *.current {
  background: #7AAB4A;
  color: white;
}
html.info main section#list nav.pagination div a:hover {
  filter: brightness(1.2);
}
html.info main section#detail {
  margin-bottom: 80px;
}
html.info main section#detail p.meta {
  justify-content: flex-start;
  align-items: center;
}
html.info main section#detail p.meta .cat {
  text-align: center;
  flex: 0 0 auto;
  margin-right: 3em;
}
html.info main section#detail p.meta .cat:empty {
  display: none;
}
html.info main section#detail p.meta .cat span {
  line-height: 1;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  color: white;
  background: var(--color);
  border-radius: 999px;
  display: inline-block;
  padding: 3px 10px;
  font-size: 85%;
  margin: 4px;
  transition: all 0.4s;
}
html.info main section#detail p.meta .date {
  flex: 0 0 7em;
}
html.info main section#detail h3.title {
  font-size: 160%;
  border-bottom: 1px solid #7AAB4A;
  padding: 10px 0;
}
html.info main section#detail .content {
  margin-top: 1em;
  line-height: 2;
}
html.info main section#detail .content > * + * {
  margin-top: 1em;
}
html.info main section#detail .prevnext {
  margin-top: 80px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.info main section#detail .prevnext ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-template-areas: "prev next" "back back";
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.info main section#detail .prevnext ul {
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.info main section#detail .prevnext ul > *:nth-child(1) {
    grid-area: prev;
  }
  html.info main section#detail .prevnext ul > *:nth-child(2) {
    grid-area: back;
    text-align: center;
  }
  html.info main section#detail .prevnext ul > *:nth-child(3) {
    grid-area: next;
    text-align: right;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.info main section#detail .prevnext ul > * {
    flex: 0 0 auto;
  }
}
html.info main section#detail .prevnext ul > *:not(.btns2):hover {
  color: #7AAB4A;
}
html.info main section#detail .prevnext ul > *:not(.btns2) > * {
  transition: all 0.4s;
}
html.info main section#detail .prevnext ul > *:not(.btns2) > *:hover {
  text-decoration: none;
}
html.info main section#detail .prevnext .btns2 > * {
  display: inline-block;
  border: 4px solid white;
  box-shadow: 0 0 0 1px #666, 0 5px 0 0 #ccc;
  padding: 10px 50px;
  border-radius: 999px;
  line-height: 1;
  background: url(/wp-content/themes/custom/img/03/93.svg) no-repeat left -190px center/400px;
  position: relative;
}
html.info main section#detail .prevnext .btns2 > *:hover {
  transform: translateY(5px);
  text-decoration: none;
  box-shadow: 0 0 0 1px #666, 0 0 0 0 #ccc;
}

html.act main section#list {
  margin-bottom: 80px;
}
html.act main section#list ul {
  margin-bottom: 80px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.act main section#list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
    max-width: calc(100% + 20px);
  }
  html.act main section#list ul > * {
    flex: 1 1 calc(100% / 2 - 10px * 2);
    margin: 10px;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.act main section#list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin-left: -20px;
    margin-right: -20px;
    max-width: calc(100% + 40px);
  }
  html.act main section#list ul > * {
    flex: 1 1 calc(100% / 4 - 20px * 2);
    margin: 20px;
  }
}
html.act main section#list ul li a {
  display: block;
}
html.act main section#list ul li a > * {
  text-align: center;
}
html.act main section#list ul li a figure img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
html.act main section#list ul li a h4 {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
  color: #7AAB4A;
  line-height: 1.3;
}
html.act main section#list ul li a:hover {
  text-decoration: none;
  transform: translateY(-10px);
}
html.act main section#list nav.pagination {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  letter-spacing: -0.1ex;
}
html.act main section#list nav.pagination div {
  text-align: center;
}
html.act main section#list nav.pagination div > * {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  margin: 5px;
  border-radius: 999px;
  height: 2.5em;
  min-width: 2.5em;
}
html.act main section#list nav.pagination div > *.next, html.act main section#list nav.pagination div > *.prev {
  color: #7AAB4A;
  font-size: 130%;
}
html.act main section#list nav.pagination div > *.current {
  background: #7AAB4A;
  color: white;
}
html.act main section#list nav.pagination div a:hover {
  filter: brightness(1.2);
}
html.act main section#detail {
  margin-bottom: 80px;
}
html.act main section#detail p.meta {
  justify-content: flex-start;
  align-items: center;
}
html.act main section#detail p.meta .date {
  flex: 0 0 7em;
}
html.act main section#detail h3.title {
  font-size: 160%;
  border-bottom: 1px solid #7AAB4A;
  padding: 10px 0;
}
html.act main section#detail .content {
  margin-top: 1em;
  line-height: 2;
}
html.act main section#detail .content > * + * {
  margin-top: 1em;
}
html.act main section#detail .prevnext {
  margin-top: 80px;
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.act main section#detail .prevnext ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-template-areas: "prev next" "back back";
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.act main section#detail .prevnext ul {
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-device-width: 560px) and (orientation : portrait), (min-device-width: 561px) and (max-device-width: 900px) and (max-width: 730px), (min-device-width: 901px) and (max-width: 730px) {
  html.act main section#detail .prevnext ul > *:nth-child(1) {
    grid-area: prev;
  }
  html.act main section#detail .prevnext ul > *:nth-child(2) {
    grid-area: back;
    text-align: center;
  }
  html.act main section#detail .prevnext ul > *:nth-child(3) {
    grid-area: next;
    text-align: right;
  }
}
@media (max-device-width: 560px) and (orientation : landscape), (min-device-width: 561px) and (max-device-width: 900px) and (min-width: 731px), (min-device-width: 901px) and (min-width: 731px) {
  html.act main section#detail .prevnext ul > * {
    flex: 0 0 auto;
  }
}
html.act main section#detail .prevnext ul > *:not(.btns2):hover {
  color: #7AAB4A;
}
html.act main section#detail .prevnext ul > *:not(.btns2) > * {
  transition: all 0.4s;
}
html.act main section#detail .prevnext ul > *:not(.btns2) > *:hover {
  text-decoration: none;
}
html.act main section#detail .prevnext .btns2 > * {
  display: inline-block;
  border: 4px solid white;
  box-shadow: 0 0 0 1px #666, 0 5px 0 0 #ccc;
  padding: 10px 50px;
  border-radius: 999px;
  line-height: 1;
  background: url(/wp-content/themes/custom/img/03/93.svg) no-repeat left -190px center/400px;
  position: relative;
}
html.act main section#detail .prevnext .btns2 > *:hover {
  transform: translateY(5px);
  text-decoration: none;
  box-shadow: 0 0 0 1px #666, 0 0 0 0 #ccc;
}/*# sourceMappingURL=site.css.map */