/* リセットcss */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
main{box-shadow:0 0 0;}
*{box-sizing:border-box;}
a{text-decoration:none;color:#000000;}
li{list-style:none;}
/* body{background:#FFFFFF;width:100%;height:auto;font-family: "myfont",'Noto Serif JP', serif;} */
body{background:#FFFFFF;width:100%;height:auto;font-family:serif;}
.Michroma{font-family: "Michroma", sans-serif;}
.rel{position:relative;}
.ab{position:absolute;}
.max{max-width:1300px;margin:0 auto;overflow:hidden;}
.bold{font-weight:bold;}
.fl{display:flex;}
.w-2{width:20%;margin:2% 40%;}
.w-4{width:40%;margin:2% 30%;}
.w-6{width:60%;margin:2% 20%;}
.w-8{width:80%;margin:2% 10%;}
.w-10{width:100%;margin:2% 0;}
.ma-to1{margin-top:1%;}
.ma-to2{margin-top:2%;}
.ma-bo1{margin-bottom:1%;}
.ma-bo2{margin-bottom:2%;}
.ma-le2{margin-left:2%;}
.gr{color:#909090;}

p,summary,a,th,td,li{font-size:15px;letter-spacing:.1rem;font-weight:normal;line-height:1.5rem;}
h1{font-size:24px;letter-spacing:.1rem;font-weight:normal;}
h2{font-size:22px;letter-spacing:.1rem;font-weight:normal;}
h3{font-size:18px;letter-spacing:.1rem;font-weight:normal;}
h4,h5,h6{font-size:15px;letter-spacing:.1rem;font-weight:normal;}

@media screen and (max-width:950px){
	p,summary,a,th,td,li{font-size:14px;}
}
@media screen and (max-width:700px){
	p,summary,a,th,td,li{font-size:13px;}
}

/* ロードフェードイン */
.js-box{display:none;}
/* ロードフェードイン(下から) */
.js-box-under{opacity:0;visibility:hidden;transform:translateY(50px);transition:opacity 3s,visibility 3s, transform 3s;}
.js-box-under.load{opacity:1;visibility:visible;transform:translateY(0px);}
/* フェードイン */
.block{opacity:0;transition:all 2s;}
.fadeIn{opacity:1;}

/* サムネ画像切り替え */
/* アクティブな画像の枠線を変更 */
.sub-img li.current img{border:2px solid red;transition:border .5s;}
/* レイアウトのためのスタイル */
.container{margin:0 auto;}
.main-img{height:260px;width:100%;}
.main-img img{height:100%;width:100%;object-fit:contain;}
.sub-img{display:flex;margin-top:15px;}
.sub-img li{width:auto;}
.sub-img li:nth-child(3n){margin-right:0;}
.sub-img li img{border:2px solid transparent;transition:border .5s;}
.sub-img img{cursor:pointer;width:80px;}

.main-img-engine{height:275px;background-color:rgba(175, 175, 175, 0.2);padding:2rem;}
@media screen and (max-width:950px){
  .sub-img img{width:65px;}
}
@media screen and (max-width:900px){
  .main-img{height:380px;}
}
@media screen and (max-width:800px){
  .main-img-engine{height:210px;padding:1rem;}
}
@media screen and (max-width:700px){
  .mode-box-inner-fl img{width:110px;}
  .sub-img-engine img{width:45px;}
}
@media screen and (max-width:600px){
  .main-img{height:320px;}
}
@media screen and (max-width:500px){
  .main-img{height:290px;}
  .sub-img img{width:80px;}
  .main-img-engine{height:200px;}
}
@media screen and (max-width:430px){
  .main-img{height:260px;}
  .sub-img img{width:75px;}
}

/*------ ホバーアンダーライン ------*/
.a-hov{position:relative;}
.a-hov::after{position:absolute;left:0;content:'';width:100%;height:.4px;background:#3e3e3e;bottom:-10px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.4s;}
.a-hov:hover::after{transform:scale(1, 1);}

.top-kaso{display:none;}
@media screen and (max-width:950px){
  .top-kaso{display:block;}
}

#imageModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    display: none; /* JSでflexに切り替え */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
#imageModal img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}
/*-------------------- header ----------------------*/
.header-top{width:100%;height:80px;box-shadow:2px 2px 2px rgba(0, 0, 0, 0.25);vertical-align:middle;display:flex;}
.top-co-logo{width:140px;margin:12px 40% 0 30px;}
.header-logo{width:140px;}
.header-top .top-sns{width:30px;}
.header-top .top-sns:hover{opacity:.7;}

.header-top .header-menu{margin:25px 0 0 40%;width:340px;justify-content:space-between;height:16px;}
.header-top .header-menu h2{font-size:16px;}
.header-top .header-sns{margin:25px 0 0 40px;width:140px;justify-content:space-between;height:16px;}
/* --- プルダウンのベース設定 --- */
.dropdown{position: relative;display: inline-block;}
/* プルダウン中身（最初は隠す） */
.dropdown-content{display: none;position: absolute;top: 100%;left: 50%;transform: translate(-50%, 0);min-width: 180px;box-shadow: 0px 8px 16px rgba(0,0,0,0.2);z-index: 100;padding: 20px 0;}
/* プルダウン内の各リンク */
.dropdown-content a{color: #fff;padding:7px 0;text-decoration: none;display: block;font-size: 14px;transition: background 0.3s;background:red;}
/* 既存のホバー処理 */
.dropdown:hover .dropdown-content{display: block;}
/* ★クリック（JS）での表示用に追加 */
.dropdown-content.is-open{display: block !important;}
/* --- 既存コードの微調整 --- */
.header-top {align-items: center;}
.top-menu{display: flex;align-items: center;margin-left: auto;margin-right: 30px;}
.top-menu a{margin: 0 10px 5px;text-decoration: none;text-align:center;}
.dropdown{text-decoration: none;color: inherit;text-align:center;margin-bottom:5px;}
@media screen and (max-width:1300px){
  .header-top .header-menu{margin:25px 0 0 36%;}
}
@media screen and (max-width:1200px){
  .header-top .header-menu{margin:25px 0 0 32%;width:320px;}
  .header-top .header-menu h2{font-size:15px;}
  .header-top .header-logo{width:120px;}
  .header-top .top-sns{width:28px;}
}
@media screen and (max-width:1100px){
  .dropdown{margin-bottom:0;}
  .header-top .header-menu{margin:25px 0 0 29%;width:310px;}
  .header-top .header-sns{width:120px;}
}
@media screen and (max-width:950px){
  .header-top{display:none;}
}


/*-------------------- header-top ----------------------*/
.kaso-top{width:100%;height:120px;overflow:hidden;}
.kaso-top img{width:100%;z-index:-1;}
.kaso-top h1{bottom:15%;right:3%;color:#fff;font-size:40px;z-index:2;}
.kaso-top h2{bottom:0;right:2%;color:rgba(89, 89, 89, .15);font-size:90px;z-index:1;}
.kaso-top span{width:100%;height:220px;background-color:rgba(195, 26, 26, 0.6);z-index:0;top:0;left:0;}
.top-page{z-index:1;bottom:6%;left:3.5%;}
.top-page-home{color:#fff;font-weight:bold;}
.top-page-home-bo{color:#fff;font-weight:bold;margin:1.6px 6px 0 6px;}
.top-page-home:hover{opacity:.7;}
.page-now{color:#BCBCBC;font-weight:bold;margin:1.6px 0 0 6px;}

@media screen and (max-width:1300px){
  .kaso-top h1{font-size:35px;}
}
@media screen and (max-width:1200px){
  .kaso-top h1{font-size:35px;}
}
@media screen and (max-width:950px){
  .kaso-top{height:160px;}
  .kaso-top h1{font-size:30px;}
  .kaso-top h2{font-size:65px;}
}
@media screen and (max-width:700px){
  .kaso-top h1{font-size:25px;bottom:30%;}
  .kaso-top h2{font-size:60px;bottom:15%;}
}
@media screen and (max-width:500px){
  .kaso-top h1{font-size:20px;bottom:23%;}
  .kaso-top h2{font-size:50px;bottom:12%;}
}
@media screen and (max-width:500px){
  .kaso-top h1{bottom:32%;}
  .kaso-top h2{font-size:45px;bottom:22%;letter-spacing:0;}
  .top-page-home{font-size:9px;}
  .top-page-home-bo{margin:1.6px 1px 0 1px;}
  .page-now{font-size:11px;margin:2.6px 0 0 6px;}
}

/*--------------------------------------- bk-img ---------------------------------------*/
.bk-img{background-image:url(./img/news-back.png);background-position:center;background-repeat:no-repeat;background-size:cover;}

/*--------------------------------------- news ---------------------------------------*/
/*--------------------------------------- news ---------------------------------------*/
.side-box{width:34%;margin:3%;}
.side-box-new{margin:1% auto 10%;}
.side-box-archive h2,.side-box-new h2{text-align:center;padding:10px 15px;background-color:rgba(163, 13, 13, 0.8);color:#fff;font-size:18px;margin-bottom:5%;}
.side-box-new p{font-size:14px;margin:6% auto;}
.side-box-new a:hover{opacity:.6;}
.side-box-new hr{opacity:.3;width:85%;}
.side-box-archive-inner{width:100%;justify-content:space-between;margin:8% auto;}
.side-box-archive-inner a:hover{opacity:.6;}


.main-box{width:100%;margin:3% 5%;}
.main-box-view{width:100%;margin:1% auto;justify-content:space-between;}
.main-box-view a{width:220px;height:40px;border:.5px solid #313131;text-align:center;}
.main-box-view h3{margin-top:7px;}
.main-box-view a:hover{border:.5px solid #D81212;background-color:#D81212;color:#fff;}

.main-box-itiran{margin-bottom:10%;}
.main-box-itiran-inner{width:100%;margin:5% auto;justify-content:space-between;}
.main-box-itiran-inner-box{width:220px;}
.main-box-itiran-inner-box:hover{opacity:.6;}
.main-box-itiran-inner-box img{width:220px;margin-bottom:2%;}

.main-box-itiran-inner-box-inner{margin:2% auto 4%;}
.main-ttl-time{font-size:12px;color:#888888;}
.main-box-osirase,.main-box-newitem{font-size:10px;color:#fff;padding:.2px 10px;margin-left:10px;}
.main-box-osirase{background-color:#7C7C7C;}
.main-box-newitem{background-color:#D81212;}



/*--------------------------------------- モータースポーツ ---------------------------------------*/
/*--------------------------------------- モータースポーツ ---------------------------------------*/
.sfj-main,.raceengine-main,.tuning-main,.motorsport-main{width:100%;margin:0 auto;height:500px;}
.mortor-car{width:60%;top:60%;left:50%;transform:translate(-50%,-50%);z-index:1;}
.mortor-back-img{width:80%;top:60%;left:50%;transform:translate(-50%,-50%);z-index:0;}
.motorsport-main h1{top:25%;left:50%;transform:translate(-50%,-50%);font-size:26px;font-weight:bold;width:100%;text-align:center;}
.motorsport-contents{background-color:#C31A1A;width:100%;height:80px;color:#fff;position:relative;}
.made-japan{width:90%;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;}
.made-japan-inner{display:flex;align-items:center;}
.made-japan-inner h1{font-size:18px;width:50%;font-weight:bold;text-align:center;}
.made-japan-inner p{font-size:14px;}
.motor-contents-box{width:100%;padding:5% 0 2%;}
.motor-contents-box-inner{width:80%;}
.motor-contents-box-inner ul{display:flex;flex-wrap:wrap;justify-content:center;margin:3% auto;}
.motor-contents-box-inner li{width:260px;margin:0 3% 3% 3%;}
.contents-box-bot{margin:3% auto;}
.contents-box img{width:100%;margin-bottom:2%;height:200px;object-fit:cover;}
.se-top-img{width:100%;margin-bottom:2%;height:200px;object-fit:contain !important;}

.contents-box h3{font-size:16px;font-weight:bold;position:relative;}
.contents-box h3::after{width:200px;height:.5px;color:#000000;position:absolute;bottom:-2%;left:0;}
.contents-box h4{font-size:14px;}
.archive-main-box{width:100%;margin:5% auto;}
.archive-main-box-inner{margin:3% auto 1%;}
.archive-main-box h1{margin-bottom:5%;}
.archive-main-box h4{margin:0 10% 5% 0;width:90%;}
.archive-main-box hr{width:90%;margin:0 10% 0 0;}
.archive-main-box img{width:90%;margin:3% auto;}
.archive-main-box{margin-top:2%;}
@media screen and (max-width:1300px){
  .motorsport-contents{height:100px;}
  .motor-contents-box-inner li{width:26%;}
}

@media screen and (max-width:1200px){
  .sfj-main,.raceengine-main,.tuning-main,.motorsport-main{height:450px;}
  .mortor-car{width:70%;}
  .motorsport-contents{height:120px;}
  .made-japan-inner{display:block;width:80%;margin:0 auto;}
  .made-japan-inner h1{width:100%;text-align:left;}
  .made-japan-inner p{width:100%;margin:1% auto 0;}
}
@media screen and (max-width:1100px){
  .motorsport-contents{height:130px;}
  .contents-box-top,.contents-box-bot{width:29%;}
  .contents-box p{font-size:14px;}
}
@media screen and (max-width:950px){
  .motorsport-main h1{top:20%;}
  .mortor-car{width:85%;}
  .contents-box p{font-size:13px;line-height:1.2rem;}
}
@media screen and (max-width:800px){
  .sfj-main,.raceengine-main,.tuning-main,.motorsport-main{height:400px;}
  .motor-contents-box-inner li{width:29%;margin:0 2% 3% 2%;}
}
@media screen and (max-width:700px){
  .sfj-main.motorsport-main{height:350px;}
  .tuning-main{height:480px;}
  .raceengine-main{height:390px;}
  .mortor-back-img{width:100%;}
  .motorsport-main h1{font-size:20px;}
  .mortor-car{width:550px;}
  .motorsport-contents{height:160px;}
  .made-japan-inner{width:90%;}
  .motor-contents-box-inner ul{justify-content:left;}
  .motor-contents-box-inner li{width:45%;margin:0 2.5% 3% 2.5%;}
  .made-japan-inner h1{font-size:16px;}
  .made-japan-inner p{font-size:13px;line-height:1.3rem;margin:2% auto 0;}
}
@media screen and (max-width:500px){
  .mortor-car{width:600px;left:67%;}
  .motor-contents-box-inner{width:85%;}
}
@media screen and (max-width:430px){
  .mortor-car{width:570px;left:71%;}
  .made-japan-inner{width:95%;}
  .motor-contents-box-inner{width:95%;}
  .made-japan-inner h1{font-size:15px;}
  .contents-box{margin-bottom:6%;}
  .contents-box h3{font-size:14px;}
  .made-japan-inner p{font-size:13px;line-height:1rem;margin:3% auto 0;}
}



/*---------------------- motor ----------------------*/
.raceparts-main{width:100%;margin:0 auto;height:500px;}
.raceparts-main h2{top:57%;left:40%;font-weight:bold;}
.raceparts-main h1{top:64%;left:40.2%;font-weight:bold;color:#D80000;}
.motor-top-box{top:73%;left:40.5%;width:58%;}
.motor-top-box ul{margin-right:2%;}
.motor-top-box li{margin-bottom:2%;}
.motor-top-box ul li a{color:#7C7C7C;}
.motor-top-box ul li a:hover{opacity:.6;}
.mortor-engine{width:85%;margin:0 auto;top:-3%;left:0;}
.online-shop{width:80%;margin:3% auto 0;justify-content:space-between;padding-bottom:5%;}
.online-shop h1{font-size:18px;margin:3% auto;}
.online-shop img{opacity:.5;}
.site-link{margin:3% auto;}
.site-link a{color:#198f99;}
.site-link a:hover{opacity:.7;}
.link-hov{position:relative;}
.link-hov::after{position:absolute;left:0;content:'';width:100%;height:.4px;background:#198f99;bottom:-2px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.4s;}
.link-hov:hover::after{transform:scale(1, 1);}


/*---------------------- tuning ----------------------*/
.tuning-engine{width:60%;top:-8%;left:20%;z-index:9;}
.tuning-main h2{top:70%;left:9%;color:#D80000;font-weight:bold;}
.tuning-main p{top:80%;left:9%;width:84%;}
.tuning-sub-ttl{margin:0 0 3% 10%;padding-top:3%;font-size:18px;font-weight:bold;}
.tuning-contents-box-inner{max-width:1000px;margin:0 auto;width:90%;}
.tuning-contents-box-inner-inner{width:88%;margin:0 auto 3%;justify-content:space-between;display:flex;}
.tuning-contents-box-inner-inner ul{width:100%;}
.tuning-contents-box-inner-inner li{margin-bottom:4%;position:relative;}
.tuning-contents-box-inner-inner li::after{position:absolute;content:'';bottom:-7px;left:0;width:90%;background-color:#7c7c7c5c;height:.5px;}
.tuning-sub-ttl2{margin:5% 0 3% 0;font-size:18px;font-weight:bold;}
.tuning-box-img-inner{width:90%;margin:0 auto;display:flex;flex-wrap:wrap;}
.tuning-img-box{width:140px;margin:0 2% 2%;}
.tuning-img-box img{width:100%;margin:0 auto;box-shadow:0 1px 4px 2px rgba(0, 0, 0, 0.25);}
.tuning-one{color:#930101;font-weight:bold;font-size:16px;margin:3% 0 0 3%;}
.tuning-case{font-weight:bold;font-size:16px;margin:3% 0 0 3%;padding-bottom:5%;}
@media screen and (max-width:1300px){
  .tuning-engine{width:45%;top:4%;left:50%;transform:translate(-50%, 0%);}
  .tuning-main h2{width:100%;text-align:center;transform:translate(-50%,-30%);left:50%;}
  .tuning-main p{top:84%;left:50%;width:84%;transform:translate(-50%, -30%);}
}
@media screen and (max-width:1100px){
  .tuning-engine{width:40%;top:2%;}
  .tuning-main h2{width:70%;top:65%;}
  .tuning-img-box{width:15%;margin:0 2% 2%;}
}
@media screen and (max-width:950px){
  .tuning-engine{width:350px;top:8%;}
  .tuning-contents-box-inner-inner{width:100%;}
  .tuning-box-img-inner{width:100%;}
}
@media screen and (max-width:800px){
  .tuning-engine{top:4%;}
  .tuning-main h2{top:58%;}
  .tuning-main p{top:79%;}
}
@media screen and (max-width:700px){
  .tuning-main h2{width:90%;top:54%;}
  .tuning-main p{width:90%;top:75%;}
  .tuning-contents-box-inner-inner{width:90%;display:block;}
  .tuning-contents-box-inner-inner li::after{width:100%;}
  .tuning-sub-ttl2{margin:12% 0 6% 0;}
  .tuning-img-box{width:21%;margin:0 2% 2%;}
  .tuning-one{margin:5% auto;}
  .tuning-case{margin:5% auto;}
}
@media screen and (max-width:500px){
  .tuning-img-box{width:29%;margin:0 2.1% 2%;}
  .tuning-sub-ttl{width:90%;margin:2% auto 5%;}
  .tuning-contents-box-inner-inner{width:100%;}
  .tuning-contents-box-inner-inner li{font-size:13px;}
  .tuning-one,.tuning-case{font-size:13px;}
}
@media screen and (max-width:430px){
  .tuning-engine{width:300px;}
  .tuning-main h2{top:46%;}
  .tuning-main p{top:69%;}
  .tuning-img-box{width:40%;margin:0 5% 2%;}
}

/*---------------------- racing-engine ----------------------*/
.raceengine-topimg1{width:32%;top:7%;left:7%;z-index:1;}
.raceengine-topimg2{width:32%;top:28%;left:29%;z-index:1;}
.raceengine-main h2{top:55%;left:65%;font-weight:bold;}
.raceengine-main h1{top:62%;left:65.2%;font-weight:bold;color:#D80000;}
.racingengine-top-box{top:72%;left:65.5%;}
.racingengine-top-box li{width:150px;}
.racingengine-top-box ul li a{color:#7C7C7C;}
.racingengine-top-box ul li{margin-bottom:2%;}
.racingengine-top-box ul li a:hover{opacity:.6;}
.racingengine-box{width:100%;margin:0 auto;padding-bottom:3%;}
.racingengine-main-box{width:80%;padding:3% auto;}
.racingengine-ttl-box{padding:5% 0 3% 5%;}
.racing-ttl-sub{font-size:80px;color:rgba(77, 77, 77, 0.03);top:5%;left:0;}
.racingengine-contents-box{display:flex;width:90%;margin:3% 5%;justify-content:space-between;}
.racingengine-contents-box-inner{width:45%;margin:0 auto;}
.racingengine-contents-main-img a img{width:300px;height:100%;object-fit:contain;}
.racingengine-contents-main-img{width:383px;height:275px;text-align:center;margin-bottom:3%;background-color:rgba(175, 175, 175, 0.2);}
.racingengine-contents-box-inner-inner img{width:85px;margin:.5% 14.5px 10% 0;background-color:rgba(175, 175, 175, 0.2);}
.toumei-img{background-color:rgba(175, 175, 175, 0);}
.racingengine-inner-first{position:relative;}
.racingengine-inner-first::after{position:absolute;content:'';top:0;left:0;width:85px;height:85px;background-color:rgba(129, 129, 129, 0.5);z-index:10;}
.racingengine-slider{margin:3% auto;width:50%;}
.racingengine-slider-main{width:90%;margin:0 auto;text-align:center;}
.racingengine-slider-main a img{width:80%;margin:0 auto;}
.racingengine-slider-sub{width:60%;margin-left:14%;}
.racingengine-slider-sub a img{width:100%;}
.racingengine-slider-sub a{margin:2% 3% 0 0;}



@media screen and (max-width:1300px){
  .racingengine-contents-main-img,.racingengine-contents-main-img a img{width:100%;}
}
@media screen and (max-width:950px){
  .raceengine-topimg1,.raceengine-topimg2{width:250px;}
  .raceengine-main h2{left:60%;}
  .raceengine-main h1{left:60.2%;}
  .racingengine-top-box{left:60.5%;}
  .racingengine-main-box{width:90%;}
  .racingengine-contents-main-img{height:230px;}
}
@media screen and (max-width:800px){
  .raceengine-topimg1,.raceengine-topimg2{width:230px;}
  .raceengine-topimg1{left:4%;}
  .raceengine-topimg2{top:35%;left:23%;}
  .racingengine-contents-box{width:100%;margin:3% auto;}
}
@media screen and (max-width:700px){
  .raceengine-topimg2{top:2%;left:unset;right:4%;}
  .raceengine-main h2,.raceengine-main h1,.racingengine-top-box{left:50%;width:100%;text-align:center;transform:translate(-50%,10%);justify-content:center;}
  .racingengine-slider{width:70%;}
  .racing-ttl-sub{font-size:50px;}
}
@media screen and (max-width:600px){
  .racingengine-contents-main-img{height:180px;}
}
@media screen and (max-width:500px){
  .raceengine-topimg1,.raceengine-topimg2{width:200px;}
  .racingengine-contents-box{display:block;}
  .racingengine-contents-box-inner{width:85%;margin:5% auto;}
  .toumei-img{display:none;}
  .racingengine-slider{width:90%;}
}
@media screen and (max-width:430px){
  .raceengine-topimg1{left:2%;}
  .raceengine-topimg2{right:-3%;top:3%;}
  .racingengine-contents-box-inner{width:100%;margin:8% auto;}
}

/*---------------------- sfl ----------------------*/
.sfl-ttl{bottom:3%;left:5%;}
.sfl-ttl-sub{bottom:0;left:3%;font-size:80px;color:rgba(77, 77, 77, 0.05);}
.sfl-box{width:100%;margin:0 auto;}
.sfl-inner-box{display:flex;width:90%;margin:0 auto;justify-content:space-between;max-width:1300px;}
.sfl-side{margin:3% auto;}
.sfl-main-box{margin:3% auto 0;padding-bottom:3%;}
.sfl-side h3{background-color:#bb2c2c;color:#fff;padding:10px 20px;text-align:center;}
.sfl-side-res{display:none;}
.sfl-report{margin:2% auto;}
.sfl-report ul{justify-content:space-between;width:100%;margin-top:7%;}
.sfl-main-box h1{margin-bottom:3%;}
.sfl-main-box p{color:#b1b1b1;margin-bottom:1%;font-size:14px;}
.sfl-main-box a{font-weight:bold;font-size:20px;}
.sfl-main-box a:hover{opacity:.4;}
.sfl-contents{margin-bottom:4%;position:relative;}
.sfl-contents::after{position:absolute;content:'';bottom:-30%;left:0;width:100%;height:1px;background-color:#6b6b6b;}
.sfl-report ul li a:hover{opacity:.6;}
@media screen and (max-width:1200px){
  .sfl-inner-box{width:95%;}
}
@media screen and (max-width:900px){
  .sfl-inner-box{display:block;}
  .sfl-side-pc{display:none;}
  .sfl-side-res{display:block;width:30%;margin:0 0 0 10%;padding-bottom:5%;}
  .sfl-main-box a{font-size:18px;}
}
@media screen and (max-width:800px){
  .sfl-side-res{width:35%;margin:0 0 0 7%;}
}
@media screen and (max-width:700px){
  .sfl-main-box a{font-size:16px;}
  .sfl-side-res{width:40%;margin:0 0 0 5%;}
  .sfl-side h3{padding:10px 0;}
}
@media screen and (max-width:500px){
  .sfl-side-res{width:45%;margin:0 0 0 2%;}
  .sfl-side h3{font-size:12px;}
}
@media screen and (max-width:430px){
  .sfl-ttl{left:3%;font-size:14px;}
  .sfl-side-res{width:50%;}
}

/*---------------------- sfl result list ----------------------*/
.sfl-r-main-box{margin:3% 15% 0 0;padding-bottom:3%;}
.sfl-r-main-box h1{margin-bottom:5%;}
.sfl-r-main-box-h1-res{display:none;}
.sfl-r-contents{margin-bottom:3%;border-bottom:1px solid #7C7C7C;padding-bottom:3%;}
.sfl-r-round,.sfl-r-day{width:130px;}
.sfl-r-day-all{display:flex;}
.sfl-r-round a{display:block;margin-bottom:1%;}
.sfl-r-round a:hover{color:#bb2c2c;}
.sfl-r-day p,.sfl-r-place p{margin-top:24px;}

@media screen and (max-width:1300px){
  .sfl-r-main-box{margin:3% 10% 0 0;}
}
@media screen and (max-width:1200px){
  .sfl-r-main-box{margin:3% 5% 0 0;}
  .sfl-r-main-box h1{font-size:21px;}
}
@media screen and (max-width:900px){
  .sfl-main-contents,.sfl-r-main-contents{width:80%;margin:0 auto;}
  .sfl-r-main-box h1,.sfl-main-box h1{width:85%;padding-top:5%;margin:5% auto;}
}
@media screen and (max-width:800px){
  .sfl-main-contents,.sfl-r-main-contents{width:85%;}
  .sfl-r-main-box h1,.sfl-main-box h1{font-size:19px;}
}
@media screen and (max-width:700px){
  .sfl-main-contents,.sfl-r-main-contents{width:90%;}
  .sfl-r-main-box{margin:3% auto;}
  .sfl-r-main-box h1,.sfl-main-box h1{font-size:17px;width:90%;}
  .sfl-r-round,.sfl-r-day{width:90px;}
}

@media screen and (max-width:600px){
  .sfl-r-main-box h1,.sfl-main-box h1{font-size:15px;}
}
@media screen and (max-width:500px){
  .sfl-main-contents,.sfl-r-main-contents{width:95%;}
  .sfl-r-main-box h1,.sfl-main-box h1{width:100%;}
  .sfl-r-round{width:80px;}
  .sfl-r-round a,.sfl-r-day a{font-size:11px;}
  .sfl-r-day p, .sfl-r-place p{font-size:12px;}
}
@media screen and (max-width:430px){
  .sfl-r-main-box h1,.sfl-main-box h1{width:98%;}
  .sfl-r-main-box-h1-pc{display:none;}
  .sfl-r-main-box-h1-res{display:block;}
  .sfl-r-day-all{display:block;}
  .sfl-r-day p, .sfl-r-place p{margin-top:9px;}
}


/*---------------------- sfl result ----------------------*/
.sfl-re-main-box{width:90%;margin:0 auto;max-width:1300px;}
.sfl-re-ttl h2{color:#9B9B9B;font-size:16px;padding-top:3%;}
.sfl-re-ttl h3{font-size:20px;margin-top:1%;}
.sfl-re-ttl-round{font-size:16px;margin:10px 0 0 0;background-color:#7C7C7C;color:#fff;padding:4px 8px;}
.sfl-re-ttl-yosen{font-size:16px;margin:10px 0 0 30px;background-color:#5098c1;color:#fff;padding:4px 15px;}
.sfl-re-ttl-wea{font-size:16px;margin:13px 0 0 30px;}
.sfl-re-ttl-course{font-size:16px;margin:13px 0 0 30px;}
/* .sfl-result-graph{width:100%;margin:0 auto;justify-content:space-between;}
.sfl-re-ttl-fl{ margin:0 auto 3%;width:100%;}
.sfl-li-le{text-align:left;}
.sfl-li-ce{text-align:center;}
.sfl-li{margin-right:1%;}
.sfl-li .bold{margin-bottom:5px;}
.sfl-op{color:#C31A1A;} */
.sfl-re-ttl-fl,.sfl-re-ttl-subfl{display:flex;justify-content:space-between;}
.sfl-re-ttl-subsubfl1,.sfl-re-ttl-subsubfl2{display:flex;}

.f20-ta-ttl {
  background-color: #d8d8d8;
}
.k20c-ta {
  margin: 3% auto;
  border-collapse: collapse;
  border: solid 1px #333;
  width: 100%;
}

.k20c-ta tr,
.k20c-ta td {
  border: dashed 1px #777;
  padding: 5px 10px;
  vertical-align: middle;
}
.sfl-re-side{width:68%;margin:3% auto 0;}
.sfl-re-side h3{background-color:#bb2c2c;color:#fff;padding:10px 20px;text-align:center;}
.sfl-re-side li a:hover{opacity:.6;}
.sfl-re-side li{width:100%;}
.sfl-re-report{padding-bottom:3%;}

.sfl-re-report table{width:95%;border-collapse: collapse;margin:0 auto;}
.sfl-re-report tr{border-bottom:1px solid #9a9a9a;}
.sfl-re-side ul{margin:1% 2%;justify-content:center;}
/* 料金表 */
/* コーティング */
.k-c-Fee{width:100%;margin:5vw auto;overflow:hidden;max-width:1300px;text-align:center;}
.k-c-Fee table{width:100%;margin:0 auto 0;overflow:hidden;position:relative;border-collapse:collapse;z-index:9;}
.k-c-Fee th,.k-c-Fee td{font-weight:normal;text-align:left;padding:2px;}
.k-c-Fee p{text-align:left;width:90%;margin:0 auto;}
.k-c-Fee .center{text-align:center;}
.k-c-Fee .red{color:#C31A1A;}
@media screen and (max-width:1300px){
  .sfl-re-side{width:75%;}
}
@media screen and (max-width:1200px){
  .k-c-Fee table{width:90%;}
  .k-c-Fee-table{overflow-x:scroll;}
  .k-c-Fee-table table{white-space:nowrap;}
}
@media screen and (max-width:1150px){
  .sfl-re-ttl-round,.sfl-re-ttl-yosen{font-size:15px;}
  .sfl-re-ttl-wea,.sfl-re-ttl-course{font-size:15px;}
  .sfl-re-side{width:78%;}
  .sfl-re-side li a{font-size:14px;}
}
@media screen and (max-width:1050px){
  .sfl-re-side{width:85%;}
}
@media screen and (max-width:1000px){
  .sfl-re-ttl-wea,.sfl-re-ttl-course{margin:13px 0 0 20px;}
}
@media screen and (max-width:900px){
  .sfl-re-ttl-fl{display:block;}
  .sfl-re-ttl-subfl{justify-content:left;}
  .sfl-re-side ul{flex-wrap:wrap;}
  .sfl-re-side li{width:40%;text-align:left;}
}
@media screen and (max-width:800px){
  .sfl-re-side{width:89%;}
}
@media screen and (max-width:700px){
  .sfl-re-ttl h2{font-size:14px;}
  .sfl-re-ttl h3{font-size:17px;}
  .sfl-re-ttl-round,.sfl-re-ttl-yosen{font-size:13px;}
  .sfl-re-ttl-wea,.sfl-re-ttl-course{font-size:13px;}
  .sfl-re-report table{width:98%;}
  .sfl-re-side li{width:48%;}
  .sfl-re-report td{font-size:14px;width:12%;}
}
@media screen and (max-width:500px){
  .sfl-re-ttl h2{font-size:13px;}
  .sfl-re-ttl-yosen{margin:10px 0 0 10px;}
  .sfl-re-ttl-wea,.sfl-re-ttl-course{margin:13px 0 0 10px;}
  .k-c-Fee th, .k-c-Fee td{font-size:13px;}
  .sfl-re-side{width:90%;}
  .sfl-re-report table{width:94%;}
  .sfl-re-side ul{justify-content:left;margin:1% 0 1% 15%;}
  .sfl-re-report td{width:20%;}
  .sfl-re-side li{width:71%;}
}
@media screen and (max-width:430px){
  .sfl-re-ttl-subfl{display:block;}
  .sfl-re-ttl-wea{margin:13px 0 0 0px;}
  .sfl-re-side li a{font-size:13px;}
  .sfl-re-side ul{margin:1% 0 1% 12%;}
}

/*---------------------- sfl team ----------------------*/
.mortor-team-img{width:60%;height:80%; margin:0 auto;top:10%;left:20%;}
.team-box{width:65%;margin:0 auto;}
.team-box h1{padding-top:3%;margin-bottom:2%;}
.team-inner-inner-box a{color:#00909d;}
.team-inner-inner-box{margin-bottom:1%;display:flex;}
.team-inner-inner-box h4{width:250px;}
@media screen and (max-width:1150px){
  .team-box{width:75%;}
}
@media screen and (max-width:950px){
  .team-box{width:80%;}
}
@media screen and (max-width:800px){
  .team-box{width:89%;}
}
@media screen and (max-width:700px){
  .team-box{width:80%;}
  .team-inner-inner-box{display:block;margin-bottom:3%;}
  .team-inner-inner-box h4{width:100%;border-bottom:1px solid rgb(145, 145, 145);}
  .team-inner-inner-box p,.team-inner-inner-box a{font-size:15px;}
}
@media screen and (max-width:500px){
  .team-box{width:90%;}
  .team-box h1{font-size:18px;padding-top:5%;margin-bottom:7%;}
  .team-inner-inner-box{margin-bottom:5%;}
  .team-inner-inner-box p,.team-inner-inner-box a{font-size:13px;}
}

/*---------------------- sfj ----------------------*/
.sfj-top-img{width:60%;top:8%;left:50%;height:70%;transform:translate(-50%,0);z-index:1;object-fit:cover;}
.sfj-main h1{font-size:18px;bottom:6%;left:50%;transform:translate(-50%,0);width:60%;}
.motorsport-contents-sfj{background:linear-gradient(to bottom, #1e1f1f, #858585);width:100%;height:60px;color:#fff;padding-top:15px;}
.made-japan-sfj{width:90%;margin:0 auto;}
.made-japan-inner-sfj h1{font-size:18px;width:100%;font-weight:bold;text-align:center;}
.f4-top-box{width:100%;margin:3% auto 0;max-width:1300px;display:flex;}
.f4-top-box img{width:30%;margin:0 auto;}
.sfj-top-box-inner{width:70%;margin:0 auto;}
.sfj-top-box-inner h1{font-size:44px;margin:4.5% auto 13%;}
.sfj-top-box-inner h2{font-size:80px;color:rgba(77, 77, 77, 0.05);top:0;left:-4%;}
.f4-main-box p span{color:#cb0000;}
.f4-top-box-inner-phone{display:none;}

.f4-main-img{width:100%;margin:2% auto 3%;justify-content:space-between;display:flex;}
.f4-main-img a{width:24%;}
.f4-main-img img{width:100%;}
.f4-main-img img:hover{opacity:.6;}

.sfj-top-box,.f4-top-box{width:100%;margin:3% auto 0;}
.sfj-top-box-inner{width:100%;margin:0 auto;}
.f4-top-box-inner{width:100%;margin:0 auto;}
.sfj-top-box-inner h1{font-size:44px;margin:4.5% auto 4%;}
.f4-top-box-inner h1{font-size:44px;margin:4.5% auto 13%;}
.sfj-top-box-inner h2{font-size:80px;color:rgba(77, 77, 77, 0.05);top:3%;left:-4%;}
.f4-top-box-inner h2{font-size:80px;color:rgba(77, 77, 77, 0.05);top:0;left:-4%;}

.f4-img-ttl{font-size:18px;margin-bottom:1%;}
.f4-mini-box-inner p{font-size:14px;}
.f4-mini-box-inner{width:100%;justify-content:space-between;margin-bottom:1%;border-bottom:1px solid #a2a2a2;}
.f-12{font-size:12px;}
.damper-box{width:100%;margin:1.5% auto;justify-content:space-between;border-bottom:1px solid #6b6b6b;}

.f4spring-box{margin:2% auto 5%;overflow-x: scroll;}
.f4spring-main-box{white-space:nowrap;margin:3% auto;}
.f4spring-main-box table{width:100%;border-collapse:collapse;}
.f4spring-main-box th,.f4spring-main-box td{border:1px solid #ccc;padding:8px 10px;text-align:center;}
.f4spring-main-box th{background-color:#f1f1f1;}
.f4spring-img-main img{width:90%;}
.f4spring-img-flex{display:flex;}
.f4spring-img-main33{margin:1% 1rem;}


.f4spring-main-box-center,.f4spring-main-box-right{width:35%;justify-content:center;}
.racinggearbox-sequential img,.racinggearbox-sequential2 img{width:40%;margin:3% auto;}

@media screen and (max-width:700px){
  .f4-top-box-inner-pc{display:none;}
  .f4-top-box-inner-phone{display:block;}
  .f4-top-box-inner h1{margin:4.5% auto 5%;}
  .damper-box h3{width:30%;}
}
@media screen and (max-width:600px){
  .f4-img-box{flex-wrap:wrap;}
  .f4-img-box .racingengine-contents-box-inner{width:80%;}
}
@media screen and (max-width:500px){
  .sfj-top-img{height:55%;}
  .sfj-main h1{font-size:13px;width:93%;margin:0 auto;}
  .made-japan-inner-sfj h1{font-size:14px;}
  .motorsport-contents-sfj{height:50px;}
  .f4-top-box img{width:200px;}
  .sfj-top-box-inner h1{font-size:35px;}
  .f4-top-box-inner h1{font-size:35px;}
  .sfj-top-box-inner h2{font-size:55px;}
  .f4-top-box-inner h2{font-size:70px;}
  .f4-main-img{flex-wrap:wrap;}
  .f4-main-img a{width:40%;margin:5% auto;}
  .f4-img-box .racingengine-contents-box-inner,.racingengine-contents-box-inner{width:100%;}
  .racingengine-contents-main-img{height:200px;}
}

/*---------------------- 受託業務 ----------------------*/
.cose-main{width:100%;margin:0 auto;height:500px;}
.cose-top-img{z-index:1;position:absolute;}
.cose-top-img1{top:-5%;left:5%;width:30%;}
.cose-top-img2{bottom:-3%;left:30%;width:30%;}
.cose-top-img4{top:-30%;left:0%;width:70%;}

.cose-top-h1{top:65%;right:5%;font-size:24px;position:absolute;}
.cose-top1{top:60%;left:9%;position:absolute;}
.cose-top2{bottom:4%;left:32%;position:absolute;}
@media screen and (max-width:1300px){
  
  .cose-top-img1{top:0;}
  .cose-top-img2{bottom:0;}
}
@media screen and (max-width:1100px){
.cose-top-img4{top:-25%;left:0%;}
  .cose-top-img2{bottom:3%;left:28%;}
  .cose-top1{top:49%;left:8%;}
  .cose-top2{bottom:5%;left:27%;}
}
@media screen and (max-width:950px){
  .cose-top-h1{right:2%;top:60%;}
  .cose-top-img1{top:2%;}
  .cose-top-img2{bottom:10%;left:24%;}
  .cose-top1{top:40%;}
  .cose-top2{bottom:10%;left:21%;}
	.cose-main{width:100%;margin:0 auto;height:400px;}
}
@media screen and (max-width:800px){
	.cose-top-img4{top:-25%;left:0%;}
  .cose-top-img1{top:7%;}
  .cose-top-img2{bottom:14%;left:19%;}
  .cose-top1{left:6%;}
  .cose-top2{bottom:13%;left:12%;}
}
@media screen and (max-width:700px){
  .cose-top-h1{width:100%;text-align:center;top:20%;right:50%;transform:translate(50%,-50%);}
  .cose-main1-class,.cose-main2-class{position:absolute;}
  .cose-main1-class{top:-2%;left:5%;text-align:center;}
  .cose-main2-class{bottom:8%;right:5%;text-align:right;}
  .cose-top-img{width:350px;top:80px;left:18vw;}
  .cose-top-img1,.cose-top-img2,.cose-top1,.cose-top2{position:static;}
  .cose-top1,.cose-top2{margin-top:-12%;}
  .mortor-back-img{top:50%;}
}
@media screen and (max-width:500px){
  .cose-top-h1{font-size:20px;}
	.cose-top-img{width:300px;top:100px;left:8.5vw;}
}


/*---------------------- 受託業務 in 受託業務 ----------------------*/
.cose-in-main{width:100%;margin:0 auto;height:50vw;max-height:500px;}
.cose-in-top-img{width:60%;top:20%;left:50%;height:70%;transform:translate(-50%,0);z-index:1;}
.cose-in-main h1{top:7%;left:10%;font-size:24px;}
.cose-main-box{width:80%;margin:3% auto;}
.cose-main-box p a{color:#930101;}
.cose-main-box p a:hover{opacity:.6;}
.cose-main-box h1{padding:1% 0 3%;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}

.cose-main-box-fl{display:flex;width:100%;margin:0 auto;justify-content:space-between;}
.cose-main-box-fl img{width:35%;margin:0 5% 0 10%;object-fit:cover;}
.cose-main-box-l-img-fl p,.cose-main-box-fl p{margin-top:1.5%;}
.cose-main-box-l-img-fl{display:flex;width:100%;margin:0 auto;justify-content:space-between;}
.cose-main-box-l-img-fl img{width:35%;margin:0 10% 0 5%;object-fit:cover;}
.cose-main-box-fl-img-phone{display:none;}
@media screen and (max-width:1050px){
  .cose-main-box-fl img,.cose-main-box-l-img-fl img{height:190px;}
  .cose-main-box-fl img{margin:1.5% 5% 0 10%;}
  .cose-main-box-l-img-fl img{margin:1.5% 10% 0 5%;}
}
@media screen and (max-width:950px){
  .cose-main-box-fl img,.cose-main-box-l-img-fl img{height:150px;}
}
@media screen and (max-width:900px){
  .cose-main-box-fl img,.cose-main-box-l-img-fl img{margin:1.5% 4% 0 4%;}
}
@media screen and (max-width:800px){
  .cose-main-box-fl img,.cose-main-box-l-img-fl img{height:130px;}
  .cose-main-box-fl img{margin:1.5% 2% 0 4%;}
  .cose-main-box-l-img-fl img{margin:1.5% 4% 0 2%;}
}
@media screen and (max-width:700px){
  .cose-main-box-fl,.cose-main-box-l-img-fl{display:block;text-align:center;}
  .cose-main-box-fl-img-phone{display:block;}
  .cose-main-box-fl-img-pc{display:none;}
  .cose-main-box-fl img,.cose-main-box-l-img-fl img{margin:4% auto;width:100%;height:100%;}
  .cose-main-box-l-img-fl p,.cose-main-box-fl p{text-align:left;}
  .cose-in-main h1{top:3%;}
}
@media screen and (max-width:500px){
  .cose-main-box-fl img,.cose-main-box-l-img-fl img{width:100%;}
  .cose-in-main h1{font-size:18px;}
}

.cose-2sec-modering{width:80%;margin:5% auto;}
.cose-2sec-modering h1{text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin:2% auto 4%;position:relative;}
.cose-2sec-modering h1::after{position:absolute;content:'';width:200%;height:4px;background-color:#8f0a0a;bottom:1px;right:0;z-index:0;}
.cose-mode-box{display:flex;justify-content:space-between;width:100%;}
.cose-mode-box-left{width:40%;}
.cose-mode-box-left-sub{width:34%;}
.cose-mode-main-img{width:100%;margin:0 10% 0 0%;}
.cose-mode-right{width:80%;}
.cose-mode-right p{margin:0 0 10% 6%;}
.mode-box-inner-fl{display:flex;width:100%;overflow-x:auto;}
.cose-mode-right a{color:#930101;}
.cose-mode-right a:hover{opacity:.6;}

.cose-2sec-security{background-color:#4391ab;width:100%;height:80px;color:#fff;position:relative;}
.security-in{width:90%;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;}
.security-in-inner{display:flex;align-items:center;}
.security-in-inner h1{font-size:18px;width:50%;font-weight:bold;text-align:center;}
.security-in-inner p{font-size:14px;}

@media screen and (max-width:700px){
  .cose-2sec-modering{width:85%;}
  .cose-mode-box{display:block;text-align:center;}
  .cose-mode-box-left,.cose-mode-right{width:100%;}
  .cose-mode-right p{text-align:left;margin:3% auto 0;width:100%;}
  .cose-2sec-security{height:150px;}
  .security-in-inner{display:block;}
  .security-in-inner h1{width:100%;margin-bottom:2%;}
}
@media screen and (max-width:500px){
  .cose-mode-main-img{width:100%;margin:0 auto;}
  .mode-box-inner-fl{width:100%;}
  .cose-2sec-security{height:180px;}
  .security-in-inner p{font-size:13px;}
}
@media screen and (max-width:430px){
  .cose-2sec-security{height:200px;}
}

/*---------------------- freestyledesign ----------------------*/
.free-in-main{width:100%;margin:0 auto;height:500px;}
.free-main-img{height:509px;}
.free-in-top-img{width:70%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;}
.free-inner-box{width:70%;margin:0 auto 3%;}
.free-inner-box p{position:relative;}
.free-inner-box p::after{position:absolute;content:'';width:100%;height:1px;background-color:linear-gradient(to right, #930101, #3e3e3e);bottom:5%;left:0;z-index:1;}
.free-slider-main-img{width:50%;margin:0 25%;}
.free-slider{width:100%;margin:3% auto;}
.free-slider-all{width:70%;margin:0 auto;}
/* .free-slider-img{width:50%;margin:0 auto;} */
.free-mini-slider{display:flex;width:50%;margin:1% auto;}
.free-mini-slider img{width:20%;margin-right:3%;}
.free-slider p{margin:1% 0 5% 0;}

@media screen and (max-width:1100px){
  .free-main-img{height:430px;}
}
@media screen and (max-width:950px){
  .free-main-img{height:371px;}
}
@media screen and (max-width:800px){
  .free-main-img{height:312px;}
}
@media screen and (max-width:700px){
  .free-in-main{height:400px;}
  .free-in-top-img{width:70%;}
  .free-inner-box{width:80%;}
  .free-slider-main-img{width:80%;margin:0 10%;}
  .free-slider-all{width:80%;}
  .free-slider p{margin:1% 0 5% 0;}
}
@media screen and (max-width:500px){
  .free-in-main{height:350px;}
  .free-inner-box{width:85%;}
  .free-slider-all{width:85%;}
  .free-main-img{height:236px;}
}
@media screen and (max-width:430px){
  .free-main-img{height:204px;}
}

/*---------------------- motor-proto ----------------------*/
.motorproto-main{width:100%;margin:0 auto;height:500px;}
.motorproto-top-img{width:30%;z-index:1;}
.motorproto-top-img1{top:28%;left:28%;}
.motorproto-top-img2{top:10%;left:48%;}
.motorproto-top-img3{top:28%;left:70%;}
.motorproto-toph1{font-weight:bold;}
.motorproto-toph1-1{top:13%;left:5%;}
.motorproto-toph1-2{top:23%;left:5%;color:#9B9B9B;font-size:20px;}
@media screen and (max-width:1200px){
  .motorproto-top-img{width:25%;}
  .motorproto-top-img1{top:40%;}
  .motorproto-top-img2{top:16%;}
  .motorproto-top-img3{top:40%;}
}
@media screen and (max-width:950px){
  .motorproto-main{height:400px;}
  .motorproto-top-img{width:20%;}
  .motorproto-top-img1{top:50%;left:40%;}
  .motorproto-top-img2{top:27%;left:55%;}
  .motorproto-top-img3{top:50%;left:70%;}
  .motorproto-toph1-2{font-size:17px;}
}
@media screen and (max-width:700px){
  .motorproto-main{height:420px;}
  .motorproto-top-img1{top:55%;}
  .motorproto-top-img2{top:33%;}
  .motorproto-top-img3{top:55%;}
}
@media screen and (max-width:500px){
  .motorproto-top-img{width:130px;}
  .motorproto-top-img1{left:20%;}
  .motorproto-top-img2{left:40%;}
  .motorproto-top-img3{left:60%;}
  .motorproto-toph1-2{font-size:13px;}
}

/*---------------------- motor-proto ----------------------*/
.inwheel-box{width:100%;margin:0 auto;padding:2% 0;}
.inwheel-top-fl{display:flex;width:100%;margin:4% auto 0;}
.inwheel-top-fl .img-w-6{width:60%;margin:2% 20%;}
.inwheel-contents-box{width:80%;margin:0 auto;}
.inwheel-contents-inner-box,.inwheel-contents-graph{width:100%;margin:0 auto;}
.inwheel-top-img{width:90%;margin:3% 5% 1%;}
.inwheel-contents-box-inner{width:100%;margin:0 auto;padding-top:5%;padding-right:8%;}
/* .inwheel-contents-box-inner-mini{width:90%;justify-content:space-between;margin:0 auto;} */
/* .inwheel-contents-box-inner-mini img{width:15.75%;}
.inwheel-contents-box-inner-mini a img:hover{opacity:.5;} */
.inwheel-top-h1{text-align:center;margin:3% auto;font-size:20px;color:#1a3f90;}
.inwheel-contents-box hr{box-shadow:0 0 1px #515151;margin-bottom:2%;}
.inwheel-top-h1 span{color:#cb0000;font-size:16px;margin-left:1%;}
.inwheel-contents-box h1{font-size:20px;font-weight:bold;}
.inwheel-contents-inner-box h1{position:relative;margin:0 0 1% 3%;}
.inwheel-contents-inner-box h1::before{position:absolute;content:'';width:5px;height:5px;top:11px;left:-23px;background-color:#D81212;border:1.7px solid #D81212;transform:rotate(45deg);}
.inwheel-contents-inner-box h2{font-size:18px;font-weight:bold;margin:0 0 1% 3%;}
.inwheel-contents-inner-box p{margin-bottom:2%;}
.inwheel-contents-graph{margin-top:2%;}
.inwheel-contents-graph h1{margin-bottom:2%;}
.inwheel-contents-graph ul{display:flex;width:80%;border-bottom:1px solid #6b6b6b;margin-left:3%;}
.inwheel-co-left{width:30%;margin:2% 3%;}
.inwheel-co-right{width:50%;margin:2% 3%;}

.inwheel-test{width:100%;margin:3% auto 0;padding-bottom:3%;}
.inwheel-test-ttl{font-size:24px;margin-left:10%;font-weight:bold;}
.inwheel-test-box{width:80%;margin:2% auto;max-width:1200px;}
.inwheel-test-box-inner{width:100%;margin:0 auto;}
.inwheel-test-box-inner h1{font-size:20px;font-weight:bold;margin:2% 0 2.5%;position:relative;}
.inwheel-test-box-inner h1::after{position:absolute;content:'';width:100%;height:1px;background-color:#D80000;bottom:-5px;left:0;}
.inwheel-test-box-inner ul{display:flex;flex-wrap:wrap;justify-content:center;}
.inwheel-test-box-inbox{width:40%;margin:2% 5%;}
.inwheel-test-box-inbox h2{font-size:18px;font-weight:bold;margin:1% 0;}
.last-test-box{width:65%;margin:2% 5%;}
.last-test-box h2{font-size:18px;font-weight:bold;margin:1% 0;}
.last-test-box img{width:100%;}
.inwheel-test-box-inbox img{width:100%;}
.inwheel-test-box-inner-inbox p{width:100%;}
@media screen and (max-width:1050px){
  .inwheel-top-img{margin:3% 0 1% 0;}
  .inwheel-contents-box-inner-mini{margin:0;}
  .inwheel-contents-box-inner-mini img{width:15.6%;}
  .inwheel-contents-graph ul{width:100%;}
}

@media screen and (max-width:950px){
  .inwheel-contents-box-inner{width:50%;}
  .inwheel-contents-graph{width:70%;}
}
@media screen and (max-width:800px){
  .inwheel-test-box-inbox{width:45%;margin:2% 2.5%;}
  .last-test-box{width:70%;}
}
@media screen and (max-width:700px){
  .inwheel-top-fl{display:block;}
  .inwheel-top-img{width:100%;}
  .inwheel-contents-box-inner{padding-right:0;width:100%;}
  .inwheel-contents-graph{width:100%;}
  .inwheel-contents-graph ul{margin-left:0;}
  .inwheel-contents-box h1{font-size:18px;}
  .inwheel-test-ttl{font-size:20px;width:85%;margin:0 auto;}
  .inwheel-test-box{width:87%;}
  .inwheel-test-box-inbox{width:47%;margin:2% 1.5%;}
  .inwheel-test-box-inner h1{font-size:17px;}
  .last-test-box{width:97%;margin:2% auto;}
	.inwheel-contents-inner-box h2{font-size:18px;margin:1% 0 1% 5%;}
}
@media screen and (max-width:500px){
  .inwheel-contents-box{width:85%;}
  .inwheel-contents-box-inner-mini img{width:23%;}
  .inwheel-contents-box hr{margin-bottom:3%;}
  .inwheel-test{margin:8% auto 0;padding-bottom:5%;}
  .inwheel-test-box-inbox{width:95%;margin:5% auto;}
  .inwheel-test-box-inner h1{font-size:16px;}
  .last-test-box{width:95%;}
}
@media screen and (max-width:430px){
  .inwheel-contents-box h1{font-size:16px;}
}


/*---------------------- 薄型インホイール ----------------------*/
.thin-iwn{width:80%;margin:1% auto 0;}
.thin-iwn-fl{display:flex;justify-content:space-between;}
.thin-iwn-fl img{width:35%;margin:3% auto;}
@media screen and (max-width:700px){
	.thin-iwn{width:100%;margin:1% auto 0;}
  .thin-iwn-fl{display:block;width:80%;justify-content:unset;margin:1% auto 0;}
	.thin-iwn-fl img{width:100%;margin:2% auto%;}
}
/*---------------------- TDRインバータ ----------------------*/
.inwheel-contents-inner-box span{font-weight:bold;}

/*---------------------- ICAM ----------------------*/
.icam-ttl{margin:4% auto 2%;}
.icam-add{margin:3% auto;}
.icam-box{display:flex;width:90%;margin:1% auto 0;justify-content:space-between;max-width:1200px;padding:1%;}
.icam-box-left{width:45%;margin:1% 2.5%;}
.icam-left-img{width:90%;margin:0 auto;}
.icam-img-mini{width:100%;margin:1% auto;}
.icam-img-mini img{width:20%;margin:1% 1% 0 0;}
.icam-box-right{width:50%;margin:0 auto;}
.icam-box-right h1{font-weight:bold;margin-bottom:3%;}
.icam-box-right p a{color:#bb2c2c;font-weight:bold;}
@media screen and (max-width:1050px){
  .icam-box-left{width:40%;margin:1% 0 1% 2.5%;}
  .icam-box-right{width:55%}
}

@media screen and (max-width:900px){
  .icam-box{display:block;padding:3% 0;}
.icam-box-left{width:80%;margin:1% auto;}
  .icam-left-img{width:100%;}
  .icam-box-right{width:80%}
}

@media screen and (max-width:500px){
  .icam-box-left{width:85%;}
  .icam-box-right{width:85%}
}

/*---------------------- anaglyph ----------------------*/
.anaglyph-box{width:80%;margin:0 auto;text-align:center;}
.anaglyph-box img{width:60%;margin:3% auto;}
.anaglyph-box h1{margin:0 auto 4%;}
.anaglyph-se-box{width:80%;margin:0 auto 3%;}
.anaglyph-se-box p{margin:0 auto 3%;}
.anaglyph-se-box hr{box-shadow:0 0 1px #515151;margin-bottom:2%;}
.an-fl{display:flex;flex-wrap:wrap;justify-content:space-between;width:80%;margin:2% auto;}
.an-fl img{width:45%;margin:2% auto;}
.an-ta td{padding:1% 0;}

@media screen and (max-width:500px){
  .anaglyph-se-box{width:85%;margin:0 auto 10%;}
  .anaglyph-box img{width:80%;margin:10% auto 7%;}
}

/*---------------------- Polyworx ----------------------*/
.polyworx-box{width:80%;margin:0 auto;text-align:center;}
.polyworx-box img{width:50%;margin:3% auto -1%;}
.polyworx-box h2{font-size:20px;margin:1% auto;}
.polyworx-p-box hr{box-shadow:0 0 1px #515151;margin:3% auto 0;}
.polyworx-p-box{width:80%;margin:3% auto 2%;}
.polyworx-pic-box{margin:2% auto;width:100%;}
.polyworx-pic-main-box{width:80%;margin:0 auto;}
.polyworx-pic-main-box hr{box-shadow:0 0 1px #515151;margin:0 auto 3%;width:80%;}
.polyworx-pic-main-box p{font-size:20px;margin:0 0 3% 10%;}
.polyworx-pic-inner-box{margin:2% 10% 4% 15%;width:60%;display:flex;justify-content:space-between;}
.pol-pic-img1{width:45%;}
.pol-pic-img2{width:55%;margin-left:10%;}
.pol-pic-img3{width:40%;}
.pol-pic-img4{width:40%;margin-left:10%;}
.pol-pic-img5{width:45%;}
.pol-pic-img6{width:55%;margin-left:10%;}

.polyworx-contents-box{width:80%;margin:0 auto 1%;}
.polyworx-contents-box h1{font-weight:bold;margin:0 0 1% 2.5%;position:relative;}
.polyworx-contents-box h1::before{position:absolute;content:'';width:5px;height:5px;top:14px;left:-23px;background-color:#D81212;border:1.7px solid #D81212;transform:rotate(45deg);}
.polyworx-contents-inner-box-p{margin-bottom:3%;}
.polyworx-contents-box ul li p{margin:1% 0 1% 2%;position:relative;}
.polyworx-contents-box ul li p::after{position:absolute;content:'';width:2px;height:2px;top:10px;left:-15px;background-color:#cb6363;border:1.7px solid #cb6363;transform:rotate(45deg);}
.polyworx-contents-box hr{box-shadow:0 0 1px #515151;margin:3% auto 0;}

.polyworx-company-box{width:80%;margin:2% auto 1%;}
.polyworx-company-box h1{margin:0 0 1% 5%;position:relative;}
.polyworx-company-box h1::after{position:absolute;content:'';width:50px;height:1px;top:18px;left:-65px;background-color:#c1c1c1;}
.polyworx-company-innrer-box{width:100%;margin:0 auto;display:flex;justify-content:space-between;}
.polyworx-company-innrer-box-in{width:100%; margin:3% auto;}
.polyworx-co1{width:53.1%;height:40%;margin:3% 0 0 10%;}
.polyworx-co2{width:60%;margin-left:10%;}
.polyworx-co3{width:60%;margin-left:10%;}

.rtm-worx-box{width:80%;margin:0 auto;}
.rtm-worx-box h2{font-weight:bold;}
.rtm-worx-box ul{display:flex;flex-wrap:wrap;justify-content:center;}
.rtm-worx-box a{width:290px;height:250px;background-color:#7C7C7C;margin:2%;}
.rtm-worx-box li p{color:#fff;width:270px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;}
.rtm-worx-box a{position:relative;}
.rtm-worx-box a::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:#484848;z-index:1;opacity:.6;}
.rtm-work-box-img1{background-image:url(./img/polyworx-work1.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.rtm-work-box-img2{background-image:url(./img/polyworx-work2.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.rtm-work-box-img3{background-image:url(./img/polyworx-work3.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.rtm-work-box-img4{background-image:url(./img/polyworx-work4.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.rtm-work-box-img5{background-image:url(./img/polyworx-work5.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.rtm-work-box-img6{background-image:url(./img/polyworx-work6.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.rtm-work-box-img7{background-image:url(./img/polyworx-work7.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.rtm-work-box-img8{background-image:url(./img/polyworx-work8.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.rtm-work-box-img9{background-image:url(./img/polyworx-work9.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
@media screen and (max-width:1300px){
  .rtm-worx-box h2{margin:5% auto 2%;}
  .rtm-worx-box a{width:240px;height:240px;}
  .rtm-worx-box li p{width:90%;}
}
@media screen and (max-width:1050px){
  .rtm-worx-box a{width:223px;height:220px;}
}
@media screen and (max-width:950px){
  .rtm-worx-box a{width:290px;height:230px;}
}
@media screen and (max-width:800px){
  .polyworx-pic-inner-box{margin:2% auto 4%;width:70%;}
  .polyworx-pic-main-box hr{width:90%;}
  .rtm-worx-box a{width:255px;height:210px;}
}
@media screen and (max-width:700px){
  .polyworx-box h2{font-size:18px;margin:1% auto 3%;}
  .polyworx-box img{width:80%;}
  .polyworx-pic-inner-box{margin:10% auto;width:70%;}
  .polyworx-pic-main-box hr{width:100%;}
  .polyworx-pic-main-box p{margin:3% 0 3% 10%;}
  .pol-pic-img1,.pol-pic-img2,.pol-pic-img3,.pol-pic-img4,.pol-pic-img5,.pol-pic-img6{object-fit:contain;}
  .rtm-worx-box{width:90%;}
  .rtm-worx-box a{width:46%;height:200px;}
}
@media screen and (max-width:500px){
  .polyworx-box{width:90%;}
  .polyworx-p-box,.polyworx-pic-main-box,.polyworx-contents-box,.polyworx-company-box{width:85%;}
  .polyworx-pic-main-box p{margin:3% 0;}
  .polyworx-company-box h1{margin:3% 0;}
  .rtm-worx-box a{width:100%;}
}
@media screen and (max-width:430px){
  .polyworx-box h2{font-size:17px;}
  .polyworx-pic-main-box p{font-size:17px;}
  .polyworx-pic-inner-box{width:90%;}
  .pol-pic-img1,.pol-pic-img2,.pol-pic-img3,.pol-pic-img4,.pol-pic-img5,.pol-pic-img6{width:45%;}
  .pol-pic-img2,.pol-pic-img4,.pol-pic-img6{margin-left:0%;}
  .polyworx-company-innrer-box{flex-wrap:wrap;}
  .polyworx-co1{width:100%;margin:3% auto;}
  .polyworx-company-innrer-box-in{display:flex;justify-content:space-between;}
  .polyworx-co2,.polyworx-co3{width:45%;margin:0;}
}

/*---------------------- 減速機 ----------------------*/
.gearbox-main{width:80%;margin:0 auto;}
.gearbox-main-box{width:100%;margin:1.5% auto 0;}
.g-m-b-top-fl{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin:5% auto 3%;}
.g-m-b-top-fl li{width:40%;margin:0 5%;}
.g-m-b-top-fl li p{width:100%;margin:0 5%;}
.g-m-b-top-fl li img{width:100%;}
.g-m-b-ab{width:100%;margin:5% auto 3%; height:450px;}
.g-m-b-ab li p{margin-left:17%;}
.g-m-b-img1,.g-m-b-img2,.g-m-b-img3{position:absolute;}
.g-m-b-img1{top:0;left:0;}
.g-m-b-img1 img{width:50%;}
.g-m-b-img2{top:25%;left:32%;}
.g-m-b-img2 img{width:50%;}
.g-m-b-img3{top:45%;left:70%;}
.g-m-b-img3 img{width:90%;}
.g-m-b-ab-p{margin:3% auto;}
.gearbox-main p{position:relative;}
.gearbox-main p::after{position:absolute;content:'';width:5px;height:5px;top:9px;left:-20px;background-color:#D81212;border:1.7px solid #D81212;transform:rotate(45deg);}
@media screen and (max-width:1300px){
  .g-m-b-ab li p{margin-left:5%;}
}
@media screen and (max-width:1200px){
  .g-m-b-img1 img{width:40%;}
  .g-m-b-img2 img{width:45%;}
}
@media screen and (max-width:700px){
  .gearbox-main{width:85%;}
  .g-m-b-ab{height:600px;}
  .g-m-b-img1 img,.g-m-b-img2 img,.g-m-b-img3 img{width:240px;}
  .g-m-b-ab li p{margin-left:10%;width:100%;}
  .g-m-b-img2{top:29%;left:25%;}
  .g-m-b-img3{top:unset;left:unset;bottom:18%;right:0px;}
}
@media screen and (max-width:500px){
  .g-m-b-top-fl{margin:5% auto;}
  .g-m-b-top-fl li{width:80%;margin:0 auto;}
  .g-m-b-img1,.g-m-b-img2,.g-m-b-img3{position:static;width:100%;text-align:center;margin:5% auto;}
  .g-m-b-ab{height:100%;margin:15% auto 5%;}
  .g-m-b-img1 img,.g-m-b-img2 img,.g-m-b-img3 img{width:80%;}
  .g-m-b-ab li p{text-align:left;}
}
/*---------------------- 試験機 ----------------------*/
.teststand-main{width:100%;margin:0 auto;height:400px;}
.test-main-img1,.test-main-img2{position:absolute;}
.test-main-img1{top:1%;left:11%;z-index:1;width:23%;}
.test-main-img2{bottom:0;left:14%;transform:rotate(5deg);z-index:5;width:24%;}
.test-main-bk-img{width:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;}
.test-main-ha{position:absolute;left:59%;top:22%;}
.teststand-main h2{border-bottom:1px solid #7C7C7C;padding-bottom:.5%;display:inline-block;}
.teststand-main a{color:#626262;font-size:16px;display:block;margin-top:1%;}
.teststand-main a:hover{border-bottom:1px solid #626262;}
/* .test-top-a1{left:59%;top:34%;}
.test-top-a2{left:59%;top:43%;}
.test-top-a3{left:59%;top:52%;}
.test-top-a4{left:59%;top:61%;}
.test-top-a5{left:59%;top:70%;} */
.teststand-box{width:80%;margin:2% auto;}
.teststand-box h2{margin:0 4% 0 2%;position:relative;display:inline-block;}
.teststand-box h2::before{position:absolute;content:'';width:4px;height:18px;background-color:#de3b3b;top:7.5px;left:-15px;}
.teststand-box p{margin:1% 0 1% 2%;}
.teststand-ul-box{width:90%;flex-wrap:wrap;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;}
.teststand-ul-box img{width:30%;margin:0 0 0 0;}
.teststand-box ul{width:35%;margin:2% 0 0;}
.teststand-box ul li{margin-bottom:5%;position:relative;}
.teststand-box ul li::after{position:absolute;content:'';width:2px;height:2px;top:10px;left:-15px;background-color:#909090;border:1.7px solid #909090;transform:rotate(45deg);}
.teststand-box ul li a{color:#485be9;}
.teststand-box ul li a:hover{border-bottom:1px solid #142ef1;}

.shousai-a{width:80%;margin:2% auto;text-align:center;}
.teststand-box-ttl-a{padding:5px 20px 8px 20px;background-color:#de3b3b;color:#fff;}
.teststand-box-ttl-a:hover{background-color:#bd1b1b;}

.teststand-box-fl{width:80%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1200px;padding:2% 0;}
.teststand-box-fl h2{margin:0 4% 2% 2%;position:relative;display:inline-block;font-weight:bold;font-size:20px;}
.teststand-box-fl h2::before{position:absolute;content:'';width:4px;height:18px;background-color:#de3b3b;top:6.5px;left:-15px;}
.teststand-box-fl img{width:30%;height:200px;object-fit:cover;}
.teststand-ul-box2{width:60%;}
.teststand-ul-box2 p{margin-bottom:1%;}
.shousai-a-l{margin-top:5%;}
.teststand-box-fl-ul li{margin-bottom:3%;}
.tankieng-main-fl-inner{display:flex;flex-wrap:wrap;justify-content:space-between;width:80%;margin:0 auto;}
@media screen and (max-width:1100px){
  .teststand-box-fl img{height:180px;}
}
@media screen and (max-width:950px){
  .test-main-img1{top:10%;left:9%;width:25%;}
  .test-main-img2{bottom:12%;left:10%;width:27%;}
  .teststand-ul-box{width:100%;}
  .test-main-ha{left:56%;}
  .teststand-box-fl{width:85%;padding:4% 0;}
  .teststand-box-fl img{height:160px;}
}
@media screen and (max-width:800px){
  .test-main-ha{left:49%;}
  .teststand-box-fl{display:block;}
  .teststand-box-fl img{width:500px;height:270px;margin-top:5%;}
  .teststand-ul-box2{width:100%;}
  .teststand-box-fl-ul-all{display:flex;width:100%;}
}
@media screen and (max-width:700px){
  .teststand-main{height:450px;}
  .test-main-img1,.test-main-img2,.test-main-ha{position:static;}
  .test-main-img1,.test-main-img2{width:35%;margin:5% 5%;}
  .test-main-ha{width:80%;margin:0% auto 0;}
  .teststand-ul-box img{width:70%;margin:5% auto;}
  .teststand-box ul{width:50%;margin:2% 0 0;}
}
@media screen and (max-width:600px){
  .test-main-ha{margin:5% auto 0;}
  .teststand-box-fl img{width:400px;height:240px;}
}
@media screen and (max-width:500px){
  .test-main-img1,.test-main-img2{width:40%;margin:5% 4%;}
  .teststand-main a{font-size:15px;}
  .teststand-box ul li::after{left:-10px;}
  .teststand-box-fl img{width:100%;height:250px;}
  .teststand-box-fl-ul-all{display:block;}
  .teststand-box-fl h2{font-size:18px;}
  .teststand-box-fl h2::before{top:5.5px;}
}
@media screen and (max-width:430px){
  .test-main-img1,.test-main-img2{margin:11% 4%;}
  .teststand-box ul{width:90%;margin:0 auto;}
  .teststand-box ul li{margin-bottom:1%;}
  .teststand-box-fl{width:90%;}
  .teststand-box-fl h2{font-size:16px;}
  .teststand-box-fl h2::before{top:3.5px;}
  .teststand-box-fl img{height:230px;}
}


/*---------------------- 単気筒試験エンジン ----------------------*/
.tankieng-main{width:80%;margin:0% auto;}
.tankieng-main-fl{width:100%;margin:0 auto 2%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.tankieng-main-fl li{width:50%;}

.tankieng-main-fl-l img{width:80%;margin:2% auto 0;}
.tankieng-main-fl-r{margin:6% 0;}
.tankieng-main-fl-r img{width:100%;margin:2% auto;}
.tanki-box2{width:80%;margin:0 auto;padding-bottom:2%;border-bottom:1px solid #484848;}
.tanki-box3{width:80%;margin:2% auto;}
.tanki-box3 h1{margin:0 0 2% 2%;position:relative;font-size:20px;}
.tanki-box3 h1::after{position:absolute;content:'';width:4px;height:18px;background-color:#de3b3b;top:6.5px;left:-15px;}
.tanki-box3 li{margin:0 0 1.5% 4%;}
.tanki-box3-li{position:relative;}
.tanki-box3-li::after{position:absolute;content:'';width:3px;height:3px;top:9px;left:-18px;background-color:#585858;border:1.7px solid #585858;transform:rotate(45deg);}
.tanki-table{border-collapse:collapse;width:70%;margin:3% auto;}
.tanki-table td{border:1px solid #484848;}
.tanki-table-ttl{text-align:center;padding:1% 0;background-color:#cdcdcd;}
.tanki-table-con{padding:0 0 1% 2%;}

.tanki-box3{margin:0 auto;padding:2% 0;border-top:1px solid #484848;}
.tanki-box3 h1{font-weight:bold;font-size:20px;}
.tanki-box3-fl{width:100%;margin:0 auto 2%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.tanki-box3-fl img{width:30%;margin:0 auto;}
.tanki3-fl-inner,.tanki-box3-fl-p1{width:58%;margin:0 auto;}
.red{color:#d53939;margin-top:2%;}
.tank-p{margin:1% 0 2% 3%;}

@media screen and (max-width:950px){
  .tanki-table{width:80%;}
  .tanki-box3-fl img{object-fit:contain;}
}
@media screen and (max-width:700px){
  .tanki-box2,.tanki-box3{width:85%;}
  .tanki-table{width:90%;}
  .tanki-table td{font-size:14px;}
  .tanki-box3-fl{display:block;}
  .tanki-box3-fl img{width:70%;}
  .tanki3-fl-inner,.tanki-box3-fl-p1{width:100%;}
  .tank-p{margin:1% 0 2% 0%;}
}
@media screen and (max-width:500px){
  .tankieng-main-fl{justify-content:center;}
  .tankieng-main-fl li{width:70%;}
  .tanki-table td{font-size:13px;}
  .tanki-box3 li{margin:0 0 0% 4%;font-size:13px;}
  .tanki-box3-fl img{width:100%;}
}



/*---------------------- e-Axleテストベンチ ----------------------*/
.test-main-img3,.test-main-img4{position:absolute;}
.test-main-img3{top:1%;left:33%;z-index:1;width:30%;}
.test-main-img4{bottom:0;left:36%;transform:rotate(5deg);z-index:5;width:30%;}
.eaxle-box{width:80%;margin:0 auto;}
.eaxle-box-img{width:60%;margin:2% 20%;}
.eaxle-box2{width:80%;margin:2% auto 0;}
.eaxle-box2 h1{margin:0 0 1% 2%;position:relative;font-size:20px;font-weight:bold;}
.eaxle-box2 h1::after{position:absolute;content:'';width:4px;height:18px;background-color:#de3b3b;top:6.5px;left:-15px;}

.eaxle-box2 li{position:relative;margin:0 0 1.5% 4%;}
.eaxle-box2 li::after{position:absolute;content:'';width:3px;height:3px;top:9px;left:-18px;background-color:#585858;border:1.7px solid #585858;transform:rotate(45deg);}

@media screen and (max-width:950px){
  .eaxle-box2{width:90%;}
}
@media screen and (max-width:700px){
  .eaxle-box{width:90%;}
  .eaxle-box2 h1{margin:0 0 1% 3%;}
  .eaxle-box2 li{font-size:14px;}
  .test-main-img3{top:7%;left:11%;width:280px;}
  .test-main-img4{bottom:10%;left:unset;right:10%;width:300px;}
}
@media screen and (max-width:500px){
  .test-main-img3{left:7%;width:270px;}
  .test-main-img4{right:10%;width:290px;}
  .eaxle-box2 h1{font-size:17px;margin:0 0 1% 4%;}
  .eaxle-box2 li{font-size:13px;}
}
@media screen and (max-width:430px){
  .test-main-img3{left:7%;width:250px;}
  .test-main-img4{right:10%;width:270px;}
}

/*---------------------- 高速モータベンチ ----------------------*/
.motorbench-main-img{top:6%;left:30%;z-index:4;width:37%;}



/*---------------------- 回転変動テストスタンド ----------------------*/
.multi-top-img{top:15%;left:32%;z-index:4;width:36%;}
.eaxle-box ul{margin:1% 2% 2%;}
.eaxle-box ul li{font-weight:bold;margin-bottom:1.5%;position:relative;}
.eaxle-box ul li::after{position:absolute;content:'';width:3px;height:3px;top:10px;left:-17px;background-color:#666666;border:.7px solid #666666;transform:rotate(45deg);}
.eaxle-box ul li span{font-weight:lighter;font-size:14px;margin-left:1%;}
.eaxle-box2-link{width:40%;margin:1% 0 0 10%;}
.eaxle-box2-link a{color:#00909d;}
.eaxle-box2-inner-fl{display:flex;flex-wrap:wrap;justify-content:space-between;}
.eaxle-box2-inner-fl img{width:30%;margin:-2% 15% 0 5%;}
.eaxle-box2 h2{font-size:16px;font-weight:bold;margin:2% 0 .5% 2%;position:relative;}
.eaxle-box2 h2::after{position:absolute;content:'';width:4px;height:4px;top:10px;left:-16px;background-color:#666666;border:1.2px solid #666666;transform:rotate(45deg);}
.eaxle-box2 p{margin-left:4%;}
.eaxle-box2-mini-fl{width:90%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:1% auto;}
.eaxle-box2-mini-fl-l{width:20%;}
.eaxle-box2-mini-fl-r{width:80%;}
@media screen and (max-width:800px){
  .multi-top-img{width:320px;top:22%;}
}
@media screen and (max-width:700px){
  .multi-top-img{width:320px;top:22%;left:50%;transform:translate(-50%,0);}
  .eaxle-box2-inner-fl{display:block;}
  .eaxle-box2-link{width:90%;margin:5% auto;}
  .eaxle-box2-inner-fl img{width:50%;margin-left:5%;}
  .multi-img{width:90%;margin-left:5%;}
}
@media screen and (max-width:500px){
  .multi-top-img{width:300px;}
  .eaxle-box2-inner-fl img{width:80%;}
  .multi-img{width:100%;margin-left:0;}
}

/*---------------------- inverteremu ----------------------*/
.inverteremu-top-img{top:0;left:38%;z-index:4;width:26%;}
.inv2-box{margin:1.5% 1% 2%;}
.eaxle-box6 table{width:90%;margin:2% auto 0;border-collapse:collapse;}
.eaxle-box6 table th{text-align:left;font-weight:bold;font-size:20px;padding:1% 1% 1% 3%;}
.eaxle-box6 table td{border:1px solid #484848;padding:1% 1% 1% 3%;}
.ea-ta-bk{background-color:#cdcdcd;}
.ea-ta-p{width:90%;margin:0 auto 3%;}
.ea-ta-p p span{font-size:10px;}
.ea-ta-p p{font-size:12px;margin:0;}
.eaxle-box2-rad{border-radius:5%;width:60%;margin:2% 20%;}

.eaxle-box6{width:80%;margin:2% auto 0;}
.eaxle-box6 h1{margin:0 0 1% 2%;position:relative;font-size:20px;font-weight:bold;}
.eaxle-box6 h1::after{position:absolute;content:'';width:4px;height:18px;background-color:#de3b3b;top:6.5px;left:-15px;}

.eaxle-box6 li{position:relative;margin:0 0 1.5% 4%;}
.eaxle-box6 li::after{position:absolute;content:'';width:3px;height:3px;top:9px;left:-18px;background-color:#585858;border:1.7px solid #585858;transform:rotate(45deg);}

@media screen and (max-width:1100px){
  .eaxle-box6 table td{padding:1% 5px;}
}
@media screen and (max-width:950px){
  .eaxle-box6{overflow-x:scroll;width:90%;}
  .eaxle-box6 table{white-space:nowrap;}
  .eaxle-box6 table td{padding:1% 10px;}
}
@media screen and (max-width:700px){
  .eaxle-box6 table td{font-size:14px;}
  .eaxle-box6{width:90%;}
  .eaxle-box6 h1{margin:0 0 1% 3%;}
  .eaxle-box6 li{font-size:14px;}
}
@media screen and (max-width:500px){
  .eaxle-box6 h1{font-size:18px;margin:0 0 1% 4%;}
  .eaxle-box6 li{font-size:13px;}
  .eaxle-box6 table td{font-size:13px;}
}


/*---------------------- バッテリーシミュレータ ----------------------*/
.battery-top-img{z-index:4;width:26%;}
.battery-top-img1{top:5%;left:45%;}
.battery-top-img2{top:24%;left:23%;}

.eaxle-box2-fl{display:flex;flex-wrap:wrap;justify-content:space-between;margin:5% auto 0;padding-bottom:3%;width:80%;}
.eaxle-box2-img1{width:30%;margin:0 auto;}
.eaxle-box2-img2{width:50%;margin:0 auto;}

@media screen and (max-width:950px){
  .battery-top-img1{top:10%;}
  .battery-top-img2{top:30%;}
  .inverteremu-top-img{top:50%;left:50%;transform:translate(-50%, -50%);}
}
@media screen and (max-width:800px){
  .battery-top-img1{top:15%;}
  .battery-top-img2{top:37%;}
  .eaxle-box2-fl{width:90%;}
  .inverteremu-top-img{width:40%;}
}
@media screen and (max-width:700px){
  .battery-top-img{width:200px;}
  .battery-top-img1{left:unset;right:10%;}
  .battery-top-img2{left:10%;}
  .inverteremu-top-img{width:50%;}
}
@media screen and (max-width:500px){
  .battery-top-img2{left:6%;}
  .eaxle-box2-img1{width:90%;margin:2% auto;}
  .eaxle-box2-img2{width:90%;}
  .eaxle-box2 td{font-size:13px;}
  .inverteremu-top-img{width:70%;}
}
@media screen and (max-width:430px){
  .battery-top-img{width:170px;}
  .eaxle-box2-img1{width:100%;}
  .eaxle-box2-img2{width:100%;}
}

/*---------------------- モータシミュレータ ----------------------*/
.eaxle-box3{width:80%;margin:2% auto 0;}
.eaxle-box3 h2{margin:0 0 1% 2%;position:relative;font-size:20px;font-weight:bold;}
.eaxle-box3 h2::after{position:absolute;content:'';width:4px;height:18px;background-color:#de3b3b;top:6.5px;left:-15px;}
.eaxle-box3 p{margin-left:1%;}
.eaxle-box3 li{position:relative;margin:0 0 2% 3%;}
.eaxle-box3 li::after{position:absolute;content:'';width:3px;height:3px;top:10px;left:-10px;background-color:#585858;border:1.7px solid #585858;transform:rotate(45deg);}
@media screen and (max-width:500px){
  .eaxle-box3{width:90%;}
  .eaxle-box3 h2{font-size:18px;}
  .eaxle-box3 h2::after{top:5.5px;}
}
@media screen and (max-width:430px){
  .eaxle-box3 h2{font-size:16px;}
  .eaxle-box3 h2::after{top:3.5px;}
}


/*---------------------- 極低速 ----------------------*/
.gokutei{padding-bottom:2%;}



/*---------------------- スーパーフラット ----------------------*/
.superflat1{margin:4% auto 3%;}
.eaxle-box2-img3{width:40%;margin:0 auto;}
.eaxle-box2-img4{width:40%;margin:0 auto;}


/* 画像サイズ */
.img-w-6{width:60%;margin:2% 20%;}
.img-w-4{width:40%;margin:2% 30%;}

.anaglyph-soft-box{width:100%;margin:0 auto;}
.anaglyph-soft-inner-box{width:100%;margin:3% auto 0;display:flex;justify-content:space-between;}
.anaglyph-soft-inner-box a{width:200px;margin:.5% 5% 3% 0;}
.anaglyph-soft-inner-box img{width:200px;margin:.5% 5% 3% 0;}
.anaglyph-soft-inner-box-in h1{margin-bottom:1%;}

@media screen and (max-width:700px){
	.anaglyph-soft-inner-box{width:100%;margin:3% auto 0;display:block;}
	.anaglyph-soft-inner-box a{width:100%;margin:3% 0;}
    .anaglyph-soft-inner-box img{width:50%;margin:3% 25%;}
}

/*---------------------- footer ----------------------*/
footer{width:100%;margin:0 auto;background-color:#D7D7D7;height:280px;}
footer h2{font-size:18px;font-weight:bold;}
footer li a{font-size:14px;color:#515151;}
.fo-inner{margin:0 auto;width:100%;height:280px;}
.fo-ttl img{width:200px;}
.fo-ttl{top:20px;left:30px;}
.fo-ttl:hover{opacity:.8;}
.fo-sns{width:30px;}
.fo-sns:hover{opacity:.8;}
.fo-sns1{top:120px;left:30px;}
.fo-sns2{top:170px;left:30px;}
.fo-sns3{top:220px;left:30px;}
.fo-left-box{top:155px;left:90px;}
.fo-right-box{justify-content:space-between;margin-left:22%;}
.fo-right-inner-box{margin:50px 0 0 0;}
footer p{bottom:0;right:0;font-size:12px;color:#6b6b6b;}
.top-back-bb{top:0;right:0;background-color:#8f0a0a;width:100px;height:100px;text-align:right;padding:10px;clip-path:polygon(0 0,100% 0,100% 100%, 0 0);color:#fff;}
.top-back-bb:hover{box-shadow:0 4px 4px inset rgba(0, 0, 0, 0.45);}
.fo-left-box li a:hover,.fo-right-box li a:hover{opacity:.6;}


.li-shi {
  position: relative;
  margin-left: 3%;
}

.li-shi::after {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  top: 9px;
  left: -17px;
  background-color: #D81212;
  border: 1.7px solid #D81212;
}

.li-shi-b {
  position: relative;
  margin-left: 3%;
}

.li-shi-b::after {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  top: 9px;
  left: -17px;
  background-color: #1604e0;
  border: 1.7px solid #1604e0;
}

.li-shi-bl {
  position: relative;
  margin-left: 3%;
}

.li-shi-bl::after {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  top: 9px;
  left: -17px;
  background-color: #000000;
  border: 1.7px solid #000000;
}


/* ポップアップの背景（最初は非表示） */
#bg-image-modal {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.9); /* 少し濃いめの透過黒 */
    z-index: 10000;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* 表示状態 */
#bg-image-modal.is-active {
    display: flex;
    opacity: 1;
}

/* 画像のスタイル */
#modal-content {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    box-shadow: 0 0 30px rgba(0,0,0,0.5);
    border: 2px solid #fff; /* TODA RACINGのサイトに合わせて白枠で引き締める */
    transform: scale(0.9);
    transition: transform 0.3s ease;
}

#bg-image-modal.is-active #modal-content {
    transform: scale(1);
}

/* 閉じるボタン（任意） */
.close-btn {
    position: absolute;
    top: 20px; right: 30px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
}


/* ベースの固定ヘッダー設定 */
.scroll-header-menu {
    position: fixed;
    top: -100px; /* 最初は上に隠しておく */
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95); /* 2枚目に合わせた白背景（少し透過） */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: top 0.4s ease; /* スッと降りてくるアニメーション */
    z-index: 9999;
    border-bottom: 2px solid #e60012; /* 下線にブランドカラーの赤 */
}

/* スクロール時にJSでこのクラスを付与 */
.scroll-header-menu.is-scrolled {
    top: 0;
}
.header-inner{display:flex;}
.header-nav-list {
    display: flex;
    justify-content:right;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 10px 0;
	position:absolute;top:8px;right:5px;
}

.header-nav-list li a {
    text-decoration: none;
    color:#000;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 15px;
    display: flex;
	font-family:sans-serif;
    align-items: center;
    transition: color 0.3s;
	line-height:15px;
}

.header-nav-list li a:hover {
    color: #e60012;
}

/* お問い合わせボタンを2枚目のトーンに合わせる */
.btn-contact {
    background: #e60012;
    color: #fff !important;
    border-radius: 4px;
    margin-left: 10px;
}

.btn-shop {
    background: #002d64; /* ロゴの紺色に合わせる */
    color: #fff !important;
    border-radius: 4px;
    margin-left: 10px;
}
@media screen and (max-width:1100px){
	.head-scl-logo{width:110px;}
	.header-nav-list {top:0;}
	.header-nav-list li a{font-size:10px;}
}
@media screen and (max-width:950px){
	.scroll-header-menu{display:none;}
}


/* icam製品ページ */
.icam-fl{
	width:100%;
	margin:2% auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.icam-fl img,.icam-fl ul{
	width:46%;
	margin:0 2%;
}

.co-bl {
  color: #142ef1;
}

.co-bl:hover {
  color: #f09b11;
}

.anaglyph-box3{
	width:80%;
	margin:2% auto;
}

.st-red {
  color: #d30e0e;
	font-weight:bold;
}

/* 各種流れ */
.contact-flow{
	width:80%;
	margin:0 auto;
	padding:3%;
	max-width:1200px;
}

.contact-flow-h3{
	color:#fff;
	padding:5px 15px 6px;
}

.contact-flow-h31{
	background-color:#5a5a5a;
}
.con-nbox h2{
	font-size:16px;
	padding:5px 10px 6px 10px;
	background-color:#bebebe;
	margin:2% auto;
}

.contact-flow-inne-fl{
	width:100%;
	margin:0 auto;
}

.contact-flow-in{
	width:100%;
	margin:3% auto;
}

.contact-flow-in li{
	width:100%;
	margin:2% auto;
}

.contact-flow-in li p{
	margin:1% 0 2% 2%;
}

.tyu-no{
	background-color:#5a5a5a;
	padding:2px 7px 3px 8px;
	color:#fff;
	margin-right:3%;
}

.con-nbox{
	margin:4% auto 10%;
}

.con-nbox span{
	font-weight:bold;
	display:block;
	margin-left:1%;
}

.con-nbox p,.con-nbox h4{
	margin:1% 0 2% 2%;
}

.con-nbox h4{
	font-weight:bold;
}


.oj-con{object-fit:contain;}


/* お問い合わせフォーム */
.contact-form-sab{width:85%;margin:3% auto;}
.contact-form-title{text-align:center;width:70%;margin:0 auto;}
.contact-form-title h2{padding:10px;font-weight:bold;background:linear-gradient(45deg, rgba(255, 1, 1, 0.5) 25%, transparent 25%, transparent 75%, rgba(255, 0, 0, 0.4) 75%, rgba(255, 0, 0, 0.6)), linear-gradient(-45deg, rgba(0, 0, 0, 0.6) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.6) 75%, rgba(0, 0, 0, 0.6)),linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));}
.contact-form-com{width:70%;margin:3% auto;}
.contact-form-com p{font-weight:bold;}
.contact-form-com span{color:red;}

@media screen and (max-width:900px){
  .contact-form-sab{width:90%;margin:3% auto;}
  .contact-form-title,.contact-form-com{width:90%;}
}
@media screen and (max-width:700px){ 
  .contact-form-title h2{font-size:20px;}
}
@media screen and (max-width:500px){
  .contact-form-sab{width:100%;}
}

/*--------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------- お問い合わせフォーム --------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------*/
.contact-main{width:65%;margin:0 auto;}
.table-contactform{overflow:hidden;width:100%;border-collapse:collapse;border:1px solid #000;}
.table-contactform th,.table-contactform .contact-naiyo-title{width:45%;font-weight:bold;text-align:left;}
.table-contactform th,.table-contactform td{border:1px solid #000;padding:5px 10px;vertical-align:middle;font-weight:bold;}
.table-contactform th{background:#ffdada;}
.table-contactform .contact-naiyo-title{vertical-align:top;} 
.contactform7,.contactform8{color:white;text-align:center;padding:0 .3vw;font-size:13px;}
/* 必須 */
.contactform7{color:#ff6e6e;font-weight:800;}
/* 任意 */
.contactform8{background:#575757;}
.contact-main .contact-naiyo-main input{width:100%;padding:1.5% 0 20% 0;}
.contact-main input{width:100%;padding:1.5%; }
.kibo-check input{width:7%;}
textarea{ width:100%;padding:1.5%;}
.submitform{text-align:center;margin:2% auto;}
.submitform input { width:20%;padding:1% 0; border-radius:25px; }
.submitform input:hover{ cursor:pointer; }
.wpcf7-response-output{text-align:center;}
.text-title{vertical-align:top;}
.screen-reader-response{display:none;}
.wpcf7-not-valid-tip{color:red;font-weight:bold;}

@media screen and (max-width: 900px){
  .contact-main{width:85%;}
  .table-contactform{border:none;}
  .table-contactform th,.table-contactform td{border:none;}
  .table-contactform tbody,
  .table-contactform tr{ display: block; width: 100%;}
  .table-contactform th{ width:100%; display:block; margin:1vw auto; padding:2%;}
  .table-contactform td{ display: list-item; list-style-type:none; margin:0;width:100%; background-color:white; }
  .contactform7,.contactform8{margin-right:2%;}
  .contact-main input{padding:2.5% 2%;width:100%;}
  .kibo-check input{width:7%;}
  .submitform input{ width:30%; margin:5% 35%; padding:1.5% 0; }
}
@media screen and (max-width:500px){
  .contact-main{width:90%;}
  .table-contactform th{padding:2% 2% 0;margin:2% auto 0;}
  .table-contactform th,.table-contactform td{padding:5px 0px;}
}
/* 保護内容 */
.hogo{width:70%;margin:5vw auto;}
.hogo p{text-align:center;line-height:25px;}
@media screen and (max-width: 900px){
	.hogo{width:80%;}
}
/* 同意（チェックボックス） */
.doui p {text-align:center;margin-top:5vw;}
/* 個人情報保護方針 */
.scroll-box { width:60%; margin:1% 20%; }
.scroll-box::-weblit-scrollbar{ width:10px; }
.scroll-box::-webkit-scrollbar-track{ background:#f1f1f1; }
.scroll-box::-webkit-scrollbar-thumb{ border-radius:6px; background:#c1c1c1; }
.bs{ margin-bottom:1em; padding-left:3%;}
.scroll-box h2{text-decoration:none; padding:1% 2%; font-weight:normal; margin-bottom:1em; }
.scroll-box h3 {border-bottom:solid 2px black; display:block; margin:1em;}
.scroll-box .olol,.scroll-box p::marker{ padding-left:3%; }
.scroll-box .lili,.scroll-box .no,.scroll-box p{line-height:25px;}
.scroll-box .no { margin-bottom:1em; list-style:auto;}
.scroll-box .lili { list-style:none; padding-left:3%; margin:0 0 1em 0; position:relative;padding:0; }
.scroll-box .lili:before{position: absolute; top:33%; left:0%; display: block; content: ''; width: 8px; height: 8px; background-color: #6d9e41; }
@media screen and (max-width: 900px){
	.scroll-box{ width:90%; margin:1% 5%; }
	.scroll-box h2{text-align:center; }
	.bs{ font-size:2.3vw; }
}
@media screen and (max-width: 500px){
	.bs { font-size:13px; }
	.scroll-box .lili:before{ left:-5px; }
}



.p-fl-8{
  width:80%;
  margin:1% auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

.fl-ri{
  float: right;
}
/* お問い合わせサンクスページ */
.contact-form-thanks{
	width: 85%;
	margin:0 auto;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}