@charset "utf-8";

@import url("../../css/csr_common_sp.css");
@import url("../../css/style_sp.css");

/* 共通 */
#sp_header_center {
	font-family: 'Roboto', sans-serif;
}
#head_title_s{
	display: none;
}
/* QA */

sup {
	white-space: nowrap;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.1;
	vertical-align: text-top;
}

.int {
	text-indent: 0.7em;
}

em {
	font-style: oblique;
}

/* スペース */
.pt_10{padding-top:10px;}
.pt_20{padding-top:20px;}
.pt_30{padding-top:30px;}
.pt_40{padding-top:40px;}
.pt_50{padding-top:50px;}
.pb_20{padding-bottom:20px;}
.pl_15{padding-left:15px;}
.pl_30{padding-left:30px;}
.pr_30{padding-right:30px;}

/* CSR QA INDEX*/
#csr_qa_index{
	text-align:left;
	padding: 20px 20px 0;
	margin: 0 auto;
	max-width: 600px;
	box-sizing: border-box;
}
#csr_qa_index h2{
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
#csr_qa_index h2 img{
	width: 70px;
	height: auto;
}
#csr_qa_index h3{
	margin:0;
	font-size: 20px;
	font-weight: bold;
	padding:10px;
	background-color:#efefef;
}
#csr_qa_index ul{
	margin:0;
	list-style:none;
	padding:20px 0 34px 0px;
}
#csr_qa_index li{
	font-size: 15px;
	margin: 5px 0 10px 0;
	padding:0 10px 10px 30px;
	background: url(../img/qa1.gif) 10px 5px no-repeat transparent;
	border-bottom: solid 1px #cdcdcd;
}
#csr_qa_index li.pdf{
	line-height:1.4;
	margin:15px 0 10px 0;
	padding-top:10px;
	background: url(../../../../corporate/cmn_img/line_dot.gif) left top repeat-x transparent;
}
#csr_qa_index li.pdf span{
	display:block;
	padding:0 0 0 33px;
	background: url(../../../../corporate/cmn_img/news_pdf.gif) left 1px no-repeat transparent;
}

/* CSR QA */

/* QA DETAIL */
.sp_anchor_point{
	display: block;
	padding-top: 64px;
	margin-top: -64px;
}

#csr_qa{
	text-align:left;
	padding: 24px 0 50px 0;
}
#csr_qa a{
	text-decoration:underline;
}
#csr_qa h2{
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 20px 20px;
	padding:0;
}
#csr_qa h2 img{
	width: 70px;
	height: auto;
}
#csr_qa h3{
	margin: 0px 0 0px 0;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 10px 10px 20px;
	background-color:#efefef;
}
#csr_qa div.qa_box{
	margin: 30px 20px 10px 10px;
	padding: 0px 0 40px 0;
}
.qa_bk{
	font-size: 12px;
	padding:0 10px 10px 0;
	text-align:right;
	border-bottom: dotted 1px #afafaf;
}
.qa_bk a{
	letter-spacing:0;
	padding:0 13px 0 0;
	background:url(../../img/li_min.gif) right center no-repeat transparent;
	line-height:1.6;
	text-decoration: underline !important;
}

#csr_qa div.que{
	padding:0 0 30px 0;
}
#csr_qa div.que p{
	font-size: 14px;
	font-weight:bold;
	margin:0;padding:0 0 0 20px;
	background: url(../img/qa1.gif) left 4px no-repeat transparent;
}
#csr_qa div.ans{
	overflow: hidden;
	padding:0 0 0 20px;
	background: url(../img/qa2.gif) left 4px no-repeat transparent;
}
#csr_qa div.ans p{
	font-size: 14px;
	line-height:1.6;
	margin:0;
}
#csr_qa div.ans a{
	text-decoration: underline;
	word-wrap: break-word;
}
#csr_qa div.ans .small{
	font-size: 12px;
	line-height:1.4;
	margin:0;
}
#csr_qa div.ans ul{
	list-style-type: disc;
	margin:0;
	padding:10px 0 0 20px;
}
#csr_qa div.ans li{
	line-height:1.4;
	margin: 5px 0 5px 0;
}
#csr_qa div.ans td.photo{
	line-height:1.6;
	margin: 0;
	text-align: left;
	padding: 20px 0 10px 0;
	display: block;
	border-top: dotted 1px #afafaf;
}
strong{
	font-weight: bold;
}

