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

/* ===================================
   clearfix
==================================== */
.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0
}
.clearfix:after {
	clear: both;
	visibility: hidden;
}
/* ===================================
   画像置換
==================================== */
.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}
/* ===================================
   ブロック要素
==================================== */
.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
/* ===================================
   一般
==================================== */
body {
	padding-top: 80px;
	font-size: 16px;
	color: #34495e;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background: #f5f5f5
}
body h1, body h2, body h3, body h4, body .created {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
}
body h5, body h6 {
	margin: 0
}
body h3, body h4 {
	margin-top: 0
}
p {
	line-height: 1.8em;
	letter-spacig: 0.1em;
}
/* ===================================
   layout
==================================== */

.container {
	padding: 0 20px 0 20px;
	position: relative;
}
#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}
p.resizeimage img {
	width: 100%;
}
.row, .row-fluid {
	margin-bottom: 15px;
}
.row.nomargin, .row-fluid.nomargin {
	margin-bottom: 0;
}
.underline {
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid #87AFC5;
	text-align: center;
	font-size: 1.8em;
}
 @media screen and (max-width: 660px) {
.underline {
	font-size: 1.313em;
}
}
.underline:after {
	content: " ";
	border-bottom: 1px solid #191A7C;
	display: block;
	width: 50%;
	position: relative;
	top: 13px;
}


.center {
	text-align: center
}

i {
	font-family: FontAwesome;
	font-style: normal;
	margin-right: 5px;
}
/* ===================================
   font/text
==================================== */
@font-face {
	font-family: 'IPAex明朝';
	src: url('../font/ipaexm.eot');/* IE9 Compat Modes */
	src: url('../font/ipaexm.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('../font/ipaexm.woff') format('woff'),/* Modern Browsers */ url('../font/ipaexm.ttf') format('truetype');/* Safari, Android, iOS */
	font-weight: normal;
	font-style: normal;
}
.w-font {
	font-family: 'IPAex明朝';
	src: url('../font/ipaexm.eot');
	src: url('../font/ipaexm.eot?#iefix') format('embedded-opentype'), url('../font/ipaexm.woff') format('woff'), url('../font/ipaexm.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
 @media (min-width: 768px) {
.p-a {
	text-align: center
}
}
 @media (max-width: 768px) {
.p-a {
	text-align: left;
	text-align: justify;
}
}
.basic {
	/*text-shadow*/
	-moz-text-shadow: 1px 1px 1px #ccc;
	-webkit-text-shadow: 1px 1px 1px #ccc;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
/* ===================================
    navbar
==================================== */

.navbar-brand {
	width: 220px;
	height: 80px;
	background: url(../images/logo.png) no-repeat 0 50%
}
 @media screen and (max-width: 768px) {
.navbar-brand {
	width: 130px;
	height: 80px;
	background: url(../images/logo.png) no-repeat 0 50%;
	background-size: 110px 40px;
}
}
nav.navbar {
	background: url("../images/nav_back.png");
	background-position: center center;
	background-size: 100% 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	opacity: .9;
	filter: alpha(opacity=90);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 0.9;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.9;              /* Safari 1.x */
}
nav.navbar .navbar-inner {
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
nav.navbar .nav {
	margin-top: 20px;
}
nav.navbar .nav>li {
	margin-left: 1px
}
/* メニューカラー */
nav.navbar .nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 15px;
	text-shadow: none;
	font-weight: bold;
}
/* メニューhoverカラー */
nav.navbar .nav>li>a:hover {
	background: transparent;
	color: #87AFC5;
	transition: color 0.8s ease 0s;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* メニューactiveカラー */
nav.navbar .nav>li.active>a, nav.navbar .nav>li.active>a:hover {
	background: transparent;
	color: #87AFC5;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
/* ドロップダウンメニュー会社情報アクティブカラー */
nav.navbar .nav>li.dropdown.open>a.dropdown-toggle {
	background: transparent;
	color: #87AFC5
}
nav .dropdown-menu {
	margin-top: 20px
}
nav .dropdown-menu:before {
	display: none!important
}
/* トグルメニューカラー */
.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {
	background-color: transparent;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
	color: #FFF
}
.navbar-toggle {
	margin-top: 20px;
}
.dropdown-menu {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0;
	border: 0;
}
/* ドロップダウンメニューactiveカラー/背景色 */
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
	background: #87AFC5;
	color: #FFF
}
 @media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #FFF;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 15px;
	text-shadow: none;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #87AFC5;
	background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #87AFC5;
	background-color: none;
}
}
select.selectmenu {
	display: none;
}
.main-info {
	background-color: #f5f5f5;
	color: #999
}
.main-info h4 {
	color: #999
}
.icon-medium {
	font-size: 18px;
	width: 18px;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	background: #2dcc70;
	padding: 10px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color: #fff
}
/* ===================================
     news
==================================== */
#news {
	background: #e1eaef;
}
#news_list ul {
	margin: 0 auto 0 auto;
	padding: 5px;
}
 @media screen and (min-width: 600px) {
#news_list ul {
	width: 500px;
	margin: 0 auto 0 auto;
	padding: 5px;
}
}
#news_list li {
	list-style-type : none;
	line-height: 1.6em;
	padding: 5px 0px;
}
#news_list li:before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 6px;
	width: 1em;
}
#news_list a {
	color: #039;
	text-decoration: underline;
}
#news_list a:hover {
	color: #36F;
	text-decoration: none;
}
/* ===================================
    pickup
==================================== */
#feature {
	background: none
}

