@charset "UTF-8";





/* --------------------------------------------------------- company */
#company #headline-image {
	background: url(../images/headline-company.jpg) center top no-repeat;
}
@media screen and (max-width: 999px) {
	#company #headline-image {
		height: 200px;
		background: url(../images/sp_headline-company.jpg) center top no-repeat;
	}
}

/* --------------------------------------------------------- archive-support */
#support #headline-image {
    background: url(../images/headline-support.jpg) center top no-repeat;
}
#archive-support {
	margin: 0 0 180px 0;
}
#archive-support .content h2 {
	line-height: 1em;
	height: 1em;
	margin-top: -25px;
	margin-left: 15%;
	transform: translateY(-25px);
}
@media screen and (max-width: 1399px) {
	#archive-support .content h2 {
		width: 85%;
	}
}
@media screen and (max-width: 999px) {
	#support #headline-image {
		height: 200px;
    	background: url(../images/sp_headline-support.jpg) center top no-repeat;
	}
	#archive-support {
    	margin: 0 0 100px 0;
	}
	#archive-support .content {
		width: 90%;
		margin: 0 auto;
	}
	#archive-support .content h2 {
    	margin-left: 0;
    	margin-top: 0;
    	height: auto;
    	transform: translateY(0);
	}
}
/*                                    lcs*/
.lcs00 {
	width: 70%;
	margin: 45px 15% 0;
	height: 512px;
	position: relative;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	align-items: center;
}
.lcs00 h3 {
	font-size: 1.25rem;
	color: #2f893d;
}
.lcs00 div {
	width: 555px;
	box-sizing: border-box;
	padding: 30px;
	background: #fff;
}
.lcs00 figure {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 674px;
	max-width: 674px;
}
.lcs00 figure img.sp {
	display: none;
}
.lcs01,
.lcs03,
.lcs05 {
	position: relative;
	margin: 0 0 120px 0;
}
.lcs01 section.grey,
.lcs03 section.grey,
.lcs05 section.grey {
	width: 40%;
	top: -25px;

}
.lcs01 section,
.lcs03 section,
.lcs05 section {
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
}
.lcs01 h3,
.lcs03 h3,
.lcs05 h3 {
	width: 860px;
	margin: 0 0 0 auto;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 2.5rem;
	color: #000;
	letter-spacing: 4px;
	line-height: 1em;
}
.lcs01 h3 span,
.lcs03 h3 span,
.lcs05 h3 span {
	font-size: 0.75rem;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
	display: block;
	color: #2f893d;
}
.lcs01 div,
.lcs03 div,
.lcs05 div {
	width: 860px;
	margin: 0 0 0 auto;
	box-sizing: border-box;
	padding: 30px;
	background: #fff;
	position: relative;
}
.lcs01 div:before {
	content: url(../images/icon-support-sales.svg);
	width: 220px;
	position: absolute;
	top: 50%;
	left: -280px;
	transform: translateY(-50%);
}

