@charset "utf-8";
@import "reset.css";
@import "genericons.css";/*web-font-icon-use*/
@import "common.css";
@import "style_third.css";

/* CSS Document */
/*==================== 基本設定 ====================*/
html{}
body{max-width:480px;margin:0 auto;font-family:"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3",Roboto,"roid Sans",Arial,sans-serif;font-size:14px;line-height:1.5;color:#303033;-webkit-text-size-adjust:none;overflow-x:hidden;letter-spacing:1px;}
table{font-size:1em;}
img,object{max-width:100%;}
.f_serif{font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3",serif;}

/********** container ***********/
#container{}

/********** ヘッダー **********/
header{padding:10px;}
#head_wrapper{}
#header{} /** #shop_headerは style_shop.cssを参照 **/
#header h1{width:165px;margin-top:4.5px;}
#logo{margin-top:7px;}

#top{margin: 0 auto;}
#top .tel{font-size:10px;text-align:center;}
#top .ico{float:right;}
#top .ico img{ float:right;margin:5px 10px; }
#top a:link{text-decoration:none;}
#top .btn{font-size:0;width:98px;height:28px;}
#top .btn a{display:block;width:100%;height:100%;position:relative;font-size:13px;line-height:1;}
#top .btn a::before{position:absolute;line-height:1;font-family:FontAwesome;}
#top .btn a.mn::before{content:"\f0c9";font-size:13px;top:9px;left:10px;}
#top .btn a.mn span{padding:6px 0 8px 31px;}
#header_img_wrapper{ background:url(../images/hbg.jpg) repeat-x top; }

#help_navi{float:right;/*width:;*/}
#help_navi li{ float:left; margin-left:10px; }
	
/******************** メインナビ ********************/
#main-nav{background:#004896;padding:1px 0 0;z-index:100;
background: -webkit-linear-gradient(top, #004896 0%,#003f82 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#004896), to(#003f82));
background: -moz-linear-gradient(top, #004896 0%, #003f82 100%);
background: linear-gradient(to bottom, #004896 0%,#003f82 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004896', endColorstr='#003f82',GradientType=0 );
}
.main-nav{border-top:1px solid #4685ca;padding:0 10px;background:#215fa3;color:#ffffff;
background: -webkit-linear-gradient(top, #215fa3 0%,#003f82 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#215fa3), to(#003f82));
background: -moz-linear-gradient(top, #215fa3 0%, #003f82 100%);
background: linear-gradient(to bottom, #215fa3 0%,#003f82 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#215fa3', endColorstr='#003f82',GradientType=0 );
}
.main-nav .sepa{border-bottom:1px solid #6b88a3;}
.main-nav .f_serif{font-size:15px;line-height:15px;padding:14px 15px 14px 0;}
.main-nav ul li a{font-size:13px;line-height:15px;padding:14px;letter-spacing:0;}
#main-nav a,#main-nav span{color:#ffffff;display:block;position:relative;}
/*before a:beforeを用いることでaタグの更に下の階層も装飾できる*/
#main-nav a:before{content:"";position:absolute;top:50%;right:0;line-height:1;width:5px;height:7px;margin-top:-3.5px;
background:url("../images/btn_arw.png") no-repeat left top;
background-size:5px 7px; -webkit-background-size:5px 7px; -moz-background-size:5px 7px; -o-background-size:5px 7px; -ms-background-size:5px 7px;
}

/*hasChild*/
#main-nav .hasChild ul{border-top:none;border-bottom:1px solid #A1A1A1;}
#main-nav .hasChild li{}
#main-nav .hasChild a{color:#aaa;}
#main-nav .hasChild a:before{}
#main-nav .hasChild li:last-of-type a{}

/* カレント用 */
#main-nav .mnv_off{}
#main-nav .mnv_on{}

#body{position:relative;z-index:1;}
.slidemenu { top:0; width: 270px; position:fixed; visibility:hidden; z-index:-1;}
.slidemenu .slidemenu-header { position: relative;}
.slidemenu .slidemenu-body { height:100%; overflow: hidden; position:relative; background:#FFFFFF;}
.slidemenu .slidemenu-body .slidemenu-content { position: relative;}
.slidemenu-left {left: 0;}
.slidemenu-right {right: 0;}

.main-nav ul.in_list{display: none;}

.main-nav li span.switch::before {font-family: fontawesome;content: "\f067";font-size: 10px;right: -2px;top: 15px;display: inline-block;position: absolute;
}
.main-nav li span.switch.active::before{font-family: fontawesome;content: "\f068";font-size: 10px;right: -2px;top: 15px;display: inline-block;position: absolute;}

/********** コンテンツ **********/
#contents,#contents_shop{ padding: 0 10px 20px 10px; }
#contents.second{ padding: 20px 10px; }

  /* ぱんくず */
#pankuzu{padding-bottom:10px;text-align:right;font-size:11px;}
#pankuzu a:link { color:#698FDA;text-decoration:none;vertical-align:bottom;	}
#pankuzu a:visited { color:#698FDA;text-decoration:none;vertical-align:bottom; }
#pankuzu a:hover { color:#E0322C;text-decoration:underline;vertical-align:bottom; }

#pankuzu p{display:inline;border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;background:url(../images/pan.jpg) left no-repeat;padding:6px 10px 3px 15px;vertical-align:bottom;}
#pankuzu .panF{display:inline;border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;border-left:1px solid #EAEAEA;background:none;padding:6px 10px 3px 15px;vertical-align:bottom;}
#pankuzu img{display:inline;vertical-align:top;margin-bottom:-2px;_margin-bottom:-4px;}

*:first-child+html #pankuzu img{margin-bottom:-4px;}
head~/* */body #pankuzu img { margin-bottom:-4px; }
html:not(:target) #pankuzu img { margin-bottom:-2px; }

/********** 全ページ共通の下部 **********/
.gotop {margin:0 10px 15px 0;}

/********** フッター **********/
#footer{background:#faefe3;}

#footer a:link {text-decoration:none; }
#footer a:visited { text-decoration:none; }
#footer a:hover { text-decoration:underline; }

.footer_area{padding:10px;}
.footer_navi{border-bottom:1px solid #e6dcd1;padding-bottom:15px;}
.footer_navi li{position:relative;padding:2px 0;}
.footer_navi li::before{content:"｜";color:#cbc4bd;}

.copyright{font-size:10px;line-height:13px;padding:8px 0 5px;}
#copyright address{ font-size:90%;text-align:center;}

#page_top{padding:10px 20px 0;text-align:right;}

/********** ログインフォーム **********/
.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[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;width:100%;
	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;
}

select,input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="password"] ,input[type="search"]{
	/*min-height:18px;
	height:auto !important;
	height:18px;*/
}
/*
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)*/
 
/* Browser Resets */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles*********************************/ 
#slider_img{ position:relative;}
.slider{ background:#FFFFFF; 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;}

/* 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{height:20px;margin-right:-5px;text-align:center;}
.flex-control-nav li{margin-right:5px;line-height:20px;display:inline-block;}
.flex-control-nav a{width:20px;height:20px;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;font-size:44px;margin-top:-8px;left:-32px;line-height:1;top:0;font-family:genericons;content:"\f428";}
.flex-control-nav a:before{color:#ccc;}
.flex-control-nav a.flex-active:before{color:#000;}

.btn a{display:block;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;
    color:#fcf7f7;font-size:15px;line-height:1;letter-spacing:0;position:relative;padding:1px;
    box-shadow: 0 2px 3px rgba(157,157,157,0.5); -webkit-box-shadow: 0 2px 3px rgba(157,157,157,0.5); -moz-box-shadow: 0 2px 3px rgba(157,157,157,0.5); -o-box-shadow: 0 2px 3px rgba(157,157,157,0.5);    
}

.pager{margin-top:15px;}


/*枠付きボタン*/
.btn a span{display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;}
.btn a span::before{font-family:FontAwesome;position:absolute;}

/*青ボタン*/
.btn_blue a{background:#004896;}
.btn_blue a span{border-top:1px solid #4685ca;
background:#215fa3;
background: -webkit-linear-gradient(top, #215fa3 0%,#003f82 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#215fa3), to(#003f82));
background: -moz-linear-gradient(top, #215fa3 0%, #003f82 100%);
background: linear-gradient(to bottom, #215fa3 0%,#003f82 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#215fa3', endColorstr='#003f82',GradientType=0 ); 
}
/*赤ボタン*/
.btn_red a{background:#9f002e;}
.btn_red a span{border-top:1px solid #df4572;
background:#b8073c;
background:-webkit-linear-gradient(top, #b8073c 0%,#9c002f 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#b8073c), to(#9c002f));
background:-moz-linear-gradient(top, #b8073c 0%, #9c002f 100%);
background:linear-gradient(to bottom, #b8073c 0%,#9c002f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8073c', endColorstr='#9c002f',GradientType=0 );
}
/*緑ボタン*/
.btn_green a{background:#7ba617;}
.btn_green a span{border-top:1px solid #9cc82d;
background: #86b519;
background: -webkit-linear-gradient(top, #86b519 0%,#719c16 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#86b519), to(#719c16));
background: -moz-linear-gradient(top, #86b519 0%, #719c16 100%);
background: linear-gradient(to bottom, #86b519 0%,#719c16 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86b519', endColorstr='#719c16',GradientType=0 );
}

/********** サイドパーツ **********/
.side_help_navi{}
.side_navi{border-top:1px solid #e5e1dc;}
.side_navi a{position:relative;display:block;text-decoration:none;border-bottom:1px solid #e5e1dc;text-align:center;padding:13px 0 13px 35px;
line-height:16px;}
.side_navi a::before{font-family:FontAwesome;font-size:16px;position:absolute;text-shadow:0 2px 2px rgba(49,49,52,0.15);top:13px;
}
.snv1,.snv2,.snv4{font-size:12px;}
.snv3,.snv5,.snv6,.snv7,.snv8{font-size:16px;}
.snv1 span,.snv2 span,.snv4 span{font-size:16px;margin-left:10px;}
.snv4 a{font-size:11px;line-height:16px;}
.snv4 span{margin-top:4px;}
.snv1 a::before,.snv2 a::before,.snv3 a::before{left:17px;}
.snv5 a::before,.snv6 a::before,.snv7 a::before,.snv8 a::before{left:14px;}
.snv1 a::before{content:"\f002";}
.snv2 a::before{content:"\f040";}
.snv3 a::before{content:"\f019";}
.snv4 a::before{content:"";display:block;background:url("../images/btn_btm_joa.png") no-repeat left top;
background-size:20px 16px; -webkit-background-size:20px 16px; -moz-background-size:20px 16px; -o-background-size:20px 16px; -ms-background-size:20px 16px;
width:20px;height:16px;left:14px;
}
.snv5 a::before{content:"\f08e";}
.snv6 a::before{content:"\f0f6";}
.snv7 a::before{content:"";display:block;background:url("../images/btn_btm_useful.png") no-repeat left top;
	background-size:20px 18px; -webkit-background-size:20px 18px; -moz-background-size:20px 18px; -o-background-size:20px 18px; -ms-background-size:20px 18px;
	width:20px;height:18px;left:13px;
}
.snv8 a::before{content:"\f003";}

.side_links ul.link li{margin-bottom:15px;}
.btnstyle a,.btnstyle span.bg{display:block;position:relative;border:1px solid #e2deda;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;
background: rgb(252,251,250);
background: -moz-linear-gradient(top, rgba(252,251,250,1) 0%, rgba(240,236,233,1) 50%, rgba(234,231,228,1) 52%, rgba(222,217,213,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,251,250,1)), color-stop(50%,rgba(240,236,233,1)), color-stop(52%,rgba(234,231,228,1)), color-stop(100%,rgba(222,217,213,1)));
background: -webkit-linear-gradient(top, rgba(252,251,250,1) 0%,rgba(240,236,233,1) 50%,rgba(234,231,228,1) 52%,rgba(222,217,213,1) 100%);
background: linear-gradient(to bottom, rgba(252,251,250,1) 0%,rgba(240,236,233,1) 50%,rgba(234,231,228,1) 52%,rgba(222,217,213,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbfa', endColorstr='#ded9d5',GradientType=0 );
text-align:center;padding:5px;
box-shadow:0 1px 1.5px rgba(157,157,157,0.1); -webkit-box-shadow:0 1px 1.5px rgba(157,157,157,0.1); -moz-box-shadow:0 1px 1.5px rgba(157,157,157,0.1); -o-box-shadow:0 1px 1.5px rgba(157,157,157,0.1);
}
.btnstyle a::after,.btnstyle span.bg::after{font-family:FontAwesome;content:"\f105";position:absolute;right:10px;top:50%;
font-size:16px;margin-top:-12px;
text-shadow:-1px -1px 1px rgba(255,255,255,1); 
}
.btnstyle.outlink a::after{font-family:FontAwesome;content:"\f105";position:absolute;right:10px;top:50%;
font-size:16px;margin-top:-12px;
text-shadow:-1px -1px 1px rgba(255,255,255,1); 
}

/***certificate_examination**/
.tbl1 th{width:30%;max-width:80px;vertical-align:top;}
.tbl2 th{width:20%;}

/***certificate_place***/
/***certificate_reference***/

.fs_small{font-size:12px}
.txt_Right{text-align:right}

/***education***/
.education_content table th.row{width:35%;}
.education_content .link .btnstyle a{padding:10px 25px 10px 45px;}
.education_content .link .btnstyle a::before{font-family:FontAwesome;font-size:19px;position:absolute;text-shadow:0 2px 2px rgba(49,49,52,0.15);left:11px;top:50%;margin-top:-13px;
}

.btnstyle.icon_lifelong a::before{content:"\f040";}
.btnstyle.icon_session a::before{content:"\f0c0";}
.btnstyle.icon_correspondence a::before{content:"\f108";}
.btnstyle.outlink a::before{content:"\f19d";}
.pt_2{padding-top:20px;}
.pt_1{padding-top:10px;}
.mt_1{margin-top:10px;}

/***link***/
ul.link li .img{text-align:center;}
ul.link li .url{display:block;font-size:10px;}
ul.link li{margin-bottom:20px;}

/***news***/
.news_ul li{border-bottom:1px solid #e5e1dc;padding:15px 0 13px;}
.news_ul li:first-child{padding-top:5px;}
.news_ul span.date{display:inline-block;text-align:center;background:#c08647;width:83px;font-size:11px;line-height:11px;color:#fcf9f5;padding:2px 0;
-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;
}
.news_ul li .ttl{display:block;margin-top:8px;font-size:15px;letter-spacing:0;color:#004896;}

.notice_caution{padding:10px 0 5px;font-weight:bold;text-align:center;}
.news_ul .notice_set{display:none;}
.news_ul .notice_set .image{margin-top:15px;}
.news_ul .notice_set .about_alt{padding:5px 0;}
.news_ul .notice_set .text_set .txt{margin:15px 0;}
.news_ul .notice_set .text_set .btn{margin-bottom:10px;text-align:center;}
.news_ul .notice_set .text_set .btn span{padding:8px 0 10px;}

.sepa_solid{border-bottom:1px solid #e5e1dc;}
.sepa_dot{border-bottom:1px dotted #e5e1dc;}


/*** 2020/09/08 お知らせ ***/

.info_important{color: #ff0000;padding: 0 10px;}
.info_important .text{border: 1px #ff0000 solid;background-color: #fff;padding: 10px;margin-bottom: 20px;font-size: 13px;}
.info_important .text a{color: #ff0000;display: block;text-decoration: underline;margin-top: 10px;}