@charset "UTF-8";

/* particularLayout
------------------------------------*/
.particularLayout h2 {
	background-image: url(../../particular/img/h2_bg.jpg);
	background-repeat: no-repeat;
}
.particularLayout #main div.cassette div.cassetteIn,
.particularLayout #main div.cassette2 div.cassetteIn {
	width: 680px;
	margin: 0 auto 70px;
}
.particularLayout #main div.cassette div.cassetteIn ul.nextPg {
	margin: 0 auto 30px;
	text-align: center;
}
.particularLayout #main div.cassette div.cassetteIn ul.nextPg li {
	background: url(../img/icon01.png) no-repeat ;
	background-size: 10px auto;
	background-position: 0 9px;
	padding: 0 30px ;
	margin: 0 10px;
	border-right :1px solid #AAAAAA;
	display: inline-block;
}
.particularLayout #main div.cassette div.cassetteIn ul.nextPg li:last-child {
	border-right :none;
}
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.particularLayout #main div.cassette div.cassetteIn,
					.particularLayout #main div.cassette2 div.cassetteIn {
						width: 300px;
						margin: 0 auto 50px;
					}
				}
/* particularIndexLayout
------------------------------------*/
.particularIndexLayout #main a.blueBox {
	background-color: #5C94BA;
	border: #5C94BA 2px solid;
}
.particularIndexLayout #main a.blueBox:hover {
	background-color: #FFFFFF;
	border: #5C94BA 2px solid;
	color: #5C94BA;
	background-image: url(../../particular/img/icon02.png);
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
}
.particularIndexLayout #main a.pinkBox {
	background-color: #B83F85;
	border: #B83F85 2px solid;
}
.particularIndexLayout #main a.pinkBox:hover {
	background-color: #FFFFFF;
	border: #B83F85 2px solid;
	color: #B83F85;
	background-image: url(../../particular/img/icon01.png);
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
}
.particularIndexLayout #main a.greenBox {
	background-color: #4C9A33;
	border: #4C9A33 2px solid;
}
.particularIndexLayout #main a.greenBox:hover {
	background-color: #FFFFFF;
	border: #4C9A33 2px solid;
	color: #4C9A33;
	background-image: url(../../particular/img/icon03.png);
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
}




.particularIndexLayout #main h2 { margin: 0 0 100px; }
.particularIndexLayout #main div.cassette {
	text-align: center;
	 margin: 0 auto 50px;
}
.particularIndexLayout #main div.cassette p { margin: 0 0 100px;}
.particularIndexLayout #main div.indexDiv01 {
	background-image: url(../../particular/img/index_bg01.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	padding: 40px;
	margin: 0 0 150px;
}
.particularIndexLayout #main div.indexDiv02 {
	background-color: #F6F6F6;
	padding: 83px 0;
	margin: 0;
}
.particularIndexLayout #main div.indexDiv03 {
	background-color: inherit;
	padding: 83px 0;
	margin: 0;
}
.particularIndexLayout #main div.indexDiv02 .div01,
.particularIndexLayout #main div.indexDiv03 .div01,
.particularIndexLayout #main div.indexDiv02 .div02 {
	width: 960px;
	margin: auto;
}
.particularIndexLayout #main div.indexDiv02 p.columnLeft,
.particularIndexLayout #main div.indexDiv03 p.columnLeft {
	width: 450px;
}
.particularIndexLayout #main div.indexDiv02 div.columnRight,
.particularIndexLayout #main div.indexDiv03 div.columnRight {
	width: 450px;
	text-align: left;
}
.particularIndexLayout #main div.indexDiv02 div.columnRight h3,
.particularIndexLayout #main div.indexDiv03 div.columnRight h3 {
	background-image: none;
	padding: 0;
}
.particularIndexLayout #main div.indexDiv02 .div01 div.columnRight p {
	color: #A53879;
	font-size: 100%;
}
.particularIndexLayout #main div.indexDiv03 .div01 div.columnRight p {
	color: #4B85B0;
	font-size: 100%;
}
.particularIndexLayout #main div.indexDiv02 .div02 div.columnRight p {
	color: #4C9933;
	font-size: 100%;
}
				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {	
					.particularIndexLayout #main div.indexDiv02 .div01,
					.particularIndexLayout #main div.indexDiv03 .div01,
					.particularIndexLayout #main div.indexDiv02 .div02 {
						width: 640px;
						margin: auto;
					}
					.particularIndexLayout #main div.indexDiv02 p.columnLeft,
					.particularIndexLayout #main div.indexDiv03 p.columnLeft,
					.particularIndexLayout #main div.indexDiv02 div.columnRight,
					.particularIndexLayout #main div.indexDiv03 div.columnRight {
						width: 40%;
						max-width: 340px;
						min-width: 310px;
					}
				}

				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.particularIndexLayout #main div.cassette p { margin: 0 0 50px;}
					.particularIndexLayout #main div.indexDiv01 {
						background-image: none;
						padding: 0 0 40px 0;
						margin: 0 0 0px;
					}
					.particularIndexLayout #main div.indexDiv02 .div01,
					.particularIndexLayout #main div.indexDiv03 .div01,
					.particularIndexLayout #main div.indexDiv02 .div02 {
						width: 320px;
						margin: auto;
					}
					.particularIndexLayout #main div.indexDiv02 p.columnLeft,
					.particularIndexLayout #main div.indexDiv02 div.columnRight,
					.particularIndexLayout #main div.indexDiv03 p.columnLeft,
					.particularIndexLayout #main div.indexDiv03 div.columnRight {
						width: 300px;
						padding: 0 10px;
						float: none;
					}
				}

/* particularSafetyLayout
------------------------------------*/
.particularSafetyLayout #main h5 {
	border-left: 7px solid #A63879;
}

.particularSafetyLayout #main .divIn ul li {
	margin: 0 0 15px;
}

.particularSafetyLayout #main .divIn ul li.liImg{
	margin: 0 25px 10px 0;
}


.particularSafetyLayout #main div.cassette2 {
	background-image: url(../../particular/safety/img/jiban/bg_img.jpg);
	background-repeat: no-repeat;
	background-position: 20% 0px;
	margin: 0 auto 50px;
	max-width:1000px;
}
.particularSafetyLayout #main div.cassette2 h3,
.particularSafetyLayout #main div.cassette5 h3 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 260px 15px;
	padding: 10px 0;
}
.particularSafetyLayout #main div.cassette2 h3 span,
.particularSafetyLayout #main div.cassette5 h3 span {
	background-image: url(../img/h3_bg02_l.png),
				url(../img/h3_bg02_r.png);
	background-repeat: no-repeat,
						no-repeat;
	background-position: left top,
						right bottom;
	padding: 15px 45px;
	margin: 0 0 0 30px;
	display: inline-block;
}
.particularSafetyLayout #main div.cassette2 .divIn .columnRight {
	width: 480px;
	margin: 50px 0px 0 0;
}
.particularSafetyLayout #main div.cassette3 {
	background-image: none;
	background-color: #EEEEEE;
	margin: 0 auto 50px;
	padding: 50px 0;
	border-bottom: 35px solid #BB4885;
}
.particularSafetyLayout #main div.cassette3 h3,
.particularSafetyLayout #main div.cassette4 h3 {
	background-image: none;
	padding: 0;
	margin: 0 0 30px;
}
.particularSafetyLayout #main div.cassette4 h3{
	background-color: #fff;
}
.particularSafetyLayout #main div.cassette3 .divIn {
	text-align: left;
	width: 700px;
	margin: 0 auto;
}
.particularSafetyLayout #main div.cassette4 h3 span {
	padding: 0 0 0 20px;
	font-size: 90%;
}
.particularSafetyLayout #main div.cassette4 { 
	margin: 0 auto 50px;
}
.particularSafetyLayout #main .mImg1 { 
	margin: 0 0 50px;
}
.particularSafetyLayout #main .mImg1 span.main_grp { 
	background-color: #B83F85;
	padding: 2px 10px 12px;
	margin: 0 6px 0 0 ;
	display: inline-block;
}
.particularSafetyLayout #main .mImg1 span.main_ttl { 
	border: 2px solid #B83F85;
	padding: 0 10px 10px;
	display: inline-block;
}
.particularSafetyLayout #main .mImg2 { 
	margin: 0 auto 50px; text-align: center;
}
.particularSafetyLayout #main div.cassette4 .divIn .div700px .graybg{
 background-color: #EEE; padding: 20px;
}
.particularSafetyLayout #main div.cassette4 .divIn .div700px .graybg ul{ 
	margin: 0 0 20px;
}
.particularSafetyLayout #main div.cassette4 .divIn .div700px .graybg h5{
	border: none;
	margin: 0 0 20px;
	padding: 0;
	font-size: 120%;
}
.particularSafetyLayout #main div.cassette4 .divIn .div700px .graybg h6{
	color: #FFF;
	font-size: 110%;
	margin: 0 0 15px;
}
.particularSafetyLayout #main div.cassette4 .divIn .div700px .graybg h6 span{
	background-color:#666;
	padding: 8px;
}
.particularSafetyLayout #main div.cassette4 .divIn .div700px .graybg ul li.columnLeft {
	width: 350px;
}
.particularSafetyLayout #main div.cassette4 .divIn .div700px .graybg ul li.icon {
	text-align: center;
	margin: 10px 0 110px;
}
.particularSafetyLayout #main div.cassette4 .divIn .div700px p.columnRight,
.particularSafetyLayout #main div.cassette4 .divIn .div700px p.columnLeft {
	width: 310px;
}
.particularSafetyLayout #main div.cassette5 {
	background-image: url(../img/h3_bg03.jpg);
	background-repeat: repeat-x;
	background-position: 50% 0px;
	margin: 0 auto 50px;
}
.particularSafetyLayout #main div.cassette5 h3.kiso { margin: 0;}
.particularSafetyLayout #main div.cassette5 .divIn .columnRight {
	width: 480px;
	margin: 50px 250px 0 0;
}
.particularSafetyLayout #main div.cassette5 .divIn .div700px div.columnLeft { width: 450px;}
.particularSafetyLayout #main div.cassette5 .divIn .div700px div.columnRight { width: 200px; margin: 0;}
.particularSafetyLayout #main ul.listLeft { margin: 0 0 20px;}
.particularSafetyLayout #main ul.listLeft li {
	float: left;
	margin: 5px;
}

.particularSafetyLayout #main .cassette4 .key03 ul li {
	float: left;
	width: 330px;
	line-height: 1.7;
}

