@charset "UTF-8";

/*===========================================================
	Copyright: (c)SERAKU Co.,Ltd.
	Created: 2008-09-01
	Modified: 2009-03-19
===========================================================*/

/*-----------------------------------------------------------
	.alpha and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.alpha {}

	div#contentsBox div.alpha div {
		margin: 0 0 28px 0;
		width: 271px;
		height: auto;
	} div#contentsBox div.alpha01 {
		float: left;
	} div#contentsBox div.alpha02 {
		float: right;
	} div#contentsBox div.alpha h2 {
		margin: 0 0 9px 0;
	} div#contentsBox div.alpha p {
		margin: 0 9px;
	}

		div#contentsBox div.alpha h2 img {
			vertical-align: top;
		}

/*-----------------------------------------------------------
	.gamma and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.gamma {
	margin: 0 0 17px 0;
}
	div#contentsBox div.gammaInner em.em {
		color: #da0031;
	}

	div#contentsBox div.gammaInner p {
		line-height: 1.4;
	}

	div#contentsBox div.gamma div.gammaInner {
		margin-right: 15px;
		margin-left: 15px;
	}

		div#contentsBox div.gammaInner p.lorem {
			margin: 25px 0;
		}

		div#contentsBox div.gammaInner div.iota {}

			div#contentsBox div.gammaInner div.iota div.item00 {
				float: right;
				width: 316px;
			}

				div#contentsBox div.gammaInner div.iota div.item00 p {
					margin: 0 0 1em 0;
					line-height: 1.4em;
				} div#contentsBox div.gammaInner div.iota div.item00 p.caution {
					padding: 0 0 0 1em;
					text-indent: -1em;
				}

				div#contentsBox div.gamma p.anchor {
					text-align: right;
				}

					div#contentsBox div.gamma p.anchor a {
						padding: 0 0 0 15px;
						background: transparent url(../../../common/images/icoArrow.png) 0em 0.1em no-repeat;
					}

			div#contentsBox div.gammaInner div.iota div.item01 {
				float: left;
				width: 200px;
			}

		div#contentsBox div.gammaInner div.kappa {
			line-height: 1.4em;
		}

		div#contentsBox div.gammaInner div.lambda {

		}

		div#contentsBox div.gammaInner div.lambda {}

			div#contentsBox div.gammaInner div.lambda .lambda01 {
				float: left;
				width: 300px;
			} div#contentsBox div.gammaInner div.lambda .lambda02 {
				float: right;
				width: 197px;
			}

		div#contentsBox div.gamma table {
			border-top:#ddd solid 1px;
		}

			div#contentsBox div.gamma table th,
			div#contentsBox div.gamma table td {
				padding: 10px;
				font-size: 93%;
				line-height: 1.4em;
				vertical-align: top;
				border-bottom: #ddd solid 1px;
				border-right: #ddd solid 1px;
			}

			div#contentsBox div.gamma table thead th {}

			div#contentsBox div.gamma table th {
				border-left: #ddd solid 1px;
				background-color: #fbf5e0;
			}

				div#contentsBox div.gamma table th span.ruby {
					display: inline;
					position: relative;
					top: 0;
	    bottom: 0;
 	   padding: 0;
 	   line-height: 1em;
				}

					div#contentsBox div.gamma table th span.ruby small.rt {
						display: inline;
						position: absolute;
						top: -1em;
						left: 0;
						font-size: 50%;
						line-height: 1em;
						white-space: nowrap;
						text-indent: 0;
					}

			div#contentsBox div.gamma table td {
				text-align: justify;
				text-justify: distribute;
			}

			div#contentsBox div.gamma table thead th {
				background-color: #f3f3f3;
			}

		div#contentsBox div.gammaInner div.mu {}

			div#contentsBox div.gammaInner div.mu table {
			} div#contentsBox div.gammaInner .lambda02 div.mu table {
				width: 197px;
			}

		div#contentsBox div.gammaInner .nu {}

			div#contentsBox div.gammaInner .nu table {
				width: 530px;
			}

		div#contentsBox div.gammaInner div.xi {}

			div#contentsBox div.gammaInner div.xi .item00 {}

				div#contentsBox div.gammaInner div.xi .item00 {
					padding-left: 1em;
					text-indent: -1em;
				}

			div#contentsBox div.gammaInner div.xi .item01 {
				padding-left: 1em;
				text-indent: -1em;
			}

			div#contentsBox div.gammaInner div.xi .item02 {
				margin-left: 15px;
			}

				div#contentsBox div.gammaInner div.xi .item02 li {
					padding-left: 1.5em;
					text-indent: -1.5em;
				}

			div#contentsBox div.gammaInner div.xi .item03 {}

				div#contentsBox div.gammaInner div.xi .item03 li {
					line-height: 1.6;
				}

		div#contentsBox div.gammaInner .omicron {
			padding: 20px;
			border: 2px solid #e5ddc4;
			background: #f8f1d8;
			font-size: 108%;
		}

		div#contentsBox div.gammaInner div.pi {}

			div#contentsBox div.gammaInner div.pi .pi01 {
				float: left;
				width: 250px;
			} div#contentsBox div.gammaInner div.pi .pi02 {
				float: right;
				width: 250px;
			}
				div#contentsBox div.gammaInner div.pi .pi02 .csr-title {
					color: #4c9a24;
					font-size: 22px;
					font-weight: bold;
				}
			div#contentsBox div.gammaInner div.pi dl.item00 {
				border: 2px solid #ddd;
				padding: 15px;
			}
				
			div#contentsBox div.gammaInner div.pi .pi03 {
				float: right;
				width: 265px;
			}
				div#contentsBox div.gammaInner div.pi .pi03 .csr-title {
					color: #4c9a24;
					font-size: 22px;
					font-weight: bold;
				}
				
			div#contentsBox div.gammaInner div.pi dl.item00 {
				border: 2px solid #ddd;
				padding: 15px;
			}

				div#contentsBox div.gammaInner div.pi dl.item00 dt {
					font-weight: bold;
 				} div#contentsBox div.gammaInner div.pi dl.item00 dd {
 					line-height: 1.6;
				}

				div#contentsBox div.gammaInner div.pi dl.item00 ul li {
					margin-left: 15px;
					list-style: disc;
				} div#contentsBox div.gammaInner div.pi dl.item00 ol li {
					padding-left: 1.5em;
					text-indent: -1.5em;
				}

		div#contentsBox div.gammaInner div.rho {}

			div#contentsBox div.gammaInner div.rho .rho01 {
				float: left;
				width: 340px;
			} div#contentsBox div.gammaInner div.rho .rho02 {
				float: right;
				width: 157px;
			}

/*-----------------------------------------------------------
	.sit and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.sit {
	margin: 0 15px;
	width: 530px;
}

	div#contentsBox div.sit p {
		margin: 0 0 15px 0;
	}

	div#contentsBox div.sitInner {
		margin: 0 0 30px 0;
	}

		div#contentsBox div.sitInner ul {
			margin: 0 0 10px 0;
		}

			div#contentsBox div.sitInner li {
				margin: 0 40px 0 0;
				padding: 0 0 0 15px;
				width: 135px;
				_width: 150px;
				float: left;
				background: transparent url(../../../common/images/icoArrow.png) 0em 0.1em no-repeat;
				font-size: 93%;
			} div#contentsBox div.sitInner li.item02 {
				margin: 0;
				float: right;
			}

/*-----------------------------------------------------------
	.amet and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.amet {}

	div#contentsBox div.amet01 {
		float: left;
		width: 216px;
	} div#contentsBox div.amet02 {
		position: relative;
		float: right;
		width: 327px;
	}

		div#contentsBox div.amet02 h2 {
			position: absolute;
			left: 0px;
		} div#contentsBox div.amet02 .item00 {
			top: 0px;
		} div#contentsBox div.amet02 .item01 {
			top: 46px;
		} div#contentsBox div.amet02 .item02 {
			top: 91px;
		} div#contentsBox div.amet02 .item03 {
			top: 137px;
		} div#contentsBox div.amet02 .item04 {
			top: 182px;
		}

/*-----------------------------------------------------------
	.topic
-----------------------------------------------------------*/
div#contentsBox div.topic {
		margin: 0 0 15px 0;
		position: relative;
		width: 560px;
		height: 37px;
	}
	div#contentsBox div.topic h2 {
			position: absolute;
			top: 0px;
			left: 0px;
		}
		div#contentsBox div.topic ul {}

			div#contentsBox div.topic li {
				position: absolute;
				top: 11px;
				left: 420px;
			}
			div#contentsBox div.topic02 ui{
			margin:10px 0 0 10px;
			}
			div#contentsBox div.topic02 li {
			display: block;
			background: transparent url(../../../common/images/icoArrow.png) 0em 0.4em no-repeat;
			padding: 0 0 0 20px;
			height: 1;
			line-height: 1.7em;
		}
		div#contentsBox div.topic02 li.pdf {
			display: block;
			background: transparent url(../../../common/images/icoPdf.png) 0em 0.4em no-repeat;
			padding: 0 0 0 20px;
			height: 1;
			line-height: 1.7em;
		}

