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

/*=====================*/
/* CSR                 */
/*=====================*/

#wrapper #wrap_inner #contents #mainContents { padding: 30px 0 0; }

/* page link */
.pageNavi {}
.pageNavi ul { margin-left:-10px;padding: 15px 0 5px; }
.pageNavi ul li { margin:0 0 10px 10px; float:left;width: 300px; }
.pageNavi ul li a { display:block; }
.pageNavi ul li a:hover { opacity:0.7; }
.pageNavi ul li span { display:block; text-align:center; border:1px solid; padding:15px 0;  }
.pageNavi ul li span i { display:inline-block;font-size: 160%;line-height: 1em;letter-spacing: 0.05em;position: relative;padding-right: 20px; font-weight:bolder; }
.pageNavi ul li span i::after { content: '';width: 7px;height: 7px;border: 0px;border-top: solid 2px #5bc0de;border-right: solid 2px #5bc0de;-ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);transform: rotate(135deg);position: absolute;top: 5px;right: 0;margin-top: -4px; }
.pageNavi .inner { width: 920px;margin: 0 auto; }

.block.wide_layout { background:#F7F7F7; }
.scroll { margin-top: -102px;padding-top: 102px; }

/* block */
#csr_block { padding: 35px 80px 0; }
/*
#csr_block .csr_title { line-height:1em;text-align: center;margin-bottom: 30px; }
#csr_block .csr_title span { background:#fff; display:inline-block; border:1px solid; width: 448px;text-align: center;padding: 23px 0 20px;font-size: 200%;letter-spacing: 0.1em;line-height: 1em; }
*/
#csr_block .n_lead { line-height:1.8em;font-size: 140%; }
#csr_block .csr_list { margin: 15px auto;counter-reset: number; }
#csr_block .csr_list li { font-size: 140%;line-height: 1.6em;margin-bottom: 5px; }
#csr_block .csr_list li:before { counter-increment: number;content: counter(number);font-weight: bolder;color: #fff;background: #000;padding: 5px 0 3px;font-size: 90%;line-height: 1em;margin-right: 8px;display: inline-block;width: 20px;text-align: center;vertical-align: top; }
#csr_block .csr_list li span { display: inline-block;width: 732px; }
#csr_block .csr_list li i { display:block; }
#csr_block .csr_list li i.i_t { font-weight:bolder; }
#csr_block .csr_list li .list_in i { position:relative;padding-left: 23px; }
#csr_block .csr_list li .list_in i:before { background: #C93322;content: "";height: 8px;width: 8px;left: 10px;position: absolute;top: 7px; border-radius:8px; }
#csr_block .extra_bx { margin: 35px auto; }
#csr_block .extra_bx .ex_title { text-align: left;font-size: 180%;font-weight: bolder;padding: 15px 0;margin-bottom: 15px;line-height: 1em;border-bottom: 1px solid #717071; }

/* 1 */
#csr_block #block01 .n_title,
.pageNavi ul li:nth-child(1) span { border-color:#488322; color:#488322; }
#csr_block #block01 .csr_list li i.i_t { color:#488322; }
#csr_block #block01 .csr_list li::before { background:#488322; }
.pageNavi ul li:nth-child(1) span  i::after { border-color:#488322; }
/* 2 */
#csr_block #block02 .n_title,
.pageNavi ul li:nth-child(2) span { border-color:#256EB5; color:#256EB5; }
#csr_block #block02 .csr_list li i.i_t { color:#256EB5; }
#csr_block #block02 .csr_list li::before { background:#256EB5; }
.pageNavi ul li:nth-child(2) span  i::after { border-color:#256EB5; }
/* 3 */
#csr_block #block03 .n_title,
.pageNavi ul li:nth-child(3) span { border-color:#EE6B0D; color:#EE6B0D; }
#csr_block #block03 .csr_list li i.i_t { color:#EE6B0D; }
#csr_block #block03 .csr_list li::before { background:#EE6B0D; }
.pageNavi ul li:nth-child(3) span  i::after { border-color:#EE6B0D; }
/* 4 */
#csr_block #block04 .n_title,
.pageNavi ul li:nth-child(4) span { border-color:#1D2577; color:#1D2577; }
#csr_block #block04 .csr_list li i.i_t { color:#1D2577; }
#csr_block #block04 .csr_list li::before { background:#1D2577; }
.pageNavi ul li:nth-child(4) span  i::after { border-color:#1D2577; }
/* 5 */
#csr_block #block05 .n_title,
.pageNavi ul li:nth-child(5) span { border-color:#C93322; color:#C93322; }
#csr_block #block05 .csr_list li i.i_t { color:#C93322; }
#csr_block #block05 .csr_list li::before { background:#C93322; }
.pageNavi ul li:nth-child(5) span  i::after { border-color:#C93322; }
/* 6 */
#csr_block #block06 .n_title,
.pageNavi ul li:nth-child(6) span { border-color:#00B783; color:#00B783; }
#csr_block #block06 .csr_list li i.i_t { color:#00B783; }
#csr_block #block06 .csr_list li::before { background:#00B783; }
.pageNavi ul li:nth-child(6) span  i::after { border-color:#00B783; }