@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;800;900&family=Noto+Serif+JP:wght@400;500;600;700;900&family=Roboto:wght@300;400;500;700;900&display=swap');

*{
  margin:0;
  padding:0;
  list-style: none;
  box-sizing: border-box;
  text-decoration: none;
}


/*以下、共通部分*/
body{
  /* font-family: 'Noto Sans Mono', monospace; */
  font-family: 'Noto Sans CJK JP' , 'Noto Sans JP'  ,sans-serif;
  color:#000;
  font-size: 0.83vw;
  
}

body.rock{
  height:100vh;
  overflow-y: hidden;
}

img{
  object-position: center;
}

main{

}

a{
  transition-duration: 0.7s;
}

a:hover{
  opacity:0.6;
}

.hide{
  display: none;
}

.relative{
  position: relative;
}

.container{
  width:67.7vw;
  margin:auto;
}

.center{
  text-align: center;
}

.no-event{
  pointer-events: none
}


header{
  position: fixed;
  width:100%;
  top:0;
  left:0;
  z-index:10000;
}

header .header-flex{
  display:flex;
  align-items: center;
  justify-content:space-between;
  /* padding-left: 56px; */
  padding-left: 3vw;
}

header .header-flex .header-logo{
  display:flex;
  justify-content: center;
}

header .header-flex .header-logo .logo{
  align-self: center;
}

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

header .header-flex .right{
  display: flex;
  align-items: center;
}

header .header-flex .right .menu-box{
  background:#66bf9b;
  cursor:pointer;
  /* width:112px;
  height:112px; */
  width:5.8vw;
  height:5.8vw;
  display:flex;
  justify-content:center;
}

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

header .header-flex .right .menu-box .menu-border .border{
  position: absolute;
  /* width:70px;
  height:5px; */
  width:3.6vw;
  height:0.26vw;
  background:#000;
  transition-duration: 0.3s;
}

header .header-flex .right .menu-box .menu-border .border1{
  top:0;
}

header .header-flex .right .menu-box .menu-border .border2{
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  /* width:45px;
  height:10px; */
  width:2.3vw;
  height:0.52vw;
}

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

header .header-flex .right a.contact-box{
  background:#000;
  /* height:112px;
  padding:0 52px; */
  height:5.8vw;
  padding:0 2.7vw;
  display: flex;
  align-items: center;
}

header .header-flex .right a.contact-box img{
  /* width:66px;
  margin-right: 48px; */
  width:3.4vw;
  margin-right: 1.8vw;
  align-self: center;
}

header .header-flex .right a.contact-box p{
  /* font-size: 46px; */
  /* font-size: 2.4vw; */
  font-size: 1.4vw;
  font-weight: bold;
  color:#66bf9b;
  align-self: center;
  letter-spacing : 0.1em;
}


.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;
  display:none;
}

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

.drawer-menu .drawer-container ul{

}

.drawer-menu .drawer-container ul li{
  /* margin-bottom: 40px; */
  margin-bottom: 2vw;
}

.drawer-menu .drawer-container ul li a{
  color:#fff;
  font-weight: bold;
  /* font-size: 40px; */
  font-size: 2.1vw;
  white-space: nowrap;
  letter-spacing : 0.1em;
}

.drawer-menu .drawer-container ul li a.tel{
  position: relative;
  /* padding-left: 90px; */
  padding-left: 4.7vw;
}

.drawer-menu .drawer-container ul li a.tel::before{
  content:"";
  position: absolute;
  left:0;
  top:0;
  /* width:54px;
  height:54px; */
  width:2.8vw;
  height:2.8vw;
  background:url('../img/tel-icon-w.png');
  background-size:cover;
  background-position:center;
}

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

.drawer-menu .drawer-container ul li.sns-flex a{
  /* margin-right: 40px; */
  margin-right: 2.1vw;
}

.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:35px; */
  width:1.82vw;
}

.drawer-menu .drawer-container ul li.sns-flex a img.facebook{
  /* width:38px; */
  width:1.97vw;
}

.drawer-menu .drawer-container ul li.sns-flex a img.youtube{
  /* width:42px; */
  width:2.18vw;
}


footer{
  background:#fff;
  /* padding:48px 0 24px; */
  padding:2.5vw 0 1.25vw;
}

footer p.p1{
  text-align: center;
  /* margin-bottom: 24px;
  font-size: 37px; */
  margin-bottom: 1.25vw;
  font-size: 1.92vw;
  font-weight: bold;
  letter-spacing:0.02em;
}

footer a.footer-logo{
  display: block;
  /* margin:0 auto 30px;
  width:240px; */
  margin:0 auto 1.56vw;
  width:12.5vw;
}

footer a.footer-logo img{
  display: block;
  width:100%;
}

footer .flex{
  display: flex;
  justify-content: space-between;
  margin:auto;
  /* width:1050px;
  margin-bottom: 40px; */
  width:54.6vw;
  margin-bottom: 2vw;
}

footer .flex a{
  display: flex;
  justify-content: center;
  /* width:256px;
  height:55px;
  border-radius: 27px; */
  width:13.3vw;
  height:2.86vw;
  border-radius: 1.43vw;
  background:#000;
}

footer .flex a span{
  align-self: center;
  text-align: center;
  color:#fff;
  /* font-size: 22px; */
  font-size: 1.1vw;
  font-weight: bold;
  letter-spacing:0.22em;
}

footer p.p2{
  margin-bottom: 0.4vw;
  font-size: 0.9vw;
  text-align: center;
  font-weight: bold;
}

footer p.p2 a{
  font-size:100%;
  color:#000;
}

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

footer p.p4{
  text-align: center;
  margin-bottom: 0.4vw;
}

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


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

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

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:2.7vw;
  height:1.87vw;
  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:-3.3vw;
}

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

main.page-main .title-block .msg{
  font-weight: bold;
  font-size: 3.9vw;
  line-height:6.8vw;
  position: relative;
}

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

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

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


.main-view-section{
  min-height: 700px;
}

.link-jump{
  margin-top: -5.8vw;
  padding-top: 5.8vw;
}

/*以上、共通部分*/


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

}

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

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

.top-section1 .relative .flex{
  display: flex;
  align-self: center;
  width:100%;
}

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

.top-section1 .relative .flex .right p{
  /* font-size: 75px;
  padding-left: 40px; */
  font-size: 3.5vw;
  padding-left: 2.1vw;
  font-weight: bold;

}

.top-section1 img.scroll-icon{
  /* width:78px; */
  width:4vw;
  display: block;
  position: absolute;
  left:0px;
  right:0;
  margin:auto;
  /* bottom:132px; */
  bottom:3vw;
}

.top-section2{

}

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

.top-section2 .flex a{
  width:50%;
  height:27vw;
}

.top-section2 .flex a img{
  display: block;
  width:100%;
  height:100%;
}

.top-section2 .flex a.school-link{
  background: url('../img/school-bg1.jpg');
  background-position: center;
  background-size: cover;
}

.top-section2 .flex a.enrollment-link{
  background: url('../img/enrollment-bg1.jpg');
  background-position: center;
  background-size: cover;
}

.top-section3{
  /* padding:100px 0 156px; */
  padding:5.2vw 0 8.1vw;
  background:#dfefe2;
}

.top-section3 h2{
  /* margin-bottom: 36px; */
  margin-bottom: 1.8vw;
  text-align: center;
}

.top-section3 h2 img{
  /* width:278px; */
  width:14.5vw;
}

.top-section3 ul.pick-up-list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /* margin-bottom: 80px; */
  margin-bottom: 4vw;
}

