/*---------- teamhii-re ----------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

@media(max-width:768px){
	.pc{
		display:none !important;
	}
}
@media(min-width:769px){
	.mobile{
		display:none !important;
	}	
}


/*-----------------------------------------------*/
/*-------------------- color --------------------*/
/*-----------------------------------------------*/
:root {
	--white: #ffffff;
    --gold: #C7AE6B;
    --bg_black: #120D0C;
    --gray: #605D5B;
    --d_gray: #535251;
    --dd_gray: #2E2B2A;
    --bg_gray: #3E3D3D;
    --text_gray: #898989;
    --text_black: #110D0C;
    --bg_l_black: #212020;
    --text_gold: #C7AE6B;
    --text_white: #f8f6f4;
}


/*---------- header ----------*/
.hiire_header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color:#120d0c;
	z-index:1000;
}
.hiire_header_wrap{
	display:flex;
	justify-content:space-between;
	align-content:center;
	gap:20px;
	padding:20px 40px;
}
.hiire_header_title{
	display:flex;
	align-items:center;
		
	img{
		width:200px;
	}
}
.hiire_header_nav{
	display:flex;
	align-items:center;
	gap:24px;
	
	.link{
		display:flex;
		align-items:center;
		gap:22px;
		
		a{
			position:relative;
			padding:0 18px 0 5px;
			font-family: 'Spectral', serif;
			font-weight:300;
			font-size:16px;
			color:#ffffff;
			
			&:before{
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 1px;
				background-color: #605D5B;
			}
			&:after{
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 0;
				height: 1px;
				background-color: #ffffff;
				transition:width 0.3s ease;
			}
			span{
				&:after{
					content:'';
					position:absolute;
					top:10px;
					right:0;
					transform:rotate(45deg);
					width:8px;
					height:8px;
					border-top:1px solid #605d5b;
					border-right:1px solid #605d5b;
					transition:0.3s;
				}
				&.bottom:after{
					top:9px;
					transform:rotate(135deg);
				}
			}
			@media(min-width:768px){
				&:hover{
					&:after{
						width:100%;
					}
					span{
						&:after{
							border-color:#ffffff;
						}
					}
				}
			}
		}
	}
	.btn{
		display:flex;
		align-items:center;
		gap:12px;
		
		a{
			position:relative;
			width:144px;
			padding:16px 10px 16px 0;
			font-family: "YuMincho", "Yu Mincho", serif;
			font-size:15px;
			line-height:1;
			text-align:center;
			color:#ffffff;
			overflow:hidden;
			
			&.gold{
				background:linear-gradient(to bottom, #C7AE6B, #A27A0C);
			}
			&.gray{
				background:#605D5B;
			}
			&:before{
				content:'';
				position:absolute;
				top:0;
				left:-100%;
				width:100%;
				height:100%;
				border-top:2px solid transparent;
				border-bottom:2px solid transparent;
				border-left:2px solid transparent;
				transition:0.3s;
			}
			&:after{
				content:'';
				position:absolute;
				top:0;
				left:0%;
				width:100%;
				height:100%;
				border-right:2px solid transparent;
			}
			span{
				display:block;
				position:relative;
				
				&:after{
					content:'';
					position:absolute;
					top:50%;
					right:5px;
					transform:translateY(-50%) rotate(45deg);
					width:8px;
					height:8px;
					border-top:1px solid #ffffff;
					border-right:1px solid #ffffff;
				}
			}
			@media(min-width:768px){
				&:hover{
					&:before{
						left:0;
						border-color:#ffffff;
					}
					&:after{
						animation-name:hover_border;
						animation-duration:0.3s;
						animation-iteration-count:1;
						animation-timing-function:linear;
						border-right:2px solid #ffffff;
					}
				}
			}
		}
	}
}

@media screen and (max-width:1130px) and (min-width:769px){
	.hiire_header_wrap{
		gap:1.77vw;
		padding:1.77vw 3.54vw;
	}
	.hiire_header_title{
		img{
			width:17.699vw;
		}
	}
	.hiire_header_nav{
		gap:2.124vw;

		.link{
			gap:1.947vw;

			a{
				padding:0 1.593vw 0 0.442vw;
				font-size:1.416vw;
				white-space:nowrap;

				&:before{
					height: 0.088vw;
				}
				&:after{
					height: 0.088vw;
				}
				span{
					&:after{
						top:0.885vw;
						width:0.708vw;
						height:0.708vw;
					}
					&.bottom:after{
						top:0.796vw;
					}
				}
			}
		}
		.btn{
			gap:1.062vw;

			a{
				width:12.743vw;
				padding:1.416vw 0.885vw 1.416vw 0;
				font-size:1.327vw;

				span{

					&:after{
						right:0.442vw;
						width:0.708vw;
						height:0.708vw;
					}
				}
			}
		}
	}
}

@keyframes hover_border{
	0%, 80%{
		border-right:2px solid transparent;
	}
	100%{
		border-right:2px solid #ffffff;
	}
}


/*---------- footer ----------*/
.hiire_footer{
	padding:60px 0 35px;
	border-top:1px solid #2e2b2a;
}
.hiire_footer_wrap{
	display:flex;
	align-items:center;
	flex-direction:column;
	gap:32px;
}
.hiire_footer_logo{
	width:260px;
	
	img{
		width:100%;
	}
}
.hiire_footer_nav{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:16px 77px;
	
	.box{
		display:flex;
		align-items:center;
		gap:9px;
		
		.en{
			font-family: "Spectral", serif;
			font-weight:100;
			font-size:34px;
			letter-spacing:3px;
		}
		.ja{
			position:relative;
			padding:3px 14px 2px 6px;
			font-size:12px;
			
			&:before{
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 1px;
				background-color: #605D5B;
			}
			&:after{
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 0;
				height: 1px;
				background-color: #ffffff;
				transition:width 0.3s ease;
			}
			span{
				&:after{
					content:'';
					position:absolute;
					top:10px;
					right:0;
					transform:rotate(45deg);
					width:8px;
					height:8px;
					border-top:1px solid #605d5b;
					border-right:1px solid #605d5b;
					transition:0.3s;
				}
			}
			@media(min-width:768px){
				&:hover{
					&:after{
						width:100%;
					}
					span{
						&:after{
							border-color:#ffffff;
						}
					}
				}
			}
		}
	}
}
.hiire_footer_btn{
	display:flex;
	align-items:center;
	gap:24px;
	
	a{
		position:relative;
		width:144px;
		padding:16px 10px 16px 0;
		font-family: "Spectral", serif;
		font-size:15px;
		font-weight:300;
		text-align:center;
		color:#ffffff;
		background:#605D5B;
		overflow:hidden;

		&:before{
			content:'';
			position:absolute;
			top:0;
			left:-100%;
			width:100%;
			height:100%;
			border-top:2px solid transparent;
			border-bottom:2px solid transparent;
			border-left:2px solid transparent;
			transition:0.3s;
		}
		&:after{
			content:'';
			position:absolute;
			top:0;
			left:0%;
			width:100%;
			height:100%;
			border-right:2px solid transparent;
		}
		span{
			display:block;
			position:relative;

			&:after{
				content:'';
				position:absolute;
				top:50%;
				right:5px;
				transform:translateY(-50%) rotate(45deg);
				width:8px;
				height:8px;
				border-top:1px solid #ffffff;
				border-right:1px solid #ffffff;
			}
		}
		@media(min-width:768px){
			&:hover{
				&:before{
					left:0;
					border-color:#ffffff;
				}
				&:after{
					animation-name:hover_border;
					animation-duration:0.3s;
					animation-iteration-count:1;
					animation-timing-function:linear;
					border-right:2px solid #ffffff;
				}
			}
		}
	}
}


/*---------- common ----------*/
.hiire_wrap{
	max-width:764px;
	margin:0 auto;
	padding:100px 0 120px;
}

#wpmem_login, #wpmem_reg{
	width:auto !important;
}
#wpmem_login fieldset, #wpmem_reg fieldset{
	margin:0;
}


