/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@media (max-width: 1200px) {

.container {
    width: 100%;
}

.col_menu,
.col_flow,
.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 {
float: left;
}
.col_12 {
  width: 100%;
}
.col_11 {
  width: 91.66666666666666%;
}
.col_10 {
  width: 83.33333333333333%;
}
.col_9 {
  width: 75%;
}
.col_8 {
  width: 66.66666666666666%;
}
.col_7 {
  width: 58.333333333333336%;
}
.col_6 {
  width: 50%;
}
.col_5 {
  width: 41.66666666666667%;
}
.col_4 {
  width: 33.3334%;
}
.col_3 {
  width: 25%;
}
.col_flow {
  width: 20%;
}
.col_2 {
  width: 16.666666666666666%;
}
.col_menu {
  width: 20%;
}
.col_1 {
  width: 8.333333333333332%;
}


.peopleimg{
    width: 80px;
}

.peopleimg2{
    width: 80px;
}

.font50{
  font-size:38px;
}

.font46{
  font-size:38px;
}

.font40{
  font-size:38px;
}

.font36{
  font-size:30px;
}

.font30{
  font-size:28px;
}

.font26{
  font-size:24px;
}

.font24{
  font-size:22px;
}

.font22{
    font-size: 20px;
}

.font20{
  font-size:18px;
}

.font18{
  font-size:16px;
}


.text_1{
  font-size:18px;
  border-radius: 6px 6px 0px 0px;
  font-weight: 900;
  background-color: #e1e1e1;
  line-height:100%;
  padding: 20px 0px 20px 0px;
}

.text_2{
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-radius: 0px 0px 6px 6px;
  text-align: left;
  padding: 15px 10px;
}

.text_3{
  font-size:16px;
  border-radius: 6px 6px 0px 0px;
  font-weight: 900;
  background-color: #e1e1e1;
  line-height:100%;
  padding: 20px 0px 20px 0px;
}

.text_4{
  color: #ffffff;
  font-size:16px;
  border-radius: 6px 6px 0px 0px;
  font-weight: 900;
  background-color: #0699f4;
  line-height:100%;
  padding: 20px 0px 20px 0px;
}








}/******************* デスクトップ以上END *******************/