#feature h2 {
	padding: 15px 0 10px;
	margin: 0;
	font-size : 1.250em;
	line-height: normal;
}


#feature h2 a {
	color: #34495e;
}

#feature h2 a:hover {
	color: #87AFC5;
}

 @media screen and (max-width: 660px) {
#feature h2 {
	font-size: 1.313em;
}
#feature p {
	margin-bottom:20px;
}

}

#feature figure img {
	margin-top:10px;
	width: 100%;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#feature figure:hover img {
	opacity: .5;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
/* ===================================
   btn
==================================== */
.btn.btn-transparent {
	border: 3px solid #fff;
	background: transparent;
	color: #b0c4de
}
.btn.btn-transparent:hover {
	border-color: rgba(255,255,255,0.5)
}
.btn.btn-link {
	color: #2dcc70;
	padding: 0
}
.btn.btn-link:hover {
	text-decoration: none
}
.btn-primary {
	background-color: #2dcc70
}
.btn-primary:hover {
	background-color: #24a259
}
/* ===================================
   a 要素
==================================== */

a {
	color: #00008b;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms
}
a:hover, a:focus {
	color: #4169e1;
	text-decoration: none;
	outline: 0
}
/* ===================================
   section
==================================== */
body>section {
	padding: 50px 0
}
body>section#slide-show {
	padding: 0
}
/* ===================================
   recent-works
==================================== */
#recent-works {
	background: #2dcc70;
	color: #fff
}
#recent-works .links>a {
	background: #fff;
	color: #2dcc70;
	text-shadow: none
}
/* ===================================
    clients　お客さま紹介
==================================== */
#clients {
	background: #fff
}
#clients h4 {
	color: #999
}
#clients .carousel {
	margin-bottom: 0
}
#clients .clients ul.thumbnails {
	margin: 0
}
#clients .clients ul.thumbnails>li {
	text-align: center;
	margin-bottom: 0
}
#clients .prev, #clients .next {
	color: #999
}
/* ===================================
    header.jumbotron
==================================== */
header.jumbotron {
	height: 250px;
	background: url("../images/title/image_1.jpg") center no-repeat;
	background-size: cover;
	margin: 0 0 0 0;
	color: #FFF
}
header.jumbotron h1 {
	padding: 0 0 0;
	margin: 0;
	position: relative;
	font-size : 3em;
	line-height: normal;
	z-index: 100;
	text-align: center;
	background:none
}
header.jumbotron p {
	font-size : 2em;
	margin-top: 20px;
	position: relative;
	line-height: 10px;
	z-index: 100;
	text-align: center;
	color: #FFF
}
 @media screen and (max-width: 660px) {
header.jumbotron h1 {
	padding: 0 0 0;
	margin: 0;
	font-size : 1.375em;
	line-height: normal;
}
}
@media (max-width: 767px) {
header.jumbotron {
	height: 150px;
}
}
/* ===================================
    box
==================================== */

