@font-face {
	src : url(/wp/wp-content/themes/tenshokusekkei/common/css/src/NotoSansJP-Regular-JIS2.woff);
	font-family : "default";
}

html {
	/*scroll-behavior : smooth;*/
}

body {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 0.875rem;
	letter-spacing : calc(1px - 0.0625em);
	color : #000000;

	font-feature-settings : "palt" 1;
	font-kerning : auto;
	-webkit-font-smoothing : subpixel-antialiased;
	-moz-osx-font-smoothing : unset;
}

/* this is tags related to text-box */
div,
dl,
dt,
dd,
ul,
li,
p,
span,
a,
h1,
h2,
h3,
h4,
h5,
h6,
table,
th,
td {
	word-break : break-all;
}

h1,
h2,
h3,
h4,
h5,
h6,
dt,
th {
	font-family : "bold";
}

p {
	line-height : 1.75;
}

img,
input[type="image"] {
	vertical-align : bottom;
}

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

a:hover {
	text-decoration : none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
	font-size : 1rem;
	padding : 0.25rem;
	transition : 0.3s ease-out;
	border : 1px solid #cccccc;
	background : #ffffff;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right : 0.25rem;
	cursor : pointer;
	transition : 0.3s ease-out;
}

input[type="reset"],
input[type="submit"] {
	padding : 0.25rem 1rem;
	cursor : pointer;
	transition : 0.3s ease-out;
	border : 1px solid #cccccc;
	border-radius : 2px;
}

input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color : #eeeeee;
}

input[type="reset"]:active,
input[type="submit"]:active {
	color : #777777;
	background-color : #dddddd;
}

input:required,
select:required,
textarea:required {
	position : relative;
	color : #ba8c09;
	border : 1px solid #f2cb58;
	background-color : #fdfaeb;
}

input:invalid,
select:invalid,
textarea:invalid {
	color : #b73131;
	border-color : #e37b7b;
	background-color : #ffebef;
}

input:focus,
select:focus,
textarea:focus {
	color : inherit;
	border : 1px solid #81c4ec;
	background-color : #f5fbff;
	box-shadow : 0 0 2px #81c4ec;
}

input:disabled,
select:disabled,
textarea:disabled {
	cursor : not-allowed;
	background-color : #eeeeee;
}

::-webkit-input-placeholder {
	color : #cccccc;
}

::-moz-placeholder {
	color : #cccccc;
}

:-ms-input-placeholder {
	color : #cccccc;
}

/* --- for 2K or more pc --- */
/* --- for HD pc --- */
/* --- for normal pc --- */
/* --- for tablet --- */
/* --- for mobile --- */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
	(-webkit-min-device-pixel-ratio: 2),
	(min-resolution: 2dppx) {
	body {
		-webkit-font-smoothing : antialiased;
		-moz-osx-font-smoothing : grayscale;
	}
}
@media screen and (max-width: 767px) {
	body {
		font-size : 4vw;
	}
	input,
	select,
	textarea {
		max-width : 100%;
	}
}