body{
  margin:0 ;
  font-family: "Avenir Next","Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック",MSPGothic,sans-serif;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

/* .b-show{
} */

.wrap{
overflow: hidden;
}

body p{
  font-weight: normal;
  font-size:17px;
}

header{
  margin:0;
  padding:10px 8px;
  padding-bottom: 0;
  position:fixed;
  z-index: 11;
  top:0;
  left:0;
  right:0;
  left:0;
  background:rgba(254, 254, 254, 0.89);
  /* background:rgb(254, 254, 254); */
  
}

.logo{
  display:flex;
}

.logo p{
  font-size:14px;
}
.logo p, h1{
  margin:0;
  line-height:64px;
  padding-right:8px;
}

header .logo h1{
  font-size:23px;
  font-weight:bolder;
}

header .logo h1 a{
  display: block;
  color:black;
  text-decoration: none;
  height:64px;
  
}



header .sp-menu{
  margin-left: auto;
}

#open,#close{
  line-height:64px;
  font-size: 40px;
  transition:opacity .3s;
  /* background:#2e2b70; */
}

#open:hover{
cursor:pointer;
opacity:.3;
/* background:#9d9898; */
background:rgba(162, 162, 245, 0.541)
}

#close:hover{
cursor:pointer;
opacity:.3;
background:rgba(162, 162, 245, 0.541)
}



/*overlay */

.overlay{
  position:fixed;
  z-index: 12;
  top:0;
  right:0;
  left:30%;
  pointer-events:none;
  background:#fff;
  opacity:0;
  transform:translatex(300px);
  transition:transform .5s ,opacity .3s;
}

.overlay.show{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

.overlay .logo{
  padding:10px 8px;
  padding-bottom:0;
  border-bottom:1px solid #333;
  justify-content:space-between;
}

.overlay ul{
  margin:0;
  padding:0 8px 8px 8px;
  list-style:none;
}

.overlay li{
  opacity:0;
  transform:translatex(100px);
  transition:opacity 0.5s ,transform .1s;
}

.overlay .logo h1 a{
  font-size:23px;
  color:black;
  transition:opacity .5s;
  line-height:64px;
}

.overlay a{
  display:block;
  width:100%;
  text-decoration:none;
  color:black;
  line-height:45px;
  font-size: 15px;
  font-weight:bold;
  transition:opacity .5s;
}

.overlay.show li{
  opacity:1;
  transform:none;
}

.overlay.show li:hover{
cursor: pointer;
opacity:.6;
transition:opacity .6s;
/* background:#9d9898; */
background:rgba(162, 162, 245, 0.541)

}

/* .overlay.show li:nth-child(1){
  transition-delay: .1s;
  }
.overlay.show li:nth-child(2){
  transition-delay: .2s;
  }
.overlay.show li:nth-child(3){
  transition-delay: .3s;
  }
.overlay.show li:nth-child(4){
  transition-delay: .4s;
  }
.overlay.show li:nth-child(5){
  transition-delay: .5s;
  }
.overlay.show li:nth-child(6){
  transition-delay: .6s;
  }
.overlay.show li:nth-child(7){
  transition-delay: .7s;
  }
.overlay.show li:nth-child(8){
  transition-delay: .8s;
  }
.overlay.show li:nth-child(9){
  transition-delay: .9s;
  }
.overlay.show li:nth-child(10){
  transition-delay: 1s;
  } */

/* end!!overlay */



/* main*/
/* pic*/

/* koko */
@media(min-width:320px){
  /* header */
  .logo p{
    font-size:15px;
  }

  header .logo h1{
    font-size:27px;
  }

  #open,#close{
    line-height:64px;
    font-size: 50px;
    font-size: 40px;
    transition:opacity .3s;
    /* background:#2e2b70; */
  }

  .overlay .logo h1 a{
    font-size:27px;
    color:black;
    transition:opacity .5s;
    line-height:64px;
  }
  
  /* .picBox */
  main .pic .picBox-text{
    position:absolute;
    top:55%;
    /* left:10px; */
    width:72%;
    height:25px;
  }
  
  main .pic .picBox-text h1{
    text-align:center;
    background:#3f3630;
    margin-bottom:7px;
    font-size:14px;
    color:#fff;
    line-height:25px;
  }
}



@media(min-width:375px){
  /* header */
  .logo p{
    font-size:14px;
  }

  header .logo h1{
    font-size:28px;
  }

  #open,#close{
    line-height:64px;
    font-size: 50px;
    font-size: 40px;
    transition:opacity .3s;
    /* background:#2e2b70; */
  }

  
  .overlay .logo h1 a{
    font-size:28px;
    color:black;
    transition:opacity .5s;
  }

  /* .picBox */
  main .pic .picBox-text{
    position:absolute;
    top:55%;
    /* left:10px; */
    width:70%;
    height:30px;
  }

  main .pic .picBox-text h1{
    text-align:center;
    background:#3f3630;
    margin-bottom:7px;
    font-size:15px;
    color:#fff;
    line-height:30px;
  }

}
/* koko */

main{
  margin:74px 0  0;
}



main .picBox {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position:relative; 
  text-align: center;
  
  }
  
  main .pic {
    z-index:10;
    opacity: 0;
    width: 100%;
    height:400px;
    position:absolute;
    left: 0px;
    top:0px;
    animation: anime 18s 0s infinite; 
    /* animation: anime 36s 0s infinite; 6枚時 */
  }

