@charset "UTF-8";
/*
	COMMON STYLES
 */
/* font-styles */
html,
body {
  font-size: 62.5%!important;
}
.textwidget,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0 !important
}
i,
em {
  font-style: normal;
}
.roboto {
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif!important;
}
.highlight {
  color: #0078e8;
}
.grey {
  color: #888!important;
}
.white {
  color: #fff!important;
}
.color-vmware {
  color: #4387fb!important;
}
h1 {
  line-height: 1!important;
  font-size: 4rem!important;
}
h2 {
  line-height: 1!important;
  font-size: 2rem!important;
  font-weight: 800!important;
  color: #222 !important
}
h3 {
  line-height: 1!important;
  font-size: 2rem!important;
  font-weight: 600!important;
  color: #222;
}
h4 {
  line-height: 1!important;
  font-size: 1.7rem!important;
  font-weight: 600!important;
  color: #222;
}
p {
  line-height: 1.66!important;
  /* 181008 font resize 1.5rem to 1.7rem */
  font-size: 1.7rem!important;
  color: #222 !important
}
li,
dt,
dd {
  /* list-style: none; */
  line-height: 1.6;
  /* 181008 font resize 1.5rem to 1.7rem */
  font-size: 1.7rem;
}
div,
span {
  /* 181008 font resize 1.5rem to 1.7rem */
  font-size: 1.7rem;
  font-weight: 400;
}
strong {
  font-weight: 600!important;
}
hr {
  border: 0;
  background-color: #fff;
}
.desc {
  font-weight: 300!important;
}
a {
  color: #5891e8;
}
.under {
  text-decoration: underline!important;
}
.under:hover {
  text-decoration: underline!important;
}
.linked {
  color: #333;
  font-weight: 400;
}
.bold {
  font-weight: 600!important;
}
.hide {
  display: none!important;
}
/* box-styles */
* {
  box-sizing: border-box!important;
}
input,
select,
textarea {
  margin: 0!important;
  padding: 12px 13px!important;
  font: normal 1.7rem / 100% 'Noto Sans KR', sans-serif!important;
}
input,
select {
  height: 44px!important;
}
input::-moz-input-placeholder {
  line-height: normal!important;
}
input::-webkit-input-placeholder {
  line-height: normal!important;
}
select {
  padding-top: 0!important;
  padding-bottom: 0!important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("https://img.megazonejapan.jp/2018/07/19160008/select-arrow.png") no-repeat 95% 50%!important;
  cursor: pointer;
  line-height: 1.3!important;
}
select::-ms-expand {
  display: none;
}
textarea {
  resize: none;
  line-height: 1.2!important;
}
.content ul {
  list-style: none!important;
}
.content ol,
.content ul {
  margin: 0!important;
}
.img-border>.wpb_wrapper {
  border: 1px solid #d2d2d2;
}
.img-largebox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 480px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
}
.dot-list li,
.dot-list dd {
  position: relative;
  padding-left: 10px;
}
.dot-list li::before,
.dot-list dd::before {
  position: absolute;
  width: 10px;
  left: 0;
  text-align: center;
}
.dot-list .middledot::before {
  content: "\00B7";
}
.page-desc {
  padding: 32px 0!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  line-height: 1.6!important;
  letter-spacing: -0.025em;
  word-break: keep-all;
}
.bg-grey {
  background-color: #f1f1f1 !important
}
.dp_none {
  display: none;
}
/* header-styles */
.masthead {
  padding: 0!important;
}
.top-banner {
  display: none !important;
  position: relative;
  width: 100%;
  height: 110px;
  background-image: url("https://img.megazonejapan.jp/2022/04/megazonejapen-banner-CTC.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.top-banner .banner-link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.top-banner .banner-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 1200px;
  height: 110px;
  margin: auto;
}
.top-banner .banner-content .banner-text {
  flex: 2;
  color: #fff;
}
.top-banner .banner-content .banner-text span {
  display: inline-block;
  height: 32px;
  margin-right: 10px;
  padding: 7px 14px;
  border-radius: 30px;
  background-color: #fff;
  line-height: 1;
  font-weight: 500;
  color: #0078e8;
}
.top-banner .banner-content .banner-logo {
  flex: 1;
}
.top-banner .banner-content .close {
  position: absolute;
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  text-indent: -999em;
  border: 2px solid #fff;
  border-radius: 100%;
  cursor: pointer;
  z-index: 9999;
}
.top-banner .banner-content .close::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 14px;
  margin-top: -7px;
  margin-left: -1px;
  background-color: #fff;
  -ms-transform: rotate3d(0, 0, 1, 45deg);
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.top-banner .banner-content .close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 14px;
  margin-top: -7px;
  margin-left: -1px;
  background-color: #fff;
  -ms-transform: rotate3d(0, 0, 1, -45deg);
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
.top-banner.whitepaper {
  background-image: url('https://img.megazonejapan.jp/2023/04/top-banner-whitepaper-bg.png');
  background-repeat: repeat;
  background-size: auto;
}
.top-banner.whitepaper .banner-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  cursor: pointer;
}
.top-banner.whitepaper .banner-content .banner-logo {
  flex: none;
}
.top-banner.whitepaper .banner-content .banner-text {
  flex: none;
}
.top-banner.whitepaper .banner-content .close {
  flex: none;
  position: relative;
  top: initial;
  margin-top: 0;
  min-width: 32px;
}
.top-banner.whitepaper .banner-content h3 {
  margin: 0;
  font-size: 3.6rem!important;
  font-weight: 400!important;
  color: #3c61a2;
}
.m-top-banner {
  display: none;
}
.top-bar {
  display: block!important;
  max-width: 100%!important;
  background-color: #f1f1f1
}
.top-bar>.mini-widgets {
  display: block!important;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.top-bar .mini-widgets .last {
	float: right;
}
.top-bar .micro-wrap {
  overflow: hidden;
  height: 40px;
  line-height: 40px;
}
.top-bar .micro-wrap li {
  float: left;
  padding: 0 16px;
  border-right: 1px solid #dadada;
}
.top-bar .micro-wrap li:first-of-type {
  padding-left: 0;
}
.top-bar .micro-wrap a {
  padding-left: 24px;
  text-decoration: none!important;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif!important;
  font-size: 1.4rem!important;
  font-weight: 300!important;
  color: #444!important;
}
.top-bar .micro-wrap .contact {
  background: url("https://img.megazonejapan.jp/2021/10/micro-contact.png") no-repeat;
  background-position: left center;
  background-size: auto;
}
.top-bar .micro-wrap .phone {
  background: url("https://img.megazonejapan.jp/2021/10/micro-phone.png") no-repeat;
  background-position: left center;
  background-size: auto;
}
.top-bar .micro-wrap .email {
  background: url("https://img.megazonejapan.jp/2021/10/micro-email.png") no-repeat;
  background-position: left center;
  background-size: auto;
}
.top-bar .lang-selector {
  width: 120px;
  border-right: 1px solid #dadada;
}
.top-bar .lang-selector .current {
  position: relative;
  z-index: 101;
  background-image: url("https://imgnew.megazone.com/wp-content/uploads/2018/10/16143434/lang-selector.png");
  background-repeat: no-repeat;
  background-position: 95%;
}
.top-bar .lang-selector ul {
  display: none;
  position: absolute;
  z-index: 100;
  top: 0;
  border-top: 0;
  z-index: 100;
}
.top-bar .lang-selector .current,
.top-bar .lang-selector a {
  width: 119px;
  height: 40px;
  padding: 0 14px;
  background-color: #f1f1f1;
  border: 0;
  font-size: 1.4rem!important;
  font-weight: 300!important;
  color: #444!important;
  line-height: 40px;
  cursor: pointer;
}
.top-bar .lang-selector a {
  display: block;
  text-decoration: none!important;
}
.top-bar a:hover {
  opacity: 1!important;
  background-color: #ccc!important;
}
.top-bar .text-area {
  margin: 0!important;
}
.top-bar .icon-wrap {
  display: block;
}
.top-bar .icon-wrap a {
  display: block;
}
.top-bar .icon-wrap .icon-item>a {
  height: 40px;
	padding-top: 8px;
	padding-bottom: 4px;
}
.header-bar {
  display: block!important;
  max-width: 100%!important;
  max-width: calc(100%)!important;
  max-width: -webkit-calc(100%);
  max-width: -moz-calc(100%);
}
.branding {
  overflow: hidden;
  display: block!important;
  position: relative;
  max-width: 1200px;
  margin: auto;
  padding: 14px 0;
}
.branding .branding-logo {
  float: left;
  /* display: inline-block!important; */
}
.branding .branding-logo a {
  display: inline-block!important;
  margin: 13px 0;
}
.branding .isms-logo {
  float: right;
  width: 525px;
  height: 76px;
  text-indent: -9999em;
  background: url("https://img.megazonejapan.jp/2022/01/isms-220128_jp.png") no-repeat;
  background-position: center;
}
.m-nav-logo {
  display: none;
}
.m-isms-logo {
  height: 0;
  visibility: hidden;
}
.consulting-link {
  display: none;
}
.top-header .navigation {
  height: 58px;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.top-header .main-nav {
  /* width: 100%; */
  width: 1200px;
  max-width: 1200px;
  max-height: 56px;
}
.top-header .main-nav>li>a,
#phantom .main-nav>li>a {
  padding-top: 18px!important;
  padding-bottom: 17px!important;
}
#phantom {
  height: 58px;
  border-bottom: 1px solid #ccc!important;
}
#phantom.show-phantom {
  -webkit-transform: none!important;
  transform: none!important;
  opacity: 1!important;
}
#phantom .ph-wrap {
  max-width: 100%!important;
}
.phantom-slide .show-phantom#phantom {
  -webkit-animation: slide-in-anim 0s 1 normal both!important;
  animation: slide-in-anim 0s 1 normal both!important;
}
.phantom-slide .hide-phantom#phantom {
  -webkit-animation: slide-out-anim 0s 1 normal both!important;
  animation: slide-out-anim 0s 1 normal both!important;
}
.main-nav>li>a .menu-text,
.ph-wrap .main-nav>li>a .menu-text {
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif!important;
  font-size: 1.7rem!important;
  font-weight: 600!important;
}
.main-nav>li>a .menu-text {
  color: #222!important;
}
.ph-wrap .main-nav>li>a .menu-text {
  color: #222!important;
}
.main-nav>li>a .menu-text:hover,
.ph-wrap .main-nav>li>a .menu-text:hover {
  color: #0078e8!important;
}
.main-nav>li>a .menu-text::before,
.ph-wrap .main-nav>li>a .menu-text:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1.2rem;
  width: 0;
  height: 2px;
  background-color: #0078e8;
}
.main-nav>li>a .menu-text:hover::before,
.ph-wrap .main-nav>li>a .menu-text:hover:before {
  transition: .5s;
  -webkit-transition: .5s;
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  width: 100%;
}
.main-nav .mega-gnb {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}
.main-nav .mega-gnb .menu-text::before {
  display: none;
}
.main-nav .mega-gnb>a {
  padding: 19px 17px;
  cursor: pointer;
  border: 0!important;
}
.main-nav .mega-gnb>a .menu-text {
  width: 22px;
  height: 18px;
  text-indent: -9999em;
  background: url("https://img.megazonejapan.jp/2018/09/06160903/mega-menu-btn.png") no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
/* header-styles - sub nav styles */
.submega-menu .dt-mega-menu-wrap {
  padding: 0!important;
  background-color: #231f20!important;
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
  word-spacing: 0;
}
.submega-menu .dt-mega-menu-wrap>.sub-nav {
  overflow: hidden;
  display: block!important;
  display: flex!important;
  ;
  display: -webkit-box!important;
  display: -moz-box!important;
  display: -ms-flexbox!important;
  display: -webkit-flex!important;
  flex-direction: column;
  /* -ms_flex-direction: column; */
  flex-wrap: wrap;
  -ms_flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  max-width: 1200px;
  width: 100%;
  height: 248px;
  margin: auto;
  padding-right: 360px;
  padding-left: 360px;
  padding-top: 24px;
}
.submega-menu .sub-nav a {
  margin: 0!important;
  padding: 0!important;
}
.submega-menu .sub-nav .menu-item {
  float: left;
  width: 240px;
  margin: 0!important;
  padding: 16px 0!important;
}
.submega-menu .sub-nav .menu-text {
  font-size: 1.7rem!important;
  font-weight: 300!important;
  color: #fff!important;
}
.submega-menu .sub-nav .menu-text::before {
  content: "\00B7";
  display: inline-block;
  padding-right: 6px;
}
.submega-menu .sub-nav .menu-text:hover {
  color: #0078e8!important;
  text-decoration: underline;
}
.submega-menu .sub-nav .subtitle-text {
  max-width: 240px;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  color: #fff!important;
  word-break: keep-all;
}
.submega-menu .sub-nav .submenu-title {
  position: absolute!important;
  top: 58px;
  left: 0;
  width: 360px;
  padding: 0!important;
}
.submega-menu .sub-nav .submenu-title .menu-text {
  margin-bottom: 18px;
  padding-left: 0px;
  line-height: 1!important;
  font-size: 4.4rem!important;
  font-weight: 600!important;
  color: #0078e8!important;
}
.submega-menu .sub-nav .submenu-title .menu-text::before {
  display: none;
}
.submega-menu .sub-nav .submenu-title .menu-text:hover {
  text-decoration: none!important;
}
.submega-menu .sub-nav .submenu-title .subtitle-text {
  line-height: 1.6!important;
  font-family: 'Noto Sans KR', sans-serif!important;
}
.submega-menu .sub-nav .submenu-banner {
  position: absolute!important;
  top: 30px;
  right: 0;
  width: 360px;
  height: 188px;
  padding: 0!important;
  background-position: center;
  background-size: contain;
  text-indent: -9999em;
}
.submega-menu .sub-nav .submenu-banner>a {
  display: block;
  height: inherit;
}
.submega-menu .sub-nav .submenu-banner>a[title="상담신청"] {
  background: url("https://img.megazonejapan.jp/2018/09/13170748/submenu-banner.png") no-repeat;
}
.submega-menu .sub-nav .submenu-banner .menu-text:hover {
  text-decoration: none!important;
}
.submega-menu .sub-nav .submenu-banner .menu-text::before {
  display: none;
}
/* footer sytles */
#footer .wf-container-footer {
  padding-top: 40px !important
}
#footer>.wf-wrap {
  width: 100%!important;
  padding: 0;
}
.footer .widget {
  margin-bottom: 0!important;
}
#footer-wrap {
  min-height: 282px;
  text-align: center;
}
.mz-logo {
  margin-bottom: 30px;
}
.footer-info {
  margin-bottom: 25px;
  line-height: 1.69;
}
.footer-info span {
  padding-right: 15px;
  font-size: 13px;
  color: #888;
}
.footer-info span:last-of-type {
  padding-right: 0;
}
.family-box {
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
}
.family-box ul {
  position: absolute;
  bottom: 37px;
  text-align: left;
}
.family-box li {
  width: 170px;
  padding: 10px;
  background-color: #444;
}
.family-link {
  position: relative;
  display: inline-block;
  width: 170px;
  padding: 11px 5px;
  border-bottom: 1px solid #ffffff;
  text-align: left;
  background: url("https://img.megazonejapan.jp/2018/07/19174936/family-arrow.png") no-repeat 95% center;
  line-height: 1;
  color: #fff;
  cursor: pointer;
}
.copy {
  padding: 30px 0 27px;
  border-top: 1px solid #444;
  font-size: 13px;
  color: #888!important;
}
.footer .custom-menu {
  display: table;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 0;
  display: none;
}
.footer .custom-menu>.menu-item {
  display: table-cell;
  width: 16.66%;
  width: calc(100% / 6);
  width: -webkit-calc(100% / 6);
  width: -moz-calc(100% / 6);
}
.footer .custom-menu a {
  padding-right: 0;
}
.footer .custom-menu li {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.footer .custom-menu li ul {
  margin-left: 0;
}
.footer .custom-menu h3 {
  margin-bottom: 32px!important;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif!important;
  font-size: 1.7rem!important;
  font-weight: 500!important;
  color: #fff!important;
}
.footer .custom-menu h4 {
  margin-bottom: 16px!important;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif!important;
  font-size: 1.5rem!important;
  font-weight: 400!important;
  color: #888!important;
}
/* vc-custom styles */
#main>.wf-wrap {
  padding: 0 !important
}
.vc_row {
  margin-left: 0;
  margin-right: 0;
}
.vc_column-inner {
  padding: 0!important;
}
.wpb_content_element {
  margin-bottom: 0 !important
}
.ult-carousel-wrapper {
  margin-bottom: 0!important;
  padding-bottom: 0 !important
}
.slick-list {
  margin: 0 -15px;
}
.slick-slide {
  margin: 0 12px !important
}
.slick-prev {
  left: -29px !important
}
.slick-next {
  right: -29px !important
}
.slick-dots {
  display: none!important;
}
.aio-icon-component {
  margin-bottom: 0!important;
}
.aio-icon-header .aio-icon-title {
  margin: 30px 0 16px!important;
  line-height: 1!important;
  font-size: 2rem!important;
  font-weight: 400!important;
  color: #222!important;
}
.rollover i,
.post-rollover i,
.rollover-video i,
.enable-bg-rollover .post-thumbnail-rollover:after,
.enable-bg-rollover .gallery-rollover,
.enable-bg-rollover.hover-scale figure:after {
  background-color: rgba(0, 0, 0, 0.1)!important;
  background: rgba(0, 0, 0, 0.1)!important;
}
/* custom-element styles */
.contents-box {
  max-width: 1200px;
  margin: auto!important;
}
.contents-box-float {
  max-width: 1230px;
  margin: auto!important;
}
.flex-contents-col6 {
  margin: 0 -8px;
}
.flex-contents-col4 {
  margin: 0 -8px;
}
.flex-contents-col3 {
  margin: 0 -8px;
}
.flex-contents-col1_5 {
  margin: 0 -8px;
}
.flex-contents-col3 .aio-icon-box {
  width: 100%;
  max-width: 288px;
}
.flex-contents-col4 .aio-icon-box {
  width: 100%;
  max-width: 390px;
}
.flex-contents-col1_5 .aio-icon-box {
  width: 100%;
  max-width: 227px;
}
.flex-contents-col6 .aio-icon-box {
  width: 100%;
  max-width: 592px;
}
.flex-contents-col6 .img-border {
  max-width: 592px;
  margin: auto;
}
.flex-contents-col6 .responsive-dotbox {
  max-width: 592px;
  margin: auto;
}
.custom-flex-col3,
.custom-flex-col4,
.custom-flex-col6 {
  margin: 0 -8px;
}
.custom-flex-col3>.wpb_column,
.custom-flex-col4>.wpb_column,
.custom-flex-col6>.wpb_column {
  margin: -8px 0;
}
.custom-flex-col3 .responsive-infobox {
  float: left;
  width: 25%;
  padding: 8px;
}
.custom-flex-col4 .responsive-infobox {
  float: left;
  width: 33.33%;
  width: calc(100%/3);
  width: -webkit-calc(100%/3);
  width: -moz-calc(100%/3);
  padding: 8px;
}
.competency-list .responsive-infobox {
  max-height: 422px;
}
.custom-flex-col6 .responsive-infobox {
  float: left;
  width: 50%;
  padding: 8px;
}
.competency-rightbox .flex-contents-col4 .aio-icon-box {
  width: 100%;
  max-width: 288px;
}
.competency-rightbox .flex-contents-col6 .aio-icon-box {
  width: 100%;
  max-width: 440px;
}
.btns {
  display: inline-block;
  min-width: 180px;
  padding: 13px 0 16px;
  line-height: 1;
  text-align: center;
  box-shadow: none;
  border: 0;
  outline: none;
  font-size: 2rem!important;
  font-weight: 600!important;
  letter-spacing: -0.025em;
  text-decoration: none;
}
.apply {
  min-width: 210px;
  padding: 17px 0 19px;
  background-color: #231f20;
  border-radius: 6px;
  text-decoration: none!important;
  font-weight: 500!important;
  color: #fff;
}
.apply:hover,
.apply:active {
  color: #fff!important;
}
.goto {
  min-width: 140px;
  padding: 13px 0 16px;
  background-color: #231f20;
  border-radius: 6px;
  text-decoration: none!important;
  font-size: 1.7rem!important;
  font-weight: 500!important;
  color: #fff;
}
.goto:hover,
.goto:active {
  color: #fff!important;
}
.vmware-btn {
  min-width: 210px;
  padding: 17px 0 19px;
  background-color: #4386fa;
  border-radius: 6px;
  text-decoration: none!important;
  font-weight: 500!important;
  color: #fff!important;
}
#m-footer-wrap {
  display: none;
}
/*
	SUB-PAGE STYLES
 */