.top-section3 ul.pick-up-list li{
  /* width:645px;
  height:465px; */
  width:33.6vw;
  height:24.2vw;
  background:#fff;
  margin-bottom: 0.5vw;
}

.top-section3 ul.pick-up-list li a{
  display: block;
  /* padding:20px; */
  padding:1vw;
  height:100%;
}

.top-section3 ul.pick-up-list li a .thumb{
  /* bottom: 16px; */
  /* height:280px; */
  height:14.5vw;
  /* margin-bottom: 20px; */
  margin-bottom: 1vw;
}

.top-section3 ul.pick-up-list li a .thumb img{
  width: 100%;
  height:100%;
  max-width: 100%;
  object-fit: cover;
}

.top-section3 ul.pick-up-list li a p.date{
  /* margin-bottom: 12px; */
  margin-bottom: 0.6vw;
  /* font-size: 20px; */
  font-size: 1vw;
  font-family: "Futura-CondensedExtraBold", 'Futura', sans-serif;
  font-stretch: condensed;
  font-weight: bold;
  color:#000;
  /* padding-left: 20px; */
  padding-left: 1vw;
}

.top-section3 ul.pick-up-list li a h3{
  /* font-size: 14px; */
  font-size: 0.7vw;
  color:#000;
  /* line-height: 24px; */
  line-height: 1.2vw;
  font-weight: normal;
  /* padding-left: 10px; */
  padding-left: 0.95vw;
}

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

.top-section3 #pagenation .page-numbers{
  /* font-size: 26px; */
  font-size: 1.3vw;
  color:#000;
  /* margin:0 16px; */
  margin:0 0.8vw;
  font-family: "Futura-CondensedExtraBold", 'Futura', sans-serif;
  font-stretch: condensed;
  font-weight: bold;
}

.top-section3 #pagenation .page-numbers.current{
  color:#fff;
}

.top-section3 #pagenation .page-numbers:hover{
  opacity: 1;
  color:#fff;
}

.top-section3 #pagenation .page-numbers.dots{
  opacity: 1;
  color:#000;
}

.top-section3 #pagenation .page-numbers.next{
  /* width:24px;
  height:48px;
  margin-left: 32px; */
  width:1.2vw;
  height:2.4vw;
  margin-left: 1.67vw;
  background:url('../img/next.png');
  background-size:cover;
  background-position:center;
}

.top-section3 #pagenation .page-numbers.prev{
  /* width:24px;
  height:48px;
  margin-left: 32px; */
  width:1.2vw;
  height:2.4vw;
  margin-left: 1.67vw;
  background:url('../img/prev.png');
  background-size:cover;
  background-position:center;
}

.top-section4{
  /* padding-top: 112px; */
  padding-top: 5.8vw;
}

.top-section4 h2{
  /* margin-bottom: 120px; */
  margin-bottom: 6.2vw;
  text-align: center;
}

.top-section4 h2 img{
  /* width:450px; */
  width:23vw;
}

.top-section4 .blog-box{
  position: relative;
  background:#f0f2f0;
  /* padding:64px 0 118px;
  margin-bottom: 220px; */
  padding:3.3vw 0 6vw;
  margin-bottom: 11.5vw;
}

.top-section4 .blog-box .category-box{
  position: absolute;
  left:0;
  right:0;
  margin:auto;
  /* top:-44px;
  width:346px;
  height:55px; */
  top:-2.3vw;
  width:18vw;
  height:2.86vw;
  display: flex;
  justify-content: center;
  background-color: #66bf9b;
  border:2px solid #000;
  /* border-radius: 26px; */
  border-radius: 1.3vw;
}

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

.top-section4 ul.blog-list{
  display: flex;
  /* margin-bottom: 100px; */
  margin-bottom: 5.2vw;
}

.top-section4 ul.blog-list li{
  /* width:310px;
  height:475px;
  margin:0 6px; */
  width:16vw;
  height:24.7vw;
  margin:0 0.3vw;
  background:#fff;


}

.top-section4 ul.blog-list li a{
  display: block;
  /* padding:16px 20px; */
  padding:0.8vw 1vw;
  height:100%;
}

.top-section4 ul.blog-list li a .thumb{
  /* margin-bottom: 32px; */
  margin-bottom: 1.6vw;
  width:100%;
  /* height:270px; */
  height:14vw;
}

.top-section4 ul.blog-list li a .thumb img{
  object-fit: cover;
  width:100%;
  height:100%;
}

.top-section4 ul.blog-list li a h3{
  /* height:100px;
  line-height:24px; */
  height:5.2vw;
  line-height:1.2vw;
  font-weight: bold;
  color:#000;
}

.top-section4 ul.blog-list li a p.date{
  /* font-size: 15px; */
  font-size: 0.8vw;
  font-family: "Futura-CondensedExtraBold", 'Futura', sans-serif;
  font-stretch: condensed;
  font-weight: bold;
  color:#000;
}

.top-section4 a.category-link{
  display: flex;
  justify-content: center;
  margin:auto;
  /* width:690px;
  height:95px;
  border-radius: 48px; */
  width:36vw;
  height:5vw;
  border-radius: 2.5vw;
  background:#66bf9b;

}

.top-section4 a.category-link span{
  align-self: center;
  text-align: center;
  color:#fff;
  /* font-size: 38px; */
  font-size: 1.97vw;
  font-weight: bold;
}

.top-section5{
  position: relative;
  /* margin-top: 660px;
  padding:420px 0 360px; */
  margin-top: 34.3vw;
  padding:21.8vw 0 18.75vw;
  background:#66bf9b;
}

.top-section5 .ring{
  position: absolute;
  /* width:795px;
  height:795px;
  top:-400px; */
  width:41.4vw;
  height:41.4vw;
  top:-20.8vw;
  left:0;
  right:0;
  margin:auto;
  border-radius: 50%;
  /* padding:20px; */
  padding:1vw;
  background:#66bf9b;
}

.top-section5 .ring img{
  display: block;
  border-radius: 50%;
  /* width:755px;
  height:755px; */
  width:39.3vw;
  height:39.3vw;
}

.top-section5 p.text1{
  text-align: center;
  /* margin-bottom: 200px;
  font-size: 27px;
  line-height:47px; */
  margin-bottom: 10.4vw;
  font-size: 1.4vw;
  line-height:2.45vw;
  color:#fff;
  font-weight: bold;
}

.top-section5 .flex{
  display: flex;
  /* margin-bottom: 90px; */
  margin-bottom: 4.68vw;
}

.top-section5 .flex .thumb{
  position: relative;
  /* width:360px;
  height:360px; */
  width:18.75vw;
  height:18.75vw;
  border-radius: 50%;
}

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

.top-section5 .flex .thumb img.feature-title{
  position: absolute;
  /* width:180px;
  top:-90px;
  right:-64px; */
  width:9.37vw;
  top:-4.68vw;
  right:-3.33vw;
}

.top-section5 .flex .content{
  /* width:700px; */
  width:40vw;
}

.top-section5 .flex .content h3{
  /* margin-bottom: 24px;
  font-size: 60px;
  line-height: 60px; */
  margin-bottom: 1.25vw;
  font-size: 3.12vw;
  line-height: 3.3vw;
  color:#fff;
  font-weight: bold;
  /* white-space: nowrap; */
}

.top-section5 .flex .content p{
  color:#fff;
  /* line-height:32px; */
  line-height:1.67vw;
}

.top-section5 .flex1 .thumb{
  /* margin-right: 90px; */
  margin-right: 4.68vw;
}

