.art {
    max-width: 960px;
    margin: auto;
}
.art__ttl--bnr {
    margin: 0;
}
.art__hdr-nv {
    margin: auto;
    margin-top: 14px;
}
.art__hdr-nv-title {
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    font-size: 30px;
    margin: 0;
    padding: 20px;
    text-align: center;
}
.art-hdr-nv--iemotoseido {
    display: block;
    padding: 0 60px;
}
.art__hdr-nv-cntnr--iemotoseido {
    border-width: 24px;
    border-style: solid none;
    border-image-source: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2072%2072%22%20style%3D%22enable-background%3Anew%200%200%2072%2072%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20%2F%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%2212%22%20height%3D%2224%22%20fill%3D%22%23e7e7e7%22%20%2F%3E%3Crect%20x%3D%2224%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20%2F%3E%3Crect%20x%3D%2230%22%20y%3D%220%22%20width%3D%2212%22%20height%3D%2224%22%20fill%3D%22%23e7e7e7%22%20%2F%3E%3Crect%20x%3D%2248%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20%2F%3E%3Crect%20x%3D%2254%22%20y%3D%220%22%20width%3D%2212%22%20height%3D%2224%22%20fill%3D%22%23e7e7e7%22%20%2F%3E%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20%2F%3E%3Crect%20x%3D%226%22%20y%3D%2224%22%20width%3D%2212%22%20height%3D%2224%22%20fill%3D%22%23e7e7e7%22%20%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2224%22%20width%3D%2212%22%20height%3D%2224%22%20fill%3D%22%23e7e7e7%22%20%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2224%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20%2F%3E%3Crect%20x%3D%2254%22%20y%3D%2224%22%20width%3D%2212%22%20height%3D%2224%22%20fill%3D%22%23e7e7e7%22%20%2F%3E%3Crect%20x%3D%220%22%20y%3D%2248%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20%2F%3E%3Crect%20x%3D%226%22%20y%3D%2248%22%20width%3D%2212%22%20height%3D%2224%22%20fill%3D%22%23e7e7e7%22%20%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2248%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2248%22%20width%3D%2212%22%20height%3D%2224%22%20fill%3D%22%23e7e7e7%22%20%2F%3E%3Crect%20x%3D%2248%22%20y%3D%2248%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23fff%22%20%2F%3E%3Crect%20x%3D%2254%22%20y%3D%2248%22%20width%3D%2212%22%20height%3D%2224%22%20fill%3D%22%23e7e7e7%22%20%2F%3E%3C%2Fsvg%3E');
    border-image-repeat: round;
    border-image-width: 24px 0;
    border-image-slice: calc(100% / 3);
}
.art__hdr-nv-lst--iemotoseido {
    list-style: none; 
    margin: 0;
    padding: 0 20px;
}
.art__hdr-nv-lst--iemotoseido > li {
    margin-bottom: 24px;
}
.art__hdr-nv-lst--iemotoseido > li > a {
    display: inline-block;
    min-height: 45px;
    background: url('/img/article/iemotoseido/content_nums.png') no-repeat left top;
    background-size: 45px;
    color: #000;
    font-size: 2rem;
    padding-left: 60px;
    text-decoration: underline;
    text-underline-position: under;
}
.art__hdr-nv-lst--iemotoseido > li:first-of-type > a {
    background-position: 0 0;
}
.art__hdr-nv-lst--iemotoseido > li:nth-of-type(2) > a {
    background-position: 0 -90px;
}
.art__hdr-nv-lst--iemotoseido > li:nth-of-type(3) > a {
    background-position: 0 -180px;
}
.art__hdr-nv-lst--iemotoseido > li:nth-of-type(4) > a {
    background-position: 0 -270px;
}
.art__hdr-nv-lst--iemotoseido > li:nth-of-type(5) > a {
    background-position: 0 -360px;
}
.art__hdr-nv-lst--iemotoseido > li:nth-of-type(6) > a {
    background-position: 0 -450px;
}
.art__hdr-nv-lst--iemotoseido > li:nth-of-type(7) > a {
    background-position: 0 -540px;
}
.art__hdr-nv-lst--iemotoseido > li:nth-of-type(8) > a {
    background-position: 0 -630px;
}
.art__hdr-nv-lst--iemotoseido > li:nth-of-type(9) > a {
    background-position: 0 -720px;
}
.art__sct {
    margin-bottom: -80px;
    padding-top: 80px;
}
.art__sct:last-of-type {
    margin-bottom: 0;
}
.art__sct-cntnr {
    max-width: 768px;
    margin: 0 auto;
    padding: 20px;    
}

.art__sct-cntnr::after {
    content: "";
    display: block; 
    clear: both;
}
.art__sct-cntnr--iemotoseido {
    padding: 45px 36px 15px;
}

