body{
    counter-reset: number 0; 
}
h1{
    background-color:#a68d6f;
    color:#ffffff;
    text-align:center;
    margin:0px;
    padding:25px 0px;
    letter-spacing:0.1em;
    font-size:1.2em;
}
h2{
    text-align:center;
    margin:0px;
    padding:35px 0px;
    color:#121126;
    letter-spacing:0.1em;
    font-size:1.15em;
}
.catch{
    width:100%;
    max-width:1000px;
    margin:0px auto;
    padding:0px 0px 45px 0px;
    color:#090909
}
.title{
    background-color:#f1f1f1;
    width:100%;
    padding:15px 0px;
    margin:0px;
    font-size:1.05em;
    color:#121126;
    letter-spacing:0.1em;
}
.title > span{
    width:100%;
    max-width:1200px;
    display:block;
    margin:auto;
}
.title > span::before{
    counter-increment: number 1;

    content: counter(number,decimal-leading-zero)"｜";
    color:#a68d6f;
}
.erabareru-box{
    width:100%;
    max-width:1200px;
    margin:auto;
    display:table;
    padding:35px 0px;
}
.erabareru-box .img-box{
    width:40%;
    display:table-cell;
}
.erabareru-box .img-box img{
    width:100%;
    display:inline-block;
    vertical-align:bottom;
}
.erabareru-box .text-box{
    display:table-cell;
    vertical-align:top;
    padding:0px 0px 0px 45px;
    font-size:0.9em;
    line-height:2;
    color:#090909
}