@charset "UTF-8";
/* CSS Document */

/*ローディング*/
#loading_screen{position:fixed;top:0;left:0;width:100%;height: 100vh; /*background:url("../img/loading_bg.jpg") no-repeat;	background-position: 50% 50%;	background-size: cover;*/background:black;z-index: 9999;opacity: 1;visibility: visible; /* 最初は表示されている */  transition: opacity 0.3s ease-out, visibility 0s 1s;}
/* ローディング画面が非表示になった後 */
#loading_screen.loaded {  opacity: 0;  visibility: hidden;}

#loading_screen #loading_logo{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 99999;overflow: hidden;}
#loading_logo p { font-size: clamp(14px, 1.6vw,28px); letter-spacing: 1px;color: white;animation: slideInText 0.3s ease-out 0.5s forwards; opacity: 0;text-align: center;}
@keyframes slideInText {
  0% {    clip-path: inset(0 100% 0 0);   opacity: 0;  }
  100% {    clip-path: inset(0 0 0 0);    opacity: 1;   }
}


/*メインイメージ サンプル*/
	#main_image_sample{width: 100%;height: 100vh;margin: 0 auto;}
	#main_image_sample img{width: 100%;height: 100%;object-fit: cover;object-position: center center;}


@media (min-width:1051px) {		
	/*メインイメージ*/
	main #main_image{}
	
	main #main_image .wrapper{position: relative;width: 100%;height: 100vh;margin: 0 auto;}
	
	main #main_image .wrapper .bg{position: absolute;top: 0%;left:0%;width: 100%;height: 100%; margin:0;padding: 0;}
	main #main_image .wrapper .bg img{width: 100%;height: 100%;object-fit: cover;object-position: center center;}
	
	main #main_image .wrapper .logo01{position: absolute;bottom: 50%;left:50%;transform: translateX(-50%);width:100%;max-width: 2000px; height: 40%;  margin:0;padding: 0;text-align: center;overflow: hidden;}	
	main #main_image .wrapper .logo01 img{width:auto;height:100%;margin:0;padding: 0;/*object-fit: cover;object-position:center center;*/opacity: 0;}	
	@keyframes logo01_down {
		0% {    transform: translateY(-100%); /* 画像が画面外（上）にあり */    opacity: 1; /* 画像は透明 */  }
		6% {    transform: translateY(0); /* 画像が画面内に降りてきた */    opacity: 1; /* 画像が表示される */  }
		82% {    transform: translateY(0); /* 画像がその場で停止 */    opacity: 1; /* 画像が表示されたまま */  }
		100% {    transform: translateY(100%); /* 画像が下に落ちて画面外に */    opacity: 0.8; /* 画像が透明になる */  }
	}
	.logo01_down{animation: logo01_down 4.5s ease-in-out 2.0s infinite;}
	
	main #main_image .wrapper .logo02{position: absolute;top:50%;left:50%;transform: translateX(-50%);width: 100%;max-width: 2000px; height:40%; margin:0;padding: 0;text-align: center;overflow: hidden}
	main #main_image .wrapper .logo02 img{width: auto ;height:100%;/*object-fit: cover;object-position: center center;*/opacity: 0;}
	@keyframes logo02_up {
		0% {    transform: translateY(100%); /* 画像が画面外（上）にあり */    opacity: 1; /* 画像は透明 */  }
		6% {    transform: translateY(0); /* 画像が画面内に降りてきた */    opacity: 1; /* 画像が表示される */  }
		82% {    transform: translateY(0); /* 画像がその場で停止 */    opacity: 1; /* 画像が表示されたまま */  }
		100% {    transform: translateY(-100%); /* 画像が下に落ちて画面外に */    opacity: 0.8; /* 画像が透明になる */  }
	}
	.logo02_up{animation: logo02_up 4.5s ease-in-out 2.0s infinite;}
	
	main #main_image .wrapper .figure{position: absolute;bottom: 0%;left:50%;transform: translateX(-50%);height: 95%; margin:0;padding: 0;}
	main #main_image .wrapper .figure img{height: 100%;}
	
	main #main_image .wrapper .figure::before{content:'';position: absolute;top:40%;right:100%;width: 15%;aspect-ratio:1/1;background: url("../img/main_image_paint01.png") no-repeat;background-size: 100% auto;background-position: 50% 50%;}
	main #main_image .wrapper .figure::after{content:'';position: absolute;top:10%;left:100%;width: 25%;aspect-ratio:1/1;background: url("../img/main_image_paint02.png") no-repeat;background-size: 100% auto;background-position: 50% 50%;}
	
	main #main_image .wrapper .gradation_color{position: absolute;top: 0%;left:0%;width: 100%;height: 100%;  margin:0;padding: 0;}
	main #main_image .wrapper .gradation_color img{width: 100%;height: 100%;object-fit: cover;object-position: center center;}
	
	main #main_image .wrapper .monochrome_color{position: absolute;top: 0%;left:0%;width: 100%;height: 100%;  margin:0;padding: 0;background: rgba(000,000,000,0.5)}
	
		
	main #main_image .wrapper #catchcopy_group{position: absolute;bottom: 3%;left:0%;width: 100%;height:45vh;/*overflow: hidden;*/ margin:0;padding: 0;}		
	main #main_image .wrapper #catchcopy_group .slide_catchcopy {width:100%;height: 100%;margin: 0;padding: 0;/*overflow: hidden;*/}	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area{position: relative;width:80%;height: 100vh;margin: 0;padding: 0;/*overflow: hidden;*/}	
	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene01-1{position: absolute;	top:0%;left:3%;width: 36%;min-width: 600px}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene01-1 img{width: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene01-2{position:absolute;top: 13%;left:5%;width:60%;min-width: 800px}		
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene01-2 img{width:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene02-1{position: absolute;	top:0%;right:3%;width:36%;min-width: 600px}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene02-1 img{width: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene02-2{position:absolute;top: 10%;right:5%;width: 60%;min-width: 800px}		
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene02-2 img{width:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene03-1{position: absolute;	top:0%;left:3%;width:40%;min-width: 650px}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene03-1 img{width: 100%;opacity: 0;}	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene03-2{position:absolute;top: 10%;left:5%;width: 60%;min-width: 800px}		
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene03-2 img{width:100%;opacity: 0;}
	
	.slick-active .cp_first{	animation-name:cp_first;animation-duration: 0.5s;animation-delay:.2s;	  animation-fill-mode: forwards;  opacity: 0;}
	@keyframes cp_first{	0% { opacity: 0; transform:scale(1.3); }	100% { opacity: 1; transform:scale(1.0); }}	
	
	.slick-active .cp_second{  animation-name:cp_second;  animation-duration:.5s;animation-delay:.4s;	  animation-fill-mode: forwards;  opacity: 0;}
	@keyframes cp_second{  from {opacity:1; transform: translateY(60px);  }  to {    opacity: 1;   transform: translateY(0);  }}	
	
	
	main #main_image .wrapper #catchcopy_group_new{position: absolute;bottom: 8%;left:10%;width: 80%;height:65vh; margin:0;padding: 0;/*background: rgba(50,180,180,0.3)*/}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy {width:100%;height: 100%;margin: 0;padding: 0;}	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area{position: relative;width:100%;height: 65vh;margin: 0 auto;padding: 0;/*background: rgba(150,15,80,0.3)*/}	
	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene04-1{position: absolute;	top:0%;left:0%;height: 72%;/*min-width: 600px*/}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene04-1 img{height: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene04-2{position:absolute;bottom: 0%;left:0%;height:28%;/*min-width: 800px*/}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene04-2 img{height:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene05-1{position: absolute;	top:0%;right:0%;height:35%;/*min-width: 600px*/}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene05-1 img{height: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene05-2{position:absolute;bottom: 0%;right:0%;height: 65%;/*min-width: 800px*/}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene05-2 img{height:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene06-1{position: absolute;	bottom:0%;left:0%;height:90%;/*min-width: 650px*/}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene06-1 img{height: 100%;opacity: 0;}	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene06-2{position:absolute;bottom: 0%;left:12%;height: 20%;/*min-width: 800px*/}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene06-2 img{height:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene07-1{position: absolute;	top:0%;right:0%;height:20%;/*min-width: 600px*/}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene07-1 img{height: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene07-2{position:absolute;bottom: 0%;right:0%;height: 80%;/*min-width: 800px*/}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene07-2 img{height:100%;opacity: 0;}	
	
	.slick-active .cp_4th{	animation-name:cp_first;animation-duration: 0.2s;animation-delay:.2s;	  animation-fill-mode: forwards;  opacity: 0;}
	@keyframes cp_first{	0% { opacity: 0; transform:scale(1.9); }	100% { opacity: 1; transform:scale(1.0); }}	
	
	.slick-active .cp_5th{  animation-name:cp_second;  animation-duration:.2s;animation-delay:.3s;	  animation-fill-mode: forwards;  opacity: 0;}
	@keyframes cp_second{  from {opacity:1;transform: scale(1.9) rotate(10deg);  }  to {    opacity: 1; transform: scale(1) rotate(0deg); }}	
	
	
	/*代表挨拶*/
	main #message_index{background:url("../img/message_photo02.jpg") no-repeat;background-position: 50% 50%;background-size: cover;padding: 80px 0 0px 0}
	main #message_index .lead_group{aspect-ratio:2.8/1;margin: 0 auto 0px auto;}
	main #message_index .lead_group .inner{position: relative;width: 100%;height: 100%}
	
	main #message_index .lead_group .inner .bg_color{position: absolute;bottom:0%;right: 0;width: 80%;height:85%;overflow: hidden}
	main #message_index .lead_group .inner .bg_color img{ display: block; width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}
	
	main #message_index .lead_group .inner .photo{position: absolute;bottom: 0%;right: 0;width:80%;height:85%;overflow: hidden;}
	main #message_index .lead_group .inner .photo img{ display: block; width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}
	
	main #message_index .lead_group .inner .movie{position: absolute;bottom: 0%;right: 0;width:80%;height:85%;overflow: hidden;font-size: 0}
	main #message_index .lead_group .inner .movie video{width:100%;height:auto;min-height:100%;object-fit: cover;object-position: center center;margin: 0;padding: 0}
	
	
	main #message_index .lead_group .inner .title_eng{position: absolute;top: 0%;right:0;width: 55%;min-width: 780px;}
	main #message_index .lead_group .inner .title_eng img{width: 100%;}	
	
	main #message_index .lead_group .inner .cp_area{position: absolute;bottom: 0%;left:5%;width:40%;font-size: 0;}
	main #message_index .lead_group .inner .cp_area img{width: 100%;}
	
	
	main #message_index .lead_group .inner .text_area{position: absolute;bottom: 10%;left:10%;width: 800px;font-size: 0;}
	main #message_index .lead_group .inner .text_area .text01{position:relative;display: inline-block; padding: 6px 10px 0px 10px;margin: 0;overflow: hidden}	
	main #message_index .lead_group .inner .text_area .text01 > span{display: block;font-size: clamp(38px, 2.8vw,48px);color:black;font-weight: 900;letter-spacing:-1px;}	
	main #message_index .lead_group .inner .text_area .text01 span span{font-size: clamp(26px, 2.0vw,36px);}
	main #message_index .lead_group .inner .text_area .text02{position:relative; display: inline-block;padding: 0px 10px 6px 10px;margin:0 0 0 50px;overflow: hidden}	
	main #message_index .lead_group .inner .text_area .text02 > span{display: block;font-size: clamp(38px, 2.8vw,48px);letter-spacing: 0;color:black;font-weight: 900;letter-spacing: -1px}
	main #message_index .lead_group .inner .text_area .text02 span span{font-size: clamp(26px, 2.0vw,36px);}
	
	main #message_index .second_group{width:90%;min-width: 700px;max-width:1100px;margin:80px auto 0 auto;}
	main #message_index .second_group .inner{position: relative; width:100%; }
	/*main #message_index .second_group .inner::before{content: ""; display: block; position: absolute;  bottom: 0%;right: 0%;  width:100%;  height:270%;min-width: 500px;max-height:700px;background: url("../img/message_photo01.png") no-repeat;background-position: 100% 50%;background-size: auto 100%}*/
	main #message_index .second_group .inner h2{margin:50px 0 10px 0;padding: 0;color: #c8ff00;font-size: clamp(30px, 2.0vw, 30px);letter-spacing:0px;}
	main #message_index .second_group .inner p{width:50%;margin:0 auto 50px 0px;padding: 0;color: white;font-size: clamp(16px, 0.8vw, 24px);line-height:34px;letter-spacing: 1px}
	main #message_index .second_group .inner .banner{padding-bottom: 150px;}
	main #message_index .second_group .inner .banner a{position:relative;display:block;width:60%;margin:0 auto ;padding:40px 0;font-size: clamp(20px, 1.2vw,26px);letter-spacing:1px;font-weight:700;text-align: center;color:white;text-decoration:none;overflow:hidden;border:2px solid #ffffff}
	main #message_index .second_group .inner .banner a::before {  content: "";  position: absolute;  top: 100%;left: 0%;  width:100%;  height: 0%;background:linear-gradient(90deg, #ffffff, #84dad9);transition: height 0.5s ease, top 0.5s ease;z-index: 0}	
	main #message_index .second_group .inner .banner a:hover::before {height: 100%;top: 0%}
	main #message_index .second_group .inner .banner a span{ position: absolute;  top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%; z-index: 1}
	main #message_index .second_group .inner .banner a:hover span{color:black;}
	/*
	main #message_index .second_group .inner .banner{padding-bottom: 150px}
	main #message_index .second_group .inner .banner a{position:relative;display:block;width:280px;margin:0 auto 0 0;padding:30px 0;font-size:18px;letter-spacing:1px;font-weight:700;text-align: center;color:white;text-decoration:none;overflow:hidden;border: 2px solid #ffffff}
	main #message_index .second_group .inner .banner a::before {  content: "";  position: absolute;  top: 100%;left: 0%;  width:100%;  height: 0%;background:linear-gradient(90deg, #ffffff, #84dad9);transition: height 0.5s ease, top 0.5s ease;z-index: 0}	
	main #message_index .second_group .inner .banner a:hover::before {height: 100%;top: 0%}
	main #message_index .second_group .inner .banner a span{ position: absolute;  top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1}
	main #message_index .second_group .inner .banner a:hover span{color:black;}
	*/
	
	/*店舗情報*/
	main #brands_index{background: black;padding: 80px 0}
	main #brands_index .lead_group{aspect-ratio:2.3/1;margin: 0 auto 80px auto;}
	main #brands_index .lead_group .inner{position: relative;width: 100%;height: 100%}
	
	main #brands_index .lead_group .inner .bg_color{position: absolute;top:15%;left: 0;width: 80%;height:60%;overflow: hidden}
	
	main #brands_index .lead_group .inner .photo{position: absolute;top: 15%;left: 0;width:80%;height: 60%}
	main #brands_index .lead_group .inner .photo img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}
	
	main #brands_index .lead_group .inner .title_eng{position: absolute;top: 0%;left:0;width: 50%;min-width: 700px;}
	main #brands_index .lead_group .inner .title_eng img{width: 100%;}	
	
	
	main #brands_index .lead_group .inner .text_area{position: absolute;bottom: 0%;left: 20%;/* transform: translateX(-50%);*/width: 60%;max-width: 800px;min-width: 700px;height:50%;min-height: 350px; max-height: 400px;}
	
	main #brands_index .lead_group .inner .text_area .title_jpn{position: absolute;top: 0%;left: 0; }
	main #brands_index .lead_group .inner .text_area .title_jpn h3{writing-mode: vertical-rl;margin:0;padding: 0;text-align: center;color:white;font-size: clamp(40px, 3.4vw, 60px);letter-spacing:5px;}
	
	main #brands_index .lead_group .inner .text_area .feature{position: absolute;bottom:0%;left:20%;width: 80%;}
	
	main #brands_index .lead_group .inner .text_area .feature .message{width: 100%; margin: 0 auto 30px auto;font-size: 0;overflow: hidden;}	
	main #brands_index .lead_group .inner .text_area .feature .message .text01{position:relative;display: inline-block; padding: 6px 10px 0px 10px;margin: 0 0 0 150px;overflow: hidden}	
	main #brands_index .lead_group .inner .text_area .feature .message .text01 span{display: block;font-size: clamp(26px, 2.4vw,40px);letter-spacing: 0;color: black;font-weight: 900;letter-spacing: 0}	
	main #brands_index .lead_group .inner .text_area .feature .message .text02{position:relative; display: inline-block;padding: 0px 10px 6px 10px;overflow: hidden}	
	main #brands_index .lead_group .inner .text_area .feature .message .text02 span{display: block;font-size: clamp(38px, 2.8vw,48px);letter-spacing: 0;color: black;font-weight: 900;letter-spacing: 0}
	
	main #brands_index .lead_group .inner .text_area .feature .summary{width: 100%;margin: 0;padding: 0;color: white;font-size: clamp(16px, 0.8vw, 24px);line-height:34px;letter-spacing: 1px}	
	
	
	main #brands_index .list_group{margin: 0 auto 50px auto;}	
	main #brands_index .list_group .inner{width: 70%;min-width: 900px;margin: 0 auto; display: flex;justify-content: space-between;flex-wrap:wrap}
	main #brands_index .list_group .inner .unit{width: 49%;margin-bottom: 30px}
	main #brands_index .list_group .inner .unit a{display: block;position: relative;width: 100%;aspect-ratio:1.6/1;}
	main #brands_index .list_group .inner .unit a .photo{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
	main #brands_index .list_group .inner .unit a .photo::before{content: ""; position: absolute;  top: 0%;left: 0%;  width:100%;  height: 100%;background:rgba(000,000,000,0.5); opacity: 1;   transition: background 0.5s ease, opacity 0.5s ease; z-index: 2;}
	main #brands_index .list_group .inner .unit a .photo img{width: 100%;height: 100%;object-fit: cover;object-position: center center;transition: all 0.5s ease-in-out;}	
	
	main #brands_index .list_group .inner .unit a .text_area{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3}
	main #brands_index .list_group .inner .unit a .text_area .category{display: block; margin: 0 auto 30px auto;text-align: center}
	main #brands_index .list_group .inner .unit a .text_area .category span{display: inline-block;background:linear-gradient(90deg, #c4ff00, #ffff00);color:black;padding: 5px 20px;border-radius: 30px;font-weight: 700;font-size: clamp(13px, 0.8vw, 20px);}
	main #brands_index .list_group .inner .unit a .text_area .logo{width: 20%;}
	main #brands_index .list_group .inner .unit a .text_area .logo img{width: 100%;}
	
	main #brands_index .list_group .inner .unit a:hover .photo::before{ background:rgba(000,000,000,0.7);}
	main #brands_index .list_group .inner .unit a:hover .photo img{transform: scale(1.2);}
	
	main #brands_index .banner{}
	main #brands_index .banner a{position:relative;display:block;width: 250px;margin: 0 auto; padding:30px 0;font-size: 18px;letter-spacing: 1px;font-weight: 700;text-align: center;color:white;text-decoration: none;overflow: hidden;border: 2px solid #ffffff}
	main #brands_index .banner a::before {  content: "";  position: absolute;  top: 100%;left: 0%;  width:100%;  height: 0%;background:linear-gradient(90deg, #ffffff, #84dad9);transition: height 0.5s ease, top 0.5s ease;z-index: 0}	
	main #brands_index .banner a:hover::before {height: 100%;top: 0%}
	main #brands_index .banner a span{ position: absolute;  top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1}
	main #brands_index .banner a:hover span{color:black;}
	
	/*採用*/
	main #recruit{aspect-ratio:2.6/1;}
	main #recruit .inner{position: relative;width: 100%;height: 100%}
	
	main #recruit .inner .bg_color{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden}
	
	main #recruit .inner .photo{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
	main #recruit .inner .photo img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 0%}
	
	main #recruit .inner .title_eng{position: absolute;top: 30%;left: 50%;transform: translateX(-50%);width: 50%;min-width: 700px;}
	main #recruit .inner .title_eng img{width: 100%;}	
	main #recruit .inner .title_jpn{position: absolute;top: 40%;left: 50%; transform: translateX(-50%); }
	main #recruit .inner .title_jpn h4{margin:0;padding: 0;text-align: center;color:black;font-size: clamp(40px, 2.9vw, 60px);letter-spacing: 3px;}
	
	main #recruit .inner .message{position: absolute;top:50%;left:60%;font-size: clamp(20px, 1.1vw, 26px);letter-spacing: 1px;color: white}	
	main #recruit .inner .message .text01{ transform:rotate(-5deg);margin-bottom: 10px;padding: 10px;overflow: hidden}	
	main #recruit .inner .message .text01 span{display: block;text-align: center}	
	main #recruit .inner .message .text02{ transform:rotate(-5deg);padding: 10px;overflow: hidden}	
	main #recruit .inner .message .text02 span{display: block;text-align: center}
	
	main #recruit .inner .banner{position: absolute;top: 70%;left: 50%;transform: translateX(-50%);}	
	main #recruit .inner .banner a{position:relative;display:block;width:350px;margin: 0 0 0 auto; padding:30px 0;font-size: 18px;letter-spacing: 1px;font-weight: 700;text-align: center;color: white;text-decoration: none;overflow: hidden;border: 2px solid #ffffff}
	main #recruit .inner .banner a::before {  content: "";  position: absolute;  top: 100%;left: 0%;  width:100%;  height: 0%;background:linear-gradient(90deg, #ffffff, #84dad9);transition: height 0.5s ease, top 0.5s ease;z-index: 0}	
	main #recruit .inner .banner a:hover::before {height: 100%;top: 0%}
	main #recruit .inner .banner a span{ position: absolute;  top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1}
	main #recruit .inner .banner a:hover span{color:black;}
	
	
	/*ニュース*/
	main #news_index .inner{width:80%;min-width: 1000px;margin: 0 auto;padding: 100px 0;display: flex;justify-content: space-between;}
	main #news_index .inner .title{width:28%;max-width: 300px }
	main #news_index .inner .title h5{width: 100%; margin: 0 auto 10px auto;padding: 0;}
	main #news_index .inner .title h5 img{width: 100%;}
	main #news_index .inner .title .eng{font-size:24px;letter-spacing: 2px;font-weight: 600}
	main #news_index .inner .list{width:68%;}
	main #news_index .inner .list dl{display: flex;flex-wrap: wrap;margin: 0 auto 50px auto;padding: 0;font-size: clamp(15px, 0.5vw, 20px);letter-spacing:1px;line-height:1.75}
	main #news_index .inner .list dl dt{width: 20%;margin: 0;border-bottom: 1px solid #cccccc}
	main #news_index .inner .list dl dt:last-of-type{border-bottom: none}
	main #news_index .inner .list dl dd{position: relative;width: 80%;margin: 0;border-bottom: 1px solid #cccccc;padding: 0 50px 0 0;box-sizing: border-box;}
	main #news_index .inner .list dl dd:last-of-type{border-bottom: none}
	main #news_index .inner .list dl dd:before{content:'\f061';position:absolute;top:50%;transform:translateY(-50%);right:0;width:30px;height:30px;border-radius: 15px;background: black;font-family: 'Font Awesome 5 Free';font-weight: 900;;color: white;text-align: center;line-height: 2.1}
	main #news_index .inner .list dl a{display: block;text-decoration:none;color: #000000;padding:20px 0;}
	main #news_index .inner .list dl a:hover{color:#cccccc;}
	
	main #news_index .inner .list .banner{}
	main #news_index .inner .list .banner a{position:relative;display:block;width: 250px;margin: 0 0 0 auto; padding: 26px 0;font-size: 16px;letter-spacing: 1px;font-weight: 700;text-align: center;color: black;text-decoration: none;overflow: hidden;border: 2px solid #000000}
	main #news_index .inner .list .banner a::before {  content: "";  position: absolute;  top: 100%;left: 0%;  width:100%;  height: 0%;background:linear-gradient(90deg, #000000, #212b1c);transition: height 0.5s ease, top 0.5s ease;z-index: 0}	
	main #news_index .inner .list .banner a:hover::before {height: 100%;top: 0%}
	main #news_index .inner .list .banner a span{ position: absolute;  top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1}
	main #news_index .inner .list .banner a:hover span{color:white;}
}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	/*メインイメージ*/
	main #main_image{}
	
	main #main_image .wrapper{position: relative;width: 100%;height: 100vh;margin: 0 auto;}
	
	main #main_image .wrapper .bg{position: absolute;top: 0%;left:0%;width: 100%;height: 100%; margin:0;padding: 0;}
	main #main_image .wrapper .bg img{width: 100%;height: 100%;object-fit: cover;object-position: center center;}
	
	main #main_image .wrapper .logo01{position: absolute;bottom: 60%;left:50%;transform: translateX(-50%);width:100%;  margin:0;padding: 0;text-align: center;overflow: hidden;}	
	main #main_image .wrapper .logo01 img{width:100%;height:auto;margin:0;padding: 0;/*object-fit: cover;object-position:center center;*/opacity: 0;}	
	@keyframes logo01_down {
		0% {    transform: translateY(-100%); /* 画像が画面外（上）にあり */    opacity: 1; /* 画像は透明 */  }
		6% {    transform: translateY(0); /* 画像が画面内に降りてきた */    opacity: 1; /* 画像が表示される */  }
		82% {    transform: translateY(0); /* 画像がその場で停止 */    opacity: 1; /* 画像が表示されたまま */  }
		100% {    transform: translateY(100%); /* 画像が下に落ちて画面外に */    opacity: 0.8; /* 画像が透明になる */  }
	}
	.logo01_down{animation: logo01_down 4.5s ease-in-out 2.0s infinite;}
	
	main #main_image .wrapper .logo02{position: absolute;top:40%;left:50%;transform: translateX(-50%);width: 100%; margin:0;padding: 0;text-align: center;overflow: hidden}
	main #main_image .wrapper .logo02 img{width: 100% ;height:auto;/*object-fit: cover;object-position: center center;*/opacity: 0;}
	@keyframes logo02_up {
		0% {    transform: translateY(100%); /* 画像が画面外（上）にあり */    opacity: 1; /* 画像は透明 */  }
		6% {    transform: translateY(0); /* 画像が画面内に降りてきた */    opacity: 1; /* 画像が表示される */  }
		82% {    transform: translateY(0); /* 画像がその場で停止 */    opacity: 1; /* 画像が表示されたまま */  }
		100% {    transform: translateY(-100%); /* 画像が下に落ちて画面外に */    opacity: 0.8; /* 画像が透明になる */  }
	}
	.logo02_up{animation: logo02_up 4.5s ease-in-out 2.0s infinite;}
	
	main #main_image .wrapper .figure{position: absolute;bottom: 0%;left:50%;transform: translateX(-50%);height: 80%; margin:0;padding: 0;}
	main #main_image .wrapper .figure img{height: 100%;}
	main #main_image .wrapper .figure::before{content:'';position: absolute;top:40%;right:90%;width: 15%;aspect-ratio:1/1;background: url("../img/main_image_paint01.png") no-repeat;background-size: 100% auto;background-position: 50% 50%;}
	main #main_image .wrapper .figure::after{content:'';position: absolute;top:10%;left:90%;width: 25%;aspect-ratio:1/1;background: url("../img/main_image_paint02.png") no-repeat;background-size: 100% auto;background-position: 50% 50%;}
	
	main #main_image .wrapper .gradation_color{position: absolute;top: 0%;left:0%;width: 100%;height: 100%;  margin:0;padding: 0;}
	main #main_image .wrapper .gradation_color img{width: 100%;height: 100%;object-fit: cover;object-position: center center;}
			
	main #main_image .wrapper .monochrome_color{position: absolute;top: 0%;left:0%;width: 100%;height: 100%;  margin:0;padding: 0;background: rgba(000,000,000,0.5)}
		
	main #main_image .wrapper #catchcopy_group{position: absolute;bottom: 3%;left:0%;width: 100%;height:45vh;/*overflow: hidden;*/ margin:0;padding: 0;}		
	main #main_image .wrapper #catchcopy_group .slide_catchcopy {width:100%;height: 100%;margin: 0;padding: 0;/*overflow: hidden;*/}	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area{position: relative;width:80%;height: 100vh;margin: 0;padding: 0;/*overflow: hidden;*/}	
	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene01-1{position: absolute;	top:0%;left:3%;width: 76%;}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene01-1 img{width: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene01-2{position:absolute;top: 13%;left:5%;width:90%;}		
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene01-2 img{width:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene02-1{position: absolute;	top:0%;right:3%;width:76%;}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene02-1 img{width: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene02-2{position:absolute;top: 12%;right:5%;width:90%;}		
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene02-2 img{width:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene03-1{position: absolute;	top:0%;left:3%;width:80%;}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene03-1 img{width: 100%;opacity: 0;}	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene03-2{position:absolute;top: 10%;left:5%;width: 90%;}		
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene03-2 img{width:100%;opacity: 0;}	
	
	.slick-active .cp_first{	animation-name:cp_first;animation-duration: 0.5s;animation-delay:.2s;	  animation-fill-mode: forwards;  opacity: 0;}
	@keyframes cp_first{	0% { opacity: 0; transform:scale(1.3); }	100% { opacity: 1; transform:scale(1.0); }}	
	
	.slick-active .cp_second{  animation-name:cp_second;  animation-duration:.5s;animation-delay:.4s;	  animation-fill-mode: forwards;  opacity: 0;}
	@keyframes cp_second{  from {opacity:1; transform: translateY(60px);  }  to {    opacity: 1;   transform: translateY(0);  }}	
	
	
	main #main_image .wrapper #catchcopy_group_new{position: absolute;bottom: 8%;left:5%;width: 90%;height:45vh; margin:0;padding: 0;}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy {width:100%;height: 100%;margin: 0;padding: 0;}	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area{position: relative;width:100%;height:45vh;margin: 0 auto;padding: 0;}	
	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene04-1{position: absolute;	top:0%;left:0%;height:75%;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene04-1 img{height: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene04-2{position:absolute;bottom: 0%;left:0%;height:25%;}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene04-2 img{height:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene05-1{position: absolute;	top:0%;right:0%;height:35%;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene05-1 img{height: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene05-2{position:absolute;bottom: 0%;right:0%;height: 65%;}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene05-2 img{height:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene06-1{position: absolute;	bottom:0%;left:0%;height:90%;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene06-1 img{height: 100%;opacity: 0;}	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene06-2{position:absolute;bottom: 0%;left:12%;height: 20%;}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene06-2 img{height:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene07-1{position: absolute;	top:0%;right:0%;height:18%;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene07-1 img{height: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene07-2{position:absolute;bottom: 0%;right:0%;height: 82%;}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene07-2 img{height:100%;opacity: 0;}	
	
	.slick-active .cp_4th{	animation-name:cp_first;animation-duration: 0.2s;animation-delay:.2s;	  animation-fill-mode: forwards;  opacity: 0;}
	@keyframes cp_first{	0% { opacity: 0; transform:scale(1.9); }	100% { opacity: 1; transform:scale(1.0); }}	
	
	.slick-active .cp_5th{  animation-name:cp_second;  animation-duration:.2s;animation-delay:.3s;	  animation-fill-mode: forwards;  opacity: 0;}
	@keyframes cp_second{  from {opacity:1;transform: scale(1.9) rotate(10deg);  }  to {    opacity: 1; transform: scale(1) rotate(0deg); }}
	
	
	/*代表挨拶*/
	main #message_index{background:url("../img/message_photo02.jpg") no-repeat;background-position: 50% 50%;background-size: cover;padding: 80px 0 0px 0}
	main #message_index .lead_group{aspect-ratio:1.4/1;margin: 0 auto 0px auto;}
	main #message_index .lead_group .inner{position: relative;width: 100%;height: 100%}
	
	main #message_index .lead_group .inner .bg_color{position: absolute;bottom:0%;right: 0;width: 95%;height:90%;overflow: hidden}
	main #message_index .lead_group .inner .bg_color img{ display: block; width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}
	
	main #message_index .lead_group .inner .photo{position: absolute;bottom: 0%;right: 0;width:80%;height:85%;overflow: hidden;}
	main #message_index .lead_group .inner .photo img{ display: block; width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}
	
	main #message_index .lead_group .inner .movie{position: absolute;bottom: 0%;right: 0;width:95%;height:90%;overflow: hidden;font-size: 0}
	main #message_index .lead_group .inner .movie video{width:100%;height:auto;min-height:100%;object-fit: cover;object-position: center center;margin: 0;padding: 0}
	
	main #message_index .lead_group .inner .title_eng{position: absolute;top: 0%;right:0;width:85%;}
	main #message_index .lead_group .inner .title_eng img{width: 100%;}	
	
	main #message_index .lead_group .inner .cp_area{position: absolute;top: 60%;left:5%;width:70%;font-size: 0;}
	main #message_index .lead_group .inner .cp_area img{width:100%;}
	
	main #message_index .lead_group .inner .text_area{position: absolute;top: 80%;left:10%;width:80%;font-size: 0;}
	main #message_index .lead_group .inner .text_area .text01{position:relative;display: inline-block; padding: 6px 10px 0px 10px;margin: 0;overflow: hidden}	
	main #message_index .lead_group .inner .text_area .text01 > span{display: block;font-size: clamp(38px, 2.8vw,48px);color:black;font-weight: 900;letter-spacing:-1px;}	
	main #message_index .lead_group .inner .text_area .text01 span span{font-size: clamp(26px, 2.0vw,36px);}
	main #message_index .lead_group .inner .text_area .text02{position:relative; display: inline-block;padding: 0px 10px 6px 10px;margin:0 0 0 50px;overflow: hidden}	
	main #message_index .lead_group .inner .text_area .text02 > span{display: block;font-size: clamp(38px, 2.8vw,48px);letter-spacing: 0;color:black;font-weight: 900;letter-spacing: -1px}
	main #message_index .lead_group .inner .text_area .text02 span span{font-size: clamp(26px, 2.0vw,36px);}
	
	main #message_index .second_group{width:100%;margin:0px auto;}
	main #message_index .second_group .inner{position: relative; width:100%;padding: 80px 0 }
	
	main #message_index .second_group .inner h2{margin:50px 0 10px 0;padding: 0;color: #c8ff00;font-size: clamp(30px, 2.0vw, 30px);letter-spacing:0px;}
	main #message_index .second_group .inner p{width:50%;margin:0 auto 50px 0px;padding: 0;color: white;font-size: clamp(16px, 0.8vw, 24px);line-height:34px;letter-spacing: 1px}
	main #message_index .second_group .inner .banner{}
	main #message_index .second_group .inner .banner a{position:relative;display:block;width:80%;margin:0 auto ;padding:40px 0;font-size: clamp(18px, 1.2vw,26px);letter-spacing:1px;font-weight:700;text-align: center;color:white;text-decoration:none;overflow:hidden;border:2px solid #ffffff}
	main #message_index .second_group .inner .banner a::before {  content: "";  position: absolute;  top: 100%;left: 0%;  width:100%;  height: 0%;background:linear-gradient(90deg, #ffffff, #84dad9);transition: height 0.5s ease, top 0.5s ease;z-index: 0}	
	main #message_index .second_group .inner .banner a:hover::before {height: 100%;top: 0%}
	main #message_index .second_group .inner .banner a span{ position: absolute;  top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%; z-index: 1}
	main #message_index .second_group .inner .banner a:hover span{color:black;}
	
	
	/*店舗情報*/
	main #brands_index{background: black;padding: 80px 0}
	main #brands_index .lead_group{aspect-ratio:1.2/1;margin: 0 auto 80px auto;}
	main #brands_index .lead_group .inner{position: relative;width: 100%;height: 100%}
	
	main #brands_index .lead_group .inner .bg_color{position: absolute;top:15%;left: 0;width: 90%;height:50%;overflow: hidden}
	
	main #brands_index .lead_group .inner .photo{position: absolute;top: 15%;left: 0;width:90%;height: 50%}
	main #brands_index .lead_group .inner .photo img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}
	
	main #brands_index .lead_group .inner .title_eng{position: absolute;top: 0%;left:0;width: 80%;}
	main #brands_index .lead_group .inner .title_eng img{width: 100%;}	
	
	
	main #brands_index .lead_group .inner .text_area{position: absolute;bottom: 0%;left: 10%;/* transform: translateX(-50%);*/width: 80%;height:50%;min-height: 350px; max-height: 400px;}
	
	main #brands_index .lead_group .inner .text_area .title_jpn{position: absolute;top: 0%;left: 0; }
	main #brands_index .lead_group .inner .text_area .title_jpn h3{writing-mode: vertical-rl;margin:0;padding: 0;text-align: center;color:white;font-size: clamp(40px, 3.4vw, 60px);letter-spacing:5px;}
	
	main #brands_index .lead_group .inner .text_area .feature{position: absolute;bottom:0%;left:15%;width: 85%;}
	
	main #brands_index .lead_group .inner .text_area .feature .message{width: 100%; margin: 0 auto 30px auto;font-size: 0;overflow: hidden;}	
	main #brands_index .lead_group .inner .text_area .feature .message .text01{position:relative;display: inline-block; padding: 6px 10px 0px 10px;margin: 0 0 0 150px;overflow: hidden}	
	main #brands_index .lead_group .inner .text_area .feature .message .text01 span{display: block;font-size: clamp(26px, 2.4vw,40px);letter-spacing: 0;color: black;font-weight: 900;letter-spacing: 0}	
	main #brands_index .lead_group .inner .text_area .feature .message .text02{position:relative; display: inline-block;padding: 0px 10px 6px 10px;overflow: hidden}	
	main #brands_index .lead_group .inner .text_area .feature .message .text02 span{display: block;font-size: clamp(38px, 2.8vw,48px);letter-spacing: 0;color: black;font-weight: 900;letter-spacing: 0}
	
	main #brands_index .lead_group .inner .text_area .feature .summary{width: 100%;margin: 0;padding: 0;color: white;font-size:2vw;line-height:1.8;letter-spacing: 1px}	
	
	
	main #brands_index .list_group{margin: 0 auto 50px auto;}	
	main #brands_index .list_group .inner{width: 100%;margin: 0 auto; display: flex;justify-content: space-between;flex-wrap:wrap}
	main #brands_index .list_group .inner .unit{width: 50%;}
	main #brands_index .list_group .inner .unit a{display: block;position: relative;width: 100%;aspect-ratio:1.3/1;}
	main #brands_index .list_group .inner .unit a .photo{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
	main #brands_index .list_group .inner .unit a .photo::before{content: ""; position: absolute;  top: 0%;left: 0%;  width:100%;  height: 100%;background:rgba(000,000,000,0.5); opacity: 1;   transition: background 0.5s ease, opacity 0.5s ease; z-index: 2;}
	main #brands_index .list_group .inner .unit a .photo img{width: 100%;height: 100%;object-fit: cover;object-position: center center;transition: all 0.5s ease-in-out;}	
	
	main #brands_index .list_group .inner .unit a .text_area{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3}
	main #brands_index .list_group .inner .unit a .text_area .category{display: block; margin: 0 auto 30px auto;text-align: center}
	main #brands_index .list_group .inner .unit a .text_area .category span{display: inline-block;background:linear-gradient(90deg, #c4ff00, #ffff00);color:black;padding: 5px 20px;border-radius: 30px;font-weight: 700;font-size: clamp(13px, 0.8vw, 20px);}
	main #brands_index .list_group .inner .unit a .text_area .logo{width: 20%;}
	main #brands_index .list_group .inner .unit a .text_area .logo img{width: 100%;}
	
	main #brands_index .list_group .inner .unit a:hover .photo::before{ background:rgba(000,000,000,0.7);}
	main #brands_index .list_group .inner .unit a:hover .photo img{transform: scale(1.2);}
	
	main #brands_index .banner{}
	main #brands_index .banner a{position:relative;display:block;width:70%;margin: 0 auto; padding:30px 0;font-size: 18px;letter-spacing: 1px;font-weight: 700;text-align: center;color:white;text-decoration: none;overflow: hidden;border: 2px solid #ffffff}
	main #brands_index .banner a::before {  content: "";  position: absolute;  top: 100%;left: 0%;  width:100%;  height: 0%;background:linear-gradient(90deg, #ffffff, #84dad9);transition: height 0.5s ease, top 0.5s ease;z-index: 0}	
	main #brands_index .banner a:hover::before {height: 100%;top: 0%}
	main #brands_index .banner a span{ position: absolute;  top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1}
	main #brands_index .banner a:hover span{color:black;}
	
	/*採用*/
	main #recruit{aspect-ratio:1.5/1;}
	main #recruit .inner{position: relative;width: 100%;height: 100%}
	
	main #recruit .inner .bg_color{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden}
	
	main #recruit .inner .photo{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
	main #recruit .inner .photo img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 0%}
	
	main #recruit .inner .title_eng{position: absolute;top: 30%;left: 50%;transform: translateX(-50%);width: 50%;min-width: 700px;}
	main #recruit .inner .title_eng img{width: 100%;}	
	main #recruit .inner .title_jpn{position: absolute;top: 40%;left: 50%; transform: translateX(-50%); }
	main #recruit .inner .title_jpn h4{margin:0;padding: 0;text-align: center;color:black;font-size: clamp(40px, 2.9vw, 60px);letter-spacing: 3px;}
	
	main #recruit .inner .message{position: absolute;top:50%;left:55%;font-size:1.8vw;letter-spacing: 1px;color: white}	
	main #recruit .inner .message .text01{ transform:rotate(-5deg);margin-bottom: 10px;padding: 10px;overflow: hidden}	
	main #recruit .inner .message .text01 span{display: block;text-align: center}	
	main #recruit .inner .message .text02{ transform:rotate(-5deg);padding: 10px;overflow: hidden}	
	main #recruit .inner .message .text02 span{display: block;text-align: center}
	
	main #recruit .inner .banner{position: absolute;top: 70%;left: 50%;transform: translateX(-50%);width: 100%}	
	main #recruit .inner .banner a{position:relative;display:block;width:70%;margin: 0 auto; padding:30px 0;font-size: 18px;letter-spacing: 1px;font-weight: 700;text-align: center;color: white;text-decoration: none;overflow: hidden;border: 2px solid #ffffff}
	main #recruit .inner .banner a::before {  content: "";  position: absolute;  top: 100%;left: 0%;  width:100%;  height: 0%;background:linear-gradient(90deg, #ffffff, #84dad9);transition: height 0.5s ease, top 0.5s ease;z-index: 0}	
	main #recruit .inner .banner a:hover::before {height: 100%;top: 0%}
	main #recruit .inner .banner a span{ position: absolute;  top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1}
	main #recruit .inner .banner a:hover span{color:black;}
	
	
	/*ニュース*/
	main #news_index .inner{width:90%;margin: 0 auto;padding: 100px 0;}
	main #news_index .inner .title{margin: 0 auto 50px auto;}
	main #news_index .inner .title h5{width:30%;margin: 0 auto 10px 0; padding: 0;}
	main #news_index .inner .title h5 img{width: 100%;}
	main #news_index .inner .title .eng{font-size:24px;letter-spacing: 2px;font-weight: 600}
	main #news_index .inner .list{}
	main #news_index .inner .list dl{display: flex;flex-wrap: wrap;margin: 0 auto 50px auto;padding: 0;font-size:16px;letter-spacing:1px;line-height: 1.75}
	main #news_index .inner .list dl dt{width: 20%;margin: 0;border-bottom: 1px solid #cccccc}
	main #news_index .inner .list dl dt:last-of-type{border-bottom: none}
	main #news_index .inner .list dl dd{position: relative;width: 80%;margin: 0;border-bottom: 1px solid #cccccc;padding: 0 20px 0 0;box-sizing: border-box;}
	main #news_index .inner .list dl dd:last-of-type{border-bottom: none}
	main #news_index .inner .list dl dd:before{content:'\f061';position:absolute;top:50%;transform:translateY(-50%);right:0;width:30px;height:30px;border-radius: 15px;background: black;font-family: 'Font Awesome 5 Free';font-weight: 900;;color: white;text-align: center;line-height: 1.9}
	main #news_index .inner .list dl a{display: block;text-decoration:none;color: #000000;padding:20px 40px 20px 0;}
	main #news_index .inner .list dl a:hover{color:#cccccc;}
	
	main #news_index .inner .list .banner{}
	main #news_index .inner .list .banner a{position:relative;display:block;width: 250px;margin: 0 auto; padding: 26px 0;font-size: 16px;letter-spacing: 1px;font-weight: 700;text-align: center;color: black;text-decoration: none;overflow: hidden;border: 2px solid #000000}
	main #news_index .inner .list .banner a::before {  content: "";  position: absolute;  top: 100%;left: 0%;  width:100%;  height: 0%;background:linear-gradient(90deg, #000000, #212b1c);transition: height 0.5s ease, top 0.5s ease;z-index: 0}	
	main #news_index .inner .list .banner a:hover::before {height: 100%;top: 0%}
	main #news_index .inner .list .banner a span{ position: absolute;  top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1}
	main #news_index .inner .list .banner a:hover span{color:white;}
}

@media (max-width: 700px) {
	/*メインイメージ*/
	main #main_image{}
	
	main #main_image .wrapper{position: relative;width: 100%;height: 100vh;margin: 0 auto;}
	
	main #main_image .wrapper .bg{position: absolute;top: 0%;left:0%;width: 100%;height: 100%; margin:0;padding: 0;}
	main #main_image .wrapper .bg img{width: 100%;height: 100%;object-fit: cover;object-position: center center;}
	
	main #main_image .wrapper .logo01{position: absolute;bottom: 60%;left:50%;transform: translateX(-50%);width:100%;  margin:0;padding: 0;text-align: center;overflow: hidden;}	
	main #main_image .wrapper .logo01 img{width:100%;height:auto;margin:0;padding: 0;/*object-fit: cover;object-position:center center;*/opacity: 0;}	
	@keyframes logo01_down {
		0% {    transform: translateY(-100%); /* 画像が画面外（上）にあり */    opacity: 1; /* 画像は透明 */  }
		6% {    transform: translateY(0); /* 画像が画面内に降りてきた */    opacity: 1; /* 画像が表示される */  }
		82% {    transform: translateY(0); /* 画像がその場で停止 */    opacity: 1; /* 画像が表示されたまま */  }
		100% {    transform: translateY(100%); /* 画像が下に落ちて画面外に */    opacity: 0.8; /* 画像が透明になる */  }
	}
	.logo01_down{animation: logo01_down 4.5s ease-in-out 2.0s infinite;}
	
	main #main_image .wrapper .logo02{position: absolute;top:40%;left:50%;transform: translateX(-50%);width: 100%; margin:0;padding: 0;text-align: center;overflow: hidden}
	main #main_image .wrapper .logo02 img{width: 100% ;height:auto;/*object-fit: cover;object-position: center center;*/opacity: 0;}
	@keyframes logo02_up {
		0% {    transform: translateY(100%); /* 画像が画面外（上）にあり */    opacity: 1; /* 画像は透明 */  }
		6% {    transform: translateY(0); /* 画像が画面内に降りてきた */    opacity: 1; /* 画像が表示される */  }
		82% {    transform: translateY(0); /* 画像がその場で停止 */    opacity: 1; /* 画像が表示されたまま */  }
		100% {    transform: translateY(-100%); /* 画像が下に落ちて画面外に */    opacity: 0.8; /* 画像が透明になる */  }
	}
	.logo02_up{animation: logo02_up 4.5s ease-in-out 2.0s infinite;}
	
	main #main_image .wrapper .figure{position: absolute;bottom:0%;left:50%;transform: translateX(-50%);width: 90%; margin:0;padding: 0;}
	main #main_image .wrapper .figure img{width: 100%;}
	main #main_image .wrapper .figure::before{content:'';position: absolute;top:10%;left:10%;width: 12%;aspect-ratio:1/1;background: url("../img/main_image_paint01.png") no-repeat;background-size: 100% auto;background-position: 50% 50%;}
	main #main_image .wrapper .figure::after{content:'';position: absolute;top:20%;right:10%;width: 22%;aspect-ratio:1/1;background: url("../img/main_image_paint02.png") no-repeat;background-size: 100% auto;background-position: 50% 50%;}
	
	main #main_image .wrapper .gradation_color{position: absolute;top: 0%;left:0%;width: 100%;height: 100%;  margin:0;padding: 0;}
	main #main_image .wrapper .gradation_color img{width: 100%;height: 100%;object-fit: cover;object-position: center center;}
		
	main #main_image .wrapper .monochrome_color{position: absolute;top: 0%;left:0%;width: 100%;height: 100%;  margin:0;padding: 0;background: rgba(000,000,000,0.5)}
	
	main #main_image .wrapper #catchcopy_group{position: absolute;bottom: 3%;left:0%;width: 100%;height:42vh;/*overflow: hidden;*/ margin:0;padding: 0;}		
	main #main_image .wrapper #catchcopy_group .slide_catchcopy {width:100%;height: 100%;margin: 0;padding: 0;/*overflow: hidden;*/}	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area{position: relative;width:80%;height: 100vh;margin: 0;padding: 0;/*overflow: hidden;*/}	
	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene01-1{position: absolute;	top:0%;left:3%;width: 76%;}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene01-1 img{width: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene01-2{position:absolute;top: 13%;left:5%;width:90%;}		
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene01-2 img{width:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene02-1{position: absolute;	top:0%;right:3%;width:76%;}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene02-1 img{width: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene02-2{position:absolute;top: 12%;right:5%;width:90%;}		
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene02-2 img{width:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene03-1{position: absolute;	top:0%;left:3%;width:80%;}
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene03-1 img{width: 100%;opacity: 0;}	
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene03-2{position:absolute;top: 10%;left:5%;width: 90%;}		
	main #main_image .wrapper #catchcopy_group .slide_catchcopy .scene_area #scene03-2 img{width:100%;opacity: 0;}	
	
	.slick-active .cp_first{	animation-name:cp_first;animation-duration: 0.5s;animation-delay:.2s;	  animation-fill-mode: forwards;  opacity: 0;}
	@keyframes cp_first{	0% { opacity: 0; transform:scale(1.3); }	100% { opacity: 1; transform:scale(1.0); }}	
	
	.slick-active .cp_second{  animation-name:cp_second;  animation-duration:.5s;animation-delay:.4s;	  animation-fill-mode: forwards;  opacity: 0;}
	@keyframes cp_second{  from {opacity:1; transform: translateY(60px);  }  to {    opacity: 1;   transform: translateY(0);  }}	
	
	main #main_image .wrapper #catchcopy_group_new{position: absolute;bottom: 8%;left:2%;width: 96%;height:40vh; margin:0;padding: 0;}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy {width:100%;height: 100%;margin: 0;padding: 0;}	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area{position: relative;width:100%;height:40vh;margin: 0 auto;padding: 0;}	
	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene04-1{position: absolute;	top:0%;left:0%;height:75%;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene04-1 img{height: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene04-2{position:absolute;bottom: 0%;left:0%;height:25%;}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene04-2 img{height:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene05-1{position: absolute;	top:0%;right:0%;height:35%;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene05-1 img{height: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene05-2{position:absolute;bottom: 0%;right:0%;height: 65%;}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene05-2 img{height:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene06-1{position: absolute;	bottom:0%;left:0%;height:90%;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene06-1 img{height: 100%;opacity: 0;}	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene06-2{position:absolute;bottom: 0%;left:15%;height: 20%;}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene06-2 img{height:100%;opacity: 0;}	
	
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene07-1{position: absolute;	top:0%;right:0%;height:18%;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene07-1 img{height: 100%;opacity: 0;}
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene07-2{position:absolute;bottom: 0%;right:0%;height: 82%;}		
	main #main_image .wrapper #catchcopy_group_new .slide_catchcopy .scene_area #scene07-2 img{height:100%;opacity: 0;}	
	
	.slick-active .cp_4th{	animation-name:cp_first;animation-duration: 0.2s;animation-delay:.2s;	  animation-fill-mode: forwards;  opacity: 0;}
	@keyframes cp_first{	0% { opacity: 0; transform:scale(1.9); }	100% { opacity: 1; transform:scale(1.0); }}	
	
	.slick-active .cp_5th{  animation-name:cp_second;  animation-duration:.2s;animation-delay:.3s;	  animation-fill-mode: forwards;  opacity: 0;}
	@keyframes cp_second{  from {opacity:1;transform: scale(1.9) rotate(10deg);  }  to {    opacity: 1; transform: scale(1) rotate(0deg); }}
	
	/*代表挨拶*/
	main #message_index{background:url("../img/message_photo02.jpg") no-repeat;background-position: 50% 50%;background-size: cover;padding: 50px 0 50px 0}
	main #message_index .lead_group{aspect-ratio:1.4/1;margin: 0 auto 0px auto;}
	main #message_index .lead_group .inner{position: relative;width: 100%;height: 100%}
	
	main #message_index .lead_group .inner .bg_color{position: absolute;bottom:0%;right: 0;width: 95%;height:90%;overflow: hidden}
	main #message_index .lead_group .inner .bg_color img{ display: block; width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}
	
	main #message_index .lead_group .inner .photo{position: absolute;bottom: 0%;right: 0;width:80%;height:85%;overflow: hidden;}
	main #message_index .lead_group .inner .photo img{ display: block; width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}
	
	main #message_index .lead_group .inner .movie{position: absolute;bottom: 0%;right: 0;width:95%;height:90%;overflow: hidden;font-size: 0}
	main #message_index .lead_group .inner .movie video{width:100%;height:auto;min-height:100%;object-fit: cover;object-position: center center;margin: 0;padding: 0}
	
	main #message_index .lead_group .inner .title_eng{position: absolute;top: 0%;right:0;width:85%;}
	main #message_index .lead_group .inner .title_eng img{width: 100%;}	
	
	main #message_index .lead_group .inner .cp_area{position: absolute;top: 65%;left:5%;width:70%;font-size: 0;}
	main #message_index .lead_group .inner .cp_area img{width:100%;}
	
	main #message_index .lead_group .inner .text_area{position: absolute;top: 75%;left:5%;width:90%;font-size: 0;}
	main #message_index .lead_group .inner .text_area .text01{position:relative;display: inline-block; padding: 6px 10px 0px 10px;margin: 0;overflow: hidden}	
	main #message_index .lead_group .inner .text_area .text01 > span{display: block;font-size:6.5vw;color:black;font-weight: 900;letter-spacing:-1px;}	
	main #message_index .lead_group .inner .text_area .text01 span span{font-size:4.8vw;}
	main #message_index .lead_group .inner .text_area .text02{position:relative; display: inline-block;padding: 0px 10px 6px 10px;margin:0 0 0 20px;overflow: hidden}	
	main #message_index .lead_group .inner .text_area .text02 > span{display: block;font-size:6.5vw;letter-spacing: 0;color:black;font-weight: 900;letter-spacing: -1px}
	main #message_index .lead_group .inner .text_area .text02 span span{font-size:4.8vw;}
	
	main #message_index .second_group{width:100%;margin:0px auto;}
	main #message_index .second_group .inner{position: relative; width:100%;padding: 80px 0 0 0 }
	
	main #message_index .second_group .inner h2{margin:50px 0 10px 0;padding: 0;color: #c8ff00;font-size: clamp(30px, 2.0vw, 30px);letter-spacing:0px;}
	main #message_index .second_group .inner p{width:50%;margin:0 auto 50px 0px;padding: 0;color: white;font-size: clamp(16px, 0.8vw, 24px);line-height:34px;letter-spacing: 1px}
	main #message_index .second_group .inner .banner{}
	main #message_index .second_group .inner .banner a{position:relative;display:block;width:80%;margin:0 auto ;padding:30px 0;font-size:16px;letter-spacing:1px;font-weight:500;text-align: center;color:white;text-decoration:none;overflow:hidden;border:1px solid #ffffff}
	main #message_index .second_group .inner .banner a::before {  content: "";  position: absolute;  top: 100%;left: 0%;  width:100%;  height: 0%;background:linear-gradient(90deg, #ffffff, #84dad9);transition: height 0.5s ease, top 0.5s ease;z-index: 0}	
	main #message_index .second_group .inner .banner a:hover::before {height: 100%;top: 0%}
	main #message_index .second_group .inner .banner a span{ position: absolute;  top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%; z-index: 1}
	main #message_index .second_group .inner .banner a:hover span{color:black;}
	
	
	/*店舗情報*/
	main #brands_index{background: black;padding: 50px 0}
	main #brands_index .lead_group{aspect-ratio:1.0/1;margin: 0 auto 30px auto;}
	main #brands_index .lead_group .inner{position: relative;width: 100%;height: 100%}
	
	main #brands_index .lead_group .inner .bg_color{position: absolute;top:10%;left: 0;width: 90%;height:50%;overflow: hidden}
	
	main #brands_index .lead_group .inner .photo{position: absolute;top: 10%;left: 0;width:90%;height:50%}
	main #brands_index .lead_group .inner .photo img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}
	
	main #brands_index .lead_group .inner .title_eng{position: absolute;top: 0%;left:0;width: 80%;}
	main #brands_index .lead_group .inner .title_eng img{width: 100%;}	
	
	
	main #brands_index .lead_group .inner .text_area{position: absolute;bottom: 0%;left: 10%;/* transform: translateX(-50%);*/width: 80%;/*height:100%;*/ }
	
	main #brands_index .lead_group .inner .text_area .title_jpn{/*position: absolute;bottom: 20%;left: 0; */}
	main #brands_index .lead_group .inner .text_area .title_jpn h3{/*writing-mode: vertical-rl;*/margin:0 auto 10px auto;padding: 0;color:white;font-size:6vw;letter-spacing:2px;}
	
	main #brands_index .lead_group .inner .text_area .feature{/*position: absolute;bottom:0%;left:15%;width: 85%;*/}
	
	main #brands_index .lead_group .inner .text_area .feature .message{width: 100%; margin: 0 auto 30px auto;font-size: 0;overflow: hidden;}	
	main #brands_index .lead_group .inner .text_area .feature .message .text01{position:relative;display: inline-block; padding: 6px 10px 0px 10px;margin: 0 0 0 0px;overflow: hidden}	
	main #brands_index .lead_group .inner .text_area .feature .message .text01 span{display: block;font-size: 4vw;letter-spacing: 0;color: black;font-weight: 900;letter-spacing: 0}	
	main #brands_index .lead_group .inner .text_area .feature .message .text02{position:relative; display: inline-block;padding: 0px 10px 6px 10px;overflow: hidden}	
	main #brands_index .lead_group .inner .text_area .feature .message .text02 span{display: block;font-size:6vw;letter-spacing: 0;color: black;font-weight: 900;letter-spacing: 0}
	
	main #brands_index .lead_group .inner .text_area .feature .summary{width: 100%;margin: 0;padding: 0;color: white;font-size:2.8vw;line-height:1.7;letter-spacing: 1px}	
	
	
	main #brands_index .list_group{margin: 0 auto 50px auto;}	
	main #brands_index .list_group .inner{width: 100%;margin: 0 auto; }
	main #brands_index .list_group .inner .unit{}
	main #brands_index .list_group .inner .unit a{display: block;position: relative;width: 100%;aspect-ratio:2.5/1;}
	main #brands_index .list_group .inner .unit a .photo{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
	main #brands_index .list_group .inner .unit a .photo::before{content: ""; position: absolute;  top: 0%;left: 0%;  width:100%;  height: 100%;background:rgba(000,000,000,0.5); opacity: 1;   transition: background 0.5s ease, opacity 0.5s ease; z-index: 2;}
	main #brands_index .list_group .inner .unit a .photo img{width: 100%;height: 100%;object-fit: cover;object-position: center center;transition: all 0.5s ease-in-out;}	
	
	main #brands_index .list_group .inner .unit a .text_area{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3}
	main #brands_index .list_group .inner .unit a .text_area .category{display: block; margin: 0 auto 30px auto;text-align: center}
	main #brands_index .list_group .inner .unit a .text_area .category span{display: inline-block;background:linear-gradient(90deg, #c4ff00, #ffff00);color:black;padding: 5px 20px;border-radius: 30px;font-weight: 700;font-size:2.5vw;}
	main #brands_index .list_group .inner .unit a .text_area .logo{display: block; width:70%;margin: 0 auto}
	main #brands_index .list_group .inner .unit a .text_area .logo img{width: 100%;}
	
	main #brands_index .list_group .inner .unit a:hover .photo::before{ background:rgba(000,000,000,0.7);}
	main #brands_index .list_group .inner .unit a:hover .photo img{transform: scale(1.2);}
	
	main #brands_index .banner{}
	main #brands_index .banner a{position:relative;display:block;width:80%;margin: 0 auto; padding:30px 0;font-size: 16px;letter-spacing: 1px;font-weight:500;text-align: center;color:white;text-decoration: none;overflow: hidden;border:1px solid #ffffff}
	main #brands_index .banner a::before {  content: "";  position: absolute;  top: 100%;left: 0%;  width:100%;  height: 0%;background:linear-gradient(90deg, #ffffff, #84dad9);transition: height 0.5s ease, top 0.5s ease;z-index: 0}	
	main #brands_index .banner a:hover::before {height: 100%;top: 0%}
	main #brands_index .banner a span{ position: absolute;  top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1}
	main #brands_index .banner a:hover span{color:black;}
	
	/*採用*/
	main #recruit{aspect-ratio:0.8/1;}
	main #recruit .inner{position: relative;width: 100%;height: 100%}
	
	main #recruit .inner .bg_color{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden}
	
	main #recruit .inner .photo{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
	main #recruit .inner .photo img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}
	
	main #recruit .inner .title_eng{position: absolute;top: 30%;left: 50%;transform: translateX(-50%);width: 80%;}
	main #recruit .inner .title_eng img{width: 100%;}	
	main #recruit .inner .title_jpn{position: absolute;top: 40%;left: 50%; transform: translateX(-50%); }
	main #recruit .inner .title_jpn h4{margin:0;padding: 0;text-align: center;color:black;font-size:7vw;letter-spacing: 1px;}
	
	main #recruit .inner .message{position: absolute;top:50%;right:5%;width: 70%;font-size:2.8vw;letter-spacing: 1px;color: white}	
	main #recruit .inner .message .text01{ transform:rotate(-5deg);margin-bottom: 2px;padding: 10px;overflow: hidden}	
	main #recruit .inner .message .text01 span{display: block;text-align: center}	
	main #recruit .inner .message .text02{ transform:rotate(-5deg);padding: 10px;overflow: hidden}	
	main #recruit .inner .message .text02 span{display: block;text-align: center}
	
	main #recruit .inner .banner{position: absolute;bottom: 10%;left: 50%;transform: translateX(-50%);width: 100%}	
	main #recruit .inner .banner a{position:relative;display:block;width:80%;margin: 0 auto; padding:30px 0;font-size: 16px;letter-spacing: 1px;font-weight: 500;text-align: center;color: white;text-decoration: none;overflow: hidden;border: 1px solid #ffffff}
	main #recruit .inner .banner a::before {  content: "";  position: absolute;  top: 100%;left: 0%;  width:100%;  height: 0%;background:linear-gradient(90deg, #ffffff, #84dad9);transition: height 0.5s ease, top 0.5s ease;z-index: 0}	
	main #recruit .inner .banner a:hover::before {height: 100%;top: 0%}
	main #recruit .inner .banner a span{ position: absolute;  top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1}
	main #recruit .inner .banner a:hover span{color:black;}
	
	
	/*ニュース*/
	main #news_index .inner{width:80%;margin: 0 auto;padding:50px 0;}
	main #news_index .inner .title{margin: 0 auto 30px auto;}
	main #news_index .inner .title h5{width:30%;margin: 0 auto 5px 0; padding: 0;}
	main #news_index .inner .title h5 img{width: 100%;}
	main #news_index .inner .title .eng{font-size:20px;letter-spacing: 2px;font-weight: 600}
	main #news_index .inner .list{}
	main #news_index .inner .list dl{margin: 0 auto 20px auto;padding: 0;font-size:14px;letter-spacing:1px;line-height: 1.75}
	main #news_index .inner .list dl dt{margin:10px 0 0px 0;}
	main #news_index .inner .list dl dt:last-of-type{border-bottom: none}
	main #news_index .inner .list dl dd{position: relative;margin: 0;padding: 0 0 20px 0;border-bottom: 1px solid #cccccc;}
	main #news_index .inner .list dl dd:last-of-type{border-bottom: none}
	main #news_index .inner .list dl dd:before{content:'\f061';position:absolute;top:50%;transform:translateY(-50%);right:0;width:20px;height:20px;border-radius: 10px;background: black;font-family: 'Font Awesome 5 Free';font-weight: 900;;color: white;text-align: center;line-height: 1.6;font-size: 12px}
	main #news_index .inner .list dl a{display: block;text-decoration:none;color: #000000;padding:3px 40px 3px 0;}
	main #news_index .inner .list dl a:hover{color:#cccccc;}
	
	main #news_index .inner .list .banner{}
	main #news_index .inner .list .banner a{position:relative;display:block;width:100%;margin: 0 auto; padding: 26px 0;font-size: 16px;letter-spacing: 1px;font-weight: 500;text-align: center;color: black;text-decoration: none;overflow: hidden;border:1px solid #000000}
	main #news_index .inner .list .banner a::before {  content: "";  position: absolute;  top: 100%;left: 0%;  width:100%;  height: 0%;background:linear-gradient(90deg, #000000, #212b1c);transition: height 0.5s ease, top 0.5s ease;z-index: 0}	
	main #news_index .inner .list .banner a:hover::before {height: 100%;top: 0%}
	main #news_index .inner .list .banner a span{ position: absolute;  top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1}
	main #news_index .inner .list .banner a:hover span{color:white;}
}