@media screen and (min-width:768px) {
	header nav ul li a.current {
		font-weight: 700;
		color: rgb(123, 178, 59);
	}
}
.pagetitle {
	background: url(../img/common/bg-title.png) no-repeat center / cover;
	padding: 100px 5% 60px;
	@media screen and (min-width:768px) {
		padding: 230px 40px 115px;
	}
	h1 {
		color: #ffffff;
		font-weight: 700;
		font-size: 9vw;
		line-height: 1.3;
		@media screen and (min-width:768px) {
			font-size: 312.5%;
			max-width: 1200px;
			margin: 0 auto;
		}
	}
}
.link a::after {
	content: url(../img/common/ico-arrow-b.svg);
}
/*おしらせ*/
.archive main section article {
	@media screen and (min-width:768px) {
		max-width: 1200px;
		margin: 0 auto;
	}
	dl {
		display: grid;
		border-top: 2px solid rgb(0,0,0);
		border-bottom: 2px solid rgb(0,0,0);
		@media screen and (min-width:768px) {
			grid-template-columns: auto 1fr;
		}
		dt {
			padding: 15px 10px 5px;
			@media screen and (min-width:768px) {
				padding: 15px 10px;
				&:not(:last-of-type) {
					border-bottom: 1px dotted rgb(0,0,0);
				}
			}
			&::after {
				color: #ffffff;
				margin-left: 0.5em;
				font-size: 75%;
				width: 10em;
				display: inline-block;
				text-align: center;
				padding: 1px 0;
				border-radius: 10px;
			}
		}
		dd {
			padding: 5px 10px 15px;
			@media screen and (min-width:768px) {
				padding: 15px 10px;
			}
			&:not(:last-child) {
				border-bottom: 1px dotted rgb(0,0,0);
			}
			a {
				text-decoration: underline;
			}
		}
	}
}
.single main section article {
	@media screen and (min-width:768px) {
		max-width: 1200px;
		margin: 0 auto;
	}
	h2 + p {
		text-align: right;
		margin: -30px 0 40px;
		font-weight: 400;
		&::after {
			width: 9em;
			display: inline-block;
			text-align: center;
			font-size: 75%;
			margin-left: 5px;
			border-radius: 10px;
			color: #ffffff;
		}
	}
	article p {
		font-weight: 400;
		line-height: 1.8;
	}
}
p.news::after,
dt.news::after {
	background-color: #7bb23b;
	content: "PGSより";
}
p.lkg::after,
dt.lkg::after {
	content: "ロッテ葛西校";
	background-color: #ea656b;
}
p.metro::after,
dt.metro::after {
	content: "メトログリーン校";
	background-color: #39afea;
}
p.sunland::after,
dt.sunland::after {
	content: "クラブサンランド";
	background-color: #6b7bf2;
}
/*契約プロ紹介*/
.staff main section.staff {
	background-color: #7bb23b;
	color: #ffffff;
	article {
		h2 {
			font-weight: 900;
		}
		 ul {
			font-weight: 700;
			display: grid;
			gap: 30px;
			grid-template-columns: repeat(2, 1fr);
			text-align: center;
			@media screen and (min-width: 768px) { grid-template-columns: repeat(4, 1fr); }
			li a {
				@media screen and (min-width: 768px) { font-size: 125%; }
				.photo {
					margin-bottom: 10px;
					img { border-radius: 50%; }
				}
				.photo + p::after {
					content: url(../img/common/ico-arrow.svg);
					display: inline-block;
					width: 1.5em;
					height: 1.5em;
					vertical-align: middle;
					margin-left: 0.5em;
				}
			}
		}
	}
}
.staff main section.staff + section.staff {
	background-color: #f7f7e4;
	article {
		color: #333333;
		ul li a .photo + p::after {
			content: url(../img/common/ico-pgtop.svg);
			transform: rotate(90deg);
		}
	}
}
.staff #cboxContent {
	background: transparent !important;
	color: #ffffff;
}
.staff .pro-detail {
	padding: 20px;
	@media screen and (min-width: 768px) {
		display: grid;
		gap: 20px 40px;
		grid-template-columns: calc(25% - 20px) calc(75% - 20px);
		grid-template-rows: auto auto 1fr;
		padding: 40px;
	}
	> h2 {
		color: #CCFF33;
		font-weight: 600;
		font-size: 150%;
		margin: 30px 0 5px;
	}
	> p {
		font-weight: 600;
		font-size: 112.5%;
		@media screen and (min-width: 768px) {
			grid-column: 2 / 3;
			grid-template-rows: 2 /3;
		}
	}
	.movie {
		aspect-ratio: 16 / 9;
		margin-top: 20px;
		iframe {
			width: 100%;
			height: 100%;
		}
	}
	article {
		@media screen and (min-width: 768px) {
			grid-row: 1 / 4;
		}
		.photo {
			width: 70%;
			margin: 0 auto;
			img { border-radius: 50%; }
		}
		h2 {
			text-align: center;
			font-size: 7.5vw;
			font-weight: 600;
			@media screen and (min-width: 768px) { font-size: 125%; }
		}
		h3 {
			color: #CCFF33;
			font-weight: 600;
			font-size: 125%;
			margin: 30px 0 5px;
		}
		ul li::before {
			content: "●";
			display: inline-block;
			color: #CCFF33;
			font-size: 75%;
			margin-right: 0.5em;
		}
		p {
			margin-bottom: 5px;
			&::before {
				width: 10em;
				margin-bottom: 5px;
				display: block;
				text-align: center;
				font-size: 87.5%;
				margin-left: 5px;
				border-radius: 10px;
			}
		}
		p.lkg::before {
			content: "ロッテ葛西校";
			background-color: #ea656b;
		}
		p.sunland::before {
			content: "クラブサンランド";
			background-color: #6b7bf2;
		}
		 p.metro::before {
			content: "メトログリーン校";
			background-color: #39afea;
		}
		p.note { font-size: 75%; }
	}
}
.staff .pro-detail article  p::after { content: ""; }
.staff main section#movie {
	h3 {
		color: #74B610;
		font-weight: 900;
		font-size: 125%;
		margin: 40px 0 20px;
	}
	ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		@media screen and (min-width: 768px) { grid-template-columns: repeat(6, 1fr);}
		li a img { border-radius: 0;}
	}
}
div.vimeo {
	aspect-ratio: 16 / 9;
	width: 100%;
	iframe {
		width: 100%;
		height: 100%;
	}
}
/*女子プロ派遣*/
.dispatch main section.pagetitle + section article {
	font-size: 4vw;
	font-weight: 700;
	@media screen and (min-width:768px) {
		font-size: 150%;
		text-align: center;
	}
	.img {
		margin: 40px auto;
		@media screen and (min-width:768px) { max-width: 800px; }
	}
	ul {
		margin: 40px auto 0;
		display: grid;
		gap: 10px;
		grid-template-columns: repeat(2, 1fr);
		@media screen and (min-width:768px) { grid-template-columns: repeat(3, 1fr); }
	}
}

