@charset "UTF-8";
/* =========================================================
 choose
========================================================= */
.main_outer1 {
  line-height: 1.2;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  /* =========================================================
  スマホ対応
  ========================================================= */
  /* =========================================================
  スマホ対応
  ========================================================= */
}
.main_outer1 .mainLogo .kv {
  background: url(../img/choose/top_main_pc.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.main_outer1 .pointList {
  width: 852px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main_outer1 .pointList li {
  width: 426px;
  padding: 0 50px 0 0;
  margin-bottom: 65px;
  border-right: 1px #b3b3b3 solid;
}
.main_outer1 .pointList li:nth-of-type(2n) {
  padding: 0 0 0 50px;
  border-right: none;
}
.main_outer1 .pointList li.btnArea {
  border: none;
}
.main_outer1 .pointList li div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px #b3b3b3 solid;
  padding-bottom: 24px;
}
.main_outer1 .pointList li div figure img {
  width: 140px;
}
.main_outer1 .pointList li div dl {
  margin-left: 12px;
}
.main_outer1 .pointList li div dl dt {
  position: relative;
  padding-left: 24px;
  color: #1e50a0;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 6px;
}
.main_outer1 .pointList li div dl dt:before {
  content: "";
  display: inline-block;
  width: 20px;
  padding-bottom: 20px;
  background-image: url(../img/common/icon_crystal_pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  left: 0;
}
.main_outer1 .pointList li div dl dd {
  font-size: 1.2rem;
  line-height: 1.3;
}
.main_outer1 .typeList {
  width: 752px;
  margin: 0 auto 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main_outer1 .typeListDetail {
  width: 912px;
  margin: 0 auto;
}
.main_outer1 .typeListDetail li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px #c8c8c8 solid;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.main_outer1 .typeListDetail li:last-of-type {
  border-bottom: none;
}
.main_outer1 .typeListDetail li div {
  width: 292px;
}
.main_outer1 .typeListDetail li div h4 img {
  width: 100%;
  height: auto;
}
.main_outer1 .typeListDetail li div .vehicle {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d6dbe3));
  background: linear-gradient(#fff, #d6dbe3);
  font-size: 1.3rem;
  padding: 6px;
  margin-bottom: 9px;
}
.main_outer1 .typeListDetail li div .vehicle span {
  background: #000;
  color: #fff;
  font-size: 1.2rem;
  margin-right: 6px;
  padding: 1px 6px;
}
.main_outer1 .typeListDetail li div p {
  font-size: 1.2rem;
  line-height: 1.5;
}
.main_outer1 .typeListDetail li div p span {
  font-size: 0.8rem;
}
.main_outer1 .typeListDetail li dl {
  width: 290px;
}
.main_outer1 .typeListDetail li dl dt {
  background: #0080df;
  text-align: center;
  color: #fff;
  padding: 3px 0;
}
.main_outer1 .typeListDetail li dl img {
  width: 100%;
  height: auto;
}
.main_outer1 .guide {
  background-image: url(../img/common/bd_other.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  font-weight: bold;
  font-size: 1.8rem;
  color: #1e50a0;
  text-align: center;
  width: 952px;
  margin: 0 auto 40px;
  padding: 15px 0;
}
.main_outer1 .recommend dl {
  text-align: center;
  width: 952px;
  margin: 0 auto 24px;
}
.main_outer1 .recommend dl dt {
  background: #3c78c8;
  color: #fff;
  padding: 3px 0;
}
.main_outer1 .recommend dl dd {
  border: 1px #3c78c8 solid;
  border-top: none;
  background: #ebf1f9;
  padding: 6px;
  text-align: left;
}
.main_outer1 .recommend dl dt {
  padding: 0;
}
.main_outer1 .recommend dl dt img {
  vertical-align: bottom;
}
.main_outer1 .recommend dl ul {
  width: 848px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main_outer1 .recommend dl ul li {
  width: 254px;
}
.main_outer1 .recommend dl ul li p {
  background-image: url(../img/choose/balloon_left.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  font-size: 1.3rem;
  text-align: center;
  padding: 12px 0 36px;
  min-height: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.4;
}
.main_outer1 .recommend dl ul li figure {
  position: relative;
  margin-top: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.main_outer1 .recommend dl ul li figure:after {
  content: "";
  clear: both;
  display: block;
}
.main_outer1 .recommend dl ul li figure .staff {
  width: 94px;
  margin-right: 6px;
}
.main_outer1 .recommend dl ul li figure .recImage {
  width: 150px;
}
.main_outer1 .recommend dl ul li .notes {
  font-size: 0.8rem;
  text-align: right;
  background: none;
  padding: 3px 0 0;
  min-height: auto;
  display: block;
  clear: both;
}
.main_outer1 .qaArea {
  width: 900px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main_outer1 .qaArea dl {
  width: 426px;
  margin: 0 48px 24px 0;
}
.main_outer1 .qaArea dl:nth-of-type(2n) {
  margin: 0 0 24px 0;
}
.main_outer1 .qaArea dl dt {
  position: relative;
  padding-left: 50px;
  color: #1e50a0;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
}
.main_outer1 .qaArea dl dt:before {
  content: "";
  display: inline-block;
  width: 40px;
  padding-bottom: 40px;
  background-image: url(../img/choose/icon_q.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  left: 0;
}
.main_outer1 .qaArea dl dd {
  position: relative;
  padding-left: 50px;
  font-size: 1.2rem;
  line-height: 1.5;
  border-bottom: 1px #b3b3b3 solid;
  padding-bottom: 24px;
}
.main_outer1 .qaArea dl dd:before {
  content: "";
  display: inline-block;
  width: 40px;
  padding-bottom: 40px;
  background-image: url(../img/choose/icon_a.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  left: 0;
}
@media (max-width: 767px) {
  .main_outer1 .mainLogo .kv {
    background: url(../img/choose/top_main_sp.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .main_outer1 .pointList {
    width: 94%;
    display: block;
  }
  .main_outer1 .pointList li {
    width: 100%;
    padding: 0;
    margin-bottom: 6.3829787234%;
    border-right: none;
  }
  .main_outer1 .pointList li:nth-of-type(2n) {
    padding: 0;
  }
  .main_outer1 .pointList li:nth-of-type(2n) div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .main_outer1 .pointList li:nth-of-type(2n) div dl {
    margin-left: 0;
    margin-right: 2.3936170213%;
  }
  .main_outer1 .pointList li.btnArea {
    margin-bottom: 17.2872340426%;
  }
  .main_outer1 .pointList li div {
    padding-bottom: 6.3829787234%;
  }
  .main_outer1 .pointList li div figure {
    width: 37.2340425532%;
  }
  .main_outer1 .pointList li div figure img {
    width: 100%;
  }
  .main_outer1 .pointList li div dl {
    margin-left: 2.3936170213%;
    width: 60.3723404255%;
  }
  .main_outer1 .pointList li div dl dt {
    position: relative;
    padding-left: 10.5726872247%;
    color: #1e50a0;
    font-weight: bold;
    font-size: 4.5vw;
    margin-bottom: 2.6431718062%;
  }
  .main_outer1 .pointList li div dl dt:before {
    content: "";
    display: inline-block;
    width: 7.9295154185%;
    padding-bottom: 8.8105726872%;
    background-image: url(../img/common/icon_crystal_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 3px;
  }
  .main_outer1 .pointList li div dl dd {
    font-size: 3vw;
  }
  .main_outer1 .typeArea {
    background: -webkit-gradient(linear, left top, left bottom, from(#d6dbe3), color-stop(33%, #fefefe), color-stop(95%, #e6e8ed));
    background: linear-gradient(to bottom, #d6dbe3 0%, #fefefe 33%, #e6e8ed 95%);
    margin-bottpm: 3.75%;
  }
  .main_outer1 .typeArea h2,
.main_outer1 .typeArea h3 {
    background: none;
    background-image: url(../img/common/bg_ttl2_sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    line-height: 1.2;
    padding: 0;
  }
  .main_outer1 .typeArea h2 img,
.main_outer1 .typeArea h3 img {
    width: 28.75%;
    position: absolute;
    top: 12.5%;
    left: 3%;
  }
  .main_outer1 .typeList {
    width: 94%;
    margin: 0 auto 3.75%;
  }
  .main_outer1 .typeList li {
    width: 28.9893617021%;
  }
  .main_outer1 .typeListDetail {
    width: 88%;
    margin: 0 auto 7.5%;
  }
  .main_outer1 .typeListDetail li {
    display: block;
    margin-bottom: 3.4090909091%;
    padding-bottom: 3.4090909091%;
  }
  .main_outer1 .typeListDetail li div {
    width: 100%;
  }
  .main_outer1 .typeListDetail li div .vehicle {
    font-size: 3.75vw;
    padding: 1.7045454545%;
    margin-bottom: 3.4090909091%;
  }
  .main_outer1 .typeListDetail li div .vehicle span {
    font-size: 3.75vw;
    margin-right: 0.8522727273%;
    padding: 0.2840909091% 0.8522727273%;
  }
  .main_outer1 .typeListDetail li figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.4090909091%;
  }
  .main_outer1 .typeListDetail li figure img {
    width: 58.2386363636%;
    margin-left: 3.4090909091%;
    height: 100%;
  }
  .main_outer1 .typeListDetail li figure figcaption {
    font-size: 2.75vw;
    text-align: left;
  }
  .main_outer1 .typeListDetail li dl {
    width: 100%;
  }
  .main_outer1 .typeListDetail li dl dt {
    padding: 0.8522727273% 0;
  }
  .main_outer1 .typeListDetail li dl figure {
    margin: 0;
  }
  .main_outer1 .typeListDetail li dl figure img {
    width: 100%;
    margin: 0;
  }
  .main_outer1 .recommend dl {
    width: 94%;
    margin: 0 auto 12.5%;
  }
  .main_outer1 .recommend dl ul {
    display: block;
    width: 100%;
  }
  .main_outer1 .recommend dl ul li {
    width: 89.3617021277%;
    margin: 0 auto 4.5%;
  }
  .main_outer1 .recommend dl ul li:nth-of-type(2n) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .main_outer1 .recommend dl ul li:nth-of-type(2n) p {
    background-image: url(../img/choose/balloon_right.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    float: right;
  }
  .main_outer1 .recommend dl ul li:nth-of-type(2n) figure {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    clear: both;
  }
  .main_outer1 .recommend dl ul li:nth-of-type(2n) figure .staff {
    margin: 0 0 0 3.5714285714%;
    float: right;
  }
  .main_outer1 .recommend dl ul li p {
    width: 84.2261904762%;
    padding: 2.9761904762% 0 11.9047619048%;
    font-size: 3.5vw;
  }
  .main_outer1 .recommend dl ul li:last-child p {
    padding: 5.9523809524% 0 14.880952381%;
  }
  .main_outer1 .recommend dl ul li figure {
    margin-top: -3.5714285714%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .main_outer1 .recommend dl ul li figure .staff {
    width: 27.9761904762%;
    height: 100%;
    margin-right: 3.5714285714%;
  }
  .main_outer1 .recommend dl ul li figure .recImage {
    width: 59.5238095238%;
    height: 100%;
  }
  .main_outer1 .recommend dl ul li .notes {
    width: 100%;
    padding: 0 !important;
    font-size: 2vw;
  }
  .main_outer1 .qaArea {
    width: 94%;
    padding: 1.5% 0;
    margin: 0 auto 4.5%;
    display: block;
  }
  .main_outer1 .qaArea dl {
    width: 100%;
    margin: 0 0 3.1914893617% 0;
  }
  .main_outer1 .qaArea dl:nth-of-type(2n) {
    margin: 0 0 3.1914893617% 0;
  }
  .main_outer1 .qaArea dl dt {
    padding-left: 13.2978723404%;
    margin-bottom: 4.7872340426%;
    font-size: 4.5vw;
  }
  .main_outer1 .qaArea dl dt:before {
    width: 11.9680851064%;
    padding-bottom: 11.9680851064%;
  }
  .main_outer1 .qaArea dl dd {
    padding-left: 13.2978723404%;
    padding-bottom: 7.1808510638%;
    font-size: 3vw;
  }
  .main_outer1 .qaArea dl dd:before {
    width: 11.9680851064%;
    padding-bottom: 11.9680851064%;
  }
}
@media (max-width: 600px) {
  .main_outer1 .recommend dl ul li p {
    padding: 0 0 5.9523809524%;
  }
}
/*# sourceMappingURL=choose.css.map */