@charset "UTF-8";
@import url(//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);
@import url(//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap);
.ja {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
}

.container {
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.str-main {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/***** 各ページごと *****/
@media (min-width: 768px) {
  #mainVisual {
    background: #161113 url(/lp/core_strategy/532301/img/mv_bg_md.png) no-repeat center center/cover;
    overflow: hidden;
  }
}
#mainVisual .container {
  display: block;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
@media (min-width: 768px) {
  #mainVisual .container {
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #mainVisual .container picture {
    display: block;
    position: relative;
    z-index: 2;
  }
}
#mainVisual .container .note {
  position: absolute;
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 15px;
  width: 98%;
}
@media (min-width: 768px) {
  #mainVisual .container .note {
    display: block;
    bottom: 4.5%;
    width: 75%;
    max-width: 900px;
    text-align: center;
  }
}
#mainVisual .container .note p {
  -webkit-text-stroke: 5px #ffffff;
  text-stroke: 5px #ffffff;
  paint-order: stroke;
  color: #000000;
  font-size: calc(0.1333333333vw * 22);
}
@media (min-width: 768px) {
  #mainVisual .container .note p {
    font-size: min(14px, 0.0763358779vw * 14);
    text-align: center;
  }
}
#mainVisual .container img {
  width: 100%;
}

#prologue .bg_black {
  background-color: #ffffff;
  padding-bottom: calc(0.1333333333vw * 120);
}
@media (min-width: 768px) {
  #prologue .bg_black {
    padding-bottom: min(80px, 0.0763358779vw * 80);
  }
}
#prologue .items {
  text-align: right;
  font-size: calc(0.1333333333vw * 22);
}
@media (min-width: 768px) {
  #prologue .items {
    font-size: min(14px, 0.0763358779vw * 14);
  }
}
#prologue .items p {
  padding-top: calc(0.1333333333vw * 20);
  padding-bottom: calc(0.1333333333vw * 20);
}
@media (min-width: 768px) {
  #prologue .items p {
    padding-top: min(15px, 0.0763358779vw * 15);
    padding-bottom: min(15px, 0.0763358779vw * 15);
  }
  #prologue .items p ~ p {
    padding-top: min(5px, 0.0763358779vw * 5);
  }
}
@media (min-width: 768px) {
  #prologue .items br {
    display: none;
  }
}
#prologue .items a {
  text-decoration: underline;
}
#prologue .items img {
  width: 1.2em;
  height: auto;
}
#prologue .h2_pro {
  padding-top: calc(0.1333333333vw * 50);
  margin-bottom: calc(0.1333333333vw * 30);
}
@media (min-width: 768px) {
  #prologue .h2_pro {
    padding-top: min(55px, 0.0763358779vw * 55);
    margin-bottom: min(40px, 0.0763358779vw * 40);
    text-align: center;
  }
}
#prologue .h2_pro picture {
  display: block;
}
#prologue .h2_pro picture img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  #prologue .h2_pro picture img {
    width: min(1146px, 0.0763358779vw * 1146);
  }
}
#prologue .txt01 {
  font-feature-settings: "palt";
  font-size: calc(0.1333333333vw * 28);
  text-align: center;
  line-height: 2;
  letter-spacing: -0.05em;
}
@media (min-width: 768px) {
  #prologue .txt01 {
    font-size: min(18px, 0.0763358779vw * 18);
    line-height: 1.7;
  }
  #prologue .txt01 .d-md-none {
    display: none;
  }
}
#prologue .anchor_box {
  width: calc(0.1333333333vw * 636);
  display: flex;
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
  gap: calc(0.1333333333vw * 40) 0;
  margin-top: calc(0.1333333333vw * 70);
}
@media (min-width: 768px) {
  #prologue .anchor_box {
    width: 100%;
    flex-direction: row;
    gap: 0 min(39px, 0.0763358779vw * 39);
    margin-top: min(70px, 0.0763358779vw * 70);
  }
}
#prologue .anchor_box img,
#prologue .anchor_box picture {
  display: block;
  width: 100%;
}
#prologue .anchor_box img {
  transition: opacity 0.5s ease;
}
#prologue .anchor_box picture {
  position: relative;
}
@media (min-width: 768px) {
  #prologue .anchor_box picture:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 0.5s ease;
    opacity: 0;
  }
}
@media (min-width: 768px) {
  #prologue .anchor_box a:hover img {
    opacity: 0;
  }
  #prologue .anchor_box a:hover picture:after {
    opacity: 1;
  }
  #prologue .anchor_box a:nth-of-type(1) picture:after {
    background-image: url(/lp/core_strategy/532301/img/btn_pro_01_on_md.png);
  }
  #prologue .anchor_box a:nth-of-type(2) picture:after {
    background-image: url(/lp/core_strategy/532301/img/btn_pro_02_on_md.png);
  }
  #prologue .anchor_box a:nth-of-type(3) picture:after {
    background-image: url(/lp/core_strategy/532301/img/btn_pro_03_on_md.png);
  }
}

