@charset "UTF-8";
/* ============================================================ */
/* reset */
/* ============================================================ */
* {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
}

body {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  position: relative;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-smoothing: antialiased;
  width: 100%;
  height: 100%;
}

article,
aside,
dialog,
figure,
header,
main,
menu,
nav,
section {
  display: block;
}

footer { 
  display: none;
}

audio,
canvas,
video {
  display: inline-block;
}

hr {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

input,
select {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

img {
  -webkit-backface-visibility: hidden;
  vertical-align: bottom;
}

/* ============================================================ */
/* base */
/* ============================================================ */
@font-face {
  font-family: "TBUDゴシック R", "TBUDGothic R";
  src: url('/font/TBUDGoStd-Regular.otf');
}

@font-face {
  font-family: "TBUDゴシック B", "TBUDGothic B";
  src: url('/font/TBUDGoStd-Bold.otf');
}


body {
  color: #444444;
  font-family: "TBUDゴシック R", "TBUDGothic R";
}

p {
  line-height: 140%;
}

img {
  max-width: 100%;
}

th {
  font-family: "TBUDゴシック B", "TBUDGothic B", sans-serif;font-weight: 600;font-style: normal;display: block;
}

.bold {
  font-family: "TBUDゴシック B", "TBUDGothic B";
}

.pc-block {
  display: none;
}

.sp-block {
  display: block;
}

@media screen and (min-width: 767px) {
  .pc-block {
    display: block;
  }
  .sp-block {
    display: none;
  }
}
.load-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28em;
}
.loader {
  margin: 4em auto;  font-size: 25px;  width: 1em;  height: 1em;  border-radius: 50%;  position: relative;
  -webkit-animation: load5 1.1s infinite ease; animation: load5 1.1s infinite ease; -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2), 2.5em 0em 0 0em rgba(19, 163, 125, 0.2), 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.2), 0em 2.5em 0 0em rgba(19, 163, 125, 0.2), -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.2), -2.6em 0em 0 0em rgba(19, 163, 125, 0.5), -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(19, 163, 125, 0.2), 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.2), 0em 2.5em 0 0em rgba(19, 163, 125, 0.2), -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.2), -2.6em 0em 0 0em rgba(19, 163, 125, 0.2), -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.5), 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.2), 0em 2.5em 0 0em rgba(19, 163, 125, 0.2), -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.2), -2.6em 0em 0 0em rgba(19, 163, 125, 0.2), -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.2), 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.5), 2.5em 0em 0 0em rgba(19, 163, 125, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(19, 163, 125, 0.2), -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.2), -2.6em 0em 0 0em rgba(19, 163, 125, 0.2), -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.2), 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2), 2.5em 0em 0 0em rgba(19, 163, 125, 0.5), 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.2), -2.6em 0em 0 0em rgba(19, 163, 125, 0.2), -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.2), 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2), 2.5em 0em 0 0em rgba(19, 163, 125, 0.2), 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.5), 0em 2.5em 0 0em rgba(19, 163, 125, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(19, 163, 125, 0.2), -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.2), 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2), 2.5em 0em 0 0em rgba(19, 163, 125, 0.2), 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.2), 0em 2.5em 0 0em rgba(19, 163, 125, 0.5), -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.2), 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2), 2.5em 0em 0 0em rgba(19, 163, 125, 0.2), 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.2), 0em 2.5em 0 0em rgba(19, 163, 125, 0.2), -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.5), -2.6em 0em 0 0em rgba(19, 163, 125, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2), 2.5em 0em 0 0em rgba(19, 163, 125, 0.2), 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.2), 0em 2.5em 0 0em rgba(19, 163, 125, 0.2), -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.2), -2.6em 0em 0 0em rgba(19, 163, 125, 0.5), -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(19, 163, 125, 0.2), 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.2), 0em 2.5em 0 0em rgba(19, 163, 125, 0.2), -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.2), -2.6em 0em 0 0em rgba(19, 163, 125, 0.2), -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.5), 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.2), 0em 2.5em 0 0em rgba(19, 163, 125, 0.2), -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.2), -2.6em 0em 0 0em rgba(19, 163, 125, 0.2), -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.2), 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.5), 2.5em 0em 0 0em rgba(19, 163, 125, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(19, 163, 125, 0.2), -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.2), -2.6em 0em 0 0em rgba(19, 163, 125, 0.2), -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.2), 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2), 2.5em 0em 0 0em rgba(19, 163, 125, 0.5), 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.2), -2.6em 0em 0 0em rgba(19, 163, 125, 0.2), -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.2), 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2), 2.5em 0em 0 0em rgba(19, 163, 125, 0.2), 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.5), 0em 2.5em 0 0em rgba(19, 163, 125, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(19, 163, 125, 0.2), -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.2), 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2), 2.5em 0em 0 0em rgba(19, 163, 125, 0.2), 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.2), 0em 2.5em 0 0em rgba(19, 163, 125, 0.5), -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(19, 163, 125, 0.2), 1.8em -1.8em 0 0em rgba(19, 163, 125, 0.2), 2.5em 0em 0 0em rgba(19, 163, 125, 0.2), 1.75em 1.75em 0 0em rgba(19, 163, 125, 0.2), 0em 2.5em 0 0em rgba(19, 163, 125, 0.2), -1.8em 1.8em 0 0em rgba(19, 163, 125, 0.5), -2.6em 0em 0 0em rgba(19, 163, 125, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
.loader::after {
  content: "Loading..."; color: #13A37D; font-family: "TBUDゴシック B", "TBUDGothic B", sans-serif; font-weight: 600;font-style: normal;font-size: 0.6em;
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap;
}
    
/* -------------------------- */
    
/* common */
header{position: relative;display: flex;margin: 0 auto;padding:0 20px;border-bottom: 1px solid #D2D2D2;width: 100%}
@media screen and (min-width: 767px) {
header{height: 100px;}
header .inner {-webkit-box-flex: 0;flex: 0 0 13%;-ms-grid-row-align: center;align-self: center;padding:25px 0;}
}
@media screen and (max-width: 767.499px){
header .inner {position: relative;z-index: 15;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;height: 60px;padding: 0 15px;background: #fff;}
header .header-logo {-webkit-box-flex: 0;flex: 0 0 110px;margin-right: auto;}
}

/* position */
.center{text-align: center}

/* font */
.orange-font{color: #E7380D}
.red-font{color:#FC0F3A}

/* margin */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb50{margin-bottom:50px}
.mb100{margin-bottom: 100px}

/* padding */
.pt15{padding-top: 15px}
.pt30{padding-top:30px}

/* footer */
footer{background: #F3F3F3;text-align: center;padding:30px 25px}

/* container */
.hidden-container { display: none; }

/* index */
#index{text-align: center;position: relative}
.start{background: #13A37D;font-family: "TBUDゴシック B", "TBUDGothic B", sans-serif;font-weight: 600;font-style: normal;font-size: 32px;border-radius: 50vh;position: absolute;bottom:6%;left: 50%;transform: translateX(-50%);box-shadow: 0 6px #007859;transition: 0.3s all;
  z-index:1;-webkit-border-radius: 50vh; -webkit-transform: translateX(-50%); -webkit-box-shadow: 0 6px #007859; -webkit-transition: 0.3s all;}
.start:after {content: '';position: absolute;right: 40px;top: 50%;width: 10px;height: 10px;border-top: 3px solid #fff;border-right: 3px solid #fff;transform: translate(0, -50%) rotate(45deg);}
.start a{color: #fff;width: 100%;display: inline-block;}
.start:hover{box-shadow:none}

@media screen and (min-width: 1100px) {.start{bottom:44% !important;left: 33% !important;width:27vw !important;padding:30px 0 !important;}}
@media screen and (min-width: 767px) {
#index{margin:50px 4.167vw 100px;}
#index img{width: 100%}
.start{width:40vw !important;font-size: 26px;padding:2% 0;bottom: 43%;left: 34%;}}
@media screen and (max-width: 767.499px){
.start{width:60vw;padding:2% 0;bottom:10%;font-size: 2em}
#index{margin:5% 0 15%;}
#index img{width: 100%}
}
@media screen and (max-width: 500px){
.start{font-size: 1.1em}
.start:after {right: 20px;width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: translate(0, -50%) rotate(45deg);}
}

/* nav */
.nav-wrapper{width: 700px;margin:50px auto 0;}
.nav-list{display: flex;justify-content: space-around;}
.nav-list p{width: calc((100% - 4px) / 5);background:#CBEBE2;text-align: center;padding:10px 0;border-radius: 10px 10px 0 0;color:#818181}
.nav-list p a{display: inline-block;width: 100%;color: #fff}
.on-list{background: #13A37D !important;padding:20px 0;align-items: center}
.nav-list p:not(p.on-list, p.link-list){margin-top: 11px;}
p.on-list ,p.link-list{display: flex;align-items: center;}
p.on-list:hover, p.link-list:hover{opacity: .8}
.link-list{background: #13A37D !important;}
.link-list a{color: #fff}

/* step */
.wrapper{border-radius: 20px;border: 20px solid #F6F6F4}
.step-txt{color: #13A37D;text-align: center;font-size: 2em;padding:10px 0 20px;font-family: "TBUDゴシック B", "TBUDGothic B", sans-serif;font-weight: 600;}
.step{width: 100px;margin:0 auto}
.input-label{font-family: "TBUDゴシック B", "TBUDGothic B", sans-serif;font-weight: 600;font-style: normal;display: block;padding-bottom: 10px;margin-top: 30px}
.error-label{font-size:.8em;margin-left:2px;margin-top: 2px!important}
/* step4 */
.unit-input{min-width:3.5em; padding-left:0.5em}
.unit-with{display:flex;justify-content:flex-start;align-items:baseline}

@media screen and (min-width: 767px){
.wrapper{width: 740px;margin:0 auto 100px;padding:30px 20px;}
.choice-wrap{width: 75%;margin:0 auto}
}
@media screen and (max-width: 767.499px){
.wrapper{padding:15px;margin:0 0 80px;}
.nav-wrapper{width:calc(100% - 40px);margin:15px auto 0;}
.step-txt{font-size: 1.6em}
}

/* select */
select{appearance: none;}
.select-box {position:relative;}
.select-box::before {
  content:"\f078";
  font: var(--fa-font-solid);
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;color:var(--sub-color);width:0;z-index:0;position:absolute;top:50%;right:30px;transform:translateY(-50%);pointer-events: none;}
.select-box__item {width: 100%;padding: 10px;-webkit-appearance: none;appearance: none; width: 100%;border: 3px solid #D2D2D2;border-radius: 8px;padding: 17px 25px;}
.select-box__item::-ms-expand{display: none;}

/* input */
input{appearance: none;}
.input-box {position:relative;}
.input-box__item {width: 100%;padding: 10px;-webkit-appearance: none;appearance: none; width: 100%;border: 3px solid #D2D2D2;border-radius: 8px;padding: 17px 25px;}
.input-box__item::-ms-expand{display: none;}
.spin_erase::-webkit-inner-spin-button,.spin_erase::-webkit-outer-spin-button {-webkit-appearance: none!important;margin: 0!important;-moz-appearance:textfield!important;}

/* circle5 */
.circle5{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 20px;text-align: center;}
.circle5 li, .circle2 li{border: 3px solid #D2D2D2;border-radius: 50%;padding-top: 100%;height: 0;position: relative;}
.circle5 li p{position: absolute;top: calc((100% - 1em)/2);left: 0;right: 0;margin: 0;text-align: center;}
.circle5 li:hover, .circle2 li:hover{border: 3px solid #E7380D}
@media screen and (max-width: 767.499px){
.circle5{display: flex;flex-wrap: wrap;justify-content: center;gap:2%}
.circle5 li{width: calc(96% / 3);object-fit: cover;padding-top: 32%;}
}

/* circle2 */
.circle2{width: 60%;margin:0 auto;text-align: center;display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
.circle2 li p{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.circle2 li p img{padding-bottom:10px;}
@media screen and (max-width: 700px){.circle2{width: 80%;}}
@media screen and (max-width: 540px){
.circle2{width: 100%;}
.circle2 li p{font-size: .8em}
}

/* 戻るボタン */
.btn-block {display: flex;justify-content: center;margin: 0 -10px;}
.return-btn {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 100%;max-width: 180px;min-height: 65px;margin:30px 10px 0;padding: 17px 25px;background: #fff;border: 1px solid #d2d2d2;color: #404544;font-size: 1.6rem;text-align: center;text-decoration: none;line-height: 1.5;cursor: pointer;transition: 0.3s all;border-radius: 8px;}
.return-btn .fa-angle-left {left: 15px;}
.return-btn .fa-angle-left {position: absolute;top: 50%;transform: translate(0, -50%);
}

/* 次へボタン */
.next-btn {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 100%;max-width: 400px;min-height: 65px;margin:30px 10px 0;padding: 17px 25px;background: #fff;border: 1px solid #d2d2d2;color: #404544;font-size: 1.6rem;text-align: center;text-decoration: none;line-height: 1.5;cursor: pointer;transition: 0.3s all;border-radius: 8px;min-width: 55%;}
.next-btn .fa-angle-right, .next-btn2 .fa-angle-right{right: 15px;}
.next-btn .fa-angle-right, .next-btn2 .fa-angle-right {position: absolute;top: 50%;transform: translate(0, -50%);
}

.next-btn2 {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 100%;max-width: 400px;min-height: 65px;margin:30px 10px 0;padding: 17px 25px;background: #E7380D;color: #404544;font-size: 1.6rem;text-align: center;text-decoration: none;line-height: 1.5;cursor: pointer;transition: 0.3s all;border-radius: 8px;min-width: 55%;color: #fff}

.return-btn:hover, .next-btn:hover{background: #E7380D;color: #fff}
.return-btn:hover .red-font, .next-btn:hover .red-font, .next-btn2 .fa-angle-right{color: #fff}
.next-btn2:hover {background: #fff;border: 1px solid #d2d2d2;color: #404544;}
.next-btn2:hover .fa-angle-right{color: #E7380D}

/* 結果 */
.center-img{margin: 0 auto;}
.completion{background: #FEF5E4;border-radius: 20px;}
@media screen and (min-width: 767px){
.wrapper2{width: 800px;margin:50px auto 100px;}
.completion{padding:10px 60px 40px}
.completion-txt{text-align: center;margin-top:17px}
}
@media screen and (max-width: 767.499px){
.wrapper2{margin:30px 15px} 
.completion{padding:15px 25px}
.completion-txt{text-align:left;margin-top:15px}
}

/* table header */
.table-header{
  font-family: "TBUDゴシック B", "TBUDGothic B", sans-serif;font-weight: 600;font-style: normal;display: block;
}

/* bubble */
.bubble {
position: relative;display: inline-block;background: #2E5595;color: #fff;text-align: center;font-size: 1.6em;padding:15px 35px;width: fit-content;border-radius: 50vh;box-sizing: border-box;margin-top:25px;left: 50%;transform: translateX(-50%);}
.bubble:before {content: "";position: absolute;bottom: -24px;left: 50%;margin-left: -15px;border: 12px solid transparent;border-top: 12px solid #2E5595;z-index: 2;}
.bubble p {margin: 0;padding: 0;}
@media screen and (max-width: 767.499px){
  .bubble{font-size: 1.1em;}
}

/* price */
.price{border: solid 40px #F6F6F4;outline: solid 3px #F45A7E;outline-offset: 3px;margin:30px 0;background: #fff;border-radius: 20px;padding:20px;text-align: center}
.price p{font-size: 24px}
.price-txt{font-size: 3em;padding:0 10px}
.price-yen, .year-txt{font-size: 1.5em}
.flex{display: flex;justify-content: center;align-items:center;font-size: 1.6em;margin-bottom:10px}
.dotted{background-image : linear-gradient(to right, #D2D2D2 4px, transparent 4px); background-size: 10px 1px; background-repeat: repeat-x; background-position: left bottom;padding-bottom:10px;margin-bottom:20px;}
.yellow-pen > span{background:linear-gradient(transparent 60%, #FFF686 60%);font-size: 1.1em}
.percent{font-size: 2em}
@media screen and (max-width: 767.499px){
    .price{border: solid 15px #F6F6F4;}
    .flex{font-size: 1.3em}
    .price-txt{font-size:6.5vw;} 
    .price-yen, .year-txt{font-size: 1.1em;}
    .price p {
    font-size: 4vw;}
}


.bg-gray{background: #F6F6F4;padding:60px 0;}
h3 {position: relative;padding: 0 65px;text-align: center;font-size: 1.9em;font-family: "TBUDゴシック B", "TBUDGothic B", sans-serif;font-weight: 600;font-style: normal;margin-bottom: 50px
}
h3:before {position: absolute;top: calc(50% - 1px);left: 0;width: 100%;height: 2px;content: '';background: #000;}
h3 span {position: relative;padding: 0 1em;background: #F6F6F4;}
@media screen and (max-width: 411px){
  h3 span {padding: 0 0em;}
}
.flex2{display: flex;flex-wrap: wrap;justify-content: space-between}
.flex2 div{width: calc(100% /2);text-align: center;line-height: 1.6;box-sizing: border-box;}
.bg-blue{background: #2E5595;padding:9px 0;font-family: "TBUDゴシック B", "TBUDGothic B", sans-serif;font-weight: 600;font-style: normal;color: #fff;border-radius: 10px 0 0 0;border: 1px solid #E6E6E6}
.bg-orange{background: #F39032;padding:9px 0;font-family: "TBUDゴシック B", "TBUDGothic B", sans-serif;font-weight: 600;font-style: normal;color: #fff;border-radius: 0 10px 0 0;}
.lineup div{box-sizing: border-box;padding:20px 0;}
.lineup div:first-child, .lineup2 div:first-child{border-right: 1px solid #E6E6E6;}
.lineup{background: #fff;border: 1px solid #E6E6E6;}
.lineup2{background: #fff;border: 1px solid #E6E6E6;border-top:none}
.price-div{display: flex;flex-wrap: wrap;flex-direction: column; justify-content: center; min-height:5.6em}

/* 次へボタン */
@media screen and (min-width: 767px){
.flex3{display: flex;justify-content: space-around;}.flex3 > div{width: 48%}
}
@media screen and (max-width: 767.499px){.click-btn{left: 50%;transform: translateX(-50%);}}
.flex3{width: 100%;}
.click-btn{position: relative;display: inline-flex;align-items: center;justify-content: center;width:100%;max-width: 400px;min-height: 65px;margin-top:20px;padding: 17px 25px;background: #fff;color: #404544;font-size: 1.6rem;text-align: center;text-decoration: none;line-height: 1.5;cursor: pointer;transition: 0.3s all;border-radius:20vh;}
.click-btn2{position: relative;display: inline-flex;align-items: center;justify-content: center;max-width: 400px;min-height: 65px;margin-top:20px;padding: 0px;background: #fff;color: #404544;font-size: 1.6rem;text-align: center;text-decoration: none;line-height: 1.5;cursor: pointer;transition: 0.3s all;border-radius:4vh;}
.click-btn .fa-angle-right{right: 15px;}
.click-btn .fa-angle-right, .tell-button .fa-angle-right,.tell-button .tell {position: absolute;top: 50%;transform: translate(0, -50%);}
.eco-button .click-btn2{background: #FA8801;color: #fff;box-shadow: 0 6px #FA3A01;}
.hybrid-button .click-btn2{background:#F45A7E;color: #fff;box-shadow: 0 6px #DC1E4B;}
@media screen and (max-width: 767.499px){
  .eco-button .click-btn{max-width: 470px;}
  .hybrid-button .click-btn{max-width: 470px;}
  .tell-button .click-btn{max-width: 470px;}
  }

/* tell ボタン */
.tell-button{background: #009A43;position: relative;display: inline-flex;align-items: center;justify-content: center;max-width: 400px;min-height: 65px;margin-top:20px;padding: 0px;color: #fff;font-size: 1.6rem;text-align: center;text-decoration: none;line-height: 1.5;cursor: pointer;transition: 0.3s all;border-radius:4vh;box-shadow: 0 6px #05803a;}
.tell-button .tell{left: 20px;}
.tell-number{background: #fff;border-radius: 50vh;padding:3px 0;width: 100%;display: inline-block;color: #009A43;margin-top:5px}
.tell-button p{font-size: 1.2em;margin-left: 40px;}
.tell-button .fa-angle-right{right: 20px;}
.tell-button-sp{box-shadow: 0 6px #0b6633}

h4{font-size: 1.4em;border-bottom: 1px solid #404544;padding-bottom:10px;font-family: "TBUDゴシック B", "TBUDGothic B", sans-serif;font-weight: 600;font-style: normal;margin-bottom: 20px}
.column1 td{ width: 80%;}
.column2 td{width: 40%}
.tbl{border-collapse: collapse;width: 100%;}
.tbl th{padding: 1em;align-items: center;display: flex;width: max-content}
.tbl td{padding:1em;line-height: 1.6;}
.tbl tr {border-bottom: 1px solid #E6E6E6;}
.vertical{border-bottom: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;min-width:3em;}
.vertical span{-webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl;white-space: pre;min-height: 3.6em;}
.tbl2{width: 100%}
.tbl2 th{width: max-content;white-space: nowrap;padding: 1em;border-bottom: 1px solid #E6E6E6;display: table-cell;vertical-align: middle;}
.tbl2 td{padding: 1em;vertical-align: middle;border-bottom: 1px solid #E6E6E6;line-height: 1.6}

.bar-callout {transform: translate(75%, 15%);}
@media screen and (max-width: 700px){
  .bar-callout {transform: translate(60%, 15%);}
}
@media screen and (max-width: 467px){
  .bar-callout {transform: translate(50%, 15%);}
}

p.fukidashi img {max-width: 400px;width: 100%;}
p.fukidashi {position: absolute;top: -38px;}
@media screen and (max-width:767.499px) {
p.fukidashi {position: absolute;top: -98%;}
}

/* ボタン */
.anew{background:#67A8D6;color:#fff;}
.click-btn.anew:hover{background: #fff;color:#67A8D6;border: 2px solid #67A8D6;}
.tell{background: #3476B2}
a.click-btn.tell {padding: 0;}
a.click-btn.tell img{width: 80%}
.click-btn.tell:hover{background: #67A8D6}
.tell i.fas.fa-angle-right {color: #fff;}
.btn-1{background: #fff;border: #E7380D solid 4px;color: #E7380D}
.btn-2{background: #E7380D;border: #E7380D solid 4px;color: #fff}
.btn-1:hover{background: #E7380D;border: #E7380D solid 4px;color: #fff}
.btn-2:hover{background: #fff;border: #E7380D solid 4px;color: #E7380D}