@charset "UTF-8";
#outline .ol_area .hero_ol_area {
  width: 100%;
  margin-bottom: 40px;
}
#outline .ol_area .hero_ol_area .img_area {
  width: 100%;
}
#outline .ol_area .hero_ol_area .img_area img {
  width: 100%;
}
#outline .ol_area .ol_area_in {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  #outline .ol_area .ol_area_in {
    margin-bottom: 50px;
  }
}
#outline .ol_area .ol_area_in.-mb_s {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #outline .ol_area .ol_area_in.-mb_s {
    margin-bottom: 20px;
  }
}
#outline .ol_area .ol_area_in .tit02 {
  font-size: 20px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #outline .ol_area .ol_area_in .tit02 {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
#outline .ol_area .ol_area_in .dl_area dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #211613;
}
#outline .ol_area .ol_area_in .dl_area dl dt, #outline .ol_area .ol_area_in .dl_area dl dd {
  font-size: 15px;
  padding: 15px 15px 15px 0px;
  box-sizing: border-box;
  border-bottom: 1px solid #211613;
}
@media screen and (max-width: 767px) {
  #outline .ol_area .ol_area_in .dl_area dl dt, #outline .ol_area .ol_area_in .dl_area dl dd {
    font-size: 11px;
    padding: 10px 10px 10px 0px;
  }
}
#outline .ol_area .ol_area_in .dl_area dl dt {
  width: 21%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #outline .ol_area .ol_area_in .dl_area dl dt {
    width: 32%;
  }
}
#outline .ol_area .ol_area_in .dl_area dl dd {
  width: 79%;
}
@media screen and (max-width: 767px) {
  #outline .ol_area .ol_area_in .dl_area dl dd {
    width: 68%;
  }
}
#outline .ol_area .ol_area_in .caption {
  margin-top: 30px;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  #outline .ol_area .ol_area_in .caption {
    font-size: 10px;
    margin-top: 20px;
  }
}
#outline .ol_area .bels_area {
  width: 100%;
  max-width: 350px;
  margin: 0px auto;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #outline .ol_area .bels_area {
    margin-bottom: 20px;
  }
}
#outline .ol_area .yokoku_area {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #outline .ol_area .yokoku_area {
    margin-bottom: 20px;
  }
}
#outline .ol_area .yokoku_area dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#outline .ol_area .yokoku_area dl dt {
  width: 11%;
  font-size: 20px;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #211613;
  box-sizing: border-box;
}
@media screen and (max-width: 820px) {
  #outline .ol_area .yokoku_area dl dt {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid #211613;
  }
}
@media screen and (max-width: 767px) {
  #outline .ol_area .yokoku_area dl dt {
    font-size: 13px;
  }
}
#outline .ol_area .yokoku_area dl dd {
  width: calc(100% - (11% + 20px));
  font-size: 12px;
  box-sizing: border-box;
}
@media screen and (max-width: 820px) {
  #outline .ol_area .yokoku_area dl dd {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #outline .ol_area .yokoku_area dl dd {
    font-size: 10px;
  }
}
#outline .ol_area .koushin_area .txt01 {
  font-size: 15px;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  #outline .ol_area .koushin_area .txt01 {
    font-size: 12px;
  }
}
#outline .ol_area .koushin_area .txt01.bb {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #211613;
}
@media screen and (max-width: 767px) {
  #outline .ol_area .koushin_area .txt01.bb {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
#map .map_area .img_map {
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  #map .map_area .img_map {
    margin-bottom: 15px;
  }
}
#map .map_area .txt01 {
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  #map .map_area .txt01 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
#map .map_area .btn_google {
  width: 100%;
  max-width: 450px;
  margin: 0px auto;
  color: #fff;
  background-color: #7a6a56;
  font-size: 22px;
  line-height: 1;
  padding: 20px 0px;
  text-align: center;
  letter-spacing: 3px;
}
@media screen and (max-width: 767px) {
  #map .map_area .btn_google {
    font-size: 16px;
    padding: 15px 0px;
  }
}
#map .map_area .bus_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area {
    display: block;
  }
}
#map .map_area .bus_area .bus_in {
  width: 47.73%;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in + .bus_in {
    margin-top: 40px;
  }
}
#map .map_area .bus_area .bus_in .tit01 {
  font-size: 18px;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .tit01 {
    font-size: 16px;
  }
}
#map .map_area .bus_area .bus_in .img_map02 {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .img_map02 {
    margin-bottom: 10px;
  }
}
#map .map_area .bus_area .bus_in .bus_list01 + .bus_list01 {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .bus_list01 + .bus_list01 {
    margin-top: 10px;
  }
}
#map .map_area .bus_area .bus_in .bus_list01 .tit02 {
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 18px;
  color: #fff;
  margin-bottom: 15px;
  border-left: solid 10px #b84f79;
  background: #898989;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .bus_list01 .tit02 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
