/*---------------------------------------------------------------------------
------------------------------------NEWS------------------------------------
---------------------------------------------------------------------------*/
.year-list ul {
  font-size: 18px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.year-list ul li {
  border-right: 1px solid #BFBFBF;
}
.year-list ul li:first-child {
  border-left: 1px solid #BFBFBF;
}
.year-list ul li a {
  padding: 6px 16px;
}
.news {
  margin-top: 40px;
}
.news a {
  display: block;
  height: 100%;
  width: 100%;
  padding: 12px 44px 24px 30px;
  background: #F8F8F8;
  box-shadow: 1.29px 1.53px 10px rgba(114,114,114,.1);
  position: relative;
}
.news.link--off a {
  pointer-events: none;
}
.news a::after {
  content: "▶︎";
  position: absolute;
  font-size: 14px;
  top: 50%;
  right: 32px;
  -webkit-transform: translate(0%,-50%); 
  transform: translate(0%,-50%);
  margin-bottom: 0;
  color: #333;
}
.news.link--off a::after {
  content: none;
}
.news-item {
  display: flex;
  flex-wrap: wrap;
  vertical-align: middle;
}
p.news-time {
  font-size: 16px;
  line-height: 20px;
  margin-right: 12px;
}
p.news-tag {
  font-size: 14px;
  line-height: 18px;
  width: 72px;
  text-align: center;
  border: 1px solid;
  border-radius: 5px;
}
/*tag-color*/
.tag-info {
  color: #003DA3;
}
.tag-news {
  color: #32CD32;
}
.tag-release {
  color: #FF0000;
}
/*tag-color over*/
p.news-ttl {
  font-size: 18px;
  line-height: 32px;
  margin-top: 14px;
  width: 100%;
}
.news-list {
  margin-bottom: 140px;
}
/*pager*/
.pager {
  display: flex;
  width: 100%;
  vertical-align: middle;
}
.pager a ,.pager li>a{
  display: inline-block;
  border: none;
  padding: 0;
  background: none;
  font-size: 18px;
  line-height: 18px;
  white-space: nowrap;
  color: #3F3F3F;
}
.pager li>a {
  color: #333;
}
.pager ul {
  width: 100%;
  margin-bottom: 0;
}
.pager li {
  display: inline-flex;
  margin: 0;
  margin-right: 24px;
}
.pager li:last-child {
  margin-right: 0;
}
.pager:before, .pager:after {
  content: none;
}
.pager {
  display: flex;
  width: 100%;
  margin: 0 0 16px;
}
.pager-area {
  display: flex;
}
a.pager-link {
  display: inline-block;
  font-size: 18px;
  white-space: nowrap;
}
.pager ul li {
  font-size: 18px;
}
span.page-numbers.current {
  border: none;
  padding: 0 8px;
  /*color: #254d6d;*/
  border-bottom: 1px solid #333;
  border-radius: 0;
  font-size: 18px;
}
span.page-numbers.dots {
  border: none;
  padding: 0;
  margin: 0;
}
/*pager over*/
.year-list.year-list-bottom ul {
  justify-content: center;
  padding-bottom: 48px;
}

/*news詳細*/
.detail-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.new-detail-wrap {
  padding-bottom: 100px;
}
.pan.new-detail-pan {
  margin: 0;
}
.pan.new-detail-pan ul {
  padding: 20px 0;
}
.new-detail-wrap img {
  width: auto;
  max-width: 100%;
  /*display: inline;*/
  margin-top: 24px;
  margin-bottom: 24px;
}
.new-detail h2 {
  margin: 20px 0;
  padding: 6px 0 6px 16px;
  border: solid #1D2D53;
  border-width: 0 0 1px 10px;
  font-size: 16px;
  line-height: 24px;
}
.new-detail h3 {
  margin: 16px 0;
  font-size: 16px;
  color: #333399;
  line-height: 24px;
}
.new-detail h4 {
  margin: 14px 0;
  font-size: 16px;
  color: #1d2d53;
}
.new-detail a {
  color: #0058b1;
}
.new-detail p {
  font-size: 16px;
  line-height: 24px;
}
.new-detail td {
  border: 1px solid #eaeaea;
  padding: 10px;
  font-size: 16px;
  line-height: 16px;
}

.new-detail div.news-content {
  margin-bottom: 48px;
}
.new-detail div.news-content div.content-indent {
  margin-left: 20px;
}
.new-detail div.news-content p {
  margin-bottom: 24px;
}
.new-detail ul {
  margin: 1rem 1.5rem;
  list-style-type: disc;
  line-height: 1.5rem;
  font-size: 16px;
}
.new-detail dl {
  font-size: 16px;
}

.news-content-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}
.news-content-flex .news-flex-item {
  width: 48%;
}

/*==========tablet========== */
@media screen and (max-width: 768px){
  .news a {
    padding-right: 32px;
  }
  .news a::after {
    right: 16px;
    font-size: 16px;
  }
}