/*-----------------------------------------------------------
	.csr-approach and subordinate selector
-----------------------------------------------------------*/
div#contentsBox div.csr-Approach {
	margin: 0 0 0 0;
}
div#contentsBox div.csr-Approach p {
	line-height: 1.4em;
}
	div#contentsBox div.csr-Approach .column01 {}
		div#contentsBox div.csr-Approach .column01 .col-l {
			width: 345px;
			float: left;
		}
		div#contentsBox div.csr-Approach .column01 .col-r {
			width: 198px;
			float: right;
		}
	
	div#contentsBox div.csr-Approach .column02 {}
		div#contentsBox div.csr-Approach .column02 .col-l{
			width: 180px;
			float: left;
			margin-right: 10px;
		}
		div#contentsBox div.csr-Approach .column02 .col-c{
			width: 180px;
			float: left;
		}
		div#contentsBox div.csr-Approach .column02 .col-r {
			width: 180px;
			float: right;
		}
		
		div#contentsBox div.csr-Approach .fukidashi {
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-o-border-radius: 10px;
			-ms-border-radius: 10px;
			border-radius: 10px;
			padding: 15px 20px;
		}
		div#contentsBox div.csr-Approach .fukidashi.a01 {
			border: 2px dotted #f08300;
		}
		div#contentsBox div.csr-Approach .fukidashi.a02 {
			border: 2px dotted #086eb4;
		}
		div#contentsBox div.csr-Approach .fukidashi.a03 {
			border: 2px dotted #13ae67;
		}
		
	div#contentsBox div.csr-Approach .voice {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		border-radius: 10px;
	}
		div#contentsBox div.csr-Approach .inner {
			padding: 20px 30px;
		}
		div#contentsBox div.csr-Approach .voice h3 {
			-moz-border-radius: 10px 10px 0 0;
			-webkit-border-radius: 10px 10px 0 0;
			-o-border-radius: 10px 10px 0 0;
			-ms-border-radius: 10px 10px 0 0;
			border-radius: 10px 10px 0 0;
			padding: 9px 0;
		}
			div#contentsBox div.csr-Approach .voice h3 img {
				margin: 0 auto;
			}
		div#contentsBox div.csr-Approach .voice h4 {}
		div#contentsBox div.csr-Approach .voice hr {
			margin: 0 30px;
			height: 0;
			border: none;
		}
		div#contentsBox div.csr-Approach .voice img {
			display: block;
		}
	
	div#contentsBox div.csr-Approach .voice.a01 {
		background-color: #faf7e2;
	}
		div#contentsBox div.csr-Approach .voice.a01 h3 {
			background-color: #f08300;
		}
		div#contentsBox div.csr-Approach .voice.a01 hr {
			border-top: 2px dotted #f08300;
		}

	div#contentsBox div.csr-Approach .voice.a02 {
		background-color: #edf9ff;
	}
		div#contentsBox div.csr-Approach .voice.a02 h3 {
			background-color: #086eb4;
		}
		div#contentsBox div.csr-Approach .voice.a02 hr {
			border-top: 2px dotted #086eb4;
		}
	
	div#contentsBox div.csr-Approach .voice.a03 {
		background-color: #f5ffdd;
	}
		div#contentsBox div.csr-Approach .voice.a03 h3 {
			background-color: #13ae67;
		}
		div#contentsBox div.csr-Approach .voice.a03 hr {
			border-top: 2px dotted #13ae67;
		}

	div#contentsBox div.csr-Approach .voice.a04 {
		background-color: #FFFFFF;
		border: 1px solid #0074c1;
	}
		div#contentsBox div.csr-Approach .voice.a04 .inner{
			overflow: hidden;
		}
		div#contentsBox div.csr-Approach .voice.a04 .inner .col-l{
			float: left;
			padding-right: 20px;
		}
	
	
	div#contentsBox div.csr-Approach .pdf_download {
		background: #f5f5f5;
		padding: 15px 20px;
	}
		div#contentsBox div.csr-Approach .pdf {
			background: transparent url(/common/images/icoPdf.png) left center no-repeat !important;
		}
	
	div#contentsBox div.csr-Approach .ovr:hover {
		opacity: 0.8;
	}

