@charset "utf-8";
/* CSS Document */
/*body {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
}*/

/* default css rewrite
-------------------------------------------------------------*/
/* csr.css line:474 */
#side_navi-csr>dt a{
	color:#fff!important;
}
/* csr.css line:496 */
#side_navi-csr li a{
	color:#333!important;
}

/* rnc_common.css rewrite */
#passNav li:first-child {
	display: block;
}

/* rnc_responsive.css rewrite */
body.responsive .left_side {
	display: block;
	float: left;
	height: auto;
	margin: 0 15px;
	min-width: 190px;
	width: 190px
}
body.responsive #left_side{
	display: block;
	/*float: left;
	height: auto;
	margin: 0 15px;
	min-width: 190px;
	width: 190px*/
}
#left_side::after {
    content: none;
}
/*body.responsive .top_main_box_02 {
	float:none;
	width: 100%;
}
#csr_responcive.pbNested {
	clear: none;
	float: right !important;
}
*/
@media (min-width: 769px) {
	body.responsive .top_main_box_02 {
		float:right;
		width: 765px;
	}
}
@media (max-width: 768px) {
	body.responsive .top_main_box_02 {
		float:none;
		width: 100%;
	}
}

/* rnc_module.css rewrite */
#contents {
	clear: none;
	width: 765px;
}

/* sej_common.css rewrite */
h3,h4 {
	background-color: transparent!important;
}

#csr_responcive {
	margin: 0 15px 0 0;
	float: right;
	width: 750px;
	line-height: 180%;
}

.adjustment-sns {
	margin: 0 50px 10px 0;
}

/* common-parts
-------------------------------------------------------------*/
#pankuzu {
	margin: 0 0 0 15px;	
}
#cmn_delimiter .mg-b {
	margin-bottom:0.5rem !important;
}
p {
	font-size: 100%;
	line-height: 180%;
}

.alignCs {text-align: left;}

/* PC-SP Switch */
.dispPC { display:block;}
.dispSP { display:none;}

/* text Layout
-------------------------------------------------------------*/
/* icon */
#csr_responcive .imgIcon{
	vertical-align:-0.2em;
	padding-right:4px;
}
#csr_responcive .imgIcon.blank{
	padding:0 0 3px 4px;
}

/* title
-------------------------------------------------------------*/
/* pagetitle */
#csr_responcive h1{
	font-size:195.3%;
	line-height:1.25;
	font-weight:bold;
	margin-bottom:30px;
	padding-bottom:4px;
	border-bottom:1px solid #999;
}
#csr_responcive h1.img{
	margin-bottom:30px;
	padding-bottom:0;
	border-bottom:none;
}
#csr_responcive h1>span{
	padding:2px 0 4px 13px;
	display:block;
	border-left:7px solid #f58323;
}
/*#csr_responcive h1+.box-idt>*:first-child{margin-top:0;}*/

/* ttl-h2 */
#csr_responcive .ttl-h2{
	color:#f58323;
	font-size:150%;
	line-height:1.3;
	font-weight:bold;
	margin:60px 0 15px;
}

/* ttl-h3 */
#csr_responcive .ttl-h3{
	font-size:140.625%;
	line-height:1.3;
	font-weight:bold;
	margin:50px 0 18px;
	padding-top:5px;
	border-top:1px solid #ccc;
	position:relative;
}
#csr_responcive .ttl-h3:before{
	content:"";
	width:179px;
	height:0;
	display:block;
	border-top:2px solid #f58323;
	position:absolute;
	top:-1px;
	left:0;
}
#csr_responcive .ttl-h2+.ttl-h3{margin-top:0;}

/* ttl-fig */
#csr_responcive .ttl-fig{
	font-size:109.4%;
	line-height:1.4;
	font-weight:bold;
	margin:30px 0 8px;
	background: none;
}

/* text
-------------------------------------------------------------*/
/* text-atn */
#csr_responcive .text-atn,
#csr_responcive .list-atn{
	font-size:93.75%;
	line-height:1.5;
	margin-top:15px;
}
#csr_responcive .text-atn,
#csr_responcive .list-atn>li{
	text-indent:-1em;
	margin-left:1em;
}
/* textAccent */
#csr_responcive .textAccent{
	color:#f58323;
	font-size:265.625%;
	line-height:1;
	font-weight:normal;
}
#csr_responcive .textAccent .textS{font-size:70%;}
/* figcaption */
#csr_responcive .figcaption{
	font-size:93.75%;
	line-height:1.5;
	display:block;
	margin-top:8px;
}

