@charset "UTF-8";
/* 2026.1.29 15:46更新 */

/* base */
:root {
  --color-primary: #4f8bbf;
  --color-accent: #004077;
  --color-text-main: #504b4b;
  --color-text-sub: #838383;
  --color-border: #bfdee7;
  --color-background: #ebf3f4;
  --color-cta: #00a086;
  --color-cta2: #008674;
  --color-red: #d6687e;
  --color-white: #ffffff;
  --color-black: #000000;
}

html {
  scroll-behavior: smooth;
}

.pc_view {
  display: none;
}

.sp_view {
  display: block;
}

@media (min-width: 768px) {
  .pc_view {
    display: block;
  }
  .sp_view {
    display: none;
  }
}
/* リンク、ボタン、そしてJSでクリックイベントを付けている要素 */
a,
button,
.ques_ul-que,
.nav_subul li {
  cursor: pointer;
  transition: opacity 0.3s;
}

/* ホバー時の設定 */
a:not(.nav *):hover {
  opacity: 0.7;
}

p,
li {
  font-size: 16px;
}

@media (min-width: 768px) {
  p,
  li {
    font-size: 18px;
  }
}
/* *****resetCSS***** */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-main);
  line-height: 1;
}

body {
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  /*font-weight: 300; Demilight */
  font-weight: 400;
  /* Medium */
  font-style: normal;
  letter-spacing: 0.08em;
}

a {
  text-decoration: none;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  line-height: 1.35;
}

p {
  overflow-wrap: break-word;
  line-height: 1.9;
}

button {
  border: none;
  width: 100%;
  cursor: pointer;
}

/* *****style definition***** */
h2,
h3,
h4,
h5,
h6 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}

/* *****header***** */
.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  pointer-events: none;
}
.header_h1a {
  flex: 1 0 310px;
}
.header_h1 {
  max-width: 310px;
}
.header_top {
  font-size: 12px;
  background-color: var(--color-primary);
  color: var(--color-white);
  font-weight: 600;
  padding: 4px 8px;
  position: relative;
  line-height: 1.35;
  z-index: 1000;
}
.header_main {
  display: flex;
  background-image: url(../img/bg.webp);
  position: relative;
  z-index: 999;
  box-shadow: 0px 4px 32px rgba(63, 63, 63, 0.15);
  pointer-events: auto;
}
.header_address,
.header_mail {
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.header_tel {
  background-color: var(--color-accent);
}
.header_tel * {
  color: var(--color-white);
  text-align: center;
}
.header_tel-01 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}
.header_tel,
.header_mail {
  display: none;
}
.header_left {
  padding: 4px 8px;
  width: calc(100% - 62px);
  height: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.header_right {
  display: flex;
  justify-content: space-between;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.header_open::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}

.hamburger-button {
  font-size: 10px;
  width: 62px;
  height: 62px;
  border: none;
  cursor: pointer;
  background-image: linear-gradient(
    to bottom,
    var(--color-accent) 50%,
    var(--color-text-sub) 50%
  );
  background-size: 100% 200%;
  background-position: 0% 0%;
  color: var(--color-white);
  display: block;
  background-color: var(--color-white);
  border-radius: 1px;
  transition: all 0.8s ease;
}
.hamburger-button p {
  color: var(--color-white);
  line-height: 1.35;
  font-size: 10px;
}
.hamburger-button span {
  display: block;
  width: 17px;
  height: 2px;
  background-color: var(--color-white);
  border-radius: 1px;
  margin: 0 auto 4px;
  transition: all 0.8s ease;
}

.toggle_open {
  background-color: var(--color-text-sub);
  background-position: 0% 100%;
}
.toggle_open span:nth-child(1) {
  transform: rotate(45deg) translate(0px, 2px);
  transition: all 0.8s ease;
}
.toggle_open span:nth-child(2) {
  display: none;
  transition: all 0.8s ease;
}
.toggle_open span:nth-child(3) {
  transform: rotate(-45deg) translate(2px, -4px);
  transition: all 0.8s ease;
}

/* *****navigation***** */
.nav {
  transform: translateY(-150%);
  transition: all 0.8s ease;
  opacity: 0;
}
.nav_ul {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 0 19px;
  background-image: url(../img/bg.webp);
  pointer-events: auto;
}
.nav_ul li {
  padding: 16px 0;
  font-weight: 700;
  border-bottom: var(--color-border) solid 1px;
  font-size: 16px;
}
.nav_ul li::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url(../img/triangle.webp);
  background-size: contain;
  background-repeat: no-repeat;
}
.nav_ul li:last-child {
  color: var(--color-primary);
  font-size: 16px;
  border: none;
}
.nav_ul li:last-child::before {
  content: none;
}
.nav_ul li a {
  font-size: 16px;
  color: var(--color-accent);
}
.nav_subul {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 0 19px;
  background-image: url(../img/bg.webp);
  pointer-events: auto;
}
.nav_subul li {
  padding: 16px 0;
  font-weight: 700;
  border-top: var(--color-border) dashed 1px;
}
.nav_subul li:last-child {
  border-bottom: none;
}
.nav_subul li::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url(../img/triangle.webp);
  background-size: contain;
  background-repeat: no-repeat;
}
.nav_subul li a {
  color: var(--color-accent);
  line-height: 1.35;
  font-size: 16px;
}
.nav_subul li a:hover {
  background-color: var(--color-background);
}
.nav_close {
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 10px 10px;
  pointer-events: auto;
}
.nav_close span {
  color: var(--color-white);
  font-size: 140%;
  font-weight: 700;
  padding-right: 0.5em;
}

.is_open .nav_ul-basicguide::after {
  transform: translateY(-50%) rotate(270deg) scale(0.6, 1.2);
  transition: transform 0.3s ease;
}

.open {
  transform: translateY(0%);
  opacity: 1;
  transition: all 0.8s ease;
}

@media (min-width: 768px) {
  .nav_ul li {
    position: relative;
  }
  .header {
    background-image: url(../img/bg_leaf.webp), url(../img/bg.webp);
    background-repeat: no-repeat, repeat;
    background-size: 20%, cover;
    background-position: 1% 50%, center;
  }
  .header_h1 {
    max-width: clamp(250px, 32vw, 450px);
    margin-top: 16px;
    margin-right: 24px;
    /* max-width: 55%;
    margin-top: 16px;
    min-width: 250px; */
  }
  .header_main {
    box-shadow: none;
    padding: 0 0.5%;
    background-image: none;
  }
  .header_left {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-image: none;
  }
  .header_right {
    align-items: center;
    gap: 16px;
    background-image: none;
    flex: 0 0 524px;
  }
  .header_right > div {
    margin-top: 16px;
  }
  .hamburger-button {
    display: none;
  }
  .nav {
    transform: translateY(0%);
    opacity: 1;
  }
  .nav_ul {
    padding: 0 0.5%;
    display: flex;
    justify-content: flex-end;
    gap: 23px;
    position: relative;
    z-index: 999;
    background-image: none;
    background-image: url(../img/subul_bg.webp);
    background-clip: content-box;
    background-position: top right;
    background-size: cover;
  }
  .nav_ul li {
    position: relative;
    padding: 16px 0 24px;
  }
  .nav_ul > li::before,
  .nav_subul li::before {
    content: none;
  }
  .nav_ul > li,
  .nav_ul li ul > li {
    border: none;
  }
  .current::after {
    content: "";
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background-color: var(--color-primary);
    border-radius: 50%;
  }
  .nav_ul li:not(.nav_ul-basicguid):hover::before {
    content: "";
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background-color: var(--color-primary);
    border-radius: 50%;
    /* ふわっと表示させたい場合は追加 */
    animation: fadeIn 0.3s ease forwards;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .nav_ul li:last-child {
    color: var(--color-accent);
    cursor: pointer;
    padding-right: 24px;
    position: relative;
  }
  .nav_ul .nav_ul-basicguide::after {
    content: "＞";
    display: inline-block;
    transform: rotate(90deg) scale(0.6, 1.2);
    color: var(--color-accent);
    position: absolute;
    top: 34%;
    right: 0;
    transition: transform 0.3s ease;
  }
  .nav_ul .nav_ul-basicguide.is_open::after {
    transform: translateY(-8%) rotate(270deg) scale(0.6, 1.2);
    transition: transform 0.3s ease;
  }
  .nav_subul {
    position: absolute;
    top: 54px;
    right: 0;
    text-align: right;
    transform: translateY(-180%);
    transition: all 0.8s ease;
    z-index: 990;
    background-image: none;
    padding: 0;
    width: 17em;
  }
  .nav_subul li {
    background-color: rgba(255, 255, 255, 0.8);
    margin: 2px;
    padding: 4px 5px;
    text-align: left;
    border-top: none;
  }
  .nav_subul li a {
    display: inline-block;
    padding: 4px 5px;
    width: 100%;
  }
  .nav_subul li a:hover {
    background-color: var(--color-background);
  }
  .subul-open {
    transform: translateY(0%);
    transition: all 0.8s ease;
  }
  .nav_close {
    display: none;
  }
  .header_address,
  .header_mail {
    position: relative;
    line-height: 1;
    font-size: 14px;
  }
  .header_address::before,
  .header_mail::before,
  .header_tel-01::before {
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    background-image: url(../img/header_loc.webp);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .header_address::before,
  .header_mail::before {
    position: absolute;
    left: -18px;
    top: 3px;
  }
  .header_mail::before {
    top: 8px;
  }
  .header_mail::before {
    background-image: url(../img/header_mail.webp);
  }
  .header_tel-01::before {
    background-image: url(../img/header_tel.webp);
    height: 0.8em;
    width: 1em;
    margin-right: 0.2em;
  }
  .header_tel {
    padding: 8px 22px 3px;
    border-radius: 0 0 10px 10px;
  }
  .header_tel-01 {
    font-size: 27px;
    line-height: 1;
    padding-top: 4px;
  }
  .header_tel-02 {
    font-size: 14px;
    font-weight: 700;
    padding-left: 5px;
  }
  .header_tel,
  .header_mail {
    display: block;
    line-height: 1.8;
  }
}
@media (min-width: 1024px) {
  .header_main {
    padding: 0 10%;
  }
  .nav_ul {
    padding: 0 10%;
  }
  .nav_subul {
    right: 10%;
  }
}
/* *****fv***** */
.fv {
  margin-top: 80px;
  color: var(--color-white);
  background-image: url(../img/fv_leaf.webp), url(../img/fv_bg.webp);
  background-repeat: no-repeat, no-repeat;
  background-size: 160%, cover;
  background-position: 103% -34%, center;
  position: relative;
  padding: 48px 16px 160px;
}
.fv_question,
.pagec01_suplink-bubble,
.pagec02_suplink-bubble,
.pagec03_suplink-bubble {
  display: inline-block;
  font-size: 18px;
  line-height: 1.4;
  padding: 4px 28px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: var(--color-white);
  background-color: var(--color-cta2);
  border-radius: 30px;
  border: var(--color-white) solid 1px;
  position: relative;
  z-index: 2;
}
.fv_question::after,
.pagec01_suplink-bubble::after,
.pagec02_suplink-bubble::after,
.pagec03_suplink-bubble::after {
  content: "";
  display: inline-block;
  position: absolute;
  border-style: solid;
  border-width: 6px 5.5px 0 5.5px;
  border-color: var(--color-white) transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  right: 50%;
  /* transform: translateY(-50%); */
}
.fv_question:nth-child(2),
.pagec01_suplink-bubble:nth-child(2),
.pagec02_suplink-bubble:nth-child(2),
.pagec03_suplink-bubble:nth-child(2) {
  position: absolute;
  top: 79px;
  left: 43%;
  z-index: 1;
}
.fv_hgroup {
  margin: 40px 0;
}
.fv_hgroup-first {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: var(--color-white);
  text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
  padding-bottom: 8px;
  display: inline-block;
  border-bottom: var(--color-white) solid 1px;
}
.fv_hgroup-spcimg {
  display: none;
}
.fv_hgroup-spimg {
  width: 97%;
  max-width: 680px;
}
.fv_hgroup img {
  transform: translateX(-13px);
}
.fv_hgroup-h2 {
  color: inherit;
  font-size: 32px;
  text-align: left;
  margin-top: 8px;
  display: inline-block;
  /* #B5EEFFみずいろ　#E2E7C2きみどり　#F5D2E0ぴんく */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));
}
.fv_hgroup-h2small {
  font-size: 70%;
  background: none;
  -webkit-text-fill-color: #fff;
}
.fv_hgroup-h2middle {
  font-size: 7vw;
  line-height: 2.2;
  color: var(--color-white);
  background: none;
  -webkit-text-fill-color: #fff;
  letter-spacing: 0;
}
.fv_ul {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.fv_ul li {
  color: var(--color-accent);
  font-size: 3vw;
  line-height: 1.35;
  letter-spacing: 0em;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.9);
  border: var(--color-border) solid 4px;
  width: 34%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
  /* margin-right: -8px; */
  position: relative;
  transform: translateX(-4px);
}
.fv_ul li:nth-child(1) {
  z-index: 3;
}
.fv_ul li:nth-child(2) {
  z-index: 2;
}
.fv_ul li:nth-child(3) {
  z-index: 1;
}
.fv_ul li::before {
  content: "";
  display: inline-block;
  height: 36%;
  width: 36%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -14%;
  left: 50%;
  transform: translateX(-50%);
}
.fv_ul li:nth-child(1)::before {
  background-image: url(../img/fv_ul01.webp);
}
.fv_ul li:nth-child(2)::before {
  background-image: url(../img/fv_ul02.webp);
}
.fv_ul li:nth-child(3)::before {
  background-image: url(../img/fv_ul03.webp);
}
.fv .fv_ul li span {
  color: var(--color-red);
  line-height: 1.35;
}
.fv_tel {
  width: 100%;
  max-width: 650px;
  background-color: var(--color-cta);
  border-radius: 10px;
  display: flex;
  justify-content: space-evenly;
  margin: 0 auto;
  box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.25);
}
.fv_tel-img {
  margin: 5px 0;
  height: 90px;
}
.fv_tel-right {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}
.fv_tel-text {
  color: var(--color-white);
  font-size: 13px;
}
.fv_tel-no {
  color: var(--color-white);
  font-size: 28px;
  padding-bottom: 4px;
  display: inline-block;
  border-bottom: var(--color-white) solid 1px;
  margin: 4px;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  /* SemiBold */
  font-style: normal;
}
.fv_tel-no::before {
  content: "";
  display: inline-block;
  height: 0.8em;
  width: 0.8em;
  background-image: url(../img/header_tel.webp);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.2em;
}

