@charset "utf-8";

/*------------全体------------*/

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

*::before, *::after{
	box-sizing: inherit;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

ul{
    list-style: none;
}

html{
    -webkit-text-size-adjust: 100%;
    background-color: #f2f2f2;
}

.nlb_wrap{
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    width: 750px;
    margin: auto;
}

@media (max-width :750px){
    body {
        overflow-x: hidden;
    }
    .nlb_wrap{
        width: 100%;
        overflow-x: hidden;
    }
}

/*------------アニメーション------------*/
.fadeInUp {
    opacity: 0;
    transform: translateY(20px);
    transition: 1.5s;
}

.fadeIn {
    opacity: 0;
    transition: 2s;
}

.fadeInLeft {
    opacity: 0;
    transform: translateX(-30px);
    transition: 1.5s;
}

.fadeInRight {
    opacity: 0;
    transform: translateX(30px);
    transition: 1.5s;
}

.fadeInZoom{
    opacity: 0;
    scale: (1);
    transition: 1.0s;
}

/*------------FV------------*/
/*トップ*/
.nlb_fv01{
    background-image: url(../nlbimg2026/nlb_fv_bg01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.nlb_fv01 > img:first-of-type{
    display: block;
    width: 502.7456px;
    padding-top: 46px;
    margin: auto 29.1648px auto auto;
}

.nlb_fv01 > p{
    font-size: 56px;
    font-weight: 600;
    text-align: right;
    margin: auto 253.456px auto auto;
    color: #01146b;
}

.nlb_fv01 > img:nth-of-type(2){
    display: block;
    width: 502.7456px;
    margin: auto 20.832px auto auto;
    padding-bottom: 46px;
}

@media (max-width :750px){
    .nlb_fv01 > img:first-of-type{
        width: 67.0327vw;
        padding-top: 6.1333vw;
        margin: auto 3.8864vw auto auto;
    }

    .nlb_fv01 > p{
        font-size: 7.4666vw;
        margin: auto 33.7941vw auto auto;
    }
    
    .nlb_fv01 > img:nth-of-type(2){
        width: 67.0327vw;
        margin: auto 2.7776vw auto auto;
        padding-bottom: 6.1333vw;
    }
}

/*シリカをプラス*/
.nlb_fv02_top{
    background-color: #01146b;
}

.nlb_fv02_top > p{
    font-size: 44.4416px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.nlb_fv02_top > p:first-of-type{
    font-size: 33.3312px;
    padding-top: 28.4704px;
    margin: auto auto 3px auto;
}

.nlb_fv02_top > p:nth-of-type(2){
    padding-bottom: 28.4704px;
}

.nlb_fv02_top > p:nth-of-type(2) > span{
    color: #eb3d7a;
}

@media (max-width :750px){
    .nlb_fv02_top > p{
        font-size: 5.92554vw;
    }
    
    .nlb_fv02_top > p:first-of-type{
        font-size: 4.4416vw;
        padding-top: 3.7960vw;
        margin: auto auto 0.4vw auto;
    }
    
    .nlb_fv02_top > p:nth-of-type(2){
        padding-bottom: 3.7960vw;
    }
}

/*FV*/
.nlb_fv02_btm{
    position: relative;
    background-image: url(../nlbimg2026/nlb_fv_bg02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.nlb_fv02_btm > h2{
    position: absolute;
    width: 707.5936px;
    left: 14.5824px;
    top: 24.304px;
    z-index: 2;
}

.nlb_fv_btl{
    position: absolute;
    width: 318.0352px;
    top: 266.6496px;
    left: 38.192px;
    z-index: 1;
}

.nlb_fv02_btm > h1{
    position: absolute;
    width: 308.3136px;
    top: 584.6848px;
    right: 34.0256px;
}

.nlb_fv02_tx{
    padding-top: 851px;
    padding-bottom: 32px;
    display: flex;
}

.nlb_fv02_tx > p:first-of-type{
    font-size: 38.8864px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.0055em;
    margin-left: 49.3024px;
}

.nlb_fv02_tx01{
    font-size: 27.776px;
    letter-spacing: 0.0055em;
}

.nlb_fv02_tx02{
    font-size: 23.6096px;
    letter-spacing: 0.0055em;
}

.nlb_fv02_tx > p:nth-of-type(2){
    font-size: 27.776px;
    color: #ffffff;
    background-color: #3085ae;
    padding: 5px 12px 0px 14px;
    margin-left: 24.9984px;
    font-weight: 500;
}

@media (max-width :750px){
    
    .nlb_fv02_btm > h2{
        width: 94.3458vw;
        left: 1.94432vw;
        top: 3.2405vw;
    }
    
    .nlb_fv_btl{
        width: 42.4046vw;
        top: 35.5532vw;
        left: 5.09226vw;
    }
    
    .nlb_fv02_btm > h1{
        width: 41.1084vw;
        top: 77.9579vw;
        right: 4.5367vw;
    }
    
    .nlb_fv02_tx{
        padding-top: 113.46666vw;
        padding-bottom: 4.26666vw;
    }
    
    .nlb_fv02_tx > p:first-of-type{
        font-size: 5.1848vw;
        margin-left: 6.5736vw;
    }
    
    .nlb_fv02_tx01{
        font-size: 3.7034vw;
    }
    
    .nlb_fv02_tx02{
        font-size: 3.1479vw;
    }
    
    .nlb_fv02_tx > p:nth-of-type(2){
        font-size: 3.7034vw;
        padding: 0.6666vw 1.6vw 0.6666vw 1.8666vw;
        margin-left: 3.3331vw;
    }
}

/*------------Point------------*/
.nlb_point{
    background-color: #01146b;
    padding-top: 27.776px;
    padding-bottom: 27.776px;
}

.nlb_point > ul{
    display: flex;
    justify-content: center;
}

.nlb_point > ul > li{
    background-color: #fff;
    width: 222.208px;
    margin-left: 16.6656px;
}

.nlb_point > ul > li:first-of-type{
    margin-left: 0;
}

.nlb_point > ul > li > p:first-of-type{
    color: #01146b;
    text-align: center;
    font-size: 23.6096px;
    font-weight: 400;
    letter-spacing: 0.055em;
    line-height: 1.35;
    margin: 25.6928px auto 5px auto;
}

.nlb_point > ul > li > p:nth-of-type(2){
    color: #ea3d7a;
    text-align: center;
    font-size: 27.776px;
    font-weight: 600;
    letter-spacing: 0.055em;
    line-height: 1.35;
}

.nlb_point01 > img{
    display: block;
    width: 60.4128px;
    margin: 21.5264px auto 26.3872px auto;
}

.nlb_point02 > img{
    display: block;
    width: 68.7456px;
    margin: 38.192px auto auto auto;
}

.nlb_point03 > img{
    display: block;
    width: 123.6032px;
    margin: 42px auto auto auto;
}

@media (max-width :750px){

    .nlb_point{
        padding-top: 3.7034vw;
        padding-bottom: 3.7034vw;
    }
    
    .nlb_point > ul > li{
        width: 29.6277vw;
        margin-left: 2.2220vw;
    }
    
    .nlb_point > ul > li > p:first-of-type{
        font-size: 3.1479vw;
        margin: 3.4257vw auto 0.6666vw auto;
    }
    
    .nlb_point > ul > li > p:nth-of-type(2){
        font-size: 3.7034vw;
    }
    
    .nlb_point01 > img{
        width: 8.05504vw;
        margin: 2.8701vw auto 3.5182vw auto;
    }
    
    .nlb_point02 > img{
        width: 9.16608vw;
        margin: 5.0922vw auto auto auto;
    }
    
    .nlb_point03 > img{
        width: 16.4804vw;
        margin: 5.6vw auto auto auto;
    }

}

/*------------Prise------------*/
.nlb_prise{
    background-color: #fff;
}

.nlb_prise01{
    display: flex;
    padding-top: 27.776px;
    margin: auto auto 31.248px 27.776px;
}

.nlb_prise01 > img{
    width: 173.6px;
}

.nlb_prise01 > p:first-of-type{
    font-size: 27.776px;
    margin-right: 3px;
}

.nlb_prise01 > p:nth-of-type(2){
    font-size: 27.776px;
    margin-left: 6px;
    margin-top: auto;
}

.nlb_prise01 > p:nth-of-type(3){
    font-size: 19.4432px;
    margin-left: 10px;
    margin-top: auto;
}

@media (max-width :750px){
    
    .nlb_prise01{
        padding-top: 3.7034vw;
        margin: auto auto 4.1664vw 3.7034vw;
    }
    
    .nlb_prise01 > img{
        width: 23.1466vw;
    }
    
    .nlb_prise01 > p:first-of-type{
        font-size: 3.7034vw;
        margin-right: 0.4vw;
    }
    
    .nlb_prise01 > p:nth-of-type(2){
        font-size: 3.7034vw;
        margin-left: 0.8vw;
    }
    
    .nlb_prise01 > p:nth-of-type(3){
        font-size: 2.5924vw;
        margin-left: 1.3333vw;
    }

}

/*金額*/
.nlb_prise02{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.nlb_prise02_4{
    align-items: center;
    padding-top: 47.2192px;
}

.nlb_prise02 > div:first-of-type{
    color: #ea3d7a;
    font-size: 23.6096px;
    font-weight: 500;
    letter-spacing: 0.055;
    line-height: 1.25em;
    text-align: center;
    padding: 25px 10.416px;
    border: solid 4px #ea3d7a;
}

.nlb_prise02_img6{
    width: 473.5808px;
    margin-right: 19.4432px;
    margin-left: 22.2208px;
}

.nlb_prise02 > div:nth-of-type(2){
    color: #ffffff;
    background-color: #ea3d7a;
    font-size: 23.6096px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.25;
    padding: 15.2768px 14px;
    writing-mode: vertical-rl;
}

@media (max-width :750px){
    
    .nlb_prise02 > div:first-of-type{
        font-size: 3.1479vw;
        padding: 3.3333vw 1.3888vw;
        border: solid 0.5333vw #ea3d7a;
    }
    
    .nlb_prise02_img6{
        width: 63.0666vw;
        margin-right: 2.5924vw;
        margin-left: 2.9627vw;
    }
    
    .nlb_prise02 > div:nth-of-type(2){
        font-size: 3.1479vw;
        padding: 2.0369vw 1.8666vw;
    }

}

/*注意書き*/
.nlb_prise_detail{
    font-size: 22.2208px;
    font-weight: 300;
    letter-spacing: 0.075px;
    line-height: 1.25;
    text-align: justify;
    margin: 47.2192px 27.776px auto 27.776px;
    padding-bottom: 27.776px;
}

.nlb_prise_detail_4{
    margin-top: 22.2208px;
}

@media (max-width :750px){
    .nlb_prise_detail{
        font-size: 2.9627vw;
        margin: 6.2958vw 3.7034vw auto 3.7034vw;
        padding-bottom: 3.7034vw;
    }
}

/*------------シリカとは------------*/
.nlb_abtslc{
    background-image: url(../nlbimg2026/nlb_abtscl.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

.nlb_abtslc > h2{
    font-size: 44.4416px;
    font-weight: 700;
    letter-spacing: 0.055px;
    margin: auto auto 27.776px 23.6096px;
    padding-top: 40px;
    color: #01146b;
}

.nlb_abtslc > p{
    font-size: 23.6096px;
    font-weight: 400;
    letter-spacing: 0.055px;
    margin: 27.776px auto auto 23.6096px;
    padding-bottom: 180px;
}

@media (max-width :750px){
    
    .nlb_abtslc > h2{
        font-size: 5.9255vw;
        margin: auto auto 3.7034vw 3.1479vw;
        padding-top: 5.3333vw;
    }
    
    .nlb_abtslc > p{
        font-size: 3.1479vw;
        margin: 3.7034vw auto auto 3.1479vw;
        padding-bottom: 24vw;
    }

}

/*------------健康をサポート------------*/
.nlb_spt{
    background-image: url(../nlbimg2026/nlb_spt.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

.nlb_spt > h2{
    font-size: 44.4416px;
    font-weight: 700;
    letter-spacing: 0.055px;
    text-align: center;
    margin: 0 auto 40px auto;
    padding-top: 40px;
}

@media (max-width :750px){
    
    .nlb_spt > h2{
        font-size: 5.9255vw;
        margin: 0 auto 5.3333vw auto;
        padding-top: 5.3333vw;
    }

}

/*アイコン*/
.nlb_spt_icon{
    display: flex;
    margin: auto 36.8032px 40px 36.8032px;
    justify-content: space-around;
}

.nlb_spt_icon > img{
    width: 160px;
}

.nlb_spt > p{
    font-size: 33.3312px;
    text-align: center;
    padding-bottom: 40px;
}

@media (max-width :750px){

    .nlb_spt_icon{
        margin: auto 4.9070vw 5.3333vw 4.9070vw;
    }
    
    .nlb_spt_icon > img{
        width: 21.3333vw;
    }
    
    .nlb_spt > p{
        font-size: 4.4441vw;
        padding-bottom: 5.3333vw;
    }

}

/*------------減少します------------*/
.nlb_down{
    background-image: url(../nlbimg2026/nlb_down_bg01.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

.nlb_down > h2{
    display: block;
    width: 502.7456px;
    padding-top: 115.9648px;
    margin: auto auto 33.3312px auto;
}

.nlb_down > img{
    display: block;
    width: 545.104px;
    margin: auto;
    padding-bottom: 30px;
}

@media (max-width :750px){
    
    .nlb_down > h2{
        width: 67.0327vw;
        padding-top: 15.4619vw;
        margin: auto auto 4.4441vw auto;
    }
    
    .nlb_down > img{
        width: 72.6805vw;
        padding-bottom: 4vw;
    }

}

/*------------シリカ誕生------------*/
.nlb_birth > img {
    width: 100vw;
}

.nlb_birth_wrap{
    background-image: url(../nlbimg2026/nlb_birth_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.nlb_birth_wrap > img:first-of-type{
    position: absolute;
    width: 98.6048px;
    top: 5.5552px;
    left: 95.8272px;
}

.nlb_birth_wrap > p{
    font-size: 47.2192px;
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.055;
    text-align: center;
    padding-top: 28px;
}

.nlb_birth_wrap > img:nth-of-type(2){
    width: 100%;
    margin: 0 auto 443px auto;
}

.nlb_birth_wrap > h2{
    position: absolute;
    width: 611.7664px;
    bottom: 138px;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width :750px){

    .nlb_birth_wrap > img:first-of-type{
        width: 13.1473vw;
        top: 0.7496vw;
        left: 12.7769vw;
    }
    
    .nlb_birth_wrap > p{
        font-size: 6.2958vw;
        padding-top: 3.7333vw;
    }
    
    .nlb_birth_wrap > img:nth-of-type(2){
        margin: 0 auto 59.0666vw auto;
    }
    
    .nlb_birth_wrap > h2{
        width: 81.5688vw;
        bottom: 18.4vw;
    }

}

/*------------こまめに摂取------------*/
/*タイトル*/
.nlb_every_ttl{
    background-color: #01146b;
    padding-top: 27.776px;
    padding-bottom: 27.776px;
}

.nlb_every_ttl > h2{
    color: #fff;
    text-align: center;
    font-size: 44.4416px;
    font-weight: 300;
    letter-spacing: 0.055;
    line-height: 1.25;
}

.nlb_every_ttl > h2 > span{
    font-weight: 500;
}

@media (max-width :750px){

    .nlb_every_ttl{
        padding-top: 3.7034vw;
        padding-bottom: 3.7034vw;
    }
    
    .nlb_every_ttl > h2{
        font-size: 5.9255vw;
    }

}

/*content*/
.nlb_every{
    background-image: url(../nlbimg2026/nlb_every_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.nlb_every_icon_top , .nlb_every_icon_btm{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nlb_every_icon_top > li img , .nlb_every_icon_btm > li img{
    width: 195.8208px;
}

.nlb_every_icon_top{
    margin: 57.6352px 55.552px 29.1648px 55.552px;
}

.nlb_every_icon_btm{
    margin: auto 166.656px 44.4416px 166.656px;
}

.nlb_every_icon_top > li > p{
    font-size: 33.3312px;
    text-align: center;
    font-weight: 500;
    margin-top: 14.5824px;
    color: #fff;
}

.nlb_every_icon_btm > li > p{
    font-size: 33.3312px;
    text-align: center;
    font-weight: 500;
    margin-top: 14.5824px;
    color: #fff;
}

.nlb_every > p{
    font-size: 23.6096px;
    font-weight: 400;
    margin: auto 27.7772px auto 27.7772px;
    padding-bottom: 55.552px;
    text-align: justify;
    color: #fff;
}

@media (max-width :750px){

    .nlb_every_icon_top > li img , .nlb_every_icon_btm > li img{
        width: 26.1094vw;
    }
    
    .nlb_every_icon_top{
        margin: 7.6846vw 7.4069vw 3.8886vw 7.4069vw;
    }
    
    .nlb_every_icon_btm{
        margin: auto 22.2208vw 5.9255vw 22.2208vw;
    }
    
    .nlb_every_icon_top > li > p{
        font-size: 4.4441vw;
        margin-top: 1.9443vw;
    }
    
    .nlb_every_icon_btm > li > p{
        font-size: 4.4441vw;
        margin-top: 1.9443vw;
    }
    
    .nlb_every > p{
        font-size: 3.1479vw;
        margin: auto 3.7036vw auto 3.7036vw;
        padding-bottom: 7.4069vw;
    }

}

/*------------健康な毎日を目指そう------------*/
.nlb_drink{
    position: relative;
}

.nlb_drink > h2{
    position: absolute;
    width: 100%;
    bottom: 22px;
}

@media (max-width :750px){

    .nlb_drink > h2{
        bottom: 2.9333vw;
    }

}

/*------------喜びの声------------*/
.nlb_voice{
    position: relative;
    background-color: #3085ae;
}

.nlb_voice > h2{
    width: 546.4928px;
    padding-top: 43.7472px;
    margin: 0 auto;
}

.nlb_voice > h2 > img{
    width: 100%;
}

.nlb_voice > div{
    margin-top: 27.776px;
    padding-bottom: 55.552px;
}

.nlb_voice > div > p{
    background-color: #fff;
    color: #000;
    font-size: 23.6096px;
    width: 694.4px;
    margin: 0 auto;
    padding: 27.776px 30.5536px;
}

.nlb_voice > div > p > span{
    font-size: 16.6656px;
    margin-top: 16.6656px;
}

@media (max-width :750px){
    
    .nlb_voice > h2{
        width: 72.8657vw;
        padding-top: 5.83296vw;
    }
    
    .nlb_voice > div{
        margin-top: 3.7034vw;
        padding-bottom: 7.4069vw;
    }
    
    .nlb_voice > div > p{
        font-size: 3.0759vw;
        width: 92.5866vw;
        padding: 3.7034vw 4.0738vw;
    }
    
    .nlb_voice > div > p > span{
        font-size: 2.2220vw;
        margin-top: 2.2220vw;
    }

}

/*------------おすすめ理由------------*/
.nlb_reason01 > h2{
    width: 100%;
}

/*理由1*/
.nlb_reason01_bg{
    background-image: url(../nlbimg2026/nlb_reason_01bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.nlb_reason01_ttl{
    display: flex;
    align-items: center;
    padding-top: 27.776px;
    padding-bottom: 38.192px;
}

.nlb_reason01_ttl > img{
    width: 170.128px;
    margin-right: 22.2208px;
}

.nlb_reason01_ttl > p{
    font-size: 33.3312px;
    letter-spacing: 0.055;
    line-height: 1.4;
    font-weight: 400;
}

.nlb_reason01_ttl > p >span:first-of-type{
    font-size: 44.4416px;
    color: #ea3d7a;
    font-weight: 600;
}

.nlb_reason01_ttl > p >span:nth-of-type(2){
    font-size: 44.4416px;
    font-weight: 400;
}

.nlb_reason01_content{
    display: flex;
    margin: auto 27.776px auto 32.6368px;
    padding-bottom: 55.552px;
}

.nlb_reason01_content > img{
    width: 344.4224px;
}

.nlb_reason01_content > p{
    font-size: 23.6096px;
    font-weight: 400;
    letter-spacing: 0.055;
    line-height: 1.5;
    margin-top: 48px;
    margin-left: 20.1376px;
}

.nlb_reason01_img{
    position: relative;
}

.nlb_reason01_img > img:nth-of-type(2){
    position: absolute;
    width: 419.4176px;
    top: 27.776px;
    right: 0;
}

.nlb_reason01_img > p{
    color: #fff;
    font-size: 33.3312px;
    font-weight: 400;
    line-height: 1.35;
    text-align: right;
    position: absolute;
    top: 34px;
    right: 22.2208px;
}

@media (max-width :750px){
    
    .nlb_reason01_ttl{
        padding-top: 3.7034vw;
        padding-bottom: 5.0922vw;
    }
    
    .nlb_reason01_ttl > img{
        width: 22.6837vw;
        margin-right: 2.9627vw;
    }
    
    .nlb_reason01_ttl > p{
        font-size: 4.4441vw;
    }
    
    .nlb_reason01_ttl > p >span:first-of-type{
        font-size: 5.9255vw;
    }
    
    .nlb_reason01_ttl > p >span:nth-of-type(2){
        font-size: 5.9255vw;
    }
    
    .nlb_reason01_content{
        margin: auto 3.7034vw auto 4.3515vw;
        padding-bottom: 7.4069vw;
    }
    
    .nlb_reason01_content > img{
        width: 45.9229vw;
    }
    
    .nlb_reason01_content > p{
        font-size: 3.1479vw;
        margin-top: 6.4vw;
        margin-left: 2.6850vw;
    }
    
    .nlb_reason01_img > img:nth-of-type(2){
        width: 55.9223vw;
        top: 3.7034vw;
    }
    
    .nlb_reason01_img > p{
        font-size: 4.4441vw;
        top: 4.5333vw;
        right: 2.9627vw;
    }

}

/*理由2*/
.nlb_reason02{
    background-image: url(../nlbimg2026/nlb_reason_02bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.nlb_reason02_ttl{
    display: flex;
    align-items: center;
    padding-top: 27.776px;
    padding-bottom: 55.552px;
}

.nlb_reason02_ttl > img{
    width: 170.128px;
    margin-right: 22.2208px;
}

.nlb_reason02_ttl > p{
    font-size: 33.3312px;
    letter-spacing: 0.055;
    line-height: 1.4;
    font-weight: 400;
}

.nlb_reason02_ttl > p >span:first-of-type{
    font-size: 44.4416px;
    color: #ea3d7a;
    font-weight: 600;
}

.nlb_reason02_ttl > p >span:nth-of-type(2){
    font-size: 44.4416px;
    font-weight: 400;
}

.nlb_reason02 > p{
    font-size: 38.8864px;
    letter-spacing: 0.055;
    text-align: center;
}

.nlb_reason02 > p > span{
    font-size: 49.9968px;
    color: #ea3d7a;
    font-weight: 600;
}

@media (max-width :750px){

    .nlb_reason02_ttl{
        padding-top: 3.7034vw;
        padding-bottom: 7.4069vw;
    }
    
    .nlb_reason02_ttl > img{
        width: 22.6837vw;
        margin-right: 2.9627vw;
    }
    
    .nlb_reason02_ttl > p{
        font-size: 4.4441vw;
    }
    
    .nlb_reason02_ttl > p >span:first-of-type{
        font-size: 5.9255vw;
    }
    
    .nlb_reason02_ttl > p >span:nth-of-type(2){
        font-size: 5.9255vw;
    }
    
    .nlb_reason02 > p{
        font-size: 5.1848vw;
    }
    
    .nlb_reason02 > p > span{
        font-size: 6.6662vw;
    }

}

/*3つの理由*/
.nlb_reason02 > ul:first-of-type{
    margin: 27.776px auto 55.552px auto;
}

.nlb_reason02 > ul > li{
    display: flex;
    align-items: center;
    border: 2px solid #01146b;
    width: 694.4px;
    margin: auto auto 16px auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 28px;
    margin-bottom: 16px;
}

.nlb_reason02 > ul > li > div:first-of-type{
    font-size: 49.9968px;
    font-weight: 700;
    color: #01146b;
}

.nlb_reason02 > ul > li > div:nth-of-type(2){
    font-size: 33.3312px;
    letter-spacing: 0.055;
    margin-left: 79.1616px;
}

@media (max-width :750px){

    .nlb_reason02 > ul:first-of-type{
        margin: 3.7034vw auto 7.4069vw auto;
    }
    
    .nlb_reason02 > ul > li{
        width: 92.58666vw;
        margin: auto auto 2.1333vw auto;
        padding-top: 2.6666vw;
        padding-bottom: 2.6666vw;
        padding-left: 3.7333vw;
        margin-bottom: 2.1333vw;
    }
    
    .nlb_reason02 > ul > li > div:first-of-type{
        font-size: 6.6662vw;
    }
    
    .nlb_reason02 > ul > li > div:nth-of-type(2){
        font-size: 4.4441vw;
        margin-left: 10.5548vw;
    }

}

/*フィルター*/
.nlb_reason02 > img{
    display: block;
    width: 595.7952px;
    margin: auto;
}

.nlb_reason02 > ul:nth-of-type(2){
    margin: 38.8864px auto 55.552px auto;
}

.nlb_reason02 > ul > ol > div:nth-of-type(2){
    font-size: 32px;
    color: #01146b;
    text-align: center;
    margin: 12px auto 12px auto;
}

.nlb_reason02 > ul > ol > div:first-of-type{
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.nlb_reason02 > ul > ol > div:first-of-type > div:first-of-type{
    color: #ea3d7a;
    font-size: 27.776px;
    font-weight: 500;
    letter-spacing: 0.055;
    margin-right: 40.9696px;
}

.nlb_reason02 > ul > ol > div:first-of-type > div:nth-of-type(2){
    font-size: 33.3312px;
    font-weight: 400;
    letter-spacing: 0.055;
}

.nlb_reason02 > p:last-of-type{
    color: #000;
    font-size: 23.6096px;
    text-align: justify;
    letter-spacing: 0.055;
    line-height: 1.5;
    margin: auto 27.776px auto 27.776px;
    padding-bottom: 55.552px;
}

@media (max-width :750px){

    .nlb_reason02 > img{
        display: block;
        width: 79.43936vw;
        margin: auto;
    }
    
    .nlb_reason02 > ul:nth-of-type(2){
        margin: 5.1848vw auto 7.4069vw auto;
    }
    
    .nlb_reason02 > ul > ol > div:nth-of-type(2){
        font-size: 4.2666vw;
        margin: 1.6vw auto 1.6vw auto;
    }
    
    .nlb_reason02 > ul > ol > div:first-of-type > div:first-of-type{
        font-size: 3.7034vw;
        margin-right: 5.4626vw;
    }
    
    .nlb_reason02 > ul > ol > div:first-of-type > div:nth-of-type(2){
        font-size: 4.4441vw;
    }
    
    .nlb_reason02 > p:last-of-type{
        font-size: 3.1479vw;
        margin: auto 3.7034vw auto 3.7034vw;
        padding-bottom: 7.4069vw;
    }

}

/*------------ナチュラルミネラルウォーター------------*/
.nlb_reason_water{
    background-image: url(../nlbimg2026/nlb_water_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.nlb_reason_water > h2{
    padding-top: 55.552px;
    margin-left: 55.552px;
}

.nlb_reason_water > h2 >img{
    width: 356.9216px;
}

.nlb_reason_water > h2 > p:first-of-type{
    color: #01146b;
    font-size: 27.776px;
    letter-spacing: 0.055;
    font-weight: 400;
    margin-top: 20px;
}

.nlb_reason_water > h2 > p:nth-of-type(2){
    color: #01146b;
    font-size: 44.4416px;
    letter-spacing: 0.055;
    line-height: 1.22;
    font-weight: 700;
    margin-top: 18px;
    margin-bottom: 55.552px;
}

@media (max-width :750px){
    
    .nlb_reason_water > h2{
        padding-top: 7.4069vw;
        margin-left: 7.4069vw;
    }
    
    .nlb_reason_water > h2 >img{
        width: 47.5895vw;
    }
    
    .nlb_reason_water > h2 > p:first-of-type{
        font-size: 3.7034vw;
        margin-top: 2.666vw;
    }
    
    .nlb_reason_water > h2 > p:nth-of-type(2){
        font-size: 5.9255vw;
        margin-top: 2.4vw;
        margin-bottom: 7.4069vw;
    }

}

/*contetn_ttl*/
.nlb_reason_water_table > h3{
    width: 569.408px;
    margin: auto auto 33.3312px auto;
}

@media (max-width :750px){

    .nlb_reason_water_table > h3{
        width: 75.9210vw;
        margin: auto auto 4.4441vw auto;
    }

}

/*content*/
.nlb_reason_water_table{
    background-color: #fff;
    padding : 40.2752px 20.1376px 15.9712px 11.8048px;
    margin: auto 27.776px auto 27.776px;
}

.nlb_reason_water_content{
    display: flex;
}

.nlb_reason_water_content > img{
    margin-top: 27.776px;
    width: 93.744px;
    margin-right: 11.1104px
}

.nlb_reason_water_content > div >img{
    width: 345.8112px;
    margin: auto auto 12.4992px 29.1648px;
}

.nlb_reason_water_content > div > ul > li{
    padding: 24px 16px;
    border: 2px solid #3085ae;
    margin-bottom: 27.776px;
}

.nlb_reason_water_content > div > ul > li > p:first-of-type{
    font-size: 27.776px;
    font-weight: 500;
    color: #3085ae;
}

.nlb_reason_water_content > div > ul > li:first-of-type{
    padding: 24px 16px;
    background-color: #01146b;
    border: 0px solid #3085ae;
    margin-bottom: 27.776px;
    color: #fff;
}

.nlb_reason_water_content > div > ul > li:first-of-type> p:first-of-type{
    color: #fff;
}

.nlb_reason_water_content > div > ul > li > p:nth-of-type(2){
    font-size: 23.6096px;
    line-height: 1.47;
    margin-top: 8px;
}

.nlb_reason_water_content > div > p{
    font-size: 16.6656px;
    text-align: right;
}

@media (max-width :750px){

    .nlb_reason_water_table{
        padding : 5.3700vw 2.6850vw 2.1294vw 1.5739vw;
        margin: auto 3.7034vw auto 3.7034vw;
    }
    
    .nlb_reason_water_content > img{
        margin-top: 3.7034vw;
        width: 12.4992vw;
        margin-right: 1.4813vw
    }
    
    .nlb_reason_water_content > div >img{
        width: 46.1081vw;
        margin: auto auto 1.666vw 3.8886vw;
    }
    
    .nlb_reason_water_content > div > ul > li{
        padding: 3.2vw 2.1333vw;
        margin-bottom: 3.7034vw;
    }
    
    .nlb_reason_water_content > div > ul > li > p:first-of-type{
        font-size: 3.7034vw;
    }
    
    .nlb_reason_water_content > div > ul > li:first-of-type{
        padding: 3.2vw 2.1333vw;
        margin-bottom: 3.7034vw;
    }
    
    .nlb_reason_water_content > div > ul > li > p:nth-of-type(2){
        font-size: 3.1479vw;
        margin-top: 1.0666vw;
    }

    .nlb_reason_water_content > div > p{
        font-size: 2.2220vw;
    }

}

/*------------ミネラルバランス------------*/
.nlb_reason_barance{
    background-color: #accedf;
    padding-top: 27.776px;
    padding-bottom: 44.4416px;
}

.nlb_reason_barance > div{
    background-color: #fff;
    width: 694.4px;
    padding-top: 38.8864px;
    padding-bottom: 44.4416px;
    margin: auto;
}

.nlb_reason_barance > div > h3{
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 23.6096px;
    font-weight: 400;
    letter-spacing: 0.055;
    margin-bottom: 55.552px;
}

.nlb_reason_barance > div > h3 > img{
    width: 303.4528px;
    margin-right: 18px;
}

.nlb_reason_barance > div > p{
    font-size: 16.6656px;
    margin: 27.776px 31.248px auto auto;
    text-align: right;
}

.nlb_reason_barancetop , .nlb_reason_barancebtm{
    display: flex;
    justify-content: center;
}

.nlb_reason_barancebtm{
    margin-top: 15.2768px;
}

.nlb_reason_barancetop > img , .nlb_reason_barancebtm > img{
    width: 155.5456px;
    margin-left: 15.2768px;
}

.nlb_reason_barancetop > img:first-of-type , .nlb_reason_barancebtm > img:first-of-type{
    margin-left: 0;
}

@media (max-width :750px){

    .nlb_reason_barance{
        padding-top: 3.7034vw;
        padding-bottom: 5.9255vw;
    }
    
    .nlb_reason_barance > div{
        width: 92.5866vw;
        padding-top: 5.1848vw;
        padding-bottom: 5.9255vw;
    }
    
    .nlb_reason_barance > div > h3{
        font-size: 3.1479vw;
        margin-bottom: 7.4069vw;
    }
    
    .nlb_reason_barance > div > h3 > img{
        width: 40.4603vw;
        margin-right: 2.4vw;
    }

    .nlb_reason_barance > div > p{
        font-size: 2.2222vw;
        margin: 3.7034vw 4.1664vw auto auto;
        text-align: right;
    }
    
    .nlb_reason_barancebtm{
        margin-top: 2.0369vw;
    }
    
    .nlb_reason_barancetop > img , .nlb_reason_barancebtm > img{
        width: 20.7394vw;
        margin-left: 2.0369vw;
    }

}

/*------------こだわりttl------------*/
.nlb_cmt01{
    width: 100%;
}

/*------------シリカ配合------------*/
.nlb_cmt_01{
    background-image: url(../nlbimg2026/nlb_cmt_01bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.nlb_cmt_01 > img{
    position: relative;
    width: 501.3568px;
    padding-top: 27.776px;
    margin-top: 0;
}

.nlb_cmt_01 > h3{
    position: absolute;
    top: 50px;
    left: 29.8592px;
    color: #fff;
    font-size: 33.3312px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.055;
}

.nlb_cmt_01 > h3 > span:first-of-type{
    font-size: 28.8864px;
}

.nlb_cmt_01 > h3 > span:nth-of-type(2){
    font-size: 49.9968px;
    color: #ea3d7a;
}

.nlb_cmt_01 > h3 > span:nth-of-type(3){
    color: #ea3d7a;
}

.nlb_cmt_01 > h4{
    font-size: 38.8864px;
    margin: 440.944px auto auto 27.776px;
}

.nlb_hr{
    border: 3px solid #ea3d7a;
    margin: 19.4432px 27.776px;
}

.nlb_cmt_01 > p{
    margin: auto 27.776px auto 27.776px;
    padding-bottom: 55.552px;
    font-size: 23.6096px;
    text-align: justify;
}

@media (max-width :750px){
    
    .nlb_cmt_01 > img{
        width: 66.8475vw;
        padding-top: 3.7034vw;
    }
    
    .nlb_cmt_01 > h3{
        top: 6.6666vw;
        left: 3.98122vw;
        font-size: 4.4441vw;
    }
    
    .nlb_cmt_01 > h3 > span:first-of-type{
        font-size: 3.85152vw;
    }
    
    .nlb_cmt_01 > h3 > span:nth-of-type(2){
        font-size: 6.6662vw;
    }
    
    .nlb_cmt_01 > h4{
        font-size: 5.1848vw;
        margin: 58.7925vw auto auto 3.7034vw;
    }
    
    .nlb_hr{
        margin: 2.5924vw 3.7034vw;
    }
    
    .nlb_cmt_01 > p{
        margin: auto 3.7034vw auto 3.7034vw;
        padding-bottom: 7.4069vw;
        font-size: 3.1479vw;
    }

}

/*------------比較------------*/
.nlb_cmt_slc{
    background-color: #fff;
}

.nlb_cmt_slc > div{
    background-color: #344389;
    margin: auto 27.776px auto 27.776px;
    padding-top: 44.4416px;
    padding-bottom: 44.4416px;
}

.nlb_cmt_slc > div > div:first-of-type{
    color: #fff;
    font-size: 27.776px;
    line-height: 1.4;
    letter-spacing: 0.055;
    text-align: center;
    margin-bottom: 0px
}

.nlb_cmt_slc > div > p:first-of-type{
    font-size: 44.4416px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.055;
}

.nlb_cmt_slc > div > p:first-of-type > span{
    font-size: 61.1072px;
    color: #ea3d7a;
    letter-spacing: 0.055;
}

.nlb_cmt_slc > div > p:first-of-type > span:last-of-type{
    font-size: 55.552px;
    font-style: italic;
    color: #fff;
}

.nlb_cmt_slc_content{
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 33.3312px;
}

.nlb_cmt_slc_content > div{
    margin-left: 16px;
}

.nlb_cmt_slc_content > div:first-of-type{
    margin-left: 0;
}

.nlb_cmt_slc_content > div > img{
    width: 193.7376px;
}

.nlb_cmt_slc_content > div > p{
    text-align: center;
    font-size: 33.3312px;
    font-weight: 300;
    line-height: 1.16;
    margin-top: 10px;
    color: #fff;
}

.nlb_cmt_slc_content > div > p >span{
    text-align: center;
    font-size: 33.3312px;
    font-weight: 500;
    line-height: 1.16;
    margin-top: 10px;
    color: #ea3d7a;
}

.nlb_cmt_slc_content > div > p:nth-of-type(2){
    font-size: 19.4432px;
    font-weight: 300;
}

.nlb_cmt_slc > div >p:last-of-type{
    font-size: 23.6096px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.055;
    line-height: 1.5;
    margin-left: 30.5536px;
    margin-right: 30.5536px;
}

@media (max-width :750px){
    
    .nlb_cmt_slc > div{
        margin: auto 3.7034vw auto 3.7034vw;
        padding-top: 5.9255vw;
        padding-bottom: 5.9255vw;
    }
    
    .nlb_cmt_slc > div > div:first-of-type{
        font-size: 3.7034vw;
    }
    
    .nlb_cmt_slc > div > p:first-of-type{
        font-size: 5.9255vw;
    }
    
    .nlb_cmt_slc > div > p:first-of-type > span{
        font-size: 8.1476vw;
    }
    
    .nlb_cmt_slc > div > p:first-of-type > span:last-of-type{
        font-size: 7.4069333vw;
    }
    
    .nlb_cmt_slc_content{
        margin-top: 6.6666vw;
        margin-bottom: 4.4441vw;
    }
    
    .nlb_cmt_slc_content > div{
        margin-left: 2.1333vw;
    }
    
    .nlb_cmt_slc_content > div > img{
        width: 25.8316vw;
    }
    
    .nlb_cmt_slc_content > div > p{
        font-size: 4.4441vw;
        margin-top: 1.3333vw;
    }
    
    .nlb_cmt_slc_content > div > p >span{
        font-size: 4.4441vw;
        margin-top: 1.3333vw;
    }
    
    .nlb_cmt_slc_content > div > p:nth-of-type(2){
        font-size: 2.5924vw;
    }
    
    .nlb_cmt_slc > div >p:last-of-type{
        font-size: 3.1479vw;
        margin-left: 4.0738vw;
        margin-right: 4.0738vw;
    }

}

/*------------超軟水------------*/
.nlb_cmt_02{
    background-image: url(../nlbimg2026/nlb_cmt_02bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.nlb_cmt_02 > img{
    position: relative;
    display: block;
    width: 510.384px;
    padding-top: 27.776px;
    margin-right: 0;
    margin-left: auto;
}

.nlb_cmt_02 > h3{
    position: absolute;
    top: 50px;
    right: 29.8592px;
    color: #fff;
    font-size: 33.3312px;
    font-weight: 600;
    letter-spacing: 0.055;
}

.nlb_cmt_02 > h3 > span{
    font-size: 49.9968px;
    color: #ea3d7a;
}

.nlb_cmt_02 > h4{
    font-size: 38.8864px;
    margin: 440.944px auto auto 27.776px;
}

.nlb_hr{
    border: 3px solid #ea3d7a;
    margin: 19.4432px 27.776px;
}

.nlb_cmt_02 > p{
    margin: auto 27.776px auto 27.776px;
    padding-bottom: 55.552px;
    font-size: 23.6096px;
    text-align: justify;
}

@media (max-width :750px){
    
    .nlb_cmt_02 > img{
        width: 68.0512vw;
        padding-top: 3.7034vw;
    }
    
    .nlb_cmt_02 > h3{
        top: 6.6666vw;
        right: 3.9452vw;
        font-size: 4.4441vw;
    }
    
    .nlb_cmt_02 > h3 > span{
        font-size: 6.6662vw;
    }
    
    .nlb_cmt_02 > h4{
        font-size: 5.1848vw;
        margin: 58.7925vw auto auto 3.7034vw;
    }
    
    .nlb_hr{
        margin: 2.5924vw 3.7034vw;
    }
    
    .nlb_cmt_02 > p{
        margin: auto 3.7034vw auto 3.7034vw;
        padding-bottom: 7.4069vw;
        font-size: 3.1479vw;
    }

}

/*------------弱アルカリ性------------*/
.nlb_cmt_03{
    background-image: url(../nlbimg2026/nlb_cmt_03bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.nlb_cmt_03 > img{
    position: relative;
    width: 590.9344px;
    padding-top: 27.776px;
    margin-top: 0;
}

.nlb_cmt_03 > h3{
    position: absolute;
    top: 50px;
    left: 29.8592px;
    color: #fff;
    font-size: 33.3312px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.055;
}

.nlb_cmt_03 > h3 > span:first-of-type{
    font-size: 49.9968px;
}

.nlb_cmt_03 > h3 > span:nth-of-type(2){
    font-size: 44.4416px;
    color: #ea3d7a;
}

.nlb_cmt_03 > h4{
    font-size: 38.8864px;
    margin: 440.944px auto auto 27.776px;
}

.nlb_hr{
    border: 3px solid #ea3d7a;
    margin: 19.4432px 27.776px;
}

.nlb_cmt_03 > p{
    margin: auto 27.776px auto 27.776px;
    padding-bottom: 55.552px;
    font-size: 23.6096px;
    text-align: justify;
}

@media (max-width :750px){
    
    .nlb_cmt_03 > img{
        width: 78.7912vw;
        padding-top: 3.7034vw;
    }
    
    .nlb_cmt_03 > h3{
        top: 6.6666vw;
        left: 3.9803vw;
        font-size: 4.4441vw;
    }
    
    .nlb_cmt_03 > h3 > span:first-of-type{
        font-size: 6.6662vw;
    }
    
    .nlb_cmt_03 > h3 > span:nth-of-type(2){
        font-size: 5.9255vw;
    }
    
    .nlb_cmt_03 > h4{
        font-size: 5.1848vw;
        margin: 58.7925vw auto auto 3.7034vw;
    }
    
    .nlb_hr{
        border: 0.4vw solid #01146b;
        margin: 2.5924vw 3.7034vw;
    }
    
    .nlb_cmt_03 > p{
        margin: auto 3.7034vw auto 3.7034vw;
        padding-bottom: 7.4069vw;
        font-size: 3.1479vw;
    }

}

/*------------pkgデザイン------------*/

/*ttl*/
.nlb_design > h2{
    width: 100%;
    position: relative;
}

/*車*/
.nlb_scene_car{
    position: relative;
}

.nlb_scene_car > img:nth-of-type(3){
    position: absolute;
    display: block;
    width: 445.8048px;
    right: 0;
    bottom: 458.9984px;
}

.nlb_scene_car > h3{
    position: absolute;
    font-size: 44.4416px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.055;
    right: 33.3312px;
    bottom: 483px;
}

.nlb_scene_car > h3 > span{
    font-size: 38.8864px;
}

@media (max-width :750px){

    .nlb_scene_car > img:nth-of-type(3){
        width: 59.4406vw;
        bottom: 61.1997vw;
    }

    .nlb_scene_car > h3{
        font-size: 5.9255vw;
        right: 4.4441vw;
        bottom: 64.4vw;
    }

    .nlb_scene_car > h3 > span{
        font-size: 5.1848vw;
    }

}

/*その他のシーン*/
.nlb_scene{
    background-image: url(../nlbimg2026/nlb_seane_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 76.384px;
    padding-bottom: 55.552px;
}

@media (max-width :750px){

    .nlb_scene{
        padding-top: 10.1845vw;
        padding-bottom: 7.4069vw;
    }

}

/*お仕事に*/
.nlb_scene_work{
    position: relative;
}

.nlb_scene_work > img:first-of-type{
    width: 694.4px;
    display: block;
    margin: auto;
}

.nlb_scene_work > img:nth-of-type(2){
    position: absolute;
    width: 264.5664px;
    top: -20.1376px;
}

.nlb_scene_work > h3{
    position: absolute;
    top: -4px;
    left: 33.3312px;
    color: #fff;
    font-size: 44.4416px;
    letter-spacing: 0.075;
    font-weight: 500;
}

.nlb_scene_work > h3 > span{
    font-size: 38.8864px;
}

@media (max-width :750px){
    
    .nlb_scene_work > img:first-of-type{
        width: 92.5866vw;
    }
    
    .nlb_scene_work > img:nth-of-type(2){
        width: 35.2755vw;
        top: -2.6850vw;
    }
    
    .nlb_scene_work > h3{
        top: -0.5333vw;
        left: 4.44416vw;
        font-size: 5.9255vw;
    }
    
    .nlb_scene_work > h3 > span{
        font-size: 5.1848vw;
    }

}

/*おでかけに*/
.nlb_scene_goout{
    position: relative;
}

.nlb_scene_goout > img:first-of-type{
    width: 694.4px;
    display: block;
    margin: 43.0528px auto;
}

.nlb_scene_goout > img:nth-of-type(2){
    position: absolute;
    display: block;
    width: 312.48px;
    top: -20.1376px;
    right: 0;
}

.nlb_scene_goout > h3{
    position: absolute;
    top: -4px;
    right: 33.3312px;
    color: #fff;
    font-size: 44.4416px;
    letter-spacing: 0.075;
    font-weight: 500;
}

.nlb_scene_goout> h3 > span{
    font-size: 38.8864px;
}

@media (max-width :750px){
    
    .nlb_scene_goout > img:first-of-type{
        width: 0¥92.5866vw;
        margin: 5.7403vw auto;
    }
    
    .nlb_scene_goout > img:nth-of-type(2){
        width: 41.664vw;
        top: -2.685vw;
    }
    
    .nlb_scene_goout > h3{
        top: -0.5333vw;
        right: 4.4441vw;
        font-size: 5.9255vw;
    }
    
    .nlb_scene_goout> h3 > span{
        font-size: 5.1848vw;
    }

}

/*スポーツに*/
.nlb_scene_sports{
    position: relative;
}

.nlb_scene_sports > img:first-of-type{
    width: 694.4px;
    display: block;
    margin: 43.0528px auto;
}

.nlb_scene_sports > img:nth-of-type(2){
    position: absolute;
    width: 301.3696px;
    top: -20.1376px;
    left: 0;
}

.nlb_scene_sports > h3{
    position: absolute;
    top: -4px;
    left: 33.3312px;
    color: #fff;
    font-size: 44.4416px;
    letter-spacing: 0.075;
    font-weight: 500;
}

.nlb_scene_sports > h3 > span{
    font-size: 38.8864px;
}

@media (max-width :750px){
    
    .nlb_scene_sports > img:first-of-type{
        width: 92.5866vw;
        margin: 5.7403vw auto;
    }
    
    .nlb_scene_sports > img:nth-of-type(2){
        width: 40.1826vw;
        top: -2.6850vw;
    }
    
    .nlb_scene_sports > h3{
        top: -0.5333vw;
        left: 4.4441vw;
        font-size: 5.9255vw;
    }
    
    .nlb_scene_sports > h3 > span{
        font-size: 5.1848vw;
    }

}

/*------------620ml------------*/

.nlb_620_wrap{
    display: flex;
    align-items: center;
    padding-top: 31.248px;
    padding-bottom: 56.9408px;
}

.nlb_620_wrap > img{
    width: 129.8528px;
    margin-right: 62.496px;
    margin-left: 95.8272px;
}

.nlb_620_tx > p{
    color: #01146b;
    font-size: 43.7472px;
    font-weight: 500;
    letter-spacing: 0.055;
    line-height: 1.15;
}

.nlb_620_tx > p > span{
    font-size: 55.552px;
}

.nlb_620_tx > img{
    width: 378.72576px;
    margin-top: 22.2208px;
}

@media (max-width :750px){
    
    .nlb_620_wrap{
        padding-top: 4.1664vw;
        padding-bottom: 7.5921vw;
    }
    
    .nlb_620_wrap > img{
        width: 17.3137vw;
        margin-right: 8.3328vw;
        margin-left: 12.7769vw;
    }
    
    .nlb_620_tx > p{
        font-size: 5.8329vw;
    }
    
    .nlb_620_tx > p > span{
        font-size: 7.4069vw;
    }
    
    .nlb_620_tx > img{
        width: 50.4967vw;
        margin-top: 2.9627vw;
    }

}

/*------------様々な料理に------------*/

/*タイトル*/
.nlb_arrange_ttl{
    position: relative;
}

.nlb_arrange_ttl > h2{
    width: 100%;
}

.nlb_arrange_ttl > p{
    position: absolute;
    top: 238.1792px;
    font-size: 27.776px;
    text-align: center;
    letter-spacing: 0.055;
    color: #fff;
    right: 0;
    left: 0;
    margin: 0 auto;
}

@media (max-width :750px){

    .nlb_arrange_ttl > p{
        top: 31.7572vw;
        font-size: 3.7034vw;
    } 

}

/*料理*/
.nlb_arrange_01{
    position: relative;
}

.nlb_arrange_01 > div{
    position: absolute;
    top: 33.3312px;
    left: 24.304px;
}

.nlb_arrange_01 > div > h3{
    color: #fff;
    font-size: 38.8864px;
    font-weight: 500;
}

.nlb_arrange_01 > div > h3 > span{
    font-size: 33.3312px;
}

.nlb_arrange_01 > div > p{
    color: #fff;
    font-size: 23.6096px;
    margin-top: 4px;
    font-weight: 400;
}

.nlb_arrange_02 > div{
    position: absolute;
    right: 24.304px;
}

.nlb_arrange_02 > div > h3{
    text-align: right;
}

.nlb_arrange_02 > div > h3{
    text-align: right;
}

.nlb_arrange_02 > div > p{
    text-align: right;
}

@media (max-width :750px){
    
    .nlb_arrange_01 > div{
        top: 4.4441vw;
        left: 3.2405vw;
    }
    
    .nlb_arrange_01 > div > h3{
        font-size: 5.1848vw;
    }
    
    .nlb_arrange_01 > div > h3 > span{
        font-size: 4.4441vw;
    }
    
    .nlb_arrange_01 > div > p{
        font-size: 3.1479vw;
        margin-top: 0.5333vw;
    }
    
    .nlb_arrange_02 > div{
        right: 3.2405vw;
    }

}

/*------------回遊バナー------------*/
.nlb_bnr{
    position: relative;
    overflow: hidden;
    background-image: url(../nlbimg2026/nlb_bnr_bg.jpg);
}

.nlb_bnr_ttl{
    display: block;
    width: 100%;
    padding-top: 27.776px;
    margin-bottom: 27.776px;
}

@media (max-width :750px){
    .nlb_bnr_ttl{
        padding-top: 3.70346vw;
        margin-bottom: 3.70346vw;
    }
}

/*おすすめ画像wrap*/
.nlb_bnr_wrap{
    display: flex;
}

.nlb_bnr_01{
    position: relative;
    width: 361.088px;
    margin: auto auto auto 0;
}

.nlb_bnr_02{
    position: relative;
    width: 361.088px;
    margin: 73.6064px 0 auto auto;
}

.nlb_bnr_03{
    position: relative;
    width: 468.0256px;
    margin: 50.6912px auto 64.5792px 0;
}

@media (max-width :750px){
    .nlb_bnr_01{
        width: 48.1450vw;
    }

    .nlb_bnr_02{
        width: 48.1450vw;
        margin: 9.81418vw 0 auto auto;
    }

    .nlb_bnr_03{
        width: 62.40341vw;
        margin: 6.7588vw auto 8.6105vw 0;
    }
}

/*おすすめ画像*/
.nlb_bnr_img01 , .nlb_bnr_img02 , .nlb_bnr_img03{
    position: relative;
    width: 100%;
    z-index: 1;
}

/*おすすめtx*/
.nlb_bnr_tx01{
    position: absolute;
    top: -27.776px;
    z-index: 2;
}

.nlb_bnr_tx01 > p{
    position: absolute;
    color: #fff;
    font-weight: 600;
    font-size: 33.3333px;
    letter-spacing: 0.1em;
    top: 3px;
    left: 27.776px;
}

.nlb_bnr_tx01 > p > span{
    font-size: 27.776px;
}

.nlb_bnr_tx02{
    position: absolute;
    width: 483.3024px;
    bottom: -27.776px;
    right: 0;
    z-index: 2;
}

.nlb_bnr_tx02 > p > span{
    font-size: 27.776px;
}

.nlb_bnr_tx02 > img{
    width: 100%;
}

.nlb_bnr_tx02 > p{
    position: absolute;
    color: #fff;
    font-weight: 600;
    font-size: 33.3333px;
    letter-spacing: 0.1em;
    top: 3px;
    right: 27.776px;
}

.nlb_bnr_tx03{
    position: absolute;
    width: 409.0016px;
    bottom: -36.8032px;
    z-index: 2;
}

.nlb_bnr_tx03 > p{
    position: absolute;
    color: #fff;
    font-weight: 600;
    font-size: 33.3333px;
    letter-spacing: 0.1em;
    top: 2.5px;
    left: 27.776px;
}

.nlb_bnr_tx03 > p > span{
    font-size: 27.776px;
}

@media (max-width :750px){
    .nlb_bnr_tx01{
        top: -3.7034vw;
    }
    
    .nlb_bnr_tx01 > p{
        font-size: 4.4444vw;
        top: 0.4vw;
        left: 3.7034vw;
    }
    
    .nlb_bnr_tx01 > p > span{
        font-size: 3.7034vw;
    }
    
    .nlb_bnr_tx02{
        width: 64.4403vw;
        bottom: -3.7034vw;
    }
    
    .nlb_bnr_tx02 > p > span{
        font-size: 3.7034vw;
    }
    
    .nlb_bnr_tx02 > p{
        font-size: 4.4444vw;
        top: 0.4vw;
        right: 3.70346vw;
    }
    
    .nlb_bnr_tx03{
        width: 54.5335vw;
        bottom: -4.907vw;
    }
    
    .nlb_bnr_tx03 > p{
        font-size: 4.4444vw;
        top: 0.3333vw;
        left: 3.7034vw;
    }
    
    .nlb_bnr_tx03 > p > span{
        font-size: 3.70346vw;
    }
}

/*サブタイトル*/
.nlb_bnr_sbttl{
    display: block;
    width: 100%;
    padding-bottom: 25.76px;
}

@media (max-width :750px){
    .nlb_bnr_sbttl{
        padding-bottom: 3.4346vw;
    }
}

/*ボトル*/
.nlb_bnr_btl{
    width: 284.704px;
    position: absolute;
    bottom: -70.84px;
    right: -56.2464px;
}

@media (max-width :750px){
    .nlb_bnr_btl{
        width: 37.9605vw;
        bottom: -9.4453vw;
        right: -7.4995vw;
    }
}

/*------------回遊バナー------------*/
.nlb_bnr_prise > a{
    display: block;
    width: 100%;
    margin-top: 4px;
}

.nlb_bnr_prise > a:hover{
    opacity: 0.6;
    filter: brightness(110%); 
}

/*------------ご注文はこちらから------------*/
.nlb_btn{
    background-color: #fff;
}

.nlb_btn > img{
    width: 651.4096px;
    display: block;
    padding-top: 27.776px;
    padding-bottom: 27.776px;
    margin: auto;
    animation: nlborder 1.5s infinite;
}

@keyframes nlborder{
    0% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-10px) scale(1.02);
    }
    100% {
        transform: translateY(0) scale(1);
    }
}

@media (max-width :750px){
    .nlb_btn > img{
        width: 86.9546vw;
        padding-top: 3.70346vw;
        padding-bottom: 3.70346vw;
    }
}
/* =========================================================================
   LB SILICA WATER RENEWAL - GLOBAL SETTINGS
   ========================================================================= */
:root {
  --color-lb-black: #111;
  --color-lb-silver: #c0c0c0;
  --color-lb-blue: #0056b3;
  --color-medical-white: #fff;
  --color-medical-blue: #e6f3ff;

  /* PERFECT FONT STACK */
  --font-base: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-edgy: 'Oswald', sans-serif;
  /* For "Cool" sections */
  --font-trust: "Noto Serif JP", serif;
  /* For "Doctor" section */
}

body {
  font-family: var(--font-base);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* =========================================================================
   HEADER
   ========================================================================= */
.nlb_header {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 750px;
  height: 60px;
  background-color: #fff;
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.nlb_header_logo {
  display: flex;
  align-items: center;
}

.nlb_header_logo img {
  height: 40px;
  width: auto;
  display: block;
}

.nlb_header_nav {
  display: flex;
  gap: 20px;
}

.nlb_cart_icon,
.nlb_menu_icon {
  font-size: 24px;
  color: #333;
  cursor: pointer;
}

/* =========================================================================
   FIRST VIEW (The "New Face")
   ========================================================================= */
.nlb_fv_renewal {
  position: relative;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  min-height: 100vh;
  background-color: var(--color-lb-black);
  background-image: url('../nlbimg2026/LBheroback.png');
  background-size: cover;
  background-size: 120vw;
  background-repeat: no-repeat;
  background-position: top;
  color: #fff;
  text-align: center;
  padding-top: 80px;
  /* Header space */
  overflow: hidden;
}

.nlb_fv_content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: calc(100vh - 80px);
  padding-bottom: 100px;
  gap: 20px;
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}

.nlb_fv_main_visual {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: auto;
}

.nlb_fv_img_bottle {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  z-index: 10;
}

/* COUNTDOWN TIMER */
.nlb_countdown_container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 20px;
  border-top: 1px solid var(--color-lb-silver);
  z-index: 3;
}

.nlb_timer {
  display: flex;
  justify-content: center;
  gap: 15px;
  font-family: 'Courier New', monospace;
  font-size: 2rem;
  font-weight: bold;
  color: #d4af37;
  /* Goldish */
}

.nlb_timer span {
  background: #222;
  padding: 5px 10px;
  border-radius: 5px;
  min-width: 50px;
  display: inline-block;
}

/* CTA BUTTONS */
.nlb_btn {
  display: inline-block;
  background-color: #fff;
  color: var(--color-lb-blue);
  padding: 15px 40px;
  border-radius: 50px;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s, box-shadow 0.2s;
  margin: 20px 0;
}

.nlb_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

.cta_block_primary {
  text-align: center;
  padding: 0;
  margin: 0;
}

/* =========================================================================
   MOBILE OPTIMIZATION (Responsiveness)
   ========================================================================= */
@media (max-width: 768px) {
  /* HEADER */
  .nlb_header {
    padding: 0 15px;
  }

  /* FIRST VIEW */
  .nlb_fv_renewal {
    background-attachment: scroll;
  }

  .nlb_fv_img_bottle {
    width: 100%;
    left: 0%;
  }

  .nlb_timer {
    font-size: 1.5rem;
    gap: 5px;
  }

  .nlb_timer span {
    min-width: 35px;
    padding: 5px;
  }

  /* BUTTONS */
  .nlb_btn {
    width: 100%;
    padding: 18px 10px;
    font-size: 1.2rem;
    /* Make stronger standout for mobile */
    background: linear-gradient(135deg, #0056b3 0%, #0088cc 100%);
    color: #fff;
    box-shadow: 0 4px 15px rgba(0, 86, 179, 0.4);
  }
}