/* link
-------------------------------------------------------------*/
/* arw */
#csr_responcive .arw{margin-top:15px;}
#csr_responcive .arw a{
	display:inline-block;
	background:url(/library/common/images/common/list_icon_main02.gif) no-repeat 2px 0.35em;
	padding-left:20px;
}
#csr_responcive .arw.pdf a{background:url(/library/common/images/common/pdf_icon_s.gif) no-repeat 0 0.2em;}

/* list
-------------------------------------------------------------*/
/* list-dot */
#csr_responcive .list-dot>li{
	padding-left:1em;
	position:relative;
}
#csr_responcive .list-dot>li:before{
	content:"";
	background:#333;
	display:block;
	width:3px;
	height:3px;
	position:absolute;
	top:0.7em;
	left:0.3em;
	border-radius:3px;
}
/* list-circle */
#csr_responcive .list-circle>li{
	padding-left:1em;
	position:relative;
}
#csr_responcive .list-circle>li:before{
	content:"";
	background:#f58323;
	display:block;
	width:9px;
	height:9px;
	position:absolute;
	top:0.5em;
	left:0.1em;
	border-radius:1em;
}
/* list-num */
#csr_responcive .list-num{margin-left:2em;}
#csr_responcive .list-num>li{list-style-type:decimal;}

/* list-flow */
#csr_responcive .list-flow{margin-right:-15px;}
#csr_responcive .list-flow>li{
	display:inline-block;
	padding-right:15px;
}

/* box
-------------------------------------------------------------*/
/* box-idt */
#csr_responcive .box-idt{
	padding: 0 15px 50px;
}
/* column */
#csr_responcive .box-clm2>.boxL{
	float:left;
	width:350px;
}
#csr_responcive .box-clm2>.boxR{
	float:right;
	width:350px;
}
#csr_responcive .box-clm2.left2x>.boxL,
#csr_responcive .box-clm2.right2x>.boxR{width:474px;}
#csr_responcive .box-clm2.left2x>.boxR,
#csr_responcive .box-clm2.right2x>.boxL{width:227px;}
#csr_responcive .box-clm2.left3x>.boxL,
#csr_responcive .box-clm2.right3x>.boxR{width:535px;}
#csr_responcive .box-clm2.left3x>.boxR,
#csr_responcive .box-clm2.right3x>.boxL{width:165px;}
#csr_responcive .box-clm3>.boxL{
	float:left;
	width:227px;
	margin-right:20px;
}
#csr_responcive .box-clm3>.boxR{
	float:right;
	width:227px;
	margin-left:-1px;
}
#csr_responcive .box-clm4>.boxL{
	float:left;
	width:165px;
	margin-right:20px;
}
#csr_responcive .box-clm4>.boxR{
	float:right;
	width:165px;
}
/* box-bdr */
#csr_responcive .box-bdr{
	margin-top:40px;
	padding:13px;
	border:2px solid #e5e5e5;
}
#csr_responcive .ttl-fig+.box-bdr{margin-top:0;}
#csr_responcive .box-bdr .boxTtl{
	font-size:109.4%;
	line-height:1.3;
	font-weight:bold;
	margin:40px 0 10px;
	padding:1px 0 0 5px;
	border-left:5px solid #f58323;
}
#csr_responcive .box-bdr>.boxTtl:first-child{margin-top:0;}

