@charset "utf-8";

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

table th {
	width: 38%;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:15px 0;

	text-align: center;
	vertical-align:middle;
	display: table-cell;
	line-height: 1.125rem;
	background:#f8f9f8;
}

table td {
	width: 62%;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:15px 0 15px 20px;
	font-weight: normal;
	display: table-cell;
	text-align: left;
}


table.form_tb th {
	width: 40%;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:20px 0;

	text-align: center;
	vertical-align:middle;
	display: table-cell;
	line-height: 1.125rem;
	background:none;
}

table.form_tb td {
	width: 60%;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:20px 0;
	font-weight: normal;
	display: table-cell;
	text-align: left;
}




table.type_A th {
	width: 38%;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:25px 0;

	text-align: center;
	vertical-align:middle;
	display: table-cell;
	line-height: 1.125rem;
	background:none;
}

table.type_A td {
	width: 62%;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:25px 0 25px 20px;
	font-weight: normal;
	display: table-cell;
	text-align: left;
}


.border-top-none {
	border-top: none !important;
}

#btn_aside_menu_sp a.btn_kengaku {
	width: 50%;
	height: auto;
	text-align: center;
	background: #ef66ac;
	display: block;
	padding:2.5% 0;
	color: #fff;
	text-decoration: none;
	font-size:.9375rem;
	letter-spacing: 1px;
	border-right: 1px solid #fb40a0;
	border-top: 1px solid #ff96cc;
	float: left;
	z-index: 99999;
}

#btn_aside_menu_sp a.btn_contact {
	width: 50%;
	height: auto;
	text-align: center;
	background: #417fde;
	display: block;
	padding:2.5% 0;
	color: #fff;
	text-decoration: none;
	font-size:.9375rem;
	letter-spacing: 1px;
	border-left: 1px solid #6d9ade;
	border-top: 1px solid #6d9ade;
	float: left;
	z-index: 99999;
}



#key_top_video {
  width: 100%;
  height: 65vh;
  /* overflow:hidden; */
}

.key_top_catch_tbsp {
	top:-140px;
}

.key_top_catch_tbsp img {
	width: 300px;
	height: auto;
}

main.top {
  padding:60px 0 0px;
} 



h3.midashi_A {
	font-size: 2rem;
	padding-bottom: 17px;
	margin-bottom: 40px;
	letter-spacing: 1px;
}

h3.midashi_A span {
	font-size: 1rem;
	padding-bottom: 5px;
}

.img_catch {
	margin-bottom: 25px;
}



.box_syakaijin80 img {
	width: 35%;
	display: block;
	margin:0 auto 20px;
	float: left;
}
.box_syakaijin80 .txt_box {
	width: 61%;
	float: right;
}

h4.mid-bold {
	font-weight: bold;
	font-size: 1.125rem;
	padding-bottom: 7px;
	line-height: 2rem;
}


.box_memo {
	padding:7% 7% 5%;
}

.box_memo h3.midashi_A {
	font-size: 1.8125rem;
	padding-bottom: 5px;
	margin-top: 35px;
	margin-bottom: 25px;
	letter-spacing: 0;
}

.box_memo h3.midashi_A span {
	font-size: 1rem;
	padding-bottom: 5px;
}

.box_memo ul li {
	font-size:1.25rem;
	padding-bottom: 5px;
	letter-spacing: 1px;
}


.onestep_box .inner_box {
	width: 100%;
	height: 70vh;
	/* background: url(imgs/bg_onestep_pc.jpg) 0 0 no-repeat; */
	background-size: cover;
	position: relative;
}

.onestep_box .inner_box .txt_box {
	width: 57%;
	position: absolute;
	right: 20px;
	top:30%;
	font-size: .8125rem;
	line-height: 24px;
}

.onestep_box {
	margin-bottom: 0;
}

.onestep_box .inner_box p {

}

.why_top_box .inner_box {
	width: 100%;
	height: 50vh;
	/* background: url(imgs/bg_why.jpg) 0 0 no-repeat; */
	background-size: cover;
	position: relative;
}

.why_top_box .inner_box a img {
	width: 42%;
	height: auto;
	position:absolute;
	top:25%;
	left: 5%;
}



.price_box .inner_box {
	margin-bottom:30px;
}

.price_box .inner_box .r_box img {
	width: 55%;
 	margin:30px auto 20px;
}

