@charset "UTF-8";
/* CSS Document */

body {
  width: 100%;
  background-color: #fbdcc9;
  background-image: url("../img/main_bg.webp"), linear-gradient(0deg, #eababe, #eababe 0%, #f6d7ab 60%, #9db9d6);
  background-size: 1350px 1300px, 100% 1300px;
  background-repeat: no-repeat, no-repeat;
  background-position: top center, top center;
  font-family: YuGothic, 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif';
    font-size: 16px;
}



/* テーマ */
.main_contents {
  width: 100%;
  max-width: 900px;
  flex: 1;

}
.main1 {
  width: 100%;
  max-width: 710px;
  margin: 160px 0px 40px auto;
}
.main2 {
  width: 65%;
  max-width: 460px;
  margin: 0px 0px 0px auto;
}
/* 新着情報 */
.news {
  width: 100%;
  max-width: 820px;
  background-color: white;
  border-radius: 30px;
  margin: 600px 0px 150px auto;
  padding: 50px 20px 50px 20px;
  box-shadow: 5px 5px 5px 0px rgba(97, 90, 107, .75)
}
.news h2 {
  font-size: 1.75rem;
  color: #572f5a;
  margin: 0px auto 20px auto;
  padding: 0px 0px 0px 15px;
  border-left: 6px solid #572f5a;
  width: 100%;
  max-width: 640px;
}
.news_in {
  height: 270px;
  width: 100%;
    overflow-y: scroll;
  max-width: 640px;
  margin: 0 auto;
}
.news_in a {
    text-decoration: none;
}



.news dl {
  padding: 15px 0px;
  margin: 0px auto;
  border-bottom: 1px solid #b4aabc;
}
.news dt {
  padding: 0px 0px 5px 0px;
}
@media screen and (max-width:1200px) {
    body {
    background-color: #fbdcc9;
    background-image: url("../img/main_bg.webp");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
  }
  .main_all {
    width: 100%;
    aspect-ratio: 3.3 / 3;
  }
  .main1 {
    margin: 15% 0px 0px auto;
  }
  .news {
    margin: 0px 0px 100px auto;

  }
}
@media screen and (max-width:992px) {
     body {
    background-size: 115%;
  }
  .news {
    margin: 2% 0px 15% auto;
  }
  .main_all {
    aspect-ratio: 3.7 / 3;
  }
  .main1 {
    margin: 8% auto 0px auto;
    width: 100%;
  }
  .main2 {
    margin: -2% 0px 0px auto;
  }
    
}

@media screen and (max-width:762px) {.news h2 {
        font-size: 1.5rem;}
}