@charset "UTF-8";*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.15}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ol,ul{list-style:none;margin:0;padding:0}dt{font-weight:700}dd{margin-left:0}hr{border-top-width:1px;box-sizing:content-box;clear:both;color:inherit;height:0;margin:0;overflow:visible}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;color:inherit;text-decoration:none}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object,svg{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;background:transparent;border-radius:0;color:inherit;font:inherit;margin:0;padding:0;text-align:inherit;text-transform:inherit;vertical-align:middle}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:default}select:disabled{opacity:inherit}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-collapse:collapse;border-color:inherit}caption{text-align:left}td,th{padding:0;vertical-align:top}th{font-weight:700;text-align:left}html{font-size:62.5%}html body{font-family:Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro,Hiragino Sans,ヒラギノ角ゴシック,sans-serif;font-size:1rem}html body .clearfix{display:inline-block;height:1%}html body .clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}html body img{height:auto;width:100%}@media screen and (min-width:980px){html body .pc{display:block}html body .sp{display:none!important}}@media screen and (max-width:980px){html body .sp{display:block}html body .pc{display:none!important}}html body .scroll-in{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}html body .scroll-in.show{opacity:1;-webkit-transform:none;transform:none;transition:.5s ease}@font-face{html body{font-family:HelveticaNeue-Bold;src:url(../font/helvetica-neue/HelveticaNeue-Bold.eot)}}:root{--background-color:#fff;--text-color:#000;--red:red;--disp-height:100svh;--green:#58bc39}html body{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";background-color:var(--background-color);color:var(--text-color);font-family:ryo-gothic-plusn,sans-serif;font-size:62.5%;font-style:normal;font-weight:400;height:100%;overflow:auto;position:relative}html body video{height:auto;vertical-align:bottom;width:100%}html body:has(.modal.show){overflow:hidden}html body [data-flip-pic]{position:relative}html body [data-flip-pic]>*{opacity:0}html body [data-flip-pic]>:nth-child(n+2){left:0;position:absolute;top:0}html body [data-flip-pic]>.show{opacity:1}html body #header{align-items:center;display:flex;justify-content:space-between;position:fixed;right:30px;top:16px;translate:0 -200px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:100}html body #header .lf{margin-right:30px;width:63.5px}html body #header .milk{width:53px}html body:has(#main-visual.show) #header{transition:1s ease 2s;translate:0 0}html body #main-visual{height:var(--disp-height);overflow:hidden;position:relative;width:100%}@media screen and (min-width:980px){html body #main-visual{align-items:flex-end;display:flex;height:100vh;justify-content:flex-start;width:100%}}html body #main-visual .img{height:var(--disp-height);left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}html body #main-visual .img img{-webkit-filter:blur(20px);filter:blur(20px);opacity:0;scale:1.1}@media screen and (min-width:980px){html body #main-visual .img{height:100%;position:relative;width:50%}}html body #main-visual .img img{height:100%;object-fit:cover;width:100%}html body #main-visual .text-area{position:relative;width:100%;z-index:2}@media screen and (min-width:980px){html body #main-visual .text-area{margin-bottom:60px;margin-left:60px;width:400px}}html body #main-visual .text-area .text-head{color:#fff;height:var(--disp-height);padding-top:9.4666666667%;position:relative;width:100%}@media screen and (min-width:980px){html body #main-visual .text-area .text-head{color:var(--text-color);height:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}html body #main-visual .text-area .text-head hgroup{font-family:gotham,sans-serif;font-style:normal;font-weight:400;text-align:center}@media screen and (min-width:980px){html body #main-visual .text-area .text-head hgroup{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;text-align:left;width:100%}}html body #main-visual .text-area .text-head hgroup .brand{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);font-size:1.2rem}@media screen and (min-width:980px){html body #main-visual .text-area .text-head hgroup .brand{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}html body #main-visual .text-area .text-head hgroup h1{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);font-size:3rem;font-weight:700;margin-top:4px}html body #main-visual .text-area .text-head hgroup .num{align-items:flex-start;display:flex;font-size:3rem;font-weight:700;justify-content:center;margin-top:6px;rotate:y 90deg;translate:0 20px}@media screen and (min-width:980px){html body #main-visual .text-area .text-head hgroup .num{margin-left:10px}}html body #main-visual .text-area .text-head hgroup .num span{border-bottom:1px solid;display:block;font-size:1rem;font-weight:400;margin-right:5px;margin-top:2px}html body #main-visual .text-area .text-head .jp-title{bottom:0;font-size:1.4rem;font-weight:600;left:0;margin-bottom:35px;opacity:0;position:absolute;text-align:center;translate:0 10px;width:100%}@media screen and (min-width:980px){html body #main-visual .text-area .text-head .jp-title{margin-bottom:25px;margin-top:51px;position:relative;text-align:left}}html body #main-visual .text-area .lead{font-size:1.2rem;line-height:1.6666666667;margin-inline:auto;margin-top:35px;width:85.3333333333%}@media screen and (min-width:980px){html body #main-visual .text-area .lead{margin:0;width:320px}html body #main-visual .text-area .lead p{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}html body #main-visual.show .img img{-webkit-filter:blur(0);filter:blur(0);opacity:1;scale:1;transition:2.5s ease .5s}html body #main-visual.show .text-area .text-head hgroup .brand{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1s ease 1s}html body #main-visual.show .text-area .text-head hgroup h1{-webkit-clip-path:inset(0);clip-path:inset(0);transition:1s ease 1.3s}html body #main-visual.show .text-area .text-head hgroup .num{rotate:y 0deg;transition:.6s ease 1.8s;translate:0 0}html body #main-visual.show .text-area .text-head .jp-title{opacity:1;transition:1s ease 2.2s;translate:0 0}@media screen and (min-width:980px){html body #main-visual.show .text-area .lead p{opacity:1;-webkit-transform:none;transform:none;transition:1s ease 2.5s}}html body #main-content{overflow:hidden}html body #main-content .lead{font-size:1.2rem;line-height:1.6666666667;margin-inline:auto;margin-top:35px;width:85.3333333333%}html body #main-content .ph{overflow:hidden;transition:1s ease 0s}html body #main-content .ph img{scale:1.1}html body #main-content .ph.show img{scale:1;transition:1s ease 0s}@media screen and (min-width:980px){html body #main-content .wrapper1{display:flex;justify-content:space-between;margin-top:5.8565153734%;margin-inline:auto;position:relative;width:89.3118594436%}html body #main-content .wrapper1 .credit-box{left:0;position:absolute;top:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}html body #main-content .ph1{margin-inline:auto;margin-bottom:5.3333333333%;margin-top:10.6666666667%;-webkit-transform:none;transform:none;translate:15px 0;width:89.3333333333%}@media screen and (min-width:980px){html body #main-content .ph1{margin:0;width:48.3606557377%}}html body #main-content .ph1.show{translate:0 0}html body #main-content .ph2{margin-inline:auto;-webkit-transform:none;transform:none;translate:-15px 0;width:89.3333333333%}@media screen and (min-width:980px){html body #main-content .ph2{margin:0;width:48.3606557377%}}html body #main-content .ph2.show{translate:0 0}@media screen and (min-width:980px){html body #main-content .wrapper3{margin-inline:auto;margin-top:18.8221709007%;width:43.1918008785%}html body #main-content .wrapper3 .credit-box{margin-left:0}}html body #main-content .ph3{margin-top:10.6666666667%}@media screen and (min-width:980px){html body #main-content .ph3{margin-top:0}}html body #main-content .wrapper4{align-items:flex-start;display:flex;justify-content:space-between;margin-top:40px}@media screen and (min-width:980px){html body #main-content .wrapper4{margin-inline:auto;margin-top:8.6383601757%;width:61.4934114202%}}html body #main-content .wrapper4 .ph{width:46.6666666667%}@media screen and (min-width:980px){html body #main-content .wrapper4 .ph{width:47.619047619%}}html body #main-content .wrapper4 .ph.ph4{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}html body #main-content .wrapper4 .ph.ph4,html body #main-content .wrapper4 .ph.ph5{transition:-webkit-clip-path 1s ease 0s;transition:clip-path 1s ease 0s;transition:clip-path 1s ease 0s,-webkit-clip-path 1s ease 0s}html body #main-content .wrapper4 .ph.ph5{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);margin-top:10.6666666667%}@media screen and (min-width:980px){html body #main-content .wrapper4 .ph.ph5{margin-top:0}}html body #main-content .wrapper4 .ph.show{-webkit-clip-path:inset(0);clip-path:inset(0)}html body #main-content .ph6{margin-inline:auto;margin-top:21.3333333333%;width:72%}@media screen and (min-width:980px){html body #main-content .ph6{margin-top:8.78477306%;width:37.3352855051%}html body #main-content .wrapper7{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;margin-top:8.78477306%;position:relative;width:100%}html body #main-content .wrapper7 .credit-box{bottom:15px;left:50%;margin-left:30px;position:absolute}}html body #main-content .ph7{margin-inline:auto;margin-top:21.3333333333%;-webkit-transform:none;transform:none;translate:15px 0;width:89.3333333333%}@media screen and (min-width:980px){html body #main-content .ph7{margin-top:0;width:35.1390922401%}}html body #main-content .ph7.show{translate:0 0}html body #main-content .ph8{margin-inline:auto;margin-top:5.3333333333%;-webkit-transform:none;transform:none;translate:-15px 0;width:89.3333333333%}@media screen and (min-width:980px){html body #main-content .ph8{margin-left:0;margin-top:0;width:50%}}html body #main-content .ph8.show{translate:0 0}@media screen and (min-width:980px){html body #main-content .wrapper9{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;margin-top:8.78477306%;position:relative;width:100%}html body #main-content .wrapper9 .credit-box{bottom:15px;margin-right:30px;position:absolute;right:50%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}html body #main-content .ph9{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);margin-left:auto;margin-top:10.6666666667%;width:76%}@media screen and (min-width:980px){html body #main-content .ph9{margin-left:0;margin-top:0;width:50%}}html body #main-content .ph9.show{-webkit-clip-path:inset(0);clip-path:inset(0)}html body #main-content .ph10{display:flex;flex-wrap:wrap;margin-top:10.6666666667%;opacity:1;-webkit-transform:none;transform:none}@media screen and (min-width:980px){html body #main-content .ph10{margin-top:0;margin-inline:auto;width:29.2825768668%}}html body #main-content .ph10 .img{opacity:0;overflow:hidden;transition:1s ease 0s;width:50%}html body #main-content .ph10 .img:first-child{transition-delay:0s;translate:0 20px}html body #main-content .ph10 .img:nth-child(2){transition-delay:.3s;translate:-20px 0}html body #main-content .ph10 .img:nth-child(4){transition-delay:.6s;translate:0 -20px}html body #main-content .ph10 .img:nth-child(3){transition-delay:.9s;translate:20px 0}html body #main-content .ph10.show .img{opacity:1;translate:0 0}html body #main-content .ph14{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);margin-top:10%;width:76%}@media screen and (min-width:980px){html body #main-content .ph14{margin-inline:auto;margin-top:9.4802342606%;width:40.9956076135%}}html body #main-content .ph14.show{-webkit-clip-path:inset(0);clip-path:inset(0)}html body #main-content .ph15{margin-top:10.6666666667%}@media screen and (min-width:980px){html body #main-content .ph15{margin-inline:auto;margin-top:8.5285505124%;width:40.9956076135%}}html body #main-content .ph15 img{-webkit-filter:blur(15px);filter:blur(15px)}html body #main-content .ph15.show img{-webkit-filter:blur(0);filter:blur(0)}@media screen and (min-width:980px){html body #main-content .wrapper16{display:flex;justify-content:space-between;margin-inline:auto;margin-top:8.78477306%;position:relative;width:89.3118594436%}html body #main-content .wrapper16 .credit-box{left:0;position:absolute;top:100%}}html body #main-content .ph16{margin-inline:auto;margin-top:5.3333333333%;-webkit-transform:none;transform:none;translate:-15px 0;width:89.3333333333%}@media screen and (min-width:980px){html body #main-content .ph16{margin:0;width:48.3606557377%}}html body #main-content .ph16.show{translate:0 0}html body #main-content .ph17{margin-inline:auto;margin-top:5.3333333333%;-webkit-transform:none;transform:none;translate:15px 0;width:89.3333333333%}@media screen and (min-width:980px){html body #main-content .ph17{margin:0;width:48.3606557377%}}html body #main-content .ph17.show{translate:0 0}html body #main-content .wrapper18{display:flex;flex-wrap:wrap;justify-content:center}@media screen and (min-width:980px){html body #main-content .wrapper18{margin-top:16.654465593%;margin-inline:auto;width:61.4934114202%}html body #main-content .wrapper18 .credit-box{margin-inline:auto;order:2;width:81.3095238095%}}html body #main-content .ph18{margin-top:10.6666666667%;width:100%}@media screen and (min-width:980px){html body #main-content .ph18{margin-inline:auto;margin-top:0;order:1;width:81.3095238095%}}html body #main-content .ph19{margin-top:5.3333333333%;rotate:y 90deg;width:44.6666666667%}@media screen and (min-width:980px){html body #main-content .ph19{margin-top:14.0476190476%;order:3;width:50%}}html body #main-content .ph19.show{rotate:y 0deg}html body #main-content .ph20{margin-top:5.3333333333%;rotate:y 90deg;width:44.6666666667%}@media screen and (min-width:980px){html body #main-content .ph20{margin-top:14.0476190476%;order:4;width:50%}}html body #main-content .ph20.show{rotate:y 0deg;transition-delay:.5s}html body #main-content .ph21{margin-inline:auto;margin-top:5.3333333333%;width:89.3333333333%}@media screen and (min-width:980px){html body #main-content .ph21{margin-inline:auto;margin-top:14.2857142857%;order:5;width:81.3095238095%}html body #main-content .wrapper22{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;margin-top:8.78477306%;position:relative}html body #main-content .wrapper22 .credit-box{bottom:15px;margin-right:30px;position:absolute;right:50%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}html body #main-content .ph22{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);margin-top:10.6666666667%}@media screen and (min-width:980px){html body #main-content .ph22{margin-top:0;width:50%}}html body #main-content .ph22.show{-webkit-clip-path:inset(0);clip-path:inset(0)}html body #main-content .ph23{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);margin-left:auto;margin-top:10.1333333333%;transition:-webkit-clip-path 1s ease 0s;transition:clip-path 1s ease 0s;transition:clip-path 1s ease 0s,-webkit-clip-path 1s ease 0s;width:61.3333333333%}@media screen and (min-width:980px){html body #main-content .ph23{margin-left:0;margin-top:0;width:32.9428989751%}}html body #main-content .ph23.show{-webkit-clip-path:inset(0);clip-path:inset(0)}@media screen and (min-width:980px){html body #main-content .wrapper24{align-items:flex-end;display:flex;justify-content:space-between;margin-top:8.78477306%;position:relative}html body #main-content .wrapper24 .credit-box{bottom:15px;margin-right:30px;position:absolute;right:32.2108345534%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}html body #main-content .ph24{margin-top:21.3333333333%;-webkit-transform:none;transform:none;translate:15px 0;width:89.3333333333%}@media screen and (min-width:980px){html body #main-content .ph24{margin-bottom:14.1288433382%;margin-top:0;width:43.1918008785%}}html body #main-content .ph24.show{translate:0 0}html body #main-content .ph25{margin-left:auto;margin-top:10.6666666667%;-webkit-transform:none;transform:none;translate:-15px 0;width:72%}@media screen and (min-width:980px){html body #main-content .ph25{margin:0;width:32.2108345534%}}html body #main-content .ph25.show{translate:0 0}html body #main-content .credit-box{margin-inline:auto;margin-top:20px;width:89.3333333333%}html body #main-content .credit-box li{margin-bottom:5px}html body #main-content .credit-box a{align-items:center;display:flex;font-size:1.2rem;justify-content:flex-start;line-height:1.5}html body #main-content .credit-box a .yajirushi{align-items:center;aspect-ratio:1/1;background-color:#000;border:.5px solid #000;border-radius:50%;display:block;display:flex;justify-content:center;margin-left:6px;position:relative;transition:.3s ease;width:13px}html body #main-content .credit-box a .yajirushi:before{aspect-ratio:12.7/9.93;background-color:#fff;content:"";display:block;-webkit-mask-image:url(../img/lowrysfarm_milk/yajirushi.png);mask-image:url(../img/lowrysfarm_milk/yajirushi.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:.3s ease;width:48.288973384%}html body #main-content .credit-box a:hover{text-decoration:underline}html body #main-content .credit-box a:hover .yajirushi{background-color:#fff}html body #main-content .credit-box a:hover .yajirushi:before{background-color:#000}html body #outro{margin-top:80px}@media screen and (min-width:980px){html body #outro{align-items:flex-end;display:flex;justify-content:space-between;margin-top:8.7115666179%}html body #outro .left{align-items:flex-end;display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:20px;position:relative;width:34.5900439239%}html body #outro .left .copy{font-size:1rem;margin-top:40px;text-align:center;width:100%}html body #outro .left .text-area{margin-inline:auto;width:66.1375661376%}}html body #outro .left .text-area .all-items{display:block;font-family:gotham,sans-serif;font-size:2rem;font-style:normal;font-weight:400;margin-inline:auto;text-decoration:underline;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:980px){html body #outro .left .text-area .all-items{margin-left:0}}html body #outro .left .text-area .all-items:hover{text-decoration:none}html body #outro .left .text-area .brand{align-items:flex-start;display:flex;justify-content:space-between;margin-inline:auto;margin-top:42px;width:83.3333333333%}@media screen and (min-width:980px){html body #outro .left .text-area .brand{width:100%}}html body #outro .left .text-area .brand .logo{width:22.24%}html body #outro .left .text-area .brand .description{font-size:1.2rem;line-height:1.5;width:71.36%}html body #outro .left .text-area .brand .description p{margin-bottom:1.5em}html body #outro .left .text-area .brand .description a{text-decoration:underline}html body #outro .left .text-area .brand .description a:hover{text-decoration:none}html body #outro .right{margin-top:40px;overflow:hidden;position:relative}@media screen and (min-width:980px){html body #outro .right{margin-top:0;width:65.3733528551%}}html body #outro .right .logo{background-color:#fff;left:0;margin-inline:auto;-webkit-mask-image:url(../img/lowrysfarm_milk/lowrysfarm.png);mask-image:url(../img/lowrysfarm_milk/lowrysfarm.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;right:0;top:22.5px;width:78.5px;z-index:2}html body #outro .right .logo img{opacity:0}html body #outro .right .img{position:relative;z-index:1}html body #outro .right .img img{-webkit-filter:blur(10px);filter:blur(10px);opacity:0}html body #outro .right .copy{bottom:10px;color:#fff;font-family:gotham,sans-serif;font-size:1rem;font-style:normal;font-weight:400;left:0;position:absolute;text-align:center;width:100%;z-index:2}html body #outro.show .right .img img{-webkit-filter:blur(0);filter:blur(0);opacity:1;transition:1s ease .5s}