@charset "utf-8";

/* ================================================================================ */
/*                                                                                  */
/*      スタイル初期化                                                              */
/*                                                                                  */
/* ================================================================================ */

body,div,dl,dt,dd,ul,li,ol,li,h1,h2,h3,h4,h5,form,p,table,th,td,address{
	margin:0;
	padding:0;
}

body{
	line-height:1.4;
	color:#000;
	font-family: Roboto Condensed, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 游ゴシック体, "Yu Gothic", YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
}

a img,img{
	border:0;
}

ul,ol,li{
	list-style:none;
}

table{
    border-collapse:collapse; 
    border-spacing:0;
}


a{
	text-decoration:none;
	color:#222;
	line-height:1.3;
}
    
a:hover{

}

p{
	text-decoration:none;
	color:#222;
	line-height:1.3;
}

p:hover{

}

address{
	font-style:normal;
}


/* ================================================================================ */
/*                                                                                  */
/*      clearfix                                                                    */
/*                                                                                  */
/* ================================================================================ */

.clearfix{
	/zoom:1;
}

.clearfix:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}


/* ================================================================================ */
/*                                                                                  */
/*      汎用スタイル                                                                */
/*                                                                                  */
/* ================================================================================ */


.center{
	text-align:center !important;
}

.left{
	text-align:left !important;
}

.right{
	text-align:right !important;
}

.cancel{
	text-decoration:line-through !important;
}


/*----------------------------------------------------------------【見出し】*/

h1{
	font-weight:normal;
	font-size:12px;
	padding:10px 0 0 10px;
}

h2{

}

h3{

}

h4{
	font-size:14px;
	padding:5px;
	margin:15px 0 10px;
	color:#555;
}

h6{
	font-size:20px;
    color:#fff;
    margin : 3px;
	padding:3px 30px 3px 3px ;
	background:url(../img/sp/down.png) no-repeat right; 
	line-height:1.4;
	cursor: pointer;
	cursor: hand;
}

/* ================================================================================ */
/*                                                                                  */
/*     wrapper                                          */
/*                                                                                  */
/* ================================================================================ */

#wrapper{
	width:100%;
      
}

#container{
}

#contents{
	background-color: #fff;
	margin:20px auto 30px;
	padding:20px 10%; 
    min-height: 500px;
}

.ariaback{
	background:linear-gradient(to right bottom, #0009 0%, #282525 100%);
	padding:30px 0px; 
}

/* ================================================================================ */
/*                                                                                  */
/*      ヘッダーデザイン                                                            */
/*                                                                                  */
/* ================================================================================ */
#header2{
  display: none; 
  }

#header{
    padding:12px 0px;
	border-bottom:3px solid #fff;	
	background-color:#000000;
}

#header .header_main{
	padding: 0px 20px 0px 20px;
}

#header .logo {
	float: left;
	margin: 10px 0px 0px 20px ;
}

#header .Nav{
	padding: 0px 0px 8px;
	margin: 0px 10px 10px 100px;
}

#header #helpNav {
    width: 100%;
    background-color: #000;
}

#header #helpNav ul{
    max-width: 1100px;
    margin: 0 auto;
}

#header #helpNav li {
    display: inline-block;
    width: 11.5%;
    text-align: center;
	font-size:15px;
	color: #fff;
	font-weight:900;
}

#header #helpNav li a {
    display: block;
	color: #fff;
    text-decoration: none;
    padding: 15px 0;
}

#header #helpNav li a:after {
    display: block;
    content: "";
    width: 5%;
    height: 1px;
    background-color: #ffffff;
    margin: 10px auto 0;
    transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
}

#header #helpNav li a:hover:after {
    width: 100%;
}


#header_box .header_right .hello{
	margin-top:10px;
	float:left;
	line-height:1.2;
}

#header .Nav_top{
    text-align:center;  
    width: 100%;
}

#header .Nav_top p{
    margin: 10px auto;
	color: #000;
    font-weight: 900;
    font-size: 18px;
}

#header .Nav_top ul{
    max-width: 1200px;
    margin: 0 auto;
}

#header .Nav_top li {
    display: inline-block;
    width: 15%;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.08em;
	color: #000;
}

#header .Nav_top li a , .metropolis_sub ul li a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 15px 0;
}

#header .Nav_top li a:after , .metropolis_sub ul li a:after{
    display: block;
    content: "";
    width: 15%;
    height: 1px;
    background-color: #000;
    margin: 10px auto 0;
    transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
}

#header .Nav_top li a:hover:after, .metropolis_sub ul li a:hover:after {
    width: 100%;
}

/* ================================================================================ */
/*                                                                                  */
/*      topザイン                                                                */
/*                                                                                  */
/* ================================================================================ */

.top{
    background-image: url(../img/sp/roc2.png);
    background-size:cover;
	height:92px; 
	width:450px; 
	margin: 0px auto;
}

.top3{
	margin: 0px auto;
	padding: 40px 0px 100px;
}

.top9::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
	height:650px;
    background-color: rgba(0, 25, 50, 0.16);
}

@media screen and (max-width: 1600px) {
.top9{
    background-image: url(../img/standard_orange/top.png);
    background-size:cover;
	height:650px; 
	margin: 0px auto 40px;
}
}

@media screen and (min-width: 1601px) {
.top9{
    background-image: url(../img/standard_orange/top.png);
    background-size:cover;
    width:1600px;
	height:650px; 
	margin: 0px auto 40px;
}
}

.top9-1{
    position: absolute;
    top: 20%;
}

.top9-1 h2 {
    border-bottom:none;
    color:#fff;
    font-size: 60px;
    font-weight: 900;
    margin:0px;
    text-align:left; 
	padding: 100px 0px 0px 50px;   
}

.top9-1 h3 {    
    border-bottom:none;
    color:#fff;
    font-size: 40px;
    font-weight: 900;
    margin:0px;
    text-align:left; 
	padding: 50px 0px 0px 50px;   
}

.top9-1 p{ 
    font-size: 30px;
    color:#fff;
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: 0.1em;
	padding: 10px 0px 0px 110px;  
}

.top11{
	margin: 50px auto;
}

.top11 h2 {
    border:none;
    color:#000;
    font-size: 40px;
    font-weight: 900;
    margin:20px auto;
    text-align:center;   
}

.top11 p {
    color:#000;
    font-size: 25px;
    font-weight: 900;
    margin:0px;
    text-align:center;     
}

.areatop{
      width: 850px;
	  margin: 2px auto;
	  padding: 0px 18px;
	  color: #000000;
}

.areatop .metropolis{
	  font-size: 50px;
	  font-weight: 900;　
	  margin: 10px;
}

.areatop .metropolis_sub ul li {
	  font-size: 21px;
	  color: #000000;
	  font-weight:bolder;
	  float:left;
	  margin: 5px 10px 20px;
	}


/* ================================================================================ */
/*                                                                                  */
/*      ナビデザイン                                                                */
/*                                                                                  */
/* ================================================================================ */

#navi{
	margin-bottom:10px;
	border-bottom:2px solid #DDD;
	background:url(../img/standard_orange/menu_back.gif) repeat-x center #fd7100;
}

#navi ul{
}

#navi ul li{
	float:left;
}

#navi ul li a{
	float:left;
	padding:13px 23px;
	text-decoration:none;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	border-right:1px solid #FFF;
}

#navi ul li.login,
#navi ul li.logout{
	float:right;
	border:none;
	border-left:1px solid #FFF;
}

#navi ul li a:hover{
	background-color:#d05a00;
	text-decoration:underline;
}


/* ================================================================================ */
/*                                                                                  */
/*    job_navi                                    */
/*                                                                                  */
/* ================================================================================ */

.job_navi{
  padding:5px 0px 10px;    
  margin:20px 20px 20px 30px;
  width:700px;  
}

.job_navi ul {
 text-align: center;
}

.job_navi ul li{
    display: inline-block;
    list-style:none;  	
    display: inline;
	width:45.5%;
    background-color:#fff; 
	margin:5px auto 0px;
    vertical-align:top;
    display:-moz-inline-box; /*for Firefox 2*/
    display:inline-block; /*for modern*/
    /display:inline;  /* For IE 6/7 */
    /zoom:1; /* For IE 6/7 */
    border: 3px solid #000;
	border-radius: 4px; 
}

.job_navi ul li img{
	float:left;
	font-weight:bold;
    padding:15px 20px 20px 40px;   
}

.job_navi ul li p{
	color:#000;
	text-decoration:none;
	font-size:22px;
	font-weight:bold;
    padding:20px;
    text-align:justify;   
}

.job_navi ul li p:hover{
	color:#2f4f4f;
}

.job_navi ul li a{
  display: block;
  padding:5px 0px 0px ;  
}


/* ================================================================================ */
/*                                                                                  */
/*      コンテンツ汎用デザイン                                                      */
/*                                                                                  */
/* ================================================================================ */

/*----------------------------------------------------------------【contents_a】*/

.contents_a{
	background-color: #fff;
	margin:0px auto ;
}

.contents_a h2{
	font-weight: 700;
	font-size: 85px;
	letter-spacing: 10px;
	margin: 30px auto 0px 90px;
	text-align: left;
	color: #fff;
	border: none;
}

/*----------------------------------------------------------------【contents_b】*/

.contents_b{
	margin:30px auto  0px;
	padding:20px 0px  0px; 
}

.contents_b h2{
	font-weight: 700;
	font-size: 42px;
	letter-spacing: 10px;
	margin: 60px auto 0px auto;
	text-align: center;
	color: #fff;
	border:none;
}


/*----------------------------------------------------------------【contents_m】*/

.contents_m{
	float:left;
	width:700px;
}

.contents_m h2{
	margin:0 0 10px 0;
}


/*----------------------------------------------------------------【contents_s】*/

.contents_s{
	float:right;
	width:234px;
}

.contents_s	.contents_box{
	margin:0 0 10px 0;
}

.contents_s	.contents_box h2{
	margin:0;
}


/*----------------------------------------------------------------【contents_l】*/

.contents_l{
	margin:0 0 20px 0;
}

.contents_l h2{
	font-weight: 700;
	font-size: 42px;
	letter-spacing: 10px;
	margin: 60px auto 0px auto;
	text-align: center;
	border:none;
}

.contents_l h2 span{
	font-size:13px;
	color:#666;
	font-weight:normal;
}


/*----------------------------------------------------------------【共通】*/

.common{
	margin:15px 0;
}

.common p{
	line-height:1.5;
	margin:10px;
}

.common ul{
	margin:0 0 10px 30px;
}

.common ul li{
	line-height:1.5;
	list-style:circle;
	margin-bottom:3px;
}


/*----------------------------------------------------------------【メニュー】*/
#contents .tab_menu{
}

#contents .tab_menu ul{
	float:right;
}

#contents .tab_menu ul li{
	float:left;
}

#contents .tab_menu ul li a{
	background-color:#555;
	color:#FFF;
	text-decoration:none;
	padding:5px 17px 4px 17px;
	margin-left:7px;
	border:1px solid #BBB;
	display:block;
	float:left;
	font-weight:bold;
}

#contents .tab_menu ul li a:hover{
	background-color:#222;
}

#contents .tab_menu ul li.back a{
	border:1px solid #BBB;
	color:#444;
    background:url(../img/standard_orange/back.gif) no-repeat 10px 7px #FFF;
	padding-left:25px;
	font-weight:normal;
}

#contents .tab_menu ul li.back a:hover{
	background-color:#EEE;
}

#contents .tab_menu ul li .cancel{
	padding:5px 10px 4px 10px;
	margin-left:7px;
	display:block;
	float:left;
}


/* ================================================================================ */
/*                                                                                  */
/* myページ  */
/*                                                                                  */
/* ================================================================================ */

.mypage_m {
    padding: 50px auto;
    margin: 50px auto 100px ;
}

.mypage_m ul {
	width:900px;
    text-align:center;  
    margin: 0px auto;
}

.mypage_m ul li{
    display: inline-block;
	width:350px;
	height:80px;
	margin:10px;
    vertical-align:top;
    display:-moz-inline-box; /*for Firefox 2*/
    display:inline-block; /*for modern*/
    /display:inline;  /* For IE 6/7 */
    /zoom:1; /* For IE 6/7 */
    border: 2px solid rgba(6, 57, 12, 0.96);
	border-radius: 4px; 
    font-size: 30px;
    font-weight: bold;
    padding: 40px 30px 0px;
}

.mypage_m ul li a{
     color: rgba(6, 57, 12, 0.96);
}

.mypage_m ul li p{
     font-size: 16px;
     line-height: 1.7;
     color: #000;
}

.mypage p {
    font-size: 17px;
    line-height: 1.7;
    padding:20px 0px ;
    color: #000;
    width: 60%;
    margin: 15px auto 50px ;
}

.mypage_n ul {
	width:100%;
}

.mypage_n ul li{
    font-size: 17px;
	width:200px;
	height:22px;
    color: #000;
    border:none;
    padding:3px 0px;
	margin:0px;
}

.my_table{
	width:85%;
    color:#000;
	line-height:1.4;
	background-color:#FFF;
	border-collapse:collapse;
	margin:70px auto 20px;
}

.my_table table{
	width:100%;
}

.my_table th{
	text-align: left;
	padding:10px 0px 10px 30px;
	word-break:break-all;
	font-size: 1.8em;
	letter-spacing: 1px;
	line-height: 1.26;
}

.my_table td{
	text-align: center;
	padding:10px 15px;
	word-break:break-all;
	font-size: 1.3em;
	letter-spacing: 1px;
	line-height: 1.26;
}

.my_table td.date{
	text-align:left;
	padding:0px 50px 17px 50px;
	word-break:break-all;
	font-size: 1.1em;
	letter-spacing: 1px;
	line-height: 1.26;
	border-bottom:2px dotted #cd5c5c;
}

