/*//////////////////////////////////////////////////

purchase style

2022.11.18 mukai

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
/*
@mixin pc_size{
  @media screen and (min-width: $tablet) {
    @content;
  }
}
*/
body {
  font-family: "Hiragino UD Sans F W6 JIS2004"; }

.purchase_main .btn__box .btn {
  background: #E87615;
  border-color: #E87615; }
  .purchase_main .btn__box .btn:after {
    content: "\f061";
    font-family: "Font Awesome 5 Free"; }

.topcont .topcont__wrap {
  display: grid;
  grid-template-columns: 100%; }
.topcont .topcont__wrap-mess {
  position: relative;
  z-index: 1;
  padding: clamp(20px, 5vw, 41.2px) 0 clamp(50px, 13vw, 103px);
  text-align: center;
  background: url("/img/purchase/mv.jpg") bottom/cover no-repeat; }
  .topcont .topcont__wrap-mess:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #A5B8D3;
    opacity: .48; }
  .topcont .topcont__wrap-mess .txt {
    position: relative;
    margin: 0 auto clamp(16px, 4vw, 32.96px);
    width: clamp(146px, 39vw, 300.76px);
    height: clamp(32px, 9vw, 65.92px);
    line-height: clamp(32px, 9vw, 65.92px);
    font-size: clamp(1.5rem, 4vw, 3.09rem);
    color: #2F5E9F;
    background: #fff;
    border-radius: 6px; }
    .topcont .topcont__wrap-mess .txt:before {
      position: absolute;
      top: 100%;
      left: 50%;
      content: '';
      display: block;
      border-style: solid;
      border-color: #fff transparent transparent transparent;
      border-width: clamp(6px, 2vw, 12.36px) 6px 10px;
      transform: translateX(-50%); }
  .topcont .topcont__wrap-mess .ttl img {
    width: clamp(222px, 59vw, 457.32px);
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5)); }
.topcont .topcont__wrap-info {
  position: relative;
  z-index: 1;
  padding: clamp(50px, 13vw, 103px) 4% clamp(20px, 5vw, 41.2px);
  color: #fff;
  background: #0F3972;
  /*
  .btn__box{
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	transform: translateY(-50%);
  	.btn{
  		width: auto_clump_sp(306);
  		border: 3px solid #fff;
  	}
  }
  */ }
