.lower-ttl{
  padding: 3em 2em 2em 2em;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px){
 .lower-ttl{
  padding: 4em 0.5em 2em 0.5em;
  }
}

/* page-about */
.staff__item{
  border-radius: 15px;
  padding: 2em;
}
.staff__item:nth-of-type(1n){
  border: 3px solid #DEA595;
}
.staff__item:nth-of-type(2n){
  border: 3px solid #8CBACB;
}
.staff__item:nth-of-type(3n){
  border: 3px solid #82BF99;
}
.staff__pic{
  margin-inline: auto;
  text-align: center;
}
.staff__pic img{
  width:90px;
  height: 110px;
  object-fit: contain;
  text-align: center;
}
@media (max-width: 767px){
 
}

/* page-kingyo */
.kingyo-shedule{
border-spacing: 40px 20px;

}
.kingyo-shedule-cont+.kingyo-shedule-cont{
  margin-top: 2em;
}
.kingyo-shedule-time{
  height: 1.75em;
  border-radius: 50px;
}
.kingyo-surport figure{
  width: 150px;
}
.kingyo-flow-item-wrap{
  grid-gap:3.5em;
}
.kingyo-flow-item{
  position: relative;
  padding: 3em 1.5em 2em;
  border-radius: 15px;
}
.kingyo-flow-item+.kingyo-flow-item::before{
  position: absolute;
  top:50%;
  left:-1em;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  border-left: 1.25em solid #DC4F26;
  border-right: 0;
  translate:-100% -50%;
}
.kingyo-flow-number{
  position: absolute;
  top:0;
  left:50%;
  translate:-50% -50%;
  border-radius: 60px;
  width: 3em;
  height: 3em;
  text-align: center;
}
.kingyo-flow-item hr{
  border: none;
  height: 1px;
  background-color: #ccc;
  margin-block: 1em;
}
.kingyo-flow-item01{
  border: 1px solid #DEA595;
}
.kingyo-flow-item02{
  border: 1px solid #8CBACB;
}
.kingyo-flow-item03{
  border: 1px solid #82BF99;
}
@media (max-width: 767px){
  .kingyo-surport figure{
    width: 90px;
  }
}

/* myspaceについて */

.myspace-price{
  margin-inline: auto;
  width: 30em;
}
.myspace-price th{
  width: 50%;
  padding-right: 3em;
  border: 1px solid #ccc;
  padding: 1em ;
  text-align: center;
}
.myspace-price td{
  width: 50%;
  border: 1px solid #ccc;
  padding: 1em ;
  text-align: right;
}
@media (max-width: 767px){
  .myspace-price{
    width: 100%;
  }
  .myspace-price th{
    width: 6em;
  }
}

/* contact */

#contact .grid{
  max-width: 600px;
  grid-template-columns: 8em 1fr;
  margin: 0 auto 2em;
}
#contact .grid>p:nth-child(2){
  border:1px solid #ccc;
}

#contact label,input,select,textarea{
  width: 100%;
  padding: 0.2em;
}
#contact .radio label{
  width: auto;
  margin-right:1.5em;
}
#contact .radio input{
  width: auto;
  margin-right:10px;
}


.submit-btn{
display: block;
text-align: center;
margin: 3em auto 0;
background-color: #DC4F26;
color: #fff;
width: 14em;
padding: 0.5em 1.2em;
border-radius: 50px;
}

@media (max-width: 767px){
  #contact .grid{
    grid-template-columns: repeat(1,1fr);
	  grid-gap: 1em;
}
}