@charset "utf-8";
.sp414 {
  display: none;
}

.sub_contents {
  padding: 0;
}

body {
  overflow-x: hidden;
}

aside {
  background-color: #fff;
  color: #f00;
  border-bottom: 4px solid #D6D6D6;
  /*margin-right: 1rem;*/
  margin-bottom: 1rem;
  padding-right: .5rem;
  width: 100%;
  width: calc(100% - .5rem);
  text-align: right;
}

h3 {
  background: #686868;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  padding-right: 1rem;
  padding-left: 1rem;
  text-shadow: 1px 1px 2px #555;
  line-height: 3.5;
}

h3 span {
    color: #ff0;
    font-size: 2.1rem;
    line-height: 1;
}

h4 {
  color: #2451fd;
  font-size: 2.5rem;
  font-weight: 900;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 4px 4px 2px #ccc, 4px 4px 2px #ccc, 4px 4px 2px #ccc, 4px 4px 2px #ccc, 4px 4px 2px #ccc, 4px 4px 2px #ccc;
}

main .pc414 {
  width: 100%;
}

.hl1 {
  background: linear-gradient(to bottom, rgba(228, 200, 0, 1) 0%,rgba(203, 165, 0, 1) 10%,rgba(255, 219, 0, 1) 50%,rgba(203,165,0,1) 60%,rgba(228, 200, 0, 1) 100%);
  line-height: 1.2;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.hl {
  background: linear-gradient(to top, rgba(0, 84 ,255, 1) 0%, rgba(0, 84 ,255, 1) 50%, rgba(255, 255 ,255, 1) 50%, rgba(255, 255 ,255, 1) 100%);
  margin-bottom: 0;
  padding: 0 1rem;
  position: relative;
  overflow: hidden;
  height: 22rem;
  width: 97%;
}

.hl h2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 22rem;
}

.hl h2 img {
  position: absolute;
  top: 3.8rem;
  left: 1rem;
}

.hl p.comment {
  color: #fff;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  position: absolute;
  top: 53%;
  left: 1rem;
  text-shadow: 1px 1px #002369;
  width: 45%;
}

.hlImage {
  position: absolute;
  top: 0;
  right: 0;
  height: 22rem;
  width: 50%;
}

.hlImage img {
  position: absolute;
}

.hlImage img:nth-of-type(1) {
  bottom: 2rem;
  right: 1rem;
}

.hlImage img:nth-of-type(2) {
  bottom: 2.5rem;
  right: 1rem;
}

.hlImage img:nth-of-type(3) {
  bottom: 0;
  right: 0;
}

.hl .dummyImage {
  color: #fff;
  font-size: .8rem;
  position: absolute;
  bottom: .5rem;
  right: 1rem;
}

.carWrap {
  background-color: #D6D6D6;
  display: -webkit-flex;
  display: flex;
  font-family: 'M PLUS 1p', sans-serif;
  margin-bottom: 0;
  padding: 2rem 1rem;
}

.agreement {
  background-color: #fff;
  border-radius: 1rem 1rem;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, .2);
  margin-right: 1rem;
  overflow:hidden;
  width: calc(100% / 3);
}

div.agreement:nth-of-type(3) {
  margin-right: 0;
}

.carContent {
  padding: 1rem;
  position: relative;
}

.carContent img.toku,
.carContent img.no1 {
  position: absolute;
  right: 0;
}

.carContent img.toku {
  top: -5.5rem;
}

.carContent img.no1 {
  top: -5rem;
}

.priceWrap {
  display: -webkit-flex;
  display: flex;
}

.priceImage {
  margin-right: .1rem;
}

.taxWrap {
  font-weight: bold;
  margin-top: auto;
  margin-bottom: .3rem;
  line-height: 1;
}

.tax {
  font-size: .8rem;
  display: inline-block;
  margin-top: 1rem;
  width: 100%;
}

.en {
  font-size: 2rem;
}

/* アニメーション */
.box01 h2.pBox,
.box02 h2.pBox {
   -webkit-transition: all .2s;
   -webkit-transition: translate(0, 0);
   opacity: 1;
}

.box01 h2.pBox.move,
.box02 h2.pBox.move {
  -webkit-transform: translate(-539px, 30px);
  opacity: 0;
}

