@charset 'UTF-8';


.section {
    max-width: 1030px;
    padding: 0 15px;
    margin: 0 auto 34px;
}
.article .inner {
    max-width: 998px;
    padding: 30px 28px 30px 32px;
    margin: 0px auto;
    background: #F7F7F7;
    -webkit-box-shadow: 2px 2px #CBC3DD;
    box-shadow: 2px 2px #CBC3DD;

}
.imgleft .image {
    width: 23.5%;
    max-width: 220px;
    text-align: center;
}
.imgleft .image.-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .imgleft .image.-pc {
    display: none;
  }
  .imgleft .image.-sp {
    display: block;
    margin-bottom: 20px;
  }
}
.imgleft .text{
    width: 100%;
}
h4.title {
    padding: 13px 10px 5px 75px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #CCCCCC;
    background: url("../new_image/bg09.png") top left no-repeat;
    color: #0C0C2B;
    font-family: 'メイリオ', Meiryo, sans-serif, "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.4;
}
.imgleft .text p+p{
   margin-bottom: 27px;
    margin-top: 10px;
}
.imgleft .text p.text01{
    margin-bottom: 0px;
}


@media screen and (max-width: 768px) {
    .article .inner {
        padding:  30px 25px;
    }
    .imgright .image, .imgleft .image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        margin: 20px auto 0px;
    }
    .imgleft .text, .imgright .text {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media screen and (max-width: 480px) {
    .article .inner {
        padding: 30px 15px;
    }
    h4.title {
        padding: 13px 0px 5px 50px;
        background-size: 50px;
    }
    .imgright, .imgleft {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}