@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;900&family=Roboto+Condensed:wght@400;700&display=swap');
body{font-family: 'Noto Sans JP', sans-serif;color: #000;}
.en{font-family: 'Roboto Condensed', sans-serif;font-weight: 700;}
*:focus{outline: none;}
.cf {
	zoom:1;/*for IE 5.5-7*/
}
.cf:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
img{width: 100%;height: auto; vertical-align: bottom;}
a{display: block;transition: all 0.3s;color: 535353;}
a:hover{opacity: 0.7;}
dt {font-weight: 100;}

dt, dd {line-height: inherit;}
.btn00 a:hover, .btn01 a:hover, .gnav a:hover{opacity: 1;}
.t_a_c{text-align: center;}
.f_c_w{color: #fff;}
.f_c_w a{color: #fff;}
.mgt20{margin: 20px 0 0 0;}
.mgt25{margin: 25px 0 0 0;}
.mgt30{margin: 30px 0 0 0;}
.mgt40{margin: 40px 0 0 0;}
.mgt50{margin: 50px 0 0 0;}

.invisible {
    visibility: hidden;
}
.delay01{animation-delay: 0.2s;}
.delay02{animation-delay: 0.4s;}
.btn00, .btn01{position: relative;width: 100%; max-width: 200px;height: 52px;background: #000;white-space: nowrap;text-align: center;}
.btn01{background: #fff;}
.btn00{border: 1px solid #000;display: inline-block;font-weight: bold;}
.btn00:hover{border: 1px solid #000;}
.btn00 a{color: #fff;display: block;font-size: 14px;line-height: 50px;}

.btn01{border: 1px solid #fff;display: inline-block;font-weight:bold;}
.btn01:hover{border: 1px solid #fff;}
.btn01 a{color: #000;display: block;font-size: 14px;line-height: 50px;}

/*ボタンアクション*/
	.btn00 a, .btn01 a {
    overflow: hidden;
    position: relative;
  }
	.btn00 a span, .btn01 a span{
	position: relative;
	}
	.btn00:hover a{color: #000;}
    .btn01:hover a{color: #fff;}
	.btn00 a:before, .btn01 a:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .3s cubic-bezier(.19, 1, .22, 1);
    background: #fff;
  }
.btn01 a:before{background: #000;}
  .btn00 a:hover:before, .btn01 a:hover:before, #sec05 ul li:hover:before {
    transform: scaleX(1);
    transform-origin: left;
  }
#sec05 ul li:before{content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .3s cubic-bezier(.19, 1, .22, 1);
    background: rgba(0, 0, 0, 0.4);}


.text_off02{-webkit-clip-path: inset(0 100% 0 0);-ms-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);transition : all 1s ease;display: inline-block;}

.text_off{-webkit-clip-path: inset(0 0 0 100%);-ms-clip-path: inset(0 0 0 100%);
clip-path: inset(0 0 0 100%);transition : all 1s ease;display: inline-block;}
	
.text_on{-webkit-clip-path: inset(0);-ms-clip-path: inset(0);
clip-path: inset(0);}
	
/*テキストバーアニメーション*/
@-webkit-keyframes passing-bar{
	0% {
		left: 0;
		right: auto;
		width: 0;
	}
	50% {
		left: 0;
		right: auto;
		width: 100%;
	}
	51% {
		left: auto;
		right: 0;
		width: 100%;
	}
	100% {
		left: auto;
		right: 0;
		width: 0;
	}
}
@keyframes passing-bar{
	0% {
		left: 0;
		width: 0;
	}
	50% {
		left: 0;
		width: 100%;
	}
	51% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0;
	}
}
@-webkit-keyframes passing-txt{
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes passing-txt{
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity:1; }
}



.passing .passing-box {
	display: block;
}
.passing .passing-bar {
	position: relative;
	display: inline-block;
	/*　後ほど解説　*/
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.passing .passing-bar.br:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	/* 任意の値 */
	background: #000;
}
.passing .passing-bar:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	/* 任意の値 */
	background: #fff;
}
.passing .passing-txt {
	opacity: 0;
	/* 後ほど解説 */
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/* 任意の値 */
	line-height: 0.9;
}
.passing.move .passing-bar:before {
	-webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
	animation: passing-bar 1s ease 0s 1 normal forwards;
}
.passing.move .passing-txt {
	-webkit-animation: passing-txt 0s ease .5s 1 normal forwards;
	animation:passing-txt 0s ease .5s 1 normal forwards;
}
.passing.move.delay1 .passing-bar:before {
	-webkit-animation: passing-bar 1.2s ease 0s 1 normal forwards;
	animation: passing-bar 1.2s ease 0s 1 normal forwards;
}
.passing.move.delay1 .passing-txt {
	-webkit-animation: passing-txt 0s ease .7s 1 normal forwards;
	animation:passing-txt 0s ease .7s 1 normal forwards;
}
.passing.move.delay2 .passing-bar:before {
	-webkit-animation: passing-bar 1.4s ease 0s 1 normal forwards;
	animation: passing-bar 1.4s ease 0s 1 normal forwards;
}
.passing.move.delay2 .passing-txt {
	-webkit-animation: passing-txt 0s ease .7s 1 normal forwards;
	animation:passing-txt 0s ease .7s 1 normal forwards;
}
.passing.move.delay3 .passing-bar:before {
	-webkit-animation: passing-bar 1.6s ease 0s 1 normal forwards;
	animation: passing-bar 1.6s ease 0s 1 normal forwards;
}
.passing.move.delay3 .passing-txt {
	-webkit-animation: passing-txt 0s ease .9s 1 normal forwards;
	animation:passing-txt 0s ease .9s 1 normal forwards;
}