@charset "UTF-8";
/*====================
 * style.scss
 *====================*/
/*--------------------
 * Import
 *--------------------*/
/* IEハック用mixin */
a {
  outline: none;
}
a:focus {
  outline: none;
}

@media screen and (max-width: 767px) {
  .sp-on {
    display: block;
  }

  .pc-on {
    display: none;
  }

  img {
    max-width: 100%;
  }

  #keyvisual {
    width: 100%;
    height: 350px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }
  #keyvisual .anchor {
    width: 82.5px;
    position: absolute;
    top: 55px;
    left: 5px;
    z-index: 1;
  }
  #keyvisual .anchor--2 {
    top: 140px;
  }
  #keyvisual .keyvisual__message {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 163px;
    z-index: 10;
  }
  #keyvisual canvas {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .inner {
    width: 90%;
    margin: 0 auto;
  }

  body {
    font-family: -apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', '游ゴシック体', 'Yu Gothic', YuGothic,  meiryo, sans-serif;
  }
  body header .inner {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #999;
    overflow: hidden;
    height: 51px;
  }
  body header .inner h1 {
    width: 208px;
    margin: 0;
    padding: 0;
    font-size: initial;
    float: left;
  }
  body header .inner .btn-nav {
    width: 58px;
    float: right;
    display: block;
  }
  body header .inner .sp-nav {
    position: absolute;
    width: 100%;
    top: 51px;
    left: 0;
    display: none;
    z-index: 99999;
  }
  body header .inner .sp-nav ul {
    background: rgba(191, 191, 191, 0.6);
    list-style-type: none;
  }
  body header .inner .sp-nav ul li {
    border-bottom: 2px solid #2DB9E7;
  }
  body header .inner .sp-nav ul li a {
    background: rgba(255, 255, 255, 0.6);
    color: #333;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
    text-decoration: none;
    padding: 8px 0;
  }
  body header .inner .sp-nav ul li.attention a {
    background: rgba(255, 255, 0, 0.6);
  }
  body header .inner .sp-nav ul li.banner a, body header .inner .sp-nav ul li.banner .no_link {
    color: #333;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 2px;
    text-decoration: none;
    padding: 8px 0;
  }
  body header .inner .sp-nav ul li.banner .no_link {
    background: rgba(255, 255, 255, 0.6);
  }
  body header .inner .sp-nav ul li.banner .comingsoon {
    display: block;
    background: rgba(255, 255, 255, 0.6);
    padding: 8px 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #999;
  }
  body header .inner .sp-nav ul li.banner .comingsoon .arrow {
    position: relative;
  }
  body header .inner .sp-nav ul li.banner .comingsoon .arrow:before {
    background: url(../img/icon_head_arrow_sp.png) no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    width: 7.5px;
    height: 10.5px;
    position: absolute;
    top: 6px;
    left: -14px;
    margin: -3px 0 0;
    opacity: 0.3;
  }
  body header .inner .sp-nav ul.intern-info .comingsoon {
    background: rgba(255, 255, 255, 0.6);
    padding: 8px 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #999;
  }
  body header .inner .sp-nav h3 {
    background: rgba(255, 255, 255, 0.6);
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
    padding: 8px 0;
  }
  body header .inner .sp-nav ul.intern-info {
    overflow: hidden;
    list-style-type: none;
  }
  body header .inner .sp-nav ul.intern-info li {
    border-top: none;
    border-bottom: 2px solid #FFF;
    width: 50%;
    float: left;
    box-sizing: border-box;
  }
  body header .inner .sp-nav ul.intern-info li:nth-child(1) {
    border-right: 2px solid #FFF;
  }
  body header .inner .sp-nav ul.intern-info li:nth-child(3) {
    border-right: 2px solid #FFF;
  }
  body header .inner .sp-nav ul.intern-info li.attention {
    width: 100%;
    border-right: none;
    background: rgba(255, 241, 0, 0.6);
  }
  body header .inner .sp-nav ul.intern-info li a {
    font-size: 16px;
    letter-spacing: 1px;
    position: relative;
  }
  body header .inner .sp-nav ul.intern-info li a span {
    position: relative;
  }
  body header .inner .sp-nav ul.intern-info li a span:before {
    background: url(../img/icon_head_arrow_sp.png) no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    width: 7.5px;
    height: 10.5px;
    position: absolute;
    top: 6px;
    left: -14px;
    margin: -3px 0 0;
  }
  body header .inner .sp-nav ul.sns {
    overflow: hidden;
    list-style-type: none;
  }
  body header .inner .sp-nav ul.sns li {
    border-bottom: 2px solid #FFF;
    width: 50%;
    float: left;
    box-sizing: border-box;
  }
  body header .inner .sp-nav ul.sns li:nth-child(1) {
    border-right: 2px solid #FFF;
  }
  body header .inner .sp-nav ul.sns li:nth-child(3) {
    border-right: 2px solid #FFF;
  }
  body header .inner .sp-nav ul.sns li a {
    font-size: 16px;
    letter-spacing: 1px;
    position: relative;
  }
  body header .inner .sp-nav ul.sns li a span {
    position: relative;
  }
  body header .inner .sp-nav ul.sns li a span:before {
    background: url(../img/icon_head_arrow_sp.png) no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    width: 7.5px;
    height: 10.5px;
    position: absolute;
    top: 6px;
    left: -14px;
    margin: -3px 0 0;
  }
  body .information {
    margin: 0 0 60px;
  }
  body .information .inner > div {
    box-sizing: border-box;
    padding: 15px;
  }
  body .information .inner > div h3 {
    color: #FFF;
    letter-spacing: 2px;
    margin: 0 0 10px;
  }
  body .information .inner > div h3:after {
    background: #FFF;
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
  }
  body .information .inner > div span {
    display: block;
    color: #FFF;
    font-size: 14px;
  }
  body .information .inner .news {
    background: rgba(41, 171, 226, 0.85);
    margin: 0 0 10px;
  }
  body .information .inner .news a {
    color: #fff;
  }
  body .information .inner .topics {
    background: rgba(100, 100, 100, 0.6);
  }
  body .translation {
    margin: -80px 0 60px 0;
    padding-top: 80px;
  }
  body .translation .inner {
    width: 100%;
  }
  body .translation .inner h2 {
    width: 290px;
    margin: 0 auto 20px;
  }
  body .whats {
    margin: 0 0 60px;
  }
  body .whats .inner {
    background: url(../img/bg_whats_sp.png) repeat-x;
    background-size: 100%;
    position: relative;
    height: 464px;
  }
  body .whats .inner h2 {
    position: absolute;
    top: 130px;
    left: 50%;
    width: 269.5px;
    margin: 0 0 0 -134.8px;
  }
  body .whats .inner ul {
    list-style-type: none;
  }
  body .whats .inner ul li {
    position: absolute;
  }
  body .whats .inner ul li:nth-child(1) {
    width: 213.5px;
    top: -30px;
    left: -6px;
  }
  body .whats .inner ul li:nth-child(2) {
    width: 245px;
    top: 230px;
    right: -5px;
  }
  body .whats .inner ul li:nth-child(3) {
    width: 245.5px;
    top: 360px;
    left: 0;
  }
  body .work {
    overflow: hidden;
    padding-top: 90px;
    margin-top: -90px;
  }
  body .work h2 {
    width: 270.5px;
    margin: 0 auto 60px;
  }
  body .work .press {
    background: url(../img/bg_press_sp.png) no-repeat center top;
    background-size: 320px;
    position: relative;
    height: 651px;
    margin: 0 0 150px;
  }
  body .work .press ul {
    list-style-type: none;
    position: relative;
    max-width: 320px;
    margin: 0 auto;
  }
  body .work .press ul li {
    position: absolute;
  }
  body .work .press ul li a {
    position: absolute;
    display: block;
  }
  body .work .press ul li > a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
  }
  body .work .press ul li:first-child {
    top: 90px;
    left: 0;
    width: 107px;
  }
  body .work .press ul li:first-child .intBtn {
    top: -54px;
    left: 40px;
    width: 116px;
  }
  body .work .press ul li:nth-child(2) {
    top: -85px;
    right: 0px;
    width: 108px;
  }
  body .work .press ul li:nth-child(2) .intBtn {
    top: 30px;
    left: -130px;
    width: 125px;
  }
  body .work .press ul li:nth-child(3) {
    top: 190px;
    right: 10px;
    width: 122.5px;
  }
  body .work .press ul li:nth-child(3) .intBtn {
    top: -80px;
    left: 0;
    width: 140px;
  }
  body .work .press ul li:nth-child(4) {
    top: 350px;
    right: -20px;
    width: 126px;
  }
  body .work .press ul li:nth-child(4) .intBtn {
    top: 100px;
    left: -60px;
    width: 135.5px;
  }
  body .work .press ul li:nth-child(5) {
    top: 570px;
    left: 40px;
    width: 125px;
  }
  body .work .press ul li:nth-child(5) .intBtn {
    top: 0px;
    left: 100px;
    width: 130px;
  }
  body .work .press ul li:nth-child(6) {
    top: 340px;
    left: 10px;
    width: 125px;
  }
  body .work .press ul li:nth-child(6) .intBtn {
    top: 30px;
    left: 110px;
    width: 148px;
  }
  body .work .press ul li:nth-child(7) {
    top: 250px;
    left: 80px;
  }
  body .work .press ul li:nth-child(7) h3 {
    width: 97px;
  }
  body .work .sales {
    background: url(../img/bg_sales_sp.png) no-repeat center top;
    background-size: 320px;
    position: relative;
    height: 570px;
    margin: 0 0 80px;
  }
  body .work .sales ul {
    list-style-type: none;
    position: relative;
    max-width: 320px;
    margin: 0 auto;
  }
  body .work .sales ul li {
    position: absolute;
  }
  body .work .sales ul li a {
    position: absolute;
    display: block;
  }
  body .work .sales ul li > img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
  }
  body .work .sales ul li:first-child {
    top: -70px;
    left: -10px;
    width: 124.5px;
  }
  body .work .sales ul li:first-child .intBtn {
    top: 50px;
    left: 100px;
    width: 150px;
  }
  body .work .sales ul li:nth-child(2) {
    top: 60px;
    left: 110px;
    width: 118px;
  }
  body .work .sales ul li:nth-child(2) .intBtn {
    top: 20px;
    left: 80px;
    width: 159px;
  }
  body .work .sales ul li:nth-child(3) {
    top: 190px;
    left: -30px;
    width: 126.5px;
  }
  body .work .sales ul li:nth-child(3) .intBtn {
    top: 60px;
    left: 100px;
    width: 123px;
  }
  body .work .sales ul li:nth-child(4) {
    top: 330px;
    left: 180px;
    width: 126.5px;
  }
  body .work .sales ul li:nth-child(4) .intBtn {
    top: 20px;
    left: -100px;
    width: 130px;
  }
  body .work .sales ul li:nth-child(5) {
    top: 440px;
    left: 20px;
    width: 126.5px;
  }
  body .work .sales ul li:nth-child(5) .intBtn {
    top: 60px;
    left: 130px;
    width: 123px;
  }
  body .work .sales ul li:nth-child(6) {
    top: 220px;
    left: 200px;
  }
  body .work .sales ul li:nth-child(6) h3 {
    width: 116.5px;
  }
  body .work .tec {
    background: url(../img/bg_tec_sp.png) no-repeat center top;
    background-size: 320px;
    position: relative;
    height: 246.5px;
    margin: 0 0 30px;
  }
  body .work .tec ul {
    list-style-type: none;
    position: relative;
    max-width: 320px;
    margin: 0 auto;
  }
  body .work .tec ul li {
    position: absolute;
  }
  body .work .tec ul li a {
    position: absolute;
    display: block;
  }
  body .work .tec ul li > img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
  }
  body .work .tec ul li:first-child {
    top: -30px;
    left: 10px;
    width: 135px;
  }
  body .work .tec ul li:first-child .intBtn {
    top: 56px;
    left: 140px;
    width: 116.5px;
  }
  body .work .tec ul li:nth-child(2) {
    top: 100px;
    left: 140px;
  }
  body .work .tec ul li:nth-child(2) h3 {
    width: 157px;
  }
  body .work .other ul {
    list-style-type: none;
  }
  body .work .other ul li {
    width: 90%;
    margin: 0 auto 20px;
  }
  body .special .inner {
    background: url(../img/bg_special_sp.png) no-repeat center 80px;
    background-size: 100%;
    margin: 0 auto 30px;
    padding: 0 0 80px;
    width: 94%;
  }
  body .special .inner h2 {
    width: 233.5px;
    margin: 0 auto 33.4%;
  }
  body .special .inner ul {
    list-style-type: none;
  }
  body .special .inner ul li a {
    display: block;
  }
  body .special .inner ul li:nth-child(2) {
    margin: -14px 0 10px;
  }
  body .special .inner ul li:nth-child(4) {
    margin: -18px 0 0;
  }
  body .recruit .inner {
    position: relative;
    width: 100%;
  }
  body .recruit .inner h2 {
    width: 161.5px;
    margin: 0 auto 10px;
  }
  body .recruit .inner .box-recruit {
    background: url(../img/bg_recruit_sp.png) no-repeat;
    background-size: 100%;
    padding: 1.6em 0;
    min-height: 169px;
  }
  body .recruit .inner .box-recruit h3 {
    color: #FFF;
    font-size: 22px;
    letter-spacing: 2px;
    text-align: center;
  }
  body .recruit .inner .box-recruit p {
    color: #FFF;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0 0 10px;
    text-align: center;
  }
  body .recruit .inner .box-recruit a {
    display: block;
    width: 158px;
    margin: 0 auto;
  }
  body .recruit .inner .box-recruit .dis-text {
    width: 80%;
    font-size: 14px;
    text-align: center;
    margin: 6px auto 6px auto;
    font-weight: normal;
    font-size: 10px;
  }
  body .repuire .inner {
    padding: 1px 0;
    box-sizing: border-box;
    width: 100%;
  }
  body .repuire .inner h2 {
    width: 161.5px;
    margin: 0 auto 10px;
  }
  body .repuire .inner h3 {
    color: #6cbcdd;
    margin: 0 auto;
    font-size: 30px;
    letter-spacing: 5px;
    text-align: center;
  }
  body .repuire .inner ul {
    list-style-type: none;
    overflow: hidden;
    margin: 0 auto;
    padding: 80px 10px 0;
    background: url(../img/bg_repuire_sp.png) no-repeat;
    background-size: 320px;
    box-sizing: border-box;
    width: 320px;
    height: 655px;
  }
  body .repuire .inner ul li {
    background: #6cbcdd;
    float: left;
    margin: 0 10px 10px 0;
  }
  body .repuire .inner ul li a {
    display: block;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    width: 145px;
    height: 145px;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    padding: 40px 0 0;
    position: relative;
  }
  body .repuire .inner ul li a .ls-s {
    letter-spacing: 0;
  }
  body .repuire .inner ul li a .fs-s {
    font-size: 12px;
  }
  body .repuire .inner ul li a:before {
    background: url(../img/icon_recruit_01_sp.png) no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    position: absolute;
    top: 82px;
    left: 50%;
    margin: 0 0 0 -17.5px;
    width: 35px;
    height: 35px;
  }
  body .repuire .inner ul li a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent #fdef29 transparent;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .repuire .inner ul li:nth-child(1) a {
    padding: 16px 0 0;
  }
  body .repuire .inner ul li:nth-child(1) a:before {
    top: 85px;
  }
  body .repuire .inner ul li:nth-child(2) {
    margin: 0 0 10px;
  }
  body .repuire .inner ul li:nth-child(2) a {
    padding: 26px 0 0;
  }
  body .repuire .inner ul li:nth-child(2) a:before {
    background: url(../img/icon_recruit_02_sp.png) no-repeat;
    background-size: 100%;
  }
  body .repuire .inner ul li:nth-child(3) a {
    font-size: 13px;
    padding: 16px 0 0;
  }
  body .repuire .inner ul li:nth-child(3) a:before {
    background: url(../img/icon_recruit_03_sp.png) no-repeat;
    background-size: 100%;
  }
  body .repuire .inner ul li:nth-child(4) {
    margin: 0 0 10px;
  }
  body .repuire .inner ul li:nth-child(4) a {
    padding: 26px 0 0;
  }
  body .repuire .inner ul li:nth-child(4) a:before {
    background: url(../img/icon_recruit_04_sp.png) no-repeat;
    background-size: 100%;
  }
  body .repuire .inner ul li:last-child {
    margin: 0 0 0 77.5px;
  }
  body .repuire .inner ul li:last-child a {
    padding: 26px 0 0;
  }
  body .repuire .inner ul li:last-child a:before {
    background: url(../img/icon_recruit_05.png) no-repeat;
    background-size: 100%;
  }
  body .other {
    margin: 0 0 30px;
  }
  body .other .inner {
    width: 100%;
  }
  body .other .inner .box-other {
    overflow: hidden;
  }
  body .other .inner .box-other .past {
    width: 100%;
    height: 238px;
    background: url(../img/bg_past_sp.png) no-repeat;
    background-size: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 1.6em 0 0 4em;
  }
  body .other .inner .box-other .past h3 {
    color: #FFF;
    font-size: 24px;
    letter-spacing: 2px;
  }
  body .other .inner .box-other .past p {
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 10px;
  }
  body .other .inner .box-other .past a {
    display: block;
    width: 158px;
    margin: 0;
  }
  body .other .inner .box-other .faq {
    width: 100%;
    height: 206px;
    background: url(../img/bg_faq_sp.png) no-repeat;
    background-size: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 1.4em 0 0 60px;
  }
  body .other .inner .box-other .faq h3 {
    color: #FFF;
    font-size: 24px;
    letter-spacing: 2px;
  }
  body .other .inner .box-other .faq p {
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 10px;
  }
  body .other .inner .box-other .faq a {
    display: block;
    width: 158px;
    margin: 0;
  }
  body .intern {
    margin: -100px 0 80px 0;
    padding-top: 100px;
  }
  body .intern .inner {
    position: relative;
    width: 100%;
  }
  body .intern .inner h2 {
    width: 291px;
    margin: 0 auto 20px;
  }
  body .intern .inner a {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  body .intern .inner .intern__menu {
    width: 260px;
    padding: 10px 20px;
  }
  body .intern .inner .intern__menu li {
    margin: 0 0 5px;
    list-style: none;
    width: 260px;
    padding: 10px 20px;
    margin-left: -150px;
    background: #fff100;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.98481, M12=0.17365, M21=-0.17365, M22=0.98481)";
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.98481, M12=0.17365, M21=-0.17365, M22=0.98481);
    left: 50%;
    bottom: 50px;
    position: absolute;
  }
  body .intern .inner .intern__menu li:last-child {
    bottom: 0;
    left: 53%;
  }
  body .intern .inner .intern__menu li a {
    width: auto;
  }
  body .intern .inner .intern__menu li a img {
    width: auto;
  }
  body .myNavi {
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
  }
  body footer {
    padding: 0 0 20px;
  }
  body footer .inner {
    position: relative;
    width: 100%;
  }
  body footer .inner .totop {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: -80px;
    right: 5%;
  }
  body footer .inner .totop a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background: #000;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 2px;
    box-sizing: border-box;
    padding: 6px 0 0 3px;
    transition-duration: 0.6s;
  }
  body footer .inner .totop a:before {
    content: "";
    background: url(../img/icon_totop.png) no-repeat;
    background-size: 100%;
    width: 12.5px;
    height: 9.5px;
    display: block;
    position: absolute;
    top: 6px;
    left: 50%;
    margin: 0 0 0 -6.2px;
  }
  body footer .inner .totop a:hover {
    opacity: .6;
  }
  body footer .inner nav {
    margin: 0 0 20px;
  }
  body footer .inner nav ul {
    list-style-type: none;
    border-top: 1px solid #333;
    overflow: hidden;
  }
  body footer .inner nav ul li {
    float: left;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    line-height: 1;
    width: 50%;
    box-sizing: border-box;
  }
  body footer .inner nav ul li > a {
    color: #333;
    display: block;
    text-decoration: none;
    font-size: 13px;
    line-height: 1;
    padding: 10px 10px 10px 20px;
    font-weight: bold;
    letter-spacing: 1px;
    transition-duration: 0.6s;
    position: relative;
  }
  body footer .inner nav ul li > a:after {
    background: url(../img/icon_foot_link_arrow_sp.png) no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -6px 0 0;
  }
  body footer .inner nav ul li span {
    color: #333;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 1;
    padding: 10px 10px 10px 20px;
    font-weight: bold;
    letter-spacing: 1px;
    transition-duration: 0.6s;
    position: relative;
  }
  body footer .inner nav ul li span a {
    display: inline;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    line-height: 1;
  }
  body footer .inner nav ul li:nth-child(2) {
    border-right: none;
  }
  body footer .inner nav ul li:nth-child(2) a {
    letter-spacing: 0;
  }
  body footer .inner nav ul li:nth-child(3) {
    border-right: none;
    width: 100%;
  }
  body footer .inner nav ul li:nth-child(4) {
    border-right: none;
    width: 100%;
  }
  body footer .inner .copyright {
    font-size: 10px;
    text-align: center;
  }

  /*topアンカー調整*/
  #whats {
    padding-top: 80px;
    margin-top: -80px;
  }

  #special {
    padding-top: 80px;
    margin-top: -80px;
  }

  #recruit {
    padding-top: 80px;
    margin-top: -80px;
  }
}
@media screen and (min-width: 768px) {
  .sp-on {
    display: none;
  }

  #keyvisual {
    width: 1280px;
    height: 650px;
    margin: 0 auto;
  }
  #keyvisual canvas {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  #keyvisual .keyvisual__message {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 370px;
    z-index: 10;
  }
  #keyvisual .inner {
    position: relative;
  }
  #keyvisual .anchor--2 {
    position: absolute;
    top: 170px;
    left: 60px;
    z-index: 10;
  }

  .inner {
    width: 1280px;
    margin: 0 auto;
  }

  body {
    font-family: -apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', YuGothic, meiryo, sans-serif;
    min-width: 1280px;
  }
  body header {
    overflow: hidden;
  }
  body header h1 {
    float: left;
  }
  body header h1 a {
    display: block;
  }
  body header .block-head-link {
    float: right;
    font-weight: bold;
  }
  body header .block-head-link a {
    color: #333;
    display: block;
    text-decoration: none;
    position: relative;
    transition-duration: 0.6s;
  }
  body header .block-head-link a:hover {
    text-decoration: underline;
  }
  body header .block-head-link .border {
    overflow: hidden;
    display: table;
    float: left;
    width: 255px;
    margin: 10px 40px 0 0;
    border: solid 1px #000;
    font-size: 14px;
    box-sizing: border-box;
  }
  body header .block-head-link .border .attention {
    background: #fff100;
  }
  body header .block-head-link .border .attention.comingsoon {
    background: #ccc;
    color: #fff;
  }
  body header .block-head-link .border .state {
    width: 60px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
  }
  body header .block-head-link .border .inner {
    width: 195px;
    display: table-cell;
    padding: 5px;
  }
  body header .block-head-link .border ul {
    margin: 5px 0 0;
  }
  body header .block-head-link .border--2 {
    width: 210px;
    margin: 10px 20px 0 0;
  }
  body header .block-head-link .border--3 {
    width: 150px;
    margin: 10px 20px 0 0;
  }
  body header .block-head-link ul {
    float: left;
    overflow: hidden;
    list-style-type: none;
  }
  body header .block-head-link ul.sns, body header .block-head-link ul.entry-area {
    margin: 30px 0 0;
  }
  body header .block-head-link ul.entry-area {
    margin-right: 20px;
  }
  body header .block-head-link ul li {
    float: left;
    margin: 0 20px 0 0;
  }
  body header .block-head-link ul li:last-child {
    margin: 0;
  }
  body header .block-head-link ul li a {
    padding: 0 0 0 18px;
  }
  body header .block-head-link ul li a:before {
    background: url(../img/icon_head_arrow.png) no-repeat;
    content: "";
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    top: 5px;
    left: 0;
    margin: -3px 0 0;
  }
  body header .block-head-link ul li.comingsoon {
    font-weight: bold;
    color: #999;
  }
  body header .block-head-link ul li.comingsoon .arrow {
    position: relative;
    padding: 0 0 0 18px;
  }
  body header .block-head-link ul li.comingsoon .arrow:before {
    background: url(../img/icon_head_arrow.png) no-repeat;
    content: "";
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    top: 5px;
    left: 0;
    margin: -3px 0 0;
    opacity: 0.3;
  }
  body header .block-head-link ul.pilot-recruit {
    width: 100%;
    line-height: 1.4;
  }
  _:-ms-fullscreen, :root body header .block-head-link ul.pilot-recruit {
    /* IE11以上 */
    line-height: 1.5;
  }
  body header .block-head-link ul.pilot-recruit li {
    float: none;
  }
  body header .block-head-link ul.pilot-recruit li a {
    text-align: center;
  }
  body header .block-head-link ul.pilot-recruit li a:before {
    background: url(../img/icon_head_arrow.png) no-repeat;
    content: "";
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    top: 5px;
    left: 30px;
    margin: -3px 0 0;
  }
  body header .block-head-link ul.sales-recruit {
    width: 100%;
    line-height: 1.4;
  }
  _:-ms-fullscreen, :root body header .block-head-link ul.sales-recruit {
    /* IE11以上 */
    line-height: 1.5;
  }
  body header .block-head-link ul.sales-recruit li {
    float: none;
  }
  body header .block-head-link ul.sales-recruit li a {
    text-align: center;
  }
  body header .block-head-link ul.sales-recruit li a:before {
    background: url(../img/icon_head_arrow.png) no-repeat;
    content: "";
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    top: 5px;
    left: 20px;
    margin: -3px 0 0;
  }
  body .nav-gloval {
    position: relative;
  }
  body .nav-gloval .inner {
    position: relative;
  }
  body .nav-gloval .inner .anchor {
    display: block;
    position: absolute;
    z-index: 3;
    left: 60px;
  }
  body .nav-gloval .nav {
    position: absolute;
    width: 100%;
    height: 34px;
    top: 62.5px;
    z-index: 2;
    overflow: hidden;
  }
  body .nav-gloval .nav ul {
    box-sizing: border-box;
    display: block;
    width: 1080px;
    list-style-type: none;
    margin: 0 auto;
    padding: 0 0 0 180px;
    position: relative;
  }
  body .nav-gloval .nav ul:before {
    content: "";
    background: rgba(179, 179, 179, 0.6);
    width: 100%;
    height: 34px;
    display: block;
    position: absolute;
    left: -900px;
  }
  body .nav-gloval .nav ul:after {
    content: "";
    background: rgba(179, 179, 179, 0.6);
    width: 100%;
    height: 34px;
    display: block;
    position: absolute;
    left: 1080px;
  }
  body .nav-gloval .nav ul li {
    float: left;
  }
  body .nav-gloval .nav ul li a {
    background: rgba(179, 179, 179, 0.6);
    border-left: 1px solid #FFF;
    color: #FFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
    text-decoration: none;
    padding: 0;
    text-align: center;
    line-height: 34px;
    transition-duration: 0.2s;
    box-sizing: border-box;
  }
  body .nav-gloval .nav ul li a:hover {
    background: rgba(41, 171, 226, 0.6);
  }
  body .nav-gloval .nav ul li:nth-child(1) a {
    width: 178px;
  }
  body .nav-gloval .nav ul li:nth-child(2) a {
    width: 178px;
  }
  body .nav-gloval .nav ul li:nth-child(3) a {
    width: 152px;
  }
  body .nav-gloval .nav ul li:nth-child(4) a {
    width: 140px;
  }
  body .nav-gloval .nav ul li:nth-child(5) a {
    width: 251px;
  }
  body .nav-gloval .nav ul li:last-child {
    border-right: 1px solid #FFF;
  }
  body .information {
    margin: -80px 0 50px;
    position: relative;
  }
  body .information .inner > div {
    width: 1080px;
    margin: 0 auto;
    overflow: hidden;
  }
  body .information .inner > div h3 {
    width: 100px;
    text-align: center;
    color: #FFF;
    letter-spacing: 1.5px;
    border-right: 1px solid #FFF;
    margin: 0 20px 0 0;
    line-height: 32px;
  }
  body .information .inner > div span {
    color: #FFF;
    font-size: 12px;
    line-height: 32px;
  }
  body .information .inner > div .day {
    margin: 0 20px 0 0;
    font-size: 13px;
  }
  body .information .inner .news {
    background: rgba(41, 171, 226, 0.85);
    margin: 0 auto 16px;
  }
  body .information .inner .news h3 {
    float: left;
  }
  body .information .inner .news span {
    display: inline-block;
  }
  body .information .inner .news a {
    color: #fff;
  }
  body .information .inner .topics {
    background: rgba(100, 100, 100, 0.6);
  }
  body .information .inner .topics h3 {
    float: left;
  }
  body .information .inner .topics span {
    display: inline-block;
  }
  body .translation {
    overflow: hidden;
    margin: -215px 0 120px 0;
    padding-top: 215px;
  }
  body .translation .inner h2 {
    text-align: center;
  }
  body .translation .inner .message {
    float: left;
    margin: -30px 0 0;
  }
  body .translation .inner .history {
    float: right;
    margin: -50px 0 0;
  }
  body .translation .inner .naitei {
    float: left;
    margin: 0 0 0 -220px;
  }
  body .whats {
    background: url(../img/bg_whats.png) repeat;
    height: 404px;
    margin: 0 0 120px;
  }
  body .whats .inner {
    position: relative;
  }
  body .whats .inner h2 {
    position: absolute;
    top: 150px;
    left: 460px;
    padding-top: 300px;
    margin-top: -300px;
  }
  body .whats .inner ul {
    list-style-type: none;
  }
  body .whats .inner ul li {
    position: absolute;
  }
  body .whats .inner ul li:first-child {
    top: -40px;
    left: 130px;
  }
  body .whats .inner ul li:nth-child(2) {
    top: -30px;
    left: 730px;
  }
  body .whats .inner ul li:nth-child(3) {
    top: 260px;
    left: 330px;
  }
  body .work {
    margin: -250px 0 50px 0;
    padding-top: 250px;
  }
  body .work .inner {
    position: relative;
    height: 130px;
    margin: 0 auto 50px;
  }
  body .work .inner h2 {
    position: absolute;
    top: -30px;
    left: 400px;
  }
  body .work .press {
    background: url(../img/bg_press.png) no-repeat center top;
    position: relative;
    height: 468px;
    margin: 0 0 310px;
  }
  body .work .press ul {
    list-style-type: none;
    position: relative;
    width: 1080px;
    margin: 0 auto;
  }
  body .work .press ul li {
    position: absolute;
  }
  body .work .press ul li a {
    position: absolute;
    display: block;
  }
  body .work .press ul li img {
    position: absolute;
    display: block;
  }
  body .work .press ul li:first-child {
    top: -80px;
    left: 30px;
  }
  body .work .press ul li:first-child > a {
    top: 60px;
    left: 0;
  }
  body .work .press ul li:first-child .intBtn {
    top: -16px;
    left: 50px;
  }
  body .work .press ul li:nth-child(2) {
    top: -60px;
    left: 300px;
  }
  body .work .press ul li:nth-child(2) > a {
    top: -30px;
    left: 226px;
  }
  body .work .press ul li:nth-child(2) .intBtn {
    top: 20px;
    left: 10px;
  }
  body .work .press ul li:nth-child(3) {
    top: -70px;
    left: 740px;
  }
  body .work .press ul li:nth-child(3) > a {
    top: 160px;
    left: 20px;
  }
  body .work .press ul li:nth-child(3) .intBtn {
    top: 0;
    left: 6px;
  }
  body .work .press ul li:nth-child(4) {
    top: 300px;
    left: -90px;
  }
  body .work .press ul li:nth-child(4) > a {
    top: 0;
    left: 230px;
  }
  body .work .press ul li:nth-child(4) .intBtn {
    top: 220px;
    left: 220px;
  }
  body .work .press ul li:nth-child(5) {
    top: 310px;
    left: 400px;
  }
  body .work .press ul li:nth-child(5) > a {
    top: -10px;
    left: 0;
  }
  body .work .press ul li:nth-child(5) .intBtn {
    top: -50px;
    left: 140px;
  }
  body .work .press ul li:nth-child(6) {
    top: 400px;
    left: 630px;
  }
  body .work .press ul li:nth-child(6) > a {
    top: -10px;
    left: 0;
  }
  body .work .press ul li:nth-child(6) .intBtn {
    top: -30px;
    left: 160px;
  }
  body .work .press ul li:nth-child(7) {
    top: 116px;
    left: 300px;
  }
  body .work .sales {
    background: url(../img/bg_sales.png) no-repeat center top;
    position: relative;
    height: 498px;
    margin: 0 0 210px;
  }
  body .work .sales ul {
    list-style-type: none;
    position: relative;
    width: 1080px;
    margin: 0 auto;
  }
  body .work .sales ul li {
    position: absolute;
  }
  body .work .sales ul li a {
    position: absolute;
    display: block;
  }
  body .work .sales ul li img {
    position: absolute;
    display: block;
  }
  body .work .sales ul li:first-child {
    top: -60px;
    left: -60px;
  }
  body .work .sales ul li:first-child > img {
    top: 0;
    left: -10px;
  }
  body .work .sales ul li:first-child .intBtn {
    top: 70px;
    left: 200px;
  }
  body .work .sales ul li:nth-child(2) {
    top: -110px;
    left: 410px;
  }
  body .work .sales ul li:nth-child(2) > img {
    top: 0;
    left: -10px;
  }
  body .work .sales ul li:nth-child(2) .intBtn {
    top: 30px;
    left: 225px;
  }
  body .work .sales ul li:nth-child(3) {
    top: 115px;
    left: 620px;
  }
  body .work .sales ul li:nth-child(3) > a {
    top: 0;
    left: 0px;
  }
  body .work .sales ul li:nth-child(3) .intBtn {
    top: 105px;
    left: 220px;
  }
  body .work .sales ul li:nth-child(4) {
    top: 330px;
    left: -60px;
  }
  body .work .sales ul li:nth-child(4) > a {
    top: 0;
    left: 226px;
  }
  body .work .sales ul li:nth-child(4) .intBtn {
    top: 16px;
    left: 0;
  }
  body .work .sales ul li:nth-child(5) {
    top: 370px;
    left: 460px;
  }
  body .work .sales ul li:nth-child(5) > a {
    top: -20px;
    left: 0;
  }
  body .work .sales ul li:nth-child(5) .intBtn {
    top: 90px;
    left: 210px;
  }
  body .work .sales ul li:nth-child(6) {
    top: 120px;
    left: 140px;
  }
  body .work .tec {
    background: url(../img/bg_tec.png) no-repeat center top;
    position: relative;
    height: 335px;
    margin: 0 0 42px;
  }
  body .work .tec ul {
    list-style-type: none;
    position: relative;
    width: 1080px;
    margin: 0 auto;
  }
  body .work .tec ul li {
    position: absolute;
  }
  body .work .tec ul li a {
    position: absolute;
    display: block;
  }
  body .work .tec ul li img {
    position: absolute;
    display: block;
  }
  body .work .tec ul li:first-child {
    top: -30px;
    left: 650px;
  }
  body .work .tec ul li:first-child > a {
    top: -20px;
    left: 0;
  }
  body .work .tec ul li:first-child .intBtn {
    top: 80px;
    left: 230px;
  }
  body .work .tec ul li:nth-child(2) {
    top: 40px;
    left: 300px;
  }
  body .work .other {
    height: 300px;
    position: relative;
  }
  body .work .other ul {
    list-style-type: none;
    position: relative;
    width: 1080px;
    margin: 0 auto;
  }
  body .work .other ul li {
    position: absolute;
  }
  body .work .other ul li:first-child {
    top: 0;
    left: 30px;
  }
  body .work .other ul li:nth-child(2) {
    top: -10px;
    left: 620px;
  }
  body .special {
    background: url(../img/bg_special.png) no-repeat center top, url(../img/bg_special_02.png) repeat-x center top;
    height: 537px;
    margin: 0 0 100px;
  }
  body .special #special {
    padding-top: 300px;
    margin-top: -300px;
  }
  body .special .inner {
    position: relative;
  }
  body .special .inner h2 {
    position: absolute;
    top: -70px;
    left: 160px;
  }
  body .special .inner ul {
    list-style-type: none;
    position: relative;
    width: 1080px;
    margin: 0 auto;
  }
  body .special .inner ul li {
    position: absolute;
    display: block;
  }
  body .special .inner ul li span {
    display: block;
  }
  body .special .inner ul li:first-child {
    top: 20px;
    left: 90px;
  }
  body .special .inner ul li:nth-child(2) {
    top: 20px;
    left: 500px;
  }
  body .special .inner ul li:nth-child(3) {
    top: 312px;
    left: 66px;
  }
  body .special .inner ul li:nth-child(4) {
    top: 284px;
    left: 380px;
  }
  body .special .inner ul li:nth-child(5) {
    top: 274px;
    left: 686px;
  }
  body .recruit #recruit {
    padding-top: 200px;
    margin-top: -200px;
  }
  body .recruit .inner {
    position: relative;
  }
  body .recruit .inner h2 {
    position: absolute;
    top: 250px;
    left: 120px;
  }
  body .recruit .inner .box-recruit {
    background: url(../img/bg_recruit.png) no-repeat;
    height: 250px;
    box-sizing: border-box;
    padding: 30px 0 0 580px;
  }
  body .recruit .inner .box-recruit h3 {
    color: #FFF;
    font-size: 30px;
    letter-spacing: 2px;
  }
  body .recruit .inner .box-recruit p {
    color: #FFF;
    font-size: 22px;
    letter-spacing: 2px;
    font-weight: bold;
    margin: 0 0 10px;
  }
  body .recruit .inner .box-recruit .dis-text {
    font-size: 14px;
    width: 610px;
    margin: 10px 0 16px 0;
    font-weight: normal;
  }
  body .recruit .inner .box-recruit a {
    display: block;
  }
  body .repuire .inner {
    background: url(../img/bg_repuire.png) no-repeat;
    padding: 1px 0;
    box-sizing: border-box;
    position: relative;
  }
  body .repuire .inner h2 {
    position: absolute;
    top: 0px;
    right: 120px;
  }
  body .repuire .inner h3 {
    color: #6cbcdd;
    margin: 40px 0 5px 170px;
    font-size: 30px;
    letter-spacing: 5px;
  }
  body .repuire .inner ul {
    list-style-type: none;
    overflow: hidden;
    margin: 0 0 100px 170px;
  }
  body .repuire .inner ul .comingsoon:hover {
    opacity: 1;
  }
  body .repuire .inner ul li {
    background: #6cbcdd;
    float: left;
    margin: 0 20px 0 0;
    transition-property: all;
    transition: 0.3s linear;
  }
  body .repuire .inner ul li:hover {
    opacity: 0.7;
  }
  body .repuire .inner ul li a {
    display: block;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    width: 170px;
    height: 170px;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    padding: 50px 0 0;
    position: relative;
  }
  body .repuire .inner ul li a .fs-s {
    font-size: 14px;
  }
  body .repuire .inner ul li a:before {
    background: url(../img/icon_recruit_01.png) no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 100px;
    left: 50%;
    margin: 0 0 0 -20px;
    width: 40px;
    height: 40px;
  }
  body .repuire .inner ul li a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent #fdef29 transparent;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  body .repuire .inner ul li:nth-child(1) a {
    padding: 36px 0 0;
  }
  body .repuire .inner ul li:nth-child(2) a {
    padding: 36px 0 0;
  }
  body .repuire .inner ul li:nth-child(2) a:before {
    background: url(../img/icon_recruit_02.png) no-repeat;
    width: 39px;
    height: 36px;
  }
  body .repuire .inner ul li:nth-child(3) a {
    font-size: 14px;
    padding: 26px 0 0;
  }
  body .repuire .inner ul li:nth-child(3) a:before {
    background: url(../img/icon_recruit_03.png) no-repeat;
    width: 39px;
    height: 38px;
  }
  body .repuire .inner ul li:nth-child(4) a {
    padding: 36px 0 0;
  }
  body .repuire .inner ul li:nth-child(4) a:before {
    background: url(../img/icon_recruit_04.png) no-repeat;
    width: 32px;
    height: 33px;
    margin: 0 0 0 -16px;
  }
  body .repuire .inner ul li:last-child {
    margin: 0;
  }
  body .repuire .inner ul li:last-child a {
    padding: 36px 0 0;
  }
  body .repuire .inner ul li:last-child a:before {
    background: url(../img/icon_recruit_05.png) no-repeat;
    width: 34px;
    height: 39px;
    margin: 0 0 0 -17px;
  }
  body .other {
    margin: 0 0 180px;
  }
  body .other .inner .box-other {
    overflow: hidden;
  }
  body .other .inner .box-other .past {
    width: 571px;
    height: 238px;
    background: url(../img/bg_past.png) no-repeat;
    float: left;
    margin: 0 50px 0 80px;
    box-sizing: border-box;
    padding: 50px 0 0 240px;
  }
  body .other .inner .box-other .past h3 {
    color: #FFF;
    font-size: 30px;
    letter-spacing: 2px;
  }
  body .other .inner .box-other .past p {
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
  }
  body .other .inner .box-other .past a {
    display: block;
  }
  body .other .inner .box-other .faq {
    width: 483px;
    height: 206px;
    background: url(../img/bg_faq.png) no-repeat;
    float: left;
    margin: 40px 0 0 0;
    box-sizing: border-box;
    padding: 30px 0 0 60px;
  }
  body .other .inner .box-other .faq h3 {
    color: #FFF;
    font-size: 30px;
    letter-spacing: 2px;
  }
  body .other .inner .box-other .faq p {
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
  }
  body .other .inner .box-other .faq a {
    display: block;
  }
  body .other .toprecBtns {
    text-align: center;
  }
  body .other .toprecBtns li {
    display: inline-block;
  }
  body .intern {
    background: url(../img/bg_intern.png) repeat-x bottom center;
    height: 337px;
    margin: -380px 0 100px 0;
    padding-top: 380px;
  }
  body .intern .inner {
    position: relative;
  }
  body .intern .inner h2 {
    position: absolute;
    top: -130px;
    left: 340px;
  }
  body .intern .inner .img {
    display: block;
    width: 709px;
    margin: 0 auto;
  }
  body .intern .inner .intern__menu {
    width: 300px;
    position: absolute;
    left: 50%;
    bottom: 20px;
  }
  body .intern .inner .intern__menu li {
    margin: 0 0 5px;
    list-style: none;
    width: 300px;
    padding: 10px 20px;
    background: #fff100;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.98481, M12=0.17365, M21=-0.17365, M22=0.98481)";
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.98481, M12=0.17365, M21=-0.17365, M22=0.98481);
  }
  body .intern .inner .intern__menu li:last-child {
    margin: 0;
    margin-left: 10px;
  }
  body .intern .inner .intern__menu li a {
    width: auto;
  }
  body .myNavi {
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
  }
  body .myNavi a img {
    width: 700px;
  }
  body footer {
    padding: 50px 0 30px 0;
  }
  body footer .inner {
    width: 1080px;
    position: relative;
  }
  body footer .inner .totop {
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    top: -160px;
    right: -60px;
  }
  body footer .inner .totop a {
    position: relative;
    display: block;
    width: 64px;
    height: 64px;
    background: #000;
    border-radius: 50%;
    text-align: center;
    line-height: 64px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 2px;
    box-sizing: border-box;
    padding: 12px 0 0 3px;
    transition-duration: 0.6s;
  }
  body footer .inner .totop a:before {
    content: "";
    background: url(../img/icon_totop.png) no-repeat;
    width: 25px;
    height: 19px;
    display: block;
    position: absolute;
    top: 12px;
    left: 50%;
    margin: 0 0 0 -12px;
  }
  body footer .inner .totop a:hover {
    opacity: .6;
  }
  body footer .inner nav ul {
    list-style-type: none;
  }
  body footer .inner nav ul li {
    float: left;
    border-right: 1px solid #333;
    line-height: 1;
  }
  body footer .inner nav ul li a {
    color: #333;
    display: block;
    text-decoration: none;
    font-size: 12px;
    padding: 0 20px;
    font-weight: bold;
    letter-spacing: 1px;
    transition-duration: 0.6s;
  }
  body footer .inner nav ul li a:hover {
    text-decoration: underline;
  }
  body footer .inner nav ul li span {
    color: #333;
    display: block;
    text-decoration: none;
    font-size: 12px;
    padding: 0 20px;
    font-weight: bold;
    letter-spacing: 1px;
    transition-duration: 0.6s;
  }
  body footer .inner nav ul li:first-child a {
    padding: 0 20px 0 0;
  }
  body footer .inner nav ul li:last-child {
    border: none;
  }
  body footer .inner p {
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: right;
  }

  #whats {
    padding-top: 200px;
    margin-top: -200px;
  }

  #recruit {
    padding-top: 200px;
    margin-top: -200px;
  }

  #special {
    position: relative;
    z-index: 1;
  }

  .p-center {
    text-align: center;
  }
}
body {
  font-size: 14px;
}

