/* デフォルト設定 */
*{
    padding: 0;
    margin: 0;
    color: #00241F;
    font-family: 'Noto Sans JP', sans-serif;
    justify-content: space-evenly
}

/* フォントメモ */
/* font-family: 'Baloo Thambi 2', cursive;
font-family: 'Noto Sans JP', sans-serif; */


/* トップの部分 */
.bg-swicher {
    width: 100vw;
    height:100vh;
    background: rgba(0, 36, 31, 0.9);
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: left;
}

.top-text {
    margin: 0 auto;
}

.first-view {
    width: 100vw;
    height:100vh;
    background: rgba(0, 36, 31, 0.7);
}

.bg-swicher h1 {
    color: #fff;
    font-family: 'Baloo Thambi 2', cursive;
    font-size: 128px;
    text-align: center;
    text-shadow: 0px 0px 10px rgb(255,255,255,0.3);
    /* 上下の文字間隔調整 */
    line-height: 0.7;
}

.bg-swicher p {
    color: #fff;
    font-family: 'Baloo Thambi 2', cursive;
    font-size: 40px;
    text-align: center;
    text-shadow: 0px 0px 10px rgba(244, 244, 244, 0.3);
}

@media(max-width:800px) {
    .bg-swicher h1 {
        font-size: 96px;
    }
    
    .bg-swicher p {
        font-size: 36px;
    }
}

@media(max-width:480px) {
    .bg-swicher h1 {
        font-size: 64px;
    }
    
    .bg-swicher p {
        font-size: 24px;
    }
}