@media (min-width: 400px) {
  .fv_hgroup-h2middle {
    line-height: 2;
    font-size: clamp(0rem, 7vw, 40px);
  }
  .fv_tel-img {
    max-width: 15%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    flex-shrink: 1;
  }
  .fv_tel-no {
    font-size: 6.5vw;
  }
  .fv_tel-text {
    font-size: 3vw;
  }
}
/* *****info***** */
.info {
  background-color: var(--color-background);
  border-radius: 64px;
  padding: 64px 26px;
  margin-top: -100px;
  position: relative;
}
.info_bg {
  background-image: url(../img/info_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.info_intro-p {
  line-height: 1.9;
  margin-top: 24px;
}
.info_intro-photo {
  margin-top: 30px;
}
.info_photo {
  border-radius: 0 20px 0 20px;
}
.info_sign {
  margin: 24px 0 24px auto;
  width: 277px;
}
.info_sign p {
  color: var(--color-accent);
  display: flex;
  align-items: center;
  /* justify-content: flex-end; */
  line-height: 2;
  font-size: 14px;
}
.info_sign p img {
  width: 100%;
  max-width: 194px;
}
.info_problems {
  margin-top: 72px;
  display: flex;
  justify-content: center;
  /* position: relative;
  text-align: center; */
}
.info_problems-line {
  display: inline-block;
  font-size: 17px;
  color: var(--color-accent);
  border-bottom: var(--color-border) solid 2px;
  line-height: 40px;
  font-weight: 700;
}
.info_problems-lineblue {
  padding-top: 12px;
  display: inline-block;
  font-size: 22px;
  color: var(--color-text-main);
  border-bottom: var(--color-border) solid 2px;
  line-height: 40px;
  font-weight: 700;
}
/* .info_problems::after {
  content: "";
  display: inline-block;
  height: 2px;
  width: 28px;
  background-color: var(--color-border);
  transform: rotate(-60deg);
  position: absolute;
  bottom: -13px;
  left: 43%;
} */
.info_problems-bubble {
  font-weight: 500;
  margin-top: 60px;
  background-color: var(--color-white);
  border-radius: 32px;
  padding: 24px 5% 24px;
  box-shadow: 0 0 32px 0px var(--color-border);
  position: relative;
}
.info_problems-bubble::after {
  content: "";
  display: inline-block;
  position: absolute;
  border-style: solid;
  border-width: 20px 30px 0 30px;
  border-color: var(--color-white) transparent transparent transparent;
  position: absolute;
  bottom: -20px;
  right: 50%;
  transform: translateX(50%);
}
.info_problems-bubble li {
  border-bottom: var(--color-border) solid 2px;
  min-height: 65px;
  position: relative;
  padding-left: 2.4em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.info_problems-bubble li p {
  line-height: 1.35;
}
.info_problems-bubble li::before {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-image: url(../img/info_problems-bubble.webp);
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.info_problems-bubble li span {
  color: var(--color-red);
  display: inline;
}
.info_problems-onestop {
  margin-top: 50px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: var(--color-text-main);
  text-align: center;
  line-height: 1.6;
  line-height: 2;
}
.info_problems-onestop-blue {
  font-size: 22px;
  color: var(--color-accent);
}
.info_problems-onestop-red {
  font-size: 22px;
  color: var(--color-red);
  background: linear-gradient(transparent 60%, #ffebeb 30%);
}

/* *****features***** */
.features {
  background-image: url(../img/features_bg.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 120px 16px 5%;
  margin-top: -64px;
  position: relative;
  z-index: -1;
}
.features::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 200px;
  background-image: url(../img/leaf.webp);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -40px;
  left: -60px;
  z-index: 1;
}
.features_leaf {
  position: absolute;
  bottom: -40px;
  left: -60px;
  z-index: 2;
}
.features_h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: var(--color-white);
  text-shadow: 0 0 16px #00223f;
  margin-bottom: 56px;
}
.features_h2 span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-white);
  margin-bottom: 8px;
}
.features_ol-li {
  background-color: var(--color-white);
  color: var(--color-accent);
  border-radius: 32px;
  margin-bottom: 48px;
  position: relative;
}
.features_ol-img {
  border-radius: 32px 32px 0 0;
  width: 100%;
  aspect-ratio: 360/140;
}
.features_ol-h3 {
  font-size: 28px;
  color: var(--color-accent);
  font-weight: 700;
  text-align: center;
  text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff,
    -2px -2px 0 #fff, 2px 0px 0 #fff, -2px 0px 0 #fff, 0px 2px 0 #fff,
    0px -2px 0 #fff;
  margin-top: -20px;
}
.features_ol-h3span {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: var(--color-background) solid 2px;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.features_ol-p {
  padding: 8px 24px 32px;
  line-height: 1.6;
  text-align: center;
  color: var(--color-accent);
}
.features_ol-pspan {
  color: var(--color-red);
  font-weight: 700;
}

/* @media (min-width: 1024px) { */
@media (min-width: 768px) {
  .features::after {
    content: none;
  }
}
@media (min-width: 1200px) {
.info_bg {
  background-image: url(../img/info_bg_sp.webp);
}
}
/* *****support***** */
.support {
  padding-top: 120px;
  background-image: url(../img/bg.webp);
}
.support_h2 {
  font-size: 24px;
  position: relative;
  margin-bottom: 24px;
}
.support_h2 span {
  font-size: 14px;
  color: var(--color-accent);
  display: block;
  margin-bottom: 8px;
}
.support_h2::before {
  content: "";
  display: inline-block;
  width: 93px;
  height: 45px;
  background-image: url(../img/support_top.webp);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50px);
}
.support_p {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: var(--color-text-main);
  text-align: center;
  line-height: 1.6;
}
.support_p-blue {
  font-size: 22px;
  color: var(--color-accent);
}
.support_p-red {
  font-size: 22px;
  color: var(--color-red);
  background: linear-gradient(transparent 60%, #ffebeb 30%);
}
.support_btnbox {
  margin-top: 24px;
}
.support_btnbox img {
  /* max-width: 470px; */
  width: 100%;
}
.support_ul {
  padding: 32px 22px 88px;
  position: relative;
}
.support_ul li {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-radius: 60px;
  text-align: center;
  padding: 12px 10px;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.35;
}
.support_ul li:nth-child(even) {
  background-color: #27669f;
}
.support_ul::after {
  content: "・・・・・・・・・・";
  display: inline-block;
  width: 10em;
  height: 1em;
  position: absolute;
  bottom: 40px;
  left: 50%;
  color: var(--color-border);
  letter-spacing: -6px;
  transform: translateX(-50%);
  text-align: center;
}
.support_btn {
  background-image: url(../img/support_btn-bg01.webp);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  border: var(--color-background) solid 2px;
  box-shadow: 0px 4px 8px rgba(48, 79, 106, 0.25);
  padding: 40px;
  margin: 32px 0 0;
  width: 100%;
  aspect-ratio: 450/258;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.support_btn:nth-child(2) {
  background-image: url(../img/support_btn-bg02.webp);
}
.support_btn-text {
  color: var(--color-white);
  font-size: 14px;
  display: inline-block;
  border-bottom: var(--color-white) solid 1px;
  line-height: 1.35;
  display: inline-block;
  text-shadow: 0 0 8px #004077;
}
.support_btn-h3 {
  font-size: 26px;
  font-weight: 700;
  color: var(--color-white);
  text-shadow: 0 0 8px #004077;
  text-align: left;
  margin: 10px 0 18px;
}
.support_btn-button {
  display: block;
  background-color: #295d8a;
  border: var(--color-white) solid 1px;
  color: var(--color-white);
  padding: 14px 39px;
  text-align: left;
  font-size: 18px;
  position: relative;
}
.support_btn-button::after {
  content: "＞";
  display: inline-block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  right: 2em;
  color: var(--color-border);
  font-weight: 900;
  transform: translateY(-50%) scale(0.6, 1.2);
}
.support_cta {
  background-color: var(--color-white);
  border: var(--color-border) solid 2px;
  border-radius: 8px;
  padding: 38px 8px 36px;
  margin: 37px 8px 64px;
  text-align: center;
  position: relative;
}
.support_cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-top: 15px solid var(--color-border);
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}
.support_cta-lineblue {
  display: inline-block;
  font-size: 17px;
  color: var(--color-accent);
  border-bottom: var(--color-border) solid 2px;
  line-height: 1.5;
  font-weight: 700;
}
.support_cta-line {
  display: inline-block;
  font-size: 20px;
  color: var(--color-text-main);
  border-bottom: var(--color-border) solid 2px;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 24px;
}
.support_cta .fv_tel-no {
  font-size: 26px;
}
.support_bottom {
  margin-top: 24px;
  line-height: 2;
}
.support_bottom address * {
  font-style: normal;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .support_cta .fv_tel-no {
    font-size: 45px;
  }
}
.alignment {
  background-image: url(../img/bg.webp);
  padding-bottom: 64px;
}
.alignment_top {
  background-image: url(../img/alignment_top.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 64px 32px 100px;
  border-radius: 64px 64px 0 0;
}
.alignment_top-h2 {
  color: var(--color-white);
  margin-bottom: 32px;
  position: relative;
}
.alignment_top-h2::before {
  content: "";
  display: inline-block;
  width: 2.27em;
  height: 2.27em;
  background-image: url(../img/fv_ul03.webp);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.alignment_top-p {
  color: var(--color-white);
  line-height: 1.9;
}
.alignment_top-p span {
  color: var(--color-white);
  font-weight: 700;
}
.alignment_table {
  background-color: var(--color-white);
  margin: -64px 16px 24px;
  border-collapse: collapse;
  border: var(--color-accent) solid 1px;
}
.alignment_table * {
  padding: 12px;
  text-align: center;
  color: var(--color-accent);
  font-weight: 400;
}
.alignment_table th {
  background-color: var(--color-background);
  text-align: left;
  border: var(--color-accent) solid 1px;
  line-height: 1.35;
}
.alignment_table td {
  border: var(--color-accent) solid 1px;
  font-size: 20px;
}
.alignment_table tr:nth-child(1) * {
  background-color: #4f8bbf;
  color: var(--color-white);
}
.alignment_table tr > *:first-child {
  width: 60%;
  font-size: 14px;
}
.alignment_bottom {
  background-color: var(--color-background);
  border-radius: 0 30px 0 30px;
  padding: 32px 24px;
}
.alignment_bottom-ul li {
  color: var(--color-accent);
  font-weight: 400;
  line-height: 1.9;
}
.alignment_bottom-ul li span {
  color: var(--color-accent);
  font-weight: 600;
}
.alignment_bottom-p {
  color: var(--color-accent);
  font-weight: 400;
  line-height: 1.9;
  margin-top: 30px;
}
.alignment_bottom-p span {
  color: var(--color-accent);
  font-weight: 700;
}
.alignment_bottom-img {
  display: none;
}

.case {
  background-image: linear-gradient(
      var(--color-background),
      var(--color-background)
    ),
    url(../img/bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 124px 16px 64px;
  border-top: var(--color-primary) solid 8px;
}
.case_h2 {
  font-size: 24px;
  position: relative;
  margin-bottom: 48px;
}
.case_h2 span {
  font-size: 14px;
  color: var(--color-accent);
  display: block;
  margin-bottom: 8px;
}
.case_h2::before {
  content: "";
  display: inline-block;
  width: 75px;
  height: 57px;
  background-image: url(../img/fv_ul02.webp);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-43%, -70px);
}
.case_ul-li {
  background-color: var(--color-white);
  border-radius: 12px;
  padding: 34px 32px;
  margin-bottom: 16px;
}
.case_ul-top {
  margin-bottom: 16px;
}
.case_ul-top * {
  color: var(--color-accent);
}
.case_ul-top span {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.35;
}
.case_ul-top span:last-child {
  font-size: 12px;
  background-color: var(--color-background);
  padding: 5px 8px;
}
.case_ul-h3 {
  border-bottom: var(--color-border) solid 1px;
  color: var(--color-accent);
  margin-bottom: 16px;
  padding-bottom: 8px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  text-align: left;
}
.case_ul-p {
  line-height: 1.6;
}

.ques {
  background-color: var(--color-white);
  border-top: var(--color-accent) solid 8px;
  position: relative;
  padding: 56px 16px;
  margin-top: 64px;
  scroll-margin-top: 164px;
}
.ques::before {
  content: "●";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 15px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  color: var(--color-accent);
  font-weight: 900;
  transform: translate(-50%, -15px);
}
.ques_h2 {
  font-size: 24px;
  position: relative;
  margin-bottom: 40px;
}
.ques_h2 span {
  font-size: 14px;
  color: var(--color-accent);
  display: block;
  margin-bottom: 8px;
}
.ques_ul li {
  margin-bottom: 16px;
}
.ques_ul-que {
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 12px 68px;
  font-weight: 700;
  cursor: pointer;
  position: relative;
}
.ques_ul-que:hover {
  background-color: var(--color-accent);
}
.ques_ul-que::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/ques_ul-que.webp);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
}
.ques_ul-que::after {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  font-style: normal;
  content: "＞";
  display: inline-block;
  color: var(--color-white);
  position: absolute;
  top: 50%;
  right: 20px;
  transform: rotate(90deg) scale(0.6, 1.2) translateX(-60%);
  transition: transform 0.3s ease;
}
.ques_ul-ans {
  background-color: #f9f9f9;
  border: var(--color-background) solid 2px;
  padding: 0 24px;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease, padding 0.5s ease;
  overflow: hidden;
}
.ques_ul-ans a {
  text-decoration: underline;
}
.ques_ul-inner {
  line-height: 1.9;
  min-height: 0;
}
.ques_ul-open {
  grid-template-rows: 1fr;
  padding: 14px 24px;
}
.ques_ul-open2::after {
  transform: translateY(-50%) rotate(270deg) scale(0.6, 1.2);
  transition: transform 0.3s ease;
}

.consultation {
  background-image: url(../img/consultation_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 64px 16px;
}
.consultation_inner {
  background-color: var(--color-white);
  border-radius: 32px;
  padding: 104px 20px 48px;
}
.consultation_h2 {
  font-size: 24px;
  position: relative;
  margin-bottom: 24px;
}
.consultation_h2 span {
  font-size: 14px;
  color: var(--color-accent);
  display: block;
  margin-bottom: 8px;
}
.consultation_h2::before {
  content: "";
  display: inline-block;
  width: 84px;
  height: 43px;
  background-image: url(../img/consultation_top.webp);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50px);
}
.consultation_p {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  color: var(--color-accent);
  line-height: 1.6;
}
.consultation_ol {
  margin-top: 32px;
}
.consultation_ol li {
  margin-bottom: 54px;
  position: relative;
}
.consultation_ol li::before {
  content: "";
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 15px solid var(--color-border);
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}
.consultation_ol li:last-child::before {
  content: none;
}
.consultation_ol-h3 {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: 8px 8px 0 0;
  text-align: center;
  padding: 16px;
}
.consultation_ol-dis {
  background-color: #f9f9f9;
  border: var(--color-background) solid 2px;
  border-radius: 0 0 8px 8px;
  padding: 14px;
  line-height: 1.65;
  letter-spacing: 0.1em;
}
.consultation_bottom-text {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  font-size: 17px;
  line-height: 1.65;
  margin-bottom: 24px;
}
.consultation_bottom-line01,
.consultation_bottom-line02 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  font-size: 18px;
  color: var(--color-accent);
  border-bottom: var(--color-border) solid 2px;
  display: inline-block;
  padding: 8px 0;
}
.consultation_bottom-linepc {
  display: none;
}

.area {
  background-image: url(../img/area_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 112px 16px 165px;
}
.area_h2 {
  font-size: 24px;
  position: relative;
  margin-bottom: 24px;
}
.area_h2 span {
  font-size: 14px;
  color: var(--color-accent);
  display: block;
  margin-bottom: 8px;
}
.area_h2::before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 57px;
  background-image: url(../img/area_top.webp);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -64px);
}
.area_p {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  color: var(--color-accent);
}
.area_box {
  margin-top: 40px;
  background-color: var(--color-white);
  border: var(--color-border) solid 3px;
  border-radius: 3px;
}
.area_box-h3 {
  color: var(--color-white);
  background-color: var(--color-primary);
  padding: 8px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 8px;
}
.area_box > div {
  margin: 32px;
}
.area_box > div p {
  line-height: 1.9;
}

.inquiry {
  background-image: url(../img/inquiry_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 32px;
  text-align: center;
  padding: 56px 16px;
  margin-top: -120px;
  background-position: 50% 30%;
  background-size: 139% 100%;
}
.inquiry_h2 {
  margin-bottom: 8px;
  font-size: 24px;
}
.inquiry * {
  color: var(--color-white);
}

.footer {
  background-color: var(--color-background);
}
.footer_nav {
  width: 90%;
  margin: 0 auto 24px;
}
.footer_nav-h2 {
  background-color: var(--color-primary);
  color: var(--color-white);
  font-size: 16px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 10px 0 0;
}
.footer_nav-ul {
  padding: 0 19px;
  background-image: url(../img/bg.webp);
}
.footer_nav-ul li {
  padding: 16px 0;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  border-bottom: var(--color-border) solid 1px;
}
.footer_nav-ul li::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url(../img/triangle.webp);
  background-size: contain;
  background-repeat: no-repeat;
}
.footer_nav-ul li:last-child {
  color: var(--color-primary);
  border: none;
}
.footer_nav-ul li:last-child::before {
  content: none;
}
.footer_nav-ul li a {
  color: var(--color-accent);
}
.footer_nav-subul {
  padding: 0 19px;
  border-radius: 0 0 10px 10px;
  background-image: url(../img/bg.webp);
}
.footer_nav-subul li {
  padding: 16px 0;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  border-top: var(--color-border) dashed 1px;
}
.footer_nav-subul li:last-child {
  border-bottom: none;
}
.footer_nav-subul li::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url(../img/triangle.webp);
  background-size: contain;
  background-repeat: no-repeat;
}
.footer_nav-subul li a {
  color: var(--color-accent);
  line-height: 1.35;
}
.footer_nav-subul li a:hover {
  background-color: var(--color-background);
}
.footer_add {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 40px 16px 0;
  padding: 8px;
}
.footer_add * {
  color: var(--color-accent);
  line-height: 1.7;
}
.footer_add * span {
  font-weight: 700;
}
.footer_add-h2 {
  margin-bottom: 8px;
  width: 90%;
  max-width: 350px;
}
.footer_add-tel-01 {
  margin-top: 24px;
}
.footer_add-tel-01 a {
  text-decoration: underline;
}
.footer_add-official {
  margin: 32px 0;
  max-width: 310px;
}
.footer_map {
  margin-bottom: 32px;
}
.footer_map iframe {
  padding: 0 16px;
  height: 330px;
}

