@charset "UTF-8";

/* ===== ===== =====
    下層共通
===== ===== ===== */
main.underpage .wrapper {
  max-width: var(--contents_default_wide_12);
}

main.underpage .box_parallax {
  overflow: hidden;
  position: relative;
}

main.underpage .box_parallax .breadcrumbs {
  align-items: center;
  background-color: #fff;
  border-radius: 5rem;
  display: flex;
  justify-content: center;
  margin: 1.5rem 0 0 1.5rem;
  opacity: .8;
  padding-left: 1rem;
  position: absolute;
  z-index: 49;
}

main.underpage .box_parallax .breadcrumbs>span {
  font-size: 1.4rem;
  line-height: 1;
  padding: .5rem 3rem .5rem 1rem;
  position: relative;
  font-family: "ZenKakuGothicNew-Regular";
  color: #000;
}

main.underpage .box_parallax .breadcrumbs>span::after {
  background-image: url(../image/breadcrumbs_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.4rem;
}

main.underpage .box_parallax .breadcrumbs>span:last-child:after {
  display: none;
}

main.underpage .box_parallax .breadcrumbs a {
  text-decoration: none;
}

main.underpage .box_parallax .breadcrumbs a:hover {
  text-decoration: underline;
}

main.underpage .box_parallax .parallax_content {
  align-items: flex-start;
  /* background-attachment: fixed; */
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: inset 0 12px 10px -8px rgb(44 44 44 / 5%);
  color: #fff;
  display: flex;
  justify-content: center;
  padding-bottom: 22%;
  position: relative;
  width: 100vw;
}

/*  */
main.about .about_chapter03 .box_parallax .parallax_content {
  background-size: 120%;
  background-position-y: -12vw;
}

/*  */

main.underpage>header {
  display: block;
  margin-bottom: 7rem;
  margin-top: -4rem;
  padding: 0 2rem;
  position: relative;
  text-align: center;
  width: 100%;
}

main.underpage>header::after {
  background-image: url(../image/pagetop_img_icon.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 6rem;
  left: 50%;
  margin-bottom: -7rem;
  position: absolute;
  transform: translate(-50%, 0);
  width: 6rem;
}

main.underpage>header h1,
main.underpage>header>.page-title {
  background-color: var(--contents_default_color_sub2);
  border: 1.8rem solid #fff;
  border-radius: 8rem;
  color: #fff;
  display: flex;
  font-size: 4.5rem;
  font-size: clamp(2.2rem, .726rem + 3.15vw, 4.5rem);
  /*font-weight: bold;600*/
  justify-content: center;
  margin: auto;
  max-width: 85rem;
  padding: 2rem 3rem;
  position: relative;
  width: 100%;
}

main.underpage>header h1:before,
main.underpage>header>.page-title:before {
  /* border: 18px solid transparent;
  border-top: 18px solid var(--contents_default_color_sub2);
  bottom: -34px;
  content: "";
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0); */
  border: 20px solid transparent;
  border-top: 22px solid var(--contents_default_color_sub2);
  bottom: -38px;
  content: "";
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
}


@media screen and (min-width: 767px) {
  main.underpage .box_parallax .parallax_content {
    /* background-size: 160vw auto; */
  }
}

@media screen and (max-width: 767px) {
  main.underpage>header {
    margin-top: -2.5rem;
    padding: 0 1rem;
    padding-bottom: .1rem;
  }

  main.underpage>header h1,
  main.underpage>header>.page-title {
    border: .5rem solid #fff;
    margin-bottom: 1rem;
    padding: 1rem 2rem;
  }

  main.underpage .box_parallax .parallax_content {
    /* background-size: initial; */
    min-height: 22rem;
    padding-bottom: initial;
  }

  main.about .about_chapter03 .box_parallax .parallax_content {
    background-size: 105%;
    background-position-y: -5px;
  }

}

/* ===== ===== ===== ===== =====
    contact / お問い合わせ
===== ===== ===== ===== ===== */

.common_inquiry {
  margin-top: 6rem;
}

.common_inquiry .cap {
  color: var(--contents_default_color);
  margin-bottom: 5rem;
}

.common_inquiry img {
  margin-bottom: 2rem;
  margin-top: 2rem;
  max-width: clamp(24rem, 16.84rem + 30.55vw, 53.5rem);
  width: 100%;
}

.common_inquiry .button a {
  letter-spacing: 0.05em;
  align-items: center;
  border-radius: 12rem;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 8rem;
  justify-content: space-between;
  margin: 0;
  max-width: 50rem;
  padding: .5rem 2rem .5rem 2.5rem;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

.common_inquiry .button a span {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-right: 2rem;
}

.common_inquiry .button a span img {
  filter: brightness(0) invert(1);
  margin: 0 .5rem 0 0;
  max-width: 5rem;
}

@media screen and (max-width: 767px) {
  .common_inquiry {
    margin-top: 0;
  }

  .common_inquiry .button a {
    height: 5.6rem;
  }
}

/* ===== ===== =====
    faq.php
===== ===== ===== */

.cate_select_pac {
  margin-bottom: 1.5rem;
  font-size: 1.6rem;
}

.cate_select {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.cate_select>input {
  display: none;
}

.cate_select>label {
  align-items: center;
  background-color: #efefef;
  border-radius: 10rem;
  color: var(--contents_default_color);
  display: flex;
  font-size: clamp(1.3rem, 1.082rem + .93vw, 2.2rem);
  /*font-weight: bold;600*/
  justify-content: center;
  min-height: 7rem;
  padding-left: 5.5rem;
  padding-right: 4rem;
  position: relative;
  min-width: 23rem;
}

/* .cate_select>label::before {
  border-bottom: 3px solid #0073c8;
  border-left: 3px solid #0073c8;
  content: "";
  display: block;
  height: .8rem;
  left: 0;
  margin-left: 3rem;
  position: absolute;
  transform: rotate(-45deg);
  width: .8rem;
} */
.cate_select>label::before {
  content: "";
  display: block;
  background-image: url(../image/icon_faq_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 1.6rem;
  aspect-ratio: 1 / 1;
  left: 0;
  margin-left: 2.6rem;
  position: absolute;
}

.cate_select>input:checked+label {
  background-color: var(--contents_default_color);
  color: #fff;
}

/* .cate_select>input:checked+label::before {
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
} */
.cate_select>input:checked+label::before {
  background-image: url(../image/icon_faq_arrow_w.svg);
}

@media screen and (max-width: 767px) {
  .cate_select>label::before {
    margin-left: 1.5rem;
    background-size: 70%;
  }

}

.targets {
  width: 100%;
}

.targets li {
  font-size: clamp(1.6rem, 1.551rem + .21vw, 1.8rem);
  margin-bottom: 1rem;
}

.cate01 {
  background-color: #b8dbf6;
  border: 1px solid #5abeed;
}

.cate02 {
  background-color: #c8f8d1;
  border: 1px solid #64d994;
}

.cate03 {
  background-color: #fad6d7;
}

.cate04 {
  background-color: #eee;
  border: 1px solid #ccc;
}

[value="All"]:checked~.targets [data-category] {
  display: block;
}

[value="cate01"]:checked~.targets .target:not([data-category~="cate01"]),
[value="cate02"]:checked~.targets .target:not([data-category~="cate02"]),
[value="cate03"]:checked~.targets .target:not([data-category~="cate03"]),
[value="cate04"]:checked~.targets .target:not([data-category~="cate04"]) {
  display: none;
}

.accordion {
  margin: 5rem auto 0;
}

.toggle {
  display: none;
}

.accordion label {
  align-items: center;
  background-color: #efefef;
  border-radius: 12px;
  /* box-sizing: content-box; */
  cursor: pointer;
  display: grid;
  font-size: 1.8rem;
  grid-auto-flow: column;
  min-height: 7rem;
  height: 100%;
  line-height: 1.2;
  overflow: hidden;
  padding: 1.5rem 6rem 1.5rem 9rem;
  position: relative;
  text-align: left;
  color: #7D7D7D;
  justify-items: stretch;
  justify-content: start;
}

.accordion label span {
  /*font-weight: bold;600*/
  padding: .2rem .2rem .2rem 0;
}

.accordion label::before {
  background-color: var(--contents_default_color);
  background-image: url(../image/icon_q.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 36%;
  content: "";
  flex-shrink: 0;
  height: 100%;
  margin-right: 2rem;
  width: 7rem;
  position: absolute;
}

.accordion label:nth-of-type(1) {
  margin-top: 0;
}

.accordion div {
  display: grid;
  font-size: 1.8rem;
  line-height: 2.11;
  list-style: none;
  grid-auto-flow: column;
  grid-template-columns: 8rem 1fr;
  margin: 0;
  text-align: left;
  align-items: flex-start;
}

.accordion div::before {
  background-image: url(../image/icon_a.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  flex-shrink: 0;
  height: 3rem;
  margin-right: 2rem;
  margin-top: .6rem;
  width: 7rem;
}

.accordion div::before {
  margin-top: 2rem;
}

.accordion div p {
  padding: 1.5rem 1rem 2rem 1rem;
  color: #7D7D7D;
}

.toggle+label::after {
  background-image: url(../image/icon_accordion_cl.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  content: "";
  position: absolute;
  right: 2.6rem;
  width: 2rem;
  aspect-ratio: 1 / 1;
}

.toggle:checked+label::after {
  content: "";
  background-image: url(../image/icon_accordion_op.svg);
}

.toggle+label+div {
  max-height: 0;
  overflow: hidden;
  transition: all .3s ease;
}

.toggle:checked+label+div {
  max-height: 50rem;
  transition: all .5s ease-in;
}

@media screen and (max-width: 767px) {
  .accordion div {
    font-size: 1.6rem;
    line-height: 2.38;
  }

  .cate_select>label {
    display: inline-flex;
    max-width: initial;
    min-height: 3.6rem;
    padding-left: 3.5rem;
    padding-right: 2rem;
    width: initial;
    min-width: initial;
  }

  /*  */
  .accordion {
    margin-bottom: 4rem;
  }

  .accordion div::before {
    background-size: 36%;
  }

  .accordion div p {
    padding: 1.5rem 1rem 4rem 1rem;
  }

  .accordion p::before {
    margin: 0 1.5rem 0 1rem;
  }

  .toggle:checked+label+p {
    max-height: 30rem;
  }
}

/* ===== ===== ===== ===== =====
    about / アクシスウォーターの紹介
===== ===== ===== ===== ===== */
main.about {
  color: #666;
}

main.about .about_header .parallax_content {
  display: flex;
  background-image: url(../image/about_kv.jpg);
  background-position: right 24% top;
  background-size: cover;
  justify-content: center;
  min-height: 60.5vw;
  padding-bottom: initial;
  align-items: center;
}

main.about .about_header .parallax_content>.sp {
  display: none;
  width: 100%;
}

/*  */
main.about .about_header {
  position: relative;
}

main.about .about_header section {
  color: #666;
  margin: 10rem 0 18vw 45vw;
}

main.about .about_header section>header p {
  color: var(--contents_default_color);
  font-size: 1.8rem;
  /*font-weight: bold;600*/
  letter-spacing: .2rem;
}

main.about .about_header section>header h1 {
  font-size: clamp(2.6rem, 1.382rem + 2.6vw, 4.5rem);
  letter-spacing: .15em;
  line-height: 1.56;
  margin-top: clamp(1.5rem, 1.179rem + .68vw, 2rem);
}

main.about .about_header section>p {
  font-size: clamp(1.7rem, 1.636rem + .14vw, 1.8rem);
  /*font-weight: bold;600*/
  line-height: 2.22;
  margin-top: clamp(4rem, 2.077rem + 4.1vw, 7rem);
}

@media screen and (max-width: 1024px) {
  main.about .about_header .parallax_content {
    background-image: none;
    flex-direction: column;
  }

  main.about .about_header .parallax_content>.sp {
    display: initial;
  }

  main.about .about_header section {
    margin: 10rem 2rem 0;
    width: 100%;
  }

  main.about .about_header section>header {
    text-align: center;
  }

  main.about .about_header section>p {
    margin: 4rem 8vw 0;
    text-align: center;
  }
}

/*  */
main.about .about_chapter01 {
  margin-top: 6rem;
  position: relative;
}

main.about .about_chapter01>div {
  /* align-items: flex-end; */
  align-items: center;
  background-image: url(../image/about_chapter01_backimg01.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: initial;
  display: flex;
  justify-content: flex-start;
  min-height: 78vw;
}

main.about .about_chapter01 section {
  color: #666;
  margin: 20vw 0 0 55.8vw;
  padding-left: 10.7rem;
  text-shadow: 1px 1px 0 #ffffff70, -1px -1px 0 #ffffff70, -1px 1px 0 #ffffff70, 1px -1px 0 #ffffff70, 0 1px 0 #ffffff70, 0 -1px 0 #ffffff70, -1px 0 0 #ffffff70, 1px 0 0 #ffffff70;
}

@media screen and (max-width: 1088px) {
  main.about .about_chapter01 section {
    margin: 0 0 4vw 40vw;
  }
}

main.about .about_chapter01 section>header p {
  color: var(--contents_default_color);
  font-size: 1.8rem;
  /*font-weight: bold;900*/
  letter-spacing: .2rem;
}

main.about .about_chapter01 section>header h2 {
  font-size: clamp(2.6rem, 1.571rem + 1.61vw, 3.5rem);
  letter-spacing: .6rem;
  line-height: 1.4;
  margin-top: 1rem;
}

main.about .about_chapter01 section>p {
  font-size: clamp(1.7rem, 1.636rem + .14vw, 1.8rem);
  /*font-weight: bold;400*/
  line-height: 2.11;
  margin-top: 3rem;
  font-family: "ZenKakuGothicNew-Medium";
  font-weight: normal;
}

main.about .about_chapter01 section .br {
  display: none;
}

@media screen and (max-width: 1500px) {
  main.about .about_chapter01 section .br {
    display: initial;
  }
}

main.about .about_chapter01 .about_chapter01_cap {
  font-size: clamp(2rem, 1.359rem + 1.37vw, 3rem);
  /*font-weight: bold;600*/
}

main.about .about_chapter02 {
  background-color: var(--contents_default_color_sub1);
  margin-top: 6rem;
  padding: 6rem 2vw;
}

main.about .about_chapter02 .wrapper {
  align-items: flex-start;
  align-items: center;
  display: flex;
  gap: 4vw;
  justify-content: space-between;
}

main.about .about_chapter02 section {
  color: #666;
  text-align: left;
  width: 60rem;
}

main.about .about_chapter02 section>header p {
  color: var(--contents_default_color);
  font-size: 1.8rem;
  /*font-weight: bold;900*/
  letter-spacing: .2rem;
}

main.about .about_chapter02 section>header h2 {
  font-size: clamp(2.6rem, 1.571rem + 1.61vw, 3.5rem);
  letter-spacing: 0.15em;
  line-height: 1.56;
  margin-top: 1rem;
  /*font-weight: bold;600*/
}

main.about .about_chapter02 section>p {
  font-size: clamp(1.7rem, 1.636rem + .14vw, 1.8rem);
  /*font-weight: bold;400*/
  line-height: 2.11;
  margin-top: 3rem;
  letter-spacing: 0.05em;
  font-family: "ZenKakuGothicNew-Medium";
  font-weight: normal;
}

main.about .about_chapter02 .about_chapter02_cap {
  font-size: clamp(2rem, 1.359rem + 1.37vw, 3rem);
  /*font-weight: bold;600*/
  letter-spacing: 0.05em;
  line-height: 1.67;
  margin-top: 6rem;
}

main.about .about_chapter02 figure {
  border-radius: 16px;
  max-width: 42rem;
  max-width: 51rem;
  overflow: hidden;
  width: 100%;
}

/*  */
main.about .about_chapter03 {
  padding-bottom: 6rem;
  overflow: hidden;
}

main.about .about_chapter03 .parallax_content {
  background-image: url(../image/about_chapter03_prallax_img.jpg);
  min-height: 44.5vw;
}

main.about .about_chapter03 .top_img01 {
  margin-top: -7vw;
  max-width: initial;
  position: relative;
  width: 100%;
  z-index: 49;
}

main.about .about_chapter03 .wrapper>section>header {
  margin-bottom: 10rem;
  letter-spacing: 3px;
}

main.about .about_chapter03 .wrapper>section>header p {
  font-size: clamp(2.5rem, 1.218rem + 2.74vw, 4.5rem);
}

main.about .about_chapter03 .wrapper>section>header h2 {
  color: var(--contents_default_color);
  font-size: clamp(2.5rem, 1.218rem + 2.74vw, 4.5rem);
  margin-top: 10px;
  letter-spacing: 2px;
}

main.about .about_chapter03 .wrapper>section>header h2 strong {
  font-size: 180%;
}

@media screen and (min-width: 767px) {
  main.about .about_chapter03 .parallax_content {
    background-size: cover;
  }
}

@media screen and (max-width: 767px) {
  main.about .about_header section {
    margin-left: 0;
    margin-right: 0;
  }

  main.about .about_chapter03 .wrapper>section>header {
    margin-bottom: 2rem;
  }

  main.about .about_chapter03 .top_img01 {
    margin-top: -7vw;
    max-width: initial;
    position: relative;
    width: 170%;
    margin-left: -12rem;
    z-index: 49;
  }
}

/*  */

.about_list_point>article {
  align-items: flex-start;
  display: flex;
  justify-content: flex-end;
  position: relative;
  gap: 3.4vw;
  padding: 0 1.2vw;
}

.about_list_point article>div {
  width: 52.6rem;
}

.about_list_point>article>div>header {
  align-items: center;
  display: flex;
  gap: 4rem;
  justify-content: center;
}

.about_list_point>article>div>header h3 {
  align-items: center;
  background-color: var(--contents_default_color);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: clamp(2rem, 1.679rem + .68vw, 2.5rem);
  height: clamp(10.7rem, 9.546rem + 2.46vw, 12.5rem);
  justify-content: center;
  line-height: 1;
  width: clamp(10.7rem, 9.546rem + 2.46vw, 12.5rem);
}

.about_list_point>article>div>header p.per {
  cursor: pointer;
  align-items: center;
  border: 1px solid var(--contents_default_color);
  border-radius: 50%;
  color: var(--contents_default_color);
  display: flex;
  font-size: 2rem;
  height: 4rem;
  justify-content: center;
  line-height: 1;
  width: 4rem;
  background-image: url(../image/icon_arrow.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60%;
  transform: rotate(180deg);
}

.about_list_point>article>div>header p.nex {
  cursor: pointer;
  align-items: center;
  border: 1px solid var(--contents_default_color);
  border-radius: 50%;
  color: var(--contents_default_color);
  display: flex;
  font-size: 2rem;
  height: 4rem;
  justify-content: center;
  line-height: 1;
  width: 4rem;
  background-image: url(../image/icon_arrow.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60%;
}

.about_list_point>article>div p.link {
  color: var(--contents_default_color);
}

.about_list_point>article section {
  font-size: 1.8rem;
  letter-spacing: .05em;
}

.about_list_point>article section>header>h4 {
  font-size: clamp(2rem, 1.744rem + .55vw, 2.4rem);
  line-height: 2.08;
  margin-top: 1rem;
  color: #7D7D7D;
}

.about_list_point>article section>header {
  margin: 3rem 0 4rem;
}

.about_list_point>article section>header p {
  color: var(--contents_default_color);
  font-size: clamp(3rem, 1.1rem + 2.50vw, 4.5rem);
  font-family: "ZenKakuGothicNew-Medium";
  font-weight: 400;
}

.about_list_point>article section>header h2 {
  color: var(--contents_default_color);
  font-size: clamp(2.5rem, 1.218rem + 2.74vw, 4.5rem);
}

.about_list_point>article section>p {
  /*font-weight: bold;400*/
  line-height: 2.11;
  text-align: left;
  color: #7D7D7D;
  font-family: "ZenKakuGothicNew-Medium";
  font-weight: normal;
}

.about_list_point>article>figure {
  aspect-ratio: 146 / 127;
  border-radius: 12px;
  border-radius: 26px;
  overflow: hidden;
  position: relative;
  width: 73rem;
}

.about_list_point>article>figure img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

@media screen and (max-width: 767px) {
  .about_list_point>article {
    flex-direction: column-reverse;
    gap: 6.5vw;
  }

  .about_list_point article>div {
    width: initial;
  }

  .about_list_point>article>figure {
    width: 100%;
  }

  .about_list_point>article>figure img {
    max-width: initial;
    width: 100%;
  }

  main.about .about_chapter02 section>p {
    margin: 4rem 8vw 1rem;
    text-align: left;
    width: initial;
    letter-spacing: 0.01em;
  }

  .about_list_point>article section>header {
    margin: 1rem 0 2rem;
  }

  .about_list_point>article section p {
    margin: 1rem 8vw;
  }
}

/*  */
.about_connection_link {
  align-items: center;
  background-color: var(--contents_default_color);
  display: flex;
  margin-bottom: 10rem;
  max-height: 65rem;
  height: 100%;
  overflow: hidden;
}

.about_connection_link figure {
  max-width: 60vw;
  width: 100%;
  position: relative;
  /* overflow: hidden; */
  text-align: right;
  /* height: 100%; */
  aspect-ratio: 1 / 0.75;
  margin-right: 2rem;
}

.about_connection_link figure>img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about_connection_link ul {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: calc(100% - 60vw);
}

.about_connection_link ul li {
  /* padding-left: 5rem; */
  width: 75%;
  text-align: center;
}

.about_connection_link ul li:nth-of-type(1) {
  border-bottom: 1px solid #fff;
}

.about_connection_link ul li a {
  align-items: flex-end;
  color: #fff;
  display: inline-flex;
  flex-direction: row;
  gap: 3.4rem;
  justify-content: center;
  padding: 4rem 0 4rem;
  text-decoration: none;
  white-space: nowrap;
}

.about_connection_link ul li a img {
  margin-bottom: 1rem;
  max-width: 5rem;
  width: 100%;
}

.about_connection_link ul li a span {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: clamp(1.7rem, 1.579rem + .52vw, 2.2rem);
  /*font-weight: bold;900*/
  margin-bottom: .4rem;
  min-width: 16rem;
}

.about_connection_link ul li a::after {
  background-color: #fff;
  background-image: url(../image/icon_arrow.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 50%;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: 4rem;
  width: 4rem;
}

@media screen and (max-width: 767px) {
  main.about .about_chapter01 {
    margin: 3rem 0;
  }

  main.about .about_chapter01 .img_no01 {
    margin-left: 0;
    margin-right: auto;
    max-width: 95vw;
  }

  main.about .about_chapter01 .img_no02 {
    margin-left: auto;
    margin-right: auto;
    max-width: 95vw;
  }

  main.about .about_chapter01 section {
    margin: 10rem 2rem 6rem;
    padding-left: 0;
  }

  main.about .about_chapter01 section>header {
    text-align: center;
  }

  main.about .about_chapter01 section p {
    margin: 4rem 8vw 1rem;
  }

  main.about .about_chapter01 .about_chapter01_cap {
    margin: 4rem 8vw 2rem;
  }

  main.about .about_chapter01>div {
    background-image: none;
    background-repeat: no-repeat;
    flex-direction: column;
    justify-content: center;
  }

  /*  */
  main.about .about_chapter02 {
    margin-top: 10rem;
    padding: 4rem 0 2rem;
  }

  main.about .about_chapter02 section {
    margin: initial;
    text-align: center;
    width: initial;
  }

  main.about .about_chapter02 section>header {}

  main.about .about_chapter02 section>header h2 {
    letter-spacing: .4rem;
  }

  main.about .about_chapter02 .wrapper {
    flex-direction: column;
  }

  main.about .about_chapter02 figure {
    margin-top: 5rem;
  }

  main.about .about_chapter02 .about_chapter02_cap {
    margin: 4rem 8vw 2rem;
    text-align: left;
  }

  main.about .about_chapter03 .parallax_content {
    background-attachment: local;
    background-image: url(../image/about_chapter03_prallax_img_sp.jpg);
    background-position: center;
    background-size: 100%;
    min-height: 23rem;
    /*34rem*/
    background-size: cover;
  }

  /*  */
  .about_connection_link {
    flex-direction: column;
    margin-bottom: 10rem;
  }

  .about_connection_link figure {
    max-width: initial;
    overflow: hidden;
    margin-right: 0;
    aspect-ratio: 1 / .575;
  }

  .about_connection_link figure>img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }

  .about_connection_link ul {
    margin: 2rem 0;
    width: 100%;
  }
  .about_connection_link ul li {
    width: 68%;}
  .about_connection_link ul li a {
    gap: 1.4rem;
    padding: 3rem 0rem 3rem 3rem;
  }
}

/* ===== ===== ===== ===== =====
    voice / お客様の声
===== ===== ===== ===== ===== */

.voicelink {
  display: flex;
  gap: 3rem;
  margin: auto;
  margin-bottom: 5rem;
  width: 80%;
}

.voicelink li {
  height: 10rem;
  margin-bottom: 1rem;
  width: 33.33%;
}

.voicelink li a {
  align-items: center;
  border-radius: 1rem;
  color: #fff;
  display: flex;
  font-size: clamp(1.8rem, 1.654rem + .62vw, 2.4rem);
  /*font-weight: bold;600*/
  gap: .8rem;
  height: 100%;
  justify-content: center;
  padding: 2rem;
  position: relative;
  text-decoration: none;
  z-index: 49;
  letter-spacing: 0.05em;
}

.voicelink li a::before {
  border: 10px solid transparent;
  bottom: -1.8rem;
  content: "";
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  z-index: 48;
}

.voicelink li a>i {
  align-items: center;
  border: 3px solid #fff;
  border-radius: 50%;
  display: flex;
  aspect-ratio: 1 / 1;
  justify-content: center;
  margin-bottom: -.4rem;
  width: 2.6rem;
}

.voicelink li a>i::before {
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  content: "";
  display: block;
  height: 1rem;
  margin-top: -.5rem;
  transform: rotate(-45deg);
  width: 1rem;
  border-radius: 2px;
}

.voicelink li:nth-last-of-type(1) a>i {
  border: 3px solid #666;
}

.voicelink li:nth-last-of-type(1) a>i::before {
  border-bottom: 3px solid #666;
  border-left: 3px solid #666;
}

.voicelink li:nth-of-type(1) a {
  background-color: var(--contents_default_color);
}

.voicelink li:nth-of-type(1) a:before {
  border-top: 10px solid var(--contents_default_color);
}

.voicelink li:nth-of-type(2) a {
  background-color: var(--contents_default_color_sub2);
}

.voicelink li:nth-of-type(2) a:before {
  border-top: 10px solid var(--contents_default_color_sub2);
}

.voicelink li:nth-of-type(3) a {
  background-color: var(--contents_default_color_sub4);
  color: #666;
}

.voicelink li:nth-of-type(3) a:before {
  border-top: 10px solid var(--contents_default_color_sub4);
}

@media screen and (max-width: 767px) {
  .voicelink li a>i {
    align-items: flex-start;
    border: 3px solid #fff;
    border-radius: 50%;
    display: flex;
    aspect-ratio: 1 / .7;
    justify-content: center;
    margin-bottom: -.4rem;
    width: 2.6rem;
  }
}

/*  */
.box_voice {
  margin-bottom: 10rem;
}

.box_voice>header {
  border-radius: 1rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.box_voice:nth-of-type(1)>header {
  background-color: var(--contents_default_color);
  margin-top: 0;
}

.box_voice:nth-of-type(2)>header {
  background-color: var(--contents_default_color_sub2);
}

.box_voice:nth-of-type(3)>header {
  background-color: var(--contents_default_color_sub4);
}

.box_voice:nth-of-type(3)>header h2 {
  color: #666;
}

.box_voice>header h2 {
  color: #fff;
  font-size: clamp(2.2rem, 2.006rem + .83vw, 3rem);
  padding: 2rem;
}

/*  */

.voice_list li {
  border-radius: 3rem;
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  padding: 4rem 5rem;
}

#plink01 .voice_list li {
  background-color: #ddf7ff;
}

#plink02 .voice_list li {
  background-color: #f8f8f8;
}

#plink03 .voice_list li {
  background-color: #f5fde8;
}

.voice_list li>header {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  margin-left: 16rem;
  text-align: left;
}

.voice_list li>header span {
  border-radius: 2rem;
  color: #fff;
  font-size: clamp(1.8rem, 1.751rem + .21vw, 2rem);
  /*font-weight: bold;900*/
  margin-bottom: 1.5rem;
  margin-right: 1.5vw;
  padding: .8rem 2vw;
}

#plink01 .voice_list li>header span {
  background-color: var(--contents_default_color);
}

#plink02 .voice_list li>header span {
  background-color: var(--contents_default_color_sub2);
}

#plink03 .voice_list li>header span {
  background-color: var(--contents_default_color_sub4);
  color: #666;
}

.voice_list li>header h3 {
  color: var(--contents_default_color);
  font-size: clamp(2.2rem, 1.668rem + 1.11vw, 3rem);
  /*font-weight: bold;600*/
  letter-spacing: .05em;
  line-height: 1.45;
}

#plink01 .voice_list li>header h3 {
  color: var(--contents_default_color);
}

#plink02 .voice_list li>header h3 {
  color: var(--contents_default_color_sub2);
}

#plink03 .voice_list li>header h3 {
  color: #666;
}

.voice_list li>div {
  display: flex;
}

.voice_list li>div figure {
  margin-right: 4rem;
  max-width: 12rem;
  width: 100%;
}

.voice_list li>div>div {
  display: flex;
  flex-wrap: wrap;
  max-width: 93rem;
  width: 100%;
  gap: 0 .8rem;
}

.voice_list li>div>div dl {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.voice_list li>div>div dl dt {
  border-radius: 2rem;
  flex-shrink: 0;
  /*font-weight: bold;400*/
  margin: .5rem 1rem .5rem .5rem;
  padding: .2rem 2rem;
}

#plink01 .voice_list li>div>div dl dt {
  border: 1px solid var(--contents_default_color);
  color: var(--contents_default_color);
}

#plink02 .voice_list li>div>div dl dt {
  border: 1px solid var(--contents_default_color_sub2);
  color: var(--contents_default_color_sub2);
}

#plink03 .voice_list li>div>div dl dt {
  border: 1px solid var(--contents_default_color_sub4);
  color: #666;
}

.voice_list li>div>div dl dd {
  margin: .5rem 1.5rem .5rem .2rem;
  text-align: left;
  /* font-weight: bold; */
}

.voice_list li>div>div p {
  display: block;
  font-size: 1.8rem;
  /*font-weight: bold;500*/
  letter-spacing: .05em;
  line-height: 1.83;
  margin-top: 2rem;
  text-align: left;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .voicelink {
    gap: 1.5rem;
    width: 100%;
    margin-bottom: 1rem;
  }

  .voicelink li {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: 7.6rem;
  }

  .voicelink li a {
    font-size: 1.8rem;
    line-height: 1.1;
    position: relative;
    padding-top: .2rem;
  }

  .voicelink li a>i {
    border: none !important;
    bottom: .4rem;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0);
  }

  .voicelink li a:before {
    border-top: none !important;
  }

  .voice_list li {
    flex-direction: column;
    padding: 3rem 3.5rem 4rem;
  }

  .voice_list li>header {
    flex-wrap: wrap;
    margin-left: 0;
  }

  .voice_list li>header span {
    margin-bottom: 2.5rem;
    padding: .5rem 1.5rem;
    text-align: center;
    width: 100%;
    margin-right: 0;
  }

  .voice_list li>div {
    flex-direction: column;
  }

  .voice_list li>div figure {
    margin-bottom: 1.5rem;
    margin-right: 0;
    max-width: initial;
    padding: 0 24.8vw;
  }

  .voice_list li>div>div dl {
    align-content: center;
    flex-wrap: wrap;
    font-size: 1.6rem;
  }

  .voice_list li>div>div dl dt {
    margin-left: 0;
    min-width: 14.5rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    margin-right: .5rem;
  }

  .voice_list li>div>div dl dd {
    margin-right: 0;
  }

  .box_voice>header h2 {
    padding: 1.2rem;
  }
}

