@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  min-width: 1080px;
  background: linear-gradient(to right, #e0e2ea, #fcfcff, #ebecef);
  color: #0c1633;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}
@media (max-width: 1079px) {
  body {
    min-width: 0;
  }
}

::-moz-selection {
  background: #3f7fc1;
  color: #fff;
}

::selection {
  background: #3f7fc1;
  color: #fff;
}

* {
  min-width: 0;
  min-height: 0;
}

a {
  color: #0c1633;
  text-decoration: none;
}

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

img[src$=".svg"] {
  width: 100%;
  height: 100%;
}

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

.tab {
  display: none;
}
@media (max-width: 1079px) {
  .tab {
    display: block;
  }
}

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

.inview {
  transform: translateY(3vw);
  opacity: 0;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.inview.show {
  transform: translateY(0);
  opacity: 1;
}

.opcin {
  opacity: 0;
  transition: 1.8s;
}
.opcin.show {
  opacity: 1;
}

.nowrap {
  display: inline-block;
  white-space: nowrap;
}

.content {
  position: relative;
  overflow: hidden;
}

#particles-js {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  transition: 0.5s;
}
#particles-js.show {
  opacity: 1;
}

header {
  position: absolute;
  z-index: 2;
  transform: translateY(-5vw);
  width: 100vw;
  opacity: 0;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
header.show {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 3s;
}

.header_logo {
  position: absolute;
  top: 3vw;
  left: 4.5vw;
  width: 8.3vw;
}
@media (max-width: 768px) {
  .header_logo {
    display: none;
  }
}

.humbg {
  display: none;
}
@media (max-width: 768px) {
  .humbg {
    display: block;
    position: absolute;
    top: 6.6vw;
    right: 5.6vw;
    z-index: 2;
    width: 11.56vw;
    height: 11.56vw;
    padding: 3.13vw;
  }
}
.humbg .bd {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 11.56vw;
  height: 0.63vw;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  transition: 0.3s;
}
.humbg .bd.one {
  top: 3.13vw;
}
.humbg .bd.one.is-active {
  transform: rotate(-45deg) translateX(-50%) translateY(-0.6vw);
}
.humbg .bd.two {
  top: 5.94vw;
}
.humbg .bd.two.is-active {
  width: 0;
  opacity: 0;
}
.humbg .bd.thr {
  top: 8.75vw;
}
.humbg .bd.thr.is-active {
  transform: rotate(45deg) translateX(-50%) translateY(0.8vw);
}
.humbg .bd.is-active {
  width: 9.38vw;
  background: #fff;
}

.humbg_con {
  display: inline-block;
  position: relative;
  top: -1vw;
  left: -0.5vw;
  width: 100%;
  height: 100%;
}

.nav-top {
  position: relative;
  top: 5vw;
  right: 4vw;
  font-size: 1.17vw;
  font-family: "Gurmukhi MN", sans-serif;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.12em;
}
@media (max-width: 768px) {
  .nav-top {
    position: absolute;
    top: 3vw;
    left: 3vw;
    z-index: -1;
    width: 94vw;
    height: calc(100vh - 6vw);
    border-radius: 3.13vw;
    background: linear-gradient(to right, #356ab2, #4d9fd6);
    opacity: 0;
    font-size: 6.56vw;
    line-height: 2;
    pointer-events: none;
    transition: 0.3s;
  }
}
@media (max-width: 768px) {
  .nav-top.is-active {
    z-index: 2;
    opacity: 1;
    pointer-events: auto;
  }
}
.nav-top ul {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .nav-top ul {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
}
.nav-top li {
  margin-left: 2.6vw;
  cursor: pointer;
}
@media (max-width: 768px) {
  .nav-top li {
    margin-left: 0;
  }
}
.nav-top a {
  display: inline-block;
  transition: 0.2s;
}
@media (max-width: 768px) {
  .nav-top a {
    color: #fff;
  }
}
.nav-top a:hover {
  transform: scale(1.07);
  color: #3f7fc1;
}
@media (max-width: 768px) {
  .nav-top a:hover {
    transform: scale(1);
    color: #fff;
  }
}

.nav-top_contact {
  margin-left: 3.4vw;
}
.nav-top_contact a {
  display: block;
  position: relative;
  margin-top: -1.2em;
  padding: 1.25vw 2vw 1.21vw 4.4vw;
  border-radius: 0.47vw;
  color: #fff;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .nav-top_contact a {
    display: inline-block;
    overflow: hidden;
    margin-top: 7vw;
    padding: 1.5vw 13vw 1.5vw 18vw;
    border: 0.31vw solid #fff;
    border-radius: 31.25vw;
    font-size: 5vw;
  }
}
.nav-top_contact a:hover {
  transform: scale(1.03);
  background: none;
}
.nav-top_contact a:hover::before {
  border: 0.08vw solid #3f81c2;
}
@media (max-width: 768px) {
  .nav-top_contact a:hover::before {
    border: 0.31vw solid #3f81c2;
  }
}
.nav-top_contact a:hover::after {
  opacity: 0;
}
.nav-top_contact a:hover .st0 {
  fill: #3f7fc1;
}
.nav-top_contact a::before, .nav-top_contact a::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 0.47vw;
  content: "";
  transition: 0.2s;
}
.nav-top_contact a::after {
  background: linear-gradient(to right, #356ab2, #4d9fd6);
}
@media (max-width: 768px) {
  .nav-top_contact a::after {
    background: transparent;
  }
}
.nav-top_contact .st0 {
  transition: 0.2s;
  fill: #fff;
}

.ico_mail {
  position: absolute;
  top: 50%;
  left: 1.9vw;
  transform: translateY(-50%);
  width: 1.56vw;
}
@media (max-width: 768px) {
  .ico_mail {
    left: 9.3vw;
    width: 5vw;
  }
}

.top-view {
  position: relative;
  width: 100vw;
  height: auto;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
}
.top-view .logo-h {
  transform: translateY(5vw);
  width: 28.73vw;
  margin-bottom: 4vw;
  opacity: 0;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 768px) {
  .top-view .logo-h {
    width: 46.88vw;
    height: 79.69vw;
    margin: 0 auto 10vw;
    background: url(img/logo_v.svg) no-repeat;
    background-size: contain;
  }
}
.top-view .logo-h.show {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.6s;
}
@media (max-width: 768px) {
  .top-view .logo-h img {
    display: none;
  }
}

.top-view_image {
  position: absolute;
  top: 0;
  left: -3.2vw;
  z-index: -1;
  transform: scale(1.02);
  opacity: 0;
  line-height: 0;
  transition: 1.5s;
}
@media (max-width: 768px) {
  .top-view_image {
    left: 50%;
    z-index: 1;
    transform: scale(1) translateX(-50%);
    width: 100vw;
    height: 100vh;
    background: url(img/top-img_sp.png) no-repeat center;
    background-size: cover;
    pointer-events: none;
    transition: 1s;
    animation: fadeout 2s ease 2s forwards;
  }
}
.top-view_image.show {
  transform: scale(1);
  opacity: 1;
  transition-delay: 2.2s;
}
@media (max-width: 768px) {
  .top-view_image.show {
    transform: scale(1) translateX(-50%);
    transition-delay: 0.1s;
  }
}
.top-view_image img {
  width: auto;
  height: 100vh;
}
@media (max-width: 768px) {
  .top-view_image img {
    display: none;
  }
}

@keyframes fadeout {
  0% {
    transform: scale(1) translateX(-50%);
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    display: none;
    transform: scale(1.1) translateX(-45%);
    opacity: 0;
  }
}
.top-view_txts {
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  text-align: left;
}
.top-view_txts .con {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  width: 36vw;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 768px) {
  .top-view_txts .con {
    transform: translate(-50%, -50%) scale(1);
    width: 100%;
    opacity: 0;
  }
}
.top-view_txts .con.show {
  transform: translate(18%, -45%) scale(1);
  transition-delay: 1.9s;
}
@media (max-width: 768px) {
  .top-view_txts .con.show {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    transition-delay: 1s;
  }
}

.top-view_sub {
  transform: translateY(5vw);
  margin-bottom: 1.3vw;
  padding-left: 0.2em;
  opacity: 0;
  font-size: 2.11vw;
  letter-spacing: 0.04em;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 768px) {
  .top-view_sub {
    font-size: 5vw;
    text-align: center;
  }
}
.top-view_sub.show {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 1s;
}

.top-view_title {
  font-size: 3.28vw;
  line-height: 1.46;
  letter-spacing: 0.04em;
}
@media (max-width: 768px) {
  .top-view_title {
    text-align: center;
  }
}
.top-view_title.show .one {
  width: 31.5vw;
}
@media (max-width: 768px) {
  .top-view_title.show .one {
    width: auto;
  }
}
.top-view_title.show .two {
  width: 35vw;
}
@media (max-width: 768px) {
  .top-view_title.show .two {
    width: auto;
  }
}
.top-view_title .line {
  display: block;
}
@media (max-width: 768px) {
  .top-view_title .line {
    display: inline;
  }
}
.top-view_title .char {
  display: block;
  overflow: hidden;
  width: 0;
  white-space: nowrap;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 1.3s;
}
@media (max-width: 768px) {
  .top-view_title .char {
    width: auto;
  }
}
@media (max-width: 768px) {
  .top-view_title .one {
    display: inline-block;
    margin: 2.5vw auto 1vw;
    padding: 1.5vw 15vw 1.3vw;
    border: 0.31vw solid #3f81c2;
    border-radius: 1.56vw;
    color: #3f7fc1;
    font-size: 4.38vw;
    line-height: 1;
  }
}
@media (max-width: 768px) {
  .top-view_title .two {
    margin: 0 auto;
    font-size: 6.56vw;
  }
}

.top-view_contact {
  display: none;
  transition: 0.4s;
}
@media (max-width: 768px) {
  .top-view_contact {
    display: block;
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
  }
  .top-view_contact a {
    display: block;
    position: relative;
    width: auto;
    margin-top: 6vw;
    padding: 4vw 12vw 4vw 19vw;
    border-radius: 0;
    opacity: 0;
    color: #fff;
    font-size: 4.38vw;
    font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.08em;
    transition: 0.5s;
  }
  .top-view_contact a::before, .top-view_contact a::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 0;
    content: "";
    transition: 0.2s;
  }
  .top-view_contact a::after {
    background: linear-gradient(to right, #356ab2, #4d9fd6);
  }
  .top-view_contact a.show {
    opacity: 1;
    transition-delay: 2.5s;
  }
  .top-view_contact .st0 {
    transition: 0.2s;
    fill: #fff;
  }
  .top-view_contact .ico_mail {
    left: 10.7vw;
    width: 4.69vw;
  }
}
.top-view_contact.hide {
  opacity: 0;
  pointer-events: none;
}

.titles {
  margin-top: 4.75vw;
  margin-bottom: 5.4vw;
  padding-top: 6vw;
}
@media (max-width: 768px) {
  .titles {
    margin-top: 10vw;
    margin-bottom: 11vw;
    padding-top: 10vw;
  }
}
.titles.show .sub {
  width: 21vw;
}
@media (max-width: 768px) {
  .titles.show .sub {
    width: 64vw;
  }
}
.titles.show .title {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.1s;
}
.titles .sub {
  overflow: hidden;
  width: 0;
  margin: 0 auto 2vw;
  font-size: 1.72vw;
  font-family: "Tenor Sans", sans-serif;
  white-space: nowrap;
  letter-spacing: 0.24em;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 768px) {
  .titles .sub {
    margin-bottom: 5vw;
    font-size: 5.31vw;
  }
}
.titles .title {
  transform: translateY(3vw);
  opacity: 0;
  font-size: 2.34vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.2em;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 768px) {
  .titles .title {
    font-size: 6.88vw;
  }
}

@media (max-width: 768px) {
  .concept .titles {
    margin-top: 0;
    padding-top: 0;
  }
}

.concept .titles.show .sub {
  width: 10vw;
}
@media (max-width: 768px) {
  .concept .titles.show .sub {
    width: 30vw;
  }
}

.concept_theme {
  overflow: hidden;
  width: 0;
  margin: 0 20vw 7.5vw;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 768px) {
  .concept_theme {
    margin: 0 8.6vw 12vw;
  }
}
.concept_theme.show {
  width: 60vw;
  transition-delay: 0.1s;
}
@media (max-width: 768px) {
  .concept_theme.show {
    width: 82.8vw;
  }
}

.concept_logo {
  flex-basis: 27%;
}
@media (max-width: 768px) {
  .concept_logo {
    width: 69.69vw;
    height: 26.88vw;
    margin: 0 auto 10vw;
    background: url(img/logo_h.svg) no-repeat;
    background-size: contain;
  }
}
@media (max-width: 768px) {
  .concept_logo img {
    display: none;
  }
}

.concept_theme_con {
  display: flex;
  justify-content: space-between;
  width: 60vw;
}
@media (max-width: 768px) {
  .concept_theme_con {
    display: block;
    width: 82.8vw;
  }
}

.concept_theme_txt {
  flex-basis: 60%;
  text-align: left;
}
@media (max-width: 768px) {
  .concept_theme_txt {
    text-align: justify;
  }
}

.concept_theme_sub {
  margin: 1.8vw 0;
  font-size: 2.11vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
}
@media (max-width: 768px) {
  .concept_theme_sub {
    display: none;
  }
}

.concept_theme_title {
  margin: 1.5vw 0;
  font-size: 3.28vw;
  line-height: 1.43;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media (max-width: 768px) {
  .concept_theme_title {
    display: none;
  }
}

.concept_theme_exp {
  font-size: 1.17vw;
  line-height: 2;
  letter-spacing: 0.14em;
}
@media (max-width: 768px) {
  .concept_theme_exp {
    font-size: 4.06vw;
    line-height: 1.85;
    letter-spacing: 0.08em;
  }
}

.concept_theme_figure {
  width: 60vw;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .concept_theme_figure {
    width: 85.31vw;
    height: 111.88vw;
    background: url(img/concept_sp.png) no-repeat;
    background-size: contain;
  }
}
@media (max-width: 768px) {
  .concept_theme_figure img {
    display: none;
  }
}

@media (max-width: 768px) {
  .features .titles {
    margin-bottom: 12vw;
  }
}

.features .titles.show .sub {
  width: 11vw;
}
@media (max-width: 768px) {
  .features .titles.show .sub {
    width: 31vw;
  }
}

.features_list {
  display: flex;
  justify-content: space-between;
  width: 82.8vw;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .features_list {
    display: block;
  }
}
.features_list li {
  flex-basis: 29.8%;
}
.features_list li:nth-child(2).show {
  transition-delay: 0.15s;
}
.features_list li:nth-child(3).show {
  transition-delay: 0.3s;
}
@media (max-width: 768px) {
  .features_list li:nth-child(3) .features_exp {
    padding-bottom: 0;
  }
}
.features_list li.show img {
  transform: scale(1);
}
.features_list .img {
  overflow: hidden;
  border-radius: 0.39vw;
  box-shadow: 0 0 1.88vw rgba(9, 41, 78, 0.12);
  line-height: 0;
}
@media (max-width: 768px) {
  .features_list .img {
    border-radius: 1.56vw;
    box-shadow: 0 0 7.5vw rgba(9, 41, 78, 0.12);
  }
}
.features_list img {
  transform: scale(1.1);
  transition: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.features_title {
  margin: 1.6vw 0 1vw;
  font-size: 1.56vw;
  line-height: 1.5;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .features_title {
    margin: 6.6vw 0 3.5vw;
    font-size: 5vw;
    line-height: 1.56;
  }
}

.features_exp {
  margin-bottom: 2vw;
  font-size: 0.94vw;
  line-height: 1.83;
  text-align: justify;
  letter-spacing: 0.09em;
}
@media (max-width: 768px) {
  .features_exp {
    margin-bottom: 5.5vw;
    font-size: 3.75vw;
    line-height: 1.75;
    letter-spacing: 0.08em;
  }
}

@media (max-width: 768px) {
  .features_btn {
    margin-bottom: 12.5vw;
  }
}
.features_btn a {
  display: block;
  position: relative;
  backface-visibility: hidden;
  padding: 1.15vw 1vw 1vw;
  border: 0.08vw solid #3f81c2;
  border-radius: 0.39vw;
  color: #3f7fc1;
  font-size: 1.09vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.14em;
  transition: 0.2s;
}
@media (max-width: 768px) {
  .features_btn a {
    padding: 3.5vw;
    border: 0.31vw solid #3f81c2;
    border-radius: 1.56vw;
    font-size: 4.06vw;
  }
}
.features_btn a:hover {
  transform: scale(1.02);
  color: #fff;
}
@media (max-width: 768px) {
  .features_btn a:hover {
    transform: scale(1);
    color: #3f7fc1;
  }
}
.features_btn a:hover::after {
  transform: scaleX(1.01) scaleY(1.05);
  opacity: 1;
}
@media (max-width: 768px) {
  .features_btn a:hover::after {
    opacity: 0;
  }
}
.features_btn a::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 0.39vw;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  opacity: 0;
  content: "";
  transition: 0.2s;
}
@media (max-width: 768px) {
  .features_btn a::after {
    border-radius: 1.56vw;
  }
}
.features_btn a .arw {
  position: absolute;
  top: 50%;
  right: 2vw;
  transform: translateY(-50%);
  width: 1.33vw;
  height: 1.33vw;
  border-radius: 50%;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  transition: 0.2s;
}
@media (max-width: 768px) {
  .features_btn a .arw {
    width: 4.06vw;
    height: 4.06vw;
  }
}
.features_btn a .arw::after {
  position: absolute;
  top: 0.33vw;
  right: 0.36vw;
  border-width: 0.31vw 0 0.31vw 0.47vw;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  content: "";
  transition: 0.2s;
}
@media (max-width: 768px) {
  .features_btn a .arw::after {
    top: 1vw;
    right: 1.15vw;
    border-width: 0.94vw 0 0.94vw 1.25vw;
  }
}

@media (max-width: 768px) {
  .check .titles {
    margin-bottom: 9vw;
    padding-top: 8vw;
  }
}

.check .titles.show .sub {
  width: 16vw;
}
@media (max-width: 768px) {
  .check .titles.show .sub {
    width: 50vw;
  }
}

.check_header {
  margin-bottom: 3.5vw;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  -webkit-background-clip: text;
  color: #3f7fc1;
  font-size: 2.89vw;
  line-height: 1.49;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 768px) {
  .check_header {
    font-size: 6.56vw;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
}

.check_ol {
  display: flex;
  justify-content: space-between;
  width: 56vw;
  margin: 0 auto 3vw;
  font-family: "Tenor Sans", sans-serif;
}
@media (max-width: 768px) {
  .check_ol {
    display: none;
  }
}
.check_ol li {
  display: flex;
}
.check_ol li:nth-child(2) {
  transition-delay: 0.15s;
}
.check_ol li:nth-child(3) {
  transition-delay: 0.3s;
}
.check_ol .num {
  display: block;
  position: relative;
  width: 5.31vw;
  height: 4.77vw;
  margin-right: 2vw;
  border: 0.08vw solid #0c1633;
  font-size: 2.5vw;
}
@media (max-width: 768px) {
  .check_ol .num {
    border: 0.31vw solid #0c1633;
  }
}
.check_ol .num_num {
  display: inline-block;
  transform: scaleX(0.76);
  margin-right: -0.1em;
}
.check_ol .num_in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.check_ol .txt {
  display: block;
  font-size: 2.73vw;
  text-align: left;
}

.check_exp {
  font-size: 1.09vw;
  line-height: 1.92;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .check_exp {
    margin: 5.5vw 8.6vw;
    font-size: 4.06vw;
    line-height: 1.85;
    text-align: justify;
  }
}

.check_item_title {
  margin: 6vw 0 1.8vw;
  font-size: 3.36vw;
  font-family: "Tenor Sans", sans-serif;
  letter-spacing: -0.02em;
}
@media (max-width: 768px) {
  .check_item_title {
    margin: 11vw 0 3.8vw;
    font-size: 8.75vw;
  }
}
.check_item_title .num {
  margin-right: 0.5em;
}
.check_item_title .num_num {
  display: inline-block;
  transform: scaleX(0.76);
  margin-right: -0.1em;
}
.check_item_title .jp {
  display: inline-block;
  transform: translateY(-0.6vw);
  margin-left: 1.4vw;
  padding: 0.7vw 1vw 0.5vw;
  border: 0.08vw solid #0c1633;
  font-size: 1.09vw;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .check_item_title .jp {
    display: block;
    box-sizing: border-box;
    width: 70vw;
    margin: 6vw auto 0;
    padding: 2vw 3vw 1.5vw;
    border: 0.31vw solid #0c1633;
    font-size: 4.38vw;
    font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
    font-weight: 700;
  }
}

.check_item_sub {
  margin-bottom: 4.5vw;
  font-size: 1.25vw;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .check_item_sub {
    margin-bottom: 7.5vw;
    font-size: 4.06vw;
    line-height: 1.69;
  }
}

@media (max-width: 768px) {
  .regular-check .check_item_title {
    margin-top: 16vw;
  }
}

.check_ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 80vw;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .check_ul {
    display: block;
    width: 82.8vw;
  }
}
.check_ul li {
  flex-basis: 19.2%;
  margin-right: 3%;
  margin-bottom: 2.3vw;
  padding: 2.2vw 1.5% 1.8vw;
  border: 0.16vw solid #3f81c2;
  border-radius: 0.78vw;
  background: rgb(255, 255, 255);
}
@media (max-width: 768px) {
  .check_ul li {
    margin: 0 0 6vw;
    padding: 2vw 1.5% 3.2vw;
    border: 0.63vw solid #3f81c2;
    border-radius: 3.13vw;
  }
}
.check_ul li:nth-child(2) {
  transition-delay: 0.15s;
}
.check_ul li:nth-child(3) {
  transition-delay: 0.3s;
}
.check_ul li:nth-child(4) {
  transition-delay: 0.45s;
}
.check_ul li:nth-child(5) {
  transition-delay: 0s;
}
.check_ul li:nth-child(6) {
  transition-delay: 0.15s;
}
.check_ul li:nth-child(7) {
  transition-delay: 0.3s;
}
.check_ul li:nth-child(4n) {
  margin-right: 0;
}
.check_ul .img {
  margin: 0 auto;
}
.check_ul.one .check_ul_txts {
  padding: 2.2vw 1.5% 1.8vw;
  border-top: 0.16vw solid #3f81c2;
  border-right: 0.16vw solid #3f81c2;
  border-left: 0.16vw solid #3f81c2;
  border-radius: 0.78vw 0.78vw 0 0;
  background: rgb(255, 255, 255);
  transition: 0.2s;
}
@media (max-width: 768px) {
  .check_ul.one .check_ul_txts {
    padding: 9vw 7.5vw 6.8vw;
    border-top: 0.63vw solid #3f81c2;
    border-right: 0.63vw solid #3f81c2;
    border-left: 0.63vw solid #3f81c2;
    border-radius: 3.13vw 3.13vw 0 0;
  }
}
.check_ul.one .check_ul_exp {
  padding: 0 1vw;
}
.check_ul.one .check_ul_modalbtn {
  display: flex;
  justify-content: center;
  position: relative;
  padding: 0.9vw 0;
  border-radius: 0 0 0.78vw 0.78vw;
  color: #fff;
  font-size: 0.94vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
  transition: 0.2s;
}
@media (max-width: 768px) {
  .check_ul.one .check_ul_modalbtn {
    padding: 3.5vw;
    border-radius: 0 0 3.13vw 3.13vw;
    font-size: 3.75vw;
  }
}
.check_ul.one .check_ul_modalbtn::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 0 0 0.78vw 0.78vw;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  content: "";
  transition: 0.2s;
}
@media (max-width: 768px) {
  .check_ul.one .check_ul_modalbtn::after {
    border-radius: 0 0 3.13vw 3.13vw;
  }
}
.check_ul.one .check_ul_modalbtn .plus {
  display: block;
  position: relative;
  backface-visibility: hidden;
  margin-right: 1vw;
  transition: 0.2s;
}
@media (max-width: 768px) {
  .check_ul.one .check_ul_modalbtn .plus {
    margin-right: 4.5vw;
  }
}
.check_ul.one .check_ul_modalbtn .plus::before, .check_ul.one .check_ul_modalbtn .plus::after {
  position: absolute;
  width: 0.86vw;
  height: 0.16vw;
  background: #fff;
  content: "";
}
@media (max-width: 768px) {
  .check_ul.one .check_ul_modalbtn .plus::before, .check_ul.one .check_ul_modalbtn .plus::after {
    width: 3.44vw;
    height: 0.63vw;
  }
}
.check_ul.one .check_ul_modalbtn .plus::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.check_ul.one .check_ul_modalbtn .plus::after {
  top: 50%;
  left: 50%;
  transform: rotate(90deg) translate(-0.05vw, 0.43vw);
}
@media (max-width: 768px) {
  .check_ul.one .check_ul_modalbtn .plus::after {
    transform: rotate(90deg) translate(-0.25vw, 1.63vw);
  }
}
.check_ul.one .check_ul_modalbtn .char {
  display: block;
}
.check_ul.one li {
  flex-basis: 22.2%;
  padding: 0;
  border: none;
  border-bottom: none;
  border-radius: 0;
  background: transparent;
}
.check_ul.one li:hover .check_ul_txts {
  transform: scale(1.02);
}
@media (max-width: 768px) {
  .check_ul.one li:hover .check_ul_txts {
    transform: scale(1);
  }
}
.check_ul.one li:hover .check_ul_modalbtn {
  transform: scale(1.02);
}
@media (max-width: 768px) {
  .check_ul.one li:hover .check_ul_modalbtn {
    transform: scale(1);
  }
}
.check_ul.one li:hover .check_ul_modalbtn .plus {
  transform: rotate(90deg);
}
@media (max-width: 768px) {
  .check_ul.one li:hover .check_ul_modalbtn .plus {
    transform: rotate(0);
  }
}
.check_ul.one li:hover .check_ul_modalbtn::after {
  opacity: 0.85;
}
@media (max-width: 768px) {
  .check_ul.one li:hover .check_ul_modalbtn::after {
    opacity: 1;
  }
}
.check_ul.one li:nth-child(1) .img {
  width: 26%;
}
.check_ul.one li:nth-child(1) .check_ul_txts {
  padding-bottom: 4.1vw;
}
@media (max-width: 768px) {
  .check_ul.one li:nth-child(1) .check_ul_txts {
    padding-bottom: 6.8vw;
  }
}
.check_ul.one li:nth-child(2) .img {
  width: 28%;
}
.check_ul.one li:nth-child(3) .img {
  width: 40%;
}
.check_ul.one li:nth-child(3) .check_ul_txts {
  padding-bottom: 2.9vw;
}
@media (max-width: 768px) {
  .check_ul.one li:nth-child(3) .check_ul_txts {
    padding-bottom: 6.8vw;
  }
}
.check_ul.one li:nth-child(4) .img {
  width: 38%;
}
.check_ul.one li:nth-child(4) .check_ul_title {
  letter-spacing: 0;
}
.check_ul.one li:nth-child(4) .check_ul_txts {
  padding-bottom: 2.9vw;
}
@media (max-width: 768px) {
  .check_ul.one li:nth-child(4) .check_ul_txts {
    padding-bottom: 6.8vw;
  }
}
.check_ul.one li:nth-child(4) .check_ul_exp {
  letter-spacing: 0.04em;
}
.check_ul.one li:nth-child(5) .img {
  width: 38%;
}
.check_ul.one li:nth-child(5) .check_ul_txts {
  padding-bottom: 2.9vw;
}
@media (max-width: 768px) {
  .check_ul.one li:nth-child(5) .check_ul_txts {
    padding-bottom: 6.8vw;
  }
}
.check_ul.one li:nth-child(6) .img {
  width: 40%;
}
.check_ul.one li:nth-child(7) .img {
  width: 34%;
}
.check_ul.one li:nth-child(7) .check_ul_txts {
  padding-bottom: 4.1vw;
}
@media (max-width: 768px) {
  .check_ul.one li:nth-child(7) .check_ul_txts {
    padding-bottom: 6.8vw;
  }
}
.check_ul.two .plusbtn, .check_ul.thr .plusbtn {
  display: none;
}
@media (max-width: 768px) {
  .check_ul.two .plusbtn, .check_ul.thr .plusbtn {
    display: block;
    position: absolute;
    top: 50%;
    right: 4vw;
    backface-visibility: hidden;
    margin-right: 1vw;
    margin-right: 4.5vw;
    transition: 0.2s;
  }
}
.check_ul.two .plusbtn::before, .check_ul.two .plusbtn::after, .check_ul.thr .plusbtn::before, .check_ul.thr .plusbtn::after {
  position: absolute;
  width: 4.69vw;
  height: 0.63vw;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  content: "";
}
.check_ul.two .plusbtn::before, .check_ul.thr .plusbtn::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.check_ul.two .plusbtn::after, .check_ul.thr .plusbtn::after {
  top: 50%;
  left: 50%;
  transform: rotate(90deg) translate(-0.3vw, 2.3vw);
}
.check_ul.two .modalBtn, .check_ul.thr .modalBtn {
  display: none;
}
@media (max-width: 768px) {
  .check_ul.two .modalBtn, .check_ul.thr .modalBtn {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.check_ul.two li:nth-child(1) .img {
  width: 37%;
}
@media (max-width: 768px) {
  .check_ul.two li:nth-child(1) .img {
    width: 15%;
  }
}
.check_ul.two li:nth-child(2) .img {
  width: 33.5%;
}
@media (max-width: 768px) {
  .check_ul.two li:nth-child(2) .img {
    width: 15%;
  }
}
.check_ul.two li:nth-child(3) .img {
  width: 33%;
}
@media (max-width: 768px) {
  .check_ul.two li:nth-child(3) .img {
    width: 15%;
  }
}
@media (max-width: 768px) {
  .check_ul.two .img {
    position: absolute;
    top: 50%;
    left: 5vw;
    transform: translateY(-50%);
  }
}
@media (max-width: 768px) {
  .check_ul.two .check_ul_exp {
    display: none;
  }
}
.check_ul.thr li:nth-child(1) .img {
  width: 36%;
}
@media (max-width: 768px) {
  .check_ul.thr li:nth-child(1) .img {
    width: 15%;
  }
}
.check_ul.thr li:nth-child(2) .img {
  width: 35%;
}
@media (max-width: 768px) {
  .check_ul.thr li:nth-child(2) .img {
    width: 15%;
  }
}
.check_ul.thr li:nth-child(2) .check_ul_btn {
  margin-top: 1.1vw;
}
.check_ul.thr li:nth-child(3) .img {
  width: 35%;
}
@media (max-width: 768px) {
  .check_ul.thr li:nth-child(3) .img {
    width: 15%;
  }
}
.check_ul.thr li:nth-child(3) .check_ul_btn {
  margin-top: 1.1vw;
}
.check_ul.thr li:nth-child(4) .img {
  transform: scale(1.1);
  width: 29%;
}
@media (max-width: 768px) {
  .check_ul.thr li:nth-child(4) .img {
    transform: scale(1) translateY(-50%);
    width: 15%;
  }
}
@media (max-width: 768px) {
  .check_ul.thr .img {
    position: absolute;
    top: 50%;
    left: 5vw;
    transform: translateY(-50%);
  }
}
@media (max-width: 768px) {
  .check_ul.thr .check_ul_exp {
    display: none;
  }
}

.check_ul_title {
  margin: 1.5vw 0 1vw;
  font-size: 1.33vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .check_ul_title {
    margin: 5.5vw 0 4.5vw;
    font-size: 5.31vw;
  }
}

.check_ul_exp {
  font-size: 0.78vw;
  line-height: 1.6;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .check_ul_exp {
    font-size: 3.44vw;
    line-height: 1.45;
  }
}

.check_ul_btn {
  margin: 2.2vw 0.3vw -0.4vw;
  padding: 0.6vw 0;
  border-radius: 0.55vw;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  color: #fff;
  font-size: 0.86vw;
  letter-spacing: 0.02em;
}
@media (max-width: 768px) {
  .check_ul_btn {
    display: none;
    font-size: 3.75vw;
  }
}

.tanaka {
  display: flex;
  justify-content: space-between;
  width: 74vw;
  margin: 0 auto 7.5vw;
}
@media (max-width: 768px) {
  .tanaka {
    display: block;
    width: 82.8%;
  }
}
.tanaka .img {
  flex-basis: 41%;
  overflow: hidden;
  height: 100%;
  border-radius: 1.17vw;
  box-shadow: 0 0 1.88vw rgba(9, 41, 78, 0.12);
  line-height: 0;
}
@media (max-width: 768px) {
  .tanaka .img {
    margin-bottom: 8vw;
    border-radius: 4.69vw;
    box-shadow: 0 0 7.5vw rgba(9, 41, 78, 0.12);
  }
}
.tanaka .img.show img {
  transform: scale(1);
  opacity: 1;
}
.tanaka .img img {
  transform: scale(1.1);
  opacity: 0;
  transition: 2s;
}

.tanaka_txt {
  flex-basis: 52%;
  text-align: left;
  letter-spacing: 0.14em;
}
@media (max-width: 768px) {
  .tanaka_txt {
    text-align: center;
  }
}
.tanaka_txt .role {
  margin: 1.6vw 0;
  font-size: 1.25vw;
}
@media (max-width: 768px) {
  .tanaka_txt .role {
    font-size: 4.06vw;
    line-height: 1.54;
  }
}
.tanaka_txt .en {
  letter-spacing: 0.02em;
}
@media (max-width: 768px) {
  .tanaka_txt .en {
    display: block;
  }
}
.tanaka_txt .name {
  margin: 1.5vw 0;
  font-size: 2.34vw;
  letter-spacing: 0.2em;
}
@media (max-width: 768px) {
  .tanaka_txt .name {
    font-size: 7.19vw;
    line-height: 1.92;
  }
}
.tanaka_txt .role2 {
  margin: 1.1vw 0;
  font-size: 1.09vw;
  line-height: 1.79;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .tanaka_txt .role2 {
    margin-bottom: 5vw;
    font-size: 3.75vw;
    letter-spacing: 0.06em;
  }
}
.tanaka_txt .prof {
  font-size: 0.94vw;
  line-height: 1.92;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .tanaka_txt .prof {
    margin-bottom: 12vw;
    font-size: 3.75vw;
    font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
    -webkit-text-stroke: 0.1px;
    font-weight: 500;
    text-align: justify;
  }
}

.doctor_lets {
  width: 71.5vw;
  margin: 0 auto;
  padding: 1.2vw;
  border-radius: 2.34vw;
  box-shadow: 0 0 1.88vw rgba(9, 41, 78, 0.12);
  background: #fff;
}
@media (max-width: 768px) {
  .doctor_lets {
    width: auto;
    padding: 4vw 0vw;
    border-radius: 0;
    box-shadow: 0 0 7.5vw rgba(9, 41, 78, 0.12);
  }
}

.doctor_lets_con {
  padding: 5vw 5.7vw;
  border: 0.16vw solid #3f81c2;
  border-radius: 1.56vw;
}
@media (max-width: 768px) {
  .doctor_lets_con {
    padding: 5vw 8.6vw 13vw;
    border-top: 0.63vw solid #3f81c2;
    border-right: none;
    border-bottom: 0.63vw solid #3f81c2;
    border-left: none;
    border-radius: 0;
  }
}

.doctor_lets_title {
  margin-bottom: 2.3vw;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  -webkit-background-clip: text;
  color: #3f7fc1;
  font-size: 2.89vw;
  line-height: 1.49;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.14em;
}
@media (max-width: 768px) {
  .doctor_lets_title {
    margin: 6.3vw;
    font-size: 7.81vw;
    line-height: 1.46;
  }
}

.doctor_lets_exp {
  font-size: 1.09vw;
  line-height: 2.36;
  text-align: justify;
  letter-spacing: 0.12em;
}
@media (max-width: 768px) {
  .doctor_lets_exp {
    font-size: 3.75vw;
    line-height: 1.83;
    letter-spacing: 0.08em;
  }
}

.flow .titles.show .sub {
  width: 6vw;
}
@media (max-width: 768px) {
  .flow .titles.show .sub {
    width: 18vw;
  }
}

.flow_ol {
  width: 82.8%;
  margin: 0 auto;
}
.flow_ol li {
  position: relative;
  margin-bottom: 2vw;
  padding: 3.2vw 0 3.2vw;
  border-radius: 2.34vw;
  box-shadow: 0 0 1.88vw rgba(9, 41, 78, 0.12);
  background: #fff;
}
@media (max-width: 768px) {
  .flow_ol li {
    margin-bottom: 8vw;
    padding: 6.2vw 7vw 10vw;
    border-radius: 3.13vw;
    box-shadow: 0 0 7.5vw rgba(9, 41, 78, 0.12);
  }
}
.flow_ol li.show::after {
  bottom: -0.8vw;
}
@media (max-width: 768px) {
  .flow_ol li.show::after {
    bottom: -4vw;
  }
}
@media (max-width: 768px) {
  .flow_ol li:last-child {
    padding-bottom: 8vw;
  }
}
.flow_ol li:last-child::after {
  display: none;
}
.flow_ol li::after {
  position: absolute;
  bottom: 3.8vw;
  left: 50%;
  transform: translateX(-50%);
  width: 1.8vw;
  height: 1.48vw;
  background: url(img/down-arw.svg) no-repeat;
  background-size: contain;
  content: "";
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 768px) {
  .flow_ol li::after {
    width: 7.19vw;
    height: 5.94vw;
  }
}
.flow_ol .num_cov {
  position: absolute;
  top: 50%;
  left: 2.8vw;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .flow_ol .num_cov {
    position: static;
  }
}
.flow_ol .num {
  display: block;
  position: relative;
  width: 6.64vw;
  height: 6.64vw;
  border-radius: 0.78vw;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  color: #fff;
  font-family: "Tenor Sans", sans-serif;
}
@media (max-width: 768px) {
  .flow_ol .num {
    width: auto;
    height: auto;
    margin-bottom: 6vw;
    padding: 1.2vw 1vw 1vw;
    border-radius: 1.56vw;
    line-height: 1.56;
  }
}
.flow_ol .num_con {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media (max-width: 768px) {
  .flow_ol .num_con {
    position: static;
    transform: translate(0, 0);
  }
}
.flow_ol .step {
  display: block;
  font-size: 1.41vw;
}
@media (max-width: 768px) {
  .flow_ol .step {
    display: inline;
    font-size: 5vw;
  }
}
.flow_ol .num_num {
  font-size: 3.36vw;
}
@media (max-width: 768px) {
  .flow_ol .num_num {
    font-size: 5vw;
  }
}

.flow_ol_title {
  display: block;
  margin-bottom: 1.1vw;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  -webkit-background-clip: text;
  font-size: 2.11vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .flow_ol_title {
    margin-bottom: 3vw;
    font-size: 5.63vw;
    line-height: 1.56;
  }
}

.flow_ol_exp {
  display: block;
  font-size: 1.25vw;
  line-height: 1.69;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .flow_ol_exp {
    font-size: 4.06vw;
  }
}
.flow_ol_exp a {
  color: #2c7cc7;
  text-decoration: underline;
}

.price .titles.show .sub {
  width: 7vw;
}
@media (max-width: 768px) {
  .price .titles.show .sub {
    width: 20vw;
  }
}

.price_com {
  width: 74%;
  margin: 0 auto;
  padding: 4vw 0;
  border: 0.16vw solid #3f81c2;
  border-radius: 1.56vw;
  background: rgb(255, 255, 255);
}
@media (max-width: 768px) {
  .price_com {
    box-sizing: border-box;
    width: 82.8%;
    padding: 8vw 7vw;
    border: 0.63vw solid #fff;
    border-radius: 3.13vw;
  }
}

.price_com_header {
  margin-bottom: 2.2vw;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  -webkit-background-clip: text;
  font-size: 2.89vw;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 768px) {
  .price_com_header {
    margin-bottom: 5vw;
    font-size: 7.19vw;
  }
}
.price_com_header .header {
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .price_com_header .header {
    font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
    font-weight: 700;
    letter-spacing: 0.02em;
  }
}
.price_com_header .tax {
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .price_com_header .tax {
    font-size: 4.69vw;
    vertical-align: 0.15em;
  }
}

.price_com_ul {
  display: flex;
  justify-content: center;
  font-size: 1.09vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .price_com_ul {
    font-size: 4.06vw;
  }
}
.price_com_ul li {
  padding: 0.8vw 12vw 0.6vw;
  border: 0.08vw solid #0c1633;
}
@media (max-width: 768px) {
  .price_com_ul li {
    width: 100%;
    padding: 2vw 0 1.5vw;
    border: 1px solid #0c1633;
    line-height: 1.6;
  }
}
.price_com_ul li:nth-child(2) {
  margin: 0 1.2vw;
}

@media (max-width: 768px) {
  .access .titles {
    margin-bottom: 11.5vw;
  }
}

.access .titles.show .sub {
  width: 8vw;
}
@media (max-width: 768px) {
  .access .titles.show .sub {
    width: 28vw;
  }
}

.access_address {
  margin-bottom: 4vw;
  font-size: 1.17vw;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .access_address {
    margin-bottom: 6vw;
    font-size: 3.75vw;
    line-height: 1.67;
    letter-spacing: 0.06em;
  }
}

.access_btn {
  font-size: 1.41vw;
  font-family: "Tenor Sans", sans-serif;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .access_btn {
    font-size: 5.31vw;
  }
}
.access_btn:hover {
  transform: scale(1.05);
  opacity: 0.95;
}
@media (max-width: 768px) {
  .access_btn:hover {
    transform: scale(1);
    opacity: 1;
  }
}
.access_btn a {
  padding: 1vw 10.5vw;
  border-radius: 0.78vw;
  box-shadow: 0 0 1.88vw rgba(9, 41, 78, 0.12);
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  color: #fff;
}
@media (max-width: 768px) {
  .access_btn a {
    display: block;
    width: auto;
    margin: 0 8.6vw;
    padding: 3.3vw;
    border-radius: 1.56vw;
    border-radius: 3.13vw;
    box-shadow: 0 0 7.5vw rgba(9, 41, 78, 0.12);
  }
}
.access_btn .char {
  display: inline-block;
  position: relative;
  padding: 0 0 0 1.6vw;
}
@media (max-width: 768px) {
  .access_btn .char {
    padding-left: 6vw;
  }
}
.access_btn .char::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.02vw;
  height: 1.41vw;
  background: url(img/pin_wht.png) no-repeat;
  background-size: contain;
  content: "";
}
@media (max-width: 768px) {
  .access_btn .char::before {
    width: 3.75vw;
    height: 5vw;
  }
}

.map-cov {
  overflow: hidden;
}

#map {
  transform: scale(1.08);
  width: 76%;
  height: 31vw;
  margin: 0 auto 4vw;
  border-radius: 2.34vw;
  box-shadow: 0 0 1.88vw rgba(9, 41, 78, 0.12);
  opacity: 0;
  transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 768px) {
  #map {
    width: 82.6%;
    height: 62.5vw;
    margin-bottom: 6vw;
    border-radius: 3.13vw;
    box-shadow: 0 0 7.5vw rgba(9, 41, 78, 0.12);
  }
}
#map.show {
  transform: scale(1);
  opacity: 1;
}
#map img[src*=pin] {
  transform: scale(0.5);
}

