@charset "UTF-8";
/* 全体 */
body{
    font-family: Noto Sans JP, sans-serif;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wrapper{
    max-width: 768px;
    margin: 0 auto;
}

.sp{
    display: block;
}

.pc{
    display: none;
}

    /* ヘッダー */
    
    .main-img-sp img { width: 100%; }
    
    /* 学習サポート */
    .study-support-sp img{
        margin: 3% 5%;
        width: 90%;
    }
    
    .study-support1-sp img{
        margin: 3% 0% 5% 14%;
        width: 70%;
    }
    
    .coursebtn-sp{
        display: flex;
    }
    
    .btn1-sp{
        margin: 0% 3% 5% 2%;
    }
    
    .btn2-sp{
        margin-right: 2%;
    }
    
    .line1-sp{
        margin: 0% 26%;
    }
    
    /* 受講者の声 */
    .voice-sp img{
        margin: 5% 3% 7% 7%;
        width: 85%;
    }
    
    .title1-sp{
    text-align: center;
    font-size: 30px;
    color: #00000;
    margin-top: 4%;
    }

    .title1a-sp{
        text-align: center;
        font-size: 20px;
        color: #00000;
        margin-top: 4%;
        }
    
    .title1b-sp{
        text-align: center;
        font-size: 16px;
        color: #00000;
        margin-top: 3%;
        margin-bottom: 5%;
        }
    
        .title3-sp{
            text-align: center;
            font-size: 14px;
            color: #00000;
            margin-top: 2%;
            margin-bottom: 5%
            }

            .course-sp {
                height: 470px;
                background-image: url(../images/bg1sp.png);
                position: relative;
                background-size: cover;
            }
            
            .eiken-sp{
                position: absolute;
                margin-left: 6%;
                margin-top: -114%;
                width: 330px;
            }
            .order-sp{
                position: absolute;
                margin-left: 6%;
                margin-top: -62%;
                width: 330px;
            }

.index-sp{
    text-align: center;
    position: relative;
}
.index1-sp{
    position: absolute;
    font-size: 13px;
    color: #000000;
    margin-top: -7%;
    margin-left: 23%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
}

.flow-sp{
    margin: 6% 3% 8% 7%;
}

.info-sp{
    height: 93px;
    background-image: url(../images/Whatsnew-sp.png);
    position: relative;
    background-size: cover;
}
.info1-sp{
    position: absolute;
    margin-left: 28%;
    margin-top: 12%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 8px;
    color: blue;
}
.info2-sp{
    position: absolute;
    margin-left: 28%;
    margin-top: 15%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 8px;
    color: blue;
}

.info3-sp{
    position: absolute;
    margin-left: 32%;
    margin-top: 18%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 8px;
    color: blue;
}


.index-YT-sp{
    text-align: center;
    position: relative;
    margin-top: 5%;
}

.index1YT-sp{
    position: absolute;
    font-size: 13px;
    color: #000000;
    margin-top: -7%;
    margin-left: 38%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
}

    .video-sp{
        margin: 4% 0% 1% 17%;
    }

    .video-1{
        margin: 5% 0%;
    }

    /* お問合せ */

    .index-CN-sp{
        text-align: center;
        position: relative;
        margin-top: 9%;
    }
    
    .contact-sp{
        position: absolute;
        font-size: 13px;
        color: #000000;
        margin-top: -7%;
        margin-left: 42%;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: bold;
    }
    .contact1-sp{
        position: absolute;
        font-size: 13px;
        color: #000000;
        margin-top: 3%;
        margin-left: 17%;
        font-family: 'Noto Sans JP', sans-serif;
        line-height: 1.5em;
    }  


#google-map-sp{
    margin: 30% 0% 2% 3%;
}

.footer-sp{
    text-align:center;
}


/* SNS */
.flex-sp{
    display: flex;
  }

