@charset "UTF-8";
/* CSS Document */
	
@media screen and (max-width:1300px){
  #nav-toggle {
    right: 3%;
}
  
}

@media screen and (max-width:1100px) and (min-width:801px){
  .menuBox li a {
      font-size: 1vw;
  }
  
      .pcMenuCont_box01_item {
        display: block;
    }
  
  .pcMenuCont_box01_img{
    text-align: center;
  }
  
  .pcMenuCont_box01_img img{
    width: 100px;
  }
  
  .pcMenuCont_box01_textBox {
      width: 100%;
  }
  
  .pcMenuCont_box01_textBox_01 {
      font-size: 20px;
  }
  
  .pcMenuCont_box01_textBox_02 {
      font-size: 12px;
      min-height: 60px;
  } 
  
    .pcMenuCont_box01_textBox_03 {
        margin-top: 0;
    }
  
      .pcMenuCont_box02_text {
        font-size: 11px;
    }

  .pcMenuCont_box02_img{
    text-align: center;
  }  
  
  .pcMenuCont_box02_img img{
    width: 100px;
  }
  
     .pcMenuCont_box03_item {
        width: calc((100% - 260px) / 4);
        font-size: 12px;
    }
  
      .pcMenuCont_box03_item02 a {
        font-size: 10px;
    }
  
      .pcMenuCont_box03_item02 {
        width: 150px;
    }
  
      .pcMenuCont_box03_item03 {
        font-size: 12px;
        width: 110px;
    }
  
  .flySlide--img {
    width: calc((90vw - 40px) / 2);
}

  .tabCont{
    display: block;
  }
  
.topsec01_contactBtn {
    display: block;
}
  
.topsec01Arrow {
    right: -20px;
}
  
.topsec02Cont {
    display: block;
}
  
.topsec02Cont_box02 {
    width: 100%;
    margin-top: 20px;
}
  
  .info_footBox{
    width: 530px;
    margin: auto;
  } 
  
.footNav {
    flex-wrap: wrap;
  justify-content: flex-start;
}  
  
.footNav li{
   margin-right: 10px;
  margin-bottom: 10px;
} 
  
.info_footList li {
    width: 100%;
    margin-bottom: 20px;
}
  
.info_footList {
    display: block;
}
  
    .usedList li:nth-child(3n + 3),
  .usedList li:last-child{
    margin-right: initial;
  }
  
  .usedList li{
    width:calc((100% - 15px) / 2);
    margin-right: 15px !important;
  }
  
    .usedList li:nth-child(even){
    margin-right: 0 !important;
  }
    
    
}

@media screen and (max-width:1200px){

  .inssec01{
    display: block;
    aspect-ratio:1/0.7;
  }
  
  .inssec01 .box01{
    width: 100%;
   margin-top: 50%; 
  }

}
  
/* SP Menu */
@media screen and (max-width:800px){
  .pc{
    display: none;
  }
  
  .sp{
    display: block !important;
  }
  
  .pcMenu,
  .headBtn,
  #nav-toggle span:nth-child(n + 4){
    display: none !important;
  }
  
  header.mainHeader,
  header.mainHeader .content{
    height: 70px;
  }  
  
body {
    padding-top: 70px;
}
  
#nav-toggle {
    top: 10px;
  z-index: 999999;
}
  
  .headLogo{
    width: 200px;
  }
  
    .open #nav-toggle span:nth-child(1) {
      background: #000000;
    }
    
    .open #nav-toggle span:nth-child(3) {
      background: #000000;
    }
  
  header.mainHeader .content {
    z-index: 99999;
    background: #ffffff;
    position: relative;
    width: 100%;
    padding: 0 5%;
  }
  
  
  

    #global-nav {
        position: absolute;
        background:#DB3E3D;
        width: 100%;
        height: 100vh;
        text-align: left;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        right: -100%;
        top:0;
        z-index: 9999;
		box-sizing: border-box;
      overflow-x: scroll;
    }

       /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
    }
  
  .navWrap{
    position: relative;
    height: 100%;
    width: 100%;
  }
  
  .menuBox {
    display: block;
    padding-top: 90px;
    width: 80%;
    margin: auto;
  }
.menuBox li{
    width: 100%;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px dotted #ffffff;
}
  
.menuBox li a{
  display: flex !important;
  padding: 5px;
  padding-left: 40px;
  align-items: center;
  font-size: 15px;
  font-weight: normal;
  justify-content: flex-start;
  }
  
.menuBox li a br{
  display: none;
  }
  
  .spMenuCont{
    display: block;
    margin-top: 10px;
    padding:0 5%;
  }  
  
  .spMenuCont p{
    margin-bottom: 15px;
  } 
  
