@charset "UTF-8";
/*
Theme Name: Ecrise-Yoshinojuku
Theme URI:
Description: This is our original theme.
Author: Ecrise
Author URI:
Version:1.0
*/

@import url("css/bootstrap.min.css");
@import url("css/reset.css");
@import url("css/font-awesome.min.css");
@import url("css/animate.css");
@import url("https://fonts.googleapis.com/css?family=Julius+Sans+One");

/*
 * 基本色 紺色
 * #201e4d
 */

/*::::::::::::::::::::::::::::::::::::::::::::::::::
base
::::::::::::::::::::::::::::::::::::::::::::::::::*/
html, body {
	font-size: 15px;
	line-height: 1.7 !important;
	color: #333;
}
@media (max-width:767px) {
	html, body {
		font-size: 14px;
	}
}
/*container調整*/
@media (min-width: 1200px) {
	.container {
		/* width: 1170px; */
		width: 1040px;
	}
}

#wrapper {
	overflow: hidden;/*スマフォの画面右隙間削除*/
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #666;
	transition: all 0.5s ease;
}
a:hover {
	color: #fff;
	background-color: #201e4d;
}
a img {
	transition: all 0.5s ease;
}
a:hover img {
}

strong, .strong { font-weight: bold; }

/*reset.cssのカスタマイズ*/
.fl-l {
	margin-right: 20px;
	margin-bottom: 20px;
}
.fl-r {
	margin-left: 20px;
	margin-bottom: 20px;
}
.alignleft {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.mt100 { margin-top: 100px !important; }
.fzs { font-size: 12px; }

#cover {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #ffffff;
	top: 0;
	left: 0;
	z-index: 10000;
}
#loader {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 27px;
	height: 27px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
ヘッダ
::::::::::::::::::::::::::::::::::::::::::::::::::*/
header {
	display: flex;
	justify-content: space-between;
}
header a:hover{
	background-color: transparent;
}
header a:hover img {
	opacity: 0.7;
}
.header_logo {
	width: 154px;
}
.header_text {
	width: 280px;
	margin-left: 1rem;
}
.header_nav {
	display: flex;
	justify-content: flex-end;
}
.header_nav li {
	margin: 0.3rem 0 0 1rem;
}
.header_nav li a {
	font-size: 0.8rem;
	padding: 5px;
	border-radius: 3px;
}
.header_nav li a:hover {
	color: #fff;
	background-color: #201e4d;
}
.header_nav li a i {
	display: inline-block;
	padding-right: 0.3rem;
	font-size: 0.8rem;
	vertical-align: 1px;
}
.header_contact img {
	width: 400px;
	max-width: 100%;
	margin-top: 1rem;
}
@media (max-width:1199px) {
	.header_logo {}
	.header_text {}
}
@media (max-width:991px) {
	.header_logo {
		width: 130px;
	}
	.header_text {
		width: 200px;
	}
	.header_contact {
		width: 320px;
	}
}
@media (max-width:849px) {
	header {
		display: block;
	}
	header h1 {
		text-align: center;
	}
	.header_text {}
	header>div {}
	.header_nav {
		justify-content: center;
		margin-top: 0.5rem;
	}
	.header_nav li {
		margin: 0 0.5rem;
	}
	.header_contact {
		width: 100%;
		text-align: center;
		justify-content: center;
		margin: 0.5rem 0;
	}
	.header_contact img {
		max-width: 350px;
		width: 100%;
		margin-top: 0;
	}
}
@media (max-width:599px) {
	header h1 a {
		display: block;
		margin-bottom: 1rem;
	}
	.header_text {
		margin-left: 0;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
ナビゲーション
::::::::::::::::::::::::::::::::::::::::::::::::::*/
#global_nav {
	overflow: auto;
	background-color: #ccc;
	padding: 5px 0;
}
#global_nav ul {}
#global_nav ul li {
	float: left;
	display: inline-block;
	border-right: 1px solid #201e4d;
	padding-left: 5px;
	padding-right: 5px;
	width: 16.6666%;
}
#global_nav ul li:last-child {
	border-right: none;
}
#global_nav ul li a {
	display: block;
	text-align: center;
	padding: 7px 0px;
	font-weight: bold;
	color: #201e4d;
}
#global_nav ul li a:hover {
	color: #fff;
	background-color: #201e4d;
}
@media (min-width:992px) {
	#global_nav {
		display: block !important;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
スマホ用ナビゲーション
::::::::::::::::::::::::::::::::::::::::::::::::::*/
#nav_btn {
	display: none;
}

