@charset "UTF-8";
/* CSS Document */
.sec.title{
	width:100%;
	margin:60px auto 0;
	padding:0;
	background:url("../img/common/title_bk.png") repeat;
}
.sec.title .contents{padding:60px 0;}
h1{
	display:table;
	color:#212121;
	font-size:32px;
	font-size:500;
	margin:0 auto 10px;
	padding:0;
	text-transform: capitalize;
}
span.jp{
	display:table;
	color:#16b2b8;
	font-size:16px;
	font-weight:500;
	margin:0 auto;
	padding:0;
}
section.sec.min1024{min-height:480px;}
.contents {
    width: 96%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
}

/*パンくず*/
dl.pan{
	padding:15px 0;
	border-bottom:1px solid #ccc;
	margin:0 auto 80px;
	text-align:left;
	overflow:hidden;
}
dl.pan dd{
	position:relative;
	display:inline-block;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
}
dl.pan dd:first-child{
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	border-right:1px solid #ccc;
}

dl.pan dd,
dl.pan dd a{
	font-size:13px;
	line-height:1.1em;
	color:#212121;
	text-decoration:none;
	letter-spacing: 0.4pt;
}
dl.pan dd a:hover{text-decoration:underline;}
dl.pan dd:before{
	position:absolute;
	right:-6px;
	top:0;
	line-height:1em;
	color:#ccc;
	display:inline-block;
	content:">";
	
}
dl.pan dd:first-child a{
	color:#999;
	font-weight:500;
}
dl.pan dd:first-child:before,
dl.pan dd:last-child:before{display:none;}

.wap h2{
	display:table;
	color:#212121;
	font-size:24px;
	font-weight:600;	
	line-height:1.4em;
	margin:0 auto;
	padding:60px 0 40px;
}
.contents h3{
	font-size:20px;
	margin:0 auto 20px;
}
.contents p{
	margin:0 auto 40px;
}

/*採用情報*/
.wap{
	width:100%;
	margin:0 auto 60px;
	padding:0;
}
.wap.left{
	background:url("../img/common/recruit/img01.jpg") top right no-repeat;
	padding:30px 0 0 ;
}
.wap.right{
	background:url("../img/common/recruit/img02.jpg") top 30px left no-repeat;
	padding:0 0 30px;
}