.secTitle01 {
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
}  
  
.secTitle01 span{
    font-size: 17px;
}
  
.secTitle01:before {
    content: " ";
    height: 3px;
    width: 45px;
    border-top: 1px solid #DB3E3D;
    border-bottom: 1px solid #DB3E3D;
    position: absolute;
    left: -10px;
    top: 25px;
}
  
.secTitle01:after {
    content: " ";
    height: 3px;
    width: 45px;
    border-top: 1px solid #DB3E3D;
    border-bottom: 1px solid #DB3E3D;
    position: absolute;
    right: -10px;
    top: 25px;
}  
  
.topsec01_contactBtnWrap {
    padding: 30px 5%;
  text-align: left;
  padding-right: 70px;
}
  
.topsec01_contactBtn .pt01 {
    font-size: 21px;
    line-height: 1.25em;
}
  
  .topsec01_contactBtn {
    font-size: 29px;
}
  
.topsec01_contactBtn span {
    display: inline;
}
  
.topsec01_contactBtn .pt02 {
    font-size: 18px;
}
  
.topsec01Arrow {
    position: absolute;
    right: -260px;
    top: calc(50% - 10px);
    width: 20px;
}
  
.secTitle02 span,
.secTitle03 span{
    font-size: 17px;
    display: inline;
} 
  
.sec {
    padding: 40px 0;
}  
  
