@charset "UTF-8";

/*--------------------------------------------------------- index */
/* h1 */
header h1.workplace {
	padding:130px 0 100px;
}
/* main */
#workplace section {
    position: relative;
    height: 400px;
	background-color:#000;
	overflow:hidden;
}
#workplace section a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background: rgba(0,0,0,0);
}
#workplace section .element {
    width: 64%;
    height: 400px;
}
#workplace section .element_black .element_inner {
	position:relative;
    height: 400px;
}
#workplace section .element .element_inner {
	height:100%;
}
#workplace section:nth-child(1n) .element {
    position: absolute;
    top: 0;
    right: 36%;
}
#workplace section:nth-child(1n) .element_black {
    position: absolute;
	left:auto;
    right: 0;
    width: 36%;
	background:#4c4948;
}
#workplace section .svg_area {
	width:165px;
	height:400px;
	z-index:10;
}
#workplace section:nth-child(1n) .svg_area {
	position:absolute;
	top:0;
	left:-165px;
}
#workplace section:nth-child(1n) svg {
	width:100%;
	height:100%;
}
#workplace section .element_inner h2 {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:3.8rem;
	color:#FFF;
	text-align:center;
}
#workplace section .element_inner h2 span {
	display:block;
	margin-top:10px;
	font-size:1.6rem;	
	color:#ff8c00;
}
#workplace section:hover .element_inner h2 {
	color:#ff8c00;
	transition: all .2s;
}
#workplace section:nth-child(1n) .element_inner h2 {
	width:90%;
}
#workplace section:nth-child(2n) .element_inner h2 {
	width:100%;
}

#workplace section:nth-child(2n) .element {
    position: absolute;
    top: 0;
    left: 36%;
}
#workplace section:nth-child(2n) .element_black {
    width: 36%;
    position: absolute;
    left: 0;
	right:auto;
	background:#4c4948;
}
#workplace section:nth-child(2n) .svg_area {
	position:absolute;
	top:0;
	left:auto;
	right:-164px;
}
#workplace section:nth-child(2n) svg {
	width:100%;
	height:100%;
}
#workplace section:nth-child(1) .element {
	background:url(../workplace/img/pic_01.jpg) no-repeat center center;
	background-size:cover;
	transition: all .2s;
}
#workplace section:nth-child(1):hover .element {
	background:url(../workplace/img/pic_01.jpg) no-repeat center center;
	background-size:cover;
	transition: all .2s;
    transform: scale(1.02);
	opacity:0.5;
}
#workplace section:nth-child(2) .element {
	background:url(../workplace/img/pic_02.jpg) no-repeat center center;
	background-size:cover;
	transition: all .2s;
}
#workplace section:nth-child(2):hover .element {
	background:url(../workplace/img/pic_02.jpg) no-repeat center center;
	background-size:cover;
	transition: all .2s;
    transform: scale(1.02);
	opacity:0.5;
}
#workplace section:nth-child(3) .element {
	background:url(../workplace/img/pic_03.jpg) no-repeat center center;
	background-size:cover;
	transition: all .2s;
}
#workplace section:nth-child(3):hover .element {
	background:url(../workplace/img/pic_03.jpg) no-repeat center center;
	background-size:cover;
	transition: all .2s;
    transform: scale(1.02);
	opacity:0.5;
}


