@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*COMMON-----------------------------------------------------------------------------------------------------------------*/
/* --------------------
リセット追加
-------------------- */
input[type="text"], input[type="tel"], input[type="mail"], textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
}

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

/* --------------------
基本設定
-------------------- */
html {
  overflow-y: scroll;
}

html.msie body {
  font-size: 100%;
}

html.no-msie body {
  font-size: 16px;
}

html.iphone a:hover, html.ipod a:hover, html.ipad a:hover, html.android a:hover {
  opacity: 1.0 !important;
}

html.iphone a:hover img, html.ipod a:hover img, html.ipad a:hover img, html.android a:hover img {
  opacity: 1.0 !important;
}

body {
  background: #fff;
  -webkit-text-size-adjust: 100%;
  text-align: center;
  color: #000;
  font-family: "Helvetica Neue", "Noto Sans JP", sans-serif !important;
  font-weight: normal;
  line-height: 1.5;
  font-feature-settings: "palt";
}

body {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

a {
  text-decoration: underline;
}

a:link, a:visited {
  color: #06c;
}

a:hover, a:active {
  color: #09f;
}

@media (max-width: 768px) {
  a:hover, a:active {
    color: #06c;
  }
}

img {
  vertical-align: bottom;
}

/*サイト設定-------------------------------------------------------------------------------------------------------------*/
/* カラー */
/* 文字サイズ */
/* 文字サイズ（SP） */
.IsSp {
  display: none;
}

@media (max-width: 768px) {
  .IsSp {
    display: block;
  }
}

.IsPc {
  display: block;
}

@media (max-width: 768px) {
  .IsPc {
    display: none;
  }
}

img {
  display: block;
  width: 100%;
  height: auto;
}

#wiseSystems * {
  box-sizing: border-box;
  letter-spacing: 0;
  color: #000;
  font-family: "Helvetica Neue", "Noto Sans JP", sans-serif !important;
  font-weight: 400;
  line-height: 1.5;
  font-feature-settings: "palt";
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

#wiseSystems {
  position: relative;
  overflow: hidden;
  padding-top: 80px;
}

@media (max-width: 768px) {
  #wiseSystems {
    padding-top: 0;
  }
}

#wiseSystems .contWrap {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 50px;
}

@media (max-width: 768px) {
  #wiseSystems .contWrap {
    padding: 0 24px;
  }
}

#wiseSystems .circle {
  display: inline-block;
  width: .7em;
  height: .7em;
  margin: 0 .1em;
  background-color: #fff;
  border-radius: 20px;
}

#wiseSystems .kv .kvTop {
  width: 100%;
  height: 378px;
  background-image: url(/wp-content/uploads/2023/09/kv_bg.jpg);
  background-position: center center;
  background-size: cover;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvTop {
    height: calc(21vw + 140px);
  }
}

#wiseSystems .kv .kvTop .contWrap {
  height: 100%;
}

#wiseSystems .kv .kvTop .contWrap .rightWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#wiseSystems .kv .kvTop .contWrap .rightWrap .kvCopy {
  text-align: center;
  letter-spacing: .1em;
  color: #fff;
  font-size: 38px;
  font-size: clamp(21px, calc(.1vw * 38 - 38px * .1), 38px);
  font-weight: 600;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvTop .contWrap .rightWrap .kvCopy {
    font-size: clamp(22px, calc(22vw / 3.75), 33px);
  }
}

#wiseSystems .kv .kvBtm {
  width: 100%;
  height: auto;
  background: #f4f4f4;
  background: linear-gradient(#fff, #f4f4f4);
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvBtm {
    height: auto;
    padding: 10px 0 35px;
  }
}

#wiseSystems .kv .kvBtm .contWrap {
  display: flex;
  height: 100%;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvBtm .contWrap {
    display: block;
  }
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmWise {
  flex: 1 3 795px;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvBtm .contWrap .kvBtmWise {
    max-width: 500px;
    margin: 0 auto;
  }
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmWise .kvBtmWiseInner {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 11% 0;
  background-image: url(/wp-content/uploads/2023/09/laptop_report.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 73% auto;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvBtm .contWrap .kvBtmWise .kvBtmWiseInner {
    flex: none;
    margin: 0 auto;
    padding: 9% 0 9% 5%;
    background-size: 48% auto;
  }
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmWise .kvBtmWiseInner .kvBtmWiseHead {
  width: 37%;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvBtm .contWrap .kvBtmWise .kvBtmWiseInner .kvBtmWiseHead {
    width: 54%;
  }
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmWise .kvBtmWiseInner .kvBtmWiseHead > p {
  margin-top: 12px;
  font-size: 15px;
  font-size: clamp(11px, calc(.1vw * 15 - 15px * .1), 15px);
  line-height: 1.89;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvBtm .contWrap .kvBtmWise .kvBtmWiseInner .kvBtmWiseHead > p {
    margin-top: 8px;
    font-size: 10px;
    font-size: clamp(10px, calc(10vw / 3.75), 15px);
  }
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmNews {
  display: flex;
  align-items: center;
  flex: 1 1 211px;
  padding: 4% 0;
  text-align: left;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvBtm .contWrap .kvBtmNews {
    flex: none;
    margin-top: 12px;
    padding: 0;
  }
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner {
  width: 100%;
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner .kvBtmNewsHead {
  position: relative;
  display: flex;
  padding-bottom: 18px;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner .kvBtmNewsHead {
    padding-bottom: 12px;
  }
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner .kvBtmNewsHead::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50vw;
  height: 1px;
  background: #000;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner .kvBtmNewsHead::after {
    width: 100%;
  }
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner .kvBtmNewsHead h3 {
  width: calc(100% - 72px);
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner .kvBtmNewsHead h3 {
    font-size: 20px;
  }
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner .kvBtmNewsHead > a {
  position: relative;
  display: flex;
  align-items: center;
  width: 72px;
  height: 26px;
  padding: 0 0 0 13px;
  border: 1px solid #000;
  border-radius: 4px;
  color: #000;
  font-size: 12px;
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner .kvBtmNewsHead > a::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 10px;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transition: all .1s linear;
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner .kvBtmNewsHead > a:hover {
  opacity: .7;
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner .kvBtmNewsHead > a:hover::after {
  right: 7px;
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner > dl {
  padding: 10% 0 1.5%;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner > dl {
    padding: 18px 0 0;
  }
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner > dl dt {
  font-size: 12px;
  font-size: clamp(10px, calc(.1vw * 12 - 12px * .1), 12px);
  font-weight: 700;
  line-height: 1.7;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner > dl dt {
    font-size: 11px;
  }
}

#wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner > dl dd {
  margin-top: 2px;
  font-size: 14px;
  font-size: clamp(11px, calc(.1vw * 14 - 14px * .1), 14px);
  line-height: 1.7;
}

@media (max-width: 768px) {
  #wiseSystems .kv .kvBtm .contWrap .kvBtmNews .kvBtmNewsInner > dl dd {
    font-size: 12px;
  }
}

#wiseSystems nav {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  height: 80px;
  background: #6c8dc0;
  z-index: 10;
}

@media (max-width: 768px) {
  #wiseSystems nav {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: calc(100vh + 200px);
    padding: 0;
  }
  #wiseSystems nav.openNav {
    display: block;
  }
}

#wiseSystems nav .navInner {
  display: flex;
  align-items: center;
  width: 97%;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  #wiseSystems nav .navInner {
    display: block;
    height: 100%;
    padding: calc(7% + 60px) 7% 0;
  }
}

#wiseSystems nav .navInner .logoIcon {
  flex: 1 11 258px;
}

@media (max-width: 768px) {
  #wiseSystems nav .navInner .logoIcon {
    padding: 9% 0;
  }
  #wiseSystems nav .navInner .logoIcon img {
    width: 24%;
    max-width: 120px;
    margin: 0 auto;
  }
}

#wiseSystems nav .navInner .logoIcon img {
  width: 238px;
  max-width: 96%;
}

#wiseSystems nav .navInner .navUl {
  display: flex;
  flex: 1 5 672px;
  height: 100%;
}

@media (max-width: 768px) {
  #wiseSystems nav .navInner .navUl {
    display: block;
    height: auto;
  }
}

#wiseSystems nav .navInner .navUl li {
  width: calc(100% / 6);
  height: 100%;
}

@media (max-width: 768px) {
  #wiseSystems nav .navInner .navUl li {
    width: 100%;
    height: auto;
  }
}