/*---------- 会員登録 ----------*/
.hiire_form_title{
	margin-bottom:57px;
	text-align:center;
	
	h1{
		font-family: 'Spectral', serif;
		font-weight:100;
		font-size:60px;
		letter-spacing:8px;
		color:#ffffff;
	}
	p{
		font-family: 'YuMincho', 'Yu Mincho', serif;
		font-size:18px;
		color:#ffffff;
	}
}
.hiire_form_container{
	border:none;
}
.hiire_form_header{
	.flow{
		display:flex;
		justify-content:center;
		align-items:center;
		gap:48px;
		margin-bottom:77px;
		
		p{
			font-family: 'YuMincho', 'Yu Mincho', serif;
			font-size:20px;
			letter-spacing:3.5px;
			color:#6a6a6a;
			border-bottom:1px solid #6a6a6a;
			
			&.active{
				color:#f8f6f4;
				border-bottom:1px solid #f8f6f4;
			}
		}
		span{
			width:8px;
			height:8px;
			transform:rotate(45deg);
			border-top:1px solid #b79d57;
			border-right:1px solid #b79d57;
		}
	}
	> p{
		font-size:16px;
		text-align:center;
		color:#ffffff;
	}
}
.hiire_form_body{
	margin-top:62px;
	border-top:1px solid #a09d99;
	
	dl{
		margin-top:35px;
		
		dt{
			display:flex;
			align-items:center;
			gap:22px;
			margin-bottom:10px;
			font-size:14px;
			color:#ffffff;
			
			> span{
				display:block;
				padding:2px 3px;
				font-size:12px;
				line-height:1;
				color:#212020;
				background-color:#b79d57;
			}
			.kome{
				line-height:1.2;
				
				span{
					font-family: "Arial";
					font-weight:100;
					font-size:12px;	
				}
			}
		}
		dd{
			p.error{
				color:#ff0000;
			}
			.flex{
				display:grid;
				grid-template-columns:repeat(2, 1fr);
				gap:32px;
			}
			.radio{
				display:flex;
				align-items:center;
				gap:36px;
				padding:8px 0 11px;
				border-bottom:1px solid #a09d99;
				
				label{
					display:flex;
					align-items:center;
					gap:8px;
					font-size:16px;
					cursor:auto;
					
					input[type="radio"]{
						display:none;
					}
					span{
						position:relative;
						width:16px;
						height:16px;
						border:1px solid #a09d99;
						
						&.active:before{
							content:'';
							position:absolute;
							top:2px;
							left:5px;
							transform:rotate(45deg);
							width:4px;
							height:8px;
							border-bottom:1px solid #ffffff;
							border-right:1px solid #ffffff;
						}
					}
				}
			}
			input[type="text"], input[type="email"], input[type="password"]{
				width:100%;
				padding:8px 0;
				border-bottom:1px solid #a09d99;
				outline:none;
			}
			p.error{
				color:#ff0000;
			}
			> span{
				display:block;
				padding:8px 0 11px;
				border-bottom:1px solid #a09d99;
			}
		}
	}
	.notes{
		position:relative;
		margin-top:22px;
		padding-left:15px;
		font-size:12px;
		color:#f8f6f4;
		
		&:before{
			content:'※';
			position:absolute;
			top:0;
			left:0;
		}
	}
	.content_box_note{
		position:relative;
		margin-top:24px;
		font-size:12px;
		color: var(--text_white);
		line-height: 24px;

		.star_list{
			list-style: none;

			li {
				position: relative;
				padding-left: 15px;
				margin-bottom: 3px;

				&::before {
					content: "※";
					position: absolute;
					left: 0;
					top: 0; 
				}
			}
			  
		}
	}
}
.hiire_form_footer{
	display:flex;
	justify-content:center;
	gap:48px;
	margin-top:80px;
	
	button{
		position:relative;
		width:200px;
		padding:16px 0;
		font-family: 'YuMincho', 'Yu Mincho', serif;
		font-size:14px;
		text-align:center;
		color:#ffffff;
		overflow:hidden;
		
		&.gold{
			background-color:#967929;
		}
		&.gray{
			background-color:#707070;
		}
		&:before{
			content:'';
			position:absolute;
			top:0;
			left:-100%;
			width:100%;
			height:100%;
			border-top:2px solid transparent;
			border-bottom:2px solid transparent;
			border-left:2px solid transparent;
			transition:0.3s;
		}
		&:after{
			content:'';
			position:absolute;
			top:0;
			left:0%;
			width:100%;
			height:100%;
			border-right:2px solid transparent;
		}
/* 		span{
			display:block;
			position:relative;

			&:after{
				content:'';
				position:absolute;
				top:50%;
				right:5px;
				transform:translateY(-50%) rotate(45deg);
				width:8px;
				height:8px;
				border-top:1px solid #ffffff;
				border-right:1px solid #ffffff;
			}
		} */
		@media(min-width:768px){
			&:hover{
				&:before{
					left:0;
					border-color:#ffffff;
				}
				&:after{
					animation-name:hover_border;
					animation-duration:0.3s;
					animation-iteration-count:1;
					animation-timing-function:linear;
					border-right:2px solid #ffffff;
				}
			}
		}
	}
}
#wpmem_msg, .wpmem_msg{
	width:auto !important;
	margin:50px 0 0 !important;
	background:none !important;
}
#wpmem_reg{
	display:none;
}

