@charset "utf-8";

.contents .contents_inner { background:#fff; padding:40px 5%; border-radius:10px; }
.merit_sp { width:100%; display:block; overflow: scroll;}
.merit_sp img { width:auto; }
.text_wrap { display:flex; margin-bottom:80px; flex-wrap:wrap; }
.marginbottom  { margin-bottom:80px; }
.contents .contents_inner img.illust_top { width:200px; margin-top:20px; margin-left:auto; }
.heading_title { color:#343330; }
@media (min-width:600px) {
    .merit_sp img { width:100%; }
}
@media (min-width:768px) {
    .contents .contents_inner { padding:65px 5%; }
    .contents .contents_inner img { width:100%; }
    .merit_sp { display:none; }
    .text_wrap { justify-content: space-between; }
    .contents .contents_inner img.illust_top { width:25%; margin:0; }
}
@media (min-width:768px) and (max-width:1024px) {
    .contents .contents_inner img.illust_top { width:200px; margin-top:20px; margin-left:auto; }
    .merit_sp img { width:100%; }
}

/*スクロールヒント*/
.merit_sp {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    position: relative;
}

.merit_sp img {
    display: block;
    /* 必要なら幅を大きめにして横スクロールさせる */
    /* width: 600px; など */
}