@charset "utf-8";

body {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
	overflow: auto;
	overflow-x: hidden;
	line-height: 0;
}

* {
    box-sizing: border-box;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

main {
	width: 100%;
	margin-top: 8.25rem;
	text-align: center;
	display: block;
}

#table1 {
	width: 100%;
	display: inline-table;
	padding: 1rem 0.75rem 0rem 0.75rem;
}

#table2 {
	width: 100%;
	display: inline-table;
	padding: 1rem 0.75rem 1.50rem 0.75rem;
}

.box {
	width: 33.33%;
	display: table-cell;
	padding: 0;
	text-align: center;
	vertical-align: bottom;
}

.boxinner {
	width: 100%;
	line-height: 1.25;
	padding: 0rem 0.75rem 0rem 0.75rem;
}

.title {
	padding: 0rem 0rem 0.5rem 0rem;
}

.titlenormal {
	padding: 0rem 0rem 0.5rem 0rem;
}
.titlenarrow {
	padding: 0rem 0rem 0.5rem 0rem;
}

.boxinner img {
	width: 100%;
	border-radius: 1rem;
}

@media all and (min-width: 3400px) {
main {
   margin-top: 7rem;
}
}

@media all and (max-width: 1180px) {
main {
   margin-top: 0;
}
}

@media all and (min-width: 868px) {
.titlenarrow {
   display:none;
}
}

@media all and (max-width: 868px) {
.titlenormal {
   display:none;
}
}

@media all and (max-width: 668px) {
#table1, #table2, .box {
	display: block;
	width: 100%;
	text-align: center;
}
#table2 {
	padding: 0rem 0.75rem 1rem 0.75rem;
}
.boxinner {
	padding: 0rem 0.75rem 0.75rem 0.75rem;
}
.titlenarrow {
	display:none;
}
.titlenormal {
	display: block;
}
}