@charset "UTF-8";
/* CSS Document */

/*colors*/
:root {
	--main_bk: #222;
	--main_kf_blue: hsl(199, 99%, 57%);
	--ssg_pink_text: hsl(335, 61%, 60%);
	--ssg_pink_key: hsl(327, 100%, 86%);
	--ssg_pink_bg: hsl(358, 40%, 96%);
	--ssg_ygreen: hsl(92, 66%, 55%);
}

article.ss_girls {
	width: 100%;
	margin-top: 40px;
	color: var(--main_bk);
	padding-bottom: 48px;
}

article.ss_girls p,
article.ss_girls a {
	color: var(--main_bk);
}

article.ss_girls img {
	max-width: 100%;
	height: auto;
}

div#box_page_kv,
#sec_teaching_policy {
	width: 100%;
	position: relative;
	z-index: 0;
}

section:not(#sec_teaching_policy),
#box_btm_contact,
#sec_teaching_policy>.inner {
	width: 1024px;
	margin: 0 auto;
}

div#box_page_kv {
	position: relative;
	z-index: 0;

	/*nest-start*/
	.inner {
		width: 100%;
		height: 480px;
		box-sizing: border-box;
		max-width: 1232px;
		margin: 0 auto;
		overflow: hidden;
		border-radius: 24px;
		position: relative;
		padding-left: 100px;
		padding-top: 28px;
		background-color: #f5f5f5;
	}

	& h2,
	p.ttl,
	& h2+p {
		position: relative;
		z-index: 10;
	}

	& h2 {
		width: 728px;
	}

	p.ttl {
		width: 600px;
	}

	h2+p {
		font-size: 2.4rem;
		letter-spacing: 0.05em;
		line-height: 1.5;
		color: #444;
		font-weight: bold;
		font-weight: 500;
		margin-left: 68px;
		margin-top: -12px;
	}

	p.ttl+p {
		font-size: 1.8rem;
		position: relative;
		z-index: 10;
		letter-spacing: 0.05em;
		line-height: 1.5;
		color: #444;
		font-weight: bold;
		font-weight: 500;
		margin-left: 62px;
		margin-top: -14px;
		width: 600px;
	}

	img.bg_fields {
		position: absolute;
		top: -54px;
		left: 0;
		height: auto;
	}


	/*nest-end*/
}


body.ss_girls.records div#box_page_kv {

	/*nest-start*/
	.inner {
		height: 300px;
		padding-top: 10px;
		padding-left: 72px;
	}

	img.bg_fields {
		width: 910px;
		top: -54px;
		left: 0;
		height: auto;
	}

	& h2 {
		width: 324px;
		height: 100%;
		line-height: 1;
		background-color: hsl(0, 98%, 97%);
		color: var(--ssg_pink_text);
		position: absolute;
		z-index: 20;
		top: 0;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-bottom: 24px;
		font-size: 3.2rem;
		font-weight: bold;
		font-weight: 500;
	}

	/*nest-end*/
}


div#nav_ss_girls {
	width: 940px;
	height: 72px;
	position: relative;
	z-index: 10;
	background-color: #fff;
	border-radius: calc(72px / 2);
	margin: -36px auto 0 auto;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);

	/*nest-start*/
	& ul {
		display: flex;
		justify-content: center;
		height: 100%;
		align-items: center;
		font-size: 1.8rem;
		line-height: 1;
	}

	& ul a {
		color: var(--ssg_pink_text);
		font-weight: bold;
		font-weight: 500;
		transition: 0.3s;
		display: block;
		padding-top: 0.1em;
	}

	& ul a:hover {
		opacity: 0.7;
	}

	& ul>li {
		margin: 0 1em;
	}

	& ul>li.current>a {
		pointer-events: none;
		color: #aaa;
	}

	/*nest-end*/
}


section#sec_lead {
	margin-top: 56px;
	padding-bottom: 96px;

	/*nest-start*/

	.inner {
		position: relative;
		z-index: 0;
	}

	& h3 {
		font-size: 2.8rem;
		letter-spacing: 0.05em;
		line-height: 1.6;
		font-weight: bold;
		font-weight: 500;
		color: var(--ssg_pink_text);
	}

	div.inner_text {

		margin-top: 2.5em;
		width: 500px;
		height: auto;
		position: relative;
		z-index: 10;

		/*nest-inner-start*/
		& p {
			font-size: 1.8rem;
			line-height: 2;
			margin-top: 1em;
		}

		& p:nth-of-type(1) {
			margin-top: 0;
		}

		& p.note {
			font-size: 1.4rem;
			color: #777;

		}

	}

	/*nest-inner-end*/

	figure.fig_img_ss_lead {
		position: absolute;
		width: 620px;
		z-index: 0;
		right: -80px;
		top: 7em;
	}


	/*nest-end*/
}

