@charset "UTF-8";


/* =========================================
sub コンテンツ メディアクエリ (991px～)
============================================*/
@media only screen and (min-width: 991px) {
	.under-button {
		margin-top: 25px;
	}
}


/* =========================================
sub コンテンツ メディアクエリ (769px～991px)
============================================*/
@media only screen and (max-width: 991px) {
	.under-button {
		margin-top: 15px;
	}
}
/* =========================================
sub コンテンツ メディアクエリ (479px～768px)
============================================*/
@media only screen and (max-width: 767px) {
	main#sub-page.sub-page .top-button {
		display: block;
		position: absolute;
		right: 0;
		bottom: 30px;
		width: 100%;
		height: 50%;
	}
	main#sub-page.sub-page .under-button {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 50%;
	}
	main#sub-page.sub-page .button-box button {
		display: block;
		width: 100%;
		height: 100%;
	}
	main#sub-page.sub-page .button-box .under-button-detail {
		position: absolute;
		right: 14px;
		bottom: 14px;
		font-size: 12px;
		padding: 4px 39px 4px 6px;
	}
}
/* =========================================
sub コンテンツ メディアクエリ (991px～)
============================================*/
@media only screen and (min-width: 991px) {
	.under-button {
		margin-top: 25px;
	}
}


/* =========================================
sub コンテンツ メディアクエリ (769px～991px)
============================================*/
@media only screen and (max-width: 991px) {
	.under-button {
		margin-top: 15px;
	}
}
/* =========================================
sub コンテンツ メディアクエリ (479px～768px)
============================================*/
@media only screen and (max-width: 767px) {
	main#sub-page.sub-page .top-button {
		display: block;
		position: absolute;
		right: 0;
		bottom: 30px;
		width: 100%;
		height: 50%;
	}
	main#sub-page.sub-page .under-button {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 50%;
	}
	main#sub-page.sub-page .button-box .under-button-detail {
		position: absolute;
		right: 14px;
		bottom: 14px;
		font-size: 12px;
		padding: 4px 39px 4px 6px;
	}
}
/* =========================================
sub コンテンツ メディアクエリ (377px～478px)
============================================*/
@media only screen and (max-width: 478px) {
	main#sub-page.sub-page .top-button {
		display: block;
		position: absolute;
		right: 0;
		bottom: 40px;
		width: 100%;
		height: 50%;
	}
	main#sub-page.sub-page .under-button {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 50%;
	}
}