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

	mv_block

-----------------------------------*/
#mv_block{
	height: 460px;
}
#mv_block .contents_inner{
	gap: 100px;
	justify-content: center;
	align-items: flex-start;
	padding-top: 60px;
}
#mv_block .img_box{
	max-width: 444px;
	width: 35%;
}
#mv_block .txt_box{
	margin-top: 48px;
	max-width: 428px;
}
#mv_block .txt_box .cate{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	padding: 2px 0;
	background: #00BFFF;
	text-align: center;
	width: 227px;
}
#mv_block .txt_box .ttl{
	font-size: 35px;
	font-weight: 700;
	margin: 24px 0 30px;
}
#mv_block .txt_box .txt{
	font-size: 20px;
	font-weight: 700;
}

@media screen and (max-width: 910px) {
	#mv_block{
		height: 280px;
	}
	#mv_block .contents_inner{
		gap: 40px;
	}
	#mv_block .txt_box{
		margin-top: 20px;
	}
	#mv_block .txt_box .cate{
		font-size: 14px;
		width: 160px;
	}
	#mv_block .txt_box .ttl{
		font-size: 20px;
		margin: 10px 0 33px;
	}
	#mv_block .txt_box .txt{
		font-size: 14px;
	}
	#mv_block .img_box{
		width: 30%;
	}
}

@media screen and (max-width: 840px) {
	#mv_block{
		padding-top: 20px;
		height: 380px;
		margin-bottom: 0;
	}
	#mv_block .contents_inner{
		padding-top: 0;
	}
	#mv_block .txt_box,
	#mv_block .txt_box .cate{
		margin: auto;
	}
	#mv_block .txt_box .ttl,
	#mv_block .txt_box .txt{
		text-align: center;
	}
	#mv_block .img_box{
		max-width: 280px;
		width: 100%;
	}
}

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




/*-----------------------------------

	for_expert_top_block

-----------------------------------*/
#for_expert_top_block{
	padding-top: 162px;
	
}
#for_expert_top_block .contents_inner{
	max-width: 904px;
}
#for_expert_top_block .txt{
	margin-top: 35px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
}

@media screen and (max-width: 840px){
	#for_expert_top_block{
		padding-top: 128px;
	}
}
@media screen and (max-width: 640px){
	#for_expert_top_block .txt{
		margin-top: 20px;
		font-size: 14px;
	}
}

/*-----------------------------------

	intro_block

-----------------------------------*/
#intro_block.for_expert{
	margin-top: 34px;
}
#intro_block.for_expert .contents_inner{
	max-width: 852px;
}
#intro_block.for_expert .intro_list li{
	width: calc((100% - 17px) / 2);
}
#intro_block.for_expert .intro_boxtxt{
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	padding-top: 55px;
	margin-top: 30px;
	position: relative;
}
#intro_block.for_expert .intro_boxtxt::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #0077FC;
	width: 58px;
	height: 30px;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
}
#intro_block.for_expert .intro_boxtxt .lblue_bg{
	background: #00BFFF;
	padding: 5px 25px;
	color: #fff;
	margin-right: 10px;
}

@media screen and (max-width: 840px){
}
@media screen and (max-width: 640px){
	#intro_block.for_expert{
		margin-top: 20px;
	}
	#intro_block.for_expert .intro_list li{
		width: 100%;
	}
	#intro_block.for_expert .intro_boxtxt{
		margin-top: 20px;
		font-size: 20px;
		padding-top: 45px;
		line-height: 1.8;
	}
	#intro_block.for_expert .intro_boxtxt::before{
		width: 38px;
        height: 20px;
	}
	#intro_block.for_expert .intro_boxtxt .lblue_bg{
		padding: 2px 10px;
		margin-right: 5px;
	}
	#intro_block.for_expert .intro_boxtxt .lblue_bg span.sp{
		display: inline-block;
		padding-left: 10px;
	}
}

