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




#contents {
margin:50px 0 0 0;
	}



h1.hxM {
font-size:16px;
font-weight:bold;
width::840px;

}
	
	

h3.hx1 {
font-size:16px;
font-weight:bold;

	}
	

h3.hx1 span {
	padding:10px 20px; 
	}
	

.bgillustright {
	
background:url(images/illust_1.png) no-repeat right top;
	}
	

.bgillustright2 {
	
background:url(images/02/illust_1.png) no-repeat right top;
	}
	

.bgillustright3 {
	
background:url(images/03/illust_1.png) no-repeat right top;
	}

.blue {
color:#006ab2;
	}


.blue {
font-weight:bold
	}


.orange {
color:ff6600;
	}


.orange {
font-weight:bold
	}


.roundblue {
margin:30px 0 0 0;
color:#fff;
padding:4px 0;
text-align:center;
font-size:16px;
font-weight:bold;
background:#106ab2;
border-radius: 20px; /* 左上・右上・右下・左下 */
	}
	
	
	

.step {
widrh:840px;
	}
	

.step dl {
float:left;
margin:20px 0 0 14px;
width:260px;


}




.step dl dt span {
display:block;
position: relative;
background: #fff;
padding: 1em;
height:77px;
width:235px;
margin-bottom: 1em;
text-align:center;
color: #106ab2;
border-left:#106ab2 2px solid;
border-top:#106ab2 2px solid;
border-bottom:#106ab2 2px solid;

	}
	
	

.step dl span:nth-child(1) {　
padding:2em;

}
	



.step dl dt {
	background:url(images/sankaku_right.png) no-repeat right top;
}


div.reason1 {
position:relative;
width:410px;
float:left;
margin:20px 0 0 20px;
padding:20px 0 20px 20px;
background:#fff;
border:2px solid #106ab2;
border-radius: 8px; /* 左上・右上・右下・左下 */
	}
	

.reasonbox div.reason1:first-child {
margin-left:0;	
	}



div.reason1 dl.pt1 {
padding-bottom:50px;
background:url(images/customer.png) no-repeat left top;
	
	}
	
	
	
div.reason1 dl.pt2 {
padding-bottom:50px;
background:url(images/sales.png) no-repeat left top;
	
	}
	
	

div.reason1 dl dt {
font-size:18px;
font-weight:bold;
margin-left:50px;
padding:10px 20px 20px 20px;
	}



div.reason1 dl dd {
float:left;
width:94px;
padding:8px 4px;
color:#006ab2;
font-size:13px;
line-height:1.2;
margin:0 0 0 3px;
background:#bddff2;
border-radius: 4px; /* 左上・右上・右下・左下 */

}


div.reason1 dl dd:first-of-type {
margin-left:70px !important;
	}
	
	

div.reason1 ul {
clear:both;
margin:-10px 0 0 20px;
padding:20px 0 0 0;
	}
	
div.reason1 ul li {
list-style-type:disc;
color:#006ab2;
text-indent:-0.5;
width:220px;
	}
	
div.reason1 ul li strong {
font-size:18px;
font-weight:normal;	
	}
	

p.illust {
position:absolute;
bottom:10px;
right:10px;
	}
	
	
p.illust2 {
position:absolute;
bottom:40px;
right:10px;
	}
	

div.reasonbox {
margin:0 0 50px 0;
	}
	



div.reason1::after {
  content: "";
  display: block;
  clear: both;
}

div.reason1 p.notice {
text-align:right;
font-size:12px;
color:#006ab2;	
	}
	
	

.boxaction  {
margin:30px 0 50px 0;	
	}



.boxaction dl {
width:260px;
float:left;
margin:0 0 0 30px;
	}
	
.boxaction dl:first-child {
margin:0 0 0 0;	
	}
	
	

.boxaction dl dt {
text-align:center;
color:#fff;
font-weight:bold;
padding:10px;
border-radius: 7px 7px 0 0; /* 左上・右上・右下・左下 */
	}
	
	

.boxaction dl:nth-child(1) dt {
padding-left:40px;
background:url(images/act_1.png) no-repeat 10px center;
background-color:#ef9903;
	}
	

.boxaction dl:nth-child(2) dt {
padding-left:30px;
background:url(images/act_2.png) no-repeat 10px center;
background-color:#ef9903;
	}
	
	

.boxaction dl:nth-child(3) dt {
background:url(images/act_3.png) no-repeat 10px center;
background-color:#ef9903;
	}
	


.triangle3 {
margin:10px auto;
width: 0;
height: 0;
border-style: solid;
border-width: 16px 30px 0 30px;
border-color: #eb8100 transparent transparent transparent;

	}
	
	

.boxaction dl strong {
display:block;
text-align:center;
font-weight:normal;
color:#e65321;	
	}


