/* Google Fonts読み込み */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap");

/* @import url("swiper.css"); */
@import url("banner.css");

* {
	letter-spacing: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	font-size: 18px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Meiryo', 'MS P Gothic', sans-serif;
	line-height: 1.5;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	/*safari用*/
}

img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 0;
}

a:hover {
	color: red;
	text-decoration: underline;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

.clear {
	clear: both;
}

.crimson {
	color: crimson;
}

.red {
	color: red;
}

.blue {
	color: blue !important;
}

.deeppink {
	color: deeppink;
}

.deepskyblue {
	color: deepskyblue;
}

.bold {
	font-size: 1.1em;
	font-weight: bold;
}

.pc {
	display: none;
}

.link2inquiry {
	display: block;
	text-align: right;
}

ruby {
	color: green;
	font-weight: bold;
}


/* 1枚目のスライド */
.vertical-slider__slide.top {
	background: url(images/top01.jpg) no-repeat center;
	background-size: cover;
	padding: 10px;
	color: #000;
	text-shadow: 1px 1px 0 #f5f5f5, -1px -1px 0 #f5f5f5, -1px 1px 0 #f5f5f5, 1px -1px 0 #f5f5f5;
	display: inline-block;
}

.vertical-slider__slide.top ul {
	padding: 10px;
}

.vertical-slider__slide.top .tel {
	margin: 15px 0;
}

.vertical-slider__slide.worry #lp-worry {
	margin: -5vh 10px 0 10px;
}

.vertical-slider__slide.worry h2 {
	font-weight: bold;
	text-align: center;
	color: hsl(212, 73%, 41%);
}

.vertical-slider__slide.worry h2 span {
	color: red;
}

.vertical-slider__slide.worry li {
	padding: 2px 10px 5px 40px;
	background: url(images/point8_1_2.png) 10px 10px no-repeat;
}

.vertical-slider__slide.worry .img {
	width: 35%;
	margin: 10px auto;
}

.vertical-slider__slide:nth-child(3) {
	background: url(images/suina1.png) center center no-repeat;
}

.why .content {
	line-height: 1.4;
}

.point .content {
	line-height: 1.7;
}

.vertical-slider__slide:nth-child(3) .content,
.vertical-slider__slide.gakuin .content {
	padding: 10px;
	margin: -10vh 10px 0 10px;
	color: #000;
	text-shadow: 1px 1px 0 #f5f5f5, -1px -1px 0 #f5f5f5, -1px 1px 0 #f5f5f5, 1px -1px 0 #f5f5f5;
}

.vertical-slider__slide:nth-child(4),
.vertical-slider__slide:nth-child(5),
.vertical-slider__slide:nth-child(6) {
	background: repeating-linear-gradient(-45deg, hsl(355, 52%, 95%), hsl(355, 52%, 95%) 10px, hsl(355, 52%, 98%) 0, hsl(355, 52%, 98%) 20px);
	background: -webkit-repeating-linear-gradient(-45deg, hsl(355, 52%, 95%), hsl(355, 52%, 95%) 10px, hsl(355, 52%, 98%) 0, hsl(355, 52%, 98%) 20px);
	background: -moz-repeating-linear-gradient(-45deg, hsl(355, 52%, 95%), hsl(355, 52%, 95%) 10px, hsl(355, 52%, 98%) 0, hsl(355, 52%, 98%) 20px);
	background: -ms-repeating-linear-gradient(-45deg, hsl(355, 52%, 95%), hsl(355, 52%, 95%) 10px, hsl(355, 52%, 98%) 0, hsl(355, 52%, 98%) 20px);
	background: -o-repeating-linear-gradient(-45deg, hsl(355, 52%, 95%), hsl(355, 52%, 95%) 10px, hsl(355, 52%, 98%) 0, hsl(355, 52%, 98%) 20px);
}

.vertical-slider__slide:nth-child(4) .content,
.vertical-slider__slide:nth-child(5) .content,
.vertical-slider__slide:nth-child(6) .content,
.vertical-slider__slide.recruitment .content,
.vertical-slider__slide.voice .content {
	background-color: #fff;
	padding: 10px;
	margin: -10vh 10px 0 10px;
}

.vertical-slider__slide.gakuin .content,
.vertical-slider__slide.faq .content {
	padding: 10px;
	margin: -10vh 10px 0 10px;
}

/* 3枚目のスライド */
.vertical-slider__slide:nth-child(3) {}

/* 4枚目のスライド */
.vertical-slider__slide:nth-child(4) {
	background-color: #01b4bc;
}

.vertical-slider__slide.voice h3 {
	text-align: right;
}

/* 5枚目のスライド */
.vertical-slider__slide:nth-child(5) {
	background-color: #5fa55a;
}

.vertical-slider__slide.faq {
	background: url(images/lp-back01.jpg);
}

.vertical-slider__slide.faq .content {
	background: #fff;
	padding: 20px 15px;
	border-radius: 5px;
	border: 1px hsl(0, 75%, 93%) solid;
}

.vertical-slider__slide.faq dt {
	background: url(images/qa1.jpg) left top no-repeat;
	padding: 0 0 10px 40px;
	color: hsl(30, 96%, 50%);
}

