@charset "utf-8";


/*override*/
.news .newsHead {
    border-bottom:none;
    padding: 0;
	margin: 0;
}

.news ul{
	margin-bottom:60px;
}
.top .news span.title {
	display: inline-block;
	padding-left:3em;
	max-width: 85%;
}

/*base*/

.btn_lg{
	font-size:1.5em;
}


.block_title{
    font-size:1.6em;
    margin-bottom:.5em;
}
section.block{
    margin-bottom:30px;
}
.imgArea{
    padding-left:20px;
    text-align:center;
}
.reverse .imgArea{
    padding-right:20px;
    padding-left:20px;
}

.imgArea img{
    max-width:100%;
    display:block;
    margin:0 auto;
}

/*top*/


.mv{
	margin-bottom:30px;
}
.mv img{
	max-width: 100%;

}

.with_mv{
	padding-top:1em;
}

.pageInLink{
	margin-bottom:60px;

}
.pageInLink ul{
	display: flex;
	justify-content: space-between;
	width:100%;
	/* background-color:#d9e6ec; */
}

.pageInLink ul li{
	text-align: center;
	width:19%;
}
.pageInLink ul li img{
	max-width: 100%;
}
.pageInLink a{
	cursor:pointer;
	transition:.3s;
}

.mid__section{
	overflow: hidden;
	padding:40px 20px;
	background: url(https://www.tanacho.com/cms/wp-content/themes/tanacho/common/img/mainBg.png) no-repeat center center;
	background-size:cover;
	background-attachment: fixed;
	margin-bottom:30px;
/* 	background: url(../img/dummy/recruitImg1.jpg) no-repeat center center; */
/* 	background: url(../img/dummy/recruitImg2.jpg) no-repeat center center; */
}

.mid__section.pic1 {
	overflow: hidden;
	padding:40px 20px;
	background: url(../img/recruitImg1.jpg) no-repeat center center;
	background-size:cover;
	background-attachment: fixed;
	margin-bottom:30px;
	}
	
.mid__section.pic2 {
	overflow: hidden;
	padding:40px 20px;
	background: url(../img/recruitImg2.jpg) no-repeat center center;
	background-size:cover;
	background-attachment: fixed;
	margin-bottom:30px;
}

.mid__section .title{
	text-align: center;
}

.mid__section .textArea{
	background:rgba(255, 255, 255, 0.7);
	border:3px solid #fff;
	padding:60px;
}

.bg_pattern_top01{
	background-image: url(../img/bg_top01.jpeg);
}
.bg_pattern_top02{
	background-image: url(../img/bg_top02.jpeg);
}
.bg_pattern_recruit01{
	background-image: url(../img/bg_top02.jpeg);
}
.bg_pattern_recruit02{
	background-image: url(../img/bg_top02.jpeg);
}
.bg_pattern_recruit03{
	background-image: url(../img/bg_top02.jpeg);
}

.intro__block{
	border:1px solid #ccc;
}
.intro__block .thumb{
	text-align:center;
	padding:10px 10px 0;
}
.intro__block .textArea{
	padding:10px 10px 30px;
}
.intro__block .textArea .title{
	font-weight: bold;
	font-size:1.2em;

}
.intro__block .ft_btnArea{
	text-align:center;
	
}

ul.stepList{
	display:flex;
}
ul.stepList li{
	padding-left:5px;
	padding-right:40px;
	background: url(../img/recruit/icon_step.png) no-repeat center right;
}

ul.stepList li img{
	max-width: 100%;
}

ul.stepList li:last-child{
	background:none;
	padding-right:0;
	
}

.t_c{
	text-align: center;
}

.mb30{
	margin-bottom:30px;
}

p.button{
	margin-top:.5em;
	margin-bottom:1em;
}
p.button a{
	background-color:rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	border:1px solid #ccc;
	display: inline-block;
	padding:0.5em 1em;
	text-decoration: none;
	transition:.3s;
}
p.button a:hover{
	background-color:rgba(255, 255, 255, 1);
	border-color:#069;
}

p.button_typeB a{
	background:#1b89d0;
	border-radius:0;
	color:#fff;
	display: inline-block;
	padding:0.5em 1em;
	text-decoration: none;
	text-align: center;
	transition:.3s;	
}
p.button_typeB a:hover{
	background-color:rgba(27, 137, 208, 0.8);
	border-color:#069;
}

.mid__section p.ft_btnArea{
	text-align: center;
/* 	padding-top:30px; */
padding-top:15px;
}

p.ft_btnArea a{
	background:#1b89d0;
	border-radius:0;
	color:#fff;
	display: inline-block;
	padding:0.5em 1em;
	text-decoration: none;
	transition:.3s;
}
p.ft_btnArea a:hover{
	background-color:rgba(27, 137, 208, 0.8);
	border-color:#069;
}
p.ft_btnArea.ft_btnArea_type2 {
	position: absolute;
	bottom: 20px;
}
p.ft_btnArea.ft_btnArea_type2 a{
	background:#fff;
	border-radius:0;
	color:#1B89D0;
	display: inline-block;
	padding:0.5em 1em;
	text-decoration: none;
	transition:.3s;
	min-width: 160px;
	text-align: center;
}

p.ft_btnArea.ft_btnArea_type2 a:hover{
	opacity: .75;
}


a.btn_large{
	min-width:80%;
}

/*apply*/
.extLink {
	margin: 30px 0;
  }
  .extLink a {
	font-size: 1.1em;
	background: #49a6c5;
	padding: 20px;
	display: block;
	text-align: center;
	color: #fff;
	border-bottom: 5px solid #1e596d;
  }
  .extLink a:hover {
	background: #1e596d;
	text-decoration: none;
  }
/* message */


.blockArea .imgArea{
	margin-bottom:30px;
}

.blockArea .s_title{
	background-color:#d9e6ec;
	color:#0082c3;
	font-size:1.6em;
	padding:10px;
	margin-bottom:15px;
}
.blockArea .summary{
	line-height:1.8;
}

.message p.block_title{
	border-left:10px solid #0082c3;
	color: #006699;
    font-size: 140%;
    padding-left:12px;
    margin-bottom:15px;
}
.message .infoBox{
}
.message .office{
    border-bottom: 1px solid #0082c3;
	padding: 0 0 5px 0;
}
.message .name{
	font-size:1.8em;
}
.message .name .small{
	font-size:12px;
}

/*about*/
.section__block{
	padding:30px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom:10px;
}

.section__block:last-child{
	border-bottom: none;
	margin-bottom:0px;
}

.listPref{
	color: #069;
	font-size:1.2em;
	font-weight: bold;
	margin-bottom:.5em;
} 
.dataArea ul li {
	background-color:#fff;
	text-align: center;
}
.dataArea ul li img{
	border:3px solid #d9e6ec;
	margin:0 auto;
	max-width:100%;
}

.rec_title{
	border-left:10px solid #0082c3;
	color: #006699;
    font-size: 140%;
    padding-left:12px;
    margin-bottom:15px;
}


.rec_titleB{
	font-size:1.8em;
	position: relative;
	text-align: center;
	margin-bottom: 60px;
	padding-top:30px;

}
.rec_titleB::before{
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #0082c3;
	border-radius: 2px;
}

table.table_style01{
    border:1px solid #069;
	border-collapse:collapse;
	margin: 0 auto;
	max-width: 100%;
    width: 100%;

}

table.table_style01,table.table_style01 th,table.table_style01 td{
border:1px solid #069;
}

table.table_style01 th,table.table_style01 td{
	padding:5px;
}

table.table_style01 .address{
	width:40%;
}
table.table_style01 .tel{
	width:30%;
}
table.table_style01 .btn{
	width:10%;
}

table.table_style01 .btn{
	text-align: center;
}

/* 事業所一覧用 CSS */
.officeTop .mapBox { text-align: center; position: relative; padding: 3% 2%; border: 10px solid #d9e6ec;}
.officeTop .officeLink li { position: absolute;}
.officeTop .officeLink li a { color: #333; font-size: 200%;}
.officeTop .officeLink li#tokyo { right: 27%; top: 42%;}
.officeTop .officeLink li#hyogo { left: 41%; top: 29%;}
.officeTop .officeLink li#nagasaki { left: 23%; bottom: 4%;}
.officeTop .officeLink li#fukuoka { left: 24%; top: 48%;}
.officeTop .officeList { margin: 45px 0 0 0;}
.officeTop .officeList .section { margin: 0 0 80px 0;}
.officeTop .officeList .section h4 { color: #006699; font-size: 200%; background: url(../img/titleBlueBar.png) left center repeat-y; padding: 0 0 0 20px; margin: 0 0 15px 0;}
.officeTop .officeList .section table, .officeTop .officeList .section table td, .officeTop .officeList .section table th { border-collapse: collapse; border: 1px solid #006699; padding: 10px;}
.officeTop .officeList .section table th { font-size: 120%; font-weight: normal; width: 20%; text-align: left;}
.officeTop .officeList .section table td { font-size: 80%;}
.officeTop .officeList .section table .address { width: 48%;}
.officeTop .officeList .section table .address span { font-weight: bold; font-size: 120%;}
.officeTop .officeList .section table .btn { text-align: center;}
.officeTop .officeList .section .detailLinkBtn { display: inline-block;}
.officeTop .officeList .section .detailLinkBtn a { display: block; color: #FFF; background: #006699; padding: 5px 20px;}



/* 募集要項ページ用CSS */
table.table_style02 {width:100%;}
table.table_style02 th { font-weight: normal; padding: 10px; background: #006699; color: #FFF; text-align: left; border: 1px solid #FFF; white-space: nowrap;}
table.table_style02 td { background: #d9e6ec; text-align: left; border: 1px solid #FFF; padding: 10px; color: #666;}
table.table_style02 td.subTitle { white-space: nowrap;}
/* .table_style02 p.text-center { margin: 20px 0;} */
table.table_style02.imgTable { margin: 30px 0 0 0;}
table.table_style02.imgTable td { background: none; padding: 0;}
/* .recruitBtn .inner p img {
	width: 100%;
	max-width: 100%;
} */




dl.faqArea_typeA {
	border-top: 2px dotted #ccc;
	margin-bottom: 30px;
	margin:0px 20px 30px;
	padding-top:15px;
}

dl.faqArea_typeA dt {
	font-weight: bold;
	padding-bottom: 0.8em;
    color: #069;
}
dl.faqArea_typeA dt::before{
	content:"Q.";
	padding-right: 0.5em;
}

dl.faqArea_typeA dd {
	border-bottom: 2px dotted #ccc;
	padding-bottom:15px;
	margin-bottom: 15px;
}
dl.faqArea_typeA dd::before{
	content:"A.";
	padding-right: 0.5em;
}


@media only screen and (max-width : 767px) {
	.top .news span.title{
		display: block;
		padding-left:0;
		max-width: 100%;
	}

	.top .sections > li + li {
		margin-top: 20px
	}

	.top .bnrs > p + p { 
		margin-top: 30px;
	}

	.dataArea ul li{
		border:1px solid #ccc;
		margin-left:-1px;
		margin-top:-1px;
		/* margin-bottom:30px; */

	}

	.dataArea ul li img{
		border:none;
	}

	ul.stepList{
		flex-direction: column;
		align-items: center;
	}
	ul.stepList li{
		margin-bottom:30px;
		/* background: url(../img/recruit/icon_step.png) no-repeat center bottom; */
		padding-right:0px;
		padding-left:0px;
		padding-bottom:45px;
		position: relative;
	}
	ul.stepList li::after{
		background: url(../img/recruit/icon_step.png) no-repeat center bottom;
		content:" ";
		transform:rotate(90deg);
		position: absolute;
		bottom:0;
		left:calc(50% - 16px); /*27x32*/
		bottom:0;
		width:40px;height:40px;
	}
	ul.stepList li:last-child::after{
		background: none;
		content:"";
	}
	.table_style01 th, .table_style01 td{
		display: block;
		width:100%!important;
	}
	.table_style01 th, .table_style01 td{
		padding:10px;
	}
	.table_style01 th, .table_style01 .ft_btnArea{
		text-align: center;
	}

	/* 日本橋室町三井CSS */
	body.muromachi-mitsui-tower,
	.muromachi-mitsui-tower .container-fluid > .container {
		width: 100%;
		min-width: 100%;
	}
	.muromachi-mitsui-tower .contentsMain .mitsuiTower_ttl {
		font-size: 20px;
		font-weight: bold;
	}
	.muromachi-mitsui-tower .contentsMain .mitsuiTower_ttl > span {
		font-size: 13px;
		font-weight: normal;
	}
	.muromachi-mitsui-tower .mitsuiTower_sec {
		flex-flow: column;
		margin-bottom: 20px;
	}
	.muromachi-mitsui-tower .mitsuiTower_sec_ttl {
		font-weight: bold;
	}
	.muromachi-mitsui-tower .mitsuiTower_sec_img {
		width: auto;
		height: 180px;
		order: 1;
	}
	.muromachi-mitsui-tower .mitsuiTower_sec_contents {
		width: auto;
		order: 2;
	}
	.muromachi-mitsui-tower .mitsuiTower_sec2 {
		flex-flow: column;
		margin-bottom: 20px;
	}
	.muromachi-mitsui-tower .mitsuiTower_sec2_img {
		width: auto;
		height: 180px;
	}
	.muromachi-mitsui-tower .mitsuiTower_sec2_img + .mitsuiTower_sec2_img {
		margin-top: 20px;
	}
	.mitsuiTower_medias {
		display: block;
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}
	.mitsuiTower_media {
		flex: 0 1 auto;
		margin-left: 0;
		margin-right: 0;
	}
	.mitsuiTower_media + .mitsuiTower_media {
		margin-top: 20px;
	}
	.mitsuiTower_media_img {
		height: 180px;
	}
	.mitsuiTower_media_captions {
		padding: 30px;
	}
	.mitsuiTower_txt {}

	/* 施工事例ページ用 CSS */
	.works .worksList > li {
		margin-bottom: 40px;
	}

	/* 施工事例一覧ページ用 CSS */
	.worksTop .slider {
		margin-left: -20px;
		margin-right: -20px;
	}
	.worksTop .slide-arrow {
		width: 40px;
		height: 40px;
	}
	.worksTop .slide-arrow::before {
		width: 8px;
	}
	.worksTop .slide-arrow.prev-arrow {
		left: 0;
	}
	.worksTop .slide-arrow.next-arrow {
		right: 0;
	}
	.worksTop.under .contentsMain h3.worksTtl {
		font-size: 20px;
	}
	.worksTop .worksNav {
		margin-left: -5px;
		margin-right: -5px;
	}
	.worksTop .worksNav > li {
		padding: 0 5px;
		width: 100%;
	}
	.worksTop .worksNav > li a {
		color: #fff;
		background-color: #0086C6;
		width: auto;
		font-size: 10px;
	}
	.worksTop .work_list > li {
		margin-bottom: 20px;
	}
}