/*==========================================
 all
===========================================*/
*:focus {
outline: none;
}
body{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #472424;
  font-size: 1rem;
  font-weight: 100;
  -webkit-text-size-adjust: none;/*iphoneの横向きの文字拡大制御*/
  margin:0;
}
*{
  font-style: normal;
}
*{
  font-style: normal;
}
h1,h2,h3,h4,h5,p,a,li,td.fs_r,dt,dd,th,td{
  font-size: 1rem;
  line-height: 1.7rem;
  font-weight: 100;
  color: #000;
}
.fs_ss{
  font-size: 0.7rem;
  line-height: 1.2rem;
}
.fs_s{
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.fs_m{
  font-size: 1.2rem;
  line-height: 2rem;
}
.fs_l{
  font-size: 1.5rem;
  line-height: 2.5rem;
}
.fs_ll{
  font-size: 1.7rem;
  line-height: 2.5rem;
}
.fw_l{
  font-weight: 700;
}
.fw_s{
   font-weight: 100; 
}
.m_color{
  color: #8f0038;/*ワインレッド*/
}
:root {
  --red: #8f0038;/*ワインレッド*/
}
.mgt_50{
  margin-top: 50px;
}
.br_on{
  display: block;
}
.br_off{
  display: none;
}
a:hover{
  opacity: 0.7;
}
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/**********                    *********************************************************************/
/**********   **************   ********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********   **************   *********************************************************************/
/**********                    **********************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/*==========================================
 全体のcss 0 
===========================================*/
/*リキャプチャー非表示*/
.grecaptcha-badge{
  visibility: hidden !important;  /* or display:none; */
}
.top_back::before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  background: url(../images/top/bg_sky.jpg) 75% 0 no-repeat; 
  background-size: cover;
  -webkit-background-size cover;

  width: 100%;
  height: 100%;
  /*opacity: 0.6;*/
}
.inner{
  width: 90%;
  margin: 0 auto;
}
/*==========================================
 header 0 
===========================================*/
header {
  position: fixed;  
  z-index: 1000000;
  width: 100%;
}
header .inner{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  /*background: rgba(255,255,255,0.7);*/
  background-color: #8f0038;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: flex;
  justify-content: space-between;
}
header .nav_zone{
  padding: 7px 0;
  padding-left: 10px;
}
header .nav_zone img{
  width: 250px;
  height: auto;
  vertical-align: bottom;
}
header .btn_zone{
  background-color: #000;
  border-bottom-right-radius: 10px;
  padding: 7px 0;
  padding-right: 7px;
  width: 40px;
}
header .btn_zone .menu{
  width: 30px;
  margin: 0 auto;
}
header .btn_zone .menu img{
  width: 100%;
  height: auto;
}
/***************** lower common  0 *******************/
.lower_top_inner{
  background: url(../images/top/lower_visual.jpg) 50% 10% no-repeat;
  background-size: cover;
  width: 100%;
  height: 150px;
  height: auto;
  text-align: center;
  position: relative;
  z-index: 1;
}
.lower_top_inner:after{
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height:100%;
  top: 0;
  left: 0;
  background-color: white;
  opacity: 0.5;
}
.lower_top .page_title{
  font-family: 'Roboto Condensed', sans-serif;
  color: #000;
  font-size: 2rem;
  padding: 60px 0 10px 0;
  position: relative;
  z-index: 3;
}
.lower_top .page_title span{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1rem;
}
/***************** #side_btn 0  *******************/
#side_btn{
  z-index: 200000;
  position: fixed;
  bottom: 18%;
  right: 0%;
}
#side_btn .btn_zone{
  background-color: #f7b52c;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 7px 0;
  padding-right: 4px;
  width: 40px;

}
#side_btn .btn_zone .menu{
  width: 30px;
  margin: 0 auto;
}
#side_btn .btn_zone .menu li{
  padding-top: 10px;
}
#side_btn .btn_zone .menu img{
  width: 100%;
  height: auto;
}
/***************** #nav-drawer 0  *******************/
#nav-drawer {
  /*position: relative;*/
  position: absolute;
  top: 8px;
  right: 10px;
}
/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}
/*アイコンのスペース*/
#nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
}
/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 4px;/*線の太さ*/
    width: 30px;/*長さ*/
    border-radius: 50%;
    background: #EFC930;
    display: block;
    content: '';
    cursor: pointer;
}
#nav-open span:before {
    bottom: -10px;
}
#nav-open span:after {
    bottom: -20px;
}
/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}
/*中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;/*最前面に*/
    width: 70%;/*右側に隙間を作る*/
    max-width: 300px;/*最大幅*//*330px*/
    height: 100%;
    background: rgba(0,0,0,0.7);/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);/*左に隠しておく*/
    padding: 20px;
}
#nav-content ul{
  background-size: 50px auto;
  background: url(../images/icon/menu_drone.png) 50% 20px no-repeat;
  background-size: 100px auto;
  background-color: #EFC930;
  padding: 10px;
  border-radius: 10px;
  padding-top: 80px;

}
#nav-content ul li{
  margin: 20px 0;
  text-align: center;
}
#nav-content .entry a,
#nav-content .contact a{
  text-decoration: none;
  background-color: #000;
  color: #EFC930;
  padding: 2px 10px;
  border-radius: 10px;
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
}
#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

header .btn_zone .menu{
  display: none;
}
/*==========================================
 main_image 0 
===========================================*/
/**************** event ****************/
.event_x1{
  transition: 1s;
  opacity: 0;
  transform: translate(0,150px); 
  -webkit-transform: translate(0,150px);  
}
.event_x1_after{
  opacity: 1.0;
  transform: translate(0,0); 
  -webkit-transform: translate(0,0);
}
.event_y1{
  transition: 1.5s;
  opacity: 0;
  transform: translate(10px,0); 
  -webkit-transform: translate(10px,0);   
}
.event_y1_after{
  opacity: 1.0;
  transform: translate(0,0); 
  -webkit-transform: translate(0,0);
}
/**************** main_visual  0 ****************/
.main_visual .slide_inner img{
  width: 100%;
  height: auto;
}

/**************** slide_area  0 ****************/
/*
.main_image_1 .slide_inner{
  background: url(../images/top/slide_1_picture.jpg) no-repeat;
}
.main_image_2 .slide_inner{
  background: url(../images/top/slide_2_picture.jpg) no-repeat;
}
.main_image_3 .slide_inner{
  background: url(../images/top/slide_3_picture.jpg) no-repeat;
}
.main_image_4 .slide_inner{
  background: url(../images/top/slide_4_picture.jpg) no-repeat;
}
.main_image_5 .slide_inner{
  background: url(../images/top/slide_5_picture.jpg) no-repeat;
}
*/
/*==========================================
top 0 
===========================================*/
.top .title_en,
.footer_information .title_en {
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 20px;
  line-height: 1;
  font-size: 2.5rem;
}
.top .title_jp,
.footer_information .title_jp{
  font-family: 'Noto Sans JP', sans-serif;
  padding-left: 20px;
}
.top .course_list .border,
.top .feature .border{
  width: 200px;
  border-bottom: 1px solid #000; 
}
.footer_information .border{
  width: 300px;
  border-bottom: 1px solid #000; 
}
/******************* cta  0 ***************************/
.top_cta{
  background-color: #000;
  padding: 5px 0;
  text-align: center;
}
.top_cta p{
  color: #fff;
  font-weight: bold;
}
.top_cta p strong{
  color: #F8B62B;
  font-size: 1.5rem;

}
.top_cta_btn{
  /*text-align: right;*/
}
.top_cta_btn a{
  background-color: #F8B62B;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  padding: 3px  10px;
  border-radius: 50px;
}
.top_cta_btn a:before{
  content: "";
  display: inline-block;
  background: url(../images/top/drone_black.svg) no-repeat;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  vertical-align: -6px;
  margin-right: 5px;
}
/******************* course_list  0 ***************************/
.top .course_list{
  padding-top: 50px;
  background-color: #fff;
}
.top .course_list ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px 0;
}
.top .course_list ul li{
  text-align: center;
  width: 100%;
  margin: 10px 0;
}
.top .course_list ul li a{
  display: block;
  text-decoration: none;
}
.top .course_list ul li a:hover{
  opacity: 0.7;
}
.top .course_list ul li h3 span{
  display: inline-block;
  background-color: #fff;
  color: var(--red);
  line-height: 1;
  padding: 3px 20px 4px;
  border-radius: 50px;
}
.top .course_list .course_title_jp{
  font-family: 'Noto Sans JP', sans-serif;
  color: #fff;
  padding-top: 2px;
  padding-bottom: 2px;
  align-items: center;
  background: url(../images/top/drone_small_w.png) 1% 15% no-repeat;
  background-size: 40% auto;
  background-color: #8f0038;
}
.top .course_list .course_4 .course_title_jp{
  padding: 20px 0;
}
.top .course_list .course_title_en{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 2rem;
  color: #fff;
  opacity: 1;

  left: 0;
  right: 0;
  position: relative;
}

.top .course_list .course_title_en{
  background-color: #000;
}
.top .course_list .course_1 .course_title_en{
  color: #008ccf;/*036EB8 元*/
}
.top .course_list .course_2 .course_title_en{
  color: #00a53c;/*00913A 元*/
}
.top .course_list .course_3 .course_title_en{
  color: #F8B62B;
}
.top .course_list .course_4 .course_title_en{
  color: #eb6ea5; /*ピンク*/
}
.top .course_list .course_1 .course_title_en:after{
  content:"";
  display: inline-block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #008ccf;
  margin-left: 15px;
  position: absolute;
  top: 30%;
}
.top .course_list .course_2 .course_title_en:after{
  content:"";
  display: inline-block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #00913A;
  margin-left: 15px;
  position: absolute;
  top: 30%;
}

