@charset "utf-8";

body {
  font-family: 'Noto Sans JP', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", Meiryo, sans-serif;
  font-weight: normal;
  color: #333;
  font-feature-settings: "palt";
}

.Header {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, .79);
  color: #fff;
  text-align: center;
}

.Header-ContentsWrapper {
  margin-top: 16px;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  max-width: 1000px;
  width: 93%;
}

@media screen and (max-width: 768px) {
  .Header-ContentsWrapper {
    margin-top: clamp(0px, calc(2200vw/375), 22px);
    margin-bottom: clamp(0px, calc(2050vw/375), 20.5px);
    width: clamp(0px, calc(31000vw/375), 310px);
  }
}

.Header-ContentsWrapper-Title {
  width: 100%;
}

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

.Header-ContentsWrapper-SPTitle {
  display: none;
  width: 100%;
}

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


.Main-FirstView {
  padding-top: clamp(0px, calc(8800vw/1000), 88px);
  padding-bottom: clamp(0px, calc(2100vw/1920), 21px);
  background-image: url(../../images/fv_bg@2x.jpg);
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .Main-FirstView {
    padding-top: clamp(0px, calc(14850vw/375), 148.5px);
    padding-bottom: clamp(0px, calc(3150vw/375), 31.5px);
    background-image: url(../../images/fv_bg_sp.jpg);
  }
}

.Main-FirstView__Inner {
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-right: clamp(0px, calc(3200vw/1920), 32px);
  max-width: 1064px;
  width: 93%;
}

@media screen and (max-width: 768px) {
  .Main-FirstView__Inner {
    margin-top: clamp(0px, calc(1300vw/375), 13px);
    margin-right: auto;
    margin-left: auto;
    padding-right: clamp(0px, calc(1250vw/375), 12.5px);
    display: flex;
    justify-content: end;
    max-width: 375px;
  }
}

.Main-FirstView__ImgWrapper {
  max-width: 1032px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-FirstView__ImgWrapper {
    width: clamp(0px, calc(36900vw/375), 369px);
  }
}

.Main-FirstView-Img {
  width: 100%;
}

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

.Main-FirstView-SPImg {
  display: none;
  width: 100%;
}

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

.Main-About {
  background-image: url(../../images/about_bg@2x.jpg);
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .Main-About {
    background-image: url(../../images/about_bg_sp.jpg);
  }
}

.Main-About__Inner {
  margin-right: auto;
  margin-left: auto;
  padding-top: clamp(0px, calc(9900vw/1920), 99px);
  padding-bottom: clamp(0px, calc(8000vh/1920), 80px);
  max-width: 1000px;
  width: 93%;
}

@media screen and (max-width: 768px) {
  .Main-About__Inner {
    padding-right: clamp(0px, calc(1250vw/375), 12.5px);
    padding-bottom: clamp(0px, calc(5850vw/375), 58.5px);
    padding-left: clamp(0px, calc(1250vw/375), 12.5px);
    padding-top: clamp(0px, calc(4900vw/375), 49px);
    width: auto;
    max-width: 375px;
  }
}

.Main-About-Title {
  padding-bottom: clamp(0px, calc(5700vw/1920), 57px);
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-About-Title {
    padding-bottom: clamp(0px, calc(3700vw/375), 37px);
  }
}

.Main-About-Title-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-About-Title-Img {
    display: none;
  }
}

.Main-About-Title-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-About-Title-SPImg {
    display: block;
  }
}

.Main-About-Contents {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

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

.Main-About-Contents__ImgWrapper {
  margin-right: auto;
  margin-left: auto;
  padding-top: clamp(0px, calc(1600vw/1920), 16px);
  flex-shrink: 0;
  width: 100%;
  max-width: 446px;
}

@media screen and (max-width: 768px) {
  .Main-About-Contents__ImgWrapper {
    margin-bottom: clamp(0px, calc(2800vw/375), 28px);
    padding-top: 0;
    max-width: initial;
  }
}

.Main-About-Contents-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-About-Contents-Img {
    display: none;
  }
}

.Main-About-Contents-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-About-Contents-SPImg {
    display: block;
  }
}

