@charset "utf-8";
/* reset */
div#MainContent #JobSeminar img {
vertical-align: bottom;
}
div#MainContent #JobSeminar ul,
div#MainContent #JobSeminar ol {
margin: 0;
padding: 0;
}
div#MainContent #JobSeminar ul li {
margin: 0;
padding: 0;
background: none;
}
div#MainContent #JobSeminar ol li {
margin: 0;
padding: 0;
list-style: none;
}
/* Utility
------------------------------------------------ */
div#MainContent #JobSeminar .JobSNoticeList li {
position: relative;
padding-left: 1em;
font-size: 1.083333em;
}
div#MainContent #JobSeminar .JobSNoticeList li .NoticeMark {
position: absolute;
top: 0;
left: 0;
}
/* MainVisualBox
------------------------------------------------ */
div#MainContent #JobSeminar .MainVisualBox {
margin-bottom: 0;
position: relative;
}
div#MainContent #JobSeminar .MainVisualBox .JobSHdg01-01 {
margin-bottom: 0;
}
div#MainContent #JobSeminar .MainVisualBox .JobSBtn01 {
margin-bottom: 0;
position: absolute;
left: 389px;
bottom: 45px;
}
div#MainContent #JobSeminar .MainVisualBox .JobSBtn02 {
margin-bottom: 10px;
}

/* JobSSection01
------------------------------------------------ */
div#MainContent #JobSeminar .JobSSection01 {
padding: 27px 35px 20px;
background-color: #eee;
}
div#MainContent #JobSeminar .JobSSection01 .JobSTxtArea {
float: left;
width: 515px;
}
div#MainContent #JobSeminar .JobSSection01 .JobSHdg02-01 {
margin-bottom: 47px;
position: relative;
font-size: 2.08333em;
font-weight: bold;
line-height: 1.2;
color: #e10012;
}
div#MainContent #JobSeminar .JobSSection01 .JobSHdg02-01:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -15px;
width: 54px;
height: 3px;
background-color: #e10012;
}
div#MainContent #JobSeminar .JobSSection01 .JobSTxtArea p {
font-size: 1.166666em;
}
div#MainContent #JobSeminar .JobSSection01 .JobSImgArea {
float: right;
padding-top: 6px;
width: 340px;
}

/* JobSSection02
------------------------------------------------ */
div#MainContent #JobSeminar .JobSSection02 {
padding-top: 28px;
background: url("../../img/landing_page/job_seminar/bg_01.jpg") left top no-repeat;
}
div#MainContent #JobSeminar .JobSSection02 .JobSHdg02-02 {
margin-bottom: 9px;
}
div#MainContent #JobSeminar .JobSSection02 .JobSLead01-01 {
margin-bottom: 26px;
margin-left: 161px;
}
div#MainContent #JobSeminar .JobSSection02.BgPtn01 {
background-position: left top;
background-repeat: no-repeat;
}
div#MainContent #JobSeminar .JobSSection02 .JobSBox01 {
padding: 0 0 8px;
}
div#MainContent #JobSeminar .JobSSection02 .JobSBox01:after {
content: "";
display: block;
clear: both;
}
div#MainContent #JobSeminar .JobSSection02 .JobSBox01 .JobSBoxInner {
width: 643px;
float: right;
}
div#MainContent #JobSeminar .JobSSection02 .JobSBox01 .JobSHdg02 {
margin: 0 0 13px;
}
div#MainContent #JobSeminar .JobSSection02 .JobSBox01 .JobSLayList01 li {
margin: 0 0 23px;
}
div#MainContent #JobSeminar .JobSSection02 .JobSBox02 {
width: 100%;
padding: 0 0 20px;
}
div#MainContent #JobSeminar .JobSSection02 .JobSBox02 .JobSBoxInner {
text-align: center;
margin: 0 auto;
}
div#MainContent #JobSeminar .JobSSection02 .JobSBox02 .JobSBoxInner > * {
text-align: left;
display: inline-block;
}
/* JobSSection03
------------------------------------------------ */
div#MainContent #JobSeminar .JobSSection03 .JobSBox01 {
margin-bottom: 45px;
padding: 25px 50px 10px;
background: #a60310 url("../../img/landing_page/job_seminar/bg_02.png") right top
no-repeat;
min-height: 303px;
text-align: center;
color: #fff;
box-sizing: border-box;
}
div#MainContent #JobSeminar .JobSSection03 .JobSHdg02-03 {
margin-bottom: 33px;
position: relative;
font-size: 2em;
font-weight: bold;
}
div#MainContent #JobSeminar .JobSSection03 .JobSHdg02-03:after {
content: "";
display: block;
position: absolute;
margin-left: -30px;
background-color: #fff;
left: 50%;
bottom: -13px;
width: 60px;
height: 1px;
}
div#MainContent #JobSeminar .JobSSection03 .JobSBox01 p {
margin-bottom: 20px;
font-size: 1.25em;
}
div#MainContent #JobSeminar .JobSSection03 .JobSBox01 p a {
color: #fff;
}
div#MainContent #JobSeminar .JobSSection03 .JobSListImg li {
float: right;
}
div#MainContent #JobSeminar .JobSSection03 .JobSListImg li:first-child {
float: left;
}
/* common */
div#MainContent #JobSeminar .JobSSection01:after,
div#MainContent #JobSeminar .JobSSection02 .JobSLay01:after,
div#MainContent #JobSeminar .JobSSection02 .JobSLay02:after,
div#MainContent #JobSeminar .JobSSection03 .JobSListImg:after {
content: "";
clear: both;
display: block;
}