.top-section5 .flex2{
  justify-content:flex-end;
  /* padding-right: 56px; */
  padding-right: 2.9vw;
}

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

.top-section5 .flex2 .content{
  /* text-align: right; */
  display: flex;
  justify-content:flex-end;
}

.top-section5 .link-flex{
  display: flex;
  justify-content:center;
  flex-wrap: wrap;
}

.top-section5 .link-flex a{
  width:50%;
  /* height:350px; */
  height:18.3vw;
}

.top-section5 .link-flex a img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.top-section6{
  /* padding-top: 160px; */
  padding-top: 8.33vw;
}

.top-section6 h2{
  /* margin-bottom: 100px; */
  margin-bottom: 5.2vw;
  text-align: center;
}

.top-section6 h2 img{
  /* width:400px; */
  width:20.8vw;
}

.top-section7{
  /* padding-top: 140px;
  padding-bottom: 200px; */
  padding-top: 7.3vw;
  padding-bottom: 10.4vw;
}

.top-section7 h2{
  /* margin-bottom: 90px; */
  margin-bottom: 4.68vw;
  text-align: center;
}

.top-section7 h2 img{
  /* width:280px; */
  width:14.5vw;
}

.top-section7 iframe{
  display: block;
  width:100%;
  /* height:560px;
  margin-bottom: 40px; */
  height:29.1vw;
  margin-bottom: 2vw;
}

.top-section7 p.p1{
  text-align: center;
  /* font-size: 26px;
  margin-bottom: 24px; */
  font-size: 1.25vw;
  margin-bottom: 1.25vw;
  color:#009175;
  font-weight: bold;

}

.top-section7 p.p2{
  text-align: center;
  /* margin-bottom: 88px; */
  margin-bottom: 4.58vw;
}

.top-section7 p.p2 a{
  position: relative;
  /* padding-left: 80px;
  font-size: 56px; */
  padding-left: 4.16vw;
  font-size: 2.9vw;
  color:#009175;
  font-family: "Futura-CondensedExtraBold", 'Futura', sans-serif;
  font-stretch: condensed;
  font-weight: bold;
  letter-spacing: 0.15em;
}

.top-section7 p.p2 a::before{
  position: absolute;
  content:'';
  /* width:70px;
  height:70px; */
  width:3.46vw;
  height:3.46vw;
  left:0;
  background: url('../img/tel-icon.png');
  background-size:cover;
  background-position:center;
}

.top-section7 a.company-link{
  display: flex;
  justify-content: center;
  margin:auto;
  /* width:346px;
  height:55px;
  border-radius: 27px; */
  width:18vw;
  height:2.86vw;
  border-radius: 1.43vw;
  border:1px solid #009175;
}

.top-section7 a.company-link span{
  align-self: center;
  /* font-size: 22px; */
  font-size: 1.1vw;
  font-weight: bold;
  color:#009175;
}

.top-section8{
  /* padding:50px 0; */
  padding:2.6vw 0;
  background:#009175;
}

.top-section8 p.p1{
  text-align: center;
  /* margin-bottom: 24px; */
  margin-bottom: 1.2vw;
  color:#fff;
  /* font-size: 22px;
  line-height:32px; */
  font-size: 1.1vw;
  line-height:1.66vw;
  font-weight: bold;
  letter-spacing: 0.32em;
}

.top-section8 p.p2{
  text-align: center;
  /* margin-bottom: 32px;
  font-size: 25px;
  line-height:28px; */
  margin-bottom: 1.66vw;
  font-size: 1.3vw;
  line-height:1.45vw;
  color:#fff;
  font-weight: bold;
  letter-spacing: 0.22em;
}

.top-section8 .flex{
  /* width:750px; */
  width:39vw;
  margin:auto;
  display:flex;
  justify-content:space-between;
  /* margin-bottom: 40px; */
  margin-bottom: 2vw;
}

.top-section8 .flex a{
  display: flex;
  justify-content:center;
  background:#fff;
  border-radius: 50%;
  /* width:300px;
  height:300px; */
  width:15.6vw;
  height:15.6vw;
}

.top-section8 .flex a p{
  text-align: center;
  align-self: center;
  color:#009175;
  white-space:nowrap;
  font-weight: bold;
  /* font-size: 32px;
  line-height:38px; */
  font-size: 1.66vw;
  line-height:1.97vw;
  letter-spacing: 0.1em;
}

.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 50px; */
  margin:0 2.6vw;
}

.top-section8 .sns-flex img.insta{
  /* width:45px;
  height:45px; */
  width:2.34vw;
  height:2.34vw;
}

.top-section8 .sns-flex img.facebook{
  /* width:49px;
  height:49px; */
  width:2.55vw;
  height:2.55vw;
}

.top-section8 .sns-flex img.youtube{
  /* width:54px;
  height:38px; */
  width:2.8vw;
  height:1.97vw;
}


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


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

}

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

}


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

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


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

.school-section3{
  padding: 5.3vw 0 3vw;
}

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

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

.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: 2.5vw;
}

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

.school-section3 .bg-flex .drone-bg{
  width:50%;
  height:27.7vw;
  /* max-height:400px; */
  position: relative;
}

.school-section3 .bg-flex .drone-bg::before{
  content:'';
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:-10;
}

.school-section3 .bg-flex .drone-bg1::before{
  background:url('../img/drone-bg1.jpg');
  background-position: center;
  background-size: cover;
}

.school-section3 .bg-flex .drone-bg2::before{
  background:url('../img/drone-bg2.jpg');
  background-position: center;
  background-size: cover;
}

.school-section3 .circle-flex{
  display:flex;
  margin-top: -11.4vw;
  margin-bottom: 1.67vw;
  justify-content: center;
  position: relative;
}

.school-section3 .circle-flex img.content-text{
  position: absolute;
  z-index:3;
  left:0;
  right:0;
  margin:auto;
  top: 9vw;
  width:9.4vw;
}

.school-section3 .circle{
  width:39vw;
  height:39vw;
  border-radius:50%;
  position: relative;
}

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

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

.school-section3 .green-circle{
  background-color: rgba(231, 255, 237, 0.8);
}



.school-section3 .blue-circle{
  margin-left: -4.5vw;
  background-color: rgba(231, 243, 255, 0.8)
}


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

.school-section3 .circle .head p{
  text-align: center;
  align-self: center;
  white-space:nowrap;
  font-weight: bold;
  font-size: 3vw;
  line-height:1.3;
}

.school-section3 .circle .body{
  /* padding-top: 3vw; */
}

.school-section3 .circle .body p.text{
  white-space:nowrap;
  text-align: center;
  font-size: max(1.2vw, 13px);
  line-height:1.8;
  display: flex;
  justify-content: center;
  align-items: center;
  height:17.708vw;
}

.school-section3 .circle .body .box{
  width: 27vw;
  height:5.8vw;
  display:flex;
  justify-content:center;
  background: rgba(0,0,0,0.4);
  border-radius: 2.9vw;
  margin: auto;
}

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

