@charset "UTF-8";
* {
  box-sizing: border-box;
}

html {
  font-size: clamp(16px, 1.1vw, 18px); /* ルート要素 */
}
@media (max-width: 1380px) {
  html {
    font-size: clamp(14px, 1.1vw, 16px);
  }
}
@media (max-width: 900px) {
  html {
    font-size: clamp(14px, 1.1vw, 15px);
  }
}
@media (max-width: 767px) {
  html {
    font-size: clamp(13px, 1.1vw, 14px);
  }
}
html body {
  font-weight: 500;
  color: #333;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 767px) {
  html body.over {
    overflow: hidden;
  }
}
html body br.sp {
  display: none;
}
@media (max-width: 767px) {
  html body br.sp {
    display: inline-block;
  }
}
html body br.tb {
  display: none;
}
@media (max-width: 900px) {
  html body br.tb {
    display: inline-block;
  }
}
html body br.sp_none {
  display: inline-block;
}
@media (max-width: 767px) {
  html body br.sp_none {
    display: none;
  }
}
html body .mt_none {
  margin-top: 0 !important;
}
html body .mb_none {
  margin-bottom: 0 !important;
}
html body .pt_none {
  padding-top: 0 !important;
}
html body .pb_none {
  padding-bottom: 0 !important;
}
html body .mt_1 {
  margin-top: 1rem !important;
}
html body .mb_1 {
  margin-bottom: 1rem !important;
}
html body .pt_1 {
  padding-top: 1rem !important;
}
html body .pb_1 {
  padding-bottom: 1rem !important;
}
html body .mt_2 {
  margin-top: 2rem !important;
}
html body .mb_2 {
  margin-bottom: 2rem !important;
}
html body .pt_2 {
  padding-top: 2rem !important;
}
html body .pb_2 {
  padding-bottom: 2rem !important;
}
html body .mt_3 {
  margin-top: 3rem !important;
}
html body .mb_3 {
  margin-bottom: 3rem !important;
}
html body .pt_3 {
  padding-top: 3rem !important;
}
html body .pb_3 {
  padding-bottom: 3rem !important;
}
html body .mt_4 {
  margin-top: 4rem !important;
}
html body .mb_4 {
  margin-bottom: 4rem !important;
}
html body .pt_4 {
  padding-top: 4rem !important;
}
html body .pb_4 {
  padding-bottom: 4rem !important;
}
html body [role=note] {
  padding-left: 1em;
  text-indent: -1em;
}
html body .TitleBox {
  position: relative;
  overflow: hidden;
  height: 40vw;
  max-height: 22rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
html body .TitleBox.pageTop {
  height: 18vw;
  min-height: 12rem;
  max-height: 15rem;
  background-color: #FFE0E0;
  position: relative;
  z-index: 3;
  margin-bottom: 3rem;
  padding: 1rem 0;
}
@media (max-width: 767px) {
  html body .TitleBox.pageTop {
    height: 30vw;
    min-height: 10rem;
    max-height: inherit;
  }
}
html body .TitleBox.pageTop::after {
  content: none;
}
html body .TitleBox.pageTop h1 {
  color: #FEEDF4;
}
html body .TitleBox.pageTop h2 {
  margin: 0.5rem 0 0 0;
  font-size: clamp(16px, 1.1vw, 18px);
}
@media (max-width: 767px) {
  html body .TitleBox.pageTop h2 {
    font-size: clamp(14px, 1.1vw, 16px);
  }
}
html body .TitleBox.pageTop.gray {
  background-color: #F4F4F4;
}
html body .TitleBox.pageTop.gray h1 {
  color: #333;
}
html body .TitleBox .pageWidth {
  position: relative;
  z-index: 5;
  width: 100%;
}
html body .TitleBox .pageWidth .titleBlock {
  padding-top: 0;
}
html body .TitleBox::after {
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: 1;
  opacity: 0.6;
  top: 0;
  left: 0;
  content: "";
  background-color: #fff;
  width: 100%;
  height: 100%;
}
html body .TitleBox img.back {
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
}
html body .TitleBox img.back.pc {
  display: block;
}
@media (max-width: 767px) {
  html body .TitleBox img.back.pc {
    display: none;
  }
}
html body .TitleBox img.back.sp {
  display: none;
}
@media (max-width: 767px) {
  html body .TitleBox img.back.sp {
    display: block;
  }
}
html body section {
  padding: 5rem 0;
}
@media (max-width: 767px) {
  html body section {
    padding: 3rem 0;
  }
}
html body section.section_top {
  padding-top: 0 !important;
}
html body section.white_f {
  position: relative;
}
html body section.white_f .pageWidth {
  position: relative;
  z-index: 5;
}
html body section.white_f::after {
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: 1;
  opacity: 0.6;
  top: 0;
  left: 0;
  content: "";
  background-color: #fff;
  width: 100%;
  height: 100%;
}
html body section.image_back {
  position: relative;
  overflow: hidden;
}
html body section.image_back .pageWidth {
  position: relative;
  z-index: 5;
}
html body section.image_back img.back {
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
}
html body section.image_back img.back.pc {
  display: block;
}
@media (max-width: 767px) {
  html body section.image_back img.back.pc {
    display: none;
  }
}
html body section.image_back img.back.sp {
  display: none;
}
@media (max-width: 767px) {
  html body section.image_back img.back.sp {
    display: block;
  }
}
html body section *:first-child {
  margin-top: 0 !important;
}
html body section *:last-child {
  margin-bottom: 0 !important;
}
html body .coverTitle {
  position: relative;
  padding-top: 33%;
  max-width: 1800px;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: 767px) {
  html body .coverTitle {
    padding-top: 60%;
  }
}
html body .coverTitle .title {
  position: absolute;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  justify-content: flex-start;
  align-items: center;
  padding-left: 2rem;
}
@media (max-width: 767px) {
  html body .coverTitle .title {
    align-items: flex-start;
    padding: 1rem;
  }
}
html body .coverTitle .title h1 {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  width: auto;
  padding: 1.5rem 2rem;
  gap: 0.5rem;
  letter-spacing: 0.1em;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  font-size: min(6.5vw, 3rem);
}
@media (max-width: 767px) {
  html body .coverTitle .title h1 {
    font-size: min(5.6vw, 2.7rem);
    padding: 1rem;
    width: 100%;
  }
}
html body .coverTitle .title h1 span.small {
  letter-spacing: 0;
  font-size: min(4vw, 2rem);
}
@media (max-width: 767px) {
  html body .coverTitle .title h1 span.small {
    font-size: min(3.5vw, 1.8rem);
  }
}
html body .coverTitle .title h1 span.small.yellow {
  color: #FEE28B;
}
html body .coverTitle .back_image {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
}
html body .borderBox {
  background-color: #fff;
  border: 5px solid #A2D7DD;
  padding: 2rem;
  border: 4px solid #A2D7DD;
  border-radius: 0.5rem;
  margin-top: 4rem;
  position: relative;
}
html body .borderBox p.center {
  font-size: clamp(32px, 1.1vw, 34px);
  line-height: 1.8;
}
@media (max-width: 767px) {
  html body .borderBox p.center {
    text-align: left;
    font-size: clamp(16px, 1.1vw, 18px);
  }
}
html body .borderBox .dog {
  width: 12%;
  display: block;
  position: absolute;
  z-index: 2;
  right: 2rem;
  top: -3rem;
  overflow: hidden;
  border-radius: 50%;
  border: 3px solid #A2D7DD;
  pointer-events: none;
}
@media (max-width: 767px) {
  html body .borderBox .dog {
    width: 20%;
    right: 1rem;
  }
}
html body .borderBox .dog img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  html body .borderBox {
    padding: 1.5rem;
  }
}
html body .bannerBlock {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 3rem;
}
@media (max-width: 767px) {
  html body .bannerBlock {
    gap: 0.5rem;
  }
}
@media (max-width: 600px) {
  html body .bannerBlock {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}
html body .contactBlock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3rem;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  html body .contactBlock {
    flex-wrap: wrap;
    justify-content: center;
  }
}
html body .contactBlock .contact {
  width: 64%;
  max-width: 50rem;
}
@media (max-width: 767px) {
  html body .contactBlock .contact {
    width: 100%;
    max-width: 45rem;
  }
}
html body .contactBlock .tel {
  width: calc(36% - 1.5rem);
  max-width: 30rem;
}
@media (max-width: 767px) {
  html body .contactBlock .tel {
    width: 65%;
    margin: 0 auto 0 auto;
  }
}
html body .titleBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 1rem;
  padding: 0.8rem 1rem;
  margin: 0 auto;
  font-weight: 600;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  html body .titleBox {
    max-width: 100%;
  }
}
html body .titleBox h2 span.top {
  font-size: clamp(32px, 1.1vw, 34px);
  width: 100%;
  display: block;
  text-align: center;
}
@media (max-width: 767px) {
  html body .titleBox h2 span.top {
    font-size: clamp(18px, 1.1vw, 20px);
  }
}
html body .titleBox h2 span.bottom {
  font-size: clamp(32px, 1.1vw, 34px);
  width: 100%;
  display: block;
  text-align: center;
}
@media (max-width: 767px) {
  html body .titleBox h2 span.bottom {
    font-size: clamp(16px, 1.1vw, 18px);
  }
}
html body .titleBox .icon {
  width: 2.5rem;
  min-width: 2.5rem;
  height: auto;
}
@media (max-width: 767px) {
  html body .titleBox .icon {
    width: 2rem;
    min-width: 2rem;
  }
}
html body .binder {
  padding: 1rem;
  background-color: #A2D7DD;
  margin-bottom: 2rem;
  border-radius: 1rem;
}
html body .binder .binderInner {
  background-color: #fff;
  padding: 0 2rem 2rem 2rem;
}
@media (max-width: 767px) {
  html body .binder .binderInner {
    padding: 0 1.5rem 1.5rem 1.5rem;
  }
}
html body .binder .binder_image {
  width: 25%;
  margin: 0 auto;
  background-color: #A2D7DD;
  border-radius: 0 0 0.5rem 0.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  html body .binder .binder_image {
    width: 40%;
  }
}
html body .binder p.center {
  font-size: clamp(24px, 1.1vw, 26px);
}
@media (max-width: 767px) {
  html body .binder p.center {
    text-align: left;
    font-size: clamp(16px, 1.1vw, 18px);
  }
}
html body .binder .numList {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1.5rem auto 2rem auto;
}
@media (max-width: 767px) {
  html body .binder .numList {
    gap: 1.5rem;
  }
}
html body .binder .numList li {
  display: flex;
  align-items: center;
  gap: 0.5rem 1rem;
}
@media (max-width: 767px) {
  html body .binder .numList li {
    flex-wrap: wrap;
  }
}
html body .binder .numList li span.number {
  display: inline-block;
  background-color: #A2D7DD;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 0;
  margin-right: 3rem;
  padding: 0.25rem;
  min-width: 10em;
  line-height: 1;
  border-radius: 0.4rem;
  position: relative;
  letter-spacing: 0.2em;
  font-size: clamp(24px, 1.1vw, 26px);
}
@media (max-width: 767px) {
  html body .binder .numList li span.number {
    min-width: 9em;
    font-size: clamp(12px, 1.1vw, 13px);
  }
}
html body .binder .numList li span.number::after {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  right: -3rem;
  transform: translateY(-50%);
  background: #A2D7DD;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  height: 2rem;
  width: 1.5rem;
}
@media (max-width: 767px) {
  html body .binder .numList li span.number::after {
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    height: 1.5rem;
    width: 2rem;
    right: -2.5rem;
  }
}
html body .binder .numList li span.number span.num {
  font-size: clamp(34px, 1.1vw, 36px);
  margin-left: 0.5rem;
  display: inline-block;
  color: #fff;
  padding-bottom: 0.1em;
  -webkit-text-stroke: 5px #23B9BD;
  text-stroke: 5px #23B9BD;
  letter-spacing: 0;
  paint-order: stroke;
}
@media (max-width: 767px) {
  html body .binder .numList li span.number span.num {
    font-size: clamp(24px, 1.1vw, 26px);
  }
}
html body .binder .numList li p {
  margin: 0;
  font-size: clamp(32px, 1.1vw, 34px);
  color: #499A9F;
  line-height: 1.1;
}
html body .binder .numList li p span {
  display: inline-block;
  position: relative;
  padding-right: 5rem;
}
html body .binder .numList li p span.yellowCapsule::after {
  background-image: url(../svg/capsule_yellow.svg);
}
html body .binder .numList li p span::after {
  position: absolute;
  content: "";
  transform: translateY(-50%);
  top: 50%;
  right: 0.5rem;
  width: 4rem;
  height: 4rem;
  background-image: url(../svg/capsule_pink.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767px) {
  html body .binder .numList li p {
    font-size: clamp(18px, 1.1vw, 20px);
    width: 100%;
  }
}
html body .binder .titleBox {
  justify-content: space-between;
  background-color: #FDEEF4;
  border: 3px solid #23B9BD;
  border-radius: 0.5rem;
  max-width: 80%;
  gap: 0;
  width: 100%;
  padding: 0.8rem 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 900px) {
  html body .binder .titleBox {
    max-width: 100%;
  }
}
html body .binder .titleBox.yellow {
  background-color: #FFFDED;
}
html body .binder .titleBox.blue {
  background-color: #EAF6FD;
}
html body .binder .titleBox h2 span.top {
  font-size: clamp(32px, 1.1vw, 34px);
  width: 100%;
  display: block;
  text-align: center;
}
@media (max-width: 767px) {
  html body .binder .titleBox h2 span.top {
    font-size: clamp(18px, 1.1vw, 20px);
  }
}
html body .binder .titleBox h2 span.bottom {
  font-size: clamp(40px, 1.1vw, 38px);
  width: 100%;
  display: block;
  text-align: center;
}
@media (max-width: 767px) {
  html body .binder .titleBox h2 span.bottom {
    font-size: clamp(16px, 1.1vw, 18px);
  }
}
html body .binder .titleBox .icon {
  width: 3rem;
  min-width: 3rem;
  height: auto;
}
@media (max-width: 767px) {
  html body .binder .titleBox .icon {
    width: 2rem;
    min-width: 2rem;
  }
}
html body ul.flowList {
  margin-top: 5rem;
}
html body ul.flowList.katsuyou li {
  background-color: #FFFDED;
}
html body ul.flowList li {
  margin-bottom: 5rem;
  position: relative;
  padding: 4.5rem 2rem 2rem 2rem;
  border: 5px solid #A2D7DD;
  background-color: #FDEEF4;
  border-radius: 0.5rem;
  margin-top: 3rem;
  position: relative;
}
@media (max-width: 767px) {
  html body ul.flowList li {
    padding: 3rem 1.5rem 1.5rem 1.5rem;
  }
  html body ul.flowList li .a_btn {
    justify-content: center;
  }
}
html body ul.flowList li .split {
  display: flex;
  justify-content: space-between;
}
html body ul.flowList li .split .imageBlock {
  width: calc(40% - 1rem);
}
html body ul.flowList li .split .text {
  width: calc(60% - 1rem);
}
html body ul.flowList li .split .text .figureFlex {
  display: flex;
  justify-content: space-between;
}
html body ul.flowList li .split .text .figureFlex img {
  border-radius: 1rem;
  width: calc(33.3333333333% - 0.5rem);
}
html body ul.flowList li .clipBox {
  border: 2px solid #B60005;
  border-radius: 0.5rem;
  background-color: #FEE28B;
  padding: 1rem 2rem 2rem 2rem;
  position: relative;
  margin-top: 3rem;
}
@media (max-width: 767px) {
  html body ul.flowList li .clipBox {
    padding: 1rem;
  }
}
html body ul.flowList li .clipBox p {
  font-size: clamp(24px, 1.1vw, 26px);
}
@media (max-width: 767px) {
  html body ul.flowList li .clipBox p {
    font-size: clamp(14px, 1.1vw, 16px);
  }
}
html body ul.flowList li .clipBox .point {
  font-size: clamp(32px, 1.1vw, 34px);
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  html body ul.flowList li .clipBox .point {
    font-size: clamp(16px, 1.1vw, 18px);
  }
}
html body ul.flowList li .clipBox .point .number {
  font-size: clamp(40px, 1.1vw, 38px);
}
@media (max-width: 767px) {
  html body ul.flowList li .clipBox .point .number {
    font-size: clamp(24px, 1.1vw, 26px);
  }
}
html body ul.flowList li .clipBox .clip {
  width: 4rem;
  height: auto;
  position: absolute;
  top: -2.8rem;
  right: 1rem;
}
html body ul.flowList li .clipBox h4 {
  color: #fff;
  background-color: #333;
  padding: 0.3rem 1rem;
  border-radius: 0.5rem;
  display: inline-block;
  font-size: clamp(32px, 1.1vw, 34px);
  margin: 0 0 0 -1rem;
}
@media (max-width: 767px) {
  html body ul.flowList li .clipBox h4 {
    font-size: clamp(14px, 1.1vw, 16px);
    margin: 0 0 0 -0.5rem;
  }
}
html body ul.flowList li .clipBox .img_flex {
  margin-top: -1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 1.8rem 1rem 1rem 1rem;
  border-radius: 0.5rem;
}
@media (max-width: 767px) {
  html body ul.flowList li .clipBox .img_flex {
    flex-wrap: wrap;
  }
}
html body ul.flowList li .clipBox .img_flex .redBox {
  background-color: #B60005;
  color: #fff;
  margin: 0;
  padding: 1rem;
  border-radius: 0.5rem;
  display: inline-block;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  html body ul.flowList li .clipBox .img_flex .redBox {
    display: block;
  }
}
html body ul.flowList li .clipBox .img_flex .textBox {
  width: 80%;
}
html body ul.flowList li .clipBox .img_flex .textBox .inner p {
  margin: 0;
}
@media (max-width: 767px) {
  html body ul.flowList li .clipBox .img_flex .textBox .inner p {
    margin-top: 0.5rem;
  }
}
@media (max-width: 767px) {
  html body ul.flowList li .clipBox .img_flex .textBox {
    display: contents;
    width: 100%;
  }
  html body ul.flowList li .clipBox .img_flex .textBox .inner {
    width: 80%;
  }
  html body ul.flowList li .clipBox .img_flex .textBox .redBox {
    width: 100%;
    order: 90;
  }
}
html body ul.flowList li .clipBox .img_flex .textBox p {
  margin: 1rem 0;
}
html body ul.flowList li .clipBox .img_flex img {
  width: 18%;
  height: auto;
  display: block;
}
html body ul.flowList li .greenBlock {
  margin: 2rem 0;
  margin-bottom: 0;
  border-radius: 1rem;
  background-color: #23B9BD;
  text-align: center;
  padding: 2rem 1rem;
}
html body ul.flowList li .greenBlock p {
  color: white;
  font-size: clamp(32px, 1.1vw, 34px);
}
html body ul.flowList li .greenBlock p span {
  color: yellow;
}
html body ul.flowList li .text.flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
@media (max-width: 767px) {
  html body ul.flowList li .text.flex {
    display: block;
  }
}
html body ul.flowList li .text.flex img {
  width: 40%;
  height: auto;
  display: block;
}
@media (max-width: 767px) {
  html body ul.flowList li .text.flex img {
    width: 80%;
    max-width: 30rem;
    margin: 0 auto;
  }
}
html body ul.flowList li .text.flex p {
  width: calc(60% - 1rem);
}
@media (max-width: 900px) {
  html body ul.flowList li .text.flex p {
    width: 100%;
  }
}
html body ul.flowList li .text p {
  line-height: 1.8em;
  background-image: linear-gradient(to bottom, transparent calc(100% - 1px), #23B9BD 1px);
  background-size: 100% 1.8em;
  background-repeat: repeat-y;
  font-size: clamp(24px, 1.1vw, 26px);
}
@media (max-width: 767px) {
  html body ul.flowList li .text p {
    font-size: clamp(16px, 1.1vw, 18px);
  }
}
html body ul.flowList li .img {
  width: 30%;
  transform: rotate(5deg);
  position: absolute;
  top: 0.5rem;
  right: 5%;
  display: block;
  z-index: 4;
}
@media (max-width: 767px) {
  html body ul.flowList li .img {
    width: 38%;
    right: 1%;
    top: 2rem;
  }
}
html body ul.flowList li .img img {
  width: 100%;
  height: auto;
}
html body ul.flowList li a.img {
  position: absolute;
  transition: all 0.4s;
}
html body ul.flowList li a.img:hover {
  transform: scale(1.1);
}
html body ul.flowList li a.img::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 100%;
  right: 0.3rem;
  margin: auto;
}
html body ul.flowList li a.img::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border: 0;
  border-top: solid 2px #499A9F;
  border-right: solid 2px #499A9F;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 100%;
  right: 0.9rem;
  margin: auto;
}
html body ul.flowList li:nth-of-type(even) .img {
  transform: rotate(-5deg);
}
html body ul.flowList li .num_tag {
  padding: 0.5rem 1rem;
  background-color: #fff;
  border: 3px solid #23B9BD;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -1.5rem;
  left: 1.5rem;
  gap: 1rem;
  border-radius: 0.25rem;
  font-size: clamp(24px, 1.1vw, 26px);
}
@media (max-width: 767px) {
  html body ul.flowList li .num_tag {
    font-size: clamp(16px, 1.1vw, 18px);
    left: 1rem;
  }
}
html body ul.flowList li .num_tag .icon {
  width: 3rem;
  min-width: 3rem;
  height: auto;
  display: block;
}
@media (max-width: 767px) {
  html body ul.flowList li .num_tag .icon {
    width: 2rem;
    min-width: 2rem;
  }
}
html body ul.flowList li h3 {
  margin-bottom: 3rem;
  width: 65%;
}
@media (max-width: 767px) {
  html body ul.flowList li h3 {
    width: 100%;
  }
}
html body ul.flowList li h3 span.top {
  font-size: clamp(32px, 1.1vw, 34px);
  display: block;
  padding-bottom: 3.5rem;
  position: relative;
}
html body ul.flowList li h3 span.top::after {
  position: absolute;
  bottom: 0.5rem;
  left: 4rem;
  content: "";
  display: block;
  background: #A2D7DD;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  height: 2rem;
  width: 7rem;
}
@media (max-width: 767px) {
  html body ul.flowList li h3 span.top {
    font-size: clamp(18px, 1.1vw, 20px);
    width: 60%;
  }
}
html body ul.flowList li h3 span.bottom {
  font-size: clamp(40px, 1.1vw, 38px);
  color: #B60005;
  display: block;
  text-underline-offset: 0.2em;
  -webkit-text-decoration: #B60005 wavy underline;
          text-decoration: #B60005 wavy underline;
}
@media (max-width: 767px) {
  html body ul.flowList li h3 span.bottom {
    font-size: clamp(24px, 1.1vw, 26px);
  }
}
html body ul.flowList li h3::after {
  position: absolute;
  bottom: -2.9rem;
  left: 4rem;
  content: "";
  display: block;
  background: #A2D7DD;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  height: 2.8rem;
  width: 5rem;
}
html body ul.flowList li::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  height: 4rem;
  display: block;
  background-color: #FDEEF4;
  border: 5px solid #A2D7DD;
  clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
  z-index: 3;
}
@media (max-width: 767px) {
  html body ul.flowList li::before {
    width: 3rem;
    height: 2rem;
  }
}
html body ul.flowList li::after {
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  display: block;
  width: calc(6rem + 5px);
  height: calc(4rem + 5px);
  background: linear-gradient(34deg, #A2D7DD 0%, #A2D7DD 50%, #fff 50%, #fff 100%);
  z-index: 2;
  box-shadow: -4px 4px 4px rgba(245, 118, 118, 0.2);
}
@media (max-width: 767px) {
  html body ul.flowList li::after {
    width: calc(3rem + 4px);
    height: calc(2rem + 4px);
  }
}
html body .contentInclude {
  padding: 2rem 0;
  font-size: clamp(16px, 1.1vw, 18px);
}
@media (max-width: 767px) {
  html body .contentInclude {
    font-size: clamp(13px, 1.1vw, 14px);
  }
}
html body .contentInclude *:first-child {
  margin-top: 0 !important;
}
html body .contentInclude *:last-child {
  margin-bottom: 0 !important;
}
html body .contentInclude iframe {
  width: 100%;
  max-width: 100%;
}
html body .contentInclude .dlBox {
  margin: 1.5rem 0;
}
html body .contentInclude dl {
  display: flex;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  html body .contentInclude dl {
    display: block;
  }
}
html body .contentInclude dl dt {
  font-weight: 600;
  padding: 1rem 1rem 1rem 0;
  min-width: 13.5em;
  width: 13.5em;
  position: relative;
  font-size: clamp(16px, 1.1vw, 18px);
}
@media (max-width: 767px) {
  html body .contentInclude dl dt {
    font-size: clamp(14px, 1.1vw, 16px);
    width: 100%;
    padding: 0.8rem 0 0.5rem 0;
  }
}
html body .contentInclude dl dt::before {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background-color: #333;
}
@media (max-width: 767px) {
  html body .contentInclude dl dt::before {
    width: 100%;
    height: 1px;
    top: 100%;
    left: 0;
    right: inherit;
  }
}
html body .contentInclude dl dd {
  font-size: clamp(16px, 1.1vw, 18px);
  font-weight: 500;
  padding: 1rem 0 1rem 1rem;
}
@media (max-width: 767px) {
  html body .contentInclude dl dd {
    font-size: clamp(14px, 1.1vw, 16px);
    padding: 0.8rem 0;
  }
}
html body .contentInclude .dlWrap dl {
  margin: 0;
  border-bottom: 1px solid #FEEDF4;
}
html body .contentInclude .dlWrap dl:last-of-type {
  border: none;
}
@media (max-width: 767px) {
  html body .contentInclude .dlWrap dl {
    display: block;
  }
}
html body .contentInclude .dlWrap dl dt {
  background-color: #FFB3B3;
  width: 50%;
  padding: 1rem;
  font-size: clamp(12px, 1.1vw, 13px);
  color: #fff;
  align-items: center;
  display: flex;
}
html body .contentInclude .dlWrap dl dt::before {
  content: none;
}
@media (max-width: 767px) {
  html body .contentInclude .dlWrap dl dt {
    width: 100%;
    padding: 0.5rem 1rem;
  }
}
html body .contentInclude .dlWrap dl dd {
  font-size: clamp(18px, 1.1vw, 20px);
  padding: 1rem;
  background-color: #fff;
  width: 50%;
  font-weight: 600;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media (max-width: 767px) {
  html body .contentInclude .dlWrap dl dd {
    font-size: clamp(16px, 1.1vw, 18px);
    width: 100%;
  }
}
html body .contentInclude .column2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (max-width: 900px) {
  html body .contentInclude .column2 {
    gap: 1rem;
  }
}
@media (max-width: 767px) {
  html body .contentInclude .column2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}
html body .contentInclude .column2 .dlWrap h4 {
  margin: 1rem 0 0.5rem 0;
}
html body .contentInclude .column2 .dlWrap dl {
  border: none;
}
@media (max-width: 767px) {
  html body .contentInclude .column2 .dlWrap dl {
    display: flex;
  }
}
html body .contentInclude .column2 .dlWrap dl dt {
  width: 100%;
  max-width: 7em;
  justify-content: center;
  font-size: clamp(18px, 1.1vw, 20px);
}
@media (max-width: 767px) {
  html body .contentInclude .column2 .dlWrap dl dt {
    font-size: clamp(16px, 1.1vw, 18px);
    max-width: 10em;
  }
}
html body .contentInclude .column2 .dlWrap dl dd {
  width: 100%;
}
html body .contentInclude p.center, html body .contentInclude span.center, html body .contentInclude ol li.center, html body .contentInclude ul li.center, html body .contentInclude dl dd.center {
  text-align: center;
}
html body .contentInclude p.right, html body .contentInclude span.right, html body .contentInclude ol li.right, html body .contentInclude ul li.right, html body .contentInclude dl dd.right {
  text-align: right;
}
html body .contentInclude p b, html body .contentInclude span b, html body .contentInclude ol li b, html body .contentInclude ul li b, html body .contentInclude dl dd b {
  font-weight: 600;
}
html body .contentInclude p span.line, html body .contentInclude span span.line, html body .contentInclude ol li span.line, html body .contentInclude ul li span.line, html body .contentInclude dl dd span.line {
  text-decoration: underline;
}
html body .contentInclude p span.marker, html body .contentInclude span span.marker, html body .contentInclude ol li span.marker, html body .contentInclude ul li span.marker, html body .contentInclude dl dd span.marker {
  background: linear-gradient(transparent 60%, #ff6 60%);
}
html body .contentInclude p span.red, html body .contentInclude span span.red, html body .contentInclude ol li span.red, html body .contentInclude ul li span.red, html body .contentInclude dl dd span.red {
  color: #B60005;
}
html body .contentInclude p span.yellow, html body .contentInclude span span.yellow, html body .contentInclude ol li span.yellow, html body .contentInclude ul li span.yellow, html body .contentInclude dl dd span.yellow {
  color: #FEE28B;
}
html body .contentInclude p span.white, html body .contentInclude span span.white, html body .contentInclude ol li span.white, html body .contentInclude ul li span.white, html body .contentInclude dl dd span.white {
  color: #fff;
}
html body .contentInclude p a, html body .contentInclude span a, html body .contentInclude ol li a, html body .contentInclude ul li a, html body .contentInclude dl dd a {
  color: #499A9F;
  display: inline;
  white-space: normal;
}
html body .contentInclude p a.external::after, html body .contentInclude span a.external::after, html body .contentInclude ol li a.external::after, html body .contentInclude ul li a.external::after, html body .contentInclude dl dd a.external::after {
  display: inline-block;
  content: "";
  background-image: url(../svg/external.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 0.2em;
  width: 1.2em;
  height: 1.2em;
  vertical-align: sub;
}
html body .contentInclude p a.pdf::after, html body .contentInclude span a.pdf::after, html body .contentInclude ol li a.pdf::after, html body .contentInclude ul li a.pdf::after, html body .contentInclude dl dd a.pdf::after {
  display: inline-block;
  content: "";
  background-image: url(../svg/pdf.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 0.2em;
  width: 1.3em;
  height: 1.3em;
  vertical-align: sub;
}
html body .contentInclude p a.url, html body .contentInclude span a.url, html body .contentInclude ol li a.url, html body .contentInclude ul li a.url, html body .contentInclude dl dd a.url {
  word-break: break-all;
}
html body .contentInclude p a:hover, html body .contentInclude span a:hover, html body .contentInclude ol li a:hover, html body .contentInclude ul li a:hover, html body .contentInclude dl dd a:hover {
  text-decoration: underline;
}
html body .contentInclude p.red, html body .contentInclude span.red, html body .contentInclude ol li.red, html body .contentInclude ul li.red, html body .contentInclude dl dd.red {
  color: #B60005;
}
html body .contentInclude ol li h2, html body .contentInclude ol li h3, html body .contentInclude ol li h4, html body .contentInclude ol li h5, html body .contentInclude ol li h6, html body .contentInclude ul li h2, html body .contentInclude ul li h3, html body .contentInclude ul li h4, html body .contentInclude ul li h5, html body .contentInclude ul li h6 {
  margin-bottom: 0.5rem;
  font-size: clamp(24px, 1.1vw, 26px);
}
html body .contentInclude ol li ol:first-of-type, html body .contentInclude ol li ul:first-of-type, html body .contentInclude ul li ol:first-of-type, html body .contentInclude ul li ul:first-of-type {
  margin-top: 1rem;
}
html body .contentInclude ol li P, html body .contentInclude ul li P {
  margin: 0 0 1.5rem 0 !important;
}
html body .contentInclude figure {
  display: block;
  margin: 1.5rem 0;
}
html body .contentInclude table {
  margin: 1.5rem 0;
  border-collapse: collapse;
  border: solid 1px #333;
  width: 100%;
  line-height: 1.8;
}
html body .contentInclude table caption {
  padding: 0.5rem 0;
}
html body .contentInclude table td {
  border: solid 1px #333;
  padding: 0.875rem 1rem;
}
html body .contentInclude table td.fc_red {
  color: #B60005;
}
html body .contentInclude table th {
  border: solid 1px #333;
  padding: 0.875rem 1rem;
  min-width: 7em;
  font-weight: 500;
}
html body .contentInclude p {
  line-height: 1.8;
  margin: 1.5rem 0;
}
html body .contentInclude p.center {
  text-align: center;
}
html body .contentInclude p.big {
  text-align: center;
  font-size: clamp(32px, 1.1vw, 34px);
  line-height: 1.4;
}
html body .contentInclude p.big b {
  font-weight: 600;
}
html body .contentInclude ul, html body .contentInclude ol {
  list-style-type: none;
}
html body .contentInclude ul ul, html body .contentInclude ul ol, html body .contentInclude ol ul, html body .contentInclude ol ol {
  margin-top: 1.5rem !important;
  margin-bottom: 2rem !important;
}
html body .contentInclude ul ul:first-of-type, html body .contentInclude ul ol:first-of-type, html body .contentInclude ol ul:first-of-type, html body .contentInclude ol ol:first-of-type {
  margin-top: 1.5rem !important;
}
html body .contentInclude ul ul:last-of-type, html body .contentInclude ul ol:last-of-type, html body .contentInclude ol ul:last-of-type, html body .contentInclude ol ol:last-of-type {
  margin-bottom: 2rem !important;
}
html body .contentInclude ul {
  margin: 1.5rem 0;
}
html body .contentInclude ul li {
  margin: 1rem 0;
  padding-left: 1.8em;
  position: relative;
}
html body .contentInclude ul li:first-of-type {
  margin: 0 0 1rem 0;
}
html body .contentInclude ul li:last-of-type {
  margin: 1rem 0 0 0;
}
html body .contentInclude ul li::before {
  position: absolute;
  top: 0.54em;
  left: 0.45em;
  content: "";
  background-color: #499A9F;
  border-radius: 50%;
  height: 0.5em;
  width: 0.5em;
  min-height: 0.5em;
  min-width: 0.5em;
}
html body .contentInclude ul li ol {
  margin: 1.5rem 0;
  counter-reset: number;
}
html body .contentInclude ul li ol li {
  margin: 1rem 0;
  padding-left: 1.8em;
  position: relative;
}
html body .contentInclude ul li ol li:first-of-type {
  margin: 0 0 1rem 0;
}
html body .contentInclude ul li ol li:last-of-type {
  margin: 1rem 0 0 0;
}
html body .contentInclude ul li ol li::before {
  position: absolute;
  counter-increment: number;
  content: counter(number) ".";
  background: none;
  border-radius: 0;
  top: 0.05em;
  left: 0;
  font-weight: 600;
  color: #499A9F;
  width: 1.5em;
  height: 1.5em;
  min-width: 1.5em;
  min-height: 1.5em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
html body .contentInclude ul.link li {
  padding-left: 0;
  margin: 0.25rem 0;
}
html body .contentInclude ul.link li::before {
  content: none;
}
html body .contentInclude ul.link li a {
  display: block;
  color: #499A9F;
}
html body .contentInclude ul.link li a span {
  display: inline-block;
  padding-left: 1.5em;
  line-height: 1.3;
  position: relative;
  font-size: 0.875rem;
}
html body .contentInclude ul.link li a span::after {
  position: absolute;
  left: 0.15em;
  top: 54%;
  width: 0.6em;
  min-width: 0.6em;
  min-height: 0.6em;
  height: 0.6em;
  content: "";
  border-top: solid 2px #499A9F;
  border-right: solid 2px #499A9F;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.4s;
}
html body .contentInclude ul.link li a:hover span::after {
  left: 0.35em;
}
html body .contentInclude ol {
  margin: 1.5rem 0;
  list-style-type: none;
  counter-reset: number;
}
html body .contentInclude ol li {
  margin: 1rem 0;
  padding-left: 1.8em;
  position: relative;
}
html body .contentInclude ol li:first-of-type {
  margin: 0 0 1rem 0;
}
html body .contentInclude ol li:last-of-type {
  margin: 1rem 0 0 0;
}
html body .contentInclude ol li::before {
  position: absolute;
  counter-increment: number;
  content: counter(number) ".";
  top: 0.05em;
  left: 0;
  font-weight: 600;
  color: #499A9F;
  width: 1.5em;
  height: 1.5em;
  min-width: 1.5em;
  min-height: 1.5em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
html body .contentInclude ol li ul {
  margin: 1.5rem 0;
}
html body .contentInclude ol li ul li {
  margin: 0.8rem 0;
  padding-left: 1.8em;
  position: relative;
}
html body .contentInclude ol li ul li:first-of-type {
  margin: 0 0 0.8rem 0;
}
html body .contentInclude ol li ul li:last-of-type {
  margin: 0.8rem 0 0 0;
}
html body .contentInclude ol li ul li::before {
  position: absolute;
  top: 0.85em;
  left: 0.45em;
  content: "";
  background-color: #499A9F;
  border-radius: 50%;
  height: 0.5em;
  width: 0.5em;
  min-height: 0.5em;
  min-width: 0.5em;
}
html body .contentInclude h1, html body .contentInclude h2, html body .contentInclude h3, html body .contentInclude h4, html body .contentInclude h5, html body .contentInclude h6 {
  font-weight: 700;
  margin: 3rem 0 1.5rem 0;
}
html body .contentInclude h1 {
  font-size: clamp(34px, 1.1vw, 36px);
}
html body .contentInclude h2 {
  font-size: clamp(24px, 1.1vw, 26px);
}
@media (max-width: 767px) {
  html body .contentInclude h2 {
    font-size: clamp(20px, 1.1vw, 22px);
  }
}
html body .contentInclude h2 {
  position: relative;
  padding: 0.25rem 0;
}
html body .contentInclude h2::before {
  content: "";
  background-color: #499A9F;
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
html body .contentInclude h3 {
  font-size: clamp(20px, 1.1vw, 22px);
  padding: 0.2rem 0 0.2rem 0.75rem;
  position: relative;
}
html body .contentInclude h3::before {
  content: "";
  background-color: #23B9BD;
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
html body .contentInclude h3::after {
  content: "";
  background-color: #499A9F;
  display: block;
  position: absolute;
  height: 100%;
  width: 4px;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  html body .contentInclude h3 {
    font-size: clamp(18px, 1.1vw, 20px);
  }
}
html body .contentInclude h4 {
  font-size: clamp(18px, 1.1vw, 20px);
}
@media (max-width: 767px) {
  html body .contentInclude h4 {
    font-size: clamp(16px, 1.1vw, 18px);
  }
}
html body .contentInclude h5 {
  font-size: clamp(16px, 1.1vw, 18px);
}
html body .contentInclude h6 {
  font-size: clamp(16px, 1.1vw, 18px);
}
@media (max-width: 767px) {
  html body .contentInclude h6 {
    font-size: clamp(16px, 1.1vw, 18px);
  }
}
html body .titleBlock {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 2rem;
  margin-top: 3rem;
  padding-top: 1rem;
}
html body .titleBlock h1, html body .titleBlock h2, html body .titleBlock h3, html body .titleBlock h4, html body .titleBlock h5, html body .titleBlock h6 {
  font-weight: 700;
}
html body .titleBlock h1, html body .titleBlock h2 {
  font-size: clamp(32px, 1.1vw, 34px);
}
@media (max-width: 767px) {
  html body .titleBlock h1, html body .titleBlock h2 {
    font-size: clamp(24px, 1.1vw, 26px);
  }
}
html body .titleBlock h3 {
  font-size: clamp(24px, 1.1vw, 26px);
}
@media (max-width: 767px) {
  html body .titleBlock h3 {
    font-size: clamp(20px, 1.1vw, 22px);
  }
}
html body .titleBlock b {
  font-size: clamp(24px, 1.1vw, 26px);
  font-weight: 600;
  color: #FFB3B3;
}
@media (max-width: 767px) {
  html body .titleBlock b {
    font-size: clamp(20px, 1.1vw, 22px);
  }
}
html body .titleBlock.white h1, html body .titleBlock.white h2, html body .titleBlock.white h3, html body .titleBlock.white h4, html body .titleBlock.white h5, html body .titleBlock.white h6, html body .titleBlock.white b {
  color: #fff;
}
html body .titleBlock.fv_title h1 {
  font-size: min(7vw, 3.2rem);
}
@media (max-width: 767px) {
  html body .titleBlock.fv_title h1 {
    font-size: min(5.9vw, 3rem);
  }
}
html body .titleBlock.fv_title b {
  font-size: min(5vw, 2rem);
  color: #FEEDF4;
}
html body .titleBlock.center {
  text-align: center;
  align-items: center;
}
html body a {
  display: block;
}
html body p a {
  display: inline;
}
html body img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}
html body p {
  margin: 1.5rem 0;
  font-size: clamp(16px, 1.1vw, 18px);
}
@media (max-width: 767px) {
  html body p {
    font-size: clamp(13px, 1.1vw, 14px);
  }
}
html body p.center {
  text-align: center;
}
html body p.right {
  text-align: right;
}
html body p.big {
  text-align: center;
  font-size: clamp(32px, 1.1vw, 34px);
  line-height: 1.4;
}
html body p.big b {
  font-weight: 600;
}
html body {
  /* 将来対応用（上書き） */
}
@supports (text-indent: hanging 1em) {
  html body [role=note] {
    padding-left: 0;
    text-indent: hanging 1em;
  }
}
html body b, html body strong {
  font-weight: 600;
}
html body .pageWidth {
  max-width: 870px;
  margin: 0 auto;
  padding: 0 1rem;
}
html body .pageWidth.wide {
  max-width: 1200px;
}
html body .pageWidth.narrow {
  max-width: 570px;
}
html body span.red {
  color: #B60005;
}
html body span.yellow {
  color: #FEE28B;
}
html body span.white {
  color: #fff;
}
html body span.head {
  display: block;
}
html body .breadWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.75rem;
  margin: 1rem auto 0.5rem auto;
}
html body .breadWrap span {
  padding: 0 0.5rem 0.25rem 0;
  line-height: 1.5;
}
html body .breadWrap span::before {
  content: ">";
  padding-right: 0.4rem;
}
html body .breadWrap span:first-of-type::before {
  content: none;
}
html body .breadWrap span a, html body .breadWrap span span {
  padding: 0;
}
html body .breadWrap span a::before, html body .breadWrap span span::before {
  content: none;
}
html body .breadWrap span a {
  display: inline-block;
}
html body .breadWrap.sp_show {
  display: none;
  margin: 1rem auto;
}
@media (max-width: 767px) {
  html body .breadWrap.sp_show {
    display: flex;
  }
}
html body .fixedBannerPC {
  transition: transform 0.4s ease;
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  width: 25vw;
  filter: drop-shadow(2px 4px 6px #999);
  max-width: 500px;
  z-index: 100;
}
@media (max-width: 900px) {
  html body .fixedBannerPC {
    display: none;
  }
}
html body .fixedBannerPC.is-hidden {
  /* 右固定の場合。左固定なら translateX(-120%) */
  transform: translateX(120%);
}
html body .fixedBannerPC .close {
  min-width: 1rem;
  min-height: 1rem;
  max-width: 2rem;
  max-height: 2rem;
  width: 2vw;
  height: 2vw;
  border-radius: 100rem;
  background-color: #23B9BD;
  position: absolute;
  right: 1vw;
  top: -10%;
}
html body .fixedBannerPC .close:after, html body .fixedBannerPC .close:before {
  display: block;
  width: 70%;
  height: 1px;
  background-color: white;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
html body .fixedBannerPC .close:after {
  transform: rotate(45deg);
}
html body .fixedBannerPC .close:before {
  transform: rotate(-45deg);
}
html body .fixedBannerSP {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 80%;
  width: -moz-fit-content;
  width: fit-content;
  gap: 1rem;
  padding: 1rem;
  border-radius: 1rem 1rem 0 0;
  filter: drop-shadow(0px 0px 6px gray);
  background-color: #fff;
  z-index: 100;
  bottom: 0;
}
html body .fixedBannerSP img {
  width: auto;
  height: 10vw;
}
@media (max-width: 900px) {
  html body .fixedBannerSP {
    display: flex;
  }
}
html body .indexFirstView {
  aspect-ratio: 24/11;
  max-width: 1180px;
  margin-inline: auto;
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: min(1180px, 100vw) auto; /* ← これ */
  text-align: center;
  background-image: url(../img/firstView.png);
}
html body .washi {
  font-family: "Times New Roman", Times, serif;
}
html body .washi h1 {
  font-size: clamp(34px, 1.1vw, 36px);
}
html body .shindanFlow li {
  position: relative;
  padding-top: 4rem;
  margin-bottom: 4rem;
}
@media (max-width: 900px) {
  html body .shindanFlow li {
    padding-top: 0;
  }
}
html body .shindanFlow li .listTitle {
  border: 4px solid #23B9BD;
  padding: 2rem 4rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.5rem;
  font-size: clamp(32px, 1.1vw, 34px);
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  font-weight: bold;
  left: 2rem;
  background-color: white;
}
@media (max-width: 900px) {
  html body .shindanFlow li .listTitle {
    flex-direction: column;
    position: relative;
    transform: translateY(25%);
    font-size: 4vw;
    padding: 2rem 1rem;
    min-width: 70%;
    left: 0;
    right: 0;
    margin: auto;
  }
}
html body .shindanFlow li .listTitle:before {
  width: 2em;
  height: 2em;
  content: "";
  margin-right: 1rem;
  display: inline-block;
  background-size: cover;
  background-image: url(../svg/cross.svg);
}
@media (max-width: 900px) {
  html body .shindanFlow li .listTitle:before {
    margin: auto;
    margin-bottom: 0.5rem;
  }
}
html body .shindanFlow li .listTitle span {
  font-size: 125%;
}
html body .shindanFlow li:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2rem;
  left: 6rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 4rem solid transparent;
  border-left: 4rem solid transparent;
  border-top: 4rem solid #499A9F;
  border-bottom: 0;
}
html body .shindanFlow li .inner {
  background-color: #FFFDED;
  border-radius: 1rem;
  padding: 4rem 2rem;
  padding-top: 4rem;
  background-color: #C9E8EA;
}
html body .shindanFlow li .inner .point {
  border-radius: 0.5rem;
  border: 4px solid #B60005;
  color: #B60005;
  background-color: #FEE28B;
  font-size: clamp(32px, 1.1vw, 34px);
  font-weight: bold;
  position: relative;
  padding: 1.5rem 3rem;
  margin-top: 2rem;
}
@media (max-width: 900px) {
  html body .shindanFlow li .inner .point {
    padding: 1.5rem 0;
  }
}
@media (max-width: 767px) {
  html body .shindanFlow li .inner .point {
    font-size: 5vw;
    text-align: center;
  }
}
html body .shindanFlow li .inner .point .float {
  position: absolute;
  background-color: #B60005;
  color: white;
  border-radius: 100rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 10em;
  text-align: center;
  font-size: 80%;
  padding: 0.25rem 2rem;
  right: 2rem;
  bottom: -40%;
}
@media (max-width: 767px) {
  html body .shindanFlow li .inner .point .float {
    bottom: -1em;
    left: 0;
    right: 0;
    margin: auto;
  }
}
html body .shindanFlow li .inner .innerMain {
  display: flex;
  align-items: center;
  padding: 0 0rem;
  justify-content: space-between;
}
@media (max-width: 900px) {
  html body .shindanFlow li .inner .innerMain {
    display: block;
  }
}
html body .shindanFlow li .inner .innerMain .text {
  width: 55%;
  padding-left: 4rem;
}
@media (max-width: 900px) {
  html body .shindanFlow li .inner .innerMain .text {
    padding: 1rem 0;
    width: 100%;
  }
}
html body .shindanFlow li .inner .innerMain .text p {
  font-size: clamp(20px, 1.1vw, 22px);
}
@media (max-width: 767px) {
  html body .shindanFlow li .inner .innerMain .text p {
    text-align: left;
    font-size: clamp(16px, 1.1vw, 18px);
  }
}
html body .shindanFlow li .inner .innerMain figure {
  width: 40%;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 1rem;
}
@media (max-width: 900px) {
  html body .shindanFlow li .inner .innerMain figure {
    padding: 1rem 0;
    width: 100%;
  }
}
html body .shindanFlow li .inner .innerMain figure img {
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
html body #indexSection h1 {
  padding: 2rem 0;
  color: #499A9F;
  text-align: center;
  font-size: clamp(40px, 1.1vw, 38px);
  font-feature-settings: "palt";
  font-weight: bold;
}
html body #indexSection h1 br {
  display: none;
}
@media (max-width: 1100px) {
  html body #indexSection h1 br {
    display: block;
  }
}
@media (max-width: 900px) {
  html body #indexSection h1 {
    font-size: 7.5vw;
  }
}
html body #indexSection h1 span {
  font-size: 60%;
}
html body #indexSection .binderList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html body #indexSection .binderList ul li {
  width: calc(50% - 0.5rem);
  margin: 0.5rem 0;
}
@media (max-width: 1100px) {
  html body #indexSection .binderList ul li {
    width: 100%;
  }
}
html body #indexSection .binderList ul li a {
  transition: all ease 0.5s;
}
@media (min-width: 960px) {
  html body #indexSection .binderList ul li a:hover {
    filter: drop-shadow(2px 4px 6px gray);
  }
}
html body #indexSection .binderList ul li a .binderBlock .inner {
  background-image: url(../img/binderMiddle.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
  padding: 1rem 2rem;
}
html body #indexSection .binderList ul li a .binderBlock .inner figure {
  border: 2px solid #499A9F;
  aspect-ratio: 16/7;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-bottom: 1rem;
}
html body #indexSection .binderList ul li a .binderBlock .inner p {
  margin: 0;
  font-weight: 300;
  text-align: center;
}
html body #indexSection .binderList ul li a .binderBlock .inner .title {
  justify-content: center;
  font-size: clamp(32px, 1.1vw, 34px);
  align-items: center;
  display: flex;
  font-feature-settings: "palt";
  font-weight: bold;
}
@media (max-width: 900px) {
  html body #indexSection .binderList ul li a .binderBlock .inner .title {
    font-size: 5 vw;
  }
}
html body #indexSection .binderList ul li a .binderBlock .inner .title:before {
  background-image: url(../svg/click_cross.svg);
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  margin-right: 0.5rem;
}
html body #indexSection .binderList ul li a .binderBlock .inner .title:after {
  background-image: url(../svg/click_cross.svg);
  width: 1em;
  height: 1em;
  display: inline-block;
  content: "";
  margin-left: 0.5rem;
}
html body #indexSection .binderList ul li a .binderBlock:before {
  content: "";
  background-image: url(../img/binderTop.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  padding-top: 12%;
  display: block;
}
html body #indexSection .binderList ul li a .binderBlock:after {
  content: "";
  background-image: url(../img/binderBottom.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  padding-top: 5%;
  display: block;
}
html body #indexSection .threeOne ul {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  html body #indexSection .threeOne ul {
    display: block;
  }
}
html body #indexSection .threeOne ul li {
  width: calc(33.3333333333% - 0.5rem);
  position: relative;
  padding-top: 2rem;
}
@media (max-width: 1100px) {
  html body #indexSection .threeOne ul li {
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
  }
}
html body #indexSection .threeOne ul li .dog {
  width: 25%;
  border-radius: 100rem;
  border: 5px solid #499A9F;
  position: absolute;
  left: 1rem;
  top: 0;
}
@media (max-width: 1100px) {
  html body #indexSection .threeOne ul li .dog {
    bottom: 0;
    width: 100px;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
  }
}
html body #indexSection .threeOne ul li .inner {
  border-radius: 1rem;
  padding: 2rem;
  padding-top: 4rem;
  background-color: #23B9BD;
  background-color: #2AAFB4;
  background-image: repeating-linear-gradient(45deg, #38B8BC 0, #38B8BC 6px, transparent 6px, transparent 12px);
  border-radius: 1rem;
  color: #fff;
}
@media (max-width: 1100px) {
  html body #indexSection .threeOne ul li .inner {
    padding: 2rem;
    padding-left: 125px;
  }
}
html body #indexSection .threeOne ul li .inner .detail h2 {
  color: #FEE28B;
  font-size: clamp(32px, 1.1vw, 34px);
}
@media (max-width: 900px) {
  html body #indexSection .threeOne ul li .inner .detail h2 {
    font-size: clamp(24px, 1.1vw, 26px);
  }
}
html body #indexSection .threeOne ul li .inner .detail h2 small {
  font-size: 60%;
}
html body #indexSection .threeOne ul li .inner .detail h2 span {
  color: #499A9F;
  background-color: #FEE28B;
  border-radius: 100%;
  font-size: 90%;
  padding: 0.2rem 1rem;
  margin-left: 0.25rem;
}
html body #indexSection .threeOne ul li .inner .detail p {
  line-height: 180%;
  font-size: clamp(14px, 1.1vw, 16px);
  color: white;
  margin-bottom: 0;
}
html body header {
  position: relative;
  background-color: #A2D7DD;
}
html body header.underLayer .headerNav {
  display: none;
}
html body header.underLayer .headerInner {
  max-width: 1680px;
}
html body header.underLayer .headerInner .underNavigation {
  width: 100%;
  max-width: calc(100% - 450px);
}
@media (max-width: 1400px) {
  html body header.underLayer .headerInner .underNavigation {
    max-width: calc(100% - 250px);
  }
}
@media (max-width: 1100px) {
  html body header.underLayer .headerInner .underNavigation {
    max-width: 65%;
  }
}
@media (max-width: 767px) {
  html body header.underLayer .headerInner .underNavigation {
    display: none;
  }
}
html body header.underLayer .headerInner .underNavigation div.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1100px) {
  html body header.underLayer .headerInner .underNavigation div.top {
    justify-content: flex-end;
    flex-direction: column-reverse;
  }
}
html body header.underLayer .headerInner .underNavigation div.top p {
  font-weight: 600;
  font-size: clamp(14px, 1.1vw, 16px);
}
@media (max-width: 1100px) {
  html body header.underLayer .headerInner .underNavigation div.top p {
    text-align: right;
    margin-left: auto;
  }
}
@media (max-width: 1500px) {
  html body header.underLayer .headerInner .underNavigation div.top .centralLogo {
    max-width: calc(100% - 33rem);
  }
}
@media (max-width: 1100px) {
  html body header.underLayer .headerInner .underNavigation div.top .centralLogo {
    max-width: 60%;
    margin-left: auto;
  }
}
html body header.underLayer .headerInner .underNavigation div.top .centralLogo img {
  width: 100%;
  height: auto;
}
html body header.underLayer .headerInner .underNavigation div.bottom ul {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
html body header.underLayer .headerInner .underNavigation div.bottom ul li {
  width: calc(25% - 1rem);
}
@media (max-width: 1100px) {
  html body header.underLayer .headerInner .underNavigation div.bottom ul li {
    margin: 0.25rem 0;
    width: calc(50% - 0.5rem);
  }
}
html body header.underLayer .headerInner .underNavigation div.bottom ul li a {
  text-align: center;
  border-radius: 100rem;
  padding: 0.5rem 0.5rem;
  font-weight: bold;
  background-color: white;
  border: 4px solid #499A9F;
  color: #499A9F;
}
html body header.underLayer .headerInner .underNavigation div.bottom ul li a:hover, html body header.underLayer .headerInner .underNavigation div.bottom ul li a.active {
  background-color: #499A9F;
  color: white;
  border-color: white;
}
html body header.underLayer .headerInner .underNavigation div.bottom ul li a:hover {
  text-decoration: underline;
}
html body header .headerInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  gap: 0 1.5rem;
  padding: 0.8rem 1rem;
}
@media (max-width: 767px) {
  html body header .headerInner {
    padding: 0.6rem 0.5rem;
    gap: 0 0.8rem;
  }
}
html body header .headerInner .text {
  height: 8rem;
  margin-right: auto;
}
@media (max-width: 1100px) {
  html body header .headerInner .text {
    height: 7rem;
  }
}
@media (max-width: 900px) {
  html body header .headerInner .text {
    height: 6rem;
  }
}
@media (max-width: 800px) {
  html body header .headerInner .text {
    height: 5.8rem;
  }
}
@media (max-width: 767px) {
  html body header .headerInner .text {
    display: none;
  }
}
html body header .headerInner .text img {
  height: 100%;
  width: auto;
}
html body header .headerInner .tel {
  margin-left: auto;
  height: 8rem;
}
@media (max-width: 1100px) {
  html body header .headerInner .tel {
    height: 7rem;
  }
}
@media (max-width: 900px) {
  html body header .headerInner .tel {
    height: 6rem;
  }
}
@media (max-width: 800px) {
  html body header .headerInner .tel {
    height: 5.8rem;
  }
}
@media (max-width: 767px) {
  html body header .headerInner .tel {
    display: none;
  }
}
html body header .headerInner .tel img {
  height: 100%;
  width: auto;
}
html body header .headerInner .logo {
  height: 8rem;
}
@media (max-width: 1100px) {
  html body header .headerInner .logo {
    height: 7rem;
  }
}
@media (max-width: 900px) {
  html body header .headerInner .logo {
    height: 6rem;
  }
}
@media (max-width: 800px) {
  html body header .headerInner .logo {
    height: 5.8rem;
  }
}
@media (max-width: 767px) {
  html body header .headerInner .logo {
    margin: 0 auto;
    width: 20rem;
    max-width: 42%;
    height: auto;
  }
}
html body header .headerInner .logo.half {
  width: 50%;
  height: auto;
  padding: 1rem 0;
}
html body header .headerInner .logo.half img {
  width: 100%;
  height: auto;
}
html body header .headerInner .logo img {
  height: 100%;
  width: auto;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
}
@media (max-width: 767px) {
  html body header .headerInner .logo img {
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.4));
  }
}
html body header .headerInner .rightBlock {
  width: 50%;
}
html body header .headerNav {
  width: 100%;
  background-color: #499A9F;
  color: #fff;
  padding: 0.25rem 0;
}
@media (max-width: 767px) {
  html body header .headerNav .pageWidth {
    padding: 0;
  }
}
html body header .headerNav .pageWidth .contactBlock {
  display: none;
}
@media (max-width: 767px) {
  html body header .headerNav .pageWidth .contactBlock {
    display: flex;
    padding: 0 1rem;
  }
}
html body header .headerNav ul {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 767px) {
  html body header .headerNav ul {
    display: block;
  }
}
html body header .headerNav ul li {
  font-weight: 600;
  width: 20%;
  border-left: 1px solid #fff;
}
html body header .headerNav ul li:last-of-type {
  border-right: 1px solid #fff;
}
@media (max-width: 767px) {
  html body header .headerNav ul li {
    width: 100%;
    border-left: none;
    border-right: none;
    border-bottom: 1px dotted #499A9F;
  }
}
html body header .headerNav ul li a {
  width: 100%;
  text-align: center;
  display: block;
  padding: 1rem 0.5rem;
  line-height: 1.3;
  font-size: clamp(16px, 1.1vw, 18px);
}
@media (max-width: 767px) {
  html body header .headerNav ul li a {
    color: #499A9F;
    text-align: left;
    padding-right: 3em;
    position: relative;
  }
  html body header .headerNav ul li a::after {
    position: absolute;
    right: 1.35em;
    content: "";
    width: 0.6em;
    min-width: 0.6em;
    height: 0.6em;
    min-height: 0.6em;
    border-top: solid 2px #499A9F;
    border-right: solid 2px #499A9F;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.4s;
    top: 50%;
  }
  html body header .headerNav ul li a span br {
    display: none;
  }
  html body header .headerNav ul li a:hover::after {
    right: 1em;
  }
}
@media (max-width: 767px) {
  html body header .headerNav {
    display: none;
  }
}
html body header #menu_trigger {
  display: none;
}
html body header .menu_trigger {
  display: none;
}
@media (max-width: 767px) {
  html body header .menu_trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 99;
    transform: translateY(-50%);
    top: 48%;
    right: 0.3rem;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
  }
}
html body header .menu_trigger div {
  position: relative;
  width: 2.5rem;
  height: 2rem;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: all 0.4s;
  box-sizing: border-box;
  z-index: 250;
  transform: scale(0.7);
}
html body header .menu_trigger div span {
  position: absolute;
  left: 0;
  height: 2px;
  background-color: #fff;
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
html body header .menu_trigger div span:first-of-type {
  top: 0;
  width: 100%;
}
html body header .menu_trigger div span:nth-of-type(2) {
  top: 1rem;
  width: 100%;
}
html body header .menu_trigger div span:nth-of-type(2)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  transition: all 0.4s;
}
html body header .menu_trigger div span:last-of-type {
  bottom: 0;
  width: 100%;
}
html body header #menu_trigger:checked + label span:first-of-type {
  transform: translateY(0.95rem) scale(0);
}
html body header #menu_trigger:checked + label span:first-of-type::after {
  background-color: #fff;
}
html body header #menu_trigger:checked + label span:nth-of-type(2) {
  transform: rotate(-45deg);
  width: 100%;
}
html body header #menu_trigger:checked + label span:nth-of-type(2)::after {
  transform: rotate(90deg);
}
html body header #menu_trigger:checked + label span:last-of-type {
  transform: translateY(-0.95rem) scale(0);
}
html body header #menu_trigger:checked + label span:last-of-type::after {
  background-color: #fff;
}
@media (max-width: 767px) {
  html body header #menu_trigger:checked ~ .headerNav {
    display: block;
    position: absolute;
    top: 99.5%;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    padding: 0 0 1rem 0;
    z-index: 20;
  }
}
html body footer.centralFooter {
  padding: 4rem 0;
}
html body footer.centralFooter .logo {
  max-width: 450px;
  margin: auto;
}
html body footer.centralFooter address {
  border-top: 1px solid #333;
  text-align: center;
  margin-top: 4rem;
  padding: 2rem 1rem;
  padding-bottom: 0;
}
html body footer.centralFooter address p {
  margin: 0.5rem 0;
}
html body footer.centralFooter small {
  text-align: center;
  margin: auto;
  display: block;
  margin-top: 2rem;
}
html body footer.sozokuFooter {
  background-color: #A2D7DD;
  color: #333;
  padding: 4rem 0;
}
html body footer.sozokuFooter .pageWidth p {
  margin: 0.25rem 0;
}
html body footer.sozokuFooter .pageWidth small {
  display: flex;
  align-items: center;
  justify-content: center;
}
html body footer.sozokuFooter .pageWidth small a:hover {
  text-decoration: underline;
}
html body footer.sozokuFooter .pageWidth ul {
  margin: 3rem 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  html body footer.sozokuFooter .pageWidth ul {
    display: block;
  }
}
html body footer.sozokuFooter .pageWidth ul li {
  display: flex;
}
html body footer.sozokuFooter .pageWidth ul li:before {
  margin: 0 1.4rem;
  content: "";
  border-right: 1px solid #333;
}
@media (max-width: 767px) {
  html body footer.sozokuFooter .pageWidth ul li:before {
    display: none;
  }
}
html body footer.sozokuFooter .pageWidth ul li:first-of-type::before {
  display: none;
}
@media (max-width: 767px) {
  html body footer.sozokuFooter .pageWidth ul li a {
    margin: 0.5rem 0;
    padding: 1rem;
    border-radius: 10rem;
    width: 100%;
    text-align: center;
    background-color: white;
  }
}
html body footer.sozokuFooter .pageWidth ul li a:hover {
  text-decoration: underline;
}
html body footer.sozokuFooter .pageWidth .logo {
  display: flex;
  max-width: 450px;
  width: 100%;
  margin: auto;
  justify-content: center;
}
html body footer.sozokuFooter .pageWidth .logo img {
  filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 0px 5px);
}
html body footer.sozokuFooter .pageWidth address {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
}
html body footer.sozokuFooter .pageWidth address p a {
  color: #fff;
  text-decoration: none;
}
html body a.arrow.arrow span {
  display: inline-block;
  padding-right: 1em;
  position: relative;
  font-weight: 600;
}
html body a.arrow.arrow span::after {
  position: absolute;
  right: 0.2em;
  content: "";
  width: 0.6em;
  min-width: 0.6em;
  height: 0.6em;
  min-height: 0.6em;
  border-top: solid 2px #FEEDF4;
  border-right: solid 2px #FEEDF4;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.4s;
  top: 50%;
}
html body a.arrow.arrow:hover span::after {
  right: 0;
}
html body .contents {
  padding: 3rem 0 0 0;
}
html body .a_btn {
  margin: 2rem 0 0 0;
  display: flex;
  justify-content: center;
  gap: 1rem 1.5rem;
  flex-wrap: wrap;
}
html body .a_btn.jumpBlock {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 900px) {
  html body .a_btn.jumpBlock {
    grid-template-columns: repeat(2, 1fr);
  }
}
html body .a_btn.jumpBlock {
  gap: 1rem;
  padding-bottom: 3rem;
}
html body .a_btn.jumpBlock .btn {
  width: 100%;
  max-width: inherit;
  border-radius: 0;
  font-size: clamp(16px, 1.1vw, 18px);
  padding: 0.9rem 0.5rem 1rem 0.5rem;
}
@media (max-width: 900px) {
  html body .a_btn.jumpBlock .btn {
    font-size: clamp(14px, 1.1vw, 16px);
  }
}
html body .a_btn.center {
  justify-content: center;
}
html body .a_btn.right {
  justify-content: flex-end;
}
html body .a_btn.left {
  justify-content: flex-start;
}
html body .a_btn .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #FFFEEF;
  border: 2px solid #B60005;
  color: #B60005;
  border-radius: 0.5rem;
  padding: 1rem 0.5rem 1rem 0.5rem;
  width: 100%;
  max-width: 35rem;
  font-weight: 600;
  font-size: clamp(20px, 1.1vw, 22px);
  transition: all 0.4s;
  gap: 0.5rem;
}
html body .a_btn .btn.yellow {
  background-color: #FEE28B;
}
html body .a_btn .btn.pink {
  background-color: #FDEEF4;
}
html body .a_btn .btn.cream {
  background-color: #FFFDED;
}
html body .a_btn .btn img.icon {
  width: 3.5rem;
  min-width: 3.5rem;
  height: auto;
}
@media (max-width: 767px) {
  html body .a_btn .btn {
    font-size: clamp(14px, 1.1vw, 16px);
    max-width: 90vw;
    padding: 0.9rem 0.5rem 1rem 0.5rem;
  }
}
html body .a_btn .btn span {
  display: inline-block;
}
html body .pagination {
  margin: 2rem 0 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
html body .pagination .page-numbers {
  display: flex;
  flex-wrap: wrap;
}
html body .pagination span, html body .pagination a {
  width: 3.5em;
  height: 3.5em;
  min-width: 3.5em;
  min-height: 3.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  background-color: #F4F4F4;
  border-radius: 20rem;
  font-weight: 600;
  border: 1px solid #FEEDF4;
  color: #FEEDF4;
}
html body .pagination a {
  color: #fff;
  background-color: #FEEDF4;
}
html body .pagination a.next::after {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  width: 0.8em;
  height: 0.8em;
  min-width: 0.8em;
  min-height: 0.8em;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
html body .pagination a.prev::after {
  content: "";
  display: inline-block;
  margin-left: 0.25rem;
  width: 0.8em;
  height: 0.8em;
  min-width: 0.8em;
  min-height: 0.8em;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(-135deg);
}/*# sourceMappingURL=contents.css.map */