/*--------------------------------------------------------- 中面共通 */
.bn_area {
	height:230px;
}
.bn_area .bn {
	float:left;
	position:relative;
	width:50%;
	height:100%;
	overflow:hidden;
	transition: all .2s;
}
.bn_area .bn::after {
	content:'';
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bn_area .bn.left::after {
	content:'';
	background: url(../img/bg_grd02.png) no-repeat center;
	background-size:100% 100%;
	opacity:0.7;
}
.bn_area .bn.right::after {
	content:'';
	background: url(../img/bg_grd01.png) no-repeat center;
	background-size:100% 100%;
	opacity:0.7;
}
.bn_area .bn > div {
	width:100%;
	height:100%;
	transition: all .2s;
}
.bn_area .bn:hover {
	background-color:#000;
}
.bn_area .bn:hover > div {
    transform: scale(1.02);
	opacity:0.5;
}
.bn_area a {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: rgba(0,0,0,0);
	z-index:15;
}
.bn_area h2 {
	margin-top:-40px;
	font-weight:bold;
	color:#FFF;
	font-size:3.6rem;
	letter-spacing: 2px;
	z-index:10;
}
.bn_area span {
	display:block;
	color:#ff8c00;
	font-size:1.4rem;
}
.bn_area .bn.left h2 {
	position: absolute;
	bottom:40px;
	left:5%;
}
.bn_area .bn.right h2 {
	position: absolute;
	bottom:40px;
	right:5%;
	text-align:right;
}


/*--------------------------------------------------------- life_work */
/* h1 */
header h1.lw {
	padding:138px 0 120px;
	background: #fff;
}

/* main */
body.lw {
	background:#f2f2e9;
}
#lw #box_wrap {
	width:96%;
	max-width:1020px;
	margin:0 auto;
	padding:100px 0 150px;
}
#lw #box_wrap .box {
	float:left;
	position:relative;
	width:46%;
	margin:0 8% 80px 0;
	font-size:0;
}
#lw #box_wrap .box:nth-child(2n) {
	margin-right:0;
}
#lw #box_wrap .box:last-child ,
#lw #box_wrap .box:nth-last-child(2){
	margin-bottom:0;
}
#lw #box_wrap .box div{
	position:relative;
	width:90%;
	margin: -40px auto 0;
	padding:20px;
	font-size:1.4rem;
	background:#FFF;
	box-sizing:border-box;
	z-index:5;
}
#lw #box_wrap .box.noimg div{
	margin: 0 auto;
}
#lw #box_wrap .box div a{
	color:#ff8c00;
}
#lw #box_wrap .box div h2{
	font-size:1.6rem;
	color:#8d7141;
}
#lw #box_wrap .box div h2 span{
	font-size:1.2rem;
	font-weight:normal;
}
#lw #box_wrap .box div .indent{
	text-indent:-1em;
	margin-left:1em;
	font-size:1.2rem;
}
#lw #box_wrap .box div p:first-of-type {margin-top:15px;}
#lw #box_wrap .box div p{margin-top:10px;}

#lw .bn_area .bn.left > div {
	background:url(../workplace/img/pic_bn_02.jpg) no-repeat center;
	background-size:cover;
}
#lw .bn_area .bn.right > div {
	background:url(../workplace/img/pic_bn_03.jpg) no-repeat center;
	background-size:cover;
}

/* 171130追加 */
#lw #box_wrap .box div table {
	border:solid #cccccc;
	border-width:1px 0 0 1px;
	width:100%;
	margin-top:10px;
	border-collapse: collapse;
	border-spacing: 0;
}
#lw #box_wrap .box div table td {
	padding:10px;
	border:solid #cccccc;
	border-width:0 1px 1px 0;
}

/*--------------------------------------------------------- numbers */
/* h1 */
header h1.numbers {
	padding:138px 0 120px;
	background-image:
		url(../img/pattern01.png),
		url(../workplace/img/numbers/h1_pic_01.jpg);
	background-repeat:repeat,no-repeat;
	background-position: center, top center;
	background-size:auto,cover;
	color:#FFF;
}
header h1.numbers p span { color:#ff8c00;}

/* main */
#numbers #box_wrap {
    width: 96%;
    max-width: 1020px;
    margin: 130px auto 180px;
}
#numbers #box_wrap h2 {
    font-size: 2.5rem;
    border-left: 8px solid #ff0000;
    padding: 0 0 0 15px;
    margin: 100px 0 40px 0;
    line-height: 1.3;
}
#numbers #box_wrap h2:first-of-type {
    margin: 0 0 40px 0;
}
#numbers #box_wrap p {
	max-width:940px;
	width:100%;
	margin:0 auto;
}
#numbers #box_wrap p img {
	width:100%;
	height:auto;
}

#numbers .bn_area .bn.left > div {
	background:url(../workplace/img/pic_bn_01.jpg) no-repeat center;
	background-size:cover;
}
#numbers .bn_area .bn.right > div {
	background:url(../workplace/img/pic_bn_03.jpg) no-repeat center;
	background-size:cover;
}