.insta-sp{
    margin: 5% 5% 5% 14%;
    width: 40%;
}
.Youtube-sp{
    margin: 5% 0% 5% 0%;
    width: 22%;
}



/* 英検対策 */
.eiken-title-sp{
        text-align: center;
        font-size: 25px;
        color: #00000;
        margin: 4% 0% 3% 0%;
}

.eiken-index-sp{
    text-align: center;
    position: relative;
    margin-top: 5%;
}

.eiken-index-title-sp{
    position: absolute;
    margin: -18% 0% 0% 25%;
    font-size: 11px;
    color: #237e79;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
}

.eiken-line-sp{
    text-align: center;
    position: relative;
    margin-top: 5%;
}
.eiken-line1-sp{
    position: absolute;
    font-size: 13px;
    color: #000000;
    margin-top: -7%;
    margin-left: 31%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
}
.eiken-recom-sp{
    margin: 7% 5% 6% 5%;
}
.eiken-recom1-sp{
    margin: 7% 0% 6% 0%;
}

.eiken-line2-sp{
    position: absolute;
    font-size: 13px;
    color: #000000;
    margin-top: -7%;
    margin-left: 41%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
}
.eiken-voice-sp{
    margin: 5% 6% 6% 7%;
}
.eiken-line3-sp{
    position: absolute;
    font-size: 13px;
    color: #000000;
    margin-top: -7%;
    margin-left: 40%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
}
.eiken-pr1-sp{
    font-size: 11px;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 5% 0% 4% 0%;
}
.eiken-pr2-sp{
    font-size: 11px;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0% 0% 4% 0%;
}
.eiken-price-sp{
    margin: 5% 6% 6% 6%;
}

.index8-sp{
    font-size: 11px;
    text-align: center;
    margin-bottom: 3%;
    font-family: 'Noto Sans JP', sans-serif;
    color: #ff0015;
    font-weight: bold;
}

/* オーダーメイド */
.one-title-sp{
        text-align: center;
        font-size: 25px;
        color: #00000;
        margin: 4% 0% 3% 0%;
}

.one-index-sp{
    text-align: center;
    position: relative;
    margin-top: 5%;
}

.one-index-title-sp{
    position: absolute;
    margin: -18% 0% 0% 18%;
    font-size: 11px;
    color: #ba8222;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
}

.one-recom-sp{
    margin: 7% 7% 6% 7%;
}

.one-pr1-sp{
    font-size: 11px;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 4% 0% 2% 0%;
    line-height: 1.5em;
}
.one-pr2-sp{
    font-size: 11px;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0% 0% 4% 0%;
}
.one-price-sp{
    margin: 5% 6% 6% 6%;
}


/* 翻訳 */

.translation-sp{
    margin: 5% 3% 4% 3%;
}

.btn3-sp{
    margin: 5% 3% 1% 21%;
    width: 60%;
}

.line3-sp{
    text-align: center;
}

.sample-sp{
    margin: 4% 3% 1% 3%;
}

.webimg-sp{
    width: 55%;
    margin: 0% 3% 4% 6%;
    font-size: 2px;
}

.data-sp{
    margin: 6% 3% 6% 3%;
}

.title2-sp{
    display: flex;
    margin: 4% 0% 0% 37%;

}
.tr-ti1-sp{
    width: 10%;
}
.tr-ti2-sp{
    font-size: 13px;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 3%;
}



/* コーチ紹介 */
.coach-title-sp{
    text-align: center;
    font-size: 25px;
    color: #00000;
    margin: 4% 0% 3% 0%;
}
.coach-index-sp{
    text-align: center;
}

.Kelly-sp{
    margin: 5% 2% 6% 5%
}

.Kelly-sp img{
    width: 95%;
}

.name-sp{
    text-align: left;
    font-size: 12px;
    color: #84672d;
    margin-top: 4%;
    padding-bottom: 1%;
}

.introduce-sp{
    text-align: left;
    font-size: 10px;
    color: #040404;
    margin-top: 7%;
    line-height: 1.4em;
}

