@charset "utf-8";

/* reset
-------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

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

html {
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
}

:root :is(h1, h2, h3, h4, h5, h6, p) {
	font-size: 100%;
	font-weight: 300;
	line-height: inherit;
}

i {
	font-style: normal;
}

table {
	font-size: 100%;
	line-height: 1.5;
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	font-weight: normal;
	text-align: left;
}

img {
	border: 0;
	vertical-align: bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	img {
		image-rendering: initial;
	}
}

ol {
	padding-left: 1em;
}

.no_list {
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}

input,
textarea,
:is(input, textarea) * {
	vertical-align: middle;
	font-family: inherit;
}

address,
em {
	font-style: normal;
}

.copygard img {
	pointer-events: none;
}

.copygard img[usemap] {
	pointer-events: inherit;
}

/* link
-------------------------------------------------------------------*/
:root a {
	color: inherit;
	text-decoration-line: underline;
	text-decoration-color: transparent;
	/*	transition:var(--hover);*/
	text-underline-offset: 0.25em;
}

:root a:hover {
	text-decoration-line: underline;
	text-decoration-color: inherit;
}

label {
	cursor: pointer;
}

/* common class
-------------------------------------------------------------------*/

/* position */
.position {
	position: relative;
}

/* float */
.flt_left {
	float: left;
}

.flt_right {
	float: right;
}

.flt_none {
	float: none !important;
}

/*
*[class*="mBottom"]{
	margin-bottom:var(--ems);
}
*[class*="mBlock"]{
	margin-block:var(--ems);
}
*[class*="mLeft"]{
	margin-left:var(--ems);
}
*[class*="mInline"]{
	margin-inline:var(--ems);
}
*{class*="-1em"]{
	--ems:1em;
}
*/

/* font */
.f_bold {
	font-weight: bold !important;
}

.f_normal {
	font-weight: normal !important;
}

.f_08 {
	font-size: 78% !important;
}

/*base 78%(12px) = 8px*/
.f_10 {
	font-size: 85% !important;
}

/*base 78%(12px) = 10px*/
.f_14 {
	font-size: 115% !important;
}

/*base 78%(12px) = 14px*/
.f_16 {
	font-size: 130% !important;
}

/*base 78%(12px) = 16px*/
.f_18 {
	font-size: 145% !important;
}

/*base 78%(12px) = 18px*/
@media screen and (max-width:767px) {
	.f_08 {
		font-size: 8px !important;
	}

	.f_10 {
		font-size: 10px !important;
	}

	.f_14 {
		font-size: 14px !important;
	}

	.f_16 {
		font-size: 16px !important;
	}

	.f_18 {
		font-size: 18px !important;
	}
}

/* align */
.t_left {
	text-align: left !important;
}

.t_center {
	text-align: center !important;
}

.t_right {
	text-align: right !important;
}

.v_top {
	vertical-align: top !important;
}

.v_mdl {
	vertical-align: middle !important;
}

.v_btm {
	vertical-align: text-bottom !important;
}

/* clearfix
-------------------------------------------------------------------*/
.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

.fix {
	display: inline-block;
	min-height: 1%;
}

/* start hide from IE-mac\ */
*html .fix {
	height: 1%;
}

.fix {
	display: block;
}

/* End hide from IE-mac */
/* img-Max */
.scale_all {
	width: 100%;
	height: auto;
}

@media screen and (max-width:767px) {
	.scale {
		width: 100%;
		height: auto;
	}

	.scale_m {
		max-width: 100%;
		width: auto;
		height: auto;
	}
}

/* display_none */
.display_pc {
	display: block;
}

.display_pc.in {
	display: inline;
}

.display_sp,
.display_sp.in {
	display: none;
}

@media screen and (max-width: 767px) {

	.display_pc,
	.display_pc.in {
		display: none !important;
	}

	.display_sp {
		display: block;
	}

	.display_sp.in {
		display: inline;
	}
}

.txt_indent {
	margin-left: 1em;
	text-indent: -1em;
}