.Main-About-Contents-MainContents {
  margin-right: auto;
  margin-left: auto;
  flex-grow: 1;
  max-width: 544px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-About-Contents-MainContents {
    display: flex;
    flex-wrap: wrap;
    max-width: initial;
  }
}

.Main-About-Contents-MainContents-SpeechBubble {
  transition: all .15s linear;
  position: relative;
  float: right;
}

@media screen and (max-width: 768px) {
  .Main-About-Contents-MainContents-SpeechBubble {
    order: 2;
    float: initial;
    width: 100%;
  }
}

.Main-About-Contents-MainContents-SpeechBubble:hover {
  opacity: 0.7;
}

.Main-About-Contents-MainContents-SpeechBubble__Imgwrapper {
  width: 176px;
}

@media screen and (max-width: 768px) {
  .Main-About-Contents-MainContents-SpeechBubble__Imgwrapper {
    margin-right: 0;
    margin-left: auto;
    width: clamp(0px, calc(29150vw/375), 291.5px);
  }
}

.Main-About-Contents-MainContents-SpeechBubble-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-About-Contents-MainContents-SpeechBubble-Img {
    display: none;
  }
}

.Main-About-Contents-MainContents-SpeechBubble-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-About-Contents-MainContents-SpeechBubble-SPImg {
    display: block;
  }
}

.Main-About-Contents-MainContents-Text {
  font-size: 18px;
  letter-spacing: 0.075em;
  line-height: 2;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .Main-About-Contents-MainContents-Text {
    order: 1;
    text-align: justify;
    font-size: clamp(10px, calc(1600vw/375), 16px);
    letter-spacing: 0.075em;
    line-height: 1.5;
    white-space: initial;
  }
}

.Main-About-Contents-MainContents-Text:nth-of-type(1) {
  margin-top: clamp(0px, calc(1600vw/1920), 16px);
  margin-bottom: clamp(0px, calc(4100vw/1920), 41px);
}

@media screen and (max-width: 768px) {
  .Main-About-Contents-MainContents-Text:nth-of-type(1) {
    margin-top: 0;
    margin-bottom: clamp(0px, calc(2800vw/375), 28px);
  }
}

@media screen and (max-width: 768px) {
  .Main-About-Contents-MainContents-Text-Br {
    display: none;
  }
}

.Main-Trigger {
  background-image: url(../../images/trigger_bg@2x.jpg);
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .Main-Trigger {
    background-image: url(../../images/trigger_bg_sp.jpg);
  }
}

.Main-Trigger__Inner {
  margin-right: auto;
  margin-left: auto;
  padding-top: clamp(0px, calc(12500vw/1920), 125px);
  max-width: 1000px;
  width: 93%;
}

@media screen and (max-width: 768px) {
  .Main-Trigger__Inner {
    padding-right: clamp(0px, calc(1250vw/375), 12.5px);
    padding-left: clamp(0px, calc(1250vw/375), 12.5px);
    padding-top: clamp(0px, calc(4900vw/375), 49px);
    width: auto;
    max-width: 375px;
  }
}

.Main-Trigger_TitleWrapper {
  margin-bottom: clamp(0px, calc(11800vw/1920), 118px);
  position: relative;
}

.Main-Trigger-Title {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Trigger-Title {
    margin-bottom: clamp(0px, calc(3200vw/375), 32px);
  }
}

.Main-Trigger-Title-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Trigger-Title-Img {
    display: none;
  }
}

.Main-Trigger-Title-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Trigger-Title-SPImg {
    display: block;
  }
}

.Main-Trigger-Book {
  position: absolute;
  top: -4.4%;
  right: clamp(0px, calc(3000vw/1920), 30px);
  width: clamp(80px, calc(20200vw/1920), 202px);
  box-shadow: 0px 3px 10.44px 1.56px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 768px) {
  .Main-Trigger-Book {
    margin-right: auto;
    margin-left: auto;
    position: initial;
    top: initial;
    right: initial;
    width: clamp(0px, calc(18600vw/375), 186px);
  }
}

.Main-Trigger-Book-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Trigger-Book-Img {
    display: none;
  }
}

