@charset "utf-8";
html{
/* ルートのフォントサイズを10pxに設定しておく */
font-size: 62.5%;
height:100%;
overflow:auto;
-webkit-overflow-scrolling: touch;
	
}

body{
	/* ルートのフォントサイズを1.6em（16pxと同等のサイズ）に設定 */
	font-size: 1.2em;
	margin:0;
	padding: 0;
	color: #ffffff;
	font-family: 'Noto Sans Japanese', sans-serif;
	overflow-x: hidden;
	font-weight: 400;/*700*/
	background-color: #4ab3dd;
	font-feature-settings : "palt";
}
.clear::after{
content: ' ';
display: block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}
img{
width:100%;
height:auto;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
a{
	text-decoration: none;
	transition: all .5s;
}
a:hover{
	opacity: 0.7;
	transition: all .5s;
}
h1,h2,h3,h4,p,div,ul,li{
	margin:0;
	padding: 0;
	font-weight: normal;
}
li{
	list-style-type: none;
}
.pc{
	display: none;
}
.sp{
	display: block;
}
/*iphoneのボタン勝手にまるくしない*/
 input[type="button"],input[type="submit"],nput[type="reset"] {
    -webkit-appearance: none;
  }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;/*Light*/
  src: url('../fonts/NotoSansCJKjp-Light.eot');
	src: url('../fonts/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NotoSansCJKjp-Light.woff') format('woff'),
		url('../fonts/NotoSansCJKjp-Light.ttf') format('truetype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;/*Regular*/
   src: url('../fonts/NotoSansCJKjp-Regular.eot');
	src: url('../fonts/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'),
		url('../fonts/NotoSansCJKjp-Regular.ttf') format('truetype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;/*Medium*/
   src: url('../fonts/NotoSansCJKjp-Medium.eot');
	src: url('../fonts/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NotoSansCJKjp-Medium.woff') format('woff'),
		url('../fonts/NotoSansCJKjp-Medium.ttf') format('truetype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;/*Bold*/
   src: url('../fonts/NotoSansCJKjp-Bold.eot');
	src: url('../fonts/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'),
		url('../fonts/NotoSansCJKjp-Bold.ttf') format('truetype');
 }
@media (min-width:401px){
body {
	/* ルートのフォントサイズを1.6em（16pxと同等のサイズ）に設定 */
	font-size: 1.2em;
}
.sp{
		display: none;
	}
.pc{
		display: block;
	}

}



