@charset "UTF-8";
/* color */
.mc {
  color: #2EAEBD; }

.mc-bg {
  color: #fff;
  background-color: #2EAEBD; }

.gray-bg {
  background-color: #f8f8f8; }

.ctac {
  color: #2EAEBD; }

/* @font-face {
  font-family: 'mark-bold';
  src: url(../font/Mark-Pro-Bold.ttf); }
@font-face {
  font-family: 'mark-med';
  src: url(../font/Mark-Pro-Medium.ttf); }
@font-face {
  font-family: 'mark-reg';
  src: url(../font/Mark-Pro-regular.ttf); } */
/* basic */
.wrapper {
  overflow: hidden; }

html, body {
  /* font-family: 'mark-med','Noto Sans JP',sans-serif; */
  font-family: 'Montserrat','Noto Sans JP',sans-serif;
  font-size: 0.9vw;
  line-height: 1.8;
  letter-spacing: .1vw;
  color: #33414C;
  font-weight: 400; }

a, p, ul, li, div, h1, h2, h3, h4, h5, input {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

span {
  -webkit-transition: all 0s ease;
  transition: all 0s ease; }

img {
  width: 100%; }

main {
  display: block; }

section {
  position: relative; }

.cta {
  background-color: #2EAEBD;
  color: #fff;
  padding: 0.8vw 4vw 0.9vw;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  display: inline-block;
  font-weight: 500;
  position: relative;
  font-size: 1.2vw;
  letter-spacing: 0px; }
.cta img {
  position: absolute;
  width: 0.8vw;
  top: 0;
  bottom: 0;
  right: 2vw;
  margin: auto; }
.cta .unhov {
  display: block; }
.cta .hov {
  display: none; }

.cta:hover {
  box-shadow: 0px 0px 0px 2px #2EAEBD inset;
  background-color: #fff;
  color: #2EAEBD !important; }
.cta:hover .unhov {
  display: none; }
.cta:hover .hov {
  display: block; }

.cta-contact {
  background-color: #edad40; }

.cta-contact:hover {
  box-shadow: 0px 0px 0px 2px #edad40 inset;
  background-color: #fff;
  color: #edad40 !important; }
.cta-contact:hover .unhov {
  display: none; }
.cta-contact:hover .hov {
  display: block; }

.cta-area {
  text-align: center; }
.cta-area .cta {
  font-size: 1.1vw; }

.l-inner {
  width: 90vw;
  margin: 0 auto;
  position: relative; }

.m-inner {
  width: 80vw;
  margin: 0 auto;
  position: relative; }

.sm-inner {
  width: 75vw;
  margin-left: 15vw;
  margin-right: 10vw;
  position: relative; }

.section-title {
  font-size: 1.5vw;
  margin-bottom: 4vw;
  text-align: center; }

.section-title-en {
  font-size: 1.1vw;
  margin-bottom: 4vw;
  text-align: center; }
.section-title-en span {
  display: block;
  font-size: 3vw;
  letter-spacing: 0px !important;
  line-height: 1;
  margin-bottom: 0.3vw; }

.section-copy {
  text-align: center;
  font-size: 1.6vw;
  line-height: 2;
  margin-bottom: 4vw; }

.pb8 {
  padding: 8vw 0; }

.bold {
  font-weight: bold; }

.title {
  font-size: 1.3vw;
  margin-bottom: 3vw;
  font-weight: 500; }

.title-jp {
  font-size: 1vw;
  margin-bottom: 3vw;
  font-weight: 500; }

.scroll {
  position: absolute;
  left: 66vw;
  bottom: 6vw;
  z-index: 10; }
.scroll a {
  letter-spacing: 1px;
  color: #fff;
  font-size: 1.2vw;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }
.scroll .line1 {
  height: 8vw;
  width: 1px;
  background-color: #fff;
  position: absolute;
  left: 1px;
  right: 0;
  top: 4vw;
  margin: auto;
  z-index: 2; }
.scroll .line2 {
  height: 2.5vw;
  width: 100%;
  background-color: #2EAEBD;
  position: absolute;
  top: 0;
  z-index: 3;
  -webkit-animation: loopScrollBar 1.5s linear infinite;
  animation: loopScrollBar 1.5s linear infinite; }

.fadein {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 0.8s; }

.fadein.active {
  opacity: 1;
  transform: translate(0, 0); }

@-webkit-keyframes loopScrollBar {
  0% {
    top: 0; }
  60% {
    top: 70%;
    opacity: 1; }
  90% {
    top: 100%;
    opacity: 0; }
  100% {
    top: 100%;
    opacity: 0; } }
@keyframes loopScrollBar {
  0% {
    top: 0; }
  60% {
    top: 70%;
    opacity: 1; }
  90% {
    top: 100%;
    opacity: 0; }
  100% {
    top: 100%;
    opacity: 0; } }
.no-link {
  cursor: default !important;
  color: #33414C !important;
  text-decoration: none !important; }
.no-link:hover {
  opacity: 1 !important; }

@media only screen and (max-width: 768px) {
  /* basic */
  html, body {
    font-size: 3.3vw;
    line-height: 1.8;
    letter-spacing: 1px; }

  .cta {
    background-color: #2EAEBD !important;
    font-size: 4vw;
    color: #fff !important;
    padding: 3.5vw 12vw !important;
    border-radius: 1000px !important;
    -webkit-border-radius: 1000px !important;
    display: inline-block !important;
    font-weight: bold; }
  .cta img {
    position: absolute;
    width: 3vw;
    top: 0;
    bottom: 0;
    right: 4.5vw;
    margin: auto; }

  .cta:hover {
    box-shadow: 0px 0px 0px 2px #2EAEBD inset !important;
    background-color: #fff !important;
    color: #2EAEBD !important; }

  .cta-contact {
    background-color: #edad40 !important; }

  .cta-contact:hover {
    box-shadow: 0px 0px 0px 2px #edad40 inset !important;
    color: #edad40 !important; }

  .cta-area {
    text-align: center; }
  .cta-area .cta {
    font-size: 4vw; }

  .l-inner {
    width: 94vw;
    margin: 0 auto;
    position: relative; }

  .m-inner {
    width: 90vw;
    margin: 0 auto;
    position: relative; }

  .section-title {
    font-size: 4.5vw;
    margin-bottom: 8vw;
    text-align: center; }

  .section-title-en {
    font-size: 3.6vw;
    margin-bottom: 8vw; }
  .section-title-en span {
    font-size: 8vw; }

  .section-copy {
    text-align: center;
    font-size: 1.6vw;
    line-height: 2;
    margin-bottom: 4vw; }

  .pb8 {
    padding: 16vw 0 !important; }

  .scroll {
    left: auto;
    right: 5%;
    bottom: 18vw; }
  .scroll a {
    font-size: 4vw; }
  .scroll .line1 {
    height: 26vw;
    top: 14vw; }
  .scroll .line2 {
    height: 5vw;
    -webkit-animation: loopScrollBar 1.5s linear infinite;
    animation: loopScrollBar 1.5s linear infinite; }

  .title {
    font-size: 4vw;
    margin-bottom: 4vw;
    font-weight: 500; }

  .title-jp {
    font-size: 12px;
    margin-bottom: 4vw;
    font-weight: 500; }

  .sm-inner {
    width: 80vw;
    margin-left: 10vw;
    margin-right: 10vw;
    position: relative; } }
/* header */
header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10000; }
header .logo {
  float: left;
  width: 12vw;
  padding: 2.1vw 0 0; }
header .nav {
  float: right;
  padding: 1.25vw 0 0; }
header .nav li {
  float: left;
  margin-left: 3vw; }
header .nav li a {
  margin-top: 1.25vw;
  color: #fff; }
header .nav li a:hover {
  color: #2EAEBD; }
header .nav li a.modi {
  margin-top: 1vw; }
header .nav li a.head-cta {
  margin-top: 0.15vw; }
header .nav li a.head-cta img {
  width: 5vw; }
header .unfixed {
  display: block; }
header .fixed-vis {
  display: none; }

header.fixed {
  background-color: #fff;
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.1); }
header.fixed .logo {
  width: 10.5vw;
  padding: 1.4vw 0 1.6vw; }
header.fixed .nav {
  padding: 1vw 0 0; }
header.fixed .nav li a {
  margin-top: 0.6vw;
  color: #33414C; }
header.fixed .nav li a.head-cta {
  margin-top: 0.05vw; }
header.fixed .nav li a.head-cta img {
  width: 3vw; }
header.fixed .unfixed {
  display: none; }
header.fixed .fixed-vis {
  display: block; }

.sp-head-cta {
  display: none; }

.page header {
  background-color: #fff; }
.page header .logo {
  width: 10.5vw;
  padding: 1.4vw 0 1.6vw; }
.page header .nav {
  padding: 1vw 0 0; }
.page header .nav li a {
  margin-top: 0.6vw;
  color: #33414C; }
.page header .nav li a.head-cta {
  margin-top: 0.05vw; }
.page header .nav li a.head-cta img {
  width: 3vw; }
.page header .unfixed {
  display: none; }
.page header .fixed-vis {
  display: block; }

@media only screen and (max-width: 768px) {
  header {
    height: 50px;
    top: 5px; }
  header .l-inner {
    width: 90vw; }
  header .logo {
    width: 132px;
    margin-top: 8px; }
  header .menu-trigger {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 2px;
    right: 40px;
    left: auto;
    margin: auto;
    z-index: 10; }
  header .menu-trigger span {
    width: 50%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out; }
  header .menu-trigger span:nth-of-type(1) {
    top: -9px; }
  header .menu-trigger span:nth-of-type(2) {
    top: 9px; }
  header .nav {
    width: 100%;
    height: 100vh;
    position: fixed;
    background-color: #475460;
    float: none;
    top: 0;
    left: -100vw;
    padding-top: 20vw; }
  header .nav li {
    float: none;
    text-align: center;
    margin-bottom: 2vw;
    padding: 0 3vw;
    margin-left: 0;
    margin-top: 0; }
  header .nav li p {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    margin-bottom: 6vw;
    letter-spacing: 2px; }
  header .nav li a {
    padding: 5vw 0;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    background-color: rgba(255, 255, 255, 0.1); }
  header .nav li .cta {
    background-color: #fff;
    color: #2EAEBD;
    width: 60vw;
    font-size: 16px !important;
    padding: 3vw 0;
    letter-spacing: 2px;
    margin-top: 6vw; }
  header .nav li .cta img {
    width: 18px;
    margin-right: 8px;
    position: relative;
    top: 1px;
    display: inline-block; }
  header .nav.opend {
    left: 0; }
  header .menu-trigger.active span:nth-of-type(1) {
    transform: rotate(-45deg);
    background-color: #fff;
    top: 0; }
  header .menu-trigger.active span:nth-of-type(2) {
    transform: rotate(45deg);
    background-color: #fff;
    top: 0; }
  header .sp-head-cta {
    display: block;
    position: absolute;
    right: -8px;
    top: 8px;
    width: 50px; }

  header.fixed {
    top: 0;
    height: 52px;
    box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.1); }
  header.fixed .logo {
    width: 132px; }
  header.fixed .nav {
    padding-top: 20vw; }
  header.fixed .nav li a {
    color: #fff; }
  header.fixed .menu-trigger {
    top: 0; }
  header.fixed .menu-trigger span {
    background-color: #2EAEBD; }
  header.fixed .sp-head-cta {
    right: -1px;
    top: 8px;
    width: 36px; }

  .page header {
    top: 0;
    height: 52px; }
  .page header .logo {
    width: 132px; }
  .page header .nav {
    padding-top: 20vw; }
  .page header .nav li a {
    color: #fff; }
  .page header .menu-trigger {
    top: 0; }
  .page header .menu-trigger span {
    background-color: #2EAEBD; }
  .page header .sp-head-cta {
    right: -1px;
    top: 8px;
    width: 36px; } }
/* fv */
.fv {
  background: #3eabcc;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #3eabcc 0%, #2EAEBD 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #3eabcc 0%, #2EAEBD 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #3eabcc 0%, #2EAEBD 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eabcc', endColorstr='$mc',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  height: 100vh;
  /* 変数をサポートしていないブラウザのフォールバック */
  height: calc(var(--vh, 1vh) * 100);
  text-align: center;
  position: relative; }
.fv:before {
  width: 50%;
  position: absolute;
  content: "";
  background-color: #fff;
  height: 6vw;
  left: 0;
  bottom: 0;
  z-index: 2; }
.fv .animation-area {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden; }
.fv .animation-area .bg-map {
  width: 90%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }
.fv h2 {
  font-size: 2.5vw;
  color: #fff;
  position: absolute;
  left: 55%;
  bottom: 30%;
  font-weight: 500;
  letter-spacing: 0;
  text-align: left;
  line-height: 1.5; }

.page-fv {
  height: auto;
  padding: 13vw 0 17vw;
  text-align: center;
  position: relative; }
.page-fv:before {
  width: 65%;
  position: absolute;
  content: "";
  background-color: #fff;
  height: 5vw;
  left: 0;
  bottom: -1px;
  z-index: 2; }
.page-fv h2 {
  font-size: 2.5vw;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0;
  text-align: left;
  line-height: 1.5; }
.page-fv h3 {
  font-size: 1.1vw;
  color: #fff;
  text-align: left;
  font-weight: normal; }

.page-service .page-fv {
  background-image: url(../img/service/fv-service.jpg); }

.page-service-detail .page-fv {
  background-image: url(../img/service/fv-service-detail.jpg); }

.page-about .page-fv {
  background-image: url(../img/mission-mv.jpg); }

.page-recruit .page-fv {
  background-image: url(../img/recruit/fv-recruit.jpg); }

.page-news .page-fv {
  background-image: url(../img/news/fv-news.jpg); }

.page-news-detail .page-fv {
  background-image: url(../img/news/fv-news.jpg); }

.page-contact .page-fv {
  background-color: #2EAEBD;
  background-image: none; }

@media only screen and (max-width: 768px) {
  .fv:before {
    bottom: -1px;
    width: 80%;
    height: 12vw; }
  .fv .animation-area {
    overflow: hidden; }
  .fv .animation-area .bg-map {
    width: 350%;
    left: -95%; }
  .fv h2 {
    font-size: 8vw;
    left: 10%;
    bottom: 18%; }

  .page-fv {
    padding: 26vw 0 32vw; }
  .page-fv:before {
    bottom: -1px;
    width: 80%;
    height: 10vw; }
  .page-fv h2 {
    font-size: 7.5vw; }
  .page-fv h3 {
    font-size: 3.5vw; }
  .page-fv .scroll {
    bottom: 16vw; }
  .page-fv .scroll .line1 {
    height: 12vw; } }
/* top-about */
.top-about {
  position: relative;
  padding-top: 10vw;
  margin-top: -10vw; }
.top-about img {
  width: 47vw;
  position: absolute;
  right: 0vw;
  top: 24vw;
  z-index: 4; }
.top-about .top-mission {
  padding-right: 53vw;
  padding-left: 13.5vw;
  padding-bottom: 6vw; }
.top-about .top-mission h3 {
  font-size: 1.7vw;
  margin-bottom: 2.5vw; }
.top-about .top-mission p {
  line-height: 2; }
.top-about .top-vision {
  position: relative;
  width: 70vw;
  padding: 6vw 23vw 8vw 13.5vw;
  background-color: #475460;
  color: #fff;
  z-index: 3; }
.top-about .top-vision .title {
  position: absolute;
  left: 4.5vw;
  top: 9vw;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }
.top-about .top-vision h3 {
  font-size: 1.7vw;
  margin-bottom: 2.5vw; }
.top-about .top-vision p {
  line-height: 2; }
.top-about .mv-img {
  position: absolute;
  width: 47vw;
  height: 33vw;
  right: 0;
  top: 21vw;
  background-color: #F3FBFD;
  z-index: 1; }

@media only screen and (max-width: 768px) {
  .top-about {
    position: relative;
    padding-top: 20vw;
    margin-top: -20vw; }
  .top-about img {
    width: 100%;
    position: absolute;
    right: 0%;
    top: 111.3vw;
    z-index: 4; }
  .top-about .top-mission {
    padding-right: 10vw;
    padding-left: 10vw;
    padding-bottom: 62vw; }
  .top-about .top-mission h3 {
    font-size: 5vw;
    margin-bottom: 5vw;
    line-height: 1.8; }
  .top-about .top-mission p {
    line-height: 2; }
  .top-about .top-vision {
    width: 100vw;
    padding: 18vw 10vw 18vw 10vw; }
  .top-about .top-vision .title {
    position: relative;
    left: 0vw;
    color: #2EAEBD;
    top: 0vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  .top-about .top-vision h3 {
    font-size: 5vw;
    margin-bottom: 5vw;
    line-height: 1.8; }
  .top-about .top-vision p {
    line-height: 2; } }
/* top-service */
.top-service {
  padding: 12vw 0;
  /*background-image: url(../img/service-fv-top.png);*/
  background-size: auto 116%;
  background-repeat: no-repeat;
  background-position: left center;
  background-color: #FBFCFF;
  position: relative; }
.top-service .content {
  padding-left: 55vw;
  padding-right: 12vw; }
.top-service .content .title-jp {
  margin-bottom: 1.5vw; }
.top-service .content h3 {
  font-size: 1.7vw;
  margin-bottom: 1.5vw; }
.top-service .content p {
  line-height: 2;
  margin-bottom: 2.5vw; }
.top-service .top-service-mv {
  height: 116%;
  width: auto;
  position: absolute;
  left: 0;
  top: 16vw;
  bottom: 0;
  margin: auto; }

@media only screen and (max-width: 768px) {
  .top-service {
    padding: 104vw 0 20vw;
    background-size: 120% auto;
    background-position: right 105% top; }
  .top-service .top-service-mv {
    height: auto;
    width: 120%;
    position: absolute;
    left: auto;
    right: -20%;
    top: -2%;
    bottom: 0;
    margin: 0;
    z-index: 1; }
  .top-service .content {
    padding-left: 10vw;
    padding-right: 10vw;
    position: relative;
    z-index: 2; }
  .top-service .content .title-jp {
    margin-bottom: 3vw; }
  .top-service .content h3 {
    font-size: 4.5vw;
    margin-bottom: 4.5vw; }
  .top-service .content p {
    line-height: 2;
    margin-bottom: 8vw; } }
/* top-recruit */
.top-recruit {
  padding: 10vw 0 11vw;
  background-image: url(../img/recruit/fv-recruit.jpg);
  position: relative;
  color: #fff;
  overflow: hidden; }
.top-recruit .title-jp {
  margin-bottom: 1.5vw; }
.top-recruit h3 {
  font-size: 1.7vw;
  margin-bottom: 1.5vw; }
.top-recruit p {
  line-height: 2;
  margin-bottom: 2.5vw; }
.top-recruit .ornament {
  position: absolute;
  height: 105%;
  width: auto;
  right: 15vw;
  top: 10vw; }

@media only screen and (max-width: 768px) {
  .top-recruit {
    padding: 18vw 0 19vw; }
  .top-recruit .title-jp {
    margin-bottom: 3vw; }
  .top-recruit h3 {
    font-size: 4.5vw;
    margin-bottom: 4.5vw; }
  .top-recruit p {
    line-height: 2;
    margin-bottom: 8vw; }
  .top-recruit .ornament {
    position: absolute;
    height: 100%;
    width: auto;
    right: -1.5vw;
    top: 0; } }
/* top-news */
.top-news {
  padding: 10vw 0 14vw;
  background-color: #F6F8FB;
  position: relative; }
.top-news .section-title {
  text-align: left;
  display: inline-block;
  margin-right: 5vw;
  margin-bottom: 4vw; }
.top-news .section-title h2 {
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0; }
.top-news .section-title h3 {
  font-size: 1vw; }
.top-news .cta {
  font-size: 1vw;
  display: inline-block;
  vertical-align: top;
  margin-top: 1.2vw; }

.news-posts > li {
  width: 32%;
  margin-right: 2%;
  float: left; }
.news-posts > li a .image-area {
  padding: 32% 0;
  position: relative;
  overflow: hidden; }
.news-posts > li a .image-area .image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #475460;
  background-image: url(../img/thumbnail.jpg); }
.news-posts > li a .text {
  height: 22vw;
  padding: 2vw 3vw 4vw;
  background-color: #fff; }
.news-posts > li a .text .cat {
  display: block;
  margin-bottom: 1vw; }
.news-posts > li a .text .cat li {
  opacity: 0.5; }
.news-posts > li a .text .cat li p {
  display: inline-block;
  margin-right: 0.5vw; }
.news-posts > li a .text h4 {
  font-size: 1.2vw;
  word-break: break-all;
  margin-bottom: 2.75vw; }
.news-posts > li a .text .sub-cta {
  font-size: 1.1vw;
  letter-spacing: 0; }
.news-posts > li a .text .sub-cta img {
  width: 1.3vw;
  margin-left: 1vw;
  position: relative;
  top: 0.3vw; }
.news-posts > li a:hover {
  box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07); }
.news-posts > li a:hover .image {
  transform: scale(1.05);
  -webkit-transform: scale(1.05); }
.news-posts > li a:hover .text h4 {
  color: #2EAEBD; }
.news-posts > li a:hover .text .sub-cta img {
  margin-left: 1.5vw; }
.news-posts li:nth-of-type(3), .news-posts li:nth-of-type(6), .news-posts li:nth-of-type(9), .news-posts li:nth-of-type(12), .news-posts li:nth-of-type(15) {
  margin-right: 0; }

@media only screen and (max-width: 768px) {
  .top-news {
    padding: 18vw 0 20vw; }
  .top-news .section-title {
    margin-bottom: 10vw;
    float: left; }
  .top-news .section-title h2 {
    font-size: 7vw;
    line-height: 1.1; }
  .top-news .section-title h3 {
    font-size: 3.3vw; }
  .top-news .cta {
    float: right;
    font-size: 3.5vw;
    margin-top: 1.5vw; }
  .top-news .m-inner {
    width: 86vw; }

  .news-posts > li {
    width: 100%;
    margin-right: 0%;
    float: none;
    margin-bottom: 6vw; }
  .news-posts > li a .image-area {
    padding: 30% 0; }
  .news-posts > li a .text {
    height: auto;
    padding: 6vw 6vw 11vw; }
  .news-posts > li a .text .cat {
    display: block;
    margin-bottom: 3vw; }
  .news-posts > li a .text .cat li p {
    margin-right: 2vw; }
  .news-posts > li a .text h4 {
    font-size: 4vw;
    margin-bottom: 7.5vw; }
  .news-posts > li a .text .sub-cta {
    font-size: 4vw; }
  .news-posts > li a .text .sub-cta img {
    width: 4.5vw;
    margin-left: 3.5vw;
    top: 0.9vw; }
  .news-posts > li a:hover .text .sub-cta img {
    margin-left: 4.5vw; }
  .news-posts li:nth-of-type(3), .news-posts li:nth-of-type(6), .news-posts li:nth-of-type(9), .news-posts li:nth-of-type(12), .news-posts li:nth-of-type(15) {
    margin-right: 0; } }
/* top-media */
.top-media {
  padding: 8vw 0;
  position: relative; }
.top-media > img {
  width: 18vw;
  position: absolute;
  top: 14vw;
  left: 5vw; }
.top-media .m-inner {
  padding-left: 22vw; }
.top-media .m-inner .title {
  margin-bottom: 2vw; }
.top-media .m-inner .client {
  margin-bottom: 3vw; }
.top-media .m-inner .client li {
  margin-bottom: 1.5vw;
  width: 18%;
  padding: 8.9% 0;
  margin-right: 2.5%;
  border: 1px solid #eee;
  position: relative;
  float: left; }
.top-media .m-inner .client li img {
  width: 80%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }
.top-media .m-inner .client li .modi2 {
  width: 100%; }
.top-media .m-inner .client li .modi3 {
  width: 60%; }
.top-media .m-inner .client li:nth-of-type(5), .top-media .m-inner .client li:nth-of-type(10) {
  margin-right: 0; }
.top-media .m-inner .media li {
  margin-bottom: 0.9vw;
  width: 13%;
  padding: 6.35% 0;
  margin-right: 1.5%;
  border: 1px solid #eee;
  position: relative;
  float: left; }
.top-media .m-inner .media li img {
  width: 90%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }
.top-media .m-inner .media li:nth-of-type(7), .top-media .m-inner .media li:nth-of-type(14), .top-media .m-inner .media li:nth-of-type(21) {
  margin-right: 0; }

@media only screen and (max-width: 768px) {
  .top-media {
    padding: 20vw 0;
    position: relative; }
  .top-media .m-inner {
    width: 80vw;
    margin-left: 10vw;
    margin-right: 10vw; }
  .top-media > img {
    width: 27%;
    left: auto;
    top: -31vw;
    right: 21vw;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg); }
  .top-media .m-inner {
    padding-left: 0vw; }
  .top-media .m-inner .title {
    margin-bottom: 3vw; }
  .top-media .m-inner .client {
    margin-bottom: 6vw; }
  .top-media .m-inner .client li {
    margin-bottom: 1.6vw;
    width: 32%;
    padding: 15% 0;
    margin-right: 2%;
    border: 1px solid #eee;
    position: relative;
    float: left; }
  .top-media .m-inner .client li img {
    width: 100%; }
  .top-media .m-inner .client li img.modi {
    width: 70%; }
  .top-media .m-inner .client li:nth-of-type(5), .top-media .m-inner .client li:nth-of-type(10) {
    margin-right: 2%; }
  .top-media .m-inner .client li:nth-of-type(3), .top-media .m-inner .client li:nth-of-type(6), .top-media .m-inner .client li:nth-of-type(9) {
    margin-right: 0%; }
  .top-media .m-inner .media li {
    margin-bottom: 1.6vw;
    width: 32%;
    padding: 15% 0;
    margin-right: 2%;
    border: 1px solid #eee;
    position: relative;
    float: left; }
  .top-media .m-inner .media li img {
    width: 100%; }
  .top-media .m-inner .media li img.modi {
    width: 90%; }
  .top-media .m-inner .media li:nth-of-type(7), .top-media .m-inner .media li:nth-of-type(14) {
    margin-right: 2%; }
  .top-media .m-inner .media li:nth-of-type(3), .top-media .m-inner .media li:nth-of-type(6), .top-media .m-inner .media li:nth-of-type(9), .top-media .m-inner .media li:nth-of-type(12), .top-media .m-inner .media li:nth-of-type(15), .top-media .m-inner .media li:nth-of-type(18) {
    margin-right: 0%; } }
/* footer */
footer {
  position: relative;
  background-color: #FBFCFF; }
footer > img {
  width: 18vw;
  position: absolute;
  top: -7vw;
  left: 5vw; }
footer .foot-cta-area {
  position: relative;
  top: -3vw; }
footer .foot-cta-area .foot-cta {
  box-shadow: 0px 0px 0px 2px #2EAEBD inset;
  width: 91.25%;
  height: 7vw;
  float: left;
  color: #fff;
  background-color: #2EAEBD;
  font-size: 1.5vw;
  letter-spacing: 0;
  padding-left: 4vw;
  padding-top: 2vw;
  position: relative;
  /*&:before{
  	content: "";
  	position: absolute;
  	width: 0%;
  	height: 100%;
  	background-color: #fff;
  	top: 0;
  	left: 0;
  	z-index: -1;
  }*/ }
footer .foot-cta-area .foot-cta span {
  margin-left: 1vw;
  font-size: 1vw;
  letter-spacing: 1px; }
footer .foot-cta-area .foot-cta:hover {
  color: #2EAEBD;
  background-color: #fff; }
footer .foot-cta-area .to-top {
  width: 8.75%;
  height: 7vw;
  float: left;
  background-color: #475460;
  position: relative; }
footer .foot-cta-area .to-top img {
  width: 1.2vw;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }
footer .foot-cta-area .to-top:hover img {
  transform: scale(1.25);
  -webkit-transform: scale(1.25); }
footer .foot-nav-area {
  padding: 2vw 0 6vw; }
footer .foot-nav-area .logo {
  float: left;
  width: 12.5vw; }
footer .foot-nav-area nav {
  float: right; }
footer .foot-nav-area nav ul li {
  float: left;
  margin-left: 4vw; }
footer .foot-nav-area nav ul li a {
  padding-left: 1vw;
  margin-bottom: 1vw;
  font-size: 0.8vw; }
footer .foot-nav-area nav ul li a img {
  width: 0.3vw;
  margin-right: 0.5vw; }
footer .foot-nav-area nav ul li a:hover {
  color: #2EAEBD; }
footer .foot-nav-area nav ul li a.main {
  font-size: 0.9vw;
  padding-left: 0;
  font-size: 1vw;
  margin-bottom: 1.5vw; }
footer .copyright {
  background-color: #475460;
  padding: 1.5vw 0;
  color: #fff; }
footer .copyright a {
  font-size: 0.8vw;
  float: left; }
footer .copyright p {
  font-size: 0.8vw;
  float: right;
  opacity: 0.5;
  letter-spacing: 0; }

@media only screen and (max-width: 768px) {
  footer {
    position: relative;
    background-color: #FBFCFF; }
  footer > img {
    width: 18vw;
    position: absolute;
    top: -7vw;
    left: 5vw; }
  footer .foot-cta-area {
    top: -6vw; }
  footer .foot-cta-area .foot-cta {
    width: 82.22%;
    height: 16vw;
    font-size: 5vw;
    padding-left: 6vw;
    padding-top: 3vw; }
  footer .foot-cta-area .foot-cta span {
    margin-left: 3vw;
    font-size: 3.3vw; }
  footer .foot-cta-area .to-top {
    width: 17.78%;
    height: 16vw; }
  footer .foot-cta-area .to-top img {
    width: 4vw; }
  footer .foot-nav-area {
    padding: 8vw 0 14vw; }
  footer .foot-nav-area .logo {
    float: none;
    width: 42%;
    margin: 0 auto 8vw; }
  footer .foot-nav-area nav {
    float: none;
    width: 100%; }
  footer .foot-nav-area nav ul {
    position: relative;
    left: 4%; }
  footer .foot-nav-area nav ul li {
    width: 46%;
    float: left;
    margin-left: 0vw;
    margin-right: 8%;
    margin-bottom: 4vw; }
  footer .foot-nav-area nav ul li a {
    padding-left: 2vw;
    margin-bottom: 1.5vw;
    font-size: 3.1vw; }
  footer .foot-nav-area nav ul li a img {
    width: 1.2vw;
    margin-right: 1.5vw; }
  footer .foot-nav-area nav ul li a:hover {
    color: #2EAEBD; }
  footer .foot-nav-area nav ul li a.main {
    font-size: 3.5vw;
    padding-left: 0;
    margin-bottom: 1.5vw; }
  footer .foot-nav-area nav ul li:nth-of-type(2), footer .foot-nav-area nav ul li:nth-of-type(4) {
    margin-right: 0%; }
  footer .copyright {
    background-color: #475460;
    padding: 6vw 0;
    color: #fff; }
  footer .copyright a {
    font-size: 12px;
    float: none;
    text-align: center;
    margin-bottom: 3vw; }
  footer .copyright p {
    font-size: 11px;
    float: none;
    text-align: center;
    opacity: 0.5;
    letter-spacing: 0; } }
.page-intro {
  width: 52%;
  margin-bottom: 3vw; }
.page-intro .heading {
  font-size: 1.7vw;
  margin-bottom: 2.5vw; }
.page-intro p {
  font-size: 1vw;
  line-height: 2; }
.page-intro h3.title {
  position: absolute;
  top: 5.4vw;
  left: -11vw;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }

@media only screen and (max-width: 768px) {
  .page-intro {
    width: 100%;
    margin-bottom: 9vw; }
  .page-intro .heading {
    font-size: 5vw;
    margin-bottom: 9vw; }
  .page-intro p {
    font-size: 3.3vw;
    line-height: 1.8; }
  .page-intro h3.title {
    position: relative;
    font-size: 4vw;
    top: 0;
    left: 0;
    font-size: 4vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0); } }
.pankuzu {
  text-align: right;
  position: absolute;
  right: 0;
  top: 0.5vw;
  margin-top: 1vw;
  width: 28%;
  z-index: 10; }
.pankuzu li {
  display: inline-block;
  padding-right: 1.1vw;
  position: relative;
  margin-right: 0.4vw; }
.pankuzu li a {
  color: #2EAEBD; }
.pankuzu li:after {
  content: "|";
  position: absolute;
  top: -0.1vw;
  right: 0;
  opacity: 0.5; }
.pankuzu li:last-child {
  padding-right: 0;
  margin-right: 0; }
.pankuzu li:last-child:after {
  display: none; }

@media only screen and (max-width: 768px) {
  .pankuzu {
    display: none; } }
/* intro */
.intro {
  padding: 1vw 0 12vw; }
.intro .mainimg {
  position: absolute;
  width: 40%;
  right: 8vw;
  top: 10vw;
  margin-bottom: 10vw; }
.intro .box {
  width: 52%;
  margin-bottom: 2vw; }
.intro .box h3 {
  font-size: 1.3vw;
  color: #2EAEBD;
  margin-bottom: 1.25vw; }
.intro .box h3 img {
  width: 3vw;
  position: relative;
  margin-right: 1vw;
  top: 0.8vw; }
.intro .box p {
  font-size: 1vw;
  line-height: 2; }
.intro .box.mb {
  margin-bottom: 6vw; }
.intro ul.m-inner li {
  width: 48.5%;
  float: left;
  margin-right: 3%;
  padding: 4vw 3vw;
  color: #fff;
  height: 38vw; }
.intro ul.m-inner li div {
  margin-bottom: 3vw; }
.intro ul.m-inner li div h4 {
  font-weight: 500;
  float: left;
  font-size: 1.8vw;
  margin-top: 0.75vw; }
.intro ul.m-inner li div h4 span {
  display: block;
  opacity: 0.5;
  font-size: 1.1vw; }
.intro ul.m-inner li div img {
  width: 40%;
  float: right; }
.intro ul.m-inner li p {
  margin-bottom: 2.5vw; }
.intro ul.m-inner li a {
  color: #2EAEBD;
  background-color: #fff;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  padding: 1vw 2.25vw;
  display: inline-block; }
.intro ul.m-inner li a:hover {
  opacity: 0.7; }
.intro ul.m-inner li:last-child {
  margin-right: 0; }
.intro ul.m-inner .google {
  background-color: #2EAEBD; }
.intro ul.m-inner .richo {
  background-color: #406172; }

@media only screen and (max-width: 768px) {
  .intro {
    padding: 1vw 0 16vw; }
  .intro .mainimg {
    position: relative;
    width: 117%;
    right: 14vw;
    top: 0vw; }
  .intro .box {
    width: 100%;
    margin-bottom: 6vw; }
  .intro .box h3 {
    font-size: 4vw;
    color: #2EAEBD;
    margin-bottom: 5.5vw; }
  .intro .box h3 img {
    width: 11vw;
    position: relative;
    margin-right: 3vw;
    top: 3.5vw; }
  .intro .box p {
    font-size: 3.3vw;
    line-height: 1.8; }
  .intro .box.mb {
    margin-bottom: 12vw; }
  .intro ul.m-inner li {
    width: 100%;
    float: none;
    margin-right: 0%;
    margin-bottom: 4vw;
    padding: 10vw 7vw;
    color: #fff;
    height: auto; }
  .intro ul.m-inner li div {
    margin-bottom: 6vw; }
  .intro ul.m-inner li div h4 {
    font-weight: 500;
    float: left;
    font-size: 6vw;
    margin-top: 1.5vw; }
  .intro ul.m-inner li div h4 span {
    font-size: 4vw;
    line-height: 1.2; }
  .intro ul.m-inner li div img {
    width: 45%; }
  .intro ul.m-inner li p {
    margin-bottom: 6vw; }
  .intro ul.m-inner li a {
    padding: 3vw 0vw;
    width: 100%;
    text-align: center; }
  .intro ul.m-inner .google {
    padding-bottom: 14vw; } }
/* nayami */
.nayami {
  padding: 8vw 0;
  background-image: url(../img/service/bg-nayami.jpg); }
.nayami h2 {
  color: #fff;
  text-align: center; }
.nayami ul li {
  width: 48.5%;
  float: left;
  margin-right: 3%;
  background-color: #fff;
  position: relative;
  margin-bottom: 2vw; }
.nayami ul li > img {
  position: absolute;
  width: 1.5vw;
  top: -0.3vw;
  left: -0.3vw;
  z-index: 2; }
.nayami ul li .icon {
  float: left;
  width: 6.5vw;
  height: 6.5vw;
  background-color: #475460;
  position: relative; }
.nayami ul li .icon img {
  width: 3vw;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }
.nayami ul li h3 {
  float: left;
  font-weight: normal;
  font-size: 1.1vw;
  padding: 2.15vw 2vw; }
.nayami ul li:nth-of-type(2), .nayami ul li:nth-of-type(4) {
  margin-right: 0; }

@media only screen and (max-width: 768px) {
  .nayami {
    padding: 16vw 0; }
  .nayami ul li {
    width: 100%;
    float: none;
    margin-right: 0%;
    background-color: #fff;
    margin-bottom: 4vw; }
  .nayami ul li > img {
    width: 5vw;
    top: -1.3vw;
    left: -1.3vw; }
  .nayami ul li .icon {
    width: 15vw;
    height: 15.3vw; }
  .nayami ul li .icon img {
    width: 7vw; }
  .nayami ul li h3 {
    font-size: 3.6vw;
    letter-spacing: 0.1vw;
    padding: 4.3vw 0vw 4vw 3vw; } }
/* solution */
.solution {
  padding: 10vw 0;
  background-color: #F6F8FB; }
.solution h2 {
  text-align: center; }
.solution ul li {
  width: 32%;
  float: left;
  margin-right: 2%; }
.solution ul li .image {
  padding: 30% 0;
  background-color: #475460;
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-color: #F8FDFF; }
.solution ul li .point1 {
  background-size: auto 60%;
  background-image: url(../img/service/point1.png); }
.solution ul li .point2 {
  background-image: url(../img/service/point2.png); }
.solution ul li .point3 {
  background-size: auto 70%;
  background-image: url(../img/service/point3.png); }
.solution ul li .text {
  background-color: #fff;
  padding: 3vw 2vw 4vw; }
.solution ul li .text p {
  margin-bottom: 0.5vw; }
.solution ul li .text h4 {
  font-weight: normal;
  font-size: 1.2vw; }
.solution ul li:last-child {
  margin-right: 0; }

@media only screen and (max-width: 768px) {
  .solution {
    padding: 16vw 0; }
  .solution ul li {
    width: 100%;
    float: none;
    margin-right: 0%;
    margin-bottom: 4vw; }
  .solution ul li .text {
    padding: 6vw 7vw 10vw; }
  .solution ul li .text p {
    font-size: 4vw;
    margin-bottom: 2.5vw; }
  .solution ul li .text h4 {
    font-weight: normal;
    font-size: 3.5vw; }
  .solution ul li:last-child {
    margin-right: 0; } }
/* service-area */
.service-area {
  padding-top: 10vw; }
.service-area > ul > li {
  width: 25%;
  height: 49vw;
  float: left;
  padding: 4vw 2vw;
  text-align: center;
  color: #fff; }
.service-area > ul > li a {
  cursor: pointer; }
.service-area > ul > li a:hover {
  opacity: 0.7; }
.service-area > ul > li .head {
  margin-bottom: 2vw; }
.service-area > ul > li .head img {
  height: 3vw;
  width: auto;
  margin-bottom: 0.5vw; }
.service-area > ul > li .head h3 {
  font-size: 1.2vw;
  font-weight: normal; }
.service-area > ul > li ul li {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  display: block;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 1vw;
  margin-bottom: 0.5vw; }
.service-area > ul .area1 {
  background-color: #2EAEBD; }
.service-area > ul .area2 {
  background-color: #4F7493; }
.service-area > ul .area3 {
  background-color: #2B79A2; }
.service-area > ul .area4 {
  background-color: #41AEC1; }

@media only screen and (max-width: 768px) {
  .service-area {
    padding-top: 16vw; }
  .service-area > ul > li {
    width: 50%;
    height: 123vw;
    padding: 8vw 4vw; }
  .service-area > ul > li .head {
    margin-bottom: 6vw; }
  .service-area > ul > li .head img {
    height: 10vw;
    margin-bottom: 2.5vw; }
  .service-area > ul > li .head h3 {
    font-size: 3.5vw;
    font-weight: bold; }
  .service-area > ul > li ul li {
    padding: 2vw;
    margin-bottom: 1.5vw; }
  .service-area > ul > li:nth-of-type(3) {
    height: 134vw; }
  .service-area > ul > li:nth-of-type(4) {
    height: 134vw; } }
/* compare */
.compare {
  padding: 10vw 0; }
.compare table {
  width: 100%; }
.compare table tr td {
  border: 2px solid #EAEEF1;
  text-align: center;
  position: relative;
  padding: 1vw;
  font-size: 1.5vw;
  width: 18%; }
.compare table tr td:nth-of-type(1) {
  background-color: #F7F7FB;
  color: #fff;
  width: 28%; }
.compare table tr td:nth-of-type(1):before {
  content: "";
  position: absolute;
  width: 95%;
  height: 76%;
  background-color: #475460;
  opacity: 0.8;
  left: 2.5%;
  top: 12%;
  border-radius: 4px;
  -webkit-border-radius: 4px; }
.compare table tr td:nth-of-type(2) {
  border-left: 4px solid #2EAEBD;
  border-right: 4px solid #2EAEBD; }
.compare table tr:nth-of-type(1) td {
  background-color: #F7F7FB;
  font-size: 1vw;
  padding: 1.25vw 0; }
.compare table tr:nth-of-type(1) td:nth-of-type(1):before {
  display: none; }
.compare table tr:nth-of-type(1) td:nth-of-type(2) {
  background-color: #2EAEBD;
  border-top: 4px solid #2EAEBD;
  color: #fff; }
.compare table tr:last-child td:nth-of-type(2) {
  border-bottom: 4px solid #2EAEBD; }
.compare table h4 {
  font-size: 1vw;
  font-weight: normal;
  position: relative;
  top: -0.1vw; }

@media only screen and (max-width: 768px) {
  .compare {
    padding: 16vw 0; }
  .compare table {
    /*tr:last-child{
    	td:last-child{
    		border-bottom: 4px solid $mc;
    	}
    }*/ }
  .compare table tr {
    /*td:last-child{
    	border-left: 4px solid $mc;
    	border-right: 4px solid $mc;
    }*/ }
  .compare table tr td {
    border: 2px solid #EAEEF1;
    text-align: center;
    position: relative;
    font-size: 4.5vw;
    padding: 0;
    vertical-align: middle;
    width: 18%; }
  .compare table tr td:nth-of-type(1) {
    background-color: #F7F7FB;
    color: #fff;
    width: 22%;
    padding: 3vw 1vw;
    line-height: 1.5; }
  .compare table tr td:nth-of-type(1):before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 0;
    -webkit-border-radius: 0; }
  .compare table tr:nth-of-type(1) {
    /*td:last-child{
    	background-color: $mc;
    	border-top: 4px solid $mc;
    	color: #fff;
    }*/ }
  .compare table tr:nth-of-type(1) td {
    font-size: 3vw;
    padding: 3vw 1vw;
    line-height: 1.5;
    vertical-align: middle; }
  .compare table tr:nth-of-type(1) td:nth-of-type(1):before {
    display: none; }
  .compare table h4 {
    font-size: 3vw;
    top: -0.1vw; } }
/* detail-cta */
.detail-cta {
  padding: 10vw 0 10.5vw;
  position: relative;
  overflow: hidden;
  color: #fff;
  background-color: #475460;
  text-align: center; }
.detail-cta:before {
  display: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../img/service/fv-service-detail.jpg);
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0; }
.detail-cta .copy {
  position: absolute;
  width: 70%;
  top: -2vw;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1; }
.detail-cta .cta {
  font-size: 1.3vw;
  padding: 1.2vw 5vw 1.1vw;
  margin: 0 1.5vw; }
.detail-cta:hover:before {
  transform: scale(1.05);
  -webkit-transform: scale(1.05); }
.detail-cta:hover a img {
  margin-left: 2.5vw; }

@media only screen and (max-width: 768px) {
  .detail-cta {
    padding: 18vw 0 12vw; }
  .detail-cta .copy {
    width: 90%;
    top: -6vw; }
  .detail-cta .cta {
    width: 80%;
    font-size: 4vw;
    display: block;
    margin: 0 auto 6vw; } }
/* detail-box */
.detail-box {
  padding: 8vw 0vw 0vw; }
.detail-box .page-nav-fixed {
  position: absolute;
  top: 10vw;
  left: 2vw;
  z-index: 10; }
.detail-box .page-nav-fixed li {
  margin-bottom: 0.1vw;
  background-color: #475460; }
.detail-box .page-nav-fixed li a {
  width: 7.5vw;
  height: 7.5vw;
  position: relative;
  text-align: center;
  color: #fff;
  padding-top: 1.5vw; }
.detail-box .page-nav-fixed li a img {
  width: 2.5vw;
  margin-bottom: 0vw; }
.detail-box .page-nav-fixed li a h2 {
  font-size: 0.8vw;
  line-height: 1.5;
  letter-spacing: 0; }
.detail-box .page-nav-fixed li a.modi {
  padding-top: 1vw; }
.detail-box .page-nav-fixed li:hover {
  background-color: #2EAEBD; }
.detail-box .page-nav-fixed li:nth-of-type(1) a img, .detail-box .page-nav-fixed li:nth-of-type(3) a img {
  margin-bottom: 0.5vw; }
.detail-box .page-nav-fixed li.active {
  background-color: #2EAEBD; }
.detail-box .side-nav-fixed {
  position: fixed;
  top: 7vw; }
.detail-box .head .content-title {
  font-size: 1.7vw;
  margin-bottom: 2vw;
  color: #2EAEBD; }
.detail-box .head .content-title img {
  position: relative;
  top: 0.9vw;
  width: 3vw;
  margin-right: 1.5vw; }
.detail-box .head .sub-title {
  font-size: 1vw;
  font-weight: normal;
  margin-bottom: 4vw; }
.detail-box .head .base {
  margin-bottom: 3vw; }
.detail-box .head .base li {
  width: 19%;
  height: 12vw;
  display: table;
  float: left;
  margin-right: 1.25%;
  margin-bottom: 1vw;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  background-color: #fff;
  position: relative;
  text-align: center;
  box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07); }
.detail-box .head .base li p.mc {
  font-size: 1.2vw;
  display: inline-block;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 0.1vw;
  width: 1.7vw; }
.detail-box .head .base li p.mc:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2vw;
  top: 0;
  left: 0;
  background-color: #2EAEBD; }
.detail-box .head .base li h4 {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.1vw;
  font-weight: normal; }
.detail-box .head .base li:nth-of-type(5), .detail-box .head .base li:nth-of-type(10) {
  margin-right: 0; }
.detail-box .head-image {
  padding: 20% 0;
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 4vw; }
.detail-box .head-image01 {
  background-image: url(../img/service/detail/section-image01.png); }
.detail-box .head-image02 {
  background-image: url(../img/service/detail/section-image02.png); }
.detail-box .head-image03 {
  background-image: url(../img/service/detail/section-image03.png); }
.detail-box .head-last-content {
  margin-bottom: 5vw; }
.detail-box .content {
  margin-bottom: 6vw; }
.detail-box .content .content-heading {
  margin-bottom: 3vw; }
.detail-box .content .content-heading h3 {
  font-size: 1.5vw;
  margin-bottom: 1.5vw; }
.detail-box .content .content-heading h3 img {
  width: 2vw;
  position: relative;
  top: 0.4vw;
  margin-right: 1.25vw; }
.detail-box .content .content-heading p {
  font-size: 1vw; }
.detail-box .content .img-area-bg {
  background-color: #F6F8FB;
  padding: 4vw; }
.detail-box .content .base {
  margin-bottom: 3vw; }
.detail-box .content .base li {
  width: 19%;
  height: 12vw;
  display: table;
  float: left;
  margin-right: 1.25%;
  margin-bottom: 1vw;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  background-color: #fff;
  position: relative;
  text-align: center;
  box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07); }
.detail-box .content .base li p.mc {
  font-size: 1.2vw;
  display: inline-block;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 0.1vw;
  width: 1.7vw; }
.detail-box .content .base li p.mc:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2vw;
  top: 0;
  left: 0;
  background-color: #2EAEBD; }
.detail-box .content .base li h4 {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.1vw;
  font-weight: normal; }
.detail-box .content .base li:nth-of-type(5), .detail-box .content .base li:nth-of-type(10) {
  margin-right: 0; }
.detail-box .content .base2 li {
  display: table;
  width: 24%;
  height: 12vw;
  border: 2px solid #D1EBEF;
  margin-right: 1.25%;
  float: left;
  border-radius: 8px;
  -webkit-border-radius: 8px; }
.detail-box .content .base2 li div {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }
.detail-box .content .base2 li div img {
  width: 1.5vw;
  margin-bottom: 0.5vw; }
.detail-box .content .base2 li div h4 {
  font-size: 1.1vw;
  font-weight: normal; }
.detail-box .content .base2 li:last-child {
  margin-right: 0; }
.detail-box .content .base3 li {
  width: 32%;
  margin-right: 2%; }
.detail-box .content .base4 {
  margin-bottom: 3vw; }
.detail-box .content .base4 li {
  width: 48.5%;
  height: 12vw;
  display: table;
  float: left;
  margin-right: 3%;
  margin-bottom: 1vw;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  background-color: #fff;
  position: relative;
  text-align: center;
  box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07); }
.detail-box .content .base4 li p.mc {
  font-size: 1.2vw;
  display: inline-block;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 0.1vw;
  width: 1.7vw; }
.detail-box .content .base4 li p.mc:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2vw;
  top: 0;
  left: 0;
  background-color: #2EAEBD; }
.detail-box .content .base4 li h4 {
  padding: 0 3vw;
  display: table-cell;
  vertical-align: middle;
  font-size: 1.1vw;
  font-weight: normal; }
.detail-box .content .base4 li:nth-of-type(2), .detail-box .content .base4 li:nth-of-type(4) {
  margin-right: 0; }
.detail-box .content table td {
  background-color: #F6F8FB;
  padding: 1.5vw 0;
  border: 4px solid #fff;
  width: 27%; }
.detail-box .content table th {
  border: 4px solid #fff;
  background-color: #406172;
  color: #fff;
  width: 19%;
  font-size: 1vw;
  vertical-align: middle; }
.detail-box .content table tr:nth-of-type(1) td {
  text-align: center;
  vertical-align: middle;
  font-size: 1vw;
  line-height: 1.6;
  position: relative;
  font-weight: 500; }
.detail-box .content table tr:nth-of-type(1) td img {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2vw;
  right: -1vw;
  margin: auto;
  z-index: 2; }
.detail-box .content table tr:nth-of-type(1) td:nth-of-type(1) {
  color: #fff;
  background-color: #2889A6; }
.detail-box .content table tr:nth-of-type(1) td:nth-of-type(2) {
  color: #fff;
  background-color: #2696A9; }
.detail-box .content table tr:nth-of-type(1) td:nth-of-type(3) {
  color: #fff;
  background-color: #22A6AD; }
.detail-box .content table tr:nth-of-type(2) td {
  text-align: left;
  padding: 1.5vw 1.5vw 1.5vw 1vw; }
.detail-box .content table tr:nth-of-type(2) td p {
  margin-bottom: 1vw;
  position: relative;
  padding-left: 1vw;
  line-height: 1.6; }
.detail-box .content table tr:nth-of-type(2) td p:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0; }
.detail-box .text-area {
  margin-top: 4vw; }
.detail-box .text-area p {
  margin-bottom: 4vw; }
.detail-box .content-col2 .content-cl {
  width: 47%;
  float: left;
  margin-right: 6%; }
.detail-box .content-col2 .content-cl:nth-of-type(2) {
  margin-right: 0; }
.detail-box .content-col3 .content-cl {
  width: 31%;
  float: left;
  margin-right: 3.5%; }
.detail-box .content-col3 .content-cl:nth-of-type(3) {
  margin-right: 0; }
.detail-box .cta {
  padding: 1.5vw 4vw 1.6vw; }

.detail-box.pt {
  margin-top: 1vw; }

#cs {
  padding: 8vw 0 8vw; }

#corporate-plannig {
  padding: 9vw 0 0vw 0;
  position: relative;
  top: -8vw; }

@media only screen and (max-width: 768px) {
  .detail-box {
    padding: 16vw 0vw 16vw;
    position: relative; }
  .detail-box:before {
    content: "";
    position: absolute;
    width: 100vw;
    top: 0;
    left: 0;
    height: 1px;
    background-color: #475460;
    opacity: 0.1; }
  .detail-box .page-nav-fixed {
    display: none;
    position: absolute;
    top: 10vw;
    left: 2vw; }
  .detail-box .page-nav-fixed li {
    margin-bottom: 0.1vw;
    background-color: #475460; }
  .detail-box .page-nav-fixed li a {
    width: 7vw;
    height: 7vw;
    position: relative;
    text-align: center;
    color: #fff;
    padding-top: 1.5vw; }
  .detail-box .page-nav-fixed li a img {
    width: 2.5vw;
    margin-bottom: 0vw; }
  .detail-box .page-nav-fixed li a h2 {
    font-size: 0.8vw;
    line-height: 1.5;
    letter-spacing: 0; }
  .detail-box .page-nav-fixed li a.modi {
    padding-top: 1vw; }
  .detail-box .page-nav-fixed li:hover {
    background-color: #2EAEBD; }
  .detail-box .page-nav-fixed li:nth-of-type(1) li img, .detail-box .page-nav-fixed li:nth-of-type(3) li img {
    margin-bottom: 0.5vw; }
  .detail-box .page-nav-fixed li.active {
    background-color: #2EAEBD; }
  .detail-box .head .content-title {
    font-size: 4.5vw;
    margin-bottom: 4vw; }
  .detail-box .head .content-title img {
    top: 2vw;
    width: 7vw;
    margin-right: 3.5vw; }
  .detail-box .head .sub-title {
    font-size: 3.5vw;
    margin-bottom: 11vw; }
  .detail-box .head .base {
    margin-bottom: 8vw; }
  .detail-box .head .base li {
    width: 48%;
    height: 34vw;
    display: table;
    float: left;
    margin-right: 4%;
    margin-bottom: 3vw;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07); }
  .detail-box .head .base li p.mc {
    font-size: 4vw;
    padding-top: 1vw;
    width: 5.7vw; }
  .detail-box .head .base li p.mc:before {
    height: 2px; }
  .detail-box .head .base li h4 {
    font-size: 3.3vw;
    line-height: 1.6; }
  .detail-box .head .base li:nth-of-type(5) {
    margin-right: 4%; }
  .detail-box .head .base li:nth-of-type(2), .detail-box .head .base li:nth-of-type(4), .detail-box .head .base li:nth-of-type(6), .detail-box .head .base li:nth-of-type(8), .detail-box .head .base li:nth-of-type(10) {
    margin-right: 0; }
  .detail-box .head-image {
    padding: 30% 0;
    background-size: cover;
    background-position: center;
    margin-bottom: 8vw; }
  .detail-box .head-last-content {
    margin-bottom: 5vw; }
  .detail-box .content {
    margin-bottom: 12vw; }
  .detail-box .content .content-heading {
    margin-bottom: 6vw; }
  .detail-box .content .content-heading h3 {
    font-size: 4vw;
    margin-bottom: 4.5vw;
    position: relative;
    padding-left: 8vw; }
  .detail-box .content .content-heading h3 img {
    width: 6vw;
    position: absolute;
    top: 0.6vw;
    left: 0;
    margin-right: 0; }
  .detail-box .content .content-heading p {
    font-size: 3.3vw; }
  .detail-box .content .base {
    margin-bottom: 8vw; }
  .detail-box .content .base li {
    width: 48%;
    height: 34vw;
    display: table;
    float: left;
    margin-right: 4%;
    margin-bottom: 3vw;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07); }
  .detail-box .content .base li p.mc {
    font-size: 4vw;
    padding-top: 1vw;
    width: 5.7vw; }
  .detail-box .content .base li p.mc:before {
    height: 2px; }
  .detail-box .content .base li h4 {
    font-size: 3.3vw;
    line-height: 1.6; }
  .detail-box .content .base li:nth-of-type(3) {
    margin-right: 4%; }
  .detail-box .content .base li:nth-of-type(6) {
    margin-right: 4%; }
  .detail-box .content .base li:nth-of-type(5) {
    margin-right: 4%; }
  .detail-box .content .base li:nth-of-type(2), .detail-box .content .base li:nth-of-type(4), .detail-box .content .base li:nth-of-type(6), .detail-box .content .base li:nth-of-type(8), .detail-box .content .base li:nth-of-type(10) {
    margin-right: 0; }
  .detail-box .content .img-area-bg {
    background-color: #F6F8FB;
    padding: 4vw; }
  .detail-box .content .text-area {
    margin-top: 4vw; }
  .detail-box .content .text-area p {
    margin-bottom: 8vw; }
  .detail-box .content .base2 li {
    display: table;
    width: 100%;
    height: auto;
    border: 2px solid #D1EBEF;
    margin-right: 0;
    margin-bottom: 4vw;
    padding: 5vw 5vw 6vw;
    float: left;
    border-radius: 4px;
    -webkit-border-radius: 4px; }
  .detail-box .content .base2 li div {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .detail-box .content .base2 li div img {
    width: 4.5vw;
    margin-bottom: 1vw; }
  .detail-box .content .base2 li div h4 {
    font-size: 3.5vw;
    font-weight: normal; }
  .detail-box .content .base2 li:nth-of-type(2), .detail-box .content .base2 li:nth-of-type(4) {
    margin-right: 0; }
  .detail-box .content .base3 li {
    width: 100%;
    margin-right: 0%; }
  .detail-box .content .base4 {
    margin-bottom: 3vw; }
  .detail-box .content .base4 li {
    width: 100%;
    height: auto;
    display: table;
    padding: 12vw 6vw;
    float: none;
    margin-right: 0;
    margin-bottom: 4vw;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    position: relative;
    text-align: left;
    box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.07); }
  .detail-box .content .base4 li p.mc {
    font-size: 4vw;
    padding-top: 1vw;
    width: 5.7vw; }
  .detail-box .content .base4 li p.mc:before {
    height: 2px; }
  .detail-box .content .base4 li h4 {
    padding: 0 0vw;
    font-size: 3.3vw; }
  .detail-box .content .base4 li:nth-of-type(2), .detail-box .content .base4 li:nth-of-type(4) {
    margin-right: 0; }
  .detail-box .content table td {
    background-color: #F6F8FB;
    padding: 4vw 0;
    border: 2px solid #fff;
    width: 27%; }
  .detail-box .content table th {
    border: 2px solid #fff;
    background-color: #406172;
    color: #fff;
    width: 50%;
    font-size: 3.3vw;
    padding: 4vw 0px;
    font-size: 3.3vw;
    vertical-align: middle; }
  .detail-box .content table th:first-child {
    width: 30%; }
  .detail-box .content table tr td:first-child {
    text-align: center;
    vertical-align: middle;
    font-size: 3.3vw;
    padding: 0 3vw;
    line-height: 1.6;
    position: relative;
    font-weight: 500;
    width: 20%; }
  .detail-box .content table tr td:first-child img {
    position: absolute;
    top: auto;
    bottom: -3vw;
    width: 6vw;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg); }
  .detail-box .content table tr:nth-of-type(1) td:nth-of-type(2) {
    background-color: #F6F8FB;
    color: #33414C; }
  .detail-box .content table tr:nth-of-type(3) td:nth-of-type(1) {
    color: #fff;
    background-color: #2696A9; }
  .detail-box .content table tr:nth-of-type(4) td:nth-of-type(1) {
    color: #fff;
    background-color: #22A6AD; }
  .detail-box .content table tr:nth-of-type(2) td:nth-of-type(1) {
    color: #fff;
    background-color: #2889A6; }
  .detail-box .content table tr td:last-child {
    text-align: left;
    padding: 3vw; }
  .detail-box .content table tr td:last-child p {
    margin-bottom: 2vw;
    position: relative;
    padding-left: 4vw;
    line-height: 1.6;
    font-size: 3vw; }
  .detail-box .content table tr td:last-child p:before {
    content: "・";
    position: absolute;
    left: 0;
    top: 0; }
  .detail-box .content-col2 .content-cl {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 12vw; }
  .detail-box .content-col2 .content-cl:nth-of-type(2) {
    margin-right: 0;
    margin-bottom: 0; }
  .detail-box .content-col3 .content-cl {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 8vw; }
  .detail-box .content-col3 .content-cl:nth-of-type(3) {
    margin-right: 0;
    margin-bottom: 0; }
  .detail-box .content-col3 .content-heading {
    margin-bottom: 8vw; }
  .detail-box .content-col3 .content-heading h3 {
    margin-bottom: 1.5vw;
    padding-left: 0; }
  .detail-box .cta {
    line-height: 1.6;
    text-align: center;
    width: 100%;
    padding: 3.5vw 4vw 3.5vw !important; }

  .detail-box.pt {
    margin-top: 1vw;
    padding: 0vw 0vw 16vw; }
  .detail-box.pt:before {
    display: none; }

  #cs {
    padding: 16vw 0 16vw; }

  #corporate-plannig {
    padding: 9vw 0 10vw 0; } }
/* cta-area */
.cta-area {
  padding: 8vw 0;
  background-color: #475460;
  color: #fff; }
.cta-area h2 {
  margin-bottom: 2vw; }
.cta-area .cta {
  font-size: 1.2vw; }
.cta-area .copy {
  position: absolute;
  width: 70%;
  top: -3vw;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

.cta-area2 {
  padding: 10vw 0 14vw; }

@media only screen and (max-width: 768px) {
  .cta-area {
    padding: 15vw 0 16vw; }
  .cta-area h2 {
    margin-bottom: 6vw; }
  .cta-area .cta {
    font-size: 4vw; }
  .cta-area .copy {
    position: absolute;
    width: 90%;
    top: -6vw;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }

  .cta-area2 {
    padding: 16vw 0 23vw; } }
/* case */
.case {
  padding: 8vw 0 4vw; }
.case .section-title {
  margin-bottom: 6vw;
  text-align: center; }
.case .section-title h2 {
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0; }
.case .section-title h3 {
  font-size: 1vw; }
.case .content {
  margin-bottom: 6vw;
  position: relative; }
.case .content > img {
  position: absolute;
  width: 40%;
  right: 0;
  top: 0.5vw; }
.case .content .content-heading {
  margin-bottom: 4vw; }
.case .content .content-heading h3 {
  font-size: 1.5vw;
  margin-bottom: 1.5vw; }
.case .content .content-heading h3 img {
  width: 2vw;
  position: relative;
  top: 0.4vw;
  margin-right: 1.25vw; }
.case .content .content-heading p {
  font-size: 1vw; }
.case .content .image-area {
  margin-bottom: 4vw; }
.case .content .text-bg {
  background-color: #2EAEBD;
  padding: 3vw;
  color: #fff; }
.case .content .text-bg h4 {
  font-size: 1.1vw;
  font-weight: normal;
  text-align: center; }
.case .content .text-bg h4 span {
  border-bottom: 1px solid #fff; }

.pb0 {
  padding-bottom: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }

@media only screen and (max-width: 768px) {
  .case {
    padding: 16vw 0 14vw; }
  .case .section-title {
    margin-bottom: 10vw; }
  .case .section-title h2 {
    font-size: 7vw;
    line-height: 1.5; }
  .case .section-title h3 {
    font-size: 3.3vw; }
  .case .content {
    margin-bottom: 6vw;
    position: relative; }
  .case .content .content-heading {
    margin-bottom: 6vw; }
  .case .content .content-heading h3 {
    font-size: 4vw;
    margin-bottom: 10vw; }
  .case .content .content-heading h3 img {
    width: 6vw;
    position: relative;
    top: 1.6vw;
    margin-right: 2.25vw; }
  .case .content .content-heading p {
    font-size: 1vw; }
  .case .content .image-area {
    margin-bottom: 6vw; }
  .case .content .text-bg {
    padding: 5vw 6vw 7vw; }
  .case .content .text-bg h4 {
    font-size: 3.5vw; }
  .case .content .text-bg h4 span {
    border-bottom: 1px solid #fff; } }
/* unit */
.unit {
  padding-top: 8vw;
  background-color: #F6F8FB; }
.unit .m-inner > ul > li {
  width: 48.5%;
  float: left;
  margin-right: 3%;
  margin-bottom: 2vw;
  background-color: #fff;
  position: relative;
  text-align: center;
  padding: 4vw 2vw 4vw; }
.unit .m-inner > ul > li p.mc {
  font-size: 1.2vw;
  display: inline-block;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 0.1vw;
  width: 1.7vw; }
.unit .m-inner > ul > li p.mc:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2vw;
  top: 0;
  left: 0;
  background-color: #2EAEBD; }
.unit .m-inner > ul > li .icon {
  height: 5vw;
  width: auto;
  margin-bottom: 1vw; }
.unit .m-inner > ul > li h4 {
  font-size: 1.2vw;
  font-weight: normal;
  margin-bottom: 1vw; }
.unit .m-inner > ul > li p.ex {
  opacity: 0.8;
  margin-bottom: 1.5vw;
  text-align: left;
  padding: 0 2vw; }
.unit .m-inner > ul > li .arrow {
  width: 1.25vw;
  margin-bottom: 1.5vw; }
.unit .m-inner > ul > li > ul {
  text-align: center; }
.unit .m-inner > ul > li > ul > li {
  text-align: center;
  display: inline-block;
  margin: 0vw;
  width: 24%;
  height: 4vw;
  color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #2B79A2;
  position: relative;
  vertical-align: top; }
.unit .m-inner > ul > li > ul > li h5 {
  text-align: center;
  font-size: 1vw;
  letter-spacing: 0;
  font-weight: normal;
  line-height: 4vw; }
.unit .m-inner > ul > li > ul > li h5.modi {
  margin-top: 0.6vw;
  line-height: 1.3; }
.unit .m-inner > ul li:nth-of-type(2), .unit .m-inner > ul li:nth-of-type(4) {
  margin-right: 0; }
.unit .m-inner > ul > li:nth-of-type(3) {
  height: 32vw; }
.unit .m-inner > ul > li:nth-of-type(4) {
  height: 32vw; }

@media only screen and (max-width: 768px) {
  .unit {
    padding-top: 16vw; }
  .unit .m-inner > ul > li {
    width: 100%;
    float: none;
    margin-right: 0%;
    margin-bottom: 4vw;
    padding: 12vw 6vw 12vw; }
  .unit .m-inner > ul > li p.mc {
    font-size: 4vw;
    padding-top: 1vw;
    width: 5.7vw; }
  .unit .m-inner > ul > li p.mc:before {
    height: 2px; }
  .unit .m-inner > ul > li .icon {
    height: 15vw;
    margin-bottom: 3vw; }
  .unit .m-inner > ul > li h4 {
    font-size: 3.5vw;
    margin-bottom: 3vw; }
  .unit .m-inner > ul > li p.ex {
    padding: 0 0vw;
    margin-bottom: 3vw; }
  .unit .m-inner > ul > li .arrow {
    width: 4.25vw;
    margin-bottom: 3vw; }
  .unit .m-inner > ul > li > ul > li {
    width: 32%;
    height: 13vw;
    color: #fff; }
  .unit .m-inner > ul > li > ul > li h5 {
    font-size: 3.5vw;
    line-height: 13vw; }
  .unit .m-inner > ul > li > ul > li h5.modi {
    margin-top: 1.8vw;
    line-height: 1.3; }
  .unit .m-inner > ul > li:nth-of-type(3) {
    height: auto; }
  .unit .m-inner > ul > li:nth-of-type(4) {
    height: auto; } }
/* patarn */
.patarn {
  padding: 8vw 0 6vw;
  background-color: #F6F8FB; }
.patarn .content {
  margin-bottom: 2vw;
  position: relative;
  background-color: #fff;
  padding: 4vw 4vw 5vw; }
.patarn .content .content-heading {
  margin-bottom: 2.5vw; }
.patarn .content .content-heading h3 {
  font-size: 1.5vw;
  margin-bottom: 1vw; }
.patarn .content .content-heading h3 img {
  width: 2vw;
  position: relative;
  top: 0.4vw;
  margin-right: 0.75vw; }
.patarn .content .content-heading p {
  margin-left: 2vw;
  font-size: 1vw; }
.patarn .content .image-area {
  margin-bottom: 1vw; }
.patarn .content h4 {
  color: #2EAEBD;
  text-align: right;
  font-size: 1.5vw; }

@media only screen and (max-width: 768px) {
  .patarn {
    padding: 16vw 0 14vw; }
  .patarn .content {
    margin-bottom: 4vw;
    position: relative;
    background-color: #fff;
    padding: 8vw 6vw 8vw; }
  .patarn .content .content-heading {
    margin-bottom: 4vw; }
  .patarn .content .content-heading h3 {
    font-size: 3.5vw;
    margin-bottom: 3vw;
    position: relative;
    padding-left: 7vw; }
  .patarn .content .content-heading h3 img {
    width: 5vw;
    position: absolute;
    top: 0.5vw;
    left: 0;
    margin-right: 0vw; }
  .patarn .content .content-heading p {
    margin-left: 0;
    font-size: 3.3vw; }
  .patarn .content .image-area {
    margin-bottom: 2vw; }
  .patarn .content h4 {
    font-size: 4.5vw; } }
.ex-inner {
  background-color: #F6F8FB;
  padding-top: 6vw;
  margin-left: 5vw;
  width: 95vw; }
.ex-inner .sm-inner {
  margin: 0 0 0 10vw; }

.page-about .intro {
  padding: 0vw 0 8vw; }
.page-about .intro .pankuzu {
  margin-top: 2vw; }
.page-about .page-intro {
  position: relative;
  width: 100%; }
.page-about .page-intro .title {
  position: absolute;
  top: 4vw;
  left: -9.5vw;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }
.page-about .page-intro p {
  line-height: 2;
  padding-right: 38%;
  position: relative;
  margin-bottom: 3vw; }
.page-about .page-intro p span {
  font-weight: bold;
  font-size: 1.05vw;
  margin-bottom: 0.5vw;
  display: block;
  color: #2EAEBD; }
.page-about .page-intro p img {
  position: absolute;
  width: 28%;
  right: 0;
  top: 0; }
.page-about .page-intro .name {
  padding-right: 38%;
  text-align: right; }
.page-about .page-intro .name h4 {
  font-weight: normal;
  margin-bottom: 1vw; }
.page-about .page-intro .name > img {
  width: 20%; }
.page-about .vision {
  padding-bottom: 10vw; }
.page-about .vision ul li {
  width: 48%;
  float: left;
  margin-right: 4%;
  height: 36vw;
  background-color: #fff;
  padding: 4vw 4vw 7vw; }
.page-about .vision ul li h2 {
  margin-bottom: 2vw; }
.page-about .vision ul li h3 {
  font-size: 1.5vw;
  margin-bottom: 2.5vw; }
.page-about .vision ul li p {
  line-height: 2; }
.page-about .vision ul li:last-child {
  margin-right: 0; }
.page-about .outline {
  background-color: #475460;
  padding: 10vw 0;
  color: #fff; }
.page-about .outline h2 {
  position: absolute;
  top: 5vw;
  left: -13vw;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }
.page-about .outline .info {
  width: 55%;
  float: left; }
.page-about .outline .info table {
  width: 100%; }
.page-about .outline .info table th {
  text-align: left;
  font-size: 1vw;
  font-weight: normal;
  width: 26%;
  padding: 2vw 0.5vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.page-about .outline .info table td {
  text-align: left;
  width: 74%;
  padding: 2vw 0.5vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.page-about .outline .info table tr:first-child th {
  padding: 0 0 2vw 0.5vw; }
.page-about .outline .info table tr:first-child td {
  padding: 0 0 2vw 0.5vw; }
.page-about .outline .info table tr:last-child th {
  border-bottom: 0; }
.page-about .outline .info table tr:last-child td {
  border-bottom: 0; }
.page-about .outline .map {
  width: 40%;
  float: right; }
.page-about .outline .map iframe {
  width: 100%;
  height: 20vw;
  margin-bottom: 1vw; }
.page-about .outline .map p {
  margin-bottom: 1vw; }
.page-about .outline .map a {
  color: #2EAEBD;
  text-decoration: underline; }
.page-about .history {
  background-color: #F6F8FB;
  padding: 10vw 0; }
.page-about .history .sm-inner > img {
  position: absolute;
  width: 4vw;
  left: -6vw;
  top: 6.7vw; }
.page-about .history .history-line .year {
  margin-bottom: 1vw;
  position: relative; }
.page-about .history .history-line .year li {
  margin-bottom: 0.25vw;
  position: relative;
  padding-left: 6vw;
  background-color: #fff;
  position: relative; }
.page-about .history .history-line .year li h3 {
  width: 4vw;
  height: 100%;
  line-height: 4vw;
  font-size: 1.2vw;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff; }
.page-about .history .history-line .year li p {
  font-size: 1vw;
  padding-top: 1vw;
  padding-bottom: 1vw; }
.page-about .history .history-line .year li span {
  font-size: 0.9vw;
  display: block; }
.page-about .history .history-line .year li span:last-child {
  padding-bottom: 2vw; }
.page-about .history .history-line .year li:first-child:before {
  width: 0.55vw;
  height: 0.55vw;
  content: "";
  position: absolute;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  left: -2.65vw;
  top: 1.7vw;
  z-index: 2; }
.page-about .history .history-line .year li:first-child:after {
  width: 1vw;
  height: 1vw;
  content: "";
  position: absolute;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  left: -2.9vw;
  top: 1.45vw;
  z-index: 1;
  opacity: 0.2; }
.page-about .history .history-line .year:before {
  position: absolute;
  top: 0.85vw;
  left: -6.1vw;
  font-size: 1.2vw;
  letter-spacing: 0; }
.page-about .history .history-line .year:after {
  content: "";
  position: absolute;
  height: 106%;
  width: 1px;
  top: 2vw;
  left: -2.4vw; }
.page-about .history .history-line .year1 h3 {
  background-color: #2EAEBD; }
.page-about .history .history-line .year1 li:first-child:before {
  background-color: #2EAEBD; }
.page-about .history .history-line .year1 li:first-child:after {
  background-color: #2EAEBD; }
.page-about .history .history-line .year1:before {
  content: "2014";
  color: #2EAEBD; }
.page-about .history .history-line .year1:after {
  content: "";
  background-color: #2EAEBD; }
.page-about .history .history-line .year2 h3 {
  background-color: #4E7493; }
.page-about .history .history-line .year2 li:first-child:before {
  background-color: #4E7493; }
.page-about .history .history-line .year2 li:first-child:after {
  background-color: #4E7493; }
.page-about .history .history-line .year2:before {
  content: "2015";
  color: #4E7493; }
.page-about .history .history-line .year2:after {
  content: "";
  background-color: #4E7493; }
.page-about .history .history-line .year3 h3 {
  background-color: #2D81AD; }
.page-about .history .history-line .year3 li:first-child:before {
  background-color: #2D81AD; }
.page-about .history .history-line .year3 li:first-child:after {
  background-color: #2D81AD; }
.page-about .history .history-line .year3:before {
  content: "2016";
  color: #2D81AD; }
.page-about .history .history-line .year3:after {
  content: "";
  background-color: #2D81AD; }
.page-about .history .history-line .year4 h3 {
  background-color: #36B1C6; }
.page-about .history .history-line .year4 li:first-child:before {
  background-color: #36B1C6; }
.page-about .history .history-line .year4 li:first-child:after {
  background-color: #36B1C6; }
.page-about .history .history-line .year4:before {
  content: "2017";
  color: #36B1C6; }
.page-about .history .history-line .year4:after {
  content: "";
  background-color: #36B1C6; }
.page-about .history .history-line .year5 h3 {
  background-color: #538595; }
.page-about .history .history-line .year5 li:first-child:before {
  background-color: #538595; }
.page-about .history .history-line .year5 li:first-child:after {
  background-color: #538595; }
.page-about .history .history-line .year5:before {
  content: "2018";
  color: #538595; }
.page-about .history .history-line .year5:after {
  content: "";
  background-color: #538595; }
.page-about .history .history-line .year6 h3 {
  background-color: #2EAEBD; }
.page-about .history .history-line .year6 li:first-child:before {
  background-color: #2EAEBD; }
.page-about .history .history-line .year6 li:first-child:after {
  background-color: #2EAEBD; }
.page-about .history .history-line .year6:before {
  content: "2019";
  color: #2EAEBD; }
.page-about .history .history-line .year6:after {
  content: "";
  background-color: #2EAEBD; }
.page-about .history .history-line .year7 h3 {
  background-color: #4E7493; }
.page-about .history .history-line .year7 li:first-child:before {
  background-color: #4E7493; }
.page-about .history .history-line .year7 li:first-child:after {
  background-color: #4E7493; }
.page-about .history .history-line .year7:before {
  content: "2020";
  color: #4E7493; }
.page-about .history .history-line .year7:after {
  display: none; }

@media only screen and (max-width: 768px) {
  .ex-inner {
    padding-top: 16vw;
    margin-left: 0vw;
    width: 100%; }
  .ex-inner .sm-inner {
    width: 90vw;
    margin: 0 0 0 5vw;
    padding-bottom: 16vw; }

  .page-about .intro {
    padding: 0vw 0 6vw; }
  .page-about .intro .pankuzu {
    margin-top: 2vw; }
  .page-about .page-intro {
    position: relative;
    width: 100%; }
  .page-about .page-intro .title {
    position: relative;
    top: 0;
    left: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  .page-about .page-intro p {
    line-height: 2;
    padding-right: 0%;
    position: relative;
    margin-bottom: 6vw; }
  .page-about .page-intro p span {
    font-size: 3.6vw;
    margin-bottom: 2.5vw; }
  .page-about .page-intro p img {
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
    margin-bottom: 4vw;
    margin-top: 10vw; }
  .page-about .page-intro .name {
    padding-right: 0%; }
  .page-about .page-intro .name h4 {
    margin-bottom: 3vw; }
  .page-about .page-intro .name > img {
    width: 40%; }
  .page-about .vision {
    padding-bottom: 0vw; }
  .page-about .vision ul li {
    width: 100%;
    float: none;
    height: auto;
    margin-right: 0%;
    margin-bottom: 4vw;
    padding: 8vw 7vw 10vw; }
  .page-about .vision ul li h2 {
    margin-bottom: 4vw;
    text-align: center;
    position: relative;
    left: -2vw; }
  .page-about .vision ul li h3 {
    font-size: 4.5vw;
    margin-bottom: 5vw; }
  .page-about .vision ul li p {
    line-height: 2; }
  .page-about .vision ul li:last-child {
    margin-right: 0;
    margin-bottom: 0; }
  .page-about .outline {
    padding: 16vw 0; }
  .page-about .outline h2 {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 8vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  .page-about .outline .info {
    width: 100%;
    float: none;
    margin-bottom: 4vw; }
  .page-about .outline .info table {
    width: 100%; }
  .page-about .outline .info table th {
    font-size: 3.3vw;
    width: 26%;
    padding: 4vw 0.5vw; }
  .page-about .outline .info table td {
    width: 74%;
    padding: 4vw 0.5vw; }
  .page-about .outline .info table tr:first-child th {
    padding: 0 0 4vw 0; }
  .page-about .outline .info table tr:first-child td {
    padding: 0 0 4vw 0; }
  .page-about .outline .map {
    width: 100%;
    float: none; }
  .page-about .outline .map iframe {
    width: 100%;
    height: 58vw;
    margin-bottom: 3vw; }
  .page-about .outline .map p {
    margin-bottom: 3vw; }
  .page-about .history {
    padding: 16vw 0 22vw; }
  .page-about .history .sm-inner {
    width: 90vw;
    margin-left: 5vw;
    margin-right: 0; }
  .page-about .history .sm-inner .m-inner {
    width: 80vw; }
  .page-about .history .sm-inner .title {
    margin-bottom: 8vw; }
  .page-about .history .sm-inner > img {
    display: none; }
  .page-about .history .history-line .year {
    margin-bottom: 4vw; }
  .page-about .history .history-line .year h4 {
    font-size: 3.5vw;
    margin-bottom: 2vw;
    font-weight: normal;
    margin-left: 1.7vw; }
  .page-about .history .history-line .year li {
    margin-bottom: 0.75vw;
    padding-left: 17vw;
    padding-right: 5vw; }
  .page-about .history .history-line .year li h3 {
    width: 12vw;
    height: 100%;
    line-height: 12vw;
    font-size: 4vw; }
  .page-about .history .history-line .year li p {
    font-size: 3.3vw;
    padding-top: 3vw;
    padding-bottom: 3vw; }
  .page-about .history .history-line .year li span {
    font-size: 3vw; }
  .page-about .history .history-line .year li span:last-child {
    padding-bottom: 2vw; }
  .page-about .history .history-line .year li:first-child:before {
    display: none; }
  .page-about .history .history-line .year li:first-child:after {
    display: none; }
  .page-about .history .history-line .year:before {
    display: none; }
  .page-about .history .history-line .year:after {
    display: none; }
  .page-about .history .history-line .year1 h3 {
    background-color: #2EAEBD; }
  .page-about .history .history-line .year1 h4 {
    color: #2EAEBD; }
  .page-about .history .history-line .year2 h3 {
    background-color: #4E7493; }
  .page-about .history .history-line .year2 h4 {
    color: #4E7493; }
  .page-about .history .history-line .year3 h3 {
    background-color: #2D81AD; }
  .page-about .history .history-line .year3 h4 {
    color: #2D81AD; }
  .page-about .history .history-line .year4 h3 {
    background-color: #36B1C6; }
  .page-about .history .history-line .year4 h4 {
    color: #36B1C6; }
  .page-about .history .history-line .year5 h3 {
    background-color: #538595; }
  .page-about .history .history-line .year5 h4 {
    color: #538595; }
  .page-about .history .history-line .year6 h3 {
    background-color: #2EAEBD; }
  .page-about .history .history-line .year6 h4 {
    color: #2EAEBD; } }
.page-recruit .intro {
  padding: 1vw 0 8vw; }
.page-recruit .intro .pankuzu {
  margin-top: 1vw; }
.page-recruit .page-intro {
  position: relative;
  width: 100%; }
.page-recruit .page-intro .title {
  position: absolute;
  top: 2.3vw;
  left: -8vw;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }
.page-recruit .page-intro p {
  line-height: 2;
  padding-right: 38%;
  position: relative;
  margin-bottom: 3vw; }
.page-recruit .page-intro p img {
  position: absolute;
  width: 28%;
  right: 0;
  top: 0; }
.page-recruit .page-intro .name {
  padding-right: 38%;
  text-align: right; }
.page-recruit .page-intro .name h4 {
  font-weight: normal;
  margin-bottom: 1vw; }
.page-recruit .page-intro .name > img {
  width: 20%; }
.page-recruit .culture {
  padding: 0 0 8vw 0; }
.page-recruit .culture .sm-inner h2 {
  font-size: 1.5vw;
  margin-bottom: 2vw; }
.page-recruit .culture .sm-inner h3 {
  font-weight: normal;
  font-size: 1vw;
  margin-bottom: 12vw; }
.page-recruit .culture .ex-inner {
  padding: 0; }
.page-recruit .culture .ex-inner .m-inner {
  margin: 0 0 0 5vw; }
.page-recruit .culture .ex-inner li {
  width: 47%;
  float: left;
  margin-right: 6%; }
.page-recruit .culture .ex-inner li .image {
  padding: 30% 0;
  background-color: #475460; }
.page-recruit .culture .ex-inner li .image01 {
  background-image: url(../img/recruit/culture02.jpg); }
.page-recruit .culture .ex-inner li .image02 {
  background-image: url(../img/recruit/culture01.jpg); }
.page-recruit .culture .ex-inner li .image03 {
  background-image: url(../img/recruit/culture04.jpg); }
.page-recruit .culture .ex-inner li .image04 {
  background-image: url(../img/recruit/culture03.jpg); }
.page-recruit .culture .ex-inner li .text {
  background-color: #fff;
  padding: 2.5vw 4vw 4.5vw; }
.page-recruit .culture .ex-inner li .text h4 {
  font-size: 1.3vw;
  margin-bottom: 1.5vw; }
.page-recruit .culture .ex-inner li .text h4 img {
  width: 2.5vw;
  position: relative;
  top: 0.6vw;
  margin-right: 1vw; }
.page-recruit .culture .ex-inner li:nth-of-type(1) {
  position: relative;
  top: -4vw; }
.page-recruit .culture .ex-inner li:nth-of-type(2) {
  position: relative;
  top: -16vw;
  margin-right: 0; }
.page-recruit .culture .ex-inner li:nth-of-type(4) {
  position: relative;
  top: -12vw;
  margin-right: 0; }
.page-recruit .joblist {
  background-color: #475460;
  padding: 8vw 0 9vw;
  color: #fff;
  text-align: center; }
.page-recruit .joblist .section-title h2 {
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0; }
.page-recruit .joblist .section-title h3 {
  font-size: 1vw; }
.page-recruit .joblist ul {
  width: 70%;
  margin: 0 auto 3vw; }
.page-recruit .joblist li {
  display: inline-block;
  width: 30%;
  margin: 0 0.5% 1vw;
  position: relative; }
.page-recruit .joblist li a {
  padding: 1vw 0 1.3vw;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 1.5;
  cursor: default;
  background-color: rgba(255, 255, 255, 0.15);
  /*&:hover{
  	background-color: $mc;
  	img{
  		right: 1vw;
  	}
  }*/ }
.page-recruit .joblist li a span {
  font-size: 0.9vw;
  font-weight: normal;
  display: block; }
.page-recruit .joblist li a img {
  width: 0.5vw;
  position: absolute;
  top: 0;
  right: 1.5vw;
  bottom: 0;
  margin: auto; }
.page-recruit .joblist .cta {
  padding: 1.75vw 5vw 2vw; }
.page-recruit .joblist .cta .icon {
  position: relative;
  top: 0.2vw;
  right: 0;
  width: 10vw;
  margin-right: 0vw; }
.page-recruit .joblist .cta .hov {
  display: none; }
.page-recruit .joblist .cta:hover .icon {
  display: none; }
.page-recruit .joblist .cta:hover .hov {
  display: inline-block; }
.page-recruit .history {
  background-color: #F6F8FB;
  padding: 8vw 0 12vw; }
.page-recruit .history .sm-inner h2 {
  font-size: 1.5vw;
  margin-bottom: 1vw; }
.page-recruit .history .sm-inner h3 {
  font-weight: normal;
  font-size: 1vw;
  margin-bottom: 3vw; }
.page-recruit .history .sm-inner > img {
  position: absolute;
  width: 4vw;
  left: -6vw;
  top: 6.7vw; }
.page-recruit .history .history-line .year {
  margin-bottom: 1vw; }
.page-recruit .history .history-line .year h4 {
  font-size: 1vw;
  margin-bottom: 0.25vw;
  font-weight: normal;
  margin-left: 0.7vw; }
.page-recruit .history .history-line .year li {
  margin-bottom: 0.25vw;
  position: relative;
  padding-left: 6vw;
  padding-right: 1.5vw;
  background-color: #fff; }
.page-recruit .history .history-line .year li h3 {
  width: 4vw;
  height: 100%;
  line-height: 4vw;
  font-size: 1.2vw;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff; }
.page-recruit .history .history-line .year li p {
  font-size: 1vw;
  padding-top: 1vw;
  padding-bottom: 1vw; }
.page-recruit .history .history-line .year li a {
  font-weight: bold;
  color: #2EAEBD;
  text-decoration: underline;
  margin-bottom: 0.5vw;
  display: inline-block; }
.page-recruit .history .history-line .year li a:hover {
  opacity: 0.7; }
.page-recruit .history .history-line .year li span {
  font-size: 0.9vw;
  display: block; }
.page-recruit .history .history-line .year li span:last-child {
  padding-bottom: 2vw; }
.page-recruit .history .history-line .year1 h3 {
  background-color: #2EAEBD; }
.page-recruit .history .history-line .year1 h4 {
  color: #2EAEBD; }
.page-recruit .history .history-line .year2 h3 {
  background-color: #4E7493; }
.page-recruit .history .history-line .year2 h4 {
  color: #4E7493; }
.page-recruit .history .history-line .year3 h3 {
  background-color: #2D81AD; }
.page-recruit .history .history-line .year3 h4 {
  color: #2D81AD; }
.page-recruit .history .history-line .year4 h3 {
  background-color: #36B1C6; }
.page-recruit .history .history-line .year4 h4 {
  color: #36B1C6; }
.page-recruit .history .history-line .year5 h3 {
  background-color: #538595; }
.page-recruit .history .history-line .year5 h4 {
  color: #538595; }
.page-recruit .history .history-line .year6 h3 {
  background-color: #2EAEBD; }
.page-recruit .history .history-line .year6 h4 {
  color: #2EAEBD; }

@media only screen and (max-width: 768px) {
  .page-recruit .intro {
    padding: 1vw 0 16vw; }
  .page-recruit .intro .pankuzu {
    margin-top: 1vw; }
  .page-recruit .page-intro {
    position: relative;
    width: 100%; }
  .page-recruit .page-intro .title {
    position: relative;
    top: 0;
    left: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  .page-recruit .page-intro p {
    line-height: 2;
    padding-right: 0%;
    margin-bottom: 6vw; }
  .page-recruit .page-intro p img {
    position: relative;
    width: 100%;
    margin-bottom: 4vw; }
  .page-recruit .culture {
    padding: 0 0 0vw 0; }
  .page-recruit .culture .sm-inner h2 {
    font-size: 4vw;
    margin-bottom: 4vw; }
  .page-recruit .culture .sm-inner h3 {
    font-weight: bold;
    font-size: 4.5vw;
    margin-bottom: 20vw; }
  .page-recruit .culture .ex-inner {
    padding: 0 0 10vw 0; }
  .page-recruit .culture .ex-inner .m-inner {
    margin: 0 0 0 5vw; }
  .page-recruit .culture .ex-inner ul {
    position: relative;
    top: -8vw; }
  .page-recruit .culture .ex-inner li {
    width: 100%;
    float: none;
    margin-right: 0%;
    margin-bottom: 4vw; }
  .page-recruit .culture .ex-inner li .text {
    padding: 5vw 6vw 8.5vw; }
  .page-recruit .culture .ex-inner li .text h4 {
    font-size: 4vw;
    margin-bottom: 3.5vw; }
  .page-recruit .culture .ex-inner li .text h4 img {
    width: 7.5vw;
    position: relative;
    top: 2vw;
    margin-right: 2vw; }
  .page-recruit .culture .ex-inner li:nth-of-type(1) {
    position: relative;
    top: 0vw; }
  .page-recruit .culture .ex-inner li:nth-of-type(2) {
    position: relative;
    top: 0vw;
    margin-right: 0; }
  .page-recruit .culture .ex-inner li:nth-of-type(4) {
    position: relative;
    top: 0vw;
    margin-right: 0; }
  .page-recruit .history {
    padding: 16vw 0 24vw; }
  .page-recruit .history .sm-inner h2 {
    font-size: 4vw;
    margin-bottom: 4vw; }
  .page-recruit .history .sm-inner h3 {
    font-weight: bold;
    font-size: 4.5vw;
    margin-bottom: 8vw; }
  .page-recruit .history .sm-inner .m-inner {
    width: 80vw; }
  .page-recruit .history .sm-inner > img {
    display: none; }
  .page-recruit .history .history-line .year {
    margin-bottom: 4vw; }
  .page-recruit .history .history-line .year h4 {
    font-size: 3.5vw;
    margin-bottom: 2vw;
    font-weight: normal;
    margin-left: 1.7vw; }
  .page-recruit .history .history-line .year li {
    margin-bottom: 0.75vw;
    padding-left: 17vw;
    padding-right: 5vw; }
  .page-recruit .history .history-line .year li h3 {
    width: 12vw;
    height: 100%;
    line-height: 12vw;
    font-size: 4vw; }
  .page-recruit .history .history-line .year li p {
    font-size: 3.3vw;
    padding-top: 4vw;
    padding-bottom: 5.5vw; }
  .page-recruit .history .history-line .year li a {
    font-size: 3.75vw;
    margin-bottom: 1.5vw; }
  .page-recruit .history .history-line .year li span {
    font-size: 3vw; }
  .page-recruit .history .history-line .year li span:last-child {
    padding-bottom: 2vw; }
  .page-recruit .history .history-line .year1 h3 {
    background-color: #2EAEBD; }
  .page-recruit .history .history-line .year1 h4 {
    color: #2EAEBD; }
  .page-recruit .history .history-line .year2 h3 {
    background-color: #4E7493; }
  .page-recruit .history .history-line .year2 h4 {
    color: #4E7493; }
  .page-recruit .history .history-line .year3 h3 {
    background-color: #2D81AD; }
  .page-recruit .history .history-line .year3 h4 {
    color: #2D81AD; }
  .page-recruit .history .history-line .year4 h3 {
    background-color: #36B1C6; }
  .page-recruit .history .history-line .year4 h4 {
    color: #36B1C6; }
  .page-recruit .history .history-line .year5 h3 {
    background-color: #538595; }
  .page-recruit .history .history-line .year5 h4 {
    color: #538595; }
  .page-recruit .history .history-line .year6 h3 {
    background-color: #2EAEBD; }
  .page-recruit .history .history-line .year6 h4 {
    color: #2EAEBD; }
  .page-recruit .joblist {
    padding: 16vw 0 20vw; }
  .page-recruit .joblist .section-title {
    margin-bottom: 10vw !important; }
  .page-recruit .joblist .section-title h2 {
    font-size: 7vw;
    line-height: 1.5; }
  .page-recruit .joblist .section-title h3 {
    font-size: 3.3vw; }
  .page-recruit .joblist ul {
    width: 90%;
    margin: 0 auto 10vw; }
  .page-recruit .joblist li {
    width: 100%;
    margin: 0 0% 2.5vw; }
  .page-recruit .joblist li a {
    padding: 3.8vw 0 4.75vw;
    font-size: 4.5vw; }
  .page-recruit .joblist li a span {
    font-size: 3.3vw; }
  .page-recruit .joblist li a img {
    width: 1.75vw;
    right: 4.25vw; }
  .page-recruit .joblist .cta {
    padding: 4.5vw 12vw 5vw !important; }
  .page-recruit .joblist .cta .icon {
    top: 0.3vw;
    width: 25vw; }
  .page-recruit .joblist .cta .hov {
    display: none; }
  .page-recruit .joblist .cta:hover .icon {
    display: none; }
  .page-recruit .joblist .cta:hover .hov {
    display: inline-block; } }
.page-news {
  padding-bottom: 10vw; }
.page-news .page-fv {
  padding: 9vw 0 12vw; }
.page-news .intro {
  padding: 0vw 0 4vw; }
.page-news .intro .pankuzu {
  margin-top: 2vw; }
.page-news .page-intro {
  position: relative;
  width: 100%;
  top: 10px; }
.page-news .page-intro ul {
  text-align: left; }
.page-news .page-intro ul li {
  display: inline-block; }
.page-news .page-intro ul li a {
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  padding: 0.5vw 1.5vw;
  color: #fff;
  background-color: #475460;
  display: inline-block;
  margin-right: 0.6vw;
  display: inline-block; }
.page-news .page-intro ul li a:hover {
  background-color: #2EAEBD; }
.page-news .page-intro ul li a.active {
  background-color: #2EAEBD; }
.page-news .page-intro ul li.current-cat a {
  background-color: #2EAEBD; }
.page-news .ex-inner {
  padding-top: 3vw; }
.page-news .ex-inner .m-inner {
  margin: 0 0 0 5vw; }
.page-news .ex-inner .m-inner > ul > li {
  width: 31%;
  margin-right: 3.5%;
  margin-top: 3vw; }
.page-news .ex-inner .m-inner > ul > li:nth-of-type(3) {
  margin-right: 0%; }
.page-news .ex-inner .m-inner > ul > li:nth-of-type(6) {
  margin-right: 0%; }
.page-news .ex-inner .m-inner > ul > li:nth-of-type(9) {
  margin-right: 0%; }
.page-news .ex-inner .m-inner > ul > li:nth-of-type(12) {
  margin-right: 0%; }
.page-news .ex-inner .m-inner > ul > li:nth-of-type(15) {
  margin-right: 0%; }

.page-cat-news .page-intro ul li.news a {
  background-color: #2EAEBD; }

.page-cat-press .page-intro ul li.press a {
  background-color: #2EAEBD; }

.page-cat-media .page-intro ul li.media a {
  background-color: #2EAEBD; }

@media only screen and (max-width: 768px) {
  .page-news {
    padding-bottom: 0vw; }
  .page-news .page-fv {
    padding: 22vw 0 25vw; }
  .page-news .intro {
    padding: 0vw 0 4vw; }
  .page-news .intro .pankuzu {
    margin-top: 2vw; }
  .page-news .page-intro {
    position: relative;
    width: 80%;
    margin-bottom: 4vw; }
  .page-news .page-intro ul li a {
    padding: 1vw 4vw;
    margin-bottom: 2vw; }
  .page-news .page-intro ul li a.active {
    background-color: #2EAEBD; }
  .page-news .ex-inner {
    padding-top: 8vw;
    padding-bottom: 12vw; }
  .page-news .ex-inner .m-inner {
    margin: 0 0 0 5vw; }
  .page-news .ex-inner .m-inner > ul > li {
    width: 100%;
    margin-right: 0;
    margin-top: 4vw; }
  .page-news .ex-inner .m-inner > ul > li:nth-of-type(3) {
    margin-right: 0%; }
  .page-news .ex-inner .m-inner > ul > li:nth-of-type(6) {
    margin-right: 0%; }
  .page-news .ex-inner .m-inner > ul > li:nth-of-type(9) {
    margin-right: 0%; }
  .page-news .ex-inner .m-inner > ul > li:nth-of-type(12) {
    margin-right: 0%; }
  .page-news .ex-inner .m-inner > ul > li:nth-of-type(15) {
    margin-right: 0%; } }
.page-news-cat .page-fv {
  padding: 9vw 0 12vw; }

.pagination {
  padding: 4.5vw 0 7vw 5vw; }
.pagination a {
  display: inline-block;
  width: 2.5vw;
  height: 2.5vw;
  line-height: 2.5vw;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  background-color: #475460;
  color: #fff;
  text-align: center;
  margin-right: 0.35vw; }
.pagination a:hover {
  background-color: #2EAEBD; }
.pagination span.current {
  display: inline-block;
  margin-right: 0.35vw;
  width: 2.5vw;
  height: 2.5vw;
  line-height: 2.5vw;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  background-color: #2EAEBD;
  color: #fff;
  text-align: center; }
.pagination span.dots {
  margin-right: 0.35vw; }
.pagination .next {
  display: none; }
.pagination .prev {
  display: none; }

@media only screen and (max-width: 768px) {
  .page-news-cat .page-fv {
    padding: 22vw 0 25vw; }

  .pagination {
    padding: 8vw 0 10vw 0vw;
    text-align: center; }
  .pagination a {
    display: inline-block;
    width: 7.5vw;
    height: 7.5vw;
    line-height: 7.5vw;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    background-color: #475460;
    color: #fff;
    text-align: center;
    margin-right: 1vw; }
  .pagination a:hover {
    background-color: #2EAEBD; }
  .pagination span.current {
    display: inline-block;
    margin-right: 1vw;
    width: 7.5vw;
    height: 7.5vw;
    line-height: 7.5vw;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    background-color: #2EAEBD;
    color: #fff;
    text-align: center; }
  .pagination span.dots {
    margin-right: 1vw; }
  .pagination .next {
    display: none; }
  .pagination .prev {
    display: none; } }
.page-news-detail {
  padding-bottom: 10vw; }
.page-news-detail .page-fv {
  padding: 9vw 0 12vw; }
.page-news-detail .intro {
  padding: 0vw 0 2vw; }
.page-news-detail .intro .pankuzu {
  margin-top: 2vw; }
.page-news-detail .page-intro {
  position: relative;
  width: 100%;
  padding-top: 2vw; }
.page-news-detail .page-intro ul {
  text-align: left;
  margin-bottom: 3vw; }
.page-news-detail .page-intro ul li {
  display: inline-block; }
.page-news-detail .page-intro ul li a {
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  padding: 0.5vw 1.5vw;
  color: #fff;
  background-color: #475460;
  display: inline-block;
  margin-right: 0.6vw;
  display: inline-block; }
.page-news-detail .page-intro ul li a:hover {
  background-color: #2EAEBD; }
.page-news-detail .page-intro ul li a.active {
  background-color: #2EAEBD; }
.page-news-detail .page-intro ul li .date {
  opacity: 0.5;
  padding-left: 0.5vw; }
.page-news-detail .page-intro h2.post-title {
  font-size: 1.7vw;
  width: 58%; }
.page-news-detail .post-content {
  padding-bottom: 8vw; }
.page-news-detail .post-content .content {
  width: 65%;
  float: left; }
.page-news-detail .post-content .content .thumbnail {
  margin-bottom: 4vw; }
.page-news-detail .post-content .content a {
  word-break: break-all;
  color: #2EAEBD;
  text-decoration: underline; }
.page-news-detail .post-content .content a:hover {
  opacity: 0.5; }
.page-news-detail .post-content .content table {
  width: 100%; }
.page-news-detail .post-content .content h2 {
  color: #2EAEBD;
  font-size: 1.5vw;
  padding-bottom: 1vw;
  position: relative;
  margin-bottom: 2vw; }
.page-news-detail .post-content .content h2:before {
  content: "";
  position: absolute;
  width: 3vw;
  height: 2px;
  background-color: #2EAEBD;
  bottom: 0;
  left: 0; }
.page-news-detail .post-content .content h3 {
  font-size: 1.2vw;
  color: #2EAEBD;
  margin-bottom: 1vw; }
.page-news-detail .post-content .content p {
  opacity: 0.8; }
.page-news-detail .post-content .content img {
  width: 100%;
  height: auto; }
.page-news-detail .post-content .content ul li {
  display: inline-block;
  margin-right: 0.5vw; }
.page-news-detail .post-content .content .cta {
  margin: 4vw auto 0;
  width: 20vw;
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none; }
.page-news-detail .post-content .content .cta img {
  position: absolute;
  width: 0.8vw;
  top: 0;
  bottom: 0;
  right: auto;
  left: 2vw;
  margin: auto;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg); }
.page-news-detail .sidebar {
  width: 30%;
  float: right; }
.page-news-detail .sidebar .cat {
  background-color: #F6F8FB;
  padding: 2vw;
  margin-bottom: 1.5vw; }
.page-news-detail .sidebar .cat h3 {
  text-align: center;
  font-size: 1.1vw;
  margin-bottom: 1.5vw; }
.page-news-detail .sidebar .cat ul {
  text-align: center; }
.page-news-detail .sidebar .cat ul li {
  margin-bottom: 0.5vw;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  padding: 0.5vw 1.5vw;
  color: #fff;
  background-color: #475460;
  display: inline-block;
  margin-right: 0.3vw;
  display: inline-block; }
.page-news-detail .sidebar .cat ul li:hover {
  background-color: #2EAEBD; }
.page-news-detail .sidebar .archive {
  background-color: #F6F8FB;
  padding: 2vw; }
.page-news-detail .sidebar .archive h3 {
  text-align: center;
  font-size: 1.1vw;
  margin-bottom: 1.5vw; }
.page-news-detail .sidebar .archive ul {
  text-align: center; }
.page-news-detail .sidebar .archive ul li {
  margin-bottom: 0.5vw;
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  padding: 0.5vw 1.5vw;
  color: #fff;
  background-color: #475460;
  display: inline-block;
  margin-right: 0.3vw;
  display: inline-block; }
.page-news-detail .sidebar .archive ul li:hover {
  background-color: #2EAEBD; }
.page-news-detail .related-post .title {
  margin-bottom: 0.5vw; }
.page-news-detail .related-post .title span {
  letter-spacing: 0.1vw;
  margin-left: 1vw; }
.page-news-detail .ex-inner {
  padding-top: 6vw; }
.page-news-detail .ex-inner .m-inner {
  margin: 0 0 0 5vw; }
.page-news-detail .ex-inner .m-inner > ul > li {
  width: 31%;
  margin-right: 3.5%;
  margin-top: 3vw; }
.page-news-detail .ex-inner .m-inner > ul > li:nth-of-type(3) {
  margin-right: 0%; }
.page-news-detail .ex-inner .m-inner > ul > li:nth-of-type(6) {
  margin-right: 0%; }
.page-news-detail .ex-inner .m-inner > ul > li:nth-of-type(9) {
  margin-right: 0%; }
.page-news-detail .ex-inner .m-inner > ul > li:nth-of-type(12) {
  margin-right: 0%; }
.page-news-detail .ex-inner .m-inner > ul > li:nth-of-type(15) {
  margin-right: 0%; }

@media only screen and (max-width: 768px) {
  .page-news-detail {
    padding-bottom: 0vw; }
  .page-news-detail .page-fv {
    padding: 22vw 0 25vw; }
  .page-news-detail .intro {
    padding: 0vw 0 0vw; }
  .page-news-detail .intro .pankuzu {
    margin-top: 2vw; }
  .page-news-detail .page-intro {
    position: relative;
    width: 100%;
    padding-top: 2vw; }
  .page-news-detail .page-intro ul {
    margin-bottom: 6vw; }
  .page-news-detail .page-intro ul li {
    display: inline-block; }
  .page-news-detail .page-intro ul li a {
    padding: 1vw 3vw;
    margin-right: 2vw; }
  .page-news-detail .page-intro ul li .date {
    opacity: 0.5;
    padding-left: 1.5vw; }
  .page-news-detail .page-intro ul li:last-child {
    position: relative;
    left: -2vw; }
  .page-news-detail .page-intro h2.post-title {
    font-size: 4.5vw;
    width: 100%; }
  .page-news-detail .post-content {
    padding-bottom: 16vw; }
  .page-news-detail .post-content .content {
    width: 100%;
    float: none;
    margin-bottom: 16vw; }
  .page-news-detail .post-content .content iframe {
    width: 100%; }
  .page-news-detail .post-content .content .thumbnail {
    margin-bottom: 8vw; }
  .page-news-detail .post-content .content h2 {
    font-size: 4.5vw;
    padding-bottom: 3vw;
    margin-bottom: 6vw; }
  .page-news-detail .post-content .content h2:before {
    width: 100%;
    height: 1px; }
  .page-news-detail .post-content .content h3 {
    font-size: 4vw;
    margin-bottom: 3vw; }
  .page-news-detail .post-content .content p {
    opacity: 0.8; }
  .page-news-detail .post-content .content ul li {
    display: inline-block;
    margin-right: 0vw;
    margin-bottom: 6vw; }
  .page-news-detail .post-content .content .cta {
    margin: 8vw auto 0;
    width: 100%; }
  .page-news-detail .post-content .content .cta img {
    width: 3.5vw;
    left: 7vw; }
  .page-news-detail .sidebar {
    width: 100%;
    float: none; }
  .page-news-detail .sidebar .cat {
    padding: 6vw 6vw 9vw;
    margin-bottom: 4vw; }
  .page-news-detail .sidebar .cat h3 {
    font-size: 4vw;
    margin-bottom: 3vw; }
  .page-news-detail .sidebar .cat ul li {
    margin-bottom: 3vw;
    padding: 1vw 3vw; }
  .page-news-detail .sidebar .archive {
    padding: 6vw 6vw 9vw; }
  .page-news-detail .sidebar .archive h3 {
    text-align: center;
    font-size: 4vw;
    margin-bottom: 3vw; }
  .page-news-detail .sidebar .archive ul li {
    margin-bottom: 3vw;
    padding: 1vw 3vw; }
  .page-news-detail .related-post .title {
    margin-bottom: 6vw;
    padding-left: 5vw; }
  .page-news-detail .related-post .title span {
    margin-left: 3vw; }
  .page-news-detail .ex-inner {
    padding-top: 14vw;
    padding-bottom: 16vw; }
  .page-news-detail .ex-inner .m-inner {
    margin: 0 0 0 5vw; }
  .page-news-detail .ex-inner .m-inner > ul > li {
    width: 100%;
    margin-right: 0%;
    margin-top: 4vw; }
  .page-news-detail .ex-inner .m-inner > ul > li:nth-of-type(3) {
    margin-right: 0%; }
  .page-news-detail .ex-inner .m-inner > ul > li:nth-of-type(6) {
    margin-right: 0%; }
  .page-news-detail .ex-inner .m-inner > ul > li:nth-of-type(9) {
    margin-right: 0%; }
  .page-news-detail .ex-inner .m-inner > ul > li:nth-of-type(12) {
    margin-right: 0%; }
  .page-news-detail .ex-inner .m-inner > ul > li:nth-of-type(15) {
    margin-right: 0%; } }
.page-contact .page-fv {
  padding: 2.8vw 0 3.5vw; }
.page-contact .page-fv:before {
  display: none; }
.page-contact .page-intro {
  width: 42%;
  float: left;
  padding: 5vw 0 8vw; }
.page-contact .page-intro p {
  padding-right: 0;
  margin-bottom: 2vw; }
.page-contact .page-intro p a {
  display: inline-block;
  margin-left: 0.5vw; }
.page-contact .page-intro p a img {
  position: relative;
  top: 0.15vw;
  margin-right: 0.2vw; }
.page-contact .page-intro p.bold {
  font-weight: bold; }
.page-contact .page-intro > div {
  position: relative; }
.page-contact .page-intro ul {
  width: 60%;
  float: left;
  margin-bottom: 2.5vw; }
.page-contact .page-intro ul li {
  margin-bottom: 0.8vw; }
.page-contact .page-intro ul li img {
  width: 1.5vw;
  margin-right: 0.5vw;
  position: relative;
  top: 0.4vw; }
.page-contact .page-intro .contact-icon {
  position: absolute;
  width: 36%;
  top: 0;
  right: -1%; }
.page-contact .contact-form-area {
  width: 52%;
  float: right; }
.page-contact .entry-form {
  background-color: #F1F4F8;
  width: 100%;
  margin: 4vw auto 0;
  padding: 3vw 3.5vw 5vw; }
.page-contact .entry-form .form-validation-field-4formError {
  left: 0 !important; }
.page-contact .entry-form .formError .formErrorContent {
  border: none;
  box-shadow: none;
  background: none;
  position: relative;
  color: red;
  padding: 4px 10px 0px 4px;
  font-size: 1vw; }
.page-contact .entry-form .formError .formErrorArrow div {
  border-left: none;
  border-right: none;
  box-shadow: none; }
.page-contact .entry-form table {
  width: 100%;
  margin-bottom: 1vw; }
.page-contact .entry-form table tr:nth-of-type(1) td:nth-of-type(1) input {
  width: 95%; }
.page-contact .entry-form table th {
  text-align: left;
  font-weight: normal;
  width: 25%;
  padding-top: 1.5vw; }
.page-contact .entry-form table th span {
  color: #2EAEBD; }
.page-contact .entry-form table td {
  padding: 0.5vw 0; }
.page-contact .entry-form table td input, .page-contact .entry-form table td select {
  background-color: #fff;
  padding: 1vw;
  letter-spacing: 0.1vw;
  font-size: 1.1vw;
  /* font-family: 'mark-med','Noto Sans JP',sans-serif; } */
  font-family: 'Montserrat','Noto Sans JP',sans-serif; }
.page-contact .entry-form table td textarea {
  height: 13vw;
  background-color: #fff;
  padding: 1vw;
  font-size: 1.1vw;
  letter-spacing: 0.1vw;
  /* font-family: 'mark-med','Noto Sans JP',sans-serif; } */
  font-family: 'Montserrat','Noto Sans JP',sans-serif; }
.page-contact .entry-form table td input.middle {
  width: 25%;
  margin-right: 1vw; }
.page-contact .entry-form table td input.short {
  width: 20%; }
.page-contact .entry-form table td input[type="radio"] {
  width: auto; }
.page-contact .entry-form table td input[type="radio"]:nth-of-type(2) {
  margin-left: 1vw; }
.page-contact .entry-form table td .inline {
  display: inline-block; }
.page-contact .entry-form table td .mb {
  margin-bottom: 1vw; }
.page-contact .entry-form table td .mb05 {
  margin-bottom: 0.5vw; }
.page-contact .entry-form table td .mt {
  margin-top: 1vw; }
.page-contact .entry-form table td p {
  display: inline-block; }
.page-contact .entry-form table td p.block {
  display: block; }
.page-contact .entry-form table td a {
  margin-left: 1vw;
  color: #2EAEBD; }
.page-contact .submit {
  padding-top: 1vw;
  text-align: center; }
.page-contact .submit input[type="checkbox"] {
  width: auto;
  -webkit-appearance: checkbox;
  appearance: checkbox; }
.page-contact .submit .inline {
  display: inline-block; }
.page-contact .submit a {
  display: inline-block;
  text-decoration: underline; }
.page-contact .submit .mtb {
  margin: 1vw 0 2vw; }
.page-contact .submit input[type="submit"] {
  border-radius: 1000px;
  -webkit-border-radius: 1000px;
  width: auto !important;
  background-color: #2EAEBD;
  color: #fff;
  font-size: 1.2vw !important;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 1.5vw 8vw;
  margin-top: 1.25vw; }
.page-contact .submit input[type="submit"]:hover {
  opacity: 0.5;
  color: #fff !important; }
.page-contact .submit #exec-send[disabled] {
  background: #888;
  box-shadow: none;
  -webkit-box-shadow: none; }
.page-contact .wpcf7-mail-sent-ok {
  padding: 1vw;
  border: 2px solid #2EAEBD;
  text-align: center;
  color: #2EAEBD;
  font-weight: bold; }
.page-contact div.wpcf7-validation-errors, .page-contact div.wpcf7-acceptance-missing {
  border: 2px solid #f00;
  padding: 1vw;
  text-align: center;
  color: #f00; }

@media only screen and (max-width: 768px) {
  .page-contact .page-fv {
    padding: 13.8vw 0 3.5vw; }
  .page-contact .contact-form-area {
    width: 100%;
    float: none; }
  .page-contact .page-intro {
    width: 100%;
    float: none;
    padding: 8vw 0 0vw;
    margin-bottom: 4vw; }
  .page-contact .page-intro .heading {
    margin-bottom: 3vw; }
  .page-contact .page-intro p {
    font-size: 3.2vw;
    margin-bottom: 6vw; }
  .page-contact .page-intro p a {
    font-size: 3.75vw;
    display: inline-block;
    margin-left: 1.5vw; }
  .page-contact .page-intro p a img {
    position: relative;
    top: 0.4vw;
    margin-right: 1.5vw !important; }
  .page-contact .page-intro p.bold {
    font-size: 3.2vw;
    font-weight: bold; }
  .page-contact .page-intro ul {
    width: 70%;
    margin-bottom: 5.5vw; }
  .page-contact .page-intro ul li {
    font-size: 3.2vw;
    margin-bottom: 2.5vw; }
  .page-contact .page-intro ul li img {
    width: 4.5vw;
    margin-right: 1.4vw;
    position: relative;
    top: 1.15vw; }
  .page-contact .page-intro .contact-icon {
    position: absolute;
    width: 34%;
    top: 5%;
    right: -8%; }
  .page-contact .entry-form {
    width: 100%;
    margin: 6vw auto 0;
    padding: 8vw 7vw 14vw;
    margin-bottom: 10vw; }
  .page-contact .entry-form .formError .formErrorContent {
    font-size: 3vw; }
  .page-contact .entry-form table {
    margin-bottom: 6vw; }
  .page-contact .entry-form table tr:nth-of-type(1) td:nth-of-type(1) input {
    width: 100%; }
  .page-contact .entry-form table th {
    width: 100%;
    padding-top: 0vw;
    display: block;
    font-size: 14px; }
  .page-contact .entry-form table th.mbsp {
    margin-top: 2vw;
    margin-bottom: 2vw; }
  .page-contact .entry-form table td {
    padding: 1.5vw 0 1.5vw;
    display: block; }
  .page-contact .entry-form table td input, .page-contact .entry-form table td select {
    padding: 2.5vw 2vw 2.5vw 2vw;
    font-size: 16px; }
  .page-contact .entry-form table td textarea {
    height: 50vw;
    background-color: #fff;
    padding: 2.5vw 2vw 2.5vw 2vw;
    font-size: 16px; }
  .page-contact .entry-form table td input.middle {
    width: 40%;
    margin-right: 2vw; }
  .page-contact .entry-form table td input.short {
    width: 30%;
    margin-right: 1vw; }
  .page-contact .entry-form table td input[type="radio"] {
    transform: scale(1.2);
    width: auto; }
  .page-contact .entry-form table td input[type="radio"]:nth-of-type(2) {
    margin-left: 3vw; }
  .page-contact .entry-form table td .inline {
    display: inline-block; }
  .page-contact .entry-form table td .mb {
    margin-bottom: 4vw; }
  .page-contact .entry-form table td .mb05 {
    margin-bottom: 1.5vw; }
  .page-contact .entry-form table td .mt {
    margin-top: 4vw; }
  .page-contact .entry-form table td p {
    font-size: 12px;
    opacity: 0.8; }
  .page-contact .entry-form table td a {
    margin-top: 2vw;
    font-size: 12px;
    margin-left: 0vw; }
  .page-contact .submit {
    padding-top: 2vw; }
  .page-contact .submit input[type="checkbox"] {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    margin-right: 2vw; }
  .page-contact .submit .inline {
    display: inline-block; }
  .page-contact .submit a {
    display: inline-block;
    text-decoration: underline; }
  .page-contact .submit .mtb {
    margin: 3vw 0 5vw; }
  .page-contact .submit input[type="submit"] {
    font-size: 14px !important;
    padding: 4.5vw 20vw;
    margin-top: 5vw;
    position: relative;
    left: -2vw; }
  .page-contact .wpcf7-mail-sent-ok {
    padding: 3vw 3vw 3.5vw;
    margin-top: 1vw;
    text-align: left;
    line-height: 1.5; }
  .page-contact div.wpcf7-validation-errors, .page-contact div.wpcf7-acceptance-missing {
    border: 2px solid #f00;
    padding: 3vw 3vw 3.5vw;
    margin-top: 1vw;
    text-align: left;
    line-height: 1.5; } }
.page-pp .page-fv {
  background-color: #2EAEBD; }
.page-pp .intro {
  padding: 1vw 0 4vw; }
.page-pp .pp2 {
  padding-bottom: 8vw; }
.page-pp .intro .page-intro, .page-pp .pp2 .page-intro {
  width: 100%;
  padding-top: 3vw; }
.page-pp .intro .page-intro p span, .page-pp .pp2 .page-intro p span {
  font-weight: bold;
  font-size: 1.1vw;
  display: block; }

@media only screen and (max-width: 768px) {
  .page-pp .intro {
    padding: 1vw 0 6vw; }
  .page-pp .pp2 {
    padding-bottom: 16vw; }
  .page-pp .intro .page-intro p span, .page-pp .pp2 .page-intro p span {
    font-size: 3.5vw;
    margin-bottom: 1vw; } }