@charset "UTF-8";
/* Scss Document */
/* color */
/* media queries*/
/*========== #casestudies ==========*/
/*========== #casestudies 2108 ==========*/
/*==========事例TOP ==========*/
.main_title_top {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 2rem 0;
  background: #47463b;
  padding: .8rem 0;
  color: #fff; }
  @media screen and (max-width: 767px) {
    .main_title_top {
      font-size: 1.5rem; } }

/*========== .individual_article 事例TOP ==========*/
/*.individual_article{
		margin: 3rem 2rem 0 2rem;
		display: flex;
		flex-wrap: wrap;
		
		@include max899 {
			display: block;
		}
		
		@include max767 {
			margin: 3rem 5% 0 5%;
		}
		@include max480 {
			margin: 3rem 0 0 0;
		}*/
.case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: #E2E2E2 1px solid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 1rem 0;
  width: calc( 100% / 3);
  margin: 0 .5rem 1rem 0; }
  @media screen and (max-width: 899px) {
    .case {
      display: block;
      width: 100%; } }
  .case .article {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 .3rem;
    padding: .5rem;
    display: block; }
    @media screen and (max-width: 899px) {
      .case .article {
        /*display: flex;*/
        width: 80%;
        margin: 1rem auto; } }
    @media screen and (max-width: 640px) {
      .case .article {
        width: 100%; } }
    .case .article .img_box {
      position: relative;
      text-align: center; }
      @media screen and (max-width: 899px) {
        .case .article .img_box {
          /*width: 50%;*/
          text-align: center;
          background: rgba(71, 70, 59, 0.3); } }
      .case .article .img_box .group {
        background: #47463b;
        color: #fff;
        text-align: center;
        position: absolute;
        bottom: .5rem;
        left: 0;
        width: 100%; }
        @media screen and (max-width: 899px) {
          .case .article .img_box .group {
            right: 0;
            left: 0;
            width: 100%; } }
    .case .article .text_box {
      overflow: hidden; }

      .case .article .text_box .campany {
		  text-align: center;
		  font-weight: bold;
		  font-size: 1.1rem;
		  margin: 1rem 0;
		  /*height: 3.5rem;*/
}

        @media screen and (max-width: 899px) {
          .case .article .text_box .campany {
            height: auto; } }
      .case .article .text_box .case_lead {
        padding: .5rem 0; }
      .case .article .text_box .tag {
        background-color: #EDE7C0;
        border-radius: 5px;
        display: inline-block;
        font-size: .9rem;
        margin: .3rem;
        padding: .3rem; }
      .case .article .text_box .tag_title {
        border-radius: 5px;
        font-size: .9rem;
        margin: .3rem;
        padding: .3rem;
        text-align: center;
        background: #47463b;
        color: #fff; }

/*}*/
/*========== end .individual_article　事例TOP ==========*/
/*========== IE用202206まで ==========*/
.img_box img.img-fluid {
  width: 100% !important; }

/*========== /IE用202206まで ==========*/