/*!
 * index.css
 */

/* # =================================================================
   # shiraishi 2025 MV
   # ================================================================= */
 

#vidual-area {
	position: relative;
	width: 100%;
	height: 100vh;
	height: 100svh;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


#vidual-area #slider-area {
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#slider {
    width: 100%;
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

@supports (-webkit-touch-callout: none) {
  #slider {
    height: -webkit-fill-available;
    min-height: -webkit-fill-available;
  }
}

.vegas-animation-kenburns {
    animation: kenburns ease-out;
}

@keyframes kenburns {
    0% {
        transform: scale(1.14);
    }
    100% {
        transform: scale(1);
    }
}






.slid_content {
	display: block;
	position: absolute;
	width: 100%;
	top: 48%;
	left: 6%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.slid_content .title {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 4.4em;
	line-height: 1em;
	font-family: "Shippori Mincho B1", serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -1.5px;
	color: #111;
}

.slid_content .sub_title {
	display: block;
	position: relative;
	padding: 10px 0 0 6px;
	margin: 0 0 0 0;
	font-size: 2.4em;
	line-height: 0.9em;
	font-family: "Shippori Mincho B1", serif;
	font-weight: 400;
	font-style: italic;
	letter-spacing: -0.2px;
	color: #111;
}

@media screen and (max-width:1600px) {

	.slid_content {
		display: block;
		position: absolute;
		width: 100%;
		top: 48%;
		left: 8%;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	
	.slid_content .title {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-size: 3.6em;
		line-height: 1em;
		font-family: "Shippori Mincho B1", serif;
		font-weight: 400;
		font-style: normal;
		letter-spacing: -1.5px;
		color: #111;
	}
	
	.slid_content .sub_title {
		display: block;
		position: relative;
		padding: 10px 0 0 6px;
		margin: 0 0 0 0;
		font-size: 2.1em;
		line-height: 0.9em;
		font-family: "Shippori Mincho B1", serif;
		font-weight: 400;
		font-style: italic;
		letter-spacing: -0.2px;
		color: #111;
	}

}

@media screen and (max-width:768px) {

	.slid_content {
		display: block;
		position: absolute;
		width: 100%;
		top: 46%;
		left: 8%;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	
	.slid_content .title {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-size: 2.4em;
		line-height: 1em;
		font-family: "Shippori Mincho B1", serif;
		font-weight: 400;
		font-style: normal;
		letter-spacing: -1.5px;
		color: #111;
	}
	
	.slid_content .sub_title {
		display: block;
		position: relative;
		padding: 10px 0 0 6px;
		margin: 0 0 0 0;
		font-size: 1.6em;
		line-height: 0.9em;
		font-family: "Shippori Mincho B1", serif;
		font-weight: 400;
		font-style: italic;
		letter-spacing: -0.2px;
		color: #111;
	}

}

@media screen and (max-width:460px) {

	.slid_content {
		display: block;
		position: absolute;
		width: 100%;
		top: 46%;
		left: 8%;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	
	.slid_content .title {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-size: 1.8em;
		line-height: 1em;
		font-family: "Shippori Mincho B1", serif;
		font-weight: 400;
		font-style: normal;
		letter-spacing: -1.5px;
		color: #111;
	}
	
	.slid_content .sub_title {
		display: block;
		position: relative;
		padding: 10px 0 0 6px;
		margin: 0 0 0 0;
		font-size: 1.2em;
		line-height: 0.9em;
		font-family: "Shippori Mincho B1", serif;
		font-weight: 400;
		font-style: italic;
		letter-spacing: -0.2px;
		color: #111;
	}

}



.recruit {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 36px 0 0 0;
}

.recruit01 a {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 240px;
	height: 48px;
	line-height: 48px;
	color: #e8e8e8;
	background-color: #9d1d22;
	text-align: center;
	font-size: 1.3em;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	letter-spacing: 1px;
	border: 1px solid #5f5f66;
	border-radius: 24px;
}

.recruit01 a:hover {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 240px;
	height: 48px;
	line-height: 48px;
	color: #e8e8e8;
	background-color: #9d1d22;
	text-align: center;
	font-size: 1.3em;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	letter-spacing: 1px;
	border: 1px solid #5f5f66;
	border-radius: 24px;
}

.recruit01 a span {
	position: absolute;
	top: 0;
	right: 16px;
	font-size: 0.8em;
}


.recruit02 a {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 14px 0 0 0;
	width: 240px;
	height: 48px;
	line-height: 48px;
	color: #e8e8e8;
	background-color: #9d1d22;
	text-align: center;
	font-size: 1.3em;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	letter-spacing: 1px;
	border: 1px solid #5f5f66;
	border-radius: 24px;
}

.recruit02 a:hover {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 14px 0 0 0;
	width: 240px;
	height: 48px;
	line-height: 48px;
	color: #e8e8e8;
	background-color: #9d1d22;
	text-align: center;
	font-size: 1.3em;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	letter-spacing: 1px;
	border: 1px solid #5f5f66;
	border-radius: 24px;
}

.recruit02 a span {
	position: absolute;
	top: 0;
	right: 16px;
	font-size: 0.8em;
}











/* MV下の英語名 */
.slid_com {
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	opacity: 0.4;
	mix-blend-mode: overlay;
}

/* MV画像ごとの短キャプション */
#vidual-area p {
	display: block;
	position: absolute;
	bottom: 40px;
	left: 40px;
	padding: 0 0 0 0;
	color: #fff;
	font-family: "Shippori Mincho B1", serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1em;
	z-index: 90;
	letter-spacing: 1px;
}
	
@media screen and (max-width:1200px) {

	#vidual-area p {
		display: block;
		position: absolute;
		bottom: 40px;
		left: 40px;
		padding: 0 0 0 0;
		color: #fff;
		font-family: "Shippori Mincho B1", serif;
		font-weight: 400;
		font-size: 1.5em;
		line-height: 1em;
		z-index: 90;
	}

}

@media screen and (max-width:768px) {
	
	#vidual-area p {
		display: block;
		position: absolute;
		bottom: 24px;
		left: 40px;
		padding: 0 0 0 0;
		color: #fff;
		font-family: "Shippori Mincho B1", serif;
		font-weight: 400;
		font-size: 1.2em;
		line-height: 1em;
		z-index: 90;
	}
		
}	
	
@media screen and (max-width:320px) {

	#vidual-area p {
		display: none;
	}

}








