@charset "utf-8";
/*--京services.css--*/

.ma_top_txt {
	font-size: 1.1em;
	line-height: 1.8;
	padding: 0 10px;
	margin-bottom: 3em;
}

	.ma_top_txt p{
		margin-bottom: 1em;
	}

	.ma_top_txt p:last-child{
		margin-bottom: 0;
	}

.ma_box {
	clear: both;
	margin-bottom: 4em;
}

.ma_box .box_inner {
	padding: 0 10px 10px;
}

	.ma_box .box_inner ul.g_check {
		padding: 15px;
		background: #FFC;
	}
		.ma_box .box_inner ul.g_check li {
				padding-left: 20px;
			}
		.ma_box .box_inner ul.g_check li:before {
				content: "\f00c";
				font-family: FontAwesome;
				margin-right: 5px;
				margin-left: -15px;
				color: #00582a;
			}

	#ma_flow ul {
		margin: 0 2em;
	}
		#ma_flow ul li {
			margin-bottom: 30px;
			position: relative;
		}
		#ma_flow ul li:after {
			position: absolute;
			bottom: -20px;
			left: 6em;
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 12px 15px 0 15px;
			border-color: #ffbc54 transparent transparent transparent;
		}
			#ma_flow ul li:last-child {
				margin-bottom: 0;
			}
			#ma_flow ul li:last-child:before,
			#ma_flow ul li:last-child:after {
				content: none;
			}
	
				#ma_flow ul li dl {
					box-sizing: border-box;
					display: flex;
					align-items: center;
					width: 100%;
					border: 1px solid #ccc;
					font-size: 1.6rem;
					padding: 2px;
					border-radius: 3px;
				}
	
					#ma_flow ul li dl dt{
						color: #1f497d;
						font-weight: bold;
						width: 12em;
						padding: 0.5em 0;
						background: #e8f7ff;
						text-align: center;
						border-radius: 2px 0 0 2px;
					}

					#ma_flow ul li dl dd{
						box-sizing: border-box;
						width: calc(100% - 12em);
						font-size: 0.9em;
						padding-left: 1em;
					}

/****報酬について*****/
#fee_system table{
	width: 100%;
	}

	#fee_system table td,
	#fee_system table th{
		border:1px solid #b7ccdf;
		padding:6px;
	}
	
	#fee_system table th{
		background:#ecf1f7;
		text-align:center;
		font-weight: bold;
	}

	#fee_system table th.c_koumoku{
		width: 40%;
	}

	#fee_system table th.c_tesuryo{
		width: 13%;
	}

	#fee_system table th.c_seiyaku_jiyu{
		width: 30%;
	}

	#fee_system dl.teigi{
		margin:30px 0;
		background:#e0f4ff;
		padding:1em 1.5em;
		border-radius:4px;
	}
	
		#fee_system dl.teigi dt{
				margin-bottom:5px;
			}
		
	#fee_system dl.keisanrei{
		margin:30px 0 0 0;
		background:#e0f4ff;
		padding:1em 1.5em;
		border-radius:4px;
		display: flex;
	}

		#fee_system dl.keisanrei > dt{
			width: 4em;
		}

		#fee_system dl.keisanrei > dd{
			box-sizing: border-box;
			width: calc(100% - 4em);
			padding-left: 1em;
			border-left: 1px dotted #bbb;
		}

			#fee_system dl.keisanrei > dd p{
				margin-bottom: 0.8em;
			}

			#fee_system dl.keisanrei > dd dl{
				display: flex;
			}

				#fee_system dl.keisanrei > dd dl dt{
					font-weight: normal;
					width: 8em;
				}

					#fee_system dl.keisanrei > dd dl dt:after{
						content: "：";
					}

				#fee_system dl.keisanrei > dd dl dd{
					box-sizing: border-box;
					width: calc(100% - 8em);
					padding-left: 1em;
				}



/****M&Aのガイドライン*****/

	#guideline_about ol.num {
			margin: 20px 0;
		}
			#guideline_about ol.num li span {
				
			}

		#guideline_about .f_century {
			font-family: Century;
		}
		
		#guideline_about ol.num.f_century {
			margin: 20px 20px 40px;
		}
		
			#guideline_about ol.num.f_century li{
				margin-bottom: 1.5em;
			}
		
		
			#guideline_about ol.num.f_century li span {
				display: inline-block;
				color: #666;
				font-size: 1.4em;
			}

/****よくある質問*****/

	#faq dt {
		padding: 0.5em 0.5em 0.5em 1.5em;
		border-radius: 5px;
		background: #e8f7ff;
		text-indent: -1em;
		font-size: 1.05em;
		color: #333;
	}
	
	#faq dt:before {
		content: "Q.";
		font-weight: bold;
		margin-right: 0.3em;
		color: #1450a0;
	}
	
	#faq dd {
		padding: 1em 1em 1em 1.5em;
		text-indent: -1em;
		margin-bottom: 1.5em;
	}
	
	#faq dd:before {
	content: "A.";
	color: #c50067;
	font-weight: bold;
	margin-right: 0.3em;
	}


.top_btn {
	text-align: center;
}

