@charset "UTF-8";
body {
  background: #f5f9f9;
}

.Main {
  margin-top: -5.4166666667vw;
}
@media only screen and (max-width: 768px) {
  .Main {
    margin-top: 0;
  }
}

.Firstview {
  position: relative;
  margin-top: -96px;
}
@media only screen and (max-width: 768px) {
  .Firstview {
    margin-top: 0px;
  }
}
.Firstview-Head {
  width: 100%;
  padding-top: clamp(180px, 10.6770833333vw, 205px);
  background-color: #d6ddec;
  background: url(../images/firstview-image.png) no-repeat center center/cover;
}
@media only screen and (max-width: 768px) {
  .Firstview-Head {
    padding-top: clamp(45px, 11.71875vw, 90px);
    padding-left: 1.3333333333vw;
    background: url(../images/firstview-image-sp.png) no-repeat center center/cover;
  }
}
.Firstview-Title {
  font-family: din-2014, sans-serif;
  font-size: clamp(50px, 7.2916666667vw, 140px);
  line-height: 0.6785714286;
  font-weight: bold;
  font-style: italic;
  color: #f5f9f9;
}
@media only screen and (max-width: 768px) {
  .Firstview-Title {
    font-size: clamp(50px, 10.4166666667vw, 80px);
  }
}
@media only screen and (max-width: 374px) {
  .Firstview-Title {
    font-size: 12.5vw;
  }
}
@media only screen and (max-width: 768px) {
  .Firstview-Title > span {
    display: block;
    margin-top: 5px;
  }
}


