@charset "UTF-8";
/* CSS Document */

/*メイン画像*/
/*20201218以前のメイン画像設定*/
/*.main-img {
    width:100%;
    position: relative;
}
.main-img img {
    max-width:100%;
}
.main-img .txt {
    position: absolute;
    top: 12%;
    right: 0;
    left: 0;
    margin: 0 auto;
    width:742px;
    max-width: 52%;
}*/
/*20201218以前のメイン画像設定*/

.main-img {
    width:100%;
    position: relative;
}
.main-img img {
    max-width:100%;
}
.main-img .txt {
    position: absolute;
    /*top: 8%;*/
    top: 9%;
    right: 0;
    left: 0;
    margin: 0 auto;
    width:742px;
    max-width: 41%;
}
/*        1030px以下の時のレイアウト
=========================================*/
@media only screen and (max-width: 1030px) {
    .main-img .txt {
        top: 15%;
    }
}

/*        860px以下　SP　メイン画像
=========================================*/
@media only screen and (max-width: 860px) {
    .main-img .txt {
        top:10%;
        /*max-width: 80%;*/
        max-width: 75%;
    }
}
/*        860px以下　SP　メイン画像
=========================================*/
@media only screen and (max-width: 480px) {
    .main-img .txt {
        top:15%;
    }
}



/*メインコンテンツ*/
.content {
    text-align:center;
    width:100%;
    padding:1px 0;
    color: #000;
    margin-bottom: 4em;
}