.hiire_form_thanks{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:68px 0 126px;
	border-top:1px solid #a09d99;
	border-bottom:1px solid #a09d99;
	
	img{
		max-width:300px;
		margin-bottom:58px;
	}
	p{
		margin-bottom:38px;
		font-size:16px;
		text-align:center;
		color:#ffffff;
	}
	.notes{
		font-size:10px;
		letter-spacing:0;
		color:#7b7876;
	}
	a{
		position:relative;
		width:200px;
		padding:16px 0;
		font-family: 'YuMincho', 'Yu Mincho', serif;
		font-size:14px;
		text-align:center;
		color:#ffffff;
		background-color:#605d5b;
		overflow:hidden;
		
		&:before{
			content:'';
			position:absolute;
			top:0;
			left:-100%;
			width:100%;
			height:100%;
			border-top:2px solid transparent;
			border-bottom:2px solid transparent;
			border-left:2px solid transparent;
			transition:0.3s;
		}
		&:after{
			content:'';
			position:absolute;
			top:0;
			left:0%;
			width:100%;
			height:100%;
			border-right:2px solid transparent;
		}
		span{
			display:block;
			position:relative;

			&:after{
				content:'';
				position:absolute;
				top:50%;
				right:15px;
				transform:translateY(-50%) rotate(45deg);
				width:8px;
				height:8px;
				border-top:1px solid #ffffff;
				border-right:1px solid #ffffff;
			}
		}
		@media(min-width:768px){
			&:hover{
				&:before{
					left:0;
					border-color:#ffffff;
				}
				&:after{
					animation-name:hover_border;
					animation-duration:0.3s;
					animation-iteration-count:1;
					animation-timing-function:linear;
					border-right:2px solid #ffffff;
				}
			}
		}
	}
}


