html {
  font-size: 16px;
}
@media screen and (max-width: 540px) {
  html {
    font-size: 3.6vw;
  }
}

body {
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
}

.sp {
  display: none;
}
@media screen and (max-width: 540px) {
  .sp {
    display: block;
  }
}

@media screen and (max-width: 540px) {
  .pc {
    display: none;
  }
}

.bg-green {
  background-color: #1eadac;
}

.bg-gray {
  background-color: #3e6b75;
}

.bg-blue {
  background-color: #c2e2ec;
}

.bg-blue2 {
  background-color: #cff8f3;
}

.bg-yellow {
  background-color: #f8ffca;
}

.content {
  width: 920px;
  max-width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .content {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .content {
    max-width: 90%;
  }
}

.headingColor {
  font-size: 2.9rem;
  color: #ffffff;
  text-align: center;
  margin-bottom: 1rem;
  font-family: Kosugi;
  font-weight: 400;
  letter-spacing: 0.13rem;
  margin-bottom: 2rem;
  margin-top: 0;
  line-height: 1.4;
  color: #1eadac !important;
}
@media screen and (max-width: 540px) {
  .headingColor {
    font-size: 2.3rem;
  }
}
.headingColor span {
  color: #ca7900;
}

img {
  width: 100%;
  height: auto;
}

.header {
  position: relative;
  width: 100%;
  background-color: #f6f6f6;
  display: inline-block;
}
.header .logo {
  position: absolute;
  top: 4%;
  left: 1%;
  width: 10.7rem;
}
@media screen and (max-width: 540px) {
  .header .logo {
    position: static;
    padding-top: 1rem;
    padding-left: 1rem;
    margin-bottom: 1.5rem;
    width: 7rem;
  }
}
.header .title {
  position: absolute;
  bottom: 20%;
  left: 6%;
  width: 35rem;
  width: 40%;
}
@media screen and (max-width: 540px) {
  .header .title {
    position: static;
    width: 95%;
    margin: 0 auto;
  }
}
.header .main {
  margin-left: auto;
  width: 46rem;
  width: 56%;
}
@media screen and (max-width: 540px) {
  .header .main {
    width: 100%;
  }
}
.header .main-label {
  position: absolute;
  right: 10%;
  width: 11.4%;
  bottom: 6.5%;
}
@media screen and (max-width: 540px) {
  .header .main-label {
    width: 28%;
    right: 6%;
  }
}

section {
  padding: 5rem 0;
}
@media screen and (max-width: 1000px) {
  section {
    padding: 5rem 0;
  }
}
@media screen and (max-width: 540px) {
  section {
    padding: 3.7rem 0;
  }
}

.sectionSub {
  text-align: center;
  padding: 3.3rem 0 9.2rem 0;
  position: relative;
  max-width: 95%;
  margin: 0 auto;
}
@media screen and (max-width: 540px) {
  .sectionSub {
    padding-bottom: 7.4rem;
  }
}
.sectionSub .human {
  width: 9.3rem;
  position: absolute;
  bottom: -9.3rem;
  left: -9rem;
}
@media screen and (max-width: 1000px) {
  .sectionSub .human {
    left: -7vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionSub .human {
    left: -1vw;
  }
}
@media screen and (max-width: 540px) {
  .sectionSub .human {
    left: -2.5rem;
    width: 7.7rem;
    bottom: -7.5rem;
  }
}

.bubble {
  text-align: center;
}
.bubble h2 {
  height: 4.3rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 540px) {
  .bubble h2 {
    height: 3.4rem;
  }
}
.bubble h2 img {
  height: 100%;
  width: auto;
}

.bubble._v2 h2 {
  height: 8.4rem;
}
@media screen and (max-width: 540px) {
  .bubble._v2 h2 {
    height: 6.7rem;
  }
}

.sectionSub._v2 {
  padding-bottom: 0;
}

.txtl {
  margin-top: 0.7rem;
  font-family: "Zen Maru Gothic", sans-serif;
  position: relative;
  display: inline-block;
  color: #393b4a;
  line-height: 1.4;
  font-size: 1.625rem;
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  .txtl {
    line-height: 1.4;
  }
}
@media screen and (max-width: 540px) {
  .txtl {
    line-height: 1.5;
    margin-top: -0.7rem;
  }
}
.txtl .arrow {
  width: 3rem;
  bottom: -8rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media screen and (max-width: 540px) {
  .txtl .arrow {
    bottom: -6rem;
    width: 2.5rem;
  }
}
.txtl span {
  font-size: 2.3125rem;
  font-weight: 700;
}
@media screen and (max-width: 540px) {
  .txtl span {
    font-size: 2.2rem;
  }
}
.txtl._v3 {
  text-align: center;
  color: white;
  line-height: 150%;
  font-size: 2rem;
  letter-spacing: -0.704px;
  display: block;
}
@media screen and (max-width: 540px) {
  .txtl._v3 {
    font-size: 1.4rem;
  }
}

.txtl._v4 {
  text-align: center;
  font-size: 2rem;
  color: #393b4a;
  font-family: Zen Maru Gothic;
  font-weight: 500;
  line-height: 179%;
  margin-top: 1.3rem;
  display: block;
}
@media screen and (max-width: 540px) {
  .txtl._v4 {
    font-size: 1.5rem;
  }
}
.txtl._v4 span {
  font-size: 3rem;
  color: #1eadac;
  letter-spacing: -1.135px;
}
@media screen and (max-width: 540px) {
  .txtl._v4 span {
    font-size: 2.15rem;
  }
}

.titleArea {
  text-align: center;
}
.heading-main {
  color: #1eadac !important;
}
.heading-main span {
  color: #ca7900;
}

.heading-main02 span {
  color: #fcff68;
}

.image-container,
.image-container-link {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.image-container a,
.image-container-link a {
  width: 49%;
}

.mintitle {
  margin: 0;
  font-size: 0.88rem;
}
@media screen and (min-width: 750px) {
  .mintitle {
    font-size: 1.2rem;
  }
}

.list {
  padding: 0;
  line-height: 1.6;
}
.list li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
}

.list-first {
  margin: 0;
  color: white;
  font-size: 0.88rem;
}
@media screen and (min-width: 750px) {
  .list-first {
    font-size: 1.2rem;
  }
}

.sectionTitle {
  width: 28.2rem;
  max-width: 60%;
  margin: 0 auto 2rem;
}
@media screen and (max-width: 540px) {
  .sectionTitle {
    max-width: 77%;
    margin-bottom: 1.2rem;
  }
}

@media screen and (max-width: 540px) {
  .sp-pd {
    padding-top: 1.5rem;
    padding-bottom: 0;
  }
}

.blackBoard {
  width: 65rem;
  max-width: 95%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 540px) {
  .blackBoard {
    max-width: 100%;
  }
}
.blackBoard .problemList {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media screen and (max-width: 540px) {
  .blackBoard .problemList {
    flex-direction: column;
    width: 100%;
    top: 47%;
  }
}
.blackBoard .problemList .problemItem {
  width: 32%;
}
@media screen and (max-width: 540px) {
  .blackBoard .problemList .problemItem {
    width: 85%;
    margin: 0 auto 1rem;
  }
}

.question {
  background-color: #d2d2d2;
  padding-top: 0;
  padding-bottom: 0;
  background: linear-gradient(#f0f0f0, #d2d2d2);
}
@media screen and (max-width: 540px) {
  .question {
    padding-top: 2.5rem;
    padding-bottom: 0;
  }
}
.question .doubt {
  width: 950px;
  max-width: 90%;
  margin: 0 auto;
}

.dangerous {
  padding-top: 5rem;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .dangerous {
    padding-top: 3rem;
  }
}
.dangerous .txtl {
  color: white;
  font-size: 2.3125rem;
}
@media screen and (max-width: 540px) {
  .dangerous .txtl {
    font-size: 1.46rem;
  }
}
.dangerous .txtl span {
  font-size: 3.3rem;
}
@media screen and (max-width: 540px) {
  .dangerous .txtl span {
    font-size: 2.2rem;
  }
}
.dangerous .human3 {
  margin: 4rem auto 0;
  width: 19rem;
}
@media screen and (max-width: 540px) {
  .dangerous .human3 {
    width: 12.5rem;
    margin: 1.5rem auto 0;
  }
}

.cost {
  text-align: center;
  padding-top: 0;
}
@media screen and (max-width: 540px) {
  .cost {
    padding-bottom: 1rem;
  }
}
.cost .costList {
  display: flex;
  justify-content: center;
  margin-top: 5rem;
  gap: 5%;
}
@media screen and (max-width: 540px) {
  .cost .costList {
    flex-direction: column;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 540px) {
  .cost .costList .costItem {
    width: 65%;
    margin: 0 auto 3rem;
  }
}

.pensionTop {
  text-align: center;
}
@media screen and (max-width: 540px) {
  .pensionTop {
    margin-top: 1.5rem;
  }
}

.pensionIcon {
  width: 25rem;
  max-width: 90%;
  margin: 1rem auto 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 540px) {
  .pensionIcon {
    width: 18rem;
  }
}
.pensionIcon span {
  display: inline-block;
  color: #878787;
  font-size: 0.875rem;
  white-space: nowrap;
  margin-top: 0.8rem;
}
.pensionIcon .pensionIconItem {
  width: 7.8rem;
}

.pensionImage {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 540px) {
  .pensionImage {
    margin-top: 2rem;
    margin-bottom: 4rem;
  }
}
.pensionImage .pensionImageTxt {
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.456px;
  text-align: center;
  font-family: Zen Maru Gothic;
  font-size: 1.25rem;
}
@media screen and (max-width: 540px) {
  .pensionImage .pensionImageTxt {
    font-size: 1.4rem;
  }
}
.pensionImage .pensionImagePrice {
  margin-top: 1rem;
  text-align: center;
  color: #1eadac;
  font-family: Roboto;
  font-weight: 700;
  line-height: 176%; /* 139.76px */
  font-size: 2.375rem;
}
@media screen and (max-width: 540px) {
  .pensionImage .pensionImagePrice {
    font-size: 1.73rem;
  }
}
.pensionImage .pensionImagePrice span {
  font-size: 4.3rem;
}
@media screen and (max-width: 540px) {
  .pensionImage .pensionImagePrice span {
    font-size: 3.6rem;
    margin: 0 0.4rem;
  }
}
.pensionImage ul {
  list-style: none;
  margin-top: 0.5rem;
}
.pensionImage ul li {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.264px;
  color: #1e1e1e;
  text-align: center;
  font-family: Merriweather;
  font-size: 0.75rem;
}
@media screen and (max-width: 540px) {
  .pensionImage ul li {
    text-align: left;
  }
}

.savings {
  text-align: center;
}
.savings .savingsGraph {
  width: 45.4rem;
  margin: 0 auto;
  margin-top: 2rem;
  max-width: 90%;
}
@media screen and (max-width: 540px) {
  .savings .savingsGraph {
    margin-top: 1rem;
    max-width: 100%;
  }
}
.savings .savingsGraph span {
  color: #1e1e1e;
  text-align: center;
  font-family: Merriweather;
  font-weight: 400;
  line-height: 150%; /* 18px */
  font-size: 0.75rem;
  margin-top: 0.6rem;
  display: inline-block;
}
@media screen and (max-width: 540px) {
  .savings .savingsGraph span {
    text-align: left;
    display: block;
  }
}
.savings .txtl {
  text-align: center;
}
@media screen and (max-width: 540px) {
  .savings .txtl {
    font-size: 1.9rem;
  }
}

.triangle {
  background-color: #f0f0f0;
}

.risk {
  background-color: #f0f0f0;
}
.risk .txtl {
  text-align: center;
  display: block;
  line-height: 201%;
  font-style: normal;
  font-weight: 500;
}
@media screen and (max-width: 540px) {
  .risk .txtl {
    font-size: 1.3rem;
  }
}
.risk .riskImTxt {
  margin-top: 2.8rem;
  text-align: center;
  margin-bottom: 6rem;
}
@media screen and (max-width: 540px) {
  .risk .riskImTxt {
    margin-bottom: 3rem;
  }
}
.risk .riskImTxt .txtl span {
  font-style: normal;
  font-weight: 700;
  line-height: 161%;
  font-size: 2.1875rem;
  color: #1eadac;
}
@media screen and (max-width: 540px) {
  .risk .riskImTxt .txtl span {
    font-size: 1.8rem;
  }
}
.risk .riskTitle {
  position: relative;
  margin-bottom: 4rem;
}
@media screen and (max-width: 540px) {
  .risk .riskTitle {
    margin-bottom: 3rem;
  }
}
.risk .riskTitle .riskHuman {
  position: absolute;
  width: 11.3rem;
  bottom: -2.5rem;
  right: 2rem;
}
@media screen and (max-width: 540px) {
  .risk .riskTitle .riskHuman {
    width: 7rem;
    bottom: -2rem;
    right: 0.7rem;
  }
}
@media screen and (max-width: 540px) {
  .risk .riskWrap {
    width: 93%;
    margin: 0 auto;
  }
}
.risk .riskItem {
  background-color: white;
  border-radius: 1.25rem;
  display: flex;
  justify-content: center;
  padding: 3.8rem 5.5rem;
  margin-bottom: 2.25rem;
  gap: 8%;
}
@media screen and (max-width: 900px) {
  .risk .riskItem {
    padding: 3.8rem 2%;
  }
}
@media screen and (max-width: 540px) {
  .risk .riskItem {
    flex-direction: column;
    padding: 0;
  }
  .risk .riskItem:last-child {
    margin-bottom: 1rem;
  }
}
.risk .riskItem .riskImg {
  width: 37%;
}
@media screen and (max-width: 540px) {
  .risk .riskItem .riskImg {
    width: 100%;
    height: 45vw;
  }
}
@media screen and (max-width: 540px) {
  .risk .riskItem .riskImg img {
    border-radius: 0.625rem 0.625rem 0 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.risk .riskItem .riskTxt {
  width: 42%;
}
@media screen and (max-width: 540px) {
  .risk .riskItem .riskTxt {
    width: 100%;
  }
}
.risk .riskItem .riskTxt h3 {
  color: #393b4a;
  font-family: Zen Maru Gothic;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 161%;
  margin-bottom: 1.4rem;
}
@media screen and (max-width: 540px) {
  .risk .riskItem .riskTxt h3 {
    text-align: center;
    margin-top: 1.4rem;
  }
}
.risk .riskItem .riskTxt p {
  color: #1e1e1e;
  font-family: Merriweather;
  font-style: normal;
  font-weight: 400;
  line-height: 190%;
  letter-spacing: -0.352px;
}
@media screen and (max-width: 540px) {
  .risk .riskItem .riskTxt p {
    padding: 0 2rem 2rem;
  }
}

.solution {
  background-color: #46a2b7;
}
.solution .txtl {
  text-align: center;
  color: white;
  display: block;
  font-size: 2.3125rem;
}
@media screen and (max-width: 540px) {
  .solution .txtl {
    font-size: 1.5rem;
  }
}
.solution .txtl span {
  background: linear-gradient(transparent 93%, #be2525 10%);
  display: inline;
  padding-bottom: 0.5rem;
  font-size: 3.3rem;
}
@media screen and (max-width: 540px) {
  .solution .txtl span {
    font-size: 2.2rem;
    padding-bottom: 0.3rem;
    margin-bottom: 0.7rem;
    display: inline-block;
  }
}
.solution .illust {
  width: 868px;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 4rem;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .solution .illust {
    max-width: 100%;
    margin-top: 1rem;
  }
}
.solution img {
  vertical-align: bottom;
  margin-bottom: -0.2rem;
}

.solution-inner {
  background-color: #f5f5f5;
  padding: 3rem 4rem;
  box-sizing: border-box;
  border-radius: 1.25rem;
  margin-bottom: 1.4rem;
}
@media screen and (max-width: 540px) {
  .solution-inner {
    padding: 2rem 2rem;
  }
}
.solution-inner h3 {
  color: #bd2525;
  text-align: center;
  margin-bottom: 1rem;
  font-family: "Zen Maru Gothic";
  font-size: 2.3125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 55.5px */
  letter-spacing: -0.814px;
}
@media screen and (max-width: 540px) {
  .solution-inner h3 {
    font-size: 1.7rem;
  }
}
.solution-inner p {
  color: #0d0c0c;
  font-family: "Hiragino Kaku Gothic Pro";
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 39px */
  letter-spacing: -0.572px;
}
@media screen and (max-width: 540px) {
  .solution-inner p {
    font-size: 1.4rem;
  }
}

.h2 {
  width: 848px;
  max-width: 90%;
  margin: 0 auto;
}

.solutionList {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .solutionList {
    flex-direction: column;
  }
}
.solutionList .solutionIcon {
  width: 5.5rem;
  margin: 0.3rem auto 0;
}
@media screen and (max-width: 540px) {
  .solutionList .solutionIcon {
    position: absolute;
    bottom: 0rem;
    right: 1.6rem;
  }
}
.solutionList .solutionIcon._v2 {
  margin: 0.5rem auto 0;
}
@media screen and (max-width: 540px) {
  .solutionList .solutionIcon._v2 {
    bottom: 0.3rem;
  }
}
.solutionList .solutionItem {
  width: 31.9%;
}
@media screen and (max-width: 540px) {
  .solutionList .solutionItem {
    width: 100%;
    margin-bottom: 3rem;
  }
  .solutionList .solutionItem:last-of-type {
    margin-bottom: 0;
  }
}
.solutionList .solutionInner {
  position: relative;
  border-radius: 1.875rem;
  border: 2px solid #1eadac;
  padding: 1.8rem 2rem;
}
@media screen and (max-width: 540px) {
  .solutionList .solutionInner {
    position: relative;
    padding: 2.2rem 2rem;
  }
}
.solutionList .solutionInner .solutionInnerHead {
  background-color: white;
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  top: 0rem;
  padding: 0.6rem;
  font-size: 1.1875rem;
  line-height: 190%;
  letter-spacing: -0.436px;
  font-family: Merriweather;
  white-space: nowrap;
}
@media screen and (max-width: 540px) {
  .solutionList .solutionInner .solutionInnerHead {
    font-size: 1.3rem;
    width: 43%;
  }
}
.solutionList .solutionInner h3 {
  color: #1eadac;
  font-family: Zen Maru Gothic;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.598px;
}
@media screen and (max-width: 540px) {
  .solutionList .solutionInner h3 {
    font-size: 1.875rem;
  }
}
.solutionList .solutionInner h3 span {
  font-size: 0.875rem;
  color: #1eadac;
  font-weight: 700;
  display: inline-block;
  line-height: 145%;
  letter-spacing: -0.322px;
  font-family: Zen Maru Gothic;
}
@media screen and (max-width: 540px) {
  .solutionList .solutionInner h3 span {
    font-size: 1rem;
  }
}
.solutionList .merit {
  margin-top: 1.5rem;
  text-align: left;
}
.solutionList .merit .meritInner {
  margin-bottom: 1rem;
}
.solutionList .merit p {
  color: #1e1e1e;
  font-family: Merriweather;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 190%; /* 26.6px */
  letter-spacing: -0.308px;
}
@media screen and (max-width: 540px) {
  .solutionList .merit p {
    font-size: 1rem;
  }
}
.solutionList .merit .meritTitle {
  color: #1eadac;
  font-weight: 700;
}

.meritImg {
  margin-top: 4rem;
}
@media screen and (max-width: 540px) {
  .meritImg {
    margin-top: 0;
  }
}

.solution2 {
  background: #f8ffca;
}
.solution2 .solution2Human {
  width: 18.5rem;
  margin: 0 auto;
  margin-top: 5rem;
}
@media screen and (max-width: 540px) {
  .solution2 .solution2Human {
    width: 13.5rem;
    margin-top: 2rem;
  }
}
.solution2 .txtm {
  margin-top: 3rem;
  margin-bottom: 3rem;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 45px */
  letter-spacing: -0.66px;
}
@media screen and (max-width: 540px) {
  .solution2 .txtm {
    font-size: 1.4rem;
    margin: 2rem 0rem 2rem 0rem;
  }
}

.illust02 {
  padding-bottom: 7rem;
}

.structure .structureTxt {
  color: rgba(0, 0, 0, 0.8);
  text-align: justify;
  font-family: Inter;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -0.528px;
}
@media screen and (max-width: 540px) {
  .structure .structureTxt {
    font-size: 1.15rem;
  }
}
.structure .structureImg {
  width: 46rem;
  max-width: 90%;
  margin: 1rem auto;
}
@media screen and (max-width: 540px) {
  .structure .structureImg {
    max-width: 100%;
  }
}

.cando {
  position: relative;
}
@media screen and (max-width: 540px) {
  .cando {
    padding-bottom: 7rem;
  }
}
.cando .candoIconList {
  text-align: center;
  justify-content: center;
}
.cando .candoIconList .candoIcon {
  width: 7.8rem;
  margin: 0 0.5rem;
  display: inline-block;
}
.cando .candoIconList .candoIcon._v2 {
  position: absolute;
  left: 30%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  bottom: 2%;
}
.cando .candoIconList .candoIcon._v1 {
  position: absolute;
  left: 65%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  bottom: 0;
}
.cando .candoList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 540px) {
  .cando .candoList {
    flex-direction: column;
    padding-bottom: 3.7rem;
  }
}
.cando .candoList .candoItem {
  width: 49%;
  margin-top: 2%;
  background-color: white;
  padding: 2rem 3.4rem;
  box-sizing: border-box;
  border-radius: 1.25rem;
}
@media screen and (max-width: 540px) {
  .cando .candoList .candoItem {
    width: 100%;
    padding: 2rem 2.5rem;
    margin-top: 0;
    margin-bottom: 1.3rem;
  }
}
.cando .candoList .candoItem h3 {
  color: #0f807f;
  text-align: center;
  font-family: Noto Sans;
  font-size: 23.936px;
  font-style: normal;
  font-weight: 500;
  line-height: 146%;
  letter-spacing: 1.388px;
  border-bottom: 1px solid #1eadac;
  padding-bottom: 1.3rem;
}
@media screen and (max-width: 540px) {
  .cando .candoList .candoItem h3 {
    font-size: 1.35rem;
  }
}
.cando .candoList .candoItem h3 span {
  color: #0f807f;
  font-size: 32.64px;
  font-style: normal;
  font-weight: 700;
  line-height: 146%; /* 47.654px */
  letter-spacing: 1.893px;
}
@media screen and (max-width: 540px) {
  .cando .candoList .candoItem h3 span {
    font-size: 1.95rem;
  }
}
.cando .candoList .candoItem p {
  color: rgba(0, 0, 0, 0.8);
  text-align: justify;
  font-family: Inter;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 32.4px */
  letter-spacing: -0.396px;
  margin-top: 1rem;
}

table {
  font-family: Noto Sans;
}
table th {
  border: 1px solid rgba(51, 51, 51, 0.6);
  background: #e2f0f1;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-family: Noto Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.176px;
  padding: 0.6rem 0;
}
table th:first-child {
  width: 27.5%;
}
table th:nth-child(2) {
  width: 36.25%;
}
table th:nth-child(3) {
  width: 36.25%;
}
@media screen and (max-width: 540px) {
  table th {
    padding: 0.6rem 0.2rem;
  }
}
table td {
  border: 1px solid rgba(51, 51, 51, 0.6);
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.8);
  text-align: justify;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.176px;
}
@media screen and (max-width: 540px) {
  table td {
    font-size: 0.8rem;
  }
}
table td span {
  font-size: 1rem;
}
table .vaTop {
  padding: 1rem 0.5rem 1.75rem 0.5rem;
  vertical-align: top;
}
table .tableCenter {
  text-align: center;
}
table .bg-yellow span {
  font-size: 1.5rem;
}
@media screen and (max-width: 540px) {
  table .bg-yellow span {
    font-size: 1.25rem;
  }
}
table .bg-yellow .tableImg {
  width: 7rem;
  margin: 0 auto 0.2rem;
}
@media screen and (max-width: 540px) {
  table .bg-yellow .tableImg {
    max-width: 90%;
  }
}

.bg-yellow2 {
  background-color: #edf7b3;
}

.ifFamitora .bubble {
  margin-top: 7rem;
}
@media screen and (max-width: 540px) {
  .ifFamitora .bubble {
    margin-top: 7rem;
  }
}
.ifFamitora p {
  color: #393b4a;
  text-align: center;
  font-family: Zen Maru Gothic;
  font-size: 4.1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
  letter-spacing: -1.527px;
}
@media screen and (max-width: 540px) {
  .ifFamitora p {
    font-size: 2.2rem;
  }
}
.ifFamitora p span {
  color: #393b4a;
  font-family: Zen Maru Gothic;
  font-size: 2.9rem;
  font-style: normal;
  font-weight: 500;
  line-height: 144%;
  letter-spacing: -1.091px;
}
@media screen and (max-width: 540px) {
  .ifFamitora p span {
    font-size: 1.6rem;
  }
}

.logo2 {
  width: 38rem;
  margin: 2rem auto 0;
  max-width: 90%;
}
@media screen and (max-width: 540px) {
  .logo2 {
    max-width: 100%;
    margin: 3rem auto 0;
  }
}

.read-txt {
  font-size: 1.285rem;
  letter-spacing: 0.01rem;
  line-height: 1.8;
  color: white;
}
@media screen and (min-width: 750px) {
  .read-txt {
    font-size: 1.5rem;
  }
}
.read-txt span {
  font-weight: bold;
}

h2._v2 {
  font-size: 2.28rem;
  color: #ffffff;
  text-align: center;
  margin-bottom: 1rem;
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  letter-spacing: 0.13rem;
  margin-bottom: 2rem;
  margin-top: 0;
  line-height: 1.4;
  margin-top: -0.26em;
}
@media screen and (min-width: 750px) {
  h2._v2 {
    font-size: 3.28rem;
  }
}

@media screen and (min-width: 750px) {
  .pc-center {
    text-align: center;
  }
}

.image-container,
.image-container-link {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.image-container a,
.image-container-link a {
  width: 49%;
}

@media screen and (min-width: 750px) {
  .image-container-link {
    margin: 3rem 0 2rem;
  }
}
.image-container-link img {
  width: 100%;
}

.mintitle {
  margin: 0;
  line-height: 1.6;
  color: white;
  font-size: 0.88rem;
}
@media screen and (min-width: 750px) {
  .mintitle {
    font-size: 1.2rem;
  }
}

.difference {
  background-color: #e5f9f9;
}

#qa2 {
  background-color: #e5f9f9;
  padding-bottom: 16rem;
}
@media screen and (max-width: 540px) {
  #qa2 {
    padding-bottom: 12rem;
  }
}

.subsection h3 {
  color: #333333;
  position: relative;
  padding-left: 1rem;
  line-height: 1.4;
  font-size: 1.29rem;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 1.9rem;
  margin-top: 0.2rem;
  font-size: 2.2rem;
}
@media screen and (max-width: 540px) {
  .subsection h3 {
    font-size: 1.4rem;
  }
}
.subsection h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 70%;
  width: 3px;
  background-color: #000;
  transform: translateY(-50%);
}

.fc-bl .read-txt {
  color: #333333;
}

.subSection._v2 {
  padding: 3rem 0 2.8rem;
}

.logo-row {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.logo-row picture {
  width: 33%;
  margin: 0 0.7rem;
}
.logo-row picture:first-child {
  width: 25%;
}
@media screen and (min-width: 750px) {
  .logo-row picture:first-child {
    width: 25%;
  }
}
.logo-row picture:nth-child(2) {
  width: 25%;
}
@media screen and (min-width: 750px) {
  .logo-row picture:nth-child(2) {
    width: 25%;
  }
}
@media screen and (max-width: 540px) {
  .logo-row picture:nth-child(2) {
    width: 28%;
  }
}
.logo-row:last-child picture:first-child {
  width: 36%;
}
@media screen and (max-width: 540px) {
  .logo-row:last-child picture:first-child {
    width: 45%;
  }
}
.logo-row:last-child picture:last-child {
  width: 40%;
}

.c-accordion {
  margin-top: 4rem;
}
@media screen and (max-width: 540px) {
  .c-accordion {
    margin-top: 2rem;
  }
}
.c-accordion__list {
  margin-bottom: 1rem;
  width: 100%;
}
.c-accordion__list__header {
  background-color: #fff1ce;
  padding: 0.8rem 4rem 0.8rem 2rem;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: 0.2s;
  border-radius: 0.3rem 0.3rem 0 0;
}
@media screen and (max-width: 736px) {
  .c-accordion__list__header {
    padding: 1.2rem 4.5rem 1.2rem 1rem;
  }
}
.c-accordion__list__header p {
  color: #333333;
  font-size: 1.29rem;
  margin: 0;
  line-height: 1.6;
}
.c-accordion__list__header p span {
  margin-right: 1.2rem;
  font-size: 2rem;
  color: #1eadac;
  font-weight: bold;
}
.c-accordion__list__header--icon {
  position: absolute;
  top: 50%;
  right: 2rem;
  margin-top: -10px;
  border: 1px solid #1eadac;
  padding: 0.2rem;
}
@media screen and (min-width: 750px) {
  .c-accordion__list__header--icon {
    border: none;
  }
}
.c-accordion__list__header--icon::before,
.c-accordion__list__header--icon::after {
  position: absolute;
  content: "";
  margin: auto;
  box-sizing: border-box;
  vertical-align: middle;
}
@media screen and (min-width: 750px) {
  .c-accordion__list__header--icon::before,
  .c-accordion__list__header--icon::after {
    top: 0.7rem !important;
  }
}
.c-accordion__list__header--icon::before {
  border-top: 3px solid #1eadac;
  width: 20px;
  height: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 750px) {
  .c-accordion__list__header--icon::before {
    right: -0.1rem;
  }
}
@media screen and (max-width: 736px) {
  .c-accordion__list__header--icon::before {
    width: 15px;
    right: 0.2rem;
  }
}
.c-accordion__list__header--icon::after {
  border-left: 3px solid #1eadac;
  width: 0;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 0.4rem;
  transition: 0.3s;
}
@media screen and (max-width: 736px) {
  .c-accordion__list__header--icon::after {
    height: 15px;
    right: 0.6rem;
  }
}
@media screen and (max-width: 736px) {
  .c-accordion__list__header--icon {
    right: 0.8rem;
    width: 1rem;
    height: 1rem;
    margin-top: -7px;
  }
}
.c-accordion__list__inner {
  display: none;
  padding: 1.2rem 1.7rem;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 0 0 0.3rem 0.3rem;
}
@media screen and (max-width: 736px) {
  .c-accordion__list__inner {
    padding: 1rem;
  }
}
.c-accordion__list__inner p {
  color: #333333;
  font-weight: 500;
  line-height: 1.6;
}
.c-accordion__list__inner a {
  color: #333333;
}

.c-accordion__list__header.open .c-accordion__list__header--icon::before {
  border-top: 3px solid #1eadac;
  z-index: 10;
}
@media screen and (max-width: 736px) {
  .c-accordion__list__header.open .c-accordion__list__header--icon::before {
    width: 15px;
  }
}
.c-accordion__list__header.open .c-accordion__list__header--icon::after {
  height: 0;
}

.c-accordion__list__header--q {
  display: flex;
  font-weight: 500;
}
@media screen and (min-width: 750px) {
  .c-accordion__list__header--q {
    align-items: center;
  }
}

.c-accordion__list__header--a {
  display: flex;
  font-weight: 500;
  font-size: 1.29rem;
}
.c-accordion__list__header--a span {
  margin-right: 1.2rem;
  font-size: 2rem;
  color: #1eadac;
  font-weight: bold;
  margin-top: -0.6rem;
}

.conversion {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0.6rem 1rem;
  z-index: 10;
  box-sizing: border-box;
  opacity: 0; /* Initially hidden */
  transition: opacity 1s ease-out;
}
@media screen and (min-width: 750px) {
  .conversion {
    padding: 1rem;
    justify-content: center;
    gap: 1%;
  }
  .conversion:hover a {
    opacity: 1;
  }
}
.conversion a {
  width: 45%;
}
@media screen and (min-width: 750px) {
  .conversion a {
    width: 43%;
  }
}

.conversion-sub a {
  width: 60%;
}
@media screen and (max-width: 540px) {
  .conversion-sub a {
    width: 85%;
  }
}

.fade-in {
  opacity: 1 !important; /* Fully visible when the .fade-in class is added */
}

.section-new-wrap {
  background-color: #f5f5f5;
  width: 910px;
  max-width: 100%;
  margin: 0 auto;
  padding: 5rem 10%;
  box-sizing: border-box;
  border-radius: 1.125rem;
}
@media screen and (max-width: 540px) {
  .section-new-wrap {
    padding: 2.5rem 7%;
  }
}
.section-new-wrap h2 {
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-size: 2.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 57px */
  letter-spacing: -0.836px;
  margin-bottom: 3rem;
}
@media screen and (max-width: 900px) {
  .section-new-wrap h2 {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 540px) {
  .section-new-wrap h2 {
    font-size: 1.875rem;
    margin-bottom: 1.5rem;
  }
}

.text-wrap {
  margin-bottom: 2rem;
}
.text-wrap p {
  color: rgba(0, 0, 0, 0.8);
  font-family: Inter;
  font-size: 1.6875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 190%;
  letter-spacing: -0.518px;
}
.text-wrap p span {
  color: #c94c4c;
  font-weight: 700;
}

.illust02 {
  width: 543px;
  max-width: 90%;
  margin: 0 auto;
  padding-bottom: 0;
}
@media screen and (max-width: 540px) {
  .illust02 {
    max-width: 100%;
  }
}

.illust03 {
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 0;
}
@media screen and (max-width: 540px) {
  .illust03 {
    max-width: 100%;
  }
}

.case-study {
  border: 3.434px solid #1eadac;
  border-radius: 3.6rem;
  padding: 5rem 4.4rem;
  position: relative;
}
@media screen and (max-width: 540px) {
  .case-study {
    padding: 5rem 0;
    border: none;
    border-radius: initial;
    padding-top: 2rem;
  }
}
.case-study h3 {
  font-size: 2.1875rem;
  font-weight: 700;
  margin-top: 3.5rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 540px) {
  .case-study h3 {
    font-size: 1.6rem;
    font-feature-settings: "palt";
  }
}
.case-study .case-title {
  color: #000;
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 190%; /* 64.718px */
  letter-spacing: -0.749px;
  padding: 1rem 1.5rem;
  background-color: white;
  display: inline-block;
  position: absolute;
  top: -0.3rem;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media screen and (max-width: 540px) {
  .case-study .case-title {
    position: initial;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 540px) {
  .case-study .case-title::after {
    position: absolute;
    content: "";
    top: 2.5rem;
    left: 1rem;
    width: 30%;
    height: 0.2rem;
    background-color: #1eadac;
  }
}
@media screen and (max-width: 540px) {
  .case-study .case-title::before {
    content: "";
    position: absolute;
    top: 2.5rem;
    width: 30%;
    right: 1rem;
    height: 0.2rem;
    background-color: #1eadac;
  }
}
.case-study .case-text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 36px */
  letter-spacing: -0.456px;
}
@media screen and (max-width: 540px) {
  .case-study .case-text {
    font-size: 1.28rem;
    line-height: 170%;
    letter-spacing: -0.343px;
  }
}
.case-study .case-text:last-of-type {
  margin-bottom: 5rem;
}
.case-study .case-text span {
  color: #1eadac;
  font-weight: 700;
}
.case-study h2 {
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-size: 2.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 57px */
  letter-spacing: -0.836px;
}
@media screen and (max-width: 540px) {
  .case-study h2 {
    margin-top: -2rem;
    font-size: 1.7rem;
  }
}

.icon-wrap {
  display: flex;
  align-items: center;
  width: 531px;
  margin: 3rem auto;
  max-width: 90%;
}
@media screen and (max-width: 540px) {
  .icon-wrap {
    font-size: 12px;
    margin: 2rem auto;
  }
}
.icon-wrap p {
  line-height: 150%; /* 24px */
}
.icon-wrap p span {
  font-weight: 700;
}

@media screen and (max-width: 540px) {
  .home-wrap {
    width: 100%;
    bottom: -1rem;
    border-bottom: 2px solid #1eadac;
    position: absolute;
  }
}

.home {
  width: 173px;
  max-width: 70%;
  position: absolute;
  bottom: 0;
  right: 3rem;
}
@media screen and (max-width: 540px) {
  .home {
    right: 1rem;
    max-width: 40%;
  }
}

.mintitle {
  text-align: center;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 185%; /* 44.4px */
  letter-spacing: -0.456px;
} /*# sourceMappingURL=style.css.map */

.addtext {
  text-align: center;
  font-size: 1.6rem;
  line-height: 185%; /* 44.4px */
  letter-spacing: -0.456px;
}
@media screen and (max-width: 540px) {
  .addtext {
    text-align: left;
  }
}