@charset "UTF-8";/* 2025.06.02 */

article { position: relative;}

.ttl_sub-en,
.arrow_01 span,
.box_ttl { color: var(--toku);}
figure{line-height: 1;}

.txt_lead {
  padding-bottom: 4rem;
}
.arrow_01 {
  text-align: center;}
.arrow_01 span {
  font-size: 6rem;
  display: inline-block;
  margin: 0 auto clamp(2rem, 1.377rem + 1.73vw, 3rem);
}
.box_01 {
  padding: clamp(4rem, 2.753rem + 3.46vw, 6rem) 4%;
  border-radius: 30px;
}

.ttl_01::before,
.ttl_02::before,
.ttl_04 {background-color: var(--toku);}

.ttl_04 {
  line-height: 1;
  width: 148px;
  padding: 4px;
}
.box_ttl {
  font-size: clamp(4.2rem, 3.078rem + 3.12vw, 6rem);
  line-height: 1;
  font-feature-settings: 'palt';
  letter-spacing: .03em;
  text-align: center;}
.list_01 {
  max-width: 991px;
  margin-left: auto;
  margin-right: auto;
}
.list_01 li {
  border-bottom: dashed 1px var(--gray01);
  padding-bottom: 15px;
  margin-bottom: 30px;}
.list_01 li:nth-child(3) {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.list_01 li:nth-child(3) .img_01 {
  padding-bottom: 0;
}
.img_01 {
  padding: 15px 0;
}
.box_02 {
  padding-top: clamp(7rem, 5.13rem + 5.19vw, 10rem);
}
@media (max-width: 515px) {
  .box_02 > p {
    display: none;
  }
}
@media (min-width: 768px) {
  .ttl_04 {
    font-size: 2.4rem;
    padding: 7px;
  }
  .list_01 li {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .list_01 .txtbox {
    max-width: 530px;
    width: 55%;
    padding-right: 60px;
  }
  .list_01 .img_01 {
    max-width: 450px;
    width: 45%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}


#message {
  background-color: var(--light01);
  margin-top: clamp(7rem, 5.13rem + 5.19vw, 10rem);
  padding: clamp(7rem, 5.13rem + 5.19vw, 10rem) 0;
}
.list_02 .ttl01 {
  border-radius: 23px;
}
.list_02 li {
  padding: 60px 4%;
  border-radius: 30px;
  margin-bottom: 30px;
}
.list_02-1 {
  background-color: var(--toku);
  color: #fff;
}
.list_02-2 {
  background-color: #fff;
}
.list_02 .ttl01 {
  font-size: 19px;
  border-radius: 36px;
  padding: 8px;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
  font-feature-settings: 'palt';
}
.list_02-2 .ttl01 {
  background-color: var(--toku);
  color: #fff;
}
.list_02 .text_right {
  margin-left: auto;
  margin-right: 0;
  display: block;
}
.list_02 .f_en {
  font-size: 28px;
  vertical-align: bottom;
}
.list_02-1 .ttl01 {
  color: var(--toku);
  background-color: #fff;
}
.list_02-2 {
  background-color: #fff;
}
.img_04 {
}
@media (min-width: 768px) {
  .list_02 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 30px;
  }
  .list_02 li {
    width: 582px;
    max-width: calc(50% - 15px);
    padding: 60px 5.6%;
    margin-bottom: 40px;
  }
}

#jisseki {
  padding-top: clamp(7rem, 5.13rem + 5.19vw, 10rem);}
.box_03 {
  border: solid 10px #eaf2f7;
  margin-bottom: clamp(7rem, 5.13rem + 5.19vw, 10rem);
  padding: 30px 15px;
  display: flex;
  flex-wrap: wrap;
  gap:15px;}
.list_03 {
  width: calc(50% - 7.5px);}
.list_03 li {
  font-size: clamp(1.4rem, 1.026rem + 1.04vw, 2rem);
  font-weight: 500;
  padding-left: 1em;
  position: relative;}
.list_03 li::before {
  background-color: var(--toku);
  left: -2px;
  top: 8px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  position: absolute;
  content: '';}
@media (max-width: 767px) {
  .list_03:nth-child(1),
  .list_03:nth-child(2) {
    padding-bottom: 10px;
    border-bottom: dashed 1px var(--gray01);
  }
}
@media (min-width: 480px) {
  .list_02 .ttl01 {
    font-size: clamp(1.9rem, 1.339rem + 1.56vw, 2.8rem);
    margin-bottom: 30px;
  }
  .list_02 .f_en {
    font-size:clamp(2.8rem, 2.052rem + 2.08vw, 4rem);
  }
}
@media (min-width: 768px) {
  .box_03 {
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    justify-content: center;
    gap: 30px;
  }
  .box_03 ul {
    width: 230px;
    max-width: 30%;
  }
  .list_03 li {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .list_03 li::before {
    top: 12px;
    width: 15px;
    height: 15px;
    border-radius: 8px;
  }
}