.q-our-work_datail h1{
    margin-bottom: 90px;
    margin-top: 70px;
}

/* スライド */
.q-our-work_datail .our-work_slider_wrapper {
  max-width: 100%; /* 親幅いっぱい */
  overflow: hidden;
  margin-bottom: 100px;
}
.q-our-work_datail .our-work_slider_main{
    position: relative;
}
.q-our-work_datail .our-work_slider {
  overflow: hidden;
}
.q-our-work_datail .slider-track {
  display: flex;
  transition: transform 0.5s ease;
}
/* スライド幅を70%で中央に配置、マージンなし */
.q-our-work_datail .our-work_slider .slide {
  flex: 0 0 70%;
  margin: 0; /* 余白なし */
  transition: transform 0.4s ease, opacity 0.4s ease;
  aspect-ratio: 889 / 596;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.q-our-work_datail .our-work_slider .slide img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}
/* 中央スライド強調 */
.q-our-work_datail .our-work_slider .slide.active {
  opacity: 1;
}
.q-our-work_datail .our-work_slider .slide:not(.active) {
  opacity: 0.6;
}
/* ボタン */
.q-our-work_datail .our-work_prev, .our-work_next {
  position: absolute;
  top: 50%;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 2;
  width: 50px;
}
.q-our-work_datail .our-work_prev { 
  left: 13%; 
  transform: translateY(-50%);
}
.q-our-work_datail .our-work_next { 
    right: 13%;
    transform: scale(-1, 1) translateY(-50%);
}
/* ドット（サムネイル） */
.q-our-work_datail .our-work_dots {
  max-width: 1120px;
  margin: 0 auto;
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.q-our-work_datail .our-work_dots .dot {
  width: 100%;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.3s;
}
.q-our-work_datail .our-work_dots .dot.active {
  opacity: 1;
}
.q-our-work_datail .our-work_dots .dot_wrapper {
  aspect-ratio: 150 / 100;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* 概要 */
.q-our-work_datail .inner-1120_outside{
    padding-inline: 40px;
}
.q-our-work_datail .inner-1120{
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}
.q-our-work_datail .work_summary-title{
    text-align: center;
    background-color: #A0051D;
    color: #fff;
    padding-block: 18px;
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
}
.q-our-work_datail .work_summary{
    background-color: #fff;
    padding: 60px;
}
.q-our-work_datail .work_table{
    width: 100%;
}
.q-our-work_datail .work_summary .work_table tr{
    display: grid;
    grid-template-columns: 190px 1fr;
    font-size: 18px;
    border-bottom: 1px solid #000;
}
.q-our-work_datail .work_summary .work_table tr:first-child{
    border-top: 1px solid #000;
}
.q-our-work_datail .work_summary .work_table th{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F1F1F1;
    font-weight: bold;
    padding-block: 30px;
}
.q-our-work_datail .work_summary .work_table td{
    padding: 30px 40px;
}

/* pager */
.q-our-work_datail .pager-btn{
    max-width: 526px;
    display: grid;
    grid-template-columns: 1fr 192px 1fr;
    margin: 0 auto;
    margin-top: 100px;
    line-height: 1;
    font-weight: bold;
    align-items: center;
}
.q-our-work_datail .pager_back a{
    display: block;
    width: 100%;
    text-align: center;
    padding: 16px;
    background-color: #A0051D;
    color: #fff;
    white-space: nowrap;
}
.q-our-work_datail .pager_prev a,
.q-our-work_datail .pager_next a{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #A0051D;
    white-space: nowrap;
}
.q-our-work_datail .pager_next{
    margin: 0 0 0 auto;
}
.q-our-work_datail .pager_prev img,
.q-our-work_datail .pager_next img{
    width: 25px;
}
.q-our-work_datail .pager_next img{
   transform: scale(-1, 1);
}

/* ホバー */
.q-our-work_datail .hov{
  transition: 0.5s ease;
}
@media screen and (min-width: 767px) {
.q-our-work_datail .hov:hover{
  opacity: 0.5;
}
}

@media screen and (max-width: 1160px) {
.q-our-work_datail .our-work_dots {
    padding-inline: 20px;
    gap: 10px;
}
}

@media screen and (max-width: 767px) {
.q-our-work_datail .inner-1120_outside{
    padding-inline: 10rem;
}

/* スライド */
.q-our-work_datail .our-work_slider_wrapper {
  margin-bottom: 60rem;
}
.q-our-work_datail .our-work_slider .slide {
  flex: 0 0 100%;
}
/* ボタン */
.q-our-work_datail .our-work_prev, .our-work_next {
  width: 30rem;
}
.q-our-work_datail .our-work_prev { 
  left: 3%;
}
.q-our-work_datail .our-work_next { 
    right: 3%;
}
/* ドット（サムネイル） */
.q-our-work_datail .our-work_dots {
  padding-inline: 10rem;
  margin-top: 40rem;
  grid-template-columns: repeat(4, 1fr);
  gap: 5rem;
}
.q-our-work_datail .our-work_dots .dot.active {
  opacity: 1;
}

/* 概要 */
.q-our-work_datail .work_summary-title{
    padding-block: 14rem;
    font-size: 20rem;
}
.q-our-work_datail .work_summary{
    background-color: #fff;
    padding: 20rem;
}
.q-our-work_datail .work_summary .work_table tr{
    grid-template-columns: 100rem 1fr;
    font-size: 14rem;
    border-bottom: 1rem solid #000;
}
.q-our-work_datail .work_summary .work_table tr:first-child{
    border-top: 1rem solid #000;
}
.q-our-work_datail .work_summary .work_table th{
    background-color: #F1F1F1;
    font-weight: bold;
    padding-block: 20rem;
}
.q-our-work_datail .work_summary .work_table td{
    padding: 20rem 10rem;
}

/* pager */
.q-our-work_datail .pager-btn{
    max-width: 300rem;
    grid-template-columns: 1fr 120rem 1fr;
    margin-top: 60rem;
}
.q-our-work_datail .pager_back a{
    padding: 10rem;
    font-size: 14rem;
}
.q-our-work_datail .pager_prev a,
.q-our-work_datail .pager_next a{
    gap: 5rem;
    font-size: 14rem;
}
.q-our-work_datail .pager_prev img,
.q-our-work_datail .pager_next img{
    width: 20rem;
}
}

/* 20250905 */

@media screen and (max-width: 767px) {
.q-our-work_datail .our-work_dots._spflex {
    display: flex;
}
.q-our-work_datail .our-work_dots._spflex .dot_wrapper {
    width: calc((100% - 15rem) / 4);
}
}