.picBox img{
  width: 100%;
  height:400px;
  vertical-align: bottom;
}

  /* animation: anime 36s 0s infinite; 6枚時 */


/* main .pic{
  background-image:url("../img/porsche-382987_1920.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width:100%;
} */

main .pic .picBox-text{
  position:absolute;
  top:55%;
  /* left:10px; */
  width:74%;
  height:25px;
}

main .pic .picBox-text h1{
  text-align:center;
  background:#3f3630;
  margin-bottom:7px;
  font-size:13px;
  color:#fff;
  line-height:25px;
}



  .pic:nth-of-type(2) {
    animation-delay: 6s; 
  }

  .pic:nth-of-type(3) {
    animation-delay: 12s; 
  }

  /* .pic:nth-of-type(4) {
    animation-delay: 18s; }

  .pic:nth-of-type(5) {
    animation-delay: 24s; }

  .pic:nth-of-type(6) {
    animation-delay: 30s; } */


    /* 3枚パターン */
    @keyframes anime {
      0% {
            opacity: 0;
        }
        16% {
            opacity: 1;
        }
        33% {
            opacity: 1;
        }
        50% {
            opacity: 0;
            transform: scale(1.2) ;
             z-index:9;
        }
        100% { 
          opacity: 0 
        }
    }

    /* 6枚パターン
    @keyframes anime {
      0% {
            opacity: 0;
        }
        8% {
            opacity: 1;
        }
        17% {
            opacity: 1;
        }
        25% {
            opacity: 0;
            transform: scale(1.2) ;
             z-index:9;
        }
        100% { opacity: 0 }
    } */

  /* piczone!!end  */


  /* concept*/

.concept{
  width:100%;
  height:710px;
  background:rgb(93, 77, 240);
  text-align: center;
  position:relative;
  color:#fff;
}

.concept_container{
  height:100%;
}

.concept .text_concept{
 position:absolute;
 bottom:50px;
 left:0;
 right:0;

}

.concept .pic_concept{
  position:absolute;
  top:50px;
  left:0;
  right:0;
}
.concept img{
  width:250px;
  height:250px;
  border-radius:50%;
  
}

.concept p{
  margin:0;
  line-height:35px;
}


/* main info*/

.main_info{
  width:100%;
  height:740px;
  padding:0;
  margin:0;
  /* background-image:url("../img/auto-1868726_1920.jpg"); */
  background-image:url("../img/allcar_1500-2.jpg");
  background-repeat: no-repeat;
  /* background-position: center; */
  /* background-size: contain; */
  /* width:100%; */
  display: grid;
  /* grid-template-columns: repeat(2,160px); */
  grid-template-columns: repeat(2,110px);
  /* gap:40px; */
  gap:40px;
  justify-content: center;
  align-content: center;
}

.main_info li{
  list-style: none;
}

.main_info .info_pic a:hover{
 cursor:pointer;
 opacity:.5;
 transform:scale(.9,.9);
 transition:opacity .7s ,transform .7s;
}

.main_info  p{
  text-align:center;
  margin:0;
  padding-top:10px;
}


 .main_info a{
  text-decoration:none;
  color:#fff;
  display:block;
  width:100%;
} 

.main_info  img{
  /* width:160px;
  height:160px; */
  width:110px;
  height:110px;
  border-radius:50%;
  
}




 /* main notice ci_container*/

 .top_notice{
   padding:20px 0 30px;
   /* background:#a5b8f3; */
  background:rgb(93, 77, 240);
 }

 .notice{
  margin:5px auto 20px;
  width:80%;
  
}

.notice_top{
  width:80%;
  margin:33px auto 20px;
  display:flex;
  justify-content:center;
}

.notice_top h2{
  font-size:33px;
  color:#fff;
  /* font-weight:normal; */
  font-weight:450;
  margin:0;
  line-height:55px;
  padding-right:10px;
}

.notice_top .notice_top_right{
  display:block;
  font-size:24px;
  font-weight:normal;
  color:#fff;
  line-height:55px;
}

/* .notice_top h2 img{
  display: block;
  width:251px;
  height:28px;
 
} */


.notice h4{
  font-size:14px;
  /* background:rgba(123, 123, 233, 0.9); */
  /* background:#463930; */
  background:#3f3630;
  line-height:40px;
  text-align:center;
  border:1px solid rgb(136, 135, 135);
  /* opacity: .95; */
  color:#fff;
}

.notice h3{
  flex-grow:1;
  padding-left:5px;
  font-size:14px;

 }
 
 .notice p{
   padding-right:5px
 
 }


.notice h3, h4, p{
  margin:0;
}

.notice_contents .notice_title{
  padding:0 1px;
  margin: 1px 0;
  display:flex;
  background:rgb(248, 246, 246);
  border:1px solid rgb(150, 148, 148);
  line-height:45px;
}



.top_notice  a{
  text-decoration:none;
  font-size:14px;
  color:black;
}

.top_notice a:hover{
  opacity:.5;
  cursor:pointer;
}

.notice_button .notice_button_news{
  color:#fff;
  background:rgba(162, 162, 245, 0.541);
  border:1px solid #fff;
}

 .notice_button a{
   color:#fff;
   /* color:black; */
  font-size:16px;
  padding:10px 40px;
  background:rgb(123, 123, 128);
  /* background:rgba(162, 162, 245, 0.883); */
  /* background:#fff; */
  /* border: .5px solid #fff; */
  /* border: .5px solid rgba(162, 162, 245, 0.883); */
  border-radius:40px;
}

