@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------------------

ページビジュアル

--------------------------------------------------------------------------------*/

#page-visual {
	background: url("../images/career/main_bg.png") no-repeat;
	background-size: cover;
	width: 100%;
}
#page-visual div{
	padding: 60px 0 80px 0;
	text-align: center;
}
#page-visual p{
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
	padding: 5px 0 0 5px;
	color:#fff;
}
#page-visual a{
	color:#fff;
}

/*--------------------------------------------------------------------------------

扉ボタン

--------------------------------------------------------------------------------*/
#page_btn{
	width: 1024px;
	margin: 60px auto;
}
#page_btn .page_btn-list .fl-item{
	width: 326px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #036EB8;
}
#page_btn .page_btn-list .fl-item:nth-child(3),
#page_btn .page_btn-list .fl-item:last-child{
	margin-right: 0;
}
#page_btn .fl-item dt img{
	width: 100%;
	/*margin-top: -1px;*/
}
#page_btn .fl-item dd{
	position: relative;
	top: 0;
	left: 0;
	box-sizing: border-box;
	padding: 10px;
}
#page_btn .page_btn_item-title{
	font-size: 1.2em;
	color: #036EB8;
}
#page_btn .page_btn_item-icon{
	position: absolute;
	bottom: 10px;
	right: 10px;
}


/*--------------------------------------------------------------------------------

全ページ共通

--------------------------------------------------------------------------------*/
.bg-gr{
	background-color: #F0F0F0;
}
.bg-bl{
	background-color: rgba(3,110,184,.1)
}
.ta-c{
	text-align: center;
}
h2{
	font-size: 30px;
	font-weight: bold;
	margin: 80px auto 80px;
	width: 100%;
	text-align: center;
	color: #036EB8;
}
.main-visual{
	width: 1024px;
	margin: 0 auto;
}

.main-visual img{
	width: 100%;
}
h3{
	font-weight: bold;
	font-size: 20px;
	color: #036EB8;
}

table{
	border: 1px solid #C9CACA;
}
td{
	box-sizing: border-box;
	padding: 10px;
}
/*--------------------------------------------------------------------------------

OB・OGインタビュー

--------------------------------------------------------------------------------*/
#obog h2{
	margin-bottom: 30px;
}
#obog h3{
	width: 100%;
	box-sizing: border-box;
	padding: 10px 0;
	border-bottom: 1px solid #036EB8;
	border-top: 1px solid #036EB8;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #036EB8;
	margin-bottom: 60px;
}
#obog #intro_box .ta-c{
	margin: 30px;
	margin-bottom: 50px;
}
#obog #intro_box{
	margin: 0 auto 50px;
}
#obog #intro_box .btn a{
	box-sizing: border-box;
	padding: 10px 0;
	background-color: #036EB8;
	color: #fff;
	display: block;
	width: 328px;
	text-align: center;
	float: left;
	margin-right: 20px;
}
#obog #intro_box .btn.last a:last-child{
	margin-right: 0;
}
#obog #intro_box .btn a img{
	margin-left: 20px;
	margin-bottom: 4px;
}
#obog #advanced_voice,
#obog #abroad_voice,
#obog #general_voice{
	padding: 50px 0;
}
#obog #advanced_voice dl:last-child,
#obog #abroad_voice dl:last-child,
#obog #general_voice dl:last-child{
	border: none;
}
#obog dl{
	box-sizing: border-box;
	border-bottom: 1px solid #C9CACA;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
#obog .odd:after,
#obog .even:after{
	content: "";
	display: block;
	clear: both;
}
#obog .odd dd,
#obog .even dt{
	float: left;
	margin-right: 10px;
}
#obog .odd dt,
#obog .even dd{
	float: right;
}
#obog dt{
	width: 328px;
}
#obog dd{
	width: 674px;
}
.obog_intro-text{
	font-size: 16px;
	text-align: right;
	margin-bottom: 30px;
}
.obog_scl{
	font-weight: bold;
	font-size: 20px;
	color: #036EB8;
}
.obog_name{
	font-size: 20px;
}
.obog_class{
	font-size: 14px;
}
.obog_course{
	margin-top: 40px;
}
.obog_course2{
	margin-top: 15px;
}
.odd .obog_course,.odd .obog_course2,
.odd .obog_intro-text{
	text-align: right;
}
.even .obog_course,.even .obog_course2,
.even .obog_intro-text{
	text-align: left;
}

