/* CSS Document */

html{
	font-size: 62.5%;
	}

a{
	outline: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}

img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
	}
	img[src$=".svg"]{
		width: 100%;
		}

dt{
	font-weight: inherit;
	}

svg{
	width: 1em;
	height: 1em;
	}

input,
select,
textarea,
button{
	margin: 0;
	padding: 0;
	border-radius: 0;
	font-family: inherit;
	font-size: 1em;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}
	input:focus,
	select:focus,
	textarea:focus,
	button:focus{
		outline: none;
		}

input,
select,
textarea{
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	}

select{
	padding: 0.8em 0.6em;
	padding-right: 2em !important;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 20"><polygon fill="%23ccc" points="20,0 0,0 10,20 "></polygon></svg>');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: auto 25%;
	}

input,
textarea{
	padding: 0.6em;
	line-height: 1.4em;
	}

textarea{
	resize: vertical;
	}

button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 1em;
	background: rgba(0,0,0,1);
	border: none;
	color: #fff;
	fill: currentColor;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	outline:none;
	box-shadow: none;
	}
	button:hover{
		cursor: pointer;
		}
	button::-moz-focus-inner{
		border: none;
		}

:where(input[type="radio"],input[type="checkbox"]){
	display: none;
	}
	:where(input[type="radio"],input[type="checkbox"])+label{
		display: inline-flex;
		align-items: flex-start;
		grid-gap: 0.5em;
		cursor: pointer;
		}
		:where(input[type="radio"],input[type="checkbox"])+label i{
			position: relative;
			flex: 0 0 1em;
			width: 1em;
			height: 1em;
			background: #ccc;
			color: #fff;
			}
		:where(input[type="radio"],input[type="checkbox"])+label svg{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			transform: scale(0.6);
			}

input[type="radio"]{}
	input[type="radio"]+label{}
		input[type="radio"]+label i{
			border-radius: 100%;
			}

input[type="checkbox"]{}
	input[type="checkbox"]+label{}
		input[type="checkbox"]+label i{
			border-radius: 2px;
			}

:where(::-webkit-input-placeholder,::-moz-placeholder){
	color: inherit;
	transition: color 0.2s ease-out;
	}
*:where(:focus::-webkit-input-placeholder,:focus::-moz-placeholder){
	color: transparent;
	}

:valid,
:invalid,
:optional{}
:disabled{
	background-color: #eee;
	cursor: not-allowed;
	}
:required{
	background: #ffffcc;
	border: 2px solid #ff0000;
	}

.center{
	text-align: center;
	}

.left{
	text-align: left;
	}

.right{
	text-align: right;
	}

.none{
	display: none;
	}

.thumb{}
	.thumb img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: inherit;
		object-position: inherit;
		opacity: 1;
		transition: opacity 0.2s ease-out;
		}
	.thumb:not(img){
		position: relative;
		display: block;
		width: 100%;
		margin: 0;
		padding: 56.25% 0 0 0;
		object-fit: cover;
		object-position: center;
		background: rgba(0,0,0,0.05) url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 50 50"><path fill="rgba(0,0,0,0.2)" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z" transform="rotate(200.584 25 25)"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"></animateTransform></path></svg>') center center no-repeat;
		background-size: 3em;
		overflow: hidden;
		background: opacity 0.2s ease-out;
		}
	.thumb .contain{
		object-fit: contain;
		}
	.thumb .cover{
		object-fit: cover;
		}
	.thumb .top{
		object-position: center top;
		}
	.thumb .bottom{
		object-position: center bottom;
		}
	.thumb .left{
		object-position: left center;
		}
	.thumb .right{
		object-position: right center;
		}

.fr-view{
	text-align: left;
	line-height: 1.6em;
	}
	.fr-view td{
		vertical-align: middle;
		}




/* for lower */
@media (max-width: 1399.98px) {
/*1399px以下*/
}
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
}


/* Small */
@media (max-width: 767.98px) {
/*767px以下*/
input,
select,
textarea{
	font-size: 16px;
	}
[href^="tel:"]{
	text-decoration: underline;
	}
.tb:not(.sp):not(.sp_p):not(.sp_l),
.pc:not(.sp):not(.sp_p):not(.sp_l){
	display: none !important;
	}
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下 縦向き*/
.sp_l,
.tb:not(.sp):not(.sp_p),
.pc:not(.sp):not(.sp_p){
	display: none !important;
	}
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下 横向き*/
.sp_p,
.tb:not(.sp):not(.sp_l),
.pc:not(.sp):not(.sp_l){
	display: none !important;
	}
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
}


/* Medium */
@media (min-width: 768px) {
/*768px以上*/
[href^="tel:"]{
	pointer-events: none;
	color: inherit;
	fill: inherit;
	text-decoration: none;
	}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
.sp:not(.tb),
.sp_p:not(.tb),
.sp_l:not(.tb),
.pc:not(.tb){
	display: none !important;
	}
}


/* Large */
@media (min-width: 992px) {
/*992px以上*/
.sp:not(.pc),
.sp_p:not(.pc),
.sp_l:not(.pc),
.tb:not(.pc){
	display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}


/* X-Large */


/* X-Large */
@media (min-width: 1200px) {
/*1200px以上*/
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
/*1200px～1399px*/
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
/*1200px～1399px*/
}


/* XX-Large */
@media (min-width: 1400px) {
/*1400px以上*/
}






/* --------------------------------------------- */
/* 　　　　　　　　　　LSC用　　　　　　　　　　 */
/* --------------------------------------------- */
[lsc-lt]{
	display: contents;
	}
.display-no{
	display: none !important;
	}
.lsc-none{
	display: none!important;;
	}
.lsc-disable{
	opacity: 0.3;
	pointer-events: none;
	}
.lsc-lockScroll {
  overflow: hidden;
}
#copyright a{
	text-decoration: underline;
}


/* for lower */
@media (max-width: 1399.98px) {
/*1399px以下*/
}
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
}


/* Small */
@media (max-width: 767.98px) {
/*767以下px*/
.lsc-tb:not(.lsc-sp),
.lsc-pc:not(.lsc-sp){
	display: none;
	}
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下 縦向き*/
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下 横向き*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
}


/* Medium */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
.lsc-sp:not(.lsc-tb),
.lsc-pc:not(.lsc-tb){
	display: none;
	}
}


/* Large */
@media (min-width: 992px) {
/*992px以上*/
.lsc-sp:not(.lsc-pc),
.lsc-tb:not(.lsc-pc){
	display: none;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}


/* X-Large */


/* X-Large */
@media (min-width: 1200px) {
/*1200px以上*/
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
/*1200px～1399px*/
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
/*1200px～1399px*/
}


/* XX-Large */
@media (min-width: 1400px) {
/*1400px以上*/
}