@charset "utf-8";
/*安全*/

.safety #contents {
    padding-bottom:50px;
    background:url(../../../kiso/files/img/common/bg_parts.jpg);
}
.safety .spotText{
	color:#E5134A;
}
.safety .inner p, .safety #attentionArea p, .safety #attentionBottom p{
	font-size:124%;
	line-height:160%;
}

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

.safety .safetyGoods .goodsItem a span{
    font-size:13px;
}

}

@media screen and (max-width: 767px) {
.safety .pc{
	display:none;
}
#mainAreaCont .breadcrumb .breadcrumbIn {
    width: 100% !important;
}
.safety #contents {
	padding:0;
	width:100%;
	margin:0 auto;
 }
.safety #attentionArea {
  background-color: #fbe6ae;
  border-bottom: 10px solid #92cebd;
  border-top: 10px solid #92cebd;
  margin: 8px 0 0;
}
.safety #attentionArea .setBox {
    background: none;
    box-sizing: border-box;
	height:auto;
	max-width:640px;
	padding:20px 0px;
	width:100%;
	margin:0 auto;
}
.safety #attentionArea .setBox h2.readTtl{
	background:none;
	font-size:200%;
	font-weight:bold;
	max-width:640px;
	width:100%;
	margin:0 auto;
}
.safety #attentionArea .setBox .readBox{
	background: none;
	max-width:640px;
	width:100%;
}
.safety #attentionArea .setBox .readBox h3{
	font-size:170%;
	font-weight:bold;
}
.safety .flatArea{
	background:#4EB09C;
	padding:20px 0;
}
.safety .flatArea .kt01{
	background: url("/kiso/files/img/safety/img_ttl_kt01_sp.png") no-repeat scroll right top;
}
.safety .flatArea .point01{
	background: url("/kiso/files/img/safety/ico_safety_01.gif") no-repeat scroll 10px top;
	background-size:60px 64px;
}
.safety .flatArea .kt02{
	background: url("/kiso/files/img/safety/img_ttl_kt02_sp.png") no-repeat scroll right top;
}
.safety .flatArea .point02{
	background: url("/kiso/files/img/safety/ico_safety_02.gif") no-repeat scroll 10px top;
	background-size:60px 65px;
}
.safety .flatArea .kt03{
	background: url("/kiso/files/img/safety/img_ttl_kt03_sp.png") no-repeat scroll right top;
}
.safety .flatArea .point03{
	background: url("/kiso/files/img/safety/ico_safety_03.gif") no-repeat scroll 10px top;
	background-size:60px 68px;
}
.safety .flatArea .contentsTitleArea{
	padding:55px 0 20px 0;
	height:auto;
}
.safety .flatArea .titleAreaInner{
	color:#FFF;
	min-height:128px;
	width:auto;
	padding:15px 10px 0 80px;
}
.safety .flatArea .titleAreaInner h2{
	font-size:200%;
	font-weight:bold;
}
.safety .flatArea .titleAreaInner .ttlPoint{
	color:#FFD86D;
}
.safety .checkListArea h3.checkTtl{
	background:url("/kiso/files/img/safety/ttl_safety_attention_sbg.gif") no-repeat scroll 0px 3px;
	background-size:15px;
	font-size: 136%;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 25px;
}
.safety .checkListArea{
	background:#0A6E5B;
	border:5px solid #FFF;
	border-radius:10px;
	box-sizing:border-box;
	color:#FFF;
	width:94%;
	padding:5% 3%;
	margin:0 auto;
}
.safety .checkListArea ul li{
	background: url("/kiso/files/img/safety/img_safety_checkbtn.png") no-repeat scroll left 3px;
	background-size:9px;
	padding:0px 5px 5px 15px;
	font-size:108%;
	font-weight:bold;
}
/* 20170531追加 */
.safety [class^="chara"] {
	text-align: center;
	margin: 20px auto 0	
}
.safety .safetyGoods{
	padding:30px 0 0;
}
.safety .goodsBox{
	height:auto !important;
}
.safety .safetyGoods a{
	color:#1A8C73;
	text-decoration:underline;
}
.safety .safetyGoods a:hover{
	text-decoration:none;
}
.safety .safetyGoods .goodsLeft{
	max-width:600px;
	width:94%;
	padding:3%;
	float:none;
	margin:0 auto
}
.safety .safetyGoods .goodsRight{
	max-width:600px;
	width:94%;
	padding:3%;
	float:none;
	margin:0 auto
}
.safety .safetyGoods .goodsWide{
	max-width:600px;
	width:94%;
	padding:3%;
	float:none;
	margin:0 auto;
}
.safety .safetyGoods .goodsTtl{
	background: url("/kiso/files/img/safety/img_safety_goodsicon.png") no-repeat scroll left center;
	background-size:40px;
	height:60px;
	font-size:200%;
	font-weight:bold;
	padding:23px 0 0 50px;
	margin:0 10px 10px;
}
.safety .safetyGoods .goodsLabel{
	background:#1A91A0;
	color:#FFF;
	font-size:124%;
	font-weight:bold;
	text-align:center;
	width:160px;
	padding:10px 0;
}
.safety .safetyGoods .goodsRead{
	display:block;
	padding:20px 10px;
}
.safety .safetyGoods .goodsItem{
	width:46%;
	margin:0 2% 30px 2%;
	float:left;
	text-align:center;
	position: relative;
}
.safety .safetyGoods .goodsItem img[src$="icon_cart.png"]{
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: -70px;
}
.safety .safetyGoods .goodsItem a{
	color:#333;
}
.safety .safetyGoods .goodsItem a span{
	display:block;
	padding-top:10px;
}
.safety .safetyGoods p.shoppingNote{
	background: url("/kiso/files/img/safety/icon_safety_shopping.gif") no-repeat scroll left center;
	padding:0 30px;
	margin:0 0 30px 20px;
	font-size:93%;
	display:block;
}
.safety .safetyGoods .goodsNote{
	background: url("/kiso/files/img/safety/ttl_safety_attention_minibg.gif") no-repeat scroll left top;
	font-size:85%;
	padding:0 30px 20px;
	margin-left:10px;
}
.safety #attentionBottom {
  background-color: #fbe6ae;
  border-bottom: 10px solid #92cebd;
  border-top: 10px solid #92cebd;
  margin:0;
}
.safety #attentionBottom .setBox {
    background: none;
    box-sizing: border-box;
	height:auto;
	max-width:640px;
	padding:20px 0px;
	width:100%;
	margin:0 auto;
}
.safety #attentionBottom .setBox h2.readTtl{
	background:none;
	font-size:200%;
	font-weight:bold;
	max-width:640px;
	width:100%;
	margin:0 auto;
}
.safety #attentionBottom .setBox h2.readTtl span{
	font-size:77%;
}
.safety #attentionBottom .setBox .readBox{
	background: none;
	max-width:640px;
	width:100%;
}
.safety #attentionBottom .setBox .readBox h3{
	font-size:170%;
	font-weight:bold;
}
.safety .bottomLessonBtn{
	text-align:center;
	padding:30px 10px;
}
}

