@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");

.tjf {
  text-align: justify;
  text-justify: inter-ideograph
}

main {
  font-size: 62.5%
}

main.l-main {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  font-size: 1.6rem;
  color: #333;
  font-weight: 400;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.1em
}

@media (min-width: 768px) {
  main.l-main {
    font-size: 2rem
  }
}

main.l-main section {
  padding: 60px 0
}

html .l-main,
body .l-main {
  margin-top: 60px;
  background-color: #f5f5f5
}

@media (min-width: 992px) {

  html .l-main,
  body .l-main {
    margin-top: 70px
  }
}

html .l-main .mainvisual,
body .l-main .mainvisual {
  padding: 0;
  position: relative;
  width: 100%;
  height: calc(100dvh - 70px)
}

@media (min-width: 768px) {

  html .l-main .mainvisual,
  body .l-main .mainvisual {
    height: calc(100vh - 70px)
  }
}

html .l-main .mainvisual .background,
body .l-main .mainvisual .background {
  position: absolute;
  background-size: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center
}

html .l-main .mainvisual .logo,
body .l-main .mainvisual .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 240px
}

@media (min-width: 768px) {

  html .l-main .mainvisual .logo,
  body .l-main .mainvisual .logo {
    max-width: 340px
  }
}

html .l-main .mainvisual .scroll_sign,
body .l-main .mainvisual .scroll_sign {
  text-align: center;
  position: absolute;
  bottom: 25px;
  width: 100%;
  margin: 0;
  -webkit-animation: fuwafuwa 3s ease-in-out 0s infinite alternate;
  animation: fuwafuwa 3s ease-in-out 0s infinite alternate
}

@-webkit-keyframes fuwafuwa {
  0% {
    bottom: 25px
  }

  50% {
    bottom: 5px
  }

  100% {
    bottom: 25px
  }
}

@keyframes fuwafuwa {
  0% {
    bottom: 25px
  }

  50% {
    bottom: 5px
  }

  100% {
    bottom: 25px
  }
}

html .l-main .mainvisual.slideshow,
body .l-main .mainvisual.slideshow {
  overflow: hidden
}

html .l-main .mainvisual.slideshow .background,
body .l-main .mainvisual.slideshow .background {
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-filter: blur(20px);
  filter: blur(20px)
}

