@charset "UTF-8";

/*--画像位置調整--*/
@media screen and (min-width:901px){
  #c2 + section .content_wrapper .wrapper_item {
    align-items: flex-end;
  }

  #c2 + section .content_wrapper .wrapper_item .inner_item_txt{
    margin-bottom: 3rem;
  }

  #c2_1 + section .content_wrapper .wrapper_item {
    align-items: flex-start;
  }

  #c2_1 + section .content_wrapper .wrapper_item .inner_item_txt{
    margin-top: 3rem;
  }

}


/*------------------共通------------------*/

/*--------見出し装飾なし--------*/

a[id^="hd"]+section .heading.block_header_6 .h{
	padding-bottom: 0;
}
a[id^="hd"]+section .heading.block_header_6 .h:before{
	display: none;
}

/*--------ボタン上余白--------*/

.contents_box01[class*="block_image_text_"] .inner_item_txt .contents_btn01,
.contents_box01[class*="block_text"] .inner_item_txt .contents_btn01{
	padding-top: 40px;
}

/*------------------共通記述ここまで------------------*/

/*--------CONCEPT--------*/

#hd+section .heading.block_header_6 .h{
	margin-bottom: 0;
}
#hd+section+section{
	margin-top: -35px;
	z-index: -1;
}
#hd+section+section .heading.block_header_2 .h{
	padding-left: 0;
}
#hd+section+section .heading.block_header_2 .h:before{
	display: none;
}
#hd+section+section .inner_item_txt{
	padding-left: 5%;
	padding-right: 5%;
}
@media screen and (max-width: 800px){
	#hd+section+section{
		margin-top: -30px;
	}
	#hd+section{
		padding-top: 65px;
	}
}

/*--------SERVICE--------*/

#sv+section:before,
#img+section:before{
	position: absolute;
	display: block;
	content: "";
	width: 55%;
	height: 100%;
	bottom: 0;
	left: 0;
	background: var(--i_sub2_color);
	pointer-events: none;
}
#sv+section>.content_wrapper{
	margin-right: 0;
}
#sv+section .contents_btn01{
	text-align: left;
}

/*--------SERVICE下の写真--------*/

@media screen and (min-width: 1701px){
	#img+section{
		margin-top: -80px;
		pointer-events: none;
	}
}
@media screen and (max-width: 1700px){
	#img+section{
		padding-top: 65px;
	}
}
@media screen and (max-width: 480px){
	#sv+section:before{
		width: 20%;
	}
	#img+section:before{
		width: 100%;
	}
}

/*--------RECRUIT--------*/

#re+div>.content_wrapper>div:last-of-type{
	max-width: 900px;
	margin: auto;
}
#re+div th div{
	font-weight: 500;
}
#re+div td{
	padding: 20px 10px;
}

/*--------INTRODUCTION--------*/