.particularSafetyLayout #main .cassette4 .key03 ul li span {font-size: 90%;}
.particularSafetyLayout #main .cassette4 .key03 ul li:first-child { margin: 0 40px 0 0;}

				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {	
					.particularSafetyLayout #main div.cassette3 .divIn { width: 700px;}
					.particularSafetyLayout #main div.cassette2 { background-position: 30% 0px;}
					.particularSafetyLayout #main div.cassette2 .divIn .columnRight { width: 480px; margin: 50px 0 0 0;}
				}

				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.particularSafetyLayout #main div.cassette4 .divIn .div700px p.columnRight,
					.particularSafetyLayout #main div.cassette4 .divIn .div700px p.columnLeft ,
					.particularSafetyLayout #main div.cassette4 .divIn .div700px p.columnRight img,
					.particularSafetyLayout #main div.cassette4 .divIn .div700px p.columnLeft img {
						width: 300px;
					}
					.particularSafetyLayout #main div.cassette3 .divIn .div700px ul li img {
						width: 100%;
					}
					.particularSafetyLayout #main .divIn ul li.liImg {
						margin: 0 ;
					}
					.particularSafetyLayout #main div.cassette3 .divIn { 
						width: 300px;
					}
					.particularSafetyLayout #main div.cassette2 { 
						background-position: 10% 0px;
					}
					.particularSafetyLayout #main div.cassette2 .divIn .columnRight {
						width: 300px;
						margin: 600px 0 0 0;
					}
					.particularSafetyLayout #main div.cassette2 .divIn .columnRight img {
						width: 140px;
						margin: 5px;
					}
					.particularSafetyLayout #main div.cassette2 h3,
					.particularSafetyLayout #main div.cassette5 h3 {
						background-image: none;
						padding: 15px 0;
					}
					.particularSafetyLayout #main div.cassette2 h3 img,
					.particularSafetyLayout #main div.cassette5 h3 img {
						width: 120px;
						padding: 0 0 15px;
					}
					.particularSafetyLayout #main div.cassette2 h3 span,
					.particularSafetyLayout #main div.cassette5 h3 span {
						padding: 10px;
						font-size: 80%;
						-webkit-background-size: 20px auto;
						background-size: 20px auto;
					}
					.particularSafetyLayout #main div.cassette2 h3 span.spText,
					.particularSafetyLayout #main div.cassette5 h3 span.spText {
						font-size: 70%;
					}

					.particularSafetyLayout #main div.cassette3 .divIn h3 img {
						width: 150px;
						margin: 0;
					}
					.particularSafetyLayout #main div.cassette3 .divIn ul .liImg {
						margin: 0 5px 20px;
					}
					
					.particularSafetyLayout #main div.cassette3 .divIn ul.listLeft li img {
						width: 222px;
						margin: 0 35px 10px;
					}
					.particularSafetyLayout #main div.cassette4 h3 img {
						width: 170px;
						margin: 0 0 5px;
						padding: 0 130px 10px 0;
					}
					.particularSafetyLayout #main div.cassette4 h3 span {
						font-size: 75%;
						padding: 0;
					}
					.particularSafetyLayout #main div.cassette4 ul img { 
						margin: 0 0 15px;
					}
					.particularSafetyLayout #main div.cassette4 .divIn ul li img {
					 width: 300px;
					}
					.particularSafetyLayout #main .mImg {
					 margin: 0 0 30px 0;
					}
					.particularSafetyLayout #main div.cassette4 .divIn .div700px ul{
					 margin: 0 0 70px;
					}
					.particularSafetyLayout #main div.cassette4 .divIn .div700px .graybg ul li.columnLeft,
					.particularSafetyLayout #main div.cassette4 .divIn .div700px .graybg ul li img {
						width: 260px;
					}
					.particularSafetyLayout #main div.cassette4 .divIn .div700px .graybg ul li.columnLeft{ margin: 0 0 20px;}
					.particularSafetyLayout #main div.cassette4 .divIn .div700px .graybg ul li.icon img{ width: 17px;}
					.particularSafetyLayout #main div.cassette4 .divIn .div700px .graybg ul li.icon { margin: 20px 0 30px;}
					.particularSafetyLayout #main div.cassette5 .divIn .div700px div.columnLeft { width: 300px;}
					.particularSafetyLayout #main div.cassette5 .divIn .div700px div.columnRight { float:left;}
					.particularSafetyLayout #main .mImg1 span.main_grp { 
						margin: 0 6px 10px 0 ;
					}
					.particularSafetyLayout #main div.cassette2 h3 span,
					.particularSafetyLayout #main div.cassette5 h3 span {
						margin: 0 0 0 10px;
					}
					.particularSafetyLayout #main .cassette4 .key03 ul li { width: 300px;}
					.particularSafetyLayout #main .cassette4 .key03 ul li img { margin: 0;}
					.particularSafetyLayout #main .cassette4 .key03 ul li:first-child { margin: 0 0 20px;}
			}