.d-none.d-md-block {
  display: none;
}
@media (min-width: 768px) {
  .d-none.d-md-block {
    display: block;
  }
}

#anc-sec01 {
  background: url(/lp/core_strategy/532301/img/bg_sec01_sm.png) no-repeat center top/cover;
  padding: calc(0.1333333333vw * 120) 0;
}
@media (min-width: 768px) {
  #anc-sec01 {
    padding: min(80px, 0.0763358779vw * 80) 0;
    background-image: url(/lp/core_strategy/532301/img/bg_sec01_md.png);
  }
}
#anc-sec01 .bg_white {
  width: 100%;
  padding: calc(0.1333333333vw * 70) calc(0.1333333333vw * 32) calc(0.1333333333vw * 66);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 17px 3px rgba(14, 37, 102, 0.25);
  border-radius: 5px;
}
@media (min-width: 768px) {
  #anc-sec01 .bg_white {
    padding: min(45px, 0.0763358779vw * 45) min(89px, 0.0763358779vw * 89) min(83px, 0.0763358779vw * 83);
  }
}
#anc-sec01 .h2_sec01 {
  text-align: center;
}
#anc-sec01 .h2_sec01 picture {
  display: inline-block;
  width: calc(0.1333333333vw * 621);
}
@media (min-width: 768px) {
  #anc-sec01 .h2_sec01 picture {
    width: min(999px, 0.0763358779vw * 999);
  }
}
#anc-sec01 .h2_sec01 picture img {
  width: 100%;
  height: auto;
}
#anc-sec01 .txt01 {
  text-align: center;
  margin-top: calc(0.1333333333vw * 60);
  font-size: calc(0.1333333333vw * 36);
  color: #09552f;
  font-weight: 700;
}
@media (min-width: 768px) {
  #anc-sec01 .txt01 {
    margin-top: min(50px, 0.0763358779vw * 50);
    font-size: min(26px, 0.0763358779vw * 26);
  }
}
@media (min-width: 768px) {
  #anc-sec01 .d-md-none {
    display: none;
  }
}
#anc-sec01 .txt02 {
  text-align: center;
  margin-top: calc(0.1333333333vw * 50);
  font-size: calc(0.1333333333vw * 24);
  font-weight: 500;
}
@media (min-width: 768px) {
  #anc-sec01 .txt02 {
    margin-top: min(30px, 0.0763358779vw * 30);
    font-size: min(16px, 0.0763358779vw * 16);
  }
}

