/* add.css 202508 */


.add_pic_01,
.add_pic_02,
.add_pic_03 {
	width: 100%!important;
	height: auto!important:
}
.add_pic_02 {
	max-width: 400px;
}
.add_pic_03 {
	max-width: 355px;
}
.add_mb {
	margin-bottom: 60px;
}

.add_flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.add_col_2 {
	width: 48.75%;
}
.add_col_4 {
	width: 24%;
}
.add_col_l {
	width: 60%;
}
.add_col_r {
	width: 37.5%;
}
.add_area {
	border: 1px solid #0bc3ab;
	border-radius: 10px;
	padding: 24px 20px 1px;
	box-sizing: border-box;
}
.add_area h4 span {
	margin-right: 5px;
	color: #0bc3ab;
}
.add_area_inner {	
	border-radius: 8px;
	padding: 18px 15px 1px;
	background: #e8f3f1;
}
.add_area_inner h5 {
	color: #d39f40;
}
.add_area_inner p {
	margin: 15px 0;
}
.add_col_r h5 {
	margin: 15px 0 5px;
	color: #d39f40;
}
.add_col_r p {
	margin-top: 0;
}

@media screen and (max-width: 1099px){
	.add_pic_01 {
		max-width: 478px;
	}
}
@media screen and (max-width: 743px){
	.add_pic_01,
	.add_pic_02 {	
		max-width: 355px;
	}
	.add_mb {
		margin-bottom: 45px;
	}
	.add_col_2,
	.add_col_l,
	.add_col_r {
		margin-bottom: 12px;
		width: 100%;
	}
	.add_col_4 {
		margin-bottom: 12px;
		width: 48.5%;
	}	
	.add_area_inner {
		margin-bottom: 20px;
	}
	
}
@media screen and (max-width: 399px){
	.add_col_4 {
		width: 100%;
	}		
}