span.sub_txt {
    display: block;
    font-size: 14px;
    line-height: 1em;
}
#contact_tel a {
    max-width: 500px;
    font-size: 18px;
    width: 400px;
    padding: 15px;
    background: #2f418b;
    color: white !important;
}
div#contact_wrap {
    justify-content: space-around;
    max-width: 1000px;
    margin: auto;
    align-items: flex-start;
}
div#tel_wrap span.sub_txt {
    text-align: center;
    margin-top: 10px;
    color: red;
}
/*------------------------------------------------------スマホ以下---------------------------------------------------*/
@media screen and (max-width:667px){
     .c_box {
    margin-top: 20px;
}
    .c_box{
        width: 95%;
    }
    #contact_tel a {
    max-width: 500px;
    font-size: 14px;
    width: 100%;
    padding: 15px;
    background: #2f418b;
    color: white !important;
}
      section#intro::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1200px;
    width: 100%;
    height: 680vw;
    z-index: 2;
    background: #bbbbbb29;
    transform: skewY(-3deg);
}
    #back_s {
    top: 150px;
}
#intro_title h3{
    font-size:20px !important;
}
#main_img #catch{
        transform: skewY(-3deg);
        margin-top:-30px;
        padding-top:20px !important;
        width:100%;
}
#intro{
        padding-top: 150px !important;
}
#main_img #catch p {
    padding-top: 30px;
    transform:skewY(3deg);
}
#main_img #catch h2{
    transform:skewY(3deg);
    margin-top:10px;
    border:0;
} 
footer #copyright {
   padding-bottom: 13vh;
}
#contents{
    background-size: cover;
}

header h1 a{
    padding:8px !important;
}
    #zenmai {
    display:none;
}
#top_cms{
    background:transparent !important;
    margin-bottom:0px !important;
    bottom: 120px !important;
    margin-top:0px !important;
}
 
#contents_links {

    padding-bottom: 100px;
}
#motonokatati img{
    position: absolute;
    top: -55vw;
    width: 70%;
    left: 5%;
}
#banner img {
    width: 250px;
}
#banner{
    right:45px;
}
    

#intro_title p {
   
    font-size: 36px !important;
    border: 0 !important;
}
   
  #back_g {
    padding-top:0px !important;
    background-position: right 2% !important;
    background-size: 15%;
    padding-bottom:50px !important;
}
#intro_title{
        margin-top: -30px;
        padding-top:30px;
}
#back_g2,#back_g3{
    background-size: 15%;
}
#back_g2{
        background-position: 0% 2% !important;
}
#back_g3{
    background-image: url(Dup/img/frame.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#back_g2{
    background-image: url(Dup/img/bodywork.png);
    background-position: 0% 5%;
    background-repeat: no-repeat;
}
}

/*------------------------------------------------------タブレット---------------------------------------------------*/
@media screen and (min-width:668px) and (max-width:768px){
    #banner{
        right:0;
    }
    .c_box {
    margin-top: 20px;
}
    #intro{
        padding-top:10px !important;
    }
.slick{
    width:100% !important;
}
  #main_img #catch p {
    padding-top: 30px;
    transform:skewY(3deg);
}
#main_img #catch h2{
    transform:skewY(3deg);
    font-size:36px;
    border:0 !important;
} 
  #main_img #catch{
       transform:skewY(-3deg);
       margin-top:-40px;
       width:100%;
  }
    #top_cms {
    bottom: 310px !important;
}
    #banner img{
        width:85%;
    }
    
  section#intro::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1500px;
    width: 100%;
    height: 1250px;
    z-index: 2;
    background: #bbbbbb29;
    transform: skewY(-3deg);
}
   
    #intro_title p {
    font-size: 40px !important;
   
}
    #intro_title h3{
        font-size:20px !important;
    }
#copyright{
    text-align: right;
    padding-right: 70px;
}
footer #footer{
    padding-bottom: 100px;
}
#back_g2,#back_g3{
    background-size: 15%;
}
#back_g2{
        background-position: 0% 2% !important;
}

    #back_g {
    padding-top:0px !important;
    background-position: right 5% !important;
    background-size: 15%;
    padding-bottom:200px !important;
}
#motonokatati{
    position: absolute;
    width: 70%;
    left: 0%;
    top: -400px;
}
    #main_img #catch{
    padding-top:50px !important;

}
#contents_links {
    background-size: 90%;
}
  .width_300{
    padding: 10px 30px;
}
#zenmai {
    display:none;
}
#top_cms{
    background:transparent !important;
    margin-bottom:0px !important;
}

#back_g{
    padding-top:100px !important;
}
}

