@charset "utf-8";
/*
reset
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
	margin:0;padding:0;
}
a{
	color:#1e1e1e;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

table{
	border-collapse:collapse;border-spacing:0;
}
fieldset,img{
	border:0;
}
li{
	list-style:none outside;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;font-weight:normal;margin:0;padding:0;
}
q:before,q:after{
	content:'';
}

img{
	border:none; vertical-align:bottom;
}
em{
	font-style:normal;
	font-size:1.2em;
}
button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:baseline;
	position:relative;
}
/*
clearfix
*/
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  
/*
style
*/

.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb100 {margin-bottom:100px;}
.mb150 {margin-bottom:150px;}


html {
	color:#333;
	font-size:62.5%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
}
body {
}
a {
	color:#666;
	text-decoration:underline;
}
a:hover {
	color:#13b4e2;
}

.main {
	width:1000px;
	margin:0 auto;
	font-size:18px;
	/*font-size:1.8rem;*/
}
.main h2 {
	margin-bottom:80px;
}
.main a {
	color:#0087cf;
}
.inner {
	width:1000px;
	margin:0 auto;
	padding:80px 0;
	font-size:16px;
	/*font-size:1.6rem;*/
}

.tit-lead {
	font-size:18px;
	text-align:center;
}


header {
	width:1000px;
	height:85px;
	min-width:960px;
	margin:0 auto;
	padding-top:25px;
}

.head-image {
	height:480px;
	padding-top:110px;
	background-image:url(../img/bg.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	-moz-background-size:cover ;
	background-size:cover ;
}
.head-image-inner {
	width:700px;
	height:300px;
	margin:0 auto;
	padding:40px 80px;
	background:url(../img/bg_alpha.png) left top repeat;
	text-align:center;
	font-size:16px;
	/*font-size:1.6rem;*/
}
h1 {
	margin:0 0 10px -5px;
	opacity:1;
}
.head-image-inner p {
	margin-top:15px;
	font-weight:bold;
	opacity:1;
}
.head-image-inner h2 {
	opacity:1;
}




.concept .f-l {
	float:left;
	width:600px;
}
.concept .f-r {
	float:right;
}


.solution .f-l {
	float:left;
	width:600px;
}
.solution .f-r {
	float:right;
}

.solution dt {
	margin:1em 0;
	padding:5px 10px;
	background:#0087cf;
	color:#fff; 
	font-weight:bold;
}
.solution dt:nth-child(1) {
	margin-top:0;
}


.process p {
	margin-bottom:40px;
	font-size:18px;
	/*font-size:1.8rem;*/
}

.ul-wrap {
	width:1000px;
	overflow:hidden;
}
.process ul {
	width:1050px;
	min-height:800px;
	font-size:14px;
	/*font-size:1.4rem;*/
}
.process li {
	float:left;
	width:300px;
	height:300px;
	margin:0 50px 0 0;
}
.process li dt {
	margin-bottom:20px;
}
.process li:nth-child(7) {
	margin-left:350px;
}
.bottomline {
	min-height:150px;
	text-align:center;
}




.contact {
	background:#f7f7f7;
	text-align:center;
}
.contact p {
	width:650px;
	margin:0 auto 30px auto;
	font-size:12px;
	/*font-size:1.2rem;*/
	text-align:left;
}
.contact ul {
	width:650px;
	margin:0 auto;
	padding:10px 0;
	border-top:2px solid #333;
}
.contact li {
	float:left;
	width:320px;
	text-align:center;
}
.contact li img {
	margin-left:20px;
}
.contact li#line {
	border-right:2px solid #333;
}
.contact li#line img {
	margin-right:25px;
}
.contact .bn {
	margin-top:50px;
	text-align:center;
}



.social h2 {
	float:left;
	padding:9px 0 0 10px;
	font-size:12px;
}
.social .inner {
	width:650px;
	margin:0 auto;
	padding:40px 0;
}
.social ul {
	float:left;
	margin-left:50px;
}

.social li {
	float:left;
	width:37px;
	margin-right:10px;
}




.btn {
	margin-bottom:40px;
	text-align:center;
}











footer {
	border-top:1px solid #ededed;
	font-size:12px;
	text-align:center;
}
footer .inner {
	padding:30px 0;
} 
footer ul {
	margin-bottom:10px;
}
footer li {
	display:inline;
}





.contact-form {
	text-align:center;
}
.contact-form table {
	width:800px;
	margin:0 auto 30px auto;
	text-align:left;
}
.contact-form table th,
.contact-form table td {
	padding:10px;
	border-collapse:collapse;
	border-spacint:0;
	border:1px solid #13b4e2;
}
.contact-form table th {
	width:20%;
	background:#eefcff;
	font-weight:normal;
	white-space:nowrap;
}
.contact-form table td {
	width:80%;
}
.contact-form table input {
	width:300px;
	padding:10px;
}
.contact-form table textarea {
	width:550px;
	height:150px;
	padding:10px;
}
.contact-form table input,
.contact-form table textarea {
	border-width:1px;
	border-style:solid;
	border-color:#13b4e2;
}
.contact-form table input:focus,
.contact-form table textarea:focus {
	outline: 0;
	background:#eefcff;
}
#contact-submit,
#contact-submit-fix {
	margin:0 10px;
	padding:15px 30px;
	border:1px solid #13b4e2;
	background:#13b4e2;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-transition:all 0.5s ease 0;
}
#contact-submit:hover {
	border:1px solid #1d5a7c;
	background:#1d5a7c;
}
#contact-submit-fix {
	border:1px solid #13b4e2;
	background:#fff;
	color:#16bbde;
}
#contact-submit-fix:hover {
	background:#13b4e2;
	color:#fff;
}
.contact-form .thanks {
	margin-bottom:100px;
	font-size:16px;
	text-align:center;
}

#c00-1,
#c00-2 {
	width:1.2em;
	padding:0;
	border:none;
	text-align:left;
	vertical-align:middle;
}