.fwb{
    font-weight: bold;
}

.red{
    /* color: red; */
    font-size: 16px!important;
    font-weight: lighter!important;
}

/*拡大縮小*/
#alps,
#meiro,
#kitchen,
#line,
#food,
#nanashi,
#clean,
#youtube,
#carsell{
    max-width: 1920px;
}

/*共通ここから*/

small{
    position: relative;
    left: calc(50% - 80px);
}

/* フェードイン */
.fade-in {
    opacity: 0;
    transform: translateY(20px); /* 初期状態で20px下に移動 */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0); /* 元の位置に戻る */
}


/*フッターここから*/

.footer-link{
    margin: 0;
}

header a:hover{
    color: blue;
}
footer a:hover{
    color: blue;
}



footer a{
    font-size: 20px;
    margin: 0 0 0 15px;
}

footer{
    display: flex;
}
footer ul{
    display: flex;
    gap: 60px;
    margin: 15px 40px 0 0 ;
}
footer ul li a{
    white-space: nowrap;
    font-size: 14px;

}

footer img{
    width: 70px;
    height: auto;
    margin: 0 0 0 15px;
}
/*フッターここまで*/

main{
    background-image: url(img/nav_bg.jpg);
    z-index: 0;
}

body{
    /* font-family: "リュウミン R-KL JIS2004", "Ryumin R-KL JIS2004", serif; */
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
padding: 0;
}

p{
    line-height: 40px;
    font-size: 1.2em;
}
.wave1{
    background-image: url(img/wave05.svg);
    width: 100%;
    height: 74vh;
    background-size: contain;
    background-repeat: no-repeat;
}
.wave-kitchen,
.wave-line{
    background-image: url(img/wave05.svg);
    width: 100%;
    height: 100vh;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1000;
    margin-bottom: 60px;
}
.wave-alps{
    background-image: url(img/wave04.svg);
    width: 100%;
    height: 75vh;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    bottom: 1050px;
    z-index: -1;
}
.wave-food{
    background-image: url(img/wave05.svg);
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-repeat: no-repeat;
}

.wave-food2{
    background-image: url(img/wave04.svg);
    width: 100%;
    height: 75vh;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    bottom: 0;
    z-index: 10;
}
.wave-greet{
    background-image: url(img/wave04.svg);
    width: 100%;
    height: 75vh;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    bottom: 1200px;
    z-index: 1;
}

.a-kuwashiku{
    border: 4px solid ;
    border-radius: 35px;
    font-size: 1.2em;
    font-weight: bold;
    color: white;
    padding: 15px 120px;
    z-index: 100000;
}

.a-kuwashiku:hover{
    background-color: white;
}

/* 色*/

.c-kitchen{
    color: rgb(34, 34, 184);
}
.bgc-kitchen{
    
    background-color:  rgb(34, 34, 184);
}
.shadow-bgc-kitchen{
    background-color: rgba(135, 134, 185, 0.35);
}
.c-line{
    color: #EC5E82;
}
.bgc-line{
    background-color:  #ec5e82;
}
.shadow-bgc-line{
    background-color: rgba(185, 134, 183, 0.35);
}



.c-alps{
 color:rgb(41, 189, 41);
}
.bgc-alps{
    background-color: rgb(41, 189, 41);
}
.shadow-bgc-alps{
    background-color: rgba(102, 173, 102, 0.35);
}

.c-meiro{
color:rgb(241, 38, 241) ;
}
.bgc-meiro{
    background-color: rgb(241, 38, 241);
}
.shadow-meiro{
    background-color: rgba(104, 49, 96, 0.35);
}

.c-food{
    color: orange;
}

.bgc-food{
    background-color: orange;
}

.shadow-bgc-food{
    background-color: rgba(212, 150, 56, 0.3);
}

.c-clean{
    color: rgb(59, 195, 248);

}
.bgc-clean{
    background-color: rgb(59, 195, 248);
}
.shadow-clean{
    background-color: rgba(102, 173, 173, 0.35);;
}

.c-greet{
    color: rgb(55, 0, 255);
}

.bgc-greet{
    background-color: rgb(55, 0, 255);
}

.shadow-bgc-greet{
    background-color: rgba(135, 134, 185, 0.3);
    position: relative;
    z-index: 2;
}

.c-youtube{color: rgba(255, 0, 0, 0.918);}
.bgc-youtube{background-color: rgba(255, 0, 0, 0.918);}
.shadow-bgc-youtube{background-color: rgba(185, 31, 31, 0.35);}


.c-carsell{color: black;}
.bgc-carsell{background-color: black;}
.shadow-carsell{background-color: rgba(62, 77, 77, 0.35);}

/*トップページ　マージン*/
.alps-title-div{
    margin-top: -1300px;
}

.wave-food{
    margin: -850px 0 -100px 0;
}

.index-business h2{
}

.index-about{
    margin-top: -1100px;
}

.index-greet h2 {
    margin-top: -100px;
}

footer{
    margin-top: -150px;
}
/*トップページ　マージン*/




.title-block-r{
    padding: 9px 40px 0 0 ;
    text-align: end;
    font-size: 38px;
    font-weight: bold;
    height: 150px;
    width: 880px;
    color: white;
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%);
    z-index: 2;
    position: relative;
    left: calc(100% - 880px);
    top: 130px;
}

.line-index-title{
    padding-top: 35px;
}