.wap.left .text,
.wap.right .text{
	position:relative;
	width:50%;
	margin:0;
	min-height:680px;
	padding:0;
	background:#efefef;
	z-index:100;
}
.wap.right .text{float:right;}
.wap .text p{
	width:82%;
	font-size:14px;
	line-height:1.8em;
	margin:0 auto;
	padding:0 0 20px;
}
.wap .text .info{
	position:absolute;
	left:0;
	bottom:0;
	width:92%;
	margin:0 auto;
	padding:4%;
	background: #269aca; /* Old browsers */
	background: -webkit-linear-gradient(left, #269aca 0%, #99cc33 100%);
	background: -o-linear-gradient(left, #269aca 0%, #99cc33 100%);
	background: linear-gradient(to right, #269aca 0%, #99cc33 100%); /* FF3.6-15 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#269aca', endColorstr='#99cc33',GradientType=1 ); /* IE6-9 */
}
.wap .info dl{
	display:table;
	width:100%;
	margin:0 auto;
	padding:0;
}
.wap .text .info dl dt{
	position:relative;
	display:table-cell;
	width:28%;
	margin:0;
	padding:0;
	color:#fff;
	letter-spacing: 0.2pt;
}
.wap .text .info dl dt::after{
	position:absolute;
	display:inline-block;
	content:"・・・";
	right:10%;
	color:#fff;
}
.wap .text .info dl dd{
	display:table-cell;
	width:72%;
	margin:0;
	padding:0;
	color:#fff;
	letter-spacing: 0.2pt;	
}

/*会社概要*/
dl.com_dl{
	display:table;
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
dl.com_dl dd{
	display:table-cell;
	width:48%;
	padding:0 2% 0 0;
	margin:0;
	vertical-align: top;
}
dl.com_dl dd:last-child{padding:0 0 0 2%;}

dl.com_dl dd table.td_style{
	width:100%;
	margin:0;
	padding:0;
	border-collapse: collapse;
	border:1px solid #efefef;
}
dl.com_dl dd table.td_style tr th,
dl.com_dl dd table.td_style tr td{
	padding:20px 16px;
	border:1px solid #efefef;
}
dl.com_dl dd table.td_style tr th{
	color:#fff;
	width:30%;
	background:#343434;
}

dl.com_dl dd .map_wap{
	position:relative;
    width:100%;
    height:0;
    padding-top:68.5%;
}

dl.com_dl dd .map_wap iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/*事業内容*/
h3.f_color:first-letter{color:#16b2b8;}
h3.f_color{
	position:relative;
	font-size:24px;
	border-bottom:3px solid #212121;
	padding:0 0 12px;
	margin:0 auto 30px;
}
h3.f_color::after{
	position:absolute;
	bottom:-3px;
	left:0;
	content:"";
	display:inline-block;
	width:120px;
	height:3px;
	background:#16b2b8;
}
.wap.bottom_line{border-bottom:1px solid #ccc;}
dl.service_dl{
	display:table;
	width:100%;
	margin:0 auto 60px;
	padding:0;
}
dl.service_dl dt{
	display:table-cell;
	vertical-align: top;
	width:35%;
	margin:0;
	padding:0 3% 0 0;
}
dl.service_dl dt img{
	display:block;
	width:100%;
	max-width:480px;
}
dl.service_dl dd{
	display:table-cell;
	vertical-align: top;
	width:62%;
	margin:0;
	padding:0;
}
dl.service_dl dd p{
	font-size:16px;
	line-height:1.8em;
	letter-spacing: 1.4pt;
	margin:0 auto;
	padding:0;
}

/*投稿系*/
ul.archive_list{
	width:100%;
	margin:0 auto;
	padding:30px 0 0;
	border-top:3px solid #efefef;
}
ul.archive_list li{
	margin:0 auto 30px;
	padding:0 0 20px;
	border-bottom:1px solid #efefef;
	overflow:hidden;
}

ul.archive_list li h3{
	font-size:1.8rem;
	font-size:18px;
	margin:0 auto;
	padding:0;
}
ul.archive_list li h3 span.day{
	display:inline-block;
	font-size:14px;
	vertical-align: top;
	margin:0 20px 0 0;
	padding:0;
}
ul.archive_list li h3 a{
	color:#212121;
	text-decoration:none;
}ul.archive_list li h3 a:hover{text-decoration:underline;}

ul.archive_list li p{
	font-size:1.4rem;
	font-size:14px;
	line-height:1.8em;
	margin:10px auto 0;
	padding:0;
}

a.more_link{
	float:right;
	display:inline-block;
	color:#fff;
	background:#212121;
	padding:6px 12px;
	font-size:12px;
	letter-spacing: 0.2pt;
	line-height:1em;
	text-decoration:none;
	transition: all 0.3s ease;
	margin:10px auto 0;
}
a.more_link:hover{
	opacity:0.6;
	-ms-filter:"alpha(opacity=60)";
}

/*投稿　詳細ページ*/
.contents.post{
	border-bottom:3px solid #efefef;
}
.contents.post h3{
	position:relative;
	font-size:24px;
	text-align:center;
	padding:0;
	margin:0 auto 40px;
}
.contents.post h3 span.day{
	position:relative;
	display:table;
	font-size:12px;
	line-height:1.2em;
	color:#999;
	margin:0 auto;
	padding:20px 0 0;
}
.contents.post h3 span.day::after{
	position:absolute;
	display:inline-block;
	content:"";
	width:30px;
	height:3px;
	background:#212121;
	top:10px;
	left:50%;
	margin-left:-15px;
}

/*お問い合わせ*/
dl.form_dl{
	display:table;
	width:100%;
	margin:0 auto 20px;
	padding:0 0 20px;
	border-bottom:1px solid #efefef;
} 
dl.form_dl dt,
dl.form_dl dd{
	display:table-cell;
	width:25%;
	margin:0;
	padding:0 2% 0 0;
}
dl.form_dl dt{
	color:#212121;
	font-weight:600;
}
dl.form_dl dt span.must{
	float:right;
	font-size:12px;
	line-height:1em;
	color:#fff;
	padding:4px 8px;
	border-radius:6px;
	background:#d8404f;
}
dl.form_dl dd{
	display:table-cell;
	width:73%;
	margin:0;
	padding:0;
}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea{
	display: inline-block;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	padding:4px 8px;
	margin:0;
	vertical-align: middle;
	border: none;
	border: 1px solid #ccc;
	color: inherit;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color: #444;
	font-size:1rem;
	width:66%;
	max-width:100%;
	height:40px;
	border-radius:4px;
	transition: all 0.3s ease;
}
input[type="text"]:focus,input[type="tel"]:focus,
input[type="email"]:focus,textarea:focus{border-color:#666;}

textarea{
	width:100%;
	height:240px;
}

input[type="submit"]{
	display:table;
	color:#fff;
	padding: 16px 0;
	margin:40px auto 60px;
	font-size: 12px;
	font-size: 1.2rem;
	background:#212121;
	width:320px;
	max-width:100%;
	border-radius:4px;
	transition: all 0.3s ease;
	border:none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}

input[type="submit"]:hover{
	opacity:0.6;
	-ms-filter:"alpha(opacity=60)";
}

/*サイトマップ*/
dl.sitemap{
	width:100%;
	margin:0 auto;
	padding:0;
}
dl.sitemap dt,dl.sitemap dd{
	width:100%;
	margin:0 auto 20px;
	padding:0;
}
dl.sitemap a{
	display:inline-block;
	color:#212121;
	font-size:22px;
	font-weight:600;
	text-decoration:none;
	transition: all 0.3s ease;
}
dl.sitemap dd a{font-size:18px;}
dl.sitemap dd a span.jp{
	display:inline-block;
	font-size:12px;
	letter-spacing: 0.2pt;
	margin-left:10px;
}
dl.sitemap a:hover{
	display:block;
	padding:6px 12px;
	background:#f7f7f7;
}

/*社員紹介*/
.contents.over{
	display:table;
	overflow:hidden;
}
.staff_img{
	display:table-cell;
	position:relative;
	vertical-align: middle;
	margin:0;
	width:24%;
	padding:0;
}
.staff_img img{
	display:block;
	width:100%;
}
figcaption{
	position:absolute;
	bottom:0;
	right:0;
	color:#fff;
	line-height:1.2em;
	font-size:12px;
	padding:6px 12px 4px;
	background:rgba(0,0,0,0.6);
}
.staff_p{
	display:table-cell;
	width:72%;
	vertical-align: middle;	
	margin:0;
	padding:0 0 0 4%;
	line-height:2.2em;
}

/*終了した採用情報*/
.top_line{
	margin:80px auto 0;
	padding:0;
	border-top:1px solid #ccc;
}
ul.end_list{
	width:100%;
	margin:0 auto;
	padding:2%;
	border:1px dashed #212121;
	box-sizing:border-box;
	background:#f7f7f7;
}
ul.end_list li{
	margin:0 auto;
	padding:0;
}

ul.end_list li dl{
	display:table;
	width:100%;
	margin:10px auto 0;
	padding:0;
}
ul.end_list li dl dt{
	display:table-cell;
	width:18%;
	padding:0 2% 0 0;
	margin:0;
}
ul.end_list li dl dd{
	display:table-cell;
	width:auto;
	margin:0;
	padding:0;
}

p.read.center{
	font-size:16px;
	text-align:center;
	margin:20px auto 0;
}
span.strong {
    font-weight: bold;
    background: linear-gradient(transparent 65%, #fff79c 0%);
}
p.t_right{text-align:right;}

.wap.add_bk{
	margin:80px auto 0;
	padding:40px 0 0;
	background:url(../img/title_bk.png) top center repeat-x;
}

/* 画面サイズが1024px以下の場合に適用 */
@media screen and (min-width:1px) and (max-width:1024px) {

.wap .text p{
	width:90%;
	line-height:1.6em;
	padding:0 0 10px;
}
.wap .text .info{
	width:96%;
	padding:2%;
}
/*会社概要*/
dl.com_dl{display:block;}
dl.com_dl dd{
	display:block;
	width:100%;
	padding:0;
	margin:0 auto 10px;
}
dl.com_dl dd:last-child{
	padding:0;
	margin:0 auto 40px;
	}	

/*社員紹介*/
.staff_p{line-height:1.8em;}
	
/*事業内容*/
h3.f_color{
	font-size:20px;
	margin:0 auto 20px;
}

dl.service_dl dt{
	width:40%;
	padding:0 2% 0 0;
}
dl.service_dl dd{width:58%;}
dl.service_dl dd p{font-size:14px;}	
	
}
/* 画面サイズが768px以下の場合に適用 */
@media screen and (min-width:1px) and (max-width:768px) {
.contents{width:92%;}
dl.pan{margin:0 auto 20px;}
.wap{margin:0 auto 40px;}
.wap img{width:100%;}
.wap h2{
	font-size:20px;
	padding:30px 0 20px;
}
.contents h3{font-size:16px;}
	
.wap.left,
.wap.right{
	background:none;
	padding:0;
}
.wap.left .text,
.wap.right .text{
	width:100%;
	margin:0 auto;
	min-height:auto;
}
.wap .text p+p+p{margin-bottom:20px;}	
.wap.right .text{float:none;}
.wap .text .info{position:relative;}	

.wap .info dl{display:block;}
.wap .text .info dl dt{
	display:block;
	width:auto;
	font-size:14px;
	font-weight:600;
	line-height:1.4em;
	margin:0 auto;
}
.wap .text .info dl dt::after{display:none;}
.wap .text .info dl dd{
	display:block;
	width:100%;
	font-size:12px;
	line-height:1.4em;
	margin:0 auto 10px;
}	
.wap .text .info dl+dl+dl dd{margin-bottom:0;}	

.bk_gry{padding:10px 0;}
.bk_img{
	padding:250px 0 10px;
	background:url(../img/common/service/bk.jpg) top left no-repeat;
}	
p.f18{
	font-size:14px;
	line-height:1.8em;
	}
p.f18.center{text-align:left;}
.mb_60{margin-bottom:40px !important;}	

/*投稿系*/
ul.archive_list li h3 span.day{
	display:block;
	margin:0 0 5px;
}

/*お問い合わせ*/
dl.form_dl{display:block;} 
dl.form_dl dt,
dl.form_dl dd{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}	
dl.form_dl dt span.must{
	float:none;
	margin-left:5px;
	}
dl.form_dl dd{margin-top:5px;}
input[type="text"],input[type="tel"],
input[type="email"]{width:100%;}
textarea{height:180px;}

/*社員紹介*/
.contents.over{display:block;}
.staff_img{
	display:block;
	margin:0 auto 20px;
	max-width:420px;
	width:66%;
}
.staff_img img{
	width:100%;
}
.staff_p{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
}	
	
/*終了した採用情報*/
.top_line{margin:40px auto 0;}
ul.end_list li dl{margin:15px auto 0;}	
ul.end_list li dl dt{
	display:table;
	width:auto;
	line-height:1.2em;
	font-weight:600;
	padding:0;
	margin:0 0 5px;
}
ul.end_list li dl dd{
	display:table;
	width:auto;
}
p.read.center{font-size:14px;}	
.wap.add_bk{
	margin:0 auto;
	padding-top:50px;
	}

/*事業内容*/
h3.f_color{padding:0 0 8px 0;}	
dl.service_dl{
	display:block;
	margin:0 auto 40px;
	}
dl.service_dl dt{
	display:block;
	width:100%;
	margin:0 auto 20px;
	padding:0;
}
dl.service_dl dt img{margin:0 auto;}
dl.service_dl dd{
	display:block;
	width:100%;
	margin:0 auto;
}
	
}
/* 画面サイズが380px以下の場合に適用 */
@media screen and (min-width:1px) and (max-width:380px) {
/*会社概要*/	
dl.com_dl dd table.td_style tr th,
dl.com_dl dd table.td_style tr td{padding:8px;}
dl.com_dl dd table.td_style tr th{width:30%;}
	
}