#map .map_area .bus_area .bus_in .bus_list01 .txt02 {
  position: relative;
}
#map .map_area .bus_area .bus_in .bus_list01 .txt02::before {
  display: block;
  content: "";
  position: absolute;
  width: 25px;
  aspect-ratio: 25/36;
  left: 0px;
  top: 0.5em;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .bus_list01 .txt02::before {
    width: 20px;
  }
}
#map .map_area .bus_area .bus_in .bus_list01.-bus01 .txt02::before {
  background: url(../../img/map/icon_bus01.svg) center center/contain no-repeat;
}
#map .map_area .bus_area .bus_in .bus_list01.-bus02 .tit02 {
  border-left-color: #715fa8;
}
#map .map_area .bus_area .bus_in .bus_list01.-bus02 .txt02::before {
  background: url(../../img/map/icon_bus02.svg) center center/contain no-repeat;
}
#map .map_area .bus_area .bus_in .txt02 {
  box-sizing: border-box;
  padding-left: 30px;
  font-size: 18px;
  line-height: 1.44;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .txt02 {
    font-size: 16px;
    padding-left: 25px;
  }
}
#map .map_area .bus_area .bus_in .txt02 span {
  display: block;
  padding-left: 1em;
  box-sizing: border-box;
  text-indent: -1em;
}
#map .map_area .bus_area .bus_in .txt02 + .txt02 {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .txt02 + .txt02 {
    margin-top: 10px;
  }
}
#map .map_area .bus_area .bus_in .bus_list02 + .bus_list02 {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .bus_list02 + .bus_list02 {
    margin-top: 20px;
  }
}
#map .map_area .bus_area .bus_in .bus_list02 .tit03 {
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .bus_list02 .tit03 {
    padding-left: 25px;
    margin-bottom: 10px;
  }
}
#map .map_area .bus_area .bus_in .bus_list02 .tit03 .bg {
  font-size: 18px;
  color: #fff;
  background: #898989;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .bus_list02 .tit03 .bg {
    font-size: 16px;
  }
}
#map .map_area .bus_area .bus_in .bus_list02 .tit03 .exit {
  display: block;
  padding: 5px 10px;
  box-sizing: border-box;
  background: #182987;
  margin-right: 5px;
}
#map .map_area .bus_area .bus_in .bus_list02 .tit03::before {
  display: block;
  content: "";
  position: absolute;
  width: 25px;
  aspect-ratio: 25/36;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../../img/map/icon_bus03.svg) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .bus_list02 .tit03::before {
    width: 20px;
  }
}
#map .map_area .bus_area .bus_in .bus_stop_box {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .bus_stop_box {
    margin-top: 5px;
  }
}
#map .map_area .bus_area .bus_in .bus_stop_box .bus_stop {
  font-size: 14px;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .bus_stop_box .bus_stop {
    font-size: 13px;
  }
}
#map .map_area .bus_area .bus_in .bus_stop_box .bus_stop_list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .bus_stop_box .bus_stop_list {
    gap: 10px;
    font-size: 13px;
  }
}
#map .map_area .bus_area .bus_in .bus_stop_box .bus_stop_list li {
  border: solid 2px rgba(170, 24, 48, 0.7);
  padding: 5px 10px;
  box-sizing: border-box;
  min-width: 125px;
  background: #fff;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #map .map_area .bus_area .bus_in .bus_stop_box .bus_stop_list li {
    border-width: 1px;
    min-width: 115px;
  }
}

