@charset "UTF-8";
body, *, :before, :after {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/* common */
body {
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}
a:visited, a:hover {
  color: inherit;
  text-decoration: none;
}

.el_font_roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

/* inquiries */
@media (min-width: 769px) {
  .bl_other_ttl {
    font-size: clamp(3.125rem, 8vw, 5.5rem);
    text-align: center;
    color: #030303;
    font-weight: bold;
    padding-top: clamp(2.5rem, 6vw, 5rem);
  }
  .bl_other_ttl span {
    display: block;
    font-weight: bold;
    font-size: clamp(1rem, 1.6vw, 1.25rem);
    margin-top: clamp(0rem, 1vw, 0.625rem);
  }
  .bl_cost_free_other_wrapper {
    width: clamp(50rem, 97.5vw, 87.5rem);
    margin: clamp(2.5rem, 6vw, 3.75rem) auto 0;
    padding-bottom: clamp(3.125rem, 8vw, 5rem);
    gap: clamp(0.5rem, 1.3vw, 0.625rem);
  }
  .bl_cost_free_other_wrapper .bl_other_sub_parent_ttl span:nth-of-type(2) {
    margin-top: clamp(8px, 2vw, 15px);
    display: inline-block;
    font-weight: 700;
  }
  .bl_cost_free_other_wrapper .bl_other_link {
    width: clamp(31.25rem, 64vw, 43.125rem);
    height: clamp(300px, 40vw, 425px);
    padding: clamp(3.75rem, 10vw, 6.875rem) 0;
    position: relative;
    cursor: pointer;
    text-align: center;
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_cost_free_other .bl_cost_free_other_btn:hover {
    background: #0076CC;
    border: 1px solid #0076CC;
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_taishin_other .bl_cost_free_other_btn:hover {
    background: #C4AE4C;
    border: 1px solid #C4AE4C;
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_dannetsu_other .bl_cost_free_other_btn:hover {
    background: #00BBA2;
    border: 1px solid #00BBA2;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_subtxt,
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_subttl {
    position: relative;
    display: inline-block;
    overflow: hidden;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_subtxt::after,
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_subttl::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 3px;
    background-color: currentColor;
    transition: width 0.35s ease;
  }
  .bl_cost_free_other_wrapper .bl_other_link:hover .bl_other_subtxt::after,
  .bl_cost_free_other_wrapper .bl_other_link:hover .bl_other_subttl::after {
    width: 100%;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_subttl {
    color: #fff;
    font-size: clamp(2.1875rem, 5.7vw, 3.6875rem);
    text-align: center;
    font-weight: 900;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_subtxt {
    font-size: clamp(1.125rem, 3vw, 1.875rem);
    color: #fff;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_cost_free_other_btn {
    width: clamp(11.25rem, 20vw, 15rem);
    text-align: center;
    margin: clamp(2.5rem, 6vw, 4.375rem) auto 0;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: clamp(1rem, 2.3vw, 1.5625rem);
    padding: clamp(0.375rem, 1.7vw, 1.0625rem) 0;
    position: relative;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_cost_free_other_btn::before {
    content: "→";
    position: absolute;
    color: #fff;
    right: clamp(0.5rem, 1.5vw, 0.9375rem);
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_cost_free_other {
    background: url(../images/new_top/feature1.webp);
    background-size: cover;
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_dannetsu_other {
    background: url(../images/new_top/feature2.webp);
    background-size: cover;
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_dannetsu_other .bl_cost_free_other_btn {
    margin-top: clamp(4.0625rem, 8.6vw, 6.0625rem);
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_taishin_other {
    background: url(../images/new_top/feature3.webp);
    background-size: cover;
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_taishin_other .bl_cost_free_other_btn {
    margin-top: clamp(4.0625rem, 8.6vw, 6.0625rem);
  }
}
@media (max-width: 768px) {
  .hp_sp_flexNone {
    display: block !important;
  }
  .bl_other_ttl {
    text-align: center;
    font-size: 11.5662650602vw;
    font-weight: bold;
    text-align: center;
    color: #030303;
    padding-top: 21.686746988vw;
  }
  .bl_other_ttl span {
    font-size: 4.3373493976vw;
    display: block;
    text-align: center;
  }
  .bl_cost_free_other_wrapper {
    margin: 7.2289156627vw 0;
  }
  .bl_cost_free_other_wrapper .bl_other_link {
    height: 38.5542168675vw;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_sub_parent_ttl {
    text-align: center;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_subttl {
    font-size: 7.7108433735vw;
    color: #fff;
    text-align: center;
    font-weight: 900;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_subttl span {
    font-weight: 700;
    font-size: 4.8192771084vw;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_subtxt {
    font-size: 4.3373493976vw;
    color: #fff;
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_cost_free_other {
    background: url(../images/new_top/sp/feature1_sp.webp);
    background-size: cover;
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_cost_free_other .bl_other_sub_parent_ttl {
    text-align: center;
    padding-top: 9.6385542169vw;
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_cost_free_other .bl_cost_free_other_btn {
    margin-top: 7.2289156627vw;
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_dannetsu_other {
    background: url(../images/new_top/sp/feature2_sp.webp);
    padding: 6.0240963855vw 0 3.6144578313vw;
    background-size: cover;
    text-align: center;
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_dannetsu_other .bl_cost_free_other_btn {
    margin-top: 6.0240963855vw;
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_taishin_other {
    background: url(../images/new_top/sp/feature3_sp.webp);
    background-size: cover;
    padding: 6.0240963855vw 0 3.6144578313vw;
  }
  .bl_cost_free_other_wrapper .bl_other_link.el_sp_mb20 {
    margin-bottom: 2.4096385542vw;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_cost_free_other_btn {
    color: #fff;
    text-align: right;
    text-decoration: underline;
    margin: 3.6144578313vw 9.6385542169vw 0 0;
    font-size: 3.3734939759vw;
    position: relative;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_cost_free_other_btn::after {
    position: absolute;
    content: "→";
    font-size: 3.1325301205vw;
    right: -6.0240963855vw;
    color: #fff;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_subtxt,
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_subttl {
    position: relative;
    display: inline-block;
    overflow: hidden;
  }
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_subtxt::after,
  .bl_cost_free_other_wrapper .bl_other_link .bl_other_subttl::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 3px;
    background-color: currentColor;
    transition: width 0.5s ease;
  }
  .bl_cost_free_other_wrapper .bl_other_link .is-active .bl_other_subtxt::after,
  .bl_cost_free_other_wrapper .bl_other_link .is-active .bl_other_subttl::after {
    width: 100%;
  }
}