body {
    background-color: #FFFFFF;
    color: #282828;
    line-height: 1.7;
    font-size: 16px;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}


/*2-共通部分*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.psn-l {
    position: relative;
}


/*文字*/

.text_bold {
    font-weight: bold;
}

.text_center {
    text-align: center;
}

a img:hover {
    opacity: 0.8;
}

@media screen and (min-width:769px) {
    .sp {
        display: none !important;
    }
    #wrap {
        margin: 0 auto;
        padding-top: 60px;
    }
    #container {
        background: url("../images/back_c.jpg") #003f75 repeat top;
    }
    /*head*/
    .head {
        box-shadow: 0px 0 10px;
        background: #005baa;
        padding-top: 15px;
        position: fixed;
        max-width: 100%;
        left: 0;
        right: 0;
        z-index: 10;
    }
    .head_main {
        width: 1000px;
        height: 60px;
        margin: 0 auto;
    }
    .head_btn {
        float: left;
        padding-right: 15px;
    }
    /*main*/
    .main_bg {
        background: #f3f9f9;
    }
    .main {
        background: url("../images/main.jpg") no-repeat center;
        height: 1000px;
        margin: 0 auto;
        line-height: 0;
    }
    .main_width {
        width: 1000px;
        margin: 0 auto;
    }
    .main_txt {
        padding: 70px;
    }
    .main_btn {
        padding-top: 5px;
    }
    /*cta*/
    .cta {
        background: #005baa;
        width: 1000px;
        margin: 0 auto;
        padding: 30px 0;
    }
    .cta_main {
        text-align: center;
        margin: 0 auto;
    }
    .cta_txt {
        font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
        color: #FFFFFF;
        font-size: 26px;
        font-weight: bold;
    }
    .cta_btn {
        padding-top: 15px;
    }
    .know {
        width: 1000px;
        margin: 0 auto;
        line-height: 0px;
    }
    .cancellation {
        width: 1000px;
        background: #118aa7;
        margin: 0 auto;
        text-align: center;
    }
    .cancellation_main {
        color: #fff;
        font-size: 36px;
        margin: 0px auto;
        padding: 20px;
    }
    .service {
        width: 1000px;
        margin: 0 auto;
        line-height: 0px;
    }
    .merit {
        width: 1000px;
        background: url(../images/merit_bg.jpg);
        background-size: cover;
        margin: 0 auto;
        padding-bottom: 90px;
    }
    .merit_main {
        width: 1000px;
        margin: 0 auto;
        line-height: 0px;
        text-align: center;
    }
    .merit_tit {
        padding: 50px 0 30px;
    }
    .point {
        width: 1000px;
        background: url("../images/blue_line_bg.jpg");
        margin: 0 auto;
        padding-bottom: 60px;
    }
    .point_main {
        width: 1000px;
        margin: 0 auto;
        line-height: 0px;
        text-align: center;
    }
    .point_bottom {
        margin-bottom: 30px;
    }
    .point_tit {
        background-color: #118aa7;
        width: 1000px;
        padding: 40px 0;
        color: #fff;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    }
    footer .footer {
        background: #000;
        color: #ffffff;
        padding: 20px 0;
        font-size: 12px;
        text-align: center;
        font-family: "KozGoPro-Regular", sans-serif;
    }
    .pagetop {
        background: #3b3b3b;
        text-align: center;
    }
    #page-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        font-size: 77%;
    }
    #page-top a {
        background: #5577b5;
        text-decoration: none;
        color: #fff;
        width: 100px;
        padding: 30px 5px;
        text-align: center;
        display: block;
    }
    #page-top a:hover {
        text-decoration: none;
        background: #2d56a1;
    }

    .main_btn_sp {
    	width: 50%;
    	height: 50%;
    }

}

@media screen and (max-width:768px) {
    .pc {
        display: none !important;
    }
    .sp {
        display: block !important;
    }
    img {
        width: 100%;
    }
    #wrap {
        overflow: hidden;
        margin: 0 auto;
        padding-top: 12.5%;
    }
    
    /*head*/
    .head {
        box-shadow: 0px 0 10px;
        background: #005baa;
        padding-top: 3%;
        padding-bottom: 1%;
        position: fixed;
        left: 0;
        right: 0;
        z-index: 10;
    }
    .head_main {
        margin: 0 auto;
        width: 94%;
    }
    .head_main h1 {
        width: 50%;
    }
    .head_main ul {
        width: 50%;
    }
    .head_main ul li {
        width: 48%;
        float: right;
    }
    .head_btn {
        float: left !important;
    }
    /*main*/
    .main {
        margin: 0 auto;
        line-height: 0;
        position: relative;
    }
    .main_btn {
        position: absolute;
        bottom: 6%;
        left: 1%;
        width: 60%;
    }
    /*cta*/
    .cta {
        background: #005baa;
        padding: 5% 0;
    }
    .cta_txt {
        font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
        color: #FFFFFF;
        font-size: .8rem;
        text-align: center;
        font-weight: bold;
        margin-bottom: 3%;
    }
    .cta_main {
        width: 94%;
        margin: 0 auto;
    }
    .cancellation {
        width: 100%;
        background: #118aa7;
        margin: 0 auto;
        text-align: center;
    }
    .cancellation_main {
        color: #fff;
        font-size: 1.2rem;
        margin: 0px auto;
        padding: 5% 3%;
    }
    .pagetop {
        background: #3b3b3b;
        text-align: center;
    }
    footer .footer {
        background: #000000;
        color: #ffffff;
        padding: 20px 4%;
        font-size: 12px;
        text-align: center;
        font-family: "KozGoPro-Regular", sans-serif;
    }
    #page-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        font-size: 77%;
    }
    #page-top a {
        background: #5577b5;
        text-decoration: none;
        color: #fff;
        width: 100px;
        padding: 30px 5px;
        text-align: center;
        display: block;
    }
    #page-top a:hover {
        text-decoration: none;
        background: #2d56a1;
    }
    /*fotter*/
}