@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:700');

h1{display: inline;}
.staff_box_sub_r p{text-indent: -4em; padding-left: 4em;}
#trainer_list ul li a.sp{display: none !important;}
#trainer_list ul li a.pc{display: block !important;}
.seminar_sp_thum{width: 200px; float: left; margin-bottom: 20px;}

/* 768px以下 */
@media (max-width: 768px) {
  * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
           -o-box-sizing: border-box;
          -ms-box-sizing: border-box;
              box-sizing: border-box;
  }
  .pc{display: none;}
  .sp{display: block;}
  body{min-width: 100%; max-width: 100%;}
  html {
  	font-size: 62.5%;
  	-webkit-text-size-adjust:100%;
  }
  body {
  	font-size: 14px;
  	line-height: 24px;
  }

  ul, ol{margin-left: 20px;}

  /* header */
  header{width: 100%; padding: 5%  2.5%; box-shadow: 0 3px 3px rgba(0,0,0,0.1);}
  .header_logo{width: 80%; height: auto;}
  .header_logo p{font-size: 10px; line-height: 20px;}
  .head_logo{width: 35%; padding-right: 5%;}

  .page-top{right: 20px; bottom: 20px; width: 70px; height: auto;}

  .main_sp_nav{width: 100%; height: auto;}
  .main_sp_nav ul li a{display: block; width: 100%; height: auto; padding: 2.5% 5%; color: #1563d5; font-size: 14px; line-height: 24px;}
  .main_sp_nav_bottom{width: 100%; height: auto; }
  .main_sp_nav_bottom a{display: block; width: 50%; height: auto; padding: 2.5% 5%; background-color: #1563d5; border-bottom: 1px solid #FFF; float: left; color: #FFF; text-align: center;}
  .main_sp_nav_bottom a:nth-child(odd){border-right: 1px solid #FFF;}
  .main_sp_nav_bottom2{width: 100%; height: auto; }
  .main_sp_nav_bottom2 a{display: block; width: 50%; height: auto; padding: 2.5%; float: left; text-align: center; border-bottom: 1px solid #1563d5;}
  .main_sp_nav_bottom2 a:nth-child(odd){border-right: 1px solid #1563d5;}


  #top_mv{
  	height: auto;
    padding-top: 40%;
  	position: relative;
  }

  .top_mv_text1{
      font-size: 24px;
      letter-spacing: 2px;
      line-height: 36px;
      margin-bottom: 2.5%;
      padding: 0;
  }

  .top_mv_text2{
  	background: #fff none repeat scroll 0 0;
      font-size: 11px;
      line-height: 21px;
      padding: 0 1.5%;
      margin: 5% auto 0 auto;
       width: 100%;
  }

  .top_mv_text{
  	position: absolute;
      padding: 0 5%;
      top: 5%;
      width: 100%;
      right: 0px;
  }

  #top_seminar{padding: 5% 0 0 0;}
  #top_seminar_list{padding: 2.5% 0px;}
  #top_seminar_list li{width: 100%; height: auto; margin: 0 auto 5% auto;}
  .top_seminar_list_iwrap{width: 40%; float: left; margin-right: 2.5%;}
  #top_seminar_list li strong{font-size: 13px; height: auto; line-height: 20px;}
  .top_seminar_list_text1{font-size: 12px; margin-bottom: 0px;}
  .top_seminar_list_text2{font-size: 11px; margin-bottom: 0px;}
  .in-cont{width: 90%; height: auto; margin: 0 auto;}
  .top_title{font-size: 26px; font-family: 'Roboto', sans-serif; font-style: italic;}
  .top_seminar_list_link{font-size: 10px; left: 180px; top: 0px;}
  #top_philosophy h2{font-style: italic; font-size: 24px;}
  .c-wire-wrap h3{font-style: italic;}
  .site-footer h3{font-style: italic;}
  .top_bdw-link{padding: 2.5% 0;}
  .seminar_list_data_in1 .add_text1{display: block; font-size: 12px;}
  .seminar_list_cont_detail .seminar_list_cont_detail_03_gaiyou table tr th{width: 100%; border-bottom: none; display: block; padding: 2.5% 0 0.5% 0;}
  .seminar_list_cont_detail .seminar_list_cont_detail_03_gaiyou table tr td{width: 100%; display: block; padding: 0.5% 0 2.5% 0; font-size: 12px;}

  #top_feature{padding: 5% 0 0 0;}
  #top_feature h3{font-size: 13px; height: auto; line-height: 20px; margin-bottom: 2.5%;}
  .top_feature_in .left{width: 100%; margin: 0 auto 5% auto; padding: 0px;}
  .top_feature_in .right{width: 100%; margin: 0 auto 5% auto; padding: 0px;}
  .top_feature_in p{margin: 1.5% 0; padding: 0 40px 0 0; background-position: center right; font-size: 10px; line-height: 16px;}
  .top_feature_in p span{font-size: 14px; line-height: 26px;}

  #top_post{padding: 5% 0 0 0;}
  .top_post_img1{position: static; width: 50%; height: auto; margin: 0 auto 5% auto; top: 0px; left: 0; margin-left: 25%;}
  .top_post-in{height: auto; padding-bottom: 5px; margin-bottom: 50px; border-bottom: #303f9f solid 5px;}
  .top_post-in ul{overflow: auto; padding: 0px;}
  .top_post-in ul li{width: 100%; height: auto; margin: 0 auto 5% auto;}
  .top_post-in:after{background: none;}
  .top_post_iwrap{float: left; width: 40%; margin: 0 2.5% 0 0;}
  .top_post-in ul li strong{margin: 0px; line-height: 20px;}
  .top_post_link{bottom: -7.5%;}

  #top_philosophy{padding: 10% 0 5% 0;}
  #top_philosophy h3{font-size: 12px; line-height: 26px; padding: 0 5%; margin-bottom: 5%;}
  .top_philosophy_in{display: block;}
  .top_philosophy_in .box1{width: 50%; height: auto; margin-left: 5%;}
  .top_philosophy_in .box2{width: 50%; height: auto; margin-left: 25%; padding: 0px;}
  .top_philosophy_in .box3{width: 50%; height: auto; margin-left: 45%; padding: 0px;}
  .top_philosophy_num{padding: 0px 0px 0px 30px; font-size: 10px; line-height: 16px; height: 60px;}
  .top_philosophy_num:before{font-size: 36px; bottom: 50px; left: 5px;}
  .top_philosophy_linkbox{padding: 2.5%;}

  #top_program{padding: 5% 0 5% 0; overflow: auto;}
  .top_title_midd{margin-bottom: 5%; font-size: 16px; line-height: 26px;}
  .top_program_in{display: block; margin: 10% 0 0 0; padding: 0;}
  .top_program_in .left{width: 90%; height: auto; padding: 0; margin: 0 auto 10% auto;}
  .top_program_in .right{width: 100%; height: auto; margin: 0 auto;}
  .top_program_in .right .box1{margin: 0 0 5% 0;}
  .top_program_in .right .box2{margin: 0 0 5% 5%;}
  .top_program_in .right .box3{margin: 0 0 5% 10%;}
  .top_program_in .right div{
    background-position: 97% 45%;
    box-sizing: border-box;
    color: #fff;
    padding: 5% 55px 5% 5%;
    width: 90%;
    }
    .top_program_in .right h4{font-size: 14px; line-height: 26px;}
    .top_program_in .right p{font-size: 12px;}

    #top_trainer{padding: 5% 0;}
    #top_trainer_slide{margin-bottom: 5%;}
    .top_trainer_text2{font-size: 10px; line-height: 16px;}
    .owl-prev{left: -20px !important;}
    .owl-next{right: -20px !important;}

    #top_case{padding: 5% 0;}
    .top_case_wrap{padding: 0 0 5% 0;}
    .top_case_wrap .box{width: 90%; height: auto; margin: 0 auto 5% auto;}
    .top_case_logo{margin-bottom: 2.5%;}
    .top_case_wrap .box h3{margin: 2.5% 0 2.5% 0; font-size: 16px; line-height: 20px; height: auto; min-height: auto;}
    .top_case_wrap .box p{margin: 0; font-size: 12px; line-height: 20px;}
    .c-wire{padding: 10% 0 2.5% 0;}
    .c-wire-wrap{display: block;}
    .c-wire-wrap .box1, .c-wire-wrap .box2, .c-wire-wrap .box3{width: 100%; padding: 0%; margin: 0 auto 10% auto; display: block;}
    .c-wire-wrap h4{margin: 2.5% 0 2.5% 0;}
    .c-wire-wrap p{margin-bottom: 3.5%;}
    .c-wire-wrap img{width: 100%;}

    .site-footer-in{padding: 5% 0; overflow: auto; width: 100%;}
    .footer-box1{width: 52.5%; margin: 0 2.5% 5% 2.5%;}
    .footer-box2{width: 37.5%; margin: 0 2.5% 5% 2.5%;}
    .site-footer h3{margin-bottom: 2.5%;}
    .site-footer-in ul li a{font-size: 11px;}
    .footer-box3{width: 100%; padding: 0 5%; height: auto; float: none; clear: both;}
    .footer_logo{width: 150px; height: auto; margin: 0 auto; display: block;}


    /* philosophy */
    .breadcrumbs{display: none;}
    #philosophy_mv{height: 140px;}
    #philosophy_mv h1{font-size: 8px;}
    #philosophy_mv h1 span{font-size: 16px; margin: 0px 2.5% 0px 0px; letter-spacing: 2px; padding: 5px;}
    .philosophy_mv_text{font-size: 12px; line-height: 18px; margin: 20px 0px 20px 0px;}
    #philosophy_cont2{padding: 0% 0 10% 0;}
    #philosophy_cont2 .in-cont{width: 100%;}
    .philosophy_listwrap{padding: 0px; width: 90%; height: auto; margin: 0 auto;}
    .philosophy_list_pt1{display: block;}
    .philosophy_list_pt2{display: block;}
    .philosophy_list_pt1 .right{width: 100%; height: auto; float: none; padding: 0px;}
    .philosophy_list_pt1 .left{width: 100%; height: 250px; float: none; margin: 0 auto;}
    .title_var3{font-size: 14px; line-height: 22px; padding-left: 40px;}
    .philosophy_list_pt1 .num1:before{left: -5px; top: 12.5px; font-size: 50px;}
    .philosophy_cont2_img1{margin: 2.5% 0 5% 0;}
    .philosophy_cont2_img2{width: 100%; padding: 0; margin: 10% 0;}
    .philosophy_list_pt1 .bl_bt{width: 90%; margin: 0 auto;}
    .philosophy_list_pt2{padding: 0px;}

    .philosophy_list_pt2 .left{width: 100%; height: auto; padding-right: 0px;}
    .philosophy_list_pt2 .title_var3{font-size: 14px; line-height: 22px; padding-left: 40px;}
    .philosophy_list_pt2 p{font-size: 12px;}
    .philosophy_list_pt2 .num2:before{left: -5px; top: 12.5px; font-size: 50px;}
    .left_in{width: 100%; height: auto; float: none;}
    .philosophy_flow{clear: both; padding: 0px;}
    .philosophy_flow .left{padding: 0px 2.5%;}
    .philosophy_flow .right{padding: 0px 2.5%;}
    .philosophy_flow_box1 span{font-size: 14px;}
    .philosophy_flow_text1{font-size: 14px; padding: 2.5%; height: 55px;}
    .philosophy_flow_text2{font-size: 14px; padding: 2.5%; line-height: 45px; height: 55px;}
    .philosophy_flow p{font-size: 12px; padding: 2.5%; line-height: 18px;}
    .philosophy_flow_box2 span{font-size: 14px;}
    .philosophy_flow .philosophy_flow_text3{padding: 1.5% 2.5%; font-size: 10px; line-height: 16px;}
    .philosophy_flow_arow1{}
    .philosophy_list_pt1 .right_in p{width: 100%; height: auto; margin-bottom: 5%;}
    .philosophy_flow h4{clear: both;}

    /* case */
    #case_mv{height: 140px; padding: 5% 0 0 0;}
    #case_mv h1{font-size: 8px;}
    #case_mv h1 span{font-size: 16px; margin: 0px 2.5% 0px 0px; letter-spacing: 2px; padding: 5px;}
    .case_mv_text{font-size: 12px; line-height: 26px; margin: 20px 0px 20px 0px;}
    .case_first{padding: 60px 0 0 0;}
    .case_name1{width: 100%; height: auto; left: 0px; top: 10px;}
    .case_first_cont{position: static; left: 0px; top: 0px; width: 100%; height: auto;}
    .case_lavel{font-size: 12px;}
    .case_first_cont p{padding: 2.5%; font-size: 16px; margin: 0px 0px;}
    .case_first_cont p span{font-size: 14px; line-height: 22px;}
    .case_detail_bt{float: none; width: 70%; margin: 0 auto;}
    .case_listwrap{margin-bottom: 10%;}
    .case_listwrap ul{padding: 0px;}
    .case_listwrap ul li{width: 100%; height: auto; padding: 50px 0 0 0;}
    .case_listwrap ul li h3{font-size: 14px; line-height: 22px;}
    .case_listwrap ul li div{position: static; top: 0px; left: 0px;}
    .case_listwrap ul li .case_lavel{position: static; left: 0px; top: 0px; height: 30px;}
    .case_listwrap ul li .case_detail_bt{float: none; width: 70%; margin: 0 auto;}
    .case_name2{width: 100%; height: auto; position: static; left: 0px; top: 0px;}
    .case_detail_head{padding: 5% 0px 10% 0;}
    .case_detail_cont{width: 90%; height: auto; margin: 0 auto;}
    .case_detail_head dl{padding: 15px 0px;}
    .case_detail_head dl dd span{font-size: 14px; line-height: 20px;}
    .case_detail_head dl dd{font-size: 12px; line-height: 18px;}
    .case_detail_head dl dt{padding: 0px;}
    .case_detail_story{margin: 0px; padding: 5%;}
    .case_detail_body h2{font-size: 18px; padding: 0px; margin: 10% 0px 5% 0px; font-weight: bold;}
    .case_detail_body img{margin: 2.5% 0px;}
    .case_detail_body p{padding: 0px;}
    .case_detail_addbg h3{font-size: 14px;}
    .case_detail_addbg{padding: 40px 5% 20px 5%; margin: 40px 0 0 0;}
    .case_detail_addbg h3{left: -10px;}
    .case_detail_body{padding-bottom: 0px;}

    /* sitemap */
    .privacy_wrap{width: 100%; height: auto; margin: 0 auto 5% auto;}
    .privacy_wrap .privacy_wrap_tit{margin-bottom: 5%;}
    .sitemap_left, .sitemap_right{width: 100%;}

    #seminar_mv{height: 140px; padding: 7.5% 0 0 0;}
    .mv_title span{font-size: 16px; margin: 0px 2.5% 0px 0px; letter-spacing: 2px; padding: 5px; font-style: italic;}
    .seminar_lead{padding: 5% 0;}
    .seminar_lead h2{font-size: 14px; line-height: 26px;}
    .seminar_lead p{width: 100%; }
    #seminar_menu{padding: 0 0 5% 0;}
    #seminar_menu ul{display: block;}
    #seminar_menu ul li{margin: 0 auto 5% auto;}
    #seminar_menu ul li p{height: 80px;}
    #seminar_menu ul li p:after{bottom: 25px;}
    .seminar_list_side h3{margin-bottom: 5%;}
    .seminar_list_side{width: 100%; margin: 0 0 0 0;}
    .seminar_list_cont{width: 100%; height: auto;}
    .seminar_list_cont ul li{padding: 5% 0;}
    .scroll_content a img{width: 30%; margin: 0 0;}
    .seminar_list_cont a img{width: 30%; margin: 0 0;}
    .seminar_list_data{width: 65%; height: auto;}
    .arcive_title{margin-bottom: 5%; font-size: 16px;}
    .seminar_list_cont_detail .kaisai{margin-bottom: 5%; padding-bottom: 5%;}
    .seminar_list_cont_detail .seminar_list_trainer{margin-bottom: 5%; margin-top: 5%;}
    .seminar_body h3{margin: 2.5% 0;}
    .seminar_body h4{margin: 2.5% 0;}

    .seminar_list_cont_detail{border: none;}
    .seminar_sp_thum{width: 60%; height: auto; margin: 0 auto 5% auto; display: block; float: none;}
    .seminar_list_cont_detail .seminar_list_data{width: 100%;}
    .seminar_list_cont_detail .seminar_list_cont_detail_03{margin-bottom: 5%;}
    .seminar_list_cont_detail .seminar_list_cont_detail_03_gaiyou{margin-bottom: 5%;}
    .seminar_list_cont_detail .seminar_list_cont_detail_link a{width: 100%; margin: 0 auto 5% auto; padding: 2.5% 0;}
    .wp-pagenavi span{font-size: 14px; line-height: 30px; padding: 10px 15px; margin-right: 5px; margin-left: 5px;}
    .wp-pagenavi a{font-size: 14px; line-height: 30px; padding: 10px 15px; margin-right: 5px; margin-left: 5px;}
    .seminar_cat_more{background-image: none; margin-bottom: 5%;}
    .seminar_list_cont_detail_back a{width: 100%; height: auto; margin: 5% auto;}
    .seminar_list_side ul{padding: 0 0 0 5%; margin-bottom: 5%;}
    .seminar_cat_name strong{font-size: 16px;}

    .download_wrap{width: 90%; margin: 5% auto;}
    .download_tit h2{font-size: 22px;}
    .download_wrap h3{margin: 5% 0 2.5% 0;}
    .download_subtit{margin-bottom: 5%; font-size: 16px;}
    .download_box{width: 100%; height: auto;}
    .download_box .download_box_sub{width: 100%; height: auto; margin: 0 auto 5% auto; float: none;}
    .download_box .download_box_sub:nth-child(3n-1){margin: 0 auto 5% auto;}

    .privacy_wrap_memo{padding: 0 5%;}

    #company_mv{height: 140px; padding: 7.5% 0 0 0;}
    .company_list{width: 90%; margin: 5% auto 5% auto;}
    .company_list_sub{width: 100%; height: auto; float: none; margin: 0 auto 5% auto;}
    #company_cont1{width: 100%;}
    .company_list_sub_txt_last{border-right: none;}
    #company_cont1_left{width: 90%; height: auto; float: none; margin: 0 auto 10% auto;}
    #company_cont1_left h2{margin: 0 0 0 0; padding-top: 10%; font-size: 22px;}
    .message_box{width: 100%;}
    .message_box strong.title{padding: 5% 0 5% 0; font-size: 16px; line-height: 26px;}
    .message_box .message_box_img{margin: 0px;}
    #company_cont1_right{width: 90%; height: auto; float: none; margin: 0 auto 5% auto;}
    .message_box .staff_box_sub .staff_box_sub_l{width: 110px; margin-right: 5%; margin-bottom: 5%;}
    .message_box .staff_box_sub .staff_box_sub_r{width: 100%; height: auto; clear: both; float: none;}
    .message_box .staff_box_sub .staff_box_sub_r p{font-size: 12px; line-height: 22px;}
    .staff_box_sub_name{
        font-size: 12px;
        line-height: 12px;
        width: 100%;
        padding-top: 100px;
    }
    .staff_box_sub_name strong{
        display: block;
        font-size: 20px;
        line-height: 30px;
        padding: 5px 0px 20px 0px;
    }

    .company_table{width: 100%; height: auto; float: none; margin: 0 auto 10% auto;}
    .company_table table{width: 100%;}
    .company_table table tr th{width: 35%; font-size: 14px;}
    .company_table table tr td{font-size: 12px;}
    .company_map iframe{width: 100%;}

    .company_contwrap{width: 90%; height: auto; margin: 0 auto 5% auto; padding: 5% 0;}
    .company_title{margin: 0 0 5% 0; font-size: 22px;}
    .company_recruit_lead{margin: 0 0 5% 0; padding: 0 5%; font-size: 10px; line-height: 18px;}
    .company_recruit_lead span{font-size: 16px; margin-bottom: 5%;}
    .company_contwrap .left{width: 100%; height: auto; margin-right: 0px;}
    .company_title_midd{font-size: 16px; margin-bottom: 5%;}
    .company_recruit_middle{padding: 5% 0px;}
    .recruit_middle_contact .cont_left{border: none; font-size: 15px;}
    #middle_require_menu li{width: 47%; float: left; margin: 0 1.5%;}
    #middle_require_menu li a{padding: 2.5%; font-size: 12px;}
    .company_recruit_middle h5{font-size: 14px;}
    .middle_require_box{padding: 5% 0;}
    .middle_require_box dt{width: 100%; text-align: left; font-size: 14px;}
    .middle_require_box dd{width: 100%; padding: 0; font-size: 12px;}
    .company_contwrap .right{width: 100%; height: auto;}
    .to_company_bt{margin: 5% auto 10% auto;}
    .application_bt{width: 80%; height: auto; margin: 5% auto;}

    #trainer_mv{height: 140px; padding: 7.5% 0 0 0;}
    .trainer_lead{padding: 5% 0; font-size: 14px; line-height: 24px;}
    .trainer_lead h2{font-size: 14px; line-height: 24px;}
    .trainer_category_tit{width: 90%; height: auto; margin: 0 auto 5% auto;}
    .trainer_category_tit h2{font-size: 16px; line-height: 26px;}
    .trainer_category_bg{width: 100%; height: auto; margin: 0 auto 5% auto; padding: 5% 0;}
    .trainer_category_01{display: none;}
    .trainer_category_tit01{display: none;}
    .trainer_category_tit02{line-height: 20px;}
    .trainer_category_02 select{width: 100%;}
    .trainer_category_arrow{padding-top: 5%; margin-bottom: 5%;}
    #trainer_list ul li{width: 100%; height: auto; padding: 2.5%; float: none; margin: 5% 0;}
    .trainer_list_head img{width: 30%; margin-bottom: 2.5%;}
    .trainer_list_head_in{width: 65%; margin-bottom: 2.5%;}
    .trainer_list_head_in p{font-size: 10px; line-height: 16px; padding-bottom: 2.5%;}
    .trainer_list_head_in h3{font-size: 16px; line-height: 26px;}
    .trainer_list_head_in span{font-size: 10px;}
    .trainer_list_skill{display: none;}
    #trainer_list ul li a{width: 100%; height: auto; left: 0px; position: static; bottom: 0px; padding: 2.5% 0;}
    .trainer_category_result_tit{font-size: 18px; margin-bottom: 5%;}
    #trainer_list ul li a.pc{display: none !important;}
    #trainer_list ul li a.sp{display: block !important;}

    .trainer_detail_top_tit{padding: 2.5% 5%; line-height: 26px; font-size: 12px;}
    .trainer_detail_top_tit span{font-size: 16px;}
    .trainer_detail_top{padding: 0 5%; margin: 10% 0 5% 0;}
    .trainer_detail_top_left{left: 20px; width: 100px;}
    .trainer_detail_top_right_tit{padding-left: 120px; font-size: 14px; line-height: 24px; min-height: 70px;}
    .trainer_detail_top_border{padding: 2.5%; border: none;}
    .trainer_detail_top_name{padding-left: 110px; font-size: 12px;}
    .trainer_detail_top_name span{font-size: 24px; line-height: 34px; display: block;}
    .trainer_detail_top_company{font-size: 12px; line-height: 18px;}
    .trainer_detail_tit{padding: 0 5%;}
    .trainer_detail_memo{padding: 0 5%; margin-bottom: 10px;}

    .mission_title1{font-size: 26px; line-height: 36px; margin-bottom: 5%;}
    .mission_text1{font-size: 11px; line-height: 21px; margin: 5% 0;}
    .mission_title1:after{width: 100%; right: 0px; bottom: -10px;}
    .mission_title1 span{font-size: 10px; line-height: 18px; margin: 0 10px;}
    .bg_6value_sp_memo {margin-bottom: 5%;}
    .bg_6value_sp_memo div{float: left; width: 80%; margin-left: 2.5%;}
    .bg_6value_sp_memo span{padding: 10px 15px; border-radius: 25px; border: 2px solid #1563d1; color: #1563d1; font-size: 20px; line-height: 20px; float: left; display: block;}
    .bg_6value_sp_memo p{color: #1563d1; border-bottom: 1px solid #1563d1; font-size: 16px; line-height: 40px;}
    .mission_box1{padding: 5% 2.5%;}
    .mission_box1 h2{width: 60%;}
    .mission_box2{padding: 5% 2.5%;}
    .mission_box2 h2{width: 60%;}
    .company_title{font-size: 16px;}

    #program_mv{height: 140px; padding: 5% 0 0 0;}
    .program_menu{padding: 5% 0;}
    .program_menu ul{display: block;}
    .program_menu ul li{width: 100%; height: auto; margin: 0 auto 5% auto;}
    .program_menu ul li h3{font-size: 16px; height: 70px;}
    .program_menu ul li p{height: auto; font-size: 12px;}
    .program_cont1wrap .right{width: 100%; padding: 0;}
    .program_title{font-size: 16px; line-height: 22px;}
    .program_menu ul li a{margin: 5% auto 0 auto; width: 80%;}
    .program_cont1wrap .left{width: 100%; height: auto; margin-bottom: 5%;}
    #program_cont2 dl{padding: 0; margin: 0 auto 5% auto;}
    #program_cont2 dl dt{float: none; width: 50%; font-size: 14px; margin-bottom: 2.5%;}
    #program_cont2 dl dd{float: none; width: 100%; margin-bottom: 10%; padding: 0px;}
    #program_cont2{padding: 0;}
    #program_cont3{margin-bottom: 5%;}
    .program_cont1wrap{padding: 5% 0;}
    .program_cont3_text1{padding: 0; font-size: 14px;}
    .program_cont4_in_top{padding-bottom: 5%;}
    .program_cont4_in{padding: 0px;}
    .program_cont4_in .box1{width: 100%; margin: 0 auto 5% auto;}
    .program_cont4_in .box1 h3, .program_cont4_in .box2 h3{font-size: 16px;}
    .program_cont4_in .box2{width: 100%; margin: 0 auto 5% auto;}
    .program_cont3_text1{margin: 0 5% 5% 5%;}
    .program_cont3_in{width: 100%; height: auto; background-image: none; margin: 5% auto;}
    .program_cont3_in .box1{position: static; width: 100%; height: auto; margin: 0 auto 5% auto; border: 2px solid #1563d5;}
    .program_cont3_in .box2{position: static; display: none;}
    .program_cont3_in .box3{position: static; width: 100%; height: auto; margin: 0 auto 5% auto; border: 2px solid #1563d5;}
    .program_cont3_in .box4{position: static; width: 100%; height: auto; margin: 0 auto 5% auto; border: 2px solid #1563d5;}
    .program_cont3_in .box5{position: static; width: 100%; height: auto; margin: 0 auto 5% auto; border: 2px solid #1563d5;}
    .program_cont3_in .box1 h3, .program_cont3_in .box3 h3, .program_cont3_in .box4 h3, .program_cont3_in .box5 h3{font-size: 16px; height: 80px; text-align: center; justify-content: center; display: flex; flex-direction: column; background-color: #1563d5; color: #FFF;}
    .program_cont3_in div a{width: 80%; height: auto; margin: 0% auto 5% auto;}
    .program_cont3_in div p { padding: 5%;}


    .program_cont4_in .box3{width: 100%; margin: 0 auto 5% auto;}
    .program_cont4_in .box4{width: 100%; margin: 0 auto 5% auto;}
    .program_cont4_in .box5{width: 100%; margin: 0 auto 5% auto;}
    .program_cont4_in .box6{width: 100%; margin: 0 auto 5% auto;}
    .program_cont4_in .box7{width: 100%; margin: 0 auto 5% auto;}
    .program_cont4_in h3{font-size: 16px; padding: 2.5% 5%; height: auto;}
    .program_cont4_in div p{padding: 5%;}
    .program_cont4_in .box7 dl dt{width: 100%; height: auto;}
    .program_cont4_in .box7 dl dt img{width: 50%; height: auto;}
    .program_cont4_in div .program_cont4_text1{padding: 2.5% 5%;}
    .program_cont4_in div .program_cont4_text2{padding: 0 5%;}
    .program_cont4_in div a{width: 80%; height: auto; margin: 0% auto 5% auto;}
    .program_cont4_in .box7 dl .program_cont4_addcss{width: 100%; height: auto;}
    .program_cont4_in .box7 dl .program_cont4_addcss a{width: 80%; height: auto; margin: 5% auto;}
    .add_fixbt{display: none;}
    #membership_head{padding: 5% 0;}
    #membership_head h1{font-size: 20px; line-height: 28px;}
    #membership_head h1 span{font-size: 14px;}
    .nextleader_txt{width: 90%; height: auto; margin: 0 auto 5% auto; padding-bottom: 5%;}
    #member_cont1{padding: 0 0 5% 0;}
    #member_cont1 .left{width: 100%; margin-bottom: 5%;}
    #member_cont1 .right{width: 100%; height: auto; margin: 0 auto 5% auto; padding: 0px;}
    #member_cont1 .right dl{width: 100%;}
    #member_cont1 .right dl dt{width: 30%;}
    .followership #membership_cont #member_cont1 dt{width: 30%; padding: 2.5% 0;}
    #member_cont1 .right dl dd{width: 70%; padding: 2.5% 2.5%; font-size: 12px;}
    .followership #membership_cont h3{font-size: 16px;}
    .member_cont2_wrap{padding: 0;}
    .member_cont2_wrap .left{width: 100%; margin: 0 auto 10% auto;}
    .member_cont2_wrap .right{width: 100%; margin: 0 auto 5% auto;}
    .followership .member_cont2_wrap .left .box_in:after{display: none;}
    .member_cont2_wrap .left .box_in{padding: 5% 10%; height: auto; font-size: 12px;}
    .member_cont2_wrap .right .box_in{padding: 5% 10%; height: auto; font-size: 12px;}
    .member_cont2_wrap .left .box_in span{margin-bottom: 5%;}
    .member_cont2_wrap .right .box_in span{margin-bottom: 5%;}
    #member_cont3 h4:before{bottom: 1.5px; top: 17.5px; left: 10px; font-size: 30px;}
    #member_cont3 h4{font-size: 16px; padding: 5% 0 0 35px;}
    #member_cont3 p{width: 100%; height: auto; padding: 5%; margin: 0 auto 5% auto;}
    .followership #member_cont3{margin-bottom: 0%;}
    #member_cont3{padding: 5% 0;}
    #member_cont4{padding: 5% 0;}
    .followership #member_cont4 div{margin-bottom: 5%; margin-top: 5%;}
    #member_cont5{padding: 5% 0;}
    .followership #member_cont4 span{font-size: 14px;}
    #member_cont6{padding: 5% 0;}
    .followership #member_cont6 .program{padding: 2.5% 5%; font-size: 11px; line-height: 16px;}
    .followership #member_cont6 .program span.tit{font-size: 14px;}
    #member_cont7{padding: 5% 0;}
    .followership #member_cont7 a{width: 100%; padding: 2.5% 0; margin: 5% auto; font-size: 14px;}
    .followership #membership_cont h3{margin-bottom: 5%;}
    .bestteam .member_cont2_wrap .left .box_in:after{display: none;}
    .bestteam #membership_cont h3{font-size: 16px;}
    .bestteam #member_cont4 span{font-size: 14px;}
    .bestteam #member_cont6 .program{padding: 2.5% 5%; font-size: 11px; line-height: 16px;}
    .bestteam #member_cont6 .program span.tit{font-size: 14px;}
    #member_cont7 a{width: 100%; padding: 2.5% 0; margin: 5% auto; font-size: 14px;}
    .bestteam #member_cont7 a{margin: 5% auto;}

    .nextleader #membership_cont h3{font-size: 16px; margin-bottom: 5%;}
    .nextleader .member_cont2_wrap .left .box_in:after{display: none;}
    .nextleader #member_cont4 div{margin-bottom: 5%;}
    .nextleader #member_cont5 div{margin-bottom: 5%;}
    .add_fixbt2{display: none;}
    .membership_tab li{width: 100%; height: auto; padding: 2.5% 5%; font-size: 13px;}
    .membership_content h2{font-size: 16px; margin: 5% 0;}
    .membership_subtitle{font-size: 14px; margin-bottom: 0%;}
    .nextleader #membership_cont #member_cont2 .membership_subtitle{padding-bottom: 2.5%;}
    .membership_content h3{font-size: 16px; margin-bottom: 5%;}
    .member_cont2_wrap .left .box_in:after{display: none;}
    .member_cont4_in_ver3{display: none;}
    #member_cont4 h4{font-size: 14px; margin-bottom: 5%; padding: 2.5%;}
    .membership_content li{padding: 5% 0;}
    #member_cont6 dl{padding: 0px; margin: 0px;}
    #member_cont6 dl dd{width: 100%; padding: 2.5% 5%; font-size: 11px; line-height: 16px;}
    #member_cont7 p{padding: 0;}
    #member_cont6 dl dd span{font-size: 14px; line-height: 24px; padding-top: 5%; padding-bottom: 2.5%; display: block;}

    .member_cont5_contwrap{width: 100%;}
    .member_cont5_contwrap .left{width: 100%; margin: 0px;}
    .member_cont5_contwrap .right{width: 100%; margin: 0px;}
    .member_cont5_contwrap .member_cont5_text3{font-size: 14px;}
    .member_cont5_contwrap .member_cont5_text4 span{font-size: 16px;}
    .member_cont5_text1{font-size: 14px;}
    .member_cont5_contwrap h4{font-size: 16px; padding: 2.5% 0; margin: 2.5% 0;}
    .member_cont5_contwrap p{padding: 0px;}
    .member_cont5_contwrap .member_cont5_text4{font-size: 14px;}
    .member_cont5_add{padding: 5% 0;}
    #member_cont6 dl dt{width: 100%; padding: 2.5% 5%;}
    #member_cont2-5 dl{margin: 0 auto;}
    #member_cont2-5 dl dt:before{left: 10px; top: 20px;}
    #member_cont2-5 dl dt{padding: 5% 2.5% 5% 60px; width: 100%;}
    #member_cont2-5 dl dd{width: 100%; padding: 5% 2.5%}
    .member_cont5_img{width: 70%; margin: 5% auto; display: block;}
    #member_cont6 dl dd p{padding: 0px;  font-size: 11px; line-height: 21px;}

    #mentality_head{display: none;}
    #mentality_cont{padding: 5% 0;}
    .mentality_tab li{width: 30%; margin: 0 1.5% 3% 1.5%; height: 40px; font-size: 14px;}
    .mentality_title1{font-size: 22px; padding: 5% 0; font-style: italic;}
    .mentality_content li{padding: 2.5% 0;}
    #mentality_cont_in1{margin: 0 0 10% 0;}
    #mentality_cont2{margin: 0 0 10% 0;}
    #mentality_cont h2{font-size: 16px; padding-bottom: 2.5%; padding-top: 2.5%;}
    #mentality_cont p{font-size: 12px; padding: 0; margin-bottom: 5%;}
    .mentality_cont2_in1{width: 100%; height: auto; margin: 5% 0;}
    .mentality_cont2_in1 h4{font-size: 16px; margin-bottom: 5%;}
    .mentality_cont2_in1 .box{height: auto; font-size: 14px;}
    .mentality_cont2_in1 .box span{font-size: 16px;}
    #mentality_cont3 dl{width: 100%; margin: 5% 0;}
    #mentality_cont3 dl dt{height: auto; padding: 2.5%;}
    #mentality_cont3 dl dd{height: auto; padding: 2.5%; font-size: 12px;}
    .mentality_adviser{width: 100%; height: auto; margin: 5% auto; padding: 5%;}
    .mentality_cont_img3{width: 30%; height: auto; float: none; margin: 0 auto 5% auto;}
    .mentality_adviser div{width: 100%; height: auto; float: none;}
    #mentality_more a{width: 100%; padding: 2.5% 0; margin: 5% auto; font-size: 14px;}
    .vol2_memo{padding: 0px;}
    .ten_grow{width: 100%; height: auto; margin: 5% auto;}
    .ten_grow table{width: 100%;}
    .ten_grow table tr th{font-size: 14px;}
    .ten_grow table tr td{font-size: 12px;}
    #mentality_other{padding: 10% 0;}
    .mentality_other_box{width: 100%; padding: 5%;}

    .repost_title_wrap{width: 100%; height: auto;}
    .repost_title_logo{display: none;}
    .repost_title_link a{width: 100px; display: block; padding: 5px 0px; text-align: center; color: #FFF; font-size: 10px; border: 1px solid #FFF; position: absolute; right: 10px; top: 15px;}
    .repost_title{background-size: 50% auto; background-position: 10px 15px; background-image: url(../images/sp/column/logo.png);}
    .repost_nav{padding: 0px;}
    .repost_nav ul{width: 100%; height: auto;}
    .repost_nav ul li{width: 50%; height: auto; padding: 0px; text-align: center; border-bottom: 1px solid #FFF; margin: 0px; font-size: 11px;}
    .repost_nav ul li a{font-size: 11px; padding: 2.5% 0px; display: block; width: 100%; height: auto;}
    .repost_nav ul li:nth-child(odd){border-right: 1px solid #FFF;}
    .slider_bottom_title{width: 100%; padding: 2.5% 5%; font-size: 14px; line-height: 20px;}
    .slider_bottom_cat{left: 15px;}
    .repost_category{display: none;}
    .in-cont2{width: 90%; height: auto;}
    .repost_main_top{padding: 5% 0;}
    .repost_main_sub_tit a{font-size: 14px; height: auto;}
    .repost_main_top_l{width: 100%; height: auto; margin-bottom: 5%;}
    .repost_main_top_l ul li{width: 100%; height: auto; margin: 0 auto 5% auto;}
    .repost_main_side{width: 100%;}
    .repost_main_side_memo a{width: 100%; height: auto; margin: 5% auto;}
    .repost_main_sub1{width: 100%; height: auto; margin: 0 auto 5% auto; padding: 5%;}
    .repost_main_sub2{width: 100%; height: auto; margin: 0 auto 5% auto; padding: 5%;}
    .repost_main_bottom{padding: 5% 0;}
    .repost_main_side_sub_left{width: 30%;}
    .repost_main_side_sub .repost_main_side_sub_title{width: 65%;}
    .repost_main_side_sub_title{font-size: 11px; line-height: 20px; padding-top: 10px;}
    .repost_main_bottom_r{width: 100%; height: auto; margin: 5% auto 0 auto;}
    .repost_main_bottom_r ul li{width: 100%; height: auto; margin: 0 auto 5% auto;}
    .repost_main_bottom2 ul li{width: 100%; height: auto; margin: 0 auto 5% auto;}
    .arcive_tit{font-size: 16px; line-height: 26px; margin: 10% 0; text-align: center; display: block;}

    .post_detail_top .repost_title{position: relative; top: 0px;}
    .post_detail_left{width: 40%; position: relative; top: 0px; float: right; margin-left: 2.5%;}
    .post_detail_top .repost_nav{position: relative; top: 0px;}
    .post_detail_right{width: 90%; margin-top: 2.5%; padding-right: 0px; margin-left: 5%; margin-bottom: 10%;}
    .post_detail_tit{font-size: 14px; line-height: 24px;}
    .post_detail_tit h2{font-size: 16px; line-height: 24px;}
    .post_detail_new .repost_main_top_l .repost_main_sub{width: 100%; height: auto; margin: 0 auto 5% auto;}
    .post_detail_new{margin-bottom: 10%;}
    .repost_main_more{padding: 0 0 160px 0;}

    .main_404{
      margin: 10% 0px;
      font-size: 14px;
      line-height: 24px;
    }
    .main_404_main{
      width: 90%;
      height: auto;
      margin: 10% auto 0 auto;
      text-align: left;
    }

    .main_404_seminar{
      width: 100%;
      float: none;
      height: auto;
      margin-bottom: 10%;
    }

    .main_404_seminar:last-child{
      float: none;
      margin-bottom: 0px;
    }

    .main_404_seminar h2{
      font-size: 15px;
      line-height: 25px;
      padding-bottom: 2.5%;
      margin-bottom: 2.5%;
      border-bottom: 2px solid #CCC;
    }

    .main_404_seminar ul{
      margin: 0px;
    }
    .main_404_seminar ul li{
      list-style-type: none;
      margin-bottom: 2.5%;
      padding-bottom: 2.5%;
      border-bottom: 1px dotted #CCC;
    }

    .main_404_seminar_more{
      display: block;
      clear: both;
      text-align: right;
      font-size: 14px;
      line-height: 24px;
    }

    .main_404_seminar ul li img{
      width: 100px;
      height: auto;
      margin-bottom: 5px;
    }


}