.school-section3 .circle .body .link{
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 auto;
  background-color: #66BF9B;
  width: 17.361vw;
  height: 4.167vw;
  border-radius: 6.944vw;
  font-size: max(1.2vw, 13px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
  color:#fff;
}

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

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

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

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

.school-section4::before{
  content:"";
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:2.1vw;
  background: #d4cfb2;
}

.school-section4::after{
  content:"";
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2.1vw;
  background: #d4cfb2;
}

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

.school-section4 p{
  margin-bottom: 3vw;
  text-align: center;
  font-size: 1.1vw;
  line-height:1.9vw;
}

.school-section4 img.juida{
  display: block;
  margin:auto;
  width:51vw;
}

.school-section5{
  padding:4.1vw 0 9vw;
  background:#f0f2f0;
}

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

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

.school-section5 .flex{
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
}

.school-section5 .flex .box{
  width:20.8vw;
  /* height:22vw; */
  background:#ffffff;
  border:3px solid #000;
  border-radius: 1vw;
  position: relative;
  display: flex;
  padding-top: 6.7vw;
  padding-bottom: 1.5vw;
  justify-content:center;
}

.school-section5 .flex .box .head{
  width:9.2vw;
  height:9.2vw;
  border-radius: 50%;
  border: 4px solid #000;
  display: flex;
  justify-content: center;
  background-color: #66bf9b;
  position: absolute;
  left:0;
  right:0;
  top:-4vw;
  margin:auto;
}

.school-section5 .flex .box .head .child{
  align-self: center;
  display: flex;
  justify-content:center;
  width:7.3vw;
  height:7.3vw;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 50%;
}

.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: 4.2vw;
  /* line-height: 4.2vw; */
  /* line-height: 1.67vw; */
  font-family: "Futura-CondensedExtraBold", 'Futura', sans-serif;
  font-stretch: condensed;
  font-weight: bold;
}

.school-section5 .flex .box .head .child p span.day{
  font-size: 1.67vw;
  /* line-height: 4.2vw; */
  font-weight: bold;
  padding-bottom: 1vw;
}

.school-section5 .flex .box .body{

}

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

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

}

.school-section5 .flex .box .body ul li{
  margin-bottom: 0.9vw;
  font-size: 0.83vw;
  line-height:1.45vw;
  padding-left: 2vw;
  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 span::after{
  content:'(予定)';
  position: absolute;
  font-size: 100%;
  line-height:100%;
  font-weight: bold;
  bottom:-80%;
  left:0;
  white-space: nowrap;
}

.school-section5 .flex .box .body ul li::before{
  content:'';
  width:1.3vw;
  height:1.3vw;
  position: absolute;
  left:0;
  top:0.1vw;
  background: url("../img/time-icon.png");
  background-position: center;
  background-size: cover;
}

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

.school-section5 .flex .img-block{
  display: flex;
}

.school-section5 .flex  img.angle{
  width:1.4vw;
  align-self: center;
}

.school-section6 {
  padding:5.2vw 0 5.7vw;
}

.school-section6 .flex{
  display: flex;
  position: relative;
}

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

.school-section6 .flex img{
  width:100%;
  height:37.5vw;
}

.school-section6 .flex .box{
  position: absolute;
  background:#fff;
  border:4px solid #000;
  width:62.5vw;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right:0;
}

.school-section6 .flex .box .relative{
  padding:3vw 0 3vw 6vw;
  position: relative;
}

.school-section6 .flex .box .relative .radius{
  position: absolute;
  top:-2.5vw;
  left:-4vw;
  width:8.3vw;
  height:8.3vw;
  border-radius: 50%;
  background:#000;
  border:4px solid #fff;
  display:flex;
  justify-content:center;
}

.school-section6 .flex .box .relative .radius p{
  align-self: center;
  font-size: 4.2vw;
  color:#fff;
  font-family: "Futura-CondensedExtraBold", 'Futura', sans-serif;
  font-stretch: condensed;
  font-weight: bold;
}

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

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

.school-section6 .flex2 .box{
  right:auto;
  left:0;
}

.school-section6 .flex.flex2 .box .relative .radius{
  position: absolute;
  top:-2.5vw;
  right:-4vw;
  left:auto;
  width:8.3vw;
  height:8.3vw;
  border-radius: 50%;
  background:#000;
  border:4px solid #fff;
  display:flex;
  justify-content:center;
}

.school-section6 a.green-link{
  display:flex;
  justify-content:center;
  margin:6.5vw auto 0;
  width:35vw;
  height:5vw;
  border-radius: 12.5vw;
  background:#66bf9b;
}

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

.school-section7{
  background:#f0f2f0;
  padding:9.8vw 0 5.8vw;
}

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

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

.school-section7 iframe {
  display: block;
  width: 100%;
  height: 29.1vw;
  margin-bottom: 3.7vw;
}

.school-section7 .flex{
  display: flex;
  justify-content: center;
}

.school-section7 .flex .left{
  margin-right: 7.8vw;
}

.school-section7 .flex p{
  white-space: nowrap;
  color:#009175;
  font-weight: bold;
  font-size: 1.35vw;
  line-height:1.78vw;
  margin-bottom: 2vw;
}

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

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

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


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

}

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

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

.question-section2 h1{
  text-align: center;
  color:#009175;
  font-weight: bold;
  font-size: 5.3vw;
}

.question-section2 p.sub{
  text-align: center;
  margin-bottom: 6.4vw;
  color:#009175;
  font-size: 3.3vw;
}

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

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

.question-section2 .question-block .white-block{
  position: relative;
  padding:1.67vw 6vw;
  background:#fff;
  border-radius: 1vw;
}

.question-section2 .question-block .white-block::before{
  content:'';
  position: absolute;
  width:9.8vw;
  height:9.8vw;
  border-radius: 50%;
  background:url("../img/question.png");
  background-position: center;
  background-size: cover;
  top:-6.3vw;
  left:-5.2vw;
}

.question-section2 .question-block .white-block p{
  font-size: 1.5vw;
  line-height: 2.6vw;
  font-weight: bold;
}

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

.question-section2 .answer-block .white-block{
  position: relative;
  padding:3vw 6.25vw;
  background:#fff;
  border-radius: 1vw;
}

.question-section2 .answer-block .white-block::before{
  content:'';
  position: absolute;
  width:9.8vw;
  height:9.8vw;
  border-radius: 50%;
  background:url("../img/answer.png");
  background-position: center;
  background-size: cover;
  top:-6.3vw;
  right:-5.2vw;
}

.question-section2 .answer-block .white-block p{
  font-size: 1.5vw;
  line-height: 2.6vw;
  font-weight: bold;
}

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


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

}

main.company-main .black-box{
  background:#000;
  padding:0.6vw;
  display: flex;
  align-items: center;

}

main.company-main .black-box h2{
  color:#fff;
  font-weight: bold;
  font-size: 2.5vw;
}

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

.company-section1 h1{
  position: absolute;
  text-align: center;
  color:#fff;
  font-weight: bold;
  font-size: 5.3vw;
  left:0;
  right:0;
  bottom:9vw;
}

.company-section2{
  padding:6.7vw 0;
}

.company-section2 .flex{
  display: flex;
  justify-content: space-between;
}

.company-section2 .flex a{
  width:15.8vw;
  height:15.8vw;
  border-radius: 50%;
  border:3px solid #66bf9b;
  display:flex;
  justify-content: center;
}

.company-section2 .flex a p{
  text-align: center;
  align-self: center;
  color:#66bf9b;
  font-size: 1.7vw;
  font-weight: bold;
  line-height:1.97vw;
}

.company-section3{

}

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

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

.company-section3 .content-area ul li{
  display: flex;
  justify-content: space-between;
  padding:3.8vw 0;
  border-bottom:1px solid #000;
}

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

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

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

.company-section3 .content-area p.p1{
  font-weight: bold;
  font-size: 1.56vw;
  line-height:1.7vw;
  margin-bottom: 1.2vw;
}

.company-section3 .content-area p.p2{
  font-weight: bold;
  font-size: 1.3vw;
  line-height:1.7vw;
  margin-bottom: 1.2vw;
}