/* box-bg */
#csr_responcive .box-bg{
	background-color:#f5f5f5;
	margin-top:40px;
	padding:15px;
}
#csr_responcive .box-bdr .box-clm2>.boxL,
#csr_responcive .box-bdr .box-clm2>.boxR,
#csr_responcive .box-bg .box-clm2>.boxL,
#csr_responcive .box-bg .box-clm2>.boxR{width:335px;}
#csr_responcive .box-bdr .box-clm2.left2x>.boxL,
#csr_responcive .box-bdr .box-clm2.right2x>.boxR,
#csr_responcive .box-bg .box-clm2.left2x>.boxL,
#csr_responcive .box-bg .box-clm2.right2x>.boxR{width:459px;}
#csr_responcive .box-bdr .box-clm2.left2x>.boxR,
#csr_responcive .box-bdr .box-clm2.right2x>.boxL,
#csr_responcive .box-bg .box-clm2.left2x>.boxR,
#csr_responcive .box-bg .box-clm2.right2x>.boxL{width:212px;}
#csr_responcive .box-bdr .box-clm2.left3x>.boxL,
#csr_responcive .box-bdr .box-clm2.right3x>.boxR,
#csr_responcive .box-bg .box-clm2.left3x>.boxL,
#csr_responcive .box-bg .box-clm2.right3x>.boxR{width:520px;}
#csr_responcive .box-bdr .box-clm2.left3x>.boxR,
#csr_responcive .box-bdr .box-clm2.right3x>.boxL,
#csr_responcive .box-bg .box-clm2.left3x>.boxR,
#csr_responcive .box-bg .box-clm2.right3x>.boxL{width:150px;}
#csr_responcive .box-bdr .box-clm3>.boxL,
#csr_responcive .box-bdr .box-clm3>.boxR,
#csr_responcive .box-bg .box-clm3>.boxL,
#csr_responcive .box-bg .box-clm3>.boxR{width:217px;}

#csr_responcive .box-clm_dot>.boxL {
    float: left;
    width: 180px;
	text-align:left;
}

#csr_responcive .box-clm_dot>.boxR {
    float: right;
    width: 530px;
}

#csr_responcive .ethical-seal {
	width: 60%;
	}

@media (min-width: 769px) {
#csr_responcive .dot_row {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}

#csr_responcive .dot_row>.boxL {
    text-align: right;
}
	
#csr_responcive .ethical-clm2, #csr_responcive .ethical-inline {
	display: inline-block;
    width: 50%;
    vertical-align: top;
	}
	
#csr_responcive .ethical-seal {
	width: 65%;
	}
}

/* toggle-set
-------------------------------------------------------------*/
#csr_responcive .toggle-set>.toggle-btn{
	padding-left:22px;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	position:relative;
}
#csr_responcive .toggle-set>.toggle-btn:before{
	content:"";
	background:url(/library/common/images/csr/common/icon_toggle.gif) no-repeat 0 0;
	display:block;
	width:16px;
	height:16px;
	margin-top:-9px;
	position:absolute;
	left:0;
	top:50%;
}
#csr_responcive .toggle-set.open>.toggle-btn:before{
	content:" ";/* fix IE8 */
	background-position:0 -16px;
}
#csr_responcive .toggle-set>.toggle-box{display:none;}
#csr_responcive .toggle-set.open>.toggle-box{display:block;}

/* table
-------------------------------------------------------------*/
/* table-data */
#csr_responcive .table-data{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #999;
}
#csr_responcive .table-data th,
#csr_responcive .table-data td{
	vertical-align:middle;
	padding:8px 12px;
	border-bottom:1px solid #999;
	border-left:1px dotted #999;
}
#csr_responcive .table-data th{
	font-weight:bold;
	text-align:left;
}
#csr_responcive .table-data thead th{
	font-weight:bold;
	background-color:#ffd8ac;
	text-align:center;
}
#csr_responcive .table-data tr:nth-child(even) th,
#csr_responcive .table-data tr:nth-child(even) td{background-color:#fff7ee;}
#csr_responcive .table-data th:first-child,
#csr_responcive .table-data td:first-child{border-left:none;}
#csr_responcive .table-data th.bdrL,
#csr_responcive .table-data td.bdrL{border-left:1px dotted #999;}
#csr_responcive .table-data th.bdrLSolid,
#csr_responcive .table-data td.bdrLSolid{border-left:1px solid #999;}
#csr_responcive .table-data th.bdrBDashed,
#csr_responcive .table-data td.bdrBDashed{border-bottom:1px dashed #999;}
#csr_responcive .table-data.padS{font-size:93.75%;}
#csr_responcive .table-data.padS th,
#csr_responcive .table-data.padS td{padding:4px 6px;}