.vertical-slider__slide.faq dd {
	background: url(images/qa2.jpg) left top no-repeat;
	padding: 0 0 10px 40px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.vertical-slider__slide.faq dd:last-child {
	border-bottom: none;
}

.vertical-slider__slide.gakuin {
	background: linear-gradient(rgba(255, 255, 255, 1), rgba(238, 238, 238, 0.2)), url(images/lp-access.jpg) center top 15vh no-repeat;
	background-size: cover;
}

.vertical-slider__slide.gakuin h3,
.vertical-slider__slide.recruitment h3,
.vertical-slider__slide.voice h3 {
	font-size: 2.4vh;
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	margin: 15px 0 5px 0;
}

.vertical-slider__slide.recruitment h3 {
	font-size: 2.2vh;
	margin: 5px 0;
}

.vertical-slider__slide.recruitment h2 {
	font-size: 2.8vh;
	text-align: center;
}

.vertical-slider__slide.recruitment h2 span {
	font-size: 2vh;
}

.vertical-slider__slide.gakuin .access {
	color: blue;
}

.vertical-slider__slide.voice,
.vertical-slider__slide.recruitment {
	background: hsl(355, 52%, 88%);
	background: -moz-linear-gradient(top, #fff 0%, hsl(355, 52%, 88%) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, hsl(355, 52%, 8%)));
	background: -webkit-linear-gradient(top, #fff 0%, hsl(355, 52%, 88%) 100%);
	background: -o-linear-gradient(top, #fff 0%hsl(355, 52%, 88%) 100%);
	background: -ms-linear-gradient(top, #fff 0%, hsl(355, 52%, 88%) 100%);
	background: linear-gradient(to bottom, #fff 0%hsl(355, 52%, 88%) 100%);
}

.vertical-slider__slide.recruitment th {
	white-space: nowrap;
	text-align: justify;
	text-align-last: justify;
	padding: 0 5px;
}

@media all and (min-width: 768px) {

	.pc {
		display: block;
	}

	.mobile {
		display: none;
	}

	.vertical-slider__slide.top {
		padding: 0;
	}

	.vertical-slider__slide.top #header {
		background: #fff;
	}

	.vertical-slider__slide.top ul {
		display: flex;
		padding: 0;
		width: 85%;
		margin: 0 auto;
	}

	.vertical-slider__slide.top .tel {
		margin: 0;
	}

	.vertical-slider__slide.top #start {
		text-align: center;
	}

	.vertical-slider__slide.worry #lp-worry,
	.vertical-slider__slide:nth-child(3) .content,
	.vertical-slider__slide.gakuin .content,
	.vertical-slider__slide:nth-child(4) .content,
	.vertical-slider__slide:nth-child(5) .content,
	.vertical-slider__slide:nth-child(6) .content,
	.vertical-slider__slide.recruitment .content,
	.vertical-slider__slide.gakuin .content,
	.vertical-slider__slide.faq .content,
	.vertical-slider__slide.voice .content {
		width: 85%;
		margin: 50px auto;
		font-size: 18px;
	}

	.vertical-slider__slide.top {
		height: 750px;
	}

	.vertical-slider__slide.top h1 {
		font-size: 30px;
		text-align: center;
		margin: 8vh 0 20px 0;
		font-weight: bold;
		color: green;
	}

	.vertical-slider__slide.top h2 {
		font-size: 50px;
		font-weight: bold;
		color: green;
		text-align: center;
		margin-bottom: 20px;
	}

	.vertical-slider__slide.worry h2 {
		font-size: 2.8rem;
	}

	.vertical-slider__slide.worry ul {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: left;
	}

	.vertical-slider__slide.worry li {
		font-size: 1.15rem;
	}

	.vertical-slider__slide.worry h2,
	.vertical-slider__slide:nth-child(3) h2,
	.vertical-slider__slide:nth-child(4) h2,
	.vertical-slider__slide:nth-child(5) h2,
	.vertical-slider__slide:nth-child(6) h2,
	.vertical-slider__slide.gakuin h2,
	.vertical-slider__slide.faq h2,
	.vertical-slider__slide.voice h2 {
		font-size: 2rem;
		text-align: center;
		margin-bottom: 20px;
	}

	.vertical-slider__slide.why,
	.vertical-slider__slide.gakuin {
		background: none;
	}

	.vertical-slider__slide #lp-worry .inner {
		display: block;
	}

	.vertical-slider__slide .inner {
		display: flex;
	}

	.vertical-slider__slide .img {
		flex-basis: 250px;
		margin-right: 20px;
	}

	.vertical-slider__slide .right {
		flex: 1;
	}




}

@media all and (min-width: 1024px) {
	.vertical-slider__slide.top ul {
		width: 75%;
	}

	.vertical-slider__slide.worry #lp-worry,
	.vertical-slider__slide:nth-child(3) .content,
	.vertical-slider__slide.gakuin .content,
	.vertical-slider__slide:nth-child(4) .content,
	.vertical-slider__slide:nth-child(5) .content,
	.vertical-slider__slide:nth-child(6) .content,
	.vertical-slider__slide.recruitment .content,
	.vertical-slider__slide.gakuin .content,
	.vertical-slider__slide.faq .content,
	.vertical-slider__slide.voice .content {
		width: 75%;
		margin: 50px auto;
	}
}