#wiseSystems nav .navInner .navUl li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 13px;
  font-size: clamp(10px, calc(.083vw * 13 - 13px * .083), 13px);
  font-weight: 600;
  line-height: 1;
}

@media (max-width: 768px) {
  #wiseSystems nav .navInner .navUl li a {
    padding: .8em 0;
    letter-spacing: .05em;
    font-size: 18px;
  }
}

#wiseSystems nav .navInner .navUl li a:hover {
  background-color: #98afd3;
}

@media (min-width: 769px) {
  #wiseSystems nav .navInner .navUl li a.current {
    background-color: #e2e8f3;
    color: #32679c;
  }
  #wiseSystems nav .navInner .navUl li a.current:hover {
    background-color: #f1f4f9;
    color: #32679c;
  }
}

#wiseSystems nav .navInner .navRequestWrap {
  flex: 1 6 270px;
}

@media (max-width: 768px) {
  #wiseSystems nav .navInner .navRequestWrap {
    margin-top: 8%;
  }
}

#wiseSystems nav .navInner .navRequestWrap .navRequest {
  display: flex;
  align-items: center;
  width: 94%;
  max-width: 200px;
  margin: 0 0 0 auto;
  padding: 2.5% 4%;
  background-color: #ffb532;
  background-image: url(/wp-content/uploads/2023/09/arrow.svg);
  background-repeat: no-repeat;
  background-position: right 4% center;
  background-size: 9% auto;
  border-radius: 4px;
  text-align: left;
  transition: background-position .1s linear;
}

@media (max-width: 768px) {
  #wiseSystems nav .navInner .navRequestWrap .navRequest {
    width: 100%;
    max-width: none;
    height: auto;
    padding: 14px 6%;
    background-position: right 5% center;
    background-size: 20px auto;
    border-radius: 6px;
  }
}

#wiseSystems nav .navInner .navRequestWrap .navRequest:hover {
  background-color: #ffc359;
  background-position: right 2.5% center;
}

#wiseSystems nav .navInner .navRequestWrap .navRequest .navRequestTxt {
  color: #fff;
  font-size: 12px;
  font-size: clamp(10px, calc(.083vw * 12 - 12px * .083), 12px);
  font-weight: 600;
  line-height: 1.35;
}

@media (max-width: 768px) {
  #wiseSystems nav .navInner .navRequestWrap .navRequest .navRequestTxt {
    font-size: 16px;
    line-height: 1.5;
  }
}

@media (min-width: 769px) {
  #wiseSystems nav.fix {
    position: fixed;
    top: 0;
  }
}

#wiseSystems .navBtn {
  display: none;
}

@media (max-width: 768px) {
  #wiseSystems .navBtn {
    position: fixed;
    top: 65px;
    right: 5px;
    display: block;
    width: 50px;
    height: 50px;
    background-color: rgba(108, 141, 192, 0);
    border-radius: 100px;
    transition: .3s;
    z-index: 11;
  }
  #wiseSystems .navBtn.navBtnBg {
    background-color: #6c8dc0;
    transition: .3s;
  }
  #wiseSystems .navBtn span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 39%;
    height: 1.5px;
    background-color: #fff;
    transition: .4s ease-in-out;
  }
  #wiseSystems .navBtn span:nth-child(1) {
    top: 36%;
  }
  #wiseSystems .navBtn span:nth-child(3) {
    top: 64%;
  }
  #wiseSystems .navBtn.openNavBtn span {
    width: 50%;
  }
  #wiseSystems .navBtn.openNavBtn span:nth-child(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  #wiseSystems .navBtn.openNavBtn span:nth-child(2) {
    width: 0;
  }
  #wiseSystems .navBtn.openNavBtn span:nth-child(3) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(135deg);
  }
}

#wiseSystems .sec {
  position: relative;
}

#wiseSystems .sec .secHead {
  transform: translateX(-5%);
  width: 9.1vw;
  max-width: 118px;
  transition: all .5s .3s ease;
}

@media (max-width: 768px) {
  #wiseSystems .sec .secHead {
    width: 15.5vw;
    max-width: 84px;
  }
}

#wiseSystems .sec .secHead.hidden {
  transform: translate(-5%, 20px);
}

#wiseSystems .sec .secHead .secHeadTxt01, #wiseSystems .sec .secHead .secHeadTxt02 {
  margin-top: 12%;
  padding-left: 2px;
  letter-spacing: .1em;
  color: #808080;
  font-size: 22px;
  font-size: clamp(14px, calc(.1vw * 22 - 22px * .1), 22px);
  font-weight: 600;
  line-height: 1.36;
}

@media (max-width: 768px) {
  #wiseSystems .sec .secHead .secHeadTxt01, #wiseSystems .sec .secHead .secHeadTxt02 {
    font-size: 11px;
    font-size: clamp(11px, calc(11vw / 3.75), 16.5px);
  }
}

#wiseSystems .sec .secHead .secHeadTxt02 {
  letter-spacing: .15em;
}

#wiseSystems .sec h3 {
  margin-top: -2.05em;
  color: #6cace4;
  font-size: 38px;
  font-size: clamp(21px, calc(.1vw * 38 - 38px * .1), 38px);
  font-weight: 600;
  line-height: 1.5;
  transition: all .5s .3s ease;
}

@media (max-width: 768px) {
  #wiseSystems .sec h3 {
    margin-top: .8em;
    font-size: 19px;
    font-size: clamp(19px, calc(19vw / 3.75), 28.5px);
  }
}

#wiseSystems .sec h3.lowerHead {
  margin-top: .3em;
}

#wiseSystems .sec .secTxt {
  font-size: 16px;
  font-size: clamp(12px, calc(.1vw * 16 - 16px * .1), 16px);
  line-height: 2;
}

@media (max-width: 768px) {
  #wiseSystems .sec .secTxt {
    font-size: 13px;
  }
}

#wiseSystems .sec .secTxt span {
  font-size: 14px;
  font-size: clamp(11px, calc(.1vw * 14 - 14px * .1), 14px);
}

@media (max-width: 768px) {
  #wiseSystems .sec .secTxt span {
    font-size: 12px;
  }
}

#wiseSystems #sec01 > .contWrap {
  padding-top: 7.3%;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 > .contWrap {
    padding-top: 50px;
  }
}

#wiseSystems #sec01 h4 {
  margin-top: 3.5em;
  color: #6cace4;
  font-size: 26px;
  font-size: clamp(16px, calc(.1vw * 26 - 26px * .1), 26px);
  font-weight: 600;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 h4 {
    margin-top: 40px;
    font-size: 16px;
  }
}

#wiseSystems #sec01 .secTxt {
  margin-top: .75em;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .secTxt {
    margin-top: 10px;
  }
}

#wiseSystems #sec01 .pict {
  max-width: 559px;
  margin: 10% auto 0;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .pict {
    width: 80%;
    max-width: 400px;
    margin-top: 25px;
  }
}

#wiseSystems #sec01 .pict > p {
  display: block;
  margin: 20px auto 0;
  color: #6cace4;
  font-size: 20px;
  font-size: clamp(13px, calc(.1vw * 20 - 20px * .1), 20px);
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .pict > p {
    margin: 12px auto 0;
    font-size: 14px;
  }
}

#wiseSystems #sec01 .youtuneBtn {
  position: relative;
  display: block;
  max-width: 530px;
  margin: 5.8% auto 12%;
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.4));
  transition: all .2s linear;
  cursor: pointer;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .youtuneBtn {
    max-width: 450px;
    margin: 30px auto 50px;
  }
}

#wiseSystems #sec01 .youtuneBtn:hover {
  transform: scale(1.02);
  opacity: .9;
}

#wiseSystems #sec01 .sec01Aside01 {
  position: relative;
  width: 100%;
  height: 62.5vw;
  max-height: 812px;
  background-image: url(/wp-content/uploads/2023/09/sec01_aside_img01.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .sec01Aside01 {
    height: auto;
    background-image: url(/wp-content/uploads/2023/09/sec01_aside_img01_sp.jpg);
  }
}

#wiseSystems #sec01 .sec01Aside01 .aside01Wrap {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translateY(-50%);
  width: 36%;
  max-width: 420px;
  text-align: left;
  color: #fff;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .sec01Aside01 .aside01Wrap {
    position: relative;
    top: 0;
    right: 0;
    transform: none;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 40px 36px;
  }
}