.company-section3 .content-area iframe{
  display: block;
  width:48vw;
  height:21vw;
  margin:0 auto 4.6vw;
}

.company-section4{

}

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

.company-section4 .content-area .flex{
  display: flex;
  justify-content: space-around;
}

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

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

.company-section4 .content-area .flex img.honey{
  width:19vw;
}

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

.company-section5{

}

.company-section5 .content-area{
  padding: 4.5vw 0;
}

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

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

.company-section6{

}

.company-section6 .content-area{
  padding: 4.5vw 0;
}

.company-section6 .content-area p.p1{
  margin-bottom: 2vw;
  font-size: 4.5vw;
  font-weight: bold;
  text-align: center;
  color:#66bf9b;
}

.company-section6 .content-area p.p2{
  text-align: center;
  margin-bottom: 5.2vw;
  font-size: 1.4vw;
  font-weight: bold;
  line-height:2vw;
}

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

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

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

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

.company-section6 .content-area .flex .outer ul li{
  padding-left: 6vw;
  position: relative;
  margin-bottom: 1.6vw;
  display: flex;
  justify-content: space-between;
}

.company-section6 .content-area .flex .outer ul li::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:3.6vw;
  height:2.5vw;
  background: url('../img/fly-icon-green.png');
  background-position: center;
  background-size: cover;
}

.company-section6 .content-area .flex .outer ul li span{
  font-weight: bold;
  font-size: 1.3vw;
  line-height:2vw;
}

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

.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.jpg');
  background-position: bottom;
  background-size: cover;
  position: relative;
}

.entry-section1 h1{
  position: absolute;
  text-align: center;
  color:#fff;
  font-weight: bold;
  font-size: 5.3vw;
  left:0;
  right:0;
  bottom:9vw;
}

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

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

.entry-section2 .step-list .step{
  width:100%;
  margin-bottom: 3vw;
  background:#fff;
  border:0.4vw solid #009175;
  border-radius: 2.7vw;
  padding:3.3vw 0;
  display: flex;
  justify-content: center;
}

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

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


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

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

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

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

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

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

.entry-section2 .step-list .entry{
  margin-bottom: 3vw;
  background:#009175;
  position: relative;
  padding:0;
  border-radius: 3vw;
  width:100%;
}

.entry-section2 .step-list .entry::before{
  content:'';
  position: absolute;
  top:0;
  bottom:0;
  margin:auto;
  left:2vw;
  width:4vw;
  height:2.9vw;
  background: url('../img/fly-icon-white.png');
  background-position:center;
  background-size:cover;
}

.entry-section2 .step-list .entry::after{
  content:'';
  position: absolute;
  top:0;
  bottom:0;
  margin:auto;
  right:2vw;
  width:4vw;
  height:2.9vw;
  background: url('../img/fly-icon-white.png');
  background-position:center;
  background-size:cover;
}

.entry-section2 .step-list .entry p{
  text-align: center;
  color:#fff;
  font-weight: bold;
  font-size: 3.9vw;
}


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

.entry-section2 .step-list .step1 .flex{
  display: flex;
  justify-content:center;
  margin-top: 4.2vw;
}

.entry-section2 .step-list .step1 .flex .box{
  width:20vw;
  border:3px solid #009175;
  padding:5.7vw 2.08vw 3.3vw;
  position: relative;
  border-radius:0.9vw;
  display: flex;
  justify-content: center;
  margin:0 0.7vw;
}

.entry-section2 .step-list .step1 .flex .box .head{
  width:18vw;
  height:4.4vw;
  border-radius: 2.2vw;
  display: flex;
  justify-content: center;
  background:#66bf9b;
  position: absolute;
  left:0;
  right:0;
  top:-2.2vw;
  margin:auto;
}

.entry-section2 .step-list .step1 .flex .box .head .inner{
  align-self: center;
  width:16vw;
  height:3.2vw;
  background:#fff;
  border-radius: 3.8vw;
  display: flex;
  justify-content: center;
}

.entry-section2 .step-list .step1 .flex .box .head .inner p{
  align-self: center;
  text-align: center;
  font-weight: bold;
  font-size: 1.1vw;
}

.entry-section2 .step-list .step1 .flex .box .body p{
  font-size: 0.88vw;
  line-height:1.88vw;
  font-weight: bold;
  margin-bottom: 2.5vw;
}

.entry-section2 .step-list .step1 .flex .box .body a.radius{
  display: block;
  text-align: center;
  width:15.4vw;
  border-radius: 1.77vw;
  background:#66bf9b;
  color:#fff;
  padding:0.8vw;
  font-weight: bold;
  font-size: 1.45vw;
  margin: auto;
}

.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: 0.8vw;
}

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

}

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

.entry-section2 a.link{
  display: flex;
  margin:auto;
  justify-content: center;
  width:48vw;
  height:6.6vw;
  border-radius: 3.3vw;
  background: #66bf9b;
}

.entry-section2 a.link span{
  align-self: center;
  font-weight: bold;
  color:#fff;
  font-size: 2.7vw;
}
/*以上、入校までの流れ*/


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

main.archive-main{

}

main.archive-main .archive-container{
  width:92vw;
  margin:auto;
}

.archive-section1{
  padding:13vw 0 4.4vw;
}

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

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

.archive-section1 .flex{
  display: flex;
  justify-content: space-between;
}

article{
  width:67.7vw;
}

article h2{
  margin-bottom: 3vw;
  font-weight: bold;
  font-size: 2vw;
}

article ul.archive-blog-list{
  display: flex;
  margin-bottom: 3vw;
  flex-wrap: wrap;
}

article ul.archive-blog-list li{
  margin-right: 1.8vw;
  margin-bottom: 3vw;
  width:20vw;
}

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

article ul.archive-blog-list li a .thumb{
  width:20vw;
  height:20vw;
  margin-bottom: 1.6vw;
  border-radius: 2.2vw;
}

article ul.archive-blog-list li a .thumb img{
  width:100%;
  height:100%;
  border-radius: 2.2vw;
  object-fit: cover;
}

article ul.archive-blog-list li a h3{
  height:4.3vw;
  color:#000;
  font-weight: bold;
  font-size: 1.56vw;
  line-height:1.8vw;
}

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

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

article #pagenation .page-numbers{
  /* font-size: 26px; */
  font-size: 1.3vw;
  color:#009175;
  /* margin:0 16px; */
  margin:0 0.8vw;
  font-family: "Futura-CondensedExtraBold", 'Futura', sans-serif;
  font-stretch: condensed;
  font-weight: bold;
}

article #pagenation .page-numbers.current{
  color:#000;
}

article #pagenation .page-numbers:hover{
  opacity: 1;
  color:#000;
}

article #pagenation .page-numbers.dots{
  opacity: 1;
  color:#009175;
}

article #pagenation .page-numbers.next{
  /* width:24px;
  height:48px;
  margin-left: 32px; */
  width:1.2vw;
  height:2.4vw;
  margin-left: 1.67vw;
  background:url('../img/green-next.png');
  background-size:cover;
  background-position:center;
}

article #pagenation .page-numbers.prev{
  /* width:24px;
  height:48px;
  margin-left: 32px; */
  width:1.2vw;
  height:2.4vw;
  margin-left: 1.67vw;
  background:url('../img/green-prev.png');
  background-size:cover;
  background-position:center;
}

.sidebar{
  width:22vw;
  background:#dfefe2;
  padding:2vw;
}

.sidebar .category-area{
  background:#fff;
  padding:2.5vw 1.5vw;
  margin-bottom: 1.8vw;
}

