@charset "UTF-8";
/*------------------------------------------------------
 共通
-------------------------------------------------------*/
/*------------------------------------------------------
 施工事例
-------------------------------------------------------*/
.results-area .listpage a {
  text-decoration: none;
  color: #333;
  border-radius: 10px;
  padding: 10px;
  display: block; }
  .results-area .listpage a:hover {
    background: #EEE; }
.results-area .listpage .photo-wrap {
  overflow: hidden;
  margin-bottom: 1.5rem; }
  .results-area .listpage .photo-wrap img {
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 10px; }
  .results-area .listpage .photo-wrap .case-name {
    position: relative;
    padding: 1rem; }
    .results-area .listpage .photo-wrap .case-name:before {
      position: absolute;
      top: 0;
      left: calc(50% - 30px);
      width: 60px;
      height: 5px;
      content: '';
      border-radius: 3px;
      background: #1DB4D4; }
.results-area .detailpage .case-box {
  padding: 0 1rem 2rem; }
  .results-area .detailpage .case-box .case-comment {
    position: relative;
    padding: .2rem .3rem .5rem; }
    .results-area .detailpage .case-box .case-comment:before {
      position: absolute;
      top: -7px;
      left: 5px;
      width: 30px;
      height: 5px;
      content: '';
      border-radius: 3px;
      background: #1DB4D4; }
  .results-area .detailpage .case-box img {
    margin: 0 auto; }

/*------------------------------------------------------
 会社概要
-------------------------------------------------------*/
.campany-area .greeting-text {
  padding: .5rem 1rem 0 2rem; }
  @media screen and (max-width: 576px) {
    .campany-area .greeting-text {
      padding: .5rem; } }

/*------------------------------------------------------
 スタッフ紹介
-------------------------------------------------------*/
.staff-photo .item {
  padding: 1.5rem; }
.staff-photo .name {
  border-bottom: dotted 3px #CEF3FD;
  padding-bottom: 5px; }

/*------------------------------------------------------
　フォームメール
-------------------------------------------------------*/
.contact-area span.required {
  background: #F36467;
  color: #FFF;
  font-size: 90%;
  padding: 0 10px 3px;
  border-radius: 6px;
  display: inline-block;
  margin-left: 1rem; }

input[type="text"], input[type="tel"], input[type="number"], input[type="email"] {
  border: solid 1px #CCCCCC;
  width: 98%;
  font-size: 120%;
  padding: 10px 5px; }

textarea {
  border: solid 1px #CCCCCC;
  width: 98%;
  font-size: 120%;
  padding: 10px 5px; }

input[type="submit"], input[type="reset"], input[type="button"] {
  width: 10em;
  padding: 0.8em 0 0.7em;
  border: solid 1px #CCCCCC;
  cursor: pointer;
  border-radius: 6px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 26%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #ffffff 26%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #ffffff 26%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  font-weight: bold;
  font-size: 110%; }

input[type="submit"] {
  background: #FF9833; }

input[type="reset"], input[type="button"] {
  background: #A3E8CB; }

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  transform: scale(1.1, 1.1); }