@charset "utf-8";

/**************************************************
SP
**************************************************/
/*sub_img*/
.sub_img{
background:url(../img/common/sub_bg.png),url(../img/construction/bg_c.jpg);
background-size:100% 100%, cover;
/*margin-top: 40px;*/
}
.hsp{
	width: 100%;
}
.first_s h4{
font-size:4.5vw;
width:90%;
margin:0 auto 5%;
}
/*****construction*****/

.const1{
width:90%;
margin:0 auto 10%;
padding:5%;
box-sizing:border-box;
border:2px solid #555;
background:#fff;
}


.rank{
width: 100%;
margin:0 auto 10%;
}
.rank dt{
margin-bottom:5%;
}
.const_item ul{
clear:both;
width: 100%;
margin:0 auto;
/*display: flex;*/
/*justify-content: space-between;*/
/*flex-wrap: wrap;*/
}
.const_item li{
width: 100%;
margin-bottom: 5%;
}

.const_item li dt{
border-top:1px solid #555;
border-bottom:1px solid #555;
font-size: 18px;
color: #555;
padding-left:5px;
}
.const_item li dd{
margin-top:10px;
font-size:14px;
line-height:1.5em;
text-align:left;
}
.const_item li dd.di_img{
text-align:center;
width: 80%;
margin:2% auto;
}

.guarantee{
width:90%;
margin:0 auto;
padding:5%;
box-sizing:border-box;
border:2px solid #555;
background:#fff;
}
.guarantee h5{
margin-bottom:5%;
}
.guarantee ul{
clear:both;
width: 100%;
margin: auto;

display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.guarantee li{
width: 100%;
margin-bottom: 20px;
}

.guarantee li dt{
border-top:1px solid #555;
border-bottom:1px solid #555;
font-size: 18px;
color: #555;
padding-left:5px;
padding:1% 0;
}
.guarantee li dd{
margin-top:10px;
font-size:14px;
line-height:1.5em;
}

.guarantee ul ul{
width: 100%;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.guarantee ul ul li{
width: 100%;
margin-bottom: 5%;
border:1px solid #fff;
padding:0;
box-sizing:border-box;
}

.guarantee ul ul dt{
border-top:0;
border-bottom:1px solid;
font-size: 13px;
color: #555;
text-align:center;
padding-bottom:5px;
}
.guarantee ul ul dd{
margin-top:5%;
font-size:12px;
line-height:1.5em;
}

.point3{
margin-top:5%;
}

.dd_l{
float:none;
width:100%;
}
.dd_r{
float:none;
/*width:100%;*/
margin:0 auto;
}
.dd_l2{
float:none;
width:100%;
}
.dd_r2{
float:none;
margin:0 auto;
}

/**************************************************
PC
*************************************************/
@media screen and (min-width: 768px){
.first_s h4{
font-size:40px;
text-align:center;
}
/*****construction*****/
.const1{
width:90%;
max-width:1400px;
margin:0 auto 60px;
padding:5%;
box-sizing:border-box;
border:2px solid #555;
background:#fff;
}
.const1 img{
width:100%;
}


.rank{
width: 100%;
margin:0 auto 60px;
}
.rank dt{
margin-bottom:30px;
}
.const_item ul{
clear:both;
width: 100%;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.const_item li{
width: 48%;
margin-bottom: 20px;
}

.const_item li dt{
border-top:1px solid #555;
border-bottom:1px solid #555;
font-size: 25px;
color: #555;
padding:5px;
}
.const_item li dd{
margin-top:10px;
font-size:14px;
line-height:1.5em;
text-align:left;
}
.const_item li dd.di_img{
text-align:center;
width: 80%;
margin:2% auto;
}

.guarantee{
width:90%;
max-width:1400px;
margin:0 auto 60px;
padding:5%;
box-sizing:border-box;
border:2px solid #555;
background:#fff;
}
.guarantee h5{
margin-bottom:5%;
}

.guarantee img{
width:100%;
}
.guarantee ul{
clear:both;
width: 100%;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.guarantee li{
width: 100%;
margin-bottom: 20px;
}

.guarantee li dt{
border-top:1px solid #555;
border-bottom:1px solid #555;
font-size: 25px;
color: #555;
padding:5px;

}
.guarantee li dd{
margin-top:10px;
font-size:14px;
line-height:1.5em;
display: flex;
justify-content: space-between;
}
.guarantee .point3{
margin-top:0;
}
.guarantee .point3 ul{
width: 100%;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.guarantee .point3 ul li{
width: 30%;
margin-bottom:0;
border:1px solid #fff;
padding:0;
box-sizing:border-box;
margin-top:0;
}

.guarantee .point3 ul dt{
border-top:0;
border-bottom:1px solid;
font-size: 16px;
color: #555;
text-align:center;
padding-bottom:5px;
}
.guarantee ul ul dd{
margin-top:5%;
font-size:12px;
line-height:1.5em;
}



.dd_l{
float:none;
width:100%;
}
.dd_r{
float:none;
/*width:100%;*/
margin:0 auto;
}
.dd_l2{
float:none;
width:100%;
}
.dd_l1 p.dd_l1_t{
width:56%;
}
.dd_l1 p.dd_l1_i{
width:42%;
}

.dd_l2 p.dd_l2_t{
width:56%;
}
.dd_l2 p.dd_l2_i{
width:42%;
}
.dd_r2{
float:none;
margin:0 auto;
}
	
	.under-header {
    background: #fff;
    display: flex;
    /* padding: 20px; */
    position: absolute;
    justify-content: space-between;
    width: 100%;
    z-index: 9999;
		position: fixed;
		top:100px;
}
	#content {
    width: 960px;
    margin: 30px auto;
    position: relative;
}
	#content ul {
    margin: 0;
    padding: 0;
}
	#content ul li {
    list-style: none;
    float: left;
    /* border-left: 1px solid #ccc; */
    width: -webkit-calc(100% / 5 - 6px);
    height: 60px;
}
	#content ul li a.navi {
    display: block;
    text-align: center;
    padding: 20px 0;
}
	.megaWrap {
    width: 960px;
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    background:#f39700;
}
	.megaContentWrap {
    padding: 20px;
}
	.megaContent {
    margin: 0 -20px 0 0;
}
	.megaContentWrap dl {
    float: left;
    margin-right: 20px;
    width: -webkit-calc(100% / 4 - 20px);
}
	.naviSankaku{
width: 0px;
height: 0px;
margin: auto;
border-right: 20px solid transparent;
border-bottom: 25px solid #f39700;
border-left: 20px solid transparent; 
display: none;
}
	header{
		/*position: fixed;*/
		/*top:0%;*/
		width: 100%;
		background-color:#fff;
		/*height:100px;*/
	}
	.sub_img{
		/*margin-top: 200px;*/
	}
}