html .l-main .mainvisual.slideshow .background.current,
body .l-main .mainvisual.slideshow .background.current {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

html .l-main .mainvisual.fukushima,
body .l-main .mainvisual.fukushima {
  height: 300px
}

@media (min-width: 768px) {

  html .l-main .mainvisual.fukushima,
  body .l-main .mainvisual.fukushima {
    height: 600px
  }
}

html .l-main .badge_c,
body .l-main .badge_c {
  position: absolute;
  top: -5%;
  left: -5%;
  background-color: #FFE346;
  text-align: center;
  border-radius: 100px;
  width: 45%
}

@media (min-width: 768px) {

  html .l-main .badge_c,
  body .l-main .badge_c {
    width: 30%
  }
}

html .l-main .badge_c .wrapper,
body .l-main .badge_c .wrapper {
  width: 100%;
  position: relative
}

html .l-main .badge_c .wrapper::before,
body .l-main .badge_c .wrapper::before {
  display: block;
  content: "";
  padding-top: 100%
}

html .l-main .badge_c .wrapper p,
body .l-main .badge_c .wrapper p {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #333;
  font-weight: 700
}

html .l-main .badge_c.fukushima,
body .l-main .badge_c.fukushima {
  background-color: #F77F28
}

html .l-main .badge_c.fukushima p,
body .l-main .badge_c.fukushima p {
  color: #ffffff
}

html .l-main .school_list .box,
body .l-main .school_list .box {
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  opacity: 1;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  position: relative;
  padding: 10% 5% 5% 5%;
  border: 3px solid #666666;
  border-radius: 30px;
  margin: 0 0 15% 0
}

html .l-main .school_list .box.hide,
body .l-main .school_list .box.hide {
  -webkit-transform: rotate(40deg) scale(0.2);
  transform: rotate(40deg) scale(0.2);
  opacity: 0
}

@media (min-width: 768px) {

  html .l-main .school_list .box,
  body .l-main .school_list .box {
    margin: 0 2% 15% 2%
  }
}

html .l-main .school_list .box.fuku,
body .l-main .school_list .box.fuku {
  border-color: #F77F28
}

html .l-main .school_list .box img,
body .l-main .school_list .box img {
  margin-bottom: 5%
}

html .l-main .school_list .box .badge_c .wrapper p,
body .l-main .school_list .box .badge_c .wrapper p {
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 0
}

html .l-main .school_list .box .badge_c .wrapper p span.year,
body .l-main .school_list .box .badge_c .wrapper p span.year{
  display: block;
  line-height: 1.2;
  font-size: 1.0rem;
}

@media (min-width: 768px) {

  html .l-main .school_list .box .badge_c .wrapper p,
  body .l-main .school_list .box .badge_c .wrapper p {
    font-size: 1.6rem
  }

  html .l-main .school_list .box .badge_c .wrapper p span.year,
  body .l-main .school_list .box .badge_c .wrapper p span.year{
    font-size: 1.2rem;
  }
}

@media (min-width: 1200px) {

  html .l-main .school_list .box .badge_c .wrapper p,
  body .l-main .school_list .box .badge_c .wrapper p {
    font-size: 1.6rem
  }

}

html .l-main .school_list .box h3.school,
body .l-main .school_list .box h3.school {
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 3%;
  font-weight: 700;
  line-height: 1.6
}

@media (min-width: 768px) {

  html .l-main .school_list .box h3.school,
  body .l-main .school_list .box h3.school {
    font-size: 1.6rem
  }
}

@media (min-width: 1200px) {

  html .l-main .school_list .box h3.school,
  body .l-main .school_list .box h3.school {
    font-size: 2rem
  }
}

html .l-main .school_list .box h3.school a,
body .l-main .school_list .box h3.school a {
  color: #333;
  text-decoration: none
}

html .l-main .school_list .box h3.school a:hover,
body .l-main .school_list .box h3.school a:hover {
  color: #333;
  text-decoration: none
}

html .l-main .school_list .box p.place,
body .l-main .school_list .box p.place {
  font-size: 1.2rem;
  text-align: center;
  color: #23A79F
}

@media (min-width: 768px) {

  html .l-main .school_list .box p.place,
  body .l-main .school_list .box p.place {
    font-size: 1.4rem
  }
}

@media (min-width: 1200px) {

  html .l-main .school_list .box p.place,
  body .l-main .school_list .box p.place {
    font-size: 1.6rem
  }
}

html .l-main .school_list .box.fukushima,
body .l-main .school_list .box.fukushima {
  background-color: #F77F28;
  border: none
}

html .l-main .school_list .box.fukushima a,
body .l-main .school_list .box.fukushima a {
  pointer-events: none
}

html .l-main .school_list .box.fukushima img,
html .l-main .school_list .box.fukushima .badge_c,
html .l-main .school_list .box.fukushima h3.school,
html .l-main .school_list .box.fukushima p.place,
body .l-main .school_list .box.fukushima img,
body .l-main .school_list .box.fukushima .badge_c,
body .l-main .school_list .box.fukushima h3.school,
body .l-main .school_list .box.fukushima p.place {
  opacity: 0
}

html .l-main .school_list .box.fukushima p.title,
body .l-main .school_list .box.fukushima p.title {
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: white;
  font-size: 1.8rem;
  text-align: center
}

html .l-main .school_list .box.fukushima p.title span.date,
body .l-main .school_list .box.fukushima p.title span.date {
  font-size: 1.4rem
}

@media (min-width: 768px) {

  html .l-main .school_list .box.fukushima p.title,
  body .l-main .school_list .box.fukushima p.title {
    font-size: 2.8rem
  }

  html .l-main .school_list .box.fukushima p.title span.date,
  body .l-main .school_list .box.fukushima p.title span.date {
    font-size: 2rem
  }
}

html footer.gfooter,
body footer.gfooter {
  margin-top: 0
}

html .page_index section.message,
body .page_index section.message {
  padding: 120px 0
}

@media (min-width: 992px) {

  html .page_index section.message,
  body .page_index section.message {
    padding: 120px 0 40px;
  }
}

html .page_index section.message p,
body .page_index section.message p {
  display: block;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  line-height: 2.0;
  font-size: 1.8rem
}

@media (min-width: 992px) {

  html .page_index section.message p,
  body .page_index section.message p {
    font-size: 2.2rem
  }
}

html .page_single .fukushima_slideshow,
body .page_single .fukushima_slideshow {
  position: relative
}

html .page_single .fukushima_slideshow::before,
body .page_single .fukushima_slideshow::before {
  content: "";
  display: block;
  padding-top: 74%
}

html .page_single .fukushima_slideshow img,
body .page_single .fukushima_slideshow img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out
}

html .page_single .fukushima_slideshow img.current,
body .page_single .fukushima_slideshow img.current {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1
}

