@charset "UTF-8";

/*---------------------------
　　全体設定
---------------------------*/
*, *:before, *:after { box-sizing: border-box; }

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}

body { background: none; color: #333; }
p, a { color: #333; }
a:hover { color: #333; text-decoration: none; }

br.sp { display: none!important; }
br.pc { display: block!important; }

.flexbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex:0 1 auto;
}

h2 {
	width: 620px;
	margin: 0 auto 2em auto;
	text-align: center;
}

h2 img { width: 100%; }

.inner {
	position: relative;
	width: 980px;
	margin: 0 auto;
	text-align: center;
}

.link_btn a::before { background-color: #191970; }

.flexbox .tmb.img_right {margin-left: 0; margin-right: 2em;}
.c_blue {color: #29a7de;}

.table_course tbody th {width: auto;}

/* TOP
---------------------------*/
.visual {
	position: relative;
	text-align: center;
}

.visual img { width: 100%; }

.visual .logo {
	position: absolute;
	width: 600px;
	top: 3em;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.visual .mv_btn {
	position: absolute;
	width: 440px;
	bottom: 0;
	right: 2em;
}

/* ローテーション
---------------------------*/
.slider_wrap .slick-slide { vertical-align: bottom; margin-bottom: -0.4em;}
.slider_wrap .slick-slide img { width: 35vw; }

.slider_wrap .slick-arrow {
  position: absolute;
  bottom: 0;
  z-index: 0;
  border: none;
  cursor: pointer;
}

.slider_wrap .slick-prev::before {
	position: absolute;
	content: '';
	bottom: 0;
	width: 0.625em;
  height: 0.625em;
	border-radius: 1px;
  border-bottom: 3px solid #191970;
  border-left: 3px solid #191970;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: 50%;
}

.slider_wrap .slick-next::before {
	position: absolute;
	content: '';
	bottom: 0;
  width: 0.625em;
  height: 0.625em;
	border-radius: 1px;
  border-top: 3px solid #191970;
  border-right: 3px solid #191970;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: 50%;
}

.slider_wrap .slick-arrow:hover { opacity: 0.6; }

.slider_wrap .slick-prev { left: 45%; }
.slider_wrap .slick-next { right: 45%; }

.slider_wrap .slick-prev,
.slider_wrap .slick-next {
	top: auto;
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
}

.slider_wrap .slick-counter {
  margin-top: 1em;
  font-size: 1.8rem;
  text-align: center;
}

.slider_wrap .slick-slide {
  margin-right: 2em;
  margin-left: 2em;
}

.slider_wrap .slick-counter .current { color: #191970; }


/* 動画ローテーション
---------------------------*/
.slider_movie {
  position: relative;
  width: 800px;
  margin: 2em auto 0 auto;
	z-index: 0;
}

/* .slider_movie .slick {
	padding: 0.5em 0.5em 0 0.5em;
	background-color: #FFF;
} */

.slider_movie .slick li {
  position: relative;
  padding-top: 56.25%;
}

.slider_movie .slick li iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.slider_movie .slick-arrow {
  padding: 2em;
  font-size: 1.2rem;
  background: #fff384;
  color: #FFF;
  border-radius: 100vw;
  z-index: 1;
}

.slider_movie .slick-prev.slick-arrow::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 45%;
  border-right: 1.2em solid #191970;
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slider_movie .slick-next.slick-arrow::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 55%;
  border-left: 1.2em solid #191970;
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slider_movie .slick-arrow:hover { background: #fff384; }
.slider_movie .slick-prev { left: -6em; }
.slider_movie .slick-next {  right: -6em; }
.slider_movie .slick-prev:before { content: ''; }
.slider_movie .slick-next:before { content: ''; }

/* 申込みボタン
---------------------------*/
.inquiry_area {
	width: 550px;
	margin: 6em auto;
	text-align: center;
}

.inner .inquiry_area { margin: 3em auto 0; }

.inquiry_area li {
	display: block;
	text-align: center;
	font-weight: bold;
}

.inquiry_area li a::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 1em;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: 50%;
}

.inquiry_area li a {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0.8em 1em;
	line-height: 1.4;
	text-align: center;
	border-radius: 0.5em;
}

.inquiry_area li.contact_btn {
	display: block;
	margin-bottom: 0.5em;
	width: 100%;
}
.inquiry_area li.classroom_btn{
	margin-bottom: 0.5em;
}
.inquiry_area li.classroom_btn:nth-last-child(1){
	margin-bottom: 0;
}

.inquiry_area li.contact_btn a {
	font-size: 2.6rem;
	background: #ff4500;
  color: #FFF;
}

.inquiry_area li a::after {
	border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
}

.inquiry_area li.classroom_btn a {
	padding: 0.5em 1em;
	font-size: 2.2rem;
	color: #FFF;
	background-color: #191970;
}
.inquiry_area li.classroom_btn.skyblue a {
	background-color: #29a7de;
}


/* お得な情報
---------------------------*/
/*.entrance {
	margin: 0 auto;
	padding: 6em 0;
}

.entrance h2 {
	margin-bottom: 1em;
	font-size: 2.4rem;
}

.entrance h2:before,
.entrance h2:after {
  position: relative;
  display: inline-block;
  content: "";
  background: #333;
  width: 2px;
  height: 1.5em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
}

.entrance h2:before {
	left: 0;
	border-color: #333;
	transform: rotate(-35deg);
}

.entrance h2:after {
	right: 0;
	border-color: #333;
	transform: rotate(35deg);
}

.entrance p {
	margin-top: 1em;
	text-align: center;
}

.entrance ul {
	width: 980px;
	margin: 2em auto 0 auto;
	letter-spacing: -0.4em;
	text-align: left;
}

.entrance li {
	display: inline-block;
	width: 49%;
	letter-spacing: 0;
}

.entrance li:nth-child(even) { margin-left: 1em; }
.entrance li:nth-child(n+3) { margin-top: 1.5em; }
.entrance li img { width: 100%; }*/



/* 講習会について
---------------------------*/
.about {padding: 6em 0 0;}

.about .bg {
	border: solid 4px #29a7de;
	border-radius: 20px;
	padding: 50px;
}

.about .point {margin-bottom: 0;}

.about p.catch {
	color: #29a7de;
	font-size: 2.8rem;
	text-align: center;
	font-weight: 900;
	margin-top: -1em;
}

/* 充実のコンテンツ
---------------------------*/
.full_contents .bg {padding: 6em 0;	
	background-color: #29a7de;
	background-image: radial-gradient(#49baff 11%, transparent 12.5%), radial-gradient(#49baff 11%, transparent 12.5%);
	background-position: 0 0, 10px 10px;
	background-size: 20px 20px
}
.full_contents p.text {
	font-size:1.8rem;
	font-weight: 900;
	text-align: center;
}

.full_contents .lineup {
	background: #FFF;
	border-radius: 20px;
	padding: 50px;
}
.full_contents h3 {background: #29a7de; color: #FFF; font-weight: 800; font-size: 3.0rem; padding: 5px 20px; margin-bottom: 20px; margin-top: 40px;}
.full_contents h4 {margin-bottom: 10px;}
.full_contents .flexbox {justify-content: space-between;}

.full_contents .flexbox .left {width: 55%;}
.full_contents .flexbox .right{width: 40%;}
.full_contents .flexbox .right img {width: 100%;}

/* 講座・コース
---------------------------*/
.course_menu {
	background:#fff6d7 url("../img/summer_lp_result_bg.png") no-repeat bottom center;
	background-size: contain;
	padding: 6em 0 8em;
}
.course_menu p.catch {
	color: #191970;
	font-size: 2.8rem;
	text-align: center;
	font-weight: 900;
	line-height: 1.4;
	margin-top: -1em;
}
.course_menu p.subtext {
	font-size: 2.2rem;
	text-align: center;
	font-weight: 900;
}
.sutdy .flexbox {width: 900px; justify-content: space-between; margin: 0 auto;}
.sutdy .flexbox li {width: 49%; margin-top: 1em;}
.sutdy .flexbox h3 {background: #191970; color: #FFF; text-align: center; padding: 10px; font-size: 2.0rem;}
.sutdy .flexbox .detail {background: #FFF; padding: 10px;}
.sutdy .flexbox .detail.flex {display: flex; flex-wrap: wrap; justify-content: space-between;}
.sutdy .flexbox .photo {width: 48%;}
.sutdy .flexbox img {width: 100%;}
.sutdy .flexbox .text {width: 48%;}
.sutdy .flexbox .text h4 {color:#ff5211; font-size: 1.8rem;}
.sutdy .flexbox .text p {line-height: 1.2; margin: 10px 0;}
.sutdy .flexbox .text .btn {position: relative; background: #000; display: inline-block; padding: 2px 20px; color: #FFF; font-size: 1.4rem;}

.sutdy .flexbox .text .btn:before {
	content:"";
	display: block;
	width: 0;
	height: 0;
	border-top: solid 4px transparent;
	border-right: solid 4px transparent;
	border-bottom: solid 4px transparent;
	border-left: solid 4px #EEE;
	position: absolute; 
	right:3px; 
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
.sutdy .flexbox.full {max-width: 980px; display: block;}
.sutdy .flexbox.full li {width: 100%;}
.sutdy .flexbox.full .photo {width: 28%;}
.sutdy .flexbox.full .text {width: 70%;}
.sutdy .flexbox.full .text .bold {font-weight: 900; display: inline-block; margin-bottom: 10px;}

/* 合格者の声 */
.results_voice img {width:100%; margin-bottom: 8px;}
.results_voice .flexbox {justify-content: space-between; width: 900px; margin: 0 auto 6em;}
.results_voice li {width: 31%;}
.results_voice h3 {
	color: #191970;
	font-size: 3.2rem;
	text-align: center;
	font-weight: 900;
	line-height: 1.4;
	margin: 4em auto 1em;
}
.results_voice .txt strong {color: #ff5211;}

/* 募集要項
---------------------------*/
.guideline {padding: 6em 0;}
.guideline .inner {max-width: 900px;}
.guideline h3 {background: #29a7de; padding: 8px 20px; color: #FFF; font-size: 2.6rem; margin: 2em 0 0 0;}
.guideline h4 {margin: 15px 0; text-indent:0;}
.note {font-size: 84%; text-indent: -1em; padding-left: 1em;}

/* 合格実績
---------------------------*/
.results {
	width: 100%;
	margin: 0 auto;
	padding: 6em 0;
	background: #f3f3f1;
	background-size: 100%;
}

.results .pic {
	margin: 0 auto;
	text-align: center;
}

.results .pic img { padding: 1.5em; }
.results .pic img:nth-child(n+2) { margin-top: 2em; }
.results .pic img.yellow { background-color: #fff8dc; }
.results .pic img.pink { background-color: #fcebf2; }
.results .pic img.white { background-color: #FFF; }

.results ul {
	display: block;
	width: 980px;
	margin: 0 auto;
	letter-spacing: -0.4em;
}

.results li {
	display: inline-block;
	width: 49%;
	letter-spacing: 0;
}

.results li:nth-child(even) { margin-left: 1em; }
.results li:nth-child(n+3) { margin-top: 1.5em; }
.results li img { width: 100%; }

.results .annot {
    margin: 2em auto 0 auto;
    font-size: 1.6rem;
    font-weight: bold;
		text-align: center;
    line-height: 1.4;
}

/* フッター
---------------------------*/
footer p {
    padding: 2em 0;
    text-align: center;
    font-size: 12px;
}

/*---------------------------
　　Media Queries設定
---------------------------*/

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

/* 全体設定
---------------------------*/
	a { text-decoration: none; }
	.flexbox { display: block; }

	br.sp { display: block!important; }
	br.pc { display: none!important; }

	h2 {
		width: 100%;
		margin: 1em auto 0;
		padding: 0;
	}

	.inner {
		width: 100%;
		padding: 0 1em;
		overflow: hidden;
	}
	.inner h2 img {
		width: 120%;
		max-width: 120%;
		position:relative;
		left: -10%;
	}
	
	.link_btn a {margin: 1em auto;}
	.inquiry_area li.classroom_btn {
		margin: 0.25em 0;
	}
	#nsetsu .inner h2 img {
		width: 100%;
		max-width: 100%;
		left: 0;
	}
	/* TOP
	---------------------------*/
	.visual .logo {
		width: 50%;
		top: 1em;
	}

	.visual .mv_btn {
		position: relative;
		width: 70%;
		margin: 1.5em auto 0 auto;
		right: auto;
	}

	/* ローテーション
	---------------------------*/
	.slider_wrap { padding: 0; }
	.slider_wrap .slick-slide img { width: 100vw; }

	.slider_wrap .slick-slide {
		margin-right: 0;
		margin-left: 0;
	}

	.slider_wrap .slick-counter {
		margin: 0;
		padding: 1em 0;
		background-color: #1458e4;
		color: #FFF;
	}

	.slider_wrap .slick-prev::before {
		border-bottom: 3px solid #FFF;
		border-left: 3px solid #FFF;
	}

	.slider_wrap .slick-next::before {
		border-top: 3px solid #FFF;
		border-right: 3px solid #FFF;
	}

	.slider_wrap .slick-arrow {
		position: absolute;
		bottom: 0.6em;
		z-index: 0;
		width: 3em;
		height: 3em;
		padding: 0 1em;
		border: none;
		cursor: pointer;
		background-color: #13459e;
	}

	.slider_wrap .slick-prev::before,
	.slider_wrap .slick-next::before {
		bottom: 0.8em;
		font-size: initial;
	}

	.slider_wrap .slick-prev, .slider_wrap .slick-next { font-size: initial; }
	.slider_wrap .slick-prev { left: 6em; }
	.slider_wrap .slick-next { right: 6em; }
	.slider_wrap .slick-counter .current { color: #FFF; }

	/* 動画ローテーション
	---------------------------*/
	.slider_movie {
		width: 84%;
		margin-top: 2em;
		padding: 0;
	}

	.slider_movie h2.ttl_img { top: 2em; }

	.slider_movie .slick-arrow {
		padding: 1.5em;
		font-size: 1.2rem;
	}

	.slider_movie .slick-prev.slick-arrow::after {
		border-right: 1em solid #FFF;
		border-top: 0.8em solid transparent;
		border-bottom: 0.8em solid transparent;
	}

	.slider_movie .slick-next.slick-arrow::after {
		border-left: 1em solid #FFF;
		border-top: 0.8em solid transparent;
		border-bottom: 0.8em solid transparent;
	}

	.slider_movie .slick-prev { left: -2em; }
	.slider_movie .slick-next {  right: -2em; }

	/* 申込みボタン
	---------------------------*/
	.inquiry_area {
		width: 100%;
		margin: 2em auto;
		padding: 0 1em;
	}

	.inner .inquiry_area { margin: 1em auto 0;}

	.inquiry_area li.contact_btn a,
	.inquiry_area li.classroom_btn a { font-size: 1.8rem; }

	.inquiry_area li a::after {
		border-top: 2px solid #FFF;
		border-right: 2px solid #FFF;
	}

	.inquiry_area li a::after {
		right: 0.6em;
		width: 8px;
		height: 8px;
	}
	
	/* 講習会について
	---------------------------*/
	.about .bg {padding: 1em;}
	.about, .full_contents .bg {padding: 2em 0;}
	.about p.catch {font-size: 2.4rem; margin-top: 10px;}

	/* 入室説明会
	---------------------------*/
	#nsetsu .inner h2 img {
		width: 100%;
		position:relative;
		left: 0;
	}
	
	/* 充実のコンテンツ
	---------------------------*/
	.full_contents p.text {text-align: justify; margin-top: 16px;}
	.full_contents .lineup {padding: 1em;}
	.full_contents .flexbox {display: block;}
	.full_contents .flexbox .left {width: 100%;}
	.full_contents .flexbox .right{width: 100%;}
	.full_contents h3 {font-size: 2.4rem; padding: 5px 10px; margin-bottom: 10px;}
	
	/* .step p.txt_ver5{ left: 2.8em;} */
	.txt_ver5 {font-size: 2.0rem;}
	/* .step .num {width: 6em; height: 6em; font-size: 0.8rem;} */
	
	/* 講座・コース
	---------------------------*/	
	.course_menu {
		background-size: 150%;
		padding: 3em 0 4em;
	}
	.course_menu p.catch {font-size: 2.4rem; margin-top: 10px;}
	.course_menu p.subtext {font-size: 1.8rem;}
	.sutdy .flexbox, .sutdy .flexbox li, .sutdy .flexbox .photo {width: 100%;}
	.sutdy .flexbox .detail.flex {display: block;}
	.sutdy .flexbox img {width: 100%;}
	.sutdy .flexbox .text {width: 96%; padding: 2%;}
	.sutdy .flexbox.full, .sutdy .flexbox.full .photo, .sutdy .flexbox.full .text {width: 100%;}
	.sutdy .flexbox .text .btn {width: 34%; margin: 10px auto; padding: 8px; display: block; text-align: center; border-radius: 22px;}
	.sutdy .flexbox .text h4 {margin-top: 1em;}
	
	/* 合格者の声 */
	.results_voice .flexbox {width: 96%; margin: 0 auto;}
	.results_voice h3 {
		font-size: 2.8rem;
		margin: 3em auto 0.5em;
	}	
	.results_voice li {width: 100%; margin-bottom: 2em;}
	
	/* 募集要項
	---------------------------*/	
	.guideline {padding: 2em 0;}

	/* 合格実績
	---------------------------*/
	.results {padding: 2em 0;}
	.results h2 {margin-bottom: 1em;}
	.results .pic img {
		width: 100%;
		padding: 1em; 
	}

	.results .pic img:nth-child(n+2) { margin-top: 1em;}

	.results ul {
		width: 100%;
		margin: 0 auto;
	}

	.results li {
		display: block;
		width: 100%;
	}
	.results li:nth-child(n+2) { margin-top: 1em; }
	.results li:nth-child(even) { margin-left: 0; }
	.results li:nth-child(n+3) { margin-top: 0; }

	.results .annot {
		margin: 1em auto 0 auto;
		font-size: 1.4rem;
		font-weight: bold;
	}
	/* フォームボタン上の案内文言
	---------------------------*/
	.inquiry_area li .txt_ver2{
		font-size: 1.6rem;
		margin-bottom:0.5em;
		line-height: 1.5;
	}

}/* 768 */