.border_l table tbody tr td:first-child{
	border-left: solid 1px #ddd;
}
.border_l table thead tr th,
.border_l table tbody tr td{
	vertical-align: inherit!important;
}

.ml0{
	margin-left:0!important;
}
.mr0{
	margin-right:0!important;
}
.mr10{
	margin-right:10px!important;
}
.mr20{
	margin-right:20px!important;
}
.mr40{
	margin-right:40px!important;
}
.mrl65{
	margin:0 65px 0 65px;
}
.m0at{
	margin:0 auto;
}
.w530{
	width:530px!important;
}
.w40p{
	width:40%!important;
}
.bdrdot{
	border-left:#ddd dotted 1px!important;
}
.bdrR_none{
	border-right:none!important;
}
.vaM{
	vertical-align:middle!important;
}
.wid100{
	width: 100%;
}


/*--------- 20180919追記 ----------*/

#contentsBox .topicarea{
	background: url(../../approach/2019/02/images/topic_bg.png)no-repeat;
	padding: 40px 10px 0 10px;
	height: 344px;
}

#contentsBox .topicarea_en{
	background: url(/english/csr/approach/2019/02/images/topic_bg.png)no-repeat;
	padding: 40px 10px 0 10px;
	height: 450px;
}

#contentsBox .topicarea h3 , #contentsBox .topicarea_en h3{
	color: #f08300;
	font-weight: bold;
	font-size: 0.95rem;
	margin-bottom: 5px;
}