footer {
  margin-top: 12vw;
  padding-bottom: 7vw;
}
@media (max-width: 768px) {
  footer {
    margin-top: 23vw;
    padding-bottom: 19vw;
  }
}

.footer_logo {
  width: 9.77vw;
  margin: 0 auto 5vw;
}
@media (max-width: 768px) {
  .footer_logo {
    width: 39.06vw;
    margin-bottom: 11vw;
  }
}

.footer_copy {
  font-size: 1.41vw;
  font-family: "Tenor Sans", sans-serif;
  letter-spacing: -0.02em;
}
@media (max-width: 768px) {
  .footer_copy {
    font-size: 5vw;
    line-height: 1.44;
  }
}

@media (max-width: 768px) {
  .contact-page .header_logo {
    display: block;
    top: 7.5vw;
    left: 9.5vw;
    width: 15.63vw;
    height: 15.63vw;
    cursor: pointer;
  }
  .contact-page .header_logo a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(img/logo_motif.svg) no-repeat;
    background-size: contain;
  }
  .contact-page .header_logo img {
    opacity: 0;
  }
}
.contact-page header.show {
  transition-delay: 0s;
}
@media (max-width: 768px) {
  .contact-page .titles {
    margin-top: 17vw;
    margin-bottom: 1vw;
  }
}
@media (max-width: 768px) {
  .contact-page footer {
    margin-top: 6vw;
  }
}