/*==========sp========== */
@media screen and (max-width: 480px){
  p.news-ttl {
    font-size: 18px;
    line-height: 26px;
    margin-top: 8px;
  }
  p.news-time {
    font-size: 16px;
    line-height: 20px;
  }
  p.news-tag {
    line-height: 18px;
  }
  .news {
    margin-top: 32px;
  }
  .year-list ul {
    font-size: 16px;
  }
  .news-list {
    margin-bottom: 70px;
  }
  .detail-item {
  margin-bottom: 10px;
  }
  .new-detail-wrap {
    padding-bottom: 50px;
  }
  .pan.new-detail-pan ul {
    padding: 16px 0;
  }
  .new-detail {
    padding-top: 32px;
  }
  .new-detail h3,.new-detail h2{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  /*ページネーション*/
  .pager ul li, .pager a, .pager li>a {
    font-size: 16px;
  }
  .pager ul li {
    margin-right: 12px;
  }
  span.page-numbers.current {
    padding: 0 4px;
    font-size: 16px;
    margin: 0;
  }
  a.pager-link {
    font-size: 16px;
  }
}
@media screen and (max-width: 360px) {
  .pager ul li, .pager a, .pager li>a {
    font-size: 14px;
  }
  a.pager-link {
    font-size: 14px;
    line-height: 27px;
  }
  .pager ul li {
    margin-right: 8px;
  }
  span.page-numbers.current {
    padding: 0;
  }
}


/*---------------------------------------------------------------------------
------------------------------------NEWS------------------------------------
---------------------------------------------------------------------------*/

/*==========tablet========== */
@media screen and (max-width: 768px){

}


/*==========sp========== */
@media screen and (max-width: 480px){

}

/*---------------------------------------------------------------------------
------------------------------------導入事例------------------------------------
---------------------------------------------------------------------------*/
.detail-mv {
  margin-bottom: 52px;
}
.detail-mv-item {
  margin-bottom: 52px;
}
.detail-mv-item img {
  width: auto;
  max-width: 100%;
  margin-bottom: 24px;
}
.detail-mv-contents {
  margin-bottom: 84px;
  padding: 0 12px;
}
.detail-mv-contents a {
  color: #82C0F8;
}
.detail-mv-contents .tbl-border {
  width: 80%;
  font-size: 16px;
}
.profi-box {
  display: flex;
  margin-bottom: 24px;
}
/*
.profi-box p {
  width: 50%;
  margin-right: 4%;
}*/
.profi-detail {
  width: 50%;
  margin-right: 4%;
}
.profi-detail .tbl-border {
  width: auto;
  font-size: 16px;
}
.profi-photo {
  width: 46%;
/*  height: 20vw;*/
  max-height: 388px;
}
.profi-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  /*object-position: 50% 100%;*/
  object-position: 0 20%;
}
.case-detail {
  padding-bottom: 100px;
}
.banner-area {
  margin-top: 80px;
}
.banner-area img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.case-detail-wrap {
  margin-bottom: 52px;
}
.case-dettl-area {
  position: relative;
  margin-bottom: 40px;
  padding: 34px 20px 33px;
  border-radius: 5px;
  overflow: hidden;
}
.case-dettl-area p.ttl-txt-blue {
  display: inline-block;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  color: #fff;
  padding: 0 0 14px;
  border-bottom: 1px solid #fff;
  width: 100%;
  box-sizing: border-box;
  z-index: 2;
}
.case-dettl-area p.ttl-txt-blue::after {
  content: "";
  position: absolute;
  width: 106px;
  height: 8px;
  background: #fff;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0%,50%);
  transform: translate(0%,50%);
}
.case-dettl-area .profi-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-dettl-area .profi-photo::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(96,175,224,.24);
  z-index: 1;
}

/*list*/
.case {
  padding: 22px 34px 20px;
  background: #F8F8F8;
  box-shadow: 1.29px 1.53px 10px rgba(114,114,114,.1);
  margin-bottom: 60px;
  margin-top: 32px;
  position: relative;
}
.case a {
  font-size: 0;
}
.text-box {
  display: inline-block;
  width: 72%;
  padding-right: 32px;
  padding-bottom: 32px;
}
.case-img {
  display: inline-block;
  width: 28%;
  vertical-align: top;
}
.case-img img{
  width: 100%;
  /*height: 100%;*/
  /*height: 14vw;*/
  max-height: 260px;
  object-fit: cover;
  object-position: 50% 100%;
}
.case-btn {
  font-size: 14px;
  color: #264D6E;
  text-align: right;
  position: absolute;
  width: 72%;
  bottom: 20px;
  padding-right: 84px;
}

/*==========tablet========== */
@media screen and (max-width: 768px){
  .profi-box {
    display: block;
  }
  .profi-box p {
    width: 100%;
    margin-right: 0;
  }
  .profi-photo {
    width: 100%;
    height: 53vw;
    max-height: 380px;
  }
  .profi-box {
    margin-bottom: 32px;
  }
  .banner-area {
    margin-top: 30px;
  }
  .case-detail {
    padding-bottom: 50px;
  }
  .case-img img {
    height: auto;
  }
  .case-list {
    display: inline-block;
  }
}

