@charset "UTF-8";
/* CSS Document */




/* about */

.about_icon {
	padding: 80px 0;
	    text-align: center;
}

.about_icon img {
width: 13%;
    position: relative;
    margin-bottom: -25px;
    z-index: 2;
}
.about {
    position: relative;
    z-index: 1;

}



.about h1 {
      letter-spacing: 0.5rem;
margin-bottom: -15px;
}

.about p {
padding-top: 10px;
}


.profile {
text-align: center;
	margin-bottom: 100px;
}

.name,flex {
		justify-content: flex-start;
	padding-bottom: 10px;
}

.name,flex h3 p {
	font-weight: bold;
	color: #EE878B;
}

.name h3 {
	font-weight: 600;
}


.profile img {
width: 15%;
}

.service_icon{
padding: 80px 0;
 
}

.service_icon img {
	width: 13%;
    position: relative;
    margin-bottom: -20px;
    z-index: 2;
}

.service_title p {
	    color: #9D6224;

    padding-top: 15px;
}


/*service */
.service {
	text-align: center;
}

.service h1 {
      letter-spacing: 0.5rem;
	margin-bottom: -15px;
}


.service_list,flex {
	justify-content: space-between;
}



/* webデザイン・ワードプレス・アイコン制作 */
.webdesign,.coding,.icon_illust {
 background-color: #FFF;
   width: 345px;
    border-radius: 40px;
    padding: 30px;
}

.webdesign img,.coding img,.icon_illust img {
	width: 135px;
	padding-bottom: 20px;
}

.webdesign h2,.coding h2,.icon_illust h2{
	font-weight: bold;
	padding-bottom: 20px;
	
}
.icon_illust p {
	letter-spacing: 0;
}
@media(max-width:768px) {
	
	.about_icon {
    padding: 0 0 80px;
}
	.about_icon img {
width: 30%;

}
	.service_icon img {
    width: 30%;
    margin-bottom: -26px;
}
	.about p {
    padding-top: 0;
}
	.service_title p {
    padding-top: 0;
}
	
	.webdesign,.coding,.icon_illust {
		        width: 327px;
		padding: 30px;
		margin-bottom: 30px;
	}
	.coding p {
		letter-spacing: 0;
	}
	
	.profile img {
		    width: 30%;
	padding-right: 0;
}	
	
	
	
}