@charset "utf-8";
@import "reset.css";
@import "genericons.css";/*web-font-icon-use*/
@import "../../manage/common/font-awesome.min.css";/*web-font-icon-use2*/
@import "common.css";

/* CSS Document */
/*==================== 基本設定 ====================*/
html{}
body{
  background:#ffffff;color:#1f1f1f;font-size:14px;line-height:1.5;-webkit-text-size-adjust:none;letter-spacing:0px;position:relative;
  font-family:"HiraKakuProN-W3", 'ヒラギノ角ゴ Pro W3', "TakaoExGothic", "Droid Sans Japanese", sans-serif;
  }
.l_centerbox{max-width:640px;margin:0 auto;overflow-x:hidden;}
.l_centerbox_in{padding-left:10px;padding-right:10px;}

table{font-size:1em;}
img, object{max-width:100%;}
.htxt{text-indent:100%;white-space:nowrap;overflow:hidden;}

/********** ヘッダー **********/
.l_header{position:relative;}
.l_header .logomark{
  width:180px;position:absolute;top:10px;left:50%;margin-left:-90px;
  background:url("../images/l_header_logo.png") no-repeat 0 0;
  -webkit-background-size:180px auto;-moz-background-size:180px auto;-o-background-size:180px auto;-ms-background-size:180px auto;background-size:180px auto;
  }
