/* UNDER COMMON */
/*------------------------------------------------*/
.pageTitleArea {
    width: 100%;
    background-color: #2f457c;
    background-image: url("../images/under/pageTitle/bg.png");
}
.pageTitleArea > .inner {
    padding-top: 60px;
    padding-bottom: 50px;
}
@media only screen and (max-width: 768px) {
    .pageTitleArea > .inner {
        padding-top: 11.41%;
        padding-bottom: 8.15%;
    }
}
.pageTitleArea > .inner > * {
    margin-top: 15px;
}
.pageTitleArea > .inner > *:first-child {
    margin-top: 0;
}
.pageTitleArea .title {
    width: 100%;
    text-align: center;
}
@media only screen and (min-width: 769px) {
    .pageTitleArea .title img {
        height: 44px;
    }
}
.pageTitleArea .subTitle {
    width: 100%;
    text-align: center;
}
@media only screen and (min-width: 769px) {
    .pageTitleArea .subTitle img {
        height: 14px;
    }
}

.localTitle {
    background-color: #fff;
}
.localTitle > * {
    margin-top: 25px;
}
@media only screen and (max-width: 768px) {
    .localTitle > * {
        margin-top: 3.9%;
    }
}
.localTitle > *:first-child {
    margin-top: 0;
}
.localTitle .title {
    width: 100%;
    line-height: 1.4;
    font-size: 36px;
    text-align: center;
    color: #2f457c;
}
@media only screen and (max-width: 768px) {
    .localTitle .title {
        font-size: 23px;
    }
}
.localTitle .subtitle {
    width: 100%;
    line-height: 1.4;
    font-size: 22px;
    text-align: center;
    color: #333;
}
@media only screen and (max-width: 768px) {
    .localTitle .subtitle {
        font-size: 18px;
    }
}

/* SINGLE COMMON */
/*------------------------------------------------*/
.single .contentArea, .form .contentArea {
    padding-top: 60px;
    padding-bottom: 100px;
}
@media only screen and (max-width: 768px) {
    .single .contentArea, .form .contentArea {
        padding-top: 9.375%;
        padding-bottom: 15.625%;
    }
}
.single .localTitle, .form .localTitle {
    margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
    .single .localTitle, .form .localTitle {
        margin-bottom: 9.375%;
    }
}

