@charset "UTF-8";
.news .mainImg {
  padding: 110px 0 80px 50px;
  background: url("../../img/product/mainImg.jpg") no-repeat;
  background-size: cover; }
  .news .mainImg h2 {
    margin: 0;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 34px;
    font-size: 3.4rem; }

.news .newsWrap {
  margin: 90px 0 100px 60px;
  width: 1150px; }
  .news .newsWrap .link_list {
    padding: 60px 0; }
  .news .newsWrap .post_item {
    padding: 40px 0; }
    .news .newsWrap .post_item + .post_item {
      border-top: 1px solid #cccccc; }
    .news .newsWrap .post_item header {
      height: auto;
      position: static;
      z-index: 0; }
      .news .newsWrap .post_item header h3 {
        margin-bottom: 15px; }
      .news .newsWrap .post_item header a {
        color: #065e8c;
        font-weight: bold;
        font-size: 20px;
        font-size: 2rem;
        text-decoration: underline; }
      .news .newsWrap .post_item header a:hover {
        color: #0991c9;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s; }
    .news .newsWrap .post_item .post_meta {
      margin-bottom: 10px;
      font-size: 16px;
      font-size: 1.6rem; }
    .news .newsWrap .post_item .entry-snippet {
      margin-bottom: 10px;
      font-size: 16px;
      font-size: 1.6rem; }
    .news .newsWrap .post_item footer a {
      display: inline-block;
      color: #065e8c;
      font-size: 16px;
      font-size: 1.6rem; }
    .news .newsWrap .post_item footer a:hover {
      color: #0991c9;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s; }
    .news .newsWrap .post_item footer .entry-read {
      position: relative;
      padding-right: 30px;
      text-align: right; }
      .news .newsWrap .post_item footer .entry-read:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        left: auto;
        width: 8px;
        height: 8px;
        margin: auto;
        vertical-align: middle;
        border-top: 2px solid #065e8c;
        border-right: 2px solid #065e8c;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
  .news .newsWrap .wp-pagenavi {
    overflow: hidden; }
    .news .newsWrap .wp-pagenavi span.current {
      margin-right: 20px;
      float: left;
      background: #0a6696;
      color: #fff;
      border: 1px solid #cccccc;
      padding: 5px 10px;
      text-align: center;
      display: block; }
    .news .newsWrap .wp-pagenavi a {
      float: left;
      display: block;
      display: block;
      color: #065e8c; }
    .news .newsWrap .wp-pagenavi a.page {
      margin-right: 20px;
      background: #fff;
      border: 1px solid #cccccc;
      padding: 5px 10px;
      text-align: center; }
      .news .newsWrap .wp-pagenavi a.page:hover {
        background: #cccccc;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        color: #065e8c; }
    .news .newsWrap .wp-pagenavi a.nextpostslink, .news .newsWrap .wp-pagenavi a.previouspostslink {
      margin-right: 20px;
      padding: 5px 0; }
    .news .newsWrap .wp-pagenavi a.first, .news .newsWrap .wp-pagenavi a.last {
      text-align: center;
      padding: 5px 15px; }

@media screen and (max-width: 767px) {
  .news .mainImg {
    padding: 90px 4% 40px;
    background-size: cover; }
    .news .mainImg h2 {
      font-size: 26px;
      font-size: 2.6rem; }
      .news .mainImg h2 span {
        margin: 15px 0 60px;
        display: block;
        font-size: 15px;
        font-size: 1.5rem; }
  .news .newsWrap {
    margin: 60px 0;
    padding: 0 4%;
    width: 100%; }
    .news .newsWrap .post_item {
      padding: 20px 0; }
      .news .newsWrap .post_item header h3 {
        margin-bottom: 20px; }
      .news .newsWrap .post_item header a {
        font-size: 20px;
        font-size: 2rem; }
      .news .newsWrap .post_item header a:hover {
        color: #0991c9;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s; }
      .news .newsWrap .post_item .post_meta {
        margin-bottom: 10px;
        font-size: 16px;
        font-size: 1.6rem; }
      .news .newsWrap .post_item .entry-snippet {
        margin-bottom: 20px;
        font-size: 16px;
        font-size: 1.6rem; }
      .news .newsWrap .post_item footer {
        margin-bottom: 20px; }
    .news .newsWrap .wp-pagenavi {
      display: table;
      table-layout: fixed;
      width: 100%;
      margin: 30px auto 0; }
      .news .newsWrap .wp-pagenavi span.current {
        float: none;
        display: table-cell;
        margin-right: 0; }
      .news .newsWrap .wp-pagenavi a {
        float: none;
        display: table-cell;
        margin-right: 0; }
      .news .newsWrap .wp-pagenavi a.page {
        text-align: center;
        padding: 10px 5px; }
      .news .newsWrap .wp-pagenavi a.nextpostslink, .news .newsWrap .wp-pagenavi a.previouspostslink {
        text-align: center;
        padding: 0; }
      .news .newsWrap .wp-pagenavi a.first, .news .newsWrap .wp-pagenavi a.last {
        padding: 0; } }

.news .newsAbout_wrap {
  margin: 100px 0 120px 60px; }
  .news .newsAbout_wrap .return_btn {
    max-width: 290px;
    text-align: center; }
    .news .newsAbout_wrap .return_btn a {
      display: block;
      padding: 15px 20px;
      color: #fff;
      background: #0a6696;
      font-size: 18px;
      font-size: 1.8rem;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s; }
      .news .newsAbout_wrap .return_btn a:hover {
        color: #fff;
        background: #0991c9; }
  .news .newsAbout_wrap article {
    margin: 60px 0;
    width: 1150px; }
    .news .newsAbout_wrap article .entry_content h1 {
      margin-top: 15px;
      font-size: 24px;
      font-size: 2.4rem; }
    .news .newsAbout_wrap article .entry_content h2 {
      margin-top: 15px;
      font-size: 20px;
      font-size: 2rem; }
    .news .newsAbout_wrap article .entry_content h3 {
      margin-top: 15px;
      font-size: 18px;
      font-size: 1.8rem; }
    .news .newsAbout_wrap article .entry_content h4 {
      margin-top: 15px;
      font-size: 16px;
      font-size: 1.6rem; }
    .news .newsAbout_wrap article .entry_content h5 {
      margin-top: 15px;
      font-size: 13px;
      font-size: 1.3rem; }
    .news .newsAbout_wrap article .entry_content h6 {
      margin-top: 15px;
      font-size: 11px;
      font-size: 1.1rem; }
    .news .newsAbout_wrap article .entry_content p {
      margin-top: 15px; }
    .news .newsAbout_wrap article .entry_content ul li {
      list-style: disc; }
    .news .newsAbout_wrap article .entry_content img {
      border: 0;
      width: auto;
      height: auto;
      max-width: 100%;
      vertical-align: middle; }
    .news .newsAbout_wrap article iframe.wp-embedded-content {
      width: 100%; }
    .news .newsAbout_wrap article .ttl {
      margin-bottom: 30px; }
      .news .newsAbout_wrap article .ttl h3 {
        margin: 10px 0;
        font-weight: bold;
        font-size: 22px;
        font-size: 2.2rem; }
      .news .newsAbout_wrap article .ttl .post-meta span {
        font-size: 16px;
        font-size: 1.6rem; }

@media screen and (max-width: 767px) {
  .news .newsAbout_wrap {
    margin: 60px 0 100px;
    padding: 0 4%; }
    .news .newsAbout_wrap .return_btn {
      margin: 0 auto; }
    .news .newsAbout_wrap article {
      margin: 60px 0;
      width: 100%; } }

.product .mainImg {
  padding: 110px 0 0 50px;
  background: url("../../img/product/mainImg.jpg") no-repeat;
  background-size: cover; }
  .product .mainImg h2 {
    margin: 0;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 34px;
    font-size: 3.4rem; }
    .product .mainImg h2 span {
      margin: 15px 0 90px;
      display: block;
      font-size: 18px;
      font-size: 1.8rem; }
  .product .mainImg ul {
    overflow: hidden;
    padding-bottom: 40px; }
    .product .mainImg ul li {
      float: left;
      position: relative; }
      .product .mainImg ul li + li {
        margin-left: 30px; }
      .product .mainImg ul li:before, .product .mainImg ul li:after {
        content: "";
        width: 0;
        height: 2px;
        position: absolute;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        background: #fff;
        -webkit-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        transition-delay: 0.2s; }
      .product .mainImg ul li:before {
        right: 0;
        top: 0; }
      .product .mainImg ul li:after {
        left: 0;
        bottom: 0; }
      .product .mainImg ul li:hover {
        color: #fff;
        background: #0a6696; }
        .product .mainImg ul li:hover:before, .product .mainImg ul li:hover:after {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          width: 100%; }
      .product .mainImg ul li a {
        display: block;
        padding: 15px 25px;
        color: #333333;
        background: #fff;
        font-size: 18px;
        font-size: 1.8rem;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s; }
        .product .mainImg ul li a:hover {
          color: #fff;
          background: #0a6696; }
          .product .mainImg ul li a:hover:before, .product .mainImg ul li a:hover:after {
            -webkit-transition-delay: 0.2s;
            -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
            height: 100%; }
        .product .mainImg ul li a:before, .product .mainImg ul li a:after {
          content: "";
          width: 2px;
          height: 0;
          position: absolute;
          -webkit-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear;
          background: #fff;
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s; }
        .product .mainImg ul li a:before {
          left: 0;
          top: 0; }
        .product .mainImg ul li a:after {
          right: 0;
          bottom: 0; }

.mainList {
  overflow: hidden;
  padding: 90px 0 0;
  border-bottom: 3px solid #f2f2f2; }
  .mainList .mainListIn {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .mainList .mainListIn > a {
      display: block;
      width: 280px;
      margin: 0 2% 70px; }
  .mainList a {
    color: #333333; }
  .mainList dl dt {
    margin-bottom: 30px; }
  .mainList dl dd {
    padding: 0 10px;
    font-size: 16px;
    font-size: 1.6rem; }
  .mainList dl dd + dd {
    margin-top: 15px;
    padding-bottom: 15px; }
  .mainList dl:hover {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background: #0a6696;
    color: #fff; }
  .mainList .wp-pagenavi {
    overflow: hidden;
    clear: both;
    margin: 0 0 60px 70px; }
    .mainList .wp-pagenavi span.current {
      margin-right: 20px;
      float: left;
      background: #0a6696;
      color: #fff;
      border: 1px solid #cccccc;
      padding: 5px 10px;
      text-align: center;
      display: block; }
    .mainList .wp-pagenavi a {
      float: left;
      display: block;
      display: block;
      color: #065e8c; }
    .mainList .wp-pagenavi a.page {
      margin-right: 20px;
      background: #fff;
      border: 1px solid #cccccc;
      padding: 5px 10px;
      text-align: center; }
      .mainList .wp-pagenavi a.page:hover {
        background: #cccccc;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        color: #065e8c; }
    .mainList .wp-pagenavi a.nextpostslink, .mainList .wp-pagenavi a.previouspostslink {
      margin-right: 20px;
      padding: 5px 0; }
    .mainList .wp-pagenavi a.first, .mainList .wp-pagenavi a.last {
      text-align: center;
      padding: 5px 15px; }

.maker {
  margin-bottom: 120px;
  padding: 20px 30px 35px; }
  .maker h4 {
    padding-left: 20px;
    font-size: 24px;
    font-size: 2.4rem; }
  .maker p {
    display: inline-block;
    margin-right: 50px;
    font-size: 16px;
    font-size: 1.6rem; }
  .maker .btn01 {
    position: relative;
    display: inline-block;
    margin-right: 40px;
    padding: 20px 0 25px 70px;
    width: 270px;
    color: #fff;
    background: #0a6696;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    font-size: 16px;
    font-size: 1.6rem; }
    .maker .btn01:before {
      position: absolute;
      top: 18px;
      left: 20px;
      display: inline-block;
      content: "";
      background: url("../../img/top/download.svg") no-repeat;
      background-size: contain;
      width: 30px;
      height: 35px; }
    .maker .btn01:hover {
      background: #0991c9; }
  .maker .btn02 {
    position: relative;
    display: inline-block;
    padding: 20px 20px 25px 70px;
    width: 270px;
    color: #333333;
    background: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    font-size: 16px;
    font-size: 1.6rem; }
    .maker .btn02:before {
      position: absolute;
      top: 18px;
      left: 20px;
      display: inline-block;
      content: "";
      background: url("../../img/top/contact.svg") no-repeat;
      background-size: contain;
      width: 30px;
      height: 35px; }
    .maker .btn02:hover {
      background: #acacac;
      color: #fff; }

@media screen and (max-width: 767px) {
  .product .mainImg {
    padding: 90px 4% 0;
    background-size: cover; }
    .product .mainImg h2 {
      font-size: 26px;
      font-size: 2.6rem; }
      .product .mainImg h2 span {
        margin: 15px 0 60px;
        display: block;
        font-size: 15px;
        font-size: 1.5rem; }
    .product .mainImg ul li {
      margin: 0 2% 10px !important; }
      .product .mainImg ul li:first-child a, .product .mainImg ul li:nth-child(4) a {
        padding: 20px 0; }
      .product .mainImg ul li a {
        padding: 10px 0;
        width: 130px;
        height: 60px;
        font-size: 14px;
        font-size: 1.4rem;
        text-align: center; }
        .product .mainImg ul li a span {
          display: inline-block; }
  .mainList .mainListIn > a {
    width: 45%;
    margin: 0 2% 70px; }
  .mainList dl {
    width: 100%; }
  .mainList .wp-pagenavi {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 30px 2%; }
    .mainList .wp-pagenavi span.current {
      float: none;
      display: table-cell;
      margin-right: 0; }
    .mainList .wp-pagenavi a {
      float: none;
      display: table-cell;
      margin-right: 0; }
    .mainList .wp-pagenavi a.page {
      text-align: center;
      padding: 10px 5px; }
    .mainList .wp-pagenavi a.nextpostslink, .mainList .wp-pagenavi a.previouspostslink {
      text-align: center;
      padding: 0; }
    .mainList .wp-pagenavi a.first, .mainList .wp-pagenavi a.last {
      padding: 0; }
  .maker {
    margin-bottom: 50px;
    padding: 20px 15px 35px; }
    .maker h4 {
      padding-left: 20px;
      font-size: 20px;
      font-size: 2rem; }
    .maker p {
      margin-right: 0;
      margin-bottom: 30px; }
    .maker .btn01 {
      margin-bottom: 20px; } }

@media screen and (max-width: 400px) {
  .mainList .mainListIn > a {
    width: 96%; } }

.product .mainImg.productDetail {
  background: none; }
  .product .mainImg.productDetail h2 {
    color: #333333; }
  .product .mainImg.productDetail ul li {
    border: 1px solid #cccccc; }
    .product .mainImg.productDetail ul li:before, .product .mainImg.productDetail ul li:after {
      background: #acacac; }
    .product .mainImg.productDetail ul li a:before, .product .mainImg.productDetail ul li a:after {
      background: #acacac; }

.product .detailWrap h3 {
  font-size: 30px;
  font-size: 3rem;
  display: inline-block;
  max-width: 1150px; }

.product .detailWrap dl {
  overflow: hidden;
  margin-bottom: 55px; }
  .product .detailWrap dl dt {
    float: left;
    margin-right: 65px;
    width: 500px; }
  .product .detailWrap dl dd {
    float: left;
    width: 530px; }
    .product .detailWrap dl dd p:first-child {
      margin-bottom: 25px;
      font-size: 14px;
      font-size: 1.4rem; }
      .product .detailWrap dl dd p:first-child span {
        margin-bottom: 35px;
        display: block;
        font-size: 30px;
        font-size: 3rem;
        font-weight: bold; }
    .product .detailWrap dl dd p:nth-child(2) {
      font-size: 16px;
      font-size: 1.6rem; }
    .product .detailWrap dl dd .pdf_btn a {
      margin-top: 60px;
      display: inline-block;
      text-align: center;
      padding: 20px 0;
      width: 250px;
      color: #fff;
      background: #0a6696;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
      font-size: 16px;
      font-size: 1.6rem; }
      .product .detailWrap dl dd .pdf_btn a:hover {
        background: #0991c9; }

.product .detailWrap ol {
  margin-bottom: 120px;
  list-style: none; }
  .product .detailWrap ol li {
    overflow: hidden; }
    .product .detailWrap ol li + li {
      margin-top: 60px; }
    .product .detailWrap ol li > p {
      float: left;
      margin-right: 45px;
      width: 60px;
      color: #0a6696;
      text-align: center;
      font-size: 12px;
      font-size: 1.2rem; }
      .product .detailWrap ol li > p span {
        display: block;
        font-weight: bold;
        font-size: 30px;
        font-size: 3rem; }
    .product .detailWrap ol li div {
      float: left; }
      .product .detailWrap ol li div h4 {
        display: inline-block;
        max-width: 940px;
        margin: 0 0 30px;
        font-weight: bold;
        color: #0a6696;
        font-size: 24px;
        font-size: 2.4rem; }
      .product .detailWrap ol li div p {
        width: 975px;
        font-size: 16px;
        font-size: 1.6rem; }

.contactList {
  margin-bottom: 120px; }
  .contactList h3 {
    color: #0a6696;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold; }
  .contactList > p {
    margin-bottom: 40px;
    font-size: 16px;
    font-size: 1.6rem; }
  .contactList ul {
    overflow: hidden; }
    .contactList ul li {
      float: left;
      padding: 40px 25px;
      width: 360px;
      height: 380px;
      background: #f2f2f2; }
      .contactList ul li + li {
        margin-left: 35px; }
      .contactList ul li:first-child .tel {
        margin-top: 50px; }
      .contactList ul li h4 {
        margin: 0 0 40px;
        padding-bottom: 20px;
        text-indent: 1.5rem;
        color: #0a6696;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: bold;
        border-bottom: solid 2px #0a6696; }
      .contactList ul li p {
        font-size: 15px;
        font-size: 1.5rem; }
      .contactList ul li .tel {
        display: block;
        margin: 30px 0 20px;
        padding: 25px 25px 25px 20px;
        color: #0a6696;
        font-weight: bold;
        background: #fff;
        font-size: 13px;
        font-size: 1.3rem; }
        .contactList ul li .tel span {
          margin-left: 10px;
          font-size: 16px;
          font-size: 1.6rem; }
        .contactList ul li .tel a {
          color: #0a6696; }
      .contactList ul li p.fax {
        padding-left: 5px;
        font-size: 14px;
        font-size: 1.4rem; }
        .contactList ul li p.fax span {
          margin-right: 10px; }

@media screen and (max-width: 767px) {
  .product .mainImg.productDetail h2 span {
    margin: 15px 0 30px; }
  .product .mainImg.productDetail ul {
    padding-bottom: 20px; }
  .product .detailWrap h3 {
    font-size: 18px;
    font-size: 1.8rem; }
  .product .detailWrap dl {
    margin-bottom: 30px; }
    .product .detailWrap dl dt {
      float: none;
      margin-bottom: 30px;
      margin-right: 0;
      width: 100%;
      text-align: center; }
    .product .detailWrap dl dd {
      float: left;
      width: 100%; }
      .product .detailWrap dl dd p:first-child {
        margin-bottom: 15px;
        font-size: 14px;
        font-size: 1.4rem; }
        .product .detailWrap dl dd p:first-child span {
          margin-bottom: 15px;
          display: block;
          font-size: 30px;
          font-size: 3rem;
          font-weight: bold; }
      .product .detailWrap dl dd p:nth-child(2) {
        font-size: 16px;
        font-size: 1.6rem; }
  .product .detailWrap ol {
    margin-bottom: 60px; }
    .product .detailWrap ol li {
      margin: 0; }
      .product .detailWrap ol li + li {
        margin-top: 35px; }
      .product .detailWrap ol li > p {
        float: none;
        margin-bottom: 10px;
        margin-right: 0;
        font-size: 12px;
        font-size: 1.2rem; }
        .product .detailWrap ol li > p span {
          font-size: 28px;
          font-size: 2.8rem; }
      .product .detailWrap ol li div {
        float: none; }
        .product .detailWrap ol li div h4 {
          margin: 0 0 15px;
          font-size: 22px;
          font-size: 2.2rem; }
        .product .detailWrap ol li div p {
          width: 100%;
          font-size: 16px;
          font-size: 1.6rem; }
  .contactList {
    margin-bottom: 60px; }
    .contactList h3 {
      color: #0a6696;
      font-size: 22px;
      font-size: 2.2rem;
      font-weight: bold; }
    .contactList > p {
      margin-bottom: 40px;
      font-size: 16px;
      font-size: 1.6rem; }
    .contactList ul {
      overflow: hidden; }
      .contactList ul li {
        float: none;
        padding: 30px 20px;
        width: 100%;
        height: auto; }
        .contactList ul li + li {
          margin-top: 30px;
          margin-left: 0; }
        .contactList ul li:first-child .tel {
          margin-top: 30px; }
        .contactList ul li h4 {
          font-size: 22px;
          font-size: 2.2rem; }
        .contactList ul li p {
          font-size: 16px;
          font-size: 1.6rem; }
          .contactList ul li p a {
            display: block;
            color: #0a6696;
            font-weight: bold; }
        .contactList ul li .tel {
          display: block;
          margin: 30px 0 20px;
          padding: 25px 25px 25px 20px;
          background: #fff; } }

.manufacturer .companyList #cutting, .manufacturer .companyList #measuring {
  margin-top: -30px;
  padding-top: 30px; }

.manufacturer .mainImg {
  padding: 110px 0 0 50px;
  background: url("../../img/manufacturer/mainImg.jpg") no-repeat;
  background-size: contain; }
  .manufacturer .mainImg h2 {
    margin: 0;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 34px;
    font-size: 3.4rem; }
    .manufacturer .mainImg h2 span {
      margin: 15px 0 90px;
      display: block;
      font-size: 18px;
      font-size: 1.8rem; }
  .manufacturer .mainImg .contactList {
    margin-bottom: 20px; }
    .manufacturer .mainImg .contactList > p {
      color: #fff; }
    .manufacturer .mainImg .contactList ul li {
      background: #fff; }
      .manufacturer .mainImg .contactList ul li p.tel {
        background: #f2f2f2; }

.manufacturer .companyList ul.pageList {
  overflow: hidden;
  margin-bottom: 50px;
  padding-left: 60px; }
  .manufacturer .companyList ul.pageList li {
    float: left;
    background: #0a6696;
    text-align: center; }
    .manufacturer .companyList ul.pageList li + li {
      margin-left: 25px; }
    .manufacturer .companyList ul.pageList li a {
      position: relative;
      display: block;
      padding: 25px 0;
      width: 360px;
      height: 80px;
      color: #fff;
      font-weight: bold;
      font-size: 18px;
      font-size: 1.8rem; }
      .manufacturer .companyList ul.pageList li a:before {
        bottom: 10px;
        width: 15px;
        height: 11px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        content: "";
        display: block;
        background: url("../img/arrow-down-w.svg") no-repeat;
        background-size: contain; }
      .manufacturer .companyList ul.pageList li a:hover {
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
        background: #0991c9; }

.manufacturer .companyList h3 {
  margin-bottom: 40px;
  padding-left: 60px;
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem; }
  .manufacturer .companyList h3 span {
    margin-top: 15px;
    display: block;
    font-size: 14px;
    font-size: 1.4rem; }

.manufacturer .companyList .companyListIn {
  clear: both; }
  .manufacturer .companyList .companyListIn:after {
    clear: both;
    content: '';
    display: block; }
  .manufacturer .companyList .companyListIn li {
    display: block;
    position: relative;
    margin: 0 60px 60px;
    float: left;
    width: 260px;
    height: 240px;
    border: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box; }
    .manufacturer .companyList .companyListIn li a {
      width: 100%;
      height: 100%;
      display: block; }
      .manufacturer .companyList .companyListIn li a:before {
        position: absolute;
        content: "";
        bottom: 0;
        display: block;
        width: 100%;
        height: 70px;
        background: #0a6696; }
      .manufacturer .companyList .companyListIn li a:after {
        position: absolute;
        bottom: 30px;
        width: 15px;
        height: 11px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        content: "";
        display: block;
        background: url("../img/arrow-down-w.svg") no-repeat;
        background-size: contain; }
      .manufacturer .companyList .companyListIn li a:hover {
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        background: #0a6696; }
        .manufacturer .companyList .companyListIn li a:hover p {
          color: #fff; }
    .manufacturer .companyList .companyListIn li p {
      display: block;
      padding: 60px 10px 100px;
      margin-bottom: 20px;
      color: #333333;
      font-size: 20px;
      font-size: 2rem;
      text-align: center;
      font-weight: bold; }
  .manufacturer .companyList .companyListIn .noLink:before {
    position: absolute;
    content: "";
    bottom: 0;
    display: block;
    width: 100%;
    height: 70px;
    background: #0a6696; }
  .manufacturer .companyList .companyListIn .noLink:after {
    position: absolute;
    bottom: 30px;
    width: 15px;
    height: 11px; }

@media screen and (max-width: 767px) {
  .manufacturer .mainImg {
    margin-bottom: 60px;
    padding: 90px 4% 40px;
    background-size: cover; }
    .manufacturer .mainImg h2 span {
      margin: 15px 0 30px; }
  .manufacturer .companyList {
    padding: 0 4%; }
    .manufacturer .companyList h3 {
      padding-left: 0; }
    .manufacturer .companyList ul.pageList {
      padding-left: 0; }
      .manufacturer .companyList ul.pageList li {
        width: 48%; }
        .manufacturer .companyList ul.pageList li + li {
          margin-left: 4%; }
        .manufacturer .companyList ul.pageList li:nth-child(2) a {
          padding: 10px 0; }
        .manufacturer .companyList ul.pageList li a {
          width: 100%;
          font-size: 16px;
          font-size: 1.6rem; }
          .manufacturer .companyList ul.pageList li a:before {
            bottom: 5px; }
    .manufacturer .companyList .companyListIn {
      width: 100%; }
      .manufacturer .companyList .companyListIn li {
        margin: 0 2% 60px;
        width: 46%; }
        .manufacturer .companyList .companyListIn li p {
          padding-top: 60px; } }

@media screen and (max-width: 480px) {
  .manufacturer .companyList .companyListIn li {
    margin: 0 0 60px;
    width: 100%;
    height: auto; } }

.service .mainImg {
  padding: 110px 0 0 50px;
  background: url("../../img/service/mainImg.jpg") no-repeat;
  background-size: cover; }
  .service .mainImg h2 {
    margin: 0;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 34px;
    font-size: 3.4rem; }
    .service .mainImg h2 span {
      margin: 15px 0 90px;
      display: block;
      font-size: 18px;
      font-size: 1.8rem; }

.service .serviceList {
  margin: 60px 0 60px 60px; }
  .service .serviceList:after {
    clear: both;
    content: '';
    display: block; }
  .service .serviceList dl {
    float: left;
    padding: 65px;
    width: 320px;
    height: 260px;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    background-size: contain !important; }
    .service .serviceList dl:first-child {
      background: url("../../img/service/en01.svg") no-repeat center; }
      .service .serviceList dl:first-child dt {
        color: #c23abe; }
    .service .serviceList dl:nth-child(2) {
      margin-left: -90px;
      background: url("../../img/service/en02.svg") no-repeat center; }
      .service .serviceList dl:nth-child(2) dt {
        color: #9dd666; }
    .service .serviceList dl:nth-child(3) {
      margin-left: -90px;
      background: url("../../img/service/en03.svg") no-repeat center; }
      .service .serviceList dl:nth-child(3) dt {
        color: #71b5db; }
    .service .serviceList dl:nth-child(4) {
      margin-left: -90px;
      background: url("../../img/service/en04.svg") no-repeat center; }
      .service .serviceList dl:nth-child(4) dt {
        color: #ff9800; }
  .service .serviceList dt {
    margin-bottom: 15px;
    text-align: center;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold; }
  .service .serviceList dd {
    margin: 0 auto; }

.service section {
  overflow: hidden;
  margin-left: 60px;
  margin-bottom: 100px; }
  .service section:last-child {
    margin-bottom: 160px; }
  .service section h3 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold; }
  .service section figure {
    float: left;
    margin-right: 60px;
    width: 420px; }
  .service section dl {
    float: left;
    width: 650px; }
  .service section dt {
    margin-bottom: 5px;
    font-weight: bold; }
    .service section dt:before {
      content: "・"; }
  .service section dd + dt {
    margin-top: 30px; }

@media print, screen and (min-width: 481px) and (max-width: 768px) {
  .service .serviceList {
    margin: 30px 0 30px 10%; }
    .service .serviceList:after {
      clear: both;
      content: '';
      display: block; }
    .service .serviceList dl {
      float: left;
      padding: 8%;
      width: 50%;
      height: auto;
      min-height: 210px; }
      .service .serviceList dl:first-child {
        margin: 0 -5% -4% auto; }
      .service .serviceList dl:nth-child(2) {
        margin: 0 auto -4% -5%; }
      .service .serviceList dl:nth-child(3) {
        margin: -4% -5% 0 auto; }
      .service .serviceList dl:nth-child(4) {
        margin: -4% auto -0 -5%; }
    .service .serviceList dt {
      margin: 10px 0 5px;
      font-size: 24px;
      font-size: 2.4rem; }
    .service .serviceList dd {
      margin: 0 auto;
      width: 90%;
      font-size: 16px;
      font-size: 1.6rem; } }

@media screen and (max-width: 480px) {
  .service .serviceList {
    margin: 30px 0; }
    .service .serviceList dl {
      margin: 0 auto !important;
      padding: 15%;
      width: 100%;
      height: auto;
      min-height: 235px; }
      .service .serviceList dl + dl {
        margin-top: -5% !important; }
    .service .serviceList dt {
      margin-bottom: 10px;
      font-size: 22px;
      font-size: 2.2rem; }
    .service .serviceList dd {
      margin: 0 auto;
      width: 60%;
      font-size: 16px;
      font-size: 1.6rem; } }

@media screen and (max-width: 767px) {
  .service .mainImg {
    padding: 90px 4% 0;
    background-size: cover; }
    .service .mainImg h2 {
      font-size: 26px;
      font-size: 2.6rem; }
      .service .mainImg h2 span {
        margin: 15px 0 60px;
        display: block;
        font-size: 15px;
        font-size: 1.5rem; }
  .service section {
    margin-left: 0;
    margin-bottom: 30px;
    padding: 0 4%; }
    .service section:last-child {
      margin-bottom: 60px; }
    .service section h3 {
      font-size: 22px;
      font-size: 2.2rem; }
    .service section figure {
      float: none;
      margin-right: 0;
      margin-bottom: 30px;
      width: 100%; }
    .service section dl {
      float: none;
      width: 100%;
      font-size: 16px;
      font-size: 1.6rem; } }

.company .pageList, .recruit .pageList {
  position: relative;
  margin-bottom: 95px;
  padding: 50px 0 80px 50px;
  background: #f2f2f2; }
  .company .pageList .pageListWidth, .recruit .pageList .pageListWidth {
    position: absolute;
    top: 50px;
    left: 100px; }
  .company .pageList h2, .recruit .pageList h2 {
    display: inline-block;
    vertical-align: top;
    margin: 0 235px 0 0;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: bold; }
  .company .pageList ul, .recruit .pageList ul {
    margin-top: 10px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top; }
    .company .pageList ul li, .recruit .pageList ul li {
      float: left;
      padding: 0 5px;
      position: relative; }
      .company .pageList ul li:not(:last-child):after, .recruit .pageList ul li:not(:last-child):after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        display: block;
        width: 1.5px;
        height: 25px;
        border-left: solid 1px #333333; }
    .company .pageList ul a, .recruit .pageList ul a {
      position: relative;
      padding: 0 30px 20px;
      display: block;
      color: #333333;
      text-align: center;
      letter-spacing: -0.001em;
      font-size: 15px;
      font-size: 1.5rem; }
      .company .pageList ul a:after, .recruit .pageList ul a:after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 5px;
        background-color: #0a6696;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top;
        -webkit-transition: transform .3s;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s; }
      .company .pageList ul a:hover:after, .recruit .pageList ul a:hover:after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1); }

.company .philosophy .pageList ul li:first-child a:after,
.company .history .pageList ul li:nth-child(2) a:after,
.company .overview .pageList ul li:nth-child(3) a:after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }

.company .companyTop, .recruitUnder .companyTop {
  background: url("../../img/company/mainImg.jpg") no-repeat;
  background-size: cover; }

.company .mainImg, .recruitUnder .mainImg {
  padding: 110px 0 0 50px; }
  .company .mainImg h2, .recruitUnder .mainImg h2 {
    margin: 0;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 34px;
    font-size: 3.4rem; }
    .company .mainImg h2 span, .recruitUnder .mainImg h2 span {
      margin: 50px 0 25px;
      display: block;
      font-size: 30px;
      font-size: 3rem; }
  .company .mainImg p, .recruitUnder .mainImg p {
    padding-bottom: 90px;
    width: 1150px;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem; }

.company .companyList, .recruitUnder .companyList {
  overflow: hidden;
  margin: 90px 0 90px 60px; }
  .company .companyList li, .recruitUnder .companyList li {
    float: left;
    width: 360px;
    margin-right: 40px;
    margin-bottom: 40px; }
    .company .companyList li p:not(.ttl), .recruitUnder .companyList li p:not(.ttl) {
      min-height: 204px; }
    .company .companyList li p.ttl, .recruitUnder .companyList li p.ttl {
      display: block;
      margin: 0;
      padding: 10px;
      text-align: center;
      background: #0a6696;
      color: #fff;
      font-size: 20px;
      font-size: 2rem; }
    .company .companyList li p, .recruitUnder .companyList li p {
      padding: 30px;
      display: block;
      font-size: 16px;
      font-size: 1.6rem;
      background: #f2f2f2; }
    .company .companyList li figure, .recruitUnder .companyList li figure {
      overflow: hidden; }
    .company .companyList li a, .recruitUnder .companyList li a {
      display: block;
      color: #333333; }
      .company .companyList li a:hover p, .recruitUnder .companyList li a:hover p {
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        background: #0a6696;
        color: #fff; }
      .company .companyList li a:hover img, .recruitUnder .companyList li a:hover img {
        -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08);
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out; }

@media screen and (max-width: 767px) {
  .company .mainImg, .recruitUnder .mainImg {
    padding: 90px 4% 0;
    background-size: cover;
    background-position: right; }
    .company .mainImg h2, .recruitUnder .mainImg h2 {
      font-size: 26px;
      font-size: 2.6rem; }
      .company .mainImg h2 span, .recruitUnder .mainImg h2 span {
        margin: 15px 0 30px;
        display: block;
        font-size: 22px;
        font-size: 2.2rem; }
    .company .mainImg p, .recruitUnder .mainImg p {
      width: 100%; }
  .company .companyList, .recruitUnder .companyList {
    margin: 0;
    padding: 60px 4%; }
    .company .companyList li, .recruitUnder .companyList li {
      margin: 0 auto 40px !important;
      width: 48%; }
      .company .companyList li:first-child, .company .companyList li:nth-child(3), .recruitUnder .companyList li:first-child, .recruitUnder .companyList li:nth-child(3) {
        margin-right: 4% !important; }
      .company .companyList li p.ttl, .recruitUnder .companyList li p.ttl {
        padding: 10px;
        font-size: 18px;
        font-size: 1.8rem; }
      .company .companyList li p, .recruitUnder .companyList li p {
        padding: 8%; } }

@media screen and (max-width: 480px) {
  .company .companyList li,
  .recruitUnder .companyList li {
    width: 100%; } }

.company .overviewList, .recruitUnder .overviewList {
  margin-left: 60px;
  font-size: 16px;
  font-size: 1.6rem; }
  .company .overviewList tr, .recruitUnder .overviewList tr {
    border: 1px solid #cccccc; }
  .company .overviewList th, .recruitUnder .overviewList th {
    border-right: 1px solid #cccccc;
    padding: 20px 30px;
    width: 275px;
    color: #fff;
    background: #0a6696;
    font-weight: normal;
    vertical-align: top; }
  .company .overviewList td, .recruitUnder .overviewList td {
    padding: 20px 35px;
    width: 860px; }
  .company .overviewList li + li, .recruitUnder .overviewList li + li {
    margin-top: 10px; }
  .company .overviewList .overviewAdress li + li, .recruitUnder .overviewList .overviewAdress li + li {
    margin-top: 40px; }

@media screen and (max-width: 767px) {
  .company .overviewList, .recruitUnder .overviewList {
    margin: 0 4%; }
    .company .overviewList tr, .recruitUnder .overviewList tr {
      border: none; }
    .company .overviewList th, .recruitUnder .overviewList th {
      display: block;
      padding: 5px 3%;
      width: 100%;
      border: none; }
    .company .overviewList td, .recruitUnder .overviewList td {
      display: block;
      padding: 20px 3%;
      width: 100%; }
    .company .overviewList li + li, .recruitUnder .overviewList li + li {
      margin-top: 5px; }
    .company .overviewList .overviewAdress li + li, .recruitUnder .overviewList .overviewAdress li + li {
      margin-top: 25px; } }

.company .pageList .rctBtn {
  display: none; }

@media screen and (max-width: 767px) {
  .company .pageList {
    position: inherit;
    margin-bottom: 60px;
    padding: 80px 4% 30px;
    /*ul{
       width: 100%;
        margin: 0 auto;
        overflow: hidden;
        display: table;
        vertical-align: top;
       li{
         padding: 0;
         width: 33.33%;
         float: none;
         display: table-cell;
       }
       a{
        width: 100%;
        @include fontSize(16);
        padding: 0 10% 20px;
        }
      }*/ }
    .company .pageList .pageListWidth {
      position: inherit;
      overflow: hidden; }
    .company .pageList h2 {
      float: left;
      display: block;
      vertical-align: top;
      margin: 0 15% 20px 0;
      font-size: 26px;
      font-size: 2.6rem; }
    .company .pageList ul {
      display: none; }
    .company .pageList .rctBtn {
      display: inline-block;
      margin-top: 5px; }
      .company .pageList .rctBtn a {
        position: relative;
        display: inline-block;
        padding-right: 15px;
        font-size: 16px;
        font-size: 1.6rem;
        color: #065e8c;
        border-bottom: 1px solid #0a6696; }
        .company .pageList .rctBtn a:before {
          position: absolute;
          content: "";
          display: inline-block;
          top: 7px;
          right: 0;
          width: 9px;
          height: 9px;
          border-top: 2px solid #0a6696;
          border-right: 2px solid #0a6696;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); } }

.company .mainContents {
  padding-left: 60px; }
  .company .mainContents h3 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold; }
  .company .mainContents p {
    margin-bottom: 60px;
    width: 1150px;
    font-size: 16px;
    font-size: 1.6rem; }
  .company .mainContents dl {
    display: table;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc; }
    .company .mainContents dl:last-of-type {
      border-bottom: 1px solid #cccccc; }
    .company .mainContents dl dt {
      padding: 10px 0 10px 25px;
      display: table-cell;
      width: 275px;
      color: #fff;
      vertical-align: middle;
      background: #0a6696;
      border-right: 1px solid #cccccc; }
    .company .mainContents dl dd {
      padding: 20px 0 20px 35px;
      display: table-cell;
      width: 860px; }

@media screen and (max-width: 767px) {
  .company .mainContents {
    padding: 0 4%; }
    .company .mainContents h3 {
      font-size: 20px;
      font-size: 2rem;
      font-weight: bold; }
    .company .mainContents p {
      margin-bottom: 30px;
      width: 100%; }
    .company .mainContents dl {
      display: block;
      border-bottom: 1px solid #cccccc; }
      .company .mainContents dl + dl {
        margin-top: 30px; }
      .company .mainContents dl:last-of-type {
        margin-bottom: 40px; }
      .company .mainContents dl dt {
        padding: 10px 0 10px 25px;
        display: block;
        width: 100%;
        background: #0a6696;
        border-right: none;
        border-bottom: 1px solid #cccccc; }
      .company .mainContents dl dd {
        padding: 20px 5% 20px;
        display: block;
        width: 100%; } }

.company .philosophyTxt01 {
  overflow: hidden;
  margin-bottom: 30px;
  width: 1150px; }
  .company .philosophyTxt01 .rightBox {
    float: right;
    width: 820px; }
    .company .philosophyTxt01 .rightBox p {
      width: 100%; }
  .company .philosophyTxt01 .leftBox {
    float: left;
    width: 300px; }

.company .philosophyTxt02 + section {
  margin-top: 90px; }

.company .philosophyTxt02 h4 {
  position: relative;
  margin-bottom: 25px;
  padding-top: 25px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold; }
  .company .philosophyTxt02 h4:before {
    position: absolute;
    content: "";
    display: block;
    width: 80px;
    height: 5px;
    background: #0a6696;
    top: 0;
    left: 0; }
    @media screen and (max-width: 767px) {
      .company .philosophyTxt02 h4:before {
        width: 60px; } }

@media screen and (max-width: 767px) {
  .company .philosophyTxt01 {
    margin-bottom: 50px;
    width: 100%; }
    .company .philosophyTxt01 .rightBox {
      float: none;
      display: block;
      width: 100%; }
    .company .philosophyTxt01 .leftBox {
      float: none;
      display: block;
      margin: 0 auto;
      width: 90%; }
  .company .philosophyTxt02 h4 {
    font-size: 18px;
    font-size: 1.8rem; }
  .company .philosophyTxt02 + section {
    margin-top: 40px; } }

.recruit .pageList {
  margin-bottom: 60px;
  padding: 50px 0 30px 50px; }
  .recruit .pageList:after {
    clear: both;
    content: '';
    display: block; }
  .recruit .pageList h2 {
    margin-right: 30px;
    float: left; }
  .recruit .pageList ul {
    float: left; }
    .recruit .pageList ul li:nth-child(8) {
      position: relative; }
      .recruit .pageList ul li:nth-child(8):before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        display: block;
        width: 1px;
        height: 25px;
        border-left: solid 1px #333333; }
    .recruit .pageList ul a {
      padding: 0 10px 20px; }
  .recruit .pageList .rctBtn {
    display: none; }

@media screen and (max-width: 767px) {
  .recruit .pageList {
    position: inherit;
    margin-bottom: 30px;
    padding: 80px 4% 20px; }
    .recruit .pageList .pageListWidth {
      position: inherit;
      width: 100%; }
    .recruit .pageList h2 {
      font-size: 26px;
      font-size: 2.6rem;
      margin-right: 15%; }
    .recruit .pageList ul {
      display: none; }
    .recruit .pageList .rctBtn {
      display: inline-block;
      margin-top: 5px; }
      .recruit .pageList .rctBtn a {
        position: relative;
        display: inline-block;
        padding-right: 15px;
        font-size: 16px;
        font-size: 1.6rem;
        color: #065e8c;
        border-bottom: 1px solid #0a6696; }
        .recruit .pageList .rctBtn a:before {
          position: absolute;
          content: "";
          display: inline-block;
          top: 7px;
          right: 0;
          width: 9px;
          height: 9px;
          border-top: 2px solid #0a6696;
          border-right: 2px solid #0a6696;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); } }

/*.recruit .mid-career .pageList ul li:first-child a:after,
.recruit .new-graduate .pageList ul li:nth-child(2) a:after,
.recruit .environment .pageList ul li:nth-child(3) a:after,
.recruit .training .pageList ul li:nth-child(4) a:after,
.recruit .greeting .pageList ul li:nth-child(5) a:after,
.recruit .stuff .pageList ul li:nth-child(6) a:after,
.recruit .gallery .pageList ul li:nth-child(7) a:after,
.recruit .faq .pageList ul li:nth-child(8) a:after{transform: scale(1, 1)}*/
.recruit .new-graduate .pageList ul li:first-child a:after,
.recruit .environment .pageList ul li:nth-child(2) a:after,
.recruit .training .pageList ul li:nth-child(3) a:after,
.recruit .greeting .pageList ul li:nth-child(4) a:after,
.recruit .stuff .pageList ul li:nth-child(5) a:after,
.recruit .gallery .pageList ul li:nth-child(6) a:after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }

.recruit .recruitList02 {
  overflow: hidden;
  margin: 80px 0 50px 25px;
  width: 1200px; }
  .recruit .recruitList02 li {
    float: left;
    margin: 10px 0 10px 35px; }
    .recruit .recruitList02 li a {
      padding: 20px 0;
      width: 350px;
      display: block;
      color: #fff;
      background: #0a6696;
      text-align: center;
      font-size: 20px;
      font-size: 2rem; }
      .recruit .recruitList02 li a:hover {
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        background: #0991c9; }

@media screen and (max-width: 767px) {
  .recruit .recruitList02 {
    margin: 30px 0 60px;
    padding: 0 4%;
    width: 100%; }
    .recruit .recruitList02 li {
      margin: 10px 2%;
      width: 46%; }
      .recruit .recruitList02 li a {
        width: 100%;
        font-size: 16px;
        font-size: 1.6rem; } }

@media screen and (max-width: 480px) {
  .recruit .recruitList02 li {
    margin: 0 0 30px !important;
    width: 100%; } }

.recruitUnder .mainContents, .recruitUnder .greetingBox {
  margin-bottom: 80px;
  margin-left: 60px;
  padding-left: 0; }
  .recruitUnder .mainContents p, .recruitUnder .greetingBox p {
    margin-bottom: 0;
    width: 1150px;
    letter-spacing: -0.0001em; }
  .recruitUnder .mainContents h3, .recruitUnder .greetingBox h3 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold; }

@media screen and (max-width: 767px) {
  .recruitUnder .mainContents, .recruitUnder .greetingBox {
    margin-left: 0;
    margin-bottom: 30px;
    padding: 0 4%; }
    .recruitUnder .mainContents h3, .recruitUnder .greetingBox h3 {
      font-size: 20px;
      font-size: 2rem; }
    .recruitUnder .mainContents p, .recruitUnder .greetingBox p {
      margin-bottom: 0;
      width: 100%;
      font-size: 16px;
      font-size: 1.6rem; } }

.recruit .entryBtn {
  margin: 60px 0 60px 60px;
  width: 1200px; }
  .recruit .entryBtn a {
    position: relative;
    margin: 0 auto;
    padding: 25px 30px 25px 0;
    display: block;
    border-radius: 50px;
    width: 300px;
    color: #fff;
    background: #ff7e00;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem; }
    .recruit .entryBtn a:before {
      position: absolute;
      top: 50%;
      right: 45px;
      -webkit-transform: translateY(-55%);
      -ms-transform: translateY(-55%);
      transform: translateY(-55%);
      display: inline-block;
      content: "";
      background: url("../img/arrow-right.svg") no-repeat;
      background-size: contain;
      width: 15px;
      height: 15px;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s; }
    .recruit .entryBtn a:hover {
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s;
      opacity: 0.8; }
      .recruit .entryBtn a:hover:before {
        right: 35px; }

@media screen and (max-width: 767px) {
  .recruit .entryBtn {
    margin: 30px 0 80px;
    width: 100%; }
    .recruit .entryBtn a {
      padding: 20px 0;
      width: 60%;
      font-size: 20px;
      font-size: 2rem; }
      .recruit .entryBtn a:before {
        right: 10%; }
      .recruit .entryBtn a:hover:before {
        right: 10%; } }

@media screen and (max-width: 480px) {
  .recruit .entryBtn a {
    width: 90%; } }

.recruit .mainImg {
  padding: 110px 0 0 50px;
  background: url("../../img/recruit/mainImg.jpg") no-repeat;
  background-size: cover; }
  .recruit .mainImg h2 {
    margin: 0;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 34px;
    font-size: 3.4rem; }
    .recruit .mainImg h2 span {
      margin: 15px 0 40px;
      display: block;
      font-size: 30px;
      font-size: 3rem; }
  .recruit .mainImg p {
    padding-bottom: 100px;
    color: #fff; }

.recruit .recruitBox {
  width: 1150px;
  margin: 100px 0 90px 60px; }
  .recruit .recruitBox section + section {
    margin-top: 50px; }
  .recruit .recruitBox section h3 {
    font-weight: bold;
    font-size: 24px;
    font-size: 2.4rem; }
    .recruit .recruitBox section h3 span {
      position: relative;
      display: inline-block;
      color: #fff;
      font-size: 48px;
      font-size: 4.8rem; }
      .recruit .recruitBox section h3 span:after {
        position: absolute;
        content: "";
        display: block;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 88px;
        height: 88px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #ff7e00;
        z-index: -1; }

.recruit .recruitList {
  overflow: hidden;
  margin: 90px 0 90px 60px; }
  .recruit .recruitList li {
    float: left;
    width: 360px;
    margin: 0 40px 60px 0; }
    .recruit .recruitList li p:not(.ttl) {
      min-height: 132px; }
    .recruit .recruitList li p.ttl {
      display: block;
      margin: 0;
      padding: 10px;
      text-align: center;
      background: #0a6696;
      color: #fff;
      font-size: 20px;
      font-size: 2rem; }
    .recruit .recruitList li p {
      padding: 30px;
      display: block;
      font-size: 16px;
      font-size: 1.6rem;
      background: #f2f2f2; }
    .recruit .recruitList li figure {
      overflow: hidden; }
    .recruit .recruitList li a {
      display: block;
      color: #333333; }
      .recruit .recruitList li a:hover p {
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        background: #0a6696;
        color: #fff; }
      .recruit .recruitList li a:hover img {
        -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08);
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out; }

@media screen and (max-width: 767px) {
  .recruit .mainImg {
    position: relative;
    padding: 90px 4% 0;
    background: url("../../img/recruit/mainImg_sp.jpg") no-repeat;
    background-size: cover;
    background-position: right; }
    .recruit .mainImg h2 {
      font-size: 26px;
      font-size: 2.6rem; }
      .recruit .mainImg h2 span {
        margin: 15px 0 30px;
        display: block;
        font-size: 22px;
        font-size: 2.2rem; }
    .recruit .mainImg p {
      width: 100%; }
  .recruit .recruitBox {
    margin: 60px 0 20px;
    padding: 0 4%;
    width: 100%; }
    .recruit .recruitBox section + section {
      margin-top: 35px; }
    .recruit .recruitBox section h3 {
      font-size: 20px;
      font-size: 2rem; }
      .recruit .recruitBox section h3 span {
        font-size: 30px;
        font-size: 3rem; }
        .recruit .recruitBox section h3 span:after {
          width: 52px;
          height: 52px; }
    .recruit .recruitBox section p {
      font-size: 16px;
      font-size: 1.6rem; }
  .recruit .recruitList {
    width: 100%;
    margin: 0 auto;
    padding: 60px 4%; }
    .recruit .recruitList li {
      margin: 0 2% 40px !important;
      width: 46%;
      height: 380px; }
      .recruit .recruitList li p.ttl {
        padding: 10px;
        font-size: 17px;
        font-size: 1.7rem; }
      .recruit .recruitList li p {
        padding: 8%; } }

@media screen and (max-width: 480px) {
  .recruit .recruitList li {
    margin: 0 0 40px !important;
    width: 100%;
    height: auto; } }

.recruitUnder .serviceList {
  margin: 60px 0 60px 60px; }
  .recruitUnder .serviceList:after {
    clear: both;
    content: '';
    display: block; }
  .recruitUnder .serviceList dl {
    float: left;
    padding: 60px;
    width: 320px;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    background-size: contain !important; }
    .recruitUnder .serviceList dl:first-child {
      background: url("../../img/service/en01.svg") no-repeat center; }
      .recruitUnder .serviceList dl:first-child dt {
        color: #c23abe; }
    .recruitUnder .serviceList dl:nth-child(2) {
      margin-left: -60px;
      background: url("../../img/service/en02.svg") no-repeat center; }
      .recruitUnder .serviceList dl:nth-child(2) dt {
        color: #9dd666; }
    .recruitUnder .serviceList dl:nth-child(3) {
      margin-left: -60px;
      background: url("../../img/service/en03.svg") no-repeat center; }
      .recruitUnder .serviceList dl:nth-child(3) dt {
        color: #71b5db; }
    .recruitUnder .serviceList dl:nth-child(4) {
      margin-left: -60px;
      background: url("../../img/service/en04.svg") no-repeat center; }
      .recruitUnder .serviceList dl:nth-child(4) dt {
        color: #ff9800; }
  .recruitUnder .serviceList dt {
    text-align: center;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold; }
  .recruitUnder .serviceList dd {
    margin: 0 auto;
    width: 90%; }

@media print, screen and (min-width: 481px) and (max-width: 768px) {
  .recruitUnder .serviceList {
    margin: 30px 0 30px 10%; }
    .recruitUnder .serviceList:after {
      clear: both;
      content: '';
      display: block; }
    .recruitUnder .serviceList dl {
      float: left;
      padding: 8%;
      width: 50%; }
      .recruitUnder .serviceList dl:first-child {
        margin: 0 -5% -4% auto; }
      .recruitUnder .serviceList dl:nth-child(2) {
        margin: 0 auto -4% -5%; }
      .recruitUnder .serviceList dl:nth-child(3) {
        margin: -4% -5% 0 auto; }
      .recruitUnder .serviceList dl:nth-child(4) {
        margin: -4% auto -0 -5%; }
    .recruitUnder .serviceList dt {
      margin: 10px 0 5px;
      font-size: 24px;
      font-size: 2.4rem; }
    .recruitUnder .serviceList dd {
      margin: 0 auto;
      width: 90%;
      font-size: 16px;
      font-size: 1.6rem; } }

@media screen and (max-width: 480px) {
  .recruitUnder .serviceList {
    margin: 30px 0; }
    .recruitUnder .serviceList dl {
      margin: 0 auto !important;
      padding: 15%;
      width: 100%; }
      .recruitUnder .serviceList dl + dl {
        margin-top: -5% !important; }
    .recruitUnder .serviceList dt {
      margin-bottom: 10px;
      font-size: 22px;
      font-size: 2.2rem; }
    .recruitUnder .serviceList dd {
      margin: 0 auto;
      width: 75%;
      font-size: 16px;
      font-size: 1.6rem; } }

@media screen and (max-width: 767px) {
  .recruitUnder .mainImg {
    padding: 90px 4% 0;
    background-size: cover; }
    .recruitUnder .mainImg h2 {
      font-size: 26px;
      font-size: 2.6rem; }
      .recruitUnder .mainImg h2 span {
        margin: 15px 0 60px;
        display: block;
        font-size: 15px;
        font-size: 1.5rem; } }

.recruit .enviromentBox {
  overflow: hidden;
  margin-left: 0;
  padding: 80px 0 50px;
  width: 1120px; }
  .recruit .enviromentBox + .enviromentBox {
    border-top: 1px solid #cccccc; }
  .recruit .enviromentBox .enviromentTxt {
    float: left;
    margin-right: 50px; }
    .recruit .enviromentBox .enviromentTxt h4 {
      margin-top: 5px;
      margin-bottom: 35px;
      font-weight: bold;
      font-size: 28px;
      font-size: 2.8rem;
      color: #0a6696; }
    .recruit .enviromentBox .enviromentTxt p {
      width: 795px; }
  .recruit .enviromentBox > p {
    float: left;
    width: 210px; }

@media screen and (max-width: 767px) {
  .recruit .enviromentBox {
    padding: 30px 0 20px;
    width: 100%; }
    .recruit .enviromentBox .enviromentTxt {
      float: none;
      display: block;
      margin-right: 0; }
      .recruit .enviromentBox .enviromentTxt h4 {
        margin: 30px 0;
        font-size: 20px;
        font-size: 2rem; }
      .recruit .enviromentBox .enviromentTxt p {
        width: 100%; }
    .recruit .enviromentBox > p {
      float: none;
      display: block;
      margin: 30px auto 40px;
      width: 80%; } }

.recruit .greetingBox {
  overflow: hidden; }
  .recruit .greetingBox .greetingTxt {
    float: left;
    margin-right: 25px;
    width: 570px; }
    .recruit .greetingBox .greetingTxt h3 {
      margin-bottom: 30px; }
    .recruit .greetingBox .greetingTxt p {
      width: 570px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.8; }
    .recruit .greetingBox .greetingTxt p + p {
      margin-top: 30px; }
    .recruit .greetingBox .greetingTxt .name {
      width: 250px; }
  .recruit .greetingBox .greetingImg {
    float: left;
    padding-top: 100px;
    width: 530px; }
    .recruit .greetingBox .greetingImg .imgBox {
      margin-bottom: 30px;
      width: 530px; }
    .recruit .greetingBox .greetingImg .nameBox {
      overflow: hidden; }
    .recruit .greetingBox .greetingImg .name {
      float: left;
      margin: 0 60px;
      width: 145px; }

@media screen and (max-width: 767px) {
  .recruit .greetingBox {
    overflow: hidden;
    margin-bottom: 60px; }
    .recruit .greetingBox .greetingTxt {
      float: none;
      margin-right: 25px;
      margin-bottom: 60px;
      width: 100%; }
      .recruit .greetingBox .greetingTxt h3 {
        margin-bottom: 20px; }
      .recruit .greetingBox .greetingTxt p {
        margin-bottom: 15px;
        width: 100%; }
      .recruit .greetingBox .greetingTxt .name {
        width: 50%; }
    .recruit .greetingBox .greetingImg {
      float: none;
      margin: 0 auto;
      padding-top: 0;
      width: 90%;
      text-align: center; }
      .recruit .greetingBox .greetingImg .imgBox {
        display: block;
        margin-bottom: 30px;
        width: 100%; }
      .recruit .greetingBox .greetingImg .name {
        float: none;
        display: inline-block;
        margin: 0 5%;
        width: 35%; } }

.recruit .mainBox {
  overflow: hidden; }
  .recruit .mainBox .mainTxt {
    float: left;
    margin-right: 25px;
    width: 570px; }
    .recruit .mainBox .mainTxt p {
      width: 100%; }
  .recruit .mainBox .mainImg02 {
    float: left;
    width: 515px; }

.recruit .stuffBox {
  overflow: hidden;
  padding: 80px 0 95px;
  width: 1150px; }
  .recruit .stuffBox + .stuffBox {
    border-top: 1px solid #dddddd; }
  .recruit .stuffBox > p {
    float: right;
    margin-left: 60px;
    width: 325px; }
  .recruit .stuffBox .stuffTxt {
    float: right;
    width: 735px; }
    .recruit .stuffBox .stuffTxt .year {
      margin-bottom: 10px;
      font-size: 16px;
      font-size: 1.6rem; }
    .recruit .stuffBox .stuffTxt .name {
      margin-bottom: 20px;
      font-size: 24px;
      font-size: 2.4rem; }
    .recruit .stuffBox .stuffTxt dl dt {
      margin-bottom: 15px;
      font-size: 24px;
      font-size: 2.4rem; }
      .recruit .stuffBox .stuffTxt dl dt:before {
        content: "・"; }
    .recruit .stuffBox .stuffTxt dl dd {
      font-size: 16px;
      font-size: 1.6rem; }
    .recruit .stuffBox .stuffTxt dl dd + dt {
      margin-top: 50px; }

@media screen and (max-width: 767px) {
  .recruit .mainBox .mainTxt {
    float: none;
    margin-right: 0;
    width: 100%; }
  .recruit .mainBox .mainImg02 {
    display: none; }
  .recruit .stuffBox {
    overflow: hidden;
    padding: 60px 0 60px;
    width: 100%; }
    .recruit .stuffBox + .stuffBox {
      border-top: 1px solid #dddddd; }
    .recruit .stuffBox > p {
      display: none; }
    .recruit .stuffBox .stuffTxt {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      float: right;
      width: 100%; }
      .recruit .stuffBox .stuffTxt .year {
        margin-bottom: 10px;
        font-size: 16px;
        font-size: 1.6rem; }
      .recruit .stuffBox .stuffTxt .name {
        margin-bottom: 20px;
        font-size: 20px;
        font-size: 2rem; }
      .recruit .stuffBox .stuffTxt dl dt {
        margin-bottom: 15px;
        font-size: 20px;
        font-size: 2rem;
        font-weight: bold; }
      .recruit .stuffBox .stuffTxt dl dd {
        font-size: 16px;
        font-size: 1.6rem; }
      .recruit .stuffBox .stuffTxt dl dd + dt {
        margin-top: 20px; } }

@media screen and (max-width: 480px) {
  .recruit .stuffBox > p {
    width: 60%; } }

.recruit .galleryList {
  padding: 80px 0 0;
  width: 1150px; }
  .recruit .galleryList:after {
    clear: both;
    content: '';
    display: block; }
  .recruit .galleryList .galleryBox:nth-child(2) {
    margin: 0 70px; }
  .recruit .galleryList .galleryBox:nth-child(3n+5) {
    margin: 0 70px; }
  .recruit .galleryList .galleryBox {
    float: left;
    margin-bottom: 60px;
    width: 330px; }
    .recruit .galleryList .galleryBox dt {
      margin-bottom: 25px; }
    .recruit .galleryList .galleryBox dd {
      text-align: center; }

@media screen and (max-width: 767px) {
  .recruit .galleryList {
    padding: 60px 0 0;
    width: 100%; }
    .recruit .galleryList:after {
      clear: both;
      content: '';
      display: block; }
    .recruit .galleryList .galleryBox:nth-child(odd) {
      margin-right: 4% !important; }
    .recruit .galleryList .galleryBox:nth-child(2) {
      margin: 0; }
    .recruit .galleryList .galleryBox:nth-child(3n+5) {
      margin: 0; }
    .recruit .galleryList .galleryBox {
      float: left;
      margin-bottom: 30px;
      width: 48%; }
      .recruit .galleryList .galleryBox dt {
        margin-bottom: 25px; }
      .recruit .galleryList .galleryBox dd {
        text-align: center; } }

@media screen and (max-width: 480px) {
  .recruit .galleryList {
    padding: 60px 0 0;
    width: 100%; }
    .recruit .galleryList:after {
      clear: both;
      content: '';
      display: block; }
    .recruit .galleryList .galleryBox {
      display: block;
      margin: 0 auto 60px !important;
      float: none;
      margin-bottom: 30px;
      width: 100%; }
      .recruit .galleryList .galleryBox dt {
        margin: 0 auto 15px;
        width: 90%; }
      .recruit .galleryList .galleryBox dd {
        text-align: center; } }

.recruit .faqList {
  margin: 70px 0 90px 70px;
  width: 1070px; }
  .recruit .faqList .faqBox + .faqBox {
    margin-top: 70px; }
  .recruit .faqList .faqBox dt {
    position: relative;
    margin-bottom: 25px;
    color: #0a6696;
    font-weight: bold;
    font-size: 24px;
    font-size: 2.4rem; }
    .recruit .faqList .faqBox dt:before {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      left: -50px;
      width: 30px;
      height: 40px;
      background: url("../../img/recruit/q.svg") no-repeat; }
  .recruit .faqList .faqBox dd {
    font-size: 16px;
    font-size: 1.6rem;
    /*&:before{content:"A.";}*/ }

@media screen and (max-width: 767px) {
  .recruit .faqList {
    margin: 40px 0 60px;
    width: 100%; }
    .recruit .faqList .faqBox + .faqBox {
      margin-top: 50px; }
    .recruit .faqList .faqBox dt {
      margin-bottom: 15px;
      padding-left: 45px;
      font-size: 20px;
      font-size: 2rem; }
      .recruit .faqList .faqBox dt:before {
        left: 0; } }

.entry .main, .contact .main {
  width: 1150px;
  margin: 0 0 90px 60px; }
  .entry .main .form_txt, .contact .main .form_txt {
    margin-bottom: 40px; }
  .entry .main input, .entry .main select, .entry .main textarea, .contact .main input, .contact .main select, .contact .main textarea {
    padding: 5px; }
  .entry .main textarea, .contact .main textarea {
    width: 390 !important;
    min-height: 250px !important;
    font-size: 16px; }
  .entry .main .adressInput, .contact .main .adressInput {
    width: 165px !important; }
  .entry .main .schoolInput, .contact .main .schoolInput {
    width: 285px !important; }
  .entry .main form#mailformpro dl dt,
  .entry .main form#mailformpro dl dd, .contact .main form#mailformpro dl dt,
  .contact .main form#mailformpro dl dd {
    font-size: 15px;
    font-size: 1.5rem; }
  .entry .main form#mailformpro dl dt, .contact .main form#mailformpro dl dt {
    float: left;
    padding: 20px 0px;
    width: 200px; }
  .entry .main form#mailformpro dl dd, .contact .main form#mailformpro dl dd {
    padding: 20px 5px 30px 230px;
    border-top: solid 1px #CCC; }
  .entry .main button, .contact .main button {
    padding: 15px 60px;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff; }
  .entry .main button + button, .contact .main button + button {
    margin-left: 20px; }
  .entry .main button:hover, .contact .main button:hover {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0.7; }
  .entry .main .btn_sub, .entry .main div.mfp_buttons button#mfp_button_send, .contact .main .btn_sub, .contact .main div.mfp_buttons button#mfp_button_send {
    background: #0991c9; }
  .entry .main .btn_re, .entry .main div.mfp_buttons button#mfp_button_cancel, .contact .main .btn_re, .contact .main div.mfp_buttons button#mfp_button_cancel {
    background: #065e8c; }
  .entry .main .optionally, .entry .main .must, .contact .main .optionally, .contact .main .must {
    margin-right: 10px; }

@media screen and (max-width: 767px) {
  .entry .mainImg, .contact .mainImg {
    padding: 90px 4% 30px; }
    .entry .mainImg h2, .contact .mainImg h2 {
      font-size: 26px;
      font-size: 2.6rem; }
  .entry .main, .contact .main {
    width: 100%;
    margin: 0 0 90px 0;
    padding: 0 4%; }
    .entry .main .adressInput, .entry .main .schoolInput, .contact .main .adressInput, .contact .main .schoolInput {
      width: 100% !important; }
    .entry .main input, .entry .main select, .entry .main textarea, .contact .main input, .contact .main select, .contact .main textarea {
      width: 100% !important;
      max-width: 400px !important; }
    .entry .main input + input, .contact .main input + input {
      margin-top: 5px; }
    .entry .main button + button, .contact .main button + button {
      margin-left: 0; }
    .entry .main form#mailformpro dl dd, .contact .main form#mailformpro dl dd {
      padding: 15px 15px;
      border-top: none; }
    .entry .main form#mailformpro dl dt, .contact .main form#mailformpro dl dt {
      float: none;
      padding: 15px 0px 0px;
      width: 100% !important; } }

@media screen and (max-width: 480px) {
  .entry .main button, .contact .main button {
    padding: 15px 5px !important;
    width: 300px; }
  .entry .main button + button, .contact .main button + button {
    margin-top: 15px; } }

.thanksMain {
  padding-top: 60px; }
  .thanksMain h3 {
    font-weight: bold;
    font-size: 30px;
    font-size: 3rem; }
  .thanksMain .ttl02 {
    margin-bottom: 25px;
    font-size: 18px;
    font-size: 1.8rem; }
  .thanksMain .thanksBox {
    margin-bottom: 40px;
    padding: 30px 40px 30px 40px;
    max-width: 800px;
    background: #f2f2f2;
    font-size: 16px;
    font-size: 1.6rem; }
    .thanksMain .thanksBox p + p {
      margin-top: 20px; }
  .thanksMain a {
    margin-left: 40px;
    display: block;
    width: 150px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #0a6696;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    font-size: 16px;
    font-size: 1.6rem; }
    .thanksMain a:hover {
      background: #0991c9; }

@media screen and (max-width: 767px) {
  thanksMain {
    padding-top: 60px; }
    thanksMain h3 {
      font-size: 20px;
      font-size: 2rem; }
    thanksMain .ttl02 {
      margin-bottom: 25px;
      font-size: 18px;
      font-size: 1.8rem; }
    thanksMain .thanksBox {
      margin-bottom: 40px;
      padding: 30px 2%;
      max-width: 800px;
      background: #f2f2f2;
      font-size: 16px;
      font-size: 1.6rem; }
      thanksMain .thanksBox p + p {
        margin-top: 20px; } }

.entry .mainImg {
  padding: 110px 0 80px 50px;
  background: url("../../img/entry/mainImg.jpg") no-repeat;
  background-size: cover; }
  .entry .mainImg h2 {
    margin: 0;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 34px;
    font-size: 3.4rem; }

.entry .flow {
  margin-bottom: 35px; }
  .entry .flow .flowTtl {
    display: inline-block;
    margin: 60px 0 25px;
    /*border-bottom: 2px solid $blue2;*/
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold; }
  .entry .flow ul {
    overflow: hidden; }
    .entry .flow ul li {
      position: relative;
      padding: 15px 20px;
      width: 215px;
      float: left;
      display: block;
      text-align: center;
      color: #fff; }
      .entry .flow ul li p {
        margin-top: 10px;
        font-size: 13px;
        font-size: 1.3rem; }
    .entry .flow ul li:first-child {
      background: #537280; }
    .entry .flow ul li:nth-child(2) {
      background: #3e7b95; }
    .entry .flow ul li:nth-child(3) {
      background: #2984aa; }
    .entry .flow ul li:nth-child(4) {
      background: #0991c9; }
    .entry .flow ul li:before {
      position: absolute;
      top: 50%;
      right: -20px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 1;
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 0 15px 20px; }
    .entry .flow ul li:first-child:before {
      border-color: transparent transparent transparent #537280; }
    .entry .flow ul li:nth-child(2):before {
      border-color: transparent transparent transparent #3e7b95; }
    .entry .flow ul li:nth-child(3):before {
      border-color: transparent transparent transparent #2984aa; }
    .entry .flow ul li:nth-child(4):before {
      display: none; }

.entry #mailformpro dl dd ol li + li {
  margin-top: 5px; }

@media screen and (max-width: 767px) {
  .entry .mainImg {
    padding: 90px 4% 40px;
    background-position: right;
    background-size: cover; }
    .entry .mainImg h2 {
      font-size: 26px;
      font-size: 2.6rem; }
      .entry .mainImg h2 span {
        margin: 15px 0 60px;
        display: block;
        font-size: 15px;
        font-size: 1.5rem; }
  .entry .flow {
    margin-bottom: 35px; }
    .entry .flow ul {
      overflow: hidden; }
      .entry .flow ul li {
        padding: 20px 15px;
        width: 100%;
        float: none; }
        .entry .flow ul li p {
          margin-top: 10px;
          font-size: 13px;
          font-size: 1.3rem; }
      .entry .flow ul li:before {
        top: auto;
        right: auto;
        bottom: -20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-width: 40px 40px 0 40px; }
      .entry .flow ul li:first-child:before {
        border-color: #537280 transparent transparent transparent; }
      .entry .flow ul li:nth-child(2):before {
        border-color: #3e7b95 transparent transparent transparent; }
      .entry .flow ul li:nth-child(3):before {
        border-color: #2984aa transparent transparent transparent; }
      .entry .flow ul li:nth-child(4):before {
        display: none; } }

.contact .mainImg {
  padding: 110px 0 110px 50px;
  background: url("../../img/contact/mainImg.jpg") no-repeat;
  background-size: cover; }
  .contact .mainImg h2 {
    margin: 0;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 34px;
    font-size: 3.4rem; }

.contact .form_txt {
  margin-top: 60px; }

@media screen and (max-width: 767px) {
  .contact .mainImg {
    padding: 90px 4% 40px;
    background-position: right;
    background-size: cover; }
    .contact .mainImg h2 {
      font-size: 26px;
      font-size: 2.6rem; }
      .contact .mainImg h2 span {
        margin: 15px 0 60px;
        display: block;
        font-size: 15px;
        font-size: 1.5rem; } }

.privacy .mainImg {
  padding: 110px 0 110px 50px;
  background: url("../../img/product/mainImg.jpg") no-repeat;
  background-size: cover; }
  .privacy .mainImg h2 {
    margin: 0;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 34px;
    font-size: 3.4rem; }

.privacy .boxWrap {
  margin-left: 60px;
  padding: 90px 0; }
  .privacy .boxWrap dl {
    width: 1150px;
    counter-reset: count; }
    .privacy .boxWrap dl div + div {
      margin-top: 60px; }
    .privacy .boxWrap dl div dt {
      margin-bottom: 15px;
      font-size: 25px;
      font-size: 2.5rem;
      font-weight: bold; }
      .privacy .boxWrap dl div dt:before {
        counter-increment: count;
        content: counter(count) ".";
        padding-right: 5px; }
    .privacy .boxWrap dl div dd {
      font-size: 16px;
      font-size: 1.6rem; }

@media screen and (max-width: 767px) {
  .privacy .mainImg {
    padding: 90px 4% 40px;
    background-size: cover; }
    .privacy .mainImg h2 {
      font-size: 26px;
      font-size: 2.6rem; }
  .privacy .boxWrap {
    margin: 0 auto;
    padding: 60px 2%; }
    .privacy .boxWrap dl {
      width: 100%; } }

.sitemap .mainImg {
  padding: 110px 0 110px 50px;
  background: url(../../img/service/mainImg.jpg) no-repeat;
  background-size: cover; }
  .sitemap .mainImg h2 {
    margin: 0;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 34px;
    font-size: 3.4rem; }

.sitemap .boxWrap {
  width: 1150px;
  margin-left: 60px;
  padding: 90px 0; }

.sitemap .site_hierarchy {
  border: 1px solid #ddd;
  width: 100%; }
  .sitemap .site_hierarchy td {
    padding: 15px;
    line-height: 1.692307692;
    vertical-align: top;
    border: 1px solid #ddd; }
  .sitemap .site_hierarchy li:not(:last-child) {
    margin-bottom: 10px; }
  .sitemap .site_hierarchy a {
    position: relative;
    padding-left: 20px;
    display: inline-block;
    color: #333; }
    .sitemap .site_hierarchy a:before {
      content: "";
      position: absolute;
      top: 9px;
      left: 0;
      width: 8px;
      height: 8px;
      margin: auto;
      vertical-align: middle;
      border-top: 1px solid #0a6696;
      border-right: 1px solid #0a6696;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sitemap .site_hierarchy a:hover {
      text-decoration: underline; }

@media screen and (max-width: 767px) {
  .sitemap .mainImg {
    padding: 90px 4% 40px;
    background-size: cover; }
    .sitemap .mainImg h2 {
      font-size: 26px;
      font-size: 2.6rem; }
  .sitemap .boxWrap {
    margin: 0 auto;
    padding: 60px 2%;
    width: 100%; } }

.notFound .boxWrap {
  padding: 120px 0 100px 60px; }
  .notFound .boxWrap h2.ttl {
    margin: 0 0 10px;
    display: inline-block;
    color: #333;
    font-weight: bold;
    font-size: 34px;
    font-size: 3.4rem; }
  .notFound .boxWrap p.ttl02 {
    margin: 0 0 20px;
    color: #acacac;
    font-size: 25px;
    font-size: 2.5rem; }
  .notFound .boxWrap .boxIn {
    padding: 60px 0 80px; }
  .notFound .boxWrap a {
    margin-left: 40px;
    display: block;
    width: 150px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #0a6696;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    font-size: 16px;
    font-size: 1.6rem; }
    .notFound .boxWrap a:hover {
      background: #0991c9; }

@media screen and (max-width: 767px) {
  .notFound .boxWrap {
    padding: 100px 2% 100px; }
    .notFound .boxWrap h2.ttl {
      font-size: 26px;
      font-size: 2.6rem; }
    .notFound .boxWrap p.ttl02 {
      font-size: 20px;
      font-size: 2rem; }
    .notFound .boxWrap .boxIn {
      padding: 30px 0 60px; } }

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