@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


.body_home{
  
}
.body_home .header{
  display: none;
}

/*.hdr_logo img{
  transition: 0.2s all;
}*/


/* 下層タイトル */
.pg_header_text_ja{
  display: flex;
  justify-content: center;
  align-items: center;
}
.pg_header_text_ja:before,
.pg_header_text_ja:after{
  content: "";
  width: 100%;
  min-width: 20px;
  height: 1px;
  background: #FFF;
}
.pg_header_text_ja:before{
  margin-right: 20px;
}
.pg_header_text_ja:after{
  margin-left: 20px;
}
.pg_header_text_ja h1{
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0;
  white-space: nowrap;
}

/* 見出し */
.sec_tt_ja{
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0;
}
.sec_tt_ja:before,
.sec_tt_ja:after{
  content: "";
  width: 100%;
  height: 1px;
  background: #FFF;
  position: static;
  transform: none;
}
.sec_tt_ja:before{
  margin-right: 20px;
}
.sec_tt_ja:after{
  margin-left: 20px;
}

/* 動く文字 */
.pg_inif_text + .pg_inif_text{
  margin-left: 3em;
}
.pg_inif_text p{
  font-size: 100px;
  font-weight: 400;
  font-family: "Bebas Neue", sans-serif;
  line-height: 0.85;
  letter-spacing: 0.025em;
  white-space: nowrap;
  color: transparent;
  /*-webkit-text-stroke: 1.5px white;*/
  -webkit-text-stroke: 1px white;
}