#vegas-caption {
	display: block;
	position: absolute;
	bottom: 40px;
	left: 40px;
	padding: 0 0 0 0;
	color: #fff;
	font-family: "Shippori Mincho B1", serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1em;
	z-index: 90;
	letter-spacing: 1px;
}
	
@media screen and (max-width:1200px) {

	#vegas-caption {
		display: block;
		position: absolute;
		bottom: 40px;
		left: 40px;
		padding: 0 0 0 0;
		color: #fff;
		font-family: "Shippori Mincho B1", serif;
		font-weight: 400;
		font-size: 1.5em;
		line-height: 1em;
		z-index: 90;
	}

}

@media screen and (max-width:768px) {
	
	#vegas-caption {
		display: block;
		position: absolute;
		bottom: 24px;
		left: 40px;
		padding: 0 0 0 0;
		color: #fff;
		font-family: "Shippori Mincho B1", serif;
		font-weight: 400;
		font-size: 1.2em;
		line-height: 1em;
		z-index: 90;
	}
		
}	
	
@media screen and (max-width:320px) {

	#vegas-caption {
		display: none;
	}

}



/*
#vegas-caption {
  position: fixed;
  bottom: 40px;
  left: 40px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.05em;
  background: rgba(0,0,0,0.4);
  padding: 8px 12px;
  z-index: 9999;
  max-width: 80%;
}
*/








.level {
	display: block;
	position: relative;
	width: 100%;
	height: 500px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}









/* # =================================================================
   # news_index
   # ================================================================= */


.news_index {
	display: block;
	position: relative;
	width: 100%;
	padding: 80px 0 0 0;
	margin: 0 0 50px 0;
}

.news_index_inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 95%;
	max-width: 1500px;
	min-height: 380px;
}

@media only screen and (max-width: 640px) {
	
	.news_index_inner {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		width: 90%;
	}

}
	
.news_index .title { 
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 3.2em;
	line-height: 0.9em;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 300;
	/*letter-spacing: -0.5px;*/
}

.news_index .title .all { 
	display: inline-block;
	position: relative;
	padding: 0 0 4px 0;
	margin: 0 0 0 24px;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	font-size: 0.3em;
	line-height: 1.2em;
}

