@charset "UTF-8";

/* 共通css */
#s26 {
  max-width: 100%;
  width: 940px;
  margin: 0 auto;
  letter-spacing: -0.04em;
  line-height: 2;
}
:root {
  --z: 1px;
}
#s26 .sp {
  display: none !important;
}
@media screen and (max-width: 767px) {
  #s26 {
    width: 750px;
  }
  :root {
    --z: calc(100vw / 750);
  }
  #s26 .sp {
    display: block !important;
  }
  #s26 .pc {
    display: none !important;
  }
}

#s26 img {
  max-width: 100%;
}
#s26 picture {
  display: block;
}
#s26 p {
  line-height: 1.6;
}

.cl-blue {
  color: #0547aa;
}

#s26 .page-width {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 calc(var(--z) * 40);
}
#s26 .sec_title {
  font-size: calc(var(--z) * 20);
  padding: calc(var(--z) * 10) calc(var(--z) * 20);
  background-color: #fff;
  border-radius: 100vh;
  margin: 0 auto calc(var(--z) * 35) auto;
  width: fit-content;
  border: calc(var(--z) * 2) solid #b6c0f5;
  line-height: 1;
}
#s26 .l_title {
  font-size: calc(var(--z) * 50);
  text-align: center;
  font-weight: bold;
  margin-bottom: calc(var(--z) * 30);
  padding-top: calc(var(--z) * 20);
  line-height: 1.3;
}
#s26 .l_title_en {
  font-size: calc(var(--z) * 58);
}
#s26 .m_title {
  font-size: calc(var(--z) * 31);
  text-align: center;
  font-weight: bold;
  margin-bottom: calc(var(--z) * 20);
  line-height: 1.3;
}
#s26 .text {
  font-size: calc(var(--z) * 18);
  word-break: break-all;
  text-align: justify;
}
#s26 .note {
  color: #444 !important;
}
#s26 .note p {
  font-size: calc(var(--z) * 14);
  padding-left: 2em;
  text-indent: -2em;
  word-break: break-all;
  text-align: justify;
}
#s26 sup {
  display: inline-block;
  line-height: 1;
  letter-spacing: -0.075em;
  margin-left: 0.125em;
}
@media only screen and (max-width: 767px) {
  #s26 .sec_title {
    font-size: calc(var(--z) * 35);
    padding: calc(var(--z) * 20) calc(var(--z) * 30);
  }
  #s26 .l_title {
    line-height: 1.5;
    font-size: calc(var(--z) * 45);
  }
  #s26 .l_title_en {
    font-size: calc(var(--z) * 50);
  }
  #s26 .m_title {
    font-size: calc(var(--z) * 40);
    line-height: 1.4;
  }
  #s26 .text {
    font-size: calc(var(--z) * 30);
  }
  #s26 .note p {
    font-size: calc(var(--z) * 28);
  }
}

/* .kv */
#s26 .kv {
  margin-bottom: calc(var(--z) * 65);
}
@media screen and (max-width: 767px) {
  #s26 .kv {
    margin-bottom: calc(var(--z) * 15);
  }
}

/* box_0 */
.box._0 {
  padding: calc(var(--z) * 50) 0 calc(var(--z) * 20) 0;
}

/* box_1 */
#s26 .box._1 {
  margin-bottom: calc(var(--z) * 45);
}
#s26 .box._1 .container {
  display: flex;
  justify-content: space-between;
  max-width: calc(var(--z) * 790);
  margin: 0 auto;
}
#s26 .box._1 .container .item {
  width: calc(100% / 3 - calc(var(--z) * 100) / 3);
  margin-bottom: calc(var(--z) * 20);
}
#s26 .box._1 .container .item:first-child .txt {
  font-size: calc(var(--z) * 22);
}
#s26 .box._1 .txt {
  font-size: calc(var(--z) * 20);
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #s26 .box._1 .box_1_note {
    text-align: right;
    padding-right: calc(var(--z) * 10);
    margin-bottom: calc(var(--z) * 40);
  }
  #s26 .box._1 {
    margin-bottom: calc(var(--z) * 20);
  }
  #s26 .box._1 .container .item {
    width: calc(100% / 3 - calc(var(--z) * 60) / 3);
  }
  #s26 .box._1 .container .item .img {
    margin-bottom: calc(var(--z) * 30);
  }
  #s26 .box._1 .container .item:first-child .txt {
    font-size: calc(var(--z) * 30);
  }
  #s26 .box._1 .txt {
    font-size: calc(var(--z) * 26);
    font-weight: bold;
    text-align: center;
  }
}

/* box_2 */
#s26 .box._2 {
  background-color: #f1f2f7;
  padding-top: calc(var(--z) * 100);
  padding-bottom: calc(var(--z) * 65);
}
#s26 .box._2 img {
  margin-bottom: calc(var(--z) * 25);
}
@media screen and (max-width: 767px) {
  #s26 .box._2 img {
    margin-bottom: calc(var(--z) * 0);
  }
  #s26 .box._2 .m_title {
    text-align: left;
  }
}

