@charset "Shift_JIS";

/*===========================
基本CSS
==============================*/
.pc_none{
    display: none;
}
#webcredit{
	width:750px;
	max-width:750px;
	margin:0 auto;
}

/*2~5カラム共通*/
#webcredit ul[class^="col_"]{
	font-size:0;
	padding: 20px;
	
}
#webcredit ul[class^="col_"]>li {
	vertical-align:top;
	display:inline-block;
	margin-right:11px;/*※1*/
	margin-bottom:22px;/*※1*/
	/*text-align:center;*/
	box-sizing:border-box;
	font-size:14px;
    padding: 10px;
}
#webcredit li img {
	max-width:100%;
}

/*2~5カラム*/
#webcredit .col_2>li{width:calc((100% - 18px*1)/2);}/*※1*/
#webcredit .col_3>li{width:calc((100% - 12px*2)/3);}/*※1*/
#webcredit .col_4>li{width:calc((100% - 12px*3)/4);}/*※1*/
#webcredit .col_5>li{width:calc((100% - 12px*4)/5);}/*※1*/

#webcredit .col_2>li:nth-child(2n){margin-right:0;}
#webcredit .col_3>li:nth-child(3n){margin-right:0;}
#webcredit .col_4>li:nth-child(4n){margin-right:0;}
#webcredit .col_5>li:nth-child(5n){margin-right:0;}
#webcredit .col_7>li:nth-child(7n){margin-right:0;}


#webcredit h3{
    border-bottom: 1px solid #999191;
    padding: 5px 0;
    margin-bottom: 10px;
    font-size:24px;
}
#webcredit h3 span{
    font-size: 20px;
}
#webcredit p.txt{
    padding: 20px;
}
#webcredit p span{
    color:#E50012;
}
#webcredit .flow .col_2 li{

}
#webcredit .flow .col_2>li:nth-child(1n){
	background: #222222; 
	color:#fff;
	width: 33%;
	
}
#webcredit .flow .col_2>li:nth-child(2n){
	background: none; 
	color:#222222; 
	padding:0;
	width: 65%;
}

#webcredit .btn a{
    border: 1px solid #222222;
    text-align: center;
    display: block;
}
#webcredit .attention{
	padding:20px;
}
#webcredit .attention h4{
	color:#222222;
}
#webcredit .attention p{
	color:#E50012;
	padding:10px;
}