.top .course_list .course_3 .course_title_en:after{
  content:"";
  display: inline-block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #F8B62B;
  margin-left: 15px;
  position: absolute;
  top: 30%;
}

.top .course_list .course_4 .course_title_en:after{
  content:"";
  display: inline-block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #eb6ea5;
  margin-left: 15px;
  position: absolute;
  top: 30%;
}
/******************* feature 0  ***************************/
.top .feature{
  padding: 100px 0;
}

.top .feature .inner{
  padding-top: 30px;
}
.top .feature h3{
  margin-bottom: 20px;
}
.top .feature .lead{
  margin-bottom: 30px;
}
.top .feature ul li{
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url(../images/top/feature_1.svg);
  background-position: 95% 95%;
  background-repeat: no-repeat;
  background-size: 70px 70px;
  padding: 20px 20px 40px 20px;
  border-radius: 20px;
  margin-bottom: 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,.30);
}
.top .feature ul li:nth-child(2){
  background-image: url(../images/top/feature_2.svg);
}
.top .feature ul li:nth-child(3){
  background-image: url(../images/top/feature_3.svg);
}
.top .feature ul li:nth-child(4){
  background-image: url(../images/top/feature_4.svg);
}
.top .feature ul li:nth-child(5){
  background-image: url(../images/top/feature_5.svg);
}
.top .feature ul li:nth-child(6){
  background-image: url(../images/top/feature_6.svg);
}
.top .feature ul li h4{
  color: var(--red);
  font-weight: bold;
  font-size: 1.2rem;
  font-feature-settings: "palt" 1;
  margin-bottom: 10px;
}
.top .feature ul li .catch{
  background-color: var(--red);
  color: #fff;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 10px;
}
.top .feature ul li .corse_name{
  color: var(--red);
  font-weight: bold;
  border-bottom: 1px solid var(--red);
}
/******************* footer_information 0  ***************************/
.footer_information{
  background-color: var(--red);
  padding: 30px 0;
}
.footer_information .title_jp{
  color: #fff;
}
.footer_information ul{
  padding: 30px 0;
}
.footer_information ul li{
  margin-bottom: 20px;
}
.footer_information ul li:last-child{
  margin-bottom: 0;
}
.footer_information ul li a{
  text-decoration: none;
}
.footer_information ul li .frame{
  position: relative; /* 擬似要素の基準 */
  overflow: hidden;   /* はみ出し防止 */
  padding: 20px ;
}
/* 半透明の白レイヤー */
.footer_information ul li .frame::before{
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0; */
  background: rgba(255, 255, 255, 0.6);
  z-index: 1;
}
.footer_information ul li .frame h3,
.footer_information ul li .frame p{
  position: relative;
  z-index: 2;
}
.footer_information ul li:first-child .frame{
  background: url(../images/top/info_1.jpg) 50% 50%  no-repeat;
  background-size: cover;
}
.footer_information ul li:nth-child(2) .frame{
  background: url(../images/top/info_2.jpg) 50% 50%  no-repeat;
  background-size: cover;
}
.footer_information ul li:nth-child(3) .frame{
  background: url(../images/top/info_3.jpg) 50% 50%  no-repeat;
  background-size: cover;
}
.footer_information ul li .frame h3{
  color: var(--red);
  font-size: 2rem;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  margin-bottom: 50px;
}
.footer_information ul li .frame p{
  font-weight: bold;
}
.footer_information ul li .page_contents{
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
}
.footer_information ul li .page_contents:after{
  content: "";
  display: inline-block;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid #fff;
  vertical-align: -2px;
  margin-left: 5px;
}
/*==========================================
lower common 0 
===========================================*/
.lower{
  background-color: #fff;
  padding-top: 20px;
}
.lower .title_jp{
  font-family: 'Noto Sans JP', sans-serif;
  padding-left: 20px;
}
/*==========================================
guidance 0 
===========================================*/
.guidance .title_en{
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 20px;
  line-height: 1;
  font-size: 2.5rem;
}
.guidance .title_jp{
  font-family: 'Noto Sans JP', sans-serif;
  padding-left: 20px;
  margin-bottom: 30px;
}
.guidance .border{
  width: 270px;
  border-bottom: 1px solid #000; 
}
.guidance .concept{
  margin-bottom: 50px;
}
.guidance .concept h2{
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 30px;
  font-size: 1.6rem;
  line-height: 2.5rem;
}
.guidance .concept .inner{
  background: url(../images/school/drone_back.png) 50% 20% no-repeat;
  background-size: 280px auto;
}
.guidance .table_wrap{
  overflow: auto;
  width: 100%;
  max-width: 1200px; 
  margin: 0 auto;
} 
.guidance table{
  width: 1200px;
  border-collapse: collapse;
  border: 1px solid #000;
}

.guidance table th,
.guidance table td{
  border: 1px solid #000;
  padding: 10px 12px;
  vertical-align: top;
  text-align: left;
}
.guidance table th{
  text-align: center;
  vertical-align: middle;
}
.guidance table thead th,
.guidance table thead th{
  font-weight: 700;
}
.guidance .photo_area{
  height: 200px;
  background: url(../images/guidance/bg_photo.jpg) 50% 50% no-repeat;
  background-size: 100% auto;
}
.guidance .flight_level{
  margin-bottom: 50px;
}
.guidance .license{
  margin-top: 30px;
  margin-bottom: 70px;  
}
.guidance .flight_level tr th,
.guidance .license .juida{
  background-color: #E2B3C7;
}
.guidance .license .certificate{
  background-color: #CAD3EA;
}
.guidance .flight_level .th_1,
.guidance .license .th_1{
  width: 13%;
}
.guidance .flight_level .th_2{
  width: 22%;
}
.guidance .flight_level .th_3{
   width: 16%; 
}
.guidance .flight_level .th_4{
   width: 16%; 
}
.guidance .flight_level .th_5{
   width: 16%; 
}
.guidance .flight_level .th_6{
   width: 16%; 
}
.guidance .flight_level .td_1{
  text-align: center; 
}
.guidance .license table td{
  text-align: center;
  vertical-align: middle;
}
.guidance td{
  line-height: 1.5;
}
.guidance td.level{
  background-color: #FEF4F8;
  background-image: url(../images/guidance/star_1.svg);
  background-repeat: no-repeat;
  background-position: 50% 35px;
  background-size: 150px 22px;
}
.guidance .flight_level td.level{
  padding-top: 25px;
  background-position: 50% 55px;
}
.guidance td.level._1{
  background-image: url(../images/guidance/star_1.svg);
}
.guidance td.level._2{
  background-image: url(../images/guidance/star_2.svg);
}
.guidance td.level._3{
  background-image: url(../images/guidance/star_3.svg);
}
.guidance td.level._4{
  background-image: url(../images/guidance/star_4.svg);
}
.guidance .license .level{
  line-height: 1.5;
}
.guidance .table_note{
  line-height: 1.5;
  text-indent: -1rem;
  padding-left: 1rem;
}
.guidance sup {
  font-size: 0.7em;
  vertical-align: super;
}
/*==========================================
course 0 
===========================================*/
.course section:last-child{
  padding-bottom: 50px;
}
.course section:nth-child(n+2){
  padding-top: 50px;
}
.course .title_en{
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 20px;
  line-height: 1;
  font-size: 2.5rem;
}
.course .border{
  width: 80%;
  border-bottom: 1px solid #000; 
}
.course .title_jp h2{
  font-family: 'Noto Sans JP', sans-serif;
  /*padding-left: 20px;*/
  font-size: 1.5rem;
  line-height: 2rem;
}
.course .course_point{
  background: url(../images/school/drone_back.png) 50% 50% no-repeat;
  background-size: 200px auto;  
  padding: 10px 0;
}
.course .course_point .point_txt{
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 10px;
  color: #333;
}
.course .course_point .example{
  font-weight: bold;
}
.course .course_point .example span{
  background-color: #000;
  color: #fff;
  padding: 3px 10px;
}
.course .course_detail_wrap{
  position: relative;
  background: rgba(192,192,192,0.8);
  width: 85%;
  padding: 5%;
  border-top: 4px solid #000;
}
.course .course_detail li{
  text-indent: -32px;
  padding-left: 32px;
  margin-bottom: 10px;
}
.course .course_detail .detail_no{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  background-color: #F8B62B; 
  padding: 4px 10px;
  border-radius: 15px;
  margin-right: 5px;
}
.course .course_detail li .hours{
  padding-left: 1rem;
  text-indent: -1rem;
}
.course .course_visual{
  width: 95%;
  margin-left: 5%;
  margin-top: -20px;
}
.course .course_visual img{
  width: 100%;
  height: auto;
}
.thumbnail{
  background-size: cover;
  background-position: center center;
  padding-top: 62.5%;
  width: 100%;
}
.course .course_cost{
  text-align: center;
}
.course .caution{
  color: #E60012;
  margin-bottom: 5px;
}
.course .course_name{
  color: #fff;
  line-height: 1.5;
  padding: 5px 0;
}
.course .course_money{
  background: rgba(0,0,0,0.7);
  background-color: #555;
  color: #fff;
}
.course .course_money.plus{
  padding-bottom: 5px;
}
.course .payment_rule{
  margin: 10px 0;
  text-align: left;
}
/******************* course_1  0 青　国土交通省　1等技能証明取得コース ******************/
.course .course_1 .title_jp h2,
.course .course_1 .title_jp p{
  color: #036EB8;
}
.course .course_1 .course_detail_wrap{
  background: rgba(3,110,184,0.2);
}
.course .course_1 .juida{
  display: inline-block;
  background-color: #333;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  padding: 2px;
  transform: skewX(-15deg);
  vertical-align: 5px;
  margin-left: 10px;
}
.course .course_1 .detail_no{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  background-color: #036EB8; 
  padding: 4px 10px;
  border-radius: 15px;
  color: #fff;
}
.course .course_1 .course_name{
  background-color: #036EB8;
}
.course .course_1 .course_cost_list:first-child{
  margin-bottom: 0px;
} 
/******************* course_2 0  緑　国土交通省　2等技能証明取得コース ******************/
.course .course_2 .title_jp h2,
.course .course_2 .title_jp p{
  color: #00913A;
}
.course .course_2 .course_detail_wrap{
  background: rgba(0,145,58,0.2);
}
.course .course_2 .detail_no{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  background-color: #00913A; 
  padding: 4px 10px;
  border-radius: 15px;
  color: #fff;
}
.course .course_2 .course_name{
  background-color: #00913A;
}
.course .course_2 .course_cost_list:first-child{
  margin-bottom: 0px;
} 
/*
.course .pro_course .title_jp{
  color: #036EB8;
}
.course .sp_course .title_jp{
  color: #C30D23;  
}
*/
/******************* course_3 0  黄　JUIDA認定資格「操縦技能証明」取得コース ******************/
.course .course_3 .title_jp h2,
.course .course_3 .title_jp p{
  color: #F8B62B;
}
.course .course_3 .course_detail_wrap{
  background: rgba(248,182,45,0.2);
}
.course .course_3 .detail_no{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  background-color: #F8B62B; 
  padding: 4px 10px;
  border-radius: 15px;
  color: #fff;
}
.course .course_3 .course_cost_list:first-child{
  margin-bottom: 20px;
} 
.course .course_3 .course_name{
  background-color: #F8B62B;
  color: #fff;
}