/* box_3,box_4,box_8 */
#s26 .box._3,
#s26 .box._4 {
  background-color: #f1f2f7;
  padding-bottom: calc(var(--z) * 65);
}
#s26 .box._3 .container,
#s26 .box._4 .container,
#s26 .box._11 .container {
  display: flex;
  justify-content: space-between;
  text-align: left;
  margin-bottom: calc(var(--z) * 20);
}
#s26 .box._3 .container .m_title,
#s26 .box._4 .container .m_title,
#s26 .box._8 .container .m_title,
#s26 .box._11 .container .m_title {
  text-align: left;
}
#s26 .box._3 .container .m_title .ff-sss,
#s26 .box._4 .container .m_title .ff-sss,
#s26 .box._8 .container .m_title .ff-sss {
  font-size: calc(var(--z) * 36);
}
#s26 .box._3 .container .img,
#s26 .box._4 .container .img,
#s26 .box._11 .container .img {
  width: 35%;
}
#s26 .box._3 .container .container_right,
#s26 .box._4 .container .container_right,
#s26 .box._11 .container .container_right {
  width: 60%;
}
@media screen and (max-width: 767px) {
  #s26 .box._3 .container,
  #s26 .box._11 .container {
    flex-direction: column;
  }
  #s26 .box._4 .container {
    flex-direction: column-reverse;
    gap: calc(var(--z) * 20);
  }
  #s26 .box._3 .container .img,
  #s26 .box._4 .container .img,
  #s26 .box._11 .container .img {
    width: 100%;
  }
  #s26 .box._3 .container .container_right,
  #s26 .box._4 .container .container_right,
  #s26 .box._11 .container .container_right {
    width: 100%;
  }
}

/* box_5 */
#s26 .box._5 {
  background-color: #f1f2f7;
}
#s26 .box._5 .container,
#s26 .box._10 .container {
  display: flex;
  justify-content: space-between;
  text-align: left;
}
#s26 .box._5 .container .m_title,
#s26 .box._10 .container .m_title {
  text-align: left;
}
#s26 .box._5 .container .container_item,
#s26 .box._10 .container .container_item {
  width: 47.5%;
}
#s26 .box._5 .m_title {
  font-size: calc(var(--z) * 30);
}
@media screen and (max-width: 767px) {
  #s26 .box._5 .container,
  #s26 .box._10 .container {
    flex-direction: column;
    gap: calc(var(--z) * 60);
  }
  #s26 .box._5 .container .container_item,
  #s26 .box._10 .container .container_item {
    width: 100%;
  }
  #s26 .box._5 .m_title {
    font-size: calc(var(--z) * 39);
  }
}

/* box_7 */
@media screen and (max-width: 767px) {
  #s26 .box._7 .container {
    flex-direction: column-reverse;
    gap: calc(var(--z) * 30);
  }
}

/* box_8 */
#s26 .box._8 {
  background-color: #f1f2f7;
  padding-top: calc(var(--z) * 35);
  padding-bottom: calc(var(--z) * 40);
}
#s26 .box._8 .container {
  display: flex;
  justify-content: space-between;
  text-align: left;
}
#s26 .box._8 .container .img {
  width: 55%;
}
#s26 .box._8 .container .container_right {
  width: 40%;
}
@media screen and (max-width: 767px) {
  #s26 .box._8 {
    background-color: #f1f2f7;
    padding-top: calc(var(--z) * 70);
    padding-bottom: calc(var(--z) * 40);
  }
  #s26 .box._8 .container {
    flex-direction: column-reverse;
  }
  #s26 .box._8 .container .img {
    width: 100%;
  }
  #s26 .box._8 .container .container_right {
    width: 100%;
  }
  #s26 .box._8 .container .img-common {
    margin: 0 0 calc(var(--z) * 30) 0;
  }
  #s26 .box._8 .container .mb30 {
    margin-bottom: calc(var(--z) * 30);
  }
}

/* box_10 */
#s26 .box._10 {
  background-color: #f1f2f7;
  padding-top: calc(var(--z) * 100);
  padding-bottom: calc(var(--z) * 100);
}

/* box_11 */
#s26 .box._11 {
  background-color: #f1f2f7;
  padding-bottom: calc(var(--z) * 100);
}
/* end */

#s26 .fs-14-pc {
  font-size: 14px;
}

#s26 .fs-14-sp {
  font-size: calc(var(--z) * 28);
}

#s26 .mt-20z-pc {
  margin-top: calc(var(--z) * 20);
}

#s26 .lh-16 {
  line-height: 1.6 !important;
}

@media screen and (max-width: 767px) {
  #s26 .mb-30z-sp {
    margin-bottom: calc(var(--z) * 30);
  }
  #s26 .mt-20z-pc {
    margin-top: 0;
  }
}