/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

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

/* --------------- header --------------- */
	
	
	
	
	
/* --------------- footer --------------- */
	
	
	

/* --------------- sub common --------------- */
	
	.col_pagettl {
		height: 100px;
	}
	
	.col_pagettl .cont .en {
		font-size: 15px;
	}
	
	.col_pagettl .cont .pagettl {
		font-size: 25px;
	}
	
	.inner_topContent {
		width: 94%;
	}
	
	.inner_topContent a.voice {
		height: 52.5vw;
		padding-bottom: 10vw;
	}
	
	.inner_topContent a.trivia {
		height: 57.5vw;
		padding-bottom: 10vw;
	}
	
	.inner_topContent a .mds_top1 {
		line-height: 6.5vw;
	}
	
	.inner_topContent a .mds_top1 .en {
		font-size: 4.5vw;
	}
	
	.inner_topContent a .mds_top1 .ja {
		font-size: 6.8vw;
	}
	
	.btnarea_topContact {
		width: 86%;
	}
	
	.btnarea_topContact a {
		height: 61px;
	}
	
	.btnarea_topContact a.tel {
		font-size: 20px;
	}
	
	.btnarea_topContact a.tel img,
	.btnarea_topContact a.tel svg {
		width: 22px;
		margin-right: 16px;
	}
	
	.btnarea_topContact a.mail {
		font-size: 17px;
	}
	
	.btnarea_topContact a.mail img,
	.btnarea_topContact a.mail svg {
		width: 39px;
		margin-right: 18px;
	}
	
	
	.inner_topContent a .mds_subpage1 .en {
		font-size: 5.5vw;
	}
	
	.inner_topContent a .mds_subpage1 .ja {
		font-size: 7.5vw;
	}
	
	
	
} 

/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */