@charset "UTF-8";

.habits article.low {
    padding-top: 110px;
}
.habits .content_wrap {
	padding-top:5.4%;
	position: relative;
	z-index:0;
}
.habits .secttl {
	width:41%;
	max-width:445px;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:2;
}
.habits .mcopy {
	text-align:center;
}
.habits .inv_blk {
	display: flex;
	align-items:center;
	margin: 0 auto 30px;
}
.habits .inv_blk .inv_item {
	width:50%;
}

.habits_list {
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:20px;
}
.habits_list_item {
	width:calc((100% - 20px)/2);
	max-width:445px;
}

.habits_list_item .sttl {
	margin-bottom:15px;
}
.habits_list_item .txt {
	font-size:15px;
	margin-bottom:10px;
}
.habits_list_item .stx {
	font-size:13px;
}


@media screen and (max-width: 1260px) {
}

@media screen and (max-width: 1060px) {
}

@media screen and (max-width: 980px) {
.habits article.low {
    padding-top: max(44px,11.2vw);
}

}

@media screen and (max-width: 920px) {
}

@media screen and (max-width: 880px) {
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 768px) {
.habits_list_item .txt {
	font-size:14px;
}
.habits_list_item .stx {
	font-size:clamp(10px,1.69vw,13px);
}

}

@media screen and (max-width: 700px) {
}

@media screen and (max-width: 640px) {
.habits .content_wrap {
	padding-top:min(50px,13vw);
}
.habits .secttl {
    width: 89%;
    max-width:356px;
}
.habits .inv_blk {
    flex-direction:column;
    gap: 26px;
    max-width: 400px;
}
.habits .inv_blk .inv_item {
	width:100%;
}


}





@media screen and (max-width: 600px) {
    .habits_list {
        flex-direction: column;
        max-width: 400px;
	margin:0 auto;
    }
    .habits_list_item {
        width: 100%;
    }
}


@media screen and (max-width: 500px) {




}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 400px) {

}

@media screen and (max-width: 375px) {

}

@media screen and (min-width: 769px) {
}
