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;color: }
#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;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){
#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;color: #fff;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;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){
#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;color: #fff;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;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){
#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: 9999;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%;
}
}