.price_box .inner_box .r_box p {
	font-size: .875rem;
	line-height: 26px;
}

.price_box .parts_graph {
	margin-bottom:40px;
}



.pass_100 .graph_box_01 .img_01 {
	width: 35%;
}


.pass_100 .graph_box_02 .l_box img {
	width: 35%;
}

.bnr_page_box .bg_box_key {
  width: 100%;
  height: 50vh;
}



.info_top_box figure {
	width: 100%;
	height: auto;
	padding:30px 20px;
	border-bottom:1px solid #eee;
}


.info_top_box figure img {
	width: 30%;
}

.info_top_box figcaption {
	width: 65%;
	float: right;
	padding-top: 0px;
}



.info_top_box figcaption span.info_tag {
	font-size: .6287rem;
	line-height: 13px;
	padding:4px 10px 3px;
}

.info_top_box figcaption h3 {
	font-size:.9375rem;
	line-height: 24px;
	padding:8px 0;
}

.info_top_box figcaption p {
	display: block;
	font-size: .75rem;
	line-height: 22px;
}

.map_access_box {
  margin:100px auto 70px;
}

.map_access_box .inner_box {
	width: 92%;
	margin:0 auto;
}

.map_access_box .inner_box iframe {
	height: 40vh;
}

.map_access_box .inner_box .txt_box address {
	width: 100%;
	height: auto;
	margin:0;
}

.map_access_box .inner_box .txt_box address .map_access_box_logo {
	width: 65%;
	display: block;
	margin:30px auto 20px;
}

p.lead_01 {
	margin-bottom: 40px;
}


.img_top_opencam {
	margin-bottom:40px;
}


footer {
	width: 100%;
	height: auto;
}

footer #ft_menu_box {
	padding-top:50px;
}


footer #ft_menu_box ul li ul li {
		font-size: .875rem;
		line-height: 23px;
}


footer #ft_menu_box ul.box_title li {
	width: 50%;
	padding-bottom:10px;
	float: left;
}

footer #ft_menu_box ul.box_title li:last-child img {
	float: right;
}


.simply-scroll-list li {
	width: 395px;
	height: auto;
	float: left;
	padding: 0;
	overflow: hidden;
}


.curtain_01 {
	height: 330px !important;
}

