@charset "utf-8";
.bg-wave-about{
  background: url(../image/about/bg_wave_about.jpg) no-repeat center center;
  background-size: cover;
}
/* -------------------------------------------
	#sec_about
------------------------------------------- */
#sec_about .border-ttl{
  border-bottom: solid 1px var(--beige);
  margin-bottom: .5em;
  padding-bottom: .178em;
}
#sec_about h2.border-ttl{
  position: relative;
  -webkit-text-stroke: 5px var(--blue);
}
#sec_about h2.border-ttl::before{
  content: attr(data-text);
  -webkit-text-stroke: 0;
  position: absolute;
  inset: 0 auto auto 0;
}
#sec_about .border-list li{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: solid 1px var(--white);
  padding: 15px 0 12px;
}
#sec_about .border-list li .ttl{
  width: 21%;
  line-height: 1.5;
}
#sec_about .border-list li .content{
  width: 79%;
}
#sec_about .detail-box{
  width: 46%;
}
#sec_about .img-boxes{
  display: flex;
  justify-content: center;
}
#sec_about .img-box{
  width: min(48%, 280px);
}
#sec_about .img-box + .img-box{
  margin-left: 30px;
}
@media screen and (max-width: 960px) {
  #sec_about .border-list li{
    display: block;
  }
  #sec_about .border-list li .ttl,
  #sec_about .border-list li .content{
    display: block;
    width: 100%;
    line-height: 1.75;
  }
  #sec_about .detail-box{
    width: 100%;
  }
  #sec_about .img-box + .img-box{
    margin-left: 15px;
  }
}
@media screen and (max-width: 500px) {
  #sec_about .img-boxes{
    display: block;
  }
  #sec_about .img-box{
    width: 100%;
  }
  #sec_about .img-box + .img-box{
    margin-top: 15px;
    margin-left: 0;
  }
  #sec_about .img-box img{
    width: 100%;
  }
}

/* -------------------------------------------
	#sec_fugu
------------------------------------------- */
#sec_fugu .inner{
  background: url(../image/about/bg_fugu.jpg) no-repeat center center;
  background-size: cover;
  border: solid 2px var(--beige);
  padding: 56px 40px 59px;
}
#sec_fugu .inner h2 span{
  position: relative;
  padding: 0 1.55em;
}
#sec_fugu .inner h2 span::before,
#sec_fugu .inner h2 span::after{
  position: absolute;
  display: block;
  content: "";
  top: 58%;
  width: 1em;
  height: 2px;
  background: var(--beige);
  transform: translateY(-50%);
}
#sec_fugu .inner h2 span::before{
  left: 0;
}
#sec_fugu .inner h2 span::after{
  right: 0;
}
#sec_fugu .inner .text{
  width: 58%;
}
#sec_fugu .inner .text h3{
  font-weight: 500;
}
#sec_fugu .inner .img{
  width: 37%;
}
@media screen and (max-width: 960px) {
  #sec_fugu .inner{
    background: url(../image/about/bg_fugu_sp.jpg) no-repeat center center;
    background-size: cover;
    padding: 34px 15px 32px;
  }
  #sec_fugu .inner .text,
  #sec_fugu .inner .img{
    width: 100%;
  }
  #sec_fugu .sp-border-ttl{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  #sec_fugu .sp-border-ttl::after{
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 50%;
    width: 1.5em;
    height: 2px;
    background: var(--beige);
    transform: translateX(-50%);
  }
}