/************************************/
/*********  導入事例 目次 *************/
/************************************/
.Product-appremo .Web-Basic #toc-box {
  margin-bottom: 30px;
  padding: 15px 10px 5px 15px;
  border: 1px solid #ddd;
  background-color: #f6f6f6;
}
.Product-appremo .Web-Basic #toc-box #toc-index {
  margin-top: 12px;
  margin-bottom: 15px;
}
.Product-appremo .Web-Basic #toc-box #toc-index > li {
  margin-bottom: 3px;
}
.Product-appremo .Web-Basic #toc-box #toc-index > li a {
  font-weight: 300;
  color: #1b1b1b;
  color: #75a478 !important;
  margin-left: 3px;
}
.Product-appremo .Web-Basic #toc-box #toc-index > li a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .Product-appremo .Web-Basic #toc-box #toc-index > li a {
    font-size: 16px;
  }
}

.Row:not(.anchor) .Column--6.tar,
.Row:not(.anchor) .Column--6.tal {
  display: table;
}
@media (max-width: 819px) {
  .Row .Column--small-12.tar,
  .Row .Column--small-12.tal {
    text-align: center !important;
  }
}
.Blog-News a.news .tag {
  background: #ffb74d !important;
}

.LP-Product-Title .Wrap {
  min-height: 70px;
}
.LP-Product-Title .Wrap h2 {
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
}
/*.LP-Product-Title {
border-top: solid 4px #94c096;
border-bottom: solid 4px #94c096;
}
.LP-Product-Title:before {
top: 3px;
left: 0;
}*/
.LP-Product-Title:before {
  border: 10px double #fff;
  opacity: 0.8;
}

/************************************/
/****  Appremo CTA 2 button *************/
/************************************/
.appremo-cta .Row .Button--large {
  box-shadow: rgb(13 23 34 / 25%) 0 3px 15px, rgb(13 23 34 / 13%) 0 0 0 1px !important;
  min-width: 293px;
}
@media (max-width: 374px) {
  .appremo-cta .Row .Button--large {
    min-width: auto;
  }
}

@media (min-width: 820px) {
  .appremo-cta .Row .w1 {
    text-align: right;
  }
  .appremo-cta .Row .w2 {
    text-align: left;
  }
}
@media (max-width: 819px) {
  .appremo-cta .Row .Column--small-12 {
    text-align: center !important;
  }
  .appremo-cta .Row .w1 {
    padding-bottom: 20px;
  }
  .appremo-cta .Row {
    margin-top: 30px;
  }
}
/************************************/
/*********  Product Home *************/
/************************************/
.Product-home .Card-size .TileCard-title {
  font-weight: 600;
  font-size: 20px;
  min-height: 56px;
  margin-bottom: 20px;
}
.Product-home .Card-size .TitleCard-des p {
  text-align: left;
}
.Product-home .Card-image {
  background-color: #f4f4f4 !important;
}
.Product-home .Card-size .Row {
  align-items: stretch;
}

.Product-home .Card-size .Card-image > div:only-child {
  justify-content: space-between;
}

.Product-home .Card-size .Card-image > div:only-child img {
  max-height: 260px !important;
  max-width: 260px !important;
}

.Product-home .Card-size .Card {
  padding: 30px 20px;
  height: 100%;
}

.Product-home .Hero:before,
.Product-home .Hero--home:before,
.Product-home .Hero--small:before,
.Product-home .Hero--logo:before,
.Product-home .Hero--basic:before {
  background: linear-gradient(
    155deg,
    rgba(13, 23, 34, 0.5) 0%,
    rgba(13, 23, 34, 0.75) 100%
  ) !important;
  opacity: 0.5;
}
.Product-home .Header .opacity-bg {
  background: unset;
}
.Product-home.Pacnav--is-scrolling .Header .opacity-bg {
  background: #0d1722;
  opacity: 1;
}
.Product-home .Header-nav > div > ul.menu > li > a,
.Product-home .Header-nav > div > ul.menu > li > li a.active,
.Product-home .Header-nav > div > div.hs-menu-wrapper > ul > li > a,
.Product-home .Header-nav > div > div.hs-menu-wrapper > ul > li > li a.active {
  color: #fff;
}
.Product-home .Header .Header-cta {
  display: none;
}
.Product-home.Pacnav--is-scrolling .Header {
  border-bottom: 3px solid #a72956;
}
.Product-home .Footer {
  background-color: #0d1722;
}
.Product-home .Footer-nav a,
.Product-home .Footer-nav a.active,
.Product-home .Footer-nav .nolink,
.Product-home .Footer .title,
.Product-home .Footer .company p {
  color: #fff;
}
.Product-home .Footer .company p.address a {
  color: #fff;
}
.Product-home .Footer-copyright {
  color: #fff;
}
.Product-home .Footer-copyright a,
.Product-home .Footer-copyright a.active,
.Product-home .Footer-copyright .nolink {
  color: #fff;
}
.Product-home .Footer-copyright a:active,
.Product-home .Footer-copyright a:hover,
.Product-home .Footer-copyright a.active:active,
.Product-home .Footer-copyright a.active:hover,
.Product-home .Footer-copyright .nolink:active,
.Product-home .Footer-copyright .nolink:hover {
  color: #fff;
}
.Product-home .Header-nav > div > ul.menu > li > a:active,
.Product-home .Header-nav > div > ul.menu > li > a:hover,
.Product-home .Header-nav > div > ul.menu > li > li a.active:active,
.Product-home .Header-nav > div > ul.menu > li > li a.active:hover,
.Product-home .Header-nav > div > div.hs-menu-wrapper > ul > li > a:active,
.Product-home .Header-nav > div > div.hs-menu-wrapper > ul > li > a:hover,
.Product-home
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:active,
.Product-home
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:hover {
  color: #fff;
}
.Product-home .flex-border.v2 .Row a:hover .ColumnContentSection-title {
  color: #84afcf;
}
.Product-home .flex-border.v2 .Section-cta a {
  padding: 20px 40px;
  height: auto;
  line-height: 32px;
  font-size: 20px;
}
@media (max-width: 479px) {
  .Product-home .flex-border.v2 .Row .ColumnContentSection-title {
    padding-right: 10px;
    padding-left: 10px;
  }
  .Product-home .flex-border.v2 .Section-cta a {
    padding: 10px 20px;
    font-size: 18px;
  }
}
.Product-home .flex-border.v2 {
  padding-bottom: 120px;
}
.Product-home .flex-border.v2 .ColumnContentSection-body {
  padding: 10px 20px 20px 20px;
}
.Product-home .flex-border.v2 .ColumnContentSection-title {
  margin-bottom: 0 !important;
  color: #84afcf;
  margin-top: 30px;
  font-size: 22px !important;
  line-height: 34px !important;
  min-height: 68px;
}
.Product-home .flex-border.v2 .Row a {
  color: #4a4a4a;
  box-shadow: rgb(13 23 34 / 25%) 0 3px 15px, rgb(13 23 34 / 13%) 0 0 0 1px !important;
  padding-top: 20px;
  transition: box-shadow 0.4s;
  background: #fff;
  border-radius: 7px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}

.Product-home .flex-border.v2 .a1 img {
  height: 59px !important;
  margin-top: 26px !important;
}
.Product-home .flex-border.v2 .a2 img {
  height: 36px !important;
  margin-top: 40px !important;
}
.Product-home .LP-Flex.default.flex-border .Row a .ColumnContentSection-title {
  color: #666;
}
.Product-home .LP-Recent-News dl.list dd a:hover {
  color: #4a4a4a;
  opacity: 0.8;
}
.Product-home .Button--outline,
.Product-home .pager-load-more a,
.Product-home .item-list .pager-load-more a {
  color: #a72956;
  border-color: #a72956;
}
.Product-home .Button--outline:active,
.Product-home .pager-load-more a:active,
.Product-home .Button--outline:hover,
.Product-home .pager-load-more a:hover {
  color: #a72956;
  border-color: #a72956;
  opacity: 0.8;
}
@media (max-width: 640px) {
  .Product-home .flex-border.v2 .a1 img {
    height: 56px !important;
  }
  .Product-home .flex-border.v2 .a2 img {
    height: 32px !important;
  }
}
@media (max-width: 959px) {
  .Product-home .LP-Flex .Section-content .ColumnContentSection-image {
    margin-bottom: 0;
    width: 250px;
    margin-top: -20px;
  }
}
.Product-home .u-textColor--blue {
  color: #a72956;
}
.Product-home
  .LP-Google-Search-Result
  .gsc-results
  .gsc-cursor-box
  .gsc-cursor-page:not(.gsc-cursor-current-page) {
  background-color: #a72956;
}

.hs-form .form-sub-title {
  font-weight: bold;
  margin-bottom: 10px;
}

.Pacnav--is-loaded:not(.Pacnav--is-scrolling) .PacnavToggle-lines,
.Pacnav--is-loaded:not(.Pacnav--is-scrolling) .PacnavToggle-circles {
  fill: #4a4a4a;
}
.thumb-border {
  box-shadow: rgb(13 23 34 / 25%) 0 3px 15px, rgb(13 23 34 / 13%) 0 0 0 1px;
}
@media (max-width: 639px) {
  .img-align {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .img-align img {
    width: 100% !important;
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.Blog-Basic .blog-section ul,
.Blog-Basic .blog-section ol {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .Blog-News .Blog-Detail .blog-section {
    margin-left: 0px;
  }
}
.color-bold {
  color: #75a478;
}
/* Add CSS System EXE */
/* @media (max-width: 820px){
#hs_menu_wrapper_main_nav .menu .marged-item {
display: none !important;
}
} */
.GlobalSearch.overflow-scroll {
  border-bottom: none;
  border-top: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  .table-scroll-wrap {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .table-scroll-wrap {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .table-scroll-wrap {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
  .table-scroll-wrap {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
}
@media (max-width: 819px) {
  .Header-nav #primary-nav.is-mobile.is-active {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .Header-nav
    #primary-nav.is-mobile.is-active
    #hs_menu_wrapper_main_nav
    > ul
    > li.expanded.is-active
    > a:before {
    transform: translate(calc(40px - 100vw), 0) rotate(180deg);
  }
}

@media (max-width: 819px) {
  .Pacnav--is-mobile.Pacnav--is-active.Menu--is-level0 .Header .GlobalSearch {
    background-color: #75a478;
  }
}
.LP-Form.overlay
  .form_inbound
  .hs-form
  input[type="checkbox"].hs-input:checked
  + span::before {
  background-color: #ffb74d;
}
.LP-Form.overlay .form_inbound .hs-form input.hs-input,
.LP-Form.overlay .form_inbound .hs-form textarea.hs-input {
  color: #666;
}
.Page.LP-Basic {
  background: #94c096;
}
body:not(.has-inverse-hero) .GlobalSearch-field input[type="text"] {
  color: #fff;
  background: #75a478;
}
body:not(.has-inverse-hero) .GlobalSearch-field {
  background: #75a478;
}
.Pacnav--is-active .Header .Header-cta {
  z-index: 99;
}
.Pacnav--is-active .Header .Header-cta [class^="Button--"] {
  color: #fff;
  border-color: #fff;
  height: 36px;
  line-height: 32px;
  background-color: rgba(255, 255, 255, 0);
}
.TX-Basic .LP-Related-Resource {
  padding-top: 0;
}
.TX-Basic .LP-Related-Resource .Wrap {
  padding-top: 60px;
  border-top: 1px solid #a5d6a7;
}
.System-Basic .Hero.Hero--small {
  padding-top: 152px;
}
.LP-List-Case.fix-font .ListCaseItem-body,
.LP-List-Case.fix-font .ListCaseItem-body p {
  font-size: 17px;
}
.LP-List-Case .ListCaseItem.none-link {
  padding: 30px 20px;
}
/* .LP-Related-Resource .Column-item:nth-child(3) .ColumnContentSection-pdf .ColumnContentSection-icon {
height: 203px;
width: auto;
} */
.block_900 {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.block_1000 {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 900px) {
  .block_900 {
    width: 100%;
  }
  .block_1000 {
    width: 100%;
  }
}

.LP-Custom-Module.title-center
  .ColumnContentSection-content
  .ColumnContentSection-title {
  text-align: center;
}
.sp {
  display: none !important;
}
@media (max-width: 768px) {
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
}
.Blog-Basic .Hero--small.smallest {
  padding-top: 150px;
}
@media (max-width: 819px) {
  .Pacnav--is-mobile .Header:before {
    background: #75a478;
    opacity: 1;
  }
  .Pacnav--is-scrolling .Header .opacity-bg {
    opacity: 1 !important;
  }
  .Pacnav--is-mobile.Pacnav--is-active .Logo .Logo-img-main {
    display: block;
  }
  .Pacnav--is-mobile.Pacnav--is-active .Logo .Logo-img-white {
    display: none;
  }
  .Pacnav--is-mobile.Pacnav--is-active .PacnavToggle .PacnavToggle-lines {
    fill: #fff;
  }
}
.Page.LP-Basic .Resource-form .LP-Form .hs-form-field .hs-error-msgs li label {
  color: #f13f3f !important;
}
@media (max-width: 819px) {
  .Page.Web-Basic .LP-Hero.has-topmenu .Hero--small.smallest,
  .Page.Web-Sidebar .LP-Hero.has-topmenu .Hero--small.smallest {
    margin-top: -80px !important;
  }
}
#Blog-Page .Blog-List .cat-name {
  background: #94c096;
}
#BreadCrumb ul.breadcrumb li a,
#BreadCrumb ul.hs-breadcrumb-menu li a,
.Blog-Detail #toc-index > li a {
  color: #75a478 !important;
}
.Footer-copyright {
  margin-top: 0;
}
.Product-resource .Resource-form {
  background: #757575;
}
.Product-resource .Resource {
  background: #fff;
}
.LP-Hero.none-image .Hero--home.bg-2 {
  background: url(https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/library/classic/images/hero-bg-v2.png)
    no-repeat bottom center !important;
  padding-top: 230px !important;
}
.LP-Form.overlay .form_inbound .hs-form select.hs-input.white-color {
  color: #666 !important;
}
.LP-FooterForm
  .LP-Form.overlay
  .form_inbound
  .hs-form
  input[type="checkbox"].hs-input
  + span::before {
  border: 2px #666 solid;
}
.LP-FooterForm .LP-Form.overlay .form_inbound .hs-form .form-privacy,
.LP-Form.overlay .form_inbound .hs-form .att,
.LP-FooterForm .LP-Form.overlay .form_inbound .hs-form .form-privacy a,
.LP-Form.overlay .form_inbound .hs-form .att a {
  color: #666;
}
.LP-FooterForm .LP-Form.overlay .form_inbound .hs-form textarea.hs-input {
}
.LP-FooterForm .LP-Form.overlay .form_inbound .form-title,
.LP-FooterForm .LP-Form.overlay .form_inbound .form-subtitle {
  color: #666 !important;
}
.LP-FooterForm.overlay-bg:before {
  background: #75a478;
  opacity: 0.8;
}
.LP-FooterForm .LP-Form.overlay .form_inbound .hs-form input.hs-input:hover,
.LP-FooterForm .LP-Form.overlay .form_inbound .hs-form input.hs-input:focus,
.LP-FooterForm .LP-Form.overlay .form_inbound .hs-form textarea.hs-input:hover,
.LP-FooterForm .LP-Form.overlay .form_inbound .hs-form textarea.hs-input:focus {
  color: #666 !important;
}
.LP-FooterForm .LP-Form.overlay .form_inbound .hs-form .hs-input {
  border: 1px solid #666 !important;
}
.LP-FooterForm .LP-Form.overlay .form_inbound {
  background-color: #f5f5f6;
  opacity: 1;
}
.LP-FooterForm
  .LP-Form.overlay
  .form_inbound
  .hs-form
  label
  span:not(.hs-form-required) {
  color: #666 !important;
  font-weight: bold;
}
.LP-FooterForm .hs-form input.hs-input {
  color: #666 !important;
}

.LP-FooterForm .hs-form select.hs-input {
  color: #bdbdbd !important;
}

.LP-FooterForm input::placeholder {
  color: #bdbdbd !important;
}

/* IE */
.LP-FooterForm input:-ms-input-placeholder {
  color: #bdbdbd !important;
}

/* Edge */
.LP-FooterForm input::-ms-input-placeholder {
  color: #bdbdbd !important;
}

.LP-FooterForm ::placeholder {
  color: #bdbdbd !important;
}

.bg-green .Wrap--narrow .Hero-title {
  color: #fff;
}
.bg-green .Hero:before {
  background: #94c096 !important;
  opacity: 1;
}
@media (max-width: 639px) {
  .size-normal {
    font-size: 24px;
    line-height: normal;
  }
  .size-small {
    font-size: 20px;
    line-height: normal;
  }
  .size-smallest {
    font-size: 16px;
    line-height: normal;
  }
}
@media (min-width: 640px) {
  .size-normal {
    font-size: 30px;
    line-height: 42px;
  }
  .size-small {
    font-size: 28px;
  }
  .size-smallest {
    font-size: 24px;
  }
}
@media (max-width: 1040px) {
  .LP-List-Case .ListCaseItem .ListCaseItem-content {
    height: 100% !important;
  }
}
.Global-Menu .SearchTop-input {
  color: #0d1722 !important;
  background: #fff;
  border-color: #fff;
}
.Column--3 .ColumnContentSection-title:after,
.Column--4 .ColumnContentSection-title:after {
  background: #75a478;
}
.LP-List-Case .ListCaseItem-title,
a.PostTeaser .Card-title {
  color: #75a478;
}
.Footer-nav a,
.Footer-nav a.active,
.Footer-nav .nolink,
.Footer .title,
.Footer .company p {
  color: #4a4a4a;
}

.Pacnav--is-mobile:not(.Pacnav--is-scrolling) .PacnavToggle-lines {
  fill: #4a4a4a;
}
@media (max-width: 639px) {
  .Column--small-6.fix-sp {
    padding: 0 5px 30px;
  }
  .Column--small-6.fix-sp .ColumnContentSection-title {
    font-size: 16px;
    line-height: 20px;
  }
  .Column--small-6.fix-sp .ColumnContentSection-body {
    padding: 0px 2px 30px 2px !important;
    font-size: 14px;
    line-height: 20px;
  }
  .LP-Flex.flex-case .fix-sp {
    padding-bottom: 0;
  }
  .LP-Flex.flex-case .Section-content {
    margin-top: 10px;
  }
  .LP-Flex.flex-case .Section-header {
    margin-bottom: 10px;
  }
}
.LP-ListResources .Wrap .Section-title,
.LP-ListResources .ColumnContentSection-content .ColumnContentSection-title {
  color: #4a4a4a;
}
.Page:not(.LP-Basic) .LP-Hero.has-topmenu .Hero--small.smallest {
  padding-top: 115px;
}
.Pacnav--is-scrolling .Header .Logo-block .Logo-img-main {
  display: block;
}
.Pacnav--is-scrolling .Header .Logo-block.Logo-global .Logo-img-white {
  display: none;
}
.has-border-top .Wrap {
  border-top: 1px solid #a5d6a7;
  padding-top: 60px;
}
.LP-List-Case.card-image .Row .ListCaseItem a {
  color: #4a4a4a;
  box-shadow: rgba(13, 23, 34, 0.25) 0 3px 15px,
    rgba(13, 23, 34, 0.125) 0 0 0 1px;
  padding: 0;
  padding-bottom: 20px;
  transition: box-shadow 0.4s;
  background: #fff;
  border-radius: 7px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
.LP-List-Case.card-image .Row .ListCaseItem figure img {
  max-width: 100% !important;
}
.LP-List-Case.card-image .Row .ListCaseItem {
  border: 0;
}
.LP-List-Case.card-image .Row .ListCaseItem-content {
  padding: 0 20px;
}

.has-subtitle .Section-content h2 {
  margin-top: 10px;
}
.dark-color {
  color: #75a478;
}
.Hero,
.Hero--home,
.Hero--small,
.Hero--logo,
.Hero--basic {
  padding-top: 280px;
}
.Hero:before,
.Hero--home:before,
.Hero--small:before,
.Hero--logo:before,
.Hero--basic:before {
  background: linear-gradient(135deg, #fff 0%, #c5c4c4 100%);
  opacity: 0.3;
}
.Page .LP-Hero.has-topmenu .Hero--overlay {
  background-position: top center;
}
.LP-Hero .Wrap--narrow p,
.LP-Hero .Wrap--narrow h1,
.LP-Hero .Wrap--narrow h2 {
  color: #fff;
}
.Pacnav--is-scrolling .Header .opacity-bg {
  background: #75a478;
  opacity: 0.8;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.Pacnav--is-scrolling .Header {
  background: none;
  border-bottom: none;
}
.Header .opacity-bg {
  background: #fff;
  opacity: 0.9;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.Header {
  height: 90px;
}
.Header-nav > div > div.hs-menu-wrapper > ul > li > a {
  color: #4a4a4a;
}
.Header-cta [class^="Button--"] {
  color: #4a4a4a;
  border-color: #4a4a4a;
}
.Footer .company p.address,
.Footer .company p.name {
  line-height: normal;
}
.Footer .company p.address a {
  color: #4a4a4a;
}
.Header-Global .Global-Menu {
  border-bottom: none;
}
.Header-Global .Global-Menu {
  background-color: #75a478;
}
.Footer {
  background-color: #f5f5f6;
}
.Header-nav > div > ul.menu > li > a:active,
.Header-nav > div > ul.menu > li > a:hover,
.Header-nav > div > ul.menu > li > li a.active:active,
.Header-nav > div > ul.menu > li > li a.active:hover,
.Header-nav > div > div.hs-menu-wrapper > ul > li > a:active,
.Header-nav > div > div.hs-menu-wrapper > ul > li > a:hover,
.Header-nav > div > div.hs-menu-wrapper > ul > li > li a.active:active,
.Header-nav > div > div.hs-menu-wrapper > ul > li > li a.active:hover {
  color: #75a478;
}
.Header-cta [class^="Button--"]:hover {
  color: #75a478;
  border-color: #75a478;
}

.Footer-copyright {
  color: #4a4a4a;
}
.SocialIcon--facebook {
  background-image: url(https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/icon-social-facebook-v3.svg);
}
.SocialIcon--twitter {
  background-image: url(https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/icon-social-twitter-v3.svg);
}
/* Add CSS System EXE */
.u-bgColor--f5f5f6 {
  background: #f5f5f6;
}
.u-bgColor--f2f2f2 {
  background: #f2f2f2;
}
@media (min-width: 640px) {
  .LP-List-Case .ListCaseItem-title {
    /*     height: 58px; */
    position: relative;
  }
}
.LP-Detail-Case ul > li:before {
  border: 2px solid #75a478 !important;
}
.left-border-none .lead {
  padding-left: 0 !important;
  border-left: 0 !important;
}
.border-top-line {
  padding-top: 0 !important;
}
.border-top-line .Wrap {
  border-top: 1px solid #75a478;
  padding-top: 45px;
}
@media (max-width: 959px) and (min-width: 481px) {
  .Blog-Detail .section.post-body {
    padding-bottom: 120px;
  }
}
@media (max-width: 819px) {
  .Page .Header .Header-cta {
    display: block !important;
  }
}
/* .ContentWithVideoSection .VideoPreview:after {
display: none;
}
/* .Sidebar .active-branch .is-active:not(.active):before {
background: #fff !important;
} */
/* .Sidebar .active-branch .is-active:not(.active)  a {
color: #4a4a4a !important;
} */
/* 	.Header .Logo {
margin-right: 0;
}
@media (min-width: 820px){
.Header .Header-nav {
margin-right: 100px;
width: calc(100% - 281px);
}
}
.Header-nav>div>ul.menu li+li, .Header-nav>div>div.hs-menu-wrapper>ul li+li {
margin-left: 26px;
} */
.LP-Flex.default .Row a:hover .ColumnContentSection-title {
  color: #a5d6a7;
}

@media (min-width: 640px) {
  .LP-Flex.fix-height .ColumnContentSection-title {
    height: 85px;
    position: relative;
  }
  .LP-Flex.fix-height .ColumnContentSection-title:after {
    position: absolute;
    bottom: 0px;
    margin-left: calc(50% - 30px);
    margin-bottom: 0px;
  }
}
.LP-Detail-Case .Case-header-lead .lead {
  color: #666666;
}
.LP-Detail-Case h3 {
  color: #75a478;
  border-bottom: #75a478 solid 2px;
}
/************************************/
/***********  Logo Appremo **********/
/************************************/
.Pacnav--is-scrolling .Header .Logo-block.Logo-global,
.Pacnav--is-scrolling .Header .Logo-block.Logo-global .Logo-img-main,
.Pacnav--is-scrolling .Header .Logo-block.Logo-global .Logo-img-white {
  width: auto;
  height: 40px;
}

@media (max-width: 819px) {
  .Pacnav--is-scrolling .Header .Logo-block.Logo-global,
  .Pacnav--is-scrolling .Header .Logo-block.Logo-global .Logo-img-main,
  .Pacnav--is-scrolling .Header .Logo-block.Logo-global .Logo-img-white {
    width: auto;
    height: 35px;
  }
}

@media (max-width: 479px) {
  .Pacnav--is-scrolling .Header .Logo-block.Logo-global,
  .Pacnav--is-scrolling .Header .Logo-block.Logo-global .Logo-img-main,
  .Pacnav--is-scrolling .Header .Logo-block.Logo-global .Logo-img-white {
    width: auto;
    height: 30px;
  }
}

body:not(.Pacnav--is-scrolling) .Header .Logo-block.Logo-global,
body:not(.Pacnav--is-scrolling) .Header .Logo-block.Logo-global .Logo-img-main,
body:not(.Pacnav--is-scrolling)
  .Header
  .Logo-block.Logo-global
  .Logo-img-white {
  width: auto;
  height: 45px;
}

@media (max-width: 959px) {
  body:not(.Pacnav--is-scrolling) .Header .Logo-block.Logo-global,
  body:not(.Pacnav--is-scrolling)
    .Header
    .Logo-block.Logo-global
    .Logo-img-main,
  body:not(.Pacnav--is-scrolling)
    .Header
    .Logo-block.Logo-global
    .Logo-img-white {
    width: auto;
    height: 40px;
  }
}

@media (max-width: 479px) {
  body:not(.Pacnav--is-scrolling) .Header .Logo-block.Logo-global,
  body:not(.Pacnav--is-scrolling)
    .Header
    .Logo-block.Logo-global
    .Logo-img-main,
  body:not(.Pacnav--is-scrolling)
    .Header
    .Logo-block.Logo-global
    .Logo-img-white {
    width: auto;
    height: 30px;
  }
}

/************************************/
/*******  Logo Oracle Cloud *********/
/************************************/

@media (max-width: 819px) {
  .Pacnav--is-scrolling .Header .Logo-block.Logo-global,
  .Pacnav--is-scrolling .Header .Logo-block.Logo-global .Logo-img-main,
  .Pacnav--is-scrolling .Header .Logo-block.Logo-global .Logo-img-white,
  body:not(.Pacnav--is-scrolling) .Header .Logo-block.Logo-oracle-cloud,
  body:not(.Pacnav--is-scrolling)
    .Header
    .Logo-block.Logo-oracle-cloud
    .Logo-img-main,
  body:not(.Pacnav--is-scrolling)
    .Header
    .Logo-block.Logo-oracle-cloud
    .Logo-img-white {
    width: auto;
    height: 41px;
  }
}

.LP-Cta-Section.u-bgColor--389ECC {
  background-color: #fff;
}
.LP-Cta-Section.u-bgColor--389ECC:before,
.CtaSection:before {
  /*   background: linear-gradient(135deg,#94c096 0%,#a5d6a7 100%); */
  opacity: 0.9;
}
.LP-QuoteSlider.u-bgColor--389ECC {
  background: linear-gradient(135deg, #75a478 0%, #4cb3a6 100%);
}
.u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap,
.u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--noPadding,
.u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--noPaddingAll,
.u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--wide,
.u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--narrow,
.u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-blog,
.u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-news,
.u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-partners,
.u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-resources,
.u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .has-cutout-hero
  .Body-sections
  > .Section:first-child,
.has-cutout-hero
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Body-sections
  > .Section:first-child,
.u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .has-cutout-hero
  .Body-sections
  > :first-child
  > .Section,
.has-cutout-hero
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Body-sections
  > :first-child
  > .Section {
  border-top: 1px solid #a5d6a7;
}
/* .LP-Cta-Section .Button--large {
background: #fff;
color: #75a478;
} */
/* #BreadCrumb ul.breadcrumb li a, #BreadCrumb ul.hs-breadcrumb-menu li a, .Blog-Detail #toc-index > li a {
color : #75a478 !important;
} */
#BreadCrumb ul.breadcrumb li.active a {
  color: #4a4a4a !important;
}
#BreadCrumb .hs-breadcrumb-menu li.last-crumb a {
  color: #4a4a4a !important;
}
a {
  color: #75a478;
}
@media (max-width: 819px) {
  .Header .GlobalSearch {
    display: block !important;
    left: 410px;
  }
}
.Header .GlobalSearch.is-active {
  display: block !important;
  left: 520px;
}
/* .GlobalSearch-close {
right: -75px;
border-width: 1px 1px 1px 1px;
border-radius: 7px 7px 7px 7px;
} */

.Header .sp {
  display: none !important;
}
@media (max-width: 768px) {
  /*   .Header .Logo-img-white {
  display: none !important;
} */
  .Header .sp {
    display: block !important;
  }
}
a.Card:active .Card-cta,
.VideoPreview:active .Card-cta,
a.Card:hover .Card-cta,
.VideoPreview:hover .Card-cta {
  background: rgba(0, 153, 120, 0.1);
  color: #009978;
}
/************************************/
/********* Blog Middle CTA **********/
/************************************/
#Blog-Page #related_post ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 20px;
}

#Blog-Page #related_post ul li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
}

#Blog-Page #related_post ul li a:after {
  font-family: "fontawesome";
  content: "\f054";
  left: 0.6em;
  font-size: 12px;
  color: #75a478;
  position: absolute;
  top: 2px;
}

#Blog-Page .post-footer-list ul {
  padding-left: 0px;
  margin-top: 20px;
}

#Blog-Page .post-footer-list ul li {
  display: inline-block;
  list-style: none;
  font-size: 14px;
  padding-left: 10px;
}

#Blog-Page .post-footer-list ul li:before {
  display: none;
}

#Blog-Page .post-footer-list ul li a {
}
.pagination-blog .pagination-item a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/************************************/
/********** Seminar List ************/
/************************************/
.Blog-Seminar .post-news .list a {
  transition: all 0.3s ease;
  color: #3e3e3e;
  display: flex;
  flex-wrap: wrap;
  border-bottom: #ccc dotted 1px;
}

.Blog-Seminar .post-news dl.list dt {
  padding-left: 0;
  width: 200px;
}
@media (min-width: 768px) {
  .Blog-Seminar .post-news dl.list dd:not(.none) {
    width: calc(100% - 200px);
  }
}
.Blog-Seminar .post-news dl.list dd:not(.none) {
  margin-top: 0;
  padding-left: 0;
  border-bottom: none;
  margin-left: 0px;
}
@media only screen and (max-width: 819px) {
  .Blog-Seminar #Main_Content,
  .Blog-Seminar #Blog-Sidebar {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 640px) {
  .Blog-Seminar .post-news dl.list dt,
  .Blog-Seminar .post-news dl.list dd {
    width: 100%;
  }
}
.Blog-Seminar .post-news .list a:hover {
  opacity: 0.7;
  background-color: #f5f5f5;
  text-decoration: none;
}

.Blog-Seminar #Blog-Page .Blog-List .cat-name {
  background: #75a478;
  color: #fff;
  font-size: 16px;
  padding: 0px 12px;
  margin-right: 8px;
  position: relative;
}

.Blog-Seminar .post-news .s_title {
  display: block;
  margin-bottom: 10px;
}

.Blog-Seminar .post-news .datesec {
  margin-bottom: 10px;
}

.Blog-Seminar .post-news .datesec .date,
.Blog-Seminar .post-news .placesec .place {
  display: inline-block;
  background: #3e3e3e;
  color: #fff;
  font-size: 14px;
  padding: 0px 10px;
  margin-bottom: 5px;
}

.Blog-Seminar .post-news .datesec .date_dtl,
.Blog-Seminar .post-news .placesec .place_dtl {
  font-size: 16px;
  padding-left: 10px;
}

@media only screen and (max-width: 768px) {
  .Blog-Seminar .listing-blog .post-news dl.list dt {
    display: block;
    width: 100%;
    padding-left: 0;
  }
  .Blog-Seminar .listing-blog .post-news dl.list dd {
    padding-left: 0;
    margin-top: 10px;
    padding-top: 0;
  }
  .Blog-Seminar .post-news .s_title {
    font-size: 1.2rem;
  }
}

/************************************/
/********** Blog Middle CTA *********/
/************************************/
.Blog-Detail .middle-cta {
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px 0px 30px;
  width: calc(100%);
}

.Blog-Detail .middle-cta .Column--6 {
  padding: 0;
}

.Blog-Detail .middle-cta .Column--6 .hs-cta-wrapper {
  display: block;
  padding: 10px;
  background-color: #f6f6f6;
}

.Blog-Detail .middle-cta .Column--6:first-child .hs-cta-wrapper {
  margin-right: 5px;
}

.Blog-Detail .middle-cta .Column--6:last-child .hs-cta-wrapper {
  margin-left: 5px;
}

@media (min-width: 960px) {
  .Blog-Detail .middle-cta .Column--6:first-child {
    text-align: left;
  }
  .Blog-Detail .middle-cta .Column--6:last-child {
    text-align: right;
  }
}
@media (max-width: 959px) {
  .Blog-Detail .middle-cta .Column--6:first-child {
    margin-bottom: 15px;
  }
  .Blog-Detail .middle-cta .Column--6:first-child .hs-cta-wrapper {
    margin-right: 0;
  }
  .Blog-Detail .middle-cta .Column--6:last-child .hs-cta-wrapper {
    margin-left: 0;
  }
  .Blog-Detail .middle-cta .Column--6 {
    text-align: center;
  }
}

.LP-Hero .Wrap--narrow .Hero-logo {
  margin-bottom: 30px;
}
.LP-Hero .Hero-kicker {
  color: #fff;
}

.BasicContentSection .Section-bg.opacity.opacity-75:before {
  background: linear-gradient(
    155deg,
    rgba(13, 23, 34, 0.2) 0%,
    rgba(0, 180, 141, 0.3) 100%
  ) !important;
}
.Card-cta {
  color: #75a478;
}
/************************************/
/********** Blog Middle CTA *********/
/************************************/
.Blog-Detail .cta-middle {
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0px 0px 30px;
  width: calc(100%);
}

.Blog-Detail .cta-middle .Column--6 {
  padding: 0;
}

.Blog-Detail .cta-middle .Column--6 .hs-cta-wrapper {
  display: block;
  padding: 10px;
  background-color: #f6f6f6;
}

.Blog-Detail .cta-middle .Column--6:first-child .hs-cta-wrapper {
  margin-right: 5px;
}

.Blog-Detail .cta-middle .Column--6:last-child .hs-cta-wrapper {
  margin-left: 5px;
}

@media (min-width: 960px) {
  .Blog-Detail .cta-middle .Column--6:first-child {
    text-align: left;
  }
  .Blog-Detail .cta-middle .Column--6:last-child {
    text-align: right;
  }
}
@media (max-width: 959px) {
  .Blog-Detail .cta-middle .Column--6:first-child {
    margin-bottom: 15px;
  }
  .Blog-Detail .cta-middle .Column--6:first-child .hs-cta-wrapper {
    margin-right: 0;
  }
  .Blog-Detail .cta-middle .Column--6:last-child .hs-cta-wrapper {
    margin-left: 0;
  }
  .Blog-Detail .cta-middle .Column--6 {
    text-align: center;
  }
}

#related_resource ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 20px;
}
#related_resource ul li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
}
#related_resource .list .item a:after {
  font-family: "fontawesome";
  content: "\f054";
  left: 0.6em;
  font-size: 12px;
  color: #75a478;
  position: absolute;
  top: 2px;
}

.Blog-Seminar .post-news .datesec,
.Blog-Seminar .post-news .placesec,
.Blog-Seminar .post-news .event-organizer {
  margin-bottom: 6px;
}

.Blog-Seminar .post-news .datesec .date,
.Blog-Seminar .post-news .placesec .place,
.Blog-Seminar .post-news .event-organizer .organizer,
.Blog-Seminar .post-news .event-co-sponsored .sponsored {
  display: inline-block;
  background: #3e3e3e;
  color: #fff;
  font-size: 14px;
  padding: 0px 10px;
  margin-bottom: 5px;
}

.Blog-Seminar .post-news .datesec .date_dtl,
.Blog-Seminar .post-news .placesec .place_dtl,
.Blog-Seminar .post-news .event-organizer .organizer-val,
.Blog-Seminar .post-news .event-co-sponsored .sponsored-val {
  font-size: 16px;
  padding-left: 10px;
}

/************************************/
/*************  nikuQ ***************/
/************************************/
.Product-niku-q .Header-Global .Global-Menu {
  background-color: #84afcf;
}
.Product-niku-q.Pacnav--is-scrolling .Header .opacity-bg {
  background: #93c3e6;
}
.Product-niku-q .Button--outline,
.Product-niku-q .pager-load-more a,
.item-list .pager-load-more a {
  color: #84afcf;
  border-color: #84afcf;
}
.Product-niku-q .bg-green .Hero:before {
  background: #93c3e6 !important;
}
.Product-niku-q #BreadCrumb ul.breadcrumb li a,
.Product-niku-q #BreadCrumb ul.hs-breadcrumb-menu li a,
.Product-niku-q .Blog-Detail #toc-index > li a {
  color: #84afcf !important;
}
.Product-niku-q .oci-color {
  color: #84afcf !important;
}
.Product-niku-q
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap,
.Product-niku-q
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--noPadding,
.Product-niku-q
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--noPaddingAll,
.Product-niku-q
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--wide,
.Product-niku-q
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--narrow,
.Product-niku-q
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-blog,
.Product-niku-q
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-news,
.Product-niku-q
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-partners,
.Product-niku-q
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-resources,
.Product-niku-q
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .has-cutout-hero
  .Body-sections
  > .Section:first-child,
.Product-niku-q
  .has-cutout-hero
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Body-sections
  > .Section:first-child,
.Product-niku-q
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .has-cutout-hero
  .Body-sections
  > :first-child
  > .Section,
.Product-niku-q
  .has-cutout-hero
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Body-sections
  > :first-child
  > .Section {
  border-top: 1px solid #84afcf;
}
.Product-niku-q .table.v2 th {
  background-color: #93c3e6;
  color: #fff;
}
.Product-niku-q .LP-Cta-Section.u-bgColor--389ECC:before,
.Product-niku-q .CtaSection:before {
  background: #93c3e6 !important;
}
.Product-niku-q .LP-Cta-Section .Section-cta .Button--large {
  color: #84afcf;
  background-color: #fff;
}
.Product-niku-q .Header-cta [class^="Button--"]:hover {
  color: #84afcf;
  border-color: #84afcf;
}
.Product-niku-q .Header-nav > div > ul.menu > li > a:active,
.Product-niku-q .Header-nav > div > ul.menu > li > a:hover,
.Product-niku-q .Header-nav > div > ul.menu > li > li a.active:active,
.Product-niku-q .Header-nav > div > ul.menu > li > li a.active:hover,
.Product-niku-q .Header-nav > div > div.hs-menu-wrapper > ul > li > a:active,
.Product-niku-q .Header-nav > div > div.hs-menu-wrapper > ul > li > a:hover,
.Product-niku-q
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:active,
.Product-niku-q
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:hover {
  color: #84afcf;
}
.Product-niku-q
  .Header-nav
  > div
  > ul.menu
  > li.expanded:hover
  > ul.menu
  a:hover,
.Product-niku-q
  .Header-nav
  > div
  > ul.menu
  > li.expanded:hover
  > ul.hs-menu-children-wrapper
  a:hover,
.Product-niku-q
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li.hs-item-has-children:hover
  > ul.menu
  a:hover,
.Product-niku-q
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li.hs-item-has-children:hover
  > ul.hs-menu-children-wrapper
  a:hover,
.Product-niku-q .PacnavToggle.is-active .PacnavToggle-items a:hover,
.Product-niku-q
  .Header-nav
  > div
  > ul.menu
  > li.expanded:hover
  > ul.menu
  .nolink:hover,
.Product-niku-q
  .Header-nav
  > div
  > ul.menu
  > li.expanded:hover
  > ul.hs-menu-children-wrapper
  .nolink:hover,
.Product-niku-q
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li.hs-item-has-children:hover
  > ul.menu
  .nolink:hover,
.Product-niku-q
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li.hs-item-has-children:hover
  > ul.hs-menu-children-wrapper
  .nolink:hover,
.Product-niku-q .PacnavToggle.is-active .PacnavToggle-items .nolink:hover {
  background: linear-gradient(90deg, #93c3e6 0%, #93c3e6 100%);
}
.Product-niku-q .Resource-form .ao-richtext-block ul > li:before,
.Product-niku-q
  .ActonFormSection
  .Section-content
  .ao-richtext-block
  ul
  > li:before,
.Product-niku-q .Career-content ul > li:before,
.Product-niku-q .Post-content ul > li:before,
.Product-niku-q .Section-content ul > li:before,
.Product-niku-q .LP-Flex .Section-header ul > li:before {
  border: 2px solid #84afcf;
}
.Product-niku-q .LP-FooterForm.overlay-bg:before {
  background: #93c3e6;
}
.Product-niku-q .hs-form .hs-button,
.Product-niku-q .Button--large {
  background: #84afcf;
}
.Product-niku-q .Button--reverse:hover {
  border-color: #84afcf;
}
.Product-niku-q .TX-Basic .LP-Related-Resource .Wrap {
  border-top: 1px solid #84afcf;
}
.Product-niku-q .LP-List-Case .ListCaseItem-title,
.Product-niku-q a.PostTeaser .Card-title {
  color: #84afcf;
}
.Product-niku-q .Card-cta {
  color: #84afcf;
}
.Product-niku-q a.Card:active .Card-cta span,
.Product-niku-q .VideoPreview:active .Card-cta span,
.Product-niku-q a.Card:hover .Card-cta span,
.Product-niku-q .VideoPreview:hover .Card-cta span {
  color: #84afcf;
  border-color: #84afcf;
}
.Product-niku-q .LP-Flex.default .Row a:hover .ColumnContentSection-title {
  color: #93c3e6;
}

.height-fix .Section-image.is-contained {
  margin-top: 45px;
}

.mb32 {
  margin-bottom: 32px;
}

.cmn-list-3col {
  width: 100%;
}

.cmn-list-3col::after {
  content: "";
  clear: both;
  display: block;
}

.cmn-list-3col li {
  width: calc((100% - 64px) / 3);
  margin: 0 32px 32px 0;
  float: left;
  border: 1px #d4d4d4 solid;
  padding-left: 0 !important;
}

.cmn-list-3col li:nth-of-type(3n) {
  margin: 0 0 32px 0;
}
.cmn-list-3col li .ttl {
  padding: 15px 0 14px;
  background: #f5f5f5;
  color: #84afcf;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
}
.cmn-list-3col li figure {
  padding: 10px;
  box-sizing: border-box;
  vertical-align: top;
  letter-spacing: normal;
  text-align: center;
  margin: 0;
}

.cmn-list-2col-b {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
.cmn-list-3col li:before {
  display: none !important;
}
@media only screen and (max-width: 960px) {
  .cmn-list-3col li,
  .cmn-list-3col li:nth-of-type(3n) {
    width: 75%;
    float: none;
    margin: 0 auto 32px;
  }

  .cmn-list-2col-b li {
    width: 100%;
  }
}

@media only screen and (max-width: 640px) {
  .cmn-list-3col li,
  .cmn-list-3col li:nth-of-type(3n) {
    width: 100%;
    float: none;
    margin: 0 auto 32px;
  }

  .cmn-list-2col-b li {
    width: 100%;
  }
}

/************************************/
/*****  Oracle Cloud *****/
/************************************/
/* Start LP-Hero-EXE-Cloud */
.Product-oracle-cloud .LP-Hero-EXE-Cloud img {
  max-width: 100%;
  height: auto;
  max-height: none;
}

.Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero--home {
  background: var(--background-pc) no-repeat bottom center;
  background-size: 100% 100%;
  padding: 207px 0 66px;
  height: auto;
}
@media (max-width: 819px) {
  .Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero--home {
    background-image: var(--background-sp, var(--background-pc));
    padding: 167px 0 44px;
    background-size: 100% calc(100% - 127px);
  }
}
@media (max-width: 639px) {
  .Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero--home {
    margin-top: -80px;
  }
}
.Product-oracle-cloud .LP-Hero-EXE-Cloud .Wrap {
}
@media (min-width: 820px) {
  .Product-oracle-cloud .LP-Hero-EXE-Cloud .Wrap {
    display: grid;
    grid-template-columns: 598fr 66fr 576fr;
    align-items: center;
  }
}
@media (max-width: 819px) {
  .Product-oracle-cloud .LP-Hero-EXE-Cloud .Wrap {
    width: calc(100% - 40px);
    padding: 0 20px;
  }
}

.Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-img-title {
  margin-bottom: 0;
}
@media (min-width: 820px) {
  .Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-img-title {
    grid-column: 1 / 2;
    position: relative;
    top: 36px;
  }
}
@media (max-width: 819px) {
  .Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-img-title {
    max-width: 283px;
    margin-right: auto;
    margin-left: auto;
  }
}
.Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-image {
  float: none;
  position: static;
  max-width: none;
  margin-bottom: 0;
  padding-left: 0;
}
@media (min-width: 820px) {
  .Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-image {
    grid-column: 3 / 4;
  }
}
@media (max-width: 819px) {
  .Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-image {
    width: 100%;
    max-width: 335px;
    margin: 20px auto 0;
  }
}
.Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-cta-items {
  grid-column: 1 / 4;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 72px;
  padding-left: 0;
  list-style: none;
}
@media (max-width: 819px) {
  .Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-cta-items {
    grid-template-columns: 100%;
    gap: 10px;
    margin-top: 34px;
  }
}
.Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-cta-items li {
  display: grid;
}
.Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-cta-items a {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 38px 1fr;
  column-gap: 14px;
  min-height: 70px;
  padding: 10px 36px 10px 16px;
  background-color: #007cc8;
  border: 2px solid #007cc8;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600;
  color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
  transition: background-color 0.4s ease, color 0.4s ease;
}
@media (max-width: 819px) {
  .Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-cta-items a {
    grid-template-columns: 30px 1fr;
    column-gap: 10px;
    min-height: 60px;
    padding: 10px 36px 10px 10px;
    font-size: 14px;
    line-height: 1.42857;
  }
}
.Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-cta-items a:hover {
  text-decoration: none;
}
@media (any-hover: hover) {
  .Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-cta-items a:hover {
    background-color: #fff;
    color: #007cc8;
  }
}
.Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-cta-items .icon {
  grid-column: 1 / 2;
  display: block;
  width: 38px;
  height: auto;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-src);
  mask-image: var(--icon-src);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  aspect-ratio: var(--icon-width) / var(--icon-height);
}
@media (max-width: 819px) {
  .Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-cta-items .icon {
    width: 30px;
  }
}
.Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-cta-items .text {
  grid-column: 2 / 3;
}
.Product-oracle-cloud .LP-Hero-EXE-Cloud .Hero-cta-items .fa {
  position: absolute;
  display: block;
  right: 16px;
  font-size: 30px;
  color: currentColor;
}

/* End LP-Hero-EXE-Cloud */

.Product-oracle-cloud
  .Page
  .LP-Hero.LP-Hero-default
  .Hero--home.bg-2
  .Hero-info {
  float: none;
  margin: auto;
}

.Product-oracle-cloud #Blog-Page #related_post ul li a,
.Product-oracle-cloud #Blog-Page #related_post ul li a:after {
  color: #84afcf;
}
.Product-oracle-cloud .Header-Global .Global-Menu {
  background-color: #007cc8;
}
.Product-oracle-cloud.Pacnav--is-scrolling .Header .opacity-bg {
  background-color: #fff;
  opacity: 1;
}
.Product-oracle-cloud.Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > a,
.Product-oracle-cloud.Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active,
.Product-oracle-cloud.Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > ul.menu
  > li
  > a,
.Product-oracle-cloud.Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > ul.menu
  > li
  > li
  a.active,
.Product-oracle-cloud.Pacnav--is-scrolling
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > a,
.Product-oracle-cloud.Pacnav--is-scrolling
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active,
.Product-oracle-cloud.Pacnav--is-scrolling .Header-nav > div > ul.menu > li > a,
.Product-oracle-cloud.Pacnav--is-scrolling
  .Header-nav
  > div
  > ul.menu
  > li
  > li
  a.active {
  color: #4a4a4a !important;
}
.Product-oracle-cloud.Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > a:hover,
.Product-oracle-cloud.Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:hover,
.Product-oracle-cloud.Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > ul.menu
  > li
  > a:hover,
.Product-oracle-cloud.Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > ul.menu
  > li
  > li
  a.active:hover,
.Product-oracle-cloud.Pacnav--is-scrolling
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > a:hover,
.Product-oracle-cloud.Pacnav--is-scrolling
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:hover,
.Product-oracle-cloud.Pacnav--is-scrolling
  .Header-nav
  > div
  > ul.menu
  > li
  > a:hover,
.Product-oracle-cloud.Pacnav--is-scrolling
  .Header-nav
  > div
  > ul.menu
  > li
  > li
  a.active:hover {
  color: #007cc8 !important;
}

.Product-oracle-cloud .PacnavToggle-circles,
.Product-oracle-cloud .PacnavToggle-lines,
.Product-oracle-cloud.Pacnav--is-mobile.Pacnav--is-active
  .PacnavToggle
  .PacnavToggle-lines {
  fill: #4a4a4a;
}

.Product-oracle-cloud .Header-nav .is-mobile div.hs-menu-wrapper > ul li,
.Product-oracle-cloud .Header-nav .is-mobile ul.menu li {
  border-top-color: rgba(74, 74, 74, 0.15);
}

.Product-oracle-cloud .LP-Cta-Section.u-bgColor--389ECC:before,
.Product-oracle-cloud .CtaSection:before {
  background: #93c3e6 !important;
}
.Product-oracle-cloud
  .LP-Cta-Section:not(.LP-Product-Title).u-bgColor--389ECC:before {
  background: #007cc8 !important;
}

.Product-oracle-cloud .flex-border.v2 .Row a:hover .ColumnContentSection-title {
  color: #84afcf;
}
.Product-oracle-cloud .flex-border.v2 .Section-cta a {
  padding: 20px 40px;
  height: auto;
  line-height: 32px;
  font-size: 20px;
}
@media (max-width: 479px) {
  .Product-oracle-cloud .flex-border.v2 .Row .ColumnContentSection-title {
    padding-right: 10px;
    padding-left: 10px;
  }
  .Product-oracle-cloud .flex-border.v2 .Section-cta a {
    padding: 10px 20px;
    font-size: 18px;
  }
}
.Product-oracle-cloud .flex-border.v2 {
  padding-bottom: 120px;
}
.Product-oracle-cloud .flex-border.v2 .ColumnContentSection-body {
  padding: 10px 20px 20px 20px;
}
.Product-oracle-cloud .flex-border.v2 .ColumnContentSection-title {
  margin-bottom: 0 !important;
  color: #84afcf;
  margin-top: 30px;
  font-size: 22px !important;
  line-height: 34px !important;
  min-height: 68px;
}
.Product-oracle-cloud .flex-border.v2 .Row a {
  color: #4a4a4a;
  box-shadow: rgb(13 23 34 / 25%) 0 3px 15px, rgb(13 23 34 / 13%) 0 0 0 1px !important;
  padding-top: 20px;
  transition: box-shadow 0.4s;
  background: #fff;
  border-radius: 7px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
.Product-oracle-cloud .flex-border.v2 .Row a:hover .ColumnContentSection-title {
  color: #75a478;
}
/* .Product-oracle-cloud .flex-border.v2 .Row a:hover {
opacity: 1;
} */
.Product-oracle-cloud .dark-color {
  color: #84afcf;
}
.Product-oracle-cloud .LP-List-Case .ListCaseItem-title,
.Product-oracle-cloud a.PostTeaser .Card-title {
  color: #007cc8;
}
.Product-oracle-cloud .Card,
.Product-oracle-cloud .Card:hover {
  color: #212529;
}
.Product-oracle-cloud .PostTeaser-date {
  color: #212529;
}

.Product-oracle-cloud
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap,
.Product-oracle-cloud
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--noPadding,
.Product-oracle-cloud
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--noPaddingAll,
.Product-oracle-cloud
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--wide,
.Product-oracle-cloud
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--narrow,
.Product-oracle-cloud
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-blog,
.Product-oracle-cloud
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-news,
.Product-oracle-cloud
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-partners,
.Product-oracle-cloud
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-resources,
.Product-oracle-cloud
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .has-cutout-hero
  .Body-sections
  > .Section:first-child,
.Product-oracle-cloud
  .has-cutout-hero
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Body-sections
  > .Section:first-child,
.Product-oracle-cloud
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .has-cutout-hero
  .Body-sections
  > :first-child
  > .Section,
.Product-oracle-cloud
  .has-cutout-hero
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Body-sections
  > :first-child
  > .Section {
  border-top: 1px solid #84afcf;
}
.Product-oracle-cloud .border-top-fix .Wrap {
  border-top: 1px solid #84afcf;
}
.Product-oracle-cloud a.Card:active .Card-cta,
.Product-oracle-cloud .VideoPreview:active .Card-cta,
.Product-oracle-cloud a.Card:hover .Card-cta,
.Product-oracle-cloud .VideoPreview:hover .Card-cta {
  color: #007cc8;
  background: rgba(175, 68, 72, 0.1);
}
.Product-oracle-cloud a.Card:active .Card-cta span,
.Product-oracle-cloud .VideoPreview:active .Card-cta span,
.Product-oracle-cloud a.Card:hover .Card-cta span,
.Product-oracle-cloud .VideoPreview:hover .Card-cta span {
  border-color: #84afcf;
}
.Product-oracle-cloud .Card-cta {
  color: #007cc8;
}
.Product-oracle-cloud
  .LP-Flex.default
  .Row
  a:hover
  .ColumnContentSection-title {
  color: #84afcf;
  opacity: 0.8;
}
.Product-oracle-cloud .LP-Recent-News dl.list dd a {
  color: #212529;
}
.Product-oracle-cloud .LP-Recent-News dl.list dd a:hover {
  color: #007cc8;
}
.Product-oracle-cloud #download_popup_widget {
  border-top: 5px solid #93c3e6;
}
.Product-oracle-cloud .Header-cta [class^="Button--"]:hover {
  color: #84afcf;
  border-color: #84afcf;
}
.Product-oracle-cloud
  .LP-Custom-Module:not(.LP-Cta-Section)
  .Button--large:not(.Button--outline) {
  background: #007cc8;
  box-shadow: none !important;
}
.Product-oracle-cloud .Button--reverse:hover {
  border-color: #84afcf;
}
.Product-oracle-cloud .LP-Cta-Section .Section-cta .Button--large {
  color: #007cc8;
  background-color: #fff;
}
.Product-oracle-cloud .Button--outline,
.Product-oracle-cloud .pager-load-more a,
.item-list .pager-load-more a {
  color: #007cc8;
  border-color: #007cc8;
}
.Product-oracle-cloud .bg-green .Hero:before {
  background: #93c3e6 !important;
}
@media (min-width: 820px) {
  .Product-oracle-cloud
    .Header-nav
    > div
    > ul.menu
    > li.expanded:hover
    > ul.menu
    a:hover,
  .Product-oracle-cloud
    .Header-nav
    > div
    > ul.menu
    > li.expanded:hover
    > ul.hs-menu-children-wrapper
    a:hover,
  .Product-oracle-cloud
    .Header-nav
    > div
    > div.hs-menu-wrapper
    > ul
    > li.hs-item-has-children:hover
    > ul.menu
    a:hover,
  .Product-oracle-cloud
    .Header-nav
    > div
    > div.hs-menu-wrapper
    > ul
    > li.hs-item-has-children:hover
    > ul.hs-menu-children-wrapper
    a:hover,
  .Product-oracle-cloud .PacnavToggle.is-active .PacnavToggle-items a:hover,
  .Product-oracle-cloud
    .Header-nav
    > div
    > ul.menu
    > li.expanded:hover
    > ul.menu
    .nolink:hover,
  .Product-oracle-cloud
    .Header-nav
    > div
    > ul.menu
    > li.expanded:hover
    > ul.hs-menu-children-wrapper
    .nolink:hover,
  .Product-oracle-cloud
    .Header-nav
    > div
    > div.hs-menu-wrapper
    > ul
    > li.hs-item-has-children:hover
    > ul.menu
    .nolink:hover,
  .Product-oracle-cloud
    .Header-nav
    > div
    > div.hs-menu-wrapper
    > ul
    > li.hs-item-has-children:hover
    > ul.hs-menu-children-wrapper
    .nolink:hover,
  .Product-oracle-cloud
    .PacnavToggle.is-active
    .PacnavToggle-items
    .nolink:hover {
    background: linear-gradient(90deg, #007cc8 0%, #007cc8 100%);
  }
}
.Product-oracle-cloud .Header-nav > div > ul.menu > li > a:active,
.Product-oracle-cloud .Header-nav > div > ul.menu > li > a:hover,
.Product-oracle-cloud .Header-nav > div > ul.menu > li > li a.active:active,
.Product-oracle-cloud .Header-nav > div > ul.menu > li > li a.active:hover,
.Product-oracle-cloud
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > a:active,
.Product-oracle-cloud
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > a:hover,
.Product-oracle-cloud
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:active,
.Product-oracle-cloud
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:hover {
  color: #007cc8;
}
.Product-oracle-cloud .Column--3 .ColumnContentSection-title:after,
.Product-oracle-cloud .Column--4 .ColumnContentSection-title:after {
  background: #84afcf;
}
.Product-oracle-cloud
  .BasicContentSection
  .Section-bg.opacity.opacity-75:before {
  background: linear-gradient(
    155deg,
    rgba(13, 23, 34, 0.2) 0%,
    rgba(175, 68, 72, 0.3) 100%
  ) !important;
}
.Product-oracle-cloud .ColumnContentSection-awesome i {
  color: #84afcf;
  font-size: 60px;
}
.Product-oracle-cloud
  .LP-Flex
  .SideView
  .Row
  .Column
  .ColumnContentSection-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}
.Product-oracle-cloud
  .LP-Flex
  .SideView
  .Row
  .Column
  .ColumnContentSection-title {
  margin-left: 1em;
  margin-top: 0;
}
.Product-oracle-cloud .flex-2columns .Column--6 .ColumnContentSection-body,
.Product-oracle-cloud .flex-2columns .Column--5 .ColumnContentSection-body {
  padding-left: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.Product-oracle-cloud .LP-Flex .SideView ul > li:before {
  content: "";
  border: 2px solid #84afcf;
  border-radius: 100%;
  display: block;
  height: 6px;
  left: 0;
  position: absolute;
  top: 14px;
  transform: translate(0, -50%);
  width: 6px;
}
.Product-oracle-cloud .LP-Flex .SideView ul > li {
  padding-left: 20px;
  position: relative;
  list-style-type: none;
  margin-bottom: 10px;
}
.Product-oracle-cloud #BreadCrumb ul.breadcrumb li a,
.Product-oracle-cloud #BreadCrumb ul.hs-breadcrumb-menu li a {
  color: #84afcf !important;
}
.Product-oracle-cloud #BreadCrumb .hs-breadcrumb-menu li.last-crumb a {
  color: #4a4a4a !important;
}
.oci-color {
  color: #84afcf !important;
}
.Product-oracle-cloud .Blog-Detail #toc-index > li a {
  color: #3e3e3e !important;
}
.Product-oracle-cloud .widget .side-tocBox ol:before {
  background: #d9efff;
}
.Product-oracle-cloud .widget .side-tocBox ol li::before,
.Product-oracle-cloud .widget .side-tocBox ol li ol li:before {
  background: #a0d0f4;
}
.Product-oracle-cloud .widget .side-tocBox ol li.hight:before,
.Product-oracle-cloud .modal-open {
  background: #007cc8 !important;
}

.Product-oracle-cloud .LP-Product-Title .Wrap {
  min-height: 70px;
}
.Product-oracle-cloud .LP-Product-Title .Wrap h2 {
  margin-left: auto;
  margin-right: auto;
}
.Product-oracle-cloud .LP-Product-Title:before {
  border: 10px double #fff;
  opacity: 0.8;
}
ul.service-content li:before {
  display: none;
}
ul.service-content li {
  background-color: #84afcf;
  color: #fff;
  border-radius: 7px;
  text-align: center;
  padding: 8px 0px;
  font-weight: bold;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.LP-Flex.maintenance ul > li > ul {
  margin-top: 10px;
  margin-bottom: 20px;
}
.Product-oracle-cloud .Resource-form .ao-richtext-block ul > li:before,
.Product-oracle-cloud
  .ActonFormSection
  .Section-content
  .ao-richtext-block
  ul
  > li:before,
.Product-oracle-cloud .Career-content ul > li:before,
.Product-oracle-cloud .Post-content ul > li:before,
.Product-oracle-cloud .Section-content ul > li:before,
.Product-oracle-cloud .LP-Flex .Section-header ul > li:before {
  border: 2px solid #84afcf;
}
.Product-oracle-cloud .Column--5 .ColumnContentSection-title:after {
  background: #84afcf;
  content: "";
  display: block;
  height: 6px;
  display: block;
  margin: 20px auto 0;
  max-width: 100%;
  width: 60px;
}
.Product-oracle-cloud .table.v2 th {
  background-color: #93c3e6;
  color: white;
}
.Product-oracle-cloud .table.v2 tr:nth-child(even) {
  background-color: #f2f2f2;
}
.Product-oracle-cloud .mfp-content .mfp-figure img.mfp-img {
  width: 1280px;
  background-color: rgb(255, 255, 255);
  max-height: 800px !important;
}
.Product-oracle-cloud .anchor-link .Row .Column--small-12 {
  padding: 0 1px 1px;
}
.Product-oracle-cloud .anchor-link .Row a:hover {
  background-color: #93c3e6;
}
.Product-oracle-cloud #Blog-Sidebar .top-post.box ul li:nth-child(1):before,
.Product-oracle-cloud #Blog-Sidebar .top-post.box ul li:nth-child(2):before,
.Product-oracle-cloud #Blog-Sidebar .top-post.box ul li:nth-child(3):before {
  color: #84afcf;
}
.Product-oracle-cloud #Blog-Sidebar .top-post.box ul li a:after {
  color: #84afcf;
}
.Product-oracle-cloud #Blog-Page .Blog-List .cat-name {
  background: #84afcf;
}
.Product-oracle-cloud #Blog-Sidebar .recent-post.box .item a:after,
.Product-oracle-cloud #Blog-Sidebar .topic-list.box ul li a:after {
  color: #84afcf;
}
.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  a:not(.Button--large):not(.pager-load-more a):not(
    .item-list .pager-load-more a
  ):not(.Button--outline):not(.pager-load-more a):not(
    .item-list .pager-load-more a
  ),
.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  span
  a:not(.Button--large):not(.pager-load-more a):not(
    .item-list .pager-load-more a
  ):not(.Button--outline):not(.pager-load-more a):not(
    .item-list .pager-load-more a
  ) {
  color: #84afcf;
}
.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .cta-box
  a.cta_button,
.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  a.cta_button {
  color: #fff !important;
}
.Product-oracle-cloud .hs-form .hs-button {
  background: #84afcf;
}
.Product-oracle-cloud .Blog-List .post-news dl.list dd .tag {
  background: #93c3e6;
}
.Product-oracle-cloud .topic-list .hover-td-none {
  color: #84afcf;
}
.Product-oracle-cloud .Sidebar li:before {
  background: linear-gradient(90deg, #93c3e6 0%, #93c3e6 100%) !important;
}
.Product-oracle-cloud .LP-ListResources .Button--medium {
  background: #84afcf;
}
.Product-oracle-cloud .TX-Basic .LP-Related-Resource .Wrap {
  border-top: 1px solid #84afcf;
}
.Product-oracle-cloud .LP-FooterForm.overlay-bg:before {
  background: linear-gradient(
    155deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(253, 99, 107, 0.3) 100%
  ) !important;
}
.Product-oracle-cloud .overlay-bg:before {
  background: #93c3e6 !important;
}
.Product-oracle-cloud .u-textColor--blue {
  color: #84afcf;
}
.Product-oracle-cloud .Blog-Detail .blog-section .post-body ul li:before {
  border: 2px solid #84afcf;
}
.Product-oracle-cloud #Blog-Page .recent-posts a .recent-post .cat-name {
  background: #84afcf;
}
.Product-oracle-cloud .Blog-Detail .blog-section .post-body ol li:before {
  color: #84afcf;
}
.Product-oracle-cloud #Blog-Page .Blog-Nav ul li a,
.Product-oracle-cloud #Blog-Page .Blog-Nav ul li.active span {
  border: solid 1px #75a478;
}
.Product-oracle-cloud #Blog-Page .Blog-Nav ul li a,
.Product-oracle-cloud #Blog-Page .Blog-Nav ul li.active span {
  background-color: #93c3e6;
  border: solid 1px #93c3e6;
}
.Product-oracle-cloud #Blog-Page .Blog-Nav ul li.active span {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.Product-oracle-cloud #Blog-Sidebar .topic-list.box ul li a:hover {
  color: #93c3e6;
}
.Product-oracle-cloud .Page.LP-Basic {
  background: #93c3e6;
}
.Product-oracle-cloud .LP-Recent-Post .Card-image.large > :only-child {
  top: -40px;
}
.Product-oracle-cloud .Card-image.large {
  width: calc(100% + 80px);
}
.Product-oracle-cloud .Blog-Basic .Blog-Detail .post-body a {
  color: #84afcf;
}
.vertical-align-bottom tr td {
  vertical-align: text-bottom;
}
.triangle {
  background-image: url(https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/triangle_icon-v5.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.gap-icon {
  background-image: url(https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/gap-icon-v3.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.circle-icon {
  background-image: url(https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/circle-icon-v2.png);
  background-position: center center;
  background-repeat: no-repeat;
}

/************************************/
/******* 事例詳細ページ *************/
/************************************/
@media (max-width: 768px) {
  .Product-oracle-cloud
    .LP-Detail-Case
    .Wrap-content
    .Case-content
    .Row
    .Row
    .Column--4
    img {
    display: none;
  }
  .Product-oracle-cloud
    .LP-Detail-Case
    .Wrap-content
    .Case-content
    .Row
    .Row
    .Column--4
    .sp-block {
    display: block;
  }
  .Product-oracle-cloud .LP-Detail-Case .add_service_link .add_service dl dd {
    margin-left: 15px;
    padding-right: 15px;
  }
  .Product-oracle-cloud .LP-Detail-Case .add_service .Row .img-align {
    width: 150px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 15px !important;
  }
  .Product-oracle-cloud .LP-Detail-Case #add_summary .add_block .add_box p {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.Product-oracle-cloud
  .LP-Detail-Case
  .Wrap-content
  .Case-content
  .Row
  .setting {
  font-size: 14px;
  margin-top: 10px;
}
.Product-oracle-cloud .LP-Detail-Case #add_summary .add_block .add_box p {
  font-size: 17px;
}
.Product-oracle-cloud .LP-Detail-Case .add_service_link .add_service p,
.add_service_link .add_service ul li {
  font-size: 17px;
}
.Product-oracle-cloud
  .LP-Detail-Case
  .Wrap-content
  .Case-content
  .Row
  .Column--9
  .Case-content-text
  h2 {
  padding: 0.4em 0.5em;
  background: #f4f4f4;
  border-left: solid 5px #84afcf;
  border-bottom: solid 3px #d7d7d7;
  font-size: 24px;
  margin-top: 60px;
  font-weight: bold;
  padding-left: 20px;
}
.Product-oracle-cloud
  .LP-Detail-Case
  .Wrap-content
  .Case-content
  .Row
  .Column--9 {
  width: 100%;
}
.Product-oracle-cloud
  .LP-Detail-Case
  .Wrap-content
  .Case-content
  .Row
  .Case-content-company {
  display: none;
}
.Product-oracle-cloud .LP-Detail-Case .Case-header-lead .lead {
  color: #84afcf !important;
}
/*.Product-oracle-cloud .LP-Detail-Case .Case-content.detail {
margin-bottom: 60px;
}*/
.Product-oracle-cloud .LP-Detail-Case #add_summary .add_service > dl,
.Product-oracle-cloud .LP-Detail-Case #add_summary .add_service > .box {
  margin: 0 0 15px 0;
}
.Product-oracle-cloud .LP-Detail-Case .add_service .Row {
  padding-top: 20px;
  padding-bottom: 15px;
}
.Product-oracle-cloud .LP-Detail-Case .add_service .Row .img-align {
  margin: 30px 20px 0 20px;
  float: right;
}

.Product-oracle-cloud .LP-Detail-Case .summary_block {
  display: flex;
}
.Product-oracle-cloud .LP-Detail-Case .summary_block a {
  color: #165389;
}
.Product-oracle-cloud .LP-Detail-Case .summary_block a:hover {
  text-decoration: none;
}
.Product-oracle-cloud .LP-Detail-Case .summary_block_item {
  background-color: #d8eaf2;
  border-radius: 5px;
  position: relative;
  color: #165389;
  width: 100%;
  padding: 15px;
  text-align: center;
  margin: 5px;
  line-height: 30px;
  font-size: 18px;
}
.Product-oracle-cloud .LP-Detail-Case .summary_block_item:hover {
  background-color: #bde2f3;
}
.Product-oracle-cloud .LP-Detail-Case .summary_icon {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 22%;
}
.Product-oracle-cloud .LP-Detail-Case .summary_icon img {
  max-width: 100%;
}

.Product-oracle-cloud .LP-Detail-Case .summary_block_item .case_l {
  padding: 0 0.5em;
  display: inline-block;
  border-bottom: 2px solid #165389;
  font-size: 22px;
  margin-bottom: 16px;
  margin-left: 0;
}
.Product-oracle-cloud .LP-Detail-Case .summary_block_item:nth-child(3) .case_l {
  margin-left: 23%;
}

.Product-oracle-cloud .LP-Detail-Case .summary_block_item b {
  font-size: 24px;
}
.Product-oracle-cloud .LP-Detail-Case .summary_link {
  margin-top: 16px;
  padding-top: 16px;
  display: inline-block;
  font-size: 14px;
  padding: 2px 20px;
  color: #ffffff;
  background-color: #e51373;
}
.Product-oracle-cloud .LP-Detail-Case ul > li:before {
  border: 2px solid #84afcf !important;
}
.Product-oracle-cloud .LP-Detail-Case #add_summary .add_block .add_box dd {
  margin-left: 20px;
}
.Product-oracle-cloud .LP-Detail-Case a {
  color: #84afcf;
}
.Product-oracle-cloud .LP-Detail-Case .Case-content-text ul {
  padding-left: 15px;
}
.Product-oracle-cloud .LP-Detail-Case .Case-content-text ul li {
  padding-bottom: 12px;
}
.Product-oracle-cloud .LP-Detail-Case .oci-color {
  font-weight: bold;
}
.Product-oracle-cloud .LP-Detail-Case .highlights {
  background: #93c3e6;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding-top: 22px;
  padding-bottom: 22px;
}
.Product-oracle-cloud .LP-Detail-Case.case-study-top #add_summary {
  background-color: unset;
}
.Product-oracle-cloud .LP-Detail-Case.case-study-top .Case-header {
  padding-bottom: 0;
}
.Product-oracle-cloud .LP-Detail-Case.case-study-top .Case-content {
  padding-top: 10px;
}
.Product-oracle-cloud .LP-Detail-Case.case-study-top hr.mgbottom-0 {
  display: none;
}
.Product-oracle-cloud .LP-Detail-Case.case-study-top .Wrap {
  border-top: 1px solid #84afcf;
  padding-top: 60px;
}
.Product-oracle-cloud .LP-Detail-Case.case-study-top .Row.u-valignMiddle {
  margin-top: 30px;
}
.Product-oracle-cloud .LP-Detail-Case .Case-content p {
  margin-bottom: 10px;
  margin-top: 10px;
}
.Product-oracle-cloud .case-success {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  padding: 15px 30px;
  margin-bottom: 30px;
}
.Product-oracle-cloud .LP-Detail-Case h3 {
  color: #84afcf;
  border-bottom: #84afcf solid 2px;
  font-size: 20px;
  line-height: 1.5;
}
.Product-oracle-cloud .LP-Detail-Case #add_summary .add_service > dl dt,
.Product-oracle-cloud .LP-Detail-Case #add_summary .add_service > .box dt {
  background-color: #666666;
}
.Product-oracle-cloud input[type="text"]:focus,
.Product-oracle-cloud input[type="email"]:focus,
.Product-oracle-cloud input[type="password"]:focus,
.Product-oracle-cloud input[type="search"]:focus,
.Product-oracle-cloud input[type="number"]:focus,
.Product-oracle-cloud input[type="url"]:focus,
.Product-oracle-cloud input[type="tel"]:focus,
.Product-oracle-cloud input[type="datetime"]:focus,
.Product-oracle-cloud input[type="date"]:focus,
.Product-oracle-cloud input[type="month"]:focus,
.Product-oracle-cloud input[type="week"]:focus,
.Product-oracle-cloud textarea:focus {
  border-color: #93c3e6;
}

@media screen and (max-width: 900px) {
  .Product-oracle-cloud .LP-Detail-Case .summary_block_item .case_l {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .Product-oracle-cloud .LP-Detail-Case .summary_block {
    display: block;
  }
  .Product-oracle-cloud .LP-Detail-Case .summary_block_item .case_l {
    font-size: 22px;
    margin-bottom: 30px;
  }

  .Product-oracle-cloud .LP-Detail-Case .summary_block_item {
    margin: 10px 0;
  }
}

.product-title {
  color: #fff;
  padding: 0 6px;
  padding-bottom: 2px;
  font-size: 12px;
  border-radius: 3px;
}
.product-title.OracleCloud {
  background-color: #84afcf;
}
.product-title.AppRemo {
  background-color: #75a478;
}
.Product-oracle-cloud
  .LP-Form
  .hs-form-field
  input[type="checkbox"].hs-input:checked
  + span::before,
.Product-oracle-cloud
  .LP-Form
  .hs-form-field
  input[type="radio"].hs-input:checked
  + span::before {
  background-color: #84afcf !important;
}
.Product-oracle-cloud
  .LP-Google-Search-Result
  .gsc-results
  .gsc-cursor-box
  .gsc-cursor-page:not(.gsc-cursor-current-page) {
  background-color: #84afcf;
}
.Product-oracle-cloud .add-border-top .Wrap {
  border-top: 1px solid #84afcf;
  padding-top: 60px;
}
/************************************/
/*************  サービスページ改修 Thao **********/
/************************************/
.Product-oracle-cloud .text-logo {
  text-align: center;
  color: #84afcf;
  font-size: 62px;
  font-weight: 600;
}
.Product-oracle-cloud .LP-Flex .box-items .title span {
  padding: 15px 10px;
  align-items: center;
  vertical-align: bottom;
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  color: #84afcf;
}
.Product-oracle-cloud #data-analysis.LP-Flex .box-items .title span {
  color: #84afcf;
}
.Product-oracle-cloud .LP-Flex.no-image .box-items {
  padding: 20px;
  background: #ffffff;
  border: 2px solid #6666;
  border-radius: 15px;
}
.Product-oracle-cloud .LP-Flex.no-image .arrow-down {
  width: 0;
  height: 0;
  border-left: 170px solid transparent;
  border-right: 170px solid transparent;
  border-top: 40px solid #d9d9d9;
  margin: 0 auto;
}
.Product-oracle-cloud #data-analysis.LP-Flex .arrow-down {
  border-left: 230px solid transparent;
  border-right: 230px solid transparent;
}
.Product-oracle-cloud .LP-Flex.no-image .box-items .title {
  margin-bottom: 15px;
}
.Product-oracle-cloud .LP-Flex.no-image .box-items ul {
  margin: 10px 0 10px 15px;
  min-height: 122px;
}
.Product-oracle-cloud .LP-Flex.no-image .title-bottom {
  color: #84afcf;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
.Product-oracle-cloud #data-analysis.LP-Flex.no-image .title-bottom {
  color: #84afcf;
}
.Product-oracle-cloud .LP-Flex .box-features {
  box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px,
    rgb(0 0 0 / 30%) 0px 1px 3px -1px;
  text-align: center;
  justify-content: center;
  margin: 0 auto;
}
.Product-oracle-cloud .LP-Flex .box-features .title {
  color: #fff;
  font-size: 24px;
  background-color: #93c3e6;
  font-weight: 700;
}
.Product-oracle-cloud .LP-Flex .box-features .text {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
}
.Product-oracle-cloud .LP-Flex.list-service .box-exe-cloud {
  margin-top: 30px;
  background: #eedbdb;
  border-radius: 15px;
  padding: 30px 20px;
}
.Product-oracle-cloud .LP-Flex.list-service .box-exe-cloud h4 {
  text-align: center;
  min-height: 72px;
  margin-bottom: 0;
}
.Product-oracle-cloud .LP-Flex.list-service .box-exe-cloud .sub-title {
  min-height: 112px;
}
.Product-oracle-cloud .LP-Flex.list-service .box-exe-cloud .content-text {
  background: #ffffff;
  padding: 10px;
  font-size: 16px;
}
.Product-oracle-cloud
  .LP-Flex.list-service
  .box-exe-cloud
  .content-text
  .subtitle {
  font-size: 17px;
  font-weight: 700;
}
.Product-oracle-cloud .LP-Flex.list-service .box-exe-cloud ul {
  margin: 15px 0;
}
.Product-oracle-cloud .LP-Flex.list-service .box-exe-cloud i {
  color: #84afcf;
  font-size: 36px;
  display: flex;
  justify-content: center;
}
.Product-oracle-cloud .LP-Flex.list-service .box-exe-cloud .box-option {
  text-align: left;
  padding-left: 10px;
  color: #fff;
  background-color: #84afcf;
  margin-bottom: 0;
  margin-top: 15px;
}
.Product-oracle-cloud
  .LP-Flex.list-service
  .box-exe-cloud
  .content-text
  p:first-child {
  margin: 0;
}
.Product-oracle-cloud .LP-Flex.list-service .box-exe-cloud p {
  margin: 15px 0;
}
.Product-oracle-cloud
  .LP-Flex.no-image.no-border-title
  h3.ColumnContentSection-title {
  padding: 10px;
  margin-bottom: 0;
  background: #93c3e6;
  color: #fff;
}
.Product-oracle-cloud
  .LP-Flex.no-image.no-border-title
  h3.ColumnContentSection-title::after {
  display: none;
}
.Product-oracle-cloud
  .LP-Flex.no-image.no-border-title
  .ColumnContentSection-body {
  border: 2px solid #93c3e6;
  min-height: 260px;
}
@media (min-width: 768px) {
  .Product-oracle-cloud .LP-Flex.list-service .Secction-top .group {
    padding: 15px;
    color: #3a3a3a;
    background: #d9d9d9;
    font-size: 24px;
    position: absolute;
    top: 24%;
    font-weight: 600;
  }
  .Product-oracle-cloud .LP-Flex.list-service .Secction-top .group.group-1 {
    right: 77%;
  }
  .Product-oracle-cloud .LP-Flex.list-service .Secction-top .group.group-2 {
    left: 60%;
  }
  .Product-oracle-cloud .LP-Flex.list-service .Secction-top .connect-icon i {
    color: #84afcf;
    font-size: 36px;
    position: absolute;
    top: 56%;
    font-weight: 700;
  }
  .Product-oracle-cloud
    .LP-Flex.list-service
    .Secction-top
    .connect-icon
    i.fa-plus {
    right: 63.5%;
  }
  .Product-oracle-cloud
    .LP-Flex.list-service
    .Secction-top
    .connect-icon
    i.fa-ampersand {
    left: 66.5%;
  }
  .Product-oracle-cloud
    .LP-Flex.list-service.border-top-none
    .Wrap.flex-3columns {
    padding-bottom: 60px;
  }
  .Product-oracle-cloud .LP-Flex.list-service.border-top-none .Column--4 {
    width: 30%;
    padding-bottom: 0;
  }
  .Product-oracle-cloud
    .LP-Flex.list-service.border-top-none
    .Column--4:first-child {
    z-index: -5;
    background: #bb6368;
    border: 4px solid #bb6368;
  }
  .Product-oracle-cloud
    .LP-Flex.list-service.border-top-none
    .Column--4:nth-child(2) {
    margin-left: 60px;
    border: 4px dashed #3a3a3a;
    border-right: 0;
  }
  .Product-oracle-cloud
    .LP-Flex.list-service.border-top-none
    .Column--4:last-child {
    border: 4px dashed #3a3a3a;
    border-left: 0;
  }
}
@media (max-width: 959px) {
  .Product-oracle-cloud .LP-Flex .box-items .arrow-down {
    border-left: 130px solid transparent;
    border-right: 134px solid transparent;
  }
  .Product-oracle-cloud .LP-Flex .box-items .title span,
  .Product-oracle-cloud .LP-Flex.no-image .title-bottom {
    font-size: 18px;
  }
  .Product-oracle-cloud .LP-Flex .box-items .title span {
    padding: 15px 0;
  }
}
@media (max-width: 959px) and (min-width: 576px) {
  .Product-oracle-cloud .LP-Flex.list-service.border-top-none .Row {
    display: block;
  }
  .Product-oracle-cloud
    .LP-Flex.list-service.border-top-none
    .Column--medium-6:first-child {
    width: 50%;
    display: block;
    margin: 120px auto;
  }
  .Product-oracle-cloud
    .LP-Flex.list-service.border-top-none
    .Column--medium-6:nth-child(2) {
    float: left;
    margin: 0 auto;
  }
  .Product-oracle-cloud
    .LP-Flex.list-service.border-top-none
    .Column--medium-6:nth-child(2),
  .Product-oracle-cloud
    .LP-Flex.list-service.border-top-none
    .Column--medium-6:last-child {
    width: 50%;
    display: flex;
  }
  .Product-oracle-cloud .LP-Flex .box-items {
    min-height: 487px;
  }
  .Product-oracle-cloud .LP-Basic-Content .two-column-content .title {
    min-height: 85px;
  }
  .Product-oracle-cloud .LP-Basic-Content .two-column-content .text {
    min-height: 130px;
  }
  .Product-oracle-cloud .LP-Flex.list-service .Secction-top .group.group-1 {
    right: 40%;
    top: 10%;
  }
  .Product-oracle-cloud .LP-Flex.list-service .Secction-top .group.group-2 {
    left: 39%;
    top: 59%;
  }
  .Product-oracle-cloud .LP-Flex.list-service .Secction-top .connect-icon i {
    color: #84afcf;
    font-size: 36px;
    position: absolute;
    top: 56%;
    font-weight: 700;
  }
  .Product-oracle-cloud
    .LP-Flex.list-service
    .Secction-top
    .connect-icon
    i.fa-plus {
    right: 47.5%;
    top: 55%;
  }
  .Product-oracle-cloud
    .LP-Flex.list-service
    .Secction-top
    .connect-icon
    i.fa-ampersand {
    left: 48%;
    top: 74%;
  }
  .Product-oracle-cloud #data-analysis.LP-Flex .box-items {
    min-height: 345px;
  }
  .Product-oracle-cloud #data-analysis.LP-Flex .box-items img.img-70 {
    width: 70px !important;
  }
}
@media (max-width: 540px) {
  .Product-oracle-cloud .LP-Flex .box-items .arrow-down {
    border-left: 130px solid transparent;
    border-right: 134px solid transparent;
  }
  .Product-oracle-cloud #data-analysis.LP-Flex .arrow-down {
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
  }
  .Product-oracle-cloud .LP-Flex .box-items {
    padding: 10px;
  }
  .Product-oracle-cloud .text-logo {
    padding: 0;
    font-size: 42px;
  }
  .Product-oracle-cloud .LP-Flex.list-service .Secction-top {
    display: none;
  }
}
/************************************/
/*************   END サービスページ改修 Thao **********/
/************************************/

/************************************/
/*************  Fix Mobile **********/
/************************************/
@media (max-width: 639px) {
  .Footer-copyright li {
    flex-basis: 100%;
    text-align: left !important;
  }
  .Footer-copyright li:nth-child(2n) {
    border-left: none !important;
    padding-left: 0px !important;
  }
}
@media (max-width: 959px) {
  .Footer-copyright p {
    margin-bottom: 30px;
  }
}
.table-sp {
  overflow: auto;
}

.table-sp-600 {
  overflow: auto;
}
@media only screen and (max-width: 599px) {
  .table-sp-600 table {
    width: 600px;
  }
}
.table-sp-900 {
  overflow: auto;
}
@media only screen and (max-width: 899px) {
  .table-sp-900 table {
    width: 900px;
  }
}
.table-sp-1200 {
  overflow: auto;
}
@media only screen and (max-width: 1199px) {
  .table-sp-1200 table {
    width: 1200px;
  }
}
.Product-home .Page .Header .Header-cta {
  display: none !important;
}

/**********  Oracle Cloud **********/
@media (max-width: 819px) {
  .Product-oracle-cloud.Pacnav--is-mobile .Header:before {
    background: #fff;
  }
  .Product-oracle-cloud.Pacnav--is-mobile.Pacnav--is-active.Menu--is-level0
    .Header
    .GlobalSearch {
    background-color: #007cc8;
  }
}
.Product-oracle-cloud:not(.has-inverse-hero)
  .GlobalSearch-field
  input[type="text"] {
  background: #93c3e6;
}
.Product-oracle-cloud:not(.has-inverse-hero) .GlobalSearch-field {
  background: #93c3e6;
}
.Product-oracle-cloud .Page.LP-Basic {
  background: #93c3e6;
}
@media (max-width: 960px) {
  .Product-oracle-cloud .LP-ListResources .Section-cta.u-alignCenter {
    margin-top: 60px !important;
  }
}
@media only screen and (max-width: 959px) {
  .Product-oracle-cloud .LP-Flex.step .ColumnContentSection-title br {
    display: block;
  }
  .Product-oracle-cloud .LP-Flex.step .ColumnContentSection-title {
    margin-right: 0;
  }
  .Product-oracle-cloud .LP-Flex.step .Column--small-12 {
    width: 100%;
    padding-bottom: 30px;
  }
  .Product-oracle-cloud .LP-Flex.step .Column--small-12:not(:last-child):after {
    content: "\f0d7";
    height: 100px;
    width: 100px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 60%;
    margin-top: 60px;
  }
  .Product-oracle-cloud
    .LP-Flex
    .SideView
    .Row
    .Column
    .ColumnContentSection-title {
    margin-left: 0.2em;
  }
  .Product-oracle-cloud .LP-Detail-Case .highlights {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .Product-oracle-cloud
    .Page.Web-Basic
    .LP-Hero.has-topmenu
    .Hero--small.smallest
    .Hero-subtitle {
    text-align: left;
    margin-left: 0;
  }
}

/*************  nikuQ **********/
@media (max-width: 819px) {
  .Product-niku-q.Pacnav--is-mobile .Header:before {
    background: #93c3e6;
    background: #fff;
  }
  .Product-niku-q.Pacnav--is-mobile.Pacnav--is-active.Menu--is-level0
    .Header
    .GlobalSearch {
    background-color: #93c3e6;
  }
}

.Product-niku-q:not(.has-inverse-hero) .GlobalSearch-field input[type="text"] {
  background: #93c3e6;
}
.Product-niku-q:not(.has-inverse-hero) .GlobalSearch-field {
  background: #93c3e6;
}
.Product-niku-q .Page.LP-Basic {
  background: #93c3e6;
}
.Product-niku-q
  .LP-Form
  .hs-form-field
  input[type="checkbox"].hs-input:checked
  + span::before,
.Product-niku-q
  .LP-Form
  .hs-form-field
  input[type="radio"].hs-input:checked
  + span::before {
  background-color: #93c3e6 !important;
}
.Product-niku-q #download_popup_widget {
  border-top: 5px solid #93c3e6;
}

/************  Home **********/
.Product-home.Pacnav--is-mobile:not(.Pacnav--is-scrolling) .PacnavToggle-lines {
  fill: #fff;
}
@media (max-width: 819px) {
  .Product-home.Pacnav--is-mobile .Header:before {
    background: #0d1722;
  }
  .Product-home.Pacnav--is-mobile.Pacnav--is-active.Menu--is-level0
    .Header
    .GlobalSearch {
    background-color: #0d1722;
  }
}

.Product-home:not(.has-inverse-hero) .GlobalSearch-field input[type="text"] {
  background: #0d1722;
}
.Product-home:not(.has-inverse-hero) .GlobalSearch-field {
  background: #0d1722;
}
.Product-home .Page.LP-Basic {
  background: #0d1722;
}
@media (min-width: 820px) {
  .Product-home .Header .GlobalSearch {
    display: block;
  }
  .Product-home .Header .Header-nav {
    margin-right: 261px;
  }
}

/**********  Appremo Video **********/
.Product-appremo .LP-FlexVideo #works .thumb .img img {
  height: auto !important;
}
.Product-appremo
  .LP-FlexVideo
  #works
  #navArea_works
  .nav_works
  > li.cate_02
  .ttl {
  background-color: #75a478;
}
.Product-appremo .LP-FlexVideo #works .ttl {
  color: #75a478;
}
.Product-appremo .LP-FlexVideo #works .tag li.cate_02 {
  background-color: #75a478;
}
.Product-appremo
  .LP-FlexVideo
  #works
  #navArea_works
  .nav_works
  > li
  > ul
  > li
  a:hover {
  opacity: 0.9;
  color: #94c096;
}
.Product-appremo .LP-FormPopup .form_inbound .hs-form .att,
.Product-appremo .LP-FormPopup .form_inbound .hs-form .att a {
  color: #fff !important;
  font-size: 12px !important;
}
.Product-appremo .LP-FormPopup .LP-Form.overlay .form_inbound {
  max-height: 670px !important;
}
.Product-appremo
  .LP-FormPopup
  #hs_form_target_form_popup
  .hs_privacy_policy_check {
  margin-bottom: 20px !important;
}
.Product-appremo .LP-FormPopup .form_inbound .hs-form input.hs-input {
  color: #fff !important;
}

/* form（プライバシーポリシー） */
.hs_form_target_lp_form .elForm {
  max-width: 620px;
}

.elForm {
  margin: 0 auto;
  color: #ffffff;
}

.elForm-wrapper {
  max-width: 800px;
  margin: 40px auto 0 auto;
}

.elForm-switch {
  display: none;
}

.elForm-colset_2 {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.elForm-col_1 {
  margin-bottom: 20px;
}

.elForm-col_2 {
  width: 49%;
}

.elForm-col_2:nth-child(2n) {
  margin-left: 2%;
}

.elForm-label {
  margin: 0 0 5px 0;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.4;
}

.elForm-label span {
  margin-left: 5px;
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 3px;
  background-color: #f80000;
  font-size: 11px;
}

.elForm input.elForm-input_txt {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin-top: 3px;
  padding-right: 5px;
  padding-left: 5px;
  border: #ccc solid 1px;
  border: 1px solid rgba(254, 254, 254, 0.6);
  border-radius: 0;
  outline: none;
  background-color: transparent;
  color: #3e3e3e;
  color: #fff;
  font-size: 15px;
}

.elForm input.elForm-input_txt::-webkit-input-placeholder {
  color: rgba(254, 254, 254, 0.6);
}

.elForm input.elForm-input_txt::-moz-placeholder {
  color: rgba(254, 254, 254, 0.6);
}

.elForm input.elForm-input_txt:-ms-input-placeholder {
  color: rgba(254, 254, 254, 0.6);
}

.elForm input.elForm-input_txt::-ms-input-placeholder {
  color: rgba(254, 254, 254, 0.6);
}

.elForm input.elForm-input_txt::placeholder {
  color: rgba(254, 254, 254, 0.6);
}

.elForm input.elForm-input_txt:focus {
  border-color: #ffffff;
}

.elForm select.elForm-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 40px;
  margin-top: 3px;
  padding-right: 0;
  padding-left: 5px;
  border: 1px solid rgba(254, 254, 254, 0.6);
  border-radius: 0;
  outline: none;
  background-color: transparent;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.5;
}

.elForm select.elForm-select option {
  color: #000000;
}

.elForm-selectWrapepr {
  position: relative;
}

.elForm-selectWrapepr:after {
  position: absolute;
  top: 50%;
  right: 7px;
  margin: -6px 0 0 0;
  color: rgba(254, 254, 254, 0.6);
  font-family: FontAwesome;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  content: "\f078";
}

.elForm option:disabled {
  color: -internal-light-dark-color(graytext, #aaaaaa);
}

.elForm option:focus {
  border-color: #ffffff;
}

.elForm textarea.elForm-textarea {
  box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 130px;
  margin-top: 3px;
  padding-right: 5px;
  padding-left: 5px;
  border: 1px solid rgba(254, 254, 254, 0.6);
  border: #ccc solid 1px;
  border-radius: 0;
  outline: none;
  background-color: transparent;
  background-color: transparent;
  color: #fff;
  font-size: 15px;
}

.elForm textarea.elForm-textarea::-webkit-input-placeholder {
  color: rgba(254, 254, 254, 0.6);
}

.elForm textarea.elForm-textarea::-moz-placeholder {
  color: rgba(254, 254, 254, 0.6);
}

.elForm textarea.elForm-textarea:-ms-input-placeholder {
  color: rgba(254, 254, 254, 0.6);
}

.elForm textarea.elForm-textarea::-ms-input-placeholder {
  color: rgba(254, 254, 254, 0.6);
}

.elForm textarea.elForm-textarea::placeholder {
  color: rgba(254, 254, 254, 0.6);
}

.elForm textarea.elForm-textarea:focus {
  border-color: #ffffff;
  color: #fff;
}

.elForm textarea.elForm-textarea:hover {
  border-color: #ffffff;
  color: #fff;
}

.elForm-box {
  box-sizing: border-box;
  width: 100%;
  height: 250px;
  padding: 15px;
  border: 1px solid #cecece;
  outline: none;
}

.elForm-privacy {
  box-sizing: border-box;
  height: 130px;
  padding: 15px;
  overflow-y: scroll;
  border: 1px solid #cecece;
  color: #666;
  /*スクロールバーの軌道*/
  /*スクロールバーの動く部分*/
}

.elForm-privacy::-webkit-scrollbar {
  width: 8px;
}

.elForm-privacy::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #e5edff;
}

.elForm-privacy::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.6);
}

.elForm-privacy p {
  margin-top: 0;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.elForm-privacy a {
  color: #fff;
  text-decoration: underline;
}

.elForm-privacy ul {
  margin: 0;
  padding-left: 17px;
}

.elForm-privacy ul li {
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 1.4;
}

.elForm-privacy h5 {
  margin: 10px 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

.elForm-txt_center {
  margin: 15px 0 0 0;
  font-size: 13px;
  text-align: center;
  color: #fff;
}

.elForm-checkbox {
  display: inline-block;
  padding: 8px 15px 8px 12px;
  border: 1px solid #cecece;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
}

.elForm-checkbox span {
  padding-left: 10px;
}

.elForm-checkboxWrapper {
  padding: 20px 0;
  text-align: center;
}

.elForm-btn {
  position: relative;
  width: auto;
  max-width: 300px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.2;
  text-align: center;
}

.elForm-btn:hover:before {
  left: 25px;
}

.elForm-btn:before {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -12px;
  color: #ffffff;
  font-family: FontAwesome;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  content: "\f105";
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.elForm-btn input {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 20px 30px;
  border: none;
  border-radius: 5px;
  outline: none;
  background-color: #f80000;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.elForm-btn input:hover {
  background-color: #c50000;
}

.elForm-error {
  display: block;
  padding-top: 5px;
  color: #f80000;
  font-size: 13px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .elForm-colset_2 {
    display: block;
    margin-bottom: 0;
  }

  .elForm-col_2 {
    width: 100%;
    margin-bottom: 20px;
  }

  .elForm-col_2:nth-child(2n) {
    margin-left: 0;
  }
}

.LP-Form .hs-software_license .inputs-list {
  padding-left: 0;
  padding-right: 10px;
}
.LP-Form .hs-software_license .inputs-list {
  list-style: none;
  text-align: center;
}

.LP-Form .hs-software_license .inputs-list .hs-error-msgs label {
  text-align: center;
}

.LP-Form .hs-software_license .inputs-list li label {
  position: relative;
}
/************************************/
/*************  LP Price **********/
/************************************/

.LP-Price .alignCenter {
  display: flex;
  justify-content: center;
}
.LP-Price .Section-header .Section-title {
  text-align: center;
}
.LP-Price .calculation-table {
  border: 1px solid #ddd;
  margin: 0 auto;
  padding: 15px 30px;
  box-sizing: border-box;
  background: #f6f6f6;
  box-shadow: rgb(13 23 34 / 20%) 0 0 7px;
  border-radius: 3px;
  font-size: 16px;
}
.LP-Price .calculation-table .box-wrap {
  margin-top: 10px;
  margin-bottom: 0;
}

.LP-Price .calculation-table .box-price {
  margin-top: 2px;
  margin-bottom: 0;
}
.LP-Price .calculation-table .box-price [class^="Column-"] {
  padding-bottom: 0;
}
.LP-Price .calculation-table .box-price .label span {
  margin-left: 15px;
}
.LP-Price .calculation-table .box-wrap select {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 2px 8px;
  font-size: 16px;
}

.LP-Price .calculation-table .box-wrap select:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.LP-Price .calculation-table .box-wrap select.invalid {
  border-color: #dc3545;
}
.LP-Price .calculation-table .box-wrap #month_price {
  width: 150px;
  height: 30px;
}
.LP-Price .calculation-table .box-wrap #year_price {
  width: 150px;
  height: 30px;
}
.LP-Price .calculation-table .box-wrap span:first-child {
  padding: 0px 10px;
}
.LP-Price .calculation-table .select-payment {
  text-align: center;
  margin-bottom: 20px;
}
.LP-Price .calculation-table .select-payment .select-payment-package {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .LP-Price .calculation-table {
    padding: 15px;
  }
}

/*========================================
========== NEW BLOG STYLE ================
========================================*/
.Product-appremo .Blog-Detail .blog-section .post-body {
  font-size: 16px;
}

.Product-appremo .Blog-Detail .blog-section .post-body p {
  line-height: 2;
  margin-bottom: 30px;
  margin-top: 30px;
}

.Product-appremo .Blog-Detail .blog-section .post-body p:first-child {
  margin-top: 0px;
}

.Product-appremo .Blog-Detail .blog-section .post-body a:hover {
  color: #70be74;
}

/*======== Responsive - Dung ============*/
@media screen and (max-width: 1399px) {
  .Product-appremo .Blog-Detail .blog-section .post-body p {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
/*======== End Responsive - Dung ==========*/

/*========================================
========== 見出し =========================
========================================*/
.Product-appremo .Blog-Detail .blog-section .post-body h2,
.Product-appremo .Blog-Detail .blog-section .post-body h3,
.Product-appremo .Blog-Detail .blog-section .post-body h4,
.Product-appremo .Blog-Detail .blog-section .post-body h5 {
  padding-left: 15px;
  background-color: transparent;
  color: inherit;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px 20px;
}

.Product-appremo .Blog-Detail .blog-section .post-body h2 {
  border-left: solid 5px #a5d6a7;
}

.Product-appremo .Blog-Detail .blog-section .post-body h2 span {
  color: inherit;
}

.Product-appremo .Blog-Detail .blog-section .post-body h3 {
  border-left: solid 5px #b7deb8;
  border-bottom: none;
}

.Product-appremo .Blog-Detail .blog-section .post-body h4 {
  border-left: solid 5px #c9e6ca;
}

.Product-appremo .Blog-Detail .blog-section .post-body h5 {
  border-left: solid 5px #dbeedb;
}

.Product-appremo .Blog-Detail .blog-section .post-body .text-highlight,
.Product-appremo .Blog-Detail .blog-section .post-body strong {
  background: linear-gradient(#fff 85%, #ffb74d 76%);
  border-radius: 2px;
  font-weight: 600;

  background: linear-gradient(transparent 60%, #ffffa8 0%);
  font-weight: bold;
}

/*========================================
========== OL/UL =========================
========================================*/
.Product-appremo .Blog-Detail .blog-section .post-body ol li:before {
  left: -28px;
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(1):before {
  content: "①";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(2):before {
  content: "②";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(3):before {
  content: "③";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(4):before {
  content: "④";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(5):before {
  content: "⑤";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(6):before {
  content: "⑥";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(7):before {
  content: "⑦";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(8):before {
  content: "⑧";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(9):before {
  content: "⑨";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(10):before {
  content: "⑩";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(11):before {
  content: "⑪";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(12):before {
  content: "⑫";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(13):before {
  content: "⑬";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(14):before {
  content: "⑭";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(15):before {
  content: "⑮";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(16):before {
  content: "⑯";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(17):before {
  content: "⑰";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(18):before {
  content: "⑱";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(19):before {
  content: "⑲";
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(20):before {
  content: "⑳";
}

.Product-appremo .Blog-Detail .blog-section .post-body ul.ul-list-bold li {
  font-weight: bold;
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  ul.ul-list-check
  li:before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #a5d6a7;
  margin-right: 5px;
  font-weight: normal;
  border: none;
  border-radius: none;
  top: 4px;
  box-shadow: none;
}

/*========================================
========== CTA (Type #1) =================
========================================*/
.Product-oracle-cloud .LP-Resource-Introduction .sub_title {
  font-size: 20px;
  font-weight: 700;
  color: #4a4a4a;
}
.Product-oracle-cloud .LP-Resource-Introduction .cv_item_append h2 {
  font-size: 26px;
  font-weight: 700;
  color: #4a4a4a;
  text-align: center;
}
.Product-oracle-cloud .LP-Resource-Introduction a.Button--medium {
  background: #84afcf;
}
.Product-oracle-cloud
  .LP-Resource-Introduction
  a:not(.Button--large):not(.Button--medium) {
  color: #84afcf;
}
.Product-appremo .Blog-Detail .blog-section .post-body .cta-box,
.Product-appremo .Blog-Detail .LP-Resource-Introduction .cta-box {
  margin: 40px 0px;
  padding: 30px;
  width: 100%;
  overflow: hidden;
  box-shadow: rgb(13 23 34 / 25%) 0 3px 15px, rgb(13 23 34 / 13%) 0 0 0 1px !important;
  transition: box-shadow 0.4s;
  background: #fff;
  border-radius: 7px;
}

.Product-appremo .Blog-Detail .blog-section .post-body .cta-box .Row,
.Product-appremo .Blog-Detail .LP-Resource-Introduction .cta-box .Row {
  margin-bottom: 0px;
}

.Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .cv_item_append
  h4.h2 {
  border-left: none;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
}
@media (max-width: 639px) {
  .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cv_item_append
    h4.h2 {
    font-size: 20px;
  }
}

.Product-appremo .Blog-Detail .blog-section .post-body .cta-box .Column--5,
.Product-appremo .Blog-Detail .blog-section .post-body .cta-box .Column--6,
.Product-appremo .Blog-Detail .blog-section .post-body .cta-box .Column--7,
.Product-appremo .Blog-Detail .LP-Resource-Introduction .cta-box .Column--5,
.Product-appremo .Blog-Detail .LP-Resource-Introduction .cta-box .Column--6,
.Product-appremo .Blog-Detail .LP-Resource-Introduction .cta-box .Column--7 {
  padding-bottom: 0px;
}

.Product-appremo .Blog-Detail .blog-section .post-body .cta-box .sub_title,
.Product-appremo .Blog-Detail .LP-Resource-Introduction .cta-box .sub_title {
  border-left: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

.Product-appremo .Blog-Detail .blog-section .post-body .cta-box .text,
.Product-appremo .Blog-Detail .LP-Resource-Introduction .cta-box .text {
  font-size: 15px;
  line-height: 1.7;
  margin-top: 20px;
  margin-bottom: 0px;
  border-top: 1px solid #e6e6e6;
  padding-top: 15px;
}

.Product-appremo .Blog-Detail .blog-section .post-body .cta-box .Button--medium,
.Product-appremo .Blog-Detail .blog-section .post-body .cta-box .cta_button,
.Product-appremo
  .Blog-Detail
  .LP-Resource-Introduction
  .cta-box
  .Button--medium {
  text-decoration: none !important;
}

.Product-appremo .Blog-Detail .blog-section .post-body .cta-box .cta_button {
  color: #fff;
  font-weight: 600;
  padding: 0 30px;
  transition: background 0.4s, border 0.4s, color 0.4s;
  background: #ffb74d;
  border: 2px solid transparent;
  border-radius: 3px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  position: relative;
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  .cta-box
  .cta_button:before {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 13px;
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  .cta-box
  .Button--medium:hover,
.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  .cta-box
  .cta_button:hover {
  color: WHITE;
}

/*======== Responsive - Dung ============*/
@media screen and (min-width: 1040px) {
  .Product-appremo .Blog-Detail .blog-section .post-body .cta-box .thumb,
  .Product-appremo .Blog-Detail .LP-Resource-Introduction .cta-box .thumb {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 1292px) {
  .Product-appremo .Blog-Detail .blog-section .post-body .cta-box .cta-btn {
    /* margin-bottom: 30px; */
  }
}

@media screen and (max-width: 1039px) and (min-width: 640px) {
  .Product-appremo .Blog-Detail .blog-section .post-body .cta-box {
    padding: 40px;
  }

  .Product-appremo .Blog-Detail .blog-section .post-body .cta-box .Row {
    flex-direction: column;
  }

  .Product-appremo .Blog-Detail .blog-section .post-body .cta-box .Row .tac {
    margin-bottom: 0;
  }

  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .Row
    .tac
    img {
    width: 360px !important;
  }

  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .Row
    .Column--small-12 {
    width: 100%;
  }

  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .Row
    .Column--small-12
    .thumb {
    margin-bottom: 15px;
  }

  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .Row
    .Column--small-12
    .thumb
    img {
    display: block;
    margin: 0 auto;
  }

  .Product-appremo .Blog-Detail .blog-section .post-body .cta-box .cta-btn {
    text-align: center !important;
    /* margin-bottom: 30px; */
  }

  .Product-appremo .Blog-Detail .blog-section .post-body .cta-box .sub_title {
    text-align: center;
  }

  .Product-appremo .Blog-Detail .blog-section .post-body .cta-box .text {
    text-align: left;
    line-height: 1.8;
  }
}

@media screen and (max-width: 640px) {
  .Product-appremo .Blog-Detail .blog-section .post-body .cta-box .cta-btn {
    text-align: center !important;
  }

  .Product-appremo .Blog-Detail .blog-section .post-body .cta-box .sub_title {
    text-align: center;
  }

  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .sub_title
    br {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .Product-appremo .Blog-Detail .blog-section .post-body .cta-box {
    padding: 20px;
  }

  .Product-appremo .Blog-Detail .blog-section .post-body .cta-box .cta-btn {
    text-align: center !important;
  }

  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .Row
    .Column--small-12
    .thumb
    img {
    width: 100% !important;
    height: auto;
  }
}

/*======== End Responsive - Dung ========*/

/*========================================
========== CTA (Type #2) =================
========================================*/
.Product-appremo .Blog-Detail .blog-section .post-body .post-appendarea-wrapper,
.Product-appremo
  .Blog-Detail
  .LP-Resource-Introduction
  .post-appendarea-wrapper {
  padding: 40px;
  margin-top: 55px;
  position: relative;
  border: 2px solid #ffb74d;
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  p,
.Product-appremo
  .Blog-Detail
  .LP-Resource-Introduction
  .post-appendarea-wrapper
  p {
  margin-bottom: 20px;
  margin-top: 20px;
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  h2,
.Product-appremo
  .Blog-Detail
  .LP-Resource-Introduction
  .post-appendarea-wrapper
  h2 {
  border-left: none;
  padding-left: 0px;
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .Button--large,
.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .cta_button,
.Product-appremo
  .Blog-Detail
  .LP-Resource-Introduction
  .post-appendarea-wrapper
  .Button--large {
  text-decoration: none !important;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  height: 60px;
  line-height: 56px;
  font-size: 22px;
  font-weight: normal;
  margin-top: 30px;
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .cta_button {
  color: #fff;
  padding: 0 40px;
  border-width: 2px;
  background: #ffb74d;
  border: 2px solid transparent;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  font-size: 22px !important;
  height: 56px;
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .Button--large:hover {
  color: WHITE;
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .thumb,
.Product-appremo
  .Blog-Detail
  .LP-Resource-Introduction
  .post-appendarea-wrapper
  .thumb {
  max-width: 450px !important;
  height: auto;
}

.Product-appremo
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .cta-wrap {
  margin-bottom: 0px;
}

/*======== Responsive - Dung ============*/
@media screen and (max-width: 1199px) {
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 80%;
    padding: 0 30px;
  }
}

@media screen and (max-width: 1039px) {
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 92%;
    padding: 0 20px;
  }
}

@media screen and (max-width: 819px) {
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 78%;
    padding: 0 25px;
  }
}

@media screen and (max-width: 639px) {
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 88%;
    padding: 10px 20px;
    font-size: 20px !important;
    line-height: 28px;
    height: auto;
    box-sizing: border-box !important;
  }
}

@media screen and (max-width: 578px) {
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 97%;
    padding: 10px;
  }
}

@media screen and (max-width: 520px) {
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper {
    padding: 26px;
  }

  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 100%;
    line-height: 45px;
  }
}

@media screen and (max-width: 479px) {
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 100%;
    font-size: 18px !important;
  }

  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .thumb {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 413px) {
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper {
    padding: 19px;
  }

  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-appremo
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 100%;
    font-size: 16px !important;
    line-height: 24px;
  }
}
/*======== End Responsive - Dung ========*/

/*========================================
========== Note ==========================
========================================*/
.Product-appremo .Blog-Detail .blog-section .post-body .note {
  margin: 40px 0px;
  background: linear-gradient(90deg, #eceff0 0%, #f2edf0 100%);
}

.Product-appremo .Blog-Detail .blog-section .post-body .note .title {
  border-left: none;
  color: #fff;
  padding: 10px;
  margin-bottom: 0px;
  background: linear-gradient(90deg, #82c685 0%, #70be74 100%);
}

.Product-appremo .Blog-Detail .blog-section .post-body .note p {
  padding: 25px 30px;
  margin: 0px;
}

.Product-appremo .Blog-Detail .blog-section .post-body .note strong {
  background: linear-gradient(#eceff0 85%, #ffb74d 76%);
}

/*========================================
========== Image =========================
========================================*/
.Product-appremo .Blog-Detail .blog-section .post-body figure figcaption {
  font-size: 13px;
  margin-top: 0px;
  text-align: center;
}

/*========================================
========== NEW BLOG STYLE ================
========================================*/
.Product-oracle-cloud .Blog-Detail .blog-section .post-body {
  font-size: 16px;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body p {
  line-height: 2;
  margin-bottom: 30px;
  margin-top: 30px;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body p:first-child {
  margin-top: 0px;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body a:hover {
  color: #84afcf;
}

/*======== Responsive - Dung ============*/
@media screen and (max-width: 1399px) {
  .Product-oracle-cloud .Blog-Detail .blog-section .post-body p {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
/*======== End Responsive - Dung ==========*/

/*========================================
========== 見出し =========================
========================================*/
.Product-oracle-cloud .Blog-Detail .blog-section .post-body h2,
.Product-oracle-cloud .Blog-Detail .blog-section .post-body h3,
.Product-oracle-cloud .Blog-Detail .blog-section .post-body h4,
.Product-oracle-cloud .Blog-Detail .blog-section .post-body h5 {
  padding-left: 15px;
  background-color: transparent;
  color: inherit;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px 20px;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body h2 {
  border-left: solid 5px #84afcf;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body h2 span {
  color: inherit;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body h3 {
  border-left: solid 5px #93c3e6;
  border-bottom: none;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body h4 {
  border-left: solid 5px #93c3e6;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body h5 {
  border-left: solid 5px #93c3e6;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body h6 {
  border-left: solid 5px #93c3e6;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body .text-highlight,
.Product-oracle-cloud .Blog-Detail .blog-section .post-body strong {
  background: linear-gradient(#fff 85%, #93c3e6 76%);
  border-radius: 2px;
  font-weight: 600;

  background: linear-gradient(transparent 60%, #ffffa8 0%);
  font-weight: bold;
}

/*========================================
========== OL/UL =========================
========================================*/
.Product-oracle-cloud .Blog-Detail .blog-section .post-body ol li:before {
  left: -28px;
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(1):before {
  content: "①";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(2):before {
  content: "②";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(3):before {
  content: "③";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(4):before {
  content: "④";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(5):before {
  content: "⑤";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(6):before {
  content: "⑥";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(7):before {
  content: "⑦";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(8):before {
  content: "⑧";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(9):before {
  content: "⑨";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(10):before {
  content: "⑩";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(11):before {
  content: "⑪";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(12):before {
  content: "⑫";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(13):before {
  content: "⑬";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(14):before {
  content: "⑭";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(15):before {
  content: "⑮";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(16):before {
  content: "⑯";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(17):before {
  content: "⑰";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(18):before {
  content: "⑱";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(19):before {
  content: "⑲";
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ol
  li:nth-child(20):before {
  content: "⑳";
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body ul.ul-list-bold li {
  font-weight: bold;
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  ul.ul-list-check
  li:before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #84afcf;
  margin-right: 5px;
  font-weight: normal;
  border: none;
  border-radius: none;
  top: 4px;
  box-shadow: none;
}

/*========================================
========== CTA (Type #1) =================
========================================*/
.Product-oracle-cloud .Blog-Detail .blog-section .post-body .cta-box,
.Product-oracle-cloud .Blog-Detail .LP-Resource-Introduction .cta-box {
  margin: 40px 0px;
  padding: 30px;
  width: 100%;
  overflow: hidden;
  box-shadow: rgb(13 23 34 / 25%) 0 3px 15px, rgb(13 23 34 / 13%) 0 0 0 1px !important;
  transition: box-shadow 0.4s;
  background: #fff;
  border-radius: 7px;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body .cta-box .Row,
.Product-oracle-cloud .Blog-Detail .LP-Resource-Introduction .cta-box .Row {
  margin-bottom: 0px;
}

.Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .cv_item_append
  h4.h2 {
  border-left: none;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
}
@media (max-width: 639px) {
  .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cv_item_append
    h4.h2 {
    font-size: 20px;
  }
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body .cta-box .Column--5,
.Product-oracle-cloud .Blog-Detail .blog-section .post-body .cta-box .Column--6,
.Product-oracle-cloud .Blog-Detail .blog-section .post-body .cta-box .Column--7,
.Product-oracle-cloud
  .Blog-Detail
  .LP-Resource-Introduction
  .cta-box
  .Column--5,
.Product-oracle-cloud
  .Blog-Detail
  .LP-Resource-Introduction
  .cta-box
  .Column--6,
.Product-oracle-cloud
  .Blog-Detail
  .LP-Resource-Introduction
  .cta-box
  .Column--7 {
  padding-bottom: 0px;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body .cta-box .sub_title,
.Product-oracle-cloud
  .Blog-Detail
  .LP-Resource-Introduction
  .cta-box
  .sub_title {
  border-left: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body .cta-box .text,
.Product-oracle-cloud .Blog-Detail .LP-Resource-Introduction .cta-box .text {
  font-size: 15px;
  line-height: 1.7;
  margin-top: 20px;
  margin-bottom: 0px;
  border-top: 1px solid #e6e6e6;
  padding-top: 15px;
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .cta-box
  .Button--medium,
.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .cta-box
  .cta_button,
.Product-oracle-cloud
  .Blog-Detail
  .LP-Resource-Introduction
  .cta-box
  .Button--medium {
  text-decoration: none !important;
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .cta-box
  .cta_button {
  color: #fff;
  font-weight: 600;
  padding: 0 30px;
  transition: background 0.4s, border 0.4s, color 0.4s;
  background: #93c3e6;
  border: 2px solid transparent;
  border-radius: 3px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  position: relative;
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .cta-box
  .cta_button:before {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 13px;
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .cta-box
  .Button--medium:hover,
.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .cta-box
  .cta_button:hover {
  color: WHITE;
}

/*======== Responsive - Dung ============*/
@media screen and (min-width: 1040px) {
  .Product-oracle-cloud .Blog-Detail .blog-section .post-body .cta-box .thumb,
  .Product-oracle-cloud .Blog-Detail .LP-Resource-Introduction .cta-box .thumb {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 1292px) {
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .cta-btn {
    /* margin-bottom: 30px; */
  }
}

@media screen and (max-width: 1039px) and (min-width: 640px) {
  .Product-oracle-cloud .Blog-Detail .blog-section .post-body .cta-box {
    padding: 40px;
  }

  .Product-oracle-cloud .Blog-Detail .blog-section .post-body .cta-box .Row {
    flex-direction: column;
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .Row
    .tac {
    margin-bottom: 0;
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .Row
    .tac
    img {
    width: 360px !important;
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .Row
    .Column--small-12 {
    width: 100%;
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .Row
    .Column--small-12
    .thumb {
    margin-bottom: 15px;
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .Row
    .Column--small-12
    .thumb
    img {
    display: block;
    margin: 0 auto;
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .cta-btn {
    text-align: center !important;
    /* margin-bottom: 30px; */
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .sub_title {
    text-align: center;
  }

  .Product-oracle-cloud .Blog-Detail .blog-section .post-body .cta-box .text {
    text-align: left;
    line-height: 1.8;
  }
}

@media screen and (max-width: 640px) {
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .cta-btn {
    text-align: center !important;
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .sub_title {
    text-align: center;
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .sub_title
    br {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .Product-oracle-cloud .Blog-Detail .blog-section .post-body .cta-box {
    padding: 20px;
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .cta-btn {
    text-align: center !important;
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .cta-box
    .Row
    .Column--small-12
    .thumb
    img {
    width: 100% !important;
    height: auto;
  }
}

/*======== End Responsive - Dung ========*/

/*========================================
========== CTA (Type #2) =================
========================================*/
.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper,
.Product-oracle-cloud
  .Blog-Detail
  .LP-Resource-Introduction
  .post-appendarea-wrapper {
  padding: 40px;
  margin-top: 55px;
  position: relative;
  border: 2px solid #93c3e6;
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  p,
.Product-oracle-cloud
  .Blog-Detail
  .LP-Resource-Introduction
  .post-appendarea-wrapper
  p {
  margin-bottom: 20px;
  margin-top: 20px;
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  h2,
.Product-oracle-cloud
  .Blog-Detail
  .LP-Resource-Introduction
  .post-appendarea-wrapper
  h2 {
  border-left: none;
  padding-left: 0px;
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .Button--large,
.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .cta_button,
.Product-oracle-cloud
  .Blog-Detail
  .LP-Resource-Introduction
  .post-appendarea-wrapper
  .Button--large {
  text-decoration: none !important;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  height: 60px;
  line-height: 56px;
  font-size: 22px;
  font-weight: normal;
  margin-top: 30px;
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .cta_button {
  color: #fff;
  padding: 0 40px;
  border-width: 2px;
  background: #93c3e6;
  border: 2px solid transparent;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  font-size: 22px !important;
  height: 56px;
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .Button--large:hover {
  color: WHITE;
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .thumb,
.Product-oracle-cloud
  .Blog-Detail
  .LP-Resource-Introduction
  .post-appendarea-wrapper
  .thumb {
  max-width: 450px !important;
  height: auto;
}

.Product-oracle-cloud
  .Blog-Detail
  .blog-section
  .post-body
  .post-appendarea-wrapper
  .cta-wrap {
  margin-bottom: 0px;
}

/*======== Responsive - Dung ============*/
@media screen and (max-width: 1199px) {
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 80%;
    padding: 0 30px;
  }
}

@media screen and (max-width: 1039px) {
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 92%;
    padding: 0 20px;
  }
}

@media screen and (max-width: 819px) {
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 78%;
    padding: 0 25px;
  }
}

@media screen and (max-width: 639px) {
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 88%;
    padding: 10px 20px;
    font-size: 20px !important;
    line-height: 28px;
    height: auto;
    box-sizing: border-box !important;
  }
}

@media screen and (max-width: 578px) {
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 97%;
    padding: 10px;
  }
}

@media screen and (max-width: 520px) {
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper {
    padding: 26px;
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 100%;
    line-height: 45px;
  }
}

@media screen and (max-width: 479px) {
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 100%;
    font-size: 18px !important;
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .thumb {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 413px) {
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper {
    padding: 19px;
  }

  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .Button--large,
  .Product-oracle-cloud
    .Blog-Detail
    .blog-section
    .post-body
    .post-appendarea-wrapper
    .cta_button {
    width: 100%;
    font-size: 16px !important;
    line-height: 24px;
  }
}
/*======== End Responsive - Dung ========*/

/*========================================
========== Note ==========================
========================================*/
.Product-oracle-cloud .Blog-Detail .blog-section .post-body .note {
  margin: 40px 0px;
  background: linear-gradient(90deg, #eceff0 0%, #f2edf0 100%);
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body .note .title {
  border-left: none;
  color: #fff;
  padding: 10px;
  margin-bottom: 0px;
  background: linear-gradient(90deg, #84afcf 0%, #b7565a 100%);
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body .note p {
  padding: 25px 30px;
  margin: 0px;
}

.Product-oracle-cloud .Blog-Detail .blog-section .post-body .note strong {
  background: linear-gradient(#eceff0 85%, #93c3e6 76%);
}

/*========================================
========== Image =========================
========================================*/
.Product-oracle-cloud .Blog-Detail .blog-section .post-body figure figcaption {
  font-size: 13px;
  margin-top: 0px;
  text-align: center;
}

/*========================================
==========  Hero Slide =========================
========================================*/
.LP-Hero-Slider {
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 10px;
}
.LP-Hero-Slider .swiper .swiper-pagination {
  margin-top: 5px !important;
  position: static !important;
  z-index: 999;
}

.LP-Hero-Slider .swiper .swiper-wrapper .swiper-slide {
  padding: 0 15px 0 15px;
}

.yellow-title {
  background-color: orange;
  color: #fff;
  display: inline-block;
  padding: 10px 30px;
  font-size: 22px;
  margin: 0;
}
.LP-Hero-Slider .swiper .swiper-wrapper .swiper-slide .swiper-slide-inner img {
  box-shadow: rgb(13 23 34 / 25%) 0 3px 15px, rgb(13 23 34 / 13%) 0 0 0 1px !important;
  margin-top: 10px;
  height: auto;
}

/*========================================
==========  Hero Slide V2=========================
========================================*/
.LP-HeroSliderV2 .slick-slider {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.LP-HeroSliderV2 .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
}
.LP-HeroSliderV2 .slick-list:focus {
  outline: none;
}
.LP-HeroSliderV2 .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.LP-HeroSliderV2 .slick-slider .slick-track,
.LP-HeroSliderV2 .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.LP-HeroSliderV2 .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.LP-HeroSliderV2 .slick-track:before,
.LP-HeroSliderV2 .slick-track:after {
  display: table;
  content: "";
}
.LP-HeroSliderV2 .slick-track:after {
  clear: both;
}
.LP-HeroSliderV2 .slick-loading .slick-track {
  visibility: hidden;
}
.LP-HeroSliderV2 .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.LP-HeroSliderV2 [dir="rtl"] .slick-slide {
  float: right;
}
.LP-HeroSliderV2 .slick-slide img {
  display: block;
}
.LP-HeroSliderV2 .slick-slide.slick-loading img {
  display: none;
}
.LP-HeroSliderV2 .slick-slide.dragging img {
  pointer-events: none;
}
.LP-HeroSliderV2 .slick-initialized .slick-slide {
  display: block;
  overflow: hidden;
}
.LP-HeroSliderV2 .slick-loading .slick-slide {
  visibility: hidden;
}
.LP-HeroSliderV2 .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.LP-HeroSliderV2 .slick-dots {
  bottom: 0;
  top: auto;
  left: auto;
  right: auto;
  position: absolute;
  width: 100%;
  list-style: none;
  text-align: center;
  margin: 0;
  background-color: #f7f7f7;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center;
  justify-content: center;
}
.LP-HeroSliderV2 .slick-dots li {
  position: relative;
  display: inline-block;
  width: 220px;
  height: 80px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.LP-HeroSliderV2 .slick-dots li button {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border: 0;
  outline: none;
  background: white;
  padding: 0;
  transition: opacity ease 250ms;
  will-change: opacity;
  opacity: 0.3;
}
.LP-HeroSliderV2 .slick-dots li.slick-active button,
.LP-HeroSliderV2 .slick-dots li:hover button {
  opacity: 1;
}
.LP-HeroSliderV2 .slick-dots li button div {
  height: 100%;
  width: 100%;
  background-position: 100px 50%;
  background-size: 160px auto;
  background-repeat: no-repeat;
  border-left: 5px solid #2d7ea3;
  color: #2d7ea3;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.15);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.LP-HeroSliderV2 .slick-dots li button div p {
  width: 100%;
  max-width: 100px;
  min-width: 100px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #75a478;
}
.LP-HeroSliderV2 .slick-dots li button:hover,
.LP-HeroSliderV2 .slick-dots li button:focus {
  outline: none;
}
.LP-HeroSliderV2 .slick-dots li button:hover:before,
.LP-HeroSliderV2 .slick-dots li button:focus:before {
  opacity: 1;
}
.LP-HeroSliderV2 .slick-dots li button.tab {
  clear: both;
  display: block;
}
.LP-HeroSliderV2 .slick-dots li button img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .LP-HeroSliderV2 .slick-dots li {
    width: 15px;
    height: auto;
  }
  .LP-HeroSliderV2 .slick-dots li button div {
    display: none;
  }
}
.LP-HeroSliderV2 .slick-dots li button:before {
  content: "";
  display: block;
  overflow: hidden;
  float: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .LP-HeroSliderV2 .slick-dots li button:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 4px;
    background-color: #bdd3dc;
    border-radius: 100%;
    transition: background-color 0.3s;
  }
}
.LP-HeroSliderV2 .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
@media (max-width: 767px) {
  .LP-HeroSliderV2 .slick-dots li.slick-active button:before {
    background-color: #4da6db;
  }
}
.LP-HeroSliderV2 .slick-slider {
  margin-bottom: 0;
  position: relative;
}
.LP-HeroSliderV2 .slickslide {
  padding-left: 0;
  max-width: 100%;
}
.LP-HeroSliderV2 .slick-slider .slick-track {
  min-width: 100%;
}
.LP-HeroSliderV2 .slick-slider .slick-track {
  min-width: 100%;
}
.LP-HeroSliderV2 .slick-thumbs {
  display: none;
}
.LP-HeroSliderV2 .HeroSlider-Wrap {
  height: 550px;
  max-width: 1710px;
}
.LP-HeroSliderV2 .HeroSlider-Wrap .Hero-image {
  max-width: 50%;
  top: 100px;
  padding-left: 0;
}
.LP-HeroSliderV2 .HeroSlider-Wrap .Hero-image img {
  max-width: 100%;
  height: auto;
}
.LP-HeroSliderV2 .SmallCtaSection-Wrap {
  padding-bottom: 0;
}
.LP-HeroSliderV2 .hs_cos_wrapper_type_image_slider {
  display: block;
  overflow: hidden;
}
.LP-HeroSliderV2 .hs_cos_flex-container a:active,
.LP-HeroSliderV2 .hs_cos_flex-slider a:active,
.LP-HeroSliderV2 .hs_cos_flex-container a:focus,
.LP-HeroSliderV2 .hs_cos_flex-slider a:focus {
  outline: none;
}
.LP-HeroSliderV2 .hs_cos_flex-slider {
  background: url(https://cdn2.hubspot.net/hubfs/4570661/library/classic/images/hero-bg-v2.png)
    no-repeat bottom center;
  background-position-y: 180px;
}
.LP-HeroSliderV2 .hs_cos_flex-pauseplay span {
  text-transform: capitalize;
}
.LP-HeroSliderV2 .hs_cos_flex-slider {
  position: relative;
  zoom: 1;
}
.LP-HeroSliderV2 .hs_cos_flex-viewport {
  max-height: 2000px;
  transition: all 1s ease;
}
.LP-HeroSliderV2 .loading .hs_cos_flex-viewport {
  max-height: 300px;
}
.LP-HeroSliderV2 .slick-slider button[type="button"] {
  width: 30px;
  height: 30px;
  display: block;
  background: url(https://cdn2.hubspot.net/hubfs/375145/assets/img/basic/bg_direction_nav.png)
    no-repeat 0 0;
  position: absolute;
  top: 40%;
  z-index: 999;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  transition: all 0.3s ease;
  padding: 0;
  border: none;
  outline: none;
}
.LP-HeroSliderV2 .slick-slider button[type="button"]:active,
.LP-HeroSliderV2 .slick-slider button[type="button"]:target,
.LP-HeroSliderV2 .slick-slider button[type="button"]:focus {
  border: none;
  outline: none;
}
.LP-HeroSliderV2 .slick-slider button[type="button"].slick-next {
  background-position: 100% 0;
}
@media (max-width: 767px) {
  .LP-HeroSliderV2 .slick-slider button[type="button"] {
    left: 0;
    right: 0;
    opacity: 1;
    background: none;
    width: 40px;
    height: 60px;
    cursor: pointer;
  }
  .LP-HeroSliderV2 .slick-slider button[type="button"].slick-prev {
    left: 0;
    border-radius: 0 5px 5px 0;
    background-color: #f0f0f0;
    opacity: 0.8;
  }
  .LP-HeroSliderV2 .slick-slider button[type="button"].slick-prev:before,
  .LP-HeroSliderV2 .slick-slider button[type="button"].slick-prev:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .LP-HeroSliderV2 .slick-slider button[type="button"].slick-prev:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-style: solid;
    border-color: transparent;
    border-color: rgba(255, 0, 0, 0);
    border-width: 14px 16px 14px 0;
    border-right-color: #333;
  }
  .LP-HeroSliderV2 .slick-slider button[type="button"].slick-prev:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-style: solid;
    border-color: transparent;
    border-color: rgba(255, 0, 0, 0);
    border-width: 14px 16px 14px 0;
    border-right-color: #f0f0f0;
    left: 3px;
  }
  .LP-HeroSliderV2 .slick-slider button[type="button"].slick-next {
    left: auto;
    right: 0;
    border-radius: 5px 0 0 5px;
    background-color: #f0f0f0;
    opacity: 0.8;
  }
  .LP-HeroSliderV2 .slick-slider button[type="button"].slick-next:before,
  .LP-HeroSliderV2 .slick-slider button[type="button"].slick-next:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .LP-HeroSliderV2 .slick-slider button[type="button"].slick-next:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-style: solid;
    border-color: transparent;
    border-color: rgba(255, 0, 0, 0);
    border-width: 14px 0 14px 16px;
    border-left-color: #333;
    left: 3px;
  }
  .LP-HeroSliderV2 .slick-slider button[type="button"].slick-next:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-style: solid;
    border-color: transparent;
    border-color: rgba(255, 0, 0, 0);
    border-width: 14px 0 14px 16px;
    border-left-color: #f0f0f0;
  }
}
.LP-HeroSliderV2 .slick-next {
  right: -30px;
}
.LP-HeroSliderV2 .slick-prev {
  left: -30px;
}
.LP-HeroSliderV2 .slick-slider:hover .slick-next {
  opacity: 0.8;
  right: 20px;
}
.LP-HeroSliderV2 .slick-slider:hover .slick-prev {
  opacity: 0.8;
  left: 20px;
}
.LP-HeroSliderV2 .slick-slider .slick-next:hover,
.LP-HeroSliderV2 .slick-slider .slick-prev:hover {
  opacity: 1;
}
.LP-HeroSliderV2 .CtaSection-title {
  line-height: 1.5;
}
.LP-HeroSliderV2 .Hero--home .Hero-subtitle {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  font-size: 22px;
}
.LP-HeroSliderV2 .Hero-cta .Button--large {
  border-radius: 50px;
  background: #fa9001;
}
.LP-HeroSliderV2 .Hero-cta .Button--large.btn-right {
  margin-left: 20px;
}
.LP-HeroSliderV2 .Hero-cta {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.LP-HeroSliderV2 .Hero--home .wrap-text {
  text-align: center;
  max-width: 47%;
}
.LP-HeroSliderV2 .CtaSection {
  padding: 13px 0;
}
.LP-HeroSliderV2 .slick-dots li button div {
  background-size: contain;
}
.LP-HeroSliderV2 .Hero-title {
  margin-top: 40px;
  margin-bottom: 0;
}
@media (min-width: 1080px) {
  .LP-HeroSliderV2 .Hero-title h1 {
    font-size: 48px;
    line-height: 68px;
  }
}
.LP-HeroSliderV2 .wrap-text .Hero-logo {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 960px) {
  .Hero-logo img.img-left {
    margin: 0 auto;
  }
}
@media (max-width: 639px) {
  .LP-HeroSliderV2 .CtaSection-title {
    font-size: 16px;
  }
}
.LP-HeroSliderV2 .Hero--home {
  height: 854px;
  background: none;
  margin-top: 0;
  padding-top: 80px;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (min-width: 1041px) {
  .LP-HeroSliderV2 .Hero--home .Hero-title {
    text-align: center;
    display: inline-block;
  }
  .LP-HeroSliderV2 .Hero--home .Hero-title:before {
    display: none;
  }
}
@media (max-width: 959px) {
  .LP-HeroSliderV2 .Hero--home {
    height: 883px;
    padding-top: 60px;
  }
  .LP-HeroSliderV2 .Hero--home .wrap-text {
    text-align: left;
    max-width: 100%;
  }
  .LP-HeroSliderV2 .Hero-cta {
    justify-content: left;
  }
  .LP-HeroSliderV2 .CtaSection {
    padding: 20px 0;
  }
  .LP-HeroSliderV2 .HeroSlider-Wrap .Hero-image {
    padding-left: 80px;
  }
  .LP-HeroSliderV2 .HeroSlider-Wrap {
    height: 450px;
  }
}
@media (max-width: 767px) {
  .LP-HeroSliderV2 .Hero--home {
    padding-top: 40px;
    height: auto;
  }
  .LP-HeroSliderV2 .Hero--home .slick-dots {
    position: relative;
    background-color: white;
    border-bottom: none;
  }
}
@media (max-width: 639px) {
  .LP-HeroSliderV2 .Hero--home {
    height: auto;
    padding-top: 30px;
  }
  .LP-HeroSliderV2 .Hero--home .slick-list {
    height: auto;
  }
  .LP-HeroSliderV2 .Hero--home .Hero-cta {
    margin-top: 30px;
  }
  .LP-HeroSliderV2 .Hero--home .Hero-image {
    margin: 0 auto 30px;
    max-width: none;
    position: static;
    width: 100%;
  }
  .LP-HeroSliderV2 .Hero--home .Hero-image img {
    width: 100%;
    height: auto;
  }
  .LP-HeroSliderV2 .Hero--home .HeroSlider-Wrap {
    height: auto;
  }
  .LP-HeroSliderV2 .Hero--home .wrap-text {
    text-align: center;
  }
  .LP-HeroSliderV2 .Hero-cta {
    justify-content: center;
  }
  .LP-HeroSliderV2 .Hero-logo .img-left {
    margin: 0 auto !important;
  }
  .LP-HeroSliderV2 .HeroSlider-Wrap .Hero-image {
    padding-left: 0;
  }
}
@media (max-width: 479px) {
  .LP-HeroSliderV2 .Hero--home {
    padding-top: 20px;
  }
}

/*****************************************/
/**** Appremo Header Update **************/
/*****************************************/
@media (min-width: 820px) {
  .Header .Header-nav.appremo-header-nav {
    margin-right: 0;
  }
}

.Header .Header-cta.appremo-header-cta {
  position: unset;
  transform: unset;
  width: auto;
  display: flex;
  column-gap: 11px;
}

@media (max-width: 819px) {
  .Header .Header-cta.appremo-header-cta {
    display: none !important;
  }
}

.Header-cta .Button--outline.Button--header {
  width: 90px;
  height: 40px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9b62e !important;
  color: #fff;
  border: none;
  padding: 0 17px;
  transition: background 0.6s;
}

.Header-cta .Button--outline.Button--header:hover {
  background: #c88719 !important;
}
.LP-TwoColumn .Section-image .display-sp {
  display: none;
}
@media (max-width: 639px) {
  .LP-TwoColumn .Section-image .display-sp {
    display: block;
  }
  .LP-TwoColumn .Section-image .display-pc {
    display: none;
  }
}

/* 230518 */
.Form-white
  .LP-Form
  .hs-form-field
  input[type="checkbox"].hs-input
  + span::before {
  border: 2px #000 solid;
}
.Resource-form.Form-white {
  background-color: white;
}
.Form-white .LP-Form .form-title,
.Form-white .LP-Form .hs-form-field label span,
.Form-white .LP-Form .form-privacy,
.Form-white .LP-Form .form-privacy a {
  color: #000;
}
.Form-white .hs-button {
  background-color: #f8ab16;
}
.Form-white .LP-Form .hs-form-field label span.hs-form-required {
  color: white;
  background-color: #f13f3f;
  padding: 2px 7px;
  padding-top: 1px;
  border-radius: 5px;
}
.Form-white .LP-Form .hs-form-field input.hs-input,
.Form-white .LP-Form .hs-form-field select.hs-input {
  border: 1px solid #000;
  color: #000;
}
.Form-white .LP-Form .hs-form-field .hs-input::-webkit-input-placeholder {
  /* Chrome */
  color: #ccc;
}

.Form-white .LP-Form .hs-form-field .hs-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc;
}

.Form-white .LP-Form .hs-form-field .hs-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
}

.Form-white .LP-Form .hs-form-field .hs-input:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #ccc;
}
.Form-white .LP-Form .hs-form-field select.hs-input:invalid {
  color: #ccc !important;
}
.Form-white .LP-Form .hs-form-field select.hs-input {
  color: #000 !important;
}
.Form-white .LP-Form .hs-form-field input.hs-input:focus,
.Form-white .LP-Form .hs-form-field textarea.hs-input:focus,
.Form-white .LP-Form .hs-form-field select.hs-input:focus {
  border-color: #000 !important;
}
.hs-form-radio-display {
  position: relative;
}

.LP-Form.overlay .hs-form-field input[type="radio"].hs-input + span::before {
  border: 2px solid #666;
}
.LP-Form.overlay
  .hs-form-field
  input[type="radio"].hs-input:checked
  + span::before {
  background-color: #ffb74d;
}
body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  input[type="checkbox"].hs-input
  + span::before {
  border: 2px #000 solid;
}
body.Product-appremo .LP-Basic .Resource-form {
  background-color: white;
}
body.Product-appremo .LP-Basic .Resource-form .LP-Form .form-title,
body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  label
  span,
body.Product-appremo .LP-Basic .Resource-form .LP-Form .form-privacy,
body.Product-appremo .LP-Basic .Resource-form .LP-Form .form-privacy a {
  color: #000;
}
body.Product-appremo .LP-Basic .Resource-form .hs-button {
  background-color: #f8ab16;
}
body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  label
  span.hs-form-required {
  color: white;
  background-color: #f13f3f;
  padding: 2px 7px;
  padding-top: 1px;
  border-radius: 5px;
}
body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  input.hs-input,
body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  select.hs-input {
  border: 1px solid #000;
  color: #000;
}
body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  .hs-input::-webkit-input-placeholder {
  /* Chrome */
  color: #ccc;
}

body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  .hs-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc;
}

body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  .hs-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
}

body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  .hs-input:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #ccc;
}
body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  select.hs-input:invalid {
  color: #ccc !important;
}
body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  select.hs-input {
  color: #000 !important;
}
body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  input.hs-input:focus,
body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  textarea.hs-input:focus,
body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  select.hs-input:focus {
  border-color: #000 !important;
}
body.Product-appremo
  .LP-Basic
  .Resource-form
  .LP-Form
  .hs-form-field
  input[type="radio"].hs-input
  + span::before {
  border: 2px #000 solid;
}
/************************************/
/*****  Appremo Newstyle ************/
/************************************/
body.new-style .Header-Global .Global-Menu {
  background-color: #606060;
}
body.new-style .LP-Hero.none-image .Hero--home.bg-2 {
  background-color: #fff !important;
  background-image: unset !important;
}
body.new-style .LP-Hero.none-image .Hero--home.bg-2 .Row {
  justify-content: center;
}
body.new-style .Header .Header-cta.appremo-header-cta {
  column-gap: 2px;
}
body.new-style .Header-cta .Button--outline.Button--header {
  height: 90px !important;
  border-radius: 0;
  width: 130px;
}
.new-style.Pacnav--is-scrolling .Header .Header-cta [class*=" Button--"],
.new-style.Pacnav--is-scrolling .Header .Header-cta [class^="Button--"] {
  height: 80px !important;
}
body.new-style .Header-cta .Button--header.trial {
  background: #7fa37c !important;
}
body.new-style .LP-Hero .Hero-info .Button--large {
  min-height: 50px !important;
  border-radius: 25px;
}
body.new-style .expand {
  background-color: #94c096;
  padding: 31px 0;
}
body.new-style .Hero-logo img {
  max-width: 420px;
}

@media (max-width: 768px) {
  body.new-style .Hero-logo img {
    max-width: 290px;
  }
  body.new-style .LP-Hero .Hero-info .Button--large {
    width: 100%;
  }

  body.new-style .Page .LP-Hero.LP-Hero-default .Hero--home.bg-2 .Wrap {
    flex-direction: column-reverse;
    display: flex;
  }
  body.new-style Hero--home .Hero-image {
    width: 100%;
    margin-top: 60px;
  }
  body.new-style .LP-Hero.none-image .Hero--home.bg-2 {
    height: 809px !important;
  }
  body.new-style .LP-Hero.none-image .Hero--home.bg-2 .Row {
    margin-top: 25px;
    margin-bottom: 15px;
  }
}
@media (max-width: 479px) {
  body.new-style .Page .LP-Hero.LP-Hero-default .Hero--home.bg-2 .Hero-image {
    display: block;
  }
  body.new-style .LP-Hero.none-image .Hero--home.bg-2 {
    height: 740px !important;
  }
}
/*****  Appremo Menu Fix ************/
.Product-appremo .Header .opacity-bg {
  opacity: 1;
}

/*****  LP Hero module ************/
.LP-Hero-top.none-image .Hero--home.bg-2 {
  padding-top: 160px !important;
  padding-bottom: 0;
}
.LP-Hero-top .Hero--home.bg-2 {
  text-align: center;
  height: auto;
}
.LP-Hero-top .Hero--home.bg-2 .Hero-image {
  top: 0;
  max-width: 43%;
  padding-left: 10px;
}
.LP-Hero-top .Hero--home.bg-2 .Hero-info {
  float: left;
  position: relative;
  width: 57%;
  padding: 20px 0 100px;
  max-width: inherit;
}
.LP-Hero-top .Hero--home.bg-2 .Hero-info .ico {
  line-height: 1;
  text-align: left;
  margin-bottom: 1rem;
}
.LP-Hero-top .Hero--home.bg-2 .Hero-info .ico img {
  max-width: 180px;
  height: auto;
}
.LP-Hero-top .Hero--home.bg-2 .Hero-info .Hero-title {
  text-align: left;
}
.LP-Hero-top .Hero--home.bg-2 .Hero-info .Hero-title:before {
  content: none;
}
.LP-Hero-top .Hero--home.bg-2 .Hero-info .Hero-title,
.LP-Hero-top .Hero--home.bg-2 .Hero-info .Hero-subtitle {
  color: #4a4a4a;
}
.LP-Hero-top .Hero--home.bg-2 .Button--large {
  max-width: 293px;
  height: auto;
  line-height: 30px;
  font-size: 16px;
  box-shadow: 0px 0 6px 0px rgba(0, 0, 0, 0.2509803922) !important;
  padding: 10px 35px !important;
  background-color: #efefef;
  border-radius: 60px;
  color: #4a4a4a;
  position: relative;
  border: 2px solid #aaa;
}
.LP-Hero-top .Hero--home.bg-2 .Button--large::after {
  content: "";
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 60px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.LP-Hero-top .Hero--home.bg-2 .Button--large:hover {
  color: #75a478;
}
@media (min-width: 960px) {
  .LP-Hero-top .Hero--home.bg-2 .expand .Wrap .hero-btn {
    width: 55%;
  }
  .LP-Hero-top .Hero--home.bg-2 .Button--large {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 959px) {
  .LP-Hero-top .Hero--home.bg-2 .Hero-image {
    display: none;
  }
  .LP-Hero-top .Hero--home.bg-2 .Hero-info {
    float: none;
    width: 100%;
    padding: 0 0 40px;
  }
}
@media (max-width: 819px) {
  .LP-Hero-top .Hero--home.bg-2 .Hero-info .ico,
  .LP-Hero-top .Hero--home.bg-2 .Hero-info .Hero-title {
    text-align: center;
  }
  .LP-Hero-top .Hero--home.bg-2 .expand {
    padding: 20px 0 30px;
  }
  .LP-Hero-top .Hero--home.bg-2 .expand .Wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  .LP-Hero-top .Hero--home.bg-2 .expand .Wrap [class*=" Column-"]:last-child,
  .LP-Hero-top .Hero--home.bg-2 .expand .Wrap [class^="Column-"]:last-child {
    padding-bottom: 0;
  }
  .LP-Hero-top .Hero--home.bg-2 .expand .Wrap [class*=" Column-"],
  .LP-Hero-top .Hero--home.bg-2 .expand .Wrap [class^="Column-"] {
    padding-bottom: 20px;
  }
  .LP-Hero-top .Hero--home.bg-2 .Button--large {
    display: block;
    max-width: initial;
    font-size: 16px;
    padding: 6px 0 !important;
  }
}
@media (max-width: 639px) {
  .LP-Hero-top .Hero--home.bg-2 .Hero-info {
    padding-bottom: 0;
  }
}

@media (max-width: 768px) {
  body.new-style .LP-Hero.none-image.LP-Hero-top .Hero--home.bg-2 {
    height: auto !important;
  }
}

/************************************/
/*************  maas ***************/
/***********************************/
.Page-152402343296 .Wrap {
  border-top: none !important;
}
.Page-152402343296
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(
    .is-leftAligned
  ).u-padding--medium {
  margin-top: 0;
}
.Page-152402343296 .Section-content h3 + h4 {
  margin-top: -20px;
}
.Product-maas a {
  color: #6caddd;
  display: inline-block;
}
.Product-maas a:hover {
  color: #accee7;
}
.Product-maas .LP-List-Case .ListCaseItem-title,
.Product-maas a.PostTeaser .Card-title {
  color: #84afcf;
}
.Product-maas .LP-List-Case .ListCaseItem-title,
.Product-maas
  a.Card
  .Card-content
  .field-type-text-with-summary
  .field-items
  .even {
  color: #4a4a4a !important;
}
.Product-maas .TX-Basic .LP-Related-Resource .Wrap {
  border-top: 1px solid #93c3e6;
  padding-top: 60px;
}
.Product-maas .Card-cta {
  color: #84afcf;
}
.Product-maas .Button--reverse:hover {
  border-color: #93c3e6;
}
p.supplement {
  display: flex;
  font-size: 14px;
  margin: 0;
}
p.supplement::before {
  content: "※";
  display: block;
}
.Page-152402343296 .ContentWithImageSection.has-imageRight .Wrap > div {
  align-items: center;
}
.assignment h3 {
  font-size: 25px;
  line-height: 35px;
  padding-bottom: 20px;
}
.assignment ul {
  max-width: 650px;
  background-color: #93c3e6;
  padding: 10px 20px;
  margin: 20px auto;
}
.assignment li {
  display: flex;
  align-items: center;
  margin: 20px auto;
}
.assignment li .check {
  width: 40px;
  margin-right: 20px;
}
.assignment li p {
  font-size: 20px;
  margin-top: 0;
}
@media (max-width: 639px) {
  .assignment h3 {
    font-size: 20px;
  }
  .assignment ul {
    padding: 5px 10px;
  }
  .assignment li p {
    font-size: 16px;
  }
}
.Product-oracle-cloud .Section-content .assignment ul > li:before {
  display: none;
}
.attempt {
  margin: 0 auto;
  max-width: 780px;
}
.attempt p {
  font-size: 25px;
}
.ttl-gray {
  background-color: #d9d9d9;
  text-align: center;
  font-weight: bold;
  padding: 20px;
}
@media (max-width: 639px) {
  .attempt p {
    font-size: 18px;
  }
  h3.ttl-gray {
    padding: 10px;
    font-size: 17px;
  }
  .Page-152402343296 .Section-content .benefits h4 {
    font-size: 18px;
  }
}
.border-93c3e6 {
  border: 4px solid #93c3e6;
  border-radius: 20px;
  padding: 20px;
}
.introduction-maas .introduction-example .Row {
  margin: 20px -15px 30px;
}
.introduction-maas .introduction-example .flex-img {
  max-width: 900px;
  background-color: #d9d9d9;
  padding: 20px;
  margin: 20px auto;
}
.introduction-maas .introduction-example .flex-img .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 20px;
}
@media (max-width: 639px) {
  .introduction-maas .introduction-example .flex-img .flex {
    flex-wrap: wrap;
    margin: 0;
  }
  .introduction-maas .introduction-example .Row {
    margin: 0 -15px 0;
  }
}
.introduction-maas .introduction-example .flex-img .flex .example img {
  width: auto;
  max-height: 290px;
}
.introduction-maas .introduction-example .flex-img .flex .example img.example1 {
  max-height: 220px;
}
.introduction-maas .introduction-example .example {
  max-width: 600px;
  padding: 20px;
  margin: 0 auto;
}
.introduction-maas .introduction-example .Row {
  justify-content: center;
}
@media (max-width: 639px) {
  .introduction-maas .introduction-example .Row {
    flex-direction: column-reverse;
  }
}
.introduction-maas .introduction-example .Row p.tac strong {
  font-size: 15px;
  line-height: 3;
}
.introduction-maas .introduction-example .Row p {
  margin: 20px 0;
}
.introduction-maas .introduction-example .Row p strong {
  font-size: 18px;
}
.introduction-maas .introduction-example .Row p.tac img {
  width: 100%;
}
.read-qr {
  max-width: 850px;
  margin: 0 auto;
}
.maas-flex {
  display: flex;
  max-width: 670px;
  margin: 0 auto;
  flex-wrap: wrap;
  gap: 20px 0;
}
.maas-flex.cost {
  max-width: 760px;
}
.maas-flex .flex-item {
  width: 310px;
  margin: 0 auto;
}
.maas-flex h3 {
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 0;
}
.maas-flex .icon-img {
  background-color: #fff;
  border-radius: 50%;
  width: 160px;
  height: 140px;
  margin: 0 auto;
}
.maas-flex .icon-img img {
  max-width: 90%;
  max-height: 90%;
  padding: 20px 0 10px 32px;
}
.maas-flex ul {
  margin: 10px 0;
}
.maas-flex ul li::before {
  content: "・";
  border: none !important;
  height: auto;
}
.maas-flex p {
  text-align: center;
  margin-top: 0;
  font-size: 18px;
}
.maas-flex p.money {
  font-size: 20px;
}
.maas-flex p.money span {
  font-size: 50px;
  font-weight: bold;
  margin-right: 5px;
}
.maas-flex .bg-bray {
  font-size: 13px;
  background-color: #f2f0f0;
  margin: 0 auto;
  padding: 15px;
}
.benefits h4 {
  font-size: 20px;
}
.benefits .bg-bray {
  background-color: #d9d9d9;
  border-radius: 50%;
  margin: 20px auto;
  max-width: 560px;
  padding: 20px 70px;
}
.benefits-img {
  margin: 0 auto;
  max-width: 430px;
}
.benefits-img img {
  width: 100%;
}
.Product-maas .under {
  text-decoration: underline;
}
.Product-maas .bold {
  font-weight: bold;
}
.upborder {
  border-bottom: 1px solid #93c3e6;
}
.Product-maas .Header-Global .Global-Menu {
  background-color: #93c3e6;
}
.Product-maas.Pacnav--is-scrolling .Header .opacity-bg {
  background: #93c3e6;
}
.Product-maas .Button--outline,
.Product-niku-q .pager-load-more a,
.item-list .pager-load-more a {
  color: #93c3e6;
  border-color: #93c3e6;
}
.Product-maas .bg-green .Hero:before {
  background: #93c3e6 !important;
}
.Product-maas #BreadCrumb ul.breadcrumb li a,
.Product-maas #BreadCrumb ul.hs-breadcrumb-menu li a,
.Product-maas .Blog-Detail #toc-index > li a {
  color: #93c3e6 !important;
}
.Product-maas .oci-color {
  color: #93c3e6 !important;
}
.Product-maas
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap,
.Product-maas
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--noPadding,
.Product-maas
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--noPaddingAll,
.Product-maas
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--wide,
.Product-maas
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Wrap--narrow,
.Product-maas
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-blog,
.Product-maas
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-news,
.Product-maas
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-partners,
.Product-maas
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .view-resources,
.Product-maas
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .has-cutout-hero
  .Body-sections
  > .Section:first-child,
.Product-maas
  .has-cutout-hero
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Body-sections
  > .Section:first-child,
.Product-maas
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .has-cutout-hero
  .Body-sections
  > :first-child
  > .Section,
.Product-maas
  .has-cutout-hero
  .u-bgColor--FFFFFF:not(.LogoRowSection):not(.is-rightAligned):not(
    .is-leftAligned
  )
  + .u-bgColor--FFFFFF:not(.is-rightAligned):not(.is-leftAligned)
  .Body-sections
  > :first-child
  > .Section {
  border-top: 1px solid #93c3e6;
}
.Product-maas .table.v2 th {
  background-color: #93c3e6;
  color: #fff;
}
.Product-maas .LP-Cta-Section.u-bgColor--389ECC:before,
.Product-niku-q .CtaSection:before {
  background: #93c3e6 !important;
}
.Product-maas .LP-Cta-Section .Section-cta .Button--large {
  color: #93c3e6;
  background-color: #fff;
}
.Product-maas .Header-cta [class^="Button--"]:hover {
  color: #93c3e6;
  border-color: #93c3e6;
}
.Product-maas .Header-nav > div > ul.menu > li > a:active,
.Product-maas .Header-nav > div > ul.menu > li > a:hover,
.Product-maas .Header-nav > div > ul.menu > li > li a.active:active,
.Product-maas .Header-nav > div > ul.menu > li > li a.active:hover,
.Product-maas .Header-nav > div > div.hs-menu-wrapper > ul > li > a:active,
.Product-maas .Header-nav > div > div.hs-menu-wrapper > ul > li > a:hover,
.Product-maas
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:active,
.Product-maas
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:hover {
  color: #93c3e6;
}
.Product-maas .Header-nav > div > ul.menu > li.expanded:hover > ul.menu a:hover,
.Product-maas
  .Header-nav
  > div
  > ul.menu
  > li.expanded:hover
  > ul.hs-menu-children-wrapper
  a:hover,
.Product-maas
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li.hs-item-has-children:hover
  > ul.menu
  a:hover,
.Product-maas
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li.hs-item-has-children:hover
  > ul.hs-menu-children-wrapper
  a:hover,
.Product-maas .PacnavToggle.is-active .PacnavToggle-items a:hover,
.Product-maas
  .Header-nav
  > div
  > ul.menu
  > li.expanded:hover
  > ul.menu
  .nolink:hover,
.Product-maas
  .Header-nav
  > div
  > ul.menu
  > li.expanded:hover
  > ul.hs-menu-children-wrapper
  .nolink:hover,
.Product-maas
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li.hs-item-has-children:hover
  > ul.menu
  .nolink:hover,
.Product-maas
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li.hs-item-has-children:hover
  > ul.hs-menu-children-wrapper
  .nolink:hover,
.Product-maas .PacnavToggle.is-active .PacnavToggle-items .nolink:hover {
  background: linear-gradient(90deg, #93c3e6 0%, #93c3e6 100%);
}
.Product-maas .Resource-form .ao-richtext-block ul > li:before,
.Product-maas
  .ActonFormSection
  .Section-content
  .ao-richtext-block
  ul
  > li:before,
.Product-maas .Career-content ul > li:before,
.Product-maas .Post-content ul > li:before,
.Product-maas .Section-content ul > li:before,
.Product-maas .LP-Flex .Section-header ul > li:before {
  border: 2px solid #93c3e6;
}
.Product-maas .LP-FooterForm.overlay-bg:before {
  background: #93c3e6;
}
.Product-maas .hs-form .hs-button,
.Product-maas .Button--large {
  background: #93c3e6;
}
.Product-maas a.Button--large {
  color: #fff;
}
.Product-maas a.Button--large :hover {
  color: #fff;
}
.Product-maas a.Card:active .Card-cta span,
.Product-maas .VideoPreview:active .Card-cta span,
.Product-maas a.Card:hover .Card-cta span,
.Product-maas .VideoPreview:hover .Card-cta span {
  color: #84afcf;
  border-color: #93c3e6;
}
.Product-maas .LP-Flex.default .Row a:hover .ColumnContentSection-title {
  color: #93c3e6;
}
.Product-maas #download_popup_widget {
  border-top: 5px solid #93c3e6;
}

.Product-maas.Pacnav--is-scrolling .Header .opacity-bg {
  background: #93c3e6;
}
@media (max-width: 819px) {
  .Product-maas.Pacnav--is-mobile .Header:before {
    background: #93c3e6;
  }
}
.Product-oracle-cloud .Page-152542361471 .bg-green .Hero:before,
.Page-152542361471 .hs-form .hs-button,
.Page-152542361471 .LP-FooterForm.overlay-bg:before {
  background: #93c3e6 !important;
}
.Product-oracle-cloud .Page-152542856986 .bg-green .Hero:before,
.Page-152542856986
  .LP-Custom-Module:not(.LP-Cta-Section)
  .Button--large:not(.Button--outline) {
  background: #93c3e6 !important;
}
.Product-oracle-cloud .Page-152542856986.TX-Basic .LP-Related-Resource .Wrap {
  border-top: 1px solid #84afcf;
}
br.pc {
  display: block;
}
br.sp {
  display: none;
}
@media (max-width: 639px) {
  br.pc {
    display: none;
  }
  br.sp {
    display: block;
  }
}

/************************************/
/******   oracle-cloud 各ページ ******/
/************************************/

/* 共通見出し */
.Product-oracle-cloud h2.size-default {
  position: relative;
  margin-bottom: 0;
  padding-left: 19px;
  font-size: 24px;
  line-height: 34px;
}
.Product-oracle-cloud .u-alignCenter h2.size-default,
.Product-oracle-cloud h2.size-default.u-alignCenter {
  width: fit-content;
  margin-inline: auto;
}
.Product-oracle-cloud h2.size-default::before {
  position: absolute;
  display: block;
  top: 6px;
  bottom: 4px;
  left: 0;
  border-left: 3px solid #005b93;
  content: "";
}

/************************************/
/********* LP LogoSlider Any *******/
/***********************************/
.LogoRow-item {
  height: auto;
  max-width: initial;
  width: auto;
}
.LogoRow.LogoRow-any img {
  display: block;
  position: relative;
  max-height: inherit;
  max-width: initial;
  width: auto;
  height: auto;
}
.LogoRow-any.LogoRow-any img {
  display: block;
  position: relative;
  max-height: inherit;
  max-width: inherit;
}

/************************************/
/********* Blog-Glossary **********/
/************************************/
@media (max-width: 639px) {
  .Blog-Glossary #Glossary-Page .Row {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.Blog-Glossary .Blog-List {
  margin-top: 30px;
}

@media (max-width: 959px) {
  .Blog-Glossary .Blog-List {
    margin-top: 0;
  }
}

.Blog-Glossary .Blog-List.post-top .Category-content li {
  width: calc(100% / 3 - 10px);
}

.Blog-Glossary .Blog-List.post-top .Category-content li:nth-child(3n + 2) {
  margin-left: 0;
}

.Blog-Glossary .Category-title {
  border-left: 4px solid #94c096;
  font-size: 19px;
  margin: 18px 0 12px;
}
.Product-oracle-cloud .Blog-Glossary .Category-title {
  border-left-color: #93c3e6;
}

.Blog-Glossary .Category-title span {
  display: block;
  background: #ffffff;
  padding: 5px 13px 6px;
  border-bottom: 1px solid #d1d1d1;
  line-height: 28px;
  font-weight: bold;
}

.Blog-Glossary .Category-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  margin-top: 20px;
  padding-left: 0;
}

.Blog-Glossary .Category-content li {
  width: calc(100% / 3 - 15px);
  font-size: 0.9rem;
  list-style: none;
  position: relative;
  margin-bottom: 0.7rem;
  margin-left: 15px;
}

.Blog-Glossary .Category-content li a {
  color: #666;
  padding-left: 15px;
}

.Blog-Glossary .Category-content li:before {
  font-family: "FontAwesome";
  content: "\f0da";
  position: absolute;
  color: #94c096;
  display: block;
  left: 0;
}
.Product-oracle-cloud .Blog-Glossary .Category-content li:before {
  color: #93c3e6;
}

@media (max-width: 959px) {
  .Blog-Glossary .Category-content li {
    width: calc(100% / 2 - 15px);
  }
}

.Blog-Glossary .Category-content.list {
  padding-left: 0;
}

.Blog-Glossary .Category-content.list li {
  margin-bottom: 20px;
}

.Blog-Glossary .Category-content.list li:first-child {
  display: none;
}

.Blog-Glossary .Category-content.list li:before {
  display: none;
}

.Blog-Glossary .Category-content.list li a {
  position: relative;
  color: #4a4a4a;
  padding: 10px 15px;
  font-size: 18px;
  background: #efefef;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.Blog-Glossary .Category-content.list li a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.Blog-Glossary .Category-content.list li a:after {
  font-family: "FontAwesome";
  content: "\f105";
  color: #94c096;
}
.Product-oracle-cloud .Blog-Glossary .Category-content.list li a:after {
  color: #93c3e6;
}

.Blog-Glossary #Blog-Sidebar {
  margin-top: 0;
}

.Blog-Glossary #Blog-Sidebar .Blog-Sidebar #button {
  display: none;
}

.Blog-Glossary #Blog-Sidebar .Blog-Sidebar.status {
  height: calc(100% - 80px);
  overflow-y: scroll;
}

.Blog-Glossary #Blog-Sidebar .Blog-Sidebar.status .show {
  display: none;
}

.Blog-Glossary #Blog-Sidebar .Blog-Sidebar.status .hide {
  display: block !important;
}

.Blog-Glossary #Blog-Sidebar .Blog-Sidebar.is-fixed {
  position: fixed;
  left: 0;
  right: 0;
  background: white;
  z-index: 99;
}

.Blog-Glossary #Blog-Sidebar .Blog-Sidebar.is-fixed h3 {
  display: none;
}

.Blog-Glossary #Blog-Sidebar .Blog-Sidebar.is-fixed #button {
  display: block;
  margin: 0;
  padding: 12px 15px;
  font-size: 16px;
  font-weight: bold;
  color: #1977b5;
  width: 100%;
  background: #dcdcdc;
  position: relative;
  z-index: 9;
}

.Blog-Glossary #Blog-Sidebar .Blog-Sidebar.is-fixed #button .fa-file-text-o {
  margin-right: 3px;
}

.Blog-Glossary #Blog-Sidebar .Blog-Sidebar.is-fixed #button .btn-toggle {
  float: right;
  margin-right: 5px;
  margin-top: 5px;
}

.Blog-Glossary #Blog-Sidebar .Blog-Sidebar.is-fixed ul {
  display: none;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.Blog-Glossary #Blog-Sidebar .topic-list.box h3 {
  margin-bottom: 0;
}

.Blog-Glossary #Blog-Sidebar .topic-list.box:first-child {
  margin-top: 0;
}

.Blog-Glossary #Blog-Sidebar .topic-list.box ul {
  margin-top: 8px;
  padding-top: 7px;
  box-shadow: #8c8c8c 0px 0px 3px 0px;
}

.Blog-Glossary #Blog-Sidebar .topic-list.box ul li:nth-child(2) {
  border-top: #ccc solid 1px;
}

/*.Blog-Glossary #Blog-Sidebar .topic-list.box ul li:first-child a {
font-weight: 500;
color: #93c3e6;
}

.Blog-Glossary #Blog-Sidebar .topic-list.box ul li:first-child a:before {
display: none;
} */

.Blog-Glossary #Blog-Sidebar .topic-list.box ul li a {
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 10px 20px;
}

.Blog-Glossary #Blog-Sidebar .topic-list.box ul li a .filter-link-count,
.Blog-Glossary #Blog-Sidebar .topic-list.box ul li a:after {
  display: none;
}

.Blog-Glossary #Blog-Sidebar .topic-list.box ul li a:before {
  font-family: "fontawesome";
  content: "\f0da";
  margin-right: 15px;
  font-size: 1em;
  color: #94c096;
}
.Product-oracle-cloud
  .Blog-Glossary
  #Blog-Sidebar
  .topic-list.box
  ul
  li
  a:before {
  color: #93c3e6;
}

.Blog-Glossary #Blog-Sidebar .topic-list.box ul li a.active {
  background: #94c096;
  color: white;
}
.Product-oracle-cloud
  .Blog-Glossary
  #Blog-Sidebar
  .topic-list.box
  ul
  li
  a.active {
  background: #93c3e6;
}
.Blog-Glossary #Blog-Sidebar .topic-list.box ul li a.active:hover {
  color: white;
}
.Blog-Glossary #Blog-Sidebar .topic-list.box ul li a.active:before {
  color: white;
}

.Blog-Glossary .Blog-Detail #toc-box {
  margin: -50px;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #ddd;
}

@media (max-width: 819px) and (min-width: 640px) {
  .Blog-Glossary .Blog-Detail #Blog-Page .recent-posts a {
    width: 31%;
  }
}

.Blog-Glossary .recent-posts a {
  margin-bottom: 20px;
}

.Blog-Glossary #pagetop.status {
  opacity: 0;
  transition: opacity 0.3s;
}
.Blog-Glossary.Page .Hero--small.smallest .Hero-subtitle {
  font-weight: 500;
}

/***********************************/
/********* /appremo/case **********/
/**********************************/
.BasicContentSection.is-default.equal-border.review .Wrap .Wrap-content {
  max-width: initial;
}
.review [class^="Button--"] {
  background: #002060;
  border-radius: 5px;
}
.review [class^="Button--"]:hover {
  background: #3a5ca0;
}
/* Button header CTA Oracle Cloud */
.Product-oracle-cloud .Header-cta [class^="Button--"]:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1174px) and (min-width: 820px) {
  .Product-oracle-cloud .Header .Header-cta .Button--outline {
    height: 36px;
    line-height: 32px;
  }
}
@media screen and (max-width: 530px) and (min-width: 321px) {
  .Product-oracle-cloud .Header .Header-cta {
    width: 115px !important;
  }
  .Product-oracle-cloud .Header .Header-cta a {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 320px) {
  .Product-oracle-cloud .Header .Header-cta {
    width: 100px !important;
    right: 60px;
  }
  .Product-oracle-cloud .Header .Header-cta a {
    font-size: 11px !important;
  }
}

.Header .Header-cta.v2 {
  right: -130px;
}
@media screen and (max-width: 1550px) {
  .Header .Header-cta {
    right: 90px;
  }
  .Header .Header-cta.v2 {
    right: -65px;
  }
}
@media screen and (max-width: 1250px) {
  .Header-nav > div > div.hs-menu-wrapper > ul {
    justify-content: unset;
  }
  .Header .Header-cta .Button--outline {
    padding: 0 !important;
    font-size: 12px !important;
  }
  .Header .Header-cta {
    width: 115px !important;
    right: 120px;
  }
  .Header .Header-cta.v2 {
    right: 2px;
  }
}
@media screen and (max-width: 819px) and (min-width: 679px) {
  .Header .Header-cta {
    width: 130px !important;
    right: 30% !important;
    top: 0 !important;
  }
  .Header .Header-cta.v2 {
    right: 10% !important;
  }
}
@media screen and (max-width: 429px) {
  .Header-cta {
    top: 30px !important;
    right: 170px !important;
    width: 105px !important;
  }
  .Header .Header-cta.v2 {
    right: 12% !important;
  }
}
@media screen and (max-width: 320px) {
  .Header-cta {
    right: 145px !important;
  }
  .Header .Header-cta.v2 {
    right: 7% !important;
  }
}

/************************************/
/*****  Oracle Cloud *****/
/*****  MaaS         *****/
/*****  nikuQ        *****/
/************************************/
:where(.Product-oracle-cloud, .Product-maas, .Product-niku-q),
:where(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  :is(.h1, .h2, .h3),
:where(.Product-oracle-cloud, .Product-maas, .Product-niku-q) :is(h1, h2, h3),
:where(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .ContentWithImageSection
  .Section-content
  p {
  color: #212529;
}
:where(.Product-oracle-cloud, .Product-maas, .Product-niku-q) a {
  color: #007cc8;
}
:where(.Product-oracle-cloud, .Product-maas, .Product-niku-q) a:active,
:where(.Product-oracle-cloud, .Product-maas, .Product-niku-q) a:hover {
  color: #023ba8;
}

@media (max-width: 819px) {
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q) .Header {
    height: 127px;
    padding: 20px 0 16px;
  }
}

:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q) .Header .Header-nav {
  margin-right: 0;
}
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-nav
  > div
  > ul.menu {
  justify-content: flex-end;
}

:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q) .Header-fixed-ctas {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 820px) {
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-fixed-ctas {
    position: fixed;
    top: min(266px, 50% - 200px);
    right: 0;
  }
}
@media (max-width: 819px) {
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-fixed-ctas {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 7px;
    width: 100%;
    margin-top: 16px;
    z-index: 10;
  }
}

:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-fixed-ctas
  li {
  display: grid;
}
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-fixed-ctas
  .Header-fixed-cta {
  --color-background: #212529;
  --color-border: #212529;
  --color-white: #fff;
  display: flex;
  align-items: center;
  justify-content: center;

  background-color: var(--color-background);
  border: 2px solid var(--color-border);
  font-weight: 600;
  color: var(--color-white);
  transition: background-color 0.4s ease, color 0.4s ease;
}
@media (min-width: 820px) {
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-fixed-ctas
    .Header-fixed-cta {
    gap: 5px;
    min-width: 50px;
    min-height: 200px;
    padding: 4px 4px 12px;
    font-size: 18px;
    line-height: 1.111111;
    writing-mode: vertical-rl;
  }
}
@media (max-width: 819px) {
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-fixed-ctas
    .Header-fixed-cta {
    gap: 8px;
    min-width: 150px;
    min-height: 34px;
    font-size: 14px;
    line-height: 1.42857;
  }
}
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-fixed-ctas
  .Header-fixed-cta:hover {
  text-decoration: none;
}
@media (any-hover: hover) {
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-fixed-ctas
    .Header-fixed-cta:hover {
    background-color: var(--color-white);
    color: var(--color-background);
  }
}
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-fixed-ctas
  .Header-fixed-cta::before {
  display: block;
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  content: "";
}
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-fixed-ctas
  .Header-fixed-cta.is-catalog {
  --color-background: #af3539;
  --color-border: #af3539;
}
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-fixed-ctas
  .Header-fixed-cta.is-catalog::before {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyOCI+CiAgPHBhdGggZD0iTTIwLjY1OSA3LjE4OSAxNS42NzMgMi4zbC0uMDktLjA4NHY1LjA2Mmg1LjE2M2MtLjAyNy0uMDMtLjA1Ny0uMDU5LS4wODctLjA4OHpNNy45NTIgMTIuNzc0YS44NjIuODYyIDAgMSAxIDAtMS43MjRoOS42NzNhLjg2Mi44NjIgMCAxIDEgMCAxLjcyNHptNS44NzQtMTEuMDVINC4zMzF2MjEuOTA1aDE2LjkxMlY5SDE0LjdhLjg3Ljg3IDAgMCAxLS44NzgtLjg2MnpNMi41NzUgMy44MzZoLS44MTh2MjIuNDRoMTcuMzM0di0uOTIzSDMuNDUzYS44NzEuODcxIDAgMCAxLS44NzgtLjg2MnptMTguMjczIDIxLjUxOHYxLjc4NWEuODcxLjg3MSAwIDAgMS0uODc4Ljg2MkguODc4QS44NzEuODcxIDAgMCAxIDAgMjcuMTM4VjIuOTc0YS44NzEuODcxIDAgMCAxIC44NzgtLjg2MmgxLjdWLjg2MkEuODcxLjg3MSAwIDAgMSAzLjQ1MyAwaDEwLjgwNUEzLjggMy44IDAgMCAxIDE1LjcuMjc1YTMuNzQ3IDMuNzQ3IDAgMCAxIDEuMjE1LjhMMjEuOSA1Ljk3MmEzLjcwNiAzLjcwNiAwIDAgMSAuOCAxLjE0NGwuMDIzLjA0OUEzLjU4NyAzLjU4NyAwIDAgMSAyMyA4LjU3OHYxNS45MTVhLjg3MS44NzEgMCAwIDEtLjg3OC44NjJoLTEuMjc0em0tMTIuOS04LjYwOGEuODYyLjg2MiAwIDEgMSAwLTEuNzI0aDkuNjczYS44NjIuODYyIDAgMSAxIDAgMS43MjR6bTAgMy45NzFhLjg2Mi44NjIgMCAxIDEgMC0xLjcyNGg5LjY3M2EuODYyLjg2MiAwIDEgMSAwIDEuNzI0eiIvPgo8L3N2Zz4K");
  width: 23px;
  height: 28px;
}
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-fixed-ctas
  .Header-fixed-cta.is-inquiry {
  --color-background: #014169;
  --color-border: #014169;
}
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-fixed-ctas
  .Header-fixed-cta.is-inquiry::before {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxNyI+CiAgPHBhdGggZD0iTTAgLjk1NXYxNS4wOUExIDEgMCAwIDAgMS4wMTIgMTdoMjMuOTc2QS45OTQuOTk0IDAgMCAwIDI2IDE2LjAyOVYuOTU1QTEgMSAwIDAgMCAyNC45ODggMEgxLjAxMkExIDEgMCAwIDAgMCAuOTU1bTEyLjY0OSAxMC4xNzZMMi40MTcgMS4zNDRoMjEuMTY2bC0xMC4yMzIgOS43ODdhLjUxMi41MTIgMCAwIDEtLjcgMG0tNS4yMy0yLjE5LTYgNS43NFYyLjMxOWw2IDUuNzRhLjYuNiAwIDAgMSAuMDA3Ljg3NmwtLjAwNy4wMDZtMS44NDEuODc0IDMuMjM4IDMuMTEzYS43MTcuNzE3IDAgMCAwIC45ODIgMGwzLjIzOC0zLjFhLjU0Mi41NDIgMCAwIDEgLjc0MSAwbDYuMDg3IDUuODI1SDIuNDE3bDYuMS01Ljg0MWEuNTQyLjU0MiAwIDAgMSAuNzQxIDBtOS4zMTMtMS43NCA2LTUuNzU2djEyLjM5N2wtNi4wMi01Ljc1NmEuNjA4LjYwOCAwIDAgMSAwLS44NjJ6Ii8+Cjwvc3ZnPgo=");
  width: 26px;
  height: 17px;
}
@media (max-width: 819px) {
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-fixed-ctas
    .Header-fixed-cta.is-catalog::before {
    width: 17px;
    height: 22px;
  }
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-fixed-ctas
    .Header-fixed-cta.is-inquiry::before {
    width: 21px;
    height: 14px;
  }
}

:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-Global
  .Global-Menu {
  background-color: #007cc8;
}
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-Global
  .Global-Menu {
  background-color: #007cc8;
}
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q).Pacnav--is-scrolling
  .Header
  .opacity-bg {
  background-color: #fff;
  opacity: 1;
}
:is(
    .Product-oracle-cloud,
    .Product-maas,
    .Product-niku-q
  ).Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > a,
:is(
    .Product-oracle-cloud,
    .Product-maas,
    .Product-niku-q
  ).Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active,
:is(
    .Product-oracle-cloud,
    .Product-maas,
    .Product-niku-q
  ).Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > ul.menu
  > li
  > a,
:is(
    .Product-oracle-cloud,
    .Product-maas,
    .Product-niku-q
  ).Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > ul.menu
  > li
  > li
  a.active,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q).Pacnav--is-scrolling
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > a,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q).Pacnav--is-scrolling
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q).Pacnav--is-scrolling
  .Header-nav
  > div
  > ul.menu
  > li
  > a,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q).Pacnav--is-scrolling
  .Header-nav
  > div
  > ul.menu
  > li
  > li
  a.active {
  color: #4a4a4a !important;
}
:is(
    .Product-oracle-cloud,
    .Product-maas,
    .Product-niku-q
  ).Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > a:hover,
:is(
    .Product-oracle-cloud,
    .Product-maas,
    .Product-niku-q
  ).Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:hover,
:is(
    .Product-oracle-cloud,
    .Product-maas,
    .Product-niku-q
  ).Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > ul.menu
  > li
  > a:hover,
:is(
    .Product-oracle-cloud,
    .Product-maas,
    .Product-niku-q
  ).Pacnav--is-mobile.Pacnav--is-active
  .Header-nav
  > div
  > ul.menu
  > li
  > li
  a.active:hover,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q).Pacnav--is-scrolling
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > a:hover,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q).Pacnav--is-scrolling
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:hover,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q).Pacnav--is-scrolling
  .Header-nav
  > div
  > ul.menu
  > li
  > a:hover,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q).Pacnav--is-scrolling
  .Header-nav
  > div
  > ul.menu
  > li
  > li
  a.active:hover {
  color: #007cc8 !important;
}

:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .PacnavToggle-circles,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q) .PacnavToggle-lines,
:is(
    .Product-oracle-cloud,
    .Product-maas,
    .Product-niku-q
  ).Pacnav--is-mobile.Pacnav--is-active
  .PacnavToggle
  .PacnavToggle-lines {
  fill: #4a4a4a;
}

:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-nav
  .is-mobile
  div.hs-menu-wrapper
  > ul
  li,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-nav
  .is-mobile
  ul.menu
  li {
  border-top-color: rgba(74, 74, 74, 0.15);
}

@media (min-width: 820px) {
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-nav
    > div
    > ul.menu
    > li.expanded:hover
    > ul.menu
    a:hover,
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-nav
    > div
    > ul.menu
    > li.expanded:hover
    > ul.hs-menu-children-wrapper
    a:hover,
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-nav
    > div
    > div.hs-menu-wrapper
    > ul
    > li.hs-item-has-children:hover
    > ul.menu
    a:hover,
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-nav
    > div
    > div.hs-menu-wrapper
    > ul
    > li.hs-item-has-children:hover
    > ul.hs-menu-children-wrapper
    a:hover,
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .PacnavToggle.is-active
    .PacnavToggle-items
    a:hover,
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-nav
    > div
    > ul.menu
    > li.expanded:hover
    > ul.menu
    .nolink:hover,
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-nav
    > div
    > ul.menu
    > li.expanded:hover
    > ul.hs-menu-children-wrapper
    .nolink:hover,
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-nav
    > div
    > div.hs-menu-wrapper
    > ul
    > li.hs-item-has-children:hover
    > ul.menu
    .nolink:hover,
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .Header-nav
    > div
    > div.hs-menu-wrapper
    > ul
    > li.hs-item-has-children:hover
    > ul.hs-menu-children-wrapper
    .nolink:hover,
  :is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
    .PacnavToggle.is-active
    .PacnavToggle-items
    .nolink:hover {
    background: linear-gradient(90deg, #007cc8 0%, #007cc8 100%);
  }
}
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-nav
  > div
  > ul.menu
  > li
  > a:active,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-nav
  > div
  > ul.menu
  > li
  > a:hover,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-nav
  > div
  > ul.menu
  > li
  > li
  a.active:active,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-nav
  > div
  > ul.menu
  > li
  > li
  a.active:hover,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > a:active,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > a:hover,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:active,
:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .Header-nav
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > li
  a.active:hover {
  color: #007cc8;
}

:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .LP-Cta-Section:not(.LP-Product-Title).u-bgColor--389ECC:before {
  background: #007cc8 !important;
}

:is(.Product-oracle-cloud, .Product-maas, .Product-niku-q)
  .LP-Cta-Section
  .Section-cta
  .Button--large {
  color: #007cc8;
  background-color: #fff;
}

/* AppRemo top, merit */
.Product-appremo .Page.Page-32361856587,
.Product-appremo .Page.Page-33851706165 {
  padding: 0;
}

.Product-appremo.Pacnav--is-scrolling:not(.Pacnav--is-mobile) .Global-Menu,
.Product-appremo.Pacnav--is-scrolling:not(.Pacnav--is-mobile) .Header-Global {
  display: block !important;
}

body.Product-appremo .Header.Has-childmenu,
body:not(.Pacnav--is-mobile).Product-appremo .Header.Has-childmenu {
  top: 54px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.06);
}

.Product-appremo.Pacnav--is-scrolling:not(.Pacnav--is-mobile) .Header {
  height: 90px;
}
.Product-appremo.Pacnav--is-scrolling .Header .Logo-block .Logo-img-main {
  display: none;
}
.Product-appremo.Pacnav--is-scrolling
  .Header
  .Logo-block.Logo-global
  .Logo-img-white {
  display: block;
}
.Product-appremo .Header .opacity-bg,
.Product-appremo.Pacnav--is-scrolling .Header .opacity-bg {
  background: initial;
}

.Header-cta.appremo-header-cta-circle .btn:hover {
  text-decoration: none;
  opacity: 0.8;
}

.Wrap:has(.appremo-header-nav-circle) {
  max-width: 1340px;
}
.Header .appremo-header-nav-circle > div > div.hs-menu-wrapper > ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
  -ms-flex-pack: center;
  justify-content: center;
  width: fit-content;
  display: flex;
  align-items: center;
  background: #fff;
  padding: 0 2em;
  border-radius: 15px;
  filter: drop-shadow(0px 0px 3px rgba(50, 50, 50, 0.16));
  height: 70px;
  margin: 0 0 0 auto;
  filter: none;
}
.appremo-header-nav-circle > div > div.hs-menu-wrapper > ul > li > a,
.Pacnav--is-scrolling
  .appremo-header-nav-circle
  > div
  > div.hs-menu-wrapper
  > ul
  > li
  > a {
  color: #505050 !important;
  height: 70px;
  font-weight: 500;
}

nav.Header-nav.appremo-header-nav-circle {
  margin-right: 0;
}
.Header-cta.appremo-header-cta-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  gap: 1px;
  position: relative;
  right: 0px;
  top: auto;
  transform: none;
  margin-left: 32px;
}
.Header-nav:has(
    > div > div.hs-menu-wrapper > ul > li.hs-item-has-children:hover
  )
  + .Header-cta.appremo-header-cta-circle {
  z-index: -1;
}
.Header-cta.appremo-header-cta-circle .btn {
  border-radius: 0;
  color: #fff;
  filter: none;
  height: 80px;
  font-size: 14px;
  display: flex;
  width: 160px;
  padding: 3px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
  transition: 0.3s;
}
.Header-cta.appremo-header-cta-circle .btn.file,
.Header-cta.appremo-header-cta-circle .btn.free {
  background: #439a53;
  padding: 3px 10px;
}
.Header-cta.appremo-header-cta-circle .btn.demo {
  background: rgb(226, 156, 10);
  padding: 0 1.2em;
}
.Header-cta.appremo-header-cta-circle .btn.mail {
  background: #ff9500;
  padding: 3px 10px;
}

body.Product-appremo.new-style .Header-Global .Global-Menu {
  background-color: #606060;
  background: #4a4a4a;
  height: 54px;
  transition: none;
}
.Product-appremo .Header-Global .Global-Menu ul li {
  display: inline-block;
  height: 54px;
  line-height: 54px;
}

.Product-appremo.Pacnav--is-scrolling .search_area form#searchform {
  top: 8px;
}
.Product-appremo .search_area form#searchform .SearchTop-input {
  margin-right: 5px;
  opacity: 1;
  padding-left: 10px;
  padding-right: 10px;
  width: 224px;
  height: 34px;
  margin-top: 7px;
  border-radius: 4px;
  border: 1px solid var(--9-e-9-e-9-e, #9e9e9e);
  background: var(--fff, #fff);
  padding-left: 28px;
}
.Product-appremo .search_area form#searchform:before {
  content: "";
  position: absolute;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNi44Mzk2NSAxMy42ODE5SDYuODQyMjFDOC40MjgwNCAxMy42ODE5IDkuODg3NTQgMTMuMTM4IDExLjA0MzcgMTIuMjI2MkwxMS4wMjkgMTIuMjM3MUwxNC43OTEyIDE2TDE2IDE0Ljc4OTZMMTIuMjM3NyAxMS4wMjIyQzEzLjEyNjUgOS44Nzg1NiAxMy42NjI2IDguNDIyMiAxMy42NjI2IDYuODQwNjNDMTMuNjYyNiAzLjA2MjMzIDEwLjYwMzggMCA2LjgzMTMxIDBDMy4wNTg4IDAgMCAzLjA2Mjk3IDAgNi44NDA2M0MwIDEwLjYxODkgMy4wNTg4IDEzLjY4MTMgNi44MzEzMSAxMy42ODEzQzYuODMzODcgMTMuNjgxMyA2LjgzNzA4IDEzLjY4MTkgNi44Mzk2NSAxMy42ODE5Wk02LjgzOTY1IDEuNjk1ODdDOS42NzI3MiAxLjY5NTg3IDExLjk2OTcgMy45OTU5OSAxMS45Njk3IDYuODMyOTJDMTEuOTY5NyA5LjY2OTg2IDkuNjcyNzIgMTEuOTcgNi44Mzk2NSAxMS45N0M0LjAwNjU3IDExLjk3IDEuNzA5NTkgOS42Njk4NiAxLjcwOTU5IDYuODMyOTJDMS43MTI4IDMuOTk3MjcgNC4wMDc4NiAxLjY5OTA4IDYuODM5NjUgMS42OTU4N1oiIGZpbGw9IiM5RTlFOUUiLz4KPC9zdmc+);
  width: 16px;
  height: 16px;
  top: 17px;
  left: 8px;
}
.Product-appremo .search_area form#searchform button#search_button {
  display: none;
}
.Product-appremo .search_area form#searchform .SearchTop-input::placeholder {
  color: #9e9e9e;
  font-size: 14px;
  line-height: 1.6;
}

@media screen and (max-width: 819px) {
  .Header:has(.appremo-header-nav-circle) {
    position: unset;
  }
  .Pacnav--is-scrolling .Header:has(.appremo-header-nav-circle) {
    position: fixed;
  }

  .Wrap:has(.appremo-header-nav-circle) {
    margin: 0;
    padding: 0 10px;
   width: calc(100% - 20px);
  }

  .Header:has(.appremo-header-nav-circle) img.Logo-img-white {
    height: 36px !important;
  }

  header.Header.Has-childmenu:has(.appremo-header-nav-circle) {
    background: #fff;
    height: 60px;
    padding: 10px 0;
  }
  .Header-nav.appremo-header-nav-circle #primary-nav.is-mobile.is-active {
    overflow: initial;
  }
  .Pacnav--is-scrolling
    header.Header.Has-childmenu:has(.appremo-header-nav-circle) {
    position: fixed;
  }
  .Header .appremo-header-nav-circle > div > div.hs-menu-wrapper > ul {
    background: none;
    height: auto;
    padding: 0;
    margin: 0;
    width: 100% !important;
    display: inline-block;
    filter: none;
  }
  .Header .appremo-header-nav-circle > div > div.hs-menu-wrapper > ul li {
    left: 0;
  }
  .Header-nav.appremo-header-nav-circle .PacnavToggle {
    align-items: center;
    background: #e29c0a;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 38px;
    justify-content: center;
    right: 15px;
    width: 56px;
  }
  .Pacnav--is-mobile.Pacnav--is-active
    nav.Header-nav.appremo-header-nav-circle
    .PacnavToggle {
    background: #fff;
  }
  .Product-appremo.Pacnav--is-mobile .PacnavToggle-lines,
  .Product-appremo.Pacnav--is-mobile:not(.Pacnav--is-scrolling)
    .PacnavToggle-lines {
    fill: #fff;
  }
  .Product-appremo.Pacnav--is-mobile.Pacnav--is-active
    .PacnavToggle
    .PacnavToggle-lines {
    fill: #e29c0a;
  }
  .Header-nav.appremo-header-nav-circle .PacnavToggle svg {
    width: 30px;
  }
  .Header-nav.appremo-header-nav-circle rect.PacnavToggle-line2,
  .Header-nav.appremo-header-nav-circle rect.PacnavToggle-line3 {
    display: none;
  }
  .Header-nav.appremo-header-nav-circle
    .PacnavToggle.is-mobile.is-active
    rect.PacnavToggle-line2,
  .Header-nav.appremo-header-nav-circle
    .PacnavToggle.is-mobile.is-active
    rect.PacnavToggle-line3 {
    display: block;
  }

  .Header-nav.appremo-header-nav-circle
    .PacnavToggle.is-mobile.is-active
    .PacnavToggle-line2 {
    transform: rotate(10px, 10px, 0, -45deg);
    transform: rotate(-60deg);
    transform: translate(-25%, 65%) rotate(-60deg) translate(-24%, 10%);
    width: 30px;
  }
  .Header-nav.appremo-header-nav-circle
    .PacnavToggle.is-mobile.is-active
    .PacnavToggle-line3 {
    transform: rotate(10px, 10px, 0, 45deg);
    transform: translate(60%, -55%) rotate(60deg) translate(10%, 10%);
    width: 30px;
  }

  .Pacnav--is-mobile
    .appremo-header-nav-circle
    > div
    > div.hs-menu-wrapper
    > ul
    > li
    > a,
  .Pacnav--is-scrolling.Pacnav--is-mobile
    .Header-nav.appremo-header-nav-circle
    > div
    > div.hs-menu-wrapper
    > ul
    > li
    > a {
    color: #fff !important;
  }
  .Pacnav--is-mobile.Pacnav--is-active:has(.appremo-header-nav-circle)
    .Logo
    .Logo-img-main {
    display: block !important;
  }
  .Pacnav--is-mobile.Pacnav--is-active:has(.appremo-header-nav-circle)
    .Header
    .Logo-block.Logo-global
    .Logo-img-white {
    display: none;
  }
}

@media (min-width: 820px) {
  .Product-appremo .Header:has(.appremo-header-cta-circle) {
    background: #fff;
    height: 80px !important;
  }

  .Product-appremo
    .Header-nav
    ul.menu
    .hs-menu-depth-1.hs-item-has-children
    > a {
    position: relative;
    padding-right: 20px;
  }
  .Product-appremo
    .Header-nav
    ul.menu
    .hs-menu-depth-1.hs-item-has-children
    > a:before {
    content: "";
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEyIDEzIiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjIzNDQ0IDMuOTg0NUMxLjI2OTI3IDMuOTQ5NTggMS4zMTA2NSAzLjkyMTg3IDEuMzU2MjEgMy45MDI5N0MxLjQwMTc3IDMuODg0MDYgMS40NTA2MSAzLjg3NDMzIDEuNDk5OTQgMy44NzQzM0MxLjU0OTI2IDMuODc0MzMgMS41OTgxIDMuODg0MDYgMS42NDM2NiAzLjkwMjk3QzEuNjg5MjIgMy45MjE4NyAxLjczMDYgMy45NDk1OCAxLjc2NTQ0IDMuOTg0NUw1Ljk5OTk0IDguMjE5NzVMMTAuMjM0NCAzLjk4NDVDMTAuMjY5MyAzLjk0OTYzIDEwLjMxMDcgMy45MjE5OCAxMC4zNTYyIDMuOTAzMTFDMTAuNDAxOCAzLjg4NDI0IDEwLjQ1MDYgMy44NzQ1MyAxMC40OTk5IDMuODc0NTNDMTAuNTQ5MiAzLjg3NDUzIDEwLjU5ODEgMy44ODQyNCAxMC42NDM2IDMuOTAzMTFDMTAuNjg5MiAzLjkyMTk4IDEwLjczMDYgMy45NDk2MyAxMC43NjU0IDMuOTg0NUMxMC44MDAzIDQuMDE5MzcgMTAuODI4IDQuMDYwNzYgMTAuODQ2OCA0LjEwNjMxQzEwLjg2NTcgNC4xNTE4NyAxMC44NzU0IDQuMjAwNjkgMTAuODc1NCA0LjI1QzEwLjg3NTQgNC4yOTkzMSAxMC44NjU3IDQuMzQ4MTMgMTAuODQ2OCA0LjM5MzY5QzEwLjgyOCA0LjQzOTI0IDEwLjgwMDMgNC40ODA2MyAxMC43NjU0IDQuNTE1NUw2LjI2NTQ0IDkuMDE1NUM2LjIzMDYgOS4wNTA0MiA2LjE4OTIyIDkuMDc4MTMgNi4xNDM2NiA5LjA5NzAzQzYuMDk4MSA5LjExNTk0IDYuMDQ5MjYgOS4xMjU2NyA1Ljk5OTk0IDkuMTI1NjdDNS45NTA2MSA5LjEyNTY3IDUuOTAxNzcgOS4xMTU5NCA1Ljg1NjIxIDkuMDk3MDNDNS44MTA2NSA5LjA3ODEzIDUuNzY5MjcgOS4wNTA0MiA1LjczNDQ0IDkuMDE1NUwxLjIzNDQ0IDQuNTE1NUMxLjE5OTUyIDQuNDgwNjcgMS4xNzE4MSA0LjQzOTI4IDEuMTUyOSA0LjM5MzczQzEuMTM0IDQuMzQ4MTcgMS4xMjQyNyA0LjI5OTMzIDEuMTI0MjcgNC4yNUMxLjEyNDI3IDQuMjAwNjcgMS4xMzQgNC4xNTE4MyAxLjE1MjkgNC4xMDYyN0MxLjE3MTgxIDQuMDYwNzIgMS4xOTk1MiA0LjAxOTMzIDEuMjM0NDQgMy45ODQ1WiIgZmlsbD0iIzUwNTA1MCIvPgo8L3N2Zz4=);
    width: 12px;
    height: 12px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .appremo-header-nav-circle.Header-nav
    > div
    > div.hs-menu-wrapper
    > ul
    > li
    ul.hs-menu-children-wrapper.menu {
    border-radius: 10px;
    background: #f1f9f3;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.06);
    width: 220px;
    padding: 20px 0;
    top: calc(100% + 10px);
    left: -10px;
    position: absolute;
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s;
  }

  .Product-appremo
    .Header-nav
    > div
    > div.hs-menu-wrapper
    > ul
    > li.hs-item-has-children:hover
    > ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0s;
  }

  .appremo-header-nav-circle.Header-nav
    ul.hs-menu-children-wrapper.menu
    .hs-menu-item.hs-menu-depth-2 {
    position: relative;
  }
  .appremo-header-nav-circle.Header-nav
    ul.hs-menu-children-wrapper.menu
    .hs-menu-item.hs-menu-depth-2
    a {
    color: #505050;
    font-size: 14px;
    line-height: 1.6 !important;
    padding: 12px 10px 12px 38px;
    height: auto;
    font-weight: 500;
    transition: 0.3s;
  }
  .appremo-header-nav-circle.Header-nav
    ul.hs-menu-children-wrapper.menu
    .hs-menu-item.hs-menu-depth-2
    a:before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDExQzguNzk1NjUgMTEgOS41NTg3MSAxMC42ODM5IDEwLjEyMTMgMTAuMTIxM0MxMC42ODM5IDkuNTU4NzEgMTEgOC43OTU2NSAxMSA4QzExIDcuMjA0MzUgMTAuNjgzOSA2LjQ0MTI5IDEwLjEyMTMgNS44Nzg2OEM5LjU1ODcxIDUuMzE2MDcgOC43OTU2NSA1IDggNUM3LjIwNDM1IDUgNi40NDEyOSA1LjMxNjA3IDUuODc4NjggNS44Nzg2OEM1LjMxNjA3IDYuNDQxMjkgNSA3LjIwNDM1IDUgOEM1IDguNzk1NjUgNS4zMTYwNyA5LjU1ODcxIDUuODc4NjggMTAuMTIxM0M2LjQ0MTI5IDEwLjY4MzkgNy4yMDQzNSAxMSA4IDExWiIgZmlsbD0iIzQzOUE1MyIvPgo8L3N2Zz4=);
    position: absolute;
    width: 16px;
    height: 16px;
    display: block !important;
    left: 18px;
    top: 16px;
  }
  .appremo-header-nav-circle.Header-nav
    ul.hs-menu-children-wrapper.menu
    .hs-menu-item.hs-menu-depth-2
    a:hover {
    color: #439a53;
    background: #f1f9f3;
  }

  .Product-appremo.Pacnav--is-scrolling .Global-Menu.has-sub {
    top: -10px;
  }
  .Product-appremo.Pacnav--is-scrolling .Header-Global .Global-Menu ul li {
    line-height: 60px;
  }
  .Product-appremo.Pacnav--is-scrolling:not(.Pacnav--is-mobile)
    .Header.Has-childmenu,
  .Product-appremo.Pacnav--is-scrolling:not(.Pacnav--is-mobile)
    .Header.Has-childmenu {
    top: 43px;
  }

  .Product-appremo .Header .Wrap,
  .Product-appremo .Global-Menu.has-sub .Wrap {
    max-width: none;
    margin-right: 0;
  }
  .Product-appremo .Header .Wrap {
    padding-right: 0;
    width: 100%;
  }
}

.Header-cta.appremo-header-cta-circle .btn .pc-1260 {
  display: none;
}

@media (max-width: 819px) {
  .Pacnav--is-mobile
    .appremo-header-nav-circle
    > div
    > div.hs-menu-wrapper
    > ul
    > li
    > a,
  .Pacnav--is-scrolling.Pacnav--is-mobile
    .Header-nav.appremo-header-nav-circle
    > div
    > div.hs-menu-wrapper
    > ul
    > li
    > a {
    height: auto;
  }
  .Product-appremo .Header-nav .is-mobile li.expanded > a:before,
  .Header-nav .is-mobile li.hs-item-has-children > a:before {
    content: "\203A";
    display: block;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: calc(50% - 20px);
    transform-origin: right center;
    transition: line-height 0.6s, transform 0.6s;
    width: 50px;
  }
  .Product-appremo
    .Header-nav
    #primary-nav.is-mobile.is-active
    #hs_menu_wrapper_main_nav
    > ul
    > li.expanded.is-active
    > a:before {
    line-height: 25px;
    transform: translate(calc(70px - 100vw)) rotate(180deg);
  }
}

@media (min-width: 820px) and (max-width: 1260px) {
  .Page .Header .Header-cta.appremo-header-cta-circle {
    display: flex !important;
    width: auto !important;
    margin-left: 0;
  }
  .Product-appremo.Pacnav--is-mobile.Pacnav--is-active
    .Header-nav
    > div
    > div.hs-menu-wrapper
    > ul
    > li
    > a {
    color: #505050 !important;
  }
}

.Header
  .Header-nav.appremo-header-nav-circle
  .Header-cta.appremo-header-cta-circle.sp {
  display: none !important;
  opacity: 0;
}
@media (max-width: 819px) {
  .Header-nav.appremo-header-nav-circle {
    display: flex;
    flex-wrap: wrap;
  }
  .Header
    .Header-nav.appremo-header-nav-circle
    .Header-cta.appremo-header-cta-circle.sp {
    display: flex !important;
  }
  .Pacnav--is-active
    .Header
    .Header-nav.appremo-header-nav-circle
    .Header-cta.appremo-header-cta-circle.sp {
    transition-delay: 0s, 0s, 0s, 0.8s, 0s, 0.8s;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .Pacnav--is-active .Header .Header-cta.appremo-header-cta-circle {
    width: calc(100% + 20px) !important;
    margin-left: -10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #fff;
    top: 30px !important;
    right: 0 !important;
  }
  .Header-cta.appremo-header-cta-circle .btn {
    width: 100%;
    font-size: 11px !important;
    line-height: 1.3;
    padding: 3px !important;
  }
}

@media (min-width: 820px) and (max-width: 1260px) {
  .Header-cta.appremo-header-cta-circle .btn .pc-1260 {
    display: block;
  }
  .Header-cta.appremo-header-cta-circle .btn {
    font-size: 10px;
    width: 100px;
    margin-left: 0px;
  }
  .Product-appremo .Header-nav ul.menu .hs-menu-depth-1 > a {
    font-size: 14px;
  }
  .Product-appremo .Header-nav > div > div.hs-menu-wrapper > ul li + li,
  .Product-appremo .Header-nav > div > ul.menu li + li {
    margin-left: 20px;
  }
  .Header .appremo-header-nav-circle > div > div.hs-menu-wrapper > ul {
    flex-wrap: nowrap;
  }
}
@media (min-width: 820px) and (max-width: 900px) {
  .Header-cta.appremo-header-cta-circle .btn {
    width: 85px;
  }
}

@media (min-width: 820px) {
  .h-2lh {
    min-height: 2lh;
  }
  .h-3lh {
    min-height: 3lh;
  }
  .h-4lh {
    min-height: 4lh;
  }
}

.contents.w1340 {
  max-width: 1340px;
  margin: auto;
}
.contents.w1000 {
  max-width: 1000px;
  margin: auto;
}
.mb160 {
  margin-bottom: 160px !important;
}
.pt260 {
  padding-top: 260px !important;
}
.pt290 {
  padding-top: 290px !important;
}
.semicircle-img-top {
  position: relative;
  margin-top: 130px;
}
.semicircle-img-top .Wrap {
  z-index: 2;
  padding-top: 0 !important;
}
.semicircle-img-top:before {
  content: "";
  display: block;
  width: 400px;
  height: 400px;
  background-color: rgba(235, 159, 0, 1);
  border-radius: 9999px;
  position: absolute;
  top: -70px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.LP-Hero-AppRemo.bg-appremo:before {
  content: "";
  display: block;
  width: 102%;
  height: 151px;
  background: url(https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/top/logo_appremo_name.svg)
    left center repeat-x;
  position: absolute;
  top: -60px;
  bottom: 0;
  left: -2%;
  right: 0;
  margin: auto;
  z-index: 10;
  opacity: 0.11;
}

.LP-Hero-AppRemo .Hero-image {
  width: 48%;
}
.LP-Hero-AppRemo img {
  height: auto;
}

.LP-Hero-AppRemo .Wrap--narrow {
  position: relative;
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 2.5%;
  z-index: 30;
}

.LP-Hero-AppRemo #priceBox {
  display: flex;
  gap: 0 22px;
  position: absolute;
  top: -20px;
  left: 0;
  right: auto;
  transition: all 0.3s ease;
}
.LP-Hero-AppRemo #priceBox article {
  align-items: center;
  background: #fff;
  border-radius: 9999px;
  display: flex;
  height: 159px;
  justify-content: center;
  margin: 0;
  text-align: center;
  height: 120px;
  width: 120px;
}
.LP-Hero-AppRemo #priceBox article.trial {
  background: #505050;
  color: #fff;
}
.LP-Hero-AppRemo article.user figure {
  max-width: 25px;
  margin: 5px auto;
}

.LP-Hero-AppRemo article.user-test dl {
  margin: 5px 0;
}
.LP-Hero-AppRemo article.user dl dt {
  color: #eb9f00;
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
}

.LP-Hero-AppRemo article.user dl dt span {
  font-family: "Jost", sans-serif;
  font-weight: 600;
  font-size: 1.9em;
  letter-spacing: 0;
}

.LP-Hero-AppRemo article.user dl dt span small {
  font-size: 0.86842em;
}

.LP-Hero-AppRemo article.user dl dd {
  align-items: center;
  display: flex;
  font-size: 0.6125em;
  font-weight: 700;
  gap: 0.2em;
  justify-content: center;
  line-height: 1em;
  margin: 0.6em 0 0;
}

.LP-Hero-AppRemo article.user dl dd small {
  font-size: 0.92308em;
}

.LP-Hero-AppRemo article.trial dt {
  color: #ffe4ac;
  font-family: "Jost", sans-serif;
  font-size: 2.875em;
  font-weight: 600;
  font-size: 2.5em;
  line-height: 0.7em;
}

.LP-Hero-AppRemo article.trial dt small {
  font-size: 0.56957em;
}

.LP-Hero-AppRemo article.trial dd {
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2em;
  margin: 0;
}
.LP-Hero-AppRemo .Hero-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.65em;
  margin: 60px 0 0.6em 0;
  color: #505050;
}
.LP-Hero-AppRemo .Hero-title span {
  color: #eb9f00;
}

.LP-Hero-AppRemo #personBox {
  width: 100%;
  position: absolute;
  height: 220px;
  bottom: -25px;
  z-index: 40;
}

.LP-Hero-AppRemo #personBox article {
  display: flex;
  justify-content: center;
  align-items: stretch;
  white-space: nowrap;
  width: auto;
  gap: 0 30px;
}
.LP-Hero-AppRemo #personBox figure {
  margin: 0 0 0 0;
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.LP-Hero-AppRemo #personBox figure.x2 {
  top: -15px;
}
.LP-Hero-AppRemo #personBox figure figcaption {
  box-sizing: border-box;
  display: block;
  width: fit-content;
  font-weight: 700;
  background: #fff;
  border-radius: 9999px;
  line-height: 1em;
  padding: 1.35em 1.8em;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 0 15px 0;
  z-index: 40;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));
}
.LP-Hero-AppRemo #personBox figure figcaption::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 15px solid #fff;
}
.LP-Hero-AppRemo #personBox figure img {
  transition: all 0.3s ease;
}

/* .LP-LogoSlider */
.LP-LogoSlider header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 2em 0;
}

.LP-LogoSlider #logosArea header h2 {
  font-size: 1.6875em;
  font-weight: 700;
  line-height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.5em;
}

.LP-LogoSlider #logosArea h2 strong {
  color: #eb9f00;
  font-size: 2.77778em;
  line-height: 1em;
  margin: 0 0 -0.15em 0;
}

.LP-LogoSlider #logosArea h2 strong.x2 {
  display: none;
}

.LP-LogoSlider #logosArea header figure {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.LP-LogoSlider #logosArea header figure figcaption {
  font-size: 1.5em;
  font-weight: 700;
  margin: 0 0 0.5em 0.5em;
}

.LP-LogoSlider #logosArea header figure img {
  width: 270px;
  margin: auto;
}

.LP-LogoSlider #logosArea h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.625em;
  font-weight: 700;
  color: #323232;
  line-height: 1em;
  margin: 0 0 1.5em 0;
}

.appremo-solution {
  background: linear-gradient(
    to bottom,
    #fff 0%,
    #fff 235px,
    #f2f2f2 235px,
    #f2f2f2 740px,
    #fff 740px,
    #fff 100%
  );
  border-top: none !important;
}

.appremo-solution #problemArea {
  text-align: center;
  margin: 0 0 130px 0;
}
.appremo-solution #problemArea h2 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.9em;
  gap: 0 1.7em;
  margin: 0 0 2em 0;
}

.appremo-solution #problemArea h2 strong {
  font-size: 50px;
  color: #eb9f00;
  font-weight: 700;
  display: block;
  margin: 0.4em 0 0 0;
}

.appremo-solution #problemArea h2::before {
  content: "";
  display: block;
  width: 155px;
  height: 156px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/top/problem1.svg")
    center center no-repeat;
  background-size: contain;
  margin: 0 0 -15px 0;
  z-index: 40;
}
.appremo-solution #problemArea h2::after {
  content: "";
  display: block;
  width: 151px;
  height: 153px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/top/problem2.svg")
    center center no-repeat;
  background-size: contain;
  margin: 0 0 -20px 0;
  z-index: 40;
}

.appremo-solution #problemArea .solution {
  display: flex;
  justify-content: space-between;
  margin: 0 0 35px 0;
}
.appremo-solution #problemArea .solution aside {
  width: 18%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 55px 0;
}

.appremo-solution #problemArea .solution aside::after {
  content: "";
  display: block;
  width: 4px;
  height: 80%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 5;
}
.appremo-solution #problemArea .solution aside p {
  background: #fff;
  border-radius: 20px;
  font-weight: 500;
  padding: 1.5em 1em;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 30;
}
.appremo-solution #problemArea .solution aside dl {
  background: #56b467;
  border-radius: 20px;
  padding: 22px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  gap: 0.9em 0;
  position: relative;
  z-index: 30;
  font-size: 16px;
}
.appremo-solution #problemArea .solution aside dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-height: 110px;
}
.system-solution #problemArea .solution aside dl dt figure {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.appremo-solution #problemArea .solution aside dl dd {
  font-weight: 700;
  margin: 0;
}

.appremo-solution #problemArea h3.copy {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1em;
  gap: 0.5em 0;
}
.appremo-solution #problemArea h3.copy small {
  font-size: clamp(30px, 0.72222em, 35px);
}
.appremo-solution #problemArea h3.copy strong {
  font-size: 0.97222em;
  color: #ffffff;
  background: #505050;
  border-radius: 10px;
  width: fit-content;
  margin: auto;
  padding: 0.5em 1em 0.6em 1em;
}

.appremo-solution #laptopArea {
  margin: -70px 0 0 0;
}

.appremo-solution #laptopArea figure {
  width: 94.114%;
  margin: auto;
}

.appremo-solution #laptopArea h2 {
  text-align: center;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.6em;
  margin: 0.8em 0 0 0;
}

.appremo-solution #laptopArea h2 strong {
  color: #ef9f1f;
}
.appremo-solution figure.logo-lg img {
  width: 100%;
  height: auto;
  opacity: 0.44;
  transition: all 0.3s ease;
}
.appremo-solution figure {
  margin: 0;
}

.appremo-movie .Wrap {
  border-top: none !important;
}
.appremo-movie #movieArea {
  border-radius: 60px;
  background-color: rgba(86, 180, 103, 0.08);
  margin: auto;
  padding: 70px 8.333%;
  text-align: center;
}

.appremo-movie #movieArea dl.title {
  margin: 0 0 1em 0;
}

.appremo-movie #movieArea dl.title dt {
  font-weight: 700;
  font-size: 2.5em;
  display: flex;
  align-items: baseline;
  justify-content: center;
  line-height: 1em;
  margin: 0 0 0.5em 0;
}

.appremo-movie #movieArea dl.title dt strong {
  font-weight: 600;
  font-size: 1.375em;
  font-family: "Jost", sans-serif;
  line-height: 1em;
  position: relative;
  bottom: -0.05em;
}

.appremo-movie #movieArea dl.title dd {
  width: 197px;
  margin: auto;
}

.appremo-movie #movieArea p {
  font-weight: 500;
  margin: 0 0 3em 0;
  font-size: clamp(16px, 1.6vw, 18px);
}

.appremo-movie #movieArea #movieList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.appremo-movie #movieArea #movieList aside {
  width: 46.2%;
}

.appremo-movie #movieArea #movieList aside h3 {
  font-size: clamp(20px, 1.9vw, 26px);
  font-weight: 700;
  margin: 0 0 0.8em 0;
}

.appremo-movie #movieArea #movieList aside iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 30px;
  filter: drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.16));
}

/* twocolumnAppRemo */
.LP-TwoColumn-AppRemo .Wrap {
  padding: 140px 0;
}

.LP-TwoColumn-AppRemo .item.item-reverse {
  flex-direction: row-reverse;
}

.LP-TwoColumn-AppRemo .layout-default {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}
.LP-TwoColumn-AppRemo .layout-default .item {
  background: #fff;
  border-radius: 60px;
  padding: 7.5% 8.333%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.LP-TwoColumn-AppRemo .item > div {
  width: 50%;
}
.LP-TwoColumn-AppRemo .item .Section-image {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.LP-TwoColumn-AppRemo .item .Section-image img {
  height: auto;
}
.LP-TwoColumn-AppRemo .Sestion-content-text {
  font-size: 16px;
  text-align: center;
  padding-bottom: 40px;
}
.LP-TwoColumn-AppRemo .layout-default .item .Section-content h3 {
  color: #56b467;
  font-size: 32px;
  margin: 0 0 0.7em 0;
  font-weight: 700;
}
.LP-TwoColumn-AppRemo .layout-default .item h3 span {
  color: #eb9f00;
  font-size: 52px;
  line-height: 1.4em;
}
.fz40 {
  font-size: 40px !important;
}
.LP-TwoColumn-AppRemo .Section-content div {
  font-size: 16px;
  line-height: 2em;
  color: #505050;
}

.LP-TwoColumn-AppRemo:has(.layout-default) .Section-top h2,
.LP-TwoColumn-AppRemo:has(.layout-default) .Section-top h3,
.LP-TwoColumn-AppRemo:has(.layout-default) header h2,
.LP-TwoColumn-AppRemo:has(.layout-default) header h3 {
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.LP-TwoColumn-AppRemo .layout-number {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}
.LP-TwoColumn-AppRemo .layout-number .item {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  width: 101.833%;
  background-color: rgba(239, 159, 31, 0.08);
  border-radius: 60px 0 0 60px;
  position: relative;
  padding: 6% 8.347%;
  left: 10%;
  box-sizing: border-box;
}
.LP-TwoColumn-AppRemo .layout-number .item:nth-child(odd) {
  padding: 6% 8.347% 6% 0;
}
.LP-TwoColumn-AppRemo .layout-number .item:nth-child(even) {
  background-color: rgba(86, 180, 103, 0.08);
  border-radius: 0 60px 60px 0;
  left: -10%;
  flex-direction: row;
  width: 110%;
}
.LP-TwoColumn-AppRemo .layout-number .Section-content {
  margin: 0 0 0 100px;
  line-height: 2em;
}

.LP-TwoColumn-AppRemo .layout-number h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.6em;
  position: relative;
}
.LP-TwoColumn-AppRemo .layout-number h3 span {
  position: absolute;
  font-family: "Jost", sans-serif;
  font-weight: 600;
  font-size: 92px;
  color: #eb9f1c;
  left: -130px;
  top: 50%;
  transform: translate(0, -50%);
}

.LP-TwoColumn-AppRemo .layout-number .item:nth-child(even) h3 span {
  color: #56b467;
}

.LP-TwoColumn-AppRemo #aboutArea {
  text-align: center;
  position: relative;
  top: -120px;
  margin: 0 0 -120px 0;
}

.LP-TwoColumn-AppRemo #aboutArea .symbol {
  margin: 0 0 35px 0;
}

.LP-TwoColumn-AppRemo #aboutArea h2 {
  font-size: 52px;
  line-height: 1em;
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 0 0.1em;
  margin: 0 0 0.4em 0;
}
.LP-TwoColumn-AppRemo #aboutArea h2 figcaption {
  white-space: nowrap;
}

.LP-TwoColumn-AppRemo #aboutArea h2 img {
  width: 343px;
}

.LP-TwoColumn-AppRemo #aboutArea h3 {
  font-size: 42px;
  line-height: 1.7em;
  margin: 0 0 0.5em 0;
}
.LP-TwoColumn-AppRemo #reasonArea {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 30px;
  margin: 0 0 40px -30px;
}

.LP-TwoColumn-AppRemo #reasonArea dl {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 1.2em 0;
}

.LP-TwoColumn-AppRemo #reasonArea dl dt {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 36px;
  gap: 0 0.25em;
}

.LP-TwoColumn-AppRemo #reasonArea dl dt figure {
  width: 285px;
  margin: 0.1em 0 0 0;
}

.LP-TwoColumn-AppRemo #reasonArea dl dd {
  font-weight: 700;
  font-size: 74px;
  line-height: 1em;
}

/* cta AppRemo*/
.LP-CTA-AppRemo .Wrap {
  background: #f0f0f0;
  border-radius: 60px;
  position: relative;
  padding: 60px 20px;
  max-width: 1200px;
  text-align: center;
}
.LP-CTA-AppRemo:has(.Section-image) {
  padding: 140px 0;
}
.LP-CTA-AppRemo .Wrap:has(.Section-image) {
  padding-top: 80px;
}

.LP-CTA-AppRemo .Wrap:has(.Section-image):before {
  content: "";
  display: block;
  width: 283px;
  height: 283px;
  background: #f0f0f0;
  border-radius: 9999px;
  position: absolute;
  top: -99px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.LP-CTA-AppRemo .Section-body {
  z-index: 2;
  position: relative;
}
.LP-CTA-AppRemo .Section-image {
  position: relative;
  width: 100%;
}

.LP-CTA-AppRemo .Section-image img {
  position: absolute;
  top: -130px;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 300px;
}
.LP-CTA-AppRemo .Wrap header {
  margin-bottom: 2em;
}
.LP-CTA-AppRemo .Section-content {
  display: flex;
  justify-content: center;
  gap: 0 4%;
  width: 100%;
  margin: auto;
}
.LP-CTA-AppRemo .title {
  font-weight: 700;
  color: #56b467;
  font-size: 36px;
}

.LP-CTA-AppRemo .Sestion-content-text {
  font-weight: 700;
  font-size: 22px;
}

.LP-CTA-AppRemo .flex-item-inner a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.75em;
  text-decoration: none;
  width: 100%;
  line-height: 1em;
  height: 82px;
  color: #fff;
  font-weight: 500;
  font-size: 22px;
  background: #383838;
  border-radius: 15px;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.16));
  padding: 0 40px;
  transition: 0.3s;
}

.LP-CTA-AppRemo .flex-item-inner.flex-item-inner.item-file a {
  background: rgb(86, 180, 103);
}

.LP-CTA-AppRemo .speechbubble {
  width: fit-content;
  margin: 0 auto 1em auto;
  position: relative;
  background: #fff;
  line-height: 1em;
  padding: 0.9em 2.3em;
  border-radius: 9999px;
  letter-spacing: 0;
  font-weight: 500;
  box-sizing: border-box;
  font-size: 14px;
}
.LP-CTA-AppRemo .speechbubble::before {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top: 12px solid #fff;
  z-index: 2;
}

.LP-CTA-AppRemo .flex-item-inner.flex-item-inner.item-file a::before {
  content: "";
  display: block;
  width: 31px;
  height: 34px;
  background: url(https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/icon_files_wh.svg)
    center center no-repeat;
  background-size: contain;
  transition: 0.3s;
}
.LP-CTA-AppRemo .flex-item-inner.flex-item-inner.item-file a:hover::before {
  background: url(https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/icon_files.svg)
    center center no-repeat;
  background-size: contain;
}

.LP-CTA-AppRemo .flex-item-inner.flex-item-inner.item-trial a {
  background: rgb(239, 159, 31);
}

.LP-CTA-AppRemo .flex-item-inner.flex-item-inner.item-file a:hover,
.LP-CTA-AppRemo .flex-item-inner.flex-item-inner.item-trial a:hover {
  background: #383838;
}
.LP-CTA-AppRemo .flex-item-inner.flex-item-inner.item-trial a::before {
  content: "";
  display: block;
  width: 31px;
  height: 34px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/icon_trial_wh.svg")
    center center no-repeat;
  background-size: contain;
  transition: 0.3s;
}

.LP-CTA-AppRemo .flex-item-inner.flex-item-inner.item-trial a:hover::before {
  background: url(https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/icon_trial.svg)
    center center no-repeat;
  background-size: contain;
}

.LP-CTA-AppRemo .logo-lg {
  position: relative;
  max-width: 1340px;
  margin: 0 auto 60px;
  transition: all 0.3s ease;
}
.LP-CTA-AppRemo .logo-lg img {
  width: 100%;
  height: auto;
  opacity: 0.44;
  transition: all 0.3s ease;
  margin-top: -90px;
}

/* Grid List */
.LP-Grid-List .Wrap {
  padding: 140px 0;
}

.LP-Grid-List .u-wrap-image {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 89px;
  margin: 0 auto 22px;
}
.LP-Grid-List .u-wrap-image img {
  height: auto;
}
.LP-Grid-List .layout-image {
  display: grid;
  justify-content: space-between;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
}

.LP-Grid-List .item .Section-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}
.LP-Grid-List .layout-image .item:has(.Section-content) {
  box-sizing: border-box;
  background: #fff;
  border-radius: 30px;
  padding: 60px 42px 48px;
  color: #505050;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.LP-Grid-List .layout-image h3 {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 1em 0;
  color: #ef9f1f;
}
.LP-Grid-List .layout-image h3.small-title {
  letter-spacing: -0.03em;
  font-size: 23px;
  line-height: 1.6;
  margin: 0 0 0.6em 0;
}
.LP-Grid-List .layout-image .subtitle {
  font-weight: 500;
  margin: 0 0 0.5em 0;
  text-align: center;
  font-size: 16px;
}
.LP-Grid-List p {
  line-height: 2em;
  letter-spacing: 0em;
  font-size: 16px;
  margin-top: 0;
}
.LP-Grid-List .layout-image .Section-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0;
  padding: 0;
  border-radius: 6px;
}
.LP-Grid-List .layout-image .Section-list ul li {
  text-align: center;
  width: 50%;
  box-sizing: border-box;
  background: #efefef;
  line-height: 1em;
  padding: 0.8em 0;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #dcdcdc;
  margin-bottom: -1px;
  margin-right: -1px;
  margin-top: 0 !important;
  list-style: none;
}
.LP-Grid-List .layout-image .Section-list ul li:nth-child(1) {
  border-top-left-radius: 6px;
}
.LP-Grid-List .layout-image .Section-list ul li:nth-child(2) {
  border-top-right-radius: 6px;
}
.LP-Grid-List .layout-image .Section-list ul li:nth-last-child(2) {
  border-bottom-left-radius: 6px;
}

.LP-Grid-List .layout-image .Section-list ul li:nth-last-child(1) {
  border-bottom-right-radius: 6px;
}

.LP-Grid-List .layout-image .btn {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}

.LP-Grid-List .layout-image .Section-list:has(+ .btn) {
  padding-bottom: 30px;
}

.LP-Grid-List .layout-image .btn a {
  background: none;
  color: #505050;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  line-height: 1em;
  padding: 1.3em 0;
  border-top: 1px solid #dcdcdc;
  border-radius: 0;
}
.LP-Grid-List .layout-image .btn a:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/arrow.svg)
    center center no-repeat;
  background-size: contain;
  margin: 2.5px 0 0 10px;
}

.LP-Grid-List .layout-list {
  display: grid;
  width: 100%;
  gap: 34px 20px;
  grid-template-columns: repeat(4, 1fr);
}
.LP-Grid-List .layout-list .item {
  padding-bottom: 40px;
  margin-bottom: 50px;
  position: relative;
}

.LP-Grid-List .layout-list .item:before {
  margin-right: 0;
  content: "";
  bottom: -1px;
  position: absolute;
  left: -30px;
  width: 50px;
  background: #f8b62d;
  height: 1px;
  width: calc(100% + 30px);
}
.LP-Grid-List .layout-list .item:nth-of-type(1):before,
.LP-Grid-List .layout-list .item:nth-of-type(4n + 1):before {
  width: 100%;
  left: 0;
}
.LP-Grid-List .layout-list .item .Section-content {
  margin-bottom: 20px;
}
.LP-Grid-List .layout-list .item .Section-content > div > div:first-child {
  margin: 0;
}
.LP-Grid-List .layout-list .item .Section-content > div > div,
.LP-Grid-List .layout-list .item .Section-content > div > p {
  margin: 15px 0 0;
}
.LP-Grid-List .layout-list h3 {
  font-weight: 700;
  color: #ef9f1f;
  line-height: 1em;
  font-size: 23px;
  margin: 0 0 0.94em 0;
}

.LP-Grid-List .layout-list .Section-list ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px 0;
}
.LP-Grid-List .layout-list .Section-list ul li {
  font-weight: 500;
  line-height: 1.2;
  background: #fff;
  padding: 0.8em 1.2em;
  border-radius: 10px;
  font-size: 15px;
  list-style: none;
}

.LP-Grid-List #functionArea header h2 {
  display: flex;
  flex-direction: column;
  font-size: 56px;
  font-weight: 700;
  line-height: 1em;
  gap: 0.25em 0;
  color: #fff;
  align-items: start;
}
.LP-Grid-List #functionArea header h2 img {
  width: 80%;
}
.LP-Grid-List #functionArea header .symbol {
  position: relative;
}
.LP-Grid-List #functionArea header .symbol img {
  position: relative;
  top: -30px;
  left: -10px;
}

.LP-Grid-List .functionsArea {
  position: relative;
  padding: 0 0 40px 0;
  margin: 0 0 50px 0;
  border-bottom: 1px solid #f8b62d;
  z-index: 10;
}

.LP-Grid-List .functionsArea {
  padding: 0;
  border-bottom: none;
  position: relative;
}

.LP-Grid-List .functionsArea header {
  width: fit-content;
  position: absolute;
  left: 0;
  z-index: 10;
  top: -290px;
}

.LP-Grid-List .functionsArea header > div {
  margin: 0 0 1.5em 2.5em;
}
.LP-Grid-List .functionsArea header h2 {
  font-weight: 700;
  font-size: 50px;
  line-height: 1em;
}
.LP-Grid-List.bg-function .Wrap {
  position: relative;
  padding-top: 200px;
}
.LP-Grid-List.bg-function .Wrap:before {
  content: "FUNCTIONS";
  line-height: 0.72em;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 11.75em;
  font-family: "Jost", sans-serif;
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  display: block;
  width: fit-content;
  margin: auto;
  z-index: 5;
  color: #fff;
}
.LP-Grid-List.bg-function .layout-list {
  z-index: 10;
  position: relative;
}

.LP-Grid-List h2 {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  margin-bottom: 50px;
  font-size: 41px;
  gap: 5px;
}
.LP-Grid-List .btn {
  text-align: center;
  margin-top: 50px;
}

.LP-Grid-List .btn a {
  display: inline-block;
  line-height: 1em;
  color: #fff;
  text-decoration: none;
  font-size: 22px;
  font-weight: 700;
  background: #ef9f1f;
  border-radius: 15px;
  padding: 30px;
  transition: 0.3s;
}
.LP-Grid-List .btn a:hover {
  opacity: 0.9;
}
.LP-Grid-List .layout-image + .btn a {
  width: 380px;
  padding: 25px;
  font-size: 18px;
}

/*tab list*/
.LP-Tab-List .tab-panel-item {
  display: none;
}
.LP-Tab-List .tab-panel-item.is-show {
  display: block;
}
.LP-Tab-List .tab-menu {
  display: flex;
  justify-content: center;
  gap: 0 1.667%;
  width: 100%;
  position: relative;
  z-index: 10;
}
.LP-Tab-List .tab-menu-item {
  border-top: 1px solid #848484;
  border-left: 1px solid #848484;
  border-right: 1px solid #848484;
  margin-bottom: -1px;
  display: block;
  line-height: 1em;
  text-decoration: none;
  color: #fff;
  width: 100%;
  font-size: 1.375em;
  font-weight: 500;
  padding: 1.3em 0;
  background: #848484;
  border-radius: 30px 30px 0 0;
  text-align: center;
  width: 40%;
  cursor: pointer;
}
.LP-Tab-List .tab-menu-item.is-show {
  background: #f2f2f2;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  color: #ef9f1f;
  font-weight: 700;
  transition: 0.3s;
}
.LP-Tab-List .tab-panel {
  box-sizing: border-box;
  border-radius: 30px;
  padding: 5% 8.333%;
  background: #f2f2f2;
  border: 1px solid #dcdcdc;
}
.LP-Tab-List table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px 4px;
  overflow: hidden;
}
.LP-Tab-List dl {
  margin: 0;
}

.LP-Tab-List .priceWrap table thead th:not(:first-child) {
  background: #fef8ed;
  text-align: center;
  font-weight: 400;
  padding: 16px;
  box-sizing: border-box;
  width: 23%;
  font-family: "Jost", sans-serif;
}

.LP-Tab-List .priceWrap table thead th:nth-child(2) {
  border-radius: 10px 0 0 0;
}

.LP-Tab-List .priceWrap table thead th:last-child {
  border-radius: 0 10px 0 0;
}

.LP-Tab-List .priceWrap table thead th dt {
  font-size: 12px;
  line-height: 1em;
  margin: 0 0 0.5em 0;
}

.LP-Tab-List .priceWrap table thead th dd {
  font-size: 26px;
  font-weight: 700;
  line-height: 1em;
  margin: 0;
}

.LP-Tab-List .priceWrap table tbody th {
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  width: 29.8%;
  background: #fef8ed;
  padding: 1em 0;
  font-weight: 700;
  font-size: 16px;
}
.LP-Tab-List .priceWrap table tbody th small {
  display: block;
  line-height: 1em;
  font-size: 14px;
  letter-spacing: 0;
  margin: 0.2em 0 0 0;
}
.LP-Tab-List span.sup {
  font-size: 9px;
  position: relative;
  top: -0.8em;
}
.LP-Tab-List .priceWrap table tbody td {
  background: #f2f2f2;
  width: 23%;
  text-align: center;
  padding: 1em 0;
  font-weight: 500;
  vertical-align: middle;
}

.LP-Tab-List .priceWrap table tbody td {
  background: #fff;
}

.LP-Tab-List .priceWrap table tbody tr:nth-child(1) th {
  border-radius: 10px 0 0 0;
}

.LP-Tab-List .priceWrap table tbody tr:last-child th {
  border-radius: 0 0 0 10px;
}

.LP-Tab-List .priceWrap table tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}

.LP-Tab-List .priceWrap table p.price {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.LP-Tab-List .priceWrap table p.price strong {
  font-weight: 700;
  font-family: "Jost", sans-serif;
  font-size: 22px;
  margin: 0 0.1em 0 0;
}
.LP-Tab-List .priceWrap table small.user {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1em;
  display: block;
}

.LP-Tab-List .priceWrap table p.disk {
  font-weight: 700;
  font-size: 20px;
  font-family: "Jost", sans-serif;
}
.LP-Tab-List .priceWrap table p.disk strong {
  font-weight: 700;
  font-size: 22px;
  margin: 0 0.05em 0 0;
}

.LP-Tab-List .priceWrap table td strong {
  font-weight: 700;
}

.LP-Tab-List .priceWrap table td .tf {
  font-size: 21px;
}

.LP-Tab-List .priceWrap table p.ex {
  font-weight: 700;
}

.LP-Tab-List .priceWrap table p.ex strong {
  font-size: 18px;
  font-family: "Jost", sans-serif;
  letter-spacing: 0;
  margin: 0 0.05em 0 0;
}

.LP-Tab-List .packWrap {
  display: flex;
  justify-content: space-between;
}

.LP-Tab-List .packWrap aside {
  width: 47.5%;
}

.LP-Tab-List .packWrap table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px 4px;
  overflow: hidden;
  margin: 0 0 10px 0;
}

.LP-Tab-List .packWrap table.x3 {
  margin: 60px 0 0 0;
}

.LP-Tab-List .packWrap table caption {
  text-align: left;
  line-height: 1em;
  font-size: 1.5em;
  font-weight: 700;
  margin: 0 0 0.8em 0;
}

.LP-Tab-List .packWrap table thead th {
  background: #fef8ed;
  text-align: center;
  vertical-align: middle;
  font-weight: 600;
  line-height: 1.5em;
  padding: 1em 0;
  box-sizing: border-box;
  font-size: 0.9375em;
}
.LP-Tab-List .packWrap table thead th:nth-child(1) {
  border-radius: 10px 0 0 0;
  width: 24%;
}

.LP-Tab-List .packWrap table.x3 thead th:nth-child(1) {
  width: 27%;
}

.LP-Tab-List .packWrap table thead th:last-child {
  border-radius: 0 10px 0 0;
}
.LP-Tab-List .packWrap table tbody th {
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  background: #fef8ed;
  padding: 0.3em 0.6em;
  font-weight: 600;
  white-space: nowrap;
  line-height: 1.5em;
}

.LP-Tab-List .packWrap table tbody th small {
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 0.05em;
}

.LP-Tab-List .packWrap table tbody th span {
  font-family: "Jost", sans-serif;
  font-size: 20px;
  font-weight: 500;
}
.LP-Tab-List .packWrap table tbody.num th {
  text-align: right;
  font-family: "Jost", sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.LP-Tab-List .packWrap table tbody td {
  background: #f2f2f2;
  text-align: right;
  padding: 0.3em 0.8em;
  font-weight: 500;
  vertical-align: middle;
  font-family: "Jost", sans-serif;
  font-size: 20px;
  white-space: nowrap;
}
.LP-Tab-List .packWrap table tbody td {
  background: #fff;
}

.LP-Tab-List .packWrap table tbody tr:last-child th {
  border-radius: 0 0 0 10px;
}
.LP-Tab-List .packWrap table tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}

.LP-Tab-List ul.notice {
  margin: 1em 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}
.LP-Tab-List ul.notice li {
  font-size: clamp(12px, 1.5em, 12px);
  padding-left: 1em;
  line-height: 1.8;
}
.LP-Tab-List ul.notice li::before {
  display: none;
}
.LP-Tab-List ul.notice li.x2 dl {
  display: flex;
}
.LP-Tab-List ul.notice li.x2 dd {
  margin: 0;
}
.LP-Tab-List .Section-btn {
  text-align: center;
  margin-top: 60px;
}
.LP-Tab-List .Section-btn span {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 5px;
  display: block;
}
.LP-Tab-List .Section-btn .btn {
  width: 35%;
  margin: 0 auto;
}
.LP-Tab-List .Section-btn .btn a {
  display: block;
  color: #fff;
  text-decoration: none;
  line-height: 1em;
  background: #ef9f1f;
  border-radius: 15px;
  font-size: 22px;
  padding: 32px 10px;
  font-weight: 700;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.16));
  transition: 0.3s;
}
.LP-Tab-List .Section-btn .btn a:hover {
  opacity: 0.9;
}

.LP-Tab-List {
  padding: 140px 0;
}
.LP-Tab-List header {
  text-align: center;
  position: relative;
}
.LP-Tab-List header h2 {
  font-weight: 700;
  line-height: 1em;
  margin: 0 0 0.5em 0;
  font-size: 32px;
  position: relative;
  z-index: 5;
}

.LP-Tab-List header .subtitle {
  font-size: 300px;
  line-height: 0.7em;
  display: block;
  font-weight: 500;
  width: fit-content;
  font-family: "Jost", sans-serif;
  color: #fff;
  position: absolute;
  top: -120px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.LP-Tab-List header h2.large {
  font-size: clamp(32px, 4.5vw, 48px);
}
.LP-Tab-List header:has(h2.large) .subtitle {
  font-size: clamp(100px, 18vw, 220px);
  top: -80px;
}
.LP-Tab-List header .u-wrap-image {
  max-width: 195px;
  margin: 0 auto;
  z-index: 5;
  position: relative;
}
.LP-Tab-List header h2.large + .u-wrap-image {
  max-width: 165px;
}
.LP-Tab-List header .u-wrap-image img {
  max-height: max-content;
}
.LP-Tab-List header .Sestion-content-text {
  font-weight: 500;
  font-size: 18px;
  z-index: 2;
  position: relative;
}

.LP-Tab-List .tab-panel-item .faq-item .small-title + div {
  display: none;
  padding: 30px 15px 30px 0;
}
.LP-Tab-List .faq-item {
  background: #fff;
  border-radius: 12px;
  padding: 20px 32px;
  margin-bottom: 10px;
}
.LP-Tab-List .faq-item .small-title {
  font-weight: 500;
  display: flex;
  cursor: pointer;
  background: url(https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/plus.svg)
    right top 0.7em no-repeat;
  padding: 0 2em 0 0;
  font-size: 18px;
}
.LP-Tab-List .faq-item .small-title.active {
  background: url(https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/minus.svg)
    right top 0.7em no-repeat;
}

/* eejanaika */
.Body .appremo.tokyomx .Wrap {
  padding: 80px 0 0;
}
.appremo #mediaArea {
  border-radius: 30px;
  box-sizing: border-box;
  background-color: rgba(248, 182, 45, 0.1);
  padding: 95px 100px;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1200px;
}

.appremo #mediaArea::before {
  content: "MEDIA";
  display: block;
  font-family: "Jost", sans-serif;
  color: #fff;
  line-height: 0.7em;
  font-weight: 500;
  font-size: 193px;
  position: absolute;
  top: 0;
  right: 0.16em;
  z-index: 10;
}

.appremo #mediaArea figure {
  width: 45.5%;
  position: relative;
  z-index: 30;
  margin: 0;
}

.appremo #mediaArea article {
  width: 50%;
  position: relative;
  z-index: 30;
  margin: 0;
}

.appremo #mediaArea article dl {
  font-weight: 700;
  margin: 0 0 0.8em 0;
}

.appremo #mediaArea article dl dt {
  line-height: 1em;
  margin: 0 0 0.8em 0;
  letter-spacing: 0;
  font-size: 16px;
}

.appremo #mediaArea article dl dd {
  font-size: 24px;
  line-height: 1em;
  margin: 0;
}

.appremo #mediaArea article h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1em;
  color: #ef9f1f;
  margin: 0 0 1em 0;
}

.appremo #mediaArea article p {
  letter-spacing: 0.01em;
  margin: 0 0 1em 0;
  font-size: 16px;
}

.appremo #mediaArea article .moreBtn {
  text-align: left;
}

.appremo #mediaArea article .moreBtn a {
  display: flex;
  align-items: center;
  line-height: 1em;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  color: #505050;
}

.appremo #mediaArea article .moreBtn a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/arrow.svg")
    center center no-repeat;
  background-size: contain;
  margin: 5px 0 0 10px;
}

/* LP-Recent-News-Union */
.LP-Recent-News-Union h2 {
  text-align: center;
  font-weight: 700;
  line-height: 1em;
  margin: 0 0 60px 0;
  font-size: 32px;
}
.LP-Recent-News-Union .RecentNews-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 5px 0;
  max-width: 1000px;
  margin: 0 auto;
}
.LP-Recent-News-Union .list a {
  display: flex;
  text-decoration: none;
  align-items: flex-start;
  position: relative;
  background: #f2f2f2;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 19px 32px;
  gap: 20px;
}
.LP-Recent-News-Union dl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 0;
}
.LP-Recent-News-Union dt {
  font-weight: 500;
  margin: 0 0.8em 0 0;
  letter-spacing: 0;
  line-height: 1em;
  font-family: "Jost", sans-serif;
  color: #505050;
  font-size: 15px;
  width: 75px;
}
.LP-Recent-News-Union dd.tag {
  line-height: 1em;
  min-width: 10em;
  text-align: center;
  padding: 0.8em 0.8em;
  color: #fff;
  font-weight: 500;
  border-radius: 6px;
  display: block;
  font-size: 12px;
  margin: 0;
  width: 140px;
}

.LP-Recent-News-Union p {
  font-weight: 400;
  font-size: 15px;
  margin: 0;
  color: #505050;
  flex: 1;
}
.LP-Recent-News-Union a:hover p {
  text-decoration: underline;
}
.LP-Recent-News-Union a.btn-large {
  display: block;
  text-decoration: none;
  background: #fff;
  color: #ef9f1f;
  border: 1px solid #ef9f1f;
  border-radius: 15px;
  font-weight: 700;
  line-height: 1em;
  font-size: 18px;
  padding: 25px;
  width: 380px;
  margin: 40px auto;
}

.Body .appremo .Wrap {
  border-top: none !important;
  padding: 140px 0;
}
.appremo.pd0 .Wrap {
  padding: 0 !important;
}
.appremo figure {
  margin: 0;
}

@media screen and (max-width: 1260px) and (min-width: 751px) {
  .Page-33851706165 .appremo,
  .Page-32361856587 .appremo {
    font-size: 1.27vw;
  }
  .appremo-solution #problemArea h2 {
    font-size: 1.625em;
  }
  .appremo-solution {
    background: linear-gradient(
      to bottom,
      #fff 0%,
      #fff 11.5vw,
      #f2f2f2 11.5vw,
      #f2f2f2 55%,
      #fff 55%,
      #fff 100%
    );
  }

  .appremo-solution #problemArea h2 {
    font-size: clamp(20px, 1.625em, 30px);
  }
  .appremo-solution #problemArea h2 strong {
    font-size: clamp(20px, 1.92308em, 30px);
  }

  .LP-TwoColumn-AppRemo {
    font-size: 1.27vw;
  }
  .LP-TwoColumn-AppRemo #aboutArea h2 {
    font-size: 3.25em;
  }
  .LP-TwoColumn-AppRemo #aboutArea h3 {
    font-size: 2.625em;
  }
  .LP-TwoColumn-AppRemo #aboutArea h2 img {
    width: 26vw;
  }
  .LP-TwoColumn-AppRemo .layout-default .item .Section-content h3 {
    font-size: 2em;
  }
  .LP-TwoColumn-AppRemo .layout-default .item h3 span {
    font-size: 1.5em !important;
  }
  .LP-TwoColumn-AppRemo .item .Section-image img {
    width: 95%;
    margin: 0 auto;
  }

  .LP-TwoColumn-AppRemo .layout-number h3 {
    font-size: 3vw;
  }
  .LP-TwoColumn-AppRemo .layout-number h3 span {
    font-size: 5vw;
    left: -75px;
  }

  .LP-Recent-News-Union dl {
    gap: 0;
  }
  .LP-TwoColumn-AppRemo #reasonArea dl dt {
    font-size: 2.3125em;
  }
  .LP-TwoColumn-AppRemo #reasonArea dl dt figure {
    width: 22vw;
  }
  .LP-TwoColumn-AppRemo #reasonArea dl dd {
    font-size: 4.625em;
  }
  .LP-TwoColumn-AppRemo .layout-number .Section-content {
    margin: 0 0 0 60px;
  }

  .LP-CTA-AppRemo {
    font-size: 1.27vw;
  }
  .LP-CTA-AppRemo .title {
    font-size: clamp(25px, 2.25em, 26px);
    margin-bottom: 10px;
    line-height: 1.6;
  }
  .LP-CTA-AppRemo .speechbubble {
    font-size: clamp(13px, 1.2em, 16px);
  }
  .LP-CTA-AppRemo .flex-item-inner a {
    font-size: clamp(16px, 1.2em, 20px);
    height: 55px;
  }

  .LP-Grid-List {
    font-size: 1.27vw;
  }
  .LP-Grid-List .layout-image {
    grid-template-columns: repeat(2, 1fr);
  }
  .LP-Grid-List h2 {
    font-size: clamp(30px, 3vw, 41px);
  }
  .LP-Grid-List .layout-image h3 {
    font-size: 1.75em;
  }
  .LP-Grid-List .layout-image .item:has(.Section-content) {
    padding: 30px 20px;
  }
  .LP-Grid-List #functionArea header h2 {
    font-size: 3.5em;
  }

  .LP-Grid-List .layout-image h3.small-title {
    font-size: clamp(18px, 2.5vw, 21px);
  }
  .LP-Grid-List .u-wrap-image {
    width: 80%;
  }

  .LP-Grid-List .layout-image .btn a {
    font-size: clamp(14px, 2.5vw, 16px);
    padding: 1em 0;
  }

  .LP-Tab-List {
    font-size: 1.27vw;
  }
  .LP-Tab-List header .subtitle {
    font-size: clamp(150px, 18vw, 230px);
    top: -80px;
  }
  .LP-Tab-List .priceWrap table tbody th {
    font-size: 1.2em;
  }
  .LP-Tab-List .priceWrap table thead th dd {
    font-size: 2em;
  }
  .LP-Tab-List .priceWrap table p.price strong {
    font-size: 1.2em;
  }
  .LP-Tab-List .priceWrap table p.disk,
  .LP-Tab-List .priceWrap table p.disk strong,
  .LP-Tab-List .priceWrap table p.ex strong,
  .LP-Tab-List .packWrap table tbody.num th,
  .LP-Tab-List .packWrap table tbody td,
  .LP-Tab-List .packWrap table tbody th span {
    font-size: 1.25em;
  }
  .LP-Tab-List .priceWrap table td .tf {
    font-size: 1.3em;
  }
  .LP-Tab-List .Section-btn .btn a {
    font-size: clamp(16px, 1.6em, 18px);
    padding: 1.5em 0;
  }
  .LP-Tab-List .Section-btn span {
    font-size: clamp(16px, 1.6em, 18px);
    margin-bottom: 10px;
  }

  .appremo #mediaArea {
    padding: 8% 8.333%;
  }
  .appremo #mediaArea::before {
    font-size: 12.0625em;
  }
  .appremo #mediaArea article dl dt,
  .appremo #mediaArea article p {
    font-size: 1.5em;
  }
  .appremo #mediaArea article dl dd {
    font-size: 1.8em;
  }
  .appremo #mediaArea article h2 {
    font-size: 2em;
  }

  .LP-Recent-News-Union {
    font-size: 1.27vw;
  }
  .LP-Recent-News-Union h2 {
    font-size: 2em;
    margin: 0;
  }
  .LP-Recent-News-Union dt {
    width: 6.5em;
  }
  .LP-Recent-News-Union dd.tag {
    width: 12em;
  }
  .LP-Recent-News-Union a.btn-large {
    padding: 1.35em 0;
  }
}

@media (max-width: 1260px) {
  .LP-Hero-AppRemo #priceBox {
    display: none;
  }
}

@media (max-width: 750px) {
  .LP-LogoSlider #logosArea header h2 {
    font-size: clamp(20px, 5.5vw, 28px);
    line-height: 1.8em;
    gap: 0 0em;
    display: block;
    text-align: center;
    white-space: nowrap;
  }
  .LP-LogoSlider #logosArea header figure img {
    width: clamp(120px, 64vw, 300px);
  }
  .LP-LogoSlider #logosArea h2 strong {
    font-size: 11vw;
    line-height: 1em;
    margin: 0 0 0em 0.1em;
    position: relative;
    top: 0.4em;
  }
  .LP-LogoSlider #logosArea h2 strong.x1 {
    margin: 0em 0.1em 0 0;
  }
  .LP-LogoSlider #logosArea h2 strong.x2 {
    display: inline;
  }
  .LP-LogoSlider #logosArea h2 strong.x3 {
    display: none;
  }
  .LP-LogoSlider #logosArea h3 {
    font-size: clamp(20px, 4.6vw, 30px);
    line-height: 1.85em;
    margin: 0 0 2.5em 0;
    text-align: center;
  }

  .appremo-solution #problemArea .solution {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 25px 0;
    margin: 0 0 70px 0;
  }
  .appremo-solution #problemArea .solution aside {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
  }
  .appremo-solution #problemArea .solution aside p {
    border-radius: 15px;
    padding: 1em;
    line-height: 1.6em;
    margin: 0;
    font-size: 16px;
  }
  .appremo-solution #problemArea .solution aside dl {
    border-radius: 15px;
    padding: 1.3em 1em;
    gap: 0.5em 0;
    margin: 0;
    font-size: 16px;
  }
  .appremo-solution #problemArea .solution aside dl dt img {
    max-height: 36px;
    width: auto;
  }
  .appremo-solution #problemArea .solution aside dl dd {
    line-height: 1.6em;
  }

  .appremo-solution #problemArea h3.copy {
    font-size: 6.8vw;
    gap: 0.8em 0;
  }
  .appremo-solution #problemArea h3.copy small {
    font-size: 1em;
  }
  .appremo-solution #problemArea h3.copy strong {
    font-size: 0.85em;
    border-radius: 10px;
    line-height: 1.6em;
    padding: 0.8em 1em 0.8em 1em;
    display: block;
    width: 100%;
  }
  .appremo-solution #problemArea h2 {
    display: block;
    font-size: clamp(18px, 4.6vw, 26px);
    line-height: 1.9em;
    gap: 0 1.7em;
    margin: 0 0 2em 0;
    position: relative;
  }
  .appremo-solution #problemArea h2::before {
    width: 23vw;
    height: 23vw;
    margin: 0 0 0.5em 0;
    position: absolute;
    top: auto;
    bottom: 100%;
    left: 22%;
  }
  .appremo-solution #problemArea h2::after {
    width: 23vw;
    height: 23vw;
    margin: 0 0 0.5em 0;
    position: absolute;
    top: auto;
    bottom: 100%;
    right: 22%;
  }
  .appremo-solution #problemArea h2 strong {
    font-size: clamp(18px, 8.8vw, 50px);
    line-height: 1.4em;
    margin: 0.2em 0 0 0;
  }

  .appremo .LogoRow-any.LogoRow-any img {
    max-width: 180px;
    max-height: 35px;
    width: auto;
    height: auto;
  }
  .appremo-solution {
    background: linear-gradient(
      to bottom,
      #fff 0%,
      #fff 220px,
      #f2f2f2 220px,
      #f2f2f2 1550px,
      #fff 1550px,
      #fff 100%
    );
    padding-top: 180px;
  }
  .appremo-solution #problemArea {
    margin: 0 0 50px 0;
  }
  .appremo-solution #laptopArea h2 {
    font-size: 7.6vw;
    line-height: 1.6em;
    margin: 0.5em 0 0 0;
  }
  .appremo-solution #laptopArea {
    margin: -25px 0 0 0;
  }

  .appremo-movie #movieArea dl.title dt {
    font-size: 7vw;
    margin: 0 0 0.5em 0;
  }
  .appremo-movie #movieArea dl.title dd {
    width: 50%;
  }
  .appremo-movie #movieArea p {
    font-size: 1.1em;
    margin: 0 0 2em 0;
  }
  .appremo-movie #movieArea #movieList {
    flex-direction: column;
    gap: 20px 0;
    justify-content: flex-start;
    margin: 0;
  }
  .appremo-movie #movieArea #movieList aside {
    width: 100%;
  }
  .appremo-movie #movieArea #movieList aside h3 {
    font-size: 3.8vw;
    font-weight: 700;
    margin: 0 0 0.8em 0;
  }
  .appremo-movie #movieArea #movieList aside iframe {
    border-radius: 15px;
  }

  .semicircle-img-top {
    margin-top: 70px;
    margin-bottom: 70px !important;
  }
  .semicircle-img-top:before {
    width: 260px;
    height: 260px;
    top: -46px;
  }

  .LP-TwoColumn-AppRemo .Wrap {
    padding: 60px 0;
  }
  .LP-TwoColumn-AppRemo #aboutArea .symbol {
    margin: 0 auto 60px;
    width: 55%;
    right: -15px;
    position: relative;
    top: 40px;
  }
  .LP-TwoColumn-AppRemo #aboutArea h2 {
    font-size: clamp(30px, 7.6vw, 45px);
    margin: 0 0 0.4em 0;
  }
  .LP-TwoColumn-AppRemo #aboutArea h2 img {
    width: clamp(180px, 50vw, 280px);
  }
  .LP-TwoColumn-AppRemo #aboutArea h3 {
    font-size: 6vw;
    line-height: 1.6em;
    margin: 0 0 0.5em 0;
  }
  .LP-TwoColumn-AppRemo #aboutArea h3 br {
    display: block;
  }
  .LP-TwoColumn-AppRemo .layout-default .item {
    border-radius: 20px;
    padding: 30px 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 1.3em 0;
    justify-content: space-between;
    align-items: center;
  }
  .LP-TwoColumn-AppRemo .item > div {
    width: 100%;
  }
  .LP-TwoColumn-AppRemo .item .Section-image {
    flex-basis: 100%;
  }
  .LP-TwoColumn-AppRemo .layout-default .item .Section-content h3 {
    margin: 0 0 1.2em 0;
    font-size: 1.2em;
  }
  .LP-TwoColumn-AppRemo .layout-default .item .Section-content h3 br {
    display: block;
  }
  .LP-TwoColumn-AppRemo .layout-default .item h3 span {
    font-size: 1.3em;
  }
  .LP-TwoColumn-AppRemo .layout-default .item h3 span.fz40 {
    font-size: 1.1em !important;
  }
  .LP-TwoColumn-AppRemo .item .Section-image img {
    width: 95%;
    margin: 0 auto;
  }
  .LP-TwoColumn-AppRemo .layout-default .item .Section-content p,
  .LP-TwoColumn-AppRemo .layout-number .item .Section-content p {
    letter-spacing: 0.02em;
    text-align: left;
  }

  .LP-TwoColumn-AppRemo .layout-default .item .Section-content p br,
  .LP-TwoColumn-AppRemo .layout-number .item .Section-content p br {
    display: none;
  }

  .LP-TwoColumn-AppRemo .layout-number h3 {
    font-size: 22px;
  }
  .LP-TwoColumn-AppRemo .layout-number h3 br {
    display: block;
  }
  .LP-TwoColumn-AppRemo .layout-number h3 span {
    font-size: 6.6vw;
    left: -75px;
  }

  .LP-TwoColumn-AppRemo #reasonArea {
    flex-direction: column;
    gap: 10px 0;
    margin: 0 0 50px 0px;
  }
  .LP-TwoColumn-AppRemo #reasonArea .symbol {
    width: 32%;
    margin: 0;
  }
  .LP-TwoColumn-AppRemo #reasonArea dl {
    gap: 10px 0;
  }
  .LP-TwoColumn-AppRemo #reasonArea dl dt {
    font-size: 20px;
  }
  .LP-TwoColumn-AppRemo #reasonArea dl dt figure {
    width: 42vw;
  }
  .LP-TwoColumn-AppRemo #reasonArea dl dd {
    font-size: 40px;
    margin: 0;
  }

  .LP-TwoColumn-AppRemo .layout-number {
    gap: 60px 0;
  }
  .LP-TwoColumn-AppRemo .layout-number .Section-content {
    margin: 0 20px 0 30px;
  }

  .LP-TwoColumn-AppRemo .layout-number .item {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: calc(105% + 2px);
    background-color: rgba(239, 159, 31, 0.08);
    border-radius: 20px 0 0 20px;
    position: relative;
    padding: 10% 3% 10% 6%;
    left: 10px;
    box-sizing: border-box;
    gap: 1.5em 0;
  }
  .LP-TwoColumn-AppRemo .layout-number .item:nth-child(odd) {
    padding: 10% 3% 10% 0;
  }
  .LP-TwoColumn-AppRemo .layout-number .item:nth-child(odd) > span {
    position: absolute;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    font-size: 57px;
    color: #eb9f1c;
    left: 20px;
    top: -2%;
  }
  .LP-TwoColumn-AppRemo .layout-number .item:nth-child(even) {
    background-color: rgba(86, 180, 103, 0.08);
    border-radius: 0 20px 20px 0;
    left: -10%;
    flex-direction: column;
    width: calc(105% + 2px);
  }
  .LP-TwoColumn-AppRemo .layout-number .item:nth-child(even) > span {
    position: absolute;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    font-size: 57px;
    color: #56b467;
    left: 20px;
    top: -2%;
  }
  .LP-TwoColumn-AppRemo .layout-number .item img {
    width: 65%;
  }

  .LP-CTA-AppRemo.pt290 {
    padding-top: 140px !important;
  }
  .LP-CTA-AppRemo:has(.Section-image) {
    padding: 60px 0;
  }
  .LP-CTA-AppRemo .Section-image img {
    position: relative;
    top: -100px;
    width: clamp(45%, 60%, 200px);
    left: 50%;
  }
  .LP-CTA-AppRemo .Wrap:has(.Section-image):before {
    width: 180px;
    height: 180px;
    top: -60px;
  }
  .LP-CTA-AppRemo .Wrap:has(.Section-image) {
    border-radius: 20px;
    padding: 80px 6% 6%;
    width: 75%;
  }
  .LP-CTA-AppRemo .Section-image {
    position: absolute;
    top: -35px;
  }
  .LP-CTA-AppRemo .title {
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 1.45em;
  }
  .LP-CTA-AppRemo .Sestion-content-text {
    font-size: 16px;
  }
  .LP-CTA-AppRemo .Section-content {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 30px 0;
    width: 90%;
    margin: auto;
  }
  .LP-CTA-AppRemo .speechbubble {
    padding: 0.9em 1.2em;
  }
  .LP-CTA-AppRemo .flex-item-inner a {
    height: 60px;
    font-size: 18px;
    letter-spacing: 0;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.16));
    padding: 0 15px;
  }

  .LP-Grid-List .Wrap {
    padding: 60px 0;
  }
  .LP-Grid-List .layout-image {
    gap: 25px 0;
    grid-template-columns: repeat(1, 1fr);
  }
  .LP-Grid-List #functionArea header .symbol {
    text-align: center;
  }
  .LP-Grid-List #functionArea header .symbol img {
    top: -20px;
    left: 0px;
    width: 75%;
    margin: auto;
  }

  .LP-Custom-Module.LP-Grid-List.bg-inversion {
    background-color: #fff !important;
  }
  .LP-Grid-List h2 {
    flex-direction: column;
    font-size: clamp(20px, 7.7em, 30px);
    gap: 0.55em 0;
    margin: 0 0 1.3em 0;
  }

  .LP-Grid-List.bg-inversion .layout-image .item:has(.Section-content) {
    padding: 30px 20px;
    width: 100%;
    border-radius: 20px;
    background: #f2f2f2;
    border: none;
  }
  .LP-Grid-List.bg-inversion .u-wrap-image {
    margin: 0 0 1.5em 0;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 135px;
    width: 100%;
  }
  .LP-Grid-List #functionArea header h2 {
    font-size: 38px;
    justify-content: center;
    align-items: center;
    margin: 0 0 10px;
  }
  .LP-Grid-List #functionArea header h2 img {
    width: clamp(20px, 64vw, 280px);
  }
  .LP-Grid-List .layout-image h3 {
    font-size: 23px;
  }
  .LP-Grid-List .layout-image .Section-list ul li {
    font-size: 13px;
  }
  .LP-Grid-List .layout-image .item:has(.Section-content) {
    padding: 30px 20px;
  }
  .LP-Grid-List p {
    font-size: 15px;
  }
  .LP-Grid-List .layout-image h3.small-title {
    font-size: 22px;
  }
  .LP-Grid-List .layout-image .subtitle {
    font-size: 15px;
  }
  .LP-Grid-List .layout-image .btn a {
    font-size: clamp(16px, 1.5em, 18px);
    padding: 1.3em 0;
  }
  .LP-Grid-List .layout-image + .btn a {
    width: 80%;
  }

  .appremo.tokyomx {
    padding: 0;
  }
  .appremo.tokyomx .Wrap {
    padding: 0;
    margin: 0;
    width: 100%;
  }

  .appremo #mediaArea {
    border-radius: 0;
    padding: 16.5% 5% 8% 5%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    justify-content: flex-start;
    margin: 0 0 50px 0;
  }
  .appremo #mediaArea figure,
  .appremo #mediaArea article {
    width: 100%;
  }

  .LP-Tab-List {
    padding: 60px 0 0;
  }
  .LP-Tab-List.pt260 {
    padding-top: 140px !important;
  }
  .LP-Tab-List header h2 {
    font-size: 23px;
  }
  .LP-Tab-List header .Sestion-content-text {
    font-size: 14px;
  }
  .LP-Tab-List header .subtitle {
    font-size: 33vw;
    top: -60px;
  }

  .LP-Tab-List .tab-menu-item {
    width: 50%;
    padding: 1.2em 0;
    border-radius: 20px 20px 0 0;
    border: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .LP-Tab-List .Section-item {
    width: calc(100% + 60px);
    margin-right: -30px;
    margin-left: -30px;
  }
  .LP-Tab-List .tab-panel {
    border: none;
    border-radius: 0px;
    padding: 5% 0% 60px 0%;
  }
  .LP-Tab-List .Section-text article.priceWrap {
    overflow: scroll hidden;
    padding: 0 20px;
  }
  .LP-Tab-List article.priceWrap table {
    width: 666px;
  }
  .LP-Tab-List .priceWrap table tbody th,
  .LP-Tab-List .priceWrap table tbody td {
    padding: 0.5em 0;
    font-size: 14px;
  }
  .LP-Tab-List .priceWrap table p.price {
    font-size: 12.5px;
  }
  .LP-Tab-List .priceWrap table p.price strong {
    font-size: 20px;
  }
  .LP-Tab-List .priceWrap table p.disk {
    font-size: 18px;
  }
  .LP-Tab-List .priceWrap table p.disk strong {
    font-size: 20px;
  }

  .LP-Tab-List .priceWrap table p.ex strong {
    font-size: 16px;
  }
  .LP-Tab-List ul.notice {
    gap: 0.1em 0;
    padding: 0 20px;
  }
  .LP-Tab-List .Section-btn .btn {
    width: 80%;
    margin: 0.5em auto 0 auto;
  }
  .LP-Tab-List .Section-btn .btn a {
    border-radius: 10px;
    font-size: clamp(16px, 4.4em, 18px);
    padding: 1.4em 0;
  }

  .LP-Tab-List .packWrap {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 5% 5% 0% 5%;
  }
  .LP-Tab-List .packWrap aside {
    width: 100%;
  }
  .LP-Tab-List .packWrap table {
    font-size: 3.3vw;
    margin: 0 0 25px 0;
  }

  .LP-Tab-List .packWrap table caption {
    font-size: 4vw;
  }
  .LP-Tab-List .packWrap table thead th {
    font-size: 11.5px;
  }
  .LP-Tab-List .packWrap table tbody.num th,
  .LP-Tab-List .packWrap table tbody td,
  .LP-Tab-List .packWrap table tbody th span {
    font-size: 16px;
  }

  .LP-Tab-List ul.notice li {
    text-indent: 0;
  }
  .LP-Tab-List ul.notice li dd {
    margin: 0;
    padding: 0 0 0 1em;
  }

  .appremo #mediaArea {
    padding: 8% 8.333%;
  }
  .appremo #mediaArea::before {
    font-size: 28vw;
    position: static;
    margin: 0 auto 0.06em auto;
    width: fit-content;
  }
  .appremo #mediaArea article dl dt,
  .appremo #mediaArea article p {
    font-size: 16px;
    letter-spacing: 0.05em;
  }
  .appremo #mediaArea article dl dd {
    font-size: 20px;
  }
  .appremo #mediaArea article h2 {
    font-size: 23px;
  }
  .LP-Recent-News-Union.u-padding--medium {
    padding: 0;
  }
  .LP-Recent-News-Union h2 {
    font-size: 6.8vw;
    margin: 0 0 1.3em 0;
  }
  .LP-Recent-News-Union .list a {
    flex-direction: column;
    gap: 0.3em 0;
    padding: 1em 1.5em;
  }
  .LP-Recent-News-Union dt {
    font-size: 14px;
    width: 5.5em;
  }
  .LP-Recent-News-Union dd.tag {
    font-size: 10.5px;
    width: fit-content;
  }
  .LP-Recent-News-Union p {
    font-size: 14.3px;
    line-height: 1.6em;
  }
  .LP-Recent-News-Union a.btn-large {
    padding: 1.35em 0;
    font-size: 17px;
    width: 80%;
  }
  .LP-CTA-AppRemo .logo-lg {
    text-align: center;
    margin-bottom: 100px;
  }
  .LP-CTA-AppRemo .logo-lg img {
    width: 90%;
  }
}
@media screen and (max-width: 500px) {
  .appremo-solution {
    padding-top: 100px;
  }

  .LP-CTA-AppRemo .Section-image {
    top: 0;
  }
}

.Footer:has(#footer-contents) {
  background-color: #f5f5f6;
  background: rgb(80, 80, 80);
  color: #fff;
  padding: 0 0 0 0;
  display: flex;
  flex-wrap: wrap;
}

.Footer #footer-contents {
  width: 100%;
  margin: 0 auto;
}
#footer-contents #footTop {
  display: flex;
  align-items: stretch;
  max-width: 1200px;
  margin: 0 auto;
  width: 96%;
}

#footer-contents #companyInfo {
  width: 46.667%;
  padding: 80px 0 45px 0;
  font-size: 0.9375em;
}
#footer-contents h3,
#footer-contents dl,
#footer-contents dt,
#footer-contents dd {
  font-size: 16px;
  margin: 0;
  color: #fff;
}
#footer-contents a {
  color: #fff;
}
#footer-contents #companyInfo h2#footLogo {
  width: 240px;
  margin: 0 0 25px 0;
  transition: all 0.3s ease;
}

#footer-contents #companyInfo address {
  font-style: normal;
  margin: 1.5em 0 0 0;
}

#footer-contents #footNavi {
  width: calc(100% - 46.667%);
  display: flex;
  align-items: stretch;
}

#footer-contents nav {
  width: 50%;
  box-sizing: border-box;
  padding: 80px 50px 45px 65px;
  border-left: 1px solid #808080;
}

#footer-contents nav h3 {
  font-weight: 700;
  line-height: 1em;
  margin: 0 0 1.5em 0;
  font-size: 1.0625em;
}
#footer-contents nav ul {
  display: flex;
  flex-direction: column;
  gap: 0.9em 0;
  list-style: none;
  padding: 0;
}
#footer-contents nav ul li {
  line-height: 1em;
  font-size: 15px;
  padding: 0;
}
#footer-contents + #footBottom {
  padding: 25px 0;
  border-top: 1px solid #808080;
  width: 100%;
}
#footer-contents + #footBottom #copyRight {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: auto;
  width: 96%;
}
#footer-contents + #footBottom #copyRight p {
  font-size: 14px;
  font-family: "Jost", sans-serif;
  letter-spacing: 0;
  margin: 0;
}

#footer-contents + #footBottom #copyRight ul {
  display: flex;
  align-items: center;
  gap: 0 2em;
  margin: 0 7.5vw 0 0;
  list-style: none;
}
#footer-contents + #footBottom #copyRight ul li a {
  font-size: 15px;
  color: #fff;
}
@media (max-width: 1260px) {
  .Footer #footer-contents,
  #footer-contents + #footBottom {
    font-size: 1.29vw;
  }
  #footer-contents h3,
  #footer-contents dl,
  #footer-contents dt,
  #footer-contents dd {
    font-size: 0.9375em;
  }
  #footer-contents nav ul li {
    font-size: 0.9375em;
  }
  #footer-contents #companyInfo h2#footLogo {
    width: 19vw;
    margin-bottom: 0;
  }
  #footer-contents nav {
    padding: 80px 3em 45px 4em;
  }
  #footer-contents + #footBottom #copyRight p {
    font-size: 0.875em;
  }
  #footer-contents #companyInfo address p {
    margin: 0;
  }
  #footer-contents + #footBottom #copyRight ul li a {
    font-size: 0.9375em;
  }
}

@media (max-width: 750px) {
  #footer-contents #footNavi,
  #footer-contents + #footBottom #copyRight ul {
    display: none;
  }
  #footer-contents #companyInfo {
    width: 100%;
    padding: 60px 0 30px 0;
    font-size: 17px;
  }
  #footer-contents #footTop {
    width: 90%;
    flex-wrap: wrap;
  }
  #footer-contents #companyInfo h2#footLogo {
    width: 50vw;
    margin: 0 auto 15px auto;
  }
  #footer-contents + #footBottom #copyRight {
    width: 90%;
    flex-direction: column-reverse;
    max-width: 90%;
  }
  #footer-contents + #footBottom #copyRight p {
    font-size: 13px;
  }
  #footer-contents + #footBottom {
    padding: 15px 0;
  }
}

/* -----------------------------------------------
FileName: animation.css
----------------------------------------------- */

/* 透明から表示 */
.opacityFadeIn {
  opacity: 0;
}
.opacityFadeIn.visible {
  animation: opacityFadeIn 1.2s ease 0.6s 1 normal forwards;
}

.opacityFadeIn.p2.visible {
  animation-delay: 0.9s;
}

.opacityFadeIn.p3.visible {
  animation-delay: 1.2s;
}

.opacityFadeIn.p4.visible {
  animation-delay: 1.5s;
}

.opacityFadeIn.p5.visible {
  animation-delay: 1.8s;
}

.opacityFadeIn.p6.visible {
  animation-delay: 2.1s;
}

.opacityFadeIn.p7.visible {
  animation-delay: 2.4s;
}

@media screen and (max-width: 750px) {
  .opacityFadeIn.p3.visible {
    animation-delay: 1.2s;
  }
  .opacityFadeIn.p5.visible {
    animation-delay: 1.5s;
  }

  .opacityFadeIn.p6.visible {
    animation-delay: 0.9s;
  }
}

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

/* 下から上にフェードイン.fuki */
.fadeInBottom-fuki {
  opacity: 0;
}
.fadeInBottom-fuki.visible {
  animation-name: fadeInBottom-fuki;
  animation-duration: 0.6s;
  animation-iteration-count: 1;
  animation-range: normal;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-delay: 0.6s;
}

.fadeInBottom-fuki.fuki1.visible {
  animation-delay: 3.3s;
}

.fadeInBottom-fuki.fuki2.visible {
  animation-delay: 3.6s;
}

.fadeInBottom-fuki.fuki3.visible {
  animation-delay: 2.9s;
}

@media screen and (max-width: 750px) {
  .fadeInBottom-fuki.visible {
    animation-duration: 2s;
  }

  .fadeInBottom-fuki.fuki1.visible {
    animation-delay: 2.1s;
    animation-name: fadeInBottom-fuki-sp;
  }

  .fadeInBottom-fuki.fuki2.visible {
    animation-delay: 3.5s;
    animation-name: fadeInBottom-fuki-sp;
  }

  .fadeInBottom-fuki.fuki3.visible {
    animation-delay: 5s;
    animation-name: fadeInBottom-fuki-sp-2;
  }
}

/* fadeInBottom */
@keyframes fadeInBottom-fuki {
  0% {
    opacity: 0;
    bottom: 200px;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInBottom-fuki-sp {
  0% {
    opacity: 0;
    bottom: 80%;
  }
  30% {
    opacity: 1;
    bottom: 100%;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeInBottom-fuki-sp-2 {
  0% {
    opacity: 0;
    bottom: 80%;
  }
  30% {
    opacity: 1;
    bottom: 100%;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

/* 左から右にカーテン */
.curtainLefttoRight {
  position: relative;
  width: fit-content;
  opacity: 0;
  display: block;
}
.curtainLefttoRight.visible {
  animation-name: curtainLeftFadeIn;
  animation-duration: 1.8s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
}

.curtainLefttoRight.visible.d0 {
  animation-delay: 0s;
}

.curtainLefttoRight.visible:before {
  display: block;
  content: "";
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: scaleX(0);
  background-color: rgba(0, 160, 233, 1);
  animation-name: curtainLeft;
  animation-duration: 1.8s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0.6s;
}

.curtainLefttoRight.d0.visible:before {
  animation-delay: 0s;
}

/* 左から右にカーテン2 */
.curtainLefttoRight2 {
  position: relative;
  width: fit-content;
  opacity: 0;
  display: block;
}
.curtainLefttoRight2.visible {
  animation-name: curtainLeftFadeIn;
  animation-duration: 1.8s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
}

.curtainLefttoRight2.visible.d0 {
  animation-delay: 0s;
}

.curtainLefttoRight2.visible:before {
  display: block;
  content: "";
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: scaleX(0);
  background-color: rgba(255, 255, 255, 1);
  animation-name: curtainLeft;
  animation-duration: 1.8s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0.6s;
}

.curtainLefttoRight2.d0.visible:before {
  animation-delay: 0s;
}

/* 左から右にカーテン3 */
.curtainLefttoRight3 {
  position: relative;
  width: fit-content;
  opacity: 0;
  display: block;
}
.curtainLefttoRight3.visible {
  animation-name: curtainLeftFadeIn;
  animation-duration: 1.8s;
  animation-timing-function: ease-in-out;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
}

.curtainLefttoRight3.visible.d0 {
  animation-delay: 0s;
}

.curtainLefttoRight3.visible:before {
  display: block;
  content: "";
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: scaleX(0);
  background-color: rgba(120, 120, 120, 1);
  animation-name: curtainLeft;
  animation-duration: 1.8s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0.6s;
}

.curtainLefttoRight3.d0.visible:before {
  animation-delay: 0s;
}

@keyframes curtainLeftFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes curtainLeft {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
  }
  50.001% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}

/* 右から左にカーテン */
.curtainRighttoLeft {
  position: relative;
  width: fit-content;
  opacity: 0;
}
.curtainRighttoLeft.visible {
  animation-name: curtainLeftFadeIn;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0.6s;
}
.curtainRighttoLeft.visible:before {
  display: block;
  content: "";
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: scaleX(0);
  background-color: #333;
  animation-name: curtainRight;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 0.6s;
}

@keyframes curtainRightFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes curtainRight {
  0% {
    transform-origin: right;
    transform: scaleX(0);
  }
  50% {
    transform-origin: right;
    transform: scaleX(1);
  }
  50.001% {
    transform-origin: left;
  }
  100% {
    transform-origin: left;
    transform: scaleX(0);
  }
}

@keyframes curtainRightFade {
  0% {
    transform-origin: right;
    transform: scaleX(0);
  }
  50% {
    transform-origin: right;
    transform: scaleX(1);
  }
  50.001% {
    transform-origin: left;
    opacity: 1;
  }
  100% {
    transform-origin: left;
    transform: scaleX(0);
    opacity: 0;
  }
}

/* 左から右にふわっとフェードイン */
.fadeInLeft {
  opacity: 0;
}
.fadeInLeft.visible {
  animation: fadeInLeft 1.2s ease 0.6s 1 normal forwards;
}
/* fadeInLeft */
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
  }
}

/* 右から左にふわっとフェードイン */
.fadeInRight {
  opacity: 0;
}
.fadeInRight.visible {
  animation: fadeInRight 1.2s ease 0.6s 1 normal forwards;
}
/* fadeInRight */
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(+30px);
  }
  100% {
    opacity: 1;
  }
}

/* 下から上にフェードイン */
.fadeInBottom {
  opacity: 0;
}
.fadeInBottom.visible {
  animation: fadeInBottom 0.6s ease 0.6s 1 normal forwards;
}

.fadeInBottom.x2.visible {
  animation-delay: 2s;
}

/* fadeInBottom */
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
  }
}

.slideAnimeDownUp {
  animation-name: slideTextY100;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextY100 {
  from {
    transform: translateY(100%); /* 要素を上の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateY(0); /* 要素を元の位置に移動*/
    opacity: 1;
  }
}
.slideAnimeUpDown {
  animation-name: slideTextY-100;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextY-100 {
  from {
    transform: translateY(-100%); /* 要素を下の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateY(0); /* 要素を元の位置に移動*/
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes slideUpIn {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

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

@keyframes slideRightIn {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes showScaleY {
  0% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0);
  }
}

.appremo.features #troubleArea {
  position: relative;
  max-width: 1000px;
  margin: auto;
  text-align: center;
}
.appremo.features #troubleArea figure {
  text-align: center;
  position: absolute;
  z-index: 30;
  transition: all 0.3s ease;
}
.appremo.features #troubleArea figure figcaption {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  position: absolute;
  color: #505050;
  line-height: 1.6em;
}

.appremo.features #troubleArea figure.x1 {
  top: -125px;
  left: -130px;
}
.appremo.features #troubleArea figure.x1 figcaption {
  bottom: 1.3em;
  left: 1em;
}
.appremo.features #troubleArea figure.x2 {
  top: -70px;
  right: -110px;
}
.appremo.features #troubleArea figure.x2 figcaption {
  top: 1.3em;
  left: 2.3em;
}
.appremo.features #troubleArea figure.x3 {
  top: 100%;
  left: 240px;
  margin-top: 35px;
}
.appremo.features #troubleArea figure.x3 figcaption {
  top: 3.6em;
  right: 1.5em;
}

.appremo h2.title-goal {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  line-height: 1em;
  font-weight: 700;
  font-size: 39px;
  margin: 0 0 1em 0;
  gap: 0 0;
}
.appremo h2.title-goal img {
  width: 280px;
  margin: 0;
}

@media screen and (max-width: 1260px) and (min-width: 751px) {
  .appremo-features .Wrap {
    font-size: 1.27vw;
  }
  .appremo-features #approval .introArea article p {
    white-space: nowrap;
  }

  .appremo-features #form .pointArea article figure img {
    width: 90%;
    height: auto;
  }
  .appremo-features #approval .functionList {
    margin: -12% 0 75px 0;
  }

  .LP-Grid-List .functionsArea header h2 {
    font-size: 3.125em;
  }
  .LP-Grid-List .layout-list h3 {
    font-size: 1.4375em;
    margin-bottom: 0;
  }
  .LP-Grid-List .layout-list .Section-list ul li {
    font-size: 0.9375em;
    padding: 0.8em 1.2em;
  }
  .LP-Grid-List .btn a {
    font-size: 1.375em;
    padding: 1.4em;
  }
  .LP-Tab-List .faq-item .small-title {
    font-size: 1.125em;
  }
  .LP-Tab-List .tab-panel-item .faq-item .small-title + div {
    font-size: 1.125em;
  }
  .cvWrap .Wrap {
    font-size: 1.27vw;
    padding: 0 0 5%;
  }
}

.LP-Hero-AppRemo.features {
  padding: 180px 0 120px 0;
  border-radius: 0 0 180px 180px;
  position: relative;
  margin: 0 0 0 0;
  z-index: 20;
}

.LP-Hero-AppRemo #keyImg {
  max-width: 1000px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.LP-Hero-AppRemo #keyImg h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 700;
  gap: 0 0.2em;
  margin: 0 0 1.2em 0;
}

.LP-Hero-AppRemo #keyImg h2 img {
  margin: 0;
  width: 268px;
}

.LP-Hero-AppRemo #keyImg h3 {
  font-size: 70px;
  font-weight: 700;
  line-height: 1em;
  margin: 0 0 0.5em 0;
  color: #ef9f1f;
}

.LP-Hero-AppRemo #keyImg p {
  font-weight: 700;
  font-size: 30px;
  line-height: 2.2em;
  margin: 0 0 1.25em 0;
}

.LP-Hero-AppRemo #keyImg p strong {
  font-weight: 700;
  font-size: 40px;
}
.LP-Hero-AppRemo #keyImg figure.key {
  margin: 0;
}
.appremo.features #troubleWrap {
  background-color: rgba(80, 80, 80, 1);
  padding: 400px 0 390px 0;
  border-radius: 0 0 180px 180px;
  position: relative;
  color: #fff;
  margin-top: -425px;
}

.appremo.features #troubleArea h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.4em 0;
  margin: 0 0 1.8em 0;
  color: #fff;
}
.appremo.features #troubleArea h2 strong {
  font-weight: 700;
  font-size: 60px;
  color: #f8b62d;
}
.appremo.features #troubleArea .notice {
  font-weight: 700;
  font-size: 30px;
  color: #fff;
  background: #56b467;
  border-radius: 20px;
  width: fit-content;
  margin: auto;
  line-height: 1.8em;
  padding: 1em 3.3em;
}
.hero.features #troubleArea .notice strong {
  font-size: 36px;
}

.appremo #goalArea {
  display: flex;
  justify-content: space-between;
}
.appremo #goalArea article {
  width: 23.333%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.appremo #goalArea article h3 {
  width: 89.286%;
  text-align: center;
  line-height: 1em;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #ef9f1f;
  border-radius: 10px;
  color: #ef9f1f;
  padding: 0.85em 0;
  font-weight: 700;
  font-size: 1.5em;
  margin: 0 auto 3.5em auto;
}
.appremo #goalArea article aside {
  background: #f2f2f2;
  border-radius: 20px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  padding: 0 10.714% 5% 10.714%;
  z-index: 30;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.appremo #goalArea article aside::before {
  content: "";
  display: block;
  width: 210px;
  height: 210px;
  background: #f2f2f2;
  border-radius: 9999px;
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
}
.appremo #goalArea article aside dl {
  position: relative;
  z-index: 10;
  top: -80px;
  margin: 0;
}
.appremo #goalArea article aside dl dt {
  margin: 0 0 1em 0;
}
.appremo #goalArea article aside dl dd {
  margin: 0;
}
.appremo #goalArea article aside p {
  font-size: 15px;
  font-weight: 500;
}
.appremo #goalArea article ul {
  position: relative;
  z-index: 30;
  color: #fff;
  margin-top: -3em;
  width: 100%;
}
.appremo #goalArea article ul.x2 {
  display: flex;
  justify-content: space-between;
  gap: 0 3%;
}
.appremo #goalArea article ul li {
  width: 71.429%;
  margin: auto;
  background: #ef9f1f;
  border-radius: 10px;
  text-align: center;
  padding: 5% 3%;
  font-size: 12.8px;
  line-height: 1.6em;
  position: relative;
  box-sizing: border-box;
}
.appremo #goalArea article ul.x2 li {
  width: 50%;
}
.appremo #goalArea article ul li strong {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.6em;
}
.appremo #goalArea article ul li::before {
  content: "";
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #ef9f1f;
  width: auto;
  height: auto;
  border-radius: 0;
  transform: none;
}
.appremo #caseArea {
  box-sizing: border-box;
  background: #56b467;
  border-radius: 60px;
  padding: 0 8.333% 6.5% 8.333%;
  position: relative;
  color: #fff;
  margin: 0;
}
.appremo #caseArea::before {
  content: "";
  display: block;
  width: 402px;
  height: 402px;
  border-radius: 9999px;
  background: #56b467;
  position: absolute;
  top: -75px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
}
.appremo #caseArea .symbol {
  z-index: 10;
  position: relative;
  text-align: center;
  top: -160px;
  margin: 0 0 -110px 0;
}
.appremo #caseArea article {
  position: relative;
  z-index: 10;
  margin-top: 0;
}
.appremo #caseArea article header {
  text-align: center;
  margin: 0 0 3em 0;
}
.appremo #caseArea article header h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1em;
  margin: 0 0 0.5em 0;
  color: #fff;
}
.appremo #caseArea article header p {
  font-size: 18px;
  font-weight: 500;
}
.appremo #caseArea article .logos {
  background: #fff;
  color: #505050;
  box-sizing: border-box;
  border-radius: 30px;
  padding: 6% 8%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2em 0em;
  flex-wrap: wrap;
  margin: 0 0 40px 0;
}
.appremo #caseArea article .logos figure img {
  width: auto;
}

.appremo #caseArea article .logos figure:nth-child(1) img {
  height: 34px;
}
.appremo #caseArea article .logos figure:nth-child(2) img {
  height: 46px;
}
.appremo #caseArea article .logos figure:nth-child(3) img {
  height: 35px;
}
.appremo #caseArea article .logos figure:nth-child(4) img {
  height: 35px;
}
.appremo #caseArea article .logos figure:nth-child(5) img {
  height: 25px;
  margin-right: 3em;
}
.appremo #caseArea article .logos figure:nth-child(6) img {
  height: 32px;
  margin-right: 5em;
}
.appremo #caseArea article .logos figure:nth-child(7) img {
  height: 35px;
}
.appremo #caseArea article .logos figure:nth-child(8) img {
  height: 24px;
}
.appremo #caseArea article .logos figure:nth-child(9) img {
  height: 21px;
}
.appremo #caseArea article .logos figure:nth-child(10) img {
  height: 72px;
}
.appremo #caseArea article .logos figure:nth-child(11) img {
  height: 17px;
}

.appremo #caseArea article .moreBtn {
  width: 35%;
  margin: auto;
}
.appremo #caseArea article .moreBtn a {
  display: block;
  text-align: center;
  line-height: 1em;
  color: #fff;
  text-decoration: none;
  font-size: 22px;
  font-weight: 700;
  background: #ef9f1f;
  border-radius: 15px;
  padding: 1.4em 0;
}
.appremo #caseArea article .moreBtn a:hover {
  opacity: 0.9;
}

.appremo #forteNavi {
  background-color: rgba(242, 242, 242, 1);
  border-radius: 40px;
  box-sizing: border-box;
  padding: 6.5% 8.333% 6.5% 8.333%;
  position: relative;
}
.appremo #forteNavi::before {
  content: "FORTE";
  line-height: 0.72em;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 13.75em;
  font-family: "Jost", sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: fit-content;
  margin: auto;
  z-index: 5;
  color: #fff;
}
.appremo #forteNavi h2 {
  line-height: 1em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 48px;
  gap: 0 0.3em;
  position: relative;
  z-index: 10;
  margin: 0 0 1.8em 0;
}
.appremo #forteNavi h2 img {
  width: 316px;
  margin: 0 0 -0.3em 0;
}
.appremo #forteNavi nav {
  position: relative;
  z-index: 10;
}
.appremo #forteNavi nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px 0;
}
.appremo #forteNavi nav ul li {
  width: 32.3%;
  text-align: center;
}
.appremo #forteNavi nav ul li:before {
  display: none;
}
.appremo #forteNavi nav ul li a {
  display: block;
  width: 100%;
  line-height: 1em;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  background: #fff;
  padding: 1.5em 0;
  position: relative;
  border-radius: 10px;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.12));
  color: #505050;
}
.appremo #forteNavi nav ul li a::after {
  content: "";
  display: block;
  width: 14px;
  height: 9px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/plus.svg")
    center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 3px;
  bottom: 0;
  right: 1em;
  margin: auto;
  transition: all 0.2s ease;
}
.appremo #forteNavi nav ul li a:hover {
  opacity: 0.9;
}
.appremo #forteNavi nav ul li a:hover::after {
  top: 0.6em;
}

.LP-Tab-List .content-title {
  font-size: 1.875em;
  line-height: 1em;
  font-weight: 700;
  margin: 0 0 1em 0;
}
.LP-Tab-List .tab-panel-item .faq-item .small-title + div {
  display: none;
  padding: 30px 15px 30px 0;
  font-size: 16px;
}

.appremo-features {
  margin: 0 !important;
  padding: 0;
}
.appremo-features .Wrap {
  font-size: 16px;
  border-top: none !important;
  padding: 140px 0 !important;
}
.appremo-features.num1,
.appremo-features.num3,
.appremo-features.num5 {
  background: #f2f2f2;
}
.appremo-features #form .introArea {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin: 0 0 110px 0;
}
.appremo-features h2.title {
  font-weight: 700;
  line-height: 1em;
  font-size: 3.125em;
  display: flex;
  align-items: center;
  margin: 0 0 0.7em 0;
  gap: 0 0.35em;
}
.appremo-features h2.title::before {
  content: "";
  display: block;
  width: 6px;
  height: 53px;
  background: #56b467;
}
.appremo-features #form .introArea figure {
  width: 45.5%;
}

.appremo-features #form .introArea article {
  width: 45.833%;
  padding: 7% 0 0 0;
}
.appremo-features #form .introArea article h3 {
  font-weight: 700;
  font-size: 1.625em;
  color: #ef9f1f;
  line-height: 1.5em;
  width: fit-content;
  background: #fff;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 0.7em 1em;
  margin: 0 0 1em 0;
}
.appremo-features #form .introArea article p {
  font-weight: 700;
  font-size: 1.375em;
  line-height: 2em;
}
.appremo-features #form .introArea article p strong {
  font-weight: 700;
  font-size: 1.27273em;
  color: #56b467;
  line-height: 1.8em;
}
.appremo-features #form .pointArea {
  display: flex;
  justify-content: space-between;
  position: relative;
  background: #fff;
  box-sizing: border-box;
  padding: 6% 8.333%;
  border-radius: 30px;
  margin: 0 0 105px 0;
}
.appremo-features #form .pointArea article {
  width: fit-content;
  margin: -105px 0 0 0;
}
.appremo-features #form .pointArea article figure {
  margin: 0 0 20px 0;
}
.appremo-features #form .pointArea article p {
  font-weight: 700;
  color: #ef9f1f;
  font-size: 2.25em;
  line-height: 1.6em;
}
.appremo-features #form .pointArea ul {
  width: 56.4%;
}
.appremo-features #form .pointArea ul li {
  line-height: 1.8em;
  font-weight: 500;
  font-size: 1.125em;
  padding: 0;
}
.appremo-features #form .pointArea ul li:before {
  display: none;
}
.appremo-features #form .pointArea ul li:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;
  margin: 0 0 0.8em 0;
  padding: 0 0 0.8em 0;
}
.appremo-features #form .editArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 20px 0;
}
.appremo-features #form .editArea figure {
  width: 67.5%;
  margin: 0 0 0 -18%;
}
.appremo-features #form .editArea article {
  width: 45.167%;
}
.appremo-features #form .editArea article h3 {
  font-weight: 700;
  font-size: 1.75em;
  line-height: 2.2em;
  margin: 0 0 1em 0;
}
.appremo-features #form .editArea article h3 strong {
  font-weight: 700;
  font-size: 1.28571em;
  color: #56b467;
  line-height: 1.6em;
  display: block;
}
.appremo-features #form .editArea article p {
  font-size: 1.125em;
  line-height: 2em;
}
.appremo-features #form .viewArea {
  display: flex;
  justify-content: space-between;
}
.appremo-features #form .viewArea figure:nth-child(1) {
  width: 54.833%;
  position: relative;
  margin: 12% 0 0 0;
}
.appremo-features #form .viewArea figure:nth-child(2) {
  width: 41.083%;
  position: relative;
  margin: 0;
}
.appremo-features #form .viewArea figure figcaption {
  color: #fff;
  line-height: 1em;
  background: #ef9f1f;
  font-size: 1.125em;
  font-weight: 700;
  width: fit-content;
  padding: 0.95em 1.3em;
  border-radius: 10px;
  position: absolute;
}
.appremo-features #form .viewArea figure figcaption.x1 {
  top: -1.6em;
  left: 7em;
}
.appremo-features #form .viewArea figure figcaption.x1::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 20%;
  border: 10px solid transparent;
  border-top: 16px solid #ef9f1f;
  margin-top: -8px;
}
.appremo-features #form .viewArea figure figcaption.x1::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 60%;
  border: 10px solid transparent;
  border-top: 16px solid #ef9f1f;
  margin-top: -8px;
}
.appremo-features #form .viewArea figure figcaption.x2 {
  bottom: -2.2em;
  right: 2em;
}
.appremo-features #form .viewArea figure figcaption.x2::before {
  content: "";
  position: absolute;
  top: -18px;
  left: 55%;
  border: 10px solid transparent;
  border-bottom: 16px solid #ef9f1f;
}
.appremo-features #form .viewArea figure figcaption.x3 {
  top: 6.4em;
  right: 2em;
}
.appremo-features #form .viewArea figure figcaption.x3::before {
  content: "";
  position: absolute;
  top: 100%;
  right: 7%;
  border: 10px solid transparent;
  border-top: 16px solid #ef9f1f;
  margin-top: -8px;
}

.appremo-features #operation .introArea {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 0 4em 0;
  margin: 0 0 2em 0;
  border-bottom: 1px solid #dcdcdc;
}
.appremo-features #operation .introArea article {
  width: 50%;
  margin: 0;
}
.appremo-features #operation .introArea article h3 {
  font-size: 1.625em;
  font-weight: 700;
  line-height: 1em;
  color: #ef9f1f;
  width: fit-content;
  padding: 0.65em 1em;
  background: #f2f2f2;
  border-radius: 10px;
  margin: 0 0 1em 0;
}
.appremo-features #operation .introArea article h4 {
  font-weight: 700;
  color: #56b467;
  font-size: 1.75em;
  line-height: 1em;
  margin: 0 0 1em 0;
}
.appremo-features #operation .introArea article p {
  font-size: 1.125em;
  line-height: 1.9em;
}

.appremo-features #operation .introArea figure {
  width: 46.917%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  border-radius: 15px;
}
.appremo-features #operation .routeArea {
  margin: 0 0 85px 0;
}
.appremo-features #operation .routeArea h2 {
  font-size: 1.25em;
  font-weight: 500;
  margin: 0 0 2em 0;
}
.appremo-features #operation .routeArea h3 {
  font-weight: 700;
  font-size: 1.125em;
  line-height: 1em;
  color: #ef9f1f;
  margin: 0 0 -1em 0;
}
.appremo-features #operation .routeArea .routeWrap {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.appremo-features #operation .routeArea .routeWrap article {
  padding: 0 3.5em 1em 3.5em;
  position: relative;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
  margin: 0;
}
.appremo-features #operation .routeArea .routeWrap article .relative {
  display: flex;
  flex-wrap: nowrap;
  width: fit-content;
  gap: 0 3.6em;
}
.appremo-features #operation .routeArea .routeWrap article:not(:last-child) {
  border-right: 1px solid #dcdcdc;
}
.appremo-features #operation .routeArea .routeWrap article aside {
  width: fit-content;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
.appremo-features #operation .routeArea .routeWrap article aside h4 {
  color: #fff;
  background: #56b467;
  line-height: 1em;
  border-radius: 10px;
  font-size: 1.25em;
  font-weight: 700;
  padding: 0.8em 0;
  margin: 0 0 0.8em 0;
}

.appremo-features
  #operation
  .routeArea
  .routeWrap
  article:nth-child(2)
  aside
  h4 {
  background: #ef9f1f;
}
.appremo-features
  #operation
  .routeArea
  .routeWrap
  article:nth-child(3)
  aside
  h4 {
  background: #808080;
}
.appremo-features
  #operation
  .routeArea
  .routeWrap
  article:nth-child(4)
  aside
  h4 {
  background: #eaeaea;
  color: #505050;
}

.appremo-features #operation .routeArea .routeWrap article aside figure {
  margin: 0 0 1.2em 0;
  flex: 1;
}
.appremo-features #operation .routeArea .routeWrap article aside p {
  font-weight: 500;
  font-size: 1.125em;
  line-height: 1.6em;
}
.appremo-features #operation .routeArea .routeWrap article header {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 1.125em;
  margin: 0 0 1.125em 0;
  line-height: 1em;
  gap: 0.8em 0;
}
.appremo-features #operation .routeArea .routeWrap article header small {
  display: block;
  font-size: 0.83333em;
  font-weight: 500;
  line-height: 1em;
  margin: 0 0 0em 0;
}
.appremo-features #operation .routeArea .routeWrap article:nth-child(1)::after {
  content: "";
  display: block;
  width: 80px;
  height: 26px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/features/route_arrow.svg")
    center right no-repeat;
  position: absolute;
  top: 80px;
  right: -40px;
}
.appremo-features #operation .routeArea .routeWrap article:nth-child(2)::after {
  content: "";
  display: block;
  width: 42px;
  height: 26px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/features/route_arrow.svg")
    center right no-repeat;
  position: absolute;
  top: 80px;
  left: 12px;
  right: 0;
  margin: auto;
}
.appremo-features #operation .routeArea .routeWrap article:nth-child(3)::after {
  content: "";
  display: block;
  width: 80px;
  height: 26px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/features/route_arrow.svg")
    center right no-repeat;
  position: absolute;
  top: 80px;
  left: -40px;
}
.appremo-features #operation .routeArea .routeWrap article:nth-child(4)::after {
  content: "";
  display: block;
  width: 80px;
  height: 26px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/features/route_arrow.svg")
    center right no-repeat;
  position: absolute;
  top: 80px;
  left: -40px;
}
.appremo-features #operation .routeArea .routeNote {
  display: flex;
  justify-content: space-between;
  margin: 45px 0 0 0;
}
.appremo-features #operation .routeArea .routeNote dl {
  box-sizing: border-box;
  width: 31.667%;
  border: 1px solid #dcdcdc;
  border-radius: 20px;
  padding: 4% 3.5%;
  display: block;
  margin: 0;
}
.appremo-features #operation .routeArea .routeNote dl dt {
  font-weight: 700;
  line-height: 1em;
  font-size: 1.25em;
  margin: 0 0 1em 0;
}
.appremo-features #operation .routeArea .routeNote dl dd {
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 2em;
  margin: 0;
}
.appremo-features #operation .bunkiArea {
  box-sizing: border-box;
  background-color: rgba(248, 182, 45, 0.08);
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6% 6.667%;
  margin: 0 0 43px 0;
}
.appremo-features #operation .bunkiArea article {
  width: 50%;
}
.appremo-features #operation .bunkiArea article h3 {
  font-weight: 700;
  font-size: 1.75em;
  color: #56b467;
  line-height: 1em;
  margin: 0 0 1em 0;
}
.features #operation .bunkiArea article p {
  font-size: 1.125em;
  line-height: 2em;
  margin: 0 0 3em 0;
  letter-spacing: 0.02em;
}
.appremo-features #operation .bunkiArea article figure {
  width: 83%;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #dcdcdc;
  margin: 20px 0;
}
.appremo-features #operation .bunkiArea figure.pict {
  width: 60%;
  margin: 5% 0 0 -5%;
}
.appremo-features #operation .atoArea {
  box-sizing: border-box;
  background-color: rgba(242, 242, 242, 1);
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6% 6.667%;
}
.appremo-features #operation .atoArea article {
  width: 30%;
}
.appremo-features #operation .atoArea article h3 {
  font-weight: 700;
  font-size: 1.75em;
  color: #56b467;
  line-height: 1em;
  margin: 0 0 1em 0;
}
.appremo-features #operation .atoArea article p {
  font-size: 1.125em;
  line-height: 2em;
  margin: 0 0 3em 0;
  letter-spacing: 0.02em;
}
.appremo-features #operation .atoArea figure {
  width: 64.423%;
}

.appremo-features #request .introArea {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  margin: 0 0 75px 0;
}

.appremo-features #request .introArea figure {
  width: 44.167%;
  text-align: center;
}
.appremo-features #request .introArea article {
  width: calc(100% - 44.167%);
  padding: 0;
  margin: 0;
}
.appremo-features #request .introArea article h3 {
  font-weight: 700;
  font-size: 1.625em;
  color: #ef9f1f;
  line-height: 1.5em;
  width: fit-content;
  background: #fff;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 0.33em 1em;
  margin: 0 0 1em 0;
}
.appremo-features #request .introArea article p {
  font-size: 1.125em;
  line-height: 2em;
}
.appremo-features #request .viewArea {
  display: flex;
  justify-content: space-between;
  margin: 0 0 180px 0;
}
.appremo-features #request .viewArea figure {
  width: 53.167%;
  overflow: hidden;
  border-radius: 15px;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.16));
}
.appremo-features #request .viewArea article {
  width: 40.5%;
  display: flex;
  flex-direction: column;
  gap: 15px 0;
  margin: 0;
}
.appremo-features #request .viewArea article aside {
  box-sizing: border-box;
  background: #fff;
  border-radius: 20px;
  padding: 6% 8.282%;
}
.appremo-features #request .viewArea article aside dl {
  display: flex;
  align-items: center;
  gap: 0 0.6em;
  margin: 0 0 0.6em 0;
}
.appremo-features #request .viewArea article aside dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 35px;
  height: 35px;
  font-weight: 600;
  font-family: "Jost", sans-serif;
  line-height: 1em;
  background: #ef9f1f;
  border-radius: 9999px;
}
.appremo-features #request .viewArea article aside dl dd {
  line-height: 1em;
  font-weight: 700;
  font-size: 1.25em;
  margin: 0;
}
.appremo-features #request .viewArea article aside p {
  line-height: 1.9em;
}
.appremo-features #request .voiceArea {
  display: flex;
  justify-content: space-between;
}
.appremo-features #request .voiceArea article {
  width: 32.167%;
  box-sizing: border-box;
  background: #fff;
  border-radius: 20px;
  padding: 0 3% 5% 3%;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.appremo-features #request .voiceArea article header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 2em 0;
}
.appremo-features #request .voiceArea article header dl {
  text-align: center;
  width: 100%;
  display: block;
  margin-top: -130px;
}
.appremo-features #request .voiceArea article header dl dt {
  position: relative;
  margin-bottom: -20px;
  z-index: 20;
}
.appremo-features #request .voiceArea article header dl dd {
  color: #fff;
  line-height: 1.6em;
  font-size: 1.125em;
  font-weight: 500;
  background: #56b467;
  border-radius: 15px;
  padding: 1.8em 1.5em 1em 1.5em;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  text-align: left;
  margin: 0;
}
.appremo-features #request .voiceArea article header dl dd.x2 {
  margin: 20px 0 0 0;
  padding: 1em 1.5em 1em 1.5em;
}
.appremo-features #request .voiceArea article header figure {
  margin: 30px 0 0 0;
}
.appremo-features #request .voiceArea article aside {
  display: flex;
  flex-direction: column;
}
.appremo-features #request .voiceArea article aside h3 {
  font-weight: 700;
  color: #ef9f1f;
  font-size: 1.5em;
  line-height: 1em;
  letter-spacing: -0.04em;
  margin: 0 0 0.8em 0;
}
.appremo-features #request .voiceArea article aside h3 small {
  font-size: 0.66667em;
  font-weight: 400;
  color: #505050;
}
.appremo-features #request .voiceArea article aside p {
  letter-spacing: -0.02em;
}

.appremo-features #approval .introArea {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.appremo-features #approval .introArea article {
  width: 33.5%;
}
.appremo-features #approval .introArea article h3 {
  font-size: 1.625em;
  font-weight: 700;
  line-height: 1.36em;
  color: #ef9f1f;
  width: fit-content;
  padding: 0.65em 1em;
  background: #f2f2f2;
  border-radius: 10px;
  margin: 0 0 2em 0;
}
.appremo-features #approval .introArea article h4 {
  font-weight: 700;
  color: #56b467;
  font-size: 1.75em;
  line-height: 1em;
  margin: 0 0 1em 0;
}
.appremo-features #approval .introArea article p {
  font-size: 1.125em;
  line-height: 1.9em;
}
.appremo-features #approval .introArea figure {
  width: 59.5%;
  box-sizing: border-box;
  overflow: hidden;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.16));
  border-radius: 15px;
}
.appremo-features #approval .functionList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px 0;
  margin: -135px 0 75px 0;
}
.appremo-features #approval .functionList article {
  width: 32.167%;
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid #dcdcdc;
  padding: 2.5% 3.3%;
  margin: 0;
}
.appremo-features #approval .functionList article:first-child {
  margin-right: calc(100% - 32.167%);
}

.appremo-features #approval .functionList article dl {
  display: flex;
  align-items: center;
  gap: 0 0.7em;
  margin: 0 0 0.8em 0;
}
.appremo-features #approval .functionList article dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background: #ef9f1f;
  border-radius: 9999px;
  font-weight: 600;
  font-family: "Jost", sans-serif;
  color: #fff;
  line-height: 1em;
}
.appremo-features #approval .functionList article dl dd {
  font-weight: 700;
  font-size: 1.25em;
  margin: 0;
}
.appremo-features #approval .functionList article p {
  letter-spacing: 0;
  margin: 0;
}
.appremo-features #approval .functionArea {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 60px 0;
}
.appremo-features #approval .functionArea article {
  width: 47.5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
}
.appremo-features #approval .functionArea article dl {
  margin: 0 0 1.6em 0;
}
.appremo-features #approval .functionArea article dl dt {
  font-weight: 700;
  font-size: 1.75em;
  color: #56b467;
  margin: 0 0 0.8em;
}
.appremo-features #approval .functionArea article dl dd {
  letter-spacing: 0;
  margin: 0;
}
.appremo-features #approval .functionArea article figure {
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #dcdcdc;
  background: #fff;
  box-sizing: border-box;
  margin: 0;
}

.appremo-features #search .introArea {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 0 50px 0;
}
.appremo-features #search .introArea figure {
  width: 32.667%;
  text-align: center;
}
.appremo-features #search .introArea article {
  width: 66.667%;
  padding: 0 0 0 0;
}
.appremo-features #search .introArea article h3 {
  font-weight: 700;
  font-size: 1.625em;
  color: #ef9f1f;
  line-height: 1.5em;
  width: fit-content;
  background: #fff;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 0.33em 1em;
  margin: 0 0 1em 0;
}
.appremo-features #search .introArea article p {
  font-size: 1.125em;
  line-height: 2em;
}
.appremo-features #search .viewArea {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 55px 8.571%;
}
.appremo-features #search .viewArea figure {
  position: relative;
  margin: 0;
}
.appremo-features #search .viewArea figure:nth-child(1) {
  width: 80.19%;
}
.appremo-features #search .viewArea figure:nth-child(2) {
  width: 52.381%;
}
.appremo-features #search .viewArea figure:nth-child(3) {
  width: 38.762%;
}

.appremo-features #search .viewArea figure:nth-child(1)::after {
  content: "";
  display: block;
  width: 26px;
  height: 37px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/features/search_arrow.svg")
    center center no-repeat;
  background-size: contain;
  position: absolute;
  left: 28%;
  top: 100%;
  margin: 30px 0 0 0;
}
.appremo-features #search .viewArea figure:nth-child(2)::after {
  content: "";
  display: block;
  width: 26px;
  height: 37px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/features/search_arrow.svg")
    center center no-repeat;
  background-size: contain;
  position: absolute;
  right: -60px;
  top: 0;
  bottom: 0;
  margin: auto 0 auto 0;
  transform: rotate(-90deg);
}
.appremo-features #search .viewArea figure p {
  overflow: hidden;
  border-radius: 15px;
  box-sizing: border-box;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.16));
}
.appremo-features #search .viewArea figure figcaption {
  width: fit-content;
  position: absolute;
}
.appremo-features #search .viewArea figure:nth-child(1) figcaption {
  top: 30%;
  left: -25%;
}
.appremo-features #search .viewArea figure:nth-child(2) figcaption {
  top: -16%;
  right: -5%;
}
.appremo-features #search .viewArea figure:nth-child(3) figcaption {
  bottom: 12%;
  right: -9%;
}
.appremo-features #search .viewArea figure figcaption dl {
  width: fit-content;
  display: flex;
  align-items: center;
  background: #ef9f1f;
  border-radius: 9999px;
  padding: 0.4em 1.5em 0.4em 0.4em;
  gap: 0 0.8em;
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.16));
}
.appremo-features #search .viewArea figure figcaption dl dt {
  border-radius: 9999px;
  line-height: 1em;
  background: #fff;
  color: #ef9f1f;
  font-family: "Jost", sans-serif;
  font-size: 1.1875em;
  font-weight: 600;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.appremo-features #search .viewArea figure figcaption dl dd {
  color: #fff;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1em;
  margin: 0;
}

.appremo-features #db .introArea {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 60px 0;
}
.appremo-features #db .introArea article {
  width: calc(100% - 37.5%);
}
.appremo-features #db .introArea article h3 {
  font-size: 1.625em;
  font-weight: 700;
  line-height: 1em;
  color: #ef9f1f;
  width: fit-content;
  padding: 0.65em 1em;
  background: #f2f2f2;
  border-radius: 10px;
  margin: 0 0 1.3em 0;
}
.appremo-features #db .introArea article p {
  font-size: 1.125em;
  line-height: 1.9em;
  letter-spacing: 0;
}
.appremo-features #db .introArea figure {
  width: 37.5%;
  text-align: center;
  top: 20px;
  margin-right: 20px;
}
.appremo-features #db .viewArea {
  display: flex;
  justify-content: space-between;
}
.appremo-features #db .viewArea figure:nth-child(1) {
  width: 50%;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 15px;
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.16));
  margin: 0;
}
.appremo-features #db .viewArea figure:nth-child(2) {
  width: 42.917%;
  margin: 0;
}

.appremo.cvWrap {
  background: linear-gradient(
    to bottom,
    #fff 0%,
    #fff 145px,
    #f0f0f0 145px,
    #f0f0f0 100%
  );
  padding: 140px 0 0px;
}
.appremo.cvWrap .Wrap {
  border-top: none !important;
  border-radius: 60px;
  position: relative;
  padding: 0 8.333% 5% 8.333%;
}
.appremo.cvWrap .Wrap::before {
  content: "";
  display: block;
  width: 283px;
  height: 283px;
  background: #f0f0f0;
  border-radius: 9999px;
  position: absolute;
  top: -99px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
}
.appremo .cvArea .cvBtns {
  display: flex;
  justify-content: center;
  gap: 0 4%;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 10;
}

.appremo .cvArea .cvBtns dl {
  width: 31.6%;
  text-align: center;
  margin: 0;
}
.appremo .cvArea .cvBtns dl dt {
  width: fit-content;
  margin: 0 auto 1em auto;
  position: relative;
  background: #fff;
  line-height: 1em;
  padding: 0.9em 2.3em;
  border-radius: 9999px;
  font-size: 0.875em;
  letter-spacing: 0;
  font-weight: 500;
  box-sizing: border-box;
}
.appremo .cvArea .cvBtns dl dt::before {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top: 12px solid #fff;
  z-index: 2;
}
.appremo .cvArea .cvBtns dl dd a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.75em;
  text-decoration: none;
  width: 100%;
  line-height: 1em;
  height: 82px;
  color: #fff;
  font-weight: 500;
  font-size: 1.375em;
  background: #383838;
  border-radius: 15px;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.16));
}
.appremo .cvArea .cvBtns dl.request dd a {
  background: rgb(86, 180, 103);
}
.appremo .cvArea .cvBtns dl.trial dd a {
  background: rgb(239, 159, 31);
}
.appremo .cvArea .cvBtns dl.request dd a::before {
  content: "";
  display: block;
  width: 31px;
  height: 34px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/icon_files_wh.svg")
    center center no-repeat;
  background-size: contain;
}
.appremo .cvArea .cvBtns dl.trial dd a::before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/icon_trial_wh.svg")
    center center no-repeat;
  background-size: contain;
}
.appremo .cvArea .cvBtns dl.request dd a:hover {
  background: #383838;
}
.appremo .cvArea .cvBtns dl.request dd a:hover::before {
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/icon_files.svg")
    center center no-repeat;
  background-size: contain;
}
.appremo .cvArea .cvBtns dl.trial dd a:hover {
  background: #383838;
}
.appremo .cvArea .cvBtns dl.trial dd a:hover::before {
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/icon_trial.svg")
    center center no-repeat;
  background-size: contain;
}
.appremo .cvArea .cvBtns dl.seminar dd a::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/icon_seminar_wh.svg")
    center center no-repeat;
  background-size: contain;
}
.appremo .cvArea .cvBtns dl.seminar dd a:hover {
  background: #fff;
  color: #505050;
}
.appremo .cvArea .cvBtns dl.seminar dd a:hover::before {
  background: url("https://8052665.fs1.hubspotusercontent-na2.net/hubfs/8052665/images/appremo/icon/icon_seminar.svg")
    center center no-repeat;
  background-size: contain;
}
.appremo.cvWrap .Wrap {
  border-top: none !important;
  border-radius: 60px;
  position: relative;
  padding: 0 8.333% 5% 8.333%;
  margin-top: 90px;
}
.appremo.cvWrap figure.symbol {
  margin: 0;
  text-align: center;
  z-index: 10;
  position: relative;
  top: -100px;
}
.appremo.cvWrap dd {
  margin: 0;
}
.appremo.cvWrap .Wrap::before {
  content: "";
  display: block;
  width: 283px;
  height: 283px;
  background: #f0f0f0;
  border-radius: 9999px;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
}
.appremo.cvWrap h2 {
  color: #505050;
  font-size: 2.125em;
  display: flex;
  align-items: center;
  gap: 0 0.3em;
  font-weight: 700;
  justify-content: center;
  margin-top: -60px;
  margin-bottom: 20px;
  position: relative;
  z-index: 10;
}
.appremo.cvWrap h2 img {
  width: 227px;
  margin: auto;
  margin: 0 0 -0.2em 0;
}
.LP-Tab-List .tab-panel-item .faq-item .small-title + div.text a {
  color: #ef9f1f;
  text-decoration: underline;
}

@media screen and (max-width: 1260px) and (min-width: 751px) {
  .appremo-features .Wrap {
    font-size: 1.27vw;
  }
  .appremo-features #approval .introArea article p {
    white-space: nowrap;
  }
  .appremo-features #form .pointArea article figure img {
    width: 90%;
    height: auto;
  }
  .appremo-features #approval .functionList {
    margin: -12% 0 75px 0;
  }
  .LP-Grid-List .functionsArea header h2 {
    font-size: 3.125em;
  }
  .LP-Grid-List .layout-list h3 {
    font-size: 1.4375em;
    margin-bottom: 0;
  }
  .LP-Grid-List .layout-list .Section-list ul li {
    font-size: 0.9375em;
    padding: 0.8em 1.2em;
  }
  .LP-Grid-List .btn a {
    font-size: 1.375em;
    padding: 1.4em;
  }
  .LP-Tab-List .faq-item .small-title {
    font-size: 1.125em;
  }
  .LP-Tab-List .tab-panel-item .faq-item .small-title + div {
    font-size: 1.125em;
  }
  .cvWrap .Wrap {
    font-size: 1.27vw;
    padding: 0 0 5%;
  }
}

@media (max-width: 1260px) {
  .Body .appremo .Wrap {
    padding: 60px 0;
  }
  .LP-Hero-AppRemo #keyImg h2 {
    font-size: 30px;
  }
  .LP-Hero-AppRemo #keyImg h3 {
    font-size: 4.375em;
  }
  .LP-Hero-AppRemo #keyImg p {
    font-size: clamp(22px, 1.6875em, 25px);
  }

  .appremo.features #troubleWrap {
    margin-top: -430px;
    padding-bottom: 260px;
  }
  .appremo.features #troubleArea figure figcaption {
    font-size: 1.25em;
  }

  .appremo.features #troubleArea h2 {
    font-size: 1.875em;
  }

  .appremo.features #troubleArea h2 strong {
    font-size: 2em;
  }

  .appremo.features #troubleArea .notice {
    font-size: 1.875em;
  }

  .appremo.features #troubleArea figure {
    font-size: 1vw;
  }
  .appremo.features #troubleArea figure.x1 {
    width: 26vw;
    top: -30%;
    left: 5%;
  }
  .appremo.features #troubleArea figure.x1 figcaption {
    bottom: 2.3em;
    left: 1.3em;
  }
  .appremo.features #troubleArea figure.x2 {
    width: 25vw;
    top: -10%;
    right: 5%;
  }
  .appremo.features #troubleArea figure.x3 {
    width: 30vw;
  }

  .appremo #goalArea article h3 {
    margin-bottom: 80px;
  }
  .appremo #goalArea article aside p {
    font-size: 0.9375em;
  }
  .appremo #goalArea article ul li {
    font-size: 0.8em;
  }
  .appremo #goalArea article ul li strong {
    font-size: 1.8em;
  }

  .appremo #goalArea article aside::before {
    width: 18vw;
    height: 18vw;
    top: -10%;
  }

  .appremo #caseArea article header h2 {
    font-size: 3em;
  }
  .appremo #caseArea article header p {
    font-size: 1.125em;
  }
  .appremo #caseArea article .logos {
    justify-content: center;
    gap: 2em 2vw;
  }
  .appremo #caseArea article .moreBtn a {
    font-size: 1.375em;
    padding: 1.4em 0;
  }
  .appremo #forteNavi h2 {
    font-size: 3em;
  }
  .appremo #forteNavi nav ul li a {
    font-size: 1.125em;
    padding: 1.5em 0;
  }
}

@media screen and (max-width: 1260px) and (min-width: 1100px) {
  .appremo.features #troubleArea figure.x1 {
    top: -20%;
    left: -5%;
  }
  .appremo.features #troubleArea figure.x2 {
    right: -5%;
  }
}

@media (max-width: 750px) {
  .LP-Hero-AppRemo #keyImg h2 {
    font-size: 1.4em;
  }
  .LP-Hero-AppRemo #keyImg h2 img {
    width: 245px;
  }
  .LP-Hero-AppRemo #keyImg h3 {
    font-size: clamp(25px, 5.5vw, 50px);
  }

  .LP-Hero-AppRemo #keyImg p {
    font-size: clamp(16px, 3.5vw, 30px);
  }
  .LP-Hero-AppRemo #keyImg p strong {
    font-weight: 700;
    font-size: 1.4em;
  }
  .LP-Hero-AppRemo #keyImg figure.key {
    width: 86%;
    margin: auto;
  }
  .LP-Hero-AppRemo.features {
    padding: 250px 0 50px 0;
    border-radius: 0 0 50px 50px;
  }

  .appremo.features #troubleWrap {
    margin-top: -165px;
    padding-bottom: 260px;
    padding: 120px 0 50px 0;
    border-radius: 0 0 50px 50px;
    position: relative;
    color: #fff;
    margin-bottom: 30px;
  }

  .appremo.features #troubleArea {
    position: relative;
    max-width: 100%;
    font-size: 2.1vw;
    display: flex;
    flex-direction: column;
    gap: 0 0;
  }
  .appremo.features #troubleArea h2 {
    font-size: 1.875em;
    margin: 0 0 1.8em 0;
  }

  .appremo.features #troubleArea figure {
    position: static;
  }

  .appremo.features #troubleArea figure figcaption {
    font-size: 3.8vw;
  }
  .appremo.features #troubleArea figure.x1 {
    margin: 20px 0 10px 15%;
    width: 80%;
    order: 3;
  }
  .appremo.features #troubleArea figure.x1 figcaption {
    bottom: 1.8em;
    left: auto;
    right: 1.5em;
  }
  .appremo.features #troubleArea figure.x2 {
    margin: 0 0 15px 5%;
    width: 66%;
    order: 1;
  }
  .appremo.features #troubleArea figure.x2 figcaption {
    top: 1em;
    left: 1.5em;
  }

  .appremo.features #troubleArea figure.x3 {
    width: 84%;
    margin: 0 0 0 6%;
    order: 4;
  }
  .appremo.features #troubleArea figure.x3 figcaption {
    top: 2.6em;
    right: auto;
    left: 2em;
  }
  .appremo.features #troubleArea .x4 {
    order: 2;
  }
  .appremo.features #troubleArea figure img {
    width: 100%;
    height: auto;
  }

  .appremo.features #troubleArea .notice {
    font-size: 2em;
    border-radius: 15px;
    padding: 0.8em 1em;
  }

  .appremo #goalArea {
    display: flex;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    gap: 25px 0;
    justify-content: space-between;
    margin: 0 0 50px 0;
  }
  .appremo #goalArea article {
    width: 48.5%;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .appremo #goalArea article h3 {
    width: 89.286%;
    border-radius: 10px;
    padding: 0.7em 0;
    font-size: 4.2vw;
    margin: 0 auto 3em auto;
  }
  .appremo #goalArea article aside p br {
    display: none;
  }
  .appremo #goalArea article aside p {
    font-size: 2.8vw;
    line-height: 1.9em;
  }
  .appremo #goalArea article ul.x2 {
    position: relative;
    z-index: 30;
    color: #fff;
    margin-top: -2.53em;
    width: 100%;
    font-size: 3.2vw;
  }
  .appremo #goalArea article ul li strong {
    font-size: 1.55em;
  }
  .appremo #goalArea article aside::before {
    width: 100px;
    height: 100px;
    top: -20px;
  }
  .appremo #goalArea article aside dl dt figure {
    width: 60%;
    margin: auto;
  }
  .appremo #goalArea article aside {
    padding-top: 40px;
  }
  .appremo #goalArea article ul li {
    position: relative;
    z-index: 30;
    color: #fff;
    margin-top: -1em;
    width: 100%;
    font-size: 2.8vw;
    margin-bottom: 0;
  }

  .appremo #caseArea .symbol {
    top: -110px;
    margin: 0 auto -80px auto;
    width: 70vw;
  }

  .appremo #caseArea::before {
    width: 300px;
    height: 300px;
    top: -55px;
  }
  .appremo #caseArea article header h2 {
    font-size: 2em;
    margin: 0 0 0.5em 0;
  }

  .appremo #caseArea {
    border-radius: 0;
    padding: 0 7% 6.5% 7%;
    margin: 0 -30px;
  }
  .appremo #caseArea article header p {
    font-size: 0.9em;
    line-height: 1.8em;
  }

  .appremo #caseArea article .logos {
    border-radius: 20px;
    padding: 10% 6%;
    justify-content: center;
    gap: 0.5em 1em;
    margin: 0 0 30px 0;
  }

  .appremo #caseArea article .logos figure:nth-child(1) img {
    height: 21px;
  }
  .appremo #caseArea article .logos figure:nth-child(2) img {
    height: 29px;
  }
  .appremo #caseArea article .logos figure:nth-child(3) img {
    height: 23px;
  }
  .appremo #caseArea article .logos figure:nth-child(4) img {
    height: 22px;
  }
  .appremo #caseArea article .logos figure:nth-child(5) img {
    height: 17px;
    margin-right: 0em;
  }
  .appremo #caseArea article .logos figure:nth-child(6) img {
    height: 18px;
    margin-right: 0em;
  }
  .appremo #caseArea article .logos figure:nth-child(7) img {
    height: 22px;
  }
  .appremo #caseArea article .logos figure:nth-child(8) img {
    height: 15px;
  }
  .appremo #caseArea article .logos figure:nth-child(9) img {
    height: 17.5px;
  }
  .appremo #caseArea article .logos figure:nth-child(10) img {
    height: 34px;
  }
  .appremo #caseArea article .logos figure:nth-child(11) img {
    height: 11px;
  }

  .appremo #caseArea article .moreBtn {
    width: 80%;
  }
  .appremo #caseArea article .moreBtn a {
    font-size: 4.4vw;
    border-radius: 15px;
    padding: 1.4em;
  }

  .appremo #forteNavi {
    border-radius: 20px;
    box-sizing: border-box;
    padding: 10% 8% 10% 8%;
    position: relative;
    margin-bottom: 30px;
  }

  .appremo #forteNavi::before {
    font-size: 24.5vw;
    position: static;
  }

  .appremo #forteNavi h2 {
    font-size: 5.5vw;
    margin: -1.7em 0 1.7em 0;
  }

  .appremo #forteNavi h2 img {
    width: 39vw;
  }

  .appremo #forteNavi nav {
    font-size: 2.8vw;
  }
  .appremo #forteNavi nav ul {
    gap: 10px 0;
  }
  .appremo #forteNavi nav ul li {
    width: 48.5%;
    text-align: center;
    padding: 0;
    margin: 0;
  }

  .appremo #forteNavi nav ul li a {
    padding: 1.3em 0;
    border-radius: 8px;
    letter-spacing: 0;
  }

  .appremo #forteNavi nav ul li a::after {
    width: 2.8vw;
    height: 1.8vw;
    right: 0.5em;
    margin: auto;
  }

  .appremo-features .Wrap {
    padding: 60px 0 !important;
  }
  .appremo-features h2.title {
    font-size: 2.125em;
  }

  .appremo-features #form .introArea {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 20px 0;
    margin: 0 0 50px 0;
  }

  .appremo-features .introArea aside {
    width: 94%;
    margin: auto;
  }

  .appremo-features #form .introArea figure {
    width: 100%;
    margin: auto;
  }

  .appremo-features #form .introArea article {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .appremo-features #form .introArea article h3 {
    font-size: 4.7vw;
  }

  .appremo-features #form .introArea article p {
    font-size: 3.8vw;
    letter-spacing: 0;
  }

  .appremo-features #form .pointArea {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    justify-content: flex-start;
    padding: 6% 8% 10% 8%;
    border-radius: 20px;
    margin: 180px 0 50px 0;
  }

  .appremo-features #form .pointArea article {
    width: 100%;
    margin: -165px 0 0 0;
  }

  .appremo-features #form .pointArea article figure {
    margin: 0 auto 20px auto;
    width: 55%;
  }

  .appremo-features #form .pointArea article p {
    font-weight: 700;
    color: #ef9f1f;
    font-size: 5.8vw;
    line-height: 1.6em;
  }

  .appremo-features #form .pointArea ul {
    width: 100%;
    margin: 0;
  }

  .appremo-features #form .pointArea ul li {
    font-size: clamp(15px, 0.75em, 18px);
  }

  .appremo-features #form .editArea {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px 0;
    margin: 0 0 20px 0;
  }

  .appremo-features #form .editArea figure {
    width: 120%;
    margin: 0 0 20px -22%;
  }

  .appremo-features #form .editArea article {
    width: 94%;
    margin: auto;
  }

  .appremo-features #form .editArea article h3 {
    font-size: 5vw;
    margin: 0 0 0.7em 0;
  }

  .appremo-features #form .editArea article h3 strong {
    font-weight: 700;
    font-size: 1.1em;
  }

  .appremo-features #form .editArea article p {
    font-size: 1em;
  }

  .appremo-features #form .editArea article p br {
    display: none;
  }

  .appremo-features #form .viewArea {
    display: flex;
    flex-direction: column-reverse;
    gap: 50px 0;
    justify-content: flex-start;
  }

  .appremo-features #form .viewArea figure:nth-child(1) {
    width: 100%;
    margin: 0;
  }

  .appremo-features #form .viewArea figure:nth-child(2) {
    width: 100%;
  }

  .appremo-features #form .viewArea figure figcaption {
    font-size: 3.8vw;
    padding: 0.76em 1em;
    white-space: nowrap;
  }

  .appremo-features #form .viewArea figure figcaption.x1 {
    top: -1.2em;
    left: 0.5em;
  }

  .appremo-features #form .viewArea figure figcaption.x1::before {
    left: 5%;
  }

  .appremo-features #form .viewArea figure figcaption.x1::after {
    left: 26%;
  }

  .appremo-features #form .viewArea figure figcaption.x2 {
    bottom: auto;
    top: 7em;
    right: 1em;
  }

  .appremo-features #form .viewArea figure figcaption.x2::before {
    top: -18px;
    left: 45%;
  }

  .appremo-features #form .viewArea figure figcaption.x3 {
    top: 2.8em;
    right: 2.6em;
  }

  .appremo-features #operation .introArea {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px 0;
    padding: 0 0 2em 0;
    margin: 0 0 2em 0;
    border-bottom: 1px solid #dcdcdc;
  }

  .appremo-features #operation .introArea article {
    width: 100%;
  }

  .appremo-features #operation .introArea article h3 {
    font-size: 4.7vw;
  }

  .appremo-features #operation .introArea article h4 {
    font-size: 4.65vw;
  }

  .appremo-features #operation .introArea article p {
    letter-spacing: 0;
  }

  .appremo-features #operation .introArea article p br {
    display: none;
  }

  .appremo-features #operation .introArea figure {
    width: 100%;
    margin: 0;
  }

  .appremo-features #operation .routeArea .routeWrap {
    width: 840px;
    padding: 0 0 15px 0;
    box-sizing: border-box;
    margin: 0 0 0 -3vw;
  }

  .appremo-features #operation .routeArea {
    margin: 0 0 45px 0;
  }

  .appremo-features #operation .routeArea header {
    width: 90%;
    margin: auto;
  }

  .appremo-features #operation .routeArea h2 {
    font-size: 1.06667em;
    margin: 0 0 0.8em 0;
  }

  .appremo-features #operation .routeArea h3 {
    margin: 0 0 0.6em 0;
    font-size: 1em;
  }

  .appremo-features #operation .routeArea .routeWrap article {
    padding: 0 1em 1em 1em;
  }

  .appremo-features #operation .routeArea .routeWrap article .relative {
    gap: 0 7vw;
  }

  .appremo-features
    #operation
    .routeArea
    .routeWrap
    article:nth-child(1)::after {
    top: 25%;
    right: -15px;
    width: 30px;
  }
  .appremo-features
    #operation
    .routeArea
    .routeWrap
    article:nth-child(2)::after {
    top: 25%;
    left: 0px;
    right: 0;
    width: 30px;
  }
  .appremo-features
    #operation
    .routeArea
    .routeWrap
    article:nth-child(3)::after {
    top: 25%;
    width: 36px;
    left: -18px;
  }
  .appremo-features
    #operation
    .routeArea
    .routeWrap
    article:nth-child(4)::after {
    top: 25%;
    width: 36px;
    left: -19px;
  }

  .appremo-features #operation .routeArea .routeWrap article aside h4 {
    border-radius: 6px;
    font-size: 1em;
    padding: 0.8em 0;
    margin: 0 auto 0.8em auto;
    width: 94%;
  }

  .appremo-features #operation .routeArea .routeWrap article aside p {
    font-size: 0.98em;
  }

  .appremo-features #operation .routeArea .routeWrap article aside figure {
    margin: 0 0 0.4em 0;
  }

  .appremo-features #operation .routeArea .routeWrap article aside figure img {
    width: 74%;
    margin: auto;
  }

  .appremo-features #operation .routeArea .routeNote {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px 0;
    justify-content: flex-start;
    margin: 45px auto 0;
    box-sizing: border-box;
    width: 100%;
  }

  .appremo-features #operation .routeArea .routeNote dl:nth-child(1) {
    width: 100%;
  }

  .appremo-features #operation .routeArea .routeNote dl {
    width: 100%;
    border-radius: 20px;
    font-size: 3.7vw;
    padding: 8%;
  }

  .appremo-features #operation .routeArea .routeNote dl dt {
    margin: 0 0 0.6em;
  }

  .appremo-features #operation .routeArea .routeNote dl dd {
    line-height: 1.8em;
  }

  .appremo-features #operation .routeArea .routeNote dl dd br {
    display: none;
  }

  .appremo-features #operation .bunkiArea {
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px 0;
    padding: 6.667% 6.667%;
    margin: 0 0 30px 0;
  }

  .appremo-features #operation .bunkiArea article {
    width: 100%;
    margin: 0;
  }

  .appremo-features #operation .bunkiArea article aside {
    width: 94%;
    margin: auto;
  }

  .appremo-features #operation .bunkiArea article h3 {
    margin: 0 0 0.8em 0;
    text-align: center;
    font-size: 1.66667em;
  }

  .appremo-features #operation .bunkiArea article p {
    margin: 0 0 2em 0;
    letter-spacing: 0.02em;
    font-size: 1em;
  }

  .appremo-features #operation .bunkiArea article figure {
    width: 100%;
  }

  .appremo-features #operation .bunkiArea figure.pict {
    width: 100%;
    margin: 0;
  }

  .appremo-features #operation .bunkiArea figure.pict p {
    width: 500px;
    margin: 0;
    padding: 0 0 2em 0;
  }

  .appremo-features #operation .atoArea {
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px 0;
    padding: 6.667%;
  }

  .appremo-features #operation .atoArea article {
    width: 94%;
    margin: auto;
  }

  .appremo-features #operation .atoArea article h3 {
    margin: 0 0 0.8em 0;
    text-align: center;
    font-size: 1.66667em;
  }

  .appremo-features #operation .atoArea article p {
    margin: 0;
    letter-spacing: 0.05em;
    font-size: 1em;
  }

  .appremo-features #operation .atoArea figure.pict {
    width: 100%;
    margin: 0;
    overflow: scroll hidden;
  }

  .appremo-features #operation .atoArea figure.pict p {
    width: 500px;
    padding: 0 0 2em 0;
  }

  .appremo-features #request {
    margin-top: -100px;
  }

  .appremo-features #request .introArea {
    display: flex;
    justify-content: flex-start;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 20px 0;
    margin: 0 0 45px 0;
  }

  .appremo-features.num3 {
    margin-top: 40px !important;
  }
  .appremo-features #request .introArea figure {
    width: 48%;
    margin: auto;
    text-align: center;
  }

  .appremo-features #request .introArea article {
    width: 100%;
    padding: 0;
  }

  .appremo-features #request .introArea article h3 {
    font-size: 4.7vw;
  }

  .appremo-features #request .introArea article p {
    font-size: 3.8vw;
    line-height: 2em;
    letter-spacing: 0;
  }

  .appremo-features #request .viewArea {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 25px 0;
    margin: 0 0 165px 0;
  }

  .appremo-features #request .viewArea figure {
    width: 120%;
    margin: 0 0 20px -10%;
    border-radius: 0;
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
  }

  .appremo-features #request .viewArea article {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px 0;
  }

  .appremo-features #request .viewArea article aside {
    box-sizing: border-box;
    background: #fff;
    border-radius: 15px;
    padding: 6% 8%;
  }

  .appremo-features #request .viewArea article aside dl dt {
    width: 35px;
    height: 35px;
    font-size: 1.06667em;
  }

  .appremo-features #request .voiceArea {
    display: flex;
    flex-direction: column;
    gap: 150px 0;
    justify-content: flex-start;
  }

  .appremo-features #request .voiceArea article {
    width: 100%;
    border-radius: 15px;
    padding: 0 7% 7% 7%;
  }

  .appremo-features #request .voiceArea article header dl {
    width: 94%;
    margin: -130px auto 0 auto;
  }

  .appremo-features #request .voiceArea article header dl dt img {
    width: 24vw;
    margin: auto;
  }

  .appremo-features #request .voiceArea article header dl dd {
    line-height: 1.6em;
    font-size: 1.06667em;
    padding: 1.8em 1.5em 1.5em 1.5em;
  }

  .appremo-features #request .voiceArea article header dl dd.x2 {
    margin: 15px 0 0 0;
  }

  .appremo-features #request .voiceArea article header figure {
    margin: 30px auto 0 auto;
    width: 54%;
  }

  .appremo-features #request .voiceArea article aside h3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.2em 0;
    font-size: 1.46667em;
    letter-spacing: 0em;
    margin: 0 0 0.8em 0;
  }

  .appremo-features #request .voiceArea article aside h3 small {
    font-size: 0.72727em;
  }

  .appremo-features #request .voiceArea article aside p {
    letter-spacing: 0.05em;
    margin: 0;
  }

  .appremo-features #approval .introArea {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    justify-content: flex-start;
    align-items: stretch;
  }

  .appremo-features #approval .introArea article {
    width: 100%;
    margin: 0;
  }

  .appremo-features #approval .introArea article h3 {
    font-size: 4.7vw;
    line-height: 1.5em;
    margin: 0 0 1em 0;
  }

  .appremo-features #approval .introArea article h4 {
    font-size: 4.65vw;
  }

  .appremo-features #approval .introArea article p {
    font-size: 3.8vw;
    letter-spacing: 0;
  }

  .appremo-features #approval .introArea figure {
    width: 120%;
    margin: 0 0 0 -10%;
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
    border-radius: 0;
  }

  .appremo-features #approval .functionList {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px 0;
    margin: 35px 0;
  }

  .appremo-features #approval .functionList article {
    width: 100%;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #dcdcdc;
    padding: 6% 7.5%;
  }

  .appremo-features #approval .functionList article:first-child {
    margin-right: 0;
  }

  .appremo-features #approval .functionList article dl {
    margin: 0 0 0.4em 0;
  }

  .appremo-features #approval .functionList article dl dt {
    width: 35px;
    height: 35px;
    font-size: 1.06667em;
  }

  .appremo-features #approval .functionList article dl dd {
    font-size: 1.2em;
  }

  .appremo-features #approval .functionList article p {
    letter-spacing: 0.05em;
    font-size: 1em;
    line-height: 1.7em;
  }

  .appremo-features #approval .functionArea {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 33px 0;
  }

  .appremo-features #approval .functionArea article {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .appremo-features #approval .functionArea article dl {
    margin: 0 0 1.2em 0;
  }

  .appremo-features #approval .functionArea article dl:last-child {
    margin: 0;
  }

  .appremo-features #approval .functionArea article dl dt {
    font-size: 5vw;
    margin: 0 0 0.6em;
  }

  .appremo-features #approval .functionArea article dl dd {
    letter-spacing: 0.05em;
  }

  div:has(> .routeWrap) {
    overflow: scroll hidden;
  }

  .appremo-features #search {
    margin: 40px 0;
  }

  .appremo-features #search .introArea {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px 0;
    justify-content: flex-start;
    align-items: flex-start;
    margin: -125px 0 20px 0;
  }

  .appremo-features #search .introArea figure {
    width: 64%;
    margin: auto;
    text-align: center;
  }

  .appremo-features.num5 div:has(> .viewArea) {
    overflow: scroll hidden;
  }
  .appremo-features #search .introArea article {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .appremo-features #search .introArea article h3 {
    font-size: 4.7vw;
    line-height: 1.5em;
    margin: 0 0 1em 0;
  }

  .appremo-features #search .introArea article p {
    font-size: 3.8vw;
    letter-spacing: 0;
  }

  .appremo-features #search .viewArea {
    gap: 40px 8.571%;
    width: 600px;
    padding: 0 0 2em 0;
  }

  .appremo-features #search .viewArea figure:nth-child(1)::after {
    width: 6vw;
    height: 9vw;
    left: 28%;
    top: 100%;
    margin: 10px 0 0 0;
    z-index: 50;
  }

  .appremo-features #search .viewArea figure:nth-child(2)::after {
    width: 5vw;
    height: 7vw;
    right: -11.5%;
    top: 0;
    bottom: 0;
    z-index: 50;
  }

  .appremo-features #search .viewArea figure p {
    border-radius: 10px;
  }

  .appremo-features #search .viewArea figure figcaption {
    font-size: 3.2vw;
  }

  .appremo-features #search .viewArea figure:nth-child(1) figcaption {
    top: 30%;
    left: -24%;
  }

  .appremo-features #search .viewArea figure figcaption dl dt {
    width: 7.2vw;
    height: 7.2vw;
  }

  .appremo-features #db .introArea {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px 0;
    margin: 0 0 30px 0;
    padding: 120px 0 0 0;
  }

  .appremo-features #db .introArea article {
    width: 100%;
    margin: 0;
  }

  .appremo-features #db .introArea article h3 {
    font-size: 4.7vw;
    line-height: 1.5em;
    margin: 0 0 1em 0;
    letter-spacing: 0;
  }

  .appremo-features #db .introArea article p {
    font-size: 3.8vw;
    letter-spacing: 0;
  }

  .appremo-features #db .introArea article p br {
    display: none;
  }

  .appremo-features #db .introArea figure {
    width: 50%;
    margin: auto;
    position: absolute;
    top: -100px;
    right: 0;
  }

  .appremo-features #db .viewArea {
    display: flex;
    flex-direction: column;
    gap: 30px 0;
    justify-content: flex-start;
  }

  .appremo-features #db .viewArea figure:nth-child(1),
  .appremo-features #db .viewArea figure:nth-child(2) {
    width: 100%;
  }

  .appremo h2.title-goal {
    display: flex;
    flex-wrap: wrap;
    font-size: 6.3vw;
    margin: 0 0 1.6em 0;
    align-items: center;
    gap: 0.5em 0;
  }
  .appremo h2.title-goal img {
    margin-right: 5px;
    width: 50vw;
  }
  .appremo.u-padding--medium {
    padding-bottom: 60px;
  }
  .Body .appremo .Wrap:has(#caseArea) {
    padding-bottom: 0;
  }
  .appremo-features #operation .bunkiArea figure.pict {
    overflow: scroll hidden;
  }

  .Body .appremo .Wrap {
    padding: 30px 0;
  }
  .pt0-sp {
    padding-top: 0 !important;
  }
  .pb0-sp {
    padding-bottom: 0 !important;
  }

  .LP-Grid-List .layout-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .LP-Grid-List.bg-function .Wrap:before {
    font-size: 17.5vw;
    left: -20px;
  }
  .LP-Grid-List .functionsArea header {
    width: 100%;
    position: absolute;
    top: -270px;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2em 0;
    margin: -60px 0 0 0;
  }
  .LP-Grid-List .functionsArea header > div {
    margin: 0 auto;
    width: 33%;
  }

  .LP-Grid-List.bg-function .Wrap {
    padding-top: 140px;
    margin: 100px 0 0 0;
    margin-left: 27px;
    margin-right: 30px;
  }
  .LP-Grid-List .layout-list .item {
    padding: 0;
    margin: 0;
  }
  .LP-Grid-List .layout-list .item:before {
    display: none;
  }
  .LP-Grid-List .functionsArea header h2 {
    font-size: 8vw;
    margin: 0;
  }
  .LP-Grid-List .layout-list .item .Section-content {
    margin-bottom: 0;
  }

  .appremo.cvWrap .Wrap::before {
    width: 180px;
    height: 180px;
    top: -60px;
  }

  .appremo.cvWrap figure.symbol {
    position: relative;
    top: -95px;
    margin: 0 auto -75px auto;
    width: 60%;
  }
  .appremo.cvWrap h2 {
    flex-wrap: wrap;
    gap: 0.4em 0;
    font-size: 1.5em;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .appremo .cvArea .cvBtns {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px 0;
    width: 90%;
    margin: auto;
  }
  .appremo .cvArea .cvBtns dl {
    width: 100%;
    font-size: 4vw;
  }
  .appremo .cvArea .cvBtns dl dd a {
    gap: 0 0.75em;
    height: 60px;
    font-size: max(0.875em, 18px);
    letter-spacing: 0;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.16));
  }
  .appremo .cvArea .cvBtns dl dt {
    font-size: max(0.675em, 16px);
  }

  .appremo.cvWrap {
    background: linear-gradient(
      to bottom,
      #f0f0f0 0%,
      #f0f0f0 145px,
      #f0f0f0 145px,
      #f0f0f0 100%
    );
    background: none;
    padding: 60px 0;
  }
  .appremo.cvWrap .Wrap {
    margin-top: 90px;
    padding: 0 0 40px !important;
    background: linear-gradient(
      to bottom,
      #f0f0f0 0%,
      #f0f0f0 145px,
      #f0f0f0 145px,
      #f0f0f0 100%
    );
    border-radius: 20px;
  }

  .LP-Tab-List .content-title,
  .LP-Tab-List .faq-item {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .LP-Tab-List .content-title {
    font-size: 1.5em;
    margin: 1em;
  }
  .appremo-movie.pt0 {
    padding: 60px 0 90px !important;
  }
  .pt100-sp {
    padding-top: 100px !important;
  }
}

.Pacnav--is-mobile.Pacnav--is-active
  nav.Header-nav.appremo-header-nav-circle
  .PacnavToggle {
  background: #fff;
}

.LP-Hero-AppRemo {
  background-color: rgba(242, 242, 242, 1);
  padding: 150px 0 205px 0;
  position: relative;
  margin: 0 0 80px 0;
}

.LP-Grid-List .layout-list + .btn {
  text-align: center;
}

.LP-Tab-List .tab-panel-item .faq-item .small-title + div.text > div {
  display: flex;
}
.LP-Tab-List .tab-panel-item .faq-item .small-title + div.text > div:before {
  content: "A";
  color: #ef9f1f;
  font-family: "Jost", sans-serif;
  font-size: 1.5625em;
  margin: 0 0.6em 0 0;
  font-weight: 500;
}

.Body .appremo .Wrap:has(#caseArea) {
  padding: 140px 0 0;
}

@media (max-width: 750px) {
  .appremo-movie #movieArea {
    border-radius: 30px;
    padding: 8.5% 8%;
    width: calc(100% + 60px);
    margin-left: -30px;
  }

  .LP-Tab-List header h2.large {
    font-size: 2em;
  }
  .LP-Tab-List header:has(h2.large) .subtitle {
    font-size: 30vw;
    top: -35px;
  }
  .LP-Tab-List .tab-menu {
    font-size: 2.8vw;
    gap: 0 0;
  }
}

.appremo-btn .btn {
  text-align: center;
}
.appremo-btn .btn a {
  display: inline-block;
  line-height: 1em;
  color: #fff;
  text-decoration: none;
  width: 380px;
  padding: 25px;
  font-size: 18px;
  font-weight: 700;
  background: #ef9f1f;
  border-radius: 15px;
  transition: 0.3s;
}
.appremo-btn .btn a:hover {
  opacity: 0.9;
}

@media (max-width: 750px) {
  .appremo-btn .btn a {
    width: 80%;
  }
}

@media (max-width: 959px) {
  .Product-appremo #pagetop {
    left: unset;
  }
}

@media (max-width: 550px) {
  .appremo-features #db .introArea figure {
    top: -20px;
  }

  .LP-Grid-List .functionsArea header {
    top: -200px;
  }
}

@media screen and (max-width: 1360px) and (min-width: 751px) {
  .LP-Hero-AppRemo .Wrap--narrow {
    font-size: 1.18vw;
  }
  .LP-Hero-AppRemo .Wrap--narrow #priceBox article {
    width: 12vw;
    height: 12vw;
  }
  .LP-Hero-AppRemo .Wrap--narrow #priceBox {
    right: 20px;
    font-size: 1.18vw;
  }
  .LP-Hero-AppRemo #personBox {
    font-size: 1.18vw;
    height: 14vw;
  }
  .LP-Hero-AppRemo #personBox article {
    gap: 0 2.5vw;
  }
  .LP-Hero-AppRemo #personBox figure img {
    width: auto;
    height: 14vw;
  }
  .LP-Hero-AppRemo {
    padding: 115px 0 15.1vw 0;
  }
}
@media (max-width: 1260px) {
  .Page .Header .Header-cta.appremo-header-cta-circle {
    display: none !important;
  }
}

@media (max-width: 819px) {
  .Pacnav--is-mobile
    .Header:has(nav.Header-nav.appremo-header-nav-circle):before {
    background: rgba(239, 159, 31, 1);
    content: "";
    display: block;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: center top;
    transition: opacity 0.6s, transform 0.8s;
    transition-delay: 0.3s;
    z-index: 20;
  }
  .Pacnav--is-mobile.Pacnav--is-active:has(
      nav.Header-nav.appremo-header-nav-circle
    )
    .Header:before {
    opacity: 1;
    transform: scaleY(1);
    transition: opacity 0.6s, transform 0.8s;
    transition-delay: 0s;
  }

  nav.Header-nav.appremo-header-nav-circle {
    z-index: 30;
  }
}
@media (max-width: 750px) {
  .LP-Hero-AppRemo {
    padding-bottom: 30px;
    margin-bottom: 10px;
  }
  .LP-Hero-AppRemo .Hero-title br {
    display: block;
  }
  .LP-Hero-AppRemo .Wrap--narrow {
    position: static;
    max-width: 100%;
    margin: 0 auto 50px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3% 0;
    flex-wrap: wrap;
  }
  .LP-Hero-AppRemo .Hero-image {
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
  }
  .LP-Hero-AppRemo .Hero-image img {
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: -170px;
    right: 10px;
    z-index: 200;
  }
  .LP-Hero-AppRemo .Hero-title {
    line-height: 1.6em;
    margin: 0 0 0.3em 0;
    font-size: 31px;
  }
  .LP-Hero-AppRemo .Hero-logo img {
    max-width: 100% !important;
    width: 100%;
    height: auto;
  }
  .LP-Hero-AppRemo #personBox {
    position: relative;
    bottom: 0;
    height: auto;
    top: 30px;
  }
  .LP-Hero-AppRemo #personBox article {
    gap: 0 4vw;
    justify-content: flex-start;
    margin-left: -20px;
  }
  .LP-Hero-AppRemo #personBox figure img {
    width: auto;
    height: 32vw;
  }
  .LP-Hero-AppRemo .Hero-content {
    margin-top: -140px;
  }
  .LP-Hero-AppRemo.bg-appremo:before {
    width: 108%;
    height: 74px;
    background-size: 100%;
    position: absolute;
    top: 15%;
    bottom: auto;
    left: -15%;
    right: 0;
  }
  .LP-Hero-AppRemo #personBox figure figcaption {
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.12));
    margin: 0 0 10px 0;
    padding: 1.35em 1.3em;
    font-size: 11px;
  }
  .LP-Hero-AppRemo #personBox figure figcaption.fuki1 {
    left: 40vw;
  }
  .LP-Hero-AppRemo #personBox figure figcaption.fuki2 {
    left: -45vw;
  }
  .LP-Hero-AppRemo #personBox figure figcaption.fuki3 {
    left: 10vw;
  }
}

.Pacnav--is-scrolling:not(.Pacnav--is-mobile) .Page-42724434229 .Global-Menu,
.Pacnav--is-scrolling:not(.Pacnav--is-mobile) .Header-Global {
  display: block !important;
}

body .Page-42724434229 .Header.Has-childmenu,
body:not(.Pacnav--is-mobile) .Page-42724434229 .Header.Has-childmenu {
  top: 35px;
}

.Pacnav--is-scrolling:not(.Pacnav--is-mobile) .Page-42724434229 .Header {
  height: 90px;
}
.Pacnav--is-scrolling .Page-42724434229 .Header .Logo-block .Logo-img-main {
  display: none;
}
.Pacnav--is-scrolling
  .Page-42724434229
  .Header
  .Logo-block.Logo-global
  .Logo-img-white {
  display: block;
}
.Page-42724434229 .Header .opacity-bg,
.Pacnav--is-scrolling .Page-42724434229 .Header .opacity-bg {
  background: initial;
}

.Page-42724434229 .Header-Global .Global-Menu {
  background-color: #606060;
}

@media (max-width: 819px) {
  body.Product-appremo .Header.Has-childmenu,
  body:not(.Pacnav--is-mobile).Product-appremo .Header.Has-childmenu,
  body .Page-42724434229 .Header.Has-childmenu,
  body:not(.Pacnav--is-mobile) .Page-42724434229 .Header.Has-childmenu {
    top: 0;
    position: absolute;
  }
}

#searchformSide {
  position: relative;
}

#searchformSide .search_button_side {
  cursor: pointer;
  display: inline-block;
  padding: 10px;
  vertical-align: middle;
  position: absolute;
  padding: 12px 10px;
  top: 0;
  right: 0;
}

.Glossary-search #search_inputSide input {
  width: 100%;
  padding-right: 35px;
}

/* ===============================================
   Seminar Card List Styles
   =============================================== */
.ContentSeminerList_new {
  padding: 70px 0;
}

.seminar-card-list {
  margin: 0 auto 40px;
  max-width: 1200px;
  padding: 0;
}

.seminar-card {
  display: block;
  margin-bottom: 0;
  background: #fff;
  border-top: 1px solid #d7d7d7;
  border-radius: 0;
  overflow: hidden;
  transition: background-color 0.3s ease;
  padding: 20px 0;
  text-decoration: none;
  color: inherit;
}

.seminar-card:hover {
  background-color: rgba(86, 180, 103, 0.08);
  text-decoration: none;
}

.seminar-card:last-child {
  border-bottom: 1px solid #d7d7d7;
}

.seminar-card-inner {
  display: flex;
  gap: 50px;
  align-items: flex-start;
}

/* 画像エリア */
.seminar-card-image {
  flex: 0 0 346px;
  position: relative;
  overflow: hidden;
  height: 195px;
  border-radius: 8px;
}

.seminar-card-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.seminar-card-noimage {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

/* コンテンツエリア */
.seminar-card-content {
  flex: 1;
  padding: 0;
  display: flex;
  flex-direction: column;
  max-width: 804px;
}

/* ヘッダー（ステータスと日時） */
.seminar-card-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 7px;
}

.seminar-status {
  display: inline-block;
  padding: 0px 12px;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1.3px;
  border-radius: 20px 20px 0 20px;
}

.seminar-status.status-accepting {
  background: #ff9500;
  color: #fff;
  box-shadow: 0 3px 0 #ffcb5f;
}

.seminar-status.status-ended {
  background: #616161;
  color: #fff;
  box-shadow: 0 3px 0 #adb5bd;
  padding: 0px 10px;
  min-width: 60px;
  text-align: center;
}

.seminar-date {
  color: #4a4a4a;
  font-size: 16px;
  font-weight: normal;
}

.seminar-date .date-year {
  font-size: 16px;
  letter-spacing: 1.6px;
  font-weight: 700;
}

.seminar-date .date-main {
  font-size: 18px;
  letter-spacing: 1.8px;
  font-weight: bold;
}

/* タイトル */
.seminar-card-title {
  margin: 0 0 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  color: #439a53; /* Appremoグリーン */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: 2px;
}

/* タグ */
.seminar-card-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.seminar-tag {
  display: inline-block;
  padding: 0px 12px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  background: #e0e0e0;
  color: #666;
}

.seminar-tag.tag-exhibition {
  background: #56b467;
  color: #fff;
}

.seminar-tag.tag-online {
  background: #009dec;
  color: #fff;
}

/* 主催・共催 */
.seminar-card-organizer {
  margin-bottom: 10px;
}

.organizer-item {
  letter-spacing: 1.5px;
  font-size: 15px;
}

.organizer-label {
  color: #4a4a4a;
  font-weight: bold;
}

.organizer-value {
  color: #4a4a4a;
  font-weight: bold;
}

/* 説明文 */
.seminar-card-description {
  flex: 1;
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.6;
  color: #4a4a4a;
  letter-spacing: 1.5px;
}

/* アクションボタン */
.seminar-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

.seminar-btn-primary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px 6px 20px;
  background: #ff9500;
  color: #fff;
  border: none;
  border-radius: 46px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease;
  min-width: 134px;
  justify-content: end;
  pointer-events: none; /* カード全体がリンクなので、ボタンはクリックできない */
}

.seminar-btn-secondary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px 6px 20px;
  background: #616161;
  color: #fff;
  border: none;
  border-radius: 46px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease;
  min-width: 134px;
  pointer-events: none; /* カード全体がリンクなので、ボタンはクリックできない */
}

.seminar-btn-arrow {
  width: 21px;
  height: 21px;
  flex-shrink: 0;
}

/* コンテンツなし表示 */
.seminar-no-content {
  padding: 60px 20px;
  text-align: center;
  background: #f5f5f5;
  border-radius: 8px;
}

.seminar-no-content p {
  margin: 0;
  color: #666;
  font-size: 16px;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .seminar-card-inner {
    flex-direction: column;
    min-height: auto;
    gap: 24px;
  }

  .seminar-card-image {
    flex: none;
    height: unset;
    width: 100%;
  }

  .seminar-card-content {
    padding: 0px;
  }

  .seminar-card-title {
    font-size: 18px;
  }

  .seminar-card-header {
    flex-wrap: wrap;
  }

  .seminar-card-actions {
    flex-direction: column;
    margin-left: auto;
    gap: 12px;
  }

  .seminar-btn-primary {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .seminar-card {
    margin-bottom: 20px;
  }

  .seminar-card-image {
    height: unset;
  }

  .seminar-card-content {
    padding: 0px;
  }

  .seminar-card-title {
    font-size: 16px;
  }

  .seminar-card-description {
    font-size: 13px;
  }
}

/* ===============================================
   セミナー一覧ページ用ページネーション
   =============================================== */
.ContentSeminerList_new .Blog-Nav {
  margin: 46px auto 0;
  text-align: center;
}

.ContentSeminerList_new .Blog-Nav .pagination {
  display: inline-flex;
  align-items: center;
  gap: 8px; /* ボタン間の間隔 */
  list-style: none;
  padding: 0;
  margin: 0;
  height: 50px;
  justify-content: center;
}

.ContentSeminerList_new .pagination li {
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0;
}

/* 数字のリンク */
.ContentSeminerList_new .pagination li a,
.ContentSeminerList_new .pagination li span.link-item,
.ContentSeminerList_new .pagination li span:not(.link-item) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #a0cea8;
  color: #4a4a4a;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 1.6px;
  border-radius: 3px;
  font-weight: normal;
  transition: all 0.3s ease;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  border-radius: 3px !important;
  align-items: center;
  justify-content: center;
}

/* 現在のページ */
.ContentSeminerList_new .pagination li.active span {
  background: #a0cea8;
  color: #4a4a4a !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #bdbdbd !important;
  border-radius: 3px !important;
}

/* ホバー時 */
.ContentSeminerList_new .pagination li a:hover {
  opacity: 0.8;
  text-decoration: none;
}

/* 前後の矢印 */
.ContentSeminerList_new .pagination li:first-child,
.ContentSeminerList_new .pagination li:last-child {
  width: 50px;
}

.ContentSeminerList_new .pagination li:first-child a,
.ContentSeminerList_new .pagination li:first-child span.link-item,
.ContentSeminerList_new .pagination li:last-child a,
.ContentSeminerList_new .pagination li:last-child span.link-item {
  background: #a0cea8 !important;
  color: #fff;
  border-radius: 3px;
  font-size: 24px;
  position: relative;
}

/* 無効な矢印 */
.ContentSeminerList_new .pagination li.disabled span.link-item::after {
  opacity: 0.5;
}

/* 無効時のボタンスタイル */
.ContentSeminerList_new .pagination li.disabled span.link-item {
  cursor: default;
  pointer-events: none;
}

/* 矢印アイコン表示 - 左矢印 */
.ContentSeminerList_new .pagination li:first-child a::after,
.ContentSeminerList_new .pagination li:first-child span.link-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 10px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14' fill='none'%3E%3Cpath d='M8.44885 14L0.5 6.72872L8.46947 0L9.47939 0.718085L2.33435 6.75532L9.5 13.3138L8.44885 14Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* 矢印アイコン表示 - 右矢印 */
.ContentSeminerList_new .pagination li:last-child a::after,
.ContentSeminerList_new .pagination li:last-child span.link-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 10px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14' fill='none'%3E%3Cpath d='M1.55115 14L9.5 6.72872L1.53053 0L0.520611 0.718085L7.66565 6.75532L0.5 13.3138L1.55115 14Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ContentSeminerList_new .pagination li:last-child a i:before {
  content: unset !important;
}

/* ホバー時 */
.ContentSeminerList_new .pagination li:first-child a:hover,
.ContentSeminerList_new .pagination li:last-child a:hover {
  background: #8db894 !important;
}

/* 無効時の矢印 */
.ContentSeminerList_new .pagination li.disabled span.link-item {
  background: #bdbdbd !important;
  opacity: 0.6;
}

/* ================================
   著者情報
   ================================ */
.author-info-module {
  margin: 40px 0;
  border: 1px solid #9aacc2;
  border-radius: 8px;
  padding: 0;
  background-color: #f9fafb;
  overflow: hidden;
}

.author-info-header {
  background: #e4eef0;
  padding: 12px 24px;
  text-align: left;
  color: #000;
}

.author-info-label {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.author-info-content {
  display: flex;
  gap: 24px;
  padding: 24px;
  align-items: flex-start;
  background-color: #fff;
}

.author-info-image {
  flex-shrink: 0;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #f9fafb;
}

.author-info-image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

.author-info-details {
  flex: 1;
  min-width: 0;
}

.author-name-wrapper {
  margin-bottom: 12px;
}

.author-name {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding-bottom: 4px;
  border-bottom: 2px solid #9aacc2;
  letter-spacing: 0.02em;
}

.author-description {
  font-size: 14px;
  line-height: 1.8;
  color: #666;
  margin-bottom: 0px;
}

.author-description strong {
  background: unset !important;
  color: #000 !important;
  display: block;
}

.author-articles-link {
  margin-top: 0;
  text-align: right;
}

.author-articles-link a {
  color: #75a478;
  font-size: 14px !important;
  font-weight: 600;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.author-articles-link a:hover {
  opacity: 0.7;
  text-decoration: underline;
}

/* モバイル対応 */
@media (max-width: 640px) {
  .author-info-content {
    flex-direction: column;
    align-items: center;
    text-align: left;
  }

  .author-info-image {
    width: 150px;
    height: 150px;
  }

  .author-name,
  .author-description strong {
    font-size: 16px;
    text-align: center;
    width: 100%;
  }

  .author-description {
    font-size: 14px;
  }
}

/*Header リプレイス*/
.Page-252030032603 Header .Pacnav-isPc{
  display: block;
}
.Page-252030032603 Header .Pacnav-isSp{
  display: none;
}

.Product-appremo.Pacnav--is-scrolling .Page-252030032603 .Global-Menu.has-sub{
  top: 0px!important;
}

.Product-appremo.Pacnav--is-scrolling .Page-252030032603 .search_area form#searchform{
  top: 4px!important;
}

.Product-appremo.Pacnav--is-scrolling .Page-252030032603 .Header-Global .Global-Menu ul li{
  line-height: 54px;
}

@media ( max-width: 819px ) {
  .Page-252030032603 Header .Pacnav-isPc{
    display: none;
  }  
  .Page-252030032603 Header .Pacnav-isSp{
    display: block;
  }    
  .Page-252030032603 Header .hs-item-has-children ul{
    margin-top: 0;    
  }
  .Page-252030032603 Header .Header-nav .is-mobile.is-active > div.hs-menu-wrapper > ul ul.hs-menu-children-wrapper{
    transform: unset;
    transition-delay: 0s;
    height: 100%;    
  }
  .Page-252030032603 Header .Header-nav .is-mobile a{
    opacity: 1;
  }
  .Page-252030032603 Header .Header-nav .is-mobile > div.hs-menu-wrapper > ul > li{
    height: 100%;
  }
  .Page-252030032603 Header .Header-nav .is-mobile a, 
  .Page-252030032603 Header .Header-nav .is-mobile .nolink, 
  .Page-252030032603 Header .Header-nav .is-mobile li{
    opacity: 1;    
  }
  .Header-nav .is-mobile.is-active > div.hs-menu-wrapper > ul > li:nth-child(1){
    transition-delay: 0s, 0s, 0s, 0.05s, 0s, 0.05s
  }
    
  }
}