/* requirements COMMON */
/*------------------------------------------------*/
.requirementsSingle {
    background-color: #eee;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle {
        background-color: #fff;
    }
}
.requirementsSingle .contentArea {
    padding-top: 0;
}
.requirementsSingle .localTitle {
    padding-top: 60px;
    padding-bottom: 60px;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .localTitle {
        padding-top: 9.375%;
        padding-bottom: 9.375%;
        margin-bottom: 0;
    }
}
.requirementsSingle .depArea {
    background-color: #2f457c;
}
.requirementsSingle .depArea .name {
    line-height: 1.4;
    padding: 22px 25px;
    font-size: 22px;
    letter-spacing: 0.2em;
    color: #fff;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .depArea .name {
        padding: 5%;
        font-size: 18px;
        text-align: center;
    }
}
.requirementsSingle .requirementsWrap {
    width: 100%;
    padding: 30px 50px 50px 50px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap {
        padding: 0;
        margin-top: 10.86%;
    }
}
.requirementsSingle .requirementsWrap > * {
    margin-top: 50px;
}
.requirementsSingle .requirementsWrap > *:first-child {
    margin-top: 0;
}
.requirementsSingle .requirementsWrap .requirementsBox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.requirementsSingle .requirementsWrap .requirementsBox > .titleArea {
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox > .titleArea {
        padding-bottom: 9.05%;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox > .titleArea .title {
    line-height: 1.4;
    text-align: center;
    font-size: 22px;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl {
    width: 100%;
    display: table;
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: 1px solid #ccc;
    position: relative;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl {
        padding-top: 9.05%;
        padding-bottom: 9.05%;
        display: block;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl:before {
    width: 30px;
    height: 2px;
    content: '';
    background-color: #fff;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 110px;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl:before {
        display: none;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dt, .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd {
    line-height: 1.6;
    padding-top: 30px;
    padding-bottom: 30px;
    display: table-cell;
    vertical-align: top;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dt, .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd {
        padding-top: 0;
        padding-bottom: 0;
        display: block;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dt {
    width: 110px;
    padding-right: 30px;
    font-weight: bold;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dt {
        width: 100%;
        padding-right: 0;
    }
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd {
        width: 100%;
        margin-top: 5.43%;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText {
    /* text */
    /* -------------------------------------------------- */
    /* img */
    /* -------------------------------------------------- */
    /* box */
    /* -------------------------------------------------- */
    /* list */
    /* -------------------------------------------------- */
    /* table */
    /* -------------------------------------------------- */
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText p {
    line-height: 1.6;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText h1 {
    line-height: 1.4;
    font-size: 28px;
    font-weight: bold;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText h1 {
        font-size: 22px;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText h2 {
    line-height: 1.4;
    padding: 10px 0 10px 20px;
    font-size: 24px;
    font-weight: bold;
    border-left: 4px solid #2f457c;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText h2 {
        font-size: 20px;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText h3 {
    line-height: 1.4;
    padding: 10px 15px;
    font-size: 20px;
    font-weight: bold;
    background-color: #fff;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText h3 {
        font-size: 18px;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText h4 {
    line-height: 1.4;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    border-left: 4px solid #2f457c;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText h4 {
        font-size: 16px;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText h5 {
    line-height: 1.4;
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #000;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText h5 {
        font-size: 16px;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText h6 {
    line-height: 1.4;
    font-size: 14px;
    font-weight: bold;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText h6 {
        font-size: 13px;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText a {
    color: #2f457c;
    text-decoration: underline;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText a:active, .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText a:focus, .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText a:visited {
    color: #2f457c;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText a:hover {
    text-decoration: none;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText p {
    font-size: 14px;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText b, .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText em, .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText strong {
    font-weight: bold;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText em {
    font-style: italic;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText sup, .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText sub {
    font-size: 80%;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText sup {
    vertical-align: super;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText sub {
    vertical-align: sub;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText img.alignleft {
    float: left;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText img.alignright {
    float: right;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    clear: both;
    display: block;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText hr {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    border: none;
    border-top: 1px solid #ebe6dd;
    border-bottom: 1px solid #fff;
    display: block;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText hr {
        margin: 10px 0;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText blockquote {
    padding: 20px;
    background-color: #fcf9f3;
    display: block;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText blockquote {
        padding: 10px;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText blockquote p {
    line-height: 1.4;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText ul {
    padding-left: 40px;
    list-style: disc;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText ul {
        padding-left: 20px;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText ol {
    padding-left: 40px;
    list-style: decimal;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText ol {
        padding-left: 20px;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText li {
    margin-top: 15px;
    line-height: 1.4;
    font-size: 14px;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText li:first-child {
    margin-top: 0;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText table th {
    line-height: 1.4;
    padding: 20px;
    background-color: #f4fff8;
    border: 1px solid #cbd8cd;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText table th {
        padding: 10px;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText table td {
    line-height: 1.4;
    padding: 20px;
    border: 1px solid #cbd8cd;
    background-color: #fff;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText table td {
        padding: 10px;
    }
}
.requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText table thead th:first-child, .requirementsSingle .requirementsWrap .requirementsBox .requirementItem > dl > dd .requirementsSingleText table thead td:first-child {
    border: none;
    background-color: transparent;
}
.requirementsSingle .requirementsWrap .requirementsBox .entryBtn {
    margin-top: 30px;
    text-align: center;
}
.entryBtn2 {
    margin-top: 30px;
    text-align: center;
	position: -webkit-sticky;
  position: sticky;
  bottom: 30px;
  align-self: flex-end;
}
@media only screen and (max-width: 768px) {
    .requirementsSingle .requirementsWrap .requirementsBox .entryBtn {
        margin-top: 9.05%;
    }
}

/* entry COMMON */
/*------------------------------------------------*/
.entryTop .mainKvArea {
    width: 100%;
    height: 0;
    padding-top: 356px;
    background-image: url("../images/entry/top/kv.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media only screen and (max-width: 768px) {
    .entryTop .mainKvArea {
        padding-top: 54.68%;
    }
}
.entryTop .contentArea {
    padding-bottom: 355px;
}
@media only screen and (max-width: 768px) {
    .entryTop .contentArea {
        padding-bottom: 62.68%;
    }
}
.entryTop .contentArea > .inner {
    width: 100%;
}
.entryTop .entryBtnList {
    width: 100%;
    position: relative;
}
.entryTop .entryBtnList > ul {
    width: 62%;
    position: absolute;
    left: 38%;
    top: -50px;
}
@media only screen and (max-width: 768px) {
    .entryTop .entryBtnList > ul {
        width: 93.75%;
        left: auto;
        right: 0;
        top: -25px;
    }
}
.entryTop .entryBtnList > ul > li {
    width: 100%;
    margin-top: 30px;
    background-color: #fff;
}
@media only screen and (max-width: 768px) {
    .entryTop .entryBtnList > ul > li {
        width: 100%;
        margin-top: 6%;
    }
}
.entryTop .entryBtnList > ul > li:first-child {
    margin-top: 0;
}
.entryTop .entryBtnList > ul > li a {
    width: 100%;
    padding: 40px 50px;
    background-color: #ea5541;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}
.entryTop .entryBtnList > ul > li a:visited, .entryTop .entryBtnList > ul > li a:focus, .entryTop .entryBtnList > ul > li a:active {
    color: #fff;
}
@media only screen and (min-width: 769px) {
    .entryTop .entryBtnList > ul > li a {
        -webkkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -ms-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkkit-transition-timing-function: ease;
        -moz-transition-timing-function: ease;
        -ms-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        -webkkit-transition-delay: 0s;
        transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .entryTop .entryBtnList > ul > li a:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }
}
@media only screen and (max-width: 768px) {
    .entryTop .entryBtnList > ul > li a {
        width: 100%;
        padding: 6.66% 8.33%;
    }
}
.entryTop .entryBtnList > ul > li a > * {
    margin-top: 13px;
}
@media only screen and (max-width: 768px) {
    .entryTop .entryBtnList > ul > li a > * {
        margin-top: 3%;
    }
}
.entryTop .entryBtnList > ul > li a > *:first-child {
    margin-top: 0;
}
.entryTop .entryBtnList > ul > li a > span {
    width: 100%;
    display: inline-block;
    font-weight: bold;
}
.entryTop .entryBtnList > ul > li a .mainTitle {
    font-size: 36px;
}
@media only screen and (max-width: 768px) {
    .entryTop .entryBtnList > ul > li a .mainTitle {
        font-size: 18px;
    }
}
.entryTop .entryBtnList > ul > li a .subTitle {
    font-size: 16px;
}
@media only screen and (max-width: 768px) {
    .entryTop .entryBtnList > ul > li a .subTitle {
        font-size: 14px;
    }
}

/* entry_child COMMON */
/*------------------------------------------------*/
.entryArchive {
    padding-bottom: 100px;
    background-color: #eee;
}
@media only screen and (max-width: 768px) {
    .entryArchive {
        padding-bottom: 15.625%;
    }
}
.entryArchive .localTitle {
    padding-top: 60px;
    padding-bottom: 30px;
}
@media only screen and (max-width: 768px) {
    .entryArchive .localTitle {
        padding-top: 9.375%;
        padding-bottom: 7.81%;
    }
}
.entryArchive .mainKvWrap {
    width: 100%;
    position: relative;
}
.entryArchive .mainKvWrap:before {
    width: 100%;
    height: 230px;
    content: '';
    background-color: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
@media only screen and (max-width: 768px) {
    .entryArchive .mainKvWrap:before {
        height: 125px;
    }
}
.entryArchive .mainKvWrap .mainKv {
    height: 355px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 2;
}
@media only screen and (max-width: 768px) {
    .entryArchive .mainKvWrap .mainKv {
        height: 175px;
    }
}
.freshers .entryArchive .mainKvWrap .mainKv {
    background-image: url("../images/entry/freshers/kv_re.jpg");
}
@media only screen and (max-width: 768px) {
    .freshers .entryArchive .mainKvWrap .mainKv {
        background-image: url("../images/entry/freshers/kv_sp_re.jpg");
    }
}
.career .entryArchive .mainKvWrap .mainKv {
    background-image: url("../images/entry/career/kv_re2.jpg");
}
@media only screen and (max-width: 768px) {
    .career .entryArchive .mainKvWrap .mainKv {
        background-image: url("../images/entry/career/kv_sp_re2.jpg");
    }
}
.entryArchive .jobWrap > * {
    margin-top: 2px;
}
@media only screen and (max-width: 768px) {
    .entryArchive .jobWrap > * {
        margin-top: 0.724%;
    }
}
.entryArchive .jobWrap > *:first-child {
    margin-top: 0;
}
.entryArchive .jobWrap .jobCont .noRecruit {
    padding: 60px 0;
    text-align: center;
}
@media only screen and (max-width: 768px) {
    .entryArchive .jobWrap .jobCont .noRecruit {
        padding-top: 18.11%;
        padding-bottom: 0;
    }
}
.entryArchive .jobWrap .jobCont > dl {
    width: 100%;
}
.entryArchive .jobWrap .jobCont > dl > dt {
    width: 100%;
}
.entryArchive .jobWrap .jobCont > dl > dt a {
    width: 100%;
    line-height: 1.4;
    padding: 20px 80px 20px 30px;
    display: block;
    background-color: #2f457c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 22px;
    position: relative;
    color: #fff;
}
.entryArchive .jobWrap .jobCont > dl > dt a:visited, .entryArchive .jobWrap .jobCont > dl > dt a:focus, .entryArchive .jobWrap .jobCont > dl > dt a:active {
    color: #fff;
}
@media only screen and (max-width: 768px) {
    .entryArchive .jobWrap .jobCont > dl > dt a {
        padding: 5.43% 12% 5.43% 5.43%;
        font-size: 18px;
    }
}
.entryArchive .jobWrap .jobCont > dl > dt a:after {
    width: 20px;
    height: 12px;
    content: '';
    margin-top: -6px;
    background-image: url("../images/icon/arrow_white.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    display: block;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    top: 50%;
    right: 30px;
}
@media only screen and (max-width: 768px) {
    .entryArchive .jobWrap .jobCont > dl > dt a:after {
        width: 15px;
        height: 9px;
        margin-top: -4.5px;
        right: 5.43%;
    }
}
.entryArchive .jobWrap .jobCont > dl > dt a.active:after {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.entryArchive .jobWrap .jobCont > dl > dd {
    width: 100%;
    padding-bottom: 18px;
    display: none;
}
@media only screen and (max-width: 768px) {
    .entryArchive .jobWrap .jobCont > dl > dd {
        padding-bottom: 4.71%;
    }
}
.entryArchive .jobWrap .jobCont > dl > dd.active {
    display: block;
}
.entryArchive .jobWrap .jobCont > dl > dd .jobInner {
    padding: 30px 30px 0 30px;
    background-color: #fff;
}
@media only screen and (max-width: 768px) {
    .entryArchive .jobWrap .jobCont > dl > dd .jobInner {
        padding: 5.43% 5.43% 0 5.43%;
    }
}
.entryArchive .jobWrap .jobCont > dl > dd .jobInner > * {
    margin-top: 30px;
}
@media only screen and (max-width: 768px) {
    .entryArchive .jobWrap .jobCont > dl > dd .jobInner > * {
        margin-top: 6.122%;
    }
}
.entryArchive .jobWrap .jobCont > dl > dd .jobInner > *:first-child {
    margin-top: 0;
}
.entryArchive .jobWrap .jobCont .jobIntro > * {
    margin-top: 30px;
}
@media only screen and (max-width: 768px) {
    .entryArchive .jobWrap .jobCont .jobIntro > * {
        margin-top: 6.122%;
    }
}
.entryArchive .jobWrap .jobCont .jobIntro > *:first-child {
    margin-top: 0;
}
.entryArchive .jobWrap .jobCont .jobIntro p {
    line-height: 1.8;
}
.entryArchive .jobWrap .jobCont .jobIntro .interviewBtn {
    text-align: right;
}
.entryArchive .jobWrap .jobCont .jobList > ul {
    width: 100%;
}
.entryArchive .jobWrap .jobCont .jobList > ul > li {
    border-top: 1px solid #ccc;
}
.entryArchive .jobWrap .jobCont .jobList > ul > li a {
    width: 100%;
    line-height: 1.4;
    padding: 20px 80px 20px 30px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    color: #2f457c;
}
.entryArchive .jobWrap .jobCont .jobList > ul > li a:visited, .entryArchive .jobWrap .jobCont .jobList > ul > li a:focus, .entryArchive .jobWrap .jobCont .jobList > ul > li a:active {
    color: #2f457c;
}
@media only screen and (max-width: 768px) {
    .entryArchive .jobWrap .jobCont .jobList > ul > li a {
        padding: 6.122% 14% 6.122% 6.122%;
        font-size: 14px;
    }
}
.entryArchive .jobWrap .jobCont .jobList > ul > li a:after {
    width: 12px;
    height: 20px;
    content: '';
    margin-top: -10px;
    background-image: url("../images/icon/arrow_red.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
}
@media only screen and (max-width: 768px) {
    .entryArchive .jobWrap .jobCont .jobList > ul > li a:after {
        width: 9px;
        height: 15px;
        margin-top: -7.5px;
        right: 6.122%;
    }
}
@media only screen and (min-width: 769px) {
    .entryArchive .jobWrap .jobCont .jobList > ul > li a {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -ms-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkkit-transition-timing-function: ease;
        -moz-transition-timing-function: ease;
        -ms-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        -webkkit-transition-delay: 0s;
        transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
    }
    .entryArchive .jobWrap .jobCont .jobList > ul > li a:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }
}

/* interview_child COMMON */
/*------------------------------------------------*/
.interview_child .interviewArticle {
    padding-bottom: 95px;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle {
        padding-bottom: 15.625%;
    }
}
.interview_child .interviewArticle .mainKvArea {
    width: 100%;
    position: relative;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle .mainKvArea {
        background-color: #2f457c;
    }
}
.interview_child .interviewArticle .mainKvArea .kv {
    text-align: center;
}
.interview_child .interviewArticle .mainKvArea .kv img {
    width: 100%;
    max-width: none;
}
.interview_child .interviewArticle .mainKvArea .personNameBox {
    width: 420px;
    padding: 30px;
    background-color: #fff;
    position: absolute;
    right: 53.75%;
    bottom: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle .mainKvArea .personNameBox {
        width: 86.25%;
        padding: 7.24%;
        margin-top: -40px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        bottom: auto;
        right: auto;
    }
}
.interview_child .interviewArticle .mainKvArea .personNameBox .nameArea > * {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #000;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle .mainKvArea .personNameBox .nameArea > * {
        padding-top: 3.19%;
        margin-top: 3.19%;
    }
}
.interview_child .interviewArticle .mainKvArea .personNameBox .nameArea > *:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}
.interview_child .interviewArticle .mainKvArea .personNameBox .nameArea .catch {
    line-height: 1.4;
    font-size: 22px;
    font-weight: bold;
    color: #000;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle .mainKvArea .personNameBox .nameArea .catch {
        font-size: 18px;
    }
}
.interview_child .interviewArticle .mainKvArea .personNameBox .nameArea .name {
    line-height: 1.4;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle .mainKvArea .personNameBox .nameArea .name {
        font-size: 18px;
    }
}
.interview_child .interviewArticle .mainKvArea .personNameBox .information {
    margin-top: 10px;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle .mainKvArea .personNameBox .information {
        margin-top: 3.19%;
    }
}
.interview_child .interviewArticle .mainKvArea .personNameBox .information p {
    line-height: 1.8;
    font-size: 12px;
}
.interview_child .interviewArticle .section {
    width: 100%;
    min-width: 930px;
    overflow: hidden;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle .section {
        min-width: 0;
        background-color: #2f457c;
    }
}
.interview_child .interviewArticle .section > .inner {
    position: relative;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle .section > .inner {
        width: 100%;
    }
}
.interview_child .interviewArticle .section .textBox {
    width: 440px;
    padding: 60px 40px;
    background-color: #2f457c;
    position: absolute;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle .section .textBox {
        width: 86.25%;
        padding: 6.875% 0;
        margin-left: auto;
        margin-right: auto;
        position: static;
        background-color: transparent;
    }
}
.interview_child .interviewArticle .section .textBox > * {
    margin-top: 20px;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle .section .textBox > * {
        margin-top: 5.43%;
    }
}
.interview_child .interviewArticle .section .textBox > *:first-child {
    margin-top: 0;
}
.interview_child .interviewArticle .section .textBox .title {
    line-height: 1.4;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle .section .textBox .title {
        font-size: 18px;
    }
}
.interview_child .interviewArticle .section .textBox p {
    line-height: 1.8;
    color: #fff;
}
.interview_child .interviewArticle .section .photo {
    position: absolute;
    z-index: 1;
}
.interview_child .interviewArticle .section .active .photo {
    border-bottom-color: #ea5442 !important;    
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle .section .photo {
        position: static;
    }
    .interview_child .interviewArticle .section .photo img {
        display: block;
    }
}
.interview_child .interviewArticle #section1 {
    height: 670px;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle #section1 {
        height: auto;
    }
}
.interview_child .interviewArticle #section1 .textBox {
    top: 30px;
    right: -15px;
}
.interview_child .interviewArticle #section1 .photo {
    width: 680px;
    top: 60px;
    left: -135px;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle #section1 .photo {
        width: 100%;
    }
}
.interview_child .interviewArticle #section2 {
    height: 650px;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle #section2 {
        height: auto;
    }
}
.interview_child .interviewArticle #section2 .textBox {
    top: 40px;
    left: -15px;
}
.interview_child .interviewArticle #section2 .photo {
    width: 745px;
    top: 150px;
    right: -135px;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle #section2 .photo {
        width: 100%;
    }
}
.interview_child .interviewArticle #section3 > .inner {
    padding-top: 90px;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle #section3 > .inner {
        padding-top: 0;
    }
}
.interview_child .interviewArticle #section3 .textBox {
    top: 40px;
    right: -45px;
}
.interview_child .interviewArticle #section3 .photo {
    width: 1200px;
    margin-left: -135px;
    position: static;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle #section3 .photo {
        width: 100%;
        margin-left: 0;
    }
}
.interview_child .interviewArticle #interviewNav {
    width: 100%;
    background-color: #2f457c;
    background-image: url("../images/under/pageTitle/bg.png");
}
.interview_child .interviewArticle #interviewNav > .inner {
    padding-top: 60px;
    padding-bottom: 40px;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle #interviewNav > .inner {
        width: 86.25%;
        padding-top: 9.375%;
        padding-bottom: 9.375%;
    }
}
.interview_child .interviewArticle #interviewNav > .inner > ul {
    width: 100%;
    font-size: 0px;
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li {
    width: 290px;
    margin-top: 30px;
    margin-left: 30px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle #interviewNav > .inner > ul > li {
        width: 30%;
        margin-top: 4%;
        margin-left: 4%;
    }
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li:nth-child(3n+1) {
    margin-left: 0;
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li:nth-child(-n+3) {
    margin-top: 0;
}
@media only screen and (min-width: 769px) {
    .interview_child .interviewArticle #interviewNav > .inner > ul > li > a:hover .photo > span.off {
        opacity: 0;
        filter: alpha(opacity=0);
    }
    .interview_child .interviewArticle #interviewNav > .inner > ul > li > a:hover .photo > span.on {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li > span .photo {
    border-bottom-color: #ea5442 !important;
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li > a, .interview_child .interviewArticle #interviewNav > .inner > ul > li > span {
    display: block;
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li > a .photo, .interview_child .interviewArticle #interviewNav > .inner > ul > li > span .photo {
    width: 100%;
    border-bottom: 6px solid transparent;
    position: relative;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle #interviewNav > .inner > ul > li > a .photo, .interview_child .interviewArticle #interviewNav > .inner > ul > li > span .photo {
        border-bottom-width: 3px;
    }
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li > a .photo > span, .interview_child .interviewArticle #interviewNav > .inner > ul > li > span .photo > span {
    width: 100%;
    display: block;
    -webkkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li > a .photo > span.off, .interview_child .interviewArticle #interviewNav > .inner > ul > li > span .photo > span.off {
    opacity: 1;
    filter: alpha(opacity=100);
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li > a .photo > span.on, .interview_child .interviewArticle #interviewNav > .inner > ul > li > span .photo > span.on {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li > a .detail, .interview_child .interviewArticle #interviewNav > .inner > ul > li > span .detail {
    margin-top: 15px;
}
@media only screen and (max-width: 768px) {
    .interview_child .interviewArticle #interviewNav > .inner > ul > li > span .detail {
        display: none;
    }
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li > a .detail .dep, .interview_child .interviewArticle #interviewNav > .inner > ul > li > span .detail .dep {
    line-height: 1.6;
    font-size: 15px;
    color: #fff;
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li > a .detail .name, .interview_child .interviewArticle #interviewNav > .inner > ul > li > span .detail .name {
    line-height: 1.6;
    font-size: 15px;
    color: #fff;
}

/* message */
/*------------------------------------------------*/
#message.underContents .mainKvArea {
    width: 100%;
    position: relative;
}
@media only screen and (max-width: 768px) {
    #message.underContents .mainKvArea {
        background-color: #313131;
    }
}
#message.underContents .mainKvArea .kv {
    text-align: center;
}
#message.underContents .mainKvArea .kv img {
    width: 100%;
    max-width: none;
}
#message.underContents .mainKvArea .messageBox {
    width: 520px;
    position: absolute;
    left: 46.75%;
    top: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
    #message.underContents .mainKvArea .messageBox {
        width: 86.25%;
        padding: 0 0 7.24% 0;
        margin-top: -70px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: auto;
        top: auto;
    }
}
@media only screen and (min-width: 769px) {
    #message.underContents .mainKvArea .messageBox h1 img {
        max-width: none;
        height: 155px;
    }
}
#message.underContents .mainKvArea .messageBox h2 {
    margin-top: 40px;
}
@media only screen and (max-width: 768px) {
    #message.underContents .mainKvArea .messageBox h2 {
        margin-top: 5.43%;
    }
}
@media only screen and (min-width: 769px) {
    #message.underContents .mainKvArea .messageBox h2 img {
        max-width: none;
        height: 80px;
    }
}
#message.underContents .section {
    width: 100%;
    min-width: 930px;
    overflow: hidden;
}
@media only screen and (max-width: 768px) {
    #message.underContents .section {
        min-width: 0;
        background-color: #2f457c;
    }
}
#message.underContents .section > .inner {
    position: relative;
}
@media only screen and (max-width: 768px) {
    #message.underContents .section > .inner {
        width: 100%;
    }
}
#message.underContents .section .textBox {
    width: 440px;
    padding: 60px 40px;
    background-color: #2f457c;
    position: absolute;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
    #message.underContents .section .textBox {
        width: 86.25%;
        padding: 6.875% 0;
        margin-left: auto;
        margin-right: auto;
        position: static;
        background-color: transparent;
    }
}
#message.underContents .section .textBox > * {
    margin-top: 20px;
}
@media only screen and (max-width: 768px) {
    #message.underContents .section .textBox > * {
        margin-top: 5.43%;
    }
}
#message.underContents .section .textBox > *:first-child {
    margin-top: 0;
}
#message.underContents .section .textBox .title {
    line-height: 1.4;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}
#message.underContents .section .textBox .title2 {
    color: #2f457c;
	background:white;
	text-align:center;
	padding:10px;
	margin-top:30px
}
#message.underContents .section .textBox dt {
	color:white;
	margin-bottom:5px
}
#message.underContents .section .textBox dd {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted white;
	line-height: 1.4;
}
#message.underContents .section .textBox dd:last-child{
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:0px;
}
#message.underContents .section .textBox dd a {
	color:white
}
#message.underContents .section .textBox dd a:hover {
	text-decoration:underline
}
#message.underContents .section .textBox dd a:after {
  margin: 0 3px;
  font-family: FontAwesome;
  vertical-align: middle;
  content: '\f08e';
}
#message.underContents .section .textBox .moreBtn {
    display: block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #ea5541;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.ceomainttl {
	font-size:2.0rem;
	margin-bottom:20px;
	color:#2f457c;
	font-weight:bold
}
.ceotable {
	overflow:hidden;
	font-size:1.6rem;
	margin-bottom:20px
}
.ceotable dt {
	clear: left;
float: left;
width: 100px;
}
.ceotable dd {
	margin-left: 100px;
	padding-bottom: 10px;
}
.ceottl {
	font-weight:bold;
	margin-bottom:5px;
}
.ceotxt {
	line-height:1.6
}
html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {
    padding-right: 0px !important;
}