.secTitle02,
.secTitle03{
    text-align: left;
    color: rgba(219 62 61 / 50%);
    font-size: 40px;
    position: relative;
    line-height: 1.25em;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
  
.topsec02Cont {
    display: block;
}

.topsec02Cont_box01 {
    width: 100%;
}
  
.linkBtn.pt02 {
    width: 260px;
    margin: auto;
}
  
  
  
.topsec02Cont_box02 {
    width: 100%;
   margin-top: 30px;
}
  
.topsec02Cont_box02_news {
    display: block;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(153 153 153 / 60%);
    height: auto;
}
  
.topsec02Cont_box02_news dt {
    font-size: 12px;
    width: 100%;
}
  
.topsec02Cont_box02_news dd {
    width: 100%;
    font-size: 14px;
}
  
.secTitle03 {
    width: 100%;
}

.secTitle03Wrap {
    display: block;
}
  
.secTitle03:before {
    width: 100%;
}
  
.secTitle03Btn {
    width: 100%;
}
  
.flySlide--img {
    width: 70vw;
    margin-right: 0;
}
  
  .topsec03 .w1000{
    width: 70%;
  }
  
.topsec03 {
    background: linear-gradient(to top, #DB3E3D 35%, #ffffff 35% 100%);
    padding-bottom: 20px;
}
  
  .secTitle01.mt0{
    margin-top: 0;
  }

.topsec04_cont {
    display: block;
}
  
.topsec04_contBox {
    width: 100%;
  margin-bottom: 30px;
}
  
.topsec04_contBox:last-child {
  margin-bottom: 0;
}  
  
.topsec04_contTable th {
    padding: 15px;
    width: 100px;
    font-size: 14px;
}
  

.topsec04_contTable td {
    padding: 15px;
    width: calc(100% - 100px);
    font-size: 14px;
} 
  
.topsec04 {
    background-size: auto auto;
}
  
.info_footList {
    display: block;
}
  
.info_footList li {
    width: 100%;
}
  
.info_footList li img{
    width:25px;
  display: inline-block;
  margin-right: 8px;
  height: auto;
  }
  
.info_footList li:first-child {
    margin-bottom: 15px;
}  
  
.linkBtn.pt04 {
    height: 80px;
}
  
  .linkBtn.pt04.box01{
    font-size: 17px;
  }  
  
.linkBtn.pt04.box01 small {
    font-size: 13px;
}
  
.linkBtn.pt04.box02 {
    font-size: 28px;
}
  
.linkBtn.pt04.box02 small {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.25em;
    display: block;
}
  
  .linkBtn.pt04 .dis_fx{
    justify-content: center;
  }  
  
.footCont {
    padding: 40px 0;
}

.footText {
    line-height: 1.6em;
}
  
.footNav {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    font-size: 14px;
}
  
  .footNav li{
    padding: 15px 0;
    border-bottom:1px solid #000000;
    width: calc((100% - 10px) / 2);
    text-align: left;
  }
  
  .footNav li:nth-child(-n + 2){
    border-top:1px solid #000000;
  }
  
  .footSubNav {
    font-size: 11px;
}
  
    .footSubNav li:not(:last-child):after {
    content:" | "
}
  
.copy {
    font-size: 12px;
}  
  
/* other */  
  .breadcrumb {
    font-size: 14px;
}
  
.pageText {
    margin: 10px 0;
    font-size: 14px;
}
  
  .contacBox *{
    font-size: 14px;
  }
  
.contactText span {
    font-size: 12px;
}
  
.pageTitle {
    height: 120px;
}
  
.othersec{
  padding: 30px 0 40px;
  font-size: 14px;
}
  
  .otherTable{
    margin-top: 0;
  }  
  
  .otherTable th{
    border-bottom:0;
    padding:0;
    padding-top: 10px;
    width: 100%;
    text-align: left;
    display: block;
  }
  
  .otherTable td{
    border-bottom:1px solid #DB3E3D;
    padding: 0;
    padding-top:5px;
    padding-bottom: 10px;
    width:100%;
    display: block;
  }  
  
  .otherTable th br{
    display: none;
  }
  
  .itemList li{
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px;
  }
  
  .itemList li:nth-child(3n + 2){
    margin-left: inherit;
    margin-right: inherit;
  }
  
  .itemList li:nth-child(odd){
    margin-right: 20px;
  }
  
  .itemList a{
    text-decoration: none;
  }
  
  .itemName{
    font-size: 14px;
    margin-top: 10px;
  }
  
  .itemPrice{
    text-align: center;
    font-size: 14px;
    margin: 15px 0;
  }
  
  .itemBtn{
    border-radius: 5px;
    background: #DB3E3D;
    height: 50px;
    width: 100%;
    justify-content: center;
    align-items: center;
    color:#ffffff;
    font-size: 14px;
    display: flex;
  }  
  
.secTitle_b {
    font-size: 40px;
}
  
.secTitle_b span {
    font-size: 17px;
}
  
.secTitle_b:before,
.secTitle_b:after{
    width: calc(50% - 150px);
}

.companysec01Text01 {
    font-size: 21px;
}
  
.companysec01Text02 {
    font-size: 14px;
    padding-bottom: 40px;
}
  
.secTitle_b {
    margin-bottom: 20px;
    margin-top: 20px;
}
  
.companysec02Cont {
    display: block;
}
  
.companysec02Cont > *{
    width: 100%;
  margin-bottom: 10px;
}
  
.companysec03Cont {
    display: block;
}
  
.companysec03Cont .topsec04_contTable {
    width: 100%;
  margin-bottom: 10px;
}
  
.companysec03 {
    background-image: url("../images/new/sp_bgnew@2x.png");
}
  
.companysec04Cont {
    display: block;
}
  
.companysec04Cont .box01,
.companysec04Cont .box02{
    width: 100%;
}
  
.companysec04Cont .box02 {
    margin-top: 10px;
    padding-left:0;
}  
  
.companysec04Cont .title {
    font-size: 17px;
}
  
.companysec04ContTable td,
.companysec04ContTable th{
    font-size: 14px;
}
  
.newcarsec01Cont {
    padding: 15px;
    display: block;
}
  
.newcarsec01Cont .box01, .newcarsec01Cont .box02 {
    width: 100%;
    font-size: 16px;
}
  
.btnWrap .linkBtn{
    width: 320px;
}  

  .spSmall{
    font-size: 12px;
  }  
  
.newcarsec04List li {
    padding: 0;
    width: 50%;
    font-size: 22px;
}  
  
.newcarsec04ud .title span {
    font-size: 24px;
}
  
  .newcarsec04ud {
    display: block;
    padding-left:10px;
    padding-right:10px;
  }  
  
.newcarsec04ud .box01, .newcarsec04ud .box02 {
    width: 100%;
} 
  
  .newcarsec04ud .box01{
    margin-bottom: 10px;
  }  
  
.defText02 {
    margin: 20px 0;
}
  
.newcarsec05 .cont02 {
    display: block;
}
  
  .newcarsec05 .cont02 .box01{
    margin-bottom: 10px;
  }  
  
.newcarsec05 .cont02 .box01, .newcarsec05 .cont02 .box02 {
    width: 100%;
  padding: 0;
} 
  
  .scWrap{
    overflow-x:scroll;
    position: relative;
  } 
  
  .scWrap:after{
   content:url("../images/new/spscroll.png");
    position: absolute;
    right: 30px;
    top:calc(50% - 40px);
  }
  
  .scWrap.hide-after:after {
  opacity: 0;
}
  
  .scWrap > *{
    width: 1000px;
  }   
  
 .mainteLink {
    flex-wrap: wrap;
} 
  
.mainteCont01 {
    display: block;
}  
  
.mainteCont01 .box01,
.mainteCont01 .box02{
    width: 100%;
  margin-bottom: 10px;
}   
  
.maintesec05Ul {
    display: block;
}  
  
.maintesec05Ul li {
    width: 100%;
  margin-bottom: 10px;
}
  
.mainteSubTable th {
    width: 200px;
} 
  
    .pageTitle.pt02 {
        height: auto;
    }
  
.secTitle01.mainte:before {
    left: calc(50% - 5.5em);
}
  
.secTitle01.mainte:after {
    right: calc(50% - 5.5em);
}
  
.inssec01 .text01 {
    font-size: 21px;
}
  
.inssec01 .text02 {
    font-size: 30px;
}
  
    .inssec01 .box01 {
        margin-top: 43%;
    }
  
  .inssec01text{
    width: 90%;
    margin: auto;
    margin-top: 20px;
  }  
  
.inssec02Cont{
    display: block;
}  
  
.inssec02Cont .box01, .inssec02Cont .box02 {
    width: 100%;
  margin-bottom: 10px;
} 
  
.inssec03 {
    background-image: url(../images/new/insBg_sp@2x.png);
}
  
.inssec03ul {
    display: block;
}

.inssec03ul li{
    width: 100%;
  margin-bottom: 30px;
}
  
.inssec03ul li .elm03 {
    padding: 10px;
    font-size: 14px;
}
  
.inssec04text {
    font-size: 24px;
}
  
.inssec04ul {
    display: block;
    margin-top: 0;
}
  
.inssec04ul li {
    width: 100%;
  margin-top: 20px;
}
  
.inssec04ul li a{
  height: auto;
  aspect-ratio:1/0.7;
  }
  
.newslistUl li {
  margin: initial !important;
    margin-bottom: 20px !important;;
    width: calc((100% - 20px) / 2);
}

.newslistUl li:nth-child(odd) {
    margin-right: 20px !important;
}

.newslistUl .box03 {
    font-size: 14px;
}
  
  .pagerCont img{width: 30px;}  
  
  .mainteLink.pt02{
    width: 260px;
    margin:30px auto 0;
  }
  
  .mainteLink.pt02 li{
    margin-bottom: 10px;
  }
  
.sheetsec01cont .box01, .sheetsec01cont .box02 {
    width: 100%;
    margin-bottom: 20px;
}  
  
  .sheetsec01cont{
    display: block;
  } 
  
.sheetsec02List li {
    width: calc((100% - 15px) / 2);
    margin-right: 15px !important;
}  
  
.sheetsec02List li:nth-child(even) {
    margin-right: 0 !important;
} 
  
  .sheetsec02List li:nth-child(5n + 5) .pt01:after{
    content:" ";
    width: 10px;
    height: 30px;
    background:#DB3E3D;
    position: absolute;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    top:calc(50% - 15px);
    right:-12px;
    display: block;
  }  
  
  .usedList li{
    width:100%;
    margin-right: 0 !important;
  }
  
    .usedList li:nth-child(even){
    margin-right: 0 !important;
  }  
  
  .mainte_b_sec01Img{
    position: relative;
    width: 101vw;
    left: -6%;
  } 
  
  .mainteCv{
    padding:0 5% 30px;
    background-image: url("../images/new/mainte_b_bksp.png");
    height: auto;
    margin-top: 50px;
  } 
  
.mainte_b_sec04Cont .box01 {
    width: 100%;
    margin: 20px;
}
  
.mainte_b_sec04Cont .box01 a{
    width: 90%;
    left: -20px;
}  
  
.mainte_b_sec04Cont{
    display: block;
}
  
.mainte_b_sec05Cont01 {
    display: block;
}
  
.mainte_b_sec05Cont01 p{
    width: 100%;
  margin-bottom: 10px;
}

.mainte_b_sec05Cont02_title{
    text-align: left;
}  
  
.mainte_b_sec05Cont02_title span {
    display: block;
    width: 14em;
} 
  
.mainte_b_flexBox {
    display: block;
    margin-top: 0;
}
  
.mainte_b_flexBox .box {
    margin-bottom: 20px;
    height: auto;
    width: 100%;
    display: block;
}
  
  .mainte_b_flexBox .box .pt02{
    margin-bottom: 10px;
  }
  
.mainte_b_flexBox .box .inner01,
  .mainte_b_flexBox .box .inner02 {
    width: 100%;
}  
  
  .mainte_b_flexBox .box .inner02 img{
    width: 60%;
}  
  
.mainte_b_sec05Cont03 {
    display: block;
}
  
.mainte_b_sec05Cont03 p{
    width: 100% !important;
  margin-bottom: 10px;
}  
  
}