@charset "UTF-8";

@keyframes scanime {
    75% {
        top:-50%;
    }
    100% {
        top:100%;
    }
}
@media screen and (min-width:769px){
	.aboutbottombtn{
		display: none;
	}
	
	.mainvisual{
		width:100%;
		height:100vh;
		position: relative;
	}
	
	.mainvisual::after{
		content: "";
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		background-color: rgba(0,0,0,0.3);
		z-index: 2;
	}
	
	.mainvisual .videocont{
		width:100%;
		height:100vh;
		position: relative;
		z-index:2;
	}
	
	.mainvisual .videocont video{
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
	}
	
	.mainvisual .maintitle{
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		display: flex;
		align-content: center;
		justify-content: flex-end;
		flex-wrap: wrap;
		z-index:3;
	}
	
	.mainvisual .maintitle .titlebox{
		width:46.85%;
		margin:0 10.85% 0 0;
	}
	
	.mainvisual .maintitle .cap{
		width:100%;
		padding:20px 10.85% 0 0;
		font-size: 1.03rem;
        line-height: 2.0rem;
		color:#fff;
		text-align:right;
		box-sizing: border-box;
	}
	
	.mainvisual .slidecontainer{
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		z-index:1;
		overflow: hidden;
	}
	
	.mainvisual .slidecontainer .slider .box{
		width:100vw;
		height:100vh;
	}
	
	.mainvisual .scrollmotion{
		position: absolute;
		bottom:0;
		left:calc(50% - 0.8em);
		z-index: 4;
	}
	
	.mainvisual .scrollmotion .tx{
		-webkit-writing-mode: vertical-rl;
	 	-ms-writing-mode: tb-rl;
	  	-o-writing-mode: vertical-rl;
	  	writing-mode: vertical-rl;
		color:#fff;
		font-weight: 400;
		line-height: 1;
		font-size:1.6rem;
		padding:0 0 20px 0;
	}
	
	.mainvisual .scrollmotion .border{
		height:110px;
		width:1px;
		background:#fff;
		overflow: hidden;
		position: relative;
		display: block;
		margin:0 0 0 calc(0.5em - 0.5px);
	}
	
	.mainvisual .scrollmotion .border span{
		content: "";
		height:50%;
		width:1px;
		background:#ea5514;
		position: absolute;
		top:-50%;
		left:0;
		animation-name: scanime;
		animation-fill-mode:backwards;
		animation-duration:4s;
		animation-iteration-count:infinite;
		animation-timing-function:ease-in;
		animation-delay: 0s;
		animation-direction:normal;
	}
	
	/*newscontainer*/
	.newscontainer{
		padding:10px 0 40px 0;
	}
	
	.newscontainer .innerbox{
		width:870px;
		margin:0 auto;
	}
	
	.newscontainer .innerbox a{
		display: flex;
		justify-content: space-between;
		color:#fff;
		font-size:1.8rem;
		line-height: 1;
		padding:20px 5px;
		transition: all 0.2s;
		position: relative;
	}
	
	.newscontainer .innerbox a::after{
		content: "";
		width:100%;
		height:1px;
		position: absolute;
		bottom:0;
		left:0;
		background:#fff;
		transition: all 0.2s;
	}
	
	.newscontainer .innerbox a:hover{
		color:#ea5514;
	}
	
	.newscontainer .innerbox a:hover::after{
		height:5px;
		background:#ea5514;
	}
	
	.newscontainer .innerbox a .cate{
		width:95px;
		border-right:1px solid #ea5514;
		box-sizing: border-box;
		color:#ea5514;
	}
	
	.newscontainer .innerbox a .box{
		width:calc(100%);
		display: flex;
		padding:0 0 0 0;
	}
	
	.newscontainer .innerbox a .box .date{
		width:135px;
		padding:0 20px 0 0;
		box-sizing: border-box;
	}
	
	.newscontainer .innerbox a .box .tl{
		width:calc(100% - 135px);
		box-sizing: border-box;
		text-overflow: ellipsis;
  		white-space: nowrap;
  		overflow: hidden;
	}
	
	.boxcontainer{
		padding:0 115px 0 100px;
		display: flex;
		justify-content: flex-end;
		position: relative;
	}
	
	.boxcontainer.box2{
		justify-content: flex-start;
	}
	
	.boxcontainer .innerbox{
		padding:0 115px 0 100px;
		height:100%;
		width:100%;
		top:0;
		left:0;
		position: absolute;
		display: flex;
		align-items: center;
	}
	
	.boxcontainer .innerbox .txcont{
		position: relative;
		z-index:2;
		top:-2.4vw;
	}

	
	.boxcontainer.box2 .innerbox .txcont{
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		width:100%;
	}
	
	.boxcontainer .innerbox .txcont .tlbox{
		position: relative;
		z-index:2;
		font-size:12.26vw;
		font-weight: 900;
		color:#4e4c4c;
		line-height: 1;
		width:100%;
	}
	
	.boxcontainer.box2 .innerbox .txcont .tlbox{
		text-align: right;
	}
	
	.boxcontainer .innerbox .txcont .subtl{
		position: relative;
		z-index:2;
		font-size:1.982vw;
		line-height: 3vw;
		font-weight: 400;
		color:#fff;
		padding:1.19vw 0 0 0;
		opacity: 0;
		left:-30px;
		transition: all 1s;
	}
	
	.boxcontainer .innerbox .txcont.active .subtl{
		opacity: 1;
		left:0;
	}
	
	.boxcontainer .logobox{
		width:40%;
		position: relative;
		z-index:1;
		line-height: 0;
		opacity: 0.5;
	}
	
	.boxcontainer .phbox{
		width:calc(60% + 100px);
		left:-100px;
		position: relative;
		z-index:1;
		line-height: 0;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn{
		position: relative;
		display: inline-block;
		padding:25px 0 0 0;
		opacity: 0;
		left:-30px;
		transition: all 1s;
		transition-delay: 0.3s;
	}
	
	.boxcontainer .innerbox .txcont.active a.anibtn{
		opacity: 1;
		left:0;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .inbox{
		display: flex;
		align-items: center;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .tx{
		font-size:1.6rem;
		font-weight: 600;
		color:#ea5514;
		display: inline-block;
		padding:0 0 0 30px;
		position: relative;
		transition: all 0.5s;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn:hover .tx{
		padding:0 20px 0 0;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .tx::before{
		content: "";
		width:20px;
		border-bottom:1px solid #ea5514;
		top:50%;
		left:0;
		display: block;
		position: absolute;
		transition: all 0.5s;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn:hover .tx::before{
		content: "";
		width:0;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .arrow{
		width:30px;
		height:30px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .arrow::before{
		content: "";
		width:7px;
		height:7px;
		border-radius: 50%;
		background:#ea5514;
		transition: all 0.5s;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn:hover .arrow::before{
		content: "";
		width:30px;
		height:30px;
		border-radius: 50%;
		background:#ea5514;
		display: block;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .arrow::after{
		content: "";
		display: inline-block;
  		width: 7px;
  		height: 7px;
  		margin: 0 0;
  		border-top: 1px solid #fff;
  		border-right: 1px solid #fff;
  		transform: rotate(45deg);
		position: absolute;
		top:calc(50% - 3.5px);
		left:calc(50% - 5.5px);
		transition: all 0.5s;
		opacity: 0;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn:hover .arrow::after{
		opacity: 1;
	}
	
	.boxcontainer.slidecont{
		background:#dfddda;
		padding:4.86vw 0;
		display: block;
	}
	
	.boxcontainer.slidecont .innerbox{
		padding:0 115px 0 100px;
		position: relative;
		display: block;
		margin:-9.5vw 0 0 0;
	}
	
	.boxcontainer.slidecont .innerbox .txcont{
		position: relative;
		z-index:2;
		top:0;
	}
	
	.boxcontainer.slidecont .innerbox .txcont .subtl{
		color:#090909;
	}
	
	.boxcontainer.slidecont .teamslidecontainer{
		width:100%;
	}
	
	.boxcontainer.slidecont .teamslidecontainer .teamslider{
		width:100%;
	}
	
	.boxcontainer.slidecont .teamslidecontainer .teamslider .box{
		padding:0 7.5px;
		opacity: 1;
		transition: all 0.5s;
	}
	
	.boxcontainer.slidecont .teamslidecontainer .teamslider .box.slick-current,
	.boxcontainer.slidecont .teamslidecontainer .teamslider .box.is-active-next{
		opacity: 1;
	}
	
}

@media screen and (max-width:1239px){
	.mainvisual .maintitle .cap{
		font-size: 1.03rem;
        line-height: 2.0rem;
	}
	
	.boxcontainer .innerbox{
		padding:0 115px 0 100px;
		height:100%;
		width:100%;
		top:0;
		left:0;
		position: absolute;
		display: flex;
		align-items: center;
	}
	
	.boxcontainer .innerbox .txcont{
		position: relative;
		top:-30px;
	}
	
	.boxcontainer .innerbox .txcont .tlbox{
		position: relative;
		z-index:2;
		font-size:16.2rem;
		font-weight: 900;
		color:#4e4c4c;
		line-height: 1em;
	}
	
	.boxcontainer .innerbox .txcont .subtl{
		position: relative;
		z-index:2;
		font-size:2.6rem;
		line-height: 4.3rem;
		font-weight: 400;
		color:#fff;
		padding:13px 0 0 0;
	}
	
	.boxcontainer.slidecont{
		padding:70px 0;
	}
	
	.boxcontainer.slidecont .innerbox{
		padding:0 115px 0 100px;
		position: relative;
		display: block;
		margin:-12.5rem 0 0 0;
	}
}

@media screen and (max-width:768px){
	.aboutbottombtn{
		display: none;
	}
	
	.mainvisual{
		width:100%;
		height:calc(100vh - 43px);
		position: relative;
	}
	
	.mainvisual::after{
		content: "";
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		background-color: rgba(0,0,0,0.3);
		z-index: 2;
	}
	
	.mainvisual .videocont{
		width:100%;
		height:100vh;
		position: relative;
		z-index:2;
	}
	
	.mainvisual .videocont video{
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
	}
	
	.mainvisual .maintitle{
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		display: flex;
		align-content: center;
		justify-content: flex-end;
		flex-wrap: wrap;
		z-index:3;
	}
	
	.mainvisual .maintitle .titlebox{
		width:75%;
		margin:0 auto;
	}
	
	.mainvisual .maintitle .cap{
		width:75%;
		margin:20px auto 0;
		font-size:3vw;
		line-height: 4.5vw;
		color:#fff;
		text-align:center;
		box-sizing: border-box;
	}
	
	.mainvisual .slidecontainer{
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		z-index:1;
		overflow: hidden;
	}
	
	.mainvisual .slidecontainer .slider .box{
		width:100vw;
		height:100vh;
	}
	
	.mainvisual .scrollmotion{
		position: absolute;
		bottom:0;
		left:calc(50% - 0.8em);
		z-index: 4;
	}
	
	.mainvisual .scrollmotion .tx{
		-webkit-writing-mode: vertical-rl;
	 	-ms-writing-mode: tb-rl;
	  	-o-writing-mode: vertical-rl;
	  	writing-mode: vertical-rl;
		color:#fff;
		font-weight: 400;
		line-height: 1;
		font-size:1.6rem;
		padding:0 0 20px 0;
	}
	
	.mainvisual .scrollmotion .border{
		height:70px;
		width:1px;
		background:#fff;
		overflow: hidden;
		position: relative;
		display: block;
		margin:0 0 0 calc(0.5em - 0.5px);
	}
	
	.mainvisual .scrollmotion .border span{
		content: "";
		height:50%;
		width:1px;
		background:#ea5514;
		position: absolute;
		top:-50%;
		left:0;
		animation-name: scanime;
		animation-fill-mode:backwards;
		animation-duration:4s;
		animation-iteration-count:infinite;
		animation-timing-function:ease-in;
		animation-delay: 0s;
		animation-direction:normal;
	}
	
	/*newscontainer*/
	.newscontainer{
		padding:10px 0 40px 0;
	}
	
	.newscontainer .innerbox{
		width:80%;
		margin:0 auto;
	}
	
	.newscontainer .innerbox a{
		display: flex;
		justify-content: space-between;
		color:#fff;
		font-size:1.4rem;
		line-height: 1;
		padding:20px 5px;
		transition: all 0.2s;
		position: relative;
		flex-direction: column;
	}
	
	.newscontainer .innerbox a::after{
		content: "";
		width:100%;
		height:1px;
		position: absolute;
		bottom:0;
		left:0;
		background:#fff;
		transition: all 0.2s;
	}
	
	.newscontainer .innerbox a:hover{
		color:#ea5514;
	}
	
	.newscontainer .innerbox a:hover::after{
		height:5px;
		background:#ea5514;
	}
	
	.newscontainer .innerbox a .cate{
		width:95px;
		border-right:1px solid #ea5514;
		box-sizing: border-box;
		color:#ea5514;
	}
	
	.newscontainer .innerbox a .box{
		width:calc(100%);
		display: flex;
		padding:0 0 0 0;
		flex-direction: column;
	}
	
	.newscontainer .innerbox a .box .date{
		width:100%;
		padding:0 0 10px 0;
		box-sizing: border-box;
	}
	
	.newscontainer .innerbox a .box .tl{
		width:100%;
		box-sizing: border-box;
		text-overflow: ellipsis;
  		white-space: nowrap;
  		overflow: hidden;
	}
	
	.boxcontainer{
		padding:0 5%;
		display: flex;
		justify-content: flex-end;
		position: relative;
	}
	
	.boxcontainer.box2{
		justify-content: flex-start;
	}
	
	.boxcontainer .innerbox{
		padding:0 5%;
		height:100%;
		width:100%;
		top:0;
		left:0;
		position: absolute;
		display: flex;
		align-items: center;
	}
	
	.boxcontainer .innerbox .txcont{
		position: relative;
		z-index:2;
		top:-2.4vw;
	}

	
	.boxcontainer.box2 .innerbox .txcont{
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		width:100%;
	}
	
	.boxcontainer .innerbox .txcont .tlbox{
		position: relative;
		z-index:2;
		font-size:12.26vw;
		font-weight: 900;
		color:#4e4c4c;
		line-height: 1;
		width:100%;
	}
	
	.boxcontainer.box2 .innerbox .txcont .tlbox{
		text-align: right;
	}
	
	.boxcontainer .innerbox .txcont .subtl{
		position: relative;
		z-index:2;
		font-size:3vw;
		line-height: 5.5vw;
		font-weight: 400;
		color:#fff;
		padding:1.19vw 0 0 0;
		opacity: 0;
		left:-30px;
		transition: all 1s;
	}
	
	.boxcontainer .innerbox .txcont.active .subtl{
		opacity: 1;
		left:0;
	}
	
	.boxcontainer .logobox{
		width:40%;
		position: relative;
		z-index:1;
		line-height: 0;
		opacity: 0.5;
	}
	
	.boxcontainer .phbox{
		width:calc(60% + 100px);
		left:-100px;
		position: relative;
		z-index:1;
		line-height: 0;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn{
		position: relative;
		display: inline-block;
		padding:20px 0 0 0;
		opacity: 0;
		left:-30px;
		transition: all 1s;
		transition-delay: 0.3s;
	}
	
	.boxcontainer .innerbox .txcont.active a.anibtn{
		opacity: 1;
		left:0;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .inbox{
		display: flex;
		align-items: center;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .tx{
		font-size:1.6rem;
		font-weight: 600;
		color:#ea5514;
		display: inline-block;
		padding:0 0 0 30px;
		position: relative;
		transition: all 0.5s;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .tx{
		padding:0 20px 0 0;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .tx::before{
		content: "";
		width:20px;
		border-bottom:1px solid #ea5514;
		top:50%;
		left:0;
		display: block;
		position: absolute;
		transition: all 0.5s;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .tx::before{
		content: "";
		width:0;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .arrow{
		width:30px;
		height:30px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .arrow::before{
		content: "";
		width:7px;
		height:7px;
		border-radius: 50%;
		background:#ea5514;
		transition: all 0.5s;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .arrow::before{
		content: "";
		width:30px;
		height:30px;
		border-radius: 50%;
		background:#ea5514;
		display: block;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .arrow::after{
		content: "";
		display: inline-block;
  		width: 7px;
  		height: 7px;
  		margin: 0 0;
  		border-top: 1px solid #fff;
  		border-right: 1px solid #fff;
  		transform: rotate(45deg);
		position: absolute;
		top:calc(50% - 3.5px);
		left:calc(50% - 5.5px);
		transition: all 0.5s;
		opacity: 0;
	}
	
	.boxcontainer .innerbox .txcont a.anibtn .arrow::after{
		opacity: 1;
	}
	
	.boxcontainer.slidecont{
		background:#dfddda;
		padding:4.86vw 0;
		display: block;
	}
	
	.boxcontainer.slidecont .innerbox{
		padding:0 10%;
		position: relative;
		display: block;
		margin:-9.5vw 0 0 0;
	}
	
	.boxcontainer.slidecont .innerbox .txcont{
		position: relative;
		z-index:2;
		top:0;
	}
	
	.boxcontainer.slidecont .innerbox .txcont .subtl{
		color:#090909;
	}
	
	.boxcontainer.slidecont .teamslidecontainer{
		width:100%;
	}
	
	.boxcontainer.slidecont .teamslidecontainer .teamslider{
		width:100%;
	}
	
	.boxcontainer.slidecont .teamslidecontainer .teamslider .box{
		padding:0 5px;
		opacity: 1;
		transition: all 0.5s;
	}
	
	.boxcontainer.slidecont .teamslidecontainer .teamslider .box.slick-current,
	.boxcontainer.slidecont .teamslidecontainer .teamslider .box.is-active-next{
		opacity: 1;
	}
	
}

@media screen and (min-width:769) and (max-width:1239px){
	.mainvisual .maintitle .cap{
		font-size: 1.03rem;
        line-height: 2.0rem;
	}
	
	.boxcontainer .innerbox{
		padding:0 115px 0 100px;
		height:100%;
		width:100%;
		top:0;
		left:0;
		position: absolute;
		display: flex;
		align-items: center;
	}
	
	.boxcontainer .innerbox .txcont{
		position: relative;
		top:-30px;
	}
	
	.boxcontainer .innerbox .txcont .tlbox{
		position: relative;
		z-index:2;
		font-size:16.2rem;
		font-weight: 900;
		color:#4e4c4c;
		line-height: 1em;
	}
	
	.boxcontainer .innerbox .txcont .subtl{
		position: relative;
		z-index:2;
		font-size:2.6rem;
		line-height: 4.3rem;
		font-weight: 400;
		color:#fff;
		padding:13px 0 0 0;
	}
	
	.boxcontainer.slidecont{
		padding:70px 0;
	}
	
	.boxcontainer.slidecont .innerbox{
		padding:0 115px 0 100px;
		position: relative;
		display: block;
		margin:-12.5rem 0 0 0;
	}
}


/*202304追加 採用追従 ここから*/
/*.recruit-fixed {
	position: fixed;
	left: 1rem;
	bottom: 1rem;
	background: url(../images/index/join-fixed.jpg) center center/cover no-repeat;
	width: 28rem;
	height: 8rem;
	background-color: #ea5514;
	border: 1px solid #ea5514;
	z-index: 10;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .2rem;
}
.recruit-fixed p {
	font-size: 2.6rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}
.recruit-fixed p span {
	font-weight: 200;
	margin: 0 .6rem;
}
.recruit-fixedText::after {
	content: "";
	display: inline-block;
	width: .8rem;
	height: .8rem;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	margin-left: .8rem;
}

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

	.recruit-fixed {
		position: fixed;
		left: 0;
		bottom: 4rem;
		width: 100%;
		height: 6rem;
	}
	.recruit-fixed p {
		font-size: 2.2rem;
	}
	.recruit-fixed p span {
		font-weight: 200;
		margin: 0 .4rem;
	}
}*/
/*202304追加 採用追従 ここまで*/


/* 20231030追加 youtube と topabout修正 */
#maincontainer{
    overflow-x: hidden;
}
/* topabout修正 */
.topabout{
	padding: 0 0px 0 100px;
}
.topabout .logobox {
    width: 33%;
    opacity: 0.3;
    overflow: hidden;
    right:-1%;
    bottom: -80px;
}

/* 769px以上　かつ 1239px以下 */
@media screen and (min-width:769px) and (max-width:1239px){
	.topabout .logobox {
    	width: 33%;
    	bottom: -60px;
    }
}

/* 1239px以上 */
@media screen and (min-width:1239px){}

/* 769px以上 */
@media screen and (min-width:769px){}

/* 768px以下 */
@media screen and (max-width:768px){
	.topabout .logobox {
/*    	width: 32%;*/
		width: 40%;
    	bottom: 0px;
    }
}

/* 480px以下 */
@media screen and (max-width:480px){}

/* youtube */
.youtubecontainer{
	background-color: rgba(78,76,76,0.5);
	padding:60px 0px;
/*	margin-top:-100px;*/
/*	margin-top:-60px;*/
}
.youtubecontainer .youtube{
/*	width: 930px;*/
	width: 740px;
	margin:0 auto;
	transition: .3s;
}
.youtubecontainer .video__img{
	position:relative;
	z-index:2;
	border-radius: 12px;
	overflow: hidden;
}
.youtubecontainer .video__button{
	background: #ea5514;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:4;
    /*width: 128px;
    height: 128px;*/
	filter: drop-shadow(0 0px 20px rgba(0, 0, 0, .6));
	width: 100px;
    height: 100px;
	border-radius: 50%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.video__button__inner{
	text-align: center;
	width:100%;
}
.youtubecontainer .video__button--triangle{
	background: #ffffff;
	/*height: 44px;
	width: 38px;
	clip-path: polygon(0% 0, 100% 50%, 0% 100%);*/
	height: 35px;
	width: 30px;
	clip-path: polygon(10% 0, 100% 50%, 10% 100%);
    margin: 5px auto;
}
.youtubecontainer .video__button--tx{
	font-weight: 400;
/*	font-size:1.6rem;*/
	font-size:1.2rem;
	line-height: 1;
	color:#fff;
}
.youtubecontainer .youtube-captio{
	position: relative;
	z-index:2;
/*	font-size:4.7rem;*/
	font-size:3.7rem;
	font-weight: 900;
	color:#fff;
	line-height: 1;
	width:100%;
	margin-top:0.6em;
	text-align: center;
}

/* 1239px以上 */
@media screen and (min-width:1239px){
	.youtubecontainer{
		padding:80px 0px;
/*		margin-top:-100px;*/
/*		margin-top:-80px;*/
	}
	.youtubecontainer .youtube-captio{
/*		font-size:4.7rem;*/
		font-size:3.7rem;
	}
}

/* 769px以上 */
@media screen and (min-width:769px){
	.youtubecontainer .youtube:hover .video__button{
/*		filter: brightness(1.25);*/
	}
	.youtubecontainer .youtube:hover .video__img{
		filter: brightness(1.15);
	}

	/*.youtubecontainer .youtube:hover .video__img::before{
		background: rgba(234,85,20,0.1);
	}*/
}

/* 768px以下 */
@media screen and (max-width:768px){
	.youtubecontainer{
		padding:30px 0px 30px;
		margin-top:0px;
	}
	.youtubecontainer .youtube{
		width:90%;
	}
	.youtubecontainer .video__img{
		border-radius: 6px;
	}
	.youtubecontainer .video__button{
	    width: 80px;
	    height: 80px;
	}
	.youtubecontainer .video__button--triangle{
		height: 25px;
		width: 21px;
		margin: 3px auto;
	}
	.youtubecontainer .video__button--tx{
/*		font-size:10px;*/
		font-size:1.0rem;
	}
	.youtubecontainer .youtube-captio{
		font-size:4.4vw;
	}
}

/* 480px以下 */
@media screen and (max-width:480px){
	.youtubecontainer .youtube-captio{
		font-size:4.2vw;
	}
}

/* modal-video.min.css 上書き */
.modal-video {
    background-color: rgba(0,0,0,0.8);
    backdrop-filter: blur(12px);
}
/* 20231030追加 youtube end */


/*202405追加 追従バナー ここから*/
.bnr-fixed {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 10;
	width: 24rem;
}
.recruit-fixed {
	background: url(../images/index/join-fixed.jpg) center center/cover no-repeat;
	width: 100%;
	height: 6rem;
	background-color: #ea5514;
	border: 1px solid #ea5514;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .2rem;
}
.recruit-fixed p {
	font-size: 2.2rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}
.recruit-fixed p span {
	font-weight: 200;
	margin: 0 .6rem;
}
.recruit-fixedText::after {
	content: "";
	display: inline-block;
	width: .8rem;
	height: .8rem;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	margin-left: .8rem;
}
.whitepaper-fixed {
	background: url(../images/index/whitepaper-fixed.jpg) center center/cover no-repeat;
	width: 100%;
	height: 6rem;
	background-color: #333;
	border: 1px solid #333;
	z-index: 10;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .2rem;
	margin-bottom: 1rem;
}
.whitepaper-fixed p {
	font-size: 2.2rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}
.whitepaper-fixed p span {
	font-weight: 200;
	margin: 0 .6rem;
}
.whitepaper-fixedText::after {
	content: "";
	display: inline-block;
	width: .8rem;
	height: .8rem;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	margin-left: .8rem;
}

@media screen and (max-width:768px){
	.bnr-fixed {
		position: fixed;
		right: 0;
		bottom: 4.4rem;
		width: 100%;
		display: flex;
	}

	.recruit-fixed {
		width: 50%;
		height: 6rem;
	}
	.recruit-fixed p {
		font-size: 2rem;
	}
	.recruit-fixed p span {
		font-weight: 200;
		margin: 0 .4rem;
	}
	.whitepaper-fixed {
		width: 50%;
		height: 6rem;
		margin-bottom:0;
	}
	.whitepaper-fixed p {
		font-size: 2rem;
	}
	.whitepaper-fixed p span {
		font-weight: 200;
		margin: 0 .4rem;
	}
}