#csr_qa div.ans td.txt{
	line-height:1.6;
	vertical-align:top;
	padding:0 0 20px 0;
	display: block;
}
.Q3_table{
	margin:10px 0 0 0px;
}
.Q3_table td{
	font-size: 11px;
	line-height:1.2;
	vertical-align:top;
	padding:3px 0 0 0;
}
.qa_box .ans .text {
	float: left;
	width: 380px;
	margin-right: 50px;
}
.qa_box .ans .image {
	float: left;
	padding-top: 27px;
	width: 301px;
}
.ans p {
	clear: both;
}
.mark{
	color:#cdcdcd;
	padding-right:3px;
}
.indent{
	text-indent:-5px;
	padding-left:5px;
}
.m1{
	padding:30px 0 6px 0;
	font-weight:bold;
	text-indent:-1em;
	padding-left:1em;
}

.datatable{
	border-collapse: collapse;
}
.datatable th{
	font-size: 11px;
	border:1px solid #CCC;
	background-color:#EEE;
	padding: 10px 5px;
	text-align: center;
	white-space: nowrap;
}
.datatable td{
	font-size: 11px;
	position: relative;	
	border:1px solid #CCC;
	padding: 10px 5px;	text-align: center;
	vertical-align: middle;
}
.datatable02{
	margin-bottom: 10px;
	border-collapse: collapse;
	width: 100%;
}
.datatable02 th{
	border:1px solid #ccc;
	background-color:#eee;
	padding: 5px;
	font-size: 12px;
	text-align: center;
	width: 40%;
}
.datatable02 td{
	padding: 5px 15px 5px 5px;
	font-size: 12px;
	border:1px solid #ccc;
	text-align: right;
}
.datatable03{
	border-collapse: collapse;
	width: 100%;
}
.datatable03 th{
	border:1px solid #ccc;
	background-color:#eee;
	padding:10px 2px;
	font-size: 11px;
	line-height: 1.5;
	text-align: center;
}
.datatable03 td{
	border:1px solid #ccc;
	padding: 10px 5px;
	font-size: 12px;
	line-height: 1.5;
}
.datatable03 th.sp_th1{
	width: 50px;
}
.va_m{
	vertical-align: middle;
	text-align: right;
}
.note_mark {
	font-size: 65%;
	position: absolute;
	top: 3px;
	color: #777;
}

div.table_note {
	margin: 20px 0 0;
	color: #777;
	font-size: 80%;
}

ul.pdf {
	list-style-image: url(../../img/li_pdf.gif);
	position: relative;
	left: 10px;
	font-size: 12px;
}

#csr_qa div.ans ul.pdf02 {
	padding-top: 0;
	list-style-image: url(../../img/li_pdf.gif);
	position: relative;
	left: 10px;
}
#csr_navi_foot .csr_navi {
	border-bottom: 0;
}
#csr_navi_foot {
	border-top: solid 1px #afafaf;
	margin-top: 20px;
	margin-bottom: 20px;
}

#csr_navi_foot .csr_navi {
padding: 12px 0 12px 0;
}

#csr_navi_foot .csr_ttl_year {
	text-align: center;
}

#csr_navi_foot .report-title {
	text-align: center;
}

#csr_navi_foot .report-title img {
	height: 20px;
	padding: 10px 0 10px;
}

.ico_square {
	display: block;
	padding-left: 17px;
	background: url(../img/ico_square.gif) no-repeat 0 7px;
}

#page_top{
	opacity: 0.5;
}

#ceroLink{
	font-size: 80%;
}
br.onlypc {
	display: none;
}

.qa_box .ans ol {
	padding-left: 2.5em;
	margin: 10px 0;
}

.qa_box .ans ol li {
	list-style: decimal;
	list-style-position: outside;
}

#csr_qa .pdf_link {
	position: relative;
	padding-left: 30px
}

#csr_qa .pdf_link:before {
	position: absolute;
	display: block;
	content: '';
	left: 0px;
	top: 0.2em;
	width: 25px;
	height: 12px;
	background: url(../../report/img/icon_pdf.gif) 0 0 no-repeat;
}