@charset "UTF-8";

.mv {
  margin: 0 auto;
  text-align:center;
}
.btn-light{
    display:block;
    background-image:url("../img/btn-ttm-api.png");
    background-color: transparent !important;
    border:0 !important;
    color:#fff !important;
    font-weight:bold !important;
    font-family: 'Noto Sans JP',sans-serif;
    margin-top: 5% !important;
    margin-bottom: 10% !important;
    position: relative;
    z-index: 9999;
}
.btn-light:hover,
.btn-light::visited{
    background-color: transparent !important;
    border:0 !important;
    color:transparent !important;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
    .btn-light{
     width:556px;
     height:106px;
     font-size:250% !important;
     line-height:95px !important;
     margin:-10% auto 0;
    }
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
    .btn-light{
     width:200px;
     height:38px;
     font-size:200% !important;
     line-height:34px !important;
     background-size:100%;
     margin:-30px auto 20px;
    }
}
.none{
  margin-top:0 !important;
  padding:0 !important;
  height:0 !important;
}

.mv-content100{
  position: relative;
}
.mv-content90{
  width:90%;
  margin: 0 auto;
}
.mv-content80{
  width:80%;
  margin: 10% auto;
}

.product__bg {
  position: absolute;
  right: 0;
  top: 20%;
  max-width: 1618px;
  z-index: -1;
}

.pv {
  width:70%;
  margin-top:5%;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  border-top:5px solid #eee;
  border-left:5px solid #ccc;
  border-right:5px solid #777;
  border-bottom:5px solid #333;
}
.pv iframe{
  width:100%;
  height:100%;
  aspect-ratio: 16 / 9;
  display: block;
  border:5px solid #fff;
}
.pv span{
  width:100%;
  height:100%;
  aspect-ratio: 16 / 9;
  display: block;
  border:5px solid #fff;
}

.pv h3{
  font-size:200%;
  text-align:center;
  font-weight:bold;
  color:#fff;
  background:#000;
  padding:5px;
  border-top:5px solid #fff;
  border-left:5px solid #fff;
  border-right:5px solid #fff;
}

.product-slider {
  position: relative;
  width: 100%;
}
.product-slider__inner {
  max-width: 980px;
  max-width: 61.25rem;
  width: 100%;
  position: relative;
  margin: auto;
  padding-top: 20px;
  padding-top: 1.25rem;
}

.relevant {
  margin-top: 120px;
  margin-top: 7.5rem;
}
.relevant__title {
  max-width: 566px;
  max-width: 35.375rem;
  width: 50%;
  margin: auto;
}
.relevant__items {
  margin-top: 30px;
  margin-top: 1.875rem;
}
.relevant__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.relevant__item {
  max-width: 300px;
  max-width: 18.75rem;
  width: calc(100% - 1.25rem);
  height: auto;
  margin: 0 20px;
  margin: 0 1.25rem;
}
.yellow-copy {
  max-width: 618px;
  max-width: 38.625rem;
  width: 60%;
  margin: auto;
  margin-top: 50px;
  margin-top: 3.125rem;
}
.kantan-gattai{
  width:70%;
  margin:20px auto;
}