.top_notice  .notice_button{
  text-align:center;
  padding:40px 0 0 0;
}


 /*post*/



.container{
  padding:40px 0 20px 0;
  background-color: #edecf0c4;
  overflow:hidden;
  /* background-image:url("../img/car-doors-406883_2000.jpg"); */
  /* background-repeat: no-repeat;
  background-position: center; */
  /* background-size: contain; */
  /* width:100%; */
}

.container .post_top_h{
  width:80%;
  margin:33px auto 20px;
  display:flex;
}

.container .post_top_h h2{
  font-size:37px;
  text-align:center;
  font-weight: normal;
  color:black;
  margin:0;
  line-height:55px;
}

.container .post_top_h .post_top_h_right{
  display:block;
  font-size:26px;
  font-weight:normal;
  color:black;
  line-height:55px;
}




.post{
  margin:0 auto 30px;
  width:80%;
  padding:10px 10px 0px;
  height:530px;
  background:rgb(248, 246, 246);
  border:2px solid rgb(218, 216, 216);
  border-radius:20px;
}

.post-content{
  margin-bottom:60px;
}

.post-header{
 margin-bottom:15px;
 
}
.post-header a{ 
 margin-bottom:15px;
 text-decoration:none;
 color:black;
}

.post-header a:hover{ 
 opacity:.5;
}

.post-header h2{
  font-size:16px;
  font-weight:bold;
}

.post-meta{
  font-size:12px;
  padding:7px 0;
  color:#555;
}

.post-body a{
  /* padding-left:10px; */
  text-decoration: none;
}

.post-image{
  margin-bottom:20px;
}

.post-image img{
  width:100%;
  height:220px;
  vertical-align: bottom;
  border-radius:15px;

}


 .notice_button{
  text-align:right;
  padding:0 70px 0 0;
  margin-bottom:20px;
}

.notice_button a{
  text-decoration:none;

}

.notice_button a:hover{
  opacity:.5;
}