#wiseSystems #sec01 .sec01Aside01 .aside01Wrap.hidden {
  transform: translateY(calc(-50% + 20px));
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .sec01Aside01 .aside01Wrap.hidden {
    transform: translateY(20px);
  }
}

#wiseSystems #sec01 .sec01Aside01 .aside01Wrap h4 {
  margin-top: 0;
  list-style: 1.6;
  white-space: nowrap;
  color: #fff;
  font-size: 26px;
  font-size: clamp(16px, calc(.1vw * 26 - 26px * .1), 26px);
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .sec01Aside01 .aside01Wrap h4 {
    padding: 0;
    font-size: 20px;
  }
}

#wiseSystems #sec01 .sec01Aside01 .aside01Wrap h5 {
  margin-top: 2.3em;
  color: #fff;
  font-size: 18px;
  font-size: clamp(13px, calc(.1vw * 18 - 18px * .1), 18px);
  font-weight: 400;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .sec01Aside01 .aside01Wrap h5 {
    margin-top: 20px;
    padding: 0;
    font-size: 16px;
  }
}

#wiseSystems #sec01 .sec01Aside01 .aside01Wrap > ul {
  margin-top: 1.3em;
  font-size: 15px;
  font-size: clamp(11px, calc(.1vw * 15 - 15px * .1), 15px);
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .sec01Aside01 .aside01Wrap > ul {
    margin-top: 8px;
    padding: 0;
    font-size: 12px;
  }
}

#wiseSystems #sec01 .sec01Aside01 .aside01Wrap > ul li {
  white-space: nowrap;
  color: #fff;
  line-height: 2;
}

#wiseSystems #sec01 .sec01Aside02 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 62.4vw;
  max-height: 813px;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .sec01Aside02 {
    height: auto;
  }
}

#wiseSystems #sec01 .sec01Aside02 .aside02Img {
  width: 50%;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .sec01Aside02 .aside02Img {
    display: flex;
    order: 2;
    width: 100%;
  }
}

#wiseSystems #sec01 .sec01Aside02 .aside02Img span {
  display: block;
  height: 20.8vW;
  max-height: 271px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .sec01Aside02 .aside02Img span {
    width: calc(100% / 3);
    height: 15.5vw;
    background-position: right center;
  }
}

#wiseSystems #sec01 .sec01Aside02 .aside02Img span:nth-child(1) {
  background-image: url(/wp-content/uploads/2023/09/sec01_aside_img02.jpg);
}

#wiseSystems #sec01 .sec01Aside02 .aside02Img span:nth-child(2) {
  background-image: url(/wp-content/uploads/2023/09/sec01_aside_img03.jpg);
}

#wiseSystems #sec01 .sec01Aside02 .aside02Img span:nth-child(3) {
  background-image: url(/wp-content/uploads/2023/09/sec01_aside_img04.jpg);
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap {
  display: flex;
  align-items: center;
  width: 50%;
  height: 100%;
  background: #e5e5e5;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .sec01Aside02 .aside02Wrap {
    order: 1;
    width: 100%;
  }
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner {
  width: 100%;
  max-width: 674px;
  margin: 0 auto 0 0;
  padding: 0 10%;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 40px 24px 55px;
  }
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner h4 {
  margin-top: 0;
  list-style: 1.6;
  color: #000;
  font-size: 26px;
  font-size: clamp(16px, calc(.1vw * 26 - 26px * .1), 26px);
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner h4 {
    font-size: 20px;
  }
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner > ul {
  display: flex;
  margin-top: 8%;
}

@media (max-width: 768px) {
  #wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner > ul {
    margin-top: 25px;
  }
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner > ul li {
  width: 25%;
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner > ul li h5 {
  width: 85.2%;
  margin: 0 auto;
  padding: 4px 0;
  background-color: #6cace4;
  border-radius: 3px;
  white-space: nowrap;
  color: #fff;
  font-size: 12px;
  font-size: clamp(10px, calc(.1vw * 12 - 12px * .1), 12px);
  font-weight: 800;
  line-height: 1;
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner > ul li > p {
  transform: scale(0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.7em;
  white-space: nowrap;
  letter-spacing: -.04em;
  font-size: 15px;
  font-size: clamp(11px, calc(.1vw * 15 - 15px * .1), 15px);
  font-weight: 400;
  line-height: 1.6;
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner .laptop {
  position: relative;
  width: 100%;
  margin-top: -1.5%;
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner .laptop .laptopTxt01 {
  position: absolute;
  top: 64%;
  left: 0;
  transform: translateY(-50%);
  width: 29%;
  text-align: right;
  white-space: nowrap;
  font-size: 15px;
  font-size: clamp(11px, calc(.1vw * 15 - 15px * .1), 15px);
  font-weight: 600;
  line-height: 1.6;
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner .laptop .laptopTxt02 {
  position: absolute;
  top: 64%;
  left: 65%;
  transform: translateY(-50%) scale(0.75);
  width: 30.5%;
  text-align: left;
  white-space: nowrap;
  font-size: 15px;
  font-size: clamp(11px, calc(.1vw * 15 - 15px * .1), 15px);
  font-weight: 600;
  line-height: 1.6;
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner .device {
  position: relative;
  width: 100%;
  margin-top: 2%;
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner .device::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 96%;
  height: 1px;
  background: #808080;
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner .device .deviceInner {
  position: relative;
  width: 67%;
  min-width: 240px;
  margin: 0 0 0 auto;
  text-align: left;
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner .device .deviceInner .deviceTxt01 {
  white-space: nowrap;
  letter-spacing: .07em;
  font-size: 13px;
  font-size: clamp(10px, calc(.1vw * 13 - 13px * .1), 13px);
  font-weight: 600;
  line-height: 30px;
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner .device .deviceInner .deviceTxt02 {
  white-space: nowrap;
  letter-spacing: .07em;
  font-size: 12px;
  font-size: clamp(10px, calc(.1vw * 12 - 12px * .1), 12px);
  font-weight: 400;
  line-height: 30px;
}

#wiseSystems #sec01 .sec01Aside02 .aside02Wrap .aside02Inner .device .deviceInner::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 105%;
  transform: translateY(-50%);
  width: 14.9%;
  height: 120px;
  background: url(/wp-content/uploads/2023/09/sec01_aside_device.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

#wiseSystems #sec02 > .contWrap {
  padding-top: 7.3%;
  padding-bottom: 9.2%;
}

@media (max-width: 768px) {
  #wiseSystems #sec02 > .contWrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

#wiseSystems #sec02::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 42.3vw;
  max-height: 550px;
  background-color: #e5e5e5;
}

@media (max-width: 768px) {
  #wiseSystems #sec02::before {
    height: 80vw;
  }
}

#wiseSystems #sec02 .secTxt {
  margin-top: 2.5em;
}

@media (max-width: 768px) {
  #wiseSystems #sec02 .secTxt {
    margin-top: 25px;
  }
}

#wiseSystems #sec02 .flowUl {
  margin-top: 11.8%;
}

@media (max-width: 768px) {
  #wiseSystems #sec02 .flowUl {
    margin-top: 40px;
  }
}

#wiseSystems #sec02 .flowUl > li {
  position: relative;
  width: 100%;
  max-width: 892px;
  margin: 0 auto;
  margin-top: 3%;
  padding: 0 0 0 1.8%;
}

@media (max-width: 768px) {
  #wiseSystems #sec02 .flowUl > li {
    width: 100%;
    margin-top: calc(4% + 12px);
    padding: 0;
  }
}

#wiseSystems #sec02 .flowUl > li .flowWrap {
  background-color: #fff;
  border: 1px solid #6cace4;
  border-radius: 8px;
}

@media (max-width: 768px) {
  #wiseSystems #sec02 .flowUl > li .flowWrap {
    border-radius: 6px;
  }
}

#wiseSystems #sec02 .flowUl > li .flowWrap .flowCont {
  position: relative;
  width: 100%;
}

#wiseSystems #sec02 .flowUl > li .flowWrap .flowCont h4 {
  position: absolute;
  top: 50%;
  left: -1.8%;
  transform: translateY(-50%);
  display: block;
  width: 18%;
  margin-top: 0;
  padding: 20px 0;
  background-color: #6cace4;
  border-radius: 4px;
  color: #fff;
  font-size: 30px;
  font-size: clamp(18px, calc(.1vw * 30 - 30px * .1), 30px);
  font-weight: 400;
  line-height: 1em;
}