.aj {
    background: linear-gradient(to right bottom, #000 20%, #383938 80%);
	padding: 50px 0px;
}

/* ================================================================================ */
/*                                                                                  */
/*      コンテンツ各ページデザイン                                                  */
/*                                                                                  */
/* ================================================================================ */

/*----------------------------------------------------------------【トップページ】*/

.index,
.admin_index,
.cuser_index{
}

.info,
.search,
.other,
.regist,
.edit,
.delete,
.check{
}


/* ================================================================================ */
/*                                                                                  */
/* トップビデオ  */
/*                                                                                  */
/* ================================================================================ */

.top_video {
    left: -10px;
    top: 51px;
    width: 900px;
    margin: 10px auto ;
}

.top_video .first {
    padding: 25px 25px 20px;
     }  

top_video .first .title {
    font-size: 22px;
    margin-bottom: 20px;
}     

.top_video .first .catch {
    font-size: 19px;
    font-weight: bold;
    line-height: 30px;
}
 .top_video .first p {
    color: #ffffff; 
     font-size: 25px;  
}


/* ================================================================================ */
/*                                                                                  */
/* トップメインテキスト  */
/*                                                                                  */
/* ================================================================================ */

.top_memo_main {
	text-align: center;
	padding: 0 0 1px;
	position: relative;
}

.top_memo_main h2 {
    color: #000;
    margin: 40px auto 30px;
    font-size: 25px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    border: 2px solid #000;
    display: inline-block;
    padding: 25px 40px;
    position: relative;
    letter-spacing: 0.1em;
     border-radius: 4px;   
}

.top_memo_main .memo_main {
    font-size: 16px;
    letter-spacing: 0.1em;
    margin: 0px auto 20px;
	padding: 0px;
    text-align: center;
    color: #000;
}

/* ================================================================================ */
/*                                                                                  */
/* トップメインテキスト1  */
/*                                                                                  */
/* ================================================================================ */

.top_memo_main1 {
	text-align: center;
	padding: 0 0 1px;
	position: relative;
}

.top_memo_main1 h2 {
    color: rgba(6, 57, 12, 0.96);
    margin: 40px auto 30px;
    font-size: 25px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    border: 2px solid rgba(6, 57, 12, 0.96);
    display: inline-block;
    padding: 25px 40px;
    position: relative;
    letter-spacing: 0.1em;
     border-radius: 4px;   
}

.top_memo_main1 .memo_main {
    font-size: 16px;
    letter-spacing: 0.1em;
    margin: 0px auto 20px;
	padding: 0px;
    text-align: center;
    color:rgba(6, 57, 12, 0.96);
}


/* ================================================================================ */
/*                                                                                  */
/* トップメインテキスト2  */
/*                                                                                  */
/* ================================================================================ */

.top_memo_main2 {
	text-align: center;
	padding: 0 0 1px;
	position: relative;
}

.top_memo_main2 h2 {
    color: #fff;
    margin: 40px auto 30px;
    font-size: 25px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    border: 2px solid #fff;
    display: inline-block;
    padding: 25px 40px;
    position: relative;
    letter-spacing: 0.1em;
     border-radius: 4px;   
}

.top_memo_main2 .memo_main {
    font-size: 16px;
    letter-spacing: 0.1em;
    margin: 0px auto 20px;
	padding: 0px;
    text-align: center;
    color: #fff;
}

/* ================================================================================ */
/*                                                                                  */
/* トップメインテキスト3  */
/*                                                                                  */
/* ================================================================================ */

.top_memo_main3 {
	text-align: center;
	padding: 0 0 1px;
	position: relative;
}

.top_memo_main3 h2 {
    color: #000;
    margin: 40px auto 30px;
    font-size: 25px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    border: 2px solid #000;
    display: inline-block;
    padding: 25px 40px;
    position: relative;
    letter-spacing: 0.1em;
    border-radius: 4px;
}

.top_memo_main3 .memo_main {
   font-size: 17px;
    letter-spacing: 0.1em;
    margin: 0px auto 20px;
	padding: 0px;
    text-align: center;
    color: #000;
}

/* ================================================================================ */
/*                                                                                  */
/* tag5 */
/*                                                                                  */
/* ================================================================================ */

.select {
    border-bottom: solid 2px orange;
}
 
.disnon {
  display: none;
}


 /* トップ検索
----------------------------------------------- */

/* おすすめ＆新着の求人 */

.index .top_job{
	margin:0px 0px 10px ;
 }

.index .top_job ul{
	padding:0 0 10px;
}

.top_job p{
    margin:5px 1px;
    height: auto;
	font-size:15px;
	line-height: 1.3;
	text-align:left;
}

.top_job h3{
.index 	background:none;
	border:0;
	padding:5px 0 0;
	margin:0;
	line-height:1.5;
	font-size:12px;
	font-weight:normal;
	color:#444;
}


/* 新着の求人 */
.index .new h2{
	width:700px;
	height:36px;
	display:block;
	background:url(../img/standard_orange/h2_new.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	padding:0;
}

.index .new ul{
    padding:0 0 10px 10px;
}

.index .new ul li{
    background:url(../img/standard_orange/icon_01.gif) no-repeat left center;
    line-height:1.5;
    padding:2px 2px 2px 15px;
}


/* 求人情報の検索 */
.index .search h2{
	background:none;
	padding:0;
	border:none;
}

.index .search h2 a{
	width:700px;
	height:36px;
	display:block;
	background:url(../img/standard_orange/h2_job_search.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.index .job_search h2 a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/* 各検索項目 */
.index .top_search{

}

.index .top_search ul{
	padding:0 0 10px 0px;
}

.index .top_search li{
}


/* 地域から探す(4列) */
.index .area .body li{
	width:22%;
}


/* 雇用形態から探す(4列) */
.index .form h2{
	width:700px;
	height:36px;
	display:block;
	background:url(../img/standard_orange/h2_form.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	padding:0;
}

.index .form .body li{
	width:17%;
}


/* 特徴から探す(3列) */
.index .character h2{
	width:700px;
	height:36px;
	display:block;
	background:url(../img/standard_orange/h2_character.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	padding:0;
}

.index .character .body li{
	width:30%;
}


/* 職種から探す(2列) */
.index .category h2{
	width:700px;
	height:36px;
	display:block;
	background:url(../img/standard_orange/h2_category.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	padding:0;
}

.index .category .body li{
	width:46%;
}

/* ================================================================================ */
/*                                                                                  */
/*  pickup                            */
/*                                                                                  */
/* ================================================================================ */

.index .pickup {
	margin:0px 0px 30px;  
}

.index .pickup li{
    background-color:#fff;
    display: inline-block;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin:10px;
	padding:6px;
	width:285px;
    vertical-align:top;
    display:-moz-inline-box; /*for Firefox 2*/
    display:inline-block; /*for modern*/
    /display:inline;  /* For IE 6/7 */
    /zoom:1; /* For IE 6/7 */
	/margin-right:3px;
}


/* ================================================================================ */
/*                                                                                  */
/*  pickupb                      */
/*                                                                                  */
/* ================================================================================ */

.index .pickupb {
 padding:0px 0px 0px 0px;    
}

.index .pickupb h2{
    font-size:30px;
	font-weight:bolder;
	margin:0px 0px 50px;
　	color:#000;
    padding:150px 0 0;
    text-align: center;
}

.index .pickupb h4{
    font-size:17px;
	font-weight:bolder;
	color:#000;
    border-left:5px solid #48832C;
    border-bottom:1px solid #48832C;
   padding:3px 15px 5px;
}

.index .pickupb li{
    display: inline-block;
    margin:20px 5px;
	padding:0px;
	width:270px;
    vertical-align:top;
}

.index .pickupb p{
	line-height:1.2;
	font-size:16px;
	font-weight:800;
	text-align: left;
	padding:5px;
}

.index .pickupb_p a{
	text-decoration:underline;
}

.index .pickupb img {
    -webkit-box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
    box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
    border-radius: 7px;
}

.index .pickupb_p p{
	padding:10px;
	margin:50px auto;
	font-size:18px;
	color:#000;
	text-align:center;
	font-weight:bold;
}

/* ================================================================================ */
/*                                                                                  */
/*  pickupd              */
/*                                                                                  */
/* ================================================================================ */
.index .pickupd {

}

.index .pickupd ul {
	padding:5px 20px 0 !important; 
}

.index .pickupd li{
	height: auto;
	margin: 3px 2px !important; 
	display: inline-block;
	width: 147px !important; 
	vertical-align:top;
	box-shadow:none!important; 
}

.index .pickupd li p{
	font-size:15px !important; 
}

.index .pickupd li img{
	border-radius: 7px !important; 
}


/* ================================================================================ */
/*                                                                                  */
/*  pickupf                           */
/*                                                                                  */
/* ================================================================================ */

.index .pickupf {
   margin: 0px auto;
   text-align:center;
}

.index .pickupf li{
	background-color:#FFF;
    display: inline-block;
	margin:10px 3px;
	width:289px;
    vertical-align:top;
    display:-moz-inline-box; /*for Firefox 2*/
    display:inline-block; /*for modern*/
    /display:inline;  /* For IE 6/7 */
    /zoom:1; /* For IE 6/7 */
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.index .pickupf p{

}

/* ================================================================================ */
/*                                                                                  */
/*    .categoryg                                   */
/*                                                                                  */
/* ================================================================================ */

.categoryg {
	padding:10px 10px;    
	margin:20px 10px;
	color: #fff;
	border-radius: 7px;
	border: 2px solid #fff;
	background:linear-gradient(to right bottom, #000 0%, #3f3f44 100%);
}

#all{
	margin: 0px auto 10px;
	padding: 10px;
	font-size: 20px;
	color: #222;
	font-weight: bold;
	width: 250px !important;
}

.categoryg h4{
	margin: 7px 5px;
	padding: 8px 0px 8px 10px;
	font-size: 25px;
	color: #fff;
}

.categoryg select {
	font-size: 16px;
	padding: 5px;
	margin:0px 10px 10px;
	width: 250px;
}


.categoryg li{
	font-size: 28px;
	padding:2px;
}

.categoryg .body ul {
	text-align:left;
}

.categoryg .body li{
	font-size: 18px;
	padding:2px;
    display: inline-block!important;
	position:relative;
	width:100%;
	font-weight:900;
	margin:3px auto !important;
    vertical-align:top;
    display:-moz-inline-box; /*for Firefox 2*/
    display:inline-block; /*for modern*/
    /display:inline;  /* For IE 6/7 */
    /zoom:1; /* For IE 6/7 */
}

/* ================================================================================ */
/*                                                                                  */
/* category           */
/*                                                                                  */
/* ================================================================================ */

.index .category { 
	margin:40px 0px 50px; 
}

.index .category .body li{
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5), 0 -14px 9px rgba(86, 85, 120, 1) inset;
	width: 350px;
	display: inline-block;
	vertical-align: top;
	line-height:1.5;
	border-radius: 7px;
}


.index .category .body li p{
    font-size: 18px;
    position: relative;
    top: -55px;
    background: #fff none repeat scroll 0 0;
    border-color: #000000;
    border-style: solid;
    border-width: 0 0 5px;
    color: #000000;
    font-weight: bold;
    line-height: 140%;
    margin: 0px auto;
    padding: 2px 5px;
	width:300px;
	}
	
/* ================================================================================ */
/*                                                                                  */
/* categorye           */
/*                                                                                  */
/* ================================================================================ */


.index .categorye {
	margin:40px 0px 0px;  
}

.index .categorye .body li{
    display: inline-block;
	margin:10px　0px;
	width:300px;
    height:550px;
    vertical-align:top
}

.index .categorye .body li p{
	font-weight: 700;
	font-size: 18px;
	margin: 5px auto 0px auto;
	text-align: center;
	color: #fff;
	text-decoration:none!important; 
	}

/* ================================================================================ */
/*                                                                                  */
/* categoryc          */
/*                                                                                  */
/* ================================================================================ */

.index .categoryc {
	margin:40px 0px 30px; 
}

.index .categoryc .body li{
    display: inline-block;
	padding:0 0 50px;
	margin:10px 8px;
	width:350px;
    vertical-align:top;	
	border-radius: 0 0 7px 7px;
    -webkit-box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
    box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
}

.index .categoryc .body li img{
	border-radius: 7px 7px 0 0;
	}

.index .categoryc .body li video{
	border-radius: 7px 7px 0 0;
	}

.index .categoryc .body li h3{
	font-weight: 700;
	margin: 5px 0 0;
	font-size: 18px;
	padding:3px 10px 0;
	text-align: left;
	color: #000;
	}

.index .categoryc .body li p{
	font-weight: 700;
	font-size: 15px;
	padding:0 10px 3px;
	text-align: left;
	color: #000;
	}

/* ================================================================================ */
/*                                                                                  */
/* categoryd          */
/*                                                                                  */
/* ================================================================================ */

.index .categoryd {
	margin:40px 0 30px; 
}

.index .categoryd .body li{
    display: inline-block;
	margin:10px 8px;
	width:450px;
    vertical-align:top;
	border-radius: 0 0 7px 7px;
    -webkit-box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
    box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
	}

.index .categoryd .body li img{
	border-radius: 7px 7px 0 0;
	}

.index .categoryd .body li p{
	font-weight: 700;
	font-size: 18px;
	padding:0 0 70px;
	margin: 5px auto 0px auto;
	text-align: center;
	color: #000;
	}

/* ================================================================================ */
/*                                                                                  */
/* categoryh          */
/*                                                                                  */
/* ================================================================================ */

.index .categoryh {
	margin:40px 0px 30px; 
}

.index .categoryh .body li{
    display: inline-block;
	margin:10px;
	width:350px;
    vertical-align:top;
    -webkit-box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
    box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
    border-radius: 7px;
	}

.index .categoryh .body li p{
	font-weight: 700;
	font-size: 18px;
	padding:0 10px 20px;
	margin: 5px auto 0px auto;
	text-align: left;
	color: #000;
	}

.index .categoryh .body li img{
	border-radius: 7px 7px 0 0;
	}


/* ================================================================================ */
/*                                                                                  */
/*    .categoryf                                   */
/*                                                                                  */
/* ================================================================================ */
@media screen and (max-width: 1600px) {
.categoryf{
	margin:10px auto 20px;
	padding:0px 10px;
	width:100%;
}
}

@media screen and (min-width: 1601px) {
.categoryf{
	margin:10px auto 20px;
	padding:0px 10px;
	width:1500px;
}
}


.categoryf h2{
	margin: 30px auto 0px; 
	font-size: 26px;
	color: #222;
	text-align:left;
}

.categoryf h3{
	font-size:18px;
    color:#000;
    margin : 20px auto 0px;
	padding:5px 30px;
	line-height:1.4;
	cursor: pointer;
	cursor: hand;
}

.categoryf p{
	font-size:24px;
    color:#000;
    margin : 10px auto ;
	line-height:1.4;
}

.categoryf select {
	font-size: 16px;
	padding:10px;
	margin: 10px;
	width: 250px;
}

.categoryf li{
	font-size: 28px;
	padding:2px;
}


.categoryf .body ul {
	text-align:left;
}

.categoryf .body li{
	font-size: 16px;
	padding:2px;
    display: inline-block!important;
	position:relative;
	width:24.2%;
	margin:3px auto !important;
    vertical-align:top;
    display:-moz-inline-box; /*for Firefox 2*/
    display:inline-block; /*for modern*/
    /display:inline;  /* For IE 6/7 */
    /zoom:1; /* For IE 6/7 */
}

/* ================================================================================ */
/*                                                                                  */
/* categorym           */
/*                                                                                  */
/* ================================================================================ */


.index .categorym {
	margin:40px 0px 30px;  
    text-align:center;
}

.index .categorym .body li{
    display: inline-block;
	margin:10px;
	width:25%;
    vertical-align:top
	border-radius: 6px;
}




.search_addition_n table td {
	padding:0px 30px 10px;
}

.search_addition_n table td label, .search_addition_n table td select{
    font-size: 16px;
	padding:2px;
    display: inline-block!important;
	position:relative;
    font-weight:normal!important;
	width:24.2%;
	margin:3px auto !important;
    vertical-align:top;
    display:-moz-inline-box; /*for Firefox 2*/
    display:inline-block; /*for modern*/
    /display:inline;  /* For IE 6/7 */
    /zoom:1; /* For IE 6/7 */
      }



/* お知らせ
----------------------------------------------- */

.mod_newslist {
  margin:40px 0px 0px 40px;
}

.newinfo_list{
  position: relative;
  padding: 12px 8px 3px;
  border: solid 0.5px rgba(0, 25, 50, 0.8);
  border-radius:8px;
  color: rgba(0, 25, 50, 0.8);
  margin:30px auto;
  width:90%;
  background: #fff;
}

.newinfo_list ul:before{
  content: "インフォメーション";
  position: absolute;
  display: block;
  top: -10px;
  left: 20px;
  background: #fff;
  font-size: 16px;
  font-weight: bolder;
  padding: 0 10px;
}

.mod_newslist {
  margin:80px auto 50px 60px ;
}

.mod_newslist ul.sample1{
  position: relative;
  padding: 20px;
  color: rgba(0, 25, 50, 0.8);
  width:70%;
  background: #fff;
  margin:50px auto ;
}

.mod_newslist ul.sample1:before{
  content: "編集部よりお知らせ";  /* 好きな文字を記述 */
  position: absolute;
  display: block;
  top: -25px;
  left: 20px;
  background: #fff;
  font-size: 23px;
  font-weight: bolder;
  padding: 0 10px;
}

.mod_newslist ul.sample1 .news_more{
  text-align:right;
  text-decoration-line: none;
  font-size: 18px;
  font-weight: bold;
  color: rgba(0, 25, 50, 0.8);
}

.mod_newslist ul.sample1 li p{
  margin:0px 0px 10px 0px ;
}

.mod_newslist ul.sample1 li span.date{
  font-weight: bold;
  margin:50px 10px 5px 10px ;
  font-size: 15px;
}

.mod_newslist ul.sample1 li a{
  font-size: 15px;
  text-decoration-line: underline;
  color: rgba(0, 25, 50, 0.8);
}

.news_list{
	margin:50px 100px 120px;
}

.news_list li{
	margin-bottom:10px;
    background:url(../img/standard_orange/icon_02.gif) no-repeat left 3px;
	padding-left:17px;
	line-height:1.5;
	font-size: 15px;
}

.news_box{
	line-height:1.6;
}


/* ページ管理
----------------------------------------------- */
.page_box{
	padding:10px 20px;
	line-height:1.5;
}

.page_box h3{
	margin:10px 0;
}

.page_box p{
	margin:0 0 15px;
}

.page_box ul{
	margin:0 10px 15px 10px;
}

.page_box ul li{
	margin-bottom:5px;
    background:url(../img/standard_orange/icon_01.gif) no-repeat left 3px;
	padding-left:17px;
	line-height:1.5;
}


/* コントロールメニュー（ログイン後）
----------------------------------------------- */
.control{
	padding:8px;
}

.control ul li{
    display:-moz-inline-box; /*for Firefox 2*/
    display:inline-block; /*for modern*/
    /display:inline; /*for ie5～7*/
    /zoom:1; /*for ie5～7*/
	vertical-align:top;
	width:165px;
	margin:0 3px 10px 0;
}

.control ul li h2{
	font-size:14px;
    background:no-repeat left 0px;
	border:none;
	margin-bottom:0px;
	padding-left:30px;
}
	
.control ul li ul{
	padding:0 0 0 20px;
}

.control ul li li{
	display:block;
	margin:5px 0;
	padding:0;
	width:auto;
	line-height:1.3;
    background:url(../img/standard_orange/icon_02.gif) no-repeat left top;
	padding-left:12px;
}


/* 求職者見出しアイコン */
.control ul li.job h2{
    background-image:url(../img/standard_orange/control_doc.gif);
}

.control ul li.apply h2{
    background-image:url(../img/standard_orange/control_apply.gif);
}


.control ul li.mailbox h2{
    background-image:url(../img/standard_orange/control_mailbox.gif);
}
	
.control ul li.set h2{
    background-image:url(../img/standard_orange/control_set.gif);
}


/* トップページテーブル（ログイン後）
----------------------------------------------- */

p.as_info{
	margin:0 0 5px 0;
	color:#555;
	line-height:1.6;
}

p.as_info strong{
	color:#F00;
}



/* サイドメニュー
----------------------------------------------- */

/* 共通スタイル */

.contents_s .contents_box .side_menu{
	border:1px solid #EEE;
	border-top:0 none;
	padding:0px;
}

.contents_s .contents_box .side_menu ul{
	border-top:0;
}

.contents_s .contents_box .side_menu li{
	display:block;
	line-height:1.4;
	padding:10px;
}

.contents_s .contents_box .side_menu li+li{
	border-top:1px dotted #CCC;
}

.contents_s .contents_box .side_menu p{
	line-height:1.3em;
	padding:3px 0;
}


/* インフォメーション（ログイン後）
----------------------------------------------- */
.contents_s .info h2{
	width:234px;
	height:30px;
	display:block;
	background:url(../img/standard_orange/h2_info.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	padding:0;
}

.contents_s .info .side_menu p.date{
	border-top:1px dotted #CCC;
	padding:5px 10px;
	text-align:right;
}


/* お知らせ */
.contents_s .news h2{
	background:none;
	padding:0;
}

.contents_s .news h2 a{
	width:234px;
	height:30px;
	display:block;
	background:url(../img/standard_orange/h2_news.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	padding:0;
}

.contents_s .news h2 a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.contents_s .news .side_menu ul li span.date{
	font-weight:bold;
}

.contents_s .news .side_menu p.link{
	border-top:1px dotted #CCC;
	padding:5px 10px;
	text-align:right;
}


/* ページリンク */
.contents_s .page h2{
	width:234px;
	height:30px;
	display:block;
	background:url(../img/standard_orange/h2_topics.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	padding:0;
}


.contents_s .page li.image{
	padding:8px 0;
	text-align:center;
	line-height:0;
}



/*----------------------------------------------------------------【求人情報詳細ページ】*/

/* 求人詳細上部
----------------------------------------------- */

#job_info{
	margin:0 0 20px 0;
}

#job_info .title{
	background:url(../img/standard_orange/grad_top_white_50.gif) repeat-x top;
	padding:15px;
	line-height:1.5;
	border:1px solid #DDD;
}

#job_info .title h2{
	font-size:16px;
	background:none;
	border:0;
	margin:0;
	padding:0 0 10px;
}

#job_info .title h2 span{
	font-size:13px;
	font-weight:normal;
}

#job_info .title h2 .new{
	background-color:#F33;
	color:#FFF;
	font-size:10px;
	padding:2px 2px 1px;
	position:relative;
	top:-2px;
	margin-left:5px;
}

#job_info .navi p{
	float:left;
	width:400px;
}

#job_info .title .navi ul{
	float:right;
	position:static;
}

#job_info .title .navi ul li{
	float:left;
	position:static;
}


/* ================================================================================ */
/*                                                                                  */
/*  求人詳細内           */
/*                                                                                  */
/* ================================================================================ */
.job_text0{
	background: linear-gradient(to right bottom, #0009 0%, #282525 100%);
	margin:20px auto 0px ;
	padding:0px 0px 20px;
	}

.job_text1{
	clear: both;
	background-color: #fff;
	padding:20px 0px; 
	margin:0px auto ;
	}
	
.job_text1 .title_salry{
	font-size:55px;
	font-weight:900;
    text-align:center;
	margin:40px auto 20px ;
}

.job_text1 .title_apply{
	margin: 40px 0px 30px 5%;
}

.job_text1 .title_apply p{
	font-size:30px;
	font-weight:900;
	padding:0px 10px;
    text-align:left;
}

.job_text1 .title h2 .new{
	background-color:#F33;
	color:#FFF;
	font-size:10px;
	padding:2px 2px 1px;
	position:relative;
	top:-2px;
	margin-left:5px;
}

.job_text1 .navi p{
	float:left;
	width:400px;
}

.job_text1 .title .navi ul{
	float:right;
	position:static;
}

.job_text1 .title .navi ul li{
	float:left;
	position:static;
}

.job_text1 .gift{
   float:right;
    margin: 0px 10% 15px auto; 
    line-height: 18px;
    border: 2px solid #1e7785;
    border-radius: 3px;
    color: #1e7785;
    padding: 0 3px;
    font-family: inherit;
	text-align:center;
	width:280px;	
}

.job_text1 .gift p{
	font-size:20px;
	padding: 8px 10px;
    font-weight: 900;
}

.job_text1 .icon ul{
    width:95%;
	margin:0px auto;
}

.job_text1 .icon ul li{
    float:left;
	margin:3px ;
	font-size: 18px;
    line-height: 18px;
    border: 2px solid #000;
    border-radius: 3px;
    display: inline-block;
    color: #000;
    padding: 5px 10px;
    font-family: inherit;
    font-weight: 900;
}


.job_text1 .iconforma ul{
    width:730px;
	padding:10px 10px 10px 20px;
}

.job_text1 .iconforma ul li{
    float:left;
	margin:3px ;
	font-size: 22px;
    line-height: 18px;
    border: 2px solid #000;
    border-radius: 3px;
    display: inline-block;
    color: #000;
    padding: 5px 10px;
    font-family: inherit;
	font-weight: 900;
}

.job_text_sub{
	background-color:#fff;
	margin:10px ;  
	border-radius: 3px; 
	}
	
.job_text_sub2{
	background-color:#000;
	margin:10px ;  
	border-radius: 3px; 
	padding:10px;
	}

@media screen and (max-width: 1250px) {
.comment { 
    color: #000;
    text-align:left;
    padding:40px 0px 70px 70px;    
    width: 90%;
    margin: 0px auto;
}
}

@media screen and (min-width: 1251px) {
.comment { 
	color: #000;
	text-align: left;
	padding:40px 0px 70px 10%;  
	width: 90%;
	margin: 0px auto;    
}
}

.comment h2{ 
    color: #000;
    font-size: 30px;
    font-weight: 900;
    text-align:left;
	margin:20px 10px 0px;
	position: relative;
	display: inline-block;
	margin-bottom: 1.1em;
}

.comment h2:before {
	content: '';
	position: absolute;
	bottom: -5px;
	display: inline-block;
	width: 105%;
	height: 4px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #000;
	border-radius: 1px;
}

.comment .catchcopy{ 
    font-size: 30px;
    font-weight: bolder;
    padding-bottom: 20px;
}

.comment .sentence{ 
    font-weight: 500;
    font-size: 17px;
    line-height:1.6;
	margin:0px auto 100px;
	padding-left: 2%;
}

.comment .sentence2{ 
    font-weight: 500;
    font-size: 18px;
    line-height:1.6;
	margin:0px auto 100px;
	padding-left: 2%;
}

.job_text3{
	padding:50px 0px;    
	}

.job_text3 h2{
	font-size:32px;
	background:none;
	border:0;
	margin:40px auto 20px;
	padding:0 0 0px;
	color: #fff;
	font-weight:900;
	text-align:center;
	}

.job_text5{
	margin:40px auto;
	padding: 30px 0px 20px; 
	width:1000px;
	color: #FFF;

	}

.job_text5 .entry{
	font-size:35px;
	background:none;
	border:0;
	margin:50px auto 0px;
	padding:0 0 0px;
	color: #fff;
	font-weight:900;
	text-align:center;
	}

.job_text5 .entry_sub{
	font-size:28px;
	background:none;
	border:0;
	margin:10px auto 20px;
	padding:0 0 0px;
	color: #fff;
	font-weight:900;
	text-align:center;
	}

.more {
    margin:20px auto;
	text-align: center;
	}

.more a{
	font-weight: bold;
	font-size:16px;
	color:#fff;
	text-decoration:underline;
	}

/* ================================================================================ */
/*                                                                                  */
/*  job_container                 */
/*                                                                                  */
/* ================================================================================ */

.job_container .title{
	text-align: center;
}

.job_container .title span{
	font-size:25px;	
	line-height:1.3;
	font-weight:900;
}

.job_container .title span a{
	color:#ff7f50;
	text-decoration-line: underline;
	margin-top:10px;
}

.job_container{
	margin:50px auto 70px ;
}

.job_container .title h1{
	font-size:35px;
	background:none;
	border:none;
	margin:20px auto 10px;
	padding:0px;
	color: #fff;
	font-weight:900;
}

.job_container .title h2{
	font-size:25px;
	margin:50px auto 20px;
	color: #000;
	font-weight:900;
	border:none;
}

.job_container .title h1 span{
	font-size:20px;
	font-weight:800;
    color: #fff;
}

/* job_point
----------------------------------------------- */


.job_point{
	margin-bottom:15px;
}

/* 紹介写真 */
.point .job_point_container{
	margin-right:-15px;
}

.job_point_container h4{
    background-color:#EEE;
    font-size:13px;
    line-height:1.3;
    margin:5px 0;
    padding:7px;
}

.point .job_point_container .photo_box{
	float:left;
	width:180px;
	margin-right:25px;
	line-height:1.5;
}

.point .job_point_container .p3{
	margin-right:0;
}

.job_point_container .photo_box p{
	padding:0px 0 0;
}


/* 会社からのメッセージ・経営者・社員からのメッセージ */
.message{
	clear:both;
	padding-top:1px;
}

.message .photo_box{
	line-height:1.6;
	margin-bottom:20px;
}

.message .photo_box .object180{
	float:left;
	width:180px;
	margin:0 10px 10px 0;
}


/* 企業情報 */
.company .object160{
	border:1px solid #DDD;
	margin-bottom:10px;
}

/* この企業のその他の求人 */
.job_point_container ul{
	background-color:#FFF;
	padding:0 15px;
}

.job_point_container ul li{
	background:url(../img/standard_orange/icon_01.gif) no-repeat left 2px;
	padding:0 0 0 17px;
	margin:8px 0;
	line-height:1.5;
}

.job_point_container ul li.more{
	background:none;
	padding:0;
}


/* 登録フォーム
----------------------------------------------- */

#form_table{
	font-size:17px;
	padding:15px;
	width:1000px;
    margin: 0px auto;
}

#form_table a{
	text-decoration-line: underline;
	color:#2f4f4f;
}

#form_table table{
    font-weight: normal;
    line-height: 1.4;
    border-collapse: collapse;
    margin: 50px auto;
}

