@charset "UTF-8";


/*========================================

  

========================================*/

#com_ttl_page {
	padding: 0;
}

@media screen and (max-width: 767px) {
	#com_ttl_page {
		padding: 0;
	}
}

#pagettl {
	background-image: url(/img/bg_ttl_shizuoka.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}

.shizuoka #pagettl {
	background-image: url(/img/bg_ttl_shizuoka.png);
}

.shimada #pagettl {
	background-image: url(/img/bg_ttl_shimada.png);
}

.hamamatsu #pagettl {
	background-image: url(/img/bg_ttl_hamamatsu.png);
}

.mishima #pagettl {
	background-image: url(/img/bg_ttl_mishima.png);
}

.fuji #pagettl {
	background-image: url(/img/bg_ttl_fuji.png);
}

#pagettl .innr {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

#pagettl .txt {
	position: absolute;
	bottom: 5px;
	left: 0;
}

#pagettl .txt img {
	height: 80px;
}

.headline {
	display: flex;
	justify-content: space-between;
}


.headline .imgbox {
	width: 50%;
}

.headline .imgbox img {
	width: 100%;
}

.headline .txtbox {
	display: flex;
	align-items: center;
	width: 48%;
	text-align: left;
}

.headline .txtbox .logo {
	width: 320px;
	height: auto;
}

.headline .txtbox dl {
	margin: 0;
	margin-top: 10px;
}


.headline .txtbox dt {
	display: inline-block;
	background-color: #f80;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	/*border-radius:15px;*/
	border-radius: 3px;
	padding: 0 .7em;
	letter-spacing: 1px;
	/*transform:rotate(-10deg);*/
	margin-left: -1em;
	margin-top: .5em;
}

.headline .txtbox dd {
	border: 2px solid #f80;
	background-color: rgba(255, 255, 255, .4);
	padding: 1em;
	padding-bottom: .5em;
	border-radius: 7px;
	margin-top: -10px;
}

.headline .txtbox ul {
	font-weight: bold;
	list-style: none;
	padding-left: 1em;
	margin-top: 0em;
	padding-left: 1.5em;
	text-indent: -1.5em;
	font-size: 18px;
}

.headline .txtbox ul li {
	margin-bottom: .5em;
}

.headline .txtbox ul li::before {
	content: "\f00c";
	font-family: FontAwesome;
	margin-right: .5em;
	color: #f80;
}

#pagettl span,
#pagettl strong {
	display: block;
	position: relative;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 1em;
	font-size: 26px;
}

#pagettl strong {
	font-size: 38px;
	margin-top: .3em;
}

.headline .mrk {}

.headline .mrk img {
	height: 70px;
}

.headline h1 {
	font-size: 38px;
	margin-top: 0;
}

.headline h1::after {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background: url(/img/line_ttl.svg) no-repeat center center;
	margin-top: 5px;
}

.headline .logo {
	margin-top: 10px;
	margin-left: 5px;
}

/*
.shizuoka .headline h1::before {
	color:#009e40;
}
.shimada .headline h1::before {
	color:#0066b3;
}
.hamamatsu .headline h1::before {
	color:#ffb200;
}
*/




.headline h2 {
	margin-top: .7em;
	font-size: 22px;
	line-height: 1.6em;
}

@media screen and (max-width: 767px) {
	#pagettl {
		padding-bottom: 5vw;
	}

	#pagettl .innr {
		width: 100%;
		margin: 0 auto;
	}

	#pagettl .txt {
		bottom: auto;
		top: 52vw;
		left: 3vw;
	}

	#pagettl .txt img {
		height: 16vw;
	}

	.headline {
		display: block;
	}

	.headline .mrk {
		text-align: center;
	}

	.headline .mrk img {
		height: 14vw;
	}


	.headline .imgbox {
		width: 100%;
	}

	.headline .txtbox {
		display: flex;
		align-items: center;
		width: 85%;
		margin: 5vw auto 0;
		text-align: left;
	}

	.headline {}

	#pagettl span,
	#pagettl strong {
		font-size: 5vw;
	}

	#pagettl strong {
		font-size: 8vw;
	}

	.headline h1 {
		font-size: 6vw;
		text-align: center;
	}

	.hadline .imgbox {}

	.headline .txtbox {}

	.headline .txtbox dl {
		margin-top: 1vw;
	}

	.headline .txtbox dt {
		font-size: 3.6vw;
		line-height: 6vw;
		height: 6vw;
	}

	.headline .txtbox ul {
		font-size: 3.8vw;
	}

	.headline .txtbox .logo {
		display: block;
		margin: 0 auto;
		width: 70%;
		margin-top: 2vw;
	}
}