@media (max-width: 768px) {
  #wiseSystems #sec02 .flowUl > li .flowWrap .flowCont h4 {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    padding: 1.5% 0;
    border-radius: 6px;
    font-size: 17px;
    font-size: clamp(17px, calc(17vw / 3.75), 25.5px);
  }
}

#wiseSystems #sec02 .flowUl > li .flowWrap .flowCont h4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 93%;
  width: 40px;
  height: 100%;
  background: url(/wp-content/uploads/2023/09/arrow_blue.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
}

@media (max-width: 768px) {
  #wiseSystems #sec02 .flowUl > li .flowWrap .flowCont h4::before {
    display: none;
  }
}

#wiseSystems #sec02 .flowUl > li .flowWrap .flowCont .flowInner {
  padding: 2.3% 3.9% 2.3% 35.7%;
  background-image: url(/wp-content/uploads/2023/09/sec02_pict01.png);
  background-repeat: no-repeat;
  background-position: left 24% center;
  background-size: 12% auto;
  text-align: left;
}

@media (max-width: 768px) {
  #wiseSystems #sec02 .flowUl > li .flowWrap .flowCont .flowInner {
    padding: 8% 10px 8% 84px;
    background-position: left 5px center;
    background-size: 74px auto;
  }
}

#wiseSystems #sec02 .flowUl > li .flowWrap .flowCont .flowInner > p {
  display: flex;
  align-items: center;
  min-height: 7em;
  font-size: 16px;
  font-size: clamp(12px, calc(.1vw * 16 - 16px * .1), 16px);
  line-height: 2.25;
}

@media (max-width: 768px) {
  #wiseSystems #sec02 .flowUl > li .flowWrap .flowCont .flowInner > p {
    min-height: 3.5em;
    font-size: 12px;
    font-size: clamp(12px, calc(12vw / 3.75), 18px);
    line-height: 1.8;
  }
}

#wiseSystems #sec02 .flowUl > li .flowWrap .flowMenuWrap {
  padding: 0 3.9% 3.0%;
}

@media (max-width: 768px) {
  #wiseSystems #sec02 .flowUl > li .flowWrap .flowMenuWrap {
    margin-top: -3%;
    padding: 0 10px 10px;
  }
}

#wiseSystems #sec02 .flowUl > li .flowWrap .flowMenuWrap .flowMenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 81%;
  min-width: 0;
  margin: 0 0 0 auto;
}

@media (max-width: 768px) {
  #wiseSystems #sec02 .flowUl > li .flowWrap .flowMenuWrap .flowMenu {
    width: 100%;
    min-width: none;
  }
}

#wiseSystems #sec02 .flowUl > li .flowWrap .flowMenuWrap .flowMenu > li {
  width: 49.4%;
}

#wiseSystems #sec02 .flowUl > li .flowWrap .flowMenuWrap .flowMenu > li > .flowModalBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.4em;
  background-color: #32679c;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-size: clamp(11px, calc(.1vw * 14 - 14px * .1), 14px);
  font-weight: 600;
  line-height: 1.2;
  transition: all .1s linear;
  cursor: pointer;
}

@media (max-width: 768px) {
  #wiseSystems #sec02 .flowUl > li .flowWrap .flowMenuWrap .flowMenu > li > .flowModalBtn {
    padding: 0 8% 0 6%;
    letter-spacing: -.05em;
    font-size: 10px;
    font-size: clamp(10px, calc(10vw / 3.75), 15px);
  }
}

#wiseSystems #sec02 .flowUl > li .flowWrap .flowMenuWrap .flowMenu > li > .flowModalBtn:hover {
  background-color: #5787b6;
}

#wiseSystems #sec02 .flowUl > li .flowWrap .flowMenuWrap .flowMenu > li > .flowModalBtn:hover::after {
  right: 4.4%;
}

#wiseSystems #sec02 .flowUl > li .flowWrap .flowMenuWrap .flowMenu > li > .flowModalBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
  transition: all .1s linear;
}

@media (max-width: 768px) {
  #wiseSystems #sec02 .flowUl > li .flowWrap .flowMenuWrap .flowMenu > li > .flowModalBtn::after {
    right: 4%;
    width: 4px;
    height: 4px;
  }
}

#wiseSystems #sec02 .flowUl > li .flowWrap .flowMenuWrap .flowMenu > li:nth-child(n+3) {
  margin-top: 1.2%;
}

#wiseSystems #sec02 .flowUl > li:nth-child(2) .flowCont .flowInner {
  background-image: url(/wp-content/uploads/2023/09/sec02_pict02.png);
}

#wiseSystems #sec02 .flowUl > li:nth-child(3) .flowCont .flowInner {
  background-image: url(/wp-content/uploads/2023/09/sec02_pict03.png);
}

#wiseSystems #sec02 .flowUl > li:nth-child(4) .flowCont .flowInner {
  background-image: url(/wp-content/uploads/2023/09/sec02_pict04.png);
}

#wiseSystems #sec03 > .contWrap {
  padding-top: 7.1%;
}

@media (max-width: 768px) {
  #wiseSystems #sec03 > .contWrap {
    padding-top: 50px;
  }
}

#wiseSystems #sec03::before {
  content: "";
  position: absolute;
  bottom: 9%;
  left: 0;
  width: 100%;
  height: 27vw;
  max-height: 374px;
  background-color: #e5e5e5;
}

@media (max-width: 768px) {
  #wiseSystems #sec03::before {
    bottom: 7%;
    height: 66vw;
  }
}

#wiseSystems #sec03 .secTxt {
  margin-top: 2.5em;
}

@media (max-width: 768px) {
  #wiseSystems #sec03 .secTxt {
    margin-top: 25px;
  }
}

#wiseSystems #sec03 .meritWrap {
  width: 100%;
  margin-top: 17%;
}

@media (max-width: 768px) {
  #wiseSystems #sec03 .meritWrap {
    max-width: 600px;
    margin: 0 auto;
  }
}

#wiseSystems #sec03 .meritWrap .meritUl {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  #wiseSystems #sec03 .meritWrap .meritUl {
    margin: 17% auto 0;
  }
}

#wiseSystems #sec03 .meritWrap .meritUl > li {
  width: 25%;
  background-color: #98c5ec;
}

@media (max-width: 768px) {
  #wiseSystems #sec03 .meritWrap .meritUl > li {
    width: 50%;
    margin-top: 2%;
  }
}

#wiseSystems #sec03 .meritWrap .meritUl > li:nth-child(2n-1) {
  transform: translateY(-10%);
  background-color: #6cace4;
}

@media (max-width: 768px) {
  #wiseSystems #sec03 .meritWrap .meritUl > li:nth-child(2n-1) {
    transform: translateY(-7%);
  }
}

#wiseSystems #sec03 .meritWrap .meritUl > li:nth-child(1) {
  transition: all .5s .2s ease;
}

#wiseSystems #sec03 .meritWrap .meritUl > li:nth-child(2) {
  transition: all .5s .3s ease;
}

#wiseSystems #sec03 .meritWrap .meritUl > li:nth-child(3) {
  transition: all .5s .4s ease;
}

#wiseSystems #sec03 .meritWrap .meritUl > li:nth-child(4) {
  transition: all .5s .5s ease;
}

#wiseSystems #sec03 .meritWrap .meritUl > li .meritInner {
  padding: 15% 10% 12%;
}

@media (max-width: 768px) {
  #wiseSystems #sec03 .meritWrap .meritUl > li .meritInner {
    padding: 15px 10px;
  }
}

#wiseSystems #sec03 .meritWrap .meritUl > li .meritInner > h4 {
  color: #fff;
  font-size: 18px;
  font-size: clamp(13px, calc(.1vw * 18 - 18px * .1), 18px);
  font-weight: 400;
}

@media (max-width: 768px) {
  #wiseSystems #sec03 .meritWrap .meritUl > li .meritInner > h4 {
    font-size: 13px;
  }
}

#wiseSystems #sec03 .meritWrap .meritUl > li .meritInner > ul {
  margin-top: 1.8em;
  text-align: left;
  color: #fff;
  font-size: 14px;
  font-size: clamp(11px, calc(.1vw * 14 - 14px * .1), 14px);
  line-height: 1.77;
}

@media (max-width: 768px) {
  #wiseSystems #sec03 .meritWrap .meritUl > li .meritInner > ul {
    margin-top: 10px;
    font-size: 12px;
  }
}

#wiseSystems #sec03 .meritWrap .meritUl > li .meritInner > ul li {
  padding-left: .8em;
  text-indent: -.8em;
  color: #fff;
}