/*TOPへ戻る*/
#page_top{
    text-align:right;
}

  /* ハンバーガーメニュー */
  .nav-menu {
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
    top: 0;
    right: -120%;
    width: 0%;!important
    height: 100%;
    /*ナビの高さ*/
    background: #3696b2;
    opacity: 0.9;
    /*動き*/
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
  .nav-menu ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 90%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    width: 100%;
  }
  .nav-menu ul li {
    border-bottom: solid 3px #faf4e7;
    display: -ms-flexbox;
    display: flex;
  }
  .nav-menu ul li a {
    align-items: center;
    padding: 1em 0em 1em 0%;
    font-size: 20px;

  }
  .nav-menu ul li a i {
    display: inline-block;
    padding-right: 3rem;
  }
  .nav-menu ul li a i .sp {
    display: block !important;
  }
  .nav-menu ul li a p {
    text-decoration: none;
    color: #000000;
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
  }
  .nav-menu ul li:hover {
    color: #f39b97;
    background-color: #f8c7c5;
  }
  /*アクティブクラスがついたら位置を0に*/
  .panelactive {
    /*ナビの数が増えた場合縦スクロール*/
    right: 0;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    /*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .openbtn {
    position: fixed;
    z-index: 9999;
    top: 15px;
    right: 3%;
    cursor: pointer;
    width: 60px;
    height: 58px;
    background-color: #a98a4c;
    border-radius: 20%;
  }
    /*×に変化*/

  .openbtn span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background-color: #faf4e7;
    width: 50%;
  }
  .openbtn span:nth-of-type(1) {
    top: 20px;
  }
  .openbtn span:nth-of-type(2) {
    top: 29px;
  }
  .openbtn span:nth-of-type(3) {
    top: 38px;
  }
  .active span:nth-of-type(1) {
    top: 15px;
    left: 14px;
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
    width: 40%;
  }
  .active span:nth-of-type(2) {
    opacity: 0;
  }
  .active span:nth-of-type(3) {
    top: 27px;
    left: 14px;
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
    width: 40%;
  }

  .nav-menu{
    width: 65%;
    height: 100%;
    font-size: 1em;
    display: flex;
    justify-content: space-evenly;
    background-color: #f89d74;
    padding-top: 0.5vh;
}

    nav ul{
    display: flex;
    justify-content: space-around;
    margin: 0% 20% 0% -21%;
    }
    nav ul li{
    list-style: none;
    padding-top: 0.5em;
    }
    nav ul li a{
    text-decoration: none;
    color:#fff;
    }

    /* ここまでハンバーガーメニュー */

    @media (min-width:769px)
    /* 全体 */
    {
    
    .wrapper{
        max-width: 1400px;
        margin: 0 auto;
    }

    .sp{
        display:none;
    }
    .pc{
        display:block;
    }
        
    html { font-size: 100%; }

    body{
        font-family: Serif;
        font-size: 17px;
    }
    img {
        max-width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    ul{
        list-style: none;
        display: flex;

    }

    /* ヘッダー */
#header-pc{
    background-color: #2f8c97;
    color: #ffff;
    font-size: 20px;
}

.logo-pc{
    margin: 0% 0% 8.8% 1%;
    padding: 0.7% 0% 0.3% 0%;
}

.tel-pc{
    margin: -13.5% 0% 0% 83%;
    padding-bottom: 20px;
}



.nav1{
    margin: -29.5% 27% 0% 39%;
    color: #ffff;
    font-size: 22px;
    font-family: Noto Sans JP, sans-serif;
}

.nav2{
    margin: -29.5% -32% -1% -35%;
    color: #ffff;
    font-size: 22px;
    font-family: Noto Sans JP, sans-serif;
}

.nav3{
    margin: -29.5% -10% 0% 23%;
    color: #ffff;
    font-size: 22px;
    font-family: Noto Sans JP, sans-serif;
}

.nav4{
    margin: -29.5% -1% 0% 2%;
    color: #ffff;
    font-size: 22px;
    font-family: Noto Sans JP, sans-serif;
}

.nav5{
    margin: -29.5% -5% 0% -7%;
    color: #ffff;
    font-size: 22px;
    font-family: Noto Sans JP, sans-serif;
}

.nav6{
    margin: -20.5% 27% 0% 45%;
    color: #ffff;
    font-size: 22px;
    font-family: 'Noto Sans JP', sans-serif;
}

.nav7{
    margin: -20.5% -32% -1% -24%;
    color: #ffff;
    font-size: 22px;
    font-family: 'Noto Sans JP', sans-serif;
}

.nav8{
    margin: -20.5% -10% 0% 35%;
    color: #ffff;
    font-size: 22px;
    font-family: 'Noto Sans JP', sans-serif;
}

.nav9{
    margin: -20.5% -1% 0% 13%;
    color: #ffff;
    font-size: 22px;
    font-family: 'Noto Sans JP', sans-serif;
}

.nav10{
    margin: -20.5% 1% 0% 5%;
    color: #ffff;
    font-size: 22px;
    font-family: 'Noto Sans JP', sans-serif;
}

.main-img-pc img { width: 100%; }

/* タイトル */
.title1-pc{
    text-align: center;
    font-size: 80px;
    margin-top: 2%;
    font-family: Noto Sans JP, sans-serif;
}

.title1a-pc{
    text-align: center;
    margin-top: 2%;
    font-size: 60px;
    font-family: Noto Sans JP, sans-serif;
}

.title1b-pc{
    text-align: center;
    margin-top: 2%;
    margin-bottom: 3%;
    font-size: 40px;
    font-family: Noto Sans JP, sans-serif;
}

/* コース紹介 */
.coursebtn-pc{
    height: 630px;
    background-image: url(../images/bg1pc.png);
    position: relative;
    background-size: cover;
    }

.btn1{
    position: absolute;
    margin-left: 14%;
    margin-top: 3%;
}

.btn2{
    position: absolute;
    margin-left: 52%;
    margin-top: 3%;
}

/* 学習サポート */

.index-pc{
    position: relative;
    text-align: center;
    margin-top: 4%;
}

.index1-pc{
    position: absolute;
    font-size: 27px;
    color: #000000;
    margin-top: -4%;
    margin-left: 35.5%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
}

.support-pc{
    margin: 2% 0% 3% 28%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
}


/* What's New */
.info-pc {
    height: 285px;
    background-image: url(../images/Whatsnew-pc.png);
    position: relative;
    background-size: cover;
}

.info-tl-pc{
    position: absolute;
    margin-left: 45%;
    margin-top: 5%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 28px;
    font-weight: bold;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

.info1-pc{
    position: absolute;
    margin-left: 38%;
    margin-top: 9%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    color: blue;
}
.info2-pc{
    position: absolute;
    margin-left: 38%;
    margin-top: 11%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    color: blue;
}

.info3-pc{
    position: absolute;
    margin-left: 38%;
    margin-top: 13%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    color: blue;
}

/* YouTube */
.index2-pc{
    position: absolute;
    font-size: 27px;
    color: #000000;
    margin-top: -4%;
    margin-left: 44%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
}

.video-pc{
    display: flex;
    margin: 3% 0% 3% 10%;
}

.video-1-pc{
    margin:0% 3% 2% 0%; 
}


/* お問合せ */
.index3-pc{
    position: absolute;
    font-size: 27px;
    color: #000000;
    margin-top: -4%;
    margin-left: 46%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
}

.contact-pc{
    line-height: 2em;
    font-size: 16pt;
    margin: 2% 0% 3% 1%;
    font-family: 'Noto Sans JP', sans-serif;
}

/* 英検対策 */
.eiken-title1-pc{
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    color: #000000;
    font-size: 65px;
    margin: 3% 0%
}

.eikeninfo-pc{
    background-image: url(../images/eiken-Topicex-pc.png);
    position: relative;
    height: 305px;
    background-size: cover;
}

.eiken-index-pc{
    position: absolute;
    margin: 6% 0% 0% 36%;
    font-size: 27px;
    color: #237e79;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
}

.index4-pc{
    position: relative;
    margin-top: 5%;
    text-align: center;
}

.index4r-pc{
    position: absolute;
    font-size: 27px;
    font-weight: bold;
    color: #000000;
    margin: -4% 0% 0% 40%;
        font-family: 'Noto Sans JP', sans-serif;
}

.eiken-osusume-pc{
    margin: 4% 0% 5% 25%;
    width: 55%;
}

.eiken-merit-pc{
    background-image: url(../images/eiken-merit-pc.png);
    position: relative;
    height: 605px;
    background-size: cover;
}
.eiken-button-pc{
    position: absolute;
    margin-top: 4%;
    margin-left: 35%;
}

.index5-pc{
    position: absolute;
    font-size: 27px;
    font-weight: bold;
    color: #000000;
    margin: -4% 0% 0% 45%;
}
.index5-pc{
    position: absolute;
    font-size: 27px;
    font-weight: bold;
    color: #000000;
    margin: -4% 0% 0% 45%;
}
.index5im-pc{
    margin-top: 3%;
    margin-bottom: 5%;
    text-align: center;
}
.line-pc{
    text-align:center;
}
.index6-pc{
    position: absolute;
    font-size: 27px;
    font-weight: bold;
    color: #000000;
    margin: -4% 0% 0% 45%;
    font-family: 'Noto Sans JP', sans-serif;
}

.index6im-pc{
    margin-top: 3%;
    margin-bottom: 3%;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
}

.index7-pc{
    font-size: 22px;
    text-align: center;
    margin-top: 3%;
    line-height: 2em;
    font-family: 'Noto Sans JP', sans-serif;
}
.index8-pc{
    font-size: 35px;
    text-align: center;
    margin-bottom: 3%;
    font-family: 'Noto Sans JP', sans-serif;
    color: #ff0015;
    font-weight: bold;
}

.index9-pc{
    position: absolute;
    font-size: 27px;
    font-weight: bold;
    color: #000000;
    margin: -4% 0% 0% 46%;
}

#google-map-pc{
    margin: 3% 0% 2% 23%;
}

/* オーダーメイド */
.one-title1-pc{
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    color: #000000;
    font-size: 65px;
    margin: 3% 0%
}

.oneinfo-pc{
    background-image: url(../images/One-Topicex-pc.png);
    position: relative;
    height: 305px;
    background-size: cover;
}

.one-index-pc{
    position: absolute;
    margin: 6% 0% 0% 31%;
    font-size: 27px;
    color: #ba8222;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
}

.index4-pc{
    position: relative;
    margin-top: 5%;
    text-align: center;
}

.index4r-pc{
    position: absolute;
    font-size: 27px;
    font-weight: bold;
    color: #000000;
    margin: -4% 0% 0% 40%;
        font-family: 'Noto Sans JP', sans-serif;
}

.one-osusume-pc{
    margin: 4% 0% 5% 25%;
    width: 55%;
}

.one-merit-pc{
    background-image: url(../images/one-merit-pc.png);
    position: relative;
    height: 605px;
    background-size: cover;
}
.one-button-pc{
    position: absolute;
    margin-top: 4%;
    margin-left: 35%;
}

.voice-pc{
    text-align: center;
    margin: 6% 0% 0% 2%;
}

.index5-pc{
    position: absolute;
    font-size: 27px;
    font-weight: bold;
    color: #000000;
    margin: -4% 0% 0% 45%;
}
.index5-pc{
    position: absolute;
    font-size: 27px;
    font-weight: bold;
    color: #000000;
    margin: -4% 0% 0% 45%;
}
.index5im-pc{
    margin-top: 3%;
    margin-bottom: 5%;
    text-align: center;
}
.line-pc{
    text-align:center;
}
.index6-pc{
    position: absolute;
    font-size: 27px;
    font-weight: bold;
    color: #000000;
    margin: -4% 0% 0% 45%;
    font-family: 'Noto Sans JP', sans-serif;
}

.index6im-pc{
    margin-top: 3%;
    margin-bottom: 3%;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
}
.index9-pc{
    font-size: 22px;
    text-align: center;
    margin-top: 0%;
    margin-left: 31%;
    line-height: 2em;
    font-family: 'Noto Sans JP', sans-serif;
}
.line1-pc{
    text-align:center;
    margin-top: 15%;
}


/* コーチ紹介 */

.coach-title1-pc{
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    color: #000000;
    font-size: 65px;
    margin: 3% 0%
}

.coachinfo-pc{
    background-image: url(../images/bohotie-pc.png);
    height: 120px;
    background-size:cover
}

.Kelly{
    margin: 5% 0% 5% 20%;
}

.Kelly img{
    width: 70%;
}

.name{
    text-align: left;
    font-size: 30px;
    color: #84672d;
    font-weight: bold;
    padding-bottom: 2%;
    font-family: 'Noto Sans JP', sans-serif;
}

.introduce{
    text-align: left;
    font-size:20px;
    color: #040404;
    margin-top: 4%;
    line-height: 1.5em;
    font-family: 'Noto Sans JP', sans-serif;
}

.index-ch-pc{
    position: relative;
    text-align: center;
    margin-top: 8%;
}


#google1-map-pc{
    margin: 3% 0% 2% 22%;
}

