@charset "utf-8";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
/* CSS Document */

/*
body {
  color: #333;
}*/

/*pc nav*/

.clear {
  clear: both
}

/* Pcナビ の下に下線を出す*/

.PcNav {
  border-bottom: 1px solid #B3B3B4;
}

/*common 上書きスクロールバーが影響する*/

#wrap {
  width: 100%;
  overflow: hidden;
}


.ContentsBox {
  clear: both;
  padding: 0px 0;
}


.ContentsBox_sub {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}


.wrap_inner {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 15px;
}

.wrap_small {
  max-width: 880px;
  width: 90%;
  margin: 0 auto;
  padding: 0 15px;
}

@media screen and (max-width:640px) {
  .wrap_small {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0 0px;
  }
}



/*blockごとの余白*/

.ConB_inner {
  margin: 40px 10px;
}



/*タイトル重なる*/

.wrap_inner_float {
  position: relative;
  margin: 80px 0;
  padding-top: 80px;
}

/*btn*/

.sbtn p.sg_button {
  margin: 40px auto;
}

.sbtn p {
  padding: 0 2%;
  font-size: 100%;
}

.sbtn p.sg_button {
  text-align: center;
  padding: 0;
  display: block;
  width: 100%;
  text-align: center;

}

.sbtn p.sg_button a {
  width: 100%;
  color: #000;
  padding: 9px 0;
  background: #fff;
  border: 1px solid #999;
  border-radius: 3px;
  font-size: 100%;
  display: inline-block;
  text-decoration: none;
  font-size: 15px;
}


.sg_small p.sg_button {
  width: 50%;
}

.sg_small_left p.sg_button {
  width: 50%;
  margin: 20px 0;
  text-align: center;
}

.sg_mid p.sg_button {
  width: 75%;
}

.sg_mid_left p.sg_button {
  width: 75%;
  margin: 20px 0;
  text-align: center;
}



.sg_mid2 p.sg_button {
  width: 85%;
}

.sg_mid2_left p.sg_button {
  width: 85%;
  margin: 20px 0;
  text-align: center;
}

.sg_mid2_left p.sg_buttona {
  padding: 2% 0;
}





@media screen and (max-width:640px) {
  .sbtn p.sg_button {}

  .sg_small p.sg_button,
  .sg_small_left p.sg_button,
  .sg_mid p.sg_button,
  .sg_mid_left p.sg_button,
  .sg_mid2 p.sg_button,
  .sg_mid2_left p.sg_button,
  .sbtn p.sg_button {
    width: 100%;
  }



}




.btn_wrap2,
.btn_box {
  text-align: center;
  padding: 50px 0;
  margin: 0 auto;
}

.AcBox2 {
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 30px;
}



a.Ac01 {
  color: #000;
  padding: 20px 15px;
  margin: 0 auto;
  width: 50%;
  max-width: 100%;
  border-radius: 3px;
  transition: .3s;
  display: block;
  position: relative;
  font-size: 18px;
  border: 1px solid #000;
  font-weight: bold;
}

a.Ac02 {
  color: #000;
  padding: 10px 5px;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  border-radius: 3px;
  transition: .3s;
  display: block;
  position: relative;
  font-size: 14px;
  border: 2px solid #000;
  font-weight: bold;
}

a.Ac03 {
  color: #000;
  padding: 10px 25px;
  margin: 0 auto;
  width: 90%;
  max-width: 100%;
  border-radius: 12px;
  transition: .3s;
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: bold;
}

a.Ac04 {
  color: #fff;
  background: #bde65d;
  padding: 15px;
  font-size: 18px;
  display: inline-block;
  margin: 0 10px;
  max-width: 100%;
  border-radius: 12px;
  transition: .3s;
  font-weight: bold;
}


a.btn_orange {
  color: #fff;
  background: #FF7400;
  padding: 15px 45px;
  font-size: 16px;
  display: inline-block;
  margin: 0 10px;
  max-width: 100%;
  border-radius: 12px;
  transition: .3s;
  font-weight: bold;
}

a.btn_blue {
  color: #fff;
  background: #bde65d;
  padding: 15px 45px;
  font-size: 16px;
  display: inline-block;
  margin: 0 10px;
  max-width: 100%;
  border-radius: 12px;
  transition: .3s;
  font-weight: bold;
}

a.Ac01:hover,
a.Ac02:hover {
  color: #FFF;
  background: #000;
  transition: .3s;
}






.btn_keikakusho {
  width: 70%;
  margin: 10px auto;
  text-align: center;
  display: flex;
}

.btn_kei_inner {
  width: 90%;
}


.btn_keikakusho a {
  margin: 10px;
}

@media screen and (max-width:640px) {
  .btn_keikakusho {
    width: 100%;
    margin: 10px auto;
    flex-direction: column;
  }
  .btn_kei_inner {
    width: 100%;
  }

  .btn_keikakusho a {
    margin: 10px;
  }

}


a.btn_bl {
  color: #000;
  padding: 20px 15px;
  margin: 0 auto;
  width: 50%;
  max-width: 100%;
  border-radius: 3px;
  transition: .3s;
  display: block;
  position: relative;
  font-size: 18px;
  border: 1px solid #000;
  font-weight: 500;
  background: #fff;
}

a.btn_orange1 {
  color: #fff;
  background: #FFAE00;
  padding: 15px 45px;
  font-size: 18px;
  display: inline-block;
  margin: 0 10px 10px;
  max-width: 100%;
  border-radius: 12px;
  transition: .3s;
  font-weight: bold;
}

a.btn_orange2 {
  color: #fff;
  background: #FF7400;
  padding: 15px 45px;
  font-size: 18px;
  display: inline-block;
  margin: 0 10px 10px;
  max-width: 100%;
  border-radius: 12px;
  transition: .3s;
  font-weight: bold;
}




@media screen and (max-width:640px) {
  a.btn_orange1 {
    width: 90%;
    padding: 15px 15px;
    border-radius: 6px;
  }

  a.btn_orange2 {
    width: 90%;
    padding: 15px 15px;
    border-radius: 6px;
  }
}


/*経営コミニティ*/

.btn_manage {
  background: #fff;
  padding: 8px 0;
  margin: 16px 0;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
}

.manage_txt {
  padding-left: 10px;
}

.manage_btn {
  margin-left: auto;
}

.manage_btn img {
  width: 260px;
  padding-right: 20px;
}


@media screen and (max-width:640px) {
  .btn_manage {
    flex-direction: column;
    align-content: center;
    text-align: center;
    width: 90%;
    margin: 0 auto;
  }

  .manage_btn {
    margin: 0 auto;
    width: 94%;
  }

  .manage_btn img {
    padding-right: 0px;
  }

}



.btn_wrap2 a {
  display: inline-block;

}




.img_point_nowrap {
  margin: 0 auto;
  text-align: center;
}

.img_arrow_nowrap {
  width: 80px;
  margin: 16px auto;
  text-align: center;
}

.img_point_nowrap img,
.img_point img {
  width: 160px;

}


.img_arrow_gray {
  width: 80px;
  margin: 16px auto;
  text-align: center;
}

.img_point_gray img {
  width: 100%;

}



/*in_box arrow*/

.img_arrow_nowrap {
  margin: 0 auto;
  text-align: center;

  width: 160px;
  margin: 16px auto;
}

.img_arrow_nowrap img {
  width: 160px;
}


/*画像の切替*/

.img_box {
  width: 100%;
  margin: 10px auto;
  text-align: center;
}

.img_box .pc {
  width: 60%;
  max-width: 400px;
  margin: 10px auto;
  text-align: center;
}

.img_box .sp {
  width: 90%;
  margin: 10px auto;
  text-align: center;
}

@media screen and (min-width:641px) and ( max-width:1002px) {

  .img_box img {
    width: 60%;
    max-width: 400px;
  }
}

@media screen and (max-width:640px) {

  .img_box img {
    width: 100%;
  }
}


.bottom_arrow_wrap {
  position: relative;
  margin: 0px 0;
  padding-top: 40px 0;
}

.bottom_arrow_shadow {
  margin: 0 auto;
  text-align: center;
}

.bottom_arrow_shadow img {
  width: 180px;
}






.img_point {
  text-align: center;
  margin: 30px auto;
  position: absolute;
  top: -86px;
  left: 0;
  right: 0;
}




p.section {
  padding: 10px 0;
}





@media screen and (min-width:641px) and ( max-width:1000px) {
  .header_line {
    padding-top: 90px;
  }

  .header_line_inner {
    margin-top: -90px;
    padding-top: 90px;
  }

  .ContentsBox_sub {
    padding: 0 0px;
  }
}

@media screen and (max-width:640px) {

  .ContentsBox {
    padding: 0 10px;
  }

  .ContentsBox_sub {
    padding: 0 0px;
  }


  .header_line {
    padding-top: 90px;
  }

  .header_line_inner {
    margin-top: -90px;
    padding-top: 90px;
  }

}

/*ページ見出し下のテキスト*/

.pagehead_txt_blue {
  text-align: center;
  color: #00D4D3;
  font-weight: 700;
  font-size: 24px;
  width: 70%;
  margin: 16px auto 26px;
}

