 

/*  GIRLS-H navi
--------------------------------------------------------------------------*/
/*  http://
--------------------------------------------------------------------------*/

a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:hover {text-decoration: none;} 
body { margin:0px;padding:0px;}
body { width: 100%;}
body { background-color: #fff; }
body, th, td, div, font { line-height: 1.5; }

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body { font-size: 16px;font-size: 1.6rem;   /* sets the default sizing to make sure nothing is actually 10px */}
html { font-size: 62.5%; /* sets the base font to 10px for easier math */}
body { position:relative;}

ul, ol, ul li, ol li { list-style: none;}
img, a img { border: 0px none; vertical-align: bottom;}
form{margin:0px;}
input{margin:0px;}form{margin:0px;}


.mincho { font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E",serif;}


/*  背景関連
--------------------------------------------------------------------------*/
.bg01 { background-color: rgba(255,255,255,1.0);padding: 10px 10px 10px;margin: 0px 0px 0px;}
.bg02 { background-color: rgba(252,252,252,1.0);padding: 20px 10px 20px;margin: 0px 0px 0px;}
.bg03 { background-color: rgba(254,241,245,1.0);padding: 10px 10px 10px;margin: 0px 0px 0px;}
.bg04 { background-color:#f8f8f8;padding: 10px 10px 10px ;margin: 0px 0px 0px;}
.bg05 { background-color: rgba(109,191,209,0.6);padding: 20px 10px 20px;margin: 0px 0px 0px;}
.bg06 { background-color: rgba(255,249,236,1.0);padding: 20px 10px 20px;margin: 0px 0px 0px;}


/*  タイトル関連
--------------------------------------------------------------------------*/
h1{ margin: 0px 0px 0px;padding: 0px 0px 0px 10px;line-height: 40px;}
h1{ font-weight: normal;font-size: 10px;color: #222;letter-spacing:0px;}
h2 { margin: 0px 0px 0px ;padding: 0px 0px 0px ;}
h3 { margin: 0px 0px 0px;padding: 0px 0px 0px;}
.clear { display: none;}


.title01{ background-color:#94d5ea;border-radius: 0px;padding: 15px 15px 15px 15px;}
.title01{ margin: 0px 0px 0px;font-size: 16px;color: #fff;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}
.title02{ background-color:#b4d7e3;border-radius: 0px;padding: 15px 15px 15px 15px;}
.title02{ margin: 0px 0px 0px;font-size: 16px;color: #fff;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}

.title_img { max-width: 100%;margin: 10px 0px 10px;}

/*  へッダー
--------------------------------------------------------------------------*/
.header { width: 100%;min-height: 100px;margin: 0px 0px 0px;padding: 0px 0px 0px 0px;}
.header { background-color: rgba(255,255,255,0.8);border-bottom: 1px solid #ede5d9;position: relative;z-index: 9999;}
.head_logo { max-width: 100%; height:auto;position:absolute; top:20px;right:0px;left:0px;margin:auto auto;}

/*  TOP
--------------------------------------------------------------------------*/
.top_img { width: 100%; height:auto;}

.catch_title { padding: 10px 0px 10px ;font-size:18px;color: #4d74ae;line-height: 1.4;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.catch_title2 { padding: 10px 0px 10px ;font-size:20px;color: #4d74ae;line-height: 1.5;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.catch_sub { padding: 7px 0px 7px ;font-size:15px;color: #333;line-height: 1.5;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.catch_comme { max-width: 900px;padding: 10px 0px 10px ;}
.catch_comme { font-size:14px;color: #222;line-height: 1.5;letter-spacing:0px;text-decoration: none;text-align: left;}


ul.reason3 { padding: 0px 0px 0px;margin: 0px 0px 0px;}
ul.reason3 li { background-color:#e682b1;border-bottom:2px solid #fff;margin: 0px 0px 0px;text-align: center;position:relative;}
ul.reason3 li { padding: 10px 10px 10px ;position: relative;}
ul.reason3 li img { width: 90px;height: 90px;overflow: hidden;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;margin: 0px 8px 0px 0px;}

.reason3_number { margin: 0px 0px 0px 0px;padding: 5px 0px 0px;}
.reason3_number { font-size: 19px;color: #c3cbe3;letter-spacing:0px;font-weight: bold;line-height: 1.5;text-align: left;}
.reason3_title { margin: 0px 0px 0px padding: 0px 0px 0px 8px;}
.reason3_title { font-size: 14px;color: #fff;font-weight: bold;text-decoration: none;letter-spacing:1px;line-height: 1.5;text-align: left;}
.reason3_catch { margin: 0px 0px 0px padding: 0px 0px 0px 8px;}
.reason3_catch { font-size: 17px;color: #fff;font-weight: bold;text-decoration: none;letter-spacing:1px;line-height: 1.5;text-align: left;}

.bg_reason { background: linear-gradient(#f6f6f9, #fbf1ed);padding: 10px 10px 10px ;}
.reason_title { padding: 10px 0px 0px ;font-size:19px;color: #e682b1;line-height: 1.4;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: left;}
.reason_sub { padding: 5px 0px 0px ;font-size:19px;color: #222;line-height: 1.4;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: left;}
.reason_comme { padding: 10px 0px 0px ;}
.reason_comme { font-size:14px;color: #222;line-height: 1.5;letter-spacing:0px;text-decoration: none;text-align: left;}

ul.nayami { margin: 0px 5px 0px ;padding: 10px 0px 10px;}
ul.nayami li { padding: 10px 0px 10px 26px;line-height: 1.5;border-bottom:1px dotted #666;}
ul.nayami li { background: url('../img/icon_check.png') no-repeat scroll; background-position: 0px 8px;position: relative;}
ul.nayami li { font-size: 12px;color: #222;letter-spacing:0px;text-align: left;}
ul.nayami:after { content: "";display: block;clear: both;}
.nayami_title { padding: 20px 0px 0px ;font-size:19px;color: #e682b1;line-height: 1.4;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}

.salary_waku { background-color: rgba(255,255,255,1.0);border:1px solid #ff8dd5;padding: 10px 10px 10px;margin: 0px 0px 0px;}
.salary_title { padding: 10px 0px 0px ;font-size:20px;color: #ff8dd5;line-height: 1.4;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.salary_title2 { padding: 10px 0px 0px ;font-size:18px;color: #666;line-height: 1.4;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.salary_comme { padding: 5px 0px 10px ;font-size:14px;color: #222;line-height: 1.5;letter-spacing:0px;text-decoration: none;text-align: left;}
.bg_salary { background: linear-gradient(#fbedf3, #e4e0eb);padding: 10px 10px 10px ;margin: 5px 0px 5px;}

.reference_title { padding: 0px 0px 0px ;font-size:19px;color: #e682b1;line-height: 1.4;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.reference_caution { padding: 0px 0px 0px ;font-size:12px;color: #222;line-height: 1.4;letter-spacing:0px;text-align: center;}
ul.reference { margin: 0px 5px 0px ;padding: 10px 0px 10px;}
ul.reference li { padding: 3px 0px 3px;}
ul.reference li { font-size: 12px;color: #222;line-height: 1.4;font-weight:bold;letter-spacing:0px;text-align: left;}

.case_title { padding: 10px 0px 0px ;font-size:20px;color: #ff8dd5;line-height: 1.4;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.case_title2 { padding: 5px 0px 0px ;font-size:17px;color: #666;line-height: 1.4;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.case_comme { padding: 10px 0px 0px ;font-size:14px;color: #222;line-height: 1.5;letter-spacing:0px;text-decoration: none;text-align: left;}
.case_salary { padding: 5px 0px 0px ;font-size:13px;color: #222;line-height: 1.4;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: left;}

ul.merit { width: 100%;margin: 0px 0px 0px ;padding: 10px 0px 10px;}
ul.merit li { width: 33.3333%;padding: 5px 0px 5px;float: left;}
ul.merit li img { max-width: 90%;margin: 0px 0px 0px;}
ul.merit li span { display: block;font-size: 10px;font-weight: normal;color: #333;text-align: center;padding: 15px 5px 10px ;}
.merit_title { padding: 10px 0px 0px ;font-size:20px;color: #ff8dd5;line-height: 1.3;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.merit_title2 { padding: 10px 0px 0px ;font-size:15px;color: #ff8dd5;line-height: 1.3;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.merit_comme { padding: 10px 0px 0px ;font-size:14px;color: #222;line-height: 1.5;letter-spacing:0px;text-decoration: none;text-align: left;}
.point_title { padding: 10px 0px 0px ;font-size:18px;color: #ff8dd5;line-height: 1.3;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}


ul.flow { display: inline-block;padding: 10px 0px 20px ;right:0px;left:0px;margin:auto auto;}
ul.flow li { position:relative;float: left;}
ul.flow li.flow01 { width: 64px;line-height: 40px;background-color:#e682b1;padding: 0px;font-size: 12px;color: #fff;letter-spacing:0px;}
ul.flow li.flow02 { width: 18px;line-height: 40px;padding: 0px;font-size: 12px;color: #222;letter-spacing:0px;}

.other_title { padding: 10px 0px 0px ;font-size:19px;color: #ff8dd5;line-height: 1.3;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.other_title2 { padding: 10px 0px 0px ;font-size:18px;color: #222;line-height: 1.3;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.other_comme { padding: 10px 0px 10px ;font-size:14px;color: #222;line-height: 1.5;letter-spacing:0px;text-decoration: none;text-align: left;}

ul.other { margin: 0px 0px 0px ;padding: 10px 0px 10px;}
ul.other li { padding: 0px 0px 0px 26px;line-height: 38px;border-bottom:1px dashed #666;}
ul.other li { background: url('../img/icon_check.png') no-repeat scroll; background-position: 0px 8px;position: relative;}
ul.other li { font-size: 11px;color: #222;letter-spacing:0px;text-align: left;}
ul.other:after { content: "";display: block;clear: both;}

.check { font-size:17px;font-weight:bold;text-decoration:none;}
.check a { border: 3px solid #7d88ae;border-radius: 30px;padding: 2px 0px 0px 0px;margin:10px 5px 0px ;}
.check a { line-height: 45px;color: #7d88ae;text-align: center;text-decoration: none;display:block;}
.check a:hover  { text-decoration: none;display:block;}


/*  CONTACT-MENU
--------------------------------------------------------------------------*/
.contact_top { background-color:#e282af;border-radius: 0px;padding: 15px 10px 15px;margin: 0px 0px 0px;}
.contact_top { font-size: 12px;color: #fff;font-weight:500;line-height: 1.5;letter-spacing:0px;text-align: center;}
.contact_top span { font-size: 17px;color: #fff;font-weight:bold;line-height: 1.5;letter-spacing:0px;}
.contact_line { background-color:#61b330;border-radius: 0px;padding: 12px 10px 12px;margin: 0px 0px 0px;}
.contact_line { font-size: 16px;color: #fff;font-weight:bold;line-height: 1.5;letter-spacing:0px;text-align: center;}
.contact_line a { color: #fff;display:block;}

ul.contact_menu { width: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px;display:inline-block;}
ul.contact_menu li { width: 50%;background-color:#fff;}
ul.contact_menu li { margin: 0px 0px 0px;display:block;float: left;text-align: center;}
ul.contact_menu li.contact_menu01 { background-color: rgba(196,179,128,1.0);position:relative;}
ul.contact_menu li.contact_menu02 { background-color: rgba(41,54,96,1.0);position:relative;}
ul.contact_menu li a { padding: 0px 0px 0px;display:block;}
ul.contact_menu li a { font-size: 13px;color: #fff;font-weight:500; letter-spacing:-1px;}
ul.contact_menu li img { max-width: 100%;}


/*  NEWS
--------------------------------------------------------------------------*/
ul.keyword_menu { margin: 0px 0px 0px ;padding: 15px 10px 15px;display: inline-block; }
ul.keyword_menu li { float:left;}
ul.keyword_menu li a { margin: 1px 1px 1px 1px;font-size: 11px;color: #fff;letter-spacing:0px;}
ul.keyword_menu li a { background-color:#86d3e0;border: 0px solid #6dc2d1;border-radius: 0px;text-align: left;}
ul.keyword_menu li a { display:block;padding: 8px 8px 8px;text-decoration: none;}
ul.keyword_menu li a:hover { background-color:#66cddf;text-decoration: none;display:block;}

ul.news_list { padding: 5px 0px 5px 0px;margin: 0px 0px 0px;}
ul.news_list { width: 100%;background-color:#f4f4f4;display:inline-block;}
ul.news_list li { background-color:#fff;margin: 10px 10px 10px;}
ul.news_list li a { text-align: left;padding: 10px 10px 10px 10px;}
ul.news_list li a { display:block;text-decoration: none;}
ul.news_list li a:hover { background-color:#fbfbfb;text-decoration: none;display:block;}
ul.news_list li img { width: 120px;margin: 0px 10px 0px 0px;}

.news_list_title { padding: 0px 0px 0px 0px;margin: 0px;text-align: left;font-size: 15px;color: #7ed3c9;line-height: 1.5;text-decoration: underline;letter-spacing:0px;}
.news_list_comme { padding: 0px 0px 0px 0px;margin: 0px;text-align: left;font-size: 13px;color: #222;line-height: 1.5;letter-spacing:0px;}

ul.news_icon { margin: 0px 0px 0px;padding: 5px 0px 0px ;display:inline-block;}
ul.news_icon li { margin: 1px 1px 1px 0px;font-size: 10px;color: #fff;letter-spacing:0px;}
ul.news_icon li { background-color:#86d3e0;border: 1px dotted #d87171; border-radius: 5px;float:left;text-align: left;}
ul.news_icon li { display:block;padding: 5px 5px 5px;}
.news_next  { padding: 7px 0px 0px;font-size: 13px;color: #6dc2d1;text-decoration: none;text-align: right;}

.column { background-color:#fff;}
.column { padding: 10px 10px 10px 10px;margin: 0px 0px 0px;}
.column_title{ background-color:#c9f0e0;border-radius: 0px;padding: 15px 15px 15px 15px;}
.column_title{ margin: 0px 0px 15px;text-align: center;font-weight: bold;font-size: 17px;color: #333;letter-spacing:0px;}
.column_img { max-width: 100%; height:auto;margin: 0px 0px 5px ;}
.column_title2 { font-size: 16px;color: #5ec89d;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}
.column_title2 { padding: 10px 5px 10px 5px;margin: 0px 0px 15px;border-bottom: 2px solid #aaf2d5;}
.column_title3 { font-size: 16px;color: #e77187;font-weight: normal;line-height: 1.5;letter-spacing:0px;text-align: center;}
.column_title3 { padding: 10px 0px 5px 0px;margin: 0px 0px 0px;}
.column_comme { padding: 0px 0px 10px 0px;margin: 0px;text-align: left;font-size: 13px;color: #222;line-height: 1.5;letter-spacing:0px;}
.column_button { max-width: 400px;font-size:20px;font-weight:bold;text-decoration:none;right:0px;left:0px;margin:auto auto;}
.column_button a { border: 2px solid #e77187;border-radius: 50px;padding: 2px 0px 0px 0px;}
.column_button a { line-height: 50px;background-color:#ff6e89;color: #fff;text-align: center;text-decoration: none;display:block;}
.column_button a:hover  { display:block;}

#next_box{ width: 90%;display: table;padding: 15px 10px 20px;margin: 0px;text-align: center;}
#next_box{ position: relative;right:0px;left:0px;margin:auto auto;}
.next_child { display: table-cell;width: 45%;vertical-align: top;}

.button_next { border: 2px solid #fff;border-radius: 2px;margin: 2px 2px 2px 2px;text-align: center;}
.button_next { font-size:14px;letter-spacing:0px;font-weight:bold;text-decoration:none;color:#fff;display:block;}
.button_next a { line-height: 48px;background-color:#86d3e0;color: #fff;text-decoration: none;display:block;}
.button_next a:hover  { background-color:#66cddf;text-decoration: none;display:block;}

/*  JOB-LIST
--------------------------------------------------------------------------*/
ul.job_list { padding: 10px 0px 10px;margin: 0px 0px 0px;}
ul.job_list { width: 100%;background-color: rgba(242,254,255,0.9);display:inline-block;}
ul.job_list li a { background-color:#fff;border:1px solid #d0eefe;border-radius: 5px;margin: 8px 4px 8px ;}
ul.job_list li a { background: url('../img/link_arrow.png') no-repeat scroll right center #fff; position: relative;}
ul.job_list li a { padding: 8px 8px 8px ;display:block;text-align: left;}
ul.job_list li a:hover { background-color:#fff;text-decoration: none;display:block;color: #fff;}
ul.job_list li img { width: 80px;height: 80px;margin: 0px 5px 0px 0px;}

.job_list_name  { font-size: 14px;color: #6db6ce;font-weight:bold;letter-spacing:-1px;line-height: 1.2;padding: 3px 0px 0px 0px;margin: 0px;text-align: left;}
.job_list_sub  { font-size: 13px;color: #f19ec2;letter-spacing:-1px;line-height: 1.3;padding: 3px 15px 0px 0px;margin: 0px;text-align: left;}

.icon_rank01 { width: 68px;line-height: 20px;background-color:#b9aa8b;border-radius: 10px;margin: 0px 0px 0px;padding: 1px 0px 0px ;}
.icon_rank01 { font-size: 10px;color: #fff;letter-spacing:0px;font-weight: normal;text-align: center;position:absolute; top:3px;left:3px;}
.icon_rank02 { width: 68px;line-height: 20px;background-color:#cdcdcd;border-radius: 10px;margin: 0px 0px 0px;padding: 1px 0px 0px ;}
.icon_rank02 { font-size: 10px;color: #fff;letter-spacing:0px;font-weight: normal;text-align: center;position:absolute; top:3px;left:3px;}
.icon_rank03 { width: 68px;line-height: 20px;background-color:#f19ec2;border-radius: 10px;margin: 0px 0px 0px;padding: 1px 0px 0px ;}
.icon_rank03 { font-size: 10px;color: #fff;letter-spacing:0px;font-weight: normal;text-align: center;position:absolute; top:3px;left:3px;}
.job_comme { background-color:#fff;padding: 8px 8px 8px;margin: 0px 0px 0px ;}
.job_comme { text-align: left;font-size: 14px;color: #666;line-height: 1.5;letter-spacing:0px;}


/*  お仕事詳細
--------------------------------------------------------------------------*/
ul.job_photo { margin: 0px 0px 0px ;padding: 0px 0px 0px;display: inline-block;}
ul.job_photo li { background-color:#000;width: 33.333%; text-align: center; padding: 0px; border-right: 0px solid rgb(0, 0, 0); float: left;position:relative;}
ul.job_photo li:last-child { padding: 0px; border-right: 0px solid rgb(0, 0, 0);}
ul.job_photo li a:hover { }
ul.job_photo li img { width: 100%;position:relative; }

table.average { width: 100%;margin: 0px 0px 0px ;border-collapse: separate;border-spacing: 0px 0px;font-size: 12px;}
table.average th,
table.average td { padding: 20px;border-radius: 0px 6px 6px 0px;}
table.average th {background: #71b6c3;border-radius: 6px 0px 0px 6px;vertical-align: middle;text-align: left;width: 74px;overflow: visible;position: relative;color: #fff;font-weight: normal;font-size: 15px;}
table.average th:after {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-left-color: #71b6c3;border-width: 10px;margin-top: -10px;}
/* firefox */
@-moz-document url-prefix() { 
	table.average th::after {
		float: right;
		padding: 0;
		left: 30px;
		top: 10px;
		content: " ";
		height: 0;
		width: 0;
		position: relative;
		pointer-events: none;
		border: 10px solid transparent;
		border-left: #295890 10px solid;
		margin-top: -10px;
	}
}
table.average td { background: #f0eeee;padding-left: 20px;font-size: 15px;color: #71b6c3;font-weight: bold;}

.title_example { border:2px solid #71b6c3;border-radius: 0px;padding: 11px 12px 10px;margin: 0px 0px 5px;}
.title_example { font-size: 14px;color: #71b6c3;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}

ul.example { width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 10px 0px;}
ul.example li { width: 100%;padding: 5px 0px 5px 0px;letter-spacing:0px;}
ul.example li { line-height: 60px;border-bottom: 1px dotted #454237;}
ul.example li { font-size: 12px;color: #666;font-weight: bold;}
ul.example li { float:left;text-decoration: none;text-align: left;position: relative;}
ul.example:after { content: "";display: block;clear: both;}
ul.example li span { font-size: 14px;color: #666;font-weight: bold;position: absolute;right:0px;}

table.status { width: 100%;margin: 0px 0px 0px ; border-collapse: collapse; }
table.status th { width: 25%;background-color: #f3f3f3;padding:11px 7px 11px;vertical-align: middle; border:1px solid #d6dfe1;}
table.status th { font-size: 11px; letter-spacing:0px;line-height: 1.5;color: #222;text-align: center; }
table.status td { width: 25%;background-color: #fff;padding:11px 7px 11px;vertical-align: middle; border:1px solid #d6dfe1;}
table.status td { font-size: 11px; letter-spacing:0px;line-height: 1.5;color: #333;text-align: center; }

table.status2 { width: 100%;margin: 0px 0px 5px;border-collapse: separate;border-spacing: 1px 1px;}
table.status2 { line-height: 1.5;vertical-align: middle;text-align: center;}
table.status2 th { width: 20%;background-color: #eeebe2;padding: 11px 6px 11px;font-size:10px;color: #222;font-weight: normal;letter-spacing:-1px;color: #36342e;}
table.status2 td { width: 20%;background-color: #f6f4ed;padding: 11px 6px 11px;font-size:10px;color: #222;font-weight: normal;}

table.data { width: 100%;margin: 0px 0px 0px ; border-collapse: collapse; }
table.data th { width: 70px;background-color: #f3f3f3;padding:12px 7px 12px;vertical-align: middle; border:1px solid #d6dfe1;}
table.data th { font-size: 11px; letter-spacing:0px;line-height: 1.5;color: #222;text-align: center; }
table.data td { background-color: #fff;padding:12px 10px 12px;vertical-align: middle; border:1px solid #d6dfe1;}
table.data td { font-size: 11px; letter-spacing:0px;line-height: 1.5;color: #333;text-align: left; }

ul.job_area { margin: 0px 0px 0px ;padding: 0px 0px 0px;display: inline-block; }
ul.job_area li { margin: 1px 1px 1px;font-size: 13px;letter-spacing:0px;}
ul.job_area li { background-color:#f6f6f7;border: 1px solid #e5e5e5;float:left;text-align: center;}
ul.job_area li { display:block;padding: 10px 10px 10px 10px;}

ul.job_icon { margin: 0px 0px 0px ;padding: 0px 0px 0px;display: inline-block; }
ul.job_icon li { margin: 1px 1px 1px;font-size: 12px;color: #fff;letter-spacing:0px;}
ul.job_icon li { background-color:#ffbebe;border: 1px solid #d87171;border-radius: 5px;float:left;text-align: left;}
ul.job_icon li { display:block;padding: 10px 10px 10px ;}

ul.job_icon2 { margin: 0px 0px 0px ;padding: 0px 0px 0px;display: inline-block; }
ul.job_icon2 li { margin: 1px 1px 1px;font-size: 12px;color: #222;letter-spacing:0px;}
ul.job_icon2 li { background-color:#e5edd6;border: 1px solid #c6d99a;border-radius: 5px;float:left;text-align: left;}
ul.job_icon2 li { display:block;padding: 10px 10px 10px ;}

ul.job_icon3 { margin: 0px 0px 0px ;padding: 0px 0px 0px;display: inline-block; }
ul.job_icon3 li { margin: 1px 1px 1px;font-size: 12px;letter-spacing:0px;}
ul.job_icon3 li { background-color:#d7eaf1;border: 1px solid #a4d0e2;border-radius: 5px;float:left;text-align: left;}
ul.job_icon3 li { display:block;padding: 10px 10px 10px ;}


/*  体験女性の声
--------------------------------------------------------------------------*/
ul.interview_list { background-color:#bdebf3;padding: 10px 0px 10px;margin: 0px 0px 0px;}
ul.interview_list li { background-color:#fff;border-radius: 8px;margin: 4px 7px 5px;text-align: center;position:relative;}
ul.interview_list li { position: relative;}
ul.interview_list li a{ background-color:#fff;border: 1px solid #cee5e9;border-radius: 8px;display: block;padding: 6px 7px 6px; }
ul.interview_list li img{ width: 90px;margin: 0px 5px 0px 0px; }

.interview_list_title { border:2px solid #71b6c3;border-radius: 0px;padding: 8px 10px 8px;margin: 0px 0px 5px;}
.interview_list_title { font-size: 13px;color: #71b6c3;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}

table.interview_list_data { margin: 0px 0px 0px; border-collapse: separate;border-spacing: 0px 1px;}
table.interview_list_data th { width: 50px;background-color: #f3f3f3;padding: 7px 5px 7px;font-size: 10px; letter-spacing:0px;font-weight: normal;line-height: 1.5;color: #54959f;text-align: left;vertical-align: middle; }
table.interview_list_data td { background-color: #fff;padding: 7px 5px 7px;font-size: 11px; letter-spacing:0px;line-height: 1.3;color: #333;text-align: left; vertical-align: middle; }

table.interview { width: 100%;margin: 0px 0px 5px ;border-collapse: collapse;border-spacing: 0px;}
table.interview th { width: 70px;padding: 9px 0px 8px;vertical-align: middle;border-bottom: 1px solid #e5e5e5;text-align: left;}
table.interview th { font-size: 11px;color: #85aad9;letter-spacing:0px;font-weight: normal;line-height: 1.5;}
table.interview td { padding: 10px 0px 8px;vertical-align: middle;border-bottom: 1px solid #e5e5e5;text-align: left;}
table.interview td { font-size: 11px;color: #222;letter-spacing:1px;font-weight: normal;line-height: 1.5;}

.interview_title { font-size: 16px;color: #5ec89d;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}
.interview_title { padding: 15px 0px 15px;margin: 0px 0px 15px;border-bottom: 2px solid #aaf2d5;position: relative;}
.interview_img { width: 120px;height: 120px;overflow: hidden;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;}
.interview_comme { padding: 10px 0px 10px;margin: 0px;text-align: left;font-size: 14px;color: #222;line-height: 1.3;letter-spacing:0px;}
.interview_comme2 { padding: 10px 0px 10px;margin: 0px;text-align: left;font-size: 19px;color: #222;line-height: 1.3;letter-spacing:0px;}
.interview_next  { padding: 7px 0px 0px;font-size: 13px;color: #6dc2d1;text-decoration: none;text-align: right;}

.interview_button { max-width: 400px;font-size:20px;font-weight:bold;text-decoration:none;right:0px;left:0px;margin:auto auto;}
.interview_button a { border: 2px solid #e77187;border-radius: 50px;padding: 2px 0px 0px 0px;}
.interview_button a { line-height: 50px;background-color:#ff6e89;color: #fff;text-align: center;text-decoration: none;display:block;}
.interview_button a:hover  { display:block;}


/*  無料技術指導講座
--------------------------------------------------------------------------*/
.free_top_img { width: 100%;margin: 0px 0px 0px;}
.event_title { padding: 10px 0px 10px ;font-size:18px;color: #4d74ae;line-height: 1.4;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.event_title2 { padding: 10px 0px 10px ;font-size:20px;color: #4d74ae;line-height: 1.5;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.event_title3 { padding: 10px 0px 10px ;font-size:15px;color: #4d74ae;line-height: 1.4;letter-spacing:-1px;font-weight:bold;text-decoration: none;text-align: center;}
.event_sub { padding: 7px 0px 7px ;font-size:15px;color: #444;line-height: 1.5;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.event_comme { max-width: 900px;padding: 10px 0px 10px ;}
.event_comme { font-size:14px;color: #222;line-height: 1.5;letter-spacing:0px;text-decoration: none;}

.free_title { margin: 0px 0px 0px ;padding: 10px 0px 10px ;}
.free_title span { padding: 10px 0px 0px ;font-size:18px;color: #0096e6;line-height: 1.4;letter-spacing:0px;font-weight:bold;text-align: center;display: block;}

ul.free_osusume { margin: 0px 5px 0px ;padding: 10px 0px 10px;}
ul.free_osusume li { padding: 10px 0px 10px 26px;line-height: 1.5;border-bottom:1px dotted #666;}
ul.free_osusume li { background: url('../img/icon_check.png') no-repeat scroll; background-position: 0px 8px;position: relative;}
ul.free_osusume li { font-size: 12px;color: #222;letter-spacing:0px;text-align: left;}
ul.free_osusume:after { content: "";display: block;clear: both;}


.area_title { padding: 10px 10px 10px;margin: 0px;text-align: left;font-size: 13px;color: #222;line-height: 1.5;letter-spacing:0px;}
ul.area_list { background-color: rgba(255,249,236,1.0);padding: 10px 0px 10px;margin: 0px 0px 0px;}
ul.area_list li { background-color:#fff;border-radius: 8px;margin: 4px 7px 5px;text-align: center;position:relative;}
ul.area_list li { position: relative;}
ul.area_list li { background-color:#fff;border: 1px solid #d2c97e;border-radius: 8px;display: block;padding: 10px 10px 10px; }
ul.area_list li img{ max-width: 200px;height: auto;overflow: hidden;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px; margin: 4px 0px 0px;}

.area01 { background-color:#0096b1;border-radius: 3px;margin: 0px 0px 0px;padding: 16px 15px 15px;font-size: 16px;color: #fff;line-height: 1;text-align: center;}
.area02 { background-color:#88eac4;border-radius: 3px;margin: 0px 0px 0px;padding: 16px 15px 15px;font-size: 16px;color: #fff;line-height: 1;text-align: center;}
.area_list_comme { padding: 10px 0px 10px;margin: 0px;text-align: left;font-size: 13px;color: #222;line-height: 1.5;letter-spacing:0px;}


ul.caution { background-color:#fff;margin: 0px 0px 0px;padding: 15px 15px 15px;}
ul.caution { border: 1px solid #c5e5eb;border-radius: 10px;}
ul.caution li { list-style: none;margin: 0px 7px 0px;position:relative;}
ul.caution li { border-bottom: 1px solid #dedede;margin: 0px 0px 0px;padding: 12px 0px 12px;}
ul.caution li { font-size: 15px;color: #6dc2d1;letter-spacing:0px;font-weight: normal;line-height: 1.4;text-align: left; }
ul.caution li:last-child { border: none; }

ul.interview_free { background-color:#bdebf3;padding: 10px 0px 10px;margin: 0px 0px 0px;}
ul.interview_free li { background-color:#fff;border-radius: 8px;margin: 4px 7px 5px;text-align: center;position:relative;}
ul.interview_free li { position: relative;}
ul.interview_free li { background-color:#fff;border-bottom: 1px solid #cee5e9;border-radius: 8px;display: block;padding: 10px 10px 10px; }
ul.interview_free li img{ max-width: 200px;height: auto;overflow: hidden;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px; margin: 4px 0px 0px;}

table.interview_free { width: 100%;margin: 0px 0px 5px ;border-collapse: collapse;border-spacing: 0px;}
table.interview_free th { width: 60px;padding: 9px 0px 8px;vertical-align: middle;border-bottom: 1px solid #e5e5e5;text-align: left;}
table.interview_free th { font-size: 11px;color: #85aad9;letter-spacing:0px;font-weight: normal;line-height: 1.5;}
table.interview_free td { padding: 10px 0px 8px;vertical-align: middle;border-bottom: 1px solid #e5e5e5;text-align: left;}
table.interview_free td { font-size: 11px;color: #222;letter-spacing:1px;font-weight: normal;line-height: 1.5;}

.interview_free_title { font-size: 16px;color: #5ec89d;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}
.interview_free_title { padding: 15px 0px 15px;margin: 0px 0px 15px;border-bottom: 2px solid #aaf2d5;position: relative;}
.interview_free_comme { padding: 10px 0px 10px;margin: 0px;text-align: left;font-size: 13px;color: #222;line-height: 1.5;letter-spacing:0px;}


.event_button { width: 98%;margin: 10px 0px 10px;}


/*  SITEMAP
--------------------------------------------------------------------------*/
ul.sitemap { padding: 10px 0px 10px ;margin: 0px 0px 0px ;}
ul.sitemap { width: 100%;background-color: rgba(242,254,255,0.9);display:inline-block;}
ul.sitemap li { margin: 5px 8px 5px;}
ul.sitemap li a { line-height:44px;text-align: left;padding: 0px 15px 0px;font-size: 16px;color: #808182;font-weight: 500;}
ul.sitemap li a { background: url('../img/link_arrow.png') no-repeat scroll right center rgb(255, 255, 255);}
ul.sitemap li a { border: 2px solid #b2ecf6;border-radius: 20px;display:block;}
ul.sitemap li a:hover { background-color:#f1faff;text-decoration: none;display:block;}


/*  会社案内
--------------------------------------------------------------------------*/
table.about { width: 100%;margin: 5px 0px 5px ;border-collapse: collapse;border-spacing: 0px;}
table.about th { width: 130px;padding: 10px 0px 10px;vertical-align: middle;border-bottom: 2px solid #e5e5e5;text-align: left;}
table.about th { font-size: 12px;color: #222;letter-spacing:0px;font-weight: normal;line-height: 1.5;}
table.about td { padding: 10px 0px 10px;vertical-align: middle;border-bottom: 2px solid #e5e5e5;text-align: left;}
table.about td { font-size: 12px;color: #222;letter-spacing:1px;font-weight: normal;line-height: 1.5;}

ul.company { padding: 0px 0px 0px ;margin: 0px 0px 0px;}
ul.company { width: 100%;background-color:#f4f4f4;display:inline-block;}
ul.company li { background-color:#fff;margin: 10px 8px 10px;padding: 10px 10px 10px;text-align: left;}
ul.company li { font-size: 15px;color: #333;letter-spacing:0px;font-weight: normal;line-height: 1.5;}
ul.company li div { border-bottom:2px solid #71b6c3;border-radius: 0px;padding: 10px 0px 10px;margin: 0px 0px 10px;}
ul.company li div { font-size: 14px;color: #71b6c3;font-weight: bold;line-height: 1.2;letter-spacing:0px;text-align: left;}

/*  FAQ
--------------------------------------------------------------------------*/
ul.faq { padding: 10px 0px 10px 0px;margin: 0px 0px 0px;}
ul.faq { width: 100%;background-color:#f4f4f4;display:inline-block;}
ul.faq li { background-color:#fff;margin: 10px 8px 10px;padding: 10px 10px 10px;text-align: left;}

.faq_q { background-color:#9bdcff;border-radius: 20px;margin: 5px 0px 8px ;padding: 12px 15px 10px;position:relative;}
.faq_q { font-size: 14px;color: #fff; letter-spacing:0px;line-height: 1.5;text-align: left;}
_.faq_q:before { position:absolute;left:-15px;top:-10px;content:"";display:inline-block;width:30px;height:30px;}
_.faq_q:before { background:url(../img/faq_q.png) no-repeat scroll ;background-size:contain;}
.faq_a { border-bottom: 1px dotted #fd9abf;margin: 0px 0px 0px ;padding: 12px 0px 10px;position:relative;}
.faq_a { font-size: 13px;color: #222; letter-spacing:0px;line-height: 1.5;text-align: left;}
_.faq_a:before { position:absolute;left:-15px;top:-18px;content:"";display:inline-block;width:30px;height:30px;}
_.faq_a:before { background:url(../img/faq_a.png) no-repeat scroll ;background-size:contain;}

/*  LINK
--------------------------------------------------------------------------*/
ul.link { background-color: rgba(189,235,243,0.8);margin: 0px 0px 0px;padding: 20px 0px 20px ;}
ul.link li { margin: 5px 8px 5px;text-align: center;}
ul.link li a { line-height: 1.5;background-color:#fff;border:1px solid #edebe5;border-radius: 10px;display: block;padding: 10px 10px 10px; }
ul.link li a { text-align: left;font-size: 14px;color: #666;}
ul.link li a:hover { background-color:#f8f8f8;}
.link01{ border-bottom: 1px dashed #e5e5e5; margin: 0px 5px 5px;padding: 5px 0px 3px;font-size: 14px;color: #ff1187;letter-spacing:0px;line-height: 1.5;text-align: left;}
.link02{ border-bottom: 1px dashed #e5e5e5; margin: 5px 5px 5px;padding: 5px 0px 3px;font-size: 12px;color: #333;letter-spacing:0px;line-height: 1.5;text-align: left;}

/*  プライバシーポリシー
--------------------------------------------------------------------------*/
.privacy01{ border-bottom: 1px dashed #e5e5e5; margin: 0px 5px 0px 5px;padding: 10px 0px 10px 0px;font-size: 14px;letter-spacing:0px;color: #ff1187;text-align: left;line-height: 1.5;}
.privacy02{ border-bottom: 1px dashed #e5e5e5; margin: 0px 5px 0px 5px;padding: 10px 0px 10px 0px;font-size: 12px;letter-spacing:0px;color: #333;text-align: left;line-height: 1.5;}

/*  404
--------------------------------------------------------------------------*/
.not_title{ margin: 0px 5px 0px;padding: 30px 0px 10px 0px;font-size: 20px;letter-spacing:0px;color: #222;font-weight:bold;text-align: center;line-height: 1.5;}
.not_comme{ margin: 10px 5px 10px;padding: 10px 5px 15px;font-size: 11px;letter-spacing:0px;color: #333;text-align: left;line-height: 1.5;}


/*  CONTACT
--------------------------------------------------------------------------*/
ul.contact_caution { width: 100%;margin: 20px 0px 20px ;padding: 0px 0px 0px;}
ul.contact_caution li { margin: 5px 0px 5px ; padding: 10px 0px 10px;letter-spacing:0px;}
ul.contact_caution li { line-height: 1.3;border-bottom: 1px dotted #454237;}
ul.contact_caution li { font-size: 13px;color: #0893bb;font-weight: normal;}
ul.contact_caution li { text-decoration: none;text-align: left;position: relative;}
ul.contact_caution li a{ text-decoration: none;font-size: 13px;color: #7592da;}
ul.contact_caution:after { content: "";display: block;clear: both;}

.send_comme { margin: 0px;padding: 10px 0px 8px;font-size: 13px;letter-spacing:0px;color: #ff3f13;text-align: left;}
.contact01 { margin: 0px;padding: 10px 0px 5px;font-size: 16px;letter-spacing:0px;color: #222;text-align: left;}
.contact_send { margin: 0px;padding: 0px 0px 8px;font-size: 16px;letter-spacing:0px;color: #0893bb;text-align: left;}


/*  FORM
--------------------------------------------------------------------------*/
.form_title { background-color: #7aca01;border-radius: 0px;margin: 15px 0px 3px 0px;padding: 0px 0px 0px 15px;}
.form_title { text-align: left;font-weight: bold;font-size: 14px;color: #fff;letter-spacing:0px;line-height: 50px;}
.form_comme { border-bottom:1px dotted #ebeae3;padding: 15px 0px 15px ;}
.form_comme { font-size: 14px;color: #ec008b;letter-spacing:1px;line-height: 1.4;margin:0px;text-align: left;}

input{ width:100%;font-size:100%; color:#413c32;padding: 10px 0px 10px;border-radius: 0px;border: 1px solid #e7e1e3;background-color: #fff;}
input{ -webkit-appearance: none; }
input:focus{ background: #f6f6f6;-webkit-appearance: none;}

textarea{ width:100%; font-size:100%; padding: 5px 0px 5px 0px;margin: 8px 0px 8px 0px;border-radius: 0px;border: 1px solid #d8d3c9;background-color: #fff;}
textarea { overflow: auto; resize: none;-webkit-appearance: none;}
textarea:focus{ background: #f6f6f6;}

select { width:100%;font-size:120%; color: #222;padding: 10px 8px 10px 8px;margin: 8px 0px 8px 0px;border-radius: 0px;}
select { border: 1px solid #e7e1e3;background-color: #fff;-webkit-appearance: none;}
select { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
select { background: #fff url(../img/select_arrow.png) no-repeat right;}

.select01 { width:100%; }
.select03 { width:90%; back
.select02 { width:20%; margin: 5px 0px 5px 0px;}ground: #fff url(../img/select_arrow.png) no-repeat right;}
.sche_select{ width:98%; margin: 15px 0px 8px ; border: 2px solid #e6ecdc;border-radius: 10px;background-color: #fff;color: #222;-webkit-appearance: none;}


input.button { width:100%;border-radius: 30px;padding: 18px 0px 18px 0px;margin: 8px 0px 15px 0px;}
input.button { text-align: center;font-size: 16px;color: #fff;font-weight: normal;line-height: 100%;letter-spacing: 0px;}
input.button { background-color: #93c6de;-webkit-appearance: none;}

.button-radio input[type="radio"] {display:none; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
.button-radio label { display:inline-block;line-height: 44px;width: 48%;margin: 8px 0px 8px 0px;padding: 0px 0px 0px 0px;text-align: center;}
.button-radio label { background-color:#c7c7c7;border: 1px solid #d6d6d6;color:#fff; font-size:15px;}
.button-radio input[type="radio"]:checked + label { background-color:#ff72a7;border: 1px solid #d6d6d6;}

.checkbox_width01 { width:100%;display:inline-block;padding: 0px 0px 10px 0px;}
.button-checkbox1 input[type="checkbox"] { display:none; padding: 0px 0px 0px 10px;margin: 0px 0px 0px 0px;}
.button-checkbox1 label { display:block;float: left;line-height: 40px;margin: 5px 0px 0px 5px;padding: 0px 10px 0px 10px;}
.button-checkbox1 label { background-color:#c7c7c7;border: 1px solid #d6d6d6;color:#fff; font-size:12px;letter-spacing: -1px;text-align:center;}
.button-checkbox1 input[type="checkbox"]:checked + label { background-color:#48a9e7;border: 1px solid #d6d6d6;margin: 5px 0px 0px 5px;}


/*  アップロード
--------------------------------------------------------------------------*/
.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    border-radius:0px;
    background:#93c6de;border: 0px solid #161616;
    font-size:15px;color:#fff;
    text-align:center;padding: 10px 0px 10px 0px;
    line-height:28px;width:100%;cursor:pointer;}
.uploadButton:hover {background:#65b1d4;color:#fff;}
.uploadButton input[type=file] {position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;}
.uploadValue {width:50%;display:none;background:rgba(255,255,255,0.2);border-radius:0px;padding:;color:#666;border: 1px solid #fff;}


/*  フッターメニュー関連
--------------------------------------------------------------------------*/
.bg_foot_menu { background-color: rgba(189,235,243,0.8);margin: 0px 0px 0px;padding: 20px 0px 70px;}
ul.foot_menu { margin: 0px 8px 0px;padding-left: 0px;border: 1px solid #e1decf;border-radius: 5px;}
ul.foot_menu { background: #fff;}
ul.foot_menu:after { content: "";display: block;clear: both;}
.foot_menu li {
  list-style: none;
  float: left;
  width: 50%;
  min-width: 130px;
  height: 45px;
  line-height: 45px;text-align:left;
  border-right: 1px solid #e1decf;
  border-bottom: 1px solid #e1decf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.foot_menu li {  }
.foot_menu li:nth-child(even) {border-right: none;}
.foot_menu li:nth-last-child(1),
.foot_menu li:nth-last-of-type(2) { border-bottom: none;}
.foot_menu li:nth-last-of-type(2):nth-child(even) {}
.foot_menu li { background: url('../img/menu_arrow.png') no-repeat scroll right center ; }
.foot_menu li a { display: block;padding-left: 15px;height: 45px;color: #55544c;font-weight: bold;font-size: 13px;letter-spacing:0px;}


.copy { background:#;margin: 0px 0px 0px;padding: 0px 0px 0px;text-align: center;position: fixed;bottom: 0px;}
.copy { letter-spacing: 0px;font-size: 11px;font-family: Tahoma,arial,sans; color: #666;}
.copy a { color: #222;text-decoration: none;display: block;}
.copy a:hover { }


/*  サブメニュー
--------------------------------------------------------------------------*/
ul.sub_menu { width: 100%;background: #fff;border-top: 1px solid #d7eefa;margin: 0px 0px 0px;padding:0px;display:inline;position: fixed;bottom: 0px;z-index: 8888;}
ul.sub_menu li { width: 20%;}
ul.sub_menu li { margin: 0px 0px 0px;padding:0px;display:block;float: left;text-align: center;}
ul.sub_menu li img { max-width: 100%;height:auto;}
ul.sub_menu li a { display:block;cursor:pointer;}
#foot_content { padding: 50px 0 0 0;}


/*  サイドメニュー
--------------------------------------------------------------------------*/
.sidr { display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999; width:240px;overflow-x:none;overflow-y:auto; }
ul.side_menu { margin: 5px 5px 5px;padding: 10px 0px 10px;}
ul.side_menu { background-color: rgba(255,255,255,1);}
ul.side_menu:after {content: "";display: block;clear: both;}
ul.side_menu li { list-style: none;height: 40px;line-height: 40px;margin: 0px 10px 0px;border-bottom: 1px dotted #c9c9c9;}
ul.side_menu li a { display: block;height: 40px;font-size: 13px;color: #666;font-weight: normal;letter-spacing:0px;text-align: left;}
ul.side_menu li img{ max-width: 40px; height:auto;border: 0px none;margin: 0px 6px 0px 0px; }

.list_close { border: 3px solid #6dc2d1;line-height: 44px;}
.list_close { margin: 20px 5px 0px;display:block;text-align: center;}
.list_close { color:#6dc2d1;font-size:13px;font-weight:bold;text-decoration: none;cursor:pointer;}
.list_close a { color:#6dc2d1;font-size:13px;font-weight:bold;text-decoration: none;cursor:pointer;}