@charset "UTF-8";
.features_toggle_body_inner {
  background: rgba(255, 255, 255, 0.4);
}

.planHead_outer {
  text-align: center;
}

.planHead {
  text-align: center;
  margin-bottom: clamp(0px, 0.91vw, 10px);
  border: 2px solid #c3c3c3;
  border-radius: var(--radius2);
  padding: clamp(0px, 2.73vw, 30px);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: clamp(0px, 2.73vw, 30px);
}

.planHead_head {
  background: #f0f0f0;
  border-radius: var(--radius2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: clamp(0px, 2.18vw, var(--fsize24));
  line-height: 1.5;
  padding: 0 clamp(0px, 2.73vw, 30px);
}

.planHead_list {
  display: inline-block;
}
.planHead_list > li {
  font-size: clamp(0px, 1.45vw, var(--fsize16));
  text-align: left;
}
.planHead_list > li:before {
  background-color: var(--color-blue) !important;
}

.planHead_img {
  max-width: 534px;
  width: 100%;
  margin-top: 20px;
}

.wrapperLink {
  font-size: var(--fsize16);
  margin-bottom: 60px;
}

.contents.index .tabContents.-area {
  margin-top: 0;
}
.contents.index .colDetail.active {
  display: block;
}
.contents.index .col1DetailAnchor {
  text-align: center;
  margin-bottom: 40px;
}
.contents.index .col1DetailAnchorHead {
  font-size: var(--fsize22);
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 10px;
}
.contents.index .col1DetailNotes {
  margin-top: 20px;
}
.contents.index .col1DetailNotes > li {
  font-size: var(--fsize12);
}
.contents.index .indexBtnEntry,
.contents.index .indexSimBtn {
  margin: 40px auto 0;
  font-size: var(--fsize20);
  font-weight: 500;
}
.contents.index .col2Plan1Img {
  max-width: 620px;
  width: 100%;
  margin: 30px auto 0;
}
.contents.index .col2DetailTableCap {
  text-align: right;
  font-size: var(--fsize12);
}
.contents.index .col2DetailTable1 .colMain {
  width: 35%;
}
.contents.index .col2DetailTable2 {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  background: #fff;
}
.contents.index .col2DetailTable2 .otoku {
  width: 60%;
  padding: 0;
}
.contents.index .col2DetailTable2 .otokuIn {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 10px;
  position: relative;
}
.contents.index .col2DetailTable2 th.otoku {
  background: var(--color-blue-dirk);
  color: #fff;
}
.contents.index .col2DetailTable2 td.otoku {
  background: #e8f2f7;
}
.contents.index .col2DetailTable2 td.otoku .otokuIn:before {
  content: "";
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: #000;
  width: 20px;
  height: 30px;
  position: absolute;
  left: -10px;
  top: calc(50% - 15px);
}
.contents.index .col2DetailTable2 .l {
  font-size: var(--fsize24);
  font-weight: bold;
}
.contents.index .col2DetailTable2 .s {
  font-size: var(--fsize12);
}
.contents.index .col2DetailTable3 .colMain {
  width: 25%;
}
.contents.index .col2DetailTable3 .kugiri {
  border-bottom-color: #666;
}
.contents.index .col2DetailTable3 .yukadnHead {
  background: var(--color-blue-dirk);
  color: #fff;
  font-size: var(--fsize16);
  line-height: 1.4;
  font-weight: 500;
}
.contents.index .col2DetailTable3 .yukadnBody {
  background: #e8f2f7;
}
.contents.index .col2DetailTable3 .ll {
  font-size: var(--fsize24);
  font-weight: bold;
}
.contents.index .col2Plan2Img1 {
  width: 100%;
  margin: 30px auto 0;
}
.contents.index .col2Plan2Img1.-keiyo {
  max-width: 514px;
}
.contents.index .col2Plan2Img2 {
  max-width: 840px;
  width: 100%;
  margin-top: 30px;
}
.contents.index .indexKakomi {
  margin-top: 60px;
  border: 2px solid #f0f0f0;
  border-radius: var(--radius2);
  padding: 30px;
}
.contents.index .indexKakomiIn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 30px;
}
.contents.index .indexKakomiImg {
  max-width: 280px;
  width: 100%;
  border-radius: var(--radius2);
  overflow: hidden;
}
.contents.index .indexKakomiCol {
  box-sizing: border-box;
  -ms-flex: 1;
      flex: 1;
  text-align: left;
}

