@charset "UTF-8";
.philosophy{
  margin-top: 60px;
}
@media (max-width: 568px) {
  .philosophy{
    margin-top: 40px;
  }
}
/* experience セクション */
.experience{
  border-top: 1px solid #ddd;
}
.experience ul {
  gap: 0 3%;
  margin-top: 2.5rem;
}
.experience ul li {
  flex: 1;
}
.experience ul .ttl {
  font-size: 1.9rem;
  margin: 1.85rem 0 1.5rem;
}
@media (max-width: 960px) {

}
@media (max-width: 568px) {
  .experience ul {
    flex-direction: column;
    gap: 3rem 0;
  }
  .experience ul .ttl {
    font-size: 1.7rem;
  }
}
/***********************************
*　締め
************************************/
.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;
  }
}