@charset "utf-8";


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

	article > ol {
		display: block;
		margin: 0 0 20px 5%;
		overflow: hidden;
	}
	article > ol li {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	article > ol li a {
		display: block;
		padding: 5px 20px 3px;
		border: 1px solid #cfcfcf;
	}
	article > ol li a:hover {
		text-decoration: none;
		background: #004196;
		color: #FFF!important;
		border: 1px solid #004196;
	}
	article section {
		margin-top: 160px;
	}
	article section:first-of-type {
		margin-top: 0;
	}
	article section h2 {
		display: block;
		height: 315px;
		margin-bottom: 30px;
	}
	article section h3 {
		font-size: 20px;
		line-height: 1.35;
		color: #004196;
		margin-bottom: 15px;
	}
	article section p {
		font-size: 14px;
		margin-bottom: 50px;
	}
	article section p .note {
		font-size: 12px;
		display: block;
	}
    article section p.note2 {
		font-size: 12px;
		display: block;
	}
	article section ul {
		display: block;
		width: 100%;
		overflow: hidden;
	}
	article section ul li {
		font-size: 12px;
		text-align: center;
		color: #666;
		width: 25%;
		float: left;
		padding-bottom: 25px;
	}
	article section ul li:nth-of-type(5n) {
		clear: both;
	}
	article section ul li img {
		width: 100%;
		margin-bottom: 5px;
	}
	article section#sec1 h2 {
		background: url(/rec/shinsotsu/business/img/sec3_ti_bg.jpg) no-repeat 0 0;
		background-size: 100% auto;
	}
	article section#sec2 h2 {
		background: url(/rec/shinsotsu/business/img/sec5_ti_bg.jpg) no-repeat 0 0;
		background-size: 100% auto;
	}
	article section#sec3 h2 {
		background: url(/rec/shinsotsu/business/img/sec2_ti_bg.jpg) no-repeat 0 0;
		background-size: 100% auto;
	}
	article section#sec4 h2 {
		background: url(/rec/shinsotsu/business/img/sec1_ti_bg.jpg) no-repeat 0 0;
		background-size: 100% auto;
	}
	article section#sec5 h2 {
		background: url(/rec/shinsotsu/business/img/sec5_ti_bg.jpg) no-repeat 0 0;
		background-size: 100% auto;
	}

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

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#Business sup {
		vertical-align: top;
	}
}



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

	article > ol {
		display: block;
		margin: 0 11px 20px;
		overflow: hidden;
	}
	article > ol li {
		font-size: 10px;
		float: left;
		width: 50%;
		padding: 0 4px 10px;
		box-sizing: border-box;
	}
	article > ol li a {
		text-align: center;
		display: block;
		padding: 3px 0 2px;
		border: 1px solid #cfcfcf;
	}
	article section {
		margin-top: 45px;
	}
	article section:first-of-type {
		margin-top: 0;
	}
	article section h2 {
		display: block;
		height: 108px;
		margin-bottom: 15px;
	}
	article section h2 img {
		width: 206px;
		height: 42px;
	}
	article section h3 {
		font-size: 20px;
		line-height: 1.35;
		color: #004196;
		margin-bottom: 15px;
	}
	article section h3 br {
		display: none;
	}
	article section p {
		margin-bottom: 25px;
	}
	article section p .note {
		font-size: 12px;
		display: block;
	}
    article section p.note2 {
        font-size: 12px;
		display: block;
	}
	article section ul {
		display: block;
		width: 100%;
		overflow: hidden;
	}
	article section ul li {
		font-size: 9px;
		color: #666;
		width: 25%;
		float: left;
		padding-bottom: 20px;
	}
    article section#sec2 ul li {
        padding-bottom: 10px;
    }
	article section ul li span {
		margin: 0 10% 0 0;
		display: block;
	}
	article section ul li:nth-of-type(5) {
		clear: both;
	}
	article section ul li img {
		width: 100%;
		margin-bottom: 5px;
	}
	article section#sec1 h2 {
		background: url(/rec/shinsotsu/business/img/sec3_ti_bg.jpg) no-repeat 0 0;
		background-size: 110% auto;
	}
	article section#sec2 h2 {
		background: url(/rec/shinsotsu/business/img/sec5_ti_bg.jpg) no-repeat 0 0;
		background-size: 110% auto;
	}
	article section#sec3 h2 {
		background: url(/rec/shinsotsu/business/img/sec2_ti_bg.jpg) no-repeat 0 0;
		background-size: 110% auto;
	}
	article section#sec4 h2 {
		background: url(/rec/shinsotsu/business/img/sec1_ti_bg.jpg) no-repeat 0 0;
		background-size: 110% auto;
	}
	article section#sec5 h2 {
		background: url(/rec/shinsotsu/business/img/sec5_ti_bg.jpg) no-repeat 0 0;
		background-size: 110% auto;
	}
}