@charset "utf-8";
/* CSS Document */

/*
0.  ページ共通
1.  トップページ
2.  求人検索
3.  求人検索結果
4.  求人検索詳細
5.  会社研究セミナー一覧
6.  会社研究セミナー詳細
7.  各種セミナー・イベント
8.  よくいただくご質問
9.  無料会員登録
10.  お問い合わせ
*/

.clearfix::after{
content: "";
clear: both;
display: block;
height: 0;
visibility: hidden;
}

/*--------------------------------------------------------------------------
  0.  ページ共通
/*------------------------------------------------------------------------*/
.pageWrap {
 position: relative;
}
.lower_01 .mainContent {
 width: 900px;
 margin: 0 auto;
 padding-top: 120px;
}
.lower_02 .mainContent {
 padding-top: 120px;
}
.boxLayout_01 {
 margin-bottom: 106px;
}
.subTitle {
 background: #002850;
 font-size: 1.5rem;
 color: #fff;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 200px;
 height: 32px;
 margin: 0 auto 40px;
 border-radius: 20px;
}
/*--------------- ヘッダー ---------------*/
header {
 position: fixed;
 z-index: 1000;
 width: 100%;
 /* height: 120px; */
 background: #fff;
}
.top header {
 height: 60px;
}
header .headContent {
 width: 1100px;
 margin: 0 auto;
 padding: 8px 0;
 overflow: hidden;
}
header .headContent h1 
, header .headContent div {
 float: left;
 margin: 0 20px 0 16px;
}
header .headContent h1 img
, header .headContent div img {
 width: 140px;
}
header .headContent p {
 float: left;
 font-size: 1.2rem;
 font-weight: bold;
 padding: 15px 0;
 color: #000;
}
header .headContent ul {
 float: right;
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-top: 4px;
}
header .headContent ul li {
 width: 170px;
/* height: 36px; */
 border-radius: 5px;
}
header .headContent ul li a:hover {
 opacity: 0.8;
}
header .headContent ul .btnRegistration {
 background: #ff9600;
 margin-right: 10px;
}
header .headContent ul .btnLogin {
 background: #002850;
}
header .headContent ul .btnMypage {
 background: #ff9600;
}
header .headContent ul li a {
 font-size: 1.2rem;
 color: #fff;
 font-weight: bold;
 background: url(/share/images/renewal/common/ico_arrow_06.png) no-repeat;
 background-position: 150px;
 text-align: center;
 letter-spacing: 1px;
 padding: 11px 0 12px;
}
header .headContent ul li.telBox{
width: 200px;
border-radius: 0;
margin: 0 12px 0 0;
}
header .headContent ul li.telBox img{
width: 100%;
height: auto;
}
header .headContent ul li.telBox span{
font-size: 10px;
text-align: right;
margin: 5px 0 0;
display: block;
}
header .headnav {
 background: #002850;
 height: 60px;
}
header .headnav nav {
 width: 1100px;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 24px 10px;
}
header .headnav nav ul {
 display: flex;
 justify-content: flex-start;
 align-items: center;
}
header .headnav nav ul li {
 margin: 0 10px;
}
header .headnav nav ul li a {
 color: #fff;
 font-size: 1.2rem;
}
header .headnav nav ul li a:hover {
 color: #ff9600;
}
header .headnav nav .menuType02 li a {
 color: #999999;
}
/*--------------- パンくず ---------------*/
.breadcrumb {
 width: 900px;
 margin: 32px auto 70px;
}
.breadcrumb ul li {
 display: inline-block;
 font-size: 1.2rem;
}
.breadcrumb ul li a:hover {
 color: #ff9600;
}
/*--------------- フッター ---------------*/
footer {
 background: #eee;
 padding: 150px 0 110px;
}
footer .footContent {
 width: 800px;
 margin: 0 auto;
}
footer .footContent ul li {
 margin-bottom: 18px;
}
footer .footContent ul li a {
 font-size: 1.3rem;
 font-weight: bold;
 background: url(/share/images/renewal/common/ico_arrow_05.png) no-repeat left center;
 padding-left: 18px;
}
footer .footContent a:hover {
 text-decoration: underline;
}
footer .footContent .leftArea {
 float: left;
 width: 226px;
}
footer .footContent .leftArea .memberMenu {
 margin-bottom: 40px;
}
footer .footContent .centerArea {
 float: left;
 width: 322px;
}
footer .footContent .rightArea {
 float: left;
}
footer .footContent .rightArea dl dt,
footer .footContent .rightArea dl dd {
 font-size: 1.3rem;
 font-weight: bold;
 margin-bottom: 18px;
}
footer .footContent .rightArea .footContact a {
 font-size: 1.3rem;
 font-weight: bold;
}
footer .footContent p {
 clear: both;
 padding-top: 80px;
 font-size: 1.2rem;
 line-height: 2.0;
 color: #666;
}
footer .footContent p span {
 color: #FF9600

}

