/*
@font-face {
    font-family:"NotoSansJP";
    src: url(../fonts/misc/NotoSansJP-Regular.otf);
}
@font-face {
    font-family:"NotoSansJP";
    font-weight:bold;
    src: url(../fonts/misc/NotoSansJP-Bold.otf);
}
*/
.service_area--category {
    font-family: 'NotoSansJP', sans-serif;
    font-weight: 100px;    
    font-size: 1.2em;
    
    width:100%;
    
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    
    justify-content: center;
    align-items:center;
    padding-bottom: 10px;  
    margin-top: 20px;
}


.tittle_jp {
    color:darkgreen;
    border-bottom: 2px solid #E66A2C;
/*    border-bottom-color: #E66A2C;*/
}

.tittle_en h1{    
    font-size: 0.96em;
}

.service_area_Tittle {
    position:static;
    border-bottom-style: double;
    border-bottom-color: #CCC;
    font-size:1.2em;
}

.icon-wrench {
    font-size: 1em;
    color:#E66A2C;
}

div {

	}

    .service_area{    
		width:100%;
        display:flex;
        justify-content: space-between;
	}


	.conten{
        border: 0.1px outset #EAEBE7;
		float:left;
		margin: 5px;
        padding: 5px;
        list-style: none;
	}

/*media query*/
@media screen and (min-width:480px) {

    .service_area--category {
        margin-top: 20px;
    }
}
/*ipad ejemplo*/
@media screen and (min-width:768px) {
    .service_area--category {
        font-size: 1.4em;
    }
}