@charset 'UTF-8';
/* ぱんくず SNS 流用 */
.bread_sns_wrap {
	width:960px;
	height:80px;
	margin:0 auto;
	margin-top:13px;
}
.breadarea {
	float:left;
	width:630px;
	font-size:10px;
	margin-top:0  !important;
}
.breadarea li a {
	float:left;
	margin-right:10px;
	padding-right:5px;
	letter-spacing:0.02em;
	/*background:url(../images/icn_arrow_bread.gif) no-repeat right 3px;*/
color:#333;
	text-decoration:none;
}
.breadarea a:hover {
	color:#04b373;
	text-decoration:underline
}
.breadarea li.now_page {
	background:no-repeat;
	color:#04b373
}
.breadarea li.now_page {
	background: no-repeat;
	color: #04b373;
}
.breadarea li.now_page {
	background: no-repeat;
	color: #04b373;
}
.breadarea li {
	margin-top: 18px;
	padding-left: 1px;
	letter-spacing: 0.02em;
	float: left;
	padding-right: 13px;
	margin-right: 7px;
	background: url(/m/articles/freshers/img/icn_arrow_bread.gif) no-repeat right 3px;
	font-size: 10px;
}
.snsBtn01 {
	float:right;
	overflow:hidden;
}
.centerList {
	overflow:hidden;
}
.centerList ul {
	list-style:none outside none;
	float:left;
	margin:0 0 0 0;
	padding:0;
	position:relative;
	left:50%;
	top:0
}
.centerList ul li {
	float:left;
	position:relative;
	left:-50%;
	top:0
}
.sns_area li {
	float:left;
}
.facebook {
	width:119px;
	display:inline-block;
}
.twitter {
	width:110px;
	display:inline-block;
}
.googlePlus {
	width:60px;
	display:inline-block;
}
/**/
body {
	margin:0;
	padding:0;
}
#tu_wrap h4, #tu_wrap h5, #tu_wrap ol, #tu_wrap ul, #tu_wrap p, #tu_wrap li, #tu_wrap dl, #tu_wrap dt, #tu_wrap dd, #tu_wrap th, #tu_wrap td, #tu_wrap select {
	margin: 0;
	padding: 0;
}
#tu_wrap ul, #tu_wrap ol {
	list-style-type: none;
}
#tu_wrap img {
	border: 0;
	vertical-align:bottom;
}
#tu_wrap img {
	box-shadow: #000 0 0 0;
}
#tu_wrap {
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
}
#tu_wrap img, x:-moz-any-link, x:default {
	box-shadow: #000 0 0 0;
}




#hanabishi {
	max-width:1200px;
	width:expression(document.body.clientWidth > 1202? "1200px" : "auto");
	margin:0px auto;
	font-family: '游明朝' , 'Yu Mincho' , '游明朝体' , 'YuMincho' , 'ヒラギノ明朝 Pro W3' , 'Hiragino Mincho Pro' , 'HiraMinProN-W3' , 'HGS明朝E' , serif;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-size:12px;
}
#hanabishi * {
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
       -moz-box-sizing: border-box; /* Firefox 1+ */
            box-sizing: border-box; /* Chrome, IE8+, Opera, Safari 5.1*/
}
#hanabishi img {
	border:0;
	vertical-align:bottom;
}
#hanabishi a {
	-webkit-transition:0.2s ease-out;
	transition:0.2s ease-out;
	text-decoration:none;
}
#hanabishi a:hover {
}
#hanabishi p {
	padding:0;
	margin:0;
	line-height:100%;
}

/*======================================================== */
/* !Clearfix（micro clearfix）
/*======================================================== */
/* for modern browsers */
.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.clearfix:after { clear: both;}

/* for IE6/7 (trigger hasLayout) */
.clearfix { *zoom: 1;}

