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

/* SampleSite
-----------------------------------------------------*/
/* ==============================================
    crumbs
============================================== */
#crumbs {
	list-style: none;
	width: 950px; /* total 980px */
	margin: 20px auto 15px;
	padding: 0 15px;
}
#crumbs:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
#crumbs li {
	float: left;
}
#crumbs li a,
#crumbs li.icn {
	padding-right: 20px;
	background: url(image/crumbs.gif) no-repeat right center;
}

/* ==============================================
    title
============================================== */
#title {
	margin-bottom: 20px;
}

#back_frame{
	background-image: url(image/back_csr.gif);
	background-repeat: no-repeat;
}

#contents h1#title_border{
	font-size: 30px;
	font-weight: normal;
	color: #18469d;
	padding-bottom: 8px;
	padding-left: 8px;
	background-image: url(image/title_border_bl.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 30px;
}

#contents.csr_top,
#contents.csr_detail{
	min-height: 800px;
	margin-bottom: 100px;
}

#contents.csr_top {
	background-image: url(image/back_rc.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}


#contents.csr_rc,
#contents.csr_rc_detail{
	min-height: 800px;
	margin-bottom: 100px;
}

#contents.csr_maintenance,
#contents.csr_report,
#contents.csr_iso,
#contents.csr_pdflist{
	min-height: 550px;
	margin-bottom: 100px;
}
#contents.csr_rc{
	background-image: url(image/back_rc.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}


/* ==============================================
    top
============================================== */

#contents.csr_top {
	font-size: 14px;
}

#contents.csr_top p {
	margin-bottom: 1.5em;
}

#contents.csr_top ol {
	list-style: none;
	padding: 0px 0px 30px;
	margin-top: -1em;
}

#contents.csr_top ol li {
	color: #3951cd;
	font-weight: bold;
}


/* ==============================================
    detail
============================================== */
#contents.csr_detail {
	font-size: 14px;
}

#contents.csr_detail h2:before {
    content: url(image/icon_og.png);
    padding-right: 5px;
}
#contents.csr_detail h2 {
    font-weight: bold;
    font-size: 18px;
    color: #e36000;
    display: block;
    margin-bottom: 10px;
}

#contents.csr_detail h3 {
    color: #e36000;
    font-weight: bold;
    padding-bottom: 8px;
    border-bottom: 1px dotted #000;
	margin-top: 20px;
    margin-bottom: 15px;
}

#contents.csr_detail dt {
    font-size: 16px;
    color: #3951cd;
	font-weight: bold;
	margin-bottom: 10px;
}

#contents.csr_detail dd {
    background: linear-gradient(to right, #f7fcff, #e0f2f8);
    padding: 18px;
    margin-bottom: 15px;
}

#contents.csr_detail #basis,
#contents.csr_detail #health,
#contents.csr_detail #women,
#contents.csr_detail #guideline {
	margin-bottom: 50px;
}


#contents.csr_detail ul,
#contents.csr_detail ol {
	list-style: none;
	padding: 30px 5px;
}

#contents.csr_detail ul li,
#contents.csr_detail ol li {
	color: #3951cd;
	font-weight: bold;
}

/* ==============================================
    rc top
============================================== */
#contents.csr_rc p{
	font-size: 14px;
	margin-bottom: 20px;
}
#contents.csr_rc .left{
	width: 400px;
	float: left;
}
#contents.csr_rc .right{
	width: 278px;
	float: right;
}
#contents.csr_rc .right p{
	margin-top: 8px;
	text-align: center;
}


/* ==============================================
    rc detail
============================================== */
#contents.csr_rc_detail h2.icon_og{
	font-weight: bold;
	font-size: 18px;
	color: #e36000;
	display: block;
	margin-bottom: 10px;
}
#contents.csr_rc_detail h2.icon_og::before{
	content: url(image/icon_og.png);
	padding-right: 5px;
}
#contents.csr_rc_detail h2.icon_og.bottom_space{
	margin-bottom: 25px;
}
#contents.csr_rc_detail h3{
	font-size: 16px;
	color: #3951cd;
	margin-bottom: 15px;
}