/*=============================================================
 CSR feature Layout
=============================================================*/
/* featureTop-contents
-------------------------------------------------------------*/
#featureTop-contents>.box{
	background-color:#e7f1fa;
	border-radius:0 0 5px 5px;
}
#featureTop-contents>#theme2{background-color:#e5f5f3;}
#featureTop-contents .box01{padding:35px 20px 40px 25px;}
#featureTop-contents .box01 .text{
	float:left;
	width:340px;
}
/* toggle-set */
#featureTop-contents .toggle-set .toggle-btn{
	padding-left:0;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	position:relative;
}
#featureTop-contents .toggle-set>.toggle-btn:before{display:none;}
#featureTop-contents>.box>.toggle-set>.toggle-btn{
	background-color:#cde1f5;
	text-align:center;
	padding:10px;
	border-radius:0 0 5px 5px;
}
#featureTop-contents>#theme2>.toggle-set>.toggle-btn{background-color:#b2e2dc;}
#featureTop-contents>.box>.toggle-set>.toggle-btn>span,
#featureTop-contents>.box>.toggle-set.open>.toggle-btn>img{display:none;}
#featureTop-contents>.box>.toggle-set.open>.toggle-btn>span{display:block;}
#featureTop-contents .toggle-box{padding:10px 25px 60px;}

/* box02 */
#featureTop-contents .box02{
	background:url(/library/csr/images/csr/feature/index_bg_box01_top.png) no-repeat 0 0;
	padding-top:10px;
}
#featureTop-contents .box02>div{
	background:url(/library/csr/images/csr/feature/index_bg_box01_btm.png) no-repeat 0 bottom;
	padding:0 61px 55px;
}
#featureTop-contents .box02 h4{
	color:#00aac8;
	font-size:117.2%;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
	padding-bottom:12px;
	border-bottom:1px solid #ccc;
}
#featureTop-contents .box02 dl{
	float:left;
	width:270px;
	margin-top:20px;
}
#featureTop-contents .box02 dd{margin-top:12px;}

/* arw */
#featureTop-contents .arw a{
	color:#41599b;
	background:url(/library/csr/images/csr/feature/index_arw01.png) no-repeat 2px 0.45em;
	padding-left:14px;
}
/* table01 */
#featureTop-contents .table01{
	background:url(/library/csr/images/csr/feature/index_bg_table01_btm.png) no-repeat 63px bottom;
	padding-bottom:10px;
}
#featureTop-contents .table01 table{
	background:url(/library/csr/images/csr/feature/index_bg_table01.png) repeat-y 67px 0;
	width:100%;
	border-collapse:collapse;
}
#featureTop-contents .table01 th{
	background:url(/library/csr/images/csr/feature/index_bg_table01_mk02.png) no-repeat 63px 0;
	width:85px;
	vertical-align:top;
}
#featureTop-contents .table01 tr:first-child>th{background-image:url(/library/csr/images/csr/feature/index_bg_table01_mk01.png);}
#featureTop-contents .table01 td{
	font-size:109.4%;
	vertical-align:top;
	padding-bottom:15px;
}
#featureTop-contents .table01 td strong{color:#006950;}

/* feature-contents
-------------------------------------------------------------*/
#feature-contents{
	margin-top:50px;
	padding:0 25px;
}
/* feature-menu */
#feature-contents .feature-menu{
	margin-top:40px;
	padding-top:20px;
	border-top:4px dotted #b2e2dc;
}
#feature-contents .feature-menu ul{margin:0 -6px 0 -4px;}
#feature-contents .feature-menu li{float:left;}

/* arw */
#feature-contents .arw a{
	color:#006950;
	background:url(/library/csr/images/csr/feature/arw02.png) no-repeat 2px 0.45em;
	padding-left:14px;
}
/* ttl01 */
#feature-contents .ttl01{
	color:#00a08c;
	font-size:125%;
	line-height:1.15;
	font-weight:bold;
	margin:30px 0 15px;
	padding:1px 0 0 8px;
	border-left:7px solid #00a08c;
}
/* clm */
#feature-contents .box-clm2.left2x>.boxL,
#feature-contents .box-clm2.right2x>.boxR{width:465px;}
#feature-contents .box-clm2.left2x>.boxR,
#feature-contents .box-clm2.right2x>.boxL{width:215px;}