#form_table caption{
	color:#000;
	font-weight:bold;
	padding:15px;
	font-size:26px;
	text-align:center;
}


#form_table th{
	width:280px;
	vertical-align:top;
	margin:0;
	padding:10px 10px 15px;
}

#form_table td{
	width:780px;
	vertical-align:top;
	margin:0;
	padding:10px 10px 15px;
}

#form_table td select,
#form_table td input{
	margin:0 2px 2px 0;
}

#form_table td label,
#form_table td select{
	margin-right:7px;
}

#form_table th.row{
	background-color:#DDD;
	padding:8px;
}

#form_table .terms{
    border: 0 none;
    height: 200px;
    width:890px;
	overflow: scroll;
}

/* 利用規約 */
.terms{
    background-color:#FFF;
    line-height:150%;
	padding:0 10px;
	font-size:12px;
}

.terms h2 {
    font-size:13px;
    padding-top:10px;
	background:none;
	border:none;
}

.terms ol, .terms ul {
    margin:10px 0 10px 25px;
}

.terms ul li{
    list-style: disc outside none;
}

.terms .date{
	margin-top:15px;
}



/* 登録ヒント */
span.hint{
	color:#555;
	border:1px dashed #888;
	padding:5px;
	margin:5px 5px 5px 0;
	font-size:12px;
	display:block;
	background-color:#FFF;
}

/* 必須マーク */
span.att{
	color:red;
	font-weight:normal;
	display:block;
	line-height:1.5;
}

/* メッセージ */
#message{
	text-align:center;
	padding:50px 0;
	line-height:1.4;
	font-size:18px;
}

#message p{
	margin:30px 0;
	font-size:27px;
	font-weight:900;
	line-height:1.3;
}

#message ul{
	margin:10px 0;
}

#message ul li{
	margin:2px 0;
	font-size:25px;
	font-weight:900;
}

/* 注意 */
.attention{
	background:#FFF;
	color:red;
	padding:5px;
	margin:0 0 10px 0;
}


/* エラーメッセージ包括 */
.error{
	line-height:1.5;
	color:red;
	padding:10px;
	margin:0 0 10px 0;
	border:1px solid red;
	background-color:#FFF;
}

/* エラーメッセージ個別 */
.validate .error{
	padding:0px;
	margin:5px 0 0 0;
	border:none;
	line-height:1.4;
	background:none;
}

/* エラーフラグ */
.validate{
	background:none;
}

.validate input[type=text],
.validate input[type=radio],
.validate input[type=password],
.validate select,
.validate textarea{
	background-color:#FFF7F7;
	border:1px solid #FF5656;
}

/* 送信ボタン */
.form_button{
	text-align:center;
	padding:10px 0px;
}

.form_button{
	text-align:center;
	padding:10px 0px;
}

.form_button input{	
    display: inline-block;
    font-size: 20px;
	margin:20px;
	padding: 10px 20px;
	border-radius: 3px;
	border: 1.8px solid #000;
	color: #000;
	font-weight:900;
	background:#fff;
	cursor: pointer;
	cursor: hand;
}

.form_button input:hover{
	background:#f5deb3;
	border-radius: 3px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline: none;
}



/* ================================================================================ */
/*                                                                                  */
/*      user                               */
/*                                                                                  */
/* ================================================================================ */

#user_info{
	padding:15px;
	border:1px solid #DDD;
	margin:10px 0 20px;
}

#user_info .photo{
	width:292px;
	float:left;
}

#user_info .frame{
	padding:5px;
	margin:0 0 10px;
	border:1px solid #EEE;
	background:url(../img/standard_orange/grad_top_white_50.gif) repeat-x top;
}

#user_info .text{
	width:600px;
	float:right;
}

/* ================================================================================ */
/*                                                                                  */
/* entry_table       */
/*                                                                                  */
/* ================================================================================ */
.entry_table{
	margin:10px auto 20px;
	padding:0px 10px;
	width:100%;
}

.entry_table h2{
	font-size:30px;
	margin:50px auto 20px;
	padding:0px 0px 0px 0px;
	color: #000;
	font-weight:900;
	text-align:center;
}


.entry_table table{
	width:96%;
	line-height:1.3;
	background-color:#FFF;
	border-collapse:collapse;
    letter-spacing: 1.5px;
}

.entry_table table caption {
	font-size:20px;
	margin:30px auto 0px;
	padding:0px 0px 10px 0px;
	color: #000;
	font-weight:900;
}

.entry_table th{
	vertical-align:center;
	padding:10px 0px;
	word-break:break-all;
    color: #333;
    font-size: 16px;
}


.entry_table td{
	vertical-align:center;
	padding:10px 5px;
	border-bottom:1px solid #fff;
	word-break:break-all;
    color: #000000;
    font-size: 16px;
}

/* ================================================================================ */
/*                                                                                  */
/*      mail_info_box                                   */
/*                                                                                  */
/* ================================================================================ */
#mail_info_box{
	width:1000px;
	padding:40px 100px 100px;
	margin:0px auto;
}

#mail_info_box p{
	margin:10px 0px;
	padding:0;
}

#mail_info_box p.subject{
	font-size:22px;
	font-weight:bold;
}

#mail_info_box p.date{
	font-weight:100;
	font-size:14px;
	float:right;
}

#mail_info_box p.del{
	font-weight:100;
	font-size:17px;
	text-align:center;
}

#mail_info_box p.text{
	font-size:15px;
	border-top:2px dotted #CC1C1C;
	padding:15px 0px 0px ;
	margin:0px 0px 170px;
	line-height:1.5;
}


/* ================================================================================ */
/*                                                                                  */
/*     check_table                          */
/*                                                                                  */
/* ================================================================================ */

#check_table{
	width:1000px;
	margin:50px auto;
	color: #333;
}

#check_table table{
	width:90%;
	margin:10px auto 100px;
	line-height:1.4;
	border-collapse:collapse;
}

#check_table table caption{
	font-weight:bold;
	font-size:20px;
	margin:10px auto 20px;
}


#check_table table table{
	margin:5px 0;
}

#check_table th{
	padding:20px;
	font-weight:700;
	font-size:16px;
	text-align:left;
}

#check_table td{
	padding:20px;
	font-size:15px;
}


/* ================================================================================ */
/*                                                                                  */
/*   list_table                              */
/*                                                                                  */
/* ================================================================================ */

@media screen and (max-width: 1600px) {
#list_table{
	margin:10px auto 20px;
	padding:0px 10px;
	width:100%;
}
}

@media screen and (min-width: 1601px) {
#list_table{
	margin:10px auto 20px;
	padding:0px 10px;
	width:1500px;
}
}


#list_table table{
	width:100%;
	line-height:1.5;
}

#list_table th,
#list_table td{
	text-align:center;
	padding:10px 5px;
	font-size: 16.5px;
}

#list_table th a,
#list_table td a{
	text-decoration:underline;
}


/* ================================================================================ */
/*                                                                                  */
/*   mail_table                                 */
/*                                                                                  */
/* ================================================================================ */
@media screen and (max-width: 1600px) {
#mail_table{
	margin:10px auto 20px;
	padding:0px 10px;
	width:100%;
}
}

@media screen and (min-width: 1601px) {
#mail_table{
	margin:10px auto 20px;
	padding:0px 10px;
	width:1500px;
}
}

#mail_table table{
	width:100%;
	line-height:1.5;
}

#mail_table th,
#mail_table td{
	text-align:left;
	padding:5px 10px;
    font-size: 14px;
}

#mail_table th{
   margin: 0 auto;
    border-collap<th>: separate;
    border-spacing: 0 10px;
    background: #f5f5f5;
}

#mail_table th a{
	text-decoration:underline;
}

#mail_table td ,
#mail_table td a{
    border: none;
    color: #000;
    vertical-align: middle;
}

#mail_table tr.clickable:hover td{
	background:#c90000;
	cursor:pointer;
}


/* bZ[W̊ǂƖ */
tr.opened td{
	color:#000;
}

tr.opened td span.icon{
	display:block;
	width:20px;
	height:13px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/standard_orange/msg_open.gif) no-repeat;
}

tr.unopened td{
	font-weight:bold;
	color:#222;
}

tr.unopened td span.icon{
	display:block;
	width:20px;
	height:13px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/standard_orange/msg_close.gif) no-repeat;
}


/* ================================================================================ */
/*                                                                                  */
/* search_table       */
/*                                                                                  */
/* ================================================================================ */
@media screen and (max-width: 1600px) {
#search_table{
	margin:10px auto 20px;
	padding:0px 10px;
	width:100%;
}
}

@media screen and (min-width: 1601px) {
#search_table{
	margin:10px auto 20px;
	padding:0px 10px;
	width:1500px;
}
}

#search_table table{
	width:100%;
	border-collapse:collapse;
}

#search_table table th{
}

#search_table table th,
#search_table table td{
	font-size: 16px;
	color: #000;
	padding: 20px 20px;}

#search_table table td label{
	font-size: 16px;
	color: #000;
	padding: 3px;
	   float: left;
    height: 30px;
    width: 150px
}

#search_table table td select{
	font-size: 16px;
	color: #000;
	padding: 10px 10px 10px 10px;
}

/* ================================================================================ */
/*                                                                                  */
/*table      */
/*                                                                                  */
/* ================================================================================ */

.info_table{
}

.info_table table{
	width:100%;
	line-height:1.4;
	background-color:#FFF;
	border-collapse:collapse;
	border:1px solid #fff;
	margin-bottom:15px;
}

.info_table table table{
	margin:5px 0;
}

.info_table caption{
    background-color:#fff;
    color:#000;
    font-size:14px;
    font-weight:bold;
    padding:6px;
    text-align:left;
}

.info_table table table caption{
    font-size:12px;
    padding:5px;
}

.info_table table tr:nth-child(odd){
	
}

.info_table th{
	vertical-align:top;
	padding:10px 0px;
	border-bottom:1px solid #fff;
	word-break:break-all;
    color: #333;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.26;
}


.info_table td{
	vertical-align:top;
	padding:10px 5px;
	border-bottom:1px solid #fff;
	word-break:break-all;
    color: #000000;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.26;
}

.info_table_tel{
	width:800px;
    margin: 0px auto 60px auto;
	border-radius: 30px;
	border: 3px solid #fff;
}


.info_table_tel th{
    text-align:right;
	padding:10px 0px 10px 0px;
    color: #fff;
    font-size: 28px;
}

.info_table_tel td{
	padding:10px 0px 10px 10px;
    color: #fff;
    font-size: 40px;
}


.area_table{
	width:90%;
	margin: 10px 0;
    padding:5px 5%;
}

.area_table table{
	line-height:1.4;
	border-collapse:collapse;
	margin-bottom:15px;
}

.area_table td{
	font-size:18px;
	width:13.5%;
	float:left;
	margin: 10px 0.5%;
	padding: 5px 10px;
    font-weight: bold;
    border: 2px solid #fff;
}

.area_table td:hover {
    border-style: dashed;
	border: 2px dashed #fff;
}	

.area_table td a{
    color: #fff;
}	
/* ================================================================================ */
/*                                                                                  */
/*    addition table    */
/*                                                                                  */
/* ================================================================================ */

.search_addition table input[type="checkbox"]{
	margin-right:8px;
 }

.search_addition table  {

}

.search_addition table th{
    text-align: left;
}

.search_addition table td{
	font-size: 15.5px;
	color: #000;
	text-align: left;
	 }
	 
.search_addition table td label, .search_addition table td select{
    font-size: 16px;
	color: #fff;
	padding:2px;
    font-weight:900;
    display: inline-block!important;
	position:relative;
    font-weight:normal!important;
	width:100%;
	margin:3px auto !important;
    vertical-align:top;
    display:-moz-inline-box; /*for Firefox 2*/
    display:inline-block; /*for modern*/
    /display:inline;  /* For IE 6/7 */
    /zoom:1; /* For IE 6/7 */
      }


/*----------------------------------------------------------------【ページャー】*/

.search_page{
	margin:0 0 20px 0;
	text-align:center;
}

.search_page p{
	font-size:15px;
	margin:0 0 5px 0;
}

.search_page p span{
	font-weight:bold;
	margin:0 3px;
}

.search_page li{
	line-height:24px;
	display:inline;
	padding:3px 0;
}

.search_page li.focus{
	padding:3px 7px;
	font-weight:bold;
}

.search_page li a{
	text-decoration:none;
	padding:3px 7px;
	color:#333;
	border:1px solid #f6ce96;
}

.search_page li.back a{
	background:#f6ce96;
}

.search_page li.page a{
	background:#fdf2d9;
}

.search_page li a:hover{
	background:#eb6600;
	color:#EEE;
	border:1px solid #eb6600;
}


/* ================================================================================ */
/*                                                                                  */
/*   list                                       */
/*                                                                                  */
/* ================================================================================ */

.list{

}

.list .title{
    font-size: 1.3rem;
    line-height: 1.4;
    color: #414141;
    font-weight: 400;
    padding: 0px 0px 0px 10px;
	margin:0px!important;
}


.list .title h3 .limitation{
	color:#F30;
	padding-left:3px;
	font-weight:bold;
	font-size:14px;
}

.list .title h3 .new{
	background-color:#F33;
	color:#FFF;
	font-size:10px;
	padding:2px 2px 1px;
	position:relative;
	top:-2px;
	margin-left:5px;
}

