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

/*-----------------------------------------------------	*/
/* Main
/*-----------------------------------------------------	*/

main section ul.img-txt-large,
main section ul.img-txt-large.reverse,
main section ul.img-txt-small li ul {
	flex-direction: column;
}

main section ul.img-txt-large li.img,
main section ul.img-txt-large li.txt {
	width: calc(94% - 32px) !important;
}

main section ul.img-txt-large li.txt h3 {
    text-align: center;
}

main section ul.img-txt-large li.txt span.btn {
	margin-left: auto;
}

main section ul.card li {
	width: calc(50% - 32px);
}

main section ul.card-02 > li {
	width: calc(100% / 2 - 32px);
}

main section ul.card-02 li div.modal ul.modal-content {
	flex-direction: column;
	gap: 4px;
	padding: 32px;
	width: calc(100% - 48px);
}

main section ul.card-02 li div.modal ul.modal-content > li:nth-child(1),
main section ul.card-02 li div.modal ul.modal-content > li:nth-child(2) {
	width: 100%;
}

main section ul.card-02 li div.modal ul.modal-content li.button {
	transform: translateY(-100%) translateX(calc(100% - 34px));
	-webkit-transform: translateY(-100%) translateX(calc(100% - 34px));
}

main section ul.card-02 li div.modal ul.modal-content li ul li.txt {
	margin-bottom: 20px;
}

main section ul.card-02 li div.modal ul.modal-content li ul li dl {
	display: block;
	margin-bottom: 10px;
}

main section ul.card-02 li div.modal ul.modal-content li ul li dl dt,
main section ul.card-02 li div.modal ul.modal-content li ul li dl dd {
	display: block;
	width: 100%;
}

main section ul.card-02 li div.modal ul.modal-content li ul li dl dt {
	padding-right: 0px;
}

}