body{
    margin:0;
    padding:0;
    font-size:16px;
    font-family: 'Noto Sans JP', sans-serif;
}
.mincho{
    font-family: 'Noto Serif JP', serif;
}
img{
    display: block;
    vertical-align:bottom;
}
.pc-img,.pc-br{display: block;}
.sp-img,.sp-br{display: none;}
.contents{
    width:98%;
    max-width:1000px;
    margin:0px auto;
}
#title{
    background-image: url(images/title_back.png?202412181100);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #171C61;
}
.title-box{
    width:100%;
    max-width:1280px;
    margin:auto;
}
.title-box img{width:100%;}
h1{margin: 0px;}
#main{
    background-image: url(images/main_back.jpg);
    background-size: contain;
}
.main-box img{width:100%;}
#detail h2{
    margin:0px auto;
    color:#171C61;
    font-weight:600;
    font-size:1.9em;
    text-align:center;
    padding:35px 0px;
    background-image: url(images/point.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
}
.check{
    color:#A68131;
    font-weight:600;
    text-align:center;
    margin:0px;
    padding:25px 0px;
    font-size:1.25em;
    letter-spacing:2px;
    line-height:36px;
}
.present{
    width:223px;
    margin:0px auto;
    padding:0px;
}
.step-box{
    display: table;
    width:100%;
    padding:40px 0px 0px 0px
}
.step{
    display: table-cell;
    width:316px;
}
.step-text{
    display: table-cell;
    vertical-align:top;
    color:#231815;
    padding-left:30px;
}
strong{
    color:#D67992;
    font-weight:700;
}
.introducer{
    color:#8BAF6D;
}
.logo-box{
    display: flex;
    justify-content: space-between;
    width:100%;
}
.logo-box div{
    width:48%;
    vertical-align:top;
}
.logo-box h4{
    width:207px;
    padding:22px 0px;
    margin:0px;
}
.logo-box h4 img{
    height:44px;
}
.name{
    color:#171C61;
    font-size:1.25em;
    margin:0px;
}
.tel{
    color:#171C61;
    font-size:1.25em;
    font-weight:400;
}
.tel img{
    display:inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.tel a,.tel span{
    color:#3880F5;
    font-size:1.35em;
}
.time{
    color:#171C61;
    font-size:0.85em;
}
.mail{
    color:#666666;
    font-size:1.25em;
}
.mail img{
    display:inline-block;
    vertical-align: middle;
}
#user{
    padding:75px 0px 35px 0px;
}
.user-box{
    width:100%;
    display:table;
}
.user-box div{
    display: table-cell;
    vertical-align:middle;
}
.user-title{
    width:118px;
    padding-right:5px;
}
.user-box h4{
    font-size:0.8em;
    color:#FFFFFF;
    font-weight:700;
    text-align:center;
    padding:10px 5px;
}
.introducer-user h4{
    background-color:#8BAF6D;
}
.signing-user h4{
    background-color:#D67992;
}
.user-text{
    font-size:0.9em;
}
#terms{
    background-color:#F0F0F0;
    padding-bottom:80px;
}
.terms-box h2{
    margin:0px;
    padding:30px 0px 40px 0px;
    color:#555555;
    font-weight:700;
    font-size:0.77em;
}
.terms-box p{
    margin:0px;
    font-size:0.77em;
    font-weight:400;
    color:#666666;
    line-height:25px;
    letter-spacing:0.6px;
}
@media screen and (max-width:1200px){
    .logo-box div{
        width:auto;
        min-width:275px;
    }
}
@media screen and (max-width: 768px){
    .pc-img,.pc-br{display:none;}
    .sp-img,.sp-br{display: block;}
    .contents{width:100%;}
    .detail-box{width:95%;margin:auto}
    #detail h2{font-size:1.35em}
    .check{
        font-size:1em;
        text-align:left;
    }
    .step-box{
        display: block;
    }
    .step-box div{
        display: block;
    }
    .step{
        width:100%;
        padding-bottom:25px
    }
    .step-box h3{
        margin:0px;
        padding:0px;
    }
    .step-text{
        padding:0px 0px 30px 0px;
    }
    #user{
        padding:30px 0px 0px 0px;
    }
    .user-box{
        display: block;
        width:95%;
        margin:auto;
    }
    .user-box div{
        display: block;
    }
    .user-title{
        padding:0px;
        margin:auto;
    }
    .user-text{
        padding-bottom:50px;
    }
    .terms-box{
        width:90%;
        margin:auto;
    }
}