@charset "UTF-8";
/* CSS Document */
/*----------------------------------------
変数
----------------------------------------*/
/*----------------------------------------
サイト共通 スタイルシート
----------------------------------------*/
.leadText {
  font-size: 1.25rem;
  letter-spacing: 0.08em;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 900px) {
  .leadText {
    margin-bottom: 2.5rem;
    font-size: clamp(1.75rem, 1.95rem - 0.82vw, 1.25rem);
  }
}
.leadText span {
  color: var(--colorTextSub);
}

/* メインイメージ
---------------------------------------------- */
.mainImage {
  height: 115vw;
  max-height: 480px;
  background: url(images/mainImage.jpg) var(--colorBackGround) no-repeat 100% bottom/127% auto;
  overflow: hidden;
}
@media screen and (min-width: 900px) {
  .mainImage {
    height: 37.48vw;
    min-height: 410px;
    max-height: none;
    background: url(images/mainImage.jpg) var(--colorBackGround) no-repeat bottom center/100% auto;
  }
}
.mainImage .mainImageInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1140px;
  height: 100%;
  max-height: 360px;
  margin: 0 auto;
  padding: var(--headerHightSP) 120px 0;
  position: relative;
}
@media screen and (min-width: 900px) {
  .mainImage .mainImageInner {
    max-height: none;
    margin: 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.mainImage .mainImageInner .pageTitle::before {
  width: 7.5em;
  top: 3.75em;
  left: -2.4em;
}
.mainImage .mainImageInner .pageTitle::after {
  content: "";
  display: block;
  width: clamp(3.5rem, 3.1rem + 1.64vw, 4.5rem);
  height: clamp(6.25rem, 5.501rem + 3.07vw, 8.125rem);
  background: url(images/absImageLeaf01.png) no-repeat center/cover;
  position: absolute;
  right: -100px;
  top: 30px;
}
@media screen and (min-width: 900px) {
  .mainImage .mainImageInner .pageTitle::after {
    right: -9vw;
    top: -13px;
  }
}

/* ご挨拶
---------------------------------------------- */
#greetingWrap {
  padding: 5.5rem 0 6rem;
}
@media screen and (min-width: 900px) {
  #greetingWrap {
    padding: 7.5rem 0;
  }
}
@media screen and (min-width: 900px) {
  #greetingWrap .inner {
    max-width: 900px;
    padding: 0 20px;
  }
}
#greetingWrap .inner .imgBox {
  width: 100%;
  text-align: center;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 900px) {
  #greetingWrap .inner .imgBox {
    margin-bottom: 0;
  }
}
#greetingWrap .inner .imgBox img {
  margin-left: -20px;
  mix-blend-mode: multiply;
}
@media screen and (min-width: 900px) {
  #greetingWrap .inner .imgBox img {
    margin-left: -40px;
    width: 100%;
    max-width: 408px;
  }
}
#greetingWrap .inner .sectionTitle .fontJP {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#greetingWrap .inner .sectionTitle .absImg01 {
  right: -4em;
  top: -1em;
}
#greetingWrap .inner .greetingMessage .leadText {
  text-align: center;
}
#greetingWrap .inner .greetingMessage p {
  letter-spacing: 0.08em;
}
@media screen and (min-width: 900px) {
  #greetingWrap .inner .greetingMessage p {
    font-size: 1.125rem;
  }
}

/* 理念
---------------------------------------------- */
#philosophyWrap {
  background: url(images/philosophyBgImage.jpg) no-repeat center bottom/cover;
  background-color: var(--colorBackGroundSub);
}
#philosophyWrap .inner {
  padding: 4.5rem 40px 15rem;
}
@media screen and (min-width: 900px) {
  #philosophyWrap .inner {
    padding: 7.75rem 20px 19rem;
  }
}
#philosophyWrap .leadText {
  text-align: center;
}
#philosophyWrap p {
  letter-spacing: 0.08em;
  max-width: 612px;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  #philosophyWrap p {
    font-size: 1.125rem;
  }
}
#philosophyWrap .absImg01 {
  top: -3rem;
  left: -3.375rem;
  mix-blend-mode: multiply;
}