/* bottom_info*/

 .bottom_info{
   margin:50px 30px;
 }

 .bottom_info_container .bottom_info_box{
   /* height:300px; */
   height:240px;
   position:relative;
   border-radius:20px;
   margin:30px auto;
 }

 .bottom_info_container .bottom_info_box:hover{
  opacity:.6;
  transition:opacity .3s;
 }

 .bottom_info .bottom_info_container a{
   color:#fff;
 }


 

 .bottom_info_container .bottom_info_box1{
  /* background:rgb(93, 77, 240); */
    background:rgb(111, 109, 235);
   background-image:url("../img/B330FCA4-CA58-4A44-B597-B3AC764309CF_1_105_c.jpg");
   background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width:100%;
  z-index:0;
 
 }

 .bottom_info_container .bottom_info_box2{
  position:relative;
  background:rgb(77, 93, 240);
   background-image:url("../img/window-5823692_1280.jpg");
   background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width:100%;
  z-index:0;
 }

 
 
 
 .bottom_info_container .bottom_info_box3{
   background:rgb(77, 134, 240);
   background-image:url("../img/engineer-4941352_1280.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   width:100%;
   z-index:0;

  }
  
  .bottom_info_container .bottom_info_box::before{
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background: inherit;
   filter: brightness(70%);
   z-index: -1;
   }
   /* IE駄目かも */


   .bottom_info_container .bottom_info_box:hover{
    filter: opacity(.6);
    /* opacity: .6; */
    transition:opacity .7s;
   }

 .bottom_info_container .bottom_info_box .bottom_info_box_text{
  position:absolute;
  top:35%;
  margin:0;
  width:100%;
  text-align:center;
  
}

 .bottom_info_text_top{
  display:block;
  /* font-size:37px; */
  font-size:32px;
  font-weight:normal;
  margin-bottom:5px;
  
 }

 .bottom_info_text_bottom{
  display:block;
  /* font-size:19px; */
  font-size:16px;
  
 }

 /*mdt_blog*/

 .mdt_blog{
   text-align:center;
   padding-top:70px;
   padding-bottom:50px;
   /* background:rgb(244, 242, 245); */
   background:#eeeced;
   /* background-image:url("../img/car-doors-406883_1700.jpg");
   background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width:100%; */

 }

 .mdt_blog .post_top_h{
  margin:10px auto 40px;
  /* display:flex; */
  justify-content: center;
}

.mdt_blog .post_top_h h2{
  /* font-size:37px; */
  font-size:35px;
  text-align:center;
  /* font-weight: normal; */
  font-weight:450;
  color:black;
  margin:0;
  line-height:55px;
}

.mdt_blog .post_top_h .post_top_h_right{
  display:block;
  /* font-size:27px; */
  font-size:25px;
  font-weight:normal;
  color:black;
  line-height:55px;
}


.mdt_blog .m-slider-desc{
  padding-top:20px;
  background: rgb(248, 246, 246);
  /* width:320px; */
  width:240px;
  /* height:620px; */
  height:570px;
  margin:auto;
  border:2px solid rgb(219, 218, 218);
  border-radius: 20px;

}

.mdt_blog .swiper-slide img{
  /* width:290px; */
  width:210px;
  /* height:230px; */
  height:170px;
}

.mdt_blog .m-slider-container{
  /* width:300px; */
  width:220px;
  /* height:300px; */
  height:300px;
  margin:auto;
}

.mdt_blog .m-slider-text {
  text-align: center;
  margin:5px auto;
  font-weight:bold;

}

.mdt_blog .m-slider-meta{
  text-align: left;
  height:60px;
  padding:0px;
  padding-left:8px;
  /* font-size: 12px; */
  font-size: 10px;
}

.mdt_blog .swiper-post-body{
margin-top:10px;
}

.mdt_blog .swiper-post-body p{
font-size:15px;
line-height:1.75;
}

.mdt_blog  a{
  text-decoration:none;
  color:black;
}

.mdt_blog .m-slider-meta a{
  display:inline-block;
  line-height:22px;
  padding:0 5px;
  margin-bottom:5px;
  color:#fff;
  background:rgba(162, 162, 245, 0.927);
}

.mdt_blog a:hover{
  opacity:.5;
}

.mdt_blog .notice_button_swiper{
  margin-top:25px;
  padding:0;
}

.mdt_blog .notice_button_swiper a{
  font-size: 18px;
  background: rgb(123, 123, 128);
  padding:8px 32px 8px 32px;
}

.notice_button_all{
  margin-top:30px;
  text-align: center;
  padding-right: 0;
}

.notice_button_all .notice_button_news_all{
  background: rgb(156, 156, 247);
  /* background: #fff; */
  border:1px solid rgb(250, 248, 248);
  color:#fff;
  /* color:black; */
}

.prev_next .swiper-button-prev {
  /* color:rgb(93, 77, 240); */
  color:rgba(93, 77, 240, 0.24);
  width:60px;
  height:60px;
  /* background-color: rgba(255, 255, 255, 0.2); */
  background-color: rgba(216, 214, 248, 0.39);
  border-radius:50px;
}

.prev_next .swiper-button-next{
  /* color:rgb(93, 77, 240); */
  color:rgba(93, 77, 240, 0.24);
  width:60px;
  height:60px;
  /* background-color: rgba(255, 255, 255, 0.2); */
  background-color: rgba(216, 214, 248, 0.39);
  border-radius:50px;

}

.swiper-container {
  padding-bottom:70px!important;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  background:rgb(93, 77, 240);
  /* border: 1px solid rgb(93, 77, 240); */
  /* width: 50px; */
  /* border-radius:0; */
  }





 /* footer */

 .footer{
  /* height:700px; */
  height:1550px;
  /* background-color: #232020ec; */
  }
  
  .footer .inquiry{
    padding:0px;
    /* height:65%; */
    height:36%;
    color:#fff;
    background:rgb(93, 77, 240);
  }


  /* .footer .inquiry .inquiry_bottom{
    padding:0 20px;
    
  } */

  .footer .inquiry .inquiry_bottom .inquiry_img{
    /* display:flex; */
    padding-top:30px;
    padding-bottom:20px;
    padding-left:20px;

  }

  .inquiry_text{
    padding-left:20px;
    padding-right:20px;
  }

  .inquiry_bottom .inquiry_img h1{
    /* line-height: 55px; */
    line-height: 30px;
    font-size:25px;
    font-weight:normal;
    padding-right:15px;
  }

  .inquiry_bottom .inquiry_img .contact_s {
   line-height: 55px;
   font-size:22px;
  }



  .footer .inquiry p{
    margin:0;
    padding:0 0 40px;
    line-height: 32px;
  }

  .footer .inquiry .inquiry_button{
   padding-top:20px;
   /* padding-left:25px; */
   text-align: center;
   color:#fff;
  }

  .line_icon{
  padding-right:25px;
  text-align:center;
  margin-right:2px;
  margin-bottom:10px;
  display:flex;
  justify-content:flex-end;
  }

  .line_icon .line-contact{
    font-size:18px;
    line-height:50px;
    margin-right:23px;
    color:#fff;
  }

  /* .line-line{
    color: #1eaf14;
    font-weight: bold;
  } */

  .line_icon a{
    display: inline-block;
    height:50px;
  }

  .line_icon img{
    width:50px;
    height:50px;
  }

  .footer .footer_page_top {
   text-align: center;
   padding:40px;
  }

  .footer .footer_page_top p{
    margin:0;
    font-size:25px;
    line-height:30px;
    /* color:#fff; */
  }

  .footer .footer_page_top p:nth-child(1){
    font-size:50px;
  }

 .footer .footer_page_top p:hover{
    cursor:pointer;
    opacity:.5;
    transition:opacity .3s ;
   }

  .footer  a{
    color:black;
    /* color:#fff; */
    text-decoration:none;
  }

  .footer .inquiry_button a{
    /* padding:15px; */
    padding:10px;
    /* background:rgb(83, 83, 94); */
    background:rgba(162, 162, 245, 0.671);
    border-radius:40px;
    color:#fff;
    border: .5px solid #fff;
    font-size: 15px;
  }

  .footer .footer_container a{
    font-size: 16px;
    /* line-height:64px; */
    line-height:25px;
  }

  .footer a:hover{
    cursor:pointer;
    opacity:.5;
    transition:opacity .3s;
   }

   .footer .footer_container ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
   }

   .footer .footer_container li{
     /* width:170px; */
     width:120px;
     height:90px;
     text-align:center;
   }

   
   

   .footer_copyright p{
    font-size:16px;
    margin:0;
    padding:60px;
    text-align:center;
    color:black;
    /* color:#fff; */
   
  }



/*media */

.pc-menu{
  display:none;
}