.title-shadow-r,
.bs-title-shadow-r{
    width: 910px;
    height: 150px;
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%);
    position: relative;

    left: calc(100% - 910px);
    z-index: 1;
    margin-bottom: 30px;
}
.title-block-l{
    font-size: 38px;
    font-weight: bold;
    text-align: left;
    height: 150px;
    width: 880px;
    color: white;
    padding: 11px;
    clip-path: polygon(0 100%, 100% 100%, 95% 0, 0 0);
    z-index: 1000;
    position: relative;
    top: 130px;
}


.title-shadow-l,
.bs-title-shadow-l{
    width: 910px;
    height: 150px;
    clip-path: polygon(0 100%, 100% 100%, 95% 0, 0 0);
    position: relative;
 margin-bottom: 30px;
}

/*ヘッダーここから*/
.sp-en-button-li{
    list-style: none;

}
.header-nav,
.sp-en-button
    {
    display: none;
}

header h1{
    font-size: 25px;
    font-weight: bold;
    margin: 20px 0 0 15px;

}

header{
    display: flex;
    margin-bottom: 15px;
}
.standard-menu{
    display: flex;
    gap: 60px;
    margin: 30px 40px 0 0 ;
}
header ul li a{
    font-weight: bold;
    white-space: nowrap;
    font-size: 20px;
}

header img{
    width: 70px;
    height: auto;
    margin: 15px 0 0 15px;
}

/* 英語ボタン⇒⇒ */

.en-button{
    border: 2px solid black;
    background-color:rgb(100, 100, 225) ;
    padding: 5px 10px;
    color: white;
    font-weight: bold;
}

.en-button:hover{
    background-color: white;
    color: blue;
}

/* 英語ボタンここまで */


/*ヘッダーここまで*/

/*共通ここまで*/

/*トップ画面ここから*/
.top{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 100;

}


/*トップ画面ここまで*/

/*トップページメインコンテンツここから*/

.index-main{
    position: relative;
    bottom: 240px;
}

/*キッチンカーここから*/

.kitchen{
    max-width: 1920px;
}

.kitchen-title-block{
    margin-top: -50px;
}

.index-kitchen-ele{
    display: flex;
    gap: 20px;
    margin: 0 20px;
}

.index-kitchen-ele img{
    width: 50%; 
    height: 50%;
    z-index: 1000;
}

.index-kitchen-ele p {
    margin: 0 20px;
}

.kitchen-tri{
    background: linear-gradient(90deg, rgba(21, 104, 130, 1) 1%, rgba(27, 179, 247, 1) 57%, rgba(25, 107, 153, 1) 100%);
    height: 1000px;
    clip-path: polygon(0 0, 0 100%, 30% 50%);
    position: relative;
    bottom: 500px;
    left: 0;
    z-index: 10000;
    z-index: -10;
}

.a-kitchen{
    border-color: rgb(66, 66, 238) ;
    background-color:  rgb(66, 66, 238);
    position: relative;
    top: 70px;
    left: calc(68% - 250px);

}

.a-kitchen:hover{
    color:  rgb(66, 66, 238);
    background-color: white;

}



/*キッチンカーここまで*/

/*アルプスここから*/

.alps{
    max-width: 1920px;
}

.index-alps-ele{
    display: flex;
    gap: 20px;
    margin:0 20px;
}

.index-alps-ele img{
    width: 50%;
    height: 50%;
    z-index: 1000;
    position: relative;
}

.index-alps-ele p{
    margin:0 20px 20px 20px;
}

.a-alps{
    background-color: rgb(24, 228, 5);
    border-color:rgb(24, 228, 5) ;
    position: relative;
    left: calc(55% - 200px);
}

.a-alps:hover{
    color: rgb(24, 228, 5);
}

.alps-tri{
    background: linear-gradient(90deg, rgba(96, 162, 24, 1) 0%, rgba(204, 107, 27, 1) 49%, rgba(237, 89, 75, 1) 100%);
    height: 1000px;
    clip-path: polygon(100% 0, 70% 50%, 100% 100%);
    position: relative;
    bottom: 650px;
    z-index: -1;
    margin-right: 0;
}

/*アルプスここまで*/


/*LINEここから*/

.line-title-block{
    margin-top: -50px;
}

.index-line-ele{
    display: flex;
    gap: 20px;
    margin: 0 20px;
}

.index-line-ele img{
    width: 50%; 
    height: 50%;
    z-index: 1000;
}

.index-line-ele p {
    margin: 0 20px;
}

.line-tri{
    background: rgb(255,179,0);
    background: linear-gradient(90deg, rgba(255,179,0,1) 0%, rgba(255,179,0,1) 100%);
    height: 1000px;
    clip-path: polygon(0 0, 0 100%, 30% 50%);
    position: relative;
    bottom: 700px;
    left: 0;
    z-index: 10000;
    z-index: -10;
    margin-bottom: -800px;
}

.a-line{
    border-color: #ec5e82;
    background-color:#ec5e82;
    position: relative;
    top: 70px;
    left: calc(68% - 250px);

}

.a-line:hover{
    color:  #ec5e82;
    background-color: white;

}



/*LINEここまで*/

/*飲食店ここから*/

