@charset "utf-8";

/*------------------------------------------------------------------------------
Date: 2015-05-19
Copyright (C) KYOTO TOOL CO., LTD. All Rights Reserved.
------------------------------------------------------------------------------*/

#main {
	width:970px;
	float:none;
}

.title01 {
	display: table-cell;
	width: 970px;
	height: 95px;
	background: url(/files/images/common/bg_tit_01.png) no-repeat 0 0;
	padding: 5px 0 0 40px;
	vertical-align: middle;
	border-bottom: none;
}
.title01 .innerTit {
	font-size: 261.6%;
	font-family: "ヒラギノ角ゴ Pro W6","メイリオ",Meiryo, Osaka;
	letter-spacing: 0.1em;
	color: #fff;
}

@media screen and (max-width:767px){
	#main{
		width:auto;
		float:none;
	}
	#topicPath{
		display:none;
	}
	.title01 {
		width: auto;
		height: auto;
		display: block;
		padding-left: 0;
		background: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.title01 .innerTit {
		background: #fff url(/files/images/common/bg_tit_01.png) no-repeat 50% 0;
		font-size: 18px;
		line-height: 1.3;
		display: table;
		width: 100%;
		height:80px;
		margin-bottom: 0;
		font-family: inherit;
	}
	.title01 .innerTit span {
		display: table-cell;
		width: 100px;
		vertical-align: middle;
		padding-left: 15px;
		padding-right: 130px;
	}
}


#about .aboutDetail,
.contactDetail {
	margin-top: 30px;
	padding: 30px 40px 30px 40px;
	border-top:solid 5px #004EA2;
	background-color: #fff;
	border-bottom:solid 2px #d4d4d4;
}

#about .aboutBox {
	margin-top: 30px;
	border-top: solid 5px #004EA2;
	background-color: #fff;
	border-bottom:solid 2px #d4d4d4;
}

#about .aboutBox .headline02 {
	padding-left: 40px;
	font-size: 192.4%;
	letter-spacing: 0.05em;
}
#about .aboutBox .section {
	padding: 17px 40px 0 40px;
	line-height: 1.67;
}

.aboutBox .colLeft {
	float: left;
	width: 425px;
}
.aboutBox .colRight {
	float: right;
	width: 425px;
	margin: 3px 0 40px;
}
.aboutBox .colRight li {
	margin-bottom: 30px;
}
.aboutBox .colRight li:last-child {
	margin-bottom: 0;
}

.aboutBox .mapSec {
	float: left;
	width: 335px;
	margin-top: 3px;
}
.aboutBox .mapSec p {
	margin-bottom: 15px;
}
.aboutBox .mapSec h4 {
	margin-left: -5px;
	margin-bottom: 5px;
	font-size: 107.7%;
	font-weight: 700;
	color: #004EA2
}
.aboutBox .mapSec h5 {
	font-weight: 700;
}
.aboutBox .mapSec ul {
	margin-bottom: 5px;
}
.aboutBox .mapSec ul li {
	padding-left: 1em;
	background: url(/files/images/common/icon_dot_01.png) 4px 8px no-repeat;
}

.aboutBox .mapImg {
	float: right;
	margin: 3px 0 20px 25px;
}

.comLink {
	width: auto;
	display: inline-block;
	margin-top: 25px;
	line-height: 1.0;
	border: 1px solid #d3d3d3;
	background: url(/files/images/about/ico_company.png) 95% 50% no-repeat;
}
.comLink p a {
	display: block;
	font-weight: 700;
	padding: 18px 130px 18px 32px;
	color: #333;
	background: url(/files/images/common/icon_arrw_01.png) 20px 50% no-repeat;
}
.comLink p a span {
	padding-right: 18px;
	background: url(/files/images/common/ico_otherlink.png) 100% 50% no-repeat;
}
.comLink p a:hover {
	text-decoration: none;
}
.comLink:hover {
	background-color: #cbddf5;
}