@media screen and (min-width: 768px) {
.safety .sp{
	display:none;
}
.safety #attentionArea {
  background-color: #fbe6ae;
  border-bottom: 10px solid #92cebd;
  border-top: 10px solid #92cebd;
  margin: 8px 0 0;
}
.safety #attentionArea .setBox {
    background: url("/kiso/files/img/safety/img_attention.png") no-repeat scroll 20px bottom;
    box-sizing: border-box;
    height: 320px;
    margin: 0 auto;
    padding: 40px 0 0 0;
    width: 970px;
}
.safety #attentionArea .setBox h2.readTtl{
	background:url("/kiso/files/img/safety/ttl_safety_attention_bg.gif") no-repeat scroll left top;
	font-size:238%;
	font-weight:bold;
	margin-left:245px;
	padding-left:50px;
}
.safety #attentionArea .setBox .readBox{
	background: url("/kiso/files/img/safety/bg_safety_read_bg.gif") no-repeat scroll;
	display:block;
	width:640px;
	height:115px;
	margin:30px 0 0 205px;
	padding:35px 30px 30px 85px;
	font-weight:bold;
}
.safety #attentionArea .setBox .readBox h3{
	font-size:170%;
	font-weight:bold;
}
.safety .flatArea{
	background:#4EB09C;
	padding:40px 0 50px;
}
.safety .flatArea .kt01{
	background: url("/kiso/files/img/safety/img_ttl_kt01.png") no-repeat scroll right top;
}
.safety .flatArea .point01{
	background: url("/kiso/files/img/safety/ico_safety_01.gif") no-repeat scroll left top;
}
.safety .flatArea .kt02{
	background: url("/kiso/files/img/safety/img_ttl_kt02.png") no-repeat scroll right top;
}
.safety .flatArea .point02{
	background: url("/kiso/files/img/safety/ico_safety_02.gif") no-repeat scroll left top;
}
.safety .flatArea .kt03{
	background: url("/kiso/files/img/safety/img_ttl_kt03.png") no-repeat scroll right top;
}
.safety .flatArea .point03{
	background: url("/kiso/files/img/safety/ico_safety_03.gif") no-repeat scroll left top;
}
.safety .flatArea .contentsTitleArea{
	max-width:900px;
	padding:55px 0 0 0;
	height:210px;
}
.safety .flatArea .titleAreaInner{
	color:#FFF;
	min-height:128px;
	max-width:600px;
	padding:45px 0 0 140px;
}
.safety .flatArea .titleAreaInner h2{
	font-size:238%;
	font-weight:bold;
}
.safety .flatArea .titleAreaInner .ttlPoint{
	color:#FFD86D;
}
.safety .checkListArea h3.checkTtl{
	background:url("/kiso/files/img/safety/ttl_safety_attention_sbg.gif") no-repeat scroll 0px 2px;
	font-size:208%;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:40px;
}
.safety .checkListArea{
	background:#0A6E5B;
	border:5px solid #FFF;
	border-radius:10px;
	box-sizing:content-box;
	color:#FFF;
	width:800px;
	padding:45px 55px;
	margin:0 auto;
	position: relative;
}
.safety .checkListArea ul li{
	background: url("/kiso/files/img/safety/img_safety_checkbtn.png") no-repeat scroll left center;
	padding:5px 25px;
	font-size:138%;
	font-weight:bold;
}
/* 20170531追加 */
.safety [class^="chara"] {
	position: absolute;
}
.safety .chara01 {
	top: 65px;
	right: 18px;
}
.safety .chara02 {
	top: 58px;
	right: 18px;
}
.safety .chara03 {
	top: 17px;
	right: 18px;
}
.safety .chara04 {
	top: 30px;
	right: 0px;
}
.safety .chara05 {
	top: 20px;
	right: 26px;
}


