@charset "UTF-8";
/* sp ========================================================= */
@media screen and (max-width: 820px) {
.pc-only{display: none}
.sp-only{display: block}
main {
  padding: .5rem 0 .3rem;
	padding: 0;/* リニューアル */
}
.gyoumu-wrap {
  margin: .3rem auto;
}
.top-copy-oyaku {
  width: 60%;
}
.top-profile-wrap {
  flex-flow: column;
  width: 90%;
}
.top-profile-wrap img {
  width: 60%;
  margin: .1rem auto;
  display: table;
}
.page-title-inner {
  padding: .2rem 0;
  margin-left: 0rem;
  margin-bottom: .1rem;
}
.page-title-wrap {
  flex-flow: column;
}
.page-title-inner .people {
  font-size: .25rem;
}
#header .title {
  margin-left: .3rem;
}
#header {
  background-color:rgba(255,255,255,0.65);
  display: block;
}
.sp-footer-kotei{
  position: fixed;
z-index: 4;
display: block;
bottom: 0;
width: 100%;
}
.sp-footer-kotei ul{
  display: flex;
  width: 100%;
}
.sp-footer-kotei li img{
  width: 80%;
}
.sp-footer-kotei li{
  padding: .1rem;
  text-align: center;
}
.sp-footer-kotei li:first-child{
  background-color: #ee8596;
  width: 70%;
}
.sp-footer-kotei li:nth-child(2){
  background-color: #105a3c;
  width: 30%;
}
	
	
/* リニューアル */
.logo-group {
	margin-left: 10px;
}
.site-header {
	top: 10px;
	background-color: #ffffff80;
}
.header-logo {
  left: 5%;
}
.header-nav-group {
  padding: 10px 0;
}

.service-detail__header-img {
  width: 120px;
  top: -100px;
  right: 10px;
}
.service-detail__lead {
  font-size: .2rem;
}
.service-detail__item-title {
  text-align: left;
  font-size: .2rem;
}
.service-detail__item {
  margin-top: 30px;
}
.service-detail__text{
	text-align: left;
	font-size: 14px;
}
.service-detail__cta {
  gap: 0px;
  margin-top: 30px;
  padding: 0 5%;
}
.service-detail__cta-box {
  text-align: left;
  font-size: 14px;
}
.service-detail__header-illust--solo-01 img {
  top: -60px;
  left: 0;
  width: 50px;
}
.service-detail__header-illust--solo-02 img {
  top: -40px;
  right: 70px;
  width: 50px;
}

/* お問い合わせフォーム */
#contact .contact-item > dt {
  flex: 0 0 240px;
  font-weight: 500;
}
#contact .contact-item > dt {
  flex: none;
	margin-bottom: 10px;
}

/* info */
.info {
  padding-inline: 5%;
}
.info__inner {
  flex-flow: column;
}
}