@charset "utf-8";


/* -- Monitor size is 481px - for PC
-------------------------------------------------------------------------------- */
@media (min-width: 481px) {

	#Special header nav > ul > li:nth-of-type(4) > a {
		background-position: -180px -156px;
		background-color: #004196;
	}
	#Special header nav > ul > li:nth-of-type(4) > a:first-of-type img {
		opacity: 0;
	}
	#Special header nav > ul > li:nth-of-type(4) > a:last-of-type img {
		opacity: 1;
	}

/* -- special top
-------------------------------------------------------------------------------- */
	.index article section {
		position: relative;
	}
	.index article section:nth-of-type(n+2) {
		margin-top: 60px;
	}
	.index article section:before {
		content: "";
		background: #61cef3;
		display: block;
		z-index: 0;
	}
	.index article section p,
	.index article section ul {
		position: relative;
		z-index: 1;
	}
	.index article section:before,
	.index article section h2 {
		position: absolute;
		top: 0;
		left: 5%;
		width: 412px;
		height: 84px;
	}
	.index article section h2 {
		z-index: 3;
	}
	.index article section h2 + p img,
	.index article section li img {
		width: 100%;
	}
	.index article section ul {
		display: block;
		overflow: hidden;
	}
	.index article section ul li {
		float: left;
		width: 33.333%;
		display: block;
		position: relative;
	}
	.index article section ul li a span {
		text-indent: -99em;
		display: block;
		width: 100%;
		height: 30px;
		position: absolute;
		bottom: 20px;
		overflow: hidden;
	}
	.index article section ul li:nth-of-type(1) a span { background: url(/rec/shinsotsu/special/img/tour_btn1_tx.png) no-repeat center 0; }
	.index article section ul li:nth-of-type(2) a span { background: url(/rec/shinsotsu/special/img/tour_btn2_tx.png) no-repeat center 0; }
	.index article section ul li:nth-of-type(3) a span { background: url(/rec/shinsotsu/special/img/tour_btn3_tx.png) no-repeat center 0; }
	.index article section ul li:nth-of-type(4) a span { background: url(/rec/shinsotsu/special/img/tour_btn4_tx.png) no-repeat center 0; }
	.index article section ul li:nth-of-type(5) a span { background: url(/rec/shinsotsu/special/img/tour_btn5_tx.png) no-repeat center 0; }
	.index article section ul li a:hover span { background-position: center bottom; }
	.index article section p {
		font-family: 'mgenplus-1c';
		font-size: 20px;
		line-height: 1.35;
		margin-top: 10px;
	}

/* -- denka100message
-------------------------------------------------------------------------------- */
	.message article > h1 {
		height: 150px;
		padding: 60px 5% 0;
		/*border-bottom: solid 1px #f1f1f1;*/
	}
	.message article > h1 img:nth-of-type(1),
	.message article > h1 img:nth-of-type(2) {
		position: static;
		margin-right: 16px;
		min-height: 30px;
		min-width: 0;
		height: 30px;
	}
	.message article > h1 img:nth-of-type(1) {
		width: 147px;
	}
	.message article > h1 img:nth-of-type(2) {
		width: 355px;
	}
	.message article > h1 span {
		font-size: 14px;
		font-weight: normal;
		display: block;
		padding-top: 20px;
	}
	.message article > div select {
		display: none;
	}
	.message article div ul {
		display: block;
		margin-bottom: 30px;
		overflow: hidden;
	}
	.message article div ul li {
		font-size: 14px;
		display: block;
		float: left;
		border: solid 1px #CCC;
		margin-right: 10px;
		padding: 2px 24px;
		cursor: pointer;
	}
	.message article div ul li:hover {
		color: #FFF;
	}
	.message article div ul li.active {
		color: #FFF;
		cursor: default;
	}
	.message article div ul li:nth-of-type(1):hover,
	.message article div ul li:nth-of-type(1).active {
		background: #999;
		border: solid 1px #999;
	}
	.message article div ul li:nth-of-type(2):hover,
	.message article div ul li:nth-of-type(2).active {
		background: #30a158;
		border: solid 1px #30a158;
	}
	.message article div ul li:nth-of-type(3):hover,
	.message article div ul li:nth-of-type(3).active {
		background: #1eb9ee;
		border: solid 1px #1eb9ee;
	}
	.message article div ul li:nth-of-type(4):hover,
	.message article div ul li:nth-of-type(4).active {
		background: #2c6ad0;
		border: solid 1px #2c6ad0;
	}
	.message article div ul li:nth-of-type(5):hover,
	.message article div ul li:nth-of-type(5).active {
		background: #e14d47;
		border: solid 1px #e14d47;
	}
	.message article div ul li:nth-of-type(6):hover,
	.message article div ul li:nth-of-type(6).active {
		background: #e5bb1f;
		border: solid 1px #e5bb1f;
	}
	.message article div ol li {
		float: left;
		width: 195px;
		padding: 20px;
	}
	.message article div ol li > i {
		font: bold 26px/1.25 Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		margin: 5px 0 10px;
		display: block;
	}
	.message article div ol li > span {
		display: block;
		font-size: 12px;
		color: #666;
	}
	.message article div ol li > img {
		margin: 10px -20px 0;
		width: 235px;
	}
	.n4 i,.n5 i,.n6 i,
	.n10 i,.n12 i,.n15 i,.n16 i,.n18 i,
	.n21 i,.n23 i,.n27 i,
	.n30 i,.n31 i,.n35 i,.n36 i,.n38 i,
	.n40 i,.n41 i,.n44 i,.n46 i,.n49 i,
	.n54 i,.n55 i,.n56 i,.n59 i,
	.n61 i,.n63 i,.n64 i,.n65 i,.n68 i,
	.n72 i,.n73 i,.n74 i,.n77 i,.n78 i,
	.n81 i,.n86 i,.n87 i,.n88 i,
	.n91 i,.n94 i,.n95 i,.n97 i,.n99 i {
		font-size: 20px;
	}