.lcs02,
.lcs04 {
	position: relative;
	margin: 0 0 120px 0;
	padding: 80px 0 0 0;
}
.lcs02 section.grey,
.lcs04 section.grey {
	width: 40%;
	top: -25px;
	right: 0;
	left: auto;
}
.lcs02 section,
.lcs04 section {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.lcs02 h3,
.lcs04 h3 {
	position: absolute;
	top: 0;
	right: calc(40% - 8.5em);
	width: 8em;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 2.5rem;
	color: #000;
	letter-spacing: 4px;
	line-height: 1em;
	z-index: 20;
}
.lcs02 h3 span,
.lcs04 h3 span {
	font-size: 0.75rem;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    display: block;
	color: #2f893d;
	text-align: left;
}
.lcs02 div,
.lcs04 div {
	width: 860px;
	margin: 0 auto 0 0;
	box-sizing: border-box;
	padding: 30px;
	background: #fff;
	position: relative;
}
.lcs02 div:before {
	content: url(../images/icon-support-maintenance.svg);
	width: 192px;
	position: absolute;
	top: 50%;
	right: -266px;
	transform: translateY(-50%);
}

.lcs03 div:before {
	content: url(../images/icon-support-diagnosis.svg);
	width: 123px;
	position: absolute;
	top: 50%;
	left: -232px;
	transform: translateY(-50%);
}
.lcs04 div:before {
	content: url(../images/icon-support-proposal.svg);
	width: 192px;
	position: absolute;
	top: 50%;
	right: -266px;
	transform: translateY(-50%);
}
.lcs05 div:before {
	content: url(../images/icon-support-design.svg);
	width: 129px;
	position: absolute;
	top: 50%;
	left: -235px;
	transform: translateY(-50%);
}

@media screen and (max-width: 1599px) {
	.lcs00 figure{ 
		right: -200px;
	}
}
@media screen and (max-width: 1399px) {
	.lcs00 div {
		width: 400px;
	}
	.lcs00 figure{ 
		right: -150px;
		width: 500px;
		top: 50%;
		transform: translateY(-50%);
	}
}
@media screen and (max-width: 1299px) {
	.lcs00 div {
		width: 400px;
	}
	.lcs00 figure{ 
		right: -150px;
	}
}
@media screen and (max-width: 1199px) {
	.lcs01 section,
	.lcs03 section,
	.lcs05 section {
		width: 85%;
		margin:0 0 0 auto;
	}
	.lcs01 div,
	.lcs03 div,
	.lcs05 div {
		width: calc(100% - 300px);
		margin: 0 auto 0 0;
	}
	.lcs01 h3,
	.lcs03 h3,
	.lcs05 h3 {
		width: 100%;
	}
	.lcs01 div:before {
	    content: url(../images/icon-support-sales.svg);
	    width: 220px;
	    position: absolute;
	    top: 50%;
	    right: -260px;
	    left: auto;
	}
	.lcs03 div:before {
		width: 140px;
	    right: -220px;
	    left: auto;
	}
	.lcs05 div:before {
		width: 170px;
	    right: -235px;
	    left: auto;
	}
	.lcs02,
	.lcs04 {
		padding: 0;
	}
	.lcs02 section.grey, .lcs04 section.grey {
	    top: -25px;
	    right: auto;
	    left: 0;
	}
	.lcs02 section,
	.lcs04 section {
		width: 85%;
		margin:0 0 0 auto;
	}
	.lcs02 div,
	.lcs04 div {
		width: calc(100% - 300px);
		margin: 0 auto 0 0;
	}
	.lcs02 h3,
	.lcs04 h3 {
		width: 100%;
		position: inherit;
	}
	.lcs02 div:before {
	    content: url(../images/icon-support-maintenance.svg);
	    width: 192px;
	    position: absolute;
	    top: 50%;
	    right: -246px;
	    transform: translateY(-50%);
	}
}

@media screen and (max-width: 999px) {
	.lcs00 {
		width: 100%;
		height: auto;
		margin: 45px 0 120px 0;
		display: block;
	}
	.lcs00 div {
		padding: 0;
		width: 100%;
	}
	.lcs00 figure {
		position: inherit;
		top: auto;
		right: auto;
		transform: translateY(0);
		width: 60%;
		margin: 0 auto;
	}
	.lcs00 figure img.pc {
		display: none;
	}
	.lcs00 figure img.sp {
		display: block;
	}

	.lcs01 section,
	.lcs03 section,
	.lcs05 section,
	.lcs02 section,
	.lcs04 section
	 {
		width: 100%;
		margin:0 0 0 auto;
	}
	.lcs01 div,
	.lcs03 div,
	.lcs05 div,
	.lcs02 div,
	.lcs04 div {
		padding: 0;
	}
	.lcs02 div:before,
	.lcs04 div:before {
		left: auto;
	}
}

@media screen and (max-width: 767px) {
	.lcs01 div,
	.lcs03 div,
	.lcs05 div,
	.lcs02 div,
	.lcs04 div {
		width: 70%;
		margin-right: 35%;
	}
	.lcs01 div:before,
	.lcs03 div:before,
	.lcs05 div:before,
	.lcs02 div:before,
	.lcs04 div:before {
		width: 30%;
		right: -40%;
		left: auto;
	}
}

@media screen and (max-width: 478px) {
	.lcs00 h3 {
    	font-size: 1.125rem;
	}
	.lcs00 figure {
		width: 80%;
	}
	.lcs01,
	.lcs03,
	.lcs05,
	.lcs02,
	.lcs04 {
		margin: 0 0 75px 0;
	}
	.lcs01 h3,
	.lcs03 h3,
	.lcs05 h3,
	.lcs02 h3,
	.lcs04 h3 {
		font-size: 1.75rem
	}
	.lcs01 div,
	.lcs03 div,
	.lcs05 div,
	.lcs02 div,
	.lcs04 div {
		width: 100%;
		margin-right: 0;
	}
	.lcs01 div:before,
	.lcs03 div:before,
	.lcs05 div:before,
	.lcs02 div:before,
	.lcs04 div:before {
		content: "";
	}
}

/* --------------------------------------------------------- archive-products */
#products #headline-image {
    background: url(../images/headline-products.jpg) center top no-repeat;
}
#products-reed {
	max-width: 1400px;
	width: 70%;
	margin: 0 15% 180px 15%;
}