.food-squ{
    background: linear-gradient(90deg, rgba(227, 172, 60, 1) 0%, rgba(233, 132, 88, 1) 49%, rgba(235, 183, 77, 1) 100%);
    height: 350px;
    width: 350px;
    margin-bottom: -200px;
    clip-path: polygon(47% 0, 100% 19%, 100% 50%, 100% 81%, 48% 100%, 14% 51%);
    z-index: 1;
    position: relative;
    left: calc(100% - 350px);
    bottom: 200px;
}

.food h3{
    font-size: 30px;
    width: 300px;
    height: 70px;
    text-align: center;
    border-radius: 15px;
    border: solid 1px black;
    line-height: 70px;
    background-color: orange;
    margin: 20px auto 20px 100px;
    font-weight: bold;
    color: white;
}

.index-food-ele{
    display: flex;
    gap: 20px;
    margin: 0 20px;
}

.index-food-ele img{
    width: 40%; 
    height: 40%;
    z-index: 1000;
}

.index-food-ele p {
    margin: 0 20px;
}

.a-food{
    border-color: orange ;
    background-color: orange;
    position: relative;
    top: 30px;
    left: calc(65% - 250px);

}

.a-food:hover{
    color: orange;
}

.index-food-pic,
.index-nanashi-pic{
    display: flex;
    margin: 100px 20px 20px 20px;
    gap: 20px;

}

.index-food-pic img{
    width: 33%;
    height: auto;
}

.index-nanashi-pic img{
    width: 33%;
    height: auto;
}

.index-food-tri{
    background: linear-gradient(90deg, rgba(226, 227, 60, 1) 0%, rgba(197, 204, 27, 1) 49%, rgba(235, 230, 77, 1) 100%);
    height: 1000px;
    position: relative;
    clip-path: polygon(0 0, 0 100%, 30% 50%);
    bottom: 1550px;

    left: 0;
    z-index: -1;
}

.index-food-wave{
    bottom: 200px;
    z-index: -1;
}



/*飲食店ここまで*/

/*事業内容ここから*/
.index-business{
    margin-bottom: 50px;
}

.index-business h2{
    text-align: center;
    font-size: 55px;
    font-weight: bold;
    padding-top: 30px;

}

.index-business-ele{
    display: flex;
    gap: 50px;
    margin: 20px 80px 0;

    flex-wrap: wrap;
    justify-content: center;
}