/* -- tour
-------------------------------------------------------------------------------- */
	.tour article section h2 {
		font-size: 28px;
		line-height: 1.35;
		color: #004196;
		float: left;
	}
	.tour article section > ul:first-of-type {
		font-size: 0;
		float: right;
		display: block;
		margin: 4px 0 0;
	}
	.tour article section > ul:first-of-type li {
		display: inline-block;
		margin-left: 10px;
	}
	.tour article section > ul:first-of-type li a {
		display: block;
		font-size: 14px;
		line-height: 30px;
		text-align: center;
		height: 30px;
		/*width: 240px;*/
		padding: 0 30px;
		border: 1px solid #CCC;
	}
	.tour article section > ul:first-of-type li a:hover {
		color: #FFF!important;
		text-decoration: none!important;
		background: #004196;
		border: 1px solid #004196;
	}
	.tour article section > ul.subNavi {
		display: block;
		overflow: hidden;
	}
	.tour article section > ul.subNavi li {
		float: left;
		width: 33.333%;
		display: block;
		position: relative;
	}
	.tour article section > ul.subNavi li strong span,
	.tour article section > ul.subNavi li a span {
		text-indent: -99em;
		margin-top: -15px;
		display: block;
		width: 100%;
		height: 30px;
		position: absolute;
		top: 50%;
		overflow: hidden;
	}
	.tour article section > ul.subNavi li:nth-of-type(1) a span,
	.tour article section > ul.subNavi li:nth-of-type(1) strong span { background: url(/rec/shinsotsu/special/img/tour_btn1_tx.png) no-repeat center 0; }
	.tour article section > ul.subNavi li:nth-of-type(2) a span,
	.tour article section > ul.subNavi li:nth-of-type(2) strong span { background: url(/rec/shinsotsu/special/img/tour_btn2_tx.png) no-repeat center 0; }
	.tour article section > ul.subNavi li:nth-of-type(3) a span,
	.tour article section > ul.subNavi li:nth-of-type(3) strong span { background: url(/rec/shinsotsu/special/img/tour_btn3_tx.png) no-repeat center 0; }
	.tour article section > ul.subNavi.secn li:nth-of-type(1) a span,
	.tour article section > ul.subNavi.secn li:nth-of-type(1) strong span { background: url(/rec/shinsotsu/special/img/tour_btn4_tx.png) no-repeat center 0; }
	.tour article section > ul.subNavi.secn li:nth-of-type(2) a span,
	.tour article section > ul.subNavi.secn li:nth-of-type(2) strong span { background: url(/rec/shinsotsu/special/img/tour_btn5_tx.png) no-repeat center 0; }
	.tour article section > ul.subNavi li a:hover span,
	.tour article section > ul.subNavi li strong span { background-position: center bottom!important; }
	.tour article section > ul.subNavi li img {
		width: 100%;
	}
	.bx-wrapper {
		font-size: 14px;
		clear: both;
		padding-top: 30px;
		position: relative;
	}
	.bx-wrapper figure img {
		width: 100%;
	}
	.bx-wrapper figcaption {
		padding-top: 20px;
		height: 140px;
		text-align: center;
	}
	.bx-controls-direction .bx-prev,
	.bx-controls-direction .bx-next {
		text-indent: -99em;
		display: block;
		height: 48px;
		width: 47px;
		position: absolute;
		top: 318px;
		overflow: hidden;
	}
	.bx-controls-direction .bx-prev { left: 18px; background: url(/rec/shinsotsu/special/img/tour_btn_prev.png) no-repeat; }
	.bx-controls-direction .bx-next { right: 18px; background: url(/rec/shinsotsu/special/img/tour_btn_next.png) no-repeat; }
	.bx-pager {
		text-align: center;
		width: 100%;
		bottom: 175px;
		position: absolute;
	}
	.bx-pager .bx-pager-item {
		display: inline-block;
		margin: 0 3px;
		overflow: hidden;
		width: 12px;
		height: 12px;
	}
	.bx-pager .bx-pager-item a {
		text-indent: 9em;
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 5px;
		border: solid 1px #FFF;
	}
	.bx-pager .bx-pager-item a.active {
		background: #004196;
		border: solid 1px #004196;
	}
    
    .tour p.addtxt {
        font-size: 12px;
        color: #666;
        margin-top: 30px;
    }