#sec_teaching_policy {
	background-color: var(--ssg_pink_bg);
}

article.ss_girls {
	/*nest-start*/

	section:not(#sec_lead)>.inner {

		padding: 72px 0 136px 0;

		/*nest-inner-start*/
		& h3 {
			text-align: center;
			font-size: 2.8rem;
			line-height: 1.1;
			font-weight: bold;
			font-weight: 600;
			color: var(--main_kf_blue);
			position: relative;
			z-index: 0;
			padding-bottom: 40px;
			letter-spacing: 0.05em;
		}

		& h3::after {
			content: "";
			display: block;
			width: 20px;
			height: 20px;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -10px;
			border-radius: 10px;
			background-color: var(--ssg_pink_key);
		}



		& p>small {
			font-size: 1.4rem;
			color: #777;
			margin-left: 1em;
		}

		& h3+p:nth-of-type(1) {
			margin-top: 1em;
		}

		ul.note,
		ul.note_list {
			margin-top: 1.5em;
			font-size: 1.4rem;
			color: #777;
			line-height: 1.8;

		}

		ul.note {
			margin-top: 0;
		}

		ul.note>li,
		ul.note_list>li {
			position: relative;
			z-index: 0;
			margin-top: 0.25em;
		}

		ul.note.kome>li::before,
		ul.note_list.kome>li::before {
			content: "\203B";
			margin-right: 0.25em;
		}

		/*nest-inner-end*/
	}

	.inner.fields ul.note.kome {
		text-align: center;
	}

	.inner.fields ul.note.kome>li {
		display: inline-block;
		margin-left: 1em;
	}

	.inner.fields ul.note.kome>li:nth-of-type(1) {
		margin-left: 0;
	}

	section:not(#sec_lead)>.inner>p {
		font-size: 1.6rem;
		line-height: 2;
		margin-top: 1.5em;
	}

	section:not(#sec_lead)>.inner>p:nth-of-type(1) {
		margin-top: 0;
	}

	/*nest-end*/
}


article.ss_girls section#sec_entry_requires>.inner {
	padding-bottom: 0;
}


figure.fig_policy_triangle {

	img {
		display: block;
		margin: 48px auto 0 auto;
		width: 752px;
		height: auto;
	}

}

div.box_gallery_players {
	margin-top: 56px;

	& h4 {
		text-align: center;
		color: var(--ssg_pink_text);
		font-size: 3.2rem;
		font-family: "DINNextLTPro-Regular", "Roboto", sans-serif;
		font-weight: normal;
		font-weight: 400;
		letter-spacing: 0.05em;

	}

	& ul {
		width: 950px;
		margin: 12px auto 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	& ul>li {
		width: 460px;
		margin-bottom: 34px;
	}

	& ul>li>figure {
		border-radius: 12px;
		overflow: hidden;
		border: 6px solid #fff;
	}

	& ul>li>h5 {
		display: flex;
		font-size: 1.6rem;
		margin-top: 0.6em;
		padding-left: 0.25em;
		font-weight: normal;
		font-weight: 400;
		align-items: center;
		line-height: 1;
		color: #444;
	}

	& ul>li>h5>strong {
		font-size: 4rem;
		font-weight: normal;
		font-family: "DINNextLTPro-Regular", "Roboto", sans-serif;
		color: var(--ssg_pink_text);
		margin-right: 0.3em;
		position: relative;
		top: 0.1em;
	}


}


article.ss_girls section#sec_entry_requires>.inner.fields {

	/*nest-start*/
	h3+p {
		text-align: center;
	}

	/*nest-end*/
}