/*======================================================== */
/* fre_header
/*======================================================== */
#hb_header {
	background-color:#0A315D;
	max-width:1200px;
	width:expression(document.body.clientWidth > 1202? "1200px" : "auto");
	min-width:1000px;
	width: expression(document.body.clientWidth < 1002? "1000px" : "auto");
	height:400px;
	margin:0px auto;
	position:relative;
}
#hb_header .h1_txt {
	background: url(../images/common/vi_bg.gif) left top no-repeat;
	background-size: 50%  100%;
	width:100%;
	height:400px;
	padding:30px 0 0 30px;
	color:#fff;
}
#hb_header .h1_txt h1 {
	font-size:48px;
	line-height:120%;
	font-weight:normal !important;
}
#hb_header .h1_txt h1 span {
	display:block;
	margin-bottom:40px;
	font-family: Garamond, 'EB Garamond', serif;
	font-size:44px;
	line-height:100%;
}
#hb_header .vi {
	background:url(../images/common/vi.jpg) center center no-repeat;
	background-size:cover;
	position:absolute;
	left:50%;
	top:0;
	width:50%;
	height:400px;
}


#hb_read {
	min-width:1000px;
	width: expression(document.body.clientWidth < 1002? "1000px" : "auto");
	padding:35px;
}
#hb_read p {
	margin:0;
	font-size:20px;
	text-align:center;
	line-height:160%;
}


#hb_tab {
	max-width:1200px;
	width:expression(document.body.clientWidth > 1202? "1200px" : "auto");
	min-width:1000px;
	width: expression(document.body.clientWidth < 1002? "1000px" : "auto");
	margin:0;
	padding:0;
	height:85px;
}

#hb_tab ul {
	margin:0;
	padding:0;
}

#hb_tab ul li {
	float:left;
	width:25%;
	list-style:none;
	margin:0;
	padding:0 0 0 1px;
	font-family: 'EB Garamond', serif;
}

#hb_tab ul li:first-child {
	padding:0;
}

#hb_tab ul li.tab_mens a {
	display:block;
	background-color:#053972;
	width:100%;
	height:85px;
	padding-top:20px;
	font-size:30px;
	text-align:center;
	color:#fff;
}
#hb_tab ul li.tab_mens a:hover {
	background-color:#0063B4;
}

#hb_tab ul li.tab_mens a span {
	font-family:"Times New Roman", Times, serif;
}

#hb_tab ul li.tab_mens_current {
}

#hb_tab ul li.tab_mens_current div {
	background:url(../images/common/tab_icon_01.jpg) center 60px no-repeat;
	border:#313040 solid 5px;
	border-bottom:none;
	height:85px;
	padding-top:15px;
	font-size:30px;
	text-align:center;
	color:#0C0C1E;
}

#hb_tab ul li.tab_mens.current div span {
	font-family:"Times New Roman", Times, serif;
}

#hb_tab ul li.tab_ladies a {
	display:block;
	background-color:#84233C;
	width:100%;
	height:85px;
	padding-top:20px;
	font-size:30px;
	text-align:center;
	color:#fff;
}
#hb_tab ul li.tab_ladies a:hover {
	background-color:#C63F69;
}

#hb_tab ul li.tab_ladies a span {
	font-family:"Times New Roman", Times, serif;
}

#hb_tab ul li.tab_ladies_current div {
	background:url(../images/common/tab_icon_01_ladies.jpg) center 60px no-repeat;
	border:#84233C solid 5px;
	border-bottom:none;
	height:85px;
	padding-top:15px;
	font-size:30px;
	text-align:center;
	color:#84233C;
}

#hb_tab ul li.tab_ladies.current div span {
	font-family:"Times New Roman", Times, serif;
}






#hb_tab_under {
	max-width:1200px;
	width:expression(document.body.clientWidth > 1202? "1200px" : "auto");
	min-width:1000px;
	width: expression(document.body.clientWidth < 1002? "1000px" : "auto");
	margin:0;
	padding:0;
	height:85px;
}

#hb_tab_under ul {
	margin:0;
	padding:0;
}

#hb_tab_under ul li {
	float:left;
	width:25%;
	list-style:none;
	margin:0;
	padding:0 0 0 1px;
	font-family: 'EB Garamond', serif;
}

#hb_tab_under ul li:first-child {
	padding:0;
}

#hb_tab_under ul li.tab_mens a {
	display:block;
	background-color:#053972;
	width:100%;
	height:85px;
	padding-top:20px;
	font-size:30px;
	text-align:center;
	color:#fff;
}
#hb_tab_under ul li.tab_mens a:hover {
	background-color:#0063B4;
}

