@charset "UTF-8";
/*企業理念、会社概要*/

section h2 {
	font-size: 26px;
	color: #003366;
	letter-spacing: 0.1em;
	text-align: center;
}
section h2 .mark {
	margin-right: 10px;
	width: 31px;
	height: 31px;/*android4.3*/
	padding-top: 10px;
}


/*会社概要*/
.outline {
	padding-bottom: 20px;
}

.table_outline {
    width: 84%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
	margin: 30px auto 0;
}

.table_outline tbody th {
    font-weight: bold;
	letter-spacing: 0.1em;
    background: #F2F2F2;
	padding: 10px;
	width: 18%;
}
.table_outline tbody td, .table_outline tbody th {
    border-bottom: 1px solid #ccc;
	padding: 10px 14px;
}
.table_outline tbody td {
    border-left: 1px solid #ccc;
}
.table_outline tbody tr:last-child td, .table_outline tbody tr:last-child th {
    border-bottom: none;
}

@media (max-width: 767px) {
	.table_outline {
		width: 100%;
		}
	.table_outline tbody th {
		width: 27%;/*25%*/
		letter-spacing: 0em;
		line-height: 1.5;
	}
}

.table_outline a:hover img {
	opacity: 0.7;
}

.access {
	width: 84%;
	margin: 40px auto;
}
.access h3 {
	font-size: 20px;
	padding-left: 10px;
	border-left: 8px solid #3A6BAD;
	line-height: 1.4;
	margin-bottom: 16px;
}