/* header-title styles */
.fancy-header .wf-wrap {
  padding-left: 0;
  padding-right: 0;
}
.fancy-header .hgroup {
  padding: 0!important;
}
.fancy-title-head h1 {
  margin: 0!important;
  padding-bottom: 20px!important;
}
.fancy-title-head h1 span {
  line-height: 1!important;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif!important;
  font-size: 44px!important;
  font-weight: 600!important;
  color: #fff!important;
}
.fancy-title-head h2 {
  padding: 0!important;
}
.fancy-title-head h2 span {
  line-height: 1!important;
  font-size: 17px!important;
  font-weight: 300!important;
  color: #fff!important;
}
/* module */
#menu-container {
  position: relative;
  height: 48px;
}
#top-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  z-index: 101;
}
#top-menu.fixed {
  position: fixed;
  top: 58px;
  border-top: 0;
}
.menu-wrap {
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
#top-menu ul {
  float: right;
  margin: auto!important;
  padding-right: 1px;
}
#top-menu li {
  float: left;
  list-style: none;
  border-left: 1px solid #ccc;
  background-color: #fff;
}
#top-menu li:last-of-type {
  border-right: 1px solid #ccc;
}
#top-menu li a {
  display: block;
  width: 140px;
  padding: 15.5px 0;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 300;
  color: #222;
}
#top-menu li.active {
  background-color: #231f20;
  border-left-color: transparent;
  border-right-color: transparent;
}
#top-menu li.active a {
  color: #fff;
}
.responsive-tab {
  margin-bottom: 24px;
}
.responsive-tab .tab-group {
  overflow: hidden;
  width: 100%;
}
.responsive-tab .tab-group li {
  float: left;
  width: 25%;
  padding: 13px 0 14px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  margin-right: -1px;
  text-align: center;
  cursor: pointer;
}
.responsive-tab .tab-group[row="3"] li {
  width: 33.3%;
}
.responsive-tab .tab-group[row="3"] li:last-of-type {
  width: 33.4%;
}
.responsive-tab .tab-group h3 {
  font-weight: 300!important;
}
.responsive-tab .tab-group li:last-of-type {
  width: 25.4%;
  width: calc(25% + 3px);
  width: -webkit-calc(25% + 3px);
  width: -moz-calc(25% + 3px);
  margin-right: 0;
}
.responsive-tab .tab-group .current {
  background-color: #231f20;
}
.responsive-tab .tab-group .current h3 {
  color: #fff!important;
}
.responsive-tab .tab-group h3 {
  line-height: 1;
  font-size: 1.7rem!important;
  font-weight: 300;
  color: #222;
  letter-spacing: -0.025em;
}
.tab-opener {
  display: none;
}
.tab-list>ul {
  display: none;
  overflow: hidden;
  margin: 0 -8px!important;
}
.tab-list>ul>li {
  float: left;
  display: block;
  width: 100%;
  max-width: 592px;
  min-height: 164px;
  margin: 8px!important;
  padding: 36px 20px 0 20px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  font-size: 1.7rem!important;
  font-weight: 300!important;
}
.tab-list h3 {
  padding-bottom: 18px;
  line-height: 1!important;
  font-size: 2rem!important;
  font-weight: 500!important;
  letter-spacing: -0.025em!important;
}
.tab-list p {
  line-height: 1.6!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  color: #222!important;
  letter-spacing: -0.025em;
}
.tab-list ul[row="1"] {
  margin: 0!important;
}
.tab-list ul[row="1"] li {
  display: flex;
  max-width: 100%;
  min-height: 414px;
  padding: 0;
  margin: 0!important;
}
.responsive-table {
  border-bottom: 1px solid #d2d2d2!important;
  ;
}
.responsive-table th,
.responsive-table td {
  padding: 16px!important;
  border-right: 1px solid #d2d2d2!important;
  border-top: 1px solid #d2d2d2!important;
  text-align: center!important;
  line-height: 1!important;
  font-size: 1.7rem!important;
  color: #222;
  letter-spacing: -0.025em;
}
.responsive-table th:last-of-type,
.responsive-table td:last-of-type {
  border-right: 0!important;
}
.responsive-table th {
  background-color: #f1f1f1;
  font-weight: 400!important;
}
.responsive-table th.col4 {
  width: 33.3%;
}
.responsive-table td {
  background-color: #fff;
  font-weight: 300!important;
}
.responsive-table .longdesc {
  line-height: 1.6!important;
  word-break: keep-all;
}
.responsive-table .leftalign {
  text-align: left!important;
}
.fullwidth-table {
  border-bottom: 1px solid #d2d2d2!important;
  ;
}
.fullwidth-table th,
.fullwidth-table td {
  padding: 7px 20px!important;
  border-top: 1px solid #d2d2d2!important;
  line-height: 2!important;
  font-size: 1.7rem!important;
  color: #222;
  letter-spacing: -0.025em;
}
.fullwidth-table th {
  border-right: 1px solid #d2d2d2!important;
  background-color: #f1f1f1;
  font-weight: 400!important;
}
.fullwidth-table td {
  background-color: #fff;
  font-weight: 300!important;
}
.fullwidth-table th.col3 {
  width: 24%
}
.fullwidth-table li {
  font-size: 1.7rem!important;
  font-weight: 300!important;
  line-height: 2 !important
}
.fullwidth-table li:not(.middledot) {
  padding-left: 0;
}
.accordion {
  width: 100%;
  margin-bottom: -1px!important;
  padding: 15.5px 20px;
  background-color: #f1f1f1;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  border-left: 0;
  border-right: 0;
  text-align: left;
  line-height: 1!important;
  font-size: 1.7rem!important;
  font-weight: 400!important;
  letter-spacing: -0.025em!important;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  outline: none;
  cursor: pointer;
}
.accordion::after {
  content: '';
  float: right;
  width: 20px;
  height: 20px;
  background: url("https://img.megazonejapan.jp/2021/10/accodion-plus.png") no-repeat;
  background-position: center;
  background-size: contain;
}
.accordion.active::after {
  background: url("https://img.megazonejapan.jp/2021/10/accodion-minus.png") no-repeat;
  background-position: center;
  background-size: contain;
}
.panel {
  overflow: hidden;
  max-height: 0;
  background-color: #fff;
  transition: max-height 0.2s ease-out;
  -webkit-transition: max-height 0.2s ease-out;
}
.panel>p,
.panel>div {
  padding: 40px 20px;
  line-height: 1.6!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em!important;
}
.panel:last-child {
  border-bottom: 1px solid #d2d2d2;
}
#spread-wrap {
  background-color: #fff;
  border-top: 1px solid #d2d2d2;
}
.spread-item {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 102px;
  border-bottom: 1px solid #d2d2d2;
}
.spread-item .spread-title {
  float: left;
  width: 21.66%;
  max-width: 260px;
}
.spread-item .spread-title h3 {
  padding: 39px 0 39px 20px;
  line-height: 1!important;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif!important;
  font-size: 2.4rem!important;
  font-weight: 600!important;
}
.spread-item .spread-btn {
  position: absolute;
  top: 41px;
  right: 20px;
  width: 20px;
  height: 20px;
  background: url("https://img.megazonejapan.jp/2021/10/accodion-plus.png") no-repeat;
  background-position: center;
  background-size: contain;
  border: 0;
}
.spread-item .spread-btn.active {
  background: url("https://img.megazonejapan.jp/2021/10/accodion-minus.png") no-repeat;
}
.spread-item .spread-list {
  float: left;
  width: 78.34%;
  max-width: 940px;
  margin: 36px 0 4px!important;
}
.spread-item .spread-list>ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.spread-item .spread-list>ul>li {
  float: left;
  width: 25%;
  max-width: 240px;
  margin-bottom: 32px;
}
.spread-item .spread-list>ul>li>a {
  display: inline-block;
  color: #222!important;
  text-decoration: none;
}
.spread-item .spread-list h4 {
  line-height: 1.6!important;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif!important;
  font-size: 1.7rem!important;
  font-weight: 400!important;
  color: #222!important;
}
.spread-item .spread-list h4:hover {
  color: #0078e8!important;
  text-decoration: underline;
}
.spread-item .sub-link {
  margin-top: 16px !important
}
.spread-item .sub-link a {
  line-height: 2.4;
  font-size: 1.5rem!important;
  font-weight: 300;
  color: #222!important;
  text-decoration: none;
}
.spread-item .sub-link a:before {
  content: "\00B7";
  display: inline-block;
  margin-right: 8px;
}
.spread-item .sub-link a:hover {
  color: #0078e8!important;
  text-decoration: underline;
}
/* form-styles */
.applyform-box {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 -8px;
}
.applyform-box li {
  float: left;
  width: 50%;
  margin-bottom: 15px;
  list-style-type: none;
}
.applyform-box .area-hidden {
  display: none;
}
.applyform-box label,
.applyform-box .agreement {
  display: block;
  max-width: 592px;
  margin: 0 0 24px;
  line-height: 1;
  font-size: 1.7rem!important;
  font-weight: 500!important;
}
.applyform-box .full-width {
  width: 100%;
  flex: 100%;
}
/* .applyform-box .full-width > label {
	margin: 0 8px 24px;
} */
.applyform-box .full-width .agreement {
  max-width: 1200px;
}
.applyform-box .full-width .agreement label {
  width: auto;
  max-width: 300px;
  margin-left: 0;
  margin-right: 0;
}
.applyform-box em {
  display: block;
  margin-bottom: 16px!important;
  line-height: 1.6;
  font-weight: 500!important;
  word-break: keep-all;
}
.applyform-box input,
.applyform-box textarea {
  font-size: 1.7rem!important;
  font-weight: 300!important;
  color: #222!important;
}
.applyform-box input,
.applyform-box textarea,
.applyform-box select {
  border-color: #d2d2d2!important;
}
.applyform-box input {
  height: 44px!important;
}
.applyform-box input[type="radio"] {
  display: none!important;
  width: 0!important;
  height: 0!important;
}
.applyform-box .wpcf7-radio input~span {
  position: relative;
  padding-left: 40px;
  line-height: 1.66!important;
  letter-spacing: -.065em;
  word-break: keep-all;
  cursor: pointer;
}
.applyform-box .wpcf7-radio input~span::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
  box-sizing: border-box;
}
.applyform-box .wpcf7-radio input:checked~span::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 3px;
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 50%;
}
.applyform-box .form-textarea,
.applyform-box .form-textarea label {
  float: none;
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
}
.applyform-box .form-textarea {
  margin-bottom: 24px;
}
.applyform-box select {
  height: 44px;
  line-height: 1;
  color: #222;
  background-color: #fff!important;
  background-image: url("https://img.megazonejapan.jp/2018/09/05145107/select-arrow-b.png")!important;
  background-repeat: no-repeat!important;
  background-position: 98% 50%!important;
}
.applyform-box select,
.applyform-box option {
  font-size: 1.7rem!important;
  font-weight: 300!important;
  box-shadow: none!important;
}
.applyform-box .chk-text {
  margin-bottom: 16px!important;
  line-height: 1!important;
  font-size: 1.7rem!important;
  font-weight: 500!important;
}
.applyform-box .chk-textbox {
  height: 340px;
  overflow-y: auto;
  padding: 20px;
  margin-bottom: 20px!important;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  line-height: 1.4!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
}
.applyform-box .chk-textbox br {
  display: block!important;
}
.applyform-box .chk-agreement {
  max-width: 100%!important;
}
.applyform-box .agreement label {
  margin-bottom: 0!important;
}
.applyform-box input[type="checkbox"] {
  display: none;
}
span.wpcf7-list-item {
  margin: 0;
}
.applyform-box input[type="checkbox"]~.wpcf7-list-item-label {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  line-height: 1.4;
  letter-spacing: -.05em;
  word-break: keep-all;
}
.applyform-box input[type="checkbox"]~span.wpcf7-list-item-label::before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: -1px;
  width: 24px;
  height: 24px;
  background: url("https://img.megazonejapan.jp/2021/10/check-off.png") no-repeat;
  background-position: center;
  background-size: contain;
}
.applyform-box input[type="checkbox"]:checked~span.wpcf7-list-item-label::before {
  background: url("https://img.megazonejapan.jp/2021/10/check-on.png") no-repeat;
  background-position: center;
  background-size: contain;
}
.wpcf7-form .btn-submit {
  position: relative;
  margin-top: 40px;
  width: 100%;
  text-align: center;
}
.wpcf7-form .btn-submit .wpcf7-submit {
  display: inline-block;
  min-width: 210px;
  height: auto!important;
  padding: 19px!important;
  line-height: 1!important;
  text-align: center;
  box-shadow: none;
  background-color: #231f20;
  border: 0;
  border-radius: 6px!important;
  outline: none;
  font-size: 2rem!important;
  font-weight: 500!important;
  color: #fff;
  letter-spacing: -0.025em;
}
.wpcf7-form .btn-submit .wpcf7-submit:hover {
  background-color: #231f20!important;
}
.wpcf7-spinner {
  position: absolute;
  top: 50%;
  margin-top: -12px;
}
.captha-box {
  margin-top: 16px;
}
.captha-box div {
  margin: auto;
}
span.wpcf7-not-valid-tip {
  display: block;
  margin-top: 0!important;
  padding: 5px;
  font-size: 1.4rem!important;
  letter-spacing: -0.025em;
}
.flex-form {
  margin: 0 -10px!important;
}
.flex-form ul {
  display: flex;
  flex-wrap: wrap;
}
.flex-form li {
  flex: 600px;
  padding: 0 10px;
}
.flex-form .full-width {
  flex: 1200px;
}
.applyform-box .radio-flex .wpcf7-form-control.wpcf7-radio {
  overflow: hidden;
}
.applyform-box .radio-flex .wpcf7-form-control .wpcf7-list-item {
  float: left;
  margin-right: 3%;
}
/* reCAPCHA 인증마크 비표시 */
.grecaptcha-badge {
  visibility: hidden;
}
/* post styles */
body.post-template-default #main {
  background-color: #f9f9f9;
}
.post-header {
  padding: 15.5px 0;
  background-color: #f1f1f1;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  text-align: center;
  line-height: 1!important;
  font-size: 1.7rem!important;
  font-weight: 400!important;
  color: #222;
}
.post-entry-content h3 {
  padding: 1.3rem 2rem;
  border-bottom: 1px solid #d2d2d2;
  line-height: 2.2rem!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  color: #222!important;
}
.post-entry-content .entry-title a {
  overflow: hidden;
  max-width: 1160px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.post-entry-content a:hover {
  color: #222!important;
}
.entry-content {
  color: #222!important;
}
.entry-content p {
  line-height: 1.66!important;
  font-size: 1.7rem!important;
  /* font-weight: 300!important; */
  font-weight: 300;
  color: #222!important;
}
.entry-content li,
.entry-content dt,
.entry-content dd {
  line-height: 1.6;
  font-size: 1.7rem;
  font-weight: 300!important;
}
.entry-content div,
.entry-content span {
  font-size: 1.7rem;
  font-weight: 300!important;
  line-height: 1.66;
}
.entry-content strong {
  font-weight: 600!important;
}
.entry-content ol {
  list-style-type: decimal!important;
  padding-left: 20px!important;
}
.entry-content ul {
  list-style-type: disc!important;
  padding-left: 20px!important;
}
.entry-content table {
  background-color: #fff;
  border-left: 0;
  border-right: 0;
}
.entry-content table[align="center"] {
  display: table;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.entry-content td {
  padding: 0!important;
  border-top: 0!important;
  border-bottom: 0!important;
}
.type-post .entry-content .contents-title h2 {
  padding: 20px;
}
/* blog fileter styles */
.filter {
  margin-bottom: 0!important;
  padding-bottom: 100px;
}
.filter::after {
  content: '제목'!important;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #f1f1f1;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  line-height: 48px;
  color: #222;
  text-align: center;
}
.filter-categories {
  width: 100%;
  border-left: 1px solid #d2d2d2;
}
.filter-categories a {
  flex: 33.3333%;
  margin: 0!important;
  padding: 0!important;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  background-color: #f9f9f9;
  text-align: center;
  line-height: 48px!important;
  font-size: 1.7rem!important;
  font-weight: 400!important;
  color: #222!important;
}
.filter-categories a.act,
.filter-categories a:hover {
  background-color: #222!important;
  color: #fff!important;
}
.blog-shortcode article .post-thumbnail-wrap {
  display: none;
}
.filter-post .post-box {
  position: relative;
  padding-top: 120px;
  min-height: 500px;
}
.filter-post .vc_grid-filter {
  display: flex;
  position: absolute;
  top: 0;
  width: 100%;
}
.filter-post .vc_grid-filter li {
  flex: 400;
  background-color: #f9f9f9!important;
  border-radius: 0!important;
  border-left: 1px solid #d2d2d2!important;
  border-bottom: 0!important;
  line-height: 48px;
  color: #222!important;
}
.filter-post .vc_grid-filter .vc_active {
  background-color: #222!important;
}
.filter-post .vc_grid-filter .vc_active span {
  color: #fff!important;
}
.filter-post .post-topbar {
  position: absolute;
  top: 70px;
  width: 100%;
}
.filter-post .vc_gitem_row .vc_gitem-col {
  padding: 0 20px!important;
  border-bottom: 1px solid #d2d2d2;
  line-height: 49px;
  color: #222!important;
}
ul.survay {
  padding-left: 0px!important;
  list-style: none;
}
.survay li {
  width: 100%;
  margin-bottom: 16px;
}
.survay li br {
  display: none;
}
.survay .full-width {
  width: 100%;
}
.survay label,
.survay .agreement {
  display: block;
  max-width: 100%;
  margin: 0 auto!important;
  line-height: 1;
  font-size: 1.7rem!important;
  font-weight: 500!important;
}
.survay span {
  line-height: 1;
}
.survay .wpcf7-list-item {
  display: block;
  margin-bottom: 16px;
}
.survay .chk-textbox {
  height: 240px;
  padding: 20px;
}
.survay input[type="checkbox"]~.wpcf7-list-item-label {
  line-height: 24px;
}
.survay .form-title {
  font-size: 22px;
  font-weight: 600!important;
  letter-spacing: -0.05em;
  color: #1b6fec;
  line-height: 1;
  margin: 10px 0!important;
}
.survay .multitext .wpcf7-form-control-wrap {
  display: inline-block;
  max-width: 230px;
  margin-bottom: 5px;
}
.survay .multiselect em {
  margin-bottom: 0;
}
.survay .multiselect .wpcf7-list-item {
  display: inline-block;
  max-width: 230px;
  margin-right: 20px;
}
.survay .multiselect {
  border-bottom: 1px solid #ddd;
}
.survay .multiselect div {
  border: 1px solid #ddd;
  border-bottom: 0;
}
.survay .multiselect div:first-of-type {
  border-bottom: 0;
}
.survay .multiselect p {
  padding: 15px 20px 0;
}
.survay .multiselect p:first-of-type {
  font-weight: 400;
}
.ui-datepicker {
  font-size: initial !important
}
[data-class="wpcf7cf_group"] {
  padding: 16px 0;
}
.paginator .nav-prev,
.paginator .nav-next,
.paginator a {
  display: inline-block!important;
  width: 38px!important;
  height: 38px!important;
  margin: 0!important;
  margin-right: -1px!important;
  padding: 10.5px 0!important;
  line-height: 1!important;
  border: 1px solid #d2d2d2!important;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif!important;
  font-size: 15px!important;
  ;
  font-weight: 300!important;
  transform: none!important;
  -webkit-transform: none!important;
}
.paginator a:hover {
  transform: none!important;
  -webkit-transform: none!important;
}
.paginator .act {
  background-color: #222222;
  color: #fff!important;
}
.paginator a::after,
.paginator span::after {
  display: none;
}
.paginator .disabled {
  opacity: 1!important;
  color: #d2d2d2!important;
}
.paginator .fas {
  display: none;
}
.paginator .nav-prev::before {
  content: "\0003C";
  display: inline-block;
  font-family: serif!important;
  font-weight: 600;
}
.paginator .nav-next::before {
  content: "\0003E";
  display: inline-block;
  font-family: serif!important;
  font-weight: 600;
}
.paginator .nav-prev i,
.paginator .nav-next i {
  display: none;
}
.wrap-pageinfo {
  border-top: 1px solid #d2d2d2;
  margin-bottom: 40px;
}
.wrap-pageinfo .page-title,
.wrap-pageinfo .page-date {
  padding: 15.5px 20px;
  border-bottom: 1px solid #d2d2d2;
  line-height: 1!important;
  font-size: 1.7rem!important;
}
.wrap-pageinfo .page-title {
  background-color: #f1f1f1;
  font-weight: 500!important;
}
.wrap-pageinfo .page-date span {
  font-size: 1.7rem!important;
}
.post .entry-content .wpb_text_column {
  padding: 0 20px;
}
.post .entry-content p {
  line-height: 1.6!important;
  font-size: 1.7rem!important;
  font-weight: 300;
  letter-spacing: -0.025em!important;
  word-break: keep-all;
}
.post .entry-content .input-title {
  margin-bottom: 10px!important;
}
.navigation.post-navigation {
  padding-top: 60px!important;
  padding-bottom: 0!important;
  border: 0!important;
  border-top: 1px solid #d2d2d2!important;
}
.post-navigation .nav-links {
  border: 0!important;
  padding: 0!important;
}
.post-navigation .back-to-list {
  min-width: 210px;
  height: 58px;
  margin: auto;
  background-color: #231f20;
  border-radius: 6px;
  line-height: 1;
  text-align: center;
  box-shadow: none;
  border: 0;
  outline: none;
  font-size: 2rem!important;
  font-weight: 500!important;
  color: #fff!important;
  letter-spacing: -0.025em;
  text-decoration: none!important;
}
.post-navigation .back-to-list::before {
  content: '목록으로';
  display: inline-block;
}
.post-navigation .back-to-list i {
  display: none;
}
/* contents styles */
.contents-title h1 {
  font-size: 1.7rem!important;
  padding-bottom: 16px!important;
  font-weight: 400;
}
.contents-title h2 {
  font-size: 3rem!important;
  font-weight: 600!important;
  padding-bottom: 32px;
  letter-spacing: -0.025em!important;
}
.contents-title h3 {
  padding-bottom: 22px!important;
  line-height: 1.454!important;
  font-size: 2.2rem!important;
  font-weight: 600!important;
  letter-spacing: -0.025em!important;
}
.contents-title .sub-title {
  padding-bottom: 16px!important;
  line-height: 1!important;
  font-size: 2.2rem!important;
  font-weight: 500!important;
  letter-spacing: -0.025em!important;
}
.contents-title p {
  font-size: 1.7rem!important;
  font-weight: 300!important;
  line-height: 1.6!important;
  letter-spacing: -0.1em!important;
}
.contents-title .sub-desc {
  padding-bottom: 32px!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  line-height: 1.6!important;
  letter-spacing: -0.05em!important;
}
.contents-title li {
  font-size: 1.7rem!important;
  font-weight: 300!important;
  line-height: 2!important;
  letter-spacing: -0.05em!important;
}
.responsive-infobox .aio-icon-box {
  min-height: 418px;
  margin: auto;
  background-color: #fff;
  border: 1px solid #d2d2d2;
}
.responsive-infobox .aio-icon-top {
  padding: 32px 0 30px;
}
.responsive-infobox h3.aio-icon-title {
  margin: 0 0 24px!important;
  line-height: 1!important;
  font-size: 2rem!important;
  font-weight: 500!important;
  color: #222!important;
  letter-spacing: -0.025em;
}
.responsive-infobox.single-title h3 {
  line-height: 3!important;
}
.responsive-infobox.double-title h3 {
  line-height: 1.5 !important
}
.responsive-infobox .aio-icon-description {
  padding: 0 20px;
  margin: auto!important;
  text-align: left!important;
  line-height: 1.6!important;
  font-size: 1.7rem;
  font-weight: 300;
  letter-spacing: -0.025em;
}
.responsive-infobox .aio-icon-description li {
  line-height: 2!important;
  font-size: 1.7rem;
  font-weight: 300;
  letter-spacing: -0.025em;
}
.responsive-infobox .aio-icon-description li div {
  line-height: 1.6!important;
}
.responsive-infobox.con-mid .aio-icon-box {
  min-height: 430px;
}
.responsive-infobox.col3 .aio-icon-box {
  min-height: 360px;
}
.responsive-infobox.col3 .aio-icon-top {
  padding: 36px 0 40px;
}
.responsive-infobox.discover .aio-icon-box {
  min-height: 315px;
}
.responsive-infobox.design .aio-icon-box {
  min-height: 396px;
}
.responsive-infobox.build .aio-icon-box {
  min-height: 300px;
}
.responsive-infobox.management .aio-icon-box {
  min-height: 454px;
}
.responsive-infobox.billing .aio-icon-box {
  min-height: 360px;
}
.responsive-infobox.isms .aio-icon-box {
  min-height: 236px;
}
.responsive-infobox.cdn .aio-icon-box {
  min-height: 262px;
}
.responsive-infobox.hyperrender .aio-icon-box {
  min-height: 233px;
}
.responsive-infobox.hyperrender-char .aio-icon-box {
  min-height: 328px;
}
.responsive-infobox.clients .aio-icon-box {
  min-height: auto;
}
.responsive-infobox.clients .aio-icon-top {
  padding: 28px 0;
  background-color: #f1f1f1;
  border-bottom: 1px solid #d2d2d2;
}
.responsive-infobox.clients h3.aio-icon-title {
  margin: 18px 0 14px!important;
}
.responsive-infobox.clients .clients-desc {
  min-height: 108px;
}
.responsive-infobox.clients .clients-desc+p {
  padding: 20px 0;
}
.responsive-infobox.commerce .aio-icon-box {
  min-height: 231px;
}
.responsive-infobox.commerce .aio-icon-top {
  padding: 27.5px 0;
}
.responsive-infobox.simple-box .aio-icon-top {
  padding: 19px 0;
}
.responsive-infobox.simple-box .aio-icon-box {
  min-height: 202px;
}
.responsive-infobox.simple-box h3.aio-icon-title {
  margin: 0!important;
  padding: 19px 0 20px;
  border-top: 1px solid #d2d2d2;
  background-color: #f1f1f1;
  font-size: 2rem!important;
  font-weight: 500!important;
}
.responsive-infobox.migration .aio-icon-box {
  min-height: 368px;
}
.responsive-infobox.migration .aio-icon-description {
  word-break: keep-all;
}
.responsive-infobox.eduservice-box .aio-icon-box {
  min-height: 234px;
}
.responsive-infobox.eduservice-box .aio-icon-top {
  padding: 36px 0;
}
.responsive-infobox.case-box .aio-icon-box {
  min-height: 202px;
}
.responsive-infobox.case-box .aio-icon-top {
  padding: 20px 0;
}
.responsive-infobox.case-box h3.aio-icon-title {
  margin-bottom: 0!important;
  padding: 21px 0;
  background-color: #f1f1f1;
  border-top: 1px solid #d2d2d2;
  line-height: 1!important;
  font-size: 2rem!important;
  font-weight: 500 !important
}
.responsive-infobox.case-box h4.aio-icon-title {
  margin: 0!important;
  padding: 21px 0;
  background-color: #f1f1f1;
  border-top: 1px solid #d2d2d2;
  line-height: 1!important;
  font-size: 1.7rem!important;
  font-weight: 500 !important
}
.responsive-infobox.apac-partner .aio-icon-box {
  min-height: 276px;
}
.responsive-infobox.apac-partner .aio-icon-top {
  height: 189px;
  padding: 0;
}
.responsive-infobox.apac-partner .aio-icon-description {
  border-top: 1px solid #d2d2d2;
  padding-top: 15px;
}
.responsive-infobox.welfare .aio-icon-box {
  min-height: 306px;
  word-break: keep-all;
}
.responsive-infobox.case-list .aio-icon-box {
  min-height: 268px;
}
.responsive-infobox.case-list .aio-icon-top {
  padding: 20px 0;
  background-color: #f1f1f1;
}
.responsive-infobox.case-list h3.aio-icon-title {
  margin: 20px 0!important;
}
.responsive-infobox.hyper-list .aio-icon-box {
  min-height: 288px;
}
.responsive-infobox.hyper-list .aio-icon-top {
  padding: 20px 0;
  background-color: #f1f1f1;
}
.responsive-infobox.hyper-list h3.aio-icon-title {
  margin: 20px 0!important;
}
.responsive-infobox.labtoscale .aio-icon-box {
  min-height: 380px;
}
.responsive-infobox.case-blog .aio-icon-box {
  min-height: 262px;
}
.responsive-infobox.case-blog .aio-icon-header {
  display: inline-block!important;
  width: 100%;
}
.responsive-infobox.case-blog h3.aio-icon-title {
  margin: 32px 0 16px!important;
  text-align: center!important;
}
.responsive-infobox.case-blog .case-blog-desc {
  min-height: 100px;
}
.responsive-infobox.mz-role .aio-icon-box {
  min-height: 193px;
}
.responsive-infobox.mz-role h3.aio-icon-title {
  margin-top: 24px!important;
}
.responsive-infobox.vmware-char .aio-icon-box {
  min-height: 414px;
}
.responsive-infobox.vmware-intro .aio-icon-box {
  min-height: 386px;
}
.responsive-infobox.vmware-service .aio-icon-box {
  min-height: 444px;
}
.responsive-infobox.market-summary .aio-icon-box {
  min-height: 188px;
}
.responsive-infobox.market-summary .aio-icon-top {
  padding: 20px 0 14px;
}
.responsive-infobox.market-product .aio-icon-box {
  min-height: 386px;
}
.responsive-infobox.market-product .aio-icon-description li {
  line-height: 1.58!important;
  margin-bottom: 10px;
}
.responsive-infobox.market-product .aio-icon-description li:last-child {
  margin-bottom: 0;
}
.responsive-infobox.market-occupation .aio-icon-box {
  min-height: 194px;
}
.responsive-infobox.market-occupation h3.aio-icon-title {
  margin: 24px 0 16px!important;
}
.responsive-infobox.us-offering .aio-icon-box {
  min-height: 490px;
}
.responsive-infobox.us-offering .aio-icon-top {
  padding: 40px 0 30px;
}
.responsive-infobox.us-offering h3.aio-icon-title {
  margin: 0 0 10px!important;
  font-weight: 600!important;
}
.responsive-infobox.us-offering .us-offering-desc {
  min-height: 3em;
  margin-bottom: 30px;
}
.responsive-infobox.security .aio-icon-box {
  min-height: 600px;
}
.responsive-infobox.security h3.aio-icon-title {
  padding: 24px 0!important;
  background-color: #f1f1f1!important;
  border-bottom: 1px solid #d2d2d2;
}
.responsive-infobox .aio-icon-description .info-contents li {
  margin-bottom: 2em;
  letter-spacing: -0.05em;
}
.responsive-infobox .aio-icon-description .info-contents li:last-child {
  margin-bottom: 0;
}
.responsive-infobox.security-value .aio-icon-box {
  min-height: 194px;
}
.responsive-infobox.security-value .aio-icon-description {
  letter-spacing: -0.05em;
}
.responsive-infobox.security-value h3.aio-icon-title {
  margin: 38px 0 16px!important;
}
.responsive-infobox.cloud-solutions .aio-icon-box {
  min-height: 514px;
}
.responsive-infobox.cloud-solutions h3.aio-icon-title {
  margin: 0 0 15px!important;
}
.responsive-infobox.cloud-solutions .aio-icon-description .desc{
  min-height: 10.8rem;
}
.responsive-infobox.cloud-solutions .btns-box {
  margin: 16px 0 40px!important;
}

.responsive-numbox {
  overflow: hidden;
  max-width: 592px;
  margin: auto;
  padding-bottom: 30px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
.responsive-numbox dt {
  overflow: hidden;
  width: 100%;
  padding: 16px 0;
  margin-bottom: 30px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #d2d2d2;
  line-height: 1!important;
  font-size: 1.7rem!important;
  font-weight: 500!important;
  letter-spacing: -0.025em;
  text-align: center;
}
.responsive-numbox dd {
  float: left;
  width: 50%;
  padding: 10px 20px;
  line-height: 1!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em;
}
.responsive-dotbox {
  overflow: hidden;
  width: 100%;
  padding-bottom: 30px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
.responsive-dotbox dt {
  overflow: hidden;
  width: 100%;
  padding: 16px 0;
  margin-bottom: 30px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #d2d2d2;
  line-height: 1!important;
  font-size: 1.7rem!important;
  font-weight: 500!important;
  letter-spacing: -0.05em;
  text-align: center;
}
.responsive-dotbox dd {
  float: left;
  width: 50%;
  padding: 10px 30px;
  line-height: 1!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em;
}
.responsive-dotbox dd::before {
  left: 20px;
}
.responsive-dotbox .single {
  float: none;
  width: 100%;
}
.responsive-dotbox .simple {
  padding: 0 3rem;
  line-height: 1.7 !important
}
.responsive-dotbox h4 {
  font-weight: 300!important;
  margin-bottom: 8px!important;
}
.responsive-dotbox dd>ul>li {
  line-height: 2!important;
  padding-left: 15px;
}
.step-box {
  overflow: hidden;
  max-width: 390px;
  min-height: 484px;
  margin: auto;
  padding-bottom: 32px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
.step-box .title {
  overflow: hidden;
  width: 100%;
  padding: 16px 0;
  margin-bottom: 32px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #d2d2d2;
  line-height: 1!important;
  font-size: 1.7rem!important;
  font-weight: 500!important;
  letter-spacing: -0.025em;
  text-align: center;
}
.step-box dl {
  margin-bottom: 20px;
}
.step-box dl:last-of-type {
  margin-bottom: 0;
}
.step-box dt {
  margin: 0 20px;
  padding: 0;
  line-height: 2!important;
  font-size: 1.7rem!important;
  font-weight: 500!important;
  letter-spacing: -0.025em;
}
.step-box dd {
  margin: 0 20px;
  line-height: 2!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em;
}
.current-box {
  overflow: hidden;
  max-width: 592px;
  min-height: 414px;
  margin: auto;
  padding-bottom: 32px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
.current-box .title {
  overflow: hidden;
  width: 100%;
  padding: 16px 0;
  margin-bottom: 32px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #d2d2d2;
  line-height: 1!important;
  font-size: 1.7rem!important;
  font-weight: 500!important;
  letter-spacing: -0.025em;
  text-align: center;
}
.current-box dl {
  margin-bottom: 20px;
}
.current-box dl:last-of-type {
  margin-bottom: 0;
}
.current-box dt {
  margin: 0 20px;
  padding: 0;
  line-height: 2!important;
  font-size: 1.7rem!important;
  font-weight: 500!important;
  letter-spacing: -0.025em;
}
.current-box dd {
  margin: 0 20px;
  line-height: 2!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em;
}
.link-box {
  overflow: hidden;
  width: 100%;
  padding: 16px 20px;
  background-color: #f1f1f1;
  border: 1px solid #d2d2d2;
}
.link-box .left {
  float: left;
}
.link-box .right {
  float: right;
}
.link-box span {
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em;
}
.link-box a {
  color: #222;
  text-decoration: none;
}
.imgbox-desc {
  width: 100%;
  max-width: 592px;
  margin: auto;
  min-height: 172px;
  padding: 32px 20px;
  border: 1px solid #d2d2d2;
  border-top-width: 0;
  background-color: #f1f1f1;
}
.imgbox-desc dt {
  padding-bottom: 18px;
  line-height: 1!important;
  font-size: 1.7rem!important;
  font-weight: 500!important;
  letter-spacing: -0.025em;
}
.imgbox-desc dd {
  line-height: 2!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em;
}
.imgbox-desc-simple {
  width: 100%;
  max-width: 592px;
  margin: auto;
  min-height: 125px;
  padding: 32px 20px;
  border: 1px solid #d2d2d2;
  border-top-width: 0;
  background-color: #fff;
  line-height: 1.6!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -.05em;
}
.imgbox-desc-simple h3 {
  font-size: 2rem!important;
  font-weight: 500!important;
  padding-bottom: 20px;
}
.imgbox-desc-simple.single {
  min-height: auto!important;
}
.imgbox-desc-simple.single h3 {
  padding-bottom: 0;
}
.logo-box {
  float: left;
  width: 20%;
  padding: 8px 0;
}
.movie-box {
  height: 340px;
  margin: 0 -1px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
}
.movie-desc {
  padding: 40px 20px 0 20px;
}
.movie-desc h3 {
  padding-bottom: 20px;
  line-height: 1!important;
  font-size: 2rem!important;
  font-weight: 500!important;
  letter-spacing: -0.025em;
}
.movie-desc p {
  line-height: 1.6!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em;
  color: #222!important;
}
.movie-desc p:first-of-type {
  padding-bottom: 10px
}
.calc-box {
  margin-top: 20px;
  padding: 30px 20px;
  background-color: #f1f1f1;
  border: 1px solid #d2d2d2;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em!important;
  color: #222!important;
}
.map-box {
  padding: 40px 0;
  background-color: #fff;
  border: 1px solid #d2d2d2;
}
.map-box img {
  padding-bottom: 46px;
}
.map-desc {
  text-align: center;
  line-height: 18px;
}
.map-desc span {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  margin: 0 20px;
  font-size: 1.7rem;
  font-weight: 300;
  color: #222;
  letter-spacing: -0.025em;
}
.map-desc span::before {
  content: '';
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 4px solid;
  box-sizing: border-box;
}
.map-desc .map-desc01::before {
  background-color: #fff;
  border-color: #007dbc
}
.map-desc .map-desc02::before {
  background-color: #fff;
  border-color: #eb5f07
}
.info-desc {
  padding-bottom: 32px;
  line-height: 2!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
}
.case-header {
  min-height: 140px;
  padding: 19px 0;
  text-align: center!important;
  background-color: #f1f1f1;
  border: 1px solid #d2d2d2;
}
.case-header-desc {
  min-height: 140px;
  padding: 34px 20px 0 20px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-left-width: 0;
}
.case-header-desc h1 {
  padding-bottom: 10px;
  line-height: 1!important;
  font-size: 3rem!important;
  font-weight: 600!important;
}
.case-header-desc p {
  line-height: 1.6!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
}
.case-header-desc.single {
  padding: 0 20px;
  display: flex;
  align-items: center;
  border-left-width: 1px;
}
.case-header-desc.single h1 {
  padding-bottom: 0;
  line-height: 1.333!important;
}
.paper-type {
  overflow: hidden;
}
.paper-type .paper-left {
  float: left;
  width: 50%;
  margin: 0 20px 20px 0;
}
.paper-type .paper-right {
  width: 100%;
}
.paper-type .paper-right>* {
  clear: none;
}
.paper-type .paper-right h3 {
  padding-bottom: 20px;
  line-height: 1!important;
  font-size: 2rem!important;
  font-weight: 500!important;
  color: #222;
}
.paper-type .paper-right p {
  line-height: 1.6!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  color: #222;
  letter-spacing: -0.025em;
}
.clients-header {
  min-height: 152px;
  padding: 24px 0;
  text-align: center!important;
  background-color: #f1f1f1;
  border: 1px solid #d2d2d2;
}
.clients-header-desc {
  min-height: 152px;
  padding: 34px 20px 0 20px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-left-width: 0;
}
.clients-header-desc p {
  line-height: 1.6!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em!important;
}
.competency-markbox .vc_single_image-wrapper {
  margin-bottom: 30px;
  padding: 10px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
.competency-leftbox {
  width: 100%;
  max-width: 287px;
}
.competency-rightbox {
  width: 100%;
  max-width: 913px;
  padding-left: 16px;
  border-left: 1px solid #d2d2d2;
}
.competency-rightbox .text-box {
  padding: 40px 20px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
.competency-rightbox .text-box h3 {
  padding-bottom: 20px;
  font-size: 2rem!important;
  font-weight: 500!important;
  letter-spacing: -0.025em!important;
}
.competency-rightbox .text-box p {
  line-height: 1.6!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em!important;
  word-break: keep-all;
}
.competency-desc h3 {
  padding-bottom: 16px;
  font-size: 2.2rem!important;
  font-weight: 500!important;
  letter-spacing: -0.025em!important;
}
.competency-desc p {
  padding-bottom: 32px;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em!important;
  word-break: keep-all;
}
.competency-desc li {
  line-height: 2!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em!important;
}
.migration-moviebox {
  max-width: 440px;
  margin: auto;
  border: 1px solid #d2d2d2;
}
.migration-moviebox .movie-wrap {
  height: 246px;
}
.migration-moviebox .desc {
  border-top: 1px solid #d2d2d2;
  text-align: center;
}
.migration-moviebox .desc h3 {
  padding: 20px 0;
  font-size: 2rem!important;
  font-weight: 500!important;
  letter-spacing: -0.025em!important;
}
.migration-moviebox .desc .btns {
  margin-bottom: 20px;
}
.about-company-info {
  min-height: 340px;
  padding: 40px 20px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
}
.about-company-info dl {
  overflow: hidden;
}
.about-company-info dt,
.about-company-info dd {
  float: left;
}
.about-company-info dt {
  width: 20%;
  line-height: 2!important;
  font-size: 1.7rem!important;
  font-weight: 400!important;
  letter-spacing: -0.025em!important;
}
.about-company-info dd {
  width: 80%;
  line-height: 2!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em!important;
}
.about-map {
  border: 1px solid #d2d2d2;
}
.privacy-section .wpb_single_image {
  text-align: center;
}
.guide-wrap {
  background-color: #fff;
  border: 5px solid #222;
  padding: 40px 20px;
}
.guide-title {
  padding: 20px;
  background-color: #eee;
  border: 1px solid #ccc;
}
.guide-title h1 {
  padding-bottom: 16px!important;
  font-size: 3rem!important;
  font-weight: 600;
}
.guide-title h2 {
  font-size: 1.7rem!important;
  font-weight: 300!important;
}
.guide-desc {
  padding: 0 20px;
}
.guide-desc h1 {
  padding-bottom: 1em!important;
  font-size: 2.2rem!important;
  font-weight: 600;
}
.guide-desc h2 {
  position: relative;
  padding-bottom: 1em!important;
  font-size: 1.7rem!important;
  color: #0078e8!important;
  font-weight: 400!important;
}
.guide-desc .dot-list {
  font-size: 1.7rem!important;
  font-weight: 300!important;
}
.guide-desc .dot-list li {
  position: relative;
  padding-left: 16px;
  padding-bottom: 16px!important;
  line-height: 1.4;
  font-size: 1.7rem;
  word-break: keep-all;
}
.guide-desc .dot-list li::before {
  content: "\00B7";
  position: absolute;
  left: 0;
  text-align: center;
}
.guide-desc .process-box {
  list-style: none;
}
.guide-desc .process-box li {
  position: relative;
  display: inline-block;
  min-width: 190px;
  padding: 17px 0 19px;
  margin-right: 25px;
  margin-bottom: 20px!important;
  background-color: #aaa;
  border-radius: 6px;
  text-align: center;
  text-decoration: none!important;
  font-weight: 400!important;
  letter-spacing: -0.05em;
  color: #fff;
}
.guide-desc .process-box li:last-child::before {
  display: none;
}
.guide-desc .process-box li::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -17.5px;
  padding: 3px;
  width: 3px;
  height: 3px;
  margin-top: -10px;
  border: solid #ccc;
  border-width: 0 3px 3px 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.saas-biz-header {
  min-height: 230px;
  padding: 84px 0;
  text-align: center!important;
  background-color: #f1f1f1;
  border: 1px solid #d2d2d2;
}
.saas-biz-header-desc {
  min-height: 230px;
  padding: 32px 20px 0 20px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-left-width: 0;
}
.saas-biz-header-desc p {
  line-height: 1.6!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.025em!important;
}
.side-iconbox {
  padding-bottom: 14px;
}
.side-iconbox .aio-icon-left {
  width: 24%;
  height: 248px;
  background-color: #f1f1f1;
  border: 1px solid #d2d2d2;
  text-align: center;
  vertical-align: middle!important;
}
.side-iconbox .aio-icon-left .aio-icon-img {
  margin-right: 0!important;
}
.side-iconbox .aio-ibd-block {
  padding: 0 20px!important;
  vertical-align: top!important;
  background-color: #fff;
  border: 1px solid #ccc;
  border-left-width: 0;
}
.side-iconbox .aio-ibd-block .saas-biz-desc {
  line-height: 1.6!important;
  font-size: 1.7rem!important;
  font-weight: 300!important;
  letter-spacing: -0.04em!important;
  word-break: keep-all;
}
.side-iconbox .aio-ibd-block .btns {
  margin-top: 16px;
}
.about-company-info {
  min-height: 340px;
  padding: 40px 20px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
}
/* vmware styles */
.vmware-advantage-box {
  min-height: 340px;
  padding: 40px 20px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
}
.vmware-advantage-box h3 {
  margin-bottom: 16px!important;
  line-height: 1.5!important;
  font-weight: 500!important;
  letter-spacing: -0.025em;
}
.vmware-advantage-box p {
  font-weight: 300!important;
  word-break: keep-all;
}
.vmware-case {
  padding: 0;
  margin: 0!important;
}
.vmware-case .img {
  position: relative;
  min-width: 288px;
  background-color: #f1f1f1;
  border-right: 1px solid #d2d2d2;
}
.vmware-case .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.vmware-case .txt {
  padding: 32px 20px 0 20px;
}
.vmware-case p {
  margin-bottom: 30px!important;
  word-break: keep-all;
}
.vmware-case dt {
  padding-bottom: 8px;
  font-weight: 500;
}
.vmware-case dd {
  line-height: 2;
  font-weight: 300!important;
  word-break: keep-all
}
.vmware-promo-img {
  padding: 44px 0;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  border-right-width: 0;
}
.vmware-promo-text {
  padding: 38px 44px 0 0;
  min-height: 420px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  border-left-width: 0;
}
.vmware-promo-text em {
  font-weight: 500;
  letter-spacing: -0.05em;
}
.vmware-promo-text .title-main {
  margin-top: 14px!important;
  margin-bottom: 26px!important;
  font-size: 3rem!important;
  letter-spacing: -0.05em;
}
.vmware-promo-text .title-main span {
  font-size: 3rem!important;
  font-weight: 600!important;
}
.vmware-promo-text .title-sub {
  margin-bottom: 26px!important;
  font-size: 2rem!important;
  letter-spacing: -0.05em;
}
.vmware-promo-text .title-sub span {
  font-size: 2rem!important;
  font-weight: 600!important;
}
.vmware-promo-text .description {
  margin-bottom: 14px!important;
  font-weight: 300!important;
}
.vmware-promo-text .dot-list {
  font-weight: 300!important;
  margin-bottom: 21px!important;
}
/* marketplace styles */
.market-process-box {
  background-color: #fff;
  border: 1px solid #d2d2d2;
}
.market-process-box.mobile {
  display: none;
}
/* event styles */
.event-info {
  margin-bottom: 12px;
}
dl.event-info dl:last-child {
  margin-bottom: 0;
}
.event-info dt {
  float: left;
  min-width: 97px;
  margin-right: 10px;
  padding: 6px 0;
  background-color: #1b6fec;
  border-radius: 28px;
  text-align: center;
  line-height: 1!important;
  font-size: 17px;
  color: #fff;
  letter-spacing: -0.025em;
  vertical-align: top;
}
.event-info dd {
  display: inline-block;
  font-size: 17px!important;
  color: #000!important;
}
#case-study .contents-title {
  padding: 4rem 2rem 2rem;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
#case-study .contents-title h2 {
  padding-bottom: 11px!important;
  line-height: 1.333!important;
}
#case-study .contents-title .sub-desc {
  padding-bottom: 11px!important;
}
#case-study .text-area h2 {
  padding-bottom: 3.5rem;
  font-size: 3rem!important;
  letter-spacing: -0.025em;
}
#case-study .text-area p {
  padding-bottom: 25px;
  letter-spacing: -0.025em;
}
#case-study .text-area p:last-child {
  padding-bottom: 0;
}
#case-study .text-area p.space {
  padding-bottom: 0;
}
#case-study .effect-list {
  display: flex;
  justify-content: space-between;
}
#case-study .effect-item {
  max-width: calc(50% - 1.2rem);
}
#case-study .effect-item .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5rem;
  border: 1px solid #d2d2d2;
  background-color: #f1f1f1;
}
#case-study .desc-box {
  min-height: 35rem;
  padding: 2rem 2.2rem;
  border: 1px solid #d2d2d2;
  border-top: 0;
  background-color: #fff;
}
#case-study .desc-box .desc-item {
  margin-bottom: 1rem;
}
#case-study .desc-item em {
  display: block;
  margin-bottom: 1rem;
  font-weight: 500;
}
#case-study .desc-item .desc {
  font-size: 1.7rem!important;
  letter-spacing: -0.025em;
}
#case-study .desc-item .emph {
  font-weight: 700;
}
#case-study .info-wrap {
  padding: 3rem 2rem;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
