@charset "UTF-8";
.img-square {
  padding-top: 75.1% !important;
}

.bl-grey {
  border-left: solid 1px #ccc;
}

@media only screen and (max-width: 767px) {
  .bl-grey {
    border-left: solid 0px #ccc;
  }
}

@media only screen and (max-width: 767px) {
  .bb-grey {
    border-bottom: solid 1px #ccc;
  }
}

.category-summary {
  font-size: 2.4rem;
  padding: 35px 15px;
  margin-bottom: 40px !important;
}

@media only screen and (max-width: 767px) {
  .category-summary {
    font-size: 2rem;
    padding: 20px 15px;
  }
}

.ttl_04 {
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .ttl_04 {
    margin-bottom: 20px;
  }
}

/**********************************************************************
	社長挨拶 - className : Greeting
***********************************************************************/
.Greeting.container_liquid {
/*
  padding-top: 40px;
*/
  padding-bottom: 0;
}

.Greeting .ttl_05 {
  margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  .Greeting .ttl_05 {
    font-size: 1.7rem;
    padding: 20px 10px;
    margin-bottom: 30px;
  }
}

.Greeting .Top-message {
  padding-bottom: 30px;
}

/**********************************************************************
	社長インタビュー - className : Top-interview
***********************************************************************/
.Top-interview {
  position: relative;
  height: 330px;
  background: url("../images/bg_top-interview.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 70px 15px 61px;
}

@media only screen and (max-width: 767px) {
  .Top-interview {
    background-position: 0 center;
  }
}

.Top-interview .card-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.Top-interview .m-card {
  width: 430px;
  height: 205px;
  padding-top: 0;
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .Top-interview .m-card {
    max-width: 300px;
    background-color: rgba(255, 255, 255, 0.9);
  }
}

.Top-interview .m-card.card-picture .picture-img {
  height: 100%;
}

.Top-interview .m-card.card-picture .picture-img:after {
  border-right-color: #79d0e3;
  right: 1px;
  bottom: 1px;
}

.Top-interview .m-card.card-picture .picture-inner {
  top: 28%;
}

.Top-interview .ttl_03 {
  font-family: "Noto Sans Japanese";
  text-align: center;
}

.Top-interview .ttl_03:after {
  display: none;
}

.Top-interview .ttl_03 span {
  color: #79d0e3;
  margin-bottom: 20px;
}

/**********************************************************************
	ミッションステートメント - className : Mission-statement
***********************************************************************/
.Mission-statement .Mission-statement-msg {
  background: -moz-linear-gradient(270deg, #e5ebf9 0%, white 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5ebf9), color-stop(100%, white));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(270deg, #e5ebf9 0%, white 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(270deg, #e5ebf9 0%, white 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(270deg, #e5ebf9 0%, white 100%);
  /* ie10+ */
  background: linear-gradient(180deg, #e5ebf9 0%, white 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ebf9', endColorstr='#ffffff',GradientType=0 );
  /* ie6-9 */
}

.Mission-statement.container_liquid {
  padding-top: 70px;
  padding-bottom: 30px;
}

.Mission-statement .ttl_05 {
  margin-bottom: 60px;
}

.Mission-statement .Top-message {
  padding-bottom: 90px;
}