.index-business-ele > div{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.a-business{
    width: 246px;
    padding: 10px 3px;
    border-radius: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    color: orangered;
    border: solid 3px orangered;
    background-color: white;
    
}

.a-business:hover{
    background-color: orangered;
    color: white;
}

.index-business-ele img{
    border: 3px orangered solid;
}

/*事業内容ここまで*/
/*代表挨拶ここから*/

.index-greet{
    background-color: white;
    max-width: 1920px;
}

.index-greet-ele {
    display: flex;
    gap: 20px;
    z-index: 2;
    position: relative;
}

.index-greet-ele img{
    width: 50%;
    height: 50%;
    position: relative;
    z-index: 100;
}

.index-greet-ele p{
    margin: 20px 0 0 70px ;
    z-index: 2;
}

.index-greet span{
    font-weight: bold;
    text-align: end;
    display: block;
    margin-right: 40px;
}

.index-greet h2{
    position: relative;
    top: 130px;
    font-size: 60px;
    font-weight: bold;
    text-align: left;
    line-height: 100px;
    height: 150px;
    width: 880px;
    background-color: rgb(55, 0, 255);
    color: white;
    clip-path: polygon(0 100%, 100% 100%, 95% 0, 0 0);
    padding: 15px;
    z-index: 10;
}

.index-greet-wave{
    background-image: url(img/wave04.svg);
    width: 100%;
    height: 75vh;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    bottom: 1180px;
    z-index: -1;
}

.index-greet-tri{
    background: linear-gradient(90deg, rgba(227, 172, 60, 1) 0%, rgba(233, 88, 147, 0.8239670868347339) 49%, rgba(235, 183, 77, 1) 100%);
    height: 960px;
    clip-path: polygon(0 0, 0 100%, 30% 50%);
    position: relative;
    z-index:0 ;
   bottom: 500px;
}


/*代表挨拶ここまで*/

/*会社概要ここから*/
.index-business{
background-image: url(img/opening_bg.jpg);
z-index: 1000;
padding-bottom: 50px;
}

.index-about h2{
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
table{
    margin: 0  auto!important;
    border-collapse: collapse; 
    z-index: 100;
    position: relative;
}
th,
td{
    text-align: center; /* 文字を中央に配置 */
    vertical-align: middle; /* 上下中央に配置 */
}

table,
th,
td{
    border: 1px solid black;
}

tr{
    height: 45px;
}

td{
    border-width: 3px;
    vertical-align: middle;
    padding-left: 15px;
    width: 60%;
    font-size: 1.1rem;
    text-align: left;
    background-color: white;
}

th{
    width: 20%;
    background-color: rgb(245, 159, 0);
    border-color: black;
    font-weight: bold;
    border-width: 3px;
    color: white;
    vertical-align: middle;
}

/*会社概要ここまで*/


/*関連企業ここから*/
.index-affiliated{
    text-align: center;
    padding-top: 40px;
    line-height: 2rem;
    background-color: white;
}

.index-affiliated h2{
    font-size: 30px;
}

.index-affiliated span{
    font-size: 50px;

}

.index-affiliated div{
    display: flex;
    justify-content: center;
    margin: 10px auto;
    gap: auto;
}

.index-affiliated a{
    font-size: 20px;
    padding:13px 0;
    border: 3px solid black;
    font-weight: bold;
}

.link-mt,
.link-yp{
    text-decoration: underline;
    text-underline-offset: 5px;
}

.link-mt,
.link-yp,
.link-th{
    width: 500px;
    background-color: white;
    white-space: nowrap;
    margin:0 5px;
    height: 100px;
}

.link-mt-url,
.link-yp-url
{
    font-size: 14px!important;
    text-decoration: none;
    display: inline-block;
}

.link-th{
        font-size: 20px;
    padding:7px 0;
    border: 3px solid black;
    font-weight: bold;
}

.link-yp{
    padding: 15px!important;
}

.link-th > h4 > span{
    font-size: 14px;
}

.link-icon{
    width: 20px;
    height: auto;
    position: relative;
    right: 100px;
    top: -15px;
}

.link-th-br{
    display: none;
}

.link-container-yp:hover .link-yp {
  background-color: red; /* お好みの色に */
  color: white;
}

.link-yp:hover{
    background-color: red;
    color: white;
}
.link-container-mt:hover .link-mt {
  background-color: rgb(238, 238, 27); /* お好みの色に */
  color: white;
}

.link-mt:hover{
    background-color: rgb(238, 238, 27);
    color: white;

}


/*関連企業ここまで*/

 
/*関連企業ここから
.index-affiliated{
    text-align: center;
    padding-top: 40px;
    line-height: 60px;
    background-color: white;
}

.index-affiliated h2{
    font-size: 30px;
}

.index-affiliated span{
    font-size: 50px;
    margin-top: 40px;
}

.index-affiliated div{
    display: flex;
    justify-content: center;
    margin: 20px auto;
    gap: auto;
}

.index-affiliated a{
    font-size: 20px;
    padding:13px 0;
    border: 3px solid black;
    font-weight: bold;
}

.index-affiliated p{
    line-height: 1rem;
}

.link-box{
}

 .link-mt,
.link-yp,
.link-th{
    width: 100%;
    background-color: white;
    white-space: nowrap;
    margin:0 5px;
} 
.group-company-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.group-company h2{
    font-size: 50px;
    margin-top: 40px;
    text-align: center;
}

.underline{
    border-bottom: 2px solid black;
    font-size: 22px;
}

.group-company-content a{
    width: 100%;
    display: block;
    padding: 30px 0;
}

.group-company-content h4 {
    padding: 30px 0;
}

.link-under-text{
    font-size: 15px;
}

.group-company-content div,
.group-company-content h4 {
    width: 500px;
    border: 3px solid black;
    text-align: center;
    margin: 20px;
    font-weight: bold;
    font-size: 22px;
}
/* 
.underline:hover{
    border-bottom: 2px solid white;

} 


.link-yp:hover{
    background-color: red;
    color: white;
}

.link-mt:hover{
    background-color: rgb(238, 238, 27);
    color: white;
    border-color: white;
}
.link-th{
        font-size: 20px;
    padding:7px 0;
    border: 3px solid black;
    font-weight: bold;
    line-height: 1.5rem;
}
.link-th-br{
    display: none;
}

関連企業ここまで */


/*トップページここまで*/
/*トップページここまで*/






/*事業内容ここから*/
/*事業内容ここから*/


/*事業内容　wave*/
.wave-alps-bs{
    background-image: url(img/wave04.svg);
    width: 100%;
    height: 75vh;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    bottom: 500px;
    z-index: 10;
}
/*事業内容　リンク*/


.bs-link{
    background-image: url(img/opening_bg.jpg);
    padding-bottom: 600px;
}

.bs-link h1{
    font-size: 50px;
    text-align: center;
    padding-top: 30px;
    font-weight: bold;
}

.bs-link > div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin: 0 60px;
}

.bs-link > div > div{
    width: 240px;
    height: 190px;
    margin-top: 60px;
}

.bs-link h2{
    border-top: 3px solid white;
    width: 90%;
    text-align: center;
    padding-top: 15px;
    white-space: nowrap;
    color: white;
    font-weight: bold;

}

.bs-link img{
    padding: 25px 0;
}

.bs-link h2,
.bs-link img{
    display: block;
    margin: 0 auto;
    text-align: center;
}




.bs-link a{
    position: relative;
    top: 20px;
    left: clac(100% - 240px);
    padding: 5px 69px;
    border-radius: 25px;
    border: 3px solid ;
    font-weight: bold;
    background-color: white;
}

.c-alps:hover{
    background-color: rgb(41, 189, 41);
    color: white;
    border-color:rgb(41, 189, 41); ;
}
.c-meiro:hover{
    color: white;
    background-color: rgb(241, 38, 241);
    border-color:rgb(241, 38, 241) ;
}
.c-kitchen:hover{
    color: white;
    background-color:rgb(34, 34, 184);
    border-color:rgb(34, 34, 184);
}
.c-line:hover{
    color: white;
    background-color: #ec5e82;
    border-color: #ec5e82;
}

.c-food:hover{
    color: white;
    background-color: orange;
    border-color: orange;

}
.c-clean:hover{
    color: white;
    background-color: rgb(59, 195, 248);
    border-color: rgb(59, 195, 248);

}
.c-youtube:hover{
    color: white;
    background-color: rgba(255, 0, 0, 0.918);
    border-color: rgba(255, 0, 0, 0.918);
}
.c-carsell:hover{
    color: white;
    background-color: black;
    border-color: black;
}


/*事業内容　共通*/

.bs-bannar{
    margin: 30px auto 0 ;
    width: 90%;
    height: auto;
    display: block;
}

.bs-alps-title,
.bs-meiro-title,
.bs-line-title,
.bs-kitchen-title,

.bs-food-title,
.bs-clean-title,
.bs-youtube-title,
.bs-carsell-title{
    display: flex;
    gap: 10px;
}

.bs-alps-title img,
.bs-meiro-title img,
.bs-line-title img,
.bs-kitchen-title img,
.bs-food-title img,
.bs-clean-title img,
.bs-youtube-title img,
.bs-carsell-title img{
    width: 70px;
    height: 70px;
}

.bs-alps-title h2,
.bs-meiro-title h2,
.bs-line-title h2,
.bs-kitchen-title h2,
.bs-food-title h2,
.bs-clean-title h2,
.bs-youtube-title h2,
.bs-carsell-title h2{
    font-size: 45px;
    line-height: 75px;
    font-weight: bold;
    color: white;
}

.bs-alps-title,
.bs-line-title,
.bs-kitchen-title,
.bs-clean-title,
.bs-carsell-title{

    font-weight: bold;
    text-align: left;
    height: 150px;
    width: 880px;
    color: white;
    padding: 35px;
    clip-path: polygon(0 100%, 100% 100%, 95% 0, 0 0);
    z-index: 1000;
    position: relative;
    top: 130px;

}

.bs-meiro-title,
.bs-food-title,
.bs-youtube-title{
    padding: 35px 40px 0 80px;
    text-align: end;

    font-weight: bold;
    height: 150px;
    width: 880px;
    color: white;
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%);
    z-index: 2;
    position: relative;
    left: calc(100% - 880px);
    top: 130px;
}