.safety .safetyGoods{
	padding:30px 0 0;
}
.safety .safetyGoods a{
	color:#1A8C73;
	text-decoration:underline;
}
.safety .safetyGoods a:hover{
	text-decoration:none;
}
.safety .safetyGoods .goodsLeft{
	width:450px;
	float:left;
	margin-left:20px;
}
.safety .safetyGoods .goodsRight{
	width:450px;
	float:right;
	margin-right:20px;
}
.safety .safetyGoods .goodsWide{
	width:930px;
	float:right;
	margin:0 20px;
}
.safety .safetyGoods .goodsTtl{
	background: url("/kiso/files/img/safety/img_safety_goodsicon.png") no-repeat scroll left center;
	height:60px;
	font-size:224%;
	font-weight:bold;
	padding:20px 0 0 90px;
	margin-bottom:40px;
}
.safety .safetyGoods .goodsLabel{
	background:#1A91A0;
	color:#FFF;
	font-size:124%;
	font-weight:bold;
	text-align:center;
	width:160px;
	padding:10px 0;
}
.safety .safetyGoods .goodsRead{
	display:block;
	padding:20px 10px;
}
.safety .safetyGoods .goodsItem{
	width:140px;
	margin:0 15px 30px 0;
	float:left;
	position: relative;
}
.safety .safetyGoods .goodsItem img[src$="icon_cart.png"]{
	position: absolute;
	top: 112px;
	left: 0;
	z-index: 100;
}
.safety .safetyGoods .goodsItem a{
	color:#333;
}
.safety .safetyGoods .goodsItem a span{
	display:block;
	padding-top:10px;
}
.safety .safetyGoods p.shoppingNote{
	background: url("/kiso/files/img/safety/icon_safety_shopping.gif") no-repeat scroll left center;
	padding:0 30px;
	margin:0 0 30px 20px;
	font-size:93%;
	display:block;
}
.safety .safetyGoods .goodsNote{
	background: url("/kiso/files/img/safety/ttl_safety_attention_minibg.gif") no-repeat scroll left top;
	font-size:85%;
	padding:0 30px 20px;
	margin-left:10px;
}
.safety #attentionBottom {
  background-color: #fbe6ae;
  border-bottom: 10px solid #92cebd;
  border-top: 10px solid #92cebd;
  margin:0;
}
.safety #attentionBottom .setBox {
    background: url("/kiso/files/img/safety/img_attention02.png") no-repeat scroll left bottom;
    box-sizing: border-box;
    height: 290px;
    margin: 0 auto;
    padding: 50px 0 0 0;
    width: 970px;
}
.safety #attentionBottom .setBox h2.readTtl{
	font-size:238%;
	font-weight:bold;
	margin-left:245px;
	padding-left:20px;
}
.safety #attentionBottom .setBox h2.readTtl span{
	font-size:77%;
}
.safety #attentionBottom .setBox .readBox{
	background: url("/kiso/files/img/safety/bg_safety_read_bg02.gif") no-repeat scroll;
	display:block;
	width:640px;
	height:105px;
	margin:20px 0 0 205px;
	padding:45px 30px 30px 85px;
	font-weight:bold;
	position: relative;
}
.safety #attentionBottom .setBox .readBox h3{
	font-size:170%;
	font-weight:bold;
}
.safety .bottomLessonBtn{
	text-align:center;
	padding:30px 0 0;
}

}