.header__btn .btn--contact {	
margin-right: 10px;	
}

.topbutton a {
    background:none;
    border: solid 3px #fff;
    -webkit-box-shadow: none;	
box-shadow: none;
}

.topbutton a:hover {
    -webkit-box-shadow: none;
    box-shadow:none;
    background-color: #fff;	
color: #3F0A00;
}
h1.toptitle {
    bottom: 43%;
    filter: none;
    color: #fff;
}

h1.toptitle .large {	
    font-size: 3.3vw;	
    }	

    .problem__ttl {	
        font-size: 24px;	
    }
    .problem__ttl--lg {	
        font-size: 32px;	
    }

    .problem__list {
        padding-bottom: auto;
    }
    .problem__item {	
        flex: 0 1 29%;	
        font-size: 12.5px;	
padding: 30px 20px;	
border-radius: 20px;	
background-color: #fff;	
box-shadow: 0 3px 20px rgba(13, 65, 67, 0.1);
    }

    .problem__itemBody {
padding: 0px;
border-radius: 0px;
background-color: none;
	box-shadow:none;
    }

    .problem__itemImg {	
        margin: 20px auto;	
    }

    p.problem__txt {	
        font-weight: normal;
    }

    p.problem__txt span {
background-color: none;
}

.solution__title {	
    background-color: #bb8277;	
padding: 40px 0;	
}

.solution__ttl {	
    font-size: 45px;	
}

.solution__ttl_ma {	
    font-size: 65px;	
}
.casestudy {	
    margin-bottom: 150px;	
}

 

/* 990px	
--------------------------------------------- */	
@media (max-width: 990px) {	
    .solution__ttl {	
        line-height: 1.5;	
    }
    .solution__ttl_ma {	
        font-size: 45px;	
    }
}

    
    /* 810px	
    --------------------------------------------- */	
@media (max-width: 810px) {	
    .top {

        background-color: none;
        height: auto;
    }
    h1.toptitle {
        top:auto;
    }
    .resizeimage {

        padding-top: 0px;
    }
}
/* 744px	
--------------------------------------------- */	
@media screen and (max-width: 744px) {	
    /*744px以下*/	
    .resizeimage img {	
height: 300px;	
object-fit: cover;	
}
}

/* 545px	

--------------------------------------------- */	
@media screen and (max-width: 545px) {	
    .resizeimage img {	
        height: 200px;	
        object-fit: cover;	
    }
    .topbutton {	
top: 72%;	
  }
  .resizeimage {	
margin-top: 70px;
  }
  .resizeimage img {	
    object-fit: cover;	
  }
  h1.toptitle {	
    font-size: 1.5rem;	
  }
  h1.toptitle .large {	
    font-size: 2rem;	
  }
  .solution__sp_img {	
display: inline;	
}	
.solution__pc_img {	
display: none;	
}



/* 320px 
--------------------------------------------- */
@media (max-width: 320px) {

  /* ----------------------- */
  /* problem 320px
  /* ----------------------- */

  .problem__ttl {
    font-size: 18px;
  }

  .problem__ttl--lg {
    font-size: 25px;
  }

  /* ----------------------- */
  /* solution 320px
  /* ----------------------- */

  .solution__logo {
    width: 160px;
  }

  .solution__headTxt {
    font-size: 18px;
  }

  .solution__ttl {
    font-size: 40px;
  }

  .casestudy {
    margin-bottom: 10px;
}

}

