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


/* main_visual
--------------------- */
#main_visual{
	width: 100%;
	height: 768px;
}
#main_visual .mv_bg{
	width: 100%;
	height: 100%;
}
	#main_visual .mv_bg img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top center;
	}
#main_visual .mv_title_contents{
	display: block;
	transform: translateY(-150px)
}
	#main_visual .mv_title_contents p.en{
		color:#fff;
		font-size:1.6rem;
		line-height: 1.6rem;
	}
	#main_visual .mv_title_contents h1 span{
		display: inline-block;
		font-size:2.4rem;
		line-height: 2.4rem;
		background-color: #fff;
		color:#0077C3;
		padding:8px 10px 10px;
	}
	#main_visual .mv_title_contents h1 span:first-child{
		margin-top: 20px;
		margin-bottom: 20px;
	}


/* crosstalk_member
--------------------- */
#crosstalk_member{
	color:#fff;
	background-color: #0077C3;
	padding-bottom: 100px;
}
	#crosstalk_member .donyu{
		padding: 100px 0 90px;
		font-size:.9rem;
		line-height: 2rem;
		letter-spacing: .14rem
	}
	#crosstalk_member .cr_member{
		align-items: flex-start;
		width: 100%;
		margin-bottom: 40px;		
	}
	#crosstalk_member .inner .cr_member:last-child{
		margin-bottom: 0px;		
	}
		#crosstalk_member .cr_member .member_img{
			width: 34%;
			height: 300px;
		}
			#crosstalk_member .cr_member .member_img img{
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		#crosstalk_member .cr_member .member_cntnt{
			padding-left: 40px;
			width: 66%;
		}
			#crosstalk_member .cr_member .name{
				font-size:1.7rem;
				line-height: 1.7rem;
				letter-spacing: .2rem;
				margin-bottom: 12px;
			}
			#crosstalk_member .cr_member .kana{
				font-size:.6rem;
				line-height: .6rem;
				letter-spacing: .1rem;
				margin-bottom: 20px;
			}
			#crosstalk_member .cr_member .shozoku{
				font-size:.9rem;
				line-height: 1.6rem;
				margin-bottom: 20px;
			}
			#crosstalk_member .cr_member .keireki{
				font-size:.7rem;
				line-height: 1.6rem;
			}


/* crtalk_section
--------------------- */
.crtalk_section{
	margin:110px 0 0 ;
}
	.crtalk_section .crtalk_cntntinner{
		width: 90%;
		margin: 0 auto 60px;
	}
		.crtalk_section .crtalk_cntntinner h3{
			font-size: 1.8rem;
			letter-spacing: .2rem;
			margin-bottom: 40px;
		}
	.crtalk_section .talk_cntnt{
		margin: 0 auto 40px;
	}
		.crtalk_section .talk_cntnt .left{
			width: 80px;
			font-size:.8rem;
			line-height: .8rem;;
			text-align: center;
		}
			.crtalk_section .talk_cntnt .left .membimg{
				width: 80px;
				height: 80px;
				margin-bottom: 10px;
			}
				.crtalk_section .talk_cntnt .left .membimg img{
					width: 100%;
					height: 100%;
					object-fit: cover
				}
		.crtalk_section .talk_cntnt .txt{
			width: calc(100% - 120px);margin-left: 40px;
		}
	.crtalk_section .inner .crtalk_img{
		width: 100%;
		height: 500px;
	}
		.crtalk_section .inner .crtalk_img li{
			width: 48%;
			height: 100%;
			margin-right: 4%;
		}
		.crtalk_section .inner .crtalk_img li:last-child{
			margin-right: 0%;
		}
			.crtalk_section .inner .crtalk_img img{
				width: 100%;
				height: 100%;
				object-fit: cover
			}
main{
	padding-bottom: 120px;
}



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

}



/* max 880px */
@media screen and (max-width: 880px) {

}


/* max 767px */
@media screen and (max-width: 767px) {


/* main_visual
--------------------- */
#main_visual{
	height: 360px;
}

#main_visual .mv_title_contents{
	transform: translateY(-120px)
}
	#main_visual .mv_title_contents p.en{
		color:#fff;
		font-size:1.4rem;
		line-height: 1.4rem;
	}
	#main_visual .mv_title_contents h1 span{
		font-size:1.6rem;
		line-height: 1.6rem;
		padding:8px 10px 10px;
	}
	#main_visual .mv_title_contents h1 span:first-child{
		margin-top: 20px;
		margin-bottom: 14px;
	}


/* crosstalk_member
--------------------- */
#crosstalk_member{
	padding-bottom: 80px;
}
	#crosstalk_member .donyu{
		padding: 80px 0 60px;
	}
	#crosstalk_member .cr_member{
		align-items: flex-start;
		width: 100%;
		margin-bottom: 40px;		
	}
	#crosstalk_member .inner .cr_member:nth-child(4){
		margin-bottom: 0px;		
	}
		#crosstalk_member .cr_member .member_img{
			width: 100%;
			height: 200px;
		}
		#crosstalk_member .cr_member .member_cntnt{
			padding-left: 0px;
			width: 100%;
		}
			#crosstalk_member .cr_member .name{
				font-size:1.5rem;
				line-height: 1.5rem;
				margin-top: 20px;
				margin-bottom: 12px;
			}


/* crtalk_section
--------------------- */
.crtalk_section{
	margin:70px 0 0 ;
}
	.crtalk_section .crtalk_cntntinner{
		width: 100%;
		margin: 0 auto 30px;
	}
		.crtalk_section .crtalk_cntntinner h3{
			font-size: 1.4rem;
			line-height: 2.3rem;
			letter-spacing: .14rem;
			margin-bottom: 30px;
		}
	.crtalk_section .talk_cntnt{
		margin: 0 auto 30px;
		align-items: flex-start;
	}
		.crtalk_section .talk_cntnt .left{
			width: 60px;
			margin-bottom: 10px;
			margin-right: 16px;
		}
			.crtalk_section .talk_cntnt .left .membimg{
				width: 60px;
				height: 60px;
				margin: 0 auto;
				margin-bottom: 10px;
			}
		.crtalk_section .talk_cntnt .txt{
			width: calc(100% - 76px);
			margin-left: 0px;
		}
	.crtalk_section .inner .crtalk_img{
		width: 100%;
		height: 260px;
	}
		.crtalk_section .inner .crtalk_img li{
			width: 48%;
			height: 100%;
			margin-right: 4%;
		}
		.crtalk_section .inner .crtalk_img li:last-child{
			margin-right: 0%;
		}
			.crtalk_section .inner .crtalk_img img{
				width: 100%;
				height: 100%;
				object-fit: cover
			}
main{
	padding-bottom: 80px;
}
	

}


/* max 500px */
@media screen and (max-width: 500px) {


	
}