/*--------------------------------------------------------- takayama */
/* h1 */
header h1.takayama {
	padding:138px 0 120px;
	background-image:
		url(../img/pattern01.png),
		url(../workplace/img/takayama/h1_pic_01.jpg);
	background-repeat:repeat,no-repeat;
	background-position: center,center;
	background-size:auto,cover;
	color:#FFF;
}
header h1.takayama p span { color:#ff8c00;}

/* main */
#takayama #box_wrap .main_photo {
	position:relative;
	width:100%;
	margin:280px auto 0;
	background:#eff5e2 url(../workplace/img/takayama/bg_01.png) no-repeat;
	background-position:5% bottom;
}
#takayama #box_wrap .photo {
	width:100%;
	max-width: 1020px;
	margin:0 auto;
	padding:0 2%;
	text-align:center;
	box-sizing:border-box;
	transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
}
#takayama #box_wrap .main_photo h2 {
	display:inline-block;
	margin-top:50px;
	color:#137300;
	font-size:2.8rem;
	font-weight:bold;
}
#takayama .faq_area {
	/*background-color:#f2f2e9;*/
}
#takayama .faq_area h2 {
    font-size: 2.5rem;
    border-left: 8px solid #ff0000;
    padding: 0 0 0 15px;
    margin: 0 0 40px 0;
    line-height: 1.3;
}
#takayama .faq_area > .inner {
	width:96%;
	max-width:1020px;
	margin:0 auto;
	padding:80px 0 180px;
}
#takayama .faq_area > .inner dl.acMenu dt{
    display: block;
	padding: 20px 30px 20px 90px;
	background: #f2f2e9 url(../faq/img/icon_q.png) 30px 20px no-repeat;
	/*background: #fff url(../faq/img/icon_q.png) 30px 20px no-repeat;*/
	background-size: 25px;
	border-top: 1px solid #e5e5dd;
	/*border-top: 1px solid #eee;*/
    cursor: pointer;
	color:#524e3b;
}
#takayama .faq_area > .inner dl.acMenu dt:first-child {
	border-top: none;
}
#takayama .faq_area > .inner dl.acMenu dd{
    display:none;
	padding: 20px 30px 20px 90px;
	background: #524e3b url(../faq/img/icon_a.png) 30px 20px no-repeat;
	background-size: 25px;
	color: #fff;
}
#takayama .faq_area > .inner dl.acMenu dd p{
	margin-top:30px;
}
#takayama .faq_area > .inner dl.acMenu dd p a{
	color:#ff8c00;
	text-decoration:underline;
}
#takayama .faq_area > .inner dl.acMenu dd p a:hover{
	text-decoration:none;
}

#takayama .bn_area .bn.left > div {
	background:url(../workplace/img/pic_bn_01.jpg) no-repeat center;
	background-size:cover;
}
#takayama .bn_area .bn.right > div {
	background:url(../workplace/img/pic_bn_02.jpg) no-repeat center;
	background-size:cover;
}


@media screen and (max-width:1020px) {
	/*--------------------------------------------------------- 中面共通 */
	.bn_area h2 {font-size:3.0rem;}
	.bn_area h2 span {font-size:1.2rem;}


	/*--------------------------------------------------------- life_work */
	/* main */
	#lw #box_wrap {
		padding:100px 0 100px;
	}
	#lw #box_wrap .box {
		width:49%;
		margin:0 2% 50px 0;
	}


	/*--------------------------------------------------------- numbers */
	/* main */
	#numbers #box_wrap {
		margin: 100px auto 100px;
	}
}