#anc-sec02 {
  background-color: #09552f;
  padding: calc(0.1333333333vw * 120) 0;
}
@media (min-width: 768px) {
  #anc-sec02 {
    padding: min(80px, 0.0763358779vw * 80) 0;
  }
}
#anc-sec02 .bg_white {
  width: 100%;
  padding: calc(0.1333333333vw * 65) calc(0.1333333333vw * 32) calc(0.1333333333vw * 80);
  background: #ffffff;
  box-shadow: 0px 0px 17px 3px rgba(14, 37, 102, 0.25);
  border-radius: 5px;
}
@media (min-width: 768px) {
  #anc-sec02 .bg_white {
    padding: min(40px, 0.0763358779vw * 40) min(100px, 0.0763358779vw * 100) min(38px, 0.0763358779vw * 38);
  }
}
#anc-sec02 .h2_sec02 {
  text-align: center;
}
#anc-sec02 .h2_sec02 picture {
  display: inline-block;
  width: calc(0.1333333333vw * 621);
}
@media (min-width: 768px) {
  #anc-sec02 .h2_sec02 picture {
    width: min(999px, 0.0763358779vw * 999);
  }
}
#anc-sec02 .h2_sec02 picture img {
  width: 100%;
  height: auto;
}
#anc-sec02 .txt01 {
  text-align: center;
  margin-top: calc(0.1333333333vw * 60);
  font-size: calc(0.1333333333vw * 28);
  color: #00758e;
  font-weight: 700;
  letter-spacing: -0.08em;
}
@media (min-width: 768px) {
  #anc-sec02 .txt01 {
    margin-top: min(50px, 0.0763358779vw * 50);
    font-size: min(25px, 0.0763358779vw * 25);
  }
}
@media (min-width: 768px) {
  #anc-sec02 .d-md-none {
    display: none;
  }
}
#anc-sec02 .point_list {
  margin-top: calc(0.1333333333vw * 57);
  display: flex;
  flex-direction: column;
  gap: calc(0.1333333333vw * 39);
}
@media (min-width: 768px) {
  #anc-sec02 .point_list {
    margin-top: min(49px, 0.0763358779vw * 49);
    flex-direction: row;
    justify-content: center;
    gap: min(40px, 0.0763358779vw * 40);
  }
}
#anc-sec02 .point_list li {
  width: 100%;
}
@media (min-width: 768px) {
  #anc-sec02 .point_list li {
    width: calc((100% - min(40px, 0.0763358779vw * 40)) / 2);
  }
}
#anc-sec02 .point_list li dl {
  width: 100%;
  padding: 0 0 calc(0.1333333333vw * 49);
  text-align: center;
  border: calc(0.1333333333vw * 3) solid #09552f;
  border-radius: 5px;
}
@media (min-width: 768px) {
  #anc-sec02 .point_list li dl {
    padding: 0;
    border: min(3px, 0.0763358779vw * 3) solid #09552f;
  }
}
#anc-sec02 .point_list li dt {
  width: 100%;
  height: calc(0.1333333333vw * 100);
  text-align: center;
  align-content: center;
  margin: 0 auto;
  padding: 0 calc(0.1333333333vw * 20);
  background-color: #09552f;
}
@media (min-width: 768px) {
  #anc-sec02 .point_list li dt {
    padding: min(18px, 0.0763358779vw * 18) min(5px, 0.0763358779vw * 5);
    height: auto;
  }
}
#anc-sec02 .point_list li dt picture {
  display: inline-block;
  width: calc(0.1333333333vw * 274);
}
@media (min-width: 768px) {
  #anc-sec02 .point_list li dt picture {
    width: min(142px, 0.0763358779vw * 142);
  }
}
#anc-sec02 .point_list li dd {
  text-align: center;
  margin-top: calc(0.1333333333vw * 40);
  color: #000000;
  font-size: calc(0.1333333333vw * 34.53);
  font-weight: 700;
  line-height: 1.8;
}
@media (min-width: 768px) {
  #anc-sec02 .point_list li dd {
    margin-top: 0;
    padding: min(30px, 0.0763358779vw * 30) min(20px, 0.0763358779vw * 20) min(37px, 0.0763358779vw * 37);
    font-size: min(23.98px, 0.0763358779vw * 23.98);
    align-content: center;
  }
}
#anc-sec02 .point_list li dd span {
  font-size: calc(0.1333333333vw * 43.17);
  font-weight: 700;
  color: #cc0001;
  text-decoration: underline;
}
@media (min-width: 768px) {
  #anc-sec02 .point_list li dd span {
    font-size: min(29.98px, 0.0763358779vw * 29.98);
  }
}
#anc-sec02 .point_list li dd sup {
  font-size: 50%;
  top: -1em;
}
@media (min-width: 768px) {
  #anc-sec02 .point_list li:first-of-type dl dd {
    padding-top: min(40px, 0.0763358779vw * 40);
  }
}
#anc-sec02 .point_list li .note {
  margin-top: calc(0.1333333333vw * 27);
}
@media (min-width: 768px) {
  #anc-sec02 .point_list li .note {
    margin-top: min(15px, 0.0763358779vw * 15);
  }
}
#anc-sec02 .point_list li .note p {
  text-align: left;
  display: flex;
  font-size: calc(0.1333333333vw * 22);
  font-weight: normal;
}
@media (min-width: 768px) {
  #anc-sec02 .point_list li .note p {
    font-size: min(14px, 0.0763358779vw * 14);
  }
}
#anc-sec02 .point_list li .note p span {
  color: #000000;
  font-size: calc(0.1333333333vw * 22);
  font-weight: normal;
  text-decoration: none;
}
@media (min-width: 768px) {
  #anc-sec02 .point_list li .note p span {
    font-size: min(14px, 0.0763358779vw * 14);
  }
}
#anc-sec02 .img01 {
  width: calc(0.1333333333vw * 610);
  margin-top: calc(0.1333333333vw * 60);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  #anc-sec02 .img01 {
    width: min(989px, 0.0763358779vw * 989);
    margin-top: min(40px, 0.0763358779vw * 40);
  }
}
#anc-sec02 .img01 img {
  width: 100%;
}