/*                                    archive-products*/
.archive-products {
	margin: 0 0 180px 0;

}
.archive-products h2 {
	width: 85%;
	max-width: 1400px;
	margin: -25px auto 0 15%;
	transform: translateY(-25px);
}
.product {
	width: 100%;
	max-width: 1400px;
	margin: 80px auto 0 auto;
	padding-left: 15%;
	box-sizing: border-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	-ms-flex-pack:justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
.product > figure {
	box-sizing: border-box;
	width:45%;
	border: 1px solid #939393;
	position: relative;
}
.product > figure:before {
	position: absolute;
	top: -73px;
	right: 0;
	width: 66px;
	height: 66px;
}
#archive-products01 .product > figure:before {
	content: url(../images/icon-office-pump.svg);
}
#archive-products02 .product > figure:before {
	content: url(../images/icon-office-blower.svg);
}
#archive-products03 .product > figure:before {
	content: url(../images/icon-office-freezer.svg);
}
#archive-products04 .product > figure:before {
	content: url(../images/icon-office-coolingtower.svg);
}
#archive-products05 .product > figure:before {
	content: url(../images/icon-office-boiler.svg);
}
#archive-products06 .product > figure:before {
	content: url(../images/icon-office-vacuum.svg);
}
#archive-products07 .product > figure:before {
	content: url(../images/icon-office-showcase.svg);
}
#archive-products08 .product > figure:before {
	content: url(../images/icon-office-mist.svg);
}
#archive-products09 .product > figure:before {
	content: url(../images/icon-office-treatment.svg);
}
.product div {
	width: 50%;
	position: relative;
}
.product div ul {
	position: absolute;
	bottom: 0;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
}
.product div li {
	width: 100px;
	text-align: center;
	position: relative;
	margin-right: 8px;
}
.product div li:last-of-type {
	margin-right: 0;
}
.product div li figure {
	position: relative;
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	margin-bottom: 1px;
	background-color: #fff;
}
.product div li.sales figure {
	border: 1px solid #2f893d;
}
.product div li.maintenance figure {
	border: 1px solid #469e4b;
}
.product div li.diagnosis figure {
	border: 1px solid #5db35a;
}
.product div li.proposal figure {
	border: 1px solid #73c868;
}
.product div li.design figure {
	border: 1px solid #8add76;
}
.product div li img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.product div li.sales img {
	width: 75%;
}
.product div li.maintenance img {
	width: 60%;
}
.product div li.diagnosis img {
	width: 52%;
}
.product div li.proposal img {
	width: 65%;
}
.product div li.design img {
	width: 59%;
}

.product div li span {
	text-align: center;
	display: block;
	line-height: 1.4em;
	font-size: 0.6875rem;
	height: 34px;
	position: relative;
	color: #fff;
}
.product div li.sales span {
	background: #2f893d;
}
.product div li.maintenance span {
	background: #469e4b;
}
.product div li.diagnosis span {
	background: #5db35a;
}
.product div li.proposal span {
	background: #73c868;
}
.product div li.design span {
	background: #8add76;
}
.product div li span em {
	position: absolute;
	font-style: normal;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	font-weight: 300;
}

@media screen and (max-width: 1399px) {
	#products-reed {
		width: 90%;
		margin: 0 auto 180px auto;
	}
	main#products > article > .content h2 {
    	width: 85%;
	}
	.product > figure {
		width: auto;
		margin-right: 5%;
	}
	.product div {
		min-width: 540px;
	}
}
@media screen and (max-width: 1199px) {
	main#products > article > .content h2 {
    	width: 100%;
    	margin: -25px auto 0 auto;
	}
	.archive-products .content {
		width: 90%;
		margin: 0 auto; 
	}
	.product {
		padding-left: 0;
		display: block;
	}
	.product > figure {
		width: 100%;
		max-width: 550px;
		margin: 0 auto 50px auto;
	}
	.product div {
		min-width: 100%;
	}
	.product div ul {
		position: inherit;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;

	}
}
@media screen and (max-width: 767px) {
	.product div ul {
		-ms-flex-pack:justify;
		-webkit-justify-content: space-between;
		justify-content:space-between;
	}
	.product div li {
		width: 19%;
		margin-right: 0;
	}
	.product div li figure {
		height: auto;
		margin-bottom:2px;
	}
	.product div li figure:before {
    content:"";
    display: block;
    padding-top: 100%;
	}
	.product div li span {
		font-size: 0.5rem;
	}
}
@media screen and (max-width: 478px) {
	#products-reed {
		margin: 0 auto 150px auto; 
	}
	.archive-products {
		margin: 0 0 150px 0; 
	}
	.product {
		margin: 30px auto 0 auto;
	}
	#archive-products01 .product > figure:before {
		content: "";
	}
	#archive-products02 .product > figure:before {
		content: "";
	}
	#archive-products03 .product > figure:before {
		content: "";
	}
	#archive-products04 .product > figure:before {
		content: "";
	}
	#archive-products05 .product > figure:before {
		content: "";
	}
	#archive-products06 .product > figure:before {
		content: "";
	}
	#archive-products07 .product > figure:before {
		content: "";
	}
	#archive-products08 .product > figure:before {
		content: "";
	}
	#archive-products09 .product > figure:before {
		content: "";
	}
}
/* --------------------------------------------------------- archive-company */
#archive-company {
	margin: 0 0 180px 0;
}
#archive-company .content {
	width: 1400px;
	margin: 0 auto;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	-ms-flex-pack:justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