/* 運営方針
---------------------------------------------- */
#managementWrap {
  background-color: var(--colorBackGroundSub);
  padding-bottom: 6rem;
}
@media screen and (min-width: 900px) {
  #managementWrap {
    padding-bottom: 10rem;
  }
}
#managementWrap > .imgBox {
  text-align: center;
  padding: 5rem 0 6rem;
}
@media screen and (min-width: 900px) {
  #managementWrap > .imgBox {
    padding: 10rem 0 12.5rem;
  }
}
#managementWrap > .imgBox .absImg01 {
  position: static;
  width: 80%;
  max-width: 500px;
}
@media screen and (min-width: 900px) {
  #managementWrap > .imgBox .absImg01 {
    max-width: 626px;
  }
}
#managementWrap .sectionTitle .fontJP {
  position: relative;
}
#managementWrap .sectionTitle .fontJP .absImg02 {
  width: 20px;
  right: -20px;
  top: 10px;
}
@media screen and (min-width: 900px) {
  #managementWrap .sectionTitle .fontJP .absImg02 {
    width: 26px;
    right: -20px;
    top: 10px;
  }
}
@media screen and (min-width: 900px) {
  #managementWrap .policies {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#managementWrap .policies li {
  margin: 4rem auto 0;
}
@media screen and (min-width: 900px) {
  #managementWrap .policies li {
    width: 29.09%;
    max-width: 320px;
    margin: 0;
  }
}
#managementWrap .policies li .imgBox {
  max-width: 320px;
  position: relative;
  text-align: center;
  margin: 0 auto 1.25rem;
}
@media screen and (min-width: 900px) {
  #managementWrap .policies li .imgBox {
    margin: 0 auto 2.25rem;
  }
}
#managementWrap .policies li .imgBox .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--colorMain);
  color: #fff;
  border-radius: 50%;
  font-family: var(--fontEN);
  font-weight: 700;
  font-size: 1.25rem;
  position: absolute;
  left: 1.25rem;
  top: -1.25rem;
  z-index: 1;
}
@media screen and (min-width: 900px) {
  #managementWrap .policies li .imgBox .num {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.25rem;
    left: 0.25rem;
    top: -1.25rem;
  }
}
#managementWrap .policies li .imgBox img {
  width: 100%;
  max-width: 320px;
  border-radius: 45px;
}
@media screen and (min-width: 590px) {
  #managementWrap .policies li .imgBox:nth-of-type(2) {
    width: 33.6%;
  }
  #managementWrap .policies li .imgBox:nth-of-type(2) img {
    width: 86.4%;
    max-width: 320px;
  }
}
#managementWrap .policies li h3 {
  text-align: center;
  color: var(--colorMain);
  font-size: 1.375rem;
  letter-spacing: 0.1em;
  line-height: 1.45;
  margin-bottom: 1rem;
}
@media screen and (min-width: 900px) {
  #managementWrap .policies li h3 {
    font-size: clamp(1.063rem, 0.459rem + 1.07vw, 1.375rem);
    margin-bottom: 2rem;
  }
}
#managementWrap .policies li p {
  width: 87.4%;
  margin: 0 auto;
}

/* 法人概要
---------------------------------------------- */
#overviewWrap .inner {
  padding-top: 6rem;
}
@media screen and (min-width: 900px) {
  #overviewWrap .inner {
    padding-top: 10rem;
    max-width: 900px;
  }
}
@media screen and (min-width: 900px) {
  #overviewWrap .overviewBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 900px) {
  #overviewWrap .overviewBox .leftBox {
    width: 270px;
  }
}
@media screen and (min-width: 900px) {
  #overviewWrap .overviewBox .leftBox .sectionTitle {
    text-align: left;
    margin: unset;
  }
}
@media screen and (min-width: 900px) {
  #overviewWrap .overviewBox .leftBox .sectionTitle .fontJP {
    margin: unset;
  }
}
#overviewWrap .overviewBox .leftBox .sectionTitle .absImg01 {
  left: -60%;
  top: -5rem;
  width: 57px;
}
@media screen and (min-width: 590px) {
  #overviewWrap .overviewBox .leftBox .sectionTitle .absImg01 {
    left: -44%;
    top: -5rem;
    width: 72px;
  }
}
@media screen and (min-width: 900px) {
  #overviewWrap .overviewBox .rightBox {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 36px;
  }
}
#overviewWrap .overviewBox .rightBox dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 7.875rem;
  max-width: 900px;
}
#overviewWrap .overviewBox .rightBox dl dt {
  width: 100%;
  font-family: var(--fontJP);
  font-weight: 700;
  padding: 1rem 0 0;
}
@media screen and (min-width: 900px) {
  #overviewWrap .overviewBox .rightBox dl dt {
    width: 32%;
    min-width: 135px;
    padding: 1.5rem 0;
    border-bottom: 1px solid #e0f2e8;
  }
}
#overviewWrap .overviewBox .rightBox dl dd {
  width: 100%;
  border-bottom: 1px solid #e0f2e8;
  padding: 0.5rem 0 1rem;
}
@media screen and (min-width: 900px) {
  #overviewWrap .overviewBox .rightBox dl dd {
    width: 68%;
    padding: 1.5rem 0;
  }
}
#overviewWrap .gmap {
  max-width: 900px;
  height: 24rem;
  margin: 0 auto 10rem;
}
@media screen and (min-width: 900px) {
  #overviewWrap .gmap {
    margin: 0 auto 15rem;
  }
}
#overviewWrap .gmap iframe {
  width: 100%;
  height: 100%;
}