/******************* course_4 0  赤　ドローン体験コース ******************/
.course .course_4 .title_jp h2{
  color: #C30D23;  
}
.course .course_4 .course_detail_wrap{
  background: rgba(195,13,35,0.2);
}
.course .course_4 .detail_no{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  background-color: #C30D23; 
  padding: 4px 10px;
  border-radius: 15px;
  color: #fff;
}
.course .course_4 .course_name{
  background-color: #C30D23;
}
.course .course_4 .course_money{
  color: #fff;
  padding: 5px;
}
.course .course_4 .course_cost_list:first-child{
  margin-bottom: 0px;
} 
/******************* flow 0  ******************/
.course .entry_flow h2 span{
  background-color: #000;
  color: #fff;
  padding: 5px;
}
.course .entry_flow h2{
  line-height: 1;
  margin-bottom: -3px;
}
.course .entry_flow h3{
  line-height: 1.5rem;
  margin-bottom: 10px;
}
.course .entry_flow ol li h3 br{
  display: none;
}
.course .entry_flow ol{
  background-color: #eee;
  padding: 20px;
}
.course .entry_flow ol li{
  margin-bottom: 20px;
}
.course .entry_flow ol li h3,
.course .entry_flow ol li p{
  text-indent: -1rem;
  padding-left: 1rem;
}
.course .entry_flow_btn{
  text-align: right;
}
.course .entry_flow_btn a{
  background-color: #555;
  color: #fff;
  width: 150px;
  text-decoration: none;
  padding: 2px 5px;
  border-radius: 10px;
}
/*==========================================
staff 0 
===========================================*/
.staff .title_en{
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 20px;
  line-height: 1;
  font-size: 2.5rem;
}
.staff .border{
  width: 80%;
  border-bottom: 1px solid #000; 
}
.staff .title_jp{
  font-family: 'Noto Sans JP', sans-serif;
}
.staff .staff_point .point_txt{
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 10px;
  color: #333;
}
.staff .staff_point .point_txt br{
  display: none;
}
.staff .instructor{
  margin-top: 20px;
  padding-bottom: 50px;
}
.staff .instructor .license{
  margin: 5px 0;
}
.staff .instructor .license p{
  line-height: 1.5;
}
.staff .instructor_name{
  margin-bottom: 20px;
}
.staff .instructor h3{
  line-height: 1;
}
.staff .instructor img{
  width: 100%;
  height: auto;
}
.staff .instructor .profile_title{
  color: #888;

  border-bottom: 2px solid #8f0038;
}
.staff .instructor .profile_txt{
  margin-bottom: 20px;
}
.staff .instructor .instructor_profile dl dt{
  color: #8f0038;
  font-size: 0.8rem;
  line-height: 1;

}
.staff .instructor .instructor_profile dl dd{
  margin-bottom: 10px;
}
/*==========================================
company 0
===========================================*/
.company{
  padding-bottom: 50px;
}
.company .img_parent{
  width: 100%;
}
.company .img_child{
  width: 100%;
  padding-top: 56.25%;/*16:9*/
}
.company .title_en{
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 20px;
  line-height: 1;
  font-size: 2.5rem;
}
.company .border{
  width: 90%;
  border-bottom: 1px solid #000; 
}
.company .title_jp{
  font-family: 'Noto Sans JP', sans-serif;
  padding-left: 20px;
}
.company .profile{
  margin-bottom: 50px;
}
.company .profile .school_name_title{
  background-color: #eee;
  color: #777;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 10px;  
  margin-top: 20px
}
.company .profile h3{
  text-align: center;
  margin-bottom: 10px;
}
.company .profile ul li{
  margin: 20px 0;
}
.company .profile ul li img{
  width: 100%;
  height: auto;
}
.company .profile .division{
  background-color: #eee;
  color: #777;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 10px;
}
.company .profile table{
  width: 100%;
  text-align: left;
}
.company .profile table tr{
  border-bottom: 1px solid #ccc;
}
.company .profile table td{
  padding: 5px 0; 
}
.company .profile table .aska_group_logo{
  width: 120px;
  height: auto;
}
.company .profile table .td_1{
  width: 30%;
  color: #8f0038;
  font-size: 0.8rem;
}
.company .profile table .td_2{
  vertical-align: middle;
}
.company .map_middle_wrap{
  margin-top: 30px;
}
.company .map .visual ul li img{
  width: 100%;
  height: auto;
}
.company .map .visual ul li{
  margin-bottom: 10px;
}
.company .map .visual ul li .txt{
  line-height: 1;
  text-align: right;
}
.company .map .school_name{
   text-align: center;
   margin: 10px 0;
}
.company .map .school_name span{
  vertical-align: top;
  margin-left: -10px;
}
.company .map .school_place span{
  font-family: 'Roboto Condensed', sans-serif;
}
.company .map h4 span{
  border-bottom: 2px solid #8f0038;
}
.company .map .map_middle_inner{
  background-color: #eee;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 20px 0;
}
.company .map .map_middle_inner:last-child{
  margin-bottom: 0;
}
.company .map .visual{
  margin-top: 10px;
}
.company .map .traffic{
  background-color: #f7f8f8; 
  margin-top: 20px; 
  text-align: center;
  color: #ddd;
}
.company .map .access_list li{
   margin-top: 10px;
}
.company .map .ad_title{
  background-color: #f7f8f8; 
  margin-top: 20px; 
  text-align: center;
  color: #ddd;
}
.company .map .address{
  margin-bottom: 20px;
}
.company .map .school_map{
  position: relative;
    width: 100%;
    height: 0;
    padding-top: 33.33%;/*9:3*/
}
.company .map .school_map iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.company .map .detail .school_place{
  text-align: center;
  
}
.company .map .picture ul li img{
  width: 100%;
  height: auto;
}
.company .map .picture ul{
  margin-top: 20px;
}
.company .map .picture ul li .inner:first-child{
  margin-bottom: 10px;
}

/*==========================================
service 0 
===========================================*/
.service{
padding-bottom: 50px;
}

.service ul li{
  margin-bottom: 50px;
}
.service ul li:last-child{
  margin-bottom: 0;

}
.service ul li img{
  width: 100%;
  height: auto;
  border-bottom: 5px solid #EFC930;
}
/*==========================================
single 0 
===========================================*/
.single .blog_category{
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 20px;
  line-height: 1;
  font-size: 2.5rem;
}
.single .border{
  width: 80%;
  border-bottom: 1px solid #000; 
}
.single .blog_date{
  font-family: 'Noto Sans JP', sans-serif;
  padding-left: 20px;
}
.single .blog_title{
  margin-top: 10px;
  font-family: 'Noto Sans JP', sans-serif;
}
.single .blog_txt{
  margin-top: 20px;
  padding-bottom: 50px;
}

