@charset "UTF-8";
body {
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  color: #585858;
  margin: 0px;
  box-sizing: border-box;
  line-height: 1.8em;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 750px) {
    body {
      width: 100% !important; } }

div {
  margin: 0px;
  padding: 0px; }

a {
  text-decoration: none !important; }
  a img {
    transition: 0.2s; }

ul {
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px; }
  ul li {
    padding-left: 0px;
    list-style: none; }

@media screen and (max-width: 750px) {
  img {
    max-width: 100%;
    height: auto; } }

.pc {
  display: block !important; }
  @media screen and (max-width: 750px) {
    .pc {
      display: none !important; } }

.sp {
  display: none !important; }
  @media screen and (max-width: 750px) {
    .sp {
      display: block !important; } }

.non-border {
  border: none !important; }

.mb-70 {
  margin-bottom: 70px; }

.box-toph2-1 {
  display: flex;
  justify-content: center;
  align-items: end; }
  .box-toph2-1 .subtitle {
    font-size: 0.9em;
    color: #cccccc;
    line-height: 1.5em;
    position: relative; }
    @media screen and (max-width: 750px) {
      .box-toph2-1 .subtitle {
        font-size: 0.8em; } }
    .box-toph2-1 .subtitle span {
      display: block;
      margin-left: 10px;
      font-size: 1.3em;
      color: #585858; }
      @media screen and (max-width: 750px) {
        .box-toph2-1 .subtitle span {
          font-size: 1.2em; } }
    .box-toph2-1 .subtitle:before {
      position: absolute;
      content: "";
      width: 1px;
      height: 90px;
      background-color: #0d61ad;
      top: -20px;
      left: -40px;
      transform: skewX(160deg); }
      @media screen and (max-width: 750px) {
        .box-toph2-1 .subtitle:before {
          left: -16px; } }
  .box-toph2-1 h2 {
    font-size: 1.6em;
    margin: 0; }
    @media screen and (max-width: 750px) {
      .box-toph2-1 h2 {
        font-size: 1.3em; } }
    .box-toph2-1 h2 span {
      font-size: 3.7em;
      color: #0d61ad;
      padding: 0 7px; }
      @media screen and (max-width: 750px) {
        .box-toph2-1 h2 span {
          font-size: 2.8em; } }

.box-toph2-2 {
  text-align: center; }
  .box-toph2-2 h2 {
    font-size: 2.5em;
    position: relative;
    margin: 0px;
    display: inline-block;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 750px) {
      .box-toph2-2 h2 {
        font-size: 2.1em; } }
    .box-toph2-2 h2 span {
      color: #0d61ad; }
    .box-toph2-2 h2:before {
      position: absolute;
      content: "";
      width: 1px;
      height: 90px;
      background-color: #0d61ad;
      top: -20px;
      left: -40px;
      transform: skewX(160deg); }
      @media screen and (max-width: 750px) {
        .box-toph2-2 h2:before {
          left: -35px; } }
  .box-toph2-2 .subtitle {
    font-size: 0.9em;
    color: #cccccc; }

.unit-link-white {
  width: 200px;
  height: 40px;
  box-sizing: border-box;
  text-align: center; }
  .unit-link-white a {
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 1.1em;
    border: 1px solid #fff;
    position: relative;
    color: #fff;
    transition: 0.3s; }
    .unit-link-white a:hover {
      color: #4da0e8;
      border: 1px solid #4da0e8; }
    .unit-link-white a:after {
      position: absolute;
      content: "";
      width: 20px;
      height: 20px;
      background-image: url(../img/common/arrow_white.png);
      background-repeat: no-repeat;
      background-size: contain;
      top: 12px;
      right: 7px; }

.unit-link-blue {
  width: 200px;
  height: 40px;
  box-sizing: border-box;
  text-align: center; }
  .unit-link-blue a {
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 1.1em;
    border: 1px solid #0d61ad;
    position: relative;
    color: #0d61ad;
    transition: 0.3s; }
    .unit-link-blue a:hover {
      color: #4da0e8;
      border: 1px solid #4da0e8; }
    .unit-link-blue a:after {
      position: absolute;
      content: "";
      width: 20px;
      height: 20px;
      background-image: url(../img/common/arrow_blue.png);
      background-repeat: no-repeat;
      background-size: contain;
      top: 12px;
      right: 7px; }

.link-large-blue {
  width: 400px;
  height: 60px;
  box-sizing: border-box;
  text-align: center; }
  @media screen and (max-width: 750px) {
    .link-large-blue {
      width: 100%; } }
  .link-large-blue a {
    display: inline-block;
    width: 400px;
    height: 60px;
    line-height: 60px;
    font-size: 1.1em;
    border: 1px solid #0d61ad;
    position: relative;
    color: #0d61ad;
    transition: 0.3s; }
    @media screen and (max-width: 750px) {
      .link-large-blue a {
        width: 100%; } }
    .link-large-blue a:hover {
      color: #4da0e8;
      border: 1px solid #4da0e8; }
    .link-large-blue a:after {
      position: absolute;
      content: "";
      width: 20px;
      height: 20px;
      background-image: url(../img/common/arrow_blue.png);
      background-repeat: no-repeat;
      background-size: contain;
      top: 21px;
      right: 7px; }

.text-color-blue {
  color: #0d61ad; }

.mtb-10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.mtb-30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.mt-30 {
  margin-top: 30px; }
  @media screen and (max-width: 750px) {
    .mt-30 {
      margin-top: 20px; } }

.mt-20 {
  margin-top: 20px; }

.mt-80 {
  margin-top: 80px; }

.mb-150 {
  margin-bottom: 150px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-100 {
  margin-bottom: 100px; }

.pr-20 {
  padding-right: 20px; }

.fs-13 {
  font-size: 1.3em; }

.fs-20 {
  font-size: 2.0em; }

.ta-right {
  text-align: right; }

.ta-center {
  text-align: center; }

/*共通ヘッダー・フッター*/
.header {
  width: 1140px;
  margin: 0 auto;
  height: 100px;
  display: flex;
  justify-content: space-between;
  background-image: url(../img/common/back_01.png);
  background-size: cover;
  background-repeat: no-repeat; }
  @media screen and (max-width: 750px) {
    .header {
      height: 60px;
      width: 100%;
      background-image: url(../img/common/back_sp.png);
      background-size: cover; } }
  @media screen and (max-width: 750px) {
    .header .box-headerLeft {
      width: 30%; } }
  .header .box-headerLeft h1 {
    margin: 30px 0px 0px 0px; }
    .header .box-headerLeft h1 img {
      width: 90px;
      height: auto; }
      @media screen and (max-width: 750px) {
        .header .box-headerLeft h1 img {
          width: 80px;
          height: auto; } }
    .header .box-headerLeft h1 span {
      color: #585858;
      font-size: 0.4em;
      margin-top: -23px;
      position: absolute;
      top: -13px;
      position: relative; }
      @media screen and (max-width: 750px) {
        .header .box-headerLeft h1 span {
          display: block;
          top: 14px;
          font-size: 0.3em; } }
    @media screen and (max-width: 750px) {
      .header .box-headerLeft h1 {
        width: 100%;
        margin: 7px 0 0 10px; } }
  .header .box-headerLeft .box-h1 {
    margin: 30px 0px 0px 0px; }
    .header .box-headerLeft .box-h1 img {
      width: 90px;
      height: auto; }
    .header .box-headerLeft .box-h1 span {
      color: #585858;
      font-size: 0.4em;
      margin-top: -23px;
      position: absolute;
      top: -13px;
      position: relative; }
      @media screen and (max-width: 750px) {
        .header .box-headerLeft .box-h1 span {
          display: block;
          font-size: 0.3em;
          margin-top: 4px; } }
    @media screen and (max-width: 750px) {
      .header .box-headerLeft .box-h1 {
        width: 100%;
        margin: 22px 0 0 14%; } }
  .header .box-headerRight {
    margin-right: 0px;
    margin-top: 30px;
    display: flex; }
    @media screen and (max-width: 750px) {
      .header .box-headerRight {
        margin-right: 60px;
        margin-top: 25px; } }

.search {
  margin-top: 9px; }
  @media screen and (max-width: 750px) {
    .search {
      margin-top: 0;
      margin-right: 13px; } }
  .search .textBox {
    border: 1px solid #ccc;
    height: 20px;
    position: relative;
    top: -6px; }
  .search .btn {
    background-color: #0d61ad;
    width: 23px;
    padding: 2px;
    box-sizing: border-box; }

.pc-nav {
  margin-right: 20px; }
  .pc-nav nav {
    height: 100px;
    margin: 0 auto; }
    .pc-nav nav .nav-wrap {
      display: flex;
      justify-content: space-around;
      position: relative; }
      .pc-nav nav .nav-wrap li {
        width: 110px;
        height: 70px;
        text-align: center;
        box-sizing: border-box;
        transition: 0.3s; }
        .pc-nav nav .nav-wrap li a {
          display: inline-block;
          width: 110px;
          height: 70px;
          padding-top: 10px;
          box-sizing: border-box;
          position: relative;
          color: #585858; }
          .pc-nav nav .nav-wrap li a:before {
            position: absolute;
            content: "";
            width: 1px;
            height: 16px;
            background-color: #585858;
            top: 16px;
            left: 0px;
            transform: skewX(160deg);
            transition: 0.3s; }
          .pc-nav nav .nav-wrap li a:after {
            position: absolute;
            content: "";
            width: 0px;
            height: 5px;
            background-color: #0d61ad;
            transform: skewX(-20deg);
            bottom: 0px;
            left: -17px;
            transition: 0.3s; }
          .pc-nav nav .nav-wrap li a:hover:before {
            height: 100px;
            background-color: #0d61ad;
            top: -30px;
            left: 0px; }
          .pc-nav nav .nav-wrap li a:hover:after {
            width: 110px; }

.sp-navi .globalNavSP {
  position: fixed;
  z-index: 5;
  top: 0px;
  right: 0;
  background: #0d61ad;
  transform: translateY(-150%);
  transition: all 0.6s;
  width: 300px;
  height: 100%;
  z-index: 100;
  overflow: scroll; }
  @media screen and (max-width: 750px) {
    .sp-navi .globalNavSP {
      width: 100%; } }
  .sp-navi .globalNavSP .nav-inner {
    padding-top: 70px; }
    .sp-navi .globalNavSP .nav-inner .box-header {
      width: 100%;
      padding-top: 10px;
      padding-left: 10px; }
    .sp-navi .globalNavSP .nav-inner ul {
      list-style: none;
      padding-left: 0px;
      padding-top: 5px; }
      .sp-navi .globalNavSP .nav-inner ul li {
        color: #000;
        font-size: 15px;
        line-height: 0.7;
        font-weight: 400;
        border-bottom: 1px solid #fff;
        margin-left: 0px;
        margin-right: 0px; }
        .sp-navi .globalNavSP .nav-inner ul li:first-child {
          border-top: 1px solid #fff; }
        .sp-navi .globalNavSP .nav-inner ul li a {
          color: #fff;
          text-decoration: none;
          padding-left: 20px;
          width: 100%;
          display: inline-block;
          padding-top: 15px;
          padding-bottom: 15px;
          box-sizing: border-box;
          transition: 0.3s;
          background-color: #0d61ad; }
      .sp-navi .globalNavSP .nav-inner ul .second {
        color: #000;
        font-size: 15px;
        line-height: 0.7;
        font-weight: 400;
        border-bottom: 1px solid #fff;
        margin-left: 0px;
        margin-right: 0px; }
        .sp-navi .globalNavSP .nav-inner ul .second:first-child {
          border-top: 1px solid #fff; }
        .sp-navi .globalNavSP .nav-inner ul .second a {
          color: #fff;
          text-decoration: none;
          padding-left: 60px;
          width: 100%;
          display: inline-block;
          padding-top: 15px;
          padding-bottom: 15px;
          box-sizing: border-box;
          transition: 0.3s;
          background-color: #e7f1f5; }
      .sp-navi .globalNavSP .nav-inner ul .title {
        color: #fff;
        font-size: 15px;
        line-height: 0.7;
        font-weight: 400;
        border-bottom: 1px solid #fff;
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 20px; }
.sp-navi nav.globalNavSP.active {
  transform: translateX(0%); }
.sp-navi .navToggle .navToggle-inner {
  display: block;
  position: fixed;
  /* body?E‘I?μ?A?I?a‘I?E’u?w’e */
  right: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 8888;
  text-align: center;
  transition-duration: 0.5s;
  background-color: #0d61ad; }
  .sp-navi .navToggle .navToggle-inner span {
    display: block;
    position: absolute;
    /* .navToggle?E‘I?μ?A */
    width: 29px;
    border-bottom: solid 3px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 15px; }
    .sp-navi .navToggle .navToggle-inner span:nth-child(1) {
      top: 18px; }
    .sp-navi .navToggle .navToggle-inner span:nth-child(2) {
      top: 30px; }
    .sp-navi .navToggle .navToggle-inner span:nth-child(3) {
      top: 42px; }
.sp-navi .navToggle.active span:nth-child(1) {
  top: 27px;
  left: 21px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: solid 3px #fff; }
.sp-navi .navToggle.active span:nth-child(2), .sp-navi .navToggle.active span:nth-child(3) {
  top: 28px;
  left: 22px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: solid 3px #fff; }
.sp-navi p {
  font-size: 10px;
  color: #fff; }

footer {
  background-color: #0d61ad; }
  footer .section-footer {
    background-color: #0d61ad;
    padding: 0px 0px 50px;
    margin-top: 100px; }
    @media screen and (max-width: 750px) {
      footer .section-footer {
        padding: 20px; } }
    footer .section-footer .footer-nav {
      width: 1140px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      padding-left: 50px;
      padding-right: 50px; }
      @media screen and (max-width: 750px) {
        footer .section-footer .footer-nav {
          width: 100%;
          padding-left: 0px;
          padding-right: 0px;
          display: flex;
          flex-wrap: wrap; } }
      footer .section-footer .footer-nav ul {
        margin-left: 20px;
        margin-right: 20px; }
        @media screen and (max-width: 750px) {
          footer .section-footer .footer-nav ul {
            width: 50%;
            margin: 0; } }
        footer .section-footer .footer-nav ul .first {
          padding-left: 30px;
          position: relative;
          font-size: 1.1em;
          margin-top: 50px; }
          @media screen and (max-width: 750px) {
            footer .section-footer .footer-nav ul .first {
              padding-left: 0px;
              margin-top: 10px;
              font-size: 1.0em; } }
          footer .section-footer .footer-nav ul .first a {
            color: #fff;
            transition: 0.3s; }
            footer .section-footer .footer-nav ul .first a:hover {
              opacity: 0.8; }
          footer .section-footer .footer-nav ul .first:before {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #fff;
            left: 15px;
            top: 8px; }
            @media screen and (max-width: 750px) {
              footer .section-footer .footer-nav ul .first:before {
                content: none; } }
        footer .section-footer .footer-nav ul .second {
          padding-left: 30px;
          font-size: 0.9em; }
          footer .section-footer .footer-nav ul .second a {
            color: #fff;
            transition: 0.3s; }
            footer .section-footer .footer-nav ul .second a:hover {
              opacity: 0.8; }
  footer .section-copyright .copyright-inner {
    width: 100%;
    padding: 30px 0px 20px; }
    @media screen and (max-width: 750px) {
      footer .section-copyright .copyright-inner {
        width: 100%;
        display: block;
        text-align: center;
        padding: 30px 0px 15px; } }
    footer .section-copyright .copyright-inner .footer-grand-nav {
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff; }
      footer .section-copyright .copyright-inner .footer-grand-nav ul {
        display: flex;
        width: 1140px;
        margin: 0 auto;
        padding-top: 15px;
        padding-bottom: 15px; }
        @media screen and (max-width: 750px) {
          footer .section-copyright .copyright-inner .footer-grand-nav ul {
            font-size: 0.8em;
            justify-content: center;
            width: 100%; } }
        footer .section-copyright .copyright-inner .footer-grand-nav ul li {
          border-right: 1px solid #fff;
          padding-right: 20px;
          margin-right: 20px; }
          @media screen and (max-width: 750px) {
            footer .section-copyright .copyright-inner .footer-grand-nav ul li {
              margin-right: unset;
              padding-left: 20px; } }
          footer .section-copyright .copyright-inner .footer-grand-nav ul li a {
            transition: 0.3s;
            color: #fff;
            font-size: 0.9em; }
          footer .section-copyright .copyright-inner .footer-grand-nav ul li:last-child {
            border-right: none; }
    footer .section-copyright .copyright-inner .copyright {
      font-size: 0.7em;
      text-align: center;
      color: #fff;
      padding-top: 20px; }
      @media screen and (max-width: 750px) {
        footer .section-copyright .copyright-inner .copyright {
          margin-top: 10px; } }

/*トップページ*/
.section-top-mv {
  width: 100%;
  height: 640px;
  background-image: url(../img/index/mv.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom; }
  @media screen and (max-width: 750px) {
    .section-top-mv {
      height: 400px;
      background-position: right; } }
  .section-top-mv .mv-text-outer {
    width: 1140px;
    margin: 0 auto;
    padding-top: 430px; }
    @media screen and (max-width: 750px) {
      .section-top-mv .mv-text-outer {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        padding-top: 200px; } }
    .section-top-mv .mv-text-outer .text1 {
      font-size: 1.8em;
      color: #fff; }
      @media screen and (max-width: 750px) {
        .section-top-mv .mv-text-outer .text1 {
          font-size: 1.1em; } }
    .section-top-mv .mv-text-outer .text2 {
      font-size: 3em;
      color: #fff;
      margin: 25px 0; }
      @media screen and (max-width: 750px) {
        .section-top-mv .mv-text-outer .text2 {
          font-size: 1.8em; } }
    .section-top-mv .mv-text-outer .text3 {
      font-size: 2.2em;
      color: #b8b7b7;
      line-height: 1.2em; }
      @media screen and (max-width: 750px) {
        .section-top-mv .mv-text-outer .text3 {
          font-size: 1.3em; } }
      .section-top-mv .mv-text-outer .text3 span {
        display: block;
        margin-left: 3em; }
        @media screen and (max-width: 750px) {
          .section-top-mv .mv-text-outer .text3 span {
            display: inline;
            margin-left: unset; } }

.section-top-strong {
  margin-top: 200px; }
  @media screen and (max-width: 750px) {
    .section-top-strong {
      margin-top: 150px; } }
  .section-top-strong .box-strong-inner {
    background-image: url(../img/index/bg_strong.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    margin-top: 50px; }
    @media screen and (max-width: 750px) {
      .section-top-strong .box-strong-inner {
        padding-top: 80px;
        padding-bottom: 80px;
        background-position: center; } }
    .section-top-strong .box-strong-inner .strong-content {
      color: #fff; }
      .section-top-strong .box-strong-inner .strong-content table {
        border-collapse: collapse;
        margin: 0 auto 50px; }
        .section-top-strong .box-strong-inner .strong-content table tr td {
          border: 1px solid #fff;
          padding: 50px 45px; }
          @media screen and (max-width: 750px) {
            .section-top-strong .box-strong-inner .strong-content table tr td {
              padding: 40px 35px; } }
          .section-top-strong .box-strong-inner .strong-content table tr td span {
            display: block; }
          .section-top-strong .box-strong-inner .strong-content table tr td .text1 {
            font-size: 2.2em;
            margin-bottom: 20px; }
            @media screen and (max-width: 750px) {
              .section-top-strong .box-strong-inner .strong-content table tr td .text1 {
                font-size: 1.8em;
                margin-bottom: 6px; } }
          .section-top-strong .box-strong-inner .strong-content table tr td .text2 {
            font-size: 1.0em; }
      .section-top-strong .box-strong-inner .strong-content .lead {
        font-size: 1.5em;
        line-height: 1.5em;
        letter-spacing: 0.2em; }
      .section-top-strong .box-strong-inner .strong-content .link {
        width: 200px;
        margin: 30px auto 0; }

.section-top-buisiness {
  margin-top: 100px; }
  .section-top-buisiness .box-buisiness-01 {
    width: 100%; }
    .section-top-buisiness .box-buisiness-01 .content-outer {
      width: 1140px;
      margin: 0 auto; }
      @media screen and (max-width: 750px) {
        .section-top-buisiness .box-buisiness-01 .content-outer {
          width: 100%; } }
      .section-top-buisiness .box-buisiness-01 .content-outer .content {
        width: 370px;
        margin: 0 0 0 auto;
        padding: 50px 20px 50px 60px;
        background-color: #fff;
        transform: skewX(160deg);
        box-sizing: border-box; }
        @media screen and (max-width: 750px) {
          .section-top-buisiness .box-buisiness-01 .content-outer .content {
            transform: unset;
            width: 100%;
            padding: 30px 10px;
            background-color: rgba(255, 255, 255, 0.7); } }
        .section-top-buisiness .box-buisiness-01 .content-outer .content .content-inner {
          transform: skewX(-160deg); }
          @media screen and (max-width: 750px) {
            .section-top-buisiness .box-buisiness-01 .content-outer .content .content-inner {
              transform: unset; } }
          .section-top-buisiness .box-buisiness-01 .content-outer .content .content-inner .subtitle {
            color: #0d61ad;
            font-size: 1.1em; }
          .section-top-buisiness .box-buisiness-01 .content-outer .content .content-inner h3 {
            font-size: 1.4em;
            letter-spacing: 0.1em;
            margin-top: 10px; }
          .section-top-buisiness .box-buisiness-01 .content-outer .content .content-inner .link {
            margin-top: 30px; }
  .section-top-buisiness .box-buisiness-02 {
    width: 100%; }
    .section-top-buisiness .box-buisiness-02 .content-outer {
      width: 1140px;
      margin: 0 auto; }
      @media screen and (max-width: 750px) {
        .section-top-buisiness .box-buisiness-02 .content-outer {
          width: 100%; } }
      .section-top-buisiness .box-buisiness-02 .content-outer .content {
        width: 370px;
        margin: 0 auto 0 0;
        padding: 50px 20px 50px 60px;
        background-color: #fff;
        transform: skewX(160deg);
        box-sizing: border-box;
        z-index: 2;
        position: relative; }
        @media screen and (max-width: 750px) {
          .section-top-buisiness .box-buisiness-02 .content-outer .content {
            transform: unset;
            width: 100%;
            padding: 30px 10px;
            background-color: rgba(255, 255, 255, 0.7); } }
        .section-top-buisiness .box-buisiness-02 .content-outer .content:before {
          position: absolute;
          content: "";
          z-index: 0;
          width: 1000px;
          height: 100%;
          background-color: #fff;
          top: 0px;
          right: 50px; }
          @media screen and (max-width: 750px) {
            .section-top-buisiness .box-buisiness-02 .content-outer .content:before {
              content: none; } }
        .section-top-buisiness .box-buisiness-02 .content-outer .content .content-inner {
          transform: skewX(-160deg); }
          @media screen and (max-width: 750px) {
            .section-top-buisiness .box-buisiness-02 .content-outer .content .content-inner {
              transform: unset; } }
          .section-top-buisiness .box-buisiness-02 .content-outer .content .content-inner .subtitle {
            color: #0d61ad;
            font-size: 1.1em; }
          .section-top-buisiness .box-buisiness-02 .content-outer .content .content-inner h3 {
            font-size: 1.4em;
            letter-spacing: 0.1em;
            margin-top: 10px; }
          .section-top-buisiness .box-buisiness-02 .content-outer .content .content-inner .link {
            margin-top: 30px; }
  .section-top-buisiness .taping {
    background-image: url(../img/index/buisiness_back_01.jpg);
    background-position: top 0 right calc(50vw - 285px);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 50px; }
    @media screen and (max-width: 750px) {
      .section-top-buisiness .taping {
        background-position: right; } }
  .section-top-buisiness .equipment {
    background-image: url(../img/index/buisiness_back_02.jpg);
    background-position: top 0 right 0;
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (max-width: 750px) {
      .section-top-buisiness .equipment {
        background-position: right; } }
  .section-top-buisiness .contract {
    background-image: url(../img/index/buisiness_back_03.jpg);
    background-position: top 0 right calc(50vw - 285px);
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (max-width: 750px) {
      .section-top-buisiness .contract {
        background-position: right; } }
  .section-top-buisiness .electronic {
    background-image: url(../img/index/buisiness_back_04.jpg);
    background-position: top 0 right 0;
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (max-width: 750px) {
      .section-top-buisiness .electronic {
        background-position: right; } }
  .section-top-buisiness .survey {
    background-image: url(../img/index/buisiness_back_05.jpg);
    background-position: top 0 right calc(50vw - 285px);
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (max-width: 750px) {
      .section-top-buisiness .survey {
        background-position: right; } }

.section-top-technicalInfo {
  margin-top: 100px; }
  .section-top-technicalInfo .box-technicalInfo {
    width: 100%;
    background-image: url(../img/common/technology_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    margin-top: 50px; }
    @media screen and (max-width: 750px) {
      .section-top-technicalInfo .box-technicalInfo {
        background-position: center; } }
    .section-top-technicalInfo .box-technicalInfo .technicalInfo-inner {
      width: 740px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media screen and (max-width: 750px) {
        .section-top-technicalInfo .box-technicalInfo .technicalInfo-inner {
          width: 100%;
          box-sizing: border-box;
          padding-left: 10px;
          padding-right: 10px; } }
      .section-top-technicalInfo .box-technicalInfo .technicalInfo-inner .technicalInfo-button {
        width: 350px;
        height: 150px;
        box-sizing: border-box;
        display: table;
        margin: 10px; }
        @media screen and (max-width: 750px) {
          .section-top-technicalInfo .box-technicalInfo .technicalInfo-inner .technicalInfo-button {
            width: 90%;
            margin: 10px auto;
            height: 100px; } }
        .section-top-technicalInfo .box-technicalInfo .technicalInfo-inner .technicalInfo-button a {
          display: table-cell;
          width: 350px;
          height: 150px;
          box-sizing: border-box;
          color: #fff;
          border: 1px solid #fff;
          padding-left: 45px;
          vertical-align: middle;
          position: relative;
          font-size: 1.2em;
          transition: 0.3s; }
          @media screen and (max-width: 750px) {
            .section-top-technicalInfo .box-technicalInfo .technicalInfo-inner .technicalInfo-button a {
              width: 100%;
              height: 100px; } }
          .section-top-technicalInfo .box-technicalInfo .technicalInfo-inner .technicalInfo-button a:after {
            position: absolute;
            content: "";
            width: 20px;
            height: 20px;
            background-image: url(../img/common/arrow_white.png);
            background-repeat: no-repeat;
            background-size: contain;
            top: 65px;
            right: 20px; }
            @media screen and (max-width: 750px) {
              .section-top-technicalInfo .box-technicalInfo .technicalInfo-inner .technicalInfo-button a:after {
                top: 42px; } }
          .section-top-technicalInfo .box-technicalInfo .technicalInfo-inner .technicalInfo-button a:hover {
            color: #c9e3fa;
            border: 1px solid #c9e3fa; }

.section-corprate-recruit {
  width: 100%;
  display: flex;
  margin-top: 60px; }
  @media screen and (max-width: 750px) {
    .section-corprate-recruit {
      display: block; } }
  .section-corprate-recruit .box-corporate {
    width: 50%;
    box-sizing: border-box;
    background-image: url(../img/common/corporate_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
    color: #fff; }
    @media screen and (max-width: 750px) {
      .section-corprate-recruit .box-corporate {
        width: 100%; } }
    .section-corprate-recruit .box-corporate h2 {
      font-size: 2em;
      margin-bottom: 10px; }
    .section-corprate-recruit .box-corporate .sub-title {
      font-size: 1em; }
    .section-corprate-recruit .box-corporate .link {
      width: 200px;
      margin: 30px auto 0; }
  .section-corprate-recruit .box-recruit {
    width: 50%;
    box-sizing: border-box;
    background-image: url(../img/common/recruit_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
    color: #fff; }
    @media screen and (max-width: 750px) {
      .section-corprate-recruit .box-recruit {
        width: 100%; } }
    .section-corprate-recruit .box-recruit h2 {
      font-size: 2em;
      margin-bottom: 10px; }
    .section-corprate-recruit .box-recruit .sub-title {
      font-size: 1em; }
    .section-corprate-recruit .box-recruit .link {
      width: 200px;
      margin: 30px auto 0; }

.section-top-news {
  margin-top: 100px; }
  .section-top-news .box-news-list {
    width: 980px;
    margin: 50px auto 0; }
    @media screen and (max-width: 750px) {
      .section-top-news .box-news-list {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box; } }
    .section-top-news .box-news-list dl {
      display: flex;
      border-bottom: 1px solid #a5a5a5;
      padding: 10px 10px 20px;
      margin: 10px 0 10px; }
      .section-top-news .box-news-list dl dt {
        padding-left: 150px;
        padding-right: 50px; }
        @media screen and (max-width: 750px) {
          .section-top-news .box-news-list dl dt {
            padding-left: 0px;
            padding-right: 0px; } }
      .section-top-news .box-news-list dl dd a {
        color: #585858;
        transition: 0.3s; }
        .section-top-news .box-news-list dl dd a:hover {
          opacity: 0.8; }
      .section-top-news .box-news-list dl dd p {
        margin: 0; }
  .section-top-news .box-link {
    width: 200px;
    margin: 50px auto 0; }

/*下層ページ*/
.taping {
  background-image: url(../img/business-2/taping/main.jpg); }

.electronic-news {
  background-image: url(../img/business-2/electronic-news/main.jpg); }

.consignment {
  background-image: url(../img/business-2/consignment/main.jpg); }

.electronic {
  background-image: url(../img/business-2/electronic/main.jpg); }

.equipment {
  background-image: url(../img/business-2/equipment/main.jpg); }

.research {
  background-image: url(../img/business-2/research/main.jpg); }

.abalone {
  background-image: url(../img/business-2/abalone/main.jpg); }

.abalone2 {
  background-image: url(../img/business-2/abalone2/main.jpg); }

.datalogger {
  background-image: url(../img/business-2/datalogger/main.jpg); }

.round {
  background-image: url(../img/business-2/round/main.jpg); }

.greeting {
  background-image: url(../img/company/greeting/main.jpg); }

.different {
  background-image: url(../img/different/main.jpg); }

.section-second-h2 {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
  background-position: right; }
  .section-second-h2 .second-h2-inner {
    width: 1140px;
    margin: 0 auto;
    padding: 60px 0; }
    @media screen and (max-width: 750px) {
      .section-second-h2 .second-h2-inner {
        width: 100%;
        padding: 45px 0; } }
    .section-second-h2 .second-h2-inner h2 {
      margin-top: 40px;
      color: #fff;
      font-size: 3em;
      letter-spacing: 0.1em;
      line-height: 1.3em; }
      @media screen and (max-width: 750px) {
        .section-second-h2 .second-h2-inner h2 {
          font-size: 2.3em;
          padding-left: 10px;
          padding-right: 10px;
          box-sizing: border-box; } }

.section-bread {
  width: 1140px;
  margin: 0 auto;
  font-size: 0.9em; }
  @media screen and (max-width: 750px) {
    .section-bread {
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box; } }
  .section-bread .box-bread {
    marign-top: 5px; }
    .section-bread .box-bread a {
      color: #585858;
      transition: 0.3s; }
      .section-bread .box-bread a:hover {
        opacity: 0.8; }

.main-content-second {
  width: 1140px;
  margin: 100px auto 200px;
  display: flex; }
  @media screen and (max-width: 750px) {
    .main-content-second {
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
      box-sizing: border-box;
      display: block;
      margin: 100px auto 150px; } }
  .main-content-second .section-content-left {
    width: 75%;
    box-sizing: border-box;
    padding-right: 10px; }
    @media screen and (max-width: 750px) {
      .main-content-second .section-content-left {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 100px; } }
    .main-content-second .section-content-left .box-lead {
      border-top: 1px solid #0d61ad;
      padding-top: 20px; }
      .main-content-second .section-content-left .box-lead .lead {
        font-size: 1.5em;
        padding-left: 10px;
        border-left: 5px solid #0d61ad; }
      .main-content-second .section-content-left .box-lead .description {
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px; }
        @media screen and (max-width: 750px) {
          .main-content-second .section-content-left .box-lead .description {
            padding-left: 0px; } }
    .main-content-second .section-content-left .box-one-two {
      margin-top: 40px; }
      .main-content-second .section-content-left .box-one-two .one-two-inner {
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 750px) {
          .main-content-second .section-content-left .box-one-two .one-two-inner {
            display: block; } }
        .main-content-second .section-content-left .box-one-two .one-two-inner .one {
          width: 33%;
          box-sizing: border-box; }
          @media screen and (max-width: 750px) {
            .main-content-second .section-content-left .box-one-two .one-two-inner .one {
              width: 100%; } }
          .main-content-second .section-content-left .box-one-two .one-two-inner .one img {
            max-width: 100%; }
        .main-content-second .section-content-left .box-one-two .one-two-inner .two {
          width: 66%;
          box-sizing: border-box;
          margin-left: 20px; }
          @media screen and (max-width: 750px) {
            .main-content-second .section-content-left .box-one-two .one-two-inner .two {
              width: 100%;
              margin-left: 0px; } }
    .main-content-second .section-content-left h3 {
      width: 100%;
      background-color: #0d61ad;
      color: #fff;
      box-sizing: border-box;
      padding: 7px 15px 7px 22px;
      position: relative;
      font-size: 1.3em; }
      .main-content-second .section-content-left h3:before {
        position: absolute;
        content: "";
        width: 3px;
        height: 22px;
        background-color: #fff;
        top: 10px;
        left: 11px; }
    .main-content-second .section-content-left h4 {
      font-size: 1.6em;
      margin: 0px 0 10px 0; }
    .main-content-second .section-content-left h5 {
      font-size: 1.2em;
      color: #0d61ad;
      margin: 15px 0 0 0; }
    .main-content-second .section-content-left .table01 {
      border-collapse: collapse;
      margin-top: 30px;
      margin-bottom: 30px; }
      @media screen and (max-width: 750px) {
        .main-content-second .section-content-left .table01 {
          margin-top: 20px;
          margin-bottom: 20px; } }
      .main-content-second .section-content-left .table01 tr th {
        padding: 10px;
        background-color: #e7f1f5;
        border: 1px solid #0d61ad; }
      .main-content-second .section-content-left .table01 tr td {
        padding: 10px;
        border: 1px solid #0d61ad; }
    .main-content-second .section-content-left .table02 {
      border-collapse: collapse;
      margin-top: 30px;
      margin-bottom: 30px; }
      .main-content-second .section-content-left .table02 tr {
        border-bottom: 1px solid #ccc; }
        .main-content-second .section-content-left .table02 tr th {
          padding: 10px 30px 10px 10px;
          border-right: 1px solid #ccc;
          font-weight: bold; }
        .main-content-second .section-content-left .table02 tr td {
          padding: 10px; }
    .main-content-second .section-content-left .box-news-list {
      margin-top: 30px; }
      .main-content-second .section-content-left .box-news-list dl {
        display: flex;
        border-bottom: 1px solid #a5a5a5;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        .main-content-second .section-content-left .box-news-list dl dt {
          width: 150px;
          padding-left: 20px; }
          @media screen and (max-width: 750px) {
            .main-content-second .section-content-left .box-news-list dl dt {
              width: 120px;
              padding-left: 0;
              font-size: 0.8em; } }
        .main-content-second .section-content-left .box-news-list dl dd {
          width: 590px; }
          @media screen and (max-width: 750px) {
            .main-content-second .section-content-left .box-news-list dl dd {
              width: calc(100% - 120px);
              margin-left: 10px;
              box-sizing: border-box; } }
          .main-content-second .section-content-left .box-news-list dl dd a {
            transition: 0.3s;
            color: #0d61ad; }
            .main-content-second .section-content-left .box-news-list dl dd a:hover {
              color: #585858; }
          .main-content-second .section-content-left .box-news-list dl dd p {
            margin: 0; }
      .main-content-second .section-content-left .box-news-list ul li {
        border-bottom: 1px solid #a5a5a5;
        display: flex;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        .main-content-second .section-content-left .box-news-list ul li .nDate {
          width: 150px;
          padding-left: 20px; }
          @media screen and (max-width: 750px) {
            .main-content-second .section-content-left .box-news-list ul li .nDate {
              width: 120px;
              padding-left: 0;
              font-size: 0.8em; } }
        .main-content-second .section-content-left .box-news-list ul li .nTxt {
          width: 590px; }
          @media screen and (max-width: 750px) {
            .main-content-second .section-content-left .box-news-list ul li .nTxt {
              width: calc(100% - 120px);
              margin-left: 10px;
              box-sizing: border-box; } }
          .main-content-second .section-content-left .box-news-list ul li .nTxt a {
            transition: 0.3s;
            color: #0d61ad; }
            .main-content-second .section-content-left .box-news-list ul li .nTxt a:hover {
              color: #585858; }
          .main-content-second .section-content-left .box-news-list ul li .nTxt p {
            margin: 0; }
      .main-content-second .section-content-left .box-news-list .link_electronic_news {
        text-align: right; }
        .main-content-second .section-content-left .box-news-list .link_electronic_news a {
          color: #0d61ad; }
          .main-content-second .section-content-left .box-news-list .link_electronic_news a:hover {
            color: #585858; }
    .main-content-second .section-content-left .box-link-large {
      width: 400px;
      margin: 50px auto 50px; }
      @media screen and (max-width: 750px) {
        .main-content-second .section-content-left .box-link-large {
          width: 100%; } }
    .main-content-second .section-content-left .box-three-colum {
      margin-top: 30px;
      margin-bottom: 30px; }
      .main-content-second .section-content-left .box-three-colum .three-colum-inner {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        @media screen and (max-width: 750px) {
          .main-content-second .section-content-left .box-three-colum .three-colum-inner {
            justify-content: center; } }
        .main-content-second .section-content-left .box-three-colum .three-colum-inner .three {
          width: 30%;
          margin: 10px;
          padding: 10px;
          text-align: center;
          box-sizing: border-box; }
          @media screen and (max-width: 750px) {
            .main-content-second .section-content-left .box-three-colum .three-colum-inner .three {
              width: 50%;
              margin: 0; } }
          .main-content-second .section-content-left .box-three-colum .three-colum-inner .three a {
            color: #585858;
            transition: 0.3s; }
            .main-content-second .section-content-left .box-three-colum .three-colum-inner .three a img {
              width: 100%; }
            .main-content-second .section-content-left .box-three-colum .three-colum-inner .three a:hover {
              opacity: 0.8; }
    .main-content-second .section-content-left .box-flex-normal {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 750px) {
        .main-content-second .section-content-left .box-flex-normal {
          display: block; } }
    .main-content-second .section-content-left .box-flex-wrap {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media screen and (max-width: 750px) {
        .main-content-second .section-content-left .box-flex-wrap {
          justify-content: space-around; } }
    .main-content-second .section-content-left .img-width250 {
      width: 250px; }
    .main-content-second .section-content-left .feature-list {
      margin-top: 20px;
      margin-bottom: 30px; }
      .main-content-second .section-content-left .feature-list li {
        padding-left: 20px;
        position: relative; }
        .main-content-second .section-content-left .feature-list li:before {
          position: absolute;
          content: "";
          width: 7px;
          height: 7px;
          background-color: #0d61ad;
          top: 10px;
          left: 8px;
          border-radius: 50%; }
    .main-content-second .section-content-left .box-flex-half {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (max-width: 750px) {
        .main-content-second .section-content-left .box-flex-half {
          display: block; } }
      .main-content-second .section-content-left .box-flex-half .half {
        width: 48%;
        padding: 20px;
        box-sizing: border-box; }
        @media screen and (max-width: 750px) {
          .main-content-second .section-content-left .box-flex-half .half {
            width: 100%; } }
        .main-content-second .section-content-left .box-flex-half .half img {
          width: 100%; }
        .main-content-second .section-content-left .box-flex-half .half .link {
          width: 200px;
          margin: 30px auto; }
    .main-content-second .section-content-left .text-link a {
      color: #0d61ad;
      transition: 0.3s; }
      .main-content-second .section-content-left .text-link a:hover {
        opacity: 0.8; }
    .main-content-second .section-content-left .box-fq dl {
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px;
      margin-left: 20px; }
      .main-content-second .section-content-left .box-fq dl dt {
        position: relative;
        padding-left: 30px;
        margin-bottom: 10px; }
        .main-content-second .section-content-left .box-fq dl dt:before {
          position: absolute;
          content: "Q.";
          font-size: 1.3em;
          top: 0px;
          left: 0px;
          color: #0d61ad;
          font-weight: bold; }
      .main-content-second .section-content-left .box-fq dl dd {
        position: relative;
        margin-left: 0px;
        padding-left: 30px; }
        .main-content-second .section-content-left .box-fq dl dd:before {
          position: absolute;
          content: "A.";
          font-size: 1.3em;
          top: 0px;
          left: 0px;
          color: #ff7c4e;
          font-weight: bold; }
    .main-content-second .section-content-left .sitemap-first {
      margin-top: 20px; }
      .main-content-second .section-content-left .sitemap-first a {
        transition: 0.3s;
        position: relative;
        color: #585858;
        font-size: 1.3em; }
        .main-content-second .section-content-left .sitemap-first a:hover {
          color: #0d61ad; }
    .main-content-second .section-content-left .sitemap-second a {
      transition: 0.3s;
      position: relative;
      color: #585858;
      padding-left: 20px;
      font-size: 1em; }
      .main-content-second .section-content-left .sitemap-second a:hover {
        color: #0d61ad; }
    .main-content-second .section-content-left .attention {
      color: red; }
    .main-content-second .section-content-left .box-contact-table {
      margin-top: 30px;
      margin-bottom: 30px; }
      .main-content-second .section-content-left .box-contact-table table {
        border-collapse: collapse;
        width: 100%; }
        .main-content-second .section-content-left .box-contact-table table tr th {
          background-color: #e7f1f5;
          text-align: left;
          vertical-align: top;
          padding: 10px;
          border: 1px solid #ccc;
          width: 150px; }
          .main-content-second .section-content-left .box-contact-table table tr th span {
            font-size: 0.8em; }
          @media screen and (max-width: 750px) {
            .main-content-second .section-content-left .box-contact-table table tr th {
              display: block;
              width: 100%; } }
        .main-content-second .section-content-left .box-contact-table table tr td {
          padding: 10px;
          border: 1px solid #ccc; }
          @media screen and (max-width: 750px) {
            .main-content-second .section-content-left .box-contact-table table tr td {
              display: block; } }
          .main-content-second .section-content-left .box-contact-table table tr td .title {
            display: inline-block;
            margin-right: 30px;
            width: 100px;
            padding-left: 12px; }
          .main-content-second .section-content-left .box-contact-table table tr td .kome {
            position: relative; }
            .main-content-second .section-content-left .box-contact-table table tr td .kome:after {
              position: absolute;
              content: "※";
              color: red;
              top: -4px;
              left: 0px;
              font-size: 0.5em; }
          .main-content-second .section-content-left .box-contact-table table tr td .long {
            width: 400px;
            height: 25px;
            border: 1px solid #ccc; }
            @media screen and (max-width: 750px) {
              .main-content-second .section-content-left .box-contact-table table tr td .long {
                width: 95%; } }
          .main-content-second .section-content-left .box-contact-table table tr td .long2 {
            width: 95%;
            border: 1px solid #ccc; }
          .main-content-second .section-content-left .box-contact-table table tr td .short {
            height: 25px;
            border: 1px solid #ccc;
            margin-bottom: 15px; }
          .main-content-second .section-content-left .box-contact-table table tr td .wpcf7c-conf {
            background-color: #f7f7f7; }
          .main-content-second .section-content-left .box-contact-table table tr td .check-wrap {
            display: inline-block;
            margin-left: 10px; }
    .main-content-second .section-content-left .contact-button {
      width: 200px;
      transition: 0.3s; }
      .main-content-second .section-content-left .contact-button:hover {
        opacity: 0.8; }
    .main-content-second .section-content-left .box-confirmButton {
      width: 200px;
      height: 60px;
      margin: 0 auto; }
      .main-content-second .section-content-left .box-confirmButton .wpcf7c-btn-confirm {
        background-color: #fff;
        border: 1px solid #0d61ad;
        width: 100%;
        height: 100%;
        cursor: pointer;
        transition: 0.3s;
        color: #585858; }
        .main-content-second .section-content-left .box-confirmButton .wpcf7c-btn-confirm:hover {
          background-color: #0d61ad;
          color: #fff; }
    .main-content-second .section-content-left .box-backButton {
      width: 100px;
      height: 30px;
      margin: 0 auto 30px; }
      .main-content-second .section-content-left .box-backButton .wpcf7c-btn-back {
        background-color: #ccc;
        width: 100%;
        height: 100%;
        cursor: pointer;
        transition: 0.3s;
        color: #585858; }
        .main-content-second .section-content-left .box-backButton .wpcf7c-btn-back:hover {
          opacity: 0.8; }
    .main-content-second .section-content-left .box-sendButton {
      width: 200px;
      height: 60px;
      margin: 0 auto 50px; }
      .main-content-second .section-content-left .box-sendButton .wpcf7-submit {
        background-color: #fff;
        border: 1px solid #0d61ad;
        width: 100%;
        height: 100%;
        cursor: pointer;
        transition: 0.3s;
        color: #585858; }
        .main-content-second .section-content-left .box-sendButton .wpcf7-submit:hover {
          background-color: #0d61ad;
          color: #fff; }
    .main-content-second .section-content-left .electrobox3 {
      border-collapse: collapse;
      margin-top: 20px; }
      .main-content-second .section-content-left .electrobox3 tr th {
        background-color: #e7f1f5;
        text-align: left;
        vertical-align: top;
        padding: 10px;
        border: 1px solid #ccc; }
      .main-content-second .section-content-left .electrobox3 tr td {
        padding: 10px;
        border: 1px solid #ccc; }
    .main-content-second .section-content-left .searchContent {
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px;
      margin-bottom: 15px; }
      .main-content-second .section-content-left .searchContent .title a {
        color: #0d61ad;
        transition: 0.3s; }
        .main-content-second .section-content-left .searchContent .title a:hover {
          color: #585858; }
      .main-content-second .section-content-left .searchContent .body a {
        color: #0d61ad;
        transition: 0.3s; }
        .main-content-second .section-content-left .searchContent .body a:hover {
          color: #585858; }
    .main-content-second .section-content-left .wp-pagenavi {
      text-align: center;
      margin-top: 50px; }
      .main-content-second .section-content-left .wp-pagenavi a {
        color: #0d61ad;
        transition: 0.3s; }
        .main-content-second .section-content-left .wp-pagenavi a:hover {
          color: #585858; }
  .main-content-second .section-content-right {
    width: 25%;
    box-sizing: border-box;
    padding-left: 10px; }
    @media screen and (max-width: 750px) {
      .main-content-second .section-content-right {
        width: 100%; } }
    .main-content-second .section-content-right .box-right-link {
      width: 250px;
      height: 100px;
      box-sizing: border-box;
      display: table;
      margin: 0 0 20px auto; }
      @media screen and (max-width: 750px) {
        .main-content-second .section-content-right .box-right-link {
          width: 100%; } }
      .main-content-second .section-content-right .box-right-link a {
        width: 250px;
        height: 100px;
        box-sizing: border-box;
        border: 1px solid #0d61ad;
        display: table-cell;
        position: relative;
        color: #0d61ad;
        padding-left: 15px;
        padding-right: 15px;
        vertical-align: middle;
        transition: 0.3s; }
        @media screen and (max-width: 750px) {
          .main-content-second .section-content-right .box-right-link a {
            width: 100%; } }
        .main-content-second .section-content-right .box-right-link a .text1 {
          font-size: 1.2em; }
        .main-content-second .section-content-right .box-right-link a .text2 {
          font-size: 0.9em;
          line-height: 1.5em; }
        .main-content-second .section-content-right .box-right-link a:after {
          position: absolute;
          content: "";
          width: 20px;
          height: 20px;
          background-image: url(../img/common/arrow_blue.png);
          background-repeat: no-repeat;
          background-size: contain;
          top: 40px;
          right: 7px; }
        .main-content-second .section-content-right .box-right-link a:hover {
          color: #4da0e8;
          border: 1px solid #4da0e8; }

/*リクルートページここから*/
.header-recruit {
  width: 100%; }
  .header-recruit .recruit-header .box-h1 {
    text-align: center;
    padding: 5px 0px;
    background-color: #0d61ad; }
    @media screen and (max-width: 750px) {
      .header-recruit .recruit-header .box-h1 {
        height: 60px; } }
    .header-recruit .recruit-header .box-h1 h1 {
      color: #fff;
      font-size: 14px;
      margin: 0px; }
      @media screen and (max-width: 750px) {
        .header-recruit .recruit-header .box-h1 h1 {
          margin-top: 5px; } }
      .header-recruit .recruit-header .box-h1 h1 span {
        margin-left: 50px; }
        @media screen and (max-width: 750px) {
          .header-recruit .recruit-header .box-h1 h1 span {
            display: block;
            margin-left: 0px; } }
  .header-recruit .recruit-header .recruit-pc-nav {
    padding-top: 45px;
    padding-bottom: 20px; }
    .header-recruit .recruit-header .recruit-pc-nav nav {
      width: 1160px;
      box-sizing: border-box;
      margin: 0 auto; }
      .header-recruit .recruit-header .recruit-pc-nav nav ul {
        display: flex;
        justify-content: space-around; }
        .header-recruit .recruit-header .recruit-pc-nav nav ul li {
          width: 160px;
          text-align: center;
          position: relative;
          cursor: pointer; }
          .header-recruit .recruit-header .recruit-pc-nav nav ul li a {
            color: #585858;
            transition: 0.3s; }
          .header-recruit .recruit-header .recruit-pc-nav nav ul li:before {
            position: absolute;
            content: "";
            width: 56px;
            height: 5px;
            background-color: #e9e9e9;
            top: -13px;
            left: 52px;
            transition: 0.5s; }
          .header-recruit .recruit-header .recruit-pc-nav nav ul li:hover:before {
            background-color: #0d61ad; }
          .header-recruit .recruit-header .recruit-pc-nav nav ul li:hover a {
            opacity: 0.8; }
        .header-recruit .recruit-header .recruit-pc-nav nav ul .current:before {
          background-color: #0d61ad; }
  .header-recruit .recruit-header .fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff; }

.section-recruit-mv {
  width: 100%;
  height: calc(100vh - 120px);
  background-image: url(../img/recruit/recruit-mv.png);
  background-size: cover;
  background-repeat: no-repeat; }
  @media screen and (max-width: 750px) {
    .section-recruit-mv {
      height: 400px;
      background-position: top right; } }
  .section-recruit-mv .mv-text-outer {
    width: 1160px;
    margin: 0 auto;
    padding-top: 150px; }
    @media screen and (max-width: 750px) {
      .section-recruit-mv .mv-text-outer {
        width: 100%;
        padding-top: 125px;
        text-align: center; } }
    .section-recruit-mv .mv-text-outer .text1 {
      font-size: 112px;
      color: #fff;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 750px) {
        .section-recruit-mv .mv-text-outer .text1 {
          font-size: 74px; } }
      .section-recruit-mv .mv-text-outer .text1 span {
        color: #0d61ad; }
        @media screen and (max-width: 750px) {
          .section-recruit-mv .mv-text-outer .text1 span {
            color: #fff; } }
    .section-recruit-mv .mv-text-outer .text2 {
      font-size: 70px;
      color: #fff;
      letter-spacing: 0.2em;
      margin-top: 0px; }
      @media screen and (max-width: 750px) {
        .section-recruit-mv .mv-text-outer .text2 {
          font-size: 47px;
          margin-top: 50px; } }
      .section-recruit-mv .mv-text-outer .text2 span {
        color: #0d61ad; }
        @media screen and (max-width: 750px) {
          .section-recruit-mv .mv-text-outer .text2 span {
            color: #fff; } }

.box-recruith2-1 {
  text-align: center; }
  .box-recruith2-1 h2 {
    color: #585858;
    font-size: 37px;
    font-weight: 600;
    letter-spacing: 0.17em; }
    @media screen and (max-width: 750px) {
      .box-recruith2-1 h2 {
        font-size: 34px;
        line-height: 1.2em; } }
    .box-recruith2-1 h2 span {
      font-size: 54px;
      color: #0d61ad; }
      @media screen and (max-width: 750px) {
        .box-recruith2-1 h2 span {
          font-size: 34px; } }
  .box-recruith2-1 .subtitle {
    font-size: 17px; }

.box-recruith2-2 {
  text-align: center; }
  .box-recruith2-2 h2 {
    font-size: 41px;
    font-weight: 600;
    letter-spacing: 0.17em; }
    @media screen and (max-width: 750px) {
      .box-recruith2-2 h2 {
        font-size: 34px;
        line-height: 1.2em; } }
    .box-recruith2-2 h2 span {
      font-size: 59px;
      color: #ee8b5b; }
      @media screen and (max-width: 750px) {
        .box-recruith2-2 h2 span {
          font-size: 34px; } }

.recruit-main {
  position: relative;
  font-size: 15px; }
  .recruit-main:after {
    position: absolute;
    content: "";
    width: 100vw;
    height: 100%;
    background-image: url(../img/recruit/bg_line.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: calc(100vh + 10px);
    left: 0;
    z-index: -1; }
    @media screen and (max-width: 750px) {
      .recruit-main:after {
        content: none; } }

.section-recruit-01 {
  width: 980px;
  margin: 150px auto 0;
  position: relative; }
  @media screen and (max-width: 750px) {
    .section-recruit-01 {
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box;
      margin: 100px auto 0; } }
  .section-recruit-01 .box-message-inner {
    width: 700px; }
    @media screen and (max-width: 750px) {
      .section-recruit-01 .box-message-inner {
        width: 100%; } }
    .section-recruit-01 .box-message-inner .message-content {
      margin-top: 80px;
      line-height: 2.2em; }
    .section-recruit-01 .box-message-inner .message-name {
      margin-top: 50px;
      text-align: right; }

.section-recruit-02 {
  margin-top: 150px;
  position: relative; }
  @media screen and (max-width: 750px) {
    .section-recruit-02 {
      margin-top: 100px; } }
  .section-recruit-02 .introduction-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 980px;
    margin: 0 auto; }
    @media screen and (max-width: 750px) {
      .section-recruit-02 .introduction-wrapper {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box; } }
    .section-recruit-02 .introduction-wrapper .staff-panel {
      width: 420px;
      margin-top: 100px; }
      @media screen and (max-width: 750px) {
        .section-recruit-02 .introduction-wrapper .staff-panel {
          width: 100%; } }
      .section-recruit-02 .introduction-wrapper .staff-panel .img {
        text-align: center; }
      .section-recruit-02 .introduction-wrapper .staff-panel h3 {
        font-size: 30px;
        letter-spacing: 0.2em;
        text-align: center; }
      .section-recruit-02 .introduction-wrapper .staff-panel .color-blue {
        color: #0585c2; }
      .section-recruit-02 .introduction-wrapper .staff-panel .color-green {
        color: #3f9d00; }
      .section-recruit-02 .introduction-wrapper .staff-panel .color-orange {
        color: #d67026; }
      .section-recruit-02 .introduction-wrapper .staff-panel .color-pink {
        color: #ec5d75; }
      .section-recruit-02 .introduction-wrapper .staff-panel .detail {
        text-align: center; }
      .section-recruit-02 .introduction-wrapper .staff-panel .introduction-content {
        margin-top: 20px; }
  .section-recruit-02:before {
    position: absolute;
    content: "";
    background-image: url(../img/recruit/bg_fukidashi.png);
    width: 350px;
    height: 350px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0px;
    right: calc(50vw - 670px);
    z-index: -1; }
    @media screen and (max-width: 750px) {
      .section-recruit-02:before {
        content: none; } }
  .section-recruit-02:after {
    position: absolute;
    content: "";
    background-image: url(../img/recruit/bg_kougu.png);
    width: 350px;
    height: 350px;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0px;
    left: 30px; }
    @media screen and (max-width: 750px) {
      .section-recruit-02:after {
        content: none; } }

.section-recruit-04 {
  width: 1160px;
  margin: 150px auto 0; }
  @media screen and (max-width: 750px) {
    .section-recruit-04 {
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box;
      margin: 100px auto 0; } }
  .section-recruit-04 .box-lead {
    font-size: 23px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center; }
    @media screen and (max-width: 750px) {
      .section-recruit-04 .box-lead {
        font-size: 18px; } }
    .section-recruit-04 .box-lead span {
      color: #d0a02a;
      font-size: 34px; }
      @media screen and (max-width: 750px) {
        .section-recruit-04 .box-lead span {
          font-size: 18px; } }
  .section-recruit-04 .about-wrapper {
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 750px) {
      .section-recruit-04 .about-wrapper {
        flex-wrap: wrap; } }
    .section-recruit-04 .about-wrapper .about-panel {
      width: 380px;
      padding: 20px;
      box-sizing: border-box; }
      @media screen and (max-width: 750px) {
        .section-recruit-04 .about-wrapper .about-panel {
          width: 100%; } }
      .section-recruit-04 .about-wrapper .about-panel h3 {
        font-size: 20px;
        text-align: center;
        border-bottom: 2px solid #0d61ad;
        padding-bottom: 8px;
        position: relative; }
        .section-recruit-04 .about-wrapper .about-panel h3 .strong {
          color: #d0a02a; }
      .section-recruit-04 .about-wrapper .about-panel .number-01:before {
        position: absolute;
        content: "01";
        font-size: 34px;
        color: #0d61ad;
        font-weight: 600;
        left: 0px;
        top: 0px; }
      .section-recruit-04 .about-wrapper .about-panel .number-02:before {
        position: absolute;
        content: "02";
        font-size: 34px;
        color: #0d61ad;
        font-weight: 600;
        left: 0px;
        top: 0px; }
      .section-recruit-04 .about-wrapper .about-panel .number-03:before {
        position: absolute;
        content: "03";
        font-size: 34px;
        color: #0d61ad;
        font-weight: 600;
        left: 0px;
        top: 0px; }
      .section-recruit-04 .about-wrapper .about-panel .number-04:before {
        position: absolute;
        content: "04";
        font-size: 34px;
        color: #0d61ad;
        font-weight: 600;
        left: 0px;
        top: 0px; }
      .section-recruit-04 .about-wrapper .about-panel .number-05:before {
        position: absolute;
        content: "05";
        font-size: 34px;
        color: #0d61ad;
        font-weight: 600;
        left: 0px;
        top: 0px; }
      .section-recruit-04 .about-wrapper .about-panel .number-06:before {
        position: absolute;
        content: "06";
        font-size: 34px;
        color: #0d61ad;
        font-weight: 600;
        left: 0px;
        top: 0px; }
      .section-recruit-04 .about-wrapper .about-panel .number-07:before {
        position: absolute;
        content: "07";
        font-size: 34px;
        color: #0d61ad;
        font-weight: 600;
        left: 0px;
        top: 0px; }
      .section-recruit-04 .about-wrapper .about-panel .answer-inner {
        display: flex;
        justify-content: space-between;
        font-size: 14px; }
        .section-recruit-04 .about-wrapper .about-panel .answer-inner span {
          font-size: 11px; }
        .section-recruit-04 .about-wrapper .about-panel .answer-inner .answer {
          width: 48%; }

.section-recruit-05 {
  width: 100%;
  background-color: #fcf2ed;
  padding-top: 50px;
  padding-bottom: 100px;
  margin-top: 150px; }
  .section-recruit-05 .box-lead {
    font-size: 18px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px; }
  .section-recruit-05 .welfare-wrapper {
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 750px) {
      .section-recruit-05 .welfare-wrapper {
        display: block; } }
    .section-recruit-05 .welfare-wrapper .welfare-panel {
      width: 240px;
      padding: 10px;
      box-sizing: border-box;
      text-align: center;
      position: relative; }
      @media screen and (max-width: 750px) {
        .section-recruit-05 .welfare-wrapper .welfare-panel {
          width: 100%; } }
      .section-recruit-05 .welfare-wrapper .welfare-panel .img img {
        width: 100%; }
        @media screen and (max-width: 750px) {
          .section-recruit-05 .welfare-wrapper .welfare-panel .img img {
            width: unset; } }
      .section-recruit-05 .welfare-wrapper .welfare-panel h3 {
        font-size: 19px; }
      .section-recruit-05 .welfare-wrapper .welfare-panel:after {
        content: "";
        position: absolute;
        width: 70px;
        height: 3px;
        background-color: #ee8b5b;
        bottom: 0px;
        left: 85px; }
        @media screen and (max-width: 750px) {
          .section-recruit-05 .welfare-wrapper .welfare-panel:after {
            content: none; } }
  .section-recruit-05 .welfare-link {
    width: 400px;
    margin: 80px auto 40px; }
    .section-recruit-05 .welfare-link .link-recruit-blue {
      width: 400px;
      height: 60px;
      box-sizing: border-box;
      text-align: center; }
      @media screen and (max-width: 750px) {
        .section-recruit-05 .welfare-link .link-recruit-blue {
          width: 100%; } }
      .section-recruit-05 .welfare-link .link-recruit-blue a {
        display: inline-block;
        width: 400px;
        height: 60px;
        line-height: 60px;
        font-size: 1.1em;
        border: 1px solid #0d61ad;
        position: relative;
        color: #0d61ad;
        transition: 0.3s;
        background-color: #fff; }
        @media screen and (max-width: 750px) {
          .section-recruit-05 .welfare-link .link-recruit-blue a {
            width: 100%; } }
        .section-recruit-05 .welfare-link .link-recruit-blue a:hover {
          color: #4da0e8;
          border: 1px solid #4da0e8; }
        .section-recruit-05 .welfare-link .link-recruit-blue a:after {
          position: absolute;
          content: "";
          width: 20px;
          height: 20px;
          background-image: url(../img/common/arrow_blue.png);
          background-repeat: no-repeat;
          background-size: contain;
          top: 21px;
          right: 7px; }

.section-recruit-07 {
  width: 960px;
  margin: 150px auto 0px; }
  @media screen and (max-width: 750px) {
    .section-recruit-07 {
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box;
      margin: 100px auto 0; } }
  .section-recruit-07 .statement-wrapper {
    margin-top: 50px; }
    .section-recruit-07 .statement-wrapper h3 {
      text-align: center;
      position: relative;
      margin-bottom: 100px;
      font-size: 22px;
      letter-spacing: 0.17em; }
      @media screen and (max-width: 750px) {
        .section-recruit-07 .statement-wrapper h3 {
          border-bottom: 1px solid #ccc;
          padding-bottom: 10px;
          margin-bottom: 50px; } }
      .section-recruit-07 .statement-wrapper h3:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 30px;
        background-image: url(../img/recruit/line.png);
        background-size: 100%;
        background-repeat: no-repeat;
        bottom: -40px;
        left: 0; }
        @media screen and (max-width: 750px) {
          .section-recruit-07 .statement-wrapper h3:after {
            content: none; } }
    .section-recruit-07 .statement-wrapper dl {
      display: flex;
      border-bottom: 1px dotted #ccc;
      width: 820px;
      margin: 30px auto 30px;
      padding-bottom: 20px; }
      @media screen and (max-width: 750px) {
        .section-recruit-07 .statement-wrapper dl {
          width: 100%;
          display: block; } }
      .section-recruit-07 .statement-wrapper dl dt {
        width: 200px; }
        @media screen and (max-width: 750px) {
          .section-recruit-07 .statement-wrapper dl dt {
            width: unset;
            font-weight: 600;
            font-size: 1.1em; } }
      .section-recruit-07 .statement-wrapper dl dd {
        width: 620px;
        box-sizing: border-box; }
        @media screen and (max-width: 750px) {
          .section-recruit-07 .statement-wrapper dl dd {
            width: unset;
            margin-left: 10px; } }
  .section-recruit-07 .recnavi-link {
    text-align: center;
    margin-top: 140px;
    margin-bottom: 50px; }
    .section-recruit-07 .recnavi-link .box-lead {
      width: 100%;
      height: 50px; }
      .section-recruit-07 .recnavi-link .box-lead span {
        font-size: 22px;
        position: relative;
        color: #57a8e6; }
        .section-recruit-07 .recnavi-link .box-lead span:before {
          position: absolute;
          content: "";
          background-image: url(../img/recruit/fukidashi_left.png);
          width: 47px;
          height: 47px;
          top: 30px;
          left: -150px; }
          @media screen and (max-width: 750px) {
            .section-recruit-07 .recnavi-link .box-lead span:before {
              left: -100px; } }
        .section-recruit-07 .recnavi-link .box-lead span:after {
          position: absolute;
          content: "";
          background-image: url(../img/recruit/fukidashi_right.png);
          width: 47px;
          height: 47px;
          top: 30px;
          right: -150px; }
          @media screen and (max-width: 750px) {
            .section-recruit-07 .recnavi-link .box-lead span:after {
              right: -100px; } }
    .section-recruit-07 .recnavi-link .img {
      margin-top: 30px; }
      @media screen and (max-width: 750px) {
        .section-recruit-07 .recnavi-link .img {
          max-width: 100%; } }
    .section-recruit-07 .recnavi-link .link {
      margin-top: 20px; }
      .section-recruit-07 .recnavi-link .link a {
        transition: 0.3s; }
        .section-recruit-07 .recnavi-link .link a img {
          width: 160px; }
        .section-recruit-07 .recnavi-link .link a:hover {
          opacity: 0.8; }

.footer-recruit {
  padding-top: 30px;
  padding-bottom: 30px; }
  .footer-recruit .section-contact {
    color: #fff;
    text-align: center; }
    .footer-recruit .section-contact h2 {
      font-size: 30px;
      letter-spacing: 0.3em; }
      @media screen and (max-width: 750px) {
        .footer-recruit .section-contact h2 {
          font-size: 25px; } }
      .footer-recruit .section-contact h2 span {
        position: relative; }
        .footer-recruit .section-contact h2 span:after {
          position: absolute;
          content: "";
          width: 60px;
          height: 1px;
          background-color: #fff;
          bottom: -18px;
          left: 63px; }
          @media screen and (max-width: 750px) {
            .footer-recruit .section-contact h2 span:after {
              left: 53px; } }
    .footer-recruit .section-contact h3 {
      font-size: 18px;
      margin-top: 100px;
      margin-bottom: 10px; }
      @media screen and (max-width: 750px) {
        .footer-recruit .section-contact h3 {
          font-size: 15px; } }
    .footer-recruit .section-contact .company-info {
      font-size: 16px; }
      @media screen and (max-width: 750px) {
        .footer-recruit .section-contact .company-info {
          font-size: 13px; } }
  .footer-recruit .section-copyright {
    margin-top: 100px;
    border-top: #fff solid 1px;
    padding-top: 30px;
    padding-bottom: 0px; }
    .footer-recruit .section-copyright .copyright {
      text-align: center;
      font-size: 13.5px;
      color: #fff; }
      @media screen and (max-width: 750px) {
        .footer-recruit .section-copyright .copyright {
          font-size: 11px; } }

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