.box {
	background-color: #FFF;
	border-top: 1px solid #f0f0f0;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/* ===================================
    プログレスバー
============================== */
.progress {
	margin-bottom: 10px
}
.progress, .progress .bar {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-image: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	height: 30px;
	line-height: 30px
}
/* ===================================
    ラベル/バッジ
================================== */
.label, .badge {
	font-weight: 300;
	font-size: 90%
}
/* ===================================
    パンくずリスト
=================================== */
.topicpath {
	background: #87AFC5;
}
.topicpath .active {
	color: #666
}
.breadcrumb a:hover {
	border-bottom: solid 1px;
}
.breadcrumb a {
	color: #1D3156
}
.breadcrumb {
	margin-bottom: 0;
	background: none;
	list-style: none;
	border-radius: 0px;
}
 @media screen and (max-width: 600px) {
.breadcrumb {
	font-size: 0.625em;
}
}
.breadcrumb li+li:before {
	color: white;
	font-family: FontAwesome;
	content: "\f0a9";
	padding: 0 5px
}
/* ===================================
    内容


.description {
	display: inline-block;
	margin-left: auto;   */        /* IE以外用の中央寄せ */
/* 	margin-right: auto;   */        /* IE以外用の中央寄せ */
/*	text-align: left;  */          /* 中身を左寄せに戻す */
/*}
=================================== */

.description p {
	margin-bottom: 50px;
}
.description ul {
	list-style-type: decimal
}
.description li {
	line-height: 1.8em;
	letter-spacig: 0.1em;
}
/* ===================================
    テーブル
=================================== */

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.500em;
	text-align:justify
}

.table tr th {
	text-align: left;
	letter-spacing: 0.1em;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

.table tr td {
	text-align: left;
	padding-left: 30px;
}
.table td {
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
 @media screen and (min-width: 979px) {
.table tr th {
	width: 22%;
}
}
 @media screen and (max-width: 768px) {
.table-striped.table tr {
	display: block;
	border: none;
}
.table-striped.table td {
	display: block;
	border: none;
	width: 100%;
	float: left
}
.table-striped.table th {
	display: block;
	border: none;
	width: 100%;
	float: left;
	text-align: left;
	border-bottom: dotted 1px
}
}
/* ===================================
    map
============================== */
iframe {
	width: 100%;
	height: 250px;
	float: left;
	margin: 0;
	padding: 0;
}
/* ===================================
    タグクラウド
============================== */
ul.tag-cloud li {
	display: inline-block;
	margin: 0 0 2px 0
}
/* ===================================
    ソーシャルボタン
==================================== */
.btn-social {
	border: 0;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,0.5)
}
.btn-social.btn-facebook {
	background: #4f7dd4
}
.btn-social.btn-facebook:hover {
	background: #789bde
}
.btn-social.btn-twitter {
	background: #5bceff
}
.btn-social.btn-twitter:hover {
	background: #8eddff
}
.btn-social.btn-linkedin {
	background: #21a6d8
}
.btn-social.btn-linkedin:hover {
	background: #49b9e3
}
.btn-social.btn-google-plus {
	background: #dc422b
}
.btn-social.btn-google-plus:hover {
	background: #e36957
}
.btn-social:hover {
	color: #fff
}
/* ===================================
    余白設定
==================================== */
.gap {
	margin-bottom: 50px
}
 @media (max-width: 600px) {
.gap {
	margin-bottom: 20px
}
}
.gap-tb {
	margin-bottom: 50px;
	margin-top: 50px
}
 @media (max-width: 600px) {
.gap-tb {
	margin-bottom: 20px;
	margin-top: 20px
}
}
.gap-t {
	margin-top: 50px;
}

 @media (max-width: 600px) {
.gap-t {
	margin-top: 20px;
}
}

.big-gap {
	margin-bottom: 100px
}
.no-margin {
	margin: 0;
	padding: 0
}
/* ===================================
    main-contents
==================================== */
#main-contents {
	margin-top: 20px
}
#main-contents .blog-news .created {
	font-size: 18px;
	color: #2dcc70
}
/* ===================================
    bottom
==================================== */
#bottom {
	background: #232323;
	color: #6f6f6f
}
#bottom h1 {
	padding: 15px 0 5px;
	margin: 0;
	font-size : 150%;
	line-height: normal;
	margin-bottom: 15px;
}
#bottom h4 {
	margin-top: 0;
	margin-bottom: 15px
}
#bottom h1, #bottom h2, #bottom h3, #bottom h4, #bottom h5, #bottom h6 {
	color: #6f6f6f;
	border-bottom: 1px dotted;
	}