.Main-Trigger-Book-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Trigger-Book-SPImg {
    display: block;
  }
}

.Main-Trigger-MainContents-SketchBook {
  margin-bottom: clamp(0px, calc(6700vw/1920), 67px);
  width: 100%;
  box-shadow: 0px 11px 18.44px 1.56px rgb(0 0 0);
}

@media screen and (max-width: 768px) {
  .Main-Trigger-MainContents-SketchBook {
    box-shadow: 0px 11px 18.44px 1.56px rgba(0, 0, 0, 0.4);
  }
}

.Main-Trigger-MainContents-SketchBook-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Trigger-MainContents-SketchBook-Img {
    display: none;
  }
}

.Main-Trigger-MainContents-SketchBook-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Trigger-MainContents-SketchBook-SPImg {
    display: block;
  }
}

.Main-Trigger-MainContents-Texts {
  margin-right: auto;
  margin-left: auto;
  max-width: 920px;
  width: 100%;
}

.Main-Trigger-MainContents-Texts-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Trigger-MainContents-Texts-Img {
    display: none;
  }
}

.Main-Trigger-MainContents-Texts-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Trigger-MainContents-Texts-SPImg {
    display: block;
  }
}

.Main-Trigger-BGButtom {
  width: 100%;
}

.Main-Trigger-BGButtom-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Trigger-BGButtom-Img {
    display: none;
  }
}

.Main-Trigger-BGButtom-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Trigger-BGButtom-SPImg {
    display: block;
  }
}

.Main-Interview {
  background-image: url(../../images/interview_bg@2x.jpg);
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .Main-Interview {
    background-image: url(../../images/interview_bg_sp.jpg);
    background-position: center bottom;

  }
}

.Main-Interview__Inner {
  margin-right: auto;
  margin-left: auto;
  padding-top: clamp(0px, calc(10500vw/1920), 105px);
  padding-bottom: clamp(0px, calc(9100vw/1920), 91px);
  max-width: 1000px;
  width: 93%;
}

@media screen and (max-width: 768px) {
  .Main-Interview__Inner {
    padding-right: clamp(0px, calc(1250vw/375), 12.5px);
    padding-left: clamp(0px, calc(1250vw/375), 12.5px);
    padding-top: clamp(0px, calc(5950vw/375), 59.5px);
    padding-bottom: clamp(0px, calc(3050vw/375), 30.5px);
    width: auto;
    max-width: 375px;
  }
}

.Main-Interview-Contents {
  width: 100%;
}

.Main-Interview-Contents-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Interview-Contents-Img {
    display: none;
  }
}

.Main-Interview-Contents-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Interview-Contents-SPImg {
    display: block;
  }
}

.Main-RepeatFirstView {
  position: relative;
}

.Main-RepeatFirstView-Header {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, .79);
  color: #fff;
  text-align: center;
}

.Main-RepeatFirstView-Header-ContentsWrapper {
  margin-top: 16px;
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
  max-width: 1000px;
  width: 85%;
}

@media screen and (max-width: 768px) {
  .Main-RepeatFirstView-Header-ContentsWrapper {
    margin-top: clamp(0px, calc(2200vw/375), 22px);
    margin-bottom: clamp(0px, calc(2050vw/375), 20.5px);
    width: clamp(0px, calc(31000vw/375), 310px);
  }
}

.Main-RepeatFirstView-Header-ContentsWrapper-Title {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-RepeatFirstView-Header-ContentsWrapper-Title {
    display: none;
  }
}

.Main-RepeatFirstView-Header-ContentsWrapper-SPTitle {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-RepeatFirstView-Header-ContentsWrapper-SPTitle {
    display: block;
  }
}

.Main-RepeatFirstView-FirstView {
  padding-top: clamp(0px, calc(8800vw/1000), 88px);
  padding-bottom: clamp(0px, calc(2100vw/1920), 21px);
  background-image: url(../../images/fv_bg@2x.jpg);
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .Main-RepeatFirstView-FirstView {
    padding-top: clamp(0px, calc(14850vw/375), 148.5px);
    padding-bottom: clamp(0px, calc(3150vw/375), 31.5px);
    background-image: url(../../images/fv_bg_sp.jpg);
  }
}

