@media(min-width:961px){
  .sp{
    display:none!important;
  }
}/*@media(min-width:961px)*/

@media(max-width:960px){
  .pc{
    display:none!important;
  }

  .container{
    width:100%;
    margin:auto;
  }

  .center{
    text-align: center;
  }

  body{
    font-size:4.26vw;
  }

  /* html{
    font-size: 4.2vw;
  } */


  header .header-flex .header-logo .logo img{
    display: block;
    /* width:446px; */
    width:57vw;
  }

  header .header-flex .header-logo.vanish{
    opacity:0;
  }


  header .header-flex .right .menu-box{
    width:14vw;
    height:14vw;
  }

  header .header-flex .right .menu-box .menu-border{
    align-self: center;
    margin:auto 0;
    /* width:70px;
    height:50px; */
    width:8.8vw;
    height:6.67vw;
    position: relative;
  }

  header .header-flex .right .menu-box .menu-border .border{
    width:8.8vw;
    height:0.58vw;
  }


  header .header-flex .right .menu-box .menu-border .border2{
    width:5.6vw;
    height:1.3vw;
  }

  header .header-flex .right .menu-box .menu-border .border3{
    bottom:0;
  }

  header .header-flex .right a.contact-box{
    display: none;
  }


  .drawer-menu{
    position: fixed;
    z-index:9000;
    width:100vw;
    height:100vh;
    background: rgba(0,0,0,0.6);
    overflow-y: scroll;
    /* padding-top: 190px; */
    padding-top: 10vw;
    padding-bottom: 16vw;
  }

  .drawer-menu .drawer-container{
    /* padding-right: 56px; */
    padding-right: 3vw;
    display: flex;
    justify-content:center;
  }

  .drawer-menu .drawer-container ul{

  }

  .drawer-menu .drawer-container ul li{
    margin-bottom: 10vw;
  }

  .drawer-menu .drawer-container ul li a{
    font-size: 6.6vw;
    line-height: 11vw;
  }

  .drawer-menu .drawer-container ul li a.tel{
    padding-left: 13vw;
  }

  .drawer-menu .drawer-container ul li a.tel::before{
    content:"";
    position: absolute;
    left:0;
    top:0;
    width:8.8vw;
    height:8.8vw;
  }

  .drawer-menu .drawer-container ul li.sns-flex{
    display:flex;
    align-items:center;
  }

  .drawer-menu .drawer-container ul li.sns-flex a{
    margin-right: 12.8vw;
  }

  .drawer-menu .drawer-container ul li.sns-flex a:last-child{
    margin-right: 0;
  }

  .drawer-menu .drawer-container ul li.sns-flex a img.insta{
    width:12vw;
    height:12vw;
  }

  .drawer-menu .drawer-container ul li.sns-flex a img.facebook{
    width:13vw;
    height:13vw;
  }

  .drawer-menu .drawer-container ul li.sns-flex a img.youtube{
    width:14.4vw;
    height:10vw;
  }

  .contact-fix-box{
    position: fixed;
    width: 100%;
    height:14vw;
    bottom: 0;
    left: 0;
    z-index: 10000;
    background:#000;
    display: flex;
    justify-content: center;
  }

  .contact-fix-box .flex{
    align-items: center;
    align-self: center;
    display: flex;
    justify-content: center;
  }

  .contact-fix-box .flex img{
    width:8.5vw;
    margin-right: 5.8vw;
  }

  .contact-fix-box .flex p{
    font-size: 5.8vw;
    font-weight: bold;
    color:#66bf9b;
    letter-spacing : 0.1em;
  }

  footer{
    background:#fff;
    padding:21vw 6.6vw 24vw;
  }

  footer p.p1{
    text-align: center;
    margin-bottom: 8.5vw;
    font-size: 10vw;
  }

  footer a.footer-logo{
    display: block;
    margin:0 auto 10vw;
    width:64vw;
  }

  footer .flex{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width:68vw;
    margin:auto;
    margin-bottom: 19.2vw;
  }

  footer .flex a{
    display: flex;
    justify-content: center;
    width:100%;
    height:15.4vw;
    border-radius: 7.7vw;
    margin-bottom: 6vw;
  }

  footer .flex a span{
    font-size: 5.8vw;
  }

  footer p.p2{
    margin-bottom: 3.2vw;
    text-align: center;
    font-size: 4.8vw;
    line-height:6.4vw;
  }

  footer p.p3{
    text-align: center;
    font-size: 3.2vw;
    font-weight: bold;
  }

  footer p.p4{
    margin-bottom: 3.2vw;
  }

  footer p.p4 a{
    font-size: 3.2vw;
    color:#000;
  }


  main.page-main .title-block{
    display: block;
    width:85vw;
    flex-wrap: wrap;
    margin:0 auto 12vw;
    justify-content:center;
  }

  main.page-main .title-block .border-frame{
    height:1.8vw;
    width:90%;
    position: absolute;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    left:0;
    bottom:-4vw;
  }

  main.page-main .title-block .border-frame.left{
    left:auto;
    right:0;
  }

  main.page-main .title-block .border-frame .relative{
    position: relative;
    width:100%;
    height:100%;
  }

  main.page-main .title-block .border-frame .relative::after{
    content:'';
    position: absolute;
    width:7.2vw;
    height:4.8vw;
    top:0;
    bottom:0;
    margin:auto;
    background: url('../img/fly-icon.png');
    background-position: center;
    background-size: cover;
  }

  main.page-main .title-block .border-frame .relative.right::after{
    right:-8.8vw;
  }

  main.page-main .title-block .border-frame .relative.left::after{
    left:-8.8vw;
  }

  main.page-main .title-block .msg{
    font-weight: bold;
    font-size: 8.5vw;
    line-height:14vw;
    position: relative;
    text-align: center;
    letter-spacing: 0.06em;
  }

  /*以上、共通部分*/


  /*以下、トップページ*/
  main.top-main{

  }

  .top-section1{
    height:100vh;
    min-height:165vw;
    background: url('../img/main-view-sp.jpg');
    background-size: cover;
    background-position: center;
  }

  .top-section1 .relative{
    display: flex;
    height:100%;
    width:100%;
  }

  .top-section1 .relative .flex{
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    width:100%;
    padding-top: 44vw;
  }

  .top-section1 .relative .flex .left,
  .top-section1 .relative .flex .right{
    width:100%;
  }

  .top-section1 .relative .flex .right p{
    font-size: 7.5vw;
    padding-left: 0;
    font-weight: bold;
    text-align: center;
  }

  .top-section1 img.scroll-icon{
    width:10vw;

    bottom:28vw;
  }

  .top-section2{

  }

  .top-section2 .flex{
    display: flex;
    flex-direction: column;
  }

  .top-section2 .flex a{
    width:100%;
    height:53vw;
  }

  .top-section3{
    padding:20vw 0 30vw;
    background:#dfefe2;
  }

  .top-section3 h2{
    margin-bottom: 8.5vw;
    text-align: center;
  }

  .top-section3 h2 img{
    width:48.5vw;
  }

  .top-section3 ul.pick-up-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 5vw;
  }

  .top-section3 ul.pick-up-list li{
    width:47vw;
    height: 80vw;
    background: #fff;
    margin: 0 0 2.1vw;
  }

  .top-section3 ul.pick-up-list li a{
    display: block;
    padding:3.2vw;
    position: relative;
    height:100%;
  }

  .top-section3 ul.pick-up-list li a .thumb{
    margin-bottom: 2.1vw;
    width: 100%;
    height: 42.6vw;
  }


  .top-section3 ul.pick-up-list li a p.date{
    margin-bottom: 0;
    font-size: 4vw;
    line-height: 6.4vw;
    padding-left: 0;
    position: absolute;
    left:3.2vw;
    bottom:4vw;

  }

  .top-section3 ul.pick-up-list li a h3{
    height: 22.6vw;
    font-size: 4vw;
    line-height: 6.4vw;
  }

  .top-section3 #pagenation{
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .top-section3 #pagenation .page-numbers{
    font-size: 4.5vw;
    margin:0 2.6vw;
  }

  .top-section3 #pagenation .page-numbers.next{
    width:4vw;
    height:8vw;
    margin-left: 5.5vw;
  }

  .top-section3 #pagenation .page-numbers.prev{
    width:4vw;
    height:8vw;
    margin-right: 5.5vw;
  }

  .top-section4{
    padding-top: 13.8vw;
  }

  .top-section4 h2{
    margin-bottom: 24vw;
    text-align: center;
  }

  .top-section4 h2 img{
    width:80vw;
  }

  .top-section4 .blog-box{
    position: relative;
    padding:12.8vw 0;
    background:#f0f2f0;
    margin-bottom: 30vw;
  }

  .top-section4 .blog-box .category-box{
    position: absolute;
    left:0;
    right:0;
    top:-5vw;
    margin:auto;
    width:63vw;
    height:10vw;
    display: flex;
    justify-content: center;
    background-color: #66bf9b;
    border:2px solid #000;
    border-radius: 5vw;
  }

  .top-section4 .blog-box .category-box span{
    align-self: center;
    font-size: 4vw;
    font-weight: bold;
    letter-spacing : 0.1em;
  }

  .top-section4 ul.blog-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10.6vw;
  }

  .top-section4 ul.blog-list li{
    width:47vw;
    height:80vw;
    background:#fff;

    margin:0 0 2.1vw;
  }

  .top-section4 ul.blog-list li a{
    display: block;
    padding: 2.1vw 3.2vw;
    height:100%;
  }

  .top-section4 ul.blog-list li a .thumb{
    margin-bottom: 2.1vw;
    width:100%;
    height:42.6vw;
  }


  .top-section4 ul.blog-list li a h3{
    height:22.6vw;
    font-size: 4vw;
    line-height:6.4vw;
  }

  .top-section4 ul.blog-list li a p.date{
    font-size: 4vw;
    line-height:6.4vw;
  }

  .top-section4 a.category-link{
    width:88vw;
    height:12vw;
    border-radius: 6vw;
  }

  .top-section4 a.category-link span{
    font-size: 4.8vw;
  }

  .top-section5{
    margin-top: 64vw;
    padding:53vw 6.6vw 27.7vw;
  }

  .top-section5 .ring{
    width:83.7vw;
    height:83.7vw;
    top:-41.8vw;
    padding:2.6vw;
  }

  .top-section5 .ring img{
    display: block;
    border-radius: 50%;
    width:78.5vw;
    height:78.5vw;
  }

  .top-section5 p.text1{
    text-align: left;
    margin-bottom: 35vw;
    color:#fff;
    font-size: 5.2vw;
    line-height:9.5vw;
  }

  .top-section5 .flex{
    display: flex;
    margin-bottom: 35vw;
    flex-direction: column;
  }

  .top-section5 .flex .thumb{
    width:72.8vw;
    height:72.8vw;
    margin-bottom: 15vw;
  }

  .top-section5 .flex .thumb img.feature{
    border-radius: 50%;
    width:100%;
    height:100%;
  }

  .top-section5 .flex .thumb img.feature-title{
    position: absolute;
    width:37vw;
    top:-18.6vw;
    right:-12.5vw;
  }

  .top-section5 .flex .content{
    width:100%;
  }

  .top-section5 .flex .content h3{
    margin-bottom: 5.3vw;
    color:#fff;
    font-size: 6vw;
    line-height: 10vw;
    font-weight: bold;
  }

  .top-section5 .flex .content p{
    font-size: 4.2vw;
    color:#fff;
    line-height:8.5vw;
  }

  .top-section5 .flex1 .thumb{
    margin-right: 0;
  }

  .top-section5 .flex2{
    justify-content:flex-start;
    flex-direction: column-reverse;
    padding-right: 0;
  }

  .top-section5 .flex2 .thumb{
    margin-left: 0;
  }

  .top-section5 .flex2 .content{
    text-align: left;
  }

  .top-section5 .link-flex{
    flex-direction: column;
  }

  .top-section5 .link-flex a{
    width:100%;
    height:46vw;
  }


  .top-section6{
    padding: 21vw 6.6vw 0;
  }

  .top-section6 h2{
    margin-bottom: 10.6vw;
    text-align: center;
  }

  .top-section6 h2 img{
    width:68vw;
  }

  .top-section7{
    padding: 21vw 6.6vw 27vw;
  }

  .top-section7 h2{
    margin-bottom: 10.6vw;
    text-align: center;
  }

  .top-section7 h2 img{
    width:50vw;
  }

  .top-section7 iframe{
    width:100%;
    height:37vw;
    margin-bottom: 6.4vw;
  }

  .top-section7 p.p1{
    text-align: center;
    font-size: 5.86vw;
    line-height: 9vw;
    color:#009175;
    font-weight: bold;
    margin-bottom: 6.4vw;
  }

  .top-section7 p.p2{
    text-align: center;
    margin-bottom: 16vw;
  }

  .top-section7 p.p2 a{
    position: relative;
    padding-left: 12.8vw;
    line-height: 16vw;
    /* font-size: 9vw; */
    font-size: 8vw;
  }

  .top-section7 p.p2 a::before{
    width:10.6vw;
    height:10.6vw;
    top:0.1vw;
  }

  .top-section7 a.company-link{
    width:68vw;
    height:14.6vw;
    border-radius: 7.3vw;
  }

  .top-section7 a.company-link span{
    font-size: 4.2vw;
  }

  .top-section8{
    padding:26vw 6.6vw 20vw;
    background:#009175;
  }

  .top-section8 p.p1{
    margin-bottom: 6.4vw;
    font-size: 5.8vw;
    line-height:6.9vw;
  }

  .top-section8 p.p2{
    margin-bottom: 12vw;
    font-size: 6vw;
    line-height:7vw;
    white-space: nowrap;
  }

  .top-section8 .flex{
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
  }

  .top-section8 .flex a{
    display: flex;
    margin-bottom: 13vw;
    justify-content:center;
    background:#fff;
    border-radius: 50%;
    width:80vw;
    height:80vw;
  }

  .top-section8 .flex a p{
    font-size: 8.5vw;
    line-height:10vw;
  }

  .top-section8 .flex a p span{
    letter-spacing: 0.01em;
    font-size: 100%;
    line-height: 100%;
    font-weight: bold;
  }

  .top-section8 .sns-flex{
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .top-section8 .sns-flex a{
    margin:0;
  }

  .top-section8 .sns-flex img.insta{
    width:12vw;
    height:12vw;
  }

  .top-section8 .sns-flex img.facebook{
    width:13vw;
    height:13vw;
  }

  .top-section8 .sns-flex img.youtube{
    width:14.4vw;
    height:10vw;
  }


  /*以上、トップページ*/





  /*以下、スクール紹介*/
  main.school-main{

  }

  .school-section1{
    width:100%;
    height:100vh;
    background: url('../img/school-main-view-sp.jpg');
    background-position: center;
    background-size: cover;
    position: relative;
  }


  .school-section1 h1{
    position: absolute;
    text-align: center;
    color:#fff;
    font-weight: bold;
    font-size: 8.5vw;
    left:0;
    right:0;
    bottom:21%;
  }

  .school-section2{
    padding-top: 13vw;
  }

  .school-section2 .container{
    padding: 0 8vw;
  }


  .school-section2 p.p1{
    font-weight: bold;
    text-align: center;
    font-size: 4vw;
    line-height:7vw;
  }

  .school-section3{
    padding: 17vw 0 13vw;
  }

  .school-section3 h2{
    text-align: center;
    margin-bottom: 5.5vw;
  }

  .school-section3 h2 img{
    width:66vw;
  }

  .school-section3 .black-bg{
    background:#000;
    padding:0.6vw 0;
    display: flex;
    justify-content: center;
  }

  .school-section3 .black-bg p{
    align-self: center;
    text-align: center;
    color:#fff;
    font-weight: bold;
    font-size: 4.5vw;
  }

  .school-section3 .bg-flex{
    display:flex;
    justify-content: center;
    width:100%;
    flex-direction: column;
  }

  .school-section3 .bg-flex .drone-bg{
    width:100%;
    height:56vw;
    position: relative;
  }

  .school-section3 .bg-flex .drone-bg2{
    margin-top: 6vw;
  }


  .school-section3 .circle-flex{
    display:none;
  }

  .school-section3 .circle-flex img.content-text{
    display:none;
  }

  .school-section3 .circle img.content-text{
    width:20vw;
    position: absolute;
    left:0;
    right:0;
    top:-2.2vw;
    margin:auto;
  }

  .school-section3 .circle{
    width:76vw;
    height:76vw;
    border-radius:50%;
    position: relative;
    margin: -10.667vw auto 0;
  }


  .school-section3 .circle .head{
    height:26vw;
    /* padding-top: 10.5vw; */
    display:flex;
    justify-content:center;
  }


  .school-section3 .circle .head p{
    font-size: 6.4vw;
    line-height:1.3;
    
  }

  .school-section3 .circle .body{
    padding-top: 0;
  }

  .school-section3 .circle .body p.text{
    white-space:nowrap;
    text-align: center;
    font-size: 3.733vw;
    line-height:1.5;
    height:34.667vw;
    margin-top: -7vw;
    margin-bottom: 2vw;
  }

  .school-section3 .circle .body .box{
    width: 57vw;
    height:18vw;
    border-radius: 4.2vw;
  }

  .school-section3 .circle .body .box p{
    align-self: center;
    display:block;
    text-align: center;
    align-items:center;
    
  }

  .school-section3 .circle .body .link{
    width: 38.133vw;
    height: 9.067vw;
    font-size: 3.733vw;
    /* font-size: max(1.2vw, 13px); */
  }

  .school-section3 .circle .body .box p span.string{
    color:#fff;
    font-size: 3.733vw;
    line-height:1.5;
    font-weight: bold;
  }

  .school-section3 .circle .body .box p span.num{
    letter-spacing:-0.02em;
    font-weight: normal;
    color:#fff;
    font-size: 7vw;
    /* line-height:13vw; */
    padding-bottom: 0.2vw;
  }

  .school-section3 p.p1{
    text-align: center;
    font-size: 3.7vw;
  }

  .school-section4{
    position: relative;
    padding:13vw 0 19vw;
    background: #fffded;
  }

  .school-section4::before{
    height:4.8vw;
  }

  .school-section4::after{
    height:4.8vw;
  }

  .school-section4 img.logo{
    display:block;
    width:62vw;
    margin:0 auto 6.4vw;
  }

  .school-section4 p{
    margin-bottom: 8vw;
    text-align: center;
    font-size: 4vw;
    line-height:7vw;
  }

  .school-section4 img.juida{
    width:70vw;
  }

  .school-section5{
    padding:10vw 0 26vw;
    background:#f0f2f0;
  }

  .school-section5 h2{
    text-align: center;
    margin-bottom: 29vw;
  }

  .school-section5 h2 img{
    width:83vw;
  }

  .school-section5 .flex{
    display: flex;
    justify-content: space-between;
    flex-direction: column;

    /* align-items: center; */
  }

  .school-section5 .flex .box{
    width:96vw;
    border:3px solid #000;
    border-radius: 5vw;
    padding-top: 26vw;
    padding-bottom: 10vw;
    margin: 0 auto 4.2vw;
  }

  .school-section5 .flex .box .head{
    width:41vw;
    height:41vw;
    border: 4px solid #000;
    top:-17vw;
  }

  .school-section5 .flex .box .head .child{
    width:33vw;
    height:33vw;
    border: 2px solid #000;
  }

  .school-section5 .flex .box .head .child p{
    display: flex;
    align-self: center;
    align-items: flex-end;
  }

  .school-section5 .flex .box .head .child p span.num{
    font-size: 19vw;
  }

  .school-section5 .flex .box .head .child p span.day{
    font-size: 7.6vw;
    padding-bottom: 3.5vw;
  }

  .school-section5 .flex .box .body{

  }

  .school-section5 .flex .box .body h3{
    text-align: center;
    margin-bottom: 3.2vw;
    color:#66bf9b;
    font-weight: bold;
    font-size: 7.5vw;
  }

  .school-section5 .flex .box .body ul{

  }

  .school-section5 .flex .box .body ul li{
    margin-bottom: 7.4vw;
    font-size: 4.26vw;
    line-height:7.4vw;
    padding-left: 8vw;
    font-weight: bold;
    position: relative;
  }

  .school-section5 .flex .box .body ul li span{
    font-size: 100%;
    line-height:100%;
    font-weight: bold;
    position: relative;
  }

  .school-section5 .flex .box .body ul li::before{
    width:6vw;
    height:6vw;
    top:0.8vw;
  }

  .school-section5 .flex .box .body p.text{
    font-weight: bold;
    font-size: 3.7vw;
    line-height:7.4vw;
  }

  .school-section5 .flex .img-block{
    display: flex;
    justify-content: center;
    margin-bottom: 20vw;
  }

  .school-section5 .flex  img.angle{
    width:15vw;
    align-self: center;
    transform:rotate(90deg);
  }

  .school-section6 {
    padding:13vw 0 19vw;
  }

  .school-section6 .flex{
    display: flex;
    position: relative;
    flex-direction: column;
    margin-bottom: 8.5vw;
  }

  .school-section6 .flex .left,
  .school-section6 .flex .right{
    width:100%;
  }

  .school-section6 .flex img{
    width:75vw;
    height:57vw;
  }

  .school-section6 .flex2 .right{
    text-align: right;
  }

  .school-section6 .flex .box{
    position: static;
    border:2px solid #000;
    width:83vw;
    margin-top: -12vw;
    margin-left: 12vw;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
  }

  .school-section6 .flex .box .relative{
    padding:10vw;
    position: relative;
  }

  .school-section6 .flex .box .relative .radius{
    top:-4vw;
    left:-6.6vw;
    width:15vw;
    height:15vw;
    border:2px solid #fff;
  }

  .school-section6 .flex .box .relative .radius p{
    font-size: 8vw;
  }

  .school-section6 .flex .box p.title{
    margin-bottom: 4.5vw;
    font-size: 4.5vw;
    font-weight: bold;
  }

  .school-section6 .flex .box p.text{
    font-size: 3.7vw;
    line-height: 6.3vw;
    font-weight: bold;
  }

  .school-section6 .flex2 .box{
    margin-left: 4vw;
  }

  .school-section6 .flex.flex2 .box .relative .radius{
    top:-4vw;
    right:-6.6vw;
    width:15vw;
    height:15vw;
    border:2px solid #fff;
  }

  .school-section6 a.green-link{
    display:flex;
    justify-content:center;
    margin:10vw auto 0;
    width:88vw;
    height:12vw;
    border-radius: 6vw;
    background:#66bf9b;
  }

  .school-section6 a.green-link span{
    align-self: center;
    text-align: center;
    color:#fff;
    font-weight: bold;
    font-size: 4.8vw;
  }

  .school-section7{
    background:#f0f2f0;
    padding:18vw 0 24vw;
  }

  .school-section7 h2 {
    margin-bottom: 9vw;
    text-align: center;
  }

  .school-section7 h2 img {
    width: 50vw;
  }

  .school-section7 iframe {
    display: block;
    width: 85vw;
    height: 37vw;
    margin: 0 auto 12vw;
  }

  .school-section7 .flex{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .school-section7 .flex .left{
    margin-right: 0;
    margin-bottom: 18vw;
  }

  .school-section7 .flex p{
    white-space: nowrap;
    font-size: 4.2vw;
    line-height:7vw;
    margin-bottom: 3.2vw;
    text-align: center;
  }

  .school-section7 .flex a{
    display: flex;
    justify-content: center;
    width:67vw;
    height:10vw;
    border-radius: 5vw;
    border:1px solid #009175;
    margin:auto;
  }

  .school-section7 .flex a span{
    align-self: center;
    color:#009175;
    text-align: center;
    font-weight: bold;
    font-size: 4.2vw;
  }

  /*以上、スクール紹介*/



  /*以上、よくある質問*/
  main.question-main{

  }

  .question-section1{
    width:100%;
    height:100vh;
    background: url('../img/question-main-view-sp.jpg');
    background-position: bottom;
    background-size: cover;
    position: relative;
  }

  .question-section1 .block{
    position: absolute;
    text-align: center;
    left:0;
    right:0;
    bottom:11%;
  }

  .question-section1 .block h1{
    text-align: center;
    color:#009175;
    font-weight: bold;
    font-size: 8.5vw;
    line-height:14vw;
  }

  .question-section1 .sub{
    text-align: center;
    color:#009175;
    font-size: 5vw;
  }



  .question-section2{
    padding:15vw 0 25vw;
    background: #e2ede2;
  }

  .question-section2 .container{
    padding:0 12vw 0 16vw;
  }

  .question-section2 .list{
    margin-bottom: 17vw;
  }

  .question-section2 .question-block{
    display: flex;
    margin-bottom: 10vw;
  }

  .question-section2 .question-block .white-block{
    position: relative;
    padding:5.3vw 7vw;
    background:#fff;
    border-radius: 0;
  }

  .question-section2 .question-block .white-block::before{
    width:17vw;
    height:17vw;
    top:-8vw;
    left:-11.2vw;
  }

  .question-section2 .question-block .white-block p{
    font-size: 3.8vw;
    line-height: 5.6vw;
  }

  .question-section2 .answer-block{
    display: flex;
    justify-content: flex-end;

  }

  .question-section2 .answer-block .white-block{
    position: relative;
    padding:5.3vw 7vw;
    background:#fff;
    border-radius: 0vw;
  }

  .question-section2 .answer-block .white-block::before{
    width:17vw;
    height:17vw;
    top:-7vw;
    right:-7.7vw;
  }

  .question-section2 .answer-block .white-block p{
    font-size: 3.8vw;
    line-height: 5.6vw;
  }

  /*以上、よくある質問*/



  /*以下、会社概要*/
  main.company-main{

  }

  main.company-main .black-box{

  }

  main.company-main .black-box h2{
    font-size: 6.4vw;
    text-align: center;
  }

  .company-section1{
    width:100%;
    height:100vh;
    background: url('../img/company-main-view-sp.jpg');
    background-position: bottom;
    background-size: cover;
    position: relative;
  }

  .company-section1 h1{
    font-size: 8.5vw;
    left:0;
    right:0;
    bottom:21%;
  }

  .company-section2{
    padding:10vw 0 20vw;
  }

  .company-section2 .flex{
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
  }

  .company-section2 .flex a{
    width:40vw;
    height:40vw;
    border-radius: 50%;
    border:2px solid #66bf9b;
    margin:1.6vw;
  }

  .company-section2 .flex a p{
    font-size: 4.5vw;
    line-height:5vw;
  }

  .company-section3{

  }

  .company-section3 .content-area{
    background:#dfefe2;
    padding-top: 5.3vw;
    padding-bottom: 20vw;
  }

  .company-section3 .content-area .container{
    padding:0 6.4vw;
  }

  .company-section3 .content-area ul{
    margin-bottom: 11vw;
  }

  .company-section3 .content-area ul li{
    padding:3.2vw 0;
  }

  .company-section3 .content-area ul li .left{
    width:30%;
  }

  .company-section3 .content-area ul li .right{
    width:67%;
  }

  .company-section3 .content-area ul li p{
    font-size: 3.7vw;
    font-weight: bold;
    line-height:5.3vw;
    letter-spacing: 0.2em;
  }

  .company-section3 .content-area p.p1{
    font-weight: bold;
    font-size: 4.5vw;
    line-height:5vw;
    margin-bottom: 3vw;
  }

  .company-section3 .content-area p.p2{
    font-weight: bold;
    font-size: 4vw;
    line-height:4.1vw;
    margin-bottom: 3vw;
  }

  .company-section3 .content-area iframe{
    display: block;
    width:100%;
    height:39vw;
    margin:0 auto 10vw;
  }

  .company-section4{

  }

  .company-section4 .content-area{
    background:#fffded;
    padding-top: 10vw;
    padding-bottom: 16vw;
  }

  .company-section4 .content-area .flex{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-self: center;
  }

  .company-section4 .content-area .flex .left,
  .company-section4 .content-area .flex .right{
    display: flex;
    align-self: center;
    flex-direction: column;
  }

  .company-section4 .content-area .flex .left{
    margin-bottom: 15vw;
  }

  .company-section4 .content-area .flex .right{
    width:84vw;
  }

  .company-section4 .content-area .flex img{
    display: block;
    margin: 0 auto 7.5vw;
  }

  .company-section4 .content-area .flex p{
    font-size: 3.7vw;
    line-height:7.4vw;
    font-weight: bold;
  }

  .company-section4 .content-area .flex img.honey{
    width:65vw;
    transform:translateX(3vw);
  }

  .company-section4 .content-area .flex img.juida{
    width:80vw;
  }

  .company-section5{

  }

  .company-section5 .content-area{
    padding: 6.4vw 4.2vw 10vw;
  }

  .company-section5 .content-area img{
    display: block;
    width:85vw;
    margin:0 auto 6vw;
  }

  .company-section5 .content-area p{
    font-weight: bold;
    font-size: 3.7vw;
    text-align: center;
    line-height:7vw;
  }

  .company-section6{

  }

  .company-section6 .content-area{
    padding: 8.5vw 4.2vw 14.4vw;
  }

  .company-section6 .content-area p.p1{
    margin-bottom: 5.3vw;
    font-size: 8vw;
  }

  .company-section6 .content-area p.p2{
    margin-bottom: 10vw;
    font-size: 4vw;
    font-weight: bold;
    line-height:7vw;
  }

  .company-section6 .content-area .flex{
    display: flex;
    justify-content: center;
  }

  .company-section6 .content-area .flex .outer{
    width:90vw;
    background:#66bf9b;
    border:3px solid #000;
    padding:5.6vw 6.9vw;
  }

  .company-section6 .content-area .flex .inner{
    background:#ffffff;
    border:2px solid #000;
    padding:8.5vw 3.2vw;
  }

  .company-section6 .content-area .flex .outer ul{
    display: flex;
    flex-direction: column;
  }

  .company-section6 .content-area .flex .outer ul li{
    padding-left: 10vw;
    margin-bottom: 4.8vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .company-section6 .content-area .flex .outer ul li::before{
    left:0;
    top:1vw;
    width:7.2vw;
    height:4.8vw;
  }

  .company-section6 .content-area .flex .outer ul li span{
    font-weight: bold;
    font-size: 3.7vw;
    line-height:5.8vw;
    letter-spacing:0.12em;
  }

  .company-section6 .content-area .flex .outer ul li span.long{
    margin-left: 0;
  }

  .company-section6 .content-area .flex .outer ul li span.heart{
    font-size: 4.8vw;
  }

  .company-section6 .content-area .flex .outer ul li:last-child{
    margin-bottom: 0;
  }

  /*以上、会社概要*/



  /*以下、入校までの流れ*/
  main.entry-main{

  }

  .entry-section1{
    width:100%;
    height:100vh;
    background: url('../img/entry-main-view-sp.jpg');
    background-position: bottom;
    background-size: cover;
    position: relative;
  }

  .entry-section1 h1{
    font-size: 8.5vw;
    bottom:20%;
  }

  .entry-section2{
    background:#dfefe2;
    padding:8vw 4vw 17vw;
  }

  .entry-section2 .step-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 17vw;
  }

  .entry-section2 .step-list .step{
    margin-bottom: 5.5vw;
    border:2vw solid #009175;
    border-radius: 16vw;
    padding:15vw 0;
  }

  .entry-section2 .step-list .step p.title-frame{
    margin-bottom: 4vw;
    text-align: center;
  }

  .entry-section2 .step-list .step img.title{
    width:30vw;
  }


  .entry-section2 .step-list .step .title-flex{
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .entry-section2 .step-list .step .title-flex.column{
    flex-direction: column;
    align-items: center;
  }

  .entry-section2 .step-list .step .title-flex img.title{
    margin-right: 2vw;
  }

  .entry-section2 .step-list .step .title-flex.column img.title{
    margin-right: 0;
    margin-bottom: 4vw;
  }

  .entry-section2 .step-list .step .title-flex span{
    color:#009175;
    font-size: 8.5vw;
    font-weight: bold;
  }

  .entry-section2 .step-list .step p.p1{
    color:#009175;
    font-weight: bold;
    font-size: 8.5vw;
    line-height:12vw;
  }

  .entry-section2 .step-list .step p.p2{
    font-size: 4.2vw;
    font-weight: bold;
    line-height:7.4vw;
    margin-top: 1.2vw;
  }

  .entry-section2 .step-list img.angle{
    width:75vw;
    margin-bottom: 7vw;
  }

  .entry-section2 .step-list .entry{
    margin-bottom: 8vw;
    background:#009175;
    position: relative;
    padding:0;
    border-radius: 10vw;
    width:100%;
    height:20vw;
    display: flex;
    justify-content: center;
  }

  .entry-section2 .step-list .entry::before{
    left:8vw;
    width:10vw;
    height:7vw;
  }

  .entry-section2 .step-list .entry::after{
    right:8vw;
    width:10vw;
    height:7vw;
  }

  .entry-section2 .step-list .entry p{
    font-size: 8.5vw;
    align-self: center;
  }

  .entry-section2 .step-list .step1 .title-flex span{
    padding-top: 0.7vw;
  }

  .entry-section2 .step-list .step1 .flex{
    display: flex;
    justify-content:center;
    flex-direction: column;
    margin-top: 16vw;
    align-items: center;
  }

  .entry-section2 .step-list .step1 .flex .box{
    width:77vw;
    border:3px solid #009175;
    padding:17vw 5.4vw 6.4vw;
    position: relative;
    border-radius:4vw;
    display: flex;
    justify-content: center;
    margin:0 0 16vw;
  }

  .entry-section2 .step-list .step1 .flex .box:last-child{
    margin:0;
  }

  .entry-section2 .step-list .step1 .flex .box .head{
    width:66vw;
    height:18vw;
    border-radius: 9vw;
    top:-9vw;
  }

  .entry-section2 .step-list .step1 .flex .box .head .inner{
    align-self: center;
    width:59vw;
    height:13.8vw;
    border-radius: 7vw;
  }

  .entry-section2 .step-list .step1 .flex .box .head .inner p{
    font-size: 4.8vw;
  }

  .entry-section2 .step-list .step1 .flex .box .body p{
    font-size: 3.2vw;
    line-height:9vw;
    margin-bottom: 2.5vw;
  }

  .entry-section2 .step-list .step1 .flex .box .body a.radius{
    width:53vw;
    border-radius: 7.4vw;
    padding:4vw;
    font-size: 4.6vw;
  }

  .entry-section2 .step-list .step1 .flex .box2 .body p.mb0{
    margin-bottom: 0;
  }

  .entry-section2 .step-list .step1 .flex .box2 .body p.tel-line{
    /* margin-bottom: 5vw; */
  }

  .entry-section2 .step-list .step1 .flex .box2 .body p.tel-line a{
    color:#009175;
    font-size: 8vw;
    font-weight: normal;
    white-space: nowrap;

  }

  .entry-section2 .step-list .step1 .flex .box .body a.radius{
    border-radius: 10vw;
  }

  .entry-section2 a.link{
    width:88vw;
    height:12vw;
    border-radius: 6vw;
  }

  .entry-section2 a.link span{
    font-size: 4.8vw;
  }
  /*以上、入校までの流れ*/



  /*以下、アーカイブページ*/

  main.archive-main{

  }

  main.archive-main .archive-container{
    width:100%;
    margin:auto;
  }

  .archive-section1{
    padding:18vw 0 0;
  }

  .archive-section1 h1{
    text-align: center;
    margin-bottom: 11vw;
  }

  .archive-section1 h1 img{
    width:65vw;
  }

  .archive-section1 .flex{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }

  article{
    width:86vw;
    margin: auto;
  }

  article h2{
    margin-bottom: 4.8vw;
    font-weight: bold;
    font-size: 3.2vw;
  }

  article ul.archive-blog-list{
    display: flex;
    margin-bottom: 6.4vw;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
  }

  article ul.archive-blog-list li{
    margin-right:0;
    margin-bottom: 3vw;
    width:100%;
  }

  article ul.archive-blog-list li a{
    display: flex;
    justify-content: space-between;
  }

  article ul.archive-blog-list li a .thumb{
    width:32vw;
    height:21.3vw;
    margin-bottom: 0;
    border-radius: 3.5vw;
  }

  article ul.archive-blog-list li a .thumb img{
    border-radius: 3.5vw;
  }

  article ul.archive-blog-list li a .right{
    width:50vw;
  }

  article ul.archive-blog-list li a h3{
    height:auto;
    color:#000;
    font-weight: bold;
    font-size: 3.2vw;
    line-height:3.7vw;
    margin-bottom: 3.2vw;
  }

  article ul.archive-blog-list li a p.date{
    color:#000;
    font-size: 3.2vw;
    font-weight: bold;
  }

  article #pagenation{
    display: flex;
    align-items: center;
    justify-content: center;
  }

  article #pagenation .page-numbers{
    font-size: 3.7vw;
    margin:0 02vw;
  }

  article #pagenation .page-numbers.next{
    width:3.2vw;
    height:6.4vw;
    margin-left: 5vw;
  }

  article #pagenation .page-numbers.prev{
    width:3.2vw;
    height:6.4vw;
    margin-left: 5vw;
    margin-left: 5vw;
  }

  .sidebar{
    margin-top: 10vw;
    width:100%;
    background:#dfefe2;
    padding:9vw 6.4vw 25vw;
  }

  .sidebar .category-area{
    background:#fff;
    padding:8.5vw 6.4vw;
    margin-bottom: 8.5vw;
  }

  .sidebar .category-area p{
    margin-bottom: 0;
    font-size: 4.5vw;
    line-height:4.6vw;
    font-weight: bold;
    padding-bottom: 2vw;
  }

  .sidebar .category-area ul li{
    border-bottom:1px solid #66bf9b;
  }

  .sidebar .category-area ul li a{
    display: block;
    padding: 3.2vw 0 3.2vw 11vw;
    font-size: 3.2vw;
  }

  .sidebar .category-area ul li a::before{
    width:2vw;
    height:4vw;
    left:2vw;
  }


  .sidebar img.pickup-title{
    width:33vw;
    margin:0 auto 5.3vw;
  }

  .sidebar ul.pickup-list{
    margin-bottom: 6vw;
  }

  .sidebar ul.pickup-list li{
    margin-bottom: 8vw;
  }

  .sidebar ul.pickup-list li a{
    display: flex;
    justify-content:space-between;
  }

  .sidebar ul.pickup-list li a .thumb{
    width:39vw;
    height:25vw;
    border-radius: 4.8vw;
  }

  .sidebar ul.pickup-list li a .thumb img{
    border-radius: 4.8vw;
  }

  .sidebar ul.pickup-list li a p.title{
    width:43.2vw;
    color:#000;
    font-size: 3.5vw;
    line-height:4.8vw;
  }

  .sidebar .link-list{

  }

  .sidebar .link-list a{
    height:47vw;
    margin:0 auto 2vw
  }

  .sidebar .link-list a img{
    display:block;
    width:100%;
    height:100%;
  }
  /*以上、アーカイブページ*/


  /*以下、カテゴリーアーカイブページ*/
  main.category-main{

  }

  .category-section1{
    padding:18vw 0 15vw;
  }

  .category-section1 .category-container{
    width:90vw;
    margin:auto;
  }


  .category-section1 article{
    width:100%;
  }

  .category-flex{
    display:flex;
    justify-content:space-between;
    margin-bottom: 6.7vw;
  }

  .category-flex a{
    display:flex;
    justify-content: center;
    width:auto;
    height:auto;
    border-radius:0;
    border:none;
    padding-bottom: 2vw;
  }

  .category-flex a:hover{
    background:none;
    opacity:1;
  }

  .category-flex a.active{
    pointer-events:none;
    border-bottom:1px solid #000;

    background:none;
  }


  .category-flex a span{
    font-size: 3.2vw;
  }


  .category-section1 article ul.archive-blog-list{
    justify-content: space-between;
    margin-bottom: 12.8vw;
    flex-direction: row;
  }

  .category-section1 article ul.archive-blog-list li{
    margin:0 0 10vw;
    width:41.3vw;
  }

  .category-section1 article ul.archive-blog-list li a{
    display: block;
  }

  .category-section1 article ul.archive-blog-list li a .thumb{
    width:41.3vw;
    height:41.3vw;
    margin-bottom: 3.7vw;
    border-radius: 4.2vw;
  }

  .category-section1 article ul.archive-blog-list li a .thumb img{
    border-radius: 4.2vw;
  }

  .category-section1 article ul.archive-blog-list li a h3{
    height:7vw;
    color:#000;
    font-weight: bold;
    font-size: 3.2vw;
    line-height:4.5vw;
  }

  .category-section1 article ul.archive-blog-list li a p.date{
    font-size: 3.2vw;
  }

  /*以上、カテゴリーアーアーカイブページ*/


  /*以下、シングルページ*/
  main.single-main{

  }

  .single-section1{
    padding:18vw 0 15vw;
  }

  .single-section1 p.section-title{
    margin-bottom: 11vw;
  }

  .single-section1 p.section-title img{
    width:65vw;
  }

  .single-section1 .container{
    padding:0 6.4vw;
  }

  .single-section1 .top-flex{
    display: flex;
    align-items: center;
    margin-bottom: 5.4vw;
  }

  .single-section1 .top-flex .date{
    width:16vw;
    display:flex;
    flex-direction: column;
    align-items: center;
  }

  .single-section1 .top-flex .date .year{
    font-size: 3.2vw;
  }

  .single-section1 .top-flex .date .day{
    font-size: 4.8vw;
  }

  .single-section1 .top-flex h1{
    width:65vw;
    font-size: 4.26vw;
    line-height:5vw;
    border-left: 3px solid #66bf9b;
    padding:2vw 0 2vw 2.6vw;
  }

  .single-section1 .single-block .thumb{
    text-align: center;
    margin-bottom: 4.2vw;
  }

  .content-block h2{
    padding:4.26vw;
    font-size: 6.4vw;
    margin-bottom: 5.4vw;
    line-height:8.5vw;
  }

  .content-block h3{
    margin-bottom: 4.2vw;
    font-size: 5.3vw;
    padding:0 0 2vw 0;
    border-bottom: 4px solid #009175;
  }

  .content-block p{
/*     line-height:5.3vw; */
	 line-height:unset;
    font-size: 3.2vw;
    margin-bottom: 3.7vw;
  }

  .content-block p span{
    font-size:100%;
    line-height: 100%;
  }

  .content-block a span{
    font-size:100%;
    line-height: 100%;
  }

  .content-block a strong{
    font-size:100%;
    line-height: 100%;
  }

  .content-block .wp-block-image{
    margin-bottom: 7.5vw;
  }

  /*以上、シングルページ*/



  /*以下、講師紹介*/
  main.teacher-main{

  }


  .teacher-section1{
    width:100%;
    height:100vh;
    background: url('../img/teacher-main-view-sp.jpg');
    background-position: bottom;
    background-size: cover;
    position: relative;
  }

  .teacher-section1 h1{
    font-size: 8.5vw;
    bottom:20%;
  }

  .teacher-section2{
    padding:0 0 15vw;
  }

  .teacher-section2 .box{
    position: relative;
    background:#dfefe2;
    width:74vw;
    height:94vw;
    margin-bottom: 0;
    z-index:-2;
  }

  .teacher-section2 .green-box{
    position: static;
    background:#66bf9b;
    width:75vw;
    height:157vw;
    display: flex;
    justify-content:center;
    margin:-84vw 0 0 auto;
    z-index:-1;
    padding:6.4vw;
  }

  .teacher-section2  .green-box p{
    color:#fff;
    font-size: 4.2vw;
    line-height:7.4vw;
    font-weight: bold;
  }

  .teacher-section2 ul.teacher-list{
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -59vw;
  }

  .teacher-section2 ul.teacher-list li{
    width:81vw;
    border:3px solid #009175;
    padding:3.2vw 5.3vw 6.4vw;
    margin-bottom: 16vw;
  }

  .teacher-section2 ul.teacher-list li.empty{
    border:none;
    background:none;
    height:0;
    margin-bottom: 0;
  }

  .teacher-section2 ul.teacher-list li .head{
    position: absolute;
    left:-3px;
    top:-9.6vw;
    width:45vw;
    height:9.6vw;
    background:#009175;
  }

  .teacher-section2 ul.teacher-list li .head p{
    align-self: center;
    display: flex;
    justify-content: center;
  }

  .teacher-section2 ul.teacher-list li .head p span.string{
    margin-right: 3.2vw;
    padding-top: 1vw;
  }

  .teacher-section2 ul.teacher-list li .head p span.string span{
    font-size: 5.2vw;
  }

  .teacher-section2 ul.teacher-list li .head p span.num span{
    font-size: 7vw;
  }

  .teacher-section2 ul.teacher-list li .thumb{
    width:100%;
    height:70.6vw;
    margin-bottom: 4.3vw;
  }

  .teacher-section2 ul.teacher-list li .thumb img{
    width:100%;
    height:100%;
    display:block;
    object-fit: cover;

  }

  .teacher-section2 ul.teacher-list li p.name{
    font-size: 7vw;
    margin-bottom: 4vw;
    /* margin-bottom: 1.25vw; */
  }

  .teacher-section2 ul.teacher-list li p.text{
    font-weight: bold;
    font-size: 4.1vw;
    line-height:6.1vw;
  }
  /*以上、講師紹介*/



  /*以下、プライバシーポリシー*/

  main.privacy-main{

  }

  .privacy-section1{
    padding-top: 30vw;
    padding-bottom: 30vw;
  }

  .privacy-section1 h1{
    text-align: center;
    font-weight: bold;
    font-size: 24px;
  }

  .privacy-section2{
    background:#dfefe2;
    padding:13vw 0;
  }

  .privacy-section2 .container{
    padding:0 4.5vw;
  }

  .privacy-section2 .frame1{
    margin-bottom: 32px;
    display: flex;
    justify-content: center;
  }

  .privacy-section2 p.p1{
    line-height:24px;
    font-size: 14px;
    font-weight: bold;
  }

  .privacy-section2 .frame2{
    display: flex;
    justify-content: center;
  }


  .privacy-section2 h2{
    margin-bottom: 32px;
    text-align: center;
    font-size: 20px;
  }

  .privacy-section2 p.text{
    line-height:24px;
    font-size: 14px;
    font-weight: bold;
  }
  /*以上、プライバシーポリシー*/


  /*以下、お問い合わせ*/
  main.contact-main{

  }

  .contact-section1{
    padding-top: 30vw;
    padding-bottom: 30vw;
  }

  .contact-section1 h1{
    text-align: center;
    font-weight: bold;
    font-size: 24px;
  }

  .contact-section2{
    padding-bottom: 7vw;
  }

  .contact-section2 .container{
    padding:0 4.5vw;
  }

  .contact-section2 p.p1{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height:28px;
    margin-bottom: 40px;
  }

  .contact-section2 h2{
    text-align: center;
    margin-bottom: 24px;
  }

  .contact-section2 h2 img{
    width:240px;
  }

  .contact-section2 p.p2{
    font-size: 14px;
    line-height:24px;
    margin-bottom: 24px;
  }

  .contact-section2 p.p2 a{
    font-size: 14px;
    line-height:24px;
  }

  .contact-section2 .contact-block{
    background:#dfefe2;
    padding:40px 20px;
    width:800px;
    margin:auto;
    max-width:100%;
  }

  .contact-section2 .contact-block .block{
    border-top:1px solid #DBDCDC;
    padding:24px 0;
  }

  .contact-section2 .contact-block input[type="text"],
  .contact-section2 .contact-block input[type="email"]{
    width:100%;
    max-width:500px;
  }

  .contact-section2 .contact-block textarea{
    width:100%;
    max-width:500px;
  }

  /*以上、お問い合わせ*/


  /*
  ---------------------------------------------------------
  以下、2023年9月の改修追加分
  ---------------------------------------------------------
  */

  /*共通部分*/
  main.add-page-main{
    overflow: hidden;
  }

  main.add-page-main *{
    letter-spacing: 0.08em;
  }

  .container2{
    padding: 0 8vw;
    width:100%;
    margin: auto;
    max-width:1260px;
  }

  .page-mv-section{
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    position: relative;
    min-height:600px;
  }

  .page-mv-section .page-title{
    position: absolute;
    text-align: center;
    color: #fff;
    font-weight: bold;

    font-size: 8.533vw;
    line-height: 1.5;
    left: 0;
    width:100%;
    bottom: 120px;
  }



  .common-title-block{
    display: flex;
    flex-wrap: wrap;
    margin:0 auto;
    justify-content:center;
    letter-spacing: 0.08em;
  }

  .common-title-block .border-frame{
    /* height: 1.8vw; */
    height:6px;
    width: 100%;
    position: absolute;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    left: 0;
    bottom: -6px;
  }

  .common-title-block .border-frame .relative::after{
    content: '';
    position: absolute;
    width: 7.2vw;
    height: 4.8vw;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/fly-icon.png);
    background-position: center;
    background-size: cover;
  }

  .common-title-block .border-frame .relative.right::after{
    right:-8.8vw;
  }

  .common-title-block .border-frame .relative.left::after{
    left:-8.8vw;
  }

  .common-title-block .msg{
    font-weight: bold;
    font-size: 8.5vw;
    line-height: 1.4;
    min-width:75vw;
    white-space: nowrap;
  }

  .common-title-block .msg span{
    font-weight: bold;
    font-size: 100%;
    line-height:100%;
  }

  .common-title-block .msg span.green{
    color:#66bf9b;
  }

  .common-title-block .msg span.blue{
    color:#29a8df;
  }


  /*国家資格コース*/

  .kokka-section1 {
    background-image: url(../img/kokka/kokka-main-view-sp.jpg);
  }

  .kokka-section2{
    padding:100px 0 40px;
  }

  .kokka-section2 .flex{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    margin-top: 48px;
  }

  .kokka-section2 .box{
    width:100%;
  }

  .kokka-section2 .box1{
    margin-bottom: 48px;
  }

  .kokka-section2 .box img{
    width:100%;
    margin-bottom: 20px;
  }

  .kokka-section2 .box .name{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    font-size: min(5.867vw, 30px);
    font-weight: 700;
    line-height: 1.4;

  }

  .kokka-section2 .box .link{
    margin:40px auto 0;
    max-width: 500px;
    max-height: 80px;
    border-radius: 100px;
    width: 74.667vw;
    height: 12vw;
    font-size: 4.8vw;
    font-size: min(4.8vw, 30px);
    font-weight: 700;
    line-height: 1;
    color:#fff;

  }

  .kokka-section2 .box li{
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .kokka-section2 .box li .left,
  .kokka-section2 .box li .right{
    border:1px solid #D9D9D9;
    padding:16px 20px;
    display: flex;
    align-items: center;
    font-size: min(4.0vw, 28px);
    font-weight: 700;
    line-height: 1.5;
  }

  .kokka-section2 .box li:first-child .left,
  .kokka-section2 .box li:first-child .right{
    padding:16px 20px;
  }

  .kokka-section2 .box li .left{
    width:100%;
    flex-shrink: 0;
    justify-content: center;
  }

  .kokka-section2 .box li .right{
    width:100%;
    margin-top: -1px;
  }

  .kokka-section2 .box li a{
    color:#000;
  }

  .kokka-section3{
    padding:40px 0 50px;
  }

  .kokka-section3 .price-frame1{
    margin:48px auto 30px;
    overflow-x: scroll;
  }

  .kokka-section3 .price-frame2{
    margin:0 auto;
    overflow-x: scroll;
  }

  .kokka-section3 .price1{
    width:200vw;

  }

  .kokka-section3 .price2{
    width:200vw;
  }

  .kokka-section3 .price-text1{
    font-size: min(3.2vw, 22px);
    font-weight: 700;
    line-height: 1.5;
  }

  .kokka-section3 .price-text1 span{
    color:#FF0505;
  }

  .kokka-section3 .price-text2{
    margin:56px 0 40px;
    font-size: min(7vw, 40px);
    font-weight: 700;
    line-height: 1;
    text-align: center;
  }

  .kokka-section4{
    padding:50px 0 60px;
  }

  .kokka-section4 .flex{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }

  .kokka-section4 .box{
    position: relative;
    width:100%;
    border-radius: 30px;
    border:3px solid #000;
    /* padding:10% 5% 4%; */
    padding:20% 5% 8%;
    margin-top: 15vw;
  }

  .kokka-section4 .box .num{
    position: absolute;
    width:26.7%;
    left:0;
    right:0;
    margin:auto;
    top:-11vw;
    /* top:-22%; */
    bottom:auto;
  }

  .kokka-section4 .box .merit-title{
    display: flex;
    justify-content: center;
    font-size: min(6.667vw, 32px);
    font-weight: 700;
    line-height: 1.3;
    color:#66BF9B;
    margin-bottom: 30px;
  }

  .kokka-section4 .box .merit-text{
    font-size: min(3.733vw, 24px);
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
  }

  .kokka-section5{
    padding:60px 0 50px;
  }

  .kokka-section5 .table-frame{
    margin-top: 48px;
    margin-bottom: 56px;
    overflow-x: scroll;
  }

  .kokka-section5 table{
    table-layout: fixed;
    width:170vw;
    border-collapse: collapse;
  }

  .kokka-section5 table th,
  .kokka-section5 table td{
    padding:24px 12px;
    border:1px solid #D9D9D9;
    font-size: min(4.8vw, 24px);
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
  }

  .kokka-section5 table th{
    width:28.5%;
  }

  .kokka-section5 table td{
    width:23.8%;
  }

  .kokka-section5 li{
    margin-bottom: 6px;
  }

  .kokka-section5 li{
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .kokka-section5 li .left,
  .kokka-section5 li .right{
    border:1px solid #D9D9D9;
    padding:16px 4%;
    display: flex;
    align-items: center;
    font-size: min(4.2vw, 20px);
    font-weight: 700;
    line-height: 1.5;
  }

  .kokka-section5 li .left{
    width:100%;
    flex-shrink: 0;
    justify-content: center;
    
  }

  .kokka-section5 li .right{
    width:100%;
    margin-top: -1px;
  }

  .kokka-section6{
    padding:50px 0 0;
  }

  .kokka-section6 .info-list{
    margin-top: 48px;
  }

  .kokka-section6 .head-block{
    position: relative;
    padding:24px 0;
    font-size: min(4.8vw, 28px);
    font-weight: 700;
    line-height: 1.3;
    color:#fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: nowrap;
  }


  .kokka-section6 .head-block .head1{
    margin-right: 0;
  }

  .kokka-section6 .head-block .head2{
    margin-top: 20px;
  }

  .kokka-section6 .info-block{
    position: relative;
    padding:32px 0 56px;
  }

  .kokka-section6 .info-block .info-text1{
    margin-bottom: 32px;
    font-size: min(4.2vw, 24px);
    font-weight: 700;
    line-height: 1.5;
  }


  .kokka-section6 .info-block .info-text1 br{
    display: none;
  }

  .kokka-section6 .info-block .info-text2{
    font-size: min(4.2vw, 24px);
    font-weight: 700;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    color:#5882EC;
  }

  .kokka-section6 .info-block .flex{
    display: flex;
    flex-direction: column;
    margin-bottom: 48px;
  }

  .kokka-section6 .info-block .left,
  .kokka-section6 .info-block .right{
    width:100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  .kokka-section6 .info-block .left{
    margin-bottom: 32px;
  }

  .kokka-section6 .info-block .flex .green-title-box{
    justify-content: flex-start;
    margin-right: 0;
    margin-bottom: 20px;
    max-width: 100%;
    max-height: none;
    width: 100%;
    height: auto;
    font-size: min(4.8vw, 24px);
    font-weight: 700;
    line-height: 1.5;
    color:#fff;
    padding:16px 32px;
  }


  .kokka-section6 .info-block .flex .green-title-box br{
    display: none;
  }

  .kokka-section6 .info-block .flex li{
    display: flex;
    font-size: min(4.2vw, 24px);
    font-weight: 700;
    line-height: 1.5;
    /* margin-bottom: 2px; */
  }

  .kokka-section6 .info-block .flex p{
    font-size: min(4.2vw, 24px);
    font-weight: 700;
    line-height: 1.5;
  }

  .kokka-section6 .info-block3{
    padding:0px 0 80px;
  }

  .kokka-section6 .info-block .flow-list{
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap:0;
    align-items: center;
  }

  .kokka-section6 .info-block .flow-block{
    width:66.667vw;
    margin-top: 19.2vw;
    padding:17.067vw 2.133vw 12.8vw;
    border:3px solid #000;
    border-radius: 30px;
    background-color: #fff;
  }

  .kokka-section6 .info-block .flow-block p{
    font-size: min(4.2vw, 24px);
    font-weight: 700;
    line-height: 1.5;
    display: flex;
    justify-content: center;
  }

  .kokka-section6 .info-block .flow-block .num{
    width:21.333vw;
    top:-10.667vw;
  }




  /*無人航空機操縦士資格*/

  .operation-section1 {
    background-image: url(../img/operation/operation1-main-view-sp.jpg);
  }

  .operation-section1-2{
    background-image: url(../img/operation/operation2-main-view-sp.jpg);
  }

  .operation-section2{
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .operation-section2 .flex{
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    flex-direction: column;
  }

  .operation-section2 .box{
    width:80vw;
    margin-top: 21.333vw;
    padding:20vw 5vw 12.8vw;
  }

  .operation-section2 .box .num{
    width:26.667vw;
    top:-13.333vw;
    bottom:auto;
  }

  .operation-section2 .box img{
    width:100%;
    margin-bottom: 8vw;
  }

  .operation-section2 .box .curriculum_title{

    font-size: 6.667vw;
    margin-bottom: 10.667vw;
  }

  .operation-section2 .box .curriculum_text{
    font-size: 3.733vw;
    font-weight: 700;
    line-height: 1.5;
  }

  .operation-section3{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .operation-section3 ul{
    width:fit-content;
    margin:56px auto 0;
  }

  .operation-section3 ul li{
    margin-bottom: 32px;
    font-size: 11vw;
    font-weight: 700;
    line-height: 1.4;
    display: block;
    text-align: center;
    white-space: nowrap;
  }

  .operation-section3 ul li span{
    font-size: 5.5vw;
    display: inline-block;
    padding-left: 4px;
    vertical-align: text-bottom;
  }

  .operation-section3 ul li:last-child{
    margin-bottom: 0;
    
  }

  .operation-section4{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .operation-section4 .flex{
    margin-top: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }

  .operation-section4 .flex .left{
    width:53.333vw;
    margin-right: 0;
    margin-bottom: 24px;
  }

  .operation-section4 .flex .left img{
    width:100%;
  }

  .operation-section4 .flex .right .p1{
    margin-bottom: 6.4vw;
    font-size: 6vw;
  }

  .operation-section4 .flex .right .p2{
    margin-bottom: 6.4vw;
    font-size: 3.6vw;
  }

  .operation-section4 .flex .right .p3 .tel{
    pointer-events: auto;
    font-size: 4.267vw;

  }

  .operation-section5{
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .operation-section5 ul{
    margin-top: 10.667vw;
  }

  .operation-section5 ul li{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    /* gap:4px 4px; */
    margin-bottom: 10px;
  }

  .operation-section5 li .box{
    padding:4.267vw 8.533vw;
    
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0;
  }

  .operation-section5 ul li .left{
    width:100%;
    text-align: center;
    margin-right: 0;
    font-size: 4.8vw;
  }

  .operation-section5 ul li .right{
    width:100%;
    margin-top: -1px;
    font-size: 4.2vw;
  }

  .operation-section5 .link{
    margin:48px auto 0;
    max-width: 500px;
    max-height: 80px;
    border-radius: 100px;
    width: 74.667vw;
    height: 12vw;
    font-size: 4.8vw;
    font-size: min(4.8vw, 30px);
    font-weight: 700;
    line-height: 1;
    color: #fff;
  }


  /*JUIDA 民間資格コース*/
  .juida-section1 {
    background-image: url(../img/juida/juida-main-view-sp.jpg);
  }

  .juida-section3{
    padding: 0 0 13vw;
  }

  .juida-section3 h2{
    text-align: center;
    margin-bottom: 5.5vw;
  }

  .juida-section3 h2 img{
    width:66vw;
  }

  .juida-section3 .black-bg{
    background:#000;
    padding:0.6vw 0;
    display: flex;
    justify-content: center;
  }

  .juida-section3 .black-bg p{
    align-self: center;
    text-align: center;
    color:#fff;
    font-weight: bold;
    font-size: 4.5vw;
  }

  .juida-section3 .bg-flex{
    display:flex;
    justify-content: center;
    width:100%;
    flex-direction: column;
  }

  .juida-section3 .bg-flex .drone-bg{
    width:100%;
    height:72vw;
    position: relative;
  }

  .juida-section3 .bg-flex .drone-bg2{
    margin-top: -4.2vw;
  }


  .juida-section3 .circle-flex{
    display:none;
  }

  .juida-section3 .circle-flex img.content-text{
    display:none;
  }

  .juida-section3 .circle img.content-text{
    width:20vw;
    position: absolute;
    left:0;
    right:0;
    top:-2.2vw;
    margin:auto;
  }

  .juida-section3 .circle{
    width:83vw;
    height:83vw;
    border-radius:50%;
    position: relative;
    margin: -24vw auto 0;
  }

  .juida-section3 .circle::before{
    content:"";
    width:100%;
    height:100%;
    border-radius:50%;
    background:#fff;
    top:0;
    left:0;
    position:absolute;
    z-index:-9;
  }

  .juida-section3 .circle .head{
    height:24vw;
    display:flex;
    justify-content:center;
  }

  .juida-section3 .green-circle{
    background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.4) 24vw, rgba(102,191,155,0.4) 24vw, rgba(102,191,155,0.4) 100%);
  }

  .juida-section3 .green-circle::after{
    background: linear-gradient(to bottom, rgba(102,191,155,0.4) 0%, rgba(102,191,155,0.4) 24vw, #fff 24vw, #fff 100%);
  }

  .juida-section3 .blue-circle{
    margin: -24vw auto 5.8vw;
    background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.4) 24vw, rgba(41,168,223,0.4) 24vw, rgba(41,168,223,0.4) 100%);
  }

  .juida-section3 .blue-circle::after{
    background: linear-gradient(to bottom, rgba(41,168,223,0.4) 0%, rgba(41,168,223,0.4) 24vw, #fff 24vw, #fff 100%);
  }

  .juida-section3 .circle .head{
    height:24vw;
    display:flex;
    justify-content:center;
  }

  .juida-section3 .circle .head p{
    font-size: 7.5vw;
    line-height:7.64vw;
    margin-top: 4vw;
  }

  .juida-section3 .circle .body{
    padding-top: 5vw;
  }

  .juida-section3 .circle .body p.text{
    white-space:nowrap;
    text-align: center;
    font-size: 4vw;
    line-height:5.8vw;
    margin-bottom: 3.5vw;
  }

  .juida-section3 .circle .body .box{
    width: 57vw;
    height:18vw;
    border-radius: 4.2vw;
  }

  .juida-section3 .circle .body .box p{
    align-self: center;
    display:block;
    text-align: center;
    align-items:center;
  }

  .juida-section3 .circle .body .box p span.string{
    color:#fff;
    font-size: 4vw;
    line-height:8vw;
    font-weight: bold;
  }

  .juida-section3 .circle .body .box p span.num{
    letter-spacing:-0.02em;
    font-weight: normal;
    color:#fff;
    font-size: 7vw;
    /* line-height:13vw; */
    padding-bottom: 0.2vw;
  }

  .juida-section3 p.p1{
    text-align: center;
    font-size: 3.7vw;
  }

  .juida-section4{
    position: relative;
    padding:13vw 0 19vw;
    background: #fffded;
  }

  .juida-section4::before{
    height:4.8vw;
  }

  .juida-section4::after{
    height:4.8vw;
  }

  .juida-section4 img.logo{
    display:block;
    width:62vw;
    margin:0 auto 6.4vw;
  }

  .juida-section4 p{
    margin-bottom: 8vw;
    text-align: center;
    font-size: 4vw;
    line-height:7vw;
  }

  .juida-section4 img.juida{
    width:70vw;
  }

  .juida-section5{
    padding:10vw 0 26vw;
    background:#f0f2f0;
  }

  .juida-section5 h2{
    text-align: center;
    margin-bottom: 29vw;
  }

  .juida-section5 h2 img{
    width:83vw;
  }

  .juida-section5 .flex{
    display: flex;
    justify-content: space-between;
    flex-direction: column;

    /* align-items: center; */
  }

  .juida-section5 .flex .box{
    width:90vw;
    border:3px solid #000;
    border-radius: 5vw;
    padding-top: 26vw;
    padding-bottom: 10vw;
    margin: 0 auto 4.2vw;
  }

  .juida-section5 .flex .box .head{
    width:41vw;
    height:41vw;
    border: 4px solid #000;
    top:-17vw;
  }

  .juida-section5 .flex .box .head .child{
    width:33vw;
    height:33vw;
    border: 2px solid #000;
  }

  .juida-section5 .flex .box .head .child p{
    display: flex;
    align-self: center;
    align-items: flex-end;
  }

  .juida-section5 .flex .box .head .child p span.num{
    font-size: 19vw;
  }

  .juida-section5 .flex .box .head .child p span.day{
    font-size: 7.6vw;
    padding-bottom: 3.5vw;
  }

  .juida-section5 .flex .box .body{

  }

  .juida-section5 .flex .box .body h3{
    text-align: center;
    margin-bottom: 3.2vw;
    color:#66bf9b;
    font-weight: bold;
    font-size: 7.5vw;
  }

  .juida-section5 .flex .box .body ul{

  }

  .juida-section5 .flex .box .body ul li{
    margin-bottom: 7.4vw;
    font-size: 4.26vw;
    line-height:7.4vw;
    padding-left: 8vw;
    font-weight: bold;
    position: relative;
  }

  .juida-section5 .flex .box .body ul li span{
    font-size: 100%;
    line-height:100%;
    font-weight: bold;
    position: relative;
  }

  .juida-section5 .flex .box .body ul li::before{
    width:6vw;
    height:6vw;
    top:0.8vw;
  }

  .juida-section5 .flex .box .body p.text{
    font-weight: bold;
    font-size: 3.7vw;
    line-height:7.4vw;
  }

  .juida-section5 .flex .img-block{
    display: flex;
    justify-content: center;
    margin-bottom: 20vw;
  }

  .juida-section5 .flex  img.angle{
    width:15vw;
    align-self: center;
    transform:rotate(90deg);
  }

  .juida-section6{
    padding:60px 0 100px;
  }
  
  .juida-section6 .link{
    width: 88vw;
    height: 12vw;
    font-size: 4.8vw;
  }


  /*農薬散布サービスについて*/

  .agrichemical-section1 {
    background-image: url(../img/agrichemical/agrichemical-main-view.jpg);
  }

  .agrichemical-section2{
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .agrichemical-section2 ul{
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    flex-direction: column;
    align-items: center;
  }

  .agrichemical-section2 ul li{
    margin-top: 12.8vw;
    width:100%;
  }

  .agrichemical-section2 ul li img{
    width:80vw;
    margin:0 auto 8.533vw;
    display: block;
  }

  .agrichemical-section2 ul li .merit-title{
    font-size: 6.667vw;
    margin-bottom: 4.267vw;
  }

  .agrichemical-section2 ul li .merit-text{
    font-size: 3.4vw;
  }

  .agrichemical-section3{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .agrichemical-section3 p{
    font-size: 4.2vw;
    margin-top: 10.667vw;
    text-align: left;
    line-height: 2;
  }

  .agrichemical-section4{
    padding-top: 50px;
    padding-bottom: 32px;
  }

  .agrichemical-section4 .p1{
    font-size: 8vw;
    margin-top: 8.533vw;
    margin-bottom: 6.4vw;
  }

  .agrichemical-section4 .p1 span{
    font-size: 5vw;
  }

  .agrichemical-section4 .p2{
    font-size: 3.733vw;
  }

  .agrichemical-section5{
    padding-top: 32px;
    padding-bottom: 100px;
  }

  .agrichemical-section5 ul{
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }

  .agrichemical-section5 ul li{
    width:80vw;
    padding:21.333vw 4.267vw 12.8vw;
    margin-top: 21.333vw;

  }

  .agrichemical-section5 ul li .num{
    width:21.333vw;
    top:-10.667vw;
    bottom:auto;
  }

  .agrichemical-section5 ul li .flow-title{
    font-size: 6.667vw;
    margin-bottom: 7.467vw;
  }

  .agrichemical-section5 ul li .flow-text{
    font-size: 3.77vw;
    text-align: left;
  }

  .agrichemical-section5 ul li .link{
    margin: 48px auto 0;
    max-width: 100%;
    max-height: 80px;
    border-radius: 100px;
    width: 74.667vw;
    height: 12vw;
    font-size: 4.8vw;
    font-size: min(4.8vw, 30px);
    font-weight: 700;
    line-height: 1;
    color: #fff;
}
  }


}/*@media(max-width:960px){*/