@media (max-width: 576px) {

  .header {
    width: 20%;
    background-color: rgba(0,0,0,0);
  }

  .header-bg {
    height: 0;
    display: block;
  }

  .intro {
    padding: 0 1rem;
    font-weight: 700;
    font-size: 1em;

  }
  .iso-mark {
    margin: 20px auto 0;
  position: relative;
  top: auto;
  bottom: auto;
  width: 150px;
  }

  .president .img-box img {
    height: 300px;

}

.intro .content-wrap{
  padding-left:0;
  padding-right:0;
}
  .intro-head {
    margin-top: 40px;
  }
  .intro div.logo {
    margin-top: 100px;
  }
  .intro p.main-message {
    text-align:center;
    padding: 0;
    font-size: 5vw;
    text-shadow: #245052 1px 1px 5px, #245052 -1px 1px 5px, #245052 1px -1px 5px, #245052 -1px -1px 5px;
  }
  .intro p.main-message span {
        font-size: 7vw;
}

  .intro .content-wrap .mkp3, .intro .content-wrap .mkp4 {
    display: none;
  }

  .intro .mk_recruit {
    bottom: 60%;
  }

  .ttl-box {
    margin-bottom: 30px;
    padding: 40px 0 0 30px;
  }
  .ttl-box h2 {
    font-size: 2.3rem;
  }

  .intro-dic {
    width: 90%;
    right: 16px;
  }

  .cia .mk_check {
    top: -25px;
    left: -25px;
  }
  .cia .pt_cia {
    width: 47%;
  top: -40px;
  right: -29px;
  }

  .cia .title {
    font-size: 1.3rem;
}

  .closely .fl-l {
    width: auto;
    height: auto;
    float: none;
  }

  .closely .fl-r {
    width: 100%;
    height: 50px;
    text-align: center;
    float: none;
  }

  .closely .pos-a {
    height: 50px;
    top: auto;
    left: 0;
    bottom: 0;
  }

  .riscfactor {
    background: 0;
    background-image: url(../img/sec01.jpg);
  }

  .riskfactor .fl-r, .corpcia .fl-l {
    width: 100%;
    float: none;
  }

  .corpcia .pt_work {
    padding-right: 20px;
    position: static;
  }

  .corpcia .pt_work i {
    margin-left: 20px;
    position: static;
  }

  .file .file-list {
    align-items: center;
  }

  .file .file-list .item {
    width: 100%;
    margin-bottom: 20px;
  }

  .president .common-sec {
    padding: 40px;
  }

  .president .fl-l {
    width: 100%;
    float: none;
  }

  .example-info,
  .recruit .fl-r {
    width: 100%;
    float: none;
  }

  .recruit .ttl {
    text-align:center;
    font-size: 1.5rem;
    line-height: 1.5em;

  }

  .recruit .icon-box {
    margin: 0 auto;
    display: block;
  }


/*
  .riskfactor {
      background-image:url(../img/sec01.jpg);
      background-size:200%;
      background-position:center top;

  }
*/
.riskfactor .text {
    padding-left: 0px;
}
.corpcia .text {
    padding-right: 0px;
}
  .riskfactor {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+36,0b8793+100&0+36,1+55,1+100 */
    background: -moz-linear-gradient(bottom, rgba(125,185,232,0) 0%, rgba(91,170,207,1) 10%, rgba(11,135,147,1) 100%), url(../img/sec01.jpg); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, rgba(125,185,232,0) 0%,rgba(91,170,207,1) 10%,rgba(11,135,147,1) 100%), url(../img/sec01.jpg); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(91,170,207,1) 10%,rgba(11,135,147,1) 100%), url(../img/sec01.jpg); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#0b8793',GradientType=1 ); /* IE6-9 */

background-position:20% top;
    background-size: 300%;
    background-repeat:no-repeat;

  }


  .corpcia {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b8793+0,7db9e8+66&1+0,1+49,0.7+59,0+66,0+66 */
    background: -moz-linear-gradient(left, rgba(11,135,147,1) 0%, rgba(96,172,210,1) 49%, rgba(113,180,223,0.7) 59%, rgba(125,185,232,0) 80%), url(../../front/img/sec02-new.jpg); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(11,135,147,1) 0%,rgba(96,172,210,1) 49%,rgba(113,180,223,0.7) 59%,rgba(125,185,232,0) 80%), url(../../front/img/sec02-new.jpg); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(11,135,147,1) 0%,rgba(96,172,210,1) 49%,rgba(113,180,223,0.7) 59%,rgba(125,185,232,0) 80%), url(../../front/img/sec02-new.jpg); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b8793', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
    background-size: cover;
      background-position: right center;
  }


.mkp1,.mkp2,.mkp3,.mkp4{
  display:none;
}

.price .item {
    width: 50%;
}
.price .list .img {
    width: 100px;

}

.corpcia .common-sec {
    padding: 80px 16px;
}

/*
  .column .ttl-box {
    width: 62%;
    margin: 0 auto 20px;
    padding: 0;
  }

  .column .ttl-box .fl-r {
    width: auto;
    margin-left: 20px;
    padding: 0;
    float: left;
  }

  .column .flex {
    width: 100%;
    margin-bottom: 0;
    align-items: center;
  }

  .column .flex .item {
    margin-bottom: 20px;
  }

*/
  .bnr-stoku{
    padding: 0 15px;
  }
  .bnr-stoku img{
    width: 100%;

  }




}