@charset "UTF-8";
@media screen and (max-width: 959px) and (min-width: 1px) {
  .swiper-slide img {
    max-width: 100% !important; } }
#ss_main {
  margin: 0 auto;
  text-align: center; }

.story_note {
  background-color: #fffcf7;
  color: #293435;
  margin: 2em auto;
  border: solid 3px #44c2d6;
  padding: 0.3em 1em 2em 1em;
  border-radius: 7px;
  width: 80%;
  text-align: left; }

@media screen and (max-width: 959px) and (min-width: 1px) {
  .story_note {
    width: 95%;
    border: solid 2px #44c2d6; } }
.story_sen {
  background-color: #fffcf7;
  background-image: linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #44c2d6 100%);
  background-size: 100% 2em;
  line-height: 2em;
  padding: 2em 1em 0.2em 1em;
  font-size: large; }

@media screen and (max-width: 959px) and (min-width: 1px) {
  .story_sen {
    padding: 5px; } }
.center_img {
  text-align: center;
  padding: 5px 0; }

.illust {
  width: 80%;
  border: 1px solid #7d888e; }

@media screen and (max-width: 959px) and (min-width: 1px) {
  .illust {
    width: 100%; } }
.icon {
  width: 30px;
  vertical-align: middle; }

/* レイアウトや見た目のスタイル */
/* ---------------------------- */
.single-item + .single-item {
  margin-top: 80px; }

/* アニメーションスタイル */
/* ---------------------------- */
/* アニメーション前 */
.u-fade-type-up {
  transform: translateY(50px);
  opacity: 0; }

/* トリガー発火でis-activeを付与 */
.u-fade-type-up.is-active {
  transition: .6s;
  transform: translateY(0);
  opacity: 1; }