#hb_tab_under ul li.tab_mens a span {
	font-family:"Times New Roman", Times, serif;
}

#hb_tab_under ul li.tab_mens_current div {
	border:#313040 solid 5px;
	border-top:none;
	height:85px;
	padding-top:15px;
	font-size:30px;
	text-align:center;
	color:#0C0C1E;
}

#hb_tab_under ul li.tab_mens.current div span {
	font-family:"Times New Roman", Times, serif;
}

#hb_tab_under ul li.tab_ladies a {
	display:block;
	background-color:#84233C;
	width:100%;
	height:85px;
	padding-top:20px;
	font-size:30px;
	text-align:center;
	color:#fff;
}
#hb_tab_under ul li.tab_ladies a:hover {
	background-color:#C63F69;
}

#hb_tab_under ul li.tab_ladies a span {
	font-family:"Times New Roman", Times, serif;
}

#hb_tab_under ul li.tab_ladies_current div {
	border:#84233C solid 5px;
	border-top:none;
	height:85px;
	padding-top:15px;
	font-size:30px;
	text-align:center;
	color:#84233C;
}

#hb_tab_under ul li.tab_ladies_current div span {
	font-family:"Times New Roman", Times, serif;
}



/*======================================================== */
/* contents */
/*======================================================== */

#sec_contents {
	border-left:#85213B solid 5px;
	border-right:#85213B solid 5px;
	max-width:1200px;
	width:expression(document.body.clientWidth > 1202? "1200px" : "auto");
	min-width:1000px;
	width: expression(document.body.clientWidth < 1002? "1000px" : "auto");
	margin:0px auto;
	padding:45px;
}


#sec_contents #hb_cnt_header {
	background:url(../images/common/case_bg_ladies.jpg) center top repeat-y;
	margin-bottom:70px;
	vertical-align: bottom;
	position:relative;
}
#sec_contents #hb_cnt_header #hb_cnt_case {
	background:url(../images/common/icon_arrow_01.png) center 53% no-repeat;
	float:left;
	width:25%;
}
#sec_contents #hb_cnt_header #hb_cnt_case .case_txt {
	padding:35% 0 30% 0;
	font-family: 'EB Garamond', serif;
	font-size:50px;
	text-align:center;
	color:#fff;
}
#sec_contents #hb_cnt_header #hb_cnt_case .case_txt span {
	font-family:"Times New Roman", Times, serif;
}
#sec_contents #hb_cnt_header #hb_cnt_case .case_info {
	padding:0 0 26.5% 0;
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , sans-serif;
	font-size:18px;
	text-align:center;
	color:#fff;
	line-height:160%;
}
#sec_contents #hb_cnt_header #hb_cnt_case .case_info span {
	font-size:14px;
}



#sec_contents #hb_cnt_header #hb_cnt_photo {
	float:left;
	width:25%;
	position:relative;
}
#sec_contents #hb_cnt_header #hb_cnt_photo img {
	width:100%;
	height:auto;
}
#sec_contents #hb_cnt_header #hb_cnt_photo .icon {
	position:absolute;
	right:-1px;
	top:40px;
	width:30px;
	height:60px;
}



#sec_contents #hb_cnt_header #hb_cnt_problem {
	float:left;
	width:50%;
}
#sec_contents #hb_cnt_header #hb_cnt_problem .problem_txt1 {
	display:block;
	position:relative;
	background:url(../images/common/icon_arrow_01.png) center bottom no-repeat;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	font-family: 'EB Garamond', serif;
	font-size:42px;
	color:#fff;
	line-height:100%;
	text-align:center;
}
#sec_contents #hb_cnt_header #hb_cnt_problem .problem_txt2 {
	padding-top:10px;
	font-size:21px;
	text-align:center;
	color:#fff;
	line-height:180%;
}
@media screen and (max-width: 1060px) {
	#sec_contents #hb_cnt_header #hb_cnt_problem .problem_txt1 {
		padding-top:40px;
	}
	#sec_contents #hb_cnt_header #hb_cnt_problem .problem_txt2 {
		font-size:18px;
	}
}