html .page_single section.mainvisual,
body .page_single section.mainvisual {
  padding: 0;
  max-height: 200px
}

@media (min-width: 768px) {

  html .page_single section.mainvisual,
  body .page_single section.mainvisual {
    max-height: 434px
  }
}

html .page_single section.mainvisual .logo_overlay:after,
body .page_single section.mainvisual .logo_overlay:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3)
}

html .page_single section.mainvisual .logo,
body .page_single section.mainvisual .logo {
  max-width: 160px;
  -webkit-filter: drop-shadow(0 0px 3px rgba(255, 255, 255, 0.3));
  filter: drop-shadow(0 0px 3px rgba(255, 255, 255, 0.3))
}

@media (min-width: 768px) {

  html .page_single section.mainvisual .logo,
  body .page_single section.mainvisual .logo {
    max-width: 260px
  }
}

html .page_single section.mainvisual.fukushima,
body .page_single section.mainvisual.fukushima {
  max-height: 300px
}

@media (min-width: 768px) {

  html .page_single section.mainvisual.fukushima,
  body .page_single section.mainvisual.fukushima {
    max-height: 600px
  }
}

html .page_single section.mainvisual.fukushima .logo,
body .page_single section.mainvisual.fukushima .logo {
  top: 40%
}

html .page_single section.leadbox,
body .page_single section.leadbox {
  text-align: center
}

html .page_single section.leadbox .badge_c,
body .page_single section.leadbox .badge_c {
  position: relative;
  top: 0;
  left: calc(50% - 81px);
  width: 162px;
  height: 162px;
  margin: 63px 0
}

html .page_single section.leadbox .badge_c p,
body .page_single section.leadbox .badge_c p {
  line-height: 1.8;
  margin-bottom: 0;
  font-size: 2.2rem
}

html .page_single section.leadbox .badge_c p span.year,
body .page_single section.leadbox .badge_c p span.year {
  display: block;
  line-height: 1.2;
  margin-bottom: -6px;
  font-size: 1.6rem
}

@media (min-width: 768px) {

  html .page_single section.leadbox .badge_c p,
  body .page_single section.leadbox .badge_c p {
    font-size: 2.4rem
  }
}

html .page_single section.leadbox .badge_c p span.date,
body .page_single section.leadbox .badge_c p span.date {
  font-size: 1.6rem
}

@media (min-width: 768px) {

  html .page_single section.leadbox .badge_c p span.date,
  body .page_single section.leadbox .badge_c p span.date {
    font-size: 1.8rem
  }
}

html .page_single section.leadbox .badge_c.fukushima,
body .page_single section.leadbox .badge_c.fukushima {
  background-color: #F77F28
}

html .page_single section.leadbox .badge_c.fukushima p,
body .page_single section.leadbox .badge_c.fukushima p {
  color: #ffffff
}

html .page_single section.leadbox h2,
body .page_single section.leadbox h2 {
  font-size: 2.8rem;
  line-height: 1.7;
  font-weight: 700
}

@media (min-width: 768px) {

  html .page_single section.leadbox h2,
  body .page_single section.leadbox h2 {
    font-size: 4rem
  }
}

html .page_single section.leadbox p.place,
body .page_single section.leadbox p.place {
  color: #23A79F;
  margin: 1em
}

html .page_single section.leadbox p.leadtext,
body .page_single section.leadbox p.leadtext {
  line-height: 2;
  text-align: justify
}

@media (min-width: 768px) {

  html .page_single section.leadbox p.leadtext,
  body .page_single section.leadbox p.leadtext {
    text-align: center
  }
}

html .page_single section.leadbox.fukushima .overview,
body .page_single section.leadbox.fukushima .overview {
  max-width: 900px;
  margin: 0 auto;
  text-align: left
}

html .page_single section.leadbox.fukushima .overview p,
body .page_single section.leadbox.fukushima .overview p {
  margin-bottom: 60px
}

html .page_single section.voice h3,
body .page_single section.voice h3 {
  text-align: center;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 45px
}

@media (min-width: 768px) {

  html .page_single section.voice h3,
  body .page_single section.voice h3 {
    font-size: 2.4rem
  }
}

html .page_single section.voice ul,
body .page_single section.voice ul {
  max-width: 726px;
  margin: 0 auto;
  padding-left: 0
}

html .page_single section.voice ul li,
body .page_single section.voice ul li {
  margin: 0 0 80px 0
}

@media (min-width: 768px) {

  html .page_single section.voice ul li,
  body .page_single section.voice ul li {
    margin: 45px 0
  }
}

html .page_single section.voice ul li.left .fukidashi,
body .page_single section.voice ul li.left .fukidashi {
  -webkit-transform-origin: center left;
  transform-origin: center left
}

html .page_single section.voice ul li.right .fukidashi,
body .page_single section.voice ul li.right .fukidashi {
  -webkit-transform-origin: center right;
  transform-origin: center right
}

html .page_single section.voice ul li .face,
body .page_single section.voice ul li .face {
  width: 100%;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  max-width: 240px;
  margin: 0 auto
}

html .page_single section.voice ul li .face::before,
body .page_single section.voice ul li .face::before {
  content: "";
  padding-top: 100%;
  display: block
}

html .page_single section.voice ul li .fukidashi,
body .page_single section.voice ul li .fukidashi {
  position: relative;
  height: 100%;
  min-height: 150px;
  opacity: 0
}

html .page_single section.voice ul li .fukidashi.show,
body .page_single section.voice ul li .fukidashi.show {
  -webkit-animation: biyooooonds .3s ease-out both;
  animation: biyooooonds .3s ease-out both
}

@-webkit-keyframes biyooooonds {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-8deg) scale(0.7);
    transform: rotate(-8deg) scale(0.7)
  }

  50% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg)
  }

  75% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg)
  }

  87.5% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }

  96.75% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg)
  }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1)
  }
}

@keyframes biyooooonds {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-8deg) scale(0.7);
    transform: rotate(-8deg) scale(0.7)
  }

  50% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg)
  }

  75% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg)
  }

  87.5% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg)
  }

  96.75% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg)
  }

  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1)
  }
}

@media (min-width: 768px) {

  html .page_single section.voice ul li .fukidashi,
  body .page_single section.voice ul li .fukidashi {
    height: 100%
  }
}

html .page_single section.voice ul li .fukidashi .background,
body .page_single section.voice ul li .fukidashi .background {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  background-color: white;
  border-radius: 36px;
  margin: 50px 0 0 0
}

@media (min-width: 768px) {

  html .page_single section.voice ul li .fukidashi .background,
  body .page_single section.voice ul li .fukidashi .background {
    width: calc(100% - 50px);
    margin: 0 0 0 50px
  }
}