#archive-company .greeting {
	width: 1000px;
	margin-top: 45px;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	position: relative;
}
#archive-company .greeting div {
	position: absolute;
	top: 70px;
	left: 0%;
	background-color: #fff;
	padding: 60px 60px 60px 0;
	width: 49%;
}
#archive-company .greeting figure {
	width: 56%;
	position: relative;
	z-index: -1;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #000;
	font-size: 0.75rem;
}
#archive-company .greeting figure ins {
	position: absolute;
	right: 5px;
	bottom: 0.5em;
	line-height: 1em;
}
#archive-company .greeting figure span {
	position: absolute;
	right: 5px;
	bottom: -1.5em;
	line-height: 1em;
}
#company-btn {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
}
#company-btn ul {
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	-ms-flex-pack:justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}

@media screen and (max-width: 1399px) {
	#archive-company .content {
		width: 90%;
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	#archive-company .greeting {
		width: 100%;
	}
	#archive-company .greeting div {
		padding: 40px;
	}
	#archive-company .greeting figure {
		width: 60%;
	}
	#company-btn {
		width: 90%;
	}
	#company-btn li {
		width: 28.5%;
	}
}
@media screen and (max-width: 1199px) {
	#company-btn {
		margin:0 auto 120px auto;
	}
	.btn {
		height: 80px;
	}
	.btn a{
		line-height: 80px;
	}
	.btn p {
		height: 80px;
	}
}
@media screen and (max-width: 999px) {
	#archive-company {
		margin:0 0 100px 0;
	}
	#archive-company .content h2 {
    	margin-top: 0;
	}
	#archive-company .greeting {
		display: block;
	}
	#archive-company .greeting div {
		position: inherit;
		width: 100%;
		box-sizing: border-box;
		top: 0;
		padding: 0;
	}
	#archive-company .greeting figure {
		width: 100%;
		max-width: 560px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 767px) {
	#archive-company .content {
		display: block;
	}
	#company-btn {
		margin:0 auto 80px auto;
	}
	#company-btn ul {
		display: inline-block;
		width: 100%;
	}
	#company-btn li {
		width: 100%;
		margin: 0 0 1em 0;
	}
	.btn p {
		width: 100%;
		left: -100%;
	}
}

/* --------------------------------------------------------- single-company */
/*                                    single-company-profile*/
#single-company-profile {
	margin: 0 0 180px 0;
	position: relative;
}
#single-company-profile .content {
	width: 85%;
	margin: 0 0 0 15%;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	-ms-flex-pack:justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
#single-company-profile .content h2 {
	line-height: 1em;
	height: 1em;
	margin-top: -25px;
}
#single-company-profile .profile {
	width: 76.5%;
	margin-top: 80px;
}
#single-company-profile .profile table {
	width: 100%;
}
#single-company-profile .profile th {
	border-bottom: 1px solid #ddd;
	font-weight: 500;
	text-align: left;
	padding: 25px 0;
	width: 200px;
}
#single-company-profile .profile td {
	border-bottom: 1px solid #ddd;
	padding: 25px 0;
}
#single-company-profile .profile td dl {
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#single-company-profile .profile td dt {
	width: 7em;
}
#single-company-profile .profile td dd {
	width: calc(100% - 7em);
}
@media screen and (max-width: 1399px) {
	#single-company-profile .content {
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		width: 90%;
		margin: 0 auto;
	}
	#single-company-profile .profile {
		margin-top: 45px;
		width: 100%;
	}
}
@media screen and (max-width: 999px) {
	#single-company-profile {
		margin: 0 0 100px 0;
	}
}
@media screen and (max-width: 767px) {
	#single-company-profile .profile th {
		display: block;
		width: 100%;
		border-bottom: none;
		padding: 25px 0 0 0;
		font-weight: 700;
	}
	#single-company-profile .profile td {
		display: block;
		width: 100%;
		padding: 0 0 25px 0;
	}
}

/*                                    single-company-history*/
#single-company-history {
	margin: 0 0 180px 0;
}
#single-company-history .logo {
	transform: rotate(65deg);
	top: 70px;
	left: -250px;
}
#single-company-history .content h2 {
    line-height: 1em;
    height: 1em;
    margin-left: 23%;
    transform: translateY(-25px);
}
#single-company-history .content {
	width: 1300px;
	margin:0 auto 0 0;
}
#single-company-history .history dl {
	width: 100%;
	z-index: -10;
	position: relative;
}
#single-company-history .history dt {
	position: absolute;
	right: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
#single-company-history .history dd {
	border-bottom:1px solid #ddd;
	width: 46%;
	padding: 52px 0 9px 54%;
}

@media screen and (max-width: 1399px) {
	#single-company-history .content {
		width: 90%;
		margin: 0 auto;
	}
	#single-company-history .content h2 {
		margin-left: 0;
	}
	#single-company-history .history dl {
		z-index: auto;
	}
	#single-company-history .history dd {
		width: 100%;
		padding: 52px 0 9px 0;
	}
}
@media screen and (max-width: 999px) {
	#single-company-history {
		margin: 0 0 100px 0;
	}
}

