.marqueeProduct { margin-top:150px; display: flex; white-space: nowrap; overflow: hidden; gap: 1rem; font-size: 120px; line-height: 1; font-family: "poppins", sans-serif; font-weight: 800; padding-top:35px; padding-bottom:20px; border-top:#231815 solid 2px; border-bottom:#231815 solid 2px; }
.marqueeProduct-inner { -webkit-text-stroke-width: 2px; -webkit-text-fill-color: #ebeae8; -webkit-text-stroke-color: black; }
@media (max-width: 800px) {
  .marqueeProduct { margin-top:100px; font-size:70px; padding-top:30px; padding-bottom:20px; }
}


#brandPolicy { width:86%; max-width:900px; margin:100px auto; padding:50px 80px 30px; border:solid 2px #020202; border-radius: 20px; box-sizing: border-box; position:relative; }
#brandPolicy::after { content:""; width:280px; height:460px; bottom:-80px; right:-60px; background:url("/img/about/bottle.png"); background-repeat: no-repeat; background-size: contain; position:absolute; }
#brandPolicy > h2 { font-size:48px; line-height: 1; }
#brandPolicy > h3 { font-size:24px; margin-bottom:30px; }
#brandPolicy > p { font-size:15px; font-weight: 500; line-height: 1.6; letter-spacing: 0.1em; margin-bottom:20px; }
@media (max-width: 800px) {
    #brandPolicy { margin:50px auto 160px; padding:40px 30px 30px; }
    #brandPolicy::after { width:130px; height:260px; bottom:-200px; right:20px; }
    #brandPolicy > h2 { font-size:32px; }
    #brandPolicy > h3 { font-size:18px; margin-bottom:20px; }
    #brandPolicy > p { font-size:12px; }
}



#introductionBlock { margin:auto; width:86%; max-width:900px; margin-bottom:60px }
#introductionBlock h2 { font-size:72px; letter-spacing: -0.03em; line-height: 1.1; font-family: "Noto Serif Display", serif; font-weight: 500; }
#introductionFlex { display: flex; justify-content: center; column-gap: 30px; }
#introductionFlex > div { width:250px; margin:40px auto; text-align:center; }
#introductionFlex > div img { width:160px; padding-bottom:20px }
#introductionFlex > div h3 { font-size:28px; letter-spacing: -0.02em; line-height: 1.1; font-family: "Noto Serif Display", serif; font-weight: 500; padding-bottom:10px; }
#introductionFlex > div p { font-size:14px; text-align:left; }
@media (max-width: 800px) {
    #introductionBlock { margin-bottom:50px; }
    #introductionBlock h2 { font-size:32px; margin-bottom:20px; }
    #introductionFlex { flex-direction: column; column-gap: 0; }
    #introductionFlex > div { width:90%; margin:20px auto; }
    #introductionFlex > div img { width:120px;  }
    #introductionFlex > div h3 { font-size:24px; }
    #introductionFlex > div p { font-size:12px; }
}



#whatsBlock { margin:80px auto; width:86%; max-width:500px; }
#whatsBlock h2 { font-size:40px; text-align:center; margin-bottom:20px; }
#whatsBlock h3 { text-align:center; margin-bottom:20px; }
#whatsBlock p { font-size:15px; font-weight: 500; line-height: 1.7; }
#whatsBlock p > span { color:#95caff; }
#whatsBlock p#whatsInfo { font-size:13px; font-weight: 400; padding-top:20px; text-align:right; }
@media (max-width: 800px) {
    #whatsBlock { margin:40px auto; }
    #whatsBlock h2 { font-size:24px; }
    #whatsBlock h3 { font-size:15px; }
    #whatsBlock p { font-size:12px; }
    #whatsBlock p#whatsInfo { font-size:10px; }
}


#recruitmentBlock { margin:80px auto; width:86%; max-width:720px; }
#recruitmentBlock h2 { font-size:40px; text-align:center; margin-bottom:20px; }
#recruitmentBlock > div { margin:auto; width:86%; max-width:500px; }
#recruitmentBlock > div > p { font-size:18px; font-weight: 500; line-height: 3; padding-left: 2.4em; position:relative; }
#recruitmentBlock > div > p::before { content:""; top:7px; left:0; width:30px; height:30px; border:solid 2px #020202; background-color:#95caff; border-radius: 20px; position:absolute; }
@media (max-width: 800px) {
    #recruitmentBlock { margin:40px auto; }
    #recruitmentBlock h2 { font-size:24px; line-height: 1.3; }
    #recruitmentBlock > div > p { font-size:14px; line-height: 1.3; padding-left: 2em; margin-bottom:30px; }
    #recruitmentBlock > div > p::before { top:-5px; left:-4px; width:20px; height:20px; }
}