#top {
  margin-top: 90px;
}
@media screen and (max-width: 820px) {
  #top {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  #top {
    margin-top: 55px;
  }
}
#top .hero_area {
  overflow-x: hidden;
  position: relative;
}
#top .hero_area .swiper-pagination {
  bottom: 15px;
  top: auto;
}
@media screen and (max-width: 767px) {
  #top .hero_area .swiper-pagination {
    bottom: 5px;
  }
}
#top .hero_area .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #fff;
  margin: 0 8px;
}
@media screen and (max-width: 767px) {
  #top .hero_area .swiper-pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 5px;
  }
}
#top .hero_area .swiper-slide {
  position: relative;
}
#top .merit_area {
  width: 100%;
  padding: 20px 0px;
}
@media screen and (max-width: 767px) {
  #top .merit_area {
    padding: 10px 0px;
  }
}
#top .merit_area .tit01 {
  text-align: center;
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  #top .merit_area .tit01 {
    font-size: 4.26vw;
    margin-bottom: 0.96em;
  }
}
#top .merit_area .tit01 .debut {
  display: block;
  width: 9.33em;
  margin: 0px auto;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #top .merit_area .tit01 .debut {
    width: 9.07em;
    line-height: 1;
    margin-bottom: 0.73em;
  }
}
#top .merit_area .tit01 .tit01_in {
  display: block;
  font-weight: 500;
  letter-spacing: 0.4em;
  text-indent: 0.4em;
}
@media screen and (max-width: 767px) {
  #top .merit_area .tit01 .tit01_in {
    text-indent: 0.9em;
  }
}
#top .merit_area .merit_area_in {
  padding: 0px 40px;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 1276px) {
  #top .merit_area .merit_area_in {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #top .merit_area .merit_area_in {
    padding: 0px 15px;
  }
}
#top .merit_area .merit_area_in ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 0px;
}
@media screen and (max-width: 767px) {
  #top .merit_area .merit_area_in ul {
    display: block;
    border-top: 1px solid #a48b78;
  }
}
#top .merit_area .merit_area_in ul li {
  font-size: 20px;
  line-height: 1.4;
  box-sizing: border-box;
  border-right: 2px solid #a48b78;
  width: 25%;
  font-weight: 600;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1276px) {
  #top .merit_area .merit_area_in ul li {
    font-size: 1.56vw;
  }
}
@media screen and (max-width: 820px) {
  #top .merit_area .merit_area_in ul li {
    width: 50%;
    font-size: min(3.93vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  #top .merit_area .merit_area_in ul li {
    padding: 10px 0px;
    border: none;
    border-bottom: 1px solid #a48b78;
    width: 100%;
  }
}
@media screen and (max-width: 820px) {
  #top .merit_area .merit_area_in ul li:nth-child(2) {
    border: none;
  }
}
@media screen and (max-width: 767px) {
  #top .merit_area .merit_area_in ul li:nth-child(2) {
    border-bottom: 1px solid #a48b78;
  }
}
#top .merit_area .merit_area_in ul li:nth-last-child(1) {
  border: none;
}
#top .merit_area .merit_area_in ul li span {
  font-size: 0.7em;
  font-weight: 600;
}
#top .infomation_area {
  width: 100%;
  padding: 20px 0px;
  background: linear-gradient(to right, rgba(168, 164, 143, 0.7), rgba(206, 203, 187, 0.7), rgba(168, 164, 143, 0.7));
  text-align: center;
}
@media screen and (max-width: 767px) {
  #top .infomation_area {
    padding: 10px 0px;
  }
}
#top .infomation_area .tit01, #top .infomation_area .tit02, #top .infomation_area .txt01 {
  font-weight: 500;
}
#top .infomation_area .tit01 {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.3em;
  margin-bottom: 15px;
  text-indent: 0.3em;
}
@media screen and (max-width: 767px) {
  #top .infomation_area .tit01 {
    font-size: 10px;
    margin-bottom: 10px;
  }
}
#top .infomation_area .tit02 {
  font-size: 32px;
  letter-spacing: 0.2em;
  line-height: 1.4;
  margin-bottom: 10px;
  text-indent: 0.2em;
}
@media screen and (max-width: 767px) {
  #top .infomation_area .tit02 {
    font-size: 4.75vw;
    margin-bottom: 5px;
  }
}
#top .infomation_area .txt01 {
  font-size: 32px;
  line-height: 1.4;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #top .infomation_area .txt01 {
    font-size: 4.75vw;
    margin-bottom: 5px;
  }
}
#top .sec_com .sec_com_in {
  width: calc(100% - 66px);
  max-width: 1000px;
  margin: 0px auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  #top .sec_com .sec_com_in {
    width: calc(100% - 10.81vw);
  }
}
#top .sec_com.sec_index01 {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media screen and (max-width: 820px) {
  #top .sec_com.sec_index01 {
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 767px) {
  #top .sec_com.sec_index01 {
    padding-bottom: 7.37vw;
  }
}
#top .sec_com.sec_index01 .tit01 {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 70px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
  #top .sec_com.sec_index01 .tit01 {
    font-size: 11.8vw;
    margin-bottom: 7.37vw;
  }
}
#top .sec_com.sec_index01 .tit02 {
  font-size: 26px;
  margin-bottom: 40px;
  font-weight: 500;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #top .sec_com.sec_index01 .tit02 {
    font-size: 4.26vw;
    margin-bottom: 6.55vw;
  }
}
#top .sec_com.sec_index01 .txt01 {
  font-size: 17px;
  line-height: 2.17;
  font-weight: 500;
  letter-spacing: 0.1em;
  width: 50%;
  padding-bottom: 160px;
}
@media screen and (max-width: 820px) {
  #top .sec_com.sec_index01 .txt01 {
    width: 100%;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  #top .sec_com.sec_index01 .txt01 {
    font-size: max(2.78vw, 10px);
    line-height: 2.23;
    letter-spacing: 0.05em;
  }
}
#top .sec_com.sec_index01 .img01 {
  position: absolute;
  width: 51%;
  bottom: 60px;
  right: 15px;
}
@media screen and (max-width: 820px) {
  #top .sec_com.sec_index01 .img01 {
    position: static;
    width: 97.21%;
    max-width: 454px;
    margin-left: auto;
    margin-right: 0px;
  }
}
#top .sec_com.sec_index01 .img02 {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #top .sec_com.sec_index01 .img02 {
    margin-bottom: 20px;
  }
}
#top .sec_com.sec_index01 .img02 img {
  width: 100%;
}