.news_index .title .all a:hover { 
	padding: 0 0 4px 0;
	border-bottom: 1px solid #5f5f66;
}

.news_index .sub_title { 
	position: relative;
	padding: 6px 0 30px 0;
	margin: 0 0 0 0;
	font-size: 1.4em;
	line-height: 1.1em;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	/*letter-spacing: -0.5px;*/
}

@media only screen and (max-width: 640px) {

	.news_index .title { 
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-size: 2.2em;
		line-height: 0.9em;
		font-family: "M PLUS 1p", sans-serif;
		font-weight: 300;
		/*letter-spacing: -0.5px;*/
	}

	.news_index .title .all { 
		display: inline-block;
		position: relative;
		padding: 0 0 4px 0;
		margin: 0 0 0 24px;
		font-family: "BIZ UDPGothic", serif;
		font-weight: 400;
		font-size: 0.5em;
		line-height: 1.2em;
	}

}

@media only screen and (max-width: 440px) {

	.news_index .title { 
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-size: 1.8em;
		line-height: 0.9em;
		font-family: "M PLUS 1p", sans-serif;
		font-weight: 300;
		/*letter-spacing: -0.5px;*/
	}

	.news_index .title .all { 
		display: inline-block;
		position: relative;
		padding: 0 0 4px 0;
		margin: 0 0 0 8px;
		font-family: "BIZ UDPGothic", serif;
		font-weight: 400;
		font-size: 0.6em;
		line-height: 1.2em;
	}

}














/* # =================================================================
   # construction_info
   # ================================================================= */


.const_index {
	display: block;
	position: relative;
	width: 100%;
	padding: 50px 0 50px 0;
	margin: 0 0 0 0;
	background-color: #fff;
}

.const_index_inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 95%;
	max-width: 1500px;
}

@media only screen and (max-width: 640px) {
	
	.const_index_inner {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		width: 90%;
	}

}
	
.const_index .title { 
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 3.2em;
	line-height: 0.9em;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 300;
	/*letter-spacing: -0.5px;*/
}

.const_index .title .all { 
	display: inline-block;
	position: relative;
	padding: 0 0 4px 0;
	margin: 0 0 0 24px;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	font-size: 0.3em;
	line-height: 1.2em;
}

.const_index .title .all a:hover { 
	padding: 0 0 4px 0;
	border-bottom: 1px solid #5f5f66;
}

.const_index .sub_title { 
	position: relative;
	padding: 6px 0 30px 0;
	margin: 0 0 0 0;
	font-size: 1.4em;
	line-height: 1.1em;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	/*letter-spacing: -0.5px;*/
}





.insta_iframe {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 36px auto;
	width: 85%;
	max-width: 1200px;
	height: 480px;
	min-height: 480px;
	overflow: hidden;
}

.insta_iframe iframe {
    display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
    max-width: 100%;
    height: auto;
    min-height: 480px;
    border: none;
    box-shadow: none !important;
    border-radius: 0;
}










.pickup_space {
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 10rem;
}
@media only screen and (max-width: 1080px) {
  .pickup_space {
    padding: 0 4rem;
  }
}

.pickup_inner .pickup_space {
  padding-top: 24px;
  padding-bottom: 80px;
}





/* slider */
[class*=swiper]:focus {
  outline: none;
}

.slide-media,
.thumb-media {
  position: relative;
  overflow: hidden;
}
.slide-media img,
.thumb-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 前へ / 次へボタン */
.swiper-button-prev, .swiper-button-next {
  display: block;
  place-content: center;
  width: 36px;
  height: 36px;
  font-size: 3.2em;
  /*color: #cdcaba;*/
  color: #5f5f66;
}


.construction_info {
  /* コンテナ */
  overflow: hidden;
  /* 前へ / 次へボタン */
  /* スライド */
  /* スライド アクティブ時 */
}
.construction_info .swiper {
  overflow: visible;
}
@media only screen and (max-width: 1024px) {
  .construction_info .swiper {
    padding: 0 3.2rem;
  }
}


.construction_info .swiper-button-prev {
  position: absolute;
  z-index: 1;
  top: 40%;
  margin: 0 0 0 0;
  left: -54px;
}

.construction_info .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 40%;
  margin: 0 0 0 0;
  right: -40px;
}




