@charset "UTF-8";
/* -----------------------------------------
 見出し
------------------------------------------- */
.heading-a {
  margin-bottom: 2rem;
  font-size: 2.8rem;
  text-align: left;
}
.heading-b {
  margin-bottom: 2.4rem;
  line-height: 1.4;
  padding: 1.2rem 2.4rem;
  font-size: 2.2rem;
}
.heading-b.l-ttl{
  font-size: 2.4rem;
}
.heading-b span.s-ttl{
  padding: 0;
  border: none;
  font-size: 1.8rem
}
.heading-b.size-s {
  padding: 1.0rem 2.2rem;
  font-size: 1.8rem;
}
.heading-c {
  margin-bottom: .8em;
  padding-left: 1.1em;
  font-size: 1.8rem;
}
.heading-c::before {
  top: .1em;
  width: .7rem;
}
.title-sub-text {
  margin-bottom: 4rem;
  font-size: 1.6rem;
  text-align: left;
}
.heading-color.ttlL {
  font-size: 1.8rem;
}
.heading-color.ttlL.section-ttl {
  font-size: 1.6rem;
}
.heading-color span {
  display: inline-block;
}
.heading-color span.color-box {
  max-width: 9.8rem;
  font-size: 1.4rem;
  padding: 0.6rem 0 0.6rem 0.2rem;
  margin-right: 1rem;
}
.heading-color.gray span {
  max-width: inherit;
  font-size: 1.4rem;
  padding: 0.6rem;
  margin-right: 1rem;
}
.heading-color.ttl {
  font-size: 1.6rem;
}
.heading-number {
  margin-bottom: .8em;
  padding-left: 2em;
  font-size: 1.6rem;
}
.heading-number::before {
  top: -.1em;
  min-width: 1.2em;
}
.heading-number-circle {
  margin-bottom: .8em;
  padding-left: 2em;
  font-size: 1.6rem;
}
.heading-number-circle::before {
  top: -.1em;
  min-width: 1.2em;
  padding: 2px 4px 0px;
}
/* -----------------------------------------
 related-article
------------------------------------------- */
.related-article {
  min-width: 0;
  padding: 4rem 0 5rem;
}
.related-title {
  margin-bottom: 3rem;
  font-size: 3rem;
}
/* article-list */
.article-list {
  margin-right: -3rem;
  margin-bottom: -3rem;
}
.article-list li {
  width: calc((100% - 6rem) / 2);
  margin-right: 3rem;
  margin-bottom: 3rem;
}
.article-list .item-label {
  min-width: 6rem;
  font-size: 1.2rem
}
.article-list .item-new {
  min-width: 4.6rem;
  font-size: 1.1rem;
}
.article-list .item-text {
  padding: .8em;
}
/* -----------------------------------------
 page-footer-content
------------------------------------------- */
.page-footer-content {
  padding: 0;
}
/* footer-info */
.footer-info {
  padding: 3rem 0 0;
}
.page-footer-content .footer-info{
  padding: 4rem 0 6rem;
}
.page-footer-content.pt0 .footer-info{
  padding-top: 0;
}
.info-heading {
  margin-bottom: 1em;
  font-size: 1.8rem;
}
.footer-bnr li {
  width: calc((100% - 2rem) / 2);
  margin: 1rem 0;
}
.footer-bnr li:not(:first-child) {
  margin-left: 2rem;
}
/* -----------------------------------------
 コンテンツ
------------------------------------------- */
.main-contents {
  padding-bottom: 4rem;
}
.mv {
  margin-bottom: 3rem;
}
.intro {
  margin-bottom: 3rem;
  text-align: left;
}
.intro p+p {
  margin-top: 1em;
}
.content-block {
  padding: 0 2.4rem 5rem;
}
/* column-block */
.column-block {
  display: block;
}
.column-block .right-side {
  width: 80%;
  margin: 2rem auto 0;
}
.column-block.img-reverse .left-side {
  width: 80%;
  margin: 2rem auto 0;
  text-align: center;
}
.column-block.img-reverse .right-side {
  width: auto;
}
/* section-box */
.section-box {
  margin-bottom: 3rem;
}
.section-box.border {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
/* contents-index */
.contents-index {
  margin-bottom: 5rem;
  padding: 2.4rem;
}
.contents-index .index-heading {
  font-size: 1.6rem;
}
.index-list {
  font-size: 1.4rem;
}
/* content-bottom-inquiry */
.content-bottom-inquiry + .content-bottom-inquiry {
  margin-top: 2rem;
}
.content-block-inquiry {
  margin-bottom: 2rem;
}
.comparison-whiteBox + .content-block-inquiry {
  margin-top: 2rem;
}
.bnr-hide {
  margin-top: 2rem;
}
/* inquiry */
.inquiry-info {
  margin-bottom: 2rem;
  padding: 2rem;
  font-size: 1.8rem;
  text-align: center;
}
.inquiry-info .left-side {
  width: 35%;
}
a.contact-btn {
  display: inline-block;
  padding: .7em 2em;
  font-size: 1.8rem;
}
a.contact-btn::before {
  right: 2.4rem;
}
/* img-box */
.img-box {
  margin-top: 3rem;
}
.connect-info {
  margin-top: 3rem;
  padding: 1.5rem 1.5rem 2rem;
  margin-bottom: 3rem;
}
.flex-box {
  display: block;
}
.flex-box>div:first-child {
  margin-right: 0rem;
  margin-bottom: 2rem;
}
.flex-box.flex-order>div:first-child {
  margin-bottom: 0rem;
}
.flex-box.flex-order {
  display: flex;
  flex-direction: column-reverse;
}
.flex-box .imgBox {
  text-align: center;
  margin-right: 0rem;
  margin-bottom: 2rem;
}
.flex-box .imgBox img {
  width: 70%;
}
.end-txt {
  font-size: 1.4rem;
  margin-bottom: 4rem;
}
.content-block .end-txt {
  margin-bottom: 0rem;
}
.img-box.horizontal-img {
  display: block;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}
.img-box.horizontal-img>div+div {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #ccc;
  margin-left: auto;
  padding-left: 0;
  border-left: none;
}
.pointBox {
  padding: 1.5rem;
  text-align: left;
  font-size: 1.6rem;
  clear: both;
  margin-bottom: 1.5rem;
  line-height: 1.4;
}
.numin {
  font-size: 1.6rem;
}
.box-halfL,
.box-halfR {
  width: 100%;
}
.box-halfL .img,
.box-halfR .img {
  width: 70%;
  margin: 0 auto;
}
.box-halfL {
  margin-bottom: 2rem;
}
.whiteBtnR,
.whiteBtnL {
  width: 100%;
  right: 0rem;
  left: 0;
}
.pointBox.flex-box .link-btn:first-child {
  max-width: auto;
  margin-right: 0;
  width: 100%;
}
.pointBox.flex-box .link-btn:last-child {
  min-width: auto;
  width: 100%;
}
.whiteBtnL {
  margin: 1rem 0
}
.imgList li {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
  margin-right: 0rem;
  letter-spacing: 0;
}
.imgList li:last-child {
  margin-bottom: 0rem;
}
.inquiry-info-gray .right-side {
  width: 100%;
  text-align: center;
}
.inquiry-info-gray .left-side {
  width: 100%;
}
.comparison-area {
  padding: 0 1rem 1rem;
  margin-bottom: 2rem;
}
.flex-box.comparison .left-side,
.flex-box.comparison .right-side {
  padding: 0 1rem;
}
.comparison-whiteBox {
  padding: 1rem 0;
  margin-bottom: 1rem;
}
.comparison-whiteBox h2 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.comparison-area .title-area .right-side {
  padding: 2rem 0 2rem;
  font-size: 1.8rem;
}
.comparison-area .title-area .left-side {
  padding: 1rem 0 1rem;
  font-size: 1.8rem;
  line-height: 1.2;
}
.attention-txt {
  font-size: 1.2rem;
  text-indent: -.5em;
  padding-left: .5em;
}
.comparison-ttl-box.fixed {
  top: 0;
  right: auto;
  left: auto;
  width: 91%;
}
.contentBox.comparison-list {
  padding: 0 0.8rem;
  margin-bottom: 2rem;
}
.company-area {
  display: block;
}
.company-box {
  width: 100%;
  padding: 1.5rem 0px;
  margin: 0 auto 1rem;
}
.comparison-ttl-box h2 {
  padding: 1rem 0;
  font-size: 1.4rem;
  display: flex;
  line-height: 1.2;
  justify-content: center;
  align-items: center;
}
.bullet-list {
  padding: 1.2rem 1.5rem;
}
.bullet-list>li {
  padding-left: 1.5em;
}
.bullet-list>li:not(:last-child) {
  margin-bottom: 0.25em;
}
.bullet-list>li::before {
  top: 0.45em;
}
.square-list {
  display: block;
  padding: 1.2rem 1.5rem;
  max-width: 100%;
}
.square-list div {
    display: block;
    margin-bottom: 0.6em;
}
.square-list div dt {
  white-space: inherit;
  margin-bottom: 0.3em;
}
.dotted-list {
  background: #E5efFF;
  padding: 1rem 1.5rem 1.5rem;
}
.lisk-list .flex-box .left-side {
  width: 100%;
  font-size: 1.8rem;
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.lisk-list .flex-box .left-side img {
  width: 10%;
  margin-left: 0.5rem;
}
.lisk-list .flex-box .right-side {
  width: 100%;
  padding: 1rem 2rem 1rem 1.5rem;
}
/* case */
.heading-company {
  font-size: 1.8rem;
  color: #154476;
  margin-bottom: 2rem;
}
.case-page-head {
  padding-top: 1rem;
}
.point-box {
  padding: 1.5rem;
  text-align: left;
  margin-bottom: 1.5rem;
}
.point-box.size-l {
  font-size: 2rem;
}
.company-logos-wrap {
  width: 100%;
  margin-top: 0;
  padding: 1rem 1rem 2rem;
}
.company-logos li {
  width: calc((100% - 2rem) / 3);
  margin-right: 1rem;
}
.company-logos li:nth-child(5n) {
  margin-right: 1rem;
}
.company-logos li:nth-child(3n) {
  margin-right: 0;
}
.company-logos li:nth-child(n+6) {
  margin-top: 0;
}
.company-logos li:nth-child(n+4) {
  margin-top: 1rem;
}
.logos-comment {
  font-size: 1.2rem;
}
.campany-box .article-list {
  margin-right: 0;
  margin-bottom: -2rem;
}
.campany-box .article-list li {
  width: 100%;
  margin-right: 0rem;
  margin-bottom: 2rem;
}
/* 導入事例-会社概要 */
.company-overview{
  margin-top: 2rem;
  margin-bottom: 0;
}
.overview-column .left-side{
  width: 28%;
  align-items: normal;
  white-space: normal;
}
.overview-column .right-side{
  display: flex;
  width: 60%;
}
.column-float {
  display: flex;
  flex-direction: column-reverse;
}
.column-float .float-img {
  float: initial;
  width: 100%;
  margin-top: 2rem;
  padding: 0;
}
.column-float.reverse{
  flex-direction: column;
}
.column-float.reverse .float-img {
  float: initial;
  width: 100%;
  margin-bottom: 2rem;
  padding: 0;
}
/*ホワイトペーパー導線*/
.induction-wrap {
  padding-top: 4rem;
}
.induction-text {
  font-size: 1.8rem;
}
/* マンガ */
.mangaIllust li:nth-child(1) {
  width: 49%;
  margin-right: .8%;
  margin-bottom: 1%;
}
.mangaIllust li:nth-child(2) {
  width: 49.2%;
  margin-bottom: 1%;
}
.mangaIllust li:nth-child(3) {
  width: 49%;
  margin-right: .8%;
}
.mangaIllust li:nth-child(4) {
  width: 49.2%;
}
.mangaTalking p.thinking:after {
  bottom: auto;
  top: 39px;
}
.mangaProfile .section-box {
    width: 100%;
    margin: 0;
}
/* -----------------------------------------
 お役立ち資料
------------------------------------------- */
.download-box .article-list {
  width: 100%;
}
.download-box .article-list li {
  width: 100%;
  margin-right: 0rem;
  margin-bottom: 2rem;
}
.download-box h2.heading-b {
  font-size: 1.8rem;
  padding: 1.5rem 1.5rem;
  margin-bottom: 0;
  border-radius: 0.8rem 0.8rem 0 0;
}
.download-inner {
  display: block;
}
.download-inner .left-side {
  width: 100%;
  margin-right: 0rem;
  margin-bottom: 3rem;
}
.dl-main-img {
  text-align: center;
}
.dl-main-txt {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.dl-content-list li {
  margin-bottom: 0.5rem;
}
.download-inner .right-side {
  width: 100%;
}
.download-inner .right-side .form-inner {
  padding: 2.5rem 2.5rem 3rem;
}
/* whitepaper-popup */
.iziModal.whitepaper-popup {
  width: 90%;
  max-width: 34rem !important;
}
.whitepaper-popup .popup-block{
  padding: 3rem 3rem;
}
.whitepaper-popup a.contact-btn {
  display: block;
  font-size: 1.8rem;
  margin: 2rem auto 0px;
  width: 25rem;
}
.whitepaper-popup p {
  font-size: 1.6rem;
  margin-top: 2rem;
}
.whitepaper-popup .wp-img-iw {
  margin-top: 2rem;
}
/* -----------------------------------------
 ページ下部バナー
------------------------------------------- */
.footer-bnr.size-wide li {
  margin: auto;
  max-width: 100%;
}
.footer-bnr.size-wide li:not(:first-child) {
  margin-top: 3.5rem;
}
.footer-bnr.size-wide li .footer-bnr-box {
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
}
.footer-bnr.size-wide li .footer-bnr-box .txt-side {
  width: 100%;
  margin-right: 0rem;
  padding: 0rem;
}
.footer-bnr.size-wide li .footer-bnr-box .img-side {
  width: 100%;
  margin-bottom: 1rem;
}
.footer-bnr.size-wide li a {
  padding: 1.5rem 1.5rem 2rem 1.5rem;
}
.footer-bnr.size-wide .sub-link {
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 21rem;
}
.footer-bnr.size-wide a.txt-link {
  display: inline-block;
}
.footer-bnr.size-wide a.txt-link span {
  font-size: 1.4rem;
  padding-right: 1.6em;
}
.txt-link span::before {
  right: 1.3rem;
}
.ft-iwsd-wrap .footer-bnr.size-wide li .footer-bnr-box .txt-side .bnr-txt:last-child {
  padding-bottom: 5rem;
}
.footer-bnr.size-wide li .footer-bnr-box .txt-side .bnr-ttl {
  padding: 0em;
}
.footer-bnr.size-wide li .footer-bnr-box .img-side {
  margin-bottom: 1rem;
}
/*
 * SP SIZE
 * -------------------------------------------------------------------
 */
@media screen and (max-width:599px) {
  .heading-a {
    font-size: 2.2rem;
  }
  .heading-b {
    margin-bottom: 2rem;
    padding: 1.2rem 1.6rem;
    font-size: 1.8rem;
  }
  .heading-b.size-s {
    padding: 1rem 1.6rem;
    font-size: 1.6rem;
  }
  .heading-b.l-ttl{
    font-size: 2rem;
  }
  .heading-b span.s-ttl{
    padding: 0;
    border: none;
    font-size: 1.6rem
  }
  .heading-c {
    font-size: 1.6rem;
  }
  .heading-c::before {
    top: .05em;
  }
  .title-sub-text {
    margin-bottom: 3rem;
  }
  .point-box.size-l {
    font-size: 1.8rem;
  }
  /* -----------------------------------------
  related-article
  ------------------------------------------- */
  .related-article {
    padding: 4rem 0 4rem;
  }
  .related-title {
    margin-bottom: 2.5rem;
    font-size: 2.2rem;
  }
  /* article-list */
  .article-list {
    margin-right: -1.5rem;
    margin-bottom: -1.5rem;
  }
  .article-list li {
    width: calc((100% - 3rem) / 2);
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .article-list .item-label {
    font-size: 1.1rem
  }
  .article-list .item-new {
    font-size: 1rem;
  }
  .article-list .item-text {
    padding: .7em;
    line-height: 1.4;
    font-size: 1.3rem;
  }
  .article-list .related-item {
    box-shadow: .2rem .2rem .5rem rgba(54, 120, 162, 0.3);
  }
  .article-list-empty {
    padding: 7rem 0;
    font-size: 1.6rem;
  }
  /* -----------------------------------------
  page-footer-content
  ------------------------------------------- */
  .page-footer-content {
    padding: 0rem;
  }
  /* ft-info-more */
  .ft-info-more {
    padding: 2.4rem 1.6rem;
  }
  .ft-info-title {
    font-size: 1.6rem;
  }
  .ft-info-text {
    margin-bottom: 1em;
    text-align: left;
  }
  .ft-info-text br {
    display: none;
  }
  .ft-info-btn {
    font-size: 1.6rem;
  }
  .ft-info.ft-inquiry-info .right-side img {
    width: 46%;
    margin-bottom: 1.2rem;
  }
  .ft-info.ft-inquiry-info .right-side img.ft-sd-logo {
    width: 20rem;
  }
  /* footer-info */
  .footer-info {
    padding: 3rem 0 0;
  }
  .info-heading {
    font-size: 1.6rem;
  }
  .footer-bnr {
    display: block;
    margin-top: 1.6rem;
    margin-bottom: 3rem;
  }
  .footer-bnr li {
    width: 80%;
    max-width: 40rem;
    margin: 0 auto;
  }
  .footer-bnr li:not(:first-child) {
    margin-top: 1.2rem;
    margin-left: auto;
  }
  /* -----------------------------------------
  コンテンツ
  ------------------------------------------- */
  .main-contents {
    padding-bottom: 4rem;
  }
  .content-block {
    padding: 0 0 4rem;
  }
  /* contents-index */
  .contents-index {
    margin-bottom: 5rem;
    padding: 1.6rem;
  }
  /* inquiry */
  a.contact-btn {
    display: block;
    padding: .9em 1em;
    font-size: 1.6rem;
  }
  a.contact-btn::before {
    right: 1.5rem;
    border-top-width: .2rem;
    border-right-width: .2rem;
  }
  /*related-service */
  .related-service {
    margin-top: 3rem;
  }
  .related-service-item > p {
    font-size: 1.6rem;
  }
  /* img-box */
  .img-box {
    margin-top: 3rem;
  }
  /* case */
  .case-top-txt {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
  .company-logos-wrap {
    padding: 1rem 0.3rem;
  }
  .company-logos li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 1rem;
  }
  .company-logos li:nth-child(5n) {
    margin-right: 4%;
  }
  .company-logos li:nth-child(3n) {
    margin-right: 4%;
  }
  .company-logos li:nth-child(2n) {
    margin-right: 0;
  }
  .company-logos li:nth-child(n+4) {
    margin-top: 0;
  }
  .company-logos li:nth-child(n+3) {
    margin-top: .5rem;
  }
  .logos-comment {
    margin-top: -.5em;
  }
  .case-head-tips{
  display: block;
}
.case-head-tips li{
  text-align: left;
  width: 100%;
  padding: 1.8rem 2rem;
  font-size: 1.6rem;
}
.case-head-tips li:not(:first-child){
  margin-left: 0rem;
  margin-top: 1rem;
}
  /* マンガ */
  .mangaIllust li:nth-child(1),
  .mangaIllust li:nth-child(2),
  .mangaIllust li:nth-child(3),
  .mangaIllust li:nth-child(4) {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4px;
  }
  .mangaTalking {
    margin: auto;
  }
  .mangaTalking li {
    margin-top: 1rem;
  }
  .mangaTalking li.talkTxt {
    margin-top: 0;
  }
  .mangaTalking .character {
    width: 6rem;
    vertical-align: top;
  }
  .mangaTalking .character:empty {
    display: none;
  }
  .mangaTalking p {
    vertical-align: top;
    font-size: 1.4rem;
  }
  .mangaTalking .character:empty+p {
    padding-right: 0;
    padding-left: 0;
  }
  .mangaTalking p:before {
    top: 2.2rem;
  }
  .mangaTalking p img {
    max-width: 100%;
  }
  .mangaProfile {
    max-width: 64rem;
    margin: auto;
  }
  .mangaProfile>p {
    font-size: 1.4rem;
  }
  .mangaProfile .person {
    width: 100%;
  }
  .mangaProfile .person div {
    line-height: 1.4;
    font-size: 1.2rem;
  }
  .mangaProfile .section-box {
    width: 100%;
    margin-bottom: 2rem;
  }
  .mangaProfile .section-box:last-child {
    margin-bottom: 0;
  }
  .mangaTalking p.thinking:before {
    left: -8px;
    top: 21px;
    width: 8px;
    height: 14px;
}
  .mangaTalking p.thinking:after {
    width: 10px;
    height: 9px;
    bottom: auto;
    top: 24px;
    left: -19px;
}
  .pagerBox {
    font-size: 0;
    letter-spacing: normal;
  }
  .pagerBox li {
    letter-spacing: normal;
    min-width: 1.7em;
    margin: 0 0.3rem;
    font-size: 1.4rem;
  }
  .pagerBox .now {
    padding: 0.3rem 0.2rem 0.1rem 0.2rem;
  }
  .pagerBox a {
    padding: 0.3rem 0.2rem 0.1rem 0.2rem;
  }
  .pagerBox a.prev,
  .pagerBox a.next {
    padding: 0 0.1rem;
  }
  .pagerBox a.prev:before {
    left: -0.8rem;
  }
  .pagerBox a.next:after {
    right: -0.8rem;
  }
  /* query end */
  .cv-wrap{
    display: block;
    margin-bottom: 2.5rem;
  }
  .cv-wrap .ft-info{
    border: 0.3rem solid #004084;
    border-radius: 1rem;
    width: 100%;
    margin-bottom: 2rem;
  }
  .cv-wrap a.contact-btn{
    font-size: 1.6rem;
    width: 90%;
    max-width: 30rem;
  }
  .text-cell th{
  width: 25%;
}
  .text-cell td{
  width: 75%;
}
  .hide-sp{
    display: none;
  }
/* -----------------------------------------
 お役立ち資料
------------------------------------------- */
  .download-box .download-btn {
    font-size: 1.8rem;
    margin: 2rem auto;
    padding: 1rem 0;
}
.download-inner{
  display: block;
}
.download-inner .right-side {
    width: 100%;
}
  .download-inner .right-side .form-inner{
    padding: 1.5rem 1.5rem 3rem;
}
.download-inner {
    margin-bottom: 4rem;
}
.dl-name-txt{
  font-size: 1.8rem;
  padding: 1.2rem 1.2rem 1.4rem;
  margin-bottom: 2rem;
}
.dl-name-txt span{
  font-size: 1.2rem;
}
/* float-banner */
.float-banner {
  width: 70%;
  left: 0;
  right: 0;
  bottom: 75px;
  margin: auto;
}
.float-banner .banner-main:hover {
  opacity: 1;
}
.float-banner .banner-close {
  top: -12px;
  right: -9px;
  width: 28px;
  height: 28px;
}
.float-banner .banner-close::before, .float-banner .banner-close::after {
  width: 16px;
  height: 2px;
}
.footer-bnr.size-wide li:not(:first-child) {
    margin-top: 2rem;
}
.footer-bnr.size-wide li .footer-bnr-box .txt-side .bnr-ttl {
  font-size: 1.6rem;
  letter-spacing: -0.02em;
}
.footer-bnr.size-wide li .footer-bnr-box .txt-side .bnr-txt {
  font-size: 1.2rem;
}
.footer-bnr.size-wide li .footer-bnr-box .txt-side ol li.bnr-txt {
  letter-spacing: -0.04em;
}
/* -----------------------------------------
 コラム
------------------------------------------- */
.table.type-a tbody td{
  font-size: 1.4rem;
}
}