.Description__Inner {
  width: 79.1666666667vw;
  max-width: 1520px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .Description__Inner {
    width: 94.6666666667vw;
  }
}
.Description-Title {
  padding-top: 16px;
  font-size: clamp(26px, calc(300 / 1920 * 100vw), 30px);
  letter-spacing: 0.3em;
  position: relative;
  font-style: italic;
}
@media only screen and (max-width: 768px) {
  .Description-Title {
    margin-bottom: 2.6666666667vw;
    padding-top: 6px;
  }
}
.Description-Contents {
  display: flex;
  max-width: 1140px;
  width: 59.375vw;
  margin-right: auto;
  margin-left: auto;
  margin-top: clamp(39.3px, 4.3489583333vw, 83.5px);
}
@media only screen and (max-width: 768px) {
  .Description-Contents {
    flex-direction: column;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .Description-Contents-Profile {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .Description-Contents-Profile-Image {
    width: 47.2vw;
    margin-right: 3.7333333333vw;
  }
}
.Description-Contents-Profile-Info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.Description-Contents-Profile-Info-Roll {
  font-size: clamp(11px, 0.8333333333vw, 16px);
  letter-spacing: 0.3em;
  line-height: 1.46875;
  margin-top: clamp(17px, 1.4583333333vw, 28px);
}
@media only screen and (max-width: 374px) {
  .Description-Contents-Profile-Info-Roll {
    font-size: 10px;
  }
}
.Description-Contents-Profile-Info-Name {
  font-size: clamp(19px, 1.4583333333vw, 28px);
  margin-top: clamp(10px, 1.6145833333vw, 31px);
}
.Description-Contents-Profile-Info-Name::after {
  content: attr(data-kana);
  font-size: clamp(9px, 0.8333333333vw, 16px);
  letter-spacing: 0.3em;
  font-family: din-2014, sans-serif;
  position: relative;
  display: block;
  text-transform: uppercase;
  margin-top: clamp(8px, 0.8333333333vw, 16px);
}
.Description-Contents-Box {
  margin-right: calc(50% - 50vw);
  margin-left: 2.5416666667vw;
  padding-top: clamp(28px, 3.5416666667vw, 68px);
  padding-right: clamp(0px, 7.96875vw, 153px);
  padding-bottom: clamp(26px, 5.7291666667vw, 110px);
  padding-left: clamp(0px, 7.96875vw, 153px);
  background: #fff;
  box-shadow: 0 0 14.6px 1.4px rgba(130, 130, 130, 0.55);
  width: 61.9791666667vw;
}
@media only screen and (max-width: 768px) {
  .Description-Contents-Box {
    width: 100%;
    margin-left: 0;
    margin-top: 4.5333333333vw;
    padding-right: 4px;
    padding-left: 5.8666666667vw;
  }
}
.Description-Contents-Box-Title {
  font-size: clamp(18px, 1.6666666667vw, 32px);
  line-height: 1.359375;
  /* max-width: 543px; */
}
@media only screen and (max-width: 768px) {
  .Description-Contents-Box-Title {
    line-height: 1.5151515152;
    letter-spacing: 0.05em;
  }
}
@media only screen and (max-width: 768px) {
  .Description-Contents-Box-Title > .is-pc {
    display: none;
  }
}
.Description-Contents-Box-Sentense {
  font-size: clamp(12px, 0.7291666667vw, 14px);
  line-height: 1.9285714286;
  letter-spacing: 0.2em;
  margin-top: clamp(17px, 2.4479166667vw, 47px);
  max-width: 577px;
}
@media only screen and (max-width: 768px) {
  .Description-Contents-Box-Sentense {
    line-height: 1.6666666667;
    letter-spacing: 0.1em;
  }
}
@media only screen and (max-width: 374px) {
  .Description-Contents-Box-Sentense {
    font-size: 10px;
  }
}
.Description-Contents-Box-Sentense > span {
  display: block;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .Description-Contents-Box-Sentense > span {
    display: inline-block;
    white-space: pre-wrap;
  }
}
.Description-Contents-Box-Sentense > span > .is-sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  .Description-Contents-Box-Sentense > span > .is-sp {
    display: block;
  }
}

.About {
  padding-top: 80px;
}
@media only screen and (max-width: 768px) {
  .About {
    padding-top: 45px;
  }
}
.About__Inner {
  width: 79.1666666667vw;
  max-width: 1520px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .About__Inner {
    width: 100%;
  }
}
.About-Title {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 2px solid #090909;
  padding-bottom: clamp(5px, 0.8333333333vw, 16px);
}
@media only screen and (max-width: 768px) {
  .About-Title {
    width: 94.4vw;
    margin-right: auto;
    margin-left: auto;
  }
}
.About-Title__Ja {
  font-size: clamp(24px, 1.666666666666667vw, 32px);
  letter-spacing: 0.1em;
  margin-top: clamp(2px, 0.3645833333vw, 7px);
}
@media only screen and (max-width: 768px) {
  .About-Title__Ja {
    font-size: 24px;
  }
}
.About-Title__En {
  font-size: clamp(12px, 0.9375vw, 18px);
  text-transform: uppercase;
  font-family: din-2014, sans-serif;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 768px) {
  .About-Title__En {
    font-size: 10px;
  }
}

.About-Table {
  max-width: 1140px;
  width: 59.375vw;
  margin-right: auto;
  margin-left: auto;
  margin-top: 12px;
}
@media only screen and (max-width: 768px) {
  .About-Table {
    width: 94.4vw;
  }
}
.About-Table-List-Item {
  display: flex;
  border-bottom: 1px solid #181616;
  padding: clamp(20px, 1.9791666667vw, 38px) 0 clamp(21px, 1.875vw, 36px);
}
@media only screen and (max-width: 768px) {
  .About-Table-List-Item {
    align-items: center;
  }
}
.About-Table-List-Item-Head {
  font-size: clamp(11px, 0.9375vw, 18px);
  letter-spacing: 0.01em;
  line-height: 1.7222222222;
  width: 27.8070175439%;
  flex: 0 0 auto;
}
@media only screen and (max-width: 768px) {
  .About-Table-List-Item-Head {
    width: 38.0281690141%;
    padding-left: 1.4545454545em;
  }
}
.About-Table-List-Item-Head > .m-din2014 {
  font-size: clamp(14px, 0.9375vw, 18px);
  font-family: 'din-2014';
}
.About-Table-List-Item-Body {
  font-size: clamp(12px, 0.9375vw, 18px);
  letter-spacing: 0.01em;
  line-height: 1.7222222222;
}
@media only screen and (max-width: 768px) {
  .About-Table-List-Item-Body {
    line-height: 1.1666666667;
  }
}
.About-Table-List-Item-Body a {
  display: inline;
}
.About-Table-List-Item-Body > .m-din2014 {
  font-size: clamp(14px, 0.9375vw, 18px);
  font-family: 'din-2014';
}
.About-Table-List-Item-Body > .is-sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  .About-Table-List-Item-Body > .is-sp {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .About-Table-List-Item-Body > .is-pc {
    display: none;
  }
}

.History {
  padding-top: 80px;
}
@media only screen and (max-width: 768px) {
  .History {
    padding-top: 45px;
  }
}
.History__Inner {
  width: 79.1666666667vw;
  max-width: 1520px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .History__Inner {
    width: 100%;
  }
}
.History-Title {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 2px solid #090909;
  padding-bottom: clamp(5px, 0.8333333333vw, 16px);
}
@media only screen and (max-width: 768px) {
  .History-Title {
    width: 94.4vw;
    margin-right: auto;
    margin-left: auto;
  }
}
.History-Title__Ja {
  font-size: clamp(24px, 1.666666666666667vw, 32px);
  letter-spacing: 0.1em;
  margin-top: clamp(2px, 0.3645833333vw, 7px);
}
@media only screen and (max-width: 768px) {
  .History-Title__Ja {
    font-size: 24px;
  }
}
.History-Title__En {
  font-size: clamp(12px, 0.9375vw, 18px);
  text-transform: uppercase;
  font-family: din-2014, sans-serif;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 768px) {
  .History-Title__En {
    font-size: 10px;
  }
}
.History-Table {
  max-width: 1140px;
  width: 59.375vw;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .History-Table {
    width: 94.4vw;
  }
}
.History-Table-List-Item {
  display: flex;
  border-bottom: 1px solid #181616;
  padding: clamp(20px, 1.9791666667vw, 38px) 0 clamp(21px, 1.875vw, 36px);
}
@media only screen and (max-width: 768px) {
  .History-Table-List-Item {
    align-items: center;
  }
}
.History-Table-List-Item-Head {
  font-size: clamp(12px, 0.9375vw, 18px);
  letter-spacing: 0.01em;
  line-height: 1.7222222222;
  width: 27.8070175439%;
  flex: 0 0 auto;
}
@media only screen and (max-width: 768px) {
  .History-Table-List-Item-Head {
    width: 15.2112676056%;
    min-width: 54px;
    line-height: 1.3333333333;
    margin-right: 6.6666666667vw;
  }
}
.History-Table-List-Item-Body {
  font-size: clamp(12px, 0.9375vw, 18px);
  letter-spacing: 0.01em;
  line-height: 1.7222222222;
}
@media only screen and (max-width: 768px) {
  .History-Table-List-Item-Body {
    line-height: 1.3333333333;
  }
}

.Access {
  margin-top: clamp(35px, 4.0104166667vw, 77px);
  width: 59.375vw;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .Access {
    width: 94.9333333333vw;
    box-shadow: 0 0 14.6px 1.4px rgba(130, 130, 130, 0.55);
  }
}
.Access-Head {
  display: flex;
  align-items: flex-end;
  background: #e1e3e3;
}
.Access-Head-Title {
  font-size: clamp(10px, 0.703125vw, 13.5px);
  letter-spacing: 0.3333333333em;
  font-style: italic;
  order: 1;
  margin-left: -1.5%;
  padding-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  .Access-Head-Title {
    font-size: 10px;
    transform: scale(0.825);
    transform-origin: left;
  }
}
.Access-Head-EnWrapper {
  max-width: 186px;
  width: 16.3157894737%;
  padding: 6px 0 5px;
}
@media only screen and (max-width: 768px) {
  .Access-Head-EnWrapper {
    width: 28.9325842697vw;
  }
}
.Access-Map {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 55.6140350877%;
}
@media only screen and (max-width: 768px) {
  .Access-Map {
    padding-top: 95.7746478873%;
  }
}
.Access-Map > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.Forte {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: clamp(40px, 11.4583333333vw, 220px);
}
@media only screen and (max-width: 768px) {
  .Forte {
    display: block;
    position: relative;
    width: 94.6666666667vw;
    margin-right: auto;
    margin-left: auto;
  }
}
.Forte-Background {
  position: relative;
  width: 60.78%;
}
@media only screen and (max-width: 768px) {
  .Forte-Background {
    width: 100%;
  }
}
.Forte-Background-Text {
  position: absolute;
  top: -4px;
  left: 0;
  width: 54.7%;
}
@media only screen and (max-width: 768px) {
  .Forte-Background-Text {
    display: none;
  }
}
.Forte-Contents {
  width: 68.69%;
  box-shadow: 0 0 14.6px 1.4px rgba(130, 130, 130, 0.55);
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  margin-left: -30%;
  padding: 5.5729166667vw 4.1145833333vw 5.9375vw;
  margin-top: 7%;
}
@media only screen and (max-width: 768px) {
  .Forte-Contents {
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
    top: 0;
    left: 0;
    box-shadow: none;
    margin: 0;
    padding: 3.4666666667vw;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.Forte-Contents-Title {
  font-size: clamp(22px, 2.5vw, 48px);
}
@media only screen and (max-width: 768px) {
  .Forte-Contents-Title {
    font-style: italic;
    letter-spacing: 0.2982857143em;
  }
}
.Forte-Contents-Link {
  position: relative;
  text-transform: uppercase;
  font-size: clamp(12px, 0.9895833333vw, 19px);
  font-family: din-2014, sans-serif;
  letter-spacing: 0.3em;
  display: block;
  width: clamp(116px, 12.1875vw, 234px);
  border-bottom: 2px solid #090909;
  padding: 0.5263157895em 0;
  text-align: center;
  margin-right: auto;
  margin-top: 2.1875vw;
}
@media (hover: hover) {
  .Forte-Contents-Link {
    transition: 0.3s ease-in-out;
  }
  .Forte-Contents-Link:hover {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 768px) {
  .Forte-Contents-Link {
    letter-spacing: 0.3em;
    padding: 0.6666666667em 0;
    margin-top: 0.4166666667em;
    border-bottom: 1px solid #fff;
  }
}
.Forte-Contents-Link::after {
  position: absolute;
  content: "";
  width: 1.1052631579em;
  height: 2px;
  background: #090909;
  bottom: 0.2631578947em;
  right: -0.2105263158em;
  transform: rotate(45deg);
}
@media only screen and (max-width: 768px) {
  .Forte-Contents-Link::after {
    background: #fff;
    height: 1px;
  }
}

.PageFooter {
  margin-top: clamp(63px, 5.46875vw, 105px);
  margin-bottom: clamp(54px, 6.6666666667vw, 128px);
} /*# sourceMappingURL=style.css.map */