/* ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■
  /recruit/ ページ用
■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
section.loops{

}

section.loops .loop_box{
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

section.loops .loop_box:first-of-type{
  border-top: solid 1px #ccc;
}

section.loops .loop_box .loop_title{
  width: 200px;
  padding: 10px;
}

section.loops .loop_box .loop_title h3{
  font-weight: bold;
}

section.loops .loop_box .loop_text{
  flex: 1;
  border-left: dashed 1px #ccc;
  padding: 10px;
}

section.loops .loop_box .loop_text iframe{
  display: block;
  width: 100%!important;
}

.text.dot.lastBox{
  padding: 30px 50px;
}

.text.dot.lastBox h2{
  padding: 0px 0px 30px;
}

@media screen and (max-width: 920px){
  section.loops .loop_box{
    display: block;
  }
  section.loops .loop_box .loop_title{
    width: 100%;
    padding: 10px 10px 0px;
  }
  section.loops .loop_box .loop_text{
    border-left: none;
  }
  .text.dot.lastBox{
    padding: 30px 30px;
  }
  .text.dot.lastBox h2{
    padding: 0px 0px 20px;
  }
}

@media screen and (max-width: 500px){
  .text.dot.lastBox{
    padding: 20px 10px;
  }
  .text.dot.lastBox h2{
    padding: 0px 0px 10px;
  }
}







/* ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */