@charset "UTF-8";
html body .main-sub .section-01 .container .section-inner .txt {
  margin-bottom: 40px;
}
html body .main-sub .section-01 .container .section-inner .box {
  display: flex;
  justify-content: space-between;
}
html body .main-sub .section-01 .container .section-inner .box .item {
  width: 31.25%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
html body .main-sub .section-01 .container .section-inner .box .item img {
  height: 320px;
  width: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
html body .main-sub .section-02 .container .section-inner table tbody tr {
  border-top-color: #333333;
}
html body .main-sub .section-02 .container .section-inner table tbody tr .left {
  width: 25%;
}
html body .main-sub .section-02 .container .section-inner table tbody tr .iso img {
  height: 80px;
}
html body .main-sub .section-03 .container .section-inner {
  display: flex;
  justify-content: space-between;
}
html body .main-sub .section-03 .container .section-inner .left {
  width: 50%;
  padding-right: 5%;
}
html body .main-sub .section-03 .container .section-inner .left img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
html body .main-sub .section-03 .container .section-inner .right {
  width: 50%;
}
html body .main-sub .section-03 .container .section-inner .right .name {
  margin-top: 24px;
}
html body .main-sub .section-03 .container .section-inner .right .name * {
  font-family: "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif;
}
html body .main-sub .section-04 .container .section-inner table tbody tr {
  border-top-color: #333333;
}
html body .main-sub .section-04 .container .section-inner table tbody tr .left {
  width: 20%;
}
@media screen and (max-width: 1280px) {
  html body .main-sub .section-01 .container .section-inner .box .item img {
    height: 240px;
  }
}

@media screen and (max-width: 768px) {
  html body .main-sub .section-01 .container .section-inner .box .item img {
    height: 160px;
    width: 200px;
  }
  html body .main-sub .section-02 .container .section-inner table tbody tr {
    display: flex;
    flex-direction: column;
  }
  html body .main-sub .section-02 .container .section-inner table tbody tr .left {
    width: 100%;
    padding: 4px 12px;
    font-weight: bold;
  }
  html body .main-sub .section-02 .container .section-inner table tbody tr .right {
    width: 100%;
    padding: 4px 12px;
  }
  html body .main-sub .section-03 .container .section-inner {
    display: flex;
    flex-wrap: wrap;
  }
  html body .main-sub .section-03 .container .section-inner .left {
    width: 100%;
    padding-right: 0;
  }
  html body .main-sub .section-03 .container .section-inner .left img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
  html body .main-sub .section-03 .container .section-inner .right {
    margin-top: 24px;
    width: 100%;
  }
  html body .main-sub .section-04 .container .section-inner table tbody tr {
    display: flex;
    flex-direction: column;
  }
  html body .main-sub .section-04 .container .section-inner table tbody tr .left {
    width: 100%;
    padding: 4px 12px;
    font-weight: bold;
  }
  html body .main-sub .section-04 .container .section-inner table tbody tr .right {
    width: 100%;
    padding: 4px 12px;
  }
}
@media screen and (max-width: 599px) {
  html body .main-sub .section-01 .container .section-inner .box {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  html body .main-sub .section-01 .container .section-inner .box .item {
    width: 48%;
  }
  html body .main-sub .section-01 .container .section-inner .box .item img {
    height: 160px;
    width: 200px;
  }
}