@charset "UTF-8";

:root {
  --title-background-color: #e1e3e3;
}

.ib {
  display: inline-block;
}

.Page {
  width: 100%;
  padding-bottom: 124px;
}

@media screen and (max-width: 768px) {
  .Page {
    padding-bottom: 60px;
  }
}

.FirstView {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

@media screen and (max-width: 768px) {
  .FirstView {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.FirstView__PCBG {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background-size: cover;
  background-position: center bottom;
}

@media screen and (max-width: 768px) {
  .FirstView__PCBG {
    display: none;
  }
}

.FirstView__SPBG {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-size: cover;
  background-position: center bottom;
}

@media screen and (max-width: 768px) {
  .FirstView__SPBG {
    display: block;
  }
}

.FirstView__Inner {
  display: flex;
  align-items: flex-end;
  max-width: 1900px;
  width: 100%;
  height: 203px;
}

@media screen and (max-width: 768px) {
  .FirstView__Inner {
    height: 120px;
  }
}

.FirstView-Title {
  position: relative;
  top: 5px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .FirstView-Title {
    top: 0.5px;
  }
}

.FirstView-Title-Img {
  width: clamp(calc(1036px * 0.7), calc(103600vw / 1920), 1036px);
}

@media screen and (max-width: 768px) {
  .FirstView-Title-Img {
    width: 200.5px;
  }
}

.Summarize {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-right: 50px;
  padding-left: 50px;
}

@media screen and (max-width: 768px) {
  .Summarize {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.Summarize__Inner {
  max-width: 1520px;
  width: 100%;
}

.Summarize-Title {
  margin-bottom: 50px;
  line-height: 1;
  letter-spacing: 0.2em;
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .Summarize-Title {
    margin-bottom: 30px;
    letter-spacing: 00.3em;
    font-size: 26px;
  }
}

.Summarize-Title__Inside {
  position: relative;
  bottom: 5px;
}

@media screen and (max-width: 768px) {
  .Summarize-Title__Inside {
    bottom: initial;
  }
}

.Summarize-Paragraph {
  margin-bottom: 62px;
  max-width: 1166px;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0);
}

@media screen and (max-width: 768px) {
  .Summarize-Paragraph {
    margin-bottom: calc(67px / 2);
    padding-right: 20px;
    padding-left: 20px;
  }
}

.Summarize-Paragraph-Text {
  margin-top: -9px;
  letter-spacing: 0.2em;
  line-height: calc(36 / 18);
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .Summarize-Paragraph-Text {
    margin-top: -3.99px;
    line-height: calc(22 / 14);
    font-size: 14px;
  }
}

.MainContents-Item {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-right: 50px;
  padding-left: 50px;
}

@media screen and (max-width: 768px) {
  .MainContents-Item {
    padding-right: 0;
    padding-left: 0;
  }
}

.MainContents-Item__Inner {
  max-width: 1520px;
  width: 100%;
}

.MainContents-Item__TitleWrapper {
  display: flex;
  align-items: center;
  padding-top: 14.25px;
  padding-right: 46px;
  padding-bottom: 14.25px;
  padding-left: 46px;
  background-color: var(--title-background-color);
}

@media screen and (max-width: 768px) {
  .MainContents-Item__TitleWrapper {
    height: 40px;
    padding-top: 0;
    padding-right: 30px;
    padding-bottom: 0;
    padding-left: 30px;
  }
}

.MainContents-Item-Title {
  letter-spacing: 0.3em;
  font-size: 30px;
  font-style: italic;
}

@media screen and (max-width: 768px) {
  .MainContents-Item-Title {
    letter-spacing: 0.12em;
    font-size: 14px;
  }
}

.MainContents-Item-Container {
  margin-bottom: 93px;
  padding-top: 44px;
  padding-right: 50px;
  padding-left: 50px;
}

@media screen and (max-width: 768px) {
  .MainContents-Item-Container {
    padding-top: calc(33px / 2);
    padding-right: 30px;
    margin-bottom: 35px;
    padding-left: 30px;
  }
}

.MainContents-Item-Container-Paragragh {
  border-top: 1px solid rgba(0, 0, 0, 0);
  margin-bottom: 43px;
}

@media screen and (max-width: 768px) {
  .MainContents-Item-Container-Paragragh {
    margin-bottom: 21px;
  }
}

.MainContents-Item-Container-Paragragh-Text {
  margin-top: -9px;
  letter-spacing: 0.1em;
  line-height: calc(36 / 18);
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .MainContents-Item-Container-Paragragh-Text {
    margin-top: calc(-7px / 2);
    line-height: calc(18 / 12);
    font-size: 14px;
  }
}

.MainContents-Item-Container-Paragragh-Text__top {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .MainContents-Item-Container-Paragragh-Text__top {
    margin-bottom: calc(39px / 2);
  }
}

.MainContents-Item-Container-List {
  padding-left: 20px;
  counter-reset: list-count;
  list-style: none;
}

@media screen and (max-width: 768px) {
  .MainContents-Item-Container-List > * + * {
    margin-top: 3px;
  }
}

@media screen and (max-width: 768px) {
  .MainContents-Item-Container-List {
    padding-left: 13px;
  }
}

.MainContents-Item-Container-List-ListItem {
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, 0);
}

.MainContents-Item-Container-List-ListItem::before {
  padding-right: 8px;
  content: counter(list-count) ".";
  counter-increment: list-count 1;
  letter-spacing: 0.1em;
  line-height: 1;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .MainContents-Item-Container-List-ListItem::before {
    margin-top: calc(-7px / 2);
    line-height: calc(18 / 12);
    font-size: 14px;
  }
}

.MainContents-Item-Container-List-ListItem-Text {
  margin-top: -9px;
  letter-spacing: 0.1em;
  line-height: calc(36 / 18);
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .MainContents-Item-Container-List-ListItem-Text {
    margin-top: calc(-7px / 2);
    line-height: calc(18 / 12);
    font-size: 14px;
  }
}

/* 後付け */
@media screen and (max-width: 768px) {
  .PaddingLeft0 {
    padding-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .SP-MainContents-Item-Container-List-ListItem-margin {
    margin-bottom: calc(41px / 2);
  }
}

@media screen and (max-width: 768px) {
  .DisplayBlock {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .floatLeft > .MainContents-Item-Container-List-ListItem::before {
    float: left;
    padding-right: 20px;
  }
}

.Supplement {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-right: 50px;
  padding-left: 50px;
}

@media screen and (max-width: 768px) {
  .Supplement {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.Supplement__Inner {
  max-width: 1520px;
  width: 100%;
}

.Supplement__TextWrapper {
  margin-bottom: 90px;
  max-width: 1417.39px;
  border-top: 1px solid rgba(0, 0, 0, 0);
}

@media screen and (max-width: 768px) {
  .Supplement__TextWrapper {
    margin-bottom: 65.5px;
  }
}

.Supplement-Text {
  margin-top: -9px;
  letter-spacing: 0.1em;
  line-height: calc(36 / 18);
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .Supplement-Text {
    margin-top: calc(-7px / 2);
    letter-spacing: 0.2em;
    line-height: calc(18 / 12);
    font-size: 14px;
  }
}

.PageFooter {
  margin-top: clamp(63px, 5.46875vw, 105px);
  margin-bottom: clamp(54px, 6.6666666667vw, 128px);
}