/* Your style */

/* clearfix */
.clearfix {
  min-height: 1px;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* img回り込み用　*/
.img_float {
  float:left;
  margin-right:2px;
  }
/* 余白　*/
.margin{
margin : 0.5em;
}
.padding{
padding : 0.5em;
}

/*校舎テンプレート用*/
.box_bg_pink1{
  border:3px solid #FF5689;
  clear:both;
  padding:30px 30px 10px;
  margin-bottom:50px;
}

.box_bg_blue{
  border:3px solid #0066FF;
  clear:both;
  padding:30px 30px 10px;
  margin-bottom:50px;
}

.box_bg_yellow{
  border:3px solid #FFC220;
  clear:both;
  padding:30px 30px 10px;
  margin-bottom:50px;
}
.box_bg_green{
  border:3px solid #21CB27;
  clear:both;
  padding:30px 30px 10px;
  margin-bottom:50px;
}

.box_border_blue{
  background:#CBE6F3;
  padding:30px 30px 10px;
}

.box_bg_orange{
  border:3px solid #E5550C;
  clear:both;
  padding:30px 30px 10px;
  margin-bottom:50px;
  border-radius: 20px;
}
.box_bg_pink{
  border:3px solid #FF5689;
  clear:both;
  padding:30px 30px 10px;
  margin-bottom:50px;
  border-radius: 20px;
}

.box_border_orange{
  background:#F9DFD5;
  clear:both;
  padding:30px 30px 10px;
}

.box_border_pink{
  background:#F3D1E5;
  clear:both;
  padding:30px 30px 10px;
}

.box_border_yellow{
  background:#FFFBD5;
  clear:both;
  padding:30px 30px 10px;
}

.box_bg_goukaku{
  background:#036DB7;
  clear:both;
  padding:30px 30px 10px;
  margin-bottom:50px;
}

.box_bg_goukaku{
  border:3px solid #2C7CC3;
  clear:both;
  padding:30px 30px 10px;
  margin-bottom:50px;
}

.bd_arrow{
  width: 0;
  height: 0;
  border-top: 10px solid #005bac;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-left: 10px solid transparent;
}

.btn_square{/*ブルー*/
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #005bac;/*色設定*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.btn_square:active {/*ブルーとセット*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.btn_yellow{/*イエロー*/
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #FDD206;/*色設定*/
    color: #FFF;
    border-bottom: solid 4px #EF9405;
    border-radius: 3px;
}
.btn_yellow:active {/*イエローとセット*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
.btn_red{/*レッド*/
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #F16B53;/*色設定*/
    color: #FFF;
    border-bottom: solid 4px #C92E1B;
    border-radius: 3px;
}
.btn_red:active {/*レッドとセット*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.btn_pink{/*薄いピンク&幅９０％*/
    display: inline-block;
  　width:80%;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #fca7a7;/*色設定*/
    color: #FFF;
    border-bottom: solid 4px #9B9494;
    border-radius: 3px;
}
.btn_pink:active {/*薄いピンクとセット*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
.btn_green{/*薄い緑*/
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #8bf797;/*色設定*/
    color: #FFF;
    border-bottom: solid 4px #9B9494;
    border-radius: 3px;
}
.btn_green:active {/*薄い緑*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.btn_grd {
  display: block;
  padding: 1.5em 3em;
  border-radius: 1.6em;
  color: #fff !important;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
  background: linear-gradient(-45deg, rgba(87, 225, 181, 1) 0%, rgba(0, 63, 255, 1) 100%);
  box-shadow: 0 5px 20px rgba(0, 63, 255, .5);
}


.btn_org1 {
  display: block;
  padding: 1.5em 3em;
  border-radius: 1.6em;
  color: #fff !important;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
  background-color: rgba(251, 152, 11, 1);
  box-shadow: 0 5px 20px rgba(251, 152, 11, .5);
}

.btn_grn1 {
  display: block;
  padding: 1.5em 3em;
  border-radius: 1.6em;
  color: #fff !important;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
  background-color: rgba(87, 225, 181, 1);
  box-shadow: 0 5px 20px rgba(87, 225, 181, .5);
}


/*色設定　ＵＣ講師募集*/
h2.bg_bright_green{
  background:#92d050;
  color: #000 !important;
  border: none !important;
  font-size:18px;
  padding: 0.3em 0.5em;
}
h3.bg_light_blue{
  background:#b4c6e7;
  color: #000 !important;
  border: none !important;
  font-size:14px;
  padding: 0.3em 0.3em;
}
h3.bg_bright_orange{
  background:#ffc000;
  color: #000 !important;
  border: none !important;
  font-size:14px;
  padding: 0.3em 0.3em;
}
h3.bg_pale_yellow{
  background:#ffe699;
  color: #000 !important;
  border: none !important;
  font-size:14px;
  padding: 0.3em 0.3em;
}

/*グリッドスタイル高さを揃えたい時*/

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.fullheight {
    height: 90%;
}


/*小中部番号リスト*/
.st_num{
    float: left;
    display: block;
    width: 55px;
    height: 55px;
    text-align: center;
    font-size: 24px;
    line-height: 55px;
    color: #005BAC;
    background: #C0DFF5;
}


.box_border_black{
  border:2px solid #000000;
  clear:both;
  padding:15px 15px 15px 30px;
  margin-bottom:50px;
  border-radius: 15px;
}