/*------------------------------------------------------全体--------------------------------------------------*/
.txt_color_nomal {
    color:black !important;
}
#cms_2-c .box_txt1{
    color:#2f418b;
}
#back_s{
    width: 100%;
    background: #bbbbbb29;
    /* position: absolute; */
    transform: skewY(-3deg);
    position: relative;
    top: 150px;
}
#top_cms {
    margin-top: 200px;
    transform: skewY(3deg);
    position: relative;
    bottom: 350px;
}
  #contents_links {
    position: relative;
    z-index: 2;
}

  #contents{
        transform:skewY(-3deg);
    }
    
    #contents .logo,#contents .contents_txt div{
        transform:skewY(3deg);
    }
body,#wrap{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
}
#intro{
    background:transparent !important;
}

.works .txt_color3{
    color:#2f418b !important;
}

h3 .d_inline_b{
    padding:10px;
}
.linkStyle{
    color:#2E418B;
}
#tel_txt h3{
    color:#2E418B !important;
}
#tel_txt{
    background:white;
}
#tel_wrap{
    background:white;
    padding-top:50px;
}


footer .logo{
  
    padding: 15px 25px;
}
#banner {
    position: fixed;
    bottom: 5px;
    right: 55px;
    z-index: 3;
    padding: 5px;
}


/*
#contents_links{
    background-image: url(Dup/img/strongpoint.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-bottom:100px;
}
*/
#header h1{
    width:30%;
}
#zenmai{
    text-align:center;
}
#zenmai img{
        position: relative;
    top: 100px;
    width: 250px;
}

#top_cms h3.font_24{
    background:white;
}

#contents::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(0,0,0,8%);
}
.d_flex{
    oveflow:hidden;
}
#main_img{
    z-index:1;
  
}
h1{
    z-index:2;
}


main{
    background-image:url("Dup/img/dots.png");
    padding-bottom:100px;
}




#back_g{
    position:relative;
    z-index:2;
    padding-bottom:300px;
  /* background-image: url(Dup/img/aimhigh.png);
    background-repeat: no-repeat;
    background-position: right;*/

}

#intro_title{
    width:100% !important;
    text-align:center;
    margin-top:-100px;
}
#intro_title p{
    font-size:48px;
    border:0 !important;
}
#intro_title h3{
    font-size:24px;
}
/*
#intro_title p:before{
     content: "";
    width: 100px;
    height: 100px;
    background-image: url(Dup/img/intro.png);
    display: block;
    background-size: 95%;
    background-repeat: no-repeat; */
    /* left: 200px; */
  /*  position: relative;
    top: 20px;
    left: 105px;
   
}
 */

/*------------------------------------------------------タブレット以上---------------------------------------------------*/
@media screen and (min-width:769px){
    #intro{
   padding:0 !important;
}
    #contents{
        transform:skewY(-3deg);
    }
    
    #contents .logo,#contents .contents_txt div{
        transform:skewY(3deg);
    }
    #contents .d_flex > div {
    z-index: 0;
}
    #contents_links {
    position: relative;
    z-index: 2;
}

    #intro{
        background:transparent !important;
        padding-top:200px !important;
    }
   section#intro::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1670px;
    width: 100%;
    height: 1170px;
    z-index: 2;
    background: #bbbbbb29;
    transform: skewY(-3deg);
}

div#catch::after {
    max-width: 590px;
    content: "";
    background: #2f418b;
    width: 130%;
    height: 1700px;
    position: absolute;
    top: -200px;
    left: -250px;
    z-index: -1;
    transform: skew(-10deg, 10deg);
}


    
footer #footer {
    padding-bottom: 100px;
}
    header h1 img{
    max-width: 200px;
    }

ul#sub_menu li {
    width: 160px;
    text-align: center;
}
    #back_g2{
        background-position: 0% 2% !important;
}
#back_g3{
    background-image: url(Dup/img/frame.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#back_g2{
    background-image: url(Dup/img/bodywork.png);
    background-position: 0% 5%;
    background-repeat: no-repeat;
}

    header #header #main_menu li a,#sc_menu ul li a {
    padding: 10px 0px;
    box-sizing: border-box;
    width: 125px;
}
header #header #main_menu li .a8,#sc_menu ul li .a8{
    padding:10px 15px;
    width:150px;
}

h1 a{
    padding:26px !important;
}

    #banner img{
    width:350px;
}
    
    .width_300{
    width:300px !important;
   
}


    #video{
    width:100% !important;
    height: 1000px;
    overflow: hidden;
}
/*
    #main_img .slick {
    margin-left:0 !important;
    width:100% !important;
}
   */ 
    .video{
    object-fit:cover;
    height:100%;
}
#main_img #catch h2{
    font-size:48px !important;
    border:0 !important;
    
}
    #catch{
    background: transparent;
    left: 5% !important;
    padding-top:150px !important;
   
}

    #motonokatati img{
   width:40vw !important;
    position:relative;
    left:50px;
}
#main_img{
   overflow:hidden;
}
#catch p{
    padding-top:150px !important;
}

}



@media all and (-ms-high-contrast: none){
#back_s,section#intro::before {
    background: #f1f1f1;
}

}
}