@charset "UTF-8";

/*reset
---------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,form,
p,th,td { margin: 0; padding: 0; }



img { border: 0; vertical-align: top; }

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }

ul,dl,ol { text-indent: 0; }
li { list-style: none; }

address,em,strong,th { font-style: normal; font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; font-size: inherit; }
th,td { text-align: left; vertical-align: top; }

*, *:before, *:after {/*余白を内側でカウント*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body.safari #content, body.safari #footer {/*サファリでリンク先から戻った時文字が拡大する対応*/
    -webkit-text-size-adjust: 100%;
}

/*フォントアイコンの設定
----------------------------------------------------*/
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*Google font
----------------------------------------------------*/


/*基本設定
----------------------------------------------------*/
body { background-color: #fff; color: #333;}
body { font:15px/2 Helvetica, Helvetica Neue, Arial, sans-serif; }


/** link **/
a:link {
	color: #008fbf;
	text-decoration: underline;
}

a:visited {
	color: #8c8c8c;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: none;
}

/*選択範囲*/
::selection {background: #4bcbfa; color: #fff;}
::-moz-selection {background: #4ebee3; color: #fff;}



/*clearfix*/
.clearfix {
  zoom: 1;
}

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

p{text-align: center;}


/*layout
----------------------------------------------------*/

#rapper{
	width: 100%;
	padding: 0;
	overflow: hidden;

}
#head{
	width: 100%;
	height: 80px;
	border-top:4px solid #00afec;
	background-color: #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	position:relative;
	z-index: 0;
}

#head-wrap{
	width: 1000px;
	margin:0 auto;
}


.box1{
	float: left;
	width: 500px;
}

.box2{
	float: right;
	width: 180px;
}

.logo{
	margin-top: 13px;
}


.box2 ul li{
	display: inline-block;
	vertical-align: top;
}



a.btn-la-b:link,a.btn-la-b:visited{
	display: block;
	width: 88px;
	font-size: 13px;
	color: #ffffff;
	background: #00afec url(../img/arw-white.png) 15px 9px no-repeat;
	border-bottom: 2px solid #00afec;
	border-left: 2px solid #00afec;
	padding: 2px 0 1px 11px;
	text-align: center;
	text-decoration: none;
	cursor: default;
}



a.btn-la-w:link,a.btn-la-w:visited{
	display: block;
	width: 86px;
	font-size: 13px;
	color: #00afec;
	background: #ffffff url(../img/arw-blue.png) 17px 9px no-repeat;
	border-right: 2px solid #00afec;
	border-bottom: 2px solid #00afec;
	border-left: 2px solid #00afec;
	padding: 2px 0 1px 13px;
	text-align: center;
	text-decoration: none;
}

a.btn-la-w:hover,a.btn-la-w:active{
	color: #fff;
	background: #00afec url(../img/arw-white.png) 17px 9px no-repeat;
}



div.mainVisual{
	width: 100%;
	height: 300px;
	background: url(../img/mainVisual.png) top center no-repeat;
	background-size: cover;
}



/*セクション共通*/

div.sec-1,div.sec-2,div.sec-3,div.sec-4{/*上下のパディングをまとめて指定*/
	width: 100%;
	padding-top: 70px;
	padding-bottom: 80px;	
}

h2{
	display:block;
	text-align: center;
	font-size:28px; 
	font-family: 'Lora', serif; 
	letter-spacing:1px;
	line-height: 1.3;
	/*font-weight: bold;*/
	background: url(../img/blue-bar.png) center bottom no-repeat;
	padding-bottom: 11px;
	margin-bottom: 30px;

}



/**********会社概要*********/

div.sec-1{
	background-image: url(../img/bg-grid.png);
}

div.sec-4{
	background: #f7f7f7;
}


div.sec-1-inner{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}


.sec-1-inner dl{
	font-size: 16px;
	line-height: 1.2;

	padding-top: 20px;
}

.sec-1-inner dt{
	letter-spacing: 2px;
	float: left;
	width: 220px;
	text-align: right;
	margin-right: 80px;
	color: #0070bd;
	font-weight: 700;/*bold;*/
	height: 50px;
	white-space: nowrap;
}
.sec-1-inner dd{white-space: nowrap;width: 380px;height: 50px;letter-spacing: 1px;}


div.sec-2{
	width: 100%;
	height: auto;
	background: url(../img/bg-building.png) center center no-repeat;
	background-size: cover;
}

.tx-w{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
table.tbl-2
{
	margin: 0 auto;
	width:1050px;
	border:1px solid #fff;
	border-spacing:10px;
	margin-bottom: 20px;
}

.tbl-2 th{
	background:#45b0e5;
	color: #fff;
	font-weight:bold;
	padding:0.5em;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	vertical-align:middle;
	text-align: center;
	letter-spacing: 2px;
}

.tbl-2 td{
	background:#f8f8f8;
	padding:20px 10px;
	vertical-align:top;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #ccc;
	font-size: 15px;
	line-height: 1.7;
	}

td.subth{
	background-color:#e3f5fc;
	text-align: center;
}

.tbl-2 td ul{
	padding-left: 20px;
}
.tbl-2 li{
	list-style: normal;
	list-style-type: disc
}

/*お問い合わせ*/

h2.orange{
	background: url(../img/orange-bar.png) center bottom no-repeat;
}

a.btn-l{
	margin-top: 10px;
	text-decoration: none;
	display: inline-block;
	width:380px;
	height:66px;
	font-size:17px;
	letter-spacing: 1px;
	line-height: 60px;
	font-weight: bold;
	position: relative;
	z-index: 2;
	border:3px solid #ea5404;
	color: #ea5404;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

.btn-l::before,
.btn-l::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.btn-l,
.btn-l::before,
.btn-l::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

a.btn-l:hover{
	color: #fff;
}

a.btn-l::after{
	top: -100%;
	width: 100%;
	height: 100%;
}

.btn-l:hover::after {
	top: 0;
	background-color: #ea5404;
}




/*common parts*/
.tac{text-align: center;}
.tar{text-align: right;}
.tal{text-align: left;}
.tx-m{font-size: 16px;}
.tx-s{font-size: 12px;}
.tx-ss{font-size: 10px;}

.mt20{margin-top: 20px;}



/*footer*/

#footer{
	width: 100%;
	height: 64px;
}

#footer p{
	text-align: center;
	font-size: 12px;
	padding-top: 23px;
	letter-spacing: 0;
}