@charset "UTF-8";

body {
  background-color: #d0513f;
}

p {
  font-size: 1.4rem;
}

h4 {
  /* font-family: "fot-chiaro-std", sans-serif; */
  /* font-weight: 700; */
  font-style: normal;
  font-size: 2rem;
  padding-top: 50px;
}

.works-top {
  display: flex;
  justify-content: space-between;
}

.works-main-img {
  width: 50%;
    max-width: 749px;
}

.works-text {
  width: 50%;
  color: #F5EEE9;
  margin: 20rem 10rem 0 8rem;
}

.works-text h2 {
  transform: rotate(-7deg);
font-family: "annabelle-jf", sans-serif;
font-weight: 400;
font-style: normal;
  padding-bottom: 30px;
  font-size: 4.5rem;
  text-align: right;
    font-style: normal; 
   
}



.overview {
  text-align: right;
  /* padding-right: 80px; */
  /* padding-top: 7rem; */
}

.overview h3 {
font-size: 1.6rem;
}


.detail {
  padding-left: 13rem;
  padding-top: 20px;
}

.visit-round {
display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #800000;
    text-align: center;
    line-height: 60px;
    /* position: absolute; */
    /* bottom: 20px; */
    /* left: 490px; */
    color: #800000;
    margin-top: 30px;
    font-family: "fot-chiaro-std", sans-serif;
}


.list-item {
  display: flex;
  gap: 0.5vw;
  text-align: right;
  justify-content: flex-end;/*右寄せで配置*/
  padding-top: 8px;
  flex-wrap: wrap;
}

.list-item li {
  padding: 1px 8px;
    /* margin-bottom: 10px; */
    border: solid 1px;
    border-radius: 20px;
    text-align: center;
    display: inline;
        line-height: 1.5;
}
/* .category {
  margin-top: 30px;
} */

.objectiva-target {
  display: flex;
  justify-content: space-between;
      gap: 20px;
}

.general_p + .general_p {
  margin-top: 1.5rem;
}

.general_img {
margin: 80px auto 0;
width: 25%;
    max-width: 742px;
        min-width: 250px;
}

/* .general_img + .general_img {
 margin-top: 5rem;
} */

.works_pagetop {
  margin: 0 25rem 5rem 
}

.product_details {
 display: flex;
}

/*-------------------- レスポンシブ 表示 タブレット
----------------------------------------*/

@media screen and (max-width: 900px) {
.works-top{
  display: block;
}
.works-main-img {
  width: 100%;
  max-width: none;
}
  .works-text{
width: auto;
margin: 10rem 5rem 0 8rem;
}

.works-text h2 {
      font-size: 3.5rem;

}

/* .general_img {
  width: 70%;
} */

.works_pagetop {
    width: 80%;
    margin: 0 auto 5rem;
}

}


/*-------------------- レスポンシブ 表示 スマホ
----------------------------------------*/

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

    .works-text {
        margin: 7rem 3rem 2rem 3rem; ;
    }

    .works-text h2 {
        font-size: 2.8rem;
    }

    .detail {
     padding-left: 0;
    }
.objectiva-target {
  display: block;
}
.category {
     margin-top: 0px;
}
.product_details {
  display: block;
}
.list-item {
      gap: 1vw;
}

li {
      font-size: 1.2rem;
}

}