/*---------------------------------
	margin start
---------------------------------*/
.mb-0{
	margin-bottom: 0 !important;
}

.mb-half{
	margin-bottom: 0.5rem !important;
}

.mb-1{
	margin-bottom: 1rem !important;
}

.mb-2{
	margin-bottom: 2rem !important;
}

.mb-3{
	margin-bottom: 3rem !important;
}

.mb-4{
	margin-bottom: 4rem !important;
}

.mb-5{
	margin-bottom: 5rem !important;
}

.mb-6{
	margin-bottom: 6rem !important;
}

.mb-7{
	margin-bottom: 7rem !important;
}

.mb-8{
	margin-bottom: 8rem !important;
}

.mb-9{
	margin-bottom: 9rem !important;
}

.mb-10{
	margin-bottom: 10rem !important;
}

@media(min-width: 1025px){
	& .mb-pc-0{
		margin-bottom: 0 !important;
	}

	& .mb-pc-1{
		margin-bottom: 1rem !important;
	}

	& .mb-pc-2{
		margin-bottom: 2rem !important;
	}

	& .mb-pc-3{
		margin-bottom: 3rem !important;
	}

	& .mb-pc-4{
		margin-bottom: 4rem !important;
	}

	& .mb-pc-5{
		margin-bottom: 5rem !important;
	}
}

@media(max-width: 1024px) and (min-width: 601px){
	& .mb-tb-0{
		margin-bottom: 0 !important;
	}

	& .mb-tb-1{
		margin-bottom: 1rem !important;
	}

	& .mb-tb-2{
		margin-bottom: 2rem !important;
	}

	& .mb-tb-3{
		margin-bottom: 3rem !important;
	}

	& .mb-tb-4{
		margin-bottom: 4rem !important;
	}

	& .mb-tb-5{
		margin-bottom: 5rem !important;
	}
}

@media(max-width: 600px){
	& .mb-sp-0{
		margin-bottom: 0 !important;
	}

	& .mb-sp-1{
		margin-bottom: 1rem !important;
	}

	& .mb-sp-2{
		margin-bottom: 2rem !important;
	}

	& .mb-sp-3{
		margin-bottom: 3rem !important;
	}

	& .mb-sp-4{
		margin-bottom: 4rem !important;
	}

	& .mb-sp-5{
		margin-bottom: 5rem !important;
	}
}

.mt-0{
	margin-top: 0 !important;
}

.mt-half{
	margin-top: 0.5rem !important;
}

.mt-1{
	margin-top: 1rem !important;
}

.mt-2{
	margin-top: 2rem !important;
}

.mt-3{
	margin-top: 3rem !important;
}

.mt-4{
	margin-top: 4rem !important;
}

.mt-5{
	margin-top: 5rem !important;
}

@media(min-width: 1025px){
	& .mt-pc-0{
		margin-top: 0 !important;
	}
	
	& .mt-pc-half{
		margin-top: 0.5rem !important;
	}

	& .mt-pc-1{
		margin-top: 1rem !important;
	}

	& .mt-pc-2{
		margin-top: 2rem !important;
	}

	& .mt-pc-3{
		margin-top: 3rem !important;
	}

	& .mt-pc-4{
		margin-top: 4rem !important;
	}

	& .mt-pc-5{
		margin-top: 5rem !important;
	}
}

@media(max-width: 1024px) and (min-width: 601px){
	& .mt-tb-0{
		margin-top: 0 !important;
	}

	& .mt-tb-1{
		margin-top: 1rem !important;
	}

	& .mt-tb-2{
		margin-top: 2rem !important;
	}

	& .mt-tb-3{
		margin-top: 3rem !important;
	}

	& .mt-tb-4{
		margin-top: 4rem !important;
	}

	& .mt-tb-5{
		margin-top: 5rem !important;
	}
}

@media(max-width: 600px){
	& .mt-sp-0{
		margin-top: 0 !important;
	}

	& .mt-sp-1{
		margin-top: 1rem !important;
	}

	& .mt-sp-2{
		margin-top: 2rem !important;
	}

	& .mt-sp-3{
		margin-top: 3rem !important;
	}

	& .mt-sp-4{
		margin-top: 4rem !important;
	}

	& .mt-sp-5{
		margin-top: 5rem !important;
	}
}

/*---------------------------------
	margin end
---------------------------------*/

/*---------------------------------
	hide start
---------------------------------*/
@media(min-width: 1025px){
	& .hide-pc{
		display: none;
	}
}

