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

/*サステナビリティマネジメントカレント矢印*/


h6{
	font-size: 154%;
	color: #444444;
	border-bottom: 2px solid #0f2188;
	text-align: left;
	padding-bottom: 10px;
	margin-top: 40px;
}
.ulStyle04{
	margin: 20px 0;
}

.ulStyle04 li{
	float: none !important;
	text-align: left;
	display: block !important;
	margin-bottom: 10px;
	margin-right: 0 !important;
	text-indent: -1em;
	padding-left: 1em;
}

body p{
	line-height: 1.8;
}

.mainBox p{
	font-size: 15px;
	/*font-size: 1.5rem;*/
	text-align: left;
	text-indent: 1em;
	text-align: justify;
}

.txt_areaBox{
	overflow: hidden;
	margin-top: 20px;
}

	.txt_area{
		float: left;
		width: 632px;
		text-align: left;
		line-height: 1.7;
	}
	
	.img_area{
		float: left;
		margin-left: 44px;
		width: 230px;
	}
		.img_area p{
			text-align: left;
			margin-bottom: 10px;
		}


.t01 td{
	 text-align: justify;
}

.gBox .flt_l{
	max-width:500px;
	width: 100%;
}

.gBox .flt_r{
	margin-top: 10px;
}

.Box .flt_l{
	max-width: 440px;
	width: 100%;
}

.txt_areaBox .tableStyle02 ul li{
	display: list-item;
    float: none;
    list-style-type: disc;
    margin-left: 1.5em;
}

@media screen and (max-width: 956px) {
	.tableStyle02 thead th:nth-of-type(2){
		width: auto;
	}
	
	.sp_mt10{
		margin-top:10px;
	}
	
	.gBox .flt_l,
	.Box .flt_l{
		max-width: 100%;
		float: none !important;
	}
	.gBox .flt_r,
	.Box .flt_r{
		max-width: 100%;
		float: none !important;
	}
		h5.sp_mt {
			margin-top: 50px !important;
		}
}

.text_box_in {
    display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.text_box_in .pic_left {
	max-width: 550px;
	width: 100%;
}
@media screen and (max-width: 956px) {
	.text_box_in {
		display: block;
	}
	.text_box_in .pic_left {
		max-width: 100%;
		margin-bottom: 40px;
	}
}


/*---------------------------------------
management_system
---------------------------------------*/
#WayToThink .flexBox{
	display: flex;
	justify-content: space-around;
}
#WayToThink .flexBox .item{
	margin: 0 auto;
	text-align: center;
	display: block;
}
#WayToThink .flexBox .item:first-child{
	max-width: 280px;
	width: 100%;
}
#WayToThink .flexBox .item:nth-child(2){
	max-width: 295px;
	width: 100%;
}
#WayToThink .flexBox .item:last-child{
	max-width: 240px;
	width: 100%;
}
#WayToThink .flexBox .item .item_img{
	margin: 0 auto;
	text-align: center;
	display: block;
}
#WayToThink .flexBox .item .item_img span{
	text-align: left;
	display: inline-block;
	font-weight: bold;
	margin: 10px 0;
}
#WayToThink .flexBox .item p{
	font-size: 100%;
	text-indent: 0;
	text-align: left;
	display: inline-block;
}
#WayToThink .flexBox .item p span{
	font-weight: bold;
}
@media screen and (max-width: 830px) {
	#WayToThink .flexBox{
		display: block;
	}
	#WayToThink .flexBox .item{
		width: 100%;
		margin-bottom: 15px;
	}
	#WayToThink .flexBox .item:last-child{
		margin-bottom: 0;
	}
	#WayToThink .flexBox .item .item_img span{
		display: block;
	}
}

#PromotionSystem .imgArea,
#PromotionSystem .imgArea img{
	max-width: 950px;
	width: 100%;
}

#SustainabilityMeeting .imgArea{
	max-width: 700px;
	width: 100%;
	margin: 20px auto 0;
}
#SustainabilityMeeting .imgArea img{
	max-width: 700px;
	width: 100%;
}

.mainBox p.txt_click{
	font-size: 14px;
}