/*                                    single-company-iso*/
#single-company-iso {
	margin: 0 0 180px 0;
}
#single-company-iso .logo {
	transform: rotate(-15deg);
	top: 0px;
	left: 0px;
}
#single-company-iso .content {
	max-width: 1400px;
	width: 100%;
	margin:0 auto;
}
#single-company-iso .content h2 {
    line-height: 1em;
    height: 1em;
    transform: translateY(-25px);
    position: absolute;
    left: 23%;
}
#single-company-iso .iso {
	width: 1000px;
	margin-left: 400px;
	padding-top: 100px;
}
#single-company-iso .iso dl {
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	-ms-flex-pack:justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
	margin: 0 0 100px 0;
}
#single-company-iso .iso dd {
	width:60%;
}
#single-company-iso .iso dt {
	width: 30%;
}
#single-company-iso .iso ul {
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	-ms-flex-pack:justify;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
#single-company-iso .iso li {
	width: 48%;
	box-sizing: border-box;
	border: 1px solid #ddd;
	padding: 20px;
}
#single-company-iso .iso li h3 {
	color: #2f893d;
	font-size: 1rem;
}

@media screen and (max-width: 1399px) {
	#single-company-iso .content {
		width: 90%;
		margin: 0 auto;
	}
	#single-company-iso .content h2 {
	    line-height: 1em;
	    height: 1em;
	    transform: translateY(-25px);
	    position: static;
	    left: 0%;
	}
	#single-company-iso .iso {
		margin-left: 0;
		width: 100%;
		padding-top: 50px;
	}
}
@media screen and (max-width: 999px) {
	#single-company-iso {
		margin: 0 0 100px 0;
	}
}
@media screen and (max-width: 767px) {
	#single-company-iso .iso dl {
		display: block;
		margin: 0 0 80px 0;
	}
	#single-company-iso .iso dd {
		width: 100%;
		margin: 0 0 2em 0;
	}
	#single-company-iso .iso dt {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	#single-company-iso .iso ul {
		display: block;
	}
	#single-company-iso .iso li {
		width: 100%;
		margin: 0 0 2em 0;
	}
}

/*                                    single-company-vision*/
#single-company-vision {
	margin: 0 0 180px 0;
}
#single-company-vision section.grey {
	height: 102px;
	width: 28%;
}
#single-company-vision .mission {
	margin: 0 0 0 0;
}
#single-company-vision .mission h2 {
	font-size: 2.75rem;
    line-height: 1em;
    height: 1em;
    transform: translateY(-25px);
    position: relative;
    width: 28%;
    text-align: right;
}
#single-company-vision .mission h2 span {
	position: absolute;
	right: 0;
	bottom: -120px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
	letter-spacing: 3px;
}
#single-company-vision .mission section {
	width: 65%;
	max-width: 1300px;
	margin: 0 0 0 auto;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
#single-company-vision .mission section h3 {
	color: #2f893d;
	font-size: 2.125rem;
}
@media screen and (max-width: 999px) {
	#single-company-vision {
		width: 90%;
		margin: 0 auto 100px auto;
	}
	#single-company-vision .mission h2 {
		width: 100%;
		text-align: left;
		transform: translateY(0);
		margin: 0 0 1em 0;
	}
	#single-company-vision .mission h2 span {
		position: static;
		display: block;
		line-height: 1em;
	}
	#single-company-vision .mission section {
		width: 100%;
	}
	#single-company-vision .mission section h3 {
		line-height: 1.2em;
	}
}
@media screen and (max-width: 767px) {
	#single-company-vision .mission section h3 {
		font-size: 1.5rem;
	}
}


/*                                    single-company-vision02*/
#single-company-vision02 {
	margin: 0 0 180px 0;
}
#single-company-vision02 section.grey {
	height: 102px;
	width: 33%;
}
#single-company-vision02 .dream {
	margin: 0 0 0 0;
}
#single-company-vision02 .dream h2 {
	font-size: 2.75rem;
    line-height: 1em;
    height: 1em;
    transform: translateY(-25px);
    position: relative;
    width: 33%;
    text-align: right
}
#single-company-vision02 .dream h2 span {
	position: absolute;
	right: 0;
	bottom: -120px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
	letter-spacing: 3px;
}
#single-company-vision02 .dream section {
	width: 60%;
	max-width: 1300px;
	margin: 0 0 0 auto;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
#single-company-vision02 .dream section li {
	background: url(../images/icon-vision.png) left 7px no-repeat;
	padding-left: 18px;
	margin-bottom: 5px;
}

@media screen and (max-width: 999px) {
	#single-company-vision02 {
		width: 90%;
		margin: 0 auto 100px;
	}
	#single-company-vision02 .dream h2 {
		width: 100%;
		text-align: left;
		transform: translateY(0);
		margin: 0 0 1em 0;
	}
	#single-company-vision02 .dream h2 span {
		position: static;
		display: block;
		line-height: 1em;
	}
	#single-company-vision02 .dream section {
		width: 100%;
	}
	#single-company-vision02 .dream section h3 {
		line-height: 1.2em;
	}
}
/*                                    single-company-vision03*/
#single-company-vision03 {
	margin: 0 0 180px 0;
}
#single-company-vision03 section.grey {
	height: 102px;
	width: 38%;
}
#single-company-vision03 .attitude {
	margin: 0 0 0 0;
}
#single-company-vision03 .attitude h2 {
	font-size: 2.75rem;
    line-height: 1em;
    height: 1em;
    transform: translateY(-25px);
    position: relative;
    width: 38%;
    text-align: right
}
#single-company-vision03 .attitude h2 span {
	position: absolute;
	right: 0;
	bottom: -120px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
	letter-spacing: 3px;
}
#single-company-vision03 .attitude section {
	width: 55%;
	max-width: 1300px;
	margin: 0 0 0 auto;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