.Main-RepeatFirstView-FirstView__Inner {
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-right: clamp(0px, calc(3200vw/1920), 32px);
  max-width: 1064px;
  width: 93%;
}

@media screen and (max-width: 768px) {
  .Main-RepeatFirstView-FirstView__Inner {
    margin-top: clamp(0px, calc(1300vw/375), 13px);
    margin-right: auto;
    margin-left: auto;
    padding-right: clamp(0px, calc(1250vw/375), 12.5px);
    display: flex;
    justify-content: end;
    width: auto;
    max-width: 375px;
  }
}

.Main-RepeatFirstView-FirstView__ImgWrapper {
  max-width: 1032px;
}

@media screen and (max-width: 768px) {
  .Main-RepeatFirstView-FirstView__ImgWrapper {
    width: clamp(0px, calc(36900vw/375), 369px);
  }
}

.Main-RepeatFirstView-FirstView-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-RepeatFirstView-FirstView-Img {
    display: none;
  }
}

.Main-RepeatFirstView-FirstView-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-RepeatFirstView-FirstView-SPImg {
    display: block;
  }
}

.Main-SketchBook {
  background-image: url(../../images/sketchbook_bg@2x.jpg);
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .Main-SketchBook {
    background-image: url(../../images/sketchbook_bg_sp.jpg);
  }
}

.Main-SketchBook__Inner {
  margin-right: auto;
  margin-left: auto;
  padding-top: clamp(0px, calc(6200vw/1920), 62px);
  padding-bottom: clamp(0px, calc(7000vw/1920), 70px);
  max-width: 1000px;
  width: 93%;
}

@media screen and (max-width: 768px) {
  .Main-SketchBook__Inner {
    margin-right: auto;
    margin-left: auto;
    padding-top: clamp(0px, calc(4900vw/375), 49px);
    padding-right: clamp(0px, calc(1250vw/375), 12.5px);
    padding-left: clamp(0px, calc(1250vw/375), 12.5px);
    padding-bottom: clamp(0px, calc(6950vw/375), 69.5px);
    width: auto;
    max-width: 375px;
  }
}

.Main-SketchBook__Imgwrapper {
  box-shadow: 0px 11px 18.44px 1.56px rgb(0, 0, 0, 0.3);
  width: 100%;
}

.Main-SketchBook-Img {
  width: 100%;
}

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

.Main-SketchBook-SPImg {
  display: none;
  width: 100%;
}

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

.Main-Thought {
  background-image: url(../../images/thought_bg@2x.jpg);
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 768px) {
  .Main-Thought {
    background-image: url(../../images/thought_bg_sp.jpg);
  }
}

.Main-Thought__Inner {
  margin-right: auto;
  margin-left: auto;
  padding-top: clamp(0px, calc(4500vw/1920), 45px);
  padding-bottom: clamp(0px, calc(9100vw/1920), 91px);
  max-width: 1000px;
  width: 93%;
}

@media screen and (max-width: 768px) {
  .Main-Thought__Inner {
    padding-top: clamp(0px, calc(6300vw/375), 63px);
    padding-right: clamp(0px, calc(1250vw/375), 12.5px);
    padding-bottom: clamp(0px, calc(10800vw/375), 108px);
    padding-left: clamp(0px, calc(1250vw/375), 12.5px);
    width: auto;
    max-width: 375px;
  }
}

.Main-Thought-Title {
  margin-right: clamp(-24px, calc(-2400vw/1920), 0px);
  margin-bottom: clamp(0px, calc(4900vw/1920), 49px);
  margin-left: clamp(-24px, calc(-2400vw/1920), 0px);
}

@media screen and (max-width: 768px) {
  .Main-Thought-Title {
    margin-right: clamp(-12.5px, calc(-1250vw/375), 0px);
    margin-bottom: clamp(0px, calc(3800vw/375), 38px);
    margin-left: clamp(-12.5px, calc(-1250vw/375), 0px);
  }
}

.Main-Thought-Title-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Thought-Title-Img {
    display: none;
  }
}

