@charset "UTF-8";
.haikai-kanchikiki .product_add .page-title-wrapper {
  margin-top: 20px !important;
  position: relative;
  z-index: 2;
}
.haikai-kanchikiki .marua_ru {
  vertical-align: sub;
  margin: 0 4px 0 3px;
}
.haikai-kanchikiki .haikai-kanchikiki_l_inner {
  max-width: 1200px;
  width: 92%;
}
.haikai-kanchikiki .left_txt {
  text-align: left;
}
.haikai-kanchikiki .lineup_bg_inner {
  max-width: 880px;
  width: 92%;
}
.haikai-kanchikiki .lineup_anchor_wrap {
  height: auto;
}
.haikai-kanchikiki .lineup_anchor_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.haikai-kanchikiki .lineup_anchor_area .lineup_anchor_img {
  height: 130px;
  overflow: hidden;
}
.haikai-kanchikiki .lineup_anchor_area .lineup_anchor_img img {
  max-height: 96%;
  max-width: 96%;
}
.haikai-kanchikiki .lineup_anchor_area .lineup_anchor_img img.iimm01 {
  max-height: 92%;
  max-width: 92%;
}
.haikai-kanchikiki .lineup_anchor_area .lineup_anchor_img img.iimm02 {
  width: 100%;
  max-width: 100%;
  max-height: unset;
}
.haikai-kanchikiki .lineup_anchor_area .lineup_anchor_img img.iimm03 {
  max-height: 100%;
  max-width: 100%;
}
.haikai-kanchikiki .lineup_anchor_area .lineup_anchor_img img.iimm04 {
  max-height: 100%;
  max-width: 100%;
}
.haikai-kanchikiki
  .lineup_anchor_area
  .lineup_anchor_contents.tpp2
  .lineup_anchor_img {
  background-color: #fff;
}
.haikai-kanchikiki
  .lineup_anchor_area
  .lineup_anchor_contents.tpp3
  .lineup_anchor_img {
  border: solid 1px #e1e1e1;
  background-color: #fff;
}
.haikai-kanchikiki
  .lineup_anchor_area
  .lineup_anchor_contents.tpp4
  .lineup_anchor_img {
  border: solid 1px #e1e1e1;
  background-color: #fff;
}
.haikai-kanchikiki
  .lineup_anchor_area
  .lineup_anchor_contents
  .lineup_anchor_ttl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 2rem;
  height: 140px;
}
.haikai-kanchikiki
  .lineup_anchor_area
  .lineup_anchor_contents
  .lineup_anchor_txt {
  width: auto;
  margin: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 880px) {
  .haikai-kanchikiki .lineup_anchor_area .lineup_anchor_contents {
    width: 23%;
    margin: 0;
    margin-bottom: 2.6%;
  }
  .haikai-kanchikiki
    .lineup_anchor_area
    .lineup_anchor_contents:not(:nth-of-type(4n)) {
    margin-right: 2.6%;
  }
}
@media (max-width: 879px) and (min-width: 601px) {
  .haikai-kanchikiki .lineup_anchor_area .lineup_anchor_contents {
    width: 48%;
    margin-right: 0%;
    margin-bottom: 4%;
  }
  .haikai-kanchikiki
    .lineup_anchor_area
    .lineup_anchor_contents:not(:nth-of-type(2n)) {
    margin-right: 4%;
  }
}
@media (max-width: 600px) {
  .haikai-kanchikiki .lineup_anchor_area .lineup_anchor_contents {
    width: 100%;
    margin-right: 0%;
  }
}
.haikai-kanchikiki .note > li {
  position: relative;
  padding-left: 20px;
}
.haikai-kanchikiki .note > li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.haikai-kanchikiki #lineup04 .lineup_caption {
  max-width: 330px;
}
.haikai-kanchikiki .point_txtx {
  text-align: center;
  max-width: 670px;
  margin: 0 auto 80px;
  word-break: auto-phrase;
}
.haikai-kanchikiki .s_innerx {
  max-width: 800px;
  margin: auto;
}
.haikai-kanchikiki .lineup_contents_img img {
  max-width: 96%;
  max-height: 300px;
  margin: auto;
}
.haikai-kanchikiki .handleh_txtwrapbox {
  margin-top: 40px;
}
.haikai-kanchikiki .handleh_txtwrapbox .ul50x {
  margin-top: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.haikai-kanchikiki .handleh_txtwrapbox .ul50x > li {
  width: 48%;
}
@media (max-width: 600px) {
  .haikai-kanchikiki .handleh_txtwrapbox .ul50x > li {
    width: 100%;
    margin: 3% 0;
  }
  .haikai-kanchikiki .handleh_txtwrapbox .ul50x > li .img_wp {
    text-align: center;
  }
}
.haikai-kanchikiki .titpoints {
  color: #51a9c3;
  font-size: 2rem;
  font-weight: bold;
  margin: 15px 0;
}
.haikai-kanchikiki .alinks {
  color: #51a9c3;
  font-weight: bold;
  text-decoration: underline;
}
.haikai-kanchikiki .bl_ttl .tsp {
  display: none;
}
@media (max-width: 1200px) {
  .haikai-kanchikiki .bl_ttl .tsp {
    display: block;
  }
}
@media (max-width: 880px) {
  .haikai-kanchikiki .bl_ttl .sp {
    display: block !important;
  }
}
.haikai-kanchikiki .lineup_bg_area {
  margin-top: 80px;
}
.haikai-kanchikiki .lineup_bg_area .lineup_bx#lineup02 .lineup_contents_img {
  background-color: unset;
}
.haikai-kanchikiki
  .lineup_bg_area
  .lineup_bx#lineup02
  .lineup_contents_img
  img {
  max-width: 100%;
  max-height: unset;
  margin: auto;
}
.haikai-kanchikiki .lineup_bg_area .lineup_bx#lineup03 .lineup_contents_img {
  background-color: unset;
}
.haikai-kanchikiki
  .lineup_bg_area
  .lineup_bx#lineup03
  .lineup_contents_img
  img {
  max-width: 100%;
  max-height: unset;
  margin: auto;
  border: solid 1px #e1e1e1;
}
.haikai-kanchikiki .lineup_bg_area .lineup_bx#lineup04 .lineup_contents_img {
  background-color: unset;
}
.haikai-kanchikiki
  .lineup_bg_area
  .lineup_bx#lineup04
  .lineup_contents_img
  img {
  max-width: 100%;
  max-height: unset;
  margin: auto;
  border: solid 1px #e1e1e1;
}
.haikai-kanchikiki #riyou_sec .m_inner {
  max-width: 810px;
  margin: auto;
}
.haikai-kanchikiki .point_sec .point_top_txt2 {
  text-align: center;
  font-size: 2.2rem;
  font-size: min(3.8vw, 2.2rem);
  line-height: 1.7em;
  font-weight: bold;
  margin-bottom: 50px;
}
.haikai-kanchikiki .point_sec .right_txtlink_wpwp .right_txtlink {
  margin-bottom: 0px;
  margin-top: 60px;
}