.curtain_02 {
	background: url(imgs/bg_onestep_pc.jpg);
	/* height: 350px !important; */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.curtain_03 {
	background: url(imgs/bg_why.jpg);
	/* height: 350px !important; */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}


.curtain_04 {
	height: 40vh !important;
}



/*
TB school-life --------------------------------------------*/
h2.lower_box {
	height: 42vh;
}

h2.lower_box.school-life {
	background: url(imgs/bg_h2_school-life.jpg) 0 0 no-repeat;
	background-size: cover;
}

h2.lower_box span.page_title {
	font-size:2.25rem;
	letter-spacing: 4px;
	line-height: 30px;
}

h2.lower_box span.page_title span {
	font-weight: normal;
	letter-spacing: 2px;
	font-size:1rem;
}

.curtain_img_school-life_02 {
	background: url(imgs/img_school-life_02.jpg);
	height: 300px !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}


.half_box figure:nth-child(odd) {
	width: 48%;
	float: left;
}

.half_box figure:nth-child(even) {
	width: 48%;
	float: right;
}


.curtain_img_school-life_03,
.curtain_img_school-life_04,
.curtain_img_school-life_05,
.curtain_img_school-life_06,
.curtain_img_school-life_07,
.curtain_img_school-life_08,
.curtain_img_school-life_09,
.curtain_img_school-life_10 {
	height: 250px !important;
}


/*
TB school-intro --------------------------------------------*/


.school-intro-01 .txt_box h3 span {
	font-size: .8125rem;
	font-weight: bold;
	display: block;
}

.school-intro-01 .txt_box h3 {
	font-weight: bold;
	font-size: 1.125rem;
	padding-bottom: 7px;
	line-height: 2rem;
}


.school-intro-01 img {
	width: 40%;
	margin-bottom: 0;
	float: left;
}

.school-intro-01 .txt_box {
	width: 55%;
	float: right;
}


.support_you figure:nth-child(odd),
.support_you figure:nth-child(even){
	width: 46%;
	margin-bottom: 50px;
}


.support_you figure img {
	margin-bottom: 20px;
}

.support_you figure figcaption {
	font-size: .8125rem;
	line-height: 23px;
}

.curtain_img_school-intro_02,
.curtain_img_school-intro_03,
.curtain_img_school-intro_04,
.curtain_img_school-intro_05,
.curtain_img_school-intro_06,
.curtain_img_school-intro_07 {
	height: 250px !important;
}



/*
TB why --------------------------------------------*/
.why_graph_box figure {
	width: 31%;
	margin-bottom:0;
	float: left;
}

.why_graph_box figure img {
	width: 100%;
}

.why_graph_box figure:nth-child(2) {
  margin-left:3.5%;
  margin-right:3.5%;
}

.curtain_img_why_student_01,
.curtain_img_why_student_02,
.curtain_img_why_student_03,
.curtain_img_why_student_04,
.curtain_img_why_student_05,
.curtain_img_why_student_06 {
	height: 250px !important;
}


/*
TB why-single --------------------------------------------*/

.inter_single_box .img_box {
	width: 45%;
	float: left;
}

.inter_single_box .txt_box {
	width: 50%;
	float: right;
}

.curtain_img_st_inter_05 {
	background: url(imgs/img_st_inter_05_01.jpg);
	height: 50vh !important;
	background-position: 40% 40%;
}

/*
TB admission --------------------------------------------*/
.curtain_img_admission_01,
.curtain_img_admission_02,
.curtain_img_admission_03,
.curtain_img_admission_04 {
	height: 250px !important;
}


/*
TB teacher --------------------------------------------*/
h2.lower_box.teacher {
	background: url(imgs/bg_h2_teacher.jpg) -150px 0 no-repeat;
	background-size: cover;
}

@media screen and (max-width: 896px) {
h2.lower_box.teacher {
	background: url(imgs/bg_h2_teacher.jpg) 0 0 no-repeat;
	background-size: cover;
}	
}

.curtain_img_teacher_01,
.curtain_img_teacher_02,
.curtain_img_teacher_03,
.curtain_img_teacher_04,
.curtain_img_teacher_wada {
	height:300px !important;
}






/*
TB class --------------------------------------------*/

table.type_B th {
	width: 50%;
	padding:22px 0;
	font-size: 1rem;
	letter-spacing: 2px;
}

table.type_B td {
	font-size: .8125rem !important;
}

table.type_B th.cell_01 {
	width: 65%;
}

table.type_B th.cell_02 {
	width: 35%;
}

table.type_B td.cell_03 {
	width: 10%;
}

table.type_B td.cell_04 {
	width: 65%;
}

table.type_B td.cell_05 {
	width: 35%;
}


table.type_B td {
	padding:15px 0 15px 0;
}

/*
TB greeting --------------------------------------------*/
.curtain_img_greeting_01,
.curtain_img_greeting_02,
.curtain_img_greeting_04,
.curtain_img_greeting_wada {
	height: 270px !important;
}

.gree-stone-big {
	width: 100% !important;
	float: left !important;
}

.f-greeting-stone-big {
  text-align:right;
  font-size: .8125rem;
  line-height: 24px;
}

.curtain_img_greeting_03 {
	height: 450px !important;
}


strong.greeting_mi_01 {
	display: block;
	padding:25px 0 15px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.25rem;
}

.greeting-pd_01 {
	padding-top: 25px;
}

/*
TB facility --------------------------------------------*/
.facility_parts_01 {
	margin-bottom: 25px;
}

h4.facility_name {
	font-size: 1.125rem;
	letter-spacing: 2px;
	padding:15px 0;
	text-align:center;
	margin-bottom: 15px;
}

.curtain_img_facility_03 {
	height: 35vh !important;
}

.curtain_img_facility_05,
.curtain_img_facility_06,
.curtain_img_facility_07,
.curtain_img_facility_08,
.curtain_img_facility_09,
.curtain_img_facility_10,
.curtain_img_facility_11,
.curtain_img_facility_12 {
	height: 250px !important;
}


/*
TB course --------------------------------------------*/
.course_box_01 img {
	width: 47%;
	height: auto;
	margin-top: 0;
	float: left;
}

.course_box_01 .txt_box {
	width: 48%;
	float: right;
}

.step_box h4 {
	display: inline-block;
	font-size:1.25rem;
	font-weight: bold;
	line-height: 30px;
	margin-bottom:6px;
	letter-spacing: 0px;
	padding:3px 10px 2px;
}

.step_inner_box {
	margin-bottom:40px;
}

.mida_dot_p {

	background: none;
	display: block;
	padding-bottom: 10px;
	text-align: center;
	font-size:1.3125rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.step_box .price_box {
	margin-bottom:20px;
}

.step_box .price_box img {
	width: 90%;
}

.step_box .img_flow {
	width: 56%;
	height: auto;
	margin-top: 0;
	float: left;
} 

.price_conte_box {
	width: 42%;
	float: right;
}


.step_box .img_graph {
	margin-top:35px;
}


/*
TB expenses --------------------------------------------*/
h2.lower_box.expenses {
	background: url(imgs/bg_h2_expenses.jpg) 0 0 no-repeat;
	background-size: cover;
}

.img_expe_parts_01 {
	margin-bottom: 40px;
}

.syougaku_box .img_parts_01 {
	margin-bottom: 45px;
}

.expenses_price {
	width: 90%;
	height: auto;
	padding:10px 0;
}

.syougaku_box p {
	margin:0 0 60px;
	text-align: center;
}

/*
TB faq --------------------------------------------*/

dl.faq dt {
	background: url(imgs/bg_faq_q.jpg) 0 0 no-repeat;
	background-size: auto;
	padding-left:55px;
	margin-bottom: 20px;
	min-height: 30px;
}

dl.faq dd {
	background: url(imgs/bg_faq_a.jpg) 0 0 no-repeat;
	background-size: auto;
	padding-left:55px;
	font-size: .8125rem;
	padding-bottom: 30px;
	margin-bottom: 30px;
	min-height: 30px;
}


/*
TB housing --------------------------------------------*/

p.housing_01 {
	padding-top:20px;
}

/*
TB access --------------------------------------------*/

.access_map_01 {
	width: 100%;
	height: 50vh;
	margin-bottom: 30px;
}

.curtain_img_envi_01,
.curtain_img_envi_02,
.curtain_img_envi_03,
.curtain_img_envi_04,
.curtain_img_envi_05,
.curtain_img_envi_06,
.curtain_img_envi_07,
.curtain_img_envi_08,
.curtain_img_envi_09,
.curtain_img_envi_10,
.curtain_img_envi_11 {
	height: 200px !important;
}

.envi_place{
	font-size: .75rem;
}

/*
TB download --------------------------------------------*/
.download_box {
	width: 70%;
	text-align:center;
}

.download_box .parts_01 {

	height: auto;
	margin-bottom: 20px;
}

.download_box .lead_txt_01 {
	font-size: 1rem;
	margin-bottom: 30px;
}

.download_box .notes_box {
	border:3px solid #ff2f48;
	padding:15px;
	margin-top:40px;
} 

/*
TB open-campus --------------------------------------------*/
.lead_txt_op_01 {
	font-size: 1rem;
	margin-bottom: 30px;
}

.lead_txt_op_01 {
	margin: 25px 0;
}

.open-access-box {
	margin-top:50px;
	padding:40px 10px;
	text-align:center;
	font-size: 1.25rem;
}

.open-access-box strong {
	font-size:1.75rem;
	padding-bottom: 20px;
	letter-spacing: 2px;
}


.open-access-box p {
	padding-bottom:30px;
}

.open-access-box span {
	font-size: 1rem;
}

.open-access-box .tel_txt,
.open-access-box .tel  {
	font-size: 1.75rem;
	letter-spacing: 2px;
}



.icon_new {
    top:20px;
    left: 0;
}

.icon_new span {
  top:4px;
}


/*
TB 新着、お問い合わせ --------------------------------------------*/
h2.lower_box.news {
	background: url(imgs/bg_h2_news.jpg) 0 0 no-repeat;
	background-size: cover;
}

#news-contents,
#contact-contents {
	width:100%;
	height:auto;
	float:none;
	margin-right:0%;
	padding-bottom: 0px;
}

#news-contents h2 {
	margin-bottom: 20px;
}

