.safe_installation_nav ul {
        list-style: none;
        width: 100%;
        font-size: 0;
    }

.safe_installation_nav ul li {
        background-color: #e9eff4;
        display: inline-block;
        width: 25%;
        height: 50px;
        text-align: center;
        text-decoration: none;
        color: #000000;
        line-height: 50px;
        font-size: 13px;
	 	border: 1px solid #FFFFFF;
    }

 .safe_installation_nav ul li:hover {
        background-color: #a1bfd6;
        transition: 0.75s;
    }

 .safe_installation_nav ul li a {
        text-decoration: none;
        color: #FFF;
	 	display: block;}
	
.safe_installation h2 {
	margin: 20px 0;
    font-size: 171%;
    font-weight: bold;
    background-color: #eee;
    padding: 6px 10px 4px;
    margin-top: 50px;}
	
.safe_installation h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding: 5px;
	margin: 20px 0px;
	}
.safe_installation h3:before {
    content: "■";
	color: #1c5a8f;}

.safe_installation h5 {
	font-weight: bold;
	    margin: 20px 0px 7px 0px;
}

.safe_installation .list li {
    list-style-type: disc;
    margin: 5px 0px 5px 30px;
	}

.safe_installation ul.box1{
		width:100%;
		margin: 0 auto;
		display: flex;
		}
	.safe_installation .box1 li{
		list-style: none;
		border-top: 1px solid #6E6E6E;
	    border-left: 1px solid #6E6E6E;
	    border-bottom: 1px solid #6E6E6E;
	    margin: 0 !important;
		}
	.safe_installation .box1 li:last-child{border-right:1px solid #6E6E6E; }
	.safe_installation .box1 li .title1{
	    text-align: center;
		background: #efefef;
		padding: 10px;
		}
	.safe_installation .box1 li .text1{
		padding: 10px;
		border-top: 1px solid #6E6E6E;
		}

.safe_installation .flowchart1 {
    border: 2px solid #6E6E6E;
	padding: 0px 10px 20px 10px;
	}

.safe_installation .check {
    text-decoration: underline;
    font-weight: bold;
	}
.safe_installation .check2{
	font-weight: bold;
	margin: 10px 0px 5px;
	}
.safe_installation .check3{
	font-weight: bold;
	margin-bottom: 5px;
	}
.safe_installation .check4{font-size: 12px;}

.safe_installation .caption {
	text-align: center;
	background-color: #a1bfd6;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	width: 100%;
	border-top: 1px solid #6E6E6E;
	border-left: 1px solid #6E6E6E;
	border-right:  1px solid #6E6E6E;
	}
	
.safe_installation ul.box2 {
	width:100%;
	margin: 0 0 10px auto;
	display: flex;
	flex-wrap: wrap;
	}
	.safe_installation .box2 li{
		width:25%;
		list-style: none;
		border-top: 1px solid #6E6E6E;
	    border-left: 1px solid #6E6E6E;
	    border-bottom: 1px solid #6E6E6E;
	    margin: 0 !important;
		}
	.safe_installation .box2 li:last-child{border-right:1px solid #6E6E6E; }
	.safe_installation .box2 li .title2{
		min-height: 230px;
	    text-align: center;
		font-weight: bold;
		padding: 10px;
		}
	.safe_installation .box2 li .text2{
		min-height: 200px;
		padding: 10px;
		background: #e9eff4;
		border-top: 1px solid #6E6E6E;
		}

.safe_installation .shitami {
	position: relative;
	display: block !important; 
	}
	.safe_installation .shitami img{
		z-index: 0;
	}
	.safe_installation .shitami p.shitami1{
		position: absolute;
		top: 170px;
		left: 40px;
		font-size: 17px;
		font-weight: bold;
		color: #DC0003;
		z-index: 1;
	}
	.safe_installation .shitami p.shitami2{
		position: absolute;
		top: 280px;
		left: 50px;
		width: 800px;
		font-size: 12px;
		z-index: 2;
	}
	.safe_installation .shitami_m {display: none !important; }
	
.safe_installation .img_style {
	text-align: center;
	margin: 10px;
}
	
.safe_installation .table1 {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	margin: 20px auto;
	}
	.safe_installation .table1 caption {text-align: left;}
	.safe_installation .table1 th {
		padding: 10px 0;
		border: 2px solid #6E6E6E;
		background-color: #ededed;
		text-align:center;
		width: 15%;}
	.safe_installation .table1 td {
		padding: 10px;
		border: 2px solid #6E6E6E;	
		text-align: left;
		width: 75%;}

.safe_installation .itemlist {
		padding: 10px 0px;
	}
	.safe_installation .itemlist dd{
		padding: 15px 0px;
		display: none;
	}
	.safe_installation .itemlist dt{
		cursor: pointer;
	}

.safe_installation .table2 {
	width: 100%;
	border-collapse: collapse;
	text-align: center;	
	}
	.safe_installation .table2 th {
		text-align: center;
		font-weight: bold;
		background-color: #ffde78;
		border: 2px solid #6E6E6E;
		padding: 10px;
	}
	.safe_installation .table2 td {
		border: 2px solid #6E6E6E;
		padding: 3px;
		vertical-align: middle;
	}
	.safe_installation .table2-1{width: 25%}
	.safe_installation .table2-2{width: 47%}
	.safe_installation .table2-3{width: 27%}

.safe_installation ul.box3 {
	width:100%;
	margin: 0 0 10px auto;
	display: flex;
	flex-wrap: wrap;
	}
	.safe_installation .box3 li{
		width:25%;
		list-style: none;
		border-top: 1px solid #6E6E6E;
	    border-left: 1px solid #6E6E6E;
	    border-bottom: 1px solid #6E6E6E;
	    margin: 0 !important;
		}
	.safe_installation .box3 li:last-child{border-right:1px solid #6E6E6E; }
	.safe_installation .box3 li .title3{
		min-height: 62px;
	    text-align: center;
		font-weight: bold;
		padding: 10px;
		background-color: #4745a4;
		color: #ffffff;
		}
	.safe_installation .box3 li .text3{
		min-height: 200px;
		padding: 10px;
		border-top: 1px solid #6E6E6E;
		border-bottom: 1px solid #6E6E6E;
		}
	.safe_installation .box3 li .text3-2{
		background-color: #e9e9ff;
		text-align: left;
		padding: 7px;
		min-height: 60px;
	}
	
	
.safe_installation .table3 {
	margin: 20px auto;
	width: 100%;
    border-collapse: collapse;
    text-align: left;
	}
	.safe_installation .table3 th{
	text-align: center;
	font-weight: bold;
	background-color: #efefef;
	border: 2px solid #6E6E6E;
	padding: 2px;
	}
	.safe_installation .table3 td{
	border: 2px solid #6E6E6E;
	padding: 5px;
	}
	.safe_installation .price{
    text-align: right;
    font-size: 16px;
	background-color: #fffedc;
	}
	.safe_installation .table3-1{width: 20% }
	.safe_installation .table3-2{width: 30%}
	.safe_installation .table3-3{width: 20%}
	.safe_installation .table3-4{width: 30%}
	

.pc { display: block !important; }
.sp { display: none !important; }


 

	/* スマホ・タブレット共有スタイル */
@media screen and (max-width: 768px) {

.safe_installation_nav  ul li {
    width: 100%;
    height: 50px;
	font-size: 13px;}
	.safe_installation_nav ul a{
	display: block;
		width: 100%;}
.safe_installation .table1 th {
		padding: 10px 4px;
		width: 14%;
	}
	
.safe_installation ul.box1{
	display: flex;
	flex-wrap: wrap;
	width: 100%!important;
	}
	.safe_installation .box1 li{
		border: 1px solid #6E6E6E;
	    width: 33%;
		font-size: 12px;
		text-align: center;
		}
	.safe_installation .box1 li:last-child{border-bottom:1px solid #6E6E6E; }
	.safe_installation .box1 li .title1{padding: 3px;}

.safe_installation ul.box2{
	display: flex;
	flex-wrap: wrap;
	width: 100%!important;
	}
	.safe_installation .box2 li{
		border: 1px solid #6E6E6E;
	    width: 100%;
		text-align: left;
		}
	.safe_installation .box2 li:last-child{border-bottom:1px solid #6E6E6E; }	
	.safe_installation .box2 li .title2{min-height: 170px;}
	.safe_installation .box2 li .title2 img {width: 50%}
	.safe_installation .box2 li .text2 {min-height: auto;}
	
.safe_installation ul.box3{
	display: flex;
	flex-wrap: wrap;
	width: 100%!important;
	}
	.safe_installation .box3 li{
		border: 1px solid #6E6E6E;
		width: 50%;
	}
	.safe_installation .box3 li .title3{
		min-height: 50px;
		line-height: 1;
		padding-top: 12px;
	}	
	.safe_installation .box3 li .text3 {
		padding: 5px;
		text-align: center;
		min-height: auto;}
	.safe_installation .box3 li .text3-2 {
		padding: 5px;
		min-height: 46px;
	}
	
.pc { display: none !important; }
.sp { display: block !important; }

.safe_installation .shitami{ display: none !important;}
	.shitami_m{ display: block !important; }
	.shitami1_m{ 
	padding: 15px 5px;
	font-size: 16px;
	font-weight: bold;
	color: #DC0003;
	}
.safe_installation .shitami2_m{
		padding: 5px;
		font-size: 12px;
		}
}