#case-study .info-wrap h3 {
  margin-bottom: 25px!important;
  font-size: 2.2rem!important;
}
#case-study .info-wrap dl {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 25px;
}
#case-study .info-wrap .title {
  width: 14%;
  font-size: 1.7rem;
  font-weight: 500;
}
#case-study .img-area {
  display: flex;
  justify-content: space-between;
}
#case-study .img-area .img-box {
  max-width: calc(50% - 1.2rem);
  border: 1px solid #d2d2d2;
}
#case-study .img-area .img-box img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
#case-study .refer-box {
  margin-top: 20px;
}
#case-study .refer-box .refer {
  font-size: 1.3rem!important;
  letter-spacing: -0.025em;
  color: #666!important;
}
#case-study .info {
  margin-top: 40px;
  font-style: normal;
}
#case-study .info .company {
  margin-bottom: 20px!important;
  font-weight: 500;
}
/*
	RESPONSIVE STYLES
 */
/* font-size responsive styles */
@media screen and (min-width: 280px) and (max-width: 319px) {
  html, body {
    font-size: 50% !important;
  }
}
@media screen and (max-width: 320px) {
  html, body {
    font-size: 62.5% !important;
  }
}
@media screen and (min-width: 360px) and (max-width: 413px) {
  html, body {
    font-size: 68.75% !important;
  }
}
@media screen and (min-width: 414px) and (max-width: 1023px) {
  html, body {
    font-size: 75% !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  html, body {
    font-size: 50% !important;
  }
}
@media screen and (max-width: 768px) {
  /* mobile common styles */
  .margin-indent4 .vc_column-inner>.wpb_wrapper {
    margin: -4px!important;
  }
  /* mobile font-styles */
  h1 {
    font-size: 1.8rem!important;
    line-height: 1.33!important;
    word-break: keep-all;
  }
  h2 {
    line-height: 1!important;
    font-size: 1.5rem!important;
    word-break: keep-all;
  }
  h4 {
    line-height: 1!important;
    font-size: 1.2rem!important;
    word-break: keep-all;
  }
  p {
    line-height: 1.4!important;
    font-size: 1.1rem!important;
    word-break: keep-all;
  }
  p br {
    display: none;
  }
  ul,
  ol,
  dl,
  li {
    line-height: 1.4!important;
    font-size: 1.1rem!important;
  }
  input,
  select,
  textarea {
    margin: 0!important;
    padding: .9rem .6rem!important;
    font: normal 1.1rem / 100% 'Noto Sans KR', sans-serif!important;
    border-width: .1rem!important;
    line-height: normal!important;
    vertical-align: middle!important;
  }
  input,
  select {
    height: 3.7rem!important;
  }
  textarea {
    height: 10.9rem!important;
  }
  .contents-desc {
    padding: 0 15px;
  }
  /* mobile vc-custom styles */
  .vc_col-md-6 {
    width: 50%;
  }
  #main>.wf-wrap {
    padding: 0 10px !important
  }
  .slick-list {
    margin: 0 -.4rem !important
  }
  .slick-slide {
    margin: 0 .4rem !important
  }
  .slick-dots {
    /* display: block!important; */
    margin: 0;
    padding: 25px 0!important;
  }
  .slick-dots li {
    width: 8px!important;
    height: 8px!important;
    margin: 0 3.5px;
    border-radius: 100%;
    background-color: #ccc;
  }
  .slick-dots .slick-active {
    border: 1px solid #0078e8;
    background-color: #fff;
  }
  .slick-dots i {
    display: none;
  }
  .slick-arrow {
    display: none!important;
  }
  .mobile-fullwidth>.wpb_wrapper {
    margin: 0 -10px!important;
  }
  /* mobile custom-element styles */
  .contents-box {
    max-width: 100%;
    padding: 0 10px;
  }
  .contents-box-float {
    max-width: inherit;
    padding: 0 10px;
    margin: 0 -5px!important;
  }
  .flex-contents-col6,
  .flex-contents-col4,
  .flex-contents-col3,
  .flex-contents-col1_5 {
    margin: auto;
  }
  .flex-contents-col4 .aio-icon-box,
  .flex-contents-col3 .aio-icon-box,
  .flex-contents-col1_5 .aio-icon-box {
    width: 100%;
    max-width: 100%;
  }
  .flex-contents-m-col6 {
    margin: 0 -4px!important;
  }
  .flex-contents-m-col6>.wpb_column {
    float: left;
    width: 50%!important;
    margin: -4px 0;
    padding: 4px;
  }
  .custom-flex-m-col6 {
    margin: 0 -4px;
  }
  .custom-flex-m-col6>.wpb_column {
    margin: -4px 0;
  }
  .custom-flex-m-col6 .responsive-infobox {
    float: left;
    width: 50%;
    padding: 4px;
  }
  .custom-flex-m-col12 {
    margin: 0 -4px;
  }
  .custom-flex-m-col12>.wpb_column {
    margin: -4px 0;
  }
  .custom-flex-m-col12 .responsive-infobox {
    width: 100%;
    padding: 4px;
  }
  .ult-spacer[data-height="0"],
  .ult-spacer[data-height="16"] {
    height: .8rem
  }
  .ult-spacer[data-height="30"],
  .ult-spacer[data-height="32"] {
    height: 1.6rem;
  }
  .ult-spacer[data-height="60"],
  .ult-spacer[data-height="56"] {
    height: 3rem
  }
  .ult-spacer[data-height="80"] {
    height: 4rem
  }
  .ult-spacer[data-height="160"] {
    height: 5rem
  }
  .btns {
    min-width: 13.5rem;
    padding: 15px 0;
    font-size: 1.3rem!important;
    font-weight: 500!important;
  }
  .apply {
    min-width: 13.5rem;
    padding: 1.2rem 0 1.3rem;
    border-radius: 5px;
  }
  .goto {
    min-width: 11rem;
    padding: .9rem 0 1rem;
    background-color: #231f20;
    border-radius: 5px;
    font-size: 1.3rem!important;
  }
  /* mobile box-styles */
  .dot-list li,
  .dot-list dd {
    padding-left: 1rem;
  }
  .page-desc {
    padding: 16px 0!important;
    font-size: 1.1rem!important;
  }
  .img-border>.wpb_wrapper {
    padding: 1px;
  }
  /* mobile header styles */
  .top-banner {
    display: none!important;
  }
  .m-top-banner {
    display: none !important;
    position: relative;
    width: 100%;
    height: auto;
  }
  .m-top-banner .m-top-banner-link img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .m-top-banner .close {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    text-indent: -999em;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    z-index: 9999;
  }
  .m-top-banner .close::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    margin-top: -7px;
    margin-left: -1px;
    background-color: #fff;
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
  }
  .m-top-banner .close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    margin-top: -7px;
    margin-left: -1px;
    background-color: #fff;
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
  }
  .m-top-banner.whitepaper {
    height: 10rem;
		background-image: url('https://img.megazonejapan.jp/2023/04/m-top-banner-whitepaper-bg.png');
    background-position: center;
    background-size: cover;
	}
	.m-top-banner.whitepaper .banner-content {
		display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 10rem;
		padding: 0;
	}
	.m-top-banner.whitepaper .banner-content .banner-text {
    margin-bottom: .5rem;
    text-align: center;
	}
	.m-top-banner.whitepaper .banner-content .banner-text h3 {
    margin: 0;
    line-height: 1.52!important;
    font-size: 1.7rem!important;
    font-weight: 400!important;
    color: #3c61a2;
  }
  .m-top-banner .close {
    position: absolute;
    top: 5px;
    right: 5px;
    margin-top: 0;
    width: 22px;
    height: 22px;
    text-indent: -999em;
    border: 2px solid #3c61a2;
    border-radius: 100%;
    cursor: pointer;
    z-index: 9999;
  }
  .m-top-banner .close::before, .m-top-banner .close::after {
    background-color: #3c61a2;
  }
  .top-bar {
    display: none !important
  }
  .mobile-mini-widgets-in-menu {
    height: 0!important;
    padding-bottom: 0!important;
  }
  .mobile-mini-widgets-in-menu .text-area {
    position: inherit;
    margin: 0;
  }
  .mobile-lang-selector {
    position: absolute;
    top: 0;
    width: 100%;
    padding: .4rem 10px;
  }
  .mobile-lang-selector .current {
    position: relative;
    background: url("https://imgnew.megazone.com/wp-content/uploads/2018/09/18101834/next-level-button-off.png") no-repeat!important;
    background-position: 95%!important;
    background-size: 1.5rem!important;
    z-index: 101;
  }
  .mobile-lang-selector ul {
    position: relative;
    top: -3.6rem;
    z-index: 100;
  }
  .mobile-lang-selector .current,
  .mobile-lang-selector a {
    height: 3.7rem;
    margin-top: -1px;
    padding: 0 10px;
    line-height: 3.7rem;
    background-color: #231f20;
    border: 1px solid #303030;
    font-size: 1.1rem;
    font-weight: 300;
    color: #fff;
  }
  .mobile-lang-selector a {
    display: block;
    text-decoration: none;
  }
  .mobile-lang-selector a:hover {
    background-color: #303030;
  }
  .mobile-mini-widgets-in-menu .icon-wrap {
    display: none;
  }
  .masthead.masthead-mobile-header:not(#phantom) {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
  }
  .lines-button {
    display: none;
  }
  .header-bar {
    min-height: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .sticky-mobile-on .mobile-header-bar {
    background-color: #222;
  }
  .mobile-header-space {
    height: auto!important;
  }
  .branding {
    padding: 0;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
  }
  .branding .branding-logo {
    float: none;
    max-width: 9.5rem;
    margin-left: 10px;
  }
  .branding .branding-logo a {
    margin: 1.25rem 0;
  }
  .consulting-link {
    visibility: hidden;
    /*summit only*/
    display: block;
    position: fixed;
    left: 10px;
    bottom: 10px;
    top: inherit;
    right: inherit;
    opacity: 0;
    z-index: -1;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
  }
  .consulting-link.on {
    visibility: hidden;
    /*summit only*/
    opacity: 1;
    z-index: 109;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  .consulting-link a {
    display: block;
    width: 48px;
    height: 48px;
    background: url("https://img.megazonejapan.jp/2018/07/27173105/contact-btn.png") no-repeat;
    background-position: center;
    background-size: cover;
    text-indent: -9999em;
  }
  .consulting-link [href="#contact-us"] {
    display: none;
  }
  .branding .isms-logo {
    display: none!important;
  }
  .m-isms-logo {
    /* visibility: visible; */
    display: none!important;
    position: relative;
    top: 0;
    width: 100%;
    height: 5.2rem;
    padding: 0 10px;
    background: transparent;
    background-color: #fff;
    line-height: 5.2rem;
    text-align: center;
    text-indent: 0;
    font-size: 1.2rem;
    border-bottom: 2px solid #0078e8;
  }
  .m-isms-logo::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -1.8rem;
    width: 3.6rem;
    height: 3.6rem;
    background: url("https://img.megazonejapan.jp/2018/07/26131115/m-isms-logo.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .m-isms-logo .banner-close {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -.7rem;
    width: 1.4rem;
    height: 1.4rem;
    background: url("https://img.megazonejapan.jp/2018/07/26131114/m-btn-close.png") no-repeat;
    background-position: center;
    background-size: cover;
    text-indent: -9999em;
  }
  .m-isms-logo a,
  .m-isms-logo span {
    font-size: 1.2rem
  }
  .m-isms-logo a {
    text-decoration: none;
    color: #444;
  }
  .top-header .navigation {
    height: 0;
    border-top: 0;
    border-bottom: 0;
  }
  .mobile-header-bar {
    position: absolute!important;
    padding: 1.2rem 10px;
    background-color: transparent;
    text-align: center;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
  }
  .mobile-header-bar .mobile-branding,
  .mobile-header-bar .mobile-mini-widgets {
    display: none!important;
  }
  .mobile-header-bar .mobile-navigation .dt-mobile-menu-icon {
    width: 16.5px!important;
    height: 13.5px!important;
    background: url("https://img.megazonejapan.jp/2021/10/m-gnb-btn.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .mobile-header-bar .mobile-navigation .lines {
    display: none;
  }
  .mobile-header-bar .mobile-navigation .lines-button {
    display: none;
  }
  .mobile-main-nav li.act>a .menu-text {
    color: #333!important;
  }
  .mobile-header-bar {
    position: inherit!important;
    height: auto;
    min-height: auto!important;
    padding: 0;
  }
  .mobile-header-bar {
    position: relative!important;
    top: 0;
    padding: 0;
    min-height: auto;
  }
  .mobile-header-bar .mobile-navigation {
    position: absolute;
    top: -3.2rem;
    right: 10px;
  }
  .mobile-header-bar .mobile-navigation .dt-mobile-menu-icon {
    width: 1.5rem!important;
    height: 1.2rem!important;
    background: url("https://img.megazonejapan.jp/2021/10/mobile-menu-icon.png") no-repeat;
    background-position: center;
    background-size: 100%;
  }
  /* header-styles - sub nav styles */
  .dt-mobile-header {
    top: 5.1rem!important;
  }
  .dt-mobile-header .mobile-header-scrollbar-wrap {
    width: 100%!important;
    max-width: 100%!important;
    padding: 0!important;
  }
  .dt-mobile-header .mobile-header-scrollbar-wrap .dt-close-mobile-menu-icon {
    display: none;
  }
  .dt-mobile-header .next-level-button:before {
    display: none;
  }
  .dt-mobile-header .mega-gnb.first {
    display: none;
  }
  .submega-menu .sub-nav .submenu-title,
  .submega-menu .sub-nav .submenu-banner {
    display: none;
  }
  .show-mobile-header .dt-mobile-header {
    width: 100%!important;
    right: 100%!important;
    padding: 0!important;
    background-color: #231f20;
  }
  .m-nav-logo {
    position: fixed;
    top: 0;
    left: -9999px;
    display: block;
    width: 100%;
    height: 5.1rem;
    text-align: center;
    background-color: #231f20;
    border-bottom: 1px solid #303030;
    z-index: 9998;
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }
  .show-mobile-header .m-nav-logo {
    left: 0!important;
    opacity: 1!important;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }
  .m-nav-logo a {
    display: inline-block;
    width: 9.5rem;
    height: 2.5rem;
    text-indent: -9999em;
    margin: 1.25rem 0;
    background: url("https://img.megazonejapan.jp/2022/12/mz-logo-jp.png") no-repeat;
    background-size: contain;
    background-position: center;
  }
  .m-nav-logo+.dt-close-mobile-menu-icon {
    display: none;
  }
  .show-mobile-header .m-nav-logo+.dt-close-mobile-menu-icon {
    position: fixed;
    display: block;
  }
  .dt-close-mobile-menu-icon {
    top: 1.75rem!important;
    right: 10px!important;
    width: 1.5rem!important;
    height: 1.5rem!important;
    padding: 0!important;
    margin: 0!important;
  }
  .dt-close-mobile-menu-icon span {
    width: 1.5rem!important;
    height: 1.5rem!important;
    background-color: transparent!important;
    background: url("https://img.megazonejapan.jp/2021/10/nav-close-btn-m.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .dt-close-mobile-menu-icon:before,
  .dt-close-mobile-menu-icon:after {
    display: none!important;
  }
  .mobile-main-nav {
    margin-top: 4.5rem!important;
    padding-bottom: 0!important;
    border-top: 1px solid #303030;
  }
  .mobile-main-nav>li>a {
    max-width: 100%!important;
    padding: 1.5rem 10px!important;
    border-bottom: 1px solid #303030;
    transition: all 0s ease 0s!important;
    -ms-transition: all 0s ease 0s!important;
    -webkit-ransition: none!important;
  }
  .mobile-main-nav li>a .menu-text {
    line-height: 1!important;
    font-size: 1.4rem!important;
    font-weight: 400!important;
    color: #fff!important;
  }
  .mobile-main-nav li.act>a .menu-text {
    color: #fff !important
  }
  .mobile-main-nav .sub-nav>li>a {
    color: #fff!important;
  }
  .mobile-main-nav .next-level-button {
    display: block!important;
    position: absolute!important;
    top: 0rem!important;
    right: 0px!important;
    width: 100%!important;
    height: 4.5rem!important;
    padding: 0!important;
    border-bottom: 1px solid transparent;
    transform: none!important;
    -ms-transform: none!important;
    -webkit-transform: none!important;
    background: none!important;
  }
  .mobile-main-nav .next-level-button::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -.45rem;
    right: 10px;
    width: 1.5rem!important;
    height: .9rem!important;
    background: url("https://img.megazonejapan.jp/2018/09/18101834/next-level-button-off.png") no-repeat!important;
    background-position: right center!important;
    background-size: contain!important;
  }
  .mobile-main-nav .open-sub .next-level-button:after {
    background: url("https://img.megazonejapan.jp/2018/09/18101834/next-level-button-on.png") no-repeat!important;
    background-position: right center!important;
    background-size: contain!important;
  }
  .mobile-main-nav .next-level-button,
  .mobile-main-nav .next-level-button::after,
  .mobile-main-nav>li.has-children>a:after {
    transition: all 0s ease 0s!important;
    -ms-transition: all 0s ease 0s!important;
    -webkit-ransition: none!important;
  }
  .open-sub {
    background-color: #0078e8;
    transition: all 0s ease 0s!important;
    -ms-transition: all 0s ease 0s!important;
    -webkit-ransition: none!important;
  }
  .mobile-main-nav .sub-nav {
    margin: 0!important;
  }
  .submega-menu .sub-nav .menu-item {
    float: none;
    width: 100%;
    padding: 0!important;
    background-color: #272425;
    border-bottom: 1px solid #303030;
  }
  .submega-menu .sub-nav>li>a {
    padding: 1.6rem 0 1.6rem 2rem!important;
  }
  .submega-menu .sub-nav .menu-text {
    font-size: 1.1rem!important;
  }
  .submega-menu .sub-nav .menu-text::before {
    padding-right: .5rem;
  }
  .mobile-mini-widgets-in-menu {
    display: none;
  }
  .mobile-contact {
    margin-top: 1rem;
    text-align: center;
  }
  .mobile-contact a {
    display: inline-block;
    width: 30rem;
    height: 15.65rem;
    text-indent: -9999em;
    background: url("https://img.megazonejapan.jp/2018/09/18132607/submenu-banner-m.png") no-repeat;
    background-position: center;
    background-size: cover;
  }
  /* mobile footer sytles */
  #footer .wf-container-footer {
    padding-top: 0 !important
  }
  #footer>.wf-wrap,
  #footer #bottom-bar>.wf-wrap {
    padding: 0!important;
  }
  #footer-wrap {
    display: none
  }
  .footer .custom-menu {
    display: none;
  }
  #m-footer-wrap {
    display: block
  }
  .mz-logo {
    margin: 25px 0 15px;
    text-align: center;
  }
  .mz-logo img {
    width: auto;
    max-width: 7.5rem!important;
  }
  .footer-info {
    line-height: 1;
    text-align: center;
  }
  .footer-info span {
    line-height: 1;
    font-size: 1.1rem!important;
    padding-right: 0;
  }
  .footer-info .info-sep span {
    padding-right: 1.3rem;
  }
  .footer-info .info-sep span:last-of-type {
    padding-right: 0;
  }
  .copy {
    padding: 15px 0 15px;
    text-align: center;
    line-height: 1.4;
    font-size: 1rem;
  }
  /*
		SUB-PAGE STYLES
	 */
  /* mobile module styles */
  #menu-container {
    height: 3.7rem;
  }
  #top-menu.fixed {
    position: fixed;
    border-top: 0;
  }
  .menu-wrap {
    overflow: auto;
    width: 100%;
    margin: auto;
  }
  #top-menu ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    float: none;
    padding-right: 0;
    width: 100%;
  }
  #top-menu li {
    float: none;
    width: 100%;
  }
  #top-menu li a {
    width: 100%;
    padding: 1.2rem 0;
    font-size: 1.1rem;
  }
  .responsive-tab {
    display: none;
  }
  .tab-opener {
    position: relative;
    display: block;
    margin-bottom: 8px;
    text-decoration: none!important;
    border: 1px solid #d2d2d2;
    border-bottom: 0;
  }
  .tab-opener h3 {
    padding: 1.3rem 1rem;
    background-color: #221f1f;
    font-size: 1.1rem!important;
    font-weight: 300!important;
    color: #fff;
  }
  .tab-opener span {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7.5px;
    width: 15px;
    height: 15px;
    z-index: 1;
  }
  .tab-opener.current {
    margin-bottom: 0;
  }
  .tab-opener span::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    width: 1px;
    height: 15px;
    background-color: #fff;
  }
  .tab-opener.current span::before {
    display: none;
  }
  .tab-opener span::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 15px;
    height: 1px;
    background-color: #fff;
  }
  .tab-contents {
    display: none;
  }
  .tab-list>ul {
    margin: 0!important;
    padding: 8px 8px 0 8px;
    background-color: #fff;
  }
  .tab-list>ul.current {
    display: block;
    border: 1px solid #d2d2d2;
    margin-bottom: 8px!important;
  }
  .tab-list>ul>li {
    float: none;
    width: 100%;
    max-width: 100%;
    min-height: 11.3rem;
    margin: 0 0 8px 0!important;
    padding: 20px 10px 0 10px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    font-size: 1.1rem!important;
  }
  .tab-list>ul>li>h3 {
    padding-bottom: 10px;
    line-height: 1!important;
    font-size: 1.4rem!important;
    font-weight: 500!important;
  }
  .accordion {
    position: relative;
    display: block;
    width: 100%;
    padding: 1.1rem 30px 1.1rem 10px;
    font-size: 1.1rem!important;
    font-weight: 300!important;
    letter-spacing: -0.05em !important
  }
  .accordion::after {
    content: '';
    float: none;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -.55rem;
    width: 1.1rem;
    height: 1.1rem;
    background: url("https://img.megazonejapan.jp/2021/10/accodion-plus.png") no-repeat;
    background-position: center;
    background-size: contain;
  }
  .panel>p,
  .panel>div {
    padding: 1.6rem 10px;
    font-size: 1.1rem!important;
  }
  .responsive-table th {
    padding: 1.2rem 0!important;
    font-size: 1.1rem!important;
  }
  .responsive-table .m-col8 {
    width: 66.66%!important;
  }
  .responsive-table .m-col6 {
    width: 50%!important;
  }
  .responsive-table .m-col4 {
    width: 33.33%!important;
  }
  .responsive-table .m-col3 {
    width: 25%!important;
  }
  .responsive-table td {
    padding: 1.5rem 0!important;
    line-height: 1.6!important;
    font-size: 1.1rem!important;
  }
  .responsive-table td:first-child {
    text-align: left!important;
    padding-left: 1rem!important;
    word-break: keep-all;
  }
  .responsive-table .leftalign {
    padding-left: 1.3rem!important;
    padding-right: 1rem!important;
  }
  .responsive-table .leftalign br {
    display: none;
  }
  .m-table-rotate .responsive-table {
    position: relative;
    min-height: 24rem;
    border-bottom: 0!important;
  }
  .m-table-rotate .responsive-table thead tr {
    position: absolute;
    left: 0;
    width: 20%;
  }
  .m-table-rotate .responsive-table thead th {
    display: block;
    padding: 1.1rem 0!important;
    line-height: 1.6!important;
    font-size: 1.1rem!important;
  }
  .m-table-rotate .responsive-table th:last-of-type {
    border-right: 1px solid;
  }
  .m-table-rotate .responsive-table tbody tr {
    position: absolute;
    left: 20%;
    width: 40%;
  }
  .m-table-rotate .responsive-table tbody tr:last-of-type {
    left: 60%;
  }
  .m-table-rotate .responsive-table tbody td {
    display: block;
    padding: 1.1rem 0!important;
    text-align: center!important;
  }
  .m-table-rotate .responsive-table th:last-of-type,
  .m-table-rotate .responsive-table td:last-of-type {
    border-right: 1px solid #d2d2d2!important;
    border-bottom: 1px solid #d2d2d2!important;
  }
  .fullwidth-table th,
  .fullwidth-table td {
    display: block;
    width: 100%;
    padding: .9rem 10px 1rem 10px!important;
    border-left: 1px solid #d2d2d2!important;
    border-right: 1px solid #d2d2d2!important;
    border-top: 1px solid #d2d2d2!important;
    line-height: 1.6!important;
    font-size: 1.1rem!important;
    color: #222;
    letter-spacing: -0.025em;
  }
  .fullwidth-table th.col3 {
    width: 100%;
  }
  .fullwidth-table li {
    font-size: 1.1rem!important;
  }
  /* mobile form styles */
  .applyform-box {
    margin: 0!important;
  }
  .applyform-box li {
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .applyform-box label,
  .applyform-box .agreement {
    max-width: 100%;
    margin: 0 auto 24px;
    font-size: 1.1rem!important;
  }
  .applyform-box .full-width>label {
    margin: 0 auto 24px;
  }
  .applyform-box .full-width .agreement {
    max-width: 100%;
  }
  .applyform-box .full-width .agreement label {
    width: auto;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .applyform-box em {
    display: block;
    margin-bottom: 8px!important;
  }
  .applyform-box input,
  .applyform-box textarea {
    font-size: 1.1rem!important;
  }
  .applyform-box input {
    height: auto!important;
  }
  .applyform-box textarea {
    height: 11rem;
  }
  .applyform-box .form-textarea,
  .applyform-box .form-textarea label {
    max-width: 100%;
  }
  .applyform-box select {
    height: auto;
  }
  .applyform-box select,
  .applyform-box option {
    font-size: 1.1rem!important;
  }
  .applyform-box .chk-text {
    margin-bottom: 8px!important;
    font-size: 1.1rem!important;
  }
  .applyform-box .chk-textbox {
    height: 18rem;
    padding: 1.2rem 10px;
    margin-bottom: 8px!important;
    font-size: 1.1rem!important;
  }
  .applyform-box .chk-textbox br {
    display: block!important;
  }
  .applyform-box input[type="checkbox"]~.wpcf7-list-item-label {
    position: relative;
    padding-left: 2rem;
    font-size: 1.1rem!important;
    font-weight: 300!important;
  }
  .applyform-box input[type="checkbox"]~span.wpcf7-list-item-label::before {
    width: 1.4rem;
    height: 1.4rem;
    margin-top: .2rem;
  }
  .wpcf7-form .btn-submit {
    margin-top: 32px;
  }
  .wpcf7-form .btn-submit .wpcf7-submit {
    min-width: 13.5rem;
    min-height: 100%!important;
    padding: 1.1rem 0 1.3rem!important;
    border-radius: 5px!important;
    font-size: 1.3rem!important;
  }
  span.wpcf7-not-valid-tip {
    font-size: 1rem!important;
    line-height: 1.4!important;
  }
  .wpcf7-validation-errors .wpcf7-not-valid-tip-text,
  .wpcf7-validation-errors .wpcf7-valid-tip-text,
  .wpcf7-mail-sent-ok .wpcf7-not-valid-tip-text,
  .wpcf7-mail-sent-ok .wpcf7-valid-tip-text {
    font-size: 1rem;
  }
  .servay-form>.vc_column-inner {
    padding: 10px!important;
    border-width: 5px!important;
  }
  .survay .wpcf7-list-item {
    margin-bottom: 8px;
  }
  .survay .chk-textbox {
    height: 200px;
    padding: 10px;
  }
  .survay input[type="checkbox"]~.wpcf7-list-item-label {
    display: block;
    line-height: 1.66;
  }
  .survay .form-title {
    font-size: 1.3rem;
  }
  .survay .multitext .wpcf7-form-control-wrap {
    display: block;
    max-width: 100%;
  }
  .survay .multiselect .wpcf7-list-item {
    /* display: block; */
    max-width: 100%;
    margin-right: 5px;
  }
  .event-info dd {
    font-size: 1.1rem!important;
  }
  /* mobile post styles */
  body.post-template-default #main {
    padding: 50px 0 120px!important;
    background-color: #f9f9f9;
  }
  .blog-shortcode {
    margin: 0 -10px;
  }
  .post-header {
    padding: 13px 0 12px;
    font-size: 1.1rem!important;
  }
  .post-entry-content {
    padding: 0!important;
  }
  .post-entry-content h3 {
    line-height: 1.2!important;
    padding: 1rem;
    font-size: 1.1rem!important;
  }
  .post-entry-content .entry-title a {
    max-width: 100%;
  }
  .filter {
    padding-bottom: 60px;
  }
  .filter-categories {
    border-left: 0;
  }
  .filter-categories a {
    line-height: 40px!important;
    font-size: 1rem!important;
  }
  .filter-categories a:last-child {
    border-bottom: 1px solid #d2d2d2;
  }
  .filter::after {
    line-height: 40px;
    font-size: 1.1rem!important;
  }
  .entry-content .dt-fancy-title {
    word-break: keep-all;
  }
  .entry-content .ult-spacer[data-height="80"] {
    height: auto;
  }
  .entry-content p {
    font-size: 1.1rem!important;
  }
  .entry-content li,
  .entry-content dt,
  .entry-content dd {
    min-width: 70px;
    padding: 5px 0;
    font-size: 1.1rem;
  }
  .entry-content div,
  .entry-content span {
    font-size: 1.1rem;
  }
  .applyform-box .wpcf7-radio input~span {
    padding-left: 20px;
  }
  .applyform-box .wpcf7-radio input~span::before {
    top: 1px;
    left: 0;
    width: 14px;
    height: 14px;
  }
  .applyform-box .wpcf7-radio input:checked~span::after {
    top: 4px;
    left: 2px;
    width: 10px;
    height: 10px;
  }
  .paginator .nav-prev,
  .paginator .nav-next,
  .paginator a {
    width: 30px!important;
    height: 30px!important;
    padding: 8px 0 9px!important;
  }
  .paginator .nav-prev,
  .paginator .nav-next {
    line-height: .9 !important
  }
  .wrap-pageinfo {
    border-top: 1px solid #d2d2d2;
    margin: 0 -10px 20px -10px;
  }
  .wrap-pageinfo .page-title {
    line-height: 1.6 !important
  }
  .wrap-pageinfo .page-title,
  .wrap-pageinfo .page-date {
    padding: 13px 10px 12px;
    font-size: 1.1rem!important;
  }
  .wrap-pageinfo .page-date span {
    font-size: 1.1rem!important;
  }
  .post .entry-content .wpb_text_column {
    margin: 0 -10px;
    padding: 0 10px;
  }
  .post .entry-content p {
    font-size: 1.1rem!important;
  }
  .category-survey .entry-content {
    margin-bottom: 0!important;
  }
  .navigation.post-navigation {
    margin: 0 -10px;
    padding-top: 30px!important;
  }
  .post-navigation .back-to-list {
    display: block !important
  }
  .post-navigation .back-to-list {
    min-width: 13.5rem;
    height: 3.7rem;
    line-height: 3.7rem;
    font-size: 1.1rem!important;
  }
  .type-post .entry-content .contents-title h2 {
    padding: 10px 0;
  }
  /* mobile contents styles */
  #fancy-header {
    height: 10rem!important;
    background: url("https://img.megazonejapan.jp/2021/10/subtitle-bg-m-1.png") no-repeat;
    background-size: cover;
    background-position: center center;
  }
  #page #fancy-header>div.wf-wrap {
    padding-bottom: 0!important;
  }
  #fancy-header .hgroup {
    width: 100%;
    padding: 0 10px!important;
    text-align: left!important;
  }
  .fancy-title-head h1 {
    line-height: 1!important;
    padding-bottom: 8px!important;
  }
  .fancy-title-head h1 span {
    font-size: 2rem!important;
  }
  .fancy-title-head h2 {
    line-height: 1!important;
  }
  .fancy-title-head h2 span {
    font-size: 1.1rem !important
  }
  .contents-title h1 {
    font-size: 1.1rem!important;
    padding-bottom: 8px!important;
  }
  .contents-title h2 {
    font-size: 1.7rem!important;
    padding-bottom: 16px;
  }
  .contents-title h3 {
    padding-bottom: 8px!important;
    font-size: 1.4rem!important;
  }
  .contents-title .sub-title {
    padding-bottom: 16px!important;
    font-size: 1.4rem!important;
  }
  .contents-title p {
    font-size: 1.1rem!important;
  }
  .contents-title li {
    font-size: 1.1rem!important;
  }
  .contents-title br {
    display: block!important;
  }
  .contents-title .sub-desc {
    font-size: 1.1rem!important;
    padding-bottom: 16px!important;
  }
  .responsive-infobox .aio-icon-box {
    min-height: 21.5rem;
  }
  .responsive-infobox.con-mid .aio-icon-box {
    min-height: 21.5rem;
  }
  .responsive-infobox .aio-icon-top {
    padding: 16px 0;
  }
  .responsive-infobox .aio-icon-img {
    font-size: 7rem!important;
  }
  .responsive-infobox h3.aio-icon-title {
    margin: 0 0 12px!important;
    font-size: 1.4rem!important;
  }
  .responsive-infobox .aio-icon-description {
    padding: 0 10px;
    font-size: 1.1rem;
    letter-spacing: -0.04em;
    word-spacing: -0.04em;
    word-break: keep-all;
  }
  .responsive-infobox .aio-icon-description li {
    line-height: 2!important;
    font-size: 1.1rem;
  }
  .responsive-infobox .aio-icon-description br {
    display: none;
  }
  .responsive-infobox.col3 .aio-icon-box {
    min-height: 16.3rem;
  }
  .responsive-infobox.col3 .aio-icon-top {
    padding: 16px 0;
  }
  .responsive-infobox.discover .aio-icon-box {
    min-height: 17.4rem;
  }
  .responsive-infobox.discover .aio-icon-description {
    text-align: center!important;
  }
  .responsive-infobox.design .aio-icon-box {
    min-height: 21.5rem;
  }
  .responsive-infobox.build .aio-icon-box {
    min-height: 17.4rem;
  }
  .responsive-infobox.build .aio-icon-description {
    text-align: center!important;
  }
  .responsive-infobox.management .aio-icon-box {
    min-height: 21.5rem;
  }
  .responsive-infobox.management .aio-icon-description {
    padding-bottom: 1.6rem;
  }
  .responsive-infobox.billing .aio-icon-box {
    min-height: 21.5rem;
  }
  .responsive-infobox.billing .aio-icon-description {
    text-align: center!important;
  }
  .responsive-infobox.isms .aio-icon-box {
    min-height: 13.1rem;
  }
  .responsive-infobox.cdn .aio-icon-box {
    min-height: 11.1rem;
  }
  .responsive-infobox.hyperrender .aio-icon-box {
    min-height: 13.1rem;
  }
  .responsive-infobox.hyperrender-char .aio-icon-box {
    min-height: 18.1rem;
  }
  .responsive-infobox.hyperrender-char .aio-icon-description {
    text-align: center!important;
  }
  .responsive-infobox.case-list .aio-icon-box {
    min-height: 20.3rem;
  }
  .responsive-infobox.case-list .aio-icon-img {
    font-size: 19rem !important
  }
  .responsive-infobox.case-list h3.aio-icon-title {
    margin: 16px 0!important;
  }
  .responsive-infobox.hyper-list .aio-icon-box {
    min-height: 22.3rem;
  }
  .responsive-infobox.hyper-list .aio-icon-img {
    font-size: 10rem !important
  }
  .responsive-infobox.hyper-list h3.aio-icon-title {
    margin: 16px 0!important;
  }
  .responsive-infobox.labtoscale .aio-icon-box {
    min-height: 20.3rem;
  }
  .responsive-infobox.apac-partner .aio-icon-box {
    min-height: auto;
  }
  .responsive-infobox.apac-partner .aio-icon-top {
    max-height: 9.5rem;
  }
  .responsive-infobox.apac-partner .aio-icon-top .aio-icon-img {
    width: 100%;
    max-height: 9.5rem;
  }
  .responsive-infobox.apac-partner .aio-icon-top .aio-icon-img img {
    width: 100%;
  }
  .responsive-infobox.apac-partner .aio-icon-description {
    padding: 8px 10px;
  }
  .responsive-infobox.welfare .aio-icon-box {
    min-height: 15.1rem;
  }
  .responsive-infobox.welfare .aio-icon-description {
    text-align: center!important;
  }
  .responsive-infobox.clients .aio-icon-box {
    min-height: auto;
  }
  .responsive-infobox.clients .aio-icon-top {
    padding: 16px 0;
  }
  .responsive-infobox.clients h3.aio-icon-title {
    margin: 16px 0!important;
  }
  .responsive-infobox.clients .clients-desc {
    min-height: auto;
    text-align: center;
  }
  .responsive-infobox.clients .clients-desc+p {
    padding: 16px 0;
  }
  .responsive-infobox.commerce .aio-icon-box {
    min-height: 12.7rem;
  }
  .responsive-infobox.commerce .aio-icon-top {
    padding: 16px 0;
  }
  .responsive-infobox.simple-box .aio-icon-box {
    min-height: 10.3rem;
  }
  .responsive-infobox.simple-box .aio-icon-top {
    padding: 10px 0;
  }
  .responsive-infobox.simple-box .aio-icon-img {
    font-size: 10.5rem!important;
  }
  .responsive-infobox.simple-box h3.aio-icon-title {
    padding: 1rem 0;
    font-size: 1.2rem!important;
  }
  .responsive-infobox.migration .aio-icon-box {
    min-height: 21.5rem;
  }
  .responsive-infobox.eduservice-box .aio-icon-box {
    min-height: 13.5rem;
  }
  .responsive-infobox.eduservice-box .aio-icon-top {
    padding: 16px 0;
  }
  .responsive-infobox.case-box .aio-icon-box {
    min-height: 10.5rem;
  }
  .responsive-infobox.case-box .aio-icon-top {
    padding: 10px 0;
  }
  .responsive-infobox.case-box .aio-icon-top .aio-icon-img {
    font-size: 14rem!important;
  }
  .responsive-infobox.case-box h3.aio-icon-title {
    padding: 16px 0;
    font-size: 1.2rem!important;
  }
  .responsive-infobox.case-blog .aio-icon-box {
    min-height: 160px;
    padding-bottom: 16px;
  }
  .responsive-infobox.case-blog h3.aio-icon-title {
    margin: 16px 0 8px!important;
  }
  .responsive-infobox.case-blog .case-blog-desc {
    min-height: 50px;
    margin-bottom: 16px;
  }
  .responsive-infobox.mz-role .aio-icon-box {
    min-height: auto;
    padding-bottom: 16px;
  }
  .responsive-infobox.mz-role h3.aio-icon-title {
    margin: 16px 0 8px!important;
  }
  .responsive-infobox.vmware-char .aio-icon-box {
    min-height: 20rem;
  }
  .responsive-infobox.vmware-intro .aio-icon-box {
    min-height: 18rem;
  }
  .responsive-infobox.vmware-service .aio-icon-box {
    min-height: 18rem;
  }
  .responsive-infobox.market-summary .aio-icon-box {
    min-height: 16rem;
  }
  .responsive-infobox.market-product .aio-icon-box {
    min-height: auto;
    padding-bottom: 1rem;
  }
  .responsive-infobox.market-occupation .aio-icon-box {
    min-height: 14rem;
  }
  .responsive-infobox.case-box h4.aio-icon-title {
    padding: 16px 0;
    font-size: 1.2rem!important;
  }
  .responsive-infobox.us-offering .aio-icon-box {
    min-height: auto;
  }
  .responsive-infobox.us-offering .aio-icon-top {
    padding: 2rem 0 1rem;
  }
  .responsive-infobox.us-offering .aio-icon-img {
    font-size: 14rem!important;
  }
  .responsive-infobox.us-offering .us-offering-desc {
    margin-bottom: 1rem;
  }
  .responsive-infobox.us-offering .btns-box {
    margin-bottom: 2rem!important;
  }
  .responsive-infobox.security .aio-icon-box {
    min-height: auto;
    padding-bottom: 2rem;
  }
  .responsive-infobox.security-value .aio-icon-box {
    min-height: 14rem;
  }
  .responsive-infobox.cloud-solutions .aio-icon-box {
    min-height: 30rem;
  }
  .responsive-infobox.cloud-solutions .aio-icon-img {
    font-size: 20rem!important;
  }
  .responsive-infobox.cloud-solutions .aio-icon-description .desc {
    min-height: auto;
  }
  .responsive-infobox.cloud-solutions .btns-box {
    margin: 1.6rem 0 2rem!important;
  }
  .movie-box {
    height: auto;
    margin: 0;
  }
  .movie-box.youtube-box {
    height: 191px;
    border-bottom: 0;
  }
  .movie-box iframe {
    height: 190px!important;
  }
  .movie-desc {
    padding: 20px 10px 20px 10px;
  }
  .movie-desc h3 {
    padding-bottom: 10px;
    font-size: 1.4rem!important;
  }
  .movie-desc p {
    line-height: 1.6!important;
    font-size: 1.1rem!important;
  }
  .movie-desc p:first-of-type {
    padding-bottom: 20px
  }
  .calc-box {
    margin-top: 0px;
    padding: 16px 10px;
    font-size: 1.1rem!important;
  }
  .mobile-moviebox {
    height: 190px;
  }
  .mobile-moviebox iframe {
    height: 190px!important;
  }
  .map-box {
    padding: 20px 0;
  }
  .map-box img {
    padding: 0 10px 18px;
  }
  .map-desc {
    text-align: center;
    line-height: .9rem!important;
  }
  .map-desc span {
    position: relative;
    display: inline-block;
    padding-left: 1.9rem;
    margin: 0 10px;
    font-size: 1.1rem;
  }
  .map-desc span::before {
    width: .9rem;
    height: .9rem;
    border: .1rem solid;
  }
  .responsive-numbox {
    max-width: 100%;
    padding-bottom: 16px;
  }
  .responsive-numbox dt {
    overflow: hidden;
    width: 100%;
    padding: 10px 0 11px;
    margin-bottom: 16px;
    font-size: 1.1rem!important;
    font-weight: 500!important;
  }
  .responsive-numbox dd {
    float: none;
    width: 100%;
    padding: .4rem 1rem;
    font-size: 1.1rem!important;
  }
  .responsive-dotbox {
    padding-bottom: 16px;
  }
  .responsive-dotbox dt {
    overflow: hidden;
    width: 100%;
    padding: 10px 0 11px;
    margin-bottom: 16px;
    font-size: 1.1rem!important;
    font-weight: 500!important;
  }
  .responsive-dotbox dd {
    float: none;
    width: 100%;
    padding: .4rem 1rem;
    font-size: 1.1rem!important;
  }
  .responsive-dotbox dd.middledot {
    padding-left: 2rem;
  }
  .responsive-dotbox dd::before {
    left: 1rem;
    text-align: left;
  }
  .responsive-dotbox .simple {
    padding: 0 1rem;
  }
  .imgbox-desc {
    max-width: 100%;
    min-height: auto;
    padding: 1.6rem 1rem;
  }
  .imgbox-desc dt {
    padding-bottom: 1.2rem;
    font-size: 1.4rem!important;
  }
  .imgbox-desc dd {
    line-height: 2!important;
    font-size: 1.1rem!important;
  }
  .imgbox-desc-simple {
    max-width: 100%;
    min-height: 6rem;
    padding: 16px 10px;
    font-size: 1.1rem!important;
  }
  .imgbox-desc-simple h3 {
    font-size: 1.1rem!important;
    padding-bottom: 10px;
  }
  .imgbox-desc-simple.single {
    min-height: 6rem!important;
  }
  .imgbox-desc-simple.single h3 {
    padding-bottom: 0
  }
  .info-desc {
    padding-bottom: 16px;
    font-size: 1.1rem!important;
  }
  .step-box {
    max-width: 100%;
    min-height: 21.6rem;
    padding-bottom: 16px;
  }
  .step-box .title {
    padding: 10px 0 11px;
    margin-bottom: 16px;
    font-size: 1.1rem!important;
  }
  .step-box dl {
    margin-bottom: 10px;
  }
  .step-box dt {
    margin: 0 10px;
    font-size: 1.1rem!important;
  }
  .step-box dd {
    margin: 0 10px;
    font-size: 1.1rem!important;
  }
  .link-box {
    padding: 8px 10px;
  }
  .link-box .left,
  .link-box .right {
    float: none;
    display: block;
  }
  .link-box .left {
    padding-bottom: 8px
  }
  .link-box span {
    font-size: 1.1rem!important;
    line-height: 1.2!important;
  }
  .current-box {
    overflow: hidden;
    max-width: 100%;
    min-height: 21.6rem;
    padding-bottom: 16px;
  }
  .current-box .title {
    overflow: hidden;
    width: 100%;
    padding: 11px 0 12px;
    margin-bottom: 16px;
    font-size: 1.1rem!important;
  }
  .current-box dl {
    margin-bottom: 10px;
  }
  .current-box dt {
    margin: 0 10px;
    font-size: 1.1rem!important;
  }
  .current-box dd {
    margin: 0 10px;
    font-size: 1.1rem!important;
  }
  .logo-box {
    width: 50%;
    padding: 4px;
  }
  .case-header {
    min-height: auto;
    padding: 16px 0;
    border-bottom: 0;
  }
  .case-header img {
    max-width: 19rem!important;
  }
  .case-header-desc {
    min-height: auto;
    padding: 16px 10px;
    border: 1px solid #d2d2d2;
    text-align: center;
  }
  .case-header-desc h1 {
    padding-bottom: 8px;
    font-size: 1.4rem!important;
    font-weight: 500!important;
  }
  .case-header-desc p {
    font-size: 1.1rem!important;
  }
  .paper-type .paper-left {
    float: none;
    width: 100%;
    margin: 0 0 16px 0;
  }
  .paper-type .paper-left iframe {
    height: 190px!important;
  }
  .paper-type .paper-right h3 {
    padding-bottom: 16px;
    font-size: 1.4rem!important;
  }
  .paper-type .paper-right p {
    line-height: 1.6!important;
    font-size: 1.1rem!important;
  }
  .paper-type .paper-left img {
    width: 100%;
  }
  .about-company-info {
    min-height: auto;
    padding: 16px 10px;
  }
  .about-company-info dt {
    font-size: 1.1rem!important;
  }
  .about-company-info dd {
    font-size: 1.1rem!important;
  }
  .about-map iframe {
    max-height: 17rem;
  }
  .vmware-advantage-box {
    min-height: auto;
    padding: 16px 10px;
  }
  .vmware-advantage-box h3 {
    font-size: 1.1rem!important;
  }
  .vmware-advantage-box h3 br {
    display: none!important;
  }
  .vmware-advantage-box p {
    font-size: 1.1rem!important;
  }
  .tab-list ul[row="3"] li {
    padding-bottom: 20px;
  }
  .vmware-case .img {
    display: none;
  }
  .vmware-case .txt {
    padding: 16px 10px;
  }
  .vmware-case h3 {
    padding-bottom: 10px;
    line-height: 1!important;
    font-size: 1.4rem!important;
    font-weight: 500!important;
  }
  .vmware-case p {
    line-height: 1.6!important;
    font-size: 1.1rem!important;
    margin-bottom: 10px!important;
  }
  .vmware-case dt {
    font-size: 1.2rem!important;
  }
  .vmware-case dd {
    line-height: 1.6!important;
    font-size: 1.1rem!important;
  }
  .vmware-promo-img {
    padding: 20px 0;
    border-right-width: 1px;
    border-bottom-width: 0;
  }
  .vmware-promo-img img {
    max-width: 70%!important;
  }
  .vmware-promo-text {
    min-height: 100%;
    padding: 18px 10px;
    border-left-width: 1px;
    border-top-width: 0;
  }
  .vmware-promo-text .title-main {
    margin-top: 10px!important;
    margin-bottom: 16px!important;
    font-size: 1.7rem!important;
  }
  .vmware-promo-text .title-main span {
    font-size: 1.7rem!important;
  }
  .vmware-promo-text .title-sub {
    margin-bottom: 16px!important;
    font-size: 1.4rem!important;
  }
  .vmware-promo-text .title-sub span {
    font-size: 1.4rem!important;
    font-weight: 600!important;
  }
  .vmware-promo-text .description {
    margin-bottom: 10px!important;
  }
  .vmware-promo-text .dot-list {
    margin-bottom: 10px!important;
  }
  .vmware-promo-text .dot-list li {
    font-size: 1.1rem!important;
  }
  .vmware-promo-text .dot-list+p {
    text-align: center;
  }
  .market-process-box.desktop {
    display: none;
  }
  .market-process-box.mobile {
    display: block;
  }
  .market-process-box.mobile img {
    max-width: 50%;
  }
  .spread-item {
    min-height: 3.7rem;
  }
  .spread-item .spread-title {
    width: 40%;
    max-width: 40%;
  }
  .spread-item .spread-title h3 {
    padding: 12px 0 13px 20px;
    font-size: 1.1rem!important;
  }
  .spread-item .spread-btn {
    top: 12px;
    right: 10px;
    width: 1.5rem;
    height: 1.5rem;
  }
  .spread-item .spread-list {
    width: 60%;
    max-width: 60%;
    margin: 12px 0 5px!important;
  }
  .spread-item .spread-list>ul>li {
    width: 100%;
    max-width: 100%;
    margin-bottom: 8px;
    line-height: 1!important;
    font-size: 1.1rem!important;
  }
  .spread-item .spread-list h4 {
    line-height: 1!important;
    font-size: 1.1rem!important;
  }
  .spread-item .sub-link {
    margin-top: 8px!important;
  }
  .spread-item .sub-link li {
    line-height: 1.6;
    font-size: 1.1rem!important;
  }
  .spread-item .sub-link a {
    line-height: 1.6;
    font-size: 1.1rem!important;
  }
  .clients-header {
    min-height: auto;
    padding: 16px 10px;
  }
  .clients-header img {
    max-width: 19rem!important;
  }
  .clients-header-desc {
    min-height: auto;
    padding: 16px 10px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-top-width: 0;
  }
  .clients-header-desc p {
    font-size: 1.1rem!important;
  }
  .saas-biz-header {
    min-height: auto;
    padding: 16px 10px;
  }
  .saas-biz-header-desc {
    min-height: auto;
    padding: 16px 10px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-top-width: 0;
  }
  .saas-biz-header-desc p {
    font-size: 1.1rem!important;
  }
  .competency-leftbox {
    width: 100%;
    max-width: 100%;
  }
  .competency-markbox .wpb_wrapper {
    width: 100%;
    max-width: 100%;
  }
  .competency-markbox .vc_single_image-wrapper {
    width: 100%;
    padding: 10px;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    text-align: center;
  }
  .competency-markbox .vc_single_image-wrapper img {
    max-width: 12.5rem
  }
  .competency-rightbox {
    padding-left: 0;
    border-left: 0;
  }
  .competency-rightbox .flex-contents-col4 .aio-icon-box {
    max-width: 100%;
  }
  .competency-desc h3 {
    padding: 0 0 16px;
    font-size: 1.4rem!important;
  }
  .competency-desc p {
    padding-bottom: 16px;
    font-size: 1.1rem!important;
  }
  .competency-desc li {
    font-size: 1.1rem!important;
  }
  .competency-rightbox .text-box {
    padding: 20px 10px;
  }
  .competency-rightbox .text-box h3 {
    padding-bottom: 10px;
    font-size: 1.2rem!important;
  }
  .competency-rightbox .text-box p {
    font-size: 1.1rem!important;
  }
  .migration-moviebox {
    max-width: 100%;
  }
  .migration-moviebox .movie-wrap,
  .migration-moviebox .movie-wrap iframe {
    height: 190px;
  }
  .migration-moviebox .desc h3 {
    padding: 16px 0;
    font-size: 1.4rem!important;
  }
  .privacy-section .wpb_single_image img {
    display: block;
    max-width: 120px;
    max-height: 6rem;
    width: auto;
    margin-bottom: 25px;
  }
  .guide-wrap {
    background-color: transparent;
    border: 0;
    padding: 0;
  }
  .guide-title h1 {
    font-size: 1.7rem!important;
    padding-bottom: 8px!important;
  }
  .guide-title h2 {
    font-size: 1.1rem!important;
    font-weight: 400!important;
  }
  .guide-desc {
    padding: 0;
  }
  .guide-desc h1 {
    padding-bottom: 1em!important;
    font-size: 1.2rem!important;
  }
  .guide-desc h2 {
    padding-bottom: 1em!important;
    font-size: 1.1rem!important;
  }
  .guide-desc .dot-list {
    font-size: 1.1rem!important;
  }
  .guide-desc .dot-list li {
    padding-left: 10px;
    padding-bottom: 8px!important;
    word-break: keep-all;
    line-height: 1.4;
    font-size: 1.1rem;
  }
  .guide-desc .dot-list li::before {
    content: "\00B7";
    position: absolute;
    left: 0;
    text-align: center;
  }
  .guide-desc .dot-list span {
    font-size: 1.1rem;
  }
  .guide-desc .process-box {
    list-style: none;
  }
  .guide-desc .process-box li {
    min-width: 12rem;
    padding: 1.2rem .5rem;
    margin-right: 2.5rem;
    margin-bottom: 1rem!important;
    font-size: 1.1rem!important;
  }
  .guide-desc .process-box li::before {
    content: '';
    position: absolute;
    top: 1.25rem;
    right: -1.5rem;
    padding: .3rem;
    width: .25rem;
    height: .25rem;
    margin-top: 0;
    border: solid #ccc;
    border-width: 0 3px 3px 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .side-iconbox .aio-icon-left {
    display: block!important;
    width: 100%;
    height: auto;
    padding: 10px 0;
    border-bottom: 0;
  }
  .side-iconbox h3.aio-icon-title {
    text-align: center;
    margin: 16px 0!important;
    font-size: 1.4rem!important;
  }
  .side-iconbox .aio-icon-header+.aio-icon-description {
    margin-top: 0!important;
    margin-bottom: 16px!important;
  }
  .side-iconbox .aio-ibd-block .saas-biz-desc {
    font-size: 1.1rem !important
  }
  .side-iconbox .aio-ibd-block {
    border-left-width: 1px;
  }
  .side-iconbox .aio-ibd-block .btns-box {
    margin-bottom: 16px!important;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* custom-element styles */
  .vc_col-sm-4,
  .vc_col-sm-8 {
    width: 50%;
  }
  .flex-contents-col6,
  .flex-contents-col4,
  .flex-contents-col3,
  .flex-contents-col1_5 {
    margin: 0 -5px
  }
  .flex-contents-col3>.wpb_column,
  .flex-contents-col4>.wpb_column,
  .flex-contents-col6>.wpb_column {
    width: 50%;
    margin: auto;
    padding: 0 5px !important
  }
  .flex-contents-col1_5>.wpb_column {
    margin: auto;
    padding: 0 5px!important;
  }
  .flex-contents-col4 .aio-icon-box {
    width: 100%;
    max-width: 369px;
  }
  .flex-contents-col6 div.wpcf7 {
    padding: 5px !important
  }
  .flex-contents-t-col12>.wpb_column {
    width: 100%!important;
  }
  .custom-flex-t-col4 {
    margin: 0 -5px;
  }
  .custom-flex-t-col4>.wpb_column {
    margin: 0!important;
  }
  .custom-flex-t-col4 .responsive-infobox {
    width: 33.3333%!important;
    padding: 5px!important;
  }
  .custom-flex-t-col6 {
    margin: 0 -5px;
  }
  .custom-flex-t-col62>.wpb_column {
    margin: -5px 0;
  }
  .custom-flex-t-col6 .responsive-infobox {
    width: 50%;
    padding: 5px;
  }
  .custom-flex-m-col12 {
    margin: 0 -5px;
  }
  .custom-flex-m-col12>.wpb_column {
    margin: -5px 0;
  }
  .custom-flex-m-col12 .responsive-infobox {
    width: 50%;
    padding: 5px;
  }
  /* contents styles */
  .movie-box.youtube-box {
    height: 266px;
    border-bottom: 1px solid #d2d2d2;
    border-right: 0;
  }
  .movie-box iframe {
    height: 266px!important;
  }
  .responsive-infobox.management .aio-icon-box {
    min-height: 340px;
  }
  .responsive-infobox.apac-partner .aio-icon-top {
    height: 242px;
    max-height: 100%;
  }
  .responsive-infobox.apac-partner .aio-icon-top .aio-icon-img {
    max-height: 100%;
  }
  .responsive-infobox.simple-box .aio-icon-box {
    min-height: auto;
  }
  .responsive-infobox.eduservice-box .aio-icon-box {
    min-height: 12.5rem;
  }
  .responsive-infobox.clients .aio-icon-box {
    min-height: 100%;
  }
  .responsive-infobox.clients .clients-desc {
    min-height: 66px;
  }
  .responsive-infobox.clients .clients-desc+p {
    padding: 16px 0;
  }
  .responsive-infobox.market-product .aio-icon-box {
    min-height: 280px;
  }
  .responsive-infobox.security .aio-icon-box {
    min-height: 580px;
  }
  .current-box {
    min-height: 306px;
  }
  .mobile-moviebox {
    height: 246px!important;
  }
  .mobile-moviebox iframe {
    height: 246px!important;
  }
  .logo-box {
    width: 25%;
    padding: 5px;
  }
  .case-header {
    min-height: 140px;
    border-bottom: 1px solid #d2d2d2;
    border-right: 0;
  }
  .case-header-desc {
    min-height: 140px;
    padding: 32px 10px;
  }
  .about-company-info {
    min-height: 246px;
  }
  .clients-header {
    min-height: 122px;
    padding: 32px 10px;
    border-right: 0;
  }
  .clients-header-desc {
    padding: 19.5px 10px;
    background-color: #fff;
    border-top: 1px solid #d2d2d2;
  }
  .saas-biz-header {
    min-height: 200px;
    padding: 79px 10px;
    border-right: 0;
  }
  .saas-biz-header-desc {
    min-height: 200px;
    border-top-width: 1px;
  }
  .paper-type .paper-left iframe {
    height: 380px !important
  }
  .vmware-promo-img {
    min-height: 326px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 0;
  }
  .vmware-promo-text {
    border-top-width: 1px;
    border-left-width: 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1170px) {
  /* header-styles */
  .top-bar {
    padding: 0 10px!important;
  }
  .branding {
    padding: 14px 10px;
  }
  .ph-wrap .menu-box {
    width: 100%;
  }
  /* header-styles - sub nav styles */
  .submega-menu .dt-mega-menu-wrap>.sub-nav {
    padding-right: 0;
  }
  .submega-menu .sub-nav .submenu-title {
    left: 10px;
  }
  .submega-menu .sub-nav .submenu-banner {
    display: none !important
  }
  /* vc-custom styles */
  .vc_row.wpb_row.vc_inner.vc_row-fluid {
    padding: 0 10px;
  }
  .vc_col-sm-4 {
    width: 33.33%;
    width: calc(100%/3);
    width: -webkit-calc(100%/3);
    width: -moz-calc(100%/3);
  }
  /*
    SUB-PAGE STYLES
  */
  /* header-title styles */
  .fancy-header .hgroup {
    padding: 0 10px!important;
  }
  /* custom-element styles */
  .vc_col-sm-4 {
    width: 33.33333333%;
  }
  .vc_col-sm-8 {
    width: 66.66666667%
  }
  .ult-spacer[data-height="16"] {
    height: 10px;
  }
  .contents-title p br {
    display: none
  }
  .flex-contents-col1_5,
  .flex-contents-col3,
  .flex-contents-col4,
  .flex-contents-col6 {
    margin: 0 -5px;
  }
  .flex-contents-col1_5>.wpb_column,
  .flex-contents-col3>.wpb_column,
  .flex-contents-col4>.wpb_column,
  .flex-contents-col6>.wpb_column {
    padding: 5px!important;
    margin: -5px 0;
  }
  .flex-contents-col4 .aio-icon-box {
    max-width: 100%;
  }
  .flex-contents-col3>.wpb_column {
    width: 25%;
  }
  .flex-contents-col6 div.wpcf7 {
    margin: 0 -5px!important;
    padding: 0!important;
  }
  .custom-flex-col4 {
    margin: 0 -5px;
  }
  .custom-flex-col4>.wpb_column {
    margin: -5px 0;
  }
  .custom-flex-col4 .responsive-infobox {
    padding: 5px;
  }
  .responsive-infobox .aio-icon-box {
    min-height: 448px;
  }
  .responsive-infobox.con-mid .aio-icon-box {
    min-height: 448px;
  }
  .responsive-infobox .aio-icon-box br {
    display: none;
  }
  .responsive-infobox.discover h3.aio-icon-title {
    letter-spacing: -.05em !important
  }
  .responsive-infobox.design .aio-icon-box {
    min-height: 396px;
  }
  .responsive-infobox.build .aio-icon-box {
    min-height: 320px;
  }
  .responsive-infobox.management .aio-icon-box {
    min-height: 448px;
  }
  .responsive-infobox.apac-partner .aio-icon-top {
    height: 160px;
  }
  .responsive-infobox.apac-partner .aio-icon-box {
    min-height: 256px;
  }
  .responsive-infobox.clients .clients-desc {
    min-height: 118px;
  }
  .responsive-infobox.clients .aio-icon-box {
    min-height: 418px;
  }
  .responsive-infobox.clients .clients-desc {
    min-height: 135px;
  }
  .responsive-infobox.clients .clients-desc+p {
    padding: 20px 0;
  }
  .responsive-infobox.case-box .aio-icon-box {
    min-height: 196px;
  }
  .responsive-infobox.market-product .aio-icon-box {
    min-height: 446px;
  }
  .responsive-infobox.market-occupation h3.aio-icon-title {
    padding: 0 20px;
  }
  .responsive-infobox.market-occupation .aio-icon-box {
    min-height: 244px;
  }
  .responsive-infobox.case-box h4.aio-icon-title {
    min-height: 78px;
  }
  .responsive-infobox.security .aio-icon-box {
    min-height: 680px;
  }
  .responsive-dotbox dd {
    padding: 10px 15px 10px 30px;
    letter-spacing: -0.04em;
  }
  /* module */
  .responsive-table .longdesc br {
    display: none;
  }
  /* contents styles */
  .contents-imgbox .desc {
    min-height: 88px;
  }
  .movie-box.youtube-box {
    height: 340px;
  }
  .movie-box iframe {
    height: 340px!important;
  }
  .movie-desc br {
    display: none;
  }
  .mobile-moviebox {
    height: 340px !important
  }
  .mobile-moviebox iframe {
    height: 340px !important
  }
  .tab-list>ul {
    margin: -5px!important;
  }
  .tab-list>ul>li {
    width: 48%;
    width: calc(50% - 10px);
    width: -webkit-calccalc(50% - 10px);
    width: -moz-calc(50% - 10px);
    margin: 5px!important;
  }
  .applyform-box li {
    padding: 0 5px;
  }
  .current-box {
    min-height: 416px;
  }
  .case-header {
    padding: 29px 0;
  }
  .case-header,
  .case-header-desc {
    min-height: 160px
  }
  .paper-type .paper-left img {
    max-width: 500px;
  }
  .about-company-info {
    min-height: 340px;
  }
  .clients-header {
    min-height: 152px;
    padding: 24px 0;
  }
  .competency-rightbox {
    max-width: 100%;
    padding-left: 0;
  }
  .competency-rightbox .flex-contents-col4 .aio-icon-box,
  .competency-rightbox .flex-contents-col6 .aio-icon-box {
    max-width: 100%;
  }
  .responsive-numbox {
    min-height: 203px
  }
  .responsive-numbox dd {
    line-height: 1.4!important;
  }
  .logo-box {
    padding: 5px;
  }
  .clients-header-desc {
    display: table-cell;
    height: 152px;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
  }
  .competency-leftbox {
    max-width: 100%;
  }
  .competency-markbox {
    text-align: center!important;
  }
  .migration-moviebox {
    max-width: 100%;
  }
}
/* Japanese Custom Styles */
html,
body,
body.page,
.wf-container>* {
  font-family: 'Pretendard JP'!important;
}
h1,
h2,
h3,
h4,
h5,
h6,
button {
  font-family: 'Pretendard JP'!important;
}
input,
select,
textarea {
  font-family: 'Pretendard JP'!important;
}
.top-header .main-nav,
#phantom .main-nav {
  -webkit-justify-content: center!important;
  -moz-justify-content: center!important;
  -ms-flex-pack: center!important;
  -ms-justify-content: center!important;
  justify-content: center!important;
}
.branding .branding-logo a {
  width: 220px;
  height: 50px;
  background-image: url("https://img.megazonejapan.jp/2021/10/mz-logo-jp.png");
  background-repeat: no-repeat;
}
.branding .branding-logo img {
  display: none !important
}
.contents-imgbox .title {
  height: 262px;
}
.contents-imgbox .desc {
  height: 108px;
  padding: 0 10px;
}
.customer-infobox {
  padding: 40px 30px 0 40px;
}
#footer-wrap {
  min-height: auto;
}
.mz-logo {
  margin-bottom: 0;
}
.copy {
  padding: 30px 0 40px;
  border-top: 0;
}
.main-visual-counter .stats-block.num-billion .counter_suffix {
  line-height: 1;
}
.responsive-infobox.build .aio-icon-box {
  min-height: 360px;
}
.privacy-section p {
  font-weight: 400!important;
  letter-spacing: -0.025em;
}
.privacy-section ol, .privacy-section ul {
  margin-left: 20px!important;
}
.privacy-section ul {
  list-style-type: disc!important;
}
.privacy-section li {
  font-weight: 400!important;
  padding-bottom: 1rem;
}
.privacy-section td {
  font-weight: 400!important;
}
.privacy-subtitle {
  font-size: 2.2rem!important;
  font-weight: 500!important;
  margin-left: -.5em;
}
.form-box {
  font-size: 1.6rem!important;
  font-weight: 400!important;
}
.applyform-box input,
.applyform-box textarea {
  font-size: 1.6rem!important;
}
.applyform-box input[type="checkbox"]~.wpcf7-list-item-label {
  line-height: 1.5;
}
.wpcf7-validation-errors .wpcf7-not-valid-tip-text,
.wpcf7-validation-errors .wpcf7-valid-tip-text,
.wpcf7-mail-sent-ok .wpcf7-not-valid-tip-text,
.wpcf7-mail-sent-ok .wpcf7-valid-tip-text {
  font-family: 'Pretendard JP'!important;
}
.privacy-info {
  margin-bottom: 20px;
}
.privacy-info .privacy-link {
  margin-bottom: 20px;
}
.privacy-info p,
.privacy-info a {
  font-size: 1.6rem!important;
  color: #fff!important;
}
.privacy-info p {
  margin-bottom: 10px!important;
  font-weight: 300!important;
}
.privacy-info a {
  font-weight: 400!important;
  text-decoration: underline!important;
}
.privacy-box {
  overflow-y: scroll;
  max-height: 176px;
  border-radius: 5px;
  border: 1px solid #fff;
  padding: 10px;
}
.form-box .agreement p {
  margin-bottom: 10px!important;
  font-size: 1.6rem!important;
  font-weight: 300!important;
  color: #fff!important;
}
.clitents-jp .vc_col-sm-3 {
  margin-bottom: 14px;
}
.case-text h3 {
  margin-bottom: 22px!important;
  font-weight: 500!important;
  line-height: 1.35!important;
}
.case-text p {
  margin-bottom: 22px!important;
  color: #444!important;
  font-weight: 400!important;
  line-height: 1.66!important;
}
.customer-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 336px;
  border: 1px solid #d2d2d2;
}
.btns.more-jp {
  min-width: 160px;
  padding: 17px 0 19px;
  background-color: #0172db;
  border-radius: 6px;
  text-decoration: none!important;
  font-weight: 500!important;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .branding .branding-logo {
    max-width: none;
  }
  .branding .branding-logo a {
    width: 11rem;
    height: 2.5rem;
    background-size: 100%;
  }
  .m-isms-logo {
    display: none!important;
  }
  p {
    word-break: break-word;
  }
  .main-visual-counter .stats-block.num-billion .counter_suffix {
    font-size: 1.5rem!important;
    line-height: 2.5rem;
  }
  .responsive-infobox.build .aio-icon-box {
    min-height: 17.4rem;
  }
  .contents-desc {
    padding: 0;
  }
  .content-infobox {
    min-height: 16.5rem
  }
  .content-infobox p {
    line-height: 1.4!important;
    font-size: 1rem!important;
    padding: 0 10px;
  }
  .contents-imgbox .title {
    height: 1rem;
  }
  .contents-imgbox .desc {
    height: auto!important;
    padding-bottom: 40px!important;
  }
  .customer-infobox {
    padding: 25px 0;
  }
  .customer-infobox .customer-interview br {
    display: none!important;
  }
  .consulting-link {
    display: none;
  }
  .mobile-contact {
    display: none;
  }
  .privacy-subtitle {
    font-size: 1.1rem!important;
  }
  .form-box {
    font-size: 1.1rem!important;
  }
  .form-box .agreement p {
    font-size: 1.1rem!important;
  }
  .applyform-box input,
  .applyform-box textarea {
    font-size: 1.1rem!important;
  }
  .privacy-info p,
  .privacy-info span {
    font-size: 1.1rem!important;
  }
  .privacy-info a {
    font-size: 1.1rem!important;
    display: block!important;
  }
  .mz-logo img {
    max-width: 10.5rem!important;
  }
  .customer-logo {
    min-height: auto;
  }
  .case-text h3 {
    font-size: 1.5rem!important;
  }
  .img-largebox {
    height: auto;
    padding: 1rem;
  }
  .responsive-numbox dt {
    letter-spacing: -0.05em;
  }
  .responsive-numbox dd {
    letter-spacing: -0.05em;
  }
  .responsive-dotbox dt {
    letter-spacing: -0.05em;
  }
  .responsive-dotbox dd {
    letter-spacing: -0.05em;
  }
  #case-study .contents-title {
    padding: 2rem 1rem 1rem;
  }
  #case-study .contents-title .sub-desc {
    font-size: 1.4rem!important;
  }
  #case-study .text-area p {
    padding-bottom: 1.5rem;
    font-size: 1.2rem!important;
  }
  #case-study .text-area h2 {
    line-height: 1.4!important;
    padding-bottom: 2rem;
    font-size: 1.7rem!important;
    word-break: break-all;
  }
  #case-study .effect-list {
    flex-direction: column;
  }
  #case-study .effect-item {
    max-width: 100%;
    margin-bottom: 20px!important;
    margin: 0 auto;
  }
  #case-study .effect-item:nth-child(2n) {
    margin-bottom: 0;
  }
  #case-study .effect-item .title {
    width: auto;
    height: 40px;
  }
  #case-study .desc-box {
    min-height: auto;
  }
  #case-study .desc-item .desc {
    font-size: 1.2rem!important;
  }
  #case-study .desc-item em {
    font-size: 1.2rem;
  }
  #case-study .desc-item .emph {
    font-size: 1.2rem;
  }
  #case-study .info-wrap h3 {
    line-height: 1.4!important;
    font-size: 1.6rem!important;
  }
  #case-study .info-wrap dl {
    flex-direction: column;
  }
  #case-study .info-wrap .title {
    width: auto;
    font-size: 1.2rem;
  }
  #case-study .info-wrap dd {
    font-size: 1.2rem;
  }
  #case-study .refer-box .refer {
    padding-top: 1rem;
    font-size: 1.1rem!important;
  }
  #case-study .img-area {
    flex-direction: column;
  }
  #case-study .img-area .img-box {
    max-width: 100%;
    margin-bottom: 2rem;
  }
  #case-study .img-area .img-box:nth-child(2n) {
    max-width: 100%;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .customer-logo {
    width: 100%;
  }
  .customer-infobox {
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  .main-nav > li > a {
    margin: 0 1vw!important;
  }
  .main-nav > li:first-of-type > a {
    margin-left: 0!important;
  }
  .main-nav > li:last-of-type > a {
    margin-right: 0!important;
  }
  .contents-title br {
    display: block!important;
  }
}