/* particularSafetyIndexLayout
------------------------------------*/
.particularSafetyIndexLayout #main div.cassetteIn h3 {
	background-color: #fff;
	margin: 0 0 20px;
	padding: 0;
}
.particularSafetyIndexLayout #main div.cassetteIn div.title {
	background: url(../../particular/safety/img/title_bg.png) left top no-repeat;
	height: 317px;
}
.particularSafetyIndexLayout #main div.cassetteIn div.title p{
	margin: 0 0 20px;
}
.particularSafetyIndexLayout #main div.cassetteIn div.title .titleCenter { margin: 0 0 0 90px;}
.particularSafetyIndexLayout #main div.cassetteIn div.title .textRed {
	color: #A53879;
	margin: 60px 0 0 50px;
	background-color: #F5E3ED;
	padding: 10px 30px 20px;
}
.particularSafetyIndexLayout #main div.cassetteIn ul.columnRight {
	width: 225px;
	margin: 25px 0 0;
}
.particularSafetyIndexLayout #main div.cassetteIn ul.columnRight li {
	background: url(../../particular/safety/img/icon.png) no-repeat;
	padding: 0 0 0 25px;
	background-position: 0 50px;
	margin: 20px 0;
}
.particularSafetyIndexLayout #main div.cassetteIn h4{
	color: #A53879;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 30px;
}
.particularSafetyIndexLayout #main div.cassetteIn .textLeft {
	width: 340px;
	float: left;
}
				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {	
					.particularSafetyIndexLayout #main div.cassette { margin: 0 auto;}
				}
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.particularSafetyIndexLayout #main div.cassette { margin: 0 auto;}
					.particularSafetyIndexLayout #main div.cassetteIn div.title {
						background: url(../../particular/safety/img/title_bg_sp.png) left top no-repeat;
						-moz-background-size: 300px auto;
						background-size: 300px auto;
						height: auto;
					}
					.particularSafetyIndexLayout #main div.cassetteIn div.title .titleCenter { margin: 0 20px;}
					.particularSafetyIndexLayout #main div.cassetteIn div.title .textRed {
					 margin: 75px 0 0;
					 padding: 20px;
					}
					.particularSafetyIndexLayout #main div.cassetteIn ul.columnRight { float:left; margin: 0 0 0 35px;}
					.particularSafetyIndexLayout #main div.cassetteIn .textLeft { width: 300px;}
				}


/* particularConformIndexLayout
------------------------------------*/
.particularComformIndexLayout #main div.cassetteIn div.title {
	background: url(../../particular/comfort/img/title_bg.png) left top no-repeat;
	height: 342px;
}
.particularComformIndexLayout #main div.cassetteIn div.title .titleCenter { margin: 25px 0 0 60px;}
.particularComformIndexLayout #main div.cassetteIn div.title .textBlue {
	color: #4B85B0;
	margin: 50px 0 0 50px;
	background-color: #EDF4F8;
	padding: 10px 30px 20px;
}
.particularComformIndexLayout #main div.cassetteIn ul.columnRight {
	width: 225px;
	margin: 10px 0 0;
}
.particularComformIndexLayout #main div.cassetteIn ul.columnRight li {
	background: url(../../particular/comfort/img/icon.png) no-repeat;
	padding: 0 0 0 25px;
	background-position: 0 50px;
	margin: 20px 0;
}
.particularComformIndexLayout #main div.cassetteIn h4{ color: #4B85B0;}


				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.particularComformIndexLayout #main div.cassette div.cassetteIn {
						width: 300px;
						margin: 0 0 40px;
					}
					.particularComformIndexLayout #main div.cassetteIn div.title {
						background: url(../../particular/comfort/img/title_bg_sp.png) left top no-repeat;
						-moz-background-size: 300px auto;
						background-size: 300px auto;
						height: auto;
					}
					.particularComformIndexLayout #main div.cassetteIn div.title .titleCenter { margin: 0 30px;}
					.particularComformIndexLayout #main div.cassetteIn div.title .textBlue {
					 margin: 75px 0 0;
					 padding: 20px;
					}
					.particularComformIndexLayout #main div.cassetteIn ul.columnRight {
						float:left;
						margin: 0 0 0 35px;
					}
				}
				
/* particularEnvironmentIndexLayout
------------------------------------*/
.particularEnvironmentIndexLayout #main div.cassetteIn div.title {
	background: url(../../particular/environment/img/title_bg.png) left top no-repeat;
	height: 317px;
}
.particularEnvironmentIndexLayout #main div.cassetteIn div.title .titleCenter { margin: 0 0 0 65px;}
.particularEnvironmentIndexLayout #main div.cassetteIn div.title .textGreen {
	color: #4C9933;
	margin: 60px 0 0 50px;
	background-color: #EEF7EB;
	padding: 10px 30px 20px;
}
.particularEnvironmentIndexLayout #main div.cassetteIn h4{ color: #4C9933;}
.particularEnvironmentIndexLayout #main div.cassetteIn ul.columnRight li {
	background: url(../../particular/environment/img/icon.png) no-repeat;
	padding: 0 0 0 25px;
	background-position: 0 50px;
	margin: 20px 0;
}
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.particularEnvironmentIndexLayout #main div.cassetteIn div.title {
						background: url(../../particular/environment/img/title_bg_sp.png) left top no-repeat;
						-moz-background-size: 300px auto;
						background-size: 300px auto;
						height: auto;
					}
					.particularEnvironmentIndexLayout #main div.cassetteIn div.title .titleCenter { margin: 0 30px;}
					.particularEnvironmentIndexLayout #main div.cassetteIn div.title .textGreen {
						margin: 60px 0 0;
						padding: 20px;
					}
					.particularEnvironmentIndexLayout #main div.cassetteIn ul.columnRight {
						float:left;
						margin: 0 0 0 35px;
					}
					.particularEnvironmentIndexLayout #main div.cassette3 .divIn h3 img {
						margin: 0;
						width: 150px;
					}
					.particularEnvironmentIndexLayout #main div.cassette4 h3 img {
						margin: 0 0 5px;
						padding: 0 130px 10px 0;
						width: 170px;
					}
					.particularEnvironmentIndexLayout #main div.cassette2 h3 img,
					.particularEnvironmentIndexLayout #main div.cassette5 h3 img {
						width: 120px;
					}
					.particularEnvironmentIndexLayout #main div.cassette2 h3 span,
					.particularEnvironmentIndexLayout #main div.cassette5 h3 span {
						margin: 0 0 0 10px;
						padding: 10px 5px;
						font-size: 80%;
					}
				}