#contentsBox .topicarea .box-l , #contentsBox .topicarea_en .box-l{ float: left; padding-left: 10px; width:52%;}
#contentsBox .topicarea .box-r , #contentsBox .topicarea_en .box-r{ float: right; padding-right: 10px; width:43%;}

#contentsBox .g_box{
	border-radius: 10px;
	border: 2px solid #0ca55f;
	padding: 20px;
	margin-bottom: 30px;
}

#contentsBox .center{ text-align: center; }

#contentsBox .topicarea03{
	background: url(../../approach/2019/03/images/topic_bg.png)no-repeat;
	padding: 45px 10px 0 10px;
	height: 180px;
}

#contentsBox .topicarea03 h3{
	color: #1da865;
	font-weight: bold;
	font-size: 1rem;
}

#contentsBox .topicarea03 .box-l{ float: left; padding-left: 10px; width:68%;}
#contentsBox .topicarea03 .box-r{ float: right; padding-right: 10px; width:25%;}


.bold{ font-weight: bold; }


/*--------- 20191122追記 ----------*/
.flex{ display: flex;}
.flex_c{ display: flex; padding: 0 20px; align-items: center;}
.flex_50{ display: flex; padding: 0 15px; align-items: top; width: 530px;}
.flex_50 .col_l_27{ width: 275px; margin-right: 20px;}
.flex_50 .col_r_27{ width: 275px; -0.5px;}
.flex_50 h3{margin-bottom: 8px;}
.col_l{ margin-right: 25px; }
.col_l_15{ margin-right: 15px; letter-spacing: -0.5px;}
.col_r{ letter-spacing: -0.5px;}
.col_r ol li{
 padding: 0 0 8px 1.5em;
 text-indent: -1.5em;
}
.col_r ol li.ind_1{
 padding: 0 0 8px 2.25em;
 text-indent: -2.25em;
}
.col_r ol li.ind_2{
 padding: 0 0 8px 3em;
 text-indent: -3em;
}
.col_r ol li.ind_3{
 padding: 0 0 8px 4em;
 text-indent: -4em;
}
.txt_ind{margin: 0 10px 40px;}
.txt_ind li{
 padding: 0 0 10px 2em;
 text-indent: -2em;
}
h4.bl_15{
 font-size: 15px;
 font-weight: bold;
 color: #0075c1;
 margin-bottom: 10px;
}
.txt_ind_3 li{
 padding: 0 0 15px 3.25em;
 text-indent: -3.25em;
}
.txt_ind_2{
 padding: 0 0 0 1.5em;
 text-indent: -1.5em;
}
.txt_ind_3{
 padding: 0 0 0 2em;
 text-indent: -2em;
}
.txt_ind_4{
 padding: 0 0 0 1.5em;
 text-indent: -1.5em;
 margin: 10px 20px 30px;
}
.txt_min{letter-spacing: -0.8px;}
.txt_11{ font-size: 11px; margin-bottom: 5px;}
.txt_bl{ color: #0075c1; letter-spacing: -1px;}
.fukidasi_1{
 background: url(/csr/approach/2019/01/images/img_06.png) no-repeat;
 padding: 15px 190px 20px 20px;
 letter-spacing: -0.3px;
}
.fukidasi_1 h4, .fukidasi_2 h4,
.fukidasi_3 h4, .fukidasi_4 h4{
 color: #0075c1;
 letter-spacing: -0.5px;
 font-weight: bold;
 font-size: 16px;
 margin-bottom: 15px;
}
.fukidasi_2{
 background: url(/csr/approach/2019/01/images/img_07.png) no-repeat;
 padding: 15px 20px 20px 190px;
 letter-spacing: -0.5px;
}
.txt_pk{ font-size: 16px; color: #ec6d81; margin-bottom: 10px;}
.fukidasi_3{
 background: url(/csr/approach/2019/01/images/img_11.png) no-repeat;
 letter-spacing: -0.5px;
 padding: 20px;
}
.fukidasi_3 h4{ padding-left: 140px;}
.fukidasi_3 p{ margin: 15px 200px 0 0;}

.fukidasi_4{
 background: url(/csr/approach/2019/01/images/img_12.png) no-repeat;
 letter-spacing: -0.5px;
 padding: 20px;
}
.fukidasi_4 h4{ padding-left: 100px;}
.fukidasi_4 p{ margin: 1px 210px 0 0;}
.bl_box{
 background-color: #dfe8f6;
 border-radius: 10px;
 text-align: center;
 padding: 15px;
 margin-bottom: 20px;
}
.bl_box h3{ font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.bl_box_50{ display: flex; margin: 20px 0 30px;}
.bl_box_50 ul{
 width: 275px;
 padding: 15px 12px;
 border: #0075c1 1px solid;
 background-color: #f3f4f4;
 border-radius: 10px;
 letter-spacing: -0.3px;
}
.bl_box_50 ul:nth-child(1){margin-right: 10px;}
.flex_3{ display: flex; margin: 0 0 10px 0;}
.flex_3 li:nth-child(1){margin-right: 10px;}
.flex_3 li:nth-child(2){margin-right: 7px; font-size: 12px;}
.bl_flex{ display: flex; margin: 20px 0 50px; padding: 20px 20px 0px 20px; background-color: #e9f0f9;}
.bl_flex ul li:nth-child(2), .bl_flex ul li:nth-child(4){margin-bottom: 15px;}
.bl_flex ul:nth-child(1){margin: 0 10px 10px 0;}
.txt_12{font-size: 12px;}
.bold{font-weight: bold;}
/*--------APPROACH02----------*/
.lst_or p, .lst_gr p, .lst_or_2 p{
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 5px;
 }
.lst_or dl, .lst_gr dl{ display: flex; flex-wrap:wrap;}
.lst_or dt, .lst_gr dt{
 border: solid #c8c8c8;
 border-width: 0 0 0.1px 0;
 background-color: #fdecda;
 width: 135px;
 padding: 7px 0 7px 10px;
}
.lst_gr dt{ background-color: #e7f2e5;}
.lst_or dd, .lst_gr dd{
 border: solid #c8c8c8;
 border-width: 0 0 0.1px 0;
 width: 405px;
 padding: 7px 0 7px 10px;
}
.lst_or dt:nth-child(1), .lst_or dd:nth-child(2),
.lst_gr dt:nth-child(1), .lst_gr dd:nth-child(2){
 border: solid #c8c8c8;
 border-width: 0.1px 0;
}

.lst_or_2 dl{ display: flex; flex-wrap:wrap;}
.lst_or_2 dt{
 border: solid #c8c8c8;
 border-width: 0 0 0.1px 0;
 background-color: #fdecda;
 width: 120px;
 padding: 7px 0 7px 10px;
}
.lst_gr dt{ background-color: #e7f2e5;}
.lst_or_2 dd{
 border: solid #c8c8c8;
 border-width: 0 0 0.1px 0;
 width: 420px;
 padding: 7px 0 7px 10px;
 letter-spacing: -0.5px;
}
.lst_or_2 dt:nth-child(1), .lst_or_2 dd:nth-child(2){
 border: solid #c8c8c8;
 border-width: 0.1px 0;
}
.top-50{
 position: relative;
 top: -50px;
 height: 140px;
}
.talk_1{ 
 background: url(/csr/approach/02/images/talk_bg_1.png) no-repeat;
 padding: 15px 20px 20px 20px;
 }
.talk_2{ 
 background: url(/csr/approach/02/images/talk_bg_2.png) no-repeat;
 padding: 18px 20px 60px 20px;
 }
.talk_3{ 
 background: url(/csr/approach/02/images/talk_bg_3.png) no-repeat;
 padding: 25px 20px;
}
.talk_4{ 
 background: url(/csr/approach/02/images/talk_bg_4.png) no-repeat;
 padding: 25px 20px;
}
.talk_5{ 
 background: url(/csr/approach/02/images/talk_bg_5.png) no-repeat;
 padding: 25px 20px 85px 20px;
}
.talk_6{ 
 background: url(/csr/approach/02/images/talk_bg_6.png) no-repeat;
 padding: 25px 20px; margin-top: 20px;
}
.talk_1 h4, .talk_4 h4{
 color: #ed6d00;
 font-weight: bold;
 font-size: 18px;
 margin-bottom: 20px;
 line-height: 1.4;
}
.talk_2 h4{
 color: #ed6d00;
 font-weight: bold;
 font-size: 18px;
 margin-bottom: 20px;
 line-height: 1.4;
 margin-top: 5px;
}
.talk_3 h4, .talk_5 h4, .talk_6 h4{
 color: #ed6d00;
 font-weight: bold;
 font-size: 16px;
 margin-bottom: 10px;
 line-height: 1.4;
}
.talk_1 p, .talk_2 p, .talk_3 p, .talk_4 p{width: 370px; letter-spacing: -0.5px;}
.talk_3 p{width: 225px; letter-spacing: -0.5px;}
.talk_4 p.txt_39{width: 390px; letter-spacing: -0.5px; margin: 75px 0 40px 130px;}
.txt_16{font-size: 16px; font-weight: bold;}
.talk_6 p{width: 320px; letter-spacing: -0.5px;}

.col_l_10{ margin-right: 10px; letter-spacing: -0.5px; }
.fukidasi_5{
 background: url(/csr/approach/02/images/img_03.png) no-repeat;
 letter-spacing: -0.5px;
 padding: 20px;
}
.fukidasi_5 h4{
 color: #ed6d00;
 letter-spacing: -0.5px;
 font-weight: bold;
 font-size: 16px;
 padding: 5px 0 0 0;
 margin-bottom: 15px;
}
.fukidasi_5 h4{ padding-left: 100px;}
.fukidasi_5 p{ margin: 15px 270px 0 0;}

/*--------APPROACH03----------*/
.pickup_1 h4, .pickup_2 h4,
.pickup_3 h4, .pickup_4 h4, .pickup_5 h4{
 color: #04a05f;
 letter-spacing: -0.5px;
 font-weight: bold;
 font-size: 17px;
 padding: 15px 0 10px 80px;
 margin-bottom: 15px;
}
.pickup_1{ background: url(/csr/approach/03/images/tit_01.png) no-repeat;}
.pickup_2{ background: url(/csr/approach/03/images/tit_02.png) no-repeat;}
.pickup_3{ background: url(/csr/approach/03/images/tit_03.png) no-repeat;}
.pickup_4{ background: url(/csr/approach/03/images/tit_04.png) no-repeat; width: 290px;}
.pickup_5{ background: url(/csr/approach/03/images/tit_05.png) no-repeat;}
.pickup_4 h4{ padding: 0 0 5px 80px;}

.pickup_4 p{ width: 270px;}
.pickup_1 h4 span, .pickup_2 h4 span{ font-size: 14px; font-weight: normal; }
.txt_bl_b{ color: #0075c1; font-weight: bold;}
.right_img{ text-align: right;}
.topic_gr{ 
 background: url(/csr/approach/03/images/topic_bg.png) no-repeat;
 padding: 50px 20px 25px 20px;
 margin-bottom: 50px;
}
.topic_gr h4{
 color: #04a05f;
 font-weight: bold;
 font-size: 16px;
 margin-bottom: 10px;
 line-height: 1.4;
}
======================
operation 20201005
======================
#mobile-scroll_2{
background-color: #f00;
}

#contentsBox h3.br_14{
  color: #763b10;
  font-size: 14px;
  font-weight: bold;
}
#contentsBox h3.rd_14{
  color: #e60038;
  font-size: 14px;
  font-weight: bold;
}
#contentsBox .bk_box{
  padding: 15px 15px 7px 15px;
  border: #575757 1px solid;
}
#contentsBox .rd_box{
  padding: 15px 15px 7px 15px;
  border: #e60038 1px solid;
}
#contentsBox .bold{font-weight: bold; font-size:13.5px;}
#contentsBox ul.num_list{
  padding-left: 25px;
  text-indent: -15px;
  list-style-type: disc;
  list-style-position: inside;
  line-height: 1.4;
}
#contentsBox h3.beta{
  color: #575757;
  font-size: 14px;
}
#contentsBox ul.num_list li{padding-bottom: 8px;}
#contentsBox ul.num_list li.txt_right{text-align: right;}
#contentsBox .gamma .mobile-scroll {
  width: 528px;
  overflow-x: scroll;
  border: #575757 1px solid;
  padding: 15px;
}
.cnt{text-align: center;}
.rd_txt_21{font-size: 21px; color: #da0031;}


/*--------- 20201009追記 ----------*/
div#contentsBox div.csr-Approach .csrprocurement .downarrow{
 display:block;
 margin:auto;
}
div#contentsBox div.csr-Approach .csrprocurement p.bold{
 font-weight:bold;
 
}

