body{
    /* max-width:1280px ; */
    margin: 0 auto;
    width: 100%;
}

.main-container{

    width: 100%;
    margin: 0 auto;
}

/* .sec-container{

    width: 70%;
    margin: 0 auto;
} */

.selection{

    margin: 0 auto!important;
    
    width: 100%;
    background-size:cover;
    /* padding-bottom: 5%; */
}

    
.container{
    
    width: 73%;
    margin: 0 auto;
    text-align: center;
    max-width: 1200px;
}

/* ヘッダー */
header{

    text-align: center;
    width: 100%;
    padding: 10px;
    position: fixed;
    z-index:100;

}

.head-logo{
    width: 180px!important ;
    height: 70.84px ;
    fill: #fff !important;
    transition: all 0.3s ease-in-out; /* ここでトランジションを設定 */
}

.head-logo:hover{
    opacity: 0.5;
    transition: 0.3s ease-in-out;

}

.transform .head-logo{
    width: 130px!important ;
    /* height: 70.84px ; */
    fill: #929292 !important;
    transition: all 0.3s ease-in-out; /* ここでトランジションを設定 */
}

.transform .head-logo:hover{
    width: 160px!important;
    opacity: 0.5;
    transition: 0.3s ease-in-out;

}

/* ヘッダー */
/*メインビジュアル*/

.mv{
    top:0;
    text-align: center;
    background-image: url(../../nouveau2024/img/pc-mainbg.jpg);
    background-size:cover;
    padding-bottom: 5%;
}

.top-txt{

    color: #fff;
    font-size: 2em;
    
}

.mv-bottle{

    width: 80%;
    max-width: 800px;
    display: block;
}
.mv-title{

    color: #fff;
    font-size: 3em;
}

.mv-title2{

    max-width: 980px;
    margin: 0 auto;
}

/*メインビジュアル*/
/* LD */

.ld{

    text-align: center;
    justify-content: space-between;
    background-image: url(../../nouveau2024/img/ld_bg_pc.png);
    background-size:cover;
    padding: 10% 0%;
    width: 100%;
}


.left-content{

    width: 28%;
}
.right-content{

    width: 65%;
    padding-top: 60px;
    margin-left: 5%;
}

.right-content,.left-content{

    display: inline-block;
    vertical-align: top;
}

.ld-bottle{

    max-height: 700px;
}

.ld-top-txt{

   margin: 10px 0px; 
}

.ld-top-txt-2{

    margin-bottom: 20px!important; 
 }

/* LD */
/* マコン */

.macon{

    text-align: center;
    justify-content: space-between;
    background-image: url(../../nouveau2024/img/macon-bg_pc.png);
    background-size:contain;
    Background-repeat:no-repeat;
    padding: 10% 0%;
    width: 100%;
}

.macon-top-txt{

    width: 90%;
}

.macon .left-content{

    margin-right: 5%;
    width: 28%;
}

.macon .right-content{

    margin-left:0px;
}

.macon-tech{

    width: 70%;
    margin-top: 10px;
}

.macon .price, .lisagas .price{

    text-align: left;
}
.macon .srp-title, .lisagas .srp-title{

   display: inline-block!important;
}
.macon .srp-txt, .lisagas .srp-txt{

    width: 55%!important;
    display: inline-block;
    padding-left: 20px;
}
.macon-bottle{

    width: 100%;
}

.macon .atenttion-txt, .lisagas .atenttion-txt{

    text-align: left;
    margin-top: 10px;
    font-size: 0.8rem;
}

.macon .txt-box{

    max-width: 600px;
}
/* マコン */
/* リサガス */

.lisagas{

    text-align: center;
    justify-content: space-between;
    background-color: Rgb(255, 224, 214) ;
    padding: 10% 0%;
    width: 100%;
}

.lisagas-copy{

    margin-top: 20px;
}

.lg-top-txt{

    width: 60%;
    
}

.lisagas-img{

    width: 30%;
}

.lg-top-txt,.lisagas-img{

    display: inline-block;
    text-align: left;
}

.lg-title{

    text-align: left;
    width: 100%;
}
.lg-tech{

    width: 100%;
    margin-top: 10px;
}

.lisagas .right-content{

    padding-top: 0px;
    width: 58%;
    text-align: left;
}

.lisagas .left-content{

    width: 35%;
}

.lisagas .srp-title{

    display: inline-block!important;
    max-width:150px ;
 }

.lisagas .srp-txt{

    width: 55%!important;
    display: inline-block;
    padding-left: 20px;
}

.lisagas .price-big{

    padding-right: 0px!important;
}


/* リサガス */
/* その他 */
.txt-box{

    font-size: 1rem;
    text-align: left;
    font-weight: 300!important;
}


.srp-title{

    padding: 8px 15px;
    border: #000 0.5px solid;
    font-size: 1.2rem;
    text-align: center;
    display: block;
    width: 200px;
    margin: 20px 0;
}
.srp-txt{

    text-align: left;
    font-size: 0.9rem!important;
    font-weight: 400!important;
    
}

.price-big{

    font-size: 1.3rem!important;
    font-weight: 700!important;
    padding-right: 10px;
}

/* コンタクト */

.contact{

    width: 100%;
    text-align: center;
    padding: 10% 0%;
}

.contact p{

   margin: 10px 0px; 
}

.contact-title{

    font-size: 1.5rem;
    margin-bottom: 25px!important;
}

.mail,.tel,.hours{

    font-size: 1.3rem;
}

.contact-container{
    padding-bottom: 30px;
    
}



/* コンタクト */


/*フッター*/


footer{

    background: #000;
    text-align: center;
}
.footer{

    padding: 10% 0%;
    display: block;
    margin: 0 auto;
}

.footer-logo{

    width: 20%;
    display: block;
    margin: 0 auto;
}

.copy{

    color: #fff!important;
    display: block;
}
/*フッター*/