@charset "UTF-8";
/* TEMP
*****************************************************************/
/* mixin
*********************************************************************/
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/*  */
/*  */
/* 1280 */
/* フルワイド */
.area_copy_a {
  background-color: #F4F2E9;
  position: relative;
  padding: 0 20px;
  text-align: center;
}
.area_copy_a .block_copy {
  padding: 3.3vw 0;
}
@media all and (max-width: 896px) {
  .area_copy_a .block_copy {
    padding: 30px 0 30px;
  }
}
.area_copy_a .block_copy h2 {
  font-size: 3rem;
  line-height: 1.3em;
  font-weight: 400;
}
@media all and (max-width: 896px) {
  .area_copy_a .block_copy h2 {
    font-size: 2.4rem;
  }
}

.area_geograph {
  background-color: #F4F2E9;
  padding: 0 5vw;
}
.area_geograph .block_geograph {
  max-width: 1134px;
  margin: auto;
  background-color: #E3DDCE;
  padding: 3vw;
  box-sizing: border-box;
  position: relative;
}
.area_geograph .block_geograph .box_img {
  line-height: 0em;
  position: relative;
}
.area_geograph .block_geograph .box_img img {
  width: 100%;
  height: auto;
}
.area_geograph .block_geograph .box_txt {
  position: absolute;
  right: 110px;
  bottom: 3vw;
}
@media all and (max-width: 1025px) {
  .area_geograph .block_geograph .box_txt {
    right: 70px;
  }
}
@media all and (max-width: 896px) {
  .area_geograph .block_geograph .box_txt {
    position: relative;
    right: auto;
    bottom: auto;
    padding: 10px 0 0;
  }
}
.area_geograph .block_geograph .box_txt .address {
  font-size: 1.6rem;
  line-height: 1.6em;
}
.area_geograph .block_geograph .box_txt .aisatsu {
  font-size: 1.5rem;
  line-height: 1.6em;
  padding: 8px 0 0;
}

.area_map {
  background-color: #F4F2E9;
  padding: 5vw 0 0;
}
.area_map iframe {
  width: 100%;
  aspect-ratio: 16/7;
}
@media all and (max-width: 480px) {
  .area_map iframe {
    aspect-ratio: 6/5;
  }
}

.area_flow {
  background-color: #F4F2E9;
  padding: 0 5vw;
}
.area_flow .block_flow {
  max-width: 1134px;
  margin: auto;
  padding: 3vw 0 0;
}
@media all and (max-width: 896px) {
  .area_flow .block_flow {
    padding: 20px 0 0;
  }
}
.area_flow .block_flow img {
  width: 100%;
  height: auto;
}
.area_flow .block_flow ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -20px;
}
@media all and (max-width: 896px) {
  .area_flow .block_flow ul {
    margin: 0 -8px;
  }
}
.area_flow .block_flow ul li {
  width: 33.3333%;
  padding: 20px;
  box-sizing: border-box;
}
@media all and (max-width: 896px) {
  .area_flow .block_flow ul li {
    width: 50%;
    padding: 8px;
  }
}
@media all and (max-width: 480px) {
  .area_flow .block_flow ul li {
    width: 100%;
    padding: 15px 8px;
  }
}
.area_flow .block_flow ul li .box_ttl {
  display: flex;
  align-items: center;
}
.area_flow .block_flow ul li .box_ttl .icon {
  padding: 0 5px 0 0;
  width: 37px;
}
.area_flow .block_flow ul li .box_ttl h3 {
  font-size: 2.4rem;
  line-height: 1em;
  font-weight: 400;
}
@media all and (max-width: 896px) {
  .area_flow .block_flow ul li .box_ttl h3 {
    font-size: 2rem;
  }
}
.area_flow .block_flow ul li .box_flow {
  padding: 8px 0 0;
  line-height: 0em;
}

.area_movie {
  background-color: #F4F2E9;
  padding: 0 5vw 6vw;
}
.area_movie .block_movie {
  max-width: 1134px;
  margin: auto;
  padding: 3vw 0 0;
}
@media all and (max-width: 896px) {
  .area_movie .block_movie {
    padding: 20px 0 0;
  }
}
.area_movie .block_movie img {
  width: 100%;
  height: auto;
}
.area_movie .block_movie .box_ttl {
  display: flex;
  align-items: center;
  padding: 0 0 10px;
  border-bottom: #666 dotted 1px;
}
.area_movie .block_movie .box_ttl .icon {
  padding: 0 5px 0 0;
  width: 37px;
}
.area_movie .block_movie .box_ttl h3 {
  font-size: 2.4rem;
  line-height: 1em;
  font-weight: 400;
}
@media all and (max-width: 896px) {
  .area_movie .block_movie .box_ttl h3 {
    font-size: 2rem;
  }
}
.area_movie .block_movie ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -20px;
}
@media all and (max-width: 896px) {
  .area_movie .block_movie ul {
    margin: 0 -8px;
  }
}
.area_movie .block_movie ul li {
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
}
@media all and (max-width: 896px) {
  .area_movie .block_movie ul li {
    padding: 8px;
  }
}
@media all and (max-width: 480px) {
  .area_movie .block_movie ul li {
    width: 100%;
    padding: 10px 8px;
  }
}
.area_movie .block_movie ul li p {
  font-size: 1.6rem;
  line-height: 1.7em;
}
.area_movie .block_movie ul li .box_movie {
  padding: 5px 0 0;
}
.area_movie .block_movie ul li .box_movie iframe {
  aspect-ratio: 16/9;
}