main.no-index.haikai-kanchikiki .mainv.service div.icons.product-icon-l {
  bottom: 0px;
  right: 1.8%;
}
main.no-index.haikai-kanchikiki .mainv.service div.icons.product-icon-l img {
  width: auto;
  height: auto;
  vertical-align: bottom;
  display: block;
}

@media (max-width: 600px) {
  .haikai-kanchikiki .point_txtx {
    text-align: left;
    margin-bottom: 6%;
    word-break: normal;
  }
  .haikai-kanchikiki .handleh_txtwrapbox {
    margin-top: 5%;
  }
}
@media (max-width: 1260px) {
  .haikai-kanchikiki .intro_sec .bl_ttl .tps {
    display: block !important;
  }
}
@media (max-width: 1050px) {
  .haikai-kanchikiki .mainv.service div.icons.product-icon-l {
    width: 27%;
  }
}
@media (max-width: 880px) {
  .haikai-kanchikiki .mainv.service div.icons.product-icon-l {
    bottom: 30px;
    right: 0%;
    width: 50%;
    margin: auto;
  }
  .haikai-kanchikiki .mainv.service div.icons.product-icon-l::before {
    width: 100%;
    height: 82px;
    background-image: url(../img/haikai-kanchikiki/mv_img_sp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    content: "";
  }
  .haikai-kanchikiki .mainv.service div.icons.product-icon-l img {
    display: none !important;
  }
  .haikai-kanchikiki
    .lineup_anchor_area
    .lineup_anchor_contents
    .lineup_anchor_ttl {
    font-size: 2rem;
    height: 120px;
  }
  .haikai-kanchikiki
    .lineup_anchor_area
    .lineup_anchor_contents.tpp2
    .lineup_anchor_img {
    position: relative;
  }
  .haikai-kanchikiki
    .lineup_anchor_area
    .lineup_anchor_contents.tpp2
    .lineup_anchor_img
    img {
    position: absolute;
    top: 0;
    left: 0;
  }
}