@media screen and (max-width:640px) {
  .pagehead_txt_blue {
    width: 96%;
  }
}


.title_large {
  color: #3E3A39;
  font-weight: 500;
  font-size: 34px;
  width: 100%;
  text-align: left;
}

.title_med {
  color: #3E3A39;
  font-weight: 600;
  font-size: 24px;
  width: 100%;
  text-align: left;
}

.title_small {
  color: #3E3A39;
  font-weight: 600;
  font-size: 16px;
  width: 100%;
  text-align: left;
}


.title_padding {
  text-align: center;
  padding: 40px 20px;
  margin: 0 auto;
}

.title_padding_small {
  text-align: center;
  padding: 40px 20px 10px;
  margin: 0 auto;
}

@media screen and (max-width:640px) {
  .title_padding {
    padding: 20px 10px;
  }

  .title_padding_small {
    padding: 20px 20px 10px;
  }

}



.title_large_green {
  margin: 0;
  color: #bde65d;
  font-size: 24px;
  font-weight: 600;
  padding: 20px;
  text-align: center;
}

.title_green {
  margin: 0;
  color: #bde65d;
  font-size: 24px;
  font-weight: 600;
  padding: 20px;
  text-align: center;
}



.title_large_green_al {
  margin: 0;
  color: #bde65d;
  font-size: 24px;
  font-weight: 600;
  padding: 0;
  text-align: left;
}


/*太字はユーティリティから*/

.midasi_s {
  font-size: 20px;
}

.midasi_m {
  font-size: 24px;
  font-weight: 600;
}

.midasi_l {
  font-size: 32px;
  font-weight: 600;
}

.midasi_el,
.midasi_el26 {
  font-size: 44px;
  font-weight: 700;
}



@media screen and (max-width: 640px) {
  .midasi_el {
    font-size: 32px;
    font-weight: 700;
  }

  .midasi_el26 {
    font-size: 26px;
    font-weight: 700;
  }

}

.font_green {
  color: #bde65d;
}



.font_green {
  color: #bde65d;
}


/*
.midasi_el{
  font-size: 24px;
}
*/

/*p設定*/

/*
p {
  margin: 0;
  padding: 0;
  color: #333;
}*/

/*bk*/

.bk_blue {
  background: #D2F0F0;
  padding-top: 16px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}


.bk_blue:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


.bk_blue_nopadding {
  background: #D2F0F0;
  padding-top: 16px;
  padding-bottom: 0px;
  margin-bottom: 30px;
}





/*パンくずリスト*/

.breadcrumb_list {
  width: 100%;
  margin: 0px auto ;
  font-size: 12px;
  padding-top: 10px;
}

.breadcrumb_list ul {
  margin: 0;
}

.breadcrumb_list li {
  display: inline-block;
}

.breadcrumb_list a {
  display: inline;
  text-decoration: none;
}

.breadcrumb_list li {
  display: inline-block;
}

.breadcrumb_list li + li:before {
  content: ">";
  margin: 0 1em;
}


@media screen and (max-width: 640px) {
  .breadcrumb_list {
    display: none;
  }
}

/*ページ見出し*/

h2 p.TtStile01 {
  margin: 24px 0;
  background:  #bde65d;;
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  padding: 9px;
  text-align: center;
}


