@charset "utf-8";
/* ==================================================== */
/*  about
/* ==================================================== */

.about .contents-area .se__full-img.se__history {
  margin-bottom: 104px;
  background: url("../img/about/history-full-img.webp") no-repeat center/cover;
}
.about .contents-area .se__full-img.se__facility {
  margin-bottom: 75px;
  background: url("../img/about/facility-full-img.webp") no-repeat center/cover;
}
@media screen and (max-width: 767px) {
  .about .contents-area .se__full-img.se__history {
    margin-bottom: 35px;
  }
  .about .contents-area .se__full-img.se__facility {
    margin-bottom: 30px;
  }
}
/*====message====*/
#message {
  margin-bottom: 180px;
  padding-top: 130px;
}
#message .sub-tlt {
  margin-bottom: 60px;
}
#message .message-area .flex {
  gap: 4%;
}
#message .message-area .message-img {
  width: 46%;
}
#message .message-area .message-img img {
  display: block;
  width: 335px;
  max-width: 30.79vw;
  margin: 0 auto;
}

#message .message-area .message-txt {
  width: 50%;
}
#message .message-area .message-txt p:first-child {
  margin-bottom: 30px;
}
#message .message-area .message-txt p.sign {
  margin-top: 5px;
  font-size: var(--fs20);
  text-align: right;
}

@media screen and (max-width: 767px) {
  #message {
    margin-bottom: 80px;
    padding-top: 60px;
  }
  #message .message-area .flex {
    flex-direction: column;

    gap: 27px;
  }
  #message .message-area .message-img {
    width: 100%;
  }
  #message .message-area .message-img img {
    width: 100%;
    max-width: 100%;
  }
  #message .message-area .message-txt {
    width: 100%;
  }
  #message .message-area .message-txt p.sign {
    font-size: var(--fs16);
  }
}

/*====history====*/
#history-id {
  margin-bottom: 180px;
}
#history-id .sub-tlt {
  margin-bottom: 60px;
}
#history-id .inner {
  position: relative;
}
/*history-area*/
#history-id span.mark_small {
  position: absolute;
  bottom: 200px;
  left: 0;
  z-index: -1;
  width: 6.611vw;
  max-width: 90px;
}
#history-id .history-area .flex {
  justify-content: space-between;
  max-width: 916px;
  margin: 0 0 0 auto;

  gap: 4%;
}
#history-id .history-area .history-txt {
  width: 52.183%;
}
#history-id .history-area .history-txt p:not(:last-child) {
  margin-bottom: 30px;
}

/*timeline*/
#history-id .history-area .timeline {
  width: 32.424%;
}
#history-id .history-area .timeline .box {
  position: relative;
  padding-bottom: 14px;
  padding-left: 18px;
}
#history-id .history-area .timeline .box:before {
  position: absolute;
  top: 0;
  left: -7px;
  z-index: 5;
  display: block;
  color: #ff7600;
  content: "●";
}
#history-id .history-area .timeline .box:after {
  position: absolute;
  top: 9px;
  left: 0;
  z-index: 4;
  width: 1px;
  height: 100%;
  background-color: #bfbfbf;
  content: "";
}
#history-id .history-area .timeline .box:last-child::after {
  height: 50%;
}
#history-id .history-area .timeline .box h3 {
  font-size: var(--fs15);
  color: #ff7600;
}
@media screen and (max-width: 767px) {
  #history-id {
    margin-bottom: 95px;
  }
  #history-id .sub-tlt {
    margin-bottom: 45px;
  }
  #history-id .history-area .flex {
    flex-direction: column;

    gap: 50px;
  }
  #history-id .history-area .history-txt {
    width: 100%;
  }
  #history-id .history-area .timeline {
    width: 100%;
    margin-left: 20px;
  }
  #history-id .history-area .timeline .box p {
    font-size: var(--fs16);
  }
  #history-id span.mark_small {
    position: absolute;
    right: 7%;
    bottom: -60px;
    left: auto;
    width: 12.419vw;
    max-width: 48px;
    transform: rotate(43deg);
  }
}

/*====facility====*/

#facility-id .sub-tlt {
  margin-bottom: 40px;
  text-align: right;
}
#facility-id .sub-tlt span.mark {
  right: -14.641vw;
  left: auto;
}

/*円*/
#facility-id .facility-area .circle {
  position: absolute;
  display: grid;
  width: 115px;
  height: 115px;
  border-radius: 50%;
  font-size: var(--fs20);
  font-weight: bold;
  text-align: center;
  color: #fff;

  place-items: center;
}
#facility-id .facility-area .facility--building .circle {
  background: #5da285;
}
#facility-id .facility-area .facility--hall .circle {
  right: 0;
  background: #f89c8b;
}
#facility-id .facility-area .facility--nursery .circle {
  background: #e27b23;
}
#facility-id .facility-area .facility--garden .circle {
  background: #5da285;
}
#facility-id .facility-area .facility--chapel .circle {
  background: #99c1ea;
}
/*facility--garden*/
#facility-id .facility-area .facility--garden .read_box .circle {
  position: static;
}
/*=施設紹介画像共通=*/
#facility-id .facility-area .img_box {
  position: relative;
}
#facility-id .facility-area .img_box img {
  padding-top: 60px;
  padding-left: 10%;
}
#facility-id .facility-area .img_box figcaption {
  padding-top: 10px;
  padding-left: 10%;
}

/*=施設紹介画像個別=*/
/*facility--building*/
#facility-id .facility-area .facility--building {
  margin-bottom: 5px;
}
#facility-id .facility-area .facility--building .txt {
  max-width: 744px;
  margin: 0 auto 42px;
}
#facility-id .facility-area .facility--building .img_box img {
  max-width: 406px;
}

/*facility--hall*/
#facility-id .facility-area .facility--hall .flex {
  align-items: center;

  gap: 4%;
}
#facility-id .facility-area .facility--hall .txt {
  width: 50%;
  padding-left: 58px;
}
#facility-id .facility-area .facility--hall .txt p:not(:last-child) {
  margin-bottom: 30px;
}
#facility-id .facility-area .facility--hall .img_box img {
  max-width: 499px;
  padding-right: 10%;
  padding-left: 0;
}

/*facility--nursery*/
#facility-id .facility-area .facility--nursery {
  margin-top: -40px;
  margin-bottom: 62px;
}

/*facility--garden*/
#facility-id .facility-area .garden-chapel_box.flex {
  justify-content: space-between;
}

#facility-id .facility-area .facility--garden {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 67%;
  max-width: 731px;

  gap: 20px;
}
#facility-id .facility-area .facility--garden .img_box .circle {
  display: none;
}
#facility-id .facility-area .facility--garden .read_box.flex {
  align-items: baseline;

  gap: 4%;
}
#facility-id .facility-area .facility--garden .read_box .txt {
  width: 69%;
}

/*facility--chapel*/
#facility-id .facility-area .facility--chapel {
  width: 32.8%;
}

@media screen and (max-width: 767px) {
  #facility-id .facility-area .flex {
    flex-direction: column;
  }
  #facility-id .facility-area .circle {
    width: 72px;
    height: 72px;
    font-size: var(--fs14);
  }
  #facility-id .facility-area .facility--hall .circle {
    right: auto;
  }
  #facility-id .facility-area .img_box img {
    padding-top: 30px;
    padding-left: 14px;
  }
  #facility-id .facility-area .img_box figcaption {
    padding-left: 0;
    text-align: center;
  }
  #facility-id .facility-area .facility--building {
    margin-bottom: 70px;
  }
  #facility-id .facility-area .facility--building .img_box img,
  #facility-id .facility-area .facility--hall .img_box img {
    max-width: 100%;
  }
  #facility-id .facility-area .facility--building .txt {
    margin: 0 auto 20px;
  }
  #facility-id .facility-area .facility--hall .txt {
    width: 100%;
    margin: 0 auto 20px;
    padding-left: 0;
  }
  #facility-id .facility-area .facility--hall .img_box img {
    padding-right: 0;
    padding-left: 14px;
  }
  #facility-id .facility-area .facility--nursery {
    margin-top: 30px;
  }
  #facility-id .facility-area .facility--garden,
  #facility-id .facility-area .facility--chapel {
    width: 100%;
  }
  #facility-id .facility-area .facility--garden {
    margin-bottom: 40px;
  }
  #facility-id .facility-area .facility--garden .read_box .txt {
    width: 100%;
  }
  #facility-id .facility-area .facility--garden .img_box .circle {
    display: grid;
  }
}

/*====outline====*/

#outline {
  position: relative;
  padding-top: 230px;
}
#outline span.mark_small {
  position: absolute;
  top: 0;
  right: 10.102vw;
  z-index: -1;
  width: 8.765vw;
  max-width: 120px;
}
/*outline_area*/
#outline .outline_area {
  max-width: 660px;
  margin-left: auto;
}
#outline .outline_area > .flex {
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: solid 1px #bfbfbf;
}
#outline .outline_area > .flex:last-child {
  margin-bottom: 0;
}
#outline .outline_area .flex span {
  width: 144px;
  padding-left: 13px;
}
#outline .outline_area .flex .txt {
  width: 79.42%;
}
#outline .outline_area .flex .txt .flex > span {
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  #outline {
    padding-top: 90px;
  }
  #outline .sub-tlt {
    margin-bottom: 40px;
  }
  #outline .outline_area > .flex {
    flex-direction: column;
    margin-bottom: 16px;
    padding-bottom: 15px;
  }
  #outline .outline_area .flex span {
    width: auto;
    margin-bottom: 5px;
    padding-left: 0;
  }
  #outline .outline_area .flex .txt {
    width: 100%;
  }
  #outline .outline_area .flex .txt .flex > span {
    width: 120px;
  }
  #outline span.mark_small {
    top: 50px;
    right: 5.6vw;
    width: 14.667vw;
  }
}

/*====access====*/
#access {
  padding-top: 110px;
}
#access .access_area {
  max-width: 660px;
  margin-bottom: 60px;
  margin-left: auto;
}
#access .access_area h3 {
  margin-bottom: 20px;
  font-size: var(--fs30);
  text-align: center;
  color: #ff7600;
}
#access .access_area .address {
  margin-bottom: 20px;
  text-align: center;
}
#access .access_area .txt {
  max-width: 520px;
  margin: 0 auto;
}

#access .map_area {
  margin: 0;
  padding: 0;
}
#access .map_area iframe {
  display: block;
  width: 100%;
  height: 417px;
  border: 0;
}
@media screen and (max-width: 767px) {
  #access .map_area iframe {
    height: 300px;
  }
}