@charset "UTF-8";

/* ========================================
   consulting-top
======================================== */

/* cases */
#consulting-top .cases{
  padding-top: 10.5rem;
}
@media (max-width: 750px) {
  #consulting-top .cases{
    padding-top: 5.8rem;
  }
}
#consulting-top .cases .cases-card-list{
  margin-top: 8rem;
}
@media (max-width: 750px) {
  #consulting-top .cases .cases-card-list{
    margin-top: 4.5rem;
    gap: 3.3rem;
  }
}

/* consulting-flow */
#consulting-top .consulting-flow{
  padding-top: 15.9rem;
  padding-bottom: 12.8rem;
}
@media (max-width: 750px) {
  #consulting-top .consulting-flow{
    padding-top: 6.7rem;
    padding-bottom: 6.3rem;
  }
}
#consulting-top .consulting-flow .consulting-flow-card-list{
  margin-top: 10.8rem;
}
@media (max-width: 750px) {
#consulting-top .consulting-flow .consulting-flow-card-list{
    margin-top: 7.9rem;
  }
}
#consulting-top .consulting-flow .consulting-flow-text-1{
  margin-top: 3.9rem;
}
@media (max-width: 750px) {
  #consulting-top .consulting-flow .consulting-flow-text-1{
    margin-top: 2.4rem;
  }
}

/* business-detail */
#consulting-top .business-detail{
  margin-top: 6.2rem;
}
#consulting-top .business-detail .section-content{
  margin-top: 8.9rem;
}
@media (max-width: 750px) {
  #consulting-top .business-detail .section-content{
    margin-top: 3.7rem;
  }
}
#consulting-top .business-detail .media-object + .media-object{
  margin-top: 6.7rem;
}
@media (max-width: 750px) {
  #consulting-top .business-detail .media-object + .media-object{
    margin-top: 4.3rem;
  }
}

/* merit */
#consulting-top .merit{
  padding-top: 11.2rem;
}
@media (max-width: 750px) {
  #consulting-top .merit{
    padding-top: 5.3rem; 
  }
}
#consulting-top .merit .section-content{
  margin-top: 4.3rem;
}
@media (max-width: 750px) {
  #consulting-top .merit .section-content{
    margin-top: 3.1rem; 
  }
}
#consulting-top .merit .item.build-app{
  margin-top: 3.9rem;
}
@media (max-width: 750px) {
  #consulting-top .merit .item.build-app{
    margin-top: 5.3rem; 
  }
}
#consulting-top .merit .item.build-app ul{
  margin-top: 4.3rem;
}
@media (max-width: 750px) {
#consulting-top .merit .item.build-app ul{
    margin-top: 2.5rem; 
  }
}
#consulting-top .merit .item.plan .media-object{
  margin-top: 4.3rem;
}
@media (max-width: 750px) {
  #consulting-top .merit .item.plan .media-object{
    margin-top: 3.3rem; 
  }
}
#consulting-top .merit .item.plan .media-object .body{
  margin-top: 0.8rem;
}
#consulting-top .merit .item.plan .media-object .media{
  background-color: #fff;
  padding: 3.7rem 2rem 3.25rem;
}
#consulting-top .merit .item.plan .media-object .media img{
  max-width: 47.3rem;
}

#consulting-top .merit .item.build-app .images {
  display: flex;
  max-width: 95.7rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding: 2.1rem 4.4rem 4.3rem 4.3rem;
  margin-top: 5.5rem;
}
@media (max-width: 750px) {
  #consulting-top .merit .item.build-app .images {
    display: block;
    padding: 1rem 5rem 2.4rem;
  }
#consulting-top .merit .merit-item-heading{
    font-size: 2rem;
  }
}
#consulting-top .merit .item.build-app .images figure {
  padding-right: 5%;
  background-image: url(/wp-content/themes/ginsen-theme/assets/images/consulting/top/icon-arrow-01.png);
  background-position: right 4% top 60%;
  background-repeat: no-repeat;
  background-size: 1.7rem;
  flex: 1;
}
@media (max-width: 750px) {
  #consulting-top .merit .item.build-app .images figure{
    margin-bottom: 1.6rem;
    padding-right: 0;
    padding-bottom: 6rem;
    background-image: url(/wp-content/themes/ginsen-theme/assets/images/consulting/top/icon-arrow-02.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 2.6rem;
  }
#consulting-top .merit .item.build-app .images figure:last-child{
    margin: 0;
    padding: 0;
    background: none;
  }
}
#consulting-top .merit .item.build-app .images figcaption {
  text-align: center;
  font-size: 1.6rem;
  line-height: 2;
}
@media (max-width: 750px) {
  #consulting-top .merit .item.build-app .images figcaption{
    font-size: 1.8rem;
    line-height: 2.5;
  }
}
#consulting-top .merit .item.build-app .images figure:last-child {
  padding-right: 0;
}

#consulting-top .merit .item.after-service{
  margin-top: 9.2rem;
}
@media (max-width: 750px) {
  #consulting-top .merit .item.after-service{
    margin-top: 5.3rem; 
  }
}
#consulting-top .merit .item.after-service .media-object{
  margin-top: 2.7rem;
}

/* contact-dept */
#consulting-top .contact-dept .contact-dept-item{
  width: 54rem;
  max-width: 100%;
}
@media (min-width: 751px) {
  #consulting-top .contact-dept-item{
    padding: 2.9rem 2rem 4.7rem;
  }
}
@media (max-width: 750px) {
  #consulting-top .contact-dept .contact-dept-item{
    width: 100%;
  }
}

/* modal */
@media (min-width: 751px) {
  #consulting-top .modal .modal-section-box .compact-flexible-box{
    max-width: 60%;
    display: flex;
    flex-wrap: wrap;
  }
  #consulting-top .modal .modal-section-box .compact-flexible-box > *{
    flex: 1 1 50%;
  }
}