@media screen and (max-width:767px){
	#about .aboutDetail{
		margin-top:30px;
		padding:0 15px 30px;
	}
	#about .aboutBox .headline02 {
		padding-left: 15px;
	}
	#about .aboutBox .section {
	  padding: 0 15px 5px;
	}
	.aboutBox .colLeft {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.aboutBox .colRight {
		float: none;
		width: 100%;
		margin: 0 0 40px;
		text-align: center;
	}
	.aboutBox .mapSec {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}
	.aboutBox .mapImg {
		float: none;
		margin: 0 0 20px;
		text-align: center;
	}
	.comLink {
		margin-top: 15px;
	}


	.contactDetail  {
		padding-top:20px;
	}
	.contactDetail .section {
		margin-bottom:20px;
	}
}

#about .meritSection{
	padding-bottom:60px;
}
#about .meritSection img{
	float:left;
}
#about .meritBox{
	width:525px;
	float:right;
}

#about .meritBox li{
	padding:10px 0px 28px 106px;
	margin-bottom:15px;
	border-bottom:1px solid #ececec;
}
	#about .meritBox span{
		font-weight:bold;
		font-size:120%;
		display:block;
	}
	#about .merit01{
		background:url(/files/images/about/ico_merit01.png) no-repeat;
	}
	#about .merit02{
		background:url(/files/images/about/ico_merit02.png) no-repeat;
	}
	#about .merit03{
		background:url(/files/images/about/ico_merit03.png) no-repeat;
	}

#about .aboutDetail .meritTxt,
.contactDetail .meritTxt{
	padding-top:35px;
	clear:both;
}


@media screen and (max-width:767px){
#about .meritSection img{
	float:none;
	display:block;
	margin:20px auto;
}
#about .meritBox{
	width:100%;
	float:none;
}
#about .meritSection{
	padding-bottom:30px;
}
}


.imgSection{
	padding-bottom:40px;
}
.imgSection .fl{float:left;}
.imgSection .fr{float:right;}

.imgSlideBox{
	width:405px;
	height:242px;
}
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	display: block;
}
.bx-prev{
	background:url(/files/images/about/btn_prev.png) no-repeat;
	width:52px;
	height:52px;
	position:absolute;
	left:-25px;
	top:98px;
	z-index:999;
}
.bx-next{
	background:url(/files/images/about/btn_next.png) no-repeat;
	width:52px;
	height:52px;
	position:absolute;
	right:-25px;
	top:98px;
	z-index:999;
}

@media screen and (max-width:767px){
.imgSlideBox{
	width:100%;
	margin-top:20px;
	height:auto;
	position:relative;
}
.imgSlideBox img{
	min-width:100%;
}
.bx-prev{
	left:0px;
	top:50%;
	z-index:999;
}
.bx-next{
	right:0px;
	top:50%;
	z-index:999;
}
}


.topicSection{
	border:10px solid #ececec;
	padding:30px;
}
	.topicSection img{
		float:left;
	}
	.topicDetail{
		width:670px;
		float:right;
	}
		.topicDetail h3{
			font-weight:bold;
			font-size:120%;
			line-height:25px;
		}
			.topicDetail h3 span{
				font-size:80%;
			}
		.topicDetail p{
			padding-top:20px;
		}

@media screen and (max-width:767px){
	.topicSection img{
		float:none;
		display:block;
		margin:auto;
	}
	.topicDetail{
		width:100%;
		float:none;
	}
		.topicDetail h3{
			text-align:center;
			padding-top:20px;
		}

}


.headline01{
	border-left:6px solid #004EA2;
	padding-left:20px;
	margin-bottom:20px;
	font-weight:bold;
	font-size:145%;
}
.headline02{
	border-bottom:2px dotted #dddddd;
	padding:25px 0px 25px 50px;
	margin-bottom:20px;
	font-weight:bold;
	font-size:190%;
}
@media screen and (max-width:767px){
	.headline02{
		padding:25px 0px 25px 10px;
	}
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#about .aboutBox .section:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
#about .aboutBox .section {
	*zoom: 1;
}