@charset "UTF-8";
/* CSS Document */
.block1 {
  width: 100%;
  padding: 155px 0px 120px 0px;
  background-image: linear-gradient(90deg, rgb(255 255 255 / 56%), rgb(255 255 255 / 56%)), url("../img/bg1.jpg");
  background-size: 100%, cover;
  background-repeat: no-repeat no-repeat;
  background-position: top, center;
}
.block1 .txt1 {
  color: #b45f06;
  font-weight: 700;
  line-height: 200%;
  font-size: 3.3rem;
  margin: 0px 0px 20px 0px;
}
.block1 .txt2 {
  color: #7f6000;
  font-weight: 700;
  vertical-align: baseline;
  font-size: 2.4rem;
  line-height: 160%;
}
.block2 {
  color: #783f04;
  font-weight: bold;
  width: 100%;
  padding: 50px 0px 50px 0px;
  background-color: rgb(242, 242, 242);
}
.block2 .txt1 {
  font-weight: 700;
  vertical-align: baseline;
  font-size: 4.0rem;
    margin: 0px 0px 25px 0px;
}
.block2 .txt2 {
  font-size: 3.2rem;
  line-height: 140%;
}
.block3 {
  color: #FFF;
  background-image: linear-gradient(90deg, rgb(35 35 35 / 50%), rgb(35 35 35 / 50%)), url("../img/bg2.jpg");
  background-size: 100%, cover;
  background-repeat: no-repeat no-repeat;
  background-position: top, center;
  padding: 50px 0px 70px 0px;
}
.block3 .txt1 {
  font-weight: 700;
  vertical-align: baseline;
  font-size: 3.2rem;
  margin: 0px 0px 25px 0px;
}
.block3 .txt2 {
  display: block;
  max-width: 1135px;
  margin: 0px auto;
  width: 100%;

  line-height: 160%;
    text-align: left;
  word-break: keep-all;
}
.b_title {
  color: rgb(120, 63, 4);
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 10px;
    line-height: 150%;
}
.block4 {
  max-width: 1135px;
  margin: 30px auto;
  width: 100%;
  display: flex;
}
.block4 p {
  text-align: left;
  line-height: 170%;

  word-break:keep-all;
  margin: 0px 0px 20px 0px;
}
.block4_l {
  flex: 1;
}
.block4_r {
  width: 380px;
  margin: 0px 0px 0px 35px;
}
.block4_r img {
  width: 100%;
}
.block5 {
  padding-inline: calc((100vw - 1135px) / 2);
  background-color: rgba(242, 242, 242, 1);
  padding-top: 35px;
  padding-bottom: 35px;
}
.block5 p {
  display: block;
  margin: 0px auto 50px auto;
  max-width: 1135px;
  width: 100%;
  line-height: 170%;
text-align: left;
  word-break: keep-all;
}
.block5 img {
  width: 100%;
}
.img_box {
  display: flex;
  justify-content: space-around;
  margin: 50px 0px 0px 0px;
    border: 3px solid #000;
    background-color: #FFF;
    padding: 10px 0px;
}
.img_box div {
  width: 31%;
}
.block6 {
  max-width: 1135px;
  margin: 0px auto;
  width: 100%;
  padding: 35px 0px;
}
.block6 p {
word-break: keep-all;
    text-align: left;
  line-height: 170%;
   text-align: left;
  word-break: keep-all;
}
.new_release {
  background: rgb(242, 242, 242);
  padding-top: 80px;
  padding-bottom: 100px;
  line-height: 165%;
word-break: keep-all;
    text-align: left;
    
}
.new_release h3 {
  font-size: 2.0rem;
  font-weight: bold;
  margin: 0px 30px 0px 0px;
  color: #783f04;
  position: relative;
  padding: 0px 0px 10px 0px;
  width: 230px;
  border-right: 1px dotted #000;
    
}
.new_release .txt1 {
  font-weight: 700;
  vertical-align: baseline;
  font-size: 4.0rem;
  margin: 0px 0px 25px 0px;
  color: #783f04;
    text-align: center;
}
.date {
  text-align: left;
  display: flex;
  margin: 40px auto 0 auto;
  padding: 40px;
  background-color: #FFF;
  border-radius: 20px;
max-width: 1055px;
  width: calc(100% - 80px);
}
.date .news_in {
  width: calc(100% - 260px);
  height: 160px;
  overflow-y: scroll;
}
.date dl {
  width: 100%;
  margin: 0px auto 10px auto;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  line-height: 150%;
  
}
.date dt {
  width: 120px;
  color: #783f04;
  padding: 2px 0;
  margin: 0 20px 0 0;
  background-color: rgba(242, 242, 242, 1);
  font-weight: 400;
  font-size: 1.5rem;
  text-align: center;
}
.date dd {
  width: calc(100% - 140px);
  margin: 0px 0px 0px 0px;
}
.list01 li {
  position: relative;
  padding: 0px 0px 5px 20px;
  text-decoration: none;
word-break: keep-all;
    text-align: left;
  list-style: none;
}
.list01 li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0px;
  margin: 0;
  width: 8px;
  height: 8px;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #783f04;
  border-right: 2px solid #783f04;
}
/*　↓↓↓↓↓　1200px以下のデバイスを使用するとき　↓↓↓↓↓　*/
@media screen and (max-width:1200px) {
  .block1 {
    padding: 155px 5% 120px 5%;
    width: 90%;
  }
  .block2 {
    width: 90%;
    padding: 40px 5% 35px 5%;
  }
  .block3 {
    padding: 50px 10% 70px 10%;
  }
  .block4 {
    width: 90%;
    padding: 0 5%;
  }
  .block5 {
    width: 90%;
    padding: 35px 5%;
  }
  .block6 {
    width: 90%;
    margin: 0px auto;
  }
.date {
  width: calc(90% - 80px);
}
}
@media screen and (max-width:1080px) {
    
    .date {
   display: block;
    }
    .date .news_in
    {width: 100%;}
    .new_release h3{
                margin: 0px 0px 10px 0px;
    padding: 0px 0px 20px 0px;
    width: 100%;
    border-right:none;
        
    }
}



@media screen and (max-width:850px) {
    
    .new_release h3 {
        margin: 0px 0px 0px 0px;
    }
    .date dl {display: block;}
    
    .date dt {
    margin: 0 0px 5px 0;
    }
    .date dd {
        width: 100%;
    }
.date .news_in {
    width: 100%;
    height: 170px;}
}

    
@media screen and (max-width:765px) {
  .block1 .txt1 {
    font-size: 2.8rem;
  }
    
.block2 .txt2 {
        font-size: 2.8rem;
    }
    

    
  .block4 {
    display: block;
  }
  .block4_r {
    margin: 0px auto;
  }
  .block4_r img {
    margin: 10px auto;
  }
  .img_box {
    width: 100%;
    display: inline-block;
  }
  .img_box div {
    width: 330px;
    margin: 15px auto 15px auto;
  }
    
 
}
@media screen and (max-width:650px) {
      .block1 .txt1 {
    font-size: 2.2rem;
  }
    
    .block1 .txt2 {
    font-size: 2.0rem;
    }
    
    .block2 .txt1 {
    font-size: 3.0rem;
    }
.block2 .txt2 {
        font-size: 2.2rem;
    }

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