@charset "UTF-8";
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block;
  margin: 0;
  padding: 0; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

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

dl, dt, dd, ol, ul, li, p {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  list-style: none; }

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box; }

a:focus, *:focus {
  outline: none; }

.contents {
  overflow: hidden; }

/* animation setteing */
@keyframes vertical {
  0% {
    transform: translateY(-4px); }
  100% {
    transform: translateY(4px); } }

@keyframes vertical-r {
  0% {
    transform: translateY(4px); }
  100% {
    transform: translateY(-4px); } }

.sa {
  opacity: 0;
  transition: all .5s ease-in-out; }

/*
	  .sa.show {
		opacity: 1;
		transform: none;
	  }
	  .sa--up {
		transform: translate(0, 100px);
	  }
*/
.sa.show {
  opacity: 1;
  transform: none; }

.sa--lr {
  transform: translate(-100px, 0); }

.sa--rl {
  transform: translate(100px, 0); }

.sa--up {
  transform: translate(0, 100px); }

.sa--down {
  transform: translate(0, -100px); }

.sa--scaleUp {
  transform: scale(0.5); }

.sa--scaleDown {
  transform: scale(1.5); }

.sa--rotateL {
  transform: rotate(180deg); }

.sa--rotateR {
  transform: rotate(-180deg); }

:target:before {
  height: 10.2vw;
  /* ヘッダの高さ */
  margin: -10.2vw 0 0;
  /* ヘッダの高さ */
  content: '';
  display: block; }
  @media all and (max-width: 750px) {
    :target:before {
      height: 19vw;
      /* ヘッダの高さ */
      margin: -19vw 0 0;
      /* ヘッダの高さ */ } }

section .container {
  width: 100%;
  margin: 0 auto;
  padding: 0vw 15.2vw 10vw; }
  section .container .mds {
    font-size: 2.60417vw;
    line-height: 1.2;
    margin: 0 0 2vw; }

@media all and (max-width: 750px) {
  section .container {
    padding: 0vw 10vw 4vw; }
    section .container .mds {
      font-size: 6.66667vw;
      line-height: 1.1; } }

body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  min-height: 100vh;
  font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'MS Pゴシック','MS PGothic',sans-serif;
  font-size: 1.14583vw;
  line-height: 1.6;
  color: #000;
  background: #f5f5f3;
  font-feature-settings: "palt";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  transition: all 0.6s ease-out; }
  @media all and (max-width: 750px) {
    body {
      font-size: 3.73333vw; } }

