/* 1536 , 1530 × 735 ,1366 *//* 上記画面幅でも崩れていないか確認 */

/* 修正した場合→各項目の一番下に日付をコメントアウトして追記 */
@charset "utf-8";
/*■■　ALL　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Kiwi+Maru&family=Kosugi+Maru&family=M+PLUS+Rounded+1c&family=Meow+Script&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Shippori+Mincho:wght@400;700&family=Zen+Maru+Gothic&display=swap');


/* // <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name
 */
body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #252525;
}

.cate_title{
    font-weight: 700;
        font-size: 1.2rem;
    
} 
#logo{
    width: 70%;
}


#main_img .txt {
    top: 40%;
}
.mg_b-15px.font_50.editTxt1{
    margin-bottom: 40px;
}

.d_none_tb {
    font-size: 1rem;
}

#main_img{
    position: relative;
}

#area {
    position: absolute;
    z-index: 1;
    width: 11.5vw;
    top: 22%;
    left: 4%;
}
.truck-runner img{
  width: 80%;
  height: auto;
  display: block;
}

.truck-runner{
    position: fixed;
  left: 0;
  bottom: 5px;
  z-index: 100000;
  pointer-events: none;
  will-change: transform;
  
    transform: translateX(-140%);
  animation: none;
}


.truck-runner.is-running{
  animation: truckMove 8s linear infinite;
}

.banner{
    position: fixed;
    z-index: 1000;
    right: 0;
    width: 18vw;
    bottom: 8%;
    
}


@keyframes truckMove{
  from{ transform: translateX(-140%); }
  to  { transform: translateX(140vw); }
}


.vegas-timer-progress{
    display: none;
    
}

.truck-runner img {
  animation: bounce 0.25s ease-in-out infinite alternate;
}

@keyframes bounce {
  from { transform: translateY(0); }
  to   { transform: translateY(-4px); }
}


#intro .intro_bg {
    background-color: rgb(0 98 185 / 84%);
}

.cate_img1{
    height: 350vw;
}


.rectangle_img img {
aspect-ratio:0;
    object-fit: cover;
    transform: none;
}

.rectangle_img img {
    left: 0;
    top:0;
}

.mg_t-100px {
    margin-top: 100px;
}


.cate_list {
    margin-bottom: 60px;
}

#sp_nav a.active {
    color: #fff;
    border-bottom: 1px solid #fafafa;
    margin-bottom: 10px;
}

.blog_wrap{
    padding: 0 10%;
}

.more_bt .txt_center .width_300 .mg_t-100px .mg_t-50px_sp .width_80per_sp{
    margin: 61px 0;
}

#tel_txt .title {
    color:var(--color3)!important;
}

 #cms_2-f .cate_title{
     text-align: left;
 }

.width_60per.editTxt1{
    font-size: 1.7rem;
}

#main_img h2 {
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.02em;
    font-size: 3.472222vw;
}

.inquiry_flex{
    display: flex;
    gap:15px;
    justify-content: center;
}

.contact_button{
width: 100%;
}
/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

.more_bt{
        margin: 7.5vw auto;
}

.top_cms_box{
    padding: 0 10%;
}

.blog_wrap{
    padding: 0 10%;
}

#cms_2-f .cate_title {
    line-height: 2.2;
}

#area {
    position: absolute;
    z-index: 1;
    width: 17.5vw;
    top: 27%;
    left: 4%;
}

.banner {
    position: fixed;
    z-index: 2;
    right: 0;
    width: 33vw;
    bottom: 15%;
}

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
    
    
    #main_img{
            height: 100vw!important;

    }
    
    #area {
    position: absolute;
    z-index: 1;
    width: 24.5vw;
    top: 20%;
    left: 4%;
}

.banner {
    position: fixed;
    z-index: 2;
    right: 0;
    width: 68vw;
    bottom: 8%;
}

.truck-runner {
    width: 40%;
    position: fixed;
    left: 0;
    bottom: 5px;
    z-index: 100000;
    pointer-events: none;
    will-change: transform;
    transform: translateX(-140%);
    animation: none;
}

    #main_img {
        height: 157vw !important;
    }

}



/*■■　FV　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

}



/*■■　TOP　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

}



/*■■　下層ページ　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

}