@media(min-width:320px){
  /* header */
  .logo p{
    font-size:15px;
  }

  header .logo h1{
    font-size:27px;
  }

  /* overlay */
  #open,#close{
    line-height:64px;
    font-size: 40px;
    transition:opacity .3s;
  }

  .overlay .logo h1 a{
    font-size:27px;
    line-height:64px;
  }

  .overlay a{
    line-height:40px;
    font-size: 17px;
  }
  
  /* .picBox */
  main .pic .picBox-text{
    top:55%;
    width:72%;
    height:25px;
  }
  
  main .pic .picBox-text h1{
    font-size:14px;
    line-height:25px;
  }

  /* concept*/

.concept{
  height:650px;
}

.concept .text_concept{
  bottom:55px;
 }


.concept p{
  margin:0;
  line-height:35px;
}

/* .main_info */
.main_info{
  grid-template-columns: repeat(2,130px);
  gap:40px;
}

.main_info  img{
  width:130px;
  height:130px;
  
}

/* notice */
.notice_top h2{
  font-size:35px;
}

.notice_top .notice_top_right{
  font-size:26px;
}

/* post */
.mdt_blog .post_top_h h2{
  /* font-size:37px; */
  font-size:36px;
}

.mdt_blog .post_top_h .post_top_h_right{
  font-size:26px;
}


.mdt_blog .m-slider-desc{
  /* width:320px; */
  width:260px;
  /* height:620px; */
  height:570px;
}

.mdt_blog .swiper-slide img{
  /* width:290px; */
  width:230px;
  /* height:230px; */
  height:160px;
}

.mdt_blog .m-slider-container{
  /* width:300px; */
  width:230px;
  /* height:300px; */
  height:300px;
}

.mdt_blog .m-slider-text {
  margin:5px auto;
  font-weight:bold;
}

.mdt_blog .m-slider-meta{
  text-align: left;
  height:60px;
  padding:0px;
  padding-left:8px;
  /* font-size: 12px; */
  font-size: 11px;

}

.swiper-container {
  padding-bottom:75px!important;
}

.notice_button_all{
  margin-top:40px;
}



/* footer */

.footer{
  /* height:700px; */
  height:1470px;
  }
  
  .footer .inquiry{
    /* height:65%; */
    height:35%;
  }

  .footer .inquiry .inquiry_button{
   text-align: right;
   padding-right: 25px;
  }

}


@media(min-width:375px){
  /* header */
  .logo p{
    font-size:14px;
  }

  header .logo h1{
    font-size:28px;
  }

  /* ovelay */


  #open,#close{
    line-height:64px;
    font-size: 50px;
  }

  
  .overlay .logo h1 a{
    font-size:28px;
    color:black;
  }

  .overlay a{
    line-height:50px;
    font-size: 18px;
  }



  /* .picBox */
  main .pic .picBox-text{
    position:absolute;
    top:55%;
    /* left:10px; */
    width:70%;
    height:30px;
  }

  main .pic .picBox-text h1{
    text-align:center;
    background:#3f3630;
    margin-bottom:7px;
    font-size:15px;
    color:#fff;
    line-height:30px;
  }

   /* concept*/

.concept{
  height:680px;
}

.concept .text_concept{
  bottom:65px;
 }


.concept p{
  margin:0;
  line-height:35px;
}

/* .main_info */
.main_info{
  width:100%;
  height:870px;
  grid-template-columns: repeat(2,160px);
  gap:40px;
}

.main_info  img{
  width:160px;
  height:160px;
  border-radius:50%;
  
}

/* post */
.mdt_blog .post_top_h h2{
  font-size:37px;
}

.mdt_blog .post_top_h .post_top_h_right{
  font-size:27px;
}


.mdt_blog .m-slider-desc{
  width:300px;
  height:600px;
}

.mdt_blog .swiper-slide img{
  width:270px;
  height:210px;
}

.mdt_blog .m-slider-container{
  width:260px;
  height:300px;
}

.mdt_blog .m-slider-text {
  margin:5px auto;
  font-weight:bold;
}

.mdt_blog .m-slider-meta{
  text-align: left;
  height:60px;
  padding:0px;
  padding-left:8px;
  font-size: 12px;

}

.mdt_blog .swiper-post-body p{
  font-size:16px;
  }

  /* footer */

 .footer{
  /* height:700px; */
  height:1300px;
  }
  
  .footer .inquiry{
    /* height:65%; */
    height:33%;
  }


  .footer .inquiry .inquiry_bottom .inquiry_img{
    display:flex;
    padding-top:30px;
    padding-bottom:20px;
    padding-left:25px;

  }

  .inquiry_text{
    padding-left:25px;
    padding-right:25px;
    
  }

  .inquiry_bottom .inquiry_img .contact_s {
    line-height:30px;
   }
 

  .footer .inquiry .inquiry_button{
   padding-top:20px;
   padding-right:25px;
   text-align: right;
  }

  .footer .inquiry_button a{
    /* padding:15px; */
    padding:10px;
    font-size:15px;
  }

  .footer .footer_container a{
    font-size: 16px;
    line-height:25px;
  }


   .footer .footer_container li{
     width:170px;
     height:78px;
   }

  

}