.Main-Thought-Title-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Thought-Title-SPImg {
    display: block;
  }
}

.Main-Thought-MainContents {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Thought-MainContents {
    margin-right: clamp(-12.5px, calc(-1250vw/375), 0px);
    margin-left: clamp(-12.5px, calc(-1250vw/375), 0px);
    width: initial;
  }
}

.Main-Thought-MainContents-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Thought-MainContents-Img {
    display: none;
  }
}

.Main-Thought-MainContents-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Thought-MainContents-SPImg {
    display: block;
  }
}

.Main__CheckBg {
  background-image: url(../../images/mourn_bg@2x.jpg);
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .Main__CheckBg {
    background-image: url(../../images/mourn_bg_sp.jpg);
  }
}

.Main-Mourn__Inner {
  margin-right: auto;
  margin-left: auto;
  padding-top: clamp(0px, calc(7000vw/1920), 70px);
  padding-bottom: clamp(0px, calc(10700vw/1920), 107px);
  max-width: 1000px;
  width: 93%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn__Inner {
    padding-top: clamp(0px, calc(3250vw/375), 32.5px);
    padding-bottom: clamp(0px, calc(5500vw/375), 55px);
    padding-right: clamp(0px, calc(1250vw/375), 12.5px);
    padding-left: clamp(0px, calc(1250vw/375), 12.5px);
    width: auto;
    max-width: 375px;
  }
}

.Main-Mourn-Title {
  padding-bottom: clamp(0px, calc(4000vw/1920), 40px);
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-Title {
    margin-right: clamp(-12.5px, calc(-1250vw/375), 0px);
    margin-left: clamp(-12.5px, calc(-1250vw/375), 0px);
    padding-bottom: clamp(0px, calc(2750vw/375), 27.5px);
    width: initial;
  }
}

.Main-Mourn-Title-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-Title-Img {
    display: none;
  }
}

.Main-Mourn-Title-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-Title-SPImg {
    display: block;
  }
}

.Main-Mourn-MainContents-Figure {
  margin-right: auto;
  margin-bottom: clamp(0px, calc(7700vw/1920), 77px);
  margin-left: auto;
  max-width: 811px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Figure {
    margin-bottom: clamp(0px, calc(3250vw/375), 32.5px);
  }
}

.Main-Mourn-MainContents-Figure-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Figure-Img {
    display: none;
    width: 100%;
  }
}

.Main-Mourn-MainContents-Figure-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Figure-SPImg {
    display: block;
    width: 100%;
  }
}

.Main-Mourn-MainContents__YoutubeWrapper {
  position: relative;
  margin-right: auto;
  margin-bottom: clamp(0px, calc(6800vw/1920), 68px);
  margin-left: auto;
  padding-top: 56.27%;
  max-width: 853px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents__YoutubeWrapper {
    margin-bottom: clamp(0px, calc(2700vw/375), 27px);
  }
}