/*-----clearfix-----*/
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.lh-0 {
  line-height: 0;
}

.pageCont {
  padding-top: 130px;
  padding-bottom: 50px;
}

.edge {
  margin-right: 0 !important;
}

#pagetop {
  position: fixed;
  display: none;
  right: 40px;
  bottom: 60px;
  top: inherit;
  cursor: pointer;
  z-index: 2;
}

.fixed {
  position: fixed;
  z-index: 999;
  width: 100%;
}

body header {
  background-color: #fff;
  width: 100%;
}

#keyvisual {
  padding-top: 76px;
}

#mainContent {
  padding-top: 76px;
}

body .nav-gloval .nav .pageNav {
  width: 1240px;
  padding: 0 0 0 90px;
}
body .nav-gloval .nav .pageNav .gNav-act {
  background: rgba(41, 171, 226, 0.6);
}
body .nav-gloval .nav .pageNav:before {
  left: -1150px;
}
body .nav-gloval .nav .pageNav:after {
  left: 1148px;
}
body .nav-gloval .nav .pageNav li:nth-child(1) a {
  width: 250px;
}
body .nav-gloval .nav .pageNav li:nth-child(2) a {
  width: 161px;
}
body .nav-gloval .nav .pageNav li:nth-child(3) a {
  width: 172px;
}
body .nav-gloval .nav .pageNav li:nth-child(4) a {
  width: 143px;
}
body .nav-gloval .nav .pageNav li:nth-child(5) a {
  width: 122px;
}
body .nav-gloval .nav .pageNav li:nth-child(6) a {
  width: 209px;
}

/*top-pane*/
.top-pane {
  text-align: center;
  overflow: hidden;
  margin: 0 0 150px -50px;
}
.top-pane ul {
  width: 1370px;
  margin: 0 auto;
}
.top-pane li {
  display: inline-block;
}

/*message*/
.pageCont .work {
  padding-top: 120px;
}

.message01 .movie {
  width: 830px;
  margin: 0 auto 20px auto;
}

.pageCont .message01 .messageCont1 {
  text-align: center;
  width: 1063px;
  height: 1017px;
  padding: 100px 0 0 0;
  margin: 0 auto 50px auto;
  background: url(../img/pages/message_02.png) no-repeat center top;
}
.pageCont .message01 .messageCont1 h2 {
  margin: 0 auto 40px auto;
  width: 515px;
}
.pageCont .message01 .messageCont1 p {
  color: #fff;
  font-weight: 200;
  line-height: 1.8;
  margin-bottom: 40px;
}

.pageBot-bans {
  width: 940px;
  margin: 0 auto 50px auto;
}
.pageBot-bans ul {
  list-style-type: none;
}
.pageBot-bans ul .pageBot-bans-L {
  float: left;
}
.pageBot-bans ul .pageBot-bans-R {
  float: right;
}

.message02 .messageCont {
  padding-top: 140px;
  padding-bottom: 150px;
  margin-bottom: 60px;
  text-align: center;
  width: 100%;
  background: url(../img/pages/message02bg.png) no-repeat center top;
  background-size: cover;
}