#curric_list{
	padding: 50px 0;
}
#curric_list h3{
	font-weight: bold;
	color: #036EB8;
	font-size: 30px;
	margin-bottom: 60px;
}
#curric_list dl{
	width: 326px;
	margin-right: 20px;
	border: 1px solid #036EB8;
	position: relative;
	top: 0;
	left: 0;
}
#curric_list dl dt img{
	width: 100%;
}
#curric_list dl dd{
	box-sizing: border-box;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #036EB8;
}
#curric_list dl dd img{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#curric_list dl.last{
	margin: 0;
}

/*--------------------------------------------------------------------------------

年間計画

--------------------------------------------------------------------------------*/

#schedule{
	margin-bottom: 100px;
}
#schedule .year{
	font-size: 20px;
	font-weight: bold;
	color: #036EB8;
	margin-bottom: 10px;
}
#schedule section:not(#page-visual){
	margin: 40px auto;
}
#schedule section#grade_1{
	margin: 0 auto;
}
#schedule section h3{
	font-weight: bold;
	font-size: 18px;
	color: #036EB8;
	margin-bottom: 10px;
}

/*--------------------------------------------------------------------------------

資格・検定

--------------------------------------------------------------------------------*/
#qualification td,
footer td{
	text-align: center;
}
#qualification .container,
#quali_8.container{
	width: 800px;
}
#qualification section:not(#page-visual){
	padding: 50px 0;
}
#qualification h3,
footer h3{
	margin-bottom: 40px;
}
#qualification h3 + p,
footer h3 + p{
	margin-bottom: 30px;
}
#qualification table,
footer table{
	margin-top: 10px;
}
#qualification .quali_7_box{
	margin-bottom: 30px;
}
#qualification .quali_7_box span{
	font-weight: bold;
	font-size: 18px;
}
footer #quali_8{
	margin-bottom: 100px;
}

/*--------------------------------------------------------------------------------

進路実績

--------------------------------------------------------------------------------*/
#result .container,
#abroad_result.container{
	width: 800px;
}
#result #course_all > h3,
#abroad_result > h3{
	text-align: center;
	font-size: 25px;
	margin-bottom: 50px;
	padding-top: 70px;
}

#result .container h3,
footer h3{
	margin-bottom: 10px;
}
#result .container li.fl-item,
#abroad_result li.fl-item{
	width: 200px;
	margin-bottom: 3px;
}
/*footer .footer_under-r li{
	width: auto;
}*/
#result .container .scl_natio,
#result .container .scl_priva,
#result .container .scl_spec,
#result .container .scl_other,
footer .container .scl_natio,
footer .container .scl_priva{
	margin-bottom: 50px;
	padding-bottom: 50px;
}
footer .container .scl_priva{
}
#result .container .scl_spec li.fl-item{
	width: 260px;
}
#result .container .scl_natio,
#result .container .scl_priva,
#result .container .scl_spec,
footer .scl_natio{
	border-bottom: 1px solid #C9CACA;
}
#result .container .scl_spec p,
#result .container .scl_priva p{
	text-align: right;
}
footer #abroad_result{
	margin-bottom: 100px;
}

/*--------------------------------------------------------------------------------

学習サポート

--------------------------------------------------------------------------------*/
#support .text,
footer .text{
	width: 676px;
}
#support h3,
footer h3{
	margin-bottom: 10px;
}
#support p,
footer p{
	line-height: 1.7em;
}
#support .supo_2 h3 + p{
	border-bottom: 1px solid #C9CACA;
	box-sizing: border-box;
	padding-bottom: 17px;
	margin-bottom: 17px;
}
#support .img,
footer .img{
	width: 328px;
}
#support .mr,
footer .mr{
	margin-right: 20px;
}
.table_box table{
	width: 100%;
}
.supo_8 .btn,
.supo_9 .btn{
	margin-top: 30px;
}
footer .grade,
#support .supo_2 .grade{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
#support .supo_2 table{
	margin-top: 20px;
	margin-bottom: 20px;
}
footer .box{
	border-bottom: 1px solid #C9CACA;
	box-sizing: border-box;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
footer .box:last-child{
	border: none;
}
footer .box .fl-item{
	width: 500px;
	margin-right: 20px;
}
footer .box .fl-item:last-child{
	margin-right: 0;
}
.section_box{
	box-sizing: border-box;
	padding: 50px 0;
}
footer .supo_sche .box.clearfix{
	margin-top: 30px;
}
.btn a{
	display: block;
	background-color: #036EB8;
	width: 328px;
	text-align: center;
	color: #fff;
	padding: 10px 0;
}
.btn a:hover{
	background-color: #0082dc;
}
.btn_area .btn{
	margin-right: 20px;
}
.btn_area .btn:last-child{
	margin-right: 0;
}
.btn img{
	margin-left: 10px;
	margin-bottom: 4px;
}
.lb-dataContainer{
	padding-top: 10px;
}
.lb-dataContainer h3{
	padding-bottom: 10px;
	text-align: center;
	line-height: 1.7em;
}
.lb-dataContainer p{
	padding-bottom: 20px;
}
footer .box .spe{
	font-size: 14px;
}
.supo_10{
	margin-bottom: 40px;
}
/*--------------------------------------------------------------------------------

767px以下

--------------------------------------------------------------------------------*/

@media screen and (max-width:767px){

	
#page-visual div{
	padding: 20px 0 40px 0;
}
#page-visual p{
	width: 100%;
}

#page_btn{
	width: 100%;
}	
#page_btn{
	width: 100%;
	margin: 60px auto 60px auto;
}
#page_btn .page_btn-list .fl-item{
	width: 90%;
	margin: 0 5% 20px 5%;
	border: 1px solid #036EB8;
}
#page_btn .fl-item dt img{
	margin-top: 0;
}

/*--------------------------------------------------------------------------------

共通

--------------------------------------------------------------------------------*/
.main-visual{
	width: 90%;
	margin: 0 auto;
}
h2{
	font-size: 1.8em;
	margin: 40px auto 40px;
}
/*--------------------------------------------------------------------------------

OB・OGインタビュー

--------------------------------------------------------------------------------*/

#obog #intro_box .btn a{
	margin-right: 0;
	margin-bottom: 20px;
	width: 100%;
	float: none;
}
#obog dl{
	box-sizing: border-box;
	border-bottom: 1px solid #C9CACA;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
#obog .odd:after,
#obog .even:after{
	content: "";
	display: block;
	clear: both;
}
#obog .odd dd,
#obog .even dt{
	float: none;
	margin-right: 0;
}
#obog .odd dt,
#obog .even dd{
	float: none;
}
#obog dt img{
	width: 100%;
}
#obog dt,
#obog dd{
	width: 100%;
}
.odd .obog_course,.odd .obog_course2,
.odd .obog_intro-text{
	text-align: left;
}
#curric_list dl{
	width: 100%;
	margin-bottom: 30px;
}
#curric_list dl dd img{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#curric_list dl.last{
	margin: 0;
}
	
/*--------------------------------------------------------------------------------

年間計画

--------------------------------------------------------------------------------*/

#schedule{
	margin-bottom: 100px;
}
.main-visual img{
	width: 100%;
}
#schedule .main-visual{
	width: 100%;
}
#schedule section#grade_1,
#schedule section#grade_2,
#schedule section#grade_3{
	width: 100%;
	overflow-x: scroll;
}
#result .container,
#abroad_result.container{
	width: 90%;
}
	
/*--------------------------------------------------------------------------------

資格・検定

--------------------------------------------------------------------------------*/
#qualification .scr-x,
footer .scr-x{
	width: 100%;
	overflow-x: scroll;
}
#qualification .container,
#quali_8.container{
	width: 90%;
}
#qualification section#hedaer{
	padding: 0 0;
}
/*--------------------------------------------------------------------------------

進路実績

--------------------------------------------------------------------------------*/
#result #course_all > h3{
	margin-bottom: 10px;
}

#result .container .scl_spec li.fl-item,
#result .container li.fl-item,
#abroad_result li.fl-item{
	width: 50%;
}
#result .container,
#abroad_result.container{
	width: 90%;
}
	
/*--------------------------------------------------------------------------------

学習サポート

--------------------------------------------------------------------------------*/
#support .text,
footer .text{
	width: 100%;
}
#support .img,
footer .img{
	text-align: center;
	width: 100%;
	margin: 20px 0;
}
#support .img img,
footer .img img{
	width: 70%;
}
footer .box .fl-item{
	width: 100%;
}
.btn a{
	width: 100%;
	margin: 0 auto;
}
#support .btn_area{
	margin-top: 40px;
}
#support .btn_area .fl-item{
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}
#support .mr,
footer .mr{
	margin-right: 0;
}
}