#single-company-vision03 .attitude section dt {
	font-size: 1rem;
	color: #2f893d;
	font-weight: 700;
}
#single-company-vision03 .attitude section dd {
	margin-bottom: 1em;
}

@media screen and (max-width: 999px) {
	#single-company-vision03 {
		width: 90%;
		margin: 0 auto 100px auto;
	}
	#single-company-vision03 .attitude h2 {
		width: 100%;
		text-align: left;
		transform: translateY(0);
		margin: 0 0 1em 0;
	}
	#single-company-vision03 .attitude h2 span {
		position: static;
		display: block;
		line-height: 1em;
	}
	#single-company-vision03 .attitude section {
		width: 100%;
	}
	#single-company-vision03 .attitude section h3 {
		line-height: 1.2em;
	}
}


/* --------------------------------------------------------- single-company */
/*                                    single-company-office*/
#single-company-office {
	margin: 0 0 180px 0;
	position: relative;
}
#single-company-office h2 {
	font-size: 2.75rem;
    line-height: 1em;
    height: 1em;
    transform: translateY(-25px);
    margin-left: 15%;
}
#single-company-office .content > section {
	width: 65%;
	margin-left: 35%;
}

.branch {
  overflow: hidden;
  	border-bottom: 1px solid #ddd;
	padding: 30px 0;
}
.branch  h3 {
	color: #2f893d;
	font-size: 1.125rem;
	cursor: pointer;
}
.branch section {
  display: none;
}
.branch address {
	font-style: normal;
}
.branch section p {
	margin-bottom: 2em;
}
.branch section dt {
	font-weight: 700;
}
.branch section dd {
	position: relative;
	padding-left: 34px;
}
.branch dd:before {
	content: "";
	width: 20px;
	height: 2px;
	background: #333;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.branch .btn {
	width: 140px;
	height: 50px;
	float: none;
	margin-bottom: 2em;
}
.branch .btn p {
	width: 140px;
	height: 50px;
	left: calc(-100% - 2px);
}
.branch .btn:hover p {
	left: 0;
}
.branch .btn a {
	width: 140px;
	height: 50px;
	line-height: 50px;
}
.branch *:last-child {
	margin-bottom: 0 !important;
}

@media screen and (max-width: 1399px) {
	#single-company-office .content {
		width: 90%;
		margin: 0 auto;
	}
	#single-company-office h2 {
		margin-left: 0;
	}
}
@media screen and (max-width: 999px) {
	#single-company-office {
		margin: 0 0 100px 0;
	}
	#single-company-office .content > section {
		margin-left: 0;
		width: 100%;
	}
}



/*                                    single-company-office02*/
#single-company-office02 {
	margin: 0 0 180px 0;
	position: relative;
}
#single-company-office02 h2 {
	font-size: 2.75rem;
    line-height: 1em;
    height: 1em;
    transform: translateY(-25px);
    margin-left: 15%;
}
#single-company-office02 .content > section {
	width: 65%;
	margin-left: 35%;
}
.branch h4 {
	font-weight: 700;
}
.branch ul {
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	margin-bottom: 2em;
}
.branch ul li {
	width: 66px;
	margin-right: 10px;
	text-align: center;
	font-size: 0.625rem;
}
.branch p.notes {
	padding-left: 30px;
	position: relative;
	margin-bottom: 2em;
}
.branch p.notes:before {
	content: "";
	width: 20px;
	height: 2px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #333;
}
@media screen and (max-width: 1399px) {
	#single-company-office02 .content {
		width: 90%;
		margin: 0 auto;
	}
	#single-company-office02 h2 {
		margin-left: 0;
	}
}
@media screen and (max-width: 999px) {
	#single-company-office02 {
		margin: 0 0 100px 0;
	}
	#single-company-office02 .content > section {
		margin-left: 0;
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.branch ul {
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.branch ul li {
		width: 30%;
		max-width: 66px;
	}
}