a[id^="ibg"]+section{
	padding-top: 200px;
	padding-bottom: 200px;
}
a[id^="ibg"]+section:before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0; 
	background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.45) 15%, transparent 85%);  
	background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.45) 15%, transparent 85%);  
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.45) 15%, transparent 85%);  
	pointer-events: none;
}
@media screen and (min-width: 481px){
	#ibg+section>.content_wrapper{
		padding-left: 5%;
	}
}
@media screen and (max-width: 800px){
	a[id^="ibg"]+section{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	a[id^="ibg"]+section:before{
		background: rgba(0, 0, 0, 0.4);
	}
}

/*--------PRICE / CLOTH PRODUCTS --------*/

a[id^="c2"]+section .heading.block_header_2 .h{
	font-size: 9rem !important;
	letter-spacing: 0rem;
	font-family: 'Playfair Display SC', serif;
	font-weight: 400;
	line-height: 1;
}
a[id^="c2"]+section .heading.block_header_2 .h,
a[id^="c2"]+section .heading.block_header_2 p{
	padding-left: 0;
}
a[id^="c2"]+section .heading.block_header_2 .h:before{
	display: none;
}
a[id^="c2"]+section .inner_item_txt{
	padding-left: 2% !important;
}
@media screen and (min-width: 481px){
	#c2+section:before,
	#c2+section:after{
		position: absolute;
		display: block;
		content: "";
		height: 1px;
		bottom: 0;
		left: 2%;
		pointer-events: none;
	}
	#c2+section:before{
		width: 46%;
		background: var(--i_border_color);
	}
	#c2+section:after{
		width: 100px;
		background: var(--i_main_color);
	}
}
@media screen and (max-width: 900px){
	#c2+section .wrapper_item{
		display: flex;
		flex-direction: column-reverse;
	}
	#c2+section .inner_item_img{
		margin-bottom: 0;
		margin-top: 60px;
	}
	#c2_1+section .inner_item_img{
		margin-bottom: 60px;
	}
}
@media screen and (max-width: 800px){
	a[id^="c2"]+section .heading.block_header_2 .h{
		font-size: 4rem !important;
	}
}

/*--------WORKS--------*/

#w+div:before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 90%;
	bottom: 0;
	left: 0;
	background: var(--i_sub2_color);
	pointer-events: none;
}
@media screen and (max-width: 800px){
	#w+div:before{
		height: 95%;
	}
}

/*--------CAMPAIGN / GREETING--------*/

#cg+div:before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 45%;
	top: 0;
	left: 0;
	background: var(--i_sub2_color);
	pointer-events: none;
}
#cg+div .wrapper_item{
	justify-content: space-around;
}
#cg+div .heading.block_header_4 p{
	font-size: 9rem;
	letter-spacing: 0rem;
	font-family: 'Playfair Display SC', serif;
	font-weight: 400;
	line-height: 1;
}
#cg+div .inner_item .heading{
	margin-bottom: -20px;
	z-index: 5;
}
#cg+div .heading.block_header_4 .h{
	font-size: 1.7rem;
	color: var(--i_txt_color);
}
#cg+div .inner_item_txt{
	margin-top: 30px;
}
#cg+div .inner_item{
	width: 38%;
}
#cg+div .inner_item > a{
	background: #fff;
}
@media screen and (min-width: 651px){
	#cg+div .inner_item:last-of-type{
		margin-top: 85px;
	}
}
@media screen and (max-width: 800px){
	#cg+div .heading.block_header_4 p{
		font-size: 4rem;
	}
	#cg+div .heading.block_header_4 .h{
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 800px){
	#cg + div .inner_item .heading{
		margin-bottom: -10px;
	}
}
@media screen and (max-width: 480px){
	#cg + div::before{
		height: 0;
	}
	#cg+div{
		padding-top: 65px;
	}
	#cg + div .inner_item:first-of-type{
		margin-bottom: 60px !important;
	}
	#cg + div .inner_item .heading{
		margin-bottom: -10px;
	}
}

/*--------voice--------*/

#voice+div{
	padding-bottom: 1px;
}
#voice+div>.content_wrapper{
	padding-bottom: 80px;
}
#voice+div>.content_wrapper:before,
#voice+div>.content_wrapper:after{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	bottom: 0;
	pointer-events: none;
}
#voice+div>.content_wrapper:before{
	right: 0;
	background: var(--i_border_color);
}
#voice+div>.content_wrapper:after{
	width: 120px;
	left: 0;
	background: var(--i_main_color);
}
#voice+div>.content_wrapper{
	display: flex;
	flex-direction: column;
}
#voice+.widget_gallery01 .wrapper_item{
	order: 1;
}
#voice+div .contents_btn01{
	order: 0;
	text-align: left;
	padding-left: 0;
	margin-bottom: 50px;
	margin-left: 0;
	margin-top: 20px !important;
}
#voice+div .contents_btn01 .content_wrapper{
	padding-left: 0;
}
#voice+.widget_gallery01.add_design1 .inner_item .heading .h{
	text-align: left;
}
@media screen and (min-width: 1301px){
	#voice+div>.content_wrapper{
		margin-right: 0;
		padding-right: 0;
	}
	#voice+.widget_gallery01.add_design1 .inner_item > a{
		padding-top: 120%;
	}
	#voice+div .inner_item{
		padding-left: 0;
	}
	#voice+.widget_gallery01 .wrapper_item{
		margin-left: 0 !important;
	}
}