/*  */

.box_voicelink {
  margin-top: 8rem;
}

.box_voicelink .wrapper {
  max-width: var(--contents_default_wide_L);
}

.box_voicelink>img {
  margin-bottom: 2rem;
  max-width: 50rem;
  width: 100%;
}

.box_voicelink ul {
  background-color: var(--contents_default_color);
  border-radius: 1.5rem;
  display: flex;
  margin: auto;
  padding: 1.5rem;
}

.box_voicelink ul li {
  border-left: 1px solid #fff;
  margin: .5rem 0;
  width: 100%;
}

.box_voicelink ul li:nth-of-type(1) {
  border-left: none;
  border-top: none;
}

.box_voicelink ul li a {
  align-items: center;
  background-color: var(--contents_default_color);
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 2rem 1rem;
  text-decoration: none;
  width: 100%;
}

.box_voicelink ul li:nth-of-type(1) a {
  border-radius: 1.5rem 0 0 1.5rem;
}

.box_voicelink ul li:nth-last-of-type(1) a {
  border-radius: 0 1.5rem 1.5rem 0;
}

.box_voicelink ul li a img {
  filter: brightness(0) invert(1);
  max-width: 6rem;
  width: 100%;
}

.box_voicelink ul li a span {
  align-items: center;
  display: flex;
  font-size: clamp(2rem, 1.951rem + .21vw, 2.2rem);
  /*font-weight: bold;900*/
  margin-top: .2em;
}

