@charset "UTF-8";

html, body, div, span, object, iframe, h2, h2, h3, h4, h5, h6, p, blockquote, pre, address, code, del, em, img, q, small, strong, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, figcaption, figure, footer, header, menu, nav, section, summary, time, mark { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; box-sizing:border-box; }

/* list --------------- */
ul { list-style:none; }
.list { list-style:none; }

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color: #444;
	overflow-y: scroll;
	font-size:87%;
}
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}
body {
	background:#FFF;
	width:100%;
	margin:0 auto;
	background-attachment:fixed;
	margin:0;
	text-align:center;
}
h2 {
	font-weight:bold;
	letter-spacing:0.2em;
	font-size:1.5em;
	border-left:4px solid #166bc0;
	line-height:1.6em;
	padding-left:1em;
	margin:0.8em 0;
}
h3 {
	font-size:1.3em;
	color:#166bc0;
	font-weight:bold;
	margin-bottom:0.5em;
}
/*width調整*/
.width35per {
	width:35%;
}
.width50per {
	width:50%;
}
.width70per {
	width:70%;
}
.width80per {
	width:80%;
}
.width85per {
	width:85%;
}
.width90per {
	width:90%;
}

/*margin調整*/
.mT40px {
	margin-top:40px!important;
}
.mB1em {
	margin-bottom:1em !important;
}
.mB5em {
	margin-bottom:5em !important;
}
.mB10em {
	margin-bottom:10em!important;
}
.p1em {
	padding:1em;
}
.txtcenter {
	text-align:center;
}
.main {
	width:800px;
	text-align:center !important;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}
.mediation_topic_blk {
	padding:20px 50px;
	text-align:left;
}
.mediation_top_bg {
	background: url("../mediation/images/mediation_top_bg.png") center center no-repeat;
	background-size:contain;
	height:443px;
}
.mediation_service_bg {
	background: url("../mediation/images/mediation_service_bg.png") center center no-repeat;
	background-size:contain;
	height:371px;
}
.mediation_top_bg2021 {
	background: url("../mediation/images/mediation_top_bg2021.png") no-repeat;
	background-size:contain;
	height:443px;
}
.mediation_service_bg2021 {
	background: url("../mediation/images/mediation_service_bg2021.png")  no-repeat;
	background-size:contain;
	height:371px;
}
.mediation_about_bg {
	background: url("../mediation/images/mediation_about_bg.png") center center no-repeat;
	background-size:contain;
	height:698px;
}
.mediation_flow_bg {
	background-color:#e8f0f9;
}
.txtdetail {
	line-height:2.5em;
}
.txtitemize {
	line-height:1.8em;
	margin-left:2em;
}
.txtborderYellow {
	font-size:1.5em;
	font-weight:bold;
	border-bottom:7px solid #fefe09;
}
.flowbox {
	width:90%;
	margin:0 auto;
}
.flowbox dt {
	background-color:#166bc0;
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:1.3em;
	padding:0.8em 0;
}
.flowbox dd {
	background-color:#fff;
	border:1px solid #166bc0;
}
flowbox_inner {
	text-align:left;
}
.flowbox_img {
	display:inline-block;
	margin:1em 0;
	width:150px;
}
.flowbox_txt {
	display:inline-block;
	width:450px;
	padding:1em;
	text-align:left;
}
/*ページトップボタン*/
.material-icons {
	vertical-align: middle;
	padding-right: 0.2em;
	padding-right: 0em;
}
#pageTop {
	position: fixed;
	bottom: 57px;
	right: 10px;
}
#pageTop span {
	font-size: 0.8em;
	line-height:1em;
}
#pageTop a {
	display: block;
	z-index: 999;
	padding-top: 12px;
	width: 65px;
	height: 65px;
	background: #166bc0;
	-webkit-border-radius: 45;
	-moz-border-radius: 45;
	border-radius: 45px;
	text-shadow: 2px 0px 3px #003cb3;
	-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
	color: #ffffff;
	text-align: center !important;
	text-decoration: none;
	opacity: 0.8;
	line-height: 0.7em;
	border: none;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 1;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}
.backBtn {
	float:right;
	color:#fff;
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
	border:2px solid #fff;
	padding:0.5em;
	border-radius:0.5em;
}
.backBtn:hover {
	opacity:0.8;
}
.mediation_link {
	margin-left:3em;
	line-height:2em;
	color:#166bc0 !important;
}
.mediation_link fa {
	color:#166bc0;
}
.mediation_link:hover{
	text-decoration-line: none !important;
}