.bs-flex{
    display: flex;
    gap: 30px;
    margin: 20px;
}

.bs-flex img{
    width:40%;
    height: 40%;
}

.bs-img{
    display: flex;
    gap: 30px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px;
}

.bs-img img{
        width: calc(30% - 1px);
    height: auto;
}

.bs-img-carsell{
    display: flex;
    gap: 30px;
    justify-content: left;
    flex-wrap: wrap;
    margin: 20px;
}

.bs-img-carsell img{
    width: calc(30% - 1px);
    height: auto;
}

.bs-address{
    display: flex;
    justify-content: space-between;
    gap: 50px;
    margin:0 20px ;
}

.bs-address div{
    background-color: white;
    border: double 4px black;
    padding: 30px 60px;
    width: 48%;
    height: auto;
}

.bs-address h4{
    font-weight: bold;
    padding: 30px 0;
    font-size: 20px;
}

.bs-address a{
    margin-top: 60px;
    border: 1px solid black;
    padding: 5px 15px;
    white-space: nowrap
    ;
    border-radius: 20px;
    line-height: 45px;
}

.bs-address a:hover{
    color: blue;
    border-color: blue;
}

.food-shop-title{
    display: flex;
}
.food-shop-title h4{
    width: 100%;
    height: 50px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 30px;
    padding-top: 15px;
    margin:0 40px;
    background-color: orange;
}


/*事業内容 LINE公式について ここから*/

/* .line-qr{
    margin-top: 40px;
    position: relative;
    left: calc(90% - 240px);
} */

/* .line-qr img{
    width: 15%!important;
    height: auto;
} */

/*事業内容 LINE公式について ここまで*/

/*事業内容ここまで*/
/*事業内容ここまで*/



/*問い合わせフォーム　ここから*/
/*問い合わせフォーム　ここから*/

.contact{
    background-image: url(img/nav_bg.jpg);
}

.contact h1{
    margin:0 auto ;
    font-size: 50px;
    font-weight: bold;
    padding-top: 30px;
    border-bottom: 2px black solid;
    width: 325px;
    white-space: nowrap;
}

.wave-contact{
    background-image: url(img/wave05.svg);
    width: 100%;
    height: 80vh;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 1050px;
    z-index: 100000;
}

.contact p{
    text-align: center;
    font-size: 1.8rem;
}

.contact span,
.contact a{
    font-weight: bold;
    font-size: 35px;
    padding-top: 20px;
}