/* library
-------------------------------------------------------------*/
#csr_responcive .library-box .boxR.rightArea{width:505px;}
#csr_responcive .library-box .rightArea dt{
	float: left;
	margin-bottom: 4px;
	width: 320px;
}
#csr_responcive .library-box .rightArea dd{
	float: left;
	margin-bottom: 4px;
	width: 185px;
}
#csr_responcive .library-box .leaflet{
	margin:30px -15px 0 0;
	position:relative;
	display:block;
}
#csr_responcive .library-box .leaflet.lineTop{
	margin:15px -15px 0;
	padding:15px 0 0 15px;
	border-top:1px dotted #949494;
}
#csr_responcive .library-box .leaflet:first-child{margin-top:0;}
#csr_responcive .library-box .leaflet .leaflet_a{
	display:block;
	float:left;
	width:168px;
	margin-right:4px;
}

/* gri
-------------------------------------------------------------*/
/* table-gri */
#csr_responcive .table-gri{
	width:100%;
	border-collapse:collapse;
	border-left:1px solid #999;
	border-top:1px solid #999;
}
#csr_responcive .table-gri th{
	font-weight:bold;
	background-color:#ffd8ac;
}
#csr_responcive .table-gri td,
#csr_responcive .table-gri th{
 vertical-align:top;
 padding:5px 10px;
 border-bottom:1px solid #999;
 border-right:1px solid #999;
}
#csr_responcive .table-gri tr.c1{background-color:#fff7ee;}
#csr_responcive .table-gri tr.c2{background-color:#fffaf5;}
#csr_responcive .table-gri tr.c3{background-color:#eaeaea;}
#csr_responcive .table-gri td dl{
	width:100%;
	overflow:hidden;
}
#csr_responcive .table-gri td dl dt{
	width:4.5em;
	float:left;
	clear:both;
}
#csr_responcive .table-gri td dl dd{
	width:auto;
	margin-left:5em;
}

/* news
-------------------------------------------------------------*/
#csr_responcive .frame {
    padding-top: 20px;
    background-image: none;
}
#csr_responcive .frame2018 {
    background-image: none;
}
#csr_responcive .frame .frame__title--year {
	background-color: #ACCCBA!important;
}
#csr_responcive .frame dl {
    padding: 5px 0 30px;
}
#csr_responcive .frame dl dt,
#csr_responcive .frame2018 dl dt {
    clear: left;
    float: left;
    padding: 10px 0 10px 13px;
    width: 14em;
}
#csr_responcive .frame2018 dl dt {
    width: 8em;
}
#csr_responcive .frame dl dt img {
	height: 19px;
	width: auto;
	margin-right: .5em;
	vertical-align: top;
}
#csr_responcive .frame dl dd,
#csr_responcive .frame2018 dl dd {
    padding: 10px 0 10px 15em;
    background: url(/library/common/images/social/top/line_dotto.gif) repeat-x scroll left bottom transparent;
}
#csr_responcive .frame2018 dl dd {
    padding: 10px 0 10px 9em;
}
#csr_responcive .frame dl dt, 
#csr_responcive .frame dl dd a {
	line-height: 20px;
}

/* nursery
-------------------------------------------------------------*/
#csr_responcive.nursery .billboard {
	width: 100%;
	margin-top: 5px;
}
#csr_responcive.nursery .ttl-h2 {
	color: #000;
	margin: 60px 0 15px;
}
#csr_responcive.nursery .billboard + .ttl-h2 {
	margin: 1.8em 0 15px;
}
#csr_responcive.nursery h3 {
	color: #f38233;
	margin: 1.8em 0 0;
}
#csr_responcive.nursery .imgbox {
	overflow: hidden;
	margin-bottom: 30px;
}
#csr_responcive.nursery .imgbox li {
	width: 47.916667%;
	margin-top: 1.8em;
}
#csr_responcive.nursery .imgbox li:nth-child(odd) {
	float: left;
}
#csr_responcive.nursery .imgbox li:nth-child(even) {
	float: right;
}
#csr_responcive.nursery .imgbox li img {
	width: 100%;
}
#csr_responcive.nursery .movie {
	width: 695px;
	margin: 30px 0;
}
#csr_responcive.nursery .movie img {
	width: 100%;
}
#csr_responcive.nursery p a {
	color: #00a0e9;
}

