@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
html {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
ul.tagit {
	overflow: auto;
	margin-left: inherit;
	margin-right: inherit;
	margin: 0;
	font-size: 13px;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 500px;
	padding: 1px 5px;
}
ul.tagit li {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {
	position: relative;
	line-height: inherit;
}
input.tagit-hidden-field {
	display: none;
}
ul.tagit li.tagit-choice-read-only {
	padding: .2em .5em .2em .5em;
}
ul.tagit li.tagit-choice-editable {
	padding: .2em 18px 1px .2em;
}
ul.tagit li.tagit-new {
	padding: .25em 4px .25em 0;
}
ul.tagit li.tagit-choice a.tagit-label {
	cursor: pointer;
	text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
	cursor: pointer;
	position: absolute;
	right: .1em;
	top: 50%;
	margin-top: -8px;
	line-height: 17px;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
	display: none;
}
ul.tagit li.tagit-choice input {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	margin: 0;
	padding: 0;
	width: inherit;
	background-color: inherit;
	outline: none;
}
ul.tagit {
	border-style: solid;
	border-width: 1px;
	border-color: #C6C6C6;
	background: inherit;
}
ul.tagit li.tagit-choice {
	border-radius: 6px;
	border: 1px solid #CAD8F3;
	background: none;
	background-color: #DEE7F8;
	font-weight: normal;
}
ul.tagit li.tagit-choice .tagit-label:not(a) {
	color: #555;
}
ul.tagit li.tagit-choice a.tagit-close {
	text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
	right: .4em;
}
ul.tagit li.tagit-choice .ui-icon {
	display: none;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
	display: inline;
	font-family: arial, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #777;
}
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
	background-color: #bbcef1;
	border-color: #6d95e0;
}
ul.tagit li.tagit-choice a.tagLabel:hover, ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
	color: #222;
}
ul.tagit input[type="text"] {
	color: #333333;
	background: none;
}
.ui-widget {
	font-size: 1.1em;
}
.tagit-autocomplete.ui-autocomplete {
	position: absolute;
	cursor: default;
}
* html .tagit-autocomplete.ui-autocomplete {
	width: 1px;
}
.tagit-autocomplete.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	float: left;
}
.tagit-autocomplete.ui-menu .ui-menu {
	margin-top: -3px;
}
.tagit-autocomplete.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.tagit-autocomplete.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: .2em .4em;
	line-height: 1.5;
	zoom: 1;
}
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover, .tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
.tagit-autocomplete.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff 50% 50% repeat-x;
	color: #222222;
}
.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada;
	font-weight: normal;
	color: #212121;
}
.tagit-autocomplete .ui-state-active {
	border: 1px solid #aaaaaa;
}
.tagit-autocomplete .ui-widget-content {
	border: 1px solid #aaaaaa;
}
.tagit .ui-helper-hidden-accessible {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-hidden-accessible {
	display: none;
}
input[type=radio], input[type=checkbox] {
	display: none;
}
.style23 .radio {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	margin: 0 20px 8px 0;
	padding: 0px 12px 0px 20px;
	border-radius: 8px;
	vertical-align: middle;
	cursor: pointer;
}
.style23 .radio:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border: 1px solid #bbb;
	border-radius: 6px;
	content: '';
}
.style23 .radio:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 2px;
	display: block;
	margin-top: -3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #000;
	content: '';
	opacity: 0;
}
input[type=radio]:checked + .radio:before {
	opacity: 1;
}
input[type="checkbox"] {
	display: none;
}
.style23 input[type="checkbox"] + label {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	margin: 0 20px 8px 0;
	padding: 12px 12px 12px 42px;
	vertical-align: middle;
	cursor: pointer;
}
.style23 input[type="checkbox"] + label a {
	text-decoration: underline;
}
.style23 input[type="checkbox"] + label::before {
	position: absolute;
	top: 50%;
	left: 8px;
	display: block;
	margin-top: -7px;
	width: 18px;
	height: 18px;
	line-height: 16px;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	content: "\2713";
	color: #DDD;
	padding: 0;
	border: 1px solid #CCC;
	background: #FFF;
	-webkit-transition: .1s;
	transition: .1s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.style23 input[type="checkbox"]:checked + label {
	color: #000;
}
.style23 input[type="checkbox"]:checked + label::before {
	font-size: 14px;
	background: #fff !important;
	border-color: #CCC !important;
	color: #000 !important;
}
.clear_fix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clear_fix {
	min-height: 1px;
}
* html .clear_fix {
	height: 1px;
}
a {
	text-decoration: none;
	cursor: pointer;
}
input[type='text'], input[type='email'], input[type='password'], input[type='submit'], textarea {
	-webkit-appearance: none;
}
body {
	width: 100%;
	padding: 0;
	-ms-overflow-x: hidden;
	overflow-x: hidden;
	margin: 0;
	position: relative;
	background-color: #FFF;
	color: #333;
	font-size: 15px;
	-webkit-appearance: none;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

@media (min-width:830px) {
}
body {
	position: relative;
}

body textarea, body input {
	outline: none;
}
.empty_btn {
	position: fixed;
	display: none;
	top: 0;
	left: 270px;
	right: 0;
	bottom: 0;
	z-index: 10000;
	cursor: pointer;
}
.main_wrapper {
	width: 100%;
	position: relative;
}
header.m_header {
	display: block;
	width: 100%;
	background-color: #000;
	margin: 0;
	padding: 0;
	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
}

@media (min-width:830px) {
header.m_header {
	height: 50px;
	width: 100%;
}
}
header.m_header.abs {
	position: absolute;
}
header.m_header .header_in {
	position: relative;
	margin: 0;
	top: 0;
	padding: 0;
}

@media (min-width:830px) {
header.m_header .header_in {
	max-width: 980px;
	margin: 0 auto;
	height: 50px;
}
}
header.m_header .header_in .pc_menu {
	display: none;
	height: 50px;
}

@media (min-width:830px) {
header.m_header .header_in .pc_menu {
	display: block;
}
}
header.m_header .header_in .pc_menu .search {
	width: 30px;
	height: 50px;
	float: left;
	position: relative;
}
header.m_header .header_in .pc_menu .search input, header.m_header .header_in .pc_menu .search a.search_box {
	margin-top: 10px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
	border: 1px solid #CCC;
	height: 28px;
	line-height: 26px;
	padding: 2px 30px 2px 5px;
	background-color: #FFF;
	outline: none;
	border-right: 1px solid #CCC;
	text-indent: 0px;
	color: #CCC;
	font-size: 12px;
}
header.m_header .header_in .pc_menu .search a {
	width: 30px;
	height: 28px;
	padding-top: 12px;
	display: block;
}
header.m_header .header_in .pc_menu .search span {
	display: block;
	width: 30px;
	height: 28px;
	background: #FFF url("../img/user/user_ui_search_icon.png") center center no-repeat;
	-moz-background-size: 20px;
	-o-background-size: 20px;
	-webkit-background-size: 20px;
	background-size: 20px;
	border: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
header.m_header .header_in .pc_menu ul.subnav.clear_fix {
	margin: 0 5px;
	float: right;
	height: 50px;
	line-height: 50px;
}
header.m_header .header_in .pc_menu ul.subnav.clear_fix li {
	margin: 0 0 0 5px;
	float: left;
	height: 50px;
}
header.m_header .header_in .pc_menu ul.subnav.clear_fix li a {
	padding: 0 3px;
	text-decoration: underline;
	color: #FFF;
	display: inline-block;
	text-indent: 0;
	position: relative;
	top: 0;
	font-size: 10px;
	height: 48px;
	margin-top: 2px;
}
header.m_header .header_in .pc_menu ul.subnav.clear_fix li a.serach_icon {
	width: 30px;
	height: 28px;
	display: block;
	background: #FFF url("../img/user/user_ui_search_icon.png") center center no-repeat;
	-moz-background-size: 20px;
	-o-background-size: 20px;
	-webkit-background-size: 20px;
	background-size: 20px;
	border: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: -9999px;
	margin-top: 12px;
	margin-right: 15px;
}
header.m_header .header_in .pc_menu ul.subnav.clear_fix li a.message_icon {
	margin-right: 15px;
	position: relative;
}
header.m_header .header_in .pc_menu ul.subnav.clear_fix li a.message_icon img {
	margin-top: 15px;
	width: 25px;
}
header.m_header .header_in .pc_menu ul.subnav.clear_fix li a.message_icon span.bdg {
	display: block;
	background: transparent url("../img/user/badge.png") center center no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 8px;
	right: -5px;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
header.m_header .header_in .pc_menu ul.subnav.clear_fix li a.user_icon img {
	width: 30px;
	margin-top: 8px;
}
header.m_header .header_in .pc_menu ul.topnav {
	margin: 0 5px;
	width: 500px;
	float: left;
	height: 50px;
}
header.m_header .header_in .pc_menu ul.topnav li {
	margin-right: 2px;
	border-top: 5px solid #CCC;
	float: left;
	line-height: 45px;
	height: 45px;
}
header.m_header .header_in .pc_menu ul.topnav li.active {
	background-color: #333;
}
header.m_header .header_in .pc_menu ul.topnav li.l1 {
	border-color: #666;
}
header.m_header .header_in .pc_menu ul.topnav li.l2 {
	border-color: #DA3E3E;
}
header.m_header .header_in .pc_menu ul.topnav li.l3 {
	border-color: #48CC45;
}
header.m_header .header_in .pc_menu ul.topnav li.l4 {
	border-color: #4CBCF1;
}
header.m_header .header_in .pc_menu ul.topnav li.l5 {
	border-color: #F8BF51;
}
header.m_header .header_in .pc_menu ul.topnav li.l6 {
	border-color: #666;
}
header.m_header .header_in .pc_menu ul.topnav li a {
	color: #FFF;
	text-align: center;
	text-indent: 0;
	position: relative;
	top: 0;
	font-size: 14px;
	height: 48px;
	margin-top: 2px;
	line-height: 48px;
	padding: 0 10px;
}
header.m_header .header_in h1.txt {
	color: #FFF;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-weight: normal;
	font-size: 18px;
	margin: 10px auto;
}

@media (min-width:830px) {
header.m_header .header_in h1.txt {
	display: none;
}
}
header.m_header .header_in h1.txt a {
	color: #FFF;
	text-indent: 0;
	position: relative;
	top: 0;
}
header.m_header .header_in h1.logo {
	color: #FFF;
	text-align: center;
	padding: 0;
	height: 20px;
	text-indent: -9999px;
	width: 64px;
	margin: 10px auto;
	background: transparent url("../img/user/rebe_logo.png") center center no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

@media (min-width:830px) {
header.m_header .header_in h1.logo {
	float: left;
	width: 95px;
	height: 30px;
	margin: 10px 15px;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
}
header.m_header .header_in h1.logo.none {
	display: none;
}

@media (min-width:830px) {
header.m_header .header_in h1.logo.none {
	display: block;
}
}
header.m_header .header_in h1.logo a {
	display: block;
	margin: 0 auto;
	position: relative;
	color: #FFF;
}
header.m_header .header_in span.bdg {
	display: block;
	background: transparent url("../img/user/badge.png") center center no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: -4px;
	right: 8px;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

@media (min-width:830px) {
header.m_header .header_in span.bdg {
	display: none;
}
}
header.m_header .header_in a {
	display: block;
	position: absolute;
	top: 2px;
	text-indent: -9999px;
}
header.m_header .header_in a.bar {
	background: transparent url("../img/user/menu_icon.png") center center no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	width: 22px;
	height: 16px;
	left: 20px;
}

@media (min-width:830px) {
header.m_header .header_in a.bar {
	display: none;
}
}
header.m_header .header_in a.message {
	width: 22px;
	height: 16px;
	background: transparent url("../img/user/message_icon.png") center center no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	right: 20px;
}

@media (min-width:830px) {
header.m_header .header_in a.message {
	display: none;
}
}
p.a {
	margin: 8px auto 8px;
	width: 100%;
	font-size: 12px;
	color: #999;
	padding: 0 10px 0 20px;
}
p.q {
	margin: 8px auto -6px;
	width: 100%;
	font-size: 12px;
	color: #000;
	padding: 0 10px 0 20px;
}
table.style27 {
	font-size: 12px;
	margin: 8px auto;
	width: 100%;
	position: relative;
	color: #999;
}
table.style27 td {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px 10px 4px 10px;
	vertical-align: top;
	position: relative;
}
table.style27 td img {
	width: 60px;
}
table.style27 td.num_jiku {
	padding-left: 20px;
}
table.style27 td.num_jiku .num {
	position: absolute;
	top: 4px;
	left: 0px;
}
table.style27 td.first {
	width: 40%;
	padding: 4px 0px 4px 20px;
	color: #000;
}
h2.mobile {
	color: #FFF;
	display: block;
	padding-left: 8px;
	height: 28px;
	font-weight: bold;
	line-height: 28px;
	margin-top: 1px;
	font-size: 13px;
	background-color: #000;
}

@media (min-width:830px) {
h2.mobile {
	background-color: #6e6e6e;
}
}
h2.mobile.top_title {
	background-color: #FFF;
	color: #666;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	padding: 0;
	margin: 20px 0;
}
h2.mobile.top_title.m2 {
	margin-top: 40px;
}
h2.mobile.top {
	margin-top: 1px;
}
h2.mobile.top span {
	margin-left: 20px;
}

@media (min-width:830px) {
}
.main_view .style03 {
	padding: 0 10px;
	width: 100%;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 20px 0;
}
.main_view .style03 input {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
	border: 1px solid #CCC;
	height: 28px;
	line-height: 26px;
	padding: 2px 30px 2px 5px;
	background-color: #FFF;
	outline: none;
	border-right: 1px solid #CCC;
}
.main_view .style03 span {
	position: absolute;
	width: 30px;
	height: 28px;
	background: #FFF url("../img/user/user_ui_search_icon.png") center center no-repeat;
	-moz-background-size: 20px;
	-o-background-size: 20px;
	-webkit-background-size: 20px;
	background-size: 20px;
	top: 0;
	right: 10px;
	border: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.main_view .style03 p {
	font-size: 11px;
	padding: 5px 10px;
	color: #666;
}
.main_view .style04 {
	padding-top: 10px;
	width: 100%;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.main_view .style04 input {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
	border: 1px solid #CCC;
	height: 28px;
	line-height: 26px;
	padding: 2px 30px 2px 5px;
	background-color: #FFF;
	outline: none;
	border-right: 1px solid #CCC;
}
.main_view .style04 span {
	position: absolute;
	width: 30px;
	height: 28px;
	background: #FFF url("../img/user/user_ui_search_icon.png") center center no-repeat;
	-moz-background-size: 20px;
	-o-background-size: 20px;
	-webkit-background-size: 20px;
	background-size: 20px;
	top: 10px;
	right: 0px;
	border: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.main_view .style04 button {
	top: 0;
	right: 0px;
}
.mobilemenu_search {
	padding: 0 10px;
	width: 100%;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mobilemenu_search input {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
	border: 1px solid #CCC;
	height: 28px;
	line-height: 26px;
	padding: 2px 30px 2px 5px;
	background-color: #FFF;
	outline: none;
	border-right: 1px solid #CCC;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	font-size: 16px;
}
.mobilemenu_search span {
	position: absolute;
	width: 30px;
	height: 28px;
	background: #FFF url("../img/user/user_ui_search_icon.png") center center no-repeat;
	-moz-background-size: 20px;
	-o-background-size: 20px;
	-webkit-background-size: 20px;
	background-size: 20px;
	top: 0;
	right: 10px;
	border: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.mobilemenu_search p {
	font-size: 11px;
	padding: 5px 10px;
	color: #666;
}
.main_view ul.list03 {
	margin: 20px 5px;
}
.main_view ul.list03 li {
	margin: 5px;
	font-size: 12px;
	float: left;
}
.main_view ul.list03 li a {
	display: inline-block;
	padding: 6px 10px;
	border: 1px solid #CCC;
}
.main_view .cate a {
	color: #333;
	padding: 6px 10px;
	display: inline-block;
}
.main_view ul.list_style {
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width:830px) {
.main_view ul.list_style {
	margin-bottom: 20px;
}
}
.main_view ul.list_style.s04 {
	margin-top: 0px;
}

@media (min-width:830px) {
.main_view ul.list_style.main {
	width: 100%;
	margin: 0;
}
}

@media (min-width:830px) {
.main_view ul.list_style.main li {
	border-right: 1px solid #CCC;
	width: 30%;
	margin: 1% 2% 2% 1%;
	padding-left: 0;
	padding-top: 96px;
	height: 200px;
	float: left;
	background-color: #FFF;
	position: relative;
}
}

@media (min-width:830px) {
.main_view ul.list_style.main li.b {
	border-left: 1px solid #CCC;
	border-top: 4px solid #4CBCF1;
}
}

@media (min-width:830px) {
.main_view ul.list_style.main li.r {
	border-left: 1px solid #CCC;
	border-top: 4px solid #DA3E3E;
}
}

@media (min-width:830px) {
.main_view ul.list_style.main li.y {
	border-left: 1px solid #CCC;
	border-top: 4px solid #F8BF51;
}
}

@media (min-width:830px) {
.main_view ul.list_style.main li.g {
	border-left: 1px solid #CCC;
	border-top: 4px solid #48CC45;
}
}

@media (min-width:830px) {
.main_view ul.list_style.main li a.done {
	height: 96px;
	background-position: center 10px;
	padding-top: 46px;
}
}

@media (min-width:830px) {
.main_view ul.list_style.main li .img_part {
	width: 100%;
	height: 96px;
	text-align: center;
	background-color: #F9F9F9;
	padding: 0px 0 0;
	top: 0;
	margin-top: 0;
}
}

@media (min-width:830px) {
.main_view ul.list_style.main li .img_part br {
	display: none;
}
}

@media (min-width:830px) {
.main_view ul.list_style.main li .img_part img {
	width: 50px;
	margin: 14px auto 0;
}
}
.main_view ul.list_style.main li .txt_part {
	font-size: 14px;
	font-weight: bold;
}

@media (min-width:830px) {
.main_view ul.list_style.main li .txt_part {
	padding: 0;
	height: 87px;
	position: relative;
}
}

@media (min-width:830px) {
.main_view ul.list_style.main li .txt_part span {
	position: absolute;
	bottom: 2px;
}
}
.main_view ul.list_style.main li .txt_part p {
	line-height: 1.5;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media (min-width:830px) {
.main_view ul.list_style.main li .txt_part p {
	text-overflow: clip;
}
}
.main_view ul.list_style li {
	border-left: 3px solid white;
	border-bottom: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	background-color: #F9F9F9;
	padding-left: 54px;
	overflow: hidden;
}

@media (min-width:830px) {
.main_view ul.list_style li {
	border-right: 1px solid #CCC;
}
}
.main_view ul.list_style li.more {
	font-size: 14px;
	font-weight: bold;
	height: 80px;
	border: none;
	background-color: #FFF;
	padding: 0;
}
.main_view ul.list_style li.more a.read_more {
	margin: 20px auto;
	height: 40px;
	display: block;
	line-height: 40px;
	padding: 0;
	width: 85%;
	background-color: #01A860;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.main_view ul.list_style li a {
	display: block;
	width: 100%;
	padding: 10px 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
}
.main_view ul.list_style li a span.pickup {
	display: block;
	width: 52px;
	height: 52px;
	background: transparent url("../img/user/pickup.png") 0 0 no-repeat;
	-moz-background-size: 52px;
	-o-background-size: 52px;
	-webkit-background-size: 52px;
	background-size: 52px;
	position: absolute;
	top: -1px;
	right: -1px;
}
.main_view ul.list_style li a.done {
	width: 70px;
	text-align: center;
	border-left: 1px solid #CCC;
	background: rgba(235, 235, 235, 0.9) url("../img/user/check.png") center 10px no-repeat;
	-moz-background-size: 25px;
	-o-background-size: 25px;
	-webkit-background-size: 25px;
	background-size: 25px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 45px;
}
.main_view ul.list_style li a.done span {
	display: block;
	margin-top: 5px;
	color: #999;
	font-size: 9px;
}
.main_view ul.list_style li .img_part {
	width: 54px;
	height: 74px;
	margin-top: -37px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: transparent;
}
.main_view ul.list_style li .img_part img {
	margin: 10px auto -4px;
	width: 35px;
	display: block;
}
.main_view ul.list_style li .img_part span {
	line-height: 1;
	font-size: 9px;
}
.main_view ul.list_style li .txt_part {
	width: 100%;
	font-size: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	position: relative;
	font-weight: bold;
}
.main_view ul.list_style li .txt_part span {
	color: #666;
	font-size: 10px;
	margin-top: 5px;
	font-weight: normal;
}
.main_view ul.list_style li .txt_part p {
	position: relative;
	line-height: 1.2;
	width: 90%;
	position: relative;
}
.main_view ul.list_style li .txt_part p.l3 {
	margin-bottom: 10px;
}
.main_view ul.list_style li.b {
	border-left: 3px solid #4CBCF1;
}
.main_view ul.list_style li.b .img_part {
	color: #4CBCF1;
}
.main_view ul.list_style li.r {
	border-left: 3px solid #DA3E3E;
}
.main_view ul.list_style li.r .img_part {
	color: #DA3E3E;
}
.main_view ul.list_style li.y {
	border-left: 3px solid #F8BF51;
}
.main_view ul.list_style li.y .img_part {
	color: #F8BF51;
}
.main_view ul.list_style li.g {
	border-left: 3px solid #48CC45;
}
.main_view ul.list_style li.g .img_part {
	color: #48CC45;
}
.subcontent {
	position: relative;
}

@media (min-width:830px) {
.subcontent {
	width: 33%;
	float: right;
}
}

@media (min-width:830px) {
}
.content .styleabout {
	position: relative;
	margin: 0;
	padding: 0;
}
.content .styleabout .toppart {
	width: 100%;
	min-height: 150px;
	background: transparent url("../img/user/topbg1.png") center center no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	color: #FFF;
	text-align: center;
	display: table;
	table-layout: fixed;
}
.content .styleabout .toppart.what {
	background: transparent url("../img/user/about_1.png") center center no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

@media (min-width:830px) {
.content .styleabout .toppart {
	height: 230px;
}
}
.content .styleabout .toppart .inner {
	padding-top: 20px;
	display: table-cell;
	vertical-align: middle;
}
.content .styleabout .toppart .inner h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
}
.content .styleabout .toppart .inner p {
	line-height: 1.3;
	font-size: 13px;
}
.content .styleabout .topbottom {
	padding: 10px 5px;
	position: relative;
	font-size: 14px;
}
.content .styleabout .topbottom .tel {
	width: 49%;
	float: left;
	text-align: center;
	padding-top: 5px;
}
.content .styleabout .topbottom .tel img {
	width: 26px;
	vertical-align: middle;
	margin-right: 5px;
}
.content .styleabout .topbottom a {
	width: 49%;
	float: right;
	text-align: center;
	-moz-box-sizing: broder-box;
	-webkit-box-sizing: broder-box;
	box-sizing: broder-box;
	padding: 9px 0px;
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #01A860;
}
.content .styleabout .topbottom a.reg {
	width: 80%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #C00;
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: block;
	margin: 0 auto;
	padding: 0;
	float: none;
	background: transparent url("../img/user/register_icon.png") 20px center no-repeat;
	-moz-background-size: 25px;
	-o-background-size: 25px;
	-webkit-background-size: 25px;
	background-size: 25px;
}
.content .cando {
	width: 100%;
	padding: 0;
	margin: 0;
}
.content .cando .box {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
}

@media (min-width:830px) {
.content .cando .box {
	width: 33%;
	float: left;
	padding: 10px 4px;
}
}
.content .cando .box h4 {
	border-bottom: 3px solid #3c97d3;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	padding: 10px 0 5px;
}

@media (min-width:830px) {
.content .cando .box h4 {
	display: none;
}
}
.content .cando .box p {
	text-align: center;
	margin: 15px 0;
	line-height: 1.5;
}
.content .cando .box img {
	display: none;
}

@media (min-width:830px) {
.content .cando .box img {
	width: 90%;
	text-align: center;
	display: block;
}
}
.content h3.red {
	margin: 15px 0 0;
	text-align: center;
	font-weight: bold;
	color: #C00;
	font-size: 15px;
}
.content a.reg {
	width: 80%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #C00;
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: block;
	margin: 0 auto;
	padding: 0;
	float: none;
	background: transparent url("../img/user/register_icon.png") 20px center no-repeat;
	-moz-background-size: 25px;
	-o-background-size: 25px;
	-webkit-background-size: 25px;
	background-size: 25px;
	text-align: center;
	margin-bottom: 15px;
}
.content .whatimg {
	width: 100%;
	margin: 0;
	padding: 0;
}
.content .whatimg .box {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
}

@media (min-width:830px) {
.content .whatimg .box {
	width: 33%;
	float: left;
	padding: 10px 4px;
}
}
.content .whatimg .box img {
	width: 100%;
}
.content .what {
	width: 100%;
	margin: 0;
	padding: 0;
}
.content .what .onebox {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
}

@media (min-width:830px) {
.content .what .onebox {
	width: 33%;
	float: left;
	padding: 10px 4px;
}
}
.content .what .onebox .title_part {
	display: table;
	table-layout: fixed;
	width: 100%;
	vertical-align: middle;
	border-bottom: 3px solid #3c97d3;
	margin-bottom: 10px;
}
.content .what .onebox .title_part .num {
	font-size: 30px;
	text-align: left;
	width: 35px;
	display: table-cell;
	vertical-align: middle;
}

@media (min-width:830px) {
.content .what .onebox .title_part .num {
	height: 105px;
	vertical-align: top;
}
}
.content .what .onebox .title_part .text {
	font-size: 14px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5;
	font-weight: bold;
}
@media (min-width:830px) {
	.content .what .onebox .title_part .text {
		height: 95px;
		vertical-align: top;
	}
}
.content .what .onebox .cmt_part {
	line-height: 1.5;
}

@media (min-width:830px) {
.content .what .onebox .cmt_part {
	height: 260px;
	position: relative;
}
}

@media (min-width:830px) {
.content .what .onebox .cmt_part p {
	height: 200px;
}
}
.content .what .onebox a.btn {
	width: 80%;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	background-color: #01A860;
	text-align: center;
	display: block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 10px auto;
}
.content .matching {
	width: 100%;
	margin: 0;
	padding: 0;
}
.content .matching.l2 {
	text-align: center;
	margin: 0px 0 40px;
}
.content .matching.l2 img {
	width: 36px;
	margin: 15px auto;
}
.content .matching.l2 p {
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
}
.content .matching.l2 p.b {
	color: #000;
}
.content .matching.l2 p.g {
	color: #01A860;
}
.content .matching .box {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
}

@media (min-width:830px) {
.content .matching .box {
	width: 33%;
	float: left;
	padding: 10px 4px;
}
}
.content .matching .box h4 {
	border-bottom: 3px solid #3c97d3;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0;
}

@media (min-width:830px) {
.content .matching .box h4 {
	height: 30px;
	vertical-align: baseline;
}
}
.content .matching .box img {
	width: 100%;
	margin: 5px auto;
}
.content .matching .box p {
	text-align: center;
	line-height: 1.5;
}
.content a.read_more {
	margin: 20px auto;
	height: 30px;
	display: block;
	line-height: 30px;
	width: 60%;
	background-color: #01A860;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.content #wrapper {
	z-index: 1;
}
nav#side_bar {
	display: none;
	overflow: scroll;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	min-height: 100%;
	z-index: -1;
	width: 270px;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -moz-linear-gradient(135deg, #333333 0%, #666666 100%);
	background: -webkit-linear-gradient(135deg, #333333 0%, #666666 100%);
	background: linear-gradient(-45deg, #333333 0%, #666666 100%);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	color: #FFF;
	-webkit-overflow-scrolling: touch;
}
nav#side_bar p.side_search {
	padding: 0 10px;
	height: 26px;
	width: 100%;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 10px 0 5px;
}
nav#side_bar p.side_search a.search_input {
	width: 100%;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
	border: 1px solid #CCC;
	height: 28px;
	line-height: 26px;
	padding: 2px 30px 2px 5px;
	background-color: #FFF;
	outline: none;
	border-right: 1px solid #CCC;
	color: #CCC;
	font-size: 11px;
}
nav#side_bar p.side_search input {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
	border: 1px solid #CCC;
	height: 28px;
	line-height: 26px;
	padding: 2px 30px 2px 8px;
	background-color: #FFF;
	outline: none;
	border-right: 1px solid #CCC;
}
nav#side_bar p.side_search span {
	position: absolute;
	width: 30px;
	height: 28px;
	background: #FFF url("../img/user/user_ui_search_icon.png") center center no-repeat;
	-moz-background-size: 20px;
	-o-background-size: 20px;
	-webkit-background-size: 20px;
	background-size: 20px;
	margin-top: -13px;
	top: 50%;
	right: 10px;
	border-left: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
nav#side_bar .user_top {
	height: 60px;
	padding: 10px 10px 10px 70px;
	position: relative;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 50px;
	font-size: 14px;
}
nav#side_bar .user_top img {
	width: 50px;
	max-height: 50px;
	max-width: 50px;
	position: absolute;
	margin-top: -25px;
	top: 50%;
	left: 10px;
}
nav#side_bar ul {
	position: relative;
	list-style-type: none;
}
nav#side_bar ul.side_links {
	margin-top: 30px;
	padding: 0 10px;
}
nav#side_bar ul.side_links li {
	height: 40px;
	margin-bottom: 10px;
}
nav#side_bar ul.side_links li a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 40px;
	font-size: 12px;
}
nav#side_bar ul.side_links li a.out {
	background-color: #FFF;
	text-align: center;
	color: #666;
	padding-left: 0;
}
nav#side_bar ul.side_links li a.fb {
	background: #3b5998 url("../img/user/facebook_icon.png") 5px center no-repeat;
	-moz-background-size: 25px;
	-o-background-size: 25px;
	-webkit-background-size: 25px;
	background-size: 25px;
	color: #FFF;
}
nav#side_bar ul.side_links li a.mail {
	color: #666;
	background: #FFF url("../img/user/mail_login.png") 5px center no-repeat;
	-moz-background-size: 22px 16px;
	-o-background-size: 22px 16px;
	-webkit-background-size: 22px 16px;
	background-size: 22px 16px;
}
nav#side_bar ul.side_links li a.new {
	color: #cc0000;
	background: #FFF url("../img/user/register_icon.png") 5px center no-repeat;
	-moz-background-size: 25px;
	-o-background-size: 25px;
	-webkit-background-size: 25px;
	background-size: 25px;
}
nav#side_bar ul.side_menu {
	border-top: 1px solid #CCC;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
nav#side_bar ul.side_menu li {
	border-bottom: 1px solid #CCC;
}
nav#side_bar ul.side_menu li a {
	color: #FFF;
	padding: 15px;
	display: block;
}
.ad_part {
	margin: 5px 0;
	width: 100%;
}
.ad_part img {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
.links {
	margin: 10px 0;
	width: 100%;
	height: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px;
}
.links .halfbox {
	width: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px;
	float: left;
	height: 30px;
	position: relative;
}
.links .halfbox a {
	display: block;
	width: 100%;
	height: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-size: 12px;
}
.links .halfbox a:hover {
	text-decoration: underline;
}
.links .halfbox a.btn {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFF;
	background-color: #666;
	line-height: 30px;
}
.links .halfbox a.btn.w {
	line-height: 28px;
	border: 1px solid #CCC;
	color: #999;
	background-color: #FFF;
}
.links .halfbox a.btn.d {
	background-color: #CCC;
	color: #333;
}
footer.footer {
	display: block;
	z-index: 3;
	position: absolute;
	width: 100%;
	bottom: 0;
	font-size: 14px;
}
.footer_nav ul.inner02 li a {
	color: #333;
}
@media (min-width:830px) {
footer.footer {
	clear: both;
	margin: 0 -10px;
}
}
footer.footer p.copyright {
	text-align: center;
	background-color: black;
	color: #FFF;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
}
footer.footer ul {
	margin: 0;
	padding: 0;
}

@media (min-width:830px) {
footer.footer ul {
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
}
footer.footer ul.footer {
	background-color: #000;
	color: #FFF;
	font-size: 14px;
	text-align: center;
}
footer.footer ul.footer a {
	color: #FFF;
}

@media (min-width:830px) {
footer.footer ul.footer a:hover {
	text-decoration: underline;
}
}
footer.footer ul.footer.bottom {
	position: relative;
}
footer.footer ul.footer.bottom li {
	width: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #CCC;
	float: left;
}

@media (min-width:830px) {
footer.footer ul.footer.bottom li {
	width: 25%;
	border-right: 1px solid #CCC;
}
}

@media (min-width:830px) {
footer.footer ul.footer.bottom li:last-child {
	border-right: none;
}
}
footer.footer ul.footer.bottom li.left {
	border-right: 1px solid #CCC;
}
footer.footer ul.footer.top {
	position: relative;
}
footer.footer ul.footer.top li {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #CCC;
}
footer.footer ul.footer.top li a {
	display: block;
	position: relative;
}
footer.footer ul.footer.top li a span {
	display: block;
	width: 21px;
	height: 18px;
	top: 4px;
	right: 10px;
	position: absolute;
}

@media (min-width:830px) {
footer.footer ul.footer.top li a span {
	right: 35%;
}
}
footer.footer ul.footer.top li a span img {
	width: 21px;
}
footer.footer ul.link_footer {
	background-color: black;
	list-style-type: none;
	width: 100%;
	margin: 20px 0 0;
	padding: 0;
}
footer.footer ul.link_footer li {
	display: block;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	height: 40px;
	line-height: 40px;
	width: 50%;
	float: left;
	padding-left: 2%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
footer.footer ul.link_footer li.right {
	border-right: none;
}
footer.footer ul.link_footer li a {
	color: #FFF;
}
.style23 {
	position: relative;
	padding: 0 10px;
}
.style23.about {
	margin-bottom: 40px;
}
.style23 label.title {
	font-weight: bold;
	padding: 0px 0;
	margin: 10px auto -3px;
	font-size: 12px;
	display: block;
	width: 90%;
}
.style23 label.title.first {
	margin-top: 15px;
}
.style23 label.title.first.more {
	margin-top: 30px;
}
.style23 p.notice {
	padding: 10px;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	font-size: 14px;
	color: #01A860;
}
.style23 p.aboutlastp {
	padding: 10px 5px;
	text-align: center;
	color: #666;
	font-size: 11px;
}
.style23 p.aboutlastp a {
	text-decoration: underline;
}
.style23.top {
	position: relative;
}
.style23.top p.title {
	margin: 10px 0;
	text-align: center;
	color: #999;
	line-height: 1.2;
	font-size: 12px;
}
.style23.top .stepbox {
	width: 90%;
	margin: 10px auto 20px;
	position: relative;
}
.style23.top .stepbox .block {
	float: left;
	width: 25%;
	position: relative;
	padding-top: 50px;
	text-align: center;
}
.style23.top .stepbox .block p {
	color: #666;
	font-size: 12px;
}
.style23.top .stepbox .block.l1 span.circle {
	width: 20px;
	height: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: none;
	margin-left: -10px;
	top: 10px;
	background-color: #01a860;
}
.style23.top .stepbox .block span {
	position: absolute;
	display: block;
	width: 50%;
	margin: 0;
}
.style23.top .stepbox .block span.circle {
	width: 40px;
	height: 40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #CCC;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	left: 50%;
	margin-left: -20px;
	top: 0;
	background-color: #FFF;
	font-size: 15px;
	text-align: center;
	line-height: 40px;
	color: #666666;
}
.style23.top .stepbox .block span.circle.active {
	border-color: #01a860;
}
.style23.top .stepbox .block span.line {
	height: 4px;
	top: 18px;
	background-color: #CCC;
}
.style23.top .stepbox .block span.line.active {
	background-color: #01a860;
}
.style23.top .stepbox .block span.line.l {
	left: 0;
}
.style23.top .stepbox .block span.line.r {
	right: 0;
}
.style23 label.checkbox {
	width: 90%;
	margin: 12px auto;
	font-size: 12px;
	display: block;
	padding-left: 30px;
}
.style23 label.checkboxkiyaku {
	width: 90%;
	margin: 10px auto 0px;
	font-size: 12px;
	display: block;
	padding-left: 30px;
}
.style23 label.checkbox:after {
	left: 3px;
}
.style23 a.last_link {
	text-decoration: underline;
	color: #666;
	text-align: center;
	display: block;
	width: 100%;
	margin: 20px 0;
	font-size: 12px;
}
.style23 .btns {
	margin: 24px auto 8px;
	display: block;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px 10px;
	text-align: center;
	height: 40px;
}
.style23 .btns a {
	padding: 12px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	background-color: #88c1a1;
	margin: 0 5px;
	font-size: 14px;
	font-weight: bold;
}
.style23 .btns a.next {
	background-color: #01a860;
}
.style23 .btns a:hover {
	text-decoration: underline;
}
.style23 .relative {
	position: relative;
}
.style23 .relative .univs {
	width: 90%;
	margin: 0 auto;
}
.style23 .relative span.univ {
	padding: 4px 4px 4px 4px;
	background-color: #F4F4F4;
	position: relative;
	font-size: 12px;
}
.style23 .relative span.univ a {
	color: #999;
	margin-left: 10px;
}
.style23 .relative ul {
	display: none;
	position: absolute;
	width: 90%;
	left: 5%;
	top: 30px;
	z-index: 4;
}
.style23 .relative ul li {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	line-height: 29px;
	font-size: 12px;
	background-color: #FFF;
}
.style23 .relative ul li a {
	display: block;
	padding: 0 10px;
	height: 29px;
	line-height: 29px;
}
.style23 p.ch {
	margin: 16px auto 8px;
	width: 90%;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
}
.style23 p.ch.b {
	font-weight: bold;
	padding: 0;
}
.style23 .radiobox {
	margin: 8px auto;
	display: block;
	width: 90%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px 10px;
	line-height: 30px;
	font-size: 12px;
	vertical-align: middle;
}
.style23 .radiobox span.chap {
	margin-right: 40px;
	font-weight: bold;
	margin-left: -10px;
}
.style23 .radiobox label.radio {
	margin-bottom: 0;
	height: auto;
	line-height: 1.5;
	margin-top: -4px;
	margin-right: 5px;
}
.style23 .radiobox label.radio.last {
	margin-right: 0;
}
.style23 p.at {
	margin: 8px auto;
	font-size: 11px;
	color: #666;
	text-align: left;
	width: 90%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.style23 textarea {
	margin: 8px auto;
	display: block;
	width: 90%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px 10px;
	line-height: 1.2;
	height: 100px;
	background-color: #F4F4F4;
	border: 1px solid #CCC;
}
.style23 select {
	margin: 8px auto;
}
.style23 select.b {
	display: block;
	width: 90%;
	background-color: #fff;
	height: 28px;
	line-height: 28px;
	padding: 4px;
	font-size: 12px;
	color: #555;
	border: none;
	outline: 1px solid #CCC;
	outline-offset: -1px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-weight: normal;
}
.style23 select.b.mt {
	margin-top: 20px;
}
.style23 p.close {
	margin: 8px auto;
	width: 90%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
	background-color: #999;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.style23 p.close2 {
	margin: 8px auto;
	width: 90%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.style23 .file_upload {
	position: relative;
	width: 90%;
	margin: 0 auto;
}
.style23 .file_upload span {
	font-size: 12px;
	margin-right: 10px;
	font-weight: bold;
}
.style23 .file_upload input.b[type='file'] {
	border: none;
	line-height: 1;
	padding: 2px 0;
	display: inline-block;
	width: 50%;
}
.style23 input {
	margin: 8px auto;
}
.style23 input.b {
	display: block;
	width: 90%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px 10px;
	height: 30px;
	line-height: 28px;
	background-color: #F4F4F4;
	border: 1px solid #CCC;
}
.style23 input.b[type='file'] {
	background-color: transparent;
	border: none;
	line-height: 1;
	padding: 2px 0;
}
.style23 input.b[type='submit'] {
	background-color: #01a860;
	width: 85%;
	color: #FFF;
	font-size: 14px;
	border: none;
	line-height: 40px;
	height: 40px;
	padding: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-weight: bold;
}
.style23 input.b[type='submit'].s {
	width: 85%;
}
.style23 input.b:focus {
	background-color: #FFF;
}
.style23 a.new_user {
	display: block;
	width: 85%;
	height: 40px;
	line-height: 40px;
	margin: 10px auto 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-color: #01a860;
	color: #FFF;
}
.style23 a.fb {
	display: block;
	width: 85%;
	height: 40px;
	line-height: 40px;
	margin: 20px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;
}
.style23 a.fb.fb {
	background: #3b5998 url("../img/user/facebook_icon.png") 20px center no-repeat;
	-moz-background-size: 20px;
	-o-background-size: 20px;
	-webkit-background-size: 20px;
	background-size: 20px;
	color: #FFF;
}
#flash_outer {
	position: fixed;
	z-index: 90;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: table;
	table-layout: fixed;
}
#flash_outer .relative {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#flash_outer #flash {
	vertical-align: middle;
	display: block;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.94);
	-moz-box-shadow: 0px 0px 2px 0px rgba(6, 0, 1, 0.4);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(6, 0, 1, 0.4);
	box-shadow: 0px 0px 2px 0px rgba(6, 0, 1, 0.4);
	font-size: 12px;
	min-width: 220px;
	width: 80%;
	max-width: 300px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	margin: 0 auto;
}
#flash_outer #flash .txt {
	padding: 0px 0 5px;
	text-align: center;
	color: #666;
	line-height: 1.5;
}
#flash_outer #flash.fav .img {
	width: 100%;
	background: transparent url("../img/user/flash_favorite.png") center top no-repeat;
	-moz-background-size: 50px;
	-o-background-size: 50px;
	-webkit-background-size: 50px;
	background-size: 50px;
	height: 60px;
}
#flash_outer #flash.mail .img {
	width: 100%;
	background: transparent url("../img/user/flash_message.png") center top no-repeat;
	-moz-background-size: 50px;
	-o-background-size: 50px;
	-webkit-background-size: 50px;
	background-size: 50px;
	height: 60px;
}
#flash_outer #flash.mail .txt {
	font-weight: bold;
}
#flash_outer #flash.sad .img {
	width: 100%;
	background: transparent url("../img/user/flash_sad.png") center top no-repeat;
	-moz-background-size: 50px;
	-o-background-size: 50px;
	-webkit-background-size: 50px;
	background-size: 50px;
	height: 60px;
}
#flash_outer #flash.sad .txt {
	font-weight: bold;
}
#flash_outer #flash.notice .img {
	width: 100%;
	background: transparent url("../img/user/flash_check.png") center top no-repeat;
	-moz-background-size: 50px;
	-o-background-size: 50px;
	-webkit-background-size: 50px;
	background-size: 50px;
	height: 60px;
}
p.not {
	font-size: 15px;
	color: #999;
	text-align: center;
	padding: 30px 0;
	line-height: 1.5;
}
.style22 {
	margin: 0;
	position: relative;
	font-size: 12px;
}
.style22 a.stop {
	display: block;
	width: 90%;
	margin: 5px auto;
	height: 30px;
	line-height: 30px;
	background-color: #CCC;
	text-align: center;
}
.style22 a.stop:hover {
	text-decoration: underline;
}
.style22 a.delete {
	display: block;
	width: 90%;
	margin: 5px auto;
	height: 30px;
	line-height: 30px;
	background-color: #CCC;
	text-align: center;
}
.style22 p.stopb {
	text-align: center;
	margin-bottom: 40px;
}
.style22 .year {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px;
	background-color: #fff;
}
.style22 .year p {
	font-weight: bold;
}
.style22 .year .clear_fix {
	width: 90%;
	margin: 0 auto;
}
.style22 .year a.save {
	width: 20%;
	height: 28px;
	line-height: 28px;
	display: block;
	float: right;
	background-color: #666;
	color: #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	margin-top: 8px;
}
.style22 .year select {
	margin: 8px auto;
}
.style22 .year select.b {
	display: block;
	float: left;
	width: 75%;
	background-color: #fff;
	height: 28px;
	line-height: 28px;
	padding: 4px;
	font-size: 12px;
	color: #555;
	border: none;
	outline: 1px solid #CCC;
	outline-offset: -1px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-weight: normal;
}
.style22 .profile_topbox {
	position: relative;
	width: 100%;
	border: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.style22 .profile_box {
	position: relative;
	width: 100%;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.style22 table {
	margin: 0;
	width: 100%;
}
.style22 table tr {
	position: relative;
}
.style22 table tr td {
	padding: 5px;
}
.style22 table tr td.bold {
	font-weight: bold;
}
.style22 table.profile {
	padding-top: 5px;
	background-color: #fff;
}
.style22 table.profile.nb {
	border-top: none;
}
.style22 table.profile tr td {
	padding: 5px 0;
}
.style22 table.profile tr td.num {
	color: #999;
	font-size: 15px;
	text-align: center;
}
.style22 table.profile tr td.bold {
	padding: 5px;
}
.style22 table.profile tr td a {
	display: block;
	width: 90%;
	margin: 0 auto;
	height: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 10px 30px;
	color: #FFF;
	background-color: #666;
}
.style22 table.profile tr td a span {
	display: block;
	margin-top: 5px;
}
.style22 table.filebox {
	padding-top: 5px;
	background-color: #fff;
}
.style22 table.filebox tr td img {
	width: 30px;
}
.style22 table.filebox tr.last {
	border-top: 1px solid #CCC;
}
a.seminar_top {
	height: 40px;
	line-height: 38px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px 0 40px;
	font-size: 12px;
	border: 1px solid #CCC;
	display: block;
	font-weight: bold;
	background: #CCC url("../img/user/user_ui_search_icon.png") 5px center no-repeat;
	-moz-background-size: 20px;
	-o-background-size: 20px;
	-webkit-background-size: 20px;
	background-size: 20px;
}
a.seminar_top span {
	float: right;
	font-size: 10px;
	color: #999;
}
.style31 {
	margin: 0;
	font-size: 14px;
}
.style31 .message {
	border: 1px solid #CCC;
	padding: 10px;
}
.style31 h3.mtitle {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}
.style31 p {
	line-height: 1.5;
	margin: 10px 0;
}
.style31 .date {
	margin-top: 12px;
	color: #999;
	font-size: 10px;
}
.style31 a.back {
	margin: 20px auto;
	display: block;
	text-align: center;
	width: 85%;
	height: 40px;
	line-height: 40px;
	background-color: #999;
	color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 14px;
}
ul.style30 {
	margin: 0;
	padding: 0;
}
ul.style30 li {
	height: 68px;
	font-size: 12px;
	position: relative;
	padding: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #CCC;
	line-height: 1.2;
}
ul.style30 li.new {
	background-color: #F4BABA;
	font-weight: bold;
}
ul.style30 li a {
	display: block;
	width: 100%;
	height: 39px;
}
ul.style30 li a span {
	display: block;
	width: 100%;
	white-space: nowrap;
	position: relative;
}
ul.style30 li a span.date {
	font-size: 10px;
	color: #999;
	margin-top: 2px;
	margin-bottom: 2px;
}
ul.style21 {
	margin: 0;
	padding: 0;
}
ul.style21 li {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	position: relative;
	padding-left: 10px;
}
ul.style21 li a {
	text-decoration: none;
}
ul.style21 li a:hover {
	text-decoration: underline;
}
ul.style21 li a.btn {
	padding: 4px 10px;
	color: #FFF;
	background-color: #999;
	position: absolute;
	top: 10px;
	right: 5px;
	line-height: 1;
}
ul.style21 li:nth-child(even) {
	background-color: #EBEBEB;
}
.style20 {
	position: relative;
	margin: 0;
	font-size: 12px;
}
.style20 .cover_img {
	width: 100%;
	height: 30px;
	background-color: #FFF;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.style20 .cover_bottom {
	margin-top: -25px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	table-layout: fixed;
	height: 60px;
	padding: 0 5px 0 10px;
}
.style20 .cover_bottom .img {
	display: table-cell;
	width: 60px;
	vertical-align: middle;
}
.style20 .cover_bottom .img img {
	width: 50px;
}
.style20 .cover_bottom .txt {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	padding: 10px 0;
}
.style20 .cover_bottom .txt h3 {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4;
}
.style20 .cover_bottom .txt a {
	border: 1px solid #AAA;
	margin-top: 0px;
	font-size: 11px;
	display: block;
	width: 39%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.style20 .cover_bottom .txt a.pre {
	float: left;
	margin-right: 1%;
}
.style20 .cover_bottom .txt a.res {
	float: left;
	margin-right: 1%;
}
.style20 .cover_bottom .txt a.settings {
	float: left;
	width: 20%;
}
.style20 ul.my_menu {
	border-bottom: 1px solid #CCC;
	width: 100%;
	height: 60px;
	font-size: 12px;
}
.style20 ul.my_menu li {
	width: 25%;
	float: left;
	height: 46px;
	border-right: 1px solid #CCC;
	border-top: 4px solid #CCC;
	border-bottom: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
.style20 ul.my_menu li.l1 {
	border-top: 4px solid #DA3E3E;
}
.style20 ul.my_menu li.l2 {
	border-top: 4px solid #48cc45;
}
.style20 ul.my_menu li.l3 {
	border-top: 4px solid #4cbcf1;
}
.style20 ul.my_menu li.l4 {
	border-top: 4px solid #f8bf51;
}
.style20 ul.my_menu li a {
	height: 41px;
	padding-top: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #999;
	display: block;
	text-align: center;
}
.style20 ul.my_menu li a span {
	font-weight: bold;
	display: block;
	padding: 0 0 5px;
}
.style20 ul.my_menu li span.arrow {
	display: none;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 10px solid #cc0000;
	margin: 0 auto;
}
.style20 ul.my_menu li:first-child {
	border-left: 1px solid #CCC;
}
.style20 ul.my_menu li.rb {
	border-right: 1px solid #999;
}
.style20 ul.my_menu li.active {
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
}
.style20 ul.my_menu li.active a {
	color: #333;
}
.style20 ul.my_menu li.active span.arrow {
	display: block;
}
p.search {
	padding: 0 10px;
	height: 26px;
	width: 100%;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 20px 0;
}
p.search.top {
	padding-bottom: 10px;
	margin-bottom: 0px;
	border-bottom: 1px solid #CCC;
	height: 40px;
}
p.search.top span {
	top: 13px;
}
p.search input {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
	border: 1px solid #CCC;
	height: 28px;
	line-height: 26px;
	padding: 2px 30px 2px 5px;
	background-color: #FFF;
	outline: none;
	border-right: 1px solid #CCC;
	font-size: 14px;
}
p.search span {
	position: absolute;
	width: 30px;
	height: 28px;
	background: #FFF url("../img/user/user_ui_search_icon.png") center center no-repeat;
	-moz-background-size: 20px;
	-o-background-size: 20px;
	-webkit-background-size: 20px;
	background-size: 20px;
	margin-top: -13px;
	top: 50%;
	right: 10px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
table.style06_middle {
	margin: 0;
	padding: 0;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	font-size: 11px;
	width: 100%;
}
table.style06_middle tr {
	border-bottom: 1px solid #CCC;
	line-height: 1.3;
}
table.style06_middle tr td {
	padding: 0px;
	width: 50%;
}
table.style06_middle tr td label {
	margin: 0;
	padding-right: 5px;
}
table.style06_middle tr td label.checkbox:before {
	left: 10px;
}
table.style06_middle tr td.first {
	border-right: 1px solid #CCC;
}
ul.style06 {
	margin: 0;
	position: relative;
	font-size: 11px;
	height: 40px;
	border-left: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul.style06.bottom {
	margin: 0px auto;
	width: 100%;
}
ul.style06.bottom li {
	margin: 0;
	float: left;
	margin: 0;
	float: left;
	line-height: 38px;
	height: 40px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	background-color: #EBEBEB;
	text-align: center;
	width: 25%;
}
ul.style06.bottom li label {
	height: 38px;
	margin: 0;
	padding-right: 0;
}
ul.style06.top {
	margin: 10px 0;
	width: 100%;
}
ul.style06.top li {
	margin: 0;
	float: left;
	line-height: 38px;
	height: 40px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	background-color: #EBEBEB;
	text-align: center;
}
ul.style06.top li label {
	height: 38px;
	margin: 0;
	padding-right: 0;
}
ul.style06.top li.f {
	width: 30%;
}
ul.style06.top li.s {
	width: 35%;
}
ul.style06.top li.t {
	width: 35%;
}
a.search_more {
	margin: 30px auto;
	width: 85%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #01a860;
	color: #FFF;
	font-size: 14px;
	display: block;
	font-weight: bold;
}
.style06_date {
	margin: 10px auto;
	width: 100%;
	font-size: 12px;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.style06_date p {
	padding: 0 0px;
}
.style06_date select {
	margin: 5px 5px 0 0;
	background-color: #fff;
	height: 28px;
	line-height: 28px;
	padding: 4px;
	font-size: 12px;
	color: #555;
	border: none;
	outline: 1px solid #CCC;
	outline-offset: -1px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-weight: normal;
}
.style07_top {
	position: relative;
	margin: 0;
	display: table;
	table-layout: fixed;
	padding: 10px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
}
.style07_top h2.pagetitle {
	font-size: 16px;
	line-height: 1.2;
	display: table-cell;
	font-weight: bold;
	vertical-align: middle;
}
.style07_top .txt {
	display: table-cell;
	font-size: 12px;
	vertical-align: middle;
	text-align: right;
	color: #999;
	margin-left: 10px;
	width: 100px;
}
.style07_top .txt a.c_ovrlay.inner {
	display: block;
	font-size: 12px;
	color: #FFF;
	background: #999 url("../img/user/company_detail_icon.png") 9px center no-repeat;
	-moz-background-size: 21px;
	-o-background-size: 21px;
	-webkit-background-size: 21px;
	background-size: 21px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 100px;
	height: 40px;
	padding-left: 24px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul.style07_menu {
	width: 100%;
	position: relative;
	margin: 0;
	height: 60px;
	font-size: 11px;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
}
ul.style07_menu li {
	width: 25%;
	float: left;
	height: 46px;
	border-right: 1px solid #CCC;
	border-top: 4px solid #CCC;
	border-bottom: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
ul.style07_menu li.l1 {
	border-top: 4px solid #DA3E3E;
}
ul.style07_menu li.l2 {
	border-top: 4px solid #48cc45;
}
ul.style07_menu li.l3 {
	border-top: 4px solid #4cbcf1;
}
ul.style07_menu li.l4 {
	border-top: 4px solid #f8bf51;
}
ul.style07_menu li a {
	height: 41px;
	line-height: 41px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #999;
	display: block;
	text-align: center;
	background-color: #f4f4f4;
}
ul.style07_menu li span {
	display: none;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 10px solid #cc0000;
	margin: 0 auto;
}
ul.style07_menu li:first-child {
	border-left: 1px solid #CCC;
}
ul.style07_menu li.rb {
	border-right: 1px solid #999;
}
ul.style07_menu li.active a {
	color: #333;
	background-color: #FFF;
}
ul.style07_menu li.active span {
	display: block;
}
.style07_content_top {
	margin: 0;
	position: relative;
	display: table;
	table-layout: fixed;
	vertical-align: middle;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
}
.style07_content_top .img_part {
	vertical-align: middle;
	background-color: #F4F4F4;
	text-align: center;
	width: 60px;
	margin-right: 10px;
	display: table-cell;
}
.style07_content_top .img_part img {
	width: 25px;
	display: block;
	margin: 5px auto 5px;
}
.style07_content_top .img_part span {
	font-size: 10px;
	line-height: 1.0;
}
.style07_content_top .img_part span.l1 {
	color: #DA3E3E;
}
.style07_content_top .img_part span.l2 {
	color: #48cc45;
}
.style07_content_top .img_part span.l3 {
	color: #4cbcf1;
}
.style07_content_top .img_part span.l4 {
	color: #f8bf51;
}
.style07_content_top .txt_part {
	padding: 10px;
	vertical-align: middle;
	display: table-cell;
}
.style07_content_top .txt_part h3.ctitle {
	font-weight: bold;
	color: #000;
	line-height: 1.2;
}
.style07_content_top .txt_part p.view {
	margin-top: 10px;
	font-size: 11px;
	color: #999;
}
ul.style07_socials {
	margin: 0;
	background-color: #FFF;
	border: 1px solid #CCC;
}

@media (min-width:830px) {
ul.style07_socials {
	margin-bottom: 40px;
}
}
ul.style07_socials li {
	float: left;
	width: 50%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0;
	margin: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul.style07_socials li:first-child {
	border-right: 1px solid #CCC;
}
ul.style07_socials li a {
	color: #333;
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	background-color: #FFF;
}
ul.style07_socials li a span {
	padding: 5px 0 5px 20px;
}
ul.style07_socials li a span.share {
	background: transparent url("../img/user/share_icon.png") 0 center no-repeat;
	-moz-background-size: 17px;
	-o-background-size: 17px;
	-webkit-background-size: 17px;
	background-size: 17px;
}
ul.style07_socials li a span.fav {
	background: transparent url("../img/user/favorite.png") 0 center no-repeat;
	-moz-background-size: 16px;
	-o-background-size: 16px;
	-webkit-background-size: 16px;
	background-size: 16px;
}
.bdrl {
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.style07_content_main {
	margin: 0;
	padding: 0 0 2px;
	font-size: 14px;
	-moz-box-sizing: bordr-box;
	-webkit-box-sizing: bordr-box;
	box-sizing: bordr-box;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.style07_content_main table.workshop_date {
	margin: 10px auto;
	font-size: 16px;
	line-height: 1.5;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
}
.style07_content_main table.workshop_date.bdb {
	border-bottom: 1px solid #CCC;
}
.style07_content_main table.workshop_date tr {
	position: relative;
}
.style07_content_main table.workshop_date tr.first td {
	padding: 0 5px;
}
.style07_content_main table.workshop_date tr td {
	padding: 5px;
	text-align: center;
}
.style07_content_main table.workshop_date tr td.date {
	font-weight: bold;
}
.style07_content_main table.workshop_date tr td label.radio {
	padding: 0;
	margin: 0 10px 8px 0;
}
.style07_content_main table.workshop_date tr td label.checkbox {
	padding: 0;
	margin: 0 10px 8px 0;
}
.style07_content_main table.workshop_date tr td label.checkbox:before {
	left: -3px;
}
.style07_content_main table.workshop_date tr td.l {
	text-align: left;
}
.style07_content_main table.workshop_date tr td span.gray {
	padding: 5px;
	display: block;
	background-color: #F4F4F4;
}
.style07_content_main h3.chap, .style07_content_main h3.chapter_title {
	border-bottom: 3px solid #01a860;
	margin: 10px 16px 16px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.style07_content_main blockquote {
	margin: 10px 10px 0;
	quotes: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 15px 18px 40px;
	background: #F5F5F5 url("../img/kanri/quote.png") 10px 10px no-repeat;
	font-size: 14px;
	line-height: 1.5;
	position: relative;
}
.style07_content_main span {
	margin: 0 10px 10px;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #F5F5F5;
	font-size: 12px;
	padding: 0px 0 10px 40px;
}
.style07_content_main span.limit {
	margin: 4px;
	display: inline;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #FFFFFF;
	font-size: 18px;
	color: #FF0404;
	padding: 0px;
}
.style07_content_main iframe {
	margin: 10px auto;
	max-width: 100%;
	display: block;
}
.style07_content_main p.mozaiku {
	margin: -10px 10px 0;
	padding: 35px 5px;
	background: transparent url("../img/user/mozaiku.png") 0 0 no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 30px;
}
.style07_content_main p.mozaiku a {
	display: block;
	width: 80%;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	color: #FFF;
	background-color: #01a860;
	font-size: 14px;
}
.style07_content_main p.txt, .style07_content_main p.chapter_text {
	font-size: 14px;
	margin: 10px 10px 48px;
	line-height: 1.5;
	word-break: break-all;
	padding: 0 5px;
}
.style07_content_main .img {
	position: relative;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
.style07_content_main .img.cover {
	margin: 0 0 20px;
}
.style07_content_main .img.cover img {
	max-width: 100%;
	text-align: center;
	margin-top: 16px;
}
.style07_content_main .img img {
	max-width: 100%;
	text-align: center;
}

@media (min-width:830px) {
.style07_content_main .img img {
	max-width: 400px;
}
}
.boxstyle {
	border: 1px solid #CCC;
	margin: 0 0 10px;
}
.boxstyle h2.mobile {
	margin-top: 0;
}
.boxstyle a.submit {
	font-weight: bold;
	background-color: #01a860;
	color: #FFF;
	margin: 30px auto 0;
	display: block;
	width: 90%;
	height: 50px;
	padding-bottom: 10px;
	line-height: 35px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	text-align: center;
	position: relative;
}
.boxstyle a.submit span {
	position: absolute;
	bottom: 10px;
	left: 0;
	display: block;
	font-size: 8px;
	width: 100%;
	text-align: center;
	line-height: 1;
}
.boxstyle a.fblink {
	margin: 0 auto;
	background: #3B5998 url("../img/user/facebook_icon.png") 10px center no-repeat;
	-moz-background-size: 20px;
	-o-background-size: 20px;
	-webkit-background-size: 20px;
	background-size: 20px;
	color: #FFF;
	display: block;
	width: 85%;
	height: 40px;
	line-height: 40px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 34px;
	font-size: 12px;
	text-align: center;
}
.taglist {
	background-color: #EBEBEB;
	padding: 10px;
}
.taglist h3.tag {
	font-weight: bold;
	font-size: 12px;
}
.taglist ul.taglist {
	margin: 5px 0;
	padding: 0;
}
.taglist ul.taglist li {
	float: left;
	margin: 5px 3px;
}
.taglist ul.taglist li a {
	font-size: 11px;
	padding: 3px 6px;
	background-color: #FFF;
	border: 1px solid #CCC;
}
.overLayer {
	position: fixed;
	width: 100%;
	height: 100%;
	cursor: pointer;
	visibility: visible;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 30;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.4);
}
.overbox {
	z-index: 9999;
	overflow: hidden;
	overflow-y: scroll;
	position: fixed;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.overstyle07 {
	max-width: 700px;
	width: 80%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	background-color: #FFF;
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
	position: relative;
	z-index: 9999;
	font-size: 12px;
}
.overstyle07#about_company {
	width: 100%;
	max-width: 980px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 14px;
}
.overstyle07#about_company h3.company_name {
	font-size: 15px;
}
.overstyle07 a.close {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 12px;
	color: #999;
	text-decoration: underline;
}
.overstyle07 h3.company_name {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #CCC;
	margin: 0 0 10px;
	padding: 0 0 5px;
}
.overstyle07 table {
	width: 100%;
}
.overstyle07 table td {
	padding: 0 5px 5px;
}
.overstyle07 table td.bold {
	font-weight: bold;
	padding: 5px 5px 3px;
}
.overstyle07share {
	text-align: center;
	max-width: 700px;
	width: 85%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 10px;
	background-color: #FFF;
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
	position: relative;
	z-index: 9999;
	font-size: 12px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.overstyle07share a.close {
	display: inline-block;
	font-size: 14px;
	color: #999;
	text-decoration: underline;
	margin: 10px auto;
	cursor: pointer;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.overstyle07share h3.share_title {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 10px;
	padding: 0 0 5px;
	text-align: center;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.overstyle07share ul.shares {
	margin: 0 auto 20px;
	padding: 0;
	width: 240px;
}
.overstyle07share ul.shares li {
	float: left;
	height: 60px;
	width: 60px;
	margin: 0 10px;
	background-color: #3C5A99;
}
.overstyle07share ul.shares li:first-child {
	background-color: #00C300;
}
.overstyle07share ul.shares li:last-child {
	background-color: #32a7e0;
}
.overstyle07share ul.shares li a {
	display: block;
	height: 25px;
	width: 60px;
	text-align: center;
	text-align: center;
}
.overstyle07share ul.shares li a img {
	width: 60px;
}
.display_none {
	display: none;
}
#bottom_menu {
	width: 100%;
	padding: 0 10px;
	-moz-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.3);
	height: 50px;
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: -10px;
	background-color: rgba(255, 255, 255, 0.9);
}
#bottom_menu ul.bottom_over {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	height: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px;
}
#bottom_menu ul.bottom_over li {
	float: left;
	width: 50%;
	height: 40px;
	margin: 5px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px;
}
#bottom_menu ul.bottom_over li a {
	display: block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#bottom_menu ul.bottom_over li a.l {
	border: 1px solid #CCC;
	line-height: 38px;
	background-color: #FFF;
}
#bottom_menu ul.bottom_over li a.d {
	background-color: #3C97D3;
	color: #FFF;
}
.style32 {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
}
.style32.middle {
	margin-top: 30px;
	margin-bottom: 20px;
}
.style32 h3.title {
	font-size: 14px;
	text-align: center;
	margin: 10px 0;
	color: #666;
}
.style32 p.bottom {
	font-size: 12px;
	color: #666;
	text-align: center;
	margin: 10px 0;
}
.style32 a.bottom_link {
	font-size: 11px;
	text-decoration: underline;
	color: #666;
	margin-bottom: 10px;
}
.style32_qa {
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	margin: 10px 0;
	font-size: 12px;
}
.style32_qa .a {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 10px 5px 20px;
	display: none;
	line-height: 1.5;
}
.style32_qa .a a {
	text-decoration: underline;
}
.style32_qa .q {
	border: 1px solid #CCC;
	color: #666;
	padding: 5px 5px 5px 18px;
	cursor: pointer;
	position: relative;
	line-height: 1.2;
}
.style32_qa .q.active span.b {
	display: inline-block;
}
.style32_qa .q.active span.r {
	display: none;
}
.style32_qa .q span {
	position: absolute;
	top: 5px;
	left: 5px;
}
.style32_qa .q span.b {
	display: none;
}
.style34 {
	color: #666;
	position: relative;
	text-align: center;
	font-size: 12px;
	margin: 0 0 30px;
	padding: 0 30px;
}
.style34 h3.pagetitle {
	font-size: 13px;
	margin: 20px 0;
	text-align: center;
}
.style34 p.para {
	margin: 10px 0;
	line-height: 1.5;
}
.style35_img {
	width: 100%;
}
.style35_img img {
	max-width: 180px;
	margin: 0 auto;
	display: block;
}

@media (min-width:830px) {
.style35_img img {
	max-width: 269px;
}
}
table.style35 {
	width: 100%;
	margin-bottom: 40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px;
	color: #333;
}
table.style35 tr td {
	padding: 5px;
	position: relative;
	font-size: 12px;
	vertical-align: top;
	line-height: 1.2;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table.style35 tr td iframe {
	max-width: 100%;
	max-height: 250px;
}

@media (min-width:830px) {
table.style35 tr td iframe {
	max-height: 450px;
}
}
table.style35 tr td ul.lsd {
	margin: 0 0 0 20px;
	list-style-type: disc;
}
table.style35 tr td ul.lsd li {
	margin: 0px 0 5px;
}
table.style35 tr td img {
	margin-top: 5px;
}
table.style35 tr td img.map {
	width: 100%;
}
table.style35 tr td img.photo {
	width: 75px;
}
table.style35 tr td.first {
	width: 60px;
}
.style3502 {
	padding: 10px;
	line-height: 1.5;
	font-size: 12px;
	color: #333;
}
.style3502 a {
	text-decoration: underline;
}
span.red {
	color: red;
}
ul.paginage {
	margin: 10px 0 0;
	padding: 4px 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	display: block;
}
ul.paginage li {
	display: inline-block;
	margin-right: -1px;
}
ul.paginage li a {
	display: inline-block;
	padding: 6px 8px;
	border: 1px solid #CCC;
	background-color: #F4F4F4;
	color: #666;
}
.content .styleabout .topbottom .tel {
	width: 48% !important;
	float: left !important;
	text-align: center !important;
	padding-top: 7px !important;
	font-size: 100% !important;
}
.sp_tel {
	border: none !important;
	font-size: 100% !important;
	text-align: center !important;
	-moz-box-sizing: broder-box !important;
	-webkit-box-sizing: broder-box !important;
	box-sizing: broder-box !important;
	padding: 9px 0px !important;
	border: 1px solid #ccc !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	border-radius: 6px !important;
	color: #01A860 !important;
	margin: -7px 0 0 !important;
	float: left !important;
	width: 100% !important;
}
.content .styleabout .topbottom .tel img {
	width: 20px;
}
h2.mobile {
	color: #FFF !important;
	display: block !important;
	padding-left: 8px !important;
	height: 38px !important;
	font-weight: bold !important;
	line-height: 38px !important;
	margin-top: 0 !important;
	font-size: 13px !important;
	background-color: #000 !important;
}
.content .matching .box p {
	text-align: left !important;
	line-height: 1.5;
	margin: 10px 0 0 0 !important;
}
.content h3.red {
	margin: 15px 0 0 !important;
	text-align: center !important;
	font-weight: bold !important;
	color: #C00 !important;
	font-size: 18px !important;
	border-bottom: #ccc double 3px !important;
	border-top: #ccc double 3px !important;
	padding: 15px 0 !important;
}

@media (min-width:830px) {
ul.style07_socials {
	margin-bottom: 0 !important;
}
}
.style07_content_top {
	margin: 0 !important;
	position: relative !important;
	display: table !important;
	table-layout: fixed !important;
	vertical-align: middle !important;
	width: 100% !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	background-color: #FFF !important;
	border-left: #ccc solid 1px !important;
	border-right: #ccc solid 1px !important;
	border-top: #ccc solid 1px !important;
}
.style07_content_main p.mozaiku a {
	display: block !important;
	width: 75% !important;
	margin: 0 auto !important;
	height: auto !important;
	overflow: hidden !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	border-radius: 6px !important;
	text-align: center !important;
	color: #FFF !important;
	background-color: #01a860 !important;
	font-size: 12px !important;
	padding: 15px !important;
	text-align: left !important;
	line-height: 1.7 !important;
}
.style07_content_main p.mozaiku a span {
	font-size: 120% !important;
	font-weight: bold !important;
	display: block !important;
	margin: 0 0 10px 0 !important;
	background: none !important;
	text-align: center !important;
	padding: 0 !important;
	line-height: 1.7 !important;
}
.overstyle07 table td {
	padding: 12px;
	border-bottom: #ccc dotted 1px;
}
.content .matching .box h4 {
	border-bottom: 3px solid #3c97d3;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0;
	height: auto !important;
	overflow: hidden;
}
.content .matching .box h5 {
	border-bottom: 3px solid #3c97d3;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0;
	overflow: hidden;
}

@media (min-width:830px) {
.content .matching .box h5 {
	height: 30px !important;
	vertical-align: middle;
	display: table-cell;
	width: 265px;
	padding: 5% 15%;
}
}
.content .styleabout .toppart .inner h3 {
	font-size: 18px !important;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
}
ul.style07_menu {
	width: 100%;
	position: relative;
	margin: 0;
	height: 60px;
	font-size: 11px;
	border: none !important;
	background-color: #FFF;
}

@media (min-width:830px) {
}

@media (min-width:830px) {
.content .what .onebox .cmt_part {
	height: 230px;
	font-size: 13px !important;
	line-height: 1.7;
	position: relative;
}
}

@media (min-width:830px) {
.content .what .onebox .cmt_part p {
	height: 160px !important;
}
}

@media (min-width:830px) {
.content .what .onebox .title_part .num {
	height: 95px !important;
	vertical-align: top;
}
}

@media (min-width:830px) {
.content .what .onebox .title_part .text {
	font-size: 14px !important;
	height: 75px !important;
	display: table-cell;
	vertical-align: top !important;
	line-height: 1.5;
	font-weight: bold;
}
}
.content .what .onebox .title_part .text {
	font-size: 14px !important;
	height: 75px !important;
	display: table-cell;
	line-height: 1.5;
	font-weight: bold;
}
.content .what .onebox .cmt_part {
	line-height: 1.5;
	font-size: 13px !important;
}
.content .cando .box p {
	text-align: left !important;
	margin: 15px 0;
	line-height: 1.5;
	font-size: 14px !important;
}

@media (min-width:830px) {
.content .cando .box {
	width: 33%;
	float: left;
	padding: 0 !important;
	margin: 10px 0 0 0;
}
}

@media (min-width:830px) {
.content .cando .box img {
	width: 130px;
	text-align: center;
	display: block;
	margin: 0 0 0 35px;
}
}

@media screen and (min-width:830px) {
.pc_off {
	display: none;
}
}

@media screen and (max-width:980px) {
.sp_off {
	display: none;
}
}
.content .matching.l2 p.b {
	color: #000;
	border: #ccc solid 3px !important;
	padding: 10px 0 !important;
	height: auto !important;
	overflow: hidden !important;
}
.content .matching.l2 p.g {
	color: #01A860;
	border: #ccc solid 3px;
	padding: 10px 0;
}
.content .matching.l2 p.b span {
	position: relative;
	color: #ffffff;
	background: #000000;
	font-size: 16pt;
	line-height: 1;
	margin: 20px -10px 20px -10px;
	box-shadow: 1px 3px 7px 0px #666666;
	border-top: 3px solid #01A860;
	left: -52px;
}
.content .matching.l2 p.b span:after, sample2:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #333;
}
.content .matching.l2 p.b span:after {
	left: 0;
	border-right: 5px solid #333;
}
.content .matching.l2 p.b span:before {
	right: 0;
	border-left: 5px solid #333;
}
.content .matching.l2 p.b span {
	background: #000;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 5px 5px 20px 5px;
}
.content .matching.l2 p.g span {
	position: relative;
	color: #ffffff;
	background: #000000;
	font-size: 16pt;
	line-height: 1;
	margin: 20px -10px 20px -10px;
	box-shadow: 1px 3px 7px 0px #666666;
	border-top: 3px solid #01A860;
	left: -60px;
}
.content .matching.l2 p.g span:after, sample2:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #333;
}
.content .matching.l2 p.g span:after {
	left: 0;
	border-right: 5px solid #333;
}
.content .matching.l2 p.g span:before {
	right: 0;
	border-left: 5px solid #333;
}
.content .matching.l2 p.g span {
	background: #000;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 5px 5px 20px 5px;
}
.ribbon-article {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100px;
	color: #000;
	border: #ccc solid 3px !important;
	padding: 20px 0 !important;
	height: auto !important;
	overflow: hidden !important;
	font-weight: bold;
	line-height: 1.5;
	font-size: 14px;
}
.ribbon-article p {
	color: #01A860;
}
.side-corner-tag {
	display: inline-block;
	position: absolute;
	top: 10px;
	left: -25px;
	height: 30px;
	width: 100px;
	background-color: #d32127;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2), inset 0px 3px 20px rgba(255, 255, 255, 0.2)
}
.side-corner-tag .label {
	position: absolute;
	height: 20px;
	width: 100%;
	top: 5px;
	border: 1px #fff dashed;
	border-width: 1px 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

@media (min-width:830px) {
.dateset {
	display: inline;
}
}

@media (min-width:830px) {
.list_top_menu {
	display: none;
}
}

@media (max-width:830px) {
.list_top_menu {
	width: 100%;
	margin-top: 40px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
}
.top_content {
}
.list_top_content {
}
ul.style07_menu {
	height: 40px;
}
.list_top_image {
	width: 28px;
	display: block;
	vertical-align: middle;
	margin: 0 auto;
	clear: both;
	text-align: center;
	margin-bottom: -16px;
}
.list_top_image_seminar {
	width: 32px;
	display: block;
	vertical-align: middle;
	margin: 0 auto;
	clear: both;
	text-align: center;
	margin-bottom: -20px;
}
.list_top_text {
	font-size: 9px;
	font-weight: bold;
}
a.link_red {
	color: #DA3E3E !important;
}
a.link_green {
	color: #48cc45 !important;
}
a.link_blue {
	color: #4CBCF1 !important;
}
a.link_yellow {
	color: #f8bf51 !important;
}
a.top_refine_fixed {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 5;
}
}
.select_target_text {
	font-size: 12px;
	margin-left: 10px;
	position: relative;
	top: 1px;
}
.select_period_text {
	font-size: 12px;
	position: relative;
	top: 1px;
}
.select_target_year {
	background-color: #fff;
	height: 28px;
	line-height: 28px;
	margin-bottom: 8px;
	font-size: 12px;
	color: #555;
	border: none;
	outline: 1px solid #CCC;
	outline-offset: -1px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-weight: normal;
}
.loginbox {
	padding-top: 20px;
}
footer .ft_link_pc {
	width: 740px;
	margin: auto;
	padding-top: 15px;
}
footer .ft_link_sp1 {
	width: 90%;
	margin: auto;
	padding-top: 15px;
	display: none;
}
footer .ft_link_pc1 {
	width: 706px;
	margin: auto;
	padding-top: 15px;
}
footer .ft_link_sp {
	width: 90%;
	margin: auto;
	padding-top: 25px;
	padding-bottom: 15px;
	display: none;
}
footer .foot_bnr_re .scroll-down a {
	color: #fff;
	background: #ff6600;
	padding: 10px 20px;
	border-radius: 20px;
	width: 230px;
	margin: auto;
}
footer .foot_bnr_re .scroll-down a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	opacity: 0;
	box-sizing: border-box;
}
footer .foot_bnr_re .scroll-down a span:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
footer .foot_bnr_re .scroll-down a span:nth-of-type(2) {
	top: 16px;
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}
footer .foot_bnr_re .scroll-down a span:nth-of-type(3) {
	top: 32px;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
@-webkit-keyframes sdb {
 0% {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes sdb {
 0% {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
footer .ft_180227 {
}
footer .ft_180227 .foot_bnr_re {
	padding-top: 85px;
}

@media(max-width:830px) {
footer .ft_link_sp,  footer .ft_link_sp1 {
	display: block;
}
footer .ft_link_pc1,  footer .ft_link_pc {
	display: none;
}
footer .foot_bnr170606 {
	padding: 15px 0 20px 0;
}
.foot_bnr170606 .close {
	top: 3px!important;
}
footer .ft_180227 .foot_bnr_re {
	padding-bottom: 15px;
}
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	-webkit-overflow-scrolling: touch;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif !important;
}
html {
	line-height: 1;
}
/*body, input {
	height: 100%;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	-ms-overflow-x: hidden;
	overflow-x: hidden;
	margin: 0;
	-webkit-text-size-adjust: 100%;
	position: relative;
	background-color: #FFF;
	color: #333;
	font-size: 15px;
	-webkit-appearance: none;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif !important;
}*/
button, select, option {
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif !important;
}
li {
	list-style-type: none;
}
a {
	text-decoration: none;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb55 {
	margin-bottom: 55px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb65 {
	margin-bottom: 65px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb75 {
	margin-bottom: 75px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb85 {
	margin-bottom: 85px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb95 {
	margin-bottom: 95px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.clearfix {
 *zoom: 1;
}
.clearfix:after {
	content: '';
	display: table;
	clear: both;
}
.w1040 {
	width: 1040px;
	margin: 0 auto;
}

@media (max-width: 830px) {
.w1040 {
	width: 100%;
}
}
.w970 {
	width: 970px;
	margin: 0 auto;
}
/*=====================
161004 フッターエリア
=======================*/
#hnb_footer.footer_contets.sp {
	display: none;
}
#hnb_footer.footer_contets.pc {
	width: 953px;
	clear: both;
	margin: 0 auto;
}
#hnb_footer.footer_contets.pc p {
	color: #666;
	font-size: 11px;
}
#hnb_footer.footer_contets.pc p.register {
	padding: 20px 36px 18px 765px;
	background: url(../img/hnb/footer/pc/bnr.jpg)no-repeat;
	margin-bottom: 23px;
}
#hnb_footer.footer_contets.pc div.search_area {
	background-color: #e5e5e5;
	border: 1px solid #999;
	width: 923px;
	padding: 10px 15px;
}
#hnb_footer.footer_contets.pc .floatL {
	float: left;
}
#hnb_footer.footer_contets.pc .floatL.end {
	padding-left: 160px;
	background: url(../img/hnb/footer/pc/keyword.jpg)no-repeat left 20px center;
}
#hnb_footer.footer_contets.pc .search_keyword p {
	float: left;
	margin-right: 10px;
}
#hnb_footer.footer_contets.pc .search_keyword p a {
	display: block;
	border: 1px solid #bbb;
	color: #666;
	font-size: 14px;
	padding: 5px 20px 5px 5px;
	border-radius: 4px;
	background: url(../img/hnb/footer/pc/keyword_icon.jpg)no-repeat center right 5px #fff;
}
#hnb_footer.footer_contets.pc footer {
	background-color: #000;
	padding: 20px 0 10px;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
}
#hnb_footer.footer_contets.pc footer p {
	color: #fff;
	text-align: center;
	font-size: 13px;
}
#hnb_footer.footer_contets.pc footer a {
	color: #fff;
	text-align: center;
	font-size: 13px;
}
#hnb_footer.footer_contets.pc footer p small {
	font-size: 10px;
}
#hnb_footer.footer_contets.pc .pageTop {
	text-align: right;
}
#hnb_footer.footer_contets.pc .pageTop a {
	color: #666;
	font-size: 14px;
	background: url(../img/hnb/footer/pc/pagetop.jpg)no-repeat center right;
	padding-right: 15px;
}
#hnb_footer.footer_contets.pc .keyword_search button {
	position: absolute;
	top: 0;
	right: 0;
}
#hnb_footer.footer_contets.pc .keyword_search {
	padding-top: 10px;
	width: 295px;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#hnb_footer.footer_contets.pc .keyword_search input {
	width: 266px;
	background-color: #FFF;
	border: 1px solid #CCC;
	height: 30px;
	line-height: 26px;
	padding: 2px 30px 2px 5px;
	background-color: #FFF;
	outline: none;
	border-right: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#hnb_footer.footer_contets.pc .keyword_search span {
	position: absolute;
	width: 30px;
	height: 30px;
	background: #FFF url("../img/hnb/footer/pc/search.jpg") center center no-repeat;
	background-size: 30px;
	top: 10px;
	right: 0px;
	border: 1px solid #CCC;
	-moz-background-size: 30px;
	-o-background-size: 30px;
	-webkit-background-size: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
/*=====================
161005 絞込エリア
=======================*/
#hnb_search h2 {
	border-left: 3px solid #01A860;
	color: #000;
	font-size: 14px;
	padding-left: 5px;
}
#hnb_search h3 {
	font-size: 13px;
	color: #fff;
	background: #333;
	padding: 5px;
}
#hnb_search p.search {
	padding: 0 0 0 10px !important;
	margin: 0 0 18px !important;
}
#hnb_search p.search input {
	padding: 10px;
	height: 32px;
}
#hnb_search .select_target_year {
	margin: 0 0 15px 10px !important;
}
#hnb_search ul.style06.top {
	margin-bottom: 15px !important;
}
#hnb_search ul.style06.top li {
	text-align: left !important;
	background: #fff !important;
	font-size: 13px;
}
#hnb_search .links {
	padding: 0 80px !important;
	margin-bottom: 20px;
}
#hnb_search .links .halfbox {
	padding: 0 10px !important;
}
#hnb_search .links .halfbox a.btn {
	background: #000 !important;
	font-size: 13px;
	text-decoration: none;
	border-radius: 5px !important;
}
#hnb_search .links .halfbox a.btn.d {
	background: #CCCCCC !important;
	text-decoration: none;
}
#hnb_search table.style06_middle tr td label {
	color: #333;
	font-size: 13px;
}
#hnb_search input[type="checkbox"] + label::before {
	top: 20px !important;
}
#hnb_search table.style06_middle {
	margin-bottom: 20px;
}
#hnb_search ul.style06.bottom {
	border-top: 1px solid #ccc;
	margin-bottom: 15px;
}
#hnb_search ul.style06.bottom li {
	background: #fff;
	text-align: left !important;
}
#hnb_search ul.style06.bottom li label {
	font-size: 13px;
	color: #333;
}
#hnb_search .style06_date {
	margin-bottom: 15px !important;
}
#hnb_search .style06_date select {
	margin: 0 5px 0 0 !important;
}
#hnb_search button.search_more {
	margin: 0 !important;
	width: 100% !important;
	border-radius: 5px !important;
	font-size: 16px;
	font-weight: normal !important;
}
#hnb_search .search_btn_area {
	padding: 15px 170px;
	background: #e5e5e5;
}
.main_view ul.list03 {
	margin: 0 0 10px !important;
	padding: 0 4px;
}
.main_view ul.list03 li {
	margin: 6px !important;
	font-size: 13px;
}
.main_view ul.list03 li a {
	border-radius: 4px;
	padding: 7px 20px 7px 7px;
	background: url(../img/hnb/search/pc/icon.jpg)no-repeat center right 7px;
}
#hnb_search_btn_pc {
	border: 1px solid #ccc;
	margin: 30px 3% 12px 1%;
	padding: 3% 4%;
}
#hnb_search_btn_sp {
	display: none;
}
.main_view .style03 input {
	padding: 10px;
	height: 32px;
}
.main_view .style03 button {
	width: 35px;
	height: 32px;
}
/*=====================
1610011 ヘッダーエリア
=======================*/
header.m_header {
	background-color: #fff !important;
	box-shadow: none !important;
	position: inherit;
}
button {
	cursor: pointer;
}
#hnb_headerpc #header {
	padding: 12px 0 12px;
	height: 30px;
}
#hnb_headerpc #header .logo img {
	width: 130px;
}
#hnb_headerpc #header h1 {
	font-size: 11px;
	color: #666;
	padding-left: 15px;
}
#hnb_headerpc .display {
	display: inline-block;
	vertical-align: middle;
}
#hnb_headerpc .nav {
	background: #000;
	height: 48px;
}
#hnb_headerpc ul#nav li {
	padding: 0 10px;
	display: table-cell;
	cursor: pointer;
	vertical-align: middle;
	height: 48px;
}
#hnb_headerpc ul#nav li a {
	font-size: 14px;
	padding: 7px 0;
	color: #fff;
	text-decoration: none;
	display: block;
}
#hnb_headerpc ul#nav li ul {
	display: none;
	position: absolute;
	top: 102px;
	background-color: #e5e5e5;
	padding: 0 10px;
	z-index: 999;
	margin-left: -10px;
}
#hnb_headerpc ul#nav li ul.wrap {
	padding: 10px;
}
#hnb_headerpc ul#nav li ul li {
	padding: 0;
	display: block;
	height: auto;
	cursor: default;
}
#hnb_headerpc ul#nav li ul li a {
	color: #666;
}
#hnb_headerpc ul#nav li ul li.first p {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 2% 0;
}
#hnb_headerpc ul#nav li ul li.first p a {
	padding: 0 !important;
	color: #000 !important;
	font-weight: bold;
}
#hnb_headerpc ul#nav li ul li.end {
	border-bottom: 1px solid #999;
	margin-bottom: 5%;
	padding-bottom: 2%;
}
#hnb_headerpc ul#nav li ul li form button {
	color: #666;
	font-size: 14px;
	width: 100%;
	background-color: #e5e5e5;
	text-align: left;
	padding: 5px;
}
#hnb_headerpc ul#nav li p {
	color: #fff;
	font-size: 14px;
}
#hnb_headerpc ul#nav li.first p {
	background: none;
	padding: 10px 0;
}
#hnb_headerpc ul#nav .nav1 p {
	background: url(../img/hnb/header/pc/icon01.png)no-repeat center left;
	background-size: auto 20px;
	padding: 3px 3px 3px 20px;
}
#hnb_headerpc ul#nav .nav2 p {
	background: url(../img/hnb/header/pc/icon02.png)no-repeat center left;
	background-size: auto 20px;
	padding: 3px 3px 3px 20px;
}
#hnb_headerpc ul#nav .nav3 p {
	background: url(../img/hnb/header/pc/icon03.png)no-repeat center left;
	background-size: auto 20px;
	padding: 3px 3px 3px 20px;
}
#hnb_headerpc ul#nav .nav4 p {
	background: url(../img/hnb/header/pc/icon04.png)no-repeat center left;
	background-size: auto 20px;
	padding: 3px 3px 3px 20px;
}
#hnb_headerpc ul#nav .nav5 p {
	background: url(../img/hnb/header/pc/icon05.png)no-repeat center left;
	background-size: auto 20px;
	padding: 3px 3px 3px 20px;
}
#hnb_headerpc ul#nav .nav6 p {
	background: url(../img/hnb/header/pc/icon06.png)no-repeat center left;
	background-size: auto 20px;
	padding: 3px 3px 3px 20px;
}
#hnb_headerpc .active {
	background-color:#333;
}
#hnb_headerpc .login {
	background: #ADADAD;
	border: 1px solid #ADADAD;
	border-radius: 5px;
	margin-right: 6px;
}
#hnb_headerpc .login a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 5px 5px 25px;
	display: block;
	background: url(../img/hnb/header/pc/login_bg.jpg)no-repeat left 5px center;
}
#hnb_headerpc .entry {
	background: #FF6600;
	border: 1px solid #FF6600;
	border-radius: 5px;
	margin-right: 6px;
}
#hnb_headerpc .entry a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 10px;
	display: block;
}
#hnb_headerpc .recruit {
	border: 1px solid #ADADAD;
	border-radius: 5px;
}
#hnb_headerpc .recruit a {
	color: #666;
	font-size: 12px;
	text-decoration: none;
	padding: 5px;
	display: block;
}
#hnb_headerpc .logout {
	background: #ADADAD;
	border: 1px solid #ADADAD;
	border-radius: 5px;
	margin-right: 15px;
}
#hnb_headerpc .logout a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 5px 5px 25px;
	display: block;
	background: url(../img/hnb/header/pc/logout_bg.jpg)no-repeat left 5px center;
}
#hnb_headerpc .mypage {
	margin-right: 15px;
	padding-top: 2px;
}
#hnb_headerpc .search_page {
	margin-right: 10px;
	padding-top: 4px;
}
#hnb_headerpc .floatR {
	float: right;
	padding-top: 3px;
}
#hnb_headerpc ul#nav li.active {
	background: #333;
}
#hnb_headerpc ul#nav li ul li.active {
	background: #e5e5e5;
}
/*=====================
1610011 固定ヘッダーエリア
=======================*/
#hnb_headerpc_fixed {
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	display: none;
}
#hnb_headerpc_fixed .logo {
	display: inline-block;
}
#hnb_headerpc_fixed .nav {
	background: #000;
}
#hnb_headerpc_fixed ul#nav_fixed li {
	padding: 5px 10px;
	display: table-cell;
	cursor: pointer;
	vertical-align: middle;
	height: 38px;
}
#hnb_headerpc_fixed ul#nav_fixed li a {
	font-size: 14px;
	padding: 7px 0;
	color: #fff;
	text-decoration: none;
	display: block;
}
#hnb_headerpc_fixed ul#nav_fixed li ul {
	display: none;
	position: absolute;
	top: 48px;
	background-color: #CCCCCC;
	padding: 0 10px;
	z-index: 999;
	margin-left: -10px;
}
#hnb_headerpc_fixed ul#nav_fixed li ul li {
	padding: 0;
	display: block;
	height: auto;
	cursor: default;
}
#hnb_headerpc_fixed ul#nav_fixed li ul li a {
	color: #666;
}
#hnb_headerpc_fixed ul#nav_fixed li ul li.first p {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 2% 0;
}
#hnb_headerpc_fixed ul#nav_fixed li ul li.first p a {
	padding: 0 !important;
	color: #000 !important;
	font-weight: bold;
}
#hnb_headerpc_fixed ul#nav_fixed li ul li.end {
	border-bottom: 1px solid #999;
	margin-bottom: 5%;
	padding-bottom: 2%;
}
#hnb_headerpc_fixed ul#nav_fixed li ul li form button {
	color: #666;
	font-size: 14px;
	width: 100%;
	background-color: #ccc;
	text-align: left;
	padding: 5px;
}
#hnb_headerpc_fixed ul#nav_fixed li p {
	color: #fff;
	font-size: 14px;
}
#hnb_headerpc_fixed ul#nav_fixed li.first p {
	background: none;
	padding: 10px 0;
}
#hnb_headerpc_fixed ul#nav_fixed .nav1 p {
	background: url(../img/hnb/header/pc/icon01.png)no-repeat center left;
	background-size: auto 20px;
	padding: 3px 3px 3px 20px;
}
#hnb_headerpc_fixed ul#nav_fixed .nav2 p {
	background: url(../img/hnb/header/pc/icon02.png)no-repeat center left;
	background-size: auto 20px;
	padding: 3px 3px 3px 20px;
}
#hnb_headerpc_fixed ul#nav_fixed .nav3 p {
	background: url(../img/hnb/header/pc/icon03.png)no-repeat center left;
	background-size: auto 20px;
	padding: 3px 3px 3px 20px;
}
#hnb_headerpc_fixed ul#nav_fixed .nav4 p {
	background: url(../img/hnb/header/pc/icon04.png)no-repeat center left;
	background-size: auto 20px;
	padding: 3px 3px 3px 20px;
}
#hnb_headerpc_fixed ul#nav_fixed li.active {
	background: #333;
}
#hnb_headerpc_fixed ul#nav_fixed li ul li.active {
	background: #ccc;
}
#hnb_headerpc_fixed ul#nav_fixed li ul.wrap {
	padding: 10px;
}
#hnb_headerpc_fixed ul#nav_fixed li.search_page {
	border-left: 1px solid #808080;
	padding: 5px 5px 5px 10px;
}
#hnb_headerpc_fixed ul#nav_fixed li.logout {
	padding: 5px 5px 5px 10px;
}
#hnb_headerpc_fixed .entry a {
	color: #fff;
	font-size: 12px !important;
	text-decoration: none;
	padding: 5px 15px !important;
	background: #FF6600;
	border: 1px solid #FF6600;
	border-radius: 5px;
	margin-right: 6px;
}
#hnb_headersmp, #hnb_headersmp_fixed {
	display: none;
}

/*===================== スマホ用CSS =======================*/
@media (max-width: 830px) {
/*=====================
  161004 フッターエリア
  =======================*/
#hnb_footer.footer_contets.pc {
	display: none;
}
#hnb_footer.footer_contets.sp {
	display: block;
}
#hnb_footer.footer_contets.sp {
	margin-top: 10px;
}
#hnb_footer.footer_contets.sp p {
	color: #666;
	font-size: 11px;
}
#hnb_footer.footer_contets.sp div.search_area {
	background: #e5e5e5;
	padding: 6% 3% 0;
}
#hnb_footer.footer_contets.sp div.search_area p {
	border-bottom: 1px solid #999;
	padding-bottom: 4%;
}
#hnb_footer.footer_contets.sp div.keyword_area {
	background: #e5e5e5;
	padding: 3%;
}
#hnb_footer.footer_contets.sp .search_keyword p {
	float: left;
	margin-right: 10px;
}
#hnb_footer.footer_contets.sp .search_keyword p a {
	display: block;
	border: 1px solid #bbb;
	color: #666;
	font-size: 14px;
	padding: 5px 20px 5px 5px;
	border-radius: 4px;
	background: url(../img/hnb/footer/pc/keyword_icon.jpg)no-repeat center right 5px #fff;
}
#hnb_footer.footer_contets.sp .keyword_search {
	width: 100%;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#hnb_footer.footer_contets.sp .keyword_search input {
	width: 90%;
	background-color: #FFF;
	border: 1px solid #CCC;
	height: 30px;
	line-height: 26px;
	padding: 2px 30px 2px 5px;
	background-color: #FFF;
	outline: none;
	border-right: 1px solid #CCC;
	font-size: 16px;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#hnb_footer.footer_contets.sp .keyword_search span {
	position: absolute;
	right: 3%;
	width: 100%;
	height: 30px;
	background: #FFF url("../img/hnb/footer/pc/search.jpg") center center no-repeat;
	border: 1px solid #CCC;
	-moz-background-size: 30px;
	-o-background-size: 30px;
	-webkit-background-size: 30px;
	background-size: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
#hnb_footer.footer_contets.sp .keyword_search button {
	width: 10%;
	position: absolute;
	top: 0;
	right: 0;
}
#hnb_footer.footer_contets.sp footer {
	background-color: #e5e5e5;
	padding: 5% 0;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
}
#hnb_footer.footer_contets.sp footer p, #hnb_footer.footer_contets.sp footer a {
	text-align: center;
	font-size: 13px;
	color: #666;
}
#hnb_footer.footer_contets.sp footer p small {
	font-size: 10px;
}
#hnb_footer.footer_contets.sp #pageTop {
	padding: 4% 0;
	position: relative;
}
#hnb_footer.footer_contets.sp #pageTop p {
	text-align: center;
	color: #666;
	font-size: 14px;
	background: url(../img/hnb/footer/sp/pagetop.jpg)no-repeat center right 35%;
	background-size: auto 60%;
	padding-right: 20px;
}
#hnb_footer.footer_contets.sp #pageTop a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#hnb_footer.footer_contets.sp .category_area ul li ul {
	background-color: #e5e5e5;
	padding: 3%;
}
#hnb_footer.footer_contets.sp .category_area ul li ul li.first p {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 2% 0;
}
#hnb_footer.footer_contets.sp .category_area ul li ul li.first p a {
	padding: 0 !important;
	color: #000 !important;
	font-weight: bold;
}
#hnb_footer.footer_contets.sp .category_area ul li ul li.end {
	border-bottom: 1px solid #fff;
	margin-bottom: 5%;
	padding-bottom: 2%;
}
#hnb_footer.footer_contets.sp .category_area ul li ul li form button {
	color: #666;
	font-size: 14px;
	width: 93%;
	background-color: #e5e5e5;
	text-align: left;
	padding: 2% 2% 2% 5%;
}
#hnb_footer.footer_contets.sp .category_area ul li ul li a {
	color: #666;
	font-size: 14px;
	width: 93%;
	background-color: #e5e5e5;
	text-align: left;
	padding: 2% 2% 2% 5%;
	display: block;
}
#hnb_footer.footer_contets.sp .category_area ul li.acc {
	padding: 4% 3%;
	border-bottom: 1px solid #fff;
	background: url(../img/hnb/footer/sp/close07.jpg)no-repeat center right #000;
	background-size: auto 100%;
}
#hnb_footer.footer_contets.sp .category_area ul li.acc.active {
	background: url(../img/hnb/footer/sp/open07.jpg)no-repeat center right #000;
	background-size: auto 100%;
}
#hnb_footer.footer_contets.sp .category_area ul li.acc p {
	color: #fff;
	font-size: 14px;
}
#hnb_footer.footer_contets.sp .category_area ul li.acc1 p {
	background: url(../img/hnb/footer/sp/icon01.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 7%;
}
#hnb_footer.footer_contets.sp .category_area ul li.acc2 p {
	background: url(../img/hnb/footer/sp/icon02.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 7%;
}
#hnb_footer.footer_contets.sp .category_area ul li.acc3 p {
	background: url(../img/hnb/footer/sp/icon03.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 7%;
}
#hnb_footer.footer_contets.sp .category_area ul li.acc4 p {
	background: url(../img/hnb/footer/sp/icon04.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 7%;
}
/*=====================
  161005 絞込エリア
  =======================*/
#hnb_search {
	padding: 10px 3% 0;
}
#hnb_search h2 {
	border-left: 3px solid #01A860;
	color: #000;
	font-size: 14px;
	padding-left: 5px;
	margin-bottom: 10px !important;
}
#hnb_search h3 {
	font-size: 13px;
	color: #fff;
	background: #333;
	padding: 2% 3%;
	margin: 0 -3% 15px;
}
#hnb_search p.search {
	padding: 0 !important;
	margin: 0 0 18px !important;
	height: 35px;
}
/*#hnb_search p.search input{}*/
#hnb_search .select_target_year {
	margin: 0 0 18px !important;
}
#hnb_search ul.style06 {
	border: none !important;
}
#hnb_search ul.style06.top li.f,  #hnb_search ul.style06.top li.s {
	width: auto !important;
	padding: 0 8% 0 0 !important;
}
#hnb_search ul.style06.top li.s:nth-child(3) {
	padding: 0 !important;
}
#hnb_search ul.style06.top {
	margin-bottom: 0px !important;
	margin-top: -15px !important;
}
#hnb_search ul.style06.top li {
	text-align: left !important;
	background: #fff !important;
	font-size: 13px;
	border: none !important;
}
#hnb_search .links {
	padding: 0 !important;
	margin-bottom: 20px;
}
#hnb_search .links .halfbox {
	padding: 0 !important;
	margin-right: 2%;
	width: 49%;
}
#hnb_search .links .halfbox:nth-of-type(2) {
	margin-right: 0;
}
#hnb_search .links .halfbox a.btn {
	background: #666 !important;
	font-size: 13px;
	text-decoration: none;
	border-radius: 5px !important;
	height: 32px;
	line-height: 32px;
}
#hnb_search .links .halfbox a.btn.d {
	background: #CCCCCC !important;
	text-decoration: none;
}
#hnb_search table.style06_middle {
	margin-bottom: 20px;
	margin: 0 -3%;
	width: 106%;
}
#hnb_search table.style06_middle tr td {
	vertical-align: top;
}
#hnb_search table.style06_middle tr td label {
	color: #333;
	font-size: 13px;
}
#hnb_search input[type="checkbox"] + label::before {
	top: 20px !important;
}
#hnb_search ul.style06.bottom {
	border-top: 1px solid #ccc;
	margin-bottom: 15px;
	margin: 0 -3%;
	width: 106%;
	margin-top: -15px;
}
#hnb_search ul.style06.bottom li {
	background: #fff;
	text-align: left !important;
	border-bottom: none !important;
}
#hnb_search ul.style06.bottom li:nth-child(4) {
	border-right: none !important;
}
#hnb_search ul.style06.bottom li label {
	font-size: 13px;
	color: #333;
}
#hnb_search .style06_date {
	margin-bottom: 0 !important;
	margin-top: -5px;
}
#hnb_search .style06_date select {
	margin: 5px 5px 0 0 !important;
}
#hnb_search button.search_more {
	margin: 0 !important;
	border-radius: 5px !important;
	font-size: 16px;
	font-weight: normal !important;
}
#hnb_search .search_btn_area {
	padding: 4% 10%;
	background: #e5e5e5;
	margin: 15px -3% 15px;
}
.main_view .style03 {
	padding: 0;
}
#hnb_search input {
	padding: 10px;
	height: 35px !important;
	border-radius: 0;
	-webkit-appearance: none;
}
.style03 button {
	right: 0;
	height: 35px !important;
	width: 40px !important;
}
.main_view ul.list03 {
	margin: -5px -10px 15px !important;
	padding: 0 3%;
}
.main_view ul.list03 li {
	margin: 6px !important;
	font-size: 13px;
}
.main_view ul.list03 li a {
	border-radius: 4px;
	padding: 7px 20px 7px 7px;
	background: url(../img/hnb/search/pc/icon.jpg)no-repeat center right 7px;
}
#hnb_search_btn_pc {
	display: none;
}
#hnb_search_btn_sp {
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 4% 6%;
}
nav#side_bar {
	background: #fff;
}
nav#side_bar p {
	color: #999;
	font-size: 11px;
}
nav#side_bar .form_area {
	padding: 5% 3%;
}
nav#side_bar .form_area .mobilemenu_search {
	padding: 0;
	margin-bottom: 5px;
}
nav#side_bar .form_area .mobilemenu_search input {
	height: 32px;
}
nav#side_bar .form_area .mobilemenu_search button {
	position: absolute;
	top: 0;
	right: 0;
}
nav#side_bar .form_area .mobilemenu_search span {
	right: 0;
	height: 32px;
	width: 36px;
}
#hnb_mobilemenu li.sub {
	display: none;
}
#side_bar ul#hnb_mobilemenu li ul {
	background-color: #e5e5e5;
	padding: 3%;
}
#side_bar ul#hnb_mobilemenu li ul li.first p {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 2% 0;
}
#side_bar ul#hnb_mobilemenu li ul li.first p a {
	padding: 0 !important;
	color: #000 !important;
	font-weight: bold;
}
#side_bar ul#hnb_mobilemenu li ul li.end {
	border-bottom: 1px solid #fff;
	margin-bottom: 5%;
	padding-bottom: 2%;
}
#side_bar ul#hnb_mobilemenu li ul li form button {
	color: #666;
	font-size: 14px;
	width: 93%;
	background-color: #e5e5e5;
	text-align: left;
	padding: 2% 2% 2% 5%;
}
#side_bar ul#hnb_mobilemenu li ul li a {
	color: #666;
	font-size: 14px;
	width: 93%;
	background-color: #e5e5e5;
	text-align: left;
	padding: 2% 2% 2% 5%;
	display: block;
}
#side_bar ul#hnb_mobilemenu li.acc {
	padding: 5% 3%;
	border-bottom: 1px solid #fff;
	background: url(../img/hnb/footer/sp/open07.jpg)no-repeat center right #000;
	background-size: auto 100%;
}
#side_bar ul#hnb_mobilemenu li.login {
	padding: 5% 3%;
	border-bottom: 1px solid #fff;
	background-color: #000;
}
#side_bar ul#hnb_mobilemenu li.login a {
	background: url(../img/hnb/header/sp/icon01.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 8%;
}
#side_bar ul#hnb_mobilemenu li.mypage {
	padding: 5% 3%;
	border-bottom: 1px solid #fff;
	background-color: #000;
}
#side_bar ul#hnb_mobilemenu li.mypage a {
	background: url(../img/hnb/header/sp/icon01.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 8%;
}
#side_bar ul#hnb_mobilemenu li.toppage {
	padding: 5% 3%;
	border-bottom: 1px solid #fff;
	background-color: #000;
}
#side_bar ul#hnb_mobilemenu li.toppage p {
	background: url(../img/hnb/header/sp/icon02.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 8%;
}
#side_bar ul#hnb_mobilemenu li.about {
	padding: 5% 3%;
	border-bottom: 1px solid #fff;
	background-color: #000;
}
#side_bar ul#hnb_mobilemenu li.about p {
	background: url(../img/hnb/header/sp/icon03.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 8%;
}
#side_bar ul#hnb_mobilemenu li.faq {
	padding: 5% 3%;
	border-bottom: 1px solid #fff;
	background-color: #000;
}
#side_bar ul#hnb_mobilemenu li.faq p {
	background: url(../img/hnb/header/sp/icon04.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 8%;
}
#side_bar ul#hnb_mobilemenu li.recruit {
	padding: 5% 3%;
	border-bottom: 1px solid #fff;
	background-color: #000;
}
#side_bar ul#hnb_mobilemenu li.recruit p {
	background: url(../img/hnb/header/sp/icon05.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 8%;
}
#side_bar ul#hnb_mobilemenu li p {
	color: #fff;
	font-size: 14px;
}
#side_bar ul#hnb_mobilemenu li a {
	color: #fff;
	font-size: 14px;
}
#side_bar ul#hnb_mobilemenu li.acc.active {
	background: url(../img/hnb/footer/sp/close07.jpg)no-repeat center right #000;
	background-size: auto 100%;
}
#side_bar ul#hnb_mobilemenu li.acc1 p {
	background: url(../img/hnb/footer/sp/icon01.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 8%;
}
#side_bar ul#hnb_mobilemenu li.acc2 p {
	background: url(../img/hnb/footer/sp/icon02.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 8%;
}
#side_bar ul#hnb_mobilemenu li.acc3 p {
	background: url(../img/hnb/footer/sp/icon03.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 8%;
}
#side_bar ul#hnb_mobilemenu li.acc4 p {
	background: url(../img/hnb/footer/sp/icon04.jpg)no-repeat center left;
	background-size: auto 100%;
	padding: 1% 1% 1% 8%;
}
#hnb_mobilemenu_links {
	padding: 5% 3%;
}
#hnb_mobilemenu_links li a {
	color: #fff;
	font-size: 14px;
}
#hnb_mobilemenu_links li a.register {
	background: url(../img/hnb/header/sp/btn_bg001.jpg)no-repeat center left;
	width: 100%;
	display: block;
	background-size: 100% auto;
	padding: 7% 0;
	width: 100%;
	text-align: center;
	margin-bottom: 7px;
}
#hnb_mobilemenu_links li a.facebook {
	background: url(../img/hnb/header/sp/btn_bg002.jpg)no-repeat center left;
	width: 100%;
	display: block;
	background-size: 100% auto;
	padding: 7% 0 7% 30%;
	width: 70%;
	margin-bottom: 7px;
}
#hnb_mobilemenu_links li a.mail_login {
	background: url(../img/hnb/header/sp/btn_bg003.jpg)no-repeat center left;
	width: 100%;
	display: block;
	background-size: 100% auto;
	padding: 7% 0 7% 20%;
	width: 80%;
}
#hnb_mobilemenu_links li a.logout {
	background: url(../img/hnb/header/sp/btn_bg004.jpg)no-repeat center left;
	width: 100%;
	display: block;
	background-size: 100% auto;
	padding: 7% 0 7% 40%;
	width: 60%;
}
#hnb_headerpc, #hnb_headerpc_fixed {
	display: none !important;
}
#hnb_headersmp {
	display: block;
}
/*=====================
  1610011 ヘッダーエリア
  =======================*/
#hnb_headersmp img {
	width: 100%;
}
#hnb_headersmp .header_top {
	position: relative;
	padding-bottom: 3%;
}
#hnb_headersmp {
	background-color: #fff !important;
}
#hnb_headersmp .small {
	font-size: 10px;
	color: #666;
	text-align: center;
	width: 100%;
	padding: 3% 0;
}
#hnb_headersmp .logo {
	width: 35%;
	margin: 0 auto;
}
#hnb_headersmp .menu_list {
	background: #000;
}
#hnb_headersmp .menu_list li {
	width: 25%;
	float: left;
	border-right: 1px solid #fff;
	box-sizing: border-box;
}
#hnb_headersmp .menu_list li a {
	color: #fff;
	font-size: 12px;
	display: table-cell;
	height: 48px;
	vertical-align: middle;
	width: 25%;
}
#hnb_headersmp .menu_list li p {
	text-align: center;
}
#hnb_headersmp .menu_list li.list01 {
	border-top: 2px solid #DA3E3E;
}
#hnb_headersmp .menu_list li.list02 {
	border-top: 2px solid #48CC45;
}
#hnb_headersmp .menu_list li.list03 {
	border-top: 2px solid #4CBCF1;
}
#hnb_headersmp .menu_list li.list04 {
	border-top: 2px solid #F8BF51;
	border-right: none;
}
#hnb_headersmp .bar {
	width: 8%;
	left: 5%;
	display: block;
	position: absolute;
	top: 3px;
}
#hnb_headersmp .login {
	width: 8%;
	right: 5%;
	display: block;
	position: absolute;
	top: 2px;
}
#hnb_headersmp .logout {
	width: 8%;
	right: 15%;
	display: block;
	position: absolute;
	top: 2px;
}
#hnb_headersmp .mypage {
	width: 8%;
	right: 5%;
	display: block;
	position: absolute;
	top: 2px;
}
/*=====================
  1610011 固定ヘッダーエリア
  =======================*/
#hnb_headersmp_fixed {
	background: #000;
	position: fixed;
	top: 0;
	display: none;
	width: 100%;
	padding: 0 2%;
	z-index: 9999;
}
#hnb_headersmp_fixed img {
	width: 100%;
}
#hnb_headersmp_fixed p {
	float: left;
	width: 9%;
	padding: 4% 1%;
}
#hnb_headersmp_fixed .logo {
	width: 20%;
	padding: 4% 2%;
}
#hnb_headersmp_fixed .menu_list {
	background: #000;
}
#hnb_headersmp_fixed .menu_list li {
	width: 25%;
	float: left;
	border-right: 1px solid #fff;
	box-sizing: border-box;
}
#hnb_headersmp_fixed .menu_list li a {
	color: #fff;
	font-size: 12px;
	display: table-cell;
	height: 48px;
	vertical-align: middle;
	width: 25%;
}
#hnb_headersmp_fixed .menu_list li p {
	text-align: center;
}
#hnb_headersmp_fixed .menu_list li.list01 {
	border-top: 2px solid #DA3E3E;
}
#hnb_headersmp_fixed .menu_list li.list02 {
	border-top: 2px solid #48CC45;
}
#hnb_headersmp_fixed .menu_list li.list03 {
	border-top: 2px solid #4CBCF1;
}
#hnb_headersmp_fixed .menu_list li.list04 {
	border-top: 2px solid #F8BF51;
	border-right: none;
}
#hnb_headersmp_fixed .login {
	padding-left: 3%;
	margin-left: 3%;
	border-left: 1px solid #4d4d4d;
}
#hnb_headersmp_fixed .mypage {
	padding-left: 3%;
	margin-left: 3%;
	border-left: 1px solid #4d4d4d;
}
header.transform, #hnb_footer.footer_contets.sp.transform {
	-webkit-transform: translate3d(270px, 0px, 0px);
	-webkit-transform: translate3d(270px, 0px, 0px);
	-webkit-transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.25, 1);
	-moz-transform: translate3d(270px, 0px, 0px);
	-moz-transition: -moz-transform 200ms cubic-bezier(0, 0, 0.25, 1);
	-o-transform: translate3d(270px, 0px, 0px);
	-o-transition: -o-transform 200ms cubic-bezier(0, 0, 0.25, 1);
	-ms-transform: translate3d(270px, 0px, 0px);
	-ms-transition: -ms-transform 200ms cubic-bezier(0, 0, 0.25, 1);
	position: relative;
	overflow: hidden;
}
.empty_btn {
	overflow: hidden;
}
h2.mobile {
	margin-top: 2% !important;
}
.style20 .cover_bottom .txt p.mypage_btn {
	float: left;
	width: 35%;
	margin-right: 2%;
}
.style20 .cover_bottom .txt p.mypage_btn:nth-of-type(2) {
	width: 40%;
}
.style20 .cover_bottom .txt p.mypage_btn:nth-of-type(3) {
	margin: 0;
	width: 20%;
}
.style20 .cover_bottom .txt a.pre,  .style20 .cover_bottom .txt a.settings {
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	float: none !important;
	line-height: 1.3em;
}
}
main {
	background-color: #F3F5F8;
}
img {
	vertical-align: bottom;
}
.center {
	text-align: center;
}
.breagcrumb {
	width: 1040px;
	margin: 0 auto;
	font-size: 12px;
	color: #000;
	padding: 20px 0;
}
.breagcrumb a {
	color: #000;
}
.hide {
	display: none;
}
.open {
	overflow-y: scroll;
}
/************************
    静的ページの調整
*************************/
.staticpage_layout {
	width: 830px;
	margin: 50px auto 100px;
}

@media (max-width: 830px) {
.staticpage_layout {
	width: 100%;
	margin: 20px auto 100px;
}
}
/************************
    旧デザインの文章
*************************/
.onebox {
	margin-bottom: 30px;
}
#seminar.detail .onebox h2.chapter_title_hnb, .onebox h3.chapter_title {
	font-size: 23px;
	font-weight: bold;
	line-height: 1.4em;
	width: auto
}
.onebox p {
	font-size: 16px;
	color: #666;
	line-height: 1.7em;
}
.onebox div.img img {
	vertical-align: bottom;
	width: 100%;
}
.onebox blockquote {
	font-size: 16px;
	color: #666;
	margin-bottom: 10px;
}
.onebox a {
	font-size: 16px;
	color: #666;
	text-decoration: underline;
}
.onebox span {
	font-size: 16px;
	color: #666;
}

@media (max-width: 830px) {
.onebox:nth-of-type(1) {
	padding-top: 10%;
}
.onebox {
	margin-bottom: 20px;
}
#seminar.detail .onebox h2.chapter_title_hnb,  .onebox h3.chapter_title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	width: 100%;
	padding: 0;
	border: none;
}
.onebox p {
	font-size: 13px;
	color: #666;
	line-height: 1.7em;
}
.onebox div.img {
	height: auto;
	overflow: inherit;
}
.onebox div.img img {
	vertical-align: bottom;
	width: 100%;
}
.onebox blockquote {
	font-size: 13px;
	color: #666;
	margin-bottom: 10px;
}
.onebox a {
	font-size: 13px;
	color: #666;
	text-decoration: underline;
}
.onebox span {
	font-size: 13px;
	color: #666;
}
}
/************************
    就活対策記事一覧ページ
*************************/
#info.list h2.title {
	font-size: 22px;
	color: #000;
	font-weight: bold;
}
#info.list h3.title {
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 17px;
}
#info.list .main_wrapper .popular_block h3.title {
	font-size: 22px;
	margin-bottom: 20px;
}
#info.list .main_wrapper .search_result h3.title {
	font-size: 18px;
	margin-bottom: 5px;
}
#info.list .title_wrapper {
	background-color: #F3F5F8;
	padding: 30px 0;
}
#info.list .search_wrapper {
	background-color: #fff;
	padding: 60px 0 50px;
}
#info.list .search_wrapper .keyword_search {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
#info.list .main_wrapper {
	background-color: #F3F5F8;
	padding: 60px 0;
}
#info.list .main_wrapper .popular_block {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
#info.list .main_wrapper p.number {
	font-size: 15px;
	color: #000;
	margin-bottom: 20px;
}
#info.list .search_wrapper .keyword_search .search_icon {
	width: 560px;
	border: 1px solid #ccc;
	position: relative;
}
#info.list .search_wrapper .keyword_search .search_icon input[type="text"] {
	box-shadow: none;
	border: none;
	height: 20px;
	padding: 10px;
	width: 540px;
}
#info.list .search_wrapper .keyword_search .search_icon button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: url(../img/hnb/icon/search.jpg)no-repeat center;
	background-size: contain;
	border: none;
}
#info.list .search_wrapper .tags_search .tag {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 15px;
}
#info.list .search_wrapper .tags_search .tag form button {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 16px;
	padding: 3px 18px;
	border-radius: 18px;
}
#info.list .main_wrapper .item:nth-of-type(2n-1) {
	margin-right: 20px;
}
#info.list .main_wrapper .item {
	width: 448px;
	float: left;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 30px 30px 40px;
	position: relative;
	margin-bottom: 20px;
}
#info.list .main_wrapper .item .img {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
#info.list .main_wrapper .item .img .image img {
	width: 78px;
}
#info.list .main_wrapper .item p.img img {
	width: 100%;
}
#info.list .main_wrapper .item .inner {
	float: left;
	width: 288px;
}
#info.list .main_wrapper .item .company_name {
	color: #000;
	margin-bottom: 15px;
}
#info.list .main_wrapper .item .title {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 4em;
	overflow: hidden;
}
#info.list .main_wrapper .item p.text {
	max-height: 3em;
	overflow: hidden;
}
#info.list .main_wrapper .item .text {
	color: #666;
	line-height: 1.6em;
	margin-bottom: 15px;
	font-size: 14px;
}
#info.list .main_wrapper .item .text table td {
	width: 40%;
}
#info.list .main_wrapper .item .text table td:nth-of-type(2) {
	color: #000;
}
#info.list .main_wrapper .item .text table td:last-of-type {
	width: 60%;
	white-space: nowrap;
}
#info.list .main_wrapper .item .tags_wrapper {
	float: left;
}
#info.list .main_wrapper .item .tags_wrapper .tags {
	font-size: 12px;
	color: #23B475;
	font-weight: bold;
	margin-top: 15px;
}
#info.list .main_wrapper .item .tags_wrapper .tags span {
	display: inline-block;
	margin-right: 10px;
}
#info.list .main_wrapper .item .date {
	float: right;
	font-size: 12px;
	color: #000;
	margin-top: 15px;
}
#info.list .main_wrapper .item .favorite {
	position: absolute;
	top: 20px;
	right: 30px;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
}
#info.list .main_wrapper .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#info.list .main_wrapper .item .label {
	color: #fff;
	font-size: 13px;
	padding: 5px;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 20px;
}
#info.list .main_wrapper .item.info .label {
	background-color: #333;
}
#info.list .main_wrapper .item.selection .label {
	background-color: #01AAD0;
}
#info.list .main_wrapper .item.intern .label {
	background-color: #FF9400;
}
#info.list .main_wrapper .item.obog .label {
	background-color: #C891E9;
}
#info.list .main_wrapper .item .img p.inner_label {
	font-size: 16px;
	font-weight: bold;
	border-radius: 20px;
	padding: 8px 0;
	margin-top: 20px;
}
#info.list .main_wrapper .item.selection .img p.inner_label {
	border: 2px solid #01AAD0;
	color: #01AAD0;
}
#info.list .main_wrapper .button a {
	text-align: center;
	color: #fff;
	font-size: 17px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 10px auto 0;
	color: #fff;
}

@media (max-width: 830px) {
#info.list .w1040 {
	width: 90%;
	padding: 0 5%;
}
#info.list h2.title {
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
#info.list h3.title {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
}
#info.list .main_wrapper .popular_block h3.title {
	font-size: 14px;
}
#info.list .main_wrapper .search_result h3.title {
	font-size: 14px;
}
#info.list .main_wrapper .search_result p.number {
	font-size: 12px;
}
#info.list .title_wrapper {
	background-color: #F3F5F8;
	padding: 20px 0;
}
#info.list .search_wrapper {
	background-color: #fff;
	padding: 30px 0 0;
}
#info.list .search_wrapper .keyword_search {
	border-bottom: 1px solid #ccc;
	margin: 0 -5% 30px;
	padding: 0 5% 30px;
	width: 100%;
}
#info.list .main_wrapper {
	background-color: #F3F5F8;
	padding: 50px 0 60px;
}
#info.list .main_wrapper h3.title {
	margin-bottom: 5px;
}
#info.list .main_wrapper p.number {
	font-size: 15px;
	color: #000;
	margin-bottom: 20px;
}
#info.list .search_wrapper .keyword_search .search_icon {
	width: 100%;
	border: 1px solid #ccc;
	position: relative;
}
#info.list .search_wrapper .keyword_search .search_icon input[type="text"] {
	box-shadow: none;
	border: none;
	height: 20px;
	padding: 10px;
	width: 90%;
}
#info.list .search_wrapper .keyword_search .search_icon button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border: none;
	background: url(../img/hnb/icon/search.jpg)no-repeat center;
	background-size: contain;
}
#info.list .search_wrapper .tags_search .tag {
	display: inline-block;
	margin-right: 0;
	margin-bottom: 5px;
}
#info.list .search_wrapper .tags_search .tag form button {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 13px;
	padding: 5px 15px;
	border-radius: 18px;
}
#info.list .main_wrapper .item:nth-of-type(2n-1) {
	margin-right: 0;
}
#info.list .main_wrapper .item {
	width: 100%;
	box-sizing: border-box;
	float: none;
	background-color: #fff;
	margin-bottom: 30px;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 5% 4%;
	position: relative;
}
#info.list .main_wrapper .popular_block .item:nth-of-type(4n) {
	display: none;
}
#info.list .main_wrapper .popular_block {
	padding-bottom: 10px;
	margin-bottom: 30px;
}
#info.list .main_wrapper .item .img {
	float: left;
	width: 35%;
	margin-right: 5%;
}
#info.list .main_wrapper .item .inner {
	float: left;
	width: 60%;
}
#info.list .main_wrapper .item .label {
	background-color: #333;
	color: #fff;
	font-size: 9px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
}
#info.list .main_wrapper .item .img p.inner_label {
	font-size: 12px;
}
#info.list .main_wrapper .item .company_name {
	color: #000;
	margin-bottom: 15px;
	font-size: 13px;
}
#info.list .main_wrapper .item .title {
	font-weight: bold;
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 6.5em;
	overflow: hidden;
}
#info.list .main_wrapper .item p.text {
	max-height: 3em;
	overflow: hidden;
}
#info.list .main_wrapper .item .text {
	color: #666;
	line-height: 1.4em;
	margin-bottom: 11px;
	font-size: 13px;
}
#info.list .main_wrapper .item .text table td:nth-of-type(1) {
	display: none;
}
#info.list .main_wrapper .item .text table td:nth-of-type(2) {
	width: 100%;
}
#info.list .main_wrapper .item .tags_wrapper {
	float: left;
	width: 55%;
	overflow: hidden;
}
#info.list .main_wrapper .item .tags_wrapper .tags {
	font-size: 8px;
	color: #1FB272;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#info.list .main_wrapper .item .date {
	font-size: 9px;
}
#info.list .main_wrapper .item .favorite {
	position: absolute;
	top: -10px;
	right: 3%;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#info.list .main_wrapper .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#info.list .main_wrapper .item .img .inner_label {
	font-size: 10px;
	padding: 5px 0;
	margin-top: 10px;
}
#info.list .main_wrapper .item .img p.image {
	padding: 0 20%;
}
#info.list .main_wrapper .item .img p.image img {
	width: 100%;
}
#info.list .main_wrapper .button a {
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 0 auto;
	color: #fff;
}
}
/************************
    本選考情報一覧ページ
*************************/
#selection.list h2.title {
	font-size: 22px;
	color: #000;
	font-weight: bold;
}
#selection.list h3.title {
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 17px;
}
#selection.list .main_wrapper .popular_block h3.title {
	font-size: 22px;
	margin-bottom: 20px;
}
#selection.list .main_wrapper .search_result h3.title {
	font-size: 18px;
	margin-bottom: 5px;
}
#selection.list .title_wrapper {
	background-color: #F3F5F8;
	padding: 30px 0;
}
#selection.list .search_wrapper {
	background-color: #fff;
	padding: 60px 0 50px;
}
#selection.list .search_wrapper .keyword_search {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
#selection.list .main_wrapper {
	background-color: #F3F5F8;
	padding: 60px 0;
}
#selection.list .main_wrapper .popular_block {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
#selection.list .main_wrapper p.number {
	font-size: 15px;
	color: #000;
	margin-bottom: 20px;
}
#selection.list .search_wrapper .keyword_search .search_icon {
	width: 560px;
	border: 1px solid #ccc;
	position: relative;
}
#selection.list .search_wrapper .keyword_search .search_icon input[type="text"] {
	box-shadow: none;
	border: none;
	height: 20px;
	padding: 10px;
	width: 540px;
}
#selection.list .search_wrapper .keyword_search .search_icon button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: url(../img/hnb/icon/search.jpg)no-repeat center;
	background-size: contain;
	border: none;
}
#selection.list .search_wrapper .tags_search .tag {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 15px;
}
#selection.list .search_wrapper .tags_search .tag a {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 16px;
	padding: 3px 18px;
	border-radius: 18px;
}
#selection.list .main_wrapper .item:nth-of-type(2n-1) {
	margin-right: 20px;
}
#selection.list .main_wrapper .item {
	width: 448px;
	float: left;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 30px 30px 40px;
	position: relative;
	margin-bottom: 20px;
}
#selection.list .main_wrapper .item .img {
	float: left;
	width: 130px;
	height: 180px;
	margin-right: 30px;
	text-align: center;
}
#selection.list .main_wrapper .item .img .image img {
	width: 78px;
}
#selection.list .main_wrapper .item .inner {
	float: left;
	width: 288px;
}
#selection.list .main_wrapper .item .company_name {
	color: #000;
	margin-bottom: 15px;
}
#selection.list .main_wrapper .item .title {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 4em;
	overflow: hidden;
}
#selection.list .main_wrapper .item p.text {
	max-height: 3em;
	overflow: hidden;
}
#selection.list .main_wrapper .item .text {
	color: #666;
	line-height: 1.6em;
	margin-bottom: 15px;
	font-size: 14px;
}
#selection.list .main_wrapper .item .text table td {
	width: 40%;
}
#selection.list .main_wrapper .item .text table td:nth-of-type(2) {
	color: #000;
}
#selection.list .main_wrapper .item .text table td:last-of-type {
	width: 60%;
	white-space: nowrap;
}
#selection.list .main_wrapper .item .tags_wrapper {
	float: left;
}
#selection.list .main_wrapper .item .tags_wrapper .tags {
	font-size: 12px;
	color: #23B475;
	font-weight: bold;
	margin-top: 15px;
}
#selection.list .main_wrapper .item .tags_wrapper .tags span {
	display: inline-block;
	margin-right: 10px;
}
#selection.list .main_wrapper .item .date {
	float: right;
	font-size: 12px;
	color: #000;
	margin-top: 15px;
}
#selection.list .main_wrapper .item .favorite {
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#selection.list .main_wrapper .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#selection.list .main_wrapper .item .label {
	color: #fff;
	font-size: 13px;
	padding: 5px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: bold;
}
#selection.list .main_wrapper .item.info .label {
	background-color: #333;
}
#selection.list .main_wrapper .item.selection .label {
	background-color: #01AAD0;
}
#selection.list .main_wrapper .item.intern .label {
	background-color: #FF9400;
}
#selection.list .main_wrapper .item.obog .label {
	background-color: #C891E9;
}
#selection.list .main_wrapper .item .img p.inner_label {
	font-size: 16px;
	font-weight: bold;
	border-radius: 20px;
	padding: 8px 0;
	margin-top: 20px;
}
#selection.list .main_wrapper .item.selection .img p.inner_label {
	border: 2px solid #01AAD0;
	color: #01AAD0;
}
#selection.list .main_wrapper .button a {
	text-align: center;
	font-size: 17px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 10px auto 0;
	color: #fff;
}

@media (max-width: 830px) {
#selection.list .w1040 {
	width: 90%;
	padding: 0 5%;
}
#selection.list h2.title {
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
#selection.list h3.title {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
}
#selection.list .main_wrapper .popular_block h3.title {
	font-size: 14px;
}
#selection.list .main_wrapper .search_result h3.title {
	font-size: 14px;
}
#selection.list .main_wrapper .search_result p.number {
	font-size: 12px;
}
#selection.list .title_wrapper {
	background-color: #F3F5F8;
	padding: 20px 0;
}
#selection.list .search_wrapper {
	background-color: #fff;
	padding: 30px 0 0;
}
#selection.list .search_wrapper .keyword_search {
	border-bottom: 1px solid #ccc;
	margin: 0 -5% 30px;
	padding: 0 5% 30px;
	width: 100%;
}
#selection.list .main_wrapper {
	background-color: #F3F5F8;
	padding: 50px 0 60px;
}
#selection.list .main_wrapper h3.title {
	margin-bottom: 5px;
}
#selection.list .main_wrapper p.number {
	font-size: 15px;
	color: #000;
	margin-bottom: 20px;
}
#selection.list .search_wrapper .keyword_search .search_icon {
	width: 100%;
	border: 1px solid #ccc;
	position: relative;
}
#selection.list .search_wrapper .keyword_search .search_icon input[type="text"] {
	box-shadow: none;
	border: none;
	height: 20px;
	padding: 10px;
	width: 90%;
}
#selection.list .search_wrapper .keyword_search .search_icon button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: url(../img/hnb/icon/search.jpg)no-repeat center;
	background-size: contain;
	border: none;
}
#selection.list .search_wrapper .tags_search .tag {
	display: inline-block;
	margin-right: 0;
	margin-bottom: 5px;
}
#selection.list .search_wrapper .tags_search .tag form button {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 13px;
	padding: 5px 15px;
	border-radius: 18px;
}
#selection.list .main_wrapper .item:nth-of-type(2n-1) {
	margin-right: 0;
}
#selection.list .main_wrapper .item {
	width: 100%;
	box-sizing: border-box;
	float: none;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 5% 4%;
	position: relative;
	margin-bottom: 30px;
}
#selection.list .main_wrapper .popular_block .item:nth-of-type(4n) {
	display: none;
}
#selection.list .main_wrapper .popular_block {
	padding-bottom: 10px;
	margin-bottom: 30px;
}
#selection.list .main_wrapper .item .img {
	float: left;
	width: 35%;
	margin-right: 5%;
}
#selection.list .main_wrapper .item .inner {
	float: left;
	width: 60%;
}
#selection.list .main_wrapper .item .label {
	background-color: #333;
	color: #fff;
	font-size: 9px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
}
#selection.list .main_wrapper .item.selection .label {
	background-color: #01AAD0;
}
#selection.list .main_wrapper .item.intern .label {
	background-color: #FF9400;
}
#selection.list .main_wrapper .item.obog .label {
	background-color: #C891E9;
}
#selection.list .main_wrapper .item .img p.inner_label {
	font-size: 12px;
}
#selection.list .main_wrapper .item .company_name {
	color: #000;
	margin-bottom: 15px;
	font-size: 13px;
}
#selection.list .main_wrapper .item .title {
	font-weight: bold;
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 6.5em;
	overflow: hidden;
}
#selection.list .main_wrapper .item p.text {
	max-height: 3em;
	overflow: hidden;
}
#selection.list .main_wrapper .item .text {
	color: #666;
	line-height: 1.4em;
	margin-bottom: 11px;
	font-size: 13px;
}
#selection.list .main_wrapper .item .text table td:nth-of-type(1) {
	display: none;
}
#selection.list .main_wrapper .item .text table td:nth-of-type(2) {
	width: 100%;
}
#selection.list .main_wrapper .item .tags_wrapper {
	float: left;
	width: 55%;
	overflow: hidden;
}
#selection.list .main_wrapper .item .tags_wrapper .tags {
	font-size: 8px;
	color: #1FB272;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#selection.list .main_wrapper .item .date {
	font-size: 9px;
}
#selection.list .main_wrapper .item .favorite {
	position: absolute;
	top: -10px;
	right: 3%;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#selection.list .main_wrapper .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#selection.list .main_wrapper .item .img .inner_label {
	font-size: 10px;
	padding: 5px 0;
	margin-top: 10px;
}
#selection.list .main_wrapper .item .img p.image {
	padding: 0 20%;
}
#selection.list .main_wrapper .item .img p.image img {
	width: 100%;
}
#selection.list .main_wrapper .button a {
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 0 auto;
	color: #fff;
}
}
/************************
    就活対策詳細ページ
*************************/
#info.detail h2 {
	width: 1040px;
	margin: 10px auto 30px;
	font-weight: bold;
	font-size: 20px;
	color: #000;
}
#info.detail .menu {
	margin-top: 10px;
	background: url(../img/hnb/icon/notselect_bar.png)repeat-x bottom center;
}
#info.detail .menu ul {
	width: 1040px;
	margin: 0 auto;
}
#info.detail .menu li {
	cursor: pointer;
	float: left;
	font-size: 17px;
	color: #aaa;
	padding: 0 20px 20px;
}
#info.detail .menu li a {
	font-size: 17px;
	color: #aaa;
	text-decoration: none;
	font-weight: normal;
}
#info.detail .menu li.select {
	font-weight: bold;
	color: #000;
	background: url(../img/hnb/icon/select_bar.png)no-repeat bottom center;
}
#info.detail .menu li.select a {
	font-weight: bold;
	color: #000;
}
#info.detail .main_wrapper {
	width: 1040px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;/*170118*/
}
#info.detail .main_block {
	width: 640px;
	padding: 50px 0 60px;
	float: left;
}
#info.detail .right_column {
	width: 340px;
	float: right;
	padding-top: 50px;
}
#info.detail .right_column p {
	margin-bottom: 20px;
}
#info.detail .right_column p:last-of-type {
	margin-bottom: 0;
}
#info.detail .right_column p img {
	width: 340px;
}
#info.detail .main_block #entry_block {
	position: absolute;
	top: -360px;
	right: auto;
	margin-left: 700px;
	border: 1px solid #e3e3e3;
	background-color: rgba(256,256,256,0.9);
	width: 280px;
	padding: 30px;
	border-radius: 5px;
}
#info.detail .main_block #entry_block.fixed {
	position: fixed;
	top: 100px;
	right: auto;
	margin-left: 700px;
	z-index: 10;
}
#info.detail .main_block #entry_block .area {
	margin-bottom: 30px;
}
#info.detail .main_block #entry_block .area p {
	display: inline-block;
	font-size: 15px;
	color: #919597;
	border: 1px solid #919597;
	padding: 5px 20px;
	margin-right: 5px;
}
#info.detail .main_block #entry_block .area p:nth-of-type(3) {
	margin-right: 0;
}
#info.detail .main_block #entry_block .area p.select {
	color: #fff;
	background-color: #333;
	border: 1px solid #333;
}
#info.detail .main_block .button_block {
	overflow: hidden;
}
#info.detail .main_block .button_block p {
	margin-bottom: 15px;
}
#info.detail .main_block .button_block p a {
	color: #fff;
	text-align: center;
	font-size: 17px;
	background-color: #1FB272;
	padding: 15px 0;
	border-radius: 25px;
	display: block;
}
#info.detail .main_block .button_block p.none a {
	background-color: #ccc;
}
#info.detail .main_block .button_block ul {
	margin: 0 auto 40px;
	width: 280px;
}
#info.detail .main_block .button_block ul li {
	float: left;
	width: 130px;
	margin: 0 5px;
}
#info.detail .main_block .button_block ul li a {
	font-size: 14px;
	border: 1px solid #1FB272;
	text-align: center;
	display: block;
	color: #1FB272;
	border-radius: 18px;
	font-weight: bold;
}
#info.detail .main_block .button_block ul li.none a {
	border: 1px solid #ccc;
	color: #ccc;
}
#info.detail .main_block .button_block ul li.share a {
	background: url(../img/hnb/detail/icon_share.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 5px;
}
#info.detail .main_block .button_block ul li.share.none a {
	background: url(../img/hnb/detail/icon_share_none.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#info.detail .main_block .button_block ul li.like a {
	background: url(../img/hnb/detail/icon_like.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#info.detail .main_block .button_block ul li.like.none a {
	background: url(../img/hnb/detail/icon_like_none.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#info.detail .main_block .lead_block h3.title {
	font-size: 23px;
	color: #000;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.3em;
}
#info.detail .main_block .lead_block h4.sub_title {
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
	line-height: 1.4em;
}
#info.detail .main_block .lead_block .tags {
	font-size: 13px;
	color: #23B475;
	font-weight: bold;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.2em;
}
#info.detail .main_block .lead_block .tags a {
	font-size: 13px;
	color: #23B475;
	font-weight: bold;
}
#info.detail .main_block .lead_block p.date {
	text-align: right;
	font-size: 13px;
	color: #333;
	margin-bottom: 40px;
}
#info.detail .main_block .lead_block .button_block.smp {
	display: none;
}
#info.detail .main_block .lead_block .main_image {
	margin-bottom: 40px;
}
#info.detail .main_block .lead_block .main_image img {
	width: 100%;
}
#info.detail .main_block .rough_block {
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 50px;
}
#info.detail .main_block .rough_block .title {
	font-size: 19px;
	font-weight: normal;
	background-color: #1FB272;
	text-align: center;
	display: inline-block;
	padding: 8px 40px;
	border-radius: 18px;
	color: #fff;
	margin-bottom: 25px;
}
#info.detail .main_block .rough_block ul li {
	font-size: 18px;
	padding-left: 10px;
	margin-bottom: 15px;
	background: url(../img/hnb/detail/icon_list.jpg)no-repeat left top 0.3em;
	padding-left: 20px;
	line-height: 1.4em;
	background-size: 10px auto;
}
#info.detail .main_block .rough_block ul li:last-of-type {
	margin-bottom: 0;
}
#info.detail .main_block .rough_block .button_block {
	display: none;
}
#info.detail .main_block .detail_block {
	padding-bottom: 50px;
	margin-bottom: 60px;
	border-bottom: 1px solid #ccc;
}
#info.detail .main_block .detail_block h3.title {
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 1.4em;
}
#info.detail .main_block .detail_block:first-of-type h3.title {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}
#info.detail .main_block .detail_block h4.sub_title {
	font-size: 20px;
	font-weight: bold;
	color: #1FB272;
	line-height: 1.6em;
	margin-bottom: 20px;
}
#info.detail .main_block .detail_block p {
	font-size: 16px;
	color: #666;
	line-height: 1.7em;
	margin-bottom: 20px;
}
#info.detail .main_block .detail_block p.image {
	margin-bottom: 30px;
}
#info.detail .main_block .detail_block p.image img {
	vertical-align: bottom;
	width: 100%;
}
#info.detail .main_block .tags_block {
	padding-bottom: 60px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 55px;
}
#info.detail .main_block .tags_block .title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px;
	margin-bottom: 20px;
	background-image: url(../img/hnb/detail/icon_tag.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
#info.detail .main_block .tags_block .tags .tag {
	display: inline-table;
	margin-right: 10px;
	margin-bottom: 10px;
}
#info.detail .main_block .tags_block .tags p a {
	color: #000;
	display: block;
	padding: 8px 15px;
	background-color: #DFE0E2;
	border: none;
	border-radius: 15px;
}
#info.detail .main_block .tags_block .tags p {
	font-size: 16px;
	border-radius: 15px;
	display: inline-table;
	margin-right: 10px;
	margin-bottom: 10px;
}
#info.detail .main_block .other_recommend_info {
	padding-bottom: 60px;
	margin-bottom: 50px;
}
#info.detail .main_block .title {
	font-size: 23px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}
#info.detail .main_block .item {
	width: 580px;
	float: none;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 30px;
	position: relative;
	margin-bottom: 20px;
}
#info.detail .main_block .item p.img img {
	width: 100%;
}
#info.detail .main_block .item .img {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
#info.detail .main_block .item .inner {
	float: left;
	width: 420px;
}
#info.detail .main_block .item .label {
	background-color: #333;
	color: #fff;
	font-size: 13px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: bold;
}
#info.detail .main_block .item .title {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 4em;
	overflow: hidden;
}
#info.detail .main_block .item p.text {
	max-height: 3.2em;
	overflow: hidden;
	line-height: 1.6em;
	margin-bottom: 20px;
	color: #666;
}
#info.detail .main_block .item p {
	color: #666;
	line-height: 1.6em;
}
#info.detail .main_block .item .tags_wrapper {
	float: left;
}
#info.detail .main_block .item .tags_wrapper .tags {
	font-size: 13px;
	color: #23B475;
	font-weight: bold;
	margin-top: 20px;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.2em;
}
#info.detail .main_block .item .tags_wrapper .tags a {
	font-size: 13px;
	color: #23B475;
	font-weight: bold;
}
#info.detail .main_block .item .tags_wrapper .tags span {
	display: inline-block;
	margin-right: 10px;
}
#info.detail .main_block .item .date {
	float: right;
	font-size: 12px;
	color: #000;
	margin-top: 20px;
}
#info.detail .main_block .item .favorite {
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#info.detail .main_block .item .favorite.none {
	background-color: #ccc;
}
#info.detail .main_block .button a {
	text-align: center;
	color: #fff;
	font-size: 17px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 10px auto 0px;
	color: #fff;
}

@media (max-width: 830px) {
.breagcrumb {
	display: none;
}
#info.detail {
	background-color: #fff;
}
#info.detail h2 {
	width: 90%;
	padding: 20px 5%;
	margin: 0;
	font-size: 16px;
	background-color: #F3F5F8;
	border-bottom: 1px solid #ccc;
}
#info.detail .main_block .button a {
	font-size: 15px;
}
#info.detail .right_column {
	float: none;
	padding: 0 5%;
	width: 90%;
	background-color: #F3F5F8;
}
#info.detail .right_column p {
	width: 100%;
}
#info.detail .right_column p:last-of-type {
	margin-bottom: 20px;
}
#info.detail .right_column p img {
	width: 100%;
}
#info.detail .main_wrapper {
	width: 100%;
}
#info.detail .main_block {
	width: 90%;
	padding: 5% 5% 0;
	float: none;
}
#info.detail .main_block .title {
	font-size: 15px;
	margin-bottom: 20px;
}
#info.detail .main_block .tags_block {
	margin: 0 -5%;
	padding: 10% 5%;
	border-bottom: none;
	background-color: #fff;
	border-top: 1px solid #ccc;
}
#info.detail .main_block .tags_block .title {
	font-size: 15px;
	padding: 0.5% 8%;
	background-size: contain;
}
#info.detail .main_block .tags_block .tags .tag {
	margin-bottom: 5px;
	margin-right: 0;
}
#info.detail .main_block .tags_block .tags p a {
	font-size: 13px;
}
#info.detail .main_block .lead_block h3.title {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.3em;
}
#info.detail .main_block .lead_block h4.sub_title {
	font-size: 14px;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.4em;
}
#info.detail .main_block .lead_block .tags {
	font-size: 10px;
	color: #1FB272;
	font-weight: bold;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.2em;
}
#info.detail .main_block .lead_block .tags a {
	font-size: 10px;
	color: #1FB272;
	font-weight: bold;
}
#info.detail .main_block .lead_block p.date {
	text-align: right;
	font-size: 11px;
	color: #333;
	margin-bottom: 20px;
}
#info.detail .main_block .lead_block .button_block.smp {
	display: block;
}
#info.detail .main_block .lead_block .button_block.pc {
	display: none;
}
#info.detail .main_block .lead_block .main_image {
	margin-bottom: 0;
}
#info.detail .main_block .lead_block .main_image img {
	width: 100%;
}
#info.detail .main_block .button_block ul li {
	display: inline-block;
	width: 46%;
	margin: 0 1%;
	background: none;
	padding-left: 0;
}
#info.detail .main_block .rough_block {
	padding: 10% 5% 15%;
	border-radius: 0;
	background-color: #F3F5F8;
	width: 100%;
	margin: 0 -5% 0;
	border-bottom: 1px solid #ccc;
}
#info.detail .main_block .rough_block .title {
	font-size: 16px;
	background-color: #1FB272;
	text-align: center;
	display: block;
	padding: 2% 0;
	border-radius: 20px;
	color: #fff;
	margin: 0 20% 25px;
	width: 60%;
}
#info.detail .main_block .rough_block ul li {
	font-size: 15px;
	padding-left: 10px;
	margin-bottom: 15px;
	background-image: url(../img/hnb/detail/icon_list.jpg);
	background-repeat: no-repeat;
	background-position: left 0.4em;
	padding-left: 20px;
	line-height: 1.4em;
	background-size: 8px auto;
}
#info.detail .main_block .button_block {
	padding: 10% 5%;
	margin: 0 -5% 0;
}
#info.detail .main_block .button_block p {
	margin-bottom: 15px;
}
#info.detail .main_block .button_block p a {
	color: #fff;
	text-align: center;
	font-size: 14px;
	background-color: #1FB272;
	padding: 15px 0;
	border-radius: 25px;
	display: block;
}
#info.detail .main_block .button_block ul {
	margin: 0 auto;
	width: 90%;
}
#info.detail .main_block .button_block ul li {
	display: inline-block;
	width: 46%;
	margin: 0 1%;
	background: none;
	padding-left: 0;
}
#info.detail .main_block .button_block ul li a {
	font-size: 13px;
	border: 1px solid #1FB272;
	text-align: center;
	display: block;
	color: #1FB272;
	border-radius: 18px;
	font-weight: bold;
}
#info.detail .main_block .button_block ul li.share a {
	background-image: url(../img/hnb/detail/icon_share.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	line-height: 1em;
	border-radius: 25px;
	background-size: 20px auto;
	padding: 15px 0 15px 5px;
}
#info.detail .main_block .button_block ul li.like a {
	background-image: url(../img/hnb/detail/icon_like.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	line-height: 1em;
	border-radius: 25px;
	background-size: 20px auto;
	padding: 15px 0 15px 20px;
}
#info.detail .main_block .item {
	width: 90%;
	padding: 5% 4%;
}
#info.detail .main_block .detail_area {
	background-color: #F3F5F8;
	width: 100%;
	margin: 0 -5%;
	padding: 0 5%;
}
#info.detail .main_block .detail_block {
	margin: 0 -5%;
	padding: 10% 5% 5%;
}
#info.detail .main_block .detail_block:last-of-type {
	border-bottom: none;
}
#info.detail .main_block .detail_block h3.title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 20px;
	width: 100%;
}
#info.detail .main_block .detail_block:first-of-type h3.title {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}
#info.detail .main_block .detail_block h4.sub_title {
	font-size: 15px;
	font-weight: bold;
	color: #1FB272;
	line-height: 1.6em;
	margin-bottom: 20px;
}
#info.detail .main_block .detail_block p {
	font-size: 13px;
	color: #666;
	line-height: 1.7em;
	margin-bottom: 20px;
}
#info.detail .main_block .detail_block p.image {
	margin-bottom: 20px;
	height: auto;
	overflow: inherit;
}
#info.detail .main_block .detail_block p.image img {
	vertical-align: bottom;
	width: 100%;
}
#info.detail .main_block .other_recommend_info {
	background-color: #F3F5F8;
	margin: 0 -5%;
	padding: 10% 5%;
}
#info.detail .main_block .other_recommend_info .button a {
	margin: 30px 0;
	display: block;
}
#info.detail .main_block .item .img {
	float: left;
	width: 35%;
	margin-right: 5%;
}
#info.detail .main_block .item .inner {
	float: left;
	width: 60%;
}
#info.detail .main_block .item .label {
	background-color: #333;
	color: #fff;
	font-size: 9px;
	padding: 5px;
	display: inline-block;
	margin-bottom: 20px;
}
#info.detail .main_block .item .img p.inner_label {
	font-size: 12px;
}
#info.detail .main_block .item .title {
	font-weight: bold;
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 6.5em;
	overflow: hidden;
}
#info.detail .main_block .item p.text {
	margin-bottom: 12px;
	font-size: 13px;
	max-height: 3em;
	overflow: hidden;
}
#info.detail .main_block .item p {
	font-size: 13px;
}
#info.detail .main_block .item .tags_wrapper {
	float: left;
	width: 60%;
	overflow: hidden;
}
#info.detail .main_block .item .tags_wrapper .tags {
	font-size: 10px;
}
#info.detail .main_block .item .tags_wrapper .tags a {
	font-size: 10px;
}
#info.detail .main_block .item .date {
	font-size: 11px;
	width: 35%;
	text-align: right;
}
#info.detail .main_block .item .favorite {
	position: absolute;
	top: -10px;
	right: 3%;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#info.detail .main_block .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#info.detail .menu {
	margin-top: 40px;
	margin-bottom: 20px;
	padding-left: 0;
	margin: 0;
	position: relative;
	z-index: 1;
	padding: 15px 0 0;
	background-image: url(../img/hnb/icon/notselect_bar_smp.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 8px;
}
#info.detail .menu ul {
	width: 100%;
	padding: 0;
}
#info.detail .menu li {
	width: 19%;
	float: left;
	font-size: 10px;
	color: #999;
	padding-bottom: 0;
	text-align: center;
	padding: 0 0 20px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#info.detail .menu li a {
	font-size: 10px;
	color: #999;
	text-decoration: none;
	font-weight: normal;
}
#info.detail .menu li:nth-of-type(4) {
	width: 24%;
}
#info.detail .menu li.select {
	font-weight: bold;
	color: #000;
	background-image: url(../img/hnb/icon/select_bar_smp.png);
	background-size: auto 8px;
}
#info.detail .menu li.select a {
	font-weight: bold;
	color: #000;
}
#info.detail .menu li span {
	display: none;
}
}
/************************
    OBOG訪問詳細ページ
*************************/
#obog.detail .main_wrapper {
	width: 1040px;
	margin: 0 auto;
	position: relative;
}
#obog.detail .main_block {
	width: 640px;
	float: left;
}
#obog.detail .right_column {
	width: 340px;
	float: right;
}
#obog.detail .right_column p {
	margin-bottom: 20px;
}
#obog.detail .right_column p:last-of-type {
	margin-bottom: 0;
}
#obog.detail .right_column p img {
	width: 340px;
}
#obog.detail h2.company {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	padding: 15px 0 25px;
}
#obog.detail h3.title {
	font-size: 23px;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.3em;
}
#obog.detail h4.sub_title {
	font-size: 20px;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.4em;
}
#obog.detail p.date {
	text-align: right;
	font-size: 13px;
	color: #333;
	margin-bottom: 20px;
}
#obog.detail .menu {
	margin-top: 10px;
	margin-bottom: 60px;
	padding-left: 30px;
	background: url(../img/hnb/icon/notselect_bar.png)repeat-x bottom center;
}
#obog.detail .menu li {
	cursor: pointer;
	width: 120px;
	float: left;
	font-size: 17px;
	color: #aaa;
	padding-bottom: 20px;
	text-align: center;
}
#obog.detail .menu li.select {
	font-weight: bold;
	color: #000;
	background: url(../img/hnb/icon/select_bar.png)no-repeat bottom center;
}
#obog.detail .menu li a {
	font-size: 17px;
	color: #aaa;
	text-decoration: none;
	font-weight: normal;
}
#obog.detail .menu li.select a {
	font-weight: bold;
	color: #000;
}
#obog.detail .profile .icon {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
#obog.detail .profile .icon .image img {
	width: 78px;
	height: auto;
}
#obog.detail .profile .icon .image {
	margin-bottom: 25px;
}
#obog.detail .profile .inner {
	float: left;
	width: 400px;
}
#obog.detail .profile dl {
	margin-bottom: 15px;
}
#obog.detail .profile dl dt {
	float: left;
	width: 125px;
	font-size: 15px;
	color: #666;
}
#obog.detail .profile dl dd {
	float: left;
	width: 275px;
	font-size: 15px;
	color: #000;
}
#obog.detail .profile .tags {
	margin-top: 30px;
	padding: 0;
}
#obog.detail .profile .tags a {
	font-size: 13px;
	color: #23B475;
	font-weight: bold;
}
#obog.detail .inner_label {
	width: 130px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #C791E9;
	border: 2px solid #C791E9;
	padding: 8px 0;
	margin-top: 20px;
	border-radius: 20px;
}
#obog.detail .think_block .inner_label {
	display: inline-table;
	text-align: center;
}
#obog.detail .think_block .inner_label p {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
#obog.detail .think_block .inner_label p.icon_text {
	margin-left: 5px;
	font-size: 14px;
	font-weight: bold;
}
#obog.detail .think_block .inner_label.good p.icon_text {
	color: #FF6900;
}
#obog.detail .think_block .inner_label.normal p.icon_text {
	color: #FF9540;
}
#obog.detail .think_block .inner_label.bad p.icon_text {
	color: #FFC419;
}
#obog.detail .think_block .inner_label p.icon {
	width: 40px;
	height: 40px;
}
#obog.detail .think_block .inner_label p.icon.good {
	background: url(../img/hnb/icon/good.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
#obog.detail .think_block .inner_label p.icon.normal {
	background: url(../img/hnb/icon/normal.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
#obog.detail .think_block .inner_label p.icon.bad {
	background: url(../img/hnb/icon/bad.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
#obog.detail .button a {
	text-align: center;
	font-size: 17px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 40px auto 60px;
	color: #fff;
}
#obog.detail .profile_block {
	background-color: #fff;
	padding: 35px 40px 35px;
	border-radius: 4px;
	margin-bottom: 40px;
}
#obog.detail .think_block {
	padding-bottom: 40px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
#obog.detail .think_block h3.title {
	margin-bottom: 25px;
}
#obog.detail .think_block .inner_label {
	background-color: #fff;
	padding: 10px 30px;
	border: 1px solid #ccc;
	border-radius: 30px;
	width: auto;
}
#obog.detail .button_block ul {
	margin: 0 auto 40px;
	width: 280px;
}
#obog.detail .button_block ul li {
	float: left;
	width: 130px;
	margin: 0 5px;
}
#obog.detail .button_block ul li a {
	border: 1px solid #1FB272;
	text-align: center;
	display: block;
	color: #1FB272;
	border-radius: 18px;
	font-weight: bold;
	font-size: 14px;
}
#obog.detail .button_block ul li.none a {
	border: 1px solid #ccc;
	color: #ccc;
}
#obog.detail .button_block ul li.share a {
	background: url(../img/hnb/detail/icon_share.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 5px;
}
#obog.detail .button_block ul li.share.none a {
	background: url(../img/hnb/detail/icon_share_none.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#obog.detail .button_block ul li.like a {
	background: url(../img/hnb/detail/icon_like.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#obog.detail .button_block ul li.like.none a {
	background: url(../img/hnb/detail/icon_like_none.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#obog.detail .rough_block {
	background-color: #fff;
	padding: 30px 30px 50px;
	border-radius: 10px;
	margin-bottom: 60px;
}
#obog.detail .rough_block .title {
	font-size: 19px;
	background-color: #1FB272;
	text-align: center;
	display: inline-block;
	padding: 8px 40px;
	border-radius: 18px;
	color: #fff;
	margin-bottom: 25px;
}
#obog.detail .rough_block ul li {
	font-size: 18px;
	margin-bottom: 15px;
	background: url(../img/hnb/detail/icon_list.png)no-repeat left 5px top 0.3em;
	padding-left: 25px;
	line-height: 1.4em;
	background-size: 10px auto;
}
#obog.detail .rough_block ul li:last-of-type {
	margin-bottom: 0;
}
#obog.detail .knowing_block {
	padding: 30px 0 40px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 40px;
}
#obog.detail .knowing_block h4.sub_title {
	color: #1FB272;
	font-weight: bold;
}
#obog.detail .knowing_block p.text {
	font-size: 16px;
	color: #666;
	line-height: 1.6em;
}
#obog.detail .impression_block {
	padding: 0 0 40px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
#obog.detail .impression_block h4.sub_title {
	color: #1FB272;
	font-weight: bold;
}
#obog.detail .impression_block p.text {
	font-size: 16px;
	color: #666;
	line-height: 1.6em;
}
#obog.detail .tags {
	padding: 0 10px;
}
#obog.detail .tags p {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 5px;
}
#obog.detail .tags p a {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 15px;
	padding: 8px 15px;
	font-size: 16px;
	color: #000;
	display: block;
}
#obog.detail .about_block {
	margin-bottom: 60px;
}
#obog.detail .about_block h3.title {
	margin-bottom: 25px;
}
#obog.detail .about_block .inner {
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
}
#obog.detail .about_block dl {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #666;
	line-height: 1.6em;
}
#obog.detail .about_block dl:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#obog.detail .about_block dl dt {
	float: left;
	width: 150px;
}
#obog.detail .about_block dl dd {
	float: right;
	width: 420px;
}
#obog.detail .tags_block {
	padding-bottom: 60px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 60px;
}
#obog.detail .tags_block p.title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px;
	background: url(../img/hnb/detail/icon_tag.png)no-repeat left center;
	margin-bottom: 20px;
	background-size: 20px auto;
}
#obog.detail .tags_block .tags p {
	font-size: 16px;
	border-radius: 15px;
	display: inline-table;
	margin-right: 10px;
	margin-bottom: 10px;
}
#obog.detail .tags_block .tags p a {
	color: #000;
	display: block;
	padding: 8px 15px;
	background-color: #DFE0E2;
	border: none;
}
#obog.detail .tags_block .tags {
	padding: 0;
}
#obog.detail .seminar_block {
	margin-bottom: 60px;
}
#obog.detail .seminar_block p {
	margin-bottom: 10px;
}
#obog.detail .seminar_block p:last-of-type {
	margin-bottom: 0;
}
#obog.detail .relate_intern_block .item {
	background-color: #fff;
	padding: 40px;
	border-radius: 5px;
	margin-bottom: 20px;
}
#obog.detail .relate_intern_block .item h3.title {
	font-size: 21px;
}
#obog.detail .relate_intern_block .item h4.sub_title {
	font-size: 18px;
}
#obog.detail .relate_intern_block .item .profile {
	padding: 25px 0 0;
	border-top: 1px solid #ccc;
}
#obog.detail .relate_intern_block .item .favorite {
	float: right;
	margin-bottom: 10px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#obog.detail .relate_intern_block .item .favorite.none {
	background-color: #ccc;
}
#obog.detail .relate_intern_block .button_block ul {
	margin-bottom: 0;
}
#obog.detail .other_intern_block .item {
	background-color: #fff;
	padding: 40px;
	border-radius: 5px;
	margin-bottom: 20px;
}
#obog.detail .other_intern_block .item h3.title {
	font-size: 21px;
}
#obog.detail .other_intern_block .item h4.sub_title {
	font-size: 18px;
}
#obog.detail .other_intern_block .item .profile {
	padding: 25px 0 0;
	border-top: 1px solid #ccc;
}
#obog.detail .other_intern_block .item .favorite {
	float: right;
	margin-bottom: 10px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#obog.detail .other_intern_block .item .favorite.none {
	background-color: #ccc;
}
#obog.detail .other_intern_block .button_block ul {
	margin-bottom: 0;
}
.detail .other_intern_block .item .tags_wrapper {
	float: left;
	width: 200px;
	overflow: hidden;
}
.detail .other_intern_block .item .tags_wrapper .tags {
	color: #23B475;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
}
.detail .other_intern_block .item .tags_wrapper a {
	font-size: 12px;
	color: #23B475;
	font-weight: bold;
	margin-top: 15px;
}

@media (max-width: 830px) {
#obog.detail .main_wrapper {
	width: 100%;
}
#obog.detail .main_block {
	width: 90%;
	padding: 5% 5% 0;
	background-color: #fff;
}
#obog.detail .right_column {
	float: none;
	padding: 0 5%;
	width: 90%;
}
#obog.detail .right_column p {
	width: 100%;
}
#obog.detail .right_column p:last-of-type {
	margin-bottom: 20px;
}
#obog.detail .right_column p img {
	width: 100%;
}
#obog.detail h2.company {
	font-size: 16px;
	padding: 20px 5%;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}
#obog.detail h3.title {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin-bottom: 20px !important;
	line-height: 1.3em;
}
#obog.detail .tags_block p.title {
	font-size: 16px;
	padding: 0.5% 8%;
	background-size: contain;
}
#obog.detail h4.sub_title {
	font-size: 14px;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.4em;
}
#obog.detail p.date {
	text-align: right;
	font-size: 11px;
	color: #000;
	margin-bottom: 20px;
}
#obog.detail .menu {
	padding-left: 0;
	padding: 15px 0 0;
	margin: 0;
	background-color: #fff;
	background-image: url(../img/hnb/icon/notselect_bar_smp.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 8px;
}
#obog.detail .menu li {
	width: 19%;
	float: left;
	font-size: 10px;
	color: #999;
	padding-bottom: 0;
	text-align: center;
	padding: 0 0 20px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#obog.detail .menu li:nth-of-type(4) {
	width: 24%;
}
#obog.detail .menu li.select {
	font-weight: bold;
	color: #000;
	background-image: url(../img/hnb/icon/select_bar_smp.png);
	background-size: auto 8px;
}
#obog.detail .menu li a {
	font-size: 10px;
	color: #999;
	text-decoration: none;
	font-weight: normal;
}
#obog.detail .menu li.select a {
	font-weight: bold;
	color: #000;
}
#obog.detail .menu li span {
	display: none;
}
#obog.detail .profile {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
#obog.detail .profile .icon {
	float: left;
	width: 30%;
	margin-right: 5%;
	text-align: center;
}
#obog.detail .profile .icon img {
	width: 100%;
	height: auto;
}
#obog.detail .profile .icon .image img {
	width: 100%;
}
#obog.detail .profile .icon .image {
	padding: 0 20%;
	margin-bottom: 10px;
}
#obog.detail .profile .inner {
	float: left;
	width: 65%;
}
#obog.detail .profile dl {
	margin-bottom: 15px;
	width: 100%;
}
#obog.detail .profile dl dt {
	float: none;
	width: 100%;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
}
#obog.detail .profile dl dd {
	float: none;
	width: 100%;
	font-size: 13px;
	color: #000;
}
#obog.detail .profile .tags {
	font-size: 10px;
	color: #1FB272;
	font-weight: bold;
	margin-top: 0;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.2em;
}
#obog.detail .profile .tags a {
	font-size: 10px;
	color: #1FB272;
	font-weight: bold;
}
#obog.detail .impression p.text {
	width: 65%;
	line-height: 1.6em;
	font-size: 14px;
	color: #000;
	display: inherit;
	float: left;
}
#obog.detail .inner_label {
	width: 100%;
	margin-right: 5%;
	display: inherit;
	float: left;
	text-align: center;
	font-size: 11px;
	margin-top: 0;
}
#obog.detail .inner_label p {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
#obog.detail .inner_label p.icon_text {
	margin-left: 0;
	font-size: 11px;
	font-weight: bold;
}
#obog.detail .inner_label p.icon {
	width: 30%;
	height: 35px;
}
#obog.detail .tags p a {
	font-size: 13px;
}
#obog.detail .button a {
	margin: 30px 0;
	padding: 15px 0;
	display: block;
}
#obog.detail .button_block ul {
	margin: 0 auto 40px;
	width: 90%;
}
#obog.detail .button_block ul li {
	float: left;
	width: 46%;
	margin: 0 2%;
}
#obog.detail .button_block ul li a {
	border: 1px solid #1FB272;
	text-align: center;
	display: block;
	color: #1FB272;
	border-radius: 25px;
	font-weight: bold;
	font-size: 14px;
}
#obog.detail .button_block ul li.none a {
	border: 1px solid #ccc;
	color: #ccc;
}
#obog.detail .button_block ul li.share a {
	background-image: url(../img/hnb/detail/icon_share.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: 20px auto;
	padding: 15px 0 15px 10px;
}
#obog.detail .button_block ul li.share.none a {
	background-image: url(../img/hnb/detail/icon_share_none.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: 20px auto;
	padding: 15px 0 15px 20px;
}
#obog.detail .button_block ul li.like a {
	background-image: url(../img/hnb/detail/icon_like.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 20px auto;
	padding: 15px 0 15px 20px;
}
#obog.detail .button_block ul li.like.none a {
	background-image: url(../img/hnb/detail/icon_like_none.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 20px auto;
	padding: 15px 0 15px 20px;
}
#obog.detail .button_block {
	padding: 10% 5%;
	margin: 0 -5% 0;
}
#obog.detail .button_block ul {
	margin-bottom: 0;
}
#obog.detail .tags_block {
	border-bottom: none;
	border-top: 1px solid #ccc;
	margin: 0 -5% 0;
	padding: 10% 5%;
}
#obog.detail .rough_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	padding: 10% 5%;
}
#obog.detail .rough_block .title {
	font-size: 15px;
	display: block;
	margin: 0 25% 25px;
	padding: 8px;
}
#obog.detail .rough_block ul li {
	font-size: 15px;
}
#obog.detail .knowing_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
	border-top: none;
	margin-bottom: 0;
}
#obog.detail .knowing_block p.text {
	font-size: 14px;
}
#obog.detail .impression_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#obog.detail .impression_block p.text {
	font-size: 14px;
}
#obog.detail .about_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#obog.detail .about_block .inner {
	background-color: #F3F5F8;
	border-radius: 0;
	padding: 0;
}
#obog.detail .about_block dl {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #666;
	line-height: 1.6em;
}
#obog.detail .about_block dl:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#obog.detail .about_block dl dt {
	float: left;
	width: 30%;
}
#obog.detail .about_block dl dd {
	float: right;
	width: 70%;
}
#obog.detail .seminar_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
	border-bottom: 1px solid #ccc;
}
#obog.detail .seminar_block p img {
	width: 100%;
}
#obog.detail .think_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#obog.detail .think_block .inner_label {
	float: none;
	width: 30%;
}
#obog.detail .think_block .inner_label p.icon {
	width: 30%;
}
#obog.detail .relate_intern_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
	border-bottom: 1px solid #ccc;
}
#obog.detail .relate_intern_block .item {
	padding: 30px 5% 10%;
	border: 1px solid #ccc;
	position: relative;
	margin-bottom: 45px;
}
#obog.detail .relate_intern_block .item .favorite {
	position: absolute;
	top: -25px;
	right: 5%;
	float: none;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#obog.detail .relate_intern_block .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#obog.detail .relate_intern_block h3.title {
	margin-bottom: 30px !important;
}
#obog.detail .relate_intern_block .item h3.title {
	font-size: 17px;
	margin-bottom: 15px !important;
}
#obog.detail .relate_intern_block .item h4.sub_title {
	font-size: 14px;
}
#obog.detail .relate_intern_block .item .impression {
	margin-bottom: 0;
}
#obog.detail .relate_intern_block .item .button_block {
	padding: 10% 0;
}
#obog.detail .other_intern_block h3.title {
	margin-bottom: 30px !important;
}
#obog.detail .other_intern_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#obog.detail .other_intern_block .item {
	padding: 30px 5% 10%;
	border: 1px solid #ccc;
	position: relative;
	margin-bottom: 45px;
}
#obog.detail .other_intern_block .item .favorite {
	position: absolute;
	top: -25px;
	right: 5%;
	float: none;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#obog.detail .other_intern_block .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#obog.detail .other_intern_block .item h3.title {
	font-size: 17px;
	margin-bottom: 15px !important;
}
#obog.detail .other_intern_block .item h4.sub_title {
	font-size: 14px;
}
#obog.detail .other_intern_block .item .impression {
	margin-bottom: 0;
}
#obog.detail .other_intern_block .item .button_block {
	padding: 10% 0;
}
#obog.detail .profile_block {
	padding: 8% 5% 8%;
	border-radius: 4px;
	margin-bottom: 0;
	border: 1px solid #ccc;
}
.detail .other_intern_block .item .tags_wrapper {
	width: 55%;
	margin-top: -3px;
}
.detail .other_intern_block .item .tags_wrapper .tags a {
	font-size: 8px;
}
}
/************************
    OBOG訪問一覧ページ
*************************/
#obog.list h2.title {
	font-size: 22px;
	color: #000;
	font-weight: bold;
}
#obog.list h3.title {
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 17px;
}
#obog.list .main_wrapper .popular_block h3.title {
	font-size: 22px;
	margin-bottom: 20px;
}
#obog.list .main_wrapper .search_result h3.title {
	font-size: 18px;
	margin-bottom: 5px;
}
#obog.list .title_wrapper {
	background-color: #F3F5F8;
	padding: 30px 0;
}
#obog.list .search_wrapper {
	background-color: #fff;
	padding: 60px 0 50px;
}
#obog.list .search_wrapper .keyword_search {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
#obog.list .main_wrapper {
	background-color: #F3F5F8;
	padding: 60px 0;
}
#obog.list .main_wrapper .popular_block {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
#obog.list .main_wrapper p.number {
	font-size: 15px;
	color: #000;
	margin-bottom: 20px;
}
#obog.list .search_wrapper .keyword_search .search_icon {
	width: 560px;
	border: 1px solid #ccc;
	position: relative;
}
#obog.list .search_wrapper .keyword_search .search_icon input[type="text"] {
	box-shadow: none;
	border: none;
	height: 20px;
	padding: 10px;
	width: 540px;
}
#obog.list .search_wrapper .keyword_search .search_icon button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: url(../img/hnb/icon/search.jpg)no-repeat center;
	background-size: contain;
	border: none;
}
#obog.list .search_wrapper .tags_search .tag {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 15px;
}
#obog.list .search_wrapper .tags_search .tag form button {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 16px;
	padding: 3px 18px;
	border-radius: 18px;
}
#obog.list .main_wrapper .item:nth-of-type(2n-1) {
	margin-right: 20px;
}
#obog.list .main_wrapper .item {
	width: 448px;
	float: left;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 30px 30px 40px;
	position: relative;
	margin-bottom: 20px;
}
#obog.list .main_wrapper .item .img {
	float: left;
	width: 130px;
	height: 180px;
	margin-right: 30px;
	text-align: center;
}
#obog.list .main_wrapper .item .img .image img {
	width: 78px;
}
#obog.list .main_wrapper .item p.img img {
	height: 180px;
	width: auto;
	position: relative;
	left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
}
#obog.list .main_wrapper .item .inner {
	float: left;
	width: 288px;
}
#obog.list .main_wrapper .item .company_name {
	color: #000;
	margin-bottom: 15px;
}
#obog.list .main_wrapper .item .title {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 4em;
	overflow: hidden;
}
#obog.list .main_wrapper .item p.text {
	max-height: 3em;
	overflow: hidden;
}
#obog.list .main_wrapper .item .text {
	color: #666;
	line-height: 1.6em;
	margin-bottom: 15px;
	font-size: 14px;
}
#obog.list .main_wrapper .item .text table td {
	width: 40%;
}
#obog.list .main_wrapper .item .text table td:nth-of-type(2) {
	color: #000;
}
#obog.list .main_wrapper .item .text table td:last-of-type {
	width: 60%;
	white-space: nowrap;
}
#obog.list .main_wrapper .item .tags_wrapper {
	float: left;
}
#obog.list .main_wrapper .item .tags_wrapper .tags {
	font-size: 12px;
	color: #23B475;
	font-weight: bold;
	margin-top: 15px;
}
#obog.list .main_wrapper .item .tags_wrapper .tags span {
	display: inline-block;
	margin-right: 10px;
}
#obog.list .main_wrapper .item .date {
	float: right;
	font-size: 12px;
	color: #000;
	margin-top: 15px;
}
#obog.list .main_wrapper .item .favorite {
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#obog.list .main_wrapper .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#obog.list .main_wrapper .item .label {
	color: #fff;
	font-size: 13px;
	padding: 5px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: bold;
}
#obog.list .main_wrapper .item.info .label {
	background-color: #333;
}
#obog.list .main_wrapper .item.selection .label {
	background-color: #01AAD0;
}
#obog.list .main_wrapper .item.intern .label {
	background-color: #FF9400;
}
#obog.list .main_wrapper .item.obog .label {
	background-color: #C891E9;
}
#obog.list .main_wrapper .item .img p.inner_label {
	font-size: 16px;
	font-weight: bold;
	border-radius: 20px;
	padding: 8px 0;
	margin-top: 20px;
}
#obog.list .main_wrapper .item.obog .img p.inner_label {
	border: 2px solid #C891E9;
	color: #C891E9;
}
#obog.list .main_wrapper .button a {
	text-align: center;
	font-size: 17px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 10px auto 0;
	color: #fff;
}

@media (max-width: 830px) {
	#obog.list .w1040 {
		width: 90%;
		padding: 0 5%;
	}
	#obog.list h2.title {
		font-size: 16px;
		color: #000;
		font-weight: bold;
	}
	#obog.list h3.title {
		font-size: 14px;
		color: #000;
		font-weight: bold;
		margin-bottom: 15px;
	}
	#obog.list .main_wrapper .popular_block h3.title {
		font-size: 14px;
	}
	#obog.list .main_wrapper .search_result h3.title {
		font-size: 14px;
	}
	#obog.list .main_wrapper .search_result p.number {
		font-size: 12px;
	}
	#obog.list .title_wrapper {
		background-color: #F3F5F8;
		padding: 20px 0;
	}
	#obog.list .search_wrapper {
		background-color: #fff;
		padding: 30px 0 0;
	}
	#obog.list .search_wrapper .keyword_search {
		border-bottom: 1px solid #ccc;
		margin: 0 -5% 30px;
		padding: 0 5% 30px;
		width: 100%;
	}
	#obog.list .main_wrapper {
		background-color: #F3F5F8;
		padding: 50px 0 60px;
	}
	#obog.list .main_wrapper h3.title {
		margin-bottom: 5px;
	}
	#obog.list .main_wrapper p.number {
		font-size: 15px;
		color: #000;
		margin-bottom: 20px;
	}
	#obog.list .search_wrapper .keyword_search .search_icon {
		width: 100%;
		border: 1px solid #ccc;
		position: relative;
	}
	#obog.list .search_wrapper .keyword_search .search_icon input[type="text"] {
		box-shadow: none;
		border: none;
		height: 20px;
		padding: 10px;
		width: 90%;
	}
	#obog.list .search_wrapper .keyword_search .search_icon button {
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		border: none;
		background: url(../img/hnb/icon/search.jpg)no-repeat center;
		background-size: contain;
	}
	#obog.list .search_wrapper .tags_search .tag {
		display: inline-block;
		margin-right: 0;
		margin-bottom: 5px;
	}
	#obog.list .search_wrapper .tags_search .tag form button {
		background-color: #E5E5E5;
		border: none;
		color: #000;
		font-size: 13px;
		padding: 5px 15px;
		border-radius: 18px;
	}
	#obog.list .main_wrapper .item:nth-of-type(2n-1) {
		margin-right: 0;
	}
	#obog.list .main_wrapper .item {
		width: 100%;
		box-sizing: border-box;
		float: none;
		background-color: #fff;
		border: 1px solid #e3e3e3;
		border-radius: 5px;
		padding: 5% 4%;
		position: relative;
		margin-bottom: 30px;
	}
	#obog.list .main_wrapper .popular_block .item:nth-of-type(4n) {
		display: none;
	}
	#obog.list .main_wrapper .popular_block {
		padding-bottom: 10px;
		margin-bottom: 30px;
	}
	#obog.list .main_wrapper .item .img {
		float: left;
		width: 35%;
		margin-right: 5%;
	}
	#obog.list .main_wrapper .item .inner {
		float: left;
		width: 60%;
	}
	#obog.list .main_wrapper .item .label {
		background-color: #333;
		color: #fff;
		font-size: 9px;
		padding: 5px 8px;
		display: inline-block;
		margin-bottom: 20px;
	}
	#obog.list .main_wrapper .item .img p.inner_label {
		font-size: 11px;
	}
	#obog.list .main_wrapper .item .company_name {
		color: #000;
		margin-bottom: 15px;
		font-size: 13px;
	}
	#obog.list .main_wrapper .item .title {
		font-weight: bold;
		color: #000;
		font-size: 14px;
		line-height: 1.4em;
		margin-bottom: 10px;
		max-height: 6.5em;
		overflow: hidden;
	}
	#obog.list .main_wrapper .item p.text {
		max-height: 3em;
		overflow: hidden;
	}
	#obog.list .main_wrapper .item .text {
		color: #666;
		line-height: 1.4em;
		margin-bottom: 11px;
		font-size: 13px;
	}
	#obog.list .main_wrapper .item .text table td:nth-of-type(1) {
		display: none;
	}
	#obog.list .main_wrapper .item .text table td:nth-of-type(2) {
		width: 100%;
	}
	#obog.list .main_wrapper .item .tags_wrapper {
		float: left;
		width: 55%;
		overflow: hidden;
	}
	#obog.list .main_wrapper .item .tags_wrapper .tags {
		font-size: 8px;
		color: #1FB272;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#obog.list .main_wrapper .item .date {
		font-size: 9px;
	}
	#obog.list .main_wrapper .item .favorite {
		position: absolute;
		top: -10px;
		right: 3%;
		color: #fff;
		font-size: 14px;
		padding: 0;
		border-radius: 50%;
		background-size: 50% auto;
		text-indent: -999px;
		height: 50px;
		width: 50px;
		background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	}
	#obog.list .main_wrapper .item .favorite.none {
		background-color: #ccc;
		cursor: pointer;
	}
	#obog.list .main_wrapper .item .img .inner_label {
		font-size: 10px;
		padding: 5px 0;
		margin-top: 10px;
	}
	#obog.list .main_wrapper .item .img p.image {
		padding: 0 20%;
	}
	#obog.list .main_wrapper .item .img p.image img {
		width: 100%;
	}
	#obog.list .main_wrapper .button a {
		text-align: center;
		font-size: 14px;
		padding: 15px 100px;
		background-color: #999;
		border-radius: 23px;
		display: table;
		margin: 0 auto;
		color: #fff;
	}
}
/************************
    本選考詳細ページ
*************************/
#selection.detail .main_wrapper {
	width: 1040px;
	margin: 0 auto;
	position: relative;
}
#selection.detail .main_block {
	width: 640px;
	float: left;
}
#selection.detail .right_column {
	width: 340px;
	float: right;
}
#selection.detail .right_column p {
	margin-bottom: 20px;
}
#selection.detail .right_column p:last-of-type {
	margin-bottom: 0;
}
#selection.detail .right_column p img {
	width: 340px;
}
#selection.detail h2.company {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	padding: 15px 0 25px;
}
#selection.detail h3.title {
	font-size: 23px;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.3em;
}
#selection.detail h4.sub_title {
	font-size: 20px;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.4em;
}
#selection.detail p.date {
	text-align: right;
	font-size: 13px;
	color: #333;
	margin-bottom: 20px;
}
#selection.detail .menu {
	margin-top: 10px;
	margin-bottom: 60px;
	padding-left: 30px;
	background: url(../img/hnb/icon/notselect_bar.png)repeat-x bottom center;
}
#selection.detail .menu li {
	cursor: pointer;
	width: 120px;
	float: left;
	font-size: 17px;
	color: #aaa;
	padding-bottom: 20px;
	text-align: center;
}
#selection.detail .menu li.select {
	font-weight: bold;
	color: #000;
	background: url(../img/hnb/icon/select_bar.png)no-repeat bottom center;
}
#selection.detail .menu li a {
	font-size: 17px;
	color: #aaa;
	text-decoration: none;
	font-weight: normal;
}
#selection.detail .menu li.select a {
	font-weight: bold;
	color: #000;
}
#selection.detail .profile .icon {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
#selection.detail .profile .icon .image img {
	width: 78px;
	height: auto;
}
#selection.detail .profile .icon .image {
	margin-bottom: 25px;
}
#selection.detail .profile .inner {
	float: left;
	width: 400px;
}
#selection.detail .profile dl {
	margin-bottom: 15px;
}
#selection.detail .profile dl dt {
	float: left;
	width: 125px;
	font-size: 15px;
	color: #666;
}
#selection.detail .profile dl dd {
	float: left;
	width: 275px;
	font-size: 15px;
	color: #000;
}
#selection.detail .profile .tags {
	font-size: 13px;
	color: #23B475;
	font-weight: bold;
	margin-top: 30px;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.2em;
}
#selection.detail .profile .tags a {
	font-size: 13px;
	color: #23B475;
	font-weight: bold;
}
#selection.detail .inner_label {
	font-weight: bold;
	color: #00AAD0;
	border: 2px solid #00AAD0;
	padding: 8px 0;
	font-size: 16px;
	border-radius: 20px;
}
#selection.detail .button a {
	text-align: center;
	color: #fff;
	font-size: 17px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 40px auto 60px;
	color: #fff;
}
#selection.detail .profile_block {
	background-color: #fff;
	padding: 35px 40px 35px;
	border-radius: 4px;
	margin-bottom: 40px;
}
#selection.detail .button_block ul {
	margin: 0 auto 40px;
	width: 280px;
}
#selection.detail .button_block ul li {
	float: left;
	width: 130px;
	margin: 0 5px;
}
#selection.detail .button_block ul li a {
	border: 1px solid #1FB272;
	text-align: center;
	display: block;
	color: #1FB272;
	border-radius: 18px;
	font-weight: bold;
	font-size: 14px;
}
#selection.detail .button_block ul li.none a {
	border: 1px solid #ccc;
	color: #ccc;
}
#selection.detail .button_block ul li.share a {
	background: url(../img/hnb/detail/icon_share.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 5px;
}
#selection.detail .button_block ul li.share.none a {
	background: url(../img/hnb/detail/icon_share_none.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#selection.detail .button_block ul li.like a {
	background: url(../img/hnb/detail/icon_like.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#selection.detail .button_block ul li.like.none a {
	background: url(../img/hnb/detail/icon_like_none.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#selection.detail .rough_block {
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 50px;
}
#selection.detail .rough_block .title {
	font-size: 19px;
	background-color: #1FB272;
	margin-bottom: 25px;
	text-align: center;
	display: inline-block;
	padding: 8px 40px;
	border-radius: 18px;
	color: #fff;
}
#selection.detail .rough_block ul li {
	font-size: 18px;
	margin-bottom: 15px;
	padding-left: 25px;
	line-height: 1.4em;
	background: url(../img/hnb/detail/icon_list.png)no-repeat left 5px top 0.3em;
	background-size: 10px auto;
}
#selection.detail .rough_block ul li:last-of-type {
	margin-bottom: 0;
}
#selection.detail .text_block {
	padding-bottom: 40px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
#selection.detail .text_block h4.sub_title {
	color: #1FB272;
	font-weight: bold;
}
#selection.detail .text_block p.text {
	font-size: 16px;
	color: #666;
	line-height: 1.6em;
}
#selection.detail .appeal_block {
	padding: 25px 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
#selection.detail .appeal_block h3.title {
	margin-bottom: 25px;
}
#selection.detail .category_block {
	padding-bottom: 25px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
#selection.detail .category_block h3.title {
	margin-bottom: 25px;
}
#selection.detail .tags {
	padding: 0 10px;
}
#selection.detail .tags p {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 5px;
}
#selection.detail .tags p a {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 15px;
	padding: 8px 15px;
	font-size: 16px;
	color: #000;
	display: block;
}
#selection.detail .about_block {
	margin-bottom: 30px;
}
#selection.detail .about_block h3.title {
	margin-bottom: 25px;
}
#selection.detail .about_block .inner {
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
}
#selection.detail .about_block dl {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #666;
	line-height: 1.6em;
}
#selection.detail .about_block dl:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#selection.detail .about_block dl dt {
	float: left;
	width: 150px;
}
#selection.detail .about_block dl dd {
	float: right;
	width: 420px;
}
#selection.detail .tags_block {
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 60px;
}
#selection.detail .tags_block p.title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px;
	background: url(../img/hnb/detail/icon_tag.png)no-repeat left center;
	margin-bottom: 20px;
	background-size: 20px auto;
}
#selection.detail .tags_block .tags p {
	font-size: 16px;
	border-radius: 15px;
	display: inline-table;
	margin-right: 10px;
	margin-bottom: 10px;
}
#selection.detail .tags_block .tags p a {
	color: #000;
	display: block;
	padding: 8px 15px;
	background-color: #DFE0E2;
	border: none;
}
#selection.detail .tags_block .tags {
	padding: 0;
}
#selection.detail .seminar_block {
	margin-bottom: 60px;
}
#selection.detail .seminar_block p {
	margin-bottom: 10px;
}
#selection.detail .seminar_block p:last-of-type {
	margin-bottom: 0;
}
#selection.detail .relate_intern_block .item {
	background-color: #fff;
	padding: 40px;
	border-radius: 5px;
	margin-bottom: 20px;
}
#selection.detail .relate_intern_block .item h3.title {
	font-size: 21px;
}
#selection.detail .relate_intern_block .item h4.sub_title {
	font-size: 18px;
}
#selection.detail .relate_intern_block .item .profile {
	padding: 25px 0 0;
	border-top: 1px solid #ccc;
}
#selection.detail .relate_intern_block .item .favorite {
	float: right;
	margin-bottom: 10px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#selection.detail .relate_intern_block .item .favorite.none {
	background-color: #ccc;
}
#selection.detail .relate_intern_block .button_block ul {
	margin-bottom: 0;
}
#selection.detail .other_intern_block .item {
	background-color: #fff;
	padding: 40px;
	border-radius: 5px;
	margin-bottom: 20px;
}
#selection.detail .other_intern_block .item h3.title {
	font-size: 21px;
}
#selection.detail .other_intern_block .item h4.sub_title {
	font-size: 18px;
}
#selection.detail .other_intern_block .item .profile {
	padding: 25px 0 0;
	border-top: 1px solid #ccc;
}
#selection.detail .other_intern_block .item .favorite {
	float: right;
	margin-bottom: 10px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#selection.detail .other_intern_block .item .favorite.none {
	background-color: #ccc;
}
#selection.detail .other_intern_block .button_block ul {
	margin-bottom: 0;
}

@media (max-width: 830px) {
#selection.detail .main_wrapper {
	width: 100%;
}
#selection.detail .main_block {
	width: 90%;
	padding: 5% 5% 0;
	background-color: #fff;
}
#selection.detail .right_column {
	float: none;
	padding: 0 5%;
	width: 90%;
}
#selection.detail .right_column p {
	width: 100%;
}
#selection.detail .right_column p:last-of-type {
	margin-bottom: 20px;
}
#selection.detail .right_column p img {
	width: 100%;
}
#selection.detail h2.company {
	font-size: 16px;
	padding: 20px 5%;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}
#selection.detail h3.title {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin-bottom: 20px !important;
	line-height: 1.3em;
}
#selection.detail .tags_block p.title {
	font-size: 16px;
	padding: 0.5% 8%;
	background-size: contain;
}
#selection.detail h4.sub_title {
	font-size: 14px;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.4em;
}
#selection.detail p.date {
	text-align: right;
	font-size: 11px;
	color: #000;
	margin-bottom: 20px;
}
#selection.detail .appeal_block .tags, #selection.detail .atmosphere_block .tags {
	padding: 0;
}
#selection.detail .appeal_block .tags p, #selection.detail .atmosphere_block .tags p {
	margin-bottom: 5px;
}
#selection.detail .category_block .tags, #selection.detail .atmosphere_block .tags {
	padding: 0;
}
#selection.detail .category_block .tags p, #selection.detail .atmosphere_block .tags p {
	margin-bottom: 5px;
}
#selection.detail .menu {
	padding-left: 0;
	padding: 15px 0 0;
	margin: 0;
	background-color: #fff;
	background-image: url(../img/hnb/icon/notselect_bar_smp.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 8px;
}
#selection.detail .menu li {
	width: 19%;
	float: left;
	font-size: 10px;
	color: #999;
	padding-bottom: 0;
	text-align: center;
	padding: 0 0 20px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#selection.detail .menu li:nth-of-type(4) {
	width: 24%;
}
#selection.detail .menu li.select {
	font-weight: bold;
	color: #000;
	background-image: url(../img/hnb/icon/select_bar_smp.png);
	background-size: auto 8px;
}
#selection.detail .menu li a {
	font-size: 10px;
	color: #999;
	text-decoration: none;
	font-weight: normal;
}
#selection.detail .menu li.select a {
	font-weight: bold;
	color: #000;
}
#selection.detail .menu li span {
	display: none;
}
#selection.detail .profile {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
#selection.detail .profile .icon {
	float: left;
	width: 30%;
	margin-right: 5%;
	text-align: center;
}
#selection.detail .profile .icon img {
	width: 100%;
	height: auto;
}
#selection.detail .profile .icon .image img {
	width: 100%;
}
#selection.detail .profile .icon .image {
	padding: 0 20%;
	margin-bottom: 10px;
}
#selection.detail .profile .inner {
	float: left;
	width: 65%;
}
#selection.detail .profile dl {
	margin-bottom: 15px;
	width: 100%;
}
#selection.detail .profile dl dt {
	float: none;
	width: 100%;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
}
#selection.detail .profile dl dd {
	float: none;
	width: 100%;
	font-size: 13px;
	color: #000;
}
#selection.detail .profile .tags {
	font-size: 10px;
	color: #1FB272;
	font-weight: bold;
	margin-top: 0;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.2em;
}
#selection.detail .profile .tags a {
	font-size: 10px;
	color: #1FB272;
	font-weight: bold;
}
#selection.detail .impression p.text {
	width: 65%;
	line-height: 1.6em;
	font-size: 14px;
	color: #000;
	display: inherit;
	float: left;
}
#selection.detail .inner_label {
	font-size: 11px;
	padding: 5px 0;
	margin-top: 10px;
}
#selection.detail .tags p a {
	font-size: 13px;
}
#selection.detail .button a {
	margin: 30px 0;
	padding: 15px 0;
	display: block;
}
#selection.detail .button_block ul {
	margin: 0 auto 40px;
	width: 90%;
}
#selection.detail .button_block ul li {
	float: left;
	width: 46%;
	margin: 0 2%;
}
#selection.detail .button_block ul li a {
	border: 1px solid #1FB272;
	text-align: center;
	display: block;
	color: #1FB272;
	border-radius: 25px;
	font-weight: bold;
	font-size: 14px;
}
#selection.detail .button_block ul li.none a {
	border: 1px solid #ccc;
	color: #ccc;
}
#selection.detail .button_block ul li.share a {
	background-image: url(../img/hnb/detail/icon_share.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: 20px auto;
	padding: 15px 0 15px 10px;
}
#selection.detail .button_block ul li.share.none a {
	background-image: url(../img/hnb/detail/icon_share_none.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: 20px auto;
	padding: 15px 0 15px 20px;
}
#selection.detail .button_block ul li.like a {
	background-image: url(../img/hnb/detail/icon_like.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 20px auto;
	padding: 15px 0 15px 20px;
}
#selection.detail .button_block ul li.like.none a {
	background-image: url(../img/hnb/detail/icon_like_none.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 20px auto;
	padding: 15px 0 15px 20px;
}
#selection.detail .button_block {
	padding: 10% 5%;
	margin: 0 -5% 0;
}
#selection.detail .button_block ul {
	margin-bottom: 0;
}
#selection.detail .tags_block {
	border-bottom: none;
	border-top: 1px solid #ccc;
	margin: 0 -5% 0;
	padding: 10% 5%;
}
#selection.detail .rough_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	border-radius: 0;
	padding: 10% 5%;
}
#selection.detail .rough_block .title {
	font-size: 15px;
	display: block;
	margin: 0 25% 25px;
	padding: 8px;
}
#selection.detail .rough_block ul li {
	font-size: 15px;
}
#selection.detail .text_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#selection.detail .text_block p.text {
	font-size: 14px;
}
#selection.detail .about_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#selection.detail .about_block .inner {
	background-color: #F3F5F8;
	border-radius: 0;
	padding: 0;
}
#selection.detail .about_block dl {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #666;
	line-height: 1.6em;
}
#selection.detail .about_block dl:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#selection.detail .about_block dl dt {
	float: left;
	width: 30%;
}
#selection.detail .about_block dl dd {
	float: right;
	width: 70%;
}
#selection.detail .seminar_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
	border-bottom: 1px solid #ccc;
}
#selection.detail .seminar_block p img {
	width: 100%;
}
#selection.detail .think_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#selection.detail .think_block .inner_label {
	float: none;
	width: 30%;
}
#selection.detail .think_block .inner_label p.icon {
	width: 30%;
}
#selection.detail .relate_intern_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
	border-bottom: 1px solid #ccc;
}
#selection.detail .relate_intern_block .item {
	padding: 30px 5% 10%;
	border: 1px solid #ccc;
	position: relative;
	margin-bottom: 45px;
}
#selection.detail .relate_intern_block .item .favorite {
	position: absolute;
	top: -25px;
	right: 5%;
	float: none;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#selection.detail .relate_intern_block .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#selection.detail .relate_intern_block h3.title {
	margin-bottom: 30px !important;
}
#selection.detail .relate_intern_block .item h3.title {
	font-size: 17px;
	margin-bottom: 15px !important;
}
#selection.detail .relate_intern_block .item h4.sub_title {
	font-size: 14px;
}
#selection.detail .relate_intern_block .item .impression {
	margin-bottom: 0;
}
#selection.detail .relate_intern_block .item .button_block {
	padding: 10% 0;
}
#selection.detail .other_intern_block h3.title {
	margin-bottom: 30px !important;
}
#selection.detail .other_intern_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#selection.detail .other_intern_block .item {
	padding: 30px 5% 10%;
	border: 1px solid #ccc;
	position: relative;
	margin-bottom: 45px;
}
#selection.detail .other_intern_block .item .favorite {
	position: absolute;
	top: -25px;
	right: 5%;
	float: none;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#selection.detail .other_intern_block .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#selection.detail .other_intern_block .item h3.title {
	font-size: 17px;
	margin-bottom: 15px !important;
}
#selection.detail .other_intern_block .item h4.sub_title {
	font-size: 14px;
}
#selection.detail .other_intern_block .item .impression {
	margin-bottom: 0;
}
#selection.detail .other_intern_block .item .button_block {
	padding: 10% 0;
}
#selection.detail .appeal_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#selection.detail .category_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#selection.detail .atmosphere_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#selection.detail .profile_block {
	padding: 8% 5% 8%;
	border-radius: 4px;
	margin-bottom: 0;
	border: 1px solid #ccc;
}
}
/************************
    インターン一覧ページ
*************************/
#intern.list h2.title {
	font-size: 22px;
	color: #000;
	font-weight: bold;
}
#intern.list h3.title {
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 17px;
}
#intern.list .main_wrapper .popular_block h3.title {
	font-size: 22px;
	margin-bottom: 20px;
}
#intern.list .main_wrapper .search_result h3.title {
	font-size: 18px;
	margin-bottom: 5px;
}
#intern.list .title_wrapper {
	background-color: #F3F5F8;
	padding: 30px 0;
}
#intern.list .search_wrapper {
	background-color: #fff;
	padding: 60px 0 0;
}
#intern.list .search_wrapper .keyword_search {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
#intern.list .main_wrapper {
	background-color: #F3F5F8;
	padding: 60px 0;
}
#intern.list .main_wrapper .popular_block {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
#intern.list .main_wrapper p.number {
	font-size: 15px;
	color: #000;
	margin-bottom: 20px;
}
#intern.list .search_wrapper .keyword_search .search_icon {
	width: 560px;
	border: 1px solid #ccc;
	position: relative;
}
#intern.list .search_wrapper .keyword_search .search_icon input[type="text"] {
	box-shadow: none;
	border: none;
	height: 20px;
	padding: 10px;
	width: 540px;
}
#intern.list .search_wrapper .keyword_search .search_icon button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border: none;
	background: url(../img/hnb/icon/search.jpg)no-repeat center;
	background-size: contain;
}
#intern.list .search_wrapper .tags_search .tag {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 15px;
}
#intern.list .search_wrapper .tags_search .tag form button {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 16px;
	padding: 7px 18px;
	border-radius: 18px;
}
#intern.list .search_wrapper .tags_search .tag a {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 16px;
	padding: 7px 18px;
	border-radius: 18px;
	display: inline-table;
}
#intern.list .main_wrapper .item:nth-of-type(2n-1) {
	margin-right: 20px;
}
#intern.list .main_wrapper .item {
	width: 448px;
	float: left;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 30px 30px 40px;
	position: relative;
	margin-bottom: 20px;
}
#intern.list .main_wrapper .item .img {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
#intern.list .main_wrapper .item .img .image img {
	width: 78px;
}
#intern.list .main_wrapper .item p.img img {
	width: 100%;
}
#intern.list .main_wrapper .item .inner {
	float: left;
	width: 288px;
}
#intern.list .main_wrapper .item .company_name {
	color: #000;
	margin-bottom: 15px;
}
#intern.list .main_wrapper .item .title {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 4em;
	overflow: hidden;
}
#intern.list .main_wrapper .item .heightLine-topNewText {
	margin-bottom: 15px;
}
#intern.list .main_wrapper .item p.text {
	max-height: 3em;
	overflow: hidden;
	margin-bottom: 15px;
}
#intern.list .main_wrapper .item .text {
	color: #666;
	line-height: 1.6em;
	font-size: 14px;
}
#intern.list .main_wrapper .item .text table td {
	width: 40%;
}
#intern.list .main_wrapper .item .text table td:nth-of-type(2) {
	color: #000;
}
#intern.list .main_wrapper .item .text table td:last-of-type {
	width: 60%;
	white-space: nowrap;
}
#intern.list .main_wrapper .item .tags_wrapper {
	float: left;
	width: 200px;
	overflow: hidden;
	margin-top: 10px;
}
#intern.list .main_wrapper .item .tags_wrapper .tags {
	color: #23B475;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#intern.list .main_wrapper .item .tags_wrapper .tags a {
	font-size: 12px;
	color: #23B475;
	font-weight: bold;
	margin-top: 15px;
}
#intern.list .main_wrapper .item .tags_wrapper .tags span {
	display: inline-block;
	margin-right: 10px;
}
#intern.list .main_wrapper .item.seminar .tags_wrapper {
	color: #23B475;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#intern.list .main_wrapper .item.seminar .tags_wrapper a {
	font-size: 12px;
	color: #23B475;
	font-weight: bold;
	margin-top: 15px;
}
#intern.list .main_wrapper .item.seminar .tags_wrapper span {
	display: inline-block;
	margin-right: 10px;
}
#intern.list .main_wrapper .item .date {
	float: right;
	font-size: 12px;
	color: #000;
	margin-top: 15px;
}
#intern.list .main_wrapper .item .favorite {
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#intern.list .main_wrapper .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#intern.list .main_wrapper .item .label {
	color: #fff;
	font-size: 13px;
	padding: 5px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: bold;
}
#intern.list .main_wrapper .item.info .label {
	background-color: #333;
}
#intern.list .main_wrapper .item.intern .label {
	background-color: #FF9400;
}
#intern.list .main_wrapper .item.selection .label {
	background-color: #01AAD0;
}
#intern.list .main_wrapper .item.obog .label {
	background-color: #C891E9;
}
#intern.list .main_wrapper .item.seminar .label {
	background-color: #F67070;
}
#intern.list .main_wrapper .item.intern .img div.inner_label {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}
#intern.list .main_wrapper .item.intern .img div.inner_label p {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
#intern.list .main_wrapper .item.intern .img div.inner_label p.icon_text {
	margin-left: 5px;
}
#intern.list .main_wrapper .item.intern .img div.inner_label.good p.icon_text {
	color: #FF6900;
}
#intern.list .main_wrapper .item.intern .img div.inner_label.normal p.icon_text {
	color: #FF9540;
}
#intern.list .main_wrapper .item.intern .img div.inner_label.bad p.icon_text {
	color: #FFC419;
}
#intern.list .main_wrapper .item.intern .img div.inner_label p.icon.good {
	width: 40px;
	height: 40px;
	background: url(../img/hnb/icon/good.png)no-repeat left center;
	background-size: contain;
}
#intern.list .main_wrapper .item.intern .img div.inner_label p.icon.normal {
	width: 40px;
	height: 40px;
	background: url(../img/hnb/icon/normal.png)no-repeat left center;
	background-size: contain;
}
#intern.list .main_wrapper .item.intern .img div.inner_label p.icon.bad {
	width: 40px;
	height: 40px;
	background: url(../img/hnb/icon/bad.png)no-repeat left center;
	background-size: contain;
}
#intern.list .main_wrapper .item .img p.inner_label {
	font-size: 16px;
	font-weight: bold;
	border-radius: 20px;
	padding: 8px 0;
	margin-top: 20px;
}
#intern.list .main_wrapper .item.intern .img p.inner_label {
	border: 2px solid #FF9400;
	color: #FF9400;
}
#intern.list .main_wrapper .item.selection .img p.inner_label {
	border: 2px solid #01AAD0;
	color: #01AAD0;
}
#intern.list .main_wrapper .item.obog .img p.inner_label {
	border: 2px solid #C891E9;
	color: #C891E9;
}
#intern.list .main_wrapper .button a {
	text-align: center;
	font-size: 17px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 10px auto 0;
	color: #fff;
}

@media (max-width: 830px) {
#intern.list .w1040 {
	width: 90%;
	padding: 0 5%;
}
#intern.list h2.title {
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
#intern.list h3.title {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
}
#intern.list .main_wrapper .popular_block h3.title {
	font-size: 14px;
}
#intern.list .main_wrapper .search_result h3.title {
	font-size: 14px;
}
#intern.list .main_wrapper .search_result p.number {
	font-size: 12px;
}
#intern.list .title_wrapper {
	background-color: #F3F5F8;
	padding: 20px 0;
}
#intern.list .search_wrapper {
	background-color: #fff;
	padding: 30px 0 0;
}
#intern.list .search_wrapper .keyword_search {
	border-bottom: 1px solid #ccc;
	margin: 0 -5% 30px;
	padding: 0 5% 30px;
	width: 100%;
}
#intern.list .main_wrapper {
	background-color: #F3F5F8;
	padding: 50px 0 60px;
}
#intern.list .main_wrapper h3.title {
	margin-bottom: 5px;
}
#intern.list .main_wrapper p.number {
	font-size: 15px;
	color: #000;
	margin-bottom: 20px;
}
#intern.list .search_wrapper .keyword_search .search_icon {
	width: 100%;
	border: 1px solid #ccc;
	position: relative;
}
#intern.list .search_wrapper .keyword_search .search_icon input[type="text"] {
	box-shadow: none;
	border: none;
	height: 20px;
	padding: 10px;
	width: 90%;
}
#intern.list .search_wrapper .keyword_search .search_icon button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border: none;
	background: url(../img/hnb/icon/search.jpg)no-repeat center;
	background-size: contain;
}
#intern.list .search_wrapper .tags_search .tag {
	display: inline-block;
	margin-right: 0;
	margin-bottom: 5px;
}
#intern.list .search_wrapper .tags_search .tag a {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 13px;
	padding: 5px 15px;
	border-radius: 18px;
}
#intern.list .search_wrapper .tags_search .tag form button {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 13px;
	padding: 5px 15px;
	border-radius: 18px;
}
#intern.list .main_wrapper .item:nth-of-type(2n-1) {
	margin-right: 0;
}
#intern.list .main_wrapper .item {
	width: 100%;
	box-sizing: border-box;
	float: none;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 5% 4%;
	position: relative;
	margin-bottom: 30px;
}
#intern.list .main_wrapper .popular_block .item:nth-of-type(4n) {
	display: none;
}
#intern.list .main_wrapper .popular_block {
	padding-bottom: 10px;
	margin-bottom: 30px;
}
#intern.list .main_wrapper .item .img {
	float: left;
	width: 35%;
	margin-right: 5%;
}
#intern.list .main_wrapper .item .inner {
	float: left;
	width: 60%;
}
#intern.list .main_wrapper .item .label {
	background-color: #333;
	color: #fff;
	font-size: 9px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
}
#intern.list .main_wrapper .item .img p.inner_label {
	font-size: 11px;
}
#intern.list .main_wrapper .item .company_name {
	color: #000;
	margin-bottom: 15px;
	font-size: 13px;
}
#intern.list .main_wrapper .item .title {
	font-weight: bold;
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 6.5em;
	overflow: hidden;
}
#intern.list .main_wrapper .item p.text {
	max-height: 3em;
	overflow: hidden;
}
#intern.list .main_wrapper .item .text {
	color: #666;
	line-height: 1.4em;
	margin-bottom: 11px;
	font-size: 13px;
}
#intern.list .main_wrapper .item .text table td:nth-of-type(1) {
	display: none;
}
#intern.list .main_wrapper .item .text table td:nth-of-type(2) {
	width: 100%;
}
#intern.list .main_wrapper .item .tags_wrapper {
	float: left;
	width: 55%;
	overflow: hidden;
	margin-top: 7px;
}
#intern.list .main_wrapper .item .tags_wrapper .tags {
	font-size: 8px;
	color: #1FB272;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#intern.list .main_wrapper .item .tags_wrapper .tags a {
	font-size: 8px;
	color: #1FB272;
}
#intern.list .main_wrapper .item.seminar .tags_wrapper {
	font-size: 8px;
	color: #1FB272;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 6px;
}
#intern.list .main_wrapper .item.seminar .tags_wrapper a {
	font-size: 8px;
	color: #1FB272;
}
#intern.list .main_wrapper .item .date {
	font-size: 9px;
	margin-top: 10px
}
#intern.list .main_wrapper .item .favorite {
	position: absolute;
	top: -10px;
	right: 3%;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#intern.list .main_wrapper .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#intern.list .main_wrapper .item .img .inner_label {
	font-size: 10px;
	padding: 5px 0;
	margin-top: 10px;
}
#intern.list .main_wrapper .item .img p.image {
	padding: 0 20%;
}
#intern.list .main_wrapper .item .img p.image img {
	width: 100%;
}
#intern.list .main_wrapper .item.intern .img div.inner_label {
	margin-top: 10px;
	padding: 0;
}
#intern.list .main_wrapper .item.intern .img div.inner_label p.icon.good {
	width: 25%;
	height: 35px;
}
#intern.list .main_wrapper .item.intern .img div.inner_label p.icon.normal {
	width: 25%;
	height: 35px;
}
#intern.list .main_wrapper .item.intern .img div.inner_label p.icon.bad {
	width: 25%;
	height: 35px;
}
#intern.list .main_wrapper .item.intern .img div.inner_label p.icon_text {
	font-size: 12px;
	margin-left: 0;
}
#intern.list .main_wrapper .item.selection .img p.inner_label {
	margin-top: 10px;
}
#intern.list .main_wrapper .item.obog .img p.inner_label {
	margin-top: 10px;
}
#intern.list .main_wrapper .button a {
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 0 auto;
	color: #fff;
}
}
/************************
    インターン詳細ページ
*************************/
#intern.detail .main_wrapper {
	width: 1040px;
	margin: 0 auto;
	position: relative;
}
#intern.detail .main_block {
	width: 640px;
	float: left;
}
#intern.detail .right_column {
	width: 340px;
	float: right;
}
#intern.detail .right_column p {
	margin-bottom: 20px;
}
#intern.detail .right_column p:last-of-type {
	margin-bottom: 0;
}
#intern.detail .right_column p img {
	width: 340px;
}
#intern.detail h2.company {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	padding: 15px 0 25px;
}
#intern.detail h3.title {
	font-size: 23px;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.3em;
}
#intern.detail h4.sub_title {
	font-size: 20px;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.4em;
}
#intern.detail p.date {
	text-align: right;
	font-size: 13px;
	color: #333;
	margin-bottom: 20px;
}
#intern.detail .menu {
	margin: 10px 0 60px;
	padding-left: 30px;
	background: url(../img/hnb/icon/notselect_bar.png)repeat-x bottom center;
}
#intern.detail .menu li {
	cursor: pointer;
	width: 120px;
	float: left;
	font-size: 17px;
	color: #aaa;
	text-align: center;
	padding-bottom: 20px;
}
#intern.detail .menu li.select {
	font-weight: bold;
	color: #000;
	background: url(../img/hnb/icon/select_bar.png)no-repeat bottom center;
}
#intern.detail .menu li a {
	font-size: 17px;
	color: #aaa;
	text-decoration: none;
	font-weight: normal;
}
#intern.detail .menu li.select a {
	font-weight: bold;
	color: #000;
}
#intern.detail .profile .icon {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
#intern.detail .profile .icon .image img {
	width: 78px;
	height: auto;
}
#intern.detail .profile .icon .image {
	margin-bottom: 25px;
}
#intern.detail .profile .inner {
	float: left;
	width: 400px;
}
#intern.detail .profile dl {
	margin-bottom: 15px;
}
#intern.detail .profile dl dt {
	float: left;
	width: 125px;
	font-size: 15px;
	color: #666;
}
#intern.detail .profile dl dd {
	float: left;
	width: 275px;
	font-size: 15px;
	color: #000;
}
#intern.detail .profile .tags {
	font-size: 13px;
	color: #23B475;
	font-weight: bold;
	margin-top: 30px;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.2em;
}
#intern.detail .profile .tags a {
	font-size: 13px;
	color: #23B475;
	font-weight: bold;
}
#intern.detail .inner_label {
	width: 110px;
	display: inline-table;
	vertical-align: middle;
	text-align: center;
}
#intern.detail .inner_label p {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
#intern.detail .inner_label p.icon_text {
	margin-left: 5px;
	font-size: 14px;
	font-weight: bold;
}
#intern.detail .inner_label.good p.icon_text {
	color: #FF6900;
}
#intern.detail .inner_label.normal p.icon_text {
	color: #FF9540;
}
#intern.detail .inner_label.bad p.icon_text {
	color: #FFC419;
}
#intern.detail .inner_label p.icon {
	width: 40px;
	height: 40px;
}
#intern.detail .icon .inner_label p.icon.good {
	background: url(../img/hnb/icon/good.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
#intern.detail .icon .inner_label p.icon.normal {
	background: url(../img/hnb/icon/normal.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
#intern.detail .icon .inner_label p.icon.bad {
	background: url(../img/hnb/icon/bad.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
#intern.detail .think_block .inner_label p.icon.good {
	background: url(../img/hnb/icon/good.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
#intern.detail .think_block .inner_label p.icon.normal {
	background: url(../img/hnb/icon/normal.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
#intern.detail .think_block .inner_label p.icon.bad {
	background: url(../img/hnb/icon/bad.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
#intern.detail .button a {
	text-align: center;
	color: #fff;
	font-size: 17px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 40px auto 60px;
	color: #fff;
}
#intern.detail .profile_block {
	background-color: #fff;
	padding: 35px 40px 35px;
	border-radius: 4px;
	margin-bottom: 40px;
}
#intern.detail .think_block {
	padding-bottom: 25px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
#intern.detail .think_block h3.title {
	margin-bottom: 25px;
}
#intern.detail .think_block .inner_label {
	background-color: #fff;
	padding: 10px 30px;
	border: 1px solid #ccc;
	border-radius: 30px;
	width: auto;
}
#intern.detail .button_block ul {
	margin: 0 auto 40px;
	width: 280px;
}
#intern.detail .button_block ul li {
	float: left;
	width: 130px;
	margin: 0 5px;
}
#intern.detail .button_block ul li a {
	border: 1px solid #1FB272;
	text-align: center;
	display: block;
	color: #1FB272;
	border-radius: 18px;
	font-weight: bold;
	font-size: 14px;
}
#intern.detail .button_block ul li.none a {
	border: 1px solid #ccc;
	color: #ccc;
}
#intern.detail .button_block ul li.share a {
	background: url(../img/hnb/detail/icon_share.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 5px;
}
#intern.detail .button_block ul li.share.none a {
	background: url(../img/hnb/detail/icon_share_none.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#intern.detail .button_block ul li.like a {
	background: url(../img/hnb/detail/icon_like.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#intern.detail .button_block ul li.like.none a {
	background: url(../img/hnb/detail/icon_like_none.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#intern.detail .recommend_point_block {
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 20px;
}
#intern.detail .recommend_point_block .title {
	font-size: 19px;
	background-color: #1FB272;
	text-align: center;
	display: inline-block;
	padding: 8px 40px;
	border-radius: 18px;
	color: #fff;
	margin-bottom: 25px;
}
#intern.detail .recommend_point_block ul li {
	font-size: 18px;
	margin-bottom: 15px;
	background: url(../img/hnb/detail/icon_crown.png)no-repeat left top 0.3em;
	padding-left: 25px;
	line-height: 1.4em;
	background-size: 15px auto;
}
#intern.detail .recommend_point_block ul li:last-of-type {
	margin-bottom: 0;
}
#intern.detail .rough_block {
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 60px;
}
#intern.detail .rough_block .title {
	font-size: 19px;
	background-color: #1FB272;
	text-align: center;
	display: inline-block;
	padding: 8px 40px;
	border-radius: 18px;
	color: #fff;
	margin-bottom: 25px;
}
#intern.detail .rough_block ul li {
	font-size: 18px;
	margin-bottom: 15px;
	background: url(../img/hnb/detail/icon_list.png)no-repeat left 5px top 0.3em;
	padding-left: 25px;
	line-height: 1.4em;
	background-size: 10px auto;
}
#intern.detail .rough_block ul li:last-of-type {
	margin-bottom: 0;
}
#intern.detail .knowing_block {
	padding-bottom: 40px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
#intern.detail .knowing_block h4.sub_title {
	color: #1FB272;
	font-weight: bold;
}
#intern.detail .knowing_block p.text {
	font-size: 16px;
	color: #666;
	line-height: 1.6em;
}
#intern.detail .reason_block {
	padding-bottom: 25px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
#intern.detail .reason_block h3.title {
	margin-bottom: 25px;
}
#intern.detail .atmosphere_block {
	padding-bottom: 25px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
#intern.detail .atmosphere_block h3.title {
	margin-bottom: 25px;
}
#intern.detail .tags {
	padding: 0 10px;
}
#intern.detail .tags p {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 5px;
}
#intern.detail .tags p a {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 15px;
	padding: 8px 15px;
	font-size: 16px;
	color: #000;
	display: block;
}
#intern.detail .about_block {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
#intern.detail .about_block h3.title {
	margin-bottom: 25px;
}
#intern.detail .about_block .inner {
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
}
#intern.detail .about_block dl {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #666;
	line-height: 1.6em;
}
#intern.detail .about_block dl:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#intern.detail .about_block dl dt {
	float: left;
	width: 150px;
}
#intern.detail .about_block dl dd {
	float: right;
	width: 420px;
}
#intern.detail .tags_block {
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 60px;
}
#intern.detail .tags_block p.title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px;
	background: url(../img/hnb/detail/icon_tag.png)no-repeat left center;
	margin-bottom: 20px;
	background-size: 20px auto;
}
#intern.detail .tags_block .tags p {
	font-size: 16px;
	border-radius: 15px;
	display: inline-table;
	margin-right: 10px;
	margin-bottom: 10px;
}
#intern.detail .tags_block .tags p a {
	color: #000;
	display: block;
	padding: 8px 15px;
	background-color: #DFE0E2;
	border: none;
}
#intern.detail .tags_block .tags {
	padding: 0;
}
#intern.detail .seminar_block {
	margin-bottom: 60px;
}
#intern.detail .seminar_block p {
	margin-bottom: 10px;
}
#intern.detail .seminar_block p:last-of-type {
	margin-bottom: 0;
}
#intern.detail .relate_intern_block .item {
	background-color: #fff;
	padding: 40px;
	border-radius: 5px;
	margin-bottom: 20px;
}
#intern.detail .relate_intern_block .item h3.title {
	font-size: 21px;
}
#intern.detail .relate_intern_block .item h4.sub_title {
	font-size: 18px;
}
#intern.detail .relate_intern_block .item .profile {
	padding: 25px 0 0;
	border-top: 1px solid #ccc;
}
#intern.detail .relate_intern_block .item .favorite {
	float: right;
	margin-bottom: 10px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#intern.detail .relate_intern_block .item .favorite.none {
	background-color: #ccc;
}
#intern.detail .relate_intern_block .button_block ul {
	margin-bottom: 0;
}
#intern.detail .other_intern_block .item {
	background-color: #fff;
	padding: 40px;
	border-radius: 5px;
	margin-bottom: 20px;
}
#intern.detail .other_intern_block .item h3.title {
	font-size: 21px;
}
#intern.detail .other_intern_block .item h4.sub_title {
	font-size: 18px;
}
#intern.detail .other_intern_block .item .profile {
	padding: 25px 0 0;
	border-top: 1px solid #ccc;
}
#intern.detail .other_intern_block .item .favorite {
	float: right;
	margin-bottom: 10px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#intern.detail .other_intern_block .item .favorite.none {
	background-color: #ccc;
}
#intern.detail .other_intern_block .button_block ul {
	margin-bottom: 0;
}

@media (max-width: 830px) {
#intern.detail .main_wrapper {
	width: 100%;
}
#intern.detail .main_block {
	width: 90%;
	padding: 5% 5% 0;
	background-color: #fff;
}
#intern.detail .right_column {
	float: none;
	padding: 0 5%;
	width: 90%;
}
#intern.detail .right_column p {
	width: 100%;
}
#intern.detail .right_column p:last-of-type {
	margin-bottom: 20px;
}
#intern.detail .right_column p img {
	width: 100%;
}
#intern.detail h2.company {
	font-size: 16px;
	padding: 20px 5%;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}
#intern.detail h3.title {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin-bottom: 20px !important;
	line-height: 1.3em;
}
#intern.detail .tags_block p.title {
	font-size: 16px;
	padding: 0.5% 8%;
	background-size: contain;
}
#intern.detail h4.sub_title {
	font-size: 14px;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.4em;
}
#intern.detail p.date {
	text-align: right;
	font-size: 11px;
	color: #000;
	margin-bottom: 20px;
}
#intern.detail .reason_block .tags, #intern.detail .atmosphere_block .tags {
	padding: 0;
}
#intern.detail .reason_block .tags p, #intern.detail .atmosphere_block .tags p {
	margin-bottom: 5px;
}
#intern.detail .menu {
	padding-left: 0;
	padding: 15px 0 0;
	margin: 0;
	background-color: #fff;
	background-image: url(../img/hnb/icon/notselect_bar_smp.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 8px;
}
#intern.detail .menu li {
	width: 19%;
	float: left;
	font-size: 10px;
	color: #999;
	padding-bottom: 0;
	text-align: center;
	padding: 0 0 20px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#intern.detail .menu li:nth-of-type(4) {
	width: 24%;
}
#intern.detail .menu li.select {
	font-weight: bold;
	color: #000;
	background-image: url(../img/hnb/icon/select_bar_smp.png);
	background-size: auto 8px;
}
#intern.detail .menu li a {
	font-size: 10px;
	color: #999;
	text-decoration: none;
	font-weight: normal;
}
#intern.detail .menu li.select a {
	font-weight: bold;
	color: #000;
}
#intern.detail .menu li span {
	display: none;
}
#intern.detail .profile {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
#intern.detail .profile .icon {
	float: left;
	width: 30%;
	margin-right: 5%;
	text-align: center;
}
#intern.detail .profile .icon img {
	width: 100%;
	height: auto;
}
#intern.detail .profile .icon .image img {
	width: 100%;
}
#intern.detail .profile .icon .image {
	padding: 0 20%;
	margin-bottom: 10px;
}
#intern.detail .profile .inner {
	float: left;
	width: 65%;
}
#intern.detail .profile dl {
	margin-bottom: 15px;
	width: 100%;
}
#intern.detail .profile dl dt {
	float: none;
	width: 100%;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
}
#intern.detail .profile dl dd {
	float: none;
	width: 100%;
	font-size: 13px;
	color: #000;
}
#intern.detail .profile .tags {
	font-size: 10px;
	color: #1FB272;
	font-weight: bold;
	margin-top: 0;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.2em;
}
#intern.detail .profile .tags a {
	font-size: 10px;
	color: #1FB272;
	font-weight: bold;
	margin-top: 0;
	padding: 0;
}
#intern.detail .impression p.text {
	width: 65%;
	line-height: 1.6em;
	font-size: 14px;
	color: #000;
	display: inherit;
	float: left;
}
#intern.detail .inner_label {
	width: 100%;
	margin-right: 5%;
	display: inherit;
	float: left;
	text-align: center;
}
#intern.detail .inner_label p {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
#intern.detail .inner_label p.icon_text {
	margin-left: 0;
	font-size: 11px;
	font-weight: bold;
}
#intern.detail .inner_label p.icon {
	width: 30%;
	height: 35px;
}
#intern.detail .inner_label p.icon.good {
	background: url(../img/hnb/icon/good.png)no-repeat left center;
	background-size: contain;
}
#intern.detail .inner_label p.icon.normal {
	background: url(../img/hnb/icon/normal.png)no-repeat left center;
	background-size: contain;
}
#intern.detail .inner_label p.icon.bad {
	background: url(../img/hnb/icon/bad.png)no-repeat left center;
	background-size: contain;
}
#intern.detail .tags p a {
	font-size: 13px;
}
#intern.detail .button a {
	margin: 30px 0;
	padding: 15px 0;
	display: block;
}
#intern.detail .button_block ul {
	margin: 0 auto 40px;
	width: 90%;
}
#intern.detail .button_block ul li {
	float: left;
	width: 46%;
	margin: 0 2%;
}
#intern.detail .button_block ul li a {
	border: 1px solid #1FB272;
	text-align: center;
	display: block;
	color: #1FB272;
	border-radius: 25px;
	font-weight: bold;
	font-size: 14px;
}
#intern.detail .button_block ul li.none a {
	border: 1px solid #ccc;
	color: #ccc;
}
#intern.detail .button_block ul li.share a {
	background-image: url(../img/hnb/detail/icon_share.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: 20px auto;
	padding: 15px 0 15px 10px;
}
#intern.detail .button_block ul li.share.none a {
	background-image: url(../img/hnb/detail/icon_share_none.png);
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: 20px auto;
	padding: 15px 0 15px 20px;
}
#intern.detail .button_block ul li.like a {
	background-image: url(../img/hnb/detail/icon_like.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 20px auto;
	padding: 15px 0 15px 20px;
}
#intern.detail .button_block ul li.like.none a {
	background-image: url(../img/hnb/detail/icon_like_none.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 20px auto;
	padding: 15px 0 15px 20px;
}
#intern.detail .button_block {
	padding: 10% 5%;
	margin: 0 -5% 0;
}
#intern.detail .button_block ul {
	margin-bottom: 0;
}
#intern.detail .tags_block {
	border-bottom: none;
	border-top: 1px solid #ccc;
	margin: 0 -5% 0;
	padding: 10% 5%;
}
#intern.detail .recommend_point_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	border-radius: 0;
	padding: 15% 5% 0;
}
#intern.detail .recommend_point_block .title {
	font-size: 15px;
	display: block;
	margin: 0 25% 25px;
	padding: 8px;
}
#intern.detail .recommend_point_block ul li {
	font-size: 15px;
}
#intern.detail .rough_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	padding: 15% 5%;
}
#intern.detail .rough_block .title {
	font-size: 15px;
	display: block;
	margin: 0 25% 25px;
	padding: 8px;
}
#intern.detail .rough_block ul li {
	font-size: 15px;
}
#intern.detail .knowing_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#intern.detail .knowing_block p.text {
	font-size: 14px;
}
#intern.detail .about_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#intern.detail .about_block .inner {
	background-color: #F3F5F8;
	border-radius: 0;
	padding: 0;
}
#intern.detail .about_block dl {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #666;
	line-height: 1.6em;
}
#intern.detail .about_block dl:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#intern.detail .about_block dl dt {
	float: left;
	width: 30%;
}
#intern.detail .about_block dl dd {
	float: right;
	width: 70%;
}
#intern.detail .seminar_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
	border-bottom: 1px solid #ccc;
}
#intern.detail .seminar_block p img {
	width: 100%;
}
#intern.detail .think_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#intern.detail .think_block .inner_label {
	float: none;
	width: 30%;
}
#intern.detail .think_block .inner_label p.icon {
	width: 30%;
}
#intern.detail .relate_intern_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
	border-bottom: 1px solid #ccc;
}
#intern.detail .relate_intern_block .item {
	padding: 30px 5% 10%;
	border: 1px solid #ccc;
	position: relative;
	margin-bottom: 45px;
}
#intern.detail .relate_intern_block .item .favorite {
	position: absolute;
	top: -25px;
	right: 5%;
	float: none;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#intern.detail .relate_intern_block .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#intern.detail .relate_intern_block h3.title {
	margin-bottom: 30px !important;
}
#intern.detail .relate_intern_block .item h3.title {
	font-size: 17px;
	margin-bottom: 15px !important;
}
#intern.detail .relate_intern_block .item h4.sub_title {
	font-size: 14px;
}
#intern.detail .relate_intern_block .item .impression {
	margin-bottom: 0;
}
#intern.detail .relate_intern_block .item .button_block {
	padding: 10% 0;
}
#intern.detail .other_intern_block h3.title {
	margin-bottom: 30px !important;
}
#intern.detail .other_intern_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#intern.detail .other_intern_block .item {
	padding: 30px 5% 10%;
	border: 1px solid #ccc;
	position: relative;
	margin-bottom: 45px;
}
#intern.detail .other_intern_block .item .favorite {
	position: absolute;
	top: -25px;
	right: 5%;
	float: none;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#intern.detail .other_intern_block .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#intern.detail .other_intern_block .item h3.title {
	font-size: 17px;
	margin-bottom: 15px !important;
}
#intern.detail .other_intern_block .item h4.sub_title {
	font-size: 14px;
}
#intern.detail .other_intern_block .item .impression {
	margin-bottom: 0;
}
#intern.detail .other_intern_block .item .button_block {
	padding: 10% 0;
}
#intern.detail .reason_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#intern.detail .atmosphere_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
#intern.detail .profile_block {
	padding: 8% 5% 8%;
	border-radius: 4px;
	margin-bottom: 0;
	border: 1px solid #ccc;
}
}
/************************
    セミナー詳細ページ
*************************/
#seminar.detail h2 {
	width: 1040px;
	margin: 10px auto 30px;
	font-weight: bold;
	font-size: 20px;
	color: #000;
}
#seminar.detail .menu {
	margin: 10px 0 5px;
	background: url(../img/hnb/icon/notselect_bar.png)repeat-x bottom center;
}
#seminar.detail .menu ul {
	width: 1040px;
	margin: 0 auto;
}
#seminar.detail .menu li {
	cursor: pointer;
	float: left;
	font-size: 17px;
	color: #aaa;
	padding: 0 20px 20px;
}
#seminar.detail .menu li.select {
	font-weight: bold;
	color: #000;
	background: url(../img/hnb/icon/select_bar.png)no-repeat bottom center;
}
#seminar.detail .menu li a {
	font-size: 17px;
	color: #aaa;
	text-decoration: none;
	font-weight: normal;
}
#seminar.detail .menu li.select a {
	font-weight: bold;
	color: #000;
}
#seminar.detail .title_block {
	height: 400px;
	position: relative;
}
#seminar.detail .title_block .title_image {
	width: 100%;
	position: relative;
	margin: 0 auto;
}
#seminar.detail .title_block .title_image .image {
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	height: 400px;
}
#seminar.detail .title_block .title_image img {
	width: 100%;
	vertical-align: bottom;
}
#seminar.detail .title_block .inner {
	width: 1040px;
	margin: 0 auto;
	height: 400px;
	position: relative;
}
#seminar.detail .title_block .inner .label {
	font-size: 24px;
	color: #fff;
	background-color: #000;
	padding: 8px 10px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 20px;
}
#seminar.detail .title_block .inner .title {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	line-height: 1.6em;
	text-shadow: 0px 0px 7px rgba(0, 0, 178, 0.5);
}
#seminar.detail .title_block .inner div {
	display: table-cell;
	height: 400px;
	vertical-align: middle;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	max-width: 640px;
}
#seminar.detail .title_wrapper {
	background-color: rgba(0,0,0,0.3);
	height: 400px;
	position: absolute;
	top: 0;
	width: 100%;
}
#seminar.detail .main_wrapper {
	width: 1040px;
	margin: 0 auto;
	position: relative;
}
#seminar.detail .right_column {
	width: 340px;
	float: right;
	padding-top: 50px;
}
#seminar.detail .right_column p {
	margin-bottom: 20px;
}
#seminar.detail .right_column p:last-of-type {
	margin-bottom: 0;
}
#seminar.detail .right_column p img {
	width: 340px;
}
#seminar.detail .main_block {
	width: 640px;
	padding: 50px 0 60px;
	float: left;
}
#seminar.detail .main_block #entry_block {
	background-color: #fff;
	padding: 30px 40px 50px;
	border: 1px solid #e3e3e3;
	margin-bottom: 60px;
}
#seminar.detail .main_block #entry_block.fixed {
	position: fixed;
	top: 100px;
	right: auto;
	margin-left: 700px;
	z-index: 10;
}
#seminar.detail .main_block #entry_block .area {
	margin-bottom: 30px;
}
#seminar.detail .main_block #entry_block .area p {
	display: inline-block;
	font-size: 15px;
	color: #919597;
	border: 1px solid #919597;
	padding: 5px 20px;
	margin-right: 5px;
}
#seminar.detail .main_block #entry_block .area p:nth-of-type(3) {
	margin-right: 0;
}
#seminar.detail .main_block #entry_block .area p.select {
	color: #fff;
	background-color: #333;
	border: 1px solid #333;
}
#seminar.detail .main_block #entry_block form input[type=radio], input[type=checkbox] {
	display: none;
}
#seminar.detail .radio, .add1707.add1708 .radio {
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	border-radius: 2px;
	color: #E5E5E5;
	font-size: 14px;
	text-align: center;
	line-height: 1;
}
#seminar.detail .radio:before, .add1707.add1708 .radio:before {
	position: absolute;
	content: "";
	top: 0;
	left: -20px;
	width: 20px;
	height: 20px;
	background-color: #ccc;
	border: 1px solid #fff;
	border-radius: 50%;
}
#seminar.detail input[type="radio"]:checked + .radio:after, .add1707.add1708 input[type="radio"]:checked + .radio:after {
	position: absolute;
	content: "";
	top: 0;
	left: -13px;
	width: 8px;
	height: 8px;
	margin-top: 7px;
	border-radius: 50%;
	background: #1FB272;
}
#seminar.detail input[type=radio], #seminar.detail input[type=checkbox] {
	display: none;
}
#seminar.detail .checkbox {
	position: relative;
	margin-left: 20px;
	cursor: pointer;
}
#seminar.detail .checkbox:after {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: -20px;
	display: block;
	width: 20px;
	height: 20px;
	background-color: #ccc;
	border: 1px solid #fff;
	content: '';
	z-index: 1;
}
#seminar.detail .checkbox:before {
	position: absolute;
	top: 11px;
	left: -13px;
	display: block;
	margin-top: -7px;
	width: 3px;
	height: 7px;
	border-right: 3px solid #3BB982;
	border-bottom: 3px solid #3BB982;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 2;
}
#seminar.detail input[type=checkbox]:checked + .checkbox:before {
	opacity: 1;
}
#seminar.detail .main_block #entry_block div p {
	font-size: 18px;
	color: #1FB272;
	font-weight: bold;
	margin-bottom: 10px;
}
#seminar.detail select {
	background-color: #e5e5e5;
	border: none;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	padding: 10px 30px 10px 10px;
	margin-bottom: 30px;
	border-radius: 0;
	background-repeat: no-repeat;
	background-image: url(../img/hnb/newheader/icon_selectbox.jpg);
	background-position: right 10px center;
	background-size: 10px auto;
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
#seminar.detail option {
	background-color: #fff;
}
#seminar.detail .main_block #entry_block form label {
	font-size: 18px;
	color: #000;
	line-height: 1.2em;
	padding-left: 8px;
}
#seminar.detail .main_block #entry_block form label span:nth-of-type(1) {
	font-size: 25px;
	font-weight: bold;
	color: #000;
	padding-right: 5px;
}
#seminar.detail .main_block #entry_block form label span:nth-of-type(2) {
	font-size: 14px;
	font-weight: bold;
	color: #1FB272;
	padding-left: 30px;
}
#seminar.detail .main_block #entry_block form div {
	margin-bottom: 25px;
}
#seminar.detail .main_block #entry_block form input[type="button"] {
	color: #fff;
	text-align: center;
	font-size: 17px;
	background-color: #1FB272;
	padding: 15px 0;
	border-radius: 25px;
	display: block;
	margin-bottom: 15px;
	width: 100%;
	-webkit-appearance: none;
	border: none;
	line-height: 1em;
}
#seminar.detail .main_block #entry_block form .none input[type="button"] {
	background-color: #ccc;
}
#seminar.detail .main_block .button_block p {
	margin-bottom: 15px;
}
#seminar.detail .main_block #entry_block form button {
	color: #fff;
	text-align: center;
	font-size: 17px;
	background-color: #1FB272;
	padding: 15px 0;
	border-radius: 25px;
	display: block;
	margin-bottom: 10px;
	width: 100%;
	-webkit-appearance: none;
	border: none;
	line-height: 1em;
	width: 350px;
	margin: auto;
}
#seminar.detail .main_block #entry_block form button.last_link {
	color: #1FB272;
	text-align: center;
	font-size: 17px;
	background-color: #fff;
	padding: 15px 0;
	border-radius: 25px;
	display: block;
	margin-bottom: 10px;
	width: 100%;
	-webkit-appearance: none;
	border: 1px solid #1FB272;
	line-height: 1em;
	font-weight: bold;
	width: 350px;
	margin: auto;
}
#seminar.detail .main_block #entry_block form .none button {
	background-color: #ccc;
}
#seminar.detail .main_block #entry_block form div.full label {
	cursor: default;
}
#seminar.detail .main_block #entry_block form div.full .radio:before, #seminar.detail .main_block #entry_block form div.full span.full {
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
}
#seminar.detail .main_block .button_block {
	overflow: hidden;
}
#seminar.detail .main_block .button_block p {
	margin-bottom: 15px;
}
#seminar.detail .main_block .button_block p a {
	color: #fff;
	text-align: center;
	font-size: 17px;
	background-color: #1FB272;
	padding: 15px 0;
	border-radius: 25px;
	display: block;
}
#seminar.detail .main_block .button_block p.none a {
	background-color: #ccc;
}
#seminar.detail .main_block .button_block ul {
	width: 280px;
	margin: auto;
}
#seminar.detail .main_block .button_block ul li {
	float: left;
	width: 130px;
	margin: 0 5px;
}
#seminar.detail .main_block .button_block ul li a {
	font-size: 14px;
	border: 1px solid #1FB272;
	text-align: center;
	display: block;
	color: #1FB272;
	border-radius: 18px;
	font-weight: bold;
}
#seminar.detail .main_block #entry_block .button_block ul li.like p.favorite {
	font-size: 14px;
	cursor: pointer;
}
#seminar.detail .main_block .button_block ul li.none a {
	border: 1px solid #ccc;
	color: #ccc;
}
#seminar.detail .main_block .button_block ul li.share a {
	background: url(../img/hnb/detail/icon_share.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 5px;
}
#seminar.detail .main_block .button_block ul li.share.none a {
	background: url(../img/hnb/detail/icon_share_none.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#seminar.detail .main_block .button_block ul li.like a {
	background: url(../img/hnb/detail/icon_like.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#seminar.detail .main_block .button_block ul li.like.none a {
	background: url(../img/hnb/detail/icon_like_none.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#seminar.detail .main_block .button_block ul li p {
	font-size: 14px;
	border: 1px solid #1FB272;
	text-align: center;
	display: block;
	color: #1FB272;
	border-radius: 18px;
	font-weight: bold;
}
#seminar.detail .main_block .button_block ul li.like p {
	background: url(../img/hnb/detail/icon_like.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#seminar.detail .main_block .button_block ul li.like.none p {
	background: url(../img/hnb/detail/icon_like_none.png)no-repeat left 10px center;
	background-size: 20px auto;
	padding: 8px 0 8px 20px;
}
#seminar.detail .main_block .rough_block {
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 50px;
}
#seminar.detail .main_block .rough_block .title {
	font-size: 19px;
	font-weight: normal;
	background-color: #1FB272;
	text-align: center;
	display: inline-block;
	padding: 8px 40px;
	border-radius: 18px;
	color: #fff;
	margin-bottom: 25px;
}
#seminar.detail .main_block .rough_block ul li {
	font-size: 18px;
	padding-left: 10px;
	margin-bottom: 15px;
	background: url(../img/hnb/detail/icon_list.jpg)no-repeat left top 0.3em;
	padding-left: 20px;
	line-height: 1.4em;
	background-size: 10px auto;
}
#seminar.detail .main_block .rough_block ul li:last-of-type {
	margin-bottom: 0;
}
#seminar.detail .main_block .rough_block .button_block {
	display: none;
}
#seminar.detail .main_block .detail_block {
	margin-bottom: 30px;
}
#seminar.detail .main_block .detail_block h3.title {
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 1.4em;
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #ccc;
}
#seminar.detail .main_block .detail_block:first-of-type h3.title {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}
#seminar.detail .main_block .detail_block h4.sub_title {
	font-size: 20px;
	font-weight: bold;
	color: #1FB272;
	line-height: 1.6em;
	margin-bottom: 20px;
}
#seminar.detail .main_block .detail_block p {
	font-size: 16px;
	color: #666;
	line-height: 1.7em;
	margin-bottom: 20px;
}
#seminar.detail .main_block .detail_block p.image {
	margin-bottom: 30px;
}
#seminar.detail .main_block .detail_block p.image img {
	vertical-align: bottom;
}
#seminar.detail .main_block .schedule_block {
	margin: 50px 0 40px;
}
#seminar.detail .main_block .schedule_block table tr td {
	color: #666;
	font-size: 18px;
	line-height: 1.6em;
	width: 200px;
	padding: 15px 0;
	border-top: 1px solid #ccc;
}
#seminar.detail .main_block .schedule_block table tr td:nth-of-type(2) {
	width: 410px;
}
#seminar.detail .main_block .schedule_block .capacity tr td {
	border-bottom: 1px solid #ccc;
}
#seminar.detail .main_block .tags_block {
	padding-bottom: 60px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
#seminar.detail .main_block .tags_block .title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	background-size: contain;
	padding-left: 30px;
	background: url(../img/hnb/detail/icon_tag.png)no-repeat left center;
	margin-bottom: 20px;
	background-size: 20px auto;
}
#seminar.detail .main_block .tags_block .tags .tag {
	display: inline-table;
	margin-right: 10px;
	margin-bottom: 10px;
}
#seminar.detail .main_block .tags_block .tags p {
	font-size: 16px;
	border-radius: 15px;
	display: inline-table;
	margin-right: 10px;
	margin-bottom: 10px;
}
#seminar.detail .main_block .tags_block .tags p a {
	color: #000;
	display: block;
	padding: 8px 15px;
	background-color: #DFE0E2;
	border: none;
	border-radius: 15px;
}
#seminar.detail .main_block .other_seminar {
	padding-bottom: 60px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
	padding-top: 55px;
}
#seminar.detail .main_block .title {
	font-size: 23px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}
#seminar.detail .main_block .item {
	width: 580px;
	float: none;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 30px;
	position: relative;
	margin-bottom: 20px;
}
#seminar.detail .main_block .item p.img img {
	width: 100%;
}
#seminar.detail .main_block .item .img {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
#seminar.detail .main_block .item .inner {
	float: left;
	width: 420px;
}
#seminar.detail .main_block .item.seminar .label {
	background-color: #F67070;
	color: #fff;
	font-size: 13px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: bold;
}
#seminar.detail .main_block .item.seminar .company_name {
	font-size: 15px;
	color: #000;
	margin-bottom: 15px;
}
#seminar.detail .main_block .item .title {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 4em;
	overflow: hidden;
}
#seminar.detail .main_block .item p.text {
	max-height: 3.2em;
	overflow: hidden;
	line-height: 1.6em;
	margin-bottom: 20px;
	color: #666;
}
#seminar.detail .main_block .item .tags_wrapper {
	float: left;
	margin-top: 18px;
	padding: 0;
	overflow: hidden;
	width: 200px;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.2em;
	color: #23B475;
}
#seminar.detail .main_block .item .tags_wrapper a {
	font-size: 13px;
	color: #23B475;
	font-weight: bold;
}
#seminar.detail .main_block .item .date {
	float: right;
	font-size: 12px;
	color: #000;
	margin-top: 20px;
}
#seminar.detail .main_block .item .favorite {
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#seminar.detail .main_block .item .favorite.none {
	background-color: #ccc;
}
#seminar.detail .main_block .button a {
	text-align: center;
	color: #fff;
	font-size: 17px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 10px auto 0px;
	color: #fff;
}
#seminar.detail .main_block #back_entry {
	margin-bottom: 60px;
}
#seminar.detail .main_block #back_entry a {
	color: #fff;
	font-size: 17px;
	width: 300px;
	padding: 15px 0;
	background-color: #1FB272;
	border-radius: 25px;
	display: block;
	margin: 50px auto 0;
	text-align: center;
}
/*#seminar.detail .main_block #back_to_entry{padding-top: 150px;margin-top: -150px;}*/

#seminar.detail .onebox:last-of-type {
	margin-bottom: 50px;
}

@media (max-width: 830px) {
.breagcrumb {
	display: none;
}
#seminar.detail {
	background-color: #fff;
}
#seminar.detail h2 {
	width: 90%;
	padding: 20px 5%;
	margin: 0;
	font-size: 16px;
	background-color: #F3F5F8;
	border-bottom: 1px solid #ccc;
}
#seminar.detail .main_block .button a {
	font-size: 15px;
}
#seminar.detail .title_block {
	height: 250px;
}
#seminar.detail .title_block .title_image {
	width: 100%;
	position: relative;
	margin: 0 auto;
	top: -1px;
}
#seminar.detail .title_block .title_image .image {
	height: 250px;
	position: inherit;
	width: auto;
}
#seminar.detail .title_block .title_image img {
	overflow: hidden;
	position: inherit;
	width: auto;
	height: 250px;
}
#seminar.detail .title_block .inner {
	width: 100%;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
}
#seminar.detail .title_block .inner div {
	display: table;
	height: 250px;
	vertical-align: middle;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
}
#seminar.detail .title_block .inner .label {
	font-size: 13px;
	color: #fff;
	background-color: #000;
	padding: 5px 8px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 20px;
	position: absolute;
	top: 0;
	left: 0;
}
#seminar.detail .title_block .inner .title {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 1.6em;
	text-align: center;
	display: table-cell;
	height: 250px;
	vertical-align: middle;
	padding: 0 5%;
}
#seminar.detail .title_wrapper {
	background-color: rgba(0,0,0,0.3);
	height: 250px;
	position: absolute;
	top: -1px;
	width: 100%;
}
#seminar.detail .main_block .item.seminar .company_name {
	font-size: 13px;
}
#seminar.detail .main_wrapper {
	width: 100%;
}
#seminar.detail .right_column {
	float: none;
	padding: 0 5% 5%;
	width: 90%;
	background-color: #F3F5F8;
}
#seminar.detail .right_column p {
	width: 100%;
}
#seminar.detail .right_column p:last-of-type {
	margin-bottom: 20px;
}
#seminar.detail .right_column p img {
	width: 100%;
}
#seminar.detail .main_block {
	width: 90%;
	padding: 0 5%;
	float: none;
}
#seminar.detail .main_block .title {
	font-size: 15px;
	margin-bottom: 20px;
}
#seminar.detail .main_block #entry_block.fixed {
	position: inherit;
	margin-left: 0;
	margin: 0 -5%;
}
#seminar.detail .main_block #entry_block {
	position: inherit;
	width: 100%;
	padding: 10% 5%;
	margin: 0 -5%;
	border-radius: 0;
	border-bottom: 1px solid #ccc !important;
	border: none;
}
#seminar.detail .main_block #entry_block form div {
	margin-bottom: 15px;
}
#seminar.detail .main_block #entry_block form label span:nth-of-type(1) {
	font-size: 20px;
}
#seminar.detail .main_block #entry_block form label span:nth-of-type(2) {
	font-size: 13px;
}
#seminar.detail .main_block #entry_block form label {
	font-weight: bold;
	font-size: 20px;
}
#seminar.detail .main_block #entry_block form button {
	font-size: 13px;
	width: 100%;
}
#seminar.detail .main_block #entry_block form button.last_link {
	font-size: 13px;
	width: 100%;
}
#seminar.detail .main_block #entry_block div p {
	font-size: 15px;
}
#seminar.detail select {
	font-size: 15px;
}
#seminar.detail .main_block #entry_block .area {
	margin-bottom: 10px;
}
#seminar.detail .main_block #entry_block .area p {
	display: inline-block;
	font-size: 13px;
	color: #919597;
	border: 1px solid #919597;
	padding: 5px 20px;
	margin-right: 5px;
}
#seminar.detail .main_block .tags_block {
	margin: 0 -5%;
	padding: 50px 5% 12%;
	border-bottom: none;
	background-color: #fff;
}
#seminar.detail .main_block .tags_block .title {
	font-size: 15px;
	padding: 0.5% 8%;
	background-size: contain;
}
#seminar.detail .main_block .tags_block .tags .tag {
	margin-bottom: 5px;
	margin-right: 0;
}
#seminar.detail .main_block .tags_block .tags p a {
	font-size: 13px;
}
#seminar.detail .main_block .button_block ul li {
	display: inline-block;
	width: 46%;
	margin: 0 1%;
	background: none;
	padding-left: 0;
}
#seminar.detail .main_block .rough_block {
	background-color: #fff;
	padding: 10% 5% 15%;
	border-radius: 0;
	width: 100%;
	margin: 0 -5% 0;
}
#seminar.detail .main_block .rough_block .title {
	font-size: 16px;
	background-color: #1FB272;
	text-align: center;
	display: block;
	padding: 2% 0;
	border-radius: 20px;
	color: #fff;
	margin: 0 20% 25px;
	width: 60%;
}
#seminar.detail .main_block .rough_block ul li {
	font-size: 15px;
	padding-left: 10px;
	margin-bottom: 15px;
	background-image: url(../img/hnb/detail/icon_list.jpg);
	background-repeat: no-repeat;
	background-position: left 0.4em;
	padding-left: 20px;
	line-height: 1.4em;
	background-size: 8px auto;
}
#seminar.detail .main_block .rough_block ul li:last-of-type {
	margin-bottom: 0;
}
#seminar.detail .main_block .rough_block .button_block {
	display: block;
	margin-top: 40px;
}
#seminar.detail .main_block .button_block p {
	margin-bottom: 15px;
}
#seminar.detail .main_block .button_block p a {
	color: #fff;
	text-align: center;
	font-size: 14px;
	background-color: #1FB272;
	padding: 15px 0;
	border-radius: 25px;
	display: block;
}
#seminar.detail .main_block .button_block ul li {
	display: inline-block;
	width: 46%;
	margin: 0 1%;
	background: none;
	padding-left: 0;
}
#seminar.detail .main_block .button_block ul li a {
	font-size: 13px;
	border: 1px solid #1FB272;
	text-align: center;
	display: block;
	color: #1FB272;
	border-radius: 18px;
	font-weight: bold;
}
#seminar.detail .main_block .button_block ul li.share a {
	background-image: url(../img/hnb/detail/icon_share.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	line-height: 1em;
	border-radius: 25px;
	background-size: 20px auto;
	padding: 15px 0 15px 5px;
}
#seminar.detail .main_block .button_block ul li.like a {
	background-image: url(../img/hnb/detail/icon_like.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	line-height: 1em;
	border-radius: 25px;
	background-size: 20px auto;
	padding: 15px 0 15px 20px;
}
#seminar.detail .main_block .button_block ul li p {
	font-size: 13px;
	border: 1px solid #1FB272;
	text-align: center;
	display: block;
	color: #1FB272;
	border-radius: 18px;
	font-weight: bold;
}
#seminar.detail .main_block .button_block ul li.like p {
	background-image: url(../img/hnb/detail/icon_like.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	line-height: 1em;
	border-radius: 25px;
	background-size: 20px auto;
	padding: 15px 0 15px 20px;
}
#seminar.detail .main_block .schedule_block {
	background-color: #F3F5F8;
	margin: 0 -5%;
	padding: 5% 5% 10%;
}
#seminar.detail .main_block .schedule_block table {
	width: 100%;
}
#seminar.detail .main_block .schedule_block table tr td {
	color: #666;
	font-size: 13px;
	line-height: 1.6em;
	width: 25%;
	padding: 15px 0;
	border-top: 1px solid #ccc;
}
#seminar.detail .main_block .schedule_block table tr td:nth-of-type(2) {
	width: 75%;
}
#seminar.detail .main_block .schedule_block .capacity tr td {
	border-bottom: 1px solid #ccc;
}
#seminar.detail .main_block .item {
	width: 100%;
	padding: 5% 4%;
}
#seminar.detail .main_block .detail_area {
	background-color: #F3F5F8;
	margin: 0 -5%;
	padding: 10% 5% 5%;
	width: 100%;
}
#seminar.detail .main_block .detail_block h3.title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	border-top: 1px solid #ccc;
	margin: 30px -5% 20px;
	padding: 30px 5% 0;
	width: 100%;
}
#seminar.detail .main_block .detail_block:first-of-type h3.title {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}
#seminar.detail .main_block .detail_block h4.sub_title {
	font-size: 15px;
	font-weight: bold;
	color: #1FB272;
	line-height: 1.6em;
	margin-bottom: 20px;
}
#seminar.detail .main_block .detail_block p {
	font-size: 13px;
	color: #666;
	line-height: 1.7em;
	margin-bottom: 20px;
}
#seminar.detail .main_block .detail_block p.image {
	margin-bottom: 20px;
	height: auto;
	overflow: inherit;
}
#seminar.detail .main_block .detail_block p.image img {
	vertical-align: bottom;
	width: 100%;
}
#seminar.detail .main_block .other_seminar {
	background-color: #F3F5F8;
	margin: 0 -5%;
	padding: 10% 5%;
}
#seminar.detail .main_block .other_recommend_seminar {
	background-color: #F3F5F8;
	margin: 0 -5%;
	padding: 10% 5% 15%;
}
#seminar.detail .main_block .item {
	width: 100%;
	box-sizing: border-box;
	float: none;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 5% 4%;
	position: relative;
	margin-bottom: 30px;
}
#seminar.detail .main_block .item .img {
	float: left;
	width: 35%;
	margin-right: 5%;
}
#seminar.detail .main_block .item .inner {
	float: left;
	width: 60%;
}
#seminar.detail .main_block .item.seminar .label {
	font-size: 9px;
	padding: 5px;
}
#seminar.detail .main_block .item .img p.inner_label {
	font-size: 11px;
}
#seminar.detail .main_block .item .title {
	font-weight: bold;
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 6.5em;
	overflow: hidden;
}
#seminar.detail .main_block .item p.text {
	color: #666;
	line-height: 1.6em;
	margin-bottom: 12px;
	font-size: 13px;
	max-height: 3em;
	overflow: hidden;
}
#seminar.detail .main_block .item .tags_wrapper {
	width: 60%;
	overflow: hidden;
	margin-top: 6px;
}
#seminar.detail .main_block .item .tags_wrapper a {
	font-size: 10px;
}
#seminar.detail .main_block .item .date {
	font-size: 11px;
	width: 35%;
	text-align: right;
	margin-top: 10px;
}
#seminar.detail .main_block .item .favorite {
	position: absolute;
	top: -10px;
	right: 3%;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#seminar.detail .main_block .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#seminar.detail .menu {
	margin-top: 40px;
	margin-bottom: 20px;
	padding-left: 0;
	margin: 0;
	position: relative;
	z-index: 20;
	padding: 15px 0 0;
	background-image: url(../img/hnb/icon/notselect_bar_smp.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 8px;
}
#seminar.detail .menu ul {
	width: 100%;
	padding: 0;
	margin-bottom: 5px;
}
#seminar.detail .menu li {
	width: 19%;
	float: left;
	font-size: 10px;
	color: #999;
	padding-bottom: 0;
	text-align: center;
	padding: 0 0 20px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#seminar.detail .menu li:nth-of-type(4) {
	width: 24%;
}
#seminar.detail .menu li.select {
	font-weight: bold;
	color: #000;
	background-image: url(../img/hnb/icon/select_bar_smp.png);
	background-size: auto 8px;
}
#seminar.detail .menu li a {
	font-size: 10px;
	color: #999;
	text-decoration: none;
	font-weight: normal;
}
#seminar.detail .menu li.select a {
	font-weight: bold;
	color: #000;
}
#seminar.detail .menu li span {
	display: none;
}
#seminar.detail .main_block #back_entry {
	display: none;
}
#seminar.detail .main_block #back_to_entry {
	padding-top: 0;
	margin-top: 0;
}
#seminar.detail .onebox:last-of-type {
	margin-bottom: 20px;
}
}
/************************
    スライド
*************************/
.slick-dots li {
	width: 10px;
	height: 10px;
}
.slick-dots li button {
	width: 10px;
	height: 10px;
	background-color: #999;
	border-radius: 50%;
}
.slick-dots li.slick-active button {
	background-color: #333
}
.slick-dots li button:before {
	width: 10px;
	height: 10px;
	line-height: 1em;
	color: #999
}
.slick-dots li.slick-active button:before {
	color: #333
}
.slider_wrap .content .slider {
	margin: 0 auto 30px;
}
.slider_wrap .content .slick-slide img {
	width: 100%;
	height: auto;
}
.slider_wrap .content .mypattern {
	width: 100%;
}
.slider_wrap .content .mypattern .slick-slide {
	margin: 0 10px;
}
.slider_wrap .content {
	width: 100% !important;
	background-color: #F3F5F8;
	padding-top: 40px;
	padding-bottom: 20px;
}
/************************
    トップページ
*************************/
#top_wrapper {
	clear: both;
}
#top_wrapper .bg_blue_wrapper {
	background-color: #F3F5F8;
}
#top_wrapper .bg_blue_inner {
	width: 1040px;
	margin: 0 auto;
	padding: 20px 0 70px;
}
#top_wrapper .terminal_seminar .bg_blue_inner {
	padding: 20px 0 40px;
}
.bg_white_wrapper {
	background-color: #fff;
}
.bg_white_inner {
	width: 1040px;
	margin: 0 auto;
	padding: 40px 0 60px;
}
#top_wrapper h3.title {
	font-weight: bold;
	color: #000;
	font-size: 22px !important;
	margin-bottom: 20px;
}
#top_wrapper .button a {
	text-align: center;
	color: #fff;
	font-size: 17px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 10px auto 0px;
	color: #fff;
}
#top_wrapper .popular {
	margin-bottom: 60px;
}
#top_wrapper .popular .item:nth-of-type(1) {
	float: none;
	width: 980px;
	margin-right: 0;
}
#top_wrapper .popular .item:nth-of-type(1) .img {
	float: left;
	width: 300px;
	margin-right: 30px;
}
#top_wrapper .popular .item:nth-of-type(1) .img img {
	width: 300px;
}
#top_wrapper .popular .item:nth-of-type(1) .inner {
	float: left;
	width: 649px;
}
#top_wrapper .popular .item:nth-of-type(2n) {
	margin-right: 20px;
}
#top_wrapper .popular .item .img {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
#top_wrapper .popular .item .img img {
	width: 100%;
}
#top_wrapper .popular .item .img .image img {
	width: 78px;
}
#top_wrapper .popular .item .img .inner_label {
	font-size: 16px;
	font-weight: bold;
	border-radius: 20px;
	padding: 8px 0;
	margin-top: 20px;
	max-width: 130px;
	margin: 20px auto 0;
}
#top_wrapper .popular .item.selection .img p.inner_label {
	border: 2px solid #01AAD0;
	color: #01AAD0;
}
#top_wrapper .popular .item.intern .img p.inner_label {
	border: 2px solid #FF9400;
	color: #FF9400;
}
#top_wrapper .popular .item.obog .img p.inner_label {
	border: 2px solid #C891E9;
	color: #C891E9;
}
#top_wrapper .popular .item .inner {
	float: left;
	width: 288px;
}
#top_wrapper .popular .label {
	color: #fff;
	font-size: 13px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: bold;
}
#top_wrapper .popular .item.info .label {
	background-color: #333;
}
#top_wrapper .popular .item.selection .label {
	background-color: #01AAD0;
}
#top_wrapper .popular .item.intern .label {
	background-color: #FF9400;
}
#top_wrapper .popular .item.obog .label {
	background-color: #C891E9;
}
#top_wrapper .popular .item.seminar .label {
	background-color: #F67070;
}
#top_wrapper .popular .item {
	width: 448px;
	float: left;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 30px 30px 40px;
	position: relative;
	margin-bottom: 20px;
}
#top_wrapper .popular .company_name {
	color: #000;
	margin-bottom: 15px;
}
#top_wrapper .popular .title {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 4em;
	overflow: hidden;
}
#top_wrapper .popular p.text {
	max-height: 3.2em;
	overflow: hidden;
}
#top_wrapper .popular .text {
	color: #838383;
	line-height: 1.6em;
	font-size: 14px;
}
#top_wrapper .popular .text p {
	margin-bottom: 15px;
}
#top_wrapper .popular .text table td {
	width: 40%;
}
#top_wrapper .popular .text table td:nth-of-type(2) {
	color: #000;
	width: 60%;
}
#top_wrapper .popular .tags_wrapper {
	float: left;
	width: 200px;
	overflow: hidden;
}
#top_wrapper .popular .tags_wrapper .tags {
	font-size: 12px;
	color: #23B475;
	font-weight: bold;
	margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.2em;
}
#top_wrapper .popular .tags_wrapper .tags a {
	font-size: 12px;
	color: #23B475;
	font-weight: bold;
	margin-top: 15px;
}
#top_wrapper .popular .tags_wrapper .tags span {
	display: inline-block;
	margin-right: 10px;
}
#top_wrapper .popular .date {
	float: right;
	font-size: 12px;
	color: #333;
	margin-top: 15px;
}
#top_wrapper .popular .favorite {
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#top_wrapper .popular .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#top_wrapper .new .item:nth-of-type(2n-1) {
	margin-right: 20px;
}
#top_wrapper .new .item {
	width: 448px;
	float: left;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 30px;
	position: relative;
	margin-bottom: 20px;
}
#top_wrapper .new .item .img {
	float: left;
	width: 130px;
	margin-right: 30px;
	overflow: hidden;
	text-align: center;
}
#top_wrapper .new .item .img .image img {
	width: 78px;
}
#top_wrapper .new .item .inner {
	float: left;
	width: 288px;
}
#top_wrapper .new .item .company_name {
	color: #000;
	margin-bottom: 15px;
}
#top_wrapper .new .item .title {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 4em;
	overflow: hidden;
}
#top_wrapper .new .item p.text {
	max-height: 3.2em;
	overflow: hidden;
}
#top_wrapper .new .item .heightLine-topNewText {
	margin-bottom: 15px;
}
#top_wrapper .new .item .text {
	color: #838383;
	line-height: 1.6em;
	font-size: 14px;
}
#top_wrapper .new .item .text p {
	margin-bottom: 15px;
}
#top_wrapper .new .item.text table {
	width: 100%;
}
#top_wrapper .new .item .text table td {
	width: 30%;
}
#top_wrapper .new .item .text table td:nth-of-type(2) {
	color: #000;
	width: 70%;
}
#top_wrapper .new .item.intern .text table td {
	width: 40%;
}
#top_wrapper .new .item.intern .text table td:nth-of-type(2) {
	color: #000;
	width: 60%;
}
#top_wrapper .new .tags_wrapper {
	float: left;
	width: 200px;
	overflow: hidden;
}
#top_wrapper .new .tags_wrapper .tags {
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #23B475;
	overflow: hidden;
}
#top_wrapper .new .tags_wrapper .tags a {
	font-size: 12px;
	color: #23B475;
	font-weight: bold;
	margin-top: 15px;
}
#top_wrapper .new .tags_wrapper .tags span {
	display: inline-block;
	margin-right: 10px;
}
#top_wrapper .new .date {
	text-align: right;
	float: right;
	font-size: 12px;
	color: #333;
	margin-top: 15px;
}
#top_wrapper .new .favorite {
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#top_wrapper .new .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#top_wrapper .new .menu {
	margin: 40px 0 35px;
	padding-left: 30px;
	background: url(../img/hnb/icon/top_newNav_pc02.jpg)repeat-x bottom center;
}
#top_wrapper .new .menu li {
	cursor: pointer;
	width: 120px;
	float: left;
	font-size: 17px;
	color: #999;
	padding-bottom: 20px;
	text-align: center;
}
#top_wrapper .new .menu li:nth-of-type(1) {
	width: 100px;
}
#top_wrapper .new .menu li.select {
	font-weight: bold;
	color: #000;
	background: url(../img/hnb/icon/top_newNav_pc.jpg)no-repeat bottom center;
}
#top_wrapper .new .item p.img img {
	width: 100%;
}
#top_wrapper .item.intern .img div.inner_label {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}
#top_wrapper .item.intern .img div.inner_label p {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
#top_wrapper .item.intern .img div.inner_label p.icon_text {
	margin-left: 5px;
}
#top_wrapper .item.intern .img div.inner_label.good p.icon_text {
	color: #FF6900;
}
#top_wrapper .item.intern .img div.inner_label.normal p.icon_text {
	color: #FF9540;
}
#top_wrapper .item.intern .img div.inner_label.bad p.icon_text {
	color: #FFC419;
}
#top_wrapper .item.intern .img div.inner_label p.icon.good {
	width: 40px;
	height: 40px;
	background: url(../img/hnb/icon/good.png)no-repeat left center;
	background-size: contain;
}
#top_wrapper .item.intern .img div.inner_label p.icon.normal {
	width: 40px;
	height: 40px;
	background: url(../img/hnb/icon/normal.png)no-repeat left center;
	background-size: contain;
}
#top_wrapper .item.intern .img div.inner_label p.icon.bad {
	width: 40px;
	height: 40px;
	background: url(../img/hnb/icon/bad.png)no-repeat left center;
	background-size: contain;
}
#top_wrapper .new .item .img p.inner_label {
	font-size: 16px;
	font-weight: bold;
	border-radius: 20px;
	padding: 8px 0;
	margin-top: 20px;
}
#top_wrapper .new .item.selection .img p.inner_label {
	border: 2px solid #01AAD0;
	color: #01AAD0;
}
#top_wrapper .new .item.intern .img p.inner_label {
	border: 2px solid #FF9400;
	color: #FF9400;
}
#top_wrapper .new .item.obog .img p.inner_label {
	border: 2px solid #C891E9;
	color: #C891E9;
}
#top_wrapper .new .item .inner {
	float: left;
	width: 288px;
}
#top_wrapper .new .label {
	color: #fff;
	font-size: 13px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: bold;
}
#top_wrapper .new .item.info .label {
	background-color: #333;
}
#top_wrapper .new .item.selection .label {
	background-color: #01AAD0;
}
#top_wrapper .new .item.intern .label {
	background-color: #FF9400;
}
#top_wrapper .new .item.obog .label {
	background-color: #C891E9;
}
#top_wrapper .new .item.seminar .label {
	background-color: #F67070;
}
#top_wrapper.terminal #top_tags_wrapper {
	margin: 20px 0 80px;
}
#top_tags_wrapper {
	margin: -30px 0 80px;
}
#top_tags_wrapper .tags_search {
	width: 1040px;
	margin: auto;
}
#top_tags_wrapper .tags_search .tag {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 15px;
}
#top_tags_wrapper .tags_search .tag form button {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 16px;
	padding: 7px 18px;
	border-radius: 18px;
}
#top_tags_wrapper .tags_search .tag a {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 16px;
	padding: 7px 18px;
	border-radius: 18px;
	display: inline-table;
}

@media (max-width: 830px) {
.slider_wrap .content .slider {
	margin: 0 auto;
}
.slider_wrap .content .mypattern .slick-slide {
	margin: 0 5px;
}
.slider_wrap .content {
	padding-top: 20px;
}
.container {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
.slide_all {
	width: 870px;
	margin: 0 auto;
	height: 250px;
	position: relative;
}
.slide_wrap {
	width: 2670px;
	position: absolute;
	left: 50%;
	margin-left: -1335px;
}
#top_wrapper h3.title {
	font-weight: bold;
	color: #000;
	font-size: 18px !important;
	margin-bottom: 20px;
}
#top_wrapper .button a {
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 15px 0;
	background-color: #999;
	border-radius: 23px;
	display: inherit;
	margin: 10px 0 0;
}
#top_wrapper .bg_blue_wrapper {
	background-color: #F3F5F8;
}
#top_wrapper .bg_blue_inner {
	width: 90%;
	margin: 0 auto;
	padding: 8% 5% 15%;
}
#top_wrapper .terminal_seminar .bg_blue_inner {
	padding: 8% 5% 0;
}
.bg_white_wrapper {
	background-color: #fff;
}
.bg_white_inner {
	width: 90%;
	margin: 0 auto;
	padding: 10% 5% 15%;
}
#top_wrapper .popular {
	margin-bottom: 30px;
}
#top_wrapper .popular .item:nth-of-type(1) .img {
	float: left;
	width: 35%;
	margin-right: 5%;
}
#top_wrapper .popular .item:nth-of-type(1) .img img {
	width: 100%;
}
#top_wrapper .popular .item:nth-of-type(1) {
	float: none;
	width: 100%;
	box-sizing: border-box;
	margin-right: 0;
}
#top_wrapper .popular .item:nth-of-type(1) .inner {
	float: left;
	width: 60%;
}
#top_wrapper .popular .item:nth-of-type(4) {
	display: none;
}
#top_wrapper .popular .item:nth-of-type(5) {
	display: none;
}
#top_wrapper .popular .item {
	width: 100%;
	box-sizing: border-box;
	float: none;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 5% 4%;
	margin-bottom: 30px;
}
#top_wrapper .popular .item .img {
	float: left;
	width: 35%;
	margin-right: 5%;
}
#top_wrapper .popular .item .img .image img {
	width: 100%;
}
#top_wrapper .item .img p img {
	width: 100%;
}
#top_wrapper .popular .item .inner {
	float: left;
	width: 60%;
}
#top_wrapper .popular .label {
	background-color: #333;
	color: #fff;
	font-size: 9px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
}
#top_wrapper .popular .company_name {
	color: #000;
	margin-bottom: 15px;
	font-size: 13px;
}
#top_wrapper .popular .title {
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 6.5em;
	overflow: hidden;
}
#top_wrapper .popular .text table td:nth-of-type(1) {
	display: none;
}
#top_wrapper .popular .text table td:nth-of-type(2) {
	width: 100%;
}
#top_wrapper .popular .item.info .text {
	max-height: 6.5em;
	overflow: hidden;
}
#top_wrapper .popular .item.selection .text p {
	max-height: 6.5em;
	overflow: hidden;
	margin-bottom: 10px;
}
#top_wrapper .popular .item.intern .text p {
	max-height: 6.5em;
	overflow: hidden;
	margin-bottom: 10px;
}
#top_wrapper .popular .item.obog .text p {
	max-height: 6.5em;
	overflow: hidden;
	margin-bottom: 10px;
}
#top_wrapper .popular .text {
	color: #666;
	line-height: 1.6em;
	font-size: 13px;
}
#top_wrapper .popular .tags_wrapper {
	float: left;
	width: 60%;
	overflow: hidden;
}
#top_wrapper .popular .tags_wrapper .tags {
	font-size: 8px;
	color: #1FB272;
	overflow: hidden;
	margin-top: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#top_wrapper .popular .tags_wrapper .tags a {
	font-size: 8px;
	color: #1FB272;
}
#top_wrapper .popular .date {
	float: right;
	font-size: 9px;
	margin-top: 10px;
	color: #000;
	width: 40%;
	text-align: right;
}
#top_wrapper .popular .favorite {
	position: absolute;
	top: -10px;
	right: 3%;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
	cursor: pointer;
}
#top_wrapper .popular .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#top_wrapper .popular .item .img .inner_label {
	font-size: 11px;
	padding: 5px 0;
	margin-top: 10px;
	max-width: 100%;
}
#top_wrapper .popular .item .img p.image {
	padding: 0 20%;
}
#top_wrapper .new .item:nth-of-type(2n-1) {
	margin-right: 0;
}
#top_wrapper .new .item {
	width: 100%;
	box-sizing: border-box;
	float: none;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 5% 4%;
	position: relative;
	margin-bottom: 30px;
}
#top_wrapper .new .item:nth-of-type(4n) {
	display: none;
}
#top_wrapper .new .item .img {
	float: left;
	width: 35%;
	margin-right: 5%;
	overflow: hidden;
}
#top_wrapper .new .item .img .image img {
	width: 100%;
}
#top_wrapper .new .item .inner {
	float: left;
	width: 60%;
}
#top_wrapper .new .label {
	background-color: #333;
	color: #fff;
	font-size: 9px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
}
#top_wrapper .new .item .img p.inner_label {
	font-size: 12px;
}
#top_wrapper .new .item .company_name {
	color: #000;
	margin-bottom: 15px;
	font-size: 13px;
}
#top_wrapper .new .item .title {
	font-weight: bold;
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 6.5em;
	overflow: hidden;
}
#top_wrapper .new .item.info .text {
	max-height: 6.5em;
	overflow: hidden;
}
#top_wrapper .new .item.selection .text p {
	max-height: 6.5em;
	overflow: hidden;
	margin-bottom: 10px;
}
#top_wrapper .new .item.intern .text p {
	max-height: 6.5em;
	overflow: hidden;
	margin-bottom: 10px;
}
#top_wrapper .new .item.obog .text p {
	max-height: 6.5em;
	overflow: hidden;
	margin-bottom: 10px;
}
#top_wrapper .new .item .text {
	color: #666;
	line-height: 1.6em;
	font-size: 13px;
}
#top_wrapper .new .item .text table td:nth-of-type(1) {
	display: none;
}
#top_wrapper .new .item .text table td:nth-of-type(2) {
	width: 100%;
}
#top_wrapper .new .item .tags_wrapper {
	float: left;
	width: 55%;
	overflow: hidden;
}
#top_wrapper .new .item .tags_wrapper .tags a {
	font-size: 8px;
	color: #1FB272;
	overflow: hidden;
	margin-top: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#top_wrapper .new .item .date {
	font-size: 9px;
	color: #000;
	width: 40%;
	text-align: right;
	margin-top: 10px;
}
#top_wrapper .new .item .favorite {
	position: absolute;
	top: -10px;
	right: 3%;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#top_wrapper .new .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#top_wrapper .new .menu {
	padding-left: 0;
	margin: 20px -5% 30px;
	background-image: url(../img/hnb/icon/notselect_bar_blue_smp.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 8px;
}
#top_wrapper .new .menu li {
	cursor: pointer;
	width: 19%;
	float: left;
	font-size: 10px;
	color: #999;
	padding-bottom: 0;
	text-align: center;
	padding: 0 0 20px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#top_wrapper .new .menu li:nth-of-type(1) {
	width: 19%;
}
#top_wrapper .new .menu li:nth-of-type(4) {
	width: 24%;
}
#top_wrapper .new .menu li.select {
	font-weight: bold;
	color: #000;
	background-image: url(../img/hnb/icon/select_bar_blue_smp.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 8px;
}
#top_wrapper .menu li a {
	font-size: 10px;
	color: #999;
	text-decoration: none;
	font-weight: normal;
}
#top_wrapper .menu li.select a {
	font-weight: bold;
	color: #000;
}
#top_wrapper .new .menu li span {
	display: none;
}
#top_wrapper .new .item .img .inner_label {
	font-size: 11px;
	padding: 5px 0;
	margin-top: 10px;
}
#top_wrapper .new .item .img p.image {
	padding: 0 20%;
}
#top_wrapper .item.intern .img div.inner_label {
	margin-top: 10px;
	padding: 0;
}
#top_wrapper .item.intern .img div.inner_label p.icon.good {
	width: 25%;
	height: 35px;
}
#top_wrapper .item.intern .img div.inner_label p.icon.normal {
	width: 25%;
	height: 35px;
}
#top_wrapper .item.intern .img div.inner_label p.icon.bad {
	width: 25%;
	height: 35px;
}
#top_wrapper .item.intern .img div.inner_label p.icon_text {
	font-size: 12px;
	margin-left: 0;
}
#top_wrapper .new .item.selection .img p.inner_label {
	margin-top: 10px;
}
#top_wrapper .new .item.obog .img p.inner_label {
	margin-top: 10px;
}
#top_wrapper.terminal #top_tags_wrapper {
	margin: 0 0 60px;
}
#top_tags_wrapper {
	margin: -40px 0 60px;
}
#top_tags_wrapper .tags_search {
	width: 100%;
}
#top_tags_wrapper .tags_search .tag {
	display: inline-block;
	margin-right: 0;
	margin-bottom: 5px;
}
#top_tags_wrapper .tags_search .tag a {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 13px;
	padding: 5px 15px;
	border-radius: 18px;
}
#top_tags_wrapper .tags_search .tag form button {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 13px;
	padding: 5px 15px;
	border-radius: 18px;
}
}
/************************
    ヘッダー
*************************/
header.m_header {
	display: none;
}
header h1 {
	color: #fff;
	background-color: #1FB272;
	font-size: 13px;
	padding: 5px 10px;
}
header .header_area {
	border-bottom: 1px solid #ccc;
	height: 70px;
}
header .logo {
	float: left;
	height: 70px;
	/*border-right: 1px solid #ccc;*/
	position: relative;
}
header .logo p {
	padding: 18px;
}
header .logo img {
	height: 34px;
	width: auto;
}
header .logo a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
header .logo .logo_img {
	width: 111px;
	margin: auto;
}
header .logo.year .logo_img {
	width: 171px;
	margin: auto;
}
header ul {
	float: left;
}
header ul li {
	font-size: 14px;
	border-right: 1px solid #ccc;
	display: table-cell;
	width: 100px;
	height: 70px;
	text-align: center;
	position: relative;
	vertical-align: middle;
	padding-left: 30px;
}
header ul li:nth-of-type(1) {
	background: url(../img/hnb/newheader/icon_intern_pc.jpg)no-repeat left 12px center;
	background-size: 28px auto;
}
header ul li:nth-of-type(2) {
	background: url(../img/hnb/newheader/icon_selection_pc.jpg)no-repeat left 12px center;
	background-size: 28px auto;
}
header ul li:nth-of-type(3) {
	background: url(../img/hnb/newheader/icon_obog_pc.jpg)no-repeat left 12px center;
	background-size: 28px auto;
}
header ul li:nth-of-type(4) {
	background: url(../img/hnb/newheader/icon_countermeasure_pc.jpg)no-repeat left 12px center;
	background-size: 28px auto;
}
header ul li:nth-of-type(5) {
	background: url(../img/hnb/newheader/icon_seminar_pc.jpg)no-repeat left 12px center;
	background-size: 28px auto;
}
header ul li:nth-of-type(6) {
	background: url(../img/hnb/newheader/icon_about_pc.jpg)no-repeat left 12px center;
	background-size: 28px auto;
}
header ul li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
}
header .entry_button {
	float: right;
	margin-top: 25px;
}
header .entry_button p {
	float: right;
	vertical-align: middle;
}
header .entry_button p a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	margin: 0 10px;
	padding: 10px 0 10px 30px;
}
header .entry_button p.login a {
	margin-right: 20px;
	background: url(../img/hnb/newheader/icon_login_pc.jpg)no-repeat left center;
	background-size: 22px auto;
}
header .entry_button p.login.after a {
	background: url(../img/hnb/newheader/icon_logout_pc.jpg)no-repeat left center;
	background-size: 22px auto;
}
header .entry_button p.entry a {
	background: url(../img/hnb/newheader/icon_entry_pc.jpg)no-repeat left center;
	background-size: 22px auto;
}
header .entry_button p.entry.after a {
	background: url(../img/hnb/newheader/icon_mypage_pc.jpg)no-repeat left center;
	background-size: 22px auto;
	padding: 10px 0 10px 23px;
}
header .entry_button p:nth-of-type(4) a {
	background: url(../img/hnb/newheader/search_pc.jpg)no-repeat left center;
	background-size: 22px auto;
}
header .entry_button p.search {
	margin: 3px 18px 0 0;
	padding: 0;
	width: 18px;
	height: 18px;
}
header .entry_button p.search a {
	margin: 0;
	width: 18px;
	height: 18px;
}
header .entry_button p.menu_button {
	display: none;
}
header .header_search {
	float: right;
	width: 230px;
	height: 30px;
	margin-top: -5px;
	border: 1px solid #ddd;
}
header .header_search form {
	position: relative;
}
header .header_search form input[type='text'] {
	padding: 5px;
	width: 220px;
	height: 20px;
	border: none;
	box-shadow: none;
}
header .header_search form button {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	width: 30px;
	background: url(../img/hnb/newheader/search_input_pc.jpg)no-repeat center center;
	background-size: contain;
	border: none;
	box-shadow: none;
	border-left: 1px solid #ddd;
}
header #header.fixed_header {
	display: none;
}
header #header.fixed_header .header_search {
	margin-top: -7px;
}
header #header.fixed_header.fixed {
	display: block;
}
header #header.fixed_header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background: #fff;
	border-top: 3px solid #1FB272;
}
header #header.fixed_header .header_area {
	height: 50px;
}
header #header.fixed_header .logo {
	height: 50px;
	text-align: left;
}
header #header.fixed_header .logo p {
	padding: 15px;
	padding-left: 15px;
}
header #header.fixed_header .logo p {
	padding: 15px 18px;
}
header #header.fixed_header .logo img {
	height: 20px;
	width: auto;
}
header #header.fixed_header .logo a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
header #header.fixed_header .logo .logo_img {
	width: 111px;
	margin: auto;
}
header #header.fixed_header .logo.year .logo_img {
	width: 171px;
	margin: auto;
}
header #header.fixed_header ul li {
	height: 50px;
}
header #header.fixed_header ul li a {
	height: 50px;
}
header #header.fixed_header .entry_button {
	margin-top: 17px;
}

@media screen and (min-width:830px) and ( max-width:1490px) {
header .header_search {
	display: none;
}
}

@media screen and (min-width:830px) and ( max-width:1250px) {
header .logo {
	float: left;
	height: 70px;
	border-right: 1px solid #ccc;
	position: relative;
	width: 12%;
	box-sizing: border-box;
}
header .logo a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 70% auto;
}
header .logo img {
	height: auto;
	width: 100%;
}
header .logo .logo_img {
	width: 90%;
	padding: 0 5%;
	display: table-cell;
	vertical-align: middle;
	height: 70px;
}
header .logo.year .logo_img {
	width: 90%;
	padding: 0 5%;
	margin: auto;
}
header #header.fixed_header .logo img {
	height: auto;
	width: 100%;
}
header #header.fixed_header .logo a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
header #header.fixed_header .logo .logo_img {
	width: 90%;
	padding: 0 5%;
	margin: auto;
	height: 50px;
}
header #header.fixed_header .logo.year .logo_img {
	width: 90%;
	padding: 0 5%;
	margin: auto;
}
header ul {
	float: left;
	width: 65%;
	margin-right: 3%;
}
header ul li {
	border-right: 1px solid #ccc;
	height: 70px;
	text-align: center;
	position: relative;
	font-size: 13px;
}
header .entry_button {
	float: right;
	margin-top: 25px;
	width: 20%;
}
header .entry_button p {
	float: right;
	vertical-align: middle;
	width: 47%;
}
header .entry_button p a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	margin: 0 0;
	padding: 10px 0 10px 30px;
}
header .entry_button p.login {
	margin-right: 2%;
	margin-left: 4%;
}
header .entry_button p.login a {
	margin-right: 0;
}
}

@media (max-width: 830px) {
header .header_search {
	display: none;
}
header h1 {
	text-align: center;
	font-size: 9px;
	padding: 5px 0;
	max-height: 10px;
}
header h1, header .header_inner {
	z-index: 10;
}
header .drawer-menu li {
	border-right: none;
}
header .header_area {
	height: auto;
}
header .logo {
	width: 25%;
	height: 50px;
	border-right: none;
	position: relative;
	display: inherit;
	margin-left: 3%;
}
header .logo a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
header .logo img {
	width: 100%;
	height: auto;
}
header .logo .logo_img {
	height: 50px;
	padding: 3% 0;
	display: table-cell;
	vertical-align: middle;
}
header .logo.year .logo_img {
	height: 40px;
	padding: 5px 0;
	display: table-cell;
	vertical-align: middle;
}
header ul {
	float: none;
	clear: both;
	border-top: 1px solid #ccc;
	width: 100%;
}
header ul li {
	font-size: 10px;
	text-align: center;
	padding-left: 0;
	padding: 16% 0 3%;
	height: auto;
	box-sizing: border-box;
	float: left;
	width: 25%;
	max-width: 20%;
	display: inherit;
	background: none !important;
}
header ul li:nth-of-type(5) {
	border-right: none;
}
header ul.clearfix li:nth-of-type(6) {
	display: none;
}
header ul li:nth-of-type(1) a {
	background-image: url(../img/hnb/newheader/icon_intern.jpg);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 45% auto;
}
header ul li:nth-of-type(2) a {
	background-image: url(../img/hnb/newheader/icon_selection.jpg);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 45% auto;
}
header ul li:nth-of-type(3) a {
	background-image: url(../img/hnb/newheader/icon_obog.jpg);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 45% auto;
}
header ul li:nth-of-type(4) a {
	background-image: url(../img/hnb/newheader/icon_countermeasure.jpg);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 45% auto;
}
header ul li:nth-of-type(5) a {
	background-image: url(../img/hnb/newheader/icon_seminar.jpg);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 45% auto;
}
header ul li a {
	height: 100%;
}
header .entry_button {
	float: right;
	width: auto;
	width: 70%;
	margin-top: 0;
}
header .entry_button p.menu_button {
	display: inherit;
	width: 20%;
}
header .entry_button p {
	float: right;
	display: inherit;
	height: 50px;
	width: 18%;
	margin-left: 1%;
}
header .entry_button p.menu_button {
	margin-left: 3%;
}
header .entry_button p a {
	display: block;
	margin: 10px 0;
	padding: 0;
	font-size: 8px;
	padding-top: 25px;
	text-align: center;
}
header .entry_button p.login a {
	margin-right: 0;
}
header .entry_button p.menu_button a {
	height: 34px;
	margin: 8px 0;
	text-indent: -9999px;
	overflow: hidden;
	padding-top: 0;
}
header .entry_button p.menu_button a {
	background: url(../img/hnb/newheader/icon_menu.jpg)no-repeat center center;
	background-size: contain;
}
header .entry_button p.menu_button.active a {
	background: url(../img/hnb/newheader/icon_menu_close.jpg)no-repeat center center;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
}
header .entry_button p.login a {
	background: url(../img/hnb/newheader/icon_login.jpg)no-repeat center top;
	background-size: 23px auto;
}
header .entry_button p.entry a {
	background: url("../img/hnb/newheader/icon_entry.jpg")no-repeat center top;
	background-size: 23px auto;
}
header .entry_button p.login.after a {
	background: url(../img/hnb/newheader/icon_logout.jpg)no-repeat center top;
	background-size: 23px auto;
}
header .entry_button p.entry.after a {
	background: url(../img/hnb/newheader/icon_mypage.jpg)no-repeat center top;
	background-size: 23px auto;
	padding: 25px 0 0;
}
header .entry_button p.search {
	display: none;
}
header #header .open {
	background-color: #fff;
}
header #header .open ul li {
	font-size: 13px;
	text-align: left;
	padding: 0;
	box-sizing: inherit;
	float: none;
	width: 100%;
	max-width: 100%;
}
header #header .open ul li a {
	position: relative;
	color: #333;
}
header #header.fixed_header {
	display: none;
}
header #header.fixed_header.fixed {
	display: block;
}
header #header.fixed_header {
	display: none;
}
header #header.fixed_header.fixed {
	display: block;
}
header #header.fixed_header .logo a {
	display: block;
}
header #header.fixed_header .logo img {
	width: 100%;
	height: auto;
}
header #header.fixed_header .logo .logo_img {
	height: 50px;
	padding: 3% 0;
	display: table-cell;
	vertical-align: middle;
}
header #header.fixed_header .logo.year .logo_img {
	height: 40px;
	padding: 5px 0;
	display: table-cell;
	vertical-align: middle;
}
header #header.fixed_header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 888;
	background: #fff;
	border-top: 4px solid #1FB272;
}
header #header.fixed_header ul {
	display: none;
}
header #header.fixed_header .entry_button {
	margin-top: 0;
}
header #header.fixed_header .open {
	position: absolute;
	top: 50px;
	width: 100%;
	left: 0;
	z-index: 9999;
	background-color: #fff;
	display: none;
	overflow-y: auto;
}
header #header.fixed_header .open ul {
	display: block;
}
header #header.fixed_header .open ul li {
	font-size: 13px;
	text-align: left;
	padding: 0;
	box-sizing: inherit;
	float: none;
	width: 100%;
}
header .open ul li ul.search {
	border-bottom: none;
	border-top: 1px solid #ccc;
}
header .open ul li ul.bg_blue {
	background-color: #F3F5F8 !important;
	border-top: none;
}
header .open ul li:nth-of-type(3) {
	background-color: #F3F5F8;
	border-top: none;
}
header .open ul li ul li {
	height: auto !important;
	border-bottom: 1px solid #ccc;
	border-right: none;
}
header .open ul li a {
	display: block;
	padding: 5% 0% 5% 18%;
	font-size: 13px !important;
	width: 82%;
}
header .open ul li.icon01 a {
	background-image: url(../img/hnb/newheader/icon_intern.jpg);
	background-repeat: no-repeat;
	background-position: 5% center;
	background-size: auto 45%;
}
header .open ul li.icon02 a {
	background-image: url(../img/hnb/newheader/icon_selection.jpg);
	background-repeat: no-repeat;
	background-position: 5% center;
	background-size: auto 45%;
}
header .open ul li.icon03 a {
	background-image: url(../img/hnb/newheader/icon_obog.jpg);
	background-repeat: no-repeat;
	background-position: 5% center;
	background-size: auto 45%;
}
header .open ul li.icon04 a {
	background-image: url(../img/hnb/newheader/icon_countermeasure.jpg);
	background-repeat: no-repeat;
	background-position: 5% center;
	background-size: auto 45%;
}
header .open ul li.icon05 a {
	background-image: url(../img/hnb/newheader/icon_about.jpg);
	background-repeat: no-repeat;
	background-position: 5% center;
	background-size: auto 45%;
}
header .open ul li.icon06 a {
	background-image: url(../img/hnb/newheader/icon_seminar.jpg);
	background-repeat: no-repeat;
	background-position: 5% center;
	background-size: auto 45%;
}
header .open ul li.icon a {
	background-image: url(../img/hnb/newheader/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: 8% center;
	background-size: auto 20%;
}
header .open ul li:nth-of-type(1) li {
	border-bottom: none;
	padding: 4% 5% !important;
	width: 90% !important;
}
header .open ul li:nth-of-type(1) li div.search_icon {
	border: 1px solid #ccc;
	width: 100%;
	position: relative;
	background-color: #fff;
}
header .open ul li:nth-of-type(1) li div.search_icon input[type='text'] {
	border-radius: 0;
	border: none;
	width: 90%;
	font-size: 14px;
	padding: 5px;
	height: 25px;
}
header .open ul li:nth-of-type(1) li div.search_icon button {
	position: absolute;
	top: 0;
	right: 0;
}
header .open ul li:nth-of-type(1) li div.search_icon button {
	background: url(../img/hnb/newheader/search_input.jpg)no-repeat center right;
	height: 35px;
	width: 35px;
	border: none;
	background-size: contain;
}
}
/************************
    フッター
*************************/
#feature {
	position: relative;
}
#feature .wrapper {
	width: 1020px;
	margin: 0 auto;
}
#feature .item img {
	width: 100%;
}
#feature .item {
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 11px;
}
#feature .item .inner {
	padding: 30px 30px 40px;
	background-color: #fff;
}
#feature .label {
	background-color: #333;
	color: #fff;
	font-size: 13px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: bold;
}
#feature .item.intern .label {
	background-color: #FF9400;
}
#feature .item.obog .label {
	background-color: #C891E9;
}
#feature .item.selection .label {
	background-color: #01AAD0;
}
#feature .item.seminar .label {
	background-color: #F67070;
}
#feature .title {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
	height: 2.8em;
	overflow: hidden;
}
#feature h3.title {
	height: auto;
}
#feature .text {
	color: #666;
	line-height: 1.6em;
	font-size: 14px;
	height: 3.4em;
	overflow: hidden;
}
footer {
	background-color: #F3F5F8;
	padding-bottom: 30px;
}
footer #footer {
	width: 1040px;
	margin: 0 auto;
	padding-top: 60px;
	margin-bottom: 50px;
}
footer #footer .banner_pc {
}
footer #footer .banner_sp {
	display: none;
}
footer #footer .pagetop {
	float: right;
	clear: both;
}
footer #footer .pagetop p {
	float: right;
	color: #999;
	font-size: 16px;
}
footer #footer .pagetop p.text {
	margin-right: 15px;
	line-height: 1.8em;
}
footer #footer .pagetop img {
	width: 24px;
	height: auto;
}
footer #footer .footer_content {
	padding-top: 60px;
	border-top: 1px solid #ccc;
}
footer #footer .footer_content .footer_nav ul {
	float: left;
}
footer #footer .footer_content .footer_nav ul li {
	margin-bottom: 15px;
}
footer #footer .footer_content .footer_nav ul.inner01, footer #footer .footer_content .footer_nav ul.inner02 {
	margin-right: 70px;
}
footer #footer .footer_content .footer_nav ul.inner01 li {
	color: #333;
	font-size: 15px;
	line-height: 1.2em;
}
footer #footer .footer_content .footer_nav ul.inner01 li:nth-of-type(1) a {
	background: url(../img/hnb/newheader/icon_footer_intern_pc.png)no-repeat left center;
	background-size: 25px auto;
	padding: 2px 0 2px 30px;
	color: #333;
	font-size: 15px;
}
footer #footer .footer_content .footer_nav ul.inner01 li:nth-of-type(2) a {
	background: url(../img/hnb/newheader/icon_footer_selection_pc.png)no-repeat left center;
	background-size: 25px auto;
	padding: 2px 0 2px 30px;
	color: #333;
	font-size: 15px;
}
footer #footer .footer_content .footer_nav ul.inner01 li:nth-of-type(3) a {
	background: url(../img/hnb/newheader/icon_footer_obog_pc.png)no-repeat left center;
	background-size: 25px auto;
	padding: 2px 0 2px 30px;
	color: #333;
	font-size: 15px;
}
footer #footer .footer_content .footer_nav ul.inner01 li:nth-of-type(4) a {
	background: url(../img/hnb/newheader/icon_footer_countermeasure_pc.png)no-repeat left center;
	background-size: 25px auto;
	padding: 2px 0 2px 30px;
	color: #333;
	font-size: 15px;
}
footer #footer .footer_content .footer_nav ul.inner01 li:nth-of-type(5) a {
	background: url(../img/hnb/newheader/icon_footer_seminar_pc.png)no-repeat left center;
	background-size: 25px auto;
	padding: 2px 0 2px 30px;
	color: #333;
	font-size: 15px;
}
footer #footer .footer_content .footer_nav ul.inner01 li:nth-of-type(6) a {
	background: url(../img/hnb/newheader/icon_footer_about_pc.png)no-repeat left center;
	background-size: 25px auto;
	padding: 2px 0 2px 30px;
	color: #333;
	font-size: 15px;
}
footer #footer .footer_content .footer_nav p.inner02 {
	display: none;
}
footer #footer .footer_content .footer_nav {
	float: left;
}
footer #footer .footer_content .address {
	float: right;
}
footer #footer .footer_content .address p {
	font-size: 12px;
	line-height: 1.6em;
}
footer #footer .footer_content .address p.name {
	font-size: 21px;
}
footer #footer .footer_content .address p a {
	background: url(../img/hnb/newheader/icon_footer_arrow_pc.png)no-repeat left center;
	background-size: 3px auto;
	padding-left: 8px;
	color: #333;
}
footer p.copy {
	font-size: 12px;
}

@media (max-width: 830px) {
#feature .wrapper {
	width: 90%;
	margin: 0 -5% 10px;
}
#feature .slick-slide img {
	width: 100%;
	height: auto;
}
#feature .mypattern {
	width: 110%;
}
#feature .mypattern .slick-slide {
	margin: 5px;
}
#feature .item {
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow: hidden;
	margin-right: auto;
}
#feature .item img {
	width: 100%;
}
#feature .item .inner {
	padding: 5% 4%;
	background-color: #fff;
}
#feature .title {
	font-size: 14px;
}
#feature h3.title {
	font-size: 18px !important;
}
#feature .text {
	font-size: 13px;
	height: 3em;
	overflow: hidden;
}
#feature .label {
	background-color: #333;
	color: #fff;
	font-size: 9px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: bold;
}
#feature .item.intern .label {
	background-color: #FF9400;
}
#feature .item.obog .label {
	background-color: #C891E9;
}
#feature .item.selection .label {
	background-color: #01AAD0;
}
#feature .item.seminar .label {
	background-color: #F67070;
}
#feature #arrow {
	display: none;
}
footer #footer {
	width: 90%;
	padding: 20px 5% 10%;
	margin-bottom: 0;
}
footer #footer .banner_pc {
	display: none;
}
footer #footer .banner_sp {
	display: block;
}
footer #footer .pagetop {
	float: none;
}
footer #footer .pagetop p {
	float: none;
	text-align: center;
	font-size: 13px;
}
footer #footer .pagetop p.text {
	margin-right: 0;
}
footer #footer .pagetop .button {
	padding: 0 40%;
}
footer #footer .pagetop .button img {
	width: 100%;
}
footer #footer .footer_content .footer_nav ul.inner01 {
	background-color: #fff;
	margin: 0 -5%;
	border-top: 1px solid #ccc;
}
footer #footer .footer_content .footer_nav ul.inner01 li {
	font-size: 13px;
	padding: 5%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
	background: url(../img/hnb/newheader/icon_footer_arrow.png)no-repeat right 5% center;
	background-size: auto 20%;
}
footer #footer .footer_content .footer_nav ul.inner01 li:nth-of-type(1) a {
	background: url(../img/hnb/newheader/icon_footer_intern.png)no-repeat left center;
	background-size: 25px auto;
	padding: 2px 0 2px 30px;
	color: #333;
	font-size: 15px;
}
footer #footer .footer_content .footer_nav ul.inner01 li:nth-of-type(2) a {
	background: url(../img/hnb/newheader/icon_footer_selection.png)no-repeat left center;
	background-size: 25px auto;
	padding: 2px 0 2px 30px;
	color: #333;
	font-size: 15px;
}
footer #footer .footer_content .footer_nav ul.inner01 li:nth-of-type(3) a {
	background: url(../img/hnb/newheader/icon_footer_obog.png)no-repeat left center;
	background-size: 25px auto;
	padding: 2px 0 2px 30px;
	color: #333;
	font-size: 15px;
}
footer #footer .footer_content .footer_nav ul.inner01 li:nth-of-type(4) a {
	background: url(../img/hnb/newheader/icon_footer_countermeasure.png)no-repeat left center;
	background-size: 25px auto;
	padding: 2px 0 2px 30px;
	color: #333;
	font-size: 15px;
}
footer #footer .footer_content .footer_nav ul.inner01 li:nth-of-type(5) a {
	background: url(../img/hnb/newheader/icon_footer_seminar.png)no-repeat left center;
	background-size: 25px auto;
	padding: 2px 0 2px 30px;
	color: #333;
	font-size: 15px;
}
footer #footer .footer_content .footer_nav ul.inner01 li:nth-of-type(6) a {
	background: url(../img/hnb/newheader/icon_footer_about.png)no-repeat left center;
	background-size: 25px auto;
	padding: 2px 0 2px 30px;
	color: #333;
	font-size: 15px;
}
footer #footer .footer_content .footer_nav ul.inner01 li a {
	display: block;
	padding: 1.5% 0 1.5% 15% !important;
}
footer #footer .footer_content .footer_nav ul.inner02 {
	display: none;
}
footer #footer .footer_content .footer_nav p.inner02 {
	display: block;
	line-height: 1em;
	padding-top: 25px;
}
footer #footer .footer_content .footer_nav p.inner02 a {
	font-size: 13px;
	color: #333;
}
footer #footer .footer_content .footer_nav ul.inner02 li {
	float: left;
}
footer #footer .footer_content {
	padding-top: 0;
	border-top: none;
}
footer #footer .footer_content .footer_nav ul,  footer #footer .footer_content .footer_nav,  footer #footer .footer_content .address {
	float: none;
}
footer #footer .footer_content .address {
	border-top: 1px solid #ccc;
	margin: 25px -5% 0;
	padding-top: 30px;
}
footer #footer .footer_content .address p {
	text-align: center;
	font-size: 13px;
}
footer #footer .footer_content .address p.name {
	font-size: 16px;
	margin-bottom: 10px;
}
footer #footer .footer_content .address p.contact {
	margin-top: 20px;
}
footer #footer .footer_content .address p a {
	background: none;
}
}
/************************************************
    各企業の一覧ページ
*************************************************/
.list_company .main_wrapper {
	width: 1040px;
	margin: 0 auto;
	position: relative;
}
.list_company .main_block {
	width: 640px;
	float: left;
}
.list_company .right_column {
	width: 340px;
	float: right;
}
.list_company .right_column p {
	margin-bottom: 20px;
}
.list_company .right_column p:last-of-type {
	margin-bottom: 0;
}
.list_company .right_column p img {
	width: 340px;
	height: auto;
}
.list_company h2 {
	width: 1040px;
	margin: 0 auto;
	padding: 15px 0 25px;
	font-weight: bold;
	font-size: 20px;
	color: #000;
}
.list_company h2.company {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	padding: 15px 0 25px;
	width: 1040px;
	margin: 0 auto;
}
.list_company h3.title {
	font-size: 23px;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.3em;
}
.list_company h4.sub_title {
	font-size: 20px;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.4em;
}
.list_company p.date {
	text-align: right;
	font-size: 13px;
	color: #333;
	margin-bottom: 20px;
}
.list_company .menu {
	margin: 10px 0 60px;
	background: url(../img/hnb/icon/notselect_bar.png)repeat-x bottom center;
}
.list_company .menu ul {
	width: 1040px;
	margin: 0 auto;
}
.list_company .menu li {
	cursor: pointer;
	float: left;
	font-size: 17px;
	color: #aaa;
	padding: 0 20px 20px;
}
.list_company .menu li a {
	color: #aaa;
}
.list_company .menu li.select {
	background: url(../img/hnb/icon/select_bar.png)no-repeat bottom center;
}
.list_company .menu li.select a {
	font-weight: bold;
	color: #000;
}
.list_company .button a {
	text-align: center;
	color: #fff;
	font-size: 17px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 40px auto 60px;
	color: #fff;
}
.list_company .profile .icon {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
.list_company .profile .icon .image img {
	width: 78px;
	height: auto;
}
.list_company .profile .icon .image {
	margin-bottom: 25px;
}
.list_company .profile .inner {
	float: left;
	width: 400px;
}
.list_company .profile dl {
	margin-bottom: 15px;
}
.list_company .profile dl dt {
	float: left;
	width: 125px;
	font-size: 15px;
	color: #666;
}
.list_company .profile dl dd {
	float: left;
	width: 275px;
	font-size: 15px;
	color: #000;
}
.list_company .profile .tags {
	font-size: 13px;
	color: #23B475;
	font-weight: bold;
	margin-top: 30px;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.2em;
}
.list_company .profile .tags a {
	font-size: 13px;
	color: #23B475;
	font-weight: bold;
}
.list_company .seminar_block {
	margin-bottom: 60px;
	padding: 60px 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.list_company .seminar_block p {
	margin-bottom: 10px;
}
.list_company .seminar_block p:last-of-type {
	margin-bottom: 0;
}
.list_company .button_block ul {
	margin-bottom: 0;
}
.list_company .main_block .company_contents_block {
	padding-bottom: 60px;
}
.list_company .main_block .other_recommend_seminar {
	padding-bottom: 60px;
}
.list_company .main_block .title {
	font-size: 23px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}
.list_company .main_block .item.seminar, .list_company .main_block .item.info {
	width: 580px;
	float: none;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 30px;
	position: relative;
	margin-bottom: 30px;
}
.list_company .main_block .item.seminar .tags_wrapper, .list_company .main_block .item.info .tags_wrapper {
	float: left;
}
.list_company .main_block .item.seminar .tags_wrapper .tags, .list_company .main_block .item.info .tags_wrapper .tags {
	font-size: 12px;
	color: #23B475;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.2em;
}
.list_company .main_block .item.seminar .tags_wrapper .tags a, .list_company .main_block .item.info .tags_wrapper .tags a {
	font-size: 12px;
	color: #23B475;
	font-weight: bold;
}
.list_company .main_block .item.seminar .tags_wrapper .tags span, .list_company .main_block .item.info .tags_wrapper .tags span {
	display: inline-block;
	margin-right: 10px;
}
.list_company .main_block .item.seminar .date, .list_company .main_block .item.info .date {
	float: right;
	font-size: 12px;
	color: #000;
}
.list_company .main_block .item.seminar .favorite, .list_company .main_block .item.info .favorite {
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
.list_company .main_block .item.seminar .favorite.none, .list_company .main_block .item.info .favorite.none {
	background-color: #ccc;
}
.list_company .main_block .item.seminar .img, .list_company .main_block .item.info .img {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
.list_company .main_block .item.seminar .inner, .list_company .main_block .item.info .inner {
	float: left;
	width: 420px;
}
.list_company .main_block .item.seminar .label, .list_company .main_block .item.info .label {
	background-color: #333;
	color: #fff;
	font-size: 13px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: bold;
}
.list_company .main_block .item.seminar .title, .list_company .main_block .item.info .title {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 4em;
	overflow: hidden;
}
.list_company .main_block .item.seminar p.text, .list_company .main_block .item.info p.text {
	max-height: 3.2em;
	overflow: hidden;
	line-height: 1.6em;
	margin-bottom: 20px;
	color: #666;
}
.list_company .main_block .item.seminar p.img img, .list_company .main_block .item.info p.img img {
	width: 100%;
}
.list_company .item.selection, .list_company .item.intern, .list_company .item.obog {
	background-color: #fff;
	padding: 40px;
	border-radius: 5px;
	margin-bottom: 30px;
}
.list_company .item.selection .tags p, .list_company .item.intern .tags p, .list_company .item.obog .tags p {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 5px;
}
.list_company .item.selection .tags p a, .list_company .item.intern .tags p a, .list_company .item.obog .tags p a {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 15px;
	padding: 8px 15px;
	font-size: 16px;
	color: #000;
	display: block;
}
.list_company .item.selection h3.title, .list_company .item.intern h3.title, .list_company .item.obog h3.title {
	font-size: 21px;
}
.list_company .item.selection h4.sub_title, .list_company .item.intern h4.sub_title, .list_company .item.obog h4.sub_title {
	font-size: 18px;
}
.list_company .item.selection .profile, .list_company .item.intern .profile, .list_company .item.obog .profile {
	padding: 25px 0 0;
	border-top: 1px solid #ccc;
}
.list_company .item.selection .favorite, .list_company .item.intern .favorite, .list_company .item.obog .favorite {
	float: right;
	margin-bottom: 10px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
.list_company .item.selection .favorite.none, .list_company .item.intern .favorite.none, .list_company .item.obog .favorite.none {
	background-color: #ccc;
}
.list_company .item.intern .inner_label {
	width: 110px;
	display: inline-table;
	vertical-align: middle;
	text-align: center;
}
.list_company .item.intern .inner_label p {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
.list_company .item.intern .inner_label p.icon_text {
	margin-left: 5px;
	font-size: 14px;
	font-weight: bold;
}
.list_company .item.intern .inner_label.good p.icon_text {
	color: #FF6900;
}
.list_company .item.intern .inner_label.normal p.icon_text {
	color: #FF9540;
}
.list_company .item.intern .inner_label.bad p.icon_text {
	color: #FFC419;
}
.list_company .item.intern .inner_label p.icon {
	width: 40px;
	height: 40px;
}
.list_company .item.intern .icon .inner_label p.icon.good {
	background: url(../img/hnb/icon/good.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
.list_company .item.intern .icon .inner_label p.icon.normal {
	background: url(../img/hnb/icon/normal.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
.list_company .item.intern .icon .inner_label p.icon.bad {
	background: url(../img/hnb/icon/bad.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
.list_company .item.selection .inner_label {
	font-weight: bold;
	color: #00AAD0;
	border: 2px solid #00AAD0;
	padding: 8px 0;
	font-size: 16px;
	border-radius: 20px;
}
.list_company .item.obog .inner_label {
	font-weight: bold;
	color: #C791E9;
	border: 2px solid #C791E9;
	padding: 8px 0;
	font-size: 16px;
	border-radius: 20px;
}
.list_company .main_block .item.seminar .label {
	background-color: #F67070;
}

@media (max-width: 830px) {
.breagcrumb {
	display: none;
}
.list_company .main_wrapper {
	width: 100%;
}
.list_company .main_block {
	width: 90%;
	padding: 5% 5% 0;
	float: none;
	background-color: #F3F5F8;
}
.list_company .right_column {
	float: none;
	padding: 0 5% 10%;
	width: 90%;
}
.list_company .right_column p {
	width: 100%;
}
.list_company .right_column p:last-of-type {
	margin-bottom: 20px;
}
.list_company .right_column p img {
	width: 100%;
}
.list_company h2 {
	width: 90%;
	padding: 20px 5%;
	margin: 0;
	font-size: 16px;
	background-color: #F3F5F8;
	border-bottom: 1px solid #ccc;
}
.list_company h2.company {
	width: 90%;
	padding: 20px 5%;
	margin: 0;
	font-size: 16px;
	background-color: #F3F5F8;
	border-bottom: 1px solid #ccc;
}
.list_company h3.title {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin-bottom: 20px !important;
	line-height: 1.3em;
}
.list_company h4.sub_title {
	font-size: 14px;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.4em;
}
.list_company p.date {
	text-align: right;
	font-size: 11px;
	color: #000;
	margin-bottom: 20px;
}
.list_company .menu {
	padding-left: 0;
	padding: 15px 0 0;
	margin: 0 0 15px;
	background-color: #fff;
	background-image: url(../img/hnb/icon/notselect_bar_blue_smp.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 8px;
}
.list_company .menu ul {
	width: 100%;
	padding: 0;
}
.list_company .menu li {
	width: 19%;
	float: left;
	font-size: 10px;
	color: #999;
	padding-bottom: 0;
	text-align: center;
	padding: 0 0 20px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.list_company .menu li a {
	color: #aaa;
	display: block;
}
.list_company .menu li:nth-of-type(4) {
	width: 24%;
}
.list_company .menu li.select {
	font-weight: bold;
	color: #000;
	background-image: url(../img/hnb/icon/select_bar_blue_smp.png);
	background-size: auto 8px;
}
.list_company .menu li.select a {
	color: #000;
	font-weight: bold;
}
.list_company .menu li span {
	display: none;
}
.list_company .button a {
	margin: 30px 0;
	padding: 15px 0;
	display: block;
}
.list_company .profile {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.list_company .profile .icon {
	float: left;
	width: 30%;
	margin-right: 5%;
	text-align: center;
}
.list_company .profile .icon img {
	width: 100%;
	height: auto;
}
.list_company .profile .icon .image img {
	width: 100%;
}
.list_company .profile .icon .image {
	padding: 0 20%;
	margin-bottom: 10px;
}
.list_company .profile .inner {
	float: left;
	width: 65%;
}
.list_company .profile dl {
	margin-bottom: 15px;
	width: 100%;
}
.list_company .profile dl dt {
	float: none;
	width: 100%;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
}
.list_company .profile dl dd {
	float: none;
	width: 100%;
	font-size: 13px;
	color: #000;
}
.list_company .profile .tags {
	font-size: 10px;
	color: #1FB272;
	font-weight: bold;
	margin-top: 0;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 1.2em;
}
.list_company .profile .tags a {
	font-size: 10px;
	color: #1FB272;
	font-weight: bold;
}
.list_company .seminar_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
	border-bottom: 1px solid #ccc;
}
.list_company .seminar_block p img {
	width: 100%;
}
.list_company .company_contents_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
.list_company .other_intern_block {
	margin: 0 -5% 0;
	background-color: #F3F5F8;
	padding: 10% 5%;
}
.list_company h3.title {
	margin-bottom: 30px !important;
}
.list_company .tags p a {
	font-size: 13px;
}
.list_company .main_block .company_contents_block {
	margin: 0 -5%;
	padding: 0 5% 15%;
}
.list_company .main_block .title {
	font-size: 15px;
	margin-bottom: 20px;
}
.list_company .main_block .other_recommend_seminar {
	background-color: #F3F5F8;
	margin: 0 -5%;
	padding: 10% 5%;
}
.list_company .main_block .other_recommend_seminar .button a {
	margin: 30px 0;
	display: block;
}
.list_company .main_block .item.seminar,  .list_company .main_block .item.info {
	width: 90%;
	padding: 5% 4%;
}
.list_company .main_block .item.info .img,  .list_company .main_block .item.seminar .img {
	float: left;
	width: 35%;
	margin-right: 5%;
	overflow: hidden;
}
.list_company .main_block .item.info .inner,  .list_company .main_block .item.seminar .inner {
	float: left;
	width: 60%;
}
.list_company .main_block .item.info .img p.inner_label,  .list_company .main_block .item.seminar .img p.inner_label {
	font-size: 12px;
}
.list_company .main_block .item.info .title,  .list_company .main_block .item.seminar .title {
	font-weight: bold;
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 6.5em;
	overflow: hidden;
}
.list_company .main_block .item.info p.text,  .list_company .main_block .item.seminar p.text {
	color: #666;
	line-height: 1.6em;
	margin-bottom: 12px;
	font-size: 13px;
	max-height: 3em;
	overflow: hidden;
}
.list_company .main_block .item.info .tags_wrapper,  .list_company .main_block .item.seminar .tags_wrapper {
	float: left;
	width: 60%;
	overflow: hidden;
}
.list_company .main_block .item.info .tags_wrapper .tags,  .list_company .main_block .item.seminar .tags_wrapper .tags {
	font-size: 10px;
	color: #23B475;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1.2em;
}
.list_company .main_block .item.info .tags_wrapper .tags a,  .list_company .main_block .item.seminar .tags_wrapper .tags a {
	font-size: 10px;
	color: #23B475;
}
.list_company .main_block .item.info .date,  .list_company .main_block .item.seminar .date {
	font-size: 11px;
	width: 35%;
	text-align: right;
}
.list_company .main_block .item.info .favorite,  .list_company .main_block .item.seminar .favorite {
	position: absolute;
	top: -10px;
	right: 3%;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
.list_company .main_block .item.info .favorite.none,  .list_company .main_block .item.seminar .favorite.non {
	background-color: #ccc;
	cursor: pointer;
}
.list_company .main_block .item.selection,  .list_company .item.intern,  .list_company .item.obog {
	padding: 30px 5% 10%;
	border: 1px solid #ccc;
	position: relative;
	margin-bottom: 45px;
}
.list_company .main_block .item.selection .favorite,  .list_company .item.intern .favorite,  .list_company .item.obog .favorite {
	position: absolute;
	top: -25px;
	right: 5%;
	float: none;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
.list_company .main_block .item.selection .favorite.none,  .list_company .item.intern .favorite.none,  .list_company .item.obog .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
.list_company .main_block .item.selection h3.title,  .list_company .item.intern h3.title,  .list_company .item.obog h3.title {
	font-size: 17px;
	margin-bottom: 15px !important;
}
.list_company .main_block .item.selection h4.sub_title,  .list_company .item.intern h4.sub_title,  .list_company .item.obog h4.sub_title {
	font-size: 14px;
}
.list_company .main_block .item.selection .button_block,  .list_company .item.intern .button_block,  .list_company .item.obog .button_block {
	padding: 10% 0;
}
.list_company .main_block .item.selection .inner_label,  .list_company .main_block .item.obog .inner_label {
	font-size: 11px;
	padding: 5px 0;
	margin-top: 10px;
	width: 100%;
}
.list_company .main_block .item.intern .inner_label {
	width: 100%;
	margin-right: 5%;
	display: inherit;
	float: left;
	text-align: center;
}
.list_company .main_block .item.intern .inner_label p {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
.list_company .main_block .item.intern .inner_label p.icon_text {
	margin-left: 0;
	font-size: 11px;
	font-weight: bold;
}
.list_company .main_block .item.intern .inner_label p.icon {
	width: 30%;
	height: 35px;
}
.list_company .main_block .item.intern .inner_label p.icon.good {
	background: url(../img/hnb/icon/good.png)no-repeat left center;
	background-size: contain;
}
.list_company .main_block .item.intern .inner_label p.icon.normal {
	background: url(../img/hnb/icon/normal.png)no-repeat left center;
	background-size: contain;
}
.list_company .main_block .item.intern .inner_label p.icon.bad {
	background: url(../img/hnb/icon/bad.png)no-repeat left center;
	background-size: contain;
}
.list_company .main_block .item.seminar .label {
	background-color: #F67070;
	color: #fff;
	font-size: 9px;
	padding: 5px;
	display: inline-block;
	margin-bottom: 20px;
}
.list_company .main_block .item.info .label {
	background-color: #333;
	color: #fff;
	font-size: 9px;
	padding: 5px;
	display: inline-block;
	margin-bottom: 20px;
}
}
/************************************************
    マイページ
*************************************************/
#mypage .name_area {
	background-color: #fff;
}
#mypage .name_area .inner {
	width: 1040px;
	margin: 0 auto;
}
#mypage .name_area p {
	display: table-cell;
	vertical-align: middle;
}
#mypage .name_area p.icon {
	width: 36px;
}
#mypage .name_area p.icon img {
	width: 100%;
}
#mypage .name_area p.name {
	color: #000;
	font-size: 25px;
	font-weight: bold;
	padding: 40px 0 45px 30px;
}
#mypage .navi_area ul {
	width: 1040px;
	margin: 0 auto;
}
#mypage .navi_area ul li {
	float: left;
	margin-right: 40px;
}
#mypage .navi_area ul li:last-of-type {
	margin-right: 0;
}
#mypage .navi_area ul li a {
	background-image: url(../img/hnb/newheader/icon_footer_arrow_pc.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 3px auto;
	color: #333;
	font-size: 15px;
	padding: 25px 0 25px 15px;
	display: block;
	font-weight: bold;
}
#mypage .navi_area ul li a br.sp_only {
	display: none;
}
#mypage .main_head {
	background: #fff;
}
#mypage .main_head h3 {
	padding: 50px 0;
	color: #000;
	font-size: 24px;
	width: 1040px;
	margin: 0 auto;
}
#mypage .main_head h3.title {
	padding: 0;
	background: url(../img/hnb/icon/notselect_blue.jpg)repeat-x bottom center;
	width: 100%;
}
#mypage .main_head h3.title span {
	padding: 50px 0 60px;
	width: 1040px;
	margin: 0 auto;
	display: block;
	background: url(../img/hnb/icon/select_blue.jpg)no-repeat bottom left;
}
#mypage .main_head .menu {
	background-image: url(../img/hnb/icon/notselect_bar_blue.png);
	background-repeat: repeat-x;
	background-position: bottom center;
}
#mypage .main_head .menu ul {
	width: 1040px;
	margin: 0 auto;
}
#mypage .main_head .menu ul li:nth-of-type(1) {
	padding: 0 0 20px;
}
#mypage .main_head .menu ul li:nth-of-type(2) {
	padding: 0 20px 20px;
	margin-left: 20px;
}
#mypage .main_head .menu ul li {
	text-align: center;
	line-height: 1.7em;
	cursor: pointer;
	float: left;
	padding: 0 20px 20px;
}
#mypage .main_head .menu ul li a {
	font-size: 17px;
	color: #aaa;
}
#mypage .main_head .menu ul li span {
	font-size: 15px;
}
#mypage .main_head .menu ul li.select a {
	color: #000;
	font-weight: bold;
}
#mypage .main_head .menu ul li.select {
	background: url(../img/hnb/icon/select_bar_blue.png)no-repeat bottom center;
}
#mypage .main_wrapper {
	padding-top: 50px;
	width: 1040px;
	margin: 0 auto;
	padding-bottom: 60px;
}
#mypage .main_block {
	float: left;
	width: 640px;
}
#mypage .main_block .item .company_name {
	font-size: 15px;
	color: #000;
	margin-bottom: 15px;
}
#mypage .main_block .item.seminar .label, #mypage .main_block .item.info .label, #mypage .main_block .item.intern .label, #mypage .main_block .item.obog .label, #mypage .main_block .item.selection .label {
	color: #fff;
	font-size: 13px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: bold;
}
#mypage .main_block .item.seminar .label {
	background-color: #F67070;
}
#mypage .main_block .item.info .label {
	background-color: #333;
}
#mypage .main_block .item.intern .label {
	background-color: #333;
}
#mypage .main_block .item.obog .label {
	background-color: #333;
}
#mypage .main_block .item.selection .label {
	background-color: #333;
}
#mypage .main_block .item.seminar, #mypage .main_block .item.info {
	width: 580px;
	float: none;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 30px;
	position: relative;
	margin-bottom: 20px;
}
#mypage .main_block .item.seminar p.img img {
	width: 100%;
}
#mypage .main_block .item.seminar .img, #mypage .main_block .item.info .img {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
#mypage .main_block .item.seminar .inner, #mypage .main_block .item.info .inner {
	float: left;
	width: 420px;
}
#mypage .main_block .item.seminar .title, #mypage .main_block .item.info .title {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 4em;
	overflow: hidden;
}
#mypage .main_block .item.seminar p.text, #mypage .main_block .item.info p.text {
	max-height: 3.2em;
	overflow: hidden;
	line-height: 1.6em;
	margin-bottom: 20px;
	color: #000;
}
#mypage .main_block .item.seminar.tags_wrapper, #mypage .main_block .item.info .tags_wrapper {
	float: left;
}
#mypage .main_block .item.seminar .tags_wrapper .tags, #mypage .main_block .item.info .tags_wrapper .tags {
	font-size: 12px;
	color: #23B475;
	font-weight: bold;
}
#mypage .main_block .item.seminar .tags_wrapper .tags span, #mypage .main_block .item.info .tags_wrapper .tags span {
	display: inline-block;
	margin-right: 10px;
}
#mypage .main_block .item.seminar .date, #mypage .main_block .item.info .date {
	float: right;
	font-size: 12px;
	color: #000;
}
#mypage .main_block .item.seminar .favorite, #mypage .main_block .item.info .favorite {
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#mypage .main_block .item.seminar .favorite.none, #mypage .main_block .item.info .favorite.none {
	background-color: #ccc;
}
#mypage .main_block .item.intern, #mypage .main_block .item.selection, #mypage .main_block .item.obog {
	background-color: #fff;
	padding: 40px;
	border-radius: 5px;
	margin-bottom: 30px;
}
#mypage .main_block .item.intern h3.title, #mypage .main_block .item.selection h3.title, #mypage .main_block .item.obog h3.title {
	font-size: 21px;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.3em;
}
#mypage .main_block .item.intern h4.sub_title, #mypage .main_block .item.selection h4.sub_title, #mypage .main_block .item.obog h4.sub_title {
	font-size: 18px;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.4em;
}
#mypage .main_block .item.intern .date, #mypage .main_block .item.selection .date, #mypage .main_block .item.obog .date {
	text-align: right;
	font-size: 13px;
	color: #333;
	margin-bottom: 20px;
}
#mypage .main_block .item.intern .profile, #mypage .main_block .item.selection .profile, #mypage .main_block .item.obog .profile {
	padding: 25px 0 0;
	border-top: 1px solid #ccc;
}
#mypage .main_block .item.intern .favorite, #mypage .main_block .item.selection .favorite, #mypage .main_block .item.obog .favorite {
	float: right;
	margin-bottom: 10px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#mypage .main_block .item.intern .favorite.none, #mypage .main_block .item.selection .favorite.none, #mypage .main_block .item.obog .favorite.none {
	background-color: #ccc;
}
#mypage .main_block .item.intern .profile .icon, #mypage .main_block .item.selection .profile .icon, #mypage .main_block .item.obog .profile .icon {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
#mypage .main_block .item.intern .profile .icon .image img, #mypage .main_block .item.selection .profile .icon .image img, #mypage .main_block .item.obog .profile .icon .image img {
	width: 78px;
	height: auto;
}
#mypage .main_block .item.intern .profile .icon .image, #mypage .main_block .item.selection .profile .icon .image, #mypage .main_block .item.obog .profile .icon .image {
	margin-bottom: 25px;
}
#mypage .main_block .item.intern .profile .inner, #mypage .main_block .item.selection .profile .inner, #mypage .main_block .item.obog .profile .inner {
	float: left;
	width: 400px;
}
#mypage .main_block .item.intern .profile dl, #mypage .main_block .item.selection .profile dl, #mypage .main_block .item.obog .profile dl {
	margin-bottom: 15px;
}
#mypage .main_block .item.intern .profile dl dt, #mypage .main_block .item.selection .profile dl dt, #mypage .main_block .item.obog .profile dl dt {
	float: left;
	width: 125px;
	font-size: 15px;
	color: #666;
}
#mypage .main_block .item.intern .profile dl dd, #mypage .main_block .item.selection .profile dl dd, #mypage .main_block .item.obog .profile dl dd {
	float: left;
	width: 275px;
	font-size: 15px;
	color: #000;
}
#mypage .main_block .item.intern .profile .tags, #mypage .main_block .item.selection .profile .tags, #mypage .main_block .item.obog .profile .tags {
	font-size: 13px;
	color: #23B475;
	font-weight: bold;
	margin-top: 30px;
	padding: 0;
}
#mypage .main_block .item.selection .inner_label {
	font-weight: bold;
	color: #00AAD0;
	border: 2px solid #00AAD0;
	padding: 8px 0;
	font-size: 16px;
	border-radius: 20px;
}
#mypage .main_block .item.obog .inner_label {
	font-weight: bold;
	color: #C791E9;
	border: 2px solid #C791E9;
	padding: 8px 0;
	font-size: 16px;
	border-radius: 20px;
}
#mypage .main_block .item.intern .inner_label {
	width: 110px;
	display: inline-table;
	vertical-align: middle;
	text-align: center;
}
#mypage .main_block .item.intern .inner_label p {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
#mypage .main_block .item.intern .inner_label p.icon_text {
	margin-left: 5px;
	font-size: 14px;
	font-weight: bold;
}
#mypage .main_block .item.intern .inner_label.good p.icon_text {
	color: #FF6900;
}
#mypage .main_block .item.intern .inner_label.normal p.icon_text {
	color: #FF9540;
}
#mypage .main_block .item.intern .inner_label.bad p.icon_text {
	color: #FFC419;
}
#mypage .main_block .item.intern .inner_label p.icon {
	width: 40px;
	height: 40px;
}
#mypage .main_block .item.intern .icon .inner_label p.icon.good {
	background: url(../img/hnb/icon/good.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
#mypage .main_block .item.intern .icon .inner_label p.icon.normal {
	background: url(../img/hnb/icon/normal.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
#mypage .main_block .item.intern .icon .inner_label p.icon.bad {
	background: url(../img/hnb/icon/bad.png)no-repeat left center;
	background-size: contain;
	margin-right: 0;
	float: none;
}
#mypage .main_block .button a {
	text-align: center;
	color: #fff;
	font-size: 17px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 30px auto 0px;
	color: #fff;
}
#mypage .main_wrapper .right_column {
	float: right;
	width: 340px;
}
#mypage .main_wrapper .right_column p {
	margin-bottom: 20px;
}
#mypage .main_wrapper .right_column p:last-of-type {
	margin-bottom: 0;
}
#mypage .main_wrapper .right_column p img {
	width: 340px;
}
#mypage .main_block .item .button {
	margin: 0 150px;
}
#mypage .main_block .item .button a {
	text-align: center;
	color: #fff;
	font-size: 17px;
	padding: 15px 0;
	background-color: #999;
	border-radius: 23px;
	display: block;
	margin: 30px auto 0px;
	color: #fff;
}
#mypage .main_block .item .button.green a {
	margin: 10px auto 0px;
	background-color: #1FB272;
}
#mypage .main_block .item .button.none a {
	background-color: #ebebeb;
	color: #000;
}
#mypage .main_block .seminarList h3 {
	color: #000;
	font-size: 24px;
	margin-bottom: 20px;
}
#mypage .main_block .seminarList.pre {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
}

@media (max-width: 830px) {
#mypage .name_area {
	background-color: #fff;
}
#mypage .name_area .inner {
	width: 90%;
	margin: 0 auto;
}
#mypage .name_area p {
	display: table-cell;
	vertical-align: middle;
}
#mypage .name_area p.icon {
	width: 10%;
}
#mypage .name_area p.icon img {
	width: 100%;
}
#mypage .name_area p.name {
	font-size: 14px;
	font-weight: bold;
	padding: 12% 0 12% 5%;
	width: 85%;
	margin: 0 auto;
}
#mypage .navi_area ul {
	width: 100%;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#mypage .navi_area ul li {
	float: left;
	width: 50%;
	margin-right: 0;
	padding-left: 5%;
	box-sizing: border-box;
}
#mypage .navi_area ul li:nth-of-type(1) {
	border-right: 1px solid #ccc;
}
#mypage .navi_area ul li a {
	background-image: url(../img/hnb/newheader/icon_footer_arrow.png);
	background-repeat: no-repeat;
	background-position: right 7% center;
	background-size: auto 15%;
	font-size: 12px;
	padding: 15% 0;
	display: block;
	line-height: 1.5em;
}
#mypage .navi_area ul li a br.sp_only {
	display: block;
}
#mypage .navi_area ul li a div {
	display: table-cell;
	vertical-align: middle;
}
#mypage .main_head {
	background: #fff;
}
#mypage .main_head h3 {
	padding: 8% 0;
	color: #000;
	font-size: 15px;
	width: 90%;
	margin: 0 auto;
}
#mypage .main_head h3.title {
	background-image: url(../img/hnb/icon/notselect_blue_sp.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
}
#mypage .main_head h3.title span {
	padding: 25px 5% 35px;
	width: 90%;
	display: block;
	background: url(../img/hnb/icon/select_blue_sp.jpg)no-repeat bottom left;
}
#mypage .main_head .menu {
	background-image: url(../img/hnb/icon/notselect_bar_blue_smp.png);
	background-repeat: repeat-x;
	background-position: bottom center;
	background-size: auto 8px;
}
#mypage .main_head .menu ul {
	width: 100%;
	margin: 0 auto;
}
#mypage .main_head .menu ul li:nth-of-type(1) {
	padding: 0 0 15px;
}
#mypage .main_head .menu ul li:nth-of-type(2) {
	padding: 0 0 15px;
	margin-left: 0;
}
#mypage .main_head .menu ul li:nth-of-type(4) {
	width: 24%;
}
#mypage .main_head .menu ul li {
	text-align: center;
	line-height: 1em;
	cursor: pointer;
	float: left;
	padding: 0 0 15px;
	width: 19%
}
#mypage .main_head .menu ul li a {
	font-size: 10px;
	color: #aaa;
}
#mypage .main_head .menu ul li span {
	font-size: 9px;
}
#mypage .main_head .menu ul li span.sp_none {
	display: none;
}
#mypage .main_head .menu ul li.select a {
	color: #000;
	font-weight: bold;
}
#mypage .main_head .menu ul li.select {
	background-image: url(../img/hnb/icon/select_bar_blue_smp.png);
	background-size: auto 8px;
}
#mypage .main_wrapper {
	padding-top: 8%;
	width: 90%;
	margin: 0 auto;
}
#mypage .main_block {
	float: none;
	width: 100%;
	padding: 0 5% 5%;
	margin: 0 -5%;
	border-bottom: 1px solid #ccc;
}
#mypage .main_block .item .company_name {
	font-size: 13px;
}
#mypage .main_block .item.seminar .label,  #mypage .main_block .item.info .label,  #mypage .main_block .item.intern .label,  #mypage .main_block .item.obog .label,  #mypage .main_block .item.selection .label {
	color: #fff;
	font-size: 9px;
	padding: 5px;
}
#mypage .main_block .item.seminar .label {
	background-color: #F67070;
}
#mypage .main_block .item.info .label {
	background-color: #333;
}
#mypage .main_block .item.intern .label {
	background-color: #333;
}
#mypage .main_block .item.obog .label {
	background-color: #333;
}
#mypage .main_block .item.selection .label {
	background-color: #333;
}
#mypage .main_block .item.seminar,  #mypage .main_block .item.info {
	width: 90%;
	float: none;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 5%;
	position: relative;
	margin-bottom: 30px;
}
#mypage .main_block .item.seminar .img,  #mypage .main_block .item.info .img {
	float: left;
	width: 35%;
	margin-right: 5%;
}
#mypage .main_block .item.seminar .inner,  #mypage .main_block .item.info .inner {
	float: left;
	width: 60%;
}
#mypage .main_block .item.seminar .title,  #mypage .main_block .item.info .title {
	font-size: 14px;
	line-height: 1.4em;
	max-height: 6.5em;
}
#mypage .main_block .item.seminar p.text,  #mypage .main_block .item.info p.text {
	max-height: 3em;
	overflow: hidden;
	margin-bottom: 12px;
	font-size: 13px;
}
#mypage .main_block .item.seminar .tags_wrapper,  #mypage .main_block .item.info .tags_wrapper {
	float: left;
	width: 60%;
	overflow: hidden;
}
#mypage .main_block .item.seminar .tags_wrapper .tags,  #mypage .main_block .item.info .tags_wrapper .tags {
	font-size: 10px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#mypage .main_block .item.seminar .tags_wrapper .tags span,  #mypage .main_block .item.info .tags_wrapper .tags span {
	display: inline-block;
	margin-right: 10px;
}
#mypage .main_block .item.seminar .date,  #mypage .main_block .item.info .date {
	font-size: 11px;
	width: 35%;
	text-align: right;
}
#mypage .main_block .item.seminar .favorite,  #mypage .main_block .item.info .favorite {
	position: absolute;
	top: -10px;
	right: 3%;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#mypage .main_block .item.seminar .favorite.none,  #mypage .main_block .item.info .favorite.none {
	background-color: #ccc;
}
#mypage .main_block .item.intern,  #mypage .main_block .item.selection,  #mypage .main_block .item.obog {
	padding: 30px 5% 10%;
	border: 1px solid #ccc;
	position: relative;
	margin-bottom: 45px;
}
#mypage .main_block .item.intern .favorite,  #mypage .main_block .item.selection .favorite,  #mypage .main_block .item.obog .favorite {
	position: absolute;
	top: -25px;
	right: 5%;
	float: none;
	color: #fff;
	font-size: 14px;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#mypage .main_block .item.intern .favorite.none,  #mypage .main_block .item.selection .favorite.none,  #mypage .main_block .item.obog .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#mypage .main_block .item.intern h3.title,  #mypage .main_block .item.selection h3.title,  #mypage .main_block .item.obog h3.title {
	font-size: 17px;
	margin-bottom: 15px !important;
}
#mypage .main_block .item.intern h4.sub_title,  #mypage .main_block .item.selection h4.sub_title,  #mypage .main_block .item.obog h4.sub_title {
	font-size: 14px;
}
#mypage .main_block .item.intern p.date,  #mypage .main_block .item.selection p.date,  #mypage .main_block .item.obog p.date {
	text-align: right;
	font-size: 11px;
	color: #000;
	margin-bottom: 20px;
}
#mypage .main_block .item.intern .profile,  #mypage .main_block .item.selection .profile,  #mypage .main_block .item.obog .profile {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
#mypage .main_block .item.intern .profile .icon,  #mypage .main_block .item.selection .profile .icon,  #mypage .main_block .item.obog .profile .icon {
	float: left;
	width: 30%;
	margin-right: 5%;
	text-align: center;
}
#mypage .main_block .item.intern .profile .icon img,  #mypage .main_block .item.selection .profile .icon img,  #mypage .main_block .item.intern .profile .icon img,  #mypage .main_block .item.obog .profile .icon img {
	width: 100%;
	height: auto;
}
#mypage .main_block .item.intern .profile .icon .image img,  #mypage .main_block .item.selection .profile .icon .image img,  #mypage .main_block .item.obog .profile .icon .image img {
	width: 100%;
}
#mypage .main_block .item.intern .profile .icon .image,  #mypage .main_block .item.selection .profile .icon .image,  #mypage .main_block .item.obog .profile .icon .image {
	padding: 0 20%;
	margin-bottom: 10px;
}
#mypage .main_block .item.intern .profile .inner,  #mypage .main_block .item.selection .profile .inner,  #mypage .main_block .item.obog .profile .inner {
	float: left;
	width: 65%;
}
#mypage .main_block .item.intern .profile dl,  #mypage .main_block .item.selection .profile dl,  #mypage .main_block .item.obog .profile dl {
	margin-bottom: 15px;
	width: 100%;
}
#mypage .main_block .item.intern .profile dl dt,  #mypage .main_block .item.selection .profile dl dt,  #mypage .main_block .item.obog .profile dl dt {
	float: none;
	width: 100%;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
}
#mypage .main_block .item.intern .profile dl dd,  #mypage .main_block .item.selection .profile dl dd,  #mypage .main_block .item.obog .profile dl dd {
	float: none;
	width: 100%;
	font-size: 13px;
	color: #000;
}
#mypage .main_block .item.intern .profile .tags,  #mypage .main_block .item.selection .profile .tags,  #mypage .main_block .item.obog .profile .tags {
	font-size: 10px;
	color: #1FB272;
	font-weight: bold;
	margin-top: 0;
	padding: 0;
}
#mypage .main_block .item.selection .inner_label,  #mypage .main_block .item.obog .inner_label {
	font-size: 11px;
	padding: 5px 0;
	margin-top: 10px;
	width: 100%;
}
#mypage .main_block .item.intern .inner_label {
	width: 100%;
	margin-right: 5%;
	display: inherit;
	float: left;
	text-align: center;
}
#mypage .main_block .item.intern .inner_label p {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
#mypage .main_block .item.intern .inner_label p.icon_text {
	margin-left: 0;
	font-size: 11px;
	font-weight: bold;
}
#mypage .main_block .item.intern .inner_label p.icon {
	width: 30%;
	height: 35px;
}
#mypage .main_block .button a {
	text-align: center;
	color: #fff;
	font-size: 15px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 30px auto 0px;
	color: #fff;
}
#mypage .main_wrapper {
	padding-bottom: 10%;
}
#mypage .main_wrapper .right_column {
	float: none;
	width: 100%;
	padding: 15% 0 0;
}
#mypage .main_wrapper .right_column p {
	margin-bottom: 20px;
}
#mypage .main_wrapper .right_column p:last-of-type {
	margin-bottom: 0;
}
#mypage .main_wrapper .right_column p img {
	width: 100%;
}
#mypage .main_block .item .button {
	margin: 5% 0 0;
}
#mypage .main_block .item .button.green {
	margin: 1% 0 0;
}
#mypage .main_block .item .button a {
	text-align: center;
	color: #fff;
	font-size: 15px;
	padding: 15px 0;
	background-color: #999;
	border-radius: 23px;
	display: block;
	margin: 0;
	color: #fff;
}
#mypage .main_block .seminarList h3 {
	font-size: 15px;
	margin-bottom: 20px;
}
#mypage .main_block .seminarList.pre {
	padding: 0 5% 10px;
	margin: 0 -5% 35px;
}
}
/************************************************
    詳細ページ 人気記事
*************************************************/
.other_intern_block .item {
	width: 580px;
	float: none;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 30px;
	position: relative;
	margin-bottom: 20px;
}
.other_intern_block .item .img {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
.other_intern_block .item p.img img {
	width: 100%;
}
.other_intern_block .item .inner {
	float: left;
	width: 420px;
}
.other_intern_block .item .label {
	background-color: #333;
	color: #fff;
	font-size: 13px;
	padding: 5px 8px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: bold;
}
.other_intern_block .item .title {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 4em;
	overflow: hidden;
}
.other_intern_block .item p.text {
	max-height: 3.2em;
	overflow: hidden;
	line-height: 1.6em;
	color: #666;
}
.other_intern_block .item p {
	color: #666;
}
.other_intern_block .item .company_name {
	color: #000;
	margin-bottom: 15px;
	font-size: 15px;
}
.other_intern_block .item .date {
	margin-top: 20px;
	margin-bottom: 0;
}
.other_intern_block .item.info .favorite, .other_intern_block .item.seminar .favorite, .other_intern_block .item.selection .favorite, .other_intern_block .item.intern .favorite, .other_intern_block .item.obog .favorite {
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
.other_recommend_info .item .company_name {
	color: #000;
	margin-bottom: 15px;
	font-size: 15px;
}
.item.seminar .label {
	background-color: #F67070 !important;
}
.item.selection .label {
	background-color: #01AAD0 !important;
}
.item.intern .label {
	background-color: #FF9400 !important;
}
.item.obog .label {
	background-color: #C891E9 !important;
}

@media (max-width: 830px) {
.other_intern_block .item {
	width: 90%;
	padding: 5% 4%;
}
.other_intern_block .item .img {
	float: left;
	width: 35%;
	margin-right: 5%;
}
.other_intern_block .item .inner {
	float: left;
	width: 60%;
}
.other_intern_block .item .label {
	background-color: #333;
	color: #fff;
	font-size: 9px;
	padding: 5px;
	display: inline-block;
	margin-bottom: 20px;
}
.other_intern_block .item .img p.inner_label {
	font-size: 12px;
}
.other_intern_block .item .title {
	font-weight: bold;
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 6.5em;
	overflow: hidden;
}
.other_intern_block .item p.text {
	color: #666;
	line-height: 1.6em;
	margin-bottom: 12px;
	font-size: 13px;
	max-height: 3em;
	overflow: hidden;
}
.other_intern_block .item .company_name {
	font-size: 13px;
}
.other_recommend_info .item .company_name {
	font-size: 13px;
}
}
/*既読の記事の背景色変更*/
.item.read {
	background-color: #E5E5E5 !important;
}
#seminar_comp {
	margin: auto;
}
#seminar_comp p.comp_message {
	font-size: 17px;
	color: #666;
	text-align: center;
	line-height: 1.6em;
	padding-top: 50px;
	margin-bottom: 50px;
}
#seminar_comp h3.title {
	font-weight: bold;
	color: #000;
	font-size: 22px;
	margin-bottom: 30px;
}
#seminar_comp .btn form button {
	color: #fff;
	text-align: center;
	font-size: 17px;
	background-color: #1FB272;
	padding: 15px 0;
	border-radius: 25px;
	display: block;
	margin: 0 auto 80px;
	width: 250px;
	-webkit-appearance: none;
	border: none;
	line-height: 1em;
}
#seminar_comp .related_seminar .button {
	margin-bottom: 50px;
}
#seminar_comp .related_seminar .button a {
	text-align: center;
	color: #fff;
	font-size: 17px;
	padding: 15px 100px;
	background-color: #999;
	border-radius: 23px;
	display: table;
	margin: 40px auto 0px;
	color: #fff;
}
#seminar_comp .related_seminar {
	background-color: #F3F5F8;
	padding: 40px 0;
}
#seminar_comp .related_seminar .item:nth-of-type(2n-1) {
	margin-right: 20px;
}
#seminar_comp .related_seminar .item {
	width: 448px;
	float: left;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 30px 30px 40px;
	position: relative;
	margin-bottom: 20px;
}
#seminar_comp .related_seminar .item .img {
	float: left;
	width: 130px;
	margin-right: 30px;
	text-align: center;
}
#seminar_comp .related_seminar .item p.img img {
	width: 100%;
}
#seminar_comp .related_seminar .item .inner {
	float: left;
	width: 288px;
}
#seminar_comp .related_seminar .item .company_name {
	color: #000;
	margin-bottom: 15px;
}
#seminar_comp .related_seminar .item .title {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 4em;
	overflow: hidden;
}
#seminar_comp .related_seminar .item p.text {
	max-height: 3em;
	overflow: hidden;
	margin-bottom: 15px;
	color: #666;
	line-height: 1.6em;
	font-size: 14px;
}
#seminar_comp .related_seminar .item .tags_wrapper {
	float: left;
	width: 200px;
	overflow: hidden;
	margin-top: 10px;
}
#seminar_comp .related_seminar .item .tags_wrapper {
	color: #23B475;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#seminar_comp .related_seminar .item .tags_wrapper a {
	font-size: 12px;
	color: #23B475;
	font-weight: bold;
	margin-top: 15px;
}
#seminar_comp .related_seminar .item .tags_wrapper span {
	display: inline-block;
	margin-right: 10px;
}
#seminar_comp .related_seminar .item .date {
	float: right;
	font-size: 12px;
	color: #000;
	margin-top: 15px;
}
#seminar_comp .related_seminar .item .favorite {
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px 10px 40px;
	border-radius: 18px;
	background: url(../img/hnb/icon/fav.png)no-repeat left 15px center #1FB272;
	background-size: 18px auto;
	cursor: pointer;
}
#seminar_comp .related_seminar .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#seminar_comp .related_seminar .item .label {
	color: #fff;
	font-size: 13px;
	padding: 5px;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: bold;
}
#seminar_comp .related_seminar .item.seminar .label {
	background-color: #F67070;
}
#seminar_comp .related_seminar .search_area {
	background-color: #fff;
	padding: 40px 0;
}
#seminar_comp .related_seminar .search_area h3 {
	margin-bottom: 40px;
}
#seminar_comp .related_seminar .search_area h4.title {
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 17px;
}
#seminar_comp .related_seminar .search_area .keyword_search {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
#seminar_comp .related_seminar .search_area .keyword_search .search_icon {
	width: 560px;
	border: 1px solid #ccc;
	position: relative;
}
#seminar_comp .related_seminar .search_area .keyword_search .search_icon input[type="text"] {
	box-shadow: none;
	border: none;
	height: 20px;
	padding: 10px;
	width: 540px;
}
#seminar_comp .related_seminar .search_area .keyword_search .search_icon button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border: none;
	background: url(../img/hnb/icon/search.jpg)no-repeat center;
	background-size: contain;
}
#seminar_comp .related_seminar .search_area .tags_search .tag {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 15px;
}
#seminar_comp .related_seminar .search_area .tags_search .tag form button {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 16px;
	padding: 7px 18px;
	border-radius: 18px;
}
#seminar_comp .related_seminar .search_area .tags_search .tag a {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 16px;
	padding: 7px 18px;
	border-radius: 18px;
	display: inline-table;
}

@media (max-width: 830px) {
#seminar_comp {
	margin: auto;
}
#seminar_comp h3.title {
	font-size: 18px;
	line-height: 1.4em;
}
#seminar_comp p.comp_message {
	font-size: 15px;
}
#seminar_comp .btn form button {
	font-size: 15px;
	margin: 0 5% 30px;
	width: 90%;
	padding: 20px 0;
	border-radius: 30px;
}
#seminar_comp .related_seminar .button {
	margin-bottom: 70px;
}
#seminar_comp .related_seminar .button a {
	font-size: 16px;
	padding: 15px 0;
	display: block;
	width: 100%;
	margin-top: 0;
}
#seminar_comp .related_seminar {
	padding: 8% 5% 15%;
}
#seminar_comp .related_seminar .item:nth-of-type(2n-1) {
	margin-right: 0;
}
#seminar_comp .related_seminar .item {
	width: 100%;
	box-sizing: border-box;
	float: none;
	border-radius: 5px;
	padding: 5% 4%;
	margin-bottom: 30px;
}
#seminar_comp .related_seminar .item .img {
	float: left;
	width: 35%;
	margin-right: 5%;
}
#seminar_comp .related_seminar .item .inner {
	float: left;
	width: 60%;
}
#seminar_comp .related_seminar .item .label {
	font-size: 9px;
	padding: 5px 8px;
	margin-bottom: 20px;
}
#seminar_comp .related_seminar .item .company_name {
	color: #000;
	margin-bottom: 15px;
	font-size: 13px;
}
#seminar_comp .related_seminar .item .title {
	font-weight: bold;
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 10px;
	max-height: 6.5em;
	overflow: hidden;
}
#seminar_comp .related_seminar .item p.text {
	max-height: 3em;
	line-height: 1.4em;
	margin-bottom: 11px;
	font-size: 13px;
}
#seminar_comp .related_seminar .item .tags_wrapper {
	float: left;
	width: 55%;
	margin-top: 7px;
	font-size: 8px;
	color: #1FB272;
	margin-top: 6px;
}
#seminar_comp .related_seminar .item .tags_wrapper a {
	font-size: 8px;
	color: #1FB272;
}
#seminar_comp .related_seminar .item .date {
	font-size: 9px;
	margin-top: 10px
}
#seminar_comp .related_seminar .item .favorite {
	position: absolute;
	top: -10px;
	right: 3%;
	padding: 0;
	border-radius: 50%;
	background: url(../img/hnb/icon/fav_sp.png)no-repeat center #1FB272;
	background-size: 50% auto;
	text-indent: -999px;
	height: 50px;
	width: 50px;
}
#seminar_comp .related_seminar .item .favorite.none {
	background-color: #ccc;
	cursor: pointer;
}
#seminar_comp .related_seminar .item .img .inner_label {
	font-size: 10px;
	padding: 5px 0;
	margin-top: 10px;
}
#seminar_comp .related_seminar .item .img p.image {
	padding: 0 20%;
}
#seminar_comp .related_seminar .item .img p.image img {
	width: 100%;
}
#seminar_comp .related_seminar .search_area {
	margin: auto -5%;
	padding: 10% 5%;
}
#seminar_comp .related_seminar .search_area h3 {
	margin-bottom: 20px;
}
#seminar_comp .related_seminar .search_area h4.title {
	font-size: 14px;
}
#seminar_comp .related_seminar .search_area .keyword_search {
	margin: 0 -5% 30px;
	padding: 0 5% 30px;
	width: 100%;
}
#seminar_comp .related_seminar .search_area .keyword_search .search_icon {
	width: 100%;
	border: 1px solid #ccc;
	position: relative;
}
#seminar_comp .related_seminar .search_area .keyword_search .search_icon input[type="text"] {
	box-shadow: none;
	border: none;
	height: 20px;
	padding: 10px;
	width: 90%;
}
#seminar_comp .related_seminar .search_area .keyword_search .search_icon button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border: none;
	background: url(../img/hnb/icon/search.jpg)no-repeat center;
	background-size: contain;
}
#seminar_comp .related_seminar .search_area .tags_search .tag {
	display: inline-block;
	margin-right: 0;
	margin-bottom: 5px;
}
#seminar_comp .related_seminar .search_area .tags_search .tag a {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 13px;
	padding: 5px 15px;
	border-radius: 18px;
}
#seminar_comp .related_seminar .search_area .tags_search .tag form button {
	background-color: #E5E5E5;
	border: none;
	color: #000;
	font-size: 13px;
	padding: 5px 15px;
	border-radius: 18px;
}
}
br.pc_disnon {
	display: none;
}
#top_head_terminal {
	padding: 40px 0 0;
}
#top_head_terminal .wrapper {
	background-color: #fff;
	border: 5px solid #00B46E;
	border-radius: 10px;
	margin: 0 auto 10px;
	width: 1040px;
	box-shadow: 2px 6px 1px 0px #005c37;
	-moz-box-shadow: 2px 6px 1px 0px #005c37;
	-webkit-box-shadow: 2px 6px 1px 0px #005c37;
}
#top_head_terminal .box {
	padding: 25px 30px;
	float: left;
}
#top_head_terminal .box .logo img {
	width: 134px;
}
#top_head_terminal .box .logo {
	float: left;
	margin-right: 35px;
}
#top_head_terminal .box .comment {
	float: left;
}
#top_head_terminal .box .comment {
	font-size: 17px;
	color: #000;
	line-height: 1.3em;
}
#top_head_terminal .btn_area {
	float: right;
}
#top_head_terminal .btn {
	float: left;
}
#top_head_terminal .btn a {
	color: #0AB270;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2em;
	display: block;
	border-left: 1px solid #ccc;
	padding: 24px 50px 18px 70px;
	background: url(../img/hnb/icon/top_head_arrow.jpg)no-repeat left 30px center;
	background-size: 9px auto;
}
#top_head_terminal .btn a span {
	font-size: 34px;
}
#footer_terminal {
	float: left;
}
#footer_terminal p {
	width: 170px;
	border: 1px solid #999;
}
#footer_terminal p:last-of-type {
	margin-top: 10px;
}
#footer_terminal p a {
	color: #666;
	font-size: 15px;
	font-weight: bold;
	display: block;
	padding: 15px 10px 12px 45px;
	background: url(../img/hnb/icon/footer_arrow.jpg)no-repeat left 20px center;
	background-size: 5px auto;
	line-height: 1.2em;
}
#footer_terminal p a span {
	font-size: 26px;
	letter-spacing: 0.02em;
}

@media (max-width: 830px) {
br.pc_disnon {
	display: block;
}
br.smp_disnon {
	display: none;
}
#top_head_terminal {
	padding: 5% 5% 0;
}
#top_head_terminal .wrapper {
	background-color: #fff;
	border: 5px solid #00B46E;
	border-radius: 10px;
	margin: 0 auto 10px;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 2px 3px 1px 0px #005c37;
	-moz-box-shadow: 2px 3px 1px 0px #005c37;
	-webkit-box-shadow: 2px 3px 1px 0px #005c37;
}
#top_head_terminal .box {
	padding: 6%;
	float: none;
	border-bottom: 1px solid #ccc;
}
#top_head_terminal .box .logo {
	float: none;
	margin-right: 60%;
	margin-bottom: 10px;
}
#top_head_terminal .box .logo img {
	width: 100%;
}
#top_head_terminal .box .comment {
	float: none;
}
#top_head_terminal .box .comment {
	font-size: 12px;
	line-height: 1.2em;
}
#top_head_terminal .btn_area {
	float: none;
}
#top_head_terminal .btn {
	width: 50%;
}
#top_head_terminal .btn:first-of-type a {
	border-left: none;
}
#top_head_terminal .btn a {
	color: #0AB270;
	font-size: 14px;
	padding: 12% 0 10% 23%;
	background: url(../img/hnb/icon/top_head_arrow.jpg)no-repeat left 12% center;
	background-size: auto 15%;
}
#top_head_terminal .btn a span {
	font-size: 24px;
}
#footer_terminal {
	float: none;
}
#footer_terminal p {
	float: left;
	width: 49%;
	margin-right: 2%;
	box-sizing: border-box;
}
#footer_terminal p:last-of-type {
	margin-right: 0;
	margin-top: 0;
}
#footer_terminal p a {
	color: #666;
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 10% 10% 8% 25%;
	background: url(../img/hnb/icon/footer_arrow.jpg)no-repeat left 10% center;
	background-size: 5px auto;
	line-height: 1.4em;
}
#footer_terminal p a span {
	font-size: 24px;
	letter-spacing: 0.01em;
}
}
/*セミナー記事に日程の表記追加*/
.item.seminar .img img {
	width: 100%;
}
.item.seminar .img .schedule {
	width: 100%;
	border: 1px solid #80bcff;
	border-radius: 4px;
	padding: 5%;
	box-sizing: border-box;
}
.item.seminar .img .schedule p {
	font-weight: bold;
	color: #0078FF !important;
	line-height: 1.3em !important;
}
.item.seminar .img .schedule p.date01 {
	font-size: 19px;
	margin-bottom: 5px;
}
.item.seminar .img .schedule p.date02 {
	font-size: 15px !important;
	padding-left: 25px;
	text-align: left;
	background: url(../img/hnb/icon/seminar_date_icon_pc.jpg)no-repeat left center;
	background-size: contain;
}

@media (max-width: 830px) {
.item.seminar .img .schedule {
	width: 100%;
	padding: 5%;
}
.item.seminar .img .schedule p.date01 {
	font-size: 14px !important;
	margin-bottom: 0;
}
.item.seminar .img .schedule p.date02 {
	font-size: 12px !important;
	padding-left: 20%;
	background: url(../img/hnb/icon/seminar_date_icon.jpg)no-repeat left center;
	background-size: contain;
}
}
#seminar.detail .seminar_schdule_wrapper {
	overflow: hidden;
}
#seminar.detail .tags_open_btn .open_btn_wrapper {
	background-color: #fff;
	border-top: 1px solid #DFE0E2;
	margin-bottom: 40px !important;
}
#seminar.detail .tags_open_btn .open_btn_wrapper #tags_open {
	padding: 5px 0 15px 15px;
	border: 1px solid #DFE0E2;
	border-top: none;
	margin: -1px auto 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 18px;
	width: 300px;
	font-weight: bold;
	color: #666666;
	background: url(../img/hnb/icon/tags_icon_open.jpg)no-repeat right 15px top 10px #fff;
	background-size: 10px auto;
	box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.15);
	-o-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.15);
	-ms-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.15);
}
#seminar.detail .tags_open_btn #tags_open:hover {
	cursor: pointer;
}
#seminar.detail .tags_open_btn #tags_open.active {
	background: url(../img/hnb/icon/tags_icon_close.jpg)no-repeat right 15px top 10px #fff;
	background-size: 10px auto;
	width: 260px;
}
.list .tags_open_btn {
	padding-top: 30px;
}
.list .tags_open_btn .open_btn_wrapper {
	background-color: #F3F5F8;
	border-top: 1px solid #DFE0E2;
}
.list .tags_open_btn #tags_open {
	padding: 5px 0 15px 15px;
	border: 1px solid #DFE0E2;
	width: 180px;
	border-top: none;
	margin: -1px auto 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	background: url(../img/hnb/icon/tags_icon_open.jpg)no-repeat right 15px top 10px #fff;
	background-size: 10px auto;
}
.list .tags_open_btn #tags_open:hover {
	cursor: pointer;
}
.list .tags_open_btn #tags_open.active {
	background: url(../img/hnb/icon/tags_icon_close.jpg)no-repeat right 25px top 10px #fff;
	padding: 5px 0 15px 30px;
	background-size: 10px auto;
	width: 165px;
}
.list .tags_search {
	overflow: hidden;
}

@media (max-width: 830px) {
#seminar.detail .tags_open_btn {
	margin: 0 -5%;
}
#seminar.detail .tags_open_btn .open_btn_wrapper #tags_open {
	padding: 2% 0 3% 5%;
	width: 75%;
	font-size: 14px;
	background: url(../img/hnb/icon/tags_icon_open.jpg)no-repeat right 8% top 40% #fff;
	background-size: auto 30%;
}
#seminar.detail .tags_open_btn .open_btn_wrapper #tags_open.active {
	padding: 2% 0 3% 5%;
	width: 65%;
	background: url(../img/hnb/icon/tags_icon_close.jpg)no-repeat right 8% top 40% #fff;
	background-size: auto 30%;
}
.list .tags_open_btn {
	padding-top: 20px;
}
.list .tags_open_btn #tags_open {
	padding: 2% 0 3% 5%;
	width: 45%;
	font-size: 14px;
	background: url(../img/hnb/icon/tags_icon_open.jpg)no-repeat right 10% top 40% #fff;
	background-size: auto 30%;
}
.list .tags_open_btn #tags_open.active {
	padding: 2% 0 3% 8%;
	width: 42%;
	background: url(../img/hnb/icon/tags_icon_close.jpg)no-repeat right 15% top 40% #fff;
	background-size: auto 30%;
}
}
#mozaiku {
	padding: 60px 30px 70px;
}
#intern #mozaiku {
	background: url(../img/hnb/detail/mozaiku_intern.jpg)no-repeat left top;
}
#obog #mozaiku {
	background: url(../img/hnb/detail/mozaiku_obog.jpg)no-repeat left top;
}
#selection #mozaiku {
	background: url(../img/hnb/detail/mozaiku_selection.jpg)no-repeat left top;
}
#mozaiku .inner {
	border: 1px solid #000;
	background-color: rgba(255,255,255,0.6);
	padding: 40px;
}
#mozaiku .inner p.btn {
	padding: 0 100px 30px;
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
}
#mozaiku .inner p.btn a {
	color: #fff;
	font-weight: bold;
	font-size: 19px;
	display: block;
	background-color: #FF6600;
	border: 1px solid #fff;
	border-radius: 28px;
	padding: 18px 0;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}
#mozaiku .ttl {
	color: #00A55F;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 25px;
}
#mozaiku ul {
	float: left;
	width: 230px;
}
#mozaiku ul:last-of-type {
	width: 250px;
}
#mozaiku ul li {
	font-size: 14px;
	padding-left: 32px;
	line-height: 18px;
	color: #000;
	font-weight: bold;
}
#mozaiku ul:first-of-type li:first-of-type {
	margin-bottom: 10px;
	background: url(../img/hnb/newheader/icon_footer_intern_pc.png)no-repeat left center;
}
#mozaiku ul:first-of-type li:last-of-type {
	background: url(../img/hnb/icon/icon_entry01.png)no-repeat left center;
}
#mozaiku ul:last-of-type li:first-of-type {
	margin-bottom: 10px;
	background: url(../img/hnb/newheader/icon_footer_selection_pc.png)no-repeat left center;
}
#mozaiku ul:last-of-type li:last-of-type {
	background: url(../img/hnb/icon/icon_entry02.png)no-repeat left center;
}

@media (max-width: 830px) {
#mozaiku {
	margin: auto -5%;
	padding: 20% 5% 20%;
}
#intern #mozaiku {
	background: url(../img/hnb/detail/mozaiku_intern_smp.jpg)no-repeat left top 25px #F3F5F8;
	background-size: 100% auto;
}
#obog #mozaiku {
	background: url(../img/hnb/detail/mozaiku_obog_smp.jpg)no-repeat left top 25px #F3F5F8;
	background-size: 100% auto;
}
#selection #mozaiku {
	background: url(../img/hnb/detail/mozaiku_selection_smp.jpg)no-repeat left top #fff;
	background-size: 100% auto;
}
#mozaiku .inner {
	padding: 10% 5%;
}
#mozaiku .inner p.btn {
	padding: 0 0 10%;
	margin-bottom: 10%;
}
#mozaiku .inner p.btn a {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	display: block;
	background-color: #FF6600;
	border: 1px solid #fff;
	border-radius: 28px;
	padding: 18px 0;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}
#mozaiku .ttl {
	font-size: 18px;
}
#mozaiku ul {
	float: none;
	width: 100% !important;
}
#mozaiku ul li {
	font-size: 13px;
	padding-left: 32px;
	line-height: 18px;
	color: #000;
}
#mozaiku ul:first-of-type li:first-of-type {
	margin-bottom: 10px;
	background: url(../img/hnb/newheader/icon_footer_intern.png)no-repeat left center;
	background-size: contain;
}
#mozaiku ul:first-of-type li:last-of-type {
	margin-bottom: 10px;
	background: url(../img/hnb/icon/icon_entry01_smp.png)no-repeat left center;
	background-size: contain;
}
#mozaiku ul:last-of-type li:first-of-type {
	margin-bottom: 10px;
	background: url(../img/hnb/newheader/icon_footer_selection.png)no-repeat left center;
	background-size: contain;
}
#mozaiku ul:last-of-type li:last-of-type {
	background: url(../img/hnb/icon/icon_entry02_smp.png)no-repeat left center;
	background-size: contain;
}
}
#seminar.detail .main_block #entry_block.jobTryOut {
	background-color: inherit;
	border: none;
	padding: 0;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule label span.day {
	font-size: 23px;
	font-weight: bold;
	color: #000;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule label span.time {
	font-size: 23px;
	font-weight: bold;
	color: #000;
	padding-left: 0;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule label span.seat {
	font-size: 16px;
	font-weight: bold;
	color: #1FB272;
	padding-left: 15px;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule .wrapper p.title {
	font-size: 18px;
	font-weight: bold;
	color: #0072B2;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule .inner {
	overflow: hidden;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule .wrapper {
	background-color: #fff;
	padding: 30px 40px 50px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule .wrapper .date {
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	margin-bottom: 0;
}
#seminar.detail .main_block #entry_block.jobTryOut form div {
	margin-bottom: 0;
}
#seminar.detail .main_block #entry_block.jobTryOut .tags_open_btn .open_btn_wrapper {
	border-top: none;
	background-color: inherit;
	text-align: center;
}
#seminar.detail .main_block #entry_block.jobTryOut .tags_open_btn #tags_open {
	padding: 5px 0 15px;
	width: 260px;
}
br.sp_only {
	display: none;
}

@media (max-width: 830px) {
#seminar.detail .main_block #entry_block.jobTryOut {
	background-color: #F3F5F8;
	width: auto;
	margin: 0 -5%;
	overflow-x: hidden !important;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule .wrapper {
	border-radius: 0;
	border: none;
	border-bottom: 2px solid #ccc;
	padding: 5% 5% 10%;
}
#seminar.detail .main_block #entry_block.jobTryOut .tags_open_btn .open_btn_wrapper #tags_open {
	margin-top: -2px;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule label span.day {
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule label span.time {
	padding-left: 0;
	font-size: 16px;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule label span.seat {
	padding-left: 0;
	font-size: 13px;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule label span.labelWrap {
	padding-left: 0;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5em;
	padding-left: 5px;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule .wrapper p.title {
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 0;
}
#seminar.detail .main_block #entry_block.jobTryOut form .seminarSchedule .wrapper .date {
	padding: 12px 0 8px;
	line-height: 1em;
}
#seminar.detail .main_block #entry_block.jobTryOut .tags_open_btn #tags_open {
	padding: 5px 0 15px;
	width: 65%;
}
#seminar.detail .main_block #entry_block.jobTryOut .checkbox:after {
	top: -10px;
}
#seminar.detail .main_block #entry_block.jobTryOut .checkbox:before {
	top: 1px;
}
#seminar.detail .main_block #entry_block.jobTryOut form label {
	line-height: 1em;
}
br.sp_only {
	display: block;
}
#seminar.detail .main_block #entry_block.jobTryOut form button {
	width: 90%;
}
#seminar.detail .main_block #entry_block.jobTryOut form button.last_link {
	width: 90%;
}
#seminar.detail .main_block #entry_block.jobTryOut .button_block {
	padding: 0 5% 10%;
}
html {
	overflow-x: hidden !important;
}
}
/*フッターバナー*/
footer p.copy {
	padding-bottom: 100px;
}
.foot_bnr170606 {
	position: fixed;
	bottom: 0;
	width: 100%;
	letter-spacing: 0.1em;
	padding: 15px 0 20px 0;
	color: #fff;
	text-align: center;
	background: url(../img/hnb/footer/pc/foot_ban_bk.png);
}
.foot_bnr170606 .foot_bnr_re {
	position: relative;
}
.foot_bnr170606 .ttl {
	font-size: 19px;
	margin-bottom: 10px;
	color: #FFFF00;
}
.foot_bnr170606 .read {
	font-size: 16px;
	margin-bottom: 15px;
}
.foot_bnr170606 .btn {
	font-size: 19px;
}
.foot_bnr170606 .btn a {
	color: #fff !important;
	background-color: #0078FF;
	text-decoration: none;
	padding: 5px 40px;
	border: 1px solid #fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}
.foot_bnr170606 .close {
	cursor: pointer;
	position: absolute;
	right: 1.5%;
	top: 1.5%;
}
.foot_bnr170606 .close img {
	width: 17px;
	height: 17px;
}

@media (max-width: 830px) {
.foot_bnr170606 {
	letter-spacing: 0.02em;
}
.foot_bnr170606 .close {
	cursor: pointer;
	position: absolute;
	right: 2%;
	top: -5px;
}
.foot_bnr170606 .close img {
	width: 11px;
	height: 11px;
	line-height: 0
}
.foot_bnr170606 .ttl {
	font-size: 90%;
}
.foot_bnr170606 .read {
	font-size: 80%;
	margin-bottom: 15px;
}
.foot_bnr170606 .btn {
	font-size: 90%;
}
.foot_bnr170606 .btn a {
	padding: 5px 4%;
}
}
/**/
#mypage .main_block .item.seminar form.add1707 label {
	font-size: 18px;
	color: #000;
	line-height: 1.2em;
	padding-left: 8px;
}
#mypage .main_block .item.seminar form.add1707 label span.day {
	font-size: 25px;
	font-weight: bold;
}
#mypage .main_block .item.seminar form.add1707 label span.time {
	font-size: 18px;
	font-weight: nomal;
	color: #000;
	padding-left: 0;
	padding-right: 0;
}
#mypage .main_block .item.seminar form.add1707 label span.seat {
	font-size: 14px;
	font-weight: bold;
	color: #1FB272;
	padding-left: 30px;
}
#mypage .main_block .item.seminar form.add1707 .checkbox {
	position: relative;
	margin-left: 20px;
	cursor: pointer;
}
#mypage .main_block .item.seminar form.add1707 .checkbox:after {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: -20px;
	display: block;
	width: 20px;
	height: 20px;
	background-color: #ccc;
	border: 1px solid #fff;
	content: '';
	z-index: 1;
}
#mypage .main_block .item.seminar form.add1707 .checkbox:before {
	position: absolute;
	top: 11px;
	left: -13px;
	display: block;
	margin-top: -7px;
	width: 3px;
	height: 7px;
	border-right: 3px solid #3BB982;
	border-bottom: 3px solid #3BB982;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 2;
}
#mypage .main_block .item.seminar form.add1707 input[type=checkbox]:checked + .checkbox:before {
	opacity: 1;
}

@media (max-width: 830px) {
#mypage .main_block .item.seminar form.add1707 label {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	line-height: 1.2em;
	padding-left: 8px;
}
#mypage .main_block .item.seminar form.add1707 label span {
	color: #000;
	font-size: 20px;
}
#mypage .main_block .item.seminar form.add1707 label span.seat {
	font-size: 14px;
	font-weight: bold;
	color: #1FB272;
	padding-left: 30px;
}
#mypage .main_block .item.seminar form.add1707 .checkbox {
	position: relative;
	margin-left: 20px;
	cursor: pointer;
}
#mypage .main_block .item.seminar form.add1707 .checkbox:after {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: -20px;
	display: block;
	width: 20px;
	height: 20px;
	background-color: #ccc;
	border: 1px solid #fff;
	content: '';
	z-index: 1;
}
#mypage .main_block .item.seminar form.add1707 .checkbox:before {
	position: absolute;
	top: 11px;
	left: -13px;
	display: block;
	margin-top: -7px;
	width: 3px;
	height: 7px;
	border-right: 3px solid #3BB982;
	border-bottom: 3px solid #3BB982;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 2;
}
#mypage .main_block .item.seminar form.add1707 input[type=checkbox]:checked + .checkbox:before {
	opacity: 1;
}
}
/*20170801*/
form.add1708 {
	margin-top: 20px;
	padding-top: 30px;
	border-top: 1px solid #ccc;
}
form.add1708 .line {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
form.add1708 {
	margin-bottom: 40px;
}
form.add1708 .blue {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 18px;
	color: #0073B2;
}
form.add1708 span.full {
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
}

@media (max-width: 830px) {
form.add1708 {
	margin-top: 5%;
	padding-top: 5%;
	border-top: 1px solid #ccc;
}
form.add1708 .line {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5%;
	margin-bottom: 5%;
}
form.add1708 {
	margin-bottom: 5%;
}
form.add1708 .blue {
	margin-bottom: 5%;
	font-weight: bold;
	font-size: 100%;
	color: #0073B2;
}
form.add1708 span.full {
	color: #ff0000 !important;
	font-size: 14px !important;
	font-weight: bold;
}
}
/*171106*/
header p.h1_171106 {
	color: #fff;
	background-color: #1FB272;
	font-size: 13px;
	padding: 5px 10px;
}
#intern.list h2.title_171106 {
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 17px;
}
#intern.list h1.title_171106 {
	font-size: 22px;
	color: #000;
	font-weight: bold;
}
#seminar.detail .title_block .inner h1.title_171106 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	line-height: 1.6em;
	text-shadow: 0px 0px 7px rgba(0, 0, 178, 0.5);
}

@media (max-width: 830px) {
header p.h1_171106 {
	text-align: center;
	font-size: 9px;
	padding: 5px 0;
	max-height: 10px;
	z-index: 10;
}
#intern.list h2.title_171106 {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
}
#intern.list h1.title_171106 {
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
#seminar.detail .title_block .inner .title_171106 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 1.6em;
	text-align: center;
	display: table-cell;
	height: 250px;
	vertical-align: middle;
	padding: 0 5%;
}
}
.drawer-nav{position:fixed;z-index:99;top:0;overflow:hidden;width:16.25rem;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:#222;}
.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;}
.drawer-open .drawer-overlay{}
.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.scrolled{top:50px;}
.drawer--top.drawer-open .drawer-nav.scrolled li:last-of-type{height:50px;}
.drawer--top.drawer-open .drawer-nav{top:70px;}
.drawer--top.drawer-open .drawer-nav li:last-of-type{height:70px;}
.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger{right:0;}
.drawer--left .drawer-nav{left:-16.25rem;-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:16.25rem;}
.drawer--right .drawer-nav{right:-16.25rem;-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:16.25rem;}
.drawer-hamburger{position:fixed;z-index:104;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding-top:18px;padding-right:.75rem;padding-bottom:30px;padding-left:.75rem;-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:0;outline:0;background-color:transparent;}
.drawer-hamburger:hover{cursor:pointer;background-color:transparent;}
.drawer-hamburger-icon{position:relative;display:block;margin-top:10px;}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after{width:100%;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:#222;}
.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);}
.sr-only{position:absolute;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;border:0;}
.sr-only-focusable:active,
.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0;}
.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%;}
.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd;}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem;}
.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd;}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem;}
.drawer--sidebar .drawer-container{max-width:48rem;}
}
@media (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem;}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem;}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem;}
.drawer--sidebar .drawer-container{max-width:60rem;}
}
.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--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;}
.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd;}
.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem;}
}
.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;}
.drawer-dropdown.open > .drawer-dropdown-menu{display:block;}
.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;}
.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.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;}
}
body.drawer-close {
	overflow: auto;
}
body.drawer-open {
	overflow: hidden;
}
#form_area select {
	-webkit-appearance: none;
	-moz-appearance: none;
	vertical-align:middle;
}
#form_area select::-ms-expand {
	display: none;
}
input, button, textarea, select, input[type="button"], input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/*Webkit*/
::-webkit-input-placeholder {color: #CCC}
/*Firefox 19以降*/
::-moz-placeholder {color: #CCC}
/*Firefox 18以前*/
:-moz-placeholder {color: #CCC}
/*Windows IE*/
::-ms-input-placeholder {color: #CCC}

#form_area .input_text:focus,
#form_area select:focus,
#form_area .input_textarea:focus{
	background-color: #FCFFDC;
}
#form_area input.err_bg,
#form_area select.errbg,
#form_area textarea.err_bg{
	background-color: #FFE6E6;
}
#form_area input[type=radio],
#form_area input[type=checkbox] {
	display: none;
	margin: 0;
}
#form_area input[type=radio] + span,
#form_area input[type=radio] + label,
#form_area input[type=checkbox] + label {
	padding: 0 0 0 24px;
}
#form_area input[type=radio] + span::before,
#form_area input[type=radio] + label::before,
#form_area input[type=checkbox] + span::before,
#form_area input[type=checkbox] + label::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: #FFF;
}

#form_area input[type=radio] + span::before,
#form_area input[type=radio] + label::before{
	border: 2px solid #ccc;
	border-radius: 30px;
}
#form_area input[type=checkbox] + span::before,
#form_area input[type=checkbox] + label::before {
	border: 2px solid #ccc;
}
#form_area input[type=radio]:checked + span::after,
#form_area input[type=radio]:checked + label::after,
#form_area input[type=checkbox]:checked + span::after,
#form_area input[type=checkbox]:checked + label::after {
	content: "";
	position: absolute;
	top: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
#form_area input[type=radio]:checked + span::after,
#form_area input[type=radio]:checked + label::after{
	left: 4px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background-color: #1FB272;
	border-radius: 8px;
}
#form_area input[type=checkbox]:checked + span::after,
#form_area input[type=checkbox]:checked + label::after{
	left: 3px;
	width: 16px;
	height: 8px;
	margin-top: -8px;
	border-left: 3px solid #1FB272;
	border-bottom: 3px solid #1FB272;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#form_area input[type=radio],
#form_area input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}
#form_area input[type=radio] + span,
#form_area input[type=radio] + label,
#form_area input[type=checkbox] + span,
#form_area input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
}

/*!
 * Completer v0.1.3
 * https://github.com/fengyuanchen/completer
 *
 * Copyright (c) 2014-2016 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2016-06-13T12:43:37.946Z
 */.completer-container{font-family:inherit;font-size:14px;line-height:normal;position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;border:1px solid #ccc;border-bottom-color:#39f;background-color:#fff}.completer-container li{overflow:hidden;margin:0;padding:.5em .8em;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #eee;background-color:#fff}.completer-container .completer-selected,.completer-container li:hover{margin-left:-1px;border-left:1px solid #39f;background-color:#eee}