@charset "utf-8";


.staff .ex-catch-list-item,
.philosophy .ex-catch,
.company .ex-catch {
	height: calc(25px + 2vw);
	max-height: 57px;
	margin-bottom: 10px;
}

.staff .ex-catch-list-item img,
.philosophy .ex-catch img,
.company .ex-catch img {
	width: auto;
	height: 100%;
}

.about-catch-tex {
	margin-top: calc(30px + .5vw);
	font-size: calc(2rem + 1vw);
	font-weight: bold;
	line-height: 1.2;
	color: rgba(0, 0, 0, 1);
}


.about-catch {
	max-width: 1000px;
	margin: 0 auto;
	padding: calc(20px + 4vw) calc(10px + 5vw);
	overflow: hidden;
}

.about-catch-item {
	margin: calc(5px + .2vw);
}

.about-catch-item img {
	width: auto;
	height: 100%;
}


.about-profile {
	margin: 0 auto;
	padding: 0;
	font-size: calc(1.3rem + .2vw);
	line-height: 1.6;
}



.about-caption {
	font-size: calc(.8rem + .6vw);
	font-weight: bold;
	color: rgba(0, 0, 0, 1);
	text-align:center;
}

.about-profitem {
    align-items: center;
    display: flex;
    margin: calc(10px + .2vw);
}

.about-sub-title {
	font-size: calc(1.8rem + .5vw);
	line-height: 1.5;
	color: rgba(0, 0, 0, 1);
}





.scroller {
	width: 100%;
	overflow: hidden;
}

.scroller-list {
	width: 100%;
	height: calc(150px + 10vw);
	display: flex;
	background-color: rgba(0, 0, 0, .1);
	position: relative;
}

.scroller-list li {
	width: calc(150px + 10vw);
	height: calc(150px + 10vw);
	position: absolute;
}

.about-wrap .about-wrap {
	padding-right: 10px;
	padding-left: 10px;
}

.local {
	background-color: #F5F5F5;
	overflow: hidden;
}

.local-title {
	font-size: calc(2rem + 1vw);
	font-weight: bold;
	line-height: 1.3;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 1);
}

.proi {
	margin-top: calc(30px + 3vw);
	padding: calc(20px + 2vw);
	border: 1px solid rgba(0, 0, 0, .15);
}

.proi-logo {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	margin-top: calc((60px + 6vw) * -1);
	padding: calc(20px + 2vw);
	padding-bottom: 0;
	background-color: #F5F5F5;
	box-sizing: border-box;
}

.proi-logo img {
	max-width: 308px;
}

.proi-link {
	margin-top: 10px;
	display: block;
	text-align: center;
}

.proi-link a {
	font-size: calc(1.2rem + .5vw);
	line-height: 2;
	color: rgba(204, 51, 0, 1);
}

.local .about-tex {
	margin: calc(10px + 2vw) 0;
	margin-bottom: 0;
	padding: 0;
}


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

	.about-catch-item {
		height: 30px;
		margin-right: 10px;
		float: left;
	}

	.about-catch-item:nth-child(2),
	.about-catch-item:nth-child(4) {
		clear: both;
	}

}


@media screen and ( min-width: 601px ) and (max-width: 800px) {

	.about-catch-item {
		height: 50px;
		margin-right: 20px;
		float: left;
	}

}

@media screen and ( min-width: 801px ) and (max-width: 1000px) {

	.about-catch-item {
		height: 50px;
		margin-right: 20px;
		float: left;
	}

}


@media screen and ( min-width: 1001px ) {

	.about-catch {
		overflow: hidden;
	}

	.about-catch-item {
		height: 59px;
		margin-right: 30px;
		float: left;
	}

	.about-catch-item:nth-child(2),
	.about-catch-item:nth-child(4) {
		clear: both;
	}

}


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


.philosophy-wrap {
	margin: calc(40px + 3vw) auto;
}

.wakon {
	padding: calc(20px + 3vw) 0;
	background-color: rgba(0, 0, 0, .05);
}

.wakon .contents-wrap {
	margin: 0 auto;
}

.wakon-image {
	width: calc(200px + 10vw);
	height: calc(200px + 10vw);
	margin: 0 auto;
	margin-top: calc(-30px - 4vw);
	margin-bottom: calc(20px + 2vw);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	background-color: rgba(204, 51, 0, 1);
	border-radius: 50%;
	-webkit-justify-content: center;
			  -ms-flex-pack: center;
			justify-content: center;
	-webkit-align-items: center;
		 -ms-flex-align: center;
			align-items: center;
}

.wakon-image img {
	width: calc(100px + 10vw);
	height: calc(100px + 10vw);
}

.philosophy-sub-title {
	font-size: calc(2rem + 1.5vw);
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	color: rgba(0, 0, 0, 1);
}

.world {
	position: relative;
}

.world .contents-wrap {
	position: relative;
	z-index: 1;
}

.world-image {
	width: 90%;
	position: absolute;
	top: -5%;
	left: 50%;
	z-index: 0;
	text-align: center;
	opacity: .1;
	-webkit-transform: translate3d(-50%, 0, 0);
			transform: translate3d(-50%, 0, 0);
}

.world-image img {
	max-width: 1200px;
	margin: 0 auto;
}


@media screen and ( min-width: 801px ) {

	.wakon-image {
		width: 440px;
		height: 440px;
	}

	.wakon-image img {
		width: 267px;
		height: auto;
	}

}


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


.staff-list {
	padding: calc(20px + 4vw) 0;
	border-top: 1px solid rgba(0, 0, 0, .15);
}

.staff-info {
	min-width: 200px;
}

.staff-list-image {
	max-width: 260px;
	margin: 0 auto;
	margin-bottom: calc(15px + .2vw);
	border-radius: 50%;
	overflow: hidden;
}

.staff-list-name {
	margin: calc(10px + .2vw) 0;
	display: block;
	font-size: calc(2.5rem + .2vw);
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 1);
}

.staff-list-name span {
	color: rgba(204, 51, 0, 1);
}

.staff-list-pos {
	display: block;
	font-size: calc(1.2rem + .2vw);
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;
	opacity: .6;
}

.staff-tex .tex:last-child {
	margin-bottom: 0;
}

.staff-list-sns {
	margin-top: calc(10px + .5vw);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
			justify-content: center;
}

.staff-list-sns-item {
	width: 20px;
	margin-right: calc(10px + .2vw);
}

.staff-list-sns-item:last-child {
	margin-right: 0;
}

.staff-list-sns-item a {
	opacity: .4;
}

.staff-list-sns-item a:hover {
	opacity: 1;
}

.staff-list-sns-item a:after {
	display: none;
}


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

	.staff-list-image {
		max-width: 200px;
	}

}


@media screen and ( min-width: 801px ) {

	.staff-list {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
			 -ms-flex-align: center;
				align-items: center;
		-webkit-justify-content: space-between;
			  	  -ms-flex-pack: justify;
				justify-content: space-between;
	}

	.staff-list:nth-child(2n) {
		-webkit-flex-direction: row-reverse;
			-ms-flex-direction: row-reverse;
				flex-direction: row-reverse;
	}

	.staff-info {
		width: 30%;
	}

	.staff-tex {
		width: 70%;
		padding: 0 0 0 5%;
		box-sizing: border-box;
	}

	.staff-list:nth-child(2n) .staff-tex {
		padding: 0 5% 0 0;
	}

	.staff-tex .tex:first-child {
		margin-top: 0;
	}

}