@media screen and (max-width:767px) {
	/*--------------------------------------------------------- index */
	/* h1 */
	header h1.workplace {
		padding:70px 0 50px;
	}
	/* main */
	#workplace section {
		height: 330px;
	}
	#workplace section .element {
		width: 100%;
		height: 230px;
	}
	#workplace section .element_black .element_inner {
		height: 100px;
	}
	#workplace section:nth-child(1n) .element ,
	#workplace section:nth-child(2n) .element {
		position: absolute;
		top:0;
		left:0;
	}
	#workplace section:nth-child(1n) .element_black ,
	#workplace section:nth-child(2n) .element_black {
		position: absolute;
		top:230px;
		left:0;
		width: 100%;
	}
	#workplace section .svg_area {
		display:none;
	}
	#workplace section .element_inner h2 {
		font-size:2.6rem;
	}
	#workplace section .element_inner h2 span {
		margin-top:5px;
		font-size:1.2rem;	
	}
	#workplace section:nth-child(1n) .element_inner h2 {
		width:100%;
	}
	#workplace section:nth-child(1) .element {
		background:url(../workplace/img/pic_01.jpg) no-repeat center center;
		background-size:cover;
	}
	#workplace section:nth-child(1):hover .element {
		background:url(../workplace/img/pic_01.jpg) no-repeat center center;
		background-size:cover;
		transition:none;
		opacity:1.0;
	}
	#workplace section:nth-child(2) .element {
		background:url(../workplace/img/pic_02.jpg) no-repeat center center;
		background-size:cover;
	}
	#workplace section:nth-child(2):hover .element {
		background:url(../workplace/img/pic_02.jpg) no-repeat center center;
		background-size:cover;
		transition:none;
		opacity:1.0;
	}
	#workplace section:nth-child(3) .element {
		background:url(../workplace/img/pic_03.jpg) no-repeat center center;
		background-size:cover;
	}
	#workplace section:nth-child(3):hover .element {
		background:url(../workplace/img/pic_03.jpg) no-repeat center center;
		background-size:cover;
		transition:none;
		opacity:1.0;
	}


	/*--------------------------------------------------------- 中面共通 */
	.bn_area {
		height:auto;
	}
	/*.bn_area .bn.left::after ,
	.bn_area .bn.right::after {
		content:'';
		width:100%;
		background:url(../img/bg_grd03.png) no-repeat center bottom;
		background-size:100% 100%;	
	}*/
	.bn_area .bn {
		float:none;
		width:100%;
		height:120px;
	}
	.bn_area h2 {
		font-size:2.0rem;
	}
	.bn_area h2 span {
		font-size:1.0rem;
	}
	.bn_area .bn.left h2 ,
	.bn_area .bn.right h2 {
		top:70%;
		bottom: auto;
		width:100%;
	}


	/*--------------------------------------------------------- life_work */
	/* h1 */
	header h1.lw {
		padding:70px 0 50px;
	}
	/* main */
	#lw #box_wrap {
		padding:50px 0 80px;
	}
	#lw #box_wrap .box {
		float:none;
		width:100%;
		margin:0 0 50px 0;
	}
	#lw #box_wrap .box:nth-last-child(2){
		margin-bottom:50px;
	}
	#lw #box_wrap .box img {
		width:100%;
		height: auto;
	}
	#lw #box_wrap .box div{
		width:94%;
		padding:14px;
		font-size:1.2rem;
	}
	#lw #box_wrap .box div h2{
		font-size:1.4rem;
	}
	#lw #box_wrap .box div h2 span{
		font-size:1.0rem;
	}
	#lw #box_wrap .box div p{
		margin-top:10px;
	}


	/*--------------------------------------------------------- numbers */
	/* h1 */
	header h1.numbers {
		padding:70px 0 50px;
	}

	/* main */
	#numbers #box_wrap {
		margin: 50px auto 80px;
	}
	#numbers #box_wrap h2 {
		font-size: 2.0rem;
		margin: 50px 0 20px 0;
	}
	#numbers #box_wrap h2:first-of-type {
		margin: 0 0 20px 0;
	}


/*--------------------------------------------------------- takayama */
/* h1 */
	header h1.takayama {
		padding:70px 0 50px;
	}

	/* main */
	#takayama #box_wrap .main_photo {
		margin:120px auto 0;
		background:#eff5e2 url(../workplace/img/takayama/bg_01.png) no-repeat;
		background-position:5% bottom;
		background-size:150px auto;
	}
	#takayama #box_wrap .photo {
		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
	}
	#takayama #box_wrap .main_photo h2 {
		margin-top:25px;
		font-size:2.0rem;
	}
	#takayama .faq_area h2 {
		font-size: 2.0rem;
		margin: 0 0 20px 0;
	}
	#takayama .faq_area > .inner {
		padding:40px 0 60px;
	}
	#takayama .faq_area > .inner dl.acMenu dt{
		background: #f2f2e9 url(../faq/img/icon_q.png) 20px 15px no-repeat;
		background-size: 25px;
		padding: 15px 15px 15px 70px;
	}
	#takayama .faq_area > .inner dl.acMenu dd{
		background: #4c4948 url(../faq/img/icon_a.png) 20px 15px no-repeat;
		background-size: 25px;
		padding: 15px 15px 15px 70px;
	}
}