.gmap {
	margin-top: 20px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*沿革*/
.history {
	background: #D3EDFB;
	padding-top: 30px;
	padding-bottom: 30px;
}

.history table {
	width: 84%;
	margin: 20px auto;
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	font-size: 14px;
	line-height: 1.7;
}

.history th,
.history td {
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	border-bottom: solid 1px #ccc;
}
.history th {
	padding-right: 1.6rem;
	text-align: left;
	word-break: keep-all;
}
@media (max-width: 767px) {
	.history table {
		width: 100%;
		}
}

.history_photo {
	text-align: center;
	margin: 20px auto;
	max-width: 422px;
}
.history_photo p {
	margin-bottom: 8px;
	line-height: 1.5;
}


/*企業理念*/
.philosophy {
	padding-bottom: 20px;
}
.philosophy h3 {
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
}

.philosophy .box {
	margin-top: 20px;
}
.philosophy .boxL {
	text-align: center;
	margin-top: 1rem;
}

@media (min-width: 860px) {
	.philosophy .box {
		max-width: 850px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
	}

	.philosophy .boxL {
		flex: 0 0 300px;
		text-align: center;
		padding: 0 50px 20px 0px;
	}
	.philosophy .boxR {
			flex: 0 0 500px;
		}
}

.philosophy .boxL p {
	margin-top: 14px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.4;
  	color : #3A6BAD;
}

.philosophy .boxR {
}
.philosophy .boxR ul {
	margin-top: 2.4rem;
}
.philosophy .boxR ul li {
	padding-left: 85px;
	line-height: 1.4;
	font-size: 14px;
	padding-top: 1rem;
	margin-top: 1rem;
	border-bottom: #ddd 1px solid;
}
.philosophy .boxR ul li:last-child {
	border: none;

}

.boxR .pls01 {
	background: url(../img/company/about02.png) no-repeat top left;
	height: 72px;
}
.boxR .pls02 {
	background: url(../img/company/about03.png) no-repeat top left;
	height: 72px;
}
.boxR .pls03 {
	background: url(../img/company/about04.png) no-repeat top left;
	height: 72px;
}
@media (min-width: 501px) and (max-width: 859px) {
	.philosophy {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (max-width: 500px) {
	.philosophy .boxR ul li {
	line-height: 1.4;
	font-size: 12px;
	padding-top: 0.8rem;/*1rem*/
	}
	.philosophy .boxR ul li:first-child {
	padding-top: 1.1rem;/*1rem*/
	}
}



/*行動指針*/
.guideline {
	background: #A0E2FF;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

/*代表メッセージ*/
.message {
	padding-top: 40px;
	padding-bottom: 40px;
}
.message h3 {
	font-size: 22px;
 　　color : #3A6BAD;
	margin-bottom: 15px;
	line-height: 1.6;
}

.message .box {
	margin-top: 20px;
}
.message img {
	margin-bottom: 20px;
}
.message .boxL {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

@media (min-width: 1000px) {
	.message .box {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
	}

	.message .boxL {
		flex: 0 0 300px;
		text-align: center;
		padding: 0 50px 20px 0px;
	}
	.message .boxR {
			flex: 0 0 630px;
		}
}
@media (min-width: 768px) and (max-width: 999px) {
	.message .box {
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	}

	.message .boxL {
		flex: 0 0 200px;
		text-align: center;
		padding: 0 30px 20px 10px;
	}
	.message .boxR {
			flex: 0 0 500px;
		}
}

.message .boxR p {
	margin-bottom: 20px;
}
@media (max-width: 767px) {
	.message h3 {
		font-size: 20px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.message .boxR p {
		margin-left: 15px;
		margin-right: 15px;
	}
}

.message .nameBox {
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
}

.txred {/*テキストを赤字に*/
	color: #E60012;
}


/*事業ビジョン*/
.vision {
	background: #F2F2F2;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 35px;
}
.vision p {
	margin-top: 20px;
	font-size: 12px;
	line-height: 1.4;
}


/*スマートアイプロデュース*/
.smarti {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 70px;
}
p.txmgn {
	margin-top: 20px;
	margin-bottom: 15px;
} 
.produceBox {
	margin-top: 25px;
	padding: 20px 15px 30px 15px;
	background: #F2F2F2;
}

.produceBox p {
	text-align: center;
	margin-bottom: 10px;
}
@media (min-width: 768px) {
	.produceBox p {
		max-width: 760px;/*720px*/
		margin: 20px auto;
	}
}
.produceBox img {
	margin-bottom: 25px;
}


/*お問い合わせ*/
.contact {
	padding-bottom: 200px;
}
.contact p.lead {
	text-align: center;
	margin-bottom: 20px;
}

.contactBox {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 4px;
	border: solid 1px #ddd;
	text-align: center;
}

.contactBox h3 {
	margin-top: 0;
	font-size: 22px;
}

.contactBox span.fa {
	color : #666;
}

.contactBox a {
	margin-top: 0;
	font-size: 24px;
	text-decoration: none;
}

.contactBox a:hover img {
	opacity: 0.6;
}

@media (min-width: 768px) {
	.contact-wrap {
		display: flex;
	}
	.contactBox {
		flex: 1;
	}
	.contactBox:first-child {
		margin-right: 20px;
	}
}


/*お知らせ　リダイレクト用*/
.information {
	padding-bottom: 300px;
}
.information p.lead {
	margin-top: 50px;
	text-align: center;
}


/*カテゴリー内リンク*/
aside {
  background: #F2F2F2;
  padding-top: 30px;
  padding-bottom: 30px;
}
.linkBox {
	text-align: center;
}
.linkBox a {
	display: inline-block;
	margin-right: 20px;
	margin-left: 20px;
	padding: 6px 30px;
	width: 18%;/*15%*/
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.1em;
	text-decoration: none;
	transition: 0.5s;
	background:  -moz-linear-gradient(0% 50% 0deg,rgba(38, 183, 188, 1) 0%,rgba(58, 107, 173, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(38, 183, 188, 1) 0%, rgba(58, 107, 173, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(38, 183, 188, 1) ),color-stop(1,rgba(58, 107, 173, 1) ));
  background : -o-linear-gradient(0deg, rgba(38, 183, 188, 1) 0%, rgba(58, 107, 173, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(38, 183, 188, 1) 0%, rgba(58, 107, 173, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#26B7BC', endColorstr='#3A6BAD' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(38, 183, 188, 1) 0%, rgba(58, 107, 173, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26B7BC',endColorstr='#3A6BAD' , GradientType=1);
}

.linkBox a:hover {
	background: #26B7BC;
}
@media (max-width: 767px) {
	.linkBox a {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	padding: 6px 10px;
	width: 38%;
	font-size: 14px;
	letter-spacing: 0em;
	}
}