#contents{padding:0}.main .noticesec{margin-top:0;padding-block:60px}#mainvisual{background:url("../img/index/mainvsl_img01_pc.jpg") no-repeat center center;background-size:cover}#mainvisual .wrap{width:100%;height:calc(100vh - 100px);min-height:500px;display:flex;align-items:center;padding-inline:clamp(40px,38.8888888889vw + -415px,145px)}#mainvisual .catch{color:#b30018;letter-spacing:.03em}#mainvisual .catch-txt1{font-size:2.2rem;font-weight:500}#mainvisual .catch-txt2{margin-top:15px;font-size:5rem;font-weight:500}#mainvisual .catch-txt2 .boost{display:inline-block;width:230px;font-size:6.2rem;text-align:center;line-height:1.2;margin-right:8px;position:relative;z-index:1;vertical-align:text-top}#mainvisual .catch-txt2 .boost::after{content:"";display:block;width:100%;height:43px;border:3px solid rgba(179,0,24,.25);position:absolute;left:0;top:20px;z-index:-1;margin:auto;box-sizing:border-box}#mainvisual .catch-txt3{margin-top:40px;font-size:1.8rem}#indexHeadline{background:#b30018;padding:0 20px;position:relative}#indexHeadline dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100px}#indexHeadline dl dt{width:110px;padding:5px 0;font:normal normal 500 1.8rem/1.5 "Roboto","Noto Sans JP","Yu Gothic",YuGothic,"Hiragino Sans",Meiryo,sans-serif;color:#fff;letter-spacing:.08em;text-align:center;border-right:2px solid #fff600}#indexHeadline dl dd{width:calc(100% - 120px);padding:0 220px 0 35px}#indexHeadline .headlineslider .slide-item{outline:none}#indexHeadline .headlineslider a{display:flex;color:#fff}#indexHeadline .headlineslider a:hover .ttl{text-decoration:underline}#indexHeadline .headlineslider .date{margin-right:1em;line-height:1.5}#indexHeadline .headlineslider .ttl{line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#indexHeadline .tonews{position:absolute;top:50%;transform:translateY(-50%);right:50px}#indexHeadline .tonews a{display:block;border:1px solid #fff;color:#fff;padding:11px 10px;width:180px;text-align:center}#indexHeadline .tonews a:hover,#indexHeadline .tonews a:active{opacity:1;background:hsla(0,0%,100%,.1);text-decoration:none}#indexPrologue{background:url("../img/index/index_prologue_bg_pc.jpg") no-repeat center center/cover;background-attachment:fixed;padding:80px 0}#indexPrologue h2{margin:0;font-size:2.8rem}#indexPrologue .linkbtn a{margin-top:50px}#indexLineup h2{text-align:left}#indexLineup h2 span{font:normal normal 500 3.6rem/1.5 "Roboto","Noto Sans JP","Yu Gothic",YuGothic,"Hiragino Sans",Meiryo,sans-serif;color:#e6001f;margin-right:15px}#indexLineup .lineuplist{margin:35px 0 0;grid-template-columns:repeat(3, 1fr);gap:20px}#indexLineup .lineuplist li{margin:0}#indexLineup .lineuplist a{display:block;background:#e6001f}#indexLineup .lineuplist a:hover{opacity:1;text-decoration:none}#indexLineup .lineuplist a:hover .txtbox::after{width:200%;transition:all .5s ease-out}#indexLineup .lineuplist .txtbox{position:relative;z-index:1;overflow:hidden}#indexLineup .lineuplist .txtbox::after{content:"";display:block;width:0;aspect-ratio:1;background:rgb(255,26,56.8652173913);top:50%;left:50%;transform:translate(-50%, -50%);position:absolute;z-index:-1;border-radius:1000px;transition:all .1s ease-out}#indexLineup .lineuplist .txt{display:flex;flex-direction:column;padding-block:15px;padding-inline:67px 45px;color:#fff;position:relative}#indexLineup .lineuplist .txt::before,#indexLineup .lineuplist .txt::after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);background:no-repeat center center/contain}#indexLineup .lineuplist .txt::before{width:40px;aspect-ratio:1;background-image:var(--lineup-ico);left:15px}#indexLineup .lineuplist .txt::after{width:11px;aspect-ratio:11/18;background-image:url(../img/common/ico_angle_11x18_wt_rt.svg);right:24px}#indexLineup .lineuplist .txt .en{font:normal normal 500 2.4rem/1.5 "Roboto","Noto Sans JP","Yu Gothic",YuGothic,"Hiragino Sans",Meiryo,sans-serif}#indexLineup .lineuplist .txt .jp{font-size:1.5rem;font-weight:500}#indexLineup .lineuplist .additives{--lineup-ico:var(--ico-lineup-additives)}#indexLineup .lineuplist .baseoil{--lineup-ico:var(--ico-lineup-baseoil)}#indexLineup .lineuplist .other{--lineup-ico:var(--ico-lineup-other)}#indexBlog{margin:80px 0 0}#indexBlog .headingbox h2{text-align:left}#indexBlog .headingbox h2 span{font:normal normal 500 3.6rem/1.5 "Roboto","Noto Sans JP","Yu Gothic",YuGothic,"Hiragino Sans",Meiryo,sans-serif;color:#e6001f;margin-right:15px}#indexBlog .headingbox .tabbtns{grid-template-columns:1fr 1fr;gap:8px}#indexBlog .headingbox .tabbtns-btn{border-radius:8px 8px 0 0;border:none;background:#333;color:#fff;padding-block:15px;font-size:1.6rem;font-weight:500;line-height:1.5;text-align:center;transition:all .2s}#indexBlog .headingbox .tabbtns-btn:hover{opacity:.8;transition:all .4s}#indexBlog .headingbox .tabbtns-btn.is-active{background:#e6001f;opacity:1}#indexBlog .contentbox{background:#f5f5f5;padding-block:80px;border-top:1px solid #e6001f}#indexBlog .blog-layout{grid-template-columns:220px 880px;justify-content:space-between}#indexBlog .ttlbox .ttl{margin-top:10px;text-align:left;gap:5px}#indexBlog .ttlbox .ttl .en{font:normal normal 500 2.4rem/1.5 "Roboto","Noto Sans JP","Yu Gothic",YuGothic,"Hiragino Sans",Meiryo,sans-serif;color:#e6001f;line-height:1.2}#indexBlog .ttlbox .ttl .jp{font-size:1.4rem;font-weight:500}#indexBlog .toblog{margin-top:30px}#indexBlog .toblog a{display:block;border:1px solid #e6001f;width:100%;padding:12px;text-align:center;font-size:1.4rem;line-height:1.5;color:#e6001f}#indexBlog .toblog a:hover{opacity:1;text-decoration:none;background:#e6001f;color:#fff}#indexBlog .topiclist{margin-top:0}@media screen and (max-width: 600px){#mainvisual{background-image:url("../img/index/mainvsl_img01_sp.jpg")}#mainvisual .wrap{height:calc(495/360*100vw);padding-block:calc(60px + 60/360*100vw) 0;padding-inline:5%;align-items:flex-start}#mainvisual .catch-txt1{font-size:calc(16/360*100vw)}#mainvisual .catch-txt2{margin-top:calc(10/360*100vw);font-size:calc(36/360*100vw)}#mainvisual .catch-txt2 .boost{width:calc(178/360*100vw);font-size:calc(48/360*100vw);margin-right:calc(5/360*100vw)}#mainvisual .catch-txt2 .boost::after{height:calc(33/360*100vw);border-width:calc(2/360*100vw);top:calc(15/360*100vw)}#mainvisual .catch-txt3{margin-top:calc(25/360*100vw);font-size:calc(14/360*100vw)}#indexHeadline{padding:25px 5%}#indexHeadline dl{display:block;height:auto}#indexHeadline dl dt{width:100%;padding:0;text-align:left;border-right:none}#indexHeadline dl dt span{display:inline-block;border-bottom:2px solid #fff600}#indexHeadline dl dd{width:100%;padding:0}#indexHeadline .headlineslider{margin:20px 0 0}#indexHeadline .headlineslider a{display:block}#indexHeadline .headlineslider .date,#indexHeadline .headlineslider .ttl{display:block;line-height:1.5;max-height:3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#indexHeadline .headlineslider .ttl{margin:5px 0 0}#indexHeadline .tonews{position:static;transform:none}#indexHeadline .tonews a{padding:16px 10px;margin:20px 0 0;width:100%}#indexPrologue{background-image:url("../img/index/index_prologue_bg_sp.jpg");background-attachment:scroll;background-size:cover}#indexPrologue .wrap h2{font-size:2.4rem}#indexPrologue .wrap .center{text-align:left}#indexPrologue .wrap .center br{display:none}#indexPrologue .wrap .list{width:100%;margin:20px auto 0}#indexPrologue .wrap .list li{width:100%;margin:10px 0 0;font-size:4vw}#indexPrologue .wrap .linkbtn a{margin-top:40px}#indexLineup h2 span{font-size:3rem;margin-right:12px}#indexLineup .lineuplist{margin-top:35px;grid-template-columns:1fr}#indexLineup .lineuplist .txtbox::after{content:none}#indexBlog .headingbox h2 span{font-size:3rem;margin-right:12px}#indexBlog .headingbox .tabbtns{gap:8px;margin-inline:-2.4691358025%}#indexBlog .headingbox .tabbtns-btn{padding-block:12px;font-size:1.4rem}#indexBlog .contentbox{background:#f5f5f5;padding-block:50px 80px}#indexBlog .blog-layout{grid-template-columns:1fr;gap:0}#indexBlog .blog-layout-l{display:contents}#indexBlog .blog-layout-r{margin-top:30px}#indexBlog .ttlbox{order:0;grid-template-columns:46.2962962963% 49.0740740741%;justify-content:space-between;align-items:center}#indexBlog .ttlbox .ttl{margin-top:0}#indexBlog .toblog{order:2;margin-top:40px}#indexBlog .topiclist{order:1;margin-top:0}}