#contents.csr_rc_detail #basic{
	border-bottom: 1px dotted #000;
	margin-bottom: 35px;
}
#contents.csr_rc_detail #basic .left{
	width: 400px;
	float: left;
}
#contents.csr_rc_detail #basic .left p{
	font-size: 14px;
	color: #000;
	line-height: 1.4;
	margin-bottom: 20px;
}
#contents.csr_rc_detail #basic .left ol{
	color: #3951cd;
	margin-left: 1.5em;
	font-size: 14px;
	font-weight: bold;
}

#contents.csr_rc_detail #basic .right{
	float: right;
	width: 278px;
}
#contents.csr_rc_detail #basic .right p{
	color: #000;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 25px;
}

#contents.csr_rc_detail #assurance{
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
	margin-bottom: 35px;
}
#contents.csr_rc_detail #assurance .skyblue_box{
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#f7fcff, endcolorstr=#e0f2f8));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#f7fcff, endcolorstr=#e0f2f8))";
	zoom: 1;
	background: -moz-linear-gradient(left, #f7fcff, #e0f2f8);/* FF3.6+ */
	background: -webkit-linear-gradient(left, #f7fcff, #e0f2f8);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to right, #f7fcff, #e0f2f8);/* IE10+, W3C */
	padding: 18px;
	margin-bottom: 15px;
}
#contents.csr_rc_detail #assurance .skyblue_box_small{
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#f7fcff, endcolorstr=#e0f2f8));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#f7fcff, endcolorstr=#e0f2f8))";
	zoom: 1;
	background: -moz-linear-gradient(left, #f7fcff, #e0f2f8);/* FF3.6+ */
	background: -webkit-linear-gradient(left, #f7fcff, #e0f2f8);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to right, #f7fcff, #e0f2f8);/* IE10+, W3C */
	padding: 12px;
	margin-bottom: 15px;
}
#contents.csr_rc_detail #assurance .skyblue_box.bottom_space{
	margin-bottom: 40px;
}
#contents.csr_rc_detail #assurance .skyblue_box .text_og{
	font-size: 16px;
	color: #e36000;
	font-weight: bold;
}
#contents.csr_rc_detail #assurance .skyblue_box_small ol.default{
	margin-left: 1.5em;
	font-size: 14px;
	color: #000;
}
#contents.csr_rc_detail #assurance .skyblue_box_small ol.brackets{
	font-size: 14px;
	color: #000;
	list-style-type: none;
	text-indent: -1.5em;
	margin-left: 1.5em;
}
#contents.csr_rc_detail #assurance .skyblue_box_small p{
	font-size: 14px;
	color: #000;
	line-height: 1.4;
}
#contents.csr_rc_detail #assurance p.bottom_space{
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 1.4;
}
#contents.csr_rc_detail #assurance .left{
	float: left;
	width: 395px;
}
#contents.csr_rc_detail #assurance .right{
	float: right;
	width: 278px;
}
#contents.csr_rc_detail #assurance .right p{
	font-size: 14px;
	color: #000;
	margin-top: 8px;
	margin-bottom: 25px;
	text-align: center;
}

#contents.csr_rc_detail #document ul{
	list-style-type: none;
}
#contents.csr_rc_detail #document ul li{
	margin-bottom: 10px;
	font-size: 14px;
}
#contents.csr_rc_detail #document ul li a{
	text-decoration: none;
	color: #000;
	background-image: url(image/icon_og.png);
	background-repeat: no-repeat;
	background-position: 8px 45%;;
	padding: 14px 28px;
	width: 395px;
	box-sizing: border-box;
	border: 1px solid #929fe8;
	display: block;
}
#contents.csr_rc_detail #document ul li a:hover{
	text-decoration: underline;
}


/* ==============================================
    rc pdflist
============================================== */

#contents.csr_maintenance h1#title_dotted_gray,
#contents.csr_report h1#title_dotted_gray,
#contents.csr_iso h1#title_dotted_gray {
    font-size: 30px;
    font-weight: normal;
    color: #3951cd;
    padding-bottom: 12px;
    padding-left: 8px;
    border-bottom: 3px dotted #c3c3c3;
    margin-bottom: 30px;
}
#contents.csr_maintenance h1#title_dotted_gray .small,
#contents.csr_report h1#title_dotted_gray .small,
#contents.csr_iso h1#title_dotted_gray .small
{
	font-size: 24px;
	color: #444444;
	padding-left: 30px;
}
#contents.csr_maintenance h2,
#contents.csr_report h2,
#contents.csr_iso h2{
	font-size: 24px;
	font-weight: normal;
	background-color: #dbe1ff;
	background-image: url(image/title_border_bl.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
	padding: 8px 9px 8px 9px;
	color: #000;
}
#contents.csr_maintenance .pdf_link,
#contents.csr_report .pdf_link,
#contents.csr_iso .pdf_link{
	list-style-type: none;
	margin-bottom: 25px;
}