.construction_info .slide {
	overflow: hidden;
	background-color: #fff;
	-webkit-transition: var(--transition), opacity 1s;
	transition: var(--transition), opacity 1s;
	box-shadow: 1px 1px 8px 4px rgba(0, 0, 0, 0.1);
	border: 1px solid #5f5f66;
	border-radius: 12px;
}

@media only screen and (min-width: 1025px) {
	
  .construction_info .slide img {
    -webkit-transition: var(--transition);
    transition: var(--transition);
  }
  .construction_info .slide:hover {
	  
/*
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
*/
  }
  .construction_info .slide:hover img {
	opacity: 0.6;
	transition: all .3s;
  }
}

.construction_info .slide-media {
  padding-top: 62.5%;
}
.construction_info .slide-media img {
	opacity: 1;
	transition: all 1s;
}


.construction_info .slide-content {
  padding: 12px 18px 10px 18px;
  min-height: 80px;
}
	
@media only screen and (max-width: 540px) {
	
	.construction_info .slide-content {
	  padding: 12px 14px 10px 14px;
	  min-height: 80px;
	}

}	
	
.construction_info .slide-kind {
	display: block;
	color: #00a8cc;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: 400;
	font-family: "BIZ UDPGothic", sans-serif;
}

.construction_info .slide-title {
	display: block;
	overflow: hidden;
	padding: 6px 0 0 0;
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: 400;
	font-family: "BIZ UDPGothic", sans-serif;
}
.construction_info .swiper-slide:not(.swiper-slide-visible) .slide {
	pointer-events: none;
	opacity: 0.2;
}

.construction_info .slide-date {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	bottom: 12px;
	right: 16px;
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: 400;
	font-family: "BIZ UDPGothic", sans-serif;
	color: #a0a0a0;
	letter-spacing: -0.5px;
}











/* # =================================================================
   # index_pickup
   # ================================================================= */
   
   
.index_pickup {
	display: block;
	position: relative;
	padding: 30px 0 50px 0;
	margin: 0 0 0 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.index_pickup_title {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 95%;
	max-width: 1500px;
}

@media only screen and (max-width: 640px) {
	
	.index_pickup_title {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		width: 90%;
	}

}

.index_pickup_title .title { 
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 3.2em;
	line-height: 0.9em;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 300;
	/*letter-spacing: -0.5px;*/
}

.index_pickup_title .sub_title { 
	position: relative;
	padding: 6px 0 30px 0;
	margin: 0 0 0 0;
	font-size: 1.4em;
	line-height: 1.1em;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	/*letter-spacing: -0.5px;*/
}




.index_pickup_inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 95%;
	max-width: 1550px;
	height: auto;
}

.index_pickup_inner ul {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	text-align: center;
}

.index_pickup_inner ul li {
	display: inline-block;
	position: relative;
	padding: 0 0 12px 0;
	margin: 0 1% 28px 1%;
	width: 48%;
	height: auto;
	min-height: 100px;
	float: left;
}



.pickup_each {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	min-height: 100px;
	overflow: hidden;
}

.pickup_each .pict {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 140px;
	height: 100px;
	float: left;
}

.pickup_each .pict img {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 140px;
	height: 100px;
	object-fit: cover;
}

.pickup_each .content {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 160px;
	width: auto;
	min-height: 100px;
}

.pickup_each .content .kind {
	display: block;
	position: relative;
	padding: 0 24px 0 24px;
	margin: 0 0 0 0;
	width: auto;
	min-width: 110px;
	max-width: 200px;
	height: 26px;
	line-height: 26px;
	color: #e8e8e8;
	background-color: #108b3b;
	font-size: 0.7em;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	letter-spacing: 0.5px;
	border-radius: 6px;
	text-align: center;
}

.pickup_each .content .title {
	display: block;
	position: relative;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	font-size: 1.16em;
	line-height: 1em;
	color: #333;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-align: left;
}

.pickup_each .content .lead {
	display: block;
	position: relative;
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
	font-size: 0.9em;
	line-height: 1.6em;
	color: #333;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-align: left;
}


.pickup_each a:hover .title,
.pickup_each a:hover .lead {
	text-decoration: underline;
}




@media screen and (max-width:1200px) {

	.index_pickup_inner ul li {
		display: inline-block;
		position: relative;
		padding: 0 0 12px 0;
		margin: 0 auto 28px auto;
		width: 90%;
		height: auto;
		min-height: 100px;
		float: none;
	}
	
}



