@charset "UTF-8";

.read_wrap.txtAlL {
  text-align: left;
}

.detail_wrap {
  position: relative;
  background: #f2f2ec;
  border-radius: 10px;
  padding: var(--inner-padding-LR);
  margin-top: 40px;
}

.detail_wrap .detail_box {
  width: 65%;
  display: flex;
  justify-content: space-between;
  text-align: left;
}

.detail_wrap .detail_box dl {
  width: 48%;
}

.detail_wrap .detail_box dl dt {
  font-size: 17px;
  font-weight: bold;
}

.detail_wrap .detail_box dl dd {
  font-size: 14px;
  /* font-weight: 500; */
}

.detail_wrap .detail_box .facts_list {
  column-count: 2;
}

.detail_wrap .img_wrap {
  width: 30%;
  position: absolute;
  bottom: -36%;
  right: 2%;
  transform: translate(0, 0%);
}

.imgBoxList_wrap li .txt_wrap .title_box .year {
  display: block;
  font-size: 0.65em;
  color: #00a7e3;
}

.imgBoxList_wrap li .img_wrap.make_02 picture,
.imgBoxList_wrap li .img_wrap.point_03 picture {
  margin: auto;
  padding: var(--inner-padding-LR);
}

.imgBoxList_wrap li .img_wrap.make_02 picture,
.imgBoxList_wrap li .img_wrap.make_02 img,
.imgBoxList_wrap li .img_wrap.point_03 picture,
.imgBoxList_wrap li .img_wrap.point_03 img {
  object-fit: contain;
}

@media only screen and (max-width: 1163px) {

  .detail_wrap .detail_box {
    width: 66%;
  }

  .detail_wrap .detail_box dl {
    width: 48.5%;
  }

  .detail_wrap .detail_box dl dt {
    font-size: 1.7vw;
  }

  .detail_wrap .detail_box dl dd {
    font-size: 1.38vw;
  }

}

@media only screen and (max-width: 959px) {

  .imgBoxList_wrap li .txt_wrap .txt_box .pc {
    display: none !important;
  }
}

/*==========================================================================================
ここからSP
==========================================================================================*/

@media only screen and (max-width: 767px) {

  .h2_txt_box {
    margin-bottom: 4vw;
  }

  .detail_wrap {
    margin-top: 6vw;
  }

  .detail_wrap .detail_box {
    width: 100%;
    flex-wrap: wrap;
  }

  .detail_wrap .detail_box dl {
    width: 100%;
  }

  .detail_wrap .detail_box dl dt {
    font-size: 4vw;
  }

  .detail_wrap .detail_box dl dd {
    font-size: 3.5vw;
  }

  .detail_wrap .detail_box dl+dl {
    margin-top: 4vw;
  }

  .detail_wrap .detail_box .facts_list {
    column-count: unset;
  }

  .detail_wrap .img_wrap {
    width: 48%;
    position: absolute;
    bottom: -5%;
    right: 0%;
  }

  .imgBoxList_wrap li .img_wrap.make_02,
  .imgBoxList_wrap li .img_wrap.point_03 {
    height: fit-content;
  }

  .imgBoxList_wrap li .txt_wrap .title_box .year {
    font-size: 0.7em;
  }

}