#wiseSystems #sec03 .meritWrap .meritUl > li.hidden {
  transform: translateY(20px);
  opacity: 0;
}

#wiseSystems #sec03 .meritWrap .meritUl > li.hidden:nth-child(2n-1) {
  transform: translateY(calc(-10% + 20px)) !important;
}

@media (max-width: 768px) {
  #wiseSystems #sec03 .meritWrap .meritUl > li.hidden:nth-child(2n-1) {
    transform: translateY(calc(-7% + 20px)) !important;
  }
}

#wiseSystems #sec04 > .contWrap {
  padding-top: 7.3%;
}

@media (max-width: 768px) {
  #wiseSystems #sec04 > .contWrap {
    padding-top: 60px;
  }
}

#wiseSystems #sec04 .secTxt {
  margin: 2.5em 0 7.1em;
}

@media (max-width: 768px) {
  #wiseSystems #sec04 .secTxt {
    margin: 25px 0 30px;
  }
}

#wiseSystems #sec04 .stepCont {
  background-color: #e5e5e5;
}

#wiseSystems #sec04 .stepCont .stepOl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 12% 0;
}

@media (max-width: 768px) {
  #wiseSystems #sec04 .stepCont .stepOl {
    display: block;
    padding: 30px 0;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li > h4 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 22px);
  height: 66px;
  background-color: #96a0a7;
  border-radius: 6px;
}

@media (max-width: 768px) {
  #wiseSystems #sec04 .stepCont .stepOl > li > h4 {
    width: calc(100% - 20px);
    height: 52px;
    border-radius: 5px;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li > h4::after {
  content: "";
  position: absolute;
  top: 0;
  right: -22px;
  width: 60px;
  height: 100%;
  background: url(/wp-content/uploads/2023/09/arrow_gray.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
}

@media (max-width: 768px) {
  #wiseSystems #sec04 .stepCont .stepOl > li > h4::after {
    right: -20px;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li > h4 > img {
  display: block;
  box-sizing: content-box;
  width: 10vw;
  max-width: 124px;
}

@media (max-width: 768px) {
  #wiseSystems #sec04 .stepCont .stepOl > li > h4 > img {
    width: 94px;
    padding: 0 20px 0 12px;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li > h4 > span {
  display: block;
  margin-left: .8em;
  color: #fff;
  font-size: 21px;
  font-size: clamp(14px, calc(.1vw * 21 - 21px * .1), 21px);
  font-weight: 400;
}

@media (max-width: 768px) {
  #wiseSystems #sec04 .stepCont .stepOl > li > h4 > span {
    font-size: 16px;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li > ul {
  display: flex;
  justify-content: space-between;
  margin: 23px 0 48px;
}

@media (max-width: 768px) {
  #wiseSystems #sec04 .stepCont .stepOl > li > ul {
    margin: 12px 0 24px;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li > ul > li {
  background-color: #fff;
  border-radius: 9px;
}

@media (max-width: 768px) {
  #wiseSystems #sec04 .stepCont .stepOl > li > ul > li {
    border-radius: 5px;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li > ul > li h5 {
  color: #6cace4;
  font-size: 20px;
  font-size: clamp(13px, calc(.1vw * 20 - 20px * .1), 20px);
  font-weight: 500;
}

@media (max-width: 768px) {
  #wiseSystems #sec04 .stepCont .stepOl > li > ul > li h5 {
    font-size: 12px;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li > ul > li > p {
  margin-top: 20px;
  text-align: left;
  font-size: 13px;
  font-size: clamp(10px, calc(.1vw * 13 - 13px * .1), 13px);
  line-height: 1.86;
}

@media (max-width: 768px) {
  #wiseSystems #sec04 .stepCont .stepOl > li > ul > li > p {
    margin-top: 10px;
    font-size: 11px;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li > .step3Cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 23px 0 0;
  padding: 24px 1.6%;
  background-color: #fff;
  border-radius: 9px;
}

@media (max-width: 768px) {
  #wiseSystems #sec04 .stepCont .stepOl > li > .step3Cont {
    display: block;
    margin: 12px 0 0;
    padding: 15px 10px 10px;
    border-radius: 5px;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li > .step3Cont h5 {
  width: 29%;
  padding: 0 1.8% 0 0;
  color: #6cace4;
  font-size: 20px;
  font-size: clamp(13px, calc(.1vw * 20 - 20px * .1), 20px);
}

@media (max-width: 768px) {
  #wiseSystems #sec04 .stepCont .stepOl > li > .step3Cont h5 {
    width: 100%;
    font-size: 13px;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li > .step3Cont > p {
  width: 71%;
  text-align: left;
  font-size: 14px;
  font-size: clamp(11px, calc(.1vw * 14 - 14px * .1), 14px);
  line-height: 2;
}

@media (max-width: 768px) {
  #wiseSystems #sec04 .stepCont .stepOl > li > .step3Cont > p {
    width: 100%;
    margin: 12px 0 0;
    font-size: 11px;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li:nth-child(1) {
  width: 59.1%;
}

@media (max-width: 1024px) {
  #wiseSystems #sec04 .stepCont .stepOl > li:nth-child(1) {
    width: 100%;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li:nth-child(1) > ul > li {
  width: 30.8%;
  padding: 26px 2.6% 22px;
}

@media (max-width: 1024px) {
  #wiseSystems #sec04 .stepCont .stepOl > li:nth-child(1) > ul > li {
    width: calc((100% - 16px) / 3);
    padding: 15px 10px 10px;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li:nth-child(2) {
  width: 38.7%;
}

@media (max-width: 1024px) {
  #wiseSystems #sec04 .stepCont .stepOl > li:nth-child(2) {
    width: 100%;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li:nth-child(2) > ul > li {
  width: 47.1%;
  padding: 26px 4.1% 22px;
}

@media (max-width: 1024px) {
  #wiseSystems #sec04 .stepCont .stepOl > li:nth-child(2) > ul > li {
    width: calc((100% - 8px) / 2);
    padding: 15px 10px 10px;
  }
}

#wiseSystems #sec04 .stepCont .stepOl > li:nth-child(3) {
  width: 100%;
}

#wiseSystems #sec05 > .contWrap {
  padding-top: 7.3%;
  padding-bottom: 2%;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 > .contWrap {
    padding-top: 60px;
    padding-bottom: 8px;
  }
}

#wiseSystems #sec05 .secTxt {
  margin: 2.5em 0 7.1em;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .secTxt {
    margin: 25px 0 40px;
  }
}

#wiseSystems #sec05 .exUl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exUl {
    display: block;
  }
}

#wiseSystems #sec05 .exUl > li {
  position: relative;
  width: 47.5%;
  background-color: #6cace4;
  transition: all .5s .2s ease;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exUl > li {
    width: 100%;
    max-width: 600px;
    margin: 20px auto 0;
  }
}

#wiseSystems #sec05 .exUl > li:nth-child(2n) {
  transition: all .5s .4s ease;
}

#wiseSystems #sec05 .exUl > li:nth-child(n+3) {
  margin-top: 5%;
}

#wiseSystems #sec05 .exUl > li .exNew {
  position: absolute;
  top: 10px;
  left: 0;
  transform: translateY(-10%);
  width: 19.2%;
}

#wiseSystems #sec05 .exUl > li .exInner {
  padding: 7.6% 7.3%;
  text-align: left;
  color: #fff;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exUl > li .exInner {
    padding: 20px;
  }
}

#wiseSystems #sec05 .exUl > li .exInner .exTagUl {
  margin: -3% 0 5%;
}

#wiseSystems #sec05 .exUl > li .exInner .exTagUl .exTag {
  display: inline-block;
  margin-right: 1%;
  padding: .6% 1.6%;
  background-color: #f7f7f7;
  border: 2px solid #dadada;
  border-radius: 6px;
  color: #1f2a44;
  font-size: clamp(10px, calc(.1vw * 12 - 12px * .1), 12px);
  font-weight: 600;
}

#wiseSystems #sec05 .exUl > li .exInner h4 {
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-size: clamp(18px, calc(.1vw * 32 - 32px * .1), 32px);
  font-weight: 500;
  line-height: 1.15;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exUl > li .exInner h4 {
    font-size: 20px;
    line-height: 1.1;
  }
}