@media(min-width:500px){

  /* .picBox */
  main .pic .picBox-text{
    position:absolute;
    top:55%;
    /* left:10px; */
    width:60%;
    height:32px;
  }

  main .pic .picBox-text h1{
    text-align:center;
    background:#3f3630;
    margin-bottom:7px;
    font-size:16px;
    color:#fff;
    line-height:32px;
  }


  /* .overlay */
 .overlay{
    left:40%;
  }

 .main_info{
   height:950px;
   grid-template-columns: repeat(2,200px);
 }

 .main_info img{
   width:200px;
   height:190px;
 }

 .notice h4{
  font-size:15px;
}

.notice h3{
  font-size:15px;

 }
 
.top_notice  a{
  text-decoration:none;
  font-size:15px;
  color:black;
}

 .footer{
  height:800px;
  }

  .footer .inquiry{
    height:53%;
  }

/* post */
  .post{
    margin:0 auto 30px;
    width:80%;
   border:2px solid rgb(218, 216, 216);
   height:500px;
  }


.mdt_blog .m-slider-desc{
  width:360px;
  height:620px;
}

.mdt_blog .swiper-slide img{
  width:330px;
  height:250px;
}

.mdt_blog .m-slider-container{
  width:310px;
}


.mdt_blog .m-slider-meta{
  font-size: 13px;
}

.mdt_blog .swiper-post-body p{
  font-size:16px;
  }
  
  /* .notice_button */
  .top_notice  .notice_button{
    text-align:right;
    padding:40px 70px 0 0;
  }

  /* .mdt_blog_button */
  .notice_button_all{
    text-align:right;
    padding-right:70px;
  }

  /* bottom_info*/

 .bottom_info{
  margin:50px 70px;
}

.bottom_info_container .bottom_info_box{
  /* height:300px; */
  height:260px;
  position:relative;
  border-radius:20px;
  margin:30px auto;
}



.bottom_info_container .bottom_info_box .bottom_info_box_text{
  position:absolute;
  top:35%;
  margin:0;
}

.bottom_info_text_top{
 /* font-size:37px; */
 font-size:32px;
}

.bottom_info_text_bottom{
 /* font-size:19px; */
 font-size:16px;
}

/* footer */
.footer{
  height:1300px;
  }
  
  .footer .inquiry{
    height:32%;
  }
  
}

@media(min-width:510px){
  /* footer */
.footer{
  height:1150px;
  }
  
  .footer .inquiry{
    height:36%;
  }
}

@media(min-width:600px){

/* .picBox */
  main .picBox {
    height: 550px;
    }

  main .pic{
    height:550px;
  }

  .picBox img{
    height:550px;
  }

  
  main .pic .picBox-text{
    position:absolute;
    top:55%;
    /* left:10px; */
    width:55%;
    height:35px;
  }

  main .pic .picBox-text h1{
    text-align:center;
    background:#3f3630;
    margin-bottom:7px;
    font-size:17px;
    color:#fff;
    line-height:35px;
  }


 /* .main_info */
  .main_info{
    height:1000px;
   grid-template-columns: repeat(2,230px);
  }
 
  .main_info img{
    width:230px;
    height:220px;
  }
  
  /* .post */
  .post{
    margin:0 auto 30px;
    width:80%;
   border:1px solid rgb(218, 216, 216);
   height:450px;
  }

   /* bottom_info*/

 .bottom_info{
  margin:50px 110px;
}

.bottom_info_container .bottom_info_box{
  /* height:300px; */
  height:280px;
}



.bottom_info_container .bottom_info_box .bottom_info_box_text{
  position:absolute;
  top:35%;
  margin:0;
}

.bottom_info_text_top{
 font-size:37px;
}

.bottom_info_text_bottom{
 font-size:19px;
}

/* footer */

.footer{
  height:1150px;
  }
  
  .footer .inquiry{
    height:35%;
  }
  
}

@media(min-width:680px){
  /* footer */
.footer{
  height:950px;
  }
  
  .footer .inquiry{
    height:40%;
  }
}


@media(min-width:700px){

  /* overlay */
  .overlay{
    left:50%;
  }

  /* main_info */
  .main_info{
    height:1050px;
   gap:60px 110px;
  }
  
  
  /* concept */
  .concept img{
    width:250px;
    height:250px;
  }


  /* post */
  .mdt_blog .post_top_h{
    margin:10px auto 40px;
    display:flex;
    justify-content: center;
  }  
  
  .mdt_blog .post_top_h h2{
    padding-right:10px;
  }
  
  

  .post .post-image img{
    height:400px;
  }

  .post{
    margin:0 auto 30px;
    width:80%;
   border:1px solid rgb(218, 216, 216);
   height:620px;
  }

  .prev_next .swiper-button-prev {
    color:rgba(93, 77, 240, 0.24);
    /* background-color: rgba(216, 214, 248, 0.39); */
    background-color: rgba(216, 214, 248, 0.829);
  }
  
  .prev_next .swiper-button-next{
    color:rgba(93, 77, 240, 0.24);
    /* background-color: rgba(216, 214, 248, 0.39); */
    background-color: rgba(216, 214, 248, 0.829);
  }


  /* bottom_info*/
  .bottom_info_container{
    display:flex;
    justify-content: center;
  }


  .bottom_info_container .bottom_info_box{
    width:200px;
    height:200px;
    margin: 20px 20px;

}

.bottom_info_text_top {
  font-size: 27px;
}

.bottom_info_text_bottom {
  font-size: 14px;
}

/* footer */

.footer{
  height:940px;
  }

.footer .inquiry{
  height:40%;
}
}