.contact-contents {
  position: relative;
  box-sizing: border-box;
  width: 46.2vw;
  margin: 0 auto;
  padding: 1vw 5.47vw 5.47vw;
  border: 0.16vw solid #3f81c2;
  border-radius: 0.39vw;
  background: rgba(255, 255, 255, 0.5);
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  text-align: left;
}
@media (max-width: 768px) {
  .contact-contents {
    width: 82vw;
    padding: 5vw 0 11vw;
    border: none;
    border-radius: 1.56vw;
    background: transparent;
  }
}
.contact-contents .item {
  margin-bottom: 2vw;
}
@media (max-width: 768px) {
  .contact-contents .item {
    margin-bottom: 5vw;
  }
}
.contact-contents .item label {
  display: block;
  margin-bottom: 1vw;
  font-size: 1.17vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .contact-contents .item label {
    margin-bottom: 3vw;
    font-size: 4.06vw;
  }
}
.contact-contents .item:last-child {
  margin-bottom: 0;
}
.contact-contents .item input, .contact-contents .item select, .contact-contents .item textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 0.94vw 0.78vw 0.94vw 1.64vw;
  border: 0.08vw solid #3f81c2;
  border-radius: 0.39vw;
  background: #fff;
  color: #0c1633;
  font-size: 1.17vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif !important;
  letter-spacing: 0.05em;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (max-width: 768px) {
  .contact-contents .item input, .contact-contents .item select, .contact-contents .item textarea {
    padding: 2.75vw 3.125vw 2.4vw 5.5625vw;
    border: 0.31vw solid #3f81c2;
    border-radius: 1.56vw;
    font-size: 4.06vw;
  }
}
.contact-contents .item input::-moz-placeholder {
  color: rgba(12, 22, 51, 0.3);
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif !important;
}
.contact-contents .item input::placeholder {
  color: rgba(12, 22, 51, 0.3);
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif !important;
}
.contact-contents .item input[type=submit] {
  backface-visibility: hidden;
  padding: 1.3vw 0;
  border: none;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  color: #fff;
  font-size: 1.48vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  -webkit-text-stroke: 0.1px;
  font-weight: 500;
  letter-spacing: 0.06em;
  transition: 0.2s;
}
@media (max-width: 768px) {
  .contact-contents .item input[type=submit] {
    padding: 3.1vw 0;
    font-size: 4.69vw;
  }
}
.contact-contents .item input[type=submit]:hover {
  transform: scale(1.02);
}
.contact-contents .item .submit-con {
  opacity: 0.5;
  pointer-events: none;
}
.contact-contents .item .submit-con.is-active {
  opacity: 1;
  pointer-events: auto;
}
.contact-contents .item select {
  height: auto;
  color: #0c1633;
  font-size: 1.17vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  -webkit-text-stroke: 0.1px;
  font-weight: 500;
  vertical-align: middle;
  text-overflow: "";
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 768px) {
  .contact-contents .item select {
    width: 100%;
    font-size: 4.06vw;
  }
}
.contact-contents .item select::-ms-expand {
  display: none;
}
.contact-contents .item select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}
.contact-contents .item select option:disabled {
  color: rgba(255, 255, 255, 0.3);
}
.contact-contents .item textarea {
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  -webkit-text-stroke: 0.1px;
  font-weight: 500;
}
.contact-contents .item.select-item {
  position: relative;
}
.contact-contents .item.select-item .select {
  position: relative;
}
.contact-contents .item.select-item .select::after {
  position: absolute;
  top: 50%;
  right: 1.33vw;
  width: 0;
  height: 0;
  border-width: 0.39vw 0.39vw 0 0.39vw;
  border-style: solid;
  border-color: #3f7fc1 transparent transparent transparent;
  content: "";
  pointer-events: none;
}
@media (max-width: 768px) {
  .contact-contents .item.select-item .select::after {
    right: 4.32812vw;
    transform: translateY(-50%);
    border-width: 1.5vw 1.5vw 0 1.5vw;
  }
}
.contact-contents .item.agreement {
  margin: 2.34vw 0 2.34vw 2.73vw;
  color: #0c1633;
  text-align: center;
}
@media (max-width: 768px) {
  .contact-contents .item.agreement {
    margin: 7.34375vw 0 8vw -0.26562vw;
  }
}
.contact-contents .item.agreement.negativemargin {
  margin: -0.78vw 0 -0.78vw 2.73vw;
}
.contact-contents .item.agreement.negativemargin .char::before {
  display: none;
}
.contact-contents .item.agreement .char {
  display: inline-block;
  position: relative;
}
.contact-contents .item.agreement .char::before {
  display: block;
  position: absolute;
  top: 0.55vw;
  left: -2.73vw;
  transform: translateY(-50%);
  width: 1.56vw;
  height: 1.56vw;
  border: 0.08vw solid #3f7fc1;
  border-radius: 0.23vw;
  background: #fff;
  content: "";
}
@media (max-width: 768px) {
  .contact-contents .item.agreement .char::before {
    top: 1.9vw;
    width: 6.56vw;
    height: 6.56vw;
    border: 0.31vw solid #3f7fc1;
    border-radius: 1.56vw;
  }
}
.contact-contents .item.agreement input {
  display: none;
}
.contact-contents .item.agreement input:checked + .char::before {
  border-color: #fff;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
}
.contact-contents .item.agreement input:checked + .char .mark {
  display: block;
  position: absolute;
  top: 0.4vw;
  left: -2.3vw;
  transform: rotate(-45deg);
  width: 1.02vw;
  height: 0.23vw;
  border-radius: 0.08vw;
  background: #fff;
  content: "";
}
@media (max-width: 768px) {
  .contact-contents .item.agreement input:checked + .char .mark {
    top: 1.6vw;
    left: -0.63vw;
    width: 4.06vw;
    height: 0.94vw;
  }
}
.contact-contents .item.agreement input:checked + .char .mark::before {
  display: block;
  position: absolute;
  top: -0.19vw;
  left: -0.12vw;
  transform: rotate(90deg);
  width: 0.55vw;
  height: 0.23vw;
  border-radius: 0.08vw;
  background: #fff;
  content: "";
}
@media (max-width: 768px) {
  .contact-contents .item.agreement input:checked + .char .mark::before {
    top: -0.5vw;
    left: -0.5vw;
    width: 2.19vw;
    height: 0.94vw;
  }
}
.contact-contents .item.agreement input a {
  color: rgba(82, 44, 44, 0.7);
  text-decoration: underline;
}
.contact-contents .item.agreement .let {
  line-height: 140%;
}
.contact-contents .item .times {
  display: flex;
}
.contact-contents .item .range {
  transform: translateY(1.17vw);
  padding: 0 0.78vw;
}
.contact-contents .item .cap {
  margin: 1.17vw 0;
  font-size: 1.02vw;
}
.contact-contents .item a {
  color: #3f7fc1;
  text-decoration: underline;
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 768px) {
  .contact-contents .item a {
    margin-left: 8vw;
  }
}
.contact-contents .item a:hover {
  opacity: 0.8;
  text-decoration: none;
}
@media (max-width: 768px) {
  .contact-contents .item a:hover {
    opacity: 1;
    text-decoration: underline;
  }
}