#news-contents time,
#news-contents span.tag {
	font-size:.75rem;
	display: inline-block;
	margin-bottom:0;
	font-style: italic;
}

#news-contents section {
	margin-bottom: 30px;
	padding-top: 0px;
}

#news-contents section img {
	width:100% !important;
	height:auto;
	margin-bottom:0;
}

#news-contents h2 {
	padding-left: 0;
	border-left:none;
	margin-bottom: 20px;
}

#news-side-box {
	width:100%;
	height:auto;
	float:none
}

#news-side-box h2 {
	font-size:1rem;
	background: #ed6d00;
	color:#fff;
	padding:10px 0 7px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
}

#news-side-box ul li {
	list-style-type: none;
	list-style-position: inside;
	text-align: center;
}

#news-side-box ul li {
	padding: 15px 5px 13px;
	font-size:.875rem;
}

#news-side-box ul li a {
	display: inline-block;
	width: 90%;
	border-bottom: 0;
}

#news-side-box ul li a:hover {
	opacity: 0.6;
}

#news-side-box section {
	margin-bottom: 20px;
}

.news_title {
	margin-top:100px;
	text-align: center;
}

#news-side-box ul:last-child {
	margin-bottom: 0;
}

.contact_midashi {
	font-size:1.125rem !important;
	line-height: 2rem !important;
	padding-bottom: 5px;
}