.Main-Mourn-MainContents-Youtube {
  margin: auto;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.Main-Mourn-MainContents-Detail {
  display: flex;
  column-gap: clamp(0px, calc(4000vw/1920), 40px);
  row-gap: 0px;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail {
    display: block;
    row-gap: initial;
    flex-wrap: initial;
  }
}

.Main-Mourn-MainContents-Detail-Figure {
  margin-right: auto;
  margin-left: auto;
  flex-basis: 276px;
  flex-shrink: 0;
  width: 100%;
}

.Main-Mourn-MainContents-Detail-Figure__TitleWrapper {
  margin-right: auto;
  margin-bottom: clamp(0px, calc(2100vw/1920), 21px);
  margin-left: auto;
  max-width: 156px;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Figure__TitleWrapper {
    margin-bottom: clamp(0px, calc(700vw/375), 7px);
    max-width: initial;
    width: clamp(0px, calc(17500vw/375), 175px);
  }
}

.Main-Mourn-MainContents-Detail-Figure-Title {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Figure-Title {
    display: none;
    width: 100%;
  }
}

.Main-Mourn-MainContents-Detail-Figure-SPTitle {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Figure-SPTitle {
    display: block;
    width: 100%;
  }
}

.Main-Mourn-MainContents-Detail-Figure__PictureWrapper {
  width: 100%;
}

.Main-Mourn-MainContents-Detail-Figure-Picture {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Figure-Picture {
    display: none;
    width: 100%;
  }
}

.Main-Mourn-MainContents-Detail-Figure-SPPicture {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Figure-SPPicture {
    display: block;
    width: 100%;
  }
}

.Main-Mourn-MainContents-Detail-Contents {
  padding-top: clamp(0px, calc(7600vw/1920), 76px);
  flex: 1;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Contents {
    padding-top: clamp(0px, calc(4750vw/375), 47.5px);
  }
}

.Main-Mourn-MainContents-Detail-Contents-Text {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.045em;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Contents-Text:nth-of-type(1) {
    font-size: clamp(10px, calc(1600vw/375), 16px);
    letter-spacing: 0.045em;
    text-align: justify;
  }
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Contents-Text:nth-of-type(2) {
    font-size: clamp(10px, calc(1450vw/375), 14.5px);
    letter-spacing: 0.1em;
    font-feature-settings: initial;
    text-align: justify;
  }
}

.Main-Mourn-MainContents-Detail-Contents-Text-SPbr {
  display: none;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Contents-Text-SPbr {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Contents-Text-PCbr {
    display: none;
  }
}

.Main-Mourn-MainContents-Detail-Contents-Text-Ib {
  display: inline-block;
}

.Main-Mourn-MainContents-Detail-Contents__TitleWrapper {
  margin-top: clamp(0px, calc(3000vw/1920), 30px);
  margin-bottom: clamp(0px, calc(1000vw/1920), 10px);
  width: 222px;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Contents__TitleWrapper {
    margin-top: clamp(0px, calc(3950vw/375), 39.5px);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: clamp(0px, calc(2600vw/375), 26px);
    width: clamp(0px, calc(20050vw/375), 200.5px);
  }
}

.Main-Mourn-MainContents-Detail-Contents-Title {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Contents-Title {
    display: none;
    width: 100%;
  }
}

.Main-Mourn-MainContents-Detail-Contents-SPTitle {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Contents-SPTitle {
    display: block;
    width: 100%;
  }
}

.Main-Mourn-MainContents-Detail-Contents-SDGS {
  margin-top: clamp(0px, calc(5500vw/1920), 55px);
  max-width: 410px;
  width: 100%;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Contents-SDGS {
    margin-top: clamp(0px, calc(3100vw/375), 31px);
    margin-right: auto;
    margin-left: auto;
    max-width: initial;
    width: clamp(0px, calc(21700vw/375), 217px);
  }
}

.Main-Mourn-MainContents-Detail-Contents-SDGS-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Contents-SDGS-Img {
    display: none;
    width: 100%;
  }
}

.Main-Mourn-MainContents-Detail-Contents-SDGS-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Mourn-MainContents-Detail-Contents-SDGS-SPImg {
    display: block;
    width: 100%;
  }
}

.Main-Schedule__Inner {
  margin-right: auto;
  margin-left: auto;
  padding-top: clamp(0px, calc(5100vw/1920), 51px);
  padding-bottom: clamp(0px, calc(8400vw/1920), 84px);
  max-width: 1000px;
  width: 93%;
}

@media screen and (max-width: 768px) {
  .Main-Schedule__Inner {
    padding-top: clamp(0px, calc(7500vw/750), 75px);
    padding-bottom: clamp(0px, calc(6700vw/750), 67px);
    padding-right: clamp(0px, calc(1250vw/375), 12.5px);
    padding-left: clamp(0px, calc(1250vw/375), 12.5px);
    width: auto;
    max-width: 375px;
  }
}

.Main-Schedule-Title {
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  max-width: 654px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Schedule-Title {
    margin-bottom: clamp(0px, calc(7800vw/750), 78px);
    max-width: calc(535px / 2);
  }
}

.Main-Schedule-Title-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Schedule-Title-Img {
    display: none;
    width: 100%;
  }
}

.Main-Schedule-Title-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Schedule-Title-SPImg {
    display: block;
    width: 100%;
  }
}