/* particularComfortLayout
------------------------------------*/				
.particularComfortLayout #main .mImg1 span.main_grp {
    background-color: #5C94BA;
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 2px 10px 12px;
}
.particularComfortLayout #main .mImg1 span.main_ttl {
    border: 2px solid #5C94BA;
    display: inline-block;
    padding: 0 10px 10px;
}
.particularComfortLayout #main .mImg2 {
    margin: 0 auto 50px;
    text-align: center;
}
.particularComfortLayout #main .cassette .redLine {
    border: 2px solid #5C94BA;
}
.particularComfortLayout #main .cassette .redLine p {
    color: #5C94BA;
}
.particularComfortLayout #main div.cassette5 h3 {
    background-image: none;
    background-position: 260px 15px;
    background-repeat: no-repeat;
    padding: 10px 0;
}
.particularComfortLayout #main div.cassette5 {
    background-image: url("../img/h3_bg03.jpg");
    background-position: 50% 0;
    background-repeat: repeat-x;
    margin: 0 auto 50px;
}
.particularComfortLayout #main div.cassette5 h3 span {
    background-image: url("../img/h3_bg02_l.png"), url("../img/h3_bg02_r.png");
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
    margin: 0 0 0 30px;
    padding: 15px 45px;
    display: inline-block;
}
.particularComfortLayout #main div.cassette4 .divIn .div700px p.columnLeft { width: 340px; }
.particularComfortLayout #main div.cassette5 .divIn .div700px .columnLeft { width: 400px; }
.particularComfortLayout #main div.cassette5 {
    border-bottom: 35px solid #4B85B0;
    margin: 0 auto 50px;
}
.particularComfortLayout #main div.cassette3 h3,
.particularComfortLayout #main div.cassette4 h3 {
    background-image: none;
    margin: 0 0 30px;
    padding: 0;
}
.particularComfortLayout #main div.cassette4 h3 {
	background-color: #fff;
}
.particularComfortLayout #main div.cassette4 h3 span {
    font-size: 90%;
    padding: 0 0 0 20px;
}
.particularComfortLayout #main h5 {
    border-left: 7px solid #4B85B0;
}
.particularComfortLayout #main div.cassette4 .divIn .div700px ul li {
	border-bottom: 2px solid #E96E13;
	margin: 0 0 20px;
	font-size: 120%;
	font-weight: bold;
	line-height: 4;
}
.particularComfortLayout #main div.cassette4 .divIn .div700px ul li span {
	padding: 20px;
}
.particularComfortLayout #main div.cassette4 .div700px .style01 tr .orangeBg {
	background-color: #FFD78F;
}
.particularComfortLayout #main div.cassette4 .div700px .style01 tr .yellowBg {
	background-color: #FFFAC6;
}

				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {	
					.particularSafetyIndexLayout #main div.cassette { margin: 0 auto;}
				}
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.particularComfortLayout #main div.cassette4 .divIn .div700px p.columnLeft { width: 300px; }
					.particularComfortLayout #main div.cassette5 .divIn .div700px .columnLeft { width: 300px; }
					.particularComfortLayout #main div.cassette4 .divIn .div700px ul li {
						font-size: 95%;
						line-height: 2;
					}
					.particularComfortLayout #main div.cassette4 .divIn .div700px ul li img {
						width: 50px;
						margin: 0 240px 5px 0;
					}
					.particularComfortLayout #main div.cassette4 .divIn .div700px ul li span {
						padding: 5px;
					}
					.particularComfortLayout #main div.cassette3 .divIn h3 img {
						margin: 0;
						width: 150px;
					}
					.particularComfortLayout #main div.cassette4 h3 img {
						margin: 0 0 5px;
						padding: 0 130px 10px 0;
						width: 170px;
					}
					.particularComfortLayout #main div.cassette2 h3 img,
					.particularComfortLayout #main div.cassette5 h3 img {
						width: 120px;
						padding: 0 0 10px;
					}
					.particularComfortLayout #main div.cassette2 h3 span,
					.particularComfortLayout #main div.cassette5 h3 span {
						margin: 0 0 0 10px;
						padding: 10px;
						font-size: 80%;
						-webkit-background-size: 20px auto;
						background-size: 20px auto;
					}
					.particularComfortLayout #main div.cassette4 .div700px table th,
					.particularComfortLayout #main div.cassette4 .div700px table td {
						display: table-cell;
						font-size: 80%;
						padding: 8px;

					}
				}
				