#anc-sec03 {
  padding-top: calc(0.1333333333vw * 120);
  padding-bottom: calc(0.1333333333vw * 120);
}
@media (min-width: 768px) {
  #anc-sec03 {
    padding-top: min(50px, 0.0763358779vw * 50);
    padding-bottom: min(50px, 0.0763358779vw * 50);
  }
}
#anc-sec03 .h2_sec03 {
  text-align: center;
}
#anc-sec03 .h2_sec03 picture {
  display: inline-block;
}
@media (min-width: 768px) {
  #anc-sec03 .h2_sec03 picture {
    width: min(1000px, 0.0763358779vw * 1000);
  }
}
#anc-sec03 .h2_sec03 picture img {
  width: 100%;
  height: auto;
}
#anc-sec03 .value_box > dd p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
#anc-sec03 .value_box > dd p ~ p {
  display: none;
}
#anc-sec03 .note {
  margin-top: calc(0.1333333333vw * 27);
}
@media (min-width: 768px) {
  #anc-sec03 .note {
    margin-top: min(15px, 0.0763358779vw * 15);
  }
}
#anc-sec03 .note p {
  display: flex;
  font-size: calc(0.1333333333vw * 22);
}
@media (min-width: 768px) {
  #anc-sec03 .note p {
    font-size: min(14px, 0.0763358779vw * 14);
  }
}

#sec05 {
  background-color: #09552f;
  padding: calc(0.1333333333vw * 120) 0;
}
@media (min-width: 768px) {
  #sec05 {
    padding: min(80px, 0.0763358779vw * 80) 0;
  }
}
#sec05 h3 {
  color: #ffffff;
  font-weight: 700;
  font-size: calc(0.1333333333vw * 48);
}
@media (min-width: 768px) {
  #sec05 h3 {
    font-size: min(30px, 0.0763358779vw * 30);
  }
}
#sec05 .bg_white {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 0px 17px 3px rgba(14, 37, 102, 0.25);
  border-radius: 5px;
  margin-top: calc(0.1333333333vw * 38);
  height: 100%;
}
@media (min-width: 768px) {
  #sec05 .bg_white {
    margin-top: min(32px, 0.0763358779vw * 32);
    height: 100%;
  }
}
#sec05 .note {
  margin-top: calc(0.1333333333vw * 27);
}
@media (min-width: 768px) {
  #sec05 .note {
    margin-top: min(15px, 0.0763358779vw * 15);
  }
}
#sec05 .note p {
  color: #ffffff;
  display: flex;
  font-size: calc(0.1333333333vw * 22);
}
@media (min-width: 768px) {
  #sec05 .note p {
    font-size: min(14px, 0.0763358779vw * 14);
  }
}