.topcont .topcont__wrap-merit {
  text-align: center; }
  .topcont .topcont__wrap-merit .ttl {
    margin-bottom: clamp(20px, 5vw, 41.2px);
    font-size: clamp(18px, 5vw, 37.08px); }
  .topcont .topcont__wrap-merit .merit__box {
    display: grid;
    grid-template-columns: repeat(3, 31%);
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: clamp(20px, 5vw, 41.2px); }
    .topcont .topcont__wrap-merit .merit__box .merit__box-col:first-child .merit__box-cont .icon img {
      height: 60%; }
    .topcont .topcont__wrap-merit .merit__box .subttl {
      margin-bottom: 5px;
      line-height: 1;
      font-size: clamp(1.3rem, 3.5vw, 2.678rem); }
    .topcont .topcont__wrap-merit .merit__box .merit__box-cont {
      position: relative;
      padding-top: 100%;
      background: #fff;
      border-radius: 10px; }
      .topcont .topcont__wrap-merit .merit__box .merit__box-cont .inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .topcont .topcont__wrap-merit .merit__box .merit__box-cont .icon {
        position: relative;
        height: 64%;
        margin: 0; }
        .topcont .topcont__wrap-merit .merit__box .merit__box-cont .icon img {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          height: 80%;
          transform: translate(-50%, -50%); }
      .topcont .topcont__wrap-merit .merit__box .merit__box-cont .txt {
        line-height: 1.2;
        font-size: clamp(1.1rem, 2.9vw, 2.266rem);
        color: #0F3972; }
.topcont .topcont__wrap-service {
  text-align: center; }
  .topcont .topcont__wrap-service .ttl {
    position: relative;
    z-index: 1;
    margin-bottom: clamp(14px, 4vw, 28.84px);
    font-size: clamp(1.4rem, 3.7vw, 2.884rem); }
    .topcont .topcont__wrap-service .ttl:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 1px;
      background: #fff; }
    .topcont .topcont__wrap-service .ttl span {
      display: inline-block;
      padding: 0 20px;
      background: #0F3972; }
  .topcont .topcont__wrap-service .service__box {
    display: grid;
    grid-template-columns: repeat(5, 18%);
    justify-content: space-between; }
    .topcont .topcont__wrap-service .service__box .service__box-col {
      display: flex;
      flex-flow: column nowrap; }
      .topcont .topcont__wrap-service .service__box .service__box-col .icon {
        margin: 0; }
      .topcont .topcont__wrap-service .service__box .service__box-col .txt {
        width: 120%;
        margin-left: -10%;
        font-size: clamp(1.1rem, 2.9vw, 2.266rem);
        white-space: nowrap; }
      .topcont .topcont__wrap-service .service__box .service__box-col:nth-child(even) {
        margin-top: 54%; }
.topcont .topcont__wrap-btn {
  margin-top: 20px; }
  .topcont .topcont__wrap-btn .btn .btn {
    width: clamp(306px, 82vw, 630.36px); }

.fixed_btn {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateY(100%);
  transition: transform .3s; }
  .fixed_btn.on {
    transform: translateY(0); }
  .fixed_btn .btn {
    font-size: clamp(1.8rem, 4.8vw, 3.708rem);
    border-radius: 0; }

.voice .common_inner {
  padding-top: clamp(40px, 11vw, 82.4px); }
.voice .voice__wrap-ttl {
  margin-bottom: clamp(40px, 11vw, 82.4px); }
  .voice .voice__wrap-ttl h2 {
    position: relative;
    line-height: 1;
    font-size: clamp(1.8rem, 4.8vw, 3.708rem);
    color: #0F3972; }
  .voice .voice__wrap-ttl .icon-angle-bottom {
    position: absolute;
    bottom: clamp(-30px, -8vw, -61.8px);
    left: 50%;
    transform: translateX(-50%);
    text-align: center; }
    .voice .voice__wrap-ttl .icon-angle-bottom i {
      content: '';
      display: inline-block;
      border-style: solid;
      border-color: transparent transparent #2F5E9F #2F5E9F;
      border-width: clamp(6px, 2vw, 12.36px);
      border-radius: 2px;
      transform-origin: top;
      transform: translateX(-50%) rotate(-45deg); }
      .voice .voice__wrap-ttl .icon-angle-bottom i:nth-child(2) {
        margin: 0 18px;
        border-color: transparent transparent #0F3972 #0F3972; }
.voice .links {
  margin-bottom: clamp(140px, 37vw, 288.4px); }
.voice .voice__links .voice__links-col {
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-columns: 26% 62%;
  margin-bottom: clamp(30px, 8vw, 61.8px); }
  .voice .voice__links .voice__links-col .icon {
    grid-column: 1/2;
    margin: 0; }
  .voice .voice__links .voice__links-col .txt {
    box-sizing: border-box;
    position: relative;
    grid-column: 2/3;
    height: 80%;
    text-align: center;
    line-height: 1.5;
    font-size: clamp(1.5rem, 4vw, 3.09rem);
    color: #0F3972;
    border: 2px solid #2F5E9F;
    border-radius: 18% / 50%;
    background: #fff; }
    .voice .voice__links .voice__links-col .txt:before, .voice .voice__links .voice__links-col .txt:after {
      position: absolute;
      top: 50%;
      right: 100%;
      content: '';
      display: block;
      width: 16px;
      height: 16px;
      background: #2F5E9F;
      transform-origin: center;
      transform: translate(46%, -42%) rotate(45deg) skew(-18deg, -18deg); }
    .voice .voice__links .voice__links-col .txt:after {
      right: calc(100% - 4px);
      background: #fff; }
    .voice .voice__links .voice__links-col .txt span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      white-space: nowrap; }
  .voice .voice__links .voice__links-col .number {
    grid-column: 1/3;
    text-align: center;
    line-height: 1;
    font-family: "Lato", sans-serif;
    font-size: clamp(1.7rem, 4.5vw, 3.502rem);
    color: #0F3972; }
    .voice .voice__links .voice__links-col .number:after {
      content: '';
      display: inline-block;
      width: 6px;
      height: 6px;
      border-style: solid;
      border-width: 2px;
      border-color: transparent transparent #2F5E9F #2F5E9F;
      transform-origin: center;
      transform: rotate(-45deg) translate(100%, 40%); }
.voice .voice__cont {
  padding-bottom: clamp(36px, 10vw, 74.16px);
  background: #E6EFF6; }
  .voice .voice__cont:not(:last-child) {
    margin-bottom: clamp(120px, 32vw, 247.2px); }
  .voice .voice__cont .case_icon {
    text-align: center;
    margin: clamp(-120px, -32vw, -247.2px) auto 0; }
    .voice .voice__cont .case_icon img {
      width: clamp(120px, 32vw, 247.2px); }
.voice .voice__cont-item {
  display: grid;
  grid-template-columns: 100%; }
  .voice .voice__cont-item .item__img {
    grid-row: 2/3; }
  .voice .voice__cont-item .item__body {
    grid-row: 1/2; }
    .voice .voice__cont-item .item__body .ttl {
      text-align: center;
      color: #0F3972; }
      .voice .voice__cont-item .item__body .ttl h3 {
        font-size: clamp(1.8rem, 4.8vw, 3.708rem); }
      .voice .voice__cont-item .item__body .ttl .number {
        font-size: clamp(1.7rem, 4.5vw, 3.502rem);
        font-family: "Lato", sans-serif; }
    .voice .voice__cont-item .item__body .body {
      margin-bottom: clamp(20px, 5vw, 41.2px);
      font-family: "Hiragino UD Sans F W5 JIS2004";
      font-size: clamp(1.2rem, 3.2vw, 2.472rem); }
.voice .voice__cont-choose {
  margin-top: clamp(60px, 16vw, 123.6px);
  background: #fff; }
  .voice .voice__cont-choose .ttl {
    line-height: 1;
    text-align: center;
    color: #0F3972;
    font-size: clamp(1.8rem, 4.8vw, 3.708rem); }
    .voice .voice__cont-choose .ttl h3 {
      transform: translateY(-50%); }
    .voice .voice__cont-choose .ttl .en {
      margin-bottom: clamp(15px, 4vw, 30.9px);
      font-size: clamp(1.2rem, 3.2vw, 2.472rem);
      font-family: "Lato", sans-serif; }
  .voice .voice__cont-choose .choose__item {
    padding: 0 clamp(28px, 7vw, 57.68px) clamp(10px, 3vw, 20.6px); }
    .voice .voice__cont-choose .choose__item .choose__item-col {
      display: grid;
      justify-content: space-between;
      align-items: center;
      grid-template-columns: 28% 68%;
      margin-bottom: clamp(15px, 4vw, 30.9px); }
      .voice .voice__cont-choose .choose__item .choose__item-col .txt {
        line-height: 1.6;
        font-size: clamp(1.35rem, 3.6vw, 2.781rem); }
        .voice .voice__cont-choose .choose__item .choose__item-col .txt strong {
          color: #E87615; }

.diffelence {
  padding-top: clamp(40px, 11vw, 82.4px);
  margin-bottom: clamp(40px, 11vw, 82.4px); }
  .diffelence .diff__wrap-ttl {
    margin-bottom: clamp(40px, 11vw, 82.4px);
    text-align: center;
    color: #0F3972; }
    .diffelence .diff__wrap-ttl .ttl {
      font-size: clamp(1.8rem, 4.8vw, 3.708rem); }
    .diffelence .diff__wrap-ttl .en {
      font-size: clamp(1.4rem, 3.7vw, 2.884rem); }
  .diffelence .diff__cont .diff__cont-col .ttl {
    text-align: center;
    height: clamp(40px, 11vw, 82.4px);
    line-height: clamp(40px, 11vw, 82.4px);
    font-size: clamp(1.8rem, 4.8vw, 3.708rem);
    color: #fff;
    background: #676767; }
  .diffelence .diff__cont .diff__cont-col .diff__cont-wrap {
    padding: clamp(10px, 3vw, 20.6px) clamp(16px, 4vw, 32.96px) clamp(40px, 11vw, 82.4px);
    background: #fff; }
    .diffelence .diff__cont .diff__cont-col .diff__cont-wrap .diff__cont-img {
      margin-bottom: clamp(28px, 7vw, 57.68px); }
    .diffelence .diff__cont .diff__cont-col .diff__cont-wrap .diff__cont-list {
      position: relative;
      margin-bottom: clamp(25px, 7vw, 51.5px);
      padding-bottom: clamp(25px, 7vw, 51.5px);
      line-height: 1;
      font-size: clamp(1.5rem, 4vw, 3.09rem); }
      .diffelence .diff__cont .diff__cont-col .diff__cont-wrap .diff__cont-list:after {
        position: absolute;
        top: 100%;
        left: 50%;
        content: '';
        display: inline-block;
        border-style: solid;
        border-color: #2F5E9F transparent transparent transparent;
        border-width: clamp(24px, 6vw, 49.44px) clamp(28px, 7vw, 57.68px) 0;
        transform: translate(-50%, -50%); }
      .diffelence .diff__cont .diff__cont-col .diff__cont-wrap .diff__cont-list li {
        margin-bottom: clamp(10px, 3vw, 20.6px); }
      .diffelence .diff__cont .diff__cont-col .diff__cont-wrap .diff__cont-list img {
        margin: -2px 6px 0 0;
        width: clamp(18px, 5vw, 37.08px);
        vertical-align: middle; }
    .diffelence .diff__cont .diff__cont-col .diff__cont-wrap .diff__cont-res {
      text-align: center;
      font-size: clamp(1.54rem, 4.1vw, 3.1724rem); }
  .diffelence .diff__cont .diff__cont-col.kaitori .ttl {
    background: #487CC4; }
  .diffelence .diff__cont .diff__cont-col.kaitori .diff__cont-res {
    font-size: clamp(1.8rem, 4.8vw, 3.708rem);
    color: #E87615; }

.other_merit {
  margin-bottom: clamp(40px, 11vw, 82.4px); }
  .other_merit .other_merit__wrap-ttl {
    color: #0F3972; }
    .other_merit .other_merit__wrap-ttl .ttl {
      font-size: clamp(2rem, 5.3vw, 4.12rem); }
  .other_merit .other_merit__item-col {
    padding: 10px 16px;
    background: #E6EFF6;
    margin-bottom: clamp(20px, 5vw, 41.2px); }
    .other_merit .other_merit__item-col .col__inner {
      display: grid;
      justify-content: space-between;
      align-items: center;
      grid-template-columns: 26% 70%; }
      .other_merit .other_merit__item-col .col__inner .icon {
        margin: 0;
        text-align: center; }
        .other_merit .other_merit__item-col .col__inner .icon img {
          width: 80%; }
      .other_merit .other_merit__item-col .col__inner .body .ttl {
        font-size: clamp(1.5rem, 4vw, 3.09rem); }
      .other_merit .other_merit__item-col .col__inner .body .txt {
        font-family: "Hiragino UD Sans F W5 JIS2004";
        font-size: clamp(1.1rem, 2.9vw, 2.266rem); }
    .other_merit .other_merit__item-col:first-child .icon img {
      width: 50%; }
    .other_merit .other_merit__item-col:nth-child(2) {
      background: #fff; }
  .other_merit .btn__box .btn {
    width: clamp(306px, 82vw, 630.36px); }

.flow .flow__wrap-ttl {
  margin-bottom: clamp(40px, 11vw, 82.4px);
  text-align: center;
  color: #0F3972; }
  .flow .flow__wrap-ttl .ttl {
    font-size: clamp(1.8rem, 4.8vw, 3.708rem); }
  .flow .flow__wrap-ttl .en {
    font-size: clamp(1.4rem, 3.7vw, 2.884rem); }
.flow .flow__wrap {
  width: 78vw;
  margin: 0 auto; }
.flow .flow__step {
  display: grid;
  justify-content: space-between;
  grid-template-columns: 44% 6% 44%;
  grid-row-gap: 1.8vh;
  margin-bottom: clamp(30px, 8vw, 61.8px); }
  .flow .flow__step .flow__step-col {
    box-sizing: border-box;
    position: relative;
    padding-top: calc(100% - 8px);
    text-align: center;
    border-radius: 50%;
    border: 4px solid #333;
    color: #0F3972;
    background: #fff; }
    .flow .flow__step .flow__step-col .inner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-flow: column nowrap; }
    .flow .flow__step .flow__step-col .step {
      position: relative;
      flex: 1 1 42%;
      font-size: clamp(1.6rem, 4.3vw, 3.296rem);
      line-height: 1.2; }
      .flow .flow__step .flow__step-col .step span {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center; }
      .flow .flow__step .flow__step-col .step strong {
        display: block; }
      .flow .flow__step .flow__step-col .step small {
        display: block;
        font-size: clamp(0.8rem, 2.1vw, 1.648rem); }
    .flow .flow__step .flow__step-col .txt {
      position: relative;
      flex: 1 1 58%;
      line-height: 1.5;
      font-size: clamp(1.5rem, 4vw, 3.09rem);
      color: #2F5E9F; }
      .flow .flow__step .flow__step-col .txt span {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-100%);
        width: 100%;
        text-align: center; }
    .flow .flow__step .flow__step-col:nth-child(1), .flow .flow__step .flow__step-col:nth-child(3) {
      border-color: #7FA0CB; }
    .flow .flow__step .flow__step-col:nth-child(5), .flow .flow__step .flow__step-col:nth-child(7), .flow .flow__step .flow__step-col:nth-child(9) {
      border-color: #2F5E9F; }
    .flow .flow__step .flow__step-col:nth-child(7) .txt span, .flow .flow__step .flow__step-col:last-child .txt span {
      transform: translateY(-76%); }
    .flow .flow__step .flow__step-col:last-child {
      border-color: #0F3972; }
      .flow .flow__step .flow__step-col:last-child .txt {
        color: #0F3972; }
  .flow .flow__step .flow__step-angle {
    position: relative; }
    .flow .flow__step .flow__step-angle:after {
      position: absolute;
      top: 50%;
      left: 50%;
      content: '';
      display: block;
      border-style: solid;
      border-width: 12px 0 12px 16px;
      transform: translate(-50%, -75%); }
    .flow .flow__step .flow__step-angle:nth-child(2):after {
      border-color: transparent transparent transparent #D6DFEB; }
    .flow .flow__step .flow__step-angle:nth-child(6):after {
      border-color: transparent transparent transparent #2F5E9F; }
    .flow .flow__step .flow__step-angle:nth-child(10):after {
      border-color: transparent transparent transparent #0F3972; }
.flow .btn__box .btn {
  width: clamp(306px, 82vw, 630.36px); }

@media screen and (min-width: 769px) {
  .btn__box .btn {
    border-width: 4px; }
    .btn__box .btn:hover {
      color: #E87615;
      background: #fff; }

  .topcont {
    margin-bottom: clamp(79.8px, 10vw, 140px); }
    .topcont .topcont__wrap {
      grid-template-columns: 52% 48%; }
    .topcont .topcont__wrap-mess {
      padding: clamp(93.48px, 12vw, 164px) 0 clamp(0px, 0vw, 0px); }
      .topcont .topcont__wrap-mess .txt {
        margin: 0 auto clamp(28.5px, 4vw, 50px);
        width: clamp(159.6px, 20vw, 280px);
        height: clamp(34.2px, 4vw, 60px);
        line-height: clamp(34.2px, 4vw, 60px);
        font-size: clamp(1.425rem, 1.8vw, 2.5rem);
        border-radius: 10px; }
        .topcont .topcont__wrap-mess .txt:before {
          border-width: clamp(5.7px, 1vw, 10px) 6px 0; }
      .topcont .topcont__wrap-mess .ttl img {
        width: clamp(292.98px, 38vw, 514px); }
    .topcont .topcont__wrap-info {
      padding: clamp(45.6px, 6vw, 80px) 4% clamp(17.1px, 2vw, 30px); }
      .topcont .topcont__wrap-info .btn__box {
        display: none; }
    .topcont .merit__inner {
      max-width: 556px;
      margin: 0 auto; }
    .topcont .topcont__wrap-merit .ttl {
      margin-bottom: clamp(22.8px, 3vw, 40px);
      font-size: clamp(18.24px, 2vw, 32px); }
    .topcont .topcont__wrap-merit .merit__box {
      margin-bottom: clamp(22.8px, 3vw, 40px); }
      .topcont .topcont__wrap-merit .merit__box .subttl {
        margin-bottom: 8px;
        font-size: clamp(0.912rem, 1.2vw, 1.6rem); }
      .topcont .topcont__wrap-merit .merit__box .merit__box-cont .icon {
        height: 64%; }
        .topcont .topcont__wrap-merit .merit__box .merit__box-cont .icon img {
          height: 50%; }
      .topcont .topcont__wrap-merit .merit__box .merit__box-cont .txt {
        font-size: clamp(0.912rem, 1.2vw, 1.6rem); }
    .topcont .topcont__wrap-service .ttl {
      margin-bottom: clamp(11.4px, 1vw, 20px);
      font-size: clamp(1.026rem, 1.3vw, 1.8rem); }
      .topcont .topcont__wrap-service .ttl span {
        padding: 0 40px; }
    .topcont .topcont__wrap-service .service__box .service__box-col .txt {
      font-size: clamp(0.798rem, 1vw, 1.4rem); }
    .topcont .topcont__wrap-service .service__box .service__box-col:nth-child(even) {
      margin-top: 54%; }
    .topcont .topcont__wrap-btn {
      grid-column: 1/3;
      position: revert;
      transform: translateY(0);
      transition: transform 0;
      margin-top: clamp(11.4px, 1vw, 20px); }
      .topcont .topcont__wrap-btn .btn {
        width: clamp(359.1px, 46vw, 630px);
        font-size: clamp(1.482rem, 1.9vw, 2.6rem);
        height: clamp(68.4px, 9vw, 120px);
        line-height: clamp(63.84px, 8vw, 112px);
        border-radius: 10% / 50%; }

  .voice .voice__wrap {
    box-sizing: border-box;
    width: 86%;
    max-width: 1180px;
    margin: 0 auto clamp(57px, 7vw, 100px); }
  .voice .common_inner {
    width: 100%;
    max-width: 100%;
    padding-top: 0; }
  .voice .voice__wrap-ttl {
    margin-bottom: clamp(45.6px, 6vw, 80px); }
    .voice .voice__wrap-ttl h2 {
      font-size: clamp(1.938rem, 2.5vw, 3.4rem); }
    .voice .voice__wrap-ttl .icon-angle-bottom {
      display: inline-block;
      position: static;
      margin: 0 5%;
      transform: translateY(-20%); }
      .voice .voice__wrap-ttl .icon-angle-bottom i {
        border-width: clamp(5.7px, 1vw, 10px);
        transform-origin: top;
        transform: translateX(-50%) rotate(-45deg); }
        .voice .voice__wrap-ttl .icon-angle-bottom i:nth-child(2) {
          margin: 0 20px;
          border-color: transparent transparent #0F3972 #0F3972; }
  .voice .links {
    margin-bottom: clamp(114px, 15vw, 200px); }
  .voice .voice__links {
    display: grid;
    grid-template-columns: repeat(3, 26%);
    justify-content: space-around;
    max-width: 900px;
    margin: 0 auto clamp(79.8px, 10vw, 140px); }
    .voice .voice__links .voice__links-col {
      grid-template-columns: 100%;
      margin-bottom: 0; }
      .voice .voice__links .voice__links-col .icon {
        grid-row: 2/3;
        width: clamp(96.9px, 12vw, 170px);
        margin: 0 auto 20px; }
      .voice .voice__links .voice__links-col .txt {
        grid-column: 1/2;
        height: clamp(49.02px, 6vw, 86px);
        line-height: 1.5;
        font-size: clamp(1.026rem, 1.3vw, 1.8rem);
        border-radius: 18% / 50%;
        margin-bottom: clamp(22.8px, 3vw, 40px); }
        .voice .voice__links .voice__links-col .txt:before, .voice .voice__links .voice__links-col .txt:after {
          z-index: 1;
          top: 100%;
          right: 50%;
          width: 16px;
          height: 16px;
          transform: translate(46%, -42%) rotate(-45deg) skew(-18deg, -18deg); }
        .voice .voice__links .voice__links-col .txt:after {
          top: calc(100% - 4px);
          right: 50%;
          background: #fff; }
        .voice .voice__links .voice__links-col .txt span {
          position: absolute;
          z-index: 2; }
      .voice .voice__links .voice__links-col .number {
        position: relative;
        font-size: clamp(1.368rem, 1.8vw, 2.4rem); }
        .voice .voice__links .voice__links-col .number:after {
          position: absolute;
          top: 100%;
          left: 50%;
          width: 6px;
          height: 6px;
          border-width: 2px;
          border-color: transparent transparent #2F5E9F #2F5E9F;
          transform-origin: center;
          transform: rotate(-45deg) translate(-50%, -30%); }
  .voice .voice__cont {
    position: relative;
    padding-bottom: 0; }
    .voice .voice__cont:first-child {
      padding-bottom: clamp(20.52px, 3vw, 36px); }
    .voice .voice__cont:not(:last-child) {
      margin-bottom: clamp(85.5px, 11vw, 150px); }
    .voice .voice__cont .common_inner {
      display: contents; }
    .voice .voice__cont .case_icon {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -60%);
      margin: 0 auto; }
      .voice .voice__cont .case_icon img {
        width: clamp(96.9px, 12vw, 170px); }
    .voice .voice__cont:nth-child(2) .voice__cont-item {
      grid-template-columns: 56% 40%; }
      .voice .voice__cont:nth-child(2) .voice__cont-item .item__img {
        grid-column: 2/3; }
      .voice .voice__cont:nth-child(2) .voice__cont-item .item__body {
        grid-column: 1/2;
        padding-left: 10%; }
  .voice .voice__cont-item {
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 40% 56%; }
    .voice .voice__cont-item .item__img {
      grid-row: 1/2; }
    .voice .voice__cont-item .item__body {
      grid-row: 1/2; }
      .voice .voice__cont-item .item__body .ttl {
        text-align: left; }
        .voice .voice__cont-item .item__body .ttl h3 {
          text-align: left;
          font-size: clamp(1.596rem, 2vw, 2.8rem); }
        .voice .voice__cont-item .item__body .ttl .number {
          font-size: clamp(1.026rem, 1.3vw, 1.8rem); }
      .voice .voice__cont-item .item__body .body {
        margin-bottom: 0;
        font-size: clamp(0.912rem, 1.2vw, 1.6rem); }
  .voice .voice__cont-choose {
    margin: clamp(34.2px, 4vw, 60px) clamp(41.61px, 5vw, 73px) 0; }
    .voice .voice__cont-choose .ttl h3 {
      font-size: clamp(2.052rem, 2.6vw, 3.6rem); }
    .voice .voice__cont-choose .ttl .en {
      margin-bottom: clamp(14.82px, 2vw, 26px);
      font-size: clamp(0.912rem, 1.2vw, 1.6rem); }
    .voice .voice__cont-choose .choose__item {
      display: grid;
      justify-content: space-around;
      align-items: center;
      grid-template-columns: repeat(3, 26%);
      padding: 0 0 clamp(27.36px, 4vw, 48px); }
      .voice .voice__cont-choose .choose__item .choose__item-col {
        grid-template-columns: 100%;
        margin-bottom: 0;
        text-align: center; }
        .voice .voice__cont-choose .choose__item .choose__item-col .icon {
          margin-bottom: clamp(13.68px, 2vw, 24px); }
          .voice .voice__cont-choose .choose__item .choose__item-col .icon img {
            max-width: clamp(74.1px, 10vw, 130px); }
        .voice .voice__cont-choose .choose__item .choose__item-col .txt {
          line-height: 1.6;
          font-size: clamp(1.026rem, 1.3vw, 1.8rem); }

  .diffelence {
    margin-bottom: clamp(57px, 7vw, 100px);
    padding: clamp(45.6px, 6vw, 80px) 0;
    background: #E6EFF6; }
    .diffelence .diff__wrap-ttl {
      margin-bottom: clamp(34.2px, 4vw, 60px); }
      .diffelence .diff__wrap-ttl .ttl {
        font-size: clamp(2.052rem, 2.6vw, 3.6rem); }
      .diffelence .diff__wrap-ttl .en {
        font-size: clamp(0.912rem, 1.2vw, 1.6rem); }
    .diffelence .diff__cont {
      display: grid;
      justify-content: space-between;
      align-items: center;
      grid-template-columns: repeat(2, 47.5%); }
      .diffelence .diff__cont .diff__cont-col {
        height: 100%; }
        .diffelence .diff__cont .diff__cont-col .ttl {
          height: clamp(41.04px, 5vw, 72px);
          line-height: clamp(41.04px, 5vw, 72px);
          font-size: clamp(1.596rem, 2vw, 2.8rem); }
        .diffelence .diff__cont .diff__cont-col .diff__cont-wrap {
          padding: clamp(28.5px, 4vw, 50px) clamp(11.4px, 1vw, 20px) clamp(17.1px, 2vw, 30px); }
          .diffelence .diff__cont .diff__cont-col .diff__cont-wrap .diff__cont-img {
            margin-bottom: clamp(20.52px, 3vw, 36px); }
          .diffelence .diff__cont .diff__cont-col .diff__cont-wrap .diff__cont-list {
            margin-bottom: clamp(22.8px, 3vw, 40px);
            margin-left: 10%;
            padding-bottom: clamp(22.8px, 3vw, 40px);
            font-size: clamp(1.026rem, 1.3vw, 1.8rem); }
            .diffelence .diff__cont .diff__cont-col .diff__cont-wrap .diff__cont-list:after {
              left: 45%;
              border-width: clamp(17.1px, 2vw, 30px) clamp(19.38px, 2vw, 34px) 0; }
            .diffelence .diff__cont .diff__cont-col .diff__cont-wrap .diff__cont-list li {
              margin-bottom: clamp(10.26px, 1vw, 18px); }
            .diffelence .diff__cont .diff__cont-col .diff__cont-wrap .diff__cont-list img {
              width: clamp(13.68px, 2vw, 24px); }
          .diffelence .diff__cont .diff__cont-col .diff__cont-wrap .diff__cont-res {
            font-size: clamp(1.254rem, 1.6vw, 2.2rem); }
        .diffelence .diff__cont .diff__cont-col.kaitori .diff__cont-res {
          font-size: clamp(1.254rem, 1.6vw, 2.2rem); }

  .other_merit {
    margin-bottom: clamp(68.4px, 9vw, 120px); }
    .other_merit .other_merit__wrap-ttl {
      margin-bottom: clamp(28.5px, 4vw, 50px); }
      .other_merit .other_merit__wrap-ttl .ttl {
        font-size: clamp(2.052rem, 2.6vw, 3.6rem); }
    .other_merit .other_merit__item {
      display: grid;
      justify-content: space-between;
      align-items: center;
      grid-template-columns: repeat(3, 32%);
      margin-bottom: clamp(34.2px, 4vw, 60px); }
    .other_merit .other_merit__item-col {
      box-sizing: border-box;
      height: 100%;
      padding: clamp(28.5px, 4vw, 50px) clamp(17.1px, 2vw, 30px) clamp(17.1px, 2vw, 30px);
      margin-bottom: 0; }
      .other_merit .other_merit__item-col .col__inner {
        height: 100%;
        grid-template-rows: 26fr 40fr 34fr;
        grid-template-columns: 100%; }
        .other_merit .other_merit__item-col .col__inner .icon {
          grid-row: 2/3; }
        .other_merit .other_merit__item-col .col__inner .body {
          display: contents; }
          .other_merit .other_merit__item-col .col__inner .body .ttl {
            position: relative;
            grid-row: 1/2;
            text-align: center;
            font-size: clamp(1.368rem, 1.8vw, 2.4rem);
            line-height: 1.4; }
          .other_merit .other_merit__item-col .col__inner .body .txt {
            grid-row: 3/4;
            font-size: clamp(0.855rem, 1.1vw, 1.5rem); }
      .other_merit .other_merit__item-col:first-child .icon img {
        width: 32%; }
      .other_merit .other_merit__item-col:nth-child(2) .icon img {
        width: 42%; }
      .other_merit .other_merit__item-col:nth-child(3) .icon img {
        width: 50%; }
    .other_merit .btn__box .btn {
      width: clamp(228px, 29vw, 400px);
      height: clamp(43.32px, 6vw, 76px);
      line-height: clamp(38.76px, 5vw, 68px);
      font-size: clamp(0.912rem, 1.2vw, 1.6rem); }

  .flow > .common_inner {
    display: contents; }
  .flow .flow__wrap {
    width: 52%;
    max-width: 700px;
    margin: 0 auto; }
  .flow .flow__wrap-ttl {
    margin-bottom: clamp(28.5px, 4vw, 50px);
    text-align: center; }
    .flow .flow__wrap-ttl .ttl {
      font-size: clamp(2.052rem, 2.6vw, 3.6rem); }
    .flow .flow__wrap-ttl .en {
      font-size: clamp(0.912rem, 1.2vw, 1.6rem); }
  .flow .flow__step {
    grid-template-columns: 28% 8% 28% 8% 28%;
    margin-bottom: clamp(57px, 7vw, 100px); }
    .flow .flow__step .flow__step-col {
      padding-top: calc(100% - 8px); }
      .flow .flow__step .flow__step-col .step {
        position: relative;
        font-size: clamp(1.425rem, 1.8vw, 2.5rem);
        line-height: 1.2; }
        .flow .flow__step .flow__step-col .step small {
          font-size: clamp(0.684rem, 0.9vw, 1.2rem); }
      .flow .flow__step .flow__step-col .txt {
        font-size: clamp(1.083rem, 1.4vw, 1.9rem); }
        .flow .flow__step .flow__step-col .txt span {
          transform: translateY(-120%); }
      .flow .flow__step .flow__step-col:nth-child(1), .flow .flow__step .flow__step-col:nth-child(3) {
        border-color: #7FA0CB; }
      .flow .flow__step .flow__step-col:nth-child(5), .flow .flow__step .flow__step-col:nth-child(7), .flow .flow__step .flow__step-col:nth-child(9) {
        border-color: #2F5E9F; }
      .flow .flow__step .flow__step-col:nth-child(7) .txt span {
        transform: translateY(-76%); }
      .flow .flow__step .flow__step-col:last-child {
        border-color: #0F3972; }
    .flow .flow__step .flow__step-angle {
      position: relative; }
      .flow .flow__step .flow__step-angle:after {
        position: absolute;
        top: 50%;
        left: 50%;
        content: '';
        display: block;
        border-style: solid;
        border-width: 12px 0 12px 16px;
        transform: translate(-50%, -75%); }
      .flow .flow__step .flow__step-angle:nth-child(2):after {
        border-color: transparent transparent transparent #D6DFEB; }
      .flow .flow__step .flow__step-angle:nth-child(4):after {
        border-color: transparent transparent transparent #7FA0CB; }
      .flow .flow__step .flow__step-angle:nth-child(8):after {
        border-color: transparent transparent transparent #2F5E9F; }
      .flow .flow__step .flow__step-angle:nth-child(10):after {
        border-color: transparent transparent transparent #0F3972; }
  .flow .btn__box .btn {
    width: clamp(359.1px, 46vw, 630px);
    height: clamp(68.4px, 9vw, 120px);
    line-height: clamp(63.84px, 8vw, 112px);
    font-size: clamp(1.368rem, 1.8vw, 2.4rem);
    border-radius: 10% / 50%; } }
@media screen and (min-width: 1024px) {
  .common_inner {
    padding: 0 4%; }

  .btn__box .btn {
    max-width: 100%; } }

/*# sourceMappingURL=style.css.map */