@charset "utf-8";
/* CSS Document */

/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);*/


/*securty*/

.security .main{
	width:100%;
	background-image:url(../img/main_security.png) !important;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	background-position:center;
	height: 285px;
}

.security h3,
.webank h3{
	border-bottom:1px solid #dedede;
	font-weight:700;
	padding-bottom:10px;
	font-size:110%;
    margin-top: 40px;
    margin-bottom: 15px;
}
.security p{
	font-weight:normal;
	line-height:1.8;
}
.error{
	color:#fc0505;
	padding-bottom:3px;
}

/*company*/

.company .main{
	width:100%;
	background-image:url(../img/main_copmany.png) !important;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	background-position:center;
	height: 285px;
}

table.companytable {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 96%;
}
 
table.companytable th,
table.companytable td {
    padding: 10px;
}
 
table.companytable th {
    background: #295890;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
   ont-size: 115%;
}

 
table.companytable td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}
@media screen and (max-width: 736px) {
.security .main img,
.company .main img,
.enclosed .main img{
	    width: 70%;
}
.culc .main img,
.secretariat .main img{
	    width: 35%;
}
.privacy{
	width:25%;
}
.ank .main img,
.mark .main img,
.webank .main img{
	    width: 50%;
}
.webank .main img{
	    background-position: 5% 15%;
}
}



/*mark*/

.mark .main{
	width:100%;
	background-image:url(../img/main_service01.png) !important;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	background-position:center;
	height: 285px;
}
.ank .main{
	width:100%;
	background-image:url(../img/main_service02.png) !important;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	background-position:center;
	height: 285px;
}
.culc .main{
	width:100%;
	background-image:url(../img/main_service03.png) !important;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	background-position:center;
	height: 285px;
}

.secretariat .main{
	width:100%;
	background-image:url(../img/main_service04.png) !important;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	background-position:center;
	height: 285px;
}	
			
.enclosed .main{
	width:100%;
	background-image:url(../img/main_service06.png) !important;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	background-position:center;
	height: 285px;
}			
			
.webank .main{
	width:100%;
	background-image:url(../img/main_service05.png) !important;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	background-position:center;
	height: 285px;
}			
.ex01{
padding-top: 5px;
margin: 0 10px !important;
}

.ex01 li {
 margin-bottom: 5px;
  line-height: 1.2;
  padding: 3px;
  list-style-type: none!important;/*ポチ消す*/
  float:none !important;
  width: auto !important;
  
}


.ex02{
    list-style: none;
    counter-reset: number;
    padding: 0;
	padding-top: 13px;
}
.ex02 li{
    margin-bottom: 10px;
    text-indent: -2em;
    padding-left: 2em;
    padding-right: 10px;
}
.ex02 li::before {
	counter-increment: number;
	content: counter(number);
	background: #04336c;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
    margin-right: 10px;
    vertical-align: middle;
    line-height: 1.4;
    text-indent: -0.1em;
}

.ex01 li:before{
  content: "・";
  font-size: 20px;
  color:#04336c;
  font-weight: bold;
}

.company .auto-style1 p{
	margin:0 !important;
}