@charset "utf-8";
/* --------------------------------
 * About Page Design
 * -------------------------------- */

/* Concept
---------------------------------------------*/
/* concept01 */
.concept01 .box {
	width: 80%;
}
.concept01-bg {
	margin-top: 80px;
	margin-bottom: 80px;
	background: url("../about/img/concept01.jpg") no-repeat center;	
}
.concept01-bg .image {
	display: none;
}
.concept01-bg .inner {
	position: relative;
	min-height: 682px;
}
.concept01-bg .inner .box {
	position: absolute;
	bottom: 125px;
	width: 50%;
}
@media (max-width: 767px) {
.concept01 .box {
	width: 100%;
}
.concept01-bg {
	background: none;	
}
.concept01-bg .image {
	display: block;
}
.concept01-bg .image img {
	margin-bottom: 30px;
	width: 100%;
}
.concept01-bg .inner {
	position: relative;
	min-height: auto;
}
.concept01-bg .inner .box {
	position: static;
	bottom: auto;
	width: 100%;
}
}

/* concept02 */
.concept02-bg {
	margin-top: 80px;
	margin-bottom: 80px;
	background: url("../about/img/concept02.jpg") no-repeat center;	
}
.concept02-bg .image {
	display: none;
}
.concept02-bg .inner {
	min-height: 682px;
}
.concept02-bg .inner .box {
	margin-left: 40%;
	padding:  100px 50px;
	width: 60%;
	background: rgba(255, 255, 255, 0.3);
}
.concept02 .box {
	margin-left: 20%;
	width: 80%;
}
@media (max-width: 767px) {
.concept02-bg {
	background: none;	
}
.concept02-bg .image {
	display: block;
}
.concept02-bg .image img {
	margin-top: 30px;
	width: 100%;
}
.concept02-bg .inner {
	min-height: auto;
}
.concept02-bg .inner .box {
	margin-left: 0;
	padding:  0;
	width: 100%;
}
.concept02 .box {
	margin-left: 0;
	width: 100%;
}
}

/* concept03 */
.concept03 .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /*横中央*/
	align-items: center; /*縦中央*/
}
.concept03 .box {
	margin-top: 80px;
	width: 50%;
}
.concept03 .image {
	margin: 80px auto 0;
	width: 50%;
	text-align: center;
}
.concept03 .inner:first-of-type .box,
.concept03 .inner:first-of-type .image {
	margin-top: 0;
}
.concept03 .inner:first-of-type {
	flex-direction: row-reverse;
}
.concept03 .inner-wide .image {
	width: 100%;
}
.concept03 .inner-wide .image img {
	width: 100%;
}
.concept03 .inner:last-of-type .box {
	width: 80%;
}
.signature {
	text-align: right;
}
@media (max-width: 767px) {
.concept03 .box {
	width: 100%;
}
.concept03 .image {
	width: 100%;
}
.concept03 .inner:first-of-type .box {
	margin-top: 80px;
}
.concept03 .inner:last-of-type .box {
	width: 100%;
}
}
/* Profile
---------------------------------------------*/
#profile .midashi {
	letter-spacing: 0.1em;
}
#profile .midashi span {
	font-size: 2.0rem;
}

/* 団体概要
---------------------------------------------*/
.org-overview01 dl {
	position: relative;
}
.org-overview01 dt {
	position: absolute;
	left: 0;
	width: 15em;
}
.org-overview01 dd {
	margin-left: 15em;
}
.org-overview01 dt {
	padding: 1.5em 0 1.5em 5em;
}
.org-overview01 dd {
	padding: 1.5em 5em 1.5em 0;
}
.org-overview01 dt:nth-of-type(even),
.org-overview01 dd:nth-of-type(even) {
	background: rgba(178, 38, 135, 0.1);
}
.org-overview01 dt strong::before {
	content: "・";
}
@media (max-width: 767px) {
.org-overview01 dt {
	position: static;
	left: auto;
	width: 100%;
}
.org-overview01 dd {
	margin-left: 0;
}
.org-overview01 dt {
	padding: 1.5em 1.5em 0.5em 1.5em;
}
.org-overview01 dd {
	padding: 0 1.5em 1.5em 2.5em;
}
}