div#contentsBox div.csr-Approach .csrprocurement .top_box{
 background: #f9d1c7;
    padding: 8px;
    display: flex;
    justify-content: center;
    text-align:center;
    box-sizing: border-box;
}

div#contentsBox div.csr-Approach .csrprocurement .top_box > div{
  background:#fff;
    font-size: 10px;
    padding: 6px;
   box-sizing:border-box;
   
}

div#contentsBox div.csr-Approach .csrprocurement .top_box > div span.magenta{
 color:#e50136; 

}

div#contentsBox div.csr-Approach .csrprocurement .top_box > div p.magenta{
 font-size:12px;
 color:#ec003c;
 font-weight:bold;
 margin-bottom:5px;
}

div#contentsBox div.csr-Approach .csrprocurement .top_box > div:nth-of-type(1),
div#contentsBox div.csr-Approach .csrprocurement .top_box > div:nth-of-type(2)
{
 margin-right:5px;
}

/*  真ん中 */
div#contentsBox div.csr-Approach .csrprocurement .middle_box{
 background:#e0e3f2;
 
}
div#contentsBox div.csr-Approach .csrprocurement .middle_box .title{
 display:inline-block;
 background:#5578b8;
 color:#fff;
 font-weight:bold;
 padding:10px;
 margin-bottom: 10px;
}
div#contentsBox div.csr-Approach .csrprocurement .middle_box .subtitle{
 display:inline-block;
 font-weight:bold;
  padding:10px;
}
div#contentsBox div.csr-Approach .csrprocurement .middle_box .subtitle + p{
 padding:0 8px;
}
div#contentsBox div.csr-Approach .csrprocurement .middle_box .nambers{
 display:flex;
 flex-wrap: wrap;
 padding:8px;
}