.formstyle {
  position: relative;
  padding: 3.91vw 0 0;
}
.formstyle.hide form {
  z-index: -1;
  opacity: 0.3;
  pointer-events: none;
}

.error {
  display: none;
}
.error.show {
  display: block;
  margin-top: 2vw;
}
@media (max-width: 768px) {
  .error.show {
    margin-top: 6vw;
  }
}
.error p {
  margin: 0;
  padding: 2vw;
  border: 0.08vw solid #3f7fc1;
  color: #3f7fc1;
  font-size: 1.02vw;
  line-height: 170%;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  -webkit-text-stroke: 0.1px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .error p {
    margin: 0;
    padding: 6vw;
    font-size: 4.38vw;
  }
}

#thxMessage {
  display: none;
}
#thxMessage.show {
  display: block;
  margin-top: 3.13vw;
}
@media (max-width: 768px) {
  #thxMessage.show {
    margin-top: 6vw;
  }
}
#thxMessage p {
  margin: 0;
  padding: 2.03vw;
  border: 0.08vw solid #3f7fc1;
  color: #3f7fc1;
  font-size: 1.02vw;
  line-height: 170%;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  -webkit-text-stroke: 0.1px;
  font-weight: 500;
}
@media (max-width: 768px) {
  #thxMessage p {
    margin: 0;
    padding: 6vw;
    font-size: 4.38vw;
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  overflow-y: scroll;
  visibility: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s, visibility 0s 0.3s;
}
.modal.is-active {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0s 0s;
}

