@charset "UTF-8";
@media screen and (max-width: 767px) {

	/* --------------------------
 common
-------------------------- */
	.spSet {
		display: block !important;
	}
	.pcSet {
		display: none !important;
	}
	a.extLink:hover {
		border-bottom: 1px dotted #7d6e5b;
	}
	a.to_top {
		right: 1rem;
		bottom: 1rem;
	}
	a.btn {
		width: 100%;
		max-width: 280px;
	}

	/* --------------------------
 base
-------------------------- */
	/* aside ---------- */
	aside {
		width: 100%;
		max-width: initial;
		top: 0;
		left: 0;
		transform: none;
	}
	nav {
		display: none;
		width: 100vw;
		height: 100vh;
		background: #9d9087;
		/*background: #978e9c;*/
		/*background: #938ea1;*/
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	aside ul {
		margin: 6rem auto 0;
	}
	aside ul li:not(:first-child) a {
		opacity: 1;
		width: 12em;
		margin: .75rem auto;
		padding: 1rem;
		border-bottom: 1px solid rgba(255, 255, 255, .75);
	}
	aside ul li:not(:first-child) a.current:after {
		right: 1rem;
	}
	aside ul li.spSet a {
		margin: 3rem auto 0;
		border-bottom: none;
	}
	aside ul li.spSet a.current:after {
		background: none;
	}
	aside ul li a:hover {
		opacity: .75;
	}
	#nav_trigger,
	#nav_trigger span {
		display: inline-block;
		transition: all .4s;
		z-index: 1000;
	}
	#nav_trigger {
		position: absolute;
		right: 1rem;
		top: 1rem;
		width: 4.5rem;
		height: 4.5rem;
		border-radius: 50%;
		background: #6a5d55;
		opacity: .85;
		cursor: pointer;
	}
	#nav_trigger:hover {
		background: #7d6e5b;
	}
	#nav_trigger span {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 2rem;
		height: .2rem;
		background: #fffbf7;
	}
	#nav_trigger span:nth-of-type(1) {
		top: 1.5rem;
	}
	#nav_trigger span:nth-of-type(2) {
		top: 2.25rem;
	}
	#nav_trigger span:nth-of-type(3) {
		top: 3rem;
	}
	#nav_trigger.opened span:nth-of-type(1) {
		transform: translateY(.75rem) rotate(-315deg);
	}
	#nav_trigger.opened span:nth-of-type(2) {
		opacity: 0;
	}
	#nav_trigger.opened span:nth-of-type(3) {
		transform: translateY(-.75rem) rotate(315deg);
	}
	/* main ---------- */
	main {
		font-size: 1.5rem;
		width: 100%;
		max-width: 768px;
		margin: 0 auto;
	}
	section {
		padding: 3rem 5vw 4.5rem;
	}
	section:last-of-type {
		padding: 3rem 5vw;
	}
	section .inner {
		padding: 1rem 3vw;
	}
	section ul {
		font-size: 1.425rem !important;
	}

	/* --------------------------
 #anchor04
-------------------------- */
	#anchor04 .flex img {
		width: 100%;
	}

	/* --------------------------
 footer
-------------------------- */
	footer {
		padding: 3rem 5vw 0;
	}

	/* --------------------------
 members
-------------------------- */
	#members aside ul li:not(:first-child) a {
		width: 12em;
	}
	#members section .inner {
		padding: 1rem 1.5vw;
	}
	#members h2 {
		font-size: 1.625rem;
	}
	#members h3 {
		font-size: 1.5rem;
		padding: .75rem 4.5rem;
		margin: 	2rem auto 1.5rem;
	}
	#members h3.ic_event {
		font-size: 1.5rem;
	}
	#members table {
		font-size: 1.3rem;
	}

	/* --------------------------
 logo
-------------------------- */
	#logo main {
		width: 100%;
		max-width: 768px;
	}
	#logo01 {
		padding: 4.5rem 1.5vw;
	}
	#logo01 .flex {
		margin: 1.5rem 0;
	}
	#logo01 .flex img {
		width: 100%;
		margin: 1.5rem auto;
	}
	#logo #svgAnime {
		margin: 3rem auto 1.5rem;
	}







}