div#contentsBox div.csr-Approach .csrprocurement .middle_box .nambers > div{
     background: #fff;
     width: 45%;
     padding: 10px;
}
div#contentsBox div.csr-Approach .csrprocurement .middle_box .nambers > div span{
 font-size:14px;
 display: inline-block;
 font-weight:bold;
 margin-bottom: 8px;
}

div#contentsBox div.csr-Approach .csrprocurement .middle_box .nambers > div span.no{
    color: #fff;
    background: #e50136;
    font-size: 10px;
    padding: 2px 4px;
    margin-right: 10px;
}


div#contentsBox div.csr-Approach .csrprocurement .middle_box .nambers > div p{
 display:block;
  font-size:12px;
  
}

div#contentsBox div.csr-Approach .csrprocurement .middle_box .nambers > div:nth-of-type(1){
     order:0;
     margin: 0 10px 10px 0;
}
div#contentsBox div.csr-Approach .csrprocurement .middle_box .nambers > div:nth-of-type(2){
     order:3;
     margin: 0 10px 10px 0;
}
div#contentsBox div.csr-Approach .csrprocurement .middle_box .nambers > div:nth-of-type(3){
     order:5;
     margin: 0 10px 10px 0;
}
div#contentsBox div.csr-Approach .csrprocurement .middle_box .nambers > div:nth-of-type(4){
     order:1;
     margin: 0 0 10px 0;
}
div#contentsBox div.csr-Approach .csrprocurement .middle_box .nambers > div:nth-of-type(5){
     order:4;
     margin: 0 0 10px 0;
}
div#contentsBox div.csr-Approach .csrprocurement .middle_box .nambers > div:nth-of-type(6){
     order:6;
     margin: 0 0 10px 0;
}

