@charset "UTF-8";

/* CSS Document */
/* ----------------------------------------------------------------------------------------------------
  settings
* --------------------------------------------------------------------------------------------------*/


html{
	font-size: 62.5%; /*ベースを10pxにしています*/
	font-size: 10px; /*ベースを10pxにしています*/
}


body {
	text-justify:inter-ideograph;
	-webkit-text-size-adjust:100%;
 	/*font-family: RC TYPE,Roboto,Avenir,Helvetica,Arial,sans-serif;*/
	color:#4D4D4D;
	font-size:1.6rem;
	font-weight:500;
	line-height:1.4;
}



/*--------------------------
　共通項目
--------------------------*/
/*-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-
	フッター
-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-*/

footer {
	width:100%;
	background-color:#fff;
	min-width:320px;
	position:fixed;
	bottom:0;
}


footer .inner {
	margin:0 auto;
	padding:0.5em 1em;
	max-width: calc(1920px - 64px);
}

footer .inner p.copy {
	width:100%;
	text-align:center;
	color:#666;
}




@media screen and (max-width: 930px) {
/*body {font-size:1.5rem;}*/
html{
font-size: 56.25%; /*ベースを10pxにしています*/
font-size: 9px; /*ベースを10pxにしています*/
}
}


@media screen and (max-width: 600px) {
/*body {font-size:1.4rem;}*/
html{
font-size: 50%; /*ベースを10pxにしています*/
font-size: 8px; /*ベースを10pxにしています*/
}
}

@media screen and (max-width: 480px) {
/*body {font-size:1.3rem;}*/
html{
font-size: 43.75%; /*ベースを10pxにしています*/
font-size: 7px; /*ベースを10pxにしています*/
}
}


@media screen and (max-width: 320px) {
/*body {font-size:1.2rem;}*/
html{
font-size: 37.5%; /*ベースを10pxにしています*/
font-size: 7px; /*ベースを10pxにしています*/
}
}