.box01 p.comment.pBox,
.box02 p.comment.pBox {
   -webkit-transition: all 1s .2s;
   -webkit-transition: translate(0, 0);
   opacity: 1;
}

.box01 p.comment.pBox.move,
.box02 p.comment.pBox.move {
  -webkit-transform: translate(0, 30px);
  opacity: 0;
}

.box01 img.pBox:nth-of-type(1),
.box02 img.pBox:nth-of-type(1) {
   -webkit-transition: all .3s .3s;
   -webkit-transition: translate(0, 0);
   opacity: 1;
}

.box01 img.pBox:nth-of-type(1).move,
.box02 img.pBox:nth-of-type(1).move {
  -webkit-transform: translate(0, 0);
  opacity: 0;
}

.box01 img.pBox:nth-of-type(2),
.box02 img.pBox:nth-of-type(2) {
   -webkit-transition: all .3s .3s;
   -webkit-transition: translate(0, 0);
   opacity: 1;
}

.box01 img.pBox:nth-of-type(2).move,
.box02 img.pBox:nth-of-type(2).move {
  -webkit-transform: translate(0, -328px);
  opacity: 0;
}

#formBox {
  margin: 2rem 1rem;
}

#formBox h2 {
  color: #fff;
  background-color: #0054ff;
  border-radius: 1rem 1rem 0 0;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 3rem;
  font-weight: 900;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

#formBox article {
  background-color: #0054ff;
  border: 15px solid #0054ff;
  border-top: none;
  border-radius: 0 0 1rem 1rem;
  padding-top: 0;
  width: auto;
}

#formBox aside {
  color: inherit;
  border-bottom: none;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 95%;
}

#formBox .i_required {
  color: #fff;
  background-color: #f00;
  display: inline-block;
  font-size: bold;
  margin-right: 1rem;
  margin-left: 1rem;
  padding: .1rem .5rem;
}

#formBox article div {
  background-color: #fff;
  border-radius: .8rem .8rem;
  padding: 1rem;
}

#formBox dl {
  border-bottom: 1px solid #ccc;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 70%;
}

#formBox dl dt {
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 34%;
}

#formBox dl dd {
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 60%;
}

#formBox dl:nth-of-type(1) dd br {
  display: none;
}

#formBox dl:nth-of-type(1) label {
  display: inline-block;
  margin-right: .5rem;
}

#formBox dl:nth-of-type(1) dd input {
  margin-right: .5rem;
  height: 1rem;
  width: 1rem;
}

input,
select {
  height: 2rem;
}

#formBox .submit {
  display: block;
  margin-top: 1rem;
  text-align: center;
  width: 100%;
}

#formBox .submit input {
  width: calc(100% / 2);
  height: auto;
}

/* ハイブリッド */
.hlImage img.hyimg3:nth-of-type(1) {
  bottom: 3.5rem;
}

.hlImage img.hyimg3:nth-of-type(2) {
  bottom: 4rem;
}

.hl .dummyImage.hy {
  right: 12rem;
}

.hlImage img.hyimg2:nth-of-type(1) {
  bottom: 2.5rem;
}

.hlImage img.hyimg2:nth-of-type(2) {
  bottom: 4rem;
}

/* コンパクト */
.hl.compact h2 img {
  top: 4rem;
}

.compact .hlImage img:nth-of-type(1) {
  bottom: 3.5rem;
}

.compact .hlImage img:nth-of-type(2) {
  bottom: 4rem;
}

/* ミニバン */
.hl.minivan h2 img {
  top: 4rem;
}

/* ライトバン */
#formBox.lightvan dl:nth-of-type(1) label {
  width: calc(100% / 3);
}

#formBox.lightvan dl:nth-of-type(1) br {
  display: block;
}

/* ステーションワゴン */
.mainwrap.stationwagonMain h1 br {
  display: none;
}

form .hy .carModel dd p {
  background-color: #0054ff;
  color: #fff;
  font-weight: 900;
  margin-top: 1rem;
}

.compact2 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-right: 1rem;
  padding-left: 1rem;
}

.compact2 figure {
  text-align: center;
  margin-right: 2%;
  width: calc(100% / 3);
}

.compact2 figure:last-child {
  margin-right: 0;
  width: calc((100% / 3) - 4%);
}

.compact2 figure img {
  width: 100%;
}

/*.compact2 figure:last-child img {
  width: 88%;
}*/


