body {
    margin: 0;
}
.title_body{
    background-color:#2260db;
    text-align: center;
    padding:5px;
}
.title_text{
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
}
/*title_mobile_code*/
@media all and (max-width: 767px){
    .title_text{
    }
}

.main_body{
    width: 70%;
    margin: 0 auto;
    padding: 40px 0;
}
.main_item_box{
    width: 100%;
    margin: 0 auto;
    padding: 10px;
}
.main_title{
    font-size: 18px;
    padding: 10px 0 5px 0;
    font-weight: bold;
}
.main_text{
    font-size: 18px;
}
.main_text_2{
    padding: 10px ;
    font-weight: bold;
    font-size: 18px;
}

/*main_mobile_code*/
@media all and (max-width: 767px){
    .main_body{
        width: 90%;
    }
    .main_title{
        font-size: 16px;
        padding: 20px 0 5px 0;
    }
    .main_text{
        font-size: 14px;
    }
    .main_item_box{
        padding: 0;
    }
}


.sign_up{
    margin: 0 0 50px 0;
    width: 100%;
}
.sign_up_btn_box{
    margin: 0 auto;
    width: 300px;
}
.btn--orange {
    border: 1px solid white;
    text-align: center;
    display: inline-block;
    padding: 14px;
    width: 270px;
    color: #ffffff;
    background-color: #ff8c00;
    border-radius: 8px;
    font-weight:bold;
    text-decoration: none;
    transition: box-shadow 200ms ease-out;
    box-shadow: 3px 3px 3px 0  rgba(0, 0, 0, 0.2);
}
.btn--orange:hover {
    box-shadow    : none;        /* カーソル時の影消去 */
    background         : #ffad50;     /* 背景色     */
    color    : #ffffff;
}