form{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

label{
    margin: 30px auto;
    width: 80%;
    font-size: 1.2rem;
}

form input,
form textarea{
    width: 80%;
    border: 1px solid black;
    margin: 0 auto;
    background-color: white;
    padding: 5px;
    border-radius: 5px;
}
form textarea{
    resize: none;
    height: 150px;

}

.send-bottom{
    margin: 30px auto;
    text-align: center;
    width: 400px;
    padding: 10px 0 8px;
    background-color: blue;
    color: white;
    font-weight: bold;
    border: 4px blue solid ;
    border-radius: 25px;
}
.send-bottom:hover{
    background-color: white;
    color: blue;
}

.privacy{
    margin: 20px 40px 190px 40px;
}

.privacy h3{
    font-weight: bold;
    font-size: 30px;
    width: 100%;
    border-bottom: 3px solid black;
    
}
.privacy p{
    font-size: 0.9em;
    line-height: 1em;
    text-align: left;
    margin-top: 20px;
}


/*問い合わせフォーム　ここまで*/
/*問い合わせフォーム　ここまで*/

/*送信完了画面ここから*/

.complete{
    background-image: url(img/nav_bg.jpg);
}

.complete h1,
.complete p{
    text-align: center;
    margin: 0 auto;
}

.complete h1{
    padding-top: 120px;
    font-weight: bold;
    font-size: 40px;
    border-bottom: 3px solid black;
    width: 200px;
}

/*送信完了画面ここまで*/



/**レスポンシブ対応ここから**/
/**レスポンシブ対応ここから**/
/**レスポンシブ対応ここから**/

@media (mix-width: 1921px) {
    .kitchen,
    .alps,
    .index-greet{
        position: relative;
        left: 10%;
    }
}

@media (max-width: 1250px) {
.top{
}
}


@media (max-width: 1200px) {

.index-food-pic,
.index-nanashi-pic{
    display: flex;
    margin: 100px 20px 20px 20px;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}





}

@media (max-width: 1150px) {

    .index-alps-ele img{
    }
}
@media (max-width: 1000px) {
    .bs-link > div {
        gap: 20px;
    }

    .link-yp{
        margin-bottom: 30px;
    }

        .standard-menu{
        display: none;
    }

    .sp-en-button{
        display: block;
    }

    .link-box{
        flex-direction: column;
align-items: center;
}

/* .link-mt{
    margin-bottom: 20px;
} */
}
@media (max-width: 910px) {
    .standard-menu{
        gap: 35px;
        margin-left: 20px;
    }
}





@media (max-width: 880px) {

    
    .title-block-l,
    .title-block-r,
    .title-shadow-l,
    .title-shadow-r,
    .bs-title-shadow-l,
    .bs-title-shadow-r,
    .index-greet h2{
        width: 100%;
        font-size: 32px;
    }

    .title-shadow-r,
    .title-block-r,
    .bs-title-shadow-r,
    .bs-title-block-r{
        left: 0;
    }

    
    .index-kitchen-ele,
    .index-line-ele,
    .index-food-ele{
        flex-direction: column;
    }

    .index-alps-ele{
        flex-direction: column-reverse;
    }

    .index-kitchen-ele img,
    .index-line-ele img,
    .index-food-ele img, 
    .index-alps-ele img{
        width: 95%;
        height: auto;
        margin:0 auto;
    }
    
    .index-food-pic img,
    .index-nanashi-pic img {
        width: 48%;
        height: auto;
    }


    .a-line,
    .a-kitchen,
    .a-food,
    .a-alps    {
        margin: 0 auto;
        display: block;
        width: 362px;
        white-space: nowrap;
        text-align: center;
        left: 0;
        top: 30px;
        padding: 18px 0;
    }

    .line-tri{
        margin-bottom: -900px;
    }

    .food h3{
        width: 90%;
        border-radius: 25px;
        margin: 20px auto;
        font-size: 25px;
    }

    .food-squ,
    .index-greet-ele img,
     .wave-greet{ 
        display: none;
    }

    .index-about{
        margin-top: -950px;
        z-index: 10;
        position: relative;
    }

    .index-business-ele {
        gap: 20px;
        margin: 0 15px;
    }

    .index-greet-ele p{
        margin: 20px 40px;
    }

    th{
        width:20% ;
    }
    td{
        width: 80%;
    }
  

    table{
        width: calc(100% - 40px);
        margin: 0 20px!important;
    }

    footer{
        margin-top: -200px;
        z-index: 1000;
        position: relative;
    }

}

@media (max-width: 1000px) {



    .sp-en-button-li{
        width: 202px;
        list-style: none;
        margin: 20px 40px;
    }

    .sp-en-button{
        border: 2px solid black;
        background-color:rgb(100, 100, 225) ;
        padding: 5px 10px;
        color: white;
        font-weight: bold;
        font-size: 10px;
        white-space: nowrap;
        margin-top: 4px;
    }
    
    .sp-en-button:hover{
        background-color: white;
        color: blue;
    }


   /* 初期状態で非表示（mt79の位置にたたまれている） */
.header-nav {
    position: absolute;
    top: 80px; /* mt79の位置 */
    left: 0;
    width: 100%;
    background-color: transparent;
    max-height: 0; /* 初期状態では畳まれている */
    overflow: hidden; /* はみ出た部分を隠す */
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    z-index: 101;
}

/* メニュー表示時（徐々に展開） */
.header-nav.show {
    max-height: 500px; /* 適度な高さに広げる（メニューの内容に応じて調整可） */
    background-color: white;
    opacity: 1;
    pointer-events: auto;
}

/* メニュー非表示時（再び畳まれる） */
.header-nav.hide {
    max-height: 0; /* 畳む */
    opacity: 0;
    pointer-events: none;
}

/* メニュー内のリンク要素 */
.header-nav a {
    width: 88%;
    text-align: left;
    padding: 10px 0;
    font-size: 20px;
    color: black;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #FF6921; /* 薄いグレーの線 */
}



/* ホバー時のスタイル */
.header-nav a:hover {
    background-color: gainsboro; /* 少し濃い水色 */
    color: black;
}

/* ハンバーガーアイコン */
.menu-icon {
    margin: 25px 30px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.bar {
    width: 26px;
    height: 3px;
    background-color: #000000;
    margin: 3px 0;
    transition: transform 0.3s, opacity 0.3s;
}

/* ×マークのアニメーション */
.menu-icon.active .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.menu-icon.active .bar:nth-child(2) {
    opacity: 0;
}

.menu-icon.active .bar:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg);
}

}
@media (max-width: 750px) {
    footer ul {
        gap: 15px;
    }
}
@media (max-width: 710px) {
  .standard-menu {
        gap: 25px;
    }
}

