@charset "UTF-8";
/* --------------------------------------------------
 home contents
-------------------------------------------------- */

#top h1{background:url(../img/base_img.jpg) no-repeat center;background-size: cover;padding: 3.2em 0;color: #fff;text-shadow: 3px 1px 5px #000;font-size: 30px;font-weight: normal;    line-height: 2em;}
.box_biz span,.box_uno span,.box_op span{color:red}
dl.box_biz dt,dl.box_uno dt,dl.box_op dt{color:#fff;font-weight:bold;font-size: 20px;padding: 10px 5px;text-align: center;}
/*dl.box_biz dd,dl.box_uno dd,nav{font-size:15px;}*/
dl.box_biz dd a,dl.box_uno dd a,dl.box_op dd a{display:block;padding: 15px 20px 5px;}
dl.box_biz dd a:hover{background:rgba(0,160,233,0.1);}
dl.box_uno dd a:hover{background:rgba(0,104,183,0.1);}
dl.box_op dd a:hover{background:rgba(0,153,68,0.1);}
dl.box_biz dd p,dl.box_uno dd p,dl.box_op dd p{text-align:center;margin-top:10px}
dl.box_biz{border:#00a0e9 solid 2px;}
dl.box_uno{border:#0068b7 solid 2px;}
dl.box_op{border:#009944 solid 2px;}
dl.box_biz dt{background:#00a0e9;}
dl.box_uno dt{background:#0068b7}
dl.box_op dt{background:#009944;}
dl.box_op{clear: both;width:46%;margin:0 auto}

h3.risk_orange,h3.risk_green{width:65%;text-align:center;color:#fff;padding:10px 15px;margin:0 auto;font-weight: normal;border-radius: 10px;}
h3.risk_orange{background:#f79a0e}
h3.risk_green{background:#48773c}

.col2 ul{margin:3em 0;overflow:hidden}
.col2 ul li{
	float: left;
	width: 50%;
	padding-bottom: 30px;
	text-align: center;}
#risk{padding-bottom: 2em;}

/*追加opの部分（contrnts.cssとのダブり）*/
#top_op .txt_op{color:#009944}
#top_op .txt_task{
	background: url(../trustdeleteop/img/ico_task.png) no-repeat center left;
	padding: 20px 0 20px 76px;
	font-size: 20px;
	font-weight: bold;
	margin-top: 2em;
	}
#top_op .col2 dl.box_task dt{background:#009944;color:#fff;padding: 8px 15px;}
#top_op .col2 dl.box_task dd{padding:20px 0 0 20px}
#top_op .col2 dl.box_task{padding: 30px 10px 0;}
#top_op .col2 ul{margin:0;padding-left:20px}
#top_op .col2 ul li{list-style-type: disc!important;float:none;width:auto;padding-bottom:0;text-align:left}

/* --------------------------------------------------
	max-width 840
-------------------------------------------------- */
@media screen and (max-width:840px){
	.col2 ul li{width:100%;float:none;text-align:center}
	h3.risk_orange,h3.risk_green{width: 80%;}
	dl.box_op{width:65%}
} 
/* --------------------------------------------------
	max-width 768
-------------------------------------------------- */
@media screen and (max-width:768px){
	.col2 ul li{width:50%;float:left}
}
/* --------------------------------------------------
	max-width 640
-------------------------------------------------- */
@media screen and (max-width:640px){
	h2 img{width:90%}
	.col2 ul{margin:1em 0 0}
	.col2 ul li{width:100%;float:none}
}
/* --------------------------------------------------
	max-width 414
-------------------------------------------------- */
@media screen and (max-width:414px){
	#top h1{padding: 2em;font-size: 18px;}
	dl.box_biz,dl.box_uno{width:95%;margin:0 auto;float:none}
	dl.box_op{width: 90%;}
}
/* --------------------------------------------------
	max-width 375
-------------------------------------------------- */
@media screen and (max-width:375px){
	h3.risk_orange, h3.risk_green{width: 90%;}
}