@media screen and (max-width: 648px){
  .case a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .text-box {
    width: 100%;
    padding: 32px 0 0;
  }
  .case-img {
    width: 100%;
    height: auto;
  }
  .case-dettl-area p.ttl-txt-blue {
    padding-bottom: 4px;
  }
  .case-dettl-area {
    padding: 16px 10px;
    margin-bottom: 24px;
  }
  .case-dettl-area p.ttl-txt-blue::after {
    height: 5px;
  }
  .case-btn {
    position: relative;
    width: 100%;
    padding: 0;
  }
  .case p.text {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 480px) {
  .case {
    padding: 12px 16px 10px;
    margin-bottom: 24px;
  }
}
/*---------------------------------------------------------------------------
------------------------------------サービス-----------------------------------
---------------------------------------------------------------------------*/
.gray-bg-box p.text span.gray-tel {
  margin: 0 10px;
}
.gray-bg-box p.text span.gray-mail {
  margin-right: 10px;
}
.consulting-wrap {
  padding-bottom: 100px;
}
.consulting-flow-item {
  padding-left: 56px;
  position: relative;
}
p.consulting-flow-ttl {
  width: 220px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background: #264D6E;
  padding: 6px 18px;
  border-radius: 5px 5px 0 0;
}
p.consulting-flow-txt {
  padding: 12px 16px;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #264D6E;
}
.consulting-flow-item:not(:first-child) .consulting-flow-box {
  margin-top: -8px;
}
.consulting-flow-item:not(:first-child) {
  margin-bottom: 32px;
}
.consulting-flow-arrow img {
  width: auto;
  display: inline-block;
}
.consulting-flow-arrow {
  margin-top: 4px;
  text-align: center;
}
.consulting-flow-item:nth-child(2)::before{
  content: "";
  position: absolute;
  width: 48px;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/flow-arrow02.png) 50%/100% 95% no-repeat;
}
.consulting-flow {
  margin-bottom: 48px;
}
.service-top-contents .card-box-area {
  /*margin-bottom: 100px;  位置変更により修正*/
  margin-bottom: 20px;
}
.service-top-img {
/*  margin-bottom: 14px;  位置変更により修正*/
  margin-bottom: 100px;
}
/*.service-top-img img {
  width: 80%;
}*/
.service-txt-top.servive-top {
  width: 100%;
  margin-right: 0;
}

.service-nocaas-txt {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}
.service-nocaas-left {
  width: 40%;
  margin-right: 20px;
}
.service-nocaas-right {
  width: 60%;
}
.service-nocaas-btn.text{
  color: #fff;
  background: #3C9DF4;
  text-align: center;
  width: 40%;
  margin: 25px auto;
  padding: 16px 0;
  border-radius: 8px;
  font-size: 18px;
}

.service-nocaas-webcon-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 16px;
  font-size: 16px;
}
.service-nocaas-webcon-info a {
  display: block;
  width: 49%;
  color: #707070 !important;
}
.service-nocaas-webcon-info a:hover {
  text-decoration: none;
}
.service-nocaas-webcon-info .service-flex-item {
  border-radius: 8px;
  background-color: #C6E2FC;
  margin-bottom: 16px;
  padding: 24px;
  text-align: center;
}
.service-nocaas-webcon-kanren {
  border: solid 1px #203864;
  margin-bottom: 24px;
  padding: 0 16px 16px 0;
}

.service-zabbix-top {
  margin-bottom: 50px;
}
.service-zabbix-wrapper {
  margin-bottom: 80px;
}

.relate-services {
  margin-top: 100px;
  margin-bottom: 50px;
}

/*==========sp========== */
@media screen and (max-width: 480px){
  .consulting-flow-item:not(:first-child) .consulting-flow-box {
    margin-top: 8px;
  }
  .consulting-flow-arrow {
    margin-top: 10px;
  }
  p.consulting-flow-ttl {
    width: 100%;
    max-width: 220px;
  }
  p.consulting-flow-txt ,p.consulting-flow-ttl {
    font-size: 16px;
  }
  .consulting-flow-item{
    padding-left: 30px;
  }
  .consulting-flow-item:nth-child(2)::before {
    width: 24px;
  }
  .service-top-contents .card-box-area {
    margin-bottom: 50px;
  }
  .gray-bg-box p.text span.gray-tel {
    margin: 0 6px;
  }
  .gray-bg-box p.text span.gray-mail {
    margin-right: 6px;
  }
}
/*---------------------------------------------------------------------------
----------------------------------お問い合わせ---------------------------------
---------------------------------------------------------------------------*/
.form-area {
  margin-top: 40px;
  padding-bottom: 86px;
}
.form-area table{
  width: 70%;
  margin: 0 auto;
}
span.red {
  color: #FF0000;
}
.form-area table th, .form-area table td {
  font-size: 16px;
  font-weight: normal;
  display: inline-block;
  width: 100%;
  text-align: left;
  line-height: 24px;
  margin-bottom: 8px;
}
.form-area table td {
  color: #707070;
  margin-bottom: 40px;
}
.form-area table td input[type="text"] ,.form-area table td textarea,.form-area table td select{
  width: 100%;
  border-radius: 5px;
  border: 1px solid #707070;
  padding: 9px 16px;
  background: #fff;
}
.form-area table td input[type="radio"] ,.mauticform-radiogrp-label input, .mauticform-radiogrp-row input {
  -webkit-appearance: radio;
  -moz-appearance: rideo;
  appearance: rideo;
  display: inline-flex;
}
.form-area table td.select {
  position: relative;
}
.form-area table td.select::after {
  content: "\f0dc";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  height: 100%;
  width: 16px;
  line-height: 46px;
  right: 0;
  top: 0;
  border-radius: 0 5px 5px 0;
  color: #333;
  transform: scale(0.8, 1);
}
.form-area table td input[type="checkbox"] ,.mauticform-checkboxgrp-label input, .mauticform-checkboxgrp-row input {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  display: inline-flex;
}
.addition {
  text-align: center;
}
input[type="submit"] {
  width: 45%;
  max-width: 308px;
  border-radius: 5px;
  padding: 14px 0;
  font-size: 18px;
  line-height: 16px;
  background: #1D2D53;
  border: none;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}