/* 1カラム燕幣 タブレット*/
@media screen and (max-width: 1024px) {
  .planHead {
    width: 94%;
    margin: 0 auto 10px;
    padding: 20px;
    display: block;
  }
  .planHead_head {
    font-size: var(--fsize24);
    height: 60px;
    padding: 0;
  }
  .planHead_block {
    margin: 20px auto 0;
  }
  .planHead_list > li {
    font-size: var(--fsize22);
    text-align: left;
  }
  .planHead_img {
    margin: 20px auto 0;
  }
  .wrapperLink {
    font-size: var(--fsize20);
    margin-bottom: 40px;
  }
  .contents.index .tabNav > .hyojyun,
  .contents.index .tabNav > .yukadan,
  .contents.index .tabNav > .danbou {
    width: clamp(0px, 33.9vw, 260px);
  }
  .contents.index .familyNav {
    margin-top: 30px;
  }
  .contents.index .col1DetailNotes {
    margin-top: 20px;
  }
  .contents.index .col1DetailNotes > li {
    font-size: var(--fsize20);
  }
  .contents.index .indexBtnEntry,
  .contents.index .indexSimBtn {
    margin: 40px auto 0;
    font-size: var(--fsize28);
    font-weight: 500;
  }
  .contents.index .col2DetailTableCap {
    font-size: var(--fsize20);
  }
  .contents.index .col1DetailAnchor {
    margin-bottom: 40px;
  }
  .contents.index .col1DetailAnchorHead {
    font-size: var(--fsize32);
    margin-bottom: 10px;
  }
  .contents.index .col2DetailTable2 .l {
    font-size: var(--fsize28);
  }
  .contents.index .col2DetailTable2 .s {
    font-size: var(--fsize20);
  }
  .contents.index .indexKakomi {
    margin-top: 40px;
    padding: 30px;
  }
  .contents.index .indexKakomiIn {
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    margin-top: 40px;
  }
  .contents.index .indexKakomiImg {
    max-width: 560px;
  }
  .contents.index .indexKakomiCol {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .planHead {
    width: 88%;
    margin-bottom: 1.3vw;
    padding: 2.61vw;
  }
  .planHead_head {
    font-size: 3.13vw;
    height: 7.82vw;
  }
  .planHead_block {
    margin: 2.61vw auto 0;
  }
  .planHead_list > li {
    font-size: 2.87vw;
  }
  .planHead_img {
    margin: 2.61vw auto 0;
  }
  .wrapperLink {
    font-size: 2.61vw;
    margin-bottom: 5.22vw;
  }
  .contents.index .familyNav {
    margin-top: 3.91vw;
  }
  .contents.index .col1DetailNotes {
    margin-top: 2.61vw;
  }
  .contents.index .col1DetailNotes > li {
    font-size: 2.61vw;
  }
  .contents.index .indexBtnEntry,
  .contents.index .indexSimBtn {
    margin: 5.22vw auto 0;
    font-size: 3.65vw;
  }
  .contents.index .col2DetailTableCap {
    font-size: 2.61vw;
  }
  .contents.index .col1DetailAnchor {
    margin-bottom: 5.22vw;
  }
  .contents.index .col1DetailAnchorHead {
    font-size: 4.17vw;
    margin-bottom: 1.3vw;
  }
  .contents.index .col2DetailTable2 .l {
    font-size: 3.65vw;
  }
  .contents.index .col2DetailTable2 .s {
    font-size: 2.61vw;
  }
  .contents.index .indexKakomi {
    margin-top: 5.22vw;
    padding: 3.91vw;
  }
  .contents.index .indexKakomiIn {
    margin-top: 5.22vw;
  }
}
#contents.fuelcost .kakomi {
  padding: 30px;
  margin-top: 30px;
}
#contents.fuelcost .fuelcost {
  display: table;
  min-height: 96px;
  margin-bottom: 30px;
}
#contents.fuelcost .fuelcost dt {
  display: table-cell;
  width: 160px;
  border: 2px solid #f0f0f0;
  border-radius: 10px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
}
#contents.fuelcost .fuelcost dd {
  display: table-cell;
  padding: 5px 0 5px 20px;
  vertical-align: middle;
  width: 636px;
}
#contents.fuelcost .fuelcost dd .fuelcostLink {
  letter-spacing: -1em;
  word-spacing: 0.1em;
  font-size: 0;
  width: 100%;
}
#contents.fuelcost .fuelcost dd .fuelcostLink li {
  display: inline-block;
  letter-spacing: 0.05em;
  font-size: 16px;
  line-height: 1;
  max-width: 92px;
  width: 14.2%;
  text-align: center;
  margin: 5px 0.75%;
}
#contents.fuelcost .fuelcost dd .fuelcostLink li a {
  background: #f0f0f0;
  border-radius: 20px;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0;
}
#contents.fuelcost .fuelcost dd .fuelcostLink li a i {
  margin: 0 3px;
}
#contents.fuelcost .fuelcost-btm {
  margin-bottom: 0;
}