/* 概要 */
.overview{
    text-align: center;
    background: linear-gradient(to bottom right, #EBF6F5, #61C1BE);
    
}

.overview-detail {
    padding: 100px;
}

.overview-detail img{
    width: 264px;
    height: auto;
    border-radius: 6px;
    filter: drop-shadow(5px 5px 5px #61C1BE);
    margin: 30px;
    transition-duration : 1s;
}

.overview-detail img:hover {
    width: 300px;
    height: auto;
    border-radius: 6px;
    transition-duration : 1s;
}

/* リンクの色をピンク色に設定 */
a {
    color: rgb(255, 89, 117);
}

.overview-detail h1{
    color: #EBF6F5;
    font-size: 64px;
    font-family: 'Baloo Thambi 2', cursive;
    /* 上下の文字間隔調整 */
    line-height: 1;
    filter: drop-shadow(5px 5px 5px #61C1BE);
}

.overview-detail h2{
    color: #EBF6F5;
    font-size: 20px;
    /* 上下の文字間隔調整 */
    line-height: 2;
    filter: drop-shadow(5px 5px 5px #61C1BE);
}

.overview-detail p{
    color: #EBF6F5;
    font-size: 12px;
    font-weight: 300;
    filter: drop-shadow(5px 5px 5px #61C1BE);
}

.overview-detail h3{
    color: #EBF6F5;
    font-size: 10px;
    font-weight: 400;
    /* 上下の文字間隔調整 */
    line-height: 2.5;
    filter: drop-shadow(5px 5px 5px #61C1BE);
}

@media(max-width:800px) {
    .overview-detail {
        padding: 100px;
    }
    
    .overview-detail img{
        width: 180px;
        height: auto;
    }
    
    .overview-detail img:hover {
        width: 180px;
        height: auto;
    }
    
    .overview-detail h1{
        font-size: 32px;
    }
    
    .overview-detail h2{
        font-size: 16px;
    }
    
    .overview-detail p{
        font-size: 10px;
        line-height: 1.2;
    }
    
    .overview-detail h3{
        font-size: 10px;
        line-height: 2;
    }
}

@media(max-width:480px) {
    .overview-detail {
        padding: 50px;
    }
    
    .overview-detail img{
        width: 180px;
        height: auto;
    }
    
    .overview-detail img:hover {
        width: 180px;
        height: auto;
    }
    
    .overview-detail h1{
        font-size: 32px;
    }
    
    .overview-detail h2{
        font-size: 16px;
    }
    
    .overview-detail p{
        font-size: 9px;
        line-height: 1.2;
    }
    
    .overview-detail h3{
        font-size: 9px;
        line-height: 2;
    }
}

/* メイン */
.main {
    background: linear-gradient(to bottom right, #EAEFF9, #EBF6F5, #EAEFF9, #EBF6F5);
    text-align: center;
    padding-bottom: 100px;
}
.main .title {
    padding-top: 180px;
    /* 横並び */
    display: flex;
    /* 中央寄せ */
    justify-content: center;
}

.main h2 {
    margin-bottom: 50px;
    color: #00241F;
    font-size: 48px;
    font-family: 'Baloo Thambi 2', cursive;
    /* 上下の文字間隔調整 */
    line-height: 1;
    filter: drop-shadow(5px 5px 5px #EBF6F5);
}



@media(max-width:800px) {
    
    .main h2 {
        font-size: 36px;
    }
 
}

@media(max-width:480px) {
    .main .title {
        padding-top: 100px;
    }

    .main h2 {
        font-size: 28px;
    }
    
}

/* about */
.about-all{
    display: flex;
    justify-content: center;
    width: 100vw;
}

.about-detail {
    background: #fff;
    box-shadow: 10px 10px 5px #EAEFF9;
    border-radius: 20px;
    width: 420px;
    height: 540px;
    margin: 10px;
    /* 横並び */
    display: flex;
    /* 中央寄せ */
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    transition-duration : 1s;
}

.about-detail:hover {
    box-shadow: 10px 10px 5px #61C1BE;
    transition-duration : 1s;
}

.about-detail img{
    width: 300px;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
    margin-top: 40px;
}

.about-detail h3 {
    color: #00241F;
    font-size: 32px;
    font-family: 'Baloo Thambi 2', cursive;
    margin-top: 20px;
    filter: drop-shadow(5px 5px 5px #EBF6F5)
}

.p-box{
    height: 80px;
    /* 横並び */
    display: flex;
    /* 中央寄せ */
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    margin-bottom: 40px;
}

.about-detail p {
    color: #00241F;
    font-size: 14px;
    font-weight: 300;
    filter: drop-shadow(5px 5px 5px #EBF6F5)
}

@media(max-width:800px) {

    .about-all{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    
    .about-detail {
        width: 70vw;
        height: 30vw;
        justify-content: left;
        align-items: center;
        flex-flow: wrap;
    }
    
    .about-detail img{
        width: 15vw;
        height: 15vw;
        margin-left: 20px;
        margin-right: 20px;
        border-radius: 5px;
        margin-top: 0;
    }
    
    .about-detail h3 {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 0;

    }
    
    .about-detail p {
        font-size: 8px;
        display:none;
    }
}

@media(max-width:480px) {
    
    .about-all{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    
    .about-detail {
        width: 70vw;
        height: 30vw;
        border-radius: 10px;
        justify-content: left;
        align-items: center;
        flex-flow: wrap;
    }
    
    .about-detail img{
        width: 15vw;
        height: 15vw;
        margin:20px;
        border-radius: 5px;
    }
    
    .about-detail h3 {
        font-size: 14px;
        margin-top: 0;

    }
    
    .about-detail p {
        font-size: 8px;
        display:none;
    }
}


/* research */

.research-all {
    display: flex;
    justify-content: center;
}

.research-box {
    width: 1000px;
    height: 420px;
    background: #fff;
    box-shadow: 10px 10px 5px #EBF6F5;
    border-radius: 20px;
    transition-duration : 2s;
}

.research-box:hover {
    box-shadow: 10px 10px 5px #61C1BE;
    transition-duration : 1s;
}

.research-contents {
    height: 420px;
    /* 横並び */
    display: flex;
    /* 中央寄せ */
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
}

.research-box img{
    width: 380px;
    height: 380px;
    object-fit: cover;
    border-radius: 10%;
    margin-right: 30px
}

.research-text {
    width: 500px;
    text-align: left;
}

.research-text h3{
    font-size: 32px;
    line-height: 40px;
    filter: drop-shadow(5px 5px 5px #EBF6F5)
}

.research-text h4{
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    filter: drop-shadow(5px 5px 5px #EBF6F5)
}

.research-text p{
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    filter: drop-shadow(5px 5px 5px #EBF6F5)
}

.research-slider .slick-slide {
    margin: 0 60px;
    padding: 60px 0;
    position: relative;
  }
  .research-slider .slick-slide .research-all .research-box .research-contents .research-text h3 h4 p{
    width: 1000px;
    height: 600px;
    background: #fff;
    box-shadow: 10px 10px 5px #EBF6F5;
    border-radius: 20px;
    transition: all 0.6s ease 0.4s;
      opacity: 0.8;
    box-shadow: 7px 7px 15px -5px #EBF6F5;
    overflow: hidden;
  }
  .research-slider .slick-slide.slick-current .research-all .research-box .research-contents .research-text h3 h4 p{
      transform: scale(1.2);
      opacity: 1;
  }
  .research-slider .slick-slide .slide-img img {
    display: block;
    width: 100%;
    height: 100%;

    object-fit: cover;
  }
  .research-slider .slick-arrow {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 0;
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  }
  .research-slider .slick-arrow::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #09000d;
    border-width: 3px 3px 0 0;
    position: absolute;
    top: 24px;
    transform: rotate(45deg);
  }
  .research-slider .slick-next {
    right: 30px;
  }
  .research-slider .slick-prev {
    left: 30px;
  }
  .research-slider .slick-next::before {
    left: 20px;
  }
  .research-slider .slick-prev::before {
    border-width: 0 0 3px 3px;
    right: 22px;
  }

  @media(max-width:800px) {

    .research-box {
        width: 80vw;
        height: 30vw;
    }

    .research-box:hover {
        background: #fff;
    }

    .research-slider .slick-slide {
        margin: 0 10px;
        padding: 10px;
        position: relative;
      }
    
    .research-slider .slick-slide .research-all .research-box .research-contents .research-text h3 h4 p{
        width: 50vw;
        height: 30vw;
      }
    
    .research-contents {
        height: 30vw;
    }
    
    .research-box img{
        width: 14vw;
        height: 14vw;
        margin-right: 10px
    }
    
    .research-text {
        width: 30vw;
    }
    
    .research-text h3{
        font-size: 16px;
        line-height: 20px;
    }
    
    .research-text h4{
        font-size: 10px;
        line-height: 20px;
    }
    
    .research-text p{
        font-size: 10px;
        display: none;
    }
}

  @media(max-width:480px) {

    .research-box {
        width: 80vw;
        height: 40vw;
    }

    .research-box:hover {
        background: #fff;
    }

    .research-slider .slick-slide .research-all .research-box .research-contents .research-text h3 h4 p{
        width: 60vw;
        height: 40vw;
      }
    
    .research-contents {
        height: 40vw;
    }
    
    .research-box img{
        display: none;
    }
    
    .research-text {
        width: 50vw;
    }
    
    .research-text h3{
        font-size: 12px;
        line-height: 20px;
    }
    
    .research-text h4{
        font-size: 10px;
        line-height: 20px;
    }
    
    .research-text p{
        font-size: 10px;
        display: none;
    }
  }


/* メンバー */

.img-all {
    display: flex;
    justify-content: center;
}

.member img{
    width: 260px;
    height: 260px;
    object-fit: cover;
    border-radius: 50%;
    border: 10px solid #FFFFFF;
    filter: drop-shadow(10px 10px 5px #EAEFF9);
    margin-right: 10px;
    margin-left: 10px;
    transition-duration : 1s;
}

.member-slider .slick-slide {
    width: 350px;
    height: 350px;
    position: relative;
    overflow: hidden;
  }

.member-slider .slick-slide img {
    display: block;
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 50%;
    border: 10px solid #FFFFFF;
    filter: drop-shadow(10px 10px 5px #EAEFF9);
    transition-duration : 1s;
  }

  .member-slider .slick-slide img:hover {
    width: 260px;
    height: 260px;
    border: 10px solid #FFFFFF;
    filter: drop-shadow(3px 3px 5px #61C1BE);
    transition-duration : 1s;
}

@media(max-width:800px) {
    .member-slider .slick-slide {
        width: 30vw;
        height: 30vw;
        position: relative;
        overflow: hidden;
      }
  
    .member-slider .slick-slide img {
        display: block;
        width: 25vw;
        height: 25vw;
        border: 10px solid #FFFFFF;
    }

    .member-slider .slick-slide img:hover {
        width: 25vw;
        height: 25vw;
    }
}

@media(max-width:480px) {
  
    .member-slider .slick-slide {
        width: 30vw;
        height: 30vw;
        position: relative;
        overflow: hidden;
      }
  
    .member-slider .slick-slide img {
        display: block;
        width: 25vw;
        height: 25vw;
        border: 3px solid #FFFFFF;
    }

    .member-slider .slick-slide img:hover {
        width: 25vw;
        height: 25vw;
    }
}

/* ピクチャー */
.picture img{
    width: 260px;
    height: 260px;
    object-fit: cover;
    margin: 10px;
    border: 10px solid #FFFFFF;
    filter: drop-shadow(10px 10px 5px #EBF6F5);
    transition-duration : 1s;
}

.picture img:hover {
    width: 300px;
    height: 300px;
    filter: drop-shadow(5px 5px 5px #61C1BE);
    transition-duration : 1s;
}

.pic-all{
    padding-bottom: 100px;
}

.pic-contents {
    display: flex;
    justify-content: center;
    
}

@media(max-width:800px) {
    .picture img{
        width: 25vw;
        height: 25vw;
        object-fit: cover;
        margin: 5px;
        border: 3px solid #FFFFFF;
    }
    
    .picture img:hover {
        width: 25vw;
        height: 25vw;
        border: 3px solid #FFFFFF;
    }
    
    .pic-all{
        padding-bottom: 50px;
    }

}

/* ニュース */
.news {
    display: flex;
    justify-content: center;
}

.post-all {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 100px;
}

.post {
    background-color: #fff;
    border-radius: 20px;
    width: 850px;
    height: 200px;
    display: flex;
    justify-content: left;
    align-items: center;
    flex-flow: wrap;
    margin-bottom: 30px;
    filter: drop-shadow(5px 5px 5px #EAEFF9);
    transition-duration : 1s;
}

.post:hover {
    filter: drop-shadow(5px 5px 5px #61C1BE);
    transition-duration : 1s;
}

.post-text {
    margin-left: 100px;
    text-align: left;
}

.post h3 {
    color: #00241F;
    font-size: 32px;
    font-family: 'Baloo Thambi 2', cursive;
    filter: drop-shadow(5px 5px 5px #EAEFF9);
}

.post h4 {
    color: #00241F;
    font-size: 16px;
    font-family: 'Baloo Thambi 2', cursive;
    filter: drop-shadow(5px 5px 5px #EAEFF9);
}

.post p{
    color: #00241F;
    font-size: 16px;
    font-weight: 300;
    filter: drop-shadow(5px 5px 5px #EAEFF9);
}

.news  a{
    text-decoration: none;
    justify-content: right;
    color: #EAEFF9;
    font-family: 'Baloo Thambi 2', cursive;
    font-size: 36px;
}

.deco-asobi {
    position: absolute;
    width: 40px;
    height: 200px;
    background: #D7004A;
    border-radius: 20px 0 0 20px;
}

.deco-manabi {
    position: absolute;
    width: 40px;
    height: 200px;
    background: #005752;
    border-radius: 20px 0 0 20px;
}

.deco-manabi2 {
    background-color: #fff;
    border-radius: 20px;
    width: 850px;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    flex-flow: wrap;
    margin-bottom: 30px;
    filter: drop-shadow(5px 5px 5px #EAEFF9);
    transition-duration : 1s;
}

/* 画面幅800px以下の場合のニュースセクションスタイル調整 */
@media(max-width:800px) {
    
    .post-all {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 50px;
    }
    
    .post {
        width: 80vw;
        height: 20vw;
        display: flex;
        justify-content: left;
        align-items: center;
        flex-flow: wrap;
        margin-bottom: 10px;
        filter: drop-shadow(5px 5px 5px #EAEFF9);
        transition-duration : 1s;
    }
    
    .post-text {
        margin-left: 10vw;
        text-align: left;
    }
    
    .post h3 {
        color: #00241F;
        font-size: 28px;
        font-family: 'Baloo Thambi 2', cursive;
        filter: drop-shadow(5px 5px 5px #EAEFF9);
    }
    
    .post h4 {
        color: #00241F;
        font-size: 14px;
        font-family: 'Baloo Thambi 2', cursive;
        filter: drop-shadow(5px 5px 5px #EAEFF9);
    }
    
    .post p{
        color: #00241F;
        font-size: 14px;
        font-weight: 300;
        filter: drop-shadow(5px 5px 5px #EAEFF9);
    }
    
    .deco-asobi {
        width: 5vw;
        height: 20vw;
    }
    
    .deco-manabi {
        width: 5vw;
        height: 20vw;
    }
}

/* 画面幅480px以下の場合のニュースセクションスタイル調整 */
@media(max-width:480px) {
    
    .post {
        width: 80vw;
        height: 20vw;
        border-radius: 10px;
        display: flex;
        justify-content: left;
        align-items: center;
        flex-flow: wrap;
        margin-bottom: 10px;
        filter: drop-shadow(5px 5px 5px #EAEFF9);
        transition-duration : 1s;
    }
    
    .post-text {
        margin-left: 10vw;
        text-align: left;
    }
    
    .post h3 {
        color: #00241F;
        font-size: 16px;
        font-family: 'Baloo Thambi 2', cursive;
        filter: drop-shadow(5px 5px 5px #EAEFF9);
    }
    
    .post h4 {
        color: #00241F;
        font-size: 10px;
        font-family: 'Baloo Thambi 2', cursive;
        filter: drop-shadow(5px 5px 5px #EAEFF9);
    }
    
    .post p{
        color: #00241F;
        font-size: 10px;
        font-weight: 300;
        filter: drop-shadow(5px 5px 5px #EAEFF9);
    }
    
    .deco-asobi {
        width: 5vw;
        height: 20vw;
        border-radius: 10px 0 0 10px;
    }
    
    .deco-manabi {
        width: 5vw;
        height: 20vw;
        border-radius: 10px 0 0 10px;
    }
}

/* ヘッダー */
.header {
    background: #61C1BE;
}
/* ヘッダーの見出し3スタイル */
.header h3 {
    font-size: 36px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    color: #EBF6F5;
    filter: drop-shadow(5px 5px 5px #00958D);
}

/* ヘッダー右側の段落スタイル */
.header-right p {
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    color: #EBF6F5;
    line-height: 1.2;
    margin-bottom: 10px;
    filter: drop-shadow(5px 5px 5px #00958D);
}

/* ヘッダーの画像スタイル */
.header img {
    width: 50px;
    height: 50px;
    margin: 10px;
    border-radius: 50%;
    filter: drop-shadow(3px 3px 5px #00958D);
}

/* ヘッダーのiframeスタイル */
.header iframe {
    border-radius: 20px;
    filter: drop-shadow(5px 5px 10px #00958D);
    border: 10px solid #FFFFFF;
    margin-right: 70px;
}

/* ヘッダー全体のレイアウト */
.header-all {
    padding: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 画面幅480px以下の場合のヘッダースタイル調整 */
@media(max-width:480px) {
    .header h3 {
        font-size: 28px;
    }
    
    .header-right p {
        font-size: 16px;
    }
    
    .header img {
        width:5vw;
        height: 5vw;
        margin: 3px;
    }
    
    .header iframe {
        display: none;
    }
    
    .header-all {
        padding: 50px;
    }

    small {
        font-size: 10px;
    }
}

/* 画面幅800px以下の場合のヘッダースタイル調整 */
@media(max-width:800px) {
    .header h3 {
        font-size: 28px;
    }
    
    .header-right p {
        font-size: 16px;
    }
    
    .header img {
        width:5vw;
        height: 5vw;
        margin: 3px;
    }
    
    .header iframe {
        width:40vw;
        height: 30vw;
        border-radius: 10px;
        border: 10px solid #FFFFFF;
        margin-right: 30px;
    }
    
    .header-all {
        padding: 50px;
    }

    small {
        font-size: 10px;
    }
}

/* スライドインアニメーションのスタイル */
.anim-box.slidein.is-animated {
    animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
   
/* スライドインアニメーションのキーフレーム */
@keyframes slideIn {
    0% {
      transform: translateX(180px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
    }
    40%,100% {
      opacity: 1;
    }
}

/* フワッとアニメーションのスタイル */
.fuwatAnime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: fuwatAnime;
    -ms-animation-name: fuwatAnime;
    animation-name: fuwatAnime;
    visibility: visible !important;
}
  
/* フワッとアニメーションのWebkitキーフレーム */
@-webkit-keyframes fuwatAnime {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
    }
}
  
/* フワッとアニメーションの標準キーフレーム */
@keyframes fuwatAnime {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
}

/* スクロールトップリンクのスタイル */
.scroll-top {
    position: fixed;
    right: 20px;
    bottom: 10px;
    z-index: 2;
    opacity: 0;
    visibility: hidden; 
    transition: opacity .5s, visibility .5s;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    animation: arrowmove 1s ease-in-out infinite;
}
  
/* 矢印の動きアニメーションのキーフレーム */
@keyframes arrowmove {
    0% {bottom:20px;}
    50% {bottom:25px;}
    100% {bottom:20px;}
}
  
/* スクロールトップリンクの表示スタイル */
.scroll-top.scroll-view {
    opacity: 1;
    visibility: visible;
}
  
/* スクロールトップリンクのaタグスタイル */
.scroll-top a {
    text-decoration: none;
    color: #00241F;
    text-transform: uppercase;
    font-size:0.9rem;
    display: block;
    font-family: 'Baloo Thambi 2', cursive;
}

/* スクロール段落のスタイル */
.p-scroll p {
    filter: drop-shadow(5px 5px 5px #00241F);
}
  
/* スクロールリンクの装飾（縦線） */
.js-scroll a::after {
    content:"";
    position: absolute;
    top:0;
    right:0;
    width:1px;
    height: 50px;
    background:#00241F;
}
  
/* スクロールリンクの装飾（矢印） */
.js-scroll a::before {
    content: "";
    position: absolute;
    top: 30px;
    right: -6px;
    width: 1px;
    height: 20px;
    background: #00241F;
    transform: skewX(-31deg);
}
  
/* Edge IE11用ハック */
_:-ms-lang(x), .js-scroll a::before {
    right:-11px;
}
  
/* ページトップリンクの装飾（縦線） */
.js-pagetop a::after {
    content:"";
    position: absolute;
    top:0;
    right:0;
    width:1px;
    height: 50px;
    background:#00241F;
}
  
/* ページトップリンクの装飾（矢印） */
.js-pagetop a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -6px;
    width: 1px;
    height: 20px;
    background: #00241F;
    transform: skewX(31deg);
}
  
/* Edge IE11用ハック */
_:-ms-lang(x), .js-pagetop a::before {
    right:0;
}

/* フッターの小さいテキストスタイル */
small {
    color: #EBF6F5;
    font-family: 'Baloo Thambi 2', cursive;
    display: flex;
    text-align: center;
    justify-items: center;
}