footer .footContent p > a{
color: #666;
font-weight: bold;
text-decoration: none;
display: inline-block;
}
footer .footContent p > a:hover{
opacity: 0.7;
}
/*--------------- スクロールメニュー ---------------*/
.scrollMenu {
 position: fixed;
 top: 30%;
 right: 0;
 z-index: 2;
}
.scrollMenu ul li {
 width: 150px;
 height: 50px;
 padding-left: 14px;
 background: #17b3ff;
 border-radius: 5px 0 0 5px;
 margin-bottom: 10px;
}
.scrollMenu ul li a {
 color: #033966;
 font-size: 1.3rem;
 font-weight: bold;
 background: url(/share/images/renewal/common/ico_arrow_06.png) no-repeat left center;
 padding: 18px 0 18px 20px;
}
.scrollMenu ul .bgcOra a {
 color: #fff;
}
.scrollMenu ul li a:hover {
 opacity: 0.8;
}
/*--------------- 既卒・新卒・第二新卒アイコン ---------------*/
.jobType {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.jobType li {
 width: 40px;
 height: 36px;
 border-radius: 3px;
 color: #fff;
 font-size: 1.2rem;
 line-height: 1.2;
 text-align: center;
 padding: 0 !important;
 margin: 0 1.5px !important;
 background: #dddddd;
 display: flex;
 justify-content: center;
 align-items: center;
}
.jobType .kisotsu {
 background: #b00000;
}
.jobType .daini {
 background: #00b684;
}
.jobType .shinsotsu {
 background: #17b3ff;
}

/*--------------- セレクトボックス ---------------*/
select {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border: none;
 background: url(/share/images/renewal/common/ico_arrow_08.png) no-repeat;
 background-position: 95% 50%;
 background-color: #eee;
 width: 160px;
 height: 32px;
 border-radius: 3px;
 padding: 0 6px;
 cursor: pointer;
}
select::-ms-expand {
	display: none;
}

/*--------------- チェックボックス ---------------*/
input[type="checkbox"] {
 display: none;
}
input[type="checkbox"] + label {
 padding: 3px 0 3px 24px;
 background: url(/share/images/renewal/common/ico_checkbox_off.png) no-repeat left center;
 background-size: 20px 16px;
 cursor: pointer;
}
input[type="checkbox"]:checked + label {
 background: url(/share/images/renewal/common/ico_checkbox_on.png) no-repeat left center;
 background-size: 20px 16px;
 cursor: pointer;
}
input[type="checkbox"] + label a {
 display: inline !important;
 background: none;
}

/*--------------- ラジオボタン ---------------*/
input[type="radio"] {
 display: none;
}
input[type="radio"] + label {
 padding: 3px 0 3px 24px;

 background: url(/share/images/renewal/common/ico_radio_off.png) no-repeat left center;

 background-size: 20px 16px;
 cursor: pointer;
}
input[type="radio"]:checked + label {

 background: url(/share/images/renewal/common/ico_radio_on.png) no-repeat left center;

 background-size: 20px 16px;
 cursor: pointer;
}

/*--------------- サブミットボタン ---------------*/
input[type="submit"] {
 border: none;
 background: url(/share/images/renewal/common/ico_arrow_06.png) no-repeat center;
 background-color: #ff9600;
 color: #fff;
 font-size: 1.4rem;
 font-weight: normal;
 cursor: pointer;
}
input[type="submit"]:hover {
 opacity: 0.8;
}

/*--------------- 求人検索結果・求人詳細・セミナー詳細タイトル ---------------*/
.searchResults article .jobTitle {
 background: #fcf0e4;
 height: 70px;
 border-radius: 8px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 0 20px;
 margin-bottom: 20px;
 position: relative;
}
.seminarDetail article .seminarTitle {
 background: #e2eef8;
 /* height: 70px; */
 border-radius: 8px;
 /* display: flex; */
 /* justify-content: space-between; */
 /* align-items: center; */
 padding: 25px 20px;
 margin-bottom: 20px;
 position: relative;
}
.searchResults article .jobTitle h2,

.seminarDetail article .seminarTitle h2{
 font-size: 2.1rem;
}

.searchResults article .jobTitle p {

 font-size: 1.4rem;

 background: url(/share/images/renewal/ico_attention.png) no-repeat right center;

 padding: 6px 33px 6px 0;
}

.seminarDetail article .seminarTitle h3 {

 position: absolute;

 top: -20px;

 left: 26px;

 font-size: 1.5rem;

 font-weight: normal;

 color: #fff;

 background: #002850;

 width: 200px;

 height: 30px;

 border-radius: 20px;

 display: flex;

 justify-content: center;

 align-items: center;

}

/* -- 2019/05/08 --*/
.jobDetail article .jobTitle{
background: #fcf0e4;
border-radius: 8px;
padding: 25px 20px 18px;
margin-bottom: 20px;
position: relative;
}

.jobDetail article .jobTitle h1{
width: 705px;
font-size: 2.1rem;
line-height: 1.4;
margin: 0;
float: left;
}
.jobDetail article .jobTitle .jobTitle_syokusyu{
font-size: 1.5rem;
font-weight: normal;
line-height: 1.4;
margin: 5px 0 0 0;
display: block;
}

.jobDetail article .jobTitle .jobTitle_intern{
width: 155px;
background: url(/share/images/renewal/ico_attention.png) no-repeat right center;
font-size: 1.4rem;
text-align: right;
padding: 6px 33px 6px 0;
float: left;
}

.jobDetail article .jobTitle h2{
 position: absolute;
 top: -20px;
 left: 26px;
 font-size: 1.5rem;
 font-weight: normal;
 color: #fff;
 background: #002850;
 width: 200px;
 height: 30px;
 border-radius: 20px;
 display: flex;
 justify-content: center;
 align-items: center;
}

/*--------------- 求人検索結果・求人詳細・セミナー詳細タグ ---------------*/
.searchResults article .jobTag ul,
.jobDetail article .jobTag ul,
.seminarDetail article .seminarTag ul {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 font-size: 1.2rem;
 color: #fff;
 font-weight: bold;

 margin-bottom: 15px;

}
.searchResults article .jobTag ul li,
.jobDetail article .jobTag ul li {
 margin-right: 4px;
 background: #ddd;

 border-radius: 5px;
}

/* 2019/01/07 */
.searchResults article .jobTag ul li a,
.jobDetail article .jobTag ul li a{
color: #fff;
padding: 10px;
}
.searchResults article .jobTag ul li:hover,
.jobDetail article .jobTag ul li:hover{
opacity: 0.7;
}
.searchResults article .jobTag ul .tagType_02,
.jobDetail article .jobTag ul .tagType_02{
padding: 10px;
}
.searchResults article .jobTag ul .tagType_02:hover,
.jobDetail article .jobTag ul .tagType_02:hover{
opacity: 1.0;
}

.seminarDetail article .seminarTag ul li {

 width: 84px;

 margin-right: 4px;
 background: #ddd;
 padding: 10px;
 border-radius: 5px;
 text-align: center;
}
.searchResults article .jobTag ul .tagType_01,
.jobDetail article .jobTag ul .tagType_01 {
 background: #6935d0;
}
.searchResults article .jobTag ul .tagType_02,
.jobDetail article .jobTag ul .tagType_02 {
 background: #ff646d;
}
.searchResults article .jobTag ul .tagType_03,
.jobDetail article .jobTag ul .tagType_03,
.seminarDetail article .seminarTag ul .tagType_03 {
 background: #b00000;
}
.searchResults article .jobTag ul .tagType_04,
.jobDetail article .jobTag ul .tagType_04,
.seminarDetail article .seminarTag ul .tagType_04 {
 background: #00b684;
}
.searchResults article .jobTag ul .tagType_05,
.jobDetail article .jobTag ul .tagType_05,
.seminarDetail article .seminarTag ul .tagType_05 {
 background: #17b3ff;
}

.reason {
 width: 710px;
 margin: 0 auto;
}
.reason h3 {
 font-size: 2.0rem;
 margin-bottom: 34px;
}
.reason p {
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 2.0;
 background: url(/share/images/renewal/top/ico_shirokuma_03.png) no-repeat right bottom;
}

/*--------------------------------------------------------------------------
  1.  トップページ
/*------------------------------------------------------------------------*/
/*--------------- メインビジュアル ---------------*/
.topMainvisual {
 padding-top: 60px;
}
.topMainvisual .visualContent {
 width: 1100px;
 margin: 0 auto 40px;
 overflow: hidden;
}
.topMainvisual .visualContent .siteTitle {
 float: left;
 width: 320px;
 text-align: center;
}
.topMainvisual .visualContent .siteTitle .catchTxt {
 margin: 38px 0 30px;
 font-size: 1.2rem;
 line-height: 2.2;
 color: #000;
 font-weight: bold;
}
.topMainvisual .visualContent .siteTitle h1 {
 margin-bottom: 38px;
}
.topMainvisual .visualContent .siteTitle h1 img {
 text-align: center;
 display: inline-block;
}
.topMainvisual .visualContent .siteTitle h2 {
 font-size: 1.3rem;
 line-height: 1.8;
 color: #ff9600;
 font-weight: normal;
 margin-bottom: 14px;
}
.topMainvisual .visualContent .siteTitle dl dt {
 margin-bottom: 14px;
}
.topMainvisual .visualContent .siteTitle dl dt img {
 text-align: center;
 display: inline-block;
}
.topMainvisual .visualContent .siteTitle dl dd {
 margin-bottom: 18px;
 font-size: 1.3rem;
}
.topMainvisual .visualContent .siteTitle dl dd a {
 color: #ff9600;
 display: inline;
 background: url(/share/images/renewal/common/ico_arrow_01.png) no-repeat;
 background-position: 140px 2px;
 padding-right: 22px;
}
.topMainvisual .visualContent .siteTitle dl dd a:hover {
 text-decoration: underline;
}
.topMainvisual .visualContent .siteTitle dl dd p {
 font-size: 1.2rem;
 color: #444;
}
.topMainvisual .visualContent .siteVisual {
 float: left;
}



/*--------------------------------------------------------------------------
  2.  求人検索
/*------------------------------------------------------------------------*/
.search .leadTxt {
 margin-bottom: 65px;
}
.search .leadTxt p {
 font-size: 1.5rem;
 line-height: 1.8;
 margin-bottom: 20px;
}
.search .leadTxt span {
 font-size: 1.4rem;
 color: #ff9600;
}
.search .jobTerms {
 float: left;
 width: 304px;
 margin: 0 40px 70px 0;
}
.search .jobTerms h3,
.search .jobCate h3,
.search .jobArea h3,
.search .jobCommit h3,
.search .jobMirai h3 {
 margin-bottom: 22px;
}
.search .jobTerms ul li {
 width: 300px;
 height: 48px;
 background: #eee;
 border-radius: 5px;
 margin-bottom: 7px;
 position: relative;
}
.search .jobTerms ul li p {
 font-size: 1.2rem;
 font-weight: bold;
 padding: 18px 0 18px 20px;
}
.search .jobTerms ul li img {
 position: absolute;
 top: -7px;
 width: 74px;
}
.search .jobTerms ul .kisotsu p {
 color: #b00000;
}
.search .jobTerms ul .kisotsu img {
 right: -25px;
}
.search .jobTerms ul .daini p {
 color: #00b684;
}
.search .jobTerms ul .daini img {
 right: 8px;
}
.search .jobTerms ul .shinsotsu p {
 color: #17b3ff;
}
.search .jobTerms ul .shinsotsu img {
 right: 44px;
}
.search .jobCate {
 float: left;
 width: 556px;
 margin-bottom: 70px;
}
.search .jobCate ul li {
 display: inline-block;
 margin: 0 20px 16px 0;
 font-size: 1.2rem;
 font-weight: bold;
}
.search .jobArea {
 float: left;
 width: 492px;
 margin: 0 30px 78px 0;
}
.search .jobArea ul {
 height: 30px;
 padding-left: 26px;
 display: flex;
 align-items: center;
 background: url(/share/images/renewal/common/ico_arrow_05.png) no-repeat;
 background-position: 10px;
}
.search .jobArea ul li {
 font-size: 1.2rem;
 margin-right: 8px;
 font-weight: bold;
}
.search .jobArea ul:nth-child(even) {
 background-color: #eee;
}
.search .jobCommit {
 float: left;
 width: 378px;
 margin-bottom: 78px;
}
.search .jobCommit ul li {
 display: inline-block;
 margin: 0 18px 16px 0;
 font-size: 1.2rem;
 font-weight: bold;
}
.search .jobMirai {
 margin-bottom: 78px;
}
.search .jobMirai ul li {
 display: inline-block;
 margin: 0 18px 16px 0;
 font-size: 1.2rem;
 font-weight: bold;
}
.search .btnSearch {
 clear: both;
 width: 520px;
 height: 53px;
 margin: 0 auto;
 border-radius: 4px;
}
.search .btnSearch input[type="submit"] {
 width: 520px;
 height: 53px;
 background-position: 300px;
}
.NewJobInfo ul li {
 padding: 8px 10px;
}
.NewJobInfo ul li:nth-child(odd) {
 background: #eee;
}
.NewJobInfo ul li dl {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.NewJobInfo ul li dl dt {
 font-size: 1.2rem;
 line-height: 1.6;
 margin-right: 50px;
}
.NewJobInfo ul li dl dt a {
 font-weight: bold;
}
.NewJobInfo ul li dl dt a:hover {
 text-decoration: underline;
}
.NewJobInfo ul li dl dd ul {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.NewJobInfo ul li dl dd ul li {
 width: 104px;
 height: 33px;
 border-radius: 5px;
 color: #fff;
 font-size: 1.2rem;
 line-height: 1.2;
 text-align: center;
 padding: 0;
 margin: 0 2px;
 background: #dddddd;
 display: flex;
 justify-content: center;
 align-items: center;
}
.NewJobInfo ul li dl dd ul .kisotsu {
 background: #b00000;
}
.NewJobInfo ul li dl dd ul .shinsotsu {
 background: #00b684;
}
.NewJobInfo ul li dl dd ul .daini {
 background: #17b3ff;
}
.guideBoxFromSearch {
 background: #fff4e6;
 padding: 50px 0 110px;
}
/*--------------------------------------------------------------------------
  3.  求人検索結果
/*------------------------------------------------------------------------*/
.searchResults {
 overflow: hidden;
}
.searchResults .resultsTitle {
background: #002850;
font-size: 1.6rem;
color: #fff;
font-weight: bold;
padding: 8px 0 8px 23px;
margin-bottom: 22px;
}
.searchResults .btnRss {
 float: right;
 width: 80px;
 height: 32px;
 background: #ff9600;
 border-radius: 3px;
}
.searchResults .btnRss a {
 font-size: 1.2rem;
 font-weight: bold;
 padding: 10px;
 text-align: center;
}
.searchResults .reSearchBox {
 clear: both;
 padding-bottom: 80px;
}
.searchResults .reSearchBox h3 {
 background: #002850;
 font-size: 1.2rem;
 color: #fff;
 font-weight: bold;
 padding: 8px 0 8px 23px;
 margin-bottom: 22px;
}
.searchResults .reSearchBox .box01 .title{
min-width: 120px;
background: #002850;
text-align: center;
border-radius: 100px;
margin: 0 10px 0 0;
padding: 10px 0 8px;
display: inline-block;
}
.searchResults .reSearchBox .box01 .title span{
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 0 0 0 26px;
display: inline-block;
position: relative;
}
.searchResults .reSearchBox .box01 .title span::before{
content: "";
width: 22px;
background: url("/share/images/renewal/jobDetail/ico_spritesheet03.png") no-repeat;
background-size: 100% auto;
position: absolute;
}
.searchResults .reSearchBox .box01 .title span.type01::before{
height: 20px;
background-position: 0 0;
left: 0;
top: -4px;
}
.searchResults .reSearchBox .box01 .title span.type02::before{
height: 18px;
background-position: 0 -22px;
left: -1px;
top: -4px;
}
.searchResults .reSearchBox .box01 .title span.type03::before{
height: 20px;
background-position: 0 -43px;
left: -1px;
top: -3px;
}
.searchResults .reSearchBox .box01 .title span.type04{
margin: 0 20px;
}
.searchResults .reSearchBox .box01 .title span.type04::before{
height: 18px;
background-position: 0 -66px;
left: -1px;
top: -3px;
}
.searchResults .reSearchBox .box01 .title span.type05::before{
height: 18px;
background-position: 0 -66px;
left: -1px;
top: -3px;
}
.searchResults .reSearchBox .jobTerms {
 float: left;
 width: 285px;
 margin: 0 20px 20px 0;
 display: flex;
 justify-content: flex-start;
 align-items: center;
}
.searchResults .reSearchBox .jobCate {
 float: left;
 width: 285px;
 margin: 0 20px 20px 0;
 display: flex;
 justify-content: flex-start;
 align-items: center;
}
.searchResults .reSearchBox .jobArea {
 float: left;
 width: 285px;
 margin: 0 0 20px 0;
 display: flex;
 justify-content: flex-start;
 align-items: center;
}
.searchResults .reSearchBox .jobCommit {
 clear: both;
 margin-bottom: 42px;
}
.searchResults .reSearchBox .jobMirai {
 clear: both;
 margin-bottom: 20px;
}
.searchResults .reSearchBox .jobMirai.box01 .title,
.searchResults .reSearchBox .jobCommit.box01 .title{
margin-bottom: 15px;
}
.searchResults .reSearchBox .jobCommit h4,
.searchResults .reSearchBox .jobMirai h4 {
 margin-bottom: 22px;
}
.searchResults .reSearchBox .jobCommit ul li,
.searchResults .reSearchBox .jobMirai ul li {
 display: inline-block;
 margin: 0 20px 16px 0;
 font-size: 1.2rem;
 font-weight: bold;
}
.searchResults .reSearchBox .jobRelatedlinks {
 clear: both;
 margin-bottom: 30px;
display: none;
}
.searchResults .reSearchBox .jobRelatedlinks h4 {
 margin-bottom: 22px;
}
.searchResults .reSearchBox .jobRelatedlinks h4 img {
 width: 174px;
}
.searchResults .reSearchBox .jobRelatedlinks ul li {
 display: inline-block;
 margin: 0 20px 16px 0;
 font-size: 1.2rem;
 font-weight: bold;
}
.searchResults .reSearchBox .btnSearch {
 width: 300px;
 margin: 0 auto;
}
.searchResults .reSearchBox .btnSearch input[type="submit"] {
 width: 300px;
height: 50px;
text-indent: -9999px;
background: url("/share/images/renewal/jobDetail/search_button.jpg") no-repeat;
}
.searchResults .resultsBox .resultsTxt {
 display: flex;
 justify-content: space-between;
 align-items: center;
 font-size: 1.2rem;
 margin-bottom: 30px;
}
.searchResults .resultsBox .resultsTxt ul {
 display: flex;
 justify-content: flex-start;
 align-items: center;
}
.searchResults .resultsBox .resultsTxt ul li {
 margin: 0 4px;
}
.searchResults .resultsBox .resultsTxt ul li span {
 font-weight: bold;
}
.searchResults .resultsBox .resultsTxt ul li a:hover {
 text-decoration: underline;
}
.searchResults article {
border: 1px solid #007299;
border-radius: 10px;
margin: 0 0 30px;
padding: 0 0 20px;
 overflow: hidden;
}
.searchResults article a{
transition: 0.3s;
}
.searchResults article a:hover{
opacity: 0.7;
}
.searchResults article .title{
background: #e5eff8;
color: #002850;
font-size: 14px;
font-weight: normal;
line-height: 1.6;
margin: 0 0 10px;
padding: 20px 50px 18px 20px;
position: relative;
}
.searchResults article .title::before{
content: "";
width: 30px;
height: 30px;
background: url("/share/images/renewal/jobDetail/ico_next.gif") no-repeat;
background-size: 100% auto;
position: absolute;
right: 20px;
top: 50%;
margin-top: -15px;
}
.searchResults article .title b{
font-size: 18px;
font-weight: bold;
margin: 0 0 4px;
display: block;
}

.searchResults article .tag{
margin: 0 0 15px;
padding: 0 20px;
}
.searchResults article .tag > li{
margin: 0 5px 5px 0;
display: inline-block;
 float: left;
}
.searchResults article .tag > li:last-child{
margin-right: 0;
}
.searchResults article .tag > li a{
font-size: 10px;
 font-weight: bold;
line-height: 1.0;
border-width: 2px;
border-style: solid;
border-radius: 100px;
padding: 5px 15px 4px;
display: inline-block;
}
.searchResults article .tag > li.type01{
color: #ff646d;
font-size: 10px;
font-weight: bold;
line-height: 1.0;
border-color: #ff646d;
border-width: 2px;
border-style: solid;
border-radius: 100px;
padding: 5px 15px 4px;
}
.searchResults article .tag > li.type02 a{
color: #b00000;
border-color: #b00000;
}
.searchResults article .tag > li.type03 a{
color: #00b684;
border-color: #00b684;
}
.searchResults article .tag > li.type04 a{
color: #17b3ff;
border-color: #17b3ff;
}
.searchResults article .tag > li.type05 a{
color: #6935d0;
border-color: #6935d0;
}
.searchResults article .tag > li.type06 a{
color: #ff9600;
border-color: #ff9600;
}
.searchResults article .textBlock{
width: 860px;
margin: 0 auto;
}
.searchResults article .col01{
width: 410px;
margin: 0 20px 0 0;
float: left;
}
.searchResults article .col01 .text01{
color: #007299;
font-size: 16px;
font-weight: bold;
line-height: 1.4;
word-break: break-all;
margin: 0 0 15px;
}
.searchResults article .col01 .text02{
color: #000;
font-size: 14px;
 line-height: 1.6;
word-break: break-all;
margin: 0 0 20px;
}
.searchResults article .col01 .btn{
text-align: center;
}
.searchResults article .col01 .btn.type02{
margin-top: 10px;
}
.searchResults article .col01 .btn a{
color: #fff;
font-size: 18px;
font-weight: bold;
text-align: center;
border-radius: 10px;
padding: 20px 0 18px;
display: block;
position: relative;
}
.searchResults article .col01 .btn a::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 10px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
right: 20px;
top: 50%;
margin-top: -8px;
}
.searchResults article .col01 .btn.type01 a{
background: #007299;
border-bottom: 4px solid #005d7d;
}
.searchResults article .col01 .btn.type02 a{
background: #f2535b;
border-bottom: 4px solid #d5353d;
}
.searchResults article .col02{
width: 430px;
background: #e5eff8;
border-radius: 10px;
margin: 0;
padding: 20px;
float: left;
}
.searchResults article .col02 .block + .block{
margin-top: 15px;
}
.searchResults article .col02 .block .ttl{
color: #007299;
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
padding: 0 0 0 33px;
position: relative;
}
.searchResults article .col02 .block .ttl::before{
content: "";
width: 20px;
background: url("/share/images/renewal/jobDetail/ico_spritesheet01.png") no-repeat;
background-size: 100% auto;
position: absolute;
}
.searchResults article .col02 .block .ttl.type01::before{
height: 21px;
background-position: 0 -114px;
left: 6px;
top: -3px;
}
.searchResults article .col02 .block .ttl.type02::before{
height: 21px;
background-position: 0 -73px;
left: 12px;
top: -3px;
}
.searchResults article .col02 .block .ttl.type03::before{
height: 20px;
background-position: 0 -55px;
left: 9px;
top: -2px;
}
.searchResults article .col02 .block .ttl.type04::before{
height: 20px;
background-position: 0 0;
left: 9px;
top: -2px;
}
.searchResults article .col02 .block .text{
background: #fff;
color: #000;
font-size: 14px;
line-height: 1.6;
word-break: break-all;
border-radius: 10px;
padding: 15px 15px 13px;
}
.searchResults article .col02 .block .text .more{
width: 100%;
max-height: 90px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
/* エリアテキスト */
.searchResults .areaTxtBox {
 clear: both;
 padding: 15px 0;
}
.searchResults .areaTxtBox .areaTxt {
  background: #fcf0e4;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  position: relative;
}
.searchResults .areaTxtBox .areaTxt span {
  font-size: 1.2rem;
  line-height: 1.8;
}
/*--------------------------------------------------------------------------
  3.  求人検索詳細
/*------------------------------------------------------------------------*/
.jobDetail article .btnIntroduce {

 /* display: flex;

 justify-content: flex-start;

 align-items: center; */

 margin-bottom: 40px;
}

/* 2019/05/08 -----
.jobDetail article .btnIntroduce div {
 width: 200px;
 height: 30px;
 background: #ff9600;
 border-radius: 20px;
 margin-right: 18px;
 text-align: center;
}
----- */

.jobDetail article .btnIntroduce div.btnIntroduceFavorite {
 width: 200px;
 height: 30px;
 background: #FF646D;
 border-radius: 8px;
 border-bottom: 2px solid #ea3e48;

 margin-right: 18px;
 text-align: center;
}
.jobDetail article .btnIntroduce div:hover {
 opacity: 0.8;
}
.jobDetail article .btnIntroduce div a {
 font-size: 1.3rem;
 font-weight: bold;
 color: #fff;
 padding: 9px 0;

}

/* -- 2019/05/08 --*/
.jobDetail article .btnTypeA01{
text-align: center;
margin: 0 auto;
padding: 65px 0 0;
}
.jobDetail article .btnTypeA01 .btn{
text-align: center;
margin: 0;
padding: 0 0 0 118px;
display: inline-block;
position: relative;
}
.jobDetail article .btnTypeA01 .btn span{
background: #fff;
color: #000;
font-size: 1.2rem;
text-align: left;
line-height: 1.4;
border: 1px solid #e4e4e4;
border-radius: 100px;
-moz-box-shadow: 2px 2px 8px -6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 2px 2px 8px -6px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 2px 2px 8px -6px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 8px -6px rgba(0, 0, 0, 0.4);
padding: 10px 30px 8px;
display: inline-block;
position: absolute;
top: -65px;
left: 92px;
}
.jobDetail article .btnTypeA01 .btn span::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 20px 0 0;
border-color: #e4e4e4 transparent transparent transparent;
position: absolute;
left: 16px;
bottom: -10px;
}
.jobDetail article .btnTypeA01 .btn span::after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 20px 0 0;
border-color: #fff transparent transparent transparent;
position: absolute;
left: 17px;
bottom: -8px;
}
.jobDetail article .btnTypeA01 .btn span b{
color: #ff9600;
}
.jobDetail article .btnTypeA01 .btn a{
background: #ff9600;
color: #fff;
font-size: 2.2rem;
font-weight: bold;
line-height: 1.0;
border-radius: 8px;
border-bottom: 4px solid #de8301;
margin: 0;
padding: 24px 100px 20px;
display: inline-block;
position: relative;
}
.jobDetail article .btnTypeA01 .btn a::before{
content: "";
width: 105px;
height: 107px;
background: url("/share/images/renewal/jobTitle_kuma.png") no-repeat;
background-size: 100% auto;
position: absolute;
bottom: -4px;
left: -118px;
}
.jobDetail article .btnTypeA01 .btn a::after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 0 7.5px 10px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
right: 25px;
top: 50%;
margin-top: -7.5px;
}
.jobDetail article .btnIntroduce .btnTypeA01{
margin-top: 60px;
}
.jobPrImg + .btnTypeA01{
margin-bottom: 120px!important;
}
.jobDetail article .serviceMenu .btnTypeA01{
background: #fff!important;
height: auto!important;
margin-top: 40px!important;
}
.jobDetail article .serviceMenu .btnTypeA01 .btn a{
display: inline-block!important;
}
.jobDetail article .btnIntroduce .btnTypeA01:hover{
opacity: 1.0!important;
}
.jobDetail article .btnTypeA01 .btn:hover{
opacity: 0.8!important;
}
.jobDetail article .pushIntroduce_02 .btnTypeA01{
width: auto!important;
height: auto!important;
background: #fff!important;
}
.jobDetail article .btnIntroduce p {
 font-size: 1.4rem;
 color: #ff9600;
}
.jobDetail article .jobReadTxt {
 border-top: 2px solid #fcf0e4;
 padding: 36px 20px 0 20px;
 margin-bottom: 36px;
}
.jobDetail article .jobReadTxt p {
 font-size: 1.5rem;
 line-height: 1.8;
}
.jobDetail article .jobPrTxt {
 border-top: 2px solid #fcf0e4;
 padding: 60px 0;
 overflow: hidden;
}
.jobDetail article .jobPrTxt .leftArea {
 float: left;
 width: 200px;
 margin-right: 50px;
}
.jobDetail article .jobPrTxt .leftArea img {
 margin-bottom: 22px;
 width: 200px;
}
.jobDetail article .jobPrTxt .leftArea p {
 font-size: 1.2rem;
 line-height: 1.6;
 font-weight: bold;
 margin-bottom: 26px;
}
.jobDetail article .jobPrTxt .rightArea {
 float: left;
 width: 650px;
}
.jobDetail article .jobPrTxt .rightArea p {
 font-size: 1.4rem;
 line-height: 1.6;
}
.jobDetail article .jobPrImg {

 margin-bottom: 60px;

}
.jobDetail article .jobPrImg ul {
 overflow: hidden;
}
.jobDetail article .jobPrImg ul li {
 width: 160px;
 padding-right: 86px;
 box-sizing: content-box;
 float: left;
 background: url(/share/images/renewal/common/bg_dot.png) repeat;
}
.jobDetail article .jobPrImg ul li:last-child {
 padding: 0;
 background: none;
}
.jobDetail article .jobPrImg ul li img {
 margin-bottom: 20px;
 width: 160px;
}
.jobDetail article .jobPrImg ul p {
 font-size: 1.2rem;
 line-height: 1.6;
}
.jobDetail article .requirements {

 margin-bottom: 60px;

}
.jobDetail article .requirements h3 {
 width: 200px;
 height: 30px;
 margin: 0 auto 48px;
 background: #002850;
 font-size: 1.3rem;
 color: #fff;
 border-radius: 20px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.jobDetail article .requirements table {
 width: 900px;
 margin: 0 auto;
 table-layout: fixed;
 border-top: 1px solid #f1f1f1;
 border-left: 1px solid #f1f1f1;
 border-right: 1px solid #f1f1f1;
}
.jobDetail article .requirements table tr {
 border-bottom: 1px solid #fcf0e4;
}
.jobDetail article .requirements table th {
 width: 180px;
 background: #fcf0e4;
 font-size: 1.2rem;
 padding: 21px 0;
 border-bottom: 1px solid #fefcfa;
}
.jobDetail article .requirements table td {
 font-size: 1.2rem;
 line-height: 1.6;
 padding: 20px 30px;
 border: 1px solid #f1f1f1;
}
.jobDetail article .requirements table .threeTh {
 width: 100px;

}

.jobDetail article .requirements .adviserComment{
width: 100%;
border: 2px solid #f1f1f1;
border-radius: 10px;
margin: 60px 0 0;
padding: 30px 40px 20px;
position: relative;
}
.jobDetail article .requirements .adviserComment .adviserName{
background: #fff;
font-size: 18px;
font-weight: bold;
padding: 0 20px;
display: inline-block;
position: absolute;
left: 60px;
top: -10px;
}
.jobDetail article .requirements .adviserComment .adviserName span{
display: inline-block;
position: relative;
z-index: 2;
}
.jobDetail article .requirements .adviserComment .adviserName span::before{
content: "";
width: 105%;
height: 8px;
background: #fbd0d2;
position: absolute;
left: -2.5%;
bottom: -2px;
z-index: -1;
}
.jobDetail article .requirements .adviserComment .textBlock .text{
color: #002850;
font-size: 1.2rem;
line-height: 1.8;
}
.jobDetail article .pushIntroduce_01 {
 margin-bottom: 90px;
}
.jobDetail article .pushIntroduce_01 h3 {
 width: 320px;
 height: 35px;
 margin: 0 auto 48px;
 background: #002850;
 font-size: 1.5rem;
 color: #fff;
 border-radius: 20px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.jobDetail article .pushIntroduce_01 .pushTxt_01 {
 background: url(/share/images/renewal/bg_introduce_01.png) no-repeat;
 height: 120px;
 margin-bottom: 20px;
}
.jobDetail article .pushIntroduce_01 .pushTxt_01 ul {
 display: flex;
 justify-content: space-between;
 align-items: center;
 height: 120px;
}
.jobDetail article .pushIntroduce_01 .pushTxt_01 ul li {
 font-size: 1.6rem;
 line-height: 1.6;
 display: flex;
 align-items: center;
 margin: 0 auto;
}
.jobDetail article .pushIntroduce_01 .pushTxt_01 ul li a {
 color: #ff9600;
 font-size: 1.1rem;
}
.jobDetail article .pushIntroduce_01 .pushTxt_01 ul li a:hover {
 text-decoration: underline;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 background: #fcf0e4;
 border-radius: 5px;
 padding: 18px 20px;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 .pushTxtLeft {
 border-right: 3px solid #fff;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 p {
 font-size: 1.3rem;
 line-height: 1.8;
 padding: 16px 32px;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 .pushTxtRight {
 margin: 0 auto;
 width: 615px;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 ul {
 margin-left: 20px;
 width: 616px;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 ul li {

}
.jobDetail article .pushIntroduce_01 .pushTxt_02 ul li:nth-child(1) {
 padding-bottom: 16px;
 border-bottom: dotted 4px #fff;
 position: relative;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 ul li:nth-child(1):after {
 content: "";
 display: block;
 width: 82px;
 height: 75px;
 background: url(/share/images/renewal/ico_txt_osusume.png) no-repeat;
 position: absolute;
 top: -46px;
 right: 40px;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 ul li:nth-child(2) {
 padding-top: 16px;
 display: flex;
 justify-content: flex-start;
 align-items: center;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 ul li:nth-child(2) p {
 text-align: right;
 margin-right: 8px;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 ul li p {
 font-size: 1.6rem;
 line-height: 1.8;
 text-align: center;
 padding: 0;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 ul li p span {
 font-size: 1.2rem;
 display: block;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 ul li div {
 width: 210px;
 height: 30px;
 border-radius: 20px;
 background: #ff9600;
 float: left;
 margin-left: 10px;
 text-align: center;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 ul li div a {
 font-size: 1.2rem;
 color: #fff;
 background: url(/share/images/renewal/common/ico_arrow_07.png) no-repeat;
 background-position: 180px;
 padding: 9px 0;
}
.jobDetail article .pushIntroduce_01 .pushTxt_02 ul li div:hover {
 opacity: 0.8;
}
.jobDetail article .otherSearch {
 margin-bottom: 80px;
}
.jobDetail article .otherSearch h3 {
 width: 200px;
 height: 30px;
 margin: 0 auto 48px;
 background: #002850;
 font-size: 1.3rem;
 color: #fff;
 border-radius: 20px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.jobDetail article .otherSearch dl {
 margin-bottom: 20px;
 overflow: hidden;
}
.jobDetail article .otherSearch dl dt {
 width: 104px;
 height: 22px;
 background: #002850;
 font-size: 1.3rem;
 color: #fff;
 border-radius: 20px;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-right: 22px;
 float: left;
}
.jobDetail article .otherSearch dl dd {
 float: left;
 width: 774px;
}
.jobDetail article .otherSearch dl dd ul li {
 font-size: 1.4rem;
 background: url(/share/images/renewal/common/ico_arrow_09.png) no-repeat left center;
 padding: 4px 20px 4px 30px;
 margin-bottom: 10px;
}
.jobDetail article .otherSearch dl dd ul {
 overflow: hidden;
}
.jobDetail article .otherSearch dl dd ul li {
 float: left;
}
.jobDetail article .otherSearch dl dd ul li a:hover {
 text-decoration: underline;
}
.jobDetail article .relateJob {
 margin-bottom: 90px;
}
.jobDetail article .relateJob h3 {
 width: 240px;
 height: 30px;
 margin: 0 auto 48px;
 background: #002850;
 font-size: 1.3rem;
 color: #fff;
 border-radius: 20px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.jobDetail article .relateJob ul {
 overflow: hidden;
}
.jobDetail article .relateJob ul .relateList {
 float: left;
 width: 120px;
 padding-right: 75px;
 box-sizing: content-box;
 background: url(/share/images/renewal/common/bg_dot.png) repeat;
 background-position: -46px;
}
.jobDetail article .relateJob ul .relateList:last-child {
 padding: 0;
 background: none;
}
.jobDetail article .relateJob ul .relateList .jobType {
 margin-bottom: 16px;
}
.jobDetail article .relateJob ul .relateList img {
 margin-bottom: 16px;
 width: 120px;
}
.jobDetail article .relateJob ul .relateList dl {
 font-size: 1.2rem;
 line-height: 1.6;
}
.jobDetail article .relateJob ul .relateList dl dt {
 margin-bottom: 8px;
}
.jobDetail article .relateJob ul .relateList dl dd {
 margin-bottom: 6px;
}
.jobDetail article .relateJob ul .relateList dl dd a:hover {
 text-decoration: underline;
}
.jobDetail article .pushRegistration {
 width: 900px;
 height: 200px;
 padding: 40px 0 34px;
 margin-bottom: 70px;
 border-radius: 5px;
 background: #002850;
}
.jobDetail article .pushRegistration p {
 font-size: 1.5rem;
 line-height: 1.8;
 color: #fff;
 text-align: center;
 margin-bottom: 32px;
}
.jobDetail article .pushRegistration div {
 width: 360px;
 height: 40px;
 margin: 0 auto;
 border-radius: 20px;
 background: #fff;
}
.jobDetail article .pushRegistration div:hover {
 opacity: 0.8;
}
.jobDetail article .pushRegistration div a {
 font-size: 1.5rem;
 background: url(/share/images/renewal/common/ico_arrow_10.png) no-repeat;
 padding: 13px 0;
 background-position: 280px;
 text-align: center;
}
.jobDetail article .pushRegistration div a:hover {
 text-decoration: none;
 opacity: 0.8;
}
.jobDetail article .webinar_btn{
text-align: center;
margin: 0 0 100px;
}
.jobDetail article .webinar_btn a{
display: inline-block;
}
.jobDetail article .pushSeminar {
 margin-bottom: 50px;
}
.jobDetail article .pushSeminar h3 {
 font-size: 2.1rem;
 font-weight: normal;
 margin-bottom: 40px;
}
.jobDetail article .pushSeminar ul {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}
.jobDetail article .pushSeminar ul li {
 background: #ededed;
 width: 440px;
 height: 320px;
 padding: 44px 0 40px;
}
.jobDetail article .pushSeminar ul li a {
 text-decoration: none;
 opacity: 0.8;
}
.jobDetail article .pushSeminar ul li h4 {
 font-size: 1.4rem;
 margin-left: 80px;
 padding: 4px 20px 4px 0;
 margin-bottom: 10px;
}
.jobDetail article .pushSeminar ul .kisotsu h4 {
 color: #b00000;
 background: url(/share/images/renewal/common/ico_arrow_kisotsu.png) no-repeat;
 background-position: 84px;
}
.jobDetail article .pushSeminar ul .daini h4 {
 color: #00b684;
 background: url(/share/images/renewal/common/ico_arrow_daini.png) no-repeat;
 background-position: 84px;
}
.jobDetail article .pushSeminar ul li h5 {
 text-align: center;
 margin-bottom: 25px;
}
.jobDetail article .pushSeminar ul li h5 img {
 display: inline-block;
}
.jobDetail article .pushSeminar ul li p {
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 1.8;
 width: 280px;
 margin: 0 auto;
}
.jobDetail article .pushSeminar ul .kisotsu p {
 color: #b00000;
}
.jobDetail article .pushSeminar ul .daini p {
 color: #00b684;
}
.jobDetail article .pushIntroduce_02 h3 {
 font-size: 1.8rem;
 font-weight: normal;
 line-height: 1.8;
 text-align: center;
 margin-bottom: 80px;
}
.jobDetail article .pushIntroduce_02 h3 a {
 display: inline-block;
}
.jobDetail article .pushIntroduce_02 h3 a:hover {
 text-decoration: underline;
}
.jobDetail article .pushIntroduce_02 div {
 width: 400px;
 height: 36px;
 border-radius: 20px;
 margin: 0 auto;
 background: #ff9600;
 text-align: center;
}
.jobDetail article .pushIntroduce_02 div:hover {
 opacity: 0.8;
}
.jobDetail article .pushIntroduce_02 div a {
 font-size: 1.3rem;
 color: #fff;
 background: url(/share/images/renewal/common/ico_arrow_07.png) no-repeat;
 background-position: 270px;
 padding: 12px 0;
}
/*サイト改修にて追加 2017/06/28 */
.jobDetail article .pushIntroduce_01 .serviceMenu {
 margin-bottom: 120px;
}
.jobDetail article .pushIntroduce_01 .serviceMenu ul li {
 background: #eee;
 width: 900px;
 height: 140px;
 margin-bottom: 12px;
}
.jobDetail article .pushIntroduce_01 .serviceMenu ul li a {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.jobDetail article .pushIntroduce_01 .serviceMenu ul li a:hover {
 opacity: 0.8;
}
.jobDetail article .pushIntroduce_01 .serviceMenu ul li img {
 margin: 15px 40px;
}
.jobDetail article .pushIntroduce_01 .serviceMenu ul li dl {
 width: 280px;
 margin-right: 30px;
}
.jobDetail article .pushIntroduce_01 .serviceMenu ul li dl dt {
 text-align: center;
 font-size: 1.8rem;
 font-weight: bold;
 margin-bottom: 20px;
}
.jobDetail article .pushIntroduce_01 .serviceMenu ul li dl dd {
 font-size: 1.2rem;
 line-height: 1.8;
}
.jobDetail article .pushIntroduce_01 .serviceMenu ul li div {
 background: #ED7D31;
 width: 360px;
 height: 140px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.jobDetail article .pushIntroduce_01 .serviceMenu ul li div p {
 font-size: 1.6rem;
 font-weight: bold;
 text-align: left;
 background: url(/share/images/renewal/common/ico_arrow_03.png) no-repeat right;
 padding: 2px 32px 2px 0;
 display: inline-block;
 color: #fff;
}
.jobDetail article .pushIntroduce_01 .serviceMenu ul li div p span {
 display: block;
 text-align: center;
}

.jobDetail article .mendanBlock{
margin: 0 0 80px;
}
.jobDetail article .mendanBlock .ttl{
margin: 0 0 40px;
}
.jobDetail article .mendanBlock .txt{
font-size: 16px;
text-align: center;
line-height: 1.8;
margin: 0 0 20px;
}
.jobDetail article .mendanBlock .txt b{
background: linear-gradient(transparent 60%, #fff690 60%);
}
.jobDetail article .mendanBlock .txt + .txt{
margin-bottom: 60px;
}
.jobDetail article .mendanBlock .pointList{
margin: 0 0 60px;
}
.jobDetail article .mendanBlock .pointList .list{
width: 440px;
background: linear-gradient(70deg, #0763ac, #054476);
border-radius: 10px;
padding: 3px;
float: left;
overflow: hidden;
}
.jobDetail article .mendanBlock .pointList .list:nth-of-type(odd){
margin-right: 20px;
}
.jobDetail article .mendanBlock .pointList .list:nth-of-type(-n+2){
margin-bottom: 20px;
}
.jobDetail article .mendanBlock .pointList .list .text01{
color: #fff;
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 1.4;
padding: 10px 0;
}
.jobDetail article .mendanBlock .pointList .list .text01 b{
font-size: 16px;
display: block;
}
.jobDetail article .mendanBlock .pointList .list .text02{
background: #fff;
font-size: 14px;
line-height: 1.8;
border-radius: 0 0 10px 10px;
padding: 20px;
display: table-cell;
vertical-align: middle;
}
.jobDetail article .mendanBlock .pointList .list .text02 b{
background: linear-gradient(transparent 60%, #fff690 60%);
}

/*--------------------------------------------------------------------------
  5.  会社研究セミナー一覧
/*------------------------------------------------------------------------*/
.seminarList .seminarVisual {

 /* background: #002850; */
background: url(/share/images/renewal/seminar_bg.gif) no-repeat;
background-size: 100% 100%;
background-position: top center;
 margin-bottom: 30px;
}
.seminarList .seminarVisual img {

 width: 760px;

 margin: 0 auto;
}
.seminarList .seminarListBox {
 width: 900px;
 margin: 0 auto 70px;
position: relative;
}
.seminarList .seminarListBox #anc_tokyo,
.seminarList .seminarListBox #anc_osaka,
.seminarList .seminarListBox #anc_nagoya,
.seminarList .seminarListBox #anc_yokohama{
position: absolute;
top: -150px;
}
.seminarList .seminarListBox h3 {
 width: 240px;
 height: 30px;
 margin: 0 auto 50px;
 font-size: 1.2rem;
 border-radius: 20px;
 background: #002850;
 color: #fff;
 display: flex;
 justify-content: center;
 align-items: center;
}
.seminarList .seminarListBox table {
 width: 100%;
 table-layout: fixed;
 border: 1px solid #f6f6f6;
}
.seminarList .seminarListBox table th {
 background: #e2eef8;
 color: #002850;
 font-size: 1.2rem;
 padding: 24px 0;
 border-right: 1px solid #fff;
}
.seminarList .seminarListBox table th:nth-child(1) {
 width: 136px;
}
.seminarList .seminarListBox table th:nth-child(2) {
 width: 60px;
}
.seminarList .seminarListBox table th:nth-child(5) {
 width: 160px;
}
.seminarList .seminarListBox table th:nth-child(6) {
 width: 90px;
}
.seminarList .seminarListBox table td {
 font-size: 1.2rem;
 line-height: 1.6;
 padding: 10px;
 border-right: 1px solid #ededed;
 border-bottom: 1px solid #ededed;
 vertical-align: middle;
}
.seminarList .seminarListBox table td:nth-child(2),
.seminarList .seminarListBox table td:nth-child(6) {
 text-align: center;
}
.seminarList .seminarListBox table td a:hover {
 text-decoration: underline;
}
/*--------------------------------------------------------------------------
  0.  会社研究セミナー詳細
/*------------------------------------------------------------------------*/
.seminarDetail article .seminarReadTxt {
 border-top: 2px solid #e2eef8;
 border-bottom: 2px solid #e2eef8;
 padding: 24px 20px;
 margin-bottom: 78px;
}
.seminarDetail article .seminarReadTxt p {
 font-size: 1.5rem;
 line-height: 1.8;
}
.seminarDetail article .detailBox {
 overflow: hidden;
}
.seminarDetail article .detailBox .leftContent {
 float: left;
 width: 580px;
 margin-right: 60px; 
}
.seminarDetail article .detailBox .leftContent .detaillayout_01,
.seminarDetail article .detailBox .leftContent .detaillayout_02 {
 margin-bottom: 30px;
}
.seminarDetail article .detailBox .leftContent .detaillayout_01 h3,
.seminarDetail article .detailBox .leftContent .detaillayout_02 h3 {
 font-size: 1.6rem;
 line-height: 1.6;
 margin-bottom: 20px;
}
.seminarDetail article .detailBox .leftContent .detaillayout_01 p,
.seminarDetail article .detailBox .leftContent .detaillayout_02 p {
 font-size: 1.3rem;
 line-height: 2.0;
 width: 580px;
}
.seminarDetail article .detailBox .leftContent .detaillayout_01 p a,
.seminarDetail article .detailBox .leftContent .detaillayout_02 p a {
 color: #ff9600;
}
.seminarDetail article .detailBox .leftContent .detaillayout_01 p a.tensyoku,
.seminarDetail article .detailBox .leftContent .detaillayout_02 p a.tensyoku{
 display: none;
}
.seminarDetail article .detailBox .leftContent .detaillayout_01 p a:hover,
.seminarDetail article .detailBox .leftContent .detaillayout_02 p a:hover {
 text-decoration: underline;
}
.seminarDetail article .detailBox .leftContent .detaillayout_01 img {
　max-width: 100%;
	
 float: left;
 margin: 0 20px 20px 0;
}
.seminarDetail article .detailBox .leftContent .detaillayout_02 img {
 float: right;
 margin: 0 0 20px 20px;
}
.seminarDetail article .detailBox .leftContent .seminarSummary {
 margin-bottom: 80px;
}
.seminarDetail article .detailBox .leftContent .seminarSummary .summaryTxt_01,
.seminarDetail article .detailBox .leftContent .seminarSummary .summaryTxt_02 {
 background: #e2eef8;
 padding: 20px 25px;
 margin-bottom: 20px;
 overflow: hidden;
}
.seminarDetail article .detailBox .leftContent .seminarSummary .summaryTxt_01 h3,
.seminarDetail article .detailBox .leftContent .seminarSummary .summaryTxt_02 h3{
 font-size: 1.6rem;
 margin-bottom: 20px;
}
.seminarDetail article .detailBox .leftContent .seminarSummary .summaryTxt_01 p {
 font-size: 1.3rem;
 line-height: 2.0;
 float: left;
 width: 350px;
 margin-right: 20px;
}
.seminarDetail article .detailBox .leftContent .seminarSummary .summaryTxt_02 p {
 font-size: 1.3rem;
 line-height: 2.0;
}
.seminarDetail article .detailBox .leftContent .seminarSummary .summaryTxt_02 ul {
 font-size: 1.2rem;
 line-height: 2.0;
 margin-top: 15px;
 padding: 10px;
 border-top: 1px dotted #ccc;
}
.seminarDetail article .detailBox .leftContent .seminarSummary .summaryTxt_01 p span,
.seminarDetail article .detailBox .leftContent .seminarSummary .summaryTxt_02 p span {
 color: #ff9600;
 display: block;
}
.seminarDetail article .detailBox .leftContent .seminarSummary .summaryTxt_01 img {
 float: right;
}
.seminarDetail article .detailBox .leftContent .placeMap {
 width: 400px;
 height: 36px;
 margin: 0 auto;
 border-radius: 20px;
 background: #ff9600;
}
.seminarDetail article .detailBox .leftContent .placeMap:hover {
 opacity: 0.8;
}
.seminarDetail article .detailBox .leftContent .placeMap a {
 color: #fff;
 font-size: 1.2rem;
 font-weight: bold;
 text-align: center;
 padding: 12px;
 background: url(/share/images/renewal/common/ico_arrow_07.png) no-repeat;
 background-position: 240px;
}
.seminarDetail article .detailBox .rightContent {
 float: right;
 width: 260px;
}
.seminarDetail article .detailBox .rightContent .requestBox {
 margin-bottom: 20px;
}
.seminarDetail article .detailBox .rightContent .requestBox img {
 margin-bottom: 16px;
}
.seminarDetail article .detailBox .rightContent .requestBox dl,
.seminarDetail article .detailBox .rightContent .contactBox dl {
 background: #e2eef8;
 border-radius: 0 0 5px 5px;
 font-size: 1.2rem;
 padding-bottom: 10px;
}
.seminarDetail article .detailBox .rightContent .requestBox dl dt,
.seminarDetail article .detailBox .rightContent .contactBox dl dt{
 background: #002850;
 font-weight: bold;
 color: #fff;
 text-align: center;
 padding: 12px 0;
 margin-bottom: 20px;
}
.seminarDetail article .detailBox .rightContent .requestBox dl dd p {
 line-height: 1.8;
 padding: 0 30px;
 margin-bottom: 10px;
}
.seminarDetail article .detailBox .rightContent .requestBox dl dd p a:hover {
 text-decoration: underline;
}
.seminarDetail article .detailBox .rightContent .contactBox dl dd p {
 line-height: 1.8;
 padding: 0 30px;
 margin-bottom: 10px;
 color: #666;
}
.seminarDetail article .detailBox .rightContent .requestBox dl .map {
 width: 240px;
 height: 32px;
 margin: 0 auto;
 border-radius: 5px;
 background: #ff9600;
}
.seminarDetail article .detailBox .rightContent .requestBox dl .map:hover {
 opacity: 0.8;
}
.seminarDetail article .detailBox .rightContent .requestBox dl .map a {
 text-align: center;
 background: url(/share/images/renewal/common/ico_arrow_07.png) no-repeat;
 background-position: 200px;
 color: #fff;
 padding: 10px 0;
}
.seminarDetail article .detailBox .rightContent .contactBox dl dd {
 text-align: center;
}
.seminarDetail article .detailBox .rightContent .contactBox dl dd img {
 margin: 0 auto 12px;
}
.seminarDetail article .detailBox .rightContent .contactBox dl dd span {
 color: #ff9600;
 text-align: center;
}
/*--------------------------------------------------------------------------
  7.  各種セミナー・イベント
/*------------------------------------------------------------------------*/
 .leadTxt p {
 font-size: 1.5rem;
 line-height: 1.8;
 margin-bottom: 40px;
}
.event .eventList {
 display: flex;
 justify-content: space-between;
 align-items:flex-start;
 flex-wrap: wrap;
 width: 900px;
 margin-bottom: 50px;
}
.event .eventList li {
 background: #e2eef8;
 width: 296px;
 min-height: 330px;
 margin-bottom: 30px;

/* overflow: hidden; */
	
position: relative;

}
.event .eventList li > a:hover{
opacity: 0.7;	
}

.event .eventList li a .eventListBox dl dt{
font-weight: bold;
}
.event .eventList .notEvent {
 background: #ccc;
 border-radius: 5px;
}
.event .eventList .notEvent p {
 font-size: 1.2rem;
 padding-top: 50%;
 text-align: center;
}
.event .eventList li h3 {
 font-size: 1.4rem;
 font-weight: normal;
 background: #002850;
 color: #fff;
 padding: 13px;
}

.event .eventList li .recommend {
color: #ffffff;
font-size: 12px;
font-weight: bold;
text-align: center;
background: #ff646d;
line-height: 1;
border-radius: 100px;
padding: 10px 20px;
position: absolute;
top: -15px;
right: -15px;
}

.event .eventList li .eventListBox {
 padding: 25px 18px;
 overflow: hidden;
}
.event .eventList li .eventListBox img {
 float: left;
 margin-right: 5px;
}
.event .eventList li .eventListBox .eventTag {
 float: left;
 width: 128px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.event .eventList li .eventListBox .eventTag li {
 width: 40px;
 height: 36px;
 min-height: 36px;
 border-radius: 3px;
 color: #fff;
 font-size: 1.2rem;
 line-height: 1.2;
 text-align: center;
 padding: 0;
 margin: 0 2px;
 background: #dddddd;
 display: flex;
 justify-content: center;
 align-items: center;
}
.event .eventList li .eventListBox .eventTag .kisotsu {
 background: #b00000;
}
.event .eventList li .eventListBox .eventTag .daini {
 background: #00b684;
}
.event .eventList li .eventListBox .eventTag .shinsotsu {
 background: #17b3ff;
}
.event .eventList li .eventListBox dl {
 clear: both;
 padding-top: 18px;
}
.event .eventList li .eventListBox dl dt {
 font-size: 1.4rem;
 line-height: 1.6;
 margin-bottom: 10px;
}
.event .eventList li .eventListBox dl dd {
 font-size: 1.2rem;
 line-height: 1.8;
}
.event .otherEvent {
 background: #e2eef8;
 overflow: hidden;
 padding-bottom: 20px;
}
.event .otherEvent h3 {
 font-size: 1.8rem;
 color: #fff;
 background: #002850;
 text-align: center;
 padding: 11px 0;
 margin-bottom: 12px;
}
.event .otherEvent .otherEventTxt {
 display: flex;
 justify-content:flex-start;
 align-items: center;
 margin: 0 18px;
}
.event .otherEvent .otherEventTxt p {
 font-size: 1.3rem;
 line-height: 1.8;
}
.event .otherEvent .otherEventTxt p:last-child {
 width: 480px;
}
.event .otherEvent .otherEventPoint {
 float: left;
 border-radius: 5px;
 background: #ccc;
 padding: 20px 40px;
 margin: 2px 18px 0;
 position: relative;
}
.event .otherEvent .otherEventPoint:before {
 content: "";
 display: inline-block;
 width: 20px;
 height: 25px;
 background: url(/share/images/renewal/img_balloon_01.png) no-repeat;
 background-position: 0 10px;
 position: absolute;
 top: -24px;
 left: 180px;
}
.event .otherEvent .otherEventPoint ul li {
 margin-bottom: 10px;
 font-size: 1.2rem;
}
.event .otherEvent .otherEventPoint ul li a {
 display: inline-block;
 vertical-align: middle;
 padding-top: 3px;

}
.event .otherEvent .otherEventPoint ul li a:hover{
text-decoration: underline;
}
.event .otherEvent .otherEventPoint ul li:before {
 content: "▼";
 display: inline-block;
 transform: rotate(-90deg);
 font-size: 1.0rem;
 vertical-align: middle;
}
.event .otherEvent .otherEventPoint ul li:last-child {
 margin-bottom: 0;
}
.event .otherEvent .eventArea {
 float: left;
}
.event .otherEvent .eventArea ul li {
 width: 230px;
 height: 40px;
 background: #002850;
 margin-bottom: 4px;
}
.event .otherEvent .eventArea ul li:hover {
 opacity: 0.8;
}
.event .otherEvent .eventArea ul li a {
 font-size: 1.3rem;
 color: #fff;
 padding: 14px 20px;
 background: url(/share/images/renewal/common/ico_arrow_03.png) no-repeat;
 background-position: 200px;
}
/*--------------------------------------------------------------------------
  8.  よくいただくご質問
/*------------------------------------------------------------------------*/
.question {
 overflow: hidden;
}
.question p {
 font-size: 1.4rem;
 color: #ff6884;
 text-align: center;
}
.question .leftContent {
 float: left;
 width: 650px;
 margin: 40px 50px 0 0;
}
.question .leftContent .questionBox dl {
 border-bottom: 3px solid #f0f0f0;
 padding: 26px 0;
}
.question .leftContent .questionBox dl:first-child {
 border-top: 3px solid #f0f0f0;
}
.question .leftContent .questionBox dl dt {
 font-size: 1.8rem;
 line-height: 1.8;
 background: url(/share/images/renewal/common/ico_accordion_off.png) no-repeat right center;
 padding-right: 32px;
}
.question .leftContent .questionBox dl dt.opened {
 background: url(/share/images/renewal/common/ico_accordion_on.png) no-repeat right center;
}
.question .leftContent .questionBox dl dd {
 display: none;
 font-size: 1.2rem;
 line-height: 2.0;
 color: #ff6884;
 margin-top: 20px;
}
.question .leftContent .questionBox dl dd span {
 background: #ccc;
 border-radius: 3px;
 padding: 2px 3px;
 color: #fff;
}
.question .leftContent .questionBox dl dd .kisotsu {
 background: #b00000;
}
.question .leftContent .questionBox dl dd .daini {
 background: #00b684;
}
.question .leftContent .questionBox dl dd .shinsotsu {
 background: #17b3ff;
}

.question .rightContent {
 float: right;
 width: 200px;
 margin-top: 40px;
}
.question .rightContent ul li {
 margin-bottom: 20px;
}
.question .rightContent ul li a {
 font-size: 1.4rem;
 line-height: 1.4;
 background: url(/share/images/renewal/common/ico_arrow_09.png) no-repeat right center;
 padding: 4px 0;
}
.question .rightContent ul li a:hover {
 color: #ff9600;
 background: url(/share/images/renewal/common/ico_arrow_02.png) no-repeat right center;
}
/*--------------------------------------------------------------------------
  9.  無料会員登録
/*------------------------------------------------------------------------*/
.registration {
 overflow: hidden;
}
.registration .leftContent {
 float: left;
 width: 590px;
 margin-right: 30px;
}
.registration .leftContent .registrationFlow {
 margin-bottom: 40px;
 overflow: hidden;
}
.registration .leftContent .registrationFlow ul {
 float: left;
 display: flex;
 justify-content:space-between;
 align-items: center;
 width: 406px;
 margin-right: 30px;
}
.registration .leftContent .registrationFlow p {
 float: left;
 color: #ff9600;
 font-size: 1.4rem;
 line-height: 1.4;
}
.registration .leftContent .registrationFlow ul li:nth-child(odd) {
 font-size: 1.3rem;
 color: #fff;
 background: #002850;
 width: 160px;
 text-align: center;
 padding: 11px;
}
.registration .leftContent .registrationBox table {
 width: 100%;
 background: #eee;
 padding: 40px 40px 0;
 margin-bottom: 30px;
 table-layout: fixed;
 border-collapse: separate;
}
.registration .leftContent .registrationBox table tr th {
 font-size: 1.2rem;
 text-align: right;
 width: 160px;
}
.registration .leftContent .registrationBox table tr td {
 width: 320px;
 padding: 0 0 20px 25px;
 font-size: 1.2rem;
}
.registration .leftContent .registrationBox table tr td input[type="text"] {
 height: 30px;
 width: 100%;
 box-sizing: border-box;
 padding: 2px 4px;
 border: none;
 border-radius: 3px;
}
.registration .leftContent .registrationBox table tr td input[type="password"] {
 height: 30px;
 width: 100%;
 box-sizing: border-box;
 padding: 2px 4px;
 border: none;
 border-radius: 3px;
}
.registration .leftContent .registrationBox table tr td input[type="tel"] {
 height: 30px;
 width: 100%;
 box-sizing: border-box;
 padding: 2px 4px;
 border: none;
 border-radius: 3px;
}
.registration .leftContent .registrationBox table tr td div {
 margin-bottom: 20px;
}
.registration .leftContent .registrationBox table tr td .example {
 margin-top: 8px;
 margin-bottom: 0;
}
.registration .leftContent .registrationBox table tr td label {
 margin-right: 20px;
}
.registration .leftContent .registrationBox table tr td select {
 background: url(/share/images/renewal/common/ico_arrow_12.png) no-repeat;
 background-position: 290px;
 background-color: #fff;
 width: 100%;
 height: 30px;
 margin-bottom: 10px;
}
.registration .leftContent .registrationBox table tr td .accordion {
 background: url(/share/images/renewal/common/ico_arrow_12.png) no-repeat;
 background-position: 290px;
 background-color: #fff;
 width: 100%;
 height: 30px;
 padding: 10px;
 margin-bottom: 10px;
}
.registration .leftContent .registrationBox table tr td .opened {
 background: url(/share/images/renewal/common/ico_arrow_13.png) no-repeat;
 background-position: 290px;
 background-color: #fff;
}
.registration .leftContent .registrationBox table tr td .otherArea {
 display: none;
}
.registration .leftContent .registrationBox table tr td .policy {
 background: url(/share/images/renewal/common/ico_textbox.png) no-repeat right bottom;
 background-color: #fff;
 border-radius: 3px;
 padding: 16px;
 font-size: 1.2rem;
 line-height: 1.8;
 overflow-y: scroll;
 height: 100px;
}
.registration .leftContent .registrationBox table tr .formLayout_01 input[type="text"] {
 width: 80px;
}
.registration .leftContent .registrationBox table tr .formLayout_01 input[type="tel"] {
 width: 80px;
}
.registration .leftContent .registrationBox table tr .formLayout_01 span {
 width: 80px;
 margin: 0 4px;
 text-align: center;
}
.registration .leftContent .registrationBox table tr .formLayout_02 select {
 background: url(/share/images/renewal/common/ico_arrow_12.png) no-repeat;
 background-position: 52px;
 background-color: #fff;
 width: 70px;
 height: 30px;
}
.registration .leftContent .registrationBox table tr .formLayout_02 span {
 margin: 0 4px;
}
.registration .leftContent .registrationBox .cautionTxt {
 font-size: 1.2rem;
 text-align: center;
 margin-bottom: 30px;
}
.registration .leftContent .registrationBox input[type="submit"] {
 width: 100%;
 height: 52px;
 background-position: 360px;
}
.registration .rightContent {
 float: left;
 width: 280px;
}
.registration .rightContent .memberLogin {
 background: #fcf0e4;
 padding-bottom: 26px;
}
.registration .rightContent .memberLogin h3 {
 background: #ff9600;
 color: #fff;
 font-size: 1.3rem;
 text-align: center;
 padding: 12px 0;
 margin-bottom: 26px;
}
.registration .rightContent .memberLogin dl dt {
 color: #ff9600;
 font-size: 1.2rem;
 text-align: center;
 margin-bottom: 16px;
}
.registration .rightContent .memberLogin dl {
 margin-bottom: 12px;
}
.registration .rightContent .memberLogin dl dd {
 width: 220px;
 margin: 0 auto;
}
.registration .rightContent .memberLogin dl dd input[type="text"] {
 width: 100%;
 height: 30px;
 box-sizing: border-box;
 border-radius: 3px;
 border: none;
 padding: 2px 4px;
}
.registration .rightContent .memberLogin dl dd input[type="password"] {
 width: 100%;
 height: 30px;
 box-sizing: border-box;
 border-radius: 3px;
 border: none;
 padding: 2px 4px;
}
.registration .rightContent .memberLogin .btnLogin {
 margin: 26px auto;
 width: 220px;
}
.registration .rightContent .memberLogin .btnLogin input[type="submit"] {
 width: 100%;
 height: 46px;
 border-radius: 3px;
 background-position: 150px;
}
.registration .rightContent .memberLogin p {
 text-align: center;
}
.registration .rightContent .memberLogin p a {
 color: #ff9600;
 font-size: 1.3rem;
 text-decoration: underline;
}

/*--------------------------------------------------------------------------
  10.  お問い合わせ
/*------------------------------------------------------------------------*/
.contact .leadTxt {
 color: #ff9600;
 font-size: 1.3rem;
 margin-bottom: 30px;
 text-align: center;
}
.contact .contactForm {
 width: 680px;
 margin: 0 auto;
}
.contact .contactForm .contactBox {
 background: #eee;
 padding: 50px 80px 30px;
 margin-bottom: 30px;
}
.contact .contactForm .contactBox h3 {
 font-size: 1.4rem;
 color: #ff9600;
 font-weight: normal;
 margin-bottom: 26px;
 text-align: center;
}
.contact .contactForm .contactBox h3 span {
 color: #fff;
 width: 30px;
 height: 30px;
 background: #ff9600;
 padding: 10px;
 margin-right: 20px;
}
.contact .contactForm .contactBox h4 {
 font-size: 1.2rem;
 color: #ff9600;
 text-align: center;
 margin-bottom: 26px;
}
.contact .contactForm .contactBox table {
 padding-bottom: 10px;
}
.contact .contactForm .contactBox tr th {
 width: 160px;
 vertical-align: top;
}
.contact .contactForm .contactBox tr th p {
 font-size: 1.2rem;
 text-align: right;
 float: left;
 width: 100px;
 margin-top: 2px;
}
.contact .contactForm .contactBox tr th span {
 background: #002850;
 color: #fff;
 width: 46px;
 height: 20px;
 line-height: 1.6;
 font-size: 1.2rem;
 text-align: center;
 float: right;
}
.contact .contactForm .contactBox tr td {
 width: 320px;
 padding: 0 0 20px 30px;
}
.contact .contactForm .contactBox tr td input[type="text"] {
 width: 100%;
 height: 30px;
 box-sizing: border-box;
 padding: 2px 4px;
 border: none;
 border-radius: 3px;
}
.contact .contactForm .contactBox tr .tel {
 display: flex;
 justify-content: flex-start;
 align-items: center;
}
.contact .contactForm .contactBox tr .tel input[type="text"] {
 width: 90px;
}
.contact .contactForm .contactBox tr td span {
 margin: 0 4px;
 width: 25px;
 text-align: center;
}
.contact .contactForm .contactBox tr td textarea {
 width: 100%;
 height: 130px;
 background: url(/share/images/renewal/common/ico_textbox.png) no-repeat right bottom;
 background-color: #fff;
 resize: none;
}
.contact .contactForm .cautionTxt {
 font-size: 1.2rem;
 text-align: center;
 margin-bottom: 30px;
}
.contact .contactForm .btnPreview {
 margin-bottom: 30px;
}
.contact .contactForm .btnPreview input[type="submit"] {
 width: 100%;
 height: 52px;
 background-position: 400px;
}
.contact .contactForm .supportTxt {
 font-size: 1.2rem;
 line-height: 2.0;
 width: 460px;
 margin: 0 auto;
}

/*-- 2019 04/03 --*/
.kobetsuMV{
width: 100%;
background: url(/share/images/renewal/kobetsu_bg02.png),url(/share/images/renewal_test/kobetsu_bg.gif);
background-repeat: no-repeat,repeat-x;
background-position: bottom center,top center;
background-size: auto 124px,100% 100%;
text-align: center;
margin: 0 auto;
}
.kobetsuMV p{
width: 760px;
margin: 0 auto 60px;
}
.kobetsu_ttl{
min-width: 760px;
text-align: center;
margin: 60px auto;
}
.kobetsu_ttl img{
display: inline-block;
}
.kobetsu_register{
width: 760px;
text-align: center;
margin: 0 auto 15px;
}
.kobetsu_register a{
background: #ff9600;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 1.0;
border-radius: 10px;
padding: 30px 100px 28px 110px;
display: inline-block;
transition: 0.3s;
position: relative;
}
.kobetsu_register a::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 12px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
top: 50%;
left: 53px;
margin-top: -10px;
}
.kobetsu_register a:hover{
text-decoration: none;
opacity: 0.7;
}
#content .kobetsu_register{
margin-bottom: 20px;
}

.kobetsu_text01{
width: 760px;
color: #0d294e;
font-size: 22px;
font-weight: bold;
text-align: center;
line-height: 1.8;
margin: 0 auto 50px;
}
.kobetsu_text01 span{
color: #FE0E45;
}
.kobetsu_text02{
width: 760px;
font-size: 14px;
text-align: center;
line-height: 1.8;
margin: 0 auto 60px;
}
.kobetsu_text02 a{
color: #0d294e;
font-size: 16px;
text-decoration: underline;
line-height: 1.0;
padding: 0 0 0 12px;
display: inline-block;
transition: 0.3s;
position: relative;
}
.kobetsu_text02 a::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 8px;
border-color: transparent transparent transparent #0d294e;
position: absolute;
left: 0;
top: 50%;
margin-top: -6px;
}
.stepList{
width: 760px;
margin: 0 auto 80px;
}
.stepList > li{
color: #0d294e;
font-size: 24px;
font-weight: bold;
margin: 0 0 40px 110px;
padding: 10px 0 0 90px;
position: relative;
}
.stepList > li:last-child{
margin-bottom: 0;
}
.stepList > li .ico{
width: 70px;
height: 70px;
background: #0d294e;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 1.4;
border-radius: 50%;
padding: 15px 0 0;
position: absolute;
left: 0;
top: 0;
}
.stepList > li .small{
color: #000;
font-size: 18px;
font-weight: normal;
display: block;
}


/*--------------------------------------------------------------------------
event.seminar　　/04/04-01.php?event_type=1
/*------------------------------------------------------------------------*/
.otherSeminar{
width: 900px;
margin: 0 auto;
}
.otherSeminar .title{
color: #002850;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 1;
border-bottom: 1px solid #8094a8;
margin: 0 0 20px;
padding: 0 0 30px;
}
.otherSeminar .title em{
display: inline-block;
transform: rotate(20deg) scale(1.2);
}
.otherSeminar .lisyTypeA01{
width: 100%;
margin: 0;
padding: 0;
}
.otherSeminar .lisyTypeA01 > li{
width: 296px;
margin: 0 6px 60px 0;
padding: 0;
float: left;
}
.otherSeminar .lisyTypeA01 > li:nth-child(3){
margin-right: 0;
}
.otherSeminar .lisyTypeA01 > li .ttl{
width: 100%;
background: #e2eef8;
color: #002850;
font-size: 13px;
font-weight: bold;
text-align: center;
line-height: 1;
margin: 0 0 25px;
padding: 14px 10px;
}
.otherSeminar .lisyTypeA01 > li .image{
width: 260px;
margin: 0 auto 25px;
padding: 0;
}
.otherSeminar .lisyTypeA01 > li .image a{
display: inline-block;
transition: 0.3s;
}
.otherSeminar .lisyTypeA01 > li .image a:hover{
opacity: 0.7;
}
.otherSeminar .lisyTypeA01 > li .txt01{
width: 260px;
color: #002850;
font-size: 13px;
text-align: justify;
text-justify: auto;
font-weight: bold;
margin: 0 auto 20px;
padding: 0;
}
.otherSeminar .lisyTypeA01 > li .txt02{
width: 260px;
color: #002850;
font-size: 12px;
text-align: justify;
text-justify: auto;
line-height: 2;
margin: 0 auto 20px;
padding: 0;
}
.otherSeminar .lisyTypeA01 > li .link{
width: 100%;
text-align: right;
}
.otherSeminar .lisyTypeA01 > li .link a{
color: #002850;
font-size: 12px;
line-height: 1;
text-decoration: underline;
margin: 0;
padding: 0 0 0 20px;
display: inline-block;
position: relative;
}
.otherSeminar .lisyTypeA01 > li .link a:hover{
text-decoration: none;
}
.otherSeminar .lisyTypeA01 > li .link a::before{
content: "";
width: 16px;
height: 16px;
background: #f9bc7b;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
}
.otherSeminar .lisyTypeA01 > li .link a::after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 5px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
left: 6px;
top: 50%;
margin-top: -4px;
}


/* -- 2020.10.23 --*/
.seminar_emergency{
width: 100%;
background: #e2eef8;
margin: 0 0 40px;
padding: 30px 0;
}
.seminar_emergency .emergencyInner{
width: 900px;
background: #fff;
border-top: 1px solid #ff9600;
border-bottom: 1px solid #ff9600;
margin: 0 auto;
padding: 40px 0 40px 135px;
position: relative;
}
.seminar_emergency .emergencyInner::before{
content: "";
width: 234px;
height: 52px;
background: url("/share/images/renewal/img_seminar_ico_02.gif") no-repeat;
position: absolute;
right: 88px;
bottom: 47px;
}
.seminar_emergency .emergencyInner .text01{
color: #ff9600;
font-size: 20px;
font-weight: bold;
line-height: 1.6;
margin: 0 0 20px;
padding: 0 0 0 60px;
position: relative;
}
.seminar_emergency .emergencyInner .text01::before{
content: "";
width: 38px;
height: 38px;
background: url("/share/images/renewal/img_seminar_ico_01.gif") no-repeat;
background-size: 100% auto;
position: absolute;
left: 0;
top: 50%;
margin-top: -18px;
}
.seminar_emergency .emergencyInner .list > li{
color: #012951;
font-size: 14px;
line-height: 1.8;
padding: 0 0 0 14px;
position: relative;
}
.seminar_emergency .emergencyInner .list > li::before{
content: "";
width: 3px;
height: 3px;
background: #012951;
border-radius: 100px;
position: absolute;
left: 0;
top: 10px;
}
.seminar_emergency_txt{
color: #012951;
font-size: 15px;
font-weight: bold;
text-align: center;
line-height: 1.6;
margin: 0 0 50px;
}

/* -- 2020.12.01 osaka --*/
.osakaBtn a{
display: inline-block;
}
.osakaBtn a img{
width: 100%;
height: auto;
}
.searchResults .osakaBtn{
text-align: right;
margin: 0 0 30px;
display: none;
}
.searchResults .osakaBtn a{
width: 275px;
}

.NewJobInfo .osakaBtn{
text-align: right;
margin: 20px 0 0;
display: none;
}
.NewJobInfo .osakaBtn a{
width: 330px;
}

/*-- 2022/05/17 --*/
.jobLive_block .title{
width: 531px;
margin: 0 auto 40px;
}
.jobLive_block .lead{
text-align: center;
margin: 0 auto 40px;
}
.jobLive_block .lead span{
background: #002850;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
border-radius: 20px;
padding: 8px 20px;
display: inline-block;
}
.jobLive_block .detailText{
background: #e2eef8;
margin: 0 0 60px;
padding: 30px 0;
}
.jobLive_block .detailText img{
width: 900px;
height: auto;
margin: 0 auto;
}

.jobLive_block .listBlock{
width: 900px;
margin: 0 auto;
}
.jobLive_block .listBlock .block + .block{
margin-top: 30px;
}
.jobLive_block .listBlock .block .date span{
background: #002850;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 10px 20px;
display: inline-block;
}
.jobLive_block .listBlock .block .inner{
border: 1px solid #002850;
padding: 20px;
}
.jobLive_block .listBlock .block .inner .image{
width: 350px;
float: left;
}
.jobLive_block .listBlock .block .inner .image img{
width: 100%;
height: auto;
}
.jobLive_block .listBlock .block .inner .textBlock{
width: 490px;
padding: 0 0 0 20px;
float: left;
}
.jobLive_block .listBlock .block .inner .textBlock p{
color: #000;
line-height: 1.6;
}
.jobLive_block .listBlock .block .inner .textBlock .ttl{
font-size: 20px;
font-weight: bold;
margin: 0 0 10px;
padding: 10px 0 0;
}
.jobLive_block .listBlock .block .inner .textBlock .jobName{
font-size: 14px;
margin: 0 0 10px;
}
.jobLive_block .listBlock .block .inner .textBlock .tag{
margin: 0 0 5px;
}
.jobLive_block .listBlock .block .inner .textBlock .tag > li{
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 1.0;
border-radius: 5px;
margin: 0 5px 5px 0;
padding: 8px 10px 6px 10px;
display: inline-block;
}
.jobLive_block .listBlock .block .inner .textBlock .tag > li.area{
background: #ef7000;
}
.jobLive_block .listBlock .block .inner .textBlock .tag > li.kisotsu{
background: #b00000;
}
.jobLive_block .listBlock .block .inner .textBlock .tag > li.daini{
background: #00b684;
}
.jobLive_block .listBlock .block .inner .textBlock .tag > li.shinsotsu{
background: #17b3ff;
}
.jobLive_block .listBlock .block .inner .textBlock .tag > li.type01{
background: #f93588;
}
.jobLive_block .listBlock .block .inner .textBlock .tag > li.type02{
background: #358df9;
}
.jobLive_block .listBlock .block .inner .textBlock .tag > li.type03{
background: #58c98a;
}

.jobLive_block .listBlock .block .inner .textBlock .textWrap{
margin-bottom: 60px;
position: relative;
}
.jobLive_block .listBlock .block .inner .textBlock .textWrap.btnNone{
margin-bottom: 15px!important;
}
.jobLive_block .listBlock .block .inner .textBlock .textWrap.btnNone .text{
height: auto!important;
}
.jobLive_block .listBlock .block .inner .textBlock .textWrap .text{
height: 80px;
font-size: 14px;
overflow: hidden;
}
.jobLive_block .listBlock .block .inner .textBlock .textWrap .show_more{
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 30px;
padding-top: 60px;
text-align: center;
line-height: 30px;
background: linear-gradient(
180deg,
rgb(255, 255, 255, 0) 0%,
rgb(255, 255, 255, 1) 70%
);
cursor: pointer;
transition: bottom 0.2s;
}
.jobLive_block .listBlock .block .inner .textBlock .textWrap .show_more span{
width: 200px;
font-size: 14px;
font-weight: bold;
line-height: 1.0;
border: 2px solid #002850;
padding: 10px 0;
display: inline-block;
position: relative;
transition: 0.3s;
}
.jobLive_block .listBlock .block .inner .textBlock .textWrap .show_more span::before{
content: "";
width: 16px;
height: 2px;
background: #002850;
position: absolute;
right: 5px;
top: 50%;
margin-top: -1px;
}
.jobLive_block .listBlock .block .inner .textBlock .textWrap .show_more span::after{
content: "";
width: 2px;
height: 16px;
background: #002850;
position: absolute;
right: 12px;
top: 9px;
}
.jobLive_block .listBlock .block .inner .textBlock .textWrap .show_more.active span::after{
transform: rotate(90deg);
opacity: 0;
}
.jobLive_block .listBlock .block .inner .textBlock .textWrap .show_more.active{
background: none;
bottom: -10px;
}
.jobLive_block .listBlock .block .inner .btn{
text-align: center;
}
.jobLive_block .listBlock .block .inner .btn a{
background: linear-gradient(#fe9600, #e68800);
color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 1.0;
border-radius: 10px;
padding:  15px 60px;
display: inline-block;
position: relative;
transition: 0.3s;
}
.jobLive_block .listBlock .block .inner .btn a:hover{
opacity: 0.7;
}
.jobLive_block .listBlock .block .inner .btn a::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 10px;
border-color: transparent transparent transparent #fff;
position: absolute;
right: 10px;
top: 50%;
margin-top: -7px;
}

/*-- 2022/11/14 --*/
#adviser{
width: 1000px;
margin: 0 auto 80px;
}
#adviser .subTitle + .lead{
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 0 0 60px;
}
#adviser .memberList{
width: 965px;
margin: 0 auto 40px;
display: flex;
flex-wrap: wrap;
}
#adviser .memberList .block{
width: 263px;
margin: 0 88px 0 0;
}
#adviser .memberList .block:nth-last-of-type(3n){
margin-right: 0;
}
#adviser .memberList .block:nth-of-type(n+4){
margin-top: 50px;
}
#adviser .memberList .block .image{
width: 202px;
margin: 0 auto 20px;
display: block;
}
#adviser .memberList .block .image img{
width: 100%;
height: auto;
}
#adviser .memberList .block .name{
font-size: 24px;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
margin: 0 0 10px;
}
#adviser .memberList .block .message{
color: #000;
font-size: 17px;
font-weight: bold;
text-align: center;
line-height: 1.6;
border-bottom: 3px solid #e5eff8;
margin: 0 0 15px;
padding: 0 0 10px;
}
#adviser .memberList .block .text{
color: #000;
font-size: 16px;
line-height: 1.8;
}
#adviser .memberList + .btnL{
text-align: center;
}
#adviser .memberList + .btnL a{
width: 400px;
background: #ff9600;
color: #fff;
font-size: 24px;
font-weight: bold;
text-align: center;
line-height: 1.0!important;
border-bottom: 4px solid #c87600;
border-radius: 10px;
padding: 25px 60px;
display: inline-block;
position: relative;
transition: 0.3s;
}
#adviser .memberList + .btnL a:hover{
opacity: 0.7;
}
#adviser .memberList + .btnL a::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
right: 20px;
top: 50%;
margin-top: -10px;
}