/* --------------------------------------------------------- archive-recruit */
#recruit #headline-image {
    background: url(../images/headline-recruit.jpg) center top no-repeat;
}
#archive-recruit {
	margin: 0 0 180px 0;
}
#archive-recruit .content h2 {
	line-height: 1em;
	height: 1em;
	margin-top: -25px;
	margin-left: 15%;
	transform: translateY(-25px);
}
@media screen and (max-width: 1399px) {
	#archive-recruit .content h2 {
		width: 85%;
	}
}
@media screen and (max-width: 999px) {
	#recruit #headline-image {
		height: 200px;
    	background: url(../images/sp_headline-recruit.jpg) center top no-repeat;
	}
	#archive-recruit {
    	margin: 0 0 100px 0;
	}
	#archive-recruit .content {
		width: 90%;
		margin: 0 auto;
	}
	#archive-recruit .content h2 {
    	margin-left: 0;
    	margin-top: 0;
    	height: auto;
    	transform: translateY(0);
	}
}
/*                                    personality01*/
#archive-recruit .personality01 {
	width: 1000px;
	padding-left: 400px;
	margin: 45px auto 230px auto;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	position: relative;
}
#archive-recruit .personality01 div {
	position: absolute;
	top: 70px;
	left: 400px;
	background-color: #fff;
	padding: 60px 60px 60px 0;
	width: 39%;
	box-sizing: border-box;
}
#archive-recruit .personality01 figure {
	width: 56%;
	z-index: -1;
}
@media screen and (max-width: 1399px) {
	#archive-recruit .personality01 {
		padding-left: 0;
		width: 100%;
		margin: 45px 0 230px 0;
	}
	#archive-recruit .personality01 div {
		width: 50%;
		left: 10%;
		padding: 40px;
	}
	#archive-recruit .personality01 figure {
		max-width: 560px;
	}
}
@media screen and (max-width: 999px) {
	#archive-recruit .personality01 {
		width: 100%;
		padding-left: 0;
		display: block;
		margin: 0 auto 100px auto;
	}
	#archive-recruit .personality01 div {
		position: inherit;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
	}
	#archive-recruit .personality01 figure {
	    width: 100%;
	    max-width: 560px;
	    margin: 0 auto;
	    z-index: auto;
	}
}
@media screen and (max-width: 478px) {
	#archive-recruit .personality01 {
		margin: 0 auto 75px auto;
	}
	#archive-recruit .personality01 h3 {
		font-size: 1.125em;
	}
}

/*                                    personality02*/
#archive-recruit .personality02 {
	width: 1000px;
	margin: 45px auto 130px auto;
	padding-left: 400px; 
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	position: relative;
}
#archive-recruit .personality02 h3 {
	color:#2f893d;
	font-size: 1.25rem;
	font-weight: 700;
}
#archive-recruit .personality02 div {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translateY(-50%);
	background-color: #fff;
	padding: 60px 0 60px 60px;
	width: 36%;
}
#archive-recruit .personality02 figure {
	width: 56%;
	z-index: -1;
}
@media screen and (max-width: 1399px) {
	#archive-recruit .personality02 {
		padding-left: 0;
		width: 100%;
		margin: 45px 0 130px 0;
	}
	#archive-recruit .personality02 div {
		width: 50%;
		right: 5%;
		padding: 40px;
	}
	#archive-recruit .personality02 figure {
		max-width: 560px;
	}
}
@media screen and (max-width: 999px) {
	#archive-recruit .personality02 {
		width: 100%;
		padding-left: 0;
		display: block;
		margin: 0 auto 100px auto;
	}
	#archive-recruit .personality02 div {
		position: inherit;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
		transform: translateY(0);
	}
	#archive-recruit .personality02 figure {
	    width: 100%;
	    max-width: 560px;
	    margin: 0 auto;
	    z-index: auto;
	}
}
@media screen and (max-width: 478px) {
	#archive-recruit .personality02 {
		margin: 0 auto 75px auto;
	}
	#archive-recruit .personality02 h3 {
		font-size: 1.125em;
	}
}

/*                                    personality03*/
#archive-recruit .personality03 {
	width: 1000px;
	margin: 45px auto 130px auto;
	padding-left: 400px;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	position: relative;
}
#archive-recruit .personality03 h3 {
	color:#2f893d;
	font-size: 1.25rem;
	font-weight: 700;
}
#archive-recruit .personality03 div {
	position: absolute;
	top: 50%;
	left: 400px;
	transform: translateY(-50%);
	background-color: #fff;
	padding: 60px 60px 60px 0;
	width: 36%;
}
#archive-recruit .personality03 figure {
	width: 56%;
	z-index: -1;
}
@media screen and (max-width: 1399px) {
	#archive-recruit .personality03 {
		padding-left: 0;
		width: 100%;
		margin: 45px 0 130px 0;
	}
	#archive-recruit .personality03 div {
		width: 50%;
		left: 5%;
		padding: 40px;
	}
	#archive-recruit .personality03 figure {
		max-width: 560px;
	}
}
@media screen and (max-width: 999px) {
	#archive-recruit .personality03 {
		width: 100%;
		padding-left: 0;
		display: block;
		margin: 0 auto 100px auto;
	}
	#archive-recruit .personality03 div {
		position: inherit;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
		transform: translateY(0);
	}
	#archive-recruit .personality03 div ul {
		margin: 0 0 1em 0;
	}
	#archive-recruit .personality03 figure {
	    width: 100%;
	    max-width: 560px;
	    margin: 0 auto;
	    z-index: auto;
	}	
}
@media screen and (max-width: 478px) {
	#archive-recruit .personality03 {
		margin: 0 auto 75px auto;
	}
	#archive-recruit .personality03 h3 {
		font-size: 1.125em;
	}
}