h2 p.TtStile01_red {
  margin: 24px 0;
  background: linear-gradient(90deg, #942143, #B0284F);
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  padding: 9px;
  text-align: center;
}

h2 p.TtStile01_blue {
  margin: 24px 0;
  background: linear-gradient(90deg, #153472, #296DB5);
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  padding: 9px;
  text-align: center;
}



h3.title_h3 {
  width: 100%;
  border: none;
  border-top: 5px solid #bde65d;
  background: #F7F7F7;
  margin: 20px 0;
}



h3.title_h3 p {
  margin: 0;
  color: #bde65d;
  font-size: 22px;
  font-weight: 600;
  padding: 20px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  h3.title_h3 p {
    padding: 20px 6px;
  }
  p.genchi_h3 {
    font-size: 16px;
    font-weight: 700;
  }

  /*ページ見出し*/
  h2 p.h2_tt {
    font-size: 16px;
  }




}




h4 p.TtStile01 {
  margin: 24px 0;
  background: #bde65d;
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
  padding: 6px;
  text-align: left;
}



h3 p.TtStile01 {
  border-left: 6px solid #bde65d;
  margin: 24px 0;
  color: #bde65d;
  background: transparent;
  font-size: 20px;
  font-weight: 600;
  padding: 0px 0 0 7px;
  text-align: left;
  clear: both;
}

h3 p.Tt_ninki {
  border-left: 6px solid #bde65d;
  margin: 0 0 10px;
  color: #bde65d;
  background: transparent;
  font-size: 20px;
  font-weight: 600;
  padding: 0px 0 0 7px;
  text-align: left;
  clear: both;
}


h5 p.TtStile01 {
  margin: 16px 0;
  background: linear-gradient(90deg, #41DFC6, #50C9EF);
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
  padding: 6px;
  text-align: center;
}





.gr_bold {
  color: #bde65d;
  font-size: 22px;
  font-weight: 600;
  padding: 20px;
  text-align: center;
}



.table_schedule {
  width: 100%;
  margin: 0 0 40px;
  padding: 20px 0;
  width: 100%;

}

.table_schedule_inner {
  width: 100%;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  border-collapse: collapse;
}


.table_schedule th,
.table_schedule td {
  padding: 20px 0;
  font-weight: 600;
}

.table_schedule_inner span.f_big_spnormal,
.table_schedule_inner span.f_big {
  font-size: 22px;
  font-weight: 600;
  /*  padding-left: 12px;*/
}

.table_schedule_inner .sp_normal {
  padding-left: 12px;
}


.table_schedule th {
  background: #f7f7f7;
  width: 10%;
  text-align: center;
  border-left: 1px solid #666;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  font-size: 22px;
  font-weight: 600;
}

.table_schedule td {
  width: 40%;
  border-top: 1px solid #666;
  text-align: left;
  padding-left: 10px;
}

.pc64 {
    display: block;
}
.sp64 {
    display: none;
}
@media screen and (max-width: 640px) {
	.pc64 {
	    display: none;
	}
	.sp64 {
	    display: block;
	}
  .table_schedule th {
    width: 20%;
    font-size: 14px;
    padding: 10px;
  }

  .table_schedule th,
  .table_schedule td {
    padding: 16px 8px;
    font-weight: 600;
  }
  .table_schedule td {
    width: 80%;
    border-top: 1px solid #666;
    text-align: left;
    /*    padding-left: 10px;*/
  }



  .table_schedule_inner span.f_big_spnormal {
    font-size: 16px;
  }


}






/*会社概要テーブル　単純に縮めるタイプ*/

.table_company {
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

.table_company_inner {
  width: 100%;
  padding: 10px 0 0 0;
  border-top: 1px solid #ccc;
}

.table_company_inner th,
.table_company_inner td {
  border-bottom: 1px solid #ccc;
  border-collapse: collapse;
  padding: 10px 4px;
  text-align: left;
  vertical-align: middle;
}

.table_company_inner th {
  font-weight: normal;
  vertical-align: middle;
  padding: 10px 30px 10px 0px;
}

.table_company_inner td a {
  text-decoration: underline;
}



.table_company_inner th.tb_head,
.table_company_inner td.tb_head {
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
}

.table_company_inner th.tb_head {
  border-right: 1px solid #ccc;
}

.table_company_inner a,
.table_company_inner span {
  display: inline-block;
}


.table_company_inner span {
  border: 1px solid #ccc;
  padding: 2px 4px;
  margin-left: 15px;
}

@media screen and (max-width: 640px) {
  .table_company_inner span {
    margin-left: 10px;
  }
}




.table_company_inner th:nth-of-type(2) {
  width: 45%;
  white-space: nowrap;
}

.table_company_inner th:nth-of-type(3) {
  width: 15%;
  white-space: nowrap;
}

.table_company_inner th:nth-of-type(4) {
  width: 15%;
  white-space: nowrap;
}

.table_company_inner th:nth-of-type(5) {
  width: 15%;
  white-space: nowrap;
}

@media screen and (max-width: 640px) {
  .table_company {
    margin: 60px 0 0 0;
  }
}



.date_box {
  display: flex;
}




/*パネル　横並び*/

/*パネル　横並び*/

.l_wrap {
  display: flex;
  margin-left: -20px;

}

.l_wrap_inner {
  width: 100%;
  margin-left: 20px;
  padding: 0 6px;
  text-align: center;
}

.l_wrap_img {
  width: 100%;
  max-width: 360px;
  text-align: center;
  margin: 0 auto;
}

.l_wrap_img img {
  width: 100%;
  max-width: 360px;
  text-align: center;
  margin: 0 auto;
}


.col_left_large .l_wrap_img,
.col_left_medium .l_wrap_img {
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
}

.col_left_large .l_wrap_img img,
.col_left_medium .l_wrap_img img {
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
}



@media screen and (max-width: 840px) {
  .col_left_large .l_wrap_img img,
  .col_left_medium .l_wrap_img img {
    width: 90%;
    text-align: center;
    margin: 0 auto;
  }
}

@media screen and (max-width: 640px) {
  .l_wrap {
    flex-wrap: wrap;
    margin-left: 0px;
  }

  .l_wrap_inner {
    margin-left: 0;
    margin-bottom: 10px;
  }


  .l_wrap_img {
    width: 96%;
    padding: 0px;
    margin: 0 auto;

    text-align: center;
  }

}




/*---------------------------

【画像】+テキスト　横並び　

---------------------------*/

.wrap_border {
  width: 100%;
  background: #f7f7f7;
  padding: 10px;
  margin-bottom: 20px;
}


.txt_wrap {
  display: flex;
  flex-direction: row;
  margin: 10px 0;
}

.txt_wrap_white {
  background: #fff;
}

.txt_wrap_white .p_rap {
  padding: 10px 30px;
}

@media screen and (max-width: 640px) {
  .txt_wrap_white .p_rap {
    padding: 10px 10px;
  }
}

/*写真右*/

.txt_wrap_reverce {
  display: flex;
  flex-direction: row-reverse;
}


.txt_wrap_reverce .col_left,
.txt_wrap .col_left_small,
.txt_wrap .col_left {
  width: 30%;
}

.txt_wrap .col_left_medium {
  width: 50%;
}

.txt_wrap .col_left_large {
  width: 60%;
}

.txt_wrap .col_left,
.txt_wrap .col_left_large {
  margin-right: 10px;
}


.txt_wrap_reverce .col_left,
.txt_wrap_reverce .col_left_large {
  margin-left: 10px;
  ;
}


.txt_wrap_reverce .i_figure,
.txt_wrap .i_figure {
  margin: 0 auto 10px;
}


.txt_wrap_reverce .col_right,
.txt_wrap .col_right {
  width: 70%;
  padding: 10px;
}

/*col_left_largeの時*/

.txt_wrap .col_right_medium {
  width: 50%;
  margin: 0 auto 10px;
}


.txt_wrap .col_right_large {
  width: 40%;
  padding: 10px;
}



@media screen and (max-width: 640px) {
  .txt_wrap_reverce,
  .txt_wrap {
    flex-direction: column;
  }

  .txt_wrap_reverce .col_left,
  .txt_wrap .col_left_small,
  .txt_wrap .col_left {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }


  .txt_wrap_reverce .i_figure,
  .txt_wrap .i_figure {
    display: table;
    border: 1px solid #ccc;
  }

  .txt_wrap_reverce .i-figure_caption,
  .txt_wrap .i-figure_caption {
    /*    width: 90%;*/
    min-width: 240px;
    display: table-caption;
    caption-side: bottom;
    font-size: 0.8em;
    width: 100%;
  }

  .txt_wrap_reverce .col_left img,
  .txt_wrap .col_left img {
    min-width: 240px;
    width: 100%;
  }

  .txt_wrap_reverce .col_right,
  .txt_wrap .col_right {
    width: 100%;
    padding: 10px 0;
  }

}






/*人気の秘密*/

/*写真右*/

.ninki_wrap {}

.ninki_wrap_inner {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 10px;
}


.ninki_wrap_inner .col_left {
  width: 30%;
  margin-left: 6px;
}

.ninki_wrap_inner .col_right {
  width: 70%;
  padding: 0 10px 0 0;
}


@media screen and (max-width: 640px) {
  .ninki_wrap_inner {
    margin-bottom: 30px;
  }


  .ninki_wrap_inner .col_left {
    width: 40%;
    margin-left: 6px;
  }

  .ninki_wrap_inner .col_right {
    width: 60%;
    padding: 0 10px 0 0;
  }
}


/*keikakusyo wrap*/

.keikakusyo_wrap {
  display: flex;
  flex-direction: row;
  margin: 26px 0 0;
}

.keikakusyo_wrap .col_left_small,
.keikakusyo_wrap .col_left {
  width: 30%;
}

.keikakusyo_wrap .col_left_medium {
  width: 50%;
}

.keikakusyo_wrap .col_left_large {
  width: 60%;
}

.keikakusyo_wrap .col_left,
.keikakusyo_wrap .col_left_large {
  margin-right: 10px;
}

.keikakusyo_wrap .i_figure {
  margin: 0 auto 0px;
  vertical-align: bottom;

}

.keikakusyo_wrap .i_figure img {
  vertical-align: bottom;
  width: 100%;
  max-width: 215px;
}


.keikakusyo_wrap .col_right {
  width: 70%;
  padding: 50px 10px 10px 10px;
}

/*col_left_largeの時*/

.keikakusyo_wrap .col_right_medium {
  width: 50%;
  margin: 0 auto 10px;
}

.keikakusyo_wrap .col_right_large {
  width: 40%;
  padding: 10px;
}



@media screen and (max-width: 640px) {

  .keikakusyo_wrap {
    flex-direction: column;
  }

  .keikakusyo_wrap .col_left_small,
  .keikakusyo_wrap .col_left {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .keikakusyo_wrap .i_figure {
    display: table;
  }

  .keikakusyo_wrap .i-figure_caption {
    /*    width: 90%;*/
    min-width: 240px;
    display: table-caption;
    caption-side: bottom;
    font-size: 0.8em;
    width: 100%;
  }

  .keikakusyo_wrap .col_left img {
    max-width: 220px;
    width: 100%;
  }

  .keikakusyo_wrap .col_right {
    width: 100%;
    padding: 10px 0;
  }

}






/*画像+テキスト スタッフインタビュー　spで差し替え*/

.interview_wrap {
  display: flex;
  flex-direction: row;
  margin: 10px 10px;
  background: #fff;
  padding: 10px;
}

/*
.tinterview_wrap_reverce {
  display: flex;
  flex-direction: row-reverse;
}
*/

.interview_wrap .col_left {
  width: 24%;
}

.interview_wrap .col_left_medium {
  width: 50%;
}

.interview_wrap .col_left_large {
  width: 60%;
}

.interview_wrap .col_left,
.interview_wrap .col_left_large {
  margin-right: 10px;
}




.interview_wrap .i_figure {
  margin: 0 auto 10px;
  padding: 10px 0 0 20px;
}

/*満足度*/

.interview_wrap .img_star {
  padding-left: 20px;
}

.interview_wrap .img_star img {
  width: 180px;
}

.interview_wrap .col_right {
  width: 70%;
  padding: 10px;
}

/*col_left_largeの時*/

.interview_wrap .col_right_medium {
  width: 50%;
  margin: 0 auto 10px;
}


.interview_wrap .col_right_large {
  width: 40%;
  padding: 10px;
}

@media screen and (max-width: 640px) {
  .interview_wrap {
    flex-direction: column;
  }

  .interview_wrap .col_left {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }


  .interview_wrap .col_right {
    width: 100%;
    padding: 10px 0px;
  }


  .interview_wrap .i_figure {
    margin: 0 auto 10px;
    padding: 10px 0 0 0px;
  }

  /*満足度*/
  .interview_wrap .img_star {
    padding-left: 0px;
    padding: 10px 0;
  }


  .sp_wrap {
    display: table;
  }

  .sp_wrap .i_figure {
    width: 10%;
    display: table-cell;
  }

  .sp_wrap .sp_wrap_right {
    display: table-cell;
    text-align: left;
    padding-left: 12px;
  }

  .box_green {
    display: inline-block;
    vertical-align: middle;
    background: #bde65d;
    color: #fff;
    padding: 4px 6px;
    font-weight: 600;

  }



  .interview_wrap .col_left img {
    min-width: 90px;
    width: 70%;
  }



}


/*導入効果一覧*/

.supporot_wrap {
  display: flex;
  flex-direction: row;
  margin: 10px 0;
}

.supporot_border {
  border-top: 1px solid #ccc;
}

.supporot_wrap .col_left {
  width: 30%;
}

.supporot_wrap .col_left_medium {
  width: 50%;
}

.supporot_wrap .col_left_large {
  width: 60%;
}

.supporot_wrap .col_left,
.supporot_wrap .col_left_large {
  margin-right: 10px;
}

.supporot_wrap .i_figure {
  margin: 0 auto 10px;
}

.supporot_wrap .col_right {
  width: 70%;
  padding: 10px;
}

/*col_left_largeの時*/

.supporot_wrap .col_right_medium {
  width: 50%;
  margin: 0 auto 10px;
}


.supporot_wrap .col_right_large {
  width: 40%;
  padding: 10px;
}



@media screen and (max-width: 640px) {

  /*
  .supporot_wrap {
    flex-direction: column;
  }*/
  /*
  .supporot_wrap .col_left {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .supporot_wrap .i_figure {
    display: table;
    border: 1px solid #ccc;
  }
*/
  .supporot_wrap .i-figure_caption {
    /*    width: 90%;*/
    min-width: 240px;
    display: table-caption;
    caption-side: bottom;
    font-size: 0.8em;
    width: 100%;
  }
  .supporot_wrap .col_left img {
    min-width: 120px;
    width: 80%;
  }

  .supporot_wrap .col_right {
    width: 100%;
  }

}








/*画像小*/

.txt_wrap_small {
  display: flex;
  flex-direction: row;
  margin: 10px 10px;
  background: #fff;
  padding: 10px;
}

.txt_wrap_small_reverce {
  display: flex;
  flex-direction: row-reverse;
}


.txt_wrap_small_reverce .col_left,
.txt_wrap_small .col_left {
  width: 24%;
}

.txt_wrap_small .col_left_medium {
  width: 50%;
}

.txt_wrap_small .col_left_large {
  width: 60%;
}

.txt_wrap_small .col_left,
.txt_wrap_small .col_left_large {
  margin-right: 10px;
}


.txt_wrap_small_reverce .col_left,
.txt_wrap_small_reverce .col_left_large {
  margin-left: 10px;
}


.txt_wrap_small_reverce .i_figure,
.txt_wrap_small .i_figure {
  margin: 0 auto 10px;
  padding: 10px 0 0 20px;
}

/*満足度*/

.img_star {
  padding-left: 20px;
}

.img_star img {
  width: 180px;
}



.txt_wrap_small_reverce .col_right,
.txt_wrap_small .col_right {
  width: 70%;
  padding: 10px;
}

/*col_left_largeの時*/

.txt_wrap_small .col_right_medium {
  width: 50%;
  margin: 0 auto 10px;
}


.txt_wrap_small .col_right_large {
  width: 40%;
  padding: 10px;
}



@media screen and (max-width: 640px) {
  .txt_wrap_small_reverce,
  .txt_wrap_small {
    flex-direction: column;
  }

  .txt_wrap_small_reverce .col_left,
  .txt_wrap_small .col_left {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }


  .txt_wrap_small_reverce .i_figure,
  .txt_wrap_small .i_figure {
    display: table;
    border: 1px solid #ccc;
  }

  .txt_wrap_small_reverce .i-figure_caption,
  .txt_wrap_small .i-figure_caption {
    /*    width: 90%;*/
    min-width: 240px;
    display: table-caption;
    caption-side: bottom;
    font-size: 0.8em;
    width: 100%;
  }

  .txt_wrap_small_reverce .col_left img,
  .txt_wrap_small .col_left img {
    min-width: 240px;
    width: 100%;
  }

  .txt_wrap_small_reverce .col_right,
  .txt_wrap_small .col_right {
    width: 100%;
  }


}


.voice_hatten,
.staff_cate {
  display: flex;
  display: table;
  vertical-align: middle;
  align-content: center;
  margin: 10px 0;
}

.voice_hatten_cname,
.staff_year {
  display: table-cell;
  vertical-align: middle;
  align-content: center;
  vertical-align: middle;
  background: #bde65d;
  color: #fff;
  padding: 4px 6px;
  text-align: center;
  font-weight: 600;

}

.voice_hatten_pname,
.staff_yaku {
  display: table-cell;
  vertical-align: middle;
  font-weight: 600;
  padding-left: 10px;
}


.staff_midasi {
  font-size: 22px;
  font-weight: 600;
  padding-left: 10px;
  margin: 16px 0;
}

.seikou_midasi {
  font-size: 22px;
  font-weight: 600;
  padding: 0px;
  margin: 16px 0;
}

@media screen and (max-width: 640px) {

  .voice_hatten_pname {
    padding-left: 0px;
  }

  .seikou_midasi {
    font-size: 16px;
    margin: 16px 0;
    font-weight: 700;
    line-height: 1.2em;
  }
}










.num_cate {
  display: flex;
  display: table;
  vertical-align: middle;
  align-content: center;
  padding: 0 0 16px;
}

.num_box {
  display: table-cell;
  vertical-align: middle;
  align-content: center;
  vertical-align: middle;
  background: linear-gradient(90deg, #41DFC6, #50C9EF);
  color: #FFF;
  font-size: 22px;
  padding: 4px 6px;
  text-align: center;
  font-weight: 600;

}

.num_box_txt {
  display: table-cell;
  vertical-align: middle;
  font-weight: 600;
  padding-left: 10px;
  font-size: 22px;
}



.categoty_box span {
  border: 1px solid #666;
  padding: 2px 6px;

}

.categoty_box2 {
  display: table;
  vertical-align: middle;

}

.categoty_box2 span {
  padding: 4px 16px;
  border: 1px solid #666;
  border-collapse: collapse;
  text-align: left;
}


/*
.categoty_box2 span:first-child {
  border-right: 1px solid #666;
}*/

.categoty_midasi {
  font-size: 20px;
  margin: 6px 0 16px 0;
  font-weight: 700;
  color: #333;

}

.categoty_midasi a {
  color: #333;
  text-decoration: underline;
}

.categoty_date {
  font-size: 32px;
  color: #ccc;
}


.f_bold {
  font-weight: 700;
}



/*-------------------

【画像】+テキスト 回り込み

---------------------*/

.f_auto,
.floted_wrap {
  width: 100%;
  margin: 10px 0;
}

/*---------- 画像左+テキスト -----------*/

.floted_wrap .i_figure_left {
  float: left;
  width: 50%;
  padding: 0;
  margin-right: 10px;
}

.f_auto .i_figure_auto {
  float: left;
  width: auto;
  padding: 0;
  margin-right: 16px;
}

.f_auto .i_figure_auto img {
  width: 96%;
}

.f_auto .floted_inner {
  padding: 0px 10px;
}


.floted_wrap .i_figure_left img {
  width: 100%;
}

.floted_wrap .i_figure_right50 img {
  width: 96%;
}

/*50%*/

.floted_wrap .i_figure_right {
  float: right;
  width: 30%;
  padding: 10px 0px 10px 10px;
}

.floted_wrap .i_figure_right50 {
  float: right;
  width: 50%;
  padding: 10px 0px 10px 10px;
}



.floted_wrap .floted_inner {
  padding-top: 0px;
}




.floted_wrap .i_figure {
  /*  min-width: 200px;*/
  /*  text-align: center;*/
  margin: 0 auto 10px;
  padding: 0;
}

.floted_wrap .i-figure_caption {
  /*1367で設定 上書きで設定*/
  /*
  font-size: 13px;
  font-size: 1.3rem;
  margin: 7px 0 10px;
*/
  margin: 0 auto;
  padding-right: 0;
}



@media screen and (max-width: 640px) {

  .floted_wrap .i_figure_left,
  .floted_wrap .i_figure_right,
  .floted_wrap .i_figure_right50 {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto 14px;
    padding: 0;
  }

  .floted_wrap .i_figure {
    text-align: center;
    margin: 0 auto;
    display: table;
    padding: 0;
    border: 1px solid #666;
  }


  .floted_wrap .i-figure_caption {
    width: 90%;
    min-width: 240px;
    display: table-caption;
    caption-side: bottom;
    font-size: 0.8em;
  }

  .floted_wrap img {
    min-width: 240px;
    width: 100%;
  }


  .f_auto .i_figure_auto {
    width: 120px;
  }


  .f_auto .i_figure_auto img {
    width: 100px;
    min-width: 120px;
  }



  .floted_wrap .i_figure_right p,
  .floted_wrap .i_figure_left p {
    width: 100%;
    text-align: left;
  }

}



/*-------------------

【画像】+テキスト 回り込み サイズ可変

---------------------*/

.sp_floted_box,
.floted_box {
  width: 100%;
  margin: 10px 0;
  overflow: hidden;
}




/*---------- 画像左+テキスト -----------*/

.sp_floted_box .floted_left,
.floted_box .floted_left {
  float: left;
  padding: 0 16px 16px 0;
  margin-right: 10px;
}

.sp_floted_box .floted_left img,
.floted_box .floted_left img {
  width: 100%;
}

.sp_floted_box .floted_inner,
.floted_box .floted_inner {
  padding-top: 0px;
}

.sp_floted_box .i_figure,
.floted_box .i_figure {
  /*  min-width: 200px;*/
  /*  text-align: center;*/
  margin: 0 auto 10px;
  padding: 0;
}


.sp_floted_box .title_med {
  color: #3E3A39;
  font-weight: 600;
  font-size: 19px;
  width: 100%;
  text-align: left;
}

@media screen and (max-width: 640px) {

  .sp_floted_box .title_med {
    font-size: 17px;
  }

}



.pre_pic2 {
  width: 90%;
  max-width: 260px;
}


.pre_name {
  margin: 26px 0 10px;
  text-align: right;
  margin: 0 auto;
}

.pre_name img {
  width: 280px;
  min-width: 210px;
}

.pre_txt_cnt {
  margin: 20px 0 10px;
  text-align: center;
  font-size: 16px;
  line-height: 2.2em;
}


@media screen and (max-width: 640px) {
  .pre_pic {
    padding: 0 16px;
  }
  .pre_txt_cnt {
    font-size: 18px;
    line-height: 1.8em;
  }
  .pre_name {
    text-align: center;
    margin: 18px auto 0;
  }

  .pre_namesp img {
    width: 180px;
    min-width: 180px;
  }

  .pre_namesp2 img {
    width: 240px;
    min-width: 180px;
  }

}


.floted_box .i-figure_caption {
  margin: 0 auto;
  padding-right: 0;
}



@media screen and (max-width: 640px) {

  .floted_box .floted_left,
  .floted_box .floted_inner {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto 14px;
    padding: 0;
  }

  .floted_box .floted_inner p {
    text-align: left;
  }


  .floted_wrap .i_figure {
    text-align: center;
    margin: 0 auto;
    display: table;
    padding: 0;

  }


  .floted_wrap .i-figure_caption {
    width: 90%;
    min-width: 240px;
    display: table-caption;
    caption-side: bottom;
    font-size: 0.8em;
  }

  .floted_wrap img,
  .floted_wrap img {
    min-width: 240px;
    width: 100%;
  }


  .floted_wrap .floted_left p {
    width: 100%;
    text-align: left;
  }

}



.pic_pre {
  width: 160px;
}







.pager {
  display: flex;
  margin-top: 3em;
  padding: 30px 10px 0;
  border-top: 1px solid #999;
}


.pager_num {
  display: flex;
  margin-top: 3em;
  padding: 10px 0;
}


.pager_btn {
  width: 14px;
  padding-top: 4px;
}

.pager_txt_btn {
  width: 60px;
  padding-top: 4px;
  white-space: nowrap;
}

.pager_txt_btn a,
.pager_btn a {
  text-decoration: none;
  padding: 2px 0;
}

.pager-list_1 {
  text-align: center;
}

.pager-list_1,
.pager-list {
  margin: 0 -10px;
}

.pager-list_1 li,
.pager-list li {
  display: inline-block;
  margin: 0 6px;
  list-style: none;
}


.pager-list li a {
  text-decoration: none;
  color: #666;
  padding: 4px 8px;
  display: block;
  border: 1px solid #666;
}

.pager-list_1 li a {
  text-decoration: none;
  color: #666;
  padding: 4px 8px;
  display: block;
  border: none;
}


.pager-list_1 li a:hover,
.pager-list li a:hover {}

.pager-list li a.active {
  /*  border: 1px solid #666;*/
  background: #00D4D3;
  color: #fff;
}

.pager-list_1 li a.active {
  border-right: 1px solid #666;
  border-left: 1px solid #666;
}


.pager .pager-list_1,
.pager_num .pager-list {
  margin: 0 auto;
}









.pager2 {
  display: flex;
  margin-top: 3em;
  padding: 30px 10px 0;
  border-top: 1px solid #999;
}

/*
.pager_btn {
  width: 14px;
  padding-top: 4px;
}
*/

/*
.pager_txt_btn {
  width: 60px;
  padding-top: 4px;
  white-space: nowrap;
}

.pager_txt_btn a,
.pager_btn a {
  text-decoration: none;
  padding: 2px 0;
}
*/

.pager2-list {
  text-align: center;
}

.pager2-list {
  margin: 0 -10px;
}

.pager2-list li {
  display: inline-block;
  margin: 0 6px;
  list-style: none;
}

.pager2-list li a {
  text-decoration: none;
  color: #666;
  padding: 4px 8px;
  display: block;
  /*  border: 1px solid #666;*/
}

.pager2-list li a:hover {}



.pager2-list li a.active {
  padding: 0 26px;
  border-right: 1px solid #666;
  border-left: 1px solid #666;
}


.pager2 .pager2-list {
  margin: 0 auto;
}

@media screen and (max-width: 640px) {

  .pager2-list {
    text-align: center;
    padding-bottom: 30px;
  }

  .pager2-list {
    margin: 0 -10px;
  }

  .pager2-list li {
    display: inline-block;
    margin: 0 6px;
    list-style: none;
  }

  .pager2-list li a {
    text-decoration: none;
    color: #666;
    padding: 4px 4px;
    display: block;
    /*  border: 1px solid #666;*/
  }

  .pager2-list li a.active {
    padding: 0 6px;
  }

}




/*武蔵野のつよみ*/

/*画像を並べる 3→2 */

.img_wrap {}

.img_wrap_inner li {}

ul.img_wrap_inner {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.img_wrap_inner li {
  width: calc((100% / 3) - 20px);
  margin: 10px;
  padding: 20px;
  /*  border-radius: 3px;*/
  /*  background: #fff;*/
  /*  border: 1px solid #ccc;*/
}

.img_wrap_inner li p {
  margin: 0;
  padding: 0;
}


@media screen and (max-width: 640px) {

  .img_wrap .img_wrap_inner li {
    width: calc((100% / 2) - 20px);
    margin: 10px;
    padding: 20px;
    /*    border-radius: 5px;*/
  }

  .img_wrap .d3 li {
    width: 100%;
    margin: 10px;
    padding: 20px;
  }
}






/*画像を並べる 3→1 余白なし */

.wrap3to1 {}


ul.wrap3to1_inner {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.wrap3to1_inner li {
  width: calc((100% / 3) - 20px);
  margin: 10px;
  padding: 0px;
}


.wrap3to1_inner li img {
  width: 100%;
}

@media screen and (max-width: 640px) {
  .wrap3to1 .wrap3to1_inner li {
    width: 100%;
    padding: 0px;
  }
}



/*画像を並べる 4→1 見学会のメリット*/

.img2to1_wrap {}

.img2to1_wrap_inner li {}

ul.img2to1_wrap_inner {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.img2to1_wrap_inner li {
  width: calc((100% / 2) - 20px);
  margin: 10px;
  padding: 0px;

}


@media screen and (max-width: 640px) {

  .img2to1_wrap .img2to1_wrap_inner li {
    width: 100%;
    margin: 10px;
    padding: 0px;
  }

}








/*画像を並べる 4→1 見学会のメリット*/

.img4to1_wrap {}

.img4to1_wrap_inner li {}

ul.img4to1_wrap_inner {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.img4to1_wrap_inner li {
  width: calc((100% / 4) - 20px);
  margin: 10px;
  padding: 0px;

}


@media screen and (max-width: 640px) {

  .img4to1_wrap .img4to1_wrap_inner li {
    width: 100%;
    margin: 10px;
    padding: 0px;
  }

}




/*画像を並べる 4→1 環境整備 書籍*/

.img3_wrap {}

.img3_wrap_inner li {}

ul.img3_wrap_inner {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.img3_wrap_inner li {
  width: calc((100% / 3) - 20px);
  margin: 10px;
  padding: 0px;
  text-align: center;
}

.img3_wrap_inner img {
  width: 120px;
}


@media screen and (max-width: 640px) {
  .img3_wrap_inner li img {
    width: 100%;
  }
  /*
  .img3_wrap .img3_wrap_inner li {
    width: 100%;
    margin: 10px;
    padding: 0px;
  }
*/
}






















/*画像を並べる 5→1 書籍 */

.img5to1_wrap {}

.img5to1_wrap_inner li {}

ul.img5to1_wrap_inner {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.img5to1_wrap_inner li {
  width: calc((100% / 5) - 20px);
  margin: 10px;
  padding: 20px;
  border-radius: 3px;
  background: #fff;
}

.img5to1_wrap_inner li:first-child {}

.img5to1_wrap_inner li p {
  margin: 0;
  padding: 0;
}


@media screen and (max-width: 640px) {

  ul.img5to1_wrap_inner {
    flex-direction: row;
  }


  .img5to1_wrap .img5to1_wrap_inner li {
    width: 100%;
    margin: 10px;
    padding: 20px;
  }

  .book_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
  }


  .book_wrap .book_pic {
    width: 120px;
    padding-right: 10px;
  }

  .book_wrap .book_pic img {
    max-width: 120px;
    padding-right: 16px;
  }


}





/*画像を並べる 中央*/

.img_wrap_cnt {}

.iimg_wrap_cnt_inner li {}


ul.img_wrap_cnt_inner {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
}

.img_wrap_cnt_inner li {
  width: calc((100% / 3) - 20px);
  margin: 10px;
  padding: 0;




}

.img_wrap_cnt_inner li:first-child {}

.img_wrap_cnt_inner li p {
  margin: 0;
  padding: 0;
}


@media screen and (max-width: 640px) {

  ul.img_wrap_cnt_inner {
    flex-direction: column;
  }

  .img_wrap_cnt_inner li {
    width: 100%;
    margin: 10px 0px;
    padding: 10px 0px;
  }

}



/*yoko panel list*/

.panel_yoko_box {
  margin: 0 auto;
}

.panel_yoko_inner ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.panel_yoko_inner li {
  width: calc(100% / 3);
  background: #ccc;
}

/*チェックリスト*/

.yoko_check_red {
  width: 100%;
}

.yoko_check_red {
  padding-left: 20px;
  margin-right: 0px;
}

.yoko_check_red li {
  font-size: 16px;
  list-style-type: none;
  background: url(/common/img/check_red@2x.png);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left 0.5em;
  padding: 12px 15px 12px 35px;
}

@media screen and (max-width:640px) {
  .panel_yoko_inner ul {
    flex-wrap: nowrap;
    flex-direction: column
  }

  .panel_yoko_inner li {
    width: 100%;
  }
}





/*end yoko panel list*/

/*panel*/

.panel_wrap {}

.panel_wrap_inner li {}


ul.panel_wrap_inner {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.panel_wrap_inner li {
  width: calc((100% / 3) - 20px);
  margin: 10px;
  padding: 20px 0;
  border-radius: 5px;
}

/*
.panel_wrap_inner li:first-child {
  background: #f8b500;
}
*/

.panel_wrap_inner li img {
  width: 100%;
  padding-bottom: 20px;
}

.panel_wrap_inner li p {
  margin: 0;
  padding: 0;
}

@media screen and (max-width:640px) {

  ul.panel_wrap_inner {
    flex-direction: column;
  }

  .panel_wrap_inner li {
    /*    width: calc((100% / 2) - 20px);*/
    width: 100%;
    margin: 10px;
    padding: 20px 0;
    border-radius: 5px;
  }


  .panel_nopadding li {

    width: 100%;
    margin: 0px 10px;
    padding: 0px 0;
    border-radius: 5px;
  }

}











/*----------------

box_set
float
------------------*/

.box_wrap {
  margin-bottom: 20px;
}

.box_wrap ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul.box_set_ul li {
  width: 48%;
  list-style: none;
  padding-bottom: 4.5rem;
  margin-bottom: 0;
  position: relative;
}

ul.box_set_ul li:first-child {
  margin-right: 4%;
}

.box_wrap img {
  width: 100%;
  margin: 0;
  padding: 0;
}

.box_wrap .pic_float {
  width: 30%;
  float: left;
  padding-right: 10px;
}

.box_wrap .bw_title {
  font-size: 27px;
  text-align: center;
  margin-bottom: 20px;
}

.box_wrap h4 {
  font-weight: bold;
  font-size: 110%;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
  background: #fff;

  background: linear-gradient(90deg, #41DFC6, #50C9EF);
  color: #FFF;
  text-align: center;
  padding: 10px 0 6px;
}

.box_wrap p {
  padding: 0 2%;
  font-size: 92%;
}

.box_wrap p.button {
  text-align: center;
  padding: 0;
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;


}

.box_wrap p.button a {
  width: 100%;
  color: #000;
  padding: 8px 0;
  background: #fff;
  border: 1px solid #999;
  font-size: 100%;
  display: inline-block;
  text-decoration: none;
  font-size: 15px;
}

@media screen and (max-width: 640px) {

  ul.box_set_ul li {
    width: 98%;
    margin: 2% 1%;
    list-style: none;
    padding-bottom: 4.5rem;
    margin-bottom: 0;
    position: relative;
  }


  .box_wrap .bw_title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 16px;
  }


  ul.box_set_ul li:first-child {
    margin-right: 0%;
  }



}



/*panel 50*/

.panel_wrap_2box {}

ul.panel_wrap_2inner {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.panel_wrap_2inner li {
  width: calc((100% / 2) - 20px);
  margin: 10px;
  padding: 20px 0;
  /*  line-hight: 1;*/
}

.bk_gray li {
  padding: 10px;
  border: 10px solid #f7f7f7;
  border-collapse: collapse;
}

.bk_gray_inner {
  background: #fff;
}



.panel_wrap_2inner .panel_midasi_blue {
  background: linear-gradient(90deg, #41DFC6, #50C9EF);
  color: #FFF;
  text-align: center;
  padding: 10px 0 6px;
}

.panel_wrap_2inner .panel_btn {
  background: linear-gradient(90deg, #50C9EF, #41DFC6);
  color: #FFF;
  text-align: left;
  padding: 10px 0 6px 10px;
  position: relative;
}


.panel_wrap_2inner .panel_btn a {
  position: absolute;
  right: 10px;

}

.panel_wrap_2inner .panel_btn img {
  width: 20px;
}




.panel_wrap_2inner li img {
  margin: 0 auto;
  width: 100%;
}

.panel_wrap_2inner .bk_gray_inner p {
  margin: 0;
  padding: 10px;
}

/*CDDVD*/

.panel_wrap_2inner li.cddvd {
  display: flex;
  flex-direction: column;
}


.panel_img_float {
  float: left;
  padding-right: 20px;
}

.panel_img_float {
  width: 140px;
}

@media screen and (max-width:640px) {

  .panel_wrap_2inner li {
    /*    width: calc((100% / 2) - 20px);*/
    width: 100%;
    margin: 10px 0;
    padding: 20px 0;
    border-radius: 5px;
    /*  line-hight: 1;*/
  }

  .panel_img_float {
    float: left;
    padding-right: 20px;
  }
  .panel_img_float {
    width: 140px;
  }

}



/*アイコンテキスト横並び*/

.icon_side_inner {
  width: 100%;
}


.icon_side {
  width: 100%;
  padding: 16px 0 8px;
  ;
  display: flex;
  align-items: center;
}

.icon_syou {
  width: 70px;
  padding-right: 16px;
}

.icon_syou img {
  width: 70px;
  min-width: 70px;
}


.icon_side p {
  font-size: 24px;
  font-weight: 700;
  padding-left: 16px;
}



@media screen and (max-width:640px) {

  .wrap_2inner_icon li {
    /*    width: calc((100% / 2) - 20px);*/
    width: 100%;
    margin: 0px;
    padding: 0px 8px;
    border-radius: 5px;
  }

  .icon_syou {
    width: 50px;
  }

  .icon_syou img {
    width: 50px;
    min-width: 50px;
  }




}







/*実践社員　フッター*/

.list_box {
  display: flex;
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 16px;
  margin: 16px 0 0;
}

.list_box_img {
  width: 100%;
  max-width: 210px;
}

.list_box_list ul {
  padding-left: 30px;

  /*  list-style-image: url(/common/img/check_red.svg);*/
}


.list_box_list li {
  list-style-type: none;
  background: url(/common/img/check_red@2x.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: left 0.5em;
  padding: 10px 15px 15px 25px;

}

@media screen and (max-width:640px) {
  .list_box_img {
    width: 100%;
    max-width: 100%;
  }

  .list_box_list ul {
    padding-left: 0px;

    /*  list-style-image: url(/common/img/check_red.svg);*/
  }

  .list_box {
    flex-direction: column;
  }

}







/*赤チェックリスト*/

.midasi_list_wrap {}

.midasi_list_wrap h2 p.TtStile01 {
  margin: 24px 0 0;
  background: #bde65d;
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  padding: 9px;
  text-align: center;
}

/*no list*/

.midasi_cont_inner {
  width: 100%;
  background: #D2F0F0;
  padding: 30px 30px;
}

@media screen and (max-width:640px) {

  .midasi_cont_inner {
    padding: 20px 10px;
  }

}

.cont_inner_gray {
  width: 100%;
  background: #f7f7f7;
  background: linear-gradient(180deg, #ccc, #fff);
  padding: 30px 30px;

}


.cont_inner_white {
  width: 100%;
  background: #fff;
  padding: 20px 10px;

}




.midasi_list_inner_top {
  width: 100%;
  background: #D2F0F0;
  padding: 20px 10px 0;
  text-align: center;
  font-weight: 700;
}

.midasi_list_inner {
  width: 100%;
  background: #D2F0F0;
  padding: 20px 30px 30px;
  display: flex;
}

.midasi_list_inner_ss {
  padding: 20px 60px 30px;
}







.list_red {
  width: 50%;
}


.midasi_list_inner ul {
  padding-left: 30px;
  margin-right: 20px;

  /*  list-style-image: url(/common/img/check_red.svg);*/
}


.midasi_list_inner li {
  font-size: 16px;
  list-style-type: none;
  background: url(/common/img/check_red@2x.png);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left 0.3em;
  padding: 8px 15px 8px 35px;
}


@media screen and (max-width:640px) {

  .midasi_list_wrap h2 p.TtStile01 {
    font-size: 16px;
  }


  .midasi_list_inner {
    padding: 14px 8px;
    display: flex;
    flex-direction: column;
  }

  .midasi_list_inner ul {
    padding-left: 8px;
    margin-right: 10px;
  }

  .list_red {
    width: 100%;
  }


  .midasi_list_inner li {
    font-size: 14px;
  }



}



/*チェックリスト*/

.check_red {
  width: 100%;
}


.check_red {
  padding-left: 20px;
  margin-right: 0px;

  /*  list-style-image: url(/common/img/check_red.svg);*/
}


.check_red div {
  font-size: 16px;
  list-style-type: none;
  background: url(/common/img/check_red@2x.png);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left 0.5em;
  padding: 12px 15px 12px 35px;
}


.check_black {
  width: 100%;
}


.check_black {
  padding-left: 20px;
  margin-right: 0px;

  /*  list-style-image: url(/common/img/check_red.svg);*/
}


.check_black div {
  font-size: 16px;
  list-style-type: none;
  background: url(/common/img/check_black@2x.png);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left 0.5em;
  padding: 12px 15px 12px 35px;
}








/*講師紹介*/

/*実践社員　フッター*/

.kousi_box {
  display: flex;
  margin: 16px auto 0;
  align-content: center;
  align-items: center;
  flex-basis: auto;

}

.kousi_inner {
  display: table;
  width: 500px;
  margin-left: auto
}

.kousi_inner figure {
  display: table-cell;
  text-align: center;
  padding: 10px;
  width: 50%
}

.kousi_inner figure img {
  width: 200px;
}


.kousi_name {
  width: 260px;
  margin-right: auto;
}

@media screen and (max-width:640px) {
  .kousi_box {
    display: flex;
    flex-direction: column;
  }


  .kousi_inner {
    width: 100%;
  }


  .kousi_inner figure img {
    width: 100%;

  }



  .kousi_name {
    width: 90%;
    margin: 0 auto;
  }

  .kousi_name ul {
    float: left;
    width: 50%;
    width: 50%;
    padding: 0 0 10px 16px;
  }

}



/*sitetour 見学会の決め手リスト*/

.list_box_person {}


.list_box_person li {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
  font-size: 20px;
}

.list_box_person li .icon_person {
  width: 40px;
}


.list_box_person li img {
  width: 60%;
}

/*ランチェスター*/

.lanch_wrap {
  display: flex;
  align-content: center;
  align-items: center;
  background: #DEF4FF;
  width: 100%;
  margin: 0 auto;
  padding: 10px;

  text-align: center;
}

.lanch_wrap .lanch_ico {
  width: 100px;
  padding-right: 10px;
}

.lanch_wrap .lanch_txt {
  text-align: left;
  font-size: 26px;
}

.lanch_wrap .lanch_img {
  width: 200px;
  margin-left: auto;
}


.lanch_midasi {
  text-align: left;
  margin-bottom: 10px;
}

.lanch_midasi01 {
  color: #3E3A39;
  font-weight: 600;
  font-size: 19px;
  width: 100%;
}

.lanch_midasi02 {
  font-size: 32px;
  font-weight: 600;
  color: #bde65d;
}


@media screen and (max-width: 640px) {

  .lanch_wrap {
    width: 100%;
    margin: 0 auto;
    padding: 4px;
  }
  .lanch_wrap .lanch_ico {
    width: 20%;
  }

  .lanch_wrap .lanch_txt {
    text-align: left;
    width: 50%;
    font-size: 16px;
  }

  .lanch_wrap .lanch_img {
    width: 30%;

  }

  .lanch_midasi {
    text-align: center;
    margin: 0 auto;
  }

  .lanch_midasi01 {
    font-size: 15px;
  }


  .lanch_midasi02 {
    font-size: 22px;
    font-weight: 600;
    color: #bde65d;
  }

}




.module-triangle-wrap_gr,
.module-triangle-wrap {
  background: #fff;
  font-size: 22px;
  margin: 0 0 10px 0;
}

.triangle-wrap_gr {
  background: #f7f7f7;
}


.module-triangle-wrap p {
  display: inline-block;
  padding-left: 40px;
  font-weight: 600;
}

.module-triangle-right {
  display: inline-block;
  position: relative;
  background: #bde65d;
  padding: 12px 16px;
  white-space: nowrap;
  width: 120px;
  color: #fff;
}

.module-triangle-right::before {
  content: "";
  display: inline-block;
  border-left: 18px solid #bde65d;
  /* 右向きの三角形を作るため左のボーダーに色を付ける */
  border-top: 29px solid transparent;
  /* 上のボーダーを透過に指定 */
  border-bottom: 29px solid transparent;
  /* 下のボーダーを透過に指定 */
  position: absolute;
  right: -17px;
  top: 50%;
  margin-top: -29px;
}




/*グレーの枠*/

.gray_wrap {
  background: #ccc;
  padding: 6px;
  margin: 16px 0;
}

.gray_wrap_inner {
  background: #fff;
  padding: 6px;
}

.table_wrap {
  clear: both;
  display: table;
}

.table_wrap div {
  display: table-cell;
  padding: 16px;
}

@media screen and (max-width: 640px) {

  .table_wrap div {
    white-space: nowrap;
    padding: 8px;
  }

}


.table_wrap img {
  width: 180px;
}









/*negative arrow*/

/*
.arrow_float_top {
  position: relative;
  margin: 0px auto 0;
  padding-top: 0px;
  padding-bottom: 30px;
  text-align: center;
  width: 100%;
}


.arrow_float_top img {}

.ContentsBox .arrow_top_float {
  position: absolute;
  width: 320px;
  top: -50px;
  right: 0;
  left: 0;
  text-align: center;
  margin: auto auto;
  z-index: 99;
}
*/

.arrow_float_top {
  position: relative;
  margin: 0px auto 0;
  padding-top: 0px;
  padding-bottom: 30px;
  text-align: center;
  width: 100%;
}

.arrow_float_top img {}

.ContentsBox .arrow_top_float {
  position: absolute;
  width: 320px;
  top: -80px;
  right: 0;
  left: 0;
  text-align: center;
  margin: auto auto;
  z-index: 99;
}




/*negative arrow*/

.arrow_float_bottom {
  position: relative;
  margin: 0px auto 0;
  padding-top: 0px;
  padding-bottom: 30px;
  text-align: center;
  width: 100%;
}


.arrow_float_bottom img {}

.ContentsBox .arrow_bottom_float {
  position: absolute;
  width: 320px;
  bottom: -80px;
  right: 0;
  left: 0;
  text-align: center;
  margin: auto auto;
  z-index: 99;
}



.point {
  margin: 0 auto;
  text-align: left;
  width: 80%;
  display: table;
  margin-bottom: 30px;
  vertical-align: middle;
}

.point_ico {
  width: 100px;
  display: table-cell;
  text-align: center;
}

.point_ico img {
  width: 80px;
}

.point_txt {
  display: table-cell;
  font-size: 24px;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {

  .point {
    width: 98%;
    margin-bottom: 26px;
  }

  .point_ico {
    width: 80px;
  }

  .point_ico img {
    max-width: 60px;
  }

  .point_txt {
    font-size: 18px;
    padding-left: 10px;
    text-align: left;
  }

}




/*partner table*/

.prg_tb_mark {
  margin: 20px 0 0 10px;
  text-align: left;
}

.prg_tb_mark img {
  width: 100%;
  max-width: 330px;
}




.table_program {
  width: 100%;
  margin: 0 0 40px;
  padding: 5px 0 10px;
}

.table_program_inner {
  width: 100%;
  padding: 10px 0 20px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-collapse: collapse;
}


.table_program_inner th,
.table_program_inner td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-collapse: collapse;
  padding: 4px 4px 4px 6px;
  text-align: left;
  vertical-align: middle;
}

.table_program_inner td {
  font-size: 1.4em;
  width: 100px;
}

th.program_tb_midasi,
td.program_tb_midasi {
  padding: 8px 4px;
  background: #f7f7f7;
  font-size: 1.0em;
}


.table_program_inner span.orange {
  color: orange;
}

.table_program_inner td span.pink {
  color: hotpink;
}

.table_program_inner td span.blue {
  color: dodgerblue;
}

.table_program_inner td span.green {
  color: mediumspringgreen;
}



@media screen and (max-width: 640px) {

  .prg_tb_mark {
    margin: 20px 0 20px 0;
  }


  .table_program {
    margin: 10px 0 20px 0;
  }
}



.kiyaku {
  width: 100%;
  height: 400px;
  overflow-x: hidden;
}

.pay {
  display: flex;
  width: 80%;
  margin: 0 auto;
}

.credit_txt {
  width: 40%;
  min-width: 400px;
  font-weight: bold;
}

.credit_txt div {
  background: #f7f7f7;
  padding: 10px;
  margin: 20px 20px 20px 0px;
  font-weight: normal;
}

.pay .credit_img {
  width: 60%;
}



@media screen and (max-width: 640px) {
  .pay {
    display: flex;
    flex-direction: column;
    width: 96%;
    margin: 0 auto;
  }

  .credit_txt {
    width: 100%;
    min-width: 100%;
    font-weight: bold;
  }

  .credit_txt div {
    padding: 10px 16px;
    margin: 20px 0;
  }

  .pay .credit_img {
    width: 90%;
  }


}

/*qa*/

.qa {
  display: table;
  padding: 6px 6px;
}

.qa:nth-child(even) {
  margin-bottom: 16px;

}

.q_title {
  display: table-cell;
  font-weight: 700;
  font-size: 16px;
  padding: 0 6px 0 0;
  white-space: nowrap;
}

.q_txt {
  display: table-cell;
  font-weight: 700;
  font-size: 16px;
}

.a_title {
  display: table-cell;
  padding: 0 12px 0 0;
  white-space: nowrap;
}

.a_txt {
  display: table-cell;

}

@media screen and (max-width: 640px) {
  .qa {
    display: table;
    padding: 6px 0px;
  }
}






.img_side {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-direction: row;
  margin: 40px 0;
}

.simg {
  margin: 0 auto;
  text-align: center;

  width: 400px;
}


.simg_p {
  /*  margin-left: auto;*/
  margin-right: auto;
  white-space: nowrap;
  font-size: 40px;
}

@media screen and (max-width: 640px) {
  .img_side {
    flex-direction: column;
    padding: 6px 0px;
  }

  .img_side p,
  .simg {
    width: 100%;
  }


  .simg {
    max-width: 330px;
  }


  .simg_p {
    white-space: inherit;
    font-size: 30px;
    margin: 30px auto 10px;
  }


}


/*img*/

.scale_30 img,
img.scale_30 {
  transform: scale(0.3);
  transform-origin: center center;
}

.scale_40 img,
img.scale_40 {
  transform: scale(0.4);
  transform-origin: center center;
}

.scale_half img,
img.scale_half {
  transform: scale(0.5);
  transform-origin: center center;
}

.scale_60 img,
img.scale_60 {
  transform: scale(0.6);
  transform-origin: center center;
}

.scale_70 img,
img.scale_70 {
  transform: scale(0.7);
  transform-origin: center center;
}


.scale_80 img,
img.scale_80 {
  transform: scale(0.8);
  transform-origin: center center;
}




.graph_scale {
  margin-bottom: 20px;
}

.graph_scale img {
  width: 50%;
}

@media screen and (max-width: 640px) {}



/*keikakusyo*/

#book_float {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 30px 0;

}

#book_float .book_float-inner {
  position: absolute;
  bottom: 0;
  top: -80px;
  left: 0;
  width: 100%;
}



#book_float .book_float-inner img {
  width: 340px;
}

.bk_blue_float {
  margin-top: 260px;
}


.notice_box {
  margin-top: 30px;
  border: solid #dddddd 8px;
  padding: 20px;
}

.notice_txt_red {
  color: red;
  font-weight: 700;
}

.notice_list {
  display: flex;
  flex-wrap: wrap;
  list-style: disc;
  list-style-position: outside;
  width: 92%;
  margin: 10px 0;
  padding-left: 20px;

}

.notice_list li {
  width: 50%;
  padding: 10px 0 0;

}

@media screen and (max-width: 640px) {
  .notice_box {
    margin-top: 20px;
    padding: 14px;
  }

  .notice_list {
    width: 100%;
    margin: 3px 0;
    padding-left: 20px;

  }

  .notice_list li {
    width: 100%;
    padding: 10px 0 0;
  }
}



/*画像切替*/

.img_size30,
.img_size40,
.img_size50,
.img_size60,
.img_size70,
.img_size80 {
  margin: 0 auto;
  text-align: center;
}


.img_size30 img {
  width: 30%;
}

.img_size20 {
  width: 20%;
}

.img_size40 img {
  width: 40%;
}


.img_size50 {
  /*  width: 50%;*/
}

.img_size50 img {
  width: 50%;
}



.img_size60 {
  width: 60%;
}

.img_size70 {
  width: 70%;
}

.img_size80 {
  width: 80%;
}

@media screen and (max-width: 840px) {
  .img_size20 img,
  .img_size30 img,
  .img_size40 img,
  .img_size50 img,
  .img_size60 img,
  .img_size70 img {
    width: 50%;
  }
}



@media screen and (max-width: 640px) {
  .img_size20 img,
  .img_size30 img,
  .img_size40 img,
  .img_size50 img,
  .img_size60 img,
  .img_size70 img {
    width: 80%;
  }
}




.img_100_pc {
  display: block;
}

.img_100_pc img {
  margin: 10px 0 32px 0;
}


.img_100_sp {
  display: none;
}

.img_100_sp img {
  margin: 0 0 22px 0;
}


@media screen and (max-width: 640px) {
  .img_100_pc {
    display: none;
  }
  .img_100_sp {
    display: block;
  }
}



/*schedule*/

.schedule_ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.schedule_ul li {
  width: 49%;
  margin: 0px 0 10px;
  border: 1px solid #ccc;
  padding: 16px 10px;
  vertical-align: middle;
  background: #fff;
  position: relative;
}



.schedule_inner {
  border-left: 7px solid #bde65d;

  /*  padding-left: 8px;*/
  padding: 8px 0 8px 26px;
  font-size: 19px;
  font-weight: 700;
  color: #333;
}

.schedule_btn {
  position: absolute;
  right: 10px;
  top: 23%;
  bottom: 0;

  /*余白を解消する値を入れます*/
}

.schedule_btn img {
  width: 164px;
  vertical-align: bottom;
}


.schedule_inner span {
  font-size: 15px;
  font-weight: 700;
  padding-right: 6px;
}


@media screen and (max-width: 840px) {
  .schedule_ul {
    flex-direction: column;
  }
  .schedule_ul li {
    width: 98%;
    margin: 1%;
    border: 1px solid #ccc;
  }


  .schedule_btn {
    position: static;
    text-align: left;
  }
}



@media screen and (max-width: 640px) {

  .schedule_ul {
    flex-direction: column;
  }
  .schedule_ul li {
    width: 98%;
    margin: 1%;
    border: 1px solid #ccc;
  }


  .schedule_btn {
    position: static;
    text-align: left;
  }
}

.youtube_w {
  width: 80%;
  margin: 0 auto;
  padding: 40px 20px;
}

@media screen and (max-width: 640px) {
  .youtube_w {
    width: 96%;
    margin: 0 auto;
    padding: 10px 10px;
  }
}


.youtube {
  width: 100%;
  /*横幅いっぱいにwidthを指定*/
  padding-bottom: 56.25%;
  /*高さをpaddingで指定(16:9)*/
  height: 0px;
  /*高さはpaddingで指定するためheightは0に*/
  position: relative;
}

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img_flat_bottom1 {
  vertical-align: bottom;
  width: 380px;
  width: 90%;
}


.img_flat_bottom2 {
  vertical-align: bottom;
  max-width: 440px;
  width: 90%;
  margin-top: 30px;
}

/*
現地見学会
*/
#Block01 {
    background: url(../img/block01_bg.png) no-repeat fixed;
    margin-top: 50px;
    padding: 110px 0 50px;
    text-align: center;
    color: #FFF;
}
#Block01 h2 {
	font-size: 80px;
    font-weight: bold;
    line-height: 2.0;
	margin: 0;
}
#Block01 .Desc {
    font-size: 25px;
}
#Block01 .Desc span {
    font-size: 33px;
	font-weight:bold;
}
#Block01 p {
    font-size: 16px;
}
#Block01 .Ac03 {
	color: #fff;
    background: #fd732f;
    padding: 15px;
    width: 30%;
    font-size: 18px;
    display: inline-block;
    margin: 0 10px;
}
#Block01 .Deco02 {
	position: absolute;
    width: 13%;
    top: -65px;
    left: 40px;
}
#Block01 .ContentsBox {
    width: 100%;
    max-width: var(--base-width);
    margin: 0 auto;
    padding: 40px 0 60px;
    position: relative;
}
.AcBox {
    text-align: center;
    padding: 50px 0;
    margin: 0 auto;
}
.Block_tel{
    text-align: center;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin: 30px 0 0;
    padding: 15px 0;
}
.Block_tel p.Deco6 {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}
.Block_tel .Deco7 {
    background: #EDEDED;
    font-size: 14.5px;
    padding: 7px;
    font-weight: bold;
    display: inline-block;
    margin: 10px 0 0 0;
}
.Block_tel a {
    font-size: 35px;
    font-weight: bold;
    display: block;
    color: #000;
}

@media screen and (max-width: 1000px) {

  .contents_wrap_sp {
    padding: 0 10px;
  }


}

@media screen and (max-width: 940px) {

  .contents_wrap_sp {
    padding: 0 10px;
  }

}

/*pcの時は右*/

.pc_ar {
  text-align: right;
}

.pc_al {
  text-align: left;
}


/*seibi　抜粋*/

.seibi_lr_txt {
  margin-right: 20px;
}


@media screen and (max-width: 640px) {
	#Block01{
		padding: 0 30px;
	}
	#Block01 {
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: top center;
		background-attachment: scroll;
		padding: 80px 30px 0px;
	}
	#Block01 p {
	    font-size: 14px;
	}
	#Block01 .ContentsBox {
		padding-top: 15px;
	}
	#Block01 .Ac03 {
		width: 100%;
	    padding: 21px 0;
	    margin: 10px auto;
	    font-size: 15px;
	    border-radius: 8px;
	}
	#Block01 h2 {
	    font-size: 42px;
	}
	#Block01 .Desc {
	    font-size: 16px;
	}
	#Block01 .Desc span {
	    font-size: 22px;
	}
	#Block01 .Deco02 {
	    width: 140px;
	    top: -135px;
	    right: 0px;
	    left: 0px;
	    margin: auto auto;
	}

  .contents_wrap_sp {
    padding: 0 6px;
  }
  /*seibi　抜粋*/
  .seibi_lr_txt {
    margin-right: 0px;
    margin: 0 auto;
  }

  /*SPの時は左寄せ*/
  .sp_al {
    text-align: left;
  }
  /*SPの時中央*/
  .sp_ac {
    text-align: center;
  }

	.table_company_inner th {
	    display: block;
	    width: 100%;
		padding: 10px 0 0 0;
		border-bottom:none;
	}
	.table_company_inner td {
	    display: block;
	    width: 100%;
		padding: 10px 0 10px;
	}
	.table_company_inner th.sp_none {
	    display: none;
	}
}

@media screen and (max-width: 480px) {}

@media screen and (max-width: 374px) {
	#Block01 .Desc {
	    font-size: 15px;
	}
	#Block01 .Desc span {
	    font-size: 20px;
	}
	#Block01 h2 {
	    font-size: 34px;
	}
	#Block01 .Deco03 {
	    font-size: 13px;
	}
	.Block_tel a {
	    font-size: 27px;
	}
}