.list .catchcopy{
    font-size: 16px;
    line-height: 1.25;
    color: #000;
    font-weight: 800;
    padding: 0px 5px;
}

.list .title_apply{
    font-size: 17px;
    font-weight: 900;
    padding: 0px 10px;
    text-align: center;
    margin: 5px auto;
}

.list .job_text{
    border-radius: 6px;
    border: 1px dashed #333;
    margin: 0px 2px 5px 2px;
    padding: 3px 5px;
    line-height: 1.2;
    text-align:left;
}

.list .job_text ul li{
    font-size: 16px;
    color: #050505;
	display:none;
	margin:0px;
	width:95%;
    vertical-align:top;
    display:-moz-inline-box; /*for Firefox 2*/
    display:inline-block; /*for modern*/
    /display:inline;  /* For IE 6/7 */
    /zoom:1; /* For IE 6/7 */
	box-shadow:none;
	-webkit-border-radius:none;
	-moz-border-radius:none;
	border-radius: none;
}

.list .iconformb ul li{
    float:left;
	margin:3px!important;
    width: auto!important;
	font-size: 14px;
    line-height: 18px;
    border: 1px solid #00A4BB;
    border-radius: 3px;
    display: inline-block;
    color: #00A4BB;
	padding:3px 5px;
    font-family: inherit;
    box-shadow: none;
}

.button ul .entry2{
	color: #fff;
	padding: 10px;
    list-style:none;  
	font-weight: bold;
	text-align: center;
	font-size: 18px!important;
    width:150px;
	background: -moz-linear-gradient(
		top,
		#ff1212 0%,
		#e83a3a);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff1212),
		to(#e83a3a));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 8px;
	border: 0px solid #050a73;
	-moz-box-shadow:
		1px 2px 0px rgba(000,000,000,0.4),
		inset 0px 0px 0px rgba(128,180,206,1);
	-webkit-box-shadow:
		1px 2px 0px rgba(000,000,000,0.4),
		inset 0px 0px 0px rgba(128,180,206,1);
	box-shadow:	1px 2px 0px rgba(000,000,000,0.4),
		inset 0px 0px 0px rgba(128,180,206,1);
}

* ================================================================================ */
/*                                                                                  */
/*  button                     */
/*                                                                                  */
/* ================================================================================ */

.button{
	position:relative;
	overflow:hidden;
	margin:20px auto 30px auto;
}

.button ul{
	position:relative;
	left:50%;
	float:left;
}

.button ul li{
	position:relative;
	left:-50%;
	float:left;
	margin:0px 20px;
	border: 5px solid #fc1605;
	font-weight:900;
	background:#ffed26;
}

.button a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* e[ůe{^iZ^Oj */
td .button{
	position:static;
	overflow:visible;
}

td .button ul{
	position:static;
	left:50%;
	float:left;
}

td .button ul li{
	position:static;
	float:left;
}


p a.entry_button{
	margin:0 auto;
}

a.entry_button{
	color: #000;
    display:block;  
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	padding: 15px 20px;

}

a.favorite_out_button ,a.favorite_add_button{
	color: #ff0000;
    display:block;  
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	padding: 15px 20px;
}



/*----------------------------------------------------------------【画像】*/

.object280 span,
.object180 span,
.object160 span,
.object80 span{
	display:none;
}

.object280 a,
.object180 a,
.object160 a,
.object80 a{
	display:block;
}

.object200{
    width:380px;
    height:400px;	
-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.object200 :hover {
    border-radius: 7px;
    box-shadow: 0 3px 11px rgba(0, 0, 0, 0.5), 0 -14px 9px rgba(86, 85, 120, 1) inset;
    margin: 5px 5px 5px 5px;
  -webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

.object250{
    border: 3px solid #fffff0;
    border-radius: 3px;
    box-shadow:0 1px 6px rgba(0, 0, 0, 0.3), 0 -14px 9px rgba(255, 255, 255, 0) inset;
    width: 400px;
}

.object280{
	width:280px;
	height:210px;
	background:url(../img/standard_orange/no_image_280x210.gif);
}

.object280 a{
	width:280px;
	height:210px;
}

.object300{
    border-radius: 7px;
    box-shadow: 0 3px 11px rgba(0, 0, 0, 0.5), 0 -14px 9px rgba(86, 85, 120, 1) inset;
    margin: 0 0 0px 0px;
    width: 390px;
	background:url(../img/standard_orange/no_image_300x200.gif);
}

.object370{
	width:470px;
	float:right;
    border-radius: 20px; 
    margin-left: 20px;
    padding: 10px 0px;
}

.object181{
    padding: 3px;
}


@media screen and (min-width: 1251px) {
.object900{
   width:1200px;
   display: block;
   text-align: center;
   margin: 0px auto;
}
}



/*----------------------------------------------------------------【フォームチェックボックス】*/

.tableCheckForm2 label{
	display:block;
	width:48.5%;
	float:left;
	margin-bottom:2px;
}

.tableCheckForm3 label{
	display:block;
	width:32%;
	float:left;
	margin-bottom:2px;
}

.tableCheckForm4 label{
	display:block;
	width:24%;
	float:left;
	margin-bottom:2px;
}

.tableCheckForm5 label{
	display:block;
	width:19%;
	float:left;
	margin-bottom:2px;
}

.tableCheckForm label{
	display:block;
	float:left;
	margin-bottom:2px;
	margin-right:5px;
}

.tableCheckForm180 label{
	display:block;
	width:180px;
	float:left;
	margin-bottom:2px;
}

.tableCheckForm285 label{
	display:block;
	width:285px;
	float:left;
	margin-bottom:2px;
}

.tableCheckForm33per label{
	display:block;
	width:33%;
	float:left;
	margin-bottom:2px;
}

.tableCheckForm50per label{
	display:block;
	width:50%;
	float:left;
	margin-bottom:2px;
}


/* ================================================================================ */
/*                                                                                  */
/*【フッターデザイン】                       */
/*                                                                                  */
/* ================================================================================ */

#pageup{
	margin-bottom:10px;
}

#pageup a{
	background:url(../img/standard_orange/pageup.gif) no-repeat left top;
	display:block;
	height:21px;
	width:130px;
	margin:0 0 5px auto;
	overflow:hidden;
	text-indent:-9999px;
}

#pageup a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}

#footer{
	text-align:center;
	padding:15px 0;
	background:url(../img/standard_orange/grad_top_silver_50.gif) repeat-x top;
}

#footer .navi{
	border-bottom:1px dotted #CCC;
	line-height:1.5;
	padding:0 0 15px 0;
}

#footer .navi li{
	display:inline;
	padding:0 10px 0 13px;
}

#footer .navi li+li{
	border-left:1px solid #222;
}


#footer a{
	color:#202020;
	text-decoration:none;
}

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

#footer p{
	font-size:10px;
	font-style:normal;
	text-align:right;
	padding:10px;
	color:#CCC;
	line-height:1.2;
}

#footer2{
	text-align:center;
	padding:30px 0px;
	background:#000;
	font-size:14px;
	border-top:3px solid #fff;
}


#footer2 .navi{
    width: 100%;
}

#footer2 .navi ul{
    max-width: 90%;
    margin: 0 auto;
}


#footer2 .navi li{
    display: inline-block;
    width: 12%;
    text-align: center;
}

#footer2 .navi li a{
    display: block;
    color: #ffffff;
    text-decoration: none;
    padding: 15px 0;
}

#footer2 .navi li a:after {
    display: block;
    content: "";
    width: 5%;
    height: 1px;
    background-color: #ffffff;
    margin: 10px auto 0;
    transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
}

#footer2 .navi li a:hover:after {
    width: 100%;
}

#footer2 p{
	font-size:13px;
	font-style:normal;
	text-align:right;
	padding:10px;
	color:#fff;
	line-height:1.2;
}

#footer2 p.districts{
	font-size:25px;
	font-style:normal;
	text-align:center;
	padding:0px 0px 20px;
	color:#fff;
}

#footer2 p.districts a{
	color:#fff;
}

.footerMenu ul {
    border-bottom-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 80px 0;
	margin: 0 auto;
    width: 1100px;
}
.footerMenu ul:after {
    clear: both;
    content: " ";
    display: block;
}
.footerMenu ul li {
    float: left;
    margin: 0 20px 50px;
    width: 200px;
}
.footerMenu ul li dt {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position-x: left;
    background-position-y: 2px;
    background-repeat: no-repeat;
    background-size: auto auto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.06em;
    margin-bottom: 10px;
    padding-left: 20px;
}
.footerMenu ul li dd {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position-x: 5px;
    background-position-y: 8px;
    background-repeat: no-repeat;
    background-size: auto auto;
    font-size: 16px;
    line-height: 1.8;
    padding-left: 20px;
}

/*----------------------------------------------------------------【ゴッドモード】*/

#super_user{
	width:950px;
	background:#666;
	border-bottom:2px solid #DDD;
	margin:0 auto;
	padding:5px 0;
}

#super_user ul li a{
	display:block;
	text-align:center;
	color:#FFF;
	border:1px solid #CCC;
	background:#000;
	padding:5px 0;
	width:150px;
	margin:0 auto;
}

#super_user ul li a:hover{
	border:1px solid #000;
}


/* ================================================================================ */
/*                                                                                  */
/* モーダルウィンドウ */
/*                                                                                  */
/* ================================================================================ */

.lock {
    overflow:hidden;
}

.modal-content {
    position:relative;
    display:none;
    width:50%;
    margin:30px;
    padding:20px 20px;
    border:2px solid #aaa;
     background: rgba(255,255,255,0.85);
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) inset;
}

.modal-content p {
    margin:0;
    padding:0;
    font-size:18px;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}

.modal-open {
    color:#00f;
}

.modal-open:hover {
    cursor:pointer;
    color:#d3d3d3;
}

.modal-close {
    color:#000;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}


/* ================================================================================ */
/*                                                                                  */
/* slick-slider */
/*                                                                                  */
/* ================================================================================ */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev{
	font-size: 0;
	line-height: 0;
	z-index: 1;
	position: absolute;
	top: 60%;
	display: block;
	width: 80px;
	height: 65px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: url(../img/standard_orange/controls2.png) no-repeat 0 0;
}

.slick-next{
  	font-size: 0;
	line-height: 0;
	z-index: 1;
	position: absolute;
	top: 60%;
	display: block;
	width: 80px;
	height: 65px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: url(../img/standard_orange/controls2.png) no-repeat -72px 0;
}

.slick-prev:hover,
.slick-prev:focus
{
    color: transparent;
    outline: none;
    background: url(../img/standard_orange/controls2.png) no-repeat 0 -64px;
}

.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
	background: url(../img/standard_orange/controls2.png) no-repeat -72px -64px;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 30px;
}

.slick-next
{
    right: 30px;
}

/* ================================================================================ */
/*                                                                                  */
/* iziModal                 */
/*                                                                                  */
/* ================================================================================ */

/*
* iziModal | v1.6.0
* http://izimodal.marcelodolce.com
* by Marcelo Dolce.
*/
.iziModal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    transition: margin-top 0.3s ease, height 0.3s ease;
    transform: translateZ(0);
    box-sizing: border-box;
}
.iziModal *{
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
.iziModal::after{
    content: '';
    width: 50%;
    height: 0px;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.35)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 );
    transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    pointer-events: none;
}
.iziModal.hasShadow::after{
    height: 30px;
    opacity: 1;
}
.iziModal .iziModal-progressbar{
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 1;
}
.iziModal .iziModal-progressbar > div{
    height: 2px;
    width: 100%;
}

.iziModal .close{
	display: inline-block;
	font-size:24px;
	text-align: center;
    width:60%!important;
    padding:20px; 
	margin:10px;
	border-radius: 8px;
	border: 2px solid #000;
	font-weight:900;
	background:#fff;
}

