@charset "UTF-8";
.max800{
    max-width: 800px;
}
img.ma{
    margin-left: auto;
    margin-right: auto;
}
.sub section.h3_step h3{
    line-height: 1.5;
    font-size: 2rem;
    padding-left: 32px;
    position: relative;
}
.sub section.h3_step h3 span{
    font-size: 2.4rem;
    color: #FFC91F;
    position: absolute;
    top: -4px;
    left: 0;
}
.partner_btn{
    margin-top: 40px;
    display: inline-block;
    font-size: 2rem
}
.img400 .image{
    max-width: 400px;
}
.img400 .text{
    width: calc(100% - 420px);
}
.icon.max800{
    margin: 0 auto;
}
.icon .image{
    width: 150px
}
.icon .image img{
    width: 100px;
    margin: 0 auto;
}
.icon .text{
    width: calc(100% - 170px);
}
ul li ol{
    margin-left: 30px;
}
ul li .mt10.blue{
    display: inline-block;
}
section.bg_yellow h2,
section.bg_yellow p{
    color: #131314;
    text-shadow: none;
}
.sub.guideline section h2{
    text-align: left;
}
.sub.guideline section h2:first-of-type{
    margin-top: 40px;
}
.sub.guideline section h2 + h3{
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .img400 .image{
        max-width: 200px;
    }
    .img400 .text{
        width: calc(100% - 220px);
    }
}
@media screen and (max-width: 568px) {
    .img400 .image{
        max-width: 100%;
        margin-bottom: 15px;
    }
    .img400 .text,
    .icon .text{
        width: 100%;
    }
    .icon .image{
        width: 100%;
        margin: 15px 0;
    }
    .icon .image img{
        width: 60px;
    }
    .tc.sp_tl{
        text-align: left;
    }
    .sub section.h3_step h3{
        font-size: 1.6rem;
        padding-left: 22px;
    }
    .sub section.h3_step h3 span{
        font-size: 1.8rem;
        top: 0;
    }
    .partner_btn{
        font-size: 1.6rem;
    }
    .sub.guideline section h2{
        text-align: center;
    }
    .sub.guideline section ol li{
        font-size: 1.5rem;
    }
}