#sec_contents .hb_cnt_answer1 {
	position:relative;
	background-color:#621126;
}

#sec_contents .hb_cnt_answer2 {
	background-color:#fff;
	margin-bottom:70px;
}

#sec_contents .answer_txt_wrap {
	float:left;
	width:50%;
}
#sec_contents .answer_txt_wrap .answer_txt1 {
	display:block;
	position:relative;
	background:url(../images/common/icon_arrow_01.png) center bottom no-repeat;
	padding-top:50px;
	padding-bottom:50px;
	font-family: 'EB Garamond', serif;
	font-size:42px;
	color:#fff;
	line-height:100%;
	text-align:center;
}
#sec_contents .answer_txt_wrap .answer_txt2 {
	padding:10px 15px 0 20px;
	font-size:16px;
	color:#fff;
	line-height:180%;
}
@media screen and (max-width: 1060px) {
	#sec_contents .answer_txt_wrap .answer_txt1 {
		padding-bottom:40px;
	}
	#sec_contents .answer_txt_wrap .answer_txt2 {
		padding:10px 15px 0 20px;
		font-size:14px;
		color:#fff;
		line-height:180%;
	}
}

#sec_contents .answer_icon {
	position: absolute;
	top:-30px;
	left: 0;
}


#sec_contents .answer_photo {
	float:right;
	width:50%;
	position:relative;
}
#sec_contents .answer_photo img {
	width:100%;
	height:auto;
}


#sec_contents .answer_photo2 {
	float:left;
	width:50%;
	position:relative;
}
#sec_contents .answer_photo2 img {
	width:100%;
	height:auto;
}

#sec_contents .answer_txt_wrap2 {
	float:right;
	width:50%;
	padding:0 25px;
}
#sec_contents .answer_txt_wrap2 .answer_txt1 {
	border-bottom:#eee solid 2px;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-top:60px;
	font-family: 'EB Garamond', serif;
	font-size:36px;
	line-height:100%;
}
#sec_contents .answer_txt_wrap2 .answer_txt2 {
	font-size:16px;
	line-height:180%;
}
@media screen and (max-width: 1060px) {
	#sec_contents .answer_txt_wrap2 .answer_txt2 {
		font-size:14px;
	}
}





#sec_contents #hb_cnt_finish {
	background-color:#EFE6E9;
	margin-bottom:30px;
	text-align:center;
}

#sec_contents #hb_cnt_finish_content {
	position:relative;
	background-color:#630F25;
	width:800px;
	margin:0 auto;
	padding-bottom:30px;
	text-align:center;
}
#sec_contents #hb_cnt_finish_content .finish_txt1 {
	background:url(../images/common/icon_arrow_01.png) center bottom no-repeat;
	margin-bottom:20px;
	padding-top:30px;
	padding-bottom:50px;
	font-family: 'EB Garamond', serif;
	font-size:42px;
	color:#fff;
	line-height:100%;
	text-align:center;
}

#sec_contents #hb_cnt_finish_content .finish_icon {
	position: absolute;
	top:-30px;
	left: 150px;
}

#sec_contents #hb_cnt_finish_content .finish_ttl {
	margin-bottom:25px;
	font-size:24px;
	color:#fff;
	line-height:160%;
	text-align:center;
}

#sec_contents #hb_cnt_finish_content .finish_item1 {
	background:url(../images/common/item_icon_ladies.jpg) left center no-repeat;
	min-height:60px;
	width:530px;
	margin:0 auto 25px auto;
	padding-left:120px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:150%;
	text-align:left;
}

#sec_contents #hb_cnt_finish_content .finish_item2 {
	background:url(../images/common/item_icon_ladies.jpg) left center no-repeat;
	min-height:60px;
	width:500px;
	margin:0 auto 25px auto;
	padding-left:120px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:150%;
	text-align:left;
}

#sec_contents #hb_cnt_finish_content .finish_slide {
	position:relative;
	width:420px;
	height:600px;
	margin:0 auto;
}

#sec_contents #hb_cnt_finish_content .finish_slide ul.bxslider {
	margin:0;
	padding:0;
}

