

.visual_full {width: 100%; margin: 0 auto; background: var(--primary-color);
height: 280px;}
.visual_full::after {content: ''; display: inline-block;
    width: 100%; height: 280px; background: url(../img/bg04.png)no-repeat; object-fit: fill; position:absolute ; left: 0; top: 0;
    z-index: 1;
}
.inner {width: 1270px; margin: 0 auto;}
.visual_full p, h1, span {color: #fff;}
.visual_full span {display: inline-block; margin-top: 10px;}
.visual_full p {font-size:1.85rem; padding-top: 70px;}
.visual_full h1 {font-size: 3rem; font-weight: 600;}
.step_box {display: flex; justify-content: space-around; margin-top: 70px; flex-wrap: wrap; row-gap: 24px; width: 1270px;}
.step_commen {border: 1px solid #ddd; border-radius: 10px; padding:24px; min-width: 392px; max-width: 372px;}
.step_commen figcaption {display: none;}
.step_commen span {color: var(--secondary-color); font-size: 1.2rem; font-weight: 400; display: block;
padding-bottom: 12px; border-bottom: 1px solid #ddd; width: 100%;}
.step_commen strong {font-size: 1.65rem; font-weight: 600; color: #111; padding-top: 20px;display: block;}
.step_commen p {font-size: 1.4rem; font-weight: 600; display: flex; align-items: center; margin-top: 8px; height: 40px;}
.step_commen p::before {content: ''; display: inline-block; background: url(../img/arrow_puple.svg)no-repeat;
    width: 28px; height: 28px; min-width: 28px;
    margin-right: 10px;}
.step_commen:nth-child(13) {border: 2px solid var(--secondary-color); margin-bottom: 40px;}
.only_mo {display: none; color: var(--secondary-color);font-size: 1.25rem; justify-content: center; margin-top: 20px;}
.only_mo img {transform: rotate(-90deg); margin-left: 20px;}
@media all and (max-width: 1270px) {

.inner, .step_box {width: 100%; margin: 0 14px;}
.step_box {margin-top: 24px;}
.visual_full {height: 240px;}
.visual_full p {padding-top: 50px;}
.visual_full::after {height: 240px;}
}

@media all and (max-width: 520px) {
.visual_full::after {background-position: right;}
.step_box {flex-wrap: nowrap; overflow-x: scroll; gap: 20px;}
.step_commen { min-width: 320px; margin-bottom: 40px;}
.only_mo{display: flex;}
.step_box {margin-top: 20px;margin-bottom: 40px;}
.step_commen:nth-child(13) {margin-right: 40px;}
section {min-width: 292px;}
}    