.iziModal .iziModal-header {
    background: #000!important;
    padding: 14px 18px 15px 18px;
    box-shadow: inset 0 -10px 15px -12px rgba(0, 0, 0, 0.3), 0 0 0px #555;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.iziModal .iziModal-header-icon{
    font-size: 40px;
    color: rgba(255, 255, 255, 0.5);
    padding: 0 15px 0 0;
    margin: 0;
    float: left;
}
.iziModal .iziModal-header-title {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}
.iziModal .iziModal-header-subtitle {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    line-height: 1.45;
}
.iziModal .iziModal-header-title, .iziModal .iziModal-header-subtitle{
    display: block;
    margin: 0;
    padding: 0;
    font-family: 'Lato', Arial;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.iziModal .iziModal-header-buttons {
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -17px 0 0 0;
}

.iziModal .iziModal-button{
    display: block;
    float: right;
    z-index: 2;
    outline: none;
    height: 34px;
    width: 34px;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0.3;
    border-radius: 50%;
    transition: transform 0.5s cubic-bezier(.16,.81,.32,1), opacity 0.5s ease;
    background-size: 67% !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}
.iziModal .iziModal-button-close{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZCQkIzQ0I0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZCQkIzQ0M0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NkJCQjNDOTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NkJCQjNDQTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsgTJLcAAALJSURBVHja3JnLS1VBHMfvQ7g9dBXRRrwEFRciAhMi1JRW1aIHVEIYEkW0iVpUhOD/ICK6cFMgSbUpC6VFkQa9NtpjkauriRY9Noa3pHT8/mIODMM5Or85o87pC5/NPf5mvmc8M7+Z36SFEKkY2gj2gUawF2wHW8A6+fwv+A6KYAQMg+dg2rbDtKXhGnAaHJIms4zYz9J4HxgAf1g9k2EGteAhWBBuNApaQNrUg6nRTaAbzIuV0RCocWW4DoyJlVcJXI5ruFk2tJqi/2TWxvA5sXbqA2Ucw01i7dVjargazAo/dE33p6/DlAheg50pP0SJpwG8CH7IaH/Q5pFZUhnoArkwwwVwJeWfdoMLYYZvqG+yTGo9CerAoIWBT+A4qAdPDWOugwo1NVcxJtpFZRLkwH3GJCqCghJfxVjnz1JMMMKnwAbGRAg0B5rAA4O4CblZ+qj8tkBjZthvSzDCtFIMM0ZpQhslk5Eej4jpZ/T7G+ygwG1ghrk+jjNMFy1eMPJzpOAzlou6iWmXZkm91EBHjEwUZXoQTDk2SxqhRh7HTJ9hpstB3rFZ0ldq6J2DnB9m2rXZfxOPlrX1DrJRXiaBXSHPaMHvB0cd9JPLpBImMvzLQTuUFA6A9yHPfoIjhsllOc1l5N4grtmDWgYrl5+JTUZcSjNkeMyxWdpA3ZN72IJj01OJTByJS82J2/wQVxmB5y1HK8x0JWMf/kzdD98FJcY5S51gdwyTQl6eUAraspo27PeWXgy8afim0+CELAwOWHyH9EkdkyWwJ4Yxk6BCP+bTm48anutWW5dAp34IpbW03UOzb0FPVEHbx0LKfvAyqpAyKw97JU8Mt6pml6rAJ6oY6Eu5NfvfF7QTeWWQyEsZr6694lwsNoPD8mKRo29gCNwGj7gXi7aGA1EBcY+8vq0GW8FmJb3Pgx9gEnwAr8Ab8MW2w0UBBgAVyyyaohV7ewAAAABJRU5ErkJggg==') no-repeat 50% 50%;
}
.iziModal .iziModal-button-fullscreen{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTBBOUI4RUM0RTg0MTFFNjk0NTY4NUNFRkZFNEFEQzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTBBOUI4RUQ0RTg0MTFFNjk0NTY4NUNFRkZFNEFEQzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMEE5QjhFQTRFODQxMUU2OTQ1Njg1Q0VGRkU0QURDMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMEE5QjhFQjRFODQxMUU2OTQ1Njg1Q0VGRkU0QURDMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrQO6gAAAANmSURBVHjazJlbSBRRGMd3x92i0ForRRMiKiUoX4ouiFlJkRVBDxW9GJERwUasvdRT9FD00osRQtAFqegGBUHRBY0uaCVKEkSRpVR0tSwrQtp1+p/4Bk7D7M45M/Ot/uGHu+Psmf+c+eY753wnbJpmyIfGgvmgiv6WgkKQBwzwE3wBr0AnuAta6ZgnhT0aFuY2ghoyGdH4bS+4Dc6CZjCkdWVhWIPF4JoZnB6CDToeVE8sBidNPt0E5UEZrgG9Jr8GwHa/huMgaWZXDSDsxfBuc/jUBAwdw3Fz+NWoang5SJkjQwm7P3seLqQEX2LLfgfBdZcMORMcBqNDwekPqASP0uXhpjR3Ok0x/fUw9HIHGGVdw5DuRtzJpgxDsJui2qOWmuaAOuuLbHivz4YLwLgQj/aAXNmwuItlHhtbA7pAG5jEZHgKWCcbrhUTIY+NPQVjqFFObbYMi/hc6aOhl2AJ9TKnFoIyYXgemKEzJQXVVkyR3oFVzKZFuqw2qHdyFPKhrHPgMoWC3fRjRtNVVg+7SR5IiqmXxUt60cG0CK/vTIZniZVCmcKJF0C3ZNjKBqvJ9Hrwm46tsN1EkCoRQ/M3fBjvs6GrYAvdwHEfGcd1qBaGkwoxrKI+xjz83yJ0iLFHApd46X4xX+M+WECh4lepCNUIcpnMijrEWtAvTRHrbOd8FZNG8uA2Nf0hpmwtjBPwpQ5T0GPS/+tBAZhIq+b3Lu09EyHRwRgO+0C+7dhWcII+PwCf6Sk/Aa9d2vtn+A7nyASugJiD6YSDQcOlvVbxiCaAN8xrs3sgprBiac/QhlhnzjUo6JuZM0UlDS5FPtoQIdNlPYJTWUihFaDex+9Pg6T1KHJAJ2NI7ASllA28hEQ/KJIXoSlwgKlnh+jFe+GjLtwIPtjfyktUt+UaUZWqvw7H3oJD1peI7eQdoF1xWa+zQikHH13OmwqmOxxP0EiZtgK/DRwNuIcHwSeXc2K01WAPhbhKBb5hBNTVbskVH7fqpZGhbJUNtYF83fqwQSXPbOsGjb6etwx2gcEsmT3iFAZeNmUqaMeHSz2qu0k6W15Rqsx3B2i0D+xXGAHTFrRVlEeFuVoqH+ku6VNUbDkPzlAtg30nVK66i8rRIjAbTKaSQVQyN0DD6nOqcLZQld9TLfmvAAMAeMcvp3eCFqQAAAAASUVORK5CYII=') no-repeat 50% 50%;
}
.iziModal.isFullscreen .iziModal-button-fullscreen{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkFFRTU5NDA0RTg1MTFFNjk0NEZFQzBGMkVBMDYyRDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkFFRTU5NDE0RTg1MTFFNjk0NEZFQzBGMkVBMDYyRDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQUVFNTkzRTRFODUxMUU2OTQ0RkVDMEYyRUEwNjJEOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQUVFNTkzRjRFODUxMUU2OTQ0RkVDMEYyRUEwNjJEOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuDFfX8AAANASURBVHjazJlZSBVRGMfHcWlB0xZM68GKukQLYaGkmEUR2EsvRfQS+BSJPUQE+lTR8hqIZY8hFS0ERVCRoW3gpUApghYpszLTVnCB3O70/+K7MAwzc78Z58z4hx8XzpzvzJ+Zc+d85ztphmFoU9BsUAoq+XcFyAc5QAfD4BfoBp3gCWjnNl9K82mYzO0FVWwyw0NsD3gIroBWkPB0ZzLsgc3grhGcnoE9XjxIOxaCC4Y6tYC1QRmuAj2Geg2CA1M1XAsmjHDVANL8GK4zolMz0L0YrjWiV5PU8HYw6TBIf8imD6UynA96HYKPg3mgMUTDY6DUzXCzQ+AxSz+r6QEQZz4HbLoDZNkZrnAIoOlRZjN1Gk3XS0zty/gTFaRq7Ay3uAR8BcU2ps/z9QJTWw74HrDhTyDbbHg9SKQI+sb9rKa3mV8ZmAt+KJjP1TS+zinFPkqEUqQdBeAOKLa0UwIzpqlXtcYpIKWIO4RBZPoRKNfC10YQI8MlYLkwaAB8ABsiMDwDbKU8dgtIFwRMgJ3guRadKpNPWBMa7tOi1WoyHJPuTsC4oN+IQsOLM3gPJlEWqOE/neMGBqwDeYoMz6G8c0I4h6eFyHBC8A2eVoaH8JutaPwuUA/+uvSht1sHKgTjTWZwjUCVYdrK3xT0iwkND+lc5FClUQ9fINHCRYY7FBrWPSz5Er2lAR9H9P+hpfYGl64OCmPadQ7ojcDwOJetysBMQX/6mrWS4d+cIoYtMnAEnBT2fwVeJufYxZBMFoKFlrajQtOX/uczvEtIB50Kdgn1lt3JGdANltjsXE64jPMnuQ1LPuFJcFrBE11gzQXAUnAPFNk86esO4zSBfmu5lVa9toCf8DC4Ba6C22DEdO01KDLdP5fLr1Z94X2ibV1ilWVQ1XrDpvPAU4c+u1KVqvaHXI7q43ltp3PSYmDDNCgGPrCUD1wN6y5lqzAUN89baX1Y55Jn2LrPRUffRwaHwWhIZs/aTQM/hzLlDp+coPRReprk5cgrkyvz7wM0+hOcAvOlPvwcLNIp526ux1H5aJbHeFpVX4Br4LLXWoffk9CkVnLlaBNYAxaBXJBpMjfIy+o7EAdtfIyb8HPDfwIMAM1WPs8F9tcxAAAAAElFTkSuQmCC') no-repeat 50% 50%;
}
.iziModal .iziModal-button-close:hover{
    transform: rotate(180deg);
}
.iziModal .iziModal-button:hover{
    opacity: 0.8;
}


    .iziModal .iziModal-header.iziModal-noSubtitle{
        height: auto;
        padding: 10px 15px 12px 15px;
    }
    .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-icon{
        font-size: 23px;
        padding-right: 13px;
    }
    .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title{
        font-size: 36px;
        margin: 3px 0 0 0;
        font-weight: 400;
        border:none;
    }
    .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons{
        right: 6px;
        margin: -16px 0 0 0;
    }
    .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button{
        height: 40px;
        width: 40px;
    }


    /* RTL */

    .iziModal-rtl {
        direction: rtl;
    }
    .iziModal-rtl .iziModal-header {
        padding: 14px 18px 15px 40px;
    }
    .iziModal-rtl .iziModal-header-icon {
        float: right;
        padding: 0 0 0 15px;
    }
    .iziModal-rtl .iziModal-header-buttons{
        right: initial;
        left: 10px;
    }
    .iziModal-rtl .iziModal-button{
        float: left;
    }
    .iziModal-rtl .iziModal-header-title, .iziModal-rtl .iziModal-header-subtitle{
        text-align: right;
        font-family: Tahoma, 'Lato', Arial;
        font-weight: 500;
    }
    .iziModal-rtl .iziModal-header.iziModal-noSubtitle {
        padding: 10px 15px 12px 40px;
    }    
    .iziModal-rtl .iziModal-header.iziModal-noSubtitle .iziModal-header-icon {
        padding: 0 0 0 13px;
    }

    /* LIGHT THEME */

    .iziModal.iziModal-light .iziModal-header-icon{
        color: rgba(0, 0, 0, 0.5);
    }
    .iziModal.iziModal-light .iziModal-header-title{
        color: #000;
    }
    .iziModal.iziModal-light .iziModal-header-subtitle{
        color: rgba(0, 0, 0, 0.6);
    }
    .iziModal.iziModal-light .iziModal-button-close{
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyQTU1RUZDNzRFODQxMUU2ODAxOEUwQzg0QjBDQjI3OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NEM4MTU1MEI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENDMkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZjYzMwMmE1LWFlMjEtNDI3ZS1hMmE4LTJlYjhlMmZlY2E3NSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdmYmU3NGE3LTAxMDUtMTE3YS1hYmM3LWEzNWNkOWU1Yzc4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po24QssAAANtSURBVHja3JlJaBRBFIa7ZxyTSXADHUkikuAawZNLEOOGGrwJQYko8R4RBQ+OICoqghJQUVwPYjzFY0QUBQU1kogoKO6CG0pcIwbiNibj/8JraNvu6Xo9NTOtP3xzSKe6/65+Ve9VlWlkp2IwGUwFE0E5GA4G8/U+0APegWfgHrgPuq0bpNNp0QPNgEYngHlgGpuMCNp2s+kr4BYM/8ql4WqwHEzP4mXteg7awOW0YlerPnQIaARLNBl1ikLlBDw/1WF4ClgHKozc6idogekz2RheANbaBlE+dB4chfF+qeHF3LOF0FWwF6b7nBe8RvecApolzQVr3C64GR4H1huFV51pmvV+hikRbABFRji0GqarMxluAGON8CgKmmA65mZ4DFhqhE9VPP//ZXgZiCmm1t1gI6XWAAY+gF0gCe4qtqlHL8fthkeBWsXGreA6eMgPviEw+x5sBZ3gAdjPCcNPI8Fsu+FawUCzz40psEfRNJndBl7b/pZmVLTQMkzJo0bQSys43iWm3cxS+DUJOmoSwqKCRmEZWKkYv6RSMBPc5lqXRGm0A1Q6XiaT2aSwo8jrK/qZwZlFIlXTusxa6iXDddTdARpnMj2ek9AWjWYH7h/lubcs4A28THdyAdOl0ezAmKNBNyLLiT0Btjti9zuHg06zpJKIprohwXNypcu1OIdGjYbnxCLGPyYy/EPDfejzbwYvXK59AzuFGdFLKTL8WYNZ59RVzGESJCNm0teI40E6zNIA2wSaA2REP32iaW0omKXRbJKTUVyYEVV0J8oxvEiQmiUZrFSz6XNkuJe3nBKCelaSbjOZrhLsd1BInYxweSeJq9YA6dYtuZCBI4JZ6jGW/W+sebhd0DAaMIO5mTYFW1+X6GeQ7TO3W0WyQj3cw0ulBg4nSUbcAY7zPVYp7ip95FXOH29Hb35AOPjypWMIh7PORSjFZVsIzdKW7AWvfYnTVNWHyCytHw+jd1Nehqks3KepvtChUzD7yGvE2/cduqxldQF1EWZb/PbWLF3jAVgo0WrlkN+c6hSd+rzlaSuaR7O0oX0wyIa2pVAdGaj0HCUVOqIq4dVwrg5lmmG2w+8f/9tjL6foYHE+Gy8Xtv3CPUpf7WauDxadKuIwoeNbOmoYDYbZ0ns/1wxUC7ykigs8sS/LpEe3vwUYALiKDDDSgEiSAAAAAElFTkSuQmCC') no-repeat 50% 50%;
    }
    .iziModal.iziModal-light .iziModal-button-fullscreen{
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQTg1NTA2NTRFODQxMUU2OTQ0N0VERjY2Q0M5ODYwRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTNFNENCQkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENCQUI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFlNTQwYzczLTVhZmEtNDJlYi04YzJlLWMwMzFlYmFiYmIyNiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVkYmRiMzM1LTAxMDUtMTE3YS1hYmM3LWEzNWNkOWU1Yzc4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvIicdUAAAOvSURBVHjaxJlZbA1hFMe/qaItUUsspakg1laJ7UUisQuRvvTFA15sQSRCLBFrQryhHqxNHxEPtaQ8CCUkIrVVRbVBJdZYSrXVonr9/3pGxnTunZk78/X+k1+aO+1899/vnnvO+c4YKpi6ghEgW34OBD1BKjBAM6gH78Fz8BhUyrW/ikQivt7QiNMozU0DE8RkJx/3fgCPwA1QHvHp2K/hHJAPJqpwVA2K4flW2IZ7gyVgptKjh6AQxl+GYZi7uRr0U3rVBIpg+nIQwwvACpCkOk4XwYlosR3LMGN1qUqMroGDTqaNGDu7SiVWl+D3iP2i00c9HqxUidd8wzDy3HY4HRwCfWzXz4L7Lm+QKfHeOUTTLWAzdro6muH1YIbDjculWrmpUEM2YYXcCNMt9pAYE8WsWYLdlAxaNYTGMDDHKYYXBVy4B0jTFM/5iOcUc1fM/2JcnItNAYtBNzGtQ33BVHDV3OHpARqhV6CLLKpTs8yQYHxOCrDQO7AV1Gg2PBJhMYiGh4MMnx1eLkixXKsFuzSbZrrMpeGxHnqFFtvrTWCbhILd9AuNpnPMHXaTtZD0kl1mRdwSxXSjJsNZfONjcmqIJR5p3lp6Y+sXrAzsBz/lNXvmtZYMFKbqafi0pKQgKpOSPhmsC5BxXEs1Fz4fUr/7TWMe/q9bC2s3tJs1Df/Q/B5PwAZwJYS1WpPlo0zRZJZziL2gQU7I1GyHL7QSD26taVOytI26DpinxKypApvpk+C6dHlMnXskbUbT1yTpN3WJHWB327UCS3hUoc+tA/VyxP/ost5rGq7QWZnAdoe0eZgnYweDbgmgkoafgk8aTfNgsMNmmqfhC+Czj3V4T3mSBH255kxB0ztd4tNNDJkas2CUdkAKHQ3yAtxfijj/bdb7Cumyhmoyexzcs6Qwv2qUbPKvJDOtnNFklrF3R5qneA2XYHe/2A+ht1Xb3FZXRY1XTAjFTgtxJ45qKtWDpZK1g6dhIQuvBzjcy8FgQ6y8Nw+sCdnwL1Dn8jdMe6m2a+3ma9ESNUdOC1VixSH3bnPiYyraswnO0fqDIQkyW8WmCWab7b+I9TCF3+x0j2e+MPUA7LPGrVfD1F3VNsrPVR0zhS8BB5x21muzYa1Sy1Tb4y4d4qOwIi9Pk/wcj1gV50p5zQjJKAsJH8KcY4vpdYrjV0w9HMxxHjfKNpfwdMyRNuAmyy2M1vq5OegBNFMmR9lSHDizSLPMJGjuO2BZfSOtLKvpMylUvh/d/hFgAOH4+ibxGTZuAAAAAElFTkSuQmCC') no-repeat 50% 50%;
    }
    .iziModal.iziModal-light.isFullscreen .iziModal-button-fullscreen{
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyRUUxMkYxODRFODUxMUU2Qjc3RDk0MUUzMzJDRjBEOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTNFNENCRkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENCRUI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzM2MwOWZiLWJjOTEtNGVlZS05MDM1LTRkMmU2ZmE1ZjBmMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRUUxMkYxODRFODUxMUU2Qjc3RDk0MUUzMzJDRjBEOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv1Q9Z8AAAOXSURBVHjaxJlLbA1RGMfPjIs+EvoIRYt4FVUl2EkkRTxKUqQbG0SEho2FjUQ8YtEICbEgTdFYeK1KaGvVeoUltyStt0UlNE17aWhV2+v/9X5XJpMzc8/0zpn5kl+aO3Nm7r/fnPu9xhDp2URQDJbw3xkgB2QCAwyAPvANfARvQDsfG7V4PO7pC40xCiVxa8AKFjnOw7VdoA08BtG4R8VeBZeCKrBS+GPvQAM0P/NbcB7YBdYJPfYKXIXwL34IJm8eBFOFXusH9RDdnI7gLWA/MEVwdh/UOe1tN8G0V3eLcKwFXJCJNl08G5ZYsrWgWnZCJng5OOBwo1iAoisMw6hMJXgyOOywVW7xj+9BgKL3QHSxm+C9IF9y4U2GMlStRPQP8Jbp9lFwhJwE0RHrgaSV8N6xG238l7Zjtfx3K58/Bd7zsWngIqdnP2we2ACa7B7e6RL6joK5EtHNfL7b5u1Bn7dGFbycYRVM/8WyFJnuJK+z2iVwzFrMcF1h+Cx4ClhtFVyu8CW54ITE01EwFMAPcH1SMJWIqxQvItE1YHEIsXkhtkUhCV4ApiteFOPadn4IgseDMooSSxVrhWFwmkvCsKw06WGhKLhHhGuzSHChh9pZ5cc1oFFwfoTTsWrWqQCvXdZQEpkDsjUJziSv3Qu43k3LTA1BXqvRY/4DMjTd/yu4niJVm9wslCjcb4QE/9Qo+Al44baAmgpKCIqC+01OBLrsr8/de8zkiYwuUxWSq7iuM8JhantIqfYItkOepKBysnbycIfPXYKqURL6DhaBCQrrKcZHTa5loyEIJgHXwG3F9TQV+pxMGK0BiaTHn2OLEjcURbdi7XBSMO3jTxoEjtg+7wDnhG3spSD6F3hk7Tjoxnc0CJ5k+5wFCrhplYl2mmI24nyvvWumAE9z2zIfBW8WifnxIHc2yb6xiHtEoms0/hlGtpAPHCkgNDjFyZngPN88COvkPpEe+XGHbFcD7z53C+ybwKEAo0UPZ8QCybkmiL3sNvkheygSI08RYOSQiaUhd52sUpIZLWwJsYqkkdcZeHfIS66nc9XcZQRpNBY7C7F9Yy1OtonErDgSgNhGcEXmWa/VFA1O9onE6y4dRqGtXuVtkpf2iDy8EVR6GLykMnrsNFC867QF0hH8v3MVicFcuYdKy56uqQx4SukWQj3NOtJtQIt4ckSvbmdziMqy7HcS9xv0cn/Xwdn0A1drnl/d/hNgAGQa6Lgarp6BAAAAAElFTkSuQmCC') no-repeat 50% 50%;
    }


.iziModal .iziModal-loader{
    background: #FFF url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
}

.iziModal .iziModal-content-loader{
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%;
}

.iziModal .iziModal-content:before,
.iziModal .iziModal-content:after { content:''; display:table }
.iziModal .iziModal-content:after { clear:both }
.iziModal .iziModal-content{
    zoom:1;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    /*overflow-y: scroll;*/
}
.iziModal .iziModal-wrap{
    width: 100%;
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.iziModal .iziModal-iframe{
    border: 0;
    margin: 0 0 -6px 0;
    width: 100%;
    transition: height 0.3s ease;
}
.iziModal-overlay{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.iziModal-navigate{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}
.iziModal-navigate-caption{
    position: absolute;
    left: 10px;
    top: 10px;
    color: white;
    line-height: 16px;
    font-size: 9px;
    font-family: 'Lato', Arial;
    letter-spacing: 0.1em;
    text-indent: 0;
    text-align: center;
    width: 70px;
    padding: 5px 0;
    text-transform: uppercase;
    display: none;
}
.iziModal-navigate-caption::before, .iziModal-navigate-caption::after {
    position: absolute;
    top: 2px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    content: '';
    background-size: 100% !important;
}
.iziModal-navigate-caption:before{
    left: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNmFjNjAyMy04OWU0LWE0NDAtYmMxMy1kOTA5MTQ3MmYzYjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDREQ0YwRjA1MzQzMTFFNkE5NUNDRDkyQzEwMzM5RTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDREQ0YwRUY1MzQzMTFFNkE5NUNDRDkyQzEwMzM5RTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmNmM0Nzk3Ni1mNzE3LTk5NDAtYTgyYS1mNTdjNmNiYmU0NWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowZGVmYTEyZC01MzM0LTExZTYtYWRkYi04Y2NmYjI5ZTAxNjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7oo0ptAAACWklEQVR42uyZTWsTYRSFZybxo4kWk5g2NC5qTAU3Kq30A9udi1oXolV/hWuhv6R/Q6utioi4LbbVFHemamlRU0OCEk0wZjwXzwtDoBDopHMHcuFJMplZnLm5ue+589qu61qeOApyYAjEgG0FEyLqN/gKiqBuTtgewWlwCZw056xgwwirgU3wxSv4NJgCUV5YBRXQDEhsBJwCSSauBVZFdJRlIJk9Av7wbj577jDIOENtRmPVwcsw6KfAAvikRKzEDlhnhuU/lRPBWaa9wsxqC6ndPX7OiOA4D8qW3vjO9z7H0w3+KhZstNmOFbLoCQ6DYGmL+bAInmGfLFC4asFXwRJIgB+goVmw+I7HXO+/gevGnGgUPEGxktkSmAMbWmt4HDwBKS6XN1jDKrvEFYoVK7oLroE3h93Woh1eNwqWafJ/gQV65vM+ail34mc6EZwBK2CAx8fAIjjeBYMzDT4cVHCEXtRbRvEu/Nr9HCIOnGGp15vgEec9KYn74B0nAT/CZnv86FcNvwK3wENwAjwAs2Bbs5d4CW5zir0AXvv8p+tKH34B5lkW4h2egRHtbu05uMMHHWfB0zC4NRF5l09kzvE4rd2tyUJyjy4tz7akZqXbL8QETbJ/FsMgWOJtb6brCQ5YsBsC8Uab63DVkkgqFpzie93h8OhScFah2LTHi5ccWroaLd5l6//+hpYQoWP05LKqFs2WQYbTsNxAi+5fxpWmdfh7HS7XhwSzG+H3a2JnvZsyktmLbdOFhpDMvrf4sN1u2/aK0cwMcmYLcturweceW+CnOfFPgAEA8uWFFylBJYoAAAAASUVORK5CYII=') no-repeat 50% 50%;
}
.iziModal-navigate-caption:after{
    right: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjI2YWM2MDIzLTg5ZTQtYTQ0MC1iYzEzLWQ5MDkxNDcyZjNiMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NERDRjBGMDUzNDMxMUU2QTk1Q0NEOTJDMTAzMzlFMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NERDRjBFRjUzNDMxMUU2QTk1Q0NEOTJDMTAzMzlFMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmY2YzQ3OTc2LWY3MTctOTk0MC1hODJhLWY1N2M2Y2JiZTQ1YyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBkZWZhMTJkLTUzMzQtMTFlNi1hZGRiLThjY2ZiMjllMDE2NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuijSm0AAAKbSURBVFhH7ZnJj0xRGEerzFoIMTaCZmOIedhaiJj55yz8DaYdNhIJEUMQbCTG3rQ02hDSiEY553XdTpHS3nv96taV9ElO6lVt6peb7933fffVG41GrYW5uBaX4EysYzcw1Fd8hc/wM2a0Bl6Nm3BW9i0dDPsQX/olBF6FO72AH/gG3+N3jL3KBpqGC3ERTsGfeAsHDTyHi71oCXzBe/gaU2A5bscZOIxXTb8OLQNX9i6mElYsg/voqruwfQb2BhODWgqpMYDv0NLsNXC4yd42P1PEwNJj4HBTWdipErLVDfxfMRm408QMvBu3jV6WJ1Zg9/rbeBOP+UNZYgX+iE/Rp+lpPIKliBXYB9IhtPNy3z/T/F6YmDXsChvyBc7Gs3gACxEzsDzBg9iPPXgO92NuYgeWx2h3+AhtaM7jPsyF7aV37XR8gNZYO/pwKY51+xPkG27Fk2joT3gCr2A7NuJ6HMkTeAPadlp3VeMChF7G0P6X3dmfjAXOUxIj6LZkv1ylNuStDZejkL+PS96ScFzRqnDAtI5PoTefvbg7iNNOOwqVRCfYghdxBbpHH8Y7+DcKlUTV7MLLaNghPIrjhf2N2IF34AVcjE44hrXHyE3MwE6/loEzpEcIlqKjeyFiBe7FS+he/gENewMLEyuwXdo8dGWP43UsRazA9g7uDNbwNX8oS8watlsz+ISIGbgSJgN3GgOHlnFq8zNFQraGgT1iFc9iUyU0XsMGHhy9zh6XbvCp4ZuBBWglDBj4OdqLeu0+uRJTwMZ+Dbp/e21P3m97yWe2snsw1LTHmz5C/9lQdwhfGbiq89GwvrrwUT4UAouhN6MzloTRpVuEYI5O9urZYXtrYPGQw2OlZegM163QhrJMfWVgyTq0Qq32C/N7uPz9OknWAAAAAElFTkSuQmCC') no-repeat 50% 50%;
}
    .iziModal-navigate > button{
        position: fixed;
        bottom: 0;
        top: 0;
        border:0;
        height: 100%;
        width: 84px;
        background-size: 100% !important;
        cursor: pointer;
        padding: 0;
        opacity: 0.2;
        transition: opacity 0.3s ease;
        pointer-events: all;
        margin: 0;
        outline: none;
    }
    .iziModal-navigate > button:hover{
        opacity: 1;
    }
    .iziModal-navigate-prev{
        left: 50%;
    }
    .iziModal-navigate-next{
        right: 50%;
   }

.iziModal.isAttachedTop .iziModal-header{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.iziModal.isAttachedTop{
    margin-top: 0 !important;
    margin-bottom: auto !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.iziModal.isAttachedBottom{
    margin-top: auto !important;
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.iziModal.isFullscreen{
    max-width: 100% !important;
    margin: 0 !important;
    height: 100% !important;
    border-radius: 0 !important;
}
.iziModal.isAttached{
    border-radius: 0 !important;
}
.iziModal.hasScroll .iziModal-wrap{
    overflow-y: auto;
    overflow-x: hidden;
}

html.iziModal-isOverflow{
    overflow: hidden;
}
html.iziModal-isOverflow body, html.iziModal-isAttached body{
    overflow-y: scroll;
    position: relative;
}
html.iziModal-isAttached{
    overflow: hidden;
}

/* SCROLL */

.iziModal ::-webkit-scrollbar {
    overflow: visible;
    height: 7px;
    width: 7px;
}
.iziModal ::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.2);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0px;
    min-height: 28px;
    padding: 100px 0 0;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
.iziModal ::-webkit-scrollbar-thumb:active {
    background-color: rgba(0,0,0,.4);
}
.iziModal ::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}
.iziModal ::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 2px;
}

/* MODAL ANIMATIONS */

.iziModal.transitionIn .iziModal-header{
    -webkit-animation: iziM-slideDown 0.7s cubic-bezier(0.7,0,0.3,1);
    -moz-animation: iziM-slideDown 0.7s cubic-bezier(0.7,0,0.3,1);
    animation: iziM-slideDown 0.7s cubic-bezier(0.7,0,0.3,1);
}
    .iziModal.transitionIn .iziModal-header .iziModal-header-icon {
        -webkit-animation: iziM-revealIn 1s cubic-bezier(.16,.81,.32,1) both;
        -moz-animation: iziM-revealIn 1s cubic-bezier(.16,.81,.32,1) both;
        animation: iziM-revealIn 1s cubic-bezier(.16,.81,.32,1) both;
    }
    .iziModal.transitionIn .iziModal-header .iziModal-header-title, .iziModal.transitionIn .iziModal-header .iziModal-header-subtitle {
        -webkit-animation: iziM-slideIn 1s cubic-bezier(.16,.81,.32,1) both;
        -moz-animation: iziM-slideIn 1s cubic-bezier(.16,.81,.32,1) both;
        animation: iziM-slideIn 1s cubic-bezier(.16,.81,.32,1) both;
    }

    .iziModal.transitionIn .iziModal-header .iziModal-button{
        -webkit-animation: iziM-revealIn 1.2s cubic-bezier(0.7,0,0.3,1);
        -moz-animation: iziM-revealIn 1.2s cubic-bezier(0.7,0,0.3,1);
        animation: iziM-revealIn 1.2s cubic-bezier(0.7,0,0.3,1);
    }

.iziModal.transitionIn .iziModal-iframe, .iziModal.transitionIn .iziModal-wrap{
    -webkit-animation: iziM-fadeIn 1.3s;
    -moz-animation: iziM-fadeIn 1.3s;
    animation: iziM-fadeIn 1.3s;
}
.iziModal.transitionIn .iziModal-header {
    -webkit-animation-delay: 0.0s;
    -moz-animation: 0.0s;
    animation-delay: 0.0s;
}
.iziModal.transitionIn .iziModal-header .iziModal-header-icon,
.iziModal.transitionIn .iziModal-header .iziModal-header-title {
    -webkit-animation-delay: 0.4s;
    -moz-animation: 0.4s;
    animation-delay: 0.4s;
}
.iziModal.transitionIn .iziModal-header .iziModal-header-subtitle {
    -webkit-animation-delay: 0.5s;
    -moz-animation: 0.5s;
    animation-delay: 0.5s;
}

    .iziModal.transitionOut .iziModal-header, .iziModal.transitionOut .iziModal-header *{
        transition: none !important;
    }

/* ANIMATIONS */

.iziModal.fadeOut, .iziModal-overlay.fadeOut, .iziModal-navigate.fadeOut, .iziModal .fadeOut{
    -webkit-animation: iziM-fadeOut 0.5s;
    -moz-animation: iziM-fadeOut 0.5s;
    animation: iziM-fadeOut 0.5s;
    animation-fill-mode: forwards;
}
.iziModal.fadeIn, .iziModal-overlay.fadeIn, .iziModal-navigate.fadeIn, .iziModal .fadeIn {
    -webkit-animation: iziM-fadeIn 0.5s;
    -moz-animation: iziM-fadeIn 0.5s;
    animation: iziM-fadeIn 0.5s;
}
.iziModal.comingIn, .iziModal-overlay.comingIn {
    -webkit-animation: iziM-comingIn 0.5s ease;
    -moz-animation: iziM-comingIn 0.5s ease;
    animation: iziM-comingIn 0.5s ease;
}
.iziModal.comingOut, .iziModal-overlay.comingOut {
    -webkit-animation: iziM-comingOut 0.5s cubic-bezier(.16,.81,.32,1);
    -moz-animation: iziM-comingOut 0.5s cubic-bezier(.16,.81,.32,1);
    animation: iziM-comingOut 0.5s cubic-bezier(.16,.81,.32,1);
    animation-fill-mode: forwards;
}
.iziModal.bounceInDown, .iziModal-overlay.bounceInDown {
    -webkit-animation: iziM-bounceInDown 0.7s ease;
    animation: iziM-bounceInDown 0.7s ease;
}
.iziModal.bounceOutDown, .iziModal-overlay.bounceOutDown {
    -webkit-animation: iziM-bounceOutDown 0.7s ease;
    animation: iziM-bounceOutDown 0.7s ease;
}
.iziModal.bounceInUp, .iziModal-overlay.bounceInUp {
    -webkit-animation: iziM-bounceInUp 0.7s ease;
    animation: iziM-bounceInUp 0.7s ease;
}
.iziModal.bounceOutUp, .iziModal-overlay.bounceOutUp {
    -webkit-animation: iziM-bounceOutUp 0.7s ease;
    animation: iziM-bounceOutUp 0.7s ease;
}
.iziModal.fadeInDown, .iziModal-overlay.fadeInDown {
    -webkit-animation: iziM-fadeInDown 0.7s cubic-bezier(.16,.81,.32,1);
    animation: iziM-fadeInDown 0.7s cubic-bezier(.16,.81,.32,1);
}
.iziModal.fadeOutDown, .iziModal-overlay.fadeOutDown {
    -webkit-animation: iziM-fadeOutDown 0.5s ease;
    animation: iziM-fadeOutDown 0.5s ease;
}
.iziModal.fadeInUp, .iziModal-overlay.fadeInUp {
    -webkit-animation: iziM-fadeInUp 0.7s cubic-bezier(.16,.81,.32,1);
    animation: iziM-fadeInUp 0.7s cubic-bezier(.16,.81,.32,1);
}
.iziModal.fadeOutUp, .iziModal-overlay.fadeOutUp {
    -webkit-animation: iziM-fadeOutUp 0.5s ease;
    animation: iziM-fadeOutUp 0.5s ease;
}
.iziModal.fadeInLeft, .iziModal-overlay.fadeInLeft {
    -webkit-animation: iziM-fadeInLeft 0.7s cubic-bezier(.16,.81,.32,1);
    animation: iziM-fadeInLeft 0.7s cubic-bezier(.16,.81,.32,1);
}
.iziModal.fadeOutLeft, .iziModal-overlay.fadeOutLeft {
    -webkit-animation: iziM-fadeOutLeft 0.5s ease;
    animation: iziM-fadeOutLeft 0.5s ease;
}
.iziModal.fadeInRight, .iziModal-overlay.fadeInRight {
    -webkit-animation: iziM-fadeInRight 0.7s cubic-bezier(.16,.81,.32,1);
    animation: iziM-fadeInRight 0.7s cubic-bezier(.16,.81,.32,1);
}
.iziModal.fadeOutRight, .iziModal-overlay.fadeOutRight {
    -webkit-animation: iziM-fadeOutRight 0.5s ease;
    animation: iziM-fadeOutRight 0.5s ease;
}
.iziModal.flipInX, .iziModal-overlay.flipInX {
    -webkit-animation: iziM-flipInX 0.7s ease;
    animation: iziM-flipInX 0.7s ease;
}
.iziModal.flipOutX, .iziModal-overlay.flipOutX {
    -webkit-animation: iziM-flipOutX 0.7s ease;
    animation: iziM-flipOutX 0.7s ease;
}

@-webkit-keyframes iziM-comingIn {
    0% {
        opacity: 0;
        transform: scale(0.9) translateY(-20px) perspective( 600px ) rotateX( 10deg );
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0) perspective( 600px ) rotateX( 0 ); 
    }
}
@-moz-keyframes iziM-comingIn {
    0% {
        opacity: 0;
        transform: scale(0.9) translateY(-20px) perspective( 600px ) rotateX( 10deg );
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0) perspective( 600px ) rotateX( 0 ); 
    }
}
@keyframes iziM-comingIn {
    0% {
        opacity: 0;
        /*transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );*/
        transform: scale(0.9) translateY(-20px) perspective( 600px ) rotateX( 10deg );
    }
    100% {
        opacity: 1;
        /*transform: scale(1) translateY(0) perspective( 600px ) rotateX( 0 ); */
        transform: scale(1) translateY(0) perspective( 600px ) rotateX( 0 ); 
    }
}

@-webkit-keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1); 
    }
    100% {
        opacity: 0;
        transform: scale(0.9); 
    }
}
@-moz-keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1); 
    }
    100% {
        opacity: 0;
        transform: scale(0.9); 
    }
}
@keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1); 
    }
    100% {
        opacity: 0;
        transform: scale(0.9); 
    }
}
@-webkit-keyframes iziM-fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@-moz-keyframes iziM-fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes iziM-fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@-webkit-keyframes iziM-fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes iziM-fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes iziM-fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes iziM-slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes iziM-slideIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@keyframes iziM-slideIn {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes iziM-slideDown {
    0% { opacity: 0; -webkit-transform: scale(1,0) translateY(-40px); -webkit-transform-origin: center top; }
}
@-moz-keyframes iziM-slideDown {
    0% { opacity: 0; -moz-transform: scale(1,0) translateY(-40px); -moz-transform-origin: center top; }
}
@keyframes iziM-slideDown {
    0% { opacity: 0; transform: scale(1,0) translateY(-40px); transform-origin: center top; }
}

@-webkit-keyframes iziM-revealIn {
    0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,1); }
}
@-moz-keyframes iziM-revealIn {
    0% { opacity: 0; -moz-transform: scale3d(0.3,0.3,1); }
}
@keyframes iziM-revealIn {
    0% { opacity: 0; transform: scale3d(0.3,0.3,1); }
}

