@charset "utf-8";

/* flex */

.flex_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex_wrap.flex__3 .flex_item {
    width: 32%;
}
.flex_wrap.flex__2 .flex_item {
    width: 49%;
}
.flex_wrap.flex__alc {
  align-items: center;
}


/* box */
.box{
  background-color: #fff;
}
.sec_01 .flex_wrap.flex__3 .box {
  padding: 22px 20px 20px 20px;
  height: 75%;
}

.edw_contents .sec_ir h4 {
    float: left;
    width: 226px;
    padding-top: 7px;
}
.right{
  float: right;
  width: 730px;
}

.flow .box{
  background: #EAF5FA;
  border: solid 1px #707070;
  padding: 30px;
}
.flow .flex_wrap.flex__2 .flex_item {
    width: 48%;
}

@media only screen and (max-width: 768px) {
  .flex_wrap.flex__3 .flex_item,
  .flex_wrap.flex__2 .flex_item {
      width: 100%;
      margin-bottom: 25px;
  }
  .sec_01 .flex_wrap.flex__3 .box {
    padding: 4.8%;
    height: auto;
  }
  .edw_contents .sec_01 .edw_cnt.bg_color03 {
      width: 90%;
      padding-left: 5%;
      padding-right: 5%;
      margin-left: auto;
      margin-right: auto;
  }
  .flow .box{
    background: #EAF5FA;
    border: solid 1px #707070;
    padding: 4.8%;
  }
  #btn_program{
    margin-top: -68px;
    padding-top:68px;
  }
}
@media only screen and (max-width: 1168px) {
  .flow .flex_wrap.flex__2 .flex_item {
      width: 100%;
  }
}
@media only screen and (max-width: 1268px){
  .edw_contents .sec_ir h4 {
      float: none;
      width: 100%;
      padding-top: 7px;
      padding-bottom: 7px;
  }
  .right {
      float: none;
      width: 100%;
  }
}