#life .sec_com .sec_com_in {
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in {
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
}
@media screen and (max-width: 820px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in {
    box-sizing: border-box;
    padding: 0px 20px;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .tit01 {
  font-size: 28px;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .tit01 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_flex {
    display: block;
    margin-bottom: 40px;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_flex .img_area {
  width: 75%;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_flex .img_area {
    width: 100%;
    margin-bottom: 20px;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_flex .txt_area {
  width: 25%;
  box-sizing: border-box;
  border-left: 3px solid #211613;
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_flex .txt_area {
    width: 100%;
    border-left: none;
    padding-left: 0px;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_flex .txt_area .tit02 {
  font-size: 18px;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_flex .txt_area .tit02 {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_flex .txt_area .img01 {
    width: 60%;
    margin: 0px auto;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area {
    margin-bottom: 40px;
    display: block;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area:nth-last-child(1) {
  margin-bottom: 0px;
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .txt_area {
  width: 19%;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .txt_area {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .txt_area .tit_life01 {
  width: 100%;
  max-width: 180px;
  height: 180px;
  font-size: 24px;
  color: #fff;
  background: url(../../img/common/bg_tit02.webp) 0px 0px no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .txt_area .tit_life01 {
    width: 100px;
    height: 100px;
    font-size: 16px;
    margin-bottom: 0px;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .txt_area .txt_life01 {
  font-size: 17px;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .txt_area .txt_life01 {
    width: calc(100% - 120px);
    font-size: 14px;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area {
  width: 79.3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area {
    width: 100%;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in.-big {
  width: 61.03%;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in.-big {
    width: 100%;
    margin-bottom: 20px;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in.-small {
  width: 36.19%;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in.-small {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in.-small figure {
    width: 49%;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in.-flex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in.-two {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in.-two {
    margin-bottom: 0px;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in.-two .img_area_inin {
  width: 48.67%;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in.-two .img_area_inin {
    width: 100%;
    margin-bottom: 20px;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in.-three figure {
  width: 31.52%;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in.-three figure {
    width: 49%;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in figure {
  margin-bottom: 10px;
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in figure figcaption {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  #life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .img_area_in figure figcaption {
    font-size: 10px;
  }
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area .txt_life02 {
  font-size: 14px;
  box-sizing: border-box;
  padding-left: 20px;
  border-left: 7px solid #8cadd5;
}
#life .sec_com.sec_index02 .life_info_area .life_info_area_in .life_info_detail_area .img_area.-rev {
  flex-direction: row-reverse;
}

#plan .plan_main_area .sec01 {
  position: relative;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .sec01 {
    margin-bottom: 25px;
  }
}
#plan .plan_main_area .sec01 .txt_plan_wide {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .sec01 .txt_plan_wide {
    width: 100%;
  }
}
#plan .plan_main_area .sec01 .img_cg {
  margin-top: -70px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .sec01 .img_cg {
    margin-top: 0px;
  }
}
#plan .plan_main_area .plan_detail_area {
  box-sizing: border-box;
  border: 2px solid #8c7d51;
  padding: 30px;
  background-color: #fff;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area {
    padding: 15px;
    background-color: #fff;
    margin-bottom: 25px;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area {
    margin-bottom: 10px;
    display: block;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit01 {
  width: 22.87%;
  box-sizing: border-box;
  padding: 20px 0px;
  border-top: 2px solid #8c7d51;
  border-bottom: 2px solid #8c7d51;
  line-height: 1;
  background: linear-gradient(-90deg, rgb(220, 219, 206) 10%, rgb(255, 255, 255) 50%, rgb(220, 219, 206) 90%);
  text-align: center;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit01 {
    width: 100%;
    margin: 0px auto;
    font-size: 14px;
    padding: 10px 10px;
    margin-bottom: 20px;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit01 span, #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit01 b {
  display: inline-block;
  line-height: 1;
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit01 span {
  font-size: 22px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit01 span {
    font-size: 16px;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit01 b {
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit01 b {
    font-size: 20px;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in {
  width: 74.46%;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in {
    width: 100%;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in .txt01 {
  box-sizing: border-box;
  border-left: 2px solid #8c7d51;
  padding-left: 10px;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in .txt01 {
    line-height: 1.4;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in .txt01 .txt01_in {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in .txt01 .txt01_in {
    font-size: 13px;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in .txt01 .txt01_in strong {
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in .txt01 .txt01_in strong {
    font-size: 20px;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in .txt01 .txt01_in span {
  font-size: 22px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in .txt01 .txt01_in span {
    font-size: 16px;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in .txt01 .txt02_in {
  font-size: 10px;
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in .txt01 .txt02_in b {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in .txt01 .txt02_in b {
    font-size: 16px;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in .txt01 .txt02_in span {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in .txt01 .txt02_in span {
    font-size: 12px;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in ul {
    margin-bottom: 20px;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in ul li {
  box-sizing: border-box;
  border-left: 2px solid #8c7d51;
  padding-left: 10px;
  font-size: 10px;
  line-height: 1.4;
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in ul li span {
  font-size: 11px;
  display: block;
  color: #8c7d51;
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in ul li b {
  display: block;
  font-family: "arno-pro-display", serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 4px;
  font-size: 18px;
  font-weight: bold;
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in ul li:nth-child(1) {
  width: 14.28%;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in ul li:nth-child(1) {
    width: 50%;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in ul li:nth-child(2) {
  width: 28.57%;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in ul li:nth-child(2) {
    width: 50%;
  }
}
#plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in ul li:nth-child(3) {
  width: 57.14%;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit_plan_dtail_area .tit_plan_dtail_area_in ul li:nth-child(3) {
    width: 100%;
    margin-top: 10px;
  }
}
#plan .plan_main_area .plan_detail_area .tit02 {
  font-size: 18px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .tit02 {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
#plan .plan_main_area .plan_detail_area .madori_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .madori_area {
    display: block;
  }
}
#plan .plan_main_area .plan_detail_area .madori_area figure:nth-child(1) {
  width: 58.08%;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .madori_area figure:nth-child(1) {
    width: 100%;
  }
}
#plan .plan_main_area .plan_detail_area .madori_area figure:nth-child(2) {
  width: 38.51%;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .madori_area figure:nth-child(2) {
    width: 80%;
    margin: 0px auto;
  }
}
#plan .plan_main_area .plan_detail_area .hanrei_ul {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .hanrei_ul {
    margin-bottom: 10px;
  }
}
#plan .plan_main_area .plan_detail_area .hanrei_ul li {
  font-size: 11px;
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .hanrei_ul li {
    font-size: 10px;
    margin-right: 3px;
  }
}
#plan .plan_main_area .plan_detail_area .hanrei_ul li::before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 0px;
  vertical-align: top;
  margin-top: 2px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .hanrei_ul li::before {
    width: 12px;
    height: 12px;
  }
}
#plan .plan_main_area .plan_detail_area .hanrei_ul li:nth-child(1) {
  display: block;
  width: 100%;
}
#plan .plan_main_area .plan_detail_area .hanrei_ul li:nth-child(1)::before {
  display: none;
}
#plan .plan_main_area .plan_detail_area .hanrei_ul li:nth-child(2)::before {
  background: url("../../img/plan/icon01.webp") top center no-repeat;
  background-size: cover;
}
#plan .plan_main_area .plan_detail_area .hanrei_ul li:nth-child(3)::before {
  background: url("../../img/plan/icon03.webp") top center no-repeat;
  background-size: cover;
}
#plan .plan_main_area .plan_detail_area .hanrei_ul li:nth-child(4)::before {
  width: 42px;
  background: url("../../img/plan/icon04.webp") top center no-repeat;
  background-size: cover;
}
#plan .plan_main_area .plan_detail_area .hanrei_ul li:nth-child(5)::before {
  width: 42px;
  background: url("../../img/plan/icon05.webp") top center no-repeat;
  background-size: cover;
}
#plan .plan_main_area .plan_detail_area .hanrei_ul li:nth-child(6)::before {
  background: url("../../img/plan/icon06.webp") top center no-repeat;
  background-size: cover;
}
#plan .plan_main_area .plan_detail_area .hanrei_ul li:nth-child(7)::before {
  background: url("../../img/plan/icon07.webp") top center no-repeat;
  background-size: cover;
}
#plan .plan_main_area .plan_detail_area .caption {
  font-size: 10px;
}
#plan .plan_main_area .plan_detail_area .bels_area {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .bels_area {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
#plan .plan_main_area .plan_detail_area .bels_area figure {
  width: 100%;
  max-width: 496px;
  margin: 0px auto;
  box-sizing: border-box;
  padding: 0px 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .plan_detail_area .bels_area figure {
    width: 100%;
    max-width: 260px;
  }
}
#plan .plan_main_area .style_area .plus_img {
  width: 100%;
  max-width: 460px;
  margin: 0px auto;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .style_area .plus_img {
    margin-bottom: 20px;
  }
}
#plan .plan_main_area .style_area .txt_com02 {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .style_area .txt_com02 {
    margin-bottom: 20px;
  }
}
#plan .plan_main_area .style_area .style_area_in {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .style_area .style_area_in {
    margin-bottom: 20px;
  }
}
#plan .plan_main_area .style_area .style_area_in .tit_st01 {
  background-color: #b9cee5;
  text-align: center;
  color: #00528a;
  font-size: 24px;
  padding: 5px 0px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .style_area .style_area_in .tit_st01 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
#plan .plan_main_area .style_area .style_area_in .fit_area {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#plan .plan_main_area .style_area .style_area_in .fit_area li {
  width: 23%;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .style_area .style_area_in .fit_area li {
    width: 49%;
    margin-bottom: 20px;
  }
}
#plan .plan_main_area .style_area .style_area_in .fit_area li .img {
  margin-bottom: 5px;
}
#plan .plan_main_area .style_area .style_area_in .fit_area li .txt_com02 {
  line-height: 1.6;
}
#plan .plan_main_area .style_area .style_area_in .color_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#plan .plan_main_area .style_area .style_area_in .color_area li {
  width: 23%;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .style_area .style_area_in .color_area li {
    width: 32%;
    margin-bottom: 10px;
  }
}
#plan .plan_main_area .style_area .style_area_in .color_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .style_area .style_area_in .color_flex {
    display: block;
  }
}
#plan .plan_main_area .style_area .style_area_in .color_flex figure {
  width: 48.6%;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .style_area .style_area_in .color_flex figure {
    width: 100%;
    margin: 0px auto;
    margin-bottom: 10px;
  }
}
#plan .plan_main_area .style_area .style_area_in .txt_wid {
  width: 74%;
}
@media screen and (max-width: 767px) {
  #plan .plan_main_area .style_area .style_area_in .txt_wid {
    width: 100%;
  }
}
#plan .pic_area {
  width: 88.58%;
}
@media screen and (max-width: 767px) {
  #plan .pic_area {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 20px;
  }
}
#plan .pic_area .pic_area_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #plan .pic_area .pic_area_flex {
    display: block;
  }
}
#plan .pic_area .pic_area_flex .txt_area {
  width: 41.81%;
}
@media screen and (max-width: 767px) {
  #plan .pic_area .pic_area_flex .txt_area {
    width: 100%;
  }
}
#plan .pic_area .pic_area_flex .txt_area .tit_flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  position: relative;
  z-index: 2;
  margin-right: -40px;
}
@media screen and (max-width: 767px) {
  #plan .pic_area .pic_area_flex .txt_area .tit_flex {
    margin-right: 0px;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
  }
}
#plan .pic_area .pic_area_flex .txt_area .img_ab {
  margin-top: -40px;
}
@media screen and (max-width: 767px) {
  #plan .pic_area .pic_area_flex .txt_area .img_ab {
    margin-top: 0px;
    width: 100%;
    margin: 0px auto;
  }
}
#plan .pic_area .pic_area_flex .img_area {
  width: 53.48%;
}
@media screen and (max-width: 767px) {
  #plan .pic_area .pic_area_flex .img_area {
    margin-top: 0px;
    width: 100%;
    margin: 0px auto;
  }
}
#plan .tit_pic_area01 {
  width: 130px;
  height: 130px;
  font-size: 16px;
  color: #fff;
  background: url(../../img/common/bg_tit02.webp) 0px 0px no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #plan .tit_pic_area01 {
    width: 100px;
    height: 100px;
    font-size: 13px;
  }
}
#plan .txt_pic_area01 {
  text-align: right;
  font-size: 16px;
  width: calc(100% - 130px);
  box-sizing: border-box;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  #plan .txt_pic_area01 {
    font-size: 13px;
  }
}
#plan .pic_area_under {
  width: 79.62%;
  margin: 0px auto;
}
@media screen and (max-width: 1024px) {
  #plan .pic_area_under {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 20px;
  }
}
#plan .pic_area_under .pic_3_area {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 820px) {
  #plan .pic_area_under .pic_3_area {
    display: block;
  }
}
#plan .pic_area_under .pic_3_area aside {
  width: 32.26%;
}
@media screen and (max-width: 820px) {
  #plan .pic_area_under .pic_3_area aside {
    width: 100%;
    margin-bottom: 40px;
  }
}
#plan .pic_area_under .pic_3_area aside .img01 {
  box-sizing: border-box;
  padding-left: 25px;
}
#plan .pic_area_under .pic_3_area aside .tit_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-top: -40px;
}
@media screen and (max-width: 820px) {
  #plan .pic_area_under .pic_3_area aside .tit_flex {
    margin-top: -10px;
    align-items: center;
  }
}
#plan .pic_area_under .pic_3_area aside .tit_flex .txt_pic_area01 {
  text-align: left;
  padding: 0px 0px 0px 20px;
}
#plan .-pr {
  box-sizing: border-box;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  #plan .-pr {
    padding: 0px 0px 0px 20px;
  }
}

#access .access_area .tit_ac01 {
  background: url(../../img/common/bg_tit03.webp) 0px bottom repeat-x;
  background-size: 50%;
}
@media screen and (max-width: 767px) {
  #access .access_area .tit_ac01 {
    margin-bottom: 20px;
  }
}
#access .access_area .tit_ac01 span {
  display: block;
  font-size: 64px;
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
  color: #69696a;
  font-weight: 200;
  line-height: 1.4;
}
@media screen and (max-width: 820px) {
  #access .access_area .tit_ac01 span {
    padding: 0px 20px;
    font-size: 32px;
  }
}
#access .access_area .ac_flex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #access .access_area .ac_flex {
    margin-bottom: 20px;
  }
}
#access .access_area .ac_flex .txt_area {
  width: 48%;
}
@media screen and (max-width: 767px) {
  #access .access_area .ac_flex .txt_area {
    width: 100%;
    margin-bottom: 20px;
  }
}
#access .access_area .ac_flex .img_area {
  width: 49%;
  margin-top: -60px;
}
@media screen and (max-width: 767px) {
  #access .access_area .ac_flex .img_area {
    width: 100%;
    margin-top: 0px;
  }
}
#access .access_area .ac_flex .img_area .img_pic_ac {
  position: relative;
  margin-bottom: 10px;
}
#access .access_area .ac_flex .img_area .img_pic_ac .txt01 {
  width: 100%;
  font-size: 40px;
  color: #fff;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0px;
  bottom: 0px;
  text-align: center;
  letter-spacing: 10px;
}
@media screen and (max-width: 767px) {
  #access .access_area .ac_flex .img_area .img_pic_ac .txt01 {
    font-size: 24px;
    letter-spacing: 5px;
    bottom: 10px;
  }
}
#access .access_area .ac_flex .img_area .ac_ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#access .access_area .ac_flex .img_area .ac_ul li {
  width: 49%;
}
@media screen and (max-width: 767px) {
  #access .access_area .ac_flex .img_area .ac_ul li {
    width: 100%;
    margin-bottom: 20px;
  }
}
#access .access_area .ac_flex .img_area .ac_ul li .txt01 {
  color: #fff;
  font-size: 12px;
  margin-bottom: 5px;
  letter-spacing: 0px;
  box-sizing: border-box;
  padding: 5px 0px 5px 5px;
  line-height: 1;
}
#access .access_area .ac_flex .img_area .ac_ul li .ac_ul_in {
  box-sizing: border-box;
  padding-left: 10px;
  border-left: 3px solid #f00;
}
#access .access_area .ac_flex .img_area .ac_ul li .ac_ul_in .txt_station_min {
  margin-bottom: 5px;
}
#access .access_area .ac_flex .img_area .ac_ul li .ac_ul_in .txt02 {
  font-size: 10px;
  line-height: 1.4;
}
#access .access_area .ac_flex .img_area .ac_ul li:nth-child(1) .txt01 {
  background: url(../../img/access/bg_tit01.webp) 0px 0px no-repeat;
  background-size: 100% auto;
}
#access .access_area .ac_flex .img_area .ac_ul li:nth-child(1) .ac_ul_in {
  border-color: #0097ce;
}
#access .access_area .ac_flex .img_area .ac_ul li:nth-child(2) .txt01 {
  background: url(../../img/access/bg_tit02.webp) 0px 0px no-repeat;
  background-size: 100% auto;
}
#access .access_area .ac_flex .img_area .ac_ul li:nth-child(2) .ac_ul_in {
  border-color: #478069;
}
#access .access_area .ac_flex.-pic_flex {
  align-items: flex-end;
}
#access .access_area .ac_flex.-pic_flex .img_area {
  position: relative;
  margin-top: 0px;
}
#access .access_area .ac_flex.-pic_flex .img_area .img_pic_ac {
  width: 79.59%;
}
@media screen and (max-width: 767px) {
  #access .access_area .ac_flex.-pic_flex .img_area .img_pic_ac {
    width: 100%;
  }
}
#access .access_area .ac_flex.-pic_flex .img_area .img_pic_ac:nth-last-child(1) {
  position: absolute;
  right: -42%;
  bottom: 150px;
  z-index: 2;
}
@media screen and (max-width: 1276px) {
  #access .access_area .ac_flex.-pic_flex .img_area .img_pic_ac:nth-last-child(1) {
    right: -20px;
  }
}
@media screen and (max-width: 767px) {
  #access .access_area .ac_flex.-pic_flex .img_area .img_pic_ac:nth-last-child(1) {
    position: static;
  }
}
#access .access_area .ac_flex.-pic_flex .img_area .img_pic_ac .txt01 {
  text-align: left;
  box-sizing: border-box;
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  #access .access_area .ac_flex.-pic_flex .img_area .img_pic_ac .txt01 {
    padding-left: 0px;
  }
}
#access .access_area .ac_train_area {
  margin-bottom: 40px;
}
#access .access_area .ac_train_area .tit01 {
  width: 250px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 5px;
  letter-spacing: 0px;
  box-sizing: border-box;
  padding: 5px 5px 5px 5px;
  line-height: 1;
  background: url(../../img/access/bg_tit01.webp) 0px 0px no-repeat;
  background-size: 100% auto;
}
#access .access_area .ac_train_area .tit01.-green {
  background: url(../../img/access/bg_tit02.webp) 0px 0px no-repeat;
  background-size: 100% auto;
}
#access .access_area .ac_train_area .tit_com01 {
  margin-bottom: 10px;
}
#access .access_area .ac_train_area .ac_train_area_ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#access .access_area .ac_train_area .ac_train_area_ul li {
  width: 24%;
}
@media screen and (max-width: 767px) {
  #access .access_area .ac_train_area .ac_train_area_ul li {
    width: 49%;
    margin-bottom: 20px;
  }
}
#access .access_area .ac_train_area .ac_train_area_ul li .ac_train_area_in {
  position: relative;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #access .access_area .ac_train_area .ac_train_area_ul li .ac_train_area_in {
    margin-bottom: 5px;
  }
}
#access .access_area .ac_train_area .ac_train_area_ul li .ac_train_area_in figure {
  position: static;
}
#access .access_area .ac_train_area .ac_train_area_ul li .ac_train_area_in figure figcaption {
  z-index: 2;
}
#access .access_area .ac_train_area .ac_train_area_ul li .ac_train_area_in .txt_station_min {
  position: absolute;
  left: 0px;
  bottom: 20px;
  width: 100%;
  text-align: center;
  color: #fff;
  text-shadow: 0px 0px 3px black;
  z-index: 2;
}
#access .access_area .ac_train_area .ac_train_area_ul li .ac_train_area_in::after {
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 50%;
  background: linear-gradient(0deg, rgb(33, 22, 19) 0%, rgba(255, 255, 255, 0) 68%);
}
#access .access_area .rosenzu_area {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  #access .access_area .rosenzu_area {
    display: block;
    margin-bottom: 40px;
  }
}
#access .access_area .rosenzu_area .img_area {
  width: 68.99%;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #access .access_area .rosenzu_area .img_area {
    width: 100%;
    overflow-x: scroll;
  }
  #access .access_area .rosenzu_area .img_area figure {
    width: 170%;
  }
}
#access .access_area .rosenzu_area .txt_area {
  width: 31%;
  box-sizing: border-box;
  padding-left: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #access .access_area .rosenzu_area .txt_area {
    width: 100%;
    padding: 0px;
  }
}
#access .access_area .rosenzu_area .txt_area .txt_top {
  position: relative;
  box-sizing: border-box;
  padding: 10px;
  background-color: #478069;
}
#access .access_area .rosenzu_area .txt_area .txt_top .txt_com02 {
  line-height: 1.4;
  color: #fff;
}
#access .access_area .rosenzu_area .txt_area .txt_top::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 30px 10px 0px;
  border-color: transparent #478069 transparent transparent;
  position: absolute;
  left: -30px;
  top: calc(50% - 15px);
}
@media screen and (max-width: 767px) {
  #access .access_area .rosenzu_area .txt_area .txt_top::before {
    transform: rotate(90deg);
    left: calc(50% - 15px);
    top: -15px;
  }
}
#access .access_area .rosenzu_area .txt_area .txt_under {
  box-sizing: border-box;
  padding: 10px;
  background-color: #e7e1cf;
}
@media screen and (max-width: 767px) {
  #access .access_area .rosenzu_area .txt_area .txt_under {
    margin-bottom: 10px;
  }
}
#access .access_area .rosenzu_area .txt_area .txt_under .txt01 {
  font-size: 12px;
  margin-bottom: 5px;
}
#access .access_area .rosenzu_area .txt_area .txt_under ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
#access .access_area .rosenzu_area .txt_area .txt_under ul li {
  box-sizing: border-box;
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  width: 50%;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  #access .access_area .rosenzu_area .txt_area .txt_under ul li {
    font-size: 10px;
  }
}
#access .access_area .rosenzu_area .txt_area .txt_under ul li:nth-child(1) {
  background-color: #f29600;
}
#access .access_area .rosenzu_area .txt_area .txt_under ul li:nth-child(2) {
  background-color: #0e3e5d;
}
#access .access_area .bike_area {
  margin-bottom: 50px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area {
    margin-bottom: 30px;
  }
}
#access .access_area .bike_area .bike_area_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex {
    display: block;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area {
  width: 73%;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area {
    width: 100%;
    margin-bottom: 20px;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .tit_bike01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  background-color: #decadd;
  font-size: 20px;
  padding: 10px 10px 10px 80px;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .tit_bike01 {
    padding: 10px;
    font-size: 16px;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .tit_bike01 span {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .tit_bike01 span {
    font-size: 12px;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in {
  box-sizing: border-box;
  padding: 20px;
  background-color: #e6e6d4;
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex {
    display: block;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex .txt_com01 {
  width: 44.52%;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex .txt_com01 {
    width: 100%;
    margin-bottom: 20px;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex .bike_flex_ul {
  width: 52.55%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex .bike_flex_ul {
    width: 100%;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex .bike_flex_ul li {
  width: 47.22%;
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 {
    display: block;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 .img_area {
  width: 54.74%;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 .img_area {
    width: 100%;
    margin-bottom: 20px;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 .txt_area {
  width: 42.33%;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 .txt_area {
    width: 100%;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 .txt_area .tit_bike02 {
  font-size: 15px;
  text-align: center;
  letter-spacing: 5px;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 .txt_area .tit_bike02 {
    font-size: 13px;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 .txt_area .txt_area_in {
  margin-bottom: 10px;
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 .txt_area .txt_area_in .tit_bike03 {
  background-color: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 1;
  padding: 5px 0px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 .txt_area .txt_area_in .tit_bike03 {
    font-size: 12px;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 .txt_area .txt_area_in ul {
  display: flex;
  flex-wrap: wrap;
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 .txt_area .txt_area_in ul li {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 10px;
  margin-right: 10px;
  font-weight: 500;
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 .txt_area .txt_area_in ul li::before {
  content: "■";
  color: #a27287;
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_txt_area .bike_area_in .bike_flex02 .txt_area .txt_area_in ul li span {
  margin-left: 10px;
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_img_area {
  width: 20.5%;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex .bike_area_flex_img_area {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_img_area .bike_pic_area {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area .bike_area_flex .bike_area_flex_img_area .bike_pic_area {
    width: 49%;
    margin-bottom: 20px;
  }
}
#access .access_area .bike_area .bike_area_flex .bike_area_flex_img_area .bike_pic_area:nth-last-child(1) {
  margin-bottom: 0px;
}
#access .access_area .bike_area02 .bike_pic_area_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area02 .bike_pic_area_flex {
    margin-bottom: 40px;
  }
}
#access .access_area .bike_area02 .bike_pic_area_flex .bike_pic_area {
  width: 20.5%;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area02 .bike_pic_area_flex .bike_pic_area {
    width: 49%;
    margin-bottom: 20px;
  }
}
#access .access_area .bike_area02 .bike_area02_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area02 .bike_area02_flex {
    display: block;
    margin-bottom: 30px;
  }
}
#access .access_area .bike_area02 .bike_area02_flex .txt_area {
  width: 48%;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area02 .bike_area02_flex .txt_area {
    width: 100%;
    margin-bottom: 20px;
  }
}
#access .access_area .bike_area02 .bike_area02_flex .txt_area .tit01 {
  box-sizing: border-box;
  color: #fff;
  font-size: 20px;
  background: url(../../img/access/icon_bycycle.webp) 15px center no-repeat #478069;
  background-size: 50px 34px;
  padding: 10px 10px 10px 80px;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area02 .bike_area02_flex .txt_area .tit01 {
    font-size: 15px;
    padding: 10px 10px 10px 60px;
    background-size: 30px 20px;
  }
}
#access .access_area .bike_area02 .bike_area02_flex .txt_area .txt_area_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 25px;
  background-color: #e7e1cf;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area02 .bike_area02_flex .txt_area .txt_area_flex {
    padding: 10px;
  }
}
#access .access_area .bike_area02 .bike_area02_flex .txt_area .txt_area_flex .txt_area_flex_img_area {
  width: 48.81%;
}
#access .access_area .bike_area02 .bike_area02_flex .txt_area .txt_area_flex .txt_area_flex_txt_area {
  width: 47.39%;
}
#access .access_area .bike_area02 .bike_area02_flex .txt_area .txt_area_flex .txt_area_flex_txt_area .txt01 {
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area02 .bike_area02_flex .txt_area .txt_area_flex .txt_area_flex_txt_area .txt01 {
    font-size: 11px;
  }
}
#access .access_area .bike_area02 .bike_area02_flex .img_area {
  width: 48%;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid rgba(33, 22, 19, 0.3);
}
@media screen and (max-width: 767px) {
  #access .access_area .bike_area02 .bike_area02_flex .img_area {
    width: 100%;
  }
}
#access .access_area .map_area {
  width: 100%;
  max-width: 730px;
  margin: 0px auto;
}
@media screen and (max-width: 767px) {
  #access .access_area .map_area {
    width: 100%;
  }
}
#access .tit_fg {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 14px;
  margin-bottom: 10px;
  letter-spacing: 5px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #access .tit_fg {
    font-size: 13px;
  }
}
#access .icon_bike_min {
  position: absolute;
  left: -15px;
  top: -25px;
  width: 60px;
  height: 60px;
  display: block;
  background-color: #9766a8;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #access .icon_bike_min {
    position: static;
    width: 100%;
    height: auto;
  }
}
#access .icon_bike_min span {
  text-align: center;
  display: block;
  font-size: 16px;
  color: #fff;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #access .icon_bike_min span {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 14px;
  }
}
#access .icon_bike_min span::before {
  content: "";
  display: block;
  width: 30px;
  height: 20px;
  margin: 0px auto;
  background: url(../../img/access/icon_bycycle.webp) 0px 0px no-repeat;
  background-size: cover;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  #access .icon_bike_min span::before {
    width: 20px;
    height: 14px;
    margin-top: 5px;
    margin-right: 5px;
  }
}
#access .icon_bike_min span b {
  font-size: 10px;
}
#access .bike_pic_area {
  position: relative;
}
#access .bike_pic_area figcaption {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #access .bike_pic_area figcaption {
    font-size: 10px;
  }
}
#access .txt_station_min {
  font-size: 20px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #access .txt_station_min {
    font-size: 16px;
  }
}
#access .txt_station_min strong {
  font-size: 36px;
}
@media screen and (max-width: 767px) {
  #access .txt_station_min strong {
    font-size: 24px;
  }
}
#access .txt_station_min b {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  #access .txt_station_min b {
    font-size: 14px;
  }
}
#access .txt_station_min span {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  #access .txt_station_min span {
    font-size: 10px;
  }
}