@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* contents
*****************************************/
#contents {
    text-align: center;
    background: url(../img/background.png) 1280px 1280px repeat;
}
#contents .inner01 {
    background: #ffffff url(../img/background_2.png) left top repeat-x;
}
#contents .inner01 .main_visual {
    height: 640px;
    width: 1280px;
    margin: auto;
}
#contents .inner02 {
    background-color: #ffffff;
}
#contents .inner02 .profile {
    position: relative;
    margin: auto;
    top: -90px;
    width: 964px;
}
#contents .inner03 {
    padding: 50px 0;
}
#contents .inner03 .reason {
    margin: 38px auto 0 auto;
    width: 980px;
}
#contents .inner03 .reason .reason_inner01 {
    float: left;
}
#contents .inner03 .reason .reason_inner02 {
    float: right;
}
#contents .inner03 .reason .reason_inner04 {
    width: 100%;
}
#contents .inner04 {
    padding-bottom: 110px;
}
#contents .inner05 {
    background-color: #88c426;
    padding-bottom: 74px;
    text-align: center;
}
#contents .inner05 .reason_title {
    background-color: #d7000f;
    height: 320px;
}
#contents .inner05 .reason_title img {
    margin: 100px auto;
    width: 893px;
    height: 111px;
}
#contents .inner05 .arrow {
      margin: 0;
}
#contents .inner05 .reason_txt {
    margin-top: 80px;
}
#contents .inner05 .reason_txt > img {
    width: 960px;
    height: 2635px;
}
#contents .inner06 {
    padding-bottom: 100px;
}
#contents .inner06 .reason_txt {
    padding: 80px 0 60px 0;
}
#contents .inner06 .reason_txt > img {
    width: 773px;
    height: 258px;
}
#contents .inner06 .backup_ttl {
    margin: 150px 0 30px 0;
}
#contents .inner06 .backup_ttl > img {
    width: 618px;
    height: 423px;
}
#contents .inner06 .backup {
    margin: auto;
    padding-bottom: 80px;
    width: 975px;
}
#contents .inner06 .backup .backup_inner01,
#contents .inner06 .backup .backup_inner02 {
    padding-bottom: 60px;
    width: 50%;
}
#contents .inner06 .backup .backup_inner01 {
    float: left;
    text-align: left;
}
#contents .inner06 .backup .backup_inner02 {
    float: right;
    text-align: right;
}
.form_ttl {
    width: 1037px;
    height: 264px;
}
.form01 {
    background-color: #ffff00;
    border-radius: 15px;
    padding-top: 90px;
    margin: -80px auto 0 auto;
    width: 960px;
}
.form01 form input[type=text] {
    font-size: 1.2em;
    height: 55px;
    width: 570px;
    padding-left: 10px;
    margin-bottom: 10px;
}
.form01 form input[type=text]:focus {
    outline: 2px #ff0000 solid;
}
.form01 form .btn_submit {
    margin: 10px 0 10px 0;
}
.form01 form .btn_submit > a:hover,
.form01 form .btn_submit > a:active {
    opacity: 0.7;
    background-color: #ffff00;
}
.form01 form .btn_submit img {
    width: 561px;
    height: 92px;
}
p.notice {
    font-size: 0.9em;
    line-height: 1.2em;
    margin: auto;
    text-align: left;
    width: 440px;
}
p.privacypolicy {
    margin-top: 0;
    padding: 10px 0 25px 0;
}
p.privacypolicy > a:link,
p.privacypolicy > a.visited {
    color: #000000;
    text-decoration: underline;
}
p.privacypolicy > a:hover,
p.privacypolicy > a.active {
    color: #0000ff;
    text-decoration: underline;
}

@media screen and (max-width:960px) {
    #contents .inner02 .profile {
        width: 97%;
        top: -60px;
    }
    #contents .inner03 .reason_title {
        width: 617px;
        height: 144px;
    }
    #contents .inner03 .reason_title {
        width: 60%;
        height: auto;
    }
    #contents .inner03 .reason {
        width: 100%;
    }
    #contents .inner03 .reason .reason_inner01,
    #contents .inner03 .reason .reason_inner02,
    #contents .inner03 .reason .reason_inner03 {
        clear: both;
        width: 100%;
    }
    #contents .inner05 .reason_title img {
        width: 90%;
        height: auto;
    }
    #contents .inner05 .reason_txt > img {
        width: 97%;
        height: auto;
    }
    #contents .inner06 .reason_txt > img {
        width: 90%;
        height: auto;
    }
    #contents .inner06 .backup_ttl > img {
        width: 60%;
        height: auto;
    }
    #contents .inner06 .backup {
        width: 97%;
    }
    #contents .inner06 .backup .backup_inner01,
    #contents .inner06 .backup .backup_inner02 {
        clear: both;
        text-align: center;
        width: 100%;
    }
    .form01 {
        width: 90%;
    }
    .form01 form input[type=text] {
        width: 70%;
    }
    .form01 form .btn_submit img {
        width: 70%;
        height: auto;
    }
}

@media screen and (max-width:1280px) {
    #contents .inner01 {
        width: 100%;
        background-image: none;
        background-color: #ffffff;
    }
    #contents .inner01 .main_visual {
        width: 100%;
        height: auto;
    }
    .form_ttl {
        width: 97%;
        height: auto;
    }
}