@charset "UTF-8";
.indent_half {
  position: static;
  margin-left: 0;
}

#wrap {
  padding: 40px 0 0 0;
}

#contents_header {
  padding-top: 100%;
  position: relative;
  width: 100%;
  background-image: url(../images/header_sp.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#contents_header h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 10%);
  width: 89.375%;
  padding-top: 19.93007%;
  background-image: url(../images/main_title_sp.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  line-height: 0;
  overflow: hidden;
}

#section_yodogawa {
  background-color: #fff;
}
#section_yodogawa p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  width: 87.5%;
  margin: 2em auto;
  font-size: 15px;
  line-height: 2em;
  letter-spacing: 0.2em;
  text-align: justify;
  font-family: "Koburina Gothic W6 JIS2004", "ヒラギノUD角ゴ W4 JIS2004", "游ゴシック", "YuGothic", "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
#section_yodogawa p:first-of-type {
  margin-top: 0;
  padding-top: 20px;
}
#section_yodogawa p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 20px;
}

#section_article {
  padding: 0;
}
#section_article p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  width: 87.5%;
  margin: 2em auto;
  font-size: 15px;
  line-height: 2em;
  letter-spacing: 0.2em;
  text-align: justify;
  font-family: "Koburina Gothic W6 JIS2004", "ヒラギノUD角ゴ W4 JIS2004", "游ゴシック", "YuGothic", "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

@media screen and (min-width: 641px) {
  #wrap {
    padding: 50px 0 0 0;
  }

  #contents_header {
    padding-top: 36.25%;
    background-image: url(../images/header_pc.jpg);
    background-size: cover;
  }
  #contents_header h1 {
    width: 49.25%;
    padding-top: 8.5625%;
    background-image: url(../images/main_title_pc.svg);
  }

  #section_yodogawa p {
    width: 580px;
    font-size: 20px;
    text-align: left;
  }
  #section_yodogawa p:first-of-type {
    padding-top: 80px;
  }
  #section_yodogawa p:last-of-type {
    padding-bottom: 80px;
  }

  #section_article {
    padding: 40px 0;
  }
  #section_article p {
    width: 580px;
    font-size: 20px;
    text-align: left;
  }
}