/* -- report
-------------------------------------------------------------------------------- */
	.report article section section:nth-of-type(-n+3) {
		padding-bottom: 30px;
		overflow: hidden;
	}
	.report article h2,
	.report article h4 {
		font-size: 28px;
		line-height: 1.35;
	}
	.report article h2 {
		margin-bottom: 20px;
	}
	.report article p {
		font-size: 14px;
		line-height: 2;
	}
	.anc {
		font-size: 0;
		margin: 60px 0 30px;
	}
	.anc li {
		display: inline-block;
		margin-right: 10px;
	}
	.anc li a {
		display: block;
		font-size: 14px;
		line-height: 30px;
		text-align: center;
		height: 30px;
		width: 220px;
		border: 1px solid #CCC;
	}
	.anc li a:hover {
		color: #FFF!important;
		text-decoration: none!important;
		background: #004196;
		border: 1px solid #004196;
	}
	.report article h3 {
		position: relative;
	}
	.report article h3#p2 {
		margin-top: 70px;
	}
	.report article h3 img:last-child {
		width: 100%;
	}
	.report article h3 img:first-child {
		position: absolute;
		top: 0;
		left: 0;
	}
	.report article div {
		border-top: solid 1px #CCC;
		border-bottom: solid 1px #CCC;
		padding: 25px 20px;
		margin: 70px 0 50px;
		display: table;
		width: 100%;
		box-sizing: border-box;
	}
	.report article div h4,
	.report article div dl {
		display: table-cell;
		vertical-align: middle;
		height: 120px;
	}
	.report article div h4 img {
		vertical-align: -16px;
		margin-right: 20px;
	}
	.report article div h4 span {
		display: inline-block;
		vertical-align: middle;
	}
	.report article div dl {
		font-size: 11px;
		line-height: 1.5;
		color: #666;
		width: 205px;
		padding-left: 40px;
		border-left: solid 1px #CCC;
	}
	.report article div dl dt {
		margin-bottom: 5px;
	}
	.report article div dl dt strong {
		font-size: 14px;
		display: block;
	}
	.report article figure {
		float: left;
		width: 355px;
	}
	.report article figure img {
		margin-bottom: 20px;
	}
	.report article h5 {
		font-size: 16px;
		color: #004196;
		margin: 30px 0 10px 355px;
	}
	.report article h5 + p {
		margin-left: 390px;
	}


