@charset "UTF-8";
.philosophy{
  margin-top: 60px;
}
.number__block__image {
  width: 47.66%;
}
@media (max-width: 568px) {
  .philosophy{
    margin-top: 40px;
  }
  .number__block__image {
    width: 80%;
  }
}


/***********************************
*　締め
************************************/
.closing_box{
  margin: 50px 0 0;
  text-align: center;
}
.txt_closing{
  font-size: 24px;
  margin: 0 0 30px;

}
.closing_read {
  font-size: 26px;
  position: relative;
  padding: .25em 1.5em;
  display: inline-block;
  text-align: center;
}

.closing_read::before,
.closing_read::after {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 100%;
    border: 3px solid var(--primary-color);
    box-sizing: border-box;
    content: '';
}
.closing_read::before {
    top: 0;
    left: 0;
    border-right: none;
}
.closing_read::after {
    bottom: 0;
    right: 0;
    border-left: none;
}

@media only screen and (max-width: 960px) {
  .txt_closing{
    font-size: 20px;
  }
  .closing_read {
    font-size: 24px;
  }
}
@media only screen and (max-width: 568px) {
  .txt_closing{
    font-size: 18px;
    margin: 0 0 20px;
  }
  .closing_read {
    font-size: 20px;
    padding: .15em 1em;
    margin: 0 0 20px 0;
  }
}

/***********************************
*table
************************************/
.bg_color {
  background: #f6f5ee;
}
.number__block .number{
  background: #f6f5ee;
}
.philosophy .number__block:last-child{
  padding: 5rem 0 0;
}
/***********************************
*table
************************************/
.conditions_info table {
  width: 84%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 30px 0;
  margin-top: 40px;
}
.conditions_info table th {
  width: 25%;
  border-bottom: 1px solid var(--primary-color);
  padding: 0.75rem 0;
  text-align: center;
  font-weight: 700;
}
.conditions_info table td {
  width: 75%;
  border-bottom: 1px solid #ddd;
  padding: 1.75rem 1.75rem;
}
@media (max-width: 960px) {
  .conditions_info table {
    width: 100%;
  }
}
@media (max-width: 568px) {
  .conditions_info table {
    margin-top: 20px;
  }
  .conditions_info table {
    border-collapse: collapse;
  }
  .conditions_info table th {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.75rem 0;
    font-size: 17px;
  }
  .conditions_info table td {
    display: block;
    width: 100%;
    padding: 1.5rem 0;
    border-bottom: none;
  }
}