.carWrap.distance {
  flex-wrap: wrap;
  justify-content: space-between;
}

.agreement.column2 {
  margin-bottom: 1rem;
  width: calc((100% / 2) - 1rem);
}

div.agreement.column2:nth-of-type(odd) {
  margin-right: 0;
}

div.agreement.column2:nth-of-type(even) {
  margin-right: 0;
}

.agreement.column2:nth-of-type(n+2) {
  margin-bottom: 1rem;
  width: calc((100% / 2) - 1rem);
}

.benefit {
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 500;
}


.benefit .hl2 {
  background: linear-gradient(to left, #f35c4e 0%, #c00909 50%, #f35c4e 100%);
  color: #fff;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 2.5rem;
  padding: 1rem;
  text-align: center;
  text-shadow: 2px 2px #710006;
}

.benefit .point {
  border: 2px solid #f35c4e;
  border-top: 0;
  font-size: 2rem;
  font-weight: 600;
  padding: 1rem;
}

.benefit .point li {
  color: #30405b;
  margin-right: auto;
  margin-left: auto;
  width: 80%;
}

.benefit .point li:before {
  content: '';
  display: inline-block;
  background-image: url(../img/point.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  margin-right: 1rem;
  height: 3rem;
  width: 3rem;
}

.benefit .point span {
  color: #f00;
  font-size: 2.5rem;
  font-weight: 900;
}

.hy6 .hlImage img.hyimg3:nth-of-type(1) {
    bottom: 2.5rem;
}

@media all and (min-width: 769px) and (max-width: 958px) {
  .carWrap.distance div.agreement:nth-child(3) h3 {
    padding-top: .8rem;
    padding-bottom:  .8rem;
    line-height: 1.2;
  }
}

@media all and (min-width: 769px) and (max-width: 862px) {
  .carWrap.distance div.agreement:nth-child(1) h3 {
    padding-top: .8rem;
    padding-bottom:  .8rem;
    line-height: 1.2;
  }
}

@media all and (max-width: 768px) {
  .hlImage {
    width: 48%;
  }
  .hlImage img:nth-of-type(1) {
    width: 100%;
  }
  .hlImage img:nth-of-type(2) {
    width: 100%;
  }
  .priceImage {
    width: 60%;
  }
  .priceImage img {
    width: 100%;
  }
}


@media all and (max-width: 767px) {
  .pc414 {
    display: none;
  }
  .sp414 {
    display: block;
  }
  .mainwrap {
    background-repeat: no-repeat;
    background-size: 300%;
    background-position: center right;
    font-family: 'M PLUS 1p', sans-serif;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow: hidden;
    height: 86vh;
  }
  .main {
    position: relative;
  }
  .main h1 {
    color: #fff;
    display: inline-block;
    font-size: 3rem;
    font-weight: 900;
    position: absolute;
    top: 10vh;
    left: 50%;
    text-shadow: 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000, 0 0 15px #000;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
    z-index: 2;
  }
  .main div {
    position: absolute;
  }
  .ribbonHlWrap02 {
    display: block;
    margin: 0 auto;
    top: 0;
    width: 100%;
  }
  div.ribbonHl02 {
    background: linear-gradient(to left, #920000, #fb2f30, #920000);
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 5px 0;
    margin: 0;
    width: 100%;
    color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  }
  .ribbonHl02 h2 {
    margin: 0;
    font-size: 7vw;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1), 0 0 10px rgba(254, 0, 0, 1);
    line-height: 1.8;
  }
  .ribbonHl02:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #500002;
  }
  .ribbonHl02:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: 15px solid transparent;
    border-right: 20px solid #500002;
  }
  .ribbonHlWrap02 p span {
    display: inline-block;
    margin-bottom: .5rem;
  }
  .carWrap {
    display: block;
  }
  .mainwrap .catch {
    display: -webkit-flex;
    display: flex;
    text-align: center;
    top: 7.5rem;
  }
  .mainwrap .catch p {
    color: #fff;
    font-size: 5.7vw;
    font-weight: 700;
    padding: 2rem;
    text-align: left;
    width: 50%;
  }
  .mainwrap .cash {
    font-weight: 900;
    top: 45vh;
    letter-spacing: 0;
    text-align: center;
    text-shadow: 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255);
    z-index: 2;
    width: 100%;
  }
  .mainwrap .cash span {
    display: inline-block;
  }
  .mainwrap .cash span.month {
    font-size: 1.3rem;
    writing-mode: vertical-rl;
  }
  .mainwrap .cash span.money {
    font-size: 3rem;
  }
  .mainwrap .cash span.money span {
    color: #f00;
  }
  .mainwrap .cash span.tax {
    font-size: .8rem;
    width: 3rem;
  }
  .mainwrap .cash span.tax span {
    font-size: 1.3rem;
  }
  .mainwrap .car {
    position: relative;
    height: 86vh;
  }
  .mainwrap .car img {
    position: absolute;
    bottom: 3vh;
  }
  .mainwrap .car img:nth-of-type(1) {
    bottom: 0;
  }
  .mainwrap aside {
    background: linear-gradient(90deg, transparent, #fff);
    border-bottom: none;
    color: #000;
    padding-right: 1rem;
    position: absolute;
    bottom: 0;
  }
  .hl, .hl h2, .hl h2 img, .hl p.comment, .hlImage, .hlImage img, .hl .dummyImage {
    position: inherit;
  }
  .hl {
    background: linear-gradient(to top, rgba(0, 84 ,255, 1) 0%, rgba(0, 84 ,255, 1) 85%, rgba(255, 255 ,255, 1) 85%, rgba(255, 255 ,255, 1) 100%);
    padding-bottom: 1rem;
    height: auto;
    min-height: 0;
    width: auto;
  }
  .hl h2 {
    margin-bottom: 0;
    height: auto;
  }
  .hl h2 img {
    margin-top: 1rem;
  }
  .hl p.comment {
    padding-top: 15vh;
    width: 100%;
  }
  .hlImage {
    position: relative;
    top: -19vh;
    left: 1rem;
    height: auto;
    max-height: 20vh;
    width: 100%;
  }
  .hl .hlImage img {
    position: absolute;
  }
  .hlImage img:nth-of-type(1) {
    bottom: 1.5rem;
  }
  .hlImage img:nth-of-type(2) {
    bottom: 2rem;
  }
  .hl .dummyImage {
    text-align: right;
  }
  .agreement {
    width: 100%;
    margin-bottom: 1rem;
  }
  span.sp {
    color: #f00;
    font-size: 4rem;
    font-weight: 900;
  }
  img.toku,
  img.no1 {
    width: 30%;
  }
  .priceWrap {
    margin-right: 0;
    margin-left: auto;
    width: 100%;
  }
  .priceImage {
    width: 77%;
  }
  .tax {
    margin-top: 1.8rem;
  }
  .mainwrap.hyMain {
    background-image: url(../img/plan/hy/img_main_bk.jpg);
  }
  .hyMain .main h1 {
    top: 20vh;
  }
  .hyMain .ribbonHlWrap02 p {
    font-size: 1.2rem;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
    line-height: 1.2;
  }
  .hyMain .ribbonHlWrap02 p span {
    font-size: 2rem;
    text-shadow: 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1), 0 0 5px rgb(246, 169, 1);
  }
  .hyMain .catch {
    top: 28vh;
    display: block;
    width: 100%;
  }
  .hyMain .catch p:nth-of-type(1) {
    border-radius: 8rem 5rem;
    background-color: rgba(255, 138 ,0, .5);
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    text-shadow: 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0), 0 0 10px rgb(255, 138, 0);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  /*.hl.hy {
    background: linear-gradient(to top, rgba(0, 84 ,255, 1) 0%, rgba(0, 84 ,255, 1) 84%, rgba(255, 255 ,255, 1) 84%, rgba(255, 255 ,255, 1) 100%);
  }*/
  .hl.hy .hlImage img:nth-of-type(1) {
    bottom: 0;
  }
  .hl.hy .hlImage img:nth-of-type(2) {
    bottom: 0;
  }
  .hl.hy .hlImage img:nth-of-type(3) {
    /*bottom: 0;
    right: -1rem;*/
    width: 40%;
  }
  .hl.hy2 .hlImage img:nth-of-type(1) {
    bottom: -2vh;
  }
  .hy2 .hlImage {
    top: -30vh;
  }
  .hl.hy3 .hlImage img:nth-of-type(1) {
    bottom: 1rem;
  }
  .hl.hy3 .hlImage img:nth-of-type(2) {
    bottom: 1.5rem;
  }
  .mainwrap.stwMain {
    background-image: url(../img/plan/stWagon/img_main_bk.jpg);
  }
  /*.hl.stWagon {
    background: linear-gradient(to top, rgba(0, 84 ,255, 1) 0%, rgba(0, 84 ,255, 1) 85%, rgba(255, 255 ,255, 1) 85%, rgba(255, 255 ,255, 1) 100%);
  }*/
  .stwMain .catch p:nth-of-type(1) {
    border-radius: 5rem 8rem;
    background-color: rgba(255, 0 ,141, .5);
    text-shadow: 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141);
  }
  .stwMain .catch p:nth-of-type(2) {
    border-radius: 8rem 5rem;
    background-color: rgba(255, 138 ,0, .5);
    text-shadow: 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0);
  }
  .stwMain .catch {
    top: 9.5rem;
  }
  .stwMain .car img {
    bottom: 1vh;
  }
  .stWagon p.comment {
    padding-top: 22vh;
  }
  .stWagon .hlImage {
    top: -20vh;
  }
  .mainwrap.minivanMain {
    background-image: url(../img/plan/minivan/img_main_bk.jpg);
    background-position: bottom center;
  }
  /*.hl.minivan {
    background: linear-gradient(to top, rgba(0, 84 ,255, 1) 0%, rgba(0, 84 ,255, 1) 85%, rgba(255, 255 ,255, 1) 85%, rgba(255, 255 ,255, 1) 100%);
  }*/
  .minivanMain .catch,
  .lightvanMain .catch {
    top: 7.5rem;
    display: block;
    width: 100%;
    z-index: 3;
  }
  .minivanMain .catch p,
  .lightvanMain .catch p {
    font-weight: 900;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    width: 100%;
  }
  .minivanMain .catch p span,
  .lightvanMain .catch p span {
    display: block;
    margin-right: .5rem;
    margin-left: .5rem;
    text-shadow: 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255), 0 0 10px rgb(255 255 255);
  }
  .minivanMain .catch p span:nth-of-type(1),
  .lightvanMain .catch p span:nth-of-type(1) {
    color: #ff00c4;
  }
  .minivanMain .catch p span:nth-of-type(2),
  .lightvanMain .catch p span:nth-of-type(2) {
    color: #0068ff;
  }
  .minivanMain .catch p span:nth-of-type(3),
  .lightvanMain .catch p span:nth-of-type(3) {
    color: #ff9000;
  }
  .minivanMain .catch p span span.red,
  .lightvanMain .catch p span span.red {
    color: #f00;
    display: inline-block;
    font-size: 2rem;
  }
  .minivanMain .car img:nth-of-type(1) {
    bottom: -9vh;
    width: 152%;
  }
  .minivan p.comment {
    padding-top: 25vh;
  }
  .minivan .hlImage {
    top: -13vh;
  }
  .mainwrap.sStandardMain {
    background-image: url(../img/plan/sStandard/img_main_bk.jpg);
    background-size: 320%;
  }
  /*.hl.sStandard {
    background: linear-gradient(to top, rgba(0, 84 ,255, 1) 0%, rgba(0, 84 ,255, 1) 85%, rgba(255, 255 ,255, 1) 85%, rgba(255, 255 ,255, 1) 100%);
  }*/
  .sStandardMain .catch {
    position: absolute;
    top: 9.5rem;
    text-align: center;
    display: block;
    width: 100%;
  }
  .sStandardMain .catch p {
    margin: 0 auto;
    width: 30%;
  }
  .sStandardMain .catch p:nth-of-type(1) {
    border-radius: 8rem 5rem;
    background-color: rgba(255, 138 ,0, .5);
    text-shadow: 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0), 0 0 10px rgb(255 138 0);
  }
  .sStandardMain .car img {
    position: absolute;
    bottom: 1vh;
  }
  .sStandard p.comment {
    padding-top: 23vh;
  }
  .sStandard .hlImage {
    top: -14vh;
  }
  .sSrandard .hlImage img:nth-of-type(1) {
    bottom: 1rem;
  }
  .sSrandard .hlImage img:nth-of-type(2) {
    bottom: 1.5rem;
  }
  .mainwrap.compactMain {
    background-image: url(../img/plan/compact/img_main_bk.jpg);
  }
  .compactMain .catch {
    top: 10.5rem;
    display: block;
    width: 100%;
  }
  .compactMain .catch p {
    width: 56%;
  }
  .compactMain .catch p:nth-of-type(1) {
    background-color: rgba(255, 0 ,141, .5);
    border-radius: 8rem 5rem;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    text-shadow: 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141), 0 0 10px rgb(255 0 141);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .compactMain .car img {
    position: absolute;
    bottom: 2vh;
  }
  .compactMain .car img:nth-of-type(1) {
    bottom: .5rem;
  }
  .compact p.comment {
    padding-top: 17vh;
  }
  .compact .hlImage {
    top: -7vh;
  }
  .compact .hlImage img:nth-of-type(1) {
    bottom: 4.5rem;
  }
  .compact .hlImage img:nth-of-type(2) {
    bottom: 5rem;
  }
  .plan_wrap {
    padding: 1rem;
  }
  #formBox h2 {
    font-size: 2rem;
  }
  #formBox dl {
    width: 100%;
  }
  #formBox dl dt,
  #formBox dl dd,
  #formBox dl:nth-of-type(1) label {
    width: 100%;
  }
  #formBox dl:nth-of-type(1) label {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  #formBox dl dd,
  #formBox dl:nth-of-type(1) label:nth-of-type(1) {
    margin-top: 0;
  }
  #formBox input,
  #formBox select {
    width: 100%;
  }
  #formBox .submit input {
    width: 100%;
  }
  .mainwrap.lightvanMain {
    background-image: url(../img/plan/lightvan/img_main_bk.jpg);
    background-size: 250%;
    background-position: top right;
  }
  .lightvan .hlImage img:nth-of-type(1) {
    bottom: .5rem;
  }
  .lightvan .hlImage img:nth-of-type(2) {
    bottom: 1rem;
  }
  .bongo .hlImage img:nth-of-type(1) {
    bottom: 2.8rem;
  }
  .bongo .hlImage img:nth-of-type(2) {
    bottom: 3rem;
  }
  #formBox.lightvan dl:nth-of-type(1) label {
    width: 100%;
  }
  .taxWrap {
    margin-bottom: 1.3rem;
  }
  .mainwrap.stationwagonMain {
    background-image: url(../img/plan/stationwagon/img_main_bk.jpg);
    background-size: 265%;
    background-position: bottom right;
  }
  .mainwrap.stationwagonMain h1 br {
    display: block;
  }
  .mainwrap.stationwagonMain .catch {
    justify-content: center;
    top: 14rem;
 }
  .mainwrap.stationwagonMain .car img:nth-of-type(1) {
    bottom: 1.4rem;
  }
  .hl.stationwagon1 .hlImage img:nth-of-type(1) {
    bottom: -7rem;
  }
  .hl.stationwagon1 .hlImage img:nth-of-type(2) {
    bottom: -6.8rem;
  }
  .hl.stationwagon2 .hlImage {
    left: 50%;
    transform: translateX(-45%);
    width: 90%;
  }
  .hl.stationwagon2 .hlImage img:nth-of-type(1) {
    bottom: -5rem;
  }
  .hl.stationwagon2 .hlImage img:nth-of-type(2) {
    bottom: -4.7rem;
  }
  .hl.hy4 {
    background: linear-gradient(to top, rgba(0, 84 ,255, 1) 0%, rgba(0, 84 ,255, 1) 78%, rgba(255, 255 ,255, 1) 78%, rgba(255, 255 ,255, 1) 100%);
  }
  .hl.hy4 .hlImage {
    top: -9vh;
  }
  .hl.hy5 {
    background: linear-gradient(to top, rgba(0, 84 ,255, 1) 0%, rgba(0, 84 ,255, 1) 76%, rgba(255, 255 ,255, 1) 76%, rgba(255, 255 ,255, 1) 100%);
  }
  .hl.hy5 .hlImage {
    top: -6vh;
  }
  .benefit {
    line-height: 1.2;
  }
  .benefit .hl2 {
    font-size: 2rem;
    text-align: left;
  }
  .benefit .point {
    font-size: 1.5rem;
  }
  .benefit .point li {
    margin-bottom: 1rem;
    width: 100%;
  }
  .benefit .point li:last-child {
    margin-bottom: 0;
  }
  .benefit .point li:before {
    margin-right: 0;
    height: 2rem;
    width: 2rem;
  }
  .benefit .point span {
    font-size: 2rem;
  }
  .agreement.column2 {
    width: 100%;
  }
  .agreement.column2:nth-of-type(n+2) {
    width: 100%;
  }
  .distanceMain {
    background: url(../img/plan/distance/img_main_bk.jpg);
    background-repeat: no-repeat;
    background-position: right bottom 12%;
    background-size: 700%;
  }
  .distanceMain .main {
    line-height: 1.2;
  }
  .distanceMain .main .catch {
    display: block;
    background-color: #fff;
    border: 2px solid #c30d22;
    padding-bottom: .5rem;
    top: 14rem;
    width: 100%;
  }
  .distanceMain .main .catch p {
    color: #c30d22;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .distanceMain .main .catch span {
    background-color: #c30d22;
    color: #fff;
    display: block;
    margin-bottom: .5rem;
    padding: .5rem 1rem;
  }
  .distanceMain .main .name {
    color: rgb(0, 84 ,255);
    display: block;
    font-size: 1.5rem;
    text-align: left;
    text-shadow: 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255);
    width: 100%;
  }
  .distanceMain .main .cash {
    top: 39vh;
  }
  .distanceMain .main .cash2 {
    top: 50vh;
  }
  .distanceMain .main .car {
    position: relative;
    height: 86vh;
  }
  .distanceMain .car img {
    bottom: 7vh;
    left: 0;
    width: 78%;
  }
  .distanceMain .car img:nth-of-type(1) {
    bottom: 3.5rem;
    left: 0;
    width: 78%;
    }
  .distanceMain .main .car2 {
    position: relative;
    right: -7rem;
    height: 1vh;
  }
  .distanceMain .car2 img {
    position: absolute;
    bottom: 3vh;
    right: 1rem;
    width: 70%;
  }
  .distanceMain .car2 img:nth-of-type(1) {
    bottom: 1rem;
    right: 1rem;
    width: 70%;
    }
  .distance .hlImage img:nth-of-type(1) {
    bottom: -3rem;
  }
  .distance .hlImage img:nth-of-type(2) {
    bottom: -2.5rem;
  }
  .distance2 .hlImage img {
    width: 85%
  }
  .distance2 .hlImage img:nth-of-type(1),
  .distance2 .hlImage img:nth-of-type(2) {
    left: calc(50% - 1rem);
    transform: translateX(-50%);
  }
  .hl.hy6 {
    background: linear-gradient(to top, rgba(0, 84, 255, 1) 0%, rgba(0, 84, 255, 1) 75%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 1) 100%);
  }
  .hl.hy.hy6 .hlImage img:nth-of-type(1) {
    bottom: -5rem;
  }
  .hl.hy.hy6 .hlImage img:nth-of-type(2) {
    bottom: -4rem;
  }
}