.header_area {
  position: fixed;
  height: 10vw;
  width: 100%;
  z-index: 9999;
  background-color: rgba(245, 245, 243, 0.95); }
  .header_area .container .top_btns {
    display: flex;
    justify-content: space-between; }
    .header_area .container .top_btns .logo {
      font-size: 0;
      line-height: 0;
      /* padding: 1.5vw 0 0 4vw; */
      /* padding: 0; */
      margin: 0.8vw 0 0 1vw;
      width: 24vw; }
      .header_area .container .top_btns .logo a {
        padding: 1em;
        /* margin: 2vw; */
        display: block;
        padding: 1vw 2vw; }
      .header_area .container .top_btns .logo img {
        width: 100%;
        height: auto; }
    .header_area .container .top_btns .top_btn_list {
      display: flex;
      justify-content: space-between;
      margin: 1.5vw 4vw 0 0; }
      .header_area .container .top_btns .top_btn_list::before {
        content: '';
        display: block;
        width: 1vw;
        height: 1vw;
        background: url(../images/icon_lang.png) no-repeat center center;
        background-size: contain;
        margin: 1.25vw 0.5vw 0 0; }
      .header_area .container .top_btns .top_btn_list .btn_lang {
        margin: 0.4vw 4vw 0 0;
        display: flex;
        align-items: center;
        font-weight: bold; }
        .header_area .container .top_btns .top_btn_list .btn_lang a {
          font-size: 0.8vw;
          text-decoration: none;
          color: #000; }
          .header_area .container .top_btns .top_btn_list .btn_lang a:hover {
            text-decoration: underline; }
        .header_area .container .top_btns .top_btn_list .btn_lang .splt {
          margin: 0 0.2vw;
          font-size: 1.1vw; }
      .header_area .container .top_btns .top_btn_list .btn_mail a {
        width: 15vw;
        display: inline-block;
        background: linear-gradient(to right top, #8145d8, #fd79c2);
        background-repeat: no-repeat;
        text-align: center;
        text-decoration: none;
        font-size: 1.0vw;
        line-height: 1.2;
        padding: 1.0vw 1.0vw 1.0vw;
        border-radius: 100vh;
        color: #fff;
        margin: 0 2vw 0 0; }
      .header_area .container .top_btns .top_btn_list .btn_note a {
        width: 15vw;
        display: inline-block;
        background: linear-gradient(to right top, #304dc3, #00c4a6);
        background-repeat: no-repeat;
        text-align: center;
        text-decoration: none;
        font-size: 1.0vw;
        line-height: 1.2;
        padding: 1.0vw 1.0vw 1.0vw;
        border-radius: 100vh;
        color: #fff; }
    .header_area .container .top_btns .nav_sp_listitem {
      display: none; }
  .header_area .container .gnav_list {
    display: flex;
    justify-content: space-between;
    padding: 0vw 15vw 0; }
    .header_area .container .gnav_list .gnav_list_item {
      width: 20%; }
      .header_area .container .gnav_list .gnav_list_item a {
        text-align: center;
        font-size: 1.0vw;
        text-decoration: none;
        color: #000;
        display: block;
        padding: 0.8vw 0 0 0;
        height: 3.6vw;
        font-weight: 500;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .header_area .container .gnav_list .gnav_list_item a:hover {
          font-weight: bold;
          color: #1f78b9; }
        .header_area .container .gnav_list .gnav_list_item a.current {
          color: #1f78b9;
          font-weight: bold; }

@media all and (max-width: 750px) {
  .header_area {
    height: 17vw;
    line-height: 0; }
    .header_area .container .top_btns {
      justify-content: end; }
      .header_area .container .top_btns .logo {
        font-size: 0;
        line-height: 0;
        margin: 1.5vw 3vw 0 0;
        padding: 0;
        width: 44vw; }
        .header_area .container .top_btns .logo a {
          padding: 4vw 3vw; }
      .header_area .container .top_btns .top_btn_list {
        margin: 0 0 0 0; }
        .header_area .container .top_btns .top_btn_list::before {
          display: none; }
        .header_area .container .top_btns .top_btn_list .btn_lang {
          display: none; }
        .header_area .container .top_btns .top_btn_list .btn_mail a {
          width: 17vw;
          height: 17vw;
          display: inline-block;
          background: url(../images/bticon_mail.png), linear-gradient(to right top, #8145d8, #fd79c2);
          background-position: center center,center center;
          background-repeat: no-repeat;
          background-size: 10vw auto,auto;
          text-align: center;
          text-decoration: none;
          font-size: 1.0vw;
          line-height: 1;
          padding: 1.0vw 1.0vw 1.0vw;
          border-radius: 0;
          border: 0;
          text-indent: -9999px;
          color: #fff;
          box-shadow: none;
          margin: 0 0 0 0; }
        .header_area .container .top_btns .top_btn_list .btn_note a {
          width: 17vw;
          height: 17vw;
          display: inline-block;
          background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
          background-position: center center,center center;
          background-repeat: no-repeat;
          background-size: 10vw auto,auto;
          text-align: center;
          text-decoration: none;
          font-size: 1.0vw;
          line-height: 1.2;
          padding: 1.0vw 1.0vw 1.0vw;
          border-radius: 0;
          border: 0;
          text-indent: -9999px;
          color: #fff;
          box-shadow: none; }
      .header_area .container .top_btns .nav_sp_listitem {
        width: 17vw;
        height: 17vw;
        display: block; }
    .header_area .container .gnav_list {
      display: none; }
  .hamburger {
    top: 0;
    right: 0%;
    z-index: 1000; }
    .hamburger label {
      right: 0;
      /* left: 520px; */
      cursor: pointer;
      display: block;
      position: absolute;
      top: 0;
      z-index: 99;
      color: #333333;
      background: none;
      border-radius: 0% 0%;
      padding: 0;
      opacity: 0.8;
      width: 17vw;
      height: 17vw; }
      .hamburger label span {
        transform: translate3d(-44%, -1px, 0);
        position: absolute;
        top: 50%;
        left: 50%;
        height: 2px;
        width: 28px;
        cursor: pointer;
        background: #415364;
        display: block;
        content: '';
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .hamburger label span:before, .hamburger label span:after {
          position: absolute;
          top: 50%;
          left: 50%;
          height: 2px;
          width: 28px;
          cursor: pointer;
          background: #415364;
          display: block;
          content: '';
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
        .hamburger label span:before {
          transform: translate3d(-50%, -10px, 0); }
        .hamburger label span:after {
          transform: translate3d(-50%, 8px, 0); }
    .hamburger.close {
      position: fixed; }
      .hamburger.close span {
        background: transparent; }
        .hamburger.close span:before {
          transform: translateX(-50%) rotate(45deg);
          top: 0;
          background: #ffffff; }
        .hamburger.close span:after {
          transform: translateX(-50%) translateY(-10px) rotate(-45deg);
          top: 10px;
          background: #ffffff; }
  #gnav {
    width: 0%;
    height: 100vh;
    position: fixed;
    right: -100vw;
    left: 0;
    opacity: 0;
    top: 0;
    bottom: auto;
    z-index: 999;
    margin: 0 auto;
    -webkit-transition: .3s;
    transition: .3s;
    background: linear-gradient(to right top, rgba(48, 77, 195, 0.98), rgba(0, 196, 166, 0.98)); }
    #gnav .spmenu_lang {
      position: relative;
      top: 8vw;
      left: 3vw;
      color: #fff; }
      #gnav .spmenu_lang a {
        color: #fff;
        font-size: 3.4vw;
        padding: 0 4vw;
        text-decoration: none; }
    #gnav ul {
      margin: 16vw 0 0 0;
      padding: 0 0 0 0;
      font-size: 3vw;
      text-align: right; }
      #gnav ul li a {
        font-size: 4.53333vw;
        font-weight: normal;
        text-decoration: none;
        color: #fff;
        display: block;
        line-height: 1;
        border-bottom: 1px dotted #fff;
        padding: 5% 2%; }
    #gnav.close {
      right: 0;
      opacity: 1;
      top: 0vh;
      width: 100%;
      overflow: auto; }
      #gnav.close ul li a {
        display: block; } }

.sec_mainvisual {
  margin: 10vw 0 0; }
  .sec_mainvisual .container {
    padding: 0;
    color: #fff; }
    .sec_mainvisual .container .mv_area {
      background: url(../images/mv_bg.png) no-repeat center center;
      background-size: contain;
      /* calc(背景画像高さ ÷ 背景画像横幅 × 100%) */
      padding-top: calc(700 / 1920 * 100%);
      position: relative; }
      .sec_mainvisual .container .mv_area .copy_h2 {
        font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic',sans-serif;
        font-size: 3.75vw;
        position: absolute;
        top: 7.6vw;
        right: 0;
        left: 0;
        line-height: 1.4;
        margin: 0 auto;
        padding: 0;
        text-align: center; }
        @media all and (max-width: 750px) {
          .sec_mainvisual .container .mv_area .copy_h2 {
            top: 7.0vw;
            line-height: 1.3;
            font-size: 6.3vw;
            padding: 0 14vw; } }
      .sec_mainvisual .container .mv_area .copy_list {
        text-align: center; }
        .sec_mainvisual .container .mv_area .copy_list li {
          position: absolute;
          top: 22vw; }
          .sec_mainvisual .container .mv_area .copy_list li .scopy_body {
            font-size: 4vw;
            font-weight: bold;
            line-height: 1; }
            @media all and (max-width: 750px) {
              .sec_mainvisual .container .mv_area .copy_list li .scopy_body {
                font-size: 7vw; } }
          .sec_mainvisual .container .mv_area .copy_list li .scopy_unit {
            font-size: 2.5vw;
            font-weight: normal; }
            @media all and (max-width: 750px) {
              .sec_mainvisual .container .mv_area .copy_list li .scopy_unit {
                font-size: 5vw; } }
          .sec_mainvisual .container .mv_area .copy_list li .scopy_cap {
            font-size: 1.3vw;
            line-height: 1; }
            .sec_mainvisual .container .mv_area .copy_list li .scopy_cap .cap_bold {
              font-weight: bold; }
            .sec_mainvisual .container .mv_area .copy_list li .scopy_cap .sp_br {
              display: none; }
            @media all and (max-width: 750px) {
              .sec_mainvisual .container .mv_area .copy_list li .scopy_cap {
                font-size: 3vw;
                line-height: 1.4;
                padding: 2vw 0 0; }
                .sec_mainvisual .container .mv_area .copy_list li .scopy_cap .cap_bold {
                  font-size: 3.4vw;
                  font-weight: bold; }
                .sec_mainvisual .container .mv_area .copy_list li .scopy_cap .sp_br {
                  display: block; } }
          @media all and (max-width: 750px) {
            .sec_mainvisual .container .mv_area .copy_list li {
              top: 50vw; } }
        .sec_mainvisual .container .mv_area .copy_list li:nth-child(1) {
          left: 23.0vw; }
          @media all and (max-width: 750px) {
            .sec_mainvisual .container .mv_area .copy_list li:nth-child(1) {
              left: 7.8vw;
              top: 44vw;
              padding: 2vw 0 0 0; } }
        .sec_mainvisual .container .mv_area .copy_list li:nth-child(2) {
          top: 20vw;
          left: 0;
          right: 0;
          margin: auto auto;
          padding: 2vw 0 0 0;
          border-left: 1px solid #ffffff;
          border-right: 1px solid #ffffff;
          width: 22.5vw;
          height: 10vw; }
          @media all and (max-width: 750px) {
            .sec_mainvisual .container .mv_area .copy_list li:nth-child(2) {
              top: 44vw;
              left: -15vw;
              right: 0;
              margin: 0 auto;
              padding: 2vw 0 0 0;
              width: 24vw;
              height: 18vw; } }
        .sec_mainvisual .container .mv_area .copy_list li:nth-child(3) {
          top: 20vw;
          right: 8.2vw;
          padding: 2vw 0 0 0;
          width: 34vw;
          height: 18vw; }
          @media all and (max-width: 750px) {
            .sec_mainvisual .container .mv_area .copy_list li:nth-child(3) {
              top: 44vw;
              right: 8.2vw;
              padding: 2vw 0 0 0;
              width: 34vw;
              height: 18vw; } }
    .sec_mainvisual .container .page_title_area {
      background-size: contain;
      /* calc(背景画像高さ ÷ 背景画像横幅 × 100%) */
      padding-top: calc(350 / 1920 * 100%);
      position: relative; }
      .sec_mainvisual .container .page_title_area .page_title {
        text-align: center;
        position: absolute;
        top: 3vw;
        right: 0;
        left: 0;
        color: #fff;
        font-size: 4vw; }
      .sec_mainvisual .container .page_title_area.pt_contactus {
        background: url(../images/titlebg_contact_us.png) no-repeat center center; }
      .sec_mainvisual .container .page_title_area.pt_documents {
        background: url(../images/titlebg_documents.png) no-repeat center center; }
      .sec_mainvisual .container .page_title_area.pt_cases {
        background: url(../images/titlebg_case.png) no-repeat center center; }
      .sec_mainvisual .container .page_title_area.pt_news {
        background: url(../images/titlebg_news.png) no-repeat center center; }
      .sec_mainvisual .container .page_title_area.pt_facilities {
        background: url(../images/titlebg_facilities.png) no-repeat center center; }
      .sec_mainvisual .container .page_title_area.pt_grna {
        background: url(../images/titlebg_grna.png) no-repeat center center; }
      .sec_mainvisual .container .page_title_area.pt_ourservice {
        background: url(../images/titlebg_our_service.png) no-repeat center center; }
      .sec_mainvisual .container .page_title_area.pt_technologies {
        background: url(../images/titlebg_techologies.png) no-repeat center center; }

@media all and (max-width: 750px) {
  .sec_mainvisual {
    margin: 17vw 0 0; }
    .sec_mainvisual .container .mv_area {
      background: url(../images/mv_sp.png) no-repeat center center;
      background-size: contain;
      /* calc(背景画像高さ ÷ 背景画像横幅 × 100%) */
      padding-top: calc(544 / 750 * 100%); }
    .sec_mainvisual .container .page_title_area .page_title {
      text-align: center;
      position: absolute;
      top: 2.0vw;
      right: 0;
      left: 0;
      color: #fff;
      font-size: 6vw;
      line-height: 1; } }

.pankuzu .container {
  padding: 1.4vw 19.2vw 4vw;
  font-size: 1vw; }

.pankuzu.height_s .container {
  padding: 0.5vw 19.2vw 0.5vw; }

@media all and (max-width: 860px) {
  .pankuzu .container {
    padding: 1.4vw 10vw 3vw;
    font-size: 2.2vw; }
  .pankuzu.height_s .container {
    padding: 1.4vw 10vw 3vw;
    font-size: 2.2vw; } }

.sec_top_lead {
  padding: 0; }
  .sec_top_lead .container {
    display: flex;
    padding: 6vw 19.2vw;
    background: url(../images/bg_top_chain_01.png) no-repeat 15vw top;
    background-size: contain; }
    .sec_top_lead .container .txtarea {
      font-size: 1.4vw;
      padding: 0 4vw 0 0; }
      .sec_top_lead .container .txtarea.lang_jpn {
        font-size: 1.3vw; }
    .sec_top_lead .container .btnarea {
      font-size: 1.4vw; }
      .sec_top_lead .container .btnarea .btn_mail a {
        width: 15vw;
        display: inline-block;
        background: url(../images/bticon_mail.png), linear-gradient(to right top, #8145d8, #fd79c2);
        background-position: 1.5vw center,center center;
        background-repeat: no-repeat,no-repeat;
        background-size: 3vw auto,auto;
        text-align: center;
        text-decoration: none;
        font-size: 1.1vw;
        line-height: 1.2;
        padding: 1.0vw 1.5vw 1.0vw 5vw;
        border-radius: 10px;
        color: #fff;
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
        margin: 2vw 0 0 0;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .sec_top_lead .container .btnarea .btn_mail a:hover {
          box-shadow: none; }
      .sec_top_lead .container .btnarea .btn_mail.jp_btn_top a {
        padding: 1.4vw 1.5vw 1.4vw 5vw; }
      .sec_top_lead .container .btnarea .btn_note a {
        width: 15vw;
        display: inline-block;
        background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
        background-position: 1.5vw center,center center;
        background-repeat: no-repeat,no-repeat;
        background-size: 3vw auto,auto;
        text-align: center;
        text-decoration: none;
        font-size: 1.1vw;
        line-height: 1.2;
        padding: 1.0vw 1.5vw 1.0vw 5vw;
        border-radius: 10px;
        color: #fff;
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
        margin: 2vw 0 0 0;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .sec_top_lead .container .btnarea .btn_note a:hover {
          box-shadow: none; }
      .sec_top_lead .container .btnarea .btn_note.jp_btn_top a {
        padding: 1.4vw 1.5vw 1.4vw 5vw; }

@media all and (max-width: 750px) {
  .sec_top_lead .container {
    display: flex;
    flex-direction: column;
    padding: 6vw 10vw 12vw; }
    .sec_top_lead .container .txtarea {
      font-size: 3.4vw;
      padding: 0 0 0 0;
      text-justify: auto; }
      .sec_top_lead .container .txtarea.lang_jpn {
        font-size: 3.4vw; }
    .sec_top_lead .container .btnarea {
      font-size: 3.4vw;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin: 4vw 0 0 0; }
      .sec_top_lead .container .btnarea .btn_mail {
        width: 49%; }
        .sec_top_lead .container .btnarea .btn_mail a {
          width: 100%;
          height: 12.0vw;
          display: inline-block;
          background: url(../images/bticon_mail.png), linear-gradient(to right top, #8145d8, #fd79c2);
          background-position: 3vw center,center center;
          background-repeat: no-repeat,no-repeat;
          background-size: 10vw auto,auto;
          text-align: center;
          text-decoration: none;
          font-size: 3.0vw;
          line-height: 1.2;
          padding: 2.4vw 1.5vw 1.0vw 12vw;
          border-radius: 4px;
          color: #fff;
          box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
          margin: 0;
          font-weight: bold; }
        .sec_top_lead .container .btnarea .btn_mail.jp_btn_top a {
          padding: 4vw 0 0 12vw;
          font-size: 3.4vw; }
      .sec_top_lead .container .btnarea .btn_note {
        width: 49%; }
        .sec_top_lead .container .btnarea .btn_note a {
          width: 100%;
          height: 12.0vw;
          display: inline-block;
          background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
          background-position: 3vw center,center center;
          background-repeat: no-repeat,no-repeat;
          background-size: 10vw auto,auto;
          text-align: center;
          text-decoration: none;
          font-size: 3.0vw;
          line-height: 1.2;
          padding: 2.4vw 1.5vw 1.0vw 12vw;
          border-radius: 4px;
          color: #fff;
          box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
          margin: 0;
          font-weight: bold; }
        .sec_top_lead .container .btnarea .btn_note.jp_btn_top a {
          padding: 4vw 0 0 11vw;
          font-size: 3.4vw; } }

.sec_top_str {
  background: url(../images/bg_top_sec_01.jpg) no-repeat top center;
  background-size: contain; }
  .sec_top_str .container {
    padding: 0 0 12vw; }
    .sec_top_str .container .sec_mds {
      font-size: 3vw;
      text-align: center;
      color: #fff;
      line-height: 1;
      padding: 2.2vw 0 3vw;
      margin: 0;
      font-weight: 500; }
    .sec_top_str .container .str_btn_layout {
      display: flex;
      justify-content: space-between;
      padding: 0vw 19.2vw; }
      .sec_top_str .container .str_btn_layout .str_btn_left {
        width: 21.8vw; }
        .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a {
          display: block;
          min-height: 52.4vw;
          background-color: rgba(255, 255, 255, 0.48);
          box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
          -webkit-backdrop-filter: blur(5px);
          /* ぼかしエフェクト */
          backdrop-filter: blur(5px);
          border-radius: 10px;
          padding: 4vw 1.5vw;
          text-decoration: none;
          color: #000;
          transition: all 0.3s ease-out; }
          .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a:hover {
            box-shadow: 0px 4px 25px 4px rgba(57, 170, 188, 0.4); }
          .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .imgarea {
            width: 15vw;
            height: auto;
            margin: auto; }
            .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .imgarea img {
              width: 100%;
              height: auto; }
          .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .str_btn_txtarea {
            text-align: center; }
            .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .str_btn_txtarea .nmds {
              line-height: 1.4;
              margin: 0;
              padding: 0 0 1vw;
              font-size: 1.8vw;
              /* font-weight: normal; */
              padding: 1.2vw 0 1.2vw; }
              .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .str_btn_txtarea .nmds br {
                display: block; }
          .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .str_txt {
            font-size: 1.0vw;
            line-height: 1.6;
            padding: 0 0vw;
            text-align: center;
            font-weight: 500; }
            .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .str_txt.lang_jpn {
              text-align: justify; }
        .sec_top_str .container .str_btn_layout .str_btn_left .str_btn.lang_jpn a {
          min-height: 46.3vw; }
      .sec_top_str .container .str_btn_layout .str_btn_right {
        width: 37.5vw; }
        .sec_top_str .container .str_btn_layout .str_btn_right .str_btn {
          margin: 0 0 1vw; }
          .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a {
            display: flex;
            flex-wrap: wrap;
            background-color: rgba(255, 255, 255, 0.48);
            box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
            -webkit-backdrop-filter: blur(5px);
            /* ぼかしエフェクト */
            backdrop-filter: blur(5px);
            border-radius: 10px;
            padding: 1.6vw;
            text-decoration: none;
            color: #000;
            transition: all 0.3s ease-out; }
            .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a:hover {
              box-shadow: 0px 4px 25px 4px rgba(57, 170, 188, 0.4); }
            .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .imgarea {
              width: 30%;
              height: 10vw;
              padding: 1.4vw 0 0 0; }
              .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .imgarea img {
                width: 100%;
                height: auto; }
            .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .str_btn_txtarea {
              width: 70%;
              padding: 0 0 0 2vw;
              text-align: center;
              /*
									&.lang_jpn  {
										padding: 0 0 0 2vw;
									}	*/ }
              .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .str_btn_txtarea .nmds {
                line-height: 1.1;
                margin: 0;
                padding: 0 0 1vw;
                font-size: 1.8vw;
                /* font-weight: normal; */
                padding: 0 0 0.8vw; }
              .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .str_btn_txtarea.lt_space {
                padding: 0 0 0 0; }
                .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .str_btn_txtarea.lt_space .nmds {
                  letter-spacing: -0.05vw; }
            .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .str_txt {
              width: 65%;
              font-size: 1.0vw;
              line-height: 1.36;
              padding: 0;
              margin: -5vw 0 0 12vw;
              text-align: center;
              font-weight: 500; }
              .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .str_txt.lang_jpn {
                text-align: justify; }
              .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .str_txt.mds_single {
                margin: -7vw 0 0 12vw; }
          .sec_top_str .container .str_btn_layout .str_btn_right .str_btn.mds_l3 a .imgarea {
            height: 12vw; }

@media all and (max-width: 750px) {
  .sec_top_str {
    background: url(../images/bg_top_sec_01.jpg) no-repeat top center;
    background-size: 180% auto;
    padding: 0 0 12vw; }
    .sec_top_str .container .sec_mds {
      font-size: 6vw;
      padding: 2.2vw 0 3vw;
      margin: 0; }
    .sec_top_str .container .str_btn_layout {
      display: flex;
      justify-content: center;
      flex-direction: column;
      padding: 0vw 10vw; }
      .sec_top_str .container .str_btn_layout .str_btn_left {
        width: 100%; }
        .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a {
          display: block;
          display: flex;
          flex-wrap: wrap;
          min-height: 44.5vw;
          background-color: rgba(255, 255, 255, 0.75);
          box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
          border-radius: 10px;
          padding: 4vw 2vw;
          text-decoration: none;
          color: #000;
          transition: all 0.3s ease-out;
          margin: 0 0 3vw; }
          .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a:hover {
            box-shadow: 0px 4px 25px 4px rgba(57, 170, 188, 0.4); }
          .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .imgarea {
            width: 45%;
            height: auto;
            margin: auto;
            padding: 3vw; }
            .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .imgarea img {
              width: 100%;
              height: auto; }
          .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .str_btn_txtarea {
            width: 55%;
            text-align: center;
            display: flex;
            align-items: center; }
            .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .str_btn_txtarea .nmds {
              line-height: 1.3;
              margin: 0;
              font-size: 4.4vw;
              /* font-weight: normal; */
              padding: 1.4vw 0 1.2vw; }
              .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .str_btn_txtarea .nmds br {
                display: none; }
          .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .str_txt {
            font-size: 4.0vw;
            line-height: 1.4;
            padding: 0 2vw 2vw;
            text-align: center; }
            .sec_top_str .container .str_btn_layout .str_btn_left .str_btn a .str_txt.lang_jpn {
              text-align: justify; }
      .sec_top_str .container .str_btn_layout .str_btn_right {
        width: 100%; }
        .sec_top_str .container .str_btn_layout .str_btn_right .str_btn {
          margin: 0 0 1vw; }
          .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a {
            display: block;
            display: flex;
            flex-wrap: wrap;
            background-color: rgba(255, 255, 255, 0.75);
            box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
            border-radius: 10px;
            padding: 1.6vw;
            text-decoration: none;
            color: #000;
            transition: all 0.3s ease-out;
            margin: 0 0 3vw; }
            .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a:hover {
              box-shadow: 0px 4px 25px 4px rgba(57, 170, 188, 0.4); }
            .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .imgarea {
              width: 45%;
              height: auto;
              margin: auto;
              padding: 3vw; }
              .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .imgarea img {
                width: 100%;
                height: auto; }
            .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .str_btn_txtarea {
              width: 55%;
              text-align: center;
              padding: 0;
              display: flex;
              align-items: center;
              justify-content: center; }
              .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .str_btn_txtarea .nmds {
                line-height: 1.3;
                margin: 0;
                font-size: 4.4vw;
                padding: 0 0 1.2vw;
                align-items: center; }
            .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .str_txt {
              font-size: 4.0vw;
              line-height: 1.4;
              padding: 0 2vw 2vw;
              text-align: center;
              width: 100%;
              margin: 0; }
              .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .str_txt.lang_jpn {
                text-align: justify; }
              .sec_top_str .container .str_btn_layout .str_btn_right .str_btn a .str_txt.mds_single {
                margin: 0; } }

.sec_top_cases {
  background: url(../images/bg_top_sec_02.jpg) no-repeat top center;
  background-size: contain;
  padding: 0 0 12vw; }
  .sec_top_cases .container {
    padding: 0vw 16.2vw; }
    .sec_top_cases .container .sec_mds {
      font-size: 3vw;
      text-align: center;
      color: #fff;
      line-height: 1;
      padding: 2.2vw 0 3vw;
      margin: 0;
      font-weight: 500; }
    .sec_top_cases .container .cases_list {
      margin: -6vw 0 -4vw 0; }
      .sec_top_cases .container .cases_list .slick-list {
        padding: 0 1.5vw 0 1.7vw; }
      .sec_top_cases .container .cases_list a {
        display: block;
        width: 16.6vw;
        min-height: 17vw;
        background-color: rgba(255, 255, 255, 0.48);
        box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2);
        -webkit-backdrop-filter: blur(5px);
        /* ぼかしエフェクト */
        backdrop-filter: blur(5px);
        border-radius: 10px;
        padding: 1.6vw;
        text-decoration: none;
        color: #000;
        transition: all 0.3s ease-out; }
        .sec_top_cases .container .cases_list a:hover {
          box-shadow: 0px 4px 25px 4px rgba(57, 170, 188, 0.4); }
        .sec_top_cases .container .cases_list a .case_no {
          line-height: 1;
          margin: 0;
          padding: 0 0 1.0vw;
          font-size: 1.5vw;
          font-weight: bold;
          text-align: center; }
        .sec_top_cases .container .cases_list a .case_title {
          line-height: 1.2;
          margin: 0 0 0.8em;
          padding: 0 0;
          font-size: 1.5vw;
          font-weight: bold;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden; }
        .sec_top_cases .container .cases_list a .case_txt {
          font-size: 1.0vw;
          line-height: 1.2;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 4;
          overflow: hidden; }
    .sec_top_cases .container .slick-prev {
      position: relative;
      width: 4vw;
      height: 5vw;
      left: -5vw;
      top: 12vw;
      text-indent: -9999px;
      border: none;
      background: url(../images/arw_left.png) no-repeat center center; }
    .sec_top_cases .container .slick-next {
      position: absolute;
      width: 4vw;
      height: 5vw;
      right: -5vw;
      top: 12vw;
      text-indent: -9999px;
      border: none;
      background: url(../images/arw_right.png) no-repeat center center; }
    .sec_top_cases .container .slick-track {
      position: relative;
      padding: 2vw 0 0 0;
      top: 0;
      left: 2vw;
      height: 20vw;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 4vw; }

@media all and (max-width: 860px) {
  .sec_top_cases {
    background: url(../images/bg_top_sec_02.jpg) no-repeat top center;
    background-size: 180% auto;
    padding: 0 0 12vw; }
    .sec_top_cases .container {
      padding: 0vw 0; }
      .sec_top_cases .container .sec_mds {
        font-size: 6vw;
        text-align: center;
        color: #fff;
        line-height: 1;
        padding: 2.2vw 0 3vw;
        margin: 0; }
      .sec_top_cases .container .cases_list a {
        display: block;
        width: 100%;
        min-height: 62vw;
        background-color: rgba(255, 255, 255, 0.48);
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
        -webkit-backdrop-filter: blur(5px);
        /* ぼかしエフェクト */
        backdrop-filter: blur(5px);
        border-radius: 10px;
        padding: 5vw;
        text-decoration: none;
        color: #000;
        transition: all 0.3s ease-out; }
        .sec_top_cases .container .cases_list a:hover {
          box-shadow: 0px 20px 25px 4px rgba(57, 170, 188, 0.4); }
        .sec_top_cases .container .cases_list a .case_no {
          line-height: 1;
          margin: 0;
          padding: 0 0 3vw;
          font-size: 4.5vw;
          font-weight: normal; }
        .sec_top_cases .container .cases_list a .case_title {
          line-height: 1.3;
          margin: 0;
          padding: 0 0 1.0vw;
          font-size: 5.5vw; }
        .sec_top_cases .container .cases_list a .case_txt {
          font-size: 4.0vw;
          line-height: 1.4;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 4;
          overflow: hidden; }
      .sec_top_cases .container .slick-track {
        position: relative;
        padding: 2vw 0 8vw 0;
        top: 0;
        left: 0;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto; } }

.sec_top_faci {
  background: url(../images/bg_top_sec_03.jpg) no-repeat top center;
  background-size: contain;
  padding: 0 0 12vw; }
  .sec_top_faci .container {
    padding: 0vw 19.2vw; }
    .sec_top_faci .container .sec_mds {
      font-size: 3vw;
      text-align: center;
      color: #fff;
      line-height: 1;
      padding: 2.2vw 0 3vw;
      margin: 0;
      font-weight: 500; }
    .sec_top_faci .container .faci_layout {
      display: flex; }
      .sec_top_faci .container .faci_layout .imgarea {
        width: 31.5vw; }
        .sec_top_faci .container .faci_layout .imgarea img {
          width: 100%;
          height: auto; }
      .sec_top_faci .container .faci_layout .txtarea {
        width: 30vw;
        font-size: 1.2vw;
        line-height: 1.4; }
        .sec_top_faci .container .faci_layout .txtarea .sec_nmds {
          border-bottom: 4px solid #ff78c4;
          border-image: linear-gradient(to right, #d69bdd, #fbaad5) 1;
          padding: 3vw 0 1vw 3vw;
          font-weight: bold;
          font-size: 1.4vw; }
        .sec_top_faci .container .faci_layout .txtarea .faci_txt {
          padding: 0 0 0 3vw; }
        .sec_top_faci .container .faci_layout .txtarea .more_btn {
          text-align: right;
          padding: 3vw 0 0 0; }
          .sec_top_faci .container .faci_layout .txtarea .more_btn a {
            text-align: center;
            font-weight: bold;
            color: #000;
            text-decoration: none;
            font-size: 1.2vw;
            width: 7vw;
            height: 2vw;
            padding: 0 0.3vw 0 0;
            display: inline-block;
            background: url(../images/arw_more.png) no-repeat center bottom;
            background-size: 100% auto; }

@media all and (max-width: 860px) {
  .sec_top_faci {
    background: url(../images/bg_top_sec_03.jpg) no-repeat top center;
    background-size: 180% auto;
    padding: 0 0 12vw; }
    .sec_top_faci .container {
      padding: 0vw 10vw; }
      .sec_top_faci .container .sec_mds {
        font-size: 6vw;
        text-align: center;
        color: #fff;
        line-height: 1;
        padding: 2.2vw 0 3vw;
        margin: 0; }
      .sec_top_faci .container .faci_layout {
        display: flex;
        flex-direction: column; }
        .sec_top_faci .container .faci_layout .imgarea {
          width: 100%; }
          .sec_top_faci .container .faci_layout .imgarea img {
            width: 100%;
            height: auto; }
        .sec_top_faci .container .faci_layout .txtarea {
          width: 100%;
          font-size: 3.4vw;
          line-height: 1.4;
          border-left: 4px solid #ff78c4;
          border-image: linear-gradient(to bottom, #d69bdd, #fbaad5) 1;
          margin: -2vw 0 0 5vw; }
          .sec_top_faci .container .faci_layout .txtarea .sec_nmds {
            border-bottom: none;
            padding: 0 0 0 3vw;
            font-size: 4.4vw;
            font-weight: bold; }
          .sec_top_faci .container .faci_layout .txtarea .faci_txt {
            padding: 0 5vw 0 3vw; }
          .sec_top_faci .container .faci_layout .txtarea .more_btn {
            text-align: right; }
            .sec_top_faci .container .faci_layout .txtarea .more_btn a {
              /* text-align: center;
								font-weight: bold;
								color: #000;
								text-decoration: none; */
              font-size: 4vw;
              width: 22vw;
              height: 6vw; } }

.sec_top_contact {
  background-image: url(../images/bg_top_sec_04.jpg), url(../images/bg_top_chain_02.png);
  background-position: top center, 62vw top;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  padding: 0 0 12vw; }
  .sec_top_contact .container {
    padding: 0vw 15.2vw; }
    .sec_top_contact .container .sec_mds {
      font-size: 3vw;
      text-align: center;
      color: #fff;
      line-height: 1;
      padding: 2vw 0;
      margin: 0;
      font-weight: 500; }
    .sec_top_contact .container .contact_btn_area {
      display: flex;
      justify-content: space-between;
      padding: 0 10vw; }
      .sec_top_contact .container .contact_btn_area .btn_mail a {
        width: 22.4vw;
        display: inline-block;
        background: url(../images/bticon_mail.png), linear-gradient(to right top, #8145d8, #fd79c2);
        background-position: 2vw center,center center;
        background-repeat: no-repeat;
        background-size: 6vw auto,auto;
        text-align: center;
        text-decoration: none;
        font-size: 1.8vw;
        line-height: 1.2;
        padding: 1.6vw 1.5vw 1.6vw 8vw;
        border-radius: 10px;
        color: #fff;
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease-out; }
        .sec_top_contact .container .contact_btn_area .btn_mail a:hover {
          box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.06); }
      @media all and (max-width: 750px) {
        .sec_top_contact .container .contact_btn_area .btn_mail {
          width: 49%; }
          .sec_top_contact .container .contact_btn_area .btn_mail a {
            width: 100%;
            height: 12.0vw;
            display: inline-block;
            background: url(../images/bticon_mail.png), linear-gradient(to right top, #8145d8, #fd79c2);
            background-position: 3vw center,center center;
            background-repeat: no-repeat,no-repeat;
            background-size: 10vw auto,auto;
            text-align: center;
            text-decoration: none;
            font-size: 3.0vw;
            line-height: 1.2;
            padding: 2.4vw 1.5vw 1.0vw 12vw;
            border-radius: 4px;
            color: #fff;
            box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
            margin: 0;
            font-weight: bold; } }
      .sec_top_contact .container .contact_btn_area .btn_mail.jp_btn a {
        padding: 2vw 1.5vw 2vw 8vw; }
      @media all and (max-width: 750px) {
        .sec_top_contact .container .contact_btn_area .btn_mail.jp_btn a {
          font-size: 3.4vw;
          padding: 4.2vw 0 1vw 12vw; } }
      .sec_top_contact .container .contact_btn_area .btn_mail.jp_btn_top a {
        padding: 2vw 0 2vw 5vw;
        background-size: 5vw auto, auto; }
        @media all and (max-width: 860px) {
          .sec_top_contact .container .contact_btn_area .btn_mail.jp_btn_top a {
            padding: 3.5vw 0 2vw 8vw;
            font-size: 3.8vw;
            background-size: 7vw auto, auto; } }
      .sec_top_contact .container .contact_btn_area .btn_note a {
        width: 22.4vw;
        display: inline-block;
        background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
        background-position: 2vw center,center center;
        background-repeat: no-repeat;
        background-size: 6vw auto,auto;
        text-align: center;
        text-decoration: none;
        font-size: 1.8vw;
        line-height: 1.2;
        padding: 1.6vw 1.5vw 1.6vw 8vw;
        border-radius: 10px;
        color: #fff;
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease-out; }
        .sec_top_contact .container .contact_btn_area .btn_note a:hover {
          box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.06); }
      @media all and (max-width: 750px) {
        .sec_top_contact .container .contact_btn_area .btn_note {
          width: 49%; }
          .sec_top_contact .container .contact_btn_area .btn_note a {
            width: 100%;
            height: 12.0vw;
            display: inline-block;
            background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
            background-position: 3vw center,center center;
            background-repeat: no-repeat,no-repeat;
            background-size: 10vw auto,auto;
            text-align: center;
            text-decoration: none;
            font-size: 3.0vw;
            line-height: 1.2;
            padding: 2.4vw 1.5vw 1.0vw 12vw;
            border-radius: 4px;
            color: #fff;
            box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
            margin: 0;
            font-weight: bold; } }
      .sec_top_contact .container .contact_btn_area .btn_note.jp_btn a {
        padding: 2vw 1.5vw 2vw 8vw; }
      @media all and (max-width: 750px) {
        .sec_top_contact .container .contact_btn_area .btn_note.jp_btn a {
          font-size: 3.4vw;
          padding: 4.2vw 0 1vw 11vw; } }
      .sec_top_contact .container .contact_btn_area .btn_note.jp_btn_top a {
        padding: 2vw 0 2vw 5vw;
        background-size: 5vw auto, auto; }
        @media all and (max-width: 860px) {
          .sec_top_contact .container .contact_btn_area .btn_note.jp_btn_top a {
            padding: 3.5vw 0 2vw 5vw;
            font-size: 3.8vw;
            background-size: 7vw auto, auto; } }
    .sec_top_contact .container .txtarea {
      padding: 3vw 0 0;
      text-align: center;
      font-size: 1.2vw; }

@media all and (max-width: 860px) {
  .sec_top_contact {
    background: url(../images/bg_top_sec_04.jpg) no-repeat top center;
    background-size: 180% auto;
    padding: 0 0 12vw; }
    .sec_top_contact .container {
      padding: 0vw 10vw; }
      .sec_top_contact .container .sec_mds {
        font-size: 6vw;
        text-align: center;
        color: #fff;
        line-height: 1;
        padding: 2vw 0;
        margin: 0; }
      .sec_top_contact .container .contact_btn_area {
        display: flex;
        justify-content: space-between;
        padding: 0 0; }
        .sec_top_contact .container .contact_btn_area .btn_mail {
          /*
						width: 49%;
						a {
							width: 100%;//15vw;
							height: 12.0vw;
							display: inline-block;
							//background: #ff0 url(../images/bticon_note.png) 1vw center no-repeat;
							background:url(../images/bticon_mail.png),linear-gradient(to right top, #8145d8, #fd79c2);
							background-position: 3vw center,center center ;
							background-repeat: no-repeat,no-repeat;
							background-size: 10vw auto,auto;
							text-align: center;
							//border: 1px solid #f00;
							text-decoration: none;
							font-size: 3.0vw;
							line-height: 1.2;
							padding: 2.4vw 1.5vw 1.0vw 12vw;
							border-radius: 4px;
							color: #fff;
							//font-weight: bold;
							box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
							margin: 0;
							font-weight: bold;
						}
						*/ }
          .sec_top_contact .container .contact_btn_area .btn_mail a {
            width: 22.4vw;
            display: inline-block;
            background: url(../images/bticon_mail.png), linear-gradient(to right top, #8145d8, #fd79c2);
            background-position: 2vw center,center center;
            background-repeat: no-repeat;
            background-size: 6vw auto,auto;
            text-align: center;
            text-decoration: none;
            font-size: 1.8vw;
            line-height: 1.2;
            padding: 1.6vw 1.5vw 1.6vw 8vw;
            border-radius: 10px;
            color: #fff;
            box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease-out; }
            .sec_top_contact .container .contact_btn_area .btn_mail a:hover {
              box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.06); } }
        @media all and (max-width: 860px) and (max-width: 750px) {
          .sec_top_contact .container .contact_btn_area .btn_mail {
            width: 49%; }
            .sec_top_contact .container .contact_btn_area .btn_mail a {
              width: 100%;
              height: 12.0vw;
              display: inline-block;
              background: url(../images/bticon_mail.png), linear-gradient(to right top, #8145d8, #fd79c2);
              background-position: 3vw center,center center;
              background-repeat: no-repeat,no-repeat;
              background-size: 10vw auto,auto;
              text-align: center;
              text-decoration: none;
              font-size: 3.0vw;
              line-height: 1.2;
              padding: 2.4vw 1.5vw 1.0vw 12vw;
              border-radius: 4px;
              color: #fff;
              box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
              margin: 0;
              font-weight: bold; } }

@media all and (max-width: 860px) {
          .sec_top_contact .container .contact_btn_area .btn_mail.jp_btn a {
            padding: 2vw 1.5vw 2vw 8vw; } }
        @media all and (max-width: 860px) and (max-width: 750px) {
          .sec_top_contact .container .contact_btn_area .btn_mail.jp_btn a {
            font-size: 3.4vw;
            padding: 4.2vw 0 1vw 12vw; } }

@media all and (max-width: 860px) {
        .sec_top_contact .container .contact_btn_area .btn_note {
          /*
						width: 49%;
						a {
							width: 100%;
							height: 12.0vw;
							display: inline-block;
							//background: #ff0 url(../images/bticon_note.png) 1vw center no-repeat;
							background:url(../images/bticon_note.png),linear-gradient(to right top, #304dc3, #00c4a6);
							background-position: 3vw center,center center ;
							background-repeat: no-repeat,no-repeat;
							background-size: 10vw auto,auto;
							text-align: center;
							//border: 1px solid #f00;
							text-decoration: none;
							font-size: 3.0vw;
							line-height: 1.2;
							padding: 2.4vw 1.5vw 1.0vw 12vw;
							border-radius: 4px;
							color: #fff;
							//font-weight: bold;
							box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
							margin: 0;
							font-weight: bold;
						}
						*/ }
          .sec_top_contact .container .contact_btn_area .btn_note a {
            width: 22.4vw;
            display: inline-block;
            background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
            background-position: 2vw center,center center;
            background-repeat: no-repeat;
            background-size: 6vw auto,auto;
            text-align: center;
            text-decoration: none;
            font-size: 1.8vw;
            line-height: 1.2;
            padding: 1.6vw 1.5vw 1.6vw 8vw;
            border-radius: 10px;
            color: #fff;
            box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease-out; }
            .sec_top_contact .container .contact_btn_area .btn_note a:hover {
              box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.06); } }
        @media all and (max-width: 860px) and (max-width: 750px) {
          .sec_top_contact .container .contact_btn_area .btn_note {
            width: 49%; }
            .sec_top_contact .container .contact_btn_area .btn_note a {
              width: 100%;
              height: 12.0vw;
              display: inline-block;
              background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
              background-position: 3vw center,center center;
              background-repeat: no-repeat,no-repeat;
              background-size: 10vw auto,auto;
              text-align: center;
              text-decoration: none;
              font-size: 3.0vw;
              line-height: 1.2;
              padding: 2.4vw 1.5vw 1.0vw 12vw;
              border-radius: 4px;
              color: #fff;
              box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
              margin: 0;
              font-weight: bold; } }

@media all and (max-width: 860px) {
          .sec_top_contact .container .contact_btn_area .btn_note.jp_btn a {
            padding: 2vw 1.5vw 2vw 8vw; } }
        @media all and (max-width: 860px) and (max-width: 750px) {
          .sec_top_contact .container .contact_btn_area .btn_note.jp_btn a {
            font-size: 3.4vw;
            padding: 4.2vw 0 1vw 11vw; } }

@media all and (max-width: 860px) {
      .sec_top_contact .container .txtarea {
        padding: 3vw 0 0;
        text-align: center;
        font-size: 3.4vw; } }

.sec_top_news {
  background: url(../images/bg_top_sec_05.jpg) no-repeat top center;
  background-size: contain;
  padding: 0 0 8vw; }
  .sec_top_news .container {
    padding: 0vw 15.2vw; }
    .sec_top_news .container .sec_mds {
      font-size: 3vw;
      text-align: center;
      color: #fff;
      line-height: 1;
      padding: 2vw 0;
      margin: 0;
      font-weight: 500; }
    .sec_top_news .container .news_area {
      background-color: rgba(255, 255, 255, 0.48);
      box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
      -webkit-backdrop-filter: blur(5px);
      /* ぼかしエフェクト */
      backdrop-filter: blur(5px);
      border-radius: 10px;
      padding: 2vw 3vw; }
      .sec_top_news .container .news_area .news_list {
        font-size: 1.4vw; }
        .sec_top_news .container .news_area .news_list a {
          text-decoration: none;
          color: #000;
          display: block;
          border-bottom: 1px solid #adadab;
          padding: 1.3vw 0;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          transition: all 0.3s ease-out; }
          .sec_top_news .container .news_area .news_list a .news_list_ymd {
            display: inline-block;
            padding: 0 0.5em 0 0;
            font-weight: bold;
            min-width: 15%; }
            .sec_top_news .container .news_area .news_list a .news_list_ymd.lang_jp {
              min-width: 20%; }
          .sec_top_news .container .news_area .news_list a:hover {
            padding: 2.2vw 0; }
      .sec_top_news .container .news_area .more_btn {
        text-align: center;
        padding: 3vw 0 0 0; }
        .sec_top_news .container .news_area .more_btn a {
          text-align: center;
          font-weight: bold;
          text-decoration: none;
          color: #000;
          font-size: 1.2vw;
          width: 7vw;
          height: 2vw;
          padding: 0 0.3vw 0 0;
          display: inline-block;
          background: url(../images/arw_more.png) no-repeat center bottom;
          background-size: 100% auto;
          line-height: 1.4; }

@media all and (max-width: 860px) {
  .sec_top_news {
    background: url(../images/bg_top_sec_05.jpg) no-repeat top center;
    background-size: 180% auto;
    padding: 0 0 8vw; }
    .sec_top_news .container {
      padding: 0vw 10vw; }
      .sec_top_news .container .sec_mds {
        font-size: 6vw;
        text-align: center;
        color: #fff;
        line-height: 1;
        padding: 2vw 0;
        margin: 0; }
      .sec_top_news .container .news_area {
        background-color: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        padding: 2vw 3vw 6vw; }
        .sec_top_news .container .news_area .news_list {
          font-size: 3.4vw; }
          .sec_top_news .container .news_area .news_list a {
            text-decoration: none;
            color: #000;
            display: block;
            border-bottom: 1px solid #adadab;
            padding: 0.5vw 0;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
            .sec_top_news .container .news_area .news_list a .news_list_ymd {
              display: block;
              padding: 0 0.5em 0 0;
              font-weight: bold; }
            .sec_top_news .container .news_area .news_list a:hover {
              background: #f5f5f3; }
        .sec_top_news .container .news_area .more_btn {
          text-align: center;
          margin: 4vw auto 0; }
          .sec_top_news .container .news_area .more_btn a {
            /* text-align: center;
						font-weight: bold;
						color: #000;
						text-decoration: none; */
            font-size: 4vw;
            width: 22vw;
            height: 6vw; } }

footer {
  background: linear-gradient(to right top, #304dc3, #00c4a6); }
  footer .container {
    color: #fff; }
    footer .container .ft_nav .ft_nav_list {
      flex-wrap: wrap;
      align-items: flex-start;
      width: 60%;
      border-bottom: 1px solid;
      text-align: center;
      margin: 0 auto;
      padding: 3vw 0 3vw; }
      footer .container .ft_nav .ft_nav_list .ft_nav_list_item {
        display: inline-block; }
        footer .container .ft_nav .ft_nav_list .ft_nav_list_item a {
          text-decoration: none;
          padding: 0 1em;
          font-size: 1.2vw;
          line-height: 1.0;
          color: #fff; }
          footer .container .ft_nav .ft_nav_list .ft_nav_list_item a:hover {
            text-decoration: underline; }
    footer .container .comp_list {
      display: flex;
      justify-content: space-between;
      padding: 1.4vw 25vw 0;
      font-size: 0.8vw; }
      footer .container .comp_list .comp_list_item {
        width: 26%;
        text-align: left; }
        footer .container .comp_list .comp_list_item .sp_br {
          display: none; }
        footer .container .comp_list .comp_list_item .pc_br {
          display: block; }
        footer .container .comp_list .comp_list_item a {
          text-decoration: underline;
          color: #fff; }
    footer .container .copy {
      font-size: 0.8vw;
      text-align: center;
      padding: 4vw 0 1vw; }

@media all and (max-width: 750px) {
  footer {
    background: linear-gradient(to right top, #304dc3, #00c4a6); }
    footer .container {
      color: #fff;
      padding: 0 10vw; }
      footer .container .ft_nav .ft_nav_list {
        flex-wrap: wrap;
        align-items: flex-start;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid;
        text-align: center;
        margin: 0 auto;
        padding: 3vw 0 3vw; }
        footer .container .ft_nav .ft_nav_list .ft_nav_list_item {
          display: inline-block; }
          footer .container .ft_nav .ft_nav_list .ft_nav_list_item a {
            text-decoration: none;
            padding: 0 1em;
            font-size: 3.0vw;
            line-height: 1.6;
            color: #fff; }
      footer .container .comp_list {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 4vw 0 0;
        font-size: 3.0vw; }
        footer .container .comp_list .comp_list_item {
          width: 100%;
          text-align: left;
          padding: 0 0 3vw; }
          footer .container .comp_list .comp_list_item .sp_br {
            display: block; }
          footer .container .comp_list .comp_list_item .pc_br {
            display: none; }
          footer .container .comp_list .comp_list_item a {
            text-decoration: underline;
            color: #fff; }
      footer .container .copy {
        font-size: 2.2vw;
        text-align: center;
        padding: 6vw 0 1vw; } }

.sec_news_list.news_single .container .news_list_area .news_list_item {
  border: none; }
  .sec_news_list.news_single .container .news_list_area .news_list_item .news_mds {
    font-size: 2.08333vw;
    font-weight: normal; }
    @media all and (max-width: 750px) {
      .sec_news_list.news_single .container .news_list_area .news_list_item .news_mds {
        font-size: 4.6875vw;
        padding: 0 0 4vw; } }
  .sec_news_list.news_single .container .news_list_area .news_list_item a {
    display: inline-block;
    text-decoration: underline;
    transition: none; }
    .sec_news_list.news_single .container .news_list_area .news_list_item a:hover {
      padding: 1.4vw 0; }
  .sec_news_list.news_single .container .news_list_area .news_list_item .imgarea {
    padding: 2vw 0; }
    .sec_news_list.news_single .container .news_list_area .news_list_item .imgarea.full_img img {
      width: 100%;
      height: auto; }
    @media all and (max-width: 950px) {
      .sec_news_list.news_single .container .news_list_area .news_list_item .imgarea img {
        width: 100%;
        height: auto; } }

.sec_news_list .container .news_list_area {
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 2vw 4vw; }
  .sec_news_list .container .news_list_area .news_list_item {
    border-bottom: 1px solid #adadab; }
    .sec_news_list .container .news_list_area .news_list_item a {
      text-decoration: none;
      padding: 1.4vw 0;
      display: block;
      color: #000;
      transition: all 0.3s ease-out; }
      .sec_news_list .container .news_list_area .news_list_item a:hover {
        padding: 2.0vw 0; }
      @media all and (max-width: 750px) {
        .sec_news_list .container .news_list_area .news_list_item a {
          padding: 4vw 0; }
          .sec_news_list .container .news_list_area .news_list_item a:hover {
            padding: 5.0vw 0; } }
      .sec_news_list .container .news_list_area .news_list_item a .news_ymd {
        font-size: 1.35417vw;
        font-weight: bold;
        line-height: 1.5;
        margin: 0;
        padding: 0; }
        @media all and (max-width: 750px) {
          .sec_news_list .container .news_list_area .news_list_item a .news_ymd {
            font-size: 3.46667vw; } }
      .sec_news_list .container .news_list_area .news_list_item a .news_mds {
        font-weight: normal;
        line-height: 1;
        margin: 0;
        padding: 1vw 0 0; }
        .sec_news_list .container .news_list_area .news_list_item a .news_mds p {
          width: 100%;
          font-size: 1.35417vw;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          padding: 0 0;
          line-height: 1.3; }
          @media all and (max-width: 750px) {
            .sec_news_list .container .news_list_area .news_list_item a .news_mds p {
              font-size: 3.46667vw; } }

.sec_btm_contact .container {
  padding: 0 15.2vw 8vw;
  margin: 0 0 0 0; }
  @media all and (max-width: 750px) {
    .sec_btm_contact .container {
      padding: 6vw 10vw 12vw; } }
  .sec_btm_contact .container .sec_mds {
    font-size: 3vw;
    text-align: center;
    font-weight: normal; }
  .sec_btm_contact .container .contact_btn_area {
    display: flex;
    justify-content: space-between;
    padding: 0 10vw;
    /*
				.btn_mail {
					a {
						width: 22.4vw;
						display: inline-block;
						background:url(../images/bticon_mail.png),linear-gradient(to right top, #8145d8, #fd79c2);
						background-position: 1vw center,center center ;
						background-repeat: no-repeat;
						text-align: center;
						text-decoration: none;
						font-size: 1.8vw;
						line-height: 1.2;
						padding: 1.6vw 1.5vw 1.6vw 8vw;
						border-radius: 10px;
						color: #fff;
						box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
						transition: all 0.3s ease-out;
						&:hover {
							box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.06);
						}						
					}
				}
				.btn_note {
					a {
						width: 22.4vw;
						display: inline-block;
						background:url(../images/bticon_note.png),linear-gradient(to right top, #304dc3, #00c4a6);
						background-position: 1vw center,center center ;
						background-repeat: no-repeat;
						text-align: center;
						text-decoration: none;
						font-size: 1.8vw;
						line-height: 1.2;
						padding: 1.6vw 1.5vw 1.6vw 8vw;
						border-radius: 10px;
						color: #fff;
						box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
						transition: all 0.3s ease-out;
						&:hover {
							box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.06);
						}						
					}
				}
*/ }
    @media all and (max-width: 750px) {
      .sec_btm_contact .container .contact_btn_area {
        padding: 0vw 0; } }
    .sec_btm_contact .container .contact_btn_area .btn_mail a {
      width: 22.4vw;
      display: inline-block;
      background: url(../images/bticon_mail.png), linear-gradient(to right top, #8145d8, #fd79c2);
      background-position: 2vw center,center center;
      background-repeat: no-repeat;
      background-size: 6vw auto,auto;
      text-align: center;
      text-decoration: none;
      font-size: 1.8vw;
      line-height: 1.2;
      padding: 1.6vw 1.5vw 1.6vw 8vw;
      border-radius: 10px;
      color: #fff;
      box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
      transition: all 0.3s ease-out; }
      .sec_btm_contact .container .contact_btn_area .btn_mail a:hover {
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.06); }
    @media all and (max-width: 750px) {
      .sec_btm_contact .container .contact_btn_area .btn_mail {
        width: 49%; }
        .sec_btm_contact .container .contact_btn_area .btn_mail a {
          width: 100%;
          height: 12.0vw;
          display: inline-block;
          background: url(../images/bticon_mail.png), linear-gradient(to right top, #8145d8, #fd79c2);
          background-position: 3vw center,center center;
          background-repeat: no-repeat,no-repeat;
          background-size: 10vw auto,auto;
          text-align: center;
          text-decoration: none;
          font-size: 3.0vw;
          line-height: 1.2;
          padding: 2.4vw 1.5vw 1.0vw 12vw;
          border-radius: 4px;
          color: #fff;
          box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
          margin: 0;
          font-weight: bold; } }
    .sec_btm_contact .container .contact_btn_area .btn_mail.jp_btn a {
      padding: 2vw 1.5vw 2vw 8vw; }
    @media all and (max-width: 750px) {
      .sec_btm_contact .container .contact_btn_area .btn_mail.jp_btn a {
        font-size: 3.4vw;
        padding: 4.2vw 0 1vw 12vw; } }
    .sec_btm_contact .container .contact_btn_area .btn_note a {
      width: 22.4vw;
      display: inline-block;
      background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
      background-position: 2vw center,center center;
      background-repeat: no-repeat;
      background-size: 6vw auto,auto;
      text-align: center;
      text-decoration: none;
      font-size: 1.8vw;
      line-height: 1.2;
      padding: 1.6vw 1.5vw 1.6vw 8vw;
      border-radius: 10px;
      color: #fff;
      box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
      transition: all 0.3s ease-out; }
      .sec_btm_contact .container .contact_btn_area .btn_note a:hover {
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.06); }
    @media all and (max-width: 750px) {
      .sec_btm_contact .container .contact_btn_area .btn_note {
        width: 49%; }
        .sec_btm_contact .container .contact_btn_area .btn_note a {
          width: 100%;
          height: 12.0vw;
          display: inline-block;
          background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
          background-position: 3vw center,center center;
          background-repeat: no-repeat,no-repeat;
          background-size: 10vw auto,auto;
          text-align: center;
          text-decoration: none;
          font-size: 3.0vw;
          line-height: 1.2;
          padding: 2.4vw 1.5vw 1.0vw 12vw;
          border-radius: 4px;
          color: #fff;
          box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
          margin: 0;
          font-weight: bold; } }
    .sec_btm_contact .container .contact_btn_area .btn_note.jp_btn a {
      padding: 2vw 1.5vw 2vw 8vw; }
    @media all and (max-width: 750px) {
      .sec_btm_contact .container .contact_btn_area .btn_note.jp_btn a {
        font-size: 3.4vw;
        padding: 4.2vw 0 1vw 11vw; } }
  .sec_btm_contact .container .txtarea {
    padding: 3vw 0 0;
    text-align: center;
    font-size: 1.2vw; }

/*-------------- CONATCT PAGE------------------------------------------------------------------------------------------------------------------------------------ */
/* input */
/* inputにフォーカスが当たっている時 */
input:focus {
  border-bottom: 1px solid #e74c3c; }

.sec_contact {
  background: url(../images/bg_top_sec_01.jpg) no-repeat top center;
  background-size: contain;
  padding: 0 0 12vw; }
  .sec_contact .container {
    padding: 0vw 19.2vw; }
    .sec_contact .container .sec_mds {
      font-size: 3vw;
      text-align: center;
      color: #fff;
      line-height: 1;
      padding: 2.2vw 0 3vw;
      margin: 0;
      font-weight: 500; }
    .sec_contact .container .form_area {
      background-color: rgba(255, 255, 255, 0.48);
      box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
      -webkit-backdrop-filter: blur(5px);
      /* ぼかしエフェクト */
      backdrop-filter: blur(5px);
      border-radius: 10px;
      padding: 7vw 6vw;
      word-break: break-all; }
      .sec_contact .container .form_area .text-danger {
        color: #f00; }
      .sec_contact .container .form_area .form_list_area .form_list_item {
        display: flex;
        justify-content: space-between;
        padding: 0 0 5vw; }
        .sec_contact .container .form_area .form_list_area .form_list_item .form_th {
          width: 35%;
          font-size: 1.2vw;
          padding: 1vw 0 0; }
        .sec_contact .container .form_area .form_list_area .form_list_item .form_td {
          width: 100%;
          text-align: justify; }
          .sec_contact .container .form_area .form_list_area .form_list_item .form_td.widthhalf {
            width: 50%; }
            .sec_contact .container .form_area .form_list_area .form_list_item .form_td.widthhalf .input_form {
              width: 95%; }
          .sec_contact .container .form_area .form_list_area .form_list_item .form_td .input_form {
            /* 背景色(任意の色を指定) */
            background-color: #fff;
            /* inputの枠線を消す */
            border: 1px solid #adadab;
            /* 文字色を親から継承 */
            color: inherit;
            /* 任意の高さ */
            height: 3.6vw;
            width: 100%;
            /*inputのフォーカス時の枠線を消す*/
            outline: 0;
            border-radius: 100vh;
            margin: 0;
            padding: 0 0 0 1.4vw;
            font-size: 1.4vw; }
            .sec_contact .container .form_area .form_list_area .form_list_item .form_td .input_form::-webkit-input-placeholder {
              color: #adadab;
              font-size: 1.2vw;
              line-height: 1;
              padding: 0 0 0 0;
              margin: 0 0 0 0; }
      .sec_contact .container .form_area .form_list_area .form_list_item_v {
        display: flex;
        justify-content: space-between;
        flex-direction: column; }
        .sec_contact .container .form_area .form_list_area .form_list_item_v .form_th {
          width: 100%;
          font-size: 1.2vw;
          padding: 1vw 0 1.5vw; }
        .sec_contact .container .form_area .form_list_area .form_list_item_v .form_td .input_form_fa {
          width: 100%;
          /* 背景色(任意の色を指定) */
          background-color: #fff;
          /* inputの枠線を消す */
          border: 1px solid #adadab;
          /* 文字色を親から継承 */
          color: inherit;
          /* 任意の高さ */
          width: 100%;
          /*inputのフォーカス時の枠線を消す*/
          outline: 0;
          border-radius: 10px;
          font-size: 1.4vw;
          line-height: 1.4;
          padding: 1.0vw 1.0vw; }
      .sec_contact .container .form_area .form_notice {
        padding: 3vw 0 6vw; }
        .sec_contact .container .form_area .form_notice .form_notice_item {
          padding: 0 0 1em;
          font-size: 1.0vw;
          line-height: 1.2;
          list-style: disc;
          margin: 0 0 0 1em; }
      .sec_contact .container .form_area .form_btn {
        text-align: center; }
        .sec_contact .container .form_area .form_btn button, .sec_contact .container .form_area .form_btn input[type='submit'] {
          width: 20vw;
          display: inline-block;
          background: linear-gradient(to right top, #8145d8, #fd79c2);
          background-repeat: no-repeat;
          text-align: center;
          text-decoration: none;
          font-size: 1.2vw;
          line-height: 1.2;
          height: 4.2vw;
          padding: 1.0vw 1.0vw 1.0vw;
          border-radius: 100vh;
          color: #fff;
          box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
          margin: 0 auto;
          border: none;
          transition: border 0.2s ease-out; }

@media all and (max-width: 860px) {
  .sec_contact {
    background: url(../images/bg_top_sec_01.jpg) no-repeat top center;
    background-size: 180% auto;
    padding: 0 0 12vw; }
    .sec_contact .container {
      padding: 0vw 10vw; }
      .sec_contact .container .sec_mds {
        font-size: 6vw;
        text-align: center;
        color: #fff;
        line-height: 1;
        padding: 2.2vw 0 3vw;
        margin: 0;
        font-weight: 500; }
      .sec_contact .container .form_area {
        background-color: rgba(255, 255, 255, 0.48);
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
        -webkit-backdrop-filter: blur(5px);
        /* ぼかしエフェクト */
        backdrop-filter: blur(5px);
        border-radius: 10px;
        padding: 7vw 6vw;
        word-break: break-word; }
        .sec_contact .container .form_area .form_list_area .form_list_item {
          display: flex;
          justify-content: space-between;
          padding: 0 0 5vw;
          flex-direction: column; }
          .sec_contact .container .form_area .form_list_area .form_list_item .form_th {
            width: 100%;
            font-size: 3.8vw;
            padding: 1vw 0 0; }
          .sec_contact .container .form_area .form_list_area .form_list_item .form_td {
            width: 100%;
            text-align: justify; }
            .sec_contact .container .form_area .form_list_area .form_list_item .form_td.widthhalf {
              width: 50%; }
              .sec_contact .container .form_area .form_list_area .form_list_item .form_td.widthhalf .input_form {
                width: 95%; }
            .sec_contact .container .form_area .form_list_area .form_list_item .form_td .input_form {
              /* 背景色(任意の色を指定) */
              background-color: #fff;
              /* inputの枠線を消す */
              border: 1px solid #adadab;
              /* 文字色を親から継承 */
              color: inherit;
              /* 任意の高さ */
              height: 8vw;
              width: 100%;
              /*inputのフォーカス時の枠線を消す*/
              outline: 0;
              border-radius: 100vh;
              margin: 0;
              padding: 0 0 0 1.4vw;
              font-size: 4.0vw; }
              .sec_contact .container .form_area .form_list_area .form_list_item .form_td .input_form::-webkit-input-placeholder {
                color: #adadab;
                font-size: 4vw;
                line-height: 1;
                padding: 0 0 0 0;
                margin: 0 0 0 0; }
        .sec_contact .container .form_area .form_list_area .form_list_item_v {
          display: flex;
          justify-content: space-between;
          flex-direction: column; }
          .sec_contact .container .form_area .form_list_area .form_list_item_v .form_th {
            width: 100%;
            font-size: 4vw;
            padding: 1vw 0 1.5vw; }
          .sec_contact .container .form_area .form_list_area .form_list_item_v .form_td .input_form_fa {
            width: 100%;
            /* 背景色(任意の色を指定) */
            background-color: #fff;
            /* inputの枠線を消す */
            border: 1px solid #adadab;
            /* 文字色を親から継承 */
            color: inherit;
            /* 任意の高さ */
            width: 100%;
            /*inputのフォーカス時の枠線を消す*/
            outline: 0;
            border-radius: 10px;
            font-size: 4vw;
            line-height: 1.4;
            padding: 2.0vw 2.0vw; }
        .sec_contact .container .form_area .form_notice {
          padding: 3vw 0 6vw; }
          .sec_contact .container .form_area .form_notice .form_notice_item {
            padding: 0 0 1em;
            font-size: 3.0vw;
            line-height: 1.2;
            list-style: disc;
            margin: 0 0 0 1em; }
        .sec_contact .container .form_area .form_btn {
          text-align: center; }
          .sec_contact .container .form_area .form_btn button, .sec_contact .container .form_area .form_btn input[type='submit'] {
            width: 40vw;
            display: inline-block;
            background: linear-gradient(to right top, #8145d8, #fd79c2);
            background-repeat: no-repeat;
            text-align: center;
            text-decoration: none;
            font-size: 6vw;
            line-height: 1.2;
            height: 12.0vw;
            padding: 1.0vw 1.0vw 1.0vw;
            border-radius: 100vh;
            color: #fff;
            box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
            margin: 0 auto;
            border: none;
            transition: border 0.2s ease-out; } }

.sec_faq_list {
  background: url(../images/bg_top_sec_02.jpg) no-repeat top center;
  background-size: 100% auto;
  padding: 0 0 12vw; }
  .sec_faq_list .container {
    padding: 0vw 19.2vw; }
    .sec_faq_list .container .sec_mds {
      font-size: 3vw;
      text-align: center;
      color: #fff;
      line-height: 1;
      padding: 2.2vw 0 3vw;
      margin: 0;
      font-weight: 500; }
    .sec_faq_list .container .faq_list_area {
      background-color: rgba(255, 255, 255, 0.48);
      box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
      -webkit-backdrop-filter: blur(5px);
      /* ぼかしエフェクト */
      backdrop-filter: blur(5px);
      border-radius: 10px;
      padding: 7vw 6vw; }
      .sec_faq_list .container .faq_list_area .faq_list_item {
        border-bottom: 1px solid #000;
        padding: 0 0 0 3vw;
        font-size: 1.6vw; }
        .sec_faq_list .container .faq_list_area .faq_list_item .faq_q_wrap {
          cursor: pointer;
          padding: 2vw 0 2vw 3vw;
          margin: 0 0 0 -3vw;
          position: relative;
          text-indent: -3vw; }
          .sec_faq_list .container .faq_list_area .faq_list_item .faq_q_wrap .faq_q {
            padding: 0 0.5em 0 0;
            font-size: 2.2vw; }
          .sec_faq_list .container .faq_list_area .faq_list_item .faq_q_wrap::after {
            content: '+';
            display: inline-block;
            width: 1.5vw;
            height: 1.5vw;
            line-height: 1;
            margin: 0;
            padding: 0;
            position: absolute;
            right: -3vw;
            top: 40%; }
          .sec_faq_list .container .faq_list_area .faq_list_item .faq_q_wrap.open::after {
            content: "─"; }
        .sec_faq_list .container .faq_list_area .faq_list_item .faq_a_wrap {
          display: none;
          padding: 0 0 4vw 3vw;
          margin: 0 0 0 -3vw;
          text-indent: -3vw; }
          .sec_faq_list .container .faq_list_area .faq_list_item .faq_a_wrap .faq_a {
            padding: 0 0.5em 0 0.18vw;
            font-size: 2.2vw; }

@media all and (max-width: 860px) {
  .sec_faq_list {
    background: url(../images/bg_top_sec_02.jpg) no-repeat top center;
    background-size: 180% auto;
    padding: 0 0 12vw; }
    .sec_faq_list .container {
      padding: 0vw 10vw; }
      .sec_faq_list .container .sec_mds {
        font-size: 6vw;
        text-align: center;
        color: #fff;
        line-height: 1;
        padding: 2.2vw 0 3vw;
        margin: 0;
        font-weight: 500; }
      .sec_faq_list .container .faq_list_area {
        background-color: rgba(255, 255, 255, 0.48);
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
        -webkit-backdrop-filter: blur(5px);
        /* ぼかしエフェクト */
        backdrop-filter: blur(5px);
        border-radius: 10px;
        padding: 7vw 6vw; }
        .sec_faq_list .container .faq_list_area .faq_list_item {
          border-bottom: 1px solid #000;
          font-size: 3.4vw; }
          .sec_faq_list .container .faq_list_area .faq_list_item .faq_q_wrap {
            cursor: pointer;
            padding: 4vw 10vw 4vw 8vw;
            text-indent: -8vw;
            position: relative; }
            .sec_faq_list .container .faq_list_area .faq_list_item .faq_q_wrap .faq_q {
              padding: 0 0.5em 0 0;
              font-size: 5vw; }
            .sec_faq_list .container .faq_list_area .faq_list_item .faq_q_wrap::after {
              content: '+';
              display: inline-block;
              width: 1.5vw;
              height: 1.5vw;
              line-height: 1;
              margin: 0;
              padding: 0;
              position: absolute;
              right: -7vw;
              top: 46%; }
            .sec_faq_list .container .faq_list_area .faq_list_item .faq_q_wrap.open::after {
              content: "─"; }
          .sec_faq_list .container .faq_list_area .faq_list_item .faq_a_wrap {
            display: none;
            padding: 0 0 4vw 8vw;
            text-indent: -8vw; }
            .sec_faq_list .container .faq_list_area .faq_list_item .faq_a_wrap .faq_a {
              padding: 0 0.5em 0 0.18vw;
              font-size: 5vw; } }

/*-------------- DOCUMENTS DETAIL0 PAGE------------------------------------------------------------------------------------------------------------------------------------ */
.sec_doc_summary {
  margin: 0 0 5vw; }
  .sec_doc_summary .container {
    padding: 0vw 8vw; }
    .sec_doc_summary .container .doc_summary_area {
      background-color: rgba(255, 255, 255, 0.48);
      box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
      -webkit-backdrop-filter: blur(5px);
      /* ぼかしエフェクト */
      backdrop-filter: blur(5px);
      border-radius: 10px;
      padding: 4vw 4vw 8vw;
      border-left: 3vw solid #009bd6; }
      .sec_doc_summary .container .doc_summary_area .sec_mds {
        font-size: 2.2vw;
        line-height: 1.4;
        text-align: left;
        padding: 0 0 1vw;
        margin: 0 0 2vw;
        border-bottom: 1px solid #304dc3; }
      .sec_doc_summary .container .doc_summary_area .doc_summary_list {
        display: flex;
        justify-content: space-between; }
        .sec_doc_summary .container .doc_summary_area .doc_summary_list .imgarea {
          width: 55%; }
          .sec_doc_summary .container .doc_summary_area .doc_summary_list .imgarea img {
            width: 100%;
            height: auto; }
        .sec_doc_summary .container .doc_summary_area .doc_summary_list .txtarea {
          width: 40%;
          font-size: 1.2vw;
          line-height: 1.6; }

.sec_request_doc .container {
  padding: 6vw 15.2vw 0;
  margin-top: -10vw;
  background: #d3e0e8; }
  .sec_request_doc .container .sec_mds {
    font-size: 3vw;
    text-align: center;
    margin: 4vw 0 0 0; }
  .sec_request_doc .container .form_area {
    padding: 5vw 8vw;
    word-break: break-all; }
    .sec_request_doc .container .form_area .text-danger {
      color: #f00; }
    .sec_request_doc .container .form_area .form_list_area .form_list_item {
      display: flex;
      justify-content: space-between;
      padding: 0 0 5vw; }
      .sec_request_doc .container .form_area .form_list_area .form_list_item .form_th {
        width: 35%;
        font-size: 1.2vw;
        padding: 1vw 0 0; }
      .sec_request_doc .container .form_area .form_list_area .form_list_item .form_td {
        width: 65%; }
        .sec_request_doc .container .form_area .form_list_area .form_list_item .form_td .input_form {
          /* 背景色(任意の色を指定) */
          background-color: #fff;
          /* inputの枠線を消す */
          border: 1px solid #adadab;
          /* 文字色を親から継承 */
          color: inherit;
          /* 任意の高さ */
          height: 3.6vw;
          width: 100%;
          /*inputのフォーカス時の枠線を消す*/
          outline: 0;
          border-radius: 100vh;
          margin: 0;
          padding: 0 0 0 1.4vw;
          font-size: 1.4vw; }
          .sec_request_doc .container .form_area .form_list_area .form_list_item .form_td .input_form::-webkit-input-placeholder {
            color: #adadab;
            font-size: 1.2vw;
            line-height: 1;
            padding: 0 0 0 0;
            margin: 0 0 0 0; }
    .sec_request_doc .container .form_area .form_list_area .form_list_item_v {
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
      .sec_request_doc .container .form_area .form_list_area .form_list_item_v .form_th {
        width: 100%;
        font-size: 1.2vw;
        padding: 1vw 0 1.5vw; }
      .sec_request_doc .container .form_area .form_list_area .form_list_item_v .form_td .input_form_fa {
        width: 100%;
        /* 背景色(任意の色を指定) */
        background-color: #fff;
        /* inputの枠線を消す */
        border: 1px solid #adadab;
        /* 文字色を親から継承 */
        color: inherit;
        /* 任意の高さ */
        width: 100%;
        /*inputのフォーカス時の枠線を消す*/
        outline: 0;
        border-radius: 10px;
        font-size: 1.4vw;
        line-height: 1.4;
        padding: 1.0vw 1.0vw; }
    .sec_request_doc .container .form_area .form_notice {
      padding: 6vw 0 6vw; }
      .sec_request_doc .container .form_area .form_notice .form_notice_item {
        padding: 0 0 1em;
        font-size: 1.0vw;
        line-height: 1.2;
        list-style: disc;
        margin: 0 0 0 1em; }
    .sec_request_doc .container .form_area .form_btn {
      text-align: center; }
      .sec_request_doc .container .form_area .form_btn button, .sec_request_doc .container .form_area .form_btn input[type='submit'] {
        width: 20vw;
        display: inline-block;
        background: #000;
        background-repeat: no-repeat;
        text-align: center;
        text-decoration: none;
        font-size: 1.2vw;
        line-height: 1.2;
        height: 4.2vw;
        padding: 1.0vw 1.0vw 1.0vw;
        border-radius: 100vh;
        color: #fff;
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
        margin: 0 auto;
        border: none;
        transition: border 0.2s ease-out; }
        .sec_request_doc .container .form_area .form_btn button:hover, .sec_request_doc .container .form_area .form_btn input[type='submit']:hover {
          background: #009bd6; }

@media all and (max-width: 860px) {
  .sec_doc_summary {
    margin: 5vw 0; }
    .sec_doc_summary .container {
      padding: 0vw 8vw; }
      .sec_doc_summary .container .doc_summary_area {
        background-color: rgba(255, 255, 255, 0.48);
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
        -webkit-backdrop-filter: blur(5px);
        /* ぼかしエフェクト */
        backdrop-filter: blur(5px);
        border-radius: 10px;
        padding: 5vw 6vw;
        border-left: 5vw solid #009bd6; }
        .sec_doc_summary .container .doc_summary_area .sec_mds {
          font-size: 3.4vw;
          line-height: 1.4;
          text-align: left;
          padding: 0 0 2vw;
          margin: 0 0 3vw;
          border-bottom: 1px solid #304dc3; }
        .sec_doc_summary .container .doc_summary_area .doc_summary_list {
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .sec_doc_summary .container .doc_summary_area .doc_summary_list .imgarea {
            width: 100%; }
            .sec_doc_summary .container .doc_summary_area .doc_summary_list .imgarea img {
              width: 100%;
              height: auto; }
          .sec_doc_summary .container .doc_summary_area .doc_summary_list .txtarea {
            width: 100%;
            font-size: 3.4vw;
            line-height: 1.3;
            padding: 1vw 0; }
  .sec_request_doc .container {
    padding: 4vw 15.2vw 0;
    background: #d3e0e8; }
    .sec_request_doc .container .sec_mds {
      font-size: 5vw;
      text-align: center;
      margin: 8vw 0 0 0; }
    .sec_request_doc .container .form_area {
      padding: 5vw 0vw;
      word-break: break-word; }
      .sec_request_doc .container .form_area .form_list_area .form_list_item {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 0 0 5vw; }
        .sec_request_doc .container .form_area .form_list_area .form_list_item .form_th {
          width: 100%;
          font-size: 3.8vw;
          padding: 1vw 0 0; }
        .sec_request_doc .container .form_area .form_list_area .form_list_item .form_td {
          width: 100%; }
          .sec_request_doc .container .form_area .form_list_area .form_list_item .form_td .input_form {
            /* 背景色(任意の色を指定) */
            background-color: #fff;
            /* inputの枠線を消す */
            border: 1px solid #adadab;
            /* 文字色を親から継承 */
            color: inherit;
            /* 任意の高さ */
            height: 8vw;
            width: 100%;
            /*inputのフォーカス時の枠線を消す*/
            outline: 0;
            border-radius: 100vh;
            margin: 0;
            padding: 0 0 0 1.4vw;
            font-size: 4.0vw; }
            .sec_request_doc .container .form_area .form_list_area .form_list_item .form_td .input_form::-webkit-input-placeholder {
              color: #adadab;
              font-size: 3.4vw;
              line-height: 1;
              padding: 0 0 0 0;
              margin: 0 0 0 0; }
      .sec_request_doc .container .form_area .form_list_area .form_list_item_v {
        display: flex;
        justify-content: space-between;
        flex-direction: column; }
        .sec_request_doc .container .form_area .form_list_area .form_list_item_v .form_th {
          width: 100%;
          font-size: 4vw;
          padding: 1vw 0 1.5vw; }
        .sec_request_doc .container .form_area .form_list_area .form_list_item_v .form_td .input_form_fa {
          width: 100%;
          /* 背景色(任意の色を指定) */
          background-color: #fff;
          /* inputの枠線を消す */
          border: 1px solid #adadab;
          /* 文字色を親から継承 */
          color: inherit;
          /* 任意の高さ */
          width: 100%;
          /*inputのフォーカス時の枠線を消す*/
          outline: 0;
          border-radius: 10px;
          font-size: 4vw;
          line-height: 1.4;
          padding: 1.0vw 1.0vw; }
      .sec_request_doc .container .form_area .form_notice {
        padding: 3vw 0 6vw; }
        .sec_request_doc .container .form_area .form_notice .form_notice_item {
          padding: 0 0 1em;
          font-size: 3.0vw;
          line-height: 1.2;
          list-style: disc;
          margin: 0 0 0 1em; }
      .sec_request_doc .container .form_area .form_btn {
        text-align: center;
        margin: 4vw 0 8vw; }
        .sec_request_doc .container .form_area .form_btn button, .sec_request_doc .container .form_area .form_btn input[type='submit'] {
          width: 40vw;
          display: inline-block;
          background: #000;
          background-repeat: no-repeat;
          text-align: center;
          text-decoration: none;
          font-size: 6vw;
          line-height: 1.2;
          height: 12vw;
          padding: 1.0vw 1.0vw 1.0vw;
          border-radius: 100vh;
          color: #fff;
          box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
          margin: 0 auto;
          border: none;
          transition: border 0.2s ease-out; }
          .sec_request_doc .container .form_area .form_btn button:hover, .sec_request_doc .container .form_area .form_btn input[type='submit']:hover {
            background: #009bd6; } }

/*-------------- DOCUMENTS LIST PAGE------------------------------------------------------------------------------------------------------------------------------------ */
.sec_doc_list .container {
  padding: 0vw 15.2vw 8vw; }
  .sec_doc_list .container .doc_list_area .doc_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%; }
    .sec_doc_list .container .doc_list_area .doc_list .doc_list_item {
      width: 30%;
      background-color: rgba(255, 255, 255, 0.48);
      box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
      -webkit-backdrop-filter: blur(5px);
      /* ぼかしエフェクト */
      backdrop-filter: blur(5px);
      border-radius: 10px;
      margin: 1vw; }
      .sec_doc_list .container .doc_list_area .doc_list .doc_list_item:hover {
        box-shadow: 0px 4px 25px 4px rgba(57, 170, 188, 0.4); }
      .sec_doc_list .container .doc_list_area .doc_list .doc_list_item a {
        display: block;
        height: 100%;
        padding: 1vw 1vw 5vw;
        color: #000;
        text-decoration: none;
        background: url(../images/arw_doc_item.png) no-repeat bottom 2vw center;
        background-size: 20% auto; }
        .sec_doc_list .container .doc_list_area .doc_list .doc_list_item a .imgarea img {
          width: 100%;
          height: auto; }
        .sec_doc_list .container .doc_list_area .doc_list .doc_list_item a .doc_mds {
          font-size: 1.1vw;
          line-height: 1.4;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          margin: 1.5vw 0;
          text-align: center; }
        .sec_doc_list .container .doc_list_area .doc_list .doc_list_item a .txtarea {
          font-size: 1.0vw;
          line-height: 1.2;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 4;
          overflow: hidden;
          padding: 1vw 0 0;
          border-top: 1px solid #304dc3;
          border-image: linear-gradient(to right, #304dc3, #00c4a6) 1; }

.doclist_arw_area .container {
  padding: 0vw 20vw 6vw; }
  .doclist_arw_area .container .doclist_arw_list {
    display: flex;
    justify-content: space-between; }
    .doclist_arw_area .container .doclist_arw_list .arw_list_item a {
      text-decoration: none;
      color: #000;
      width: 20vw;
      display: inline-block;
      text-align: center;
      font-size: 1.5vw;
      padding: 0 0 1.5vw; }
    .doclist_arw_area .container .doclist_arw_list .arw_list_item.prev {
      background: url(../images/arw_bklong_left.png) no-repeat bottom 0.5vw center;
      background-size: 70% auto; }
    .doclist_arw_area .container .doclist_arw_list .arw_list_item.next {
      background: url(../images/arw_bklong_right.png) no-repeat bottom 0.5vw center;
      background-size: 70% auto; }
    .doclist_arw_area .container .doclist_arw_list .arw_list_item.v_hidden {
      visibility: hidden; }
  .doclist_arw_area .container .list_back_btn {
    text-align: center;
    margin-top: -3.64583vw; }
    .doclist_arw_area .container .list_back_btn a {
      width: 12.5vw;
      font-size: 1.66667vw;
      display: inline-block;
      margin: 0 auto;
      padding: 0.4vw 0;
      background: #000;
      border-radius: 100vh;
      text-align: center;
      color: #fff;
      text-decoration: none; }
    @media all and (max-width: 750px) {
      .doclist_arw_area .container .list_back_btn {
        margin-top: 8.33333vw; }
        .doclist_arw_area .container .list_back_btn a {
          width: 36.45833vw;
          font-size: 5.20833vw; } }

.npage_btm_btnarea .container {
  padding: 0vw 20vw 12vw; }
  .npage_btm_btnarea .container .btm_btnarea_list {
    display: flex;
    justify-content: center; }
    .npage_btm_btnarea .container .btm_btnarea_list.doc_list .btn_mail a {
      margin: 0 0 0 0; }
    .npage_btm_btnarea .container .btm_btnarea_list .btn_mail a {
      width: 22vw;
      display: inline-block;
      background: linear-gradient(to right top, #8145d8, #fd79c2);
      background-repeat: no-repeat;
      text-align: center;
      text-decoration: none;
      font-size: 1.4vw;
      line-height: 1.2;
      padding: 1.3vw 1.0vw 1.3vw;
      border-radius: 100vh;
      color: #fff;
      margin: 0 2vw 0 0; }
    .npage_btm_btnarea .container .btm_btnarea_list .btn_note a {
      width: 22vw;
      display: inline-block;
      background: linear-gradient(to right top, #304dc3, #00c4a6);
      background-repeat: no-repeat;
      text-align: center;
      text-decoration: none;
      font-size: 1.4vw;
      line-height: 1.2;
      padding: 1.3vw 1.0vw 1.3vw;
      border-radius: 100vh;
      color: #fff; }

@media all and (max-width: 860px) {
  .sec_doc_list .container {
    padding: 0vw 10vw 8vw; }
    .sec_doc_list .container .doc_list_area .doc_list {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      width: 100%; }
      .sec_doc_list .container .doc_list_area .doc_list .doc_list_item {
        width: 44%;
        margin: 2vw; }
        .sec_doc_list .container .doc_list_area .doc_list .doc_list_item a {
          display: block;
          padding: 2vw 2vw 10vw;
          background: url(../images/arw_doc_item.png) no-repeat bottom 4vw center;
          background-size: 20% auto; }
          .sec_doc_list .container .doc_list_area .doc_list .doc_list_item a .imgarea img {
            width: 100%;
            height: auto; }
          .sec_doc_list .container .doc_list_area .doc_list .doc_list_item a .doc_mds {
            font-size: 3.0vw;
            line-height: 1.2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; }
          .sec_doc_list .container .doc_list_area .doc_list .doc_list_item a .txtarea {
            font-size: 3.0vw;
            line-height: 1.0;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            overflow: hidden; }
  .doclist_arw_area .container {
    padding: 0vw 12vw 6vw; }
    .doclist_arw_area .container .doclist_arw_list {
      display: flex;
      justify-content: space-between; }
      .doclist_arw_area .container .doclist_arw_list .arw_list_item a {
        text-decoration: none;
        color: #000;
        width: 20vw;
        display: inline-block;
        text-align: center;
        font-size: 3vw;
        padding: 0 0 1.5vw; }
      .doclist_arw_area .container .doclist_arw_list .arw_list_item.prev {
        background: url(../images/arw_bklong_left.png) no-repeat bottom 0.5vw center;
        background-size: 100% auto; }
      .doclist_arw_area .container .doclist_arw_list .arw_list_item.next {
        background: url(../images/arw_bklong_right.png) no-repeat bottom 0.5vw center;
        background-size: 100% auto; }
  .npage_btm_btnarea .container {
    padding: 0vw 20vw 12vw; }
    .npage_btm_btnarea .container .btm_btnarea_list {
      display: flex;
      justify-content: center;
      flex-direction: column;
      text-align: center; }
      .npage_btm_btnarea .container .btm_btnarea_list .btn_mail a {
        width: 60vw;
        display: inline-block;
        background: linear-gradient(to right top, #8145d8, #fd79c2);
        background-repeat: no-repeat;
        text-align: center;
        text-decoration: none;
        font-size: 4vw;
        line-height: 1.0;
        padding: 4vw 1.0vw 4vw;
        border-radius: 100vh;
        color: #fff;
        margin: 3vw 0 0 0; }
      .npage_btm_btnarea .container .btm_btnarea_list .btn_note a {
        width: 60vw;
        display: inline-block;
        background: linear-gradient(to right top, #304dc3, #00c4a6);
        background-repeat: no-repeat;
        text-align: center;
        text-decoration: none;
        font-size: 4vw;
        line-height: 1.0;
        padding: 4vw 1.0vw 4vw;
        border-radius: 100vh;
        color: #fff;
        margin: 3vw 0 0 0; } }

/*-------------- OUR SERVICE PAGE------------------------------------------------------------------------------------------------------------------------------------ */
.sec_service_lead .container {
  padding: 0vw 15.2vw 4vw; }
  .sec_service_lead .container .lead_msg {
    padding: 0 4vw;
    font-size: 1.35417vw; }
  .sec_service_lead .container .contents_list {
    display: flex;
    justify-content: space-between;
    margin: 5vw 0.5vw 7vw; }
    .sec_service_lead .container .contents_list .list_item {
      width: 11.25vw;
      height: 7.8125vw;
      margin: 0 0.5vw 0;
      position: relative; }
      .sec_service_lead .container .contents_list .list_item a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 9.375vw;
        font-weight: bold;
        border-top: 0.4vw solid;
        border-left: 0.4vw solid;
        border-image: linear-gradient(to left bottom, #86ded0, #01c6aa, #8f9fda) 1;
        font-size: 1.04167vw;
        line-height: 1.4;
        text-align: center;
        text-decoration: none;
        color: #000;
        padding: 1vw 1vw 1vw 0.5vw;
        background: linear-gradient(to left top, rgba(255, 255, 255, 0) 50%, rgba(205, 212, 230, 0.98));
        transition: all 0.08s ease-out; }
      .sec_service_lead .container .contents_list .list_item:before {
        content: '';
        display: block;
        width: 96%;
        height: 8.95833vw;
        border-top: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        position: absolute;
        top: 0.4vw;
        left: 0.4vw;
        pointer-events: none; }
      .sec_service_lead .container .contents_list .list_item:after {
        content: '';
        display: block;
        width: 1.30208vw;
        height: 0.88542vw;
        background: url(../images/arw_ourservice.png) no-repeat bottom left;
        background-size: 100% auto;
        position: absolute;
        top: 9.89583vw;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        pointer-events: none;
        transition: all 0.2s ease-out; }
      .sec_service_lead .container .contents_list .list_item:hover a {
        /*	
			border-top: 0.0vw solid ;
			border-left: 0.0vw solid;
			border-bottom: 0.4vw solid ;
			border-right: 0.4vw solid;		
			border-image: linear-gradient(to right top,#86ded0,#01c6aa,#8f9fda) 1;
			
			background: linear-gradient(to right bottom, rgba(255, 255, 255, 0) 50%,rgba(205,212,230,0.98));
			*/ }
      .sec_service_lead .container .contents_list .list_item:hover:after {
        top: 10.41667vw; }
  @media all and (max-width: 750px) {
    .sec_service_lead .container {
      padding: 0vw 10vw 4vw; }
      .sec_service_lead .container .lead_msg {
        padding: 0 0;
        font-size: 3.46667vw; }
      .sec_service_lead .container .contents_list {
        flex-direction: column;
        padding: 0 0 8vw; }
        .sec_service_lead .container .contents_list .list_item {
          width: 100%;
          height: 13.33333vw;
          margin: 6vw 0.5vw 2vw;
          text-align: center; }
          .sec_service_lead .container .contents_list .list_item a {
            font-size: 3.73333vw;
            height: 16vw;
            font-weight: bold;
            padding: 7vw 0;
            justify-content: center; }
          .sec_service_lead .container .contents_list .list_item:after {
            width: 2.60417vw;
            height: 1.77083vw;
            top: 50%;
            bottom: 0;
            right: 0;
            left: auto;
            margin: 0; } }

.sec_service {
  position: relative;
  /*
	@mixin mds_bar {
		content: '';
		background:linear-gradient(to right, #9e81de, #faa8d8);
		display: block;
		width: 50vw;
		height: 0.15vw;
		position: absolute;
		left: -15.2vw;
		bottom: 0;
	}
*/ }
  .sec_service .container {
    padding: 0vw 15.2vw 10vw;
    display: flex;
    justify-content: space-between; }
    .sec_service .container .mds {
      font-size: 3.125vw;
      line-height: 1.2;
      margin: 0 0 2vw;
      position: relative; }
    .sec_service .container .txtarea {
      width: 34.375vw;
      font-size: 1.14583vw; }
      .sec_service .container .txtarea .mds {
        font-size: 3.125vw;
        line-height: 1.2;
        margin: 0 0 2vw;
        position: relative; }
      .sec_service .container .txtarea .scsv_list {
        padding: 1.5vw 0 0 0; }
        .sec_service .container .txtarea .scsv_list li {
          display: flex;
          align-items: center; }
          .sec_service .container .txtarea .scsv_list li .scsv_th {
            width: 18%;
            border-right: 1px solid #adb8c2;
            padding: 0 1vw 0.6vw 0;
            margin: 0 0 0.6vw; }
            @media all and (max-width: 750px) {
              .sec_service .container .txtarea .scsv_list li .scsv_th {
                width: 20%; } }
          .sec_service .container .txtarea .scsv_list li .scsv_td {
            width: 82%;
            padding: 0 0 0.6vw 1vw;
            margin: 0 0 0.6vw;
            line-height: 1.3; }
            @media all and (max-width: 750px) {
              .sec_service .container .txtarea .scsv_list li .scsv_td {
                width: 80%;
                padding: 0 0 0.6vw 2vw; } }
    .sec_service .container .imgarea {
      width: 23.4375vw; }
      .sec_service .container .imgarea img {
        width: 100%;
        height: auto; }
    .sec_service .container .note {
      font-size: 0.83333vw;
      text-align: right; }
      .sec_service .container .note a {
        color: #000; }
      @media all and (max-width: 750px) {
        .sec_service .container .note {
          font-size: 2.4vw; } }
    @media all and (max-width: 750px) {
      .sec_service .container {
        padding: 0vw 10vw 20vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .sec_service .container .mds {
          font-size: 6.66667vw;
          padding: 3vw 0;
          margin: 0 0 4vw; }
        .sec_service .container .txtarea {
          width: 100%;
          font-size: 3.46667vw; }
          .sec_service .container .txtarea .mds {
            font-size: 6.66667vw;
            padding: 3vw 0;
            margin: 0 0 4vw; }
        .sec_service .container .imgarea {
          width: 100%; } }
  .sec_service.scsv_largescale:after {
    content: '';
    display: block;
    width: 18vw;
    height: 22vw;
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    position: absolute;
    top: -2vw;
    z-index: -10; }
  .sec_service.scsv_largescale .container .txtarea .mds:after {
    content: '';
    background: linear-gradient(to right, #9e81de, #faa8d8);
    display: block;
    width: 50vw;
    height: 0.26vw;
    position: absolute;
    left: -15.2vw;
    bottom: -1vw; }
    @media all and (max-width: 750px) {
      .sec_service.scsv_largescale .container .txtarea .mds:after {
        height: 0.5vw; } }
  .sec_service.scsv_largescale .container .imgarea {
    width: 28.64583vw; }
  @media all and (max-width: 750px) {
    .sec_service.scsv_largescale:after {
      width: 40vw;
      height: 70vw; }
    .sec_service.scsv_largescale .container .txtarea .mds {
      padding: 3vw 0;
      margin: 0 0 4vw; }
      .sec_service.scsv_largescale .container .txtarea .mds:after {
        content: '';
        background: linear-gradient(to right, #9e81de, #faa8d8);
        display: block;
        width: 50vw;
        height: 0.26vw;
        position: absolute;
        left: -15.2vw;
        bottom: -1vw;
        width: 95vw;
        padding: 0; } }
    @media all and (max-width: 750px) and (max-width: 750px) {
      .sec_service.scsv_largescale .container .txtarea .mds:after {
        height: 0.5vw; } }
  @media all and (max-width: 750px) {
    .sec_service.scsv_largescale .container .imgarea {
      width: 100%;
      padding: 2vw 0 0 0; } }
  .sec_service.scsv_smallscale:after {
    content: '';
    display: block;
    width: 18vw;
    height: 24vw;
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    position: absolute;
    top: 8vw;
    z-index: -10; }
  .sec_service.scsv_smallscale .container {
    flex-direction: row-reverse; }
    .sec_service.scsv_smallscale .container .txtarea {
      width: 36.45833vw; }
      .sec_service.scsv_smallscale .container .txtarea .mds:after {
        content: '';
        background: linear-gradient(to right, #9e81de, #faa8d8);
        display: block;
        width: 50vw;
        height: 0.26vw;
        position: absolute;
        left: -15.2vw;
        bottom: -1vw;
        left: auto;
        width: 52vw;
        right: -15.2vw; }
        @media all and (max-width: 750px) {
          .sec_service.scsv_smallscale .container .txtarea .mds:after {
            height: 0.5vw; } }
    .sec_service.scsv_smallscale .container .imgarea {
      width: 26.04167vw; }
  @media all and (max-width: 750px) {
    .sec_service.scsv_smallscale:after {
      top: -3vw;
      width: 40vw;
      height: 90vw; }
    .sec_service.scsv_smallscale .container {
      flex-direction: column;
      padding: 0 10vw 5vw; }
      .sec_service.scsv_smallscale .container .txtarea {
        width: 100%; }
        .sec_service.scsv_smallscale .container .txtarea .mds:after {
          content: '';
          background: linear-gradient(to right, #9e81de, #faa8d8);
          display: block;
          width: 50vw;
          height: 0.26vw;
          position: absolute;
          left: -15.2vw;
          bottom: -1vw;
          width: 95vw;
          padding: 0; } }
      @media all and (max-width: 750px) and (max-width: 750px) {
        .sec_service.scsv_smallscale .container .txtarea .mds:after {
          height: 0.5vw; } }
  @media all and (max-width: 750px) {
      .sec_service.scsv_smallscale .container .imgarea {
        width: 100%;
        padding: 2vw 0 0 0; } }
  .sec_service.scsv_analytical:after {
    content: '';
    display: block;
    width: 22vw;
    height: 22vw;
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    position: absolute;
    top: -2vw;
    right: 0;
    z-index: -10; }
  .sec_service.scsv_analytical .container {
    flex-direction: row-reverse; }
    .sec_service.scsv_analytical .container .txtarea .mds:after {
      content: '';
      background: linear-gradient(to right, #9e81de, #faa8d8);
      display: block;
      width: 50vw;
      height: 0.26vw;
      position: absolute;
      left: -15.2vw;
      bottom: -1vw;
      left: auto;
      right: -15.2vw; }
      @media all and (max-width: 750px) {
        .sec_service.scsv_analytical .container .txtarea .mds:after {
          height: 0.5vw; } }
    .sec_service.scsv_analytical .container .imgarea {
      width: 28.64583vw; }
    @media all and (max-width: 750px) {
      .sec_service.scsv_analytical .container {
        flex-direction: column; } }
  @media all and (max-width: 750px) {
    .sec_service.scsv_analytical:after {
      top: 2vw;
      width: 40vw;
      height: 80vw; }
    .sec_service.scsv_analytical .container {
      flex-direction: column;
      padding: 5vw 10vw 20vw; }
      .sec_service.scsv_analytical .container .txtarea {
        width: 100%; }
        .sec_service.scsv_analytical .container .txtarea .mds:after {
          content: '';
          background: linear-gradient(to right, #9e81de, #faa8d8);
          display: block;
          width: 50vw;
          height: 0.26vw;
          position: absolute;
          left: -15.2vw;
          bottom: -1vw;
          width: 95vw;
          padding: 0; } }
      @media all and (max-width: 750px) and (max-width: 750px) {
        .sec_service.scsv_analytical .container .txtarea .mds:after {
          height: 0.5vw; } }
  @media all and (max-width: 750px) {
      .sec_service.scsv_analytical .container .imgarea {
        width: 100%;
        padding: 2vw 0 0 0; } }
  .sec_service.scsv_stability:after {
    content: '';
    display: block;
    width: 22vw;
    height: 22vw;
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    position: absolute;
    top: -5vw;
    right: 0;
    z-index: -10; }
  .sec_service.scsv_stability .container .txtarea {
    width: 41.66667vw; }
    .sec_service.scsv_stability .container .txtarea .mds:after {
      content: '';
      background: linear-gradient(to right, #9e81de, #faa8d8);
      display: block;
      width: 50vw;
      height: 0.26vw;
      position: absolute;
      left: -15.2vw;
      bottom: -1vw;
      left: auto;
      width: 86vw;
      right: -44vw;
      z-index: -1; }
      @media all and (max-width: 750px) {
        .sec_service.scsv_stability .container .txtarea .mds:after {
          height: 0.5vw; } }
  @media all and (max-width: 750px) {
    .sec_service.scsv_stability .container {
      flex-direction: column; } }
  @media all and (max-width: 750px) {
    .sec_service.scsv_stability:after {
      top: -3vw;
      width: 40vw;
      height: 60vw; }
    .sec_service.scsv_stability .container {
      flex-direction: column; }
      .sec_service.scsv_stability .container .txtarea {
        width: 100%; }
        .sec_service.scsv_stability .container .txtarea .mds:after {
          content: '';
          background: linear-gradient(to right, #9e81de, #faa8d8);
          display: block;
          width: 50vw;
          height: 0.26vw;
          position: absolute;
          left: -15.2vw;
          bottom: -1vw;
          width: 95vw;
          padding: 0; } }
      @media all and (max-width: 750px) and (max-width: 750px) {
        .sec_service.scsv_stability .container .txtarea .mds:after {
          height: 0.5vw; } }
  @media all and (max-width: 750px) {
      .sec_service.scsv_stability .container .imgarea {
        width: 100%;
        padding: 2vw 0 0 0; } }
  .sec_service.scsv_supply:after {
    content: '';
    display: block;
    width: 18vw;
    height: 44vw;
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    position: absolute;
    top: -4vw;
    z-index: -10; }
  .sec_service.scsv_supply .container {
    display: block;
    line-height: 1.4; }
    .sec_service.scsv_supply .container .mds {
      margin: 0 0 2vw; }
      .sec_service.scsv_supply .container .mds:after {
        content: '';
        background: linear-gradient(to right, #9e81de, #faa8d8);
        display: block;
        width: 50vw;
        height: 0.26vw;
        position: absolute;
        left: -15.2vw;
        bottom: -1vw;
        left: -15.2vw;
        width: 82.5vw; }
        @media all and (max-width: 750px) {
          .sec_service.scsv_supply .container .mds:after {
            height: 0.5vw; } }
    .sec_service.scsv_supply .container .nmds {
      font-weight: bold;
      margin: 0;
      padding: 3vw 0 0.5vw; }
  @media all and (max-width: 750px) {
    .sec_service.scsv_supply:after {
      top: -3vw;
      width: 40vw;
      height: 90vw; }
    .sec_service.scsv_supply .container {
      flex-direction: column;
      padding: 0 10vw 5vw;
      width: 100%; }
      .sec_service.scsv_supply .container .mds {
        margin: 0 0 5vw; }
        .sec_service.scsv_supply .container .mds:after {
          content: '';
          background: linear-gradient(to right, #9e81de, #faa8d8);
          display: block;
          width: 50vw;
          height: 0.26vw;
          position: absolute;
          left: -15.2vw;
          bottom: -1vw;
          width: 95vw;
          padding: 0; } }
      @media all and (max-width: 750px) and (max-width: 750px) {
        .sec_service.scsv_supply .container .mds:after {
          height: 0.5vw; } }
  @media all and (max-width: 750px) {
      .sec_service.scsv_supply .container .imgarea {
        width: 100%;
        padding: 2vw 0 0 0; } }

/*-------------- FACILITIES PAGE------------------------------------------------------------------------------------------------------------------------------------ */
.sec_facility_lead .container .contents_list {
  padding: 3vw 0 0 0;
  display: flex;
  justify-content: space-between; }
  .sec_facility_lead .container .contents_list .list_item {
    width: 11.25vw;
    height: 7.8125vw;
    margin: 0 0.5vw 0;
    position: relative; }
    .sec_facility_lead .container .contents_list .list_item a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 9.375vw;
      font-weight: bold;
      border-top: 0.4vw solid;
      border-left: 0.4vw solid;
      border-image: linear-gradient(to left bottom, #86ded0, #01c6aa, #8f9fda) 1;
      font-size: 1.04167vw;
      line-height: 1.4;
      text-align: center;
      text-decoration: none;
      color: #000;
      padding: 1vw 1vw 1vw 0.5vw;
      background: linear-gradient(to left top, rgba(255, 255, 255, 0) 50%, rgba(205, 212, 230, 0.98));
      transition: all 0.08s ease-out; }
    .sec_facility_lead .container .contents_list .list_item:before {
      content: '';
      display: block;
      width: 96%;
      height: 8.95833vw;
      border-top: 1px solid #ffffff;
      border-left: 1px solid #ffffff;
      position: absolute;
      top: 0.4vw;
      left: 0.4vw;
      pointer-events: none; }
    .sec_facility_lead .container .contents_list .list_item:after {
      content: '';
      display: block;
      width: 1.30208vw;
      height: 0.88542vw;
      background: url(../images/arw_ourservice.png) no-repeat bottom left;
      background-size: 100% auto;
      position: absolute;
      top: 9.89583vw;
      bottom: 0;
      right: 0;
      left: 0;
      margin: 0 auto;
      pointer-events: none;
      transition: all 0.2s ease-out; }
    .sec_facility_lead .container .contents_list .list_item:hover a {
      /*	
			border-top: 0.0vw solid ;
			border-left: 0.0vw solid;
			border-bottom: 0.4vw solid ;
			border-right: 0.4vw solid;		
			border-image: linear-gradient(to right top,#86ded0,#01c6aa,#8f9fda) 1;
			
			background: linear-gradient(to right bottom, rgba(255, 255, 255, 0) 50%,rgba(205,212,230,0.98));
			*/ }
    .sec_facility_lead .container .contents_list .list_item:hover:after {
      top: 10.41667vw; }
  .sec_facility_lead .container .contents_list .list_item {
    width: 100%; }

@media all and (max-width: 750px) {
  .sec_facility_lead .container {
    padding: 0vw 10vw 4vw; }
    .sec_facility_lead .container .lead_msg {
      padding: 0 0;
      font-size: 3.46667vw; }
    .sec_facility_lead .container .contents_list {
      flex-direction: column;
      padding: 0 0 8vw; }
      .sec_facility_lead .container .contents_list .list_item {
        width: 100%;
        height: 13.33333vw;
        margin: 6vw 0.5vw 2vw;
        text-align: center; }
        .sec_facility_lead .container .contents_list .list_item a {
          font-size: 3.73333vw;
          height: 16vw;
          font-weight: bold;
          padding: 7vw 0;
          justify-content: center; }
        .sec_facility_lead .container .contents_list .list_item:after {
          width: 2.60417vw;
          height: 1.77083vw;
          top: 50%;
          bottom: 0;
          right: 0;
          left: auto;
          margin: 0; } }

.sec_facility_our {
  background: url(../images/facility_mapimg.png) no-repeat bottom right;
  background-size: 50% auto;
  position: relative; }
  .sec_facility_our:after {
    content: '';
    display: block;
    width: 18vw;
    height: 22vw;
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    position: absolute;
    top: -2vw;
    z-index: -10; }
    @media all and (max-width: 750px) {
      .sec_facility_our:after {
        width: 40vw;
        height: 90vw; } }
  .sec_facility_our .container {
    margin: 0 0 5vw; }
    .sec_facility_our .container .mds {
      position: relative; }
      .sec_facility_our .container .mds:after {
        content: '';
        background: linear-gradient(to right, #9e81de, #faa8d8);
        display: block;
        width: 50vw;
        height: 0.26vw;
        position: absolute;
        left: -15.2vw;
        bottom: -1vw;
        width: 121.8%;
        left: -15.2vw; }
        @media all and (max-width: 750px) {
          .sec_facility_our .container .mds:after {
            height: 0.5vw; } }
    .sec_facility_our .container .facility_layout_list {
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      margin: 3vw auto 0; }
      .sec_facility_our .container .facility_layout_list .txtarea {
        width: 44%; }
        .sec_facility_our .container .facility_layout_list .txtarea .alliance_list {
          padding: 0 0 0 1em; }
          .sec_facility_our .container .facility_layout_list .txtarea .alliance_list li {
            list-style-type: disc; }
      .sec_facility_our .container .facility_layout_list .imgarea {
        width: 50%; }
        .sec_facility_our .container .facility_layout_list .imgarea img {
          width: 100%;
          height: auto; }
  @media all and (max-width: 750px) {
    .sec_facility_our {
      background: url(../images/facility_mapimg.png) no-repeat bottom right;
      background-size: 90% auto; }
      .sec_facility_our .container {
        padding: 0vw 10vw 70vw;
        margin: 0 0 15vw; }
        .sec_facility_our .container .facility_layout_list {
          flex-direction: column-reverse; }
          .sec_facility_our .container .facility_layout_list .txtarea {
            width: 100%; }
          .sec_facility_our .container .facility_layout_list .imgarea {
            width: 100%; }
            .sec_facility_our .container .facility_layout_list .imgarea img {
              width: 100%;
              height: auto; } }

.sec_facility_alliance {
  position: relative; }
  .sec_facility_alliance:after {
    content: '';
    display: block;
    width: 18vw;
    height: 22vw;
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    position: absolute;
    top: -2vw;
    z-index: -10; }
    @media all and (max-width: 750px) {
      .sec_facility_alliance:after {
        width: 40vw;
        height: 90vw; } }
  .sec_facility_alliance .container .mds {
    position: relative; }
    .sec_facility_alliance .container .mds:after {
      content: '';
      background: linear-gradient(to right, #9e81de, #faa8d8);
      display: block;
      width: 50vw;
      height: 0.26vw;
      position: absolute;
      left: -15.2vw;
      bottom: -1vw;
      width: 121.8%;
      left: -15.2vw; }
      @media all and (max-width: 750px) {
        .sec_facility_alliance .container .mds:after {
          height: 0.5vw; } }
  .sec_facility_alliance .container .facility_layout_list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 0 4vw; }
    .sec_facility_alliance .container .facility_layout_list.lr_reverse {
      flex-direction: row-reverse; }
    .sec_facility_alliance .container .facility_layout_list .txtarea {
      width: 40%; }
      .sec_facility_alliance .container .facility_layout_list .txtarea.img_b_txtarea {
        width: 50%; }
      .sec_facility_alliance .container .facility_layout_list .txtarea .alliance_list {
        padding: 0 0 0 1em; }
        .sec_facility_alliance .container .facility_layout_list .txtarea .alliance_list li {
          list-style-type: disc; }
      @media all and (max-width: 750px) {
        .sec_facility_alliance .container .facility_layout_list .txtarea.img_b_txtarea {
          width: 100%; } }
    .sec_facility_alliance .container .facility_layout_list .imgarea {
      width: 50%; }
      .sec_facility_alliance .container .facility_layout_list .imgarea.img_a img {
        width: 60%;
        height: auto; }
        @media all and (max-width: 750px) {
          .sec_facility_alliance .container .facility_layout_list .imgarea.img_a img {
            width: 100%;
            height: auto; } }
      .sec_facility_alliance .container .facility_layout_list .imgarea.img_b img {
        width: 85%;
        height: auto; }
        @media all and (max-width: 750px) {
          .sec_facility_alliance .container .facility_layout_list .imgarea.img_b img {
            width: 100%;
            height: auto; } }
      .sec_facility_alliance .container .facility_layout_list .imgarea img {
        width: 100%;
        height: auto; }
    .sec_facility_alliance .container .facility_layout_list .ext_link {
      width: 13vw;
      padding: 4vw 0 0; }
      .sec_facility_alliance .container .facility_layout_list .ext_link a {
        width: 100%;
        display: inline-block;
        font-size: 1vw;
        color: #fff;
        text-decoration: none;
        padding: 0.5vw 0 0.6vw 2.7vw;
        border-radius: 100vh;
        background: #000;
        position: relative;
        line-height: 1; }
        .sec_facility_alliance .container .facility_layout_list .ext_link a::after {
          content: '';
          display: block;
          width: 1.5625vw;
          height: 1.5625vw;
          background: url(../images/ext_link_icon.png) no-repeat center left;
          background-size: 72% auto;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto;
          left: 1.0vw; }
      @media all and (max-width: 750px) {
        .sec_facility_alliance .container .facility_layout_list .ext_link {
          width: 54%;
          margin: 5vw auto 0; }
          .sec_facility_alliance .container .facility_layout_list .ext_link a {
            font-size: 3.4vw;
            padding: 2.2vw 0 2.2vw 8vw; }
            .sec_facility_alliance .container .facility_layout_list .ext_link a::after {
              width: 4vw;
              height: 4vw;
              left: 3.2vw; } }
  @media all and (max-width: 750px) {
    .sec_facility_alliance .container .facility_layout_list {
      flex-direction: column; }
      .sec_facility_alliance .container .facility_layout_list.lr_reverse {
        flex-direction: column-reverse; }
      .sec_facility_alliance .container .facility_layout_list .txtarea {
        width: 100%; }
      .sec_facility_alliance .container .facility_layout_list .imgarea {
        width: 100%; } }

/*-------------- TECHNOLOGIES PAGE------------------------------------------------------------------------------------------------------------------------------------ */
.sec_technologies_lead .container .contents_list {
  display: flex;
  justify-content: space-between; }
  .sec_technologies_lead .container .contents_list .list_item {
    width: 11.25vw;
    height: 7.8125vw;
    margin: 0 0.5vw 0;
    position: relative; }
    .sec_technologies_lead .container .contents_list .list_item a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 9.375vw;
      font-weight: bold;
      border-top: 0.4vw solid;
      border-left: 0.4vw solid;
      border-image: linear-gradient(to left bottom, #86ded0, #01c6aa, #8f9fda) 1;
      font-size: 1.04167vw;
      line-height: 1.4;
      text-align: center;
      text-decoration: none;
      color: #000;
      padding: 1vw 1vw 1vw 0.5vw;
      background: linear-gradient(to left top, rgba(255, 255, 255, 0) 50%, rgba(205, 212, 230, 0.98));
      transition: all 0.08s ease-out; }
    .sec_technologies_lead .container .contents_list .list_item:before {
      content: '';
      display: block;
      width: 96%;
      height: 8.95833vw;
      border-top: 1px solid #ffffff;
      border-left: 1px solid #ffffff;
      position: absolute;
      top: 0.4vw;
      left: 0.4vw;
      pointer-events: none; }
    .sec_technologies_lead .container .contents_list .list_item:after {
      content: '';
      display: block;
      width: 1.30208vw;
      height: 0.88542vw;
      background: url(../images/arw_ourservice.png) no-repeat bottom left;
      background-size: 100% auto;
      position: absolute;
      top: 9.89583vw;
      bottom: 0;
      right: 0;
      left: 0;
      margin: 0 auto;
      pointer-events: none;
      transition: all 0.2s ease-out; }
    .sec_technologies_lead .container .contents_list .list_item:hover a {
      /*	
			border-top: 0.0vw solid ;
			border-left: 0.0vw solid;
			border-bottom: 0.4vw solid ;
			border-right: 0.4vw solid;		
			border-image: linear-gradient(to right top,#86ded0,#01c6aa,#8f9fda) 1;
			
			background: linear-gradient(to right bottom, rgba(255, 255, 255, 0) 50%,rgba(205,212,230,0.98));
			*/ }
    .sec_technologies_lead .container .contents_list .list_item:hover:after {
      top: 10.41667vw; }
  .sec_technologies_lead .container .contents_list .list_item {
    width: 100%; }

@media all and (max-width: 750px) {
  .sec_technologies_lead .container {
    padding: 0vw 10vw 4vw; }
    .sec_technologies_lead .container .lead_msg {
      padding: 0 0;
      font-size: 3.46667vw; }
    .sec_technologies_lead .container .contents_list {
      flex-direction: column;
      padding: 0 0 8vw; }
      .sec_technologies_lead .container .contents_list .list_item {
        width: 100%;
        height: 13.33333vw;
        margin: 6vw 0.5vw 2vw;
        text-align: center; }
        .sec_technologies_lead .container .contents_list .list_item a {
          font-size: 3.73333vw;
          height: 16vw;
          font-weight: bold;
          padding: 7vw 0;
          justify-content: center; }
        .sec_technologies_lead .container .contents_list .list_item:after {
          width: 2.60417vw;
          height: 1.77083vw;
          top: 50%;
          bottom: 0;
          right: 0;
          left: auto;
          margin: 0; }
      .sec_technologies_lead .container .contents_list .list_item a br {
        display: none; } }

.sec_technologies_direct {
  position: relative; }
  .sec_technologies_direct:after {
    content: '';
    display: block;
    width: 18vw;
    height: 22vw;
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    position: absolute;
    top: -2vw;
    z-index: -10; }
    @media all and (max-width: 750px) {
      .sec_technologies_direct:after {
        width: 40vw;
        height: 54vw; } }
  .sec_technologies_direct .container .mds {
    position: relative; }
    .sec_technologies_direct .container .mds:after {
      content: '';
      background: linear-gradient(to right, #9e81de, #faa8d8);
      display: block;
      width: 50vw;
      height: 0.26vw;
      position: absolute;
      left: -15.2vw;
      bottom: -1vw;
      width: 121.8%;
      left: -15.2vw; }
      @media all and (max-width: 750px) {
        .sec_technologies_direct .container .mds:after {
          height: 0.5vw; } }
  .sec_technologies_direct .container .direct_layout_list_v .imgarea {
    width: 100%;
    position: relative;
    height: 26vw;
    margin: 3.64583vw auto 5.20833vw; }
    @media all and (max-width: 750px) {
      .sec_technologies_direct .container .direct_layout_list_v .imgarea {
        height: 80vw; } }
    .sec_technologies_direct .container .direct_layout_list_v .imgarea img {
      width: 100%;
      height: auto; }
    .sec_technologies_direct .container .direct_layout_list_v .imgarea .tech_pic01_grp_pc {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: auto; }
    .sec_technologies_direct .container .direct_layout_list_v .imgarea .purity_table_area {
      position: absolute;
      top: 6vw;
      left: 7vw; }
      @media all and (max-width: 750px) {
        .sec_technologies_direct .container .direct_layout_list_v .imgarea .purity_table_area {
          top: 44vw;
          left: 0;
          right: 0; } }
      .sec_technologies_direct .container .direct_layout_list_v .imgarea .purity_table_area .purity_table {
        background-image: linear-gradient(to right top, #304dc3, #00c4a6);
        /* the gradient */
        background-origin: border-box;
        /* set background to start from border-box */
        border-spacing: 1px;
        /* space between each cell */
        border: 1px solid transparent;
        /* optional */
        border-collapse: separate;
        width: 20.83333vw; }
        @media all and (max-width: 750px) {
          .sec_technologies_direct .container .direct_layout_list_v .imgarea .purity_table_area .purity_table {
            width: 52.08333vw;
            margin: auto; } }
        .sec_technologies_direct .container .direct_layout_list_v .imgarea .purity_table_area .purity_table th {
          text-align: center;
          font-size: 1.66667vw;
          background: #f5f5f3; }
          @media all and (max-width: 750px) {
            .sec_technologies_direct .container .direct_layout_list_v .imgarea .purity_table_area .purity_table th {
              font-size: 4.16667vw; } }
        .sec_technologies_direct .container .direct_layout_list_v .imgarea .purity_table_area .purity_table td {
          background: #f5f5f3;
          text-align: center;
          font-size: 1.66667vw; }
          @media all and (max-width: 750px) {
            .sec_technologies_direct .container .direct_layout_list_v .imgarea .purity_table_area .purity_table td {
              font-size: 4.16667vw;
              padding: 1vw 0; } }
          .sec_technologies_direct .container .direct_layout_list_v .imgarea .purity_table_area .purity_table td .fsize_l {
            font-weight: bold;
            font-size: 2.91667vw;
            line-height: 1; }
            @media all and (max-width: 750px) {
              .sec_technologies_direct .container .direct_layout_list_v .imgarea .purity_table_area .purity_table td .fsize_l {
                font-size: 7.8125vw; } }
      .sec_technologies_direct .container .direct_layout_list_v .imgarea .purity_table_area .table_cap {
        width: 20.83333vw;
        text-align: right; }
        @media all and (max-width: 750px) {
          .sec_technologies_direct .container .direct_layout_list_v .imgarea .purity_table_area .table_cap {
            width: 100%; } }
    .sec_technologies_direct .container .direct_layout_list_v .imgarea .tech_pic01_grp_cap_pc {
      position: absolute;
      bottom: -2vw;
      left: 0; }
      @media all and (max-width: 750px) {
        .sec_technologies_direct .container .direct_layout_list_v .imgarea .tech_pic01_grp_cap_pc {
          bottom: 50%; } }
  .sec_technologies_direct .container .direct_layout_list_v .txtarea {
    width: 100%; }
  .sec_technologies_direct .container .direct_layout_list {
    display: flex;
    align-items: center;
    margin: 4vw 0 0;
    border-top: 1px solid #8145d8;
    border-image: linear-gradient(to right, #8145d8, #fd79c2) 1;
    padding: 4vw 0; }
    .sec_technologies_direct .container .direct_layout_list .imgarea {
      width: 60%; }
      .sec_technologies_direct .container .direct_layout_list .imgarea img {
        width: 100%;
        height: auto; }
    .sec_technologies_direct .container .direct_layout_list .txtarea {
      width: 40%; }
    .sec_technologies_direct .container .direct_layout_list.lr_reverse {
      flex-direction: row-reverse; }
    @media all and (max-width: 750px) {
      .sec_technologies_direct .container .direct_layout_list {
        flex-direction: column; }
        .sec_technologies_direct .container .direct_layout_list .imgarea {
          width: 100%; }
        .sec_technologies_direct .container .direct_layout_list .txtarea {
          width: 100%; }
        .sec_technologies_direct .container .direct_layout_list.lr_reverse {
          flex-direction: column; }
        .sec_technologies_direct .container .direct_layout_list.add_txt {
          flex: none;
          position: relative;
          min-height: 80vw;
          padding: 8vw 0;
          line-height: 1.2; }
          .sec_technologies_direct .container .direct_layout_list.add_txt .txtarea {
            width: 55%;
            position: absolute;
            left: 0; }
          .sec_technologies_direct .container .direct_layout_list.add_txt .imgarea {
            position: absolute;
            width: 100%; } }

.sec_technologies_excellence {
  position: relative; }
  .sec_technologies_excellence:after {
    content: '';
    display: block;
    width: 18vw;
    height: 22vw;
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    position: absolute;
    top: -6vw;
    z-index: -10; }
    @media all and (max-width: 750px) {
      .sec_technologies_excellence:after {
        width: 40vw;
        height: 48vw; } }
  .sec_technologies_excellence .container .mds {
    position: relative; }
    .sec_technologies_excellence .container .mds:after {
      content: '';
      background: linear-gradient(to right, #9e81de, #faa8d8);
      display: block;
      width: 50vw;
      height: 0.26vw;
      position: absolute;
      left: -15.2vw;
      bottom: -1vw;
      width: 121.8%;
      left: -15.2vw; }
      @media all and (max-width: 750px) {
        .sec_technologies_excellence .container .mds:after {
          height: 0.5vw; } }
  .sec_technologies_excellence .container .grad_mds {
    text-align: center; }
  .sec_technologies_excellence .container .nmds {
    text-align: center;
    font-weight: bold;
    font-size: 1.5625vw;
    display: inline-block;
    background: linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
    background: -webkit-linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    @media all and (max-width: 750px) {
      .sec_technologies_excellence .container .nmds {
        font-size: 4.16667vw;
        line-height: 1.3; } }
  .sec_technologies_excellence .container .excellence_layout_list {
    width: 100%;
    display: flex;
    padding: 2vw 0 4vw; }
    .sec_technologies_excellence .container .excellence_layout_list li img {
      width: 100%;
      height: auto; }
    @media all and (max-width: 750px) {
      .sec_technologies_excellence .container .excellence_layout_list {
        flex-direction: column; } }
  .sec_technologies_excellence .container .kkm_area {
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    width: 100vw;
    padding: 4vw 15.2vw 6vw;
    margin: 0 0 0 -15.2vw; }
    @media all and (max-width: 750px) {
      .sec_technologies_excellence .container .kkm_area {
        padding: 8vw 10vw 8vw;
        margin: 0 0 0 -10vw; } }
  .sec_technologies_excellence .container .excellence_chk_layout {
    display: flex;
    align-items: center;
    padding-top: 6.77083vw; }
    @media all and (max-width: 750px) {
      .sec_technologies_excellence .container .excellence_chk_layout {
        flex-direction: column; } }
    .sec_technologies_excellence .container .excellence_chk_layout .txtarea {
      background: url(../images/tech_icon_chk.png) no-repeat center left;
      padding: 1vw 0 1vw 6vw; }
      @media all and (max-width: 750px) {
        .sec_technologies_excellence .container .excellence_chk_layout .txtarea {
          font-size: 3.4vw;
          padding: 0 0 0 20vw; } }
    .sec_technologies_excellence .container .excellence_chk_layout .btn_note a {
      width: 22.4vw;
      display: inline-block;
      background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
      background-position: 2vw center,center center;
      background-repeat: no-repeat;
      background-size: 6vw auto,auto;
      text-align: center;
      text-decoration: none;
      font-size: 1.8vw;
      line-height: 1.2;
      padding: 1.6vw 1.5vw 1.6vw 8vw;
      border-radius: 10px;
      color: #fff;
      box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
      transition: all 0.3s ease-out; }
      .sec_technologies_excellence .container .excellence_chk_layout .btn_note a:hover {
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.06); }
    @media all and (max-width: 750px) {
      .sec_technologies_excellence .container .excellence_chk_layout .btn_note {
        width: 49%; }
        .sec_technologies_excellence .container .excellence_chk_layout .btn_note a {
          width: 100%;
          height: 12.0vw;
          display: inline-block;
          background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
          background-position: 3vw center,center center;
          background-repeat: no-repeat,no-repeat;
          background-size: 10vw auto,auto;
          text-align: center;
          text-decoration: none;
          font-size: 3.0vw;
          line-height: 1.2;
          padding: 2.4vw 1.5vw 1.0vw 12vw;
          border-radius: 4px;
          color: #fff;
          box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
          margin: 0;
          font-weight: bold; } }
    .sec_technologies_excellence .container .excellence_chk_layout .btn_note.jp_btn a {
      padding: 2vw 1.5vw 2vw 8vw; }
    @media all and (max-width: 750px) {
      .sec_technologies_excellence .container .excellence_chk_layout .btn_note.jp_btn a {
        font-size: 3.4vw;
        padding: 4.2vw 0 1vw 11vw; } }
    .sec_technologies_excellence .container .excellence_chk_layout .btn_note a {
      width: 15.625vw;
      display: inline-block;
      background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
      background-position: 0.5vw center,center center;
      background-repeat: no-repeat;
      background-size: 22% auto,auto auto;
      text-align: center;
      text-decoration: none;
      font-size: 1.2vw;
      line-height: 1.2;
      padding: 1vw 1vw 1vw 4vw;
      border-radius: 10px;
      color: #fff;
      box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
      transition: all 0.3s ease-out; }
    .sec_technologies_excellence .container .excellence_chk_layout.jp_layout .txtarea {
      padding: 1vw 3vw 1vw 7vw;
      font-size: 1.3vw; }
    .sec_technologies_excellence .container .excellence_chk_layout.jp_layout .btn_note a {
      padding: 2vw 1.5vw 2vw 4vw; }
    @media all and (max-width: 750px) {
      .sec_technologies_excellence .container .excellence_chk_layout {
        flex-direction: column; }
        .sec_technologies_excellence .container .excellence_chk_layout .btn_note {
          width: 100%;
          margin: 4vw auto; }
          .sec_technologies_excellence .container .excellence_chk_layout .btn_note a {
            width: 22.4vw;
            display: inline-block;
            background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
            background-position: 2vw center,center center;
            background-repeat: no-repeat;
            background-size: 6vw auto,auto;
            text-align: center;
            text-decoration: none;
            font-size: 1.8vw;
            line-height: 1.2;
            padding: 1.6vw 1.5vw 1.6vw 8vw;
            border-radius: 10px;
            color: #fff;
            box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease-out; }
            .sec_technologies_excellence .container .excellence_chk_layout .btn_note a:hover {
              box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.06); } }
    @media all and (max-width: 750px) and (max-width: 750px) {
      .sec_technologies_excellence .container .excellence_chk_layout .btn_note {
        width: 49%; }
        .sec_technologies_excellence .container .excellence_chk_layout .btn_note a {
          width: 100%;
          height: 12.0vw;
          display: inline-block;
          background: url(../images/bticon_note.png), linear-gradient(to right top, #304dc3, #00c4a6);
          background-position: 3vw center,center center;
          background-repeat: no-repeat,no-repeat;
          background-size: 10vw auto,auto;
          text-align: center;
          text-decoration: none;
          font-size: 3.0vw;
          line-height: 1.2;
          padding: 2.4vw 1.5vw 1.0vw 12vw;
          border-radius: 4px;
          color: #fff;
          box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
          margin: 0;
          font-weight: bold; } }
    @media all and (max-width: 750px) {
          .sec_technologies_excellence .container .excellence_chk_layout .btn_note.jp_btn a {
            padding: 2vw 1.5vw 2vw 8vw; } }
    @media all and (max-width: 750px) and (max-width: 750px) {
      .sec_technologies_excellence .container .excellence_chk_layout .btn_note.jp_btn a {
        font-size: 3.4vw;
        padding: 4.2vw 0 1vw 11vw; } }
    @media all and (max-width: 750px) {
          .sec_technologies_excellence .container .excellence_chk_layout .btn_note a {
            width: 100%;
            margin: auto;
            display: block; }
        .sec_technologies_excellence .container .excellence_chk_layout.jp_layout .txtarea {
          padding: 0vw 0vw 0vw 20vw;
          font-size: 3.4vw; }
        .sec_technologies_excellence .container .excellence_chk_layout.jp_layout .btn_note a {
          padding: 4.4vw 0 1vw 9vw; } }
  .sec_technologies_excellence .excellence_layout {
    text-align: center;
    padding: 7.2vw 0 7.8vw;
    border-bottom: 1px solid #8145d8;
    border-image: linear-gradient(to right, #8145d8, #fd79c2) 1; }
    .sec_technologies_excellence .excellence_layout .nmds {
      padding: 0 0 4vw; }
    .sec_technologies_excellence .excellence_layout .excellence_layput_list {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media all and (max-width: 750px) {
        .sec_technologies_excellence .excellence_layout .excellence_layput_list {
          flex-direction: column-reverse; } }
      .sec_technologies_excellence .excellence_layout .excellence_layput_list .txtarea {
        text-align: left; }
      .sec_technologies_excellence .excellence_layout .excellence_layput_list .imgarea img {
        width: 100%;
        height: auto; }
    .sec_technologies_excellence .excellence_layout.sctc_rphplc .excellence_layput_list {
      padding: 0 5vw; }
      .sec_technologies_excellence .excellence_layout.sctc_rphplc .excellence_layput_list .txtarea {
        width: 25vw; }
      .sec_technologies_excellence .excellence_layout.sctc_rphplc .excellence_layput_list .imgarea {
        width: 31.25vw; }
    @media all and (max-width: 750px) {
      .sec_technologies_excellence .excellence_layout.sctc_rphplc .excellence_layput_list .txtarea {
        width: 100%; }
      .sec_technologies_excellence .excellence_layout.sctc_rphplc .excellence_layput_list .imgarea {
        width: 100%; } }
    .sec_technologies_excellence .excellence_layout.sctc_aex .excellence_layput_list .txtarea {
      width: 22vw; }
    @media all and (max-width: 750px) {
      .sec_technologies_excellence .excellence_layout.sctc_aex .excellence_layput_list .txtarea {
        width: 100%; }
      .sec_technologies_excellence .excellence_layout.sctc_aex .excellence_layput_list .imgarea {
        width: 100%; } }
    .sec_technologies_excellence .excellence_layout.sctc_lcms {
      border-bottom: none;
      padding: 7.2vw 0 0; }
      .sec_technologies_excellence .excellence_layout.sctc_lcms .excellence_layput_list .txtarea {
        width: 22vw; }
      @media all and (max-width: 750px) {
        .sec_technologies_excellence .excellence_layout.sctc_lcms .excellence_layput_list {
          flex-direction: column; }
          .sec_technologies_excellence .excellence_layout.sctc_lcms .excellence_layput_list .txtarea {
            width: 100%; } }

/*-------------- CASES PAGE------------------------------------------------------------------------------------------------------------------------------------ */
.sec_case {
  position: relative; }
  .sec_case:after {
    content: '';
    display: block;
    width: 18vw;
    height: 22vw;
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    position: absolute;
    top: -2vw;
    z-index: -10; }
    @media all and (max-width: 750px) {
      .sec_case:after {
        top: -4vw;
        width: 40vw;
        height: 94vw; } }
  @media all and (max-width: 750px) {
    .sec_case#case1:after {
      top: -4vw;
      height: 94vw; } }
  @media all and (max-width: 750px) {
    .sec_case#case2:after {
      top: -4vw;
      height: 116vw; } }
  @media all and (max-width: 750px) {
    .sec_case#case3:after {
      top: -4vw;
      height: 70vw; } }
  @media all and (max-width: 750px) {
    .sec_case#case4:after {
      top: -2vw;
      height: 67vw; } }
  .sec_case .container .mds {
    position: relative;
    padding: 0 0 0.5vw; }
    .sec_case .container .mds:after {
      content: '';
      background: linear-gradient(to right, #9e81de, #faa8d8);
      display: block;
      width: 50vw;
      height: 0.26vw;
      position: absolute;
      left: -15.2vw;
      bottom: -1vw;
      width: 121%;
      left: -15.2vw; }
      @media all and (max-width: 750px) {
        .sec_case .container .mds:after {
          height: 0.5vw; } }
    .sec_case .container .mds .mds_sub {
      font-size: 1.5625vw;
      padding: 0 0 0.2vw; }
    @media all and (max-width: 750px) {
      .sec_case .container .mds {
        line-height: 1.1;
        padding: 0 0 2vw;
        margin: 0 0 2vw; }
        .sec_case .container .mds .mds_sub {
          font-size: 4vw;
          margin: 0 0 2vw; } }
  .sec_case .container .case_list_area .case_list_mds {
    font-size: 1.14583vw;
    font-weight: bold;
    padding: 6vw 0 2vw; }
    @media all and (max-width: 750px) {
      .sec_case .container .case_list_area .case_list_mds {
        font-size: 3.73333vw; } }
  .sec_case .container .case_list_area .list_type_a {
    border-left: 0.2vw solid #304dc3;
    border-image: linear-gradient(to top, #304dc3, #00c4a6) 1;
    padding: 0 0 0 1vw;
    margin: 0 0 2vw; }
  .sec_case .container .case_list_area .list_type_b {
    display: flex;
    justify-content: space-around;
    padding: 2vw 0 3vw; }
    .sec_case .container .case_list_area .list_type_b .type_b_item {
      /*コレ*/
      display: flex;
      /*コレ*/
      align-items: center;
      background: linear-gradient(to right top, #d5dbe7, #ceece4);
      font-size: 1.25vw;
      font-weight: bold;
      padding: 1.5vw 2vw;
      text-align: center;
      margin: 0 1vw 0 0;
      flex-grow: 1;
      border-radius: 0.5vw;
      position: relative; }
      .sec_case .container .case_list_area .list_type_b .type_b_item:before {
        content: '';
        border-left: 0.2vw solid #fff;
        height: 60%;
        position: absolute;
        left: 1vw;
        top: 1vw; }
    @media all and (max-width: 750px) {
      .sec_case .container .case_list_area .list_type_b {
        flex-direction: column; }
        .sec_case .container .case_list_area .list_type_b .type_b_item {
          width: 100%;
          font-size: 3.2vw;
          padding: 1.5vw 2vw;
          margin: 0 0 3vw 0;
          flex-grow: 0; } }
  .sec_case .container .case_list_area .list_type_c {
    background: url(../images/icon_case_chk.png) no-repeat center left;
    padding: 0 0 0 2.8vw;
    margin: 0 0 2vw; }
    @media all and (max-width: 750px) {
      .sec_case .container .case_list_area .list_type_c {
        background-size: 6vw auto;
        padding: 0 0 0 8vw;
        margin: 0 0 2vw;
        line-height: 1.4; } }
  .sec_case .container .imgarea {
    padding: 6vw 0 0; }
    .sec_case .container .imgarea .pc_img {
      display: block; }
    .sec_case .container .imgarea .sp_img {
      display: none; }
    @media all and (max-width: 750px) {
      .sec_case .container .imgarea .pc_img {
        display: none; }
      .sec_case .container .imgarea .sp_img {
        display: block; } }
    .sec_case .container .imgarea img {
      width: 100%;
      height: auto; }
  .sec_case .container .case_layout_a {
    display: flex;
    justify-content: space-between;
    align-items: normal;
    padding: 4vw 0; }
    .sec_case .container .case_layout_a .imgarea {
      width: 48%;
      padding: 0 0; }
      .sec_case .container .case_layout_a .imgarea img {
        width: 100%;
        height: auto; }
    .sec_case .container .case_layout_a .txtarea {
      width: 48%; }
    @media all and (max-width: 750px) {
      .sec_case .container .case_layout_a {
        flex-direction: column; }
        .sec_case .container .case_layout_a .imgarea {
          width: 100%; }
          .sec_case .container .case_layout_a .imgarea .pc_img {
            display: none; }
          .sec_case .container .case_layout_a .imgarea .sp_img {
            display: block; }
          .sec_case .container .case_layout_a .imgarea img {
            width: 100%;
            height: auto; }
        .sec_case .container .case_layout_a .txtarea {
          width: 100%; } }

/*-------------- LONGCHAIN PAGE------------------------------------------------------------------------------------------------------------------------------------ */
.sec_longchain_lead {
  background: linear-gradient(to right top, #d5dbe7, #ceece4); }
  .sec_longchain_lead .container {
    padding: 0 18.90625vw 0vw; }
    @media all and (max-width: 750px) {
      .sec_longchain_lead .container {
        padding: 0 0; } }
    .sec_longchain_lead .container .longchain_lead_area {
      background: url(../images/longc_mvbg_pc.png) no-repeat center top;
      background-size: contain;
      /* calc(背景画像高さ ÷ 背景画像横幅 × 100%) */
      padding-top: calc(870 / 1194 * 100%);
      position: relative; }
      @media all and (max-width: 750px) {
        .sec_longchain_lead .container .longchain_lead_area {
          background: url(../images/longc_mv_line_sp.png) no-repeat center top;
          background-size: contain;
          padding-top: calc(1140 / 750 * 100%); } }
      .sec_longchain_lead .container .longchain_lead_area li:nth-child(1) {
        position: absolute;
        left: 4.42708vw;
        top: 4.16667vw;
        font-size: 2.34375vw;
        font-weight: bold;
        letter-spacing: 0.2vw; }
      .sec_longchain_lead .container .longchain_lead_area li:nth-child(2) {
        color: blue;
        position: absolute;
        left: 4.16667vw;
        top: 7.29167vw;
        font-size: 2.1vw;
        line-height: 1.75;
        font-weight: bold;
        font-style: italic;
        letter-spacing: 0.04vw;
        display: inline-block;
        background: linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
        background: -webkit-linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
        .sec_longchain_lead .container .longchain_lead_area li:nth-child(2) .last_txt {
          padding: 0 0.1em 0 0; }
        .sec_longchain_lead .container .longchain_lead_area li:nth-child(2) .sp_br {
          display: none; }
        .sec_longchain_lead .container .longchain_lead_area li:nth-child(2) .pc_br {
          display: block; }
      .sec_longchain_lead .container .longchain_lead_area li:nth-child(3) {
        position: absolute;
        left: 35.9375vw;
        top: 23.69792vw;
        font-size: 2.5vw;
        line-height: 1.7;
        font-weight: bold;
        letter-spacing: 0.1vw; }
      .sec_longchain_lead .container .longchain_lead_area li:nth-child(4) {
        position: absolute;
        left: 7.8125vw;
        top: 29.16667vw;
        font-size: 1.04167vw;
        font-weight: bold; }
      .sec_longchain_lead .container .longchain_lead_area li:nth-child(5) {
        position: absolute;
        left: 35.41667vw;
        top: 27.60417vw;
        font-size: 1.14583vw;
        font-weight: bold;
        font-style: italic;
        letter-spacing: -0.1vw;
        z-index: 10; }
        .sec_longchain_lead .container .longchain_lead_area li:nth-child(5)::after {
          content: '';
          display: inline-block;
          width: 100%;
          height: 1.5625vw;
          background: linear-gradient(to right, #8145d8, #fd79c2);
          position: absolute;
          border-radius: 1vw;
          right: 0vw;
          bottom: 1vw;
          z-index: -1; }
          @media all and (max-width: 750px) {
            .sec_longchain_lead .container .longchain_lead_area li:nth-child(5)::after {
              height: 14px;
              border-radius: 4vw;
              bottom: 3vw; } }
      .sec_longchain_lead .container .longchain_lead_area li:nth-child(6) {
        position: absolute;
        left: 35.41667vw;
        top: 33.95833vw;
        font-size: 1.14583vw;
        font-weight: bold;
        font-style: italic;
        letter-spacing: -0.1vw;
        z-index: 10; }
        .sec_longchain_lead .container .longchain_lead_area li:nth-child(6)::after {
          content: '';
          display: inline-block;
          width: 100%;
          height: 1.5625vw;
          background: linear-gradient(to right, #8145d8, #fd79c2);
          position: absolute;
          border-radius: 1vw;
          right: 0vw;
          bottom: 1vw;
          z-index: -1; }
          @media all and (max-width: 750px) {
            .sec_longchain_lead .container .longchain_lead_area li:nth-child(6)::after {
              height: 14px;
              border-radius: 4vw;
              bottom: 3vw; } }
      .sec_longchain_lead .container .longchain_lead_area li:nth-child(7) {
        position: absolute;
        left: 3.5vw;
        top: 37vw;
        font-size: 2vw;
        font-weight: bold; }
        .sec_longchain_lead .container .longchain_lead_area li:nth-child(7) span {
          font-size: 1.5vw; }
      .sec_longchain_lead .container .longchain_lead_area li .num {
        font-size: 4.89583vw; }
      .sec_longchain_lead .container .longchain_lead_area li .uni {
        font-size: 2.8125vw; }
        .sec_longchain_lead .container .longchain_lead_area li .uni.uni_mer {
          padding: 0 0 0 0.4vw; }
      .sec_longchain_lead .container .longchain_lead_area li.mv_img {
        position: absolute;
        width: 32.96875vw;
        height: 6.875vw;
        left: 0vw;
        top: 32.8125vw; }
        .sec_longchain_lead .container .longchain_lead_area li.mv_img img {
          width: 100%;
          height: auto; }
      @media all and (max-width: 750px) {
        .sec_longchain_lead .container .longchain_lead_area li:nth-child(1) {
          position: absolute;
          left: 18vw;
          top: 13vw;
          font-size: 4.5vw;
          font-weight: bold;
          letter-spacing: 0.2vw; }
          .sec_longchain_lead .container .longchain_lead_area li:nth-child(1).lang_jp {
            font-size: 3.8vw; }
        .sec_longchain_lead .container .longchain_lead_area li:nth-child(2) {
          color: blue;
          position: absolute;
          left: 17vw;
          top: 18vw;
          font-size: 4.5vw;
          line-height: 1.5;
          font-weight: bold;
          font-style: italic;
          letter-spacing: -0.2vw;
          display: inline-block;
          background: linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
          background: -webkit-linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
          .sec_longchain_lead .container .longchain_lead_area li:nth-child(2) .last_txt {
            padding: 0 0.1em 0 0; }
          .sec_longchain_lead .container .longchain_lead_area li:nth-child(2) .sp_br {
            display: block; }
          .sec_longchain_lead .container .longchain_lead_area li:nth-child(2) .pc_br {
            display: none; }
          .sec_longchain_lead .container .longchain_lead_area li:nth-child(2).lang_jp {
            top: 14.5vw; }
        .sec_longchain_lead .container .longchain_lead_area li:nth-child(3) {
          position: absolute;
          left: 18vw;
          top: 60vw;
          font-size: 5vw;
          line-height: 1.7;
          font-weight: bold;
          letter-spacing: 0.1vw; }
        .sec_longchain_lead .container .longchain_lead_area li:nth-child(4) {
          position: absolute;
          left: 20vw;
          top: 109vw;
          font-size: 4.2vw;
          font-weight: bold; }
        .sec_longchain_lead .container .longchain_lead_area li:nth-child(5) {
          position: absolute;
          left: 17vw;
          top: 68vw;
          font-size: 1.14583vw;
          font-weight: bold;
          font-style: italic;
          letter-spacing: 0.6vw; }
        .sec_longchain_lead .container .longchain_lead_area li:nth-child(6) {
          position: absolute;
          left: 17vw;
          top: 84vw;
          font-size: 1.14583vw;
          font-weight: bold;
          font-style: italic;
          letter-spacing: 0.6vw; }
        .sec_longchain_lead .container .longchain_lead_area li:nth-child(7) {
          position: absolute;
          left: 20.5vw;
          top: 130vw;
          font-size: 5.2vw;
          font-weight: bold; }
          .sec_longchain_lead .container .longchain_lead_area li:nth-child(7) span {
            font-size: 3vw; }
        .sec_longchain_lead .container .longchain_lead_area li .num {
          font-size: 12vw; }
        .sec_longchain_lead .container .longchain_lead_area li .uni {
          font-size: 6vw; }
        .sec_longchain_lead .container .longchain_lead_area li.mv_img {
          position: absolute;
          width: 80vw;
          height: 10vw;
          left: 10vw;
          top: 119vw; }
        .sec_longchain_lead .container .longchain_lead_area li img {
          width: 100%;
          height: auto; } }

.sec_longchain_leadbtm .container {
  padding: 0 18.90625vw 10vw; }
  .sec_longchain_leadbtm .container .grad_mds {
    padding: 4vw;
    text-align: center; }
    .sec_longchain_leadbtm .container .grad_mds .nmds {
      text-align: center;
      font-weight: bold;
      font-size: 1.5625vw;
      display: inline-block;
      background: linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
      background: -webkit-linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
      @media all and (max-width: 750px) {
        .sec_longchain_leadbtm .container .grad_mds .nmds {
          font-size: 3.85417vw;
          line-height: 1.4; }
          .sec_longchain_leadbtm .container .grad_mds .nmds br {
            display: none; } }
  .sec_longchain_leadbtm .container .longchain_list {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .sec_longchain_leadbtm .container .longchain_list .list_item {
      padding: 2.08333vw; }
      .sec_longchain_leadbtm .container .longchain_list .list_item img {
        width: 100%;
        height: auto; }
      .sec_longchain_leadbtm .container .longchain_list .list_item:nth-child(2) {
        border-left: 1px solid #000;
        border-right: 1px solid #000; }
      .sec_longchain_leadbtm .container .longchain_list .list_item .smds {
        text-align: center;
        margin: 0 0 1vw;
        padding: 0;
        line-height: 1.3;
        font-size: 1.25vw;
        font-weight: normal; }
        .sec_longchain_leadbtm .container .longchain_list .list_item .smds.wline {
          margin-top: -1em; }
        .sec_longchain_leadbtm .container .longchain_list .list_item .smds .sp_br {
          display: none; }
        @media all and (max-width: 750px) {
          .sec_longchain_leadbtm .container .longchain_list .list_item .smds {
            font-size: 2.08333vw; }
            .sec_longchain_leadbtm .container .longchain_list .list_item .smds .sp_br {
              display: block; } }
      .sec_longchain_leadbtm .container .longchain_list .list_item .cap {
        text-align: center;
        font-weight: bold; }
        .sec_longchain_leadbtm .container .longchain_list .list_item .cap .num {
          font-size: 2.60417vw; }
        .sec_longchain_leadbtm .container .longchain_list .list_item .cap .unit {
          font-size: 1.5625vw;
          font-weight: normal; }
        @media all and (max-width: 750px) {
          .sec_longchain_leadbtm .container .longchain_list .list_item .cap .num {
            font-size: 5.20833vw; }
          .sec_longchain_leadbtm .container .longchain_list .list_item .cap .unit {
            font-size: 3.125vw; } }

@media all and (max-width: 750px) {
  .sec_longchain_leadbtm .container {
    padding: 0 3.90625vw 10vw; } }

.sec_longchain_cf .container {
  position: relative;
  padding: 0 18.90625vw 10vw; }
  @media all and (max-width: 750px) {
    .sec_longchain_cf .container {
      padding: 0 10vw 10vw; } }
  .sec_longchain_cf .container .grad_mds .mds {
    position: relative;
    text-align: left;
    font-weight: bold;
    font-size: 3.90625vw;
    display: inline-block;
    background: linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
    background: -webkit-linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic; }
    .sec_longchain_cf .container .grad_mds .mds .last_txt {
      padding: 0 0.3em 0 0; }
    .sec_longchain_cf .container .grad_mds .mds:after {
      content: '';
      background: linear-gradient(to right, #9e81de, #faa8d8);
      display: block;
      width: 50vw;
      height: 0.26vw;
      position: absolute;
      left: -15.2vw;
      bottom: -1vw;
      left: auto;
      width: 80vw;
      left: -18.90625vw;
      z-index: -1; }
      @media all and (max-width: 750px) {
        .sec_longchain_cf .container .grad_mds .mds:after {
          height: 0.5vw; } }
    @media all and (max-width: 750px) {
      .sec_longchain_cf .container .grad_mds .mds {
        font-size: 6.77083vw;
        padding: 0 0 2vw;
        margin: 0 0 4vw; }
        .sec_longchain_cf .container .grad_mds .mds:after {
          left: auto;
          right: auto;
          width: 90vw;
          right: -10vw;
          z-index: -1; } }
  .sec_longchain_cf .container:after {
    content: '';
    display: block;
    width: 22vw;
    height: 16vw;
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    position: absolute;
    top: -5vw;
    left: 0;
    z-index: -10; }
    @media all and (max-width: 750px) {
      .sec_longchain_cf .container:after {
        width: 24vw;
        height: 48vw;
        top: -5vw;
        left: auto;
        right: 0;
        z-index: -10; } }
  .sec_longchain_cf .container .com_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2vw 0 0; }
    .sec_longchain_cf .container .com_list .list_item {
      width: 48%;
      border: none;
      border-top: 2px solid #f00;
      border-left: 2px solid #f00;
      border-image: linear-gradient(to left bottom, #86ded0, #01c6aa, #8f9fda) 1;
      margin: 0 0 2.60417vw;
      height: 15.625vw;
      padding: 2.60417vw 0 0 3.125vw; }
      .sec_longchain_cf .container .com_list .list_item .name {
        font-weight: bold;
        padding: 1em 0 0; }
    @media all and (max-width: 750px) {
      .sec_longchain_cf .container .com_list {
        flex-direction: column;
        padding: 15.625vw 0 0; }
        .sec_longchain_cf .container .com_list .list_item {
          width: 100%;
          min-height: 41.66667vw; } }

.sec_longchain_pmm .container {
  position: relative;
  padding: 0 18.90625vw 10vw; }
  @media all and (max-width: 750px) {
    .sec_longchain_pmm .container {
      padding: 0 10vw 10vw; } }
  .sec_longchain_pmm .container .grad_mds .mds {
    position: relative;
    text-align: left;
    font-weight: bold;
    font-size: 3.5vw;
    display: inline-block;
    background: linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
    background: -webkit-linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    line-height: 1.4; }
    .sec_longchain_pmm .container .grad_mds .mds .last_txt {
      padding: 0 0.3em 0 0; }
    .sec_longchain_pmm .container .grad_mds .mds:after {
      content: '';
      background: linear-gradient(to right, #9e81de, #faa8d8);
      display: block;
      width: 50vw;
      height: 0.26vw;
      position: absolute;
      left: -15.2vw;
      bottom: -1vw;
      left: auto;
      width: 80vw;
      left: -18.90625vw;
      z-index: -1; }
      @media all and (max-width: 750px) {
        .sec_longchain_pmm .container .grad_mds .mds:after {
          height: 0.5vw; } }
    @media all and (max-width: 750px) {
      .sec_longchain_pmm .container .grad_mds .mds {
        font-size: 6.77083vw;
        padding: 0 0 2vw;
        margin: 0 0 6vw;
        letter-spacing: -0.1vw;
        line-height: 1.2; }
        .sec_longchain_pmm .container .grad_mds .mds:after {
          left: auto;
          right: auto;
          width: 90vw;
          right: -10vw;
          z-index: -1; } }
  .sec_longchain_pmm .container:after {
    content: '';
    display: block;
    width: 22vw;
    height: 16vw;
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10; }
    @media all and (max-width: 750px) {
      .sec_longchain_pmm .container:after {
        width: 24vw;
        height: 48vw;
        top: -3vw;
        left: auto;
        right: 0;
        z-index: -10; } }

.sec_longchain_pmm .pmm_list {
  display: flex;
  justify-content: space-between;
  padding: 2.08333vw 0 0 0; }
  @media all and (max-width: 750px) {
    .sec_longchain_pmm .pmm_list {
      flex-direction: column; } }
  .sec_longchain_pmm .pmm_list .list_item_text {
    border-right: 1px solid #000;
    width: 58%;
    padding: 0 3% 0 0;
    margin: 0 3% 0 0; }
    .sec_longchain_pmm .pmm_list .list_item_text .item_text_img_area {
      display: flex; }
      .sec_longchain_pmm .pmm_list .list_item_text .item_text_img_area li {
        text-align: center; }
        .sec_longchain_pmm .pmm_list .list_item_text .item_text_img_area li img {
          width: 100%;
          height: auto; }
        .sec_longchain_pmm .pmm_list .list_item_text .item_text_img_area li .cap {
          font-weight: bold;
          padding: 1em 0 0 0; }
    .sec_longchain_pmm .pmm_list .list_item_text .txtarea {
      text-align: left;
      padding: 4.16667vw 0 0 0; }
      .sec_longchain_pmm .pmm_list .list_item_text .txtarea .jp_sup {
        font-size: 0.8em;
        vertical-align: super; }
    @media all and (max-width: 750px) {
      .sec_longchain_pmm .pmm_list .list_item_text {
        border-right: none;
        border-bottom: 1px solid #7c7c7c;
        width: 100%;
        padding: 0 0 8vw 0;
        margin: 0 0 8vw; }
        .sec_longchain_pmm .pmm_list .list_item_text .txtarea {
          text-align: center;
          padding: 8.33333vw 10vw 4vw; } }
  .sec_longchain_pmm .pmm_list .list_item_graph img {
    width: 100%;
    height: auto; }
  @media all and (max-width: 750px) {
    .sec_longchain_pmm .pmm_list .list_item_graph {
      text-align: center; }
      .sec_longchain_pmm .pmm_list .list_item_graph img {
        margin: auto;
        width: 80%;
        height: auto; } }

.sec_longchain_pmm .grad_mds {
  padding: 3.125vw 0 0 0; }
  .sec_longchain_pmm .grad_mds .nmds {
    position: relative;
    text-align: left;
    font-weight: bold;
    font-size: 1.45833vw;
    display: inline-block;
    background: linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
    background: -webkit-linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    line-height: 1.4; }
  .sec_longchain_pmm .grad_mds .imgarea img {
    width: 100%;
    height: auto; }
  .sec_longchain_pmm .grad_mds .txtarea {
    padding: 4vw 0; }
    .sec_longchain_pmm .grad_mds .txtarea .sub {
      padding: 1.5em 0 0 0;
      font-size: 0.83333vw; }
  @media all and (max-width: 750px) {
    .sec_longchain_pmm .grad_mds {
      text-align: center; }
      .sec_longchain_pmm .grad_mds .nmds {
        font-size: 3.64583vw;
        text-align: center; }
      .sec_longchain_pmm .grad_mds .txtarea {
        padding: 4vw 8vw; }
        .sec_longchain_pmm .grad_mds .txtarea .sub {
          padding: 4 0 0 0;
          font-size: 2.5vw; } }

.sec_longchain_why .container {
  position: relative;
  padding: 0 18.90625vw 10vw; }
  .sec_longchain_why .container:after {
    content: '';
    display: block;
    width: 22vw;
    height: 16vw;
    background: linear-gradient(to right top, #d4dae8, #aae6da);
    position: absolute;
    top: -5vw;
    left: 0;
    z-index: -10; }
    @media all and (max-width: 750px) {
      .sec_longchain_why .container:after {
        width: 24vw;
        height: 48vw;
        top: -5vw;
        left: auto;
        right: 0;
        z-index: -10; } }
  @media all and (max-width: 750px) {
    .sec_longchain_why .container {
      padding: 0 10vw 10vw; } }
  .sec_longchain_why .container .grad_mds .mds {
    position: relative;
    text-align: left;
    font-weight: bold;
    font-size: 3.90625vw;
    display: inline-block;
    background: linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
    background: -webkit-linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    line-height: 1.4; }
    .sec_longchain_why .container .grad_mds .mds .last_txt {
      padding: 0 0.3em 0 0; }
    .sec_longchain_why .container .grad_mds .mds:after {
      content: '';
      background: linear-gradient(to right, #9e81de, #faa8d8);
      display: block;
      width: 50vw;
      height: 0.26vw;
      position: absolute;
      left: -15.2vw;
      bottom: -1vw;
      left: auto;
      width: 80vw;
      left: -18.90625vw;
      z-index: -1; }
      @media all and (max-width: 750px) {
        .sec_longchain_why .container .grad_mds .mds:after {
          height: 0.5vw; } }
    @media all and (max-width: 750px) {
      .sec_longchain_why .container .grad_mds .mds {
        font-size: 6.77083vw;
        letter-spacing: -0.1vw;
        padding: 0 0 2vw;
        margin: 0 0 4vw; }
        .sec_longchain_why .container .grad_mds .mds:after {
          left: auto;
          right: auto;
          width: 90vw;
          z-index: -1; } }
  .sec_longchain_why .container .why_layout_leadtxt {
    width: 48%; }
    @media all and (max-width: 750px) {
      .sec_longchain_why .container .why_layout_leadtxt {
        width: 100%; } }
  .sec_longchain_why .container .why_layout_list_a {
    display: flex;
    justify-content: space-between;
    padding: 0 0 5vw; }
    @media all and (max-width: 750px) {
      .sec_longchain_why .container .why_layout_list_a {
        flex-direction: column-reverse; } }
    .sec_longchain_why .container .why_layout_list_a .txtarea {
      width: 60%; }
      .sec_longchain_why .container .why_layout_list_a .txtarea .nmds {
        display: inline-block;
        line-height: 1.3;
        font-size: 2.08333vw;
        border-bottom: 2px solid #8145d8;
        border-image: linear-gradient(to right, #8145d8, #fd79c2) 1; }
      .sec_longchain_why .container .why_layout_list_a .txtarea .grade .anno {
        position: relative;
        text-align: left;
        font-weight: bold;
        font-size: 2.3vw;
        display: inline-block;
        background: linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
        background: -webkit-linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-style: italic;
        line-height: 1.4; }
        .sec_longchain_why .container .why_layout_list_a .txtarea .grade .anno .last_txt {
          padding: 0 0.3em 0 0; }
      @media all and (max-width: 750px) {
        .sec_longchain_why .container .why_layout_list_a .txtarea {
          width: 100%;
          padding: 0 0 4vw;
          position: relative; }
          .sec_longchain_why .container .why_layout_list_a .txtarea .nmds {
            display: block;
            width: 50%;
            margin: 5vw auto 2vw;
            text-align: center;
            font-size: 4.16667vw;
            /*
						position: absolute;
						bottom: 0;
						left: 0;
						right: 0;
						margin: auto;
						*/ }
          .sec_longchain_why .container .why_layout_list_a .txtarea .grade {
            text-align: center; }
            .sec_longchain_why .container .why_layout_list_a .txtarea .grade .anno {
              position: relative;
              text-align: center;
              font-weight: bold;
              font-size: 6vw;
              display: inline-block;
              background: linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
              background: -webkit-linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              font-style: italic;
              line-height: 1.4; }
              .sec_longchain_why .container .why_layout_list_a .txtarea .grade .anno .last_txt {
                padding: 0 0.3em 0 0; } }
    .sec_longchain_why .container .why_layout_list_a .imgarea {
      text-align: center;
      font-weight: bold;
      width: 38%;
      margin: -2vw 0 0; }
      .sec_longchain_why .container .why_layout_list_a .imgarea img {
        width: 100%;
        height: auto; }
      .sec_longchain_why .container .why_layout_list_a .imgarea .cap {
        padding: 0 0 2vw; }
      @media all and (max-width: 750px) {
        .sec_longchain_why .container .why_layout_list_a .imgarea {
          display: flex;
          justify-content: space-between;
          width: 100%;
          margin: 0 0;
          padding: 6vw 0 0; }
          .sec_longchain_why .container .why_layout_list_a .imgarea .imgarea_item {
            width: 48%; } }
  .sec_longchain_why .container .why_layout_list_b {
    display: flex;
    justify-content: space-between;
    padding: 0 0 5vw; }
    @media all and (max-width: 750px) {
      .sec_longchain_why .container .why_layout_list_b {
        flex-direction: column; } }
    .sec_longchain_why .container .why_layout_list_b .txtarea {
      width: 48%; }
      .sec_longchain_why .container .why_layout_list_b .txtarea .nmds {
        display: inline-block;
        line-height: 1.3;
        font-size: 2.08333vw;
        border-bottom: 2px solid #8145d8;
        border-image: linear-gradient(to right, #8145d8, #fd79c2) 1; }
        .sec_longchain_why .container .why_layout_list_b .txtarea .nmds.border_none {
          border: none;
          width: 100%;
          text-align: right;
          padding: 1vw 0 0;
          font-size: 1.5vw; }
      .sec_longchain_why .container .why_layout_list_b .txtarea .grade .anno {
        position: relative;
        text-align: left;
        font-weight: bold;
        font-size: 2.3vw;
        display: inline-block;
        background: linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
        background: -webkit-linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-style: italic;
        line-height: 1.4;
        letter-spacing: -0.05vw;
        padding: 0 0.3em 0 0; }
        .sec_longchain_why .container .why_layout_list_b .txtarea .grade .anno .last_txt {
          padding: 0 0.3em 0 0; }
      @media all and (max-width: 750px) {
        .sec_longchain_why .container .why_layout_list_b .txtarea {
          text-align: center;
          width: 100%; }
          .sec_longchain_why .container .why_layout_list_b .txtarea .nmds {
            display: block;
            width: 50%;
            margin: 5vw auto 2vw;
            text-align: center;
            font-size: 4.16667vw; }
            .sec_longchain_why .container .why_layout_list_b .txtarea .nmds.border_none {
              border: none;
              width: 100%;
              text-align: center;
              padding: 2vw 0 0;
              font-size: 4vw; }
          .sec_longchain_why .container .why_layout_list_b .txtarea .grade .anno {
            text-align: center;
            font-size: 6vw; } }
    .sec_longchain_why .container .why_layout_list_b .imgarea {
      text-align: center;
      font-weight: bold;
      width: 50%; }
      .sec_longchain_why .container .why_layout_list_b .imgarea img {
        width: 100%;
        height: auto; }
      @media all and (max-width: 750px) {
        .sec_longchain_why .container .why_layout_list_b .imgarea {
          width: 100%; } }
  .sec_longchain_why .container .why_list_area_c .case_list_mds {
    text-align: center;
    padding: 3vw 0;
    font-size: 2.1875vw;
    position: relative;
    font-weight: bold; }
    .sec_longchain_why .container .why_list_area_c .case_list_mds::before {
      content: '';
      border-bottom: 2px solid #000;
      border-image: linear-gradient(to left, #304dc3, #00c4a6) 1;
      position: absolute;
      width: 36%;
      left: 0;
      right: auto;
      padding: 1.7vw 0 0; }
    .sec_longchain_why .container .why_list_area_c .case_list_mds::after {
      content: '';
      border-bottom: 2px solid #000;
      border-image: linear-gradient(to right, #304dc3, #00c4a6) 1;
      position: absolute;
      width: 36%;
      left: auto;
      right: 0;
      padding: 1.7vw 0 0; }
    @media all and (max-width: 750px) {
      .sec_longchain_why .container .why_list_area_c .case_list_mds {
        font-size: 4.16667vw; }
        .sec_longchain_why .container .why_list_area_c .case_list_mds::before {
          width: 25%;
          padding: 2.5vw 0 0; }
        .sec_longchain_why .container .why_list_area_c .case_list_mds::after {
          width: 25%;
          padding: 2.5vw 0 0; } }
  .sec_longchain_why .container .why_list_area_c .list_type_b {
    display: flex;
    justify-content: space-around;
    align-items: center; }
    .sec_longchain_why .container .why_list_area_c .list_type_b .type_b_item {
      /*コレ*/
      display: flex;
      /*コレ*/
      align-items: center;
      background: linear-gradient(to right top, #d5dbe7, #ceece4);
      font-size: 1.25vw;
      font-weight: bold;
      padding: 1.5vw 0;
      text-align: center;
      margin: 0 auto;
      height: 7vw;
      width: 47%;
      border-radius: 0.5vw;
      position: relative; }
      .sec_longchain_why .container .why_list_area_c .list_type_b .type_b_item:before {
        content: '';
        border-left: 0.2vw solid #fff;
        height: 60%;
        position: absolute;
        left: 1vw; }
      .sec_longchain_why .container .why_list_area_c .list_type_b .type_b_item .txtitem {
        width: 100%; }
    @media all and (max-width: 750px) {
      .sec_longchain_why .container .why_list_area_c .list_type_b .type_b_item {
        display: flex;
        align-items: center;
        width: 47%;
        font-size: 3.2vw;
        line-height: 1.2;
        padding: 1.5vw 2vw;
        margin: 0 0 3vw 0;
        flex-grow: 0;
        min-height: 20vw;
        border-radius: 1vw; } }

.sec_faq_list.sec_longchain {
  background: none;
  background: linear-gradient(to right top, #d5dbe7, #ceece4);
  padding: 4vw 0 6vw;
  margin: 0 0 3vw; }
  .sec_faq_list.sec_longchain .container {
    padding: 0vw 19.2vw; }
    .sec_faq_list.sec_longchain .container .sec_mds {
      font-size: 3vw;
      text-align: center;
      color: #000;
      line-height: 1;
      padding: 2.2vw 0 3vw;
      margin: 0;
      font-weight: 500; }
    .sec_faq_list.sec_longchain .container .faq_list_area {
      background-color: rgba(255, 255, 255, 0.75);
      box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      background: none;
      box-shadow: none;
      border-radius: 0;
      padding: 0 0; }
      .sec_faq_list.sec_longchain .container .faq_list_area .faq_list_item {
        border-bottom: 1px solid #9fa5a2;
        font-size: 1.6vw; }
        .sec_faq_list.sec_longchain .container .faq_list_area .faq_list_item .faq_q_wrap {
          cursor: pointer;
          padding: 2vw 0 2vw 3vw;
          margin: 0vw 0 0vw -3vw;
          text-indent: -3vw; }
          .sec_faq_list.sec_longchain .container .faq_list_area .faq_list_item .faq_q_wrap::after {
            content: '+';
            display: inline-block;
            width: 1.5vw;
            height: 1.5vw;
            line-height: 1;
            margin: 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 40%; }
          .sec_faq_list.sec_longchain .container .faq_list_area .faq_list_item .faq_q_wrap.open {
            margin: 2vw 0 0vw -3vw; }
            .sec_faq_list.sec_longchain .container .faq_list_area .faq_list_item .faq_q_wrap.open::after {
              content: "─"; }
        .sec_faq_list.sec_longchain .container .faq_list_area .faq_list_item .faq_a_wrap {
          display: none;
          padding: 0 0 4vw 3vw;
          margin: 0 0 0 -3vw;
          text-indent: -3vw; }
          .sec_faq_list.sec_longchain .container .faq_list_area .faq_list_item .faq_a_wrap .faq_a {
            padding: 0 0.5em 0 0.18vw;
            font-size: 2.2vw; }

@media all and (max-width: 860px) {
  .sec_faq_list.sec_longchain {
    background: none;
    background: linear-gradient(to right top, #d5dbe7, #ceece4);
    padding: 8vw 0 12vw; }
    .sec_faq_list.sec_longchain .container {
      padding: 0vw 10vw; }
      .sec_faq_list.sec_longchain .container .sec_mds {
        font-size: 6vw;
        text-align: center;
        color: #000;
        line-height: 1;
        padding: 2.2vw 0 3vw;
        margin: 0;
        font-weight: 500; }
      .sec_faq_list.sec_longchain .container .faq_list_area {
        background-color: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        padding: 7vw 6vw;
        background: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0; }
        .sec_faq_list.sec_longchain .container .faq_list_area .faq_list_item {
          border-bottom: 1px solid #9fa5a2;
          font-size: 3.4vw; }
          .sec_faq_list.sec_longchain .container .faq_list_area .faq_list_item .faq_q_wrap {
            cursor: pointer;
            padding: 2vw 11vw 2vw 7vw;
            text-indent: -7vw;
            position: relative; }
            .sec_faq_list.sec_longchain .container .faq_list_area .faq_list_item .faq_q_wrap::after {
              content: '+';
              display: inline-block;
              width: 1.5vw;
              height: 1.5vw;
              line-height: 1;
              margin: 0;
              padding: 0;
              position: absolute;
              right: 1vw;
              top: 38%; }
            .sec_faq_list.sec_longchain .container .faq_list_area .faq_list_item .faq_q_wrap.open::after {
              content: "─"; }
          .sec_faq_list.sec_longchain .container .faq_list_area .faq_list_item .faq_a_wrap {
            padding: 0 0 4vw 11vw;
            margin: 0 0 0 -7vw;
            text-indent: -7vw; }
            .sec_faq_list.sec_longchain .container .faq_list_area .faq_list_item .faq_a_wrap .faq_a {
              padding: 0 0.5em 0 0.18vw;
              font-size: 5vw; } }

.sec_btm_contact .container .grad_mds {
  text-align: center;
  padding: 0 0 4vw; }
  .sec_btm_contact .container .grad_mds .nmds {
    position: relative;
    font-weight: bold;
    font-size: 1.875vw;
    display: inline-block;
    background: linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
    background: -webkit-linear-gradient(0deg, #304dc3 0%, #00c4a6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    line-height: 1.4; }
    .sec_btm_contact .container .grad_mds .nmds .pc_br {
      display: block; }
    .sec_btm_contact .container .grad_mds .nmds .sp_br {
      display: none; }
    @media all and (max-width: 750px) {
      .sec_btm_contact .container .grad_mds .nmds {
        font-size: 4.16667vw;
        line-height: 1.3; }
        .sec_btm_contact .container .grad_mds .nmds .pc_br {
          display: none; }
        .sec_btm_contact .container .grad_mds .nmds .sp_br {
          display: block; } }