@charset "utf-8";


.box{
margin-top:5px;
margin-bottom:15px;
padding-bottom:10px;
clear:both;
}




.claim_case h1{		/*　アフター・クレーム・メンテ・業者クレーム　*/
font-size:13px;
margin:0;
padding:10px 0px 5px 15px;
}


.claim_0{
padding-bottom:0;
margin:0;
}

.claim_1{
padding:0;
margin:0;
width:118px;
float:left;
}

.claim_2{
padding:10px 10px 5px 10px;
margin:0;
float:left;
vertical-align: middle;
border-left:2px dotted #D3DADE;
}

.claim_3{
padding:10px 0px 5px 15px;
margin:0;
float:left;
vertical-align: middle;
border-left:2px dotted #D3DADE;
}





dl{		/*　原因・対処・改善　*/
float:left;
width:560px;
}

dt {		/*　原因・対処・改善　*/
display: block;
width: 35px;
clear:left;
float:left;
margin:5px 10px 0 15px;
}

dd {		/*　原因・対処・改善　*/
display: block;
float: left;
margin:5px 0 0 5px;

}


.clearfix {display: inline-block;}
 
.clearfix:after{		/*　原因・対処・改善 …　はみだし防ぎ　*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */






.arrow{		/*　→・▼　*/
margin:5px 0 0 15px;
position: relative;
padding: 0 0 0 16px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin-top:7px;
content: "";
}



.year{
font-size:15px;
font-weight:bold;
margin:40px 0 10px 0;
}

.year::before{		/*　▼　*/
margin:0 auto;
margin-top:7px;
text-align:center;
width: 0px;
height: 0px;
border: 5px solid transparent;
border-top: 10px solid #000;
}



dt::before{		/*　→(小）　*/
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #D3DADE;
}


dt.arrow::after {		/*　原因・対処・改善のうしろの「：」　*/
content: ' :  ';
left:45px;
top:-7px;
}


.comment{
margin-top:15px;
padding:5px 0 0 20px;
border-top: 1px dotted #D3DADE;
}


.center{ /*  ここよりクレーム初期対応は社長が直接行くように改善しました。  */
text-align: center;
padding-bottom:7px;
}