/* 翻訳 */
.nav11{
    margin: -47.7% 27% 0% 45%;
    color: #ffff;
    font-size: 22px;
    font-family: 'Noto Sans JP', sans-serif;
}

.nav12{
    margin: -47.7% -32% -1% -24%;
    color: #ffff;
    font-size: 22px;
    font-family: 'Noto Sans JP', sans-serif;
}

.nav13{
    margin: -47.7% -10% 0% 35%;
    color: #ffff;
    font-size: 22px;
    font-family: 'Noto Sans JP', sans-serif;
}

.nav14{
    margin: -47.7% -1% 0% 13%;
    color: #ffff;
    font-size: 22px;
    font-family: 'Noto Sans JP', sans-serif;
}

.nav15{
    margin: -47.7% 1% 0% 5%;
    color: #ffff;
    font-size: 22px;
    font-family: 'Noto Sans JP', sans-serif;
}

.trans-top-pc{
    margin: 3% 0% 4% 15%;
    width: 67%;
}

.trans-btn-pc{
    padding-left: 32%;
    padding-bottom: 2%;
}

.line3-pc{
    padding-left: 15%;
}
.title2-pc{
    margin-top: 2%;
    font-size: 30px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
}
.sample-pc{
    margin: 4% 0% 0% 15%;
    width: 80%;
}

.webimg-pc{
    margin: 0% 0% 3% 17%;
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
}
.data-pc{
    margin: 3% 0% 3% 16%;
}

#google2-map-pc{
    margin: 3% 0% 2% 22%;
}

/* SNS */
.flex-pc{
    display: flex;
  }
  
.insta-pc{
    margin: 3% 3% 3% 34%;

}

.Youtube-pc{
    margin: 3% 0% 3% 0%;
    width: 12%;
}

/* フッター */
#footer-pc{
    text-align: center;
    background-color: #2f8c97;
    color: #ffff;
    font-size: 20px;
    padding: 2% 0%;
    font-family: 'Noto Sans JP', sans-serif;
    width: 100%;
    background-size: cover;
}




/*TOPへ戻る*/
#page-top{
    text-align:right;
}

/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	border-radius: 5px;
	width: 80px;
	height: 80px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
}

#page-top a:hover{
	background: #777;
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom:10px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}