.ws {
	white-space:normal !important;
}



.blogsingle h4 {
	padding:23px 0;
	font-size:1.25rem;
}

.blogbody {
	font-size: 1rem;
	line-height: 1.875rem;
}

.pager-box .l-box {
	width:46%;
}

.pager-box .r-box {
	width:46%;
}

.blogsingle-margin {
	margin-bottom: 65px;
}

.info-main-box {
	width: 60%;
	margin-bottom: 0;
	float: left;
}

.info-side-box {
	width: 30%;
	float: right;
}




/*
TB block --------------------------------------------*/
.i_p_b {display: none !important;}
.i_t_b {display: block !important;}
.i_s_b {display: none !important;}
.i_pt_b {display: block !important;}
.i_ts_b {display: block !important;}



/* TB 202005 */

#top-point-box {
	padding-bottom:80px;
	margin-bottom:100px;
}

#top-point-box h2 {
	padding:30px 0;
	margin-bottom: 50px;
}



#top-point-box .inner_box {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
 align-items: stretch;

}

#top-point-box .inner_box figure {
	width: 48.5%;
	height: auto;
	background:#fff;
	padding:15px;
	margin-bottom:40px;
}


.voice-box-01 {
	margin-bottom: 50px;
}

.voice-box-01 .inner_box {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.voice-box-01 .inner_box div {
	width: 48%;
}

.voice-box-01 .inner_box div .voice-profile {
	width: 100%;
  padding-top:20px;
  margin-bottom: 0;
}

.voice-box-01 .inner_box div .voice-profile .photo-box {
	width: 30%;
	height: auto;
}

.voice-box-01 .inner_box div .voice-profile .txt-box {
	width: 65%;
	height: auto;
	line-height: 20px;
	padding-top: 10px;
}


.shinro-box {
	padding:20px 20px 0px;
}




.top-support-box {
	margin:80px auto;
}

.arrow_box{
    position:relative;
    width:100%;
    height:auto;
    background:#FF71B9;
    padding:20px 10px;
    text-align:center;
    color:#FFF;
    font-size:1.5rem;
    font-weight: bold;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
}


.top-support-box .inner_box {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
  align-items: flex-start;
}

.top-support-box .inner_box figure {
	width: 45%;
	height: auto;
	margin:0 auto 30px;
}

h2.lower_box.osusume {
	background: url(imgs/bg_h2_osusume.jpg) 0 0 no-repeat;
	background-size: cover;
}

.img-osusume-catch-01 {
	width: 80%;
}

.kobetsu-box-01 {
	padding:50px 4%;
}

.kobetsu-box-01 .inner-box {
	padding:40px 30px;
}

.kobetsu-box-01 .inner-box h3 {
	padding:35px 0;
	font-size:2.5rem; 
	margin-bottom:30px;
}


.top-movie-box {
	padding:50px 0;
	margin:50px 0;
}

.top-movie-box .inner-box img {
	width: 60%;
	height: auto;
	margin-top: 30px;
}

.riji{
	text-align:center !important;
	margin-top:-50px;
}

.care-job {
	display: flex;
	justify-content: space-between;
}

.care-job figure {
	width:48%;
	margin-bottom:0;
}


.top-line-bnr {
	max-width:68%;
	margin:0 auto 30px;
}















}