@charset "UTF-8";
/* Scss Document
*****************************************************************/
/* mixin
*********************************************************************/
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* フルワイド */
/* 1280 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;700&display=swap");
/*　font-family: 'Noto Serif JP', serif;　*/
@import url("https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap");
/*　font-family: 'Yuji Syuku', serif;　*/
.area_contents .block_contents {
  background-image: url("../images/bg_map.png");
  background-repeat: no-repeat;
  background-size: 850px;
  background-position: left top 140px;
}
@media all and (max-width: 1280px) {
  .area_contents .block_contents {
    background-size: 67vw;
  }
}
@media all and (max-width: 896px) {
  .area_contents .block_contents {
    background-image: none;
  }
}
.area_contents .block_contents .box_twocolumn .side_img {
  position: relative;
  width: 67%;
}
@media all and (max-width: 896px) {
  .area_contents .block_contents .box_twocolumn .side_img {
    width: 100%;
    order: 2;
    padding-top: 0;
  }
}
.area_contents .block_contents .box_twocolumn .side_img img {
  box-shadow: none;
  margin-bottom: 20px;
}
.area_contents .block_contents .box_twocolumn .side_img .btn_more {
  position: absolute;
  bottom: 70px;
  right: 200px;
}
@media all and (max-width: 1280px) {
  .area_contents .block_contents .box_twocolumn .side_img .btn_more {
    bottom: 10vh;
    right: 15vw;
  }
}
@media all and (max-width: 1025px) {
  .area_contents .block_contents .box_twocolumn .side_img .btn_more {
    bottom: auto;
    top: 40vh;
    right: 10vw;
  }
}
@media all and (max-width: 896px) {
  .area_contents .block_contents .box_twocolumn .side_img .btn_more {
    position: inherit;
    top: auto;
    right: auto;
    padding: 0;
  }
}
.area_contents .block_contents .box_twocolumn .side_img .btn_more a {
  text-align: center;
  padding: 16px;
}
.area_contents .block_contents .box_twocolumn .side_txt {
  width: 33%;
}
@media all and (max-width: 896px) {
  .area_contents .block_contents .box_twocolumn .side_txt {
    width: 100%;
    order: 1;
    margin-top: 20px;
  }
}
.area_contents .block_contents .col3 li img {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}