.reason03__pageTtl {
  background-image: url(/assets/img/reasons/h2_bg_pc_01.jpg);
}
@media screen and (max-width: 640px) {
  .reason03__pageTtl {
    background-image: url(/assets/img/reasons/h2_bg_sp_01.jpg);
  }
}
.reason03Inner {
  position: relative;
}
.reason03Inner::before, .reason03Inner::after {
  position: absolute;
  display: block;
  content: "";
  z-index: 1;
}
.reason03Inner::before {
  background: 0% 0%/100% auto url(/assets/img/reasons/reason03/h3_elm_pc_01.jpg) no-repeat;
  top: 130px;
  left: -200px;
  width: 211px;
  height: 368px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner::before {
    top: 13vw;
    right: -20vw;
    width: 21.1vw;
    height: 36.8vw;
  }
}
@media screen and (max-width: 640px) {
  .reason03Inner::before {
    background: 0% 0%/100% auto url(/assets/img/reasons/reason03/h3_elm_sp_01.png) no-repeat;
    top: 3.5%;
    left: 0;
    width: 31.25vw;
    height: 39.0625vw;
  }
}
.reason03Inner::after {
  background: 0% 0%/100% auto url(/assets/img/reasons/reason03/h3_elm_pc_02.png) no-repeat;
  top: 138px;
  right: -384px;
  width: 296px;
  height: 555px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner::after {
    top: 13.8vw;
    right: -38.4vw;
    width: 29.6vw;
    height: 55.5vw;
  }
}
@media screen and (max-width: 640px) {
  .reason03Inner::after {
    background: 0% 0%/100% auto url(/assets/img/reasons/reason03/h3_elm_sp_02.png) no-repeat;
    top: 8.7%;
    right: 0;
    width: 29.6875vw;
    height: 45.3125vw;
  }
}
@media screen and (min-width: 641px) {
  .reason03Inner {
    max-width: 1080px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner {
    max-width: 108vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .reason03Inner {
    padding: 0 5.46875vw;
  }
}
.reason03Inner__ttl {
  padding: 65px 0 37px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner__ttl {
    padding: 6.5vw 0 3.7vw;
  }
}
@media screen and (max-width: 640px) {
  .reason03Inner__ttl {
    padding: 8.6% 0 3.6%;
  }
}
.reason03Inner__ttlNum {
  width: 156px;
  height: 156px;
  letter-spacing: 0.015rem;
  font-size: 1rem;
  line-height: 1.4375;
  text-align: center;
  border-radius: 50%;
  margin: 0 auto;
  color: #0597A3;
  background: rgba(5, 151, 163, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner__ttlNum {
    letter-spacing: 0.024vw;
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner__ttlNum {
    width: 15.6vw;
    height: 15.6vw;
  }
}
@media screen and (max-width: 640px) {
  .reason03Inner__ttlNum {
    width: 29.375vw;
    height: 29.375vw;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .reason03Inner__ttlNum {
    font-size: 3.28125vw;
    letter-spacing: 0.04921875vw;
    line-height: 1.4285714286;
  }
}
.reason03Inner__ttlNum::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  width: 144px;
  height: 144px;
  border: 3px solid #fff;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner__ttlNum::before {
    width: 14.4vw;
    height: 14.4vw;
    border: 0.3vw solid #fff;
  }
}
@media screen and (max-width: 640px) {
  .reason03Inner__ttlNum::before {
    width: 27.1875vw;
    height: 27.1875vw;
    border: 0.46875vw solid #fff;
  }
}
.reason03Inner__ttlNum--txt {
  letter-spacing: 0.01rem;
  font-size: 3.125rem;
  line-height: 1;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner__ttlNum--txt {
    letter-spacing: 0.016vw;
    font-size: 5vw;
  }
}
@media screen and (max-width: 640px) {
  .reason03Inner__ttlNum--txt {
    font-size: 9.375vw;
    letter-spacing: 0.09375vw;
    line-height: 1;
  }
}
.reason03Inner__ttlBallon {
  width: 761px;
  height: 57px;
  letter-spacing: 0.015rem;
  font-size: 1.25rem;
  line-height: 1.75;
  margin: 36px auto 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #0597A3;
  position: relative;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner__ttlBallon {
    letter-spacing: 0.024vw;
    font-size: 2vw;
  }
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner__ttlBallon {
    width: 76.1vw;
    height: 5.7vw;
    margin: 3.6vw auto 4vw;
  }
}
@media screen and (max-width: 640px) {
  .reason03Inner__ttlBallon {
    width: 79.0625vw;
    height: 17.8125vw;
    margin: 7.4% auto 5.7%;
    text-align: center;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .reason03Inner__ttlBallon {
    font-size: 3.90625vw;
    letter-spacing: 0.0390625vw;
    line-height: 1.6;
  }
}
.reason03Inner__ttlBallon::before {
  position: absolute;
  display: block;
  content: "";
  top: 57px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #0597A3;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner__ttlBallon::before {
    top: 5.7vw;
    border-left: 1vw solid transparent;
    border-right: 1vw solid transparent;
    border-top: 1vw solid #0597A3;
  }
}
@media screen and (max-width: 640px) {
  .reason03Inner__ttlBallon::before {
    top: 17.8125vw;
    border-left: 1.5625vw solid transparent;
    border-right: 1.5625vw solid transparent;
    border-top: 1.5625vw solid #0597A3;
  }
}
.reason03Inner__ttlTxt {
  letter-spacing: 0.01rem;
  font-size: 1.875rem;
  line-height: 1.8;
  color: #454545;
  text-align: center;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner__ttlTxt {
    letter-spacing: 0.016vw;
    font-size: 3vw;
  }
}
@media screen and (max-width: 640px) {
  .reason03Inner__ttlTxt {
    font-weight: 500;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .reason03Inner__ttlTxt {
    font-size: 5.3125vw;
    letter-spacing: 0.053125vw;
    line-height: 1.5882352941;
  }
}
.reason03Inner__ttlTxt--strong {
  color: #0597A3;
}
.reason03Inner__txt {
  letter-spacing: 0.01rem;
  font-size: 1rem;
  line-height: 2.125;
  color: #454545;
  text-align: center;
  padding-bottom: 67px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner__txt {
    letter-spacing: 0.016vw;
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .reason03Inner__txt {
    padding: 0 4vw 6.7vw;
  }
}
@media screen and (max-width: 640px) {
  .reason03Inner__txt {
    text-align: justify;
    padding-bottom: 12.4%;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .reason03Inner__txt {
    font-size: 3.28125vw;
    letter-spacing: 0.04921875vw;
    line-height: 2.0952380952;
  }
}

.case01Container, .case02Container, .case03Container {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1290px) {
  .case01Container, .case02Container, .case03Container {
    width: 1290px;
  }
}
@media screen and (max-width: 640px) {
  .case01Container, .case02Container, .case03Container {
    width: 100%;
  }
}
.case01Inner, .case02Inner, .case03Inner {
  max-width: 100vw;
  margin: 0 auto;
  padding-bottom: 6.4vw;
}
@media screen and (min-width: 1290px) {
  .case01Inner, .case02Inner, .case03Inner {
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner, .case02Inner, .case03Inner {
    padding: 0 5.46875vw 12.5%;
  }
}
.case01Inner__ttl, .case02Inner__ttl, .case03Inner__ttl {
  padding: 4.2vw 0 2.8vw;
}
@media screen and (min-width: 1290px) {
  .case01Inner__ttl, .case02Inner__ttl, .case03Inner__ttl {
    padding: 42px 0 28px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__ttl, .case02Inner__ttl, .case03Inner__ttl {
    padding: 9.1% 0 6.5%;
  }
}
.case01Inner__ttlTxt, .case02Inner__ttlTxt, .case03Inner__ttlTxt {
  background: 0% 0%/2.5vw 2.9vw url(/assets/img/util/title_blue_elm_pc_01.svg) no-repeat, 100% 0%/2.5vw 2.9vw url(/assets/img/util/title_blue_elm_pc_02.svg) no-repeat, 0% 100%/2.5vw 2.9vw url(/assets/img/util/title_blue_elm_pc_03.svg) no-repeat, 100% 100%/2.5vw 2.9vw url(/assets/img/util/title_blue_elm_pc_04.svg) no-repeat;
  letter-spacing: 0.015rem;
  font-size: 1.875rem;
  line-height: 1.2666666667;
  width: 51.2vw;
  height: 9vw;
  margin: 0 auto;
  color: #454545;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .case01Inner__ttlTxt, .case02Inner__ttlTxt, .case03Inner__ttlTxt {
    letter-spacing: 0.024vw;
    font-size: 3vw;
  }
}
@media screen and (min-width: 1290px) {
  .case01Inner__ttlTxt, .case02Inner__ttlTxt, .case03Inner__ttlTxt {
    background: 0% 0%/25px 29px url(/assets/img/util/title_blue_elm_pc_01.svg) no-repeat, 100% 0%/25px 29px url(/assets/img/util/title_blue_elm_pc_02.svg) no-repeat, 0% 100%/25px 29px url(/assets/img/util/title_blue_elm_pc_03.svg) no-repeat, 100% 100%/25px 29px url(/assets/img/util/title_blue_elm_pc_04.svg) no-repeat;
    width: 512px;
    height: 90px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__ttlTxt, .case02Inner__ttlTxt, .case03Inner__ttlTxt {
    background: 0% 0%/3.125vw 3.59375vw url(/assets/img/util/title_blue_elm_sp_01.svg) no-repeat, 100% 0%/3.125vw 3.59375vw url(/assets/img/util/title_blue_elm_sp_02.svg) no-repeat, 0% 100%/3.125vw 3.59375vw url(/assets/img/util/title_blue_elm_sp_03.svg) no-repeat, 100% 100%/3.125vw 3.59375vw url(/assets/img/util/title_blue_elm_sp_04.svg) no-repeat;
    font-weight: 500;
    width: 86.25vw;
    height: 14.0625vw;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .case01Inner__ttlTxt, .case02Inner__ttlTxt, .case03Inner__ttlTxt {
    font-size: 5.46875vw;
    letter-spacing: 0.109375vw;
    line-height: 1.5428571429;
  }
}
.case01Inner__case, .case02Inner__case, .case03Inner__case {
  height: 4vw;
  border-radius: 2vw;
  padding-left: 11.2vw;
  letter-spacing: 0.01860465vw;
  font-size: 1.395349vw;
  line-height: 4vw;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1290px) {
  .case01Inner__case, .case02Inner__case, .case03Inner__case {
    letter-spacing: 0.015rem;
    font-size: 1.125rem;
    height: 40px;
    border-radius: 20px;
    padding-left: 112px;
    line-height: 40px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__case, .case02Inner__case, .case03Inner__case {
    height: 6.875vw;
    border-radius: 3.90625vw;
    padding-left: 19.84375vw;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .case01Inner__case, .case02Inner__case, .case03Inner__case {
    font-size: 3.28125vw;
    letter-spacing: 0.04921875vw;
    line-height: 2.0952380952;
  }
}
.case01Inner__case::before, .case02Inner__case::before, .case03Inner__case::before {
  position: absolute;
  display: block;
  content: "";
  width: 6vw;
  height: 1.3vw;
  left: 2vw;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 1290px) {
  .case01Inner__case::before, .case02Inner__case::before, .case03Inner__case::before {
    width: 60px;
    height: 13px;
    left: 20px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__case::before, .case02Inner__case::before, .case03Inner__case::before {
    width: 10.46875vw;
    height: 2.34375vw;
    left: 3.90625vw;
  }
}
.case01Inner__txt--01, .case02Inner__txt--01, .case03Inner__txt--01 {
  padding-top: 1.4vw;
  letter-spacing: 0.015rem;
  font-size: 1.375rem;
  line-height: 1.7272727273;
  text-align: center;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .case01Inner__txt--01, .case02Inner__txt--01, .case03Inner__txt--01 {
    letter-spacing: 0.024vw;
    font-size: 2.2vw;
  }
}
@media screen and (min-width: 1290px) {
  .case01Inner__txt--01, .case02Inner__txt--01, .case03Inner__txt--01 {
    padding-top: 14px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__txt--01, .case02Inner__txt--01, .case03Inner__txt--01 {
    padding-top: 3.6%;
    font-weight: 500;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .case01Inner__txt--01, .case02Inner__txt--01, .case03Inner__txt--01 {
    font-size: 4.375vw;
    letter-spacing: 0.04375vw;
    line-height: 1.7142857143;
  }
}
.case01Inner__txt--02, .case02Inner__txt--02, .case03Inner__txt--02 {
  padding: 2.2vw 4vw 2.6vw;
  letter-spacing: 0.01rem;
  font-size: 1rem;
  line-height: 2.125;
  color: #454545;
  text-align: center;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .case01Inner__txt--02, .case02Inner__txt--02, .case03Inner__txt--02 {
    letter-spacing: 0.016vw;
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1290px) {
  .case01Inner__txt--02, .case02Inner__txt--02, .case03Inner__txt--02 {
    padding: 22px 0 26px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__txt--02, .case02Inner__txt--02, .case03Inner__txt--02 {
    padding: 2.6% 0 5.4%;
    text-align: justify;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .case01Inner__txt--02, .case02Inner__txt--02, .case03Inner__txt--02 {
    font-size: 3.28125vw;
    letter-spacing: 0.04921875vw;
    line-height: 2.0952380952;
  }
}
.case01Inner__list, .case02Inner__list, .case03Inner__list {
  display: flex;
  margin: 0 2vw;
}
@media screen and (min-width: 1290px) {
  .case01Inner__list, .case02Inner__list, .case03Inner__list {
    display: flex;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__list, .case02Inner__list, .case03Inner__list {
    flex-direction: column;
  }
}
.case01Inner__item01Txt, .case01Inner__item02Txt, .case02Inner__item01Txt, .case02Inner__item02Txt, .case03Inner__item01Txt, .case03Inner__item02Txt {
  width: 7vw;
  margin: 0 auto 0.8vw;
}
@media screen and (min-width: 1290px) {
  .case01Inner__item01Txt, .case01Inner__item02Txt, .case02Inner__item01Txt, .case02Inner__item02Txt, .case03Inner__item01Txt, .case03Inner__item02Txt {
    width: 70px;
    margin: 0 auto 8px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__item01Txt, .case01Inner__item02Txt, .case02Inner__item01Txt, .case02Inner__item02Txt, .case03Inner__item01Txt, .case03Inner__item02Txt {
    width: 12.8125vw;
    margin: 0 auto 0.8%;
  }
  .case01Inner__item01Txt svg, .case01Inner__item02Txt svg, .case02Inner__item01Txt svg, .case02Inner__item02Txt svg, .case03Inner__item01Txt svg, .case03Inner__item02Txt svg {
    width: 12.8125vw;
    height: 3.75vw;
  }
}
.case01Inner__item01Row, .case01Inner__item02Row, .case02Inner__item01Row, .case02Inner__item02Row, .case03Inner__item01Row, .case03Inner__item02Row {
  display: flex;
  height: 5.7vw;
}
@media screen and (min-width: 1290px) {
  .case01Inner__item01Row, .case01Inner__item02Row, .case02Inner__item01Row, .case02Inner__item02Row, .case03Inner__item01Row, .case03Inner__item02Row {
    height: 57px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__item01Row, .case01Inner__item02Row, .case02Inner__item01Row, .case02Inner__item02Row, .case03Inner__item01Row, .case03Inner__item02Row {
    height: 8.90625vw;
  }
}
.case01Inner__item01Header, .case01Inner__item02Header, .case02Inner__item01Header, .case02Inner__item02Header, .case03Inner__item01Header, .case03Inner__item02Header {
  flex: 0 1 20.6vw;
  letter-spacing: 0.01rem;
  font-size: 1rem;
  line-height: 2.125;
  color: #fff;
  font-weight: 500;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .case01Inner__item01Header, .case01Inner__item02Header, .case02Inner__item01Header, .case02Inner__item02Header, .case03Inner__item01Header, .case03Inner__item02Header {
    letter-spacing: 0.016vw;
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1290px) {
  .case01Inner__item01Header, .case01Inner__item02Header, .case02Inner__item01Header, .case02Inner__item02Header, .case03Inner__item01Header, .case03Inner__item02Header {
    flex: 0 1 206px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__item01Header, .case01Inner__item02Header, .case02Inner__item01Header, .case02Inner__item02Header, .case03Inner__item01Header, .case03Inner__item02Header {
    flex: 0 1 32.1875vw;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .case01Inner__item01Header, .case01Inner__item02Header, .case02Inner__item01Header, .case02Inner__item02Header, .case03Inner__item01Header, .case03Inner__item02Header {
    font-size: 3.28125vw;
    letter-spacing: 0.04921875vw;
    line-height: 2.0952380952;
  }
}
.case01Inner__item01Data, .case01Inner__item02Data, .case02Inner__item01Data, .case02Inner__item02Data, .case03Inner__item01Data, .case03Inner__item02Data {
  flex: 0 1 25.8vw;
  padding-left: 3.6vw;
  letter-spacing: 0.01rem;
  font-size: 1rem;
  line-height: 2.125;
  color: #454545;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .case01Inner__item01Data, .case01Inner__item02Data, .case02Inner__item01Data, .case02Inner__item02Data, .case03Inner__item01Data, .case03Inner__item02Data {
    letter-spacing: 0.016vw;
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1290px) {
  .case01Inner__item01Data, .case01Inner__item02Data, .case02Inner__item01Data, .case02Inner__item02Data, .case03Inner__item01Data, .case03Inner__item02Data {
    flex: 0 1 258px;
    padding-left: 36px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__item01Data, .case01Inner__item02Data, .case02Inner__item01Data, .case02Inner__item02Data, .case03Inner__item01Data, .case03Inner__item02Data {
    flex: 0 1 56.875vw;
    padding-left: 12.03125vw;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .case01Inner__item01Data, .case01Inner__item02Data, .case02Inner__item01Data, .case02Inner__item02Data, .case03Inner__item01Data, .case03Inner__item02Data {
    font-size: 3.28125vw;
    letter-spacing: 0.04921875vw;
    line-height: 2.0952380952;
  }
}
.case01Inner__item02, .case02Inner__item02, .case03Inner__item02 {
  opacity: 0;
  transition: 0.3s all 0.5s;
}
.js-observe .case01Inner__item02, .js-observe .case02Inner__item02, .js-observe .case03Inner__item02 {
  opacity: 1;
}
@media screen and (max-width: 640px) {
  .case01Inner__item02Txt, .case02Inner__item02Txt, .case03Inner__item02Txt {
    width: 12.1875vw;
    margin: 0 auto 0.8%;
  }
  .case01Inner__item02Txt svg, .case02Inner__item02Txt svg, .case03Inner__item02Txt svg {
    width: 12.1875vw;
    height: 3.28125vw;
  }
}
.case01Inner__item02Data--strong, .case02Inner__item02Data--strong, .case03Inner__item02Data--strong {
  letter-spacing: 0.01rem;
  font-size: 1rem;
  line-height: 2.125;
  color: #FF8B5F;
  font-weight: 500;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .case01Inner__item02Data--strong, .case02Inner__item02Data--strong, .case03Inner__item02Data--strong {
    letter-spacing: 0.016vw;
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__item02Data--strong, .case02Inner__item02Data--strong, .case03Inner__item02Data--strong {
    font-size: 3.28125vw;
    letter-spacing: 0.04921875vw;
    line-height: 2.0952380952;
  }
}
.case01Inner__itemArrow, .case02Inner__itemArrow, .case03Inner__itemArrow {
  position: relative;
  margin-left: 7.2vw;
  transform: translateX(-4vw);
  opacity: 0;
  transition: 0.3s all;
}
.js-observe .case01Inner__itemArrow, .js-observe .case02Inner__itemArrow, .js-observe .case03Inner__itemArrow {
  opacity: 1;
  transform: translateX(0);
}
@media screen and (min-width: 1290px) {
  .case01Inner__itemArrow, .case02Inner__itemArrow, .case03Inner__itemArrow {
    margin-left: 72px;
    transform: translateX(-40px);
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__itemArrow, .case02Inner__itemArrow, .case03Inner__itemArrow {
    margin-top: 13.5%;
    transform: translateY(-6.25vw);
  }
}
.case01Inner__itemArrow::before, .case02Inner__itemArrow::before, .case03Inner__itemArrow::before {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: 2.4vw solid transparent;
  border-bottom: 2.4vw solid transparent;
  border-left: 2.4vw solid #FF8B5F;
  top: 10.2vw;
  left: -4.8vw;
}
@media screen and (min-width: 1290px) {
  .case01Inner__itemArrow::before, .case02Inner__itemArrow::before, .case03Inner__itemArrow::before {
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 24px solid #FF8B5F;
    top: 102px;
    left: -48px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__itemArrow::before, .case02Inner__itemArrow::before, .case03Inner__itemArrow::before {
    top: -6.25vw;
    right: 0;
    margin: 0 auto;
    border-left: 3.75vw solid transparent;
    border-right: 3.75vw solid transparent;
    border-top: 3.75vw solid #FF8B5F;
  }
}
.case01Container, .case03Container {
  background: rgba(68, 193, 193, 0.1);
}
.case01Inner__case, .case03Inner__case {
  width: 34.4vw;
  color: #1697A3;
  background: linear-gradient(90deg, #0597A3 0%, #0597A3 27%, #fff 27%, #fff 100%);
}
@media screen and (min-width: 1290px) {
  .case01Inner__case, .case03Inner__case {
    width: 364px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__case, .case03Inner__case {
    width: 65.15625vw;
  }
}
.case01Inner__case::before, .case03Inner__case::before {
  background: 0% 0%/100% auto url(/assets/img/reasons/reason03/case01_elm_01.svg) no-repeat;
}
.case01Inner__txt--01, .case03Inner__txt--01 {
  color: #0597A3;
}
.case01Inner__item01Table, .case01Inner__item02Table, .case03Inner__item01Table, .case03Inner__item02Table {
  border: 0.1vw solid #0597A3;
  width: 44.4vw;
}
@media screen and (min-width: 1290px) {
  .case01Inner__item01Table, .case01Inner__item02Table, .case03Inner__item01Table, .case03Inner__item02Table {
    border: 1px solid #0597A3;
    width: 464px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__item01Table, .case01Inner__item02Table, .case03Inner__item01Table, .case03Inner__item02Table {
    border: 0.15625vw solid #0597A3;
    width: 100%;
  }
}
.case01Inner__item01Header, .case01Inner__item02Header, .case03Inner__item01Header, .case03Inner__item02Header {
  background: #0597A3;
}
.case01Inner__item01Header--01, .case01Inner__item01Header--02, .case01Inner__item02Header--01, .case01Inner__item02Header--02, .case03Inner__item01Header--01, .case03Inner__item01Header--02, .case03Inner__item02Header--01, .case03Inner__item02Header--02 {
  border-bottom: 0.1vw solid rgba(255, 255, 255, 0.6);
}
@media screen and (min-width: 1290px) {
  .case01Inner__item01Header--01, .case01Inner__item01Header--02, .case01Inner__item02Header--01, .case01Inner__item02Header--02, .case03Inner__item01Header--01, .case03Inner__item01Header--02, .case03Inner__item02Header--01, .case03Inner__item02Header--02 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__item01Header--01, .case01Inner__item01Header--02, .case01Inner__item02Header--01, .case01Inner__item02Header--02, .case03Inner__item01Header--01, .case03Inner__item01Header--02, .case03Inner__item02Header--01, .case03Inner__item02Header--02 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  }
}
.case01Inner__item01Data--01, .case01Inner__item01Data--02, .case01Inner__item02Data--01, .case01Inner__item02Data--02, .case03Inner__item01Data--01, .case03Inner__item01Data--02, .case03Inner__item02Data--01, .case03Inner__item02Data--02 {
  border-bottom: 0.1vw solid #0597A3;
}
@media screen and (min-width: 1290px) {
  .case01Inner__item01Data--01, .case01Inner__item01Data--02, .case01Inner__item02Data--01, .case01Inner__item02Data--02, .case03Inner__item01Data--01, .case03Inner__item01Data--02, .case03Inner__item02Data--01, .case03Inner__item02Data--02 {
    border-bottom: 1px solid #0597A3;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__item01Data--01, .case01Inner__item01Data--02, .case01Inner__item02Data--01, .case01Inner__item02Data--02, .case03Inner__item01Data--01, .case03Inner__item01Data--02, .case03Inner__item02Data--01, .case03Inner__item02Data--02 {
    border-bottom: 0.15625vw solid #0597A3;
  }
}
.case01Inner__link, .case03Inner__link {
  width: 32vw;
  margin: 6.25vw auto 0;
  display: block;
}
.case01Inner__link:hover, .case03Inner__link:hover {
  opacity: 1;
}
.case01Inner__link:hover p, .case03Inner__link:hover p {
  color: #0597A3;
  background: #fff;
  border: solid 0.1vw #0597A3;
}
@media screen and (min-width: 1290px) {
  .case01Inner__link:hover p, .case03Inner__link:hover p {
    border: solid 1px #0597A3;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__link:hover p, .case03Inner__link:hover p {
    border: solid 0.15625vw #0597A3;
  }
}
.case01Inner__link:hover p::before, .case03Inner__link:hover p::before {
  background: #0597A3;
}
.case01Inner__link:hover p::after, .case03Inner__link:hover p::after {
  border-top: 0.2vw solid #0597A3;
  border-right: 0.2vw solid #0597A3;
}
@media screen and (min-width: 1290px) {
  .case01Inner__link:hover p::after, .case03Inner__link:hover p::after {
    border-top: 2px solid #0597A3;
    border-right: 2px solid #0597A3;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__link:hover p::after, .case03Inner__link:hover p::after {
    border-top: 0.3125vw solid #0597A3;
    border-right: 0.3125vw solid #0597A3;
  }
}
@media screen and (min-width: 1290px) {
  .case01Inner__link, .case03Inner__link {
    width: 320px;
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__link, .case03Inner__link {
    width: 78.125vw;
    margin: 13% auto 0;
  }
}
.case01Inner__linkTxt, .case03Inner__linkTxt {
  letter-spacing: 0.015rem;
  font-size: 1.125rem;
  line-height: 1;
  color: #fff;
  background: #0597A3;
  height: 5.8vw;
  border-radius: 0.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: 0.3s all;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .case01Inner__linkTxt, .case03Inner__linkTxt {
    letter-spacing: 0.024vw;
    font-size: 1.8vw;
  }
}
@media screen and (min-width: 1290px) {
  .case01Inner__linkTxt, .case03Inner__linkTxt {
    height: 58px;
    border-radius: 5px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__linkTxt, .case03Inner__linkTxt {
    height: 12.5vw;
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .case01Inner__linkTxt, .case03Inner__linkTxt {
    font-size: 3.59375vw;
    letter-spacing: 0.05390625vw;
    line-height: 1;
  }
}
.case01Inner__linkTxt::before, .case01Inner__linkTxt::after, .case03Inner__linkTxt::before, .case03Inner__linkTxt::after {
  position: absolute;
  display: block;
  content: "";
}
.case01Inner__linkTxt::before, .case03Inner__linkTxt::before {
  right: 1.2vw;
  top: 2.8vw;
  width: 1.4vw;
  height: 0.2vw;
  background: #fff;
}
@media screen and (min-width: 1290px) {
  .case01Inner__linkTxt::before, .case03Inner__linkTxt::before {
    right: 12px;
    top: 28px;
    width: 14px;
    height: 2px;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__linkTxt::before, .case03Inner__linkTxt::before {
    right: 3.4375vw;
    top: 6.09375vw;
    width: 2.8125vw;
    height: 0.3125vw;
  }
}
.case01Inner__linkTxt::after, .case03Inner__linkTxt::after {
  right: 1.3vw;
  top: 2.4vw;
  width: 0.8vw;
  height: 0.8vw;
  border-top: 0.2vw solid #fff;
  border-right: 0.2vw solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (min-width: 1290px) {
  .case01Inner__linkTxt::after, .case03Inner__linkTxt::after {
    right: 13px;
    top: 24px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
@media screen and (max-width: 640px) {
  .case01Inner__linkTxt::after, .case03Inner__linkTxt::after {
    right: 3.4375vw;
    top: 5.15625vw;
    width: 1.875vw;
    height: 1.875vw;
    border-top: 0.3125vw solid #fff;
    border-right: 0.3125vw solid #fff;
  }
}
.case02Container {
  background: rgba(0, 123, 160, 0.1);
}
.case02Inner__case {
  width: 42.3vw;
  color: #117BA0;
  background: linear-gradient(90deg, #117BA0 0%, #117BA0 21%, #fff 21%, #fff 100%);
}
@media screen and (min-width: 1290px) {
  .case02Inner__case {
    width: 453px;
  }
}
@media screen and (max-width: 640px) {
  .case02Inner__case {
    width: 82.1875vw;
  }
}
.case02Inner__case::before {
  background: 0% 0%/100% auto url(/assets/img/reasons/reason03/case02_elm_01.svg) no-repeat;
}
.case02Inner__txt--01 {
  color: #117BA0;
}
.case02Inner__item01Table, .case02Inner__item02Table {
  border: 0.1vw solid #007BA0;
  width: 44.4vw;
}
@media screen and (min-width: 1290px) {
  .case02Inner__item01Table, .case02Inner__item02Table {
    border: 1px solid #007BA0;
    width: 464px;
  }
}
@media screen and (max-width: 640px) {
  .case02Inner__item01Table, .case02Inner__item02Table {
    border: 0.15625vw solid #007BA0;
    width: 100%;
  }
}
.case02Inner__item01Header, .case02Inner__item02Header {
  background: #007BA0;
}
.case02Inner__item01Header--01, .case02Inner__item01Header--02, .case02Inner__item02Header--01, .case02Inner__item02Header--02 {
  border-bottom: 0.1vw solid rgba(255, 255, 255, 0.9);
}
@media screen and (min-width: 1290px) {
  .case02Inner__item01Header--01, .case02Inner__item01Header--02, .case02Inner__item02Header--01, .case02Inner__item02Header--02 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  }
}
@media screen and (max-width: 640px) {
  .case02Inner__item01Header--01, .case02Inner__item01Header--02, .case02Inner__item02Header--01, .case02Inner__item02Header--02 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  }
}
.case02Inner__item01Data--01, .case02Inner__item01Data--02, .case02Inner__item02Data--01, .case02Inner__item02Data--02 {
  border-bottom: 0.1vw solid rgba(0, 123, 160, 0.6);
}
@media screen and (min-width: 1290px) {
  .case02Inner__item01Data--01, .case02Inner__item01Data--02, .case02Inner__item02Data--01, .case02Inner__item02Data--02 {
    border-bottom: 1px solid rgba(0, 123, 160, 0.6);
  }
}
@media screen and (max-width: 640px) {
  .case02Inner__item01Data--01, .case02Inner__item01Data--02, .case02Inner__item02Data--01, .case02Inner__item02Data--02 {
    border-bottom: 0.15625vw solid rgba(0, 123, 160, 0.6);
  }
}
.case03Container {
  margin: 0 auto 12vw;
}
@media screen and (min-width: 1290px) {
  .case03Container {
    margin: 0 auto 120px;
  }
}
@media screen and (max-width: 640px) {
  .case03Container {
    margin: 0 auto 17%;
  }
}
.case03Inner__case {
  width: 33.3vw;
  background: linear-gradient(90deg, #0597A3 0%, #0597A3 29%, #fff 29%, #fff 100%);
}
@media screen and (min-width: 1290px) {
  .case03Inner__case {
    width: 333px;
  }
}
@media screen and (max-width: 640px) {
  .case03Inner__case {
    width: 60.3125vw;
  }
}
.case03Inner__case::before {
  background: 0% 0%/100% auto url(/assets/img/reasons/reason03/case03_elm_01.svg) no-repeat;
}

/* CSS Document *//*# sourceMappingURL=reason03.css.map */