@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600&family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);
/*スタイルリセット*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure { margin: 0; padding: 0; font-size: 100%; }

/* 変数
----------------------------------------------- */
.youtube { width: 100%; aspect-ratio: 16 / 9; }

.youtube iframe { width: 100%; height: 100%; margin: 0 0 1em; }

body { font: 18px/2.0 "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; vertical-align: baseline; font-style: normal; letter-spacing: normal; color: #060349; background: #ffffff; }

@media (max-width: 480px) { body { font-size: 17px; } }

.font-en { font-family: "Josefin Sans", sans-serif; }

.font-jp { font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }

.onlymobile { display: none; }

@media (max-width: 480px) { .onlymobile { display: block; } }

.onlydesktop { display: block; }

@media (max-width: 480px) { .onlydesktop { display: none; } }

a:link, a:visited, a:hover { color: #060349; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; margin-bottom: 1.0rem; }

img { max-width: 100%; height: auto; }

.label-a { font-size: 0.9rem; background: #060349; color: #ffffff; border-radius: 36px; line-height: 1.0em; padding: 8px 1.2rem; display: inline-block; }

.btn { margin: 4.0rem auto; z-index: 10; }

.btn a { font-size: 1.0rem; display: inline-block; background: #FF3E6C; color: #ffffff; padding: 0.8em 1em; border-radius: 12px; min-width: 140px; max-width: 300px; text-align: center; line-height: 1.0em; }

.btn-image img.size-210 { width: 210px; height: auto; }

.feature-list li { background: #060349; border-radius: 50px; padding: 1em 1.8em 1em 1em; line-height: 1.0em; list-style: none; margin: 0 3em 2em 0; font-size: 1.26rem; }

.feature-list li::before { content: "\f058"; font-family: FontAwesome; padding: 0; font-size: 24px; padding: 0.05em 0.6em 0 0; float: left; margin: 0 0 1.3em 0; }

@media (max-width: 1080px) { .feature-list li { margin: 0 0 2em 0; } }

.feature-list2 { padding: 1.6rem 0; }

.feature-list2 > li { font-size: 1.1rem; margin: 0 1.2em 1em 0.6em; list-style: none; background: #060349; padding: 1.0rem; }

.feature-list2 > li div { overflow: hidden; color: #ffffff; }

.feature-list2 > li div h2, .feature-list2 > li div h3, .feature-list2 > li div h4, .feature-list2 > li div h5 { font-size: 1.3rem; margin-bottom: 0.2em; }

.feature-list2 > li::before { float: left; content: "\f058"; font-family: FontAwesome; font-size: 24px; padding: 0 0.6em 0 0; color: #FF3E6C; margin-top: -0.4em; }

.quote { font-size: 5.0rem; opacity: 0.8; position: absolute; left: -1.0em; }

@media (max-width: 1080px) { .quote { left: 0; top: -0.4em; } }

.image-right { float: right; margin: 0 0 0 1.6rem; }

@media (max-width: 680px) { .image-right { float: none; margin: 0 0 2rem 0; } }

.image-left { float: left; margin: 0 0 0 0; }

@media (max-width: 680px) { .image-left { float: none; } }

.newslist { position: relative; }

.newslist .new:after { content: "NEW!"; font-size: 8px; font-family: "Josefin Sans", sans-serif; color: #FF3E6C; padding-left: .2em; position: absolute; }

.wp-block-list { list-style: none; }

/*Layout*/
@media (max-width: 680px) { main { word-break: break-all; clear: both; padding: 2.0rem 0; } }

.content { width: calc( 1280px - 3%); padding: 0 0%; margin: 0 auto; }

@media (max-width: 1080px) { .content { width: 92%; padding: 0 4%; } }

.content h1 { font-size: 2.6rem; }

.content h2 { font-size: 2.0rem; }

.content h3 { font-size: 1.8rem; }

.content h4 { font-size: 1.6rem; }

.content h5 { font-size: 1.4rem; }

.content p { margin-bottom: 1.0em; }

@media (max-width: 680px) { .content h1 { font-size: 2.0rem; }
  .content h2 { font-size: 1.6rem; }
  .content h3 { font-size: 1.4rem; }
  .content h4 { font-size: 1.2rem; }
  .content h5 { font-size: 1.1rem; } }

.content-left { max-width: 930px; }

.block-a { padding: 120px 0; }

@media (max-width: 680px) { .block-a { padding: 60px 0; } }

.block-b { padding: 120px 5%; }

@media (max-width: 680px) { .block-b { padding: 30px 5%; } }

.content-50 { display: flex; }

.content-50 > div { width: 50%; }

@media (max-width: 680px) { .content-50 { display: block; }
  .content-50 > div { width: 100%; } }

.content-60 { display: flex; }

.content-60 > div:first-child { width: 40%; }

.content-60 > div:nth-child(2) { width: 55%; margin-left: 5%; }

@media (max-width: 680px) { .content-60 { display: block; }
  .content-60 > div:first-child { width: 100%; }
  .content-60 > div:nth-child(2) { width: 100%; margin-left: 0%; } }

#main { min-height: 60vh; }

/*HEADER*/
#annnouce-bar { position: fixed; z-index: 999; width: 100%; top: 0; text-align: center; padding: 0.8em 0.6em; background: #00A1E0; font-size: 0.78rem; letter-spacing: 0.00em; color: #ffffff; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#annnouce-bar a:link, #annnouce-bar a:visited, #annnouce-bar a:hover { color: #ffffff; }

header { background: #060349; display: flex; padding: 60px 0 0; position: fixed; z-index: 998; width: 100%; top: 0; }

header h1 { display: inline-block; width: 180px; float: left; padding: 8px 0 0 0; }

header h1 img { width: 100%; height: auto; }

header nav { height: 80px; }

header nav ul { display: flex; justify-content: flex-end; }

header nav ul li { text-align: center; margin: 0 2rem 0 0; font-size: 18px; font-weight: 400; letter-spacing: 0.1em; }

header nav ul li a:link, header nav ul li a:visited, header nav ul li a:hover { color: #ffffff; }

header nav ul li.btn { margin: 0; }

@media (max-width: 1080px) { header { padding: 36px 0 0; }
  header h1 { width: 100px; }
  header .mobile-header-nav { z-index: -1; position: absolute; margin: 0; top: 0px; right: 0; opacity: 0; padding: 0; background: #052266; color: #ffffff; height: 30px; width: 100%; }
  header .mobile-header-nav.on { z-index: 999; opacity: 1.0; width: 100%; height: 100vh; position: fixed; right: 0; -webkit-transition: all 0.6s ease-in; transition: all 0.6s ease-in; }
  header .mobile-header-nav.on ul { display: flex; flex-flow: column; margin-top: 10vh; }
  header .mobile-header-nav.on ul li { text-align: center; margin: 0 auto 2em; white-space: nowrap; list-style: none; }
  header .hamburger-menu { z-index: 9999; display: inline-block; height: 30px; padding: 4px 4% 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; right: 0; top: 44px; position: absolute; }
  header .hamburger-menu:hover { cursor: pointer; }
  header .hamburger-menu .menu-item { background: #ffffff; display: block; height: 2px; width: 24px; margin: 0 0 6px; transition: all 0.3s ease-in-out; }
  header .hamburger-menu.open .menu-item { margin: 0 0 5px; }
  header .hamburger-menu.open .menu-item:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 1px; transform-origin: 1px; }
  header .hamburger-menu.open .menu-item:nth-child(2) { opacity: 0; }
  header .hamburger-menu.open .menu-item:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 3px; transform-origin: 3px; } }

.bread_crumb { display: flex; color: #C5CCD3; font-size: 0.9rem; }

.bread_crumb a:link, .bread_crumb a:visited, .bread_crumb a:hover { color: #C5CCD3; }

.bread_crumb strong { font-weight: normal; }

@media (max-width: 680px) { .bread_crumb { display: flex; justify-content: flex-start; flex-wrap: nowrap; overflow: scroll; height: 2.8em; }
  .bread_crumb div, .bread_crumb strong { white-space: nowrap; display: inline-block; } }

.topicpath { background: #F9E5EE; padding: 0.2rem 0; }

.topicpath .bread_crumb { color: #060349; }

.topicpath .bread_crumb a:link, .topicpath .bread_crumb a:visited, .topicpath .bread_crumb a:hover { color: #060349; }

/*FOOTER*/
#to-pagetop { position: fixed; bottom: 0; right: 0; z-index: 9999; text-align: right; width: 100%; font-size: 1.6rem; }

#to-pagetop a:link, #to-pagetop a:visited { color: #060349; }

footer { margin: 10.0rem 5% 0; position: relative; }

footer .footer-logo { width: 200px; }

footer nav { position: absolute; top: 0; right: 3%; width: 92%; }

footer nav ul { display: flex; justify-content: right; }

footer nav ul li { margin: 0 0 0 2em; list-style: none; font-size: 0.9rem; text-align: right; }

footer .copyright { font-size: 0.7rem; text-align: right; }

footer .notice { font-size: 0.7rem; float: left; }

@media (max-width: 480px) { footer { margin: 2.0rem 0 0 0; }
  footer .footer-logo { width: 100%; text-align: center; }
  footer .footer-logo img { width: 160px; height: auto; }
  footer nav { position: relative; top: auto; right: auto; }
  footer nav ul { display: block; text-align: center; }
  footer nav ul li { text-align: center; }
  footer .copyright { text-align: center; }
  footer .notice { float: none; text-align: center; } }

#about-adoc h2 { color: #0068B7; font-family: "Josefin Sans", sans-serif; }

#about-adoc .image-right { margin: 0 0 0 3rem; padding: 0 3%; max-width: 400px; width: 45%; }

#about-adoc .image-right img { width: 100%; }

#about-adoc .image-right .logo-salesforce-partner { width: 80px; height: auto; float: right; }

#about-adoc p { overflow: hidden; margin-right: 6.0rem; }

@media (max-width: 680px) { #about-adoc h2 { font-size: 1.75rem; }
  #about-adoc .image-right { margin: 1.8em; padding: 0; float: none; }
  #about-adoc p { margin-right: 0; } }

/*TOP*/
#hero { min-height: 515px; background: url(../img/hero-bg.png) no-repeat center center #060349; background-size: cover; color: #ffffff; padding: 200px 0 80px; }

@media (max-width: 680px) { #hero { padding: 0px 0 60px; height: auto; } }

#hero h1 { font-size: 3.0rem; line-height: 1.0em; margin-bottom: 1.6rem; }

#hero h1 .small { font-size: 1.4rem; }

#hero h1 img { height: 45px; width: auto; }

@media (max-width: 1080px) { #hero h1 { font-size: 2.0rem; }
  #hero h1 img { max-width: 260px; width: 80%; height: auto; } }

#hero h2 { font-size: 1.4rem; font-weight: 400; }

@media (max-width: 680px) { #hero h2 { font-size: 1.2rem; } }

#hero .provar-img { float: right; margin: 0 0 0 0; }

#hero .provar-img img { width: 590px; height: auto; }

@media (max-width: 1080px) { #hero .provar-img { width: 40%; }
  #hero .provar-img img { width: 100%; } }

#hero .prizes { display: flex; justify-content: flex-start; flex-wrap: nowrap; margin: 2.0rem 0 0 0; }

#hero .prizes li { width: 78px; margin: 0 0.8em 0 0; list-style: none; }

#hero .prizes li img { width: 100%; }

@media (max-width: 680px) { #hero .prizes li { width: 70px; } }

#hero .top-btn { display: flex; justify-content: flex-start; flex-wrap: nowrap; }

#hero .top-btn li { list-style: none; width: 100px; padding: 1.0em; }

#hero .top-btn li.btn { margin: 0 3em 0 0; }

@media (max-width: 680px) { #hero .top-btn li.btn { width: 28%; padding: 0; margin: 0 1%; text-align: center; }
  #hero .top-btn li.btn a { min-width: inherit; font-size: 0.8rem; padding: 0.6rem 0.6rem; margin: 0; white-space: nowrap; } }

#top-newsindex { background: #052266; color: #ffffff; }

#top-newsindex ul { margin: 0 10%; }

#top-newsindex ul li { list-style: none; line-height: 1.3em; margin-bottom: 1.0em; font-size: 1.0rem; }

#top-newsindex ul li .date { min-width: 140px; white-space: nowrap; display: inline-block; }

#top-newsindex ul li a:link, #top-newsindex ul li a:visited { color: #ffffff; }

@media (max-width: 1080px) { #top-newsindex ul { margin: 0; } }

@media (max-width: 680px) { #top-newsindex ul li .date { display: block; min-width: inherit; } }

#top-about { background: #060349; color: #ffffff; }

#top-feature1 { background: #052266; color: #ffffff; }

.banner-merit { position: relative; margin: -100px 0 0 0; padding: 0 0 100px 0; }

.banner-merit .content { margin: 3.0rem; background: #00A1E0; color: #ffffff; width: 70%; max-width: 1240px; border-radius: 12px; position: absolute; left: 50%; margin-left: calc(70% - 100%); padding: 1.3rem 5% 1rem 2.5%; }

@media (max-width: 2400px) { .banner-merit .content { margin-left: calc(62.5% - 100%); } }

.banner-merit .content .icon { float: left; width: 170px; margin: 0 0 0 0; }

.banner-merit .content .icon img { width: 100%; height: auto; }

.banner-merit .content .copy { font-size: 2.0rem; font-weight: 700; margin: 0 0 0 28%; position: relative; }

@media (max-width: 1080px) { .banner-merit .content { width: 90%; left: 0; padding: 1.3rem 1.0%; margin: 3.0rem 3%; }
  .banner-merit .content .icon { float: none; width: 100%; margin: 0 auto 1rem; text-align: center; }
  .banner-merit .content .icon img { width: 150px; }
  .banner-merit .content .copy { font-size: 1.3rem; margin: 0 4% 0; line-height: 1.7em; } }

#top-feature2 { background: url(../img/block-bg1.png) no-repeat #052266; background-size: cover; color: #ffffff; }

@media (max-width: 1080px) { #top-feature2 { padding-top: 160px; } }

#top-feature2 > ul { display: flex; justify-content: space-around; flex-wrap: nowrap; margin-top: 160px; }

#top-feature2 > ul > li { text-align: center; width: 28%; list-style: none; }

#top-feature2 > ul > li img { width: auto; height: 260px; }

#top-feature2 > ul > li h3 { font-size: 1.8rem; }

#top-feature2 > ul > li p { text-align: left; font-size: 1.1rem; line-height: 1.4em; min-height: 5.6em; }

#top-feature2 > ul > li .feature-list { width: 100%; }

#top-feature2 > ul > li .feature-list li { text-align: left; margin: 0; border-radius: 12px; }

#top-feature2 > ul > li .feature-list li::before { float: left; padding-top: 0.3em; }

#top-feature2 > ul > li .feature-list li p { overflow: auto; font-size: 1.0rem; font-weight: normal; }

@media (max-width: 1080px) { #top-feature2 > ul { display: block; }
  #top-feature2 > ul li { width: 100%; }
  #top-feature2 > ul li img { width: 40%; height: auto; }
  #top-feature2 > ul li p { min-height: inherit; }
  #top-feature2 > ul li .feature-list { width: 100%; }
  #top-feature2 > ul li .feature-list li { width: 95%; padding: 0 1em; margin: 0 0 0 -0.6em; } }

#top-feature2 .points { display: flex; justify-content: space-around; flex-wrap: wrap; }

#top-feature2 .points li { width: 40%; background: #00A1E0; color: #ffffff; text-align: left; margin: 0 2% 2em 0; padding: 1em 1.8em 1em 1em; border-radius: 12px; }

#top-feature2 .points li i { float: left; font-size: 24px; padding: 0.3rem 1rem 0 0; }

#top-feature2 .points li > p { overflow: auto; margin: 0; padding: 0; min-height: 2.8em; font-size: 1.2rem; }

@media (max-width: 1080px) { #top-feature2 .points li { width: 100%; }
  #top-feature2 .points li > p { min-height: inherit; font-size: 1.0rem; } }

#top-feature3 { background: #182663; color: #ffffff; }

#top-feature3 h2 { margin-bottom: 2.0rem; }

#top-feature3 p { margin-bottom: 2.0rem; }

#top-feature3 p img { width: 100%; height: auto; }

#top-feature3 .points li { font-size: 1.2rem; background: #060349; padding: 1.8em; margin: 0 0 1em 0; border-radius: 12px; list-style: none; }

.top-banner { background: #052266; padding: 30px 0 60px; }

.top-banner ul { display: flex; justify-content: space-around; }

.top-banner img { max-width: 800px; height: auto; margin: -100px 0; width: 560px; }

@media (max-width: 1080px) { .top-banner { padding: 20px 0 20px; }
  .top-banner ul { flex-wrap: wrap; }
  .top-banner img { width: 100%; margin: 0 auto; } }

.functions .each-function { border-bottom: 1px solid #C5CCD3; }

.functions .each-function .white-paper { font-size: 0.9rem; margin: 3rem auto 3rem; border: 1px solid #060349; padding: 1.2rem 2rem; border-radius: 12px; }

.functions .each-function .white-paper h3 { font-size: 1.1rem; }

.functions .each-function .white-paper a:link, .functions .each-function .white-paper a:hover, .functions .each-function .white-paper a:visited { border-bottom: 3px dashed #FF3E6C; line-height: 1.0em; }

.functions .each-function .image { margin: 2.0rem auto; }

.functions .provar-automation .left { margin-right: 10%; width: 40%; }

@media (max-width: 680px) { .functions .provar-automation .left { width: 100%; } }

.functions .provar-automation .feature-list2 { background: #060349; border-radius: 12px; color: #ffffff; margin: 2.0rem 0; }

.functions .provar-manager .left { margin-right: 10%; width: 40%; }

@media (max-width: 680px) { .functions .provar-manager .left { width: 100%; } }

.functions .provar-manager .feature-list2 { display: flex; justify-content: space-between; flex-wrap: wrap; }

.functions .provar-manager .feature-list2 li { width: 44%; margin: 0 0 2rem; border-radius: 12px; padding: 1.2em 2%; }

@media (max-width: 680px) { .functions .provar-manager .feature-list2 li { width: 100%; } }

.functions .provar-grid .left { margin-right: 10%; width: 40%; }

@media (max-width: 680px) { .functions .provar-grid .left { width: 100%; } }

.functions .provar-grid .feature-list2 { display: flex; justify-content: space-between; flex-wrap: wrap; background: #060349; border-radius: 12px; padding: 2rem 1.6rem; }

.functions .provar-grid .feature-list2 > li { width: 45%; margin: 0; padding: 1.0rem 2%; }

.functions .provar-grid .feature-list2 > li:nth-child(3) { width: 96%; }

.functions .provar-grid .feature-list2 > li ul { display: block; }

.functions .provar-grid .feature-list2 > li ul li { list-style: inside disc; margin-bottom: 1.0em; line-height: 1.6em; }

@media (max-width: 680px) { .functions .provar-grid .feature-list2 > li { width: 96%; margin: 0 0 1.8em 0; padding: 1.0rem 2%; } }

.wpcf7 { margin: 3.0rem 0; }

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 textarea, .wpcf7 select { appearance: none; }

.wpcf7 table.formcontent { border-collapse: collapse; text-align: left; width: 90%; margin: auto auto; max-width: 880px; }

@media (max-width: 680px) { .wpcf7 table.formcontent { width: 98%; margin: auto 1%; } }

.wpcf7 table.formcontent th, .wpcf7 table.formcontent td { padding: 0.8em; border-bottom: 1px solid #C5CCD3; }

@media (max-width: 680px) { .wpcf7 table.formcontent th, .wpcf7 table.formcontent td { display: block; padding: 0.8em 2%; } }

.wpcf7 table.formcontent tr:last-child th, .wpcf7 table.formcontent tr:last-child td { border-bottom: none; }

.wpcf7 table.formcontent th { vertical-align: top; }

@media (max-width: 680px) { .wpcf7 table.formcontent th { padding-bottom: 0.2em; } }

@media (max-width: 680px) { .wpcf7 table.formcontent td { padding: 0.6em 2%; } }

.wpcf7 table.formcontent td.center { text-align: center; }

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 textarea { border: 1px solid #C5CCD3; padding: 0.6em; width: 16.0em; max-width: 94%; }

@media (max-width: 680px) { .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 textarea { margin-bottom: 0.2em; width: 90%; max-width: 90%; } }

.wpcf7 input[type="submit"] { margin: 2.0rem 0 0 0; border: none; background: #052266; color: #ffffff; padding: 0.8em 0.4em; font-weight: bold; font-size: 18px; width: 260px; }

.wpcf7 input[type="submit"]:hover { cursor: pointer; }

@media (max-width: 680px) { .wpcf7 input[type="submit"] { padding: 0.4em 0.1em; } }

.wpcf7 textarea { width: 34.0em; }

@media (max-width: 680px) { .wpcf7 textarea { width: 90%; } }

.wpcf7 select { padding: 0.6em 1.2em 0.6em; border: 1px solid #C5CCD3; cursor: pointer; font-size: 1.0em; border-radius: 0; }

.wpcf7 select::before { content: "\f105"; font-family: FontAwesome; font-size: 40px; }

.wpcf7 select::after { content: "▼"; }

.wpcf7 .require { color: #fd75bb; }

.wpcf7 span.wpcf7-list-item { display: block; }

.wpcf7 .wpcf7-spinner { display: block; margin: 0 auto; }

.google-caution { font-size: 0.7rem; text-align: center; }

.grecaptcha-badge { visibility: hidden; }

#cont-page { padding: 200px 0 0 0; }

@media (max-width: 680px) { #cont-page { padding: 160px 0 0 0; } }

.page-content { margin: 120px auto 0; }

@media (max-width: 680px) { .page-content { margin: 80px auto 0; } }

.privacy-policy #cont-page h2 { font-size: 1.8rem; }

.privacy-policy #cont-page h3 { font-size: 1.6rem; }

.privacy-policy #cont-page h4 { font-size: 1.4rem; }

.privacy-policy #cont-page p { font-size: 0.9rem; }

.error404 h1 { color: #060349; font-size: 3.0rem; }

.error404 p.image { float: right; width: 500px; margin: -6.0em 10% 0 0; padding: 0 0 4rem 0; }

#page-header-single { position: relative; top: 0; left: 0; width: 100%; height: 400px; min-height: 300px; max-height: 100vh; color: #ffffff; background: #ffffff; position: relative; padding: 200px 0 0 0; }

#page-header-single h2 { font-size: 3.0rem; color: #060349; margin: 200px 0 3rem; font-feature-settings: "palt"; }

@media (max-width: 680px) { #page-header-single { height: auto; min-height: inherit; padding: 160px 0 0 0; }
  #page-header-single h2 { font-size: 2.4rem; color: #060349; margin: 100px 0 3rem; } }

.blog-page-header { margin: 2.0rem auto; padding: 200px 0 0 0; }

.blog-page-header h1 { font-size: 2.0rem; margin: 0 0 1rem 0; }

.blog-page-header img { border-radius: 20px; }

@media (max-width: 680px) { .blog-page-header { padding: 60px 0 0 0; } }

.blog-main-block { display: flex; justify-content: space-between; }

.blog-main-block .blog-main { width: 73%; order: 1; }

.blog-main-block .blog-side { width: 28%; }

@media (max-width: 1080px) { .blog-main-block { flex-wrap: wrap; }
  .blog-main-block .blog-main { width: 100%; order: 1; }
  .blog-main-block .blog-side { width: 100%; } }

.blog-footer { background: #F4F4F4; padding: 2.0rem 0; }

.blog-footer ul { display: flex; }

.blog-footer ul li { list-style: none; }

/*Page */
.page .page-header { min-height: 500px; padding: 200px 0 30px; }

@media (max-width: 680px) { .page .page-header { padding: 160px 0 30px; } }

.page .block-a h2 { font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 1.8rem; line-height: 1.3em; font-weight: 600; }

@media (max-width: 680px) { .page .block-a h2 { font-size: 1.3rem; } }

.page .img-right { float: right; margin: 0 0 6rem 6rem; width: 370px; }

.page .img-right img { width: 100%; height: auto; }

.page .img-right:after { clear: both; display: block; height: 0; content: ""; }

@media (max-width: 1080px) { .page .img-right { float: none; max-width: 80%; margin: 2.0rem auto; } }

.page .img-left { float: left; margin: 0 6rem 6rem 0; width: 370px; }

.page .img-left img { width: 100%; height: auto; }

.page .with-checkmark { max-width: 860px; margin: auto; }

.page .with-checkmark li { background: #d6f3ff; border-radius: 12px; font-size: 1.0rem; padding: 0.4rem 2rem; margin: 0 0 1.8rem 0; position: relative; }

.page .with-checkmark li::before { content: url(../img/icon-check.png); margin: 0 0 0 0; position: absolute; top: 4px; left: -60px; }

@media (max-width: 680px) { .page .with-checkmark li { padding: 0.4rem 1rem; margin: 0 0 1.8rem 28px; }
  .page .with-checkmark li::before { top: 4px; left: -48px; } }

.page .block-a.bg-grey { background: #C5CCD3; }

.page .block-a.bg-grey2 { background: #C5CCD3; }

.page .block-a.bg-grey3 { background: #F4F4F4; }

.page .block-a.bg-white { background: #ffffff; }

.page .navy-list-block { background: #2A2B49 url(../img/navy-list-block-bg.png) no-repeat left bottom; color: #ffffff; border-radius: 36px; padding: 60px; }

.page .navy-list-block > div { display: flex; justify-content: space-around; }

.page .navy-list-block > ul { display: flex; justify-content: space-around; }

.page .navy-list-block > ul > li:first-child { width: 30%; margin: 0 10% 0 0; list-style: none; }

.page .navy-list-block > ul > li { width: 60%; list-style: none; }

.page .navy-list-block > ul > li ul.list-style-1 li { background: #5B5C75; padding: 0.8rem 1.2rem; line-height: 1.0em; margin: 0 0 1.6rem 0; width: 100%; position: relative; cursor: pointer; list-style: none; }

.page .navy-list-block > ul > li ul.list-style-1 li p { display: none; margin: 1.2rem 0; font-size: 1.0rem; font-weight: normal; line-height: 1.6em; }

.page .navy-list-block > ul > li ul.list-style-1 li::after { position: absolute; right: 1.6em; top: 1.2em; content: "\f107"; font-family: FontAwesome; }

.page .navy-list-block > ul > li ul.list-style-1 li.active::after { content: "\f106"; }

@media (max-width: 1080px) { .page .navy-list-block { padding: 30px; } }

@media (max-width: 680px) { .page .navy-list-block { width: inherit; border-radius: 18px; }
  .page .navy-list-block > ul { display: block; }
  .page .navy-list-block > ul > li:first-child { width: inherit; margin: 0; padding: 0.8rem 0em; }
  .page .navy-list-block > ul > li { width: inherit; margin: 0; padding: 0; }
  .page .navy-list-block > ul > li ul.list-style-1 li { width: inherit; padding: 0.8rem 2%; }
  .page .navy-list-block > ul > li ul.list-style-1 li::after { right: 0.8em; top: 0.8em; } }

.page .cta-bottom { background: #060349 url(../img/argentforce-bottom.png) no-repeat center center; background-size: cover; color: #ffffff; border-radius: 36px; padding: 60px; }

.page .cta-bottom .cont-right { margin: 0 0 0 480px; }

.page .cta-bottom a:link, .page .cta-bottom a:hover, .page .cta-bottom a:visited { color: #ffffff; }

@media (max-width: 1080px) { .page .cta-bottom { background: #060349 url(../img/argentforce-bottom.png) no-repeat left 40% center; background-size: cover; padding: 30px; }
  .page .cta-bottom .cont-right { margin: 0 0 0 180px; } }

@media (max-width: 680px) { .page .cta-bottom .cont-right { margin: 0 0 0 0; } }

/*Product Page*/
.page-agentforce .page-header { background: #060349 url(../img/agentforce-main-bg1.png) no-repeat center center; background-size: contain; color: #ffffff; }

.page-agentforce .page-header h1 { font-family: "Josefin Sans", sans-serif; font-size: 2.8rem; letter-spacing: 0.01em; }

.page-agentforce .page-header h2 { font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 1.4rem; line-height: 1.3em; }

@media (max-width: 1280px) { .page-agentforce .page-header { background-size: cover; } }

@media (max-width: 1080px) { .page-agentforce .page-header { background: #060349 url(../img/agentforce-main-bg1.png) no-repeat center right 30%; } }

@media (max-width: 680px) { .page-agentforce .page-header h2 { margin-top: 100px; } }

.page-agentforce .top-banner { padding: 200px 0; }

@media (max-width: 1080px) { .page-agentforce .top-banner { padding: 100px 0; } }

#agentforce-about { background: #052266; color: #ffffff; }

#agentforce-about .content-left::after { clear: both; display: block; content: ""; }

#agentforce-feature2 h2 { text-align: center; }

#agentforce-feature2 ul { width: 780px; margin: 3.0rem auto 0; }

#agentforce-feature2 ul li { font-size: 1.0rem; margin: 0 0 1.8em 0; list-style: none; }

#agentforce-feature2 ul li span { float: left; margin: 0.4rem 3em 4em 0; }

#agentforce-feature2 ul li h3 { display: inline; background: #d6f3ff; border-radius: 12px; font-size: 1.0rem; overflow: hidden; font-weight: bold; padding: 0.3em; }

#agentforce-feature2 ul li p { line-height: 1.4em; }

@media (max-width: 1080px) { #agentforce-feature2 ul { max-width: 100%; } }

@media (max-width: 680px) { #agentforce-feature2 ul li span { margin: 0.4rem 1.6em 0em 0; } }

#agentforce-feature3 h2 { text-align: center; }

#agentforce-feature3 ul li span { display: block; background: #d6f3ff; border-radius: 12px; font-size: 1.0rem; }

/*BLOG */
.blog-category-header { background: #060349 url(../img/hero-banner-cloud-bg.png) no-repeat right bottom; background-size: contain; color: #ffffff; min-height: 500px; padding: 200px 0 30px; }

.blog-category-header.case { background: #060349 url(../img/hero-banner-bg-space.png) no-repeat right bottom; background-size: contain; }

.blog-category-header h1, .blog-category-header h2, .blog-category-header h3, .blog-category-header h4, .blog-category-header p, .blog-category-header a:link, .blog-category-header a:visited, .blog-category-header a:hover { color: #ffffff; }

.blog-category-header h1 { font-size: 1.0rem; font-weight: normal; }

.blog-category-header .content { display: flex; }

.blog-category-header .content div:first-child { width: 56%; margin-right: 4%; }

@media (max-width: 1080px) { .blog-category-header .content { flex-wrap: wrap; }
  .blog-category-header .content div:first-child { width: 90%; margin: 0 auto 2rem; } }

.blog-category-header .card { background: #ffffff; width: 40%; border-radius: 20px; }

.blog-category-header .card img { border-top-left-radius: 20px; border-top-right-radius: 20px; }

.blog-category-header .card .blog-list-content { margin: 0 5%; }

.blog-category-header .card .blog-list-content h2, .blog-category-header .card .blog-list-content h3, .blog-category-header .card .blog-list-content h4, .blog-category-header .card .blog-list-content p, .blog-category-header .card .blog-list-content a:link, .blog-category-header .card .blog-list-content a:visited, .blog-category-header .card .blog-list-content a:hover { color: #060349; }

.blog-category-header .card .blog-list-content h2 { font-size: 1.4rem; margin: 0 0 1rem; }

.blog-category-header .card .blog-list-content h3 { font-size: 1.1rem; font-weight: normal; margin: 1rem 0 0.6rem; }

.blog-category-header .card .blog-list-content .date { font-size: 1.0rem; text-align: right; }

@media (max-width: 1080px) { .blog-category-header .card { width: 90%; margin: 0 auto; } }

@media (max-width: 680px) { .blog-category-header { padding: 120px 0 30px; } }

.category-blog #main, .category-case #main { background: #F4F4F4; }

.blog-list { display: flex; justify-content: space-between; flex-wrap: wrap; }

.blog-list li { background: #ffffff; border-radius: 20px; list-style: none; width: 46%; margin: 0 0 3rem; }

.blog-list li img { border-top-left-radius: 20px; border-top-right-radius: 20px; }

.blog-list li .blog-list-content { margin: 0 5%; }

.blog-list li .blog-list-content h2 { margin: 0 0 1rem; font-size: 1.4rem; }

.blog-list li .blog-list-content h3 { margin: 1rem 0 0.6rem; font-size: 1.1rem; font-weight: normal; }

.blog-list li .blog-list-content .date { font-size: 1.0rem; text-align: right; }

@media (max-width: 1080px) { .blog-list li { width: 100%; } }

.blog-side { margin-top: 100px; }

.blog-side #ez-toc-container { border: 0; position: sticky; top: 200px; }

.blog-side #ez-toc-container .ez-toc-title-toggle { display: none; }

.blog-side #ez-toc-container .ez-toc-title { margin: 0 0 1.4rem 0; font-size: 1.4rem; font-weight: bold; }

.blog-side #ez-toc-container ul { margin: 1.0em 0 0 0; padding-right: 2.0rem; }

.blog-side #ez-toc-container ul li { margin-bottom: 1.0em; list-style: none; }

@media (max-width: 1080px) { .blog-side { margin-top: 0; position: relative; top: 0; }
  .blog-side #ez-toc-container ul { padding: 0; } }

.category-news .newslist { margin: 6rem 0 2rem; }

.category-news .newslist li { list-style: none; margin-bottom: 2.0rem; border-bottom: 1px dashed #C5CCD3; padding: 0 0 0.3rem 0; line-height: 1.4em; }

.category-news .newslist li .date { display: block; margin: 0; font-size: 0.9rem; line-height: 1.0em; padding: 0; font-family: "Josefin Sans", sans-serif; }

.page-navi { font-family: "Josefin Sans", sans-serif; font-size: 1.4rem; margin: 3.0rem 0; }

.page-navi .wp-pagenavi a, .page-navi .wp-pagenavi span { border: none; /* border-bottom: 1px solid $color-grey3;*/ padding: 0 0.6rem; }

.page-navi .wp-pagenavi a:hover, .page-navi .wp-pagenavi span.current { border-bottom: 2px solid #060349; }

.news-main, .blog-main { max-width: 980px; margin: 0 0 0 0; font-size: 1.1rem; padding: 3rem 0 8rem 0; }

.news-main p, .news-main ol, .news-main li, .news-main ul, .news-main bloquote, .blog-main p, .blog-main ol, .blog-main li, .blog-main ul, .blog-main bloquote { font-size: 1.1rem; }

.news-main h2, .news-main h3, .news-main h4, .news-main h5, .news-main h6, .blog-main h2, .blog-main h3, .blog-main h4, .blog-main h5, .blog-main h6 { color: #060349; }

.news-main h2, .blog-main h2 { font-size: 2.0rem; margin: 4rem 0 1.4rem; }

.news-main h3, .blog-main h3 { font-size: 1.8rem; margin: 4.6rem 0 1.4rem; }

.news-main h4, .blog-main h4 { font-size: 1.4rem; margin: 4rem 0 1.2rem; }

.news-main h5, .blog-main h5 { font-size: 1.2rem; margin: 3.4rem 0 1rem; }

.news-main h6, .blog-main h6 { font-size: 1.0em; margin: 2.8rem 0 1rem; }

.news-main p, .blog-main p { margin: 1rem 0 2rem; }

.news-main img, .blog-main img { margin: 1.0rem; max-width: calc(100%  - 2.0rem); border-radius: 16px; }

.news-main ol, .blog-main ol { margin: 0 0 1.8rem 1.8em; }

.news-main ul, .blog-main ul { margin: 0 0 1.8rem 1.8em; }

.news-main .aligncenter, .blog-main .aligncenter { margin: 1.8rem auto; display: block; }

.news-main .alignleft, .blog-main .alignleft { float: left; margin: 0 1.8rem 0 0; }

.news-main .alignright, .blog-main .alignright { float: right; margin: 0 0 0 1.8rem; }

.news-main .alignnone, .blog-main .alignnone { margin: 1.8rem auto; }

.news-main bloquote, .blog-main bloquote { margin: 1.8rem 0 1.8rem 2.8rem; padding: 0; }

.news-main blockquote, .blog-main blockquote { margin: 1.8rem 0 1.8rem 2.8rem; padding: 0 0 0 1rem; border-left: 4px solid #060349; font-style: italic; }

.news-main .date, .blog-main .date { font-family: "Josefin Sans", sans-serif; font-size: 3.0rem; color: #C5CCD3; font-weight: 300; margin: 0; }

.news-main .post-categories, .blog-main .post-categories { list-style: none; margin: 0; }

.news-main .post-categories li, .blog-main .post-categories li { float: left; margin: 0 1em 0 0; list-style: none; background: #060349; line-height: 1.0em; padding: 0.2em 0.3em; font-size: 0.8rem; }

.news-main .post-categories li a, .blog-main .post-categories li a { color: #ffffff; }

.news-main .post-categories::after, .blog-main .post-categories::after { clear: both; content: ""; display: block; }

.news-main .indent-1, .blog-main .indent-1 { width: 80%; margin: 3.0rem auto; }

.news-main .release-footer, .blog-main .release-footer { margin: 4.0rem 0; border-top: 2px dashed #C5CCD3; padding: 2.0rem 0; }

.news-main .release-footer h2, .blog-main .release-footer h2 { font-size: 1.1rem; font-weight: bold; }

.news-main .release-footer h3, .blog-main .release-footer h3 { font-size: 1.0rem; font-weight: bold; }

.news-main .release-footer h4, .blog-main .release-footer h4 { font-size: 1.0rem; font-weight: bold; }

.news-main .release-footer p, .blog-main .release-footer p { font-size: 0.9rem; }

.news-main .release-footer .caution li, .blog-main .release-footer .caution li { font-size: 0.9rem; }

.news-main .wp-caption-text, .blog-main .wp-caption-text { text-align: center; font-size: 0.9rem; margin: -1rem 1rem 0; }

.news-main .btn-n2, .blog-main .btn-n2 { text-align: center; margin: 4.0rem auto; }

.news-main .btn-n2 a:link, .news-main .btn-n2 a:visited, .blog-main .btn-n2 a:link, .blog-main .btn-n2 a:visited { background: #FF3E6C; color: #ffffff; font-weight: 700; display: inline-block; width: 300px; max-width: 80%; border-radius: 20px; padding: 1.0em; font-size: 1.1rem; }

.news-main .btn-n2 a:hover, .blog-main .btn-n2 a:hover { background: rgba(255, 62, 108, 0.6); transition: all 0.4s; cursor: pointer; }

.news-main .boxstyle-01, .blog-main .boxstyle-01 { background: #d6f3ff; padding: 2rem 3rem; border: 3px solid #00A1E0; border-radius: 16px; margin: 2.0rem auto; }

.news-main .boxstyle-01 h2, .news-main .boxstyle-01 h3, .news-main .boxstyle-01 h4, .news-main .boxstyle-01 h5, .blog-main .boxstyle-01 h2, .blog-main .boxstyle-01 h3, .blog-main .boxstyle-01 h4, .blog-main .boxstyle-01 h5 { margin: 0 0 0.4em 0; font-weight: bold; }

.news-main .boxstyle-01 ul li, .blog-main .boxstyle-01 ul li { position: relative; padding: 0 0 0 1em; list-style: none; }

.news-main .boxstyle-01 ul li:before, .blog-main .boxstyle-01 ul li:before { content: ""; position: absolute; top: 0.6em; left: 0; /*    -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg);*/ transform: rotate(50deg); width: 5px; height: 10px; border-right: 3px solid #060349; border-bottom: 3px solid #060349; }

@media (max-width: 680px) { .news-main, .blog-main { /*overflow: hidden;*/ padding: 0.0rem 0 0 0; }
  .news-main h2, .blog-main h2 { font-size: 1.8rem; margin: 4rem 0 1.4rem; }
  .news-main h3, .blog-main h3 { font-size: 1.6rem; margin: 4.6rem 0 1.4rem; }
  .news-main h4, .blog-main h4 { font-size: 1.2rem; margin: 4rem 0 1.2rem; }
  .news-main h5, .blog-main h5 { font-size: 1.1rem; margin: 3.4rem 0 1rem; }
  .news-main h6, .blog-main h6 { font-size: 1.0em; margin: 2.8rem 0 1rem; }
  .news-main img, .blog-main img { max-width: 100%; margin: 1.0rem 0; }
  .news-main .aligncenter, .news-main .alignleft, .news-main .alignright, .news-main .alignnone, .blog-main .aligncenter, .blog-main .alignleft, .blog-main .alignright, .blog-main .alignnone { max-width: 108%; margin-left: -4%; }
  .news-main .indent-1, .blog-main .indent-1 { width: 90%; }
  .news-main .wp-caption-text, .blog-main .wp-caption-text { font-size: 0.8rem; }
  .news-main .date, .blog-main .date { line-height: 1.0em; }
  .news-main .post-categories li, .blog-main .post-categories li { font-size: 0.7rem; } }

.page-provar-ai .strong { font-weight: bold; border-bottom: 3px solid rgba(255, 62, 108, 0.8); line-height: 1.0em; }

.page-provar-ai .page-header { background: url(../img/ai-pageheader-bg.jpg) no-repeat; background-size: cover; color: #ffffff; }

.page-provar-ai .page-header h1, .page-provar-ai .page-header h2 { text-align: center; }

.page-provar-ai .page-header h1 { font-size: 2.8rem; }

.page-provar-ai .page-header h2 { font-size: 1.4rem; }

.page-provar-ai .page-header .youtube { margin: 80px auto -100px; max-width: 700px; }

@media (max-width: 1080px) { .page-provar-ai .page-header h1 { font-size: 1.6rem; margin: 0 0 2em; text-align: left; }
  .page-provar-ai .page-header h2 { font-size: 1.1rem; font-weight: 500; } }

.page-provar-ai .lead-content { background: #060349; color: #ffffff; }

.page-provar-ai .lead-content .content { padding: 40px 0; }

.page-provar-ai .lead-content .whatis-provar-ai { background: rgba(255, 255, 255, 0.45); margin: 4.0rem auto; border-radius: 18px; padding: 36px; }

.page-provar-ai .lead-content .whatis-provar-ai .img-left { margin-left: -150px; }

@media (max-width: 1080px) { .page-provar-ai .lead-content .whatis-provar-ai .img-left { margin: 0 auto; width: 100%; display: block; float: none; } }

.page-provar-ai .ai-plan h2 { text-align: center; line-height: 1.0em; margin: 0 auto 2rem; }

.page-provar-ai .ai-plan h2 img { width: 98px; height: auto; padding: 0 0 1.6rem 0; }

.page-provar-ai .ai-plan h3 { font-size: 1.6rem; }

.page-provar-ai .ai-plan ul { margin: 3.0rem auto; max-width: 1090px; }

.page-provar-ai .ai-plan ul li { list-style: none; clear: both; margin: 0 0 2.6rem; }

.page-provar-ai .ai-plan .img-left { width: 50px; margin-right: 3.0rem; }

@media (max-width: 1080px) { .page-provar-ai .ai-plan h3 { font-size: 1.2rem; text-align: center; }
  .page-provar-ai .ai-plan ul { margin: 1.0rem auto; }
  .page-provar-ai .ai-plan .img-left { width: 70px; float: none; display: block; text-align: center; margin: 0 auto 1.8rem; } }

.page-provar-ai .ai-success.navy-list-block { max-width: 1090px; background-image: none; margin: 0 auto; }

.page-provar-ai .ai-success.navy-list-block h2 { font-size: 1.6rem; }

.page-provar-ai .ai-success.navy-list-block h2 img { padding: 1.8rem 0 0 0; }

.page-provar-ai .ai-success.navy-list-block li { width: 60%; margin: auto; }

.page-provar-ai .ai-success.navy-list-block li > .list-style-1 { max-width: inherit; width: auto; }

.page-provar-ai .ai-success.navy-list-block li > .list-style-1 li { width: calc( 100% - 2.4rem); }

@media (max-width: 1080px) { .page-provar-ai .ai-success.navy-list-block { max-width: 100%; padding: 32px 3%; }
  .page-provar-ai .ai-success.navy-list-block li { width: 100%; }
  .page-provar-ai .ai-success.navy-list-block li .list-style-1 { margin: 0 auto; }
  .page-provar-ai .ai-success.navy-list-block li .list-style-1 li { width: 90%; } }

.page-provar-ai .ai-auto-test { background: #060349; color: #ffffff; }

.page-provar-ai .ai-auto-test h2 { text-align: center; }

.page-provar-ai .ai-auto-test h3 { font-size: 1.6rem; }

.page-provar-ai .ai-auto-test ul { margin: 3.0rem auto; max-width: 1090px; }

.page-provar-ai .ai-auto-test ul li { list-style: none; clear: both; margin: 0 0 2.6rem; }

.page-provar-ai .ai-auto-test .img-left { width: 50px; margin-right: 3.0rem; }

@media (max-width: 1080px) { .page-provar-ai .ai-auto-test h3 { font-size: 1.2rem; text-align: center; }
  .page-provar-ai .ai-auto-test ul { max-width: 100%; }
  .page-provar-ai .ai-auto-test ul li .img-left { float: none; display: block; margin: 0 auto 1.2rem; width: 80px; text-align: center; } }

.page-provar-ai .ai-exucute h2 { text-align: center; font-weight: 400; }

.page-provar-ai .ai-exucute .lead { text-align: center; margin: 0 0 4rem; }

.page-provar-ai .ai-exucute ul { display: grid; grid-template-columns: repeat(2, 1fr); /* 上段は2カラム */ gap: 48px; list-style: none; padding: 0; margin: 0; }

.page-provar-ai .ai-exucute ul li { background: #F4F4F4; padding: 46px; border-radius: 18px; }

.page-provar-ai .ai-exucute ul li h3 { font-size: 1.6rem; font-weight: 300; }

.page-provar-ai .ai-exucute ul li h3 .icon { height: 85px; width: auto; vertical-align: middle; padding: 0 1.2rem 0 0; }

.page-provar-ai .ai-exucute ul li p { margin: 0; }

.page-provar-ai .ai-exucute ul li:nth-child(3) { grid-column: span 2; }

.page-provar-ai .ai-exucute ul li:nth-child(3) h3 { float: left; margin: 0 2.4rem 0 0; }

@media (max-width: 1080px) { .page-provar-ai .ai-exucute ul { grid-template-columns: 1fr; }
  .page-provar-ai .ai-exucute ul li h3 { text-align: center; font-size: 1.4rem; }
  .page-provar-ai .ai-exucute ul li h3 .icon { display: block; padding: 0 0 1.2rem; text-align: center; margin: auto; }
  .page-provar-ai .ai-exucute ul li:nth-child(3) { grid-column: auto; }
  .page-provar-ai .ai-exucute ul li:nth-child(3) h3 { float: none; margin: 0 auto 1rem; } }

.page-provar-ai .ai-analytics { background: #F4F4F4; }

.page-provar-ai .ai-analytics .icon { display: block; text-align: center; margin: -100px auto 0; width: 154px; height: auto; }

.page-provar-ai .ai-analytics .content { background: #ffffff; padding: 3.0rem; max-width: 980px; border-radius: 18px; }

.page-provar-ai .ai-analytics h2, .page-provar-ai .ai-analytics h3 { text-align: center; font-weight: 400; }

.page-provar-ai .ai-analytics h2 { margin: 1.8rem 0 0 0; }

.page-provar-ai .ai-analytics h3 { font-size: 1.4rem; margin: 2.4rem 0 0.8rem 0; }

.page-provar-ai .ai-analytics p { max-width: 800px; margin: 0 auto; }

@media (max-width: 1080px) { .page-provar-ai .ai-analytics .icon { width: 90px; height: auto; }
  .page-provar-ai .ai-analytics .content { max-width: 96%; padding: 3.0rem 2%; } }

.page-provar-ai .ai-experience { background: url(../img/ai-assistant-section-bg.jpg) no-repeat center center; background-size: cover; color: #ffffff; }

.page-provar-ai .ai-experience h2 { text-align: center; }

.page-provar-ai .ai-experience .lead { max-width: 800px; margin: 0 auto 4rem; }

.page-provar-ai .ai-experience .btn { text-align: center; margin: auto; }

.page-provar-ai .ai-experience .btn a { display: inline-block; background: #ffffff; white-space: nowrap; width: 400px; padding: 0.6rem; border-radius: 36px; min-width: 140px; line-height: 1.0em; color: #060349; }

@media (max-width: 1080px) { .page-provar-ai .ai-experience .lead { max-width: 90%; margin: 0 auto 4rem; }
  .page-provar-ai .ai-experience .btn a { width: 90%; } }

.page-provar-ai .ai-functions { background: #052266; color: #ffffff; }

.page-provar-ai .ai-functions h2 { text-align: center; font-size: 1.8rem; margin: 0 0 4rem; }

.page-provar-ai .ai-functions ul { list-style: none; max-width: 1090px; margin: auto; }

.page-provar-ai .ai-functions ul > li { margin-bottom: 3.0rem; }

.page-provar-ai .ai-functions ul > li .icon { float: left; margin: 0 1.8rem 3rem 0; }

.page-provar-ai .ai-functions ul > li h3 { font-size: 1.4rem; }

.page-provar-ai .ai-functions ul > li h4 { font-size: 1.3rem; font-weight: normal; margin: 2rem 0 1rem; }

.page-provar-ai .ai-functions ul > li p, .page-provar-ai .ai-functions ul > li .func-cont1 { overflow: hidden; }

.page-provar-ai .ai-functions ul > li ol { list-style: disc; margin: 0 0 0 1rem; }

.page-provar-ai .ai-functions .cautions { text-align: center; font-size: 0.9rem; margin: 3.0rem auto 0; }

.page-provar-ai .ai-functions .cautions a:link, .page-provar-ai .ai-functions .cautions a:hover, .page-provar-ai .ai-functions .cautions a:visited { color: #00A1E0; }

@media (max-width: 1080px) { .page-provar-ai .ai-functions h2 { font-size: 1.4rem; }
  .page-provar-ai .ai-functions ul { max-width: 100%; }
  .page-provar-ai .ai-functions ul li .icon { float: none; margin: 0 auto 1.8rem; text-align: center; display: block; }
  .page-provar-ai .ai-functions ul li h3 { font-size: 1.2rem; text-align: center; }
  .page-provar-ai .ai-functions ul li h4 { font-size: 1.0rem; } }

.page-provar-ai .ai-call-to .content { background: rgba(214, 243, 255, 0.6); padding: 3.0rem; max-width: 980px; border-radius: 18px; }

.page-provar-ai .ai-call-to h2 { text-align: center; }

.page-provar-ai .ai-call-to .lead, .page-provar-ai .ai-call-to p { max-width: 800px; margin: 0 auto 3rem; }

.page-provar-ai .ai-call-to .btn { text-align: center; margin: auto; }

.page-provar-ai .ai-call-to .btn a { white-space: nowrap; width: 400px; padding: 0.6rem; border-radius: 36px; min-width: 140px; line-height: 1.0em; }

@media (max-width: 1080px) { .page-provar-ai .ai-call-to .content { max-width: 94%; padding: 3.0rem 3%; }
  .page-provar-ai .ai-call-to .content .lead, .page-provar-ai .ai-call-to .content p { max-width: 90%; } }

.page-campaign-child .page-content { margin: 120px auto; }

.page-campaign-child .page-content h2 { margin: 4rem 0 1rem 0; }

.page-campaign-child .page-content ul { margin: 1rem 0 1rem 2rem; }

.page-campaign-child .page-content p { margin-bottom: 1.0rem; }

/*# sourceMappingURL=base07.map */