@media (max-width: 710px) {

    .kitchen-title-block {
        margin-top: 150px;
    }
    .line-title-block {
        margin-top: 150px;
    }

    .wave-kitchen{
        display: none;
    }
    .wave-line{
        display: none;
    }

    #alps{
        margin-top: -710px;
    }

    /* header h1{
        font-weight: normal;
        font-size: 16px;
    } */

    header img{
        width: 70px;
        height: auto;
    }

    .wave-alps,
    .wave-food,
    .wave-food2,
    .wave-greet{
        visibility: hidden;
    }

    /*スペース調整*/

   

    /*各タイトル平行四辺形*/

    .title-block-l,
    .title-block-r,
    .index-greet h2{
        padding: 30px 0px 0 0;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        color: white;
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
        z-index: 3;
        position: relative;
        top: 130px;
    }
    .index-greet h2{
        line-height: 80px;
    }

    .title-shadow-l,
    .title-shadow-r,
    .bs-title-shadow-l,
    .bs-title-shadow-r,
    .shadow-bgc-greet{
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
        z-index: 2;
    }

    .alps-title-div{
        margin-top: -1500px;
    }

    .index-business h2{
        margin-top: -380px;
    }

}

@media (max-width: 650px) {
    header ul li a{
        font-size: 15px;
    }
}



@media (max-width: 540px) {
        .link-mt,
    .link-yp,
    .link-th{
        width: 340px;


    }

    .header-nav {
        top: 54px; /* mt79の位置 */
    }

    .menu-icon {
        margin: 25px 30px 0 0;

    }

    .index-business h2{
        margin-top: -510px;
    }

    #alps{
        margin-top: -1000px;
    }
    
    

    header h1{
        font-weight: normal;
        font-size: 18px;
    }

    header img{
        width: 45px;
        height: auto;
    }

    header ul li a{
        font-size: 11px;
    }
    header ul{
    margin: 20px 20px 0 0
 }
    footer a{
        font-weight: normal;
        font-size: 13px;
    }

    footer img{
        width: 40px;
        height: auto;
    }

    footer ul li a{
        font-size: 9px;
    }
    footer ul{
    margin: 5px 20px 0 0
 }


 .title-block-r{
    padding: 40px 0 0 0;
    font-size: 17px;
 }
 .title-block-l{
    font-size: 20px;
    padding: 35px 0 0 0;
 }

 .a-alps{
    left: 0;
    transform: none;
 }

 .index-food-pic img,
  .index-nanashi-pic img {
    width: 98%;
    height: auto;
}

/* th{
    white-space: nowrap;
} */
}

@media (max-width: 500px) {
   
    .link-th-br{
        display: block;
    }
}


@media (max-width: 460px) {
    .header-nav {
        top: 49px; /* mt79の位置 */
    }
    .index-affiliated div{
        flex-direction: column;
        gap: 20px;
    }

    .link-mt,
    .link-yp,
    .link-th{
        margin: auto;
    }

    .a-alps,
    .a-kitchen,
    .a-line,
    .a-food{
        width: 100%;
    }

    .title-shadow-l,
    .title-shadow-r,
    .bs-title-shadow-l,
    .bs-title-shadow-r{
        visibility: hidden;
    }

    header img{
        margin: 15px 0 0 5px;
    }

    header h1{
        margin: 15px 10px 0 4px;
    }

    

    footer a{
        margin:20px 5px 0  10px;
        font-size: 10px;
    }

    footer ul {
        gap: 9px;
    }

    footer img{
        margin: 10px 0 0 0px;
    }
    footer ul{
        margin: 17px 20px 0 0;
    }
}

@media (max-width: 430px) {

    
    
}
@media (max-width: 370px) {
#alps{
    margin-top: -1050px;
}
        .link-mt,
    .link-yp,
    .link-th{
        width:290px;
    }
}

@media (max-width: 370px) {
    .title-block-l,
    .title-block-r{
        font-size: 16px;
        height: 100px;
    }

    .title-block-r{
        padding: 20px 0 0 0 ;

    }

    .title-block-l{
        padding: 30px 0 0 0 ;

    }
   
}

@media (max-width: 330px) {

    
   

}
@media (max-width: 300px) {

    

}
    

/****事業内容レスポンシブ****/
/****事業内容レスポンシブ****/
/****事業内容レスポンシブ****/
/****事業内容レスポンシブ****/

