@charset "UTF-8";
/*
@mixin font-en{
  font-family: 'Montserrat',sans-serif;
  font-weight: 400;
} */
/* @mixin font($size:10px,$line:$size) {
    font-size: $size/$root-font-size+rem;
    line-height: $line/$size;
} */

@media all and (max-width: 768px) {
  .pc {
    display: none !important; } }

@media all and (min-width: 768px) {
  .sp {
    display: none !important; } }

@-webkit-keyframes arrow-line {
  0% {
    height: 0px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  20% {
    height: 52px; }
  25% {
    height: 52px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    height: 52px;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes arrow-line {
  0% {
    height: 0px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  20% {
    height: 52px; }
  25% {
    height: 52px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    height: 52px;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes arrow-side {
  0% {
    height: 0px; }
  15% {
    height: 0px; }
  25% {
    height: 10px; }
  100% {
    height: 10px; } }

@keyframes arrow-side {
  0% {
    height: 0px; }
  15% {
    height: 0px; }
  25% {
    height: 10px; }
  100% {
    height: 10px; } }

@-webkit-keyframes arrow-line-d {
  0% {
    height: 0px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    height: 52px; }
  25% {
    height: 52px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  100% {
    height: 52px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@keyframes arrow-line-d {
  0% {
    height: 0px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    height: 52px; }
  25% {
    height: 52px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  100% {
    height: 52px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@-webkit-keyframes arrow-side-d {
  0% {
    height: 0px;
    bottom: 15px; }
  15% {
    height: 0px;
    bottom: 15px; }
  25% {
    height: 10px;
    bottom: 8px; }
  100% {
    height: 10px;
    bottom: 8px; } }

@keyframes arrow-side-d {
  0% {
    height: 0px;
    bottom: 15px; }
  15% {
    height: 0px;
    bottom: 15px; }
  25% {
    height: 10px;
    bottom: 8px; }
  100% {
    height: 10px;
    bottom: 8px; } }

@-webkit-keyframes page-opacity {
  0% {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
  100% {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); } }

@keyframes page-opacity {
  0% {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
  100% {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); } }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* font: inherit; */
  font-family: "Helvetica", "Tahoma", "Arial", "Microsoft YaHei", "Heiti SC";
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

body {
  position: relative;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-weight: 100;
  line-height: 1.2;
  vertical-align: top;
  background-color: #fff;
  color: #3c3c3c;
  font-weight: 400; }

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: #000; }

a {
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s; }

.fixed {
  position: fixed;
  width: 100%;
  height: 100%; }

.container {
  width: 100%;
  padding: 0; }
  @media all and (max-width: 768px) {
    .container {
      padding-top: 0; } }

/* .index-header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 94px;
  //background-color: rgba(#fff,.5);
  border-bottom: 2px #c6c6c6 solid;
  z-index: 2;
  @include mq-s{
    height: 60px;
  }
  & &-logo{
    position: absolute;
    top: 20px;
    left: 17px;
    width: 107px;
    height: 49px;
    @include mq-s{
      width: 53px;
      height: 25px;
    }
    img{
      width: 100%;
      height: auto;
    }
  }
  & &-logoJp{
    position: absolute;
    top: 41px;
    left: 140px;
    width: 162px;
    height: 17px;
    @include mq-s{
      top: 20px;
      left: 80px;
      width: 81px;
      height: 9px;
    }
    img{
      width: 100%;
      height: auto;
    }

  }
  & &-entry{
    position: absolute;
    top: 18px;
    right: 18px;
    font-family: 'stellar';
    a{
      display: block;
      width: 187px;
      height: 57px;
      color: #fff;
      @include font(18px,60px);
      text-align: center;
      letter-spacing: .1em;
      border: 1px rgba(#fff,.8) solid;
      &:hover{
        background-color: $blue;
      }
      @include mq-s{
        width: 92px;
        height: 26px;
        @include font(12px,26px);
      }
    }
  }
} */
.main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 73px;
  background-color: #fff;
  border-bottom: 1px rgba(111, 180, 45, 1) solid;
  z-index: 5;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; }
  .main-header.index-header {
    /*border-bottom: 1px rgba(111, 180, 45, 1) solid;*/
}
  .main-header.state-scroll {
    height: 65px; }
    @media all and (max-width: 768px) {
      .main-header.state-scroll {
        height: 48px; } }
    .main-header.state-scroll .main-header-logo {
      top: 10px;
      width: 86px;
      height: 41px; }
      @media all and (max-width: 768px) {
        .main-header.state-scroll .main-header-logo {
          top: 10px;
          left: 40px;
          width: 53px;
          height: 25px; } }
    .main-header.state-scroll .main-header-logoJp {
      top: 24px;
      }
      @media all and (max-width: 768px) {
        .main-header.state-scroll .main-header-logoJp {
          top: 17px; } }
    .main-header.state-scroll .main-header-entry a {
      width: 167px;
      height: 47px;
      line-height: 46px; }
      @media all and (max-width: 768px) {
        .main-header.state-scroll .main-header-entry a {
          width: 93px;
          height: 29px;
          font-size: 10px;
          line-height: 29px; } }
  .main-header .nomal {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s; }
  .main-header .active {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s; }
  .main-header.index-header {
    /*background: none;*/ 
}
    .main-header.index-header.open {
      background-color: #fff; }
  @media all and (max-width: 768px) {
    .main-header {
      height: 48px;
      border-bottom: 1px #e4e4e4 solid; } }
  .main-header .main-header-menuBtn {
    display: none; }
    @media all and (max-width: 768px) {
      .main-header .main-header-menuBtn {
        position: absolute;
        display: block;
        top: 15px;
        left: 12px;
        width: 19px;
        height: 17px; }
        .main-header .main-header-menuBtn a {
          display: block;
          width: 19px;
          height: 17px; }
        .main-header .main-header-menuBtn img {
          position: absolute;
          top: 0;
          left: 0; } }
  .main-header.open .nomal {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
  .main-header.open .active {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
  .main-header .main-header-logo {
    position: absolute;
    top: 14px;
    left: 55px;
    width: 149px;
    height: 45px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s; }
    @media all and (max-width: 768px) {
      .main-header .main-header-logo {
        top: 11px;
        left: 18px;
        width: 83px;
        height: 25px; } }
    .main-header .main-header-logo img {
      width: 100%;
      height: auto; }
  .main-header .main-header-logoJp {
    position: absolute;
    top: 20px;
    right: 140px;
    width: 200px;
    height: 17px;
    color: #6fb42d;
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s; }
    @media all and (max-width: 768px) {
      .main-header .main-header-logoJp {
        top: 16px;
        left: 110px;
        /* width: 200px;
        height: auto; */
        font-size: 14px;
        letter-spacing: 2px;} }
    /* .main-header .main-header-logoJp img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto; } */
  .main-header .main-header-group {
    position: absolute;
    top: 13px;
    right: 30px;
    color: #6fb42d;
    letter-spacing: 5px;}
    @media all and (max-width: 768px) {
      .main-header .main-header-group {
        display: none; } }
  .main-header .main-header-technoLogo {
    position: absolute;
    top: 39px;
    right: 30px;
    color: #6fb42d;
    letter-spacing: 5px;}
    @media all and (max-width: 768px) {
      .main-header .main-header-technoLogo {
        display: none; } }
  .main-header .main-header-indexEntry {
    position: absolute;
    top: 13px;
    right: 255px; }
    @media all and (max-width: 768px) {
      .main-header .main-header-indexEntry {
        top: 8px;
        bottom: auto;
        right: 8px; } }
    .main-header .main-header-indexEntry a {
      display: block;
      width: 167px;
      height: 47px;
      color: #6fb42d;
      font-size: 18px;
      line-height: 44px;
      text-align: center;
      letter-spacing: .1em;
      text-decoration: none;
      border: 1px rgba(111, 185, 45, 1) solid; }
      .main-header .main-header-indexEntry a:hover {
        background-color: #6fb42d;
        color:#fff;
        text-decoration: none;
      }

      @media all and (max-width: 768px) {
        .main-header .main-header-indexEntry a {
          width: 93px;
          height: 29px;
          font-size: 10px;
          line-height: 29px; } }
  .main-header.open .main-header-indexEntry {
    background-color: #fff;
    border-color: #6fb42d;}
  .main-header .main-header-entry {
    position: absolute;
    top: 8px;
    right: 8px; }
    @media all and (max-width: 768px) {
      .main-header .main-header-entry {
        top: 8px;
        right: 8px; } }
    .main-header .main-header-entry a {
      display: block;
      width: 187px;
      height: 57px;
      color: #fff;
      font-size: 18px;
      line-height: 60px;
      text-align: center;
      letter-spacing: .1em;
      background-color: #6fb42d; }
      .main-header .main-header-entry a:hover {
        background-color: #6fb42d; }
      @media all and (max-width: 768px) {
        .main-header .main-header-entry a {
          width: 93px;
          height: 29px;
          font-size: 10px;
          line-height: 29px; } }

.index-nav {
  position: fixed;
  padding-left: 42px;
  top: 72px;
  left: 0;
  width: 100%;
  z-index: 3;
}
.bottom_nav{display: none;}
  
  @media all and (max-width: 768px) {
  	.bottom_nav{
  		display: block;
  		/*overflow: hidden;*/
  		position: fixed;
  		bottom:0;
  		width: 100%;
  		background: white;
    }
    
    .bottom_nav>ul>li{
    	width: 20%;
    	float: left;
    	box-sizing: border-box;
    	text-align: center;	
    	font-weight: bold;
    	font-size: 16px;
    	padding: 10px 0;
    	height:38px;
    	/*overflow: hidden;*/
    	position: relative;
    }
    .bottom_nav ul li span{
    	position: absolute;
    	right:-8px;
    }
    .bottom_nav_kt{position: relative;}
    .bottom_nav_kt01{position: absolute;top: -58px;left: 0px;z-index: 100;background: white;width: 100%;text-align: center;display: none;}
    .bottom_nav>ul>li:hover .bottom_nav_kt01{display: block;}
    .bottom_nav_border{border-bottom: 1px solid #999;}
    .bottom_nav_kt01 li{padding: 5px 0;}
    .bottom_nav ul li span.bottom_nav_shu01{right: -16px;}
    .bottom_nav ul li span.bottom_nav_shu02{right: 1px;}
    .index-nav {
      display: none; } 
 }
@media (max-width: 378px){
  	.bottom_nav>ul>li{font-size: 14px;}
  	.bottom_nav_kt01{top: -50px;}
  }
  .index-nav ul {
    font-size: 0; }
    .index-nav ul li {
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      *zoom: 1;
      padding: 15px 0 0;
      text-align: center;
      padding-bottom:15px; }
      .index-nav ul li:nth-child(1) {
        margin-right: 28px;
        width: 63px;
        padding-left: 8px;}
      .index-nav ul li:nth-child(2) {
        margin-right: 28px;
        width: 105px;
       padding-left: 8px; }
      .index-nav ul li:nth-child(3) {
        margin-right: 28px;
        width: 105px;
       padding-left: 8px; }
      .index-nav ul li:nth-child(4) {
        margin-right: 28px;
        width: 120px;
       padding-left: 8px;}
      .index-nav ul li:nth-child(5) {
        margin-right: 28px;
        width: 105px;
       padding-left: 8px; }
      .index-nav ul li a {
        color: #6fb42d;
        font-size: 15px;
        letter-spacing: .3em;
        line-height: 1;
        text-decoration: none;
       }
      .index-nav ul li:hover {
        border-top-color: #00290e;
        text-decoration: none;
      }
        .index-nav ul li:hover a {
          color: #00290e;
          font-size: 16px;
          text-decoration: none;}
      .index-nav ul li.active {
        border-top-color: #00290e;
        text-decoration: none; }
      .index-nav-sel{
        border-bottom: 3px #6fb42d solid;
        border-top: 3px #6fb42d solid;
      }
        .index-nav-sel:hover{
          border-bottom: 3px #00290e solid;
        }
.main-nav {
  position: fixed;
  padding-left: 42px;
  padding-bottom: 12px;
  top: 71px;
  left: 0;
  width: 100%;
  z-index: 3;
  background-color: #fff;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s; }
  .main-nav.state-scroll {
    top: 63px; }
  @media all and (max-width: 768px) {
    .main-nav {
      display: none; } }
  .main-nav ul {
    font-size: 0; }
    .main-nav ul li {
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      *zoom: 1;
      padding: 15px 0 0;
      text-align: center;
      border-top: 3px transparent solid; }
      .main-nav ul li:nth-child(1) {
        margin-right: 28px;
        width: 63px; }
      .main-nav ul li:nth-child(2) {
        margin-right: 28px;
        width: 85px; }
      .main-nav ul li:nth-child(3) {
        margin-right: 28px;
        width: 85px; }
      .main-nav ul li:nth-child(4) {
        margin-right: 28px;
        width: 85px; }
      .main-nav ul li:nth-child(5) {
        margin-right: 28px;
        width: 85px; }
      .main-nav ul li a {
        color: #0d2f62;
        font-size: 15px;
        line-height: 1;
        letter-spacing: .02em; }
      .main-nav ul li:hover {
        border-top-color: #0d2f62; }
      .main-nav ul li.current {
        position: relative; }
        .main-nav ul li.current:after {
          content: "";
          position: absolute;
          left: 0;
          top: -1px;
          width: 100%;
          height: 3px;
          background-color: #0d2f62; }
      .main-nav ul li.active {
        border-top-color: #fff; }

.spmenu {
  display: none;
  position: fixed;
  z-index: 6;
  top: 48px;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto; }
  .spmenu .spmenu-wrap {
    position: fixed;
    top: 48px;
    left: 0;
    width: 100%;
    height: calc(100vh - 48px);
    background-color: #fff;
    z-index: 1; }
  .spmenu .spmenu-inner {
    position: relative;
    padding: 58px 0;
    z-index: 2;
    width: 100vw;
    height: auto; }
    .spmenu .spmenu-inner ul li {
      margin-bottom: 40px; }
      .spmenu .spmenu-inner ul li a {
        display: block;
        text-align: center;
        color: #6fb42d;
        font-size: 20px;
        line-height: 1;}
    .spmenu .spmenu-inner .spmenu-banner {
      margin: 58px auto 0;
      width: 297px;
      height: auto; }
      .spmenu .spmenu-inner .spmenu-banner img {
        width: 100%;
        height: auto; }
    .spmenu .spmenu-inner .spmenu-group {
      margin: 58px auto 0;
      width: 132px;
      height: auto; }
      .spmenu .spmenu-inner .spmenu-group img {
        width: 100%;
        height: auto; }

.main-footer {
  width: 100%;
  height: auto;
  padding: 68px 0 74px;
  background-color: #153e7c; }
  .main-footer:after {
    content: "";
    display: block;
    clear: both; }
  @media all and (max-width: 768px) {
    .main-footer {
      padding: 40px 0 32px; } }
  .main-footer .main-footer-copy {
    margin: 30px 0 0 45px;
    float: left;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    text-align: center; }
    @media all and (max-width: 768px) {
      .main-footer .main-footer-copy {
        margin: 0;
        float: none;
        font-size: 10px;
        line-height: 1; } }
  .main-footer .main-footer-link {
    float: right;
    position: relative;
    margin-right: 30px;
    width: 219px;
    height: 80px; }
    @media all and (max-width: 768px) {
      .main-footer .main-footer-link {
        display: none; } }
    .main-footer .main-footer-link .active {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      z-index: 2;
      opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s; }
    .main-footer .main-footer-link:hover .nomal {
      opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
    .main-footer .main-footer-link:hover .active {
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
  .main-footer .main-footer-linkSp {
    display: none; }
    @media all and (max-width: 768px) {
      .main-footer .main-footer-linkSp {
        display: block;
        margin: 20px auto 0;
        width: 132px;
        height: auto; }
        .main-footer .main-footer-linkSp img {
          display: block;
          width: 100%;
          height: auto; } }

.container {
  padding-top: 118px; }
  @media all and (max-width: 768px) {
    .container {
      padding-top: 48px; } }

.inner-style {
  margin: auto;
  max-width: 1100px; }
  @media all and (max-width: 1199px) {
    .inner-style {
      padding: 0 15px; } }
  @media all and (max-width: 768px) {
    .inner-style {
      width: 100%; } }

.outer-style {
  margin: auto;
  max-width: 1440px; }
  @media all and (max-width: 1199px) {
    .outer-style {
      width: 100%; } }
  @media all and (max-width: 768px) {
    .outer-style {
      width: 100%; } }

.pageContent {
  padding-top: 48px; }
  @media all and (max-width: 768px) {
    .pageContent {
      padding-top: 30px; } }
  .pageContent .pageContent-maintitleArea {
    margin-bottom: 60px;
    padding-right: 163px; }
    @media all and (max-width: 1199px) {
      .pageContent .pageContent-maintitleArea {
        padding-right: 130.4px; } }
    @media all and (max-width: 768px) {
      .pageContent .pageContent-maintitleArea {
        margin-bottom: 35px;
        padding-right: 26px; } }
    .pageContent .pageContent-maintitleArea .pageTitle-style {
      position: relative;
      height: 78px;
      color: #153e7c;
      font-size: 78px;
      line-height: 1;
      text-align: right;

      overflow: hidden; }
      @media all and (max-width: 768px) {
        .pageContent .pageContent-maintitleArea .pageTitle-style {
          height: 36px;
          font-size: 36px;
          line-height: 1; } }
      .pageContent .pageContent-maintitleArea .pageTitle-style .fadeText {
        display: block;
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
        -webkit-transform: translate3d(0px, 78px, 0px);
        transform: translate3d(0px, 78px, 0px); }
        @media all and (max-width: 768px) {
          .pageContent .pageContent-maintitleArea .pageTitle-style .fadeText {
            -webkit-transform: translate3d(0px, 36px, 0px);
            transform: translate3d(0px, 36px, 0px); } }
    .pageContent .pageContent-maintitleArea .pageTitle-styleJp {
      margin-top: 27px;
      color: #56667f;
      height: 20px;
      font-size: 20px;
      line-height: 1;
      text-align: right;
    }
      @media all and (max-width: 768px) {
        .pageContent .pageContent-maintitleArea .pageTitle-styleJp {
          margin-top: 18px;
          height: 12px;
          font-size: 12px;
          line-height: 1; } }
      .pageContent .pageContent-maintitleArea .pageTitle-styleJp .fadeText {
        display: block;
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
        -webkit-transform: translate3d(0px, 20px, 0px);
        transform: translate3d(0px, 20px, 0px); }
        @media all and (max-width: 768px) {
          .pageContent .pageContent-maintitleArea .pageTitle-styleJp .fadeText {
            -webkit-transform: translate3d(0px, 12px, 0px);
            transform: translate3d(0px, 12px, 0px); } }
    .pageContent .pageContent-maintitleArea.active .pageTitle-style .fadeText, .pageContent .pageContent-maintitleArea.active .pageTitle-styleJp .fadeText {
      opacity: 1;
      -webkit-transform: translate3d(0px, 0px, 0px);
      transform: translate3d(0px, 0px, 0px);
      -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s;
      transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s;
      transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s;
      transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s; }
  .pageContent .pageContent-subtitleArea {
    margin-top: 120px;
    padding-left: 88px; }
    @media all and (max-width: 768px) {
      .pageContent .pageContent-subtitleArea {
        margin: 40px 15px 0;
        padding-left: 0; } }
    .pageContent .pageContent-subtitleArea .pagesubTitle-style {
      color: #153e7c;
      font-size: 44px;
      line-height: 1;
      }
      @media all and (max-width: 768px) {
        .pageContent .pageContent-subtitleArea .pagesubTitle-style {
          font-size: 24px;
          line-height: 1; } }
    .pageContent .pageContent-subtitleArea .pagesubTitle-styleJp {
      margin-top: 23px;
      color: #56667f;
      font-size: 20px;
      line-height: 1; }
      @media all and (max-width: 768px) {
        .pageContent .pageContent-subtitleArea .pagesubTitle-styleJp {
          margin-top: 10px;
          font-size: 12px;
          line-height: 1; } }

body.open-fade {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
  animation: body_fadeIn .5s .5s forwards; }

body.close-fade {
  animation: body_fadeOut .5s forwards; }

@keyframes body_fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes body_fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@media all and (max-width: 768px) {
  .pc {
    display: none !important; } }

@media all and (min-width: 768px) {
  .sp {
    display: none !important; } }

@-webkit-keyframes arrow-line {
  0% {
    height: 0px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  20% {
    height: 52px; }
  25% {
    height: 52px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    height: 52px;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes arrow-line {
  0% {
    height: 0px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  20% {
    height: 52px; }
  25% {
    height: 52px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    height: 52px;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes arrow-side {
  0% {
    height: 0px; }
  15% {
    height: 0px; }
  25% {
    height: 10px; }
  100% {
    height: 10px; } }

@keyframes arrow-side {
  0% {
    height: 0px; }
  15% {
    height: 0px; }
  25% {
    height: 10px; }
  100% {
    height: 10px; } }

@-webkit-keyframes arrow-line-d {
  0% {
    height: 0px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    height: 52px; }
  25% {
    height: 52px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  100% {
    height: 52px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@keyframes arrow-line-d {
  0% {
    height: 0px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    height: 52px; }
  25% {
    height: 52px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  100% {
    height: 52px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@-webkit-keyframes arrow-side-d {
  0% {
    height: 0px;
    bottom: 15px; }
  15% {
    height: 0px;
    bottom: 15px; }
  25% {
    height: 10px;
    bottom: 8px; }
  100% {
    height: 10px;
    bottom: 8px; } }

@keyframes arrow-side-d {
  0% {
    height: 0px;
    bottom: 15px; }
  15% {
    height: 0px;
    bottom: 15px; }
  25% {
    height: 10px;
    bottom: 8px; }
  100% {
    height: 10px;
    bottom: 8px; } }

@-webkit-keyframes page-opacity {
  0% {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
  100% {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); } }

@keyframes page-opacity {
  0% {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
  100% {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); } }

/* .body-index {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color:#000;
  margin: 0;
  padding: 0;
  height: 100vh;
} */
.index-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto; }
  .index-container .sectionIndex {
    position: relative;
    text-align: center;
    /* font-size: 18px;
    background: #fff; */
    overflow: hidden;
    /* Center slide text vertically */
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; */
    /* &.sectionIndex01 .sectionIndex-bg {
      background: url("../images/index/sample-img.png") no-repeat;
      background-position: center center;
      background-size: cover; }
    &.sectionIndex06 .sectionIndex-bg {
      background: url("../images/index/sample-img06.png") no-repeat;
      background-position: center center;
      //background-size: cover;
      background-size: auto 100%;
    } */ }
    /* .index-container .sectionIndex01 .sectionIndex-bg {
      background: url("../images/index/bg01.jpg") no-repeat;
      background-position: center center;
      background-size: cover; }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex01 .sectionIndex-bg {
          background: url("../images/index/bg01-sp.png") no-repeat;
          background-position: center center;
          background-size: cover; } } */
    .index-container .sectionIndex02 .sectionIndex-bg {
      background: url("../images/index/bg02.jpg") no-repeat;
      background-position: center center;
      background-size: cover; }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex02 .sectionIndex-bg {
          background: url("../images/index/bg02_sp.jpg") no-repeat;
          background-position: center center;
          background-size: cover; } }
    .index-container .sectionIndex03 .sectionIndex-bg {
      background: url("../images/index/bg03.jpg") no-repeat;
      background-position: center center;
      background-size: cover; }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex03 .sectionIndex-bg {
          background: url("../images/index/bg03_sp.jpg") no-repeat;
          background-position: center center;
          background-size: cover; } }
    .index-container .sectionIndex04 .sectionIndex-bg {
      background: url("../images/index/bg04.jpg") no-repeat;
      background-position: center center;
      background-size: cover; }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex04 .sectionIndex-bg {
          background: url("../images/index/bg04_sp.jpg") no-repeat;
          background-position: center center;
          background-size: cover; } }
    .index-container .sectionIndex05 .sectionIndex-bg {
      background: url("../images/index/bg05.jpg") no-repeat;
      background-position: center center;
      background-size: cover; }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex05 .sectionIndex-bg {
          background: url("../images/index/bg05_sp.jpg") no-repeat;
          background-position: center center;
          background-size: cover; } }
    /* .index-container .sectionIndex06 .sectionIndex-bg {
      background: url("../images/index/bg06.jpg") no-repeat;
      background-position: center center;
      background-size: cover; }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex06 .sectionIndex-bg {
          background: url("../images/index/bg06-sp.png") no-repeat;
          background-position: center center;
          background-size: cover; } } */
    /* .index-container .sectionIndex.active-section .sectionIndex-bg {
      width: 100vw;
      height: 100vh;
      left: -5vw;
      top: -5vh;
      padding: 10vh 10vw;
      -webkit-transition: all 10s linear 0s;
      -moz-transition: all 10s linear 0s;
      -ms-transition: all 10s linear 0s;
      -o-transition: all 10s linear 0s;
      transition: all 10s linear 0s;
    } */
    .index-container .sectionIndex .sectionIndex-inner {
      position: relative;
      margin: 130px auto 0;
      max-width: 1160px;
      padding: 0 20px;
      width: 100vw;
      height: calc(100vh - 130px);
     }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex .sectionIndex-inner {
          margin-top: 0px;
          height: calc(100vh - 0px); } }
      .index-container .sectionIndex .sectionIndex-inner.active-option .section-title {
        filter: blur(0px);
        -webkit-filter: blur(0px); }
    .index-container .sectionIndex .sectionIndex-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .index-container .sectionIndex .section-title {
      opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
      text-align: left;
      filter: blur(10px);
      -webkit-filter: blur(10px);
      -webkit-transition: all 1.5s ease-in 0s;
      -moz-transition: all 1.5s ease-in 0s;
      -ms-transition: all 1.5s ease-in 0s;
      -o-transition: all 1.5s ease-in 0s;
      transition: all 1.5s ease-in 0s; }
    .index-container .sectionIndex .section-subTitle {
      color: #6fb42d;
      text-align: left;
       }
    .index-container .sectionIndex .section-readText {
      color: #6fb42d;
      text-align: left;
       }
    .index-container .sectionIndex.active-option .section-title {
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
      filter: blur(0px);
      -webkit-filter: blur(0px); }
    .index-container .sectionIndex.active-option .more-btn {
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
    .index-container .sectionIndex .sectionIndex-titleArea {
      position: absolute;
      top: 50%;
      width: 580px;
      transform: translateY(-50%) translateX(0%);
      -webkit-transform: translateY(-50%) translateX(0%); }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex .sectionIndex-titleArea {
          padding: 0 20px;
          width: 100%;
          left: 0;
          transform: translateY(-50%) translateX(0%);
          -webkit-transform: translateY(-50%) translateX(0%); } }
      .index-container .sectionIndex .sectionIndex-titleArea .section-title img {
        width: 100%;
        height: auto; }
      .index-container .sectionIndex .sectionIndex-titleArea .section-subTitle {
        position: relative;
        margin: 30px 0 0;
        height: 126px;
        font-size: 46px;
        line-height: 63px;
        letter-spacing:5px;
        overflow: hidden; }
        @media all and (max-width: 768px) {
          .index-container .sectionIndex .sectionIndex-titleArea .section-subTitle {
            margin-top: -200px;
            margin-left: 20px;
            height: 74px;
            font-size: 27.6px;
            line-height: 37.8px; } }
      .index-container .sectionIndex .sectionIndex-titleArea .section-readText {
        position: relative;
        margin-top: 30px;
        height: 104px;
        font-size: 16px;
        line-height: 26px;
        letter-spacing:5px;
        overflow: hidden; }
        @media all and (max-width: 768px) {
          .index-container .sectionIndex .sectionIndex-titleArea .section-readText {
            margin-top: 18px;
            margin-left: 20px;
            height: 46.8px;
            font-size: 9.6px;
            line-height: 15.6px; } }
    .index-container .sectionIndex .more-btn {
      margin-top: 40px;
      opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
      -webkit-transition: all .8s ease-in 1s;
      -moz-transition: all .8s ease-in 1s;
      -ms-transition: all .8s ease-in 1s;
      -o-transition: all .8s ease-in 1s;
      transition: all .8s ease-in 1s; }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex .more-btn {
          margin-top: 24px; } }
      .index-container .sectionIndex .more-btn a {
        display: block;
        width: 187px;
        height: 57px;
        color: #313131;
        font-size: 18px;
        line-height: 57px;
        text-align: center;

        letter-spacing: .1em;
        background-color: #fff;
        border: 1px solid #fff; }
        .index-container .sectionIndex .more-btn a:hover {
          color: #fff;
          background-color: #0d2f62; }
        @media all and (max-width: 768px) {
          .index-container .sectionIndex .more-btn a {
            width: 112.2px;
            height: 34.2px;
            font-size: 15px;
            line-height: 34.2px; } }
  .index-container .sectionIndex02, .index-container .sectionIndex04, .index-container .sectionIndex06 {
    left: -250; }
  .index-container .sectionIndex03 .sectionIndex-titleArea, .index-container .sectionIndex05 .sectionIndex-titleArea {
    right: -250px; }
  /* .index-container .sectionIndex01 .sectionIndex-firstTitleArea {
    padding: 0 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%); }
    @media all and (max-width: 768px) {
      .index-container .sectionIndex01 .sectionIndex-firstTitleArea {
        left: 0;
        transform: translateY(-50%) translateX(0%);
        -webkit-transform: translateY(-50%) translateX(0%); } }
    .index-container .sectionIndex01 .sectionIndex-firstTitleArea .section-title {
      margin: 40px auto 0; }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex01 .sectionIndex-firstTitleArea .section-title {
          width: 80%; }
          .index-container .sectionIndex01 .sectionIndex-firstTitleArea .section-title img {
            width: 100%;
            height: auto; } }
    .index-container .sectionIndex01 .sectionIndex-firstTitleArea .section-subTitle {
      margin: 30px auto 0;
      text-align: center;
      font-size: 32px;
      line-height: 1; }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex01 .sectionIndex-firstTitleArea .section-subTitle {
          font-size: 19.2px;
          line-height: 1; } }
      .index-container .sectionIndex01 .sectionIndex-firstTitleArea .section-subTitle .fadeText {
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
        display: block;
        -webkit-transform: translate3d(0px, 32px, 0px);
        transform: translate3d(0px, 32px, 0px);
        -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
        @media all and (max-width: 768px) {
          .index-container .sectionIndex01 .sectionIndex-firstTitleArea .section-subTitle .fadeText {
            -webkit-transform: translate3d(0px, 19.2px, 0px);
            transform: translate3d(0px, 19.2px, 0px); } } */
  .index-container .sectionIndex02 .sectionIndex-titleArea .section-title {
    width: 541px;
    height: 572px;}
    @media all and (max-width: 768px) {
      .index-container .sectionIndex02 .sectionIndex-titleArea .section-title {
        width: 98.4px;
        height: 28.2px;
       } }
  .index-container .sectionIndex03 .sectionIndex-titleArea .section-title {
    width: 285px;
    height: 49px; }
    @media all and (max-width: 768px) {
      .index-container .sectionIndex03 .sectionIndex-titleArea .section-title {
        width: 306.6px;
        height: 27px; } }
  .index-container .sectionIndex03 .sectionIndex-titleArea .section-subTitle {
    height: 126px; }
    @media all and (max-width: 768px) {
      .index-container .sectionIndex03 .sectionIndex-titleArea .section-subTitle {
        height: 75.6px; } }
    .index-container .sectionIndex03 .sectionIndex-titleArea .section-subTitle .fadeText {
      -webkit-transform: translate3d(0px, 126px, 0px);
      transform: translate3d(0px, 126px, 0px); }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex03 .sectionIndex-titleArea .section-subTitle .fadeText {
          -webkit-transform: translate3d(0px, 75.6px, 0px);
          transform: translate3d(0px, 75.6px, 0px); } }
  .index-container .sectionIndex04 .sectionIndex-titleArea .section-title {
    width: 294px;
    height: 45px; }
    @media all and (max-width: 768px) {
      .index-container .sectionIndex04 .sectionIndex-titleArea .section-title {
        width: 176.4px;
        height: 27px; } }
  .index-container .sectionIndex04 .sectionIndex-titleArea .section-subTitle {
    height: 126px; }
    @media all and (max-width: 768px) {
      .index-container .sectionIndex04 .sectionIndex-titleArea .section-subTitle {
        height: 75.6px; } }
    .index-container .sectionIndex04 .sectionIndex-titleArea .section-subTitle .fadeText {
      -webkit-transform: translate3d(0px, 126px, 0px);
      transform: translate3d(0px, 126px, 0px); }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex04 .sectionIndex-titleArea .section-subTitle .fadeText {
          -webkit-transform: translate3d(0px, 75.6px, 0px);
          transform: translate3d(0px, 75.6px, 0px); } }
  .index-container .sectionIndex05 .sectionIndex-titleArea .section-title {
    width: 199px;
    height: 45px; }
    @media all and (max-width: 768px) {
      .index-container .sectionIndex05 .sectionIndex-titleArea .section-title {
        width: 119.4px;
        height: 27px; } }
  .index-container .sectionIndex05 .sectionIndex-titleArea .section-subTitle {
    height: 126px; }
    @media all and (max-width: 768px) {
      .index-container .sectionIndex05 .sectionIndex-titleArea .section-subTitle {
        height: 75.6px; } }
    .index-container .sectionIndex05 .sectionIndex-titleArea .section-subTitle .fadeText {
      -webkit-transform: translate3d(0px, 126px, 0px);
      transform: translate3d(0px, 126px, 0px); }
      @media all and (max-width: 768px) {
        .index-container .sectionIndex05 .sectionIndex-titleArea .section-subTitle .fadeText {
          -webkit-transform: translate3d(0px, 75.6px, 0px);
          transform: translate3d(0px, 75.6px, 0px); } }
  .index-container .sectionIndex06 .sectionIndex-titleArea .section-title {
    width: 270px;
    height: 53px; }
    @media all and (max-width: 768px) {
      .index-container .sectionIndex06 .sectionIndex-titleArea .section-title {
        width: 162px;
        height: 31.8px; } }
  .index-container .sectionIndex .section-subTitle .fadeText {
    opacity: 0;
    display: block;
    -webkit-transform: translate3d(0px, 63px, 0px);
    transform: translate3d(0px, 63px, 0px);
    -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    @media all and (max-width: 768px) {
      .index-container .sectionIndex .section-subTitle .fadeText {
        -webkit-transform: translate3d(0px, 37.8px, 0px);
        transform: translate3d(0px, 37.8px, 0px); } }
  .index-container .sectionIndex .section-readText .fadeText {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
    display: block;
    -webkit-transform: translate3d(0px, 78px, 0px);
    transform: translate3d(0px, 78px, 0px);
    -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    @media all and (max-width: 768px) {
      .index-container .sectionIndex .section-readText .fadeText {
        -webkit-transform: translate3d(0px, 46.8px, 0px);
        transform: translate3d(0px, 46.8px, 0px); } }
  .index-container .sectionIndex.active-option .section-subTitle .fadeText {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
    -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s;
    transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s;
    transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s;
    transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }
  .index-container .sectionIndex.active-option .section-readText .fadeText {
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s;
    transition: opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s;
    transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s;
    transition: transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, opacity 1s cubic-bezier(0.37, 0.16, 0.12, 1) 1s, -webkit-transform 1.2s cubic-bezier(0.37, 0.16, 0.12, 1) 1s;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }
  .index-container .sectionIndex-footer {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1;

    letter-spacing: .08em; }
    @media all and (max-width: 768px) {
      .index-container .sectionIndex-footer {
        bottom: 12px;
        font-size: 10px;
        line-height: 1; } }
  .index-container .sectionIndex-toTop {
    position: absolute;
    bottom: 20px;
    right: 20px; }
    .index-container .sectionIndex-toTop img {
      margin-bottom: 5px; }
    .index-container .sectionIndex-toTop a {
      position: relative;
      display: block;
      width: 18px;
      height: 69px;
      color: #6fb42d;
      font-size: 16px;
      line-height: 19px;
      text-align: center; }
      .index-container .sectionIndex-toTop a span {
        display: block;
        position: absolute; }
      .index-container .sectionIndex-toTop a .arrow-line {
        left: 0;
        right: 0;
        background-color: #6fb42d;
        margin: auto;
        border-radius: 16px;
        bottom: 80px;
        width: 3px;
        height: 52px;
        -webkit-animation: arrow-line 1.5s linear 0s infinite;
        animation: arrow-line 1.5s linear 0s infinite; }
      .index-container .sectionIndex-toTop a .arrow-left {
        transform: rotate(30deg);
        -o-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        top:-65px;
        width: 3px;
        height: 0;
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top;
        -webkit-animation: arrow-side 1.5s linear 0s infinite;
        animation: arrow-side 1.5s linear 0s infinite;
        left: 0;
        right: 0;
        background-color: #6fb42d;
        margin: auto;
        border-radius: 16px; }
      .index-container .sectionIndex-toTop a .arrow-right {
        transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        top: -65px;
        width: 3px;
        height: 0;
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top;
        -webkit-animation: arrow-side 1.5s linear 0s infinite;
        animation: arrow-side 1.5s linear 0s infinite;
        left: 0;
        right: 0;
        background-color: #6fb42d;
        margin: auto;
        border-radius: 16px; }
      .index-container .sectionIndex-toTop a .arrow-text {
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        font-weight: bold;
       }
  .index-container .sectionIndex-toDown {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 10px;
    height: 69px;
    margin: auto; }
    .index-container .sectionIndex-toDown img {
      margin-bottom: 5px; }
    .index-container .sectionIndex-toDown a {
      position: relative;
      display: block;
      width: 10px;
      height: 69px;
      color: #6fb42d;
      font-size: 10px;
      line-height: 1;

      text-align: center; }
      .index-container .sectionIndex-toDown a span {
        display: block;
        position: absolute; }
      .index-container .sectionIndex-toDown a .arrow-line {
        left: 0;
        right: 0;
        background-color: #6fb42d;
        margin: auto;
        border-radius: 16px;
        top: 3px;
        width: 2px;
        height: 52px;
        -webkit-animation: arrow-line-d 1.5s linear 0s infinite;
        animation: arrow-line-d 1.5s linear 0s infinite; }
      .index-container .sectionIndex-toDown a .arrow-left {
        transform: rotate(150deg);
        -o-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        -moz-transform: rotate(150deg);
        -webkit-transform: rotate(150deg);
        bottom: 10px;
        width: 2px;
        height: 10px;
        /* -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        */
        -webkit-animation: arrow-side-d 1.5s linear 0s infinite;
        animation: arrow-side-d 1.5s linear 0s infinite;
        left: -6px;
        right: 0;
        background-color: #6fb42d;
        margin: auto;
        border-radius: 16px; }
      .index-container .sectionIndex-toDown a .arrow-right {
        transform: rotate(-150deg);
        -o-transform: rotate(-150deg);
        -ms-transform: rotate(-150deg);
        -moz-transform: rotate(-150deg);
        -webkit-transform: rotate(-150deg);
        bottom: 0;
        width: 2px;
        height: 0;
        /* -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top; */
        -webkit-animation: arrow-side-d 1.5s linear 0s infinite;
        animation: arrow-side-d 1.5s linear 0s infinite;
        left: 0;
        right: -6px;
        background-color: #6fb42d;
        margin: auto;
        border-radius: 16px; }

.fullpage-menu {
  position: relative;
  z-index: 10; }

#fp-nav {
  position: fixed;
  top: 48.7%;
  right: 27px;
  width: 10px;
  padding: 0;
  margin: 0 !important;
  z-index: 5;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%); }
  @media all and (max-width: 768px) {
    #fp-nav {
      right: 10px; } }
  #fp-nav ul li {
    position: relative;
    display: block;
    margin: 0 0 10px 0;
    width: 4px;
    height: 4px;
    color: #000; }
    #fp-nav ul li a {
      position: relative;
      display: block;
      width: 4px;
      height: 4px; }
      #fp-nav ul li a.active {
        left: -5px; }
    #fp-nav ul li:nth-child(1) a {
      background-color: #c7f69b; }
    #fp-nav ul li:nth-child(2) a {
      background-color: #81cd38; }
    #fp-nav ul li:nth-child(3) a {
      background-color: #61a61f; }
    #fp-nav ul li:nth-child(4) a {
      background-color: #3e730b; }
    #fp-nav ul li:nth-child(5) a {
      background-color: #3d63a2; }
    #fp-nav ul li:nth-child(6) a {
      background-color: #0742a4; }
    #fp-nav ul li .fp-tooltip {
      display: none; }

.messageContent {
  /* & &-title{
		color: #153e7c;
		@include font(96px,1);
		text-align: right;
		@include f-stellar;

	}
	& &-titleJp{
		margin-top: 42px;
		color: #56667f;
		@include font(20px,1);
		text-align: right;
		@include f-mincho;
		@include mq-s{}
	} */ }
  .messageContent .messageContent-mainArea {
    padding-top: 170px;
    width: 100%;
    height: 822px;
    background: url("../images/message/main-image.jpg") no-repeat;
    background-position: top center;
    background-size: cover; }
    @media all and (max-width: 768px) {
      .messageContent .messageContent-mainArea {
        padding-top: 155px;
        padding-bottom: 32px;
        height: auto;
        background: url("../images/message/main-image-sp.jpg") no-repeat;
        background-position: top center;
        background-size: cover; } }
    .messageContent .messageContent-mainArea-title {
      position: relative;
      color: #fff;
      font-size: 39px;
      line-height: 1;
      /* font-family: "TB新聞明朝 L", "TBNPMincho L"; */
      letter-spacing: .1em;
      /* &:after{
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 91px;
				height: 1px;
				background-color: #fff;
				@include mq-s{
					width: 46px;
				}
			} */ }
      @media all and (max-width: 1199px) {
        .messageContent .messageContent-mainArea-title {
          font-size: 31.2px;
          line-height: 1; } }
      @media all and (max-width: 768px) {
        .messageContent .messageContent-mainArea-title {
          font-size: 18px;
          line-height: 1; } }
    .messageContent .messageContent-mainArea-excerpt {
      margin-top: 40px;
      color: #fff;
      font-size: 15px;
      line-height: 42px;

      letter-spacing: .3em; }
      @media all and (max-width: 1199px) {
        .messageContent .messageContent-mainArea-excerpt {
          margin-top: 32px;
          font-size: 12px;
          line-height: 33.6px; } }
      @media all and (max-width: 768px) {
        .messageContent .messageContent-mainArea-excerpt {
          margin-top: 18px;
          font-size: 10px;
          line-height: 20px; } }
  .messageContent .messageContent-recruitingArea {
    position: relative;
    margin-top: 69px;
    margin-bottom: 200px;
    width: 100%;
    height: 516px;
    /* background:url("../../../../assets/images/message/recruiting-image.jpg.html") no-repeat;
		background-position: top right; */ }
    @media all and (max-width: 768px) {
      .messageContent .messageContent-recruitingArea {
        margin-top: 33px;
        margin-bottom: 64px;
        height: auto;
        background: none; } }
    .messageContent .messageContent-recruitingArea-wrap {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding-top: 70px; }
      @media all and (max-width: 768px) {
        .messageContent .messageContent-recruitingArea-wrap {
          position: static;
          padding-top: 0; } }
    .messageContent .messageContent-recruitingArea-inner {
      margin-left: 50%;
      width: 50%;
      padding: 0 50px; }
      @media all and (max-width: 768px) {
        .messageContent .messageContent-recruitingArea-inner {
          margin-left: 0;
          width: 100%;
          padding: 0; } }
    .messageContent .messageContent-recruitingArea-image {
      padding-left: 83px; }
      @media all and (max-width: 768px) {
        .messageContent .messageContent-recruitingArea-image {
          display: block;
          padding-left: 15px; } }
      .messageContent .messageContent-recruitingArea-image img {
        width: 100%;
        height: auto; }
    .messageContent .messageContent-recruitingArea-title {
      position: relative;
      color: #0d2f62;
      font-size: 22px;
      line-height: 39px;
      /* &:after{
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 38px;
				height: 1px;
				background-color: $blue;
				@include mq-s{
					width: 19px;
				}
			} */ }
      @media all and (max-width: 1199px) {
        .messageContent .messageContent-recruitingArea-title {
          font-size: 17.6px;
          line-height: 31.2px; } }
      @media all and (max-width: 768px) {
        .messageContent .messageContent-recruitingArea-title {
          margin: 32px 0 0 18px;
          padding-bottom: 22px;
          font-size: 16px;
          line-height: 22px; } }
    .messageContent .messageContent-recruitingArea-excerpt {
      margin-top: 28px;
      color: #3d3d3d;
      font-size: 16px;
      line-height: 31px; }
      @media all and (max-width: 1199px) {
        .messageContent .messageContent-recruitingArea-excerpt {
          margin-top: 22.4px;
          font-size: 12.8px;
          line-height: 24.8px; } }
      @media all and (max-width: 768px) {
        .messageContent .messageContent-recruitingArea-excerpt {
          margin: 12px 20px 0;
          font-size: 10px;
          line-height: 21px; } }
  .messageContent .messageSubtitle {
    margin-top: 120px; }
    @media all and (max-width: 768px) {
      .messageContent .messageSubtitle {
        margin-top: 40px; } }

.tcWordContent .tcWordContent-main {
  padding: 60px 0 65px;
  background: url("../images/tc-word/content-bg.jpg"); }
  @media all and (max-width: 768px) {
    .tcWordContent .tcWordContent-main {
      padding: 32px 0 65px; } }
  .tcWordContent .tcWordContent-main .inner-style {
    position: relative; }
    @media all and (max-width: 1199px) {
      .tcWordContent .tcWordContent-main .inner-style {
        margin: 0 15px;
        padding: 0; } }
    @media all and (max-width: 768px) {
      .tcWordContent .tcWordContent-main .inner-style {
        position: static;
        margin: 0;
        padding: 0 5px; } }
  .tcWordContent .tcWordContent-main-lists {
    font-size: 0; }
    .tcWordContent .tcWordContent-main-lists-item {
      position: relative;
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      *zoom: 1;
      margin-right: 15px;
      margin-bottom: 15px;
      width: calc(33.3% - 10px);
      font-size: 0; }
      @media all and (max-width: 768px) {
        .tcWordContent .tcWordContent-main-lists-item {
          margin-right: 10px;
          margin-bottom: 6px;
          width: calc(50% - 5px); } }
      @media all and (min-width: 768px) {
        .tcWordContent .tcWordContent-main-lists-item:nth-child(3n) {
          margin-right: 0; } }
      @media all and (max-width: 768px) {
        .tcWordContent .tcWordContent-main-lists-item:nth-child(2n) {
          margin-right: 0; } }
      .tcWordContent .tcWordContent-main-lists-item img {
        width: 100%;
        height: auto; }
      .tcWordContent .tcWordContent-main-lists-item .hover {
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2; }
      .tcWordContent .tcWordContent-main-lists-item:hover .hover {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }

.tcWordContent .tcWordContent-modal-content {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  z-index: 10; }
  @media all and (max-width: 768px) {
    .tcWordContent .tcWordContent-modal-content {
      position: absolute;
      padding: 30px 35px;
      width: 100%;
      height: auto;
      overflow: auto; } }
  .tcWordContent .tcWordContent-modal-content-list {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #28b1d3; }
    .tcWordContent .tcWordContent-modal-content-list-item {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .tcWordContent .tcWordContent-modal-content-list-item.active {
        position: relative;
        display: block; }
      @media all and (max-width: 768px) {
        .tcWordContent .tcWordContent-modal-content-list-item {
          height: auto; } }
      .tcWordContent .tcWordContent-modal-content-list-item-image {
        float: left;
        width: 55%;
        height: 100%; }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item-image {
            float: none;
            width: 100%;
            height: auto; } }
        .tcWordContent .tcWordContent-modal-content-list-item-image img {
          display: none; }
          @media all and (max-width: 768px) {
            .tcWordContent .tcWordContent-modal-content-list-item-image img {
              display: block;
              width: 100%;
              height: auto; } }
      .tcWordContent .tcWordContent-modal-content-list-item-data {
        float: right;
        padding: 35px 25px;
        width: 45%;
        height: 100%;
        color: #fff;
        overflow: auto; }
        @media all and (max-width: 1199px) {
          .tcWordContent .tcWordContent-modal-content-list-item-data {
            padding: 28px 20px; } }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item-data {
            float: none;
            padding: 28px 20px 150px 20px;
            width: 100%;
            height: auto; } }
        .tcWordContent .tcWordContent-modal-content-list-item-data-label {

          color: #a7eeff;
          font-size: 18px;
          line-height: 24px; }
          @media all and (max-width: 1199px) {
            .tcWordContent .tcWordContent-modal-content-list-item-data-label {
              font-size: 14.4px;
              line-height: 19.2px; } }
          @media all and (max-width: 768px) {
            .tcWordContent .tcWordContent-modal-content-list-item-data-label {
              font-size: 10px;
              line-height: 1.2; } }
        .tcWordContent .tcWordContent-modal-content-list-item-data-title {
          margin-top: 12px;
          height: auto;
          /* @include font(40px,48px);
							@include mq-m{
								margin-top: 12px * $m;
								@include font(25px,1.2);
							}
							@include mq-s{
								margin-top: 10px;
								@include font(28px,24px);
							} */ }
          @media all and (max-width: 1199px) {
            .tcWordContent .tcWordContent-modal-content-list-item-data-title {
              margin-top: 9.6px; } }
          @media all and (max-width: 768px) {
            .tcWordContent .tcWordContent-modal-content-list-item-data-title {
              margin-top: 10px;
              max-width: 100%; } }
          .tcWordContent .tcWordContent-modal-content-list-item-data-title img {
            width: 100%;
            height: auto; }
        .tcWordContent .tcWordContent-modal-content-list-item-data-excerpt {
          margin-top: 25px;
          font-size: 17px;
          line-height: 32px; }
          @media all and (max-width: 1199px) {
            .tcWordContent .tcWordContent-modal-content-list-item-data-excerpt {
              margin-top: 20px;
              font-size: 13.6px;
              line-height: 25.6px; } }
          @media all and (max-width: 768px) {
            .tcWordContent .tcWordContent-modal-content-list-item-data-excerpt {
              font-size: 12px;
              line-height: 20px; } }
          .tcWordContent .tcWordContent-modal-content-list-item-data-excerpt span {
            font-size: 12px; }
            @media all and (max-width: 1199px) {
              .tcWordContent .tcWordContent-modal-content-list-item-data-excerpt span {
                font-size: 10px; } }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(1) .tcWordContent-modal-content-list-item-image {
        background: url("../images/tc-word/modal1.png") no-repeat;
        background-size: cover;
        background-position: center center; }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(2) .tcWordContent-modal-content-list-item-image {
        background: url("../images/tc-word/modal2.png") no-repeat;
        background-size: cover;
        background-position: center center; }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(3) .tcWordContent-modal-content-list-item-image {
        background: url("../images/tc-word/modal3.png") no-repeat;
        background-size: cover;
        background-position: center center; }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(4) .tcWordContent-modal-content-list-item-image {
        background: url("../images/tc-word/modal4.png") no-repeat;
        background-size: cover;
        background-position: center center; }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(5) .tcWordContent-modal-content-list-item-image {
        background: url("../images/tc-word/modal5.png") no-repeat;
        background-size: cover;
        background-position: center center; }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(6) .tcWordContent-modal-content-list-item-image {
        background: url("../images/tc-word/modal6.png") no-repeat;
        background-size: cover;
        background-position: center center; }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(7) .tcWordContent-modal-content-list-item-image {
        background: url("../images/tc-word/modal7.png") no-repeat;
        background-size: cover;
        background-position: center center; }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(8) .tcWordContent-modal-content-list-item-image {
        background: url("../images/tc-word/modal8.png") no-repeat;
        background-size: cover;
        background-position: center center; }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(9) .tcWordContent-modal-content-list-item-image {
        background: url("../images/tc-word/modal9.png") no-repeat;
        background-size: cover;
        background-position: center center; }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(10) .tcWordContent-modal-content-list-item-image {
        background: url("../images/tc-word/modal10.png") no-repeat;
        background-size: cover;
        background-position: center center; }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(11) .tcWordContent-modal-content-list-item-image {
        background: url("../images/tc-word/modal11.png") no-repeat;
        background-size: cover;
        background-position: center center; }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(12) .tcWordContent-modal-content-list-item-image {
        background: url("../images/tc-word/modal12.png.jpeg") no-repeat;
        background-size: cover;
        background-position: center center; }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(1) .tcWordContent-modal-content-list-item-data-title {
        width: 253px; }
        @media all and (max-width: 1199px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(1) .tcWordContent-modal-content-list-item-data-title {
            width: 202.4px; } }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(1) .tcWordContent-modal-content-list-item-data-title {
            width: 150px; } }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(2) .tcWordContent-modal-content-list-item-data-title {
        width: 96px; }
        @media all and (max-width: 1199px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(2) .tcWordContent-modal-content-list-item-data-title {
            width: 76.8px; } }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(2) .tcWordContent-modal-content-list-item-data-title {
            width: 65px; } }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(3) .tcWordContent-modal-content-list-item-data-title {
        width: 303px; }
        @media all and (max-width: 1199px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(3) .tcWordContent-modal-content-list-item-data-title {
            width: 242.4px; } }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(3) .tcWordContent-modal-content-list-item-data-title {
            width: 248px; } }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(4) .tcWordContent-modal-content-list-item-data-title {
        width: 194px; }
        @media all and (max-width: 1199px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(4) .tcWordContent-modal-content-list-item-data-title {
            width: 155.2px; } }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(4) .tcWordContent-modal-content-list-item-data-title {
            width: 125px; } }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(5) .tcWordContent-modal-content-list-item-data-title {
        width: 189px; }
        @media all and (max-width: 1199px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(5) .tcWordContent-modal-content-list-item-data-title {
            width: 151.2px; } }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(5) .tcWordContent-modal-content-list-item-data-title {
            width: 122px; } }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(6) .tcWordContent-modal-content-list-item-data-title {
        width: 360px; }
        @media all and (max-width: 1199px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(6) .tcWordContent-modal-content-list-item-data-title {
            width: 288px; } }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(6) .tcWordContent-modal-content-list-item-data-title {
            width: 233px; } }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(7) .tcWordContent-modal-content-list-item-data-title {
        width: 419px; }
        @media all and (max-width: 1199px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(7) .tcWordContent-modal-content-list-item-data-title {
            width: 335.2px; } }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(7) .tcWordContent-modal-content-list-item-data-title {
            width: 252px; } }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(8) .tcWordContent-modal-content-list-item-data-title {
        width: 277px; }
        @media all and (max-width: 1199px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(8) .tcWordContent-modal-content-list-item-data-title {
            width: 221.6px; } }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(8) .tcWordContent-modal-content-list-item-data-title {
            width: 179px; } }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(9) .tcWordContent-modal-content-list-item-data-title {
        width: 327; }
        @media all and (max-width: 1199px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(9) .tcWordContent-modal-content-list-item-data-title {
            width: 261.6; } }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(9) .tcWordContent-modal-content-list-item-data-title {
            width: 231px; } }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(10) .tcWordContent-modal-content-list-item-data-title {
        width: 273px; }
        @media all and (max-width: 1199px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(10) .tcWordContent-modal-content-list-item-data-title {
            width: 218.4px; } }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(10) .tcWordContent-modal-content-list-item-data-title {
            width: 192px; } }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(11) .tcWordContent-modal-content-list-item-data-title {
        width: 286px; }
        @media all and (max-width: 1199px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(11) .tcWordContent-modal-content-list-item-data-title {
            width: 228.8px; } }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(11) .tcWordContent-modal-content-list-item-data-title {
            width: 201px; } }
      .tcWordContent .tcWordContent-modal-content-list-item:nth-child(12) .tcWordContent-modal-content-list-item-data-title {
        width: 308px; }
        @media all and (max-width: 1199px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(12) .tcWordContent-modal-content-list-item-data-title {
            width: 246.4px; } }
        @media all and (max-width: 768px) {
          .tcWordContent .tcWordContent-modal-content-list-item:nth-child(12) .tcWordContent-modal-content-list-item-data-title {
            width: 217px; } }
  .tcWordContent .tcWordContent-modal-content-close {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 49px;
    height: 49px; }
    @media all and (max-width: 768px) {
      .tcWordContent .tcWordContent-modal-content-close {
        bottom: 30px;
        right: 35px;
        width: 38px;
        height: 38px; } }
    .tcWordContent .tcWordContent-modal-content-close img {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 49px;
      height: 49px;
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s; }
      @media all and (max-width: 768px) {
        .tcWordContent .tcWordContent-modal-content-close img {
          width: 38px;
          height: 38px; } }
    .tcWordContent .tcWordContent-modal-content-close .nomal {
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
    .tcWordContent .tcWordContent-modal-content-close .active {
      opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
    .tcWordContent .tcWordContent-modal-content-close:hover .nomal {
      opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
    .tcWordContent .tcWordContent-modal-content-close:hover .active {
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }

.tcWordContent .tcWordContent-modal-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9; }
  @media all and (max-width: 768px) {
    .tcWordContent .tcWordContent-modal-bg {
      background-color: rgba(0, 0, 0, 0.6); } }

.recruitContent .recruitContent-endtext {
  padding: 55px;
  background-color: #f2f8f9; }
  @media all and (max-width: 1199px) {
    .recruitContent .recruitContent-endtext {
      padding: 44px; } }
  @media all and (max-width: 768px) {
    .recruitContent .recruitContent-endtext {
      padding: 33px; } }
  .recruitContent .recruitContent-endtext p {
    color: #0d2f62;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
     }
    @media all and (max-width: 1199px) {
      .recruitContent .recruitContent-endtext p {
        font-size: 16px;
        line-height: 24px; } }
    @media all and (max-width: 768px) {
      .recruitContent .recruitContent-endtext p {
        font-size: 12px;
        line-height: 18px; } }

.recruitContent .recruitContent-top {
  background-color: #f2f8f9; }
  .recruitContent .recruitContent-top-lists {
    padding: 65px 0;
    font-size: 0;
    text-align: center; }
    @media all and (max-width: 768px) {
      .recruitContent .recruitContent-top-lists {
        padding: 38px 0 24px 0; } }
    .recruitContent .recruitContent-top-lists-item {
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      *zoom: 1;
      min-height: 260px;
      width: calc(33.33% - 67px);
      text-align: left; }
      @media all and (max-width: 768px) {
        .recruitContent .recruitContent-top-lists-item {
          min-height: initial;
          height: auto;
          width: 100%;
          margin-bottom: 24px;
          padding: 0 10px 24px;
          border-bottom: 1px #bddbe0 solid; }
          .recruitContent .recruitContent-top-lists-item:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border: none; } }
      @media all and (min-width: 768px) {
        .recruitContent .recruitContent-top-lists-item:nth-child(2) {
          margin: 0 49px;
          padding: 0 49px;
          border-color: #bddbe0;
          border-style: solid;
          border-width: 0 1px;
          box-sizing: content-box; } }
  @media all and (min-width: 768px) and (max-width: 768px) {
    .recruitContent .recruitContent-top-lists-item:nth-child(2) {
      margin: 0;
      padding: 0;
      border-width: 0 0 1px 0; } }
      .recruitContent .recruitContent-top-lists-item-title {
        height: 63px;
        color: #0d2f62;
        font-size: 19px;
        line-height: 24px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
         }
        @media all and (max-width: 1199px) {
          .recruitContent .recruitContent-top-lists-item-title {
            font-size: 15.2px;
            line-height: 19.2px; } }
        @media all and (max-width: 768px) {
          .recruitContent .recruitContent-top-lists-item-title {
            height: auto;
            display: block;
            font-size: 14px;
            line-height: 20px; } }
      .recruitContent .recruitContent-top-lists-item-excerpt {
        margin-top: 4px;
        font-size: 16px;
        line-height: 27px;
         }
        @media all and (max-width: 768px) {
          .recruitContent .recruitContent-top-lists-item-excerpt {
            margin-top: 6px;
            font-size: 11px;
            line-height: 21px; } }

.recruitContent .recruitContent-table {
  margin-top: 36px; }
  .recruitContent .recruitContent-table dl {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px #a4e6f7 solid; }
    @media all and (max-width: 768px) {
      .recruitContent .recruitContent-table dl {
        display: block; } }
    .recruitContent .recruitContent-table dl:last-child {
      border: none; }
    .recruitContent .recruitContent-table dl dt, .recruitContent .recruitContent-table dl dd {
      display: table-cell;
       }
      @media all and (max-width: 768px) {
        .recruitContent .recruitContent-table dl dt, .recruitContent .recruitContent-table dl dd {
          display: block; } }
    .recruitContent .recruitContent-table dl dt {
      padding: 15px 28px;
      width: 260px;
      color: #fff;
      font-size: 18px;
      line-height: 1;
      background-color: #28b1d3; }
      @media all and (max-width: 1199px) {
        .recruitContent .recruitContent-table dl dt {
          font-size: 14.4px;
          line-height: 1; } }
      @media all and (max-width: 768px) {
        .recruitContent .recruitContent-table dl dt {
          padding: 15px 20px;
          width: 100%;
          font-size: 14px;
          line-height: 20px; } }
    .recruitContent .recruitContent-table dl dd {
      padding: 20px 30px;
      color: #2c2c2c;
      font-size: 16px;
      line-height: 27px;
      background-color: #f4f6f7; }
      @media all and (max-width: 1199px) {
        .recruitContent .recruitContent-table dl dd {
          font-size: 12.8px;
          line-height: 21.6px; } }
      @media all and (max-width: 768px) {
        .recruitContent .recruitContent-table dl dd {
          padding: 15px 20px;
          font-size: 11px;
          line-height: 21px; } }

.recruitContent .recruitContent-flow {
  margin-top: 76px;
  text-align: center; }
  @media all and (max-width: 1199px) {
    .recruitContent .recruitContent-flow {
      padding: 0 20px; } }
  @media all and (max-width: 768px) {
    .recruitContent .recruitContent-flow {
      padding: 0;
      text-align: left; } }
  .recruitContent .recruitContent-flow img {
    max-width: 100%;
    height: auto; }
    @media all and (max-width: 768px) {
      .recruitContent .recruitContent-flow img {
        padding: 0 20px;
        max-width: 225px; } }

.recruitContent .recruitContent-entry {
  margin-top: 87px;
  padding: 70px 0 65px;
  background-color: #28b1d3;
  font-size: 0;
  text-align: center; }
  @media all and (max-width: 1199px) {
    .recruitContent .recruitContent-entry {
      margin-top: 69.6px;
      padding: 56px 15px 52px; } }
  @media all and (max-width: 768px) {
    .recruitContent .recruitContent-entry {
      margin-top: 52.2px;
      padding: 42px 0; } }
  .recruitContent .recruitContent-entry-item {
    display: inline-block;
    vertical-align: top;
    *vertical-align: auto;
    *zoom: 1;
    width: 50%; }
    @media all and (max-width: 768px) {
      .recruitContent .recruitContent-entry-item {
        width: 100%; }
        .recruitContent .recruitContent-entry-item:not(:last-child) {
          margin-bottom: 40px; } }
  .recruitContent .recruitContent-entry-title {
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 1; }
    @media all and (max-width: 1199px) {
      .recruitContent .recruitContent-entry-title {
        font-size: 16px;
        line-height: 1.5; } }
  .recruitContent .recruitContent-entry-btn {
    margin-top: 30px;
    text-align: center; }
    @media all and (max-width: 1199px) {
      .recruitContent .recruitContent-entry-btn {
        margin-top: 24px; } }
    @media all and (max-width: 768px) {
      .recruitContent .recruitContent-entry-btn {
        margin-top: 18px; } }
    .recruitContent .recruitContent-entry-btn a {
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      *zoom: 1;
      width: 278px;
      height: 85px;
      color: #fff;
      font-size: 37px;
      line-height: 83px;

      text-align: center;
      background-color: #28b1d3;
      border: 1px #fff solid;
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s; }
      @media all and (max-width: 1199px) {
        .recruitContent .recruitContent-entry-btn a {
          width: 222.4px;
          height: 66.4px;
          font-size: 29.6px;
          line-height: 66.4px; } }
      @media all and (max-width: 768px) {
        .recruitContent .recruitContent-entry-btn a {
          width: 166.8px;
          height: 49.8px;
          font-size: 22.2px;
          line-height: 49.8px; } }
      .recruitContent .recruitContent-entry-btn a:hover {
        color: #28b1d3;
        background-color: #fff; }

.recruitContent .recruitSubtitle {
  margin-top: 74px; }
  @media all and (max-width: 768px) {
    .recruitContent .recruitSubtitle {
      margin-top: 45px; } }

.recruitContent .recruitSubtitle2 {
  margin-top: 172px; }
  @media all and (max-width: 768px) {
    .recruitContent .recruitSubtitle2 {
      margin-top: 45px; } }

.recruitContent .recruitSubtitle3 {
  margin-top: 186px;
  margin-bottom: 62px; }
  @media all and (max-width: 768px) {
    .recruitContent .recruitSubtitle3 {
      margin-top: 45px; } }

.careerContent {
  overflow: hidden; }
  .careerContent .careerContent-lists {
    display: block; }
    .careerContent .careerContent-lists-item {
      position: relative;
      padding: 0px 0 0 0;
      height: auto; }
      .careerContent .careerContent-lists-item-image {
        font-size: 0; }
        .careerContent .careerContent-lists-item-image img {
          width: 100%;
          height: auto; }
      .careerContent .careerContent-lists-item .inner-style {
        height: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        @media all and (max-width: 768px) {
          .careerContent .careerContent-lists-item .inner-style {
            display: block;
            padding: 0 25px; } }
      .careerContent .careerContent-lists-item-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        @media all and (max-width: 768px) {
          .careerContent .careerContent-lists-item-wrap {
            padding: 18px 0 0; } }
      .careerContent .careerContent-lists-item-label span {
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        *zoom: 1;
        padding-bottom: 5px;
        color: #28b1d3;
        font-size: 18px;
        line-height: 1;
        border-bottom: 3px #28b1d3 solid; }
        @media all and (max-width: 1199px) {
          .careerContent .careerContent-lists-item-label span {
            font-size: 14.4px;
            line-height: 1; } }
        @media all and (max-width: 768px) {
          .careerContent .careerContent-lists-item-label span {
            padding-bottom: 2px;
            font-size: 12px;
            line-height: 1;
            border-bottom: 1px #28b1d3 solid; } }
      .careerContent .careerContent-lists-item-title {
        margin-top: 25px;
        color: #0d2f62;
        font-size: 48px;
        line-height: 1;
         }
        @media all and (max-width: 1199px) {
          .careerContent .careerContent-lists-item-title {
            margin-top: 15px;
            font-size: 28.8px;
            line-height: 1; } }
        @media all and (max-width: 768px) {
          .careerContent .careerContent-lists-item-title {
            margin-top: 6px;
            font-size: 32px;
            line-height: 1; } }
      .careerContent .careerContent-lists-item-namearea {
        margin-top: 50px; }
        @media all and (max-width: 1199px) {
          .careerContent .careerContent-lists-item-namearea {
            margin-top: 30px; } }
        @media all and (max-width: 768px) {
          .careerContent .careerContent-lists-item-namearea {
            margin-top: 25px;
            width: 245px;
            height: auto; }
            .careerContent .careerContent-lists-item-namearea img {
              width: 100%;
              height: auto; } }
      .careerContent .careerContent-lists-item-moreBtn {
        margin-top: 50px; }
        @media all and (max-width: 1199px) {
          .careerContent .careerContent-lists-item-moreBtn {
            margin-top: 30px; } }
        @media all and (max-width: 768px) {
          .careerContent .careerContent-lists-item-moreBtn {
            margin-top: 12px; } }
        .careerContent .careerContent-lists-item-moreBtn a {
          display: block;
          width: 189px;
          height: 59px;
          color: #313131;
          font-size: 22px;
          line-height: 57px;

          text-align: center;
          border: 1px #e0e1e2 solid;
          background-color: #fff;
          -webkit-transition: all 0.3s linear 0s;
          -moz-transition: all 0.3s linear 0s;
          -ms-transition: all 0.3s linear 0s;
          -o-transition: all 0.3s linear 0s;
          transition: all 0.3s linear 0s; }
          @media all and (max-width: 1199px) {
            .careerContent .careerContent-lists-item-moreBtn a {
              width: 113.4px;
              height: 35.4px;
              font-size: 13.2px;
              line-height: 34.2px; } }
          @media all and (max-width: 768px) {
            .careerContent .careerContent-lists-item-moreBtn a {
              width: 148px;
              height: 45px;
              font-size: 16px;
              line-height: 43px; } }
          .careerContent .careerContent-lists-item-moreBtn a:hover {
            color: #fff;
            background-color: #0d2f62;
            border: 1px #fff s solid; }
  .careerContent .careerContent-mainvisual {
    position: relative;
    padding: 0px 0 0 0;
    height: auto; }
    @media all and (max-width: 768px) {
      .careerContent .careerContent-mainvisual .inner-style {
        padding: 0 22px; } }
    .careerContent .careerContent-mainvisual-wrap {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .careerContent .careerContent-mainvisual-inner {
      margin-top: 52px; }
      @media all and (max-width: 768px) {
        .careerContent .careerContent-mainvisual-inner {
          margin-top: 25px; } }
    .careerContent .careerContent-mainvisual-image {
      font-size: 0; }
      .careerContent .careerContent-mainvisual-image img {
        width: 100%;
        height: auto; }
    .careerContent .careerContent-mainvisual-title {
      position: relative;
      font-size: 44px;
      line-height: 68px;

      /* &:after{
				content:"";
				position: absolute;
				left: 0;
				bottom: 2px;
				width: 91px;
				height: 1px;
				background-color: #323232;
				@include mq-s{
					width: 45px;
				}
			} */ }
      @media all and (max-width: 768px) {
        .careerContent .careerContent-mainvisual-title {
          font-size: 19px;
          line-height: 35px; } }
      .careerContent .careerContent-mainvisual-title span {
        background: url("../images/career/talkTitle-border.png");
        background-repeat: repeat-x;
        background-size: 100% 12px;
        background-position: left bottom 4px; }
        @media all and (max-width: 768px) {
          .careerContent .careerContent-mainvisual-title span {
            background-size: 100% 6px;
            background-position: left bottom; } }
    .careerContent .careerContent-mainvisual-excerpt {
      margin-top: 35px;
      font-size: 18px;
      line-height: 33px; }
      @media all and (max-width: 768px) {
        .careerContent .careerContent-mainvisual-excerpt {
          margin-top: 16px;
          font-size: 10px;
          line-height: 16px; } }
    .careerContent .careerContent-mainvisual .inner-style {
      height: 100%;
      /* display: -webkit-flex;
		  display: flex;
		  -webkit-align-items: center;
		  align-items: center;
		  -webkit-flex-wrap: wrap;
		  flex-wrap:         wrap; */ }
  .careerContent .careerContent-membersImage {
    text-align: center;
    font-size: 0; }
    @media all and (max-width: 768px) {
      .careerContent .careerContent-membersImage {
        margin-top: 60px;
        margin-top: 73px; } }
    .careerContent .careerContent-membersImage img {
      max-width: 100%;
      height: auto; }
  .careerContent .talk01 .content01:after {
    background: url("../images/career/talk01-person1.jpg") no-repeat;
    background-size: contain; }
  .careerContent .talk01 .content02:after {
    background: url("../images/career/talk01-person2.jpg") no-repeat;
    background-size: contain; }
  .careerContent .talk01 .content03:after {
    background: url("../images/career/talk01-person3.jpg.png") no-repeat;
    background-size: contain; }
  .careerContent .talk01 .content04:after {
    background: url("../images/career/talk01-person4.jpg.png") no-repeat;
    background-size: contain; }
  .careerContent .talk02 .content01:after {
    background: url("../images/career/talk02-person1.jpg") no-repeat;
    background-size: contain; }
  .careerContent .talk02 .content02:after {
    background: url("../images/career/talk02-person2.jpg") no-repeat;
    background-size: contain; }
  .careerContent .talk02 .content03:after {
    background: url("../images/career/talk02-person3.png") no-repeat;
    background-size: contain; }
  .careerContent .talk02 .content04:after {
    background: url("../images/career/talk02-person4.jpg.png") no-repeat;
    background-size: contain; }
  .careerContent .talk03 .content01:after {
    background: url("../images/career/talk03-person1.jpg") no-repeat;
    background-size: contain; }
  .careerContent .talk03 .content02:after {
    background: url("../images/career/talk03-person2.jpg") no-repeat;
    background-size: contain; }
  .careerContent .talk03 .content03:after {
    background: url("../images/career/talk03-person3.png") no-repeat;
    background-size: contain; }
  .careerContent .talk03 .content04:after {
    background: url("../images/career/talk03-person4.jpg") no-repeat;
    background-size: contain; }
  .careerContent .careerContent-content {
    position: relative;
    height: auto; }
    .careerContent .careerContent-content:before {
      position: absolute;
      content: "";
      top: 0;
      background-color: #eef6f9;
      z-index: 1; }
      @media all and (max-width: 768px) {
        .careerContent .careerContent-content:before {
          display: none; } }
    .careerContent .careerContent-content:after {
      content: "";
      position: absolute;
      z-index: 2; }
      @media all and (max-width: 768px) {
        .careerContent .careerContent-content:after {
          display: none; } }
    .careerContent .careerContent-content .inner-style {
      position: relative;
      z-index: 2; }
      .careerContent .careerContent-content .inner-style:after {
        content: "";
        display: block;
        clear: both; }
    @media all and (max-width: 768px) {
      .careerContent .careerContent-content.content01 {
        padding-bottom: 25px;
        background-color: #eef6f9; } }
    .careerContent .careerContent-content.content01:before {
      right: 0;
      width: calc(100% - 84px);
      height: 516px; }
    .careerContent .careerContent-content.content01:after {
      top: 190px;
      left: 50%;
      width: 659px;
      height: 543px;
      margin-left: -709px; }
    .careerContent .careerContent-content.content02 {
      margin-top: 70px; }
      @media all and (max-width: 768px) {
        .careerContent .careerContent-content.content02 {
          margin-top: 0; } }
      .careerContent .careerContent-content.content02:before {
        left: 0;
        width: calc(100% - 84px);
        height: 516px; }
      .careerContent .careerContent-content.content02:after {
        top: 173px;
        right: 50%;
        width: 659px;
        height: 543px;
        margin-right: -709px; }
    .careerContent .careerContent-content.content03 {
      margin-top: 120px; }
      @media all and (max-width: 768px) {
        .careerContent .careerContent-content.content03 {
          margin-top: 50px; } }
      .careerContent .careerContent-content.content03:before {
        right: 0;
        width: calc(100% - 84px);
        height: 516px; }
      .careerContent .careerContent-content.content03:after {
        top: 0;
        left: 50%;
        width: 685px;
        height: 741px;
        margin-left: -720px; }
    .careerContent .careerContent-content.content04 {
      margin-top: 240px; }
      @media all and (max-width: 768px) {
        .careerContent .careerContent-content.content04 {
          margin-top: 24px; } }
      .careerContent .careerContent-content.content04:before {
        display: none; }
      .careerContent .careerContent-content.content04:after {
        top: 0;
        right: 50%;
        width: 659px;
        height: 543px;
        margin-right: -718px; }
    .careerContent .careerContent-content-inner {
      float: left;
      width: 50%; }
      @media all and (max-width: 768px) {
        .careerContent .careerContent-content-inner {
          font-weight: normal;
          width: 100%;
          height: auto; } }
      .careerContent .careerContent-content-inner.left-style {
        float: left; }
      .careerContent .careerContent-content-inner.right-style {
        float: right; }
    .careerContent .careerContent-content-title {
      position: relative;
      margin-top: 52px;
      margin-bottom: 50px;
      color: #0d2f62;
      font-size: 27px;
      line-height: 50px;
      letter-spacing: .1em;
      /* &:after{
				position: absolute;
				content:"";
				bottom: 0;
				left: 0;
				width: 38px;
				height: 1px;
				background-color: #010f14;
				//background-color: blue;
				@include mq-s{
					width: 19px;
				}
			} */ }
      @media all and (max-width: 768px) {
        .careerContent .careerContent-content-title {
          margin-top: 26px;
          margin-bottom: 25px;
          font-size: 16px;
          line-height: 24px; } }
    .careerContent .careerContent-content-subtitle {
      position: relative;
      margin-top: 30px;
      padding-left: 60px;
      color: #0d2f62;
      font-size: 16px;
      line-height: 25px;
      font-weight: bold; }
      @media all and (max-width: 768px) {
        .careerContent .careerContent-content-subtitle {
          margin-top: 18px;
          padding-left: 35px;
          font-size: 12px;
          line-height: 20px; } }
      .careerContent .careerContent-content-subtitle span {
        background-image: url("../images/career/subtitle-border.png");
        background-size: 100% 9px;
        background-repeat: repeat-x;
        background-position: left bottom;
        /* border:solid 9px;
				-moz-border-image: url('../../../../assets/images/career/subtitle-border.png.html') 0 0 9 repeat;
			-webkit-border-image: url('../../../../assets/images/career/subtitle-border.png.html') 0 0 9 repeat;
			-o-border-image: url('../../../../assets/images/career/subtitle-border.png.html') 0 0 9 repeat;
			border-image: url('../../../../assets/images/career/subtitle-border.png.html') 0 0 9 fill repeat; */ }
    .careerContent .careerContent-content-comments {
      margin-top: 10px; }
      @media all and (max-width: 768px) {
        .careerContent .careerContent-content-comments {
          margin-top: 14px; } }
      .careerContent .careerContent-content-comments dl {
        margin-bottom: 14px;
        display: table;
        table-layout: fixed;
        width: 100%; }
        @media all and (max-width: 768px) {
          .careerContent .careerContent-content-comments dl {
            margin-bottom: 4px; } }
      .careerContent .careerContent-content-comments dt, .careerContent .careerContent-content-comments dd {
        display: table-cell; }
      .careerContent .careerContent-content-comments dt {
        width: 50px;
        color: #56677f;
        font-size: 18px;
        line-height: 38px; }
        @media all and (max-width: 768px) {
          .careerContent .careerContent-content-comments dt {
            width: 35px;
            font-size: 12px;
            line-height: 20px; } }
      .careerContent .careerContent-content-comments dd {
        font-size: 15px;
        line-height: 30px;
        text-align: justify; }
        @media all and (max-width: 768px) {
          .careerContent .careerContent-content-comments dd {
            font-size: 11px;
            line-height: 20px; } }
  .careerContent .careerContent-spImage {
    display: none; }
    @media all and (max-width: 768px) {
      .careerContent .careerContent-spImage {
        display: block;
        position: relative;
        margin-left: 23px;
        margin-right: 23px;
        z-index: 3; }
        .careerContent .careerContent-spImage img {
          width: 100%;
          height: auto; } }
    @media all and (max-width: 768px) {
      .careerContent .careerContent-spImage.spImage1 {
        margin-top: -50px; } }
  .careerContent .careerContent-centerImage {
    margin-top: 110px; }
    @media all and (max-width: 768px) {
      .careerContent .careerContent-centerImage {
        margin-top: 47px; } }
    .careerContent .careerContent-centerImage img {
      width: 100%;
      height: auto; }
  .careerContent .careerContent-others {
    padding: 80px 0;
    background-color: #eef6f9;
    height: auto; }
    @media all and (max-width: 768px) {
      .careerContent .careerContent-others {
        margin-top: 90px;
        padding: 30px 0; } }
    .careerContent .careerContent-others-list {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: flex-start;
      align-items: flex-start; }
      .careerContent .careerContent-others-list-item a {
        position: relative;
        display: block; }
      .careerContent .careerContent-others-list-item img {
        width: 100%;
        height: auto; }
      .careerContent .careerContent-others-list-item .image-s {
        display: none; }
      @media all and (max-width: 768px) {
        .careerContent .careerContent-others-list-item .nomal, .careerContent .careerContent-others-list-item .active {
          display: none; }
        .careerContent .careerContent-others-list-item .image-s {
          display: block; } }
      .careerContent .careerContent-others-list-item .active {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s; }
      .careerContent .careerContent-others-list-item:hover .active {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
      .careerContent .careerContent-others-list-item:nth-child(1) {
        margin-right: 20px; }
        @media all and (max-width: 768px) {
          .careerContent .careerContent-others-list-item:nth-child(1) {
            margin-right: 13px; } }
      .careerContent .careerContent-others-list-item:nth-child(2) {
        margin-left: 20px; }
        @media all and (max-width: 768px) {
          .careerContent .careerContent-others-list-item:nth-child(2) {
            margin-left: 13px; } }
  .careerContent .careerSubtitle {
    margin-top: 95px; }
    @media all and (max-width: 768px) {
      .careerContent .careerSubtitle {
        margin-top: 100px; } }
  @media all and (max-width: 768px) {
    .careerContent .othersSubtitle {
      margin: 0 15px; } }

.whatsContent .whatsContent-main {
  position: relative;
  padding-top: 65px;
  padding-bottom: 145px;
  height: auto;
  background-color: #f2f8f9;
  overflow: hidden; }
  @media all and (max-width: 1199px) {
    .whatsContent .whatsContent-main {
      padding-top: 20px;
      padding-bottom: 40px; } }
  @media all and (max-width: 768px) {
    .whatsContent .whatsContent-main {
      padding-top: 35px;
      padding-bottom: 0;
      margin-top: -25px; } }
  .whatsContent .whatsContent-main-title {
    color: #0d2f62;
    font-size: 18px;
    line-height: 33px;
    text-align: center; }
    @media all and (max-width: 1199px) {
      .whatsContent .whatsContent-main-title {
        font-size: 14px;
        line-height: 25px; } }
    .whatsContent .whatsContent-main-title br {
      display: none; }
      @media all and (max-width: 1199px) {
        .whatsContent .whatsContent-main-title br {
          display: block; } }
  @media all and (max-width: 1199px) {
    .whatsContent .whatsContent-main .inner-style {
      padding: 0;
      width: 100%;
      max-width: initial; } }
  .whatsContent .whatsContent-main-map {
    position: relative;
    margin-top: 100px;
    height: 934px;
    background: url("../images/whats/content-bg.png"), url("../images/whats/earth-bg.png");
    background-repeat: no-repeat,no-repeat;
    background-position: center 258px,188px 36px; }
    @media all and (max-width: 1199px) {
      .whatsContent .whatsContent-main-map {
        margin-top: 18px;
        height: 1600px;
        background: url("../images/whats/content-bg1-m.png"), url("../images/whats/content-bg2-m.png"), url("../images/whats/earth-bg-m.png");
        background-repeat: no-repeat,no-repeat,no-repeat;
        background-position: 29% 252px,center 851px,72% top;
        background-size: 1016px auto,693px auto,1160px auto; } }
    @media all and (max-width: 768px) {
      .whatsContent .whatsContent-main-map {
        margin-top: 0;
        height: 1790px;
        background: url("../images/whats/content-bg1-s.png"), url("../images/whats/content-bg2-s.png"), url("../images/whats/earth-bg-m.png");
        background-repeat: no-repeat,no-repeat,no-repeat;
        background-position: 10% 383px,0 840px,60% top;
        background-size: 535px auto,375px auto,1274px auto; } }
    .whatsContent .whatsContent-main-map-list-item {
      position: absolute;
      font-size: 0; }
      .whatsContent .whatsContent-main-map-list-item a {
        display: block;
        height: 100%; }
      .whatsContent .whatsContent-main-map-list-item:hover .whatsContent-main-map-list-item-title span:before {
        width: 100%; }
      .whatsContent .whatsContent-main-map-list-item:hover .whatsContent-main-map-list-item-title span:after {
        background: url("../images/whats/item-title-bg-active.png") no-repeat;
        background-position: bottom right; }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-main-map-list-item:hover .whatsContent-main-map-list-item-title span:after {
            width: 14px;
            height: 14px;
            background-size: contain; } }
      .whatsContent .whatsContent-main-map-list-item-title {
        position: relative;
        font-size: 25px;
        line-height: 31px;
        color: #0d2f62; }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-main-map-list-item-title {
            font-size: 18px;
            line-height: 24px; } }
        @media all and (max-width: 768px) {
          .whatsContent .whatsContent-main-map-list-item-title {
            font-size: 17px;
            line-height: 24px; } }
        .whatsContent .whatsContent-main-map-list-item-title span {
          padding: 0 5px 0 0;
          position: relative;
          display: inline-block;
          vertical-align: top;
          *vertical-align: auto;
          *zoom: 1;
          -webkit-transition: all 0.3s linear 0s;
          -moz-transition: all 0.3s linear 0s;
          -ms-transition: all 0.3s linear 0s;
          -o-transition: all 0.3s linear 0s;
          transition: all 0.3s linear 0s;
          z-index: 2; }
          @media all and (min-width: 1200px) {
            .whatsContent .whatsContent-main-map-list-item-title span:before {
              content: "";
              position: absolute;
              top: 0;
              right: 0;
              width: 0;
              height: 100%;
              background-color: #fef00b;
              -webkit-transition: all 0.3s linear 0s;
              -moz-transition: all 0.3s linear 0s;
              -ms-transition: all 0.3s linear 0s;
              -o-transition: all 0.3s linear 0s;
              transition: all 0.3s linear 0s;
              z-index: -1; } }
          @media all and (max-width: 1199px) {
            .whatsContent .whatsContent-main-map-list-item-title span:before {
              content: "";
              position: absolute;
              bottom: 2px;
              right: 0;
              width: 100%;
              height: 4px;
              background: url("../images/whats/item-title-border.png");
              background-repeat: repeat-x;
              background-size: auto 4px;
              background-position: left bottom;
              z-index: -1; } }
          .whatsContent .whatsContent-main-map-list-item-title span:last-child:after {
            content: "";
            padding-left: 15px;
            padding-right: 10px;
            width: 20px;
            height: 20px;
            display: inline-block;
            background: url("../images/whats/item-title-bg.png") no-repeat;
            background-position: bottom right; }
            @media all and (max-width: 1199px) {
              .whatsContent .whatsContent-main-map-list-item-title span:last-child:after {
                padding-left: 5px;
                width: 14px;
                height: 14px;
                background-size: contain; } }
        .whatsContent .whatsContent-main-map-list-item-title img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: auto; }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-main-map-list-item-title {
            height: auto; }
            .whatsContent .whatsContent-main-map-list-item-title .image-m {
              position: static; } }
      .whatsContent .whatsContent-main-map-list-item-excerpt {
        margin-top: 15px;
        font-size: 14px;
        line-height: 26px; }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-main-map-list-item-excerpt {
            margin-top: 6px;
            font-size: 11px;
            line-height: 18px; } }
        .whatsContent .whatsContent-main-map-list-item-excerpt .br-pc {
          display: block; }
          @media all and (max-width: 1199px) {
            .whatsContent .whatsContent-main-map-list-item-excerpt .br-pc {
              display: none; } }
        .whatsContent .whatsContent-main-map-list-item-excerpt .br-sp {
          display: none; }
          @media all and (max-width: 768px) {
            .whatsContent .whatsContent-main-map-list-item-excerpt .br-sp {
              display: block; } }
      .whatsContent .whatsContent-main-map-list-item img {
        /* position: absolute;
						width: 100%;
						height: auto;
						@include transition; */ }
      .whatsContent .whatsContent-main-map-list-item a .nomal {
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
      .whatsContent .whatsContent-main-map-list-item a .active {
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
      @media all and (min-width: 768px) {
        .whatsContent .whatsContent-main-map-list-item a:hover .nomal {
          opacity: 0;
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
        .whatsContent .whatsContent-main-map-list-item a:hover .active {
          opacity: 1;
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); } }
      @media all and (min-width: 768px) {
        .whatsContent .whatsContent-main-map-list-item .image-m {
          display: none; } }
      @media all and (max-width: 1199px) {
        .whatsContent .whatsContent-main-map-list-item .image-m {
          display: block; }
        .whatsContent .whatsContent-main-map-list-item .nomal, .whatsContent .whatsContent-main-map-list-item .active {
          display: none; } }
      .whatsContent .whatsContent-main-map-list-item.item01 {
        top: 29px;
        left: 51px;
        width: 342px;
        height: 351px;
        /*
						.whatsContent-main-map-list-item-title{
							width: 230px;
							height: 60px;
							@include mq-m{
								width: 167px;
								height: auto;
							}
						}
						 */ }
        @media all and (min-width: 1200px) {
          .whatsContent .whatsContent-main-map-list-item.item01 {
            background: url("../images/whats/item01-bg.png") no-repeat;
            background-position: left bottom;
            background-size: contain;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s; }
            .whatsContent .whatsContent-main-map-list-item.item01:hover {
              background: url("../images/whats/item01-bg-on.png") no-repeat;
              background-position: left bottom;
              background-size: contain; } }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-main-map-list-item.item01 {
            top: 80px;
            left: 50%;
            margin-left: -270px;
            width: 319px;
            height: 258px;
            background: url("../images/whats/item01-bg-m.png") no-repeat;
            background-position: left top;
            background-size: contain; } }
        @media all and (max-width: 768px) {
          .whatsContent .whatsContent-main-map-list-item.item01 {
            top: 55px;
            margin-left: -151px;
            width: 283px;
            height: 418px;
            background: url("../images/whats/item01-bg-s.png") no-repeat;
            background-position: left top;
            background-size: auto 418px; } }
        .whatsContent .whatsContent-main-map-list-item.item01 a {
          padding-left: 56px; }
          @media all and (max-width: 1199px) {
            .whatsContent .whatsContent-main-map-list-item.item01 a {
              padding-left: 40px; } }
      .whatsContent .whatsContent-main-map-list-item.item02 {
        top: 3px;
        left: 344px;
        width: 432px;
        height: 313px;
        /* .whatsContent-main-map-list-item-title{
							width: 267px;
							height: 59px;
							@include mq-m{
								width: 177px;
								height: auto;
							}
						} */ }
        @media all and (min-width: 1200px) {
          .whatsContent .whatsContent-main-map-list-item.item02 {
            background: url("../images/whats/item02-bg.png") no-repeat;
            background-position: left bottom;
            background-size: contain;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s; }
            .whatsContent .whatsContent-main-map-list-item.item02:hover {
              background: url("../images/whats/item02-bg-on.png") no-repeat;
              background-position: left bottom;
              background-size: contain; } }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-main-map-list-item.item02 {
            top: 82px;
            left: 50%;
            margin-left: 59px;
            width: 240px;
            height: 230px;
            background: url("../images/whats/item02-bg-m.png") no-repeat;
            background-position: left top;
            background-size: contain; } }
        @media all and (max-width: 768px) {
          .whatsContent .whatsContent-main-map-list-item.item02 {
            top: 205px;
            margin-left: 0;
            margin-right: -158px;
            left: auto;
            right: 50%;
            width: 211px;
            height: 266px;
            background: url("../images/whats/item02-bg-s.png") no-repeat;
            background-position: left top;
            background-size: contain; } }
        .whatsContent .whatsContent-main-map-list-item.item02 a {
          padding-left: 98px; }
          @media all and (max-width: 1199px) {
            .whatsContent .whatsContent-main-map-list-item.item02 a {
              padding-left: 35px; } }
        @media all and (max-width: 768px) {
          .whatsContent .whatsContent-main-map-list-item.item02 .whatsContent-main-map-list-item-title {
            letter-spacing: -0.1em; } }
      .whatsContent .whatsContent-main-map-list-item.item03 {
        bottom: 54px;
        left: 50px;
        width: 393px;
        height: 358px;
        /* .whatsContent-main-map-list-item-title{
							width: 152px;
							height: 59px;
							@include mq-m{
								width: 112px;
								height: auto;
							}
						} */ }
        @media all and (min-width: 1200px) {
          .whatsContent .whatsContent-main-map-list-item.item03 {
            background: url("../images/whats/item03-bg.png") no-repeat;
            background-position: left top;
            background-size: contain;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s; }
            .whatsContent .whatsContent-main-map-list-item.item03:hover {
              background: url("../images/whats/item03-bg-on.png") no-repeat;
              background-position: left top;
              background-size: contain; } }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-main-map-list-item.item03 {
            bottom: auto;
            top: 670px;
            left: 50%;
            margin-left: -62px;
            width: 426px;
            height: 219px;
            background: url("../images/whats/item03-bg-m.png") no-repeat;
            background-position: left top;
            background-size: contain; } }
        @media all and (max-width: 768px) {
          .whatsContent .whatsContent-main-map-list-item.item03 {
            bottom: auto;
            top: 628px;
            margin-left: -123px;
            width: 283px;
            height: 166px;
            background: url("../images/whats/item03-bg-s.png") no-repeat;
            background-position: left top;
            background-size: contain; } }
        .whatsContent .whatsContent-main-map-list-item.item03 a {
          padding: 154px 0 0 30px; }
          @media all and (max-width: 1199px) {
            .whatsContent .whatsContent-main-map-list-item.item03 a {
              padding: 95px 0 0 173px; } }
          @media all and (max-width: 768px) {
            .whatsContent .whatsContent-main-map-list-item.item03 a {
              padding: 45px 0 0 28px; } }
      .whatsContent .whatsContent-main-map-list-item.item04 {
        top: -2px;
        right: 52px;
        width: 325px;
        height: 304px;
        /* .whatsContent-main-map-list-item-title{
							width: 156px;
							height: 59px;
							@include mq-m{
								width: 116px;
								height: auto;
							}
						} */ }
        @media all and (min-width: 1200px) {
          .whatsContent .whatsContent-main-map-list-item.item04 {
            background: url("../images/whats/item04-bg.png") no-repeat;
            background-position: left bottom;
            background-size: contain;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s; }
            .whatsContent .whatsContent-main-map-list-item.item04:hover {
              background: url("../images/whats/item04-bg-on.png") no-repeat;
              background-position: left bottom;
              background-size: contain; } }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-main-map-list-item.item04 {
            top: 696px;
            left: 50%;
            margin-left: -346px;
            width: 307px;
            height: 282px;
            background: url("../images/whats/item04-bg-m.png") no-repeat;
            background-position: left top;
            background-size: contain; } }
        @media all and (max-width: 768px) {
          .whatsContent .whatsContent-main-map-list-item.item04 {
            top: 1053px;
            margin-left: -147px;
            width: 293px;
            height: 212px;
            background: url("../images/whats/item04-bg-s.png") no-repeat;
            background-position: left top;
            background-size: contain; } }
        .whatsContent .whatsContent-main-map-list-item.item04 a {
          padding-left: 108px; }
          @media all and (max-width: 1199px) {
            .whatsContent .whatsContent-main-map-list-item.item04 a {
              padding-left: 80px; } }
          @media all and (max-width: 768px) {
            .whatsContent .whatsContent-main-map-list-item.item04 a {
              padding: 70px 0 0 70px; } }
      .whatsContent .whatsContent-main-map-list-item.item05 {
        top: 639px;
        left: 358px;
        width: 373px;
        height: auto;
        /* .whatsContent-main-map-list-item-title{


							@include mq-m{

							}
							&.title{
								margin-bottom: 10px;
								width: 196px;
								height: 25px;
								@include mq-m{
									width: 143px;
									height: auto;
								}
							}
							&.title1{
								@include inline-block;
								width: 130px;
								height: 28px;
								@include mq-m{
									width: 95px;
									height: auto;
								}
							}
							&.title2{
								margin-left: 25px;
								@include inline-block;
								width: 130px;
								height: 28px;
								@include mq-m{
									width: 95px;
									height: auto;
								}
							}
						} */ }
        @media all and (min-width: 1200px) {
          .whatsContent .whatsContent-main-map-list-item.item05 {
            background: url("../images/whats/item05-bg.png") no-repeat;
            background-position: left top;
            background-size: contain;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s; }
            .whatsContent .whatsContent-main-map-list-item.item05:hover {
              background: url("../images/whats/item05-bg-on.png") no-repeat;
              background-position: left top;
              background-size: contain; } }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-main-map-list-item.item05 {
            top: 1246px;
            left: 50%;
            margin-left: -227px;
            width: 290px;
            height: auto;
            background: url("../images/whats/item05-bg-m.png") no-repeat;
            background-position: left top;
            background-size: contain; } }
        @media all and (max-width: 768px) {
          .whatsContent .whatsContent-main-map-list-item.item05 {
            top: 1321px;
            margin-left: -150px;
            width: 209px;
            height: 220px;
            background: url("../images/whats/item05-bg-s.png") no-repeat;
            background-position: left top;
            background-size: 100% auto; } }
        .whatsContent .whatsContent-main-map-list-item.item05 a {
          padding: 86px 0 0 84px; }
          @media all and (max-width: 1199px) {
            .whatsContent .whatsContent-main-map-list-item.item05 a {
              padding: 72px 0 0 79px; } }
          @media all and (max-width: 768px) {
            .whatsContent .whatsContent-main-map-list-item.item05 a {
              padding: 58px 0 0 42px; } }
        .whatsContent .whatsContent-main-map-list-item.item05 .whatsContent-main-map-list-item-excerpt {
          margin-top: 6px;
          line-height: 23px; }
          @media all and (max-width: 1199px) {
            .whatsContent .whatsContent-main-map-list-item.item05 .whatsContent-main-map-list-item-excerpt {
              margin-top: 6px;
              font-size: 11px;
              line-height: 18px; } }
      .whatsContent .whatsContent-main-map-list-item.item06 {
        top: 637px;
        right: 20px;
        width: 402px;
        height: auto; }
        @media all and (min-width: 1200px) {
          .whatsContent .whatsContent-main-map-list-item.item06 {
            background: url("../images/whats/item06-bg.png") no-repeat;
            background-position: left top;
            background-size: 392px auto;
            -webkit-transition: all 0.3s linear 0s;
            -moz-transition: all 0.3s linear 0s;
            -ms-transition: all 0.3s linear 0s;
            -o-transition: all 0.3s linear 0s;
            transition: all 0.3s linear 0s; }
            .whatsContent .whatsContent-main-map-list-item.item06:hover {
              background: url("../images/whats/item06-bg-on.png") no-repeat;
              background-position: left top;
              background-size: 392px auto; } }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-main-map-list-item.item06 {
            top: 1143px;
            right: 50%;
            margin-right: -389px;
            width: 253px;
            height: auto;
            background: url("../images/whats/item06-bg-m.png") no-repeat;
            background-position: left top;
            background-size: 225px auto; } }
        @media all and (max-width: 768px) {
          .whatsContent .whatsContent-main-map-list-item.item06 {
            top: 1285px;
            margin-right: -149px;
            width: 233px;
            height: auto;
            background: url("../images/whats/item06-bg-s.png") no-repeat;
            background-position: left top;
            background-size: 233px auto; } }
        .whatsContent .whatsContent-main-map-list-item.item06 a {
          padding: 91px 0 0 80px; }
          @media all and (max-width: 1199px) {
            .whatsContent .whatsContent-main-map-list-item.item06 a {
              padding: 206px 0 0 25px; } }
          @media all and (max-width: 768px) {
            .whatsContent .whatsContent-main-map-list-item.item06 a {
              padding: 312px 0 0 28px; } }
        .whatsContent .whatsContent-main-map-list-item.item06 .whatsContent-main-map-list-item-excerpt {
          margin-top: 6px;
          line-height: 23px; }
          @media all and (max-width: 1199px) {
            .whatsContent .whatsContent-main-map-list-item.item06 .whatsContent-main-map-list-item-excerpt {
              margin-top: 8px;
              font-size: 11px;
              line-height: 18px; } }

.whatsContent .whatsContent-modal-content {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10; }
  @media all and (max-width: 1199px) {
    .whatsContent .whatsContent-modal-content {
      position: fixed;
      overflow: auto;
      padding: 40px 0;
      height: 100vh; } }
  .whatsContent .whatsContent-modal-content:after {
    content: "";
    display: block;
    clear: both; }
  .whatsContent .whatsContent-modal-content-wrap {
    position: relative;
    margin: auto;
    top: 0%;
    left: 0%;
    width: 1100px;
    height: 850px;
    background-color: #fff;
    /* transform: translateY(0%) translateX(-50%);
	      -webkit-transform: translateY(0%) translateX(-50%); */ }
    @media all and (max-width: 1199px) {
      .whatsContent .whatsContent-modal-content-wrap {
        width: 100%;
        height: auto;
        padding: 0 20px;
        overflow: hidden; } }
  .whatsContent .whatsContent-modal-content-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s; }
    .whatsContent .whatsContent-modal-content-item.active {
      z-index: 2;
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity);
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s; }
      @media all and (max-width: 1199px) {
        .whatsContent .whatsContent-modal-content-item.active {
          position: static; } }
    .whatsContent .whatsContent-modal-content-item-left, .whatsContent .whatsContent-modal-content-item-right {
      position: relative;
      z-index: 2; }
    .whatsContent .whatsContent-modal-content-item-left {
      width: 46%;
      float: left; }
      @media all and (max-width: 1199px) {
        .whatsContent .whatsContent-modal-content-item-left {
          width: 100%;
          float: none; } }
    .whatsContent .whatsContent-modal-content-item-right {
      width: 50%;
      float: right; }
      .whatsContent .whatsContent-modal-content-item-right .image-pc {
        display: block; }
      .whatsContent .whatsContent-modal-content-item-right .image-m {
        display: none; }
      .whatsContent .whatsContent-modal-content-item-right img {
        width: 100%;
        height: auto; }
      @media all and (max-width: 1199px) {
        .whatsContent .whatsContent-modal-content-item-right {
          width: 100%;
          float: none; }
          .whatsContent .whatsContent-modal-content-item-right .image-pc {
            display: none; }
          .whatsContent .whatsContent-modal-content-item-right .image-m {
            margin-bottom: 15px;
            display: block; } }
    .whatsContent .whatsContent-modal-content-item-titlearea {
      margin-bottom: 30px;
      padding-left: 30px;
      border-left: 3px #28b1d3 solid; }
      @media all and (max-width: 1199px) {
        .whatsContent .whatsContent-modal-content-item-titlearea {
          margin-bottom: 15px;
          padding-left: 15px;
          border-left: 2px #28b1d3 solid; } }
    .whatsContent .whatsContent-modal-content-item-title {
      padding-left: 111px;
      position: relative;
      color: #28b1d3;
      font-size: 31px;
      line-height: 42px;
      font-weight: 200; }
      @media all and (max-width: 1199px) {
        .whatsContent .whatsContent-modal-content-item-title {
          padding-left: 80px;
          font-size: 18px;
          line-height: 36px; } }
      .whatsContent .whatsContent-modal-content-item-title:before {
        position: absolute;
        top: 0;
        left: 0px;
        font-size: 90px;
        line-height: 1; }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-modal-content-item-title:before {
            font-size: 70px;
            line-height: 1; } }
    .whatsContent .whatsContent-modal-content-item-excerpt {
      margin-top: 20px;
      color: #28b1d3;
      font-size: 17px;
      line-height: 21px; }
      @media all and (max-width: 1199px) {
        .whatsContent .whatsContent-modal-content-item-excerpt {
          margin-top: 15px;
          font-size: 11px;
          line-height: 17px; } }
    .whatsContent .whatsContent-modal-content-item-bottom {
      position: relative;
      clear: both;
      width: 100%;
      top: -30px;
      z-index: 1; }
      @media all and (max-width: 1199px) {
        .whatsContent .whatsContent-modal-content-item-bottom {
          top: 0; } }
      .whatsContent .whatsContent-modal-content-item-bottom-image img {
        width: 100%;
        height: auto; }
      @media all and (max-width: 1199px) {
        .whatsContent .whatsContent-modal-content-item-bottom-image {
          display: none; } }
      .whatsContent .whatsContent-modal-content-item-bottom-name {
        position: absolute;
        bottom: -30px;
        left: -30px; }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-modal-content-item-bottom-name {
            display: none; } }
      .whatsContent .whatsContent-modal-content-item-bottom-textarea {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        padding-right: 33px;
        color: #fff; }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-modal-content-item-bottom-textarea {
            position: static;
            width: 100%;
            padding: 0;
            color: #28b1d3; } }
      .whatsContent .whatsContent-modal-content-item-bottom-title {
        margin-top: 60px;
        font-size: 30px;
        line-height: 48px;
        font-weight: 200; }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-modal-content-item-bottom-title {
            margin-top: 20px;
            font-size: 18px;
            line-height: 21px; } }
        .whatsContent .whatsContent-modal-content-item-bottom-title.small-title {
          font-size: 27px; }
          @media all and (max-width: 1199px) {
            .whatsContent .whatsContent-modal-content-item-bottom-title.small-title {
              font-size: 15px; } }
      .whatsContent .whatsContent-modal-content-item-bottom-excerpt {
        margin-top: 30px;
        font-size: 16px;
        line-height: 26px;
        text-align: justify; }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-modal-content-item-bottom-excerpt {
            margin-top: 20px;
            font-size: 11px;
            line-height: 17px; } }
      .whatsContent .whatsContent-modal-content-item-bottom-imageSp {
        display: none; }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-modal-content-item-bottom-imageSp {
            margin-top: 20px;
            display: block; } }
        .whatsContent .whatsContent-modal-content-item-bottom-imageSp img {
          width: 100%;
          height: auto; }
    .whatsContent .whatsContent-modal-content-item:nth-child(0) .whatsContent-modal-content-item-title:before {
      content: "00"; }
    .whatsContent .whatsContent-modal-content-item:nth-child(1) .whatsContent-modal-content-item-title:before {
      content: "01"; }
    .whatsContent .whatsContent-modal-content-item:nth-child(2) .whatsContent-modal-content-item-title:before {
      content: "02"; }
    .whatsContent .whatsContent-modal-content-item:nth-child(3) .whatsContent-modal-content-item-title:before {
      content: "03"; }
    .whatsContent .whatsContent-modal-content-item:nth-child(4) .whatsContent-modal-content-item-title:before {
      content: "04"; }
    .whatsContent .whatsContent-modal-content-item:nth-child(5) .whatsContent-modal-content-item-title:before {
      content: "05"; }
    .whatsContent .whatsContent-modal-content-item:nth-child(6) .whatsContent-modal-content-item-title:before {
      content: "06"; }
  .whatsContent .whatsContent-modal-content-close {
    position: relative;
    margin-top: -10px;
    width: 49px;
    height: 49px;
    margin: auto; }
    @media all and (max-width: 1199px) {
      .whatsContent .whatsContent-modal-content-close {
        margin: 40px auto 0;
        width: 30px;
        height: 30px; } }
    .whatsContent .whatsContent-modal-content-close img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s; }
    .whatsContent .whatsContent-modal-content-close .nomal {
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
    .whatsContent .whatsContent-modal-content-close .active {
      opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
    .whatsContent .whatsContent-modal-content-close:hover .nomal {
      opacity: 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
    .whatsContent .whatsContent-modal-content-close:hover .active {
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity); }
  .whatsContent .whatsContent-modal-content-link {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 30px;
    z-index: 2; }
    @media all and (max-width: 1199px) {
      .whatsContent .whatsContent-modal-content-link {
        top: auto;
        display: inline-block;
        vertical-align: top;
        *vertical-align: auto;
        *zoom: 1;
        position: relative;
        margin-top: -25px; } }
    .whatsContent .whatsContent-modal-content-link.none {
      display: none; }
    .whatsContent .whatsContent-modal-content-link a {
      position: relative;
      color: #28b1d3;
      font-size: 53px;
      line-height: 1;
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s; }
      @media all and (max-width: 1199px) {
        .whatsContent .whatsContent-modal-content-link a {
          font-size: 30px;
          line-height: 1; } }
      .whatsContent .whatsContent-modal-content-link a:after {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        margin: auto;
        width: 92px;
        height: 1px;
        background-color: #28b1d3;
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s; }
        @media all and (min-width: 1200px) and (max-width: 1350px) {
          .whatsContent .whatsContent-modal-content-link a:after {
            width: 35px; } }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-modal-content-link a:after {
            width: 46px; } }
      .whatsContent .whatsContent-modal-content-link a:hover {
        color: #0d2f62; }
        .whatsContent .whatsContent-modal-content-link a:hover:after {
          background-color: #0d2f62; }
    .whatsContent .whatsContent-modal-content-link.prev-btn {
      left: 0; }
      @media all and (max-width: 1199px) {
        .whatsContent .whatsContent-modal-content-link.prev-btn {
          float: left; } }
      .whatsContent .whatsContent-modal-content-link.prev-btn a {
        padding-left: 100px; }
        @media all and (min-width: 1200px) and (max-width: 1350px) {
          .whatsContent .whatsContent-modal-content-link.prev-btn a {
            padding-left: 40px; } }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-modal-content-link.prev-btn a {
            padding-left: 60px; } }
        .whatsContent .whatsContent-modal-content-link.prev-btn a:after {
          left: 0; }
    .whatsContent .whatsContent-modal-content-link.next-btn {
      right: 0; }
      @media all and (max-width: 1199px) {
        .whatsContent .whatsContent-modal-content-link.next-btn {
          float: right; } }
      .whatsContent .whatsContent-modal-content-link.next-btn a {
        padding-right: 100px; }
        @media all and (min-width: 1200px) and (max-width: 1350px) {
          .whatsContent .whatsContent-modal-content-link.next-btn a {
            padding-right: 40px; } }
        @media all and (max-width: 1199px) {
          .whatsContent .whatsContent-modal-content-link.next-btn a {
            padding-right: 60px; } }
        .whatsContent .whatsContent-modal-content-link.next-btn a:after {
          right: 0; }

.whatsContent .whatsContent-modal-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 9;
  background-color: #fff; }
  @media all and (max-width: 1199px) {
    .whatsContent .whatsContent-modal-bg {
      position: fixed;
      height: 100vh; } }

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