/* 情報公開
---------------------------------------------- */
#disclosureWrap {
  padding-bottom: 4.375rem;
}
@media screen and (min-width: 590px) {
  #disclosureWrap {
    padding-bottom: 7.25rem;
  }
}
#disclosureWrap .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 580px;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  #disclosureWrap .inner {
    max-width: 1100px;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
  }
}
#disclosureWrap .leftBox img {
  border-top-left-radius: 45px;
  border-top-right-radius: 45px;
}
@media screen and (min-width: 900px) {
  #disclosureWrap .leftBox img {
    border-top-left-radius: 45px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 45px;
  }
}
#disclosureWrap .rightBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background-color: var(--colorBackGroundSub);
  border-bottom-left-radius: 45px;
  border-bottom-right-radius: 45px;
  position: relative;
}
@media screen and (min-width: 900px) {
  #disclosureWrap .rightBox {
    width: 47.3%;
    border-top-right-radius: 45px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 45px;
  }
}
#disclosureWrap .rightBox .rightBoxInner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2rem 0 3rem;
}
@media screen and (min-width: 900px) {
  #disclosureWrap .rightBox .rightBoxInner {
    padding: 0;
  }
}
#disclosureWrap .rightBox h2 {
  font-size: 1.75rem;
  font-family: var(--fontJP);
  font-weight: 700;
  color: var(--colorMain);
  margin-bottom: 2rem;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 900px) {
  #disclosureWrap .rightBox h2 {
    margin-bottom: 3.5rem;
  }
}
#disclosureWrap .rightBox .absImg01 {
  top: -50px;
  right: 10%;
  width: 38px;
}
@media screen and (min-width: 900px) {
  #disclosureWrap .rightBox .absImg01 {
    top: -80px;
    right: 38.4%;
    width: 56px;
  }
}
#disclosureWrap .downloadList li {
  max-width: 280px;
  margin: 0 auto;
}
#disclosureWrap .downloadList li:not(:first-child) {
  margin: 2rem auto 0;
}
@media screen and (min-width: 900px) {
  #disclosureWrap .downloadList li:not(:first-child) {
    margin: 2.5rem auto 0;
  }
}
#disclosureWrap .downloadList li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 280px;
  padding: 0.93rem 2rem;
  border: 1.5px solid var(--colorMain);
  border-radius: 28px;
  font-family: var(--fontJP);
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  line-height: 1.6;
  color: var(--colorMain);
}
#disclosureWrap .downloadList li a .downloadIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#disclosureWrap .downloadList li a img {
  -webkit-filter: invert(50%) sepia(55%) saturate(533%) hue-rotate(93deg) brightness(103%) contrast(95%);
          filter: invert(50%) sepia(55%) saturate(533%) hue-rotate(93deg) brightness(103%) contrast(95%);
}
@media screen and (min-width: 590px) {
  #disclosureWrap .downloadList li a:hover {
    background-color: var(--colorMain);
    color: #fff;
    opacity: 1;
  }
  #disclosureWrap .downloadList li a:hover img {
    -webkit-filter: brightness(10);
            filter: brightness(10);
  }
}/*# sourceMappingURL=about.css.map */