@-webkit-keyframes iziM-bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes iziM-bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
}
@keyframes iziM-bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
}


@-webkit-keyframes iziM-bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes iziM-bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes iziM-bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes iziM-bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0);
    }
}

@-webkit-keyframes iziM-fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
}
@keyframes iziM-fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
}

@-webkit-keyframes iziM-fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}
@keyframes iziM-fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}

@-webkit-keyframes iziM-fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
}
@keyframes iziM-fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
}

@-webkit-keyframes iziM-fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
}
@keyframes iziM-fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
}

@-webkit-keyframes iziM-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(60deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes iziM-flipInX {
    0% {
        transform: perspective(400px) rotateX(60deg); 
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes iziM-flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        opacity: 0;
    }
}
@keyframes iziM-flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        opacity: 0;
    }
}


/* ================================================================================ */
/*                                                                                  */
/*  RandVisual                    */
/*                                                                                  */
/* ================================================================================ */

.rv_a{
}

.top_containar{
	margin: 20px auto 40px;
	width: 95%;
}

.rv_large_containar img{
    transition: 0.2s;
    border-radius: 10px; 
}

.large h5 {
	margin:30px 0px 15px 0px;
	color:#dc143c;
	font-size: 21px;
    font-weight:bolder;	
}

.large p {
	margin:5px 0px 10px 0px;
	font-weight: bolder;
	font-size: 18px;
	line-height: 1.3em;
}

.large .type {
	margin:5px 0px 10px 10px;
    color:rgba(0, 25, 50, 0.8);
	font-weight:inherit;
	font-size: 17px;
	line-height: 1.5em;
}


@media screen and (max-width: 1400px) {
.large{
	width: 80%;
	min-height: 400px;
	margin: 20px auto 0px;
	padding: 20px 40px;
	background-color: white;
	border-radius: 7px;
    -webkit-box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
    box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
}

.rv_large_containar{
}
}

@media screen and (min-width: 1401px) {
.large{
	width: 60%;
	min-height: 400px;
	margin: 20px auto 0px;
	padding: 20px 40px;
	background-color: white;
	border-radius: 7px;
    -webkit-box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
    box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
}

.rv_large_containar{
}
}

.rv_small_containar {
}

.small {
	margin: 70px 1.3% 20px;
	padding: 20px 10px;
	width: 29%;
	float: left;
	transition: 0.2s;
	background-color: white;
	border-radius: 7px;
    -webkit-box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
    box-shadow: 0 10px 20px -6px rgba(0, 25, 50, 0.2);
}

.rv_small_containar img {
    border-radius: 10px; 
}

.small  dl {
	margin: 0px;
	padding: 7px 0px 0px 10px;
}

.small dl dt {
	color: #dc143c;
	font-weight: bolder;
	font-size: 18px;
}

.small  dl dd {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	line-height: 1.2em;
	color:rgba(0, 25, 50, 0.8);
	font-size: 17px;
	font-weight: bolder;
}


/* ================================================================================ */
/*                                                                                  */
/* entertainment                    */
/*                                                                                  */
/* ================================================================================ */

.entertainment{
    margin: 10px 5% 60px;
    width: 90%;
}


/* ================================================================================ */
/*                                                                                  */
/*  tabse    */
/*                                                                                  */
/* ================================================================================ */

#tabset {
}


#tabset_tab li{
	text-align:center;
	line-height:30px;
}

#tabset_tab li a{
	display:block;
	outline:none; /* linkline */
	margin:0 0 10px 0;
	padding:2px 8px;
	line-height:140%;
	font-weight:bold;
	font-size: 18px!important;
}

#tabset_tab li p{
	display:block;
	outline:none; /* linkline */
	margin:0 0 10px 0;
	padding:2px 8px;
	line-height:140%;
	font-weight:bold;;
	text-align:left;
}

#tabset_tab li a span{
	display:block;
text-decoration:none;
background-color:#F8F9E4;
}
#tabset_tab li a:hover{
text-decoration:none;
background-color:#F8F9E4;
}


#tabset_tab li a.select{
	text-decoration:none;
	padding:2px 8px;
	background:#000000;
	border-radius: 8px;
	color:#fffacd;
	font-weight:bold;
}

	
/* ================================================================================ */
/*                                                                                  */
/* top_joblist  */
/*                                                                                  */
/* ================================================================================ */

.top_joblist{
	  width:90%;
	  margin: 0px auto;
	  padding: 20px 20px 80px;
	}

.top_joblist h2{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1.1em;
    text-align: left;
    color: #000;
    background:none;
    border:none;
    margin: 40px 0px 20px 50px;
}

.top_joblist p{
    font-size: 15px;
    margin: 0px 0px 0px 20px;
    line-height: 1.3em;
    text-align: left;
    letter-spacing: 2px;
}

.top_joblist p{
    font-size: 15px;
    margin: 0px 0px 0px 20px;
    line-height: 1.3em;
    text-align: left;
    letter-spacing: 2px;
}


.toplist{
	  padding: 0px 20px;
	  clear: both;
}

.toplist_main{
	  float: left;
      width:17%;
	  margin: 0px auto;
	  padding: 5px 18px;
	  font-size: 13.5px;
}

.toplist_sub{
	  float:right;
      width:75%;
	  margin: 0px auto;
	  padding: 5px 18px;
}

.toplist_sub  ul li {
 	  display: inline-block;
 	  margin: 0px  5px;
	  font-size: 13px;
}

/* ================================================================================ */
/*                                                                                  */
/*      top_a                                                */
/*                                                                                  */
/* ================================================================================ */

.top_a2{
    position: relative;
    opacity: 0.95;  
}

.top_a2 p {
	position: absolute;
	width: 96%; 
	top: 75%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff !important;
	font-size: 80px;
	text-align:center;
	font-weight: 900;
	padding:10px 20px;
	background-color: rgba(51,51,51,0.7);
}