.copyright {
  background-color: var(--color-accent);
  color: var(--color-white);
  font-size: 12px;
  padding: 16px;
  text-align: center;
}

@media (min-width: 768px) {
  .wrap {
    /* max-width: 1200px; */
    width: clamp(250px, 88vw, 1350px);
    margin: 0 auto;
    position: relative;
  }
  .wrap_column {
    width: clamp(250px, 88vw, 1200px);
    margin: 0 auto;
  }
  .fv {
    background-image: url(../img/fv_leaf.webp), url(../img/fv_bg-pc.webp);
    background-size: 88%, cover;
    background-position: 88% -8%, center;
    padding: 104px 32px 192px;
  }
  .fv_question,
  .pagec01_suplink-bubble,
  .pagec02_suplink-bubble,
  .pagec03_suplink-bubble {
    font-size: 26px;
  }
  .fv_question:nth-child(2),
  .pagec01_suplink-bubble:nth-child(2),
  .pagec02_suplink-bubble:nth-child(2),
  .pagec03_suplink-bubble:nth-child(2) {
    top: 40px;
    left: 8em;
  }
  .fv_hgroup {
    margin: 56px 0 10px;
  }
  .fv_hgroup-first {
    font-size: 27px;
  }
  .fv_hgroup-h2middle {
    line-height: 2.5;
  }
  .fv_ul {
    margin: 56px auto 16px;
  }
  .fv_ul li {
    width: 9.2em;
    /* font-size: 20px; */
    font-size: clamp(16px, 1.6vw, 23px);
  }
  .fv_tel-no {
    font-size: 45px;
  }
  .fv_tel-text {
    font-size: 18px;
  }
  .fv_hgroup-h2 .svg-mask-box .mask-text-style {
    font-size: 40px;
  }
  .info {
    width: clamp(250px, 88vw, 1200px);
    /* width: 80%; */
    margin: -100px auto;
    padding: 88px;
  }
  .info_leaf {
    position: absolute;
    bottom: 40%;
    left: 0;
    z-index: 3;
    width: 32%;
  }
  .info_intro-h2 {
    max-width: 460px;
  }
  .info_problems-onestop {
    font-size: 26px;
  }
  .info_problems-onestop-blue {
    font-size: 26px;
  }
  .info_problems-onestop-red {
    font-size: 26px;
  }
  .info_photo {
    border-radius: 0 32px 0 32px;
  }
  .features {
    padding: 216px 16px 88px;
    margin-top: -136px;
  }
  .features_h2 {
    font-size: 32px;
  }
  .features_h2 span {
    font-size: 16px;
  }
  .features_ol {
    /* max-width: 1200px; */
    /* width: 100%; */
    width: clamp(250px, 88vw, 1200px);
    margin: 0 auto;
  }
  .features_ol-p {
    font-size: 18px;
  }
  .support {
    padding-top: 148px;
    padding-bottom: 88px;
  }
  .support_h2 {
    font-size: 32px;
  }
  .support_h2 span {
    font-size: 16px;
  }
  .support_h2::before {
    width: 124px;
    height: 59px;
    top: -18px;
    left: 50%;
    transform: translate(-50%, -50px);
  }
  .support_ul {
    max-width: 1160px;
    /* width: clamp(250px, 88vw, 1160px); */
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
column-gap: 12px;
row-gap:3px;
    font-size: 18px;
  }
  .support_ul li {
    width: 356px;
    font-size: 18px;
  }
  .support_p {
    font-size: 20px;
  }
  .support_btnbox {
    display: flex;
    justify-content: space-between;
    /* max-width: 968px; */
    width: clamp(250px, 88vw, 968px);
    margin: 24px auto 0;
  }
  .support_btnbox img{
    max-width: 470px;
  }
  .support_btn-text {
    font-size: 18px;
  }
  .support_btn-h3 {
    font-size: 32px;
  }
  .support_cta {
    /* max-width: 968px; */
    width: clamp(250px, 88vw, 968px);
    margin: 80px auto 0;
  }
  .support_cta-lineblue {
    font-size: 24px;
  }
  .support_cta-line {
    font-size: 28px;
    margin-top: 16px;
  }
  .support_bottom {
    font-size: 20px;
  }
  .support_bottom address {
    font-size: 16px;
  }
  .support .fv_tel {
    margin: 0 auto;
    width: 80%;
  }
  .alignment {
    padding-bottom: 88px;
  }
  .alignment_wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
  .alignment_topwrap {
    width: 90%;
    margin: 0 auto;
    position: relative;
  }
  .alignment_topwrap-img {
    width: 30%;
    max-width: 260px;
    border-radius: 0 32px 0 32px;
    position: absolute;
    top: -96px;
    right: 0;
  }
  .alignment_toptext {
    width: 60%;
    margin-bottom: 64px;
  }
  .alignment_top {
    border-radius: 108px;
    background-position: 65% 80%;
    background-size: 120% auto;
    padding: 64px 32px;
  }
  .alignment_top-h2 {
    text-align: left;
    padding-left: 2.5em;
    line-height: 2;
    font-size: 32px;
  }
  .alignment_table {
    width: 90%;
    margin: -72px auto 24px;
  }
  .alignment_table tr:nth-child(1) * {
    text-align: center;
  }
  .alignment_table tr > * {
    width: 19%;
  }
  .alignment_table tr > *:first-child {
    width: 24%;
    font-size: 16px;
  }
  .case_h2 {
    font-size: 32px;
  }
  .case_h2 span {
    font-size: 16px;
  }
  .case_h2::before {
    width: 100px;
    height: 75px;
    top: -14px;
  }
  .case_ul {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 32px 16px;
  }
  .case_ul-li {
    width: calc(50% - 12px);
  }
  .case_ul-top {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
  }
  .case_ul-top span {
    font-size: 15px;
  }
  .case_ul-h3 {
    font-size: 22px;
  }
  .ques {
    /* max-width: 968px; */
    width: clamp(250px, 88vw, 968px);
    margin: 72px auto 0;
    padding: 56px;
  }
  .ques_h2 {
    font-size: 32px;
  }
  .ques_h2 span {
    font-size: 16px;
  }
  .consultation {
    padding: 72px 0;
  }
  .consultation_inner {
    width: 90%;
    margin: 0 auto;
  }
  .consultation_h2 {
    font-size: 32px;
  }
  .consultation_h2 span {
    font-size: 16px;
    padding-top: 24px;
  }
  .consultation_h2::before {
    width: 112px;
    height: 57px;
  }
  .consultation_p {
    font-size: 20px;
  }
  .consultation_ol {
    width: 90%;
    margin: 32px auto 0;
  }
  .consultation_ol li {
    display: flex;
  }
  .consultation_ol-h3 {
    font-size: 20px;
    border-radius: 8px 0 0 8px;
    width: 200px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .consultation_ol-dis {
    font-size: 16px;
    border-radius: 0 8px 8px 0;
  }
  .consultation_bottom-text {
    font-size: 22px;
    width: 80%;
    margin: 0 auto 48px;
  }
  .consultation_bottom-text:last-child {
    margin: 0 auto 24px;
  }
  .consultation_bottom-line01 {
    display: block;
    font-size: 26px;
  }
  .consultation_bottom-line02 {
    display: none;
  }
  .consultation_bottom-linepc {
    display: block;
    font-size: 26px;
    width: 100%;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    color: var(--color-accent);
    border-bottom: var(--color-border) solid 2px;
    padding: 8px 0;
  }
  .area {
    padding: 140px 16px 300px;
  }
  .area_h2 {
    font-size: 32px;
  }
  .area_h2 span {
    font-size: 16px;
    padding-top: 24px;
  }
  .area_h2::before {
    width: 66px;
    height: 76px;
  }
  .area_p {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .area_box {
    max-width: 986px;
    width: 100%;
    margin: 0 auto;
  }
  .inquiry {
    background-position: 18% 28%;
    background-size: 112% auto;
    margin: -200px 14px 0;
  }
  .inquiry .fv_tel {
    margin: 0 auto;
  }
  .inquiry_h2 {
    font-size: 30px;
  }
  .footer_box {
    width: 100%;
    /* max-width: 1200px; */
    margin: 64px auto 72px;
    padding: 0 32px;
  }
  .footer_add {
    margin: 0;
    padding: 0;
  }
  .footer_add-official {
    margin: 32px 0;
    width: 90%;
    max-width: 350px;
  }
  .footer_add-h2 {
    max-width: 350px;
  }
  .footer_map {
    margin-bottom: 0;
  }
  .footer_nav {
    margin: 32px 0;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .info {
    /* width: 80%; */
    margin: -136px auto 0;
    border-radius: 136px;
    padding-top: 88px;
    padding-bottom: 72px;
  }
  .info_leaf {
    bottom: 54%;
  }
  .info_photo {
    width: 277px;
    height: 382px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left top;
    object-position: left top;
  }
  .info_intro {
    display: flex;
    justify-content: center;
    gap: 40px;
  }
  .info_intro-photo {
    margin-top: 0;
    display: flex;
    flex-direction: column-reverse;
    width: 277px;
  }
  .info_intro-text {
    width: 60%;
  }
  .info_intro-p {
    font-size: 18px;
  }
  .info_problems::after {
    left: 50%;
  }
  .info_problems-line {
    font-size: 26px;
  }
  .info_problems-lineblue {
    font-size: 26px;
  }
  .info_problems-bubble {
    padding: 24px 5%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
  }
  .info_problems-bubble p {
    font-size: 20px;
  }
  .features_ol {
    display: flex;
    gap: 24px;
  }
  .features_ol-img {
    aspect-ratio: 384/236;
  }
  .features_ol-li {
    margin-bottom: 0;
  }
  /* .support_btnbox {
    display: flex;
    justify-content: space-between;
    /* gap: 60px; }*/

  /* .alignment_wrap {
    width: 80%;
    margin: 0 auto;
  } */
  .alignment_bottom {
    width: 75%;
    padding: 24px 24px 24px 136px;
    position: relative;
    margin: 96px 50px 0 auto;
  }
  .alignment_bottom-img {
    display: block;
    border-radius: 0 32px 0 32px;
    position: absolute;
    top: -32px;
    left: -21%;
    width: 260px;
  }
  .case_ul {
    /* max-width: 968px; */
    width: clamp(250px, 88vw, 968px);
  }
  .consultation_inner {
    /* max-width: 968px; */
    width: clamp(250px, 88vw, 968px);
  }
  /* .consultation_ol {
    width: 75%;
  } */
  .footer_box {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    padding: 0 10%;
    flex-wrap: wrap;
  }
  .footer_add {
    flex: 0 0 312px;
  }
  .footer_add-official {
    margin: 0;
    width: 100%;
  }
  .footer_map {
    flex: 1 0 200px;
    min-width: 420px;
  }
  .footer_map iframe {
    height: 100%;
  }
  .footer_nav {
    flex: 0 0 345px;
    margin: 0;
  }

@media (min-width: 1366px) {
  /* .fv {
    background-position: 96% -75%, center;
    background-size: 64%, cover;
    margin-top: 142px;
    padding: 56px 32px 192px;
  }
  .fv_hgroup-spimg {
    display: none;
  }
  .fv_hgroup-spcimg {
    display: block;
    width: 60%;
  }

  .fv_ul li:nth-child(2) {
    position: absolute;
    top: -100%;
  }

  .fv_tel-img {
    position: absolute;
    top: 50%;
    left: -38px;
    transform: translateY(-54%);
    width: 105px;
    max-width: initial;
  } */
}

@media (min-width: 1100px) {
  .fv {
    background-position: 96% -75%, center;
    background-size: 64%, cover;
    margin-top: 142px;
    padding: 56px 32px 192px;
  }
  .fv_hgroup-spimg {
    display: none;
  }
  .fv_hgroup-spcimg {
    display: block;
    width: 60%;
  }

  .fv_ul li:nth-child(2) {
    position: absolute;
    top: -100%;
  }

  .fv_tel-img {
    position: absolute;
    top: 50%;
    left: -38px;
    transform: translateY(-54%);
    width: 105px;
    max-width: initial;
  }
  .fv_ul {
    margin: 56px auto 0;
    gap: 50px;
    position: absolute;
    right: -40px;
    bottom: 0;
  }
  .fv_tel {
    width: 60%;
    margin: 24px 0 0 30px;
    padding: 16px 0;
    position: relative;
  }
}
/* *****2.pagesup_support.html***** */
.pagesup,
.pageoffi {
  background-color: #f9f9f9;
}
.pagesup_fv,
.pagec01_fv,
.pagec02_fv,
.pagec03_fv,
.pageoffi_fv {
  background-image: url(../img/fv_leaf.webp), url(../img/pagesup_bg.webp);
  background-repeat: no-repeat, no-repeat;
  background-size: 624px, cover;
  background-position: 108% -121px, center center;
  margin-top: 80px;
  padding: 120px 16px 64px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}
.pagesup_fv *,
.pagec01_fv *,
.pagec02_fv *,
.pagec03_fv *,
.pageoffi_fv * {
  color: var(--color-white);
}
.pagesup_fv-h2,
.pagec01_fv-h2,
.pagec02_fv-h2,
.pagec03_fv-h2,
.pageoffi_fv-h2 {
  font-size: 28px;
  position: relative;
  margin-bottom: 24px;
}
.pagesup_fv-h2 span,
.pagec01_fv-h2 span,
.pagec02_fv-h2 span,
.pagec03_fv-h2 span,
.pageoffi_fv-h2 span {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: var(--color-border);
  display: block;
}
.pagesup_fv-h2::before,
.pagec01_fv-h2::before,
.pagec02_fv-h2::before,
.pagec03_fv-h2::before,
.pageoffi_fv-h2::before {
  content: "";
  display: inline-block;
  width: 80px;
  height: 45px;
  background-image: url(../img/support_top.webp);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50px);
}
.pagesup_fv-pbold,
.pagec01_fv-pbold,
.pagec02_fv-pbold,
.pagec03_fv-pbold,
.pageoffi_fv-pbold {
  font-size: 20px;
  margin-bottom: 1em;
  line-height: 1.35;
}
.pagesup_fv-p,
.pageoffi_fv-p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
.pagesup_whole,
.pageoffi_access-add {
  padding: 48px 16px;
  border-bottom: var(--color-border) solid 2px;
  margin-bottom: 40px;
}
.pagesup_whole-h3,
.pageoffi_publ-h3,
.pageoffi_offi-h3,
.pageoffi_access-h3,
.pagesup_inhname-h3sub {
  color: var(--color-accent);
  font-size: 24px;
  text-align: left;
  margin-bottom: 24px;
  position: relative;
}
.pagesup_whole-h3::before,
.pageoffi_publ-h3::before,
.pageoffi_offi-h3::before,
.pageoffi_access-h3::before,
.pagesup_inhname-h3sub::before {
  content: "";
  display: block;
  width: 22px;
  height: 3px;
  background-color: var(--color-primary);
  position: absolute;
  bottom: -8px;
  left: 0;
}
.pagesup_whole-h3 + p,
.pageoffi_publ-h3 + p,
.pageoffi_offi-h3 + p,
.pageoffi_access-h3 + p,
.pagesup_inhname-h3sub + p {
  margin-bottom: 24px;
}
.pagesup_whole-ol {
  padding: 18px;
  border: var(--color-background) solid 2px;
}
.pagesup_whole-ol * {
  color: var(--color-white);
}
.pagesup_whole-ol01,
.pagesup_whole-ol02 {
  padding: 12px;
  background-color: #295d8a;
  border-radius: 12px;
}
.pagesup_whole-ol01 h4,
.pagesup_whole-ol02 h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
}
.pagesup_whole-ol01 p,
.pagesup_whole-ol02 p {
  font-weight: 400;
}
.pagesup_whole-ol01 {
  margin-bottom: 40px;
  line-height: 1.35;
  position: relative;
}
.pagesup_whole-ol01 h4 {
  margin-bottom: 16px;
}
.pagesup_whole-ol01::before {
  content: "";
  display: block;
  height: 22px;
  aspect-ratio: 17/46;
  background-image: url(../img/arrow_single.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: -36px;
  left: 50%;
  transform: translateX(-50%);
}
.pagesup_whole-ol02 {
  margin-bottom: 32px;
  position: relative;
}
.pagesup_whole-ol02::before {
  content: "";
  display: block;
  height: 18px;
  aspect-ratio: 321/37;
  background-image: url(../img/arrow_wide.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: -26px;
  left: 50%;
  transform: translateX(-50%);
}
.pagesup_whole-ul {
  display: flex;
  gap: 8px;
}
.pagesup_whole-ul > * {
  flex: 1;
}
.pagesup_whole h5,
.pageoffi_access-add h5 {
  font-size: 16px;
  border-radius: 3px;
  padding: 12px;
  text-align: center;
  position: relative;
}
.pagesup_whole h5::before,
.pageoffi_access-add h5::before {
  content: "";
  display: block;
  height: 14px;
  aspect-ratio: 30/17;
  background-image: url(../img/arrow_single2.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
}
.pagesup_whole-ulyes h5 {
  font-family: "Noto Sans JP", sans-serif;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: var(--color-primary) solid 2px;
  margin-bottom: 32px;
}
.pagesup_whole-ulyes .support_btn {
  background-image: url(../img/support_btn-bg01.webp);
}
.pagesup_whole-ulno h5 {
  font-family: "Noto Sans JP", sans-serif;
  background-color: var(--color-white);
  color: var(--color-primary);
  border: var(--color-primary) solid 2px;
  margin-bottom: 32px;
}
.pagesup_inhtax {
  padding: 16px;
  border-bottom: var(--color-border) solid 2px;
}
.pagesup_inhtax-h3,
.pagec01_sec-h3,
.pagec01_sec-noborder-h3,
.pagec02_sec-h3,
.pagec02_sec-noborder-h3,
.pagec03_sec-h3,
.pagec03_sec-noborder-h3,
.pagesup_inhname-h3 {
  font-size: 24px;
  background-color: #295d8a;
  padding: 16px 16px 16px 48px;
  color: var(--color-white);
  text-align: left;
  border-radius: 8px;
  margin-bottom: 16px;
  position: relative;
}
.pagesup_inhtax-h3::before,
.pagec01_sec-h3::before,
.pagec01_sec-noborder-h3::before,
.pagec02_sec-h3::before,
.pagec02_sec-noborder-h3::before,
.pagec03_sec-h3::before,
.pagec03_sec-noborder-h3::before,
.pagesup_inhname-h3::before {
  content: "";
  width: 8px;
  height: 60%;
  border-radius: 4px;
  background-color: var(--color-border);
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.pagesup_inhtax-top,
.pagesup_inhname-top {
  margin-bottom: 40px;
}
.pagesup_inhtax-p span,
.pagesup_inhname-p span {
  color: var(--color-red);
}
.pagesup_inhtax-img,
.pagesup_inhname-img {
  margin-top: 24px;
  border-radius: 0 32px 0 32px;
}
.pagesup_inhtax-sec,
.pagesup_inhname-sec {
  border: var(--color-border) solid 2px;
  padding: 32px 16px;
  margin-bottom: 40px;
}
.pagesup_inhtax-h4,
.pagec01_sec-h4,
.pagec01_sec-noborder-h4,
.pagec02_sec-h4,
.pagec02_sec-noborder-h4,
.pagec03_sec-h4,
.pagec03_sec-noborder-h4,
.pageoffi_access-h4,
.pagesup_inhname-h4,
.pagesup_inhtax-h42 {
  font-size: 22px;
  color: var(--color-accent);
  text-align: left;
  padding-left: 1em;
  margin-bottom: 16px;
  line-height: 1.35;
  position: relative;
}
.pagesup_inhtax-h4::before,
.pagec01_sec-h4::before,
.pagec01_sec-noborder-h4::before,
.pagec02_sec-h4::before,
.pagec02_sec-noborder-h4::before,
.pagec03_sec-h4::before,
.pagec03_sec-noborder-h4::before,
.pageoffi_access-h4::before,
.pagesup_inhname-h4::before,
.pagesup_inhtax-h42::before {
  content: "";
  width: 16px;
  height: 2px;
  background-color: var(--color-primary);
  position: absolute;
  top: 50%;
  left: 0;
}
.pagesup_inhtax-ul li,
.pagesup_inhname-ul li {
  padding-left: 1.2em;
  line-height: 1.35;
  position: relative;
}
.pagesup_inhtax-ul li::before,
.pagesup_inhname-ul li::before {
  content: "●";
  width: 1em;
  height: 1em;
  position: absolute;
  top: 4px;
  left: 0;
}
.pagesup_inhtax-rewardbox {
  font-weight: 500;
  font-size: clamp(18px, 4.5vw, 40px);
  line-height: 3;
  letter-spacing: 0;
  white-space: nowrap;
  margin: 32px 0;
  position: relative;
}
.pagesup_inhtax-rewardbox span {
  font-size: 14px;
  color: #295d8a;
  display: block;
  position: absolute;
  top: -12px;
  left: 0;
}
.pagesup_inhtax-rewardbox .pagesup_inhtax-rewardtax {
  font-size: 50%;
  top: auto;
  bottom: -13px;
  color: var(--color-text-main);
  letter-spacing: 0.08em;
}
.pagesup_inhtax-rewardbox .pagesup_inhtax-rewardtax2 {
  font-size: 50%;
  top: auto;
  bottom: -13px;
  color: var(--color-text-main);
  width: 105%;
  text-align: right;
  letter-spacing: 0.08em;
}
.pagesup_inhname {
  padding: 16px;
}
.pagesup_inhname-cost {
  font-weight: 500;
  font-size: clamp(18px, 4.5vw, 40px);
  line-height: 2;
  letter-spacing: 0;
  white-space: nowrap;
  margin: 0;
  line-height: 1;
}
.pagesup_inhname-cost span {
  font-size: 14px;
  color: var(--color-text-main);
  display: inline-block;
  position: static;
}
.pagesup_inhname-supmenuul li {
  margin-bottom: 16px;
  line-height: 1.35;
}
.pagesup_inhname-supmenuul li h5 {
  font-family: "Noto Sans JP", sans-serif;
  color: var(--color-white);
  background-color: var(--color-primary);
  border-radius: 60px;
  text-align: center;
  padding: 10px 10px 14px 10px;
  margin-bottom: 8px;
  font-size: 16px;
}
.pagesup_inhname-supmenuul li p {
  line-height: 1.35;
}

#pagesup_inhtax,
#pagesup_inhname {
  scroll-margin-top: 100px;
}

@media (min-width: 768px) {
  .pagesup_fv,
  .pagec01_fv,
  .pagec02_fv,
  .pagec03_fv,
  .pageoffi_fv {
    margin-top: 140px;
    padding: 176px 16px 96px;
  }
  .pagesup_fv-h2,
  .pagec01_fv-h2,
  .pagec02_fv-h2,
  .pagec03_fv-h2,
  .pageoffi_fv-h2 {
    font-size: 40px;
    margin-bottom: 40px;
  }
  .pagesup_fv-h2 span,
  .pagec01_fv-h2 span,
  .pagec02_fv-h2 span,
  .pagec03_fv-h2 span,
  .pageoffi_fv-h2 span {
    font-size: 16px;
  }
  .pagesup_fv-h2::before,
  .pagec01_fv-h2::before,
  .pagec02_fv-h2::before,
  .pagec03_fv-h2::before,
  .pageoffi_fv-h2::before {
    width: 124px;
    height: 59px;
    top: -24px;
  }
  .pagesup_fv-pbold,
  .pagec01_fv-pbold,
  .pagec02_fv-pbold,
  .pagec03_fv-pbold,
  .pageoffi_fv-pbold {
    font-size: 30px;
  }
  .pagesup_fv-p,
  .pageoffi_fv-p {
    font-size: 18px;
  }
  .pagesup_whole,
  .pageoffi_access-add {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 48px;
  }
  .pagesup_whole-h3,
  .pageoffi_publ-h3,
  .pageoffi_offi-h3,
  .pageoffi_access-h3,
  .pagesup_inhname-h3sub {
    font-size: 32px;
    margin-bottom: 32px;
  }
  .pagesup_whole-ol {
    text-align: center;
    padding: 50px 80px;
  }
  .pagesup_whole-ol01 {
    text-align: left;
    padding: 24px 64px;
    margin-bottom: 70px;
  }
  .pagesup_whole-ol01::before {
    height: 60px;
    bottom: -64px;
  }
  .pagesup_whole-ol01 p {
    font-size: 14px;
  }
  .pagesup_whole-ol01 h4 {
    font-size: 20px;
  }
  .pagesup_whole-ol02 {
    display: inline-block;
    width: 50%;
    margin-bottom: 55px;
  }
  .pagesup_whole-ol02 h4 {
    font-size: 20px;
    margin: 0;
  }
  .pagesup_whole-ol02::before {
    height: 46px;
    bottom: -50px;
  }
  .pagesup_whole-ul {
    gap: 35px;
  }
  .pagesup_whole-ulno h5,
  .pagesup_whole-ulyes h5 {
    font-size: 20px;
    margin-bottom: 55px;
  }
  .pagesup_whole-ulno h5::before,
  .pagesup_whole-ulyes h5::before {
    height: 38px;
    bottom: -50px;
  }
  .pagesup_whole-ulno .support_btn,
  .pagesup_whole-ulyes .support_btn {
    margin: 50px 0 0;
  }
  .pagesup_whole .support_btn,
  .pageoffi_access-add .support_btn {
    padding: 32px;
    border-radius: 6px;
  }
  .pagesup_whole .support_btn-h3,
  .pageoffi_access-add .support_btn-h3 {
    font-size: 30px;
  }
  .pagesup_whole .support_btn-button,
  .pageoffi_access-add .support_btn-button {
    font-size: 18px;
    padding: 16px 40px;
  }
  .pagesup_inhtax {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 40px;
  }
  .pagesup_inhtax-h3,
  .pagec01_sec-h3,
  .pagec01_sec-noborder-h3,
  .pagec02_sec-h3,
  .pagec02_sec-noborder-h3,
  .pagec03_sec-h3,
  .pagec03_sec-noborder-h3,
  .pagesup_inhname-h3 {
    font-size: 32px;
    margin-bottom: 24px;
  }
  .pagesup_inhtax-top,
  .pagesup_inhname-top {
    display: flex;
    gap: 40px;
  }
  .pagesup_inhtax-ul,
  .pagesup_inhname-ul {
    display: flex;
    flex-wrap: wrap;
  }
  .pagesup_inhtax-ul li,
  .pagesup_inhname-ul li {
    width: 50%;
    margin-bottom: 8px;
  }
  .pagesup_inhtax-p,
  .pagesup_inhname-p {
    flex: 1;
    line-height: 1.9;
  }
  .pagesup_inhtax-img,
  .pagesup_inhname-img {
    width: 40%;
  }
  .pagesup_inhtax-sec,
  .pagesup_inhname-sec {
    padding: 32px 50px;
  }
  .pagesup_inhtax-h4,
  .pagec01_sec-h4,
  .pagec01_sec-noborder-h4,
  .pagec02_sec-h4,
  .pagec02_sec-noborder-h4,
  .pagec03_sec-h4,
  .pagec03_sec-noborder-h4,
  .pageoffi_access-h4,
  .pagesup_inhname-h4 {
    font-size: 28px;
    margin-bottom: 8px;
    padding-left: 1.4em;
  }
  .pagesup_inhtax-h4::before,
  .pagec01_sec-h4::before,
  .pagec01_sec-noborder-h4::before,
  .pagec02_sec-h4::before,
  .pagec02_sec-noborder-h4::before,
  .pagec03_sec-h4::before,
  .pagec03_sec-noborder-h4::before,
  .pageoffi_access-h4::before,
  .pagesup_inhname-h4::before {
    width: 24px;
  }
  .pagesup_inhtax-h42 {
    font-size: 28px;
    margin-bottom: 0;
  }
  .pagesup_inhtax-rewardbox {
    font-size: 40px;
    line-height: 2.8;
  }
  .pagesup_inhtax-rewardbox span {
    font-size: 17px;
  }
  .pagesup_inhtax-rewardbox .pagesup_inhtax-rewardtax {
    font-size: 40%;
    width: 9.5em;
    text-align: center;
  }
  .pagesup_inhtax-rewardbox .pagesup_inhtax-rewardtax2 {
    font-size: 40%;
    width: 100%;
  }
  .pagesup_inhname {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 32px;
  }
  .pagesup_inhname-supmenuul li h5 {
    font-size: 20px;
  }
  .pagesup_inhname-cost {
    font-size: 40px;
  }
  #pagesup_inhtax,
  #pagesup_inhname {
    scroll-margin-top: 150px;
  }
}
@media (min-width: 1024px) {
  .pagesup_fv,
  .pagec01_fv,
  .pagec02_fv,
  .pagec03_fv,
  .pageoffi_fv {
    background-size: 688px, cover;
    background-position: 97% -124px, center center;
  }
  .pagesup_inhname-supmenuul li {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
  }
  .pagesup_inhname-supmenuul li h5 {
    flex: 0 0 320px;
    margin-right: 1em;
    margin-bottom: 0;
  }
}
.pageoffi_fv {
  background-image: url(../img/fv_leaf.webp), url(../img/office_bg.webp);
}
.pageoffi_fv-h2::before {
  width: 56px;
  height: 56px;
  background-image: url(../img/fv_ul01.webp);
  top: -8px;
}
.pageoffi_access {
  padding: 48px 16px 16px;
}
.pageoffi_access p span {
  color: var(--color-accent);
  font-weight: 700;
}
.pageoffi_access-map {
  height: 360px;
}
.pageoffi_access-mapbox a {
  color: var(--color-white);
  background-color: #295d8a;
  border-radius: 60px;
  text-align: center;
  padding: 12px 3em 12px 1em;
  margin: 24px auto 72px;
  display: block;
  width: 16em;
  position: relative;
}
.pageoffi_access-mapbox a::before {
  content: "";
  display: inline;
  width: 1em;
  height: 1em;
  background-image: url(../img/map_big.webp);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 56%;
  transform: translate(6em, -50%);
}

.pageoffi_access-mapimg {
  max-width: 934px;
  width: 100%;
  margin: 24px auto auto;
}
.pageoffi_access-busimg {
  margin-bottom: 16px;
}
.pageoffi_access-add {
  padding: 0 0 48px;
}
.pageoffi_access-add img {
  margin-bottom: 32px;
}
.pageoffi_access-sec {
  margin-top: 32px;
}
.pageoffi_access-sec p {
  margin-top: 24px;
}
.pageoffi_offi {
  background-color: var(--color-background);
  padding: 48px 16px;
}
.pageoffi_offi p {
  line-height: 1.9;
}
.pageoffi_offi-dl * {
  line-height: 1.7;
}
.pageoffi_offi-dlbox {
  border-bottom: var(--color-text-main) solid 1px;
  padding: 12px 0;
}
.pageoffi_offi-dlbox dt {
  font-weight: 700;
}
.pageoffi_offi-abou,
.pageoffi_offi-hist,
.pageoffi_offi-ikeda,
.pageoffi_offi-karin {
  margin-bottom: 72px;
}
.pageoffi_offi-prof,
.pageoffi_offi-karinbox dl {
  margin-bottom: 32px;
}
.pageoffi_offi-dlbox2 {
  display: flex;
  margin: 8px 0;
}
.pageoffi_offi-dlbox2 dt {
  width: 40%;
  font-weight: 700;
}
.pageoffi_offi-dlbox2 * {
  line-height: 1.7;
}
.pageoffi_offi-imgbox {
  display: flex;
  gap: 12px;
}
.pageoffi_offi-imgbox div {
  flex: 0 0 50%;
  -o-object-fit: cover;
  object-fit: cover;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pageoffi_offi-imgbox > img {
  width: calc(50% - 12px);
  -o-object-fit: cover;
  object-fit: cover;
}
.pageoffi_offi-officialsitewrap {
  border-bottom: var(--color-border) solid 2px;
  margin-bottom: 72px;
}
.pageoffi_offi-officialsite {
  display: block;
  width: 100%;
  height: auto;
  background-image: url(../img/sup_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  color: var(--color-white);
  margin: 48px 0;
  padding: 8vh 0;
  text-align: center;
  box-shadow: 0px 6px 4px rgba(0, 0, 0, 0.25);
  line-height: 1.35;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.pageoffi_offi-officialsite img {
  width: 13vw;
  min-width: 146px;
  margin: 0 auto 16px;
}
.pageoffi_offi-partnership {
  list-style-type: disc;
  padding-left: 1.2em;
}
.pageoffi_offi-partnership li {
  line-height: 1.7;
}
.pageoffi_offi-perinfobox {
  padding: 32px 24px;
  background-color: var(--color-white);
  border: var(--color-border) solid 3px;
  border-radius: 8px;
}
.pageoffi_publ {
  background-color: var(--color-white);
  padding: 40px 16px;
}
.pageoffi_publ-li {
  display: flex;
  gap: 16px;
  margin-bottom: 32px;
}
.pageoffi_publ-li img {
  width: 50%;
}
.pageoffi_publ-li div {
  padding: 8px 0;
}
.pageoffi_publ-cat {
  background-color: var(--color-background);
  border-radius: 25px;
  display: inline;
  padding: 6px 12px;
  font-size: 14px;
}
.pageoffi_publ-off {
  font-size: 14px;
  margin-top: 16px;
}
.pageoffi_publ-h4 {
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  text-align: left;
}

@media (min-width: 768px) {
  .pageoffi_fv-h2::before {
    width: 63px;
    height: 65px;
    top: -15px;
  }
  .pageoffi_access {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
  .pageoffi_access-mapbox a {
    font-size: 22px;
    padding: 14px 0.75em 16px 0;
    width: 14em;
  }
  .pageoffi_access-map {
    height: 520px;
  }
  .pageoffi_access-sec {
    margin: 72px 0;
  }
  .pageoffi_access-add {
    width: 100%;
    display: flex;
    gap: 32px;
    margin-bottom: 72px;
  }
  .pageoffi_access-add img {
    width: 50%;
    margin-bottom: 24px;
  }
  .pageoffi_access-busimg {
    max-width: 934px;
    width: 100%;
    margin: 16px auto 32px;
  }
  .pageoffi_offi {
    padding: 0px 16px;
  }
  .pageoffi_offi-dl {
    font-size: 20px;
  }
  .pageoffi_offi-dlbox {
    display: flex;
  }
  .pageoffi_offi-dlbox dt {
    width: 24%;
    max-width: 160px;
  }
  .pageoffi_offi-ikedabox,
  .pageoffi_offi-karinbox {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .pageoffi_offi-prof,
  .pageoffi_offi-karinbox dl {
    flex: 0 1 50%;
    font-size: 18px;
  }
  .pageoffi_offi-prof dt,
  .pageoffi_offi-karinbox dl dt {
    font-weight: 700;
  }
  .pageoffi_offi-imgbox {
    width: 50%;
  }
  .pageoffi_offi-officialsite {
    width: 80%;
    margin: 72px auto;
    font-size: 24px;
  }
  .pageoffi_offi-bottom {
    display: flex;
    justify-content: space-between;
  }
  .pageoffi_publ {
    padding: 0 16px;
  }
  .pageoffi_publ-ul {
    display: flex;
    gap: 32px;
  }
  .pageoffi_publ-li {
    flex-direction: column;
    width: 25%;
  }
  .pageoffi_publ-li img {
    width: 100%;
  }
}
.pagec01,
.pagec02,
.pagec03 {
  background-color: #f9f9f9;
}
.pagec01 .wrap,
.pagec02 .wrap,
.pagec03 .wrap {
  padding: 40px 16px;
}
.pagec01 .wrap > .pagec01_sec-p,
.pagec01 .wrap > .pagec02_sec-p,
.pagec01 .wrap > .pagec03_sec-p,
.pagec02 .wrap > .pagec01_sec-p,
.pagec02 .wrap > .pagec02_sec-p,
.pagec02 .wrap > .pagec03_sec-p,
.pagec03 .wrap > .pagec01_sec-p,
.pagec03 .wrap > .pagec02_sec-p,
.pagec03 .wrap > .pagec03_sec-p {
  margin-top: 0;
}
.pagec01_fv,
.pagec02_fv,
.pagec03_fv {
  background-image: url(../img/fv_leaf.webp), url(../img/guide_bg01.webp);
  padding: 124px 16px 56px;
}
.pagec01_fv-h2::before,
.pagec02_fv-h2::before,
.pagec03_fv-h2::before {
  width: 56px;
  height: 56px;
  background-image: url(../img/fv_ul04.webp);
  top: -8px;
}
.pagec01_fv-pbold,
.pagec02_fv-pbold,
.pagec03_fv-pbold {
  margin: 0;
}
.pagec01 .pagec01_sec-red,
.pagec01 .pagec02_sec-red,
.pagec01 .pagec03_sec-red,
.pagec02 .pagec01_sec-red,
.pagec02 .pagec02_sec-red,
.pagec02 .pagec03_sec-red,
.pagec03 .pagec01_sec-red,
.pagec03 .pagec02_sec-red,
.pagec03 .pagec03_sec-red {
  color: var(--color-red);
}
.pagec01_sec,
.pagec01_sec-noborder,
.pagec02_sec,
.pagec02_sec-noborder,
.pagec03_sec,
.pagec03_sec-noborder {
  padding-bottom: 40px;
  border-bottom: var(--color-border) solid 2px;
}
.pagec01_sec-blue,
.pagec01_sec-noborder-blue,
.pagec02_sec-blue,
.pagec02_sec-noborder-blue,
.pagec03_sec-blue,
.pagec03_sec-noborder-blue {
  color: var(--color-accent);
  font-weight: 700;
}
.pagec01_sec-bold,
.pagec01_sec-noborder-bold,
.pagec02_sec-bold,
.pagec02_sec-noborder-bold,
.pagec03_sec-bold,
.pagec03_sec-noborder-bold {
  font-weight: 900;
}
.pagec01_sec-h3,
.pagec01_sec-noborder-h3,
.pagec02_sec-h3,
.pagec02_sec-noborder-h3,
.pagec03_sec-h3,
.pagec03_sec-noborder-h3 {
  margin-top: 40px;
}
.pagec01_sec-h4,
.pagec01_sec-noborder-h4,
.pagec02_sec-h4,
.pagec02_sec-noborder-h4,
.pagec03_sec-h4,
.pagec03_sec-noborder-h4 {
  margin-top: 32px;
}
.pagec01_sec-h4 + .pagec01_sec-h4,
.pagec01_sec-noborder-h4 + .pagec01_sec-h4,
.pagec02_sec-h4 + .pagec01_sec-h4,
.pagec02_sec-noborder-h4 + .pagec01_sec-h4,
.pagec03_sec-h4 + .pagec01_sec-h4,
.pagec03_sec-noborder-h4 + .pagec01_sec-h4 {
  margin-top: 8px;
}
.pagec01_sec-h5,
.pagec01_sec-noborder-h5,
.pagec02_sec-h5,
.pagec02_sec-noborder-h5,
.pagec03_sec-h5,
.pagec03_sec-noborder-h5 {
  color: var(--color-accent);
  font-size: 19px;
  text-align: left;
}
.pagec01_sec-h5span,
.pagec01_sec-noborder-h5span,
.pagec02_sec-h5span,
.pagec02_sec-noborder-h5span,
.pagec03_sec-h5span,
.pagec03_sec-noborder-h5span {
  font-size: 14px;
}
.pagec01_sec-h6,
.pagec01_sec-noborder-h6,
.pagec02_sec-h6,
.pagec02_sec-noborder-h6,
.pagec03_sec-h6,
.pagec03_sec-noborder-h6 {
  margin-top: 32px;
  color: var(--color-text-main);
  font-size: 16px;
  text-align: left;
}
.pagec01_sec-h6 + .pagec03_sec-p,
.pagec01_sec-noborder-h6 + .pagec03_sec-p,
.pagec02_sec-h6 + .pagec03_sec-p,
.pagec02_sec-noborder-h6 + .pagec03_sec-p,
.pagec03_sec-h6 + .pagec03_sec-p,
.pagec03_sec-noborder-h6 + .pagec03_sec-p {
  margin-top: 0;
}
.pagec01_sec-link,
.pagec01_sec-noborder-link,
.pagec02_sec-link,
.pagec02_sec-noborder-link,
.pagec03_sec-link,
.pagec03_sec-noborder-link {
  text-decoration: underline;
}
.pagec01_sec ul,
.pagec01_sec-noborder ul,
.pagec02_sec ul,
.pagec02_sec-noborder ul,
.pagec03_sec ul,
.pagec03_sec-noborder ul {
  list-style-type: disc;
  padding-left: 24px;
}
.pagec01_sec ul *,
.pagec01_sec-noborder ul *,
.pagec02_sec ul *,
.pagec02_sec-noborder ul *,
.pagec03_sec ul *,
.pagec03_sec-noborder ul * {
  font-size: 16px;
  line-height: 1.9;
}
.pagec01_sec ul span,
.pagec01_sec-noborder ul span,
.pagec02_sec ul span,
.pagec02_sec-noborder ul span,
.pagec03_sec ul span,
.pagec03_sec-noborder ul span {
  font-weight: 700;
  color: var(--color-accent);
}
.pagec01_sec ul span.pagec01_sec-red,
.pagec01_sec-noborder ul span.pagec01_sec-red,
.pagec02_sec ul span.pagec01_sec-red,
.pagec02_sec-noborder ul span.pagec01_sec-red,
.pagec03_sec ul span.pagec01_sec-red,
.pagec03_sec-noborder ul span.pagec01_sec-red {
  color: var(--color-red);
}
.pagec01_sec-p,
.pagec01_sec-noborder-p,
.pagec02_sec-p,
.pagec02_sec-noborder-p,
.pagec03_sec-p,
.pagec03_sec-noborder-p {
  margin-top: 32px;
  margin-bottom: 32px;
  line-height: 1.9;
}
.pagec01_sec-p span,
.pagec01_sec-noborder-p span,
.pagec02_sec-p span,
.pagec02_sec-noborder-p span,
.pagec03_sec-p span,
.pagec03_sec-noborder-p span {
  color: var(--color-accent);
  font-weight: 700;
}
.pagec01_sec-p span.pagec03_sec-red,
.pagec01_sec-noborder-p span.pagec03_sec-red,
.pagec02_sec-p span.pagec03_sec-red,
.pagec02_sec-noborder-p span.pagec03_sec-red,
.pagec03_sec-p span.pagec03_sec-red,
.pagec03_sec-noborder-p span.pagec03_sec-red {
  color: var(--color-red);
}
.pagec01_sec-img,
.pagec01_sec-noborder-img,
.pagec02_sec-img,
.pagec02_sec-noborder-img,
.pagec03_sec-img,
.pagec03_sec-noborder-img {
  display: block;
  width: 100%;
}
.pagec01_sec-ptetsu,
.pagec01_sec-noborder-ptetsu,
.pagec02_sec-ptetsu,
.pagec02_sec-noborder-ptetsu,
.pagec03_sec-ptetsu,
.pagec03_sec-noborder-ptetsu {
  margin: 28px 0 32px;
}
.pagec01_sec .pagec03_sec-p:last-child,
.pagec01_sec-noborder .pagec03_sec-p:last-child,
.pagec02_sec .pagec03_sec-p:last-child,
.pagec02_sec-noborder .pagec03_sec-p:last-child,
.pagec03_sec .pagec03_sec-p:last-child,
.pagec03_sec-noborder .pagec03_sec-p:last-child {
  margin-bottom: 0;
}
.pagec01_sec-tableimg,
.pagec01_sec-noborder-tableimg,
.pagec02_sec-tableimg,
.pagec02_sec-noborder-tableimg,
.pagec03_sec-tableimg,
.pagec03_sec-noborder-tableimg {
  min-width: 700px;
}
.pagec01_sec-slide,
.pagec01_sec-noborder-slide,
.pagec02_sec-slide,
.pagec02_sec-noborder-slide,
.pagec03_sec-slide,
.pagec03_sec-noborder-slide {
  border: var(--color-border) solid 1px;
  border-radius: 40px;
  text-align: center;
  padding: 8px;
  margin: 24px 0;
  position: relative;
}
.pagec01_sec-slide p,
.pagec01_sec-noborder-slide p,
.pagec02_sec-slide p,
.pagec02_sec-noborder-slide p,
.pagec03_sec-slide p,
.pagec03_sec-noborder-slide p {
  color: var(--color-accent);
}
.pagec01_sec-slide-left,
.pagec01_sec-noborder-slide-left,
.pagec02_sec-slide-left,
.pagec02_sec-noborder-slide-left,
.pagec03_sec-slide-left,
.pagec01_sec-slide-right,
.pagec01_sec-noborder-slide-right,
.pagec02_sec-slide-right,
.pagec02_sec-noborder-slide-right,
.pagec03_sec-slide-right,
.pagec03_sec-noborder-slide-right,
.pagec03_sec-noborder-slide-left {
  background-color: var(--color-primary);
  border-radius: 50%;
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 0.7em;
  transform: translateY(-50%);
}
.pagec01_sec-slide-left::after,
.pagec01_sec-noborder-slide-left::after,
.pagec02_sec-slide-left::after,
.pagec02_sec-noborder-slide-left::after,
.pagec03_sec-slide-left::after,
.pagec01_sec-slide-right::after,
.pagec01_sec-noborder-slide-right::after,
.pagec02_sec-slide-right::after,
.pagec02_sec-noborder-slide-right::after,
.pagec03_sec-slide-right::after,
.pagec03_sec-noborder-slide-right::after,
.pagec03_sec-noborder-slide-left::after {
  content: "<";
  display: block;
  color: var(--color-white);
  position: absolute;
  top: 50%;
  right: 50%;
  transform: scale(0.6, 1.4) translate(85%, -43%);
}
.pagec01_sec-slide-right,
.pagec01_sec-noborder-slide-right,
.pagec02_sec-slide-right,
.pagec02_sec-noborder-slide-right,
.pagec03_sec-slide-right,
.pagec03_sec-noborder-slide-right {
  left: inherit;
  right: 0.7em;
}
.pagec01_sec-slide-right::after,
.pagec01_sec-noborder-slide-right::after,
.pagec02_sec-slide-right::after,
.pagec02_sec-noborder-slide-right::after,
.pagec03_sec-slide-right::after,
.pagec03_sec-noborder-slide-right::after {
  content: ">";
}
.pagec01_sec-noborder,
.pagec02_sec-noborder,
.pagec03_sec-noborder {
  border-bottom: none;
}
.pagec01_linebox,
.pagec02_linebox,
.pagec03_linebox,
.pagec01_linebox3,
.pagec02_linebox3,
.pagec03_linebox3,
.pagec01_linebox2,
.pagec02_linebox2,
.pagec03_linebox2 {
  border: var(--color-border) solid 2px;
  padding: 32px 16px;
  margin-top: 32px;
  margin-bottom: 32px;
  line-height: 1.9;
}
.pagec01_linebox dt,
.pagec01_linebox dd,
.pagec02_linebox dt,
.pagec02_linebox dd,
.pagec03_linebox dt,
.pagec01_linebox3 dt,
.pagec02_linebox3 dt,
.pagec03_linebox3 dt,
.pagec01_linebox2 dt,
.pagec02_linebox2 dt,
.pagec03_linebox2 dt,
.pagec03_linebox dd,
.pagec01_linebox3 dd,
.pagec02_linebox3 dd,
.pagec03_linebox3 dd,
.pagec01_linebox2 dd,
.pagec02_linebox2 dd,
.pagec03_linebox2 dd {
  line-height: 1.9;
}
.pagec01_linebox dt,
.pagec02_linebox dt,
.pagec03_linebox dt,
.pagec01_linebox3 dt,
.pagec02_linebox3 dt,
.pagec03_linebox3 dt,
.pagec01_linebox2 dt,
.pagec02_linebox2 dt,
.pagec03_linebox2 dt {
  color: var(--color-accent);
  margin-top: 24px;
}
.pagec01_linebox dt:first-child,
.pagec02_linebox dt:first-child,
.pagec03_linebox dt:first-child,
.pagec01_linebox3 dt:first-child,
.pagec02_linebox3 dt:first-child,
.pagec03_linebox3 dt:first-child,
.pagec01_linebox2 dt:first-child,
.pagec02_linebox2 dt:first-child,
.pagec03_linebox2 dt:first-child {
  margin-top: 0;
}
.pagec01_linebox2,
.pagec02_linebox2,
.pagec03_linebox2 {
  font-size: 14px;
  color: var(--color-accent);
}
.pagec01_suplink-wrap,
.pagec02_suplink-wrap,
.pagec03_suplink-wrap {
  background-image: url(../img/suplink_bg.webp);
  background-size: cover;
  position: relative;
  padding: 40px 0;
}
.pagec01_suplink-a,
.pagec02_suplink-a,
.pagec03_suplink-a {
  background-image: url(../img/suplinkbtn_gbsp.webp);
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: center;
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 40px 0 24px;
  border-radius: 12px;
  text-align: center;
  position: relative;
}
.pagec01_suplink-a *,
.pagec02_suplink-a *,
.pagec03_suplink-a * {
  color: var(--color-white);
}
.pagec01_suplink-bubble,
.pagec02_suplink-bubble,
.pagec03_suplink-bubble {
  position: absolute;
  top: -20px;
  left: 50%;
  width: 18em;
  transform: translateX(-50%);
  margin: 0;
}
.pagec01_suplink-underline,
.pagec02_suplink-underline,
.pagec03_suplink-underline {
  border-bottom: var(--color-white) solid 1px;
  padding-bottom: 8px;
  line-height: 2.5;
  font-size: 15px;
}
.pagec01_suplink-h3,
.pagec02_suplink-h3,
.pagec03_suplink-h3 {
  font-size: 24px;
  padding: 16px 1.5em 16px 0;
  text-align: left;
  display: inline-block;
  position: relative;
}
.pagec01_suplink-h3::after,
.pagec02_suplink-h3::after,
.pagec03_suplink-h3::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-image: url(../img/suplink_arr.webp);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(6em, -50%);
}
.pagec01_table,
.pagec02_table,
.pagec03_table {
  width: 100%;
  border-collapse: collapse;
  border: var(--color-accent) solid 1px;
  font-size: 18px;
  line-height: 1.6;
  margin-top: 32px;
  margin-bottom: 40px;
  table-layout: fixed;
  min-width: 700px;
}
.pagec01_table tr:first-child th,
.pagec02_table tr:first-child th,
.pagec03_table tr:first-child th {
  background-color: #2d6fa8;
  color: var(--color-white);
}
.pagec01_table th,
.pagec01_table td,
.pagec02_table th,
.pagec02_table td,
.pagec03_table th,
.pagec03_table td {
  padding: 15px 20px;
  vertical-align: middle;
  text-align: left;
  line-height: 1.35;
}
.pagec01_table th,
.pagec02_table th,
.pagec03_table th {
  background-color: var(--color-background);
  color: var(--color-accent);
  font-weight: bold;
  width: 15%;
}
.pagec01_table td,
.pagec02_table td,
.pagec03_table td {
  background-color: #fff;
}
.pagec01_table td span,
.pagec02_table td span,
.pagec03_table td span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  margin-top: 8px;
  line-height: 1.35;
}
.pagec01_table tr th:first-child,
.pagec01_table tr th:last-child,
.pagec01_table tr td:last-child,
.pagec02_table tr th:first-child,
.pagec02_table tr th:last-child,
.pagec02_table tr td:last-child,
.pagec03_table tr th:first-child,
.pagec03_table tr th:last-child,
.pagec03_table tr td:last-child {
  width: 7%;
}
.pagec01_table2 tr td:nth-last-child(2),
.pagec02_table2 tr td:nth-last-child(2),
.pagec03_table2 tr td:nth-last-child(2) {
  font-weight: 700;
}

.table-scroll {
  overflow-x: auto;
  width: 100%;
  max-width: 100%;
  display: block;
  /* スクロール設定 */
  -webkit-overflow-scrolling: touch;
}

.wrap_column {
  padding: 88px 16px;
}

@media (min-width: 768px) {
  .pagec01 .wrap,
  .pagec02 .wrap,
  .pagec03 .wrap {
    padding: 88px 16px;
  }
  .pagec01_fv,
  .pagec02_fv,
  .pagec03_fv {
    padding: 180px 16px 104px;
  }
  .pagec01_fv-h2::before,
  .pagec02_fv-h2::before,
  .pagec03_fv-h2::before {
    width: 72px;
    height: 60px;
    top: -24px;
  }
  .pagec01_suplink-wrap,
  .pagec02_suplink-wrap,
  .pagec03_suplink-wrap {
    padding: 88px 0;
  }
  .pagec01_suplink-a,
  .pagec02_suplink-a,
  .pagec03_suplink-a {
    max-width: 750px;
  }
  .pagec01_suplink-h3,
  .pagec02_suplink-h3,
  .pagec03_suplink-h3 {
    font-size: 35px;
  }
  .pagec01_suplink-h3::after,
  .pagec02_suplink-h3::after,
  .pagec03_suplink-h3::after {
    transform: translate(8em, -50%);
  }
  .pagec01_suplink-underline,
  .pagec02_suplink-underline,
  .pagec03_suplink-underline {
    font-size: 21px;
  }
  .pagec01_sec-img,
  .pagec02_sec-img,
  .pagec03_sec-img {
    max-width: 696px;
    width: 100%;
    margin: 0 auto;
  }
  .pagec01_sec-h5,
  .pagec02_sec-h5,
  .pagec03_sec-h5 {
    font-size: 21px;
  }
  .pagec01_sec-h6,
  .pagec02_sec-h6,
  .pagec03_sec-h6 {
    font-size: 18px;
  }
  .pagec01_sec-tableimg,
  .pagec01_sec-graphimg,
  .pagec02_sec-tableimg,
  .pagec02_sec-graphimg,
  .pagec03_sec-tableimg,
  .pagec03_sec-graphimg {
    width: 67%;
    padding-top: 32px;
    margin: 0 auto;
    min-width: 660px;
  }
  .pagec01_sec ul *,
  .pagec02_sec ul *,
  .pagec03_sec ul * {
    font-size: 18px;
  }
  .pagec01_linebox,
  .pagec02_linebox,
  .pagec03_linebox,
  .pagec01_linebox2,
  .pagec02_linebox2,
  .pagec03_linebox2,
  .pagec01_linebox3,
  .pagec02_linebox3,
  .pagec03_linebox3 {
    padding: 50px;
    font-size: 16px;
  }
  .pagec01_linebox2,
  .pagec02_linebox2,
  .pagec03_linebox2 {
    margin-top: 40px;
    margin-bottom: 0;
  }
  .pagec01_linebox3,
  .pagec02_linebox3,
  .pagec03_linebox3 {
    background-image: url(../img/accountant02.webp);
    background-size: 10%;
    background-position: 98% 100%;
    background-repeat: no-repeat;
    font-size: 18px;
  }
  .pagec01_table,
  .pagec02_table,
  .pagec03_table {
    margin-bottom: 0;
  }
}
.pagec02_fv {
  background-image: url(../img/fv_leaf.webp), url(../img/guide_bg02.webp);
}

.pagec03_fv {
  background-image: url(../img/fv_leaf.webp), url(../img/guide_bg03.webp);
  background-position: 108% -121px, 80% center;
} /*# sourceMappingURL=style.css.map */
}