@charset "UTF-8";

#mv{background-image: url(./img/mv-bg.png);background-size: cover;background-position: center;padding: 50px 50px 0px 50px;width: 100%;}
section{margin-bottom: 100px;}
.cont-inner{max-width: 1000px;margin: 0 auto;}
.txt-center{text-align: center;}
h1{max-width: 760px;margin: 0 auto;}
h2{max-width: 980px;margin: 0 auto;}
.sub-tit{font-size: 1.4em;margin-bottom: 50px;}
h3,h4{font-weight: bold;}
#load-area h3{color: #fff;background-color: #ee7b1e;padding: 10px;display:inline-block;font-weight: bold;}
#load-area .posting{display: flex;flex-direction: row;justify-content: center;}
#load-area .posting div{width: 30%;}
#load-area .posting img{height: 225px;}
.mb-s{margin-bottom: 30px;}
.mb-m{margin-bottom: 50px;}
.mb-l{margin-bottom: 100px;}
#csr{background-color: #fff6c3;padding: 50px;}
.csr-icon{margin:0px auto 30px;width: 180px;}
.csr-txt{line-height: 1.4;margin-bottom: 10px;}
.csr-copy{font-size: 1.4em;}
.txt-ore{color: #ee7b1e;}
#flow .oder{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 50px;}
#flow .oder div{text-align: center;width: 23%;display: flex;flex-direction: column;}
#flow .oder .flow-txt{flex-grow: 1;line-height: 1.4;margin-bottom: 30px;}
#flow .oder .flow-img{height: 170px;}
.note-txt-li{font-size: .8em;color: #ff0000;}
.note-txt-li li{list-style: inside;line-height: 1.8;}
.note{font-size: .8em;}
#payment .inp-note{color: #fff;background-color: #ff0000;padding: 10px;display:inline-block;}
.pay-txt{font-size: 1.6em;font-weight: bold;margin-bottom: 30px;}
.btn-ore{background-color: #ee7b1e;border-radius: 8px;padding:30px;width: 300px;color: #fff;display: inline-block;}
.btn-blu{background-color: #2872ce;border-radius: 8px;padding:30px;width: 300px;color: #fff;display: inline-block;}
.smp-disp{display: none;}
.pc-disp{display: block;}
.csr-copy::before{content:"＼" ;}
.csr-copy::after{content:"／" ;}
@media (max-width: 767.98px) {
    #csr{padding: 50px 2%;}
    #mv{padding: 50px 30px 0px 30px;}
    .cont-inner{width: 90%;margin: 0 auto;}
    .sub-tit{font-size: 1.2em;margin-bottom: 30px;}
    #load-area .posting div{width: 45%;}
    #flow .oder{display: flex;flex-direction: row;justify-content: space-around;margin-bottom: 50px;flex-wrap: wrap;}
    #flow .oder div{text-align: center;width: 50%;display: flex;flex-wrap: wrap;margin-bottom: 50px;}
    .smp-disp{display: block;}
    .pay-txt{font-size: 1.2em}
    .pc-disp{display: none;}
    .csr-copy::before{content:"＼" ;display: none;}
    .csr-copy::after{content:"／" ;display: none;}
    .btn-ore{line-height: 1.5;padding:15px 30px;}
}