/* -- denkadiversity
-------------------------------------------------------------------------------- */
	.diver article > div {
		width: 100%;
		padding: 0;
		position: relative;
		margin: 0 0 80px 0;
		overflow: hidden;
		background: #f4f6f6;
	}
	.diver article > div h2 {
		font-size: 30px;
		padding: 40px 5%;
		color: #004196;
		width: 50%;
		float: left;
	}
	.diver article > div dl {
		width: 20%;
		float: right;
		padding: 40px 5%;
	}
	.diver article > div dt {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.diver article > div dd {
		font-size: 12px;
	}
	.diver article > section {
		font-size: 14px;
		line-height: 2;
		margin: 80px 0 0 0;
		padding-bottom: 60px;
	}
	.diver figure img {
		width: 100%;
	}
	.diver article > section h3::before {
		background: #004196;
		content: "";
		width: 90px;
		height: 1px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	.diver article > section h3 {
		font-size: 30px;
		line-height: 1.3;
		padding: 25px 0;
		position: relative;
	}
	.diver article > section p {
		margin: 0 0 60px 0;
	}
	.diver article > section:nth-of-type(-n+3) p {
		width: 45%;
		display: table-cell;
		box-sizing: border-box;
	}
	.diver article > section:nth-of-type(-n+3) p:nth-of-type(1) {
		padding: 0 18px 0 0;
	}
	.diver article > section:nth-of-type(-n+3) p:nth-of-type(2) {
		padding: 0 0 0 18px;
	}

}



/* -- Monitor size 480px width below - for Smartphone
-------------------------------------------------------------------------------- */
@media (max-width: 480px) {

/* -- special top
-------------------------------------------------------------------------------- */
    .pc {
        display: none;
    }
    
	.index article section {
		position: relative;
	}
	.index article section:nth-of-type(n+2) {
		margin-top: 35px;
	}
	.index article section h2 {
		height: 110px;
		display: block;
		margin-bottom: 15px;
		overflow: hidden;
		position: relative;
	}
	.index article section h2 {
		position: absolute;
		top: 0;
		left: 15px;
		width: 206px;
		height: 42px;
	}
	.index article section ul {
		display: block;
		overflow: hidden;
	}
	.index article section ul li {
		float: left;
		width: 33.333%;
		height: 150px;
		display: block;
	}
	.index article section ul li span {
		font-size: 10px;
		margin-top: 5px;
		display: block;
	}
	.index article section p:last-of-type {
		font-size: 19px;
		line-height: 1.4;
		margin-top: 15px;
	}


/* -- denka100message
-------------------------------------------------------------------------------- */
	.message article > h1 {
		height: 120px;
		margin-bottom: 0;
		padding: 20px 0 0 15px;
		border-top: solid 1px #f1f1f1;
	}
	.message article > h1 img {
		display: block!important;
		height: 22px!important;
		width: auto!important;
		position: static!important;
		margin-bottom: 13px;
	}
	.message article > h1 span {
		font-size: 13px;
		font-weight: normal;
	}
	.message article > div select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-indent: .01px;
		text-overflow: "";
		font-size: 16px;
		line-height: 38px;
		background: url(/special/img/sp_btn_select.gif) no-repeat right center;
		background-size: 38px 38px;
		display: block;
		width: 100%;
		height: 38px;
		border: solid 1px #CCC;
		margin-bottom: 30px;
	}
	.message article div ul {
		display: none;
	}
	.message article div ol li {
		padding: 15px 0;
		display: block;
		width: 100%;
	}
	.message article div ol li > i {
		font: bold 19px/1.25 Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		margin: 5px 0 10px;
		display: block;
	}
	.message article div ol li > span {
		display: block;
		font-size: 13px;
		color: #666;
	}
	.message article div ol li > img {
		display: none;
	}


/* -- tour
-------------------------------------------------------------------------------- */
	.tour article,
	.tour footer {
		position: relative;
	}
	.tour article section h2 {
		font-size: 19px;
		color: #004196;
		margin-bottom: 20px;
	}
	.tour article section > ul:first-of-type {
		display: none;
	}
	.tour article section > ul.subNavi {
		display: table;
		width: 100%;
	}
	.tour article section > ul.subNavi li {
		display: table-cell;
		width: 33.333%;
	}
	.tour article section > ul.subNavi.secn {
		width: 66.666%;
		margin: 20px 0 0;
	}
	.tour article section > ul li span {
		font-weight: normal;
		font-size: 10px;
		margin-top: 5px;
		display: block;
	}
	.tour article section > ul.subNavi li img {
		width: 100%;
	}
	.bx-wrapper figcaption {
		padding-top: 10px;
		height: 110px;
	}
	.bx-wrapper {
		position: relative;
	}
	.bx-controls-direction .bx-prev,
	.bx-controls-direction .bx-next {
		text-indent: -99em;
		display: block;
		height: 24px;
		width: 24px;
		position: absolute;
		top: 85px;
		overflow: hidden;
	}
	.bx-controls-direction .bx-prev { left: 5px; background: url(/rec/shinsotsu/special/img/tour_btn_prev.png) no-repeat; background-size: 100% 100%; }
	.bx-controls-direction .bx-next { right: 5px; background: url(/rec/shinsotsu/special/img/tour_btn_next.png) no-repeat; background-size: 100% 100%; }
	.bx-pager { display: none; }
    
    .tour p.addtxt {
        font-size: 10px;
        color: #666;
        margin-top: 30px;
    }

	
	
/* -- report
-------------------------------------------------------------------------------- */
	.report article h2,
	.report article h4 {
		font-size: 19px;
		line-height: 1.4;
	}
	.report article h2 {
		margin-bottom: 10px;
	}
	.anc {
		display: table;
		margin: 45px 0 25px;
		width: 100%;
	}
	.anc li {
		display: table-cell;
		width: 50%;
	}
	.anc li:first-child {padding-right: 8px;}
	.anc li:last-child {padding-left: 8px;}
	.anc li a {
		font-size: 10px;
		text-align: center;
		display: block;
		padding: 10px 0;
		border: 1px solid #CCC;
	}
	.report article h3 {
		position: relative;
		height: 110px;
		overflow: hidden;
	}
	.report article h3 img:last-child {
		width: 480px;
	}
	.report article h3 img:first-child {
		height: 42px;
		width: 206px;
		position: absolute;
		left: 0;
		top: 0;
	}
	.report article h3#p2 {
		margin-top: 60px;
	}
	.report article div {
		border-top: solid 1px #CCC;
		border-bottom: solid 1px #CCC;
		margin: 25px 0;
	}
	.report article div.mt60 {
		margin: 60px 0 25px;
	}

	.report article div h4 {
		position: relative;
		padding: 15px 0;
	}
	.report article div h4 span {
		margin-left: 55px;
		display: block;
	}
	.report article div h4 img {
		margin-top: -15px;
		height: 30px;
		width: auto;
		position: absolute;
		left: 8px;
		top: 50%;
	}
	.report article div dl {
		line-height: 1.5;
		color: #666;
		padding: 15px 0;
		border-top: solid 1px #f1f1f1;
	}
	.report article div dl dt {
		font-size: 10px;
		margin-bottom: 5px;
	}
	.report article div dl dt strong {
		font-size: 15px;
		color: #333;
		display: block;
	}
	.report article figure {
		overflow: hidden;
	}
	.report article figure img {
		float: left;
		width: 33.333%;
	}
	.report article h5 {
		font-size: 15px;
		color: #004196;
		margin: 30px 0 10px;
	}