/*  下 */
div#contentsBox div.csr-Approach .csrprocurement .bottom_box{
 border:1px solid #5578b8;
 margin-bottom: 30px;
}
div#contentsBox div.csr-Approach .csrprocurement .bottom_box > div{
   display: flex;
    vertical-align: middle;
    flex-wrap: nowrap;
}

div#contentsBox div.csr-Approach .csrprocurement .bottom_box > p{
  padding:0 5px 5px;
}

div#contentsBox div.csr-Approach .csrprocurement .bottom_box .title{
 display:inline-block;
 background:#5578b8;
 color:#fff;
 font-weight:bold;
 padding:10px;
 margin:0 0 10px 0;
}
div#contentsBox div.csr-Approach .csrprocurement .bottom_box .subtitle{
 display:inline-block;
 font-weight:bold;
  padding:20px 10px 10px 10px;
}

/****  CSR調達アンケート  ****/

.csranquet{
 width:1200px;
 font-size:12px;
 padding:5px;
 box-sizing:border-box;
}
.csranquet p.title{
 font-weight:bold;
 margin-bottom:10px;
}

div#contentsBox div.gamma .csranquet table{
 width:100%;
 margin-bottom:10px;
}
div#contentsBox div.gamma .csranquet table th{
 background:#cfd4ea;
 text-align:center;
 font-size:12px;
 word-break:keep-all;
 vertical-align:middle;
 border-top: #333 solid 1px;
 border-bottom: #333 solid 1px;
 border-right: #333 solid 1px;
}