#contents.csr_maintenance .pdf_link li a,
#contents.csr_report .pdf_link li a,
#contents.csr_iso .pdf_link li a{
	text-decoration: none;
	color: #000;
	font-size: 14px;
}
#contents.csr_maintenance .pdf_link li::before,
#contents.csr_report .pdf_link li::before,
#contents.csr_iso .pdf_link li::before{
	content: "＞";
	font-size: 12px;
	color: #e87e00;
	font-weight: bold;
	padding-left: 5px;
	margin-right: 7px;
}
#contents.csr_maintenance .pdf_link li a:hover,
#contents.csr_report .pdf_link li a:hover,
#contents.csr_iso .pdf_link li a:hover{
	text-decoration: underline;
}

/****************************************************/

@media screen and (max-width: 960px) {
/****************************************************
    960px未満に適用
****************************************************/

/***************************************************/
}

@media screen and (max-width: 640px) {
/****************************************************
    640px未満に適用
****************************************************/
	#back_frame{
		padding-top: 14%;
		background-image: url(image/back_csr_sp.gif);
		background-size: 100%
	}

	#contents{
		min-height: 0;
	}

	#contents.csr_maintenance,
	#contents.csr_report,
	#contents.csr_iso,
	#contents.csr_pdflist{
		min-height: 0px;
		margin-bottom: 100px;
	}


	#contents h1#title_border,
	#contents h1#title_dotted_gray{
		font-size: 22px;
	}
	#contents h1#title_dotted_gray .small{
		font-size: 18px;
	}

	/* ==============================================
	    top
	============================================== */
	#contents.rc_top{
		background-size: 100%;
		padding-bottom: 25%;
	}
	#contents.rc_top .right{
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 278px;
		width: 100%;
	}
	#contents.rc_top .right img{
		width: 100%;
	}
	#contents.rc_top .left{
		float: none;
		width: 100%;
	}

	/* ==============================================
	    basic
	============================================== */
	#contents.rc_detail #basic .left{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#contents.rc_detail #basic .right{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#contents.rc_detail #assurance .left{
		float: none;
		width: 100%;
	}
	#contents.rc_detail #assurance .right{
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 278px;
		width: 100%;
	}
	#contents.rc_detail #assurance .right img{
		width: 100%;
	}

	#contents.rc_detail #assurance .skyblue_box_small{
		width: 100%;
		box-sizing: border-box;
	}
	#contents.rc_detail #document ul li a{
		max-width: 395px;
		width: 100%;
	}

	#contents h1#title_dotted_gray .small{
		display: block;
		padding-left: 0;
	}

	/* ==============================================
	    top
	============================================== */
	#contents.csr_rc{
		background-size: 100%;
		padding-bottom: 25%;
	}
	#contents.csr_rc .right{
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 278px;
		width: 100%;
	}
	#contents.csr_rc .right img{
		width: 100%;
	}
	#contents.csr_rc .left{
		float: none;
		width: 100%;
	}

	/* ==============================================
	    basic
	============================================== */
	#contents.csr_rc_detail #basic .left{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#contents.csr_rc_detail #basic .right{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#contents.csr_rc_detail #assurance .left{
		float: none;
		width: 100%;
	}
	#contents.csr_rc_detail #assurance .right{
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 278px;
		width: 100%;
	}
	#contents.csr_rc_detail #assurance .right img{
		width: 100%;
	}

	#contents.csr_rc_detail #assurance .skyblue_box_small{
		width: 100%;
		box-sizing: border-box;
	}
	#contents.csr_rc_detail #document ul li a{
		max-width: 395px;
		width: 100%;
	}

	#contents h1#title_dotted_gray .small{
		display: block;
		padding-left: 0;
	}

/***************************************************/
}

#contents.csr_detail ul.pdf_link {
	list-style: none;
}

#contents.csr_detail ul.pdf_link a {
	display: inline;
	font-size: 14px;
	background: url(image/file_pdf.svg) no-repeat;
	background-size: auto 100%;
	border-style: none;
	padding-left: 2em;
	color: #000000;
}