/* -- denkadiversity
-------------------------------------------------------------------------------- */
	.diver article > div {
		width: 100%;
		padding: 0;
		position: relative;
		margin: -30px 0 0 0;
	}
	.diver article > div h2 {
		padding: 20px 15px;
		text-align: left;
		color: #004196;
		font-size: 24px;
	}
	.diver article > div h2 img {
		height: 25px;
		width: auto;
	}
	.diver article > div  figure {
		height: 171px;
		position: relative;
		z-index: -1;
		overflow: hidden;
		padding: 0;
	}
	.diver article > div dl {
		background: #f4f6f6;
		padding: 12px 15px;
		position: relative;
	}
	.diver article > div dt {
		font-size: 20px;
		line-height: 1.2;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.diver article > section {
		margin: 40px 0 0 0;
		padding-bottom: 30px;
	}
	.diver figure {
		padding: 0 15px;
	}
	.diver article > section h3::before {
		background: #004196;
		content: "";
		width: 70px;
		height: 2px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	.diver article > section h3 {
		font-size: 19px;
		line-height: 1.3;
		padding: 15px 0;
		position: relative;
	}
	.diver article > section p {
		margin: 0 0 20px 0;
	}


}

/* -- youngemployee
-------------------------------------------------------------------------------- */
.young section {
	margin: 0 0 60px 0;
}
.young section h2 {
	margin: 0 0 50px 0;
	font-weight: normal;
}
.young section h3 {
    font-size: 28px;
    margin-bottom: 60px;
    padding: 10px 0;
    line-height: 1.6;
    text-align: center;
    border-top: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
}
.young section h4 {
    font-size: 20px;
    margin: 20px 0 40px;
    text-align: center;
}
.young section h4 span {
    padding: 10px;
    margin-right: 10px; 
    color: #ffffff;
    background: #004297;
    border-radius: 50%;
}
.young section ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.young section li.twocolm {
    width: calc(50% - 60px * 2 / 3);
    margin: 0 20px 50px; 
    position: relative;
}
.young section li.twocolm img {
    width: 400px;
    margin: 0 auto;
    display: block;
}
.young section li.twocolm p {
    font-size: 14px;
}
.young section li.twocolm p.subtit {
    margin: 0 12% 10px;
}
.young section li.twocolm .young_box {
    margin-bottom: 20px;
    padding: 10px 0 10px 0;
    overflow: hidden;
}
.young section li.twocolm .l_green {
    border: 2px solid #00974b;
    background: url(/rec/shinsotsu/special/img/young_l_green.png) no-repeat top right;
    background-size: 70px;
}
.young section li.twocolm .r_blue {
    border: 2px solid #004297;
    background: url(/rec/shinsotsu/special/img/young_r_blue.png) no-repeat top right;
    background-size: 70px;
}
.young section li.twocolm ol {
    margin: 0 12% 20px;
    font-size: 12px;
}
.young section li.twocolm .l_green li {
    background: #e2f7eb;
    padding: 8px 20px;
    margin: 0 0 2px 0;
    border-left: 1px solid #047a3f;
}
.young section li.twocolm .r_blue li {
    background: #dfeaf7;
    padding: 8px 20px;
    margin: 0 0 2px 0;
    border-left: 1px solid #004297;
}
.young ol.tab {
    display: block;
    margin: 0 0 30px 0;
    overflow: hidden;
    padding: 0 5%;
}
.young ol.tab li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.young ol.tab li a {
    display: block;
    padding: 5px 20px 3px;
    border: 1px solid #cfcfcf;
}
.young ol.tab li a:hover {
    text-decoration: none;
    background: #004196;
    color: #FFF!important;
    border: 1px solid #004196;
}
.young section li.twocolm .mt30 {
    margin-top: 30px;
}

@media (max-width: 1300px) {
        .young section li.twocolm ol {
            width: 290px;
            margin: 0 auto 20px;
        }
        .young section li.twocolm .pt30 {
            padding: 30px 0 0;
        }
}
@media (max-width: 480px) {
    .young section ul {
        margin: 0;
    }
    .young section li.twocolm {
        width: 100%;
        margin: 0 0 40px; 
    }
    .young section li.twocolm img {
        width: 96%;
    }
    .young section h4 {
        text-align: left;  
        padding-left: 56px;
    }
    .young section li.twocolm p {
        font-size: 16px;
    }
    .young section h4 span {
        margin-left: -56px;
    }
    .young section li.twocolm .pt30 {
        padding: 10px 0 ;
    }
    .young section li.twocolm .pt30_s {
        padding: 36px 0 10px;
    }
    .young section li.twocolm .l_green,
    .young section li.twocolm .r_blue {
        background-size: 50px;
    }
	.young section li.twocolm p.subtit {
    	margin: 0 auto 10px;
		width: 90%;
	}
    .young section li.twocolm ol {
        width: 90%;
        font-size: 14px;
    }
    
    .young ol.tab {
		display: block;
		margin: 0 11px 20px;
        padding: 0;
		overflow: hidden;
        z-index: 7;
        position: relative;
	}
	.young ol.tab li {
		font-size: 10px;
		float: left;
		width: 50%;
		padding: 0 4px 10px;
		box-sizing: border-box;
        margin: 0;
	}
	.young ol.tab li a {
		text-align: center;
		display: block;
		padding: 3px 0 2px;
		border: 1px solid #cfcfcf;
	}

}



/* -- device common
-------------------------------------------------------------------------------- */
.message article div ol {
	overflow: hidden;
}
.message article div ol li > b {
	font-weight: normal;
	color: #FFF;
	font-size: 10px;
	display: inline-block;
	padding: 0 10px;
}
.message article div ol li.cat1 { border-top: solid 1px #30a158; }
.message article div ol li.cat1 > b { background: #30a158; }
.message article div ol li.cat2 { border-top: solid 1px #1eb9ee; }
.message article div ol li.cat2 > b { background: #1eb9ee; }
.message article div ol li.cat3 { border-top: solid 1px #2c6ad0; }
.message article div ol li.cat3 > b { background: #2c6ad0; }
.message article div ol li.cat4 { border-top: solid 1px #e14d47; }
.message article div ol li.cat4 > b { background: #e14d47; }
.message article div ol li.cat5 { border-top: solid 1px #e5bb1f; }
.message article div ol li.cat5 > b { background: #e5bb1f; }