/* --------------------------------------------------------- archive-recruit02 */
#archive-recruit02 {
	margin: 0 0 130px 0;	
}
#archive-recruit02 .content h2 {
	line-height: 1em;
	height: 1em;
	margin-top: -25px;
	margin-left: 15%;
	transform: translateY(-25px);
}
#archive-recruit02 .content section {
	width: 65%;
	margin-left: 35%;
}
#archive-recruit02 .content section th {
	font-weight: 500;
	vertical-align: top;
	width: 15%;
	border-bottom: 1px solid #ddd;
	text-align: left;
	padding: 28px 28px 28px 0;
	white-space: nowrap;
}
#archive-recruit02 .content section td {
	border-bottom: 1px solid #ddd;
	padding: 28px 28px 28px 0;
}

#recruit > .btn {
	margin: 0 auto;
	float: none;
}

@media screen and (max-width: 1399px) {
	#archive-recruit02 .content h2 {
		width: 85%;
	}
}
@media screen and (max-width: 999px) {
	#archive-recruit02 {
    	margin: 0 0 100px 0;
	}
	#archive-recruit02 .content {
		width: 90%;
		margin: 0 auto;
	}
	#archive-recruit02 .content h2 {
    	margin-left: 0;
    	margin-top: 0;
    	height: auto;
    	transform: translateY(0);
	}
	#archive-recruit02 .content section {
		width: 100%;
		margin-left: 0;
	}
	#recruit > .btn {
		margin: 0 auto 120px auto;
		float: none;
	}
}
@media screen and (max-width: 478px) {
	#archive-recruit02 .content section th {
		display: block;
		width: 100%;
		border-bottom: none;
		padding: 28px 0 0 0;
		font-weight: 700;
	}
	#archive-recruit02 .content section td {
		border-bottom: 1px solid #ddd;
		display: block;
		width: 100%;
		padding: 0 0 28px 0;
	}
	#recruit > .btn {
		width: 80%;
	}
}

/* --------------------------------------------------------- archive-contact */
#contact #headline-image {
    background: url(../images/headline-contact.jpg) center top no-repeat;
}
.archive-contact {
	margin: 0 0 180px 0;
}
.archive-contact .content h2 {
	line-height: 1em;
	height: 1em;
	margin-top: -25px;
	margin-left: 15%;
	transform: translateY(-25px);
}
.archive-contact .content h2 ins {
	font-size: 1rem;
	vertical-align: middle;
}
.inquiry {
	padding-left: 300px;
	width: 85%;
	max-width: 1400px;
	margin: 80px auto 0 15%;
	box-sizing: border-box;
}
.inquiry .btn {
	float: none;
	height: 80px;
}
.inquiry .btn a {
	line-height: 80px;
}

@media screen and (max-width: 1399px) {
	#contact > article > .content h2 {
		margin-left: 0;
	}
	.archive-contact .content {
		width: 90%;
		margin: 0 auto;
	}
	.inquiry {
		width: 100%;
		padding-left: 0;
		margin: 30px auto 0 auto;
	}
}
@media screen and (max-width: 999px) {
	#contact #headline-image {
	    height: 200px;
	    background: url(../images/sp_headline-contact.jpg) center top no-repeat;
	}
}
@media screen and (max-width: 767px) {
	.archive-contact {
		margin: 0 0 100px 0;
	}
	.archive-contact .content h2 {
		height: auto;
		transform: translateY(0);
	}
	.archive-contact .content h2 ins {
		display: block;
		vertical-align: baseline;
		line-height: 1em;
	}
	.inquiry {
		margin: 10px auto 0 auto;
	}
	.inquiry .btn {
		width: 100%;
		max-width: 400px;
	}
}

/*interview(詳細ページ)*/
main#interview{
	width: 1200px;
	margin: 0 auto;
	padding-top: 150px;
}

main#interview h2{
	text-align: center;
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size: 2.25rem;
	margin: 0 0 0.5em 0;
}
@media screen and (max-width: 1200px) {
	main#interview{
		width: 100%;
		padding: 150px 20px 0 20px;
		box-sizing: border-box;
	}
}
main#interview .imada_detail01 img{
width: revert-layer;
	}
@media screen and (max-width: 559px) {
    main#interview .imada_detail img {
        width: 100%;
        margin-bottom: 2%;
    }
}
main#interview .imada_detail{
    text-align: center;
    margin: 30px 0;
}
.box {
border: #4e7bcc 1px solid; /*境界線の指定*/
	padding:20px;
	margin: 20px;
}
.box p {
	margin:0;
	padding:0;
	text-align: left;
}
main#interview h3{
	margin-bottom: 15px;
	margin-top: 15px;
}
main#interview p img{
width: revert-layer;
margin: 10px 0;
	}
@media screen and (max-width: 559px) {
    main#interview p img {
        width: 100%;
        margin-bottom: 2%;
    }
}
.imada_detail02 p{
	font-size: 14px;
}
@media screen and (max-width: 559px) {
.imada_detail02 p{
	font-size: 12px;
}
}