/* SDGs
-------------------------------------------------------------*/
#csr_responcive p.toListLink {
    margin-top: 10px;
	width: 100%;
}
#csr_responcive #sdgs01 a,
#csr_responcive #sdgs02 a,
#csr_responcive #sdgs03 a,
#csr_responcive #sdgs04 a,
#csr_responcive #sdgs05 a {
    color: #f58323 !important;
}
#csr_responcive p.toListLink a {
    color: #595757 !important;
}
#csr_responcive img.fig2clms {
    width: 100%;
}
#csr_responcive .box_voice01 {
    padding: 5px;
    background-color: #ebf3d1;
    border: 2px solid #29a669;
}
#csr_responcive .box_voice02 {
    padding: 5px;
    background-color: #ffebd3;
    border: 2px solid #f78345;
}
#csr_responcive .box_voice03 {
    padding: 5px;
    background-color: #ffeae8;
    border: 2px solid #f25c65;
}
#csr_responcive .box_voice04 {
    padding: 5px;
    background-color: #eff6db;
    border: 2px solid #a8cc35;
}
#csr_responcive .box_voice01 h4,
#csr_responcive .box_voice01 p,
#csr_responcive .box_voice02 h4,
#csr_responcive .box_voice02 p,
#csr_responcive .box_voice03 h4,
#csr_responcive .box_voice03 p,
#csr_responcive .box_voice04 h4,
#csr_responcive .box_voice04 p{
    padding: 5px;
}
#csr_responcive .box_voice01.boxR p,
#csr_responcive .box_voice02 .boxR p,
#csr_responcive .box_voice03 .boxR p,
#csr_responcive .box_voice04 .boxR p{
    padding: 0;
}

#csr_responcive .title_featur img,
#csr_responcive .title_featur2 img {
	width: 100%;
}