/* particularEnvironmentLayout
------------------------------------*/
.particularEnvironmentLayout #main .mImg1 span.main_grp {
    background-color: #4C9A33;
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 2px 10px 12px;
}
.particularEnvironmentLayout #main .mImg1 span.main_ttl {
    border: 2px solid #4C9A33;
    display: inline-block;
    padding: 0 10px 10px;
}
.particularEnvironmentLayout #main .mImg2 {
    margin: 0 auto 50px;
    text-align: center;
}
.particularEnvironmentLayout #main .cassette .redLine {
    border: 2px solid #4C9A33;
}
.particularEnvironmentLayout #main .cassette .redLine p {
    color: #4C9A33;
}
.particularEnvironmentLayout #main div.cassette5 {
    border-bottom: none;
}
.particularEnvironmentLayout #main div.cassette5 {
    background-image: url("../img/h3_bg03.jpg");
    background-position: 50% 0;
    background-repeat: repeat-x;
    margin: 0 auto 50px;
}
.particularEnvironmentLayout #main div.borderG{
    border-bottom: 35px solid #4C9A33;
}
.particularEnvironmentLayout #main div.cassette3 {
    background-color: #eeeeee;
    background-image: none;
    border-bottom: 35px solid #4C9A33;
    margin: 0 auto 50px;
    padding: 50px 0;
}
.particularEnvironmentLayout #main div.cassette3 h3,
.particularEnvironmentLayout #main div.cassette4 h3 {
    background-image: none;
    margin: 0 0 30px;
    padding: 0;
}
.particularEnvironmentLayout #main div.cassette4 h3 {
	background-color: #fff;
}
.particularEnvironmentLayout #main div.cassette4 h3 span {
    font-size: 90%;
    padding: 0 0 0 20px;
}
.particularEnvironmentLayout #main h5 {
    border-left: 7px solid #4C9A33;
}
.particularEnvironmentLayout #main div.cassette3 div.div700px div.div02 .columnRight,
.particularEnvironmentLayout #main div.cassette4 div.div700px div.div01 .columnLeft,
.particularEnvironmentLayout #main div.cassette4 div.div700px div.div02 .columnRight {
	width: 270px;
}
.particularEnvironmentLayout #main div.cassette3 div.div700px div.div02 .columnLeft,
.particularEnvironmentLayout #main div.cassette4 div.div700px div.div01 .columnRight,
.particularEnvironmentLayout #main div.cassette4 div.div700px div.div02 .columnLeft {
	width: 400px;
}
.particularEnvironmentLayout #main div .divstyle01 {
	background-color: #fff;
	border: 1px solid #BBBBBB;
	padding: 30px;
}
.particularEnvironmentLayout #main div.cassette5 .divstyle01 .div03 {
	border-bottom: solid 1px #BBBBBB;
	margin: 0 0 30px;
}
.particularEnvironmentLayout #main div.cassette5 .divstyle01 .div03:last-child {
	border-bottom: none;
	margin: 0;
}

.particularEnvironmentLayout #main div.cassette5 .divstyle01 .div03  .columnLeft {
	width: 150px;
}
.particularEnvironmentLayout #main div.cassette5 .divstyle01 .div03  .columnRight {
	width: 450px;
}
.particularEnvironmentLayout #main div .divstyle01 .div01 .columnLef,
.particularEnvironmentLayout #main div .divstyle01 .div01 .columnRight {
	width: 310px;
}
.particularEnvironmentLayout #main div.cassette5 div.divIn div.div700px p.columnLeft,
.particularEnvironmentLayout #main div.cassette5 div.divIn div.div700px p.columnRight {
	width: 320px;
}
.particularEnvironmentLayout #main div.cassette5 div.divIn div.div700px .div03 p.columnLeft {
	width: 140px;
}
.particularEnvironmentLayout #main div.cassette5 .divstyle01 .div04  .columnLeft {
	width: 270px;
}
.particularEnvironmentLayout #main div.cassette5 .divstyle01 .div04  .columnRight {
	width: 360px;
}
.particularEnvironmentLayout #main div.cassette4 .div05  .columnLeft {
	width: 390px;
}
.particularEnvironmentLayout #main div.cassette4 .div05  .columnRight {
	width: 290px;
}

.particularEnvironmentLayout #main div.cassette4 p span {
	font-size: 90%;
}

				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.particularEnvironmentLayout #main div.cassette3 div.div700px div.div02 .columnLeft,
					.particularEnvironmentLayout #main div.cassette4 div.div700px div.div01 .columnRight,
					.particularEnvironmentLayout #main div.cassette4 div.div700px div.div02 .columnLeft {
						width: 300px;
					}
					.particularEnvironmentLayout #main div.cassette5 .divstyle01 .div03 .columnRight {
						width: 240px;
					}
					.particularEnvironmentLayout #main div .divstyle01 .div01 .columnLef,
					.particularEnvironmentLayout #main div .divstyle01 .div01 .columnRight {
						width: 240px;
					}
					.particularEnvironmentLayout #main div.cassette5 div.divIn div.div700px p.columnLeft,
					.particularEnvironmentLayout #main div.cassette5 div.divIn div.div700px p.columnRight {
						width: 300px;
					}
					.particularEnvironmentLayout #main div.cassette5 .divstyle01 .div04  .columnRight {
						width: 300px;
					}
					.particularEnvironmentLayout #main div.cassette4 .div05  .columnLeft {
						width: 300px;
					}
					.particularEnvironmentLayout #main div.cassette4 .div05  .columnRight {
						width: 290px;
					}
					.particularEnvironmentLayout div.cassette3 .divIn h3 img {
						margin: 0;
						width: 150px;
					}
					.particularEnvironmentLayout #main div.cassette4 h3 img {
						margin: 0 0 5px;
						padding: 0 130px 10px 0;
						width: 170px;
					}
				}