.single .news_column{
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.single .news_column .title_en{
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 20px;
  line-height: 1;
  font-size: 2.5rem;
  color: #fff;
}
.single .news_column .title_box{
  background-color: #8f0038;
  padding: 20px 0;
}
.single .news_column .title_jp{
  color: #fff;
} 
.single .news_column .border{
  width: 90%;
  border-bottom: 1px solid #fff; 
}
.single .news_column ul{
  margin-top: 20px;
  height: 200px;
  overflow: auto;
}
.single .news_column ul li{
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  padding-right: 30px;
}
.single .news_column ul li a{
  text-decoration: none;
}
.single .news_column ul li a .nc_top{
  font-family: 'Roboto Condensed', sans-serif; 
  display: flex;
}
.single .news_column ul li a .nc_date{
  font-size: 1.2rem;
}
.single .news_column ul li a .nc_category span{
  background-color: #8f0038;
  color: #fff;
  padding: 0 5px;
  margin-left: 10px;
}
/*==========================================
entry
===========================================*/
.entry .caution{
  text-align: center;
}
.entry .button{
  display: inline-block;
  text-decoration: none;
  background-color: #428bca;
  border: 1px solid #357ebd;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  padding: 7px 80px;
  cursor: pointer;


}
/*==========================================
terms 0
===========================================*/
.terms{
  background-color: #eee;
  padding: 10px;
}
.terms section{
  margin-bottom: 60px;
}
.terms section:last-child{
  margin-bottom: 0;
}
.terms p{
  margin-bottom: 16px;
  line-height: 1.4rem;
}
.terms li{
  margin-bottom: 10px;
  line-height: 1.4rem;
}
.terms .top h1{
  text-align: center;
  margin-bottom: 30px;
}
.terms h2{
  margin-bottom: 15px;
}
.terms .school_course h3{
  display: inline-block;
  border: 1px solid #000;
  padding: 0 10px;
  margin: 10px 0;
}
.terms .contents{
  background-color: #fff;
  border-radius: 20px;
  padding-bottom: 20px;
}
.terms .top{
  margin-bottom: 60px;
}
.terms .top .school_name{
  text-align: center;
  padding: 20px 0;
}
.terms .top .school_name img{
  width: 250px;
  height: auto;
}
.terms .fc_red{
  color: red;
}
.terms .return_btn{
  text-align: center;
  margin: 30px;
}
.terms .return_btn_a{
  display: inline-block;
  text-align: center;
  background-color: #fff;
  border: 1px solid #888;
  padding: 15px 40px;
  text-decoration: none;
  border-radius: 10px;
}
/*==========================================
  contact entry 0 
===========================================*/
main.entry{
  padding-bottom: 50px;
}
/******************* contact form 7 **********************/
.contact .inner{
  width: 90%;
  margin: 0 auto;
  padding: 20px 0 50px 0;
}
.contact .top_txt{
  margin-bottom: 10px;
}
.contact .acceptance{
  margin-bottom: 20px;
  text-align: center;
}
.contact .acceptance .wpcf7-list-item{
  margin-left: 0;
}
.wpcf7 p{
  margin: 5px 0;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 textarea{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    color: #000;
    width: 95%;
    border: 1px solid #aaa;
    border-radius: 3px;
    font-size: 1rem;
    padding: 10px;
}
.wpcf7 select{
  width: 97%;
  border: 1px solid #aaa;
  border-radius: 3px;
  font-size: 1rem;
  padding: 10px;
  padding-right: 20px;
}
.contact dl,
.entry dl{
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.wpcf7 .checkbox{
  padding-top: 10px;
}
.contact .flex_x,
.entry .flex_x{
  display: flex;
  align-items: center;
}
.contact .flex_2,
.entry .flex_2{
  display: flex;
}
.contact .flex_2 .w_50:first-child,
.entry .flex_2 .w_50:first-child{
  margin-right: 20px;
}
.contact .w_50,
.entry .w_50{
  width: 45%;
}
.contact .w_30,
.entry .w_30{
  width: 30%;
}
.wpcf7 .required{
  font-size: 0.7rem;
  background-color: #ff0000;
  color: #fff;
  padding: 2px 5px;
  vertical-align: top;
  margin-left: 5px;
  border-radius: 2px;
}
.wpcf7 p input[type="submit"]{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #4288ca;
  color: #fff;
  font-size: 1rem;
  padding: 10px 0;
  border-radius: 5px;
  display: block;
  width: 300px;
  margin: 0 auto;

}
.wpcf7 p input[type="submit"]:hover{
  opacity: 0.7;
  cursor: pointer;
}
.wpcf7-form-control .wpcf7-list-item{
  display: block;
  margin-left: 0;
}
.wpcf7 .btn{
  text-align: center;
}
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors,
.wpcf7 .wpcf7-response-output.wpcf7-acceptance-missing{
  color: red;
  border: none;
  text-align: center; 
  line-height: 30px;
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok{
  border: none;
  text-align: center;
  line-height: 30px;
  margin-bottom: 100px;
}
.wpcf7 .wpcf7-form.sent ul{
  display: none;
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent
.form .wpcf7-response-output{
  line-height: 25px;
  color: red;
  border: none;
}
.wpcf7 span.wpcf7-not-valid-tip{
  font-size: 13px;
  line-height: 20px;
}
.wpcf7 .course_caution{/*.wpcf7 .course dd .course_caution*/
  padding: 0;
  font-size: 0.8rem;
  line-height: 1rem;
}
.wpcf7-form-control-wrap.juida_pay_check .wpcf7-form-control,
.wpcf7-form-control-wrap.special_pay_check .wpcf7-form-control{
  display: flex;
}
.wpcf7-form-control-wrap.juida_pay_check .wpcf7-list-item.first,
.wpcf7-form-control-wrap.special_pay_check .wpcf7-list-item.first{
  margin-right: 20px;
}
/* Chrome, Safari */
::-webkit-input-placeholder{
    color: #ccc;
}
/* Firefox */
::-moz-placeholder{
    color: #ccc;
}
/* Firefox 18以前 */
:-moz-placeholder{
    color: #ccc;
} 
/* IE */
:-ms-input-placeholder{
    color: #ccc;
}
/*==========================================
footer 0 
===========================================*/
footer .btn_zone .menu{
  width: 30px;
  margin: 0 auto;
}
footer .btn_zone .menu img{
  width: 100%;
  height: auto;
}
footer .footer_nav ul{
  background-color: #000;

  text-align: center;
}
footer .footer_nav ul li{
  display: inline-block;
  margin: 0 10px;
  padding: 5px 0;
}
footer .footer_nav ul li a{
  color: #fff;
  text-decoration: none;
}
footer .footer_nav ul li a:after{
  content: ">";
  font-size: 1.2rem;
  margin-left: 5px;
}
footer .footer_info{
  background-color: #DCDDDD;
}
footer .footer_info .aska_group{
  text-align: center;
  padding: 20px 0;
}
footer .footer_info .school_name img{
  width: 300px;
  height: auto;
}
footer .footer_info .group_logo img{
  width: 150px;
  height: auto;
  vertical-align: bottom;
}
footer .footer_info .docnars_info{
  padding-bottom: 20px;
}
footer .footer_info .docnars_info p{

}
footer .footer_info .info_title{
  background-color: #8f0038;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}
footer .footer_info .info_title br{
  display: none;
}
footer .footer_info .company_name{
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 1.4rem;

}
footer .footer_info .tel_no{
  margin-bottom: 5px;
}
footer .footer_info .tel_no .saigou{
  font-size: 1.2rem;
  line-height: 1rem;
  vertical-align: top;
}  
footer .footer_info .add{
   margin-bottom: 5px; 
}
footer .footer_info .url{
  letter-spacing: 1px;
}
footer .copy{
  background-color: #ccc;
  text-align: center;
}
.grecaptcha-badge{
  bottom: 0px !important;
}
/*ここに0px用の閉じタグを設置しない*/
/* tablet向けレイアウトの指定：768px以上 */
@media only screen and (min-width: 768px) {
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/**********                    ******                    ******                    *****************/
/***************************   ******   ***********************   **************   *****************/
/*************************   ********   ***********************   **************   *****************/
/************************   *********   ***********************   **************   *****************/
/***********************   **********   ***********************   **************   *****************/
/**********************   ***********                    ******                    *****************/
/*********************   ************   **************   ******   **************   *****************/
/********************   *************   **************   ******   **************   *****************/
/*******************   **************   **************   ******   **************   *****************/
/******************   ***************   **************   ******   **************   *****************/
/*****************   ****************                    ******                    *****************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/*==========================================
 all
===========================================*/
h1,h2,h3,h4,h5,p,a,li,td,.fs_r,dt,dd,th,td{
  font-size: 16px;
  line-height: 35px;
}
.fs_ss{
  font-size: 10px;
  line-height: 15px;
}
.fs_s{
  font-size: 13px;
  line-height: 18px;
}
.fs_m{
  font-size: 20px;
  line-height: 35px;
}
.fs_l{
  font-size: 30px;
  line-height: 55px;
}
.fs_ll{
  font-size: 35px;
  line-height: 55px;
}
.fw_l{
  font-weight: 700;
}
.br__on{
  display: block;
}
.br__off{
  display: none;
}
/*==========================================
 main_image 768
===========================================*/
/**************** main_visual ****************/
.main_visual_inner{
  position: relative; 
  width: 100%;
  margin: 0 auto;
}
/**************** main_visual ****************/
.main_visual .slide_inner img{
  display: none;
}
/*
.main_visual_drone{
  position: absolute;
  z-index: 10000;
  top: 100px;
  left: 5%;
}
.main_visual_drone img{
  width: 200px;
  height: auto;
}
*/
.main_visual_copy{
  position: absolute;
  z-index: 10000;
  color: #fff;
  right: 5%;
  top: 100px;
  font-size: 40px;
  line-height: 60px;
  width: 500px;
}

.sub_copy{
  position: absolute;
  top: 430px; 
  z-index: 10000;
  margin-right: 0;
  padding: 10px 40px 10px 20px;
}
.sub_copy .txt span{
  font-size: 20px;
}
.sub_copy .txt .title{
  font-size: 30px;
}
.sub_copy .title{
  font-size: 30px;
}
.sub_copy .txt p{/*pタグはWPから出力*/
  font-size: 20px;
}
/*
.sub_copy .txt p strong{
  font-size: 30px;
  margin-top: 5px;
}
*/
.sub_copy p br{
  /*display: none;*/
}
.sub_copy .link_btn{
  position: absolute;
  right: 0;
  top: 15px;
  font-size: 16px;
  line-height: 1;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #fff;
  padding: 2px 20px 3px 5px;
  background: url(../images/icon/arrow_yellow.png) 98% 50% no-repeat;
  background-size: 16px 16px;
  background-color: #fff;
}
/**************** slide_area ****************/
.slide_area{
  height: 450px;
}
.slide_area li{
   height: 450px;
   position: relative;/*slide_copy_1の位置指定*/
}
.slide_inner{
   height: 450px;
}
.main_image_1 .slide_inner{
  background: url(../images/top/slide_1_picture_pc.jpg) 50% 0 no-repeat;
  background-size: auto 450px;
}
.main_image_2 .slide_inner{
  background: url(../images/top/slide_2_picture_pc.jpg) 50% 0 no-repeat;
  background-size: auto 450px;
}
.main_image_3 .slide_inner{
  background: url(../images/top/slide_3_picture_pc.jpg) 50% 0% no-repeat;
  background-size: auto 450px;
}
.main_image_4 .slide_inner{
  background: url(../images/top/slide_4_picture_pc.jpg) 50% 0 no-repeat;
  background-size: auto 450px;
}
.main_image_5 .slide_inner{
  background: url(../images/top/slide_5_picture_pc.jpg) 50% 0% no-repeat;
  background-size: auto 450px;
}
/*==========================================
top 768
===========================================*/
.top .title_wrap,
.footer_information .title_wrap{
  width: 90%; 
  margin: 0 auto; 
}
.top .title_en,
.footer_information .title_en{
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 0;
  line-height: 1;
  font-size: 40px;
}
.top .title_jp,
.footer_information .title_jp{
  font-size: 20px;
  padding-left: 0;
}
/******************* cta  768 ***************************/
.top_cta{
  padding: 10px 0;
}
.top_cta .inner{
  width: 90%;
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top_cta p{
  text-align: left;
  line-height: 1.5;
}
.top_cta_btn a{
  padding: 15px 20px;
}
.top_cta_btn a:before{
  content: "";
  display: inline-block;
  background: url(../images/top/drone_black.svg) no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  vertical-align: -10px;
  margin-right: 5px;
}
/******************* course_list  768 ***************************/
.top .course_list ul{
  display: flex;      /* すでにある前提なら不要 */
  flex-wrap: wrap;
  align-items: stretch;
}
.top .course_list ul li{
  width: 48%;
  display: flex;
  align-items: stretch; /* ← center じゃなく stretch がコツ */
}
.top .course_list ul li a{
 width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* ←ここがポイント */

}
.top .course_list .course_3 .course_title_jp,
.top .course_list .course_4 .course_title_jp{
  padding: 0;
}
.top .course_list .course_title_jp{
  background-image: url(../images/top/drone_small_w.png);
  background-size: 40% auto;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
  padding: 0;
  height: 150px;


  display: flex;              /* ←必須 */
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.top .course_list .course_title_jp span{
  margin-top: 10px;
}
.top .course_list .course_title_en{
  position: relative;
  font-size: 21px;
  font-weight: 700;
  line-height: 2rem;
}
.top .course_list .course_title_en:after{
  border-top: 6px solid transparent;
  border-bottom:  6px solid transparent;
  border-left: 10px solid #fff;
  margin-left: 15px;
  position: absolute;
  top: 30%;
}
/******************* feature 768 ***************************/
.top .feature ul{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.top .feature ul li{
  width: 43%;
  flex-wrap: wrap;
  align-items: stretch;
  padding-bottom: 20px;
}
.top .feature ul li .catch{
  padding: 5px;
  line-height: 1.5;
}
.top .feature ul li p{
  line-height: 2;
}
/************** footer_information 768 ***************************/
.footer_information ul{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.footer_information ul li{
  width: 32%;
  margin-bottom: 0;
}
.footer_information ul li a{
  height: 100%;
  display: flex;
  flex-direction: column;
}
.footer_information ul li .frame{
  flex: 1;               
  position: relative;
  padding: 20px 10px;      
}
.footer_information ul li .frame p{
  line-height: 1.5;
}
.footer_information ul li .page_contents{
  margin-top: 16px;
}
/***************** lower common *******************/
.lower_top_inner{
  background: url(../images/top/lower_visual.jpg) no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  text-align: center;
}
.lower_top .page_title{
  font-family: 'Roboto Condensed', sans-serif;
  color: #000;
  font-size: 40px;
  padding: 70px 0 20px 0;
}
.lower_top .page_title span{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
}
/*==========================================
guidance 768
===========================================*/
.guidance .concept h2{
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 30px;
  text-align: center;
  font-size: 35px;
  line-height: 50px;
}
.guidance p{
  text-align: center;
}
.guidance .title_wrap{
  width: 90%; 
  margin: 0 auto; 
}
.guidance .title_en{
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 0;
  line-height: 1;
  font-size: 40px;
  text-align: left;
}
.guidance .title_jp{
  font-size: 20px;
  padding-left: 0;
  text-align: left;
}
.guidance .lead{
  text-align: left;
  line-height: 1.5;
}
.guidance .table_note{
  text-align: left;
}
/*==========================================
course 768
===========================================*/
.course .title_wrap{
  width: 90%; 
  margin: 0 auto; 
}
.course .title_en{
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 0;
  line-height: 1;
  font-size: 40px;
}
.course .border{
  width: 95%;
  border-bottom: 1px solid #000; 
}
.course .title_jp{
  padding-left: 0;  
}
.course .title_jp h2{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 40px;
  line-height: 50px;
}
.course .title_jp p{
  font-size: 20px;
  line-height: 30px;
}
.course .pro_course .juida{
  display: inline-block;
  background-color: #333;
  color: #fff;
  font-size: 23px;
  padding: 2px;
  padding-bottom: 5px;
  transform: skewX(-15deg);
  vertical-align: 5px;
  margin-left: 10px;
}
.course .course_point{
  background: url(../images/school/drone_back.png) 0 50% no-repeat;
  background-size: 150px auto;  
  padding: 10px 0;
  padding-left: 100px;
}
.course .course_point .point_txt{
  margin-bottom: 10px;
  font-size: 20px;
}
.course .course_point .example{
  font-weight: bold;
   font-size: 20px; 
}
.course .course_point .example span{
   font-size: 20px; 
   vertical-align: 2px;
   margin-right: 10px;
}
.course .course_point .example br{
  display: none;
}
.course .course_detail_wrap{
  width: 80%;
}
.course .course_visual{
  width: 80%;
  margin-left: 20%;
  margin-top: -35px;
}
.course .caution{
  font-size: 13px;
  margin-bottom: 10px;
}
.course .entry_flow ol{
  display: flex;
  justify-content: space-around;
}
.course .entry_flow h2{
  margin-bottom: -8px;
}
.course .entry_flow ol li h3 br{
  display: block;
}
.course .entry_flow ol li{
  width: 25%;
  padding: 10px;
}
.course .entry_flow ol li{
  border-right: 1px solid #777;
}
.course .entry_flow ol li:last-child{
  border: none;
}

/*==========================================
staff 768
===========================================*/
.staff .title_wrap{
  width: 90%; 
  margin: 0 auto; 
}
.staff .title_en{
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 0;
  line-height: 1;
  font-size: 40px;
}
.staff .border{
  width: 95%;
  border-bottom: 1px solid #000; 
}
.staff .title_jp{
  font-family: 'Noto Sans JP', sans-serif;
  padding-left: 0;
}
.staff .staff_point .inner{
  margin: 0;
}
.staff .staff_point .point_txt{
  margin-bottom: 10px;
  font-size: 25px;
}
.staff .instructor .license{
  display: flex;
  align-items: center;
}
.staff .instructor .license .org{
  margin-left: 20px;
}
.staff .instructor .instructor_profile dl dt{
  font-size: 14px;
  line-height: 1;
}
/*==========================================
company 768
===========================================*/
.company .title_wrap{
  width: 90%; 
  margin: 0 auto; 
}
.company .title_en{
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 0;
  line-height: 1;
  font-size: 40px;
}
.company .border{
  width: 95%;
  border-bottom: 1px solid #000; 
}
.company .title_jp{
  font-family: 'Noto Sans JP', sans-serif;
  padding-left: 0;
}
.company .company_detail table td .br_1{
  display: none;
}
.company .profile table .aska_group_logo{
  width: 120px;
  height: auto;
  vertical-align: -9px;
  margin-left: 10px;
}
.company .map .picture ul li{
  display: flex;
}
.company .map .picture ul li .inner{
  width: 80%;
}
.company .map .online .detail{
  display: flex;
  justify-content: center;
  align-items: center;
}
.company .map .online .picture{
  margin-top: 0px;
}
.company .map .online .picture ul li{
  width: 80%;
  margin: 0 auto;
}
/*==========================================
service
===========================================*/
.service ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
.service ul li{
  width: 47%;
}
/*==========================================
single
===========================================*/
.single .blog_category{
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 20px;
  line-height: 1;
  font-size: 40px;
}
.single .border{
  width: 90%;
  border-bottom: 1px solid #000; 
}
.single .blog_date{
  font-family: 'Noto Sans JP', sans-serif;
  padding-left: 20px;
}
.single .blog_title{
  margin-top: 10px;
  font-family: 'Noto Sans JP', sans-serif;
}
.single .blog_txt{
  margin-top: 20px;
  padding-bottom: 50px;
}
.single .news_column{
  display: flex;
}
.single .news_column .title_box{
  width: 350px;
}
.single .news_column ul{
  margin-top: 0;
  margin-left: 20px;
}
/*==========================================
contact entry
===========================================*/
.contact section,
.entry section{
  width: 90%;
  margin: 0 auto;
}
/*==========================================
terms
===========================================*/
.terms .top .school_name img{
  width: 300px;
  height: auto;
}
.terms .top h1{
  font-size: 30px;
}
/*==========================================
footer
===========================================*/
footer .footer_info .inner{
  width: 691px;
  margin: 0 auto;
}
footer .footer_info ul{
  /*display: flex;
  justify-content: space-between;*/
}
footer .footer_info ul li{
  /*width: 40%;*/
}
footer .footer_info .aska_group{
  padding-top: 30px;
}
footer .footer_info .school_name{
  font-size: 30px
}
footer .footer_info .docnars_info{
  margin-top: 20px;
}
footer .footer_info .docnars_info ul{
  display: flex;
  justify-content: space-between; 
}
footer .footer_info .company_name{
  line-height: 30px;
  margin-bottom: 5px;
}
footer .footer_info .tel_no{
  font-size: 25px;
  margin-bottom: 0;
  line-height: 40px;
  letter-spacing: 2px;
}
footer .footer_info .add{
   margin-bottom: 0; 
   line-height: 25px;
}
footer .footer_info .url{
  letter-spacing: 1px;
}
}/*min-width: 768px fin*/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/**********                    ******                    ******                    *****************/
/**********   **************   ******   ***********************   **************   *****************/
/**********   **************   ******   ***********************   **************   *****************/
/**********   **************   ******   ***********************   **************   *****************/
/**********   **************   ******   ***********************   **************   *****************/
/**********                    ******                    ******   **************   *****************/
/***************************   ******   **************   ******   **************   *****************/
/***************************   ******   **************   ******   **************   *****************/
/***************************   ******   **************   ******   **************   *****************/
/***************************   ******   **************   ******   **************   *****************/
/**********                    ******                    ******                    ******************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************** top *******************/
@media only screen and (min-width: 960px) {
/*==========================================
top 960
===========================================*/
.top .inner,
.footer_information .inner{
  max-width: 1100px;
}
/******************* course_list  960 ***************************/
.top .course_list ul{
  display: flex;      /* すでにある前提なら不要 */
  flex-wrap: wrap;
  align-items: stretch;
}
.top .course_list ul li{
  width: 32%;
  display: flex;
  align-items: stretch; /* ← center じゃなく stretch がコツ */
}


/*******************************/
}/*min-width: 960px fin*/
/* PC向けレイアウトの指定：960px以上では固定レイアウト */
@media only screen and (min-width: 1200px) {
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/**********   *****                    ******                    *****                    **********/
/**********   **********************   ******   **************   *****   **************   **********/
/**********   **********************   ******   **************   *****   **************   **********/
/**********   **********************   ******   **************   *****   **************   **********/
/**********   **********************   ******   **************   *****   **************   **********/
/**********   *****                    ******   **************   *****   **************   **********/
/**********   *****   ***********************   **************   *****   **************   **********/
/**********   *****   ***********************   **************   *****   **************   **********/
/**********   *****   ***********************   **************   *****   **************   **********/
/**********   *****                    ******                    *****                    **********/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
.br___on{
  display: block;
}
.br___off{
  display: none;
}
/*==========================================
 header 1200
===========================================*/
header .inner{
  max-width: 1300px;
  margin: 0 auto;
}
header .nav_zone{
  display: flex;
  padding: 20px 0;
  padding-left: 20px;
}
header .nav_zone .school_name{
  margin-right: 20px;
}
header .nav_zone img{
  width: 250px;
  margin-bottom: 5px;
}
header .nav_zone ul li a{
   text-decoration: none;
   margin: 0 10px; 
   font-size: 16px;
   color: #fff;
}
header .btn_zone{
  width: 130px;
  padding: 20px 10px;
}
header .btn_zone .menu{
  display: block;
  width: 100px;
  margin: 0 auto;
}
header .btn_zone .menu ul{
  display: flex;
  text-align: center;
}
header .btn_zone .menu ul li{
  text-align: center;
}
header .btn_zone .menu ul li a{
  width: 70px;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
  color: #EFC930;
}
header .btn_zone .menu ul li a img{
  width: 30px;
  height: auto;
  vertical-align: middle;
  margin-right: 10px;
}
/***************** #nav-drawer  1200 *******************/
#nav-drawer {
  position: static;
}
.nav-unshown {
  display:none;
}
#nav-open {
  display: none;
}
#nav-close {
  display: none;
}
#nav-content {
    max-width: 100%;
    width: auto;
    position: static;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*左に隠しておく*/
    padding: 0;
    background: none;
}
#nav-content ul{
   background: none;
  padding: 0;
  display: flex;
}
#nav-content ul li{
  text-align: left;
  margin: 0;
}
#nav-content .entry,
#nav-content .contact{
  display: none;
}
/***************** event 1200 *******************/
.event_x1{
  transition: 1s;
  opacity: 0;
  transform: translate(0,300px); 
  -webkit-transform: translate(0,300px);  
}
.event_x1_after{
  opacity: 1.0;
  transform: translate(0,0); 
  -webkit-transform: translate(0,0);
}
.event_y1{
  transition: 1.5s;
  opacity: 0;
  transform: translate(50px,0); 
  -webkit-transform: translate(50px,0);   
}
.event_y1_after{
  opacity: 1.0;
  transform: translate(0,0); 
  -webkit-transform: translate(0,0);
}
/***************** main_visual 1200 *******************/
.main_visual_inner{
  position: relative; 
  width: 1200px;
  margin: 0 auto;
}

.main_visual_copy{
  position: absolute;
  z-index: 10000;
  color: #fff;
  top: 160px;
  font-size: 60px;
  line-height: 80px;
  width: 750px;
  left: auto;
  right: 0;
}


.sub_copy{
  position: absolute;
  top: 500px;
  z-index: 10000;
}
.sub_copy .txt .title{
  font-size: 40px;
}
.sub_copy .txt span{
  font-size: 30px;
  line-height: 40px;
}
.sub_copy .txt .course{
  font-size: 40px;
  line-height: 50px;
}
.sub_copy .txt p{
  font-size:30px;
  margin-top: 15px;
}
.sub_copy .txt p strong{
  font-size: 40px;
  line-height: 45px;
}
/**************** slide_area  1200 ****************/
.slide_area{
  height: 700px;
}
.slide_area li{
   height: 700px;
   position: relative;/*slide_copy_1の位置指定*/
}
.slide_inner{
   height: 700px;
}
.main_image_1 .slide_inner{
  background: url(../images/top/slide_1_picture_pc.jpg) 50% 0 no-repeat;
  background-size: auto 700px;
}
.main_image_2 .slide_inner{
  background: url(../images/top/slide_2_picture_pc.jpg) 50% 0 no-repeat;
  background-size: auto 700px;
}
.main_image_3 .slide_inner{
  background: url(../images/top/slide_3_picture_pc.jpg) 50% 0 no-repeat;
  background-size: auto 700px;
}
.main_image_4 .slide_inner{
  background: url(../images/top/slide_4_picture_pc.jpg) 50% 0 no-repeat;
  background-size: auto 700px;
}
.main_image_5 .slide_inner{
  background: url(../images/top/slide_5_picture_pc.jpg) 50% 0 no-repeat;
  background-size: auto 700px;
}
/*==========================================
 全体のcss 1200
===========================================*/
.inner{
  width: 95%;
  margin: 0 auto;
}
/*==========================================
top 1200
===========================================*/
.top .title_wrap,
.footer_information .title_wrap{
  width: 1100px; 
  margin: 0 auto; 
}
.top .title_en,
.footer_information .title_en {
  font-size: 60px;
}
.top .title_jp,
.footer_information .title_jp{
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 30px;
}
.top .course_list .border,
.top .feature .border{
  width: 30vw;
  height: 0.5px;
  background: #000;
}
.footer_information .border{
  width: 40vw;
  height: 0.5px;
  background: #000;
}
/******************* cta 1200 ***************************/
.top_cta p{
  font-size: 25px;
}
.top_cta p strong{
  font-size: 35px;
}
.top_cta_btn a{
  padding: 15px 30px;
  font-size: 20px;
}
.top_cta_btn a:before{
  content: "";
  display: inline-block;
  background: url(../images/top/drone_black.svg) no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  vertical-align: -10px;
  margin-right: 5px;
}
/******************* course_list ***************************/
.top .course_list ul{
  padding: 30px 0 100px;
}
.top .course_list .course_title_en{
  font-size: 20px;
  line-height: 1.7rem;
}
.top .course_list .course_title_en: after{
  top: 20%;
}
/******************* feature  1200 ***************************/
.top .feature h3{
  font-size: 35px;
}
.top .feature ul li{
  width: 42%;
  padding: 30px;
  margin-bottom: 50px;
}
.top .feature ul li:nth-child(5),
.top .feature ul li:nth-child(6){
  padding-bottom: 50px;
}
.top .feature ul li h4{
  font-size: 25px;
}
.top .feature ul li .catch{
  font-size: 20px;
}
/******************* footer_information  1200 ***************************/
.footer_information ul li a .frame{
  padding: 20px;
}
.footer_information ul li a .frame h3{
  margin-bottom: 80px;
}
/***************** lower common  1200 *******************/
.lower_top_inner{
  background: url(../images/top/lower_visual.jpg) no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  text-align: center;
}
.lower_top .page_title{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 60px;
  padding: 180px 0 60px 0;
}
.lower_top .page_title span{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 23px;
}
/*==========================================
guidance 1200
===========================================*/
.guidance .title_wrap,
.guidance .inner{
  width: 95%;
  max-width: 1200px;
  margin: 0 auto; 
}
.guidance .title_en {
  font-size: 60px;
}
.guidance .title_jp{
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 30px;
}
.guidance .border{
  width: 35vw;
  height: 0.5px;
  background: #000;
}

.guidance .concept{
  margin-bottom: 150px;
}
.guidance .concept h2{
  font-size: 50px;
  line-height: 80px;
  padding: 50px 0;
}
.guidance .concept p{
  font-size: 20px;
  line-height: 2;
}
.guidance .concept .inner{
  background: url(../images/school/drone_back.png) 50% 50% no-repeat;
  background-size: 500px auto;
}
.guidance .flight_level{
  margin-bottom: 100px;
}
.guidance .license{
  margin-top: 100px;
  margin-bottom: 150px;  
}
.guidance .photo_area{
  height: 400px;
  background: url(../images/guidance/bg_photo.jpg) 50% 50% no-repeat;
  background-size: 100% auto;
}
/*==========================================
1200 course
===========================================*/
.course .title_wrap{
  width: 95%; 
  max-width: 1200px;
  margin: 0 auto; 
}
.course section{
  height: 750px;
  padding-top: 50px;
}
.course section.pro_course{
  /*height: 1000px;*/
  padding-top: 50px;
}
.course section.sp_course{
  height: 650px;
}
.course .title_en{
  font-size: 60px;
}
.course .title_jp{
  font-family: 'Noto Sans JP', sans-serif;
  /*padding-left: 20px;*/
  /*font-size: 654x;*/
  line-height: 60px;
  margin-top: 10px;
}
.course .border{
  width: 70%;
  border-bottom: 1px solid #000; 
}
.course .course_point{
  background: url(../images/school/drone_back.png) 30px 50% no-repeat;
  background-size: 150px auto;  
  padding: 40px 0;
  padding-left: 200px;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
}
.course .course_point .point_txt{
  margin-bottom: 10px;
  /*font-size: 30px;*/
  /*line-height: 50px;*/
}
.course .course_middle_wrap{
  position: relative;
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
}
.course .course_detail_wrap{
  width: 46%;
  position: absolute;
  z-index: 10000;
  padding: 40px 4.5%;
}
.course .online_course .course_detail_wrap{
}
.course .caution{
  font-size: 16px;
}
/*
.course .online_course .course_cost .course_cost_list{
  margin-bottom: 0;
}
*/
.course .course_cost .course_name,
.course .course_cost .course_money{
  padding: 15px 0;
}
.course .course_1 .course_cost .course_money,
.course .course_2 .course_cost .course_money{
  padding: 7px 0 0 0;
}
.course .course_1 .course_cost .course_money.plus,
.course .course_2 .course_cost .course_money.plus{
  padding: 0 0 7px 0;
}

.thumbnail{
  background-size: cover;
  background-position: center center;
  padding-top: 70%;/*62.5 元*/
  width: 100%;
}
.course #course_1{
  margin-bottom: 100px;
}
/*
.online_course .thumbnail{
  background-size: cover;
  background-position: center center;
  padding-top: 75%;
  width: 100%;
}
*/
/********************************************************/
.course .course_1 .course_visual{
  width: 50%;
  margin-left: 20%;
  margin-top: 50px;
  position: absolute;
  right: 0;
}
.course .course_1 .course_visual .img_frame{
  margin-left: 5%;
  width: 95%;
  height: 600px;
  position: relative;
  overflow:hidden;
}
/******************************************************元right_course**/
.course .course_2{
  margin-top: 80px;
}
.course .course_2 .course_visual{
  width: 50%;
  margin-left: 20%;
  margin-top: 50px;
  position: absolute;
  right: 0;
}
.course .course_2 .course_visual .img_frame{
  margin-left: 5%;
  width: 95%;
  height: 480px;
  position: relative;
  overflow:hidden;
}
/******************************************************元right_course**/
.course .course_3{
  margin-top: 80px;
}
.course .course_3 .course_cost{
  margin: 20px 0;
}
.course .course_3 .course_visual{
  width: 50%;
  margin-left: 20%;
  margin-top: 50px;
  position: absolute;
  right: 0;
}
.course .course_3 .course_visual .img_frame{
  margin-left: 5%;
  width: 95%;
  height: 350px;
  position: relative;
  overflow:hidden;
}
/*******************************************************元sp_course*/
.course .course_4 .course_cost{
  margin-top: 30px;
}
.course .course_4 .course_visual{
  width: 50%;
  margin-left: 20%;
  margin-top: 50px;
  position: absolute;
  right: 0;
}
.course .course_4 .course_visual .img_frame{
  margin-left: 5%;
  width: 95%;
  height: 400px;
  position: relative;
  overflow:hidden;
}
/********************************************************/
.course .entry_flow{
  height: auto;
}
.course .entry_flow .inner{
  padding-top: 50px;
}
.course .entry_flow ol li h3{
  font-size: 20px;
  line-height: 30px;
}
.course .entry_flow ol li{
  width: 27%;
  padding: 20px;
}
.course .entry_flow ol li:first-child{
  width: 20%;
}
.course .entry_flow ol li:nth-child(2),
.course .entry_flow ol li:nth-child(3){
  width: 27.5%;
}
.course .entry_flow ol li:last-child{
  width: 25%;  
}
.course .entry_flow ol li p{
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 5px;
}
/*==========================================
staff
===========================================*/
.staff {
  padding-bottom: 100px;
}
.staff section{
  padding-top: 50px;
}
.staff section .inner{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.staff .title_wrap{
  width: 90%;
  max-width: 1200px; 
  margin: 0 auto; 
}
.staff .title_en{
  font-size: 60px;
}
.staff .title_jp{
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 30px;
}
.staff .staff_point .point_txt{
  margin-bottom: 50px;
  font-size: 30px;
  line-height: 50px;
}
.staff .staff_point .point_txt br{
  display: block;
}
.staff .instructor ul{
  display: flex;
  justify-content: space-between;
}
.staff .instructor ul li{
  width: 48%;
}
.staff .instructor .visual{
/*width: 50%;*/
}
.staff .instructor .txt{
/*width: 40%;*/
}
.staff .instructor .visual .img_frame{
  /*margin-left: 5%;*/
  width: auto;
  height: 560px;
  position: relative;
  overflow:hidden;
}
.staff .instructor .visual .img_frame img{
  width: auto;
  height: 100%;
  /*min-width: 100%;
  min-height: 100%;*/
  max-width: inherit;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
/*==========================================
company 1200
===========================================*/
.company {
  padding-bottom: 100px;
}
.company section{
  padding-top: 50px;
}
.company section .inner{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.company .title_wrap{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto; 
}
.company .img_child{
  padding-top: 75%;/*4:3*/
}
.company .title_en{
  font-size: 60px;
}
.company .title_jp{
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 30px;
}
.company .profile .school_name{
  font-size: 50px;
  margin-bottom: 50px;
}
.company .profile .company_detail{
  display: flex;
  justify-content: space-between;
}
.company .profile .company_detail li{
  width: 47%;
}
.company .map .map_middle_wrap {
  margin-top: 50px;
}
.company .map .map_middle_inner{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 2% 0;
}
.company .map .flex_map{
  display: flex;
  justify-content: space-between;
}
.company .map .flex_map .detail, .company .map .flex_map .picture{
  width: 50%;
}
.company .map .picture{
  margin-top: 110px;
}
.company .map .access_list li{
  width: 100%;
}
.company .map .school_name{
  font-size: 40px;
}
.company .map .school_name span{
  font-size: 20px;
}
.company .map .picture ul li{
  display: block;
}
.company .map .picture ul li .inner{
  width: 90%;
}
.company .map .picture .inner .gosou{
  position: absolute;
  top: 45%;
  left: 45%;
}
.company .map .picture_learning ul li .inner{
  width: 90%;
}
.company .map .picture_learning .inner .gosou{
  position: absolute;
  top: 45%;
  left: 45%;
}
.company .brave .picture{
  margin-top: 145px;
}
.company .kisarazu .picture{
  margin-top: 145px;
}
/*==========================================
service
===========================================*/
.service ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.service ul li{
  width: 30%;
}
/*==========================================
single
===========================================*/
.single section{
  padding-top: 50px;
}
.single section .inner{
  width: 90%;
  margin: 0 auto;
}
.single .title_wrap{
  width: 90%; 
  margin: 0 auto; 
}
.single .blog_category{
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 20px;
  line-height: 1;
  font-size: 60px;
}
.single .border{
  width: 63%;
  border-bottom: 1px solid #000; 
}
.single .blog_date{
  font-family: 'Noto Sans JP', sans-serif;
  padding-left: 20px;
  font-size: 25px;
}
.single .blog_title h1{
  margin-top: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 40px;
}
.single .blog_txt{
  margin-top: 20px;
  padding-bottom: 50px;
}
.single .blog_category,
.single .blog_date{
  padding-left: 0;
}
.single .news_column{
  display: block;
  padding-top: 0;
  margin-top: -75px;
}
.single .news_column .title_box{
  width: auto;
}
.single .news_column ul{
  margin-top: 20px;
  margin-left: auto;
  height: 500px;
}
.single section .inner{
  display: flex;
  justify-content: space-between;
}
.single .blog_maim{
  width: 65%;
}
.single .news_column{
  width: 25%;
}
/*==========================================
contact entry terms
===========================================*/
.entry section{
  width: 1200px;
  margin: 0 auto;
}
.contact .inner{
  width: 1140px;
  margin: 0 auto;
}
/*==========================================
terms 1200
===========================================*/
.terms{
  padding: 50px 0;
}
.terms .contents{
  width: 1000px;
  margin: 0 auto;
  padding-top: 50px;
}
.terms .return_btn{
  margin-top: 50px;
}
/*==========================================
  form
===========================================*/
.contact dl,
.entry dl{
  display: flex;
  /*margin-bottom: 20px;
  margin-top: 20px;*/
  padding: 20px 0; 
}
.contact dt,
.entry dt{
  width: 30%;
  padding-top: 10px;
}
.contact dd,
.entry dd{
  width: 70%;
}
.wpcf7 .course{
  width: 700px;
}
.wpcf7 .course dd{
   width: 100%; 
}
.wpcf7 .course dd .course_caution{
  padding: 0;
  font-size: 13px;
  line-height: 1;
}
/*==========================================
footer
===========================================*/
footer .footer_info .inner{
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
}
footer .footer_info .aska_group{
  margin-top: 0;
}
footer .footer_info .docnars_info{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
footer .footer_info .info_title{
  background-color: #8f0038;
  text-align: center;
  margin-bottom: 10px;
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  /*margin-right: 5%;*/
}
footer .footer_info .info_title br{
  display: block;
}
footer .footer_info address{
  width: 80%;
}
footer .footer_info .company_name{
  margin-top: 17px;
  margin-bottom: 15px;
  font-size: 30px;
}
footer .footer_info .tel_no{
  font-size: 30px;
}
footer .footer_info .docnars_info li{
  width: auto; 
}
footer .footer_info .docnars_info ul{
  display: flex;
  justify-content: space-between; 
}
footer .footer_info .school_name img{
  width: 400px;
}
footer .footer_info .group_logo{
  margin-top: 20px;
 margin-top: 0;
}
footer .footer_info .group_logo img{
  width: 150px;
  height: auto;
}
footer .footer_info .docnars_info{
  width: 1000px;
  margin: 0 auto;
  margin-top: 20px;
  /*width: 50%;*/
}
footer .footer_info .docnars_info address ul{
  display: flex;
  justify-content: space-between; 
}
}/*min-width: 1200px fin*/

/* グローバルナビの調整 */
@media only screen and (min-width: 1400px) {
header .nav_zone .school_name{
  margin-right: 20px;
}
header .nav_zone img{
  width: 300px;
}
header .nav_zone ul li a{
   text-decoration: none;
   margin: 0 14px; 
   font-size: 16px;
}
.company .map .learning_room .school_map{
  height: 300px;
}
}/*min-width: 1400px fin*/

@media only screen and (min-width: 1400px) {
/*================================================================================================
=================================================================================================
=================================================================================================
=================================================================================================
=================================================================================================
=================================================================================================
=================================================================================================*/
/*==========================================
top
===========================================*/
.top .title_wrap{
  width: 1100px; 
  margin: 0 auto; 
}
/*==========================================
terms 1440
===========================================*/
.terms .contents{
  width: 1200px;
}
}/*min-width: 1440px fin*/
/* PC向けレイアウトの指定：960px以上では固定レイアウト */
@media only screen and (min-width: 1600px) {
/*================================================================================================
=================================================================================================
=================================================================================================
=================================================================================================
=================================================================================================
=================================================================================================
=================================================================================================*/
/*
.top_back::before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  background: url(../images/top/back_yellow.jpg) center 0 no-repeat; 
  background-size: cover;
  -webkit-background-size cover;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}
*/
/*==========================================
 header
===========================================*/
header .inner{
  width: 1520px;
  margin: 0 auto;
}
/***************** main_visual *******************/
.sub_copy{
  position: absolute;
  top: 530px;
  z-index: 10000;
}
/**************** slide_area ****************/

.slide_area{
  height: 800px;
}
.slide_area li{
   height: 800px;
   position: relative;
}
.slide_inner{
   height: 800px;
}
.main_image_1 .slide_inner{
  background: url(../images/top/slide_1_picture_pc.jpg) 50% 0 no-repeat;
  background-size: auto 800px;
}
.main_image_2 .slide_inner{
  background: url(../images/top/slide_2_picture_pc.jpg) 50% 0 no-repeat;
  background-size: auto 800px;
}
.main_image_3 .slide_inner{
  background: url(../images/top/slide_3_picture_pc.jpg) 50% 0 no-repeat;
  background-size: auto 800px;
}
.main_image_4 .slide_inner{
  background: url(../images/top/slide_4_picture_pc.jpg) 50% 0 no-repeat;
  background-size: auto 800px;
}
.main_image_5 .slide_inner{
  background: url(../images/top/slide_5_picture_pc.jpg) 50% 0 no-repeat;
  background-size: auto 800px;
}

/*==========================================
top
===========================================*/
/*
.top .title_wrap{
  width: 1550px; 
  margin: 0 auto; 
}
*/
.top .title_en{
  font-size: 60px;
  padding: 0;
}
.top .title_jp{
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 30px;
  padding: 0;
}
.top .course_list .border,
.top .feature .border{
  width: 35vw;
  height: 0.5px;
  background: #000;
}
.top .information .border{
  width: 45vw;
  height: 0.5px;
  background: #000;
}
.guidance .border{
  width: 40vw;
  height: 0.5px;
  background: #000;
}
/******************* course_list ***************************/
.top .course_list .inner{
  width: 1550px;
  margin: 0 auto;
}
/*
.top .course_list .border{
  width: 20%;
}
/******************* course_list ***************************/
/*
.top .instagram{
  padding-bottom: 100px;
}
.top .instagram .inner{
  width: 1550px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.top .instagram .border{
  width: 25%;
}
/******************* drone_world ***************************/
/*
.top .drone_world{
  background: url(../images/top/shadow.png) 0% 10% no-repeat;
  background-size: 45% auto;
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}
.top .drone_world .border{
  width: 30%;
  border-bottom: 1px solid #000; 
}
.top .drone_world .inner{
  width: 1550px;
  margin: 0 auto;
}
/******************* docnars ***************************/
/*
.top .docnars .inner{
  width: 1280px;
  margin: 0 auto;
}
.top .docnars{
  padding-top: 80px;
  padding-bottom: 80px;
}
/******************* news_column ***************************/
/*
.top .news_column .inner{
  width: 1550px;
  margin: 0 auto;
}
.top .news_column .border{
  width: 22%;
}
/***************** lower common *******************/
.lower_top_inner{
  background: url(../images/top/lower_visual.jpg) 50% 15% no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  text-align: center;
}
/*==========================================
school
===========================================*/
/*
.school .concept .txt_wrap{
  width: 1215px;
  margin: 0 auto;
  margin-top: 50px;
}
.school .concept .visual_wrap{
  position: relative;
  margin-top: 50px;
  width: 1280px;
}

.school .point_title_inner{
  width: 1583px;
  margin: 0 auto;
  position: relative;
}
.school .school_point_1 .txt_area,
.school .school_point_2 .txt_area,
.school .school_point_3 .txt_area{
  width: 1520px;
  margin: 0 auto;
}
/*==========================================
course
===========================================*/
/*
.course section{
  height: 800px;
  padding-top: 50px;
}
.course section.sp_course{
  height: 700px;
}
.course .title_wrap{
  width: 1550px;
  margin: 0 auto; 
}
.course .entry_flow .inner{
  width: 1540px;
  margin: 0 auto;
}
.course .title_en{
  font-size: 60px;
  padding: 0;
}
.course .title_jp{
  padding-left: 0;
}
.course .course_point{
  width: 1540px;
  margin: 0 auto;
  padding: 30px 0;

  background: url(../images/school/drone_back.png) 30px 50% no-repeat;
  background-size: 200px auto;
}
.course .course_point .inner{
  width: auto;
  padding: 15px 0;
  padding-left: 250px;
}
.course .course_middle_wrap{
  position: relative;
  width: 1540px;
  margin: 0 auto;
} 
.course .pro_course .juida{
  display: inline-block;
  background-color: #333;
  color: #fff;
  font-size: 30px;
  padding: 5px;
  padding-bottom: 7px;
  transform: skewX(-15deg);
  vertical-align: 5px;
  margin-left: 10px;
}
.thumbnail{
  background-size: cover;
  background-position: center center;
  padding-top: 56.25%;
  width: 100%;
}
.online_course .thumbnail{
  padding-top: 56.25%;
}
/*==========================================
staff
===========================================*/
.staff section{
  padding-top: 50px;
}
.staff section .inner{
  width: 1550px;
  margin: 0 auto;
}
.staff .title_wrap{
  width: 1550px; 
  margin: 0 auto; 
}
.staff .title_en{
  font-size: 60px;
}
.staff .title_jp{
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 30px;
}
/*==========================================
company
===========================================*/
.company section{
  padding-top: 50px;
}
.company .profile .inner{
  width: 1550px;
  margin: 0 auto;
}
.company .title_wrap{
  width: 1550px; 
  margin: 0 auto; 
}
.company .title_en{
  font-size: 60px;
  padding: 0;
}
.company .title_jp{
  padding: 0;
}
.company .map_middle_wrap{
  width: 1550px;
  margin: 0 auto; 
  margin-top: 50px;
}
.company .map .map_middle_inner{
  width: 1440px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.company .map .learning_room .school_map{
  height: 345px;
}
/*==========================================
service
===========================================*/
.service section .inner{
  width: 1550px;
  margin: 0 auto;
}
/*==========================================
single
===========================================*/
.single section .inner{
  width: 1350px;
  margin: 0 auto;
}
.single .title_wrap{
  width: 1350px; 
  margin: 0 auto; 
}
}/*min-width: 1600px fin*/
@media only screen and (min-width: 2560px) {
/*================================================================================================
=================================================================================================
=================================================================================================
=================================================================================================
=================================================================================================
=================================================================================================
=================================================================================================*/
.school .school_point_1 .txt_area_inner,
.school .school_point_3 .txt_area_inner{
  padding-left: 15%;
  padding-right: 7%;
}
.school .school_point_2 .txt_area_inner{
  padding-left: 7%;
  padding-right: 15%;
}






}/*消さない*/