@media(min-width:800px){

  /* .picBox */
  main .pic .picBox-text{
    position:absolute;
    top:55%;
    /* left:10px; */
    width:55%;
    height:37px;
  }

  main .pic .picBox-text h1{
    text-align:center;
    background:#3f3630;
    margin-bottom:7px;
    font-size:18px;
    color:#fff;
    line-height:37px;
  }

  /* .notice_button */
  .top_notice  .notice_button{
    text-align:right;
    padding:40px 80px 0 0;
  }

  /* .mdt_blog_button */
  .notice_button_all{
    text-align:right;
    padding-right:80px;
  }


  /* bottom_info */
  .bottom_info_container .bottom_info_box{
    width:240px;
    height:240px;
    margin:20px 15px;
  }

  .bottom_info_text_top {
    font-size: 32px;
  }
  
  .bottom_info_text_bottom {
    font-size: 17px;
  }
}


@media(min-width:900px){
  
  /* .picBox */
  main .pic .picBox-text{
    position:absolute;
    top:55%;
    /* left:10px; */
    width:55%;
    height:40px;
  }

  main .pic .picBox-text h1{
    text-align:center;
    background:#3f3630;
    margin-bottom:7px;
    font-size:19px;
    color:#fff;
    line-height:40px;
  }

  /* .main_info */
  .main_info{
   height:800px;
   grid-template-columns:repeat(3,230px);
   gap:60px;
  }


  /*notice*/
  .notice{
    width:90%;
  }
  
  .top_notice .notice .notice_contents{
    display:flex;
  }

   .notice_contents h4{
     width:20%;
     margin:1px 0;
     line-height:50px;
     border-right:0px;
   }
   

   .notice_contents .notice_title{
    width:80%;
    margin-left:0px;
    line-height:50px;
   }

   .notice_top{
    width:90%;
    margin:33px auto 30px;
    display:flex;
  }
  


  /* post */

  .container .post_top_h{
  width:95%;
  margin:33px auto 20px;
  display:flex;
}
  
  #posts{
    display:grid;
    grid-template-columns: repeat(3,300px);
    /* grid-template-rows:repeat(2,580px); */
    gap: 40px 0px;
    justify-content: center;
    align-content: center;
  }

  #posts .post{
    width:90%;
    height:580px;
    margin:0;
    background:rgb(248, 246, 246);
    border:1px solid rgb(182, 182, 184);
    justify-self:center;
  }

  #posts .post .post-image img{
    height:250px;
  }

  .post .post-content{
    padding:0 3px 0 5px;
  }
  
   .notice_button{
    margin-top:60px;
    margin-bottom:50px;
  }

   .top_notice .notice_button{
    margin-top:30px;
    margin-bottom:50px;
  }

     /* inquiry */


  .inquiry{
    display:flex;
    padding:0;
  }

  .inquiry_top{
    width:50%;
    height:100%;
    background-image:url("../img/car-498439_1920.jpg");
    background-size:100% 100%;
  }

 
  .inquiry_bottom{
    width:50%;
  }

  /* bottom_info */

  .bottom_info_container .bottom_info_box{
    width:270px;
    height:270px;
  }
  
  /* footer */

.footer{
  height:950px;
  }
  
  .footer .inquiry{
    height:38%;
  }

  .footer .inquiry p{
    margin:0;
    padding:0 0 15px;
    line-height: 32px;
  }

  
  
}  

@media(min-width:1000px){

  /* header */
  .logo p{
    font-size:18px;
  }

  header .logo h1{
    font-size:33px;
  }

  /* overlay */
  .overlay{
    left:55%;
  }

  #open,#close{
    font-size: 55px;
  }

  
  .overlay .logo h1 a{
    font-size:33px;
  }

  .overlay a{
    line-height:60px;
    font-size: 22px;
  }



  /* post */
  #posts{
    grid-template-columns: repeat(3,340px);
    /* grid-template-rows:repeat(2,550px); */
    gap: 40px 0px;
    
  }

  #posts .post{
    height:550px;
  }


  /* bottom_info */

  .bottom_info_container .bottom_info_box{
    width:300px;
    height:300px;
  }

  .bottom_info_text_top{
    font-size:41px;
   }
  
   .bottom_info_text_bottom{
    font-size:22px;
   }

   /* footer */
.footer{
  height:950px;
  }
  
  .footer .inquiry{
    height:39%;
  }
}

@media(min-width:1020px){
  .footer{
    height:880px;
    }
    
    .footer .inquiry{
      height:42%;
    }
}

@media(min-width:1100px){
  .footer .inquiry p{
    margin:0;
    padding:0 0 30px;
    line-height: 32px;
  }
}

@media(min-width:1140px){
  .container .post_top_h{
    width:87%;
    
  }

}


