@charset "UTF-8";

/**
 * Creative Net Door.
 * Basic Css Reset Formatter
 **/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

/*form*/
input,
button,
textarea,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
}
/*!
 * Luminous v2.3.5
 * Copyright 2015-2021, Zebrafish Labs
 * Licensed under BSD-2 (https://github.com/imgix/luminous/blob/main/LICENSE.md)
 */@keyframes a{0%{opacity:0}to{opacity:1}}@keyframes b{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes c{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes d{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(6px)}25%{transform:scale(1.3) translateX(8px)}40%{transform:scale(1.2) translateX(6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(6px)}75%{transform:scale(.7) translateX(8px)}90%{transform:scale(.8) translateX(6px)}to{transform:scale(1)}}@keyframes e{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(-6px)}25%{transform:scale(1.3) translateX(-8px)}40%{transform:scale(1.2) translateX(-6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(-6px)}75%{transform:scale(.7) translateX(-8px)}90%{transform:scale(.8) translateX(-6px)}to{transform:scale(1)}}.lum-lightbox{background:rgba(0,0,0,.6)}.lum-lightbox-inner{bottom:2.5%;left:2.5%;right:2.5%;top:2.5%}.lum-lightbox-inner img{position:relative}.lum-lightbox-inner .lum-lightbox-caption{color:#fff;margin:0 auto;max-width:700px;text-align:center}.lum-loading .lum-lightbox-loader{animation:c 1.8s linear infinite;display:block;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:66px}.lum-lightbox-loader:after,.lum-lightbox-loader:before{background:hsla(0,0%,100%,.9);border-radius:20px;content:"";display:block;height:20px;margin-top:-10px;position:absolute;top:50%;width:20px}.lum-lightbox-loader:before{animation:d 1.8s linear infinite;left:0}.lum-lightbox-loader:after{animation:e 1.8s linear infinite;animation-delay:-.9s;right:0}.lum-lightbox.lum-opening{animation:a .18s ease-out}.lum-lightbox.lum-opening .lum-lightbox-inner{animation:b .18s ease-out}.lum-lightbox.lum-closing{animation:a .3s ease-in;animation-direction:reverse}.lum-lightbox.lum-closing .lum-lightbox-inner{animation:b .3s ease-in;animation-direction:reverse}.lum-img{transition:opacity .12s ease-out}.lum-loading .lum-img{opacity:0}.lum-gallery-button{background:transparent;border:0;cursor:pointer;height:100px;margin:0;max-height:100%;outline:0;overflow:hidden;padding:0;position:absolute;text-indent:150%;top:50%;transform:translateY(-50%);white-space:nowrap;width:60px}.lum-close-button{height:32px;opacity:.3;position:absolute;right:5px;top:5px;width:32px}.lum-close-button:hover{opacity:1}.lum-close-button:after,.lum-close-button:before{background-color:#fff;content:" ";height:33px;left:15px;position:absolute;width:2px}.lum-close-button:before{transform:rotate(45deg)}.lum-close-button:after{transform:rotate(-45deg)}.lum-previous-button{left:12px}.lum-next-button{right:12px}.lum-gallery-button:after{border-top:4px solid hsla(0,0%,100%,.8);content:"";display:block;height:36px;position:absolute;top:50%;width:36px}.lum-previous-button:after{border-left:4px solid hsla(0,0%,100%,.8);border-radius:3px 0 0 0;box-shadow:-2px 0 rgba(0,0,0,.2);left:12%;transform:translateY(-50%) rotate(-45deg)}.lum-next-button:after{border-radius:0 3px 0 0;border-right:4px solid hsla(0,0%,100%,.8);box-shadow:2px 0 rgba(0,0,0,.2);right:12%;transform:translateY(-50%) rotate(45deg)}@media (max-width:460px){.lum-lightbox-image-wrapper{-webkit-overflow-scrolling:touch;display:flex;overflow:auto}.lum-lightbox-caption{bottom:0;position:absolute;width:100%}.lum-lightbox-position-helper{margin:auto}.lum-lightbox-inner img{max-height:none;max-width:none}}

 
::-ms-expand {
  display: none;
}

html,
body {
  width: 100%;
  min-height: 100%;
  height: auto;
}

/* https: //icomoon.io/ icon-fonts */
@font-face {
  font-family: 'icomoon';
  src: url('icomoon/icomoon.eot?jk5yo9');
  src: url('icomoon/icomoon.eot?jk5yo9#iefix') format('embedded-opentype'),
    url('icomoon/icomoon.ttf?jk5yo9') format('truetype'),
    url('icomoon/icomoon.woff?jk5yo9') format('woff'),
    url('icomoon/icomoon.svg?jk5yo9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 20px;
  margin-right: 3px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]::before,
[class*=" icon-"]::before{
transition: all .4s;
}

.icon-sp-cloud:before {
  content: "\e904";
  color: #fff;
}

.icon-sp-maas:before {
  content: "\e905";
  color:#fff;
}

.icon-cloud .path1:before {
  content: "\e900";
  color: rgb(50, 51, 51);
}

.icon-cloud .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(225, 70, 72);
}

.icon-maas .path1:before {
  content: "\e902";
  color: rgb(225, 70, 72);
}

.icon-maas .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(50, 51, 51);
}
.megamenu__child--hasCat a:hover .icon-cloud .path1:before,
.megamenu__child--hasCat a:hover .icon-maas .path2:before{
  color: rgb(225, 70, 72);
}

/*
概要: ピクセルをremに変換する関数。
引数: $pixel: 変換したいピクセル
利用法: @include pxToRem(24)
*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}
.blog_slider .slick-slide img{width: 100% !important;}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"),
    url("../fonts/slick.woff") format("woff"),
    url("../fonts/slick.ttf") format("truetype"),
    url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 12px;
  width: 12px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  border-radius: 50%;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

html {
  font-size:10px;
}
@media screen and (max-width: 768px) {
  html {
      font-size: 9px;
    }
}

body {
  color: #333;
  background: #fff;
  font-size: 1.5rem;
  line-height: 3.2rem;
  -webkit-text-size-adjust: none;
  font-family: 'BIZ UDPGothic', sans-serif;
  -webkit-font-smoothing: antialiased;
  position: relative;
  font-weight: 400;
}
.gothic-font{
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif !important;
}

body .slick-dots li button:before {
  /*font-family: "Noto Sans JP", sans-serif;*/
  font-family: 'BIZ UDPGothic', sans-serif;
}

body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

body .sp {
  display: none;
}

@media screen and (max-width: 68.7rem) {
  body .pc {
    display: none;
  }

  body .sp {
    display: block;
  }
}

body main {
  display: block;
  padding-top: 7rem;
}

body input,
body textarea,
body select,
body button {
  /*font-family: "Noto Sans JP", sans-serif;*/
  font-family: 'BIZ UDPGothic', sans-serif;
}

body input[type="search"] {
  -webkit-appearance: textfield;
}

body ::-ms-expand {
  display: none;
}

body input[type="number"] {
  -moz-appearance: textfield;
}

a {
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  word-break: break-all;
}

a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

body img {
  display: block;
  max-width: 100%;
}

body .pc {
  display: block;
}

body .sp {
  display: none;
}

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

@media screen and (max-width: 768px) {
  body main {
    padding-top: 6.4rem;
  }

  body img {
    width: 100%;
    max-width: inherit;
  }

  body .pc {
    display: none;
  }

  body .sp {
    display: block;
  }

  body input,
  body textarea,
  body select {
    font-size: 1.6rem;
  }
}

.fadeIn {
  opacity: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.fadeIn.faded {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

body {
  position: relative;
}

@media all and (-ms-high-contrast: none) {
  body {
    width: 100%;
    overflow-x: hidden;
  }
}

body .header__bg {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.5);
  position: fixed;
  z-index: 90;
  left: 0;
  top: 0;
}

header {
  width: 100%;
  height: 7rem;
  background: #ffffff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 0 1.5rem 0 3rem;
}

@media screen and (min-width: 768px) {
  header {
    padding: 0 1.5rem 0 110px;
  }
}


header .logo a {
  display: block;
}

header .logo a:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px){
  header .logo {
    width: 90px;
  }
}
header .spBtn {
  display: none;
}

header nav {
  width:100%;
  height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

@media screen and (min-width: 768px) {
  header .logo{
    position: absolute;
    left: 1rem;
  }
}
/*Header　資料DLボタン*/
header .header-buttons{
	display: flex;
	justify-content: center;
	align-items: center;
  margin-left: auto;
  position: relative;
  z-index: 1000;
  
}
header .header-buttons li:not(:last-of-type){
  margin-right: 10px;
}
header .header-buttons li a{
  transition: all .3s;
  padding: 1rem 1.5rem;
  border-radius: 100px;
  font-weight: bold;
}

header .header-buttons li.header-buttons_Fill a{
    color: #fff;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .2);
    transition: all .3s;
    font-size: 1.3rem;
    line-height: 1.4;
    display: block;
    text-align: center;
    background: linear-gradient(120deg, rgb(192, 50, 53), rgba(225, 70, 72, 1), rgba(241, 121, 62, 1));
    background-size: 200% 100%;
    background-position: 100% 0;
}
@media screen and (min-width: 768px){
  header .header-buttons li:hover a{
    background-position: 0 0;
  }
}
header .header-buttons li.header-buttons_Outline a{
  background: #FFFFFF;
  color: #ef454a;
  border: solid 2px #ef454a;
}
@media screen and (min-width: 768px) and (max-width: 1245px) {
  header .header-buttons li.header-buttons_Fill a{
    padding: 1rem 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  header .header-buttons{
    width: 100%;
    flex-direction: column;
    margin-right: 0;
    padding: 2rem;
  }
  header .header-buttons li:not(:last-of-type){
    margin-right: 0;
    margin-bottom: 10px;
  }
  header .header-buttons li{
    width: 100%;
    transform: translateY(0);
  }
  header .header-buttons li a{
    display: block;
    text-align: center;
  }
}

/*（ここまで）Header　資料DLボタン*/

header .megamenu {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

header .megamenu>li {
  margin: 0 5px;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) and (max-width: 1040px) {
  header .megamenu>li {
    font-size: 1.2rem;
  }
}

header .megamenu>li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 4px;
  background: #ef454a;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header .megamenu>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  height: 100%;
  line-height: 1;
}


header .megamenu>li:hover:before {
  width: 100%;
  left: 0;
  right: auto;
}
header .megamenu>li.red_button:hover:before {
  display: none;
}

header .megamenu>li.active:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 4px;
  background: #ef454a;
}

header .megamenu__cat {
  display: none;
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  top: 7rem;
  left: 0;
  width: 100%;
  z-index: 100;
}

header .megamenu__catTop {
  width: 100%;
  display: block;
  background: #0090a8;
  color: #ffffff;
  padding: 1rem 0;
  font-size: 1.4rem;
  font-weight: bold;
}

header .megamenu__catTop div {
  display: block;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
}

header .megamenu__catTop span {
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
  padding-right: 2rem;
}

header .megamenu__catTop:hover {
  opacity: 0.7;
}

header .megamenu__catInner {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  padding: 3rem 0;
}

header .megamenu__cat dl:not(:last-child) {
  margin-bottom: 2.5rem;
}

header .megamenu__cat dl dt {
  color: #0090a8;
  font-weight: bold;
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

header .megamenu__cat dl dt:before {
  content: "";
  background: #0090a8;
  border-radius: 5px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.9rem;
  height: 0.9rem;
}

header .megamenu__cat ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  justify-content:stretch;
  align-items: stretch;
  align-content: stretch;
}

header .megamenu__cat ul li {
  margin-right: 4rem;
  margin-bottom: 1.5rem;
}

header .megamenu__cat ul li a {
  position: relative;
  font-weight: bold;
}

header .megamenu__cat ul li a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.4rem;
  right: 0;
  width: 0;
  height: 1px;
  background: #ef454a;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 68.7rem) {
  header .megamenu__cat ul li a:hover{
color: #ef454a;
  }
  header .megamenu__cat ul li a:hover:after {
    width: 100%;
    left: 0;
    right: auto;   
  }
}

header .megamenu__cat ul.megamenu__catProduct li {
  width: calc(100% / 3 - 3rem);
  margin-right: 4rem;
}
header .megamenu__cat ul.megamenu__catProduct li:nth-of-type(3n){
  margin-right: 0;
}

header .megamenu__cat ul.megamenu__catProduct li a {
  display: inline-block;
}

header .megamenu__search {
  background: #0090a8;
  padding: 2rem 0;
}

header .megamenu__searchInner {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  position: relative;
}

header .rightCont {
  height: 100%;
}

header .rightCont ul {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

header .rightCont ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  height: 100%;
  padding: 0 1.5rem;
}

header .rightCont ul li:hover {
  cursor: pointer;
}

@media screen and (min-width: 768px) and (max-width: 1040px) {
  header .rightCont ul li {
    padding: 0 1rem;
  }
}

header .rightCont a {
  display: block;
}

header .rightCont a:hover img {
  opacity: 0.7;
}

header input[type="search"] {
  font-size: 1.4rem;
  display: block;
  background: #ffffff;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  padding: 2rem 7rem 2rem 2rem;
}

header input[type="search"]::-webkit-input-placeholder {
  color: #b2b2b2;
  font-size: 1.4rem;
}

header input[type="search"]:-ms-input-placeholder {
  color: #b2b2b2;
  font-size: 1.4rem;
}

header input[type="search"]::-ms-input-placeholder {
  color: #b2b2b2;
  font-size: 1.4rem;
}

header input[type="search"]::placeholder {
  color: #b2b2b2;
  font-size: 1.4rem;
}

header input[type="image"] {
  position: absolute;
  right: 4rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pankuzuBlock {
  max-width: 120rem;
  
  width: 90%;
  margin: 0 auto;
  margin-bottom: 3rem;
  padding-top: 3rem;
  font-size: 1.4rem;
}

.pankuzuBlock ul li {
  line-height: 1.5;
}

.pankuzuBlock a:hover {
  text-decoration: underline;
}

.pankuzuBlock ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  line-height: 1;
}

.pankuzuBlock ul li:not(:last-child) {
  border-right: 1px solid #333;
  padding-right: 1.5rem;
  margin-right: 1.5rem;
}

.pankuzuBlock ul li:first-child {
  background: url(../img/pankuzu_icon.svg) no-repeat left center;
  background-size: 1.2rem;
}

.pankuzuBlock ul li:first-child a {
  padding-left: 2rem;
}

.pankuzuBlock ul li .blog_titlebr,
.pankuzuBlock ul li .blog_subtitle {
  display: none;
}

.h1Block {
  background: #0090a8;
  padding: 2rem 0;
}

.h1Block h1,
.h1Block div {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
}

.h1Block--ph {
  height: 20rem;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  position: relative;
}

.h1Block--ph:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: url(../img/h1_blue.png) no-repeat left top;
  background-size: auto 100%;
}

.h1Block--ph h1,
.h1Block--ph div {
  position: relative;
  z-index: 1;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  color: #ffffff;
  font-size: 2.6rem;
  font-weight: bold;
}

.h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#0193a1),
      to(#0aa567));
  background: linear-gradient(to right, #0193a1 0%, #0aa567 100%);
  padding: 2rem 0;
}

.h1Block--products h1,
.h1Block--products div {
  max-width: 150rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
}

.contactBlock {
  padding: 3rem 0;
  color: #ffffff;
}

.productsPage.maas .contactBlock {
  background: url(../img/download/maas-download_bg.png) no-repeat center center;
  background-size: cover;
}
.productsPage.cloud .contactBlock {
  background: url(../img/download/cc-download_bg.png) no-repeat center center;
  background-size: cover;
}


.contactBlock a {
  color: #ffffff;
}

.contactBlock__inner {
  background: rgba(0,0,0,.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 50rem;
  margin: 0 auto;
  padding: 3rem;
}

.contactBlock__ttl {
  width: 20.4rem;
  margin: 0 auto 2rem;
}

.contactBlock__lead {
  text-align: center;
  margin-bottom: 2.5rem;
}

.contactBlock__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.contactBlock__cont .contactBlock__tel {
  padding-top: 0.8rem;
  width: 17.1rem;
}

.contactBlock__cont .contactBlock__tel dt {
  width: 100%;
  margin-bottom: 0;
}

.contactBlock__cont a {
  color: #0090a8;
}

.contactBlock__btn {
  border-radius: 5rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 1rem 2rem;
  color: #fff !important;
  font-weight: bold;
  background: rgb(225,70,72);
  background: linear-gradient(90deg, rgba(225,70,72,1) 0%, rgba(241,121,62,1) 100%);
  white-space: nowrap;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
  overflow: hidden;
}

.contactBlock__btn span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  /*padding-right: 3rem;
  background: url(../img/arrow_blue.svg) no-repeat right center;
  background-size: 1.4rem;*/
  display: inline-block;  
}

.contactBlock__btn:hover {
  opacity: 0.7;
}

.btmBlock {
  background: #0090a8;
  color: #ffffff;
}

.btmBlock__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
}

.btmBlock a {
  color: #ffffff;
}

.btmBlock a:hover {
  opacity: 0.7;
}

.btmBlock ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.btmBlock li {
  padding: 1rem 0;
  margin-right: 3rem;
  font-size: 1.4rem;
}

.btmBlock li:first-child a {
  background: url(../img/pankuzu_icon.png) no-repeat left center;
  background-size: 3.1rem;
  padding-left: 3.7rem;
}

.gotop {
  display: block;
  width: 5.2rem;
  height: 5.2rem;
  position: fixed;
  right: 3rem;
  bottom: 3rem;
  z-index: 88;
  -webkit-transition: none;
  transition: none;
}

.gotop img {
  width: 100%;
  height: 100%;
  -webkit-transition: none;
  transition: none;
}

.flootContact a {
  position: fixed;
  z-index: 89;
  right: 0;
  top: 50%;
  background: #0090a8;
  color: #ffffff;
  display: block;
  padding: 2rem 1rem;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.4rem;
  border-radius: 1rem 0 0 1rem;
  font-weight: bold;
}

footer {
  background: #333333;
  padding: 5rem 0 6rem;
}

footer a {
  color: #ffffff;
}

footer a:hover {
  opacity: 0.7;
}

footer dl {
  font-size: 1.4rem;
}

footer dl dt+dt {
  margin-top: 2.5rem;
}

footer dl dd {
  margin-top: 1.5rem;
}

footer dl dd+dt {
  margin-top: 2.5rem;
}

footer dl dd a {
  opacity: 0.6;
}

footer dl dd a:hover {
  opacity: 1;
}

footer dl dd.bnr {
  margin-bottom: 0;
  margin-top: auto;
  max-width: 100%;
}

@media all and (-ms-high-contrast: none) {
  footer dl dd.bnr {
    margin-top: 1.5rem;
  }
}

footer dl ul li {
  margin-bottom: 1rem;
}

footer .footer__inner {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

footer .footer__logo {
  width: 23%;
}

footer .footer__logo a {
  display: block;
  width: 13.5rem;
}

footer .footer__menu01 {
  width: 30%;
}

footer .footer__menu02 {
  width: 15%;
}

footer .footer__menu03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  width: 13.6%;
}

footer small {
  line-height: 1;
  margin-top: -1.2rem;
  display: block;
  width: 100%;
  color: #ffffff;
  opacity: 0.6;
  font-size: 1.4rem;
}

.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

.modalBg {
  background: rgba(0, 0, 0, 0.5);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modalContent {
  left: 50%;
  position: absolute;
  top: 55%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 96rem;
  width: 80%;
  height: 32.15vw;
  background: #fff;
}

.modalContent video {
  width: 100%;
  height: 100%;
}

.modalCloseBtn {
  position: absolute;
  right: -2px;
  top: -4.4rem;
  width: 4.4rem;
  height: 4.4rem;
  background: #0090a8;
}

.modalCloseBtn:before,
.modalCloseBtn:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.modalCloseBtn:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modalCloseBtn:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modalCloseBtn:hover {
  cursor: pointer;
}

.notfound__wrap {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  padding-bottom: 15rem;
}

.notfound__wrap .f_b {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 2rem;
}

.notfound__wrap p {
  text-align: center;
}

.notfound__wrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
  max-width: 25rem;
  margin: 4rem auto 0;
}

@media screen and (max-width: 68.7rem) {
  .notfound__wrap a {
    padding: 1.2rem 2.5rem;
  }
}

.notfound__wrap a span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .notfound__wrap a:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .notfound__wrap a:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