@media all and (max-width: 375px) {
  .main h1 {
    font-size: 2rem;
  }
  .mainwrap .catch p {
    font-size: 5.5vw;
  }
  .hlImage {
    top: -28vh;
  }
  .hy2 .hlImage {
    top: -35vh;
  }
  .stWagon .hlImage {
    top: -24.5vh;
  }
  .minivan .hlImage {
    top: -14vh;
  }
  .sStandard .hlImage {
    top: -20vh;
  }
  .mainwrap.stationwagonMain .catch {
    justify-content: center;
    top: 9rem;
  }
  .hl.stationwagon2 .hlImage {
    width: 80%;
  }
  .hl.stationwagon1 .hlImage img:nth-of-type(1) {
    bottom: -8rem;
  }
  .hl.stationwagon1 .hlImage img:nth-of-type(2) {
    bottom: -7.7rem;
  }
  .hl.hy3 .hlImage {
    top: -23vh;
  }
  .hl.hy5 .hlImage {
    top: -11vh;
  }
  .distanceMain .main .catch {
    top: 10rem;
  }
  .distanceMain .main .cash {
    line-height: 1;
  }
  .distanceMain .main .cash2 {
    top: 51vh;
  }
  .distanceMain .car img {
    width: 60%;
  }
  .distanceMain .car img:nth-of-type(1) {
    bottom: 2.8rem;
    width: 60%;
  }
  .distanceMain .main .car2 {
    right: -9rem;
  }
  .distanceMain .car2 img {
    bottom: 6vh;
    width: 61%;
  }
  .distanceMain .car2 img:nth-of-type(1) {
    bottom: 2rem;
    width: 61%;
  }
  .distance .hlImage {
    top: -26vh;
    left: 50%;
    transform: translateX(-50%);
    max-height: 20vh;
    width: 88%;
  }
  .distance .hlImage img:nth-of-type(1) {
    bottom: -3rem;
    right: 0;
  }
  .distance .hlImage img:nth-of-type(2) {
    right: 0;
  }
  .hl.hy.hy6 .hlImage img:nth-of-type(1) {
    bottom: -1rem;
  }
  .hl.hy.hy6 .hlImage img:nth-of-type(2) {
    bottom: 0;
  }
}