/* philosophyLayout
------------------------------------*/
.philosophyLayout h2 {
	background: url(../../particular/img/h2_bg_philosophy.jpg) no-repeat;
}

.philosophyLayout #main .cassette .textCenter { text-align: center;}
.philosophyLayout #main .cassette {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

.philosophyLayout #main .cassette .cassetteIn {
	padding: 0 20px;
	margin: 0 0 30px;
}

.philosophyLayout #main .cassette h3{
	background: none;
	padding: 0;
	display: inline-block;
	margin: 0 0 20px;
}

.philosophyLayout #main .cassette.welcome .cassetteIn.clearfix h3{ margin: 110px 0 20px 0;}
.philosophyLayout #main .cassette.welcome .columnRight { width: 630px;}
.philosophyLayout #main .cassette.welcome .explain { margin: 0 0 70px;}
.philosophyLayout #main .cassette.welcome .explain .textCenter { margin: 0 0 60px;}
.philosophyLayout #main .cassette.welcome .explain .clearfix,
.philosophyLayout #main .cassette.welcome .inherit ul li{font-size: 90%;}
.philosophyLayout #main .cassette.welcome .explain .clearfix p.columnLeft { margin: 0 30px 0 0;}
.philosophyLayout #main .cassette.welcome .explain .clearfix p.columnRight { margin: 0 0 0 30px;}
.philosophyLayout #main .cassette.welcome .explain .clearfix div { margin: 30px 0 0;}
.philosophyLayout #main .cassette.welcome .explain .leftBox {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 0 0 30px;
}

.philosophyLayout #main .cassette.welcome .explain .rightBox {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 0 0 30px;
}

.philosophyLayout #main .cassette.welcome .explain h4 {
	margin: 30px;
	height: 150px;
}
.philosophyLayout #main .cassette.welcome .explain .rightBox h4 { margin: 30px 30px 30px 0;}
.philosophyLayout #main .cassette.welcome .explain .columnRight { width: auto;}
.philosophyLayout #main .cassette.welcome .cassetteIn.inherit p.columnRight { width: 38%;}
.philosophyLayout #main .cassette.welcome .explain .leftBox.shine { padding: 0;}
.philosophyLayout #main .cassette.welcome .explain .leftBox.soil {
	padding: 0;
	border-bottom: 1px solid #CCCCCC;
}

.philosophyLayout #main .cassette.welcome .inherit ul { margin: 20px 0 30px;}
.philosophyLayout #main .cassette.welcome .inherit ul li { 
	width: 420px;
	height: 310px;
}
.philosophyLayout #main .cassette.welcome .inherit ul .case04 { height: auto;}
.philosophyLayout #main .cassette.welcome .inherit ul li .columnLeft { width:240px;}
.philosophyLayout #main .cassette.welcome .inherit ul li .columnRight span {font-size: 90%;}
.philosophyLayout #main .cassette.welcome .inherit ul h4 { padding: 0 0 15px;}
.philosophyLayout #main .cassette.welcome .inherit ul .case01 h4 {border-bottom: 3px solid #F5A900;}
.philosophyLayout #main .cassette.welcome .inherit ul .case02 h4 {border-bottom: 3px solid #6EB82B;}
.philosophyLayout #main .cassette.welcome .inherit ul .case03 h4 {border-bottom: 3px solid #7F4100;}
.philosophyLayout #main .cassette.welcome .inherit ul .case04 h4 {border-bottom: 3px solid #221714;}
.philosophyLayout #main .cassette.welcome .inherit ul .case04 .columnRight img { margin: 0 0 10px;}
.philosophyLayout #main .cassette.welcome .inherit ul .case03 ul {
	list-style: disc;
	margin: 0 0 10px;
	padding: 0 0 0 15px;
}
.philosophyLayout #main .cassette.welcome .inherit ul .case03 ul li {
	height: auto;
	width: auto;
	font-size: 100%;
}

.philosophyLayout #main .cassette#domestic h3 { margin: 0 0 10px;}
.philosophyLayout #main .cassette#domestic p { font-size: 120%;}
.philosophyLayout #main .cassette#domestic h4 {
	text-align: center;
	margin: 0 0 30px;
}