.form-area table th span {
  font-size: 12px;
  padding: 2px 7px;
  background: #ff0000;
  border-radius: 10px;
  color: #fff;
  vertical-align: top;
  margin-left: 16px;
  white-space: nowrap
}
.form-area input.btnadd {
  margin-right: 2%;
  background: #4d759c;
}
.form-area table td.select.selenone::after {
  content: none;
}
p.text.thanks-text {
  padding: 0 40px;
}
a.thanks-link {
  font-size: 18px;
  line-height: 18px;
  color: #264D6E;
  text-decoration: underline;
}
.thlink {
  text-align: center;
  margin: 100px 0 80px;
}
/*
.content-left.recruitment-content {
  margin-bottom: 52px;
}
*/
span.text-small {
  display: inline-block;
  font-size: 17px;
  margin-top: 4px;
}
/*採用ページフォーム*/
.recruitment-form table {
  width: 100%;
}
td.form-txt-gray a {
  color: #3C9DF4;
}
@media screen and (max-width: 768px) {
  .form-area table {
    width: 90%;
  }
  /*採用ページフォーム*/
}
@media screen and (max-width: 480px) {
  .form-area table {
    width: 100%;
  }
  .form-area table th, .form-area table td {
    font-size: 16px;
    line-height: 24px;
  }
  .form-area table td {
    margin-bottom: 20px;
  }
  .form-area table th {
    margin-bottom: 8px;
  }
  span.text-small {
    font-size: 14px;
  }
  /*採用ページフォーム*/
}

/*---------------------------------------------------------------------------
---------------------------------お客様の困った--------------------------------
---------------------------------------------------------------------------*/
.mission-card {
  margin-bottom: 76px;
}
.mission-under-box {
  padding: 0 16px;
  border-radius: 5px;
  background: #E7EFF7;
  margin-bottom: 30px;
}
p.mission-under-box-ttl {
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  padding: 20px 40px 20px 0;
  position: relative;
  cursor: pointer;
}
p.mission-under-box-ttl:after {
  content: "▼";
  position: absolute;
  font-size: 20px;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0%,-50%); 
  transform: translate(0%,-50%);
}
.under_content {
  margin-top: 4px;
  display: none;
}
p.mission-under-box-ttl.active::after {
  content: "▲";
}
.mission-under-box:last-child {
  margin-bottom: 100px;
}
.under_content p.text:last-child {
  display: inline-block;
  margin-bottom: 20px;
}
.mission-content {
  margin-bottom: 50px;
}

@media screen and (max-width: 480px) {
  .mission-card {
    margin-bottom: 26px;
  }
  .mission-under-box:last-child {
    margin-bottom: 50px;
  }
  p.mission-under-box-ttl {
    font-size: 16px;
    line-height: 24px;
    padding: 14px 24px 14px 0;
  }
  p.mission-under-box-ttl:after {
    font-size: 16px;
  }
  .under_content p.text:last-child {
    margin-bottom: 12px;
  }
  .mission-card .card-txt p.card-ttl {
    padding: 0;
    margin-bottom: 0;
    vertical-align: top;
  }
}

/*---------------------------------------------------------------------------
---------------------------------ソリューション-------------------------------
---------------------------------------------------------------------------*/
.solution-box {
  margin-top: 45px;
  margin-bottom: 50px;
}
.solution-cat-box {
  min-height: 217px;
  border-radius: 5px;
  box-shadow: 2px 3px rgba(0,0,0,.16);
  margin-bottom: 40px;
}
.solution-cat-box:nth-child(4n-3) {
  background: url(../img/solution-catbg01.png) 50% 0 /cover no-repeat;
}
.solution-cat-box:nth-child(4n-2) {
  background: url(../img/solution-catbg02.png) 50% 0 /cover no-repeat;
}
.solution-cat-box:nth-child(4n-1) {
  background: url(../img/solution-catbg03.png) 50% 0 /cover no-repeat;
}
.solution-cat-box:nth-child(4n) {
  background: url(../img/solution-catbg04.png) 50% 0 /cover no-repeat;
}
.solution-cat-box a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px 40px;
  min-height: 217px;
}
/* リンクなしの場合の対応 */
.solution-cat-box div {
  padding: 30px 40px;
}