/* responsive style
-------------------------------------------------------------*/
/* basic */
@media screen and (max-width: 768px){
	body.responsive #left_side {
		display: none;
	}
	#csr_responcive {
		float: none;
    	width: 100%;
		margin: 0 auto 10px;
		font-size: 80%;
		padding-top: 20px;
	}
	#cmn_delimiter {
		display: none;
	}
	
	.mT30s {margin-top:30px !important;}
	.mL0s {margin-left:0 !important;}
	.ft200 {font-size:200%!important;}
	.alignCs {text-align: center;}
	
	/* PC-SP Switch */
	.dispPC { display:none;}
	.dispSP { display:block;}
	.p_out:after {
		content: '';
		display: block;
		background: url(/library/common/images/csr/common/p_out.png) no-repeat;
		background-position: right;
		background-size: contain;
		width: 100%;
		padding: 11% 0 0;
		margin: 3% 0 0 0;
	}
	/* title
	------------------------------------------------*/
	/* pagetitle */
	#csr_responcive h1{
		line-height:1.25;
		font-weight:bold;
		margin-bottom:0;
		padding-bottom:4px;
		margin-left: 4%;
		border-bottom:none;
	}
	#csr_responcive h1.img{
		margin-bottom:30px;
		padding-bottom:0;
		border-bottom:none;
	}
	#csr_responcive h1>span{
		padding:2px 0 4px 13px;
		display:block;
		border-left:7px solid #f58323;
	}
	/*#csr_responcive h1+.box-idt>*:first-child{margin-top:0;}*/

	/* ttl-h2 */
	#csr_responcive .ttl-h2{
		margin:40px 0 20px;
		line-height:1.3;
		font-size:125%;
		font-weight:bold;
		color:#f58323;
		text-align: left;
	}
	
	/* ttl-h3 */
	#csr_responcive .ttl-h3{
		font-size:110%;
		line-height:1.3;
		font-weight:bold;
		margin:50px 0 18px;
		padding-top:5px;
		border-top:1px solid #ccc;
		position:relative;
	}

	/* text
	------------------------------------------------*/
	/* figcaption */
	#csr_responcive .figcaption{
		text-align:center;
	}
	/* box
	------------------------------------------------*/
	/* box-idt */
	#csr_responcive .box-idt{
		font-size: 125%;
		line-height: 1.8;
	}
	#csr_responcive .box-idt .fRight{
		float:none !important;
		margin: 0 auto;
		text-align: center;
	}
	/* column */
	#csr_responcive .box-clm2>.boxL,
	#csr_responcive .box-clm2>.boxR{
		float:none;
		margin: 0 auto;
	}
	#csr_responcive .box-clm2.left2x>.boxL,
	#csr_responcive .box-clm2.right2x>.boxR,
	#csr_responcive .box-clm2.left2x>.boxR,
	#csr_responcive .box-clm2.right2x>.boxL,
	#csr_responcive .box-clm2.left3x>.boxL,
	#csr_responcive .box-clm2.right3x>.boxR,
	#csr_responcive .box-clm2.left3x>.boxR,
	#csr_responcive .box-clm2.right3x>.boxL,
	#csr_responcive .box-clm3>.boxL,
	#csr_responcive .box-clm3>.boxR,
	#csr_responcive .box-clm_dot>.boxL, 
	#csr_responcive .box-clm_dot>.boxR,
	#csr_responcive .box-clm_dot_b>.boxL, 
	#csr_responcive .box-clm_dot_b>.boxR{
		width: 100%;
	}
	#csr_responcive .box-clm4{
		
	}
	#csr_responcive .box-clm4>.boxL,
	#csr_responcive .box-clm4>.boxR{
		width:45%;
		margin:0 2%;
	}
	#csr_responcive .box-clm4>.boxR{
		float:left;
	}
	/* box-bg */
	#csr_responcive .box-bdr .box-clm2>.boxL,
	#csr_responcive .box-bdr .box-clm2>.boxR,
	#csr_responcive .box-bg .box-clm2>.boxL,
	#csr_responcive .box-bg .box-clm2>.boxR{width:335px;}
	#csr_responcive .box-bdr .box-clm2.left2x>.boxL,
	#csr_responcive .box-bdr .box-clm2.right2x>.boxR,
	#csr_responcive .box-bg .box-clm2.left2x>.boxL,
	#csr_responcive .box-bg .box-clm2.right2x>.boxR{width:459px;}
	#csr_responcive .box-bdr .box-clm2.left2x>.boxR,
	#csr_responcive .box-bdr .box-clm2.right2x>.boxL,
	#csr_responcive .box-bg .box-clm2.left2x>.boxR,
	#csr_responcive .box-bg .box-clm2.right2x>.boxL{width:212px;}
	#csr_responcive .box-bdr .box-clm2.left3x>.boxL,
	#csr_responcive .box-bdr .box-clm2.right3x>.boxR,
	#csr_responcive .box-bg .box-clm2.left3x>.boxL,
	#csr_responcive .box-bg .box-clm2.right3x>.boxR{width:520px;}
	#csr_responcive .box-bdr .box-clm2.left3x>.boxR,
	#csr_responcive .box-bdr .box-clm2.right3x>.boxL,
	#csr_responcive .box-bg .box-clm2.left3x>.boxR,
	#csr_responcive .box-bg .box-clm2.right3x>.boxL{width:150px;}
	#csr_responcive .box-bdr .box-clm3>.boxL,
	#csr_responcive .box-bdr .box-clm3>.boxR,
	#csr_responcive .box-bg .box-clm3>.boxL,
	#csr_responcive .box-bg .box-clm3>.boxR{width:100%;}
	
	#csr_responcive .boxL .alignC img,
	#csr_responcive .boxR .alignC img,
	#csr_responcive .fLeft .alignC img,
	#csr_responcive .fRight .alignC img {
		text-align: center;
		margin-top: 15px;
	}
	
	/* table
	------------------------------------------------*/
	/* table-data */
	
	/* table-scroll */
	.scroll table {
		width: 720px!important;
	}
	.scroll{
		overflow: auto;
	}
	.scroll::-webkit-scrollbar{
 		height: 5px;
	}
	.scroll::-webkit-scrollbar-track{
 		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
 		background: #f58323;
	}
	/*=============================================================
	CSR feature Layout
	=============================================================*/
	/* featureTop-contents
	-------------------------------------------------------------*/
	#csr_responcive h1.feature,
	#featureTop-contents {
		padding: 0 10px;
		box-sizing: border-box;
		width: 100%;
	}
	#featureTop-contents .box01 {
		padding: 35px 20px 40px;
	}
	#featureTop-contents .box01 .text {
		width: 100%;
		float: none;
	}
	#featureTop-contents .box01 .fRight {
		width: 100%;
		float: none;
		text-align: center;
	}
	#featureTop-contents p,
	#featureTop-contents dd{
		font-size: 125%;
	}
	#featureTop-contents dd{
		line-height: 180%;
	}
	#csr_responcive h1.feature{
		margin-left: 0;
	}
	/* box02 */
	#featureTop-contents .box02,
	#featureTop-contents .box02>div{
		background:none;
	}
	#featureTop-contents .box02>div{
		padding:20px!important;
		background-color: #fff;
	}
	#featureTop-contents .box02 dl {
		float:none!important;
		width: 100%;
	}
	#featureTop-contents #theme1 p.arw {
		font-size:150%;
	}
	
	/* feature-contents
	-------------------------------------------------------------*/
	#csr_responcive .title_featur {
		padding: 0 15px;
	}
	#csr_responcive .title_featur2 {
		padding: 0 15px;
		margin-left: 0;
		margin-right: 0;
	}
	#feature-contents {
		padding:0 15px;
	}
	#feature-contents p{
		font-size: 125%;
	}
	#feature-contents .ttl01{
		font-size:150%;
	}
	#feature-contents .feature-menu {
		text-align: center;
	}
	#feature-contents .feature-menu ul {
		width: 426px;/*142px * 3*/
		margin: 0 auto;
		text-align: center;
	}
	#feature-contents .feature-menu ul li {
		width: 33.33333%;
	}
	/* library
	-------------------------------------------------------------*/
	.library-box .box-clm2.right3x>.boxR{
		width: 100%!important;
	}
	#csr_responcive .library-box .leaflet {
		margin: 30px 0 0 0;
	}
	#csr_responcive .library-box .leaflet.lineTop {
		padding: 15px 15px 0;
	}
	#csr_responcive .library-box .leaflet {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#csr_responcive .library-box .leaflet .leaflet_a {
		width: 40%;
		padding: 0 5%;
		margin-right: 0;
		text-align: center;
		margin-bottom: 15px;
		float: none;
	}
	#csr_responcive .box-bg.library-box {
		padding: 15px 15px 0;
	}
	#csr_responcive .library-box .rightArea dt{
		width: 100%;
		margin-bottom: 0;
	}
	#csr_responcive .library-box .rightArea dd{
		margin-bottom: 1em;
		width: 100%;
	}
	
	
	/* news
	-------------------------------------------------------------*/
	#filterParent{
		margin: 20px 2% 0;
	}
	#filterParent #filterIndicator {
		width: 100%;
		float: none;
	}
	#filterParent #filterIndicator #filterIndicator--inner {
		width: 100%;
		display: table;
	}
	#filterParent #filterIndicator h2 {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
	}
	#filterParent #filterIndicator .menu--all {
		display: table-cell;
		vertical-align: middle;
		text-align: right;
	}
	#filterControl{
		width: 100%!important;
	}
	#filterParent .radioFilter {
		font-size: 130%;
		line-height: 1.8;
	}
	#csr_responcive .frame .frame__title--year {
		margin: 0 2%;
	}
	#csr_responcive .frame dl dt,
    #csr_responcive .frame2018 dl dt {
		width: 100%;
		font-size: 125%;
	}
	#csr_responcive .frame dl dd,
    #csr_responcive .frame2018 dl dd {
		padding: 10px 15px 15px;
		margin: 0 2%;
		font-size: 125%;
	}
	
	/* nursery
	------------------------------------------------*/
	#csr_responcive.nursery .movie {
		width: 100%;
		margin: 10px 0;
	}
    
    /* SDGs
    -------------------------------------------------------------*/
    #csr_responcive .pdf-box {
        padding: 15px;
        font-size: 135%;
    }
    #csr_responcive .pdf-box .boxR {
        width: 100%!important;
    }
    
}


@media screen and (max-width: 475px){

	#feature-contents .feature-menu ul {
		width: 284px;/*142px * 2*/
		margin: 0 auto;
		text-align: center;
	}
	#feature-contents .feature-menu ul li {
		width: 50%;
	}
}
@media screen and (max-width: 333px){
	#feature-contents .feature-menu ul {
		width: 100%;/*142px * 1*/
		margin: 0 auto;
		text-align: center;
	}
	#feature-contents .feature-menu ul li {
		width: 50%;
	}
	#feature-contents .feature-menu ul li img {
		width: 100%;
	}
}