#sec06 {
  background-color: #ffffff;
  padding: calc(0.1333333333vw * 145) 0 calc(0.1333333333vw * 100);
}
@media (min-width: 768px) {
  #sec06 {
    padding: min(95px, 0.0763358779vw * 95) 0 min(70px, 0.0763358779vw * 70);
  }
}
#sec06 .kanren_box {
  border: 1px solid #09552f;
  padding: 0 calc(0.1333333333vw * 30) calc(0.1333333333vw * 39);
}
@media (min-width: 768px) {
  #sec06 .kanren_box {
    padding: 0 min(100px, 0.0763358779vw * 100) min(34px, 0.0763358779vw * 34);
  }
}
#sec06 .kanren_box .ttl {
  font-size: calc(0.1333333333vw * 48);
  font-weight: 700;
  color: #09552f;
  padding: 0 calc(0.1333333333vw * 12);
  margin-left: calc(0.1333333333vw * -12);
  transform: translateY(-50%);
  background-color: #ffffff;
  display: inline-block;
}
@media (min-width: 768px) {
  #sec06 .kanren_box .ttl {
    font-size: min(30px, 0.0763358779vw * 30);
    padding: 0 min(15px, 0.0763358779vw * 15);
    margin-left: min(-15px, 0.0763358779vw * -15);
  }
}
#sec06 .kanren_box p {
  font-size: calc(0.1333333333vw * 22);
  font-weight: 500;
}
@media (min-width: 768px) {
  #sec06 .kanren_box p {
    font-size: min(14px, 0.0763358779vw * 14);
  }
}
#sec06 .kanren_box p a {
  color: #1543ec;
  text-decoration: underline;
}
#sec06 .kanren_box p.s_ttl {
  font-size: calc(0.1333333333vw * 26);
  font-weight: 500;
  margin-top: calc(0.1333333333vw * 35);
  display: flex;
}
@media (min-width: 768px) {
  #sec06 .kanren_box p.s_ttl {
    margin-top: min(25px, 0.0763358779vw * 25);
    font-size: min(16px, 0.0763358779vw * 16);
  }
}
#sec06 .btn_ttl {
  text-align: center;
  font-size: calc(0.1333333333vw * 35);
  font-weight: 700;
  color: #09552f;
  margin-top: calc(0.1333333333vw * 110);
}
@media (min-width: 768px) {
  #sec06 .btn_ttl {
    font-size: min(26px, 0.0763358779vw * 26);
    margin-top: min(75px, 0.0763358779vw * 75);
  }
}
#sec06 .btn_ttl span {
  padding: 0 calc(0.1333333333vw * 10);
  position: relative;
  display: inline-block;
}
#sec06 .btn_ttl span:before, #sec06 .btn_ttl span:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #09552f;
  top: 0;
  left: 0;
  transform: rotate(-25deg);
}
#sec06 .btn_ttl span:after {
  right: 0;
  left: auto;
  transform: rotate(25deg);
}
@media (min-width: 768px) {
  #sec06 .btn_ttl span .d-md-none {
    display: none;
  }
}
#sec06 .btn {
  width: 100%;
  height: calc(0.1333333333vw * 140);
  margin-top: calc(0.1333333333vw * 25);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  font-size: calc(0.1333333333vw * 35);
  font-weight: 500;
  line-height: 1.2;
  padding: 0 calc(0.1333333333vw * 30);
  background-color: #09552f;
  border-radius: 5px;
  box-shadow: 3.657px 3.41px 10px 0px rgba(0, 0, 0, 0.2);
  position: relative;
}
@media (min-width: 768px) {
  #sec06 .btn {
    width: min(470px, 0.0763358779vw * 470);
    height: min(90px, 0.0763358779vw * 90);
    margin-top: min(28px, 0.0763358779vw * 28);
    font-size: min(22px, 0.0763358779vw * 22);
    padding: 0 min(30px, 0.0763358779vw * 30);
    margin-left: auto;
    margin-right: auto;
  }
}
#sec06 .btn:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transform: rotate(45deg) translateY(-50%);
  top: 50%;
  right: calc(0.1333333333vw * 30);
}
@media (min-width: 768px) {
  #sec06 .btn:before {
    right: min(30px, 0.0763358779vw * 30);
  }
}
#sec06 .note {
  margin-top: calc(0.1333333333vw * 124);
}
@media (min-width: 768px) {
  #sec06 .note {
    margin-top: min(87px, 0.0763358779vw * 87);
  }
}
#sec06 .note p {
  display: flex;
  font-size: calc(0.1333333333vw * 22);
}
@media (min-width: 768px) {
  #sec06 .note p {
    font-size: min(14px, 0.0763358779vw * 14);
  }
}
#sec06 .note p.ttl {
  font-size: calc(0.1333333333vw * 22);
}
@media (min-width: 768px) {
  #sec06 .note p.ttl {
    font-size: min(16px, 0.0763358779vw * 16);
  }
}