@media all and (max-width: 414px) {
  .carWrap.distance div.agreement:nth-child(1) h3,
  .carWrap.distance div.agreement:nth-child(3) h3 {
    padding-top: .8rem;
    padding-bottom:  .8rem;
    line-height: 1.2;
  }
}

@media all and (min-width: 300px) and (max-width: 320px) {
  .stwMain .catch {
    flex-wrap: wrap;
    top: 8rem;
  }
  .mainwrap .catch p {
    padding: 2rem 4rem;
  }
  .lightvanMain .catch p,
  .minivan .catch p {
    padding: 2rem 0;
  }
  .sStandardMain .catch p {
    width: 30%;
  }
  .stwMain .catch p {
    padding: .5rem 6.2rem;
  }
  .mainwrap .cash span.month {
    font-size: 1rem;
  }
  .mainwrap .cash span.money {
    font-size: 2.5rem;
  }
  .hl {
    background: linear-gradient(to top, rgba(0, 84, 255, 1) 0%, rgba(0, 84, 255, 1) 86%, rgba(255, 255, 255, 1) 86%, rgba(255, 255, 255, 1) 100%);
  }
  .hl.hy3 {
    background: linear-gradient(to top, rgba(0, 84, 255, 1) 0%, rgba(0, 84, 255, 1) 84%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 1) 100%);
  }
  .hl.stWagon {
    background: linear-gradient(to top, rgba(0, 84, 255, 1) 0%, rgba(0, 84, 255, 1) 86.5%, rgba(255, 255, 255, 1) 86.5%, rgba(255, 255, 255, 1) 100%);
  }
  .hl.compactMain {
        background: linear-gradient(to top, rgba(0, 84, 255, 1) 0%, rgba(0, 84, 255, 1) 83%, rgba(255, 255, 255, 1) 83%, rgba(255, 255, 255, 1) 100%);
    }
  .hlImage img:nth-of-type(2) {
    bottom: 4.5rem;
  }
  .hl.hy .hlImage img:nth-of-type(2) {
    bottom: 2rem;
  }
  .hl.hy3 .hlImage img:nth-of-type(2) {
    bottom: 3rem;
  }
  .compact .hlImage img:nth-of-type(2) {
    bottom: 7.5rem;
  }
  .hlImage img:nth-of-type(1) {
    bottom: 4.2rem;
  }
  .hl.hy3 .hlImage img:nth-of-type(1) {
    bottom: 2.6rem;
  }
  .hl.hy2 .hlImage img:nth-of-type(1) {
    bottom: 1rem;
  }
  .compact .hlImage img:nth-of-type(1) {
    bottom: 7.2rem;
  }
  .hlImage img:nth-of-type(3) {
    bottom: 1.5rem;
    right: 0;
  }
  span.sp {
    font-size: 3rem;
  }
  .en {
    font-size: 1.6rem;
  }
  .taxWrap {
    margin-bottom: .8rem;
  }
  .hl.hy6 {
    background: linear-gradient(to top, rgba(0, 84, 255, 1) 0%, rgba(0, 84, 255, 1) 77.5%, rgba(255, 255, 255, 1) 77.5%, rgba(255, 255, 255, 1) 100%);
  }
  .hl.hy.hy6 .hlImage img:nth-of-type(1) {
    bottom: -7.5rem;
  }
  .hl.hy.hy6 .hlImage img:nth-of-type(2) {
    bottom: -6.5rem;
  }
}