@media only screen and (max-width: 768px) {
    #message.underContents .section .textBox .title {
        font-size: 18px;
    }
}
#message.underContents .section .textBox p {
    line-height: 1.8;
    color: #fff;
}
#message.underContents .section .photo {
    position: absolute;
    z-index: 1;
}
@media only screen and (max-width: 768px) {
    #message.underContents .section .photo {
        position: static;
    }
    #message.underContents .section .photo img {
        display: block;
    }
}
#message.underContents #section1 {
    height: 640px;
    padding-top: 60px;
    margin-top: -60px;
}
@media only screen and (max-width: 768px) {
    #message.underContents #section1 {
        height: auto;
        padding-top: 0;
        margin-top: 0;
    }
}
#message.underContents #section1 .textBox {
    top: -50px;
    right: -15px;
}
#message.underContents #section1 .photo {
    width: 870px;
    top: 60px;
    left: -135px;
}
@media only screen and (max-width: 768px) {
    #message.underContents #section1 .photo {
        width: 100%;
    }
}
#message.underContents #section2 {
    height: 640px;
    padding-top: 60px;
    margin-top: -60px;
}
@media only screen and (max-width: 768px) {
    #message.underContents #section2 {
        height: auto;
        padding-top: 0;
        margin-top: 0;
    }
}
#message.underContents #section2 .textBox {
    top: -60px;
    left: -15px;
}
@media only screen and (min-width: 769px) {
    #message.underContents #section2 .textBox .title {
        letter-spacing: -0.05em;
    }
}
#message.underContents #section2 .photo {
    width: 870px;
    top: 60px;
    right: -135px;
}
@media only screen and (max-width: 768px) {
    #message.underContents #section2 .photo {
        width: 100%;
    }
}
#message.underContents #section3 {
    padding-top: 60px;
    margin-top: -60px;
}
@media only screen and (max-width: 768px) {
    #message.underContents #section3 {
        padding-top: 0;
        margin-top: 0;
    }
}
#message.underContents #section3 > .inner {
    padding-top: 60px;
}
@media only screen and (max-width: 768px) {
    #message.underContents #section3 > .inner {
        padding-top: 0;
    }
}
#message.underContents #section3 .textBox {
    top: -60px;
    right: -45px;
}
#message.underContents #section3 .photo {
    width: 1200px;
    margin-left: -135px;
    position: static;
}
@media only screen and (max-width: 768px) {
    #message.underContents #section3 .photo {
        width: 100%;
        margin-left: 0;
    }
}