#sec_contents #hb_cnt_finish_content .finish_slide ul.bxslider li {
	padding:0 1px;
}

#sec_contents #hb_cnt_finish_content .finish_slide ul.bxslider div {
	background:#fff;
	padding:10px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:100%;
	color:#640C24;
}

#sec_contents #hb_cnt_finish_content .finish_slide #bx-pager {
	position:absolute;
	right:-110px;
	top:0;
	width:90px;
}

#sec_contents #hb_cnt_finish_content .finish_slide #bx-pager a {
	display:block;
	width:94px;
	height:124px;
	margin-bottom:10px;
	position:relative;
	border: #630F25 solid 2px;
}

#sec_contents #hb_cnt_finish_content .finish_slide #bx-pager img {
	position:absolute;
	left:0;
	top:0;
	opacity:0.6;
}

#sec_contents #hb_cnt_finish_content .finish_slide #bx-pager a:hover,
#sec_contents #hb_cnt_finish_content .finish_slide #bx-pager a.active {
	border: #fff solid 2px;
}

#sec_contents #hb_cnt_finish_content .finish_slide #bx-pager a:hover img,
#sec_contents #hb_cnt_finish_content .finish_slide #bx-pager a.active img {
	opacity:1;
}



#sec_contents #hb_cnt_finish_comment {
	margin-bottom:60px;
}

#sec_contents #hb_cnt_finish_comment .finish_comment_txt {
	float:left;
	width:50%;
	padding:0 25px;
}

#sec_contents #hb_cnt_finish_comment .finish_comment_txt .comment_img {
	margin-bottom:15px;
	text-align:center;
}

#sec_contents #hb_cnt_finish_comment .finish_comment_txt .comment_ttl {
	border-bottom:#eee solid 2px;
	margin-bottom:20px;
	padding-bottom:20px;
	font-size:20px;
	text-align:center;
	line-height:100%;
}

#sec_contents #hb_cnt_finish_comment .finish_comment_txt .comment_txt {
	font-size:14px;
	line-height:160%;
}



#sec_contents #hb_link {
	margin-bottom:30px;
}
#sec_contents #hb_link ul {
	padding:0;
	margin:0;
}
#sec_contents #hb_link ul li {
	float:left;
	display:block;
	width:50%;
	height:100px;
	padding:0;
	margin:0;
	list-style:none;
}
#sec_contents #hb_link ul li.link_bnr_02 {
	padding-left:1px;
}
#sec_contents #hb_link ul li.link_bnr_01 a {
	display:block;
	background: #000 url(../images/common/icon_arrow_02.png) right center no-repeat;
	height:100px;
	padding:25px 20px 25px 0;
	font-size:20px;
	text-align:center;
	color:#fff;
	line-height:100%;
}
#sec_contents #hb_link ul li.link_bnr_01 a:hover {
	background: #444 url(../images/common/icon_arrow_02.png) right center no-repeat;
}
#sec_contents #hb_link ul li.link_bnr_02 a {
	display:block;
	background: #06305E url(../images/common/icon_arrow_02.png) right center no-repeat;
	height:100px;
	padding:25px 20px 25px 0;
	font-size:20px;
	text-align:center;
	color:#fff;
	line-height:100%;
}
#sec_contents #hb_link ul li.link_bnr_02 a:hover {
	background: #0073C3 url(../images/common/icon_arrow_02.png) right center no-repeat;
}
#sec_contents #hb_link ul li a span {
	display:block;
	font-family: 'EB Garamond', serif;
	font-size:16px;
	margin-bottom:8px;
}



#sec_contents #hb_bnr {
}
#sec_contents #hb_bnr ul,
#sec_contents #hb_bnr ul li {
	list-style:none;
	padding:0;
	margin:0;
}
#sec_contents #hb_bnr ul li {
	float:left;
	width:32%;
}
#sec_contents #hb_bnr ul li.campaign_bnr_01 {
	margin:0;
}
#sec_contents #hb_bnr ul li.campaign_bnr_02 {
	margin:0 2%;
}
#sec_contents #hb_bnr ul li.campaign_bnr_03 {
	margin:0;
}
#sec_contents #hb_bnr ul li img {
	width:100%;
	height:auto;
}