@media screen and (max-width: 991px) {
	#nav_btn {
		display: block;
		position: fixed;
		right: 5px;
		top: 5px;
		z-index: 3;
		width: 50px;
		height: 50px;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		line-height: 1;
		padding-top: 4px;
		background-color: rgba(255,255,255,.8);
	}
	#nav_btn i {
		font-size: 30px;
	}
	#nav_btn.active>i {
		display: none;
	}
	#nav_btn span {
		display: none;
	}
	#nav_btn.active span {
		display: block;
	}
	#global_nav {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,1);
		z-index: 2;
		left: 0;
		top: 0;
	}
	#global_nav ul {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 300px;
		height: 350px;
		overflow: visible;
	}
	#global_nav ul li {
		text-align: center;
		font-weight: bold;
		display: block;
		float: none;
		width: 100% !important;
		border: none;
		margin-bottom: 1px;
	}
	#global_nav ul li a {
		padding: 0.5rem;
		border: 1px solid #201e4d;
	}
}

/*ランドスケープモード対応*/
@media screen and (max-height:400px) {
	#global_nav {
		overflow: scroll;
	}
	#global_nav ul {
		margin-top: 40px;
		height: auto;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
スライド（不使用）
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.slider_wrapper {
	position: relative;
	margin-top: 139px;
}
.sp-horizontal .sp-next-arrow {
	margin-left: 630px;
}
.sp-horizontal .sp-previous-arrow {
	margin-left: -700px;
}
.sp-fade-arrows {
	opacity: 0;
}
.sp-slide {
}

.slider_text {
	color: #fff;
	font-size: 36px;
	position: absolute;
	top: 30%;
	text-shadow: 1px 1px 3px #000;
	animation-delay: 1s;
	display: block;
	width: 100%;
	text-align: center;
}

