@charset "UTF-8";
/* placeholder color */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@500;600&display=swap");
/**********************************************************************************************

縲€蜈ｨ菴�

**********************************************************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  color: #333;
  line-height: 1.7;
  height: 100%;
  text-align: left;
  background-color: #FFF; }
  @media (max-width: 750px) {
    body {
      font-size: 3.43vw;
      line-height: 1.7; } }

hr {
  display: none; }

img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
  height: auto; }

img[src$=".svg"] {
  width: 100%; }

div, dl, dt, dd, form, input, ul, ol, li, p, select, textarea, span, th, td {
  margin: 0;
  padding: 0;
  vertical-align: top;
  font-weight: inherit; }

address, caption, strong, dfn {
  font-style: normal; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1.6; }

input, select, textarea {
  font-size: 100%;
  font-family: inherit;
  font-weight: inherit; }

sup {
  vertical-align: text-top;
  font-size: 72%; }

sub {
  vertical-align: text-bottom;
  font-size: 72%; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font-size: inherit; }

caption {
  text-align: left; }

fieldset {
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

main {
  display: block;
  position: relative; }

a {
  text-decoration: none;
  color: inherit;
  transition: opacity .4s;
  display: inline; }
  a:hover {
    text-decoration: none !important; }
    @media (min-width: 751px) {
      a:hover {
        opacity: 0.6; } }

a:focus {
  outline: none; }

@media (min-width: 751px) {
  a[href^="tel:"] {
    pointer-events: none; } }

/* 荳贋ｻ倥″譁�ｭ励€∽ｸ倶ｻ倥″譁�ｭ� */
sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }
  #wrap {
    font-size: 1.3rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    overflow: hidden; }
    @media (min-width: 751px) {
      #wrap {
        min-width: 1024px; } }
    @media (max-width: 750px) {
      #wrap {
        font-size: 2.93vw; } }
  
  img[src$=".svg"] {
    width: 100%; }
  
  /* common */
  img {
    max-width: 100%;
    height: auto; }
  
  .inner {
    max-width: 840px;
    margin: auto;
    position: relative; }
    @media (max-width: 750px) {
      .inner {
        max-width: 90vw; } }
  
  main {
    display: block;
    position: relative;
    padding: 80px 0 0; }
    @media (max-width: 750px) {
      main {
        display: block !important;
        padding: 0;
        margin: 27.5vw 0 0 !important; } }
  
  @media (min-width: 751px) {
    .fadelink {
      transition: .4s opacity; }
      .fadelink:hover {
        opacity: 0.6; } }
  
  .bold {
    font-weight: 700; }
  
  .mincho {
    font-family: 'Noto Serif JP', serif; }
  
  .pagetop {
    position: fixed;
    display: none;
    z-index: 1000; }
    @media (min-width: 751px) {
      .pagetop {
        width: 88px;
        height: 88px;
        right: 30px;
        bottom: 30px; } }
    @media (max-width: 750px) {
      .pagetop {
        width: 11vw;
        height: 11vw;
        right: 5vw;
        bottom: 30px; } }
    .pagetop a {
      display: block;
      background: #62B47D;
      border-radius: 50%;
      height: 100%;
      width: 100%; }
      @media (min-width: 751px) {
        .pagetop a {
          transition: .4s; } }
      @media (min-width: 751px) {
        .pagetop a:hover {
          background: #0070C0;
          transform: translateY(-10px);
          opacity: 1; } }
      .pagetop a::after {
        content: "";
        background: url("images/common/returntop_btn.svg") no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        @media (min-width: 751px) {
          .pagetop a::after {
            width: 33px;
            height: 54px;
            transition: .4s; } }
        @media (max-width: 750px) {
          .pagetop a::after {
            width: 4.5vw;
            height: 7.2vw; } }
    .pagetop.is-abs {
      position: absolute;
      bottom: 100%; }
  
  @media (min-width: 751px) {
    .u-sp {
      display: none !important; }
  
    a[href^="tel:"] {
      pointer-events: none; } }
  @media (max-width: 750px) {
    .u-pc {
      display: none !important; } }
  header {
    position: relative; }
    @media (max-width: 750px) {
      header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        background: #fff;
        width: 100%; } }
  
  .head_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px;
    background: url("images/common/header_bg.png") no-repeat top left;
    background-size: 157px;
    border-bottom: 3px solid #0070C0; }
    @media (max-width: 750px) {
      .head_flex {
        padding: 5vw;
        background-size: 32vw;
        border-width: 2px; } }
  
  .head_item {
    display: flex;
    align-items: center;
    padding:38px 0;
 }
  
  .head_logo, .foot_logo {
    width: 129px;
    margin: 0 30px 0 0; }
    @media (max-width: 750px) {
      .head_logo, .foot_logo {
        width: 22.6vw;
        margin: 0 4vw 0 0;
     }
     .head_item {
        padding:0;
     }
     
    }
  
  .head_tit, .foot_tit {
    font-weight: 600;
    color: #0070C0;
    font-size: 2.6rem; }
    @media (max-width: 750px) {
      .head_tit, .foot_tit {
        font-size: 4vw; } }
  
  .head_contact, .foot_contact {
    text-align: right;
    font-weight: 400;
    font-size: 1.2rem; }
    @media (max-width: 750px) {
      .head_contact, .foot_contact {
        text-align: left;
        font-size: 2.93vw;
        padding: 4vw 8vw 8vw;
        line-height: 1.6;
        animation-name: fadeIn;
        animation-timing-function: ease-out;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        opacity: 0;
        animation-delay: 1.6s; } }
  
  .head_contactBtn, .foot_contactBtn {
    background: #62B47D;
    border-radius: 100px;
    color: #fff;
    padding: 5px 20px;
    font-weight: 700;
    margin: 0 0 10px;
    display: inline-block;
    font-size: 1.7rem;
    transition: .4s; }
    @media (min-width: 751px) {
      .head_contactBtn:hover, .foot_contactBtn:hover {
        background: #0070C0;
        opacity: 1; } }
    @media (max-width: 750px) {
      .head_contactBtn, .foot_contactBtn {
        display: block;
        width: 66.7vw;
        padding: 4vw;
        font-size: 3.73vw;
        text-align: center;
        margin: 5.3vw auto 0; } }
  
  .head_contact_list, .foot_contact_list {
    display: flex;
    justify-content: flex-end; }
    @media (max-width: 750px) {
      .head_contact_list, .foot_contact_list {
        justify-content: flex-start;
        flex-wrap: wrap; } }
    .head_contact_list li:not(:last-child), .foot_contact_list li:not(:last-child) {
      margin: 0 1em 0 0; }
  
  .head_contact_link a {
    transition: .2s; }
    @media (min-width: 751px) {
      .head_contact_link a:hover {
        opacity: 1;
        color: #0070C0; } }
  
  @media (min-width: 751px) {
    .headNav {
      display: block !important;
      height: auto !important; } }
  @media (max-width: 750px) {
    .headNav {
      display: none;
      position: absolute;
      top: 100%;
      background: #0070C0;
      color: #fff;
      z-index: 9999;
      width: 100%;
      overflow: auto; } }
  
  .headNav_inner {
    max-width: 1024px;
    margin: auto; }
  
  .headNav_list {
    display: flex;
    justify-content: space-between;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.3; }
    @media (max-width: 750px) {
      .headNav_list {
        display: block;
        text-align: left;
        font-size: 3.46vw; } }
    .headNav_list li {
      flex-grow: 1; }
      @media (max-width: 750px) {
        .headNav_list li {
          border-bottom: 1px solid #fff; }
          .headNav_list li:nth-child(1) a {
            animation-delay: .2s; }
          .headNav_list li:nth-child(2) a {
            animation-delay: .3s; }
          .headNav_list li:nth-child(3) a {
            animation-delay: .4s; }
          .headNav_list li:nth-child(4) a {
            animation-delay: .5s; }
          .headNav_list li:nth-child(5) a {
            animation-delay: .6s; }
          .headNav_list li:nth-child(6) a {
            animation-delay: .7s; }
          .headNav_list li:nth-child(7) a {
            animation-delay: .8s; }
          .headNav_list li:nth-child(8) a {
            animation-delay: .9s; }
          .headNav_list li:nth-child(9) a {
            animation-delay: 1s; }
          .headNav_list li:nth-child(10) a {
            animation-delay: 1.1s; }}
    .headNav_list a {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      padding: 15px 0;
      transition: .2s;
      width: 100%;
      position: relative; }
      @media (max-width: 750px) {
        .headNav_list a {
          display: block;
          padding: 4vw 8vw;
          animation-name: menufadeIn;
          animation-timing-function: ease-out;
          animation-duration: 1s;
          animation-fill-mode: forwards;
          opacity: 0; }
          .headNav_list a::after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1.46vw 0 1.46vw 2.4vw;
            border-color: transparent transparent transparent #fff;
            position: absolute;
            top: 50%;
            right: 5.3vw;
            transform: translateY(-50%); } }
      @media (min-width: 751px) {
        .headNav_list a:hover {
          color: #0070C0;
          opacity: 1; } }
  
  .menuBtn,
  .menuBtn span {
    display: inline-block;
    transition: all .4s;
    cursor: pointer;
    z-index: 1000; }
  
  .menuBtn {
    width: 8vw;
    height: 5.3vw;
    top: 50%;
    right: 0;
    position: relative; }
    .menuBtn span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background: #0070C0; }
      .menuBtn span:nth-of-type(1) {
        top: 0; }
      .menuBtn span:nth-of-type(2) {
        top: calc(50% - 1px); }
      .menuBtn span:nth-of-type(3) {
        bottom: 0; }
    .menuBtn.active span:nth-of-type(1) {
      transform: translateY(2.5vw) rotate(-45deg); }
    .menuBtn.active span:nth-of-type(2) {
      opacity: 0; }
    .menuBtn.active span:nth-of-type(3) {
      transform: translateY(-2.4vw) rotate(45deg); }
  
  /**********************************************************************************************
  
  縲€footer
  
  **********************************************************************************************/
  footer {
    background: #ECECEC;
    position: relative;
 }
    footer::before {
      content: "";
      display: block;
      width: 100%;
      background: url("images/common/footer_bg.png") no-repeat;
      background-size: 100% 100%;
      padding-top: 19.5%;
      position: absolute;
      bottom: calc(100% - 1px);
      left: 0; }
      @media (max-width: 750px) {
        footer::before {
          padding-top: 25.5%;
         }
        }
  
  .foot_inner {
    max-width: 1024px;
    padding: 60px 40px 40px;
    margin: auto; }
    @media (max-width: 750px) {
      .foot_inner {
        padding: 6.6vw 5.3vw 0.3vw; } }
  
  .foot_name {
    color: #ddd;
    font-size: 8.9rem;
    margin: 0 0 60px;
    text-align: right;
    line-height: 1; }
    @media (max-width: 750px) {
      .foot_name {
        font-size: 9.3vw;
        transform: translateX(5.3vw);
        margin: 0 0 6.6vw; } }
  
  .footNav {
    margin: 0 0 40px; }
    @media (max-width: 750px) {
      .footNav {
        margin: 0 0 2.6vw; } }
  
  .footNav_list {
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.2;
    font-weight: 400; }
    @media (max-width: 750px) {
      .footNav_list {
        font-size: 2.93vw;
          justify-content: space-between;
        flex-wrap: wrap; } }
    .footNav_list li {
      flex-grow: 1; }
      @media (max-width: 750px) {
        .footNav_list li {
          width: 33%;
            flex-grow: 0;
          margin: 0 0 6.6vw;
          border-right: 1px solid #000; } }
      .footNav_list li:not(:last-child) {
        border-right: 1px solid #000; }
      @media (max-width: 750px) {
        .footNav_list li:nth-child(3n + 1) {
          border-left: 1px solid #000; } }
    .footNav_list a {
      padding: 0 20px;
      display: flex;
      height: 100%;
      align-items: center;
      justify-content: center;
      transition: .2s; }
      @media (max-width: 750px) {
        .footNav_list a {
          padding: 0; } }
      @media (min-width: 751px) {
        .footNav_list a:hover {
          opacity: 1;
          color: #0070C0; } }
  
  .foot_flex {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 750px) {
      .foot_flex {
        display: block; } }
  
  .foot_item {
    display: flex;
    align-items: center; }
  
  @media (max-width: 750px) {
    .foot_contact {
      display: flex;
      flex-direction: column-reverse;
      padding: 0;
      margin: 5.3vw 0 0; } }
  
  .foot_contact_list li:not(:last-child) {
    margin: 0 1em 0 0; }
  
  .copyright {
    font-size: 1.2rem;
    font-weight: 400;
    display: block;
    background: #0070C0;
    color: #fff;
    text-align: center;
    padding: 15px 0; }
  
  .head_searchBtn {
      background: #0070c0;
      border-radius: 100px;
      color: #fff;
      padding: 5px 20px;
      font-weight: 700;
      margin: 0 0 10px;
      display: inline-block;
      font-size: 1.7rem;
      line-height: 1.7;
      transition: .4s;
      margin-right: 10px;
      border: none;
      cursor: pointer;
  }
  
  .head_searchBtn i {
      margin-right: 10px;
  }
  
  .head_searchBtn:hover {
      opacity: 0.7;
  }
  
  @media (max-width: 750px) {
      .head_searchBtn {
          background: none;
          border-radius: 0;
          color: #0070c0;
          padding: 0;
          margin: 0;
          font-size: 5.6vw;
          line-height: 1;
      }
      
      .head_searchBtn i {
          margin-right: 0;
      }
  }
  
  .search_box {
      background: #fff;	
      padding: 50px 130px 50px 70px;
      position: fixed;
      left: 0;
      right: 0;
      top: -200px;
      transition: top .3s;
      z-index: 9;
  }
  
  .search_box.search_box_show {
      top: 0;
  }
  
  .customize-support .search_box.search_box_show {
      top: 32px;
  }
  
  .search_box form {
      background: #fff;
      border: 2px solid #0070c0;
      display: flex;
  }
  
  .search_box input[type="text"] {
      background: none;
      border: none;
      outline: none;
      font-size: 2rem;
      line-height: 50px;
      padding: 3px 12px;
      width: calc(100% - 100px);
  }
  
  .search_box input[type="submit"] {
      background: #0070c0;
      border: none;
      color: #fff;
      cursor: pointer;
      font-size: 2rem;
      line-height: 50px;
      transition: 0.3s;
      width: 100px;
  }
  
  .search_box input[type="submit"]:hover {
      opacity: 0.7;
  }
  
  .search_box_close {
      cursor: pointer;
      height: 50px;
      right: 70px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
      border: none;
      background: none;
  }
  
  .search_box_close::before, .search_box_close::after {
      background: #0070c0;
      content: "";
      height: 2px;
      left: 50%;
      position: absolute;
      top: 50%;
      width: 30px;
  }
  
  .search_box_close::before {
      transform: translate(-50%, -50%) rotate(45deg);
  }
  
  .search_box_close::after {
      transform: translate(-50%, -50%) rotate(-45deg);
  }
  
  @media (max-width: 750px) {
      .search_box {
          padding: 5vw;
          background: #0070c0;
      }
      
      .search_box.search_box_show {
          top: 20vw;
      }
      
      .customize-support .search_box.search_box_show {
          top: 20vw;
      }
  
      .search_box input[type="text"] {
          font-size: 5.6vw;
          line-height: 8vw;
          padding: 0.8vw 3.2vw;
          width: calc(100% - 18vw);
      }
  
      .search_box input[type="submit"] {
          font-size: 5.6vw;
          line-height: 8vw;
          width: 18vw;
          letter-spacing: 1vw;
          background: #cce2f3;
          color: #0070c0;
      }
  
      .search_box_close {
          display: none;
      }
  }
  
  .search_block {
      padding: 20px 60px 50px;
  }
  
  .search_input {
      align-items: center;
      display: flex;
      margin-bottom: 20px;
  }
  
  .search_input h2 {
      font-family: "Noto Serif JP", serif;
      font-style: normal;
      font-weight: 400;
      color: #0070c0;
      font-size: 2rem;
      font-weight: normal;
      margin-right: 15px;
  }
  
  .search_input_box {
      border: 2px solid #0070c0;
      flex: 1 1 0%;
      display: flex;
      height: 50px;
  }
  
  .search_input_box .ccm-search-block-text {
      background: none;
      border: none;
      outline: none;
      font-size: 1.6rem;
      height: 46px;
      padding: 3px 6px;
      width: calc(100% - 100px);
  }
  
  .search_input_box .ccm-search-block-submit {
      background: #0070c0;
      border: none;
      color: #fff;
      cursor: pointer;
      font-size: 1.6rem;
      height: 46px;
      transition: all .3s;
      width: 100px;
  }
  
  .search_input_box .ccm-search-block-submit:hover {
      background: #1291dd;
  }
  
  .searchResult {
      margin-bottom: 10px;
  }
  
  .searchResult a {
      background: #e8eff7;
      border-radius: 10px;
      display: block;
      padding: 20px 30px;
      opacity: 1;
      transition: all .3s;
  }
  
  .searchResult a:hover {
      background: #d5e1f0;
      opacity: 1;
  }
  
  .searchResult h3 {
      color: #075bb1;
      font-size: 140%;
  }
  
  .searchResult .search_url {
      color: #1291dd;
      word-break: break-all;
  }
  
  .searchResult .search_txt {
      color: #666;
  }
  
  .ccm-pagination-wrapper {
      text-align: center;
      margin: 50px 0 30px;
  }
  
  .ccm-pagination-wrapper ul {
      align-items: center;
      display: flex;
      justify-content: center;
  }
  
  .ccm-pagination-wrapper ul li {
      border: 1px solid #2b568e;
      text-align: center;
      margin: 0 6px;
      height: 52px;
      width: 52px;
  }
  
  .ccm-pagination-wrapper ul li span, 
  .ccm-pagination-wrapper ul li a {
      padding-top: 14px;
  }
  
  .ccm-pagination-wrapper ul li span {
      display: block;
  }
  
  .ccm-pagination-wrapper ul li a {
      background: #2b568e;
      color: #fff;
      display: block;
      height: 100%;
      width: 100%;
      transition: all .3s;
  }
  
  .ccm-pagination-wrapper ul li a:hover { 
      background: #fff; 
      color: #2b568e; 
  }
  
  .ccm-pagination-wrapper .sr-only { 
      display: none; 
  }
  
  .ccm-pagination-wrapper .pagination span { 
      color: #075bb1; 
  }
  
  .ccm-pagination-wrapper .pagination .prev, 
  .ccm-pagination-wrapper .pagination .next { 
      font-size: 0; 
      position: relative; 
  }
  
  .ccm-pagination-wrapper .pagination .prev span, 
  .ccm-pagination-wrapper .pagination .next span { 
      color: #075bb1; 
      height: 100%; 
      width: 100%; 
  }
  
  .ccm-pagination-wrapper .pagination .prev a, 
  .ccm-pagination-wrapper .pagination .prev span, 
  .ccm-pagination-wrapper .pagination .next a, 
  .ccm-pagination-wrapper .pagination .next span { 
      position: relative; 
  }
  
  .ccm-pagination-wrapper .pagination .prev a::before, 
  .ccm-pagination-wrapper .pagination .prev span::before, 
  .ccm-pagination-wrapper .pagination .next a::before, 
  .ccm-pagination-wrapper .pagination .next span::before {
      content: "";
      font-size: 1.8rem; 
      left: 0; 
      margin: 0 auto; 
      right: 0; 
      position: absolute; 
      top: 50%; 
      transform: translateY(-50%); 
  }
  
  .ccm-pagination-wrapper .pagination .prev a::before, 
  .ccm-pagination-wrapper .pagination .prev span::before { 
      content: "<"; 
  }
  
  .ccm-pagination-wrapper .pagination .next a::before, 
  .ccm-pagination-wrapper .pagination .next span::before {
      content: ">"; 
  }
  
  @media (max-width: 750px) {
      .search_block {
          padding: 5px 15px 30px;
      }
  
      .search_input {
          display: block;
      }
  
      .search_input h2 {
          font-size: 1.8rem;
          margin-bottom: 5px;
      }
  
      .search_input_box .ccm-search-block-text {
          width: calc(100% - 80px);
      }
  
      .search_input_box .ccm-search-block-submit {
          width: 80px;
      }
  
      .searchResult a {
          padding: 20px;
      }
      
      .ccm-pagination-wrapper {
          margin: 30px 0;
      }
      
      .ccm-pagination-wrapper ul li {
          margin: 0 3px;
          height: 30px;
          width: 30px;
      }
      
      .ccm-pagination-wrapper ul li span, .ccm-pagination-wrapper ul li a {
          padding-top: 3px;
      }
  }
  .linkBtn {
    background: #0070C0;
    display: block;
    max-width: 495px;
    margin: auto;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 1.9rem;
    padding: 10px;
    transition: .4s; }
    @media (max-width: 750px) {
      .linkBtn {
        font-size: 3.46vw;
        max-width: 72vw;
        padding: 4vw 4vw 4vw 6vw; } }
    @media (min-width: 751px) {
      .linkBtn:hover {
        background: #62B47D;
        opacity: 1; }
        .linkBtn:hover::before {
          left: 30px; } }
    .linkBtn::before {
      content: "笆ｶ��";
      position: absolute;
      font-size: 1.2rem;
      top: 50%;
      transform: translateY(-50%);
      left: 20px;
      transition: .4s; }
      @media (max-width: 750px) {
        .linkBtn::before {
          left: 4vw;
          font-size: 3.2vw; } }
  
  .linkBtn-detail {
    max-width: 660px;
    margin: 70px auto 0; }
  
  .dl_linkBtn {
    background: #E5F1F9;
    border: 1px solid #0070C0;
    display: flex;
    width: 550px;
    justify-content: space-between;
    margin: auto; }
    @media (max-width: 750px) {
      .dl_linkBtn {
        width: 100%; } }
  
  .dl_linkBtn_tit {
    color: #0070C0;
    font-weight: 600;
    text-align: center;
    font-size: 2rem;
    line-height: 1.9;
    margin: auto; }
    @media (max-width: 750px) {
      .dl_linkBtn_tit {
        font-size: 3.43vw; } }
  
  .dl_linkBtn_tit_img {
    width: 180px;
    flex-shrink: 0; }
    @media (max-width: 750px) {
      .dl_linkBtn_tit_img {
        width: 27vw; } }
  
  .underLink {
    color: #0070C0;
    text-decoration: underline; }
  
  .mt2em {
    margin-top: 2em; }
  
  /**********************************************************************************************
  
  縲€TOP
  
  **********************************************************************************************/
  /*---------------------------------------------
  common
  ---------------------------------------------*/
  .top_sec {
    padding: 80px 0; }
    @media (max-width: 750px) {
      .top_sec {
        padding: 10.6vw 0; } }
  
  .top_sec_tit {
    font-family: 'Noto Serif JP', serif;
    font-size: 3.8rem;
    text-align: center;
    margin: 0 0 30px; }
    @media (max-width: 750px) {
      .top_sec_tit {
        font-size: 6.1vw;
        margin: 0 0 6.6vw; } }
  
  /*---------------------------------------------
  kv
  ---------------------------------------------*/
  .top_kv {
    text-align: center;
    margin: 0 0 100px; }
    @media (max-width: 750px) {
      .top_kv {
        margin: 0 0 24vw; } }
  
  .top_kv_tit {
    display: inline-block;
    font-size: 3.3rem;
    color: #0070C0;
    font-weight: 600;
    text-align: left;
    margin: 0 0 40px;
    white-space: nowrap; }
    @media (max-width: 750px) {
      .top_kv_tit {
        font-size: 5.3vw;
        margin: 0 0 5.3vw;
        text-align: center; } }
    .top_kv_tit span {
      font-size: 2.1rem;
      display: block; }
      @media (max-width: 750px) {
        .top_kv_tit span {
          font-size: 3.73vw; } }
  
  .top_kv_copyArea {
    margin: 0 0 40px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.7; }
    @media (max-width: 750px) {
      .top_kv_copyArea {
        font-size: 3vw;
        margin: 0 0 10.6vw;
        line-height: 2; } }
    .top_kv_copyArea p:not(:last-child) {
      margin: 0 0 1em; }
  
  .top_kv_img {
    position: relative;
    margin: 0 auto 30px;
    width: 85%; }
    @media (max-width: 750px) {
      .top_kv_img {
        margin: 0 0 13.3vw;
        width: 100%; } }
    .top_kv_img::before, .top_kv_img::after {
      content: "";
      display: block;
      position: absolute;
      z-index: -1; }
    .top_kv_img::before {
      width: 186px;
      height: 278px;
      background: url("../img/common/kv_bg.png") no-repeat;
      background-size: cover;
      top: -40px;
      left: -90px; }
      @media (max-width: 750px) {
        .top_kv_img::before {
          width: 24.8vw;
          height: 37vw;
          left: -5vw;
          top: -22.6vw; } }
    .top_kv_img::after {
      width: 428px;
      height: 200px;
      background: #0070C0;
      bottom: -130px;
      right: -90px; }
      @media (max-width: 750px) {
        .top_kv_img::after {
          width: 57vw;
          height: 26.6vw;
          right: -5vw;
          bottom: -9.3vw; } }
  
  .top_kv_txt {
    width: 410px;
    line-height: 2.2;
    text-align: left;
    font-size: 1.5rem; }
    @media (max-width: 750px) {
      .top_kv_txt {
        width: 100%;
        line-height: 1.8;
        font-size: 2.93vw; } }
  
  /*---------------------------------------------
  news
  ---------------------------------------------*/
  .top_sec-news {
    background: #ECECEC;
    position: relative; }
    .top_sec-news::before {
      content: "KCPC ENGINEERING";
      white-space: nowrap;
      color: #ECECEC;
      width: 840px;
      position: absolute;
      bottom: calc(100% - 8px);
      left: calc(50% - 100px);
      font-size: 8.9rem;
      line-height: 1;
      transform: translateX(-50%); }
      @media (max-width: 750px) {
        .top_sec-news::before {
          width: 100%;
          left: 0;
          font-size: 9.3vw;
          bottom: calc(100% - 1vw);
          transform: none; } }
  
  .top_newsList {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 750px) {
      .top_newsList {
        display: block; } }
    .top_newsList li {
      width: 265px;
      background: #fff; }
      @media (max-width: 750px) {
        .top_newsList li {
          width: 100%; }
          .top_newsList li:not(:last-child) {
            margin: 0 0 6.6vw; } }
    .top_newsList a {
      padding: 20px;
      display: block; }
      @media (max-width: 750px) {
        .top_newsList a {
          padding: 6.6vw; } }
  
  .top_newsList_img {
    margin: 0 0 20px; }
    @media (max-width: 750px) {
      .top_newsList_img {
        margin: 0 0 2.6vw; } }
  
  .top_newsList_time {
    color: #9C9D9D;
    display: block;
    margin: 0 0 5px; }
    @media (max-width: 750px) {
      .top_newsList_time {
        margin: 0 0 2.6vw; } }
  
  .top_newsList_tit {
    color: #0070C0;
    font-size: 1.9rem;
    line-height: 1.3;
    margin: 0 0 10px; }
    @media (max-width: 750px) {
      .top_newsList_tit {
        font-size: 4.2vw;
        margin: 0 0 2.6vw; } }
  
  /*---------------------------------------------
  feature
  ---------------------------------------------*/
  .top_featureList li {
    position: relative; }
    .top_featureList li::after {
      content: "";
      display: block;
      position: absolute;
      z-index: -1; }
    .top_featureList li:not(:last-child) {
      margin: 0 0 100px; }
      @media (max-width: 750px) {
        .top_featureList li:not(:last-child) {
          margin: 0 0 20vw; } }
    .top_featureList li:nth-child(1)::after {
      width: 240px;
      height: 180px;
      background: url("../img/common/kv_bg.png") no-repeat;
      background-size: 100%;
      top: -40px;
      right: -90px; }
      @media (max-width: 750px) {
        .top_featureList li:nth-child(1)::after {
          right: -5vw;
          width: 32vw;
          height: 24vw;
          top: 42vw; } }
    .top_featureList li:nth-child(1) .top_featureList_txt::before {
      content: "1"; }
    .top_featureList li:nth-child(2)::after {
      width: 380px;
      height: 118px;
      background: #ECECEC;
      background-size: 100%;
      bottom: -40px;
      left: -90px; }
      @media (max-width: 750px) {
        .top_featureList li:nth-child(2)::after {
          width: 50.6vw;
          height: 15.7vw;
          bottom: 62vw;
          left: -5vw; } }
    .top_featureList li:nth-child(2) .top_featureList_txt::before {
      content: "2"; }
  .top_featureList .linkBtn {
    margin: 40px auto 0; }
    @media (max-width: 750px) {
      .top_featureList .linkBtn {
        margin: 8vw auto 0; } }
  
  .top_featureList_flex {
    display: flex; }
    @media (max-width: 750px) {
      .top_featureList_flex {
        display: block; } }
  
  .top_featureList_txtArea {
    width: 450px;
    margin: 0 40px 0 0;
    flex-shrink: 0; }
    @media (max-width: 750px) {
      .top_featureList_txtArea {
        width: 100%;
        margin: 0 0 8vw; } }
  
  .top_featureList_img {
    width: 350px; }
    @media (max-width: 750px) {
      .top_featureList_img {
        width: 100%; } }
  
  .top_featureList_tit {
    color: #0070C0;
    line-height: 1.5;
    font-size: 2rem;
    font-weight: 600;
    margin: 0 0 20px; }
    @media (max-width: 750px) {
      .top_featureList_tit {
        font-size: 3.73vw;
        margin: 0 0 4vw;
        min-height: 3em;
        display: flex;
        align-items: center; } }
  
  .top_featureList_txt {
    line-height: 2.2;
    position: relative; }
    @media (max-width: 750px) {
      .top_featureList_txt {
        line-height: 1.8; } }
    .top_featureList_txt::before {
      display: block;
      position: absolute;
      z-index: -1;
      left: -5px;
      bottom: 100%;
      color: #ECECEC;
      font-size: 12rem;
      line-height: 1; }
      @media (max-width: 750px) {
        .top_featureList_txt::before {
          left: -0.8vw;
          font-size: 21vw;
          bottom: calc(100% + 1.3vw); } }
  
  /*---------------------------------------------
  service
  ---------------------------------------------*/
  .top_sec-service {
    background: url("../img/top/top_bg.png") no-repeat;
    background-size: cover;
    padding-bottom: 10%; }
    @media (max-width: 750px) {
      .top_sec-service {
        padding-bottom: 20vw; } }
    @media (min-width: 751px) {
      .top_sec-service .inner {
        max-width: 912px; } }
  
  .top_serviceList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (max-width: 750px) {
      .top_serviceList {
        display: block; } }
    .top_serviceList li {
      background: #fff;
      width: 448px;
      margin: 0 0 20px; }
      @media (max-width: 750px) {
        .top_serviceList li {
          width: 100%;
          margin: 0 0 6.6vw; } }
    .top_serviceList a {
      padding: 20px 30px 50px;
      display: block; }
      @media (max-width: 750px) {
        .top_serviceList a {
          padding: 5.3vw 6.6vw 6.6vw; } }
  
  .top_serviceList_num {
    font-size: 3.6rem;
    text-align: center;
    color: #0070C0;
    border-bottom: 1px solid #868686;
    padding-bottom: 5px;
    margin: 0 0 15px; }
    @media (max-width: 750px) {
      .top_serviceList_num {
        font-size: 6.6vw;
        padding-bottom: 2.6vw;
        margin: 0 0 4vw; } }
  
  .top_serviceList_tit {
    color: #0070C0;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 15px;
    text-align: center;
    font-size: 2.1rem;
    font-family: 'Noto Serif JP', serif;
    min-height: 3em;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 750px) {
      .top_serviceList_tit {
        font-size: 3.73vw;
        margin: 0 0 2vw;
        min-height: unset; } }
  
  .top_serviceList_txt {
    line-height: 2.2; }
    @media (max-width: 750px) {
      .top_serviceList_txt {
        line-height: 1.8; } }
  
  /**********************************************************************************************
  
  縲€detail
  
  **********************************************************************************************/
  /*---------------------------------------------
  common
  ---------------------------------------------*/
  .detail_article {
    padding-bottom: 20%; }
    @media (max-width: 750px) {
      .detail_article {
        padding-bottom: 36vw; } }
  
  .page_tit {
    font-family: 'Noto Serif JP', serif;
    color: #0070C0;
    font-size: 3.3rem;
    font-weight: 600;
    margin: 0 0 60px;
    text-align: center;
    line-height: 1.2; }
    @media (max-width: 750px) {
      .page_tit {
        font-size: 5.3vw;
        margin: 0 0 6vw; } }
  
  .link_txtArea {
    margin: 2em 0 0; }
  
  .link_tit {
    margin: 0 0 0.3em; }
  
  .link_txt {
    color: #0070C0; }
  
  .indentList li {
    padding-left: 1em;
    text-indent: -1em; }
  
  .numList li {
    padding-left: 0.9em;
    text-indent: -0.9em; }
  
  .cv_btn {
    font-weight: 700;
    color: #fff;
    background: #62B47D;
    font-size: 2.4rem;
    width: 330px;
    text-align: center;
    border-radius: 100px;
    margin: 100px auto 0;
    display: block;
    padding: 5px;
    transition: .4s; }
    @media (max-width: 750px) {
      .cv_btn {
        font-size: 3.73vw;
        width: 66.7vw;
        padding: 3.6vw 0;
        margin: 14.6vw auto 0; } }
    @media (min-width: 751px) {
      .cv_btn:hover {
        opacity: 1;
        background: #0070C0; } }
  
  /*---------------------------------------------
  sec
  ---------------------------------------------*/
  .sec {
    position: relative; }
    .sec:not(:last-child) {
      margin: 0 0 80px; }
      @media (max-width: 750px) {
        .sec:not(:last-child) {
          margin: 0 0 10.6vw; } }
    .sec:first-child::before {
      content: "";
      display: block;
      width: 216px;
      height: 278px;
      background: url("../img/common/kv_bg.png") no-repeat;
      background-size: cover;
      top: 130px;
      left: -90px;
      position: absolute;
      z-index: -1; }
      @media (max-width: 750px) {
        .sec:first-child::before {
          width: 24.8vw;
          height: 37vw;
          left: -5vw;
          top: 16vw; } }
  
  .sec_tit {
    background: #0070C0;
    color: #fff;
    font-size: 2.4rem;
    margin: 0 0 30px;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    padding: 5px 20px; }
    @media (max-width: 750px) {
      .sec_tit {
        font-size: 3.46vw;
        margin: 0 0 4vw;
        padding: 1.3vw 4vw; } }
  
  .sec_txt, .newsList_txt, .news_main p {
    line-height: 2.2; }
    @media (max-width: 750px) {
      .sec_txt, .newsList_txt, .news_main p {
        line-height: 1.8; } }
  
  .sec_txt-bg, .sec_img-bg, .sec_img-bg02 {
    position: relative; }
    .sec_txt-bg::after, .sec_img-bg::after, .sec_img-bg02::after {
      content: "";
      display: block;
      background: #ECECEC;
      width: 430px;
      height: 200px;
      position: absolute;
      bottom: -140px;
      z-index: -1;
      right: -90px; }
      @media (max-width: 750px) {
        .sec_txt-bg::after, .sec_img-bg::after, .sec_img-bg02::after {
          width: 70vw;
          height: 34vw;
          right: -5vw;
          bottom: -18vw; } }
  
  .sec_img {
    text-align: center; }
    @media (min-width: 751px) {
      .sec_img {
        width: 90%;
        margin-left: auto !important;
        margin-right: auto !important; } }
  
  .sec_movie {
    margin: auto;
    text-align: center; }
    .sec_movie iframe {
      width: 756px;
      height: 425px; }
      @media (max-width: 750px) {
        .sec_movie iframe {
          width: 100%;
          height: 50.5vw; } }
  
  .sec_img-bg::after, .sec_img-bg02::after {
    width: 270px;
    bottom: -120px;
    right: -140px; }
    @media (max-width: 750px) {
      .sec_img-bg::after, .sec_img-bg02::after {
        width: 40vw;
        height: 34vw;
        right: -5vw;
        bottom: -16vw; } }
  
  .sec_img-bg02::after {
    width: 430px;
    bottom: 50%;
    right: -140px;
    transform: translateY(50%); }
    @media (max-width: 750px) {
      .sec_img-bg02::after {
        width: 40vw;
        height: 34vw;
        right: -5vw; } }
  
  .sec_img_txt {
    margin: 10px 0 0;
    font-size: 1rem; }
    @media (max-width: 750px) {
      .sec_img_txt {
        margin: 1.3vw 0 0;
        font-size: 2.6vw; } }
  
  .sec_txt + .sec_txt, .newsList_txt + .sec_txt, .news_main p + .sec_txt, .sec_txt + .newsList_txt, .newsList_txt + .newsList_txt, .news_main p + .newsList_txt, .news_main .sec_txt + p, .news_main .newsList_txt + p, .news_main p + p,
  .sec_list + .sec_img,
  .sec_txt + .sec_tit,
  .newsList_txt + .sec_tit,
  .news_main p + .sec_tit,
  .sec_list_list + .sec_img,
  .news_main_content ul + .sec_img,
  .sec_txt + .sec_list,
  .newsList_txt + .sec_list,
  .news_main p + .sec_list,
  .sec_list + .sec_table,
  .news_main_content .sec_list + .table01,
  .sec_img + .sec_list,
  .sec_img + .sec_txt,
  .sec_img + .newsList_txt,
  .news_main .sec_img + p,
  .sec_txt + .sec_img,
  .newsList_txt + .sec_img,
  .news_main p + .sec_img {
    margin: 30px 0 0; }
    @media (max-width: 750px) {
      .sec_txt + .sec_txt, .newsList_txt + .sec_txt, .news_main p + .sec_txt, .sec_txt + .newsList_txt, .newsList_txt + .newsList_txt, .news_main p + .newsList_txt, .news_main .sec_txt + p, .news_main .newsList_txt + p, .news_main p + p,
      .sec_list + .sec_img,
      .sec_txt + .sec_tit,
      .newsList_txt + .sec_tit,
      .news_main p + .sec_tit,
      .sec_list_list + .sec_img,
      .news_main_content ul + .sec_img,
      .sec_txt + .sec_list,
      .newsList_txt + .sec_list,
      .news_main p + .sec_list,
      .sec_list + .sec_table,
      .news_main_content .sec_list + .table01,
      .sec_img + .sec_list,
      .sec_img + .sec_txt,
      .sec_img + .newsList_txt,
      .news_main .sec_img + p,
      .sec_txt + .sec_img,
      .newsList_txt + .sec_img,
      .news_main p + .sec_img {
        margin: 8vw 0 0; } }
  
  .sec_img + .sec_movie,
  .sec_img + .sec_img,
  .sec_img + .sec_table,
  .news_main_content .sec_img + .table01,
  .sec_txt + .sec_table,
  .newsList_txt + .sec_table,
  .news_main p + .sec_table,
  .news_main_content .sec_txt + .table01,
  .news_main_content .newsList_txt + .table01,
  .news_main .news_main_content p + .table01,
  .news_main_content .news_main p + .table01 {
    margin: 50px 0 0; }
    @media (max-width: 750px) {
      .sec_img + .sec_movie,
      .sec_img + .sec_img,
      .sec_img + .sec_table,
      .news_main_content .sec_img + .table01,
      .sec_txt + .sec_table,
      .newsList_txt + .sec_table,
      .news_main p + .sec_table,
      .news_main_content .sec_txt + .table01,
      .news_main_content .newsList_txt + .table01,
      .news_main .news_main_content p + .table01,
      .news_main_content .news_main p + .table01 {
        margin: 8vw 0 0; } }
  
  /* table */
  .sec_table, .news_main_content .table01 {
    width: 100%; }
    @media (max-width: 750px) {
      .sec_table, .news_main_content .table01 {
        font-size: 2.6vw; } }
    .sec_table th, .news_main_content .table01 th, .sec_table td, .news_main_content .table01 td {
      border: 1px solid #0070C0;
      vertical-align: middle;
      line-height: 1.4; }
    .sec_table th, .news_main_content .table01 th {
      border-right: 3px solid #0070C0;
      background: #E5F1F9;
      padding: 10px 20px;
      white-space: nowrap;
      text-align: center;
      color: #0070C0;
      min-width: 120px;
      width: 6em; }
      @media (max-width: 750px) {
        .sec_table th, .news_main_content .table01 th {
          padding: 2.6vw; } }
    .sec_table td, .news_main_content .table01 td {
      padding: 10px 15px; }
      @media (max-width: 750px) {
        .sec_table td, .news_main_content .table01 td {
          padding: 2.6vw; } }
  
  .linkList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 90px 0 0; }
    @media (max-width: 750px) {
      .linkList {
        margin: 10.6vw 0 0;
        display: block; } }
    .linkList li {
      width: 49.4%;
      margin: 0 0 1.4%; }
      @media (max-width: 750px) {
        .linkList li {
          width: 100%;
          margin: 0 0 2vw; } }
  
  .catalogList {
    margin: 120px auto 0;
    display: flex;
    justify-content: center; }
    @media (max-width: 750px) {
      .catalogList {
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 16vw auto 0; } }
    .catalogList li {
      width: 150px; }
      @media (max-width: 750px) {
        .catalogList li {
          width: 48%; } }
      .catalogList li:not(:last-child) {
        margin: 0 20px 0 0; }
        @media (max-width: 750px) {
          .catalogList li:not(:last-child) {
            margin: 0 0 5.3vw; } }
    .catalogList a {
      display: block; }
  
  .catalogList_tit {
    text-align: center;
    margin: 10px 0 0; }
    @media (max-width: 750px) {
      .catalogList_tit {
        margin: 1.3vw 0 0; } }
  
  .sec_btn {
    display: block;
    font-size: 1.8rem;
    background: #fff;
    color: #0070C0;
    border: 1px solid #0070C0;
    padding: 0.3em;
    position: relative;
    text-align: center;
    line-height: 1.2;
    height: 4.4em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
    flex-direction: column; }
    @media (max-width: 750px) {
      .sec_btn {
        font-size: 3.2vw;
        height: 4.4em;
        padding: 0.5em 0.3em; } }
    .sec_btn.-big {
      height: 5.4em; }
      @media (max-width: 750px) {
        .sec_btn.-big {
          height: 6.4em; } }
    @media (max-width: 750px) {
      .sec_btn.-small {
        height: 4.4em !important; } }
    .sec_btn::before {
      content: "▶︎";
      position: absolute;
      font-size: 1.2rem;
      top: 50%;
      transform: translateY(-50%);
      left: 20px; }
      @media (max-width: 750px) {
        .sec_btn::before {
          left: 4vw;
          font-size: 3.2vw; } }
    @media (min-width: 751px) {
      .sec_btn:hover {
        color: #fff;
        background: #0070C0;
        opacity: 1; }
        .sec_btn:hover span {
          color: #fff; } }
    .sec_btn span {
      color: #000;
      min-height: 1px;
      font-size: 1.2rem;
      display: inline-block;
      margin: 0.5em 0 0;
      letter-spacing: -.05em; }
      @media (max-width: 750px) {
        .sec_btn span {
          font-size: 2.6vw; } }
  
  @media (min-width: 751px) {
    .sec_btn-min {
      max-width: 410px; } }
  
  .sec_list > li:not(:last-child) {
    margin: 0 0 50px; }
    @media (max-width: 750px) {
      .sec_list > li:not(:last-child) {
        margin: 0 0 6vw; } }
  
  .sec_list_img {
    margin: 10px 0 0; }
    @media (max-width: 750px) {
      .sec_list_img {
        margin: 2.6vw 0 0; } }
  
  .sec_list_tit {
    color: #0070C0;
    font-family: 'Noto Serif JP', serif;
    font-size: 2.4rem;
    font-weight: 600;
    border-bottom: 1px solid #0070C0;
    margin: 0 0 15px;
    padding: 0 0 5px; }
    @media (max-width: 750px) {
      .sec_list_tit {
        margin: 0 0 2.6vw;
        padding: 0 0 1.3vw;
        font-size: 3.73vw; } }
  
  .sec_list_list li, .news_main_content ul li {
    position: relative;
    line-height: 2;
    padding-left: 1em; }
    @media (max-width: 750px) {
      .sec_list_list li, .news_main_content ul li {
        line-height: 1.75; } }
    .sec_list_list li::before, .news_main_content ul li::before {
      content: "";
      display: block;
      width: 7px;
      height: 7px;
      background: #0070C0;
      position: absolute;
      left: 0;
      top: 10px; }
      @media (max-width: 750px) {
        .sec_list_list li::before, .news_main_content ul li::before {
          width: 1.3vw;
          height: 1.3vw;
          top: 2vw; } }
    .sec_list_list li:not(:last-child), .news_main_content ul li:not(:last-child) {
      margin: 0 0 0.3em; }
  .sec_list_list a, .news_main_content ul a {
    color: #0070C0;
    text-decoration: underline; }
  
  .sec_list_list_tit {
    margin: 0 0 0.4em; }
  
  .sec_list_list-flex li {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 750px) {
      .sec_list_list-flex li {
        display: block; } }
    .sec_list_list-flex li:not(:last-child) {
      margin: 0 0 50px; }
      @media (max-width: 750px) {
        .sec_list_list-flex li:not(:last-child) {
          margin: 0 0 8vw; } }
    .sec_list_list-flex li > div {
      width: 100%; }
  
  .sec_list_list-flex_img {
    width: 336px;
    margin-left: 30px;
    flex-shrink: 0; }
    @media (max-width: 750px) {
      .sec_list_list-flex_img {
        width: 100%;
        margin: 5.3vw 0 0; } }
  
  .sec_list_atentionTxt {
    margin: 1.5em 0 0; }
  
  .sec_list_numList, .news_main_content ol {
    counter-reset: item; }
    .sec_list_numList li, .news_main_content ol li {
      padding-left: 2em;
      position: relative; }
      .sec_list_numList li:not(:last-child), .news_main_content ol li:not(:last-child) {
        margin: 0 0 2em; }
      .sec_list_numList li::before, .news_main_content ol li::before {
        counter-increment: item;
        content: counter(item);
        display: block;
        background: #0070C0;
        color: #fff;
        position: absolute;
        top: 1px;
        left: 0;
        line-height: 1;
        padding: 0.1em 0.3em .25em; }
        @media (max-width: 750px) {
          .sec_list_numList li::before, .news_main_content ol li::before {
            top: 0.4vw; } }
  
  .sec_list_numList_tit {
    margin: 0 0 0.4em; }
  
  /*---------------------------------------------
  table
  ---------------------------------------------*/
  .border-min {
    border-width: 1px !important; }
  
  @media (max-width: 750px) {
    .table_wrap {
      overflow: auto;
      white-space: nowrap; } }
  
  .atentionTxt {
    margin: 10px 0 0; }
    @media (max-width: 750px) {
      .atentionTxt {
        margin: 1.3vw 0 0;
        font-size: 2.6vw; } }
  
  /* cost table */
  @media (max-width: 750px) {
    .cost_tableArea {
      overflow: auto;
      white-space: nowrap; } }
  
  .cost_table {
    width: 100%; }
    .cost_table tr:nth-child(odd) {
      background: #e7e6e6; }
    .cost_table tr:last-child td {
      border-bottom: 1px solid #0070C0; }
    .cost_table th, .cost_table td {
      text-align: center;
      vertical-align: middle;
      line-height: 1.2; }
    .cost_table th {
      background: #E5F1F9;
      border: 1px solid #0070C0;
      border-bottom: 3px solid #0070C0;
      color: #0070C0;
      padding: 7px; }
      @media (max-width: 750px) {
        .cost_table th {
          padding: 1.3vw 2.6vw; } }
    .cost_table td {
      border: 1px solid #000;
      padding: 10px; }
      @media (max-width: 750px) {
        .cost_table td {
          padding: 2vw 2.6vw; } }
      .cost_table td:nth-child(1) {
        border-left: 1px solid #0070C0; }
      .cost_table td:nth-child(odd) {
        border-right: 1px solid #0070C0; }
  
  .cost_atentionArea {
    margin: 15px 0 90px; }
    @media (max-width: 750px) {
      .cost_atentionArea {
        margin: 2.6vw 0 10.6vw; } }
  
  .cost_atention_tit {
    font-size: 1rem;
    margin: 0 0 0.3em; }
    @media (max-width: 750px) {
      .cost_atention_tit {
        font-size: 2.6vw; } }
  
  .cost_atentionList {
    line-height: 2;
    font-size: 1rem; }
    @media (max-width: 750px) {
      .cost_atentionList {
        font-size: 2.6vw; } }
    .cost_atentionList li {
      padding-left: 2em;
      text-indent: -2em; }
  
  .cost_atentionList_num {
    text-indent: 0;
    display: inline-block;
    width: 2em; }
  
  /* row table */
  .row_table, .news_main_content .table02 {
    width: 100%; }
    .row_table:not(:first-child), .news_main_content .table02:not(:first-child) {
      margin: 30px 0 0; }
      @media (max-width: 750px) {
        .row_table:not(:first-child), .news_main_content .table02:not(:first-child) {
          margin: 5.3vw 0 0; } }
    .row_table th, .news_main_content .table02 th, .row_table td, .news_main_content .table02 td {
      text-align: center;
      vertical-align: middle;
      line-height: 1.5;
      border: 1px solid #0070C0; }
    .row_table th, .news_main_content .table02 th {
      background: #E5F1F9;
      border-bottom: 3px solid #0070C0;
      color: #0070C0;
      padding: 7px 20px; }
      @media (max-width: 750px) {
        .row_table th, .news_main_content .table02 th {
          padding: 1.3vw 2.6vw; } }
    .row_table td, .news_main_content .table02 td {
      padding: 10px; }
      @media (max-width: 750px) {
        .row_table td, .news_main_content .table02 td {
          padding: 2vw 2.6vw; } }
    .row_table ol, .news_main_content .table02 ol, .row_table p, .news_main_content .table02 p {
      text-align: left; }
    .row_table ol li, .news_main_content .table02 ol li {
      padding-left: 0.9em;
      text-indent: -0.9em; }
  
  .row_table-dash td {
    border-top: none; }
  .row_table-dash .border-dash {
    border-bottom: 1px dashed #0070C0; }
  
  .row_table-equal th {
    width: 20%; }
  @media (max-width: 750px) {
    .row_table-equal td {
      padding: 2vw 0;
      font-size: 2.6vw; } }
  
  /**********************************************************************************************
  
  縲€challenge
  
  **********************************************************************************************/
  .cl_flex {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 750px) {
      .cl_flex {
        display: block; } }
    .cl_flex:not(:first-child) {
      margin: 30px 0 0; }
      @media (max-width: 750px) {
        .cl_flex:not(:first-child) {
          margin: 8vw 0 0; } }
  
  .cl_flex_imgArea {
    width: 440px;
    display: flex;
    justify-content: space-between;
    margin-right: 30px;
    flex-shrink: 0;
    text-align: center; }
    @media (max-width: 750px) {
      .cl_flex_imgArea {
        width: 100%;
        margin: 0 0 4vw; } }
  
  .cl_flex_img {
    width: 405px;
    flex-shrink: 0;
    margin-left: 30px; }
    @media (max-width: 750px) {
      .cl_flex_img {
        width: 100%;
        margin: 8vw 0 0; } }
  
  .cl_img img {
    width: auto;
    height: 425px; }
    @media (max-width: 750px) {
      .cl_img img {
        height: 87vw; } }
  .cl_img figcaption {
    margin: 5px 0 0;
    line-height: 1.4; }
    @media (max-width: 750px) {
      .cl_img figcaption {
        margin: 1.3vw 0 0;
        font-size: 2.6vw; } }
  
  .cl_item {
    width: 440px;
    margin: 50px 0 80px; }
    @media (max-width: 750px) {
      .cl_item {
        width: 100%;
        margin: 10.6vw 0 8vw; } }
    @media (min-width: 751px) {
      .cl_item .sec_tit {
        background: none;
        padding: 0;
        margin: 0;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -o-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        text-align: left;
        position: absolute;
        right: 70px;
        top: 330px; }
        .cl_item .sec_tit::after {
          content: "";
          display: block;
          background: #ECECEC;
          width: 430px;
          height: 200px;
          position: absolute;
          top: -60px;
          z-index: -1;
          right: -160px; }
        .cl_item .sec_tit span {
          background: #0070C0;
          display: inline-block;
          margin-left: 10px;
          padding: 10px 0; } }
  
  .cl_txtArea {
    width: 440px; }
    @media (max-width: 750px) {
      .cl_txtArea {
        width: 100%; } }
    .cl_txtArea .sec_txt, .cl_txtArea .newsList_txt, .cl_txtArea .news_main p, .news_main .cl_txtArea p {
      margin: 50px 0 0; }
      @media (max-width: 750px) {
        .cl_txtArea .sec_txt, .cl_txtArea .newsList_txt, .cl_txtArea .news_main p, .news_main .cl_txtArea p {
          margin: 8vw 0 0; } }
  
  /**********************************************************************************************
  
  縲€ege
  
  **********************************************************************************************/
  /*---------------------------------------------
  TOP
  ---------------------------------------------*/
  .ede_flex {
    display: flex; }
    @media (max-width: 750px) {
      .ede_flex {
        margin: 0 0 66vw;
        position: relative; } }
  
  .ede_flex_figure {
    width: 250px;
    margin-right: 90px;
    position: relative;
    flex-shrink: 0;
    z-index: 10; }
    @media (max-width: 750px) {
      .ede_flex_figure {
        width: 30vw;
        margin-right: 5.3vw; } }
    .ede_flex_figure figcaption {
      position: absolute;
      bottom: 0;
      left: calc(100% + 20px);
      white-space: nowrap; }
      @media (max-width: 750px) {
        .ede_flex_figure figcaption {
          left: calc(100% + 2.6vw);
          font-size: 2.6vw; } }
  
  .ede_img {
    margin: 100px 0 0;
    position: relative;
    width: 456px; }
    @media (max-width: 750px) {
      .ede_img {
        width: 70vw;
        position: absolute;
        margin: 0;
        left: 50%;
        transform: translateX(-50%);
        top: calc(100% + 12vw); } }
    .ede_img::after {
      content: "";
      display: block;
      background: #ECECEC;
      width: 430px;
      height: 200px;
      position: absolute;
      top: -50px;
      z-index: -1;
      right: -130px; }
      @media (max-width: 750px) {
        .ede_img::after {
          width: 70vw;
          height: 34vw;
          right: -20vw;
          top: -5.3vw; } }
  
  /*---------------------------------------------
  hc-lb-rqp
  ---------------------------------------------*/
  .hc-lb_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 30px; }
    @media (max-width: 750px) {
      .hc-lb_flex {
        display: block;
        margin: 10.6vw 0 5.3vw; } }
    @media (min-width: 751px) {
      .hc-lb_flex .sec_tit {
        background: none;
        text-align: left; }
        .hc-lb_flex .sec_tit span {
          background: #0070C0;
          display: inline-block;
          padding: 0 10px;
          margin: 0 0 10px; } }
    @media (max-width: 750px) {
      .hc-lb_flex .sec_tit {
        margin: 0; } }
  
  @media (min-width: 751px) {
    .hc-lb_flex_img {
      width: 470px; } }
  
  @media (min-width: 751px) {
    .sec_tit_span-hc {
      margin: 50px 0 0 !important; } }
  
  /*---------------------------------------------
  hp-methanol-deqp
  ---------------------------------------------*/
  .hp-methanol_imgArea {
    position: relative;
    padding-bottom: 100px;
    margin: 50px 0 0; }
    @media (max-width: 750px) {
      .hp-methanol_imgArea {
        padding: 0;
        margin: 10.6vw 0 0; } }
    @media (min-width: 751px) {
      .hp-methanol_imgArea .sec_tit {
        background: none;
        padding: 0;
        margin: 0;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -o-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        text-align: left;
        position: absolute;
        right: 70px;
        top: 20px; }
        .hp-methanol_imgArea .sec_tit::after {
          content: "";
          display: block;
          background: #ECECEC;
          width: 430px;
          height: 200px;
          position: absolute;
          top: 130px;
          z-index: -1;
          right: -160px; }
        .hp-methanol_imgArea .sec_tit span {
          background: #0070C0;
          display: inline-block;
          margin-left: 10px;
          padding: 10px 0; } }
    @media (max-width: 750px) {
      .hp-methanol_imgArea .sec_tit span {
        margin-right: 0.5em; } }
  
  @media (min-width: 751px) {
    .hp-methanol_img {
      width: 520px; } }
  
  /*---------------------------------------------
  ec-hp-cf
  ---------------------------------------------*/
  .ec-hp_listArea {
    position: relative;
    margin: 60px 0 0; 
  /* 	margin: 60px 0 455px; */
  
  }
    @media (max-width: 750px) {
      .ec-hp_listArea {
        margin: 6vw 0 0; } }
    @media (min-width: 751px) {
      .ec-hp_listArea .sec_list > li:nth-child(n + 3) {
        width: 450px; } }
  
  @media (min-width: 751px) {
    .ec-hp_img {
        width: 354px;
        right: 0;
        bottom: 80px;
        position: absolute;
      } }
  @media (max-width: 750px) {
    .ec-hp_img {
      width: 60vw;
      margin: 5.3vw auto 0; } }
  
  /*---------------------------------------------
  ghp-ed-tech
  ---------------------------------------------*/
  .ghp_listArea {
    margin: 50px 0 0;
    position: relative; }
    @media (max-width: 750px) {
      .ghp_listArea {
        margin: 8vw 0 0; } }
  
  @media (min-width: 751px) {
    .ghp_img {
      width: 446px;
      position: absolute;
      right: -10px;
      bottom: 0; } }
  @media (max-width: 750px) {
    .ghp_img {
      margin: 0 auto 4vw;
      width: 80vw; } }
  
  /*---------------------------------------------
  mvrtype-evaporator
  ---------------------------------------------*/
  .mvr_flex {
    display: flex; }
    @media (max-width: 750px) {
      .mvr_flex {
        display: block; } }
    .mvr_flex .sec_txt, .mvr_flex .newsList_txt, .mvr_flex .news_main p, .news_main .mvr_flex p {
      width: 400px;
      flex-shrink: 0;
      margin: 0 20px 0 0; }
      @media (max-width: 750px) {
        .mvr_flex .sec_txt, .mvr_flex .newsList_txt, .mvr_flex .news_main p, .news_main .mvr_flex p {
          width: 100%;
          margin: 0 0 8vw; } }
  
  .mvr_flex_img {
    width: 100%; }
  
  /*---------------------------------------------
  mvrtype-hybrideqp
  ---------------------------------------------*/
  .hybrideqp_flex {
    display: flex;
    margin: 0 0 80px; }
    @media (max-width: 750px) {
      .hybrideqp_flex {
        display: block;
        margin: 0 0 5.3vw; } }
  
  .hybrideqp_img {
    width: 430px;
    margin-left: 30px;
    flex-shrink: 0; }
    @media (max-width: 750px) {
      .hybrideqp_img {
        width: 80vw;
        margin: 5.3vw auto 0; } }
  
  .hib_txt {
    color: #0070C0;
    margin: 30px 0 0;
    text-align: center;
    font-weight: 700;
    font-size: 2.4rem; }
    @media (max-width: 750px) {
      .hib_txt {
        margin: 5.3vw 0 0;
        font-size: 4vw; } }
  
  .hibList {
    margin: 1em 0 0; }
  
  .hip_table thead th {
    border-bottom-width: 3px; }
  .hip_table thead th:not(.th_border) {
    border-right-width: 1px; }
  .hip_table thead .th_border {
    background: linear-gradient(18deg, transparent 0%, transparent 49.5%, #0070C0 49.5%, #0070C0 50.5%, transparent 50.5%, transparent 100%), #E5F1F9;
    position: relative; }
    @media (max-width: 750px) {
      .hip_table thead .th_border {
        padding: 0.3vw;
        background: linear-gradient(31deg, transparent 0%, transparent 49.5%, #0070C0 49.5%, #0070C0 50.5%, transparent 50.5%, transparent 100%), #E5F1F9; } }
  .hip_table thead .th_border_tit01 {
    text-align: right; }
    @media (max-width: 750px) {
      .hip_table thead .th_border_tit01 {
        margin: 0 0 1.3vw; } }
  .hip_table thead .th_border_tit02 {
    text-align: left; }
  @media (max-width: 750px) {
    .hip_table th, .hip_table td {
      min-width: 1px; } }
  .hip_table td {
    text-align: center; }
  
  /*---------------------------------------------
  mvrtype-ammonia-receqp
  ---------------------------------------------*/
  .mvr_table {
    width: 100%;
    text-align: center; }
    .mvr_table tr:last-child td {
      border-top: 4px double #0070C0; }
    .mvr_table th, .mvr_table td {
      padding: 10px 20px;
      border: 1px solid #0070C0; }
      @media (max-width: 750px) {
        .mvr_table th, .mvr_table td {
          padding: 1.3vw 2.6vw; } }
    .mvr_table th {
      background: #E5F1F9;
      color: #0070C0;
      border-bottom: 3px solid #0070C0; }
  
  .mvr_table_atentionArea {
    display: flex;
    margin: 20px 0 0;
    font-size: 1rem; }
    @media (max-width: 750px) {
      .mvr_table_atentionArea {
        margin: 2.6vw 0 0;
        font-size: 2.6vw; } }
  
  .mvr_table_atention_tit {
    margin-right: 1em; }
  
  /*---------------------------------------------
  stripping
  ---------------------------------------------*/
  .stripping_box {
    background: #0070C0;
    color: #fff;
    text-align: center;
    font-size: 2.4rem;
    font-family: 'Noto Serif JP', serif;
    margin: 0 0 1em; }
    @media (max-width: 750px) {
      .stripping_box {
        font-size: 4vw; } }
    .stripping_box table {
      text-align: left;
      margin: auto; }
      .stripping_box table th {
        font-weight: 500;
        padding-right: 1em; }
      .stripping_box table span {
        font-size: 1.6rem;
        vertical-align: baseline;
        margin-left: 0.5em; }
        @media (max-width: 750px) {
          .stripping_box table span {
            font-size: 2.9vw; } }
  
  /**********************************************************************************************
  
  縲€chemeqp
  
  **********************************************************************************************/
  /*---------------------------------------------
  top
  ---------------------------------------------*/
  .chemeqp_flex {
    display: flex; }
    @media (max-width: 750px) {
      .chemeqp_flex {
        display: block; } }
  
  .chemeqp_img {
    width: 350px;
    margin-right: 30px;
    flex-shrink: 0; }
    @media (max-width: 750px) {
      .chemeqp_img {
        width: 100%;
        margin: 0 0 5.3vw; } }
  
  /*---------------------------------------------
  evap-conc
  ---------------------------------------------*/
  .evapList_area {
    margin: 0 0 60px; }
    @media (max-width: 750px) {
      .evapList_area {
        margin: 0 0 8vw; } }
    .evapList_area .sec_list_list, .evapList_area .news_main_content ul, .news_main_content .evapList_area ul {
      display: flex;
      flex-wrap: wrap;
      margin: 0 0 2em; }
      .evapList_area .sec_list_list li, .evapList_area .news_main_content ul li, .news_main_content .evapList_area ul li {
        width: 33%; }
        @media (max-width: 750px) {
          .evapList_area .sec_list_list li, .evapList_area .news_main_content ul li, .news_main_content .evapList_area ul li {
            width: 50%; } }
  
  /*---------------------------------------------
  lfdt-evaporator
  ---------------------------------------------*/
  .lfdt_flex {
    display: flex; }
    @media (max-width: 750px) {
      .lfdt_flex {
        display: block; } }
  
  .lfdt_img {
    flex-shrink: 0;
    width: 470px;
    transform: translateY(-20px); }
    @media (max-width: 750px) {
      .lfdt_img {
        width: 80vw;
        margin: 5.3vw auto 0;
        transform: none; } }
  
  .lfdt_listArea {
    margin: 20px 0; }
    @media (max-width: 750px) {
      .lfdt_listArea {
        margin: 5.3vw 0 8vw; } }
  
  /*---------------------------------------------
  thin-film-evaporator
  ---------------------------------------------*/
  .thin_listArea {
    margin: 60px 0 0; }
    @media (max-width: 750px) {
      .thin_listArea {
        margin: 8vw 0 0; } }
    .thin_listArea .linkList {
      margin: 30px 0 0; }
      @media (max-width: 750px) {
        .thin_listArea .linkList {
          margin: 8vw 0 0; } }
    .thin_listArea .sec_txt, .thin_listArea .newsList_txt, .thin_listArea .news_main p, .news_main .thin_listArea p {
      margin: 2em 0 0; }
  
  /**********************************************************************************************
  
  縲€/towertank
  
  **********************************************************************************************/
  /*---------------------------------------------
  top
  ---------------------------------------------*/
  .towertank_flex {
    display: flex;
    justify-content: space-between;
    width: 92%;
    margin: 50px auto 0;
    align-items: flex-start; }
    @media (max-width: 750px) {
      .towertank_flex {
        margin: 8vw auto 0;
        width: 100%; } }
  
  .towertank_img {
    position: relative; }
    .towertank_img:nth-child(1) {
      width: 280px; }
      @media (max-width: 750px) {
        .towertank_img:nth-child(1) {
          width: 35vw; } }
      .towertank_img:nth-child(1) figcaption {
        position: absolute;
        bottom: 0;
        left: calc(100% + 20px); }
        @media (max-width: 750px) {
          .towertank_img:nth-child(1) figcaption {
            left: calc(100% + 2.6vw); } }
    .towertank_img:nth-child(2) {
      width: 380px;
      text-align: right; }
      @media (max-width: 750px) {
        .towertank_img:nth-child(2) {
          width: 50vw; } }
      .towertank_img:nth-child(2)::after {
        content: "";
        display: block;
        background: #ECECEC;
        width: 430px;
        height: 200px;
        position: absolute;
        top: calc(100% - 70px);
        z-index: -1;
        right: -130px; }
        @media (max-width: 750px) {
          .towertank_img:nth-child(2)::after {
            width: 70vw;
            height: 34vw;
            right: -30vw;
            top: 18vw; } }
    .towertank_img figcaption {
      margin: 5px 0 0;
      white-space: nowrap; }
      @media (max-width: 750px) {
        .towertank_img figcaption {
          font-size: 2.6vw;
          margin: 1.3vw 0 0; } }
  
  /*---------------------------------------------
  tower-tank-heatexc
  ---------------------------------------------*/
  .heatexc_flex {
    display: flex;
    margin: 50px 0 0;
    flex-direction: row-reverse; }
    @media (max-width: 750px) {
      .heatexc_flex {
        margin: 8vw 0 0;
        display: block; } }
    .heatexc_flex .sec_btn {
      margin: 60px 0 0; }
      @media (max-width: 750px) {
        .heatexc_flex .sec_btn {
          margin: 8vw 0 0; } }
  
  .heatexc_imgArea {
    width: 340px;
    flex-shrink: 0;
    margin-left: 40px; }
    @media (max-width: 750px) {
      .heatexc_imgArea {
        display: flex;
        margin: 0 0 10.6vw;
        width: 100%;
        justify-content: space-between; } }
  
  .heatexc_imgArea + div {
    width: 100%; }
  
  .heatexc_img {
    text-align: right; }
    @media (max-width: 750px) {
      .heatexc_img {
        text-align: center; }
        .heatexc_img img {
          height: 33vw;
          width: auto; } }
    .heatexc_img:not(:last-child) {
      margin: 0 0 60px; }
      @media (max-width: 750px) {
        .heatexc_img:not(:last-child) {
          margin: 0; } }
    .heatexc_img figcaption {
      margin: 5px 0 0; }
      @media (max-width: 750px) {
        .heatexc_img figcaption {
          font-size: 2.6vw;
          margin: 1.3vw 0 0; } }
  
  /*---------------------------------------------
  stirringtank
  ---------------------------------------------*/
  .stirringtank_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 40px 0;
    position: relative; }
    @media (max-width: 750px) {
      .stirringtank_flex {
        margin: 5.3vw 0; } }
  
  .stirringtank_img:nth-child(1) {
    width: 350px; }
    @media (max-width: 750px) {
      .stirringtank_img:nth-child(1) {
        width: 36vw; } }
  .stirringtank_img:nth-child(2) {
    width: 446px; }
    @media (max-width: 750px) {
      .stirringtank_img:nth-child(2) {
        width: 48vw; } }
    .stirringtank_img:nth-child(2)::after {
      content: "";
      display: block;
      background: #ECECEC;
      width: 430px;
      height: 200px;
      position: absolute;
      bottom: 0;
      z-index: -1;
      right: -90px; }
      @media (max-width: 750px) {
        .stirringtank_img:nth-child(2)::after {
          width: 70vw;
          height: 34vw;
          right: -30vw; } }
  
  /*---------------------------------------------
  china-pressurevessel
  ---------------------------------------------*/
  .pressurevessel_flex {
    display: flex;
    margin: 0 0 100px;
    position: relative; }
    @media (max-width: 750px) {
      .pressurevessel_flex {
        margin: 0 0 10.6vw;
        display: block; } }
    @media (min-width: 751px) {
      .pressurevessel_flex::after {
        content: "";
        display: block;
        background: #ECECEC;
        width: 430px;
        height: 200px;
        position: absolute;
        bottom: -60px;
        z-index: -1;
        right: -90px; } }
  
  .pressurevessel_imgArea {
    width: 240px;
    margin-left: 20px;
    flex-shrink: 0; }
    @media (max-width: 750px) {
      .pressurevessel_imgArea {
        display: flex;
        width: 100%;
        margin: 8vw 0 0;
        justify-content: space-between; }
        .pressurevessel_imgArea img {
          width: auto;
          height: 62vw; } }
  
  .pressurevessel_txtArea {
    flex-direction: column-reverse;
    width: 100%; }
    .pressurevessel_txtArea p {
      min-height: 1px; }
    @media (max-width: 750px) {
      .pressurevessel_txtArea {
        display: block; } }
  
  .pressurevessel_img {
    margin: auto 0 0; }
    @media (max-width: 750px) {
      .pressurevessel_img {
        margin: 0 0 5.3vw; } }
  
  /*---------------------------------------------
  etfel-mt-heatexc
  ---------------------------------------------*/
  .etfel_flex {
    display: flex;
    position: relative;
    justify-content: space-between;
    margin: 30px 0 80px; }
    @media (max-width: 750px) {
      .etfel_flex {
        margin: 5.3vw 0 10.6vw; } }
  
  .etfel_img:nth-child(1) {
    width: 466px; }
    @media (max-width: 750px) {
      .etfel_img:nth-child(1) {
        width: 47vw; } }
  .etfel_img:nth-child(2) {
    width: 346px; }
    @media (max-width: 750px) {
      .etfel_img:nth-child(2) {
        width: 38vw; } }
    .etfel_img:nth-child(2)::after {
      content: "";
      display: block;
      background: #ECECEC;
      width: 380px;
      height: 230px;
      position: absolute;
      bottom: -50px;
      z-index: -1;
      right: -90px; }
      @media (max-width: 750px) {
        .etfel_img:nth-child(2)::after {
          width: 60vw;
          height: 32vw;
          right: -30vw;
          bottom: -7vw; } }
  
  /*---------------------------------------------
  ksr-lining
  ---------------------------------------------*/
  .ks_btn {
    margin: 60px 0 0; }
    @media (max-width: 750px) {
      .ks_btn {
        margin: 8vw 0 0; } }
  
  .ks_list li {
    display: flex;
    justify-content: space-between;
    padding: 30px 30px 30px 0;
    align-items: center;
    border-bottom: 1px dashed #0070C0; }
    @media (max-width: 750px) {
      .ks_list li {
        display: block;
        padding: 4vw 0; } }
  
  @media (max-width: 750px) {
    .ks_list_tit {
      margin: 0 0 3vw; } }
  
  .ks_list_img {
    width: 512px; }
    @media (max-width: 750px) {
      .ks_list_img {
        width: 100%; } }
  
  /*---------------------------------------------
  vcrcr-lining
  ---------------------------------------------*/
  .vcrcr_flex {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0; }
    @media (max-width: 750px) {
      .vcrcr_flex {
        margin: 5.3vw 0 0; } }
  
  .vcrcr_img {
    width: 410px; }
    @media (max-width: 750px) {
      .vcrcr_img {
        width: 48%; } }
  
  /**********************************************************************************************
  
  縲€empc
  
  **********************************************************************************************/
  /*---------------------------------------------
  top
  ---------------------------------------------*/
  .empc_flex {
    display: flex;
    flex-direction: row-reverse;
    margin: 0 0 30px; }
    @media (max-width: 750px) {
      .empc_flex {
        display: block;
        margin: 0 0 8vw; } }
  
  .empc_img {
    margin-left: 30px;
    width: 440px;
    flex-shrink: 0; }
    @media (max-width: 750px) {
      .empc_img {
        width: 100%;
        margin: 0 0 5.3vw; } }
  
  /*---------------------------------------------
  chemcalc-eqpdesign
  ---------------------------------------------*/
  .chemcalc_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 40px 0 0; }
    @media (max-width: 750px) {
      .chemcalc_list {
        margin: 5.3vw 0 0; } }
  
  .chemcalc_img {
    position: relative;
    padding-bottom: 30px; }
    @media (max-width: 750px) {
      .chemcalc_img {
        padding-bottom: 5.3vw; }
        .chemcalc_img:not(:last-child) {
          margin: 0 0 8vw; } }
    @media (min-width: 751px) {
      .chemcalc_img:nth-child(odd) {
        width: 420px; } }
    @media (min-width: 751px) {
      .chemcalc_img:nth-child(even) {
        width: 390px; } }
    @media (min-width: 751px) {
      .chemcalc_img:nth-last-child(n + 3) {
        margin: 0 0 70px; } }
    .chemcalc_img figcaption {
      position: absolute;
      bottom: 0;
      left: 10px; }
      @media (max-width: 750px) {
        .chemcalc_img figcaption {
          left: 0;
          font-size: 2.6vw; } }
  
  /*---------------------------------------------
  arrange-pipingdesign
  ---------------------------------------------*/
  .arrange_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .arrange_flex .sec_list {
      width: 434px; }
      @media (max-width: 750px) {
        .arrange_flex .sec_list {
          width: 100%;
          margin: 0 0 5.3vw; } }
  
  .arrange_img {
    width: 406px; }
    @media (max-width: 750px) {
      .arrange_img {
        width: 48%; }
        .arrange_img:not(:last-child) {
          margin: 0 0 3vw; } }
    @media (min-width: 751px) {
      .arrange_img:nth-last-child(n + 3) {
        margin: 0 0 30px; } }
  
  /*---------------------------------------------
  procurement
  ---------------------------------------------*/
  .procurement_flex {
    display: flex; }
    @media (max-width: 750px) {
      .procurement_flex {
        display: block; } }
    .procurement_flex .sec_txt, .procurement_flex .newsList_txt, .procurement_flex .news_main p, .news_main .procurement_flex p {
      padding-right: 1em; }
  
  .procurement_img {
    flex-shrink: 0;
    width: 270px; }
    @media (max-width: 750px) {
      .procurement_img {
        width: 60vw;
        margin: 5.3vw auto 0; } }
  
  /**********************************************************************************************
  
  縲€development
  
  **********************************************************************************************/
  .development_flex {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 0; }
    @media (max-width: 750px) {
      .development_flex {
        margin: 5.3vw 0 0; } }
  
  .development_img {
    position: relative; }
    .development_img:nth-child(1) {
      width: 424px; }
      @media (max-width: 750px) {
        .development_img:nth-child(1) {
          width: 48vw; } }
    .development_img:nth-child(2) {
      width: 350px; }
      @media (max-width: 750px) {
        .development_img:nth-child(2) {
          width: 38vw; } }
      .development_img:nth-child(2)::after {
        content: "";
        display: block;
        background: #ECECEC;
        width: 610px;
        height: 200px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
        right: -90px; }
        @media (max-width: 750px) {
          .development_img:nth-child(2)::after {
            width: 80vw;
            height: 34vw;
            right: -30vw; } }
      .development_img:nth-child(2) figcaption {
        position: absolute;
        bottom: 0;
        right: calc(100% + 20px); }
        @media (max-width: 750px) {
          .development_img:nth-child(2) figcaption {
            right: calc(100% + 2.6vw); } }
    .development_img figcaption {
      margin: 5px 0 0;
      white-space: nowrap; }
      @media (max-width: 750px) {
        .development_img figcaption {
          font-size: 2.6vw;
          margin: 1.3vw 0 0; } }
  
  /**********************************************************************************************
  
  縲€news
  
  **********************************************************************************************/
  /*---------------------------------------------
  archive
  ---------------------------------------------*/
  .newsList li {
    border-bottom: 2px dashed #0070C0; }
  .newsList a {
    display: flex;
    padding: 30px 0; }
    @media (max-width: 750px) {
      .newsList a {
        padding: 4vw 0; } }
  
  .newsList_img {
    flex-shrink: 0;
    width: 356px;
    margin: 0 30px 0 0;
    position: relative; }
    @media (max-width: 750px) {
      .newsList_img {
        width: 40vw;
        margin: 0 2.6vw 0 0; } }
  
  .newsList_time {
    font-size: 1.7rem;
    color: #fff;
    background: #0070C0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px;
    font-family: 'Noto Serif JP', serif; }
    @media (max-width: 750px) {
      .newsList_time {
        font-size: 2.6vw;
        padding: 0 1.3vw; } }
  
  .newsList_txtArea {
    width: 100%; }
  
  .newsList_tit {
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    font-size: 2.4rem;
    border-bottom: 1px solid #0070C0;
    margin: 0 0 15px;
    padding: 0 0 10px;
    line-height: 1.3;
    color: #0070C0; }
    @media (max-width: 750px) {
      .newsList_tit {
        font-size: 3.73vw;
        margin: 0 0 1.3vw;
        padding: 0 0 1.3vw; } }
  
  @media (max-width: 750px) {
    .newsList_txt {
      line-height: 1.7; } }
  
  /*---------------------------------------------
  single
  ---------------------------------------------*/
  .news_img {
    margin: 0 0 50px; }
    @media (max-width: 750px) {
      .news_img {
        margin: 0 0 5.3vw; } }
    .news_img img {
      width: 100%; }
  
  .news_time {
    display: inline-block;
    margin: 0 0 30px;
    font-size: 1.7rem;
    color: #fff;
    background: #0070C0;
    padding: 0 10px;
    font-family: 'Noto Serif JP', serif; }
    @media (max-width: 750px) {
      .news_time {
        font-size: 2.93vw;
        padding: 0 1.3vw;
        margin: 0 0 2.6vw; } }
  
  @media (max-width: 750px) {
    .news_main p {
      line-height: 1.7; } }
  
  .news_main_content a {
    color: #0070C0;
    text-decoration: underline; }
  .news_main_content b, .news_main_content strong {
    font-weight: 700; }
  
  /**********************************************************************************************
  
  縲€inquiries
  
  **********************************************************************************************/
  .contact_table {
    width: 100%;
    margin: 20px 0 80px; }
    @media (max-width: 750px) {
      .contact_table {
        margin: 5.3vw 0 8vw; } }
    .contact_table tr {
      border-top: 1px dashed #0070C0; }
    .contact_table th, .contact_table td {
      padding: 30px 0;
      vertical-align: middle; }
      @media (max-width: 750px) {
        .contact_table th, .contact_table td {
          padding: 4vw 0; } }
    .contact_table th {
      font-size: 1.7rem;
      white-space: nowrap;
      width: 10em; }
      @media (max-width: 750px) {
        .contact_table th {
          font-size: 3.2vw;
          width: 8em;
          padding-right: 1em; } }
    .contact_table .radio,
    .contact_table .checkbox {
      display: none; }
    .contact_table .wpcf7-checkbox.checkbox {
      display: block; }
      .contact_table .wpcf7-checkbox.checkbox input {
        display: none; }
      .contact_table .wpcf7-checkbox.checkbox input + span::before,
      .contact_table .wpcf7-checkbox.checkbox span::after {
        position: absolute;
        content: '';
        top: 50%;
        transform: translateY(-50%);
        border-radius: 100%;
        transition: all .2s; }
      .contact_table .wpcf7-checkbox.checkbox input + span::before {
        left: 0;
        width: 20px;
        height: 20px;
        background: #E5F1F9;
        /* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ蜈��濶ｲ縺ｮ謖�ｮ�*/
        border: 1px solid #0070C0; }
        @media (max-width: 750px) {
          .contact_table .wpcf7-checkbox.checkbox input + span::before {
            width: 4vw;
            height: 4vw; } }
      .contact_table .wpcf7-checkbox.checkbox input + span::after {
        opacity: 0;
        left: 5px;
        width: 12px;
        height: 12px;
        background: #0070C0;
        transform: scale(2) translateY(-50%); }
        @media (max-width: 750px) {
          .contact_table .wpcf7-checkbox.checkbox input + span::after {
            left: 0.7vw;
            width: 2.93vw;
            height: 2.93vw; } }
      .contact_table .wpcf7-checkbox.checkbox input:checked + span::after {
        opacity: 1;
        transform: scale(1) translateY(-50%); }
      .contact_table .wpcf7-checkbox.checkbox .wpcf7-list-item {
        position: relative;
        display: block;
        cursor: pointer;
        margin: 0; }
        .contact_table .wpcf7-checkbox.checkbox .wpcf7-list-item:not(:last-child) {
          margin: 0 0 0.5em; }
    .contact_table label {
      position: relative;
      display: block;
      padding: 0 0 0 30px;
      cursor: pointer; }
      @media (max-width: 750px) {
        .contact_table label {
          padding: 0 0 0 5vw; } }
      .contact_table label:not(:last-child) {
        margin: 0 0 0.5em; }
    .contact_table .checkbox + span::before,
    .contact_table .radio + span::before,
    .contact_table span::after {
      position: absolute;
      content: '';
      top: 50%;
      transform: translateY(-50%);
      border-radius: 100%;
      transition: all .2s; }
    .contact_table .checkbox + span::before,
    .contact_table .radio + span::before {
      left: 0;
      width: 20px;
      height: 20px;
      background: #E5F1F9;
      /* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ蜈��濶ｲ縺ｮ謖�ｮ�*/
      border: 1px solid #0070C0; }
      @media (max-width: 750px) {
        .contact_table .checkbox + span::before,
        .contact_table .radio + span::before {
          width: 4vw;
          height: 4vw; } }
    .contact_table .checkbox + span::after,
    .contact_table .radio + span::after {
      opacity: 0;
      left: 5px;
      width: 12px;
      height: 12px;
      background: #0070C0;
      transform: scale(2) translateY(-50%); }
      @media (max-width: 750px) {
        .contact_table .checkbox + span::after,
        .contact_table .radio + span::after {
          left: 0.7vw;
          width: 2.93vw;
          height: 2.93vw; } }
    .contact_table .checkbox:checked + span::after,
    .contact_table .radio:checked + span::after {
      opacity: 1;
      transform: scale(1) translateY(-50%); }
  
  .email_txt {
    margin: 25px 0 10px;
    font-size: 1.7rem; }
    @media (max-width: 750px) {
      .email_txt {
        margin: 2.6vw 0 1.3vw;
        font-size: 3vw; } }
  
  .inpTxt {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #0070C0;
    width: 100%;
    padding: 10px;
    background: #E5F1F9;
    box-shadow: none;
    border-radius: 0; }
    @media (max-width: 750px) {
      .inpTxt {
        padding: 1.3vw; } }
  
  .submit_btn {
    -webkit-appearance: none;
    appearance: button;
    border: none;
    cursor: pointer;
    border-radius: 100px;
    font-size: 2.4rem;
    background: #0070C0;
    color: #fff;
    width: 544px;
    margin: auto;
    padding: 5px 0;
    display: block;
    transition: .4s; }
    @media (min-width: 751px) {
      .submit_btn:hover {
        background: #62B47D; } }
    @media (max-width: 750px) {
      .submit_btn {
        width: 70vw;
        padding: 2.6vw 0;
        font-size: 3.75vw; } }
  
  .return_btn {
    background: #ddd; }
  
  .mw_wp_form .horizontal-item {
    margin: 0 0 5px !important;
    display: block; }
    @media (max-width: 750px) {
      .mw_wp_form .horizontal-item {
        margin: 0 0 1.3vw !important; } }
        .is-fadeIn {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
            transition: opacity 1.0s, transform 1.0s;
            transition-timing-function: ease-out; }
          
          .is-fadeIn.is-scrollIn,
          .is-scrollIn .is-fadeIn {
            opacity: 1;
            transform: translate(0, 0); }
          
          /*---------------------------------------------
          titleAnim
          ---------------------------------------------*/
          .txtAnimeBar {
            position: relative;
            display: inline-block;
            transform: translate3d(0, 0, 0); }
          
          .txtAnimeBar + .txtAnimeBar {
            margin: 10px 0 0; }
            @media (max-width: 750px) {
              .txtAnimeBar + .txtAnimeBar {
                margin: 1.3vw 0 0; } }
          
          .txtAnimeBar:before {
            content: '';
            display: inline-block;
            width: 0;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            background: #0070C0; }
          
          .is-scrollIn .txtAnimeBar:before {
            animation: txtAnimeBar 1.0s ease 0.5s 1 normal forwards; }
          
          .is-scrollIn .txtAnimeTxt {
            animation: txtAnimeTxt 0s ease 1s 1 normal forwards; }
          
          .txtAnimeTxt {
            opacity: 0;
            transform: translate3d(0, 0, 0); }
          
          @-webkit-keyframes txtAnimeBar {
            0% {
              left: 0;
              right: auto;
              width: 0; }
            50% {
              left: 0;
              right: auto;
              width: 100%; }
            51% {
              left: auto;
              right: 0;
              width: 100%; }
            100% {
              left: auto;
              right: 0;
              width: 0; } }
          @keyframes txtAnimeBar {
            0% {
              left: 0;
              width: 0; }
            50% {
              left: 0;
              width: 100%; }
            51% {
              left: 0;
              width: 100%; }
            100% {
              left: 100%;
              width: 0; } }
          @-webkit-keyframes txtAnimeTxt {
            0% {
              opacity: 0; }
            50% {
              opacity: 0; }
            100% {
              opacity: 1; } }
          @keyframes txtAnimeTxt {
            0% {
              opacity: 0; }
            50% {
              opacity: 0; }
            100% {
              opacity: 1; } }
          /*---------------------------------------------
          imgAnim
          ---------------------------------------------*/
          .animImgBar:before {
            content: '';
            display: inline-block;
            width: 0;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            background: #0070C0; }
          
          .is-scrollIn .animImgBar:before {
            animation: txtAnimeBar 1.0s ease 0.5s 1 normal forwards; }
          
          .is-scrollIn .animImg {
            animation: txtAnimeTxt 0s ease 1s 1 normal forwards; }
          
          .animImg {
            opacity: 0;
            transform: translate3d(0, 0, 0); }
          
          /*---------------------------------------------
          menu animation
          ---------------------------------------------*/
          @-webkit-keyframes menufadeIn {
            0% {
              opacity: 0;
              transform: translateX(-2.6vw); }
            100% {
              opacity: 1;
              transform: translateX(0%); } }
          @keyframes menufadeIn {
            0% {
              opacity: 0;
              transform: translateX(-2.6vw); }
            100% {
              opacity: 1;
              transform: translateX(0%); } }
          @-webkit-keyframes fadeIn {
            0% {
              opacity: 0;
              transform: translateY(2.6vw); }
            100% {
              opacity: 1;
              transform: translateX(0%); } }
          @keyframes fadeIn {
            0% {
              opacity: 0;
              transform: translateY(2.6vw); }
            100% {
              opacity: 1;
              transform: translateX(0%); } }
          /**********************************************************************************************
          
          縲€TOP
          
          **********************************************************************************************/
          .top_kv .is-fadeIn {
            transition-delay: 1.3s; }
          
          /**********************************************************************************************
          
          縲€detail
          
          **********************************************************************************************/
          .page_main.is-fadeIn {
            transition-delay: 1s; }
            .sgds_statement {
                display: flex; }
                @media (max-width: 750px) {
                  .sgds_statement {
                    display: block; } }
              
              .sdgs_statement_img {
                width: 206px;
                margin: 0 40px 0 0;
                flex-shrink: 0; }
                @media (max-width: 750px) {
                  .sdgs_statement_img {
                    width: 50vw;
                    margin: 0 auto 5vw; } }
              
              .sdgs_tit {
                color: #0070C0;
                text-align: center;
                font-family: 'Noto Serif JP', serif;
                font-size: 2.5rem;
                font-weight: 600;
                margin: 0 0 20px; }
                @media (max-width: 750px) {
                  .sdgs_tit {
                    font-size: 4.2vw;
                    margin: 0 0 4vw; } }
              
              .sdgs_list > li {
                padding: 0 0 15px; }
                @media (max-width: 750px) {
                  .sdgs_list > li {
                    padding: 0 0 4vw; } }
                .sdgs_list > li:nth-child(1) {
                  background: rgba(192, 137, 0, 0.05); }
                .sdgs_list > li:nth-child(2) {
                  background: rgba(84, 192, 0, 0.05); }
                .sdgs_list > li:nth-child(3) {
                  background: rgba(192, 0, 82, 0.05); }
                .sdgs_list > li:not(last-child) {
                  margin: 0 0 50px; }
                  @media (max-width: 750px) {
                    .sdgs_list > li:not(last-child) {
                      margin: 0 0 9vw; } }
              .sdgs_list .sec_tit {
                margin: 0 0 20px; }
                @media (max-width: 750px) {
                  .sdgs_list .sec_tit {
                    margin: 0 0 4vw; } }
              
              .sdgs_list_txt {
                color: #0070C0;
                font-size: 1.9rem;
                line-height: 1.9;
                margin: 0 20px 30px; }
                @media (max-width: 750px) {
                  .sdgs_list_txt {
                    font-size: 3.46vw;
                    margin: 0 5vw 5vw; } }
              
              .sdgs_list_content {
                display: flex;
                justify-content: space-between;
                align-items: center; }
                @media (max-width: 750px) {
                  .sdgs_list_content {
                    display: block; } }
              
              .sdgs_imgList {
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-end;
                width: 280px;
                flex-shrink: 0;
                padding: 0 20px 0 0; }
                @media (max-width: 750px) {
                  .sdgs_imgList {
                    width: 46vw;
                    justify-content: center;
                    margin: auto;
                    padding: 0; } }
                .sdgs_imgList li {
                  width: 120px;
                  margin: 0 5px 10px; }
                  @media (max-width: 750px) {
                    .sdgs_imgList li {
                      width: 22vw;
                      margin: 0 0 2vw; }
                      .sdgs_imgList li:nth-child(even) {
                        margin-left: 2vw; } }
              
              .sdgs_flexArea {
                margin: 0 0 50px; }
                @media (max-width: 750px) {
                  .sdgs_flexArea {
                    margin: 0 0 8vw; } }
                .sdgs_flexArea table {
                  width: 100%; }
                  .sdgs_flexArea table th {
                    text-align: left;
                    font-weight: normal;
                    padding: 0 2em 0 0;
                    white-space: nowrap; }
              
              .sdgs_flex {
                display: flex; }
                .sdgs_flex:not(:last-child) {
                  margin: 0 0 25px; }
                  @media (max-width: 750px) {
                    .sdgs_flex:not(:last-child) {
                      margin: 0 0 5vw; } }
              
              .sdgs_flex_img {
                width: 120px;
                margin: 0 30px 0 0;
                flex-shrink: 0; }
                @media (max-width: 750px) {
                  .sdgs_flex_img {
                    width: 22vw;
                    margin: 0 3vw 0 0; } }
              
              .sdgs_flex_tit {
                color: #0070C0;
                font-size: 1.9rem;
                margin: 0 0 10px; }
                @media (max-width: 750px) {
                  .sdgs_flex_tit {
                    font-size: 3.46vw;
                    margin: 0 0 2.6vw; } }
              
              .sdgs_content:not(:last-child) {
                margin: 0 0 50px; }
                @media (max-width: 750px) {
                  .sdgs_content:not(:last-child) {
                    margin: 0 0 8vw; } }
              
              .sdgs_content_tit {
                color: #0070C0;
                font-size: 1.9rem;
                margin: 0 0 10px;
                border-bottom: 1px solid #0070C0; }
                @media (max-width: 750px) {
                  .sdgs_content_tit {
                    font-size: 3.46vw;
                    margin: 0 0 2.6vw; } }
              
              .min_txt {
                text-align: center;
                margin: 25px 0 10px; }
                @media (max-width: 750px) {
                  .min_txt {
                    margin: 6vw 0 2vw; } }
              
              .linkList {
                margin-top: 15px; }
                @media (max-width: 750px) {
                  .linkList {
                    margin-top: 5vw; } }
              
              .bg01 {
                background: rgba(192, 137, 0, 0.05);
                padding: 70px 0; }
                @media (max-width: 750px) {
                  .bg01 {
                    padding: 9vw 0; } }
              
              .bg02 {
                background: rgba(192, 0, 82, 0.05);
                padding: 70px 0; }
                @media (max-width: 750px) {
                  .bg02 {
                    padding: 9vw 0; } }