.sidebar .category-area p{
  margin-bottom: 1vw;
  font-size: 1vw;
  line-height:1.1vw;
  font-weight: bold;
  border-bottom:1px solid #66bf9b;
  padding-bottom: 0.7vw;
}

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

.sidebar .category-area ul li a{
  display: block;
  padding: 0.9vw 0 0.9vw 2.2vw;
  position: relative;
  color:#000;
  font-size: 0.7vw;
  font-weight: bold;
}

.sidebar .category-area ul li a::before{
  position: absolute;
  content:'';
  left:0;
  top:0;
  bottom:0;
  margin:auto;
  width:0.4vw;
  height:0.8vw;
  background: url('../img/green-next.png');
  background-size: cover;
  background-position: center;
}

.sidebar .category-area ul li:last-child{
  border-bottom:none;
}

.sidebar img.pickup-title{
  display: block;
  width:7.4vw;
  margin:0 auto 1vw;
}

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

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

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

.sidebar ul.pickup-list li a .thumb{
  width:45%;
  height:5.5vw;
  border-radius: 1vw;
}

.sidebar ul.pickup-list li a .thumb img{
  width:100%;
  height:100%;
  border-radius: 1vw;
  display: block;
  object-fit: cover;
}

.sidebar ul.pickup-list li a p.title{
  width:48%;
  color:#000;
  font-size: 0.7vw;
  line-height:1vw;
  font-weight: bold;
}

.sidebar .link-list{

}

.sidebar .link-list a{
  display:block;
  height:10vw;
  margin-bottom: 0.6vw;
}

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


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

}

.category-section1{

}

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


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

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

.category-flex a{
  display:flex;
  justify-content: center;
  width:15vw;
  height:2.5vw;
  border-radius:1.25vw;
  border:1px solid #000;
}

.category-flex a:hover{
  background:#66bf9b;
  opacity:1;
}

.category-flex a.active{
  pointer-events:none;
  background:#66bf9b;
}


.category-flex a span{
  text-align: center;
  align-self: center;
  color:#000;
  font-weight: bold;
  font-size: 1vw;
}


.category-section1 article ul.archive-blog-list{
  display: flex;
  justify-content: center;
  margin-bottom: 3vw;
  flex-wrap: wrap;
}

.category-section1 article ul.archive-blog-list li{
  margin:0 0.9vw;
  margin-bottom: 3vw;
  width:15vw;
}

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

.category-section1 article ul.archive-blog-list li a .thumb{
  width:15vw;
  height:15vw;
  margin-bottom: 1.6vw;
  border-radius: 2.2vw;
}

.category-section1 article ul.archive-blog-list li a .thumb img{
  width:100%;
  height:100%;
  border-radius: 1.8vw;
  object-fit: cover;
}

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

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

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


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

}

.single-section1{
  padding-top: 13vw;
  padding-bottom: 10vw;
}

.single-section1 p.section-title{
  text-align: center;
  margin-bottom: 6vw;
}

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


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

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

.single-section1 .top-flex .date .year{
  font-size: 1vw;
  font-family: "Futura-CondensedExtraBold", 'Futura', sans-serif;
  font-stretch: condensed;
  font-weight: bold;
}

.single-section1 .top-flex .date .day{
  font-size: 2vw;
  font-family: "Futura-CondensedExtraBold", 'Futura', sans-serif;
  font-stretch: condensed;
  font-weight: bold;
}

.single-section1 .top-flex h1{
  width:90%;
  font-size: 1.87vw;
  font-weight: bold;
  border-left: 3px solid #66bf9b;
  padding:1vw 0 1vw 1vw;
}

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

.single-section1 .single-block .thumb img{
  max-width: 100%;
  height:auto;
}

.content-block h2{
  font-weight: bold;
  color:#fff;
  padding:1.5vw;
  background:#009175;
  font-size: 1.87vw;
  margin-bottom: 3.2vw;
}

.content-block h3{
  margin-bottom: 2.8vw;
  font-size: 1.5vw;
  font-weight: bold;
  color:#009175;
  padding:0 0 1.5vw 1.5vw;
  border-bottom: 7px solid #009175;
}

.content-block p{
  font-weight: bold;
  line-height:2vw;
  font-size: 1vw;
  margin-bottom: 3.2vw;
}

.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: 5vw;
}

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


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

}


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

}

.teacher-section1 h1{
  position: absolute;
  text-align: center;
  color:#fff;
  font-weight: bold;
  font-size: 5.3vw;
  left:0;
  right:0;
  bottom:9vw;
}

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

.teacher-section2 .box{
  position: relative;
  background:#dfefe2;
  width:47vw;
  height:17.7vw;
  margin-bottom: 14vw;
}

.teacher-section2 .box .green-box{
  position: absolute;
  top:5.6vw;
  left:15.7vw;
  background:#66bf9b;
  width:47vw;
  height:17.7vw;
  display: flex;
  justify-content:center;
}

.teacher-section2 .box .green-box p{
  align-self: center;
  color:#fff;
  font-size: 1.1vw;
  line-height:1.87vw;
  font-weight: bold;
}

.teacher-section2 ul.teacher-list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.teacher-section2 ul.teacher-list li{
  width:21.7vw;
  border:4px solid #009175;
  padding:0.8vw 1.5vw 1.5vw;
  background: #fff;
  position: relative;
  margin-bottom: 4.5vw;
}

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

.teacher-section2 ul.teacher-list li .head{
  position: absolute;
  left:-4px;
  top:-2.86vw;
  width:11.7vw;
  height:2.86vw;
  background:#009175;
  display: flex;
  justify-content: center;
}

.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: 0.93vw;
  padding-top: 0.2vw;
}

.teacher-section2 ul.teacher-list li .head p span.string span{
  color:#fff;
  font-weight: bold;
  font-size: 1.4vw;
}

.teacher-section2 ul.teacher-list li .head p span.num span{
  color:#fff;
  font-weight: bold;
  font-size: 1.8vw;
  font-family: "Futura-CondensedExtraBold", 'Futura', sans-serif;
  font-stretch: condensed;
  font-weight: bold;
}

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

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

.teacher-section2 ul.teacher-list li p.name{
  color:#009175;
  text-align: center;
  font-weight: bold;
  font-size: 1.87vw;
  /* margin-bottom: 1.25vw; */
}

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


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

main.privacy-main{

}

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

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

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

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

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

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


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

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


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

}

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

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

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

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

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

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

.contact-section2 p.p2{
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height:24px;
  margin-bottom: 32px;
}

.contact-section2 p.p2 a{
  font-weight: bold;
  font-size: 16px;
  line-height:24px;
  color:#000;
}

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

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