/**********************START PROJECT**********************/

.project h2.title {
    text-align: center; 
    font-family: Helvetica, Arial," sans-serif"; 
    color: #fff;
    font-size: 4.2em;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 300;
}
.project h2 span {
    font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
    font-size: 16px; 
    margin: 15px 0 0;
    display: block;
    letter-spacing: normal;
}

.project h4 { display: table; margin: 0 0 30px;}
.project h4 span.num { display: table-cell; width: 88px; height: 88px; line-height: 88px; text-align: center; background: #2f457c; color: #fff; font-size: 40px;}
.project h4 span.ttl {
    display: table-cell; 
    padding: 0 20px; 
    vertical-align: middle; 
    font-size: 1.5em; 
    line-height: 1.5; 
    font-weight: bold; 
    color: #2f457c;
}

.project .project_main {
    width: 100%; 
    padding: 60px 0; 
    margin: 0 0 90px; 
    background: url(../images/project/mv.jpg) no-repeat center; 
    background-size: cover; 
    text-align: center; 
    color: #fff;
}
.pj02 {
background: url(../images/project/mv2.jpg) no-repeat center !important; 
}
.project .project_main p {
    line-height: 180%;
    text-shadow: 0 0 0 #fff;
}
.project .project_main h3 { text-align: center; font-size: 2.8vw; margin: 0px 0 50px; font-weight: bold;}
.project .project_main h3 span { display: block; text-align: center; font-size: 1.8vw; margin: 10px 0 0;}
.project .project_main .cell .txt { text-align: left; font-size: 1.0vw; line-height: 1.8; margin: 0 0 35px;} 
.project .project_main .cell .ttl { 
    position: relative;
    font-size: 16px;
}
.project .project_main .cell .ttl:after, .project .project_main .cell .ttl:before {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(50% - 90px);
    display: block;
    background: #fff;
    top: 50%;
}
.project .project_main .cell .ttl:before {
    left: 0;
}
.project .project_main .cell .ttl:after {
    right: 0;
}
#box_member {
    margin-top: 30px;
}
.project .project_main .cell ul { 
    margin: 20px 0 30px;
}
.project .project_main .cell ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project_main .cell ul li { float: left; width: 25%; margin: 0 0 15px; display: table; font-size: 0.9vw;}
.project .project_main .cell ul li .img { display: table-cell; width: 32%; text-align: left;}
.project .project_main .cell ul li .img img { width: 100%; max-width: 72px;}
.project .project_main .cell ul li .name { 
    display: table-cell; 
    width: 55%; 
    padding: 0 0 0 3%; 
    vertical-align: middle; 
    text-align: left; 
    letter-spacing: 0;
    text-shadow: 0 0 0px #fff;
}
.project .project_main .cell a { display: block; width: 50%; height: 50px; line-height: 50px; font-size: 1.2vw; font-weight: bold; text-align: center; color: #fff; letter-spacing: -0.02em; text-decoration: none; background: #eb5542; margin: 0 auto;}
.project .project_main .cell a span { display: inline-block; padding: 0 20px 0 0; background: url(../images/project/icon_blank.png) no-repeat right 50%;}
.staff_name {
    display: block;
    padding-top: 6px;
    font-size: 13px;
}

.project .project01 {
    margin-bottom: 110px;
}
.project .project01 h3 {
    font-size: 2.0vw; 
    text-align: center; 
    color: #2f457c; 
    font-weight: bold; 
    margin: 40px 0 30px;
}
.project .project01 h3 span.ttl { display: block; font-size: 1.3vw; letter-spacing: 0.3em; margin: 0 0 30px;}
.project .project01 h3 span.date { 
    display: block; 
    max-width: 140px; 
    font-size: 14px; 
    padding: 7px 0px; 
    background: #2f457c; 
    color: #fff; 
    margin: 0 auto; 
    margin-top: 15px;
}
.project .project01 img { margin-bottom: 20px;}
.project .project01 p { font-size: 1.0vw; text-align: left; line-height: 2.0;}


.project .project02 { display: table; margin: 0 0 120px;}
.project .project02:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project02 .img { display: table-cell; width: 50%;}
.project .project02 .txtArea { display: table-cell; width: 50%; margin: 0px 0; background: #2f457c; color: #fff; font-size: 1.0vw; vertical-align: middle; border-bottom: 40px solid #fff; border-top: 40px solid #fff;}
.project .project02 .txtArea .cell { 
    padding: 24px 35% 18px 8.125%; 
    text-align: left; 
    font-size: 1.1vw;
}
.project .project02 .txtArea .cell .title { font-size: 1.6vw; font-weight: bold; margin: 0 0 30px; line-height: 1.7;}
.project .project02 .txtArea .cell .title span { display: block; font-size: 1.1vw; font-weight: normal;}
.project .project02 .txtArea .cell .txt { font-size: 1.0vw; line-height: 1.7;}



.project .project03 {
    position: relative;
    z-index: 10;
}
.project .project03:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project03 .txtArea { 
    float: left; 
    width: 50%;
}
.project .project03 .txtArea p {
    line-height: 180%;
}
.project .project03 .img { float: right; width: 43%;}
.project .project03 .img img { width: 100%;}



.project .project04 { position: relative; z-index: 1; background: url(../images/project/img_project02.jpg) no-repeat top center; padding: 260px 0 0; margin-top: -100px; margin-bottom: 120px;}
.project .project04:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project04 .cell { width: 58.125%; max-width: 930px; margin: 0 auto;}
.project .project04 h4 span.ttl {color: #fff;}
.project .project04 .txtArea { width: 91%; padding: 40px 4.5%; background: #2f457c; color: #fff; font-size: 1.0vw; text-align: left;}
.project .project04 .txtArea .txt { font-size: 1.0vw; line-height: 1.7;}



.project .project05 { display: table; margin: 0 0 120px;}
.project .project05:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project05 .img { display: table-cell; width: 50%;}
.project .project05 .txtArea { display: table-cell; width: 50%; margin: 0px 0; background: #2f457c; color: #fff; font-size: 1.0vw; vertical-align: middle; border-bottom: 40px solid #fff; border-top: 40px solid #fff;}
.project .project05 .txtArea .cell { 
    padding: 36px 8.125% 24px 35%; 
    text-align: left; 
    font-size: 1.1vw;
}
.project .project05 .txtArea .cell .title { 
    font-size: 1.6vw; 
    font-weight: bold; 
    margin: 0 0 30px; 
    line-height: 1.4;
}
.project .project05 .txtArea .cell .title span { display: block; font-size: 1.1vw; font-weight: normal;}
.project .project05 .txtArea .cell .txt { font-size: 1.0vw; line-height: 1.7; padding-bottom: 18px;}


.project .project06 { display: table; margin: 0 0 0px; z-index: 10; position: relative;}
.project .project06:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project06 .img { float: left; width: 45%;}
.project .project06 .img img { width: 100%;}
.project .project06 .txtArea { float: left; width: 30%; margin: 0 0 0 6%;}
.project .project06 .txtArea p { font-size: 1.0vw; line-height: 1.8; margin-bottom: 30px;}


.project .project07 { position: relative; z-index: 1; background: url(https://www.smartsolar.co.jp/recruit/wp-content/uploads/2018/02/img_project05-1.jpg) no-repeat top center; padding: 300px 0 0; margin-top: -40px; margin-bottom: 120px;}
.project .project07:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project07 .cell { width: 58.125%; max-width: 930px; margin: 0 auto;}
.project .project07 h4 span.ttl {color: #fff;}
.project .project07 .txtArea { width: 91%; padding: 40px 4.5%; background: #2f457c; color: #fff; font-size: 1.0vw; text-align: left;}
.project .project07 .txtArea .txt { font-size: 1.0vw; line-height: 1.7;}



.project .project08 { display: table; margin: 0 0 60px;}
.project .project08:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project08 .cell01 { float: left; width: 50%; background: url(https://www.smartsolar.co.jp/recruit/wp-content/uploads/2018/02/img_project06.jpg) no-repeat top;
                              padding: 400px 0 0;}
.project .project08 .cell02 { float: left; width: 50%; background: url(https://www.smartsolar.co.jp/recruit/wp-content/uploads/2018/02/img_project07.jpg) no-repeat top;
                              padding: 400px 0 0;}
.project .project08 .cell01 .txtArea { width: 49.375%; margin: 0 3.75% 0 36.875%; padding: 40px 5%; background: #2f457c; color: #fff; font-size: 1.0vw; text-align: left;}
.project .project08 .cell02 .txtArea { width: 49.375%; margin: 0 36.875% 0 3.75%; padding: 40px 5%; background: #2f457c; color: #fff; font-size: 1.0vw; text-align: left;}
.project .project08 .cell01 .txtArea .title, .project .project08 .cell02 .txtArea .title { font-size: 1.5vw; font-weight: bold; margin: 0 0 30px; line-height: 1.6;}
.project .project08 .cell01 .txtArea .title span, .project .project08 .cell02 .txtArea .title span { display: block; font-size: 1.1vw; font-weight: normal;}
.project .project08 .cell01 .txtArea .txt, .project .project08 .cell02 .txtArea .txt { font-size: 1.0vw; line-height: 1.7; margin-bottom: 20px;}
a.link_detail { display: block; padding: 15px 0; width: 60%; text-align: center; color: #fff; background: #ea5541; font-weight: bold;}



.project .project09 { display: block; margin: 0 15% 60px;}
.project .project09:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project09 .img { float: left; width: 43%;}
.project .project09 .img img { width: 100%;}
.project .project09 .txtArea { float: left; width: 43%; margin: 0 7% 0 7%;}
.project .project09 .txtArea p {
    font-size: 1.0vw; 
    line-height: 1.8;
}



.project .project10 { display: block; width: 58.125%; max-width: 930px; margin: 0 auto; margin-bottom: 60px;}
.project .project10:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project10 .img { float: left; width: 43%;}
.project .project10 .img img { width: 100%;}
.project .project10 .txtArea { float: left; width: 43%; margin: 0 7% 0 7%;}
.project .project10 .txtArea p { font-size: 1.0vw; line-height: 1.8; margin-bottom: 30px;}



.project .project11 { display: block; margin: 0 0 120px;}
.project .project11:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project11 .img { display: table-cell; width: 50%;}
.project .project11 .txtArea { display: table-cell; width: 50%; margin: 0px 0; background: #2f457c; color: #fff; font-size: 1.0vw; vertical-align: middle; border-bottom: 40px solid #fff; border-top: 40px solid #fff;}
.project .project11 .txtArea .cell { padding: 24px  8.125% 24px 35%; text-align: left; font-size: 1.1vw;}
.project .project11 .txtArea .cell .title { font-size: 1.6vw; font-weight: bold; margin: 0 0 30px; line-height: 1.7;}
.project .project11 .txtArea .cell .title span { display: block; font-size: 1.1vw; font-weight: normal;}
.project .project11 .txtArea .cell .txt { font-size: 1.0vw; line-height: 1.7;}



.project .project12 { display: block; margin: 0 0 60px;}
.project .project12:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project12 .img { float: left; width: 43%;}
.project .project12 .img img { width: 100%;}
.project .project12 .txtArea { float: left; width: 33%; margin: 0 5% 0 19%;}
.project .project12 .txtArea p { font-size: 1.0vw; line-height: 1.8; margin-bottom: 30px;}
.project .project12 .txtArea p:last-of-type { margin-bottom: 0;}


.project .project13 { display: table; margin: 0 0 160px;}
.project .project13:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project13 .img { display: table-cell; width: 50%;}
.project .project13 .txtArea { display: table-cell; width: 50%; margin: 0px 0; background: #2f457c; color: #fff; font-size: 1.0vw; vertical-align: middle; border-bottom: 40px solid #fff; border-top: 40px solid #fff;}
.project .project13 .txtArea .cell { padding: 24px 35% 24px 8.125%; text-align: left; font-size: 1.1vw;}
.project .project13 .txtArea .cell .title { font-size: 1.6vw; font-weight: bold; margin: 0 0 30px; line-height: 1.7;}
.project .project13 .txtArea .cell .title span { display: block; font-size: 1.1vw; font-weight: normal;}
.project .project13 .txtArea .cell .txt { 
    font-size: 1.0vw; 
    line-height: 1.7;
    padding-bottom: 18px;
}



.project .project14 { width: 58.125%; max-width: 930px; margin: 0 auto; margin-bottom: 110px;}
.project .project14 h3 { font-size: 2.0vw; text-align: center; color: #2f457c; font-weight: bold; margin: 0 0 50px;}
.project .project14 h3 span.ttl { display: block; font-size: 1.3vw; letter-spacing: 0.3em; margin: 0 0 30px;}
.project .project14 h3 span.date { display: block; width: 20%; font-size: 1.0vw; padding: 7px 0px; background: #2f457c; color: #fff; margin: 0 auto; margin-top: 15px;}
.project .project14 p { font-size: 1.0vw; text-align: left; line-height: 2.0;}



.project .project15 { position: relative; z-index: 1; background: url(../images/project/img_project13.jpg) no-repeat top center; padding: 300px 0 0; margin-bottom: 60px;}
.project .project15:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project15 .cell { width: 58.125%; max-width: 930px; margin: 0 auto;}
.project .project15 h4 span.ttl {color: #fff;}
.project .project15 .txtArea { width: 91%; padding: 40px 4.5%; background: #2f457c; color: #fff; font-size: 1.0vw; text-align: left;}
.project .project15 .txtArea .txt { font-size: 1.0vw; line-height: 1.7;}



.project .project16 { width: 58.125%; max-width: 930px; margin: 0 auto; margin-bottom: 110px;}
.project .project16:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project16 .img { float: left; width: 43%;}
.project .project16 .img img { width: 100%;}
.project .project16 .txtArea { float: left; width: 50%; margin: 0 0% 0 7%;}
.project .project16 .txtArea p { font-size: 1.0vw; line-height: 1.8;}



.project .project17 { width: 58.125%; max-width: 930px; margin: 0 auto; margin-bottom: 160px;}
.project .project17:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project17 .img { float: left; width: 43%;}
.project .project17 .img img { width: 100%;}
.project .project17 .txtArea { float: left; width: 50%; margin: 0 7% 0 0%;}
.project .project17 .txtArea p { font-size: 1.0vw; line-height: 1.8;}



.project .project18 { width: 58.125%; max-width: 930px; margin: 0 auto; margin-bottom: 70px;}
.project .project18 h3 { font-size: 2.0vw; text-align: center; color: #2f457c; font-weight: bold; margin: 0 0 50px;}
.project .project18 h3 span.ttl { display: block; font-size: 1.3vw; letter-spacing: 0.3em; margin: 0 0 30px;}
.project .project18 h3 span.date { display: block; width: 20%; font-size: 1.0vw; padding: 7px 0px; background: #2f457c; color: #fff; margin: 0 auto; margin-top: 15px;}
.project .project18 p { font-size: 1.0vw; text-align: left; line-height: 2.0;}



.project .project19 { position: relative; z-index: 1; background: url(https://www.smartsolar.co.jp/recruit/wp-content/uploads/2018/02/img_project16.jpg) no-repeat top center; padding: 300px 0 0; margin-bottom: 60px;}
.project .project19:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project19 .cell { width: 58.125%; max-width: 930px; margin: 0 auto;}
.project .project19 h4 span.ttl {color: #fff;}
.project .project19 .txtArea { width: 91%; padding: 40px 4.5%; background: #2f457c; color: #fff; font-size: 1.0vw; text-align: left;}
.project .project19 .txtArea .txt { font-size: 1.0vw; line-height: 1.7;}



.project .project20 { display: block; margin: 0 0 0px; position: relative; z-index: 10; background: url(../images/project/bg_blue.png) repeat-x center center; background-size: 100% 85%;}
.project .project20:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project20 .img { display: block; float: left; width: 50%;}
.project .project20 .txtArea { display: block; float: left; width: 50%; margin: 0px 0 0px; color: #fff; font-size: 1.0vw; vertical-align: middle;}
.project .project20 .txtArea .cell { 
    padding: 90px 8.125% 70px 35%; 
    text-align: left; 
    font-size: 1.1vw;
}
.project .project20 .txtArea .cell .title {
    font-size: 1.6vw; 
    font-weight: bold; 
    margin: 0 0 30px; 
    line-height: 1.4;
}
.project .project20 .txtArea .cell .title span { display: block; font-size: 1.1vw; font-weight: normal;}
.project .project20 .txtArea .cell .txt { 
    font-size: 1.0vw; 
    line-height: 1.7;
    padding-bottom: 12px;
}



.project .project21 .item:nth-of-type(2) { 
    background: #000;
}
.project .project21 .pj21-content {
    color: #fff;
    background: #2f457c;
    /*width: 70%;*/
	width: 90%;
    margin-top: 12%;
    /*padding: 24px 36px;*/
	padding: 24px 5%;
}
.project .project21 .title { 
    font-size: 1.6em; 
    font-weight: bold; 
    margin: 0 0 30px; 
    line-height: 1.7;
}
.project .project21 .txt { 
    font-size: 1.1em; 
    line-height: 1.7;
}


.project .project22 {
    margin-bottom: 45px; 
    padding: 30px 1.875%;
}

.project .project23 { display: table; margin: 0; z-index:2; position: sticky;}
.project .project23:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project23 .img { display: table-cell; width: 50%;}
.project .project23 .txtArea { display: table-cell; width: 50%; margin: 0px 0; background: #2f457c; color: #fff; font-size: 1.0vw; vertical-align: middle; border-top: 40px solid #fff;}
.project .project23 .txtArea .cell { 
    padding: 24px 35% 18px 8.125%; 
    text-align: left; 
    font-size: 1.1vw;
}
.project .project23 .txtArea .cell .title { font-size: 1.6vw; font-weight: bold; margin: 0 0 30px; line-height: 1.7;}
.project .project23 .txtArea .cell .title span { display: block; font-size: 1.1vw; font-weight: normal;}
.project .project23 .txtArea .cell .txt { font-size: 1.0vw; line-height: 1.7;}

.project .project24 { display: block; margin: 0 0 0px; position: relative; z-index: 10; background: url(../images/project/bg_blue.png) repeat-x center center; background-size: 100% 95%;}
.project .project24:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.project .project24 .img { display: block; float: left; width: 50%;}
.project .project24 .img2 { display: block; float: right; width: 50%;}
.project .project24 .txtArea { display: block; float: right; width: 50%; margin: 0px 0 0px; color: #fff; font-size: 1.0vw; vertical-align: middle;}
.project .project24 .txtArea2 { display: block; float: left; width: 50%; margin: 0px 0 0px; color: #fff; font-size: 1.0vw; vertical-align: middle;}
.project .project24 .txtArea .cell { 
    padding: 90px 35% 70px 8.125%; 
    text-align: left; 
    font-size: 1.1vw;
}
.project .project24 .txtArea2 .cell { 
    padding: 60px 8.125% 70px 35%; 
    text-align: left; 
    font-size: 1.1vw;
}
.project .project24 .txtArea .cell .title , 
.project .project24 .txtArea2 .cell .title {
    font-size: 1.6vw; 
    font-weight: bold; 
    margin: 0 0 30px; 
    line-height: 1.4;
}
.project .project24 .txtArea .cell .title span , .project .project24 .txtArea2 .cell .title span { display: block; font-size: 1.1vw; font-weight: normal;}
.project .project24 .txtArea .cell .txt , .project .project24 .txtArea2 .cell .txt  { 
    font-size: 1.0vw; 
    line-height: 1.7;
    padding-bottom: 12px;
}

.common_bt {
	margin-bottom:100px !important;
}
.fl_l {float:left; padding-right:30px}

.project .stage_ttl {
    display: block;
	font-size: 1.3vw;
	letter-spacing: 0.3em;
    text-align: center;
    color: #2f457c;
    font-weight: bold;
    margin: 0px 0 100px;
}
.project .pjba04 {
	    background: url(../images/project/project_no04.jpg) no-repeat center !important;
}
.project .pjba08 {
	    background: url(../images/project/project_no08.jpg) no-repeat center !important;
}
.project .pjba11 {
	    background: url(../images/project/project_no11.jpg) no-repeat center !important;
}
.project .project10 .txtArea2 {
    float: left;
    width: 100%;
    margin: 0;
}
.project .project10 .txtArea3 {
    float: left;
    width: 47%;
	padding-right:6%;
    margin: 0;
}
.project .project10 .txtArea2 p , .project .project10 .txtArea3 p {
    font-size: 1.0vw;
    line-height: 1.8;
    margin-bottom: 30px;
}
.project .pdr0 {padding-right:0 !important}

#pj2main {
	background:url(../images/project/project_vol2main.jpg) no-repeat top -20px center;
	background-size: cover;
	position:relative;
	height:500px;
}
#pj2main .txtbox {
	position: absolute;
    left: 50%;
	bottom:40px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background-color: rgba(255,255,255,0.7);
	padding:30px 20px 20px
}
#pj2main .txtbox p {
	font-size: 1.0vw;
line-height: 1.7;
}
#pj2main h3 {
	position:absolute;
	top: 48%;
    left: 50%;
    transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%);
    -ms-transform: translate(-50%, -52%);
	background-color: rgba(241,86,64,1);
	padding:10px 30px;
	color:white;
	z-index:2;
	font-size: 1.6vw;
font-weight: bold;
}

.btn_link li {
    margin-bottom: 14px;
    line-height: 160%;
}
.btn_link li a {
    display: block;
    width: 50%;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    letter-spacing: -0.02em;
    text-decoration: none;
    background: #eb5542;
    margin: 0 auto;
}
.btn_link li a span {
    display: inline-block;
    padding: 0 20px 0 0;
    background: url(../images/project/icon_blank.png) no-repeat right 50%;
}

@media screen and (max-width: 768px) {    
    .project h4 { margin: 20px 0 20px;}
    .project h4 span.num { display: table-cell; width: 88px; height: 88px; line-height: 88px; text-align: center; background: #2f457c; color: #fff; font-size: 40px;}

    .project .project_main { display: block; width: 100%; padding: 30px 0; margin: 0 0 45px;}
    .project .project_main h3 { font-size: 4.8vw; margin: 0px 0 30px;}
    .project .project_main h3 span { font-size: 3.8vw;}
    .project .project_main .cell .txt { font-size: 3.0vw; margin: 0 0 20px;} 
    .project .project_main .cell .ttl { font-size: 3.2vw; line-height: 1; margin: 0 0 20px; background-size: 25% 1px, 25% 1px;}
    .project .project_main .cell ul li { width: 50%; display: table; font-size: 2.9vw;}
    .project .project_main .cell a { display: block; width: 100%; font-size: 3.2vw;}

    .project .project01 { width: 80%; max-width: 80%; margin: 0 auto; margin-bottom: 60px;}
    .project .project01 h3 { 
        font-size: 4.0vw;
    }
    .project .project01 h3 span.ttl { display: block; font-size: 3.2vw; letter-spacing: 0.3em; margin: 0 0 30px;}

    .project .project01 p { font-size: 3.0vw;}


    .project .project02 { display: block; margin: 0 0 60px;}
    .project .project02 .img { display: block; width: 100%;}
    .project .project02 .txtArea { display: block; width: 100%; background: #2f457c; color: #fff; font-size: 3.0vw; border-bottom: none; border-top: none;}
    .project .project02 .txtArea .cell { padding: 30px 10%; text-align: left; font-size: 3.1vw;}
    .project .project02 .txtArea .cell .title { font-size: 3.6vw; margin: 0 0 20px;}
    .project .project02 .txtArea .cell .title span { font-size: 3.1vw;}
    .project .project02 .txtArea .cell .txt { font-size: 3.0vw;}

    .project .project03 .txtArea { float: none; width: 100%; margin: 0 0 20px 0%;}
    .project .project03 .img { float: none; width: 100%;}
    .project .project03 .img img { width: 100%;}



    .project .project04 { 
        padding: 120px 0 0; 
        margin-top: -60px; 
        margin-bottom: 60px;
    }
    .project .project04 .cell { width: 80%; max-width: 80%; margin: 0 auto;}
    .project .project04 .txtArea { font-size: 3.0vw;}
    .project .project04 .txtArea .txt { font-size: 3.0vw;}



    .project .project05 { display: block; margin: 0 0 60px;}
    .project .project05 .img { display: block; width: 100%;}
    
    .project .project05 .txtArea { display: block; width: 100%; background: #2f457c; color: #fff; font-size: 3.0vw; border-bottom: none; border-top: none;}
    .project .project05 .txtArea .cell { padding: 30px 10%; text-align: left; font-size: 3.1vw;}
    .project .project05 .txtArea .cell .title { font-size: 3.6vw; margin: 0 0 20px;}
    .project .project05 .txtArea .cell .title span { font-size: 3.1vw;}
    .project .project05 .txtArea .cell .txt { font-size: 3.0vw;}


    .project .project06 { display: block; margin: 0 0 30px;}
    .project .project06 .img { float: none; width: 100%; margin: 0 0 20px;}
    .project .project06 .img img { width: 100%;}
    .project .project06 .txtArea { float: none; width: 80%; margin: 0 10%;}
    .project .project06 .txtArea p { font-size: 3.0vw;}


    .project .project07 { padding: 180px 0 0; margin-top: 0px; margin-bottom: 60px;}
    .project .project07 .cell { width: 80%; max-width: 80%; margin: 0 auto;}
    .project .project07 .txtArea { font-size: 3.0vw;}
    .project .project07 .txtArea .txt { font-size: 3.0vw;}



    .project .project08 { display: block; margin: 0 0 30px;}
    .project .project08 .cell01 { 
        float: none; 
        width: 100%; 
        background: url(https://www.smartsolar.co.jp/recruit/wp-content/uploads/2018/02/img_project06.jpg) no-repeat top; 
        padding: 300px 0 0;
    }
    .project .project08 .cell02 { 
        float: none; 
        width: 100%; 
        background: url(https://www.smartsolar.co.jp/recruit/wp-content/uploads/2018/02/img_project07.jpg) no-repeat top; 
        padding: 300px 0 0;
    }
    .project .project08 .cell01 .txtArea { width: 70%; margin: 0 10% 30px; padding: 40px 5%; font-size: 3.0vw;}
    .project .project08 .cell02 .txtArea { width: 70%; margin: 0 10% 30px; padding: 40px 5%; font-size: 3.0vw;}
    .project .project08 .cell01 .txtArea .title, .project .project08 .cell02 .txtArea .title { font-size: 3.5vw; margin: 0 0 20px;}
    .project .project08 .cell01 .txtArea .title span, .project .project08 .cell02 .txtArea .title span { font-size: 3.1vw;}
    .project .project08 .cell01 .txtArea .txt, .project .project08 .cell02 .txtArea .txt { font-size: 3.0vw;}
    a.link_detail { width: 100%;}



    .project .project09 { display: block; margin: 0 10% 30px;}
    .project .project09 .img { float: none; width: 100%; margin: 0 0 20px;}
    .project .project09 .img img { width: 100%;}
    .project .project09 .txtArea { float: none; width: 100%; margin: 0 0%;}
    .project .project09 .txtArea p { font-size: 3.0vw;}



    .project .project10 { display: block; width: 80%; max-width: 80%; margin: 0 auto; margin-bottom: 60px;}
    .project .project10 .img { float: none; width: 100%;}
    .project .project10 .img img { width: 100%;}
    .project .project10 .txtArea { float: none; width: 100%; margin: 0 0%;}
    .project .project10 .txtArea p { font-size: 3.0vw;}



    .project .project11 { display: block; margin: 0 0 60px;}
    .project .project11 .img { display: block; width: 100%;}
    .project .project11 .txtArea { display: block; width: 100%; background: #2f457c; color: #fff; font-size: 3.0vw; border-bottom: none; border-top: none;}
    .project .project11 .txtArea .cell { padding: 30px 10%; text-align: left; font-size: 3.1vw;}
    .project .project11 .txtArea .cell .title { font-size: 3.6vw; margin: 0 0 20px;}
    .project .project11 .txtArea .cell .title span { font-size: 3.1vw;}
    .project .project11 .txtArea .cell .txt { font-size: 3.0vw;}



    .project .project12 { display: block; margin: 0 0 60px;}
    .project .project12 .img { float: none; width: 100%;}
    .project .project12 .txtArea { float: none; width: 80%; margin: 0 10% 30px;}
    .project .project12 .txtArea p { font-size: 3.0vw;}


    .project .project13 { display: block; margin: 0 0 60px;}
    .project .project13 .img { display: block; width: 100%;}
    .project .project13 .txtArea { display: block; width: 100%; background: #2f457c; color: #fff; font-size: 3.0vw; border-bottom: none; border-top: none;}
    .project .project13 .txtArea .cell { padding: 30px 10%; text-align: left; font-size: 3.1vw;}
    .project .project13 .txtArea .cell .title { font-size: 3.6vw; margin: 0 0 20px;}
    .project .project13 .txtArea .cell .title span { font-size: 3.1vw;}
    .project .project13 .txtArea .cell .txt { font-size: 3.0vw;}



    .project .project14 { width: 80%; max-width: 80%; margin: 0 auto; margin-bottom: 60px;}
    .project .project14 h3 { font-size: 4.0vw; text-align: center; color: #2f457c; font-weight: bold; margin: 0 0 30px;}
    .project .project14 h3 span.ttl { display: block; font-size: 3.2vw; letter-spacing: 0.3em; margin: 0 0 30px;}
    .project .project14 h3 span.date { display: block; width: 50%; font-size: 3.0vw; padding: 7px 0px; background: #2f457c; color: #fff; margin: 0 auto; margin-top: 15px;}
    .project .project14 p { font-size: 3.0vw;}



    .project .project15 { position: relative; z-index: 1; background: url(../images/project/img_project13.jpg) no-repeat top center; padding: 150px 0 0; margin-bottom: 60px;}
    .project .project15 .cell { width: 80%; max-width: 80%; margin: 0 auto;}
    .project .project15 .txtArea { font-size: 3.0vw;}
    .project .project15 .txtArea .txt { font-size: 3.0vw;}



    .project .project16 {
        width: 80%; 
        max-width: 80%; 
        margin: 0 auto;
    }
    .project .project16 .img { float: none; width: 100%; margin: 0 0 20px;}
    .project .project16 .img img { width: 100%;}
    .project .project16 .txtArea { float: none; width: 100%; margin: 0 0% 20px;}
    .project .project16 .txtArea p { font-size: 3.0vw;}



    .project .project17 { 
        width: 80%; 
        max-width: 80%; 
        margin: 0 auto; 
        margin-bottom: 20px;
    }
    .project .project17:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
    .project .project17 .img { float: left; width: 100%; margin: 0 0 20px;}
    .project .project17 .img img { width: 100%;}
    .project .project17 .txtArea { float: left; width: 100%; margin: 0 0% 30px;}
    .project .project17 .txtArea p { font-size: 3.0vw;}



    .project .project18 { width: 80%; max-width: 80%; margin: 0 auto; margin-bottom: 60px;}
    .project .project18 h3 { font-size: 4.0vw; text-align: center; color: #2f457c; font-weight: bold; margin: 0 0 30px;}
    .project .project18 h3 span.ttl { display: block; font-size: 3.2vw; letter-spacing: 0.3em; margin: 0 0 30px;}
    .project .project18 h3 span.date { display: block; width: 50%; font-size: 3.0vw; padding: 7px 0px; background: #2f457c; color: #fff; margin: 0 auto; margin-top: 15px;}
    .project .project18 p { font-size: 3.0vw;}



    .project .project19 { position: relative; z-index: 1; background: url(https://www.smartsolar.co.jp/recruit/wp-content/uploads/2018/02/img_project16.jpg) no-repeat top center; padding: 150px 0 0; margin-bottom: 60px;}
    .project .project19:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
    .project .project19 .cell { width: 80%; max-width: 80%; margin: 0 auto;}
    .project .project19 h4 span.ttl {color: #fff;}
    .project .project19 .txtArea { font-size: 3.0vw;}
    .project .project19 .txtArea .txt { font-size: 3.0vw;}



    .project .project20 { display: block; margin: 0 0 0px;}
    .project .project20 .img { display: block; width: 100%;}
    .project .project20 .txtArea { display: block; width: 100%; background: #2f457c; color: #fff; font-size: 3.0vw; border-bottom: none; border-top: none;}
    .project .project20 .txtArea .cell { padding: 30px 10%; text-align: left; font-size: 3.1vw;}
    .project .project20 .txtArea .cell .title { font-size: 3.6vw; margin: 0 0 20px;}
    .project .project20 .txtArea .cell .title span { font-size: 3.1vw;}
    .project .project20 .txtArea .cell .txt { font-size: 3.0vw;}    

    .project .project21 .pj21-content {
        width: calc(100% - 72px);
        margin-top: 0;
    }
    .project .project22 {
        margin-bottom: 0; 
        padding: 20px 5%;
    }
	
	.project .project23 { display: block; margin: 0 0 60px;}
    .project .project23 .img { display: block; width: 100%;}
    .project .project23 .txtArea { display: block; width: 100%; background: #2f457c; color: #fff; font-size: 3.0vw; border-bottom: none; border-top: none;}
    .project .project23 .txtArea .cell { padding: 30px 10%; text-align: left; font-size: 3.1vw;}
    .project .project23 .txtArea .cell .title { font-size: 3.6vw; margin: 0 0 20px;}
    .project .project23 .txtArea .cell .title span { font-size: 3.1vw;}
    .project .project23 .txtArea .cell .txt { font-size: 3.0vw;}
	
	.project .project24 { display: block; margin: 0 0 0px;}
    .project .project24 .img , .project .project24 .img2 { display: block; width: 100%;}
    .project .project24 .txtArea , .project .project24 .txtArea2 { display: block; width: 100%; background: #2f457c; color: #fff; font-size: 3.0vw; border-bottom: none; border-top: none;}
    .project .project24 .txtArea .cell , .project .project24 .txtArea2 .cell { padding: 30px 10%; text-align: left; font-size: 3.1vw;}
    .project .project24 .txtArea .cell .title , .project .project24 .txtArea2 .cell .title { font-size: 3.6vw; margin: 0 0 20px;}
    .project .project24 .txtArea .cell .title span , .project .project24 .txtArea2 .cell .title span { font-size: 3.1vw;}
    .project .project24 .txtArea .cell .txt , .project .project24 .txtArea2 .cell .txt  { font-size: 3.0vw;}    
	
    .project h4 span.ttl {
        font-size: 1.1em;
    }
    .btn_link li a {
        width: 80%;
    }
}

/* 20190530　追記 */
.interview_child .interviewArticle #interviewNav > .inner > ul {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li {
    width: 230px;
    margin-top: 0;
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li:nth-child(3n+1) {
    margin-left: 30px;
}
.interview_child .interviewArticle #interviewNav > .inner > ul > li:first-child {
    margin-left: 0;
}
/* 20190718　追記 */
.interview_child .interviewArticle #interviewNav > .inner > ul > li > a .detail .dep {
    white-space: normal;
}
#message.underContents .mainKvArea .messageBox h1 {
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.8;
    width: 440px;
}
#message.underContents .mainKvArea .messageBox h2 {
    color: #fff;
    width: auto;
    font-size: 2.6rem;
    font-weight: bold;
		margin-bottom:20px;
}
#message.underContents .mainKvArea .messageBox .president_link {
	color:white;
	font-size: 1.8rem;
	text-decoration:underline;
	margin-bottom:30px;
	display: block;
}
#message.underContents .mainKvArea .messageBox .philosophy_box {
	border:1px solid #fff;
	color:white;
	padding:20px 25px 40px 25px;
	font-size: 2.0rem;
	line-height:1.4;
	font-weight:bold;
	position:relative;
}
#message.underContents .mainKvArea .messageBox .philosophy_box .philosophy_link {
	position:absolute;
	bottom:-25px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 220px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #ea5541;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
@media only screen and (max-width: 768px) {
    #message.underContents .mainKvArea .messageBox h1 {
        width: 90%;
        margin: 0 auto;
        text-align: left;
        font-size: 1.8rem;
    }
    #message.underContents .mainKvArea .messageBox h2 {
        width: 90%;
        margin: 20px auto 20px;
        text-align: left;
        font-size: 2.2rem;
    }
	#message.underContents .mainKvArea .messageBox .president_link {
	font-size: 1.4rem;
	margin: 20px auto 20px;
		width:90%;
		text-align:center
}
#message.underContents .mainKvArea .messageBox .philosophy_box {
	margin:0px auto 30px;
		width:80%;
	padding:3% 5% 6% 5%;	
}
#pj2main .txtbox {
	padding: 30px 20px 20px;;
	width: 80%;
	bottom: 15%;
}
	#pj2main h3 {
		 font-size: 2.8vw;
		width: 50%;
text-align: center;
		padding: 10px 30px;
		top: 37%;
		transform: translate(-50%, -37%);
-webkit-transform: translate(-50%, -37%);
-ms-transform: translate(-50%, -37%);
	}
#pj2main .txtbox p {
    font-size: 2.0vw;
}
.project .stage_ttl {
    font-size: 3.2vw;
   margin: 0 0 30px;
}
	.project .project10 .txtArea2 {
    float: none;
width: 80%;
margin: 0 10% 30px;
}
	.project .project10 .txtArea3 {
    float: none;
    width: 100%;
    padding-right: 0%;
}
	.project .project10 .txtArea2 p, .project .project10 .txtArea3 p {
    font-size: 3.0vw;
}
	.project .pjba08 {
    background: url(../images/project/project_no08.jpg) no-repeat left -250px center !important;
}
.project .pjba11 {
    background: url(../images/project/project_no11.jpg) no-repeat center right -280px !important;
}
}
@media only screen and (max-width: 640px) {
	#message.underContents .mainKvArea .messageBox .philosophy_box {
	padding:5% 5% 12% 5%;
		font-size:1.8rem
}	
	#pj2main .txtbox {
	padding: 8% 5%5%;
	width: 80%;
	bottom: 15%;
}
	#pj2main h3 {
		 font-size: 3.6vw;
		width: 50%;
text-align: center;
		padding:3% 0;
		top: 32%;
		transform: translate(-50%, -32%);
-webkit-transform: translate(-50%, -32%);
-ms-transform: translate(-50%, -32%);
	}
#pj2main .txtbox p {
    font-size: 3.0vw;
}
}
/**********************END START PROJECT**********************/




/* man add */

#menu-item-643 > a span.menu-image-title {
    display: none!important;
}
#menu-item-1802 > a span.menu-image-title {
    display: none !important;
}