/*syain*/
.syain {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.8;
}
.syain .inner {
  width: 1080px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
.syain .mainImg {
  width: 100%;
  height: 948px;
  padding-top: 170px;
  background-repeat: no-repeat;
  background-position: center top;
  margin-bottom: 140px;
}
.syain .mainImg .mainImgText {
  position: absolute;
  top: 30px;
  left: 50px;
}
.syain .mainImg .mainImgName {
  display: block;
  margin-top: 30px;
}
.syain .mainImg .mainImg-box1 {
  color: #fff;
  width: 276px;
  padding: 20px 30px;
  background-color: #4d9ecc;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
}
.syain .mainImg .mainImg-box1 .title {
  margin-bottom: 10px;
}
.syain .mainImg .mainImg-box1 .title img {
  width: 100%;
}
.syain .mainImg .mainImg-box1 .title span {
  font-size: 18px;
  margin-left: 10px;
}
.syain .mainImg .mainImg-box1--note {
  font-size: 10px;
}
.syain .mainImg .mainImg-box2 {
  width: 470px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 50px;
  bottom: 70px;
}
.syain .mainImg .mainImg-box2 .icon {
  float: left;
  padding: 10px;
}
.syain .mainImg .mainImg-box2 .iconText {
  float: left;
  width: 304px;
  font-size: 12px;
  padding-top: 30px;
}
.syain .content1 {
  width: 100%;
  height: 575px;
  background-repeat: no-repeat;
  background-position: center top;
  margin-bottom: 50px;
}
.syain .content1 .syainMes1 {
  width: 590px;
  margin-top: -100px;
  float: left;
  color: #fff;
  padding-left: 40px;
}
.syain .content1 .syainMes1 h3 {
  margin-bottom: 25px;
  margin-left: -50px;
}
.syain .content2 {
  width: 100%;
  overflow: hidden;
  margin-bottom: 130px;
}
.syain .content2 .clearfix {
  width: 1330px;
  margin: 0 auto;
}
.syain .content2 .contentImg {
  float: left;
  width: 638px;
  margin-right: 100px;
  margin-left: -50px;
}
.syain .content2 .contentText {
  float: left;
  width: 430px;
  color: #666;
  padding-top: 30px;
}
.syain .content2 .contentText h3 {
  margin-bottom: 5px;
}
.syain .content2 .contentText p {
  padding-left: 2px;
}
.syain .content3 {
  width: 100%;
  height: 575px;
  background-repeat: no-repeat;
  background-position: center top;
  margin-bottom: 50px;
}
.syain .content3 .syainMes1 {
  width: 590px;
  float: left;
  color: #fff;
  padding-left: 50px;
  margin-top: -46px;
}
.syain .content3 .syainMes1 h3 {
  margin-bottom: 20px;
  margin-left: 40px;
}
.syain .content4 {
  margin-bottom: 90px;
}
.syain .content4 .mesBox {
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  height: 427px;
  position: relative;
}
.syain .content4 .mesBox p {
  position: absolute;
  top: 80px;
  left: 60px;
}
.syain .syainBtns {
  width: 1000px;
  margin: 0 auto 60px auto;
}
.syain .syainBtns ul {
  list-style-type: none;
}
.syain .syainBtns ul li {
  float: left;
  position: relative;
}
.syain .syainBtns ul li:nth-child(2) {
  margin-left: -20px;
}
.syain .syainBtns ul li:nth-child(3) {
  margin-left: -20px;
}
.syain .syainBtns ul li:nth-child(4) {
  margin-left: 0px;
}
.syain .syainBtns ul li:nth-child(5) {
  margin-left: -20px;
}
.syain .syainBtns ul li:nth-child(6) {
  margin-left: -20px;
}
.syain .syainBtns ul li:nth-child(7) {
  margin-left: -20px;
}
.syain .syainBtns ul li:nth-child(8) {
  margin-left: 0px;
}
.syain .syainBtns ul li:nth-child(9) {
  margin-left: -20px;
}
.syain .syainBtns ul li:nth-child(10) {
  margin-left: -10px;
}
.syain .syainBtns ul li:nth-child(11) {
  margin-left: -20px;
}
.syain .syainBtns ul li:nth-child(12) {
  margin-left: -40px;
}
.syain .syainBtns ul li .shain-icon {
  position: absolute;
  top: 50px;
  left: 10px;
  display: none;
}
.syain .syainBtns ul li .shain-icon02 {
  top: -50px;
}
.syain .syainBtns ul li .shain-icon03 {
  top: -24px;
}
.syain .syainBtns ul li .shain-icon04 {
  top: 37px;
}
.syain .syainBtns ul li .shain-icon05 {
  top: -45px;
}
.syain .syainBtns ul li .shain-icon06 {
  top: 50px;
}
.syain .syainBtns ul li .shain-icon07 {
  top: -18px;
}
.syain .syainBtns ul li .shain-icon08 {
  top: 55px;
}
.syain .syainBtns ul li .shain-icon09 {
  top: -10px;
}
.syain .syainBtns ul li .shain-icon10 {
  top: 50px;
  left: 16px;
}
.syain .syainBtns ul li .shain-icon11 {
  top: 70px;
}
.syain .syainBtns ul li .shain-icon12 {
  top: -10px;
  left: 32px;
}

.syainType2 .mainImg .mainImgText {
  right: 0;
  left: inherit;
}
.syainType2 .mainImg .mainImg-box1 {
  top: 430px;
}
.syainType2 .content1 .syainMes1 {
  float: right;
  width: 460px;
  margin-top: -40px;
}
.syainType2 .content1 .syainMes1 h3 {
  margin-left: -180px;
}
.syainType2 .content2 .contentText {
  float: right;
  padding-top: 80px;
  padding-right: 100px;
}
.syainType2 .content2 .contentImg {
  float: right;
  width: 600px;
  margin-right: 70px;
}
.syainType2 .content3 .syainMes1 {
  float: right;
  width: 545px;
  margin-top: -100px;
}
.syainType2 .content3 .syainMes1 h3 {
  margin-left: -400px;
}

.pageBot-menu {
  width: 960px;
  margin: 0 auto 50px auto;
}
.pageBot-menu ul {
  list-style-type: none;
}
.pageBot-menu ul li {
  float: left;
  margin: 0 14px;
}

/*syain01*/
.syain01 .mainImg {
  background-image: url(../img/pages/syain01_main.png);
}
.syain01 .content1 {
  background-image: url(../img/pages/syain01_bg1.png);
}
.syain01 .content3 {
  background-image: url(../img/pages/syain01_bg2.png);
}
.syain01 .content4 .mesBox {
  background-image: url(../img/pages/syain01_bg3.png);
}

/*syain02*/
.syain02 .mainImg {
  background-image: url(../img/pages/syain02_main.png);
  height: 870px;
  margin-bottom: 100px;
}
.syain02 .mainImg .mainImg-box2 {
  bottom: 20px;
}
.syain02 .mainImg .mainImg-box2 p {
  padding-bottom: 20px;
}
.syain02 .content1 {
  background-image: url(../img/pages/syain02_bg1.png);
  height: 695px;
}
.syain02 .content3 {
  background-image: url(../img/pages/syain02_bg2.png);
}
.syain02 .content4 .mesBox {
  background-image: url(../img/pages/syain02_bg3.png);
}
.syain02 .content4 .mesBox p {
  top: 60px;
  left: 50px;
}

/*syain03*/
.syain03 .mainImg {
  margin-bottom: 0;
  background-image: url(../img/pages/syain03_main.png);
}
.syain03 .mainImg .mainImg-box1 {
  top: 300px;
  left: 50px;
}
.syain03 .mainImg .mainImg-box2 p {
  padding-bottom: 30px;
}
.syain03 .content1 {
  background-image: url(../img/pages/syain03_bg1.png);
}
.syain03 .content2 {
  margin-bottom: 180px;
}
.syain03 .content2 .contentImg {
  margin-left: -230px;
  margin-right: 260px;
}
.syain03 .content3 {
  background-image: url(../img/pages/syain03_bg2.png);
}
.syain03 .content4 .mesBox {
  background-image: url(../img/pages/syain03_bg3.png);
}
.syain03 .content4 .mesBox p {
  top: 60px;
  left: 50px;
  right: 0;
}
.syain03 .content1 {
  height: 795px;
}
.syain03 .content1 .syainMes1 {
  margin-top: 60px;
  width: 490px;
}
.syain03 .content1 .syainMes1 h3 {
  margin-left: 0;
}
.syain03 .content3 .syainMes1 {
  margin-top: -100px;
  padding-left: 30px;
}
.syain03 .content3 .syainMes1 h3 {
  margin-left: -10px;
  margin-bottom: 30px;
}

/*syain04*/
.syain04 .mainImg {
  height: 860px;
  background-image: url(../img/pages/syain04_main.png);
  margin-bottom: 40px;
}
.syain04 .mainImg .mainImg-box2 {
  bottom: 50px;
}
.syain04 .mainImg .mainImg-box2 p {
  padding-bottom: 30px;
}
.syain04 .content1 {
  background-image: url(../img/pages/syain04_bg1.png);
}
.syain04 .content3 {
  background-image: url(../img/pages/syain04_bg2.png);
}
.syain04 .content4 .mesBox {
  background-image: url(../img/pages/syain04_bg3.png);
}
.syain04 .content4 .mesBox p {
  top: 47px;
  left: 45px;
}
.syain04 .content1 .syainMes1 {
  margin-top: 30px;
}
.syain04 .content1 .syainMes1 h3 {
  margin-bottom: 10px;
  margin-left: -200px;
}
.syain04 .content2 .contentImg {
  width: 679px;
  margin-right: 0;
}
.syain04 .content3 .syainMes1 {
  margin-top: -50px;
  margin-right: -50px;
}
.syain04 .content3 .syainMes1 h3 {
  margin-left: -240px;
}

/*syain05*/
.syain05 .mainImg {
  height: 710px;
  background-image: url(../img/pages/syain05_main.png);
  margin-bottom: 100px;
}
.syain05 .mainImg .mainImg-box2 {
  bottom: -60px;
  left: 110px;
}
.syain05 .mainImg .mainImg-box2 p {
  padding-bottom: 20px;
}
.syain05 .content1 {
  background-image: url(../img/pages/syain05_bg1.png);
  height: 725px;
}
.syain05 .content2 {
  margin-bottom: 95px;
}
.syain05 .content3 {
  background-image: url(../img/pages/syain05_bg2.png);
  height: 501px;
}
.syain05 .content4 .mesBox {
  background-image: url(../img/pages/syain05_bg3.png);
}
.syain05 .content4 .mesBox p {
  top: 47px;
  left: 45px;
}
.syain05 .content1 .syainMes1 {
  margin-top: 80px;
  margin-right: 50px;
  float: left;
}
.syain05 .content1 .syainMes1 h3 {
  margin-bottom: 10px;
  margin-left: -50px;
}
.syain05 .content2 .contentImg {
  width: 470px;
  margin-left: 100px;
  margin-right: 30px;
  float: left;
}
.syain05 .content2 .contentText {
  float: left;
  margin-top: 30px;
  padding-top: 0;
  width: 490px;
}
.syain05 .content2 .contentText .contentImg2 {
  margin-top: 30px;
  margin-left: -50px;
}
.syain05 .content3 .syainMes1 {
  margin-top: -50px;
  padding-right: 50px;
  float: left;
}
.syain05 .content3 .syainMes1 h3 {
  margin-left: -40px;
}

/*syain06*/
.syain06 .mainImg {
  height: 810px;
  background-image: url(../img/pages/syain06_main.png);
  margin-bottom: 260px;
}
.syain06 .mainImg .mainImgText {
  right: 80px;
}
.syain06 .mainImg .mainImg-box1 {
  top: 633px;
}
.syain06 .mainImg .mainImg-box2 {
  bottom: -60px;
  left: 110px;
}
.syain06 .mainImg .mainImg-box2 p {
  padding-bottom: 20px;
}
.syain06 .content1 {
  background-image: url(../img/pages/syain06_bg1.png);
  height: 535px;
  margin-bottom: 90px;
}
.syain06 .content2 {
  margin-bottom: 95px;
}
.syain06 .content3 {
  background-image: url(../img/pages/syain06_bg2.png);
  height: 560px;
}
.syain06 .content4 .mesBox {
  background-image: url(../img/pages/syain06_bg3.png);
}
.syain06 .content1 .syainMes1 {
  margin-top: -100px;
  margin-right: 50px;
  float: left;
  width: 560px;
}
.syain06 .content1 .syainMes1 h3 {
  margin-bottom: 10px;
  margin-left: -50px;
}
.syain06 .content2 .contentImg {
  width: 743px;
  margin-right: 30px;
  float: left;
}
.syain06 .content2 .contentText {
  float: left;
  margin-top: 30px;
  padding-top: 0;
  width: 440px;
}
.syain06 .content2 .contentText .contentImg2 {
  margin-top: 30px;
  margin-left: -50px;
}
.syain06 .content3 .syainMes1 {
  margin-top: -50px;
  float: left;
  width: 625px;
  padding-left: 70px;
}
.syain06 .content3 .syainMes1 h3 {
  margin-left: 50px;
}
.syain06 .content4 .mesBox p {
  top: 70px;
  left: 45px;
}

/*syain07*/
.syain07 .mainImg {
  background-image: url(../img/pages/syain07_main.png);
  height: 780px;
  margin-bottom: 250px;
}
.syain07 .mainImg .mainImgText {
  top: 0;
  left: 0;
}
.syain07 .mainImg .mainImg-box1 {
  top: 650px;
  right: 50px;
}
.syain07 .mainImg .mainImg-box2 {
  bottom: -105px;
}
.syain07 .mainImg .mainImg-box2 p {
  padding-bottom: 20px;
}
.syain07 .content1 {
  background-image: url(../img/pages/syain07_bg1.png);
  height: 745px;
}
.syain07 .content1 .syainMes1 {
  padding: 0;
  margin-right: 40px;
}
.syain07 .content1 .syainMes1 h3 {
  margin-left: -140px;
}
.syain07 .content3 {
  background-image: url(../img/pages/syain07_bg2.png);
}
.syain07 .content3 .syainMes1 {
  margin-top: -80px;
  margin-right: 50px;
}
.syain07 .content4 .mesBox {
  background-image: url(../img/pages/syain07_bg3.png);
}
.syain07 .content4 .mesBox p {
  top: 60px;
  left: 50px;
}

/*syain08*/
.syain08 .mainImg {
  background-image: url(../img/pages/syain08_main.png);
  height: 924px;
  margin-bottom: 0;
}
.syain08 .mainImg .mainImgText {
  top: 60px;
  right: 0;
  left: inherit;
}
.syain08 .mainImg .mainImg-box1 {
  width: 312px;
  top: 650px;
  right: 30px;
}
.syain08 .mainImg .mainImg-box2 {
  bottom: 50px;
}
.syain08 .mainImg .mainImg-box2 p {
  padding-bottom: 20px;
}
.syain08 .content1 {
  background-image: url(../img/pages/syain08_bg1.png);
  height: 644px;
  margin-bottom: 65px;
}
.syain08 .content1 .syainMes1 {
  margin-top: 10px;
  width: 460px;
  padding-left: 50px;
}
.syain08 .content1 .syainMes1 h3 {
  margin-bottom: 0;
  margin-left: -70px;
}
.syain08 .content2 {
  margin-bottom: 65px;
}
.syain08 .content2 .contentImg {
  margin-left: 140px;
  width: 508px;
  margin-right: 60px;
}
.syain08 .content2 .contentText {
  width: 470px;
  padding-top: 160px;
}
.syain08 .content3 {
  height: 514px;
  background-image: url(../img/pages/syain08_bg2.png);
  margin-bottom: 60px;
}
.syain08 .content3 .syainMes1 {
  margin-top: -105px;
  width: 560px;
  padding-left: 70px;
}
.syain08 .content3 .syainMes1 h3 {
  margin: 15px 0 0 460px;
}
.syain08 .content4 .mesBox {
  background-image: url(../img/pages/syain08_bg3.png);
}
.syain08 .content4 .mesBox p {
  top: 65px;
}

/*syain09*/
.syain09 .mainImg {
  height: 770px;
  background-image: url(../img/pages/syain09_main.png);
  margin-bottom: 70px;
}
.syain09 .mainImg .mainImgText {
  right: inherit;
  left: 50px;
  top: 0;
}
.syain09 .mainImg .mainImg-box1 {
  right: inherit;
  left: 50px;
  top: 360px;
}
.syain09 .mainImg .mainImg-box2 {
  bottom: -10px;
  left: 0;
}
.syain09 .mainImg .mainImg-box2 p {
  padding-bottom: 30px;
}
.syain09 .content1 {
  background-image: url(../img/pages/syain09_bg1.png);
  height: 625px;
  margin-bottom: 120px;
}
.syain09 .content1 .syainMes1 {
  margin-right: 100px;
  margin-top: 30px;
}
.syain09 .content1 .syainMes1 h3 {
  margin-bottom: 0px;
  margin-left: -110px;
}
.syain09 .content2 {
  padding-top: 50px;
}
.syain09 .content2 .contentImg {
  width: 679px;
  margin-right: 20px;
}
.syain09 .content2 .contentText {
  width: 400px;
  padding-top: 0;
  margin-top: -30px;
}
.syain09 .content3 {
  background-image: url(../img/pages/syain09_bg2.png);
  height: 635px;
}
.syain09 .content4 .mesBox {
  background-image: url(../img/pages/syain09_bg3.png);
}
.syain09 .content4 .mesBox p {
  top: 60px;
  left: 45px;
}
.syain09 .content3 .syainMes1 {
  margin-top: -30px;
  margin-right: 80px;
}
.syain09 .content3 .syainMes1 h3 {
  margin-left: -90px;
}

/*syain10*/
.syain10 .mainImg {
  background-image: url(../img/pages/syain10_main.png);
  height: 820px;
  margin-bottom: 100px;
}
.syain10 .mainImg .mainImgText {
  top: 70px;
  right: inherit;
  left: 50px;
}
.syain10 .mainImg .mainImg-box1 {
  right: inherit;
  left: 50px;
}
.syain10 .mainImg .mainImg-box2 {
  bottom: -20px;
  left: 30px;
}
.syain10 .mainImg .mainImg-box2 p {
  padding-bottom: 20px;
}
.syain10 .content1 {
  background-image: url(../img/pages/syain10_bg1.png);
  height: 655px;
}
.syain10 .content1 .syainMes1 {
  width: 480px;
  margin-top: 20px;
  margin-right: 70px;
}
.syain10 .content2 .contentText {
  padding-top: 0;
  margin-right: -20px;
}
.syain10 .content2 .contentImg .contentImg2 {
  margin-left: -310px;
  margin-top: -50px;
}
.syain10 .content3 {
  background-image: url(../img/pages/syain10_bg2.png);
  height: 595px;
}
.syain10 .content3 .syainMes1 {
  float: left;
  margin-top: -30px;
}
.syain10 .content3 .syainMes1 h3 {
  margin-left: 0;
}
.syain10 .content4 .mesBox {
  background-image: url(../img/pages/syain10_bg3.png);
}
.syain10 .content4 .mesBox p {
  top: 60px;
  left: 50px;
}

/*syain11*/
.syain11 .mainImg {
  background-image: url(../img/pages/syain11_main.png);
  height: 820px;
  margin-bottom: 60px;
}
.syain11 .mainImg .mainImgText {
  top: 0px;
  right: 100px;
  left: inherit;
}
.syain11 .mainImg .mainImg-box1 {
  width: 312px;
  top: inherit;
  bottom: 0px;
  right: 30px;
}
.syain11 .mainImg .mainImg-box2 {
  bottom: 0px;
}
.syain11 .mainImg .mainImg-box2 p {
  padding-bottom: 20px;
}
.syain11 .content1 {
  background-image: url(../img/pages/syain11_bg1.png);
  height: 621px;
  margin-bottom: 65px;
}
.syain11 .content1 .syainMes1 {
  margin: 10px 60px 0 0;
  width: 460px;
  padding-left: 20px;
}
.syain11 .content1 .syainMes1 h3 {
  margin: -35px 0 60px -120px;
}
.syain11 .content2 {
  margin-bottom: 166px;
}
.syain11 .content2 .contentImg {
  margin-left: 30px;
  width: 661px;
  margin-right: 0px;
}
.syain11 .content2 .contentText {
  width: 485px;
  padding: 50px 0 0 60px;
}
.syain11 .content3 {
  height: 512px;
  background-image: url(../img/pages/syain11_bg2.png);
  margin-bottom: 80px;
}
.syain11 .content3 .syainMes1 {
  margin: -105px 60px 0 0;
  width: 560px;
  padding-left: 50px;
}
.syain11 .content3 .syainMes1 h3 {
  margin: 15px 0 20px -390px;
}
.syain11 .content4 .mesBox {
  background-image: url(../img/pages/syain11_bg3.png);
}
.syain11 .content4 .mesBox p {
  top: 65px;
}

/*syain12*/
.syain12 .mainImg {
  background-image: url(../img/pages/syain12_main.png);
  height: 895px;
  margin-bottom: 100px;
}
.syain12 .mainImg .mainImgText {
  top: 120px;
  right: inherit;
  left: 60px;
}
.syain12 .mainImg .mainImg-box1 {
  width: 275px;
  top: inherit;
  bottom: 0;
  right: 30px;
}
.syain12 .mainImg .mainImg-box2 {
  bottom: 0px;
}
.syain12 .mainImg .mainImg-box2 p {
  padding-bottom: 20px;
}
.syain12 .content1 {
  background-image: url(../img/pages/syain12_bg1.png);
  height: 577px;
  margin-bottom: 50px;
}
.syain12 .content1 .syainMes1 {
  margin-top: 0px;
  width: 540px;
  padding-left: 60px;
}
.syain12 .content1 .syainMes1 h3 {
  margin-bottom: 30px;
  margin-left: -60px;
}
.syain12 .content2 {
  margin-bottom: 150px;
}
.syain12 .content2 .contentImg {
  margin-left: 200px;
  width: 483px;
  margin-right: 35px;
}
.syain12 .content2 .contentText {
  width: 420px;
  padding-top: 20px;
}
.syain12 .content3 {
  height: 545px;
  background-image: url(../img/pages/syain12_bg2.png);
  margin-bottom: 90px;
}
.syain12 .content3 .syainMes1 {
  margin-top: -48px;
  width: 520px;
  padding-left: 60px;
}
.syain12 .content3 .syainMes1 h3 {
  margin: 0px 0 32px -100px;
}
.syain12 .content4 .mesBox {
  background-image: url(../img/pages/syain12_bg3.png);
}
.syain12 .content4 .mesBox p {
  top: 65px;
}

/*history*/
.histCont {
  padding-top: 0;
  position: relative;
  width: 100%;
  padding-bottom: 0px;
  position: relative;
  min-height: 700px;
}
.histCont .histImg-top {
  width: 773px;
  margin: 0 auto;
  position: relative;
}
.histCont .histImg-top p {
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: 162px;
  left: 190px;
  transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  text-align: center;
}

.history {
  position: relative;
}

.historyMenu {
  width: 970px;
  margin: 0 auto 0 auto;
  list-style-type: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}
.historyMenu--page {
  width: 970px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 235px;
}
.historyMenu li {
  float: left;
  margin-right: 5px;
  width: 76px;
  position: relative;
}
.historyMenu li:last-child {
  margin-right: 0;
}
.historyMenu li img {
  width: 100%;
  transition: all 0.4s;
  cursor: pointer;
}
.historyMenu .active img {
  margin-top: -30px;
}

.histCont--page {
  background-size: cover;
  background-position: center;
  min-height: 700px;
}
.histCont--page .hist-pre {
  position: absolute;
  top: 55%;
  left: 30px;
}
.histCont--page .hist-pre a {
  width: 20px;
  display: block;
  height: 39px;
  background: url(../img/pages/history_pe.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.histCont--page .hist-pre--top a {
  background: url(../img/pages/history_pe_black.png) !important;
  width: 20px;
  height: 36px;
}
.histCont--page .hist-nex {
  position: absolute;
  top: 55%;
  right: 30px;
}
.histCont--page .hist-nex a {
  width: 20px;
  display: block;
  height: 39px;
  background: url(../img/pages/history_nex.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.histCont--page .hist-nex--top a {
  background: url(../img/pages/history_nex_black.png) !important;
  width: 20px;
  height: 36px;
}
.histCont--page h2 {
  position: absolute;
  top: 175px;
  right: 0;
}
.histCont--page .histBox {
  width: 630px;
  margin: 0 auto 0px auto;
}
.histCont--page .histBox h3 {
  margin-left: -25px;
  margin-bottom: 5px;
}
.histCont--page .histBox .histBox-L {
  float: left;
  width: 370px;
  color: #fff;
  line-height: 1.8;
}
.histCont--page .histBox .histBox-R {
  float: right;
  width: 253px;
}
.histCont--page .histBox .clearfix {
  margin-bottom: 20px;
}

/*modal*/
.modal-content {
  width: 830px;
  margin: 0;
  position: absolute;
  display: none;
  z-index: 1000;
}

.modal-content__in {
  position: relative;
}
.modal-content__in p {
  position: absolute;
  color: #ffff00;
  font-size: 12px;
  width: 200px;
  background-image: url(../img/pages/modal_textBg.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.modal-close__btn {
  position: absolute;
  color: #ffff00;
  font-size: 30px;
  cursor: pointer;
}

.modal-overlay {
  z-index: 1;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

.button-link {
  color: #00f;
  text-decoration: underline;
}

.button-link:hover {
  cursor: pointer;
  color: #f00;
}

.histCont01 {
  background-image: url(../img/pages/history01_bg.png);
}
.histCont01 .modal-content__text {
  top: 310px;
  left: -70px;
  transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  padding: 25px 70px 60px 90px;
}
.histCont01 .modal-close__btn {
  top: 10px;
  left: 700px;
}

.histCont02 {
  background-image: url(../img/pages/history02_bg.png);
}
.histCont02 .modal-content__text {
  top: -7px;
  left: 13px;
  transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -webkit-transform: rotate(-8deg);
  padding: 29px 30px 30px 60px;
}
.histCont02 .modal-close__btn {
  top: -30px;
  left: 700px;
}

.histCont03 {
  background-image: url(../img/pages/history03_bg.png);
}
.histCont03 .modal-content__text {
  top: 12px;
  left: -31px;
  transform: rotate(-9deg);
  -moz-transform: rotate(-9deg);
  -webkit-transform: rotate(-9deg);
  padding: 38px 28px 50px 52px;
}
.histCont03 .modal-close__btn {
  top: 10px;
  left: 700px;
}

.histCont04 {
  background-image: url(../img/pages/history04_bg.png);
}

.histCont05 {
  background-image: url(../img/pages/history05_bg.png);
}

.histCont06 {
  background-image: url(../img/pages/history06_bg.png);
}
.histCont06 .modal-content__text {
  top: 25px;
  left: 540px;
  transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  padding: 35px 51px 30px 75px;
}
.histCont06 .modal-close__btn {
  top: -20px;
  left: 110px;
}

.histCont07 {
  background-image: url(../img/pages/history07_bg.png);
}

.histCont08 {
  background-image: url(../img/pages/history08_bg.png);
}
.histCont08 .modal-content__text {
  top: 323px;
  left: 169px;
  transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  padding: 35px 31px 50px 48px;
}
.histCont08 .modal-close__btn {
  top: 10px;
  left: 10px;
}

.histCont09 {
  background-image: url(../img/pages/history09_bg.png);
}

.histCont10 {
  background-image: url(../img/pages/history10_bg.png);
}

.histCont11 {
  background-image: url(../img/pages/history11_bg.png);
}
.histCont11 .modal-content__text {
  top: 295px;
  left: -87px;
  transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  padding: 40px 61px 30px 78px;
}
.histCont11 .modal-close__btn {
  top: -10px;
  left: 100px;
}

.histCont12 {
  background-image: url(../img/pages/history12_bg.png);
}

.hist-footer {
  position: relative;
  background-color: #fff;
  z-index: 1;
  padding-top: 30px;
}

/*history-slide*/
.history .bx-wrapper {
  margin-bottom: 0;
}

/*recruit*/
.pageCont--recruit {
  background: #5daed6;
}
.pageCont--recruit .inner {
  width: 920px;
  margin: 0 auto;
  padding: 80px;
  background: #fff;
}
.pageCont--recruit .recruitTitle {
  margin: 0 0 40px;
  text-align: center;
  font-size: 24px;
}
.pageCont--recruit .recruitText1 {
  text-align: center;
  margin-bottom: 40px;
}
.pageCont--recruit .recruitText2 {
  margin-bottom: 40px;
}
.pageCont--recruit .recruitCont {
  margin: 0 0 40px;
}
.pageCont--recruit .recruitCont__title {
  margin: 0 0 20px;
  font-size: 18px;
  border-bottom: solid 1px #000;
}
.pageCont--recruit .recruitCont__title--type2 {
  font-size: 14px;
  margin-bottom: 10px;
}
.pageCont--recruit .recruitCont__title--type3 {
  font-size: 14px;
  border-bottom: solid 1px #000;
  margin-bottom: 10px;
}
.pageCont--recruit .recruitCont .fs-s {
  font-size: 12px;
}
.pageCont--recruit .recruitCont .txt-red {
  color: #f52b5a;
}
.pageCont--recruit .recruitCont .list {
  padding: 0 0 0 1em;
  list-style-type: disc;
}
.pageCont--recruit .recruitCont .list li {
  margin: 0 0 5px;
}
.pageCont--recruit .recruitCont .list--no-style {
  list-style: none;
}
.pageCont--recruit .recruitCont .list--no-indent {
  padding: 0;
  text-indent: 0;
}
.pageCont--recruit .recruitCont .list--ex {
  padding: 0;
}
.pageCont--recruit .recruitCont .list--ex li {
  position: relative;
  padding: 0 0 0 2em;
}
.pageCont--recruit .recruitCont .list--ex li.maru:before, .pageCont--recruit .recruitCont .list--ex li.batsu:before {
  position: absolute;
  width: 1em;
  height: 1em;
  display: block;
  text-align: center;
  margin: 0 1em 0 0;
  left: 0;
  top: 0;
}
.pageCont--recruit .recruitCont .list--ex li.maru:before {
  content: "○";
}
.pageCont--recruit .recruitCont .list--ex li.batsu:before {
  content: "×";
}
.pageCont--recruit .recruitCont .list--ex::before {
  content: "例";
}
.pageCont--recruit .recruitCont .list--kome {
  counter-reset: sample;
}
.pageCont--recruit .recruitCont .list--kome li {
  position: relative;
  padding-left: 2em;
  line-height: 1.5;
}
.pageCont--recruit .recruitCont .list--kome li::before {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.5;
  width: 2em;
  display: inline-block;
  counter-increment: sample;
  content: "※" counter(sample) " ";
}
.pageCont--recruit .recruitCont .list--num {
  list-style-type: decimal;
  padding-left: 1.5em;
}
.pageCont--recruit .recruitCont .adress {
  margin: 0 0 20px;
}
.pageCont--recruit .recruitCont .rec-mb {
  margin-bottom: 40px;
}
.pageCont--recruit .recruitCont .rec-mb2 {
  margin-bottom: 20px;
}
.pageCont--recruit .recruitCont .faqList {
  list-style-type: none;
  margin-bottom: 60px;
}
.pageCont--recruit .recruitCont .faqList li a {
  display: block;
  padding: 5px 10px;
  background-color: #5DAED6;
  text-decoration: none;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.pageCont--recruit .recruitCont .faq-tit {
  padding-top: 200px;
  margin-top: -200px;
}
.pageCont--recruit .recruitCont .faq-tit2 {
  color: #5DAED6;
}
.pageCont--recruit .recruitCont .faq-tit2:before {
  content: "A";
  margin-right: 10px;
  font-size: 18px;
}
.pageCont--recruit .recruitCont .application-flow .flow-text {
  position: relative;
  margin: 0 0 20px;
  padding-left: 1em;
}
.pageCont--recruit .recruitCont .application-flow .flow-text::before {
  position: absolute;
  content: "▼";
  top: 0;
  left: 0;
}
.pageCont--recruit .recruitCont .application-flow .note {
  display: block;
  text-indent: 0;
  margin: 5px 0 20px;
  font-size: 12px;
}
.pageCont--recruit .recruit-btn {
  width: 360px;
  margin: 0 auto;
}
.pageCont--recruit .recruit-btn a {
  display: inline-block;
  width: 100%;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  background: #fffb00;
  color: #000;
}
.pageCont--recruit .recruit-btn a:hover {
  opacity: 0.6;
}
.pageCont--recruit .recruit-btn--wide {
  width: 620px;
}
.pageCont--recruit .recruit-btnarea {
  font-size: 0;
  text-align: center;
}
.pageCont--recruit .recruit-btnarea .recruit-btn {
  list-style: none;
  display: inline-block;
  margin: 0 10px 10px;
}
.pageCont--recruit .recruit-btnarea .recruit-btn--blue a {
  color: #fff;
  background: #6cbbdc;
}
.pageCont--recruit .past-ex {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 80px;
}
.pageCont--recruit .past-ex th {
  background-color: #ceebf7;
  color: #000;
  text-align: center;
  width: 180px;
  vertical-align: middle;
  padding: 16px 0;
  border: 1px solid #ccc;
  font-weight: normal;
}
.pageCont--recruit .past-ex td {
  text-align: center;
  vertical-align: middle;
  width: 180px;
  padding: 16px 0;
  border: 1px solid #ccc;
}
.pageCont--recruit .past-ex td a {
  background-color: #FFA600;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  font-weight: 200;
  text-decoration: none;
  transition: all 0.4s;
}
.pageCont--recruit .past-ex td a:hover {
  opacity: 0.7;
}
.pageCont--recruit .past-ex td .past-ex__btn1 {
  background-color: #fffb00;
  color: #333;
}
.pageCont--recruit .past-ex td .past-ex__btn2 {
  background-color: #5caed5;
}
.pageCont--recruit .past-ex.recruit__jobtable {
  margin: 0 0 20px;
}
.pageCont--recruit .recruit__note {
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em;
}

.recBot_ban {
  list-style-type: none;
  text-align: center;
  margin-top: 100px;
}
.recBot_ban li {
  display: inline-block;
}

/*ima*/
.imaCont {
  padding-top: 160px;
}
.imaCont .imaInner {
  width: 970px;
  margin: 0 auto;
}
.imaCont .imaInner .ima-tit1 {
  margin-bottom: 30px;
}
.imaCont .imaInner .ima-text1 {
  margin-bottom: 30px;
}
.imaCont .ima-tit2 {
  background-color: #fffb00;
  margin-left: calc((100% - 970px)/2);
  margin-bottom: 20px;
  padding-left: 10px;
  padding-top: 5px;
}
.imaCont .imaCont01 {
  width: 100%;
  height: 522px;
  background-image: url(../img/pages/ima_bg01.png);
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 90px;
  margin-bottom: 100px;
  font-size: 12px;
  line-height: 1.7;
}
.imaCont .imaCont01 .imaCont01-li {
  list-style-type: none;
  padding-top: 60px;
}
.imaCont .imaCont01 .imaCont01-li li {
  width: 202px;
  float: left;
  margin-right: 50px;
  position: relative;
}
.imaCont .imaCont01 .imaCont01-li li .imaCont01-text {
  width: 192px;
  margin-left: 6px;
}
.imaCont .imaCont01 .imaCont01-li li .imaCont01-tit {
  position: absolute;
}
.imaCont .imaCont01 .imaCont01-li li .imaCont01-img {
  margin-bottom: 10px;
}
.imaCont .imaCont01 .imaCont01-li li:nth-child(1) .imaCont01-tit {
  top: -70px;
}
.imaCont .imaCont01 .imaCont01-li li:nth-child(2) .imaCont01-tit {
  top: -75px;
  left: -10px;
}
.imaCont .imaCont01 .imaCont01-li li:nth-child(3) .imaCont01-tit {
  top: -110px;
  left: 10px;
}
.imaCont .imaCont01 .imaCont01-li li:nth-child(4) .imaCont01-tit {
  top: -80px;
}
.imaCont .imaCont01 .imaCont01-li li:nth-child(4) {
  margin-right: 0;
}
.imaCont .imaCont02 {
  width: 100%;
  height: 504px;
  background-image: url(../img/pages/ima_bg02.png);
  background-position: center;
  background-repeat: no-repeat;
  font-size: 12px;
  line-height: 1.7;
  margin-bottom: 130px;
}
.imaCont .imaCont02 .imaInner {
  width: 1060px;
  margin-left: calc((100% - 970px)/2);
}
.imaCont .imaCont02 .imaCont02-L {
  padding-top: 40px;
  width: 320px;
  float: left;
}
.imaCont .imaCont02 .imaCont02-L .imaCont02-L-tit {
  position: relative;
  margin-left: -10px;
}
.imaCont .imaCont02 .imaCont02-L .imaCont02-L-tit a {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: rotate(2deg) translateX(-50%);
  font-size: 14px;
  font-weight: bold;
  color: #4d9ecc;
}
.imaCont .imaCont02 .imaCont02-L .imaCont02-L-img {
  margin-bottom: 10px;
}
.imaCont .imaCont02 .imaCont02-R {
  float: right;
  width: 535px;
  height: 478px;
  margin-top: 30px;
  padding: 80px 69px 0 69px;
  background-image: url(../img/pages/ima_bg14.png);
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}
.imaCont .imaCont02 .imaCont02-R .imaCont02-R-text {
  float: left;
}
.imaCont .imaCont02 .imaCont02-R .imaCont02-R-img {
  float: right;
  width: 208px;
}
.imaCont .imaCont02 .imaCont02-R .imaCont02-R-text1 {
  font-size: 17px;
  margin-bottom: 16px;
  font-weight: bolder;
}
.imaCont .imaCont02 .imaCont02-R .imaCont02-R-text2 {
  font-size: 24px;
  margin-bottom: 16px;
  line-height: 1.3;
  font-weight: bolder;
}
.imaCont .imaCont02 .imaCont02-R .imaCont02-R-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .imaCont .imaCont02 .imaCont02-R .imaCont02-R-list {
    width: 535px;
  }
}
.imaCont .imaCont02 .imaCont02-R .imaCont02-R-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48%;
  margin-bottom: 20px;
}
.imaCont .imaCont02 .imaCont02-R .imaCont02-R-list li .list-img {
  margin-right: 10px;
  flex: 0 0 60px;
}
.imaCont .imaCont02 .imaCont02-R .imaCont02-R-list li .list-img img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .imaCont .imaCont02 .imaCont02-R .imaCont02-R-list dl {
    width: 166px;
  }
}
.imaCont .imaCont02 .imaCont02-R .imaCont02-R-list dl dt {
  font-size: 13px;
  font-weight: bold;
}
.imaCont .imaCont03 {
  margin-bottom: 60px;
}
.imaCont .imaCont03 .imaCont03-tit {
  position: relative;
}
.imaCont .imaCont03 .imaCont03-img1 {
  margin-top: -90px;
}
.imaCont .imaCont04 {
  background-image: url(../img/pages/ima_bg03.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 405px;
  margin-bottom: 70px;
}
.imaCont .imaCont04 .imaInner {
  position: relative;
}
.imaCont .imaCont04 .imaInner .imaCont04-text {
  position: absolute;
  width: 244px;
  top: 100px;
  right: 130px;
}
.imaCont .imaCont05 {
  width: 100%;
  height: 469px;
  background-image: url(../img/pages/ima_bg04.png);
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 0px;
}
.imaCont .imaCont05 .imaCont05-L {
  float: left;
  width: 331px;
  margin-right: 70px;
}
.imaCont .imaCont05 .imaCont05-L p {
  margin-left: 20px;
}
.imaCont .imaCont05 .imaCont05-R {
  float: left;
  width: 534px;
  margin-top: 20px;
}
.imaCont .imaCont06 .imaCont06-imgs {
  margin-top: 30px;
  margin-bottom: 30px;
}
.imaCont .imaCont06 .imaCont06-imgs-L {
  float: left;
  width: 598px;
}
.imaCont .imaCont06 .imaCont06-imgs-R {
  float: left;
  width: 325px;
  margin-top: -40px;
}
.imaCont .imaCont06 .imaCont06-li {
  width: 1060px;
  margin: 20px auto;
  list-style-type: none;
}
.imaCont .imaCont06 .imaCont06-li .imaCont06-li-text1 {
  color: #29abe2;
  font-size: 17px;
}
.imaCont .imaCont06 .imaCont06-li li {
  width: 940px;
  padding: 0 70px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(1) {
  background-image: url(../img/pages/ima_bg06.png);
  height: 148px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(1) .imaCont06-li-text1 {
  padding-top: 40px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(2) {
  background-image: url(../img/pages/ima_bg07.png);
  height: 127px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(2) .imaCont06-li-text1 {
  padding-top: 20px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(3) {
  background-image: url(../img/pages/ima_bg08.png);
  height: 120px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(3) .imaCont06-li-text1 {
  padding-top: 35px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(4) {
  background-image: url(../img/pages/ima_bg09.png);
  height: 120px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(4) .imaCont06-li-text1 {
  padding-top: 35px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(5) {
  background-image: url(../img/pages/ima_bg10.png);
  height: 142px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(5) .imaCont06-li-text1 {
  padding-top: 45px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(6) {
  background-image: url(../img/pages/ima_bg11.png);
  height: 124px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(6) .imaCont06-li-text1 {
  padding-top: 30px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(7) {
  background-image: url(../img/pages/ima_bg12.png);
  height: 129px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(7) .imaCont06-li-text1 {
  padding-top: 35px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(8) {
  background-image: url(../img/pages/ima_bg13.png);
  height: 130px;
}
.imaCont .imaCont06 .imaCont06-li li:nth-child(8) .imaCont06-li-text1 {
  padding-top: 35px;
}
.imaCont .imaCont07 {
  background-image: url(../img/pages/ima_bg15.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 364px;
  margin-bottom: 100px;
}
.imaCont .imaCont07 .imaInner {
  position: relative;
}
.imaCont .imaCont07 .imaInner .imaCont07-text {
  position: absolute;
  width: 424px;
  top: 294px;
  right: 247px;
}

.imaBot-btns {
  text-align: center;
  margin-bottom: 30px;
}
.imaBot-btns li {
  display: inline-block;
  width: 290px;
  margin: 0 10px;
  position: relative;
}
.imaBot-btns li img {
  width: 290px;
}
.imaBot-btns li span {
  transition: all 0.4s;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.imaBot-btns li span:hover {
  opacity: 1;
}

.koreCont .koreCont01 {
  width: 100%;
  padding-top: 40px;
  height: 532px;
  background-image: url(../img/pages/kore_bg01.png);
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 20px;
  margin-bottom: 80px;
  font-size: 12px;
}
.koreCont .koreCont01 .koreCont01-img {
  margin-bottom: 10px;
}
.koreCont .ima-text1 {
  margin-bottom: 50px;
}
.koreCont .koreCont02 {
  width: 100%;
  padding-top: 40px;
  height: 492px;
  background-image: url(../img/pages/kore_bg02.png);
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 80px;
  margin-bottom: 80px;
  font-size: 12px;
}
.koreCont .koreCont02 .imaInner {
  margin-top: -50px;
}
.koreCont .koreCont02 .koreCont02-L {
  float: left;
  width: 325px;
}
.koreCont .koreCont02 .koreCont02-R {
  float: right;
  width: 590px;
  margin-top: 300px;
}
.koreCont .koreCont02 .koreCont02-R .koreCont02-R-img {
  margin-bottom: 10px;
}
.koreCont .koreCont03 {
  width: 100%;
  height: 273px;
  background-image: url(../img/pages/kore_bg03.png);
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 70px;
  margin-bottom: 0px;
  font-size: 12px;
}
.koreCont .koreCont03 .koreCont03-L {
  float: left;
  width: 436px;
  margin-top: -20px;
}
.koreCont .koreCont03 .koreCont03-R {
  float: right;
  width: 460px;
  margin-top: 70px;
}
.koreCont .koreCont04 {
  width: 100%;
  height: 386px;
  background-image: url(../img/pages/kore_bg04.png);
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 50px;
  margin-bottom: 80px;
  font-size: 12px;
}
.koreCont .koreCont04 .koreCont04-L {
  float: left;
  width: 483px;
  margin-top: 30px;
}
.koreCont .koreCont04 .koreCont04-R {
  float: right;
  width: 425px;
  margin-top: 100px;
}

/*special*/
.specCont {
  font-size: 12px;
  line-height: 1.8;
}

.scoop01 {
  width: 100%;
}
.scoop01 .specCont__inner {
  width: 980px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.scoop01 .specCont__main {
  width: 100%;
  height: 609px;
  background-image: url(../img/pages/scoop1bg_01.png);
  background-size: 100%;
  margin-bottom: 140px;
}
.scoop01 .specCont__main h2 {
  position: absolute;
  bottom: -40px;
}
.scoop01 .specCont__main span {
  position: absolute;
  right: -60px;
  bottom: -250px;
}
.scoop01 .specCont01 {
  width: 100%;
  background-image: url(../img/pages/scoop1bg_02.png);
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 30px;
  margin-bottom: 65px;
}
.scoop01 .specCont01__textbox {
  position: relative;
}
.scoop01 .specCont01 h3 {
  margin-bottom: 46px;
}
.scoop01 .specCont01 h4 {
  margin-bottom: 10px;
}
.scoop01 .specCont01__img {
  float: right;
  margin: 0 0 36px 20px;
}
.scoop01 .specCont02 {
  width: 100%;
  background-image: url(../img/pages/scoop1bg_03.png);
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 50px;
  margin-bottom: 50px;
}
.scoop01 .specCont02__textbox {
  position: relative;
}
.scoop01 .specCont02 h4 {
  margin-left: 170px;
  margin-bottom: 10px;
}
.scoop01 .specCont02__img {
  float: left;
  margin: 0 40px 30px 0;
}
.scoop01 .specCont03 {
  width: 100%;
  height: 725px;
  background-image: url(../img/pages/scoop1bg_04.png);
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 120px;
  margin-top: -120px;
  margin-bottom: 140px;
}
.scoop01 .specCont03__textbox {
  position: relative;
}
.scoop01 .specCont03 h4 {
  margin-top: 70px;
  margin-bottom: 10px;
}
.scoop01 .specCont03__text1 {
  width: 470px;
}
.scoop01 .specCont03__text2 {
  width: 586px;
}
.scoop01 .specCont03__img {
  text-align: right;
  width: 532px;
  position: absolute;
  top: -90px;
  right: -60px;
}
.scoop01 .specCont04 {
  width: 960px;
  height: 233px;
  background-image: url(../img/pages/scoop2bg_05.png);
  background-position: left;
  padding-top: 30px;
  padding-left: calc((100% - 980px)/2);
  margin-bottom: 75px;
}
.scoop01 .specCont04__in {
  width: 490px;
  float: left;
  margin-right: 50px;
}
.scoop01 .specCont04__in2 {
  margin-right: 0;
  white-space: nowrap;
  width: 300px;
}
.scoop01 .specCont04__in2 .specCont04__in__text {
  width: 86px;
}
.scoop01 .specCont04__in__img {
  float: left;
  width: 177px;
  margin-right: 36px;
}
.scoop01 .specCont04__in__text {
  float: left;
  width: 276px;
  margin-top: 20px;
}
.scoop01 .specCont04__in__text__name {
  margin-bottom: 10px;
}

.scoop02 {
  width: 100%;
}
.scoop02 .specCont__inner {
  width: 980px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.scoop02 .specCont__main {
  width: 100%;
  height: 609px;
  background-image: url(../img/pages/scoop2bg_01.png);
  background-size: 100%;
  margin-bottom: 100px;
}
.scoop02 .specCont__main h2 {
  position: absolute;
  bottom: -30px;
}
.scoop02 .specCont01 {
  width: 100%;
  height: 1206px;
  background-image: url(../img/pages/scoop2bg_02.png);
  background-position: bottom;
  background-repeat: no-repeat;
  padding-top: 120px;
  margin-bottom: 90px;
}
.scoop02 .specCont01__textbox {
  position: relative;
}
.scoop02 .specCont01 h3 {
  margin-top: -120px;
}
.scoop02 .specCont01 h4 {
  margin-bottom: 10px;
}
.scoop02 .specCont01__text {
  float: left;
  width: 630px;
}
.scoop02 .specCont01__img01 {
  margin: 10px 0 30px 0;
}
.scoop02 .specCont01__img02 {
  float: right;
}
.scoop02 .specCont01__img03 {
  position: absolute;
  right: 230px;
  top: 300px;
}
.scoop02 .specCont01 .specCont01__text1 {
  width: 630px;
}
.scoop02 .specCont01 .specCont01__text2 {
  width: 360px;
}
.scoop02 .specCont02 {
  width: 100%;
  background-image: url(../img/pages/scoop2bg_03.png);
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 50px;
  margin-bottom: 50px;
}
.scoop02 .specCont02__textbox {
  position: relative;
}
.scoop02 .specCont02 h4 {
  margin-left: 215px;
  margin-bottom: 10px;
}
.scoop02 .specCont02__text {
  float: right;
  width: 426px;
}
.scoop02 .specCont02__img {
  float: left;
  width: 496px;
}
.scoop02 .specCont03 {
  width: 100%;
  height: 695px;
  background-image: url(../img/pages/scoop2bg_04.png);
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 110px;
  margin-bottom: 50px;
}
.scoop02 .specCont03__textbox {
  position: relative;
}
.scoop02 .specCont03 h4 {
  margin-bottom: 10px;
}
.scoop02 .specCont03__text {
  float: right;
  width: 426px;
}
.scoop02 .specCont03__img {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.scoop02 .specCont04 {
  width: 530px;
  height: 233px;
  background-image: url(../img/pages/scoop2bg_05.png);
  background-position: left;
  padding-top: 30px;
  padding-left: calc((100% - 980px)/2);
  margin-bottom: 90px;
}
.scoop02 .specCont04__in {
  width: 490px;
}
.scoop02 .specCont04__in__img {
  float: left;
  width: 177px;
  margin-right: 36px;
}
.scoop02 .specCont04__in__text {
  float: left;
  width: 276px;
  margin-top: 20px;
}
.scoop02 .specCont04__in__text__name {
  margin-bottom: 10px;
}

.scoop03 {
  width: 100%;
}
.scoop03 .specCont__inner {
  width: 980px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.scoop03 .specCont__main {
  width: 100%;
  height: 609px;
  background-image: url(../img/pages/scoop3bg_01.png);
  background-size: 100%;
  margin-bottom: 40px;
}
.scoop03 .specCont__main h2 {
  position: absolute;
  bottom: -40px;
}
.scoop03 .specCont01 {
  width: 100%;
  height: 745px;
  background-image: url(../img/pages/scoop3bg_02.png);
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 20px;
}
.scoop03 .specCont01__textbox {
  position: relative;
}
.scoop03 .specCont01 h3 {
  margin-bottom: 40px;
}
.scoop03 .specCont01 h4 {
  margin-bottom: 10px;
}
.scoop03 .specCont01 .specCont01-L {
  float: left;
  width: 540px;
}
.scoop03 .specCont01 .specCont01-R {
  float: right;
  width: 535px;
  margin-right: -150px;
}
.scoop03 .specCont02 {
  width: 100%;
  height: 635px;
  background-image: url(../img/pages/scoop3bg_03.png);
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 130px;
  margin-bottom: 50px;
}
.scoop03 .specCont02 h4 {
  text-align: right;
  margin-bottom: 10px;
}
.scoop03 .specCont02 .specCont02-L {
  float: left;
  width: 483px;
}
.scoop03 .specCont02 .specCont02-R {
  float: right;
  width: 416px;
  margin-right: 30px;
}
.scoop03 .specCont03 {
  width: 100%;
  height: 695px;
  background-image: url(../img/pages/scoop3bg_04.png);
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 110px;
  margin-bottom: 50px;
}
.scoop03 .specCont03__textbox {
  position: relative;
}
.scoop03 .specCont03__textbox img {
  float: right;
  margin: 0 -150px 20px 20px;
}
.scoop03 .specCont03 h4 {
  margin-bottom: 30px;
}
.scoop03 .specCont03__text {
  float: right;
  width: 426px;
}
.scoop03 .specCont03__img {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.scoop03 .specCont04 {
  width: 960px;
  height: 233px;
  background-image: url(../img/pages/scoop2bg_05.png);
  background-position: left;
  padding-top: 30px;
  padding-left: calc((100% - 980px)/2);
  margin-bottom: 75px;
}
.scoop03 .specCont04__in {
  width: 490px;
  float: left;
  margin-right: 50px;
}
.scoop03 .specCont04__in2 {
  margin-right: 0;
  white-space: nowrap;
  width: 300px;
}
.scoop03 .specCont04__in2 .specCont04__in__text {
  width: 86px;
}
.scoop03 .specCont04__in__img {
  float: left;
  width: 177px;
  margin-right: 36px;
}
.scoop03 .specCont04__in__text {
  float: left;
  width: 276px;
  margin-top: 20px;
}
.scoop03 .specCont04__in__text__name {
  margin-bottom: 10px;
}

.scoop04 {
  width: 100%;
}
.scoop04 .specCont__inner {
  width: 980px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.scoop04 .specCont__main {
  width: 100%;
  height: 609px;
  background-image: url(../img/pages/scoop4bg_01.png);
  background-size: 100%;
  margin-bottom: 70px;
}
.scoop04 .specCont__main h2 {
  position: absolute;
  bottom: -40px;
}
.scoop04 .specCont01 {
  width: 100%;
  height: 745px;
  background-image: url(../img/pages/scoop4bg_02.png);
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 20px;
}
.scoop04 .specCont01__textbox {
  position: relative;
}
.scoop04 .specCont01 h3 {
  margin-bottom: 40px;
}
.scoop04 .specCont01 h4 {
  margin-bottom: 10px;
}
.scoop04 .specCont01 .specCont01-L {
  float: left;
  width: 540px;
}
.scoop04 .specCont01 .specCont01-R {
  float: right;
  width: 535px;
  margin-right: -150px;
}
.scoop04 .specCont02 {
  width: 100%;
  height: 613px;
  background-image: url(../img/pages/scoop4bg_03.png);
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 50px;
  margin-bottom: 50px;
}
.scoop04 .specCont02 h4 {
  text-align: right;
  margin-bottom: 10px;
  margin-right: 70px;
}
.scoop04 .specCont02 .specCont02-L {
  float: left;
  width: 483px;
}
.scoop04 .specCont02 .specCont02-R {
  float: right;
  width: 416px;
  margin-right: 70px;
}
.scoop04 .specCont03 {
  width: 100%;
  height: 695px;
  background-image: url(../img/pages/scoop4bg_04.png);
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 160px;
  margin-bottom: 50px;
}
.scoop04 .specCont03__textbox {
  position: relative;
}
.scoop04 .specCont03 h4 {
  margin-bottom: 30px;
}
.scoop04 .specCont03 .specCont03-L {
  float: left;
  width: 536px;
}
.scoop04 .specCont03 .specCont03-L h3 {
  margin-bottom: 20px;
}
.scoop04 .specCont03 .specCont03-R {
  float: right;
  width: 449px;
  margin-right: -50px;
}
.scoop04 .specCont03__text {
  float: right;
  width: 426px;
}
.scoop04 .specCont03__img {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.scoop04 .specCont04 {
  width: 960px;
  height: 233px;
  background-image: url(../img/pages/scoop2bg_05.png);
  background-position: left;
  padding-top: 30px;
  padding-left: calc((100% - 980px)/2);
  margin-bottom: 75px;
}
.scoop04 .specCont04__in {
  width: 490px;
  float: left;
  margin-right: 50px;
}
.scoop04 .specCont04__in2 {
  margin-right: 0;
  white-space: nowrap;
  width: 300px;
}
.scoop04 .specCont04__in2 .specCont04__in__text {
  width: 86px;
}
.scoop04 .specCont04__in__img {
  float: left;
  width: 177px;
  margin-right: 36px;
}
.scoop04 .specCont04__in__text {
  float: left;
  width: 276px;
  margin-top: 20px;
}
.scoop04 .specCont04__in__text__name {
  margin-bottom: 10px;
}

.specBot__ban {
  text-align: center;
}
.specBot__ban--kiji {
  margin-bottom: 40px;
}
.specBot__ban--mb {
  margin-bottom: 60px;
}
.specBot__ban li {
  display: inline-block;
  margin: 0 13px;
}

/*kiji*/
.kijiCont {
  background: url(../img/pages/kiji_bg.png);
}
.kijiCont .kijiInner {
  width: 990px;
  margin: 0 auto;
}
.kijiCont .card {
  float: left;
  cursor: pointer;
  overflow: hidden;
  border-radius: 5px;
}
.kijiCont .long .omote {
  height: 469px;
  width: 326px;
}
.kijiCont .long .omote .kiji-op {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
}
.kijiCont .long .omote .on {
  display: block;
}
.kijiCont .omote {
  background-size: 100%;
}
.kijiCont .ura {
  display: none;
  height: 650px;
  width: 652px;
  background-size: 100%;
}
.kijiCont .ura .detail {
  height: 650px;
  width: 652px;
  position: relative;
}
.kijiCont .ura .detail p {
  position: absolute;
  width: 90%;
  top: 480px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.kijiCont .ura .detail .kiji-cls {
  display: none;
  position: absolute;
  top: 30px;
  right: 30px;
}
.kijiCont .w1 {
  width: 326px;
}
.kijiCont .h1 {
  height: 469px;
}
.kijiCont .kiji01 p {
  color: #fff;
}
.kijiCont .kiji01 .omote {
  background-image: url(../img/pages/kiji_02.png);
}
.kijiCont .kiji01 .ura {
  background-image: url(../img/pages/kiji_02_op.png);
}
.kijiCont .kiji02 p {
  color: #000;
}
.kijiCont .kiji02 .omote {
  background-image: url(../img/pages/kiji_03.png);
}
.kijiCont .kiji02 .ura {
  background-image: url(../img/pages/kiji_03_op.png);
}
.kijiCont .kiji03 p {
  color: #fff;
}
.kijiCont .kiji03 .omote {
  background-image: url(../img/pages/kiji_04.png);
}
.kijiCont .kiji03 .ura {
  background-image: url(../img/pages/kiji_04_op.png);
}
.kijiCont .kiji04 p {
  color: #000;
}
.kijiCont .kiji04 .omote {
  background-image: url(../img/pages/kiji_05.png);
}
.kijiCont .kiji04 .ura {
  background-image: url(../img/pages/kiji_05_op.png);
}
.kijiCont .kiji05 p {
  color: #fff;
}
.kijiCont .kiji05 .omote {
  background-image: url(../img/pages/kiji_06.png);
}
.kijiCont .kiji05 .ura {
  background-image: url(../img/pages/kiji_06_op.png);
}
.kijiCont .kiji06 p {
  color: #000;
}
.kijiCont .kiji06 .omote {
  background-image: url(../img/pages/kiji_07.png);
}
.kijiCont .kiji06 .ura {
  background-image: url(../img/pages/kiji_07_op.png);
}
.kijiCont .kiji07 p {
  color: #fff;
}
.kijiCont .kiji07 .omote {
  background-image: url(../img/pages/kiji_08.png);
}
.kijiCont .kiji07 .ura {
  background-image: url(../img/pages/kiji_08_op.png);
}
.kijiCont .kiji08 p {
  color: #000;
}
.kijiCont .kiji08 .omote {
  background-image: url(../img/pages/kiji_09.png);
}
.kijiCont .kiji08 .ura {
  background-image: url(../img/pages/kiji_09_op.png);
}

/*shigoto*/
.shigoto {
  font-size: 16px;
  padding-top: 200px !important;
}
.shigoto .shigotoCont01 {
  margin-bottom: 50px;
}
.shigoto .shigotoCont01__L {
  float: left;
  width: 410px;
}
.shigoto .shigotoCont01__L--03 {
  width: 500px;
}
.shigoto .shigotoCont01__R {
  float: left;
  width: 640px;
  margin: 60px 0 0 30px;
}
.shigoto .shigotoCont01__R--03 {
  width: 500px;
}
.shigoto .shigoto01-sec {
  width: 930px;
  margin: 0 auto;
}
.shigoto .shigoto01-sec .dis-box-btn {
  float: left;
  margin-right: 20px;
  cursor: pointer;
}
.shigoto .shigoto01-sec .dis-box-btn04, .shigoto .shigoto01-sec .dis-box-btn08, .shigoto .shigoto01-sec .dis-box-btn12, .shigoto .shigoto01-sec .dis-box-btn16 {
  margin-right: 0;
}
.shigoto .shigoto01-sec .dis-boxes {
  margin-bottom: 10px;
}
.shigoto .shigoto01-sec .dis-boxes .dis-box:nth-of-type(1):after {
  left: 10%;
}
.shigoto .shigoto01-sec .dis-boxes .dis-box:nth-of-type(2):after {
  left: 35%;
}
.shigoto .shigoto01-sec .dis-boxes .dis-box:nth-of-type(3):after {
  left: 60%;
}
.shigoto .shigoto01-sec .dis-boxes .dis-box:nth-of-type(4):after {
  left: 85%;
}
.shigoto .shigoto01-sec .dis-box {
  clear: both;
  display: none;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  background-color: #ffff00;
  padding: 20px;
  font-size: 14px;
  position: relative;
  box-shadow: 5px 6px 6px -7px #333;
  -moz-box-shadow: 5px 6px 6px -7px #333;
  -webkit-box-shadow: 5px 6px 6px -7px #333;
}
.shigoto .shigoto01-sec .dis-box:after {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 40px 20px;
  border-color: transparent transparent #ffff00 transparent;
}
.shigoto .shigoto01-sec .shigoto01-sec-text1 {
  line-height: 0;
  width: 934px;
  margin: 0 auto 20px auto;
}
.shigoto .shigoto01-sec .shigoto01-sec-text1 p {
  line-height: 1.5;
  background-image: url(../img/pages/shugoto01_07_mid.png);
  padding: 10px 20px;
}
.shigoto .shigoto01-sec .fir-li li {
  margin-bottom: 0;
}
.shigoto .shigoto02-sec {
  width: 1080px;
  margin: 0 auto;
}
.shigoto .shigoto02-sec .shigoto-box {
  position: relative;
  margin-bottom: 10px;
}
.shigoto .shigoto02-sec .shigoto-box p {
  position: absolute;
  color: #fff;
  width: 630px;
  font-size: 14px;
}
.shigoto .shigoto02-sec .shigoto-box01 {
  margin-left: 100px;
}
.shigoto .shigoto02-sec .shigoto-box01 p {
  top: 50px;
  left: 290px;
}
.shigoto .shigoto02-sec .shigoto-box02 {
  margin-left: 0px;
}
.shigoto .shigoto02-sec .shigoto-box02 p {
  top: 50px;
  left: 290px;
}
.shigoto .shigoto02-sec .shigoto-box03 {
  margin-left: 100px;
}
.shigoto .shigoto02-sec .shigoto-box03 p {
  top: 44px;
  left: 290px;
}
.shigoto .shigoto02-sec .shigoto-box04 {
  margin-left: 0;
}
.shigoto .shigoto02-sec .shigoto-box04 p {
  top: 50px;
  left: 290px;
}
.shigoto .shigoto03-sec {
  width: 1080px;
  margin: 0 auto;
}
.shigoto .shigoto03-sec .shigoto-box {
  position: relative;
  margin-bottom: 10px;
}
.shigoto .shigoto03-sec .shigoto-box p {
  position: absolute;
  color: #fff;
  width: 630px;
  font-size: 14px;
}
.shigoto .shigoto03-sec .shigoto-box01 {
  margin-left: 100px;
}
.shigoto .shigoto03-sec .shigoto-box01 p {
  top: 34px;
  left: 290px;
}
.shigoto .shigoto03-sec .shigoto-box02 {
  margin-left: 0px;
}
.shigoto .shigoto03-sec .shigoto-box02 p {
  top: 38px;
  left: 290px;
}
.shigoto .shigoto03-sec .shigoto-box03 {
  margin-left: 100px;
}
.shigoto .shigoto03-sec .shigoto-box03 p {
  top: 30px;
  left: 290px;
}
.shigoto .shigotoCont02 {
  text-align: center;
  padding: 20px 0 30px 0;
}
.shigoto .shigotoCont02 p {
  margin-bottom: 10px;
}
.shigoto .shigotoCont03 {
  width: 100%;
  padding: 40px 0;
  background-image: url(../img/pages/shugoto-bg_01.png);
  margin-bottom: 84px;
}
.shigoto .shigotoCont03--type2 {
  background-image: url(../img/pages/shugoto-bg_02.png);
}
.shigoto .shigotoCont03--type3 {
  margin-bottom: 30px;
}
.shigoto .shigotoCont03 .inner {
  width: 924px;
}
.shigoto .shigotoCont03__tit {
  margin-bottom: 40px;
}
.shigoto .shigotoCont03__tit__L {
  float: left;
  width: 368px;
}
.shigoto .shigotoCont03__tit__R {
  float: left;
  margin: 4px 0 0 30px;
}
.shigoto .shigotoCont03 ul {
  list-style-type: none;
}
.shigoto .shigotoCont03 ul.small-box {
  width: 670px;
  margin: 0 auto;
}
.shigoto .shigotoCont03 ul li {
  float: left;
  margin-right: 27px;
}
.shigoto .shigotoCont03 ul li:last-child {
  margin-right: 0;
}
.shigoto .shigotoCont03 .shigoto01 li {
  margin-right: 90px;
  margin-bottom: 40px;
}
.shigoto .shigotoCont03 .shigoto01 li:nth-child(3) {
  margin-right: 0;
}
.shigoto .shigotoCont03 .shigoto03 {
  text-align: center;
}
.shigoto .shigotoCont03 .shigoto03 li {
  float: none;
  display: inline-block;
}
.shigoto .pan-btn {
  width: 880px;
  margin: 50px auto 0 auto;
}
.shigoto .pan-btn--type2 {
  list-style-type: none;
  margin-bottom: 30px;
  margin-top: 0;
}

.shigotoBot-bans {
  width: 960px;
  margin: 0 auto;
}
.shigotoBot-bans ul {
  list-style-type: none;
  text-align: center;
}
.shigotoBot-bans ul li {
  float: left;
  margin-right: 35px;
}
.shigotoBot-bans ul li:last-child {
  margin-right: 0;
}

/*career*/
.career .ca__inner {
  width: 1040px;
  margin: 0 auto;
  padding-top: 170px;
}
.career .ca__inner2 {
  width: 850px;
  margin: 0 auto;
  padding-top: 70px;
}
.career .ca-topBtns {
  list-style-type: none;
  margin-bottom: 50px;
}
.career .ca-topBtns li:first-child {
  float: left;
}
.career .ca-topBtns li:last-child {
  float: right;
}
.career .ca_sec01 {
  background-image: url(../img/pages/ca_bg01.png);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100%;
  height: 2597px;
  font-size: 16px;
  margin-bottom: 40px;
  padding-top: 100px;
  margin-top: -100px;
}
.career .ca_sec01 .ca__box {
  background-repeat: no-repeat;
}
.career .ca_sec01 .ca__box__arr {
  text-align: center;
}
.career .ca_sec01 .ca__box .ca__bText {
  font-size: 20px;
  text-align: center;
  color: #29abe2;
  text-decoration: underline;
}
.career .ca_sec01 .ca__box.ca__box1 {
  background-image: url(../img/pages/ca_05.png);
  width: calc(846px - 120px);
  height: calc(254px - 80px);
  padding: 40px 60px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.career .ca_sec01 .ca__box.ca__box2 {
  background-image: url(../img/pages/ca_06.png);
  width: calc(845px - 50px);
  height: calc(148px - 80px);
  padding: 50px 0 40px 50px;
  margin-bottom: 10px;
}
.career .ca_sec01 .ca__box.ca__box3 {
  background-image: url(../img/pages/ca_07.png);
  width: calc(875px - 30px);
  height: calc(98px - 70px);
  padding: 40px 0 30px 30px;
  margin-bottom: 10px;
}
.career .ca_sec01 .ca__box.ca__box4 {
  background-image: url(../img/pages/ca_09.png);
  width: calc(893px - 120px);
  height: calc(293px - 80px);
  padding: 50px 60px 40px 60px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.career .ca_sec01__pp {
  width: 100%;
  height: 660px;
  position: relative;
  font-size: 12px;
}
.career .ca_sec01__pp p {
  width: 220px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
}
.career .ca_sec01__pp__in {
  position: relative;
}
.career .ca_sec01__pp1 {
  position: absolute;
  top: -40px;
  left: 25px;
  width: 344px;
}
.career .ca_sec01__pp1 p {
  top: 190px;
}
.career .ca_sec01__pp2 {
  position: absolute;
  top: 10px;
  right: 25px;
  width: 336px;
}
.career .ca_sec01__pp2 p {
  top: 165px;
}
.career .ca_sec01__pp3 {
  position: absolute;
  top: 290px;
  left: 100px;
  width: 305px;
}
.career .ca_sec01__pp3 p {
  top: 152px;
  width: 250px;
}
.career .ca_sec01__pp4 {
  position: absolute;
  top: 340px;
  right: 60px;
  width: 336px;
}
.career .ca_sec01__pp4 p {
  top: 165px;
}
.career .ca_sec02 {
  background-image: url(../img/pages/ca_bg02.png);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100%;
  height: 2030px;
  font-size: 16px;
  margin-bottom: 40px;
  padding-top: 100px;
  margin-top: -100px;
}
.career .ca_sec02 .tac {
  text-align: center;
}
.career .ca_sec02 .ca__box {
  background-repeat: no-repeat;
  color: #fff;
}
.career .ca_sec02 .ca__box__arr {
  text-align: center;
}
.career .ca_sec02 .ca__box .ca__bText {
  font-size: 20px;
  text-align: center;
  color: #ffff00;
  text-decoration: underline;
}
.career .ca_sec02 .ca__box.ca__box1 {
  background-image: url(../img/pages/ca_18.png);
  width: calc(833px - 120px);
  height: calc(252px - 80px);
  padding: 40px 60px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.career .ca_sec02 .ca__box.ca__box2 {
  background-image: url(../img/pages/ca_19.png);
  width: calc(893px - 50px);
  height: calc(192px - 80px);
  padding: 40px 0 40px 50px;
  margin-bottom: 30px;
}
.career .ca_sec02 .ca__box.ca__box2 .ca__box2__arr {
  margin-left: -100px;
  margin-top: 10px;
}
.career .ca_sec02 .ca__box.ca__box3 {
  background-image: url(../img/pages/ca_21.png);
  width: calc(833px - 120px);
  height: calc(252px - 80px);
  padding: 40px 60px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.career .ca_sec02__pp {
  width: 100%;
  height: 350px;
  position: relative;
  font-size: 12px;
}
.career .ca_sec02__pp p {
  width: 220px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
}
.career .ca_sec02__pp__in {
  position: relative;
}
.career .ca_sec02__pp1 {
  position: absolute;
  top: -130px;
  left: -52px;
  width: 317px;
  z-index: 3;
}
.career .ca_sec02__pp1 p {
  top: 185px;
}
.career .ca_sec02__pp2 {
  position: absolute;
  top: 42px;
  left: 240px;
  width: 338px;
  z-index: 2;
}
.career .ca_sec02__pp2 p {
  top: 180px;
  left: 22px;
  width: 229px;
}
.career .ca_sec02__pp3 {
  position: absolute;
  top: -59px;
  right: -30px;
  width: 334px;
  z-index: 1;
}
.career .ca_sec02__pp3 p {
  top: 183px;
  left: 19px;
  width: 228px;
}

@media screen and (min-width: 768px) {
  .histCont01 .historyMenu li:nth-child(1) {
    margin-top: -30px;
  }

  .histCont02 .historyMenu li:nth-child(2) {
    margin-top: -30px;
  }

  .histCont03 .historyMenu li:nth-child(3) {
    margin-top: -30px;
  }

  .histCont04 .historyMenu li:nth-child(4) {
    margin-top: -30px;
  }

  .histCont05 .historyMenu li:nth-child(5) {
    margin-top: -30px;
  }

  .histCont06 .historyMenu li:nth-child(6) {
    margin-top: -30px;
  }

  .histCont07 .historyMenu li:nth-child(7) {
    margin-top: -30px;
  }

  .histCont08 .historyMenu li:nth-child(8) {
    margin-top: -30px;
  }

  .histCont09 .historyMenu li:nth-child(9) {
    margin-top: -30px;
  }

  .histCont10 .historyMenu li:nth-child(10) {
    margin-top: -30px;
  }

  .histCont11 .historyMenu li:nth-child(11) {
    margin-top: -30px;
  }

  .histCont12 .historyMenu li:nth-child(12) {
    margin-top: -30px;
  }

  .historyMenu--sp {
    display: none;
  }

  .histCont__top {
    min-height: 200px;
  }

  .modal-content {
    top: 17% !important;
  }
}
@media screen and (max-width: 767px) {
  body .work h2 {
    margin-bottom: 20px;
  }

  .top-pane {
    overflow: hidden;
    margin: 0 0 50px 0;
  }
  .top-pane ul {
    width: 100%;
  }
  .top-pane li {
    display: block;
    width: 100%;
  }
  .top-pane li .sp-on {
    display: inline;
    width: 70%;
  }
  .top-pane li:nth-child(1) {
    text-align: left;
  }
  .top-pane li:nth-child(2) {
    text-align: right;
  }
  .top-pane li:nth-child(2) .sp-on {
    width: 60%;
  }
  .top-pane li:nth-child(3) {
    text-align: left;
  }

  #pagetop {
    right: 10px;
    bottom: 10px;
  }

  #keyvisual {
    padding-top: 51px;
  }

  #mainContent {
    padding-top: 51px;
  }

  .pageCont {
    padding-top: 10%;
  }

  .pageCont .work {
    padding-top: 50px;
  }

  .message01 .movie {
    width: 90%;
    margin: 0 auto 30px auto;
  }

  .pageCont .message01 .messageCont1 {
    background: url(../img/pages/sp_message_02.png) no-repeat center top;
    background-size: 100%;
    width: 100%;
    height: 1183px;
    padding-top: 50px;
    margin-bottom: 20px;
  }

  .pageCont .message01 .messageCont1 h2 {
    width: 180px;
    margin-left: 34%;
  }

  .messageCont1-spinner {
    width: 270px;
    margin: 0 auto;
  }

  .pageCont .message01 .messageCont1 p {
    font-size: 13px;
  }

  .pageCont .message01 .messageCont1 .logo {
    width: 150px;
    margin: 0 auto;
  }

  .pageBot-bans {
    width: 90%;
    margin: 0 auto 80px auto;
  }

  .pageBot-bans ul .pageBot-bans-L {
    float: none;
    margin-bottom: 20px;
  }

  .pageBot-bans ul .pageBot-bans-R {
    float: none;
  }

  .spBox-bot {
    margin-top: -2px;
  }

  /*message*/
  .message02 .messageCont {
    width: 90%;
    padding: 10% 5%;
    margin-bottom: 20px;
  }

  /*syain*/
  .syain {
    width: 100%;
  }
  .syain img {
    width: 100%;
  }
  .syain .inner {
    width: 100%;
  }
  .syain .mainImg {
    height: inherit;
    padding-top: 0;
    margin-bottom: 40px;
    background-color: #5dadd5;
    background-image: none;
  }
  .syain .mainImg .mainImgText {
    display: none;
  }
  .syain .mainImg .mainImg-box1 {
    width: 90%;
    padding: 0 5% 20px 5%;
    position: inherit;
    background-color: #5dadd5;
    top: 0;
    left: 0;
  }
  .syain .mainImg .mainImg-box2 {
    width: 84%;
    padding: 3%;
    margin: -40px auto 30px auto;
    position: inherit;
    top: 0;
    left: 0;
    box-shadow: 5px 5px 10px;
  }
  .syain .mainImg .mainImg-box2 .icon {
    width: 55px;
    padding: 0 2%;
    display: table;
    vertical-align: middle;
  }
  .syain .mainImg .mainImg-box2 .icon .iconImg {
    display: table-cell;
    vertical-align: middle;
  }
  .syain .mainImg .mainImg-box2 .icon .iconImg img {
    margin-top: -10px;
  }
  .syain .mainImg .mainImg-box2 .iconText {
    width: 70%;
    padding-top: 0;
  }
  .syain .content1 {
    background-image: none;
    height: inherit;
    margin-bottom: 30px;
  }
  .syain .content1 .syainMes1 {
    width: 100%;
    float: none;
    padding: 0;
    background-color: #5dadd5;
    margin-top: -5px;
  }
  .syain .content1 .syainMes1 h3 {
    display: none;
  }
  .syain .content1 .syainMes1 p {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
  }
  .syain .content2 {
    margin-bottom: 30px;
    overflow-x: inherit;
  }
  .syain .content2 .clearfix {
    width: 100%;
  }
  .syain .content2 .contentImg {
    display: none;
  }
  .syain .content2 .contentText {
    width: 90%;
    margin: 0 auto;
    float: none;
    padding: 0;
  }
  .syain .content2 .contentText h3 {
    margin-bottom: 20px;
  }
  .syain .content3 {
    background-image: none;
    height: inherit;
    margin-bottom: 30px;
  }
  .syain .content3 .syainMes1 {
    width: 100%;
    float: none;
    padding: 0;
    background-color: #5dadd5;
    margin-top: -5px;
  }
  .syain .content3 .syainMes1 h3 {
    display: none;
  }
  .syain .content3 .syainMes1 p {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
  }
  .syain .content4 {
    margin-bottom: 30px;
  }
  .syain .content4 .mesBox {
    width: 90%;
    height: inherit;
    margin: 0 auto;
    background-image: none;
  }
  .syain .content4 .mesBox p {
    display: none;
  }
  .syain .syainBtns {
    width: 90%;
    margin: 0 auto 30px auto;
  }
  .syain .syainBtns ul {
    text-align: center;
  }
  .syain .syainBtns ul li {
    margin: 0 2%;
    float: none;
    display: inline-block;
  }
  .syain .syainBtns ul li:nth-child(2), .syain .syainBtns ul li:nth-child(3), .syain .syainBtns ul li:nth-child(4), .syain .syainBtns ul li:nth-child(5), .syain .syainBtns ul li:nth-child(6), .syain .syainBtns ul li:nth-child(7), .syain .syainBtns ul li:nth-child(8), .syain .syainBtns ul li:nth-child(9), .syain .syainBtns ul li:nth-child(10), .syain .syainBtns ul li:nth-child(11), .syain .syainBtns ul li:nth-child(12) {
    margin-left: 2%;
  }
  .syain .syainBtns ul .syainBtns-a {
    width: 24%;
    margin: 0 2%;
  }
  .syain .syainBtns ul .syainBtns-b {
    width: 24%;
    margin: 0 2%;
  }

  .syain01 .mainImg .mainImg-box2 p,
  .syain02 .mainImg .mainImg-box2 p,
  .syain03 .mainImg .mainImg-box2 p,
  .syain04 .mainImg .mainImg-box2 p,
  .syain05 .mainImg .mainImg-box2 p,
  .syain06 .mainImg .mainImg-box2 p,
  .syain07 .mainImg .mainImg-box2 p,
  .syain08 .mainImg .mainImg-box2 p,
  .syain09 .mainImg .mainImg-box2 p,
  .syain10 .mainImg .mainImg-box2 p,
  .syain11 .mainImg .mainImg-box2 p,
  .syain12 .mainImg .mainImg-box2 p {
    padding-bottom: 0;
  }

  .syain05 .content2 .contentText .contentImg2 {
    margin-left: 0;
  }

  .pageBot-menu {
    width: 90%;
    margin: 0 auto 50px auto;
  }
  .pageBot-menu ul {
    text-align: center;
  }
  .pageBot-menu ul li {
    float: none;
    display: inline-block;
  }
  .pageBot-menu ul .pageBot-menu-a {
    width: 45%;
    margin: 2%;
  }
  .pageBot-menu ul .pageBot-menu-b {
    width: 45%;
  }

  /*history*/
  .histCont {
    min-height: inherit;
  }

  .histCont--page {
    min-height: inherit;
  }

  .histCont .histImg-top {
    width: 100%;
    margin-top: 0;
  }

  .histCont .histImg-top p {
    display: none;
  }

  .histCont .historyMenu {
    width: 80% !important;
    position: inherit;
    margin-top: 50px;
  }

  .histCont .historyMenu li {
    width: 30%;
    margin-right: 2.5%;
    padding-bottom: 35px;
  }

  .histCont .historyMenu li img {
    width: 100%;
  }

  /*modal*/
  .modal-content {
    width: 320px;
    top: 35% !important;
  }

  .modal-content__in p {
    font-size: 12px;
    background-image: none;
    padding: 0;
  }

  .histCont01 {
    background-image: url(../img/pages/sp/sp_history01_bg.png);
  }
  .histCont01 h2 img {
    width: 120px;
  }
  .histCont01 .modal-content__text {
    top: 49px;
    left: 58px;
    width: 215px;
    transform: rotate(11deg);
    -moz-transform: rotate(11deg);
    -webkit-transform: rotate(11deg);
    padding: 0;
  }
  .histCont01 .modal-close__btn {
    top: 0;
    left: 280px;
  }

  .histCont02 {
    background-image: url(../img/pages/sp/sp_history02_bg.png);
  }
  .histCont02 h2 img {
    width: 120px;
  }
  .histCont02 .modal-content__text {
    top: 17px;
    left: 75px;
    width: 210px;
    transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    padding: 0;
    font-size: 11.5px;
  }
  .histCont02 .modal-close__btn {
    top: -40px;
    left: 280px;
  }

  .histCont03 {
    background-image: url(../img/pages/sp/sp_history03_bg.png);
  }
  .histCont03 h2 img {
    width: 120px;
  }
  .histCont03 .modal-content__text {
    top: 44px;
    left: 66px;
    padding: 0;
  }
  .histCont03 .modal-close__btn {
    top: -40px;
    left: 280px;
  }

  .histCont04 {
    background-image: url(../img/pages/sp/sp_history04_bg.png);
  }
  .histCont04 h2 img {
    width: 300px;
  }

  .histCont05 {
    background-image: url(../img/pages/sp/sp_history05_bg.png);
  }
  .histCont05 h2 img {
    width: 230px;
  }

  .histCont06 {
    background-image: url(../img/pages/sp/sp_history06_bg.png);
  }
  .histCont06 h2 img {
    width: 190px;
  }
  .histCont06 .modal-content__text {
    top: 27px;
    left: 70px;
    width: 200px;
    transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    padding: 0;
  }
  .histCont06 .modal-close__btn {
    top: -40px;
    left: 280px;
  }

  .histCont07 {
    background-image: url(../img/pages/sp/sp_history07_bg.png);
  }
  .histCont07 h2 img {
    width: 250px;
  }

  .histCont08 {
    background-image: url(../img/pages/sp/sp_history08_bg.png);
  }
  .histCont08 h2 img {
    width: 120px;
  }
  .histCont08 .modal-content__text {
    top: 340px;
    left: 63px;
    transform: rotate(12deg);
    -moz-transform: rotate(12deg);
    -webkit-transform: rotate(12deg);
    padding: 0;
  }
  .histCont08 .modal-close__btn {
    top: -40px;
    left: 280px;
  }

  .histCont09 {
    background-image: url(../img/pages/sp/sp_history09_bg.png);
  }
  .histCont09 h2 img {
    width: 165px;
  }

  .histCont10 {
    background-image: url(../img/pages/sp/sp_history10_bg.png);
  }
  .histCont10 h2 img {
    width: 180px;
  }

  .histCont11 {
    background-image: url(../img/pages/sp/sp_history11_bg.png);
  }
  .histCont11 h2 img {
    width: 215px;
  }
  .histCont11 .modal-content__text {
    top: 198px;
    left: 58px;
    transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    padding: 0;
  }
  .histCont11 .modal-close__btn {
    top: -40px;
    left: 280px;
  }

  .histCont12 {
    background-image: url(../img/pages/sp/sp_history12_bg.png);
  }
  .histCont12 h2 img {
    width: 180px;
  }

  .histCont--page h2 {
    position: inherit;
    text-align: right;
    width: 100%;
    display: block;
    top: 0;
    right: 0;
    margin-bottom: 20px;
  }
  .histCont--page h2 .sp-on {
    display: inline;
  }

  .histCont--page .histBox {
    width: 80%;
    margin-bottom: 50px;
  }
  .histCont--page .histBox h3 {
    margin-bottom: 20px;
    margin-left: -5%;
  }
  .histCont--page .histBox .histBox-L {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .histCont--page .histBox .histBox-R {
    float: none;
    width: 100%;
  }

  .histCont--page .hist-pre {
    width: 5%;
    left: 5px;
    top: 430px;
  }

  .histCont--page .hist-nex {
    width: 5%;
    right: 5px;
    top: 430px;
  }

  /*menuSlide*/
  .bx-viewport {
    height: auto !important;
  }

  .historyMenu--sp .historyMenu--sp--curr {
    margin-top: -30px;
  }
  .historyMenu--sp .historyMenu {
    padding-top: 30px;
    width: 70% !important;
    margin-bottom: 0;
  }
  .historyMenu--sp .historyMenu li {
    width: 31.6%;
    margin-left: 0.8%;
    margin-right: 0.8%;
  }

  .histCont .historyMenu--page {
    position: inherit;
    bottom: 0;
    margin-top: 0;
  }

  .bx-wrapper .bx-prev {
    background: url(../img/pages/history_pe.png) !important;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 19px;
    height: 34px;
  }

  .bx-wrapper .bx-next {
    background: url(../img/pages/history_nex.png) !important;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 19px;
    height: 34px;
  }

  .histCont--page .hist-pre a {
    height: 36px;
  }

  .histCont--page .hist-nex a {
    height: 36px;
  }

  .bx-wrapper .bx-controls-direction a {
    top: 5% !important;
  }

  .historyMenu .active img {
    margin-top: 0;
  }

  .hist-footer {
    padding-top: 0;
    margin-top: -15%;
  }

  .hist-footer--top {
    margin-top: 0;
  }

  .histBox--bot {
    margin-bottom: 40px;
  }

  body {
    height: 100%;
  }

  .history .bx-wrapper {
    height: 100%;
  }

  .history .bx-wrapper .bx-viewport {
    height: 100%;
  }

  .histSlide {
    height: 985px;
  }

  .histCont {
    height: 985px;
    margin-bottom: 50px;
  }

  /*recruit*/
  .pageCont--recruit .inner {
    width: 80%;
    padding: 10% 5%;
  }
  .pageCont--recruit .recruit-btnarea .recruit-btn {
    width: 250px;
    margin: 0 auto 10px;
  }
  .pageCont--recruit .recruit-btnarea .recruit-btn a {
    font-size: 14px;
  }
  .pageCont--recruit .recruit-btn {
    width: 250px;
  }
  .pageCont--recruit .recruit-btn a {
    font-size: 14px;
    padding: 10px 0;
    box-sizing: border-box;
    line-height: 2;
  }
  .pageCont--recruit .recruit-btn--wide {
    width: 250px;
  }
  .pageCont--recruit .faq-tit {
    padding-top: 51px !important;
    margin-top: -51px !important;
  }
  .pageCont--recruit .past-ex th {
    display: block;
    width: 100%;
  }
  .pageCont--recruit .past-ex td {
    display: block;
    width: 100%;
  }
  .pageCont--recruit .past-ex__ye {
    background-color: #5DAED6 !important;
    color: #fff !important;
  }
  .pageCont--recruit .past-ex.recruit__jobtable {
    margin: 0 0 20px;
  }
  .pageCont--recruit .past-ex.recruit__jobtable th, .pageCont--recruit .past-ex.recruit__jobtable td {
    display: table-cell;
    width: auto;
  }

  .recBot_ban {
    margin-top: 80px;
  }
  .recBot_ban li {
    width: 30%;
  }
  .recBot_ban li img {
    width: 100%;
  }

  /*ima*/
  .imaCont img {
    width: 100%;
  }

  .imaCont p {
    line-height: 1.7;
  }

  .imaCont .imaCont02 .imaInner {
    width: 90%;
    margin: 0 auto;
  }

  .imaCont .imaInner {
    width: 90%;
    margin: 0 auto;
    font-size: 12px;
  }

  .imaCont .imaCont06 .imaCont06-imgs-L {
    width: 100%;
    float: none;
  }

  .imaCont .imaCont06 .imaCont06-imgs-R {
    width: 100%;
    float: none;
    margin: 0;
  }

  .imaCont .imaInner .ima-tit1 {
    margin-bottom: 20px;
  }

  .imaCont .ima-tit2 {
    margin: 0 0 10px 0;
    padding: 3px 5%;
  }

  .imaCont01-tit {
    display: none;
  }

  .imaCont .imaCont01 {
    background-image: none;
    height: auto;
    margin-top: 30px;
    margin-bottom: 0;
  }
  .imaCont .imaCont01 .imaInner {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
  }

  .imaCont .imaCont01 .imaCont01-li {
    padding-top: 0;
  }

  .imaCont .imaCont01 .imaCont01-li li {
    float: none;
    width: 100%;
    margin-bottom: 12%;
  }

  .imaCont .imaCont01 .imaCont01-li li .imaCont01-text {
    width: 60%;
    margin: 0 auto;
    font-size: 100%;
  }

  .imaCont .imaCont02 {
    height: auto;
    background-image: url(../img/pages/sp/sp_ima_bg02.png);
    background-position: top;
    background-repeat: no-repeat;
    margin-bottom: 80px;
  }
  .imaCont .imaCont02 .imaInner {
    position: inherit;
    width: 100%;
  }

  .imaCont .imaCont02 .imaCont02-L {
    float: none;
    width: 90%;
    margin: 0 auto 50px auto;
  }

  .imaCont .imaCont02 .imaCont02-R {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    height: auto;
  }

  .imaCont .imaCont02 .imaCont02-L .imaCont02-L-tit {
    display: none;
  }

  .imaCont .imaCont02 .imaCont02-L .imaCont02-L-img {
    position: relative;
  }
  .imaCont .imaCont02 .imaCont02-L .imaCont02-L-img a {
    position: absolute;
    left: 50%;
    top: 20%;
    transform: rotate(2deg) translateX(-50%);
    font-size: 14px;
    font-weight: bold;
    color: #4d9ecc;
  }

  .imaCont .imaCont02 .imaCont02-R .imaCont02-R-text {
    position: relative;
    float: none;
    width: 100%;
    padding: 40px 10%;
    box-sizing: border-box;
    margin: 0 auto;
    background: #2db9e7;
  }
  .imaCont .imaCont02 .imaCont02-R .imaCont02-R-text::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 90vw 0 10vw;
    border-color: #2db9e7 transparent transparent transparent;
  }
  .imaCont .imaCont02 .imaCont02-R .imaCont02-R-text li {
    width: 100%;
  }
  .imaCont .imaCont02 .imaCont02-R .imaCont02-R-text .imaCont02-R-img--sp {
    width: 60%;
    margin: 0 auto 10px auto;
  }

  .imaCont03 .imaInner {
    width: 100%;
  }

  .imaCont .imaCont03 .imaCont03-img1 {
    margin: 20px 0;
  }

  .imaCont .imaCont04 {
    background-image: none;
    height: auto;
    margin-bottom: 30px;
    position: relative;
  }
  .imaCont .imaCont04 .imaInner {
    position: absolute;
    left: 0;
    right: 0;
    top: 33%;
    width: 90%;
  }

  .imaCont .imaCont04 .imaInner .imaCont04-text {
    width: 90%;
    margin: 10px auto;
    position: static;
    top: inherit;
    right: inherit;
  }

  .imaCont .imaCont05 {
    background-image: none;
    height: auto;
    margin-bottom: 30px;
  }
  .imaCont .imaCont05 .imaInner {
    width: 100%;
  }

  .imaCont .imaCont05 .imaCont05-L {
    width: 100%;
    margin: 0;
    float: none;
    position: relative;
  }
  .imaCont .imaCont05 .imaCont05-L p {
    position: absolute;
    left: 0;
    right: 0;
    top: 70%;
    margin: 0 auto;
    width: 90%;
  }

  .imaCont .imaCont05 .imaCont05-R {
    width: 100%;
    float: none;
    position: relative;
    margin-top: 10px;
  }
  .imaCont .imaCont05 .imaCont05-R p {
    position: absolute;
    left: 0;
    right: 0;
    top: 58%;
    margin: 0 auto;
    width: 90%;
  }

  .imaCont .imaCont07 {
    background-image: none;
    height: auto;
    margin-bottom: 30px;
    position: relative;
  }
  .imaCont .imaCont07 .imaInner {
    position: absolute;
    left: 0;
    right: 0;
    top: 58%;
    width: 90%;
  }

  .imaCont .imaCont07 .imaInner .imaCont07-text {
    width: auto;
    margin: 0 auto;
    position: static;
    top: inherit;
    right: inherit;
  }

  .imaCont .imaCont06 .imaCont06-imgs {
    margin-bottom: 30px;
  }

  .imaCont .imaCont06 .imaCont06-li {
    width: 100%;
    margin: 20px auto;
    list-style-type: none;
  }
  .imaCont .imaCont06 .imaCont06-li .imaCont06-li-text1 {
    color: #29abe2;
    font-size: 14px;
  }
  .imaCont .imaCont06 .imaCont06-li li {
    width: 100%;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 40%;
    background-size: 500px;
    margin-bottom: 20px;
  }
  .imaCont .imaCont06 .imaCont06-li li p {
    line-height: 1.5;
  }
  .imaCont .imaCont06 .imaCont06-li li .imaCont06-li-text1 {
    width: 290px;
    margin: 0 auto;
  }
  .imaCont .imaCont06 .imaCont06-li li .imaCont06-li-text2 {
    width: 300px;
    margin: 0 auto;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(1) {
    background-image: url(../img/pages/sp/sp_ima_bg07.png);
    height: 148px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(1) .imaCont06-li-text1 {
    padding-top: 20px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(2) {
    background-image: url(../img/pages/sp/sp_ima_bg08.png);
    height: 127px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(2) .imaCont06-li-text1 {
    padding-top: 10px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(3) {
    background-image: url(../img/pages/sp/sp_ima_bg09.png);
    height: 120px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(3) .imaCont06-li-text1 {
    padding-top: 20px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(4) {
    background-image: url(../img/pages/sp/sp_ima_bg10.png);
    height: 120px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(4) .imaCont06-li-text1 {
    padding-top: 20px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(5) {
    background-image: url(../img/pages/sp/sp_ima_bg11.png);
    height: 142px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(5) .imaCont06-li-text1 {
    padding-top: 45px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(6) {
    background-image: url(../img/pages/sp/sp_ima_bg12.png);
    height: 124px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(6) .imaCont06-li-text1 {
    padding-top: 15px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(7) {
    background-image: url(../img/pages/sp/sp_ima_bg13.png);
    height: 129px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(7) .imaCont06-li-text1 {
    padding-top: 10px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(8) {
    background-image: url(../img/pages/sp/sp_ima_bg14.png);
    height: 130px;
  }
  .imaCont .imaCont06 .imaCont06-li li:nth-child(8) .imaCont06-li-text1 {
    padding-top: 35px;
  }

  .imaBot-btns {
    margin-bottom: 20px;
  }
  .imaBot-btns li {
    width: 90%;
    margin: 0 0 20px 0;
  }
  .imaBot-btns li img {
    width: 100%;
  }
  .imaBot-btns li span {
    display: none;
  }

  /*korekara*/
  .koreCont .koreCont03 .koreCont03-L,
  .koreCont .koreCont04 .koreCont04-L {
    width: 100%;
  }

  .koreCont .koreCont01 {
    background-image: none;
    height: auto;
    margin-bottom: 30px;
    padding-top: 0;
    position: relative;
  }
  .koreCont .koreCont01 .imaInner {
    position: absolute;
    top: 3%;
    left: 0;
    right: 0;
    width: 90%;
  }
  .koreCont .koreCont01 .imaInner .koreCont01-spImg img {
    margin-bottom: 20px;
  }

  .koreCont .koreCont02 {
    background-image: none;
    height: auto;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-top: 0;
    position: relative;
  }
  .koreCont .koreCont02 .imaInner {
    position: absolute;
    top: 6%;
    left: 0;
    right: 0;
    width: 90%;
  }
  .koreCont .koreCont02 .imaInner img {
    margin-bottom: 30px;
  }
  .koreCont .koreCont02 .koreCont02-R {
    width: 100%;
    margin-top: 0;
  }

  .koreCont .koreCont02 .koreCont02-L {
    width: 100%;
    float: none;
  }

  .koreCont .koreCont03 {
    background-image: none;
    height: auto;
    margin-top: 20px;
    padding-top: 0;
    position: relative;
  }
  .koreCont .koreCont03 .imaInner {
    position: absolute;
    top: 7%;
    left: 0;
    right: 0;
    width: 90%;
  }
  .koreCont .koreCont03 .imaInner .koreCont03-L {
    margin-top: 0;
  }
  .koreCont .koreCont03 .imaInner .koreCont03-R {
    margin-top: 0;
    width: 100%;
    float: none;
  }
  .koreCont .koreCont03 .imaInner img {
    margin-bottom: 20px;
  }
  .koreCont .koreCont03 .koreCont02-R {
    width: 100%;
    margin-top: 0;
  }

  .koreCont .koreCont04 {
    background-image: none;
    height: auto;
    margin-top: 30px;
    padding-top: 0;
    margin-bottom: 40px;
    position: relative;
  }
  .koreCont .koreCont04 .imaInner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 90%;
  }
  .koreCont .koreCont04 .imaInner .koreCont04-L {
    margin-top: 0;
  }
  .koreCont .koreCont04 .imaInner .koreCont04-R {
    margin-top: 0;
    width: 100%;
    float: none;
  }
  .koreCont .koreCont04 .imaInner img {
    margin-bottom: 20px;
  }
  .koreCont .koreCont04 .koreCont04-R {
    width: 100%;
    margin-top: 0;
  }

  /*special*/
  .specCont {
    font-size: 14px;
  }

  .scoop01 .specCont__inner {
    width: 100%;
  }
  .scoop01 .specCont04 {
    width: 100%;
  }
  .scoop01 .specCont__main {
    background: none;
    height: inherit;
    margin-bottom: 0;
  }
  .scoop01 .specCont01 {
    background: none;
    margin-bottom: 40px;
  }
  .scoop01 .specCont01 h3 {
    margin-bottom: 0;
  }
  .scoop01 .specCont01 h4 {
    line-height: 0;
  }
  .scoop01 .specCont01__img {
    display: none;
  }
  .scoop01 .specCont01__textbox {
    width: 90%;
    padding: 5%;
    background-color: #e8e8e8;
    margin-top: -10px;
  }
  .scoop01 .specCont02 {
    background-image: url(../img/pages/sp/sp_scoop1_bg.png);
    background-size: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .scoop01 .specCont02 .specCont02__img {
    display: none;
  }
  .scoop01 .specCont02 h4 {
    margin: 0;
  }
  .scoop01 .specCont02 .specCont__inner {
    width: 90%;
    padding: 0 5%;
  }
  .scoop01 .specCont03 {
    height: inherit;
    margin-top: 0;
    margin-bottom: 40px;
    padding-top: 0px;
    background: none;
  }
  .scoop01 .specCont03 .specCont03__img {
    display: none;
  }
  .scoop01 .specCont03 .specCont03__text1 {
    width: 90%;
    padding: 0 5%;
    background-color: #e8e8e8;
    margin-top: -10px;
  }
  .scoop01 .specCont03 .specCont03__text2 {
    width: 90%;
    padding: 0 5%;
    background-color: #e8e8e8;
  }
  .scoop01 .specCont04 {
    width: 90%;
    padding: 5%;
    background-image: url(../img/pages/sp/sp_scoop2bg_05.png);
    background-repeat: repeat-y;
    height: inherit;
    margin-bottom: 40px;
  }
  .scoop01 .specCont04 .specCont04__in {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .scoop01 .specCont04 .specCont04__in2 {
    white-space: inherit;
  }
  .scoop01 .specCont04 .specCont04__in__img {
    width: 40%;
    margin: 0;
  }
  .scoop01 .specCont04 .specCont04__in__text {
    float: right;
    width: 55%;
    margin-top: 0;
  }

  .scoop02 .specCont__inner {
    width: 100%;
  }
  .scoop02 .specCont04 {
    width: 100%;
  }
  .scoop02 .specCont__main {
    background: none;
    height: inherit;
    margin-bottom: 0;
  }
  .scoop02 .specCont01 {
    background: none;
    margin-bottom: 40px;
    padding-top: 160px;
    height: inherit;
  }
  .scoop02 .specCont01 .specCont01__text {
    width: 100%;
    padding: 3% 0 0;
    background-color: #e8e8e8;
  }
  .scoop02 .specCont01 .specCont01__text1 {
    width: 90%;
    padding: 0 5%;
  }
  .scoop02 .specCont01 .specCont01__text2 {
    width: 90%;
    padding: 0 5%;
  }
  .scoop02 .specCont01 .specCont01__img03 {
    display: none;
  }
  .scoop02 .specCont01 h3 {
    margin-bottom: 0;
  }
  .scoop02 .specCont01 h4 {
    line-height: 0;
  }
  .scoop02 .specCont01__img {
    display: none;
  }
  .scoop02 .specCont01__textbox {
    width: 100%;
    margin-top: -10px;
  }
  .scoop02 .specCont02 {
    background: none;
    padding-top: 0;
    margin-bottom: 0;
  }
  .scoop02 .specCont02 .specCont02__img {
    display: none;
  }
  .scoop02 .specCont02 h4 {
    margin: 0;
  }
  .scoop02 .specCont02 .specCont__inner {
    width: 100%;
  }
  .scoop02 .specCont02 .specCont02__text {
    float: none;
    width: 90%;
    padding: 0 5%;
    background-color: #e8e8e8;
  }
  .scoop02 .specCont03 {
    height: inherit;
    margin-top: 0;
    margin-bottom: 40px;
    padding-top: 0px;
    background-image: url(../img/pages/sp/sp_scoop2_07.png);
    background-color: #e8e8e8;
    background-size: 100%;
    background-position: top;
  }
  .scoop02 .specCont03 .specCont03__textbox {
    width: 90%;
    padding: 0 5%;
    padding-top: 24%;
  }
  .scoop02 .specCont03 .specCont03__img {
    width: 36%;
    margin: 0 0 2% 2%;
  }
  .scoop02 .specCont03 .specCont03__text1 {
    width: 90%;
    padding: 0 5%;
    background-color: #e8e8e8;
    margin-top: -10px;
  }
  .scoop02 .specCont03 .specCont03__text2 {
    width: 90%;
    padding: 0 5%;
    background-color: #e8e8e8;
  }
  .scoop02 .specCont04 {
    width: 90%;
    padding: 5%;
    background-image: url(../img/pages/sp/sp_scoop2bg_05.png);
    background-repeat: repeat-y;
    height: inherit;
    margin-bottom: 40px;
  }
  .scoop02 .specCont04 .specCont04__in {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .scoop02 .specCont04 .specCont04__in2 {
    white-space: inherit;
  }
  .scoop02 .specCont04 .specCont04__in__img {
    width: 40%;
    margin: 0;
  }
  .scoop02 .specCont04 .specCont04__in__text {
    float: right;
    width: 55%;
    margin-top: 0;
  }

  .scoop03 {
    width: 100%;
  }
  .scoop03 .specCont__inner {
    width: 100%;
  }
  .scoop03 .specCont04 {
    width: 100%;
  }
  .scoop03 .specCont__main {
    width: 100%;
    height: auto;
    background-image: none;
    margin-bottom: 10px;
  }
  .scoop03 .specCont__main h2 {
    position: absolute;
    bottom: -40px;
  }
  .scoop03 .specCont01 {
    width: 100%;
    height: auto;
    background-image: none;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 20px;
    margin-bottom: 30px;
  }
  .scoop03 .specCont01__textbox {
    width: 90%;
    padding: 5%;
    background-color: #e8e8e8;
  }
  .scoop03 .specCont01 h3 {
    margin-bottom: 0px;
  }
  .scoop03 .specCont01 h4 {
    margin-bottom: 0px;
  }
  .scoop03 .specCont01 .specCont01-L {
    float: none;
    width: 100%;
  }
  .scoop03 .specCont01 .specCont01-R {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .scoop03 .specCont02 {
    width: 100%;
    height: auto;
    background-image: none;
    padding-top: 0;
    margin-bottom: 50px;
  }
  .scoop03 .specCont02__textbox {
    width: 90%;
    padding: 5%;
    background-color: #e8e8e8;
  }
  .scoop03 .specCont02 h4 {
    text-align: left;
    margin-bottom: 0;
  }
  .scoop03 .specCont02 .specCont02-L {
    float: none;
    width: 100%;
  }
  .scoop03 .specCont02 .specCont02-R {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .scoop03 .specCont03 {
    width: 100%;
    height: auto;
    background-image: none;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 0;
    margin-bottom: 50px;
  }
  .scoop03 .specCont03__textbox {
    width: 90%;
    padding: 5%;
    background-color: #e8e8e8;
  }
  .scoop03 .specCont03__textbox img {
    float: none;
    margin: 0;
  }
  .scoop03 .specCont03__textbox p {
    margin-top: -30px;
  }
  .scoop03 .specCont03 h4 {
    margin-bottom: 0;
  }
  .scoop03 .specCont03__text {
    float: none;
    width: 100%;
  }
  .scoop03 .specCont04 {
    width: 90%;
    padding: 5%;
    background-image: url(../img/pages/sp/sp_scoop2bg_05.png);
    background-repeat: repeat-y;
    height: inherit;
    margin-bottom: 40px;
  }
  .scoop03 .specCont04 .specCont04__in {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .scoop03 .specCont04 .specCont04__in2 {
    white-space: inherit;
  }
  .scoop03 .specCont04 .specCont04__in__img {
    width: 40%;
    margin: 0;
  }
  .scoop03 .specCont04 .specCont04__in__text {
    float: right;
    width: 55%;
    margin-top: 0;
  }

  .scoop04 {
    width: 100%;
  }
  .scoop04 .specCont__inner {
    width: 100%;
  }
  .scoop04 .specCont04 {
    width: 100%;
  }
  .scoop04 .specCont__main {
    width: 100%;
    height: auto;
    background-image: none;
    margin-bottom: 0;
  }
  .scoop04 .specCont__main h2 {
    position: absolute;
    bottom: -40px;
  }
  .scoop04 .specCont01 {
    width: 100%;
    height: auto;
    background-image: none;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 20px;
  }
  .scoop04 .specCont01__textbox {
    width: 90%;
    padding: 5%;
    background-color: #e8e8e8;
  }
  .scoop04 .specCont01 h3 {
    margin-bottom: 0px;
  }
  .scoop04 .specCont01 h4 {
    margin-bottom: 0px;
  }
  .scoop04 .specCont01 .specCont01-L {
    float: none;
    width: 100%;
  }
  .scoop04 .specCont01 .specCont01-R {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .scoop04 .specCont02 {
    width: 100%;
    height: auto;
    background-image: none;
    padding-top: 0;
    margin-bottom: 30px;
  }
  .scoop04 .specCont02__textbox {
    width: 90%;
    padding: 5%;
    background-color: #e8e8e8;
  }
  .scoop04 .specCont02 h4 {
    text-align: left;
    margin-bottom: 0;
    margin-right: 0;
  }
  .scoop04 .specCont02 .specCont02-L {
    float: none;
    width: 100%;
  }
  .scoop04 .specCont02 .specCont02-R {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .scoop04 .specCont02 .specCont02-R p {
    margin-top: -90px;
  }
  .scoop04 .specCont03 {
    width: 100%;
    height: auto;
    background-image: none;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 0;
    margin-bottom: 50px;
  }
  .scoop04 .specCont03__textbox {
    width: 90%;
    padding: 5%;
    background-color: #e8e8e8;
  }
  .scoop04 .specCont03__textbox p {
    margin-top: -48%;
  }
  .scoop04 .specCont03 .specCont03-L {
    float: none;
    width: 100%;
  }
  .scoop04 .specCont03 .specCont03-R {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .scoop04 .specCont03 h4 {
    margin-bottom: 0;
  }
  .scoop04 .specCont03 h3 {
    line-height: 0;
  }
  .scoop04 .specCont03__text {
    float: none;
    width: 100%;
  }
  .scoop04 .specCont04 {
    width: 90%;
    padding: 5%;
    background-image: url(../img/pages/sp/sp_scoop2bg_05.png);
    background-repeat: repeat-y;
    height: inherit;
    margin-bottom: 40px;
  }
  .scoop04 .specCont04 .specCont04__in {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .scoop04 .specCont04 .specCont04__in2 {
    white-space: inherit;
  }
  .scoop04 .specCont04 .specCont04__in__img {
    width: 40%;
    margin: 0;
  }
  .scoop04 .specCont04 .specCont04__in__text {
    float: right;
    width: 55%;
    margin-top: 0;
  }

  .sp__specCont01__img1 {
    float: right;
    margin: 0 0 2% 2%;
    width: 38%;
  }

  .specBot__ban {
    margin-bottom: 20px;
  }

  .specBot__ban li {
    display: block;
    float: left;
    width: 46%;
    margin: 2%;
    min-height: 140px;
  }

  .specBot__ban--mb {
    display: none;
  }

  /*internship*/
  .intern-header {
    height: 80px !important;
  }
  .intern-header .btn-nav {
    width: 86px !important;
  }

  .intern-header-menu {
    margin-top: -8px;
  }
  .intern-header-menu a:before {
    background: none !important;
  }

  .internPage {
    padding-top: 0px !important;
  }
  .internPage .intern-sec1 {
    width: 100%;
    min-width: inherit;
    height: auto;
    background-image: none;
  }
  .internPage .intern-sec1 h2 {
    text-align: center;
    padding-top: 50px;
  }
  .internPage .intern-sec2 {
    width: 100%;
    height: auto;
    padding-top: 0;
    margin: -10% auto 0 auto;
    background-image: none;
    font-size: 12px;
  }
  .internPage .intern-sec2 .text2 {
    display: none;
  }
  .internPage .intern-sec2 .text3 {
    position: absolute;
    margin: 0 auto;
    width: 76%;
    top: 60%;
    left: 0;
    right: 0;
  }
  .internPage .intern-sec2-cont {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-top: -10px;
    position: relative;
  }
  .internPage .intern-sec2-cont1 {
    margin-top: 0;
  }
  .internPage .intern-sec3 {
    width: 100%;
    margin: 0 auto;
    font-weight: bolder;
  }
  .internPage .intern-sec3 .q-text {
    margin-left: 0;
    margin-bottom: 20px;
  }
  .internPage .intern-sec3-cont1 {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .internPage .intern-sec3-cont1 .a-cont-L {
    float: left;
    width: 20%;
    position: relative;
  }
  .internPage .intern-sec3-cont1 .a-cont-L:after {
    display: none;
  }
  .internPage .intern-sec3-cont1 .a-cont-R {
    float: right;
    width: 72%;
    margin-top: 0;
    border-left: 4px solid #fcee21;
    padding-left: 10px;
  }
  .internPage .intern-sec3-cont2 {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .internPage .intern-sec3-cont2 .a-cont-R {
    float: right;
    width: 20%;
    position: relative;
  }
  .internPage .intern-sec3-cont2 .a-cont-R:after {
    display: none;
  }
  .internPage .intern-sec3-cont2 .a-cont-L {
    float: left;
    width: 72%;
    margin-top: 0;
    border-right: 4px solid #fcee21;
    padding-right: 10px;
  }
  .internPage .intern-sec3-cont2-bot {
    margin-bottom: 60px;
  }
  .internPage .intern-sec4 {
    width: 90%;
    margin: 0 auto;
    padding-top: 0;
  }

  /*kiji*/
  .kijiCont {
    background: url(../img/pages/kiji_bg.png);
  }
  .kijiCont .kiji-tit1 {
    margin-bottom: 20px;
  }
  .kijiCont .kijiInner {
    width: 90%;
    margin: 0 auto;
  }
  .kijiCont .card {
    float: none;
    overflow: hidden;
    border-radius: 5px;
    width: 90%;
    padding: 5%;
    margin-bottom: 20px;
    position: relative;
  }
  .kijiCont .long .omote {
    height: auto;
    width: 100%;
  }
  .kijiCont .long .omote img {
    width: 100%;
  }
  .kijiCont .long .omote .kiji-op {
    display: none;
  }
  .kijiCont .long .omote .sp-kiji-btn {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 20px;
    right: 20px;
    background-image: url(../img/pages/kiji-op.png);
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .kijiCont .long .omote .open {
    background-image: url(../img/pages/kiji-cls.png);
  }
  .kijiCont .long .omote .on {
    display: block;
  }
  .kijiCont .omote {
    background-image: none !important;
  }
  .kijiCont .ura {
    display: none;
    height: auto;
    width: 100%;
    background-image: none !important;
  }
  .kijiCont .ura .detail {
    height: auto;
    width: 100%;
    position: relative;
  }
  .kijiCont .ura .detail p {
    position: inherit;
    width: 90%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    line-height: 1.6;
  }
  .kijiCont .ura .detail .kiji-cls {
    display: none;
    position: absolute;
    top: 30px;
    right: 30px;
  }
  .kijiCont .w1 {
    width: 90%;
  }
  .kijiCont .h1 {
    height: auto;
  }
  .kijiCont .kiji01 {
    background-color: #5caed5;
  }
  .kijiCont .kiji01 p {
    color: #fff;
  }
  .kijiCont .kiji02 {
    background-color: #fff100;
  }
  .kijiCont .kiji02 p {
    color: #000;
  }
  .kijiCont .kiji03 {
    background-color: #5caed5;
  }
  .kijiCont .kiji03 p {
    color: #fff;
  }
  .kijiCont .kiji04 {
    background-color: #fff100;
  }
  .kijiCont .kiji04 p {
    color: #000;
  }
  .kijiCont .kiji05 {
    background-color: #5caed5;
  }
  .kijiCont .kiji05 p {
    color: #fff;
  }
  .kijiCont .kiji06 {
    background-color: #fff100;
  }
  .kijiCont .kiji06 p {
    color: #000;
  }
  .kijiCont .kiji07 {
    background-color: #5caed5;
  }
  .kijiCont .kiji07 p {
    color: #fff;
  }
  .kijiCont .kiji08 {
    background-color: #fff100;
  }
  .kijiCont .kiji08 p {
    color: #000;
  }

  /*shigoto*/
  .shigoto {
    font-size: 16px;
    padding-top: 51px !important;
  }
  .shigoto .inner {
    width: 90%;
  }
  .shigoto .shigotoCont01 {
    margin-bottom: 50px;
  }
  .shigoto .shigotoCont01__L {
    float: none;
    width: 66%;
    margin: 20px auto 0 auto;
  }
  .shigoto .shigotoCont01__R {
    float: left;
    width: 100%;
    margin: 0;
  }
  .shigoto .shigoto01-sec {
    width: 100%;
    margin: 0 auto;
  }
  .shigoto .shigoto01-sec .dis-box-btn {
    float: left;
    margin-right: 0;
    width: 25%;
    cursor: pointer;
  }
  .shigoto .shigoto01-sec .dis-box-btn img {
    width: 100%;
  }
  .shigoto .shigoto01-sec .dis-box-btn04, .shigoto .shigoto01-sec .dis-box-btn08, .shigoto .shigoto01-sec .dis-box-btn12, .shigoto .shigoto01-sec .dis-box-btn16 {
    margin-right: 0;
  }
  .shigoto .shigoto01-sec .dis-boxes {
    margin-top: 20px;
  }
  .shigoto .shigoto01-sec .dis-boxes .dis-box:nth-of-type(1):after {
    left: 10%;
  }
  .shigoto .shigoto01-sec .dis-boxes .dis-box:nth-of-type(2):after {
    left: 35%;
  }
  .shigoto .shigoto01-sec .dis-boxes .dis-box:nth-of-type(3):after {
    left: 60%;
  }
  .shigoto .shigoto01-sec .dis-boxes .dis-box:nth-of-type(4):after {
    left: 85%;
  }
  .shigoto .shigoto01-sec .dis-box {
    clear: both;
    display: none;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    background-color: #ffff00;
    padding: 20px;
    font-size: 14px;
    position: relative;
    box-shadow: 5px 6px 6px -7px #333;
    -moz-box-shadow: 5px 6px 6px -7px #333;
    -webkit-box-shadow: 5px 6px 6px -7px #333;
  }
  .shigoto .shigoto01-sec .dis-box:after {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 20px 40px 20px;
    border-color: transparent transparent #ffff00 transparent;
  }
  .shigoto .shigoto01-sec .shigoto01-sec-text1 {
    line-height: 0;
    width: 934px;
    margin: 0 auto 20px auto;
  }
  .shigoto .shigoto01-sec .shigoto01-sec-text1 p {
    line-height: 1.5;
    background-image: url(../img/pages/shugoto01_07_mid.png);
    padding: 10px 20px;
  }
  .shigoto .shigoto01-sec .fir-li li {
    margin-bottom: 0;
  }
  .shigoto .shigoto02-sec {
    width: 100%;
  }
  .shigoto .shigoto02-sec .shigoto-box {
    position: relative;
    margin-bottom: 10px;
  }
  .shigoto .shigoto02-sec .shigoto-box p {
    position: absolute;
    color: #fff;
    width: 90%;
    font-size: 13px;
  }
  .shigoto .shigoto02-sec .shigoto-box01 {
    margin-left: 0;
  }
  .shigoto .shigoto02-sec .shigoto-box01 p {
    top: 42%;
    left: 5%;
  }
  .shigoto .shigoto02-sec .shigoto-box02 {
    margin-left: 0px;
  }
  .shigoto .shigoto02-sec .shigoto-box02 p {
    top: 42%;
    left: 5%;
  }
  .shigoto .shigoto02-sec .shigoto-box03 {
    margin-left: 0;
  }
  .shigoto .shigoto02-sec .shigoto-box03 p {
    top: 42%;
    left: 5%;
  }
  .shigoto .shigoto02-sec .shigoto-box04 {
    margin-left: 0;
  }
  .shigoto .shigoto02-sec .shigoto-box04 p {
    top: 42%;
    left: 5%;
  }
  .shigoto .shigoto03-sec {
    width: 100%;
    margin: 0 auto;
  }
  .shigoto .shigoto03-sec .shigoto-box {
    position: relative;
    margin-bottom: 10px;
  }
  .shigoto .shigoto03-sec .shigoto-box p {
    position: absolute;
    color: #fff;
    width: 90%;
    font-size: 13px;
  }
  .shigoto .shigoto03-sec .shigoto-box01 {
    margin-left: 0;
  }
  .shigoto .shigoto03-sec .shigoto-box01 p {
    top: 26%;
    left: 5%;
  }
  .shigoto .shigoto03-sec .shigoto-box02 {
    margin-left: 0;
  }
  .shigoto .shigoto03-sec .shigoto-box02 p {
    top: 26%;
    left: 5%;
  }
  .shigoto .shigoto03-sec .shigoto-box03 {
    margin-left: 0;
  }
  .shigoto .shigoto03-sec .shigoto-box03 p {
    top: 26%;
    left: 5%;
  }
  .shigoto .shigotoCont02 {
    text-align: center;
    padding: 10px 0 10px 0;
  }
  .shigoto .shigotoCont02 p {
    margin: 0 auto 10px auto;
    width: 70%;
  }
  .shigoto .shigotoCont02 p img {
    width: 100% !important;
  }
  .shigoto .shigotoCont02 img {
    width: 30%;
  }
  .shigoto .shigotoCont03 {
    width: 90%;
    padding: 20px 5% 0 5%;
    background-image: url(../img/pages/shugoto-bg_01.png);
    margin-bottom: 40px;
  }
  .shigoto .shigotoCont03--type2 {
    background-image: url(../img/pages/shugoto-bg_02.png);
  }
  .shigoto .shigotoCont03 .inner {
    width: 100%;
  }
  .shigoto .shigotoCont03__tit {
    margin-bottom: 40px;
  }
  .shigoto .shigotoCont03__tit__L {
    float: none;
    width: 100%;
  }
  .shigoto .shigotoCont03__tit__R {
    float: none;
    margin: 0;
  }
  .shigoto .shigotoCont03 ul {
    list-style-type: none;
    text-align: center;
  }
  .shigoto .shigotoCont03 ul.small-box {
    width: auto;
  }
  .shigoto .shigotoCont03 ul li {
    width: 49%;
    float: none;
    margin-right: 0 !important;
    margin-bottom: 30px;
    display: inline-block;
  }
  .shigoto .shigotoCont03 ul li:last-child {
    margin-right: 0;
  }
  .shigoto .pan-btn {
    width: 90%;
  }

  .shigotoBot-bans {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .shigotoBot-bans ul {
    list-style-type: none;
    text-align: center;
  }
  .shigotoBot-bans ul li {
    width: 49%;
    float: none;
    display: inline-block;
    margin-right: 0;
  }
  .shigotoBot-bans ul li:last-child {
    margin-right: 0;
  }

  /*career*/
  .career img {
    width: 100%;
  }
  .career .ca__inner {
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
  }
  .career .ca__inner2 {
    width: 290px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .career .ca-topBtns {
    list-style-type: none;
    margin-bottom: 50px;
    width: 90%;
    margin: 0 auto;
  }
  .career .ca-topBtns li {
    width: 47%;
  }
  .career .ca-topBtns li:first-child {
    float: left;
  }
  .career .ca-topBtns li:last-child {
    float: right;
  }
  .career .ca_sec01 {
    background-image: url(../img/pages/ca_bg_m.png);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 100%;
    width: 320px;
    margin: 0 auto;
    height: auto;
    font-size: 12px;
    margin-bottom: 40px;
    padding-top: 0;
    margin-top: 0;
  }
  .career .ca_sec01 .ca__box {
    background-repeat: no-repeat;
    width: auto !important;
    background-size: 100%;
    padding: 30px !important;
  }
  .career .ca_sec01 .ca__box ul {
    padding-left: 10px;
  }
  .career .ca_sec01 .ca__box__arr {
    width: 10%;
    margin: 10px auto;
  }
  .career .ca_sec01 .ca__box__arr--type2 {
    width: 100% !important;
  }
  .career .ca_sec01 .ca__box .ca__bText {
    font-size: 15px;
    text-align: center;
    color: #29abe2;
    text-decoration: underline;
  }
  .career .ca_sec01 .ca__box.ca__box1 {
    background-image: url(../img/pages/ca_05_sp.png);
    height: 279px;
    padding-top: 50px !important;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .career .ca_sec01 .ca__box.ca__box2 {
    background-image: url(../img/pages/ca_06_sp.png);
    height: 92px;
    padding-top: 40px !important;
    margin-bottom: 20px;
  }
  .career .ca_sec01 .ca__box.ca__box3 {
    background-image: url(../img/pages/ca_07_sp.png);
    height: 50px;
    padding-top: 30px !important;
    margin-bottom: 30px;
  }
  .career .ca_sec01 .ca__box.ca__box4 {
    background-image: url(../img/pages/ca_09_sp.png);
    height: 335px;
    padding-top: 30px !important;
    margin-bottom: 0px;
  }
  .career .ca_sec01__pp {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 12px;
  }
  .career .ca_sec01__pp p {
    width: 210px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
  }
  .career .ca_sec01__pp__in {
    position: relative;
  }
  .career .ca_sec01__pp1 {
    position: inherit;
    top: 0;
    left: 0;
    width: auto;
  }
  .career .ca_sec01__pp1 p {
    top: 155px;
    left: 10px;
  }
  .career .ca_sec01__pp2 {
    position: inherit;
    top: 0;
    right: 0;
    width: auto;
  }
  .career .ca_sec01__pp2 p {
    top: 140px;
    left: 10px;
  }
  .career .ca_sec01__pp3 {
    position: inherit;
    top: 0;
    left: 0;
    width: auto;
  }
  .career .ca_sec01__pp3 p {
    top: 143px;
    width: 250px;
  }
  .career .ca_sec01__pp4 {
    position: inherit;
    top: 0;
    right: 0;
    width: auto;
  }
  .career .ca_sec01__pp4 p {
    top: 147px;
  }
  .career .ca_sec02 {
    background-image: url(../img/pages/ca_bg_m.png);
    background-repeat: repeat-y;
    background-position: center;
    background-size: 100%;
    width: 320px;
    margin: 0 auto;
    height: auto;
    font-size: 12px;
    margin-bottom: 40px;
    padding-top: 0;
    margin-top: 0;
  }
  .career .ca_sec02 .tac {
    text-align: center;
  }
  .career .ca_sec02 .ca__box {
    background-repeat: no-repeat;
    width: auto !important;
    background-size: 100%;
    padding: 30px !important;
  }
  .career .ca_sec02 .ca__box__arr {
    width: 10%;
    margin: 10px auto;
  }
  .career .ca_sec02 .ca__box__arr--type2 {
    width: 100% !important;
  }
  .career .ca_sec02 .ca__box .ca__bText {
    font-size: 15px;
    text-align: center;
    color: #ffff00;
    text-decoration: underline;
  }
  .career .ca_sec02 .ca__box.ca__box1 {
    background-image: url(../img/pages/ca_18_sp.png);
    height: 220px;
    padding-top: 50px !important;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .career .ca_sec02 .ca__box.ca__box2 {
    background-image: url(../img/pages/ca_19_sp.png);
    height: 146px;
    padding-top: 30px !important;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .career .ca_sec02 .ca__box.ca__box2 .ca__box2__arr {
    margin-left: 0;
    margin-top: 0;
  }
  .career .ca_sec02 .ca__box.ca__box3 {
    background-image: url(../img/pages/ca_21_sp.png);
    height: 240px;
    padding-top: 50px !important;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .career .ca_sec02__pp {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 12px;
  }
  .career .ca_sec02__pp p {
    width: 210px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
  }
  .career .ca_sec02__pp__in {
    position: relative;
  }
  .career .ca_sec02__pp1 {
    position: inherit;
    top: 0;
    left: 0;
    width: auto;
    z-index: 3;
  }
  .career .ca_sec02__pp1 p {
    top: 135px;
    left: 10px;
  }
  .career .ca_sec02__pp2 {
    position: inherit;
    top: 0;
    left: 0;
    width: auto;
    z-index: 2;
  }
  .career .ca_sec02__pp2 p {
    top: 140px;
    left: 46px;
    width: 210px;
  }
  .career .ca_sec02__pp3 {
    position: inherit;
    top: 0;
    right: 0;
    width: auto;
    z-index: 1;
  }
  .career .ca_sec02__pp3 p {
    top: 133px;
    left: 19px;
    width: 210px;
  }
}
.recruitCont .tec-guideline {
  margin-bottom: 10px;
  overflow: hidden;
}
.recruitCont .tec-guideline dt {
  width: 15%;
  float: left;
}
.recruitCont .tec-guideline dt:after {
  content: "・・・・";
}
.recruitCont .tec-guideline dd {
  display: block;
  width: 85%;
  float: left;
}

@media screen and (max-width: 767px) {
  .recruitCont .tec-guideline {
    margin-bottom: 20px;
    overflow: hidden;
  }
  .recruitCont .tec-guideline dt {
    width: auto;
    float: none;
  }
  .recruitCont .tec-guideline dt:after {
    content: " ";
  }
  .recruitCont .tec-guideline dd {
    display: block;
    width: auto;
    float: none;
  }
}
.page-naitei .kv {
  text-align: center;
  position: relative;
}
.page-naitei .kv__ttl {
  position: absolute;
  top: -100px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .page-naitei .kv__ttl {
    top: -40px;
    width: 80%;
  }
}
.page-naitei .card {
  width: 1142px;
  margin: -30px auto 100px;
  display: flex;
  list-style-type: none;
  justify-content: space-between;
}
.page-naitei .card li {
  position: relative;
  width: 213px;
  padding: 26px 16px;
  box-sizing: border-box;
  background: #4d9ecc;
  font-size: 12px;
  line-height: 1.89;
  color: #fff;
}
.page-naitei .card li:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #86e5ec;
  z-index: -1;
  left: 5px;
  bottom: -5px;
}
.page-naitei .card li dt {
  position: absolute;
  left: 8px;
  top: -20px;
}
.page-naitei .card li .name {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .page-naitei .card {
    width: 90%;
    flex-wrap: wrap;
    margin: 0 auto 50px;
  }
  .page-naitei .card li {
    width: 100%;
    margin-bottom: 40px;
  }
}
.page-naitei .sec__ttl {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec__ttl {
    width: 90%;
    margin: 0 auto;
  }
}
.page-naitei .sec .name {
  font-weight: bold;
}
.page-naitei .sec01 {
  padding: 80px 0 100px;
  background: #4d9ecc;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec01 {
    padding: 40px 0;
  }
}
.page-naitei .sec01 .sec__block {
  position: relative;
  text-align: center;
  margin: 0 auto 20px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec01 .sec__block {
    padding: 5% 0 0;
  }
  .page-naitei .sec01 .sec__block img {
    margin: 0 auto;
  }
}
.page-naitei .sec01 .sec__block:first-of-type {
  width: 1068px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec01 .sec__block:first-of-type {
    width: 90%;
    background: #c69665;
  }
}
.page-naitei .sec01 .sec__block:first-of-type .sec__block__text {
  width: 643px;
  left: 350px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec01 .sec__block:first-of-type .sec__block__text {
    width: 100%;
  }
}
.page-naitei .sec01 .sec__block:nth-of-type(2) {
  width: 1098px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec01 .sec__block:nth-of-type(2) {
    width: 90%;
    background: #fff;
  }
}
.page-naitei .sec01 .sec__block:nth-of-type(2) .sec__block__text {
  width: 618px;
  left: 70px;
  color: #c69665;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec01 .sec__block:nth-of-type(2) .sec__block__text {
    width: 100%;
    padding-top: 5%;
  }
}
.page-naitei .sec01 .sec__block:nth-of-type(3) {
  width: 1054px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec01 .sec__block:nth-of-type(3) {
    width: 90%;
    background: #c69665;
  }
}
.page-naitei .sec01 .sec__block:nth-of-type(3) .sec__block__text {
  width: 594px;
  left: 422px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec01 .sec__block:nth-of-type(3) .sec__block__text {
    width: 100%;
    padding-top: 5%;
  }
}
.page-naitei .sec01 .sec__block:nth-of-type(4) {
  width: 1098px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec01 .sec__block:nth-of-type(4) {
    width: 90%;
    background: #fff;
  }
}
.page-naitei .sec01 .sec__block:nth-of-type(4) .sec__block__text {
  width: 436px;
  left: 70px;
  padding-top: 80px;
  color: #c69665;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec01 .sec__block:nth-of-type(4) .sec__block__text {
    width: 100%;
    padding-top: 5%;
  }
}
.page-naitei .sec01 .sec__block__text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  padding: 55px 0 0;
  font-size: 14px;
  line-height: 2;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec01 .sec__block__text {
    position: static;
    padding: 5%;
    box-sizing: border-box;
  }
}
.page-naitei .sec02 {
  padding: 80px 0;
}
.page-naitei .sec02 .sec__block-area {
  display: flex;
  flex-wrap: wrap;
  width: 1064px;
  margin: 80px auto 0;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec02 {
    padding: 40px 0;
  }
  .page-naitei .sec02 .sec__block-area {
    width: 100%;
    margin: 40px auto 0;
  }
}
.page-naitei .sec02 .sec__block {
  position: relative;
  text-align: center;
  margin: 0 auto 20px;
}
.page-naitei .sec02 .sec__block:first-of-type {
  width: 523px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec02 .sec__block:first-of-type {
    width: 90%;
    background: #faf500;
  }
}
.page-naitei .sec02 .sec__block:first-of-type .sec__block__text {
  width: 377px;
  left: 70px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec02 .sec__block:first-of-type .sec__block__text {
    width: 100%;
  }
}
.page-naitei .sec02 .sec__block:nth-of-type(2) {
  width: 502px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec02 .sec__block:nth-of-type(2) {
    width: 90%;
    background: #4d9ecc;
  }
}
.page-naitei .sec02 .sec__block:nth-of-type(2) .sec__block__text {
  width: 350px;
  left: 60px;
  padding-top: 330px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec02 .sec__block:nth-of-type(2) .sec__block__text {
    width: 100%;
    padding-top: 5%;
  }
}
.page-naitei .sec02 .sec__block:nth-of-type(3) {
  width: 524px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec02 .sec__block:nth-of-type(3) {
    width: 90%;
    background: #4d9ecc;
  }
}
.page-naitei .sec02 .sec__block:nth-of-type(3) .sec__block__text {
  width: 403px;
  left: 65px;
  padding-top: 65px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec02 .sec__block:nth-of-type(3) .sec__block__text {
    width: 100%;
    padding-top: 5%;
  }
}
.page-naitei .sec02 .sec__block:nth-of-type(4) {
  width: 456px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec02 .sec__block:nth-of-type(4) {
    width: 90%;
    background: #faf500;
  }
}
.page-naitei .sec02 .sec__block:nth-of-type(4) .sec__block__text {
  width: 352px;
  left: 60px;
  padding-top: 400px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec02 .sec__block:nth-of-type(4) .sec__block__text {
    width: 100%;
    padding-top: 5%;
  }
}
.page-naitei .sec02 .sec__block__text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  padding: 80px 0 0;
  font-size: 14px;
  line-height: 2;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec02 .sec__block__text {
    width: 100%;
    position: static;
    padding: 5%;
    box-sizing: border-box;
  }
}
.page-naitei .sec03 {
  padding: 80px 0;
  background: #4d9ecc;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec03 {
    padding: 40px 0;
  }
}
.page-naitei .sec03 .sec__block-area {
  width: 1352px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec03 .sec__block-area {
    width: 100%;
  }
}
.page-naitei .sec03 .sec__block {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.page-naitei .sec03 .sec__block:first-of-type {
  width: 1062px;
  margin-left: 290px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec03 .sec__block:first-of-type {
    width: 90%;
    margin: 0 auto 20px;
    background: #49c19c;
  }
}
.page-naitei .sec03 .sec__block:first-of-type .sec__block__text {
  width: 463px;
  left: 70px;
  padding-top: 100px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec03 .sec__block:first-of-type .sec__block__text {
    width: 100%;
    padding-top: 5%;
  }
}
.page-naitei .sec03 .sec__block:nth-of-type(2) {
  width: 1057px;
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec03 .sec__block:nth-of-type(2) {
    width: 90%;
    margin: 0 auto 20px;
    background: #fff;
  }
}
.page-naitei .sec03 .sec__block:nth-of-type(2) .sec__block__text {
  width: 463px;
  left: 520px;
  padding-top: 55px;
  color: #49c19c;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec03 .sec__block:nth-of-type(2) .sec__block__text {
    width: 100%;
    padding-top: 5%;
  }
}
.page-naitei .sec03 .sec__block:nth-of-type(3) {
  width: 1174px;
  margin-left: 165px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec03 .sec__block:nth-of-type(3) {
    width: 90%;
    margin: 0 auto 20px;
    background: #49c19c;
  }
}
.page-naitei .sec03 .sec__block:nth-of-type(3) .sec__block__text {
  width: 578px;
  left: 52px;
  padding-top: 70px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec03 .sec__block:nth-of-type(3) .sec__block__text {
    width: 100%;
    padding-top: 5%;
  }
}
.page-naitei .sec03 .sec__block:nth-of-type(4) {
  width: 1098px;
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec03 .sec__block:nth-of-type(4) {
    width: 90%;
    margin: 0 auto 20px;
    background: #fff;
  }
}
.page-naitei .sec03 .sec__block:nth-of-type(4) .sec__block__text {
  width: 462px;
  left: 512px;
  padding-top: 45px;
  color: #49c19c;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec03 .sec__block:nth-of-type(4) .sec__block__text {
    width: 100%;
    padding-top: 5%;
  }
}
.page-naitei .sec03 .sec__block__text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  padding: 80px 0 0;
  font-size: 14px;
  line-height: 2;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec03 .sec__block__text {
    width: 100%;
    position: static;
    padding: 5%;
    box-sizing: border-box;
  }
}
.page-naitei .sec04 {
  padding: 80px 0 160px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec04 {
    padding: 40px 0 80px;
  }
}
.page-naitei .sec04 .sec__block-area {
  position: relative;
  width: 1078px;
  height: 1175px;
  margin: 80px auto 0;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec04 .sec__block-area {
    width: 100%;
    height: auto;
    margin: 40px auto 0;
  }
}
.page-naitei .sec04 .sec__block {
  position: absolute;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec04 .sec__block {
    position: static;
  }
}
.page-naitei .sec04 .sec__block:first-of-type {
  width: 498px;
  top: 0;
  left: 20px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec04 .sec__block:first-of-type {
    width: 90%;
    margin: 0 auto 20px;
    background: #4d9ecc;
  }
}
.page-naitei .sec04 .sec__block:first-of-type .sec__block__text {
  width: 353px;
  left: 50px;
  padding-top: 80px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec04 .sec__block:first-of-type .sec__block__text {
    width: 100%;
    padding: 5%;
  }
}
.page-naitei .sec04 .sec__block:nth-of-type(2) {
  width: 582px;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec04 .sec__block:nth-of-type(2) {
    width: 90%;
    margin: 0 auto 20px;
    background: #f38db1;
  }
}
.page-naitei .sec04 .sec__block:nth-of-type(2) .sec__block__text {
  width: 410px;
  left: 70px;
  padding-top: 240px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec04 .sec__block:nth-of-type(2) .sec__block__text {
    width: 100%;
    padding: 5%;
  }
}
.page-naitei .sec04 .sec__block:nth-of-type(3) {
  width: 485px;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec04 .sec__block:nth-of-type(3) {
    width: 90%;
    margin: 0 auto 20px;
    background: #f38db1;
  }
}
.page-naitei .sec04 .sec__block:nth-of-type(3) .sec__block__text {
  width: 356px;
  left: 40px;
  padding-top: 150px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec04 .sec__block:nth-of-type(3) .sec__block__text {
    width: 100%;
    padding: 5%;
  }
}
.page-naitei .sec04 .sec__block:nth-of-type(4) {
  width: 608px;
  bottom: 150px;
  right: 68px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec04 .sec__block:nth-of-type(4) {
    width: 90%;
    margin: 0 auto 20px;
    background: #4d9ecc;
  }
}
.page-naitei .sec04 .sec__block:nth-of-type(4) .sec__block__text {
  width: 412px;
  left: 135px;
  padding-top: 340px;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec04 .sec__block:nth-of-type(4) .sec__block__text {
    width: 100%;
    padding: 5%;
  }
}
.page-naitei .sec04 .sec__block__text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  padding: 60px 0 0;
  font-size: 14px;
  line-height: 2;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .page-naitei .sec04 .sec__block__text {
    width: 100%;
    position: static;
    padding: 5%;
    box-sizing: border-box;
  }
}

.pageBot-bans-L--naitei {
  transform: translateX(50%);
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .pageBot-bans-L--naitei {
    transform: none;
    margin: 20px 0 0;
  }
}

.pageCont--session #acMenu .title {
  position: relative;
  margin-bottom: 20px;
  padding: 20px 40px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: #5CAED6;
  transition: all 0.4s;
}
.pageCont--session #acMenu .title span {
  font-size: 16px;
}
.pageCont--session #acMenu .title:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 40px;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #FFFB00;
}
.pageCont--session #acMenu .title:after {
  content: " ";
  position: absolute;
  top: 6px;
  right: 45px;
  bottom: 0;
  margin: auto;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-top: 8px solid #5CAED6;
}
.pageCont--session #acMenu .title:hover {
  opacity: 0.6;
  cursor: pointer;
}
.pageCont--session #acMenu .title .btn {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 80px;
  height: 40px;
  margin: auto;
  width: 150px;
  text-align: center;
}
.pageCont--session #acMenu .title .btn a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px;
  font-weight: bold;
  border-radius: 8px;
  background: #84c8e9;
  color: white;
  font-size: 14px;
  line-height: 1.8;
  text-decoration: none;
  box-sizing: border-box;
}
.pageCont--session #acMenu .title .btn:hover a {
  background: #52a2c8;
}
.pageCont--session #acMenu .title.active {
  background: #FFFB00;
  color: #333;
}
.pageCont--session #acMenu .title.active:before {
  background: #5CAED6;
}
.pageCont--session #acMenu .title.active:after {
  top: 0px;
  right: 45px;
  bottom: 7px;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  border-top: 8px solid #FFFB00;
}
.pageCont--session #acMenu .title.active:hover {
  opacity: 1;
}
.pageCont--session #acMenu .title.active .btn {
  display: block;
}
.pageCont--session #acMenu .details {
  display: none;
  margin-bottom: 60px;
}
.pageCont--session #acMenu .details dl {
  display: table;
}
.pageCont--session #acMenu .details dt {
  width: 250px;
  display: table-cell;
  padding: 15px 40px;
  font-size: 16px;
  font-weight: bold;
  background: #F1F1F1;
  border-right: solid 5px #fff;
  border-bottom: solid 5px #fff;
  box-sizing: border-box;
  vertical-align: middle;
}
.pageCont--session #acMenu .details dd {
  width: 665px;
  display: table-cell;
  padding: 15px 40px;
  border-bottom: solid 5px #fff;
  background: #f7f7f7;
  box-sizing: border-box;
  vertical-align: middle;
}
.pageCont--session #acMenu .details .note {
  display: block;
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .pageCont--session #acMenu .title {
    position: relative;
    margin-bottom: 20px;
    padding: 20px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #5CAED6;
    transition: all 0.4s;
  }
  .pageCont--session #acMenu .title span {
    display: block;
    font-size: 14px;
  }
  .pageCont--session #acMenu .title:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FFFB00;
  }
  .pageCont--session #acMenu .title:after {
    content: " ";
    position: absolute;
    top: 6px;
    right: 25px;
    bottom: 0;
    margin: auto;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 5px solid transparent;
    border-top: 8px solid #5CAED6;
  }
  .pageCont--session #acMenu .title:hover {
    opacity: 1;
    cursor: pointer;
  }
  .pageCont--session #acMenu .title .btn {
    display: none;
    position: static;
    top: 0;
    bottom: 0;
    right: 80px;
    height: 40px;
    margin: 20px auto 0;
    width: 150px;
    text-align: center;
  }
  .pageCont--session #acMenu .title .btn a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px;
    font-weight: bold;
    border-radius: 8px;
    background: #84c8e9;
    color: white;
    font-size: 14px;
    line-height: 1.8;
    text-decoration: none;
    box-sizing: border-box;
  }
  .pageCont--session #acMenu .title .btn:hover a {
    background: #52a2c8;
  }
  .pageCont--session #acMenu .title.active {
    background: #FFFB00;
    color: #333;
  }
  .pageCont--session #acMenu .title.active:before {
    background: #5CAED6;
  }
  .pageCont--session #acMenu .title.active:after {
    top: 0px;
    right: 25px;
    bottom: 7px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top: 8px solid #FFFB00;
  }
  .pageCont--session #acMenu .title.active:hover {
    opacity: 1;
  }
  .pageCont--session #acMenu .title.active .btn {
    display: block;
  }
  .pageCont--session #acMenu .details {
    display: none;
    margin-bottom: 60px;
  }
  .pageCont--session #acMenu .details dl {
    display: table;
    width: 100%;
  }
  .pageCont--session #acMenu .details dt {
    width: 100%;
    display: block;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    background: #F1F1F1;
    border-right: none;
    border-bottom: solid 5px #fff;
    box-sizing: border-box;
    vertical-align: middle;
  }
  .pageCont--session #acMenu .details dd {
    width: 100%;
    display: block;
    padding: 15px;
    border-bottom: solid 10px #fff;
    background: #fff;
    box-sizing: border-box;
    vertical-align: middle;
  }
  .pageCont--session #acMenu .details .note {
    display: block;
    margin-top: 0;
    font-size: 12px;
    line-height: 1.6;
  }
}

/*# sourceMappingURL=style.css.map */