.contact-section2 .contact-block .block .title-line{
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.contact-section2 .contact-block .block .title-line .must{
  /* border:1px solid #000; */

  background:#009174;
  display:flex;
  justify-content:center;
  width:60px;
  height:25px;
  margin-right: 32px;
}

.contact-section2 .contact-block .block .title-line .must span{
  align-self: center;
  font-size: 16px;
  font-weight: bold;
  color:#fff;
}

.contact-section2 .contact-block .block .title-line p.title{
  align-self: center;
  font-size: 16px;
  font-weight: bold;
}

.contact-section2 .contact-block .block .wpcf7-list-item{
  margin:0;
}

.contact-section2 .contact-block .block .input-line label{
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 4px;
}

.contact-section2 .contact-block .block .input-line label input{
  margin-right: 20px;
  cursor: pointer;
}

.contact-section2 .contact-block input[type="text"],
.contact-section2 .contact-block input[type="email"]{
  display: block;
  width:70%;
  height:30px;
  border:none;
  padding:0 16px;
}

.contact-section2 .contact-block textarea{
  display: block;
  padding:16px;
  width:70%;
}

.contact-section2 .contact-block .submit-frame{
  margin-top: 40px;
  text-align: center;
}

.contact-section2 .contact-block .submit-frame input{
  cursor: pointer;
  border:none;
  background:none;
  font-size: 20px;
  font-weight: bold;
  color:#fff;
  background:#009174;
  padding:10px 60px;
}
/*以上、お問い合わせ*/


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

/*共通部分*/

main.add-page-main{
  overflow: hidden;
}

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

.container2{
  width: 90%;
  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: min(5.3vw, 76px);
  line-height: 1.5;
  left: 0;
  width:100%;
  bottom: 9vw;
}



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

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

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

.common-title-block .border-frame .relative::after{
  content:'';
  position: absolute;
  width:2.7vw;
  height:1.87vw;
  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:-3.3vw;
}

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

.common-title-block .msg{
  font-weight: bold;
  font-size: min(3.5vw, 50px);
  line-height:1.5;
  position: relative;
  min-width:50vw;
  max-width:720px;
  width:fit-content;
  margin:0 auto;
  text-align: center;
}

.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.jpg);
}

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

.kokka-section2 .flex{
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}

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

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

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

}

.kokka-section2 .box .link{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #66BF9B;
  margin:32px auto 0;
  max-width: 400px;
  max-height: 80px;
  border-radius: 100px;
  width: 31.746vw;
  height: 6.349vw;
  font-size: min(2.381vw, 30px);
  font-weight: 700;
  line-height: 1;
  color:#fff;

}

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

.kokka-section2 .box li .left,
.kokka-section2 .box li .right{
  border:1px solid #000;
  padding:24px 12px;
  display: flex;
  align-items: center;
  font-size: min(1.25vw, 18px);
  font-weight: 700;
  line-height: 1.5;
}

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

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

.kokka-section2 .box li .right{
  width:calc(67% - 6px);
}

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

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

.kokka-section3 .price-frame1{
  margin:72px auto 30px;
}

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

.kokka-section3 .price1{
  width:100%;
  
}

.kokka-section3 .price2{
  width:100%;
}

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

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

.kokka-section3 .price-text2{
  margin:48px 0;
  font-size: min(2.778vw, 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;
  margin-top: 120px;
}

.kokka-section4 .box{
  position: relative;
  width:47.6%;
  border-radius: 30px;
  border:3px solid #000;
  /* padding:10% 5% 4%; */
  padding:10% 0 4%;
}

.kokka-section4 .box .num{
  position: absolute;
  width:26.7%;
  left:0;
  right:0;
  margin:auto;
  bottom:78%;
}

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

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

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

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

.kokka-section5 table{
  table-layout: fixed;
  width:100%;
  border-collapse: collapse;
}

.kokka-section5 table th,
.kokka-section5 table td{
  padding:24px 12px;
  border:1px solid #D9D9D9;
  font-size: min(1.5vw, 18px);
  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: 6px;
  display: flex;
  justify-content: space-between;
}

.kokka-section5 li .left,
.kokka-section5 li .right{
  border:1px solid #000;
  padding:12px 3%;
  display: flex;
  align-items: center;
  font-size: min(1.25vw, 18px);
  font-weight: 700;
  line-height: 1.5;
}

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

.kokka-section5 li .right{
  width:calc(71% - 6px);
}

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

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

.kokka-section6 .head-block{
  position: relative;
  padding:24px 0;
  font-size: min(1.25vw, 18px);
  font-weight: 700;
  line-height: 1.3;
  color:#fff;
  display: flex;
}

.kokka-section6 .head-block::before{
  content:"";
  width:100vw;
  height:100%;
  background-color: #000000;
  position: absolute;
  z-index:-3;
  top:0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

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

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

.kokka-section6 .info-block::before{
  content:"";
  width:100vw;
  height:100%;
  background-color: #DFEFE2;
  position: absolute;
  z-index:-3;
  top:0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

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

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

.kokka-section6 .info-block .info-text2 a{
  color:#5882EC;
}

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

.kokka-section6 .info-block .left,
.kokka-section6 .info-block .right{
  width:50%;
  display: flex;
  align-items: center;
}

.kokka-section6 .info-block .flex .green-title-box{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 9%;
  max-width: 70px;
  max-height: 200px;
  width: 4.861vw;
  height: 13.889vw;
  background-color: #66BF9B;
  font-size: min(1.25vw, 18px);
  font-weight: 700;
  line-height: 1.5;
  color:#fff;

}

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

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

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

.kokka-section6 .info-block .flow-list{
  display: flex;
  justify-content: center;
  gap:0 3%;
}

.kokka-section6 .info-block .flow-block{
  width:22%;
  position: relative;
  padding:72px 8px 48px;
  padding:6% 1% 4%;
  border:3px solid #000;
  border-radius: 30px;
  background-color: #fff;
}

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

.kokka-section6 .info-block .flow-block .num{
  width:32%;
  position: absolute;
  top:-28%;
  left:0;
  right:0;
  margin:auto;
}




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

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

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

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

.operation-section2 .flex{
  display: flex;
  justify-content: space-between;
  margin-top: 150px;
}

.operation-section2 .box{
  width:47.6%;
  position: relative;
  border:3px solid #000;
  border-radius: 30px;
  padding:8% 5% 3%;
}

.operation-section2 .box .num{
  width:26.7%;
  position: absolute;
  left:0;
  right:0;
  margin:auto;
  bottom:88%;
}

.operation-section2 .box img{
  width:100%;
  margin-bottom: 30px;
}

.operation-section2 .box .curriculum_title{

  font-size: clamp(20px, 1.736vw, 25px);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 32px;
}

.operation-section2 .box .curriculum_text{
  font-size: clamp(13px, 1.111vw, 16px);
  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: min(3.472vw, 50px);
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  align-items: flex-end;
}

.operation-section3 ul li span{
  font-size: min(1.72vw, 25px);
  display: inline-block;
  padding-left: 12px;
  padding-bottom: 12px;
}

.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;
}

.operation-section4 .flex .left{
  width:350px;
  margin-right: 80px;
  margin-right: 6%;
}

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

.operation-section4 .flex .right .p1{
  margin-bottom: 40px;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
}

.operation-section4 .flex .right .p2{
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

.operation-section4 .flex .right .p3 .tel{
  pointer-events: none;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: underline;
  color:#000;
}

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

.operation-section5 ul{
  margin-top: 72px;
}

.operation-section5 ul li{
  display: flex;
  flex-wrap: wrap;
  /* gap:4px 4px; */
}

.operation-section5 li .box{
  padding:24px 3.5%;
  border:1px solid #D9D9D9;
  font-size: clamp(15px, 1.25vw, 18px);
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 4px;
}

.operation-section5 ul li .left{
  width:28%;
  text-align: center;
  margin-right: 4px;
}

.operation-section5 ul li .right{
  width:calc(72% - 4px);
}

.operation-section5 .link{
  margin:100px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 420px;
  max-height: 80px;
  border-radius: 100px;
  background-color: #66BF9B;
  width: 29vw;
  height: 5.556vw;
  font-size: min(2vw, 30px);
  font-weight: 700;
  line-height: 1;
  color:#fff;
}







/*JUIDA 民間資格コース*/

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



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

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

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

.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: 2.5vw;
}

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

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

.juida-section3 .bg-flex .drone-bg::before{
  content:'';
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:-10;
}

.juida-section3 .bg-flex .drone-bg1::before{
  background:url('../img/juida/juida-bg1.jpg');
  background-position: center;
  background-size: cover;
}

.juida-section3 .bg-flex .drone-bg2::before{
  background:url('../img/juida/juida-bg2.jpg');
  background-position: center;
  background-size: cover;
}

.juida-section3 .circle-flex{
  display:flex;
  margin-top: -11.4vw;
  margin-bottom: 1.67vw;
  justify-content: center;
  position: relative;
}

.juida-section3 .circle-flex img.content-text{
  position: absolute;
  z-index:3;
  left:0;
  right:0;
  margin:auto;
  top: 9vw;
  width:9.4vw;
}

.juida-section3 .circle{
  width:39vw;
  height:39vw;
  border-radius:50%;
  position: relative;
}

.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:11.4vw;
  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) 11.4vw, rgba(102,191,155,0.4) 11.4vw, rgba(102,191,155,0.4) 100%);
}

