@charset "UTF-8";
/*
	BASE
*******************************/

/*
font-family: "Zen Kaku Gothic New", sans-serif;
*/
* {
	font-family: "Roboto", 'Noto Sans JP',"Zen Kaku Gothic New", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	font-feature-settings: "palt";
	line-height:1;
}

html {
	font-size:62.5%;
	line-height:1;
	body {
		font-size:1.6rem;
		img {
			-webkit-backface-visibility: hidden;
			vertical-align:bottom;
			line-height:0;
			max-width: 100%;
			height: auto;
		}
		p,th,td,dt,dd,li,h1,h2,h3,h4,h5,h6,label {
			color:#000000;
		}
		a {
			color:#000000;
			text-decoration:none;
			outline:none;
			border:none;
			img {
				outline:none;
				border:none;
				-webkit-backface-visibility: hidden;
			}
		}
		area {
			border:none;
			outline:none;
		}
		.clear { clear:both;}
	} 
}

:root {
	--color_def: #000000;
	--color_main: #006ADB;
	--color_sub: #e72f29;
	--color_sub2: #21100b;
	--color_sub3: #EAF4FD;
	--color_sub4: #00A9E4;
	--color_sub5: #ff9900;
}

/*//////////////////////////////////////////////////////////////////////////*/

/*
	BASE LAYOUT
******************/

#main {
	overflow: clip;
}

.wrap {
	.contents {
		max-width:1100px;
		width: calc(100% - 60px);
		margin:0 auto;
		p {
			font-size: 1.6rem;
			line-height: 2;
		}
	}
}


.fancybox-button.fancybox-button--zoom {
	display: none!important;
}
.fancybox-button.fancybox-button--close {
	background-color: #FFFFFF!important;
}
.fancybox-button.fancybox-button--close svg {
	color:#000000;
}

@media ( hover:hover) {

	a {
		transition: .3s;
		&:hover {
			text-decoration: none;
			opacity: .75;
		}
	}
	
}


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

	.wrap {
		.contents {
			width: calc(100% - 50px);
		}
	}
	
}

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

	.wrap {
		.contents {
			width: calc(100% - 40px);
			p {
				font-size: 1.4rem;
				line-height: 1.8;
			}
		}
	}
	

}


@media screen and (max-width:768px) {
    .pcOnly {
    	display:none !important;
    }
    .tbOnly {
    	display:none !important;
    }
}
@media screen and (min-width:1024px) {
    .tbOnly {
    	display:none !important;
    }
    .sptbOnly {
    	display:none !important;
    }
}
@media screen and (min-width:769px) {
    .spOnly {
    	display:none !important;
    }
}


/**animation**/
.animation {
	opacity: 0;
	transition-duration: 2s;
	transition-timing-function:cubic-bezier(0.190, 1.000, 0.220, 1.000);
	&.fade-left {
		transform: translateX(-50px);
	}
	&.fade-right {
		transform: translateX(50px);
	}
	&.fade-up {
		transform: translateY(50px);
	}
	/* .fade-in {

	} */
	&.delay-1 {
		transition-delay: .2s;
	}
	&.delay-2 {
		transition-delay: .4s;
	}
	&.delay-0 {
		transition-delay: .6s;
	}
	&.delay-3 {
		transition-delay: .8s;
	}
	&:hover {
		&.delay-1 {
			transition-delay: 0s;
		}
		&.delay-2 {
			transition-delay: 0s;
		}
		&.delay-0 {
			transition-delay: 0s;
		}
		&.delay-3 {
			transition-delay: 0s;
		}
	}
}
.animation {
	&.show {
		opacity: 1;
		&.fade-left {
			transform: translate(0,0);
		}
		&.fade-right {
			transform: translate(0,0);
		}
		&.fade-up {
			transform: translate(0,0);
		}
		/* .fade-in {

		} */
		& > .fade-left {
			opacity: 1;
			transform: translate(0,0);
		}
		& > .fade-right {
			opacity: 1;
			transform: translate(0,0);
		}
		& > .fade-up {
			opacity: 1;
			transform: translate(0,0);
		}
	}
}


@media screen and (max-width:768px) {
	
	.animation {
		opacity: 0;
		transition-duration: 2s;
		transition-timing-function:cubic-bezier(0.190, 1.000, 0.220, 1.000);
		&.fade-left {
			transform: translateX(-50px);
		}
		&.fade-right {
			transform: translateX(50px);
		}
		&.fade-up {
			transform: translateY(50px);
		}
		/* .fade-in {

		} */
		&.delay-1 {
			transition-delay: 0s;
		}
		&.delay-2 {
			transition-delay: 0s;
		}
		&.delay-0 {
			transition-delay: 0s;
		}
		&.delay-3 {
			transition-delay: 0s;
		}
	}
	
}