@charset "utf-8";

/*---------------------------------------------

companyスタイル

-----------------------------------------------*/

@media print, screen and (min-width: 768px) {

/* ▼CONCEPT PC */
#concept_area {
	padding: 90px 0 70px 0;
	background: #e5e5e5;
}

#concept_area h2 {
	color: #dc9200;
	font-size: 35px; font-size: 3.5rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 40px;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

.concept_img {
	width: 800px;
	margin: 0 auto 80px auto;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.concept_img img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#concept_area h3 {
	color: #3f3a3a;
	font-size: 37px; font-size: 3.7rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 2;
	margin: 0 0 30px 210px;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#concept_area p.txt {
	color: #3f3a3a;
	font-size: 17px; font-size: 1.7rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 3;
	margin: 0 0 0 210px;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#concept_area h2.active,
#concept_area h3.active,
#concept_area p.active,
.concept_img.active {
	transform: translate(0);
	opacity: 1;
}

#concept_area p.mb {margin-bottom: 80px;}

p.upbtn a {
	display: block;
	width: 140px;
	color: #3e3a3a;
	text-decoration: none;
	text-align: center;
	font-size: 12px; font-size: 1.2rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.2rem;
	line-height: 2;
	margin: 80px 0 0 auto;
	padding: 2px 0;
	background: #fff;
	border: solid 1px #3e3a3a;
	box-sizing: border-box;
	position: relative;
}

p.upbtn a::before {
	position: absolute;
	content: "";
	top: -9px;
	left: calc(50% - 5px);
	background: url("../img/btnarrow_01.png") no-repeat;
	background-size: 10px;
	width: 10px;
	height: 9px;
}

/* ▼BACKIMG PC */
#back_img {
	width: 100%;
	height: 570px;
	background: url("../img/company/back_img.jpg") center;
	background-size: cover;
}

/* ▼GREETING PC */
#greeting_area {
	padding: 90px 0 10px 0;
	background: #e5e5e5;
}

#greeting_area h2 {
	color: #dc9200;
	font-size: 35px; font-size: 3.5rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 40px;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#greeting_area h3 {
	color: #3f3a3a;
	font-size: 37px; font-size: 3.7rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 2;
	margin: 0 0 30px 210px;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#greeting_area p.txt {
	color: #3f3a3a;
	font-size: 17px; font-size: 1.7rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 3;
	margin: 0 0 0 210px;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#greeting_area p.mb {margin-bottom: 50px;}

.daihyo {
	color: #3f3a3a;
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	text-align: right;
	margin: 0 100px 20px 0;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.nametxt {
	text-align: right;
	margin-right: 80px;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.nametxt img {
	width: 146px;
	image-rendering: -webkit-optimize-contrast;
}

#greeting_area h2.active,
#greeting_area h3.active,
#greeting_area p.active {
	transform: translate(0);
	opacity: 1;
}

/* ▼COMPANY PROFILE PC */
#company_profile_area {
	padding: 90px 0 70px 0;
	background: #e5e5e5;
}

#company_profile_area h2 {
	color: #dc9200;
	font-size: 35px; font-size: 3.5rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 40px;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#company_profile_area h2.active {
	transform: translate(0);
	opacity: 1;
}

.cobox {
	width: 700px;
	margin-left: 210px;
	border-top: solid 1px #ccc;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.cobox th, .cobox td {
	color: #302c2c;
	border-bottom: solid 1px #ccc;
	font-size: 15px; font-size: 1.5rem;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	text-align: left;
	padding: 10px 0;
	box-sizing: border-box;
}

.cobox th {
	font-weight: bold;
	width: 160px;
	padding-left: 12px;
}

.cobox td a {
	color: #302c2c;
	text-decoration: none;
}

.cobox td a:hover {text-decoration: underline;}

.cobox.active {
	transform: translate(0);
	opacity: 1;
}

}

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

/* ▼CONCEPT SP */
#concept_area {
	padding: 9vw 0 14vw 0;
	background: #e5e5e5;
}

