@charset "utf-8";

/* reset
-------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
*:bofoer,
*:after{
	box-sizing: border-box;
}
:root 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: normal;
	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;
}

ul li {
	list-style: none;
}
ol {
	padding-left: 1em;
}
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: auto;
}
/* link
-------------------------------------------------------------------*/
:root a {
	color: inherit;
	text-decoration-line: underline;
	text-decoration-color: transparent;
	text-underline-offset:0.25em;
}
:root a:hover {
	text-decoration-line: underline;
	text-decoration-color: inherit;
}
label {
	cursor: pointer;
}
:root a.bnr_btn{
	display: block;
	transition: var(--hover);
}
:root a.bnr_btn:hover{
	transform: translateY(5px);
}



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

/* position */
.position {
	position: relative;
}
/* float */
.flt_left {
	float: left;
}
.flt_right {
	float: right;
}
.flt_none {
	float: none !important;
}


/* 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 */
#top .display_pc {
	display: block;
}
#top .display_pc.in {
	display: inline;
}
#top .display_sp,
#top .display_sp.in {
	display: none;
}
@media screen and (max-width:767px) {
	#top .display_pc,
	#top .display_pc.in {
		display: none;
	}
}
@media screen and (max-width:767px) {
	#top .display_sp {
		display: block;
	}
	#top .display_sp.in {
		display: inline;
	}
}
.txt_indent {
	margin-left: 1em;
	text-indent: -1em;
}