p.solution_box-ttl {
  font-size: 28px;
  line-height: 44px;
  color: #fff;
  border-bottom: 1px solid;
  margin-bottom: 16px;
}
.solution-cat-box p.text {
  font-size: 17px;
  line-height: 28px;
  color: #fff;
}
.solution_cat-point p.text {
  margin-bottom: 100px;
}
/*カテゴリページ*/
.solution_box-img {
  height: 166px;
  text-align: center;
  margin-bottom: 20px;
}
.solution_box-img img {
  height: 100%;
  /*width: auto;*/
  margin: 0 auto;
  /*max-width: 100%;*/
  width: 100%;
  object-fit: cover;
}
.solution-box.solution_cat-box:not(:last-child) {
  margin-bottom: 40px;
}
.solution-box.solution_cat-box:not(:first-child) {
  margin-top: 40px;
}
.content-nav.solution-nav li:last-child a {
  padding: 8px 0;
}

/* ソリューションのカテゴリ別のページ、タグを使えるようにするために追加 */
.solution_cat-detail {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 24px;
  color: #707070;
}
.solution_cat-detail ul {
  list-style-type: disc;
  margin-left: 24px;
}

.solution-feature {
  margin-bottom: 45px;
}
.solution-feature a {
  color: #82C0F8;
}
.solution-feature .solution-ttl a {
  color: #0465b9;
}
.solution-feature-content{
  margin-bottom: 35px;
}
.solution-management-oem-merit {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 16px;
  font-size: 16px;
}
.solution-management-oem-merit a {
  display: block;
  width: 48%;
}
.solution-management-oem-merit .solution-flex-item {
  border: solid 1px #5B9BD5;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 24px;
  text-align: center;
}

.solution-management-oem-txt {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}
.solution-management-oem-left {
  width: 60%;
  margin-right: 20px;
}
.solution-management-oem-right{
  width: 40%;
  border: solid 1px #646464;
  padding: 40px;

  text-align: center;
  font-size: 20px;
  color: #707070;
}

