@charset "UTF-8";

/* CSS Document */


/*====================================

	wp_company

====================================*/ 

.wp_company {
}
.wp_company .cell {
	margin-bottom: 80px;
}
.wp_company .cell:last-child {
	margin-bottom: 0px;
}
.wp_company .cell .cell_inner {
}
.wp_company .cell .cell_inner .cell_ttl {
	display: inline-block;
	background: #fff;
	border-radius: 4px;
	line-height: 1em;
	padding: .4em 1em;
	font-size: 160%;
	font-family: "Didact Gothic", sans-serif;
    font-style: normal;
    border: 1px solid #333;
    border-radius: 30px;
    margin-bottom: 30px;
}
.wp_company .cell .cell_inner .cell_ttl span {
	font-size: 60%;
	line-height: 1em;
	padding: 0 0 0 1em;
}
.wp_company .cell .cell_inner .cell_content {
	position: relative;
}

/*====================================

	cell_greeting

====================================*/ 

.wp_company .cell_greeting .message {
	font-size: 150%;
	line-height: 1.6em;
}
.wp_company .cell_greeting .message span {
	display: block;
	font-size: 60%;
}

/*====================================

	cell_philosophy

====================================*/ 

.cell_philosophy {
	display: none;
}
.cell_philosophy .cell_content {
}
.cell_philosophy .cell_content .ex {
	font-size: 110%;
	margin-bottom: 40px;
}
.wp_scene {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 0;
}
.scene {
	height: 200px;
	width: 48% !important;
	perspective : 1000px; 
	margin-bottom: 20px;
}
.card {
	width : 100%;
	height : 100%;
	position: relative;
	transition: transform 0.5s; /* Here you can speed up/down animation */
	transform-style: preserve-3d;
}
.card-face {
	position: absolute;
	height: 100%;
	width: 100%;
	backface-visibility : hidden;
	display: grid;
	place-items: center;
	padding: 0 30px;
}
.card--front {
	background-color: #fff;
	font-size: 110%;
	letter-spacing: .1em;
	border-radius: 0 30px 0 30px;
}
.card--back {
	background-color: #d6d6d6;
	transform : rotateY(180deg);
	font-size: 90%;
	border-radius: 0 30px 0 30px;
}
.card.is-flipped {
	transform: rotateY(180deg);
}

/*====================================

	cell_outline

====================================*/ 

.cell_outline {
}
.cell_outline .cell_content {
}
.cell_outline .cell_content dl {
	display: table;
	width: 100%;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: -1px;
	padding: 20px 0;
}
.cell_outline .cell_content dl dt {
	display: table-cell;
	width: 120px;
	vertical-align: top;
}
.cell_outline .cell_content dl dd {
	display: table-cell;
	vertical-align: top;
}
.cell_outline .cell_content dl dd .box {
	margin-bottom: 10px;
}
.cell_outline .cell_content dl dd .box:last-child {
	margin-bottom: 0px;
}
.cell_outline .cell_content dl dd .box p {
}
.cell_outline .cell_content dl dd .box p span {
	display: block;
}
.cell_outline .cell_content dl dd .partners {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.cell_outline .cell_content dl dd .partners li {
	width: 48%;
	list-style: none;
	background: #fff;
	margin-bottom: 10px;
}
.cell_outline .cell_content dl dd .group {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.cell_outline .cell_content dl dd .group li {
	width: 50%;
	list-style: none;
}
.cell_outline .cell_content dl dd .group li:nth-child(odd) {
	padding: 0 20px 0 0;
}
.cell_outline .cell_content dl dd .group li:nth-child(even) {
	padding: 0 0 0 20px;
}
.cell_outline .cell_content dl dd .group li .ph {
	
}
.cell_outline .cell_content dl dd .group li a {
	display: block;
	color: #333;
	text-decoration: none;
	text-align: center;
	font-size: 90%;
}