@charset "utf-8";
/*要素のリセット*/
figcaption, figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
p {
  text-align: justify;
}
/*** ASD03 heroheader*/
.hero_h_asd {
  width: 100%;
  height: 450px;
  margin: 0 auto;
  padding: 0;
  background-repeat: none;
  background-position: center;
  background-size: cover;
}
.hero_h_asd section {
  width: 100%;
  max-width: 930px;
  margin: 0 auto;
  position: relative;
}
.hero_h_asd section div {
  line-height: 180%;
  position: absolute;
  top: 220px;
  left: 0;
  width: 42%;
  padding: 10px 0 0px 30px;
  background: rgba(250, 250, 250, 0.75);
  /* box-shadow */
  box-shadow: 0px 4px 10px 0px #666666;
  -moz-box-shadow: 0px 4px 10px 0px #666666;
  -webkit-box-shadow: 0px 4px 10px 0px #666666;
}
.hero_h_asd h1 {
  font-size: 140%;
  padding: 10px 0 15px 0;
  margin: 0;
  font-family: "heisei-kaku-gothic-std", sans-serif;
}
.hero_h_asd h2 {
  font-size: 170%;
  padding: 0;
  margin: 0;
  font-family: "heisei-kaku-gothic-std", sans-serif;
}
.hero_h_asd h3 {
  font-size: 250%;
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 3px 3px 6px #333333;
  font-family: "heisei-kaku-gothic-std", sans-serif;
  position: absolute;
  top: 60px;
  line-height: 140%;
}
.hero_h_asd section div ul {
  font-size: 100%;
  line-height: 180%;
  list-style: none;
  padding: 0;
}
.hero_h_asd section div ul li span {
  display: inline-block;
  width: 50px;
}
.hero_h_asd img.model_photo {
  width: 48%;
  height: auto;
  position: absolute;
  top: 80px;
  right: 10px;
}
/*** 1カラム ***/
.colum1 {
  margin: 1em 0 3em 0;
}
.colum1 p {
  margin: 0 0 0.5em 0;
}
/*** センター2カラム ***/
.colum2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 1em 0 3em 0;
}
.colum2 div {
  width: 48%;
  margin: 0;
  padding: 0;
}
.colum2 div figure img {
  width: 100%;
  margin: 0;
  padding: 0;
}
.colum2 div p {
  margin: 0;
  padding: 0;
}
.icon_fhd {
  width: 70% !important;
  margin: 1em 0 0 0 !important;
  padding: 0;
}
/*** 録画機を一体化 ***/
.recin {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0.5em 0 2em 0;
}
.recin div {
  width: 67%;
  margin: 0;
  padding: 0;
}
.recin div h3 {
  margin: 0 0 0.25em 0;
  padding: 0;
}
.recin div p {
  margin: 0;
  padding: 0;
}
.recin figure {
  width: 30%;
  margin: 0;
  padding: 0;
}
.recin figure img {
  width: 100%;
  margin: 0;
  padding: 0;
}
/*** 追加の防水施行 ***/
.bousui {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 2em;
}
.bousui div {
  width: 67%;
  margin: 0;
  padding: 0;
}
.bousui div h3 {
  margin: 0 0 0.25em 0;
  padding: 0;
}
.bousui div p {
  margin: 0;
  padding: 0;
}
.bousui figure {
  width: 30%;
  margin: 0;
  padding: 0;
}
.bousui figure img {
  width: 100%;
  margin: 0;
  padding: 0;
}
.kome {
  font-size: 0.6rem;
  line-height: 1.4em !important;
}
/*** パッケージ内容 ***/
.pkg_zone {
  padding: 0;
  margin: 0 0 3em 0;
  width: 100%;
}
.pkg_zone ol {
  padding: 0;
  margin: 0 0 0 0;
  width: 100%;
}
.pkg_zone ol li span {
  padding: 0;
  margin: 0 0 0 0;
  width: 60%;
  max-width: auto;
}
.pkg_zone img {
  width: 100%;
}
@media (max-width: 640px) {
  /*** ASD01 heroheader*/
  .hero_h_asd {
    height: 80vh;
    max-height: 667px;
    margin: 0 auto;
    padding: 0;
  }
  .hero_h_asd img.model_photo {
    width: 65%;
    height: auto;
    position: absolute;
    top: 20vh;
    right: 15%;
  }
  .hero_h_asd section div {
    font-size: 80%;
    line-height: 180%;
    position: absolute;
    top: 46vh;
    left: 5%;
    width: 82%;
    padding: 0 4%;
    background: rgba(250, 250, 250, 0.75);
    /* box-shadow */
    box-shadow: 0px 4px 10px 0px #666666;
    -moz-box-shadow: 0px 4px 10px 0px #666666;
    -webkit-box-shadow: 0px 4px 10px 0px #666666;
  }
  .hero_h_asd h1 {
    font-size: 115%;
    padding: 10px 0 5px 0;
    margin: 0;
    font-family: "heisei-kaku-gothic-std", sans-serif;
  }
  .hero_h_asd h2 {
    font-size: 170%;
    padding: 0;
    margin: 0;
    font-family: "heisei-kaku-gothic-std", sans-serif;
  }
  .hero_h_asd h3 {
    font-size: 150% !important;
    padding: 0;
    margin: 0;
    width: 90%;
    text-shadow: 3px 3px 6px #333333;
    top: 5vh;
    left: 5%;
    right: auto;
    text-align: center;
  }
  .hero_h_asd section div ul {
    font-size: 100%;
    line-height: 180%;
    list-style: none;
    padding: 0;
    margin: 5px 0;
  }
  .hero_h_asd section div ul li span {
    display: inline-block;
    width: 50px;
  }
  /*** 1カラム ***/
  .colum1 {
    margin: 0 0 3em 0;
  }
  .colum1 p {
    margin: 0 0 0.5em 0 !important;
  }
  /*** センター2カラム ***/
  .colum2 div {
    width: 100%;
    margin-bottom: 0.75em;
  }
  /*** 録画機を一体化 ***/
  .recin div {
    width: 100%;
  }
  .recin figure {
    width: 100%;
    margin: 0 0 1em 0;
  }
  /*** 追加の防水施行 ***/
  .bousui div {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .bousui figure {
    width: 100%;
  }
}
@media (max-width: 320px) {}