div#contentsBox div.gamma .csranquet table th:nth-of-type(1){
 width:20%;
}

div#contentsBox div.gamma .csranquet table th span{
 font-size:12px;
 display:block;
}

div#contentsBox div.gamma .csranquet table td{
 text-align:center;
 vertical-align:middle;
 border-bottom: #333 solid 1px;
 border-right: #333 solid 1px;
}
div#contentsBox div.gamma .csranquet table th:last-child,div#contentsBox div.gamma .csranquet table td:last-child{
 border-right:none;
}


div#contentsBox div.gamma .csranquet table th.par5{
 width:5%;
}
div#contentsBox div.gamma .csranquet table th.par8{
 width:8%;
}

div#contentsBox div.gamma .csranquet table td:nth-of-type(1),
div#contentsBox div.gamma .csranquet table td:nth-of-type(3)
{
 text-align:left;
}
div#contentsBox div.gamma .csranquet table tr:nth-of-type(even){
 background:#f4f4f4;
}

/****  スコアごとの取引先数  ****/
div#contentsBox div.gamma .score{
 margin:auto;
 width:360px;
}
div#contentsBox div.gamma .score p{
 font-weight:bold;
 text-align:left;
  margin-bottom:10px;
}

div#contentsBox div.gamma .score table{
 width:100%;
}

div#contentsBox div.gamma .score table th{
 font-weight:bold;
 text-align:center;
 background:#cfd4ea;
 border-top: #333 solid 1px;
 border-bottom: #333 solid 1px;
 border-right: #333 solid 1px;
}
div#contentsBox div.gamma .score table td{

 border-bottom: #333 solid 1px;
 border-right: #333 solid 1px;

}


div#contentsBox div.gamma .score table tr td:last-child{
 text-align:right;
 border-right:none;
}
div#contentsBox div.gamma .score table tr th:last-child{

 border-right:none;
}

div#contentsBox div.gamma .score table tr td.bgcolor{
 background:#f4f4f4;
}
.g_box_200{
 background-color: #e7f2e4;
 text-align: center;
 padding: 12px 0;
}
.bold_14{
  font-weight: 600;
  font-size: 14px;
  color: #575757;
}
.b_20{
  font-weight: 600;
  font-size: 30px;
  color: #13aa4d;
}
.b_14{
  font-weight: 600;
  font-size: 18px;
  color: #13aa4d;
}
.bl_12 {
    font-size: 15px;
    font-weight: bold;
    color: #0075c1;
    margin-bottom: 10px;
}
.sup {
	font-size: 30%;
	vertical-align: super;
}
.sub {
	font-size: 30%;
	vertical-align: sub;
}
.font_space {letter-spacing: -0.02em;}