@media(max-width: 1024px) and (min-width: 601px){
	& .hide-tb{
		display: none;
	}
}

@media(max-width: 600px){
	& .hide-sp{
		display: none;
	}
}

/*---------------------------------
	hide end
---------------------------------*/

/*---------------------------------
	text start
---------------------------------*/
.t-alignCenter{
	text-align: center;
}

.t-alignRight{
	text-align: right;
}

@media(min-width: 1025px){
	& .t-pcAlignCenter{
		text-align: center;
	}
}

@media(max-width: 600px){
	& .t-spAlignLeft{
		text-align: left;
	}
}

.t-alignRight{
	text-align: right;
}

.t-size50{
	font-size: 50%;
}

.t-size60{
	font-size: 60%;
}

.t-size70{
	font-size: 70%;
}

.t-size80{
	font-size: 80%;
}

.t-size90{
	font-size: 90%;
}

.t-size110{
	font-size: 110%;
}

.t-size125{
	font-size: 125%;
}

.t-size150{
	font-size: 150%;
}

.t-size175{
	font-size: 175%;
}

.t-size200{
	font-size: 200%;
}

.t-size225{
	font-size: 225%;
}

.t-size250{
	font-size: 250%;
}

@media(min-width: 1025px){
	.t-pcSize70{
		font-size: 70%;
	}
	
	.t-pcSize80{
		font-size: 80%;
	}
	
	.t-pcSize90{
		font-size: 90%;
	}
	
	.t-pcSize100{
		font-size: 100%;
	}
	
	.t-pcSize110{
		font-size: 110%;
	}

	.t-pcSize125{
		font-size: 125%;
	}

	.t-pcSize150{
		font-size: 150%;
	}

	.t-pcSize175{
		font-size: 175%;
	}

	.t-pcSize200{
		font-size: 200%;
	}
}

@media(max-width: 1024px) and (min-width: 601px){
	.t-tbSize70{
		font-size: 70%;
	}
	
	.t-tbSize80{
		font-size: 80%;
	}
	
	.t-tbSize90{
		font-size: 90%;
	}
	
	.t-tbSize100{
		font-size: 100%;
	}
	
	.t-tbSize110{
		font-size: 110%;
	}

	.t-tbSize125{
		font-size: 125%;
	}

	.t-tbSize150{
		font-size: 150%;
	}

	.t-tbSize175{
		font-size: 175%;
	}

	.t-tbSize200{
		font-size: 200%;
	}
}

@media(max-width: 600px){
	.t-spSize70{
		font-size: 70%;
	}
	
	.t-spSize80{
		font-size: 80%;
	}
	
	.t-spSize90{
		font-size: 90%;
	}
	
	.t-spSize100{
		font-size: 100%;
	}
	
	.t-spSize110{
		font-size: 110%;
	}

	.t-spSize125{
		font-size: 125%;
	}

	.t-spSize150{
		font-size: 150%;
	}

	.t-spSize175{
		font-size: 175%;
	}

	.t-spSize200{
		font-size: 200%;
	}
}

.t-weightNormal{
	font-weight: var(--f-weight-normal);
}

.t-weightBold{
	font-weight: var(--f-weight-bold);
}

.t-lineHeight100{
	line-height: 100%;
}

.t-lineHeight200{
	line-height: 200%;
}

.t-indent1{
	padding-left: 1em;
}

.t-indent2{
	padding-left: 2em;
}

.t-colorBlack{
	color: #333;
}

.t-colorWhite{
	color: #FFF;
}

.t-colorGray{
	color: #888;
}

.t-colorTheme{
	color: var(--c-hex-theme);
}

.t-colorWarning{
	color: var(--c-hex-warning);
}

.t-inlineBlock{
	display: inline-block;
}

.t-breakWord{
	word-break: break-all;
}

.t-headPoint{
	position: relative;
	padding-left: 1.25em;
	
	&:before{
		content: "・";
		position: absolute;
		top: 0;
		left: 0;
	}
}

.t-headCircle{
	position: relative;
	padding-left: 1.25em;
	
	&:before{
		content: "●";
		position: absolute;
		top: 0;
		left: 0;
	}
}

.t-headBox{
	position: relative;
	padding-left: 1.25em;
	
	&:before{
		content: "■";
		position: absolute;
		top: 0;
		left: 0;
	}
}