.top_a2 .salary {
	width: 85%; 
	top: 40%;
	font-size: 25px;
}

.top_a2 .gift {
	width: 85%; 
	top: 70%;
	font-size: 22px;
}

.top_a4{
	position: relative;
	background-color:#FFFFFF;
	padding:30px 0px;
	text-align:center;
}

@media screen and (max-width: 1250px) {
.top_a4 h1 {
	position: absolute;
	top: 80%;
	width:85%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 28px;
	text-align:left;
	font-weight: 900;
	padding:10px 40px;
	background-color: rgba(51,51,51,0.4);
}
}

@media screen and (min-width: 1251px) {
.top_a4 h1 {
	position: absolute;
	top: 80%;
	width:1140px;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 28px;
	text-align:left;
	font-weight: 900;
	padding:10px 40px;
	background-color: rgba(51,51,51,0.4);
}
}

.top_a4 h4 {
	position: absolute;
	cursor:pointer;
	top: 60%;
	width:85%;
	left: 48%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 25px;
	text-align:left;
	font-weight: 900;
	padding:15px;
	background-color: rgba(51,51,51,0.4);
	text-decoration:underline;
}


.top_a4 p {
	position: absolute;
	top: 80%;
	right: 40%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 25px;
	text-align: left;
	font-weight: 900;
	padding: 30px 100px;
	background-color: rgba(0, 0, 0, 0.64);
	width:250px;
}

.top_a4 a{
	color: #fff;
	text-decoration: underline;
	line-height: 2.5rem;
 }

/* ================================================================================ */
/*                                                                                  */
/* drawe */
/*                                                                                  */
/* ================================================================================ */

/*!
 * jquery-drawer v3.2.1
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

/*!------------------------------------*\
    Base
\*!------------------------------------*/
.drawer-nav {
  position: fixed;
  z-index: 101;
  top: 0;
  overflow: hidden;
  width: 25%;
  height: 100%;
  color: #222;
  background-color: #fff;
}

.drawer-brand {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 3.75rem;
  display: block;
  padding-right: .75rem;
  padding-left: .75rem;
  text-decoration: none;
  color: #000;
}

.drawer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.drawer-menu-item {
  font-size: 1rem;
  display: block;
  padding: .75rem;
  text-decoration: none;
  color: #222;
}

.drawer-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent;
}

/*! overlay */
.drawer-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
}

.drawer-open .drawer-overlay {
  display: block;
}
/*!------------------------------------*\
    Top
\*!------------------------------------*/
.drawer--top .drawer-nav {
  top: -100%;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--top.drawer-open .drawer-nav {
  top: 0;
}

.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
  right: 0;
}
/*!------------------------------------*\
    Left
\*!------------------------------------*/
.drawer--left .drawer-nav {
  left: -25%;
  -webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0;
}

.drawer--left.drawer-open .drawer-hamburger {
  left: 25%;
}
/*!------------------------------------*\
    Right
\*!------------------------------------*/
.drawer--right .drawer-nav {
  right: -25%;
  -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 25%;
}
/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-hamburger {
  position: fixed;
  z-index: 104;
  top: 0;
  display: block;
  box-sizing: content-box;
  width:70px;
  margin:5px 0px 0px 3px;
  padding: 5px;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  border: 2px solid #faf5ef;
  border-radius: 6px;
  outline: 0;
  background: linear-gradient(to right bottom, #484b5c 0%, #343440 100%);
}

.drawer-hamburger:hover {
  cursor: pointer;
  background: linear-gradient(to right bottom, #484b5c 0%, #343440 100%);
}

.drawer-hamburger .menyu {
    font-size: 15px;
    padding: 9px 0px 0px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff;
    font-weight:bold;
}

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin: 15px 0px 5px 13px;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  width: 40px;
  height: 2px;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  background-color: #fff;
}

.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  content: ' ';
}

.drawer-hamburger-icon:after {
  top: 10px;
}

.drawer-open .drawer-hamburger-icon {
  background-color: transparent;
}

.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  top: 0;
}

.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/*!------------------------------------*\
    accessibility
\*!------------------------------------*/

/*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */
.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}
/*!------------------------------------*\
    Sidebar
\*!------------------------------------*/
.drawer--sidebar {
  background-color: #fff;
}

.drawer--sidebar .drawer-contents {
  background-color: #fff;
}

@media (min-width: 64em) {
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden;
  }

  .drawer--sidebar .drawer-nav {
    display: block;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%;
  }

  /*! Left */
  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd;
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem;
  }

  /*! Right */
  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd;
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem;
  }

  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 48rem;
  }
}

@media (min-width: 75em) {
  .drawer--sidebar .drawer-nav {
    width: 25%;
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 25%;
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 25%;
  }

  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 60rem;
  }
}
/*!------------------------------------*\
    Navbar
\*!------------------------------------*/
.drawer--navbarTopGutter {
  padding-top: 3.75rem;
}

.drawer-navbar .drawer-navbar-header {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

.drawer-navbar {
  z-index: 102;
  top: 0;
  width: 100%;
}

/*! .drawer-navbar modifier */
.drawer-navbar--fixed {
  position: fixed;
}

.drawer-navbar-header {
  position: relative;
  z-index: 102;
  box-sizing: border-box;
  width: 100%;
  height: 3.75rem;
  padding: 0 .75rem;
  text-align: center;
}

.drawer-navbar .drawer-brand {
  line-height: 3.75rem;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}

.drawer-navbar .drawer-brand:hover {
  background-color: transparent;
}

.drawer-navbar .drawer-nav {
  padding-top: 3.75rem;
}

.drawer-navbar .drawer-menu {
  padding-bottom: 7.5rem;
}

@media (min-width: 64em) {
  .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }

  .drawer-navbar .drawer-navbar-header {
    position: relative;
    display: block;
    float: left;
    width: auto;
    padding: 0;
    border: 0;
  }

  .drawer-navbar .drawer-menu--right {
    float: right;
  }

  .drawer-navbar .drawer-menu li {
    float: left;
  }

  .drawer-navbar .drawer-menu-item {
    line-height: 3.75rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .drawer-navbar .drawer-hamburger {
    display: none;
  }

  .drawer-navbar .drawer-nav {
    position: relative;
    left: 0;
    overflow: visible;
    width: auto;
    height: 3.75rem;
    padding-top: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  .drawer-navbar .drawer-menu {
    padding: 0;
  }

  /*! dropdown */
  .drawer-navbar .drawer-dropdown-menu {
    position: absolute;
    width: 25%;
    border: 1px solid #ddd;
  }

  .drawer-navbar .drawer-dropdown-menu-item {
    padding-left: .75rem;
  }
}
/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/
.drawer-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.drawer-dropdown-menu > li {
  width: 100%;
  list-style: none;
}

.drawer-dropdown-menu-item {
  line-height: 3.75rem;
  display: block;
  padding: 0;
  padding-right: .75rem;
  padding-left: 1.5rem;
  text-decoration: none;
  color: #222;
}

.drawer-dropdown-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent;
}

/*! open */
.drawer-dropdown.open > .drawer-dropdown-menu {
  display: block;
}

/*! drawer-caret */
.drawer-dropdown .drawer-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, opacity .2s ease;
  transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/*! open */
.drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
/*!------------------------------------*\
    Container
\*!------------------------------------*/
.drawer-container {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 64em) {
  .drawer-container {
    max-width: 60rem;
  }
}

@media (min-width: 75em) {
  .drawer-container {
    max-width: 70rem;
  }
}

/* ================================================================================ */
/*                                                                                  */
/*  video                            */
/*                                                                                  */
/* ================================================================================ */

@media screen and (max-width: 1250px) {
.video { 
    color: #000;
    text-align:left;
    padding:40px 0px 70px;    
    width: 90%;
    margin: 0px auto;
}
}

@media screen and (min-width: 1251px) {
.video { 
	color: #000;
	text-align: left;
	padding:40px 0px 70px;  
	width: 1250px;
	margin: 0px auto;    
}
}


.video2 {
   width: 1040px;
     margin: 10px auto 20px auto;
    padding:20px;
}
	 
.videoimg{
   width: 1040px;
   height:100%;
   margin:0px auto;
   background: linear-gradient(
		to bottom,
		#51759c 0%,
		#64626e);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#51759c),
		to(#64626e));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 10px solid #ffffff;
	-moz-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px -14px 9px rgba(086,085,120,1);
	-webkit-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px -14px 9px rgba(086,085,120,1);
	box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px -14px 9px rgba(086,085,120,1);
}

.videoimg img{
    border-radius: 0px;
    box-shadow: 0 3px 11px rgba(0, 0, 0, 0.5), 0 -14px 9px rgba(86, 85, 120, 1) inset;
    margin: 0px; 
}


.video2 h4 {
    font-size: 23px;
    line-height: 1.2;
    font-weight: bold;
    padding: 10px 0 10px 10px;
    margin: 15px 0px ;
	text-align: left;
	color:#000;
}

.video2 p{
    width:98%;
    font-size:20px;
    letter-spacing: 0.07em;
    line-height: 1.5;
    margin: 20px 0 2.91429em;
    color:#000;	
}

/* ================================================================================ */
/*                                                                                  */
/*  koe             */
/*                                                                                  */
/* ================================================================================ */

.koe_page_box {
	margin: 0 auto;
	padding: 10px 0px 50px;  		
}

.koe_page_box .name{
	font-size: 40px;
	font-weight:bold;
	margin: 50px auto 0px;
	padding-left: 20px;	
	text-align: center;
}

.koe_page_box .many{
	font-size: 20px;
	margin: 10px auto 80px;
	padding-left: 20px;	
	text-align: center;
}

.koe_main {
	padding: 20px 0px;
}

.koe_qa {
	padding: 20px;
    /*! float: right; */
}

.koe_qa .q{
	font-size: 24px;
	position: relative;
	margin: 0px auto 20px;
	padding: 3px 20px;
	line-height:normal;
    font-weight: bold;
}

.koe_qa .a{
	font-size: 18px;
	position: relative;
	margin: 0px auto 40px;
	padding: 3px 20px;
	line-height:normal;
}

.koe_image {
   width:400px;
	height:450px;
   float: left;
   margin:0px 50px 10px 20px;
}

.article_image2 {
   width:280px;
	height:440px;
   float: left;
   margin:0 20px 0px 0px;
}

/* ================================================================================ */
/*                                                                                  */
/* qa  */
/*                                                                                  */
/* ================================================================================ */

.mod_qalist {
    width:85%;
	padding:5px;
	margin:0px auto ;
}
.mod_qalist dt{
	min-height:50px;
	height:auto!important;
	height:50px;
	margin:20px 0 0 0;
	padding:0 0 0 60px;
	font-weight:bold;
	letter-spacing: 0.07em;
    line-height: 1.5;
    margin: 20px 0 2.91429em;
	background:transparent url('http://www.rayden.sakura.ne.jp/test1/common/img/job/q02.gif') no-repeat top left scroll;
}
.mod_qalist dd{
	min-height:50px;
	height:auto!important;
	height:50px;
	letter-spacing: 0.07em;
    line-height: 1.5;
    margin: 20px 0 2.91429em;
	margin:10px 0 0 20px;
	padding:0 0 0 60px;
	background:transparent url('http://www.rayden.sakura.ne.jp/test1/common/img/job/a02.gif') no-repeat top left scroll;
}

.mod_qalist dl{
	font-size: 18px;
	color: #050505;
	padding: 30px 30px;
	margin:10px 10px 10px 10px;	
}

/* ================================================================================ */
/*                                                                                  */
/*  map             */
/*                                                                                  */
/* ================================================================================ */

.map {
   width: 95%;
   margin: 10px auto 20px auto;
}

.map p{
     margin-bottom: 5px; 
	 font-size: 17px;
	 color: #FFF;
	 font-weight: bold;
	 background-color: #000;
	 padding:10px 10px 10px 10px;
}

/* ================================================================================ */
/*                                                                                  */
/*  nagare           */
/*                                                                                  */
/* ================================================================================ */
.mod_nagare {
	margin: 70px auto 150px;
}


#wrap{ overflow:hidden; padding:2%; text-align:center; }
#pbOverlay.show ~ #wrap{ -webkit-filter:blur(2px) grayscale(.4); }
.main{ float:left; font-size:1.1em; width:36%; color:#FFF; text-shadow:2px 2px 4px rgba(0,0,0,.5); font-family:'Cuprum'; }
	.main h1{ line-height:0.75; font-size:6.2em; margin:0; text-indent:1%; font-family:'Romanesco'; }
		.main small{ color:inherit; }
	.main h2{ font-size:1.7em; color:#FF1668; line-height:1.2; margin:0; font-family:'Romanesco'; }
	.main p{ margin:15px 0; }
	
	.main ul li{ padding-left:25px; position:relative; margin:0.2em 0; }
		.main ul li:before{ content:'●'; color:#FFF; position:absolute; left:0; top:-2px; opacity:0.5; transition:0.3s; }
		.main ul li:hover:before{ opacity:1; text-shadow:0 0 4px #FFF; transition:.1s; }
		
		.main footer{ margin-top:50px; text-shadow:none; font-size:0.9em; }
		.main footer .copy{ font-family:Tahoma; font-size:1.2em; font-weight:bold; margin:0 3px; opacity:0.35; }
		.main footer a{ margin-left:10px; color:#D8FF16; border-radius:4px; position:relative; -webkit-transition:0.2s; -ms-transition:0.2s; transition:0.2s; }
		.main footer a:hover{ text-decoration:none; color:#FFF; /* box-shadow:0 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.2); */ }
		.main footer a::after{ content:'\203A'; font-size:2em; line-height:0.8; margin-left:-10px; display:inline-block; vertical-align:top; opacity:0; pointer-events:none; -webkit-transition:0.15s ease-out; -ms-transition:0.15s; transition:0.15s ease-out; }
		.main footer a:hover::after{ opacity:1; margin-left:5px; }
		
#gallery{ width:100%; }
	#gallery li{ list-style:none; perspective:100px; -webkit-perspective:100px; margin:1px; vertical-align: top;display: inline-block; position:relative; transition:.1s; -webkit-transition:0.1s; }
		#gallery li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:0.9; position:absolute; bottom:3px; left:4px; z-index:1; background:rgba(0,0,0,0.4); box-shadow:0 0 0 3px rgba(0,0,0,0.4); border-radius:0 3px 0 0; pointer-events:none; opacity:0; transition:.5s 0.2s; }
		#gallery li.loaded.video::before{ opacity:1; }
		#gallery a{ display:block; width:295px; height:295px; vertical-align:bottom; overflow:hidden; background:rgba(0,0,0,0.1);
					transition:.4s ease-out; -webkit-transition:0.4s ease-out; -webkit-transform:rotateX(90deg) translate(-50px,-50%); transform:rotateX(90deg) translate(-50px,-50%); }
		#gallery a:active, #gallery a:focus{ outline:none; }
		#gallery a img{ min-height:100%; width:100%; transition:.3s ease-out; -webkit-transition:0.3s ease-out; }
		#gallery .loaded a{ -webkit-transform:rotateX(0deg) translate(0,0); transform:rotateX(0deg) translate(0,0); }
			#gallery li.loaded:hover{ z-index:2; transform:scale(1.2); -webkit-transform:scale(1.2); }
			#gallery li.loaded a:hover{ box-shadow:0 0 0 2px #FFF, 0 0 20px 5px #000; transition:.1s; -webkit-transition:0.1s; }
			#gallery li.loaded:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2); }
			#gallery li.loaded.video:hover::before{ opacity:0; }
	
/*------- media queries -----------*/
@media all and (max-width:700px){
	body{ background-position:0 0; background-attachment:inherit; box-shadow:none; }
	.main, #gallery{ float:none; width:auto; font-size:0.9em; }
	.main h1{ font-size:5.2em; }
	.main h2{ font-size:1.5em; }
	.btn{ position:absolute; right:10px; top:26px; }
	#gallery li{ margin:0; }
	#gallery a{ width:55px; height:50px; }
	#gallery li.loaded:hover img, #gallery li.loaded:hover{ transform:none; -webkit-transform:none; }
	.main footer{ margin:10px 0; }
} 


/* Normilizes box-sizing  */
#pbOverlay *,
#pbOverlay *:before,
#pbOverlay *:after {
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}


#pbOverlay.show{ opacity:1; pointer-events:auto; }
#pbOverlay{
	opacity:0; overflow:hidden; width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; text-align:center; pointer-events:none;
	-moz-user-select:none;
	background:rgba(0,0,0,.90);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2000000', endColorstr='#e2000000');
	/* background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%); */
	-webkit-transform:translate3d(0);
	transition:opacity 300ms ease;
}

#pbOverlay.msie{ background-color:rgba(0,0,0,.6); }
.msie.pbLoading .pbWrapper{ background:url('../images/loading.gif') no-repeat center center; }

@keyframes pbLoaderFrames{ 50%{ height:5px; } }
@-webkit-keyframes pbLoaderFrames{ 50%{ height:5px; } }

.pbLoader{ display:none; width:100px; height:100px; position:absolute; z-index:999; top:0; left:0; right:0; bottom:0; margin:auto; text-align:center; border-radius:100%; box-shadow:15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px; transition:.3s; }
.thumbs .pbLoader{ -webkit-transform:translateY(-50px); transform:translateY(-50px); }
.pbLoading:not(.msie):not(.error) .pbLoader{ display:block; }
	.pbLoader b{ display:inline-block; vertical-align:middle; margin:0 2px; width:8px; height:60px; border-radius:5px; background:rgba(255,255,255,.8); box-shadow:0 0 10px rgba(0,0,0,.5); -webkit-animation:.9s pbLoaderFrames infinite linear; animation:.9s pbLoaderFrames infinite linear; }
	.pbLoader b:nth-child(2){ -webkit-animation-delay:.3s; animation-delay:.3s; }
	.pbLoader b:nth-child(3){ -webkit-animation-delay:.6s; animation-delay:.6s; }

.mobile.pbLoading .pbLoader{ transform:none; transition:0s; }

.pbWrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before{ content:""; display:inline-block; height:100%; margin-right:-.25em; vertical-align:middle; }

/* Animation when image was not loaded */
@keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); transform:scale(.85); } }
@-webkit-keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); -webkit-transform:scale(.85); } }

#pbOverlay button{ outline:0 !important; box-shadow:0; }