/* # =================================================================
   # index_works
   # ================================================================= */
   
   
.index_works {
	display: block;
	position: relative;
	padding: 30px 0 50px 0;
	margin: 0 0 0 0;
	width: 100%;
	height: auto;
}

.index_works_title {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 95%;
	max-width: 1500px;
}

@media only screen and (max-width: 640px) {
	
	.index_works_title {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		width: 90%;
	}

}

.index_works_title .title { 
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 3.2em;
	line-height: 0.9em;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 300;
	/*letter-spacing: -0.5px;*/
}

.index_works_title .title .all { 
	display: inline-block;
	position: relative;
	padding: 0 0 4px 0;
	margin: 0 0 0 24px;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	font-size: 0.3em;
	line-height: 1.2em;
}

.index_works_title .title .all a:hover { 
	padding: 0 0 4px 0;
	border-bottom: 1px solid #5f5f66;
}





.index_works_title .sub_title { 
	position: relative;
	padding: 6px 0 30px 0;
	margin: 0 0 0 0;
	font-size: 1.4em;
	line-height: 1.1em;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	/*letter-spacing: -0.5px;*/
}




.index_works_inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 95%;
	max-width: 1550px;
	height: auto;
	min-height: 750px;
}

.index_works_inner ul {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	text-align: center;
}

.index_works_inner ul li {
	display: inline-block;
	position: relative;
	padding: 0 0 12px 0;
	margin: 0 10px 0 10px;
	width: 360px;
	text-align: left;
	vertical-align: top;
}

.works_each {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 360px;
	height: auto;
}

.works_each .pict {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 360px;
	height: 270px;
	transition: all 1s;
}

.works_each a:hover .pict {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 360px;
	height: 270px;
	opacity: 0.5;
	transition: all .3s;
}

.works_each .pict img {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 360px;
	height: 270px;
	object-fit: cover;
}



.works_each .name {
	display: block;
	position: relative;
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
	width: 360px;
	font-size: 1.4em;
	line-height: 1.1em;
	color: #333;
	font-family: "Shippori Mincho B1", serif;
	font-weight: 700;
}

.works_each .add {
	display: block;
	position: relative;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	width: 360px;
	font-size: 0.9em;
	line-height: 1.1em;
	color: #333;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	letter-spacing: 0.5px;
}

.works_each .lead {
	display: block;
	position: relative;
	padding: 4px 0 12px 0;
	margin: 0 0 0 0;
	width: 360px;
	font-size: 0.9em;
	line-height: 1.1em;
	color: #929292;
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	letter-spacing: 0.5px;
}




@media screen and (max-width:640px) {

	.index_works_inner ul li {
		display: block;
		position: relative;
		padding: 0 0 12px 0;
		margin: 0 auto 0 auto;
		width: 330px;
		text-align: left;
	}
	
	.works_each {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 330px;
		height: auto;
	}
	
	.works_each .pict {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 330px;
		height: 248px;
		transition: all 1s;
	}
	
	.works_each a:hover .pict {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 330px;
		height: 248px;
		opacity: 0.5;
		transition: all .3s;
	}
	
	.works_each .pict img {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 330px;
		height: 248px;
		object-fit: cover;
	}
	
	
	
	.works_each .name {
		display: block;
		position: relative;
		padding: 8px 0 0 0;
		margin: 0 0 0 0;
		width: 330px;
		font-size: 1.4em;
		line-height: 1.1em;
		color: #333;
		font-family: "Shippori Mincho B1", serif;
		font-weight: 700;
	}
	
	.works_each .add {
		display: block;
		position: relative;
		padding: 10px 0 0 0;
		margin: 0 0 0 0;
		width: 330px;
		font-size: 0.9em;
		line-height: 1.1em;
		color: #333;
		font-family: "BIZ UDPGothic", serif;
		font-weight: 400;
		letter-spacing: 0.5px;
	}
	
	.works_each .lead {
		display: block;
		position: relative;
		padding: 4px 0 12px 0;
		margin: 0 0 0 0;
		width: 330px;
		font-size: 0.9em;
		line-height: 1.1em;
		color: #929292;
		font-family: "BIZ UDPGothic", serif;
		font-weight: 400;
		letter-spacing: 0.5px;
	}

}