@charset "utf-8";

.service-menu,
.list-square {
	  list-style-type: square;
	  padding-left: 1.5rem;
}
.service-menu li{
  text-align: left;
}

#consultant {
	padding-bottom : 5vh;
}

.main-contents>section>section {
	margin-top:3rem;
}

#consultant>section,
#coding section {
	margin:3rem auto;
}

.service-performance-result img{
  border : 1px solid #ddd;
}



#service-all {
padding: 5vh 5vw;
    background: #fff;
    margin-bottom: 5vh;
}

section#service-cost {
	margin:0;
}

.service .main-contents {
	margin-bottom:0;
}

.image-photo {
	width:100%;
	max-width:24rem;
	display:block;
	margin:0 auto 1rem;
}


@media screen and (min-width : 37em){

  .service-menu {
column-count: 2;
column-gap: 2rem;
padding-left: 1.25rem;
  }


}

@media screen and (min-width : 52.5em){

#consultant {
	padding-bottom : 10vh;
}
.cost {
	    padding: 1vw 2vh;
}
}


/* ---- price ---- */
.price {
	border: 1px solid #7aab80;
	display:flex;
	margin-top: 2rem;
}
.price h3 {
	background: #7aab80;
	color: #fff;
	margin-right: 1rem;
	font-size: 1rem;
	display:flex;
	align-items: center;
	width: 6rem;
}
.price h3,
.price p {
	padding: .5rem 1rem;
	margin: 0;
}
.price p {
	width : -webkit-calc(100% - 6rem) ;
	  width : calc(100% - 6rem) ;
}

@media screen and (min-width : 52.5em){
.price h3 {
	width: 8rem;
}
.price p {
	width : -webkit-calc(100% - 8rem) ;
	  width : calc(100% - 8rem) ;
}
}