@charset "UTF-8";
/* CSS Document */
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}
ul,
ol {
	list-style: none;
}
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
img,
nav,
section {
	display: block;
}
/* ノッチ付きデバイスへの対応 */
body {
    padding-top: constant(safe-area-inset-top);
    padding-right: constant(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-left: constant(safe-area-inset-left);
}
img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
}
/* video */
video {
	width: 100%;
	height: auto;
}
/* メールフォームリセット */
input,
button,
textarea,
select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
}
select {
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}
select::-ms-expand {
	display: none;
}
select:-moz-focusring { 
	color: transparent; 
	text-shadow: 0 0 0 #828c9a;
}
/* radio button */
input[type="radio"] {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* check button */
input[type="checkbox"] {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: none;
}

/* text */
input::-ms-clear {
	visibility: hidden;
}
/* password */
input::-ms-reveal {
	visibility: hidden;
}
/* メールフォームデザイン */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="number"] {
	-webkit-appearance: none;
	width: 100%;
}
input[type="date"] {
	position: relative;
}
input[type=date]::-webkit-calendar-picker-indicator {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
}
input[type="date"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input[type="date"]::-webkit-clear-button {
	-webkit-appearance: none;
}
textarea {
	-webkit-appearance: none;
	width: 100%;
}