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

.sp {}
/*横幅指定解除*/
.sp #header .inner,
.sp .breadcrumb,
.sp #container,
.sp #maincont,
.sp .contblk,
.sp .mf_comptx,
.sp .btn_large,
.sp .pagetop,
.sp #footer .inner { width:auto!important;}

/*非表示*/
.sp #header .site_desc,
.sp #header .btn_area,
.sp #nav,
.sp #sidecont,
.sp #footer .fnav,
.sp #footer .line_lr,
.sp #footer .contactBtn { display:none!important;}

/* ------------------------------------------
共通
------------------------------------------ */
body.sp { min-width:0; background-size:128px auto; font-size:15px; letter-spacing:0; line-height:1.4;}
.sp img { max-width:100%;}
.sp input[type="text"]{ height:30px; font-size:16px;}
.sp select { height:30px; width:80%!important; font-size:16px;}
.sp select{ font-size:16px;}
.sp #container { padding:10px 0 5px 0;}
.sp #maincont { float:none;}

.sp .contblk h2 { background-size:130px auto; border-radius:0;}
.sp .cont_ttl02 { background-size:130px auto; font-size:130%;}
.sp .breadcrumb { padding: 0 10px 0 30px; background-size: 12px auto; background-position: 10px 4px; margin:0;}

.radio_blk { margin-bottom:5px;}

/* ------------------------------------------
header
------------------------------------------ */
.sp #header { background-size:210% auto; background-position:40% -5px; height:auto; margin-bottom:0;}
.sp #header .logo { width:75%; left:-10px; top:-5px; position:inherit; margin-bottom:6%;}

/* モーダルメニュー*/
.sp #header .sp_menubtn{ display:block; position:absolute; right:10px; top:10%; padding:4px 8px 8px 8px; background:#709319; width:36px; height:36px; color:#fff; font-size:40px; line-height:1; text-align:center; border-radius:3px;}
.sp_menu{ width:96%; padding:0 10px; box-sizing:border-box;}
.sp_menu .plainmodal-close{ right:10px; top:50%; margin-top:-15px; color:#fff; position:absolute; font-size:24px; line-height:1;}
.sp_menu .menu_header{ position:relative; padding:10px; text-align:left; background-color:#709319; color:#fff; border-radius: 5px 5px 0 0; font-size:1.1em; font-weight:bold;}
.sp_menu .menu_header .ttl{}
.sp_menu .menu_body{ }
.sp_menu .menu_body ul{}
.sp_menu .menu_body ul li{text-align:left; border-bottom:1px solid #709319; position:relative;}
.sp_menu .menu_body ul li:last-child{border-bottom:none;}
.sp_menu .menu_body ul li a{ text-decoration:none; display: block; background:#fff;padding:15px; font-weight:bold;}
.sp_menu .menu_body ul li a.last{ border-radius:0 0 5px 5px;}
.sp_menu .menu_body ul li .fa{ position:absolute; right:12px; top:18px;}
.plainmodal-overlay{position: fixed; left: 0px; top: 0px; width: 100%; height: 150%; background-color: rgba(0, 0, 0, 0.7)!important; z-index: 9000; opacity:1!important;}

/* ------------------------------------------
footer
------------------------------------------ */
.sp .pagetop { background-size:70% auto; background-position:bottom left; position:inherit; padding-top:20px;}
.sp #footer .sp_menubtn { display:inline-block;}
.sp #footer .inner { padding:10px 0;}
.sp #footer .spBtnArea { text-align:center; padding:5px 10px;}
.sp #footer .spBtnArea a { color:#fff; font-size:1.2em;}
.sp #footer .flogo { display:block; margin:0 auto; width:50%;}
.sp #footer .ftr_baige .inner { padding:10px; font-size:0.8em;}


/* ------------------------------------------
 問合せ / 受講申し込み
------------------------------------------ */
.sp .contactTable {}
.sp .contactTable tr,
.sp .contactTable th,
.sp .contactTable td { display:block; width:100%;}
.sp .contactTable th { font-weight:bold; padding:20px 0 3px 0; border:0;}
.sp .contactTable td { padding:6px 0 20px 0;}

.sp .courseWrap table.type01 tr { display:table-row;}
.sp .courseWrap table.type01 td { display:table-cell; font-size:0.9em; line-height:1.6;}

.sp .contact .submit-container { padding:30px 0;}
.sp .contact .submit-container input[type="submit"],
.sp .contact .submit-container .fbtn { margin:0; width:80%;}
.sp .contact .submit-container input[type="submit"] { margin-top:15px;}

.courseWrap .item { padding-left:0; margin-bottom:20px;}
.courseWrap .catName02 { margin-left:0;}

.mf_comptx { margin:0;}