.solution-management-oem-nortification {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.solution-management-oem-nortification div {
  text-align: center;
  width: 20%;
}
.solution-management-oem-nortification div img {
  width: 120px;
  margin: 0 auto;
}
@media screen and (max-width: 648px) {
  .solution-management-oem-nortification div {
    width: 100%;
}

}
  .solution-table-ttl {
  margin-bottom: 10px;
  font-size: 16px;
  color: #202020;
}
.solution-table {
  margin-bottom: 20px;
  font-size: 14px;
}
.solution-table th, .solution-table td {
  border: solid 1px #aaaaaa;
  padding: 4px;
}
.solution-table th {
  background-color: #5B9BD5;
  text-align: left;
  color: #202020;
}
.solution-table td {
  color: #707070;
  vertical-align: top;
}

.solution-ttl {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
}
.solution-ttl-blue {
  color: #5B9BD5;
}

.tmp-image-box {
  background-color:#60AFE0;
  margin-bottom: 24px;
  padding: 100px;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
}

.solution-mainte-ope div {
  background-color: #3c9df4;
/*  background-color: #C6E2FC;*/
/*  background-color: #60AFE0;*/
  border-radius: 8px;;
  padding: 16px;
  font-size: 16px;
  color: #ffffff;
/*  color: #505050;*/
  text-align: center;
}
.solution-mainte-ope div span {
  font-size: 24px;
}

.img-box {
  margin-bottom: 16px;
}
.img-box img {
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 480px) {
  .solution-cat-box a {
    padding: 20px;
  }
  p.solution_box-ttl {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .solution_cat-point p.text {
    margin-bottom: 50px;
  }
  .solution-box {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .solution-cat-box {
    margin-bottom: 24px;
  }
  .solution_box-img {
    height: 104px;
  }
}

/*---------------------------------------------------------------------------
-------------------------------------MV--------------------------------------
---------------------------------------------------------------------------*/
.contact-visual {
  background: url(../img/contact-mv.png) 50% 50% / cover no-repeat;
}
.case-visual-area {
  background: url(../img/case-mv.png) 50% 50% / cover no-repeat;
}
.news-visual {
  background: url(../img/topic-mv.png) 50% 50% / cover no-repeat;
}
.mission-visual {
  background: url(../img/mission-mv.png) 50% 87% / cover no-repeat;
}
.solution-visual {
  background: url(../img/solution-mv.png) 50% 50% / cover no-repeat;
}

@media screen and (max-width: 768px) {
  .c-visual-area {
    padding: 60px 0 30px 0;
  }
}

@media screen and (max-width: 480px) {
  .c-visual-area {
    padding: 40px 0 20px 0;
  }
}

/*---------------------------------------------------------------------------
----------------------------------お問い合わせ--------------------------------
---------------------------------------------------------------------------*/
.mauticform_wrapper {
  margin: 10px 0 !important;
  font-size: 14px;
}
/*---------------------------------------------------------------------------
----------------------------------0604-news----------------------------------
---------------------------------------------------------------------------*/
img.alignnone {
  display: inherit;
}
img.aligncenter {
  display: inherit;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  display: inherit;
  margin-right: 0;
  margin-left: auto;
}


/*---------------------------------------------------------------------------
--------------------------------ソリューション新規-------------------------------
---------------------------------------------------------------------------*/
.sub-txtcontents p.text {
  display: inline-block;
  width: 74%;
  margin-right: 2%;
  vertical-align: top;
}
.sub-txtcontents div {
  display: inline-block;
  width: 24%;
}
.sub-txtcontents div img {
  width: 100%;
}
p.nocs_tag {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  padding: 11px 10px;
  margin-right: 2px;
  margin-bottom: 24px;
  background: #F2F2F2;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  width: 24.6%;
  margin-right: 0.5%;
  text-align: center;
}
p.nocs_tag:last-child {
  margin-right: 0;
}
p.nocs_tag.active {
  background: #C6E2FC;
}
.noc_tag-content {
  display: none;
}
.noc_tag-content.active {
  display: block;
  margin-bottom: 100px;
}
.tag_content-box {
  display: flex;
  flex-wrap: wrap;
}
.tag__box {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  border: 1px solid #60AFE0;
}
.tag__box:nth-child(3n) {
  margin-right: 0;
}
p.tag_box-title {
  padding: 8px 0;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #60AFE0;
}
.tag_box-content {
  padding: 10px;
}
.tag_box-content1 {
  align-self: flex-end;
  background-color: #5B9BD5;
  padding: 60px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}
.solution-t-img {
  margin-bottom: 50px;
}
.img_th div {
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  vertical-align: top;
}
.img_th div:last-child {
  margin-right: 0;
}
.img_th {
  margin-bottom: 50px;
}
p.img_th-txt {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 0;
  text-align: center;
  color: #fff;
  background: #60afe0;
}
.img_th div img {
  border: 1px solid #a4a4a4;
}
p.text.text-bd {
  font-weight: bold;
}
.table-area table th, .table-area table td {
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
  text-align: center;
  padding: 6px;
  border: 1px solid #333;
}
.table-area table th {
  width: 122px;
}
.table-area table td {
  width: 186px;
}
.table-area table {
  margin-bottom: 24px;
}
p.text.text-bd span {
  display: block;
  font-weight: normal;
}
table.tag_table th, table.tag_table td {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  padding: 6px 8px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #333;
}
table.tag_table th {
  width: 208px;
}
table.tag_table {
  margin-bottom: 24px;
}
.mana-box .sub-txtcontents div , .sub-txtcontents.harf-same div {
  width: 40%;
  margin-bottom: 24px;
  text-align: center;
}
.mana-box .sub-txtcontents p.text, .sub-txtcontents.harf-same p.text {
  width: 58%;
}
p.mana-box-ttl {
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #7A99B6;
}
.sub-txtcontents p.zoomup-btn.text {
  margin-right: 0;
  margin-top: 0;
  width: 100%;
}
.sub-txtcontents.harf-same a {
  display: inline-block;
  margin: 24px auto;
  width: 58%;
}
.sub-txtcontents.harf-same div.clibig-img div {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #333;
}
.sub-txtcontents.harf-same div.clibig-img div img {
  width: 80%;
  margin: 0 auto;
}
p.text.text-ct-blue {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #60aedf;
  padding: 0 10px;
  margin-bottom: 10px;
}

.list-ttl {
  margin-bottom: 10px !important;
}
ul.text, ol.text {
  margin-left: 24px;
  margin-bottom: 24px;
  font-size: 16px;
  color: #707070;
}
ul.text {
  list-style-type: disc;
}
ul.asterisk {
  margin-bottom: 24px;
  margin-left: 8px;
  font-size: 14px;
  color: #707070;
}
ul.asterisk li {
  list-style: none;
}
ul.asterisk li::before {
  margin-right: 4px;
}
ul.asterisk-1b li::before {
/*  content: "*";*/
  content: "※";
}
ul.asterisk-2b {
  font-size: 16px;
}
ul.asterisk-2b li::before {
  content: "※";
}

ul.text:last-child, ol.text:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 698px) {
  p.nocs_tag {
    width: 49.75%;
  }
  p.nocs_tag:first-child {
    margin-bottom: 16px;
  }
  p.nocs_tag:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 648px) {
  .sub-txtcontents p.text {
    width: 100%;
    margin-right: 0;
  }
  .sub-txtcontents div {
    width: auto;
    margin-bottom: 24px;
    vertical-align: bottom;
  }
  .img_th div {
    width: auto;
    margin-bottom: 16px;
  }
  table.tag_table th ,
  .table-area table th{
    width: 40%;
  }
  table.tag_table td ,
  .table-area table td {
    width: 60%;
  }
  .tag__box {
    width: 49%;
  }
  .tag__box:nth-child(2n) {
    margin-right: 0;
  }
  .tag__box:nth-child(2n-1) {
    margin-right: 2%;
  }
  .table-area table th, .table-area table td {
    padding: 6px 16px;
  }
  .mana-box .sub-txtcontents p.text, .sub-txtcontents.harf-same p.text {
    width: 100%;
  }
  .mana-box .sub-txtcontents div, .sub-txtcontents.harf-same div {
    width: auto;
  }
}

@media screen and (max-width: 480px) {
  .noc_tag {
    margin-bottom: 16px;
  }
  p.nocs_tag:nth-child(2n) ,p.nocs_tag:nth-child(2n-1) {
    width: 100%;
    margin-right: 0;
    border-radius: 0;
    margin-bottom: 8px;
    text-align: left;
  }
  .tag__box, .tag__box:nth-child(2n-1) {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/*---------------------------------------------------------------------------
----------------------------------サイトマップ２--------------------------------
---------------------------------------------------------------------------*/

.sitemap-contents {
  display: flex;
}
.sitemap-contents-top ,
.sitemap-contents-under{
  width: 200px;
  margin-right: 56px;
  padding-top: 20px;
  border-top: 1px solid #5B9BD5;
}
.sitemap-content a {
  display: inline-block;
  color: #5B9BD5;
  font-size: 18px;
  font-weight: bold;
}
.sitemap-content a span {
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  vertical-align: text-bottom;
  margin-right: 16px;
}
.sitemap-contents-under {
  width: 100%;
  padding-left: 18px;
  margin-right: 0;
}
.sitemap-contents-under .sitemap-content {
  display: flex;
}
a.sitemap-link-ttl {
  width: 24%;
  margin-right: 4%;
  min-width: 160px;
}
.sitemap-list {
  width: 72%;
}
.sitemap-list ul a {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  text-decoration: underline;
}
/*@media screen and (max-width: 768px) {
  .sitemap-contents-top {
    width: 168px;
    margin-right: 40px;
  }
  a.sitemap-link-ttl {
    width: 46%;
  }
}*/
@media screen and (max-width: 684px) {
  .sitemap-contents {
    flex-wrap: wrap;
  }
  .sitemap-contents-top {
    width: 100%;
    margin-right: 0;
  }
  .sitemap-contents-under {
    padding-left: 0;
  }
  .sitemap-content a span {
    margin-right: 10px;
  }
}
@media screen and (max-width: 684px) {
  .sitemap-content a {
    font-size: 18px;
  }
  .sitemap-content a span {
    font-size: 12px;
    line-height: 18px;
  }
  .sitemap-list ul li {
    margin-bottom: 8px;
  }
  .sitemap-list ul a {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
  }
  .sitemap-contents-under .sitemap-content {
    flex-wrap: wrap;
  }
  .sitemap-list {
    width: 100%;
  }
  a.sitemap-link-ttl {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
}

/*---------------------------------------------------------------------------
-------------------------------運用コンサルティングサービス------------------------
---------------------------------------------------------------------------*/
/*一部デザイン変更*/
.consulting-flow-box {
  display: inline-block;
}
.flow-box-wrap {
  display: flex;
}
p.consulting-flow-ttl {
  width: 120px;
  border-radius: 0;
  background: none;
  color: #3C9DF4;
  padding: 0 18px;
  border-right: 1px solid #fff;
}
p.consulting-flow-ttl span {
  display: block;
  font-size: 16px;
}
p.consulting-flow-txt {
  padding: 0 16px;
  border: none;
  color: #707070;
  width: 434px;
}
.flow-box-wrap {
  display: inline-flex;
  border-radius: 5px;
  background: #F2F2F2;
  padding: 12px 0;
  box-shadow: 2px 3px rgba(0,0,0,.16);
}
.consulting-flow-arrow {
  margin: 10px 0;
}
.consulting-flow-item:nth-child(2)::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 88%;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  background: #f7ba50;
}
.consulting-flow-box.box-1 {
  margin-left: 32px;
}
.consulting-flow-box.box-2 {
  margin-left: 64px;
}
.consulting-flow-box.box-3 {
  margin-left: 96px;
}
.consulting-flow-box.box-4 {
  margin-left: 128px;
}
.flow-box-wrap.flow-box-1 {
  position: relative;
}
.flow-box-wrap.flow-box-1::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 100%;
  top: 50%;
  left: -87px;
  -webkit-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  background: url(../img/flow-arrow03.png) 0 50%/auto no-repeat;
}
.flow-box-wrap.flow-box-4 {
  position: relative;
}
.flow-box-wrap.flow-box-4::before {
  content: "";
  position: absolute;
  top: 62%;
  left: -184px;
  -webkit-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  height: 2px;
  width: 178px;
  background: #f7ba50;
}
@media screen and (max-width: 1287px) {
  p.consulting-flow-txt {
    width: 310px;
  }
  .consulting-flow-item:nth-child(2)::before {
    height: 87%;
    top: 51%;
  }
  .flow-box-wrap.flow-box-4::before {
    top: 60%;
  }
  .consulting-flow-box.box-1 {
    margin-left: 24px;
  }
  .consulting-flow-box.box-2 {
    margin-left: 48px;
  }
  .consulting-flow-box.box-3 {
    margin-left: 72px;
  }
  .consulting-flow-box.box-4 {
    margin-left: 96px;
  }
  .flow-box-wrap.flow-box-1::before {
    left: -80px;
  }
  .flow-box-wrap.flow-box-4::before {
    top: 60%;
    left: -152px;
    width: 148px;
  }
}
@media screen and (max-width: 1130px) {
  .consulting-flow-box.box-1 {
    margin-left: 8px;
  }
  .consulting-flow-box.box-2 {
    margin-left: 16px;
  }
  .consulting-flow-box.box-3 {
    margin-left: 24px;
  }
  .consulting-flow-box.box-4 {
    margin-left: 32px;
  }
  .flow-box-wrap.flow-box-1::before {
    left: -64px;
  }
  .flow-box-wrap.flow-box-4::before {
    left: -88px;
    width: 86px;
  }
}
@media screen and (max-width: 664px) {
  .consulting-flow-box.box-1 ,
  .consulting-flow-box.box-2 ,
  .consulting-flow-box.box-3 ,
  .consulting-flow-box.box-4 {
    margin-left: 0;
  }
  .consulting-flow-item:nth-child(2)::before {
    height: 95%;
    top: 50%;
    width: 48px;
    background: url(../img/flow-arrow02.png) 0 50%/300% 95% no-repeat;
  }
  .flow-box-wrap.flow-box-1::before,
  .flow-box-wrap.flow-box-4::before {
    content: none;
  }
  .consulting-flow-box {
    display: block;
  }
  .flow-box-wrap {
    display: flex;
  }
  p.consulting-flow-txt {
    width: 100%;
  }
  p.consulting-flow-ttl {
    white-space: nowrap;
  }
}
@media screen and (max-width: 480px) {
  .consulting-flow-item:nth-child(2)::before {
    width: 30px;
  }
  .flow-box-wrap {
    flex-wrap: wrap;
    padding: 12px;
  }
  p.consulting-flow-ttl {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #fff;
    padding: 0 0 4px 0;
    margin-bottom: 4px;
    max-width: none;
  }
  p.consulting-flow-txt {
    padding: 0;
  }
  p.consulting-flow-ttl span {
    display: inline-block;
  }
}


/*0606アイコン追加配置*/
.mission-top-text ,
.serbice-top-txt {
  display: flex;
}
.mission-top-text p.text ,
.service-txt-top {
  width: 88%;
  margin-right: 4%;
}
.mission-top-text .card-img ,
.serbice-top-txt .card-img {
  min-width: 134px;
  margin-right: 0;
  margin-bottom: 75px;
  position: relative;
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
}
.mission-top-text .card-img img,
.serbice-top-txt .card-img img {
  margin: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mission-top-text .card-img, 
  .serbice-top-txt .card-img {
    width: 20%;
    min-width: 108px;
  }
}
@media screen and (max-width: 480px) {
  .mission-top-text ,
  .serbice-top-txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .mission-top-text p.text ,
  .service-txt-top {
    width: 100%;
    margin-right: 0;
    order: 1;
  }
  .mission-top-text .card-img ,
  .serbice-top-txt .card-img {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .mission-top-text .card-img img, 
  .serbice-top-txt .card-img img {
    width: 106px;
    margin: 0 auto;
  }
}
/*0606スライダー矢印追加*/
button.slick-prev.slick-arrow {
  width: 40px;
  height: 40px;
  z-index: 999;
}
.slick-prev {
  left: 20px;
}
.slick-next {
  right: 20px;
}
.slick-prev, .slick-next {
  width: 40px;
  height: 40px;
}
.slick-prev:before, .slick-next:before {
  font-size: 40px;
  /*font-weight: 900;*/
  font-family: "Font Awesome 5 Free";
  color: #1d2d53;
}
.slick-prev:before {
  /*content: "\f053";*/
  content: "〈";
}
.slick-next:before {
  /*content: "\f105";*/
  content: "〉";
}
@media screen and (max-width: 996px) {
  .slick-prev {
    left: 0;
  }
  .slick-next {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .slick-prev {
    left: -10px;
  }
  .slick-next {
    right: -10px;
  }
}
@media screen and (max-width: 480px) {
  .slick-prev:before, .slick-next:before {
    font-size: 32px;
  }
  .slick-prev {
    left: -16px;
  }
  .slick-next {
    right: -16px;
  }
}


/*404*/
main.mv-none-type {
  padding-top: 40px;
  padding-bottom: 40px;
}
main.mv-none-type h1 {
  margin-bottom: 40px;
}


/*ie修正*/
@media all and (-ms-high-contrast: none) {
  .header-top {
    text-align: justify;
  }
  .white-icon {
    transform: translateY(-50%) translateX(-50%);
  }
  .case-dettl-area .profi-photo img {
    height: auto;
    margin-top: -10%;
  }
}