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

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

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

main section.content ul.img-txt-large li.img,
main section.content ul.img-txt-large li.txt {
	margin: 0px;
	width: 100% !important;
}

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

main section.content ul.img-txt-small li ul {
	align-items: center;
}

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

main section.content div.relation-list ul li article a ul.metadata li {
	display: inline-block;
	margin: 0px 8px 0px 0px;
}

main section.content div.relation-list ul li article a span.title {
	display: block;
	margin: 8px 0px 0px 0px;
}

main section.content div.relation-card ul li {
	width: calc(50% - 16px);
}

main section.content div.relation-card ul li article span.category {
	display: none;
}

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

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

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

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

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

main section.content ul.card-02 li div.modal ul.modal-content li ul li dl {
	flex-direction: column;
	gap: 0px;
}

main section.content ul.card-02 li div.modal ul.modal-content li ul li dl:first-child {
	margin: 0px 0px 8px 0px;
}

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

main section.content div.two-column-data-list dl {
	flex-direction: column;
}

main section.content div.two-column-data-list dl dt,
main section.content div.two-column-data-list dl dd {
	width: calc(100% - 50px);
}

}