/*企業情報*/
.about main section article h2 {
	font-size: 187.5%;
	@media screen and (min-width:768px) { font-size: 250%; }
}
.about main section#outline {
	article table tr {
		th, td {
			padding: 15px 10px;
		}
	}
}
.about main section#outline article table tr td ul li {
	text-indent: -1em;
	margin-left: 1em;
	&::before {
		content: "● ";
		color: #7BB23B;
		font-size: 70%;
	}
}

/*フォーム*/
.privacy-box {
	font-weight: 400;
}
.mw_wp_form form table {
	@media screen and (min-width:768px) {
		max-width: 800px;
		margin: 0 auto;
	}
	th { 
		display: block; 
		@media screen and (min-width:768px) { display: table-cell; }
		.required { color: #ea656b; }
	}
	td {
		display: block;
		@media screen and (min-width:768px) { display: table-cell; }
		input, textarea, select {
			background-color: #f8f8f8;
			width: 100%;
			padding: 10px;
		}
		select {
		    -webkit-appearance: auto;
		    appearance: auto;
		}
		input[type=radio] {width: 1em;}
		.mwform-zip-field {
			display: block;
			margin-bottom: -20px;
		}
		.mwform-zip-field input,
		.mwform-tel-field input {width: 6em;}
	}
}
.mw_wp_form form p button {
	margin: 40px auto 0;
	display: block;
	padding: 26px 3em;
	color: #ffffff;
	background-color: #333333;
	border-radius: 40px;
	font-size: 4vw;
	@media screen and (min-width:768px) {
		font-size: 150%;
		border-radius: 50px;
	}
	&::after {
	      content: url(../img/common/ico-arrow.svg);
	      display: inline-block;
	      width: 1.5em;
	      height: 1.5em;
	      vertical-align: middle;
	      margin-left: 0.5em;
    }
}
.request main section article p,
.thaks main section article p,
.confirm main section article p,
.junior-request main section article p,
.junior-confirm main section article p,
.junior-thaks main section article p,
.contact main section article p,
.contact-confirm main section article p,
.contact-thaks main section article p {
	margin-bottom: 40px;
	@media screen and (min-width:768px) {
		max-width: 800px;
		margin: 0 auto 40px;
	}
	strong { color: #ea656b; }
}
.request main section article form table td.zip span,
.junior-request main section article form table td.zip span,
.contact main section article form table td.zip span {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	input {
		width: 6em;
		margin: 0 0.5em;
	}
}
.request main section article .privacy-box,
.junior-request main section article .privacy-box,
.contact main section article .privacy-box {
	overflow-y: scroll;
	height: 250px;
	background-color: #f8f8f8;
	padding: 2em;
	@media screen and (min-width:768px) {
		max-width: 600px;
		margin: 0 auto;
	}
	h2 { font-size: 125%; }
	p {
		font-weight: 400;
		font-size: 87.5%;
	}
	h3 { font-weight: 700;
		margin-bottom: 10px;
	}
	ul { margin-bottom: 40px; }
}
/*個人情報,サイトポリシー*/
.privacy main section article, .policy main section article {
	p + h2 {
		margin: 60px 0 20px;
		font-size: 4.5vw;
		@media screen and (min-width:768px) {
			font-size: 125%;
		}
		& + p { font-weight: 400; }
	}
}