.t-headReferenceMark{
	position: relative;
	padding-left: 1.25em;
	
	&:before{
		content: "※";
		position: absolute;
		top: 0;
		left: 0;
	}
}

.t-headAsterisk{
	position: relative;
	padding-left: 1.25em;
	
	&:before{
		content: "＊";
		position: absolute;
		top: 0;
		left: 0;
	}
}

.t-headArrow{
	position: relative;
	padding-left: 1.25em;
	
	&:before{
		content: "→";
		position: absolute;
		top: 0;
		left: 0;
	}
}

.t-headAttentionText{
	position: relative;
	
	@media(min-width: 1025px){
		padding-left: 3em;
	}
	
	&:before{
		content: "注意：";
		color: var(--c-hex-warning);
		
		@media(min-width: 1025px){
			position: absolute;
			top: 0;
			left: 0;
		}
		
		@media(max-width: 1024px){
			display: block;
		}
	}
}
.t-miniInfo{
	display: inline-block;
	padding: .1em .5em;
	font-size: 70%;
	color: #FFF;
	background-color: var(--c-hex-theme);
	border-radius: .5em;
}

.t-head01{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .25em;
	font-size: 175%;
	font-weight: bold;
	
	& span{
		font-size: 60%;
		color: var(--c-hex-theme);
	}
}

.t-head02{
	padding: 0.5em 1em;
	background-color: #F0F0F0;
}

.t-head03{
	padding-bottom: 0.5em;
	border-bottom: 1px solid #CCC;
}


/*---------------------------------
	text end
---------------------------------*/

/*---------------------------------
	effectin start
---------------------------------*/
body:not(.is-effectinActivateFailed){
	& .effectin--type01{
		opacity: 0;
		transform: translate(0,1rem);

		&.is-effectinActive{
			transform: translate(0,0);
			opacity: 1;
			transition: transform 1s,opacity 1s;
		}
	}

	& .effectin--type02{
		opacity: 0;
		transform: translate(5rem,0);

		&.is-effectinActive{
			transform: translate(0,0);
			opacity: 1;
			transition: transform 1s,opacity 1s;
		}
	}

	& .effectin--type03{
		opacity: 0;

		&.is-effectinActive{
			opacity: 1;
			transition: opacity 1s;
		}
	}

	& .is-effectinActive{

		&.effectin--delay1{
			transition-delay: 0.25s;
		}

		&.effectin--delay2{
			transition-delay: 0.5s;
		}

		&.effectin--delay3{
			transition-delay: 0.75s;
		}

		&.effectin--delay4{
			transition-delay: 1s;
		}

		&.effectin--delay5{
			transition-delay: 1.25s;
		}

		&.effectin--delay6{
			transition-delay: 1.5s;
		}

		&.effectin--delay7{
			transition-delay: 1.75s;
		}

		&.effectin--delay8{
			transition-delay: 2s;
		}

		&.effectin--delay9{
			transition-delay: 2.25s;
		}

		@media(min-width: 1025px){
			&.effectin--pcDelay1{
				transition-delay: 0.25s;
			}

			&.effectin--pcDelay2{
				transition-delay: 0.5s;
			}

			&.effectin--pcDelay3{
				transition-delay: 0.75s;
			}

			&.effectin--pcDelay4{
				transition-delay: 1s;
			}

			&.effectin--pcDelay5{
				transition-delay: 1.25s;
			}

			&.effectin--pcDelay6{
				transition-delay: 1.5s;
			}

			&.effectin--pcDelay7{
				transition-delay: 1.75s;
			}

			&.effectin--pcDelay8{
				transition-delay: 2s;
			}

			&.effectin--pcDelay9{
				transition-delay: 2.25s;
			}
		}

		@media(max-width: 1024px){
			&.effectin--tbDelay0{
				transition-delay: 0s;
			}
		}

		@media(max-width: 600px){
			&.effectin--spDelay0{
				transition-delay: 0s;
			}
		}
	}
}

/*---------------------------------
	effectin end
---------------------------------*/

/*---------------------------------
	maxW start
---------------------------------*/
.maxW-maxContent{
	width: max-content;
	margin-right: auto;
	margin-left: auto;
}

.maxW-300{
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
}

.maxW-700{
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
}

.maxW-950{
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;
}

.maxW-1050{
	max-width: 1050px;
	margin-right: auto;
	margin-left: auto;
}

/*---------------------------------
	maxW end
---------------------------------*/