@charset "UTF-8";
@import url("//hello.myfonts.net/count/3516db");

/* --------------------------------
 * FLOCSS Foundation
 * -------------------------------- */

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

}

@font-face {
	font-family: 'Helvetica Neue';
	src: local('Helvetica Neue Regular');
	font-weight: 100;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: local('Helvetica Neue Regular');
	font-weight: 200;
}

html,
body {
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: unset;
	@media only screen and(-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

html {
	font-size: 62.5%;
}

body {
	font-size: 1.2rem;
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, YuGothic, 'Helvetica Neue', Verdana, sans-serif;
	color: #000;
	overflow-x: hidden;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

a:link,
a:visited,
a:active {
	color: #00aadc;
	text-decoration: none;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

a:hover {
	text-decoration: underline;
}

/* reset for form elements of iOS safari */

input[type="text"],
input[type="button"],
input[type="email"],
input[type="tel"],
input[type="submit"],
textarea {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}