@charset "utf-8";

/* === image === */
.mvImg img, .bonusImg img {
  display: block;
}
@media screen and (min-width: 768px) {
  
}
@media not all and (min-width: 768px) {
  #mv .container__under02 {
    padding: 0;
  }
}

/* === 注意事項 === */
.note {
  font-size: 1rem;
}
.note h3 {
  color: #264592;
}
.note li {
  text-indent: -1em;
  padding-left: 1em;
}
.note li::before {
  content: "●";
  color: #264592;
}
.note h4 {
  color: #623700;
}
.note h4::before {
  content: "●";
  color: #264592;
}
.anchor__list {
  margin: 15px 0;
}
.anchor__list li:before {
  content: none;
}
@media screen and (min-width: 768px) {
  .contents--flex {
    display: flex;
    column-gap: 15px;
  }
  .content {
    flex: 1;
  }
}
@media not all and (min-width: 768px) {
  .content {
    margin-bottom: 15px;
  }
}

/* === 概要 === */
.summary h2 {
  color: #ad002b;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 10px;
}
table {
  background-color: #ffee7d;
}
table th,
table td {
  font-weight: normal;
  border-top: 1px solid #623700;
  vertical-align: middle;
}
table tr:last-child th,
table tr:last-child td {
  border-bottom: 1px solid #623700;
}
table th {
  color: #000;
}
table th.bl_exist {
  border-left: 1px solid #623700;
}
table th.bt_none {
  border-top: none;
}
table td {
  background-color: #fff;
}
@media screen and (min-width: 768px){
  table th,
  table td {
    padding: 12px;
  }
  table th {
    width: 5%;
  }
  table th + th {
    width: 20%;
  }
  table td {
    width: 75%;
  }
  table td .mt__pc20_sp08 {
    margin-top: 20px;
  }
}
@media not all and (min-width: 768px){
  table th {
    text-align: left;
  }
  table th,
  table td {
    padding: 8px;
  }
  table th {
    width: 1%;
  }
  table th + th {
    width: 24%;
  }
  table td {
    width: 75%;
  }
  table td .mt__pc20_sp08 {
    margin-top: 8px;
  }
}

/* === #contact === */
.contact .box ul {
  -webkit-box-pack: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .contact .box {
    width: 50%;
    margin: 0 auto;
  }
  .contact .box ul li {
    width: 340px;
    height: auto;
  }
}
