/* #story
----------------------------------------- */
#story {
	padding-top: 20rem;
}
#story .inner {
	max-width: 70rem;
}
#story h1.ttl {
    font-size: 1.9rem;
	letter-spacing: 0.3em;
	line-height: 1;
    font-weight: bold;
	text-align: center;
}
#story h1.ttl::after {
    content: "";
	display: block;
	width: 4.2rem;
	height: 0.1rem;
	background-color: #000000;
	margin: auto;
	margin-top: 2rem;
}

#story .story_ttl {
    font-size: 2.0rem;
	letter-spacing: 0.3em;
	text-align: center;
	margin-top: 10rem;
}

#story .txt_wrap {
	margin-top: 14rem;
	text-align: left;
}

#story .img_wrap {
	width: 100%;
	margin-top: 5rem;
}


@media screen and (max-width: 768px) {
#story {
	padding-top: 18rem;
}

#story .story_ttl {
    font-size: 1.8rem;
	margin-top: 6rem;
}

#story .txt_wrap {
	margin-top: 6rem;
}

#story .img_wrap {
	margin-top: 3rem;
}
}


/* #member
----------------------------------------- */
#member {
	padding-top: 13rem;
	padding-bottom: 20rem;
}
#member .inner {
	max-width: 70rem;
}
#member h1.ttl {
    font-size: 1.9rem;
	letter-spacing: 0.3em;
	line-height: 1;
    font-weight: bold;
	text-align: center;
}
#member h1.ttl::after {
    content: "";
	display: block;
	width: 4.2rem;
	height: 0.1rem;
	background-color: #000000;
	margin: auto;
	margin-top: 2rem;
}

#member .member_list {
	margin-top: 7rem;
}

#member .member_list > li:not(:last-child) {
	margin-bottom: 6rem;
}

#member .member_con {
	align-items: flex-start;
}
#member .member_con .img_wrap {
	width: calc(200 / 700 * 100%);
}
#member .member_con .img_wrap .img {
	width: 100%;
	padding-top: 100%;
	background-position: center top;
	background-size: cover;
}
#member .member_con .txt_wrap {
	width: calc(470 / 700 * 100%);
}
#member .member_con h2 {
	font-size: 2rem;
	letter-spacing: 0.3em;
	line-height: 1;
	display: flex;
	align-items: center;
}
#member .member_con h2 span {
	font-size: 1.6rem;
	letter-spacing: 0.3em;
		display: flex;
}
#member .member_con h2 span::before {
    content: "｜";
    display: block;
    margin: 0 1.5rem 0 2rem;
}
#member .member_con .txt {
	margin-top: 3rem;
}

#member .member_con .sns_list {
	margin-top: 2rem;
	justify-content: flex-start;
}
#member .member_con .sns_list > li:not(:last-child) {
	margin-right: 2rem;
}
#member .member_con .sns_list img {
	width: auto;
	height: 2.5rem;
}
#member .member_con .sns_list a {
	display: flex;
}

#member .presents {
	font-size: 1.2rem;
	margin-top: 13rem;
	display: flex;
	align-items: center;
}
#member .presents span {
	margin-right: 2.5rem;
}

@media screen and (max-width: 768px) {
#member {
	padding-top: 6rem;
	padding-bottom: 8rem;
}

#member .member_list {
	margin-top: 6rem;
}

#member .member_list > li:not(:last-child) {
	margin-bottom: 4rem;
}

#member .member_con {
	align-items: flex-start;
}
#member .member_con .img_wrap {
	width: 100%;
}

#member .member_con .txt_wrap {
	width: 100%;
    margin-top: 2rem;
}
#member .member_con h2 {
	font-size: 2rem;
	letter-spacing: 0.3em;
	line-height: 1;
	display: block;
}
#member .member_con h2 span {
	font-size: 1.6rem;
	letter-spacing: 0.3em;
	display: block;
}
#member .member_con h2 span::before {
    content: "ー";
    display: block;
    margin: 1.0rem 0 1.0rem;
}
#member .member_con .txt {
	margin-top: 2rem;
}

#member .member_con .sns_list {
	margin-top: 2rem;
	justify-content: flex-start;
}
#member .member_con .sns_list > li:not(:last-child) {
	margin-right: 1.5rem;
}
#member .member_con .sns_list img {
	width: auto;
	height: 2.5rem;
}
#member .member_con .sns_list a {
	display: flex;
}

#member .presents {
	font-size: 1.0rem;
	margin-top: 8rem;
}
#member .presents span {
	margin-right: 1.5rem;
}
}