/* 背景 */
.sec_bg_red{
  position: relative;
  z-index: 1;
  padding-top: 100px;
}
.sec_bg_red:after{
}
.sec_bg_red_img{
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.sec_bg_red_img img{
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.sec_bg_red_img:before,
.sec_bg_red_img:after{
  content: "";
  position: absolute;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: 100px;
}
.sec_bg_red_img:before{
  top: 0;
  left: 0;
  background-position: left bottom;
  background-image: url('/system_panel/uploads/images/sec_bg_frame1.png');
}
.sec_bg_red_img:after{
  bottom: 0;
  right: 0;
  background-position: right top;
  background-image: url('/system_panel/uploads/images/sec_bg_frame2.png');
}


/* ボタン */
.read_more.slim{
  margin-top: 20px;
}
.read_more.slim a{
  width: 100%;
  font-weight: 700;
  padding: 15px 20px 16px;
  position: relative;
  z-index: 1;
}
.read_more.slim a:before{
  content: "\f054";
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #181818;
  color: currentColor;
}
.read_more.slim.wh a{
  
}
.read_more.slim.wh a:hover{
  background: #e60011;
  color: #FFF;
}

.recruitmentOverview_content3_img{
  z-index: 1;
}

@media (max-width:767px){
  
  /* ヘッダー */
  .header{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
  }
  
}
@media (min-width:768px){
  
  
  /* 動く文字 */
  .pg_inif_text p{
    font-size: 150px;
    -webkit-text-stroke: 1px white;
  }

  /* 背景 */
  .sec_bg_red{
    padding-top: 210px;
  }
  .sec_bg_red_img:before,
  .sec_bg_red_img:after{
    height: 253px;
  }
  
  .pg_header_text_ja h1{
    font-size: 22px;
  }

}
@media (min-width:1024px){
  
  
  
}
@media (min-width:1200px){
  
  /* 動く文字 */
  .pg_inif_outer{
    bottom: -165px;
  }
  .pg_inif_text p{
    font-size: 250px;
    -webkit-text-stroke: 2px white;
  }
  
}
@media (min-width:1450px){
  
}




/*******************************
*　
********************************/

/* セクション設定 */
.pg_about{

}
.pg_about .section.sec1{
  padding-bottom: 0;
  position: relative;
  z-index: 2;
}
.pg_about .section.sec2{
  margin-top: 0;
  padding-top: 100px;
}
.pg_about .section.sec3{
  padding-top: 50px;
  padding-bottom: 50px;
}
.pg_about .section.sec4{
  padding-bottom: 50px;
}
.pg_about .section.sec5{

}
.pg_about .section.sec5 .container + .container{
  margin-top: 50px;
}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){

  .pg_about{

  }
  .pg_about .section.sec1{
  }
  .pg_about .section.sec2{
    margin-top: -28px;
    padding-top: 210px;
  }
  .pg_about .section.sec3{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pg_about .section.sec4{
    padding-bottom: 80px;
  }
  .pg_about .section.sec5{

  }
  .pg_about .section.sec5 .container + .container{
    margin-top: 50px;
  }

}
@media (min-width:1024px){


}
@media (min-width:1200px){

  .pg_about .section.sec1{
  }
  .pg_about .section.sec2{
    margin-top: -28px;
    padding-top: 210px;
  }
  .pg_about .section.sec3{
    padding-top: 150px;
    padding-bottom: 130px;
  }
  .pg_about .section.sec4{
    padding-bottom: 105px;
  }
  .pg_about .section.sec5{

  }
  .pg_about .section.sec5 .container + .container{
    margin-top: 50px;
  }

}

/* メイン部分 */

/* Vision */
.about_vision{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about_vision_box1{
  width: 100%;
  order: 2;
  margin-top: 30px;
}
.about_vision_box2{
  width: 100%;
  order: 1;
  position: relative;
  z-index: 1;
}
.about_vision_title{
  display: inline-block;
  margin-bottom: 30px;
}
.about_vision_title_en{
  font-size: 100px;
  font-weight: 400;
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.02em;
  line-height: 0.85;
}
.about_vision_title_ja{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
  white-space: nowrap;
}
.about_vision_title_ja:after{
  content: "";
  width: 100%;
  height: 1px;
  background: #FFF;
  margin-left: 20px;
}
.about_vision_title2{
  font-size: 26px;
  font-weight: 900;
  line-height: 1.3888;
  margin-bottom: 25px;
}
.about_vision_title2 p{
  letter-spacing: 0;
}
.about_vision_txt{
  font-size: 16px;
  font-weight: 500;
  line-height: 2.125;
  line-height: 1.875;
  text-align: justify;
}

.about_vision_imgs{
  aspect-ratio: 800 / 918;
  position: relative;
  z-index: 1;
}
.about_vision_imgs_item{
  
}
.about_vision_imgs_item.pos1{
  width: 58.75%;
  position: relative;
  z-index: 1;
}
.about_vision_imgs_item.pos2{
  width: 73.125%;
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
}
.about_vision_imgs_item.pos1.img_fit:before{
  padding-top: 121.277%;
}
.about_vision_imgs_item.pos2.img_fit:before{
  padding-top: 109.402%;
}

.about_vision_side_en{
  font-size: 100px;
  font-weight: 400;
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.025em;
  line-height: 0.85;
  white-space: nowrap;
  color: transparent;
  -webkit-text-stroke: 1.5px white;
  -webkit-text-stroke: 1px white;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 0;
  -webkit-transform: translate(12px, -50%);
  transform: translate(12px, -50%);
}


/* POSITIVE ACTION */
.about_positive{
  padding: 100px 0;
  text-align: center;
  position: relative;
  z-index: 1;
}
.about_positive_title{
  display: inline-block;
  text-align: center;
  margin-bottom: 30px;
}
.about_positive_title_en{
  font-size: 60px;
  font-family: "Bebas Neue", sans-serif;
  line-height: 0.8;
  letter-spacing: 0.025em;
}
.about_positive_title_ja{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
  white-space: nowrap;
}
.about_positive_title_ja:before,
.about_positive_title_ja:after{
  content: "";
  width: 100%;
  height: 1px;
  background: #FFF;
}
.about_positive_title_ja:before{
  margin-right: 25px;
}
.about_positive_title_ja:after{
  margin-left: 25px;
}
.about_positive_txt{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.875;
  text-align: justify;
}
.about_positive_bg{
  position: absolute;
  z-index: -1;
  inset: 0;
}
.about_positive_bg:after{
  content: "";
  background: rgba(0,0,0,0.4);
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
}
.about_positive_bg.img_fit:before{
  padding-top: 0;
  height: 100%;
}

/* ユニフォーム */
.about_uniform{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
* + .about_uniform{
  margin-top: 50px;
}
.about_uniform_item{
  width: 100%;
}
.about_uniform_item:nth-child(n+2){
  margin-top: 20px;
}
.about_uniform_item_title{
  background-image: url('/system_panel/uploads/images/uniform_bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  padding: 16px 10px 10px;
}
.about_uniform_item_title_txt{
  font-size: 32px;
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.025em;
  line-height: 1;
}
.about_uniform_item_img{
  
}
.about_uniform_item_img.img_fit:before{
  padding-top: 79.16%;
}
.about_uniform_en{
  font-size: 105px;
  font-family: "Bebas Neue", sans-serif;
  line-height: 0.8;
  text-align: center;
  color: transparent;
  
  -webkit-text-stroke: 1px white;
  margin-top: -35px;
  position: relative;
  z-index: 2;
}

/* 戦歴 */
.about_nextstage_head{
  
}
.about_nextstage_head .sec_tt{
  margin-bottom: 58px;
}
.about_nextstage_head .content_desc{
  margin-top: 45px;
}
.about_info{
  
}
.about_info_row{
  
}
.about_info_row + .about_info_row{
  margin-top: 50px;
}
.about_info_row_head{
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.about_info_list_item{
  
}
.about_info_list_item + .about_info_list_item{
  margin-top: 30px;
}
.about_info_list_head{
  background-image: url('/system_panel/uploads/images/about_info_bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  padding: 9px 10px 10px;
  margin-bottom: 15px;
}
.about_info_list_head_txt{
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
}
.about_info_list_details{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -15px;
}
.about_info_list_details p{
  width: 100%;
  padding: 0 15px;
  font-size: 16px;
  letter-spacing: 0;
}
.about_info_list_details p{
  
}
.about_info_list_details.col1{
  margin-top: -10px;
}
.about_info_list_details.col1 p{
  width: 100%;
  line-height: 1.875;
  margin-bottom: 0;
}
.about_info_list_details.col2 p{
  width: 100%;
  margin-bottom: 10px;
}

@media (max-width:767px){

}
@media (min-width:768px){


  /* Vision */
  .about_vision{
  }
  .about_vision_box1{
    /*width: 44.73%;*/
    /*order: 1;*/
    margin-top: -200px;
  }
  .about_vision_box2{
    width: 75%;
    margin-left: auto;
    /*width: 52.63%;*/
    /*order: 2;*/
  }
  .about_vision_title{
    margin-bottom: 30px;
  }
  .about_vision_title_en{
    font-size: 130px;
  }
  .about_vision_title_ja{
    font-size: 20px;
  }
  .about_vision_title_ja:after{
    margin-left: 30px;
  }
  .about_vision_title2{
    font-size: 30px;
    margin-bottom: 30px;
  }
  .about_vision_txt{
    font-size: 15px;
    /*line-height: 2.125;*/
    /*text-align: center;*/
  }
  
  .about_vision_side_en{
    font-size: 180px;
    -webkit-text-stroke: 1px white;
    -webkit-transform: translate(35px, -50%);
    transform: translate(35px, -50%);
  }
  


  /* POSITIVE ACTION */
  .about_positive{
    padding: 100px 0;
  }
  .about_positive_title{
    margin-bottom: 45px;
  }
  .about_positive_title_en{
    font-size: 100px;
  }
  .about_positive_title_ja{
    font-size: 20px;
  }
  .about_positive_title_ja:before{
    margin-right: 25px;
  }
  .about_positive_title_ja:after{
    margin-left: 25px;
  }
  .about_positive_txt{
    font-size: 16px;
    line-height: 2.125;
  }
  
  

  /* ユニフォーム */
  .about_uniform{
  }
  * + .about_uniform{
    margin-top: 50px;
  }
  .about_uniform_item{
    width: 47.36%;
  }
  .about_uniform_item:nth-child(n+2){
    margin-top: 0;
  }
  .about_uniform_item:nth-child(n+3){
    margin-top: 50px;
  }
  .about_uniform_item_title{
    padding: 16px 10px 10px;
  }
  .about_uniform_item_title_txt{
    font-size: 32px;
  }
  .about_uniform_en{
    font-size: 180px;
    -webkit-text-stroke: 1.5px white;
    margin-top: -25px;
  }
  
  
  /* 戦歴 */
  .about_info{

  }
  .about_info_row{
    
  }
  .about_info_row + .about_info_row{
    margin-top: 85px;
  }
  .about_info_row_head{
    font-size: 36px;
    margin-bottom: 20px;
  }
  .about_info_list_item{

  }
  .about_info_list_item + .about_info_list_item{
    margin-top: 50px;
  }
  .about_info_list_head{
    padding: 13px 10px 14px;
    margin-bottom: 15px;
  }
  .about_info_list_head_txt{
    font-size: 22px;
  }
  .about_info_list_details{
    margin: 0 -15px;
  }
  .about_info_list_details p{
    padding: 0 15px;
    font-size: 16px;
  }
  .about_info_list_details p{

  }
  .about_info_list_details.col1{
    margin-top: -10px;
  }
  .about_info_list_details.col1 p{
  }
  .about_info_list_details.col2 p{
    /*margin-bottom: 15px;*/
  }
}
@media (min-width:1024px){

  /* Vision */
  .about_vision{
  }
  .about_vision_box1{
    width: 44.73%;
    width: 46%;
    order: 1;
    margin-top: 0;
  }
  .about_vision_box2{
    width: 52.63%;
    width: 52%;
    order: 2;
  }
  .about_vision_title{
    /*margin-bottom: 30px;*/
  }
  .about_vision_title_en{
    /*font-size: 200px;*/
  }
  .about_vision_title_ja{
    /*font-size: 22px;*/
  }
  .about_vision_title_ja:after{
    /*margin-left: 30px;*/
  }
  .about_vision_title2{
    /*font-size: 36px;*/
    /*margin-bottom: 45px;*/
  }
  .about_vision_txt{
    /*font-size: 16px;*/
    /*line-height: 2.125;*/
  }
  
  .about_vision_side_en{
    font-size: 180px;
    /*-webkit-text-stroke: 2px white;*/
  }
  
  /* POSITIVE ACTION */
  .about_positive{
    /*padding: 200px 0 190px;*/
  }
  .about_positive_title{
    margin-bottom: 45px;
  }
  .about_positive_title_en{
    /*font-size: 200px;*/
  }
  .about_positive_title_ja{
    /*font-size: 22px;*/
  }
  /*.about_positive_title_ja:before{
    margin-right: 25px;
  }
  .about_positive_title_ja:after{
    margin-left: 25px;
  }
  .about_positive_txt{
    font-size: 16px;
    line-height: 2.125;
  }*/
  .about_positive_txt{
    text-align: center;
  }
  
  /* 戦歴 */
  .about_info_list_details.col1{
    margin-top: -10px;
  }
  .about_info_list_details.col1 p{
    line-height: 2.777;
  }
  .about_info_list_details.col2 p{
    width: 50%;
    margin-bottom: 15px;
  }

}
@media (min-width:1200px){

  /* Vision */
  .about_vision{
  }
  .about_vision_box1{
    width: 44.73%;
  }
  .about_vision_box2{
    width: 52.63%;
  }
  .about_vision_title{
    margin-bottom: 30px;
  }
  .about_vision_title_en{
    font-size: 160px;
  }
  .about_vision_title_ja{
    font-size: 22px;
  }
  .about_vision_title_ja:after{
    /*margin-left: 30px;*/
  }
  .about_vision_title2{
    font-size: 32px;
    /*margin-bottom: 45px;*/
  }
  .about_vision_txt{
    font-size: 16px;
    line-height: 2.125;
  }
  
  .about_vision_side_en{
    font-size: 220px;
    /*-webkit-text-stroke: 2px white;*/
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  
  
  /* POSITIVE ACTION */
  .about_positive{
    padding: 150px 0;
  }
  .about_positive_title_en{
    font-size: 150px;
  }
  .about_positive_title_ja{
    font-size: 22px;
  }
  
  /* ユニフォーム */
  .about_uniform{
  }
  * + .about_uniform{
    margin-top: 50px;
  }
  .about_uniform_item{
    width: 47.36%;
  }
  .about_uniform_item:nth-child(n+2){
    margin-top: 0;
  }
  .about_uniform_item:nth-child(n+3){
    margin-top: 50px;
  }
  .about_uniform_item_title{
    padding: 16px 10px 10px;
  }
  .about_uniform_item_title_txt{
    font-size: 54px;
  }
  .about_uniform_en{
    font-size: 220px;
    margin-top: -35px;
  }
  
  /* 戦歴 */
  .about_info{

  }
  .about_info_row{
    
  }
  .about_info_row + .about_info_row{
    margin-top: 85px;
  }
  .about_info_row_head{
    font-size: 48px;
    margin-bottom: 30px;
  }
  .about_info_list_item{

  }
  .about_info_list_item + .about_info_list_item{
    margin-top: 60px;
  }
  .about_info_list_head{
    padding: 13px 10px 14px;
    margin-bottom: 25px;
  }
  .about_info_list_head_txt{
    font-size: 25px;
  }
  .about_info_list_details{
    margin: 0 -15px;
  }
  .about_info_list_details p{
    padding: 0 15px;
    font-size: 18px;
  }
  .about_info_list_details p{

  }
  .about_info_list_details.col1{
    margin-top: -10px;
  }
  .about_info_list_details.col1 p{
    line-height: 2.777;
  }
  .about_info_list_details.col2 p{
    width: 50%;
    margin-bottom: 15px;
  }
}
@media (min-width:1366px){

}
@media (min-width:1450px){

  /* Vision */
  .about_vision{
  }
  .about_vision_box1{
    width: 44.73%;
  }
  .about_vision_box2{
    width: 52.63%;
  }
  .about_vision_title{
    margin-bottom: 30px;
  }
  .about_vision_title_en{
    font-size: 200px;
  }
  .about_vision_title_ja{
    font-size: 22px;
  }
  .about_vision_title_ja:after{
    margin-left: 30px;
  }
  .about_vision_title2{
    font-size: 36px;
    margin-bottom: 45px;
  }
  .about_vision_txt{
    font-size: 16px;
    line-height: 2.125;
  }
  
  .about_vision_side_en{
    font-size: 280px;
    -webkit-text-stroke: 2px white;
  }
  
  /* POSITIVE ACTION */
  .about_positive{
    padding: 200px 0 190px;
  }
  .about_positive_title{
    margin-bottom: 45px;
  }
  .about_positive_title_en{
    font-size: 200px;
  }
  .about_positive_title_ja{
    font-size: 22px;
  }
  /*.about_positive_title_ja:before{
    margin-right: 25px;
  }
  .about_positive_title_ja:after{
    margin-left: 25px;
  }*/
  .about_positive_txt{
    font-size: 16px;
    line-height: 2.125;
    text-align: center;
  }
  
  .about_uniform_en{
    font-size: 280px;
    margin-top: -35px;
  }
  
}

@media (min-width:1700px){

  .about_uniform_en{
    font-size: 280px;
    margin-top: -35px;
  }
}




/*******************************
*　
********************************/

/* セクション設定 */
.pg_course{

}
.pg_course .section.sec1{
  padding-top: 0;
}
.pg_course .section.sec2{
  padding-top: 0;
  position: relative;
  z-index: 2;
}
.pg_course .section.sec2 .container + .container{
  margin-top: 50px;
}
.pg_course .section.sec3{
  margin-top: -40px;
  padding-top: 80px;
  padding-bottom: 0;
}
.pg_course .section.sec4{
  padding-top: 100px;
}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){

  .pg_course .section.sec1{
    padding-top: 45px;
  }
  .pg_course .section.sec2{
    padding-top: 50px;
  }
  .pg_course .section.sec2 .container + .container{
    margin-top: 70px;
  }
  .pg_course .section.sec3{
    margin-top: -100px;
    padding-top: 150px;
  }
  .pg_course .section.sec4{
    padding-top: 100px;
  }


}
@media (min-width:1024px){


}
@media (min-width:1200px){

  

}
@media (min-width:1450px){

  .pg_course .section.sec1{
    padding-top: 45px;
  }
  .pg_course .section.sec2{
    padding-top: 50px;
  }
  .pg_course .section.sec2 .container + .container{
    margin-top: 150px;
  }
  .pg_course .section.sec3{
    margin-top: -160px;
    padding-top: 230px;
  }
  .pg_course .section.sec4{
    padding-top: 180px;
  }
  

}

/* メイン部分 */
.course_about_wrap{
  
}
.course_about_wrap .content_desc{
  margin-top: 30px;
}


/* カテゴリ */
.course_cat_nav{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.course_cat_nav_item{
  width: 100%;
  padding: 0 5px;
}
.course_cat_nav_item:nth-child(n+2){
  margin-top: 10px;
}
.course_cat_nav_item_a{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  border: 1px solid #FFF;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  height: 75px;
}
.course_cat_nav_item_a:hover{
  background: #FFF;
  color: #181818;
}
.course_cat_nav_item_a p{
  width: 100%;
}
.course_cat_nav_item_a:after{
  content: "";
  width: 20px;
  aspect-ratio: 1 / 1;
  margin-top: 5px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(/system_panel/uploads/images/category_nav_arrow.svg);
}

/* コース説明 */
.course_contents{
  
}
.course_contents_item{
  
}
.course_contents_item + .course_contents_item{
  margin-top: 80px;
}
.course_contents_row1{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.course_contents_row1_box1{
  width: 100%;
}
.course_contents_row1_box2{
  width: 100%;
  padding-top: 20px;
}

.course_contents_row2{
  margin-top: 30px;
}

.course_contents_img{
  
}
.course_contents_img.img_fit:before{
  padding-top: 69.971%;
}
.course_contents_title1{
  font-size: 22px;
  position: relative;
  z-index: 1;
  margin-bottom: 5px;
}
.course_contents_title1_en{
  /*font-size: 3.0555em;*/
  font-size: 2.2em;
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.025em;
  line-height: 0.8;
  white-space: nowrap;
  /*color: #e60011;*/
  /*opacity: 0.1;*/
  color: #3f1819;
  opacity: 1;
}
.course_contents_title1_ja{
  font-size: 1em;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.4;
  position: absolute;
  z-index: 1;
  top: 44%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.course_contents_title2{
  font-size: 20px;
  font-weight: 900;
  line-height: 1.4;
  margin-top: 10px;
  margin-bottom: 15px;
}
.course_contents_title2 p{
  letter-spacing: 0;
}
.course_contents_txt{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.875;
  text-align: justify;
}

.course_contents_points{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.course_contents_points_item{
  width: 100%;
  background: #FFF;
}
.course_contents_points_item:nth-child(n+2){
  margin-top: 30px;
}

.course_contents_points_item_title{
  background-image: url('/system_panel/uploads/images/uniform_bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  padding: 10px 10px ;
}
.course_contents_points_item_title_txt{
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
}
.course_contents_points_item_details{
  padding: 20px 15px;
  
}
.course_contents_points_item_details p{
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.5;
  color: #181818;
  padding-left: 1.2em;
  position: relative;
  z-index: 1;
}
.course_contents_points_item_details p+p{
  margin-top: 12px;
}
.course_contents_points_item_details p:before{
  content: "●";
  position: absolute;
  z-index: 1;
  left: 0;
}


/* 練習環境 */
.course_training_wrap{
  
}
.course_training_wrap .sec_tt{
  margin-bottom: 25px;
}
.course_training_wrap .content_desc{
  margin-top: 35px;
}
.course_training_wrap2{
  
}
* + .course_training_wrap2{
  margin-top: 40px;
}
.course_training_wrap2 .page_hdr_tt{

}

.course_training_list{
  display: flex;
  flex-wrap: wrap;
}
* + .course_training_list{
  margin-top: 32px;
}
.course_training_list.type1{
  margin-left: -35px;
  margin-right: -35px;
}
.course_training_list.type2{
  margin-left: -43px;
  margin-right: -43px;
}

.course_training_list_item{
  width: 100%;
}
.course_training_list.type1 .course_training_list_item{
  padding: 0 35px;
}
.course_training_list.type2 .course_training_list_item{
  padding: 0 43px;
}

.course_training_list_item:nth-child(n+2){
  margin-top: 30px;
}
.course_training_list_item_img1{
  
}
.course_training_list_item_img1.img_fit:before{
  padding-top: 69.565%;
}
.course_training_list_item_img2.img_fit:before{
  padding-top: 71.111%;
}
.course_training_list_item_title1,
.course_training_list_item_title2{
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
  margin-top: 25px;
  margin-bottom: 10px;
}
.course_training_list_item_title1{
  text-align: center;
}
.course_training_list_item_title1:after{
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background: #e60011;
  margin: 10px auto 0;
}
.course_training_list_item_title2{
  border-bottom: 1px solid #FFF;
  padding-bottom: 8px;
}
.course_training_list_item_txt{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.875;
  text-align: justify;
}
.course_training_list_item_title1 + .course_training_list_item_txt{
  /*padding: 0 15px;*/
}

.course_popup{
  background: #1a1a1a;
  padding: 30px 30px;
  overflow: auto;
}

.gjs-dashed .course_popup{
  margin-top: 50px;
}

/* 料金表 */
.course_fee_wrap{
  
}
.course_fee_wrap .page_hdr_tt{
  margin-bottom: 30px;
}
.course_fee_tbl{
  min-width: 750px;
}
.course_fee_tbl .table_rows_th,
.course_fee_tbl .table_rows_td{
  font-size: 15px;
  font-weight: 500;
  color: #1a1a1a;
  border-color: #898989;
  text-align: center;
  vertical-align: middle;
  padding: 18px 10px;
}
.course_fee_tbl .table_rows_th{
  background: #e60011;
  color: #FFF;
}
.course_fee_tbl .table_rows_td{
  
}

@media (max-width:767px){

}
@media (min-width:768px){

  .course_about_wrap{

  }
  .course_about_wrap .content_desc{
    margin-top: 42px;
  }
  
  /* カテゴリ */
  .course_cat_nav{
    margin: 0 -10px;
  }
  .course_cat_nav_item{
    width: 33.333%;
    padding: 0 10px;
  }
  .course_cat_nav_item:nth-child(n+2){
    margin-top: 0;
  }
  .course_cat_nav_item:nth-child(n+4){
    margin-top: 20px;
  }
  .course_cat_nav_item_a{
    font-size: 18px;
    height: 80px;
  }
  .course_cat_nav_item_a:after{
    width: 20px;
    margin-top: 5px;
  }

  /* コース説明 */
  .course_contents{

  }
  .course_contents_item + .course_contents_item{
    margin-top: 100px;
  }
  .course_contents_row1{
  }
  .course_contents_row1_box1{
    /*width: 44.73%;*/
  }
  .course_contents_row1_box2{
    /*width: 50.98%;*/
    padding-top: 50px;
  }

  .course_contents_row2{
    margin-top: 30px;
  }

  .course_contents_title1{
    font-size: 28px;
    margin-bottom: 5px;
  }
  .course_contents_title1_en{
    font-size: 3.0555em;
  }
  .course_contents_title1_ja{
    font-size: 1em;
    top: 44%;
  }
  .course_contents_title2{
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 25px;
  }
  .course_contents_txt{
    font-size: 16px;
    /*line-height: 2.125;*/
  }

  .course_contents_points{
  }
  .course_contents_points_item{
    /*width: 47.36%;*/
  }
  .course_contents_points_item:nth-child(n+2){
    /*margin-top: 0;*/
  }
  .course_contents_points_item:nth-child(n+3){
    /*margin-top: 30px;*/
  }

  .course_contents_points_item_title{
    padding: 10px 10px ;
  }
  .course_contents_points_item_title_txt{
    font-size: 20px;
  }
  .course_contents_points_item_details{
    padding: 20px 20px;

  }
  .course_contents_points_item_details p{
    font-size: 16px;
  }
  .course_contents_points_item_details p+p{
    margin-top: 18px;
  }
  
  

  /* 練習環境 */
  .course_training_wrap .sec_tt{
    margin-bottom: 50px;
  }
  .course_training_wrap .content_desc{
    margin-top: 45px;
  }
  .course_training_list{
  }
  * + .course_training_list{
    margin-top: 32px;
  }
  .course_training_list.type1{
    margin-left: -10px;
    margin-right: -10px;
  }
  .course_training_list.type2{
    margin-left: -10px;
    margin-right: -10px;
  }

  .course_training_list_item{
    width: 33.333%;
  }
  

  .course_training_list_item:nth-child(n+2){
    margin-top: 0;
  }
  .course_training_list_item:nth-child(n+4){
    margin-top: 30px;
  }
  .course_training_list.type1 .course_training_list_item{
    padding: 0 10px;
  }
  .course_training_list.type2 .course_training_list_item{
    width: 50%;
    padding: 0 10px;
  }
  .course_training_list.type2 .course_training_list_item:nth-child(n+3){
    margin-top: 30px;
  }
  
  .course_training_list_item_title1,
  .course_training_list_item_title2{
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .course_training_list_item_title1{
  }
  .course_training_list_item_title1:after{
    width: 50px;
    height: 3px;
    margin: 15px auto 0;
  }
  .course_training_list_item_title2{
    /*padding-bottom: 8px;*/
  }
  .course_training_list_item_txt{
    font-size: 16px;
    /*line-height: 2.125;*/
  }
  .course_training_list_item_title1 + .course_training_list_item_txt{
    /*padding: 0 15px;*/
  }
  
}
@media (min-width:1024px){

  /* コース説明 */
  .course_contents{

  }
  .course_contents_item{

  }
  .course_contents_item + .course_contents_item{
    margin-top: 150px;
  }
  .course_contents_row1{
  }
  .course_contents_row1_box1{
    width: 44.73%;
  }
  .course_contents_row1_box2{
    width: 50.98%;
    padding-top: 0;
  }

  .course_contents_row2{
    margin-top: 50px;
  }

  .course_contents_title1{
    font-size: 32px;
    margin-bottom: 5px;
  }
  .course_contents_title1_en{
    /*font-size: 3.0555em;*/
  }
  .course_contents_title1_ja{
    /*font-size: 1em;*/
    top: 44%;
  }
  .course_contents_title2{
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 25px;
  }
  .course_contents_txt{
    /*font-size: 16px;*/
    /*line-height: 2.125;*/
  }

  .course_contents_points{
  }
  .course_contents_points_item{
    width: 47.36%;
    width: 48.5%;
  }
  .course_contents_points_item:nth-child(n+2){
    margin-top: 0;
  }
  .course_contents_points_item:nth-child(n+3){
    margin-top: 30px;
  }

  .course_contents_points_item_title{
    /*padding: 18px 10px ;*/
  }
  .course_contents_points_item_title_txt{
    /*font-size: 24px;*/
  }
  .course_contents_points_item_details{
    /*padding: 30px 50px;*/

  }
  .course_contents_points_item_details p{
    /*font-size: 18px;*/
  }
  .course_contents_points_item_details p+p{
    /*margin-top: 18px;*/
  }

  /* 練習環境 */
  .course_training_list{
  }
  * + .course_training_list{
    /*margin-top: 50px;*/
  }
  .course_training_list.type1{
    margin-left: -15px;
    margin-right: -15px;
  }
  .course_training_list.type2{
    margin-left: -15px;
    margin-right: -15px;
  }

  .course_training_list_item{
    width: 33.333%;
  }
  .course_training_list.type1 .course_training_list_item{
    padding: 0 15px;
  }
  .course_training_list.type2 .course_training_list_item{
    padding: 0 15px;
  }

  .course_training_list_item:nth-child(n+2){
    margin-top: 0;
  }
  .course_training_list_item:nth-child(n+4){
    margin-top: 30px;
  }
  
  .course_training_list.type2 .course_training_list_item{
    width: 25%;
  }
  .course_training_list.type2 .course_training_list_item:nth-child(n+3){
    margin-top: 0;
  }
  .course_training_list.type2 .course_training_list_item:nth-child(n+5){
    margin-top: 30px;
  }
  
  .course_training_list_item_title1,
  .course_training_list_item_title2{
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
  }
  .course_training_list_item_title1{
  }
  .course_training_list_item_title1:after{
    /*width: 50px;*/
    /*height: 3px;*/
    margin: 15px auto 0;
  }
  .course_training_list_item_title2{
    /*padding-bottom: 8px;*/
  }
  .course_training_list_item_txt{
    /*font-size: 16px;*/
    /*line-height: 2.125;*/
  }
  .course_training_list_item_title1 + .course_training_list_item_txt{
    /*padding: 0 15px;*/
  }
  
}
@media (min-width:1200px){

  /* カテゴリ */
  .course_cat_nav{
    margin: 0 -21px;
  }
  .course_cat_nav_item{
    width: 33.333%;
    padding: 0 21px;
  }
  .course_cat_nav_item_a{
    font-size: 22px;
    height: 100px;
  }
  .course_cat_nav_item_a:after{
    /*width: 20px;*/
    /*margin-top: 5px;*/
  }
  
  /* コース説明 */
  .course_contents{

  }
  .course_contents_item{

  }
  .course_contents_item + .course_contents_item{
    margin-top: 200px;
  }
  .course_contents_row1{
  }
  .course_contents_row1_box1{
    width: 44.73%;
  }
  .course_contents_row1_box2{
    width: 50.98%;
    /*padding-top: 50px;*/
  }

  .course_contents_row2{
    margin-top: 50px;
  }

  .course_contents_title1{
    font-size: 36px;
    margin-bottom: 5px;
  }
  .course_contents_title1_en{
    /*font-size: 3.0555em;*/
  }
  .course_contents_title1_ja{
    /*font-size: 1em;*/
    top: 44%;
  }
  .course_contents_title2{
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 25px;
  }
  .course_contents_txt{
    /*font-size: 16px;*/
    /*line-height: 2.125;*/
  }

  .course_contents_points{
  }
  .course_contents_points_item{
    width: 47.36%;
  }
  .course_contents_points_item:nth-child(n+2){
    margin-top: 0;
  }
  .course_contents_points_item:nth-child(n+3){
    margin-top: 30px;
  }

  .course_contents_points_item_title{
    /*padding: 18px 10px ;*/
  }
  .course_contents_points_item_title_txt{
    /*font-size: 24px;*/
  }
  .course_contents_points_item_details{
    padding: 25px 30px;
  }
  .course_contents_points_item_details p{
    /*font-size: 18px;*/
  }
  .course_contents_points_item_details p+p{
    margin-top: 18px;
  }

  
}
@media (min-width:1366px){

}
@media (min-width:1450px){

  .course_contents_txt{
    line-height: 2.125;
  }
  
  .course_contents_points_item_title{
    padding: 18px 10px ;
  }
  .course_contents_points_item_title_txt{
    font-size: 24px;
  }
  .course_contents_points_item_details{
    padding: 30px 50px;
  }
  .course_contents_points_item_details p{
    font-size: 18px;
  }
  
  
  /* 練習環境 */
  .course_training_list{
  }
  * + .course_training_list{
    /*margin-top: 50px;*/
  }
  .course_contents_row2 .course_training_list{
    margin-top: 100px;
  }
  .course_training_list.type1{
    margin-left: -20px;
    margin-right: -20px;
  }
  .course_training_list.type2{
    margin-left: -20px;
    margin-right: -20px;
  }

  .course_training_list_item{
    width: 33.333%;
  }
  .course_training_list.type1 .course_training_list_item{
    padding: 0 20px;
  }
  .course_training_list.type2 .course_training_list_item{
    padding: 0 20px;
  }

  .course_training_list_item:nth-child(n+2){
    margin-top: 0;
  }
  .course_training_list_item:nth-child(n+4){
    margin-top: 30px;
  }
  
  .course_training_list_item_title1,
  .course_training_list_item_title2{
    font-size: 26px;
    margin-top: 25px;
    margin-bottom: 10px;
  }
  .course_training_list_item_title1{
  }
  .course_training_list_item_title1:after{
    width: 50px;
    height: 3px;
    margin: 15px auto 0;
  }
  .course_training_list_item_title2{
    /*padding-bottom: 8px;*/
  }
  .course_training_list_item_txt{
    font-size: 16px;
    line-height: 2.125;
  }
  .course_training_list_item_title1 + .course_training_list_item_txt{
    padding: 0 15px;
  }
  
  .course_popup{
    width: 1520px;
    max-width: 100%;
    padding: 100px 100px;
  }

}

@media (min-width:1700px){

  .course_contents_row1_box2{
    padding-top: 50px;
  }
  
  /* 練習環境 */
  .course_training_list{
  }
  * + .course_training_list{
    /*margin-top: 50px;*/
  }
  .course_training_list.type1{
    margin-left: -35px;
    margin-right: -35px;
  }
  .course_training_list.type2{
    margin-left: -43px;
    margin-right: -43px;
  }

  .course_training_list_item{
    width: 33.333%;
  }
  .course_training_list.type1 .course_training_list_item{
    padding: 0 35px;
  }
  .course_training_list.type2 .course_training_list_item{
    padding: 0 43px;
  }

  
}





/*******************************
*　
********************************/

/* セクション設定 */
.pg_xxx{

}
.pg_xxx .section.sec1{

}
.pg_xxx .section.sec2{

}


@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){

}
@media (min-width:768px){

  .pg_xxx{

  }
  .pg_xxx .section.sec1{

  }
  .pg_xxx .section.sec2{

  }

}
@media (min-width:1024px){


}
@media (min-width:1200px){


}

/* メイン部分 */

/* カテゴリナビ */
.order_forms_nav{
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}
.order_forms_nav_item{
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
}
.order_forms_nav_item:nth-child(n+2){
  margin-top: 10px;
}
.order_forms_nav_item_a{
  display: block;
  background: #e60011;
  padding: 4px 5px 6px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  position: relative;
  z-index: 1;
}
.order_forms_nav_item_a.on,
.order_forms_nav_item_a:hover{
  color: #e60011;
  background: #FFF;
}
.order_forms_nav_item_a:before{
  content: "\f054";
  content: "\f105";
  
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.order_forms_nav_item_a:before{
  
}



/* サブナビ */
.order_forms_nav_subs{
  background: #FFF;
  padding: 0;
  margin-top: 30px;
}
.order_forms_nav_subs_list{
  display: flex;
  display: none;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  padding: 15px 15px;
}
.order_forms_nav_subs_list_item{
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
  margin: 5px 0;
}
.order_forms_nav_subs_list_item:nth-child(n+3){
}
.order_forms_nav_subs_list_item_a{
  display: block;
  color: #fff;
  background: #4c4c4c;
  border: 1px solid #4c4c4c;
  font-size: 13px;
  text-align: center;
  padding: 3px 0 5px;
  position: relative;
  z-index: 1;
}
.order_forms_nav_subs_list_item_a.on,
.order_forms_nav_subs_list_item_a:hover{
  background: #FFF;
  color: #4c4c4c;
}
.order_forms_nav_subs_list_item_a:after{
  content: "";
  content: "\f105";
  
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/* 注文フォーム郡 */
.order_forms_all{
  margin-top: 70px;
}
.order_forms_wrap{
  display: none;
}
.order_forms_wrap:first-child{
  display: block;
}
.order_forms_wrap + .order_forms_wrap{
  /*margin-top: 100px;*/
}
.order_forms{
  margin-bottom: 100px;
}
* + .order_forms{

}

.order_forms .page_hdr_tt{
  font-size: 20px;
  letter-spacing: 0.075em;
  margin-bottom: 15px;
}

.order_forms_content{
  display: none;
  /*background: #333;*/
  /*padding: 5px;*/
}
.order_forms_content + .order_forms_content{
  margin-top: 50px;
}
.order_forms_content:first-child{
  display: block;
}
.order_forms_content_title{
  display: none;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

.order_forms_row{

}
.order_forms_row + .order_forms_row{
  margin-top: 70px;
}

.order_forms_txt1{
  width: 100%;
  margin-top: 5px;
  margin-bottom: 4px;
}
.order_num{
  max-width: 225px;
  width: 100%;
  font-size: 16px;
  padding: 7px 10px;
  border: 1px solid #d6d8d8;
}

.pg_contact .order_forms .formTd.d-center{
  flex-wrap: wrap;
}


/* 管理画面用 */
.gjs-dashed .order_forms_nav_subs_list{
  display: flex;
}
.gjs-dashed .order_forms_wrap,
.gjs-dashed .order_forms_content,
.gjs-dashed .order_forms_content_title{
  display: block;
}

.gjs-dashed .order_forms_content{
  background: #333;
  padding: 10px;
}
.gjs-dashed .order_forms_wrap + .order_forms_wrap{
  margin-top: 100px;
}


/*コース料金非表示*/
.course_fee_wrap .js-scrollable{
  display: none;
}

.pg_course .section.sec4 .page_scroll_item{
  width: 100%;
}
.pg_course .section.sec4 .page_scroll_item_inner{
  padding: 18px 0 18px;
}
.pg_course .section.sec4 .page_scroll_item_inner:after{
  display: none;
}
@media (max-width:767px){

}
@media (min-width:768px){

  /* カテゴリナビ */
  .order_forms_nav{
    margin-left: -12px;
    margin-right: -12px;
  }
  .order_forms_nav_item{
    width: 50%;
    padding-left: 12px;
    padding-right: 12px;
  }
  .order_forms_nav_item:nth-child(n+2){
    margin-top: 0;
  }
  .order_forms_nav_item:nth-child(n+3){
    margin-top: 20px;
  }
  .order_forms_nav_item_a{
    padding: 4px 5px 6px;
    font-size: 16px;
  }
  .order_forms_nav_item_a:before{
    right: 10px;
  }
  


  /* サブナビ */
  .order_forms_nav_subs{
    margin-top: 30px;
  }
  .order_forms_nav_subs_list{
    margin-left: -12px;
    margin-right: -12px;
    padding: 15px 12px;
  }
  .order_forms_nav_subs_list_item{
    width: 33.333%;
    padding-left: 12px;
    padding-right: 12px;
    margin: 10px 0;
  }
  .order_forms_nav_subs_list_item:nth-child(n+3){
    /*margin-top: 0;*/
  }
  .order_forms_nav_subs_list_item:nth-child(n+4){
  }
  .order_forms_nav_subs_list_item_a{
    font-size: 16px;
    padding: 3px 0 5px;
  }

  /* 注文フォーム郡 */
  .order_forms_all{
    margin-top: 70px;
  }
  .order_forms{
    margin-bottom: 100px;
  }

  .order_forms .page_hdr_tt{
    font-size: 30px;
    margin-bottom: 25px;
  }

  .order_forms_content + .order_forms_content{
    margin-top: 50px;
  }
  .order_forms_content_title{
    font-size: 20px;
  }

  .order_forms_row{

  }
  .order_forms_row + .order_forms_row{
    margin-top: 70px;
  }

  .order_forms_txt1{
    margin-top: 15px;
    margin-bottom: 4px;
  }
  .order_num{
    max-width: 225px;
    font-size: 16px;
    padding: 7px 10px;
  }

  .pg_course .section.sec4 .page_scroll_item{
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    /*max-width: 330px;*/
  }
}
@media (min-width:1024px){

  /* カテゴリナビ */
  .order_forms_nav{
    margin-left: -5px;
    margin-right: -5px;
  }
  .order_forms_nav_item{
    width: 25%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .order_forms_nav_item:nth-child(n+3){
    margin-top: 0;
  }
  .order_forms_nav_item:nth-child(n+5){
    margin-top: 20px;
  }
  .order_forms_nav_item_a{
    padding: 4px 5px 6px;
    font-size: 16px;
  }
  .order_forms_nav_item_a:before{
    right: 10px;
  }
  .order_forms_nav_item_a:before{

  }
  .order_forms_nav_item_a[href="#form2"].on:before,
  .order_forms_nav_item_a[href="#form3"].on:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    border-width: 0px 20px 20px 20px;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
  }


  /* サブナビ */
  .order_forms_nav_subs{
    margin-top: 30px;
  }
  .order_forms_nav_subs_list{
    margin-left: -12px;
    margin-right: -12px;
    padding: 15px 42px;
  }
  .order_forms_nav_subs_list_item{
    width: 25%;
    padding-left: 12px;
    padding-right: 12px;
    margin: 10px 0;
  }
  .order_forms_nav_subs_list_item_a{
    padding: 3px 0 5px;
  }

  .pg_course .section.sec4 .page_scroll_item{
max-width: 350px;
  }
}
@media (min-width:1200px){

  /* カテゴリナビ */
  .order_forms_nav{
    margin-left: -12px;
    margin-right: -12px;
  }
  .order_forms_nav_item{
    width: 25%;
    padding-left: 12px;
    padding-right: 12px;
  }
.pg_course .section.sec4 .page_scroll_item{
max-width: 350px;
  }
}
@media (min-width:1366px){

}
@media (min-width:1450px){

}

@media (min-width:1700px){

}





/*******************************
*　
********************************/


.tryangle_txt{
  /*width: 100vw !important;*/
  width: 100vw !important;
  white-space: nowrap;
}
.home_contents2_item:nth-child(1) .tryangle_txt{
  right: 0;
  bottom: 0;
  /*transform: translate(36%, -15%) rotate(-42.1deg);*/
  transform: translate(25%, -15%) rotate(-42.1deg);
}
.home_contents2_item:nth-child(2) .tryangle_txt{
  left: 0;
  bottom: 0;
  /*transform: translate(-36%, -15%) rotate(42.1deg);*/
  transform: translate(-25%, -15%) rotate(42.1deg);
}
.home_contents2_item:nth-child(3) .tryangle_txt{
  right: 0;
  bottom: 0;
  /*transform: translate(36%, -15%) rotate(-42.1deg);*/
  transform: translate(25%, -15%) rotate(-42.1deg);
}
.tryangle_txt_p1,
.tryangle_txt_p2{
  font-size: 75px;
  font-family: "Bebas Neue", sans-serif;
  line-height: 0.75;
  letter-spacing: 0;
  text-align: center;
  color: transparent;
  -webkit-text-stroke: 1px #e60011;
}
.tryangle_txt_p1 p,
.tryangle_txt_p2 p{
  letter-spacing: -0.02em;
  letter-spacing: 0;
}


@media (min-width:768px){
  
  .tryangle_txt{
    width: 50vw !important;
  }
  .home_contents2_item:nth-child(1) .tryangle_txt{
    /*transform: translate(36%, -15%) rotate(-42.1deg);*/
    transform: translate(25%, -15%) rotate(-42.1deg);
  }
  .home_contents2_item:nth-child(2) .tryangle_txt{
    /*transform: translate(-36%, -15%) rotate(42.1deg);*/
    transform: translate(-25%, -15%) rotate(42.1deg);
  }
  .home_contents2_item:nth-child(3) .tryangle_txt{
    /*transform: translate(36%, -15%) rotate(-42.1deg);*/
    transform: translate(25%, -15%) rotate(-42.1deg);
  }
  .tryangle_txt_p1,
  .tryangle_txt_p2{
    font-size: 100px;
  }
}
@media (min-width:1024px){
  .tryangle_txt_p1,
  .tryangle_txt_p2{
    font-size: 125px;
  }
}
@media (min-width:1200px){
  .tryangle_txt_p1,
  .tryangle_txt_p2{
    font-size: 150px;
  }
}
@media (min-width:1366px){
  
}
@media (min-width:1450px){
  .tryangle_txt_p1,
  .tryangle_txt_p2{
    font-size: 200px;
  }
}

@media (min-width:1700px){

}


.staff_content .webgene-item .content .position{
  color: #FFF;
}
.staff_content .webgene-item .met{
  align-items: flex-end;
}
.staff_content .webgene-item .met .name_en{
  padding-bottom: 2px;
}

.style_popup_box2 .met{
  align-items: flex-end;
}
.style_popup_box2 .name_en{
  padding-bottom: 2px;
}

/*******************************
*　
********************************/

.animeWrap {
  display: block;
}
.textAnime01 {
  display: inline-block;
  position: relative;
  width: 0%;
  color: #fff;              /* 白文字は常に見える */
  white-space: nowrap;
  overflow: hidden;
  z-index: 0;               /* ベース文字は後ろ */
}
.textAnime01.animeStart {
  /* 横幅アニメーション */
  animation: expandWidth 1s ease forwards;
  /*animation-delay: 0.2s;*/
}

@keyframes expandWidth {
  from { width: 0%; }
  to   { width: 100%; }
}

/* キラッ（1回だけ、横幅完了後に発火） */
.textAnime01.animeStart::after {
  content: attr(data-text);           /* 元の文字をコピー */
  position: absolute;
  inset: 0;                           /* top/left/right/bottom:0 の短縮 */
  z-index: 1;                         /* 白文字の上に重ねる */
  pointer-events: none;

  /* 文字だけに光をクリップ */
  color: transparent;
  -webkit-text-fill-color: transparent; 
  -webkit-background-clip: text;
  background-clip: text;

  /* 光の帯（細めで中央強め） */
  background-image: linear-gradient(
    75deg,
    rgba(255,255,255,0)   0%,
    rgba(255,255,255,0)  44%,
    /*rgba(220,220,220,0.9) 50%,*/
    rgba(230,0,18,0.9) 50%,
    rgba(255,255,255,0)  56%,
    rgba(255,255,255,0) 100%
  );
  background-size: 300% 100%;
  background-repeat: no-repeat;
  background-position: 200% 0;
  will-change: background-position;

  animation: shineText 2.5s ease-in-out forwards;
  animation-delay: 0s;                /* expandWidth(1s)後に開始 */
}

@keyframes shineText {
  from { background-position: 50% 0; }
  to   { background-position: -200% 0; }
}


/* --- */




/* 一文字ずつ表示するアニメーション */
.js-txt-up{
  opacity: 0;
}
.js-txt-up.animeStart{
  opacity: 1;
  animation-delay: 0.5s;
}
.js-txt-up.animeStart ._txt{
  opacity: 1;
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.js-txt-up ._txt {
  will-change: transform, opacity;
  display: inline-block;
  font-weight: inherit;
  opacity: 0;
  -ms-transform: translateY(80%);
  transform: translateY(80%);
  -webkit-clip-path: inset(0% 0% 0% 100%);
  clip-path: inset(0% 0% 0% 100%);
  transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-clip-path 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), clip-path 1s cubic-bezier(0.19, 1, 0.22, 1), transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1), clip-path 1s cubic-bezier(0.19, 1, 0.22, 1), transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-clip-path 1s cubic-bezier(0.19, 1, 0.22, 1);
  
}
:root {
  --js-txt-up-delay-st: 0.3s;    /* 最初のディレイ */
  --js-txt-up-delay-step: 0.05s; /* 1文字ごとの遅延刻み */
}

.js-txt-up ._txt:nth-child(1) {
  transition-delay: var(--js-txt-up-delay-st);
}
.js-txt-up ._txt:nth-child(2) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 1);
}
.js-txt-up ._txt:nth-child(3) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 2);
}
.js-txt-up ._txt:nth-child(4) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 3);
}
.js-txt-up ._txt:nth-child(5) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 4);
}
.js-txt-up ._txt:nth-child(6) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 5);
}
.js-txt-up ._txt:nth-child(7) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 6);
}
.js-txt-up ._txt:nth-child(8) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 7);
}
.js-txt-up ._txt:nth-child(9) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 8);
}
.js-txt-up ._txt:nth-child(10) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 9);
}
.js-txt-up ._txt:nth-child(11) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 10);
}
.js-txt-up ._txt:nth-child(12) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 11);
}
.js-txt-up ._txt:nth-child(13) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 12);
}
.js-txt-up ._txt:nth-child(14) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 13);
}
.js-txt-up ._txt:nth-child(15) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 14);
}
.js-txt-up ._txt:nth-child(16) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 15);
}
.js-txt-up ._txt:nth-child(17) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 16);
}
.js-txt-up ._txt:nth-child(18) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 17);
}
.js-txt-up ._txt:nth-child(19) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 18);
}
.js-txt-up ._txt:nth-child(20) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 19);
}
.js-txt-up ._txt:nth-child(21) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 20);
}
.js-txt-up ._txt:nth-child(22) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 21);
}
.js-txt-up ._txt:nth-child(23) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 22);
}
.js-txt-up ._txt:nth-child(24) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 23);
}
.js-txt-up ._txt:nth-child(25) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 24);
}
.js-txt-up ._txt:nth-child(26) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 25);
}
.js-txt-up ._txt:nth-child(27) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 26);
}
.js-txt-up ._txt:nth-child(28) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 27);
}
.js-txt-up ._txt:nth-child(29) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 28);
}
.js-txt-up ._txt:nth-child(30) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 29);
}
.js-txt-up ._txt:nth-child(31) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 30);
}
.js-txt-up ._txt:nth-child(32) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 31);
}
.js-txt-up ._txt:nth-child(33) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 32);
}
.js-txt-up ._txt:nth-child(34) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 33);
}
.js-txt-up ._txt:nth-child(35) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 34);
}
.js-txt-up ._txt:nth-child(36) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 35);
}
.js-txt-up ._txt:nth-child(37) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 36);
}
.js-txt-up ._txt:nth-child(38) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 37);
}
.js-txt-up ._txt:nth-child(39) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 38);
}
.js-txt-up ._txt:nth-child(40) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 39);
}
.js-txt-up ._txt:nth-child(41) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 40);
}
.js-txt-up ._txt:nth-child(42) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 41);
}
.js-txt-up ._txt:nth-child(43) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 42);
}
.js-txt-up ._txt:nth-child(44) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 43);
}
.js-txt-up ._txt:nth-child(45) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 44);
}
.js-txt-up ._txt:nth-child(46) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 45);
}
.js-txt-up ._txt:nth-child(47) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 46);
}
.js-txt-up ._txt:nth-child(48) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 47);
}
.js-txt-up ._txt:nth-child(49) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 48);
}
.js-txt-up ._txt:nth-child(50) {
  transition-delay: calc(var(--js-txt-up-delay-st) + var(--js-txt-up-delay-step) * 49);
}





.infiniteslide_wrap .clear_txt{
  
}
.infiniteslide_wrap .clear_txt img{
  margin: 0 30px;
}