@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.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%; }

h1, h2, h3, h4, h5 { line-height: 1.1em; }

/* 変数
----------------------------------------------- */
.clearfix, .topicpath::after, .blog-post-single .article-main::before { clear: both; display: block; content: ""; height: 0; }

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

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

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

.arrowlink::after, .linktolist a::after { content: "\f101"; padding: 0 0 0.8em 0.6em; font-family: FontAwesome; font-size: 8px; color: #0057aa; vertical-align: middle; }

.clear::before { clear: both; content: ""; display: block; height: 0; }

.content, .topicpath { width: 1080px; padding: 0 5%; margin: 0 auto; }

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

.content-w { width: 1080px; padding: 0 5%; margin: 0 auto; }

@media (max-width: 4800px) { .content-w { width: 90%; padding: 0 5%; margin: 0 auto; } }

@media (max-width: 1200px) { .content-w { width: 94%; padding: 0 3%; margin: 0 auto; } }

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

.content-w2 { width: 1080px; padding: 0 5%; margin: 0 auto; }

@media (max-width: 4800px) { .content-w2 { width: 90%; padding: 0 5%; margin: 0 auto; max-width: 1600px; } }

@media (max-width: 1200px) { .content-w2 { width: 94%; padding: 0 3%; margin: 0 auto; max-width: 1800px; } }

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

a.btn, a.btn-m { display: inline-block; text-align: center; color: #ffffff; background: #0292e5; padding: 0.6em 0.4em; font-weight: bold; font-size: 18px; min-width: 260px; }

@media (max-width: 680px) { a.btn, a.btn-m { padding: 0.4em 1em; min-width: 260px; max-width: 90%; } }

.btn-wrap { text-align: center; padding: 1.2rem 0; }

a.btn-m { padding: 0.4em 0.2em; width: 200px; }

.btn-block { display: flex; margin: 8.0rem 0 0 0; justify-content: center; }

@media (max-width: 680px) { .btn-block { display: block; margin: 4.0rem 0; } }

.btn-block li { list-style: none; margin: 0 2.4em 0 0; }

@media (max-width: 680px) { .btn-block li { margin: 1.0em auto; text-align: center; } }

.onlymobile { display: none; }

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

.onlydesktop { display: block; }

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

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

.linktolist { text-align: right; }

header { padding: 36px 0 0 0; position: absolute; top: 0; width: 100%; z-index: 1; }

header.home-navi { background: rgba(255, 255, 255, 0); box-shadow: none; }

header.home-navi nav ul a:link, header.home-navi nav ul a:visited, header.home-navi nav ul a:hover { color: #ffffff; }

header.fixed { position: fixed; background: #ffffff; z-index: 10; padding-bottom: 18px; box-shadow: 0px 1px 6px #C5CCD3; animation: fadeIn 0.3s ease 0.6s 1 normal; }

@media (max-width: 680px) { header { padding: 18px 0 0 0; } }

header h1 { float: left; margin: -12px 0 0; }

@media (max-width: 680px) { header h1 { margin: -8px 0 0; } }

header h1 img { width: 267px; height: 44.9px; }

@media (max-width: 680px) { header h1 img { width: 180px; height: auto; } }

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

header nav ul li { font-size: 20px; list-style: none; font-family: "Lato", sans-serif; font-weight: 700; margin: 0 0.6em; letter-spacing: 0.10em; }

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

@media (max-width: 1080px) { header nav ul { display: none; } }

@media (max-width: 1080px) { header .mobile-header-nav { z-index: 999; position: absolute; margin: 0; top: 0px; right: 0; opacity: 0; padding: 0; background: #0057aa; color: #ffffff; height: 100vh; width: 0%; -webkit-transition: all 0.6s ease-in; transition: all 0.6s ease-in; }
  header .mobile-header-nav ul li { margin: 0 0 0 0px; position: relative; right: -10%; }
  header .mobile-header-nav.on { opacity: 1.0; width: 100%; height: 100vh; position: fixed; right: 0; }
  header .mobile-header-nav.on ul { display: flex; flex-flow: column; margin: 10vh 4% 0; }
  header .mobile-header-nav.on ul li { font-size: 2.4rem; white-space: nowrap; margin: 0 0 0 0px; transition-delay: 0.3s; }
  header .mobile-header-nav.on ul a:link, header .mobile-header-nav.on ul a:visited, header .mobile-header-nav.on ul a:hover { color: #ffffff; }
  header .hamburger-menu { z-index: 9999; display: inline-block; height: 80px; padding: 4px 4% 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; right: 0; position: absolute; }
  header .hamburger-menu:hover { cursor: pointer; }
  header .hamburger-menu .menu-item { background: #060001; 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; background: #ffffff; }
  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; } }

.page-header { padding: 90px 0 40px; height: 200px; }

@media (max-width: 680px) { .page-header { padding: 90px 0 40px; height: 100px; } }

.page-header h1, .block h1 { font-size: 54px; color: #0057aa; font-feature-settings: "palt"; }

@media (max-width: 680px) { .page-header h1, .block h1 { font-size: 42px; } }

.page-header h2, .block h2 { font-size: 26px; color: #0057aa; font-weight: normal; margin: 0.4rem 0 0 0; }

@media (max-width: 680px) { .page-header h2, .block h2 { font-size: 20px; } }

.page-header h3, .block h3 { font-size: 1.9rem; color: #0057aa; font-weight: bold; padding: 2rem 0 1rem 0; }

@media (max-width: 1080px) { .page-header h3, .block h3 { padding: 0 0 1rem 0; font-size: 1.7rem; } }

@media (max-width: 680px) { .page-header h3, .block h3 { padding: 0 0 1rem 0; font-size: 1.5rem; } }

.home .block { padding: 90px 0 0; }

.home .block .blocktitle { margin: 0 0 5rem; }

.block { padding: 0 0 90px; }

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

.block h4 { font-size: 1.6rem; color: #0057aa; font-weight: normal; }

.block h5 { font-size: 1.4rem; color: #0057aa; }

.block p { line-height: 2.1rem; font-size: 1.04em; margin: 0 0 1.8em 0; }

@media (max-width: 1080px) { .block img { max-width: 100%; height: auto; } }

.block .thumbnail { width: 392px; }

@media (max-width: 1080px) { .block .thumbnail { width: 37%; } }

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

.block .thumbnail-ss { width: 270px; }

@media (max-width: 1080px) { .block .thumbnail-ss { width: 27%; } }

.block .thumbnail-ss img { max-width: 100%; height: auto; }

.block .text-block { clear: both; padding: 3.0rem 0; }

.block .right { float: right; margin: 0 0 0 4rem; }

@media (max-width: 1080px) { .block .right { margin: 0 0 0 3%; } }

.block .left { float: left; margin: 0 4rem 0 0; }

@media (max-width: 1080px) { .block .left { margin: 0 3% 0 0; } }

.block .center { text-align: center; }

.block .lead1 { margin: 2.0rem 0; font-size: 1.1rem; }

.block .testing-chart { text-align: center; margin: 2.0rem 0; }

.block .style-in h3 { padding: 0; }

.block .style-in h4 { font-size: 1.4rem; margin: 0 0 2rem; }

.block .style-in h5 { font-size: 1.2rem; margin: 0 0 0rem; }

.block .style-in .chart-block { margin: 4.0rem; }

.block .style-in .chart-block img { max-width: 100%; height: auto; }

.block .style-in .chart-block ul li { margin: 0 0 0 1.2em; }

@media (max-width: 1080px) { .block .style-in .chart-block { margin: 4.0rem 2%; } }

.block .style-in .thumbnail.right { width: 320px; }

@media (max-width: 680px) { .block .style-in .thumbnail.right { width: 100%; } }

.block .style-in .thumbnail.right img { max-width: 100%; }

.block .style-in .device { display: flex; justify-content: flex-start; flex-wrap: wrap; }

.block .style-in .device li { list-style: none; width: 32%; margin-bottom: 2.0rem; }

@media (max-width: 680px) { .block .style-in .device li { width: 48%; margin: 0 1%; } }

.block .style-in .device li p { line-height: 1.4em; }

@media (max-width: 1080px) { .block .style-in .device li p { font-size: 0.90em; margin: 0.6em 0 1em 0; } }

.block .style-in .device li img { width: 100%; height: auto; }

.block .style-in .device li:nth-child(2), .block .style-in .device li:nth-child(5) { margin: 0 2%; }

@media (max-width: 680px) { .block .style-in .device li:nth-child(2), .block .style-in .device li:nth-child(5) { margin: 0; } }

.block .style-in .application-type { display: flex; justify-content: space-around; flex-wrap: nowrap; margin: 2.0rem 0; }

.block .style-in .application-type li { list-style: none; }

@media (max-width: 680px) { .block .style-in .application-type li { padding: 0 1%; } }

.newslist { width: 92%; font-size: 1.1em; margin: 3.0rem 2%; }

.newslist li { display: flex; justify-content: flex-start; line-height: 1.4em; margin-bottom: 0.8em; }

.newslist li.new .title a::after { content: "new!"; color: #71f1ff; font-family: "Lato", sans-serif; font-size: 9px; padding: 0 0 0 0.3em; top: -1.0em; position: absolute; }

@media (max-width: 680px) { .newslist li.new .title a::after { top: inherit; } }

@media (max-width: 680px) { .newslist li { display: block; border-bottom: 1px dashed #DDD; padding-bottom: 0.8em; } }

@media (max-width: 680px) { .newslist li span { display: block; } }

.newslist li .date { margin-right: 3.0em; font-family: "Lato", sans-serif; }

.newslist li .category { padding: 0 0.6em 0 0; font-family: "Lato", sans-serif; width: 100px; }

.newslist li .category a { font-size: 0.7rem; border: 1px solid #0057aa; padding: 0.1em 0.2em; color: #0057aa; }

.newslist li .title { width: calc(100% - 100px - 3.0em); position: relative; }

@media (max-width: 680px) { .newslist li .title { width: 100%; } }

.topicpath { margin: 1rem auto 0rem; font-size: 0.8rem; padding: 0; }

@media (max-width: 680px) { .topicpath { white-space: nowrap; overflow: scroll; height: 1.4em; margin: 1.0rem auto 0; width: 100%; } }

.topicpath .bread_crumb li { float: left; margin: 0 0.6em 0 0; list-style: none; }

.topicpath .bread_crumb li::after { content: "\f101"; padding: 0 0 0.8em 0.6em; font-family: FontAwesome; font-size: 8px; color: #0057aa; vertical-align: middle; }

.topicpath .bread_crumb li.tail::after { content: ""; }

@media (max-width: 680px) { .topicpath .bread_crumb { display: flex; justify-content: flex-start; flex-wrap: nowrap; }
  .topicpath .bread_crumb li { float: none; } }

.pagenavi { text-align: center; }

.pagenavi2 { display: flex; justify-content: flex-start; border-top: 1px solid #C5CCD3; padding: 2.0rem 0 0 0; list-style: none; }

.pagenavi2 li { width: 45%; font-size: 0.85em; margin: 0 2.5%; }

.pagenavi2 li:nth-child(2) { text-align: left; }

.pagenavi2 li:nth-child(3) { text-align: right; }

.tagxonomy { list-style: none; margin: 0.6em 0 0 0; }

.tagxonomy li { float: left; border: 1px solid #C5CCD3; font-size: 0.7rem; padding: 0.06em 0.4em; margin: 0 0.4em 0 0; }

.pageup { font-size: 2.6em; text-align: right; position: fixed; right: 0%; bottom: 60px; }

.pageup a { color: #0057aa; }

@media (max-width: 680px) { .pageup { bottom: 30px; } }

footer { background: #19344B; text-align: center; padding: 48px 0; font-size: 0.9rem; color: #ffffff; margin-top: 40px; position: relative; z-index: 10; }

footer .footer-navi { display: flex; justify-content: center; margin: 0 0 4rem 0; font-size: 0.9rem; }

@media (max-width: 680px) { footer .footer-navi { display: block; } }

footer .footer-navi li { list-style: none; margin: 0 0.6em; }

footer a:link, footer a:visited, footer a:hover { color: #ffffff; }

.linemark { background: linear-gradient(180deg, #85FF38 0%, #D1FF38 100%, transparent 80%); background-repeat: no-repeat; background-position: left bottom; font-weight: bold; }

main { padding: 90px 0; overflow-wrap: break-word; }

@media (max-width: 680px) { main { padding: 48px 0; } }

main pre { white-space: normal; }

.page-content { margin: 4rem 0 0rem; }

@media (max-width: 680px) { .page-content { margin: 2rem 0 4rem; } }

.page-content h2 { margin: 0 0 1.2em 0; }

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { color: #0057aa; line-height: 1.4em; margin: 6rem auto 1.8rem; font-weight: bold; font-feature-settings: "palt"; padding: 0; }

.page-content h2:first-child { margin: 0rem auto 1.8rem; }

.page-content h1 { font-size: 1.8rem; }

.page-content h2 { font-size: 1.7rem; }

.page-content h3 { font-size: 1.5rem; }

.page-content h4 { font-size: 1.4rem; }

.page-content h5 { font-size: 1.3rem; }

.page-content h6 { font-size: 1.1rem; }

.page-content p, .page-content dl, .page-content ul, .page-content ol, .page-content blockquote { margin-bottom: 1.8em; }

.page-content ul.liststyle-1, .page-content ol.liststyle-1 { margin-left: 1.6em; }

.page-content p.p-1 { text-align: center; margin: 1.8em auto; }

.page-content p.p-1 img { max-width: 80%; height: auto; }

.page-content figure { max-width: 100%; }

.page-content .aligncenter, .page-content .alignnone { display: block; margin: auto; text-align: center; }

.page-content .alignright { float: right; margin: 0 0 2em 1.8em; }

.page-content .alignleft { float: left; margin: 0 1.8em 2em 0; }

.page-content img { height: auto; max-width: 640px; }

@media (max-width: 680px) { .page-content img { max-width: 90%; } }

.page-content .wp-block-embed__wrapper { text-align: center; }

.page-content .list-border { border: 4px solid #0057aa; padding: 1em 4em; font-weight: bold; font-size: 1.1em; }

.page-content .implematation-service-index { display: flex; justify-content: space-between; flex-wrap: wrap; }

.page-content .implematation-service-index li { list-style: none; width: 23%; margin-bottom: 2.0rem; }

.page-content .implematation-service-index li img { width: 100%; height: auto; }

.page-content .implematation-service-index li h4 { margin: 0.2em 0 0.4em; }

.page-content .implematation-service-index li p { line-height: 1.6em; font-size: 0.9rem; }

.page-content .with-thumnail { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 3.0rem 7.4%; margin: 0 0 6rem 0; }

.page-content .with-thumnail li { width: 28%; list-style: none; /*margin: 0 2.65% 3.0rem;*/ }

.page-content .with-thumnail li img { width: 100%; height: auto; border: 1px solid rgba(6, 0, 1, 0.05); }

.page-content .with-thumnail li a:link, .page-content .with-thumnail li a:hover, .page-content .with-thumnail li a:visited, .page-content .with-thumnail li h3, .page-content .with-thumnail li h4 { color: #060001; }

.page-content .with-thumnail li h3 { font-size: 1.1em; margin: 0 0 0.6rem 0; padding: 0; }

.page-content .with-thumnail li h4 { font-size: 1.0em; margin: 0; padding: 0; font-weight: normal; }

.page-content .with-thumnail li ul { display: inline-block; }

.page-content .with-thumnail li ul li { width: auto; margin: 0 0.3em 0 0; }

@media (max-width: 680px) { .page-content .with-thumnail { display: block; }
  .page-content .with-thumnail li { width: 100%; margin: 0 0 2rem 0; }
  .page-content .with-thumnail li img { float: left; width: 28%; margin: 0 5% 0 0; }
  .page-content .with-thumnail li h3, .page-content .with-thumnail li h4 { overflow: auto; font-size: 0.96em; } }

.page-content .bnr { margin: 60px auto 0; text-align: center; padding: 0; }

.page-content .bnr img { width: 80%; height: auto; max-width: 980px; }

@media (max-width: 680px) { .page-content .bnr { margin: 24px 0 8px -5%; width: 109%; overflow-y: hidden; padding: 0; }
  .page-content .bnr img { width: 100%; } }

.page-content .bnr-text-link { max-width: 600px; width: 94%; margin: 0 auto 2rem; text-align: center; line-height: 1.3em; }

.page-content .bnr-text-link a:link, .page-content .bnr-text-link a:visited { text-decoration: underline; color: #0057aa; }

.page-content .bnr-text-link a::before { content: "\f019"; font-family: FontAwesome; padding: 0 0.3em 0 0; }

.page-content .box { border: 4px solid #C5CCD3; margin: 0 10% 2.4rem; padding: 1.6rem; }

.nav-subcate { display: flex; list-style: none; justify-content: flex-start; }

.nav-subcate li { border: 1px solid #0057aa; border-bottom: none; margin: 0 1em; padding: 0.3em 0.8em; }

.nav-subcate li a:link, .nav-subcate li a:hover, .nav-subcate li a:visited { color: #0057aa; }

@media (max-width: 680px) { .nav-subcate li { margin: 0 0.4em; padding: 0.2em 0.2em; } }

.page-content-narrow { max-width: 780px; margin: 6rem 0rem 0 0rem; clear: both; }

.article-main { margin: 3rem 10% 8rem 0; }

.article-main h1 { margin: 0; padding: 0; line-height: 1.4em; font-size: 2.4rem; font-feature-settings: "palt"; }

.article-main h1, .article-main h2 { color: #060001; }

.article-main .date { text-align: right; font-size: 0.9rem; font-family: "Lato", sans-serif; margin: 0; padding: 0; }

@media (max-width: 680px) { .article-main { margin: 3rem 2% 8rem; }
  .article-main h1 { font-size: 1.8rem; } }

.article-main .article-cont { margin: 6.0rem auto; font-size: 1.00rem; }

.article-main .article-cont::before { clear: both; display: block; content: ""; height: 0; }

@media (max-width: 680px) { .article-main .article-cont { margin: 3.0rem auto; } }

.article-main .article-cont h1, .article-main .article-cont h2, .article-main .article-cont h3, .article-main .article-cont h4, .article-main .article-cont h5, .article-main .article-cont h6 { color: #060001; line-height: 1.4em; margin: 4rem auto 1.8rem; font-weight: bold; font-feature-settings: "palt"; padding: 0; }

.article-main .article-cont h1 { font-size: 1.8rem; }

.article-main .article-cont h2 { font-size: 1.7rem; }

.article-main .article-cont h2.subtitle { font-size: 2.0rem; }

.article-main .article-cont h3 { font-size: 1.5rem; }

.article-main .article-cont h4 { font-size: 1.4rem; }

.article-main .article-cont h5 { font-size: 1.3rem; }

.article-main .article-cont h6 { font-size: 1.1rem; }

.article-main .article-cont p, .article-main .article-cont dl, .article-main .article-cont ul, .article-main .article-cont ol { margin: 1em 0 2.4em; }

.article-main .article-cont ul, .article-main .article-cont ol { margin: 1em 0 1.8em 1.6em; }

.article-main .article-cont ol > li { font-weight: bold; }

.article-main .article-cont figure { max-width: 100%; }

.article-main .article-cont .aligncenter, .article-main .article-cont .alignnone { display: block; margin: auto; text-align: center; }

.article-main .article-cont .alignright { float: right; margin: 0 0 2em 1.8em; }

.article-main .article-cont .alignleft { float: left; margin: 0 1.8em 2em 0; }

.article-main .article-cont .box-a { border: 3px solid #0057aa; padding: 1.2em 3em 0.3em 4em; }

.article-main .article-cont .box-a li { text-indent: -1.0em; list-style: none; font-weight: bold; margin: 0 0 1em; }

.article-main .article-cont .box-a li::before { content: "✓"; font-weight: bold; font-size: 1.1rem; }

.article-main .article-cont .box-a li::last-child { margin: 0; }

.article-main .article-cont .credit { margin: 6.0rem 0 0; font-size: 8px; }

@media (max-width: 680px) { .article-main .article-cont .alignright, .article-main .article-cont .alignleft { float: none; margin: 0 auto 2em; display: block; }
  .article-main .article-cont .box-a { padding: 1.2em 1em 0.3em 2em; } }

.article-main .article-cont img { height: auto; max-width: 640px; }

@media (max-width: 680px) { .article-main .article-cont img { max-width: 90%; } }

.article-main .article-cont blockquote { margin: 1em 1em 1.8em 1.8em; border: 4px dashed #C5CCD3; padding: 0.3em 1.2em; font-style: italic; }

.article-main .article-cont blockquote::before { content: "“"; float: left; font-size: 4.0em; color: #C5CCD3; padding: 0 0.3em 0 0; margin: -0.3em 0 0; }

.article-main .article-cont table { border-collapse: collapse; text-align: left; margin: 1.8em auto; }

.article-main .article-cont table thead th { background: #ddeeff; border-top: 2px solid #9aa6b2; }

.article-main .article-cont table th, .article-main .article-cont table td { padding: 0.4em 1.8em; border-bottom: 1px solid #C5CCD3; }

.article-main .article-cont table th { font-weight: bold; }

.article-main .article-cont .cont-left, .article-main .article-cont .cont-right { overflow: hidden; }

.article-main .article-cont .cont-left { margin: 0 1.8rem 1.8rem 0; clear: left; }

.article-main .article-cont .cont-right { margin: 0 0 1.8rem 1.8rem; clear: right; }

.article-main .article-cont .left { float: left; margin: 0 4rem 0 0; clear: left; width: 40%; }

.article-main .article-cont .left.long { margin: 12rem 4rem 0 0; }

.article-main .article-cont .left img { max-width: 100%; height: auto; }

@media (max-width: 680px) { .article-main .article-cont .left { float: none; width: 80%; margin: auto; } }

.article-main .article-cont .right { float: right; margin: 0 0 0 4rem; clear: right; width: 40%; }

.article-main .article-cont .right.long { margin: 12rem 4rem 0 0; }

.article-main .article-cont .right img { max-width: 100%; height: auto; }

@media (max-width: 680px) { .article-main .article-cont .right { float: none; width: 80%; margin: auto; } }

.article-main .info-article { border-top: 1px solid #C5CCD3; padding: 0.3rem 0 0 0; display: flex; justify-content: flex-start; clear: both; margin: 0 0 3rem; }

.article-main .info-article li { list-style: none; margin: 0 2em 0 0; font-size: 0.8rem; }

.article-main .wp-block-table.is-style-regular table th { background: #e8ebed; font-weight: bold; }

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

.blogseries-list li { width: 28%; list-style: none; margin: 0 auto 2rem 0; }

.blogseries-list li img { width: 100%; height: auto; }

.blogseries-list li h3 { margin: 0; font-size: 1.1rem; height: 2.6em; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4rem; }

.blogseries-list li h4 { margin: 1.0em 0 0 0; font-size: 0.9rem; height: 2.7em; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4em; }

.blogseries-list li .article-number { margin: 0; font-size: 0.86em; font-family: "Lato", sans-serif; line-height: 1.2em; }

.blogseries-list li .lastupdate { font-size: 0.8rem; font-family: "Lato", sans-serif; }

@media (max-width: 680px) { .blogseries-list li { width: 48%; padding: 0 1%; }
  .blogseries-list li img { max-width: 100%; } }

blogseries-list2 { display: flex; justify-content: flex-start; flex-wrap: nowrap; }

.post-type-archive-case .page-content { margin: 4rem 0 0rem; }

.post-type-archive-case .block { padding: 0 0; }

.single-case h2.company-name { font-size: 20px; }

.single-case .info-case-bottom { border-top: 1px solid #C5CCD3; padding: 0.1em 0 0 0; }

.single-case .info-case-bottom ul.info-case-title li { list-style: none; font-size: 0.9rem; }

.single-case .article-main a:link, .single-case .article-main a:visited.a:hover { text-decoration: underline; text-underline-offset: 0.1em; }

.contents-index1 h1, .contents-index1 h2, .contents-index1 h3, .contents-index1 h4, .contents-index1 h5, .contents-index1 h6 { color: #0057aa; line-height: 1.4em; margin: 0rem auto 1.8rem; font-weight: bold; font-feature-settings: "palt"; padding: 0; }

.contents-index1 h1 { font-size: 1.8rem; }

.contents-index1 h2 { font-size: 1.7rem; }

.contents-index1 h3 { font-size: 1.5rem; }

.contents-index1 h4 { font-size: 1.4rem; }

.contents-index1 .with-thumnail { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 3.0rem 7.4%; margin: 0 0 6rem 0; }

.contents-index1 .with-thumnail li { width: 28%; list-style: none; /*margin: 0 2% 3.0rem;*/ }

.contents-index1 .with-thumnail li ul { display: inline-block; }

.contents-index1 .with-thumnail li img { width: 100%; height: auto; }

.contents-index1 .with-thumnail li a:link, .contents-index1 .with-thumnail li a:hover, .contents-index1 .with-thumnail li a:visited, .contents-index1 .with-thumnail li h3, .contents-index1 .with-thumnail li h4 { color: #060001; }

.contents-index1 .with-thumnail li h3 { font-size: 1.1em; margin: 0 0 0.6rem 0; padding: 0; }

.contents-index1 .with-thumnail li h4 { font-size: 1.0em; margin: 0; padding: 0; }

.tool-works { display: flex; justify-content: space-between; flex-wrap: wrap; }

.tool-works li { width: 29%; margin-bottom: 1.0rem; list-style: none; }

.tool-works li img { width: 100%; height: auto; }

.tool-works li h3 { font-size: 1.2rem; margin: 0; padding: 0; }

.tool-works li p { font-size: 0.9rem; line-height: 1.6em; }

.search-result { width: 740px; }

.search-result .each-result { margin: 0 0 3rem 0; }

.search-result h3 { max-width: 30.0em; white-space: nowrap; overflow: hidden; margin: 0 0 0 0; }

.search-result h3 a { color: #0057aa; }

.search-result p { margin: 0; }

.hero-frame { width: 100%; height: 100%; overflow: hidden; }

@media (max-width: 1080px) { .hero-frame { height: 90vh; background-position: right 10% bottom 45%; position: relative; /* z-index: -2; background: #000;*/ } }

#hero { width: 100%; height: 92vh; /*background: url(../img/hero_01.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;*/ position: relative; }

@media (max-width: 1080px) { #hero { padding: 0 0 24px 0; } }

#hero h1, #hero h2, #hero h3 { line-height: 1.0em; }

#hero h1 span, #hero h2 span, #hero h3 span { background: rgba(255, 255, 255, 0.8); padding: 0.1em; }

#hero h1 { padding: 28.0vh 0 0 0; font-size: 52px; font-weight: 700; font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }

@media (max-width: 680px) { #hero h1 { padding: 180px 0 0 0; font-feature-settings: "palt"; font-size: 36px; line-height: 1.4em; } }

#hero h2, #hero h3 { font-feature-settings: "palt"; line-height: 1.3em; }

#hero h2 { font-size: 30px; font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-weight: 700; margin-top: 24px; }

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

#hero .entry { margin-top: 3.0rem; }

#hero .lead-box1 { background: rgba(255, 255, 255, 0.8); max-width: 720px; margin-top: 80px; padding: 18px; }

#hero .lead-box1 h3 { font-size: 20px; font-weight: bold; margin-bottom: 12px; }

@media (max-width: 680px) { #hero .lead-box1 h3 { padding: 0 0 0 0; font-size: 22px; } }

#hero .lead-box1 p { font-size: 18px; }

@media (max-width: 680px) { #hero .lead-box1 p { padding: 0 0 0 0; font-size: 16px; } }

#hero ul { display: flex; margin: 48px 0 0 0; }

@media (max-width: 680px) { #hero ul { display: block; margin: 48px auto 0; } }

#hero ul li { list-style: none; margin: 0 2.4em 0 0; }

@media (max-width: 680px) { #hero ul li { margin: 0 auto 1.6rem; text-align: center; } }

@media (max-width: 1080px) { #hero { height: calc(100% + 24px); background-position: right 10% bottom 45%; } }

#trial-campaign { background: url(../img/trial-campaign-bg1.jpg); background-position: center top; background-size: cover; background-attachment: fixed; padding: 4.0rem 0; position: relative; }

#trial-campaign.bg2 { background: url(../img/trial-campaign-bg.jpg); background-position: center top; background-size: cover; background-attachment: fixed; }

#trial-campaign.bg3 { background: url(../img/trial-campaign-bg2.png); background-position: center top; background-attachment: fixed; }

#trial-campaign.bg4 { background: url(../img/trial-campaign-bg3.jpg); background-position: center top; }

#trial-campaign.bg5 { background: none #000; background-position: center top; }

#trial-campaign .content, #trial-campaign .topicpath { margin: 0 auto; margin: auto; }

@media (max-width: 1080px) { #trial-campaign .content, #trial-campaign .topicpath { width: 90%; padding: 3.0rem 5%; } }

#trial-campaign .content::after, #trial-campaign .topicpath::after { clear: both; height: 0; display: block; content: ""; }

#trial-campaign .content .budge, #trial-campaign .topicpath .budge { width: 180px; position: absolute; top: -30px; left: -60px; }

@media (max-width: 1080px) { #trial-campaign .content .budge, #trial-campaign .topicpath .budge { width: 140px; top: -60px; left: -10px; } }

#trial-campaign .content .budge img, #trial-campaign .topicpath .budge img { width: 100%; height: auto; }

#trial-campaign .content .photo, #trial-campaign .topicpath .photo { float: left; width: 320px; margin: 0 3rem 0 0; }

@media (max-width: 1080px) { #trial-campaign .content .photo, #trial-campaign .topicpath .photo { float: none; width: 100%; margin: auto; } }

#trial-campaign .content .photo img, #trial-campaign .topicpath .photo img { width: 100%; height: auto; }

#trial-campaign .content .cont-r, #trial-campaign .topicpath .cont-r { width: 57%; margin: auto; float: right; }

#trial-campaign .content .cont-r h3, #trial-campaign .topicpath .cont-r h3 { font-weight: bold; margin: 0 0 0.6rem; }

#trial-campaign .content .cont-r h5, #trial-campaign .topicpath .cont-r h5 { font-weight: normal; margin: 0 0 0.6rem; }

@media (max-width: 1080px) { #trial-campaign .content .cont-r, #trial-campaign .topicpath .cont-r { float: none; width: 100%; } }

#trial-campaign .content .cont-r h2, #trial-campaign .topicpath .cont-r h2 { font-size: 1.8rem; font-weight: bold; margin: 0 0 0.8em 0; font-feature-settings: "palt"; color: #0057aa; }

#trial-campaign .content .cont-r .btn, #trial-campaign .topicpath .cont-r .btn { padding: 0.4em; margin: 0.8em 0 0 0; width: 100%; }

#trial-campaign .index-3 { display: flex; justify-content: space-between; list-style: none; position: relative; top: -240px; margin-bottom: -240px; }

#trial-campaign .index-3 li { width: 20.33%; margin: 0 auto 3rem; padding: 0rem 2% 1rem; background: #FFF; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); position: relative; }

#trial-campaign .index-3 li h5 { color: #0057aa; margin: -12px 0 0 -8px; font-weight: normal; font-size: 1.1rem; padding-bottom: 0.2em; }

#trial-campaign .index-3 li h5::before { padding-right: 0.4em; vertical-align: baseline; bottom: -18px; position: relative; }

#trial-campaign .index-3 li h5.service::before { content: url(../img/icon-service.svg); }

#trial-campaign .index-3 li h5.whitepaper::before { content: url(../img/icon-whitepaper.svg); }

#trial-campaign .index-3 li img { max-width: calc(100% + 16%); height: auto; margin: 0 0 0 -8%; }

#trial-campaign .index-3 li h2 { margin: 1em 0 1.6em; color: #0057aa; font-size: 1.1rem; }

#trial-campaign .index-3 li p { line-height: 1.3em; color: #060001; }

#trial-campaign .index-3 li .btn { padding: 0.4em 0; margin: 1.2em 0 0 0; width: 100%; font-size: 1.0rem; }

@media (max-width: 1080px) { #trial-campaign .index-3 { display: block; top: -70px; }
  #trial-campaign .index-3 li { width: 80%; padding: 0rem 3% 1rem; margin: 0 auto 3rem; }
  #trial-campaign .index-3 li h5 { margin: -12px 0 -8px 0; padding-bottom: 0.9em; }
  #trial-campaign .index-3 li img { max-width: calc(100% + 8%); margin: 0 0 0 -4%; }
  #trial-campaign .index-3 li .btn { display: block; margin: 1.0em auto 0; } }

@media (max-width: 680px) { #trial-campaign .index-3 li { width: 90%; }
  #trial-campaign .index-3 li .photo2 { overflow-y: clip; height: 100px; }
  #trial-campaign .index-3 li h2 { margin-bottom: 0.8em; } }

#herobgvideo { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: -1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

#top-space-block { background: url(../img/astronaut_1.jpg) no-repeat center bottom; color: #ffffff; background-size: cover; padding-bottom: 140px; }

#top-news { background: none; color: #ffffff; }

#top-news a:link, #top-news a:visited, #top-news a:hover, #top-news h1 { color: #ffffff; }

#top-news .newslist li .category a { border: #ffffff 1px solid; }

@media (max-width: 680px) { #top-news { padding-top: 180px; } }

.parallax { height: 400px; position: fixed; }

#visiual1 { background: url(../img/visual_1.jpg); background-position: center top; background-size: cover; }

#focus1, #focus2 { color: #ffffff; font-weight: bold; padding: 90px 0; margin: 90px 0; }

@media (max-width: 1080px) { #focus1, #focus2 { padding: 90px 4%; } }

#focus1 li, #focus2 li { list-style: circle; font-size: 1.4rem; margin: 0 0 1em 0; }

#focus1 { background: url(../img/visual_2.jpg); background-position: center top; background-size: cover; background-attachment: fixed; }

@media (max-width: 680px) { #focus1 { background-attachment: scroll; } }

#focus1.top-pararax { padding: 8.0em 0; margin-bottom: 0; }

#focus1.top-pararax h2 { font-size: 2.0rem; margin-bottom: 0.8em; }

#focus1.top-pararax h3 { font-size: 1.4rem; }

#focus2 { background: url(../img/visual_3.jpg); background-position: center top; background-size: cover; background-attachment: fixed; }

#top-point h1, #top-point h2 { color: #ffffff; }

#top-point p.lead { font-size: 1.2rem; }

#top-point .point3-eggplant { margin: 4rem auto 5rem; color: #ffffff; display: flex; }

@media (max-width: 680px) { #top-point .point3-eggplant { flex-wrap: wrap; } }

#top-point .point3-eggplant li { margin: 0 1.5% 2rem; display: table; width: 30%; list-style: none; }

@media (max-width: 680px) { #top-point .point3-eggplant li { margin: 0 auto 2rem; display: table; width: 100%; } }

#top-point .point3-eggplant .icon { display: block; margin: 0 auto 1rem; height: 100px; max-width: 200px; padding-bottom: 24px; }

#top-point .point3-eggplant .issue { background: rgba(24, 146, 229, 0.7); font-size: 1.1rem; font-weight: 700; padding: 1.0rem; line-height: 1.6em; overflow: hidden; height: 9.2em; }

#top-point .point3-eggplant .issue::before { content: url(../img/icon-issue.svg); width: 20px; height: auto; padding: 0 0em 0em 0; display: block; }

@media (max-width: 680px) { #top-point .point3-eggplant .issue { font-size: 1.1rem; height: auto; }
  #top-point .point3-eggplant .issue::before { padding: 0 0 0 0; float: none; text-align: center; display: block; margin: 0 auto; width: auto; } }

#top-point .point3-eggplant .solution { background: rgba(5, 29, 46, 0.75); padding: 1.0rem; display: table; }

#top-point .point3-eggplant .solution p { overflow: hidden; display: table-cell; vertical-align: middle; font-size: 1.0rem; line-height: 1.3em; }

#top-point .point3-eggplant .solution::before { content: url(../img/icon-solution.svg); width: 16px; height: auto; padding: 0 3em 0em 0; float: left; }

@media (max-width: 680px) { #top-point .point3-eggplant .solution p { font-size: 1.0rem; line-height: 1.4em; }
  #top-point .point3-eggplant .solution::before { width: auto; padding: 0 1em 0em 0; } }

#top-point ul.point3 { display: flex; list-style: none; justify-content: space-around; margin: 4.0em 0 0 0; }

#top-point ul.point3 li { margin: 0 2%; }

#top-point ul.point3 li h3 { font-size: 1.4rem; text-align: center; }

#top-point ul.point3 li img { display: block; margin: 0 auto; }

@media (max-width: 680px) { #top-point ul.point3 { display: block; }
  #top-point ul.point3 li { width: 90%; margin: 0 5%; } }

#top-pageindex { /*background: url(../img/bg-pageindex.jpg) ;background-position: center top; background-size: cover;background-attachment:fixed;*/ padding-bottom: 90px; }

#top-pageindex h1 { color: #0057aa; margin: 0 0 2rem; }

#top-pageindex ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }

#top-pageindex ul li { width: 28%; margin: 0 2.65% 1rem; list-style: none; }

#top-pageindex ul li a:hover img { filter: brightness(300%) blur(1px); }

#top-pageindex ul li img { width: 100%; height: auto; transition-duration: 500ms; }

#top-pageindex ul li p { text-align: left; font-size: 0.9rem; margin: 0; line-height: 1.2em; }

@media (max-width: 680px) { #top-pageindex ul li { width: 46%; margin: 0 2% 1rem; } }

#top-overview { background: #EFF6FC; padding-bottom: 90px; }

#top-overview .thumbnail { width: 492px; }

@media (max-width: 1080px) { #top-overview .thumbnail { width: 90%; margin: 0 5% 2rem; } }

#top-overview .thumbnail img { max-width: 100%; height: auto; }

#top-overview .thumbnail-ss { width: 400px; }

#top-feature-benefit { position: relative; overflow: hidden; }

#top-feature-benefit .point-title { margin-bottom: 2.0rem; }

#top-feature-benefit .point-title .point-index { display: inline-block; background: #0057aa; color: #ffffff; font-size: 30px; font-weight: 700; font-family: "Lato", sans-serif; padding: 0.1em 0.3em; line-height: 1.0em; }

@media (max-width: 680px) { #top-feature-benefit .point-title .point-index { font-size: 24px; } }

#top-feature-benefit .point-title h3 { font-size: 1.6rem; margin: 0; line-height: 1.1em; padding: 0; }

@media (max-width: 680px) { #top-feature-benefit .point-title h3 { font-size: 1.5rem; } }

#top-feature-benefit .point > li { list-style: none; margin-bottom: 0.0rem; clear: both; padding-bottom: 2.0rem; }

#top-feature-benefit .point > li::after { display: block; content: ""; height: 0; clear: both; margin-bottom: 3.0rem; }

#top-feature-benefit .strong-point li { list-style: square; font-size: 1.1rem; font-weight: 700; color: #0057aa; margin: 0 0 1.8em 1.8em; line-height: 1.4em; }

#top-feature-benefit .image-layout { display: flex; justify-content: space-between; flex-wrap: wrap; }

#top-feature-benefit .image-layout li { width: 46%; margin: 0; list-style: none; }

#top-feature-benefit .image-layout li img, #top-feature-benefit .image-layout li iframe { width: 100%; }

@media (max-width: 680px) { #top-feature-benefit .image-layout li { width: 90%; margin: 0 5% 2rem; } }

#top-feature-benefit .thumbnail { width: 540px; }

@media (max-width: 1080px) { #top-feature-benefit .thumbnail { width: 90%; margin: 0 5% 2rem; } }

#top-feature-benefit .thumbnail img { max-width: 100%; height: auto; }

@media (max-width: 1080px) { #top-feature-benefit .thumbnail-ss { width: 90%; margin: 0 5% 2rem; } }

#top-feature-benefit .thumbnail-ss img { max-width: 100%; height: auto; }

.triangle-1 { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 471.5px 817px 471.5px; border-color: transparent transparent #1692E5 transparent; opacity: 0.08; z-index: -10; position: absolute; bottom: 0; left: -250px; }

.triangle-2 { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 529.5px 916px 529.5px; border-color: transparent transparent #0857AB transparent; opacity: 0.08; z-index: -9; position: absolute; bottom: 300px; left: -250px; }

.triangle-3 { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 529.5px 916px 529.5px; border-color: transparent transparent #0857AB transparent; opacity: 0.19; z-index: -9; position: absolute; top: 500px; right: -250px; }

.triangle-4 { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 471.5px 817px 471.5px; border-color: transparent transparent #1692E5 transparent; opacity: 0.2; z-index: -10; position: absolute; top: 800px; right: -250px; }

#top-service2 { background: #06377a url(../img/bg-service.jpg) no-repeat center bottom; background-size: cover; color: #ffffff; padding-bottom: 90px; }

#top-service2 h1, #top-service2 h2, #top-service2 h3, #top-service2 h4, #top-service2 h5 { color: #ffffff; }

#top-service2 .case-index { display: flex; justify-content: flex-start; flex-wrap: wrap; }

#top-service2 .case-index li { width: 30%; margin: 0 1.5% 1.8rem; list-style: none; }

#top-service2 .case-index li h4 { font-size: 1.1rem; font-weight: 700; margin: 0; }

#top-service2 .case-index li p { line-height: 1.3em; font-size: 0.9rem; }

#top-service2 .case-index li img { width: 100%; height: auto; }

@media (max-width: 680px) { #top-service2 .case-index li { width: 100%; margin: 0 0% 1.8rem; }
  #top-service2 .case-index li p { line-height: 1.3em; font-size: 0.8rem; margin: 0.6em 0 0 0; } }

#top-service .thumbnail { width: 520px; }

@media (max-width: 680px) { #top-service .thumbnail { width: 100%; height: auto; } }

#top-service .clear, #top-service .topicpath .bread_crumb::after, .topicpath #top-service .bread_crumb::after, #top-service .tagxonomy::after { clear: both; }

#top-blog { background: #163C67; padding-bottom: 90px; overflow: hidden; }

#top-blog h1, #top-blog h2, #top-blog h3 { color: #ffffff; }

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

#top-blog .splide__arrow { top: -2.0rem; }

#top-blog .splide__arrow--prev { right: 4.0rem; left: inherit !important; }

#top-blog .splide__track { width: 100vw; margin-right: calc(50% - 50vw); }

#top-blog .blog-list2 { margin-right: calc(50% - 50vw); }

#top-blog .blog-list2 a:link, #top-blog .blog-list2 a:visited, #top-blog .blog-list2 a:hover { color: #ffffff; }

#top-blog .blog-list2 h3 { font-size: 1.0rem; line-height: 1.3rem; padding: 0.3em 0 0 0; margin: 0.3rem 0 1rem 0; }

#top-blog .blog-list2 .lastupdate { font-size: 0.8rem; line-height: 1.3rem; color: #ffffff; font-family: "Lato", sans-serif; }

#top-blog .blogseries-list { margin: 3.0rem 0 0 0; }

#top-blog .blogseries-list h3 { padding: 0 0 1rem; height: 1.7em; }

#top-aboutus { padding-bottom: 90px; }

#top-aboutus .right { margin: 4rem 0 0 4rem; }

@media (max-width: 680px) { #top-aboutus .right { margin: 4rem 0 2rem 2rem; } }

#top-aboutus .right::after { clear: both; }

#top-aboutus p:nth-of-type(2) { margin: 3.0rem 0 0; overflow: auto; }

@media (max-width: 680px) { #top-aboutus p:nth-of-type(2) { overflow: inherit; } }

.page-header-largeimage { background-size: cover; height: 500px; }

.page-header-largeimage .page-title2 { padding: 3.0rem 0 0 0; margin: 0 0 3rem 0; }

.page-header-largeimage .page-title2 h4, .page-header-largeimage .page-title2 h5 { color: #FFF; font-size: 1.4rem; }

.page-header-largeimage h1, .page-header-largeimage h2, .page-header-largeimage h3, .page-header-largeimage h4, .page-header-largeimage h5 { color: #FFF; }

.page-header-largeimage h1 { font-size: 40px; margin: 0 9em 1rem 0; }

.page-header-largeimage h2 { font-size: 24px; }

.page-header-largeimage h3.company-name { font-size: 24px; }

@media (max-width: 680px) { .page-header-largeimage .page-title2 h4, .page-header-largeimage .page-title2 h5 { font-size: 3.6vw; font-weight: normal; }
  .page-header-largeimage h1 { font-size: 8.0vw; margin: 0 0em 1rem 0; }
  .page-header-largeimage h2 { font-size: 5.0vw; } }

.page-header-largeimage.company-docomo { background: url(../img/case-header-docomo.jpg) no-repeat center center; background-size: cover; }

.page-header-largeimage.company-nio { background: url(../img/case-header-nio.jpg) no-repeat center center; background-size: cover; }

.page-header-largeimage.company-bt { background: url(../img/case-header-bt.jpg) no-repeat center center; background-size: cover; }

.page-header-largeimage.company-fujifilm { background: url(../img/case-header-fujifilm.jpg) no-repeat center center; background-size: cover; }

.page-header-largeimage.company-voyager { background: url(../img/case-header-voyager.jpg) no-repeat center center; background-size: cover; }

.case-article { margin: 0 auto; padding: 0; border: 1px solid white; }

.page-eggplant .page-header { background: url(../img/hero_eggplant.jpg); background-position: center top; background-size: cover; height: 320px; }

.page-eggplant .page-header h1, .page-eggplant .page-header h2 { color: #ffffff; }

.page-eggplant .page-header h3 { margin: 2.0rem 0 0 0; }

.page-eggplant .page-header h3 img { width: 280px; height: auto; }

.page-eggplant .pagenavi { border-top: 3px solid #C5CCD3; border-bottom: 3px solid #C5CCD3; text-align: left; font-size: 1.1rem; padding: 1.8rem 1rem 0; width: 90%; margin: auto; }

.page-eggplant .pagenavi .thumbnail { width: 200px; }

@media (max-width: 1080px) { .page-eggplant .pagenavi .thumbnail { text-align: center; width: auto; float: none; }
  .page-eggplant .pagenavi .left { float: none; } }

.page-eggplant .pagenavi ul { list-style: none; font-weight: bold; overflow: hidden; line-height: 1.4em; }

@media (max-width: 1080px) { .page-eggplant .pagenavi ul { margin: 0 auto; } }

.page-eggplant .pagenavi ul li { margin-bottom: 1.0em; }

.page-eggplant .pagenavi ul a { color: #0057aa; }

.page-eggplant .image-index { list-style: none; display: flex; justify-content: space-between; }

.page-eggplant .image-index li { width: 48%; }

.page-eggplant .image-index li img { max-width: 100%; }

@media (max-width: 1080px) { .page-eggplant .image-index { display: block; } }

.page-eggplant .image-index li { width: 90%; margin: auto auto 1rem; }

.page-eggplant #eggplant-strongpoint ul { list-style: none; }

.page-eggplant #eggplant-strongpoint ul .thumbnail { width: 140px; }

@media (max-width: 1080px) { .page-eggplant #eggplant-strongpoint ul .thumbnail { width: 80px; } }

.page-eggplant #eggplant-strongpoint ul p { overflow: hidden; }

@media (max-width: 1080px) { .page-eggplant #eggplant-strongpoint ul p { clear: both; } }

.page-eggplant #eggplant-feature img { max-width: 800px; margin: 1.0rem auto; }

@media (max-width: 1080px) { .page-eggplant #eggplant-feature img { max-width: 90%; height: auto; } }

.page-eggplant .feature { background: url(https://adoc-teslab.com/wp-content/uploads/2021/05/eggplant-bg1.jpg); background-position: center top; background-size: cover; background-attachment: fixed; color: #ffffff; padding: 90px 0; }

.page-eggplant .feature ul li { list-style: circle; font-size: 1.4rem; font-weight: bold; margin: 0 0 1em 1.2em; }

.page-eggplant .page-content { padding: 0; margin: 0; }

.page-eggplant .block { padding-top: 90px; }

.page-eggplant .block .blocktitle { margin: 0 0 5rem; }

.page-eggplant .block h1 { font-size: 54px; color: #0057aa; font-feature-settings: "palt"; margin: 0; }

@media (max-width: 680px) { .page-eggplant .block h1 { font-size: 42px; line-height: 1.1em; } }

.page-eggplant .block h2 { font-size: 26px; color: #0057aa; font-weight: normal; margin: 0.4rem 0 0 0; }

@media (max-width: 680px) { .page-eggplant .block h2 { font-size: 20px; } }

.page-eggplant .block h3 { font-size: 1.9rem; color: #0057aa; font-weight: bold; padding: 2rem 0 1rem 0; margin: 0; }

@media (max-width: 1080px) { .page-eggplant .block h3 { padding: 0 0 1rem 0; font-size: 1.7rem; } }

@media (max-width: 680px) { .page-eggplant .block h3 { padding: 0 0 1rem 0; font-size: 1.5rem; } }

.page-eggplant .block .lead { padding-bottom: 90px; }

.page-eggplant .block .lead h2 { margin: 0rem auto 1.8rem; font-weight: bold; }

.page-quality-assurance-dx .page-header { background: url(../img/hero_aquadox_03.jpg); background-position: center top; background-size: cover; height: 380px; }

.page-quality-assurance-dx .page-header h1, .page-quality-assurance-dx .page-header h2 { color: #ffffff; }

.page-quality-assurance-dx .page-header h1 { margin: 80px 0 24px 0; }

.page-quality-assurance-dx .page-header h1 span { font-size: 1.8rem; padding-left: 1.0em; }

.page-quality-assurance-dx .page-header h2 { margin: 0 0 0 0; }

.page-quality-assurance-dx .page-content h2 { border-bottom: 2px solid #0057aa; border-top: 1px solid #0057aa; font-size: 1.8em; padding: 0.3em 0.4em 0.3em; }

.page-quality-assurance-dx .page-content h2::before { content: "■"; padding: 0 0.4em 0 0; font-size: 0.6em; vertical-align: middle; }

.page-quality-assurance-dx .page-content img { max-width: 780px; }

@media (max-width: 1080px) { .page-quality-assurance-dx .page-content img { max-width: 90%; height: auto; } }

.page-quality-assurance-dx .page-content .pagenavi { text-align: left; border-top: #0057aa 1px solid; border-bottom: #0057aa 1px solid; padding: 1.0em 0; }

.page-quality-assurance-dx .page-content .pagenavi li { margin-left: 2.0em; }

.page-quality-assurance-dx .page-content .pagenavi li a:link, .page-quality-assurance-dx .page-content .pagenavi li a:visited, .page-quality-assurance-dx .page-content .pagenavi li a:hover { color: #0057aa; font-weight: bold; }

.page-quality-assurance-dx .page-content .service-point { margin: 2rem auto 2rem 3rem; font-weight: bold; font-size: 1.1rem; }

@media (max-width: 680px) { .page-quality-assurance-dx .page-content .service-point { margin: 2rem 1.4em 2rem; } }

.page-quality-assurance-dx .page-content .strong { color: #0057aa; font-weight: bold; font-size: 1.2em; }

.page-quality-assurance-dx .page-content .pagenavi-dx { margin: 2.0rem auto; display: flex; justify-content: space-around; flex-wrap: nowrap; }

.page-quality-assurance-dx .page-content .pagenavi-dx li { list-style: none; width: 28%; text-align: center; }

.page-quality-assurance-dx .page-content .pagenavi-dx li img { width: 140px; }

.page-quality-assurance-dx .page-content .pagenavi-dx li h3 { font-weight: bold; margin: 0.8em auto 1em; font-size: 1.2rem; }

.page-quality-assurance-dx .page-content .pagenavi-dx li h3 a { color: #0057aa; }

.page-quality-assurance-dx .page-content .pagenavi-dx li h3 p { text-align: left; line-height: 1.4em; }

.page-quality-assurance-dx .page-content .testing-service-index { display: flex; justify-content: flex-start; flex-wrap: wrap; }

.page-quality-assurance-dx .page-content .testing-service-index li { width: 44%; text-align: center; margin: 0 auto 3rem; list-style: none; }

.page-quality-assurance-dx .page-content .testing-service-index img { width: 100%; }

.page-quality-assurance-dx .page-content #focus1 .bg1 { background: url(../img/visual_4.jpg) no-repeat center center fixed; background-size: cover; }

.page-quality-assurance-dx .page-content #focus1 .bg2 { background: url(../img/visual_5.jpg) no-repeat center center fixed; background-size: cover; }

.page-header.blog-series { height: auto; padding: 18px 0 20px; }

.page-header.blog-series h1, .page-header.blog-series h2, .page-header.blog-series h3 { margin: 0; padding: 0; line-height: 1.0em; }

.page-header.blog-series h1 { font-size: 1.6rem; }

.page-header.blog-series h2 { font-size: 2.0rem; font-feature-settings: "palt"; margin: 0; }

.page-header.blog-series h3 { font-size: 1.3rem; font-family: "Lato", sans-serif; margin: 1.2rem 0 0 0; padding: 0 0 0.3rem 0; }

.page-header.blog-series .thumbnail-series { float: right; width: 360px; margin: 0.6rem 10% 2rem 2.4em; }

.page-header.blog-series .thumbnail-series img { width: 100%; }

@media (max-width: 680px) { .page-header.blog-series .thumbnail-series { display: none; } }

.page-header.blog-series .cat-lead { font-size: 0.9rem; margin: 1.2rem 1.2rem 2rem 0; padding: 1.0em 0; }

@media (max-width: 680px) { .page-header.blog-series { padding: 20px 0 0px; }
  .page-header.blog-series h1 { font-size: 1.2rem; }
  .page-header.blog-series h2 { font-size: 1.6rem; } }

.category-blog .newslist .category { font-size: 0.8em; }

.blog-post-single .article-main .date { text-align: left; }

.blog-post-single .article-cont { position: relative; }

.blog-post-single .article-cont .thumbnail-series { text-align: center; margin: auto auto 2rem; }

@media (max-width: 680px) { .blog-post-single .article-cont .thumbnail-series { width: calc(100vw); margin: 0 calc(50% - 50vw); background: #ddd; }
  .blog-post-single .article-cont .thumbnail-series img { width: 100%; height: auto; max-width: 100%; } }

@media (max-width: 680px) { .blog-post-single { position: relative; overflow: hidden; } }

.blog-post-single .related-article-list { margin: 2.0rem 0; }

.blog-post-single .related-article-list h3 { margin: 0 0 1.2rem 0; }

.blog-post-single .related-article-list .thumbnail-series { float: left; width: 300px; margin: 0 2rem 0 0; }

.blog-post-single .related-article-list .thumbnail-series img { width: 100%; height: auto; margin: 0 2rem 0 0; max-width: 100%; }

@media (max-width: 680px) { .blog-post-single .related-article-list .thumbnail-series { float: none; width: 100%; margin: 0 0 1.6rem 0; } }

.blog-post-single .related-article-list ul { overflow: hidden; padding: 0 0 0 1em; }

.blog-post-single .related-article-list ul li { line-height: 1.3em; margin: 0 0 1.2em 1.2rem; list-style: decimal; font-weight: bold; }

.white-paper .page-header-largeimage { background: url(../img/white-paper-headderbg.jpg) no-repeat; background-size: cover; height: 400px; padding: 100px 0 0; }

.white-paper .page-header-largeimage h1, .white-paper .page-header-largeimage h2 { color: #0057aa; }

.white-paper .page-header-largeimage h1 { font-size: 60px; margin: 0 9em 1rem 0; }

.white-paper .page-header-largeimage h2 { font-size: 24px; font-feature-settings: "palt"; }

.wpcf7 { margin: 3.0rem 0; }

.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: #0292e5; 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; border: 1px solid #C5CCD3; }

.wpcf7 .require { color: #fd75bb; }

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

.page-privacypolicy .page-content-narrow ul { list-style: none; margin: 0 0 3em; }

.page-privacypolicy .page-content-narrow ul li { margin: 0 0 1.8em 0; }

.page-privacypolicy .page-content-narrow p { font-size: 0.90em; line-height: 1.8em; margin: 0; padding: 0; }

.page-privacypolicy .page-content-narrow h2, .page-privacypolicy .page-content-narrow h3, .page-privacypolicy .page-content-narrow h4, .page-privacypolicy .page-content-narrow h5 { color: #060001; font-weight: bold; }

.page-privacypolicy .page-content-narrow h2 { font-size: 1.1em; margin: 1.8em 0 0 0; padding: 0; }

.page-privacypolicy .page-content-narrow h3 { font-size: 1.0em; margin: 0 0 0.4em 0; padding: 0; }

.page-privacypolicy .page-content-narrow h4 { font-size: 1.0em; margin: 0; padding: 0; }

.page-privacypolicy .page-content-narrow h5 { font-size: 1.0em; margin: 0; padding: 0; }

.grecaptcha-badge { visibility: hidden; }

/*# sourceMappingURL=base4.2.map */