#concept_area .inner {width: 100%;}

#concept_area h2 {
	color: #dc9200;
	font-size: 8vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	width: 94%;
	margin: 0 auto 6vw auto;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

.concept_img {
	width: 100%;
	margin-bottom: 10vw;
}

.concept_img img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#concept_area h3 {
	color: #3f3a3a;
	font-size: 7.5vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.2rem;
	line-height: 1.6;
	width: 94%;
	margin: 0 auto 8vw auto;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#concept_area h3:nth-of-type(2) {font-size: 7vw;}

#concept_area p.txt {
	color: #3f3a3a;
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.2rem;
	line-height: 2.4;
	width: 94%;
	margin: 0 auto 4vw auto;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#concept_area h2.active,
#concept_area h3.active,
#concept_area p.active {
	transform: translate(0);
	opacity: 1;
}

#concept_area p.mb {margin-bottom: 14vw;}

#about_area p.more {margin-top: 4vw;}

p.upbtn a {
	display: block;
	width: 30%;
	color: #3e3a3a;
	text-decoration: none;
	text-align: center;
	font-size: 3.2vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.2rem;
	line-height: 2;
	margin: 14vw 3% 0 auto;
	padding: 0.5vw 0;
	background: #fff;
	border: solid 1px #3e3a3a;
	box-sizing: border-box;
	position: relative;
}

p.upbtn a::before {
	position: absolute;
	content: "";
	top: -2vw;
	left: calc(50% - 1.5vw);
	background: url("../img/btnarrow_01.png") no-repeat;
	background-size: 100%;
	width: 3vw;
	height: 2vw;
}

/* ▼BACKIMG SP */
#back_img {
	width: 100%;
	height: 100vw;
	background: url("../img/company/back_img_sp.jpg") center;
	background-size: cover;
}

/* ▼GREETING SP */
#greeting_area {
	padding: 9vw 0 8vw 0;
	background: #e5e5e5;
}

#greeting_area h2 {
	color: #dc9200;
	font-size: 8vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 6vw;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#greeting_area h3 {
	color: #3f3a3a;
	font-size: 7vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.2rem;
	line-height: 1.6;
	margin-bottom: 8vw;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#greeting_area p.txt {
	color: #3f3a3a;
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.2rem;
	line-height: 2.4;
	margin-bottom: 4vw;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#greeting_area h2.active,
#greeting_area h3.active,
#greeting_area p.active {
	transform: translate(0);
	opacity: 1;
}

#greeting_area p.mb {margin-bottom: 12vw;}

.daihyo {
	color: #3f3a3a;
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	text-align: right;
	margin: 0 6% 4vw 0;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.nametxt {
	text-align: right;
	margin-right: 3%;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.nametxt img {
	width: 40%;
	image-rendering: -webkit-optimize-contrast;
}

#greeting_area h2.active,
#greeting_area h3.active,
#greeting_area p.active {
	transform: translate(0);
	opacity: 1;
}

/* ▼COMPANY PROFILE SP */
#company_profile_area {
	padding: 9vw 0 14vw 0;
	background: #e5e5e5;
}

#company_profile_area h2 {
	color: #dc9200;
	font-size: 8vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 6vw;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#company_profile_area h2.active {
	transform: translate(0);
	opacity: 1;
}

.cobox {
	width: 100%;
	border-top: solid 1px #ccc;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.colist > div:nth-of-type(2) .cobox {border-top: none;}

.cobox th, .cobox td {
	display: block;
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	line-height: 1.8;
	text-align: left;
}

.cobox th {
	font-weight: bold;
	padding: 1.5% 0 0 0;
}

.cobox td {
	border-bottom: solid 1px #ccc;
	padding: 0 0 1.5% 0;
}

.cobox td a {
	color: #302c2c;
	text-decoration: none;
}

.cobox td a:hover {text-decoration: underline;}

.cobox.active {
	transform: translate(0);
	opacity: 1;
}

}