@charset "utf-8";
/* CSS Document */
.worry_wrap .box_wrap .boxitem{
	flex-direction: column;
	gap: 30px;
	width: calc((100% - 90px)/4);
}
/* ---------- cate1 ---------- */
.cate1 {
	flex-direction: column;
	gap: 40px;
}
.cate1 .titlebox1 h2 span{
	color: #827BC2;
}
.cate1 > p span{
	color: #827BC2;
}
.cate1 .box_wrap{
	background-color: #fff;
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.16); 
	border-radius: 20px;
	padding: 50px;
	flex-direction: column;
	gap:40px;
}
.cate1 .box_wrap .txtbox{
	position: relative;
	background-color: #F0EFF8;
	border-radius: 10px;
	padding: 30px 50px;
	flex-direction: column;
	gap:20px;
}
.cate1 .box_wrap .txtbox h4 span{
	color: #827BC2;
}
.cate1 .box_wrap .txtbox .icon{
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	background-color: #827BC2;
	border-radius: 50%;
	padding: 5px;
}
.cate1 .box_wrap .txtbox .icon img{
	width: 14px;
}
/* ---------- cate2 ---------- */
.cate2 {
	flex-direction: column;
	gap: 60px;
}
.cate2 .box_wrap{
	gap: 40px;
}
.cate2 .box_wrap .boxitem{
	position: relative;
	flex-direction: column;
	gap: 30px;
	background-color: #fff;
	padding: 60px 50px 50px 50px;
	width: calc(50% - 20px);
	border-radius: 10px;
}
.cate2 .box_wrap .boxitem .txt_deco1{
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translate(-50%, -50%);
}
.cate2 .box_wrap .boxitem .imgbox img{
	border-radius: 10px;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.cate2 .box_wrap {
		flex-direction: column;
	}
	.cate2 .box_wrap .boxitem {
		width: 80%;
	}
	.worry_wrap .box_wrap .boxitem{
		gap: 30px;
		width: calc((100% - 60px)/3);
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate2 .box_wrap .boxitem {
		gap: 20px;
		padding: 40px 30px;
	}
	.cate1 .box_wrap {
		padding: 30px;
	}
	.worry_wrap .box_wrap .boxitem{
		width: calc((100% - 30px)/2);
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate2 .box_wrap .boxitem {
		width: 100%;
	}
	.cate2 .box_wrap .boxitem {
		gap: 20px;
		padding: 30px 20px;
	}
	.cate2 .box_wrap .boxitem h3 br {
		display: none;
	}
	.cate1 .box_wrap {
		border-radius: 10px;
		padding: 30px 20px;
	}
	.cate1 .box_wrap .txtbox {
		padding: 30px 20px;
	}
	.worry_wrap .box_wrap .boxitem{
		width: 80%;
		gap: 10px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}