/*-----------------------------------

	strong_block

-----------------------------------*/
#strong_block::after{
	bottom: -183px;
}
#strong_block.for_expert .strong_wrap{
	margin: 20px auto 30px;
	padding: 30px 0;
}
#strong_block.for_expert .strong_list li{
	padding: 44px 60px;
	min-height: auto;
}
#strong_block.for_expert .strong_list .list_ttl{
	margin: 0;
}

@media screen and (max-width: 890px){
	#strong_block::after{
		bottom: 430px;
	}
}
@media screen and (max-width: 640px){
	#strong_block::after{
		bottom: 290px;
	}
	#strong_block.for_expert .strong_list li{
		padding: 25px 26px;
	}
}

/*-----------------------------------

	service_list_block

-----------------------------------*/
#service_list_block .service_list li{
	align-items: flex-start;
}
#service_list_block .service_list li .img_box{
	margin-top: 10px;
}
@media screen and (max-width: 840px){
	#service_list_block .service_list li{
		align-items: center;
	}
	#service_list_block .service_list li .img_box{
		margin-top: 0;
	}
}

/*-----------------------------------

	flow_block

-----------------------------------*/
#flow_block.for_expert .flow_box li{
	padding: 40px 0 10px;
}
#flow_block.for_expert .flow_box li .flow_img img{
	width: 97px;
}
#flow_block.for_expert .flow_box li .flow_txt{
	flex: 1;
}

@media screen and (max-width: 800px){
	#flow_block.for_expert .flow_box li{
		padding: 17px 0 17px 25px;
		gap: 15px;
	}
	#flow_block.for_expert .flow_box li .flow_img{
		max-width: 60px;
	}
}
@media screen and (max-width: 640px){
}

/*-----------------------------------

	faq_block

-----------------------------------*/
#faq_block{
	padding: 80px 0 24px;
}
#faq_block .faq_box{
	gap: 148px;
	justify-content: center;
	align-items: flex-start;
	max-width: 1088px;
	width: 100%;
	margin: auto;
}
#faq_block .faq_box .ttl_box .h4_ttl{
	margin-bottom: 61px;
}
#faq_block .faq_box .faq_wrap{
	gap: 5px;
	flex-direction: column;
	max-width: 904px;
	width: 100%;
	margin: auto;
}
#faq_block .faq_box .faq_wrap .accordion{
	width: 100%;
	background: #F7F9F9;
	padding: 26px 30px 26px 40px;
}
#faq_block .faq_box .faq_wrap .accordion .question{
	font-size: 18px;
	display: flex;
	align-items: center;
}
#faq_block .faq_box .faq_wrap .accordion .question span{
	font-size: 30px;
	margin-right: 18px;
	color: #0077FC;
	line-height: 1;
	font-weight: 500;
}
#faq_block .faq_box .faq_wrap .accordion .answer_box{
	padding: 30px 25px 0 48px; 
	font-weight: 400;
}
@media screen and (max-width: 840px) {
	#faq_block{
		padding: 30px 0 0;
	}
	#faq_block .faq_box{
		flex-direction: column;
		gap: 20px;
	}
	#faq_block .faq_box .faq_wrap{
		width: 100%;
		margin: auto;
	}
	#faq_block .faq_box .ttl_box{
		margin: auto;
	}
	#faq_block .faq_box .ttl_box .h4_ttl{
		margin-bottom: 20px;
		text-align: center;
	}
}
@media screen and (max-width: 640px) {
	#faq_block .faq_box .faq_wrap .accordion{
		padding: 20px 10px 20px 20px;
	}
	#faq_block .faq_box .faq_wrap .accordion summary{
		padding-right: 10px;
	}
	#faq_block .faq_box .faq_wrap .accordion .question{
		font-size: 14px;
	}
	#faq_block .faq_box .faq_wrap .accordion .question span{
		font-size: 20px;
		font-weight: 500;
		margin-right: 10px;
	}
	#faq_block .faq_box .faq_wrap .accordion .answer_box{
		padding: 15px 30px 0;
	}
}