.boxaction dl ul {
margin:0 0 20px 0;
	}
	

.boxaction dl ul li {
margin:14px 0 0 0;
display:block;
padding:10px;
font-size:13px;
line-height:1.3;
text-align:center;
background:#2269ae;
border-radius: 6px 6px 6px 6px; /* 左上・右上・右下・左下 */
box-shadow:-1px 6px 1px -2px #164c86;
	}
	

.boxaction dl ul li a {
display:block;
text-decoration:none;
color:#fff;
}

.boxaction dl .notice {
margin:1em 0 0 0;
color:#f68f16;	
	}
	
	
	
	

/* ------------------------事例------------------------------- */
	
	
.casestudy .ttl {
font-size:20px;
font-weight:bold;
line-height:1.6;
padding:0 0 0 20px;
margin:50px 0 30px 0;
border-left:#62c6f2 solid 3px;
	}
	

.casestudy .ttl p{
font-size:16px;	
color:#006ab2;
	}


.caseph p {
float:left;
	}
	
	

.caseph p:first-of-type {
float:left;	
width:468px;
	}
	

.caseph p:nth-of-type(2) {
float:left;	
width:361px;
margin:0 0 0 10px;
	}
	
.client {
font-size:14px;
margin:20px 0 40px 0;	
	}
	

.case_point {
float:left;
width:510px;
margin:30px 0 0 0;
background:#fff;
border:2px solid #106ab2;
border-radius: 8px; /* 左上・右上・右下・左下 */	
	}
	

.case_point p {
float:left;
background:#106ab2;
width:124px;
text-align:center;
padding:10px 10px 0 0;
	}
	

.case_point ul {
float:left;	
margin:40px 0 0 30px;
	}
	
.case_point ul li {	
list-style-type:disc;
}

.case_movie {
float:left;
margin:0 0 30px 20px;
width:310px;
text-align:center;
	}


.clear {
clear:both;	
	}
	

.casestudy dl {
clear:both;
width:840px;
margin:30px 0 0 0;	
line-height:1.6;
	}
	

.casestudy dl dt {
font-size:17px;	
font-weight:bold;
color:#006ab2;
padding:4px 10px 10px 40px;
background:url(images/checkmark.png) no-repeat left top;
	}
	


.casestudy dl dd p:nth-child(1) {
float:left;
width:358px;
margin:10px 0 0 0;

	}
	

.caption {
font-size:13px;	
	}
	

.casestudy dl dd p:nth-child(3) {
float:left;
width:427px;
margin:10px 0 0 0;
	}
	

.casestudy dl.task dd {
clear:both;
width:840px;
margin:10px 0 20px 0;
	}
	
	
	

.casestudy dl.task dd p img {
display:block;
margin:0 0 10px 0;
font-size:13px;
	}
	

.casestudy dl.task dd p.text {
float:left;
width:420px;
	}
	
	

.casestudy dl.task dd p.ph {
float:right;
margin:-30px 0 30px 20px;
	}
	
	

.triangle1{
float:left;
  width: 0;
  height: 0;
  margin:130px 10px 0 10px;
  border-left: 20px solid #61bce2;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
	
	
	

h4 {
clear:both;
color:#006ab2;
margin:50px 0 0 0;	
	}
	
.interview  {
background:#e6f3f9;
width:840px;
padding:20px 0 30px 0;
margin:10px 0 0 0;
	}
	

.interview div:nth-child(1){
float:left;
width:300px;	
text-align:center;
padding-bottom:20px;
	}

	
	

.interview div:nth-child(2){
float:left;
width:180px;	
margin:0 0 0 20px;
text-align:center;
	
	}
	

.interview div:nth-child(2) img {
display:block;
margin:10px auto;
width:85px;
	}
	

.interview div:nth-child(3){
float:left;
width:280px;	
margin:0 0 0 20px;		
	}
	
	

.interview div:nth-child(3) p {
margin:14px 0 20px 0;
display:block;
padding:10px;
font-size:13px;
line-height:1.3;
text-align:center;
background:#2269ae;
border-radius: 6px 6px 6px 6px; /* 左上・右上・右下・左下 */
box-shadow:-1px 6px 1px -2px #164c86;
	}
	

.interview div:nth-child(3) p a {
display:block;
text-decoration:none;
color:#fff;
}
	


.bottom_anq {
clear:both;
margin:50px 0 0 0;
	}

table{
  border-collapse:separate;
  border-spacing: 5px;
  width: 100%;
}

table th,table td{
  border-radius: 5px;
  text-align: center;
  padding: 10px 0;
}

table th{
  background-color: #ff6600;
  color: white;
  border:solid 1px #ff6600;
}

table td{
  background-color: #ffffff;
  border:solid 1px #ff6600;
}