#wiseSystems #sec05 .exUl > li .exInner h4 span {
  color: #fff;
  font-size: 18px;
  font-size: clamp(13px, calc(.1vw * 18 - 18px * .1), 18px);
  line-height: 1;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exUl > li .exInner h4 span {
    font-size: 14px;
  }
}

#wiseSystems #sec05 .exUl > li .exInner h5 {
  margin-top: 30px;
  text-align: left;
  letter-spacing: .03em;
  color: #fff;
  font-size: 20px;
  font-size: clamp(13px, calc(.1vw * 20 - 20px * .1), 20px);
  font-weight: 500;
  line-height: 1.8;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exUl > li .exInner h5 {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.6;
  }
}

#wiseSystems #sec05 .exUl > li .exInner .exTxt {
  margin-top: 15px;
  text-align: left;
  color: #fff;
  font-size: 15px;
  font-size: clamp(11px, calc(.1vw * 15 - 15px * .1), 15px);
  line-height: 2.2;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exUl > li .exInner .exTxt {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.8;
  }
}

#wiseSystems #sec05 .exUl > li .exInner .exTxtDisable {
  padding: 32% 0;
  text-align: center;
  color: #fff;
  font-size: 21px;
  font-size: clamp(14px, calc(.1vw * 21 - 21px * .1), 21px);
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exUl > li .exInner .exTxtDisable {
    padding: 12% 0;
    font-size: 16px;
    line-height: 1.1;
  }
}

#wiseSystems #sec05 .exUl > li .exInner .exReport {
  position: relative;
  margin-top: 35px;
  padding: 6.4% 7.9% 5%;
  border: 1px solid #fff;
  border-radius: 8px;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exUl > li .exInner .exReport {
    margin-top: 20px;
    padding: 18px 23px 15px;
    border-radius: 6px;
  }
}

#wiseSystems #sec05 .exUl > li .exInner .exReport::after {
  content: "";
  position: absolute;
  top: -14%;
  left: -3%;
  width: 14.7%;
  height: 60px;
  background: url(/wp-content/uploads/2023/09/sec05_icon.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exUl > li .exInner .exReport::after {
    top: -12px;
    left: -10px;
    width: 42px;
  }
}

#wiseSystems #sec05 .exUl > li .exInner .exReport > li {
  text-align: left;
  color: #fff;
  font-size: 15px;
  font-size: clamp(11px, calc(.1vw * 15 - 15px * .1), 15px);
  line-height: 1.6;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exUl > li .exInner .exReport > li {
    font-size: 11px;
  }
}

#wiseSystems #sec05 .exUl > li .exInner .exReport > li .exReportBig {
  padding-left: 5px;
  color: #fff;
  font-size: 20px;
  font-size: clamp(13px, calc(.1vw * 20 - 20px * .1), 20px);
  font-weight: 600;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exUl > li .exInner .exReport > li .exReportBig {
    font-size: 13px;
  }
}

#wiseSystems #sec05 .movieBtnWrap {
  margin-top: -3%;
  padding: 0 7.3% 7.3%;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .movieBtnWrap {
    margin-top: -2%;
    padding: 0 20px 20px;
  }
}

#wiseSystems #sec05 .movieBtnWrap .movieBtn {
  display: block;
  transition: all .1s linear;
}

#wiseSystems #sec05 .movieBtnWrap .movieBtn:hover {
  transform: scale(1.02);
  opacity: .9;
}

#wiseSystems #sec05 .movieBtnWrap .movieBtn:nth-child(n+1) {
  margin-top: 2%;
}

#wiseSystems #sec05 .movieBtnWrap .pdfBtnDisable {
  pointer-events: none;
}

#wiseSystems #sec05 .movieBtnWrap .exCap {
  padding: .5em 0 0 .7em;
  text-align: left;
  text-indent: -.7em;
  color: #fff;
  font-size: 14px;
  font-size: clamp(11px, calc(.1vw * 14 - 14px * .1), 14px);
  line-height: 1.4;
}

#wiseSystems #sec05 .exBtn, #wiseSystems #sec05 .exBackBtn {
  position: relative;
  display: block;
  width: 71.4%;
  margin: 8.9% auto 0;
  padding: 2.3% 0;
  background-color: #1f2a44;
  border-radius: 12px;
  color: #fff;
  font-size: 24px;
  font-size: clamp(15px, calc(.1vw * 24 - 24px * .1), 24px);
  font-weight: 600;
  transition: all .5s ease;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exBtn, #wiseSystems #sec05 .exBackBtn {
    width: 100%;
    padding: 4% 0;
    border-radius: 8px;
    font-size: clamp(16px, calc(16vw / 3.75), 24px);
  }
}

#wiseSystems #sec05 .exBtn::after, #wiseSystems #sec05 .exBackBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2.5px solid #fff;
  border-right: 2.5px solid #fff;
  transition: all .1s linear;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .exBtn::after, #wiseSystems #sec05 .exBackBtn::after {
    right: 4%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}

#wiseSystems #sec05 .exBtn:hover, #wiseSystems #sec05 .exBackBtn:hover {
  transform: scale(1.02);
  opacity: .9;
}

#wiseSystems #sec05 .exBackBtn::after {
  right: auto;
  left: 5%;
  transform: translateY(-50%) rotate(-135deg);
}

#wiseSystems #sec05 .recordCont {
  margin: -5% auto 0;
  padding: 8% 0 8.5%;
  background-color: #e5e5e5;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .recordCont {
    margin: -9% auto 0;
    padding: 20% 0 12%;
  }
}

#wiseSystems #sec05 .recordCont h4 {
  position: relative;
  color: #1f2a44;
  font-size: clamp(18px, calc(.1vw * 32 - 32px * .1), 32px);
  font-weight: 600;
  transition: all .5s .2s ease;
}

#wiseSystems #sec05 .recordCont h4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: calc(50% - 4em);
  height: 2px;
  background-color: #1f2a44;
}

#wiseSystems #sec05 .recordCont h4::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: calc(50% - 4em);
  height: 2px;
  background-color: #1f2a44;
}

#wiseSystems #sec05 .recordCont .recordUl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: left;
  padding: 2.2% 3% 0;
  transition: all .5s .4s ease;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .recordCont .recordUl {
    padding: 4% 0 0;
  }
}

#wiseSystems #sec05 .recordCont .recordUl > li {
  width: 32%;
  margin-top: 1.8%;
  margin-right: 2%;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .recordCont .recordUl > li {
    width: 100%;
    margin-top: 2.3%;
    margin-right: 0;
  }
}

#wiseSystems #sec05 .recordCont .recordUl > li:nth-child(3n) {
  margin-right: 0;
}

#wiseSystems #sec05 .recordCont .recordUl > li > a {
  position: relative;
  display: block;
  width: 100%;
  padding: 5% 10%;
  background-color: #fff;
  border-radius: 8px;
  font-size: clamp(12px, calc(.1vw * 16 - 16px * .1), 16px);
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .recordCont .recordUl > li > a {
    padding: 4% 9%;
    border-radius: 6px;
    font-size: clamp(13px, calc(.1vw * 18 - 18px * .1), 18px);
  }
}

#wiseSystems #sec05 .recordCont .recordUl > li > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: 2px solid #1f2a44;
  border-right: 2px solid #1f2a44;
  transition: all .1s linear;
}

#wiseSystems #sec05 .recordCont .recordUl > li > a.pdf::after {
  content: none;
}

#wiseSystems #sec05 .recordCont .recordUl > li > a.pdf::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 4.2%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url(/wp-content/uploads/2025/01/external.svg) center center/100% auto no-repeat;
}

#wiseSystems #sec05 .sortUl {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin: 6% auto 8%;
  transition: all .5s .5s ease;
}

#wiseSystems #sec05 .sortUl > li {
  width: 24%;
  margin: 1.2% 1.33% 0 0;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .sortUl > li {
    width: 49.1%;
    margin: 1.8% 1.8% 0 0;
  }
  #wiseSystems #sec05 .sortUl > li:nth-child(2n) {
    margin-right: 0;
  }
}

#wiseSystems #sec05 .sortUl > li:nth-child(4n) {
  margin-right: 0;
}

#wiseSystems #sec05 .sortUl > li input[type=checkbox] {
  display: none;
}

#wiseSystems #sec05 .sortUl > li .Checkbox {
  display: block;
  width: 100%;
  padding: 4.5% 0;
  background-color: #f7f7f7;
  border: 2px solid #dadada;
  border-radius: 8px;
  text-align: center;
  color: #1f2a44;
  font-size: clamp(11px, calc(.1vw * 14 - 14px * .1), 14px);
  font-weight: 600;
  transition: all .3s ease;
  cursor: pointer;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .sortUl > li .Checkbox {
    padding: 3.8% 0;
    border: 1px solid #dadada;
    border-radius: 6px;
    font-size: clamp(12px, calc(12vw / 3.75), 18px);
  }
}

