@charset "UTF-8";

/* CSS Document */
/* ----------------------------------------------------------------------------------------------------
  settings
* --------------------------------------------------------------------------------------------------*/
html {
	font-size: 62.5%;
}
body {
	text-justify:inter-ideograph;
	-webkit-text-size-adjust:100%;
	-webkit-overflow-scrolling: touch;
 	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'Noto Sans JP', sans-serif;
	color:#282828;
	font-size: 1.6rem;
	font-weight:400;
	line-height:1;
	box-sizing: border-box;
	width: 100%;
	overflow-x: hidden;
}

.yu{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
.mincho{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

a {
	color: inherit;
	text-decoration:none;
}

img {
	max-width:100%;
	height:auto;
}

.italic{
	font-style: italic;
}

main{
	display: block;
}


@media screen and (min-width: 769px) {
	
	.sp_view {
		display:none!important ;
	}
	
	.pc_view {
		display:block ;
	}

	.inner{
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	
	html{
		overflow-x: hidden;
	}
	/*
	html {
		font-size:calc(100vw / 0.768);
	}
	  body {
	  	font-size:0.024rem;
	  }
	  */
	.sp_view {
		display:block ;
	}
	
	.pc_view {
		display:none!important ;
	}
	

}



@media print,screen and (min-width:769px) {
	a:hover,a:hover img {
		opacity:.85;
	}
}



/*
#whole {
  position: relative;
}
*/


@media screen and (min-width: 769px) {

	

	
}