.philosophyLayout #main #domestic.cassette .cassetteIn { margin: 50px 0 30px;}
.philosophyLayout #main #domestic.cassette .cassetteIn .columnLeft { width: 45%;}
.philosophyLayout #main #domestic.cassette .cassetteIn .columnRight{
	font-size: 100%;
	width: 440px;
}
.philosophyLayout #main #domestic.cassette .cassetteIn .clearfix { margin: 0 0 50px;}

				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {
					.philosophyLayout #main .cassette { width: 768px;}
					.philosophyLayout #main .cassette.welcome .cassetteIn.clearfix h3{ margin: 0 0 20px 0;}
					.philosophyLayout #main .cassette.welcome .cassetteIn p.columnRight { width: auto;}
					.philosophyLayout #main .cassette.welcome .explain .clearfix p.columnLeft,
					.philosophyLayout #main .cassette.welcome .explain .clearfix p.columnRight { height: 300px;}
					.philosophyLayout #main .cassette.welcome .explain .clearfix div p {
						margin: 0;
						padding: 0 0 15px;
					}
					.philosophyLayout #main .cassette.welcome .inherit ul li {width: 350px;}
					.philosophyLayout #main .cassette.welcome .cassetteIn.inherit p.columnRight { width: 30%;}
					.philosophyLayout #main .cassette#domestic h3 img { width: 100%;}
					.philosophyLayout #main #domestic.cassette .cassetteIn .columnLeft { width: 35%;}
				}
				/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.philosophyLayout #main .cassette,
					.philosophyLayout #main .cassette.welcome .explain .textCenter img{ width: 100%;}
					.philosophyLayout #main .cassette .cassetteIn { padding: 0 10px;}
					.philosophyLayout h2 { margin: 0;}
					.philosophyLayout h2 img { width: 95%;}
					.philosophyLayout #main .cassette.welcome .cassetteIn.clearfix h3{ margin: 0 0 20px 0;}
					.philosophyLayout #main .cassette.welcome .columnRight { width: auto;}
					.philosophyLayout #main .cassette.welcome .explain h4,
					.philosophyLayout #main .cassette.welcome .explain .rightBox h4{
						height: auto;
						margin: 15px 0;
					}
					.philosophyLayout #main .cassette.welcome .explain h4 img { width: 50px;}
					.philosophyLayout #main .cassette.welcome .explain .clearfix p img,
					.philosophyLayout #main .cassette.welcome .explain .clearfix div img { width: 300px;}
					.philosophyLayout #main .cassette.welcome .explain .clearfix p.columnLeft,
					.philosophyLayout #main .cassette.welcome .explain .clearfix p.columnRight { margin: 0;}
					.philosophyLayout #main .cassette.welcome .explain .leftBox,
					.philosophyLayout #main .cassette.welcome .explain .rightBox,
					.philosophyLayout #main .cassette.welcome .explain .leftBox.soil{
						border: none;
					}
					.philosophyLayout #main .cassette.welcome .inherit ul li { height: auto;}
					.philosophyLayout #main .cassette.welcome .inherit ul li,
					.philosophyLayout #main .cassette.welcome .inherit ul li .columnLeft,
					.philosophyLayout #main #domestic.cassette .cassetteIn .columnRight { width: 100%;}
					.philosophyLayout #main .cassette.welcome .cassetteIn.inherit p.columnRight { width: 160px;}
					.philosophyLayout #main .cassette#domestic h3 img,
					.philosophyLayout #main .cassette#domestic h4 img { width: 95%;}
					.philosophyLayout #main .cassette#domestic p{ font-size: 90%;}
				}

/* tfLayout
------------------------------------*/
.tfLayout h2 {
	background: url(../../particular/img/h2_bg.jpg) no-repeat;
}

.philosophyLayout #main .cassette h3 {
	margin: 0 0 30px;
}

.tfLayout #main .cassette .cassetteIn {
	padding: 0 10px;
	margin: 0 0 50px;
}

.tfLayout #main .cassette .cassetteIn .columnRight {
	margin: 30px 0;
}

.tfLayout #main .cassette .cassetteIn div.clearfix {
	margin: 0 0 30px;
	width: 900px;
}

.tfLayout #main .cassette .cassetteIn h5 {
	background: #F3F3F3;
	border: none;
	padding: 20px;
	display: inline-block;
	font-size: 120%;
}

.tfLayout #main .cassette .cassetteIn table tr th {
	border-right : 1px solid #d6d6d6;
}

.tfLayout #main .cassette .cassetteIn .clearfix p.columnLeft {
	font-size: 90%;
}

.tfLayout #main .cassette .cassetteIn ul li {
	background-color: #E6F1FF;
	border-radius: 5px;
	padding: 110px 30px 0;
	width: 47%;
	height: 19em;
	margin: 0 0 30px;
	box-sizing: border-box;
}

.tfLayout #main .cassette .cassetteIn ul .columnLeft {
	background-image: url(../../particular/img/tf/icon_01.png);
	background-repeat: no-repeat;
	background-position: center 30px; 
}

.tfLayout #main .cassette .cassetteIn ul .columnRight {
	background-image: url(../../particular/img/tf/icon_02.png);
	background-repeat: no-repeat;
	background-position: center 30px;
	margin: 0;
}

.tfLayout #main .cassette .cassetteIn ul li h5 {
	background: none;
	color: #2A5884;
	padding: 0;
	display: block;
	text-align: center;
}

				/* 【タブレット用のスタイル記述】 */
				@media screen and (max-width: 1203px) and (min-width: 768px) {
					.tfLayout #main .cassette .cassetteIn div.clearfix .columnLeft,
					.tfLayout #main .cassette .cassetteIn div.clearfix .columnRight {
						float: none;
					}

					.tfLayout #main .cassette .cassetteIn ul li h5 {
						font-size: 110%;
					}
				}

/* 【スマートフォン用のスタイル記述】 */
				@media screen and (max-width: 767px) {
					.tfLayout h2 img {
						width: 161px;
					}

					.tfLayout #main .cassette .cassetteIn div.clearfix {
						width: 100%;
					}

					.tfLayout h3 img,
					.tfLayout #main .cassette .cassetteIn div.clearfix img {
						width: 95%;
					}

					.tfLayout #main .cassette .cassetteIn table tr th {
						border-right : none;
					}

					.tfLayout #main .cassette .cassetteIn ul li {
						width: 100%;
					}
				}