@media(min-width:1200px){

  /* header */

  .logo p{
    font-size:14px;
  }

  header .logo h1{
    font-size:28px;
    padding-right:26px;
  }

  

  /* .picBox */
  main .pic .picBox-text{
    position:absolute;
    top:55%;
    /* left:10px; */
    width:55%;
    height:45px;
  }

  main .pic .picBox-text h1{
    text-align:center;
    background:#3f3630;
    margin-bottom:7px;
    font-size:21px;
    color:#fff;
    line-height:45px;
  }


  .concept{
    height:750px;
  }

  .concept img{
    width:350px;
    height:350px;
  }

  .concept .text_concept{
    position:absolute;
    bottom:60px;
    left:0;
    right:0;
   
   }

  /* main_info */

  .main_info{
    height:800px;
    grid-template-columns:repeat(3,230px);
    gap:60px 110px;
   }

   /* .notice */
   .notice{
    width:86%;
  }

  .notice_top{
    width:86%;
    
  }

  .container .post_top_h{
    width:93%;
    
  }

    
   /* post */

   .container > h2{
     margin-left:66px
   }

   #posts{
    grid-template-columns: repeat(3,380px);
    /* grid-template-rows:repeat(2,530px); */
    gap: 40px 0px; 
  }

  .prev_next .swiper-button-prev {
    color:rgba(93, 77, 240, 0.24);
    background-color: rgba(216, 214, 248, 0.39);
  }
  
  .prev_next .swiper-button-next{
    color:rgba(93, 77, 240, 0.24);
    background-color: rgba(216, 214, 248, 0.39);
  }

   /*pc-menu*/
    
  .menu > li {
    position:relative;
  }

  .menu > li > ul {
    display:none;
  }

  .menu > li:hover ul {
    display:block;
    position:absolute;
    background:rgb(87, 87, 236);
    top:64px;
    left:0;
    
  }

  .menu > li > ul >li{
    height: 64px;
    padding:0;
    width:200px;
    text-align: center;
    border-bottom:.5px solid #fff;
  }

  

  .menu > li > ul >li >a{
    color:#fff;
    padding:0;
    width:100%;
    

  }



  .pc-menu{
    display:block;
  }

  .pc-menu ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
  }

  .pc-menu a{
    text-decoration:none;
    display:inline-block;
    padding:0 7px;
    text-align:center;
    line-height:64px;
    font-size:15px;
    font-weight:bold;
    color:black;
  }


  .pc-menu a:hover{
    cursor:pointer;
    /* opacity:.5; */
    transition:opacity .3s ;
    /* background:#9d9898; */
    background:rgba(162, 162, 245, 0.541)

  }

  .sp-menu {
    display:none;
  }

 /* bottom_info */

.bottom_info_container .bottom_info_box{
  width:360px;
  height:360px;
}

.bottom_info_text_top{
  font-size:41px;
 }

 .bottom_info_text_bottom{
  font-size:24px;
 }

}

@media(min-width:1220px){
  .container .post_top_h{
    width:90%;

  }
}

@media(min-width:1280px){
  .container .post_top_h{
    width:88%;

  }
}

@media(min-width:1300px){
  .pc-menu a{
    padding:0 12px;
}

.container .post_top_h{
  width:85%;
  
}

/* .notice_button */
.top_notice  .notice_button{
  text-align:right;
  padding:40px 100px 0 0;
}

/* .mdt_blog_button */
.notice_button_all{
  text-align:right;
  padding-right:100px;
}




/* bottom_info */

.bottom_info_container .bottom_info_box{
  margin:20px 30px;
}


}

@media(min-width:1360px){
.container .post_top_h{
  width:81%;
}

 /* footer */

 .footer{
  height:810px;
  }
  
  .footer .inquiry{
    height:49%;
  }
  
}

@media(min-width:1400px){
  .pc-menu a{
    padding:0 13px;
    font-size:16px;
  }

  /* header */
  .logo h1{
    padding-right:70px;
  }

  /* .picBox */
  main .pic .picBox-text{
    position:absolute;
    top:55%;
    /* left:10px; */
    width:55%;
    height:50px;
  }

  main .pic .picBox-text h1{
    text-align:center;
    background:#3f3630;
    margin-bottom:7px;
    font-size:23px;
    color:#fff;
    line-height:50px;
  }

/* .main_info */
.main_info{
  height:820px;
  grid-template-columns:repeat(3,230px);
    gap:60px 150px;
}

.main_info  img{
  width:230px;
  height:230px; 
}


/* footer */
  .footer{
    height:800px;
    }

    .footer .inquiry{
     
      height:49%;
     
    }
  
  .container > h2{
    margin-left:86px
  }

  .container .post_top_h{
    width:90%;
    
  }

  #posts{
    grid-template-columns: repeat(3,440px);
    /* grid-template-rows:repeat(2,550px); */
    gap: 40px 0px; 
  }

  .notice_button{
    padding:40px 90px 0 0;
  }

  .top_notice .notice_button{
    padding:40px 90px 0 0;
  }

  /* bottom_info */

.bottom_info_container .bottom_info_box{
  width:400px;
  height:370px;
}
}

@media(min-width:1560px){

  .footer .inquiry p{
    padding:0 0 70px;
  }
}

@media(min-width:1600px){
  /* .notice_button */
  .top_notice  .notice_button{
    text-align:right;
    padding:40px 120px 0 0;
  }
  
  /* .mdt_blog_button */
  .notice_button_all{
    text-align:right;
    padding-right:120px;
  }
}

@media(min-width:1700px){
 
  .footer .inquiry{
     
    height:51%;
  }

  .line_icon {
    margin-right: 2px;
    margin-bottom: 20px;
  }
  .top_notice .notice_button{
    padding:40px 100px 0 0;
  }

  /* .notice_button */
  .top_notice  .notice_button{
    text-align:right;
    padding:40px 130px 0 0;
  }
  
  /* .mdt_blog_button */
  .notice_button_all{
    text-align:right;
    padding-right:130px;
  }
  
}

@media(min-width:1800px){
 
  .footer .inquiry{
     
    height:52%;
  }

  .line_icon {
    margin-right: 2px;
    margin-bottom: 20px;
  } 

  .top_notice .notice_button{
    padding:40px 110px 0 0;
  }
}

@media(min-width:1900px){
 /* .notice_button */
 .top_notice  .notice_button{
  text-align:right;
  padding:40px 140px 0 0;
}

/* .mdt_blog_button */
.notice_button_all{
  text-align:right;
  padding-right:140px;
}
 
}