.c-pageTtl_txt{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.c-pageTtl_txt .txt{text-align:left}.c-pageTtl_txt .caption{font-weight:normal}.c-pageTtl sup{font-size:50%}.p-components{position:relative}.p-components .bg{position:relative}.p-components .bg img{display:block;position:relative;z-index:2}.p-components .bg:before{content:'';position:absolute;inset:5% 5% 30% 5%;-webkit-box-shadow:0px 24px 24px 0 rgba(0,0,0,0.2);box-shadow:0px 24px 24px 0 rgba(0,0,0,0.2)}.p-components .row{position:absolute;inset:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex}.p-components .col{width:50%;padding-top:30px}.p-components .txt{color:#0f0964;text-align:center;font-weight:bold;line-height:1.4;font-size:1.6rem}.p-components .txt sup{font-size:60%}.p-components .txt .large{display:block;margin-top:0.3em;font-size:2rem}.p-components .caption{color:#525252;margin-top:0.3em;font-size:1.3rem}.p-components>.p-component{padding:2rem 0;border:3px solid #bf1e33;background-color:#f8f4f5;border-radius:16px;text-align:center}.p-components>.p-component>p{color:#bf1e33}.p-components>.p-component strong{display:block;line-height:1.4;font-size:2rem}.p-components>.p-component small{color:#525252}.p-words{margin-top:3rem;background-color:#fff;border-radius:16px;border:8px solid #f6f6f6}.p-words>dt{padding:2rem 2rem 0 2rem;color:#bf1e33;font-size:2rem;font-weight:bold}.p-words>dd{padding:0 2rem 2rem 2rem}.p-words>dd:not(:last-child){border-bottom:2px solid #ddd}.p-commitments .p-commitment{width:100%;-ms-flex-negative:0;flex-shrink:0;margin-bottom:3rem}.p-commitments .p-commitment_ttl{margin:1.5rem 0 0.5rem;color:#bf1e33;text-align:center}.p-quality{background-color:#027ab0;color:#fff;text-align:center;line-height:1.5;position:relative}.p-quality_ttl{margin-bottom:2rem;font-size:2rem}.p-productSlider{position:relative;margin-top:40px}.p-product{padding:80px 0 80px 80px;-webkit-box-shadow:0px 30px 30px 0px rgba(0,0,0,0.2);box-shadow:0px 30px 30px 0px rgba(0,0,0,0.2);border-radius:16px;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;position:relative}.p-product.-yellow{background-image:linear-gradient(30deg, #e89403 0%, #fbca04 100%, #fbca04 100%)}.p-product.-blue{background-image:linear-gradient(30deg, #5d94d6 0%, #1956ad 100%)}.p-product_summary{color:#fff}.p-product_pkg{-ms-flex-negative:0;flex-shrink:0;text-align:center;color:#fff}.p-product_pkg img{display:inline-block;-webkit-box-shadow:0px 30px 30px 0px rgba(0,0,0,0.2);box-shadow:0px 30px 30px 0px rgba(0,0,0,0.2)}.p-product_pkg img.-rounded{border-radius:16px}.p-product_pkg figcaption{position:relative;z-index:2;margin-top:0.2em}.p-product_ttl{line-height:1.3;font-size:4.4rem}.p-product_ttl>.copy{margin-bottom:1rem;line-height:1.5;font-size:1.6rem;display:block}.p-product_data{margin-top:3rem;line-height:1.4;display:-ms-grid;display:grid;-ms-grid-columns:4rem 2rem auto;grid-template-columns:4rem auto;-ms-grid-rows:auto 0 auto 0 auto 0 auto;grid-template-rows:auto auto auto auto;gap:0 2rem}.p-product_data > *:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.p-product_data > *:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}.p-product_data > *:nth-child(3){-ms-grid-row:3;-ms-grid-column:1}.p-product_data > *:nth-child(4){-ms-grid-row:3;-ms-grid-column:3}.p-product_data > *:nth-child(5){-ms-grid-row:5;-ms-grid-column:1}.p-product_data > *:nth-child(6){-ms-grid-row:5;-ms-grid-column:3}.p-product_data > *:nth-child(7){-ms-grid-row:7;-ms-grid-column:1}.p-product_data > *:nth-child(8){-ms-grid-row:7;-ms-grid-column:3}.p-product_data>dt{margin-bottom:2rem;padding:1rem;font-weight:bold;border-top:1px solid #fff;border-left:1px solid #fff;text-align:center}.p-product_data>dd{margin-bottom:2rem}.slick-slider{overflow-x:hidden}.slick-slide{position:relative;margin:10px;outline:none}.slick-list{padding-bottom:60px !important}.slick-dots{position:absolute;left:0;right:0;text-align:center;margin-top:10px}.slick-dots li{display:inline-block;margin:0 7px;font-size:0}.slick-dots li button{display:block;width:8px;height:8px;background-color:#ddd;border-radius:50%;text-indent:-9999px;border:none;padding:0;overflow:hidden}.slick-dots li.slick-active button{background:#0080cc}.slick-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;text-indent:-9999px;overflow:hidden;width:160px;height:140px;cursor:pointer;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22159px%22%20height%3D%22159px%22%3E%3Cdefs%3E%3Cfilter%20filterUnits%3D%22userSpaceOnUse%22%20id%3D%22Filter_0%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22159px%22%20height%3D%22159px%22%20%3E%20%3CfeOffset%20in%3D%22SourceAlpha%22%20dx%3D%220%22%20dy%3D%2230%22%20%2F%3E%20%3CfeGaussianBlur%20result%3D%22blurOut%22%20stdDeviation%3D%226.325%22%20%2F%3E%20%3CfeFlood%20flood-color%3D%22rgb(0%2C%200%2C%200)%22%20result%3D%22floodOut%22%20%2F%3E%20%3CfeComposite%20operator%3D%22atop%22%20in%3D%22floodOut%22%20in2%3D%22blurOut%22%20%2F%3E%20%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%22linear%22%20slope%3D%220.2%22%2F%3E%3C%2FfeComponentTransfer%3E%20%3CfeMerge%3E%20%3CfeMergeNode%2F%3E%20%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%20%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23Filter_0)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M79.000%2C9.000%20C101.091%2C9.000%20119.000%2C26.909%20119.000%2C49.000%20C119.000%2C71.091%20101.091%2C89.000%2079.000%2C89.000%20C56.909%2C89.000%2039.000%2C71.091%2039.000%2C49.000%20C39.000%2C26.909%2056.909%2C9.000%2079.000%2C9.000%20Z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(191%2C%2030%2C%2051)%22%20d%3D%22M75.918%2C56.910%20C75.339%2C56.910%2074.857%2C56.417%2074.857%2C55.827%20C74.857%2C55.532%2074.953%2C55.237%2075.146%2C55.041%20L81.129%2C48.942%20L75.146%2C42.843%20C74.760%2C42.450%2074.760%2C41.762%2075.146%2C41.270%20C75.532%2C40.877%2076.208%2C40.877%2076.690%2C41.270%20L83.444%2C48.155%20C83.830%2C48.548%2083.830%2C49.238%2083.444%2C49.729%20L76.690%2C56.614%20C76.497%2C56.812%2076.208%2C56.910%2075.918%2C56.910%20Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center top;border:none}.slick-arrow:hover{opacity:0.7}.slick-prev{-webkit-transform:scaleX(-1) translateY(-50%);transform:scaleX(-1) translateY(-50%)}.p-table{width:100%;border-top:1px solid #ddd}.p-table thead>tr>th,.p-table thead>tr>td{width:calc(100% / 4);padding-top:1rem;padding-bottom:1rem;text-align:center;vertical-align:middle;border-bottom:1px solid #0f0964;line-height:1.4}.p-table thead>tr>th img,.p-table thead>tr>td img{margin-bottom:10px}.p-table thead>tr>th{background-color:#f6f6f6;border-right:1px solid #ddd}.p-table thead>tr>td{vertical-align:top}.p-table thead>tr>td:not(:last-child){border-right:1px solid #ddd}.p-table tbody>tr>th,.p-table tbody>tr>td{padding-top:1rem;padding-bottom:1rem;text-align:center;vertical-align:middle;border-bottom:1px solid #ddd}.p-table tbody>tr>th{background-color:#f6f6f6;border-right:1px solid #ddd}.p-table tbody>tr>td:not(:last-child){border-right:1px solid #ddd}.p-table tbody>tr .seibun{padding-left:2rem;padding-right:2rem;background-color:#f8f4f5;color:#bf1e33}.p-table tbody>tr .yuukou{width:5.6rem;background-color:#eedfe3;color:#bf1e33}.p-table tbody>tr .yuukou span{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:upright;-ms-writing-mode:tb-rl;white-space:nowrap}.p-table .w26{width:26% !important}.p-table .w37{width:37% !important}@media print, screen and (min-width: 768px){.c-pageTtl{background-position:calc(50% + 260px) center;background-image:url("/brand/natt/img/about/img_pageTtl.png?231110")}.c-pageTtl_txt{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.c-pageTtl_txt .caption{color:#525252;font-size:1.3rem;margin-top:auto;margin-bottom:0.5rem;text-shadow:1px 1px 1px white, 0px 0px 3px white}.c-pageTtl .logo{margin-top:70px;margin-bottom:20px;width:110px}.c-pageTtl .textDarkBlue{color:#0f0964}.p-components{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ie11 .p-components{width:100%;margin-left:-10px}.p-components .bg:before{inset:5%}.p-components .caption{text-align:center}.p-components>.p-component{width:calc(50% - 10px)}.p-commitments{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.p-commitments .p-commitment{max-width:325px;margin-left:15px;margin-right:15px}.p-commitments .p-commitment p:not(.c-text_annotation){font-size:97.5%}.p-quality{margin-bottom:5rem;padding:5.5rem 0 8rem;border-radius:16px;min-height:300px;background:#0092c8 url("/brand/natt/img/about/bg_quality_pc.png") no-repeat right bottom}.p-quality>.c-btn{position:absolute;bottom:calc(-84px / 2);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.p-quality>.c-btn:hover{top:auto;margin-bottom:-2px}.p-productSlider{z-index:0}.p-product{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-image:-webkit-gradient(linear, left top, right top, from(#bf1e33), to(#f76d6d));background-image:linear-gradient(90deg, #bf1e33 0%, #f76d6d 100%)}.p-product_pkg{width:480px}.p-product_btns{margin-top:4rem}.p-product_btns>li+li{margin-top:1rem}.p-product figure,.p-product_btns{margin-left:auto;margin-right:auto;width:265px}.p-product_data{-ms-grid-columns:8rem auto;grid-template-columns:8rem auto}.p-product_data>dt{width:7rem}.slick-next{right:-3vw}.slick-prev{left:-3vw}.p-kodawari{background:#f8f4f5 url("/brand/natt/img/about/bg_capsule.png") no-repeat center 300px}.about-mb1{margin-bottom:60px}.-anchor{margin-top:-60px;padding-top:100px}}@media screen and (max-width: 767px){.c-pageTtl_txt .caption{width:100%;text-align:left;font-size:1rem;margin-top:1rem}.c-pageTtl .logo{width:calc(100% - 16.5em);max-width:86px;margin-right:0.5em;margin-left:10px}.p-components .col{padding-top:5%;padding-inline:2.6666vw}.p-components .txt{font-size:2.5333vw}.p-components .txt .large{font-size:3.2vw}.p-components .caption{margin-top:1em;font-size:1.6vw}.p-components>.p-component:not(:first-child){margin-top:10px}.p-components>.p-component:first-child:after{content:'';display:block;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2274.5px%22%20height%3D%2274.5px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(191%2C%2030%2C%2051)%22%20stroke-width%3D%223px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22rgb(255%2C%20248%2C%2055)%22%20d%3D%22M36.500%2C1.500%20C55.830%2C1.500%2071.500%2C17.170%2071.500%2C36.500%20C71.500%2C55.830%2055.830%2C71.500%2036.500%2C71.500%20C17.170%2C71.500%201.500%2C55.830%201.500%2C36.500%20C1.500%2C17.170%2017.170%2C1.500%2036.500%2C1.500%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(191%2C%2030%2C%2051)%22%20d%3D%22M22.500%2C33.500%20L50.500%2C33.500%20C52.157%2C33.500%2053.500%2C34.843%2053.500%2C36.500%20C53.500%2C38.157%2052.157%2C39.500%2050.500%2C39.500%20L22.500%2C39.500%20C20.843%2C39.500%2019.500%2C38.157%2019.500%2C36.500%20C19.500%2C34.843%2020.843%2C33.500%2022.500%2C33.500%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(191%2C%2030%2C%2051)%22%20d%3D%22M36.500%2C19.500%20C38.157%2C19.500%2039.500%2C20.843%2039.500%2C22.500%20L39.500%2C50.500%20C39.500%2C52.157%2038.157%2C53.500%2036.500%2C53.500%20C34.843%2C53.500%2033.500%2C52.157%2033.500%2C50.500%20L33.500%2C22.500%20C33.500%2C20.843%2034.843%2C19.500%2036.500%2C19.500%20Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/50px 50px;width:50px;height:50px;position:absolute;top:-2vw;right:0;bottom:0;left:0;margin:auto}.p-components>.p-component>img{width:37.0666vw;margin-bottom:10px}.p-components>.p-component small{display:block;margin-top:10px}.p-commitments .p-commitment>img{width:100%}.p-commitments .p-commitment_ttl{font-size:1.89rem}.p-commitments .p-commitment small{display:block;margin-top:1rem}.p-quality{margin-left:-20px;margin-right:-20px;padding:3rem;background:#0092c8 url("/brand/natt/img/top/bg_quality_sp.png") no-repeat right -20px bottom/100% auto}.p-quality>.c-btn{margin-top:2rem}.p-productSlider{margin-bottom:4rem;padding-left:20px;padding-right:20px}.p-product{margin-bottom:20px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding:6vw;background-image:-webkit-gradient(linear, left bottom, left top, from(#bf1e33), to(#f76d6d));background-image:linear-gradient(0deg, #bf1e33 0%, #f76d6d 100%)}.p-product_summary>small{margin-top:1rem;display:block}.p-product_pkg img{width:35.3333vw}.p-product_btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.35rem}.p-product_btns>li{width:60vw}.p-product_ttl{margin-top:6.6666vw;text-align:center;font-size:2.808rem}.p-product_ttl>.copy{font-size:1.512rem}.p-product_data{font-size:1.08rem}.p-product_data>dt{padding:1.3333vw 0 1.3333vw 2.6666vw}.p-table{font-size:1.08rem}.p-table.-scrollable{width:137.0666vw}.p-table thead>tr>th img,.p-table thead>tr>td img{height:19.7333vw;width:auto;max-width:none}.p-table tbody>tr .seibun{padding-left:1rem;padding-right:1rem;white-space:nowrap}.p-table tbody>tr .yuukou span{height:46.6666vw}.p-table tbody>tr .premium{width:80%}.about-mb1{margin-bottom:30px}}@media screen and (min-width: 1100px){.slick-next{right:-1vw}.slick-prev{left:-1vw}}@media screen and (min-width: 1200px){.slick-next{right:3vw}.slick-prev{left:3vw}}@media screen and (min-width: 1300px){.slick-next{right:6vw}.slick-prev{left:6vw}}@media screen and (min-width: 1400px){.slick-next{right:8vw}.slick-prev{left:8vw}}@media screen and (min-width: 1500px){.slick-next{right:9vw}.slick-prev{left:9vw}}@media screen and (min-width: 1600px){.slick-next{right:12vw}.slick-prev{left:12vw}}@media screen and (min-width: 1700px){.slick-next{right:15vw}.slick-prev{left:15vw}}@media screen and (min-width: 1800px){.slick-next{right:18vw}.slick-prev{left:18vw}}