.value_box {
  border-radius: calc(0.1333333333vw * 5);
  overflow: clip;
  border: 3px #09552f solid;
  margin-top: calc(0.1333333333vw * 50);
}
.value_box:first-of-type {
  margin-top: calc(0.1333333333vw * 60);
}
@media (min-width: 768px) {
  .value_box:first-of-type {
    margin-top: min(50px, 0.0763358779vw * 50);
  }
}
@media (min-width: 768px) {
  .value_box {
    display: flex;
    margin-top: min(30px, 0.0763358779vw * 30);
  }
}
.value_box > dt {
  width: 100%;
  aspect-ratio: 686/332;
  background: url(/lp/core_strategy/532301/img/bg_sec03_value_box_dt_sm.png) no-repeat center bottom/cover;
  align-content: center;
  border-bottom: 2px #09552f solid;
}
@media (min-width: 768px) {
  .value_box > dt {
    display: flex;
    gap: min(30px, 0.0763358779vw * 30);
    width: min(503px, 0.0763358779vw * 503);
    flex-shrink: 0;
    aspect-ratio: auto;
    background-image: url(/lp/core_strategy/532301/img/bg_sec03_value_box_dt_md.png);
    background-size: cover;
    padding: min(40px, 0.0763358779vw * 40);
    align-items: center;
    border-bottom: none;
    border-right: 2px #09552f solid;
  }
}
.value_box > dt p {
  font-size: calc(0.1333333333vw * 45);
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  font-feature-settings: "palt";
}
@media (min-width: 768px) {
  .value_box > dt p {
    font-size: min(28px, 0.0763358779vw * 28);
    flex-grow: 1;
  }
}
.value_box > dt picture {
  display: block;
  width: calc(0.1333333333vw * 83);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(0.1333333333vw * 30);
}
@media (min-width: 768px) {
  .value_box > dt picture {
    width: min(50px, 0.0763358779vw * 50);
    margin: 0;
    flex-shrink: 0;
  }
}
.value_box > dt picture.txt01 {
  width: calc(0.1333333333vw * 484);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .value_box > dt picture.txt01 {
    width: min(303px, 0.0763358779vw * 303);
  }
}
.value_box > dt picture.txt02 {
  width: calc(0.1333333333vw * 408);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .value_box > dt picture.txt02 {
    width: min(256px, 0.0763358779vw * 256);
  }
}
.value_box > dt picture.txt03 {
  width: calc(0.1333333333vw * 624);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .value_box > dt picture.txt03 {
    width: min(300px, 0.0763358779vw * 300);
  }
}
.value_box > dt picture.txt04 {
  width: calc(0.1333333333vw * 427);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .value_box > dt picture.txt04 {
    width: min(268px, 0.0763358779vw * 268);
  }
}
.value_box > dt picture.txt05 {
  width: calc(0.1333333333vw * 498);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .value_box > dt picture.txt05 {
    width: min(312px, 0.0763358779vw * 312);
  }
}
.value_box > dt img {
  width: 100%;
}
.value_box > dd {
  padding: calc(0.1333333333vw * 30);
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .value_box > dd {
    padding: min(30px, 0.0763358779vw * 30) min(40px, 0.0763358779vw * 40);
  }
}
.value_box > dd p {
  font-size: calc(0.1333333333vw * 24);
  line-height: 1.58;
}
@media (min-width: 768px) {
  .value_box > dd p {
    font-size: min(16px, 0.0763358779vw * 16);
  }
}
.value_box > dd p.small {
  font-size: 70%;
}
.value_box > dd .moreBtn {
  margin-top: calc(0.1333333333vw * 30);
  background-color: #09552f;
  border-radius: calc(0.1333333333vw * 3);
  color: #ffffff;
  font-size: calc(0.1333333333vw * 26);
  text-align: center;
  align-content: center;
  width: 100%;
  height: calc(0.1333333333vw * 88);
  border: 2px #09552f solid;
}
@media (min-width: 768px) {
  .value_box > dd .moreBtn {
    margin-top: min(30px, 0.0763358779vw * 30);
    font-size: min(16px, 0.0763358779vw * 16);
    height: min(55px, 0.0763358779vw * 55);
    cursor: pointer;
    transition: background-color 0.5s ease, color 0.5s ease;
  }
  .value_box > dd .moreBtn:hover {
    background-color: #ffffff;
    color: #09552f;
  }
}