#wiseSystems #sec05 .sortUl > li .Checkbox:hover {
  opacity: .9;
}

#wiseSystems #sec05 .sortUl > li input[type=checkbox]:checked + .Checkbox {
  background-color: #1f2a44;
  border: 2px solid #1f2a44;
  color: #fff;
}

@media (max-width: 768px) {
  #wiseSystems #sec05 .sortUl > li input[type=checkbox]:checked + .Checkbox {
    border: 1px solid #1f2a44;
  }
}

#wiseSystems #sec06 > .contWrap {
  padding-top: 7.3%;
}

@media (max-width: 768px) {
  #wiseSystems #sec06 > .contWrap {
    padding-top: 60px;
  }
}

#wiseSystems #sec06 .secTxt {
  margin: 2.5em 0 7.1em;
}

@media (max-width: 768px) {
  #wiseSystems #sec06 .secTxt {
    margin: 25px 0 40px;
  }
}

#wiseSystems #sec06 .planCont {
  background-color: #e5e5e5;
}

#wiseSystems #sec06 .planCont .planInner {
  padding: 4% 0;
}

@media (max-width: 768px) {
  #wiseSystems #sec06 .planCont .planInner {
    padding: 30px 0;
  }
}

#wiseSystems #sec06 .planCont .planInner .planFlex {
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  #wiseSystems #sec06 .planCont .planInner .planFlex {
    display: block;
  }
}

#wiseSystems #sec06 .planCont .planInner .planFlex h4 {
  width: 20%;
  text-align: left;
  font-size: 26px;
  font-size: clamp(16px, calc(.1vw * 26 - 26px * .1), 26px);
}

@media (max-width: 768px) {
  #wiseSystems #sec06 .planCont .planInner .planFlex h4 {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-size: clamp(18px, calc(18vw / 3.75), 27px);
  }
}

#wiseSystems #sec06 .planCont .planInner .planFlex .planUl {
  display: flex;
  justify-content: space-between;
  width: 80%;
}

@media (max-width: 768px) {
  #wiseSystems #sec06 .planCont .planInner .planFlex .planUl {
    display: block;
    width: 100%;
    margin-top: 20px;
  }
}

#wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li {
  width: 48.5%;
  padding: 3.5%;
  background: #fff;
  border-radius: 10px;
}

@media (max-width: 768px) {
  #wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li {
    width: 100%;
    margin-top: 10px;
    padding: 18px 20px;
    border-radius: 5px;
  }
}

#wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li h5 {
  color: #6cace4;
  font-size: 22px;
  font-size: clamp(14px, calc(.1vw * 22 - 22px * .1), 22px);
  font-weight: 600;
}

@media (max-width: 768px) {
  #wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li h5 {
    font-size: 18px;
    font-size: clamp(18px, calc(18vw / 3.75), 27px);
  }
}

#wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li .planPrice {
  margin-top: 1%;
  font-size: 26px;
  font-size: clamp(16px, calc(.1vw * 26 - 26px * .1), 26px);
  font-weight: 600;
}

@media (max-width: 768px) {
  #wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li .planPrice {
    font-size: 20px;
    font-size: clamp(20px, calc(20vw / 3.75), 30px);
  }
}

#wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li .planPrice span {
  margin: 0 .1em;
  font-size: 46px;
  font-size: clamp(21px, calc(.1vw * 46 - 46px * .1), 46px);
  font-weight: 600;
}

@media (max-width: 768px) {
  #wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li .planPrice span {
    font-size: 32px;
    font-size: clamp(32px, calc(32vw / 3.75), 48px);
  }
}

#wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li .planTxtUl {
  margin-top: 4%;
}

@media (max-width: 768px) {
  #wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li .planTxtUl {
    margin-top: 8px;
  }
}

#wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li .planTxtUl > li {
  margin-top: .2em;
  padding-left: .9em;
  text-align: left;
  text-indent: -.9em;
  font-size: 15px;
  font-size: clamp(11px, calc(.1vw * 15 - 15px * .1), 15px);
}

@media (max-width: 768px) {
  #wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li .planTxtUl > li {
    font-size: 12px;
  }
}

#wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li .planTxtUl > li .circle {
  background-color: #000;
}

#wiseSystems #sec06 .planCont .planInner .planFlex .planUl > li .planTxtUl > li .super {
  vertical-align: super;
  font-size: .8em;
}

#wiseSystems #sec06 .planCont .planInner .planCap {
  margin-top: 1.5%;
  padding-left: 20%;
}

@media (max-width: 768px) {
  #wiseSystems #sec06 .planCont .planInner .planCap {
    margin-top: 15px;
    padding-left: 0;
  }
}

#wiseSystems #sec06 .planCont .planInner .planCap > li {
  margin-top: .2em;
  padding-left: .6em;
  text-align: left;
  text-indent: -.6em;
  font-size: 12px;
  font-size: clamp(10px, calc(.1vw * 12 - 12px * .1), 12px);
}

@media (max-width: 768px) {
  #wiseSystems #sec06 .planCont .planInner .planCap > li {
    font-size: 12px;
  }
}

#wiseSystems #sec06 .planCont .planInner .planCap > li > a {
  text-decoration: underline;
  color: #32679c;
  font-weight: 600;
}

#wiseSystems #sec06 > .contWrapSec06 {
  padding-top: 0;
}

#wiseSystems #sec06 > .contWrapSec06 .secTxt {
  margin-top: 2.5em;
}

@media (max-width: 768px) {
  #wiseSystems #sec06 > .contWrapSec06 .secTxt {
    margin-top: 25px;
  }
}

#wiseSystems .request {
  margin-top: 12vw;
  padding-bottom: 6%;
}

@media (max-width: 768px) {
  #wiseSystems .request {
    margin-top: 60px;
    padding-bottom: 80px;
  }
}

@media (max-width: 768px) {
  #wiseSystems .request .contWrap {
    transform: none !important;
    transition: none !important;
    opacity: 1 !important;
  }
}

#wiseSystems .request .requestWrap {
  width: 100%;
  height: 39vw;
  max-height: 448px;
  background-image: url(/wp-content/uploads/2023/09/request_bg.jpg);
  background-position: center center;
  background-size: cover;
}

@media (max-width: 768px) {
  #wiseSystems .request .requestWrap {
    height: 40vw;
  }
}

#wiseSystems .request .requestWrap .requestInner {
  position: relative;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin: 0 auto;
}

#wiseSystems .request .requestWrap .requestInner .requestTxt {
  position: absolute;
  top: 34%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  letter-spacing: .08em;
  color: #fff;
  font-size: 32px;
  font-size: clamp(18px, calc(.1vw * 32 - 32px * .1), 32px);
}

@media (max-width: 768px) {
  #wiseSystems .request .requestWrap .requestInner .requestTxt {
    top: 34%;
    left: 60%;
    font-size: 13px;
    font-size: clamp(13px, calc(13vw / 3.75), 19.5px);
  }
}

#wiseSystems .request .requestWrap .requestInner .requestImg {
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35.8%;
  max-width: 360px;
}

@media (max-width: 768px) {
  #wiseSystems .request .requestWrap .requestInner .requestImg {
    top: 51%;
    left: 60%;
  }
}

#wiseSystems .request .requestBtn {
  display: flex;
  align-items: center;
  justify-content: left;
  width: 788px;
  max-width: 100%;
  margin: -2em auto 0;
  padding: 1.2em 3.6em 1.2em 2.5em;
  background-color: #ffb532;
  background-image: url(/wp-content/uploads/2023/09/request_icon.png);
  background-repeat: no-repeat;
  background-position: right 1.9% center;
  background-size: 7.9% auto;
  border-radius: 100px;
  text-align: center;
  letter-spacing: .06em;
  color: #fff;
  font-size: 22px;
  font-size: clamp(10px, calc(2.8vw - 2.8px), 22px);
  font-weight: 600;
  transition: all .1s ease-in-out;
}