.modal_container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 100%;
}
.modal_container _:-ms-lang(x)::-ms-backdrop, .modal_container {
  min-height: 100vh;
}
.modal_container::after {
  min-height: inherit;
  font-size: 0;
  content: "";
}

.modal_inner {
  position: absolute;
  width: 100vw;
  height: 100%;
  margin: 0 auto;
  background: rgba(4, 21, 47, 0.9);
}

.modalClose {
  position: absolute;
  top: 3%;
  right: 3%;
  width: 3.91vw;
  height: 3.91vw;
  transition: 0.2s;
}
@media (max-width: 768px) {
  .modalClose {
    top: -3vw;
    right: -3vw;
    width: 7.81vw;
    height: 7.81vw;
    border: 0.31vw solid #3f7fc1;
    border-radius: 50%;
    background: #fff;
  }
}
.modalClose:hover {
  transform: scale(1.1);
}
@media (max-width: 1079px) {
  .modalClose:hover {
    transform: scale(1);
  }
}

.modalClose_con {
  display: block;
  position: relative;
  transform: translate(-0.08vw, -0.08vw);
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .modalClose_con {
    transform: translate(1.6vw, -0.15vw);
  }
}
.modalClose_con::before, .modalClose_con::after {
  position: absolute;
  top: 50%;
  left: 0.31vw;
  width: 3.44vw;
  height: 0.08vw;
  background: #fff;
  content: "";
}
@media (max-width: 768px) {
  .modalClose_con::before, .modalClose_con::after {
    width: 4.06vw;
    height: 0.63vw;
    background: linear-gradient(to right, #356ab2, #4d9fd6);
  }
}
.modalClose_con::before {
  transform: rotate(45deg);
}
.modalClose_con::after {
  transform: rotate(-45deg);
}

.modalBtnNav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6.25vw;
  height: 6.25vw;
  transition: 0.2s;
}
@media (max-width: 768px) {
  .modalBtnNav {
    width: 7.81vw;
    height: 7.81vw;
    border-radius: 50%;
    background: linear-gradient(to right, #356ab2, #4d9fd6);
  }
}
.modalBtnNav.prev {
  left: 9vw;
}
@media (max-width: 768px) {
  .modalBtnNav.prev {
    left: 1vw;
  }
}
.modalBtnNav.prev:hover {
  transform: translateY(-50%) translateX(-0.5vw);
}
@media (max-width: 768px) {
  .modalBtnNav.prev:hover {
    transform: translateY(-50%);
  }
}
.modalBtnNav.prev .con-arw {
  transform: translate(0.78vw, 0);
}
@media (max-width: 768px) {
  .modalBtnNav.prev .con-arw {
    transform: translate(1.81vw, 0.09vw);
  }
}
.modalBtnNav.prev .con-arw::before {
  transform: rotate(45deg) translate(0.82vw, 0.78vw);
}
@media (max-width: 768px) {
  .modalBtnNav.prev .con-arw::before {
    transform: rotate(45deg) translate(0.1vw, 0);
  }
}
.modalBtnNav.prev .con-arw::after {
  transform: rotate(-45deg) translate(0.94vw, -0.86vw);
}
@media (max-width: 768px) {
  .modalBtnNav.prev .con-arw::after {
    transform: rotate(-45deg) translate(0.94vw, sp(-2));
  }
}
.modalBtnNav.next {
  right: 9vw;
}
@media (max-width: 768px) {
  .modalBtnNav.next {
    right: 1vw;
  }
}
.modalBtnNav.next:hover {
  transform: translateY(-50%) translateX(0.5vw);
}
@media (max-width: 768px) {
  .modalBtnNav.next:hover {
    transform: translateY(-50%);
  }
}
@media (max-width: 768px) {
  .modalBtnNav.next .con-arw {
    transform: translate(0, 0.09vw);
  }
}
.modalBtnNav.next .con-arw::before {
  transform: rotate(45deg) translate(-0.04vw, -1.88vw);
}
@media (max-width: 768px) {
  .modalBtnNav.next .con-arw::before {
    transform: rotate(45deg) translate(0.94vw, -2.81vw);
  }
}
.modalBtnNav.next .con-arw::after {
  transform: rotate(-45deg) translate(0.16vw, 1.64vw);
}
@media (max-width: 768px) {
  .modalBtnNav.next .con-arw::after {
    transform: rotate(-45deg) translate(1.88vw, 1.88vw);
  }
}
.modalBtnNav .con-arw {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.modalBtnNav .con-arw::before, .modalBtnNav .con-arw::after {
  position: absolute;
  top: 50%;
  left: 0.31vw;
  width: 3.44vw;
  height: 0.08vw;
  background: #fff;
  content: "";
}
@media (max-width: 768px) {
  .modalBtnNav .con-arw::before, .modalBtnNav .con-arw::after {
    width: 2.5vw;
    height: 0.63vw;
  }
}

.modal_content {
  display: none;
  position: relative;
  width: 51%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .modal_content {
    width: 90%;
    margin: 7vw auto;
  }
}
.is-active .modal_content {
  display: block;
}

.modal_title {
  position: relative;
  overflow: hidden;
  padding: 2.2vw 0;
  border-radius: 1.17vw 1.17vw 0 0;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  color: #fff;
  font-size: 2.5vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .modal_title {
    padding: 7.4vw 0;
    border-radius: 3.13vw 3.13vw 0 0;
    font-size: 5.94vw;
  }
}
.modal_title .char {
  position: relative;
  z-index: 1;
}
.modal_title .img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.1;
}

.modal01 .img {
  width: 6vw;
}
@media (max-width: 768px) {
  .modal01 .img {
    width: 20vw;
  }
}

.modal02 .img {
  width: 6vw;
}
@media (max-width: 768px) {
  .modal02 .img {
    width: 20vw;
  }
}

.modal03 .img {
  width: 8.5vw;
}
@media (max-width: 768px) {
  .modal03 .img {
    width: 28vw;
  }
}

.modal04 .img {
  width: 8vw;
}
@media (max-width: 768px) {
  .modal04 .img {
    width: 28vw;
  }
}

.modal05 .img {
  width: 8vw;
}
@media (max-width: 768px) {
  .modal05 .img {
    width: 28vw;
  }
}

.modal06 .img {
  width: 8vw;
}
@media (max-width: 768px) {
  .modal06 .img {
    width: 28vw;
  }
}

.modal07 .img {
  width: 7vw;
}
@media (max-width: 768px) {
  .modal07 .img {
    width: 24vw;
  }
}

.modal_txt {
  overflow: hidden;
  padding: 5vw;
  border-radius: 0 0 1.17vw 1.17vw;
  background: #fff;
  text-align: left;
}
@media (max-width: 768px) {
  .modal_txt {
    padding: 8vw 7vw;
    border-radius: 0 0 3.13vw 3.13vw;
  }
}
.modal_txt .purpose {
  margin-bottom: 1.5vw;
}
@media (max-width: 768px) {
  .modal_txt .purpose {
    margin-bottom: 4.5vw;
    text-align: center;
  }
}
.modal_txt .purpose_subj {
  margin-right: 1.5vw;
  padding: 0.5vw 0.8vw 0.45vw 0.98vw;
  border: 0.08vw solid #0c1633;
  font-size: 1.09vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .modal_txt .purpose_subj {
    display: block;
    margin-bottom: 6vw;
    padding: 1.4vw 0 1.2vw;
    font-size: 4.38vw;
    text-align: center;
  }
}
.modal_txt .purpose_title {
  font-size: 1.72vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  vertical-align: -0.15em;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .modal_txt .purpose_title {
    font-size: 5.94vw;
  }
}
.modal_txt .exp {
  margin-bottom: 1.4em;
  font-size: 1.02vw;
  line-height: 1.69;
}
@media (max-width: 768px) {
  .modal_txt .exp {
    margin-bottom: 1em;
    font-size: 3.75vw;
    line-height: 1.75;
  }
}
.modal_txt .exp:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .modal_txt .exp br {
    display: none;
  }
}
.modal_txt .strong {
  margin-bottom: 0.9em;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  -webkit-background-clip: text;
  color: #3f7fc1;
  font-size: 1.56vw;
  line-height: 1.6;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 768px) {
  .modal_txt .strong {
    margin-bottom: 0.7em;
    font-size: 4.69vw;
    line-height: 1.6;
  }
}
@media (max-width: 768px) {
  .modal_txt .strong br {
    display: none;
  }
}

.modal2-3 .modal_txt {
  border-radius: 3.13vw;
}
.modal2-3 .modalBtnNav.prev {
  left: 5vw;
}
.modal2-3 .modalBtnNav.next {
  right: 5vw;
}

.modal2-3_img {
  width: 32%;
  margin: 0 auto;
}

.modal2-3_title {
  margin: 6vw 0 5vw;
  font-size: 5.31vw;
  font-family: "dnp-shuei-gothic-kin-std", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.08em;
}

.modal2-3_exp {
  font-size: 3.44vw;
  line-height: 1.45;
  letter-spacing: 0.06em;
}

.modal2-3_content {
  width: 82.8%;
}

.modal_rent {
  margin-top: 6vw;
  padding: 2vw;
  border-radius: 2.19vw;
  background: linear-gradient(to right, #356ab2, #4d9fd6);
  color: #fff;
  font-size: 3.44vw;
  text-align: center;
  letter-spacing: 0.04em;
}