.l_header .logomark a{display:block;height:40px;text-indent:100%;white-space:nowrap;overflow:hidden;}
.l_header .button{display:inline;width:60px;background:#2a488e;}
.l_header .button > *{display:block;height:60px;text-indent:100%;white-space:nowrap;overflow:hidden;}
.l_header .button.menu{float:right;}
.l_header .button.menu span{
  background:url("../images/l_header_b_sitemenu.png") no-repeat 50% 50%;
  -webkit-background-size:31px auto;-moz-background-size:31px auto;-o-background-size:31px auto;-ms-background-size:31px auto;background-size:31px auto;
  }
.l_header .button.menu.open span{}
.l_header .button.form{float:left;}
.l_header .button.form a{
  background:url("../images/l_header_b_form.png") no-repeat 50% 50%;display:block;
  -webkit-background-size:45px 45px;-moz-background-size:45px 45px;-o-background-size:45px 45px;-ms-background-size:45px 45px;background-size:45px 45px;
  }
/********** コンテンツ **********/
.l_contents{}
.l_contents a{color: #2a488e;text-decoration: underline;}

/********** フッター **********/
.l_footer{
  padding-bottom:14px;
  background:url("../images/l_footer_line.jpg") repeat-x 50% 100% #eeeeee;
  -webkit-background-size:46px auto;-moz-background-size:46px auto;-o-background-size:46px auto;-ms-background-size:46px auto;background-size:46px auto;
  }
.l_footer .logomark{width:126px;margin:0 auto;padding:25px 0 20px;}
.l_footer .logomark a{
  display:block;height:30px;text-indent:100%;white-space:nowrap;overflow:hidden;
  background:url("../images/l_footer_logo.png") no-repeat 0 0;
  -webkit-background-size:126px auto;-moz-background-size:126px auto;-o-background-size:126px auto;-ms-background-size:126px auto;background-size:126px auto;
  }
.l_footer .contact{padding:0 10px 10px;font-size:12px;}
.l_footer .contact address{margin-bottom:5px;}
.l_footer .contact dl{}
.l_footer .contact dt{display:inline;float:left;}
.l_footer .contact dd{margin-left:40px;}
.l_footer .contact dd::before{content:"：";display:inline;margin-right:4px;}
.l_footer .copyright{padding:0 10px 25px;font-size:11px;line-height:1.3;text-align:center;}


/******************** メインナビ ********************/
.l_main_navi{width:100%;position:absolute;top:60px;left:0;display:none;}
.l_main_navi .nav_in{}

/*list_main*/
.l_main_navi .list_main{background:#ffffff;}
.l_main_navi .list_main .main::after{content:"";display:block;height:1px;background:#2a488e;margin:0 10px;}
.l_main_navi .list_main .main.cur_on{background:#dee4f2;}
.l_main_navi .list_main .main_in{display:block;text-align:center;padding:15px 0;font-size:16px;line-height:1;font-weight:bold;color:#2a488e;}
.l_main_navi .list_main .sec{padding:0px 10px 5px;display:none;}
.l_main_navi .list_main .cur_on .sec{padding:15px 10px 5px;background:#ffffff;}
.l_main_navi .list_main .sec li{padding-bottom:10px;}
.l_main_navi .list_main .sec_in{display:block;text-align:center;padding:15px 0;font-size:14px;line-height:1;font-weight:bold;color:#ffffff;}
.l_main_navi .list_main .sec.guide .sec_in{background:#f86b99;}
.l_main_navi .list_main .sec.course .sec_in{background:#f5b45c;}
.l_main_navi .list_main .sec.entrance .sec_in{background:#54c895;}
.l_main_navi .list_main .sec.route .sec_in{background:#7f8ef5;}
.l_main_navi .list_main .sec.school_life .sec_in{background:#b56cec;}

/*list_sub*/
.l_main_navi .list_sub{background:#fff;padding:10px 9px 0 10px;}
.l_main_navi .list_sub ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.l_main_navi .list_sub li{padding:0 1px 1px 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_main_navi .list_sub li{width:33.3333%;}
.l_main_navi .list_sub li.index3{width:25%;}
.l_main_navi .list_sub li.index3.regist a{background-color:#8e2a2a;}
/**
.l_main_navi .list_sub li.index1{width:25%;}
.l_main_navi .list_sub li.index2{width:33.3333%;}
.l_main_navi .list_sub li.index3{width:50%;}
**/
.l_main_navi .list_sub a{display:block;padding:45px 5px 10px;line-height:1.1;font-size:12px;text-align:center;color:#ffffff;
background:none 50% 50% no-repeat #2a488e;-webkit-background-size:32px auto;background-size:32px auto;}

.l_main_navi .list_sub li.row1 a{height:30px;}
.l_main_navi .list_sub li.row2 a,
.l_main_navi .list_sub li.row3 a{height:38px;}

.l_main_navi .list_sub li.index1 a{
  background-image:url("../images/l_mnavi_list2_1.png");
  background-position:50% 17px;
}
.l_main_navi .list_sub li.index2 a,
.l_main_navi .list_sub li.index3 a{
  background-image:url("../images/l_mnavi_list2_4.png");
  background-position:50% 15px;
}

.l_main_navi .list_sub li.funny a{font-size:10.5px;}

/********** ログインフォーム **********/
.login { margin-bottom:10px; }
.login p{ padding-left:10px;}
.login .form { padding:3px 0 0 10px; }
.login .form dt{ font-weight:bold; }
.login .form dd{ padding-bottom:5px; }

/********** ボタン関係 **********/
button,input[type=button],input[type=reset],input[type=submit] {}  

/********** テキスト入力関係 **********/
textarea,select,input{width:100%;}
input[type="checkbox"],input[type="radio"]{width:auto;}

textarea,select,input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="password"] ,input[type="search"]{
font-family:"HiraKakuProN-W3",Arial,sans-serif;
font-size:14px;padding:7px 10px;
border:1px solid #ccc;
box-sizing:border-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
-moz-box-sizing:border-box;-webkit-box-sizing: border-box;-o-box-sizing:border-box;-ms-box-sizing: border-box;box-sizing:border-box;}

label{display:block;}
select,input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="password"] ,input[type="search"]{
}

textarea:focus,textarea:hover { height: 10em; }

/********** SNSボタン **********/
#sns li{ float:right; width:30%; text-align:center; }

/********** メインビジュアル **********/
/** jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ ** Copyright 2012 WooThemes* Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html ** Contributing author: Tyler Smith (@mbmufffin)*/

/* FlexSlider Necessary Styles*********************************/
.slider_img{ position:relative;}
.slider{position:relative;}
.flexslider {margin: 0; padding:0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{ /** max-height: 350px; **/ max-width: 640px; margin:0 auto; display: block; width:100%;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider .slides > li span{display:block;width:100%;height:100%;background:none no-repeat 50% 50%;
-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height:1%;}

/* No JavaScript Fallback *//* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme*********************************/
.flexslider { position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

.flex-control-nav{width:100%;position:absolute;bottom:0px;margin-right:-5px;text-align:center}
.flex-control-nav li{margin-right:5px;line-height:20px;display:inline-block;}
.flex-control-nav a{width:10px;height:10px;overflow:hidden;text-indent:100%;white-space:nowrap;display:block;position:relative;}
.flex-control-nav a:before,.flex-control-nav a.flex-active:before{position:absolute;left:0;line-height:1;top:0;width:10px;height:10px;font-family:genericons;content:"";background-color:#785d5d;
-webkit-border-radius:50%;border-radius:50%;}
.flex-control-nav a.flex-active:before{background-color:#2a488e;}