/*--------BLOG--------*/

#b+div .content_wrapper li a{
	padding: 50px 0;
}
#b+div .heading + .add_text{
	margin-bottom: 60px;
}
#b+div .contents_btn01{
	padding-top: 50px;
}
@media screen and (min-width: 901px){
	#b+div .content_wrapper ul > li{
		width: 47%;
	}
}
@media screen and (max-width: 650px){
	#b+div .content_wrapper li a{
		padding: 20px 0;
	}
}

/*--------Feature--------*/

#ibg2+section .contents_btn01 .content_wrapper{
	text-align: left;
}
@media screen and (min-width: 801px){
	#ibg2+section:before{
		background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.6) 15%, transparent 85%);
		background: -o-linear-gradient(right, rgba(0, 0, 0, 0.6) 15%, transparent 85%);
		background: linear-gradient(to left, rgba(0, 0, 0, 0.6) 15%, transparent 85%);
	}
	#ibg2+section{
		padding-top: 130px;
		padding-bottom: 130px;
	}
}
@media screen and (min-width: 481px){
	#ibg2+section>.content_wrapper{
		padding-right: 5%;
		margin-right: 0;
		max-width: 800px;
	}
}

/*--------テキスト--------*/

#txt+.contents_box01 .wrapper_item{
	align-items: center;
}
#txt+.contents_box01 .inner_item_txt{
	padding-left: 5%;
	padding-right: 5%;
}
@media screen and (max-width: 1400px){
	#txt+.contents_box01 .inner_item_txt{
		padding-left: 2%;
		padding-right: 2%;
	}
}
@media screen and (max-width: 1400px) and (min-width: 901px) {
	#txt+.contents_box01 .inner_item_img img{
		height: 60vh;
		object-fit: cover;
	}
}

/*--------link--------*/

#link+div:before{
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 50%;
	bottom: 0;
	left: 0;
	background: #333;
	pointer-events: none;
}
#link+div .heading.block_header_4 .h{
	letter-spacing: 0rem;
	font-family: 'Playfair Display SC', serif;
	font-weight: 400;
	font-size: 2.5rem;
}
#link+.composite_box01.block_images_7 .inner_item_txt{
	min-height: 120px;
	background: #5a5a5a;
}
#link+.composite_box01.block_images_7 .inner_item_txt:before,
#link+.composite_box01.block_images_7 .inner_item_txt:after{
	position: absolute;
	display: block;
	content: "";
	pointer-events: none;
}
#link+.composite_box01.block_images_7 .inner_item_txt:before{
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background: var(--i_main_color);
	transform: scale(1, 0);
	transition: 0.2s ease-in-out;
	transform-origin: bottom;
}
#link+.block_images_7 .inner_item > a:hover+.inner_item_txt:before{
	transform: scale(1, 1);
}
#link+.composite_box01.block_images_7 .inner_item_txt:after{
	width: 0;
	height: 0;
	bottom: 3px;
	right: 3px;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent var(--i_bg_color) transparent;	
}
@media screen and (max-width: 480px){
	#link + .composite_box01.block_images_7 .inner_item_txt{
		min-height: 80px;
	}
	#link+div .heading.block_header_4 .h{
		font-size: 2rem !important;
	}
	#link+div:before{
		background: none;
	}
}

#mv.mv_mp4_cover .mv_mp4 video {
      object-fit: contain;
}