/*---------------------------------
	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
---------------------------------*/

/*---------------------------------
	responsive 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;
	}
}

/*---------------------------------
	responsive end
---------------------------------*/

/*---------------------------------
	mw start
---------------------------------*/
.mw-400{
	max-width: 400px;
	margin: 0 auto;
}
	
@media(min-width: 1025px){
	.mw-pc-425{
		max-width: 425px;
		margin: 0 auto;
	}
}

/*---------------------------------
	mw 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-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(max-width: 600px){
	.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-colorGray{
	color: #888;
}

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

.t-colorSub{
	color: var(--c-hex-sub);
}

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

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

.t-headPoint{
	position: relative;
	padding-left: 1.25em;
}

.t-headPoint:before{
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}

.t-headCircle{
	position: relative;
	padding-left: 1.25em;
}

.t-headCircle:before{
	content: "●";
	position: absolute;
	top: 0;
	left: 0;
}

.t-headBox{
	position: relative;
	padding-left: 1.25em;
}

.t-headBox:before{
	content: "■";
	position: absolute;
	top: 0;
	left: 0;
}

.t-headReferenceMark{
	position: relative;
	padding-left: 1.25em;
}

.t-headReferenceMark:before{
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}

.t-headAsterisk{
	position: relative;
	padding-left: 1.25em;
}

.t-headAsterisk:before{
	content: "＊";
	position: absolute;
	top: 0;
	left: 0;
}

.t-headArrow{
	position: relative;
	padding-left: 1.25em;
}

.t-headArrow:before{
	content: "→";
	position: absolute;
	top: 0;
	left: 0;
}

.t-head01{
	padding-bottom: 0.5em;
	font-size: 150%;
	font-weight: var(--f-weight-bold);
	font-family: var(--f-family-catch);
	color: var(--c-hex-theme);
	border-bottom: 2px solid #CCC;
}

.t-head02{
	padding-bottom: 0.5em;
	text-align: center;
	font-size: 175%;
	font-weight: var(--f-weight-bold);
	font-family: var(--f-family-catch);
}

.t-head02 span{
	font-size: 125%;
	color: var(--c-hex-theme);
}

@media(max-width: 600px){
	.t-head02{
		font-size: 150%;
	}
	
	.t-head02 span{
		font-size: 110%;
	}
}

.t-head03{
	margin-bottom: 3em;
	font-size: 175%;
	font-weight: var(--f-weight-bold);
	font-family: var(--f-family-catch);
	text-align: center;
}

.t-head03:first-letter{
	color: var(--c-hex-theme);
}

.t-head04{
	padding-bottom: 0.5em;
	text-align: center;
	font-size: 175%;
	font-weight: var(--f-weight-bold);
	font-family: var(--f-family-catch);
}

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

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

.t-title06{
	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);
}

body:not(.is-effectinActivateFailed) .effectin--type01.is-effectinActive{
	transform: translate(0,0);
	opacity: 1;
	transition: transform 1s,opacity 1s;
}

body:not(.is-effectinActivateFailed) .effectin--type02{
	opacity: 0;
	transform: translate(5rem,0);
}

body:not(.is-effectinActivateFailed) .effectin--type02.is-effectinActive{
	transform: translate(0,0);
	opacity: 1;
	transition: transform 1s,opacity 1s;
}

body:not(.is-effectinActivateFailed) .effectin--type03{
	opacity: 0;
}

body:not(.is-effectinActivateFailed) .effectin--type03.is-effectinActive{
	opacity: 1;
	transition: opacity 1s;
}


body:not(.is-effectinActivateFailed) .effectin--delay1.is-effectinActive{
	transition-delay: 0.25s;
}

body:not(.is-effectinActivateFailed) .effectin--delay2.is-effectinActive{
	transition-delay: 0.5s;
}

body:not(.is-effectinActivateFailed) .effectin--delay3.is-effectinActive{
	transition-delay: 0.75s;
}

body:not(.is-effectinActivateFailed) .effectin--delay4.is-effectinActive{
	transition-delay: 1s;
}

body:not(.is-effectinActivateFailed) .effectin--delay5.is-effectinActive{
	transition-delay: 1.25s;
}

body:not(.is-effectinActivateFailed) .effectin--delay6.is-effectinActive{
	transition-delay: 1.5s;
}

body:not(.is-effectinActivateFailed) .effectin--delay7.is-effectinActive{
	transition-delay: 1.75s;
}

body:not(.is-effectinActivateFailed) .effectin--delay8.is-effectinActive{
	transition-delay: 2s;
}

body:not(.is-effectinActivateFailed) .effectin--delay9.is-effectinActive{
	transition-delay: 2.25s;
}

@media(min-width: 1025px){
	body:not(.is-effectinActivateFailed) .effectin--pcDelay1.is-effectinActive{
		transition-delay: 0.25s;
	}

	body:not(.is-effectinActivateFailed) .effectin--pcDelay2.is-effectinActive{
		transition-delay: 0.5s;
	}

	body:not(.is-effectinActivateFailed) .effectin--pcDelay3.is-effectinActive{
		transition-delay: 0.75s;
	}

	body:not(.is-effectinActivateFailed) .effectin--pcDelay4.is-effectinActive{
		transition-delay: 1s;
	}

	body:not(.is-effectinActivateFailed) .effectin--pcDelay5.is-effectinActive{
		transition-delay: 1.25s;
	}

	body:not(.is-effectinActivateFailed) .effectin--pcDelay6.is-effectinActive{
		transition-delay: 1.5s;
	}

	body:not(.is-effectinActivateFailed) .effectin--pcDelay7.is-effectinActive{
		transition-delay: 1.75s;
	}

	body:not(.is-effectinActivateFailed) .effectin--pcDelay8.is-effectinActive{
		transition-delay: 2s;
	}

	body:not(.is-effectinActivateFailed) .effectin--pcDelay9.is-effectinActive{
		transition-delay: 2.25s;
	}
}

@media(max-width: 1024px){
	body:not(.is-effectinActivateFailed) .effectin--tbDelay0.is-effectinActive{
		transition-delay: 0s;
	}
}

@media(max-width: 600px){
	body:not(.is-effectinActivateFailed) .effectin--spDelay0.is-effectinActive{
		transition-delay: 0s;
	}
}

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

/*---------------------------------
	maxW start
---------------------------------*/
.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
---------------------------------*/