@media (max-width: 768px) {
  #wiseSystems .request .requestBtn {
    position: fixed;
    bottom: 0;
    left: 2px;
    justify-content: center;
    width: calc(100% - 4px);
    height: 60px;
    margin: -30px auto 0;
    padding: 0 5px 0 0;
    background-position: right 10px center;
    background-size: 40px auto;
    border-radius: 8px 8px 0 0;
    font-size: clamp(10px, 3.8vw, 15px);
    line-height: 1.4;
    transition: none;
  }
  #wiseSystems .request .requestBtn.abs {
    position: absolute;
    bottom: -80px;
  }
}

#wiseSystems .request .requestBtn > div {
  color: #fff;
}

#wiseSystems .request .requestBtn:hover {
  background-color: #ffc359;
  background-position: right 2.4% center;
}

#wiseSystems .request .requestBtn .circle:nth-child(n+2) {
  margin-left: .6em;
}

#wiseSystems .modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
}

#wiseSystems .modal.openModal {
  display: block;
}

#wiseSystems .modal.openModal .modalWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 1200px;
  max-height: calc(100vh - 120px);
  background-color: #fff;
  border-radius: 10px;
  z-index: 2;
}

@media (max-width: 768px) {
  #wiseSystems .modal.openModal .modalWrap {
    top: 47%;
    width: 94%;
    max-height: calc(100vh - 160px);
    border-radius: 6px;
  }
}

#wiseSystems .modal.openModal .modalWrap .modalInner {
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 160px);
  padding: 40px;
  text-align: left;
}

@media (max-width: 768px) {
  #wiseSystems .modal.openModal .modalWrap .modalInner {
    padding: 5%;
  }
}

#wiseSystems .modal.openModal .modalWrap .modalInner .modalHead {
  color: #6cace4;
  font-size: 20px;
  font-weight: 600;
}

@media (max-width: 768px) {
  #wiseSystems .modal.openModal .modalWrap .modalInner .modalHead {
    font-size: 18px;
  }
}

#wiseSystems .modal.openModal .modalWrap .modalInner .modalTxt {
  margin-top: 8px;
  font-size: 14px;
}

#wiseSystems .modal.openModal .modalWrap .modalInner .modalImgUl {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

@media (max-width: 768px) {
  #wiseSystems .modal.openModal .modalWrap .modalInner .modalImgUl {
    margin: 0 -5px;
  }
}

#wiseSystems .modal.openModal .modalWrap .modalInner .modalImgUl > li {
  width: calc(100% - 20px);
  margin: 30px 10px 0;
}

@media (max-width: 768px) {
  #wiseSystems .modal.openModal .modalWrap .modalInner .modalImgUl > li {
    width: calc(100% - 10px);
    margin: 15px 5px 0;
  }
}

#wiseSystems .modal.openModal .modalWrap .modalInner .modalImgUl > li .modalCap {
  margin-top: 12px;
  font-size: 12px;
}

@media (max-width: 768px) {
  #wiseSystems .modal.openModal .modalWrap .modalInner .modalImgUl > li .modalCap {
    margin-top: 6px;
  }
}

#wiseSystems .modal.openModal .modalWrap .modalInner .modalImgUl > li.sizeS {
  width: calc((100% - 100px) / 5);
}

@media (max-width: 768px) {
  #wiseSystems .modal.openModal .modalWrap .modalInner .modalImgUl > li.sizeS {
    width: calc((100% - 20px) / 2);
  }
}

#wiseSystems .modal.openModal .modalWrap .modalInner .modalImgUl > li.sizeM {
  width: calc(((100% - 100px) / 5 * 3) + 40px);
}

@media (max-width: 768px) {
  #wiseSystems .modal.openModal .modalWrap .modalInner .modalImgUl > li.sizeM {
    width: calc(100% - 10px);
  }
}

#wiseSystems .modal.openModal .modalWrap .closeBtn {
  position: absolute;
  top: -42px;
  right: 0;
  width: 30px;
}

@media (max-width: 768px) {
  #wiseSystems .modal.openModal .modalWrap .closeBtn {
    top: calc(100% + 30px);
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 74px;
    height: 22px;
  }
}

#wiseSystems .modal.openModal .modalWrap .closeBtn .closeX {
  width: 100%;
}

@media (max-width: 768px) {
  #wiseSystems .modal.openModal .modalWrap .closeBtn .closeX {
    width: auto;
    height: 100%;
  }
}

#wiseSystems .modal.openModal .modalWrap .closeBtn .closeTxt {
  display: none;
}

@media (max-width: 768px) {
  #wiseSystems .modal.openModal .modalWrap .closeBtn .closeTxt {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
  }
}

#wiseSystems .modal.openModal .closeBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
}

#wiseSystems .movieModal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
}

#wiseSystems .movieModal.openModal {
  display: block;
}

#wiseSystems .movieModal.openModal .movieModalInner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 800px;
  z-index: 2;
}

#wiseSystems .movieModal.openModal .movieModalInner .cmFrame {
  width: 100%;
  padding-bottom: 56.25%;
}

#wiseSystems .movieModal.openModal .movieModalInner .cmFrame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#wiseSystems .movieModal.openModal .movieModalInner .cmFrame .cmFrameTxt {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding-top: 1em;
  color: #fff;
  font-size: 16px;
}

@media (max-width: 768px) {
  #wiseSystems .movieModal.openModal .movieModalInner .cmFrame .cmFrameTxt {
    padding-top: .8em;
    font-size: 11px;
  }
}

#wiseSystems .movieModal.openModal .movieModalInner .cmFrame .closeBtn {
  position: absolute;
  top: -42px;
  right: 0;
  width: 30px;
}

@media (max-width: 768px) {
  #wiseSystems .movieModal.openModal .movieModalInner .cmFrame .closeBtn {
    top: calc(100% + 30px);
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 74px;
    height: 22px;
  }
}

#wiseSystems .movieModal.openModal .movieModalInner .cmFrame .closeBtn .closeX {
  width: 100%;
}

@media (max-width: 768px) {
  #wiseSystems .movieModal.openModal .movieModalInner .cmFrame .closeBtn .closeX {
    width: auto;
    height: 100%;
  }
}

#wiseSystems .movieModal.openModal .movieModalInner .cmFrame .closeBtn .closeTxt {
  display: none;
}

@media (max-width: 768px) {
  #wiseSystems .movieModal.openModal .movieModalInner .cmFrame .closeBtn .closeTxt {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
  }
}

#wiseSystems .movieModal.openModal .closeBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
}

#wiseSystems .hiddenWrap {
  transition: all .5s .3s ease;
}

#wiseSystems .hidden {
  transform: translateY(20px);
  opacity: 0;
}

/* Wordpress用調整　*/
html {
  overflow-y: auto;
}

#wiseSystems > a:link, #wiseSystems > a:visited {
  color: #06c;
}

a.region__lang__link {
  text-align: left;
}

section.region.region--white {
  line-height: 1;
}

.header__logo__thelogo img {
  display: inline-block;
}

.header__navigation__block {
  text-align: left;
}

.footer__nav__menu {
  text-align: left;
}

footer.footer.footer--glue {
  text-align: left;
  font-family: "HelveticaNeueLTStd-Roman";
  font-size: inherit;
  line-height: 1;
}

div#container {
  margin-top: 30px;
}

body {
  overflow-x: unset;
}

#wiseSystems .modal {
  background: unset;
  pointer-events: auto;
  opacity: unset;
}

.header__navigation__block__title__thetitle > a:link, .header__navigation__block__title__thetitle > a:visited {
  color: inherit;
}

.header__navigation__block__title__thetitle > a:hover, .header__navigation__block__title__thetitle > a:active {
  color: inherit;
}

a.fix-color:link, a.fix-color:visited {
  color: inherit;
}

a.fix-color:hover, a.fix-color:active {
  color: inherit;
}

.header__navigation__block__subnavigation__block__title > a:link, .header__navigation__block__subnavigation__block__title > a:visited {
  color: inherit;
}

.header__navigation__block__subnavigation__block__title > a:hover, .header__navigation__block__subnavigation__block__title > a:active {
  color: inherit;
}

.header__subnavigation__block__subnavigation__block__title > a:link, .header__subnavigation__block__subnavigation__block__title > a:visited {
  color: inherit;
}

.header__subnavigation__block__subnavigation__block__title > a:hover, .header__subnavigation__block__subnavigation__block__title > a:active {
  color: inherit;
}

.footer__bottom__copyright__legal > a:link, .footer__bottom__copyright__legal > a:visited {
  color: inherit;
}

.footer__bottom__copyright__legal > a:hover, .footer__bottom__copyright__legal > a:active {
  color: inherit;
}