@charset "UTF-8";
/* =======================================
 base style
======================================= */
html {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, dl, dt, dd, ul, ol, li {
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

ul, ol, li {
  list-style: none;
}

body {
  background: #fff;
  line-height: 1;
  margin: auto;
  width: 100%;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
@media only screen and (min-width: 769px) {
  body {
    font-size: 1.333vw;
  }
}
@media only screen and (min-width: 1200px) {
  body {
    font-size: 16px;
    min-width: 1200px;
  }
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 3.467vw;
    overflow-x: hidden;
  }
}

img {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

a {
  text-decoration: none;
  animation: all 1s ease-in-out;
}
a:hover {
  opacity: 0.9;
  animation: all 1s ease-in-out;
}

.main_ctx {
  position: relative;
}

.inner_ctx {
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .inner_ctx {
    width: 83.333vw;
    max-width: 1000px;
  }
}
@media only screen and (max-width: 768px) {
  .inner_ctx {
    padding: 0 5.333%;
  }
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .fixed_btns {
    position: fixed;
    right: 0;
    top: 50%;
    display: flex;
    flex-direction: column;
    gap: 0.313em;
  }
  .fixed_btns a {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 1.25em;
  }
  .fixed_btns a:nth-of-type(1) {
    width: 4.5em;
    height: 14.625em;
  }
  .fixed_btns a:nth-of-type(2) {
    width: 4.5em;
    height: 10.25em;
  }
}

@media only screen and (min-width: 769px) {
  .nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 5em;
  }
  .nav .inner_ctx {
    display: flex;
    justify-content: space-between;
  }
  .nav .nav_logo {
    width: 3.125em;
  }
  .nav .nav_pc {
    display: flex;
    align-items: center;
    gap: 2.75em;
  }
  .nav .nav_pc ul {
    display: flex;
    align-items: center;
    gap: 2.375em;
  }
  .nav .nav_pc ul a {
    color: #1a1a1a;
    font-size: 1em;
  }
  .nav .nav_pc-btns {
    width: 11.875em;
  }
}

@media only screen and (max-width: 768px) {
  .nav .nav_toggle {
    position: fixed;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    height: 13.333vw;
    padding: 0 5.333vw;
  }
  .nav .nav_logo {
    width: 6.667vw;
  }
  .nav .nav_btns {
    display: flex;
    gap: 2vw;
  }
  .nav .nav_btns a {
    width: 32vw;
  }
  .nav .nav_hamburger {
    width: 6.133vw;
    position: relative;
    cursor: pointer;
    float: right;
    z-index: 99;
    top: -3vw;
  }
  .nav .nav_hamburger span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    background: #1a1a1a;
    width: 6.133vw;
    height: 0.4vw;
    border: 0.267vw;
  }
  .nav .nav_hamburger span:nth-of-type(1) {
    top: 0.667vw;
  }
  .nav .nav_hamburger span:nth-of-type(2) {
    top: 2.8vw;
  }
  .nav .nav_hamburger span:nth-of-type(3) {
    top: 4.667vw;
  }
  .nav .nav_hamburger.active span:nth-of-type(1) {
    top: 2.4vw;
    transform: translateY(0.8vw) rotate(-45deg);
    width: 100%;
  }
  .nav .nav_hamburger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .nav .nav_hamburger.active span:nth-of-type(3) {
    top: 4vw;
    transform: translateY(-0.8vw) rotate(45deg);
    width: 100%;
  }
  .nav .nav_sp_wrapper {
    display: none;
    background-color: #fff;
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: 9;
  }
  .nav .nav_sp {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 9;
    width: 100vw;
    margin-top: 13.333vw;
    padding: 0 5.333vw;
  }
  .nav .nav_sp li {
    padding: 5.333vw 0;
    border-bottom: 0.133vw solid #b3b3b3;
  }
  .nav .nav_sp a {
    color: #1a1a1a;
    font-weight: bold;
    font-size: 3.733vw;
  }
  .nav_sp-btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9.333vw;
    margin-top: 11.2vw;
  }
  .nav_sp-btns a {
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
    width: 80vw;
    height: 16vw;
    border-radius: 13.333vw;
  }
}