.pbWrapper{ -moz-box-sizing:border-box; box-sizing:border-box; transform:rotate(0deg); vertical-align:middle; height:100%; perspective:1200px; position:relative;  }
.video > .pbWrapper{ z-index:11; display:inline-block; }
	/*#pbOverlay.error .pbWrapper{ display:inline-block; width:100%; }*/
	.pbLoading .pbWrapper{ display:inline-block\9; width:100%; } /* ie8+9 hack */
	.pbWrapper:before{ content:'\2716'; color:transparent; text-shadow:0 2px 35px rgba(255,255,255,0); font-size:0; vertical-align:middle; cursor:default; transition:text-shadow .7s ease-out; }
	.error .pbWrapper:before{ font-size:22em; text-shadow:0 0 0 #FFF; -webkit-animation:2s 1s deadImage infinite linear; animation:2s 1s deadImage infinite linear; }
	.thumbs .pbWrapper{ padding:0; margin:0; }
	.error .pbWrapperr img{ width:0; }

	.pbWrapper > div{ display:none; width:624px; height:351px; vertical-align:middle; border-radius:5px; background:rgba(0,0,0,.5); }
	.video > .pbWrapper > div{ display:inline-block; }

	#pbOverlay iframe,
	#pbOverlay embed,
	#pbOverlay object{ display:block; width:100%; height:100%; opacity:1; transition:.5s; }

	.pbWrapper .pbHide iframe{ opacity:0; }

	.pbWrapper > div,
	.pbWrapper > img{
		transition:.5s .5s cubic-bezier(.1, .87, .48, 1);

		-webkit-transform:none;
		-ms-transform:none;
		transform:none;

		-webkit-backface-visibility:hidden;
		box-shadow:0 0 20px #000;
		opacity: 1;
		margin-bottom: 50px;
	}

	/* FOR MOBILE */
	.mobile.show .pbWrapper > div,
	.mobile.show .pbWrapper > img{
		transition:30ms;
	}

	/* Content effects */
	.pbWrapper > *,
	.pbHide .pbWrapper > .prepare{ opacity:0; vertical-align:middle; -webkit-transform:scale(.2) rotateX(80deg); -ms-transform:scale(.2) rotateX(80deg); transform:scale(.2) rotateX(80deg); border-radius:6px; border:none; max-height:95%; max-width:100%; }
	.on .pbWrapper > *{ transition-delay:0s; }
	.pbWrapper .zoomable{ -webkit-transition:0s; transition:0s; position:relative; z-index:9; }
	.pbWrapper .rotating{ -webkit-transition:.25s cubic-bezier(.4,.04,0,1); transition:.25s cubic-bezier(.4,.04,0,1); }
	.pbHide .pbWrapper > *{ -webkit-transform:scale(1.2); transform:scale(1.2); transform:none\9; opacity:0; transition:.4s ease-out; }



/*-- close button --*/
#pbCloseBtn,
#pbAutoplayBtn{ position:absolute; top:-50px; right:-50px; z-index:999; display:block; padding:0 0 20px 20px; text-align:center; cursor:pointer; color:#FFF; transition:.3s .3s ease-out; }
.pbHide #pbCloseBtn{ top:-50px; right:-50px; }
.on #pbCloseBtn{ top:-2px; right:-2px; }

#pbCloseBtn:before{ content:'\00D7'; font:bold 1em/1 arial; }
#pbCloseBtn:before, #pbAutoplayBtn:before{ display:inline-block; height:35px; width:35px; padding:8px 8px 12px 12px; font-size:2em; opacity:.8; vertical-align:middle; background:rgba(255,255,255,.2); border-radius:0 0 0 70px; transition:.1s ease-out; }
#pbCloseBtn:hover:before{ padding:15px 10px 24px 24px; background:rgba(255,100,100,.4); }

/*-- autoplay controller --*/
#pbAutoplayBtn{ display:none; right:auto; left:-50px; padding:0; width:50px; height:50px; font-size:13px; }
.hasAutoplay #pbAutoplayBtn{ display:block; }
#pbAutoplayBtn:hover{ width:60px; height:60px; }
.on #pbAutoplayBtn{ top:0px; left:0px; transition:.1s ease-out; }
	#pbAutoplayBtn:before{ content:'\2016'; width:100%; height:100%; border-radius:0 0 70px 0; font-weight:bold; padding:0; text-indent:-6px; line-height:1.6; }
	#pbAutoplayBtn:active:before{ text-shadow:0 0 3px #FFF, 0 0 6px #FFF; }
	#pbAutoplayBtn.play:before{ content:'\25BA'; }

	#pbAutoplayBtn .pbProgress{ display:none\9; width:100%; height:100%; overflow:hidden; position:absolute; padding:6px; top:0; left:0; opacity:.2; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transition:.3s; transition:.3s; }
	.mobile #pbAutoplayBtn .pbProgress{ -webkit-transition:0s; transition:0s; }
	#pbAutoplayBtn.playing .pbProgress{ -webkit-transform:rotateZ(90deg); -ms-transform:rotateZ(90deg); transform:rotateZ(90deg); }
	#pbAutoplayBtn .pbProgress:before{ content:''; position:absolute; right:0; bottom:0; width:200%; height:200%; border-radius:50%; box-shadow:0 0 0 8px #FFF inset; }

#pbCaption,
.pbHide #pbCaption{ position:absolute; z-index:999; margin-bottom:5px; bottom:-120px; width:100%; overflow:hidden; transform:translateZ(0px); transition:.4s; }
.show.on #pbCaption{ bottom:0; transition-delay:.5s; }
	#pbOverlay.thumbs #pbCaption label{ display:block; }
	#pbCaption label{ display:none; float:right; margin:0 1em; color:#FFF; opacity:.3; transition:.2s; cursor:pointer; }
	#pbCaption label:after{ content:'\276F'; font-size:30px; line-height:30px; display:inline-block; transform:rotate(-90deg); transition:.2s ease-out; }
	#pbCaption label:hover{ opacity:1; }
	#pbCaption .title,
	#pbCaption .counter{ display:inline-block; color:#FFF; margin:0 6px; }
	#pbCaption .counter{ display:none; opacity:.55; }
	.hasCounter #pbCaption .counter{ display:inline-block; }
	.pbCaptionText{ font-size:30px;display:inline-block; transition:.3s; opacity:.9; font-weight:bold; vertical-align:middle; text-shadow:1px 1px 1px rgba(0,0,0,.5); padding-left:60px; } /* padding-left from <label> */
	.pbCaptionText.change{ -webkit-transform:translateY(25px); transform:translateY(25px); opacity:0; }
	#pbCaption .rotateBtn{ display:none; background:none; border:0; font:800 1.7em/0 Arial; vertical-align:middle; color:rgba(255,255,255,.5); width:1.1em; height:1.1em; padding:0; border-radius:50%; background:rgba(0,0,0,.2); cursor:pointer; transition:.15s ease-out; }
	#pbCaption .rotateBtn.show{ display:block; float:right; }
	#pbCaption .rotateBtn:hover{ color:rgba(255,255,255,.7); }
	#pbCaption .rotateBtn:active{ color:white; background:rgba(0,0,0,.4); }

.mobile #pbCaption label{ display:none; z-index:-1; color:red; }
.mobile .pbCaptionText{ padding:0; }

/* hide thumbnails */
#pbThumbsToggler:checked ~ #pbCaption .pbThumbs{ margin:0; }
#pbThumbsToggler:checked ~ #pbCaption label:after{ transform:rotate(90deg) }
#pbThumbsToggler:checked ~ .pbWrapper{ margin-top:-50px; padding:50px 0; }

.pbThumbs{ display:none; transition:.35s; -webkit-overflow-scrolling:touch; }
.thumbs .pbThumbs{ display:block; width:100%; padding:5px 0 2px; margin-bottom:-100px; overflow:hidden; }
.mobile .pbThumbs{ overflow:auto; }
.pbThumbs:hover{ clear:both; }
	.pbThumbs ul{ display:inline-block; position:relative; list-style:none; height:80px; padding:0 5px; margin:0; white-space:pre; transition:.2s; }
	.pbThumbs ul:after{ vertical-align:bottom; }
		.pbThumbs li{ display:inline-block; vertical-align:bottom; height:70%; opacity:.6; text-align:center; position:relative; transition:.15s; }
		.pbThumbs li.active{ height:100%; opacity:1; }
		.pbThumbs li:hover{ height:100%; opacity:1; }
		.pbThumbs li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:.9; position:absolute; bottom:4px; left:7px; background:rgba(0,0,0,.4); box-shadow:0 0 0 3px rgba(0,0,0,.4); border-radius:0 3px 0 0; pointer-events:none; }
			.pbThumbs a{ height:100%; padding:0 2px; display:block; -moz-user-select:none; }
			.pbThumbs li:hover a{  }
				.pbThumbs img{ height:96%; min-height:95.9%; border:2px solid #FFF; max-width:none; border-radius:0; transition:.15s; }
				.pbThumbs li:hover img{ min-height:96%; } /* fix a bug in Chrome and Opera */
				.pbThumbs li.fast a img{ transition:none; }
				.pbThumbs li.active a img{ border-color:#D8FF16; min-height:96%; }

#pbOverlay .prevNext{ display:none; background:rgba(0,0,0,0); position:absolute; z-index:10; height:100%; width:35%; padding:80px 0; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; top:0; transition:.2s ease-out; text-shadow:0 0 12px #000, 0 0 10px #FFF; user-select:none; filter:alpha(opacity=0); cursor:pointer; }
#pbOverlay.hasArrows .prevNext{ display:block; }
#pbOverlay .prevNext.pbHide{ display:none; }
#pbOverlay.on .prevNext:hover{ opacity:.5; filter:alpha(opacity=50); }
#pbOverlay.on .prevNext:hover:active{ transition:80ms; opacity:1; filter:alpha(opacity=100); text-shadow:0 0 16px #FFF, 0 0 10px #000; }
	.prevNext b{ display:inline-block; vertical-align:middle; transition:.2s ease-in; }
	.prevNext:hover b{ transition:.2s cubic-bezier(.095, .870, .485, .985); }
	#pbPrevBtn b{ transform:scale(.4) translateX(350px); -webkit-transform:scale(.4) translateX(350px); }
	#pbNextBtn b{ transform:scale(.4) translateX(-350px); -webkit-transform:scale(.4) translateX(-350px); }
	/* */
	#pbPrevBtn b:before,
	#pbNextBtn b:after{ display:inline; line-height:.3; font-size:18em; font-weight:normal; color:#FFF; font-family:Arial; }

	#pbPrevBtn b:before{ content:'\2039'; }
	#pbNextBtn b:after{ content:'\203A'; }
	/* */
	.on #pbPrevBtn:hover b{ transform:scale(1) translateX(20px); -webkit-transform:scale(1) translateX(20px); }
	.on #pbNextBtn:hover b{ transform:scale(1) translateX(-20px); -webkit-transform:scale(1) translateX(-20px); }

.show #pbPrevBtn, #pbOverlay.show #pbNextBtn{  }
.show #pbPrevBtn{ left:0; text-align:left; }
.show #pbNextBtn{ right:0; text-align:right; }

/*------- media queries (for small screens) -----------*/
@media all and (max-width:700px){
	.pbWrapper img,
	.pbHide .pbWrapper img.prepare{ max-height:100%; }

	.thumbs .pbWrapper{ padding:0; margin:0; }
	.pbThumbs{ margin-bottom:-60px; }
	.pbThumbs.show{ margin:0; }

	.pbThumbs ul{ height:50px; }
		.pbThumbs li{ height:100%; opacity:1; }
		.pbThumbs li img{ min-height:96.5%; }
}
/* fix for Chrome */
@media all and (max-width:710px){
	.pbThumbs li.active a img{ min-height:96%; }
}

#pbOverlay{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6000000', endColorstr='#e6000000'); }

#pbOverlay .prevNext{ filter:alpha(opacity=0); }
#pbOverlay.on .prevNext:hover{ filter:alpha(opacity=60); }
#pbOverlay.on .prevNext:active{ filter:alpha(opacity=100); }

#pbPrevBtn b:before{ content:'‹'; }
#pbNextBtn b:after{ content:'›'; }



.clear {
	clear:both;　/*floatの解除、ここがポイント*/
}



.top-cuser{
    background-image: url(../img/standard_orange/cuser-top.png);
    background-size:cover;
	width:100%; 
	height:822px; 
	margin:0px auto 50px;
	letter-spacing: 1px;
	line-height: 1.4;
	font-weight: 900;
	color: #fff;
}

.top-cuser-management{
    background-image: url(../img/standard_orange/cuer_management.png);
    background-size:cover;
	width:100%; 
	height:1200px; 
	margin:0px auto 50px;
	letter-spacing: 1px;
	line-height: 1.4;
	font-weight: 900;
	color: #fff;
}

.mid-cuser h2 {
	text-align:center;
	font-size: 45px;
	margin:30px auto 50px;
	color: #000;
}

.mid-cuser h3 {
	text-align:center;
	font-size: 35px;
	margin:30px auto;
}

.mid-cuser ul{
	width: 1200px;
	margin: 0px auto;
	padding: 0px;
}

.mid-cuser ul .item{
	position: relative;
	width: 340px;
	height: 600px;
	padding: 80px 30px 0px;
	margin: 0px 0px 30px;
	float: left;
    text-align:center;
}

.mid-cuser ul .item dl dt {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    text-align: left;
    margin: 10px 0px 30px 0px;
    padding:0px 15px;
}

.mid-cuser ul .item dl dd {
    font-size: 18px;
    font-weight: bold;
    color: #666;
	line-height: 160%;
    text-align: left;
    margin: 0px 0px 30px 0px;
}

.qa-cuser {
    width:90%;
	padding:5px;
	margin:0px auto ;
}
.qa-cuser dt{
	font-size: 25px;
	min-height:80px;
	height:auto!important;
	height:50px;
	padding:0 0 0 80px;
	font-weight:bold;
	letter-spacing: 0.07em;
    line-height: 1.5;
    margin: 20px 0px 50px;
	background:transparent url(../img/standard_orange/c-q.png) no-repeat top left scroll;
}
.qa-cuser dd{
	min-height:80px;
	height:auto!important;
	font-size: 22px;
	font-weight: bold;
	color: #666;
	line-height: 160%;
	margin: 0px 0px 30px 30px;
	padding:0px 0px 0px 80px;
	background:transparent url(../img/standard_orange/c-a.png) no-repeat top left scroll;
}

.qa-cuser dl{
	color: #050505;
	padding: 30px 30px;
	margin:10px 10px 10px 10px;	
}

.ariatop .nagare-cuser{
	width: 400px;
	padding: 30px;
	margin:80px 20px 0px 0px;
	float:right;
	background-color:#1B98B3;
    border-radius: 7px;
}

.ariatop .img-cuser{
	margin: 20px 10px 30px;
	float:left;
}

.ariatop .nagare-cuser h3{
    font-size: 27px;
	color: #fff;
}

.ariatop .nagare-cuser p{
    font-size: 22px;
	padding:10px;
	color: #fff;
	line-height: 120%;
}

.top-cuser .cuser_r {
    font-size: 40px;
    float: left;
    width: 440px;
	padding:10px;
    margin: 340px 20px 40px 50px;
    border: 4px solid #fff;
    border-radius: 7px;
}

.top-cuser .cuser_l {
    font-size: 80px;
    padding: 0px;
    float: left;
    width: 70px;
	line-height: 110%;
    margin: 385px 0px 0px;
}

.top-cuser .cuser_c {
    padding:  10px 30px;
	text-align:left;
	font-size: 48px;
	line-height: 110%;
    margin: 30px 0px 10px 30px;
}

.cuser_a2{
	background-color: rgba(0,0,0,0.4);
	width:100%; 
	height:822px; 
}


/* ================================================================================ */
/*                                                                                  */
/* photo_box       */
/*                                                                                  */
/* ================================================================================ */

.photo_box{
	float:left;
	width:400px;
	margin: 120px 5px ;
	line-height:1.5;
}


/* Ə */
.company .object160{
	border:1px solid #DDD;
	margin-bottom:10px;
}

/* ̊Ƃ̂̑̋l */
.job_point_container ul{
	background-color:#FFF;
	padding:0 15px;
}

.job_point_container ul li{
	background:url(../img/standard_orange/icon_03.gif) no-repeat left 2px;
	padding:0 0 0 17px;
	margin:8px 0;
	line-height:1.5;
}

.job_point_container ul li.more{
	background:none;
	padding:0;
}


/* ================================================================================ */
/*                                                                                  */
/*      ジャンル                                               */
/*                                                                                  */
/* ================================================================================ */

.genre{
    margin:0px 0px 150px;
}

.genre_main {
    padding: 80px 20px;
    height: 450px;
}

.genre_main h2 {
	font-size: 4em;
	margin: 250px 40% 0 10%;
	letter-spacing: 1px;
	line-height: 1.26;
	font-weight: 900;
	color: #fff;
	position: relative;
	padding: 1rem 1rem calc(1.5rem + 10px);
	border: 2px solid #fff;
}

.genre_main h2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	content: '';
	border-top: 2px solid #fff;
	background-image: -webkit-repeating-linear-gradient(135deg, #fff, #fff 1px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #fff, #fff 1px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.genre_sub h2 {
	margin:50px 0px;
}

.genre_sub h2 {
    font-size: 2em;
    letter-spacing: 1px;
    line-height: 1.26;
	margin:50px 15% 0px;
	position: relative;
	overflow: hidden;
	padding: 1.5rem 2rem 1.5rem 130px;
	border: 2px solid #000;
}

.genre_sub h2:before {
	position: absolute;
	top: -150%;
	left: -100px;
	width: 200px;
	height: 300%;
	content: '';
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	background: #000;
}

.genre_sub h2 span {
	font-size: 40px;
	font-size: 4rem;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	padding-top: 3px;
	padding-left: 16px;
	color: #fff;
}

.genre_text {
    padding: 10px 0;
    width: 65%;  
	margin:0px auto;
}

.genre_text h2 {
    font-size: 23px;
	position: static;
	font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.26;
    color: #000;
    border:none;
	margin:15px 0px;
	overflow: auto;
	padding: 0.5rem 1rem;
    border-left: 7px solid #000;
}

.genre_text h2:before {
	position: static;
}

.genre_text p {
    font-size: 18px;
    line-height: 1.8;
}

.genre_j1{
    background-image: url(../img/standard_orange/j1-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j2{
    background-image: url(../img/standard_orange/j2-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j3{
    background-image: url(../img/standard_orange/j3-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j4{
    background-image: url(../img/standard_orange/j4-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j5{
    background-image: url(../img/standard_orange/j5-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j6{
    background-image: url(../img/standard_orange/j6-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j7{
    background-image: url(../img/standard_orange/j7-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j8{
    background-image: url(../img/standard_orange/j8-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j9{
    background-image: url(../img/standard_orange/j9-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j10{
    background-image: url(../img/standard_orange/j10-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j11{
    background-image: url(../img/standard_orange/j11-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j12{
    background-image: url(../img/standard_orange/j12-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j13{
    background-image: url(../img/standard_orange/j13-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j14{
    background-image: url(../img/standard_orange/j14-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j15{
    background-image: url(../img/standard_orange/j15-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j16{
    background-image: url(../img/standard_orange/j16-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j17{
    background-image: url(../img/standard_orange/j17-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j18{
    background-image: url(../img/standard_orange/j18-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j19{
    background-image: url(../img/standard_orange/j19-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j20{
    background-image: url(../img/standard_orange/j20-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j21{
    background-image: url(../img/standard_orange/j21-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j22{
    background-image: url(../img/standard_orange/j22-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j23{
    background-image: url(../img/standard_orange/j23-top.png);
    background-size:cover;
	margin:0px auto 30px;
}

.genre_j24{
    background-image: url(../img/standard_orange/j24-top.png);
    background-size:cover;
	margin:0px auto 30px;
}