@charset "UTF-8";
/* ===================================================================
CSS information

file name  : copy.css
author     : Abilive
style info : コピー
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.con_xxx {
  color: rgba(var(--tsuruga-color-gray-f2-rgb), .5);
}

@media only screen and (min-width: 768px) {
  .p-entry {
    margin-top: calc(130 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-entry {
    margin-top: calc(100 / var(--tsuruga-parent-font-size) * 1rem);
  }
}

.con_intro {
  --parent: 1280;
  margin-right: auto;
  margin-left: auto;
  --tsuruga-container-width: var(--tsuruga-content-0);
  max-width: 1280px;
}
@media only screen and (max-width: 767px) {
  .con_intro {
    --parent: 390;
  }
}
@media only screen and (min-width: 1025px) {
  .con_intro {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (min-width: 768px) {
  .con_intro {
    margin-top: calc(80 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
    margin-top: calc(50 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.con_intro h3 {
  text-align: center;
  font-size: calc(var(--tsuruga-target-font-size) / var(--tsuruga-parent-font-size) * 1rem);
  letter-spacing: .06em;
  line-height: 1.86;
}
@media only screen and (min-width: 1025px) {
  .con_intro h3 {
    --tsuruga-target-font-size: 22;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro h3 {
    --tsuruga-target-font-size: 20;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro h3 {
    --tsuruga-target-font-size: 18;
  }
}
@media only screen and (min-width: 768px) {
  .con_intro h3 {
    margin-bottom: calc(20 / var(--parent) * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_intro h3 {
    margin-bottom: calc(20 / var(--parent) * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .txt {
    text-align: center;
  }
}

.con_pnav {
  --parent: 1280;
  margin-right: auto;
  margin-left: auto;
  --tsuruga-container-width: var(--tsuruga-content-0);
  max-width: 1280px;
}
@media only screen and (max-width: 767px) {
  .con_pnav {
    --parent: 390;
  }
}
@media only screen and (min-width: 1025px) {
  .con_pnav {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pnav {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .con_pnav {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (min-width: 768px) {
  .con_pnav {
    margin-top: calc(80 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .con_pnav {
    margin-top: calc(50 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.con_pnav ul {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .con_pnav ul {
    gap: 1.5em calc(20 / 1280 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_pnav ul {
    gap: 0.8em calc(30 / 880 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .con_pnav ul li {
    width: calc(240 / 1280 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pnav ul li {
    width: calc(305 / 1280 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_pnav ul li {
    width: calc(425 / 880 * 100%);
  }
}
.con_pnav ul li a {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 1em 1.5em;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  transition: background 400ms ease;
}
.con_pnav ul li a:before {
  content: "";
  position: absolute;
  right: .5em;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: .4em;
  height: .4em;
  margin: auto;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #002C51;
  transition: transform 400ms ease;
  transform: rotate(45deg);
}
.con_pnav ul li a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #002C51;
}
.con_pnav ul li a:hover {
  background: rgba(0, 44, 81, 0.15);
}

.con_faq {
  --parent: 1280;
  margin-right: auto;
  margin-left: auto;
  --tsuruga-container-width: var(--tsuruga-content-0);
  max-width: 1280px;
}
@media only screen and (max-width: 767px) {
  .con_faq {
    --parent: 390;
  }
}
@media only screen and (min-width: 1025px) {
  .con_faq {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_faq {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .con_faq {
    width: calc(var(--tsuruga-child-width) / var(--tsuruga-container-width) * 100%);
    --tsuruga-child-width: var(--tsuruga-content-1);
  }
}
@media only screen and (min-width: 768px) {
  .con_faq .box_faq {
    padding-top: calc(100 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_faq {
    padding-top: calc(70 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .con_faq .box_faq + .box_faq {
    padding-top: calc(80 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_faq + .box_faq {
    padding-top: calc(50 / var(--tsuruga-parent-font-size) * 1rem);
  }
}
.con_faq .box_faq h4 {
  text-align: center;
  font-size: calc(var(--tsuruga-target-font-size) / var(--tsuruga-parent-font-size) * 1rem);
  letter-spacing: .06em;
  line-height: 1.86;
}
@media only screen and (min-width: 1025px) {
  .con_faq .box_faq h4 {
    --tsuruga-target-font-size: 24;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_faq .box_faq h4 {
    --tsuruga-target-font-size: 22;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_faq h4 {
    --tsuruga-target-font-size: 20;
  }
}
@media only screen and (min-width: 768px) {
  .con_faq .box_faq h4 {
    margin-bottom: calc(30 / var(--parent) * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_faq h4 {
    margin-bottom: calc(30 / var(--parent) * 100%);
  }
}
.con_faq .box_faq__inner {
  border-top: 1px solid #002C51;
}
.con_faq .box_faq .wrp_faq {
  border-bottom: 1px solid #002C51;
}
.con_faq .box_faq .wrp_faq dl dt > div button,
.con_faq .box_faq .wrp_faq dl dd > div {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}
.con_faq .box_faq .wrp_faq dl dt > div button:before,
.con_faq .box_faq .wrp_faq dl dd > div:before {
  margin-top: .2em;
  margin-right: .5em;
  font-size: calc(var(--tsuruga-target-font-size) / var(--tsuruga-parent-font-size) * 1rem);
  font-family: var(--tsuruga-font-en);
  line-height: 1;
}
@media only screen and (min-width: 1025px) {
  .con_faq .box_faq .wrp_faq dl dt > div button:before,
  .con_faq .box_faq .wrp_faq dl dd > div:before {
    --tsuruga-target-font-size: 26;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_faq .box_faq .wrp_faq dl dt > div button:before,
  .con_faq .box_faq .wrp_faq dl dd > div:before {
    --tsuruga-target-font-size: 24;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_faq .wrp_faq dl dt > div button:before,
  .con_faq .box_faq .wrp_faq dl dd > div:before {
    --tsuruga-target-font-size: 22;
  }
}
.con_faq .box_faq .wrp_faq dl dt > div {
  position: relative;
}
.con_faq .box_faq .wrp_faq dl dt > div button {
  appearance: none;
  width: 100%;
  border: none;
  background: none;
  text-align: left;
  transition: background 400ms ease;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
@media only screen and (min-width: 768px) {
  .con_faq .box_faq .wrp_faq dl dt > div button {
    padding: calc(20 / var(--parent) * 100%) 3em calc(20 / var(--parent) * 100%) calc(20 / var(--parent) * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_faq .wrp_faq dl dt > div button {
    padding: calc(20 / var(--parent) * 100%) 2em calc(20 / var(--parent) * 100%) calc(20 / var(--parent) * 100%);
  }
}
.con_faq .box_faq .wrp_faq dl dt > div button:before {
  content: 'Q';
  color: #002C51;
}
.con_faq .box_faq .wrp_faq dl dt > div button:hover {
  cursor: pointer;
  background: rgba(0, 44, 81, 0.15);
}
.con_faq .box_faq .wrp_faq dl dt > div button[aria-expanded="true"] {
  background: rgba(0, 44, 81, 0.15);
}
.con_faq .box_faq .wrp_faq dl dt > div button[aria-expanded="true"] .icon:after {
  transform: rotate(0);
}
.con_faq .box_faq .wrp_faq dl dt > div button .icon {
  position: absolute;
  top: 50%;
  width: 1em;
  height: 1em;
  margin-top: -.5em;
}
@media only screen and (min-width: 768px) {
  .con_faq .box_faq .wrp_faq dl dt > div button .icon {
    right: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_faq .wrp_faq dl dt > div button .icon {
    right: 0.5em;
  }
}
.con_faq .box_faq .wrp_faq dl dt > div button .icon:before, .con_faq .box_faq .wrp_faq dl dt > div button .icon:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: rotate(0);
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background: #002C51;
  transition: transform 400ms ease;
}
.con_faq .box_faq .wrp_faq dl dt > div button .icon:after {
  transform: rotate(90deg);
}
.con_faq .box_faq .wrp_faq dl dd {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.5s, height 0.5s;
  visibility: hidden;
}
@media only screen and (min-width: 768px) {
  .con_faq .box_faq .wrp_faq dl dd > div {
    padding: calc(20 / var(--parent) * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_faq .box_faq .wrp_faq dl dd > div {
    padding: calc(20 / var(--parent) * 100%);
  }
}
.con_faq .box_faq .wrp_faq dl dd > div:before {
  content: 'A';
}