/*---------- ログイン ----------*/
.hiire_login_title{
	margin-bottom:42px;
	text-align:center;
	
	img{
		max-width:380px;
		margin-bottom:26px;
	}
	h1{
		padding-top:36px;
		font-family: 'Spectral', serif;/*200, 300, 400, 500*/
		font-weight:100;
		font-size:48px;
		letter-spacing:3px;
		line-height:1.5;
		color:#ffffff;
		border-top:1px solid #a09d99;
	}
	p{
		font-family: 'YuMincho', 'Yu Mincho', serif;
		font-size:18px;
		color:#ffffff;
	}
}
.hiire_login_container{
	.msg_area{
		margin-bottom:50px;
		padding:10px;
		font-size:16px;
		text-align:center;
		color:#ffffff;
		border:1px solid #ffffff;
	}
	dl{
		margin-top:21px;
		
		dt{
			margin-bottom:10px;
			font-family: 'YuMincho', 'Yu Mincho', serif;
			font-size:18px;
			color:#f8f6f4;
		}
		dd{
			input{
				width:100%;
				padding:10px;
				border:1px solid #f8f6f4;
				border-radius:0;
			}
		}
		&:first-child{
			margin:0;
		}
	}
	.link{
		display:flex;
		justify-content:center;
		gap:35px;
		margin-top:64px;
		
		input, button{
			position:relative;
			width:200px;
			padding:16px 0;
			font-family: 'YuMincho', 'Yu Mincho', serif;
			font-size:14px;
			text-align:center;
			color:#ffffff;
			background-color:#605d5b;
			overflow:hidden;

			&:before{
				content:'';
				position:absolute;
				top:0;
				left:-100%;
				width:100%;
				height:100%;
				border-top:2px solid transparent;
				border-bottom:2px solid transparent;
				border-left:2px solid transparent;
				transition:0.3s;
			}
			&:after{
				content:'';
				position:absolute;
				top:0;
				left:0%;
				width:100%;
				height:100%;
				border-right:2px solid transparent;
			}
			span{
				display:block;
				position:relative;

				&:after{
					content:'';
					position:absolute;
					top:50%;
					right:15px;
					transform:translateY(-50%) rotate(45deg);
					width:8px;
					height:8px;
					border-top:1px solid #ffffff;
					border-right:1px solid #ffffff;
				}
			}
			@media(min-width:768px){
				&:hover{
					&:before{
						left:0;
						border-color:#ffffff;
					}
					&:after{
						animation-name:hover_border;
						animation-duration:0.3s;
						animation-iteration-count:1;
						animation-timing-function:linear;
						border-right:2px solid #ffffff;
					}
				}
			}
		}
		a{
			position:relative;
			width:200px;
			padding:16px 0;
			font-family: 'YuMincho', 'Yu Mincho', serif;
			font-size:14px;
			text-align:center;
			color:#ffffff;
			background:linear-gradient(to bottom, #C7AE6B, #A27A0C);
			overflow:hidden;

			&:before{
				content:'';
				position:absolute;
				top:0;
				left:-100%;
				width:100%;
				height:100%;
				border-top:2px solid transparent;
				border-bottom:2px solid transparent;
				border-left:2px solid transparent;
				transition:0.3s;
			}
			&:after{
				content:'';
				position:absolute;
				top:0;
				left:0%;
				width:100%;
				height:100%;
				border-right:2px solid transparent;
			}
			span{
				display:block;
				position:relative;

				&:after{
					content:'';
					position:absolute;
					top:50%;
					right:15px;
					transform:translateY(-50%) rotate(45deg);
					width:8px;
					height:8px;
					border-top:1px solid #ffffff;
					border-right:1px solid #ffffff;
				}
			}
			@media(min-width:768px){
				&:hover{
					&:before{
						left:0;
						border-color:#ffffff;
					}
					&:after{
						animation-name:hover_border;
						animation-duration:0.3s;
						animation-iteration-count:1;
						animation-timing-function:linear;
						border-right:2px solid #ffffff;
					}
				}
			}
		}
	}
	.reset{
		/* margin-top:34px; */
		text-align:center;
		
		a{
			font-size:12px;
			
			span{
				text-decoration:underline;
			}
		}
	}
}


/*---------- マイページ ----------*/
.hiire_mypage_wrap{
	max-width:1120px;
	margin:80px auto 0;
	padding:89px 40px 120px;
	box-sizing:inherit;
}
.hiire_mypage_title{
	margin-bottom:114px;
	
	h1{
		font-family:'Spectral', serif;/*200, 300, 400, 500*/
		font-weight:100;
		font-size:60px;
		line-height:1.3;
		letter-spacing:10px;
	}
	p{
		position:relative;
		padding-left:88px;
		font-family: 'YuMincho', 'Yu Mincho', serif;
		font-size:18px;
		
		&:before{
			content:'';
			position:absolute;
			top:50%;
			left:0;
			transform:translateY(-50%);
			width:60px;
			height:1px;
			background-color:#f8f6f4;
		}
	}
}
.hiire_mypage_container{
	max-width:820px;
	margin:0 auto;
	
	.msg_area{
		margin-bottom:50px;
		padding:10px;
		font-size:16px;
		text-align:center;
		color:#ffffff;
		border:1px solid #ffffff;
	}
	dl{
		display:grid;
		grid-template-columns:30% 1fr;
		align-items:center;
		gap:20px;
		padding:33px 0;
		border-bottom:1px solid #f8f6f4;
		
		&:first-child{
			padding-top:0;
		}
		dt{
			display:flex;
			align-items:center;
			gap:22px;
			font-weight:normal;
			font-size:14px;
			color:#ffffff;
			
			> span{
				display:block;
				padding:2px 3px;
				font-size:12px;
				line-height:1;
				color:#212020;
				background-color:#b79d57;
			}
			.kome{
				line-height:1.2;
				
				span{
					font-family: "Arial";
					font-weight:100;
					font-size:12px;	
				}
			}
		}
		dd{
			font-size:14px;
			
			.flex{
				display:grid;
				grid-template-columns:repeat(2, 1fr);
				gap:20px;
			}
			input[type="text"], input[type="email"], input[type="password"]{
				width:100%;
				padding:5px 10px;
				border:1px solid #f8f6f4;
				outline:none;
			}
			.radio{
				display:flex;
				align-items:center;
				gap:40px;
				
				label{
					display:flex;
					align-items:center;
					gap:4px;
					cursor:auto;
					
					input[type="radio"]{
						display:none;
					}
					span{
						position:relative;
						width:16px;
						height:16px;
						border:1px solid #a09d99;
						
						&.active:before{
							content:'';
							position:absolute;
							top:2px;
							left:5px;
							transform:rotate(45deg);
							width:4px;
							height:8px;
							border-bottom:1px solid #ffffff;
							border-right:1px solid #ffffff;
						}
					}
				}
			}
			p.error{
				color:#ff0000;
			}
		}
	}
	.notes{
		position:relative;
		margin-top:45px;
		padding-left:15px;
		font-size:14px
		color:#f8f6f4;
		
		&:before{
			content:'※';
			position:absolute;
			top:0;
			left:0;
		}
	}
	.btn{
		display:flex;
		justify-content:center;
		gap:48px;
		margin-top:128px;
		
		button{
			position:relative;
			width:200px;
			padding:16px 0;
			font-size:14px;
			text-align:center;
			color:#ffffff;
			overflow:hidden;

			&.gold{
				background-color:#967929;
			}
			&.gray{
				background-color:#707070;
			}
			&:before{
				content:'';
				position:absolute;
				top:0;
				left:-100%;
				width:100%;
				height:100%;
				border-top:2px solid transparent;
				border-bottom:2px solid transparent;
				border-left:2px solid transparent;
				transition:0.3s;
			}
			&:after{
				content:'';
				position:absolute;
				top:0;
				left:0%;
				width:100%;
				height:100%;
				border-right:2px solid transparent;
			}
			span{
				display:block;
				position:relative;

				&:after{
					content:'';
					position:absolute;
					top:50%;
					right:15px;
					transform:translateY(-50%) rotate(45deg);
					width:8px;
					height:8px;
					border-top:1px solid #ffffff;
					border-right:1px solid #ffffff;
				}
			}
			@media(min-width:768px){
				&:hover{
					&:before{
						left:0;
						border-color:#ffffff;
					}
					&:after{
						animation-name:hover_border;
						animation-duration:0.3s;
						animation-iteration-count:1;
						animation-timing-function:linear;
						border-right:2px solid #ffffff;
					}
				}
			}
		}
	}
}


/*-------------------- home --------------------*/
.kv_section{
	background-image: url("/app/wp-content/themes/ichimon/assets/img/teamhiire/top_kv_bg_img.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding: 0 24px;
	position: relative;

	.kv_container{
		padding: 351px 0 133px;

		.kv_content{
			text-align: center;
			color: var(--white);

			.note{
				margin-bottom:25px;
				color: var(--gold);
				font-family: 'YuMincho', 'Yu Mincho', serif;
				font-size: 25px;
			}
			.kv_title{
				position: relative;
				margin-bottom: 97px;

				img{
					height: 66px;
				}
				h1{
					position: absolute;
					color:#000000;
					z-index: -1;
				}
			}
			.kv_detail{
				font-family: 'YuMincho', 'Yu Mincho', serif;
				font-size: 16px;
				line-height: 32px;
			}
		}
	}
}
.kv_section::after{
	content: "";
	height: 135px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(18,13,12,0) 0%, #0b0807 100%);
	pointer-events: none;

}
.top_section{

	.top_container{

		.top_content{

			.title{
				margin-bottom: 74px;

				h2{
					font-family: "Spectral", serif;
					font-weight:100;
					font-size: 60px;
					letter-spacing:4px;
					line-height:1.5;
				}
				.note{
					font-family: 'YuMincho', 'Yu Mincho', serif;
					font-size: 18px;
					color: var(--gold);
				}
			}
		}
	}
}
.top_section_1{
	background-color: var(--bg_black);
	background-image: url("/app/wp-content/themes/ichimon/assets/img/teamhiire/top_bg_img_1.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	padding: 0 24px;
	position:relative;

	.top_container{
		padding: 120px 0 29px;
		position: relative;
        z-index: 20;

		.top_content{
			text-align: center;
			color: var(--white);

			.detail{
				font-size: 16px;
				line-height: 32px;
				margin-bottom: 98px;

				.text_box{
					
					p{
						margin-bottom: 32px;
						font-family: 'YuMincho', 'Yu Mincho', serif;
					}
				}
			}
		}
	}
	&::after {
		content: "";
		height: 135px;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: linear-gradient(to bottom, rgba(18, 13, 12, 0) 0%, #120d0c 100%);
		pointer-events: none;
		z-index: 10;
	}
}
.top_link_button{
	width: 100%;
	display: flex;
	justify-content: center;

	a{
		position:relative;
		width:300px;
		padding:16px 10px 16px 0;
		font-family: 'YuMincho', 'Yu Mincho', serif;
		font-size:20px;
		text-align:center;
		color:#ffffff;
		background:linear-gradient(to bottom, #C7AE6B, #A27A0C);
		overflow:hidden;

		&:before{
			content:'';
			position:absolute;
			top:0;
			left:-100%;
			width:100%;
			height:100%;
			border-top:2px solid transparent;
			border-bottom:2px solid transparent;
			border-left:2px solid transparent;
			transition:0.3s;
		}
		&:after{
			content:'';
			position:absolute;
			top:0;
			left:0%;
			width:100%;
			height:100%;
			border-right:2px solid transparent;
		}
		span{
			display:block;
			position:relative;

			&:after{
				content:'';
				position:absolute;
				top:50%;
				right:5px;
				transform:translateY(-50%) rotate(45deg);
				width:8px;
				height:8px;
				border-top:1px solid #ffffff;
				border-right:1px solid #ffffff;
			}
		}
		@media(min-width:768px){
			&:hover{
				&:before{
					left:0;
					border-color:#ffffff;
				}
				&:after{
					animation-name:hover_border;
					animation-duration:0.3s;
					animation-iteration-count:1;
					animation-timing-function:linear;
					border-right:2px solid #ffffff;
				}
			}
		}
	}
/* 	a{
		display: flex;
		align-items: center;
        justify-content: center;
		height: 69px;
		width: 299px;
		background: linear-gradient(175deg, #C7AE6B, #A27A0C);
		font-size: 20px;
		position: relative;
		box-sizing: border-box;
	}
	a::before{
		content: "";
		background-image: url("/app/wp-content/themes/ichimon/assets/img/teamhiire/link_button_ringht_arrow_ing.png");
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		width: 5px;
		height: 10px;
		top: 50%;
		transform: translateY(-50%);
		right: 15px;
	}
	a:hover{
		border: 2px solid var(--white);
	} */
}
.top_section_2{
	background-color: var(--bg_black);
	padding: 0 24px;

	.top_container{
		padding-top: 91px;
		max-width: 1280px;
		margin: 0 auto;

		.top_content{
			text-align: center;
			color: var(--white);

			.title{
				margin-bottom: 77px;
			}
			.detail{

				.img_text_box{
					display: flex;
					margin-bottom: 40px;

					.img_box{
						width: 50%;
					}
					.text_box{
						width: 50%;
						text-align: start;
						box-sizing: border-box;

						.text_box_title{
							margin-bottom: 50px;

							h3{
								font-family: 'YuMincho', 'Yu Mincho', serif;
								font-size: 50px;
								color: var(--gold);
								line-height: 70px;
							}
						}
						.text_box_detail{
							font-family: 'YuMincho', 'Yu Mincho', serif;
							font-size: 16px;
							line-height: 32px;
						}
					}
					@media screen and (max-width:1240px) and (min-width:769px){
						.text_box{
							.text_box_title{
								margin-bottom: 4.032vw;

								h3{
									font-size: 4.032vw;
									line-height: 5.645vw;
									white-space:nowrap;
								}
							}
							.text_box_detail{
								font-size: 1.29vw;
								line-height: 2.581vw;
							}
						}
					}
				}
				.img_text_box:last-child{
					margin-bottom: 0;
				}
				.img_left{
					.text_box{
						background: linear-gradient(to right, #2A2A2A 0%, #060606 100%);
						padding: 68px 20px 60px 60px;
					}
					@media screen and (max-width:1240px) and (min-width:769px){
						.text_box{
							padding: 5.484vw 1.613vw 4.839vw 4.839vw;
						}
					}
					.img_box{
						position: relative;
						
						img{
							width:100%;
							height:100%;
							object-fit:cover;
						}
					}
					.img_box::before{
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						height: 100%;
						width: 150px;
						background: linear-gradient(to left, rgba(18, 13, 12, 0) 0%, #060606 100%);
					}
				}
				.img_right{
					.text_box{
						background: linear-gradient(to left, #2A2A2A 0%, #060606 100%);
						padding: 68px 20px 60px 20px;
					}
					@media screen and (max-width:1240px) and (min-width:769px){
						.text_box{
							padding: 5.484vw 1.613vw 4.839vw 1.613vw;
						}
					}
					.img_box{
						position: relative;
						
						img{
							width:100%;
							height:100%;
							object-fit:cover;
						}
					}
					.img_box::before{
						content: "";
						position: absolute;
						right: 0;
						top: 0;
						height: 100%;
						width: 150px;
						background: linear-gradient(to right, rgba(18, 13, 12, 0) 0%, #060606 100%);
					}
				}
			}
		}
	}
}
.top_section_3{
	background-color: var(--bg_black);
	padding: 0 24px;

	.top_container{
		padding: 120px 0 144px;
		max-width: 1280px;
		margin: 0 auto;

		.top_content{
			text-align: center;
			color: var(--white);

			.title{
				margin-bottom: 84px;
			}
			.detail{
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				justify-content: space-between;
				gap: 60px;
				padding: 0 30px;

				.blog_content{
					.blog_img{
						height:206px;
						overflow:hidden;
						
						img{
							width:100%;
							height:100%;
							object-fit:cover;
							transition:0.3s;
						}
					}
					.blog_detail{
						text-align: start;
						padding-top: 14px;
						font-size: 16px;
						line-height: 26px;
						margin-bottom: 50px;
						transition:0.3s;

						.blog_note{
							display: flex;
							align-items:center;
							flex-wrap:wrap;
							gap: 5px 15px;
							margin-bottom: 16px;
							font-size: 12px;

							.blog_time{
								
							}
							.blog_tag{
								display:flex;
								justify-content:center;
								align-items:center;
								width: 100px;
								height: 21px;
								border: 1px solid #707070;
								border-radius: 15px;
                                line-height:1;
							}
							.blog_lock{
								display:flex;
								justify-content:center;
								align-items:center;
								position: relative;
								width:100px;
								height: 21px;
								padding-left:15px;
								border: 1px solid #707070;
								border-radius: 15px;
                                line-height:1;
							}
							.blog_lock::before{
								content: "";
								position: absolute;
								background-image: url("/app/wp-content/themes/ichimon/assets/img/teamhiire/lock_icon.png");
								background-repeat: no-repeat;
								background-size: contain;
								width: 21px;
                                height: 21px;
                                left: -1px;
								top: -1px;
							}
						}
						.blog_title{
							h3{
								font-family: "Noto Serif JP", serif;
								font-size:16px;
							}
						}
					}
					&:hover {
						.blog_img{
							img{
								transform:scale(1.1);
							}
						}
						.blog_detail {
							opacity: 0.5;
							transition: opacity 0.3s ease;
						}
					}
				}
			}
			.view_more_link{
				font-size: 14px;
				width: 100%;
				text-align: end;

				a{
					position:relative;
					padding:0 15px 10px 2px;
					position: relative;
					font-size:14px;
					letter-spacing:0;

					&:before{
						content: "";
						position: absolute;
						bottom: 0;
						left: 0;
						width: 100%;
						height: 1px;
						background-color: #605D5B;
					}
					&:after{
						content: "";
						position: absolute;
						bottom: 0;
						left: 0;
						width: 0;
						height: 1px;
						background-color: #ffffff;
						transition:width 0.3s ease;
					}
					span{
						&:after{
							content:'';
							position:absolute;
							top:4px;
							right:0;
							transform:rotate(45deg);
							width:8px;
							height:8px;
							border-top:1px solid #605d5b;
							border-right:1px solid #605d5b;
							transition:0.3s;
						}
					}
					@media(min-width:768px){
						&:hover{
							&:after{
								width:100%;
							}
							span{
								&:after{
									border-color:#ffffff;
								}
							}
						}
					}
				}
			}
		}
	}
}
.top_section_4{
	background-image: url("/app/wp-content/themes/ichimon/assets/img/teamhiire/top_bg_img_4.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding: 0 24px;
	position: relative;

	.top_container{
		padding: 72px 0 272px;

		.top_content{
			text-align: center;
			color: var(--white);

			.gold_title{

				h2{
					font-family: 'YuMincho', 'Yu Mincho', serif;
					font-size: 40px;
					color: var(--gold);
					margin-bottom: 69px;
				}
			}
			.detail{
				margin-bottom: 73px;

				.list_text_box{
					max-width: 700px;
					margin: 0 auto;
					text-align: start;

					p{
						font-family: 'YuMincho', 'Yu Mincho', serif;
						font-size: 22px;
						margin-bottom: 34px;
						border-bottom: 1px solid var(--gold);
						display: inline-block;
					}
				}
			}
			
		}
	}
}
.top_section_5{
	background-color: var(--bg_black);
	padding: 0 24px;

	.top_container{
		padding: 120px 0 160px;
		max-width: 1120px;
		margin: 0 auto;

		.top_content{
			text-align: center;
			color: var(--white);

			.title{
				margin-bottom: 54px;
			}
			.detail{
				font-size: 16px;
				line-height: 32px;

				.detail_text{
					margin-bottom: 58px;
					font-family: 'YuMincho', 'Yu Mincho', serif;
				}
				.content_box{
					padding: 54px 0 60px;
					border-top: 1px solid var(--d_gray);
					border-bottom: 1px solid var(--d_gray);

					h3{
						font-family: 'YuMincho', 'Yu Mincho', serif;
						font-size: 30px;
					}
					.content_box_style{
						margin-top: 36px;
						display: flex;
						justify-content: center;
						align-items: stretch;
						gap: 60px;
						position: relative;

						.box_style{
							max-width: 285px;
							height: 197px;
							flex: 1;
							background: var(--bg_gray);
							padding: 16px 10px;
							position: relative;
							letter-spacing:0;
							text-align: center;
							box-sizing: border-box;

							.top_text{
								font-size: 12px;
								font-weight:500;
								color: var(--gold);
								line-height: 30px;
								display: inline-block;
								margin-bottom: 20px;
								font-family: 'Spectral', serif;

								span{
									font-size: 40px;
									display: inline-block;
									margin-top: -5px;
								}
							}
							.bottom_text_mb{
								margin-bottom: 0 !important;
							}
							.bottom_text{
								font-family: 'YuMincho', 'Yu Mincho', serif;
								font-size: 16px;
								line-height: 28px;

								.below_line{
									font-feature-settings: "palt";
									text-decoration: underline;
								}
								.below_line:hover{
									opacity: 0.6;
								}
								.below_text{
									opacity: 0.6;
									font-size: 12px;
									font-family: 'YuGothic', 'Yu Gothic', sans-serif;
									line-height: 18px;
									margin-top: 13px;
									letter-spacing: -1px;
								}
							}
						}
						.box_style:not(:last-child)::after {
							content: "";
							background-image: url("/app/wp-content/themes/ichimon/assets/img/teamhiire/right_gold_arrow_img.png");
							background-repeat: no-repeat;
							background-size: contain;
							height: 24px;
							width: 12px;
							position: absolute;
							right: -13%;
							top: 50%;
							transform: translateY(-50%);
							font-size: 24px;
							color: var(--gold);
						}
/* 						@media (min-width: 1120px) {
							.box_style:not(:last-child)::after {
							  right: -57px;
							}
						} */
/* 						@media (max-width: 1120px) {
							.box_style:not(:last-child)::after {
								right: calc((100vw - 100% * 3) / 4.5 * -1);
							}
						} */
					}
					&:last-child{
						border-top: unset;
					}
					.content_box_note{
						margin-top: 20px;
                        text-align: center;
                        font-size: 13px;
                        letter-spacing: 0.13px;
                        color: var(--text_gray);
                        line-height: 20px;

						.star_list{
							list-style: none;
                            padding: 0;
                            max-width: 920px;
                            margin: 0 auto;
                            text-align: left;

							li {
								position: relative;
                                padding-left: 15px;

								&::before {
									content: "※";
									position: absolute;
									left: 0;
									top: 0; 
								}
							}
							  
						}
					}
					@media screen and (max-width:1020px) and (min-width:769px){
						.content_box_style{
							margin-top: 3.529vw;
							gap: 5.882vw;

							.box_style{
								max-width: 27.941vw;
								height: 19.314vw;
								padding: 1.569vw 0.98vw;

								.top_text{
									font-size: 1.176vw;
									line-height: 2.941vw;
									margin-bottom: 1.961vw;

									span{
										font-size: 3.922vw;
										margin-top: -0.49vw;
									}
								}
								.bottom_text{
									font-size: 1.569vw;
									line-height: 2.745vw;

									.below_text{
										font-size: 1.176vw;
										line-height: 1.765vw;
										margin-top: 1.275vw;
										letter-spacing: -0.098vw;
									}
								}
							}
							.box_style:not(:last-child)::after {
								height: 2.353vw;
								width: 1.176vw;
								font-size: 2.353vw;
							}
						}
					}
				}
			}
		}
	}
}

/* --------------------------------------------------
	partner
-------------------------------------------------- */

.partner {
    padding-bottom: 0;
    height: 280px;
	position: relative;
	margin-top: -192px;
}

.partner__bg {
    position: absolute;
	top: 0;
    left: 0;
    width: 100%;
	height: 100%;
    overflow: hidden;
}

.partner__bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(18, 16, 16, 0.4), rgba(18, 16, 16, 0));
}

.partner__bg .list li {
	padding-right: 20px;
}

.partner__bg .slick-slider img {
    max-width: 453px;
}

.partner-cols {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 280px;
    width: 360px;
    padding: 160px 0;
}

.partner__title {
    margin-bottom: 32px;
}

.partner__list li+li {
    margin-top: 24px;
}

@media screen and (min-width: 1377px) {}

@media screen and (min-width: 769px) {    

}

@media screen and (max-width: 768px) {
	.partner {
		margin-top: -156px;
		height: 203px;
    }

    .partner-cols {
        width: 100%;
        /*height: calc(100vw / 750 * 1280);
		padding: calc(100vw / 750 * 160) 0;*/
        height: 203px;
        padding: 80px 0;
    }
	.partner__bg .list li {
		padding-right: 10px;
	}
	.partner__bg .slick-slider img {
		max-width: 157px;
	}
}

/*-------------------- side page --------------------*/
.side_page{
	background: var(--bg_black);
	color: var(--white);

	.side_page_title{
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 24px;

		.title_box{
			padding: 194px 0 118px;
		}
		.title{
			font-family: "Spectral", serif;
			font-size: 60px;
			font-weight: 100;
			letter-spacing:10px;
		}
		.title_note{
			font-family: 'YuMincho', 'Yu Mincho', serif;
			font-size: 18px;
			padding-left: 86px;
			position: relative;

			&::before{
				content: "";
				position: absolute;
				top: 50%;
				left: 0;
				transform: translateY(-50%);
				height: 1px;
				width: 60px;
				background: var(--white);
			}
		}
	}
	.side_page_contents{
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 24px;
		margin-bottom: 120px;
	}
	.view_more_link{
		text-align: center;

		a{
			position:relative;
			padding:0 15px 10px 2px;
			position: relative;
			font-size:14px;
			letter-spacing:0;

			&:before{
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 1px;
				background-color: #605D5B;
			}
			&:after{
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 0;
				height: 1px;
				background-color: #ffffff;
				transition:width 0.3s ease;
			}
			span{
				&:after{
					content:'';
					position:absolute;
					top:4px;
					right:0;
					transform:rotate(45deg);
					width:8px;
					height:8px;
					border-top:1px solid #605d5b;
					border-right:1px solid #605d5b;
					transition:0.3s;
				}
			}
			@media(min-width:768px){
				&:hover{
					&:after{
						width:100%;
					}
					span{
						&:after{
							border-color:#ffffff;
						}
					}
				}
			}
		}
	}
}

/*-------------------- our projects --------------------*/
.topic_style{

	.topic_cat{
		font-size: 16px;
		margin-bottom: 46px;

		.title{
			font-family: 'YuMincho', 'Yu Mincho', serif;
		}
		.tag_box{
			margin-top: 11px;
			display: flex;
            gap: 12px;
            flex-wrap: wrap;

			.tag_tyle{
				padding: 9px 10px;
				border: 1px solid var(--gray);
				display: inline-block;
				line-height:1;
				box-sizing: border-box;
			}
			.active{
				border: unset;
				background: var(--white);
				color: var(--text_black);
			}
		}
	}
	.detail{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		justify-content: space-between;
		gap: 48px 30px;
		margin-bottom: 80px;

		.blog_content{

			.blog_img{
				height: 233px;
				overflow:hidden;

				img{
					height: 100%;
					width: 100%;
					object-fit: cover;
					transition:0.3s;
				}
			}
			.blog_detail{
				text-align: start;
				padding-top: 14px;
				font-size: 16px;
				line-height: 26px;

				.blog_note{
					display: flex;
					flex-wrap:wrap;
					gap: 5px 15px;
					margin-bottom: 14px;
					font-size: 12px;

					.blog_time{

					}
					.blog_tag{
						display:flex;
						justify-content:center;
						align-items:center;
						width: 100px;
						height: 21px;
						border: 1px solid #707070;
						border-radius: 15px;
						line-height:1;
					}
					.blog_lock{
						display:flex;
						justify-content:center;
						align-items:center;
						position: relative;
						width:100px;
						height: 21px;
						padding-left:15px;
						border: 1px solid #707070;
						border-radius: 15px;
						line-height:1;
					}
					.blog_lock::before{
						content: "";
						position: absolute;
						background-image: url("/app/wp-content/themes/ichimon/assets/img/teamhiire/lock_icon.png");
						background-repeat: no-repeat;
						background-size: contain;
						width: 21px;
						height: 21px;
						left: -1px;
						top: -1px;
					}
				}
				.blog_title{
					h3{
/* 						font-family: 'YuMincho', 'Yu Mincho', serif; */
						font-family: "Noto Serif JP", serif;
					}
				}
			}
			&:hover {
				.blog_img{
					img{
						transform:scale(1.1);
					}
				}
				.blog_detail {
					opacity: 0.5;
					transition: opacity 0.3s ease;
				}
			}
		}
	}
}

/*-------------------- projects detail --------------------*/
.topic_detail_style{
	max-width: 820px;
	margin: 0 auto;
	margin-bottom: 80px;
	
	.blog_note{
		display: flex;
		gap: 15px;
		margin-bottom: 30px;
		font-size: 12px;

		.blog_time{

		}
		.blog_tag{
			display:flex;
			justify-content:center;
			align-items:center;
			width: 100px;
			height: 21px;
			border: 1px solid #707070;
			border-radius: 15px;
			line-height:1;
		}
		.blog_lock{
			display:flex;
			justify-content:center;
			align-items:center;
			position: relative;
			width:100px;
			height: 21px;
			padding-left:15px;
			border: 1px solid #707070;
			border-radius: 15px;
			line-height:1;
		}
		.blog_lock::before{
			content: "";
			position: absolute;
			background-image: url("/app/wp-content/themes/ichimon/assets/img/teamhiire/lock_icon.png");
			background-repeat: no-repeat;
			background-size: contain;
			width: 21px;
			height: 21px;
			left: -1px;
			top: -1px;
		}
	}
	.blog_title{
		margin-bottom: 39px;
		
		h2{
			font-family: 'YuMincho', 'Yu Mincho', serif;
			font-size: 28px;
		}
	}
	.blog_details{
		.themnail_img{
			
			img{
				width:100%;
				height:100%;
				object-fit:cover;
			}
		}
	}
	.content_box_note{
		margin-top: 16px;
		text-align: center;
		font-size: 12px;
		letter-spacing: 0;
		line-height: 24px;

		.star_list{
			list-style: none;
			padding: 0;
			text-align: left;

			li {
				position: relative;
				padding-left: 15px;

				&::before {
					content: "※";
					position: absolute;
					left: 0;
					top: 0; 
				}
			}
			  
		}
	}

}
/*single markup style*/
.blog_details_box {
    overflow: hidden;
    margin-top: 64px;
    padding-top: 45px;
    border-top: 1px solid var(--dd_gray);
}

.blog_details_box p {
	font-family: 'YuGothic', 'Yu Gothic', sans-serif;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0.1em;
	line-height: 2.1;
}

.blog_details_box img {
	max-width: 100%;
	height: auto;
}

.blog_details_box img.alignright {
	float: right;
	margin: 0 0 40px 40px;
	display: block;
}

.blog_details_box img.alignleft {
	float: left;
	margin: 0 40px 40px 0;
	display: block;
}

.blog_details_box img.aligncenter {
	display: block;
	margin: 0 auto 15px;
}

.blog_details_box h1 {
	font-size: 21px;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.6;
	margin-bottom: 15px;
}

.blog_details_box h2 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.21429;
	position: relative;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: #000 solid 2px;
	margin-bottom: 11px;
}

.blog_details_box h2::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100px;
	height: 2px;
	background-color: #11BC81;
}

.blog_details_box h3 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.5;
	margin-top: 27px;
	margin-bottom: 14px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 16px;
}

.blog_details_box h3::before,
.blog_details_box h3::after {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 6px;
}

.blog_details_box h3::before {
	height: 12px;
	background-color: #11BC81;
	z-index: 1;
}

.blog_details_box h3::after {
	height: 24px;
	background-color: #000;
}

.blog_details_box h4 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.875;
	color: #fff;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px 14px;
	background-color: #777;
}

.blog_details_box h5 {
	font-size: 20px;
	border-bottom: 2px solid;
	margin: 0 0 35px;
}

.blog_details_box h6 {
	font-size: 16px;
	border-bottom: 1px solid;
	margin: 0 0 35px;
}

.blog_details_box td {
	padding: 10px;
	border: 1px solid;
}

.blog_details_box table {
	margin-bottom: 25px;
}

.blog_details_box ul,
.blog_details_box ol {
	margin-bottom: 11px;
}

.blog_details_box ul {
	margin-top: 8px;
}

.blog_details_box li {
	list-style-type: inherit;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 1.875;
	margin-bottom: 4px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.blog_details_box ul li {
	list-style-type: none;
}

.blog_details_box ul li::before {
	content: "・";
	display: inline-block;
	margin-right: -5px;
}

/*-------------------- comments area --------------------*/
.topic_comment{
	margin-top: 72px;
	font-size: 14px;
	
	h2{
		font-family: 'YuMincho', 'Yu Mincho', serif;
		font-size: 18px;
	}
}
.comments_area{
	background-color: var(--bg_l_black);
	margin-top: 33px;

	.custom_comment_list {
		padding: 0 36px;

		.comment_item{
			padding: 36px 0;
			border-bottom: 1px solid var(--dd_gray);

			&:last-child{
				border-bottom: unset;
			}
			.comment_content{
				.comment_meta{
					font-size: 18px;
                    margin-bottom: 13px;
                    display: flex;
                    gap: 11px;
                    align-items: center;
					
					&.post_user{
						color:#c7ae6b;
						
						.badge{
							font-size: 12px;
							line-height:1.2;
							padding: 2px 27px;
							border: 1px solid #c7ae6b;
							border-radius: 15px;
						}
					}
				}
				.comment_text{
					font-size:14px;
				}
			}
		}
		
/* 		.admin_comment{
			.comment_meta{
				.admin_comment{
					font-size: 12px;
					padding: 2px 27px;
					border: 1px solid var(--text_gold);
					border-radius: 15px;
				}
			}
		} */
	}
	.custom_comment_form{
		margin-top:28px;
		padding: 24px 24px 19px 36px;
		border-top: 1px solid var(--dd_gray);
		
		.comment_submit{
			display:block;
			
			img{
				display:block;
			}
		}
	}
	.comment-form{
		position:relative;
		padding-right:30px;

		.comment_field{
			textarea{
				width:100%;
				font-size:16px;
				resize:none;
				outline:none;
			}
		}
		.comment-form-author{
			display:flex;
			align-items:center;
			gap:20px;
			margin-top:15px;
			padding-top:15px;
			border-top:1px solid #2f2b2a;
			white-space:nowrap;
			
			input{
				width:100%;
				padding:10px;
				border:1px solid #2f2b2a;
				outline:none;
			}
		}
		.comment-form-author{
/* 			display:none; */
		}
		.form-submit{
			position:absolute;
			top:5px;
			right:0;
			width:20px;
		}
	}
}