.art__sct-cntnr > p {
    color: #333;
    font-size: 1.8rem;
    margin: 2em 0;
}
.art__sct:nth-of-type(2n+1) .art__sct-cntnr {
    background-color: #dce7fb;
}
.art__sct-hdr--iemotoseido{
    margin-bottom: 20px;
}
.art__sct-ttl {
    font-size: 2rem;
}
.art__sct-ttl--iemotoseido {
    display: table-cell;
    height: 72px;
    background: url('/img/article/iemotoseido/section_nums.png') no-repeat left top/54.73px;
    color: #333;
    font-family: -apple-system, "Hiragino Kaku Gothic ProN";
    font-weight: 400;
    line-height: 1.65;
    margin-bottom: 25px;
    overflow: hidden;
    padding-left: 72px;
    vertical-align: middle;
}
.art__sct:first-of-type .art__sct-ttl--iemotoseido {
    background-position: 0 0;
}
.art__sct:nth-of-type(2) .art__sct-ttl--iemotoseido {
    background-position: 0 -144px;
}
.art__sct:nth-of-type(3) .art__sct-ttl--iemotoseido {
    background-position: 0 -288px;
}
.art__sct:nth-of-type(4) .art__sct-ttl--iemotoseido {
    background-position: 0 -432px;
}
.art__sct:nth-of-type(5) .art__sct-ttl--iemotoseido {
    background-position: 0 -576px;
}
.art__sct:nth-of-type(6) .art__sct-ttl--iemotoseido {
    background-position: 0 -720px;
}
.art__sct:nth-of-type(7) .art__sct-ttl--iemotoseido {
    background-position: 0 -864px;
}
.art__sct:nth-of-type(8) .art__sct-ttl--iemotoseido {
    background-position: 0 -1008px;
}
.art__sct:nth-of-type(9) .art__sct-ttl--iemotoseido {
    background-position: 0 -1152px;
}
.art__sct-ill--iemotoseido {
    width: 220px;
    float: right;
    margin-right: -17px;
    
}
.art__sct-img--iemotoseido {
    border-radius: 0 15px;
    margin: 15px auto;
}
.art__sct-fgr--iemotoseido,
.art__sct-img--iemotoseido {
    display: block;
    width: 100%;
    max-width: 420px;
}
.art__sct-fgr {
    margin: 0 auto;
    padding: 15px 0;
}
.art__sct-fgr--iemotoseido > img {
    margin: 0 auto;
}
.art__sct-fgr > figcaption {
    font-size: 1.6rem;
    margin-top: 15px;
    padding: 5px;
    text-align: left;
}
.art__sct-fgr-dl {
    margin: 0;
}
.art__sct-fgr-dl > dt {
    font-size: 12px;
    font-weight: 600;
}
.art__sct-fgr-dl > dd {
    font-size: 12px;
    margin: 0;
}
.art__sct-ftr {
    text-align: right;
    margin: 15px -15px 15px 0;
}
.btn-img--w135-w170 {
    display: inline-block;
    width: 170px;
}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
    .art__hdr-nv-title {
        font-size: 20px;
    }
    .art-hdr-nv--iemotoseido {
        padding: 0 30px;
    }
    .art__hdr-nv-lst--iemotoseido > li > a {
        min-height: 30px;
        background-size: 30px;
        font-size: 15px;
        padding-left: 46px;
    }
    .art__hdr-nv-lst--iemotoseido > li:first-of-type > a {
        background-position: 0 0;
    }
    .art__hdr-nv-lst--iemotoseido > li:nth-of-type(2) > a {
        background-position: 0 -60px;
    }
    .art__hdr-nv-lst--iemotoseido > li:nth-of-type(3) > a {
        background-position: 0 -120px;
    }
    .art__hdr-nv-lst--iemotoseido > li:nth-of-type(4) > a {
        background-position: 0 -180px;
    }
    .art__hdr-nv-lst--iemotoseido > li:nth-of-type(5) > a {
        background-position: 0 -240px;
    }
    .art__hdr-nv-lst--iemotoseido > li:nth-of-type(6) > a {
        background-position: 0 -300px;
    }
    .art__hdr-nv-lst--iemotoseido > li:nth-of-type(7) > a {
        background-position: 0 -360px;
    }
    .art__hdr-nv-lst--iemotoseido > li:nth-of-type(8) > a {
        background-position: 0 -420px;
    }
    .art__hdr-nv-lst--iemotoseido > li:nth-of-type(9) > a {
        background-position: 0 -480px;
    }
    
    .art__sct {
        margin-bottom: -45px;
        padding-top: 45px;
    }    
    .art__sct-cntnr > p {
        color: #333;
        font-size: 13px;
        margin: 2em 0;
    }
    .art__sct-ttl {
        font-size: 15px;
    }
    .art__sct-fgr + p {
        margin-top: 1rem;
    }
    .art__sct-fgr > figcaption {
        font-size: 12px;
    }  
    .art__sct-ill--iemotoseido {
        width: 140px;
    }
    .btn-img--w135-w170 {
        width: 135px;
    }    
}