#bottom a {
	color: #6f6f6f
}
#bottom a:hover {
	color: #87AFC5;
}
#bottom ul.address>li {
	position: relative;
	padding-left: 20px;
	margin-top: 10px
}
#bottom ul.address>li:first-child {
	margin-top: 0
}
#bottom ul.address>li>i {
	position: absolute;
	top: 3px;
	left: 0
}
#bottom ul.thumbnails {
	margin-bottom: 0
}
#bottom ul.thumbnails li {
	margin-bottom: 5px
}
/* ===================================
    矢印アイコン付きリスト
==================================== */
ul.arrow, ul.arrow-double, ul.tick, ul.cross, ul.star, ul.rss {
	list-style: none;
	padding: 0;
	margin: 0
}
ul.arrow li:before, ul.arrow-double li:before, ul.tick li:before, ul.cross li:before, ul.star li:before, ul.rss li:before, ul.arrow li:after, ul.arrow-double li:after, ul.tick li:after, ul.cross li:after, ul.star li:after, ul.rss li:after {
	font-family: FontAwesome;
	font-size: 11px
}
ul.arrow li:before, ul.arrow-double li:before, ul.tick li:before, ul.cross li:before, ul.star li:before, ul.rss li:before {
	margin-right: 5px
}
ul.arrow li:before {
	content: "\f105"
}
ul.arrow-double li:before {
	content: "\f01a"
}
ul.tick li:before {
	content: "\f145"
}
ul.cross li:before {
	content: "\f05b"
}
ul.star li:before {
	content: "\f08a"
}
ul.rss li:before {
	content: "\f09e"
}
ul.arrow_s {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0
}
ul.arrow_s li:before {
	font-family: FontAwesome;
	font-size: 11px
}
ul.arrow_s li:before {
	margin-right: 5px;
	margin-left: 13px
}
ul.arrow_s li:before {
	content: "\f105"
}
/* ===================================
    フッター
==================================== */
#footer {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #666;
	background: #021931;
}
#footer a {
	color: #666
}
#footer a:hover {
	color: #2dcc70
}
#footer #gototop {
	height: 40px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	display: inline-block;
	background: #1d1d1d;
	font-size: 24px;
	color: #fff
}
#footer #gototop:hover {
	background: #2b2b2b;
	text-decoration: none
}
#footer .cp {
	margin-top: 11px
}
/* ===================================
    フッター　ソーシャル
==================================== */
ul.social {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	display: inline-block
}
ul.social>li {
	display: inline-block;
	margin: 0 5px
}
ul.social>li>a {
	font-size: 24px;
	color: #666
}
ul.social>li>a:hover {
	color: #999
}
/* ===================================
   FAQ
==================================== */

#faqs h1 {
	font-size: 1.250em;
	margin-top: 0;
	margin-left: 0;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: dotted 1px #ccc;
}

 @media screen and (max-width: 660px) {
.d-n {
	display:none;
}
}

#faqs p {
	text-align: justify;
}
#faqs col-lg-2 {
	list-style: none;
	margin-left: 0;
}
#faqs ul.faq {
	list-style: none;
	margin-left: 0;
	padding: 0
}
#faqs ul.faq li {
	margin-left: 0;
}
#faqs ul.faq li:first-child {
	margin-top: 0
}
#faqs ul.faq li span.number {
	display: block;
	width: 70px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #021931;
	color: #fff;
	font-size: 1.25em;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}

ul.faq li>div {
}

#error {
	text-align: center;
	margin-top: 150px;
	margin-bottom: 150px
}