article.ss_girls dl#list_fields {
	width: 864px;
	margin: 40px auto 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;

	/*nest-start*/


	& dt {
		box-sizing: content-boxw;
		width: 194px;
		padding-right: 52px;
		box-sizing: content-box;
	}

	& dt>span {
		width: 194px;
		height: 194px;
		background-color: #aaa;
		border-radius: calc(194px / 2);
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		align-content: center;
	}




	& div:nth-of-type(1)>dt>span {
		background-color: hsl(203, 75%, 95%);
	}

	& div:nth-of-type(2)>dt>span {
		background-color: hsl(0, 43%, 96%);
	}

	& dt>span {
		font-size: 3.2rem;
		line-height: 1;
	}

	& dt span.sat {
		color: #4CB0EA;
	}

	& dt span.sun {
		color: #FF0000;
	}

	& dt>span>small {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.4;
		margin-top: 0.6em;
		color: #444;
	}

	div:not(.txt) {
		display: flex;
	}

	& dd>ul {
		width: 560px;
		padding-left: 52px;
		border-left: 1px solid #ccc;
		min-height: 200px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	& div:nth-of-type(2) {
		margin-top: 48px;
	}

	& dd>ul>li {
		display: flex;
		margin: 18px 0 18px 0;
	}

	& dd>ul>li>div.txt {
		width: calc(100% - 260px);
		padding-left: 24px;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
	}

	& dd>ul figure {
		width: 260px;
		height: 150px;
		background-color: #aaa;
		overflow: hidden;
		border-radius: 8px;
	}

	& dd>ul>li h4 {
		font-size: 2rem;
		line-height: 1.3;
	}

	& dd>ul>li h4>small {
		font-size: 1.6rem;
		color: #555;
	}

	& dd:nth-of-type(1)>ul>li:nth-of-type(2) h4 {
		line-height: 1.2;
	}

	& dd>ul>li h4+p {
		font-size: 1.4rem;
		line-height: 1.3;
		margin-top: 0.5em;
	}

	& dd>ul>li p.btn {
		width: 100%;
		font-size: 1.6rem;
		line-height: 1;
		text-transform: uppercase;
		margin-top: 0.7em;
	}

	& dd>ul>li p.btn>a {
		display: inline-block;
		background-color: var(--ssg_ygreen);
		color: #fff;
		font-family: "DINNextLTPro-Regular", "Roboto", sans-serif;
		font-weight: normal;
		font-weight: 400;
		padding: 0.6em 1em 0.4em 1em;
		border-radius: 15px;
		transition: 0.3s;
	}

	& dd>ul>li p.btn>a:hover {
		background-color: hsl(92, 66%, 75%);
	}

	& dd>ul>li.note {
		font-size: 1.8rem;
	}

	& dd>ul>li.note>p {
		color: #666;
	}

	/*nest-end*/
}


body.ss_girls #box_btm_contact {
	margin-top: 82px;
	background-color: var(--ssg_pink_bg);
	border-radius: 12px;
	display: flex;
	align-content: center;
	align-items: center;


	/*nest-start*/

	& h5 {
		font-size: 2rem;
		font-weight: bold;
		font-weight: 500;
		width: 210px;
		text-align: center;
		padding-left: 0.5em;

	}

	.inner {
		border-left: 2px solid #fff;
		padding: 32px 0 32px 32px;
		width: calc(100% - 210px);
		display: flex;
		flex-wrap: wrap;
	}

	& h6 {
		font-size: 2rem;
		font-weight: bold;
		font-weight: 500;
		line-height: 1;
		width: 100%;
	}

	p.tel {
		display: inline-block;
		margin-top: 0.3em;
		font-family: "DINNextLTPro-Light", "Roboto", sans-serif;
		font-weight: normal;
		font-weight: 200;
		font-size: 5.4rem;
		line-height: 1;

		display: none;
	}

	p.tel>strong {
		font-family: "DINNextLTPro-Regular", "Roboto", sans-serif;
		font-weight: normal;
		font-weight: 400;
		color: var(--main_kf_blue);
	}

	p.tel>strong::before {
		content: ".";
		color: #222;
	}

	p.busi_time {
		width: 250px;
		display: flex;
		align-items: center;
		margin-left: 1.2em;
		line-height: 1.5;
		padding-top: 0.25em;

	}

	p.email {
		/* font-size: 2rem; */
		color: #444;

		font-family: "DINNextLTPro-Regular", "Roboto", sans-serif;
		font-weight: 400;
		font-size: 3.8rem;
		margin-top: 0.3em;
	}


	p.email>a {
		color: var(--main_kf_blue);

	}

	p.email>a::before {
		content: ":";
		margin: 0 0.3em;
	}


	/*nest-end*/

}