@media (min-width: 768px) {
  .modalBox .value_box {
    display: block;
  }
}
.modalBox .value_box:first-of-type {
  margin-top: 0;
}
@media (min-width: 768px) {
  .modalBox .value_box:first-of-type {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .modalBox .value_box > dt {
    display: block;
    width: 100%;
    aspect-ratio: 1000/175;
    background-image: url(/lp/core_strategy/532301/img/bg_modal_value_box_dt_md.png);
    padding: 0;
    border-bottom: 3px solid #09552f;
  }
  .modalBox .value_box > dt picture {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: min(20px, 0.0763358779vw * 20);
  }
  .modalBox .value_box > dt p br {
    display: none;
  }
}
.modalBox .value_box > dd {
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .modalBox .value_box > dd .moreBtn {
    width: min(300px, 0.0763358779vw * 300);
    margin-left: auto;
    margin-right: auto;
  }
}

body.modal-open {
  overflow: hidden;
}

#modal-overlay {
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 4000;
  transition: all 0.5s ease;
  opacity: 0;
  pointer-events: none;
}
#modal-overlay.active {
  pointer-events: all;
  visibility: visible;
  transition: all 0.5s ease;
  opacity: 1;
}

.modal-base {
  transition: all 0.5s ease;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.modal-base.active {
  pointer-events: all;
  visibility: visible;
  opacity: 1;
}

.d-flex {
  display: flex;
}

.modalBox {
  width: calc(0.1333333333vw * 686);
  height: 65%;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .modalBox {
    height: 80%;
    max-width: 1000px;
    top: 50%;
  }
}
.modalBox .modal_inner {
  overflow-y: auto;
  height: 100%;
}
.modalBox .modal_inner .modal_txt01 {
  width: calc(0.1333333333vw * 484);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .modalBox .modal_inner .modal_txt01 {
    width: min(396px, 0.0763358779vw * 396);
  }
}
.modalBox .modal_inner .modal_txt02 {
  width: calc(0.1333333333vw * 408);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .modalBox .modal_inner .modal_txt02 {
    width: min(256px, 0.0763358779vw * 256);
  }
}
.modalBox .modal_inner .modal_txt03 {
  width: calc(0.1333333333vw * 624);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .modalBox .modal_inner .modal_txt03 {
    width: min(536px, 0.0763358779vw * 536);
  }
}
.modalBox .modal_inner .modal_txt04 {
  width: calc(0.1333333333vw * 427);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .modalBox .modal_inner .modal_txt04 {
    width: min(384px, 0.0763358779vw * 384);
  }
}
.modalBox .modal_inner .modal_txt05 {
  width: calc(0.1333333333vw * 498);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .modalBox .modal_inner .modal_txt05 {
    width: min(312px, 0.0763358779vw * 312);
  }
}

.modal-close-inner {
  position: absolute;
  top: calc(0.1333333333vw * 15);
  right: calc(0.1333333333vw * 15);
  width: calc(0.1333333333vw * 80);
  height: calc(0.1333333333vw * 80);
  cursor: pointer;
}
@media (min-width: 768px) {
  .modal-close-inner {
    width: min(45px, 0.0763358779vw * 45);
    height: min(45px, 0.0763358779vw * 45);
  }
}
.modal-close-inner:after, .modal-close-inner:before {
  content: "";
  display: block;
  width: 80%;
  height: 2px;
  background-color: #23599a;
  position: absolute;
  top: calc(50% - 1px);
  left: 10%;
}
.modal-close-inner:before {
  transform: rotate(45deg);
}
.modal-close-inner:after {
  transform: rotate(-45deg);
}

.modal-close-outer {
  position: absolute;
  top: calc(0.1333333333vw * -60);
  right: 0;
  width: calc(0.1333333333vw * 40);
  height: calc(0.1333333333vw * 40);
  cursor: pointer;
  background-color: #ffffff;
}
.modal-close-outer:after, .modal-close-outer:before {
  content: "";
  display: block;
  width: 80%;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: calc(50% - 1px);
  left: 10%;
}
.modal-close-outer:before {
  transform: rotate(45deg);
}
.modal-close-outer:after {
  transform: rotate(-45deg);
}

.modal_btn {
  width: calc(0.1333333333vw * 300);
  margin-left: auto;
  margin-right: auto;
  background-color: blue;
  line-height: 1;
  color: #ffffff;
  padding: 0.5em cs(10);
  border-radius: 1000px;
  cursor: pointer;
  text-align: center;
}
@media (min-width: 768px) {
  .modal_btn {
    width: calc(0.1333333333vw * 150);
  }
}/*# sourceMappingURL=style.css.map */