@media screen and (max-width: 959px) {
  #contents.fuelcost .kakomi {
    padding: 20px;
    margin-top: 20px;
  }
  #contents.fuelcost .fuelcost {
    margin-bottom: 20px;
  }
  #contents.fuelcost .fuelcost dt {
    width: 140px;
  }
  #contents.fuelcost .fuelcost dd {
    width: 616px;
    padding: 5px 0 5px 15px;
  }
}
@media screen and (max-width: 767px) {
  #contents.fuelcost .kakomi {
    padding: 10px;
    margin-top: 10px;
  }
  #contents.fuelcost .fuelcost {
    display: table;
    min-height: 96px;
    margin-bottom: 30px;
  }
  #contents.fuelcost .fuelcost dt {
    display: table-cell;
    width: 160px;
    border: 2px solid #f0f0f0;
    border-radius: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
  }
  #contents.fuelcost .fuelcost dd {
    display: table-cell;
    padding: 5px 0 5px 20px;
    vertical-align: middle;
  }
  #contents.fuelcost .fuelcost dd .fuelcostLink {
    letter-spacing: -1em;
    word-spacing: 0.1em;
    font-size: 0;
  }
  #contents.fuelcost .fuelcost dd .fuelcostLink li {
    display: inline-block;
    letter-spacing: 0.05em;
    font-size: 16px;
    line-height: 1;
    max-width: 92px;
    width: 14.2%;
    text-align: center;
    margin: 5px 0.75%;
  }
  #contents.fuelcost .fuelcost dd .fuelcostLink li a {
    background: #f0f0f0;
    border-radius: 20px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 0;
  }
  #contents.fuelcost .fuelcost dd .fuelcostLink li a i {
    margin: 0 3px;
  }
  #contents.fuelcost .fuelcost {
    display: block;
    min-height: 0;
    margin-bottom: 15px;
  }
  #contents.fuelcost .fuelcost dt {
    display: block;
    width: 100%;
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
  }
  #contents.fuelcost .fuelcost dd {
    display: block;
    padding: 5px 0;
    vertical-align: middle;
    width: 100%;
  }
  #contents.fuelcost .fuelcost dd .fuelcostLink {
    text-align: center;
  }
  #contents.fuelcost .fuelcost dd .fuelcostLink li {
    display: inline-block;
    letter-spacing: 0.05em;
    font-size: 14px;
    line-height: 1;
    max-width: 100%;
    width: 30%;
  }
  #contents.fuelcost .fuelcost-btm {
    margin-bottom: 0;
  }
}