@media screen and (max-width: 768px) {
  .fadeIn {
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }

  .fadeIn.faded {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  header {
    width: 100%;
    height: 6.4rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 2rem;
  }

  header .logo a {
    display: block;
  }

  header .logo a:hover {
    opacity: 0.7;
  }

  header .spBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
    cursor: pointer;
  }

  header .spBtn span {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 2px;
    background: #0090a8;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  header .spBtn span:before,
  header .spBtn span:after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    content: "";
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 2px;
    background: #0090a8;
    position: absolute;
  }

  header .spBtn span:before {
    top: -1rem;
  }

  header .spBtn span:after {
    bottom: -1rem;
  }

  header .spBtn.open .spBtn__left {
    background: transparent;
  }

  header .spBtn.open .spBtn__left:before {
    height: 3.2rem;
    border-radius: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 0;
    top: 0;
    left: 1rem;
    margin: auto;
  }

  header .spBtn.open .spBtn__left:after {
    background: transparent;
  }

  header .spBtn.open .spBtn__right {
    background: transparent;
  }

  header .spBtn.open .spBtn__right:before {
    background: transparent;
  }

  header .spBtn.open .spBtn__right:after {
    height: 3.2rem;
    border-radius: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 1rem;
    bottom: 0;
    top: 0;
    margin: auto;
  }

  header .spBtn.open .spBtn__center {
    background: transparent;
  }

  header .spBtn.open .spBtn__center:before,
  header .spBtn.open .spBtn__center:after {
    background: transparent;
  }

  header nav {
    position: fixed;
    height: calc(100vh - 6.5rem);
    top: 6.5rem;
    right: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
    width: 33.5rem;
    background: #0090a8;
    z-index: 90;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow-y: auto;
    display: block !important;
  }

  header nav.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  header .megamenu {
    width: 100%;
    display: block;
    height: auto;
  }

  header .megamenu>li {
    margin: 0;
    height: auto;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    flex-direction: column;
  }
  header .megamenu>li.red_button{
    padding: 1rem;
    border-bottom:none;
  }

  header .megamenu>li:before {
    display: none;
  }

  header .megamenu>li>a,
  header .megamenu>li>span {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2rem;
    color: #ffffff;
    display: flex;
      justify-content: center;
      align-items: center;
  }

  header .megamenu>li>a,
  header .megamenu>li>span {
    position: relative;
    width: 100%;
  }

  header .megamenu>li>a:before {
    content: "";
    position: absolute;
    right: 1.6rem;
    left: auto;
    width: 1.1rem;
    height: 0.6rem;
    background: url(../img/simpleArrow_white.svg);
    background-size: cover;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  header .megamenu>li>span:before {
    content: "";
    position: absolute;
    right: 1.6rem;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 1.1rem;
    height: 0.6rem;
    background: url(../img/simpleArrow_white.svg);
    background-size: cover;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  header .megamenu>li>span.open:before {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  header .megamenu>li.megamenu__child--hasCat>a {
    display: none;
  }

  header .megamenu>li.active:after {
    display: none;
  }

  header .megamenu__cat {
    background: #fff;
    position: static;
    width: 100%;
    z-index: 100;
  }

  header .megamenu__catTop {
    width: 100%;
    display: block;
    background: #fff;
    color: #0090a8;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #0090a8;
  }

  header .megamenu__catTop div {
    min-width: inherit;
    width: 100%;
  }

  header .megamenu__catTop span {
    display: block;
    width: 100%;
    background: url(../img/arrow_gray.svg) no-repeat right center;
    background-size: 1.4rem;
    padding-right: 2rem;
  }

  header .megamenu__catTop:hover {
    opacity: 0.7;
  }

  header .megamenu__catInner {
    min-width: inherit;
    width: 100%;
    padding: 0;
  }

  header .megamenu__cat dl:not(:last-child) {
    margin-bottom: 0;
    border-bottom: 1px solid #0090a8;
  }

  header .megamenu__cat dl dt {
    font-weight: normal;
    padding: 1.5rem 2rem;
    margin-bottom: 0;
    position: relative;
  }

  header .megamenu__cat dl dt:before {
    position: absolute;
    right: 1.6rem;
    left: auto;
    width: 1.1rem;
    height: 0.6rem;
    background: url(../img/simpleArrow_blue.svg);
    background-size: cover;
    border-radius: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  header .megamenu__cat dl dt.open:before {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  header .megamenu__cat dl dd {
    display: none;
  }

  header .megamenu__cat dl dd ul li:first-child a {
    border-top: 1px solid #0090a8;
  }

  header .megamenu__cat ul {
    display: block;
  }

  header .megamenu__cat ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }

  header .megamenu__cat ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 1.5rem 4rem;
  }

  header .megamenu__cat ul li:not(:first-child) a {
    border-top: 1px solid #0090a8;
  }
  header .megamenu__cat ul li:last-of-type a {
    border-bottom: 1px solid #0090a8;
  }

  header .megamenu__cat ul.megamenu__catProduct li {
    padding-right: 0;
    width: 100%;
  }

  header .rightCont {
    height: auto;
    padding: 4rem;
  }

  header .rightCont ul {
    height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  header .rightCont ul li {
    width: 100%;
    height: 5rem;
    padding: 0;
    margin-bottom: 2rem;
  }

  header .rightCont a {
    width: 100%;
    height: 100%;
    background: #ffffff;
  }

  header .rightCont a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    height: 100%;
    color: #0090a8;
    font-size: 1.4rem;
  }

  header .rightCont a img {
    width: 1.9rem;
    height: auto;
    margin-right: 1.3rem;
  }

  header .rightCont__search {
    position: relative;
  }

  header input[type="search"] {
    padding: 1.5rem 4rem 1.5rem 1.5rem;
  }

  header input[type="image"] {
    position: absolute;
    right: 2rem;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .pankuzuBlock {
    margin-bottom: 4rem;
    padding-top: 1.5rem;
    min-width: inherit;
    overflow-x: scroll;
  }

  .pankuzuBlock ul {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .pankuzuBlock li {
    margin-bottom: 1rem;
    margin-right: 1.6rem;
  }

  .h1Block {
    padding: 1rem 0;
  }

  .h1Block h1,
  .h1Block div {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    font-size: 1.8rem;
  }

  .h1Block--ph {
    height: 15rem;
  }

  .h1Block--ph:before {
    width: 89.33333%;
    background: url(../img/h1_blue.png) no-repeat right top;
  }

  .h1Block--ph h1,
  .h1Block--ph div {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    font-size: 2rem;
  }

  .h1Block--products h1,
  .h1Block--products div {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .contactBlock {
    padding: 2rem 0;
  }

  .contactBlock__inner {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    max-width: inherit;
    padding: 1.5rem;
  }

  .contactBlock__ttl {
    width: 10.2rem;
    margin: 0 auto 1.7rem;
  }

  .contactBlock__lead {
    margin-bottom: 1.7rem;
  }

  .contactBlock__tel dt {
    padding-right: 2rem;
  }

  .contactBlock__tel dd {
    line-height: 1.5rem;
    padding-left: 0;
  }

  .contactBlock__cont {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .contactBlock__cont .contactBlock__tel {
    padding-top: 0;
    width: 21rem;
    margin-bottom: 2rem;
  }

  .contactBlock__btn {
    text-align: center;
    width: 100%;
  }

  .gotopBlock {
    padding: 4rem 0;
    width: 100%;
  }

  .gotopBlock.sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .gotopBlock .gotop {
    width: auto;
    height: auto;
    position: relative;
    right: auto;
    bottom: auto;
    padding-top: 2rem;
    letter-spacing: 0.01em;
  }

  .gotopBlock .gotop:before {
    content: "";
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .btmBlock {
    color: #ffffff;
  }

  .btmBlock__inner {
    width: 100%;
    min-width: inherit;
    overflow-x: scroll;
    padding-left: 10.66667%;
  }

  .btmBlock ul {
    white-space: nowrap;
  }

  .btmBlock li {
    padding: 1rem 0;
    margin-right: 1.6rem;
  }

  .flootContact a {
    top: auto;
    bottom: 2rem;
    letter-spacing: 0;
  }

  footer {
    padding: 4rem 0 4.5rem;
  }

  footer dl dt {
    display: none;
  }

  footer dl dd {
    display: none;
  }

  footer dl dd.bnr {
    display: block;
  }

  footer dl ul li {
    margin-bottom: 1rem;
  }

  footer .footer__inner {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  footer .footer__logo {
    width: 100%;
    margin-bottom: 3rem;
  }

  footer .footer__logo a {
    display: block;
    width: 13.5rem;
    margin: 0 auto;
  }

  footer .footer__menu01,
  footer .footer__menu02 {
    display: none;
  }

  footer .footer__menu03 {
    width: 13.6rem;
    margin: 0 auto;
  }

  footer small {
    margin-top: 3.6rem;
    text-align: center;
  }

  .modalContent {
    width: 80%;
    height: 50vw;
  }

  .modalCloseBtn {
    top: -2.2rem;
    width: 2.2rem;
    height: 2.2rem;
  }

  .notfound__wrap {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding-bottom: 9rem;
  }

  .notfound__wrap .f_b {
    font-size: 1.8rem;
  }
}

.toppage .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.toppage .mainV {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background: #fbfbfb;
  border-bottom: 1px solid #adadad;
  min-height: 47.8rem;
  height: 25vw;
}

.toppage .mainV .slick-list,
.toppage .mainV .slick-track {
  height: 100%;
}

.toppage .mainV .slick-slider {
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.toppage .mainV .slick-slider.slick-initialized {
  opacity: 1 !important;
}
.toppage .mainV .slick-slider li {
  /*width: 1550px;*/
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  box-sizing: border-box;
}

.toppage .mainV .slick-slider li img {
  height: 100%;
  width: auto;
  max-width: inherit;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.toppage .mainV .slick-arrow {
  position: absolute;
  background: rgba(51, 51, 51, 0.5);
  /*width: 100px;*/
  width: 13.28%;
  height: 100%;
}

.toppage .mainV .slick-arrow:before {
  opacity: 1;
  display: block;
  content: "";
  width: 1.6rem;
  height: 3.2rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.toppage .mainV .slick-prev:before {
  background: url(/assets/img/top/mvArrow_left.png) no-repeat;
  background-size: cover;
}

.toppage .mainV .slick-next:before {
  background: url(/assets/img/top/mvArrow_right.png) no-repeat;
  background-size: cover;
}

.toppage .mainV .slick-prev {
  left: 0;
}

.toppage .mainV .slick-next {
  right: 0;
}

.toppage .mainV a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(../img/product/microsoft/lead_bg.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right top;
}

.toppage .slick-dots {
  padding-top: 1rem;
  position: static;
}

.toppage .slick-dots li button {
  background: #898989;
}

.toppage .slick-dots li button:before {
  display: none;
}

.toppage .slick-dots li.slick-active button {
  background: #0090a8;
}

.toppage .productsPage__lead {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-left: 0;
  margin: 0 auto;
  min-width: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin: auto;
}

.toppage .productsPage__leadTxt p {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 4.5rem;
  padding: 0 1rem;
}

.toppage .newestBlock {
  background: #fbfbfb;
  padding: 4rem 0;
}

.toppage .newestBlock a {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  padding: 2rem 4rem;
  background: url(/assets/img/arrow_gray.svg) no-repeat right 2.5rem center #fff;
  background-size: 1.5rem;
}

.toppage .newestBlock a:hover {
  opacity: 0.7;
}

.toppage .newestBlock dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.toppage .newestBlock dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.toppage .newestBlock__date {
  margin-right: 3rem;
}

.toppage .newestBlock__cat {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  min-width: 9.9rem;
  margin-right: 2rem;
}

.toppage .newestBlock__cat:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  border-radius: 10px;
  margin-right: 0.7rem;
}

.toppage .newestBlock__cat.cat_product:before {
  background: #49ac67;
}

.toppage .newestBlock__cat.cat_press:before {
  background: #496bac;
}

.toppage .newestBlock__cat.cat_blog:before {
  background: #bfa82a;
}

.toppage .newestBlock__cat.cat_recruit:before {
  background: #d83b1e;
}

.toppage .products {
  background: url(../img/top/productBg.png) no-repeat right bottom #fbfbfb;
  background-size: contain;
  padding-top: 5rem;
  padding-bottom: 15rem;
  position: relative;
  overflow: visible;
  z-index: 2;
}


.toppage .products .products__blockTitle {
  position: relative;
  z-index: 1;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  text-align: right;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}

.toppage .products .products__blockTitle img {
  width: 30.8rem;
  margin: 0 0 2.5rem auto;
}

.toppage .products .products__blockServiceTitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  font-size: 2.5rem;
  font-weight: bold;
  color: #0090a8;
  margin-bottom: 2rem;
}

.toppage .products h3:before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  border-radius: 10px;
  margin-right: 0.9rem;
  background: #0090a8;
}

.toppage .products h4,
.casePage .products__block h4 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}

.toppage .products__block,
.casePage .products__block {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  position: relative;
  z-index: 1;
}
.toppage .products__block:first-of-type,
.casePage .products__block:first-of-type{
  margin-bottom: 8rem;
}

.toppage .products__blockLead {
  width: 100%;
  padding-left: 2.1rem;
  margin-bottom: 6.5rem;
}

.toppage .products__blockSingle {
  display: block;
  width: 40%;
  min-width: 40rem;
}

.toppage .products__blockSingle:nth-child(even) {
  margin-top: 10rem;
}

.toppage .products__blockSingleImg {
  margin-bottom: 2.8rem;
  position: relative;
}

.toppage .products__blockSingleImgInner {
  overflow: hidden;
  border-radius: 0.6rem;
}

.toppage .products__blockSingleImg img {
  border-radius: 0.6rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}

.toppage .products__blockSingleImg:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  border: 1px solid transparent;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 0;
  background: url(../img/arrow_blue.svg) no-repeat right 1.5rem bottom 1.5rem;
  background-size: 1.5rem;
}

.toppage .products__blockSingleImg+h4 {
  margin-top: 5rem;
}

.toppage .products__blockSingleTxt {
  font-size: 1.4rem;
  text-align: justify;
  line-height: 2.6rem;
}

.toppage .products__blockSingleLead {
  margin-bottom: 1rem;
}

@media screen and (min-width: 68.7rem) {
  .toppage .products__blockSingle:hover .products__blockSingleImg img {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }

  .toppage .products__blockSingle:hover .products__blockSingleImg:after {
    right: -1.5rem;
    bottom: -1.5rem;
    border-color: #0090a8;
  }
}

.toppage .products__blockBtm {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-top: 8rem;
}

.toppage .products__blockBtm a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
}

@media screen and (max-width: 68.7rem) {
  .toppage .products__blockBtm a {
    padding: 1.2rem 2.5rem;
  }
}

.toppage .products__blockBtm a span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .toppage .products__blockBtm a:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .toppage .products__blockBtm a:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

.toppage .products__ob {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.toppage .products__ob * {
  position: absolute;
}

.toppage .products__ob01 {
  top: 13rem;
  right: 0;
  width: 73.3rem;
}

.toppage .products__ob02 {
  top: 120rem;
  left: 0;
  right: 0;
  width: 100%;
}

.toppage .products__ob03 {
  top: 220rem;
  left: 0;
  width: 58.2rem;
}

.toppage .products__ob04 {
  top: 277rem;
  right: 0;
  width: 98.6rem;
}

.toppage .products__ob05 {
  top: 380rem;
  left: 6%;
  width: 88.1rem;
}

.toppage .case {
  margin-top: -38rem;
  position: relative;
  padding-bottom: 6rem;
  margin-bottom: 21rem;
}

.toppage .case:before {
  content: "";
  background: #fbfbfb;
  display: block;
  height: 53rem;
  width: 85.71429%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.toppage .case h2 {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}

.toppage .case h2 img {
  width: 67.2rem;
}

main.casePageDetail.busyohou .microsoft {
  display: none !important;
}

main.casePageDetail.consulting .maas {
  display: none !important;
}

.toppage .case__slider {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
}

.toppage .case__sliderArrows {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 6rem;
}

.toppage .case__slider .slick-list {
  padding-bottom: 6rem !important;
}

.toppage .case__sliderSingle {
  width: 36rem;
  margin: 0 3rem;
}

.toppage .case__sliderSingle a {
  background: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0 0 6px 6px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.toppage .case__sliderSingle a:hover {
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}

.toppage .case__sliderSingleImg {
  border-radius: 6px 6px 0 0;
  width: 100%;
  height: 24rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.toppage .case__sliderSingleTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 4rem 2rem;
  min-height: 22.8rem;
}

.toppage .case__sliderSingleTxt p:not([class]) {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.toppage .case__sliderSingleTxt * {
  max-width: 100%;
}

.toppage .case__sliderSingleLead {
  margin-bottom: 1rem;
}

.toppage .case__sliderSingleName {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
}

.toppage .case__sliderSingleProduct {
  margin-top: auto;
  margin-bottom: 0;
  font-size: 1.4rem;
  color: #898989;
}

.toppage .case .slick-prev,
.toppage .case .slick-next {
  position: static;
  width: 5rem;
  height: 5rem;
  margin-left: 1rem;
}

.toppage .case .slick-prev:before {
  background: url(/assets/img/top/case_arrow_right.png) no-repeat;
  background-size: cover;
}

.toppage .case .slick-next:before {
  background: url(/assets/img/top/case_arrow_left.png) no-repeat;
  background-size: cover;
}

.toppage .case .slick-prev:before,
.toppage .case .slick-next:before {
  display: block;
  content: "";
  width: 5rem;
  height: 5rem;
}

.toppage .case__more a {
  max-width: 30.5rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
}

@media screen and (max-width: 68.7rem) {
  .toppage .case__more a {
    padding: 1.2rem 2.5rem;
  }
}

.toppage .case__more a span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .toppage .case__more a:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .toppage .case__more a:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

.toppage .business,
.toppage .company {
  height: 30vw;
  position: relative;
  overflow: hidden;
}

.toppage .business h2,
.toppage .company h2 {
  font-weight: bold;
  margin-bottom: 2rem;
}

.toppage .business h2 span,
.toppage .company h2 span {
  display: block;
}

.toppage .business__bg,
.toppage .company__bg {
  min-height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto, 100%;
}

.toppage .business__txt,
.toppage .company__txt {
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 40.14286%;
  height:auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 3rem 8.5%;
}

.toppage .business__txt p,
.toppage .company__txt p {
  text-align: justify;
  margin-bottom: 2rem;
}

.toppage .business__txt *,
.toppage .company__txt * {
  max-width: 100%;
}

.toppage .business__more,
.toppage .company__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
}

@media screen and (max-width: 68.7rem) {

  .toppage .business__more,
  .toppage .company__more {
    padding: 1.2rem 2.5rem;
  }
}

.toppage .business__more span,
.toppage .company__more span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {

  .toppage .business__more:after,
  .toppage .company__more:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .toppage .business__more:hover:after,
  .toppage .company__more:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

.toppage .business__ob,
.toppage .company__ob {
  width: 20.7vw;
  max-width: 70rem;
  position: absolute;
  z-index: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.toppage .business__ob img,
.toppage .company__ob img {
  width: 100%;
  height: auto;
}

.toppage .business,
.toppage .company {
  margin-bottom: 3rem;
}

.toppage .business h2 img {
  width: 22.2rem;
}

.toppage .business h2 span {
  margin-top: 2.2rem;
}

.toppage .business__bg {
  background-image: url(../img/top/business_bg.jpg);
}

.toppage .business__txt {
  left: 0;
  border-radius: 0 6px 6px 0;
}

.toppage .business__ob {
  top: 6.5rem;
  right: 14.28571%;
}


.toppage .company h2 img {
  width: 24.9rem;
}

.toppage .company h2 span {
  margin-top: 1.2rem;
}

.toppage .company__bg {
  right: 0;
  background-image: url(../img/top/company_bg.jpg);
}

.toppage .company__txt {
  right: 0;
  border-radius: 6px 0 0 6px;
}

.toppage .company__ob {
  top: -8.5rem;
  left: 14.28571%;
}

.toppage .blog,
.toppage .news {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 9rem;
}

.toppage .blog__cont,
.toppage .news__cont {
  margin-top: 3rem;
  width: 100%;
}
.toppage .blog__cont a p.title{color:#0096bb; text-decoration: underline; font-weight: bold;overflow: hidden; display: -webkit-box;
  -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
  .toppage .blog__cont li{padding: 0 5px;}
/*.toppage .blog__cont a,*/
.toppage .news__cont a {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 120rem;
  /*min-width: 94rem;*/
  margin: 0 auto;
  margin-bottom: 1rem;
  padding: 2rem 4rem;
  background: #fbfbfb;
  background-size: 1.5rem;
}

/*.toppage .blog__cont a:hover,*/
.toppage .news__cont a:hover {
  opacity: 0.7;
}


.toppage .blog__cont dl,
.toppage .news__cont dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.toppage .blog__cont dl dt,
.toppage .news__cont dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.toppage .blog__date,
.toppage .news__date {
  margin-right: 3rem;
  min-width: 8rem;
  display: flex;
  align-items: center;
}

.toppage .blog__cat,
.toppage .news__cat {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  min-width: 9.9rem;
  margin-right: 2rem;
}

.toppage .blog__cat:before,
.toppage .news__cat:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  border-radius: 10px;
  margin-right: 0.7rem;
}

.toppage .blog__cat.cat_product:before,
.toppage .news__cat.cat_product:before {
  background: #49ac67;
}

.toppage .blog__cat.cat_press:before,
.toppage .news__cat.cat_press:before {
  background: #496bac;
}

.toppage .blog__cat.cat_blog:before,
.toppage .news__cat.cat_blog:before {
  background: #bfa82a;
}

.toppage .blog__cat.cat_recruit:before,
.toppage .news__cat.cat_recruit:before {
  background: #d83b1e;
}

.toppage .blog__tab,
.toppage .news__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.toppage .blog__tab li,
.toppage .news__tab li {
  margin-right: 3rem;
}

.toppage .blog__tab a,
.toppage .news__tab a {
  color: #898989;
  padding-bottom: 1rem;
}

.toppage .blog__tab .active,
.toppage .news__tab .active {
  color: #000000;
  border-bottom: 1px solid #000;
}

.toppage .blog h2 img,
.toppage .news h2 img {
  width: auto;
  height: 2.4rem;
}

.toppage .blog__more,
.toppage .news__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 5px 2rem;
  background: #333;
}

@media screen and (max-width: 68.7rem) {

  .toppage .blog__more,
  .toppage .news__more {
    padding: 1.2rem 2.5rem;
  }
}

.toppage .blog__more span,
.toppage .news__more span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {

  .toppage .blog__more:after,
  .toppage .news__more:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .toppage .blog__more:hover:after,
  .toppage .news__more:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

.toppage .news__cont {
  display: none;
}

@media screen and (max-width: 768px) {
  .toppage .slick-dots li {
    width: 1rem;
  }

  .toppage .mainV {
    min-height: 23.9rem;
    height: clamp(27.813rem, 8.79rem + 78.04vw, 46.25rem);
    border-bottom: 1px solid #adadad !important;
    border-bottom: none;
  }

  .toppage .mainV .slick-slider li img.sp {
    width: 100%;
    height: auto;
    position: static;
    margin: 0 auto 0.1rem;
  }

  .toppage .mainV a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/product/microsoft/lead_bg_sp.png) no-repeat right top;
    background-size: 100%;
  }

  .toppage .productsPage__lead {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding-bottom: 0;
    padding-left: 0;
    bottom: 0;
  }

  .toppage .productsPage__leadTxt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 1.8rem;
    line-height: 3.2rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .toppage .productsPage__leadTxt br {
    display: none;
  }

  .toppage .newestBlock {
    padding: 3rem 0;
  }

  .toppage .newestBlock a {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding: 1.5rem 2rem 2.5rem;
    background: #fff;
    border-radius: 0.6rem;
  }

  .toppage .newestBlock dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .toppage .newestBlock dl dt {
    margin-bottom: 1rem;
  }

  .toppage .products {
    padding-top: 2rem;
    padding-bottom: 10rem;
  }

  .toppage .products h2 {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 4rem;
  }

  .toppage .products h2 img {
    width: 23.3rem;
    margin: 0 0 3rem;
  }

  .toppage .products h3 {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
  }

  .toppage .products h4 {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 2.5rem;
  }

  .toppage .products__block {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .toppage .products__blockLead {
    font-size: 1.4rem;
    margin-bottom: 4rem;
  }

  .toppage .products__blockSingle {
    width: 100%;
    min-width: inherit;
    margin-bottom: 3rem;
    padding-bottom: 2.4rem;
    position: relative;
  }

  .toppage .products__blockSingle:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    background: url(../img/arrow_white.svg) no-repeat center center #333;
    background-size: 1.2rem;
    border-radius: 1.2rem;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
  }

  .toppage .products__blockSingle:nth-child(even) {
    margin-top: 0;
  }

  .toppage .products__blockSingleImg {
    margin-bottom: 1.8rem;
  }

  .toppage .products__blockSingleImg+h4 {
    margin-top: 2rem;
  }

  .toppage .products__blockBtm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
  }

  .toppage .products__blockBtm a {
    width: 100%;
  }

  .toppage .products__ob01 {
    top: 10rem;
    width: 76.8%;
  }

  .toppage .products__ob02 {
    top: 120rem;
    width: 100%;
  }

  .toppage .products__ob03 {
    top: 240rem;
    width: 100%;
  }

  .toppage .case {
    margin-top: -19rem;
    padding-bottom: 0;
    margin-bottom: 8rem;
  }

  .toppage .case:before {
    height: 34rem;
    width: 100%;
    bottom: 9rem;
  }

  .toppage .case h2 {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 4.5rem;
  }

  .toppage .case h2 img {
    width: 29.5rem;
  }

  .toppage .case__slider {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
  }

  .toppage .case__sliderArrows {
    display: none;
  }

  .toppage .case__slider .slick-list {
    padding-bottom: 7rem !important;
  }

  .toppage .case__sliderSingle {
    width: 29.5rem;
    margin: 0 0.5rem;
  }

  .toppage .case__sliderSingleImg {
    height: 19.7rem;
  }

  .toppage .case__sliderSingleTxt {
    padding: 1.5rem 2rem;
    min-height: 20rem;
  }

  .toppage .case__sliderSingleTxt p:not([class]) {
    line-height: 2.2rem;
    margin-bottom: 1rem;
  }

  .toppage .case .slick-prev,
  .toppage .case .slick-next {
    position: static;
    width: 5rem;
    height: 5rem;
    margin-left: 1rem;
  }

  .toppage .case .slick-prev:before {
    background: url(/assets/img/top/case_arrow_right.png) no-repeat;
    background-size: cover;
  }

  .toppage .case .slick-next:before {
    background: url(/assets/img/top/case_arrow_left.png) no-repeat;
    background-size: cover;
  }

  .toppage .case .slick-prev:before,
  .toppage .case .slick-next:before {
    display: block;
    content: "";
    width: 5rem;
    height: 5rem;
  }

  .toppage .case__more a {
    max-width: 30.5rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    border-radius: 5rem;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
    padding: 1.5rem 3.5rem;
    background: #333;
  }
}

@media screen and (max-width: 768px) and (max-width: 68.7rem) {
  .toppage .case__more a {
    padding: 1.2rem 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .toppage .case__more a span {
    position: relative;
    z-index: 1;
    -webkit-transition: color 0.6s;
    transition: color 0.6s;
    padding-right: 3rem;
    background: url(../img/arrow_white.svg) no-repeat right center;
    background-size: 1.4rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 68.7rem) {
  .toppage .case__more a:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .toppage .case__more a:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

@media screen and (max-width: 768px) {

  .toppage .business,
  .toppage .company {
    max-height: inherit;
    height: auto;
    padding-top: 14.5rem;
  }

  .toppage .business h2,
  .toppage .company h2 {
    margin-bottom: 2rem;
  }

  .toppage .business__bg,
  .toppage .company__bg {
    display: none;
  }

  .toppage .business__txt,
  .toppage .company__txt {
    position: relative;
    width: 89.33333%;
    height: auto;
    padding: 2rem;
    transform:translateY(0);
  }

  .toppage .business__txt p,
  .toppage .company__txt p {
    margin-bottom: 2.5rem;
    font-size: 1.4rem;
  }

  .toppage .business__more,
  .toppage .company__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    border-radius: 5rem;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
    padding: 1.5rem 3.5rem;
    background: #333;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) and (max-width: 68.7rem) {

  .toppage .business__more,
  .toppage .company__more {
    padding: 1.2rem 2.5rem;
  }
}

@media screen and (max-width: 768px) {

  .toppage .business__more span,
  .toppage .company__more span {
    position: relative;
    z-index: 1;
    -webkit-transition: color 0.6s;
    transition: color 0.6s;
    padding-right: 3rem;
    background: url(../img/arrow_white.svg) no-repeat right center;
    background-size: 1.4rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 68.7rem) {

  .toppage .business__more:after,
  .toppage .company__more:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .toppage .business__more:hover:after,
  .toppage .company__more:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

@media screen and (max-width: 768px) {

  .toppage .business__ob,
  .toppage .company__ob {
    display: none;
  }

  .toppage .business {
    background: url(../img/top/business_bg_sp.jpg) no-repeat center top;
    background-size: contain;
  }

  .toppage .business h2 img {
    width: 17.7rem;
  }

  .toppage .business h2 span {
    margin-top: 1.7rem;
  }

  .toppage .company {
    background: url(../img/top/company_bg_sp.jpg) no-repeat center top;
    background-size: contain;
    margin-bottom: 10rem;
  }

  .toppage .company h2 img {
    width: 19.9rem;
  }

  .toppage .company h2 span {
    margin-top: 0.5rem;
  }

  .toppage .blog,
  .toppage .news {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .toppage .blog__cont,
  .toppage .news__cont {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 2rem;
  }

  .toppage .blog__cont a,
  .toppage .news__cont a {
    width: 100%;
    min-width: inherit;
    padding: 2rem;
    background: #fbfbfb;
  }

  .toppage .blog__cont dl,
  .toppage .news__cont dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .toppage .blog__cont dl dt,
  .toppage .news__cont dl dt {
    margin-bottom: 1rem;
  }

  .toppage .blog__date,
  .toppage .news__date {
    margin-right: 3rem;
  }

  .toppage .blog__cat,
  .toppage .news__cat {
    font-size: 1.4rem;
    margin-right: 2rem;
  }

  .toppage .blog__tab,
  .toppage .news__tab {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .toppage .blog__tab li,
  .toppage .news__tab li {
    margin-right: 1.5rem;
    margin-bottom: 2rem;
  }

  .toppage .blog__tab li:last-child,
  .toppage .news__tab li:last-child {
    margin-right: 0;
  }

  .toppage .blog h2,
  .toppage .news h2 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 2.5rem;
  }

  .toppage .blog h2 img,
  .toppage .news h2 img {
    width: auto;
    height: 1.9rem;
  }

  .toppage .blog__more,
  .toppage .news__more {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    border-radius: 5rem;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
    padding: 1.5rem 3.5rem;
    background: #333;
    width: 67.79661%;
    margin: 3rem auto 0;
  }
}

@media screen and (max-width: 768px) and (max-width: 68.7rem) {

  .toppage .blog__more,
  .toppage .news__more {
    padding: 1.2rem 2.5rem;
  }
}

@media screen and (max-width: 768px) {

  .toppage .blog__more span,
  .toppage .news__more span {
    position: relative;
    z-index: 1;
    -webkit-transition: color 0.6s;
    transition: color 0.6s;
    padding-right: 3rem;
    background: url(../img/arrow_white.svg) no-repeat right center;
    background-size: 1.4rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 68.7rem) {

  .toppage .blog__more:after,
  .toppage .news__more:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .toppage .blog__more:hover:after,
  .toppage .news__more:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

@media screen and (max-width: 768px) {
  .toppage .news__cont {
    display: none;
  }
}

.newsPage {
  padding-bottom: 9rem;
}

.newsPage .news {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.newsPage .news__cont {
  margin-top: 3rem;
  width: 100%;
}

.newsPage .news__cont a {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 1rem;
  padding: 2rem 4rem;
  background: #fbfbfb;
  background-size: 1.5rem;
}

.newsPage .news__cont a:hover {
  opacity: 0.7;
}

.newsPage .news__cont dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.newsPage .news__cont dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.newsPage .news__date {
  font-size: 1.4rem;
    margin-right: 1rem;
    min-width: 7.3rem;
    font-size: 1.4rem;
    white-space: nowrap;
}

.newsPage .news__cat {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  min-width: 120px;
  margin-right: 1rem;
}

.newsPage .news__cat:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  border-radius: 10px;
  margin-right: 0.7rem;
  display: none;
}

.newsPage .news__cat.cat_product:before {
  background: #49ac67;
  display: block;
}

.newsPage .news__cat.cat_press:before {
  background: #496bac;
  display: block;
}

.newsPage .news__cat.cat_blog:before {
  background: #bfa82a;
  display: block;
}

.newsPage .news__cat.cat_recruit:before {
  background: #d83b1e;
  display: block;
}

.newsPage .news__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.newsPage .news__tab li {
  margin-right: 3rem;
}

.newsPage .news__tab a {
  color: #898989;
  padding-bottom: 1rem;
}

.newsPage .news__tab .active {
  color: #000000;
  border-bottom: 1px solid #000;
}

.newsPage .news__cont {
  display: none;
}

.newsPage .news__contList {
  margin-bottom: 8rem;
}

.newsPage .news__tab {
  margin-bottom: 4rem;
}

.newsPage .news__pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 0 14rem;
  position: relative;
}

.newsPage .news__pager a:hover {
  opacity: 0.7;
}

.newsPage .news__pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.newsPage .news__pager ul li {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 1rem;
}
.newsPage .news__pager ul li a img{
  height: 50%;
}
.newsPage .news__pager ul li a,
.newsPage .news__pager ul li span {
  padding: 0;
  margin: 0;
  max-width: inherit;
  min-width: inherit;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  line-height: 1;
  color: #333;
  background: #ffffff;
}

.newsPage .news__pager ul li.pagerActive span {
  background: #ef454a;
  color: #ffffff;
  border-radius: 50%;
}

.newsPage .news__pager ul li.pagerPrev,
.newsPage .news__pager ul li.pagerNext {
  width: 0.9rem;
}

.newsPage .news__pager ul li.pagerPrev img,
.newsPage .news__pager ul li.pagerNext img {
  width: 100%;
  height: auto;
}

.newsPage .news__pager ul li.pagerPrev:hover,
.newsPage .news__pager ul li.pagerNext:hover {
  opacity: 0.7;
}

.newsPage .news__pagerAll {
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2.6rem;
}

@media screen and (max-width: 768px) {
  .newsPage .news__pager {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
  }

  .newsPage .news__pager ul {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .newsPage .news__pager ul li {
    width: 3.8rem;
    height: 3.8rem;
    margin: 0 0.5rem;
  }

  .newsPage .news__pagerAll {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: static;
    margin: 0 0 2rem;
    height: auto;
  }
}

.newsPageDetail {
  padding-bottom: 9rem;
}

.newsPageDetail__ttl {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
}

.newsPageDetail__ttl dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  font-size: 1.4rem;
  line-height: 1;
  position: relative;
  padding-left: 1.2rem;
  margin-bottom: 1.5rem;
}

.newsPageDetail__ttl dl:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  background: #333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.3rem;
}

.newsPageDetail__ttl dl dt {
  margin-right: 2rem;
}

.newsPageDetail__ttl h1 {
  color: #0090a8;
  font-size: 2rem;
  font-weight: bold;
  padding-bottom: 1rem;
  border-bottom: 2px solid #0090a8;
  margin-bottom: 2rem;
}

.newsPageDetail article {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 5rem;
}

.newsPageDetail__sign {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  line-height: 3.4rem;
  margin-bottom: 8rem;
}

.newsPageDetail__sign a:not([href^="tel:"]) {
  text-decoration: underline;
}

.newsPageDetail__sign a:not([href^="tel:"]):hover {
  text-decoration: none;
}

.newsPageDetail__print {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 3rem;
}

.newsPageDetail__print a {
  display: block;
  background: url(../img/news/print.png) no-repeat left center;
  background-size: 5rem;
  padding-left: 6.5rem;
  line-height: 5rem;
  min-height: 5rem;
}

.newsPageDetail__print a:hover {
  opacity: 0.7;
}

.newsPageDetail__pager {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.newsPageDetail__pagerPrev {
  font-size: 1.4rem;
  background: url(../img/simplearrowL_gray.svg) no-repeat left center;
  background-size: 0.9rem;
  padding-left: 3rem;
}

.newsPageDetail__pagerPrev:hover {
  opacity: 0.7;
}

.newsPageDetail__pagerNext {
  font-size: 1.4rem;
  background: url(../img/simplearrowR_gray.svg) no-repeat right center;
  background-size: 0.9rem;
  padding-right: 3rem;
}

.newsPageDetail__pagerNext:hover {
  opacity: 0.7;
}

.newsPageDetail__pagerList {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
}

@media screen and (max-width: 68.7rem) {
  .newsPageDetail__pagerList {
    padding: 1.2rem 2.5rem;
  }
}

.newsPageDetail__pagerList span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .newsPageDetail__pagerList:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .newsPageDetail__pagerList:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

.newsPageDetail .blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.newsPageDetail .blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.newsPageDetail .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.newsPageDetail .blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.newsPageDetail .wp-block-gallery.is-cropped .blocks-gallery-image a,
.newsPageDetail .wp-block-gallery.is-cropped .blocks-gallery-image img,
.newsPageDetail .wp-block-gallery.is-cropped .blocks-gallery-item a,
.newsPageDetail .wp-block-gallery.is-cropped .blocks-gallery-item img,
.blogPage__cont .blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blogPage__cont .blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blogPage__cont .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blogPage__cont .blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.blogPage__cont .wp-block-gallery.is-cropped .blocks-gallery-image a,
.blogPage__cont .wp-block-gallery.is-cropped .blocks-gallery-image img,
.blogPage__cont .wp-block-gallery.is-cropped .blocks-gallery-item a,
.blogPage__cont .wp-block-gallery.is-cropped .blocks-gallery-item img {
  height: auto;
}

.newsPageDetail article img,
.blogPage__cont article img {
  width: 100%;
  height: auto;
}

.newsPageDetail article p,
.blogPage__cont article p {
  margin-bottom: 3rem;
  font-size: 1.4rem;
  line-height: 3rem;
}

.newsPageDetail article a,
.blogPage__cont article a {
  color: #0090a8;
  text-decoration: underline;
}

.newsPageDetail article a:hover,
.blogPage__cont article a:hover {
  text-decoration: none;
}

.newsPageDetail article .wp-block-separator,
.blogPage__cont article .wp-block-separator {
  margin-top: 4rem;
  margin-bottom: 4rem;
  border: none;
  border-bottom: 1px solid #333;
  width: 10%;
  min-width: 10rem;
}

.newsPageDetail article .wp-block-separator.is-style-wide,
.blogPage__cont article .wp-block-separator.is-style-wide {
  width: 100%;
}

.newsPageDetail article .wp-block-separator.is-style-dots,
.blogPage__cont article .wp-block-separator.is-style-dots {
  border-bottom: none;
}

.newsPageDetail article .wp-block-separator.is-style-dots:before,
.blogPage__cont article .wp-block-separator.is-style-dots:before {
  letter-spacing: 2.6em;
  font-size: 2rem;
  padding-left: 0;
}

.newsPageDetail article h1,
.newsPageDetail article h2,
.newsPageDetail article h3,
.newsPageDetail article h4,
.newsPageDetail article h5,
.newsPageDetail article h6,
.blogPage__cont article h1,
.blogPage__cont article h2,
.blogPage__cont article h3,
.blogPage__cont article h4,
.blogPage__cont article h5,
.blogPage__cont article h6 {
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 3rem;
}

.newsPageDetail article h1,
.blogPage__cont article h1 {
  font-size: 2.8rem;
}

.newsPageDetail article h2,
.blogPage__cont article h2 {
  font-size: 2.6rem;
}

.newsPageDetail article h3,
.blogPage__cont article h3 {
  font-size: 2.2rem;
  padding: 1em 0;
  border-top:2px solid #545252;
  position: relative;
}
.newsPageDetail article h3::before,
.blogPage__cont article h3::before{
  content: "";
  width: 50px;
  height: 2px;
  background: #d83b1e;
  position: absolute;
  top: -2px;
  left: 0;
}

.newsPageDetail article h4,
.blogPage__cont article h4 {
  /*font-size: 2rem;*/
}

.newsPageDetail article h5,
.blogPage__cont article h5 {
  /*font-size: 1.8rem;:*/
}

.newsPageDetail article strong,
.blogPage__cont article strong {
  font-weight: bold;
}

.newsPageDetail article em,
.blogPage__cont article em {
  font-style: italic;
}

.newsPageDetail article ul li,
.newsPageDetail article ol li,
.blogPage__cont article ul li,
.blogPage__cont article ol li {
  margin-left: 1em;
}

.newsPageDetail article ul li ol,
.newsPageDetail article ol li ol,
.blogPage__cont article ul li ol,
.blogPage__cont article ol li ol {
  margin-left: 1rem;
}

.newsPageDetail article ul li ul,
.newsPageDetail article ol li ul,
.blogPage__cont article ul li ul,
.blogPage__cont article ol li ul {
  margin-left: 1rem;
  list-style: circle;
}

.newsPageDetail article ol,
.blogPage__cont article ol {
  list-style: decimal;
}

.newsPageDetail article ul,
.blogPage__cont article ul {
  list-style: disc;
}

.newsPageDetail article .wp-block-verse,
.blogPage__cont article .wp-block-verse {
  margin-bottom: 4rem;
  padding: 1rem;
}

.newsPageDetail article .wp-block-table,
.blogPage__cont article .wp-block-table {
  margin-bottom: 4rem;
}

.newsPageDetail article .wp-block-table table,
.blogPage__cont article .wp-block-table table {
  border: 1px solid #333;
}

.newsPageDetail article .wp-block-table table *,
.blogPage__cont article .wp-block-table table * {
  border: 1px solid #333;
}

.newsPageDetail article .wp-block-table table th,
.newsPageDetail article .wp-block-table table td,
.blogPage__cont article .wp-block-table table th,
.blogPage__cont article .wp-block-table table td {
  padding: 1rem;
}

.newsPageDetail article .wp-block-latest-posts__list,
.blogPage__cont article .wp-block-latest-posts__list {
  margin-bottom: 3rem;
}

.newsPageDetail article .wp-block-quote,
.blogPage__cont article .wp-block-quote {
  border-left: 5px solid #333;
  padding-left: 1.5rem;
  margin: 3rem 0;
}

.newsPageDetail article .wp-block-quote cite,
.blogPage__cont article .wp-block-quote cite {
  font-size: 1.4rem;
  color: #999999;
}

.newsPageDetail article .wp-block-quote.is-large,
.blogPage__cont article .wp-block-quote.is-large {
  border-left: 0;
}

.newsPageDetail article .wp-block-audio,
.blogPage__cont article .wp-block-audio {
  margin-bottom: 3rem;
}

.newsPageDetail article .wp-block-audio figcaption,
.blogPage__cont article .wp-block-audio figcaption {
  text-align: center;
}

.newsPageDetail article .wp-block-button,
.blogPage__cont article .wp-block-button {
  zoom: 1;
}

.newsPageDetail article .wp-block-button:before,
.newsPageDetail article .wp-block-button:after,
.blogPage__cont article .wp-block-button:before,
.blogPage__cont article .wp-block-button:after {
  content: "";
  display: table;
}

.newsPageDetail article .wp-block-button:after,
.blogPage__cont article .wp-block-button:after {
  clear: both;
}

.newsPageDetail article .wp-block-button__link,
.blogPage__cont article .wp-block-button__link {
  color: #ffffff;
  text-decoration: none;
  margin-bottom: 2rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.newsPageDetail article .wp-block-button__link:hover,
.blogPage__cont article .wp-block-button__link:hover {
  opacity: 0.7;
}

.newsPageDetail article .wp-block-button__link span,
.blogPage__cont article .wp-block-button__link span {
  position: relative;
  z-index: 1;
  padding-right: 3rem;
  background: url(/assets/img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
  display: block;
  font-size: 1.4rem;
}

.newsPageDetail article .alignleft,
.blogPage__cont article .alignleft {
  float: left;
  margin-right: 2rem;
  margin-bottom: 2rem;
}

.newsPageDetail article .alignleft+*,
.blogPage__cont article .alignleft+* {
  zoom: 1;
}

.newsPageDetail article .alignleft+*:before,
.newsPageDetail article .alignleft+*:after,
.blogPage__cont article .alignleft+*:before,
.blogPage__cont article .alignleft+*:after {
  content: "";
  display: table;
}

.newsPageDetail article .alignleft+*:after,
.blogPage__cont article .alignleft+*:after {
  clear: both;
}

.newsPageDetail article .alignright,
.blogPage__cont article .alignright {
  float: right;
  margin-left: 2rem;
  margin-bottom: 2rem;
}

.newsPageDetail article .alignright+*,
.blogPage__cont article .alignright+* {
  zoom: 1;
}

.newsPageDetail article .alignright+*:before,
.newsPageDetail article .alignright+*:after,
.blogPage__cont article .alignright+*:before,
.blogPage__cont article .alignright+*:after {
  content: "";
  display: table;
}

.newsPageDetail article .alignright+*:after,
.blogPage__cont article .alignright+*:after {
  clear: both;
}

.newsPageDetail article .wp-block-pullquote,
.blogPage__cont article .wp-block-pullquote {
  border-top: 5px solid #333;
  padding: 3rem 1.5rem;
  border-bottom: 5px solid #333;
  margin-bottom: 3rem;
}

.newsPageDetail article .wp-block-pullquote p,
.blogPage__cont article .wp-block-pullquote p {
  text-align: center;
}

.newsPageDetail article .wp-block-pullquote cite,
.blogPage__cont article .wp-block-pullquote cite {
  font-size: 1.4rem;
}

.newsPageDetail article .wp-block-image figcaption,
.blogPage__cont article .wp-block-image figcaption {
  text-align: center;
}

.newsPageDetail article .wp-block-image+p,
.blogPage__cont article .wp-block-image+p {
  zoom: 1;
}

.newsPageDetail article .wp-block-image+p:before,
.newsPageDetail article .wp-block-image+p:after,
.blogPage__cont article .wp-block-image+p:before,
.blogPage__cont article .wp-block-image+p:after {
  content: "";
  display: table;
}

.newsPageDetail article .wp-block-image+p:after,
.blogPage__cont article .wp-block-image+p:after {
  clear: both;
}

.newsPageDetail article .wp-block-cover__inner-container p,
.blogPage__cont article .wp-block-cover__inner-container p {
  text-align: center;
  font-size: 1.8rem;
}

.newsPageDetail article .blocks-gallery-item figure,
.blogPage__cont article .blocks-gallery-item figure {
  position: relative;
}

.newsPageDetail article .blocks-gallery-item figure:before,
.blogPage__cont article .blocks-gallery-item figure:before {
  content: "";
  width: 100%;
  height: 30%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0)),
      color-stop(98%, rgba(0, 0, 0, 0.65)),
      to(rgba(0, 0, 0, 0.65)));
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.65) 98%,
      rgba(0, 0, 0, 0.65) 100%);
}

@media screen and (max-width: 768px) {
  .newsPage {
    padding-bottom: 4.5rem;
  }

  .newsPage .news {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .newsPage .news__cont {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 2rem;
  }

  .newsPage .news__cont a {
    width: 100%;
    min-width: inherit;
    padding: 2rem;
    background: #fbfbfb;
  }

  .newsPage .news__cont dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .newsPage .news__cont dl dt {
    margin-bottom: 1rem;
  }


  .newsPage .news__tab {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .newsPage .news__tab li {
    margin-right: 1.5rem;
    margin-bottom: 2rem;
  }

  .newsPage .news__tab li:last-child {
    margin-right: 0;
  }

  .newsPage .news__contList {
    margin-bottom: 4rem;
  }

  .newsPage .news__tab {
    margin-bottom: 2rem;
  }

  .newsPageDetail {
    padding-bottom: 4.5rem;
  }

  .newsPageDetail__ttl {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .newsPageDetail__ttl h1 {
    font-size: 2.2rem;
    line-height: 4rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
  }

  .newsPageDetail article {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 5rem;
  }

  .newsPageDetail__sign {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
  }

  .newsPageDetail__sign a[href^="tel:"] {
    text-decoration: underline;
  }

  .newsPageDetail__print {
    margin-bottom: 4rem;
  }

  .newsPageDetail__pager {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .newsPageDetail__pagerPrev {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 44.74576%;
  }

  .newsPageDetail__pagerNext {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 44.74576%;
  }

  .newsPageDetail__pagerList {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    margin-bottom: 2.5rem;
  }

  .newsPageDetail article,
  .blogPage__cont article {
    word-break: break-all;
  }

  .newsPageDetail article p,
  .blogPage__cont article p {
    margin-bottom: 1.5rem;
  }

  .newsPageDetail article .wp-block-separator.is-style-dots:before,
  .blogPage__cont article .wp-block-separator.is-style-dots:before {
    font-size: 2rem;
    white-space: nowrap;
    letter-spacing: 2.7rem;
    padding-left: 1.5rem;
  }

  .newsPageDetail article .wp-block-button__link,
  .blogPage__cont article .wp-block-button__link {
    width: 100%;
  }

  .newsPageDetail article .alignleft,
  .newsPageDetail article .alignright,
  .blogPage__cont article .alignleft,
  .blogPage__cont article .alignright {
    margin-left: 0;
    margin-right: 0;
    float: none;
  }

  .newsPageDetail article .alignleft .wp-block-button__link,
  .newsPageDetail article .alignright .wp-block-button__link,
  .blogPage__cont article .alignleft .wp-block-button__link,
  .blogPage__cont article .alignright .wp-block-button__link {
    margin-bottom: 0;
    width: 100%;
  }

  .newsPageDetail article .wp-block-cover,
  .blogPage__cont article .wp-block-cover {
    margin-bottom: 2rem;
  }
}

.businessPage .h1Block--ph {
  background-image: url(../img/business/h1_bg.jpg);
}

.businessPage__cont {
  position: relative;
  background-color: #fafafa;
  padding: 20rem 0;
}

.businessPage__contOb {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.businessPage__contOb * {
  position: absolute;
}

.businessPage__contOb01 {
  top: 8rem;
  right: 0;
  width: 111.9rem;
}

.businessPage__contOb02 {
  top: 121.3rem;
  left: 0;
  right: 0;
  width: 73.3rem;
}

.businessPage__contOb03 {
  top: 160rem;
  right: 0;
  width: 48.4rem;
}

.businessPage__lead {
  margin: 0 auto 9rem;
  width: 73rem;
}

.businessPage__lead h2 {
  font-size: 3.5rem;
  line-height: 6.4rem;
  text-align: center;
  color: #0090a8;
  font-weight: bold;
  margin-bottom: 5rem;
}

.businessPage__lead p {
  text-align: center;
}

.businessPage__single {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.businessPage__single:not(:last-child) {
  margin-bottom: 16rem;
}

.businessPage__singleImg {
  width: 50%;
  border-radius: 0 0.6rem 0.6rem 0;
  overflow: hidden;
}

.businessPage__singleImg img {
  width: 100%;
}

.businessPage__singleTxt {
  width: 40%;
}

.businessPage__singleBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
  max-width: 34.5rem;
  font-weight: normal;
}

@media screen and (max-width: 68.7rem) {
  .businessPage__singleBtn {
    padding: 1.2rem 2.5rem;
  }
}

.businessPage__singleBtn span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .businessPage__singleBtn:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .businessPage__singleBtn:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

.businessPage__singleNum {
  display: block;
  height: 11.2rem;
  position: absolute;
  left: 0;
  top: 0;
}

.businessPage__singleNum img {
  width: auto;
  height: 100%;
}

.businessPage__single h3 {
  height: 11.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  color: #0090a8;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 3.3rem;
  margin-bottom: 2.5rem;
  position: relative;
  letter-spacing: 0.1em;
}

.businessPage__single:nth-child(odd) .businessPage__singleTxt {
  padding-right: 14.28571%;
}

.businessPage__single p {
  font-size: 1.4rem;
  line-height: 2.6rem;
  text-align: justify;
}

.businessPage__single p:not(:last-child) {
  margin-bottom: 3rem;
}

.businessPage__single:nth-child(even) .businessPage__singleImg {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  border-radius: 0.6rem 0 0 0.6rem;
}

.businessPage__single:nth-child(even) .businessPage__singleTxt {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  padding-left: 14.28571%;
}

.businessLowPage__cont {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  padding: 0 0 20rem;
}

.businessLowPage__cont .businessPage__single {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.businessLowPage__cont .businessPage__single h3 {
  color: #333;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.businessLowPage__cont .businessPage__singleTxt {
  padding: 0;
  width: 44%;
}

.businessLowPage__cont .businessPage__single:nth-child(odd) .businessPage__singleImg,
.businessLowPage__cont .businessPage__single:nth-child(even) .businessPage__singleImg {
  border-radius: 0.6rem;
}

.businessLowPage__cont .businessPage__single:nth-child(odd) .businessPage__singleTxt,
.businessLowPage__cont .businessPage__single:nth-child(even) .businessPage__singleTxt {
  padding: 0;
}

.businessLowPage__head {
  background: url(../img/business/microsoft/head_bg.jpg) no-repeat right top;
  background-size: cover;
  height:auto !important;
}

.businessLowPage__headInner {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	flex-direction: column;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
	justify-content: center;
	align-items: flex-start;
  height:auto;
  padding-bottom: 0rem;
  padding: 2rem;
}

.businessLowPage__head p {
  font-size: 2.4rem;
  line-height: 5rem;
  font-weight: bold;
}
.businessLowPage__head p.headInner__title{
  margin-bottom: 1rem;
}

.businessLowPage.mobility .businessLowPage__head {
  background: url(../img/business/mobility/head_bg.jpg) no-repeat right top;
  background-size: cover;
}

.businessLowPage.investment .businessLowPage__head {
  background: url(../img/business/investment/head_bg.jpg) no-repeat right top;
  background-size: cover;
}

.businessLowPage__lead {
  border-top: 1px solid #707070;
  text-align: center;
  padding-top: 12rem;
  margin-bottom: 9rem;
  line-height: 3.4rem;
}

.businessLowPage__products {
  background: #fafafa;
  background-size: contain;
  padding: 5rem 0;
  position: relative;
}

.businessLowPage__products h3,
.ArchiveSingleService h3 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  font-size: 2.5rem;
  font-weight: bold;
  color: #0090a8;
  margin-bottom: 4rem;
  position: relative;
  padding-left: 1.7rem;
}

.businessLowPage__products h3:before,
.ArchiveSingleService h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.8rem;
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  border-radius: 10px;
  margin-right: 0.9rem;
  background: #0090a8;
}

.businessLowPage__products h4,
.ArchiveSingleService h4 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}

.businessLowPage__productsInner {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  position: relative;
  z-index: 1;
}

.businessLowPage__productsSingle {
  display: block;
  width: 40%;
  min-width: 40rem;
}

.businessLowPage__productsSingle:nth-child(odd) {
  margin-top: 10rem;
}

.businessLowPage__productsSingleImg {
  margin-bottom: 2.8rem;
  position: relative;
}

.businessLowPage__productsSingleImgInner {
  overflow: hidden;
  border-radius: 0.6rem;
}

.businessLowPage__productsSingleImg img {
  border-radius: 0.6rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}

.businessLowPage__productsSingleImg:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  border: 1px solid transparent;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 0;
  background: url(../img/arrow_blue.svg) no-repeat right 1.5rem bottom 1.5rem;
  background-size: 1.5rem;
}

.businessLowPage__productsSingleImg+h4 {
  margin-top: 5rem;
}

.businessLowPage__productsSingleTxt {
  font-size: 1.4rem;
  text-align: justify;
  line-height: 2.6rem;
}

.businessLowPage__productsSingleLead {
  margin-bottom: 1rem;
}

.businessLowPage__productsSingleCat {
  font-size: 1.4rem;
  position: relative;
  line-height: 1;
  padding-left: 1.2rem;
  margin-bottom: 1rem;
}

.businessLowPage__productsSingleCat:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 0.2rem;
}

.businessLowPage__productsSingleCat.blue:before {
  background: #496bac;
}

@media screen and (min-width: 68.7rem) {
  .businessLowPage__productsSingle:hover .businessLowPage__productsSingleImg img {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }

  .businessLowPage__productsSingle:hover .businessLowPage__productsSingleImg:after {
    right: -1.5rem;
    bottom: -1.5rem;
    border-color: #0090a8;
  }
}

.businessLowPage__productsOb {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.businessLowPage__productsOb * {
  position: absolute;
}

.businessLowPage__productsOb01 {
  top: -30rem;
  right: 0;
  width: 73.3rem;
}

.businessLowPage__productsOb02 {
  top: 150rem;
  left: 0;
  right: 0;
  width: 100%;
}

.businessLowPage__productsOb03 {
  top: 170rem;
  left: 0;
  width: 58.2rem;
}

.businessLowPage__other {
  padding: 8rem 0;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.businessLowPage__other dt {
  width: 42%;
  font-size: 3rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
}

.businessLowPage__other dt:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.businessLowPage__other dt span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 2.5rem 0 0;
  letter-spacing: 0.15em;
}

.businessLowPage__other dd {
  width: 52%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.businessLowPage__other a {
  width: 47.11538%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
}

@media screen and (max-width: 68.7rem) {
  .businessLowPage__other a {
    padding: 1.2rem 2.5rem;
  }
}

.businessLowPage__other a span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .businessLowPage__other a:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .businessLowPage__other a:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

@media screen and (max-width: 768px) {
  .businessPage__cont {
    background: #fafafa;
    padding: 6rem 0;
  }

  .businessPage__lead {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .businessPage__lead h2 {
    text-align: left;
    font-size: 2.2rem;
    line-height: 4rem;
    margin-bottom: 4rem;
  }

  .businessPage__lead p {
    text-align: justify;
  }

  .businessPage__single {
    position: relative;
    display: block;
    min-width: inherit;
  }

  .businessPage__single:not(:last-child) {
    margin-bottom: 6rem;
  }

  .businessPage__singleImg {
    width: 89.33333%;
    margin-bottom: 3.8rem;
  }

  .businessPage__singleTxt {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .businessPage__singleBtn {
    max-width: inherit;
  }

  .businessPage__singleNum {
    height: 8rem;
  }

  .businessPage__single h3 {
    height: 8rem;
    font-size: 1.8rem;
    margin-bottom: 3.3rem;
  }

  .businessPage__single:nth-child(odd) .businessPage__singleTxt {
    padding-right: 0;
  }

  .businessPage__single p {
    font-size: 1.4rem;
    line-height: 2.6rem;
    text-align: justify;
  }

  .businessPage__single p:not(:last-child) {
    margin-bottom: 3rem;
  }

  .businessPage__single:nth-child(even) .businessPage__singleImg {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    border-radius: 0.6rem 0 0 0.6rem;
    margin-left: auto;
    margin-right: 0;
  }

  .businessPage__single:nth-child(even) .businessPage__singleTxt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
  }

  .businessLowPage__cont {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding: 0 0 5rem;
  }

  .businessLowPage__cont .businessPage__single h3 {
    line-height: 2.4rem;
  }

  .businessLowPage__cont .businessPage__singleImg {
    width: 100%;
  }

  .businessLowPage__cont .businessPage__singleTxt {
    width: 100%;
  }

  .businessLowPage .pankuzuBlock {
    margin-bottom: 0;
  }

  .businessLowPage__head {
    background: none;
    min-height: inherit;
  }

  .businessLowPage__head .pankuzuBlock {
    width: 100%;
  }

  .businessLowPage__headInner {
    background: url(../img/business/microsoft/head_bg_sp.jpg) no-repeat;
    background-position: right;
    background-size: cover;
    width: 100%;
    min-width: inherit;
    -webkit-box-align: end;
    -ms-flex-align: end;
    justify-content: flex-end;
    align-items: flex-start;
    height:250px;
    padding: 0 2rem;
    padding-bottom: 0rem;
  }

  .businessLowPage__head p {
    font-size: 1.7rem;
    line-height: 3.2rem;
  }
  .businessLowPage__head p.headInner__title{
    width: 53.33333%;
  }

  .businessLowPage.mobility .businessLowPage__head {
    background: none;
  }

  .businessLowPage.mobility .businessLowPage__head p {
    width: 66.66667%;
  }

  .businessLowPage.mobility .businessLowPage__headInner {
    background: url(../img/business/mobility/head_bg_sp.jpg) no-repeat right top;
    background-size: cover;
  }

  .businessLowPage.investment .businessLowPage__head {
    background: none;
  }

  .businessLowPage.investment .businessLowPage__headInner {
    background: url(../img/business/investment/head_bg_sp.jpg) no-repeat right top;
    background-size: cover;
  }

  .businessLowPage__lead {
    text-align: justify;
    margin-bottom: 4.5rem;
    padding: 6rem 10.66667% 0;
  }

  .businessLowPage__products {
    padding: 10rem 0;
  }

  .businessLowPage__products h3,
  .ArchiveSingleService h3 {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }

  .businessLowPage__products h4,
  .ArchiveSingleService h4 {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 2.5rem;
  }

  .businessLowPage__productsInner {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .businessLowPage__productsSingle {
    width: 100%;
    min-width: inherit;
    margin-bottom: 3rem;
    padding-bottom: 2.4rem;
    position: relative;
  }

  .businessLowPage__productsSingle:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    background: url(../img/arrow_white.svg) no-repeat center center #333;
    background-size: 1.2rem;
    border-radius: 1.2rem;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
  }

  .businessLowPage__productsSingle:nth-child(odd) {
    margin-top: 0;
  }

  .businessLowPage__productsSingleImg {
    margin-bottom: 1.8rem;
  }

  .businessLowPage__productsSingleImg+h4 {
    margin-top: 2rem;
  }

  .businessLowPage__productsSingleCat {
    font-size: 1.4rem;
    position: relative;
    line-height: 1;
    padding-left: 1.2rem;
    margin-bottom: 1rem;
  }

  .businessLowPage__productsOb01 {
    top: 10rem;
    width: 76.8%;
  }

  .businessLowPage__productsOb02 {
    top: 120rem;
    width: 100%;
  }

  .businessLowPage__productsOb03 {
    top: 240rem;
    width: 100%;
  }

  .businessLowPage__other {
    padding: 4rem 0 2rem;
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .businessLowPage__other dt {
    width: 100%;
    margin-bottom: 3rem;
    font-size: 2rem;
  }

  .businessLowPage__other dt span {
    padding: 0 1.5rem 0 0;
  }

  .businessLowPage__other dd {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .businessLowPage__other a {
    width: 100%;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 374px) {
  .businessLowPage__head p {
    font-size: 1.4rem;
    line-height: 2.5rem;
  }
}

.productsPage .slick-prev,
.productsPage .slick-next {
  position: static;
  width: 5rem;
  height: 5rem;
  margin-left: 1rem;
}

.productsPage .slick-prev:before {
  background: url(/assets/img/top/case_arrow_right.png) no-repeat;
  background-size: cover;
}

.productsPage .slick-next:before {
  background: url(/assets/img/top/case_arrow_left.png) no-repeat;
  background-size: cover;
}

.productsPage .slick-prev:before,
.productsPage .slick-next:before {
  display: block;
  content: "";
  width: 5rem;
  height: 5rem;
}

.productsPage__list {
  background: #fafafa;
  background-size: contain;
  padding: 10rem 0;
  position: relative;
}

.productsPage__listLead {
  width: 100%;
  margin-bottom: 7rem;
}

.productsPage__listLead h2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  font-size: 2.8rem;
  font-weight: bold;
  color: #0090a8;
  margin-bottom: 3rem;
}

.productsPage__listLead p {
  line-height: 3.4rem;
}

.productsPage__list h3 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}

.productsPage__listInner {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  position: relative;
  z-index: 1;
}

.productsPage__listInner:not(:last-child) {
  margin-bottom: 15rem;
}

.productsPage__listSingle {
  display: block;
  width: 40%;
  min-width: 40rem;
}

.productsPage__listSingle:nth-child(odd) {
  margin-top: 10rem;
}

.productsPage__listSingleImg {
  margin-bottom: 2.8rem;
  position: relative;
}

.productsPage__listSingleImg img {
  border-radius: 0.6rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}

.productsPage__listSingleImgInner {
  overflow: hidden;
  border-radius: 0.6rem;
}

.productsPage__listSingleImg:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  border: 1px solid transparent;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 0;
  background: url(../img/arrow_blue.svg) no-repeat right 1.5rem bottom 1.5rem;
  background-size: 1.5rem;
}

.productsPage__listSingleImg+h3 {
  margin-top: 5rem;
}

.productsPage__listSingleTxt {
  font-size: 1.4rem;
  text-align: justify;
  line-height: 2.6rem;
}

.productsPage__listSingleLead {
  margin-bottom: 1rem;
}

@media screen and (min-width: 68.7rem) {
  .productsPage__listSingle:hover .productsPage__listSingleImg img {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }

  .productsPage__listSingle:hover .productsPage__listSingleImg:after {
    right: -1.5rem;
    bottom: -1.5rem;
    border-color: #0090a8;
  }
}

.productsPage__listOb {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.productsPage__listOb * {
  position: absolute;
}

.productsPage__listOb01 {
  top: 13rem;
  right: 0;
  width: 73.3rem;
}

.productsPage__listOb02 {
  top: 130rem;
  left: 0;
  right: 0;
  width: 100%;
}

.productsPage__listOb03 {
  top: 230rem;
  left: 0;
  width: 58.2rem;
}

.productsPage__listOb04 {
  bottom: 35.4rem;
  right: 0;
  width: 98.6rem;
}

.productsPage__lead {
  width: 100%;
  max-width: calc(120rem + 2rem);
  padding-left: 2rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin: auto;
  padding-bottom: 6rem;
}

.productsPage__leadWrap {
  height: auto;
  background-repeat: no-repeat;
  background-position: right top -100px;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage__leadWrap .pankuzuBlock {
  margin-bottom: 4.5rem;
}

.productsPage__leadTxt {
  font-size:max(1.5vw,1.8rem);
  font-weight: bold;
  line-height: 2.5vw;
}

.productsPage__leadImg {
  display: none;
  width: 46.2%;
  padding-right: 4rem;
}

.productsPage__pager {
  background: #F7F7F7;
  padding: 1rem 0 0;
  position: sticky;
  top: 70px;
  z-index: 10;
  border-bottom: solid 1px #ccc;
}
.download .productsPage__pager{
  margin-bottom: 10rem;
}

.productsPage__pager ul {
  width: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage__pager ul li {
  padding: 0 0.6rem;
  margin-bottom: 1.2rem;
}

.productsPage__pager a {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  background: url(../img/simplearrowB_white.svg) no-repeat right 10px center #333;
  background-size: 0.8rem;
  color: #ffffff;
  text-align: center;
  border-radius: 2.5rem;
  padding:5px 3rem 5px 2rem;

}

.productsPage__pager a.outer {
  background: url(../img/simpleArrowR_white.svg) no-repeat right 10px center #0090a8;
  background-size: 0.8rem;
}

.productsPage__pager a:hover {
  opacity: 0.7;
}

.productsPage__about,
.service__about {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 5rem 0;
  margin-bottom: 12rem;
}

.productsPage__about h2,
.service__about h2 {
  text-align: center;
  font-weight: bold;
  font-size: 3.5rem;
  letter-spacing: 0.15em;
  margin-bottom: 2rem;
  line-height: 1.5;
}

.productsPage__about p,
.service__about p {
  text-align: center;
  line-height: 3.5rem;
  font-size: 1.7rem;
}

.productsPage__about h2,
.productsPage__about p{
    color: #ffffff;
}

.productsPage__about p:not(:last-child),
.service__about p:not(:last-child) {
  margin-bottom: 4rem;
}

.productsPage__about p sup,
.service__about p sup {
  vertical-align: super;
  font-size: 1rem;
}

.productsPage__aboutAtt {
  color: #ffffff;
  font-size: 1rem;
  text-align: center;
  display: block;
}

.productsPage__ttl {
  width: 100%;
  font-size: 3rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
  margin-bottom: 3rem;
}

.productsPage__ttl:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.productsPage__ttl span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 2.5rem 0 0;
  letter-spacing: 0.15em;
}

.productsPage__feature {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12rem;
}

.productsPage__featureLead {
  line-height: 3rem;
  margin-bottom: 6rem;
}

.productsPage__featureSingle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 7rem;
}

.productsPage__featureSingle:nth-child(even) .productsPage__featureSingleTxt {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.productsPage__featureSingle:nth-child(even) .productsPage__featureSingleImg {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.productsPage__featureSingleImg {
  width: 50%;
  border-radius: 0.6rem;
  overflow: hidden;
}

.productsPage__featureSingleImg img {
  width: 100%;
}

.productsPage__featureSingleTxt {
  width: 44%;
}

.productsPage__featureSingle h4 {
  font-size: 2.2rem;
  line-height: 3.3rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
  padding-top: 2rem;
  position: relative;
  z-index: 2;
}

.productsPage__featureSingle h4 span {
  position: absolute;
  left: 0;
  top: 0;
  height: 9.9rem;
  z-index: 0;
}

.productsPage__featureSingle h4 span img {
  height: 100%;
  width: auto;
}

.productsPage__featureSingle p {
  text-align: justify;
  position: relative;
  z-index: 1;
}

.productsPage__merit {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
  position: relative;
}

.productsPage__meritLead {
  line-height: 3.2rem;
  margin-bottom: 6rem;
}

.productsPage__example {
  position: relative;
  margin-bottom: 12rem;
}

.productsPage__example .productsPage__ttl {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 6.5rem;
}

.productsPage__example:before {
  content: "";
  background: #fbfbfb;
  display: block;
  height: 38.5rem;
  width: 85.71429%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.productsPage__exampleSlider {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
}

.productsPage__exampleSliderArrows {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 6rem;
}

.productsPage__exampleSlider .slick-list {
  padding-bottom: 6rem !important;
}

.productsPage__exampleSliderSingle {
  width: 36rem;
  margin: 0 3rem;
}

.productsPage__exampleSliderSingle a {
  background: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0 0 6px 6px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.productsPage__exampleSliderSingle a:hover {
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}

.productsPage__exampleSliderSingleImg {
  border-radius: 6px 6px 0 0;
  width: 100%;
  height: 24rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.productsPage__exampleSliderSingleTxt {
  padding: 4rem 2rem;
  min-height: 22.8rem;
}

.productsPage__exampleSliderSingleTxt p:not([class]) {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.productsPage__exampleSliderSingleTxt * {
  max-width: 100%;
}

.productsPage__exampleSliderSingleLead {
  margin-bottom: 1rem;
}

.productsPage__exampleSliderSingleName {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
}

.productsPage__flow {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.productsPage__flowLead {
  width: 100%;
  line-height: 3.2rem;
  margin-bottom: 7.5rem;
}

.productsPage__flowList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  /*-ms-flex-flow: row wrap;
  flex-flow: row wrap;*/
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage__flowSingle {
  width: 30%;
  background: rgba(1, 147, 161, 0.1);
  position: relative;
  padding: 4rem;
}

.productsPage__flowSingleNum {
  height: 3.3rem;
  position: absolute;
  left: 0;
  top: -1.7rem;
  background: #0090a8;
  color: #ffffff;
  display: inline-block;
  padding: 0.3rem 2rem;
  font-size: 1.8rem;
  font-weight: bold;
}

.productsPage__flowSingleNum:after {
  content: "";
  display: block;
  position: absolute;
  right: -3.3rem;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.3rem 0 0 3.3rem;
  border-color: transparent transparent transparent #0090a8;
}

.productsPage__flowSingle h4 {
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.productsPage__flowSingle p:not([class]) {
  font-size: 1.4rem;
}

.productsPage__flowSingle:not(:last-child):after {
  display: block;
  content: "";
  background: url(../img/product/flow_arrow.png) no-repeat;
  background-size: contain;
  width: 1.9rem;
  height: 3.8rem;
  position: absolute;
  right: -4rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.productsPage__flowAtt {
  margin-top: 1.5rem;
  font-size: 1.4rem;
  width: 100%;
}

.productsPage__flow.four .productsPage__flowSingle {
  width: 100%;
  margin-right: 60px;
}
.productsPage__flow.four .productsPage__flowSingle:last-of-type{
  margin-right: 0;
}

.productsPage__flow.four .productsPage__flowSingle:before {
  right: -3.5rem;
}

.productsPage__flow.four .productsPage__flowSingle:nth-last-child(-n + 2):before {
  display: none;
}
@media screen and (max-width: 768px) {
  .productsPage__flowList {
    flex-direction: column;
  }
  .productsPage__flowSingle:after{
    display: none;
  }
  .productsPage__flow.four .productsPage__flowSingle{
    margin-right: 0px;
    margin-bottom: 5rem;
  }
}

.productsPage__price {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12rem;
}

.productsPage__priceLead {
  width: 100%;
  line-height: 3.2rem;
  margin-bottom: 1rem;
}

.productsPage__priceAtt {
  font-size: 1.4rem;
}

.productsPage__priceAtt li {
  text-indent: -1em;
  margin-left: 1em;
}

.productsPage__price a {
  text-decoration: underline;
}

.productsPage__price a:hover {
  text-decoration: none;
}

.productsPage__faq {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12rem;
}

.productsPage__faq dl {
  background: #fbfbfb;
  margin-bottom: 1rem;
}

.productsPage__faq dl dt {
  padding: 3rem 8.5rem;
  position: relative;
  background: url(../img/product/q.png) no-repeat left 4rem top 3.5rem;
  background-size: 3rem;
}

.productsPage__faq dl dt:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  display: block;
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  right: 4rem;
  top: 0.6rem;
  bottom: 0;
  margin: auto;
  background: url(../img/simplearrowR_gray.svg) no-repeat;
  background-size: contain;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.productsPage__faq dl dt:hover {
  cursor: pointer;
}

.productsPage__faq dl dt.open:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: -0.6rem;
}

.productsPage__faq dl dd {
  display: none;
  font-size: 1.4rem;
  margin: 0 4rem;
  padding: 2.5rem 0 2.5rem 3.5rem;
  background: url(../img/product/a.png) no-repeat left top 3.5rem;
  background-size: 2.2rem;
  border-top: 1px solid #b4b4b4;
}

.productsPage__faq p+ul {
  margin-top: 2rem;
}

/*.productsPage .contactBlock {
  margin-bottom: 12rem;
}*/

.productsPage .contactBlock__two {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage .contactBlock__inner {
  width: 49.5%;
}

.productsPage .contactBlock .contactBlock__btn.product {
  margin: 0 auto;
  display: block;
  color: #0090a8;
}

.productsPage__news {
  width: 100%;
  padding: 5rem 1rem;
  background: #F9F9F9;
  overflow: hidden;
}
.productsPage__news h3::after{
  display: none !important;
}

.productsPage__news h3 {
  max-width: 120rem;
  width: 100%;
  margin: 0 auto 2rem auto;

  font-size: 2rem;
  font-weight: bold;
  color: #0090a8;
  letter-spacing: 0.1em;
  margin: 0 auto 4.5rem auto;
}

.productsPage__news h3 span{
  background: #F9F9F9;
}

.productsPage__newsList {
  margin-top: 3rem;
  margin: 0 auto;
  max-width: 120rem;
  width: 90%;
}

.productsPage__newsList a {
  display: block;
  width: 100%;
  height: 100%;
  /*max-width: 120rem;
  /*min-width: 94rem;*/
  margin: 0 auto;
  margin-bottom: 1rem;
  padding: 1rem 4rem;
  background: #fff;
  background-size: 1.5rem;
}

.productsPage__newsList a:hover {
  opacity: 0.7;
}

.productsPage__newsList dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage__newsList dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-right: 2.5rem;
}

.productsPage__related {
  position: relative;
  margin-bottom: 12rem;
}

.productsPage__related h3 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0090a8;
  letter-spacing: 0.1em;
}

.productsPage__relatedTtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
}

.productsPage__related:before {
  content: "";
  background: #fbfbfb;
  display: block;
  height: 38.5rem;
  width: 85.71429%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.productsPage__relatedSliderArrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 6rem;
}

.productsPage__relatedSlider .slick-list {
  padding-bottom: 6rem !important;
}

.productsPage__relatedSliderSingle {
  width: 36rem;
  margin: 0 3rem;
}

.productsPage__relatedSliderSingle a {
  background: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0 0 6px 6px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.productsPage__relatedSliderSingle a:hover {
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}

.productsPage__relatedSliderSingleImg {
  border-radius: 6px 6px 0 0;
  width: 100%;
  height: 24rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.productsPage__relatedSliderSingleTxt {
  padding: 4rem 2rem;
  min-height: 22.8rem;
}

.productsPage__relatedSliderSingleTxt p:not([class]) {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.productsPage__relatedSliderSingleTxt * {
  max-width: 100%;
}

.productsPage__relatedSliderSingleLead {
  margin-bottom: 1rem;
}

.productsPage__relatedSliderSingleName {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
}

.productsPage.office .productsPage__leadWrap {
  background-image: url(../img/product/microsoft/ob01.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: auto 100%;
  background-position: right top;
}

.productsPage.office .productsPage__about {
  background-image: url(../img/product/microsoft/bg01.png);
}

.productsPage.office .productsPage__meritBefore,
.productsPage.office .productsPage__meritAfter {
  width: 45%;
}

.productsPage.office .productsPage__meritBefore h4,
.productsPage.office .productsPage__meritAfter h4 {
  margin-bottom: 1.5rem;
}

.productsPage.office .productsPage__meritBefore h4 img,
.productsPage.office .productsPage__meritAfter h4 img {
  height: 2.7rem;
  margin: 0 auto;
  width: auto;
}

.productsPage.office .productsPage__meritBefore dl,
.productsPage.office .productsPage__meritAfter dl {
  height: calc(100% - 61px);
  padding: 3.5rem;
  border-radius: 0.6rem;
}

.productsPage.office .productsPage__meritBefore dl dt,
.productsPage.office .productsPage__meritAfter dl dt {
  min-height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  font-size: 2rem;
  letter-spacing: 0.15em;
  font-weight: bold;
  margin-bottom: 4rem;
}

.productsPage.office .productsPage__meritBefore dl dd:not(:last-child),
.productsPage.office .productsPage__meritAfter dl dd:not(:last-child) {
  margin-bottom: 2rem;
}

.productsPage.office .productsPage__meritBefore dl dd img,
.productsPage.office .productsPage__meritAfter dl dd img {
  height: 17.2rem;
  width: auto;
  margin: 0 auto;
}

.productsPage.office .productsPage__meritBefore dl dd p,
.productsPage.office .productsPage__meritAfter dl dd p {
  font-size: 1.4rem;
  line-height: 2.6rem;
  text-align: justify;
}

.productsPage.office .productsPage__meritBefore dl dd p+p,
.productsPage.office .productsPage__meritAfter dl dd p+p {
  margin-top: 2.5rem;
}

.productsPage.office .productsPage__meritBefore dl {
  border: 5px solid rgba(112, 112, 112, 0.09);
}

.productsPage.office .productsPage__meritAfter:before {
  display: block;
  content: "";
  background: url(../img/product/microsoft/merit_arrow.png) no-repeat;
  background-size: contain;
  width: 1.9rem;
  height: 3.8rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 6.1rem;
  bottom: 0;
  margin: auto;
}

.productsPage.office .productsPage__meritAfter dl {
  border: 5px solid #0090a8;
}

.productsPage__concept {
  background: url(../img/product/concept_bg.png) no-repeat left top;
  background-size: contain;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  padding-top: 9rem;
  padding-bottom: 5rem;
  margin-bottom: 12rem;
}

.productsPage__conceptInner {
  background: #ffffff;
  border-radius: 0.6rem;
  width: 78%;
  margin: 0 0 0 auto;
  padding: 9rem 8rem;
  -webkit-box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
}

.productsPage__concept ol {
  counter-reset: circle 0;
  list-style-type: none;
  padding-left: 0;
}

.productsPage__concept ol li {
  position: relative;
  margin-bottom: 4rem;
  padding-left: 4.5rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.productsPage__concept ol li:before {
  position: absolute;
  left: 0;
  top: 0;
  counter-increment: circle;
  content: counter(circle);
  background: #0090a8;
  width: 3rem;
  height: 3rem;
  display: block;
  color: #fff;
  line-height: 3rem;
  text-align: center;
  border-radius: 50%;
}

.productsPage__scene {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.productsPage__scene .productsPage__ttl {
  margin-bottom: 6rem;
}

.productsPage__sceneSingle {
  width: 30%;
}

.productsPage__sceneSingle:nth-child(3) {
  margin-top: 5rem;
}

.productsPage__sceneSingle:nth-child(4) {
  margin-top: 10rem;
}

.productsPage__sceneSingleImg {
  border-radius: 0.6rem;
  overflow: hidden;
  margin-bottom: 2rem;
}

.productsPage__sceneSingleImg img {
  width: 100%;
  max-width: inherit;
}

.productsPage__scene h4 {
  color: #ffffff;
  font-weight: bold;
  background: #0090a8;
  padding: 0.5rem 2rem;
  display: inline-block;
  margin-bottom: 2rem;
}

.productsPage__scene dl {
  margin-bottom: 2rem;
}

.productsPage__scene dl dt {
  position: relative;
  padding-left: 1.6rem;
}

.productsPage__scene dl dt:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #0090a8;
  position: absolute;
  left: 0;
  top: 0.9rem;
}

.productsPage__scene dl dd {
  font-size: 1.4rem;
  word-break: break-all;
}

.productsPage.app .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#0077bb),
      to(#005cbb));
  background: linear-gradient(to right, #0077bb 0%, #005cbb 100%);
}

.productsPage.app .productsPage__leadWrap {
  background-image: url(../img/product/microsoft/app/ob01.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: contain, auto 100%;
  background-position: right 11.42857% top, right top;
}

.productsPage.app .productsPage__about {
  background-image: url(../img/product/microsoft/app/bg01.png);
}

.productsPage.app .productsPage__featureSingle:nth-child(odd) .productsPage__featureSingleTxt {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.productsPage.app .productsPage__featureSingle:nth-child(odd) .productsPage__featureSingleImg {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.productsPage.app .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleTxt {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.productsPage.app .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleImg {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.productsPage.share .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#0096bb),
      to(#00bb54));
  background: linear-gradient(to right, #0096bb 0%, #00bb54 100%);
}

.productsPage.share .productsPage__leadWrap {
  /*min-height: 54.7rem;*/
  background-image: url(../img/product/microsoft/share/bg.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: 58.57143%, auto 100%;
  background-position: right center, right top;
}

.productsPage.share .productsPage__about {
  background-image: url(../img/product/microsoft/share/bg01.png);
}

.productsPage.share .productsPage__aboutSample {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage.share .productsPage__aboutSample dl {
  position: relative;
  margin: 0 4rem;
  width: 34%;
}

.productsPage.share .productsPage__aboutSample dl dt {
  position: relative;
  padding-left: 1.5rem;
  color: #ffffff;
  margin-bottom: 1rem;
}

.productsPage.share .productsPage__aboutSample dl dt:before {
  content: "";
  background: #ffffff;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.productsPage.share .productsPage__aboutSample dl:not(:last-child):after {
  content: "";
  display: block;
  background: url(../img/product/microsoft/share/about_arrow.png) no-repeat;
  background-size: cover;
  width: 1.9rem;
  height: 3.8rem;
  position: absolute;
  right: -5.5rem;
  top: 2.5rem;
  bottom: 0;
  margin: auto;
}

.productsPage.share .productsPage__aboutSample img {
  width: 100%;
}

.productsPage.share .productsPage__meritList,
.MeritList{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  width: 100%;
}

.productsPage.share .productsPage__meritSingle,
.MeritSingle{
  border-radius: 6px;
  width: 30%;
  background: rgba(1, 147, 161, 0.1);
  position: relative;
  min-height: 16.4rem;
  padding: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage.share .productsPage__meritSingle img,
.MeritSingle img {
  position: absolute;
  left: 0;
  top: 0;
  height: 8.3rem;
  width: auto;
}

.productsPage.share .productsPage__meritSingle p,
.MeritSingle p {
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

.productsPage.share .productsPage__meritSingle:nth-child(2),
.productsPage.share .productsPage__meritSingle:nth-child(5),
.MeritSingle:nth-child(2),
.MeritSingle:nth-child(5) {
  margin-top: 3rem;
}

.productsPage.share .productsPage__meritSingle:nth-child(3),
.productsPage.share .productsPage__meritSingle:nth-child(6),
.MeritSingle:nth-child(3),
.MeritSingle:nth-child(6)  {
  margin-top: 6rem;
}

.productsPage.share .productsPage__serviceLead {
  line-height: 3.2rem;
  margin-bottom: 6rem;
}

.productsPage.share .productsPage__serviceImg,
.productsPage.share .productsPage__serviceTxt {
  width: 47%;
}

.productsPage.share .productsPage__service dl:not(:last-child) {
  margin-bottom: 3rem;
}

.productsPage.share .productsPage__service dl dt {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

.productsPage.share .productsPage__service dl dd {
  text-align: justify;
  font-size: 1.4rem;
}

.productsPage__function {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 7rem;
}

.productsPage__function .productsPage__ttl {
  margin-bottom: 6rem;
}

.productsPage__functionSingle {
  width: 30%;
  margin-bottom: 5rem;
}

.productsPage__functionSingleImg {
  margin-bottom: 2.5rem;
  border-radius: 6px;
  overflow: hidden;
}

.productsPage__functionSingle h4 {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

.productsPage__functionSingle p {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.productsPage__service {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
  position: relative;
}

.productsPage.sdps .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#00bb65),
      to(#00bb9a));
  background: linear-gradient(to right, #00bb65 0%, #00bb9a 100%);
}

.productsPage.sdps .productsPage__leadWrap {
  background-image: url(../img/product/microsoft/sdps/ob01.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: 38.28571%, auto 100%;
  background-position: right 9.42857% top 6vw, right top;
}

@media screen and (min-width: 768px) and (max-width: 1390px) {
  .productsPage.sdps .productsPage__leadWrap {
    background-size: 53.6rem, auto 100%;
    background-position: right 9.42857% top 8rem, right top;
  }
}

.productsPage.sdps .productsPage__about {
  background-image: url(../img/product/microsoft/sdps/bg01.png);
}

.productsPage.sdps .productsPage__merit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage.sdps .productsPage__merit .productsPage__ttl {
  margin-bottom: 5rem;
}

.productsPage.sdps .productsPage__meritImg {
  width: 50%;
  border-radius: 0.6rem;
  overflow: hidden;
}

.productsPage.sdps .productsPage__meritTxt {
  text-align: justify;
  font-size: 1.4rem;
  width: 44%;
}

.productsPage__recommend {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12rem;
}

.productsPage__recommendLead {
  margin-bottom: 4rem;
}

.productsPage__recommend ul li {
  background: url(../img/product/microsoft/sdps/check.png) no-repeat left top 0.8rem;
  background-size: 1.5rem;
  padding-left: 2.6rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.productsPage__recommend ul li:not(:last-child) {
  margin-bottom: 1rem;
}

.productsPage__case {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.productsPage__case .productsPage__ttl {
  margin-bottom: 6rem;
}

.productsPage__caseSingle {
  width: 49%;
  padding: 3rem;
  background: linear-gradient(120deg, rgba(0, 144, 168, 0.06) 50%, white 50%);
}

.productsPage__caseSingle p {
  font-size: 1.4rem;
  text-align: justify;
}

.productsPage__case h4 {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2.7rem;
  margin-bottom: 1.5rem;
}

.productsPage__target {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.productsPage__targetLead {
  margin-bottom: 6rem;
}

.productsPage__target div.pc {
  width: 100%;
}

.productsPage__target table {
  width: 100%;
  border: 1px solid #0090a8;
}

.productsPage__target table th,
.productsPage__target table td {
  padding: 2rem;
  font-size: 1.4rem;
}

.productsPage__target table th {
  background: #0090a8;
  text-align: center;
  color: #ffffff;
  vertical-align: middle;
}

.productsPage__target table th+th {
  border-left: 1px solid #fff;
}

.productsPage__target table th.name {
  width: 26%;
}

.productsPage__target table th.price {
  width: 8.8%;
}

.productsPage__target table td {
  border: 1px solid #0090a8;
}

.productsPage__target table.productsPage__targetServiceTable tr:not(:last-child) th {
  border-bottom: 1px solid #fff;
}

.productsPage.noverti .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#00b0bf),
      to(#67bf00));
  background: linear-gradient(to right, #00b0bf 0%, #67bf00 100%);
}

.productsPage.noverti .productsPage__leadWrap {
  background-image: url(../img/product/microsoft/noverti/ob01.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: auto 100%;
  background-position: right top;
}

.productsPage.noverti .productsPage__about {
  background-image: url(../img/product/microsoft/noverti/bg01.png);
}

.productsPage.noverti .productsPage__serviceMovie {
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.productsPage.noverti .productsPage__serviceMovie * {
  width: 100%;
}

.productsPage.noverti .productsPage__serviceMovie:hover {
  cursor: pointer;
  opacity: 0.7;
}

.productsPage.noverti .productsPage__serviceMovie:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 1rem;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  width: 8.5rem;
  height: 8.5rem;
  background: url(../img/product/microsoft/noverti/play.png);
  background-size: cover;
}

.productsPage.noverti .productsPage__serviceMain {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 5.5rem;
}

.productsPage.noverti .productsPage__serviceMain .productsPage__serviceMovie {
  width: 52.8%;
  height: 34rem;
}

.productsPage.noverti .productsPage__serviceMain .productsPage__serviceMovie:before {
  display: none;
}

.productsPage.noverti .productsPage__serviceMain .productsPage__serviceMovie iframe {
  width: 100%;
  height: 100%;
}

.productsPage.noverti .productsPage__serviceMain .productsPage__serviceMovie:hover {
  cursor: inherit;
  opacity: 1;
}

.productsPage.noverti .productsPage__serviceMain dl {
  width: 44%;
}

.productsPage.noverti .productsPage__serviceMain dl dt {
  color: #0090a8;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.productsPage.noverti .productsPage__serviceMain dl dd {
  font-size: 1.4rem;
  text-align: justify;
}

.productsPage.noverti .productsPage__serviceList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage.noverti .productsPage__service h4 {
  position: relative;
  width: 100%;
  margin-bottom: 4rem;
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  padding-left: 2.1rem;
}

.productsPage.noverti .productsPage__service h4:before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #0090a8;
  position: absolute;
  left: 0;
  top: 0.8rem;
}

.productsPage.noverti .productsPage__serviceSingle {
  width: 30%;
  margin-bottom: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage.noverti .productsPage__serviceSingleTtl {
  margin-top: 2rem;
  color: #ffffff;
  background: #0090a8;
  font-weight: bold;
  padding: 0.7rem 2.5rem;
}

.productsPage.noverti .productsPage__meritTtl {
  max-width: 15.5rem;
  width: 16.84783%;
}

.productsPage.noverti .productsPage__meritCont {
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 4rem;
  background: linear-gradient(120deg, rgba(0, 144, 168, 0.06) 50%, white 50%);
}

.productsPage.noverti .productsPage__meritCont p {
  font-size: 1.4rem;
  text-align: justify;
}

.productsPage.noverti .productsPage__meritSingle {
  width: 35.86957%;
  position: relative;
}

.productsPage.noverti .productsPage__meritSingle:not(:last-child):before {
  display: block;
  content: "";
  background: url(../img/product/flow_arrow.png) no-repeat;
  background-size: contain;
  width: 1.9rem;
  height: 3.8rem;
  position: absolute;
  right: -13.63636%;
  top: 0;
  bottom: 0;
  margin: auto;
}

.productsPage.noverti .productsPage__meritSingleLead {
  position: relative;
  font-weight: bold;
  font-size: 1.4rem;
  padding-left: 1.4rem;
  line-height: 1;
  margin-bottom: 0.4rem;
}

.productsPage.noverti .productsPage__meritSingleLead:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #333;
  position: absolute;
  left: 0;
  top: 0.4rem;
}

.productsPage.noverti .productsPage__merit h4 {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2.7rem;
  margin-bottom: 1.5rem;
}

.productsPage__effect {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.productsPage__effect .productsPage__ttl {
  margin-bottom: 6rem;
}

.productsPage__effect dl {
  width: 30%;
  max-width: 30rem;
}

.productsPage__effect dl dt {
  font-weight: bold;
  font-size: 1.8rem;
  color: #0090a8;
  text-align: center;
}

.productsPage__more {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12rem;
}

.productsPage__more .productsPage__ttl {
  margin-bottom: 6rem;
}

.productsPage__more img {
  width: 100%;
  max-width: 80.6rem;
  margin: 0 auto;
}

.productsPage.teams .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#005cbb),
      to(#694bba));
  background: linear-gradient(to right, #005cbb 0%, #694bba 100%);
}

.productsPage.teams .productsPage__leadWrap {
  background-image: url(../img/product/microsoft/teams/ob01.jpg);
  background-size: auto 100%;
  background-position: right top;
}

.productsPage.teams .productsPage__about {
  background-image: url(../img/product/microsoft/teams/bg01.png);
}

.productsPage.teams .productsPage__service {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.productsPage.teams .productsPage__serviceLead {
  line-height: 3.2rem;
  margin-bottom: 6rem;
}

.productsPage.teams .productsPage__serviceImg {
  border-radius: 0.6rem;
  overflow: hidden;
}

.productsPage.teams .productsPage__serviceImg,
.productsPage.teams .productsPage__serviceTxt {
  width: 47%;
}

.productsPage.teams .productsPage__serviceAtt {
  font-weight: bold;
  font-size: 1.4rem;
  padding-left: 1.5rem;
  position: relative;
  line-height: 1;
  margin-bottom: 2.2rem;
}

.productsPage.teams .productsPage__serviceAtt:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background: #333;
  border-radius: 4px;
  display: block;
  position: absolute;
  left: 0;
  top: 0.2rem;
}

.productsPage.teams .productsPage__service dl:not(:last-child) {
  margin-bottom: 3rem;
}

.productsPage.teams .productsPage__service dl dt {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

.productsPage.teams .productsPage__service dl dd {
  text-align: justify;
  font-size: 1.4rem;
}

.productsPage.gifs .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#00b9bb),
      to(#0058bb));
  background: linear-gradient(to right, #00b9bb 0%, #0058bb 100%);
}

.productsPage.gifs .productsPage__leadWrap {
  background-image: url(../img/product/maas/gifs/ob01.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: auto 100%;
  background-position: right top;
}

.productsPage.gifs .productsPage__about {
  background-image: url(../img/product/maas/gifs/bg01.png);
}

.productsPage.gifs .productsPage__merit h4,
.Merit__page h4 {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2.7rem;
  margin-bottom: 1.5rem;
}

.productsPage.gifs .productsPage__meritCont,
.Merit__page .productsPage__meritCont {
  width: 100%;
  position: relative;
}

.productsPage.gifs .productsPage__meritContLeft,
.Merit__page .productsPage__meritContLeft {
  width: 30%;
  position: absolute;
  left: 0;
  top: 0;
}

.productsPage.gifs .productsPage__meritContRight,
.Merit__page .productsPage__meritContRight {
  width: 30%;
  position: absolute;
  right: 0;
  top: 7.6rem;
}

.productsPage.gifs .productsPage__meritImg,
.Merit__page .productsPage__meritImg {
  display: block;
  margin: 0 auto;
  width: 27.6%;
}

.productsPage.gifs .productsPage__meritSingle,
.Merit__page .productsPage__meritSingle {
  width: 100%;
  margin-bottom: 3rem;
  padding: 2.5rem 0 2.5rem 2.5rem;
  background: linear-gradient(120deg, rgba(0, 144, 168, 0.06) 50%, white 50%);
}

.productsPage.gifs .productsPage__meritSingle p,
.Merit__page .productsPage__meritSingle p {
  font-size: 1.4rem;
  text-align: justify;
}

.productsPage.gifs .productsPage__meritSingleLead,
.Merit__page .productsPage__meritSingleLead {
  position: relative;
  font-weight: bold;
  font-size: 1.4rem;
  padding-left: 1.4rem;
  line-height: 1;
  margin-bottom: 1rem;
}

.productsPage.gifs .productsPage__meritSingleLead:before,
.Merit__page .productsPage__meritSingleLead:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #333;
  position: absolute;
  left: 0;
  top: 0.4rem;
}

.gifss .productsPage__featureSingle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 7rem;
}

.gifss .productsPage__featureSingleImg {
  width: 52%;
}

.gifss .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleImg {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.gifss .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleTxt {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.gifss .productsPage__featureSingleTxt {
  width: 42%;
}

.gifss .productsPage__featureSingleTxtTtl {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.gifss .productsPage__featureSingleAtt {
  margin-top: 3.5rem;
  font-size: 1rem;
  line-height: 2.4rem;
}

.gifss .productsPage__featureSingle h4 {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  min-height: inherit;
  color: #ffffff;
  padding-top: 0;
}

.gifss .productsPage__featureSingle h4 span {
  position: static;
  height: auto;
  background: #0090a8;
  display: inline-block;
  padding: 1rem 1rem;
  line-height: 1;
}

.gifss .productsPage__featureSingle h4 span:not(:last-child) {
  margin-bottom: 1rem;
}

.gifss .productsPage__featureSingle p:not([class]) {
  text-align: justify;
}

.productsPage.bus .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#00bb58),
      to(#00bbb9));
  background: linear-gradient(to right, #00bb58 0%, #00bbb9 100%);
}

.productsPage.bus .productsPage__leadWrap {
  background-image: url(../img/product/maas/bus/ob01.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: auto 100%;
  background-position: right top;
}

.productsPage.bus .productsPage__about {
  background-image: url(../img/product/maas/bus/bg01.png);
}

.productsPage.bus .productsPage__flow .productsPage__ttl {
  margin-bottom: 7.5rem;
}

.productsPage__specification {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage__specificationLead {
  width: 100%;
  margin-bottom: 6rem;
}

.productsPage__specificationSingle {
  width: 47%;
  margin-bottom: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage__specificationSingleImg {
  width: 34.04255%;
}

.productsPage__specificationSingleTxt {
  width: 59.57447%;
}

.productsPage__specificationSingle p {
  font-size: 1.4rem;
  line-height: 2.6rem;
  text-align: justify;
}

.productsPage__specification h4 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0090a8;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 768px) {

  .productsPage .slick-prev,
  .productsPage .slick-next {
    position: static;
    width: 5rem;
    height: 5rem;
    margin-left: 1rem;
  }

  .productsPage .slick-prev:before {
    background: url(/assets/img/top/case_arrow_right.png) no-repeat;
    background-size: cover;
  }

  .productsPage .slick-next:before {
    background: url(/assets/img/top/case_arrow_left.png) no-repeat;
    background-size: cover;
  }

  .productsPage .slick-prev:before,
  .productsPage .slick-next:before {
    display: block;
    content: "";
    width: 5rem;
    height: 5rem;
  }

  .productsPage__list {
    padding: 5rem 0;
  }

  .productsPage__listLead {
    margin-bottom: 4rem;
  }

  .productsPage__listLead h2 {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }

  .productsPage__listLead p {
    text-align: justify;
    word-break: break-all;
  }

  .productsPage__list h3 {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 2.5rem;
  }

  .productsPage__listInner {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .productsPage__listInner:not(:last-child) {
    margin-bottom: 7rem;
  }

  .productsPage__listSingle {
    width: 100%;
    min-width: inherit;
    margin-bottom: 3rem;
    padding-bottom: 2.4rem;
    position: relative;
  }

  .productsPage__listSingle:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    background: url(../img/arrow_white.svg) no-repeat center center #333;
    background-size: 1.2rem;
    border-radius: 1.2rem;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
  }

  .productsPage__listSingle:nth-child(odd) {
    margin-top: 0;
  }

  .productsPage__listSingle:nth-child(even) {
    margin-top: 0;
  }

  .productsPage__listSingleImg {
    margin-bottom: 1.8rem;
  }

  .productsPage__listSingleImg+h3 {
    margin-top: 2rem;
  }

  .productsPage__listOb {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
  }

  .productsPage__listOb * {
    position: absolute;
  }

  .productsPage__listOb01 {
    top: 13rem;
    right: 0;
    width: 73.3rem;
  }

  .productsPage__listOb02 {
    top: 130rem;
    left: 0;
    right: 0;
    width: 100%;
  }

  .productsPage__listOb03 {
    top: 230rem;
    left: 0;
    width: 58.2rem;
  }

  .productsPage__listOb04 {
    bottom: 35.4rem;
    right: 0;
    width: 98.6rem;
  }

  .productsPage__lead {
    width: 80%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding-left: 0;
  }

  .productsPage__leadWrap {
    background: none !important;
    background: url(../img/product/microsoft/lead_bg_sp.png) no-repeat right top;
    background-size: 100%;
    min-height: inherit;
    height: auto;
  }

  .productsPage__leadWrap img.sp {
    width: 50%;
    margin: 0 auto 0.1rem;
  }

  .productsPage__leadTxt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 2.5rem;
    line-height: 4rem;
  }

  .productsPage__leadTxt br {
    display: none;
  }

  .productsPage__leadImg {
    display: block;
    margin: 0 auto;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 68.95522%;
    padding-right: 0;
  }

  .productsPage__pager {
    padding: 2rem 2rem 1rem;
    position: relative;
    top: 0 !important;
  }

  .productsPage__pager ul {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .productsPage__pager ul li {
    width: 48.13559%;
    padding: 0;
    margin-bottom: 1.2rem;
    line-height: 1.6rem;
  }

  .productsPage__pager ul li a {
    min-height: 4.5rem;
  }

  .productsPage__pager a {
    min-width: inherit;
    background: url(../img/simplearrowB_white.svg) no-repeat right 1rem center #333;
    background-size: 0.8rem;
    font-size: 1.4rem;
    padding: 0.7rem;
    padding-right: 1.5rem;
    font-size: 1.5rem;
  }

  .productsPage__pager a.outer {
    background: url(../img/simpleArrowR_white.svg) no-repeat right 1rem center #0090a8;
    background-size: 0.6rem;
  }

  .productsPage__about{
    padding: 8rem 2rem;
  }

  .productsPage__about h2,
  .service__about h2 {
    font-size: 2.5rem;
    line-height: 4rem;
    letter-spacing: 0;
    margin-bottom: 3rem;
  }

  .productsPage__about p,
  .service__about p {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    line-height: 4rem;
    font-size: 1.5rem;
  }

  .productsPage__about p:not(:last-child),
  .service__about p:not(:last-child) {
    margin-bottom: 2rem;
  }

  .productsPage__aboutAtt {
    text-align: left;
    margin-top: 1rem;
  }

  .productsPage__ttl {
    margin-bottom: 2rem;
    font-size: 2rem;
  }

  .productsPage__ttl span {
    padding: 0 1.5rem 0 0;
  }

  .productsPage__feature {
    /*/*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .productsPage__featureSingle {
    margin-bottom: 4rem;
  }

  .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleTxt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleTxt h4 {
    padding-top: 3rem;
  }

  .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleImg {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .productsPage__featureSingleImg,
  .productsPage__featureSingleTxt {
    width: 100%;
  }

  .productsPage__featureSingleImg {
    margin-bottom: 2.5rem;
  }

  .productsPage__featureSingle h4 {
    font-size: 1.8rem;
    line-height: 2.7rem;
    min-height: 6.4rem;
    padding-top: 3rem;
    margin-bottom: 2rem;
  }

  .productsPage__featureSingle h4 span {
    height: 6.4rem;
  }

  .productsPage__merit {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    display: block;
    margin-bottom: 8rem;
  }

  .productsPage__meritLead {
    margin-bottom: 3rem;
  }

  .productsPage__example {
    margin-bottom: 8rem;
  }

  .productsPage__example .productsPage__ttl {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6.5rem;
  }

  .productsPage__example:before {
    height: 34rem;
    width: 100%;
    bottom: 0;
  }

  .productsPage__exampleSlider {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
  }

  .productsPage__exampleSliderArrows {
    display: none;
  }

  .productsPage__exampleSlider .slick-list {
    padding-bottom: 7rem !important;
  }

  .productsPage__exampleSliderSingle {
    width: 29.5rem;
    margin: 0 0.5rem;
  }

  .productsPage__exampleSliderSingleImg {
    height: 19.7rem;
  }

  .productsPage__exampleSliderSingleTxt {
    padding: 1.5rem 2rem;
    min-height: 20rem;
  }

  .productsPage__exampleSliderSingleTxt p:not([class]) {
    line-height: 2.2rem;
    margin-bottom: 1rem;
  }

  .productsPage__flow {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .productsPage__flowLead {
    margin-bottom: 5.5rem;
  }

  .productsPage__flowSingle {
    width: 100%;
    padding: 4rem 2rem 2rem;
    margin-bottom: 3.5rem;
  }

  .productsPage__flowSingle:not(:last-child):after {
    display: none;
  }

  .productsPage__flowAtt {
    margin-top: 0;
    font-size: 1.4rem;
  }

  .productsPage__flow.four .productsPage__flowSingle {
    width: 100%;
  }

  .productsPage__price {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .productsPage__faq {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .productsPage__faq dl dt {
    padding: 1.5rem 1.5rem 3.5rem 5rem;
    background: url(../img/product/q.png) no-repeat left 2rem top 2.3rem;
    background-size: 2.3rem;
  }

  .productsPage__faq dl dt:after {
    right: 0;
    left: 0;
    bottom: 1rem;
    top: auto;
    margin: auto;
  }

  .productsPage__faq dl dt:hover {
    cursor: pointer;
  }

  .productsPage__faq dl dt.open:after {
    bottom: 1.7rem;
    top: auto;
  }

  .productsPage__faq dl dd {
    margin: 0 2rem;
    padding: 1.5rem 0 1.5rem 3.5rem;
    background: url(../img/product/a.png) no-repeat left 0.5rem top 2.3rem;
    background-size: 2.2rem;
  }

  .productsPage .contactBlock__two {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .productsPage .contactBlock__inner {
    width: 100%;
  }

  .productsPage .contactBlock__inner:not(:last-child) {
    margin-bottom: 2rem;
  }

  .productsPage__news {
    max-width: inherit;
    min-width: inherit;
    padding: 5rem 2rem;
    width: 100%;
  }

  .productsPage__news h3 {
    width: 100%;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 4.5rem;
    color: #0090a8;
    letter-spacing: 0.1em;
  }

  .productsPage__newsList {
    margin-top: 2rem;
  }

  .productsPage__newsList a {
    width: 100%;
    min-width: inherit;
    padding: 2rem;
    background: #fbfbfb;
  }

  .productsPage__newsList dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .productsPage__newsList dl dt {
    margin-bottom: 1rem;
  }

  .productsPage__related {
    position: relative;
    margin-bottom: 0;
  }

  .productsPage__relatedTtl {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 3.5rem;
  }

  .productsPage__related:before {
    height: 34rem;
    width: 100%;
    bottom: 0;
  }

  .productsPage__relatedSliderArrows {
    display: none;
  }

  .productsPage__relatedSlider .slick-list {
    padding-bottom: 7rem !important;
  }

  .productsPage__relatedSliderSingle {
    width: 29.5rem;
    margin: 0 0.5rem;
  }

  .productsPage__relatedSliderSingleImg {
    height: 19.7rem;
  }

  .productsPage__relatedSliderSingleTxt {
    padding: 1.5rem 2rem;
    min-height: 20rem;
  }

  .productsPage__relatedSliderSingleTxt p:not([class]) {
    line-height: 2.2rem;
    margin-bottom: 1rem;
  }

  .productsPage.office .productsPage__leadWrap {
    background-image: url(../img/product/microsoft/ob01_sp.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 100% auto;
    background-position: right top 2rem, right top;
  }

  .productsPage.office .productsPage__about {
    background-image: url(../img/product/microsoft/bg01_sp.png);
  }

  .productsPage.office .productsPage__meritBefore,
  .productsPage.office .productsPage__meritAfter {
    width: 100%;
  }

  .productsPage.office .productsPage__meritBefore h4 img,
  .productsPage.office .productsPage__meritAfter h4 img {
    width: auto;
  }

  .productsPage.office .productsPage__meritBefore dl,
  .productsPage.office .productsPage__meritAfter dl {
    height: auto;
    padding: 3rem;
  }

  .productsPage.office .productsPage__meritBefore dl dt,
  .productsPage.office .productsPage__meritAfter dl dt {
    min-height: inherit;
    text-align: center;
    margin-bottom: 3rem;
  }

  .productsPage.office .productsPage__meritBefore dl dd:not(:last-child),
  .productsPage.office .productsPage__meritAfter dl dd:not(:last-child) {
    margin-bottom: 2rem;
  }

  .productsPage.office .productsPage__meritBefore dl dd img,
  .productsPage.office .productsPage__meritAfter dl dd img {
    height: auto;
    width: 100%;
  }

  .productsPage.office .productsPage__meritBefore {
    margin-bottom: 9rem;
  }

  .productsPage.office .productsPage__meritAfter:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 8%;
  }

  .productsPage__concept {
    background: -webkit-gradient(linear,
        left top,
        right top,
        color-stop(25%, #0090a8),
        color-stop(25%, #fff));
    background: linear-gradient(to right, #0090a8 25%, #fff 25%);
    width: 100%;
    min-width: inherit;
    max-width: inherit;
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-bottom: 8rem;
  }

  .productsPage__conceptInner {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding: 2.5rem 2.5rem 1rem;
  }

  .productsPage__concept ol li {
    margin-bottom: 2.5rem;
  }

  .productsPage__scene {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .productsPage__scene .productsPage__ttl {
    margin-bottom: 3rem;
  }

  .productsPage__sceneSingle {
    width: 100%;
    margin-bottom: 3rem;
  }

  .productsPage__sceneSingle:nth-child(3),
  .productsPage__sceneSingle:nth-child(4) {
    margin-top: 0;
  }

  .productsPage__scene h4 {
    margin-bottom: 1rem;
  }

  .productsPage__scene dl {
    margin-bottom: 1.5rem;
  }

  .productsPage.app .productsPage__leadImg {
    width: 43.28358%;
  }

  .productsPage.app .productsPage__leadWrap {
    background-image: url(../img/product/microsoft/app/ob01_sp.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 100% auto;
    background-position: center top 4.5rem, right top;
  }

  .productsPage.app .productsPage__about {
    background-image: url(../img/product/microsoft/app/bg01_sp.png);
  }

  .productsPage.app .productsPage__featureSingle:nth-child(odd) .productsPage__featureSingleTxt,
  .productsPage.app .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleTxt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .productsPage.app .productsPage__featureSingle:nth-child(odd) .productsPage__featureSingleImg,
  .productsPage.app .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleImg {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .productsPage.share .productsPage__leadWrap {
    min-height: inherit;
    background-image: url(../img/product/microsoft/share/bg_sp.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 95.73333%, 100%;
    background-position: right top 2.5rem, right top;
  }

  .productsPage.share .productsPage__about {
    background-image: url(../img/product/microsoft/share/bg01_sp.png);
  }

  .productsPage.share .productsPage__aboutSample {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 4rem;
  }

  .productsPage.share .productsPage__aboutSample dl {
    position: relative;
    margin: 0;
    width: 100%;
  }

  .productsPage.share .productsPage__aboutSample dl:not(:last-child) {
    margin-bottom: 6rem;
  }

  .productsPage.share .productsPage__aboutSample dl:not(:last-child):after {
    right: 0;
    left: 0;
    top: auto;
    bottom: -5.5rem;
    margin: auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .productsPage.share .productsPage__meritList,
   .MeritList{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .productsPage.share .productsPage__meritSingle,
  .MeritSingle {
    width: 100%;
    padding: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin-bottom: 1.5rem;
  }

  .productsPage.share .productsPage__meritSingle:nth-child(2),
  .productsPage.share .productsPage__meritSingle:nth-child(5),
  .productsPage.share .productsPage__meritSingle:nth-child(3),
  .productsPage.share .productsPage__meritSingle:nth-child(6),

  .MeritSingle:nth-child(2),
  .MeritSingle:nth-child(5),
  .MeritSingle:nth-child(3),
  .MeritSingle:nth-child(6) {
    margin-top: 0;
  }

  .productsPage.share .productsPage__serviceLead {
    margin-bottom: 4rem;
  }

  .productsPage.share .productsPage__serviceImg {
    margin-bottom: 2rem;
  }

  .productsPage.share .productsPage__serviceImg,
  .productsPage.share .productsPage__serviceTxt {
    width: 100%;
  }

  .productsPage.share .productsPage__service dl dt {
    margin-bottom: 1rem;
  }

  .productsPage__function {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 3.5rem;
  }

  .productsPage__function .productsPage__ttl {
    margin-bottom: 3rem;
  }

  .productsPage__functionSingle {
    width: 100%;
    margin-bottom: 3rem;
  }

  .productsPage__functionSingleImg {
    margin-bottom: 1.5rem;
  }

  .productsPage__functionSingle h4 {
    margin-bottom: 0.5rem;
  }

  .productsPage__service {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
  }

  .productsPage.sdps .productsPage__leadWrap {
    background-image: url(../img/product/microsoft/sdps/ob01.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 73.33333% auto, 100% auto;
    background-position: center top 7rem, right top;
  }

  .productsPage.sdps .productsPage__about {
    background-image: url(../img/product/microsoft/sdps/bg01_sp.png);
  }

  .productsPage.sdps .productsPage__merit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .productsPage.sdps .productsPage__merit .productsPage__ttl {
    margin-bottom: 2.5rem;
  }

  .productsPage.sdps .productsPage__meritImg {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .productsPage.sdps .productsPage__meritTxt {
    width: 100%;
  }

  .productsPage__recommend {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
  }

  .productsPage__case {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 6rem;
  }

  .productsPage__case .productsPage__ttl {
    margin-bottom: 3rem;
  }

  .productsPage__caseSingle {
    width: 100%;
    margin-bottom: 2rem;
  }

  .productsPage__target {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
  }

  .productsPage__targetLead {
    margin-bottom: 3rem;
  }

  .productsPage__target ul li:not(:last-child) {
    margin-bottom: 1rem;
  }

  .productsPage__target table {
    display: block;
    border: none;
  }

  .productsPage__target table.pc {
    display: none;
  }

  .productsPage__target table * {
    width: 100%;
    display: block;
  }

  .productsPage__target table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin-bottom: 1rem;
    border-bottom: 1px solid #0090a8;
  }

  .productsPage__target table tr th:not(:first-child) {
    border-top: 1px solid #fff;
  }

  .productsPage__target table th,
  .productsPage__target table td {
    border-bottom: none;
    padding: 1rem;
    line-height: 1.8rem;
  }

  .productsPage__target table th {
    width: 40%;
  }

  .productsPage__target table th.name,
  .productsPage__target table th.price {
    width: 40%;
  }

  .productsPage__target table td {
    width: 60%;
  }

  .productsPage__target table.productsPage__targetServiceTable th,
  .productsPage__target table.productsPage__targetServiceTable th.name,
  .productsPage__target table.productsPage__targetServiceTable td {
    width: 100%;
  }

  .productsPage__target table.productsPage__targetServiceTable tr:not(:last-child) th {
    border-bottom: 1px solid #0090a8;
  }

  .productsPage.noverti .productsPage__leadWrap {
    background-image: url(../img/product/microsoft/noverti/ob01_sp.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 100% auto;
    background-position: center top 3.2rem, right top;
  }

  .productsPage.noverti .productsPage__about {
    background-image: url(../img/product/microsoft/noverti/bg01_sp.png);
  }

  .productsPage.noverti .productsPage__serviceMain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .productsPage.noverti .productsPage__serviceMain .productsPage__serviceMovie {
    width: 100%;
    height: 44vw;
    margin-bottom: 2rem;
  }

  .productsPage.noverti .productsPage__serviceMain dl {
    width: 100%;
  }

  .productsPage.noverti .productsPage__serviceMain dl dt {
    margin-bottom: 1rem;
  }

  .productsPage.noverti .productsPage__serviceList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .productsPage.noverti .productsPage__service h4 {
    margin-bottom: 2rem;
  }

  .productsPage.noverti .productsPage__serviceSingle {
    width: 100%;
    margin-bottom: 3rem;
  }

  .productsPage.noverti .productsPage__serviceSingleTtl {
    margin-top: 1.5rem;
  }

  .productsPage.noverti .productsPage__meritTtl {
    max-width: 10rem;
    width: 100%;
    margin-bottom: 2rem;
  }

  .productsPage.noverti .productsPage__meritCont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2rem;
    padding: 3rem 3rem 1rem;
  }

  .productsPage.noverti .productsPage__meritSingle {
    width: 100%;
  }

  .productsPage.noverti .productsPage__meritSingle:not(:last-child) {
    margin-bottom: 5rem;
  }

  .productsPage.noverti .productsPage__meritSingle:not(:last-child):before {
    right: 0;
    left: 0;
    top: auto;
    bottom: -19.69697%;
    margin: auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .productsPage.noverti .productsPage__merit h4 {
    margin-bottom: 1rem;
  }

  .productsPage__effect {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
  }

  .productsPage__effect .productsPage__ttl {
    margin-bottom: 3rem;
  }

  .productsPage__effect dl {
    width: 100%;
    max-width: inherit;
  }

  .productsPage__more {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
  }

  .productsPage__more .productsPage__ttl {
    margin-bottom: 3rem;
  }

  .productsPage.teams .productsPage__leadWrap {
    background-image: url(../img/product/microsoft/teams/ob01_sp.jpg);
    background-size: 100%;
    background-position: right top;
  }

  .productsPage.teams .productsPage__about {
    background-image: url(../img/product/microsoft/teams/bg01_sp.png);
  }

  .productsPage.teams .productsPage__serviceLead {
    margin-bottom: 4rem;
  }

  .productsPage.teams .productsPage__serviceImg {
    margin-bottom: 2rem;
  }

  .productsPage.teams .productsPage__serviceImg,
  .productsPage.teams .productsPage__serviceTxt {
    width: 100%;
  }

  .productsPage.teams .productsPage__service dl dt {
    margin-bottom: 1rem;
  }

  .productsPage.gifs .productsPage__leadWrap {
    background-image: url(../img/product/maas/gifs/ob01_sp.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 100% auto;
    background-position: center top 4.5rem, right top;
  }

  .productsPage.gifs .productsPage__about {
    background-image: url(../img/product/maas/gifs/bg01_sp.png);
  }

  .productsPage.gifs .productsPage__meritContLeft,
  .productsPage.gifs .productsPage__meritContRight,
  .Merit__page .productsPage__meritContLeft,
  .Merit__page .productsPage__meritContRight {
    width: 100%;
    position: static;
  }

  .productsPage.gifs .productsPage__meritImg,
  .Merit__page .productsPage__meritImg {
    width: 59.70149%;
    margin-bottom: 4rem;
  }

  .productsPage.gifs .productsPage__meritSingle,
  .Merit__page .productsPage__meritSingle {
    margin-bottom: 2rem;
    padding: 2.5rem;
  }

  .gifss .productsPage__featureSingle {
    margin-bottom: 4rem;
  }

  .gifss .productsPage__featureSingleImg {
    width: 100%;
    margin-bottom: 1rem;
  }

  .gifss .productsPage__featureSingleTxt {
    width: 100%;
  }

  .gifss .productsPage__featureSingleAtt {
    margin-top: 2rem;
  }

  .gifss .productsPage__featureSingle h4 {
    padding-top: 0;
    font-size: 1.6rem;
  }

  .gifss .productsPage__featureSingle h4 span {
    padding: 0.8rem 0.8rem;
  }

  .productsPage.bus .productsPage__leadWrap {
    background-image: url(../img/product/maas/bus/ob01_sp.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 100% auto;
    background-position: center top 4.5rem, right top;
  }

  .productsPage.bus .productsPage__about {
    background-image: url(../img/product/maas/bus/bg01_sp.png);
  }

  .productsPage.bus .productsPage__flow .productsPage__ttl {
    margin-bottom: 2rem;
  }

  .productsPage__specification {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .productsPage__specificationSingle {
    width: 100%;
    margin-bottom: 3rem;
  }

  .productsPage__specificationSingle p {
    line-height: 2.4rem;
  }

  .productsPage__specification h4 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}

.casePage {
  padding-bottom: 9rem;
}

.casePage.case-cloud .h1Block--ph {
  background-image: url(../img/case/h1_bg_cloud.png);
}
.casePage.case-maas .h1Block--ph {
  background-image: url(../img/case/h1_bg_maas.png);
}


.casePage__cont {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
}

.casePage h2 {
  font-size: 2.8rem;
  text-align: center;
  color: #0090a8;
  font-weight: bold;
  margin-bottom: 8rem;
  line-height: 5rem;
}

.casePage__search {
  border: 1px solid #d5d5d5;
  border-radius: 0.6rem;
  margin-bottom: 8rem;
}

.casePage__searchTtl {
  font-weight: bold;
  color: #ffffff;
  background: #0090a8;
  display: inline-block;
  padding: 0.5rem 2rem;
  margin-bottom: 2rem;
}

.casePage__search dt {
  padding: 3rem 4rem;
  position: relative;
}

.casePage__search dt:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  display: block;
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  right: 2.8rem;
  top: 0.6rem;
  bottom: 0;
  margin: auto;
  background: url(../img/simplearrowR_gray.svg) no-repeat;
  background-size: contain;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.casePage__search dt:hover {
  cursor: pointer;
}

.casePage__search dt.open:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: -0.6rem;
}

.casePage__search dd {
  display: none;
  padding: 0 4rem 3rem;
}

.casePage__search ul {
  width: 100%;
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.casePage__search ul li {
  padding-left: 1.4rem;
  margin-bottom: 0.8rem;
  margin-right: 2rem;
  position: relative;
}

.casePage__search ul li:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #0090a8;
  position: absolute;
  left: 0;
  top: 0.9rem;
}

.casePage__search a:hover {
  text-decoration: underline;
}

.casePage__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
}

.casePage__listSingle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  width: 100%;
  margin-bottom: 4rem;
  padding-bottom: 2rem;
}

.casePage__listSingle:hover .casePage__listImgInner {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.casePage__listImg {
  overflow: hidden;
  height: 250px;
  margin-bottom: 1rem;
  border-radius: 6px;
}
.dl__thanks .casePage__listImg {
  height: 25rem !important;
}

.casePage__listImgInner {
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.casePage__listTtl {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

.casePage__listTxt {
  font-size: 1.4rem;
  line-height: 2.6rem;
  margin-bottom: 1rem;
}

.casePage__listCustomer {
  margin-top: auto;
  font-size: 1.6rem;
}
.casePage__listCustomer span{
  background: #E1EFF2;
  padding: 5px 10px;
  border-radius: 100px;
  color: #0090A8;
}
.casePage__pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 0 14rem;
  position: relative;
}

.casePage__pager a:hover {
  opacity: 0.7;
}

.casePage__pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.casePage__pager ul li {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 1rem;
}
.casePage__pager ul li a img{
  height: 50%;
}
.casePage__pager ul li a,
.casePage__pager ul li span {
  padding: 0;
  margin: 0;
  max-width: inherit;
  min-width: inherit;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  line-height: 1;
  color: #333;
  background: #ffffff;
}

.casePage__pager ul li.pagerActive span {
  background: #ef454a;
  color: #ffffff;
  border-radius: 50%;
}

.casePage__pager ul li.pagerPrev,
.casePage__pager ul li.pagerNext {
  width: 0.9rem;
}

.casePage__pager ul li.pagerPrev img,
.casePage__pager ul li.pagerNext img {
  width: 100%;
  height: auto;
}

.casePage__pager ul li.pagerPrev:hover,
.casePage__pager ul li.pagerNext:hover {
  opacity: 0.7;
}

.casePage__pagerAll {
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2.6rem;
}

@media screen and (max-width: 768px) {
  .casePage__pager {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
  }

  .casePage__pager ul {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .casePage__pager ul li {
    width: 3.8rem;
    height: 3.8rem;
    margin: 0 0.5rem;
  }

  .casePage__pagerAll {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: static;
    margin: 0 0 2rem;
    height: auto;
  }
}

.casePageDetail {
  padding-bottom: 9rem;
}
.dlPageDetail__info,
.casePageDetail__info {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 8rem;
}

.casePageDetail__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.study .casePageDetail__box {
  padding-bottom: 100px;
}

.study .casePageDetail__infoImg {
  width: 90%;
  position: relative;
  height: 500px;
  overflow: hidden;
  z-index: 1;
  margin-left: auto;
}

.study .casePageDetail__infoImg img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.study .casePageDetail__infoTxt {
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 2rem;
  bottom: 0;
  left: 0;
  width: 50%;
}

.study .casePageDetail__infoLead {
  margin-bottom: 1rem;
}

.study .itemizationList_b li:first-of-type,
.study .itemizationList_b li:last-of-type {
  border: none;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .study .casePageDetail__box {
    margin-bottom: 0;
  }

  .study .casePageDetail__infoImg {
    width: 130%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .study .casePageDetail__infoTxt {
    width: 100%;
  }
}

.casePageDetail__infoTxt {
  width: 42%;
}

.casePageDetail__infoImg {
  width: 52%;
}

.casePageDetail__infoImg img {
  width: 100%;
}

.casePageDetail__infoCustomer {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}

.casePageDetail__infoLead {
  font-size: 3rem;
  line-height: 5rem;
  margin-bottom: 4rem;
  font-weight: bold;
}

.casePageDetail__infoFeature li {
  background: url(../img/case/check.svg) no-repeat left top 0.8rem;
  background-size: 1.5rem;
  padding-left: 2.3rem;
  margin-bottom: 1.5rem;
}

.casePageDetail__infoSingle {
  width: 100%;
  margin-top: 8rem;
  display: flex;
  align-items: center;
}

.detailedBlock {
  flex-grow: 2;
  width: 100%;
}

.detailedBlockImg {
  width: 80%;
  position: relative;
  height: 300px;
  flex-grow: 0;
  margin-right: 100px;
}

@media screen and (min-width: 767px) {
  .casePageDetail__infoSingle:nth-of-type(even) {
    flex-direction: row-reverse;
  }

  .casePageDetail__infoSingle:nth-of-type(even) .detailedBlockImg {
    margin-left: 100px;
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .casePageDetail__infoSingle {
    flex-direction: column;
  }

  .detailedBlockImg {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }
}

.casePageDetail__infoSingle h2,
.dlPageDetail__infoSingle h2 {
  width: 100%;
  font-size: 3rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
  margin-bottom: 3rem;
}

.casePageDetail__infoSingle h2:after,
.dlPageDetail__infoSingle h2:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.casePageDetail__infoSingle h2 span,
.dlPageDetail__infoSingle h2 span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 2.5rem 0 0;
  display: inline-block;
}

.casePageDetail__infoSingle h3,
.dlPageDetail__infoSingle h3 {
  font-weight: 700;
  font-size: 2.3rem;
  color: #0090a8;
  padding: 2rem 0;
}

.casePageDetail__infoSingle p,
.dlPageDetail__infoSingle p  {
  font-size: 1.4rem;
  line-height: 2.6rem;
  text-align: justify;
}
.casePageDetail__service {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 12rem auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 8rem;
}

.casePageDetail__service h2 {
  width: 100%;
  font-size: 3rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
  margin-bottom: 3rem;
}

.casePageDetail__service h2:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.casePageDetail__service h2 span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 2.5rem 0 0;
  letter-spacing: 0.15em;
}

.casePageDetail__service h3 {
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: bold;
  color: #0090a8;
  margin-bottom: 1.5rem;
}

.casePageDetail__serviceImg,
.casePageDetail__serviceTxt,
.casePageDetail__serviceList {
  width: 47%;
}

.casePageDetail__serviceTxt {
  position: relative;
  padding-bottom: 10rem;
}

.casePageDetail__serviceTxt .casePageDetail__serviceBtn {
  position: absolute;
  bottom: 0;
  left: 0;
}

.casePageDetail__serviceBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
  margin: 0 auto;
  display: inline-block;
}

@media screen and (max-width: 68.7rem) {
  .casePageDetail__serviceBtn {
    padding: 1.2rem 2.5rem;
  }
}

.casePageDetail__serviceBtn span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .casePageDetail__serviceBtn:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .casePageDetail__serviceBtn:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

.casePageDetail__serviceList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 6rem;
}

.casePageDetail__serviceListImg,
.casePageDetail__serviceListTxt {
  width: 46.80851%;
}

.casePageDetail__serviceListImg img,
.casePageDetail__serviceListTxt img {
  width: 100%;
}

.casePageDetail__serviceListImg {
  overflow: hidden;
}

.casePageDetail__serviceListImgInner {
  width: 100%;
  height: 100px;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-size: cover;
  background-position: center center;
}

.casePageDetail__serviceListTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.casePageDetail__serviceList p:not([class]) {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.casePageDetail__serviceListCustomer {
  font-size: 1.6rem;
  margin-top: auto;
  margin-bottom: 0;
}

.casePageDetail__serviceList:hover {
  opacity: 0.7;
}

.casePageDetail__serviceList:hover .casePageDetail__serviceListImgInner {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.dlPageDetail__back,
.casePageDetail__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

@media screen and (max-width: 768px) {
  .casePage {
    padding-bottom: 4.5rem;
  }

  .casePage__cont {
    width: 90%;
    min-width: inherit;
    margin: 0 auto
  }

  .casePage h2 {
    font-size: 2.2rem;
    line-height: 4rem;
  }

  .casePage__search {
    width: 89.33333%;
    margin: 0 auto 4rem;
  }

  .casePage__searchTtl {
    padding: 0.5rem 2rem;
    margin-bottom: 2rem;
  }

  .casePage__search dt {
    padding: 2rem 2rem;
  }

  .casePage__search dd {
    padding: 0 2rem 2rem;
  }

  .casePage__search ul {
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .casePage__search ul li {
    width: 50%;
    margin-right: 0;
    font-size: 1.4rem;
  }

  .casePage__list {
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  }

  .casePage__listSingle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 100%;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
  }

  .casePage__listImg {
    height: 180px;
    margin-bottom: 1.5rem;
  }
  .dl__thanks.casePage__listImg {
    height: 22rem;
    margin-bottom: 1.5rem;
  }

  .casePage__listTxt {
    line-height: 2.4rem;
    margin-bottom: 2rem;
  }

  .casePage__pager {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .casePageDetail {
    padding-bottom: 0;
  }

  .casePageDetail__info {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 4rem;
    width: 100% !important;
  }

  .casePageDetail__box {
    flex-direction: column;
  }

  .casePageDetail__infoTxt {
    width: 100%;
    /*
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    */
  }

  .casePageDetail__infoImg {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 2rem;
  }

  .casePageDetail__infoLead {
    margin-bottom: 2rem;
    font-size: 2rem;
    line-height: 3.7rem;
  }

  .casePageDetail__infoSingle {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .casePageDetail__infoSingle h2 {
    font-size: 2rem;
  }

  .casePageDetail__infoSingle h2 span {
    padding: 0 1.5rem 0 0;
  }

  .casePageDetail__service {
    width: 100% !important;
    max-width: inherit;
    min-width: inherit;
    margin: 8rem auto 0 auto;
    margin-bottom: 5rem;
  }

  .casePageDetail__service h2 {
    font-size: 2rem;
  }

  .casePageDetail__service h2 span {
    padding: 0 1.5rem 0 0;
  }

  .casePageDetail__serviceImg,
  .casePageDetail__serviceTxt,
  .casePageDetail__serviceList {
    width: 100%;
  }

  .casePageDetail__serviceTxt {
    margin-top: 1.5rem;
    padding-bottom: 0;
  }

  .casePageDetail__serviceTxt .casePageDetail__serviceBtn {
    position: static;
    margin-top: 2rem;
  }

  .casePageDetail__serviceBtn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5rem 0;
  }

  .casePageDetail__serviceList {
    margin-bottom: 4rem;
  }

  .casePageDetail__serviceListImg {
    width: 30.50847%;
  }

  .casePageDetail__serviceList h3 {
    width: 61.01695%;
  }

  .casePageDetail__serviceListTxt {
    width: 100%;
  }

  .casePageDetail__serviceListCustomer {
    margin-top: 1rem;
  }
  .casePageDetail__back
  .casePageDetail__back {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-top: -5rem;
  }
}

.companyPage h3 {
  background: url(../img/head_bg.png) no-repeat right 1.8rem center #0090a8;
  background-size: 18.9rem;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.8rem;
  padding: 0.7rem 2rem;
  max-height: 4.1rem;
  margin-bottom: 4rem;
}

@media screen and (max-width: 768px) {
  .companyPage h3 {
    max-height: inherit;
    font-size: 1.6rem;
    background-position: right -1.3rem center;
    background-size: auto 4.4rem;
    padding: 1rem 1.3rem;
    margin-bottom: 2rem;
  }
}

.companyPage__bg {
  background: url(../img/company/bg01.png) no-repeat center top;
  background-size: cover;
}

.companyPage__lead {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 3.4rem;
  text-align: justify;
  max-width: 73rem;
  margin: 0 auto 12rem;
  padding-bottom: 12.5rem;
}

.companyPage__lead h2 {
  letter-spacing: 0;
  font-size: 2.8rem;
  line-height: 4rem;
  text-align: center;
  color: #0090a8;
  font-weight: bold;
  margin-bottom: 4rem;
}

.companyPage__lead p:not(:last-child) {
  margin-bottom: 5rem;
}

.companyPage__lead p {
  text-align: center;
}

.companyPage__info {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
}

.companyPage__info h2 {
  width: 100%;
  font-size: 3rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
  margin-bottom: 3rem;
}

.companyPage__info h2:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.companyPage__info h2 span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 2.5rem 0 0;
  letter-spacing: 0.15em;
}

.companyPage__info table {
  width: 100%;
  border-top: 1px solid #bababa;
}

.companyPage__info table a {
  text-decoration: underline;
}

.companyPage__info table a:hover {
  text-decoration: none;
}

.companyPage__info table th,
.companyPage__info table td {
  border-bottom: 1px solid #bababa;
  text-align: left;
  padding: 2rem 3rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.companyPage__info table th {
  width: 30%;
  background: #fafafa;
}

.companyPage__info table p:not(:last-child) {
  margin-bottom: 1.5rem;
}

.companyPage__info table ul li {
  margin-left: 1em;
  text-indent: -1em;
}

.companyPage__info table ul li:before {
  content: "・";
}

.companyPage__infoSingle {
  margin-bottom: 7rem;
}

.companyPage__mission {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  width: 100%;
  margin-bottom: 8rem;
}

.companyPage__missionSingle {
  width: 30%;
  background: rgba(1, 147, 161, 0.1);
  position: relative;
  min-height: 16.4rem;
  padding: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.companyPage__missionSingle img {
  position: absolute;
  left: 0;
  top: 0;
  height: 8.6rem;
  width: auto;
}

.companyPage__missionSingle p {
  position: relative;
  z-index: 1;
}

.greetingPage {
  padding-bottom: 9rem;
}

.greetingPage__cont {
  position: relative;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  padding: 10rem 0 0;
}

.greetingPage__cont img.fadeIn {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateX(70px) translateY(0px);
  transform: translateX(70px) translateY(0px);
}

.greetingPage__cont img.fadeIn.faded {
  opacity: 1;
  -webkit-transform: translateX(0px) translateY(0px);
  transform: translateX(0px) translateY(0px);
}

.greetingPage__txt {
  position: relative;
  z-index: 2;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
  width: 50%;
  margin-left: auto;
  margin-right: 0;
  padding: 4rem;
}

.greetingPage__txt p {
  font-size: 1.4rem;
  line-height: 2.6rem;
  margin-bottom: 3rem;
}

.greetingPage__txt dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-top: 4rem;
}

.greetingPage__txt dl dt {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.greetingPage__txt dl dd {
  margin-left: 2rem;
  font-size: 2.2rem;
}

@media screen and (max-width: 768px) {
  .companyPage__bg {
    background: #fafafa;
  }

  .companyPage__lead {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin: 0 auto 6rem;
    padding-bottom: 6rem;
  }

  .companyPage__lead h2 {
    font-size: 2.2rem;
    line-height: 4rem;
    text-align: left;
  }

  .companyPage__lead p {
    text-align: justify;
  }

  .companyPage__lead p:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .companyPage__info {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .companyPage__info h2 {
    margin-bottom: 2rem;
    font-size: 2rem;
  }

  .companyPage__info h2 span {
    padding: 0 1.5rem 0 0;
  }

  .companyPage__info table {
    border: none;
    display: block;
  }

  .companyPage__info table tbody,
  .companyPage__info table tr,
  .companyPage__info table th,
  .companyPage__info table td {
    display: block;
    width: 100%;
  }

  .companyPage__info table th,
  .companyPage__info table td {
    padding: 1rem 1.5rem;
  }

  .companyPage__info table tr {
    border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
    margin-bottom: 1rem;
  }

  .companyPage__infoSingle {
    margin-bottom: 4rem;
  }

  .companyPage__mission {
    margin-bottom: 4rem;
  }

  .companyPage__missionSingle {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .greetingPage {
    padding-bottom: 4.5rem;
  }

  .greetingPage__cont {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
    padding-top: 40vw;
  }

  .greetingPage__txt {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    width: 89.33333%;
  }
}

.contactPage__lead {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 6rem;
}

.contactPage section:not([class]) {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 8rem;
}

.contactPage section:not([class]) ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.contactPage section:not([class]) ul li {
  width: 49%;
  margin-bottom: 2rem;
  line-height: 3rem;
}

.contactPage section:not([class]) ul li p {
  display: block;
  width: 100%;
}

.contactPage section:not([class]) ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  width: 100%;
  height: 100%;
  border: 1px solid #707070;
  border-radius: 0.6rem;
  padding: 3rem;
  background: url(../img/simplearrowR_gray.svg) no-repeat right 3rem center;
  background-size: 0.8rem;
}

.contactPage section:not([class]) ul li a:hover {
  opacity: 0.7;
}

.contactPage section:not([class]) ul:after {
  content: "";
  display: block;
  width: 32%;
}

.contactPage h2 {
  background: url(../img/head_bg.png) no-repeat right 1.8rem center #0090a8;
  background-size: 18.9rem;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.8rem;
  padding: 0.7rem 2rem;
  max-height: 4.1rem;
  margin-bottom: 4rem;
}

@media screen and (max-width: 768px) {
  .contactPage h2 {
    max-height: inherit;
    font-size: 1.6rem;
    background-position: right -1.3rem center;
    background-size: auto 4.4rem;
    padding: 1rem 1.3rem;
    margin-bottom: 2rem;
  }
}

.mw_wp_form input,
.mw_wp_form button,
.mw_wp_form textarea,
.mw_wp_form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.contact__lead {
  margin-bottom: 4rem;
  text-align: center;
}

.contact__lead a {
  text-decoration: underline;
}

.contact__lead a:hover {
  text-decoration: none;
}

.contact__formList dl {
  margin-bottom: 2.5rem;
}

.contact__formList dl dt {
  font-weight: bold;
  padding-bottom: 5px;
}

.contact__formList span.required {
  color: #ffffff;
  background: #ef454a;
  border-radius: 3px;
  line-height: 1;
  font-size: 1.4rem;
  padding: 0.1rem 0.5rem;
  margin-left: 1rem;
}

.contact__formList input[type="email"],
.contact__formList input[type="number"],
.contact__formList input[type="password"],
.contact__formList input[type="tel"],
.contact__formList input[type="text"],
.contact__formList input[type="url"],
.contact__formList textarea {
  padding: 1.4rem;
  background-color: #f4f4f4;
  /*-webkit-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);*/
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #333;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100px;
  flex: 1 0 100px;
  width: 100%;
  border-radius: 2px;
  outline: none;
}

.contact__formList .required::after {
  content: "必須";
  font-size: 12px;
  color: #fff;
  background: #ef454a;
  padding: 0 5px;
  border-radius: 3px;
  margin-left: 5px;
  font-weight: normal;
}

.contact__formList .any::after {
  content: "任意";
  font-size: 12px;
  color: #0090a8;
  background: #f4f4f4;
  padding: 0 5px;
  border-radius: 3px;
  margin-left: 5px;
  font-weight: normal;
}

.contact__formList select {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #fff;
  padding: 1rem;
  width: 12rem;
  background-image: url(../img/simplearrowB_gray.svg);
  background-size: 0.8rem;
  background-repeat: no-repeat;
  background-position: right 1rem center;
}

.contact__formList select:hover {
  cursor: pointer;
}

.contact__formList input[type="radio"] {
  display: none;
  cursor: pointer;
}

.contact__formList input[type="radio"]+span {
  padding-left: 2rem;
  position: relative;
  margin-right: 2rem;
}

.contact__formList input[type="radio"]+span:hover {
  cursor: pointer;
}

.contact__formList input[type="radio"]+span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.contact__formList input[type="radio"]:checked+span {
  color: #0090a8;
}

.contact__formList input[type="radio"]:checked+span::before {
  border: 1px solid #0090a8;
}

.contact__formList input[type="radio"]:checked+span::after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #0090a8;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
}

.contact__formList input[type="checkbox"] {
  display: none;
  cursor: pointer;
}

.contact__formList input[type="checkbox"]+span {
  padding-left: 2rem;
  position: relative;
  margin-right: 2rem;
}

.contact__formList input[type="checkbox"]+span:hover {
  cursor: pointer;
}

.contact__formList input[type="checkbox"]+span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 3px;
  z-index: 0;
  top: 50%;
  transform: translateY(-50%);
}

.contact__formList input[type="checkbox"]:checked+span {
  color: #0090a8;
}

.contact__formList input[type="checkbox"]:checked+span::before {
  border: 1px solid #0090a8;
  background: #0090a8;
}

.contact__formList input[type="checkbox"]:checked+span::after {
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}

.contact__formList .formSubmitButton {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact__formList input[type="submit"] {
  cursor: pointer;
  background: #0090a8;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
}

/*確認画面よう*/
.form-confirm .contact__formList {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 8rem;
}

.form-confirm .contact__formList dl {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.form-confirm .contact__formList dt {
  width: 20%;
  padding: 1em 0;
}

.form-confirm .contact__formList dd {
  background: #f4f4f4;
  padding: 1em;
  border-radius: 3px;
  width: calc(100% - 22%);
}

@media screen and (max-width: 768px) {
  .form-confirm .contact__formList dl {
    flex-direction: column;
  }

  .form-confirm .contact__formList dt {
    width: 100%;
  }

  .form-confirm .contact__formList dd {
    width: calc(100% - 0);
  }
}

.form-confirm .contact__formList .form-privacy {
  display: none !important;
}

.form-confirm .contact__formList input[type="submit"] {
  background: #ef454a;
}

/*送信ボタン*/
.contact__formList button[type=submit] {
  cursor: pointer;
  background: #0090a8;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
}

.contact__att {
  color: #999999;
  display: block;
  margin: 0.5rem 0 1rem;
}

.contact__privacy {
  padding-top: 4rem;
}

.contact__privacyTtl {
  font-size: 1.6rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 2rem;
}

.contact__privacyTtl span {
  font-weight: normal;
}

.contact__txt a {
  text-decoration: underline;
}

.contact__txt a:hover {
  text-decoration: none;
}

.contact__btn {
  margin-top: 2rem;
  margin-bottom: 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.contact__btnBack,
.contact__btnNext,
.contact__btnSend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #ef454a;
  position: relative;
  z-index: 1;
  letter-spacing: 0.02em;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 4.5rem;
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 1.4rem;
  margin: 0 1rem;
}

@media screen and (max-width: 68.7rem) {

  .contact__btnBack,
  .contact__btnNext,
  .contact__btnSend {
    padding: 1.2rem 2.5rem;
  }
}

.contact__btnBack span,
.contact__btnNext span,
.contact__btnSend span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {

  .contact__btnBack:after,
  .contact__btnNext:after,
  .contact__btnSend:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .contact__btnBack:hover:after,
  .contact__btnNext:hover:after,
  .contact__btnSend:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

@media screen and (min-width: 68.7rem) {

  .contact__btnBack:after,
  .contact__btnNext:after,
  .contact__btnSend:after {
    display: none;
  }
}

.contact__btnBack:hover,
.contact__btnNext:hover,
.contact__btnSend:hover {
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.contact__btnBack {
  min-width: 13rem;
  background-image: url(../img/arrow_white_left.svg);
  background-position: left 1.5rem center;
  background-color: #333;
  padding-left: 5.5rem;
}

.contact__btnNext,
.contact__btnSend {
  min-width: 20rem;
  background-color: #ef454a;
}

@media screen and (max-width: 768px) {
  .contactPage__lead {
    margin-bottom: 3rem;
  }

  .contactPage section:not([class]) {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 4rem;
  }

  .contactPage section:not([class]) ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contactPage section:not([class]) ul li {
    width: 100%;
    margin-bottom: 1rem;
    height: auto;
  }

  .contactPage section:not([class]) ul li a {
    padding: 2rem;
    padding-right: 3rem;
    line-height: 2rem;
    background-position: right 2rem center;
  }

  .mw_wp_form .horizontal-item {
    display: block;
    margin-bottom: 1rem;
  }

  .mw_wp_form .horizontal-item+.horizontal-item {
    margin-left: 0 !important;
  }

  .contact__lead {
    text-align: justify;
  }

  .contact__formList select {
    width: 60%;
  }

  .contact__formList .mwform-tel-field input[type="text"],
  .contact__formList .mwform-zip-field input[type="text"] {
    width: 30.5%;
  }

  .contact__att {
    color: #999999;
    display: block;
    margin: 0.5rem 0 1rem;
  }

  .contact__privacy {
    padding-top: 3rem;
  }

  .contact__privacyTtl span {
    font-size: 1.4rem;
    display: block;
    text-align: center;
  }

  .contact__btn {
    margin-top: 4rem;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .contact__btnBack,
  .contact__btnNext,
  .contact__btnSend {
    width: 100%;
    margin: 0.5rem 0;
  }

  .contact__btnNext,
  .contact__btnSend {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .contact__btnBack {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.privacyPage {
  padding-bottom: 9rem;
}

.privacyPage__lead {
  font-size: 1.4rem;
  line-height: 3.4rem;
  margin-bottom: 8rem;
}

.privacyPage section {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 4rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.privacyPage section p:not([class]) {
  margin-bottom: 2rem;
}

.privacyPage section a {
  text-decoration: underline;
}

.privacyPage section a:hover {
  text-decoration: none;
}

.privacyPage section ol {
  margin: 0 0 2rem;
  list-style: decimal;
}

.privacyPage section ol li {
  margin-left: 1.4rem;
  margin-bottom: 0.8rem;
}

.privacyPage section ul {
  margin: 2rem 0;
}

.privacyPage section ul li {
  padding-left: 1.4rem;
  margin-bottom: 0.8rem;
  position: relative;
}

.privacyPage section ul li:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #0090a8;
  position: absolute;
  left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.privacyPage section dl:not([class]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.privacyPage section dl:not([class]) dt {
  padding-left: 1.4rem;
  margin-bottom: 0.8rem;
  position: relative;
}

.privacyPage section dl:not([class]) dt:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #0090a8;
  position: absolute;
  left: 0;
  top: 0.9rem;
}

.privacyPage section dl:not([class]) dd {
  margin-left: 3.5rem;
}

.privacyPage h2 {
  font-weight: bold;
  color: #0090a8;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .privacyPage {
    padding-bottom: 4.5rem;
  }

  .privacyPage section {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .privacyPage section dl:not([class]) {
    display: block;
    margin-bottom: 4rem;
  }

  .privacyPage section dl:not([class]) dd {
    margin-left: 0;
  }
}

.blogPage__wrap {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 9rem;
  min-height: 170rem;
}

.blogPage__cont {
  width: 62%;
}

.blogPage__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.blogPage__single {
  width: 46.77419%;
  margin-bottom: 2.8rem;
}

.blogPage__singleInner {
  position: relative;
  display: block;
}

.blogPage__singleInner:hover .blogPage__singleImgInner {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.blogPage__singleDate {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  line-height: 1;
  background: rgba(51, 51, 51, 0.6);
  color: #ffffff;
  border-radius: 0.6rem 0 0 0;
  padding: 0.6rem 2.5rem 0.6rem 1rem;
  font-size: 1rem;
}

.blogPage__singleImg {
  border-radius: 0.6rem;
  height: 21.6rem;
  margin-bottom: 2.5rem;
  overflow: hidden;
}

.blogPage__singleImgInner {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.blogPage__singleCat {
  font-size: 1.4rem;
  position: relative;
  padding-left: 1.2rem;
  margin-right: 1.5rem;
}

.blogPage__singleCat:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  background: #333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.6rem;
}

.blogPage__singleTag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-right: -1.2rem;
}

.blogPage__singleTag a {
  line-height: 1;
  font-size: 1.4rem;
  padding: 0.4rem 1rem;
  display: block;
  margin-bottom: 1.2rem;
  margin-right: 1rem;
  background: #f3f4f6;
  border-radius: 10px;
}

.blogPage__singleTag a:hover {
  opacity: 0.7;
}

.blogPage__single h2 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 2rem;
  color: #0090a8;
}

.blogPage__pager {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 0 14rem;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 4rem;
}

.blogPage__pager a:hover {
  opacity: 0.7;
}

.blogPage__pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.blogPage__pager ul li {
  width: 3rem;
  height: 3rem;
  margin: 0 1rem;
}

.blogPage__pager ul li a,
.blogPage__pager ul li span {
  padding: 0;
  margin: 0;
  max-width: inherit;
  min-width: inherit;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  line-height: 1;
  color: #333;
  background: #ffffff;
}

.blogPage__pager ul li.pagerActive span {
  background: #ef454a;
  color: #ffffff;
  border-radius: 50%;
}

.blogPage__pager ul li.pagerPrev,
.blogPage__pager ul li.pagerNext {
  width: 0.9rem;
}

.blogPage__pager ul li.pagerPrev img,
.blogPage__pager ul li.pagerNext img {
  width: 100%;
  height: auto;
}

.blogPage__pager ul li.pagerPrev:hover,
.blogPage__pager ul li.pagerNext:hover {
  opacity: 0.7;
}

.blogPage__pagerAll {
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2.6rem;
}

@media screen and (max-width: 768px) {
  .blogPage__pager {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
  }

  .blogPage__pager ul {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .blogPage__pager ul li {
    width: 3.8rem;
    height: 3.8rem;
    margin: 0 0.5rem;
  }

  .blogPage__pagerAll {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: static;
    margin: 0 0 2rem;
    height: auto;
  }
}

.blogPage__pager ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  max-width: 62rem;
  width: 100%;
  margin: 0 auto 1rem;
}

.blogPage__pagerAll {
  text-align: right;
  position: static;
  max-width: 62rem;
  width: 100%;
  margin: 0 auto;
  padding-right: 1rem;
}

.blogPage__side {
  position: relative;
  width: 29.2%;
}

.blogPage__side dl {
  margin-bottom: 6rem;
}

.blogPage__side dl dt {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
  margin-bottom: 2rem;
}

.blogPage__side dl dt:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.blogPage__side dl dt span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 1.5rem 0 0;
  letter-spacing: 0.15em;
}

.blogPage__sideCat li:not(:last-child) {
  margin-bottom: 1rem;
}

.blogPage__sideCat a {
  display: block;
  padding: 1rem 1rem 1rem 3.5rem;
  background: #fbfbfb;
  font-size: 1.4rem;
  position: relative;
}

.blogPage__sideCat a:hover {
  background: #0090a8;
  color: #fff;
}

.blogPage__sideCat a:hover:before {
  background: #fff;
}

.blogPage__sideCat a:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  border-radius: 50%;
  background: #333;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.blogPage__sideTag {
  width: 100%;
  padding: 2rem 0 0.8rem;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-right: -1.2rem;
}

.blogPage__sideTag a {
  line-height: 1;
  font-size: 1.3rem;
  padding: 0.4rem 1rem;
  display: block;
  border-radius: 10px;
  background: #f3f4f6;
  margin-bottom: 1.2rem;
  margin-right: 1rem;
}

.blogPage__sideTag a:hover {
  opacity: 0.7;
}

.blogPage .blogPage__rankingNum,
.blogPage .blogPage__newestNum,
.blogPage .blogPage__rankingNum--one,
.blogPage .blogPage__newestNum--one,
.blogPage .blogPage__rankingNum--two,
.blogPage .blogPage__newestNum--two,
.blogPage .blogPage__rankingNum--three,
.blogPage .blogPage__newestNum--three {
  line-height: 2.3rem;
  text-align: center;
  color: #ffffff;
  position: absolute;
  left: -0.8rem;
  top: -0.8rem;
  display: block;
  width: 2.3rem;
  height: 2.3rem;
  font-size: 1rem;
  border-radius: 50%;
}

.blogPage__ranking,
.blogPage__newest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  position: relative;
  margin-bottom: 2rem;
}

.blogPage__ranking:hover,
.blogPage__newest:hover {
  opacity: 0.7;
}

.blogPage__ranking:not(:last-child)

/*.blogPage__newest:not(:last-child)*/
  {
  margin-bottom: 2rem;
}

.blogPage__rankingNum,
.blogPage__newestNum {
  background: rgba(51, 51, 51, 0.9);
}

.blogPage__rankingNum--one,
.blogPage__newestNum--one {
  background: rgba(209, 188, 27, 0.9);
}

.blogPage__rankingNum--two,
.blogPage__newestNum--two {
  background: rgba(26, 98, 181, 0.9);
}

.blogPage__rankingNum--three,
.blogPage__newestNum--three {
  background: rgba(209, 90, 27, 0.9);
}

.blogPage__rankingImg,
.blogPage__newestImg {
  border-radius: 0.6rem;
  width: 8rem;
  height: 8rem;
  background-size: cover;
  background-position: center center;
}

.blogPage__rankingTxt,
.blogPage__newestTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  font-size: 1.4rem;
  line-height: 2rem;
  width: calc(100% - 100px);
}

.blogPage__rankingDate,
.blogPage__newestDate {
  color: #bababa;
  margin-bottom: 0.5rem;
  font-size: 12px;
}

.blogPage__rankingCat,
.blogPage__newestCat {
  position: relative;
  padding-left: 1.2rem;
  margin-right: 1.5rem;
  font-size: 12px;
  display: inline-block;
}

.blogPage__rankingCat:last-of-type,
.blogPage__newestCat:last-of-type {
  margin-right: 0;
}

.blogPage__rankingCat:before,
.blogPage__newestCat:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  background: #333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.blogPage__stickyWrap {
  position: -webkit-sticky;
  position: sticky;
  top: 8rem;
}

.blogPage .newsPageDetail__ttl {
  min-width: inherit;
  max-width: inherit;
  width: 100%;
}

.blogPage article img {
  margin: 0 auto 4rem;
}

.blogPage article p {
  margin-bottom: 3rem;
  word-wrap: break-word;
}

.blogPage__articleBtm {
  margin-top: 8rem;
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding-bottom: 4rem;
  border-bottom: 1px solid #bababa;
}

.blogPage__articleBtmShare {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-right: 3rem;
}

.blogPage__articleBtmShare a {
  margin-right: 1rem;
  display: block;
  width: 5rem;
  height: 5rem;
}

.blogPage__articleBtmShare a img {
  display: block;
  width: 100%;
  height: auto;
}

.blogPage__articleBtmShare a:hover {
  opacity: 0.7;
}

.blogPage__articleBtm .newsPageDetail__print {
  margin-bottom: 0;
}

.blogPage__related {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  position: relative;
  width: 46.77419%;
}

.blogPage__related:hover {
  opacity: 0.7;
}

.blogPage__relatedWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 6rem;
}

.blogPage__relatedImg {
  border-radius: 0.6rem;
  width: 8rem;
  height: 8rem;
  background-size: cover;
  background-position: center center;
}

.blogPage__relatedTxt {
  font-size: 1.4rem;
  line-height: 2rem;
  width: calc(100% - 100px);
}

.blogPage__relatedDate {
  color: #bababa;
  margin-bottom: 0.5rem;
}

.blogPage .newsPageDetail__pager {
  width: 100%;
  min-width: inherit;
}

.blogPage .newsPageDetail__pagerPrev,
.blogPage .newsPageDetail__pagerNext {
  width: 23.06452%;
}

@media screen and (max-width: 768px) {
  .blogPage__wrap {
    min-width: inherit;
    min-height: inherit;
    width: 100%;
    display: block;
    margin-bottom: 4.5rem;
  }

  .blogPage__cont {
    width: 90%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 7.5rem;
  }

  .blogPage__list {
    width: 100%;
    display: block;
  }

  .blogPage__single {
    width: 100%;
    margin-bottom: 4.8rem;
  }

  .blogPage__pager {
    margin-top: 4rem;
  }

  .blogPage__pager ul {
    margin-bottom: 0;
  }

  .blogPage__pagerAll {
    text-align: center;
    margin-bottom: 2rem;
  }

  .blogPage__side {
    width: 89.33333%;
    margin: 0 auto;
  }

  .blogPage__side dl {
    border-radius: 0.6rem;
    border: 1px solid #d5d5d5;
    margin-bottom: 2rem;
  }

  .blogPage__side dl dt {
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 0;
    padding: 2rem;
  }

  .blogPage__side dl dt:after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    right: 2rem;
    top: 0.6rem;
    bottom: 0;
    margin: auto;
    background: url(../img/simplearrowR_gray.svg) no-repeat;
    background-size: contain;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .blogPage__side dl dt span {
    background: none;
    padding: 0;
  }

  .blogPage__side dl dt:hover {
    cursor: pointer;
  }

  .blogPage__side dl dt.open:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: -0.6rem;
  }

  .blogPage__side dl dd {
    display: none;
    padding: 0.8rem 2rem 2rem;
  }

  .blogPage__sideCat li:not(:last-child) {
    margin-bottom: 0.8rem;
  }

  .blogPage__sideCat a {
    padding: 0 0 0 1.5rem;
    background: none;
  }

  .blogPage__sideCat a:before {
    left: 0;
  }

  .blogPage__sideTag {
    margin-right: auto;
  }

  .blogPage .newsPageDetail__ttl {
    width: 100%;
  }

  .blogPage article img {
    margin: 0 auto 2rem;
  }

  .blogPage__articleBtm {
    padding-bottom: 4rem;
    border-bottom: 1px solid #bababa;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .blogPage__articleBtmShare {
    margin-bottom: 2rem;
    margin-right: 0;
  }

  .blogPage__related {
    width: 100%;
    margin-bottom: 2rem;
  }

  .blogPage__relatedWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3rem;
  }

  .blogPage .newsPageDetail__pagerPrev,
  .blogPage .newsPageDetail__pagerNext {
    width: 44.74576%;
  }
}

.recruitPage__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
  position: relative;
}

.recruitPage__headImg {
  width: 50%;
  min-width: 50rem;
  overflow: hidden;
  border-radius: 0 0.6rem 0.6rem 0;
}

.recruitPage__headTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.recruitPage__head dl {
  width: 42%;
  min-width: 42rem;
}

.recruitPage__head dl dt {
  font-weight: bold;
  font-size: 2.2rem;
  color: #0090a8;
  line-height: 3.3rem;
  margin-bottom: 3rem;
}

.recruitPage__head p {
  font-size: 1.4rem;
}

.recruitPage__head p:not(:last-child) {
  margin-bottom: 3rem;
}

.recruitPage__ttl {
  width: 100%;
  font-size: 3rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
  margin-bottom: 6rem;
}

.recruitPage__ttl:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.recruitPage__ttl span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 2.5rem 0 0;
  letter-spacing: 0.15em;
}

.recruitPage__style {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.recruitPage__style .productsPage__ttl {
  margin-bottom: 6rem;
}

.recruitPage__styleSingle {
  width: 30%;
}

.recruitPage__styleSingle:nth-child(3n) {
  margin-top: 5rem;
}

.recruitPage__styleSingle:nth-child(3n + 1) {
  margin-top: 10rem;
}

.recruitPage__styleSingleImg {
  border-radius: 0.6rem;
  overflow: hidden;
  margin-bottom: 2rem;
}

.recruitPage__styleSingleImg img {
  width: 100%;
  max-width: inherit;
}

.recruitPage__style h3 {
  color: #ffffff;
  font-weight: bold;
  background: #0090a8;
  padding: 0.5rem 2rem;
  display: inline-block;
  margin-bottom: 2rem;
}

.recruitPage__style p {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.recruitPage__flow {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.recruitPage__flowLead {
  width: 100%;
  line-height: 3.2rem;
  margin-bottom: 7.5rem;
}

.recruitPage__flowSingle {
  width: 30%;
  background: rgba(1, 147, 161, 0.1);
  position: relative;
  padding: 4rem;
}

.recruitPage__flowSingle a {
  text-decoration: underline;
}

.recruitPage__flowSingle a:hover {
  text-decoration: none;
}

.recruitPage__flowSingleNum {
  height: 3.3rem;
  position: absolute;
  left: 0;
  top: -1.7rem;
  background: #0090a8;
  color: #ffffff;
  display: inline-block;
  padding: 0.3rem 2rem;
  font-size: 1.8rem;
  font-weight: bold;
}

.recruitPage__flowSingleNum:after {
  content: "";
  display: block;
  position: absolute;
  right: -3.3rem;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.3rem 0 0 3.3rem;
  border-color: transparent transparent transparent #0090a8;
}

.recruitPage__flowSingle h3 {
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.recruitPage__flowSingle p:not([class]) {
  font-size: 1.4rem;
}

.recruitPage__flowSingle:not(:last-child):before {
  display: block;
  content: "";
  background: url(../img/product/flow_arrow.png) no-repeat;
  background-size: contain;
  width: 1.9rem;
  height: 3.8rem;
  position: absolute;
  right: -4rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.recruitPage__info {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.recruitPage__infoLead {
  width: 100%;
  line-height: 3.2rem;
  margin-bottom: 7.5rem;
}

.recruitPage__info table {
  width: 100%;
  border-top: 1px solid #bababa;
}

.recruitPage__info table th,
.recruitPage__info table td {
  border-bottom: 1px solid #bababa;
  text-align: left;
  padding: 2rem 3rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.recruitPage__info table th {
  width: 30%;
  background: #fafafa;
}

.recruitPage__info table p:not(:last-child) {
  margin-bottom: 1.5rem;
}

.recruitPage__info table ul li {
  margin-left: 1em;
  text-indent: -1em;
}

.recruitPage__info table ul li:before {
  content: "・";
}

.recruitPage__infoBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
  margin: 6rem auto 0;
}

@media screen and (max-width: 68.7rem) {
  .recruitPage__infoBtn {
    padding: 1.2rem 2.5rem;
  }
}

.recruitPage__infoBtn span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .recruitPage__infoBtn:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .recruitPage__infoBtn:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

@media screen and (max-width: 768px) {
  .recruitPage__head {
    display: block;
    margin-bottom: 8rem;
  }

  .recruitPage__headImg {
    width: 89.33333%;
    min-width: inherit;
    margin-bottom: 4rem;
  }

  .recruitPage__headTxt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    position: static;
  }

  .recruitPage__head dl {
    width: 100%;
    min-width: inherit;
  }

  .recruitPage__ttl {
    margin-bottom: 2rem;
    font-size: 2rem;
  }

  .recruitPage__ttl span {
    padding: 0 1.5rem 0 0;
  }

  .recruitPage__style {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .recruitPage__style .productsPage__ttl {
    margin-bottom: 3rem;
  }

  .recruitPage__styleSingle {
    width: 100%;
    margin-bottom: 3rem;
  }

  .recruitPage__styleSingle:nth-child(3n),
  .recruitPage__styleSingle:nth-child(3n + 1) {
    margin-top: 0;
  }

  .recruitPage__style h3 {
    margin-bottom: 1rem;
  }

  .recruitPage__flow {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .recruitPage__flowLead {
    margin-bottom: 5.5rem;
  }

  .recruitPage__flowSingle {
    width: 100%;
    padding: 4rem 2rem 2rem;
    margin-bottom: 3.5rem;
  }

  .recruitPage__flowSingle:not(:last-child):before {
    display: none;
  }

  .recruitPage__info {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 4.5rem;
  }

  .recruitPage__infoLead {
    margin-bottom: 5.5rem;
  }

  .recruitPage__info table {
    border: none;
    display: block;
  }

  .recruitPage__info table tbody,
  .recruitPage__info table tr,
  .recruitPage__info table th,
  .recruitPage__info table td {
    display: block;
    width: 100%;
  }

  .recruitPage__info table th,
  .recruitPage__info table td {
    padding: 1rem 1.5rem;
  }

  .recruitPage__info table tr {
    border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
    margin-bottom: 1rem;
  }

  .recruitPage__infoBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    border-radius: 5rem;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
    padding: 1.5rem 3.5rem;
    background: #333;
    margin: 3rem auto 0;
  }
}

@media screen and (max-width: 768px) and (max-width: 68.7rem) {
  .recruitPage__infoBtn {
    padding: 1.2rem 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .recruitPage__infoBtn span {
    position: relative;
    z-index: 1;
    -webkit-transition: color 0.6s;
    transition: color 0.6s;
    padding-right: 3rem;
    background: url(../img/arrow_white.svg) no-repeat right center;
    background-size: 1.4rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 68.7rem) {
  .recruitPage__infoBtn:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .recruitPage__infoBtn:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

.searchPage {
  padding-bottom: 9rem;
}

.searchPage .search {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.searchPage .search__cont {
  margin-top: 3rem;
  width: 100%;
}

.searchPage .search__cont a {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 1rem;
  padding: 2rem 4rem;
  background: #fbfbfb;
  background-size: 1.5rem;
}

.searchPage .search__cont a:hover {
  opacity: 0.7;
}

.searchPage .search__cont dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.searchPage .search__cont dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.searchPage .search__date {
  margin-right: 3rem;
  min-width: 7.3rem;
}

.searchPage .search__cat {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  min-width: 9.9rem;
  margin-right: 2rem;
}

.searchPage .search__cat:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  border-radius: 10px;
  margin-right: 0.7rem;
}

.searchPage .search__cat.cat_product:before {
  background: #49ac67;
}

.searchPage .search__cat.cat_press:before {
  background: #496bac;
}

.searchPage .search__cat.cat_blog:before {
  background: #bfa82a;
}

.searchPage .search__cat.cat_recruit:before {
  background: #d83b1e;
}

.searchPage .search__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.searchPage .search__tab li {
  margin-right: 3rem;
}

.searchPage .search__tab a {
  color: #898989;
  padding-bottom: 1rem;
}

.searchPage .search__tab .active {
  color: #000000;
  border-bottom: 1px solid #000;
}

.searchPage .search__cont {
  /*width: 78.66667%;*/
  max-width: inherit;
  min-width: inherit;
  margin: 0 auto;
  margin-bottom: 8rem;
}

.searchPage .search__cont dl {
  display: block;
}

.searchPage .search__cont dl dt {
  font-weight: 700;
}

.searchPage .search__pager {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 0 14rem;
  position: relative;
}

.searchPage .search__pager a:hover {
  opacity: 0.7;
}

.searchPage .search__pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.searchPage .search__pager ul li {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 1rem;
}

.searchPage .search__pager ul li a,
.searchPage .search__pager ul li span {
  padding: 0;
  margin: 0;
  max-width: inherit;
  min-width: inherit;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  line-height: 1;
  color: #333;
  background: #ffffff;
}

.searchPage .search__pager ul li.pagerActive span {
  background: #ef454a;
  color: #ffffff;
  border-radius: 50%;
}

.searchPage .search__pager ul li.pagerPrev,
.searchPage .search__pager ul li.pagerNext {
  width: 0.9rem;
}

.searchPage .search__pager ul li.pagerPrev img,
.searchPage .search__pager ul li.pagerNext img {
  width: 100%;
  height: auto;
}

.searchPage .search__pager ul li.pagerPrev:hover,
.searchPage .search__pager ul li.pagerNext:hover {
  opacity: 0.7;
}

.searchPage .search__pagerAll {
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2.6rem;
}

@media screen and (max-width: 768px) {
  .searchPage .search__pager {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
  }

  .searchPage .search__pager ul {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .searchPage .search__pager ul li {
    width: 3.8rem;
    height: 3.8rem;
    margin: 0 0.5rem;
  }

  .searchPage .search__pagerAll {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: static;
    margin: 0 0 2rem;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .searchPage {
    padding-bottom: 4.5rem;
  }

  .searchPage .search {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .searchPage .search__cont {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 2rem;
  }

  .searchPage .search__cont a {
    width: 100%;
    min-width: inherit;
    padding: 2rem;
    background: #fbfbfb;
  }

  .searchPage .search__cont dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .searchPage .search__cont dl dt {
    margin-bottom: 1rem;
  }

  .searchPage .search__date {
    margin-right: 3rem;
  }

  .searchPage .search__cat {
    font-size: 1.4rem;
    margin-right: 2rem;
  }

  .searchPage .search__tab {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .searchPage .search__tab li {
    margin-right: 1.5rem;
    margin-bottom: 2rem;
  }

  .searchPage .search__tab li:last-child {
    margin-right: 0;
  }

  .searchPage .search__cont {
    margin-bottom: 4rem;
  }

  .searchPage .search__pager {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .searchPage .search__pagerPrev {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 44.74576%;
  }

  .searchPage .search__pagerNext {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 44.74576%;
  }

  .searchPage .search__pagerList {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    margin-bottom: 2.5rem;
  }
}

/*追記　Microsoft クラウドコンサルティング用*/
.productsPage.office .productsPage__meritTtl {
  max-width: 15.5rem;
  width: 16.84783%;
}

.productsPage.office .productsPage__meritCont {
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 4rem;
  background: linear-gradient(120deg, rgba(0, 144, 168, 0.06) 50%, white 50%);
}

.productsPage.office .productsPage__meritCont p {
  font-size: 1.4rem;
  text-align: justify;
}

.productsPage.office .productsPage__meritSingle {
  width: 35.86957%;
  position: relative;
}

.productsPage.office .productsPage__meritSingle:not(:last-child):before {
  display: block;
  content: "";
  background: url(../img/product/flow_arrow.png) no-repeat;
  background-size: contain;
  width: 1.9rem;
  height: 3.8rem;
  position: absolute;
  right: -13.63636%;
  top: 0;
  bottom: 0;
  margin: auto;
}

.productsPage.office .productsPage__meritSingleLead {
  position: relative;
  font-weight: bold;
  font-size: 1.4rem;
  padding-left: 1.4rem;
  line-height: 1;
  margin-bottom: 0.4rem;
}

.productsPage.office .productsPage__meritSingleLead:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #333;
  position: absolute;
  left: 0;
  top: 0.4rem;
}

.productsPage.office .productsPage__merit h4 {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2.7rem;
  margin-bottom: 1.5rem;
}

/*DX人材育成service*/
.dx_recommend {
  display: flex;
  margin: 100px 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .dx_recommend {
    flex-direction: column;
  }

  .dx_recommend div.item {
    margin-bottom: 2rem;
  }
}

.dx_recommend div.item {
  margin-right: 2rem;
  position: relative;
}

.dx_recommend div.item:last-of-type {
  margin: 0;
}

.dx_recommend div.item .img {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  margin-top: 15px;
}

.dx_recommend div.item .img img {
  width: 100% !important;
}

/*.dx_recommend div.item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1rem;
  right: 1rem;
  bottom: 0;
  z-index: 1;
  background: url(/wp-content/uploads/2021/12/bg_vision.png)
    top no-repeat;
  background-size: contain;
}*/
.dx_recommend div.item .text {
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
  position: relative;
  width: 100%;
  background: #0090a8;
  padding: 10px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  border-radius: 10px;
  z-index: 1;
}

.dx_recommend div.item .text::after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(0, 144, 168, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-top-color: #0090a8;
  top: 100%;
  left: 50%;
}

.dx_service {
  display: flex;
  margin: 50px 0;
  width: 100%;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .dx_service {
    flex-direction: column;
  }

  .dx_service .item {
    margin-bottom: 2rem;
    width: calc(100%) !important;
  }
}

.dx_service .item {
  width: calc(100% / 2 - 1.5rem);
  margin-right: 3rem;
  border: solid 3px #f4f4f4;
  padding: 3rem;
}

.dx_service .item:nth-of-type(1) {
  border: solid 3px #912c87;
}

.dx_service .item:nth-of-type(2) {
  border: solid 3px #114fd0;
}

.dx_service .item:last-of-type {
  margin: 0;
}

.dx_service .item h4 {
  color: #0090a8;
  margin-bottom: 2rem;
}

.dx_service .item h4 span {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 2;
}

.dx_service .item:nth-of-type(1) h4 span {
  color: #912c87;
}

.dx_service .item:nth-of-type(2) h4 span {
  color: #114fd0;
}

.dx_tb {
  width: 100%;
  margin-top: 50px;
}

.dx_tb li {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 1px;
}

.dx_tb li p:nth-of-type(1) {
  width: calc(100% - 70% - 5px);
}

.dx_tb li p {
  padding: 1rem;
}

.dx_tb li p:nth-of-type(2) {
  width: 70%;
  margin-left: 5px;
}

.dx_service .item:nth-of-type(1) .dx_tb li p:nth-of-type(1) {
  background: #912c87;
  color: #fff;
}

.dx_service .item:nth-of-type(2) .dx_tb li p:nth-of-type(1) {
  background: #114fd0;
  color: #fff;
}

.dx_service .item:nth-of-type(1) .dx_tb li p {
  border-top: solid 1px #912c87;
}

.dx_service .item:nth-of-type(1) .dx_tb li:last-of-type p {
  border-bottom: solid 1px #912c87;
}

.dx_service .item:nth-of-type(2) .dx_tb li p {
  border-top: solid 1px #114fd0;
}

.dx_service .item:nth-of-type(2) .dx_tb li:last-of-type p {
  border-bottom: solid 1px #114fd0;
}

.dx_achievement {
  width: 100%;
  margin: 2rem 0;
}

.dx_achievement img {
  width: 100%;
}

.dx_achievement .comment_img {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  z-index: 0;
}

.dx_achievement .comment {
  position: relative;
}
.dx_achievement .comment ul {
  display: flex;
  flex-direction: column;
  width: 40%;
  position: absolute;
  bottom: 0;
  right: 16px;
  z-index: 1;
}

.dx_achievement .comment ul li {
  width: 100%;
  margin-bottom: 3rem;
  padding: 2.5rem 0 2.5rem 2.5rem;
  background: linear-gradient(120deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0.7) 50%);
}

.dx_achievement .comment ul li h5 {
  color: #0090a8;
  font-size: 18px;
}

a.dx_support_mcaslink {
  display: block;
  text-align: center;
  margin-top: 3rem;
  padding: 1rem;
  color: #0090a8;
  border: solid #f4f4f4;
  border-radius: 5px;
  transition: all 300ms 0s ease;
}

a.dx_support_mcaslink:hover {
  border: solid #0090a8;
}

.dx_support_mcaslink span {
  display: block;
}

.dx_support_mcaslink span:nth-of-type(2) {
  color: #333333;
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  .dx_achievement .comment ul {
    margin-top: 3rem;
    width: 100%;
    position: relative;
    right: 0;
  }

  .dx_achievement .comment ul li {
    background: linear-gradient(120deg, rgba(0, 144, 168, 0.06) 50%, #fff 50%);
  }
}

.productsPage__link {
  width: 100%;
  margin: 3rem 0;
  display: block;
  display: flex;
  flex-wrap: wrap;
}

.productsPage__link .productsPage__linkcontnt {
  background: linear-gradient(45deg,
      rgba(255, 255, 255, 1) 60%,
      rgba(0, 0, 0, 0.04) 40%);
  margin-right: 2rem;
  width: calc(100% / 2 - 1rem);
  margin-bottom: 2rem;
}

.productsPage__link .productsPage__linkcontnt:nth-of-type(2n) {
  margin-right: 0;
}

.productsPage__link a {
  display: block;
  width: 100%;
  border: solid 2px #ccc;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 3rem 2rem;
  transition: all 0.5s 0s ease;
}

.productsPage__link .productsPage__linkcontnt:hover a {
  border: solid 2px #0090a8;
}

.productsPage__link a h4 {
  font-size: 20px;
  color: #0090a8;
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
  width: 60%;
  transition: all 0.5s 0s ease;
  font-size: 18px;
  font-weight: bold;
}

.productsPage__link a p {
  position: relative;
  z-index: 2;
  color: #333;
  line-height: 2rem;
  margin-bottom: 10px;
  width: 60%;
  font-size: 12px;
  transition: all 0.5s 0s ease;
}

.productsPage__link a p:last-of-type {
  margin-bottom: 0;
}

.productsPage__link img {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: 100%;
}

/*導入ページ*/
.introduction {
  display: flex;
  flex-direction: column;
}



.feature {
  width: 100%;
  display: flex;
  margin-top: 8rem;
  border: solid 1px #ccc;
  padding: 3rem;
  border-radius: 5px;
}

.features_icons {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
}

.features_icons li {
  width: calc(100% / 7 - 10px);
  margin-right: 10px;
}

.features_icons li::before,
.features_icons li::after {
  width: 100%;
  content: "";
  display: flex;
  flex-direction: column;
}

.features_icons li::before {
  margin-bottom: 10px;
  text-align: center;
}

.features_icons li::after {
  height: 120px;
}

.features_icons li:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 668px) {
  .feature {
    flex-direction: column;
    margin-bottom: -1em;
  }

  .features_icons li {
    width: calc(100% / 2 - 10px);
    margin-bottom: 1em;
  }

  .features_icons li::after {
    height: 150px;
  }
}

.features_icons li.basuyohou::before {
  content: "バスロケバス予報";
}

.features_icons li.basuyohou::after {
  background: url(/wp-content/uploads/2022/02/basuyohou.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.ondemand::before {
  content: "オンデマンドバス予報";
}

.features_icons li.ondemand::after {
  background: url(/wp-content/uploads/2022/02/ondemand.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.routesearch::before {
  content: "バス予報乗換案内";
}

.features_icons li.routesearch::after {
  background: url(/wp-content/uploads/2022/02/routesearch.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.ai::before {
  content: "乗降客AIカメラ";
}

.features_icons li.ai::after {
  background: url(/wp-content/uploads/2022/02/ai.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.senser::before {
  content: "乗降客赤外線カメラ";
}

.features_icons li.senser::after {
  background: url(/wp-content/uploads/2022/02/senser.png) no-repeat center;
  background-size: contain;
}

.features_icons li.tablet::before {
  content: "乗降客タブレット";
}

.features_icons li.tablet::after {
  background: url(/wp-content/uploads/2022/02/tabret.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.signage::before {
  content: "デジタルサイネージ";
}

.features_icons li.signage::after {
  background: url(/wp-content/uploads/2022/02/signage.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.gtfs::before {
  content: "GTFS変換公開サービス";
}

.features_icons li.gtfs::after {
  background: url(/wp-content/uploads/2022/02/gtfs.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.powerautomate::before {
  content: "Power Automate";
}

.features_icons li.powerautomate::after {
  background: url(/wp-content/uploads/2022/07/powerautomate.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.powerapps::before {
  content: "Power Apps";
}

.features_icons li.powerapps::after {
  background: url(/wp-content/uploads/2022/07/powerapps.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.microsoft365::before {
  content: "Microsoft 365";
}

.features_icons li.microsoft365::after {
  background: url(/wp-content/uploads/2022/07/microsoft365.png) no-repeat center center;
  background-size: contain;
}


.features_icons li.sharepoint::before {
  content: "SharePoint";
}

.features_icons li.sharepoint::after {
  background: url(/wp-content/uploads/2022/07/sharepoint.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.teams::before {
  content: "Teams";
}
.features_icons li.teams::after {
  background: url(/wp-content/uploads/2023/05/teams.png) no-repeat center center;
  background-size: contain;
}


.features_icons li.access::before {
  content: "Access";
}

.features_icons li.access::after {
  background: url(/wp-content/uploads/2022/07/access.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.dataservices::before {
  content: "Data Services";
}

.features_icons li.dataservices::after {
  background: url(/wp-content/uploads/2022/07/dataservices.png) no-repeat center center;
  background-size: contain;
}
.features_icons li.azure::before {
  content: "Azure";
}

.features_icons li.azure::after {
  background: url(/wp-content/uploads/2022/07/azure.png) no-repeat center center;
  background-size: contain;
}

.itemizationList_b {
  width: 100%;
}

.itemizationList_b li:first-of-type {
  padding-top: 1rem;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.itemizationList_b li:last-of-type {
  padding-bottom: 1rem;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

.features {
  width: 100%;
}

.features li:first-of-type:before {
  content: "機能";
  color: #0090a8;
  margin-bottom: 1rem;
  display: block;
}

.features li:first-of-type {
  background: url(/assets/css/../img/case/check.svg) no-repeat left bottom 0.8rem;
}

.features li {
  background: url(/assets/css/../img/case/check.svg) no-repeat left top 0.8rem;
  background-size: 1.5rem;
  padding-left: 2.3rem;
  margin-bottom: 1rem;
}

/*snsガジェット*/
.flont_sns {
  width: 90%;
  max-width: 120rem;
  margin: 0 auto 5rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
}

.flont_sns div {
  width: calc(100% / 2 - 1.5rem);
  max-width: 400px;
  position: relative;
  display: flex;
  justify-content: center;
}

.flont_sns div:first-of-type {
  margin-right: 3rem;
}

.fb-page,
.fb-page span,
.fb-page iframe[style] {
  width: 100% !important;
}

@media screen and (max-width: 68.7rem) {
  .flont_sns {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .flont_sns div {
    width: 100%;
    margin: 0 auto 2rem auto !important;
    overflow: hidden;
  }
}


.sliderwrap {
  width: 100%;
  margin-top: 3rem;
}

.sliderwrap .slick-slider {
  position: relative;
}

.sliderwrap .prev,
.sliderwrap .next {
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .6);
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.sliderwrap .prev::before,
.sliderwrap .next::before {
  content: "";
  width: 10px;
  height: 10px;
  border-style: solid;
  border-width: 3px;
  border-color: transparent transparent #0090A8 #0090A8;
}

.sliderwrap .prev {
  left: 0;
}

.sliderwrap .prev::before {
  transform: rotate(50deg) !important;
  margin-left: 5px;
}

.sliderwrap .next {
  right: 0;
}

.sliderwrap .next::before {
  transform: rotate(225deg) !important;
  margin-right: 5px;
}

.sliderwrap .dots {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 2rem 0;
}

.sliderwrap .dots li {
  transition: all .4s;
  height: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, .3);
  transition: all .4s;
  text-indent: 100%;
  margin-right: 10px;
  cursor: pointer;
}

.sliderwrap .dots li button[type="button"] {
  white-space: nowrap;
  overflow: hidden;
  display: none;
}

.sliderwrap .dots li:last-of-type {
  margin-right: 0;
}

.sliderwrap .dots li.slick-active {
  background: #0090A8;
}

@media screen and (min-width: 767px) {
  .sliderwrap .slick-track {
    width: 30%;
  }
}

/*バス予報スライダー*/
.productsPage .busyohou-wrap {
  width: 100%;
}

.productsPage .busyohou-wrap section {
  margin-top: 5rem;
}

.productsPage .busyohou-wrap section h4 {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 4rem;
  margin: 3rem 0;
}

.productsPage .busyohou-Slider {
  background: rgba(0, 0, 0, .03);
  padding: 60px;
  border-radius: 10px;
}

.productsPage .busyohou-Slider .busyohou-slider li {
  position: relative;
  padding: 0 3rem;
}

.productsPage .busyohou-Slider .busyohou-slider li p {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .productsPage .busyohou-Slider {
    padding: 1rem 0;
  }
}

@media screen and (min-width: 767px) {

  .productsPage .busyohou-Slider .busyohou-slider li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #0090A8;
  }

  .productsPage .busyohou-Slider .busyohou-slider li:last-of-type:after {
    border-width: 0;
    border-color: transparent;
  }
}




ul.performance {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
}

ul.performance li {
  width: calc(100% / 4 - 2rem);
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

ul.performance li div {
  width: 100%;
}

ul.performance li div.img {
  margin-bottom: 2rem;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

ul.performance li div.img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

ul.performance li div.title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

ul.performance li div.title span {
  display: inline-block;
  padding: 0 10px;
  border-radius: 20px;
  background: rgba(0, 0, 0, .05);
  font-size: 14px;
  line-height: 2;
  margin-bottom: 10px;
}

ul.performance li div.title h4 {
  color: #0090A8;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: bold;
}
ul.performance li div.title .item{
  display: inline-flex;
	justify-content: flex-start;
	align-items: center;
}

ul.performance li div.title .item i {
  color: #0090A8;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  ul.performance li {
    width: calc(100% / 2 - 2rem);
  }
}

.specification-wrap {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 100%;
  margin: 0 auto;
  margin-bottom: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

@media screen and (max-width: 768px) {
  .specification-wrap {
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.specification-wrap h4 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0090a8;
  margin-bottom: 1.5rem;
}

.specification-person {
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}

.specification-person span {
  padding: 0 10px;
  line-height: 1.7;
  margin-right: 10px;
  border-radius: 5px;
}

.specification-person span:last-of-type {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

.specification-person span.business {
  color: #0090a8;
  border: solid 1px #0090a8;
}

.specification-person span.user {
  background: #F7AF3E;
  color: #ffffff;
}

.specification-person span.business::before {
  content: "事業者様向け機能";
}

.specification-person span.user::before {
  content: "利用者様向け機能";
}

@media screen and (max-width: 768px) {
  .specification-person {
    flex-direction: column;
    flex-wrap: wrap;
  }

  .specification-person span {
    margin-bottom: 5px;
    margin-right: 0 !important;
  }
}

.youtube{
position: relative;
padding-bottom: 3rem;
width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.busyohou_passenger-counter{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.busyohou_passenger-counter li{
  display: flex;
 flex-direction: column;
width: calc(100% / 3 - 4rem);
}
.busyohou_passenger-counter li:last-of-type{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  border-bottom:none !important;
}
.busyohou_passenger-counter li img{
  margin: 0 auto;
}
.busyohou_passenger-counter li div.img{
  margin-bottom: 2rem;
  border: solid 1px #b4b4b4;
  padding: 3rem 2rem;
  border-radius: 3px;
}
.busyohou_passenger-counter h4{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .busyohou_passenger-counter {
    flex-direction: column;
  }
  .busyohou_passenger-counter li {
      width: calc(100% / 1);
      margin-bottom: 3rem;
      padding-bottom: 3rem;
      border-bottom: solid 1px #b4b4b4;
    }
}

/* リスト表示*/
.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}

.list a {
  font-weight: bold;
}

dl.list dt {
  min-width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

dl.list dt::after {
  content: " :";
  margin-left: auto;
}

dl.list dd {
  margin-left: 16px;
}

dl.list dd p {
  margin-bottom:  1rem !important;
}

/*リストで数あり*/
ul.list {
  -webkit-flex-direction: column;
  flex-direction: column;
  counter-reset: num;
}

ul.list,
ul.list li,
ol.list,
ol.list li {
  list-style: none;
  margin-left: 0 !important;
}

ul.list li,
ol.list li {
  padding-left: 40px !important;
  margin-bottom: 5px;
  position: relative;
  margin-bottom:1rem;
}

ul.list li:last-of-type,
ol.list li:last-of-type {
  margin-bottom: 0em;
}

.blogPage article ul li p,
.blogPage article ol li p {
  margin-bottom:  0 !important;
}

ul.list li:before,
ol.list li:before {
  counter-increment: num;
  content: "(" counter(num)")";
  position: absolute;
  left: 0;
}


/* リスト表示*/
.list-disc {
  display: flex;
  flex-direction: column;
}

.list-disc li{
  list-style-type: disc;
}
.list-disc li li{
  list-style-type: circle;
}
.list-disc li li li{
    list-style-type: square;
}
.list-disc li:not(:last-of-type){
  margin-bottom:  1rem !important;
}
.list-disc li li {
  margin-bottom:  1rem !important;
}
.list-disc li li li:not(:last-of-type) {
  margin-bottom:  1rem !important;
}
.newsPageDetail article .list-disc p{
  margin-bottom: 0 !important;
}
.list-disc>* p:not(:last-of-type) {
  margin-bottom: 1rem !important;
}


/* 初期番号リスト */
.list-num {
  display: flex;
  flex-direction: column;
  counter-reset: number 0;
  list-style: none;
}

.list-num li {
  list-style: none;
  padding-left: 30px;
  position: relative;
}

.list-num li:before {
  counter-increment: number 1;
  content: "(" counter(number) ") ";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.list-num li li {
  list-style: square;
  list-style-type: circle;
  margin-bottom: 0;
  padding-left: 0;
}

.list-num li li li {
  margin-bottom: 0;
  list-style: square;
  list-style-type: square;
  padding-left: 0;
}

.list-num>* p {
  margin-bottom: 0 !important;
}

.list-num li {
  margin-bottom: 1.5rem;
}

.list-num li:last-of-type {
  margin-bottom: 0;
}

.list-num li li:before,
.list-num li li li:before {
  content: "";
  display: none;
}

/*文字関係*/
.bold {
  font-weight: bold !important;
}

p.marker,
span.marker {
  display: inline;
  background: linear-gradient(transparent 72%, #d6fdff 0%);
  font-weight: bold;
  font-size: 16px;
  line-height: 2em;
}

.td_solid {
  text-decoration: underline solid #80e4e8;font-weight: bold;
}

.td_double {
  text-decoration: underline double #80e4e8;font-weight: bold;
}

.td_dashed {
  text-decoration: underline dashed #80e4e8;font-weight: bold;
}

.td_wavy {
  text-decoration: underline wavy #80e4e8;font-weight: bold;
}

p.bold,
span.bold {
  display: inline;
  font-weight: bold;
}

span.af {
  background: #dfffff;
  padding: 3px 5px;
  margin: 0 3px;
  border-radius: 3px;
  font-weight: bold;
}

span.af_a {
  border: 1px solid #0090A8;
  color: #0090A8;
  padding: 3px 5px;
  margin: 0 3px;
  border-radius: 3px;
  font-weight: bold;
}

span.af_b {
  border: 1px solid #bababa;
  padding: 3px 5px;
  margin: 0 3px;
  border-radius: 3px;
  font-weight: bold;
}

span.af_c {
  border: 1px solid #0090A8;
  padding: 3px 5px;
  margin: 0 3px;
  border-radius: 3px;
  font-weight: bold;
}

span.af_d {
  background: #f1f3f5;
  padding: 3px 5px;
  margin: 0 3px;
  border-radius: 3px;
  font-weight: bold;
}

.border {
  border: 1px solid #CED0D2;
  padding: 2rem;
  border-radius: 5px;
}

.border-g {
  border: 1px solid #0090A8;
  padding: 2rem;
  border-radius: 5px;
}

.border p,
.border-g p,
.bg-gray p {
  margin-bottom: 0.5rem !important;
  display: block;
}

.border p:last-of-type,
.border-g p:last-of-type,
.bg-gray p:last-of-type {
  margin-bottom: 0 !important;
}

.bg-gray {
  background-color: #f5f6f7;
  padding: 2rem;
  border-radius: 5px;
}

/*ブログimg*/
.blogimg {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;

  counter-increment: blogimg;
}

.blogimg img {
  margin-bottom: 0;
}

.blogimg img {
  margin-bottom: 5px !important;
}

.blogimg p {
  font-size: 12px;
  color: #0090a8;
}

.blogimg p:before {
  content: "図" counter(blogimg)".";
  margin-right: 10px;
}

.blogimg img {
  margin-left: 0 !important;
}

.clr-g {
  color: #0090a8;
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
  background: #F3F3F3;
}

div.code-toolbar>.toolbar button {
  color: transparent;
  padding: 0;
  background: transparent;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

div.code-toolbar>.toolbar .toolbar-item {
  margin-right: 5px;
}

/*プロフィール部分*/
.profile {
  width: 100%;
  border-radius: 10px;
  background: #0090a81a url(/wp-content/uploads/2021/07/backimg.png) no-repeat right bottom;
  background-size: 50%;
  padding: 30px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 100px;
}

@media screen and (max-width: 770px) {
  .profile {
    flex-direction: column;
  }
}

.profile__row1 {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
}

@media screen and (max-width: 770px) {
  .profile__row1 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -50px;
  }
}

.profile__row2 {
  width: calc(100% - 160px);
  margin-left: 30px;
}

.profile__self-introduction p {
  line-height: 1;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 770px) {
  .profile__row1 {
    width: 100px;
    height: 100px;
  }

  .profile__row2 {
    width: 100%;
    padding-top: 50px;
    text-align: center;
    margin-left: 0;
  }
}

.profile__name {
  font-size: 18px !important;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 770px) {
  .profile__name {
    text-align: center !important;
  }
}

.profile__self-introduction {
  margin-bottom: 0 !important;
}

.green {
  color: #00cbd6;
}

/*ブログリンク部分*/
.blog_box {
  width: 100%;
  display: block;
  margin: 2rem 0;
}

.blog_box a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: solid 3px #ccc;
  color: #333 !important;
  border-radius: 5px;
  text-decoration: none !important;
  transition: all 0.5s 0s ease;
  margin-bottom: 2rem;
  padding: 2rem 1rem;
}

.blog_box a:last-of-type {
  margin-bottom: 0;
}

.blog_box a:hover {
  border: solid 3px #0090A8;
}

.blog_box a:hover p {
  color: #0090A8 !important;
}

.blog_box a .blag_title {
  width: calc(100% - 35% - 10px);
  margin-left: 10px;
  padding: 20px;
}

.blog_box a .blag_title p {
  margin-bottom: 0 !important;
  font-size: 12px;
  color: #333;
  transition: all 0.5s 0s ease;
}

.blog_box a .blag_title h3 {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  border: none !important;
}

@media screen and (max-width: 770px) {
  .blog_box a .blag_title {
    background: rgba(255, 255, 255, .9);
    width: calc(100%);
  }
}

/*table border*/
@media screen and (max-width: 770px) {
  .scroll-table {
    width: 100%;
    overflow-y: auto;
    white-space: nowrap;
  }
}

table.tb-border {
  margin: 30px 0;
  width: 100%;
  overflow-x: auto;
}

table.tb-border p {
  margin-bottom: 0 !important;
  line-height:1.2;
}

@media screen and (max-width: 770px) {
  table.tb-border {
    width: 100%;
    border-bottom: solid 1px #333;
  }
}

table.tb-border th,
table.tb-border td {
  padding: 5px 15px;
  font-size: 1.2rem;
  vertical-align: middle;
  padding: 1rem 5px;
}
table.tb-border th{
  border-bottom: solid 2px #333;
    background: #F5F6F7;
    font-weight: bold;
}

table.tb-border tr {
  border-bottom: dotted 1px #333;
  vertical-align: middle;
}

/*引用*/
.quote {
  padding: 3rem;
  border-left: solid 2px #0090A8;
  background: rgba(0, 0, 0, .02);
}


.quote p:last-of-type {
  margin-bottom: 0 !important;
}

/*code*/
.code {
  background: #333;
  color: #fff;
  padding: 16px;
}

.code p {
  color: #fff;
  margin-bottom: 0 !important;
}

.code p:before {
  content: "$";
  padding-right: 10px;
}

/*文字　色*/
.t-red {
  color: #Ef454A;
}

.t-green {
  color: #0090A8;
}

/*figure*/
.blogPage article figure {
  margin-bottom: 2rem;  
}
@media screen and (min-width: 771px) {
  .blogPage article figure.blog-eye-catching {
    background: #f4f4f4;
    padding: 10px 0;
	  display: flex;
	  justify-content: center;
  }
  .blogPage article figure.blog-eye-catching img {
    margin-bottom: 0px !important;
    box-shadow: 0px 4px 15px -8px rgba(0,0,0,.5);
      max-width: 350px;
  }
}
.blogPage article figure img {
  margin-bottom: 0px !important;
}

.blogPage article figure figcaption {
  line-height: 1em;
  font-size: 10px;
  padding: 0;
  margin-bottom: 0;
  text-align: left !important;
  color: #0090a8;
}
/*矢印の設定*/
.together .slick-next:before,
.together .slick-prev:before {
  display: none;
}

.together .slick-prev,
.together .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  outline: none;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  height: 15px;
  width: 15px;
}

.together .slick-next {
  right: -5% !important;
}

.together .slick-prev {
  left: -5% !important;
}

.together .slick-prev {
  left: -1.5%;
  transform: rotate(-135deg);
}

.together .slick-next {
  right: -1.5%;
  transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.together .slick-dots {
  text-align: center;
  margin: 20px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none !important;
}

.together .slick-dots li {
  display: inline-block;
  margin: 0 5px;
  width: auto;
  height: auto;
}

.together .slick-dots button {
  color: transparent;
  outline: none;
  display: block;
  border-radius: 50%;
  background: #ccc;
  width: 3px;
  height: 3px;
}

.together .slick-dots .slick-active button {
  background: #333;
}

.together .slick-dots li button:before {
  display: none;
}

/*個別投稿*/
.blog_single {
  width: 100%;
  display: block;
  margin-bottom: 2rem;
}

.blog_single a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  text-decoration: none !important;
  transition: all .3s ease-out;
}

.blog_single a:hover {
  border: solid 1px #0090A8;
}

.blog_single a h4,
.blog_single a p {
  transition: all .3s ease-out;
  color: #333333;
}

.blog_single a:hover h4,
.blog_single a:hover p {
  color: #0090A8;
}

.blog_single a p {
  text-decoration: none;
}

.blog_single a .blog_img {
  width: calc(35% - 40px);
}

.blog_single a .blog_img img {
  margin: 0 !important;
}

.blog_single a .blag_title {
  width: 65%;
}

.blog_single a h4 {
  font-size: 16px;
  margin-bottom: 10px;
}

.blog_single a p {
  font-size: 12px;
  line-height: 1.75;
  color: #0090A8;
}

@media screen and (max-width:650px) {
  .blog_single a {
    flex-direction: column;
  }

  .blog_single a .blog_img,
  .blog_single a .blag_title {
    width: calc(100% / 1);
  }

  .blog_single a .blog_img {
    margin-bottom: 2rem;
  }
}

/*h2レベル*/
div.level,
div.level ul {
  width: 100%;
  display: block;
}

div.level {
  margin-bottom: 3.5rem;
  border-bottom: solid 2px #0090A8;
  padding-bottom: 2rem;
}

div.level h2 {
  margin-bottom: 0 !important;
}

div.level ul {
  border-bottom: solid 2px #0090A8;
  margin-bottom: 2rem;
}

div.level li {
  display: inline-block;
  font-size: 13px;
  color: #fff;
  border-radius: 5px 5px 0 0;
  background: #0090A8;
  padding: 2px 15px;
  margin-right: 10px;
  margin-left: 0 !important;
  position: relative;
}

div.level li.level001:before {
  content: "超初心者";
}

div.level li.level01:before {
  content: "初級者";
}

div.level li.level02:before {
  content: "中級者";
}

div.level li.level03:before {
  content: "上級者";
}

div.level li:last-of-type {
  margin-right: 0;
}

li.sns span {
  font-size: 4px;
  line-height: 16px;
}

li.sns a div {
  display: flex;
}

@media screen and (min-width: 767px) {
  li.sns a div {
    flex-direction: column;
    align-items: center;
  }

  li.sns a div span {
    display: none;
  }
}

li.sns a div:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}

li.sns .facebook:before {
  background: url('/assets/img/sns/facebook-a.png') no-repeat center center;
  background-size: contain;
}

li.sns .twitter:before {
  background: url('/assets/img/sns/twitter-a.png') no-repeat center center;
  background-size: contain;
}


@media screen and (max-width: 768px) {
  li.sns a div {
    display: flex;
    align-items: center;
  }

  li.sns a div:before {
    margin-right: 20px;
  }

  li.sns span {
    font-size: 16px;
  }

  li.sns .facebook:before {
    background: url('/assets/img/sns/facebook-b.png') no-repeat center center;
    background-size: contain;
  }

  li.sns .twitter:before {
    background: url('/assets/img/sns/twitter-b.png')no-repeat center center;
    background-size: contain;
  }

}

h3.jp-relatedposts-headline{
padding: 0 !important;
font-size:12px !important;
}
h3.jp-relatedposts-headline em:before{
  border: none !important;
  top: 0 !important;
}

.comment{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.comment .img{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.comment .img img{
  margin: 0 !important;
}

.comment .speech{
  width: calc(100% - 130px);
}
.comment .speech p{
  background-color: #fff;
    border-radius: 10px;
    border: 1px solid #ccc;
    position: relative;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 0;
}
.comment .speech p::before,
.comment .speech p::after{
  content: "";
  width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.comment .speech p::before {
  border-width: 5px 10px 5px 0;
  border-color: transparent #FFFFFF transparent transparent;
  left: -10px;
  z-index: 2;
}
.comment .speech p::after{
  border-width: 6px 12px 6px 0;
    border-color: transparent #ccc transparent transparent;
    z-index: 1;
    left: -12px;
}

@media screen and (max-width:650px) {
  .comment{
    margin: 2rem 0;
  }
  .comment .img {width: 70px;height: 70px;}
  .comment .speech {width: calc(100% - 90px);}
}
/*------------------------
BowNow
--------------------------*/
.bownow-forme{
  margin: 0 0 5rem;
  background: #e6f6f5;
  border-radius: 5px;
  padding: 5rem 0;
  z-index: 10;
  box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 20% / 40%);
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.bownow-forme h2{
  font-size: 18px;
  font-weight: bold;
  padding: 0 3rem;
  color: #0090a8;
  margin-bottom: 0;
  text-align: center;
}

.side-maas .blogPage__stickyWrap {
  position: relative;
  top: 0;
}

@media screen and (min-width: 769px) {
  .bownow-forme {
    position: sticky;
    top: 8rem;
    padding: 2rem 0;
  }
}
/*------------------------
downloadページ
--------------------------*/
.dlPage .h1Block--ph {
  background-image: url(../img/case/h1_bg_cloud.png);
}
/*------------------------
導入事例BowNow
--------------------------*/
.dlPage__flex,
.single-dl__flex,
.casePage__flex,
.single-case__flex{
  display: flex;
  width: 100%;
  padding: 0 3rem;
  justify-content: center;
}
.dlPage__flex .dlePage__cont,
.single-dl__flex .dlPageDetail__info,
.casePage__flex .casePage__cont{
  margin: 0 !important;
  width: 100%;
}
.single-dl__flex .dlPageDetail__service,
.single-case__flex .casePageDetail__service{
 margin:12rem 0 0 0 !important;
 width: 100%;
}
.dlPage__flex .bownow,
.single-dl__flex .bownow,
.casePage__flex .bownow,
.single-case__flex .bownow{
  width: 25%;
  max-width: 350px;
  margin-left: 3rem;
}

@media screen and (max-width: 768px) {
  .dlPage__flex,
  .single-dl__flex,
  .casePage__flex,
  .single-case__flex {
    flex-direction: column;
    padding: 0 2rem;
  }
  .dlPage__flex .bownow,
  .single-dl__flex .bownow,
  .casePage__flex .bownow,
  .single-case__flex .bownow {
      width: 100%;
      max-width: none !important;
      margin-left:0;
  }
}
/*------------------------
ブログBowNow
--------------------------*/
.blogPage__side .bownow-forme{
 position: fixed;
 z-index: 100;
 bottom: -20px;
 top: auto;
 display: block;
 transform: translateY(100%);
transition: all .4s;
min-width: 350px;
border-top-right-radius: 0;
margin: 0 0 2rem;
}
.blogPage__side .bownow-forme.bownow-forme-on{
transform: translateY(0);
}
.blogPage__side .bownow-button{
  position: absolute;
  cursor: pointer;
  background: #d83b1e;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
  border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    top: 0;
    transform: translateY(-100%);
    padding: 0 30px;
    right: 0;
}
@media screen and (max-width: 768px) {
  .blogPage__side .bownow-forme {
    right: 20px;
  }
  .blogPage__side .bownow-button{
    padding: 0 16px;
    line-height: 30px;
  }
}



.flootContact {
  display: none;
}
/*------------------------
サービスページBowNow
--------------------------*/
.bownow-flex {
  display: flex;
  justify-content: center;
}

.s-bownow {
  width:100%;
  background: #e6f6f5;
  z-index: 0;
  transition: all .3s;
  position: relative;
}
.s-bownow.active{
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: 500px;
  z-index: 10;
}

.s-bownow-forme {
  position: sticky;
  top: 7rem;
  padding: 2rem 0;
  transition: all .4s;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 500px;
  margin: 0 auto;
}

.s-bownow-forme h2 {
  font-size: 16px;
  font-weight: bold;
  padding: 0 1rem;
  color: #0090a8;
  margin-bottom: 0;
  text-align: center;
}
.s-bownow-forme .s-bownow-window-p{
  line-height: 1.5;
  font-size: 12px;
  text-align: center;
}
.s-bownow-window{
  position: relative;
  padding: 0 10px 0 20px;
}

@media screen and (min-width: 1200px) {
  .main-contents {
    position: relative;
    width: calc(100% - 280px);
    margin-right: auto;
  }
  .s-bownow {
    width:280px;
  }
  .s-bownow-window .s-bownow-window-trigger{
    position: absolute;
    cursor: pointer;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: #00798E;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .s-bownow-window .s-bownow-window-trigger::before{
    content: "◀";
    line-height: 30px;
    font-size: 20px;
  }
  .s-bownow.active .s-bownow-window .s-bownow-window-trigger::before{content: "×";}
  .s-bownow-forme .s-bownow-window-p::before{
    content: "広くするには「◀」をクリックしてください";
  }
  .s-bownow.active .s-bownow-forme .s-bownow-window-p::before{
    content: "戻す場合は「×」をクリックしてください";
  }
}
@media screen and (max-width: 1201px) {
  .s-bownow-forme .s-bownow-window-p{
    display: none;
  }
  .main-contents {
    width: calc(100%);
  }
  .bownow-flex {
    flex-direction: column;
  }

  .s-bownow {
    margin-top: 0;
    margin-bottom: 7rem;
    flex: 1;
    margin: 0 auto 7rem;
  }

  .s-bownow-forme {
    position: relative;
    top: 0;
  }
}
/*----BowNow----*/
:root {
  --shadow-color: 0deg 0% 61%;
  --shadow-elevation-low:
    0px 0.3px 0.4px hsl(var(--shadow-color) / 0.18),
    0px 0.5px 0.6px -0.8px hsl(var(--shadow-color) / 0.25),
    0px 1.2px 1.5px -1.6px hsl(var(--shadow-color) / 0.32);
  --shadow-elevation-medium:
    0px 0.3px 0.4px hsl(var(--shadow-color) / 0.19),
    0px 1.2px 1.5px -0.5px hsl(var(--shadow-color) / 0.25),
    0px 2.6px 3.3px -1.1px hsl(var(--shadow-color) / 0.3),
    -0.1px 6px 7.6px -1.6px hsl(var(--shadow-color) / 0.36);
  --shadow-elevation-high:
    0px 0.3px 0.4px hsl(var(--shadow-color) / 0.18),
    0px 2.1px 2.6px -0.2px hsl(var(--shadow-color) / 0.2),
    -0.1px 3.8px 4.8px -0.5px hsl(var(--shadow-color) / 0.23),
    -0.1px 5.8px 7.3px -0.7px hsl(var(--shadow-color) / 0.25),
    -0.1px 8.7px 11px -0.9px hsl(var(--shadow-color) / 0.28),
    -0.2px 12.9px 16.3px -1.1px hsl(var(--shadow-color) / 0.31),
    -0.3px 19px 23.9px -1.4px hsl(var(--shadow-color) / 0.33),
    -0.4px 27.3px 34.4px -1.6px hsl(var(--shadow-color) / 0.36);
}


.dlPageDetail__infoSingle {
  width: 100%;
  margin-top: 8rem;
}

.dlTxt{width: 100%;}
.dlPageDetail__infoImg{
  width: 100%;
  margin-bottom: 3rem;
  background-color: #f3f3f3;
  padding: 3rem;
  display: flex;
	justify-content: center;
	align-items: center;
}
.dlPageDetail__infoImg img{
width: 100%;
max-width: 500px;
box-shadow: var(--shadow-elevation-high);
}

.dl_agenda{
  width: 100%;
  margin-top: 3rem;
  background-color: #f3f3f3;
  padding: 3rem;
}
.dl_agenda h3{
  font-size: 18px;
  font-weight: bold;
  color: #0090A8;
  margin-bottom: 1rem;
}
.dlPageDetail__infoFeature{
  list-style: inside;
}
.dlPageDetail__infoSingle .detailedBlockImg{
  display: block;
  height: auto !important;
  width: 100%;
  margin-top: 3rem;
}
.dlPageDetail__infoSingle .detailedBlockImg img{
margin: 0 auto;
}

.blog-di-link{
  position: sticky;
  top: 7rem;
  margin-bottom: 3rem;
  z-index: 2;
}
.blog-di-link img{width: 100%;}





.point {
  position: relative;
  padding: 0.8rem 0;
  margin-bottom: 0.2rem;
  border-bottom: 5px solid;
  color: #0090A8;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
}

.point:before,
.point:after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  height: 0;
  width: 0;
}

.point:before {
  border: 16px solid;
  border-color: transparent;
  border-top-color: #0090A8;
  margin-left: -16px;
}

.point:after {
  border: 10px solid;
  border-color: transparent;
  border-top-color: white;
  margin-left: -10px;
}


.balloon {
  position: relative;
  display: inline-block;
  background-color: #0090A8;
  padding: 3px 16px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}
.balloon::before {
  content: "";
  position: absolute;
  border: solid 5px transparent;
  border-top: solid 5px #0090A8;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}


/*flontpage バナー*/
.banner_img{
  display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
  margin: 3rem 0 1rem;
}
.banner_img a:first-of-type{
  margin-right: 2rem;
}
.banner_img a img{width: 100%;}
@media screen and (max-width: 768px){
  .banner_img{
    -webkit-flex-direction: column;
	  flex-direction: column;
  }
  .banner_img a:first-of-type{
    margin-right: 0rem;
  }
  .banner_img a{
    margin-bottom: 1rem;
  }
}


/*絞込み*/

.search_wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 2rem auto;
}
.search_wrapper .search_area{
  margin-bottom: 2rem;
  background-color: #e8fcff;
  padding: 1rem 2rem;
  border-radius: 10px;
}
.search_wrapper .radio_input,
.search_wrapper .checkbox_input {display: none;}
.search_wrapper .search_ui{
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
@media screen and (max-width: 768px) {
  .search_wrapper .search_ui{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .search_wrapper .search_ui label{
      width: calc(100% / 2);
  }
}
.search_wrapper .search_ui .radio_parts::before,
.search_wrapper .search_ui .checkbox_parts::before,
.search_wrapper .search_ui .radio_parts::after,
.search_wrapper .search_ui .checkbox_parts::after{
  position: absolute;    
  display: block;
  top: 50%;
  transform: translateY(-50%);
}
.search_wrapper .radio_parts,
.search_wrapper .checkbox_parts {
  padding-left: 25px;
  position: relative;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search_wrapper .radio_parts::before {
  content: "";
  display: block;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 50%;
}
.search_wrapper .radio_input:checked+.radio_parts::before {border: 1px solid #0090A8;}
.search_wrapper .radio_input:checked+.radio_parts::after {
  content: "";
  display: block;
  left: 4px;
  width: 9px;
  height: 9px;
  background: #0090A8;
  border-radius: 50%;
}
.search_wrapper .checkbox_parts::before {
  content: "";
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.search_wrapper .checkbox_input:checked+.checkbox_parts::before {border: 1px solid #0090A8; background-color: #0090A8;}
.search_wrapper .checkbox_input:checked+.checkbox_parts::after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  width: 5px;
  height: 10px;
  transform: translateY(-60%) rotate(40deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.search_wrapper .radio_input:checked+span,
.search_wrapper .checkbox_input:checked+span{
  color: #0090A8;
  font-weight: bold;
}
/*他エリア*/
.search_wrapper {
  width: 100%;
  margin: 30px auto;
}
.search_wrapper .item_container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.search_wrapper .item {
  width: calc(100% / 4);
  padding: 1rem;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
@media screen and (max-width: 1000px) {
  .search_wrapper .item {
      width: calc(100% / 3);
  }
}
@media screen and (max-width: 768px) {
  .search_wrapper .item {
      width: calc(100% / 2);
  }
}
@media screen and (max-width: 368px) {
  .search_wrapper .item {
      width: calc(100% / 1);
  }
}
.search_wrapper .item .img,
.search_wrapper .item .img img{
  position: relative;
  width: 100%;
  height: 200px;
}

.search_wrapper .item .img{
  overflow: hidden;
  border-radius: 10px;
}
.search_wrapper .item .img img{
  object-fit: cover;
  object-position: 50% 50%;
  z-index: 1;}

@media screen and (max-width: 768px) {
  .search_wrapper .item .img,
  .search_wrapper .item .img img{height: 150px;}
}
.search_wrapper .item .img span{
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: rgba(0,0,0,.7);
  color: #fff;
  font-size: 14px;
  padding: 0 10px;
  border-radius: 3px;
  z-index: 1;
}
.search_wrapper .item h5.title{
  font-size: 20px;
  margin: 10px 0;
  font-weight: bold;
}
.search_wrapper .item .sort{
  width: 100%;
}
.search_wrapper .item .sort span{
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  line-height: normal !important;
}
.search_wrapper .item .sort span:last-of-type{margin-right: 0;}
.search_wrapper .item .sort span::before{content: "●"; margin-right: 3px;}
.search_wrapper .item .sort span.kind,
.search_wrapper .item .sort span.kind::before{color: #0090A8;}

/*絞り込み条件外のアイテム*/
.search_wrapper .hide_item {display: none !important;}

.link{
  width: 100%;
  margin-top: auto;
}
.link a{
  display: block;
  padding:5px 10px;
  transition: all 0.3s;
  text-align: center;
  margin-bottom: 10px;
}
.link a.qr-link{
  color: #fff;
  background-color: #0090A8;
  border-bottom: 5px solid #016b7d;
  border-radius: 0.5rem;
}

/*.link a.qr-link:hover{
  margin-top: 3px;
  border-bottom: 2px solid #016b7d;
}*/
.link a.qr-link span{display: block;line-height: 1.5;}
.link a.qr-link span:nth-of-type(1){font-weight: normal; font-size: 12px;}

.link a.casestudy-link{
  color: #Ef454A;
  font-weight: bold;
  border-radius: 50px;
  background-color: rgba(239,69,74,.1); 
  line-height: 2rem;
}
.link a.casestudy-link:hover{
  background-color: rgba(239,69,74,.2); 
}
/*降車ボタン*/

.anm{transition: all .3s;}
.busyohou-get-off-button{
    width: 100%;
    position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
	flex-direction: column;
    background-color: #27A7FC;
    padding: 2rem 0;
    border-radius: 15px;
}
.busyohou-get-off-button::before,
.busyohou-get-off-button::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 0;
}
.busyohou-get-off-button::before{
    width: 60px;
    background-color:#D1D1D1;
}
.busyohou-get-off-button::after{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAYAAAB10jRKAAAAAXNSR0IArs4c6QAAABNJREFUGFdj+P///38GbAQDDgAA62IT7SgTUSgAAAAASUVORK5CYII=) repeat center center;
    width: 2px;
    height: 100%;
}

.busyohou-get-off-button span.attention{
    font-size: 14px;
}
.busyohou-get-off-button .get-off{
    position: relative;
    width: 100%;
    max-width: 100px;
    height: 130px;
    box-sizing: border-box;
    border: solid 5px #F39917;
    background-color:#EDD821;
    border-radius: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
    padding: 10px;
    box-shadow: 0px 15px 35px -20px rgba(0,0,0,.6);
    z-index: 1;
    margin-bottom: 1rem;
}
.busyohou-get-off-button .get-off div{
    flex-grow: 1;
}
.busyohou-get-off-button .get-off::before{
    transition: all .3s;
    opacity: 0;
    content: "♪";
    font-size: 20px;
    color: #ffffff;
    width: 30px;
    height: 30px;
    background-color: #ff0000;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    left: -15px;
    z-index: 2;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.busyohou-get-off-button .get-off.active::before{
    opacity: 1;
}
.busyohou-get-off-button .display{
    width: 100%;
    height: 50px;
    background-color:#4B0082;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.busyohou-get-off-button .display span.off{
    font-size: 18px;
    font-weight: bold;
	color: yellow;
}
.busyohou-get-off-button .trigger{
    margin-top: 5px;
    width: 100%;
    padding: 10px 0;
    border-radius: 10px;
    cursor: pointer;
    background-color: #F39917;
    border-bottom: 5px solid #e47c27;
    color: #16244B;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.busyohou-get-off-button .trigger:hover{
    margin-top: 8px;
    border-bottom: 2px solid #e47c27;
}
.busyohou-get-off-button .display span.off{opacity: 0;}
.busyohou-get-off-button .trigger span.return{display: none;font-size: 25px;font-weight: bold; line-height: 1;}
.busyohou-get-off-button .get-off span.destination{line-height: 1;}
.busyohou-get-off-button .get-off.active .display span.off{opacity: 1;}
.busyohou-get-off-button .get-off.active .display{
    background: rgb(194,7,7);
    background: radial-gradient(circle, rgba(194,7,7,1) 0%, rgba(75,0,130,1) 100%);
}
.busyohou-get-off-button .get-off.active span.destination{display: none;}
.busyohou-get-off-button .get-off.active  span.return{display: block;}

/*リクルート用バナー*/
section.recruit-img{
  width: 100%;
}
section.recruit-img a{
  width: 100%;
  text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
  margin: 1rem 0;
  background:url(/assets/img/recruit/mv.jpg) no-repeat center center;
  background-size:cover;
  border-radius: 10px;
}
section.recruit-img a:hover div{
  background:rgba(0,144,168,1) ;
}
section.recruit-img a div{  
  background:rgba(0,0,0,.8) ;
  padding: 1rem;
  margin: 20px;
  color: #fff;
  border-radius: 5px;
  display: flex;
	flex-direction: column;
	justify-content: center;
  transition: all .3s;
}
section.recruit-img a div h2{
  line-height: 1.7;
  text-align: center;
  margin-bottom:1rem;
}
section.recruit-img a div p{
  line-height: 1.5;
  margin-bottom: 0;
}
/*バス予報　導入までのスケジュール*/
.schedule{
  padding: 1rem;
}
.ganttchart,.ganttchart li.ganttchart_item{
  width: 100%;
}
.ganttchart li.ganttchart_item{
  display: flex;
}
.ganttchart div{
  width: calc(100% / 2);
  display: flex;
  align-items: center;
  position: relative;
}
.ganttchart p{
  line-height: 1.5;
}
.ganttchart div.content div{
  display: block;
  width: calc(100% / 3);
}
.ganttchart div.content div .ol{
  list-style: square;
  width: 100%;
}
.ganttchart div.content div:nth-of-type(1) p{
  font-weight: bold;
}

.g-content div.content div .ol li{
  background:transparent !important ;
}
.g-content li:nth-of-type(odd){
  background: #f4f4f4;
}
.g-content li div.content{
  border-right: solid 1px #ccc;
}
.g-content li div.content div{
  padding: 1rem;
}
.g-content div.weak::before,
.g-content div.weak::after{
  content:"";
  position: absolute;
  z-index: 0;
  width: calc(100% / 3);
  top: 0;
  bottom: 0;
  
}
.g-content div.weak::before{
  left: 0;
  border-right: dotted 1px #ccc;
}
.g-content div.weak::after{
  right:0;
  border-left: dotted 1px #ccc;  
}
.ganttchart div.weak{
  display: flex;
  align-items: center;
}
.ganttchart div.weak span.chart{
  height: 30px;
  border-radius: 5px;
  position: relative;
  z-index: 5;
}
.g-header li{
  background-color: #0090A8;
  color: #fff;
  padding: 0 !important;
}
.g-header li div.content{
  border-right: solid 1px #fff;
}

.g-header p{
  font-weight: bold;
   text-align: center;
}
.g-header div.weak div{
  flex-wrap: wrap;
  width: calc(100% / 3);
}
.g-header div.weak div p{
  width: calc(100% / 4);
}
.g-header div.weak div::before{
  width: 100%;
  text-align: center;
  padding: 5px 0;
}
.g-header div.weak div:nth-of-type(1){
  background: #00798E;
}
.g-header div.weak div:nth-of-type(1)::before{
  content: "【1ヶ月目】";
}
.g-header div.weak div:nth-of-type(2){
  background: #00A4C1;
}
.g-header div.weak div:nth-of-type(2)::before{
  content: "【2ヶ月目】";
}
.g-header div.weak div:nth-of-type(3){
  background: #00BADB;
}
.g-header div.weak div:nth-of-type(3)::before{
  content: "【3ヶ月目】";
}
.ganttchart div.weak span.chart.one-w{
width: calc(100% / 12);
}
.ganttchart div.weak span.chart.two-w{
width: calc( ( 100% / 12 ) * 2 );
}
.ganttchart div.weak span.chart.three-w{
width: calc( ( 100% / 12 ) * 3 );
}
.ganttchart div.weak span.chart.four-w{
width: calc( ( 100% / 12 ) * 4 );
}
.ganttchart div.weak span.chart.five-w{
width: calc( ( 100% / 12 ) * 5 );
}
.ganttchart div.weak span.chart.six-w{
width: calc( ( 100% / 12 ) * 6 );
}
.ganttchart div.weak span.chart.seven-w{
width: calc( ( 100% / 12 ) * 7 );
}
.ganttchart div.weak span.chart.color-one{
background-color: #0093E9;
background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
}
.ganttchart div.weak span.chart.color-two{
background-color: #0090A8;
background-image: linear-gradient(160deg, #50cade 0%, #0090A8 100%);
}
.ganttchart div.weak span.chart.color-three{
background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
}
@media screen and (min-width: 769px) {
.ganttchart div.content div:nth-of-type(1) p,
.ganttchart div.content div:nth-of-type(2) p{
  text-align: center;
}
}
@media screen and (max-width: 768px) {
.sp-none,
.g-header div.weak div p{display: none !important;}

.ganttchart li.ganttchart_item div.content{
flex-direction: column;
}
.g-header div.content div,
.g-header div.weak div{
  padding: 1rem 0;
}
.ganttchart div.content div{width: calc(100%);}
.g-content li{padding: 5px 0;}
.g-content li div.content div{padding: 0 1rem;}
.g-content li div.content div:nth-of-type(2){
  display: flex;
  align-items: baseline;
}
.g-content li div.content div:nth-of-type(2) p::before{
  content: "【作業担当】";
  color: #0090A8;
}
}

/*----------------------------------------
CCブログのserviceリンク
-----------------------------------------*/
.cc_service{
  display: none;
}
.platform_blog .PowerPlatform_service_link{
 display: block;
}
.sharepoint_blog .SharePoint_service_link{
  display: block;
}

.cc_service_link {
  width: 100%;
  display: flex;
  gap: 5px;
  justify-content: center;
  margin-bottom: 2rem;
}
.cc_service_link div.cc_service-item{
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}
.cc_service_link p{
  font-weight: bold;
  position: relative;
  text-align: center !important;
  line-height: 1.5 !important;
  margin: auto !important;
  padding: 0 10px;
}
.cc_service_link a{
  margin-top: auto;
  position: relative;
  display: block;
  transition: all 0.3s ease-out;
  padding: 1.5rem 20px 1.5rem 5px;
  border-radius: 100px;
  text-align: center;
  font-weight: bold;
  border: solid 4px #fff;
  box-shadow: 0 3px 3px 0 rgba(17, 17, 26, 0.2);
  background: #e14648;
  background: linear-gradient(90deg, rgba(225, 70, 72, 1) 0%, rgba(241, 121, 62, 1));
  text-decoration: none !important;
}
.cc_service_link a h4{
  font-size: 1.5rem !important;
  line-height: 1 !important;
  font-size: 1.75rem;
  font-weight: 700;
    margin-bottom: 0 !important;
    color: #fff;
}
.cc_service_link a:before {
  content: "";
  transition: all .4s;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .cc_service_link.PowerPlatform {
    grid-template-columns: 1fr;
  }
  .cc_service_link.SharePoint {
    grid-template-columns: 1fr;
  }
}

/*----------------------------------------
社員interview
-----------------------------------------*/
.interviewPage {
  display: flex;
  flex-direction: column;
}
.interviewPage img {
  width: 100% !important;
}
.interviewPage .interview__cont {
  position: relative;
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
}
.interviewPage .main-visual {
  width: 100%;
  position: relative;
  display: flex;
  overflow: hidden;
  margin-bottom: 10rem;
}
.interviewPage .main-visual .main-visual-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.interviewPage .main-visual .main-visual-background img {
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 0;
}
.interviewPage .main-visual .main-visual-background::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 600px 0 0 700px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
}
.interviewPage .main-visual .profile_box {
  margin-top: 15rem;
  max-width: 500px;
  position: relative;
  z-index: 1;
  padding: 2rem;
}
.interviewPage .main-visual .profile_box .department {
  display: inline-block;
  padding: 0 16px;
  color: #fff;
  background: #0090A8;
  border-radius: 30px;
  margin-bottom: 10px;
  margin-bottom: 2rem;
}
.interviewPage .main-visual .profile_box .copy {
  font-size: 2.5rem;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 2rem;
}
.interviewPage .main-visual .profile_box .prof {
  display: flex;
  flex-direction: column;
}
.interviewPage .main-visual .profile_box .prof .Year {
  font-size: 12px;
}
.interviewPage .main-visual .profile_box .prof .name {
  display: flex;
  line-height: 1;
}
.interviewPage .main-visual .profile_box .prof .name .jp {
  font-weight: bold;
}
.interviewPage .main-visual .profile_box .prof .name .kana {
  font-size: 12px;
  margin-left: 10px;
  color: #7e7e7e;
}
.interviewPage .interview {
  padding: 5rem 0;
  margin-bottom: 5rem;
}
.interviewPage .interview .interview__cont {
  display: flex;
}
.interviewPage .interview .interview__cont div {
  width: 50%;
}
.interviewPage .interview .interview__cont .image img{
  object-fit: cover;
  height: 300px;
}
.interviewPage .interview .interview__cont .txt h2 {
  color: #0090A8;
  line-height: 1.8;
  font-size: 2.5rem;
  margin-bottom: 10px;
  font-weight: bold;
}
.interviewPage .schedule_cont .interview__cont.white .txt h2, .interviewPage .schedule_cont .interview__cont.white .txt p {
  color: #fff !important;
}
.interviewPage .schedule_cont .interview__cont .schedule {
  background: rgba(255, 255, 255, 0.9);
  padding: 2rem;
  box-shadow: 6px 6px 6px 0px rgba(51, 51, 51, 0.1);
  border-radius: 10px;
}
.interviewPage .schedule_cont .interview__cont .schedule .ttl {
  font-size: 2rem;
  line-height: 1.8;
  margin-bottom: 1rem;
  font-weight: bold;
}
.interviewPage .schedule_cont .interview__cont .schedule ul li {
  display: flex;
  padding: 10px 0px;
}
.interviewPage .schedule_cont .interview__cont .schedule ul li:not(:last-of-type) {
  border-bottom: dotted 1px rgba(51, 51, 51, 0.5);
}
.interviewPage .schedule_cont .interview__cont .schedule ul li p {
  font-size: 13px;
  line-height: 1.8;
}
.interviewPage .schedule_cont .interview__cont .schedule ul li p.time {
  font-weight: bold;
  margin-right: 10px;
  color: #0090A8;
}
.interviewPage .schedule_cont .interview__cont .schedule ul li p span.sub_ttl {
  font-weight: bold;
  margin-right: 10px;
}
.interview__member {
  width: 100%;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.interview__member h3,
.interviewPage .recruit__interview h3,
.interviewPage .company__interview h3 {
  color: #0090A8;
  font-size: 2.5rem;
  font-weight: bold;
  display: block;
  line-height: 3;
  margin-bottom: 10px;
  display: block;
  position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.interview__member h3 span,
.interviewPage .recruit__interview h3 span,
.interviewPage .company__interview h3 span{
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding: 10px 2rem;
}
.interview__member h3::before,
.interviewPage .recruit__interview h3::before,
.interviewPage .company__interview h3::before{
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
  background: #0090A8;
  top: 50%;
  transform: translateY(-50%);
}
.interview__member .interview__cont {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.interview__member .interview__cont .interview__listSingle {
  margin: 2rem;
  min-width:150px;
  width: calc(100% / 5);
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
}
.interview__member .interview__cont .interview__listSingle .interview__listImg {
  width: 70%;
  aspect-ratio: 1/1;
  height: auto;
  overflow: hidden;
  border-radius: 50%;
}
.interview__member .interview__cont .interview__listSingle .interview__listImg img {
  width: 100%;
}
.interview__member .interview__cont .interview__listSingle p {
  font-weight: bold;
}
.interview__member .interview__cont .interview__listSingle .interview__listdepartment {
  color: #0090A8;
}
.interview__member .interview__cont .interview__listSingle .interview__listTtl {
  font-size: 20px;
}
.interviewPage .company__interview__cont{
  display: flex;
  padding: 3rem 0;
  margin-bottom: 5rem;
}
.interviewPage .company__interview__cont span{
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  position: relative;
  z-index: 2;
  margin-top: auto;
}
.interviewPage .company__interview__cont a{
  width: 100%;
  padding: 3rem;
  height: 200px;
  position: relative;
  overflow: hidden;
	display: flex;
	flex-direction: column;
}

.interviewPage .company__interview__cont a::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  z-index: 0;
  transition: all .3s;
  transform: translate(-50%,-50%);
}
.interviewPage .company__interview__cont a:hover::before{
  transform: translate(-50%,-50%) scale(1.1);
}
.interviewPage .company__interview__cont a:nth-of-type(1)::before{
  background: #f4f4f4 url(/wp-content/uploads/2023/07/ats-379.png) no-repeat center center;
  background-size: cover;
}
.interviewPage .company__interview__cont a:nth-of-type(2)::before{
  background: #f4f4f4 url(/wp-content/uploads/2023/07/ats-377.png) no-repeat center center;
  background-size: cover;
}
.interviewPage .company__interview__cont a:nth-of-type(3)::before{
  background: #f4f4f4 url(/wp-content/uploads/2023/07/ats-378.png) no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 769px) {
  .interview:nth-of-type(even) .interview__cont .image {
    padding-left: 5rem;
  }
  .interview:nth-of-type(odd) .interview__cont {
    flex-direction: row-reverse;
  }
  .interview:nth-of-type(odd) .interview__cont .image {
    padding-right: 5rem;
  }
  .schedule_cont .interview__cont .schedule {
    margin-left: 5rem;
  }
  .interviewPage .company__interview__cont a:not(:last-child){
    margin-right: 5px;
  }
}
@media screen and (max-width: 768px) {
  .interviewPage .main-visual {
    margin-bottom: 5rem;
  }
  .interviewPage .main-visual .main-visual-background::before {
    border-width: 300px 0 0 500px;
  }
  .interviewPage .main-visual .profile_box .copy {
    font-size: 2rem;
  }
  .interviewPage .interview {
    margin-bottom: 0rem;
  }
  .interviewPage .interview .interview__cont {
    flex-direction: column-reverse;
  }
  .interviewPage .interview .interview__cont div {
    width: 100%;
  }
  .interviewPage .interview .interview__cont .txt h2 {
    font-size: 2rem;
  }
  .interviewPage .interview .interview__cont .image {
    margin-bottom: 2rem;
  }
  .schedule_cont .interview__cont .schedule {
    margin-bottom: 3rem;
  }
  .interview__member .interview__cont .interview__listSingle {
    width: calc(100% / 3);
  }
  .interviewPage .company__interview__cont{
    flex-direction: column;
  }
  .interviewPage .company__interview__cont a{
    height: 100px;
  }
  .interviewPage .company__interview__cont a:not(:last-child){
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 468px) {
  .interview__member .interview__cont .interview__listSingle {
    width: calc(100% / 2);
    margin: 0 0 2rem !important;
  }
  .interview__member .interview__cont .interview__listSingle .interview__listTtl{
    font-size: 18px;
  }
  .interview__member .interview__cont .interview__listSingle .interview__listdepartment{
    font-size: 13px;
  }
}

/*行程ページの社員インタビュー*/
.employee_interviews{
  display: none;
}
.employee_interviews.slick-initialized{
  display: block;
}
.slick_interview__member .interview__cont .interview__listSingle {
  display: flex;
  flex-direction: column;
  align-items: center;
text-decoration: none;
}
.slick_interview__member .interview__cont .interview__listSingle .interview__listImg {
  max-width: 150px;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 10px;
}
.slick_interview__member .interview__cont .interview__listSingle .interview__listImg img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  margin: 0;
}
.slick_interview__member .interview__cont .interview__listSingle .interview__listdepartment {
  color: #0090A8;
}
.slick_interview__member .interview__cont .interview__listSingle .interview__listTtl {
  font-size: 18px;
  font-weight: bold;
}



/*トップページ　採用と社員interviewのところ*/
.recruittBlock{
  padding: 0 0 4rem 0;
}
.recruittBlock div.item{
  width: 100%;
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
	display: flex;
}
.recruittBlock div.item a{
  background: url(/assets/img/arrow_blue.svg) no-repeat right 2.5rem center #fff;
  background-size: 1.5rem;
  padding: 1rem 4rem;
  width: 100%;
  border:  solid 1px #0090A8;
  text-align: center;
  text-decoration:none;
	display: flex;
	flex-direction: column;
  margin: 0;
  border-radius: 5px;
  transition: all .3s;
  box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, .5);
}
.recruittBlock div.item a:hover{
  background: url(/assets/img/arrow_white.svg) no-repeat right 2.5rem center #0090A8;;
}
.recruittBlock div.item a:hover span{
  color: #fff;
}
.recruittBlock div.item a:not(:last-of-type){
  margin-right: 2rem;
}
.recruittBlock div.item a span{
  color: #0090A8;
}
.recruittBlock div.item a span:nth-of-type(1){
  font-weight: bold;
  font-size: 18px;
}
.recruittBlock div.item a span:nth-of-type(2){
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .recruittBlock div.item{
    flex-direction: column;
  }
  .recruittBlock div.item a:not(:last-of-type){
    margin-right:0;
    margin-bottom: 1rem;
  }
}


/*----------------------
Xseries
----------------------*/
.Xseries {
  padding: 2rem 0;
  width: 100%;
}
.Xseries h3 {
  position: relative;
  display: table-cell;
  padding-left: 30px;
  font-size: 2rem;
  display: block;
  font-weight: bold;
  margin-bottom: 2rem;
}
.Xseries h3:before {
  position: absolute;
  content: "";
  top: calc(50% - 5px);
  width: 20px;
  left: 0;
  height: 3px;
  border-top: solid 6px #E14648;
}
.Xseries h3 span {
  color: #E14648;
}
.Xseries-Nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  counter-reset: number 0;
}
.Xseries-Nav li {
  cursor: pointer;
  transition: all 0.3s;
  width: 100%;
  padding: 1rem;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 1rem;
  align-items: center;
}
.Xseries-Nav li::before {
  transition: all 0.3s;
  counter-increment: number;
  content: counter(number, decimal-leading-zero);
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  font-size: 4rem;
  z-index: 0;
  right: 0;
  top: 0;
  font-family: "Roboto";
  z-index: 0;
}
.Xseries-Nav li:hover, .Xseries-Nav li.active {
  box-shadow: 0px 6px 15px -5px rgba(0, 0, 0, 0.34);
}
.Xseries-Nav li:hover::before, .Xseries-Nav li.active::before {
  color: rgba(255, 255, 255, 0.1);
}
.Xseries-Nav li:hover p, .Xseries-Nav li.active p {
  position: relative;
  z-index: 1;
  color: #fff;
}
.Xseries-Nav li:hover p.ttl, .Xseries-Nav li.active p.ttl {
  color: #fff !important;
}
.Xseries-Nav li .item p {
  margin-bottom: 0;
  line-height: 1.75;
}
.Xseries-Nav li .item p.ttl {
  font-weight: bold;
  color: #0090A8;
  font-size: 18px;
}
.Xseries-Item li {
  position: fixed;
  width: calc(100% - 280px);
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.Xseries-Item li dl {
  width: 65%;
  height: auto;
  overflow-y: auto;
  background: #fff;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0px 6px 21px -5px rgba(0, 0, 0, 0.6);
  position: relative;
  display: grid;
  grid-template-columns: minmax(50%,1fr) 2fr;
  gap: 1rem;
	align-items: center;
}
.Xseries-Item li dl div.close {
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background:#C83E40;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  right: 10px;
  top: 10px;
}
.Xseries-Item li dl div.close::before {
  color: #fff;
  content: "×";
  font-size: 2rem;
  line-height: 40px;
}
.Xseries-Item li dl dt, .Xseries-Item li dl dd {
  position: relative;
  z-index: 0;
}
.Xseries-Item li dl dt.img{
  width: 100%;
  overflow: hidden;
  background: rgb(0,139,141);
  background: linear-gradient(90deg, rgba(0,139,141,1) 0%, rgba(0,204,213,1) 100%);
  border-radius: 10px;
  position: relative;
}
.Xseries-Item li dl dt.img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Xseries-Item li dl dt.img::before{
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 1rem;
  right: 1rem;
  width: 50px;
  height: 50px;
}

.Xseries-Item li dl dt.img.json::before{
  background: url(/wp-content/uploads/2024/11/xsp-json.png) no-repeat center center;
  background-size:cover;
}
.Xseries-Item li dl dt.img.spfx::before{
  background: url(/wp-content/uploads/2024/11/xsp-spfx.png) no-repeat center center;
  background-size:cover;
}

.Xseries-Item li dl dd.item {
  padding-left: 1rem;
}
.Xseries-Item li dl dd.item h4.ttl {
  font-size: 20px;
  color: #0090A8;
  font-weight: bold;
  margin-bottom: 1rem;
}
.Xseries.x-sp .Xseries-Nav li {
  background: #E5F4F5;
}
.Xseries.x-sp .Xseries-Nav li:hover, .Xseries.x-sp .Xseries-Nav li.active {
  background: #0090A8;
}
@media screen and (max-width: 1201px) {
  .Xseries-Item li{
    width: calc(100%);
  }
  .Xseries-Item li dl {
    width: 80%;
    grid-template-columns: 1fr;
  }

}
@media screen and (max-width: 768px) {
  .Xseries-Nav li {
    grid-template-columns: 50px 1fr;
  }
  .Xseries-Nav li .item p.ttl {
    font-size: 16px;
  }
  .Xseries-Item li dl {
    width: 90%;
  }
  .Xseries-Item li dl div.close {
    width: 30px;
    height: 30px;
  }
  .Xseries-Item li dl div.close::before {
    line-height: 30px;
  }
  .Xseries-Item li dl dd.item {
    padding-left: 0;
  }
  .Xseries-Item li dl dd.item h4.ttl {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .Xseries-Nav {
    grid-template-columns: 1fr;
  }

}
.megamenu li.branding-design a span{
  width: 20px;
  height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.megamenu li.branding-design a span::before{
  width: 15px;
  height: 15px;
  display: inline-block;
  content: "";
  background: url(/assets/img/design_img/header-icon/header-branding-design.png)no-repeat center center;
  background-size: contain;

}
.megamenu li.branding-design a:hover span:before{
  background: url(/assets/img/design_img/header-icon/header-branding-design-hover.png)no-repeat center center;
  background-size: contain;

}
@media screen and (max-width: 768px) {
  .megamenu li.branding-design a span::before,
  .megamenu li.branding-design a:hover span:before{
    background: url(/assets/img/design_img/header-icon/header-branding-design-sp.png)no-repeat center center;
    background-size: contain;
  }
}
/*--X-SPタブ--*/
.Xseries .tab-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
}
.Xseries .tab-nav p {
  margin-bottom: 1rem;
}
.Xseries .tab-nav nav {
  display: flex;
}
.Xseries .tab-nav nav a {
  text-decoration: none;
  font-size: 1.4rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  background: url(/assets/img/simplearrowB_white.svg) no-repeat right 10px center #333;
  background-size: 0.8rem;
  color: #ffffff;
  text-align: center;
  border-radius: 2.5rem;
  padding: 5px 3rem 5px 2rem;
}
.Xseries .tab-nav nav a:not(:last-child) {
  margin-right: 10px;
}
.Xseries .tab-container {
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
.Xseries .tab-container ul, .Xseries .tab-container li {
  list-style: none !important;
}
.Xseries .tab-container li::before {
  display: none !important;
}
.Xseries .tab-container .cover {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
}
.Xseries .tab-container .cover::before, .Xseries .tab-container .cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 80%;
}
.Xseries .tab-container .cover::before {
  border-radius: 20px;
  z-index: 0;
  background: rgb(0, 144, 168);
  background: linear-gradient(36deg, rgb(0, 144, 168) 0%, rgb(61, 187, 196) 100%);
}
.Xseries .tab-container .cover::after {
  background: url(/wp-content/uploads/2023/10/background.png) center left no-repeat;
  background-size: cover;
  z-index: 1;
}
.Xseries .tab-container .cover h3 {
  position: relative;
  z-index: 2;
  font-size: 2rem;
  margin: 2rem 0;
  font-weight: bold;
  color: #fff;
  padding: 0 !important;
}
.Xseries .tab-container .cover h3::before, .Xseries .tab-container .cover h3::after {
  display: none;
}
.Xseries .tab-container .cover .tab-list {
  background: #fff;
  box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.18);
  padding: 1rem 2rem;
  border-radius: 10px;
  display: grid;
  grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
  width: 90%;
}
.Xseries .tab-container .cover .tab-list-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  border-radius: 10px;
  color: #333333;
  transition: all 0.3s;
  position: relative;
}
.Xseries .tab-container .cover .tab-container-title{
  z-index: 2;
  position: relative;
  color: #fff;
  font-size: 2rem;
  margin-bottom: 1rem;
  padding: 1rem 0;
}
@media screen and (max-width: 768px) {
  .Xseries .tab-container .cover .tab-list {
    grid-template-columns:repeat(2, minmax(100px,1fr));
    padding: 1rem;
  }
  .Xseries .tab-container .cover .tab-list-item {
    padding: 5px 0;
  }
}
.Xseries .tab-container .cover .tab-list-item::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background: #0090A8;
  bottom: 0;
  transform: translateX(-50%);
  left: 50%;
  z-index: 2;
  transition: inherit;
}
.Xseries .tab-container .cover .tab-list-item-img {
  margin-bottom: 10px;
  position: relative;
  width: 25px;
  height: 25px;
  transition: all 0.3s;
}
.Xseries .tab-container .cover .tab-list-item-img img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.Xseries .tab-container .cover .tab-list-item-img-normal {
  opacity: 1;
}
.Xseries .tab-container .cover .tab-list-item-img-active {
  opacity: 0;
}
.Xseries .tab-container .cover .tab-list-item:hover::after {
  width: 70%;
}
.Xseries .tab-container .cover .tab-list-item.active {
  color: #0090A8;
}
.Xseries .tab-container .cover .tab-list-item.active::after {
  width: 70%;
}
.Xseries .tab-container .cover .tab-list-item.active .tab-list-item-img-normal {
  opacity: 0;
}
.Xseries .tab-container .cover .tab-list-item.active .tab-list-item-img-active {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .Xseries .tab-container .cover .tab-list-item {
    text-align: center;
  }
}
.Xseries .tab-container .content-list {
  padding: 1rem;
  width: 100%;
  background: rgb(227, 255, 250);
  background: linear-gradient(36deg, rgb(227, 255, 250) 0%, rgb(230, 247, 255) 100%);
  border-radius: 10px;
  margin: 0 auto;
}
.Xseries .tab-container .content-list-item {
  border-radius: 5px;
  padding: 0;
  overflow: hidden;
  display: none;
}
.Xseries .tab-container .content-list-item.show {
  display: block;
}
.Xseries .tab-container .x-sp-title {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 1rem;
  color: #0090A8;
}
.Xseries .tab-container h5{
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 1rem;

}
@media screen and (max-width: 768px) {
  .Xseries .tab-container .x-sp-title {
    flex-direction: column;
  }
}
.Xseries .tab-container .x-sp-title span {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .Xseries .tab-container .x-sp-title span {
    font-size: 1.5rem;
  }
}
.Xseries .tab-container .x-sp-title span:first-of-type {
  background: #0090A8;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  margin-right: 10px;
  display: block;
}
@media screen and (max-width: 768px) {
  .Xseries .tab-container .x-sp-title span:first-of-type {
    margin-bottom: 10px;
  }
}
.Xseries .tab-container .x-sp{
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .Xseries .tab-container .x-sp{
  grid-template-columns: 1fr;
  gap: 1rem;
}

}
.Xseries .tab-container .x-sp-comment {
	display: flex;
	flex-direction: column;
	align-items: center;
  padding: 2rem 1rem;
}
.Xseries ul.list-disc li{
  margin-bottom: 0;
}
.Xseries ul.list-disc li p::before{
  content: "●";
  color: #0090A8;
  font-size: 1rem;
  margin-right: 10px;

}
.Xseries .tab-container .x-sp-img {
  width: 100%;
  object-fit: contain;
}
.Xseries .tab-container .x-sp-name {
  border: solid 1px #0090A8;
  color: #0090A8;
  background: #e0f9fe;
  padding: 2px 5px;
  font-weight: bold;
  border-radius: 3px;
  margin: 0 5px;
}
.Xseries .tab-container .x-sp-img img {
  width: 100%;
  margin: 0 auto;
  border: solid 1px rgba(0, 0, 0, 0.1);
}


.busyohou_qr{
  display: flex;
}
.busyohou_qr .busyohou_qr_item{ 
	display: flex;
	flex-direction: column;
	align-items: center;
}
.busyohou_qr .busyohou_qr_item img{
  width: 250px;
}
.busyohou_qr .busyohou_qr_item p{
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .busyohou_qr{flex-wrap: wrap;}
  .busyohou_qr .busyohou_qr_item{width: 50%;}
}


/*コンパクトにしたサービス製品リンク*/
.productsService{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    width: 100%;
}
.productsService a p{
  color: #333333;
}
.productsService a.productsService__Single{
  transition: transform 0.2s;
  text-decoration: none;
}
.productsService a.productsService__Single:hover{
  transform: translateY(-5px);
}
.productsService a.productsService__Single:hover  .productsService__SingleleImg{
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.productsService a.productsService__Single .productsService__SingleleImg{
  width: 100%;
  height: 200px;
  border-radius: 10px;
  margin-bottom: 1rem;
  overflow: hidden;
}
.productsService a.productsService__Single .productsService__SingleleImg img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.productsService a.productsService__Single h4{
  margin-bottom: 1rem;
}
.productsService a.productsService__Single .productsService__SingleTxt{
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .productsService{
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
  }
  .productsService a.productsService__Single .productsService__SingleleImg{ 
    height: 150px;
  }
  .productsService a.productsService__Single h4{
    margin-bottom: 1rem;
  }
  .productsService a.productsService__Single .productsService__SingleTxt{
    display: none;
  }

}
@media screen and (max-width: 478px) {
  .productsService{
    grid-template-columns: 1fr;
  }
  .productsService a.productsService__Single .productsService__SingleleImg{ 
    height: 200px;
  }
}

/*----------------------
Xseries モーダルとタブ切り替え
----------------------*/
/*モーダル*/
.xsp-design-modal{
  width: 100%;
  margin: 5rem auto;
}
.xsp-design-modal .design-nav{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.xsp-design-modal .design-nav li{
  width: 100%;
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 10px;
}
.xsp-design-modal .design-nav li:not(:last-of-type){
  margin-bottom: 1rem;
}
.xsp-design-modal .design-nav div.design-nav-btn{
  background-color:#E5F4F5;
    cursor: pointer;
    transition: all 0.3s;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 1rem;
    align-items: center;
}
.xsp-design-modal .design-nav div.design-nav-btn p.ttl{
    font-weight: bold;
    color: #0090A8;
    font-size: 18px;
		line-height: 1.75;
}
.xsp-design-modal .design-nav div.design-nav-btn p{
	line-height: 1.3;
}
.xsp-design-modal .design-contents div.design-contents-item h4.ttl{
		font-size: 20px;
    color: #0090A8;
    font-weight: bold;
    margin-bottom: 1rem;
}
.xsp-design-modal .design-contents dl dt.img{
    width: 100%;
    overflow: hidden;
    background: rgb(0, 139, 141);
    background: linear-gradient(90deg, rgba(0, 139, 141, 1) 0%, rgba(0, 204, 213, 1) 100%);
    border-radius: 10px;
    position: relative;
}
.xsp-design-modal .design-contents dl dt.img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
		position: relative;
		z-index: 1;
}
.xsp-design-modal .design-contents dl dt.img::before{
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 1rem;
    right: 1rem;
    width: 50px;
    height: 50px;
}
.xsp-design-modal .design-contents .json dt.img::before{
    background: url(/wp-content/uploads/2024/11/xsp-json.png) no-repeat center center;
    background-size: cover;
}
.xsp-design-modal .design-contents .spfx dt.img::before {
    background: url(/wp-content/uploads/2024/11/xsp-spfx.png) no-repeat center center;
    background-size: cover;
}
.xsp-design-modal .design-contents dl{
  position: relative;
  display: grid;
  grid-template-columns: minmax(50%,1fr) 2fr;
  gap: 1rem;
	align-items: center;
}

.xsp-design-modal .design-contents li div.active {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  z-index: 1001;
	width: 1200px;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  animation: fadeInUp 0.3s ease forwards;
}
@media screen and (max-width: 1201px) {
	.xsp-design-modal .design-contents dl{
		grid-template-columns: 1fr;
	}
	.xsp-design-modal .design-contents li div.active{
		width: 500px;
	}
}
/*タブ切り替え*/
.xsp-designTab {
      margin: 0 auto;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 5rem;
    }
    .xsp-designTab::before {
      content: '';
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 150px;
      border-radius: 10px;
      z-index: 0;
      background: rgb(0, 144, 168);
      background: linear-gradient(
        36deg,
        rgb(0, 144, 168) 0%,
        rgb(61, 187, 196) 100%
      );
    }
    .xsp-designTab-ttl {
      position: relative;
      z-index: 2;
      color: white;
      width: 100%;
      padding: 20px;
      text-align: center;
    }
    .xsp-designTab-nav li div.xsp-designTab-nav-item {
      cursor: pointer;
    }
    .xsp-designTab-contents li div {
      transition: opacity 0.5s ease;
    }

    .xsp-designTab-contents li div.active {
      opacity: 1;
      display: block;
    }
    .xsp-designTab {
      width: 100%;
    }
    .xsp-designTab-nav {
      background: #fff;
      box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.18);
      padding: 1rem 2rem;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 1rem;
      position: relative;
      z-index: 1;
      width: 90%;
    }
    .xsp-designTab-nav li {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
    .xsp-designTab-nav li div.active {
      font-weight: bold;
      color: #0090a8;
    }
    .xsp-designTab-contents {
      padding: 20px;
      width: 100%;
      background: rgb(227, 255, 250);
      background: linear-gradient(
        36deg,
        rgb(227, 255, 250) 0%,
        rgb(230, 247, 255) 100%
      );
      border-radius: 10px;
      margin: 0 auto;
    }
    .xsp-designTab-contents .item {
      display: grid;
      grid-template-columns: 1fr 1.5fr;
      gap: 2rem;
    }
    .xsp-designTab-contents .feature-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 2rem 1rem;
      gap: 1rem;
    }
    .xsp-designTab-contents .feature-item .feature-title {
      font-size: 2rem;
      font-weight: bold;
      margin-top: 1rem;
      color: #0090a8;
    }
    @media screen and (max-width: 768px) {
      .xsp-designTab::before{
        height: 200px;
      }
      .xsp-designTab-nav li div.xsp-designTab-nav-item{
        text-align: center;
      }
      .xsp-designTab-contents .item {
        grid-template-columns: 1fr;
        gap: 1rem;
      }
      
    }
/*サービスブログようのcss */
    .Xsp-design-Blog{
      margin-top: 3rem;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      justify-content: center;
    }
    .Xsp-design-Blog a{
      width: 292px;
	    display: flex;
	    flex-direction: column;
      border-radius: 5px;
      overflow: hidden;
      border:  solid 1px #c5c5c5;
    }
    .Xsp-design-Blog a:hover{
      border:  solid 1px #0090a8;
    }
    .Xsp-design-Blog a img{
      width: 100%;
      height: 200px;
      object-fit: cover;
    }
    .Xsp-design-Blog a .item h5{
      font-weight: bold;
      line-height: 2rem;
      color: #0090a8;
      padding: 15px;
    }


/*新しいトップVisual　2024.12.11*/
.mainV2{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-10rem);
  margin-bottom: -3rem;
}
.mainV2 .mainV2-button{
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
  gap: 2.8rem;
}
.mainV2 .mainV2-button .dl-button{
  margin-top: 0 !important;
  color: #fff;
  border: solid 3px;
  box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, .2);
  transition: all 0.2s;
  background: rgb(225,70,72);
  background: linear-gradient(90deg, rgba(225,70,72,1) 0%, rgba(241,121,62,1) 100%);
}
.mainV2 .mainV2-button .dl-button:hover{
  transform: translateY(-5px);
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, .3);
}
.mainV2 .mainV2-button .dl-button p{
  line-height: 2.5rem !important;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .mainV2{
    transform: translateY(-3rem);
    margin-bottom: 2rem;
    display: none !important;
  }
  .mainV2 .mainV2-button{
    flex-direction: column;
    gap: 0;
  }
  .mainV2 .mainV2-button .dl-button p{
    font-size: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
  }
  
}

/*サービスDLボタン　2025.02.03*/
.blogPage .dl-button{
  background: rgb(225,70,72);
  background: linear-gradient(90deg, rgba(225,70,72,1) 0%, rgba(241,121,62,1) 100%);
}

.dlfield{
  width: 100%;  
	display: flex;
	align-items: center;
  margin-top: 2rem;
}

.dlfield li:not(:last-child){
  margin-right: 10px;
}
.dl-button{
  padding:1.5rem 5rem 1.5rem 4rem;
  border-radius: 100px;
  box-shadow: 0px 7px 7px 0px rgba(0,0,0,.1);
  text-align: center;
  position: relative;
  display: block;
}
.dlfield li:first-of-type .dl-button{
  background: rgb(225,70,72);
  background: linear-gradient(90deg, rgba(225,70,72,1) 0%, rgba(241,121,62,1) 100%);
}
.dlfield li:nth-child(n+2) .dl-button{
    background: white;
    border: 2px solid #e74f4f;
}
.dl-button p{
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  line-height: 4rem;
}
.dlfield li:nth-child(n+2) p{
  color: #e74f4f;
}
.dl-button::before{
  content: "";
  transition: all .4s;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.dlfield li:nth-child(n+2) .dl-button::before{
    border-top: 2px solid #e74f4f !important;
    border-right: 2px solid #e74f4f !important;
}
.dlfield li:nth-child(n+2) .dl-button:hover{
  background: #e74f4f;
}
.dlfield li:nth-child(n+2) .dl-button:hover p{
  color: white;
}
.dl-button:hover::before{
  right: 10px;
}
/*下部に固定用*/
.bottomDlButtonField{
  position: sticky;
    bottom: 10px;
    z-index: 100;
    max-width: 120rem;
    width: 90%;
    margin: 0 auto;
    transition: .5s all;
    opacity: 0;
    transform: translateY(10px);
}
.bottomDlButtonField.dlButtonVisible{
  opacity: 1;
  transform: translateY(0);
}
.bottomDlButtonField .dlfield{
  margin: 10px 0;
}
@media screen and (max-width: 768px){
  .dlfield{
    flex-direction: column;
    margin-bottom: 2rem;
  }
  .dlfield li{
    margin-right: 0;
    width: 100%;
  }
  .dlfield li:not(:last-child){
    margin-bottom: 10px;
  }
  .dl-button{
    width: 100%;
    display: block;
    margin-top: 0;
  }
  .dl-button p{
    font-size: 14px;
    line-height: 3rem;
  }
  .bottomDlButtonField{
    display: none;
  }
}


/*まとめ記事h2、Power Apps の実践的なノウハウ まとめ*/
h2.summary-article-h2{
  padding: 1em 0;
  font-size: 18px !important;
    line-height: 2em !important;
    border-top: 2px solid #545252;
    position: relative;
    color: #00798E;
}

h2.summary-article-h2::before {
    content: "";
    width: 50px;
    height: 2px;
    background: #d83b1e;
    position: absolute;
    top: -2px;
    left: 0;
}

/*blog_author*/
.taxonomy-blog_author{
    margin-bottom: 2rem;
    width: 100%;
}
.taxonomy-blog_author a{
    display: block;
    text-align: center;
    padding: 10px;
    background-color: rgba(0, 144, 168, .1);
    color: #0090A8;
    border-radius: 5px;
    transition: all 0.3s;
}
.taxonomy-blog_author a:hover{
    background-color: rgba(0, 144, 168, 1);
    color: white;
}
/*wp:loos-hcb/code-block 位置修正 */
.hcb_wrap .line-numbers-rows{
      left: calc(-1px - var(--hcb--linenumW) - var(--hcb--pX)) !important;
}

/*********************************************
*  X-SP Feature
********************************************/
.green-gradation {
  background: linear-gradient(136deg, rgba(2, 139, 163, 1) 0%, rgba(91, 212, 198, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}


.xsp-feature-btn-gradient {
  background: linear-gradient(90deg, #e74f4f 30.769%, #ff9d00);
  color: white;
  padding: 20px 40px;
  border-radius: 100px;
  text-decoration: none;
  font-weight: bold;
  transition: transform 0.3s;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .xsp-feature-btn-gradient {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    padding: 15px 20px;
  }
}

.xsp-feature-btn-gradient:hover {
  transform: scale(1.05);
}

.xsp-feature-inner {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 2rem;
}

.xspFeature_cont {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
}

/* 悩みセクション */
.xsp-feature-problems {
  background: #eef7f8;
  position: relative;
}

.xsp-feature-problems::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2025/09/xian-dai-denaofisuwakusuhesutetesukute-dongku-cong-ye-yuan.png) no-repeat center center;
  background-size: cover;
  opacity: 0.2;
}

.xsp-feature-problems h2,
.xsp-feature-problems .xsp-feature-solution-banner {
  position: relative;
  z-index: 1;
}

.xsp-feature-problem-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  row-gap: 50px;
  align-items: stretch;
}

.xsp-feature-problem-card {
  background: white;
  padding: 20px 20px 40px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  text-align: center;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.xsp-feature-problem-card-text {
  font-weight: bold;
  margin-bottom: 0 !important;
}

.xsp-feature-problem-card::before {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  transform: translate(-50%, 100%);
  left: 50%;
  bottom: 20%;
  border-radius: 100px;
}

.xsp-feature-problem-card:nth-of-type(1)::before {
  background: url(/wp-content/uploads/2025/09/X-SP-feature-user-icon-1.png) no-repeat center center;
  background-size: cover;
}

.xsp-feature-problem-card:nth-of-type(2)::before {
  background: url(/wp-content/uploads/2025/09/X-SP-feature-user-icon-2.png) no-repeat center center;
  background-size: cover;
}

.xsp-feature-problem-card:nth-of-type(3)::before {
  background: url(/wp-content/uploads/2025/09/X-SP-feature-user-icon-3.png) no-repeat center center;
  background-size: cover;
}

.xsp-feature-problem-card:nth-of-type(4)::before {
  background: url(/wp-content/uploads/2025/09/X-SP-feature-user-icon-4.png) no-repeat center center;
  background-size: cover;
}

.xsp-feature-solution-banner {
  background: linear-gradient(90deg, #0090a8, #54c7b6);
  width: 100%;
  color: white;
  padding: 20px;
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  line-height: 4rem;
  margin-top: 8rem;
}

.xsp-feature-about-description {
  font-size: 4rem !important;
  font-weight: bold;
  line-height: 1.5 !important;
  margin-bottom: 10px !important;
}

@media (max-width: 768px) {
  .xsp-feature-about-description {
    font-size: 3rem !important;
  }
}

/* X-SP Featureとは */
.xsp-feature-about-emphasis {
  font-size: 2rem !important;
  font-weight: bold;
  line-height: 1.5 !important;
  margin-bottom: 30px !important;
}

.xsp-feature-features {
  width: calc(100% - 3rem);
  border-radius: 10px;
  margin: 1.5rem auto;
  background: linear-gradient(rgba(0, 144, 168, 0.7), rgba(84, 199, 182, 0.8));
  padding: 50px 10px;
  position: relative;
  overflow: hidden;
}

.xsp-feature-features::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2025/09/Image_fx.png) no-repeat center center;
  background-size: cover;
  opacity: 0.3;

}

.xsp-feature-features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  justify-items: center;
  align-items: center;
  position: relative;
  z-index: 1;
  align-items: stretch;
}

@media (max-width: 768px) {
  .xsp-feature-features-grid {
    grid-template-columns: 1fr;
  }
}


.xsp-feature-feature-card {
  background: white;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.xsp-feature-feature-icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
  border-radius: 50%;
}

.xsp-feature-feature-icon img {
  width: 100%;
  object-fit: cover;
}

.xsp-feature-feature-title {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.4;
  text-align: center;
}

.xsp-feature-feature-description {
  text-align: left !important;
  margin-bottom: 0 !important;
}

.xsp-feature-combination {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 30px;
}

@media (max-width: 1201px) {
  .xsp-feature-combination {
    display: flex;
    flex-direction: column;
  }
}

.xsp-feature-combination-imag {
  background: #eef7f8;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.xsp-feature-combination-imag img {
  width: 100% !important;
  max-width: 500px;
  object-fit: cover;
}

.xsp-feature-combination-detail h2 {
  text-align: left !important;
}

.xsp-feature-combination-description {
  text-align: left !important;
  margin-bottom: 0;
}

.xsp-feature-combination-description:not(:last-of-type) {
  margin-bottom: 1rem;
}

.xsp-feature-combination-btn {
  display: flex;
  gap: 10px;
}

/* 主な機能 */
.xsp-feature-functions {
  background: white;
  padding: 50px 20px;
}

.xsp-feature-functions-inner {
  max-width: 1240px;
  margin: 0 auto;
}

.xsp-feature-function-item {
  display: flex;
  gap: 30px;
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  align-items: center;
}

@media (min-width: 769px) {
  .xsp-feature-function-item:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
}

.xsp-feature-function-content {
  flex: 1;
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.xsp-feature-function-icon {
  width: 70px;
  height: 70px;
  padding: 8px;
  background: #0090a8;
  border-radius: 100px;
  flex-shrink: 0;
}

.xsp-feature-function-icon img {
  width: 100% !important;
  max-width: 500px;
  object-fit: cover;

}

.xsp-feature-function-text {
  flex: 1;
}

.xsp-feature-function-description {
  text-align: left !important;
  margin-bottom: 0 !important;
}

.xsp-feature-function-name {
  font-size: 25px;
  font-weight: bold;
  color: #0090a8;
  margin-bottom: 10px;
}

.xsp-feature-function-description {
  font-size: 16px;
  line-height: 1.6;
}


.xsp-feature-function-youtube
 {
    width: 530px;
    border: solid 2px #0090a8;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 0;
}

.xsp-feature-function-image,
.xsp-feature-function-glightbox{
  flex-shrink: 0;
  width: 406px;
  border-radius: 10px;
  background: linear-gradient(rgba(0, 144, 168, 0.7), rgba(84, 199, 182, 0.8));
}

.xsp-feature-function-image img,
.xsp-feature-function-glightbox img {
  width: 100% !important;
  object-fit: cover;
}

@media (max-width: 768px) {

  .xsp-feature-function-item {
    flex-direction: column;
    padding: 20px 0;
  }

  .xsp-feature-function-image,
  .xsp-feature-function-youtube,
  .xsp-feature-function-glightbox {
    width: 100%;
  }

  .xsp-feature-function-youtube
  {
    margin-bottom: 2rem;
  }

  .xsp-feature-function-icon {
    width: 50px;
    height: 50px;
    padding: 5px;
  }
}
/* X-SP Feature glightbox */
.xsp-feature-function-glightbox {
  position: relative;
  display: block;
  cursor: pointer;
  overflow: hidden;
}

/* 再生アイコンをオーバーレイ */
.xsp-feature-function-glightbox::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.6) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M8 5v14l11-7z'/></svg>") no-repeat center / 32px 32px;
  border-radius: 50%;
  opacity: 0.85;
  transition: opacity .2s, transform .2s;
  pointer-events: none;
}

.xsp-feature-function-glightbox:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}

.xsp-feature-function-glightbox img {
  transition: transform .3s;
  display: block;
  width: 100%;
}

.xsp-feature-function-glightbox:hover img {
  transform: scale(1.03);
}

/* CTA */
.xsp-feature-cta {
  background: linear-gradient(rgba(0, 144, 168, 0.7), rgba(84, 199, 182, 0.8));
  padding: 20px;
  margin: 50px auto;
  border-radius: 10px;
  position: relative;
}

.xsp-feature-cta::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2025/09/Image_fx_3.png) no-repeat center center;
  background-size: cover;
  opacity: 0.2;
}

.xsp-feature-cta-title {
  font-size: 2.5rem !important;
  font-weight: bold;
  color: white;
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.4;
  position: relative;
  z-index: 1;
}

.xsp-feature-cta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 40px;
  padding: 0 100px;
  justify-content: center;
  align-items: stretch;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}

.xsp-feature-cta-item {
  text-align: center;
}

.xsp-feature-cta-item p {
  margin-bottom: 0 !important;
}

.xsp-feature-cta-icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
}

.xsp-feature-cta-icon img {
  width: 100%;
  object-fit: cover;
}

.xsp-feature-cta-text {
  color: white;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 20px;
}

.xsp-feature-cta-button {
  margin-top: 1rem;
  display: inline-block;
  background: white;
  color: #333;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s;
}

.xsp-feature-cta-button:hover {
  transform: scale(1.05);
}

.xsp-feature-cta-button-gradient {
  background: linear-gradient(90deg, #e74f4f, #ff9d00);
  color: white;
}

.xsp-feature-cta-button-red {
  background: #e14648;
  color: white;
}

/* 導入の流れ */

.xsp-feature-flow {
  background: #eef7f8;
  padding: 50px 20px;
}

.xsp-feature-flow-item {
  background: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
  align-items: center;
  position: relative;
}

.xsp-feature-flow-item:not(:last-of-type) {
  margin-bottom: 40px;
}

.xsp-feature-flow-item:not(:last-of-type)::after {
  content: "▼";
  font-size: 2rem;
  color: #0090a8;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: -35px;
}

.xsp-feature-flow-icon {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .xsp-feature-flow-icon {
    width: 45px;
    height: 45px;
  }
}

.xsp-feature-flow-icon img {
  width: 100%;
  object-fit: cover;
}

.xsp-feature-flow-content {
  flex: 1;
}

.xsp-feature-flow-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.xsp-feature-flow-description {
  text-align: left !important;
  margin-bottom: 0 !important;
}


/* FAQ */
.xsp-feature-faq {
  padding: 50px 20px;
  background: white;
}

.xsp-feature-faq-inner {
  max-width: 1240px;
  margin: 0 auto;
}

.xsp-feature-faq-item {
  background: #f7f7f7;
  border-radius: 10px;
  padding: 10px 20px;
  margin-bottom: 20px;
}

.xsp-feature-faq-item p {
  margin: 0 !important;
  text-align: left !important;
}

.xsp-feature-faq-question {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  font-size: 18px;
  font-weight: bold;
}

.xsp-feature-faq-answer {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.8;
}

.xsp-feature-faq-question::before,
.xsp-feature-faq-answer::before {
  content: "";
  display: grid;
  gap: 20px;
  grid-template-columns: 40px 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 30px;
  height: 30px;
}

.xsp-feature-faq-question::before {
  background: url(/wp-content/uploads/2025/09/X-SP-feature-faq-icon-1.png) no-repeat center center;
  background-size: cover;
}

.xsp-feature-faq-answer::before {
  background: url(/wp-content/uploads/2025/09/X-SP-feature-faq-icon-2.png) no-repeat center center;
  background-size: cover;
  margin-top: 3px;
}

@media (max-width: 768px) {

  .xsp-feature-faq-question::before,
  .xsp-feature-faq-answer::before {
    gap: 10px;
    width: 20px;
    height: 20px;
  }
}

/* 関連サービス */
.Xsp-feature-related{
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
.Xsp-feature-related-item{
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 2rem 400px 2rem 4rem;
  border-radius: 10px;
  border: solid 2px #0090a8;
  position: relative;
  z-index: 2;
}
.xsp-feature-related-image{
  position: absolute;
  right: 0;
  z-index: 0;
  top: 0;
  bottom:0;
  width: 50%;
  height: 100%;
}
.xsp-feature-related-image img{
  width: 100%;
  height: 100%;
  object-fit: contain;

}
.xsp-feature-related-title{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 2rem;
}
.xsp-feature-related-description{
  text-align: left !important;
  margin-bottom: 0 !important;
}
.xsp-feature-related-btn{
  width: 100%;
  display: flex;
  gap: 10px;
  margin-top: 2rem;
}
.xsp-feature-related-btn a{
    padding: 20px 40px;
    border-radius: 100px;
    text-decoration: none;
    font-weight: bold;
    transition: transform 0.3s;
    line-height: 1.5;
}
.xsp-feature-related-button-fill{
  background: linear-gradient(rgba(0, 144, 168, 0.7), rgba(84, 199, 182, 0.8));
    color: white;
}

.xsp-feature-related-button-outline{
  border: #0090a8 1px solid;
  color: #0090a8;
  background: white;
}
@media (max-width: 768px) {
  .Xsp-feature-related-item {
    padding: 20px;
  }
  .xsp-feature-related-image{
    display: none;
  }
}


/* IT導入補助金Button */
.hojyokatsu{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 20px;
    align-items: center;
    position: relative;
    width: 100%;
}
.hojyokatsu li a.hojyokatsu_button{
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  background: #0090A8;
  text-align: center;
  padding: 1rem;
  border-radius: 50px;
  display: block;
  width: 100%;
}
.hojyokatsu li{
  border: solid 1px #0090A8;
  padding: 2rem;
  border-radius: 10px;
  text-align: center;
}
.hojyokatsu li.hojyo{border: solid 1px #e04648;}
.hojyokatsu li.hojyo a.hojyokatsu_button{background: #333;}
@media screen and (max-width: 770px) {}




/* 資料download セクション */
.dl-data-inner {
  max-width: 1500px;
  padding: 0 2rem;
  margin:3rem auto;
}
.dl-data-download {
  background: linear-gradient(rgba(0, 144, 168, 0.7), rgba(84, 199, 182, 0.8));
  position: relative;
  color: white;
  border-radius: 10px;
}
.dl-data-download-image {
  overflow: hidden;
}
@media (min-width: 769px) {
  .dl-data-download-image{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: 0;
  }
  .dl-data-download-content{
    width: 50%;
    padding: 4rem;
    margin-left: auto;
  }
}

.dl-data-download-image img {
  width: 100% !important;
  object-fit: cover;
  height: 100%;
}

.dl-data-download-content{
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dl-data-download-description {
  font-size: 3.3rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.dl-data-download-text{
  line-height: 1.5 !important;
}

.dl-data-download-description span {
  font-size: 2rem;
}

.dl-data-btn-white {
  color: #0090a8;
  padding: 20px 40px;
  border-radius: 100px;
  text-decoration: none;
  font-weight: bold;
  transition: transform 0.3s;
  line-height: 1.5;
  background-color: white;
}


@media (max-width: 768px) {
  .dl-data-download-content{
    padding: 0 20px 40px 20px;
  }
  .dl-data-download-image{
    width: 100%;
  }
  .dl-data-download {
    grid-template-columns: 1fr;
  }
  .dl-data-download-description {
    font-size: 2.5rem;
  }

  .dl-data-download-description span {
    font-size: 1.5rem;
  }
  .dl-data-download-image img {
    height: 200px;
  }
}