.btns {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 769px) {
  .btns {
    gap: 1.25em;
  }
}
@media only screen and (max-width: 768px) {
  .btns {
    gap: 4vw;
  }
}
.btns li {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
@media only screen and (min-width: 769px) {
  .btns li:nth-of-type(1) {
    width: 21.875em;
    height: 5em;
    border-radius: 21.875em;
  }
}
@media only screen and (max-width: 768px) {
  .btns li:nth-of-type(1) {
    width: 42.667vw;
    height: 16vw;
    border-radius: 42.667vw;
  }
}
@media only screen and (min-width: 769px) {
  .btns li:nth-of-type(2) {
    width: 20em;
    height: 5em;
    border-radius: 21.875em;
  }
}
@media only screen and (max-width: 768px) {
  .btns li:nth-of-type(2) {
    width: 42.667vw;
    height: 16vw;
    border-radius: 42.667vw;
  }
}
.btns_download {
  position: relative;
}
.btns_download::before {
  position: absolute;
  content: "";
  display: inline-block;
  background-image: url("../img/btn_download_el.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
}
@media only screen and (min-width: 769px) {
  .btns_download::before {
    width: 5.813em;
    height: 4.25em;
    left: -0.938em;
    top: -1.125em;
  }
}
@media only screen and (max-width: 768px) {
  .btns_download::before {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 12.4vw;
    height: 9.067vw;
    top: -10.4vw;
  }
}
@media only screen and (min-width: 769px) {
  .btns--top {
    padding-top: 5.625em;
  }
}
@media only screen and (max-width: 768px) {
  .btns--top {
    padding-top: 73.333vw;
  }
}
@media only screen and (max-width: 768px) {
  .btns--com {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .btns--com li:nth-of-type(1) {
    width: 66.667vw;
    height: 17.333vw;
    border-radius: 42.667vw;
  }
}
@media only screen and (max-width: 768px) {
  .btns--com li:nth-of-type(2) {
    width: 66.667vw;
    height: 17.333vw;
    border-radius: 42.667vw;
  }
}
@media only screen and (max-width: 768px) {
  .btns--com .btns_download::before {
    position: absolute !important;
    margin-left: unset;
    margin-right: unset;
    width: 18.8vw;
    height: 13.733vw;
    top: -3.2vw;
    left: -7.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .btns--ask {
    padding-top: 1.5em;
  }
}
@media only screen and (max-width: 768px) {
  .btns--ask {
    padding-top: 5.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .btns--cv {
    padding-top: 1.5em;
  }
}
@media only screen and (max-width: 768px) {
  .btns--cv {
    padding-top: 5.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .btns--cv2 {
    padding-top: 0em;
  }
}
@media only screen and (max-width: 768px) {
  .btns--cv2 {
    padding-top: 5.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .top {
    background: url("https://www.seagreen.co.jp/wp/wp-content/uploads/2024/02/mv_ittrend-emblem-hplp_pc.png") no-repeat 50% 0%;
    background-size: 125em auto;
    height: 56.25em;
  }
}
@media only screen and (max-width: 768px) {
  .top {
    background: url("https://www.seagreen.co.jp/wp/wp-content/uploads/2024/02/mv_ittrend-emblem-hplp_sp.png") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 184vw;
  }
}
@media only screen and (max-width: 768px) {
  .top .inner_ctx {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (min-width: 769px) {
  .top_logo {
    padding-top: 11.438em;
    padding-left: 0.438em;
  }
}
@media only screen and (max-width: 768px) {
  .top_logo {
    padding-top: 17.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .top_logo img {
    width: 16.875em;
  }
}
@media only screen and (max-width: 768px) {
  .top_logo img {
    width: 49.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .top_info {
    padding-top: 1.25em;
  }
}
@media only screen and (max-width: 768px) {
  .top_info {
    text-align: center;
    padding-top: 2.667vw;
  }
}
.top_txt01 {
  color: #ffffff;
}
@media only screen and (min-width: 769px) {
  .top_txt01 {
    font-size: 2.813em;
    line-height: 1.556em;
  }
}
@media only screen and (max-width: 768px) {
  .top_txt01 {
    font-size: 7.067vw;
    line-height: 8.8vw;
  }
}
.top_txt02 {
  color: #ffffff;
}
@media only screen and (min-width: 769px) {
  .top_txt02 {
    font-size: 4.063em;
    line-height: 1.231em;
  }
}
@media only screen and (max-width: 768px) {
  .top_txt02 {
    font-size: 9.733vw;
    line-height: 12.267vw;
  }
}
.top_txt02 span {
  color: #f2e720;
}
.top_txt03 {
  color: #ffffff;
}
@media only screen and (min-width: 769px) {
  .top_txt03 {
    font-size: 1.438em;
    line-height: 1.783em;
    padding-top: 0.87em;
  }
}
@media only screen and (max-width: 768px) {
  .top_txt03 {
    font-size: 4vw;
    line-height: 5.867vw;
    padding-top: 1.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .improve {
    padding: 1.25em 0 5.188em;
  }
}
@media only screen and (max-width: 768px) {
  .improve {
    padding: 2.4vw 0 13.333vw;
  }
}
@media only screen and (max-width: 768px) {
  .improve .inner_ctx {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.improve_tit {
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .improve_tit {
    padding-top: 1.25em;
  }
}
@media only screen and (max-width: 768px) {
  .improve_tit {
    text-align: center;
    padding-top: 2.667vw;
  }
}
.improve_txt01 {
  color: #219f4a;
}
@media only screen and (min-width: 769px) {
  .improve_txt01 {
    font-size: 1.875em;
    line-height: 1.8em;
  }
}
@media only screen and (max-width: 768px) {
  .improve_txt01 {
    font-size: 5.867vw;
    line-height: 9.333vw;
  }
}
.improve_txt01 span {
  display: inline;
  background-position: left -100% center;
  background-repeat: repeat-x;
  background-image: linear-gradient(180deg, rgb(255, 255, 255) 60%, rgb(248, 243, 143) 60%, rgb(248, 243, 143) 88%, rgb(255, 255, 255) 88%);
}
.improve_txt02 {
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .improve_txt02 {
    font-size: 1.125em;
    line-height: 2em;
    padding-top: 0.556em;
  }
}
@media only screen and (max-width: 768px) {
  .improve_txt02 {
    font-size: 3.467vw;
    line-height: 6.933vw;
    padding-top: 1.733vw;
  }
}
.improve_txt02 span {
  color: #219f4a;
  font-weight: bold;
}
.improve_list {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 769px) {
  .improve_list {
    gap: 2.5em;
    padding-top: 2.5em;
  }
}
@media only screen and (max-width: 768px) {
  .improve_list {
    flex-direction: column;
    gap: 5.333vw;
    padding-top: 12vw;
  }
}
.improve_list li {
  display: grid;
  flex-direction: column;
  background-color: #e9f5ed;
}
@media only screen and (min-width: 769px) {
  .improve_list li {
    width: 17.5em;
    height: 23.75em;
    border-radius: 1.25em;
    grid-template-rows: 2.938em 7.125em 1fr;
    padding-top: 1.875em;
  }
}
@media only screen and (max-width: 768px) {
  .improve_list li {
    width: 89.333vw;
    height: 98.667vw;
    border-radius: 2.667vw;
    grid-template-rows: 12vw 21.333vw 1fr;
    padding-top: 8vw;
  }
}
@media only screen and (min-width: 769px) {
  .improve_tag {
    margin: 0 1.625em;
  }
}
@media only screen and (max-width: 768px) {
  .improve_tag {
    margin: 0 9.333vw;
  }
}
.improve_tag span {
  display: inline-block;
  font-weight: 500;
  color: #fff;
  background-color: #219f4a;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .improve_tag span {
    font-size: 0.875em;
    width: 9.286em;
    border-radius: 2.857em;
    line-height: 1.571em;
  }
}
@media only screen and (max-width: 768px) {
  .improve_tag span {
    font-size: 4.4vw;
    width: 41.333vw;
    border-radius: 5.333vw;
    line-height: 7.067vw;
  }
}
@media only screen and (min-width: 769px) {
  .improve_detail {
    margin: 0 1.625em;
  }
}
@media only screen and (max-width: 768px) {
  .improve_detail {
    margin: 0 0.133vw;
  }
}
.improve_detail p {
  color: #1a1a1a;
}
@media only screen and (min-width: 769px) {
  .improve_detail p {
    font-size: 1.188em;
    line-height: 1.684em;
  }
}
@media only screen and (max-width: 768px) {
  .improve_detail p {
    font-size: 3.733vw;
    line-height: 7.467vw;
    width: 70.133vw;
    letter-spacing: 0.133vw;
    margin: 0 9.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .improve_sena {
    margin: 0 1.25em;
  }
}
@media only screen and (max-width: 768px) {
  .improve_sena {
    margin: 0 6.4vw;
  }
}
.improve_sena img {
  text-align: center;
  margin: auto;
}
@media only screen and (min-width: 769px) {
  .improve_sena img {
    width: 15em;
    border-radius: 1.25em;
  }
}
@media only screen and (max-width: 768px) {
  .improve_sena img {
    width: 76vw;
    border-radius: 2.667vw;
  }
}
.improve_btn {
  text-align: center;
  margin: auto;
}
@media only screen and (min-width: 769px) {
  .improve_btn {
    padding-top: 2.5em;
  }
}
@media only screen and (max-width: 768px) {
  .improve_btn {
    padding-top: 8vw;
  }
}
.improve_btn img {
  text-align: center;
  margin: auto;
}
@media only screen and (min-width: 769px) {
  .improve_btn img {
    width: 16.25em;
  }
}
@media only screen and (max-width: 768px) {
  .improve_btn img {
    width: 66.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .info {
    background: url("../img/info_bg.jpg") no-repeat 50% 0%;
    background-size: 125em auto;
    height: 25em;
  }
}
@media only screen and (max-width: 768px) {
  .info {
    background: url("../img/info_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 140vw;
  }
}
.info_tit {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .info_tit {
    gap: 1em;
    padding-top: 5.813em;
    padding-left: 3.875em;
  }
}
@media only screen and (max-width: 768px) {
  .info_tit {
    gap: 2.667vw;
    padding-top: 13.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .info_tit img {
    width: 28.125em;
  }
}
@media only screen and (max-width: 768px) {
  .info_tit img {
    width: 72.667vw;
  }
}
.info_tit h1 {
  color: #ffffff;
  white-space: nowrap;
}
@media only screen and (min-width: 769px) {
  .info_tit h1 {
    font-size: 1.875em;
    line-height: 1.8em;
  }
}
@media only screen and (max-width: 768px) {
  .info_tit h1 {
    font-size: 4.8vw;
    line-height: 8.667vw;
  }
}
.info_txt01 {
  color: #ffffff;
}
@media only screen and (min-width: 769px) {
  .info_txt01 {
    font-size: 1.25em;
    line-height: 1.9em;
    padding-top: 2em;
    padding-left: 3.875em;
  }
}
@media only screen and (max-width: 768px) {
  .info_txt01 {
    font-size: 3.467vw;
    line-height: 6.933vw;
    letter-spacing: 0.133vw;
    padding-top: 9.333vw;
    padding-left: 2.667vw;
  }
}
.info_txt01 span {
  color: #f2e720;
  font-size: 105%;
  font-weight: bold;
}

@media only screen and (min-width: 769px) {
  .worry {
    padding: 4.625em 0 4.625em;
  }
}
@media only screen and (max-width: 768px) {
  .worry {
    padding: 12vw 0 10.667vw;
  }
}
@media only screen and (min-width: 769px) {
  .worry .inner_ctx {
    height: 23.125em;
  }
}
@media only screen and (max-width: 768px) {
  .worry .inner_ctx {
    height: 156.533vw;
  }
}
.worry_tit {
  text-align: center;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .worry_tit {
    font-size: 2.375em;
    letter-spacing: 0.026em;
  }
}
@media only screen and (max-width: 768px) {
  .worry_tit {
    font-size: 8vw;
    line-height: 10.667vw;
    letter-spacing: 0.133vw;
  }
}
@media only screen and (min-width: 769px) {
  .worry_list {
    display: flex;
    justify-content: center;
    gap: 1em;
    padding-top: 2.688em;
  }
}
@media only screen and (max-width: 768px) {
  .worry_list {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
    gap: 41.2vw 4vw;
    padding-top: 10.667vw;
  }
}
.worry_list li {
  justify-content: center;
  background-color: #e6e6e6;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .worry_list li {
    width: 20em;
    height: 6.875em;
    border-radius: 1.563em;
  }
}
@media only screen and (max-width: 768px) {
  .worry_list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 44vw;
    height: 21.333vw;
    border-radius: 2.667vw;
  }
}
.worry_list li p {
  text-align: center;
  color: #000000;
}
@media only screen and (min-width: 769px) {
  .worry_list li p {
    font-size: 1.188em;
    line-height: 1.789em;
    padding-top: 0.947em;
  }
}
@media only screen and (max-width: 768px) {
  .worry_list li p {
    font-size: 3.467vw;
    line-height: 5.333vw;
  }
}
.worry_list li::before {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .worry_list li::before {
    width: 10em;
    height: 11.563em;
  }
}
@media only screen and (max-width: 768px) {
  .worry_list li::before {
    width: 34.667vw;
    height: 40vw;
  }
}
@media only screen and (max-width: 768px) {
  .worry_list li:nth-of-type(1) {
    grid-area: 2/1/3/3;
  }
}
@media only screen and (min-width: 769px) {
  .worry_list li:nth-of-type(1)::before {
    background-image: url("../img/worry_ma01.png");
    top: 5.75em;
  }
}
@media only screen and (max-width: 768px) {
  .worry_list li:nth-of-type(1)::before {
    background-image: url("../img/worry_ma01_sp.png");
    top: 19.2vw;
    left: -0.667vw;
  }
}
@media only screen and (max-width: 768px) {
  .worry_list li:nth-of-type(2) {
    grid-area: 1/2/2/4;
  }
}
@media only screen and (min-width: 769px) {
  .worry_list li:nth-of-type(2)::before {
    background-image: url("../img/worry_fe.png");
    top: 6.125em;
  }
}
@media only screen and (max-width: 768px) {
  .worry_list li:nth-of-type(2)::before {
    background-image: url("../img/worry_fe_sp.png");
    top: 18.667vw;
    left: -4.667vw;
  }
}
@media only screen and (max-width: 768px) {
  .worry_list li:nth-of-type(3) {
    grid-area: 2/3/3/5;
  }
}
@media only screen and (min-width: 769px) {
  .worry_list li:nth-of-type(3)::before {
    background-image: url("../img/worry_ma02.png");
    top: 5.625em;
  }
}
@media only screen and (max-width: 768px) {
  .worry_list li:nth-of-type(3)::before {
    background-image: url("../img/worry_ma02_sp.png");
    top: 18.933vw;
    left: 0.267vw;
  }
}

.reason {
  background-color: #e6e6e6;
}
@media only screen and (min-width: 769px) {
  .reason {
    padding: 6.125em 0 1.813em;
  }
}
@media only screen and (max-width: 768px) {
  .reason {
    padding: 10.933vw 0 12.8vw;
  }
}
.reason_tit {
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .reason_tit {
    padding-top: 1.25em;
  }
}
@media only screen and (max-width: 768px) {
  .reason_tit {
    text-align: center;
    padding-top: 2.667vw;
  }
}
.reason_txt01 {
  color: #ffffff;
  background-color: #333333;
  display: inline-block;
}
@media only screen and (min-width: 769px) {
  .reason_txt01 {
    font-size: 1.813em;
    line-height: 1.862em;
    padding: 0 0.931em;
    letter-spacing: 0.138em;
  }
}
@media only screen and (max-width: 768px) {
  .reason_txt01 {
    font-size: 5.2vw;
    line-height: 11.067vw;
    padding: 0 4vw;
    letter-spacing: 0.267vw;
  }
}
.reason_txt02 {
  color: #333333;
  background-color: #ffffff;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .reason_txt02 {
    font-size: 3.75em;
    line-height: 1.367em;
    letter-spacing: 0.033em;
  }
}
@media only screen and (max-width: 768px) {
  .reason_txt02 {
    width: 100%;
    font-size: 8.267vw;
    line-height: 11.467vw;
  }
}
.reason_txt03 {
  color: #000000;
}
@media only screen and (min-width: 769px) {
  .reason_txt03 {
    font-size: 1.313em;
    line-height: 1.81em;
    padding-top: 0.952em;
  }
}
@media only screen and (max-width: 768px) {
  .reason_txt03 {
    font-size: 4vw;
    line-height: 6.133vw;
    padding-top: 4.8vw;
  }
}
.reason_list {
  margin: auto;
}
@media only screen and (min-width: 769px) {
  .reason_list {
    background: url("../img/list_bg.png") no-repeat 50% 0%;
    background-size: 55.25em 27.125em;
    width: 55.25em;
    height: 27.125em;
    margin-top: 1.25em;
  }
}
@media only screen and (max-width: 768px) {
  .reason_list {
    background: url("../img/list_bg_sp.png") no-repeat 50% 0;
    background-size: 94.667vw 114.4vw;
    width: 94.667vw;
    height: 114.4vw;
    margin-top: 4vw;
  }
}
.reason_item li {
  position: absolute;
  color: #ffffff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .reason_item li {
    font-size: 1.25em;
    line-height: 1.6em;
  }
}
@media only screen and (max-width: 768px) {
  .reason_item li {
    font-size: 3.467vw;
    line-height: 5.6vw;
  }
}
@media only screen and (min-width: 769px) {
  .reason_item li:nth-of-type(1) {
    top: 3.5em;
    left: 2.25em;
  }
}
@media only screen and (max-width: 768px) {
  .reason_item li:nth-of-type(1) {
    top: 14.267vw;
    left: 44vw;
  }
}
@media only screen and (min-width: 769px) {
  .reason_item li:nth-of-type(2) {
    top: 5.2em;
    left: 29.5em;
  }
}
@media only screen and (max-width: 768px) {
  .reason_item li:nth-of-type(2) {
    top: 42.933vw;
    left: 43.067vw;
  }
}
@media only screen and (min-width: 769px) {
  .reason_item li:nth-of-type(3) {
    top: 9.65em;
    left: 10em;
  }
}
@media only screen and (max-width: 768px) {
  .reason_item li:nth-of-type(3) {
    top: 67.867vw;
    left: 52vw;
  }
}
@media only screen and (min-width: 769px) {
  .reason_item li:nth-of-type(4) {
    top: 12.4em;
    left: 26.2em;
  }
}
@media only screen and (max-width: 768px) {
  .reason_item li:nth-of-type(4) {
    top: 96vw;
    left: 47.2vw;
  }
}

@media only screen and (min-width: 769px) {
  .solve {
    background: url("../img/solve_bg.jpg") no-repeat 50% 0%;
    background-size: 125em auto;
    height: 20.625em;
  }
}
@media only screen and (max-width: 768px) {
  .solve {
    background: url("../img/solve_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 70.667vw;
  }
}
.solve .inner_ctx {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .solve .inner_ctx {
    padding-top: 6.438em;
  }
}
@media only screen and (max-width: 768px) {
  .solve .inner_ctx {
    padding-top: 14.933vw;
  }
}
.solve_txt01 {
  color: #ffffff;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  margin: auto;
}
@media only screen and (min-width: 769px) {
  .solve_txt01 {
    font-size: 2.313em;
    line-height: 1.622em;
    letter-spacing: 0.027em;
  }
}
@media only screen and (max-width: 768px) {
  .solve_txt01 {
    font-size: 6.933vw;
    line-height: 11.333vw;
  }
}
.solve_info {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .solve_info {
    gap: 1.25em;
    padding-top: 1.188em;
  }
}
@media only screen and (max-width: 768px) {
  .solve_info {
    flex-direction: column;
    gap: 1.6vw;
    padding-top: 1.6vw;
  }
}
.solve_txt {
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .solve_txt {
    gap: 0.25em;
    top: -0.5em;
  }
}
@media only screen and (max-width: 768px) {
  .solve_txt {
    gap: 1.2vw;
  }
}
.solve_txt::before {
  position: absolute;
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/solve_el.png");
}
@media only screen and (min-width: 769px) {
  .solve_txt::before {
    width: 3.125em;
    height: 3.313em;
    top: -3.125em;
    left: 9.375em;
  }
}
@media only screen and (max-width: 768px) {
  .solve_txt::before {
    width: 5.067vw;
    height: 5.733vw;
    top: -4vw;
    left: 28.667vw;
  }
}
@media only screen and (min-width: 769px) {
  .solve_logo img {
    width: 31.25em;
  }
}
@media only screen and (max-width: 768px) {
  .solve_logo img {
    width: 89.333vw;
  }
}
.solve_txt02 {
  color: #ffffff;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  margin: auto;
}
@media only screen and (min-width: 769px) {
  .solve_txt02 {
    font-size: 2.375em;
    line-height: 1.421em;
  }
}
@media only screen and (max-width: 768px) {
  .solve_txt02 {
    font-size: 6.933vw;
    line-height: 11.333vw;
  }
}
.solve_txt03 {
  color: #ffffff;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .solve_txt03 {
    font-size: 3.75em;
    line-height: 1.367em;
    top: -0.067em;
  }
}
@media only screen and (max-width: 768px) {
  .solve_txt03 {
    font-size: 11.333vw;
    line-height: 15.467vw;
    top: -0.533vw;
  }
}
.solve_txt03 span {
  color: #f2e720;
  text-decoration: underline;
  text-underline-offset: 8px;
}
@media only screen and (min-width: 769px) {
  .solve_txt03 span {
    text-decoration-thickness: 0.067em;
    text-underline-offset: 0.233em;
  }
}
@media only screen and (max-width: 768px) {
  .solve_txt03 span {
    text-decoration-thickness: 0.4vw;
    text-underline-offset: 2.933vw;
  }
}

.point_tit {
  display: flex;
}
@media only screen and (min-width: 769px) {
  .point_tit {
    align-items: center;
    gap: 4.063em;
  }
}
@media only screen and (max-width: 768px) {
  .point_tit {
    align-items: flex-start;
    gap: 9.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .point_tit--01 {
    padding-top: 4.375em;
  }
}
@media only screen and (max-width: 768px) {
  .point_tit--01 {
    padding-top: 18.667vw;
  }
}
@media only screen and (max-width: 768px) {
  .point_tit--02 .point_detail {
    position: relative;
    top: 0.8vw !important;
  }
}
@media only screen and (max-width: 768px) {
  .point_tit--02 .point_detail {
    position: relative;
    font-size: 5.333vw;
    line-height: 7.733vw;
    letter-spacing: 0vw;
    top: -0.8vw;
  }
}
@media only screen and (min-width: 769px) {
  .point_tit--02 .point_num:after {
    left: 1.6em;
  }
}
@media only screen and (max-width: 768px) {
  .point_tit--02 .point_num:after {
    left: 13.733vw;
  }
}
.point_num {
  position: relative;
  color: #219f4a;
  white-space: nowrap;
}
@media only screen and (min-width: 769px) {
  .point_num {
    font-size: 3em;
  }
}
@media only screen and (max-width: 768px) {
  .point_num {
    font-size: 9.867vw;
  }
}
.point_num:after {
  position: absolute;
  content: "";
  background-color: #333333;
}
@media only screen and (min-width: 769px) {
  .point_num:after {
    width: 0.708em;
    height: 0.042em;
    top: 0.521em;
    left: 1.458em;
  }
}
@media only screen and (max-width: 768px) {
  .point_num:after {
    width: 6.933vw;
    height: 0.133vw;
    top: 4.533vw;
    left: 13.333vw;
  }
}
.point_detail {
  white-space: nowrap;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .point_detail {
    font-size: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .point_detail {
    position: relative;
    font-size: 6.533vw;
    line-height: 9.467vw;
    letter-spacing: 0vw;
    top: -0.8vw;
  }
}

.point01 {
  background-color: #d3ecdb;
}
@media only screen and (min-width: 769px) {
  .point01 {
    padding: 4.625em 0 4.625em;
  }
}
@media only screen and (max-width: 768px) {
  .point01 {
    padding: 12vw 0 10.667vw;
  }
}
.point01 .inner_ctx {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.point01_txt01 {
  position: relative;
  background-color: #219f4a;
  display: inline-block;
}
@media only screen and (min-width: 769px) {
  .point01_txt01 {
    padding: 0 2.5em;
    border-radius: 8.75em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_txt01 {
    padding: 0 5.333vw;
    border-radius: 18.667vw;
  }
}
.point01_txt01:after {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #219f4b transparent transparent transparent;
}
@media only screen and (min-width: 769px) {
  .point01_txt01:after {
    border-width: 0.938em 0.563em 0 0.563em;
    bottom: -0.875em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_txt01:after {
    border-width: 2.8vw 1.6vw 0 1.6vw;
    bottom: -2.667vw;
  }
}
.point01_txt01 h1 {
  color: #ffffff;
}
@media only screen and (min-width: 769px) {
  .point01_txt01 h1 {
    font-size: 2.125em;
    line-height: 1.765em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_txt01 h1 {
    font-size: 5.733vw;
    line-height: 10vw;
  }
}
.point01_txt02 {
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .point01_txt02 {
    font-size: 3.75em;
    line-height: 1.367em;
    margin-top: 0.167em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_txt02 {
    font-size: 10.667vw;
    line-height: 15.2vw;
    margin-top: 2vw;
  }
}
.point01_txt02 span {
  color: #219f4a;
  display: inline;
  background-position: left -100% center;
  background-repeat: repeat-x;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, rgb(248, 243, 143) 60%, rgb(248, 243, 143) 84%, rgba(255, 255, 255, 0) 84%);
}
.point01_txt03 {
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .point01_txt03 {
    font-size: 1.125em;
    line-height: 2em;
    margin-top: 2.889em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_txt03 {
    font-size: 3.467vw;
    line-height: 6.933vw;
    margin-top: 8vw;
  }
}
.point01_txt03 span {
  font-weight: bold;
  color: #219f4a;
}
.point01_txt04 {
  color: #333333;
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .point01_txt04 {
    font-size: 2.375em;
    margin-top: 1.368em;
    letter-spacing: 0.026em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_txt04 {
    font-size: 8vw;
    line-height: 12.533vw;
    margin-top: 8vw;
  }
}
.point01_txt04 span {
  color: #219f4a;
}
.point01_txt04:after {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  content: "";
  background-color: #219f4a;
}
@media only screen and (min-width: 769px) {
  .point01_txt04:after {
    width: 1.842em;
    height: 0.105em;
    bottom: -0.5em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_txt04:after {
    width: 14.667vw;
    height: 0.533vw;
    bottom: -4.667vw;
  }
}
.point01_txt05 {
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .point01_txt05 {
    font-size: 1.125em;
    line-height: 2em;
    margin-top: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_txt05 {
    font-size: 3.467vw;
    line-height: 6.933vw;
    margin-top: 5.067vw;
  }
}
.point01_table {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 769px) {
  .point01_table {
    gap: 2.5em;
    margin-top: 2.75em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table {
    flex-direction: column;
    gap: 6vw;
    margin-top: 9.333vw;
  }
}
.point01_table-ctx {
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .point01_table-ctx {
    width: 30em;
    height: 45em;
    border-radius: 1.563em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-ctx {
    width: 89.333vw;
    height: 134vw;
    border-radius: 2.667vw;
  }
}
@media only screen and (min-width: 769px) {
  .point01_table-ctx--before {
    background: url("../img/point01_bg01.png") no-repeat 50% 0%, #fff;
    background-size: 30em 45em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-ctx--before {
    background: url("../img/point01_bg01_sp.png") no-repeat 50% 0, #fff;
    background-size: 89.333vw 134vw;
  }
}
@media only screen and (min-width: 769px) {
  .point01_table-ctx--after {
    background: url("../img/point01_bg02.png") no-repeat 50% 0%, #fff;
    background-size: 30em 45em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-ctx--after {
    background: url("../img/point01_bg02_sp.png") no-repeat 50% 0, #fff;
    background-size: 89.333vw 134vw;
  }
}
.point01_table-tit {
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .point01_table-tit {
    width: 30em;
    height: 6.25em;
    border-top-left-radius: 1.563em;
    border-top-right-radius: 1.563em;
    padding-top: 1.25em;
    letter-spacing: 0.063em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-tit {
    width: 89.333vw;
    height: 18.667vw;
    border-top-left-radius: 2.667vw;
    border-top-right-radius: 2.667vw;
    padding-top: 4vw;
    letter-spacing: 0.133vw;
  }
}
.point01_table-tit--before {
  background-color: #333333;
}
.point01_table-tit--after {
  background-color: #219f4a;
}
.point01_table-tit h4 {
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .point01_table-tit h4 {
    font-size: 1.875em;
    line-height: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-tit h4 {
    font-size: 5.6vw;
    line-height: 11.2vw;
  }
}
.point01_table-info {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .point01_table-info {
    width: 30em;
    height: 38.75em;
    border-bottom-left-radius: 1.563em;
    border-bottom-right-radius: 1.563em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-info {
    width: 89.333vw;
    height: 115.333vw;
    border-bottom-left-radius: 2.667vw;
    border-bottom-right-radius: 2.667vw;
  }
}
.point01_table-txt01 {
  position: absolute;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .point01_table-txt01 {
    font-size: 1.125em;
    line-height: 1.667em;
    top: 4.111em;
    left: 6.167em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-txt01 {
    font-size: 3.467vw;
    line-height: 5.867vw;
    top: 12vw;
    left: 16vw;
  }
}
.point01_table-txt02 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .point01_table-txt02 {
    font-size: 1.375em;
    line-height: 1.727em;
    top: 22.364em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-txt02 {
    font-size: 4.267vw;
    line-height: 7.2vw;
    top: 93.067vw;
  }
}
.point01_table-txt03 {
  position: absolute;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .point01_table-txt03 {
    gap: 7.813em;
    top: 1.625em;
    left: 9.375em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-txt03 {
    gap: 24vw;
    top: 5.6vw;
    left: 26.133vw;
  }
}
.point01_table-txt03 h3 {
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .point01_table-txt03 h3 {
    font-size: 1.125em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-txt03 h3 {
    font-size: 3.6vw;
  }
}
.point01_table-txt04, .point01_table-txt05, .point01_table-txt06 {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .point01_table-txt04, .point01_table-txt05, .point01_table-txt06 {
    width: 17.5em;
    left: 5.188em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-txt04, .point01_table-txt05, .point01_table-txt06 {
    width: 56.667vw;
    left: 12.4vw;
  }
}
.point01_table-txt04 p, .point01_table-txt05 p, .point01_table-txt06 p {
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .point01_table-txt04 p, .point01_table-txt05 p, .point01_table-txt06 p {
    font-size: 1.125em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-txt04 p, .point01_table-txt05 p, .point01_table-txt06 p {
    font-size: 3.467vw;
  }
}
.point01_table-txt04 h3, .point01_table-txt05 h3, .point01_table-txt06 h3 {
  color: #219f4a;
}
@media only screen and (min-width: 769px) {
  .point01_table-txt04 h3, .point01_table-txt05 h3, .point01_table-txt06 h3 {
    font-size: 1.125em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-txt04 h3, .point01_table-txt05 h3, .point01_table-txt06 h3 {
    font-size: 3.467vw;
  }
}
@media only screen and (min-width: 769px) {
  .point01_table-txt04 {
    top: 3.875em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-txt04 {
    top: 11.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .point01_table-txt05 {
    top: 6.063em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-txt05 {
    top: 18.4vw;
  }
}
@media only screen and (min-width: 769px) {
  .point01_table-txt06 {
    top: 8.313em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-txt06 {
    top: 25.067vw;
  }
}
.point01_table-txt07 {
  position: absolute;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .point01_table-txt07 {
    font-size: 1.125em;
    line-height: 1.667em;
    top: 11.444em;
    left: 11.556em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-txt07 {
    font-size: 3.467vw;
    line-height: 5.867vw;
    top: 40vw;
    left: 38.533vw;
  }
}
.point01_table-txt07 b {
  color: #219f4a;
}
.point01_table-txt08 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #219f4a;
}
@media only screen and (min-width: 769px) {
  .point01_table-txt08 {
    font-size: 1.375em;
    line-height: 1.727em;
    top: 21.545em;
  }
}
@media only screen and (max-width: 768px) {
  .point01_table-txt08 {
    font-size: 4.267vw;
    line-height: 7.2vw;
    top: 87.467vw;
  }
}

.point02 {
  background-color: #ffffff;
}
@media only screen and (min-width: 769px) {
  .point02 {
    padding: 5em 0 3.375em;
  }
}
@media only screen and (max-width: 768px) {
  .point02 {
    padding: 14.267vw 0 12.667vw;
  }
}
.point02 .inner_ctx {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.point02_txt01 {
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .point02_txt01 {
    font-size: 1.125em;
    line-height: 2em;
    margin-top: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_txt01 {
    font-size: 3.467vw;
    line-height: 6.933vw;
    margin-top: 5.067vw;
  }
}
.point02_schedule {
  position: absolute;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .point02_schedule {
    background: url("../img/point02_bg01.png") no-repeat 50% 0%, #fff;
    background-size: 54.688em 2.875em;
    width: 54.688em;
    height: 2.875em;
    top: 11.875em;
    right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .point02_schedule {
    flex-direction: column;
    background: url("../img/point02_bg01_sp.png") no-repeat 50% 0%, #fff;
    background-size: 7.6vw 150.267vw;
    width: 7.6vw;
    height: 150.267vw;
    top: 78.8vw;
    left: 5.333vw;
  }
}
.point02_schedule p {
  color: #ffffff;
  font-weight: bold;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .point02_schedule p {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_schedule p {
    font-size: 5.067vw;
    padding-left: 1.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .point02_schedule p:nth-of-type(1) {
    left: 3.333em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_schedule p:nth-of-type(1) {
    top: 10.4vw;
  }
}
@media only screen and (min-width: 769px) {
  .point02_schedule p:nth-of-type(2) {
    left: 11.458em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_schedule p:nth-of-type(2) {
    top: 40vw;
  }
}
@media only screen and (min-width: 769px) {
  .point02_schedule p:nth-of-type(3) {
    left: 21.667em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_schedule p:nth-of-type(3) {
    top: 74.667vw;
  }
}
.point02_table {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .point02_table {
    margin-top: 6.125em;
    background: url("../img/point02_bg02.png") no-repeat 50% 0%, #fff;
    background-size: 62.5em 30em;
    width: 62.5em;
    height: 30em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_table {
    margin-top: 8vw;
    margin-left: 9.733vw;
    background: url("../img/point02_bg02_sp.png") no-repeat 50% 0, #fff;
    background-size: 79.867vw 172.533vw;
    width: 79.867vw;
    height: 172.533vw;
  }
}
.point02_table-txt01 {
  position: absolute;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .point02_table-txt01 {
    font-size: 1.375em;
    top: 4.773em;
    left: 1.773em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_table-txt01 {
    font-size: 4vw;
    top: 8.267vw;
    left: 14.667vw;
  }
}
.point02_table-txt02 {
  position: absolute;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .point02_table-txt02 {
    font-size: 1.375em;
    line-height: 1.455em;
    top: 15.182em;
    left: 0.864em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_table-txt02 {
    font-size: 4vw;
    line-height: 5.067vw;
    top: 5.867vw;
    left: 52.267vw;
  }
}
.point02_table-txt03 {
  position: absolute;
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .point02_table-txt03 {
    font-size: 1em;
    line-height: 1.375em;
    top: 14.438em;
    left: 8.125em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_table-txt03 {
    width: 4.667vw;
    font-size: 3.467vw;
    line-height: 3.467vw;
    top: 22.667vw;
    left: 37.2vw;
  }
}
.point02_table-txt04 {
  position: absolute;
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .point02_table-txt04 {
    font-size: 1.125em;
    line-height: 2.111em;
    top: 10.556em;
    left: 22.667em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_table-txt04 {
    font-size: 3.467vw;
    line-height: 4.8vw;
    top: 97.333vw;
    left: 7.2vw;
  }
}
.point02_table-txt05 {
  position: absolute;
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .point02_table-txt05 {
    font-size: 1em;
    line-height: 1.375em;
    top: 0.938em;
    left: 52.813em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_table-txt05 {
    font-size: 3.2vw;
    line-height: 4.133vw;
    top: 125.2vw;
    left: 6.667vw;
  }
}
.point02_table-txt06 {
  position: absolute;
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .point02_table-txt06 {
    font-size: 1.125em;
    line-height: 2.111em;
    top: 10.556em;
    left: 45.556em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_table-txt06 {
    font-size: 3.467vw;
    line-height: 4.8vw;
    top: 163.2vw;
    left: 9.333vw;
  }
}
.point02_table-txt07 {
  position: absolute;
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .point02_table-txt07 {
    font-size: 1.125em;
    line-height: 2.111em;
    top: 24.333em;
    left: 22.667em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_table-txt07 {
    font-size: 3.467vw;
    line-height: 4.8vw;
    top: 97.333vw;
    left: 42.667vw;
  }
}
.point02_table-txt08 {
  position: absolute;
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .point02_table-txt08 {
    font-size: 1em;
    line-height: 1.375em;
    top: 15.5em;
    left: 46.25em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_table-txt08 {
    font-size: 3.2vw;
    line-height: 4.133vw;
    top: 125.2vw;
    left: 48.267vw;
  }
}
.point02_table-txt09 {
  position: absolute;
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .point02_table-txt09 {
    font-size: 1.125em;
    line-height: 2.111em;
    top: 24.333em;
    left: 44.556em;
  }
}
@media only screen and (max-width: 768px) {
  .point02_table-txt09 {
    font-size: 3.467vw;
    line-height: 4.8vw;
    top: 163.2vw;
    left: 48vw;
  }
}

@media only screen and (min-width: 769px) {
  .example {
    background: url("../img/example_bg.jpg") no-repeat center bottom;
    background-size: 125em 37.5em, auto;
    height: 37.5em;
	  position: relative;
  }
}
@media only screen and (max-width: 768px) {
  .example {
    background: url("../img/example_bg_sp.jpg") no-repeat center bottom, #fff;
    background-size: 100vw 72vw, auto;
    height: 72vw;
  }
}
.example_list li {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgb(110, 200, 120);
  background: linear-gradient(149deg, rgb(110, 200, 120) 0%, rgb(33, 159, 74) 100%);
}
@media only screen and (min-width: 769px) {
  .example_list li {
    width: 11.875em;
    height: 11.875em;
    border-radius: 11.875em;
    gap: 0.625em;
  }
}
@media only screen and (max-width: 768px) {
  .example_list li {
    width: 21.333vw;
    height: 21.333vw;
    border-radius: 21.333vw;
    gap: 0.667vw;
  }
}
.example_list p {
  color: white;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .example_list p {
    font-size: 1.438em;
    line-height: 1.391em;
  }
}
@media only screen and (max-width: 768px) {
  .example_list p {
    font-size: 2.667vw;
    line-height: 3.467vw;
  }
}
@media only screen and (min-width: 769px) {
  .example_list li:nth-of-type(1) {
    top: 4.625em;
    left: 5.313em;
  }
}
@media only screen and (max-width: 768px) {
  .example_list li:nth-of-type(1) {
    top: 9.333vw;
    left: 50.4vw;
  }
}
@media only screen and (min-width: 769px) {
  .example_list li:nth-of-type(1) img {
    width: 5.625em;
  }
}
@media only screen and (max-width: 768px) {
  .example_list li:nth-of-type(1) img {
    width: 10vw;
  }
}
@media only screen and (min-width: 769px) {
  .example_list li:nth-of-type(2) {
    top: 0em;
    left: 18em;
  }
}
@media only screen and (max-width: 768px) {
  .example_list li:nth-of-type(2) {
    top: 9.333vw;
    left: 5.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .example_list li:nth-of-type(2) img {
    width: 5.688em;
  }
}
@media only screen and (max-width: 768px) {
  .example_list li:nth-of-type(2) img {
    width: 10vw;
  }
}
@media only screen and (min-width: 769px) {
  .example_list li:nth-of-type(3) {
    top: 4.625em;
    left: 30.875em;
  }
}
@media only screen and (max-width: 768px) {
  .example_list li:nth-of-type(3) {
    top: 0vw;
    left: 73.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .example_list li:nth-of-type(3) img {
    width: 5.813em;
  }
}
@media only screen and (max-width: 768px) {
  .example_list li:nth-of-type(3) img {
    width: 10.4vw;
  }
}
@media only screen and (min-width: 769px) {
  .example_list li:nth-of-type(4) {
    top: 3.25em;
    left: 45em;
  }
}
@media only screen and (max-width: 768px) {
  .example_list li:nth-of-type(4) {
    top: 0vw;
    left: 27.733vw;
  }
}
@media only screen and (min-width: 769px) {
  .example_list li:nth-of-type(4) img {
    width: 7.375em;
  }
}
@media only screen and (max-width: 768px) {
  .example_list li:nth-of-type(4) img {
    width: 13.2vw;
  }
}

@media only screen and (min-width: 769px) {
  .ask {
    background: url("../img/ask_bg.jpg") no-repeat 50% 0%;
    background-size: 125em auto;
    height: 30.313em;
  }
}
@media only screen and (max-width: 768px) {
  .ask {
    background: url("../img/ask_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 166vw;
  }
}
@media only screen and (max-width: 768px) {
  .ask .inner_ctx {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.ask_txt01 {
  color: #ffffff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .ask_txt01 {
    font-size: 1.688em;
    line-height: 1.926em;
    padding-top: 3.704em;
  }
}
@media only screen and (max-width: 768px) {
  .ask_txt01 {
    font-size: 5.333vw;
    line-height: 9.6vw;
    padding-top: 12vw;
  }
}
.ask_txt01 span {
  color: #f2e720;
}
.ask_txt01 b {
  font-weight: bold;
  font-size: 120%;
}
.ask_txt02 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .ask_txt02 {
    margin-top: 2.188em;
    gap: 0.625em;
  }
}
@media only screen and (max-width: 768px) {
  .ask_txt02 {
    margin-top: 9.333vw;
    gap: 2vw;
  }
}
.ask_txt02::before, .ask_txt02::after {
  content: "";
  display: inline-block;
  background-image: url("../img/ask_el.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .ask_txt02::before, .ask_txt02::after {
    width: 1em;
    height: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .ask_txt02::before, .ask_txt02::after {
    width: 2.8vw;
    height: 5.467vw;
  }
}
.ask_txt02::after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.ask_txt02 h1 {
  color: #ffffff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .ask_txt02 h1 {
    font-size: 1.875em;
  }
}
@media only screen and (max-width: 768px) {
  .ask_txt02 h1 {
    font-size: 5.2vw;
  }
}

.feature {
  background-color: #d3ecdb;
}
@media only screen and (min-width: 769px) {
  .feature {
    padding-top: 7.688em;
  }
}
@media only screen and (max-width: 768px) {
  .feature {
    padding-top: 13.333vw;
  }
}
.feature .inner_ctx {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.feature_info {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .feature_info {
    gap: 0.125em;
  }
}
@media only screen and (max-width: 768px) {
  .feature_info {
    flex-direction: column;
    gap: 1.6vw;
  }
}
.feature_txt {
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .feature_txt {
    gap: 0.25em;
    top: -0.5em;
  }
}
@media only screen and (max-width: 768px) {
  .feature_txt {
    gap: 1.2vw;
  }
}
.feature_logo {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .feature_logo {
    gap: 0.438em;
  }
}
@media only screen and (max-width: 768px) {
  .feature_logo {
    gap: 1.6vw;
  }
}
@media only screen and (min-width: 769px) {
  .feature_logo img {
    width: 29.188em;
  }
}
@media only screen and (max-width: 768px) {
  .feature_logo img {
    width: 81.333vw;
  }
}
.feature_txt01 {
  color: #333333;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  margin: auto;
}
@media only screen and (min-width: 769px) {
  .feature_txt01 {
    font-size: 2.25em;
  }
}
@media only screen and (max-width: 768px) {
  .feature_txt01 {
    font-size: 6.267vw;
  }
}
.feature_txt02 {
  color: #333333;
  display: inline-block;
  text-align: center;
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .feature_txt02 {
    font-size: 2.813em;
    top: 0.089em;
  }
}
@media only screen and (max-width: 768px) {
  .feature_txt02 {
    font-size: 7.867vw;
    top: -0.533vw;
  }
}
.feature_line {
  background-color: #219f4a;
}
@media only screen and (min-width: 769px) {
  .feature_line {
    width: 56.25em;
    height: 0.125em;
    margin-top: 1.563em;
  }
}
@media only screen and (max-width: 768px) {
  .feature_line {
    width: 89.333vw;
    height: 0.267vw;
    margin-top: 3.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .feature01 {
    background: url("../img/feature01_bg.jpg") no-repeat 50% 0%;
    background-size: 125em auto;
    height: 49.688em;
  }
}
@media only screen and (max-width: 768px) {
  .feature01 {
    background: url("../img/feature01_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 246.933vw;
  }
}
.feature01_tit {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .feature01_tit {
    left: 4em;
    top: 6.875em;
  }
}
@media only screen and (max-width: 768px) {
  .feature01_tit {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 12.533vw;
  }
}
.feature01_txt01 {
  display: inline-block;
  background: #219F4A;
}
@media only screen and (min-width: 769px) {
  .feature01_txt01 {
    padding: 0.625em 1.25em;
    border-radius: 6.25em;
  }
}
@media only screen and (max-width: 768px) {
  .feature01_txt01 {
    text-align: center;
    padding: 2vw 0 1.733vw;
    width: 53.6vw;
    border-radius: 13.333vw;
  }
}
.feature01_txt01 h1 {
  color: #FFFFFF;
}
@media only screen and (min-width: 769px) {
  .feature01_txt01 h1 {
    font-size: 1.375em;
  }
}
@media only screen and (max-width: 768px) {
  .feature01_txt01 h1 {
    font-size: 4.533vw;
  }
}
.feature01_txt02 {
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .feature01_txt02 {
    font-size: 3.125em;
    letter-spacing: 0.08em;
    margin-top: 0.4em;
  }
}
@media only screen and (max-width: 768px) {
  .feature01_txt02 {
    font-size: 10vw;
    letter-spacing: 0.267vw;
    margin-top: 4vw;
  }
}
.feature01_txt03 {
  font-weight: bold;
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .feature01_txt03 {
    font-size: 1.125em;
    line-height: 1.667em;
    letter-spacing: 0.056em;
    margin-top: 1.111em;
  }
}
@media only screen and (max-width: 768px) {
  .feature01_txt03 {
    font-size: 4vw;
    line-height: 6.667vw;
    letter-spacing: 0.133vw;
    margin-top: 4vw;
  }
}
.feature01_list {
  display: flex;
  justify-content: center;
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .feature01_list {
    left: 2.5em;
    top: 26.875em;
    gap: 1.875em;
  }
}
@media only screen and (max-width: 768px) {
  .feature01_list {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    gap: 3.333vw;
    top: 69.867vw;
  }
}
.feature01_list li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .feature01_list li img {
    width: 6.25em;
  }
}
@media only screen and (max-width: 768px) {
  .feature01_list li img {
    width: 18.933vw;
  }
}
.feature01_list li p {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #219F4A;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .feature01_list li p {
    font-size: 1.125em;
    line-height: 1.222em;
    height: 3.333em;
    margin-top: 0.444em;
  }
}
@media only screen and (max-width: 768px) {
  .feature01_list li p {
    font-size: 3.733vw;
    line-height: 4.667vw;
    height: 10.667vw;
    margin-top: 3.733vw;
  }
}
.feature01_note {
  position: absolute;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .feature01_note {
    font-size: 1.125em;
    line-height: 1.667em;
    top: 34.444em;
    left: 2.222em;
  }
}
@media only screen and (max-width: 768px) {
  .feature01_note {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.467vw;
    line-height: 6.933vw;
    top: 106.933vw;
  }
}

@media only screen and (min-width: 769px) {
  .feature02 {
    background: url("../img/feature02_bg.jpg") no-repeat 50% 0%;
    background-size: 125em auto;
    height: 53.125em;
  }
}
@media only screen and (max-width: 768px) {
  .feature02 {
    background: url("../img/feature02_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 252.933vw;
  }
}
.feature02_tit {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .feature02_tit {
    left: 37.063em;
    top: 8.125em;
  }
}
@media only screen and (max-width: 768px) {
  .feature02_tit {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0.533vw;
  }
}
.feature02_txt01 {
  display: inline-block;
  background: #219F4A;
}
@media only screen and (min-width: 769px) {
  .feature02_txt01 {
    padding: 0.625em 1.25em;
    border-radius: 6.25em;
  }
}
@media only screen and (max-width: 768px) {
  .feature02_txt01 {
    text-align: center;
    padding: 2vw 0 1.733vw;
    width: 53.6vw;
    border-radius: 13.333vw;
  }
}
.feature02_txt01 h1 {
  color: #FFFFFF;
}
@media only screen and (min-width: 769px) {
  .feature02_txt01 h1 {
    font-size: 1.375em;
  }
}
@media only screen and (max-width: 768px) {
  .feature02_txt01 h1 {
    font-size: 4.533vw;
  }
}
.feature02_txt02 {
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .feature02_txt02 {
    font-size: 3.125em;
    letter-spacing: 0.08em;
    margin-top: 0.4em;
  }
}
@media only screen and (max-width: 768px) {
  .feature02_txt02 {
    font-size: 10vw;
    letter-spacing: 0.267vw;
    margin-top: 4vw;
  }
}
.feature02_txt03 {
  font-weight: bold;
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .feature02_txt03 {
    font-size: 1.125em;
    line-height: 1.667em;
    letter-spacing: 0.056em;
    margin-top: 1.111em;
  }
}
@media only screen and (max-width: 768px) {
  .feature02_txt03 {
    font-size: 4vw;
    line-height: 6.667vw;
    letter-spacing: 0.133vw;
    margin-top: 4vw;
  }
}
.feature02_list {
  display: flex;
  justify-content: center;
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .feature02_list {
    left: 33em;
    top: 27.5em;
    gap: 1.875em;
  }
}
@media only screen and (max-width: 768px) {
  .feature02_list {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    gap: 3.333vw;
    top: 49.333vw;
  }
}
.feature02_list li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .feature02_list li img {
    width: 6.25em;
  }
}
@media only screen and (max-width: 768px) {
  .feature02_list li img {
    width: 18.933vw;
  }
}
.feature02_list li p {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #219F4A;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .feature02_list li p {
    font-size: 1.125em;
    line-height: 1.222em;
    height: 3.333em;
    margin-top: 0.444em;
  }
}
@media only screen and (max-width: 768px) {
  .feature02_list li p {
    font-size: 3.733vw;
    line-height: 4.667vw;
    height: 10.667vw;
    margin-top: 3.733vw;
  }
}
.feature02_note01 {
  position: absolute;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .feature02_note01 {
    font-size: 1.125em;
    line-height: 1.667em;
    top: 34.444em;
    left: 28.611em;
    width: 24.722em;
  }
}
@media only screen and (max-width: 768px) {
  .feature02_note01 {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.467vw;
    line-height: 6.933vw;
    top: 87.2vw;
    width: 89.333vw;
  }
}
.feature02_note02 {
  position: absolute;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .feature02_note02 {
    font-size: 1.125em;
    line-height: 1.667em;
    top: 2.5em;
    left: 13em;
  }
}
@media only screen and (max-width: 768px) {
  .feature02_note02 {
    font-size: 4vw;
    line-height: 5.333vw;
    top: 141.867vw;
    left: 40.533vw;
  }
}

@media only screen and (min-width: 769px) {
  .feature03 {
    background: url("../img/feature03_bg.jpg") no-repeat 50% 0%;
    background-size: 125em auto;
    height: 42.125em;
  }
}
@media only screen and (max-width: 768px) {
  .feature03 {
    background: url("../img/feature03_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 255.867vw;
  }
}
.feature03_tit {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .feature03_tit {
    left: 1.25em;
    top: 0em;
  }
}
@media only screen and (max-width: 768px) {
  .feature03_tit {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0vw;
  }
}
.feature03_txt01 {
  display: inline-block;
  background: #219F4A;
}
@media only screen and (min-width: 769px) {
  .feature03_txt01 {
    padding: 0.625em 3.438em;
    border-radius: 6.25em;
  }
}
@media only screen and (max-width: 768px) {
  .feature03_txt01 {
    text-align: center;
    padding: 2vw 0 1.733vw;
    width: 53.6vw;
    border-radius: 13.333vw;
  }
}
.feature03_txt01 h1 {
  color: #FFFFFF;
}
@media only screen and (min-width: 769px) {
  .feature03_txt01 h1 {
    font-size: 1.375em;
  }
}
@media only screen and (max-width: 768px) {
  .feature03_txt01 h1 {
    font-size: 4.533vw;
  }
}
.feature03_txt02 {
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .feature03_txt02 {
    font-size: 3.125em;
    letter-spacing: 0.08em;
    margin-top: 0.4em;
  }
}
@media only screen and (max-width: 768px) {
  .feature03_txt02 {
    font-size: 10vw;
    letter-spacing: 0.267vw;
    margin-top: 4vw;
  }
}
.feature03_txt03 {
  font-weight: bold;
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .feature03_txt03 {
    font-size: 1.125em;
    line-height: 1.667em;
    letter-spacing: 0.056em;
    margin-top: 1.111em;
  }
}
@media only screen and (max-width: 768px) {
  .feature03_txt03 {
    font-size: 4vw;
    line-height: 6.667vw;
    letter-spacing: 0.133vw;
    margin-top: 4vw;
  }
}
.feature03_list {
  display: flex;
  justify-content: center;
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .feature03_list {
    left: 0.625em;
    top: 13.75em;
    gap: 1.875em;
  }
}
@media only screen and (max-width: 768px) {
  .feature03_list {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    gap: 3.333vw;
    top: 57.333vw;
  }
}
.feature03_list li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .feature03_list li img {
    width: 6.25em;
  }
}
@media only screen and (max-width: 768px) {
  .feature03_list li img {
    width: 18.933vw;
  }
}
.feature03_list li p {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #219F4A;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .feature03_list li p {
    font-size: 1.125em;
    line-height: 1.222em;
    height: 3.333em;
    margin-top: 0.444em;
  }
}
@media only screen and (max-width: 768px) {
  .feature03_list li p {
    font-size: 3.733vw;
    line-height: 4.667vw;
    height: 10.667vw;
    margin-top: 3.733vw;
  }
}
.feature03_note01 {
  position: absolute;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .feature03_note01 {
    font-size: 1.125em;
    line-height: 1.667em;
    top: 23.056em;
    left: 0.278em;
    width: 27.778em;
  }
}
@media only screen and (max-width: 768px) {
  .feature03_note01 {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.467vw;
    line-height: 6.933vw;
    top: 94.533vw;
  }
}
.feature03_note02, .feature03_note03 {
  position: absolute;
  color: #219F4A;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .feature03_note02, .feature03_note03 {
    font-size: 1.125em;
    line-height: 1.278em;
  }
}
@media only screen and (max-width: 768px) {
  .feature03_note02, .feature03_note03 {
    font-size: 3.467vw;
    line-height: 4.667vw;
  }
}
@media only screen and (min-width: 769px) {
  .feature03_note02 {
    top: 13.722em;
    left: 32.222em;
  }
}
@media only screen and (max-width: 768px) {
  .feature03_note02 {
    top: 172vw;
    left: 10.667vw;
  }
}
@media only screen and (min-width: 769px) {
  .feature03_note03 {
    top: 18.611em;
    left: 32.611em;
  }
}
@media only screen and (max-width: 768px) {
  .feature03_note03 {
    top: 190vw;
    left: 12.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .manu {
    background: url("../img/manu_bg.jpg") no-repeat 50% 0%;
    background-size: 125em auto;
    height: 50em;
  }
}
@media only screen and (max-width: 768px) {
  .manu {
    background: url("../img/manu_bg_sp.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 182.667vw;
  }
}
.manu_tit {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 769px) {
  .manu_tit {
    padding-top: 7.375em;
    gap: 0.625em;
  }
}
@media only screen and (max-width: 768px) {
  .manu_tit {
    flex-direction: column;
    gap: 1.333vw;
    padding-top: 13.333vw;
  }
}
.manu_tit div {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .manu_tit div {
    gap: 0.625em;
  }
}
@media only screen and (max-width: 768px) {
  .manu_tit div {
    gap: 1.333vw;
  }
}
.manu_tit p {
  color: #333333;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .manu_tit p {
    font-size: 2.625em;
  }
}
@media only screen and (max-width: 768px) {
  .manu_tit p {
    font-size: 7.2vw;
  }
}
@media only screen and (min-width: 769px) {
  .manu_tit img {
    width: 9.313em;
  }
}
@media only screen and (max-width: 768px) {
  .manu_tit img {
    width: 25.2vw;
  }
}
.manu_list {
  display: flex;
  flex-direction: column;
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .manu_list {
    gap: 5.313em;
    top: 18em;
    left: 8em;
  }
}
@media only screen and (max-width: 768px) {
  .manu_list {
    gap: 13.067vw;
    top: 48.267vw;
    left: 18.133vw;
  }
}
.manu_list li {
  color: #FFFFFF;
  font-weight: bold;
  line-height: 0;
}
@media only screen and (min-width: 769px) {
  .manu_list li {
    font-size: 1.375em;
  }
}
@media only screen and (max-width: 768px) {
  .manu_list li {
    font-size: 3.467vw;
  }
}
.manu_list li span {
  color: #FFDC5A;
}

@media only screen and (min-width: 769px) {
  .flow {
    background: url("../img/flow_bg.jpg") repeat-y 50% 0%;
    background-size: 125em auto;
    padding-bottom: 8.125em;
  }
}
@media only screen and (max-width: 768px) {
  .flow {
    background: url("../img/flow_bg_sp.jpg") repeat-y 50% 0;
    background-size: 100vw auto;
    padding-bottom: 13.333vw;
  }
}
.flow_tit {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .flow_tit {
    padding-top: 7.5em;
  }
}
@media only screen and (max-width: 768px) {
  .flow_tit {
    padding-top: 13.333vw;
  }
}
.flow_tit h1 {
  color: #333333;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .flow_tit h1 {
    font-size: 2.375em;
    padding-bottom: 0.395em;
  }
}
@media only screen and (max-width: 768px) {
  .flow_tit h1 {
    font-size: 6.667vw;
    padding-bottom: 4vw;
  }
}
.flow_tit span {
  display: inline-block;
  background-color: #219F4A;
}
@media only screen and (min-width: 769px) {
  .flow_tit span {
    width: 4.5em;
    height: 0.25em;
  }
}
@media only screen and (max-width: 768px) {
  .flow_tit span {
    width: 9.333vw;
    height: 0.533vw;
  }
}
.flow_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 769px) {
  .flow_list {
    gap: 2.5em;
    margin-top: 4em;
  }
}
@media only screen and (max-width: 768px) {
  .flow_list {
    font-size: 4.133vw;
    gap: 6.667vw;
    margin-top: 10.667vw;
  }
}
.flow_list li {
  background-color: #fff;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .flow_list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 17.5em;
    height: 21.25em;
    border: 0.188em solid #219F4A;
    border-radius: 1.25em;
  }
}
@media only screen and (max-width: 768px) {
  .flow_list li {
    display: flex;
    align-items: center;
    width: 89.333vw;
    height: 41.6vw;
    border: 0.4vw solid #219F4A;
    border-radius: 2.667vw;
  }
}
.flow_list li:before {
  position: absolute;
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .flow_list li:before {
    width: 3.125em;
    height: 3.125em;
    left: -0.875em;
    top: -0.875em;
  }
}
@media only screen and (max-width: 768px) {
  .flow_list li:before {
    width: 9.733vw;
    height: 9.733vw;
    left: -1.867vw;
    top: -1.867vw;
  }
}
.flow_list li:nth-of-type(1):before {
  background-image: url("../img/flow_list_num01.png");
}
.flow_list li:nth-of-type(2):before {
  background-image: url("../img/flow_list_num02.png");
}
.flow_list li:nth-of-type(3):before {
  background-image: url("../img/flow_list_num03.png");
}
.flow_list li:nth-of-type(4):before {
  background-image: url("../img/flow_list_num04.png");
}
.flow_list li:nth-of-type(5):before {
  background-image: url("../img/flow_list_num05.png");
}
.flow_list li:nth-of-type(6):before {
  background-image: url("../img/flow_list_num06.png");
}
.flow_list-tit {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .flow_list-tit {
    margin-top: 1.25em;
  }
}
@media only screen and (max-width: 768px) {
  .flow_list-tit {
    position: relative;
    width: 38.667vw;
    gap: 1.333vw;
    top: -1.333vw;
  }
}
.flow_list-tit h2 {
  color: #219F4A;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .flow_list-tit h2 {
    font-size: 1.625em;
  }
}
@media only screen and (max-width: 768px) {
  .flow_list-tit h2 {
    font-size: 4.133vw;
  }
}
@media only screen and (min-width: 769px) {
  .flow_list-tit img {
    width: 7.5em;
  }
}
@media only screen and (max-width: 768px) {
  .flow_list-tit img {
    width: 22.667vw;
  }
}
@media only screen and (min-width: 769px) {
  .flow_list-txt {
    font-size: 1.125em;
    line-height: 1.667em;
    width: 12.222em;
    margin-top: 1.111em;
  }
}
@media only screen and (max-width: 768px) {
  .flow_list-txt {
    font-size: 3.467vw;
    width: 42.667vw;
    line-height: 6.933vw;
  }
}
.flow_support {
  background-color: #ffdc5a;
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .flow_support {
    width: 57.5em;
    padding: 0.75em 0;
    border-radius: 6.25em;
    margin-top: 2.625em;
  }
}
@media only screen and (max-width: 768px) {
  .flow_support {
    width: 89.333vw;
    padding: 2.667vw;
    border-radius: 13.333vw;
    margin-top: 15.733vw;
  }
}
.flow_support h1 {
  color: #1a1a1a;
}
@media only screen and (min-width: 769px) {
  .flow_support h1 {
    font-size: 1.25em;
    line-height: 2.2em;
    padding-left: 10.75em;
  }
}
@media only screen and (max-width: 768px) {
  .flow_support h1 {
    font-size: 3.467vw;
    line-height: 5.867vw;
    padding-left: 27.6vw;
  }
}
.flow_support h1 span {
  color: #219f4a;
}
.flow_support h1:before {
  position: absolute;
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/flow_el.png");
}
@media only screen and (min-width: 769px) {
  .flow_support h1:before {
    width: 3.05em;
    height: 3.05em;
    left: 6.5em;
    top: -0.55em;
  }
}
@media only screen and (max-width: 768px) {
  .flow_support h1:before {
    width: 15.467vw;
    height: 22.133vw;
    left: 10.133vw;
    top: -1.867vw;
  }
}

.support {
  background-color: #d3ecdb;
}
@media only screen and (min-width: 769px) {
  .support {
    padding: 8.75em 0 11.625em;
  }
}
@media only screen and (max-width: 768px) {
  .support {
    padding: 14.4vw 0 90.667vw;
  }
}
.support .inner_ctx {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.support_txt01 {
  position: relative;
  background-color: #219f4a;
  display: inline-block;
}
@media only screen and (min-width: 769px) {
  .support_txt01 {
    padding: 0 2.5em;
    border-radius: 8.75em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt01 {
    padding: 0 5.333vw;
    border-radius: 18.667vw;
  }
}
.support_txt01:after {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #219f4b transparent transparent transparent;
}
@media only screen and (min-width: 769px) {
  .support_txt01:after {
    border-width: 0.938em 0.563em 0 0.563em;
    bottom: -0.875em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt01:after {
    border-width: 2.8vw 1.6vw 0 1.6vw;
    bottom: -2.667vw;
  }
}
.support_txt01 h1 {
  color: #ffffff;
}
@media only screen and (min-width: 769px) {
  .support_txt01 h1 {
    font-size: 2.125em;
    line-height: 1.765em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt01 h1 {
    font-size: 5.733vw;
    line-height: 10vw;
  }
}
.support_txt02 {
  display: flex;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .support_txt02 {
    margin-top: 2.625em;
    gap: 0.875em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt02 {
    margin-top: 10.667vw;
    gap: 10.667vw;
  }
}
.support_txt02 h1 {
  color: #333333;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .support_txt02 h1 {
    font-size: 2.375em;
    line-height: 1.474em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt02 h1 {
    font-size: 5.467vw;
    line-height: 8.4vw;
  }
}
.support_txt02::before, .support_txt02::after {
  content: "";
  display: inline-block;
  background-image: url("../img/support_el.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .support_txt02::before, .support_txt02::after {
    position: relative;
    width: 2.5em;
    height: 1.875em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt02::before, .support_txt02::after {
    position: absolute;
    width: 4.667vw;
    height: 3.333vw;
  }
}
@media only screen and (min-width: 769px) {
  .support_txt02::before {
    top: -0.267vw;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt02::before {
    left: 8vw;
  }
}
.support_txt02::after {
  -webkit-transform: scaleY(-1);
  -webkit-transform: scale(-1);
  transform: scaleY(-1);
  transform: scale(-1);
}
@media only screen and (max-width: 768px) {
  .support_txt02::after {
    top: 0.267vw;
    right: 9.333vw;
  }
}
.support_txt03 {
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .support_txt03 {
    margin-top: 3.75em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt03 {
    margin-top: 12vw;
  }
}
.support_txt03 h2 {
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .support_txt03 h2 {
    font-size: 2.813em;
    line-height: 1.778em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt03 h2 {
    font-size: 6.4vw;
    line-height: 9.333vw;
  }
}
.support_txt03 h3 {
  color: #219f4a;
  display: inline;
  background-position: left -100% center;
  background-repeat: repeat-x;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, rgb(248, 243, 143) 60%, rgb(248, 243, 143) 84%, rgba(255, 255, 255, 0) 84%);
}
@media only screen and (min-width: 769px) {
  .support_txt03 h3 {
    font-size: 3.75em;
    line-height: 1.067em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt03 h3 {
    font-size: 7.333vw;
    line-height: 9.333vw;
  }
}
.support_txt03::before, .support_txt03::after {
  content: "";
  position: absolute;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .support_txt03::before, .support_txt03::after {
    background-image: url("../img/support_el02.png");
    width: 1.5em;
    height: 11.625em;
    top: -0.438em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt03::before, .support_txt03::after {
    background-image: url("../img/support_el02_sp.png");
    width: 2.4vw;
    height: 36.8vw;
    top: -3.2vw;
  }
}
@media only screen and (min-width: 769px) {
  .support_txt03::before {
    left: -5.375em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt03::before {
    left: -5.333vw;
  }
}
.support_txt03::after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media only screen and (min-width: 769px) {
  .support_txt03::after {
    right: -5.375em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt03::after {
    right: -5.333vw;
  }
}
.support_txt04 {
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .support_txt04 {
    align-self: flex-start;
    font-size: 1.125em;
    line-height: 1.667em;
    padding-top: 4.111em;
    padding-left: 3.333em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt04 {
    text-align: center;
    font-size: 3.467vw;
    line-height: 6.933vw;
    padding-top: 13.333vw;
  }
}
.support_list {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 769px) {
  .support_list {
    align-self: flex-start;
    padding-left: 3.75em;
    padding-top: 2.25em;
    gap: 1.875em;
  }
}
@media only screen and (max-width: 768px) {
  .support_list {
    gap: 3.333vw;
    padding-top: 10.667vw;
  }
}
.support_list li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .support_list li img {
    width: 6.25em;
  }
}
@media only screen and (max-width: 768px) {
  .support_list li img {
    width: 18.933vw;
  }
}
.support_list li p {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #219F4A;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (min-width: 769px) {
  .support_list li p {
    font-size: 1.125em;
    line-height: 1.222em;
    margin-top: 0.556em;
  }
}
@media only screen and (max-width: 768px) {
  .support_list li p {
    font-size: 3.467vw;
    line-height: 4.4vw;
    margin-top: 2.933vw;
  }
}
.support_txt05 {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .support_txt05 {
    background: url("../img/support_el03.png") no-repeat 50% 0%;
    background-size: 28.75em 20em;
    width: 28.75em;
    height: 20em;
    top: 29.375em;
    left: 38.438em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt05 {
    background: url("../img/support_el03.png") no-repeat 50% 0;
    background-size: 89.333vw 62.133vw;
    width: 89.333vw;
    height: 62.133vw;
    top: 182.667vw;
  }
}
.support_txt05 p {
  position: absolute;
  color: #FFFFFF;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .support_txt05 p {
    font-size: 1.063em;
    letter-spacing: 0.059em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt05 p {
    font-size: 3.467vw;
    letter-spacing: 0.133vw;
  }
}
@media only screen and (min-width: 769px) {
  .support_txt05 p:nth-of-type(1) {
    top: 15.882em;
    left: 3.059em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt05 p:nth-of-type(1) {
    top: 52.533vw;
    left: 9.733vw;
  }
}
@media only screen and (min-width: 769px) {
  .support_txt05 p:nth-of-type(2) {
    top: 12.588em;
    left: 17.941em;
  }
}
@media only screen and (max-width: 768px) {
  .support_txt05 p:nth-of-type(2) {
    top: 41.333vw;
    left: 58.4vw;
  }
}

.lead {
  background-color: #d3ecdb;
}
@media only screen and (min-width: 769px) {
  .lead {
    padding: 6.25em 0 8em;
  }
}
@media only screen and (max-width: 768px) {
  .lead {
    padding: 13.333vw 0 22.667vw;
  }
}
.lead_txt01 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lead_txt01 h1 {
  color: #219f4a;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .lead_txt01 h1 {
    font-size: 2.375em;
    padding-bottom: 0.526em;
  }
}
@media only screen and (max-width: 768px) {
  .lead_txt01 h1 {
    font-size: 9.867vw;
    padding-bottom: 5.467vw;
  }
}
.lead_txt01 span {
  display: inline-block;
  background-color: #219F4A;
}
@media only screen and (min-width: 769px) {
  .lead_txt01 span {
    width: 4.375em;
    height: 0.25em;
  }
}
@media only screen and (max-width: 768px) {
  .lead_txt01 span {
    width: 11.467vw;
    height: 0.533vw;
  }
}
.lead_txt02 {
  text-align: center;
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .lead_txt02 {
    font-size: 1.875em;
    margin-top: 1.6em;
  }
}
@media only screen and (max-width: 768px) {
  .lead_txt02 {
    font-size: 4.8vw;
    line-height: 7.467vw;
    margin-top: 7.733vw;
  }
}
.lead_slider {
  display: flex;
  justify-content: center;
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .lead_slider {
    width: 83.333vw;
    max-width: 1000px;
    gap: 2.5em;
    margin-top: 3.125em;
  }
}
@media only screen and (max-width: 768px) {
  .lead_slider {
    flex-direction: column;
    gap: 5.333vw;
    margin-top: 8.8vw;
  }
}
.lead_slider-inner {
  display: grid;
  flex-direction: column;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .lead_slider-inner {
    width: 17.5em !important;
    height: 23.75em !important;
    border-radius: 1.25em;
    grid-template-rows: 2.938em 7.125em 1fr;
    padding-top: 1.875em;
  }
}
@media only screen and (max-width: 768px) {
  .lead_slider-inner {
    width: 52vw !important;
    height: 72vw !important;
    border-radius: 2.667vw;
    grid-template-rows: 10.667vw 20vw 1fr;
    padding-top: 5.6vw;
  }
}
@media only screen and (min-width: 769px) {
  .lead .slick-slide {
    width: 17.5em !important;
    height: 23.75em !important;
    margin: 0 1.25em !important;
  }
}
@media only screen and (max-width: 768px) {
  .lead .slick-slide {
    width: 52vw !important;
    height: 72vw !important;
    margin: 0 6.667vw !important;
  }
}
.lead .slick-prev {
  display: block;
  position: absolute;
  z-index: 1000;
}
@media only screen and (min-width: 769px) {
  .lead .slick-prev {
    top: 50%;
    width: 2rem;
    height: 2rem;
    left: -3%;
  }
}
@media only screen and (max-width: 768px) {
  .lead .slick-prev {
    top: 53%;
    width: 6vw;
    height: 6vw;
    left: 15%;
  }
}
.lead .slick-next {
  display: block;
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .lead .slick-next {
    top: 50%;
    width: 2rem;
    height: 2rem;
    right: -3%;
  }
}
@media only screen and (max-width: 768px) {
  .lead .slick-next {
    top: 53%;
    width: 6vw;
    height: 6vw;
    right: 15%;
  }
}
@media only screen and (max-width: 768px) {
  .lead .slick-center .lead_slider-inner::before {
    content: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .lead .slick-slide .lead_slider-inner::before {
    position: absolute;
    top: 0;
    content: "";
    display: inline-block;
    background-image: url(../img/lead_el.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 52vw;
    height: 72vw;
  }
}
@media only screen and (min-width: 769px) {
  .lead_tag {
    margin: 0 1.625em;
  }
}
@media only screen and (max-width: 768px) {
  .lead_tag {
    margin: 0 5.333vw;
  }
}
.lead_tag span {
  display: inline-block;
  font-weight: 500;
  color: #fff;
  background-color: #219f4a;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .lead_tag span {
    font-size: 0.875em;
    width: 9.286em;
    border-radius: 2.857em;
    line-height: 1.571em;
  }
}
@media only screen and (max-width: 768px) {
  .lead_tag span {
    font-size: 4.267vw;
    width: 41.333vw;
    border-radius: 5.333vw;
    line-height: 7.067vw;
  }
}
@media only screen and (min-width: 769px) {
  .lead_detail {
    margin: 0 1.625em;
  }
}
@media only screen and (max-width: 768px) {
  .lead_detail {
    margin: 0 5.333vw;
  }
}
.lead_detail p {
  color: #1a1a1a;
}
@media only screen and (min-width: 769px) {
  .lead_detail p {
    font-size: 1.188em;
    line-height: 1.684em;
  }
}
@media only screen and (max-width: 768px) {
  .lead_detail p {
    font-size: 3.467vw;
    line-height: 6.933vw;
  }
}
@media only screen and (min-width: 769px) {
  .lead_sena {
    margin: 0 1.25em;
  }
}
@media only screen and (max-width: 768px) {
  .lead_sena {
    margin: 0 4vw;
  }
}
.lead_sena img {
  text-align: center;
  margin: auto;
}
@media only screen and (min-width: 769px) {
  .lead_sena img {
    width: 15em;
    border-radius: 1.25em;
  }
}
@media only screen and (max-width: 768px) {
  .lead_sena img {
    width: 44vw;
    border-radius: 2.667vw;
  }
}

.cv {
  background: rgb(110, 200, 120);
  background: linear-gradient(174deg, rgb(110, 200, 120) 0%, rgb(33, 159, 74) 100%);
}
@media only screen and (min-width: 769px) {
  .cv {
    padding: 4em 0 3.75em;
  }
}
@media only screen and (max-width: 768px) {
  .cv {
    padding: 13.333vw 0;
  }
}
.cv_txt01 {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .cv_txt01 {
    gap: 0.625em;
  }
}
@media only screen and (max-width: 768px) {
  .cv_txt01 {
    gap: 2vw;
  }
}
.cv_txt01::before, .cv_txt01::after {
  content: "";
  display: inline-block;
  background-image: url("../img/ask_el.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .cv_txt01::before, .cv_txt01::after {
    width: 1em;
    height: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .cv_txt01::before, .cv_txt01::after {
    width: 2.8vw;
    height: 5.467vw;
  }
}
.cv_txt01::after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.cv_txt01 h1 {
  color: #ffffff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .cv_txt01 h1 {
    font-size: 1.875em;
  }
}
@media only screen and (max-width: 768px) {
  .cv_txt01 h1 {
    font-size: 5.2vw;
  }
}

.faq{
  background-color: #d3ecdb;
}
@media only screen and (min-width: 769px) {
    .faq{
        padding-bottom: 8em;
    }
}

@media only screen and (max-width: 768px) {
    .faq{
        padding-bottom:8em;
    }
}
.faq_tit {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .faq_tit {
    padding-top: 7.5em;
  }
}
@media only screen and (max-width: 768px) {
  .faq_tit {
    padding-top: 13.333vw;
  }
}
.faq_tit span {
    display: inline-block;
    background-color: #219f4a
}
@media only screen and (min-width: 769px) {
    .faq_tit span {
        width:4.5em;
        height: .25em
    }
}
@media only screen and (max-width: 768px) {
    .faq_tit span {
        width:9.333vw;
        height: .533vw
    }
}
.faq_tit h1 {
  color: #219f4a;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .faq_tit h1 {
    font-size: 2.375em;
    padding-bottom: 0.395em;
  }
}
@media only screen and (max-width: 768px) {
  .faq_tit h1 {
    font-size: 6.667vw;
    padding-bottom: 4vw;
  }
}
@media only screen and (min-width: 769px) {
  .faq_list {
    margin-top: 4em;
  }
}
@media only screen and (max-width: 768px) {
  .faq_list {
    margin-top: 10.667vw;
  }
}
.faq_list li{
	padding: 2em;
	background: #fff;
	
}
@media only screen and (min-width: 769px) {
	.faq_list li{
		padding: 2em;
			border-radius: 1.25em;
		margin-bottom: 2.5em;
	}
}
@media only screen and (max-width: 768px) {
	.faq_list li{
		padding: 4vw;
			 border-radius: 2.667vw;
		margin-bottom: 2.667vw;
	}	
}
.faq_list-tit{
	position: relative;
}
.faq_list-tit:after{
	content:'+';
    font-size: 3em;
    font-weight: 700;
    color: silver;
    position: absolute;
    right: 0;
    top: 40%;
    transition: all .5s ease;
    line-height: 1;
	transform: translateY(-50%);
}
.open.faq_list-tit:after{
	transform: translateY(-50%) rotate(-45deg);
}
@media only screen and (max-width: 768px) {
	.faq_list-tit:after{
		font-size: 6vw;
	}
}
.faq_list-tit h2 {
  color: #219F4A;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
}
@media only screen and (min-width: 769px) {
  .faq_list-tit h2 {
    font-size: 1.625em;
  }
}
@media only screen and (max-width: 768px) {
  .faq_list-tit h2 {
    font-size: 3.467vw;
	  margin-right: 3.467vw;
  }
}
.faq_list-tit h2:before{
	content:'Q';
	background: #219F4A;
	color: #fff;
    border: 10px solid #219F4A;
    font-size: 0.8em;
    width: 2em;
    height: 2em;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	margin-top: -0.2em;
	margin-right: 0.395em;
}
.faq_list-txt{
	display:none;
	padding:0 2em 0 2.5em;
	position: relative;
}
.faq_list-txt:before{
	content:'A';
    font-weight: 700;
    color: rgba(33,159,79,0.5);
    position: absolute;
    left: 0.2em;
    top: 0;
    transition: all .5s ease;
}
@media only screen and (min-width: 769px) {
	.faq_list-txt:before{
	    font-size: 1.8em;
	}
}
@media only screen and (max-width: 768px) {
	.faq_list-txt:before{
	    font-size: 1em;
		left: 1.5vw
	}
}
@media only screen and (min-width: 769px) {
  .faq_list-txt {
    font-size: 1.125em;
    line-height: 1.667em;
    margin-top: 1.111em;
  }
}
@media only screen and (max-width: 768px) {
  .faq_list-txt {
    font-size: 3.467vw;
    line-height: 6.933vw;
	  margin-top: 2vw;
  }
}
.form_tit {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .form_tit {
    padding-top: 7.5em;
	margin-bottom: 4em
  }
}
@media only screen and (max-width: 768px) {
  .form_tit {
    padding-top: 13.333vw;
    margin-bottom: 10.667vw
  }
}
.form_tit span {
    display: inline-block;
    background-color: #219f4a
}
@media only screen and (min-width: 769px) {
    .form_tit span {
        width:4.5em;
        height: .25em
    }
}
@media only screen and (max-width: 768px) {
    .form_tit span {
        width:9.333vw;
        height: .533vw
    }
}
.form_tit h1 {
  color: #333;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .form_tit h1 {
        font-size:2.375em;
        padding-bottom: .526em
  }
}
@media only screen and (max-width: 768px) {
  .form_tit h1 {
        font-size:9.867vw;
        padding-bottom: 5.467vw
  }
}

.sticky {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 0;
    bottom: 10%;
    z-index: 5
}
@media only screen and (max-width: 768px) {
	.sticky {
		display: none;
	}	
}
.sticky-down {
    border: 3px solid #0d6cee;
    color: #0d6cee !important;
    font-weight: 700;
    font-size: 1rem;
    background-color: #e8f5fa;
    border-right: 0;
    border-radius: 12px 0 0 12px;
    padding: 20px;
    line-height: 1;
    box-shadow: 0 3px 10px rgb(0 0 0/20%);
    margin-bottom: 1rem;
    writing-mode: vertical-rl;
    display: flex;
    align-items: center;
    letter-spacing: .5px
}
.sticky-down .off,.sticky-jirei.off {
    display: inline-block
}
.sticky-down .on,.sticky-jirei .on {
    display: none
}
.sticky-down:hover {
    color: #fff !important;
    background: #0d6cee
}
.sticky-down:hover .off,.sticky-jirei:hover .off {
    display: none
}
.sticky-down:hover .on,.sticky-jirei:hover .on {
    display: inline-block
}
.sticky-jirei {
    border: 3px solid #07af5e;
    color: #07af5e !important;
    font-weight: 700;
    font-size: 1rem;
    background-color: #f1fbf5;
    border-right: 0;
    border-radius: 12px 0 0 12px;
    padding: 20px;
    line-height: 1.1;
    box-shadow: 0 3px 10px rgb(0 0 0/20%);
    display: flex;
    writing-mode: vertical-rl;
    align-items: center;
    letter-spacing: .5px
}
.sticky-jirei:hover {
    color: #fff !important;
    background: #07af5e
}
.sticky-down figure,.sticky-jirei figure {
    padding: 0;
    margin: 0 0 .5rem
}
.sticky-down figure img,.sticky-jirei figure img {
    width: 25px
}
@media only screen and (min-width: 769px) {
	.top:before{
		content:'';
		display: block;
		background:url(../img/top_bg-b2.jpg) no-repeat;
		width: 100%;
		height: 56.25em;
		position: absolute;
		z-index: -1;
		background-size: 100% 100%;
		background-position: top right;
	}
	.top:after{

	}
	.info:before{
		content:'';
		display: block;
		background:url(../img/info_bg-b.jpg) no-repeat;
		width: 100%;
		height: 25em;
		position: absolute;
		z-index: -1;
		background-size: 100% 100%;
	}
	.solve:before{
		content:'';
		display: block;
		background:url(../img/solve_bg.jpg) no-repeat;
		width: 100%;
		height: 20.625em;
		position: absolute;
		z-index: -1;
		background-size: cover;		
	}
	.example:before{
		content:'';
		display: block;
		width: 100%;
		height: 6.2em;
		background-color: #ffdc5a;
		bottom: 0;
		position: absolute;
		z-index: -1;
		background-size: cover;					
	}
	.ask:before{
		content:'';
		display: block;
		background:url(../img/ask_bg-b.jpg) no-repeat;
		width: 100%;
		height: 30.313em;
		position: absolute;
		z-index: -1;
		background-size: 100% 101%;
      background-position: bottom;			
	}
	.feature01:before{
		content:'';
		display: block;
		background:#d3ecdb;
		height: 49.688em;
		width:100%;
		z-index:-1;
		position: absolute;
	}
	.feature02:before{
		content:'';
		display: block;
		background:#d3ecdb;
		height: 53.125em;
		width:100%;
		z-index:-1;
		position: absolute;
	}
	.feature03:before{
		content:'';
		display: block;
		background:#d3ecdb;
		height: 42.125em;
		width:100%;
		z-index:-1;
		position: absolute;
	}
}

@media only screen and (min-width: 768px) {
    .top_txt02 {
        font-size: 3.6em;
		margin-top: -.7em;
    }
	.btns--top {
        padding-top: 8.2em;
    }
}
@media only screen and (max-width: 768px) {
	.top_txt02 {
		margin-top: -5vw;
	}
	.btns--top {
        padding-top: 77.333vw;
    }
}