/*---------------------------------------
   A.FONT SIZE REPONSIVE
-----------------------------------------*/


@media (max-width: 640px) {
    body {
        font-size: 22px;
    }
}
@media (max-width: 625px) {
    body {
        font-size: 21.5px;
    }
}
@media (max-width: 611px) {
    body {
        font-size: 21px;
    }
}
@media (max-width: 596px) {
    body {
        font-size: 20.5px;
    }
}
@media (max-width: 582px) {
    body {
        font-size: 20px;
    }
}
@media (max-width: 567px) {
    body {
        font-size: 19.5px;
    }
}
@media (max-width: 553px) {
    body {
        font-size: 19px;
    }
}
@media (max-width: 538px) {
    body {
        font-size: 18.5px;
    }
}
@media (max-width: 524px) {
    body {
        font-size: 18px;
    }
}
@media (max-width: 509px) {
    body {
        font-size: 17.5px;
    }
}
@media (max-width: 495px) {
    body {
        font-size: 17px;
    }
}
@media (max-width: 480px) {
    body {
        font-size: 16.5px;
    }
}
@media (max-width: 465px) {
    body {
        font-size: 16px;
    }
}
@media (max-width: 451px) {
    body {
        font-size: 15.5px;
    }
}
@media (max-width: 436px) {
    body {
        font-size: 15px;
    }
}
@media (max-width: 422px) {
    body {
        font-size: 14.5px;
    }
}
@media (max-width: 407px) {
    body {
        font-size: 14px;
    }
}
@media (max-width: 393px) {
    body {
        font-size: 13.5px;
    }
}
@media (max-width: 378px) {
    body {
        font-size: 13px;
    }
}
@media (max-width: 364px) {
    body {
        font-size: 12.5px;
    }
}
@media (max-width: 349px) {
    body {
        font-size: 12px;
    }
}
@media (max-width: 335px) {
    body {
        font-size: 11.5px;
    }
}
@media (max-width: 320px) {
    body {
        font-size: 11px;
    }
}

@media (max-width: 640px) {

	.sm {
		display: block !important;
	}
	.md {
		display: none !important;
	}

	/*---------------------------------------
	   B.GLOBAL
	-----------------------------------------*/

	/* 01.Base */

	body {
		line-height: 1.545454545454545;
	}
	#container {
		min-width: 320px;
	}
	.wrapper {
		width: auto;
		padding: 0 6.25%;
	}

	/*---------------------------------------
	   C.COMMON
	-----------------------------------------*/

	/* 01.Footer */

	footer .footer_inner {
		padding: 1.9em 0 3.09em;
	}
	footer .footer_cont {
		display: block;
	}
	footer .footer_cont .td {
		display: block;
		width: 100%;
	}
	footer .footer_info {
		padding: 0;
	}
	footer .footer_info .ttl {
		font-size: 1.82em;
	}
	footer .footer_info .ttl small {
		font-size: 0.6em;
	}
	footer .footer_info .desc {
		font-size: 1.09em;
		line-height: 1.5;
		margin-top: 1.16em;
	}
	footer .copyright {
		font-size: 0.91em;
		padding: 0.78em 0;
		white-space: nowrap;
	}
    footer .copyright .wrapper {
        padding: 0;
    }
	#backtop {
		width: 2.772727272727273em;
		height: 2.772727272727273em;
		bottom: 2.454545454545455em;
		left: auto;
		right: 0.91em;
		margin: 0;
		font-size: 1em;
	}