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

/* ---------- main ---------- */
.main-wrap{
	padding-left: 40px;
	padding-right: 40px;
}
.cate1 .topbox{
	position: relative;
}

.cate2 .imgbox,
.cate3 .imgbox{
	width: 100%;
}
.cate2 .txtbox2,
.cate3 .txtbox2{
	justify-content: flex-start;
}
.cate2 .ul,
.cate3 .ul{
	flex-direction: column;
	gap: 20px;
	padding-bottom: 20px;
}
.cate2 .ul .li,
.cate3 .ul .li{
	align-items: flex-start;
	gap: 10px;
	position: relative;
	padding-left: 20px;
}
.cate2 .ul .li::before,
.cate3 .ul .li::before{
	content: "";
	width: 8px;
	height: 8px;
	background-color: #217C9F;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 15px;
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate .topbox p{
		line-height: normal;
	}
.main-wrap {
    padding-left: 5px;
    padding-right: 5px;
  }}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}