html .page_single section.voice ul li .fukidashi .background img,
body .page_single section.voice ul li .fukidashi .background img {
  position: absolute;
  top: -50px;
  left: calc(50% - 25px);
  right: auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

@media (min-width: 768px) {

  html .page_single section.voice ul li .fukidashi .background img,
  body .page_single section.voice ul li .fukidashi .background img {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    top: calc(50% - 25px);
    left: -50px;
    right: auto
  }
}

html .page_single section.voice ul li .fukidashi p,
body .page_single section.voice ul li .fukidashi p {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 15px
}

@media (min-width: 768px) {

  html .page_single section.voice ul li .fukidashi p,
  body .page_single section.voice ul li .fukidashi p {
    padding: 0 20px 0 70px;
    text-align: left
  }
}

@media (min-width: 768px) {

  html .page_single section.voice ul li.right .fukidashi .background,
  body .page_single section.voice ul li.right .fukidashi .background {
    margin: 0 0 50px 0
  }

  html .page_single section.voice ul li.right .fukidashi .background img,
  body .page_single section.voice ul li.right .fukidashi .background img {
    left: auto;
    right: -50px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  html .page_single section.voice ul li.right .fukidashi p,
  body .page_single section.voice ul li.right .fukidashi p {
    padding: 0 70px 0 20px
  }
}

html .page_single section.fukushima_story .box,
body .page_single section.fukushima_story .box {
  padding: 90px 0 0 0;
  margin-bottom: 0
}

@media (min-width: 768px) {

  html .page_single section.fukushima_story .box,
  body .page_single section.fukushima_story .box {
    margin-bottom: 120px
  }
}

@media (min-width: 992px) {

  html .page_single section.fukushima_story .box,
  body .page_single section.fukushima_story .box {
    padding: 0 0 0 0
  }
}

html .page_single section.fukushima_story .box .img,
body .page_single section.fukushima_story .box .img {
  opacity: auto
}

html .page_single section.fukushima_story .box .topic,
body .page_single section.fukushima_story .box .topic {
  padding-bottom: 60px
}

html .page_single section.fukushima_story .box .topic:last-child,
body .page_single section.fukushima_story .box .topic:last-child {
  padding-bottom: 0
}

html .page_single section.fukushima_story .box .topic.slider,
body .page_single section.fukushima_story .box .topic.slider {
  max-width: 900px;
  margin: 0 auto
}

html .page_single section.fukushima_story .box .topic .title,
body .page_single section.fukushima_story .box .topic .title {
  padding-bottom: 60px;
  text-align: center
}

html .page_single section.fukushima_story .box .topic .title h2,
body .page_single section.fukushima_story .box .topic .title h2 {
  font-size: 1.6rem;
  font-weight: 700
}

html .page_single section.fukushima_story .box .topic .title h2 span,
body .page_single section.fukushima_story .box .topic .title h2 span {
  border-bottom: 2px solid #333333;
  padding-bottom: 0.2em
}

html .page_single section.fukushima_story .box .topic h3,
body .page_single section.fukushima_story .box .topic h3 {
  font-size: 2.0rem;
  font-weight: 700;
  color: #F77F28;
  text-align: center;
  margin-bottom: 1.5em;
  letter-spacing: 0.15em;
  line-height: 1.7
}

@media (min-width: 992px) {

  html .page_single section.fukushima_story .box .topic h3,
  body .page_single section.fukushima_story .box .topic h3 {
    font-size: 2.8rem
  }
}

html .page_single section.fukushima_story .box .topic p,
body .page_single section.fukushima_story .box .topic p {
  max-width: 900px;
  margin: 0 auto
}

html .page_single section.fukushima_story .box .topic.story_table h2,
body .page_single section.fukushima_story .box .topic.story_table h2 {
  font-size: 1.6rem;
  text-align: left;
  margin-bottom: 1em;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 0.5em
}

html .page_single section.fukushima_story .box .topic.story_table .table,
body .page_single section.fukushima_story .box .topic.story_table .table {
  font-size: 1.4rem
}

html .page_single section.fukushima_story .box .topic.story_table .table th,
body .page_single section.fukushima_story .box .topic.story_table .table th {
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
  white-space: nowrap
}

html .page_single section.story .box,
body .page_single section.story .box {
  padding: 90px 0 0 0;
  margin-bottom: 0
}

@media (min-width: 768px) {

  html .page_single section.story .box,
  body .page_single section.story .box {
    margin-bottom: 120px
  }
}

@media (min-width: 992px) {

  html .page_single section.story .box,
  body .page_single section.story .box {
    padding: 0 0 0 0
  }
}

html .page_single section.story .box img,
body .page_single section.story .box img {
  opacity: 0;
  margin-top: 80px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-filter: blur(5px);
  filter: blur(5px)
}

html .page_single section.story .box img.show,
body .page_single section.story .box img.show {
  opacity: 1;
  margin-top: 0px;
  -webkit-filter: blur(0px);
  filter: blur(0px)
}

html .page_single section.story .box .text,
body .page_single section.story .box .text {
  padding-left: 0
}

html .page_single section.story .box .text h3,
body .page_single section.story .box .text h3 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #23A79F;
  text-align: left;
  margin-bottom: 1em;
  letter-spacing: 0.15em;
  line-height: 1.7
}

@media (min-width: 992px) {

  html .page_single section.story .box .text h3,
  body .page_single section.story .box .text h3 {
    font-size: 2.4rem
  }
}

html .page_single section.story .box .text p,
body .page_single section.story .box .text p {
  text-align: justify;
  margin-bottom: 120px
}

@media (min-width: 992px) {

  html .page_single section.story .box .text p,
  body .page_single section.story .box .text p {
    margin-bottom: 0
  }
}

html .page_single section.l-bottom,
body .page_single section.l-bottom {
  padding: 60px 0 120px 0
}

html .page_single section.l-bottom .wrapper,
body .page_single section.l-bottom .wrapper {
  text-align: center
}

html .page_single section.l-bottom .wrapper .go2top,
body .page_single section.l-bottom .wrapper .go2top {
  background-color: #989F9D;
  padding: 15px 60px;
  border-radius: 50px;
  display: inline;
  color: white;
  font-weight: bold;
  text-decoration: none
}

html .page_single section.l-bottom .wrapper .go2top::before,
body .page_single section.l-bottom .wrapper .go2top::before {
  content: "TOPへ戻る";
  display: inline
}

html .page_single section.l-bottom .wrapper .linkjigo,
body .page_single section.l-bottom .wrapper .linkjigo {
  background-color: #23A79F;
  padding: 15px 60px;
  border-radius: 50px;
  display: inline;
  color: white;
  font-weight: bold;
  text-decoration: none
}

html .page_single section.l-bottom .wrapper .linkjigo::before,
body .page_single section.l-bottom .wrapper .linkjigo::before {
  content: "掲載内容はこちら";
  display: inline
}