@media (max-width: 991px) {
	.slider_wrapper {
		margin-top: 0;
	}
}
@media (max-width: 900px) {
	.slider_text {
		font-size: 30px;
	}
}
@media (max-width: 767px) {
	.slider_text {
		top: 24%;
	}
}
@media (max-width: 560px) {
	.slider_text {
		font-size: 26px;
	}
}
@media (max-width: 400px) {
	.slider_text {
		font-size: 22px;
		top: 15%;
	}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::
トップページ
::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*メイン画像*/
.main_img {
	margin-bottom: 3rem;
}
.main_img img {
	width: 100%;
}

/*SEC01*/
.sec01 {
	margin-bottom: 4rem;
}
.sec01 ul {
	display: flex;
	justify-content: space-between;
}
.sec01 ul li {
	width: 32.5%;
}
.sec01 ul li a {
	display: inline-block;
}
.sec01 ul li a img {
	border: 1px solid #ccc;
}
.sec01 ul li a:hover {
	background-color: transparent;
}
.sec01 ul li a:hover img {
	border: 1px solid #201e4d;
}
.sec01 ul li img {
	max-width: 100%;
}

/*SEC02*/
.sec02 {
	display: flex;
	justify-content: space-between;
	border-bottom: 8px solid #201e4d;
	margin-bottom: 4rem;
	padding-bottom: 10px
}
.sec02_img {
	margin-top: 2px;
	margin-right: 2rem;
}
.sec02 figure img {
	width: 100%;
	max-width: 100%;
}
.sec02 ul {
	display: flex;
	justify-content: space-between;
	margin-top: 9px;
}
.sec02 ul li {
	max-width: 49%;
}
.sec02 ul li img {
	width: 100%;
}
.sec02 a img {
	border: 2px solid #fff;
}
.sec02 a:hover img {
	border-color: #201e4d;
}

/*SEC03*/
.sec03 {
}
.sec03 h1 {
	border-bottom: 5px solid #201e4d;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem
}
.sec03 table th,
.sec03 table td {
	padding: 0.3rem;
	vertical-align: top;
	line-height: 1.5;
}

@media (max-width:1199px) {
	.sec02_img {
		margin-right: 1rem;
	}
}
@media (max-width:991px) {
	.main_img,
	.sec01,
	.sec02 {
		margin-bottom: 2rem;
	}
	.sec02_img {
		margin-right: 0.5rem;
	}
	.sec02 ul {
		margin-top: 6px;
	}
	.sec03 h1 img {
		width: 100px;
	}
}
@media (max-width:699px) {
	.main_img,
	.sec01,
	.sec02 {
		margin-bottom: 1.5rem;
	}
}
@media (max-width:599px) {
	.sec01 {
		margin-bottom: 0.5rem;
	}
	.sec01 ul {
		display: block;
	}
	.sec01 ul li {
		margin: 0 0 0.5rem 0;
		text-align: center;
		width: 100%;
	}
	.sec01 ul li img {
		width: 100%;
		max-width: 360px;
	}
	.sec02 {
		display: block;
	}
	.sec02_img {
		margin: 0 auto 0.5rem;
		max-width: 360px;
	}
	.sec02 div figure {
		text-align: center;
	}
	.sec02 div figure img {
		max-width: 360px;
	}
	.sec02 a img {
		border-color: #ccc;
	}
	.sec02 ul {
		display: block;
		margin-top: 0.5rem;
	}
	.sec02 ul li {
		text-align: center;
		max-width: 100%;
		margin-bottom: 0.5rem;
	}
	.sec02 ul li img {
		max-width: 360px;
	}
	.sec03 table tr {
		display: block;
		margin-bottom: 1rem;
	}
	.sec03 table td {
		border-left: 8px solid #eee;
		padding: 0 0 0 0.5rem;
		display: block;
		width: 100%;
		line-height: 1.6;
	}
	.sec03 table td:nth-child(1) {
		font-weight: bold;
	}
	.sec03 table td:nth-child(2) {
		display: none;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
ページ共通
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.page_contents {
	padding-top: 3rem;
}
@media (max-width: 599px) {
	.page_contents {
		margin-top: 1rem;
		padding-top: 1rem;
		border-top: 1px solid #201e4d;
	}
}

.page_contents h1, .page_contents h2, .page_contents h3, .page_contents h4, .page_contents h5, .page_contents h6 {
	line-height: 1.7;
}

.page_contents h1,
h2.h2_style {
	font-size: 28px;
	margin-top: 80px;
	margin-bottom: 30px;
	overflow: hidden;
	font-weight: bold;
	color: #201e4d;
}
.page_contents h1,
h2.h2_style:first-child {
	margin-top: 0;
}

.page_contents h1 span,
h2.h2_style span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em 0 0;
	padding: 0 1em 0 0;
	text-align: left;
}
.page_contents h1 span::after,
h2.h2_style span::after {
	position: absolute;
	top: 50%;
	top: 48%;
	content: '';
	width: 1200%;
	height: 1px;
	background-color: #201e4d;
	left: 100%;
}

@media (max-width: 599px) {
	.page_contents h1,
	h2.h2_style {
		font-size: 22px;
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 1rem;
	}
	.page_contents h1 span,
	h2.h2_style span {
		margin: 0;
		padding: 0;
	}
	.page_contents h1 span::after,
	h2.h2_style span::after {
		display: none;
	}
}

.btn { text-decoration: none; }
.btn-base {
	padding: 3px 20px;
	background-color: #eee;
	color: #333;
	border-radius: 5px;
}
.btn-base:hover {
	background-color: #201e4d;
	color: #fff;
}

a.banner_link {
	overflow: hidden;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
a.banner_link {
	display: block;
	border: 5px solid #fff;
}
a.banner_link:hover {
	border-color: #CCC5B6;
}
a.banner_link:hover img {
	transform: scale(1.05);
}

.page_contents p {
	margin-bottom: 2rem;
}
.page_contents h2 {
	padding: 0.7rem;
	color: #fff;
	background-color: #201e4d;
	font-size: 1.3rem;
	margin: 2rem 0 1rem;
	font-weight: bold;
}
.page_contents ul {
	margin: 2rem;
}
.page_contents li {
	list-style: disc;
	margin-bottom: 1rem;
}
.page_contents dl {}
.page_contents dt {
	color: #201e4d;
	margin-top: 2rem;
}
.page_contents dd{
	padding: 1rem;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
吉野塾について
about
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.about_ul {
	display: flex;
	flex-wrap: wrap;
}
.about_ul li {
	width: 33.3333%;
}

.btn_contact {
	color: #fff !important;
	background-color: #201e4d;
	font-size: 1.2rem;
	padding: 1rem;
}
a.btn_contact:hover {
	background-color: #00a1e9;
}

@media (max-width:991px) {
	.about_ul li {
		width: 50%;
	}
}
@media (max-width:599px) {
	.about_ul li {
		width: 100%;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
会社概要
company
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.company table {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
.company table th,
.company table td {
	padding: 0.8rem;
	border: 3px solid #fff;
}
.company table th {
	text-align: right;
	font-weight: bold;
	background-color: #eee;
}
.company table td {
	background-color: #fafafa;
}
@media (max-width:499px) {
	.company table th,
	.company table td {
		display: block;
		width: 100%;
		border: none;
	}
	.company table th {
		text-align: center;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
合格者の声
voice
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.voice_dl {}
.voice_dl dt {
	color: #fff;
	background-color: #201e4d;
	padding: 0.7rem;
	margin-bottom: 0;
}
.voice_dl dd {
	padding: 0.5rem 1rem;
	border-left: 10px solid #eee;
	margin-top: 0.5rem;
}
.voice_dl dd p:last-child {
	margin-bottom: 0;
}
@media (max-width:543px) {
	.voice_dl dd {
		border-left-width: 5px;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
合格者の声
voice-movie
::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.voice_dl_movie {
  clear: both;
}

div.voice_dl_movie ul li{
    float: left;
    width:180px;
    margin-left: 10px;
    list-style: none;
}
div.voice_dl_movie ul li:first-child{
  /*margin-left: 0;*/
}
div.voice_dl_movie div.movie_title {
	color: #fff;
	background-color: #201e4d;
	padding: 0.5rem;
	margin-bottom: 0;
}
div.voice_dl_movie div.movie_box iframe {
  width:180px;
}
/* micro clearfx */
.cf:before, .cf:after {
    content:"";
    display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */


/*::::::::::::::::::::::::::::::::::::::::::::::::::
お問い合わせ
contact
::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.wpcf7 {
	margin: 4rem auto 0 !important;
	width: 100%;
	max-width: 500px;
	text-align: center;
}
input, button, select, textarea {
	border: 1px solid #ccc;
	max-width: 100%;
}

/*送信ボタン*/
.wpcf7-submit {
	font-size: 16px;
	padding: 3px 25px;
	background: #e9e9e9;
	color: #363B3F;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
}
.wpcf7-submit:hover {
	background-color: #dcdcdc;
}
.screen-reader-response {
	display: none;
}
.wpcf7-not-valid-tip {
	background-color: #eee;
	padding: 5px;
	width: 100%;
	display: block;
}
/*送信エラー*/
.wpcf7-validation-errors {
	font-weight: bold;
	background-color: #ffa500;
	color: #fff;
	padding: 20px 10px !important;
	border: none !important;
}
/*送信完了*/
.wpcf7-mail-sent-ok {
	font-weight: bold;
	background-color: #228b22;
	color: #fff;
	padding: 20px 10px !important;
	border: none !important;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
ニュース：投稿アーカイブページ
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.news_table {
	margin: 2rem;
}
.news_table td {
	padding: 1rem 0;
	border-bottom: 1px solid #eee;
	vertical-align: top;
}
.news_table td:first-child {
	width: 150px;
}

.wp-pagenavi {
	margin-top: 3rem;
	text-align: center;
}

@media (max-width:991px) {
	.news_table td:first-child {
		width: 130px;
	}
}
@media (max-width:543px) {
	.news_table {
		margin: 1rem 0;
	}
	.news_table td {
		display: block;
		width: 100%;
		padding: 0.5rem 0;
	}
	.news_table td:first-child {
		border-bottom: none;
		padding-bottom: 0;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
ニュース：投稿個別ページ
::::::::::::::::::::::::::::::::::::::::::::::::::*/
.single h2.h2_style {
	font-size: 20px;
	padding-top: 5px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::
フッタ
::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*フッタ*/
footer {
	margin-top: 3rem;
}
.copyright {
	background-color: #201e4d;
	color: #fff;
	text-align: center;
	padding: 1rem;
	font-size: 0.8rem;
	font-family: 'Julius Sans One', sans-serif;
}
@media(max-width:599px) {
	footer {
		margin-top: 1rem;
	}
}

/*ページトップ*/
.page_top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	z-index: 10;
}
.page_top a {
	background-color: #36407e;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	padding-top: 15px;
}
.page_top a i {
	color: #fff;
	font-size: 20px;
}
.page_top a:hover {
	background-color: #00a1e9;
	border-radius: 50%;
}

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