.ma_bottom_nav{
	margin: 5em auto;
	width: 600px;
}

	.ma_bottom_nav ul{
		display: flex;
		flex-wrap: wrap;
	}

		.ma_bottom_nav ul li{
			width: calc((100% - 10px) / 2);
			border-bottom: 1px dotted #bbb;
			margin: 0 10px 10px 0;
			padding-bottom: 1px;
		}

		.ma_bottom_nav ul li:nth-child(even){
			margin: 0 0 10px 0;
		}

			.ma_bottom_nav ul li a{
				box-sizing: border-box;
				display: block;
				color: #111;
				font-size: 1.05em;
				padding: 0.5em 0.5em 0.5em 1em;
				position: relative;
				transition: .3s all ease;
			}

			.ma_bottom_nav ul li a:hover{
				text-decoration: none;
				background: #e8f7ff;
			}

			.ma_bottom_nav ul li.current a{
				font-weight: bold;
			}

				.ma_bottom_nav ul li a:before{
					font-family: FontAwesome;
					content:"\f0da";
					display: inline-block;
					position: absolute;
					top: 0.4em;
					left: 0.3em;
					color: #1450a0;
				}

				.ma_bottom_nav ul li.current a:before{
					font-weight: normal;
				}

.ma_guideline_box{}

	.ma_guideline_box > .box_inner{
		padding: 0 10px;
	}

	.ma_guideline_box > .box_inner p{
		margin-bottom: 1em;
	}

	.ma_guideline_box > .box_inner p.ta_center{
		text-align: center;
	}

	.ma_guideline_box > .box_inner p.ta_right{
		text-align: right;
	}

	.ma_guideline_box > .box_inner > ol{
		list-style: decimal;
		margin-bottom: 1em;
	}

		.ma_guideline_box > .box_inner > ol > li{
			margin-bottom: 0.5em;
			margin-left: 2em;
			padding-left: 0.5em;
		}

			.ma_guideline_box > .box_inner > ol > li ul{
				list-style: disc;
				margin-left: 1.3em;
				margin-top: 0.3em;
				line-height: 1.5;
			}

				.ma_guideline_box > .box_inner > ol > li ul li{
					margin-bottom: 0.3em;
				}

			.ma_guideline_box > .box_inner > ol > li ol.num_list_kakko{
				counter-reset: num_list_kakko 0;  
				margin-top: 0.3em;
				line-height: 1.5;
			}

				.ma_guideline_box > .box_inner > ol > li ol.num_list_kakko li{
					margin-bottom: 0.3em;
					position: relative;
					padding-left: 2.5em;
				}

				.ma_guideline_box > .box_inner > ol > li ol.num_list_kakko li::before{
					counter-increment: num_list_kakko 1;
					content: "(" counter(num_list_kakko) ")";
					position: absolute;
					top: 0;
					left: 0;
				}

				

	.ma_guideline_box > .box_inner > h5{
		font-weight: bold;
		font-size: 1.05em;
		margin: 1.5em 0 0.7em;
		position: relative;
		padding-left: 1.3em;
	}

	.ma_guideline_box > .box_inner > h5::before{
		font-family: FontAwesome;
		content:"\f111";
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		font-weight: normal;
		color: #1250a3;
	}

	.ma_guideline_box > .box_inner > h6{
		font-size: 1.05em;
		margin-bottom: 0.5em;
	}

	.ma_guideline_box > .box_inner ol.num_list_circle > li{
		position: relative;
		padding-left: 1em;
		text-indent: -1em;
	}

	.ma_guideline_box > .box_inner ol.num_list_circle > li ul li{
		text-indent: 0;
	}



@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
/*--------SPここから--------*/
/*トップ*/
#ma_flow ul {
	margin: 0 1vw;
}
	
	#ma_flow ul li:after {
		left: 4.5em;
	}

	#ma_flow ul li dl {
		font-size: 1.3rem;
	}

		#ma_flow ul li dl dd{
			padding: 0.2em 0.8em;
			font-size: 0.86em;
			line-height: 1.3;
		}

/****報酬について*****/
	#fee_system table td,
	#fee_system table th{
		padding:0.3em;
		line-height: 1.4;
	}
	
	#fee_system table th.c_koumoku{
		width: 37%;
	}

	#fee_system table th.c_tesuryo{
		width: 20%;
	}

	#fee_system table th.c_seiyaku_jiyu{
		width: 38%;
	}

	#fee_system dl.teigi{
		font-size: 0.94em;
		margin:1em 0 2em;
		padding:1em;
	}
	
		#fee_system dl.teigi dt{
			margin-bottom:0.3em;
		}
		
	#fee_system dl.keisanrei{
		font-size: 0.94em;
		margin:1em 0 0 0;
		padding:1em;
		flex-direction: column;
	}

		#fee_system dl.keisanrei > dt{
			width: 100%;
			text-align: center;
			margin-bottom: 0.5em;
		}

		#fee_system dl.keisanrei > dd{
			width: 100%;
			padding-left: 0;
			border-left: none;
			border-top: 1px dotted #bbb;
			padding-top: 0.5em;
		}
	
			#fee_system dl.keisanrei > dd dl dt{
				width: 9em;
			}
	
			#fee_system dl.keisanrei > dd dl dd{
				width: calc(100% - 9em);
				padding-left: 0;
			}



.ma_bottom_nav{
	margin: 3em 3vw;
	width: auto;
}

	.ma_bottom_nav ul li{
		width: calc((100% - 3vw) / 2);
		margin: 0 3vw 3vw 0;
	}

	.ma_bottom_nav ul li:nth-child(even){
		margin: 0 0 3vw 0;
	}

		.ma_bottom_nav ul li a{
			font-size: 1em;
		}

/*--------SPここまで--------*/
}

@media screen and (max-width: 320px) {
/*iphone5用ここから*/

}