@media (max-width: 1200px) {

    .food-squ{
        display: none;
    }

    .bs-img,
    .bs-img-carsell{
        display: flex;
        margin: 0 auto  20px ;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

.index-nanashi-pic img,
    .index-food-pic img,
    .bs-img img,
    .bs-img-carsell img{
        width: 40%;
        height: auto;
    }

}


@media (max-width: 930px) {

.bs-alps-title,
.bs-meiro-title,
.bs-kitchen-title,
.bs-line-title,
.bs-food-title,
.bs-clean-title,
.bs-youtube-title,
.bs-carsell-title{
    width: 100%;
    left: 0;
}

    .bs-link > div{
        gap: 20px;
        margin:0 10px;
    }

    .bs-flex,
    .bs-address{
        flex-direction: column;
    }

    .bs-flex img{
        width: 100%;
        
    }

    .bs-address div{
        width: 80%;
        margin: 0 auto;
    }

    .bs-address iframe{
        margin: 0 auto;
        width: 80%;
    }
}

@media (max-width: 810px) {


.bs-alps-title h2, 
.bs-meiro-title h2, 
.bs-line-title h2, 
.bs-kitchen-title h2, 
.bs-food-title h2, 
.bs-clean-title h2,
.bs-youtube-title h2, 
.bs-carsell-title h2 {
        font-size: 35px;
        line-height: 82px;

    }

.bs-alps-title img, 
.bs-meiro-title img,
.bs-line-title img, 
.bs-kitchen-title img, 
.bs-food-title img, 
.bs-clean-title img, 
.bs-youtube-title img, 
.bs-carsell-title img {
    width: 60px;
    height: 60px;
    margin-top: 10px;
}
}


@media (max-width: 710px) {
.send-bottom{
    width: 90%;
}

.bs-alps-title, 
.bs-meiro-title, 
.bs-line-title,
.bs-kitchen-title,
.bs-food-title, 
.bs-clean-title,
.bs-youtube-title, 
.bs-carsell-title{
    clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
    z-index: 3;
}

.bs-address div{
    padding: 25px 75px;
}
.bs-address h4{
    padding: 15px 0;
}

.bs-address div{
    width: 100%;
}

.bs-alps-title,
.bs-kitchen-title,
.bs-line-title,
.bs-clean-title,
.bs-carsell-title{
    padding: 35px 35px 35px 80px;
}

.bs-alps-title h2,
.bs-meiro-title h2, 
.bs-line-title h2, 
.bs-kitchen-title h2, 
.bs-food-title h2, 
.bs-clean-title h2, 
.bs-youtube-title h2, 
.bs-carsell-title h2 {
    font-size: 25px;
    line-height: 82px;
}


.bs-alps-title img, 
.bs-meiro-title img, 
.bs-line-title img, 
.bs-kitchen-title img, 
.bs-food-title img, 
.bs-clean-title img, 
.bs-youtube-title img, 
.bs-carsell-title img {
    width: 40px;
    height: 40px;
    margin-top: 20px;
}

.bs-alps-title, 
.bs-line-title, 
.bs-kitchen-title, 
.bs-clean-title, 
.bs-carsell-title {
    padding: 35px 35px 35px 40px;
}

.bs-meiro-title,
.bs-food-title,
.bs-youtube-title{
    padding-left: 40px;
}

}

@media (max-width: 540px) {

    .bs-alps-title,
    .bs-meiro-title,
    .bs-line-title,
    .bs-kitchen-title,
    .bs-line-title,
    .bs-food-title,
    .bs-clean-title,
    .bs-youtube-title,
    .bs-carsell-title{
        height: 90px;
        padding: 5px 35px 5px 30px;
    }

    .bs-alps-title h2, 
    .bs-meiro-title h2,
    .bs-line-title h2, 
    .bs-kitchen-title h2, 
    .bs-food-title h2, 
    .bs-clean-title h2, 
    .bs-youtube-title h2, 
    .bs-carsell-title h2 {
        font-size: 20px;
    }

    .bs-alps-title img,
    .bs-meiro-title img, 
    .bs-kitchen-title img,
    .bs-line-title img,
    .bs-food-title img, 
    .bs-clean-title img, 
    .bs-youtube-title img, 
    .bs-carsell-title img {
        width: 30px;
        height: 30px;
        margin-top: 24px;
    }

    .bs-title-shadow-l,
    .bs-title-shadow-r{
        visibility: hidden;
    }

    .index-nanashi-pic img,
    .index-food-pic img, 
    .bs-img img, 
    .bs-img-carsell img {
        width: 80%;
    }
    .bs-address{
        gap: 30px;
    }

    .bs-address iframe {
        width: 100%;
    }



    .bs-address div {
        padding: 15px 35px;
    }

    .bs-bannar{
        width: 95%;
    }

}

@media (max-width: 410px) {

.contact h1{
    font-size: 30px;
    width: 240px;
    text-align: center;
}



.bs-alps-title h2,
.bs-meiro-title h2,
.bs-kitchen-title h2,
.bs-line-title h2,
.bs-food-title h2,
.bs-clean-title h2,
.bs-youtube-title h2,
.bs-carsell-title h2 {
    font-size: 16px;
}

.bs-alps-title img, 
.bs-meiro-title img, 
.bs-kitchen-title img, 
.bs-line-title img, 
.bs-food-title img, 
.bs-clean-title img, 
.bs-youtube-title img, 
.bs-carsell-title img {
    width: 30px;
    height: 30px;
    margin-top: 24px;
}

}
@media (max-width: 340px) {

.bs-alps-title, 
.bs-meiro-title, 
.bs-kitchen-title, 
.bs-line-title, 
.bs-food-title,
.bs-clean-title, 
.bs-youtube-title, 
.bs-carsell-title {
    height: 90px;
    padding: 5px 35px 5px 15px;
    white-space: nowrap;
}
}
/**事業内容　レスポンシブ対応　ここまで**/
/**事業内容　レスポンシブ対応　ここまで**/
/**事業内容　レスポンシブ対応　ここまで**/