@charset "utf-8";

/* ------------------------
	ヘッダー
------------------------ */
.edu_header .box:before { width: 660px; height: 225px;}

.eduken .humberger { background: #002887;}
.eduken .sp-navi .sp-navi-inner .navi-main > li:before { background: #002887;}

.eduken .sp-navi h2 a { display: inline-block; color: #fff; font-size: 1.5em; text-decoration: none; padding: 10px;}
.eduken .sp-navi h2:before { content: ""; position: absolute; background: linear-gradient(160deg,#002887 0%,#002887 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); top: 0px; height: 80px; left: 0px; width: 250px; z-index: -1;}
.eduken .sp-navi h3 { background: #eee; font-size: 1.2em; padding: 7px 10px;}
.eduken .sp-navi .sp-navi-inner .navi-main { margin-bottom: 0px;}


/* ------------------------
	フッター
------------------------ */

.edu_footer .box_wrap { display: block;}
.edu_footer .box01 { width: auto; padding-top: 20px;}
.edu_footer .box01:before { top: 0px; width: 290px; height: 100px; right: auto; left: -80px;}
.edu_footer h2 a { margin-bottom: 30px;}
.edu_footer .box02 { justify-content: flex-start; margin-bottom: 30px;}
.edu_footer .box02 li { font-size: 0.95em;}
.edu_footer .box02 .box_inner:last-child { width: 130px;}

@media only screen and (max-width: 640px) {
	.edu_footer .box02 .box_inner:first-child { margin-right: 25px; width: 220px;}
}


/* ------------------------
	top
------------------------ */

.bx-wrapper { position: relative; padding-bottom: 35px;}
.bx-pager { bottom: 0px;}
.bxslider li a { padding-bottom: 0px;}

.slide_wrap .text_wrap { position: static; padding: 10px 15px;}
.slide_wrap .text_wrap:before { display: none;}

.edu_more_btn a .eduken .btn01 { min-width: 0px; width: 100%; max-width: 460px; padding: 12px 30px;}
.edu_more_btn a:after, .eduken .btn01:after { background-size: 100% auto; width: 8px; height: 10px; right: 12px;}

.edu_ttl01 { font-size: 1.6em;}

.edu_sec02 { padding: 30px 0px 10px;}
.edu_sec02 section { width: 48.5%;}
.edu_sec02 .box_inner { padding: 20px 15px;}
.edu_sec02 .edu_more_btn a { min-width: 0px;}
.edu_sec02 h3 a { font-size: 1.35em; letter-spacing: 0.05em; padding: 15px 10px;}
.edu_sec02 h3 a:before { height: 30px;}

.edu_sec04 { padding: 30px 0px 10px;}
.edu_sec04 .box01:after { left: -60px;}

.edu_sec04 .box01 a { padding: 20px 4%;}
.edu_sec04 .box01 figure { width: 35%;}
.edu_sec04 .box01 .box_inner { width: 60%;}
.edu_sec04 .box01 h3 { font-size: 1.35em;}
.edu_sec04 li figure { width: 40%;}
.edu_sec04 li .box_inner { width: 55%;}

@media only screen and (max-width: 640px) {
	.edu_sec01 li { width: 47%; margin: 0px 1.5% 30px;}

	.edu_sec02 .box { display: block;}
	.edu_sec02 section { max-width: 470px; width: auto; margin: auto;}

	.edu_sec03 li:nth-child(4) { display: block;}
}

@media only screen and (max-width: 480px) {
	.edu_sec04 h2 .show_sp { display: inline;}
	
	.edu_sec04 .box01 a { display: block;}
	.edu_sec04 .box01 figure, .edu_sec04 .box01 .box_inner { width: auto;}
	.edu_sec04 .box01 figure { margin-bottom: 15px;}
	.edu_sec04 li a { display: block;}
	.edu_sec04 li figure, .edu_sec04 li .box_inner { width: auto;}
	.edu_sec04 li figure { margin-bottom: 13px;}
}


/* ------------------------
	archive
------------------------ */

.archive_ttl { font-size: 1.6em;}

.contents { float: none; width: auto;}
.rNavi { width: auto; max-width: 500px; margin: auto; float: none;}

.edu_archive_list li { width: 48%; margin-bottom: 35px;}
.edu_archive_list li p.mb10 { margin-bottom: 5px !important;}

.eduken .pagination.mb80-40 { margin-bottom: 60px !important;}

.contact_sec .btn_area input { background-size: 10px auto !important; margin: 0px; border-radius: 0px; font-size: 1.1em;}

.side_ttl { font-size: 1.5em;}
.side_ttl:before { width: 17px; height: 17px;}

.side_sec01.mb80-40 { margin-bottom: 60px !important;}


/* ------------------------
	single
------------------------ */

.eduken .blog_header h1 { font-size: 1.7em;}

.eduken .blog_content h2 { font-size: 1.5em; padding: 13px 15px;}
.eduken .blog_content h2:before { border-width: 15px 35px 0 0;}

.eduken .pager .return { margin: 0px 1em;}
.eduken .pager .previous a, .eduken .pager .next a { width: 100px; height: 22px; line-height: 22px;}

.edu_sns { display: block;}
.edu_sns .box_inner { width: auto;}

/* pick up */
.single_art.pickup { margin-top: -40px;}

.pickup_header { height: auto; display: block; padding: 7% 15px;}
.pickup_header figure img { width: auto; height: 25px;}
.pickup_header .subttl { font-size: 1.15em;}
.pickup_header h1 { font-size: 1.8em;}

.step_sec { padding: 65px 5% 10px;}
.step_sec .pos_ab { width: 180px; height: 80px; background: linear-gradient(156deg,#002887 0%,#002887 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); padding: 15px 0px 0px 20px; left: -10px;}
.step_sec h2 { font-size: 1.6em; margin-bottom: 25px;}
.step_box { margin-bottom: 50px;}
.step_box .box01 { width: 250px;}
.step_box .box01 a { display: block; height: auto; padding: 30px 15px; background-size: 65px auto; font-size: 1.15em;}
.step_box .box02 { width: calc(100% - 275px);}
.step_box h3 a { font-size: 1.2em;}

.edu_form { padding: 35px 5%; border-radius: 0px;}
.edu_form h2 { font-size: 1.8em;}
.edu_form .back_white { border-radius: 10px; padding: 20px 15px;}

@media only screen and (max-width: 640px) {
	.step_box { display: block;}
	.step_box > div { width: auto !important;}
	.step_box .box01 { max-width: 280px; margin: 0px auto 20px;}
}