.cp_breadcrumb_flex {
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
}

.cp_breadcrumb .breadcrumbs {
	margin: 0;
	width: auto;
	text-align: left;
}

@media screen and (max-width: 767px) {
	.cp_breadcrumb {
		border: none;
	}

	.cp_breadcrumb_flex {
		display: block;
		width: 100%;
		margin: 0;
	}

	.cp_breadcrumb .breadcrumbs {
		border-bottom: 1px solid #ddd;
		padding-bottom: 2vw;
		padding-left: 5vw;
	}
}

main .info {
	padding-top: 50px;
	text-align: center;
}

main .info dl {
	display: inline-block;
	border: 2px solid #009c40;
	border-radius: 10px;
	padding: 1.5em 2em;
	font-size: 18px;
	line-height: 1.8em;
}

main .info dl dt {
	border-bottom: 2px solid #009c40;
	padding-bottom: .5em;
	font-weight: bold;
	font-size: 116%;
}

main .info dl dd {
	margin-top: .8em;
}

main .info dl dd a {
	color: #009c40;
	text-decoration: underline;
}

main .info dl dd a:hover {
	opacity: .7;
	text-decoration: none;
}

main #readcopy.pt0 {
	padding-top: 10px;
}

@media screen and (max-width: 767px) {
	main .info {
		padding-top: 5vw;
	}

	main .info dl {
		display: block;
		width: 94%;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 1.5em 1.5em;
		font-size: 3.8vw;
	}

	main .info dl dd {
		text-align: left;
	}
}



main #feature {}

@media screen and (max-width: 767px) {
	main #feature {}
}


.bg_a {
	background-image: url(/img/bg_a04.png);
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: top;
	padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
	.bg_a {
		background-image: url(/img/bg_a06.png);
		background-repeat: no-repeat;
		padding-bottom: 5vw;
		background-size: 80vw auto;
		background-position: right -15vw top -4vw;
	}

	.cp_breadcrumb {
		padding-bottom: 0;
	}
}

.schoollist {
	padding: 0;
	margin: 0;
}

.schoollist dt {
	display: inline-block;
	font-weight: bold;
	color: #009e40;
}

.schoollist dd {
	display: inline-block;
}

.schoollist ul {}

.schoollist ul li {
	display: inline-block;
}

.schoollist ul li::before {
	content: "｜";
	margin-left: 1em;
	margin-right: 1em;
	color: #999;
}

.schoollist ul li:last-child::after {
	content: "｜";
	margin-left: 1em;
	color: #999;
}

.schoollist ul li a {
	position: relative;
	padding: 4px 0;
}

.schoollist ul li a:hover {
	color: #009e40;
	text-decoration: none;
}

.schoollist ul li a::before {
	content: "\f054";
	font-family: FontAwesome;
	margin-right: .8em;
	font-size: 90%;
}

.schoollist ul li.active span {
	position: relative;
	display: inline-block;
	padding-bottom: .3em;
}

.schoollist ul li.active span::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #009e40;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	.cp_breadcrumb {
		display: block;
	}

	.schoollist {
		padding: 0;
		margin: 0;
		margin-top: 5vw;
		font-size: 4vw;
		border-bottom: 1px solid #ccc;
		padding-bottom: 8vw;
	}

	.schoollist dt {
		display: block;
		font-size: 5vw;
	}

	.schoollist dd {
		display: block;
		margin-top: 3vw;
	}

	.schoollist ul {
		font-size: 4vw;
		width: 90%;
		margin: 0 auto;
		text-align: left;
	}

	.schoollist ul li {
		display: inline-block;
		margin: 0 .5em;
		margin-bottom: .5em;
	}

	.schoollist ul li a::before {
		margin-right: .3em;
	}

	.schoollist ul li::before,
	.schoollist ul li:last-child::after {
		display: none;
	}
}