.juida-section3 .green-circle::after{
  content:"";
  width:100%;
  height:100%;
  border-radius:50%;
  background: linear-gradient(to bottom, rgba(102,191,155,0.4) 0%, rgba(102,191,155,0.4) 11.4vw, #fff 11.4vw, #fff 100%);
  top:0;
  left:0;
  position:absolute;
  z-index:-7;
}

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

.juida-section3 .blue-circle::after{
  content:"";
  width:100%;
  height:100%;
  border-radius:50%;
  top:0;
  left:0;
  position:absolute;
  z-index:-5;
  background: linear-gradient(to bottom, rgba(41,168,223,0.4) 0%, rgba(41,168,223,0.4) 11.4vw, #fff 11.4vw, #fff 100%);
}

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

.juida-section3 .circle .head p{
  text-align: center;
  align-self: center;
  white-space:nowrap;
  font-weight: bold;
  font-size: 3.5vw;
  line-height:3.64vw;
}

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

.juida-section3 .circle .body p.text{
  white-space:nowrap;
  text-align: center;
  font-size: 1.7vw;
  line-height:3.1vw;
  margin-bottom: 1.5vw;
  font-weight: 700;
}

.juida-section3 .circle .body .box{
  width: 27vw;
  height:5.8vw;
  display:flex;
  justify-content:center;
  background: rgba(0,0,0,0.4);
  border-radius: 2.9vw;
  margin: auto;
}

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

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

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

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

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

.juida-section4::before{
  content:"";
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:2.1vw;
  background: #d4cfb2;
}

.juida-section4::after{
  content:"";
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2.1vw;
  background: #d4cfb2;
}

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

.juida-section4 p{
  margin-bottom: 3vw;
  text-align: center;
  font-size: 1.1vw;
  line-height:1.9vw;
}

.juida-section4 img.juida{
  display: block;
  margin:auto;
  width:51vw;
}

.juida-section5{
  padding:4.1vw 0 9vw;
  background:#f0f2f0;
}

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

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

.juida-section5 .flex{
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
}

.juida-section5 .flex .box{
  width:20.8vw;
  /* height:22vw; */
  background:#ffffff;
  border:3px solid #000;
  border-radius: 1vw;
  position: relative;
  display: flex;
  padding-top: 6.7vw;
  padding-bottom: 1.5vw;
  justify-content:center;
}

.juida-section5 .flex .box .head{
  width:9.2vw;
  height:9.2vw;
  border-radius: 50%;
  border: 4px solid #000;
  display: flex;
  justify-content: center;
  background-color: #66bf9b;
  position: absolute;
  left:0;
  right:0;
  top:-4vw;
  margin:auto;
}

.juida-section5 .flex .box .head .child{
  align-self: center;
  display: flex;
  justify-content:center;
  width:7.3vw;
  height:7.3vw;
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 50%;
}

.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: 4.2vw;
  /* line-height: 4.2vw; */
  /* line-height: 1.67vw; */
  font-family: "Futura-CondensedExtraBold", 'Futura', sans-serif;
  font-stretch: condensed;
  font-weight: bold;
}

.juida-section5 .flex .box .head .child p span.day{
  font-size: 1.67vw;
  /* line-height: 4.2vw; */
  font-weight: bold;
  padding-bottom: 1vw;
}

.juida-section5 .flex .box .body{

}

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

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

}

.juida-section5 .flex .box .body ul li{
  margin-bottom: 0.9vw;
  font-size: 0.83vw;
  line-height:1.45vw;
  padding-left: 2vw;
  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 span::after{
  content:'(予定)';
  position: absolute;
  font-size: 100%;
  line-height:100%;
  font-weight: bold;
  bottom:-80%;
  left:0;
  white-space: nowrap;
}

.juida-section5 .flex .box .body ul li::before{
  content:'';
  width:1.3vw;
  height:1.3vw;
  position: absolute;
  left:0;
  top:0.1vw;
  background: url("../img/time-icon.png");
  background-position: center;
  background-size: cover;
}

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

.juida-section5 .flex .img-block{
  display: flex;
}

.juida-section5 .flex  img.angle{
  width:1.4vw;
  align-self: center;
}

.juida-section6{
  padding:60px 0 120px;
}

.juida-section6 .link{
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 auto;
  width: 27.778vw;
  height: 6.944vw;
  border-radius: 100px;
  background-color: #66BF9B;
  color:#fff;
  font-size: 2.083vw;
  font-weight: 700;
  line-height: 1;


}


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

.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: 80px;
}

.agrichemical-section2 ul li{
  width:31.5%;
}

.agrichemical-section2 ul li img{
  width:100%;
  margin-bottom: 24px;
}

.agrichemical-section2 ul li .merit-title{
  font-size: 1.736vw;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

.agrichemical-section2 ul li .merit-text{

  font-size: min(1.15vw, 16px);
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0em;
  text-align: center;
  white-space: nowrap;
}

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

.agrichemical-section3 p{
  font-size: min(1.3vw, 16px);
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  margin-top: 64px;
}

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

.agrichemical-section4 .p1{
  text-align: center;
  font-size: min(3.472vw, 50px);
  line-height: 1.4;
  font-weight: 700;
  margin-top: 64px;
  margin-bottom: 24px;
}

.agrichemical-section4 .p1 span{
  font-size: min(1.7vw, 25px);
}

.agrichemical-section4 .p2{
  font-size: min(1.3vw, 16px);
  font-weight: 700;
  line-height: 2;
  text-align: center;
}

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

.agrichemical-section5 ul{
  margin-top: 120px;
  display: flex;
  justify-content: space-between;
}

.agrichemical-section5 ul li{
  width:32%;
  border-radius: 30px;
  border:3px solid #000;
  position: relative;
  padding-top: 8%;
  padding-bottom: 3%;
}

.agrichemical-section5 ul li .num{
  width:30%;
  /* bottom:332px; */
  bottom:84%;
  border-radius: 50%;
  position: absolute;
  left:0;
  right:0;
  margin:auto;
}

.agrichemical-section5 ul li .flow-title{
  font-size: min(1.7vw, 25px);
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 24px;
}

.agrichemical-section5 ul li .flow-text{
  font-size: min(1vw, 15px);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  white-space: 0;
}

.agrichemical-section5 ul li .link{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #66BF9B;
  margin:40px auto 0;
  max-width: 280px;
  max-height: 60px;
  border-radius: 100px;
  width: 19.444vw;
  height: 5.903vw;
  font-size: min(1.667vw, 24px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
  color:#fff;
}

.grecaptcha-badge { visibility: hidden; }