@charset "UTF-8";
/* products style */

.outline-area .link-ancher {
    margin-top: 0;
}

.outline-area li {
    margin-top: 0 !important;
}

.outline-area .heading03 {
    margin-top: 1em !important;
}

/* Category Page
========================================== */

.flex-menu .menu-title span {
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.3;
	display: table-cell;
	vertical-align: middle;
	padding: 0 40px 0 70px;
	position: relative;
	padding-left: 0px;
	vertical-align: top;
}


/* Products
========================================== */

.products .keyvisual h1 span {
	color:#333;
	background-color: rgba(255,255,255,0.9);
	padding: 1.6rem 4rem;
}

.products .product-name {
	margin: 1rem 0 0 1rem !important;
	font-size: 1.8rem;
	color: #555;
}

.products .main-col .section {
	margin: 4rem 0 6rem 0;
}

.products .main-col ul.link-list {
	list-style: none;
	padding-inline-start: 0;
	margin-block-start: 0;
    margin-block-end: 0;
}
.products .main-col .link-list li {
	margin-bottom: 0.8rem;
}

.products .main-col .code {
	margin: 4rem 0;
	padding: 2rem;
	background-color: #333;
	color: #eee;
}

.products .main-col .flex-wrap .link-btn01 {
	margin: 1rem !important;
}

.products .main-col .flex-wrap .link-btn01 a {
	padding: 1em 3em;
}

.products .partner-logo {
	border: 1px solid #DDD;
	padding: 2em;
	margin: 0 4em;
}

.products .cloud-oss-list .col {
	text-align: center;
}

.products #main .cloud-oss-list p {
	margin: 0.5em 0;
}

.products #main .cloud-oss-list a {
	margin-top: 2em;
    display: inline-block;
}


/* Side-col
========================================== */

.products .side-col .level2 {
	margin-left: 1em;
}

/* Search
========================================== */

.products button.nomal {
	padding: 0.5rem 4rem;
	border-radius: 10%;
	color: #333;
	background-color: #eee;
	cursor: pointer;
}

#search-result{
	margin-top: 4rem;
}

#search-result p {
	margin-left: 4rem;
}

#search-result .prod-result{
	margin: 1rem 0 4rem 0;
}

#search-result .prod-category{
	font-size: 1.5rem;
	font-weight: 400;
	margin-left: 1rem;
	background-color: #eee;
	padding: 0.5rem 1rem;
}

/* Table
========================================== */


.products .main-col table {
	width: 100%;
	background-color: #FFF;
}

.products .main-col th,
.products .main-col td {
	padding: 1em;
	text-align: left;
	overflow-wrap: anywhere;
	border: 1px solid #CCC;
}

.products .main-col th {
	min-width: 5em;
	background-color: #FAFAFA;
}

.products .main-col td {
	min-width: 4em;
}

.products .main-col thead th {
	background-color: #EEE;
}

.products .main-col table.no-border th,
.products .main-col table.no-border td {
	background-color: #FFF;
}

.products .main-col table.no-border thead th{
	background-color: #FAFAFA;
}

.products .main-col table.no-border th,
.products .main-col table.no-border td{
	border-width: 0 0 1px 0;
	border-color: #EEE;
}


@media only screen and (max-width: 768px) {

	.products .main-col table {
		table-layout: fixed;
		width: auto;
	}

	.products .main-col thead th {
		white-space: nowrap;
	}
	
	.responsive-table {
		width: 100%;
		overflow-x: scroll;
	}
}

/* Industry
========================================== */

.industry .thumb figure img {
	width: 100%;
	aspect-ratio: 6 / 4;
	object-fit: cover;
}

.industry .archive-link li {
	white-space: nowrap;
}
.industry .cs-products dd {
	width: 15em;
}
/* yorozu
========================================== */
.yorozu-usecase .past-list dt{
font-size: 1.8rem;
    font-weight: 500;
    padding: 30px 0;
    border-top: 1px solid #DCDCDC;
    position: relative;
}
.yorozu-usecase .past-list dd {
    padding-bottom: 30px;
    display: none;
}
.yorozu-usecase .past-list dt:before, .yorozu-usecase .past-list dt:after {
    content: '';
    background-color: #000;
    display: block;
    width: 12px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 35px;
    margin-top: -1px;
    transition: 0.2s ease-in-out;
}
.yorozu-usecase .past-list dt.active:after {
    background-color: #fff;
    width: 0;
    height: 0;
}
.yorozu-usecase .past-list dt:after {
    transform: rotate(90deg);
}
.yorozu-usecase .accordion-menu dt p{
      font-size: .8em;
width:85%;
}
.yorozu-usecase .accordion-menu dd p{
      font-size: .8em;
    background: #FAFAFA;
    padding: 1em;
}
.yorozu-usecase .accordion-menu dt p a{
    text-decoration: none;
}
.yorozu-usecase .tag-list{
margin-top: 1em !important;
}
.yorozu-usecase .tag-list li a{
    color: #FFF;
    background-color: #5AAFE1;
   border-radius: 0;
}
.yorozu_showcase_thumb .flex-wrap{
    justify-content: space-between;
}
.yorozu_showcase_thumb .flex-wrap .col{
	width: 32%;
 	margin-right: 0; 
 	margin-top: 0 !important; 
}
.yorozu_showcase_ex_3{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-top:2rem ;
}
.yorozu_showcase_ex_3 p{
	width:48%;
	margin-top:0 !important; 
}
@media only screen and (max-width: 768px) {
.yorozu_showcase_thumb .flex-wrap .col p{
    font-size: 1.6rem;
}
.yorozu_showcase_ex_3 p{
	width:100%;
}
.yorozu_showcase_ex_3 p:nth-child(2){
	margin-top:2rem ;
}
}
/* container-consulting
========================================== */
.container-consulting-footer-box img{
	background: #fff;
}
.container-consulting-box .link-btn01{
text-align: center;
}
.container-consulting-box .col{
    border: solid 1px #ddd;
    border-radius: 20px;
    padding: 30px;
}
.container-consulting-box .col .link-btn01a{
	margin-top: 2rem;
}
.container-consulting-box  .flex-wrap{
	margin-bottom: 70px;
}
.container-consulting-box  table{
	margin-top: 2em ;
}