/* bnr_ssgirls_insta */

#bnr_ssgirls_insta {
	margin-inline: auto;
	margin-top: 100px;
	width: 520px;

	& a:hover {
		transition: all 0.15s ease-in;
		opacity: 0.8;
	}
}




/* ---RESPONSIVE--- */


@media screen and (max-width: 768px) {
	/*mq-start*/

	article.ss_girls {
		margin-top: 5vw;
		padding-bottom: 2vw;
	}

	section:not(#sec_teaching_policy),
	#box_btm_contact,
	#sec_teaching_policy>.inner {
		width: 88vw;
	}


	div#box_page_kv {
		width: 88vw;
		margin: 0 auto;

		/*nest-start*/

		.inner {
			height: calc(88vw* 0.55);
			max-width: initial;
			border-radius: 3vw;
			padding-left: 1vw;
			padding-top: 1vw;
		}

		& h2,
		p.ttl {
			width: 97%;
		}


		& h2+p,
		p.ttl+p {
			font-size: 3.75vw;
			letter-spacing: 0.05em;
			line-height: 1.5;

			width: auto;

			margin-left: 8vw;
			margin-top: -2vw;
		}

		img.bg_fields {
			top: -4vw;
			left: -6vw;
			max-width: initial;
			height: auto;
			width: 108%;
		}

		/*nest-end*/
	}


	body.ss_girls.records div#box_page_kv {

		/*nest-start*/
		.inner {
			height: 60vw;
			padding-top: 1vw;
			padding-left: 1vw;
		}

		& h2 {
			width: 100%;
			height: 15vw;
			bottom: 6vw;
			top: auto;
			right: 0;
			justify-content: center;
			align-items: center;
			padding-bottom: 0;
			font-size: 6.25vw;
		}

		img.bg_fields {
			width: 108%;
			top: -4vw;
			left: -6vw;
		}

		/*nest-end*/
	}


	div#nav_ss_girls {
		width: 88vw;
		height: 22vw;
		border-radius: 0vw 0vw 3vw 3vw;

		/*nest-start*/

		& ul {
			flex-wrap: wrap;
			justify-content: center;
			font-size: 3.75vw;
			align-content: center;
			padding-bottom: 1vw;
		}

		& ul>li {
			margin: 0.5em 0.5em;
		}

		& ul a {
			transition: none;
			padding-top: 0.1em;
		}

		/*nest-end*/

	}


	section#sec_lead {

		margin-top: 6vw;
		padding-bottom: 10vw;

		/*nest-start*/

		& h3 {
			font-size: 5.0vw;
		}

		div.inner_text {

			margin-top: 2em;
			width: 100%;

			/*nest-inner-start*/
			& p {
				font-size: 4.375vw;
			}


			& p.note {
				font-size: 3.438vw;
			}

		}

		/*nest-inner-end*/

		figure.fig_img_ss_lead {
			position: relative;
			width: 100%;
			right: auto;
			top: 2em;
		}

		figure.fig_img_ss_lead>img {
			max-width: initial;
			width: 107%;
			position: relative;
			left: -4vw;
		}

		/*nest-end*/

	}

	article.ss_girls {

		/*nest-start*/
		section:not(#sec_lead)>.inner {
			padding: 10vw 0 15vw 0;

			/*nest-inner-start*/
			& h3 {
				font-size: 6.25vw;
				padding-bottom: 5vw;
			}


			& h3::after {
				width: 3vw;
				height: 3vw;
				margin-left: -1.5vw;
				border-radius: 1.5vw;
			}

			& p>small {
				font-size: 3.75vw;
			}


			ul.note,
			ul.note_list {
				font-size: 3.75vw;
			}

			ul.note>li,
			ul.note_list>li {
				margin-top: 0.75em;
			}


			/*nest-inner-end*/
		}

		section:not(#sec_lead)>.inner>p {
			font-size: 4.75vw;
			line-height: 1.8;
		}



		/*nest-end*/

	}

	article.ss_girls section#sec_entry_requires>.inner {
		padding-bottom: 0;
	}


	figure.fig_policy_triangle {

		img {
			display: block;
			margin: 48px auto 0 auto;
			width: 100%;
			height: auto;
		}

	}

	/*div.box_gallery_players-sp*/
	div.box_gallery_players {
		margin-top: 10vw;

		/*nest-start*/

		& h4 {
			font-size: 6.25vw;
		}

		& ul {
			width: 88vw;
			margin: 2vw auto 0 auto;
			flex-direction: column;
		}

		& ul>li {
			/* width: 43vw; */
			width: 100%;
			margin-bottom: 0;
		}

		& ul>li:not(:last-child) {
			margin-bottom: 4vw;
		}

		& ul>li>figure {
			border-radius: 2vw;
			border: 1vw solid #fff;
		}

		& ul>li>h5 {
			font-size: 3.125vw;
			line-height: 1.5;
		}

		& ul>li>h5>strong {
			font-size: 7.5vw;
		}

		/*nest-end*/
	}


	article.ss_girls dl#list_fields {
		width: 88vw;
		margin: 8vw auto 0 auto;
		display: block;

		/*nest-start*/

		& dt {
			width: 100%;
			padding-right: 0;
			padding-bottom: 5vw;
		}

		& dt>span {
			width: 36vw;
			height: 36vw;
			border-radius: calc(36vw / 2);
			margin-left: auto;
			margin-right: auto;
		}

		& dt>span {
			font-size: 6.25vw;
		}

		& dt>span>small {
			font-size: 3.125vw;
			line-height: 1.4;
			margin-top: 0.6em;
		}


		div:not(.txt) {
			display: block;
			margin-top: 12vw;
		}


		& dd>ul {
			width: 100%;
			padding-left: 0;
			padding-top: 3vw;
			border-top: 1px solid #ccc;
			border-left: none;
			min-height: initial;
			align-items: center;
		}


		& dd>ul>li {
			display: block;
			width: 94%;
			margin-left: auto;
			margin-right: auto;
			margin: 4vw auto;
		}


		& dd>ul figure {
			width: 80vw;
			height: calc(80vw * 0.55);
			background-color: #aaa;
			border-radius: 3vw;
			margin-left: auto;
			margin-right: auto;
		}

		& dd>ul>li>div.txt {
			width: 100%;
			padding: 0;
			margin-top: 3vw;
		}

		& dd>ul>li>div.txt>h4,
		& dd>ul>li>div.txt>p {
			width: 100%;
			text-align: center;
		}

		& dd>ul>li h4 {
			font-size: 5.0vw;
		}

		& dd>ul>li h4>small {
			font-size: 4.375vw;
			color: #222;
		}

		& dd>ul>li h4+p {
			font-size: 3.75vw;
		}

		& dd>ul>li p.btn {
			font-size: 4.375vw;
		}

		& dd>ul>li p.btn>a {
			border-radius: 5vw;
			transition: none;
			padding: 0.6em 1em 0.5em 1em;
		}

		& dd>ul>li.note {
			font-size: 3.75vw;
			margin-top: 1.5em;
		}

		& dd>ul>li.note>p {
			width: 100%;
			text-align: center;
		}


		/*nest-end*/

	}


	body.ss_girls #box_btm_contact {
		margin-top: 5vw;
		border-radius: 2vw;
		flex-wrap: wrap;

		/*nest-start*/

		& h5 {
			font-size: 5.0vw;
			width: 100%;
			text-align: center;
			padding: 1.2em 0 1em 0;

		}

		.inner {
			border-left: none;
			border-top: 3px solid #fff;
			padding: 5vw 5vw 6vw 5vw;
			width: 100%;
			display: block;
		}

		& h6 {
			font-size: 4.375vw;
			text-align: center;
		}

		p.tel {
			display: block;
			text-align: center;
			margin-top: 0.5em;
			font-size: 9.375vw;
		}


		p.busi_time {
			width: 100%;
			display: block;
			text-align: center;
			margin-left: 0;
			padding-top: 0em;
			font-size: 3.75vw;
		}

		p.busi_time>br {
			/* display: none; */
		}

		p.email {
			font-size: 5.0vw;
			text-align: center;
			margin-top: 0.5em;
		}



		/*nest-end*/

	}

	/* #bnr_ssgirls_insta */

	#bnr_ssgirls_insta {
		margin-top: 10vw;
		width: 88vw;
	}




	/*mq-end*/
}


/* ------ */

/* ------ */

/* ------ */

/* ------ */

/* ------ */

/* ------ */

/* ------ */

/* ------ */

/* ------ */