.box_voicelink ul li a span::after {
  background-color: #fff;
  background-image: url(../image/icon_arrow.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 50%;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: 4rem;
  margin-left: 1.5rem;
  margin-right: -4rem;
  width: 4rem;
}

@media screen and (max-width: 767px) {
  .box_voicelink ul {
    align-items: center;
    flex-direction: column;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .box_voicelink ul li {
    border: none;
    border-top: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: .5rem 0;
  }

  .box_voicelink ul li:nth-of-type(1) a {
    border-radius: 1.5rem;
  }

  .box_voicelink ul li:nth-last-of-type(1) a {
    border-radius: 1.5rem;
  }
}

/* ===== ===== ===== ===== =====
    archive-area / 対応エリア
===== ===== ===== ===== ===== */

/* ===== =====
　個々のリンク位置決めは、呼び出し画像PHP内に分離
====== =====*/

.area_map_img figcaption {
  font-size: clamp(2.2rem, 2.006rem + .83vw, 3rem);
  /*font-weight: bold;600*/
  line-height: 1.3;
  margin: 2rem 0 3rem;
  padding-left: 3rem;
  text-align: left;
  text-indent: -1.6rem;
  color: #7D7D7D;
}

.area_map_img figcaption::before {
  color: var(--contents_default_color_sub2);
  content: "●";
  display: inline-block;
  margin-right: 1rem;
}

/*  */
.area_map_img .figure_inner.archive {
  margin: 4rem 0 0 0;
}

.area_map_img .figure_inner.archive svg {
  border-radius: 20px;
  background-color: #EFFCFF;
}

.area_map_img .figure_inner {
  position: relative;
}

.area_map_img .figure_inner .sp_plink ul li {
  left: 50%;
  position: absolute;
  top: 50%;
}

.area_map_img .figure_inner .sp_plink ul li a {
  align-items: center;
  background-color: #fff;
  border: 1px solid var(--contents_default_color);
  border-radius: 10rem;
  color: var(--contents_default_color);
  display: block;
  display: flex;
  font-size: clamp(.5rem, .233rem + 1.14vw, 1.6rem);
  /*font-weight: bold;600*/
  justify-content: center;
  line-height: 1.2;
  margin: .2rem;
  padding: .4rem .5rem .4rem 1rem;
  position: relative;
  text-decoration: none;
}

.area_map_img .figure_inner .sp_plink li a::after {
  content: "";
  display: inline-block;
  background-image: url(../image/icon_area_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1rem;
  aspect-ratio: 1 / 1;
  margin-left: .8rem;
  /*
  line-height: 1;
  right: 0;
  top: 50%;
  font-size: 18px;
  margin: 0 .3rem 0 0;
  position: absolute;
  transform: scale(.4, 1.2) translate(0, -50%);
  */
}

/*  */

.area_map {
  margin: 12rem 0;
}

.area_map h2 {
  font-size: clamp(2.2rem, 2.006rem + .83vw, 3rem);
  margin: 1rem 0 2.5rem;
  text-align: left;
  color: #7D7D7D;
}

.area_map .title::before {
  color: var(--contents_default_color_sub2);
  content: "●";
  display: inline-block;
  margin-right: 1rem;
}

.area_map table.style01 {
  width: 100%;
}

.area_map table tr th {
  background-color: var(--contents_default_color_sub2);
  color: #fff;
}

.area_map table tr th,
.area_map table tr td {
  /* padding: 3.11rem 2rem; */
  padding: 1.2rem 2rem;
  line-height: 1.4;
  text-align: left;
  height: 9rem;
}

.area_map table.floor02 tr th {
  border-right: 1px solid #fff;
}

.area_map table.floor02 tr th:nth-last-of-type(1) {
  border-left: none;
}

.area_map table.floor02 tr td {
  border-bottom: 1px solid #7A7A7A;
  border-right: 1px solid #7A7A7A;
  /* font-weight: bold; */
  color: #666666;
}

.area_map table.floor02 tr td:nth-last-of-type(1) {
  border-right: none;
}

.area_map table.floor01 {
  border-top: 1px solid #7A7A7A;
}

.area_map table.floor01 tr th {
  border-bottom: 1px solid #7A7A7A;
}

.area_map table.floor01 tr th:nth-last-of-type(1) {
  border-left: none;
}

.area_map table.floor01 tr td {
  border-bottom: 1px solid #7A7A7A;
}

/*  */

.area_map table.floor01 th,
.area_map table.floor02 th {
  font-size: 1.8rem;
}

.area_map table.floor01 td,
.area_map table.floor02 td {
  font-size: 1.8rem;
}

.area_map table.floor01 a,
.area_map table.floor02 a {
  color: var(--contents_default_color);
  font-size: 1.6rem;
  text-decoration: none;
  /* font-weight: bold; */
}

.area_map table.floor01 a::before,
.area_map table.floor02 a::before {
  content: "";
  display: inline-block;
  margin-right: .3rem;
  background-image: url(../image/icon_area_triangle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  aspect-ratio: 1 / 1.25;
  top: 0;
  line-height: 1;
  margin-bottom: -.3rem;
}

@media screen and (max-width: 767px) {
  .area_map {
    margin: 6rem 0;
  }

  .area_map_img .figure_inner .sp_plink ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: center;
    margin: 3rem 0;
  }

  .area_map_img .figure_inner .sp_plink ul li {
    margin: initial !important;
    position: static;
  }

  .area_map_img .figure_inner .sp_plink ul li a {
    font-size: 1.4rem;
    line-height: 1.2;
    padding: .7rem .5rem .7rem 1rem;
  }

  .area_map table.floor01 th,
  .area_map table.floor02 th {
    font-size: 1.8rem;
  }

  .area_map table.floor01 td,
  .area_map table.floor02 td {
    font-size: 1.8rem;
  }
}

/* ===== ===== ===== ===== =====
    single-area / エリア詳細 [archive-area と基本共用]
===== ===== ===== ===== ===== */

.area_link {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 4rem 0 2rem;
}

.area_link li {
  margin: .5rem 0;
  max-width: 38rem;
  width: 100%;
}

.area_link li.clear-both {
  margin-top: 4rem;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .area_link {
    flex-direction: column;
  }

  .area_link li {
    max-width: 27.6rem;
  }

  .area_link li.clear-both {
    margin-top: 6rem;
    margin-bottom: 4rem;
    max-width: 27.6rem;
  }

}

/*  */
.temp_post .single-caption {
  border: 2px solid #00c8d2;
  border-radius: 5rem;
  color: #666;
  display: block;
  /*font-weight: bold;400*/
  margin: 0 auto 5rem;
  padding: 1rem 4rem;
  text-align: center;
}

/*  */

.category_list ul {
  display: inline-flex;
  margin-top: 2rem;
  gap: .5rem 1rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.category_list ul .cap {
  font-size: 2.2rem;
  /*1.6rem*/
  margin-right: 1rem;
}

/* a.icon_cat.all {
  text-decoration: none;
  display: inline-block;
  border-radius: 5rem;
  padding: .3rem 1.6rem;
  line-height: 1.1;
  font-size: 1.3rem;
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
} */

a.icon_cat.all {
  text-decoration: none;
  display: inline-block;
  border-radius: 5rem;
  line-height: 1.1;
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}

.category-news a.icon_cat.all,
.category-event a.icon_cat.all,
.category-uncategorized a.icon_cat.all {
  text-decoration: none;
  display: inline-block;
  border-radius: 5rem;
  line-height: 1.1;
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
}

a.icon_cat.c1 {
  text-decoration: none;
  background-color: #fff;
  display: inline-block;
  /* font-weight: bold; */
  border-radius: 5rem;
  padding: .3rem 1.6rem;
  line-height: 1.1;
  font-size: 1.3rem;
  border: 1px solid var(--contents_default_color);
  color: var(--contents_default_color);
}

.category-news a.icon_cat.c1 {
  /* text-decoration: none;
  background-color: #fff;
  display: inline-block; */
  /* font-weight: bold; */
  /* border-radius: 5rem;
  padding: .3rem 1.6rem;
  line-height: 1.1;
  font-size: 1.3rem;
  border: 1px solid var(--contents_default_color);
  color: var(--contents_default_color); */
}

a.icon_cat.c9 {
  text-decoration: none;
  background-color: #fff;
  display: inline-block;
  /* font-weight: bold; */
  border-radius: 5rem;
  padding: .3rem 1.6rem;
  line-height: 1.1;
  font-size: 1.3rem;
  border: 1px solid var(--contents_default_color_sub2);
  color: var(--contents_default_color_sub2);
}

.category-event a.icon_cat.c9 {
  text-decoration: none;
  background-color: var(--contents_default_color_sub2);
  display: inline-block;
  border-radius: 5rem;
  line-height: 1.1;
  border: 1px solid var(--contents_default_color_sub2);
  color: #fff
}

a.icon_cat[href$="/./event/"] {
  text-decoration: none;
  background-color: #fff;
  display: inline-block;
  border-radius: 5rem;
  line-height: 1.1;
  border: 1px solid var(--contents_default_color_sub2);
  color: var(--contents_default_color_sub2)
}

.category-event a.icon_cat[href$="/./event/"] {
  text-decoration: none;
  background-color: var(--contents_default_color_sub2);
  display: inline-block;
  border-radius: 5rem;
  line-height: 1.1;
  border: 1px solid var(--contents_default_color_sub2);
  color: #fff
}

/*  */
a.icon_cat[href$="/./news/"] {
  text-decoration: none;
  background-color: #fff;
  display: inline-block;
  border-radius: 5rem;
  padding: .3rem 1.6rem;
  line-height: 1.1;
  font-size: 1.3rem;
  border: 1px solid var(--contents_default_color);
  color: var(--contents_default_color);
}

.category-news a.icon_cat[href$="/./news/"] {
  text-decoration: none;
  background-color: var(--contents_default_color);
  display: inline-block;
  /* font-weight: bold; */
  border-radius: 5rem;
  line-height: 1.1;
  border: 1px solid var(--contents_default_color);
  color: #fff;
}

a.icon_cat[href$="/./uncategorized/"] {
  text-decoration: none;
  background-color: #fff;
  display: inline-block;
  border-radius: 5rem;
  line-height: 1.1;
  border: 1px solid var(--contents_default_color);
  color: var(--contents_default_color);
}

.category-uncategorized a.icon_cat[href$="/./uncategorized/"] {
  text-decoration: none;
  background-color: var(--contents_default_color);
  display: inline-block;
  border-radius: 5rem;
  line-height: 1.1;
  border: 1px solid var(--contents_default_color);
  color: #fff;
}

.category_list a.icon_cat {
  font-size: clamp(1.6rem, 1.344rem + .55vw, 2rem);
  padding: .5rem 2vw;
}

/*  */
.group_archive {
  margin-top: 8rem;
}

.archive_title h2 {
  font-size: 4rem;
  color: var(--contents_default_color);
}

.group_archive ul {
  margin-top: 4rem;
  border-top: 1px solid #ccc;
}

.group_archive ul li {
  border-bottom: 1px solid #ccc;
  padding: 3rem .5rem;
}

.group_archive ul li dl {
  display: flex;
  position: relative;
}

.group_archive ul li dl dt {
  margin-right: 1.5rem;
}

.group_archive ul li dl dd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.group_archive ul li dl dd .post-title {
  font-size: 1.8rem;
}

.group_archive .post-category {
  display: block;
  margin-bottom: 1.2rem;
}

.group_archive .post-category a[href$="/./news/"] {
  text-decoration: none;
  background-color: var(--contents_default_color);
  display: inline-block;
  /* font-weight: bold; */
  border-radius: 5rem;
  padding: .3rem 1.6rem;
  line-height: 1.1;
  font-size: 1.3rem;
  border: 1px solid var(--contents_default_color);
  color: #fff;
}

.group_archive .post-category a[href$="/./event/"] {
  text-decoration: none;
  background-color: var(--contents_default_color_sub2);
  display: inline-block;
  /* font-weight: bold; */
  border-radius: 5rem;
  padding: .3rem 1.6rem;
  line-height: 1.1;
  font-size: 1.3rem;
  border: 1px solid var(--contents_default_color_sub2);
  color: #fff
}

.group_archive .post-category a[href$="/./uncategorized/"] {
  text-decoration: none;
  background-color: #fff;
  display: inline-block;
  /* font-weight: bold; */
  border-radius: 5rem;
  padding: .3rem 1.6rem;
  line-height: 1.1;
  font-size: 1.3rem;
  border: 1px solid var(--contents_default_color);
  color: var(--contents_default_color);
}

.group_archive .post-category a {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .archive_title h2 {
    font-size: 2rem;
  }

  .group_archive {
    margin-top: 4.5rem;
  }

  .group_archive ul {
    margin-top: 3rem;
  }

  .group_archive ul li {
    padding: 3.5rem 0;
  }

  .group_archive ul li dl dt {
    margin-right: 1rem;
    position: absolute;
  }

  .group_archive .post-category {
    margin-bottom: 1rem;
    margin-left: 8.5rem;
  }

  .category_list a.icon_cat {
    padding: .8rem 1.5rem;
  }
}

/*  */
.group_archive .post-title a {
  text-decoration: none;
  text-align: left;
  display: block;
  /* font-weight: bold; */
}

.group_archive .post-title a:hover {
  text-decoration: underline;
}

/*  */
.nav-links {
  margin-top: 6rem;
}

.nav-links .page-numbers {
  display: inline-flex;
  background-color: var(--contents_default_color);
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  color: #fff;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 900;
}

.nav-links a.page-numbers {
  color: var(--contents_default_color_sub3);
  background-color: initial;
}

.nav-links a.next,
.nav-links a.back {
  color: var(--contents_default_color);
  background-color: initial;
}

@media screen and (max-width: 767px) {
  .category_list ul {
    margin-top: 1rem;
    gap: 0.5rem .8rem;
  }

  .category_list ul .cap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
}

.nav-links a.page-numbers.prev {
  color: var(--contents_default_color);
}

/*  */
.category-news dt.post-date-write {
  color: var(--contents_default_color);
}

.category-event dt.post-date-write {
  color: var(--contents_default_color_sub2);
}


/*  */
main.underpage .box_parallax .parallax_content.look_pc {
  display: block;
}

main.underpage .box_parallax .parallax_content.look_sp {
  display: none;
}

@media screen and (max-width: 767px) {
  main.underpage .box_parallax .parallax_content.look_pc {
    display: none;
  }

  main.underpage .box_parallax .parallax_content.look_sp {
    display: block;
  }
}