.container-consulting-footer-box{
	background: #eee;
padding: 30px;
}
.container-consulting-footer-box h2 span{
	color:#5AAFE1;
}
.container-consulting-footer-box .contact{
	text-align: center;
}
.container-consulting-list{
	margin-top: 2em ;
}
.container-consulting-training-box  .col{
    border: solid 1px #ddd;
    border-radius: 20px;
	width: calc((100% - 6%) / 4);
    margin-right: 1.5%;
    text-align: center;
    padding: 30px 30px 120px;
position: relative;
}
.container-consulting-training-box  .col3{
	width: calc((100% - 6%) / 3);
}
@media only screen and (max-width: 1274px){
.container-consulting-training-box  .col {
	width: calc((100% - 5%) / 2);
    margin-right: 2.5%;
    margin-bottom: 2.5%;
}
}
@media only screen and (max-width: 768px){
.container-consulting-training-box  .col {
	width: 100%;
    margin-right: 0;
}
}
.training-box-footer .flex-wrap{
    justify-content: center;
}
.container-consulting-training-box  .col .link-btn01{
    padding: 0;
    position: absolute;
    bottom: 30px;
    width: calc(100% - 60px);
    margin: 0 auto !important;
}
.container-consulting-training-box  .col .link-btn01 a{
    width: 100%;
 padding: 1em !important;
}
.container-consulting-training-box .col img{
    margin-bottom: 20px;
}
.container-consulting-training-box .col table {
    width: 100%;
}
.container-consulting-training-box .col table td{
    border: solid 1px #fff;
    padding: 0.5em !important;
}
.container-consulting-flow-box  table td ,.container-consulting-flow-box  table th{
    border: solid 1px #fff !important;
	background: #fff !important;
}
.container-consulting-flow-box  table th{
    color: #5AAFE1;
}
.container-consulting-footer-box ul {
  list-style-type: none;
	width:100% !important;
}
.container-consulting-footer-box li {
  position: relative;
}
.container-consulting-footer-box li::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.5em;
  width: 10px;
  height: 5px;
  border-left: 2px solid  #5AAFE1;
  border-bottom: 2px solid #5AAFE1;
  transform: rotate(-45deg);
}
.container-consulting-case-box .col span{
	color:#5AAFE1;
}
.container-consulting-case-box .col{
	width:50%;
}
.container-consulting-case-box .col img{
    width: 50%;
}
@media only screen and (max-width: 768px){
.container-consulting-case-box .col{
	width:100%;
}
.container-consulting-case-box .col img{
    width: 100%;
    margin-top: 20px;
}
}
.container-consulting-case-detail-box .list{
    background-color: #f7f7f7;
	padding: 20px;
}
.container-consulting-case-detail-box .list .heading06{
	color:#5AAFE1;
}
.container-consulting-case-detail-box .list ul {
  list-style-type: none;
	width:100% !important;
}
.container-consulting-case-detail-box .list li {
  position: relative;
}
.container-consulting-case-detail-box .list li::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.5em;
  width: 10px;
  height: 5px;
  border-left: 2px solid  #5AAFE1;
  border-bottom: 2px solid #5AAFE1;
  transform: rotate(-45deg);
}
.container-consulting-case-detail-box .list li::before {
	content:"";
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	border-radius:8px;
	background:#ffffff;
    left: -28px;
    top: 3px;
}
.container-consulting-case-introduction-box .list{
    border: solid 2px #999;
    padding: 20px;
}
.container-consulting-case-introduction-box ul{
  list-style-type: none;
padding: 0;
}
.container-consulting-case-introduction-box li{
   position: relative;
   padding-left: 15px;
  }
 
 .container-consulting-case-introduction-box li:before {
   content: "";
    position: absolute;
    top: .6em;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    border-top: 2px solid #555;
    border-right: 2px solid #555;
  }
 
 .container-consulting-case-introduction-box li:after {
    content: "";
    position: absolute;
    top: 0.82em;
    left: -1px;
    width: 10px;
    height: 2px;
    background-color: #555;
  }