@charset "utf-8";

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

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


@media screen and (max-width:767px){
	#main{
		width:auto;
		float:none;
	}
	#topicPath{
		display:none;
	}
	.title01{
	margin-top:20px;
	}
}

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

#feature .section {
	padding:70px 40px 0px 40px;
}


@media screen and (max-width:767px){
	#feature .featureBox{
		margin-top:30px;
	}
	#feature .section {
		padding:0 15px 30px;
	}
}

.section .posImg01,.section .posImg02{
	position:relative;
}
.section dl{
	float:right;
	width:536px;
	padding:30px 30px 30px 155px;
	border:10px solid #ececec;
}
	.section dt{
		padding-bottom:15px;
		color:#004EA2;
		font-size:115%;
		font-weight:bold;
	}
	.section dd{
		padding-bottom:10px;
		margin-bottom:25px;
		border-bottom:1px solid #ddd;
	}
	.section dd:last-child{
		padding-bottom:0px;
		margin-bottom:0px;
	}

@media screen and (max-width:767px){
.section .posImg01,.section .posImg02{
	width:100%;
	text-align:center;
	position:relative;
}
.section dl{
	float:none;
	width:auto;
	padding:30px;
}
}


.cont1 dt span,.cont2 dt span{
	display:inline-block;
	background:#004EA2;
	width:28px;
	height:28px;
	line-height:28px;
	text-align:center;
	color:#FFF;
	border-radius:3px;
	margin-right:5px;
}

.cont1{
	height:500px;
}
.cont2{
	height:450px;
}

.posImg01 img{
	position:absolute;
	top:32px;
	left:0px;
}
.posImg02 img{
	position:absolute;
	top:32px;
	left:-40px;
}

@media screen and (max-width:767px){

.posImg01 img{
	position:static;
}
.posImg02 img{
	position:static;
}
.cont1{
	height:auto;
}
.cont2{
	height:auto;
}
}



.cont4{
	padding-bottom:70px !important;
}
	.movieSec{
		float:left;
	}
	.dlSec{
		float:right;
	}
		.pdfList li{
			float:left;
		}
			.pdfList li:first-child{
				margin-right:20px;
			}


.pdfBtn{
}

.pdfBtn{
	display:block;
	background:#fff;
	width:173px;
	height:47px;
	margin:10px 0px 15px 0;
	border:1px solid #d3d3d3;
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-position: 135px 50%;
	font-size:108%;
	font-weight:bold;
	background-image:url(/files/images/feature/ico_pdf.png);
}
.pdfBtn:hover {
	background-color: #cbddf5;
}
.pdfBtn a{
	display:table;
	text-align:center;
	width:100%;
	height:100%;
	padding:0 0 0 18px;
	box-sizing:border-box;
	color: #333;
}
.pdfBtn a:hover {
	text-decoration: none;
}
.pdfBtn a span{
	display:table-cell;
	background: url(/files/images/common/icon_arrw_01.png) no-repeat 0 47%;
	padding-left: 12px;
	text-align:left;
	height:100%;
	vertical-align:middle;
	line-height: 1.3;
	padding-right: 38px;
}

.movieSec .movie {
	display: inline-block;
	margin-right: 10px;
}
		
@media screen and (max-width:767px){
	.movieSec{
		float:none;
	}
	.movieSec .movie {
	display: block;
	  position: relative;
	  width: 100%;
	  margin: 0 0 10px;
	  padding-top: 56.25%;
	}
	.movieSec .movie iframe {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}

	.dlSec{
		float:none;
		padding-top:30px;
	}
		.pdfList li{
			float:left;
			padding-bottom:20px;
		}

}


.cont5{
	padding-top: 0 !important;
}
.imgSecBox{
	padding:30px 0px 40px;
	}
.imgSec01,.imgSec02{
	float:left;
}
.imgSec03{float:right;}

.imgSec02{
	text-align:center;
	line-height:20px;
}
	.imgSec02 li{
		float:left;
		margin-left:10px;
	}
		.imgSec02 span{
			display:block;
			font-weight:bold;
		}

@media screen and (max-width:767px){
.imgSec01,.imgSec02{
	float:none;
	text-align:center;
}
	.imgSec02 li{
		float:none;
		margin-left:0px;
		padding-bottom:30px;
		text-align:center;
	}

.imgSec03{float:none; text-align:center;
}

}


.headline01{
	border-left:6px solid #004EA2;
	height:25px;
	line-height:25px;
	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;
}