.Main-Schedule-btns {
  margin-right: auto;
  margin-left: auto;
  max-width: 865px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

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

.Main-Schedule-btns-btn {
  max-width: 396px;
  transition: all 0.15s ease-in-out;
}

@media screen and (max-width: 768px) {
  .Main-Schedule-btns-btn {
    margin-right: auto;
    margin-left: auto;
    max-width: calc(617px/2);
  }

  .Main-Schedule-btns-btn:first-of-type {
    margin-bottom: clamp(0px, calc(5000vw/750), 50px);
  }
}

.Main-Schedule-btns-btn:hover {
  opacity: 0.7;
}

.Main-Schedule-btns-btn-Img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Schedule-btns-btn-Img {
    display: none;
    width: 100%;
  }
}

.Main-Schedule-btns-btn-SPImg {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .Main-Schedule-btns-btn-SPImg {
    display: block;
    width: 100%;
  }
}

.Footer {
  background-color: #313a47;
  color: #fff;
}

.Footer__Inner {
  margin-right: auto;
  margin-left: auto;
  padding-top: clamp(0px, calc(6500vw/1920), 65px);
  padding-bottom: clamp(0px, calc(3000vw/1920), 30px);
  max-width: 1000px;
  width: 93%;
}

@media screen and (max-width: 768px) {
  .Footer__Inner {
    padding-top: clamp(0px, calc(5450vw/375), 54.5px);
    padding-right: clamp(0px, calc(1250vw/375), 12.5px);
    padding-left: clamp(0px, calc(1250vw/375), 12.5px);
    padding-bottom: clamp(0px, calc(1550vw/375), 15.5px);
    width: auto;
    max-width: 375px;
  }
}

.Footer-Title {
  margin-bottom: clamp(0px, calc(2600vw/1920), 26px);
  position: relative;
  font-size: clamp(22px, calc(3200vw/1920), 32px);
  text-align: center;
  letter-spacing: 0.045em;
}

@media screen and (max-width: 768px) {
  .Footer-Title {
    margin-bottom: clamp(0px, calc(1550vw/375), 15.5px);
    font-size: clamp(10px, calc(2400vw/375), 24px);
  }
}

.Footer-DecorationBorder {
  margin-bottom: clamp(0px, calc(3600vw/1920), 36px);
  margin-right: auto;
  margin-left: auto;
  width: 51px;
  height: 3px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .Footer-DecorationBorder {
    margin-bottom: clamp(0px, calc(2700vw/375), 27px);
    width: clamp(0px, calc(2550vw/375), 25.5px);
    height: clamp(0px, calc(150vw/375), 1.5px);
  }
}

.Footer-Texts {
  margin-right: auto;
  margin-bottom: clamp(0px, calc(7800vw/1920), 78px);
  margin-left: auto;
  width: fit-content;
  font-size: clamp(20px, calc(2400vw/1920), 24px);
  letter-spacing: 0.045em;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .Footer-Texts {
    padding-left: clamp(0px, calc(2250vw/375), 22.5px);
    margin-bottom: clamp(0px, calc(5000vw/375), 50px);
    font-size: clamp(10px, calc(1600vw/375), 16px);
    line-height: 1.5;
  }
}

@media screen and (max-width: 768px) {
  .Footer-Texts-Text:nth-of-type(2) {
    display: flex;
  }
}

@media screen and (max-width: 768px) {
  .Footer-Texts-Text:nth-of-type(3) {
    display: flex;
  }
}

@media screen and (max-width: 768px) {
  .Footer-Texts-Text-Title {
    display: block;
    flex-shrink: 0;
  }
}

@media screen and (max-width: 768px) {
  .Footer-Texts-Text-Contents {
    display: block;
    flex: 1;
  }
}

.Footer-Texts-Text-Contents-Ib {
  display: inline-block;
}

.Footer-CopyRight {
  font-size: 12px;
  letter-spacing: 0;
  text-align: center;
}

.Footer-CopyRight-Ib {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .Footer-CopyRight-SPIb {
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  .Footer-CopyRight {
    font-size: 12px;
  }
}