@charset "utf-8";
/*************************************************************************
トップページ PC用
*************************************************************************/

.bgset{
	-webkit-background-size: 100% auto ;
	background-size: 100% auto ;
	background-repeat: no-repeat;
	background-position: center center;
}
.spbg{
	display: none !important;
}

/*oping anime*/
.ani-frame{
	position: relative;
	height: 95vh;
	background:#ffee7b url(../img/h_mv_bg.jpg) center 100% no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100 auto;
	z-index: 100;
}

.ani-frame .ly-fr{
	position: relative;
	height: 95vh;
	text-align: center;
	z-index: 101;
	-webkit-transform: translateY(80px) scale(1.5,1.2);
	transform: translateY(80px) scale(1.5,1.2);
}

.ani-frame .ly-fr img{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 80vh;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.ly-ani{
	width: 100%;
	position: absolute;
	left:-10px;
	bottom:0;
}
.ly-fr{
	opacity: 0;
}
.slAni1,
.slAni2{
	/*opacity: 0;*/
}


.slAni1{
	width: 100%;
	position: absolute;
	bottom:50px;
	left:0;
	-webkit-transform: translate(-20%, 0);
	transform: translate(-20%,0);
}
.slAni2{
	width: 100%;
	position: absolute;
	bottom:30px;
	left:0;
	-webkit-transform: translate(-20%, 0);
	transform: translate(-20%,0);
}
.slAni3{
	width: 100%;
	position: absolute;
	bottom:50px;
	left:0;
	-webkit-transform: translate(-20%, 0);
	transform: translate(-20%,0);
}


#imgAni1.first,
#imgAni2.first,
#imgAni3.first{
	width: 120px;
	height: 135px;
	background: url(../img/ani1.png) 0 0 no-repeat;
}

#imgAni1.next,
#imgAni2.next,
#imgAni3.next{
	width: 120px;
	height: 135px;
	background: url(../img/ani2.png) 0 0 no-repeat;
}


/*
共通 common-parts:c-xxx;
-------------------*/
.c-bg1{background:#1e2a64;}
.c-bg2{background:#f8b551;}
.c-bg3{background: #23223f;}
.c-bg4{background: #bfbfbf;}
.c-bg5{background: #fff1d1;}

.c-clr1{color:#eb6100}
.c-clr2{color:#898989}
.c-clr3{color:#13b5b1}
.c-lwrap{
	max-width:1246px;
	margin:0 auto;
}
.c-mid-wrap{
	max-width:1050px;
	margin:0 auto;
}

.c-wrap{
	max-width:980px;
	margin:0 auto;
}

.c-fig{
	width: 100%;
}

.c-fig img{
	width: 100%;
}

.c-btn1{
	width:240px;
	height:60px;
	display: inline-block;
	padding: 0.5em 0;
	text-align: center;
	border:1px solid #FFF;
  background: linear-gradient(to right, #00b4fa, #00fcfb);
  color:#FFF !important;
text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
font-weight:500;
font-size:1.0rem;
}

.c-headline-ll{
	font-size: 2.6rem;
}
.c-headline-l,
.c-headine-l{
	font-size: 2.4rem;
	color:#eb6100;
}
.c-headine-l.bdr{
	position: relative;
padding-left: 1em;
	padding-bottom: 10px;
	border-bottom:2px solid #d2d2d2;
}
.c-headine-l.bdr::after{
	content:"";
	position: absolute;
	display: block;
	width: 135px;
	height: 0px;
	border-bottom: 2px solid #ec6941;
	bottom:-2px;
	left:0;
}

.c-tbl1{
	width: 100%;
}
	.c-tbl1>tbody>tr>th{
		border-top:1px solid #f66337;
		padding: 1.2em 0 2.5em;
		vertical-align: top;
		width: 208px;
		font-weight: normal;
		text-align: left;
	}
	.c-tbl1>tbody>tr>td{
		border-top:1px solid #ffdd9b;
		padding: 1.2em 0.5em 2.5em 1em;
		vertical-align: top;
		text-align: left;
	}

.uline{
	text-decoration: underline;
	color:#F3562C;
}

.btm-link-area{
	padding: 30px 0;
	text-align: center;
}
.btm-link-area .imgbtn{
	padding-top: 8.85%;
	max-width: 860px;
	width: 100%;
	background: url(../img/btn_entry_open_2021.jpg) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	display: inline-block;
}
.btm-link-area .imgbtn2{
	padding-top: 8.85%;
	max-width: 860px;
	width: 100%;
	background: url(../img/btn_entry_open_2022.jpg) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	display: inline-block;
	margin-top: -20px;
}



/*
-------------------*/


.container{
	display: block;
}

.container p{
	line-height: 1.7em;
	font-size: 1.4rem;
}

.opt{
	opacity: 0;
	-webkit-transition: opacity 0.5s ease, opacity 1.0s ease;
	transition: opacity 0.5s ease, opacity 1.0s ease;
}

.opt.active{
	opacity: 1;
	-webkit-transition:  opacity 1.2s ease;
	transition:   opacity 1.2s  ease;
}



.container{
	font-size: 1.4rem;
	line-height: 1.6em;
}

/*news*/
.sct-news {
	padding: 18px 0;
}

.sct-news.c-bg1{
	background: #10b2ea;
}

.sct-news *{
	color:#fff;
}
	.sct-news .news-tbl{
		display: table;
		width: 100%;
		font-size: 1.4rem;
	}

		.sct-news .news-tbl>div{
			display: table-cell;
			vertical-align: top;
			overflow: hidden;
		}

			.sct-news .news-tbl>div:nth-child(1){
				width: 133px;
				font-weight: bold;
				text-align: right;
				padding-right: 3em;
				border-right: 1px solid #fff;
			}

			.sct-news .news-tbl>div:nth-child(2){
				padding-left: 2em;
			}


.sct-news .news-tbl>div>a{
	display: table;
}
	.sct-news .news-tbl>div>a>time, 
	.sct-news .news-tbl>div>a>p {
	    display: table-cell;
	    vertical-align: top;
	    padding: 0 1em 0 0;
	    line-height: 1.4em;
	}

.sct-line-up .tbl-box{
	display: block;
	width: 100%;
	letter-spacing: -0.4em;
	text-align: left;
}
	.sct-line-up .tbl-box>section{
		display: inline-block;
		position: relative;
		width: 50%;
		letter-spacing: normal;
		overflow: hidden;
	}
		.sct-line-up .tbl-box>section a{
			display: block;
		}
	.sct-line-up .ly-title{
		position: absolute;
		bottom:20px;
	}

		.sct-line-up .sct-pr .ly-title{ left:30px;}
		.sct-line-up .sct-vo .ly-title{ right:30px;}
		.sct-line-up .sct-po .ly-title{ left:0 ;width: 100%;text-align: center;}


	.sct-line-up .sct-po{
		position: relative;
		margin-top:-5px;
	}

	.sct-line-up .sct-po .ly-pc img,
	.sct-line-up .tbl-box>section img{
		width: 100%;
		vertical-align: top;
	}

	/*トークセッションセクション*/

	.sct-line-up .sct-ts{
		display: block;
		text-align: left;
	}
	.sct-line-up .sct-ts .ts-link-wrap{
		padding:30px 30px 20px;
		background: #e8f9f1;
	}

	.sct-line-up .sct-ts .ts-link{
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		width: 100%;
		overflow: hidden;
	}
	.sct-line-up .sct-ts .ts-link>a{
		position: relative;
		width: 48%;
		margin:0 1% 10px;
		padding:18px 20px;
		text-align: left;
		border:2px solid #13b5b1;
		-webkit-border-radius: 0.3em;
		-moz-border-radius: 0.3em;
		-ms-border-radius: 0.3em;
		-o-border-radius: 0.3em;
		border-radius: 0.3em;
		background:#fff;
	}
	.sct-line-up .sct-ts .ts-link>a::after{
		content:"▶︎";
		position: absolute;
		display: block;
		width: 1em;
		height: 1em;
		top:18px;
		right:20px;
		color: #13b5b1;
	}
		.sct-line-up .sct-ts .title{
			color:#13b5b1;
			font-family: 'Century Gothic';
			font-weight: bold;
			line-height: 1.5em;
		}

		.sct-line-up .sct-ts .title>em{
			font-size: 3rem;
			display: block;
			line-height: 1.1em;
		}
		.sct-line-up .sct-ts .title>span{
			font-size: 2.4rem;
			display: block;
			line-height: 1.1em;
			padding-left: 0.1em;
		}
		.sct-line-up .sct-ts .pfl{
			font-size: 1.6rem;
			line-height: 1.6em;
			margin-top: 10px;
		}


	.sct-line-up .sct-ts{
		text-align: center;
		position: relative;
		margin-top: -5px;
	}

		.sct-line-up .sct-ts img{
			vertical-align: top;
		}






	/*ワークスタイルセクション*/
	.sct-ws{
		position: relative;
		text-align: center;
		padding: 60px 0;
	}
	.sct-ws .coming{
		display: none;/*工事終了*/
		position: absolute;
		top:75px;
		left:2%;
		width: 13%;
	}
	.sct-ws .coming>img{
		width: 100%;
	}
	.sct-ws a{
		display: block !important;
	}
	.sct-ws  img{
		max-width: 100%;
	}

	.sct-ws .figure{
		max-width: 57.14%;
		margin:20px auto;
	}
	.sct-ws .btn-area{
		text-align: center;
		margin:30px 0;
	}

	.sct-ws .btn-area .btn-a{
		display: block;
		-webkit-border-radius:0.5em;
		-moz-border-radius:0.5em;
		-ms-border-radius:0.5em;
		-o-border-radius:0.5em;
		border-radius:0.5em;
		background:#e4007f;
		color:#fff;
		max-width: 286px;
		height: 48px;
		font-size: 1.8rem;
		line-height: 48px;
		width: 100%;
		margin:0 auto;
	}


	.sct-ws .sct-headline{
		width: 33%;
		margin:0 auto;
	}

	.sct-ws .ws-link{
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		width: 100%;
		overflow: hidden;
		margin: 40px 0 0;
		padding: 0 20px;
	}
	.sct-ws .ws-link>li{
		padding:0 5px;
		color:#f280bf;
		text-align: center;
		font-size: 2.2rem;
	}
	.sct-ws .ws-link>li img{
		display: block;
		margin:0 auto 20px;
	}
		.sct-ws .ws-link>li>a{
			color:	#e4007f;
		}

		.sct-ws .ws-link>li>a>span{
			display: block;
		}




	.sct-line-up .sct-ts .ly-title{
		position: absolute;
		bottom:inherit;
		width: 100%;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.sct-ws .inner{
		max-width: 1200px;
		margin:0 auto;
		padding: 65px 20px;
	}

		 .sct-ws .inner img{
			width: 100%;
		}




/*		.sct-line-up .tbl-box>section::before{
			display:block;
			content:"";
			position: relative;
			height: 100%;
			width: 100%;
			padding-top: 71.4%;
		}
*/
	.sct-line-up .tbl-box>section img{
		vertical-align: bottom;
	}

/*ガイダンス*/
.sct-gi .hline-wrap{
	padding:22px 0;
	text-align: center;
	max-width: 1400px;
	margin:0 auto;
}
.sct-gi .hline-wrap .hline-img{
	display: inline-block;
	width: 27.4%;
}
	.sct-gi .hline-wrap .hline-img img{
		width: 100%;
	}

.sct-gi .grid-box{
	letter-spacing:-0.4em;
	text-align: left;
}
.sct-gi .grid-box a{
	display: block ;
}

	.sct-gi .grid-box>div{
		position: relative;
		display: inline-block;
		width: 50%;
		padding:0;
		margin-top: -1px;
		vertical-align: middle;
		letter-spacing: normal;
		overflow: hidden;
		z-index: 10;
	}
		.sct-gi .grid-box>div img{
			width: 101%;
		}





/****************************************************
second pages
*****************************************************/

.second .main-visual{
	position: relative;
}
.second .main-visual::after{
	content: "";
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding-top:35.71%;/*1400x500*/
}
.second #interview2 .main-visual::after{
/*	padding-top:35.71%;/*1400x500*/
	/*padding-top:32.14%;/*1400x450*/
}

#about .second .main-visual::after,
#education .second .main-visual::after,
#equirements .second .main-visual::after,
#question .second .main-visual::after,
#brand .second .main-visual::after,
#workstyle .second .main-visual::after {
	padding-top:35.83%;/*1200x430*/
}


#about .second .main-visual{
	background: url(../img/about_mainvisual01.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

#education .second .main-visual{
	background: url(../img/education_mainvisual01.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

#equirements .second .main-visual{
	background: url(../img/img_requirements_01.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

#question .second .main-visual{
	background: url(../img/question_mainvisual01.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

#brand .second .main-visual{
	background: url(../img/img_brand_01.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

#workstyle .second .main-visual{
	background: url(../img/img_workstyle_01.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.second .interview2 .main-visual{
	background: url(../img/interview_mainvisual012.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.second .talk .main-visual{
	background: url(../img/talk_mv.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.second .talk.vol2 .main-visual{
	background: url(../img/talk_vol2_mv.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.second .talk.vol3 .main-visual{
	background: url(../img/talk_vol3_mv.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.second .talk.vol4 .main-visual{
	background: url(../img/talk_vol4_mv.jpg) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.second .talk.vol5 .main-visual{
	background: url(../../talk_session/img/vol5/talk_mv.webp) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.second .workstyle.chart .main-visual{
	background: #c1c1c1 url(../img/ws_mv.png) center center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.second .main-visual .c-wrap{
	position: relative;
	height: 100%;
}
.second .main-visual .c-wrap .ly-title{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#brand .second .main-visual .c-wrap .ly-title{
	font-size:1.1rem;
	width:560px;
}

#person1 .second .main-visual .c-wrap .ly-title,
#person2 .second .main-visual .c-wrap .ly-title,
#person3 .second .main-visual .c-wrap .ly-title,
#person4 .second .main-visual .c-wrap .ly-title,
#person5 .second .main-visual .c-wrap .ly-title,
#person6 .second .main-visual .c-wrap .ly-title,
#person7 .second .main-visual .c-wrap .ly-title,
#person8 .second .main-visual .c-wrap .ly-title{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.second .interview2 .main-visual .c-wrap .ly-title{
	position: absolute;
	top: 50%;
	left: 67%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* ヘッダーbox */
.second .main-visual .ly-box{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	padding: 0 20px;
}
.second .main-visual .ly-chara{
	position: absolute;
	display: inline-block;
	bottom:0;
	left:0;
}
.second .main-visual .c-wrap .ly-chara>img{
	width: 100%;
}

.second .main-visual .ly-icon{
	position: absolute;
	display: inline-block;
	bottom:5%;
	right:5%;
}


.second .sct-contents{
	/*padding: 73px 0 ;*/
/*	padding: 33px 0 ;*/
}

	.second .sct-contents .sct-head.bgi01{
		background: url(../img/talk_s_bg.jpg) 0 0;
		min-height: 300px;
		padding: 60px 20px 70px;
	}
		.second .sct-contents .sct-head .title{
			font-size: 2.8rem;
			font-weight: normal;
			line-height: 1.5;
			margin-bottom: 0.5em;
		}

			.second .sct-contents .sct-head .c-wrap{
				background: #fff;
				max-width: 960px;
				padding: 40px;
				box-shadow:7px 7px 0px 2px #13b5b1;
				-webkit-border-radius: 0.5em;
				border-radius: 0.5em;
			}

			.second .sct-contents .sct-head .c-wrap .mgn {
			    margin-left: 141px;
			}

			.second .sct-contents .sct-head .c-wrap{
			}

/* ヘッダーbox2 */

#about .second .main-visual .ly-box,
#education .second .main-visual .ly-box,
#equirements .second .main-visual .ly-box,
#question .second .main-visual .ly-box,
#brand .second .main-visual .ly-box,
#workstyle .second .main-visual .ly-box{
    width: 680px;
    height: 250px;
    /*  padding: 20% 0;*/
  background: rgba(255, 255, 255, 0.75);
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

/* スマホで横向き */
 @media screen and (max-width:959px) and (orientation:landscape){

		#about .second .main-visual .ly-box,
		#education .second .main-visual .ly-box,
		#equirements .second .main-visual .ly-box,
		#question .second .main-visual .ly-box,
		#brand .second .main-visual .ly-box,
		#workstyle .second .main-visual .ly-box{
    width: 72vw;
    height: 150px;
/*		  padding: 5% 0;*/
		  background: rgba(255, 255, 255, 0.75);
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  -webkit-transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
		  text-align: center;
/*		  margin-top:30px;*/
		}

		#question .second .main-visual .ly-box{
		  width: 90%;
		}

		#person1 section#area01 img,
		#person3 section#area01 img,
		#person4 section#area01 img,
		#person5 section#area01 img,
		#person6 section#area01 img,
		#person7 section#area01 img,
		#person8 section#area01 img,
		#person9 section#area01 img,
		#about section#area01 img,
		#education section#area01 img,
		#equirements section#area01 img,
		#question section#area01 img,
		#brand section#area01 img,
		#workstyle section#area01 img {
			width:35%;
		}
		
		#question section#area01 a img {
			width:30%;
		}

}

#about .second .main-visual .ly-box{
/*  width: 80%;*/
/*  padding: 3% 0 8% 0;*/
}


#education .second .main-visual .ly-box{
/*  width: 85%;*/
/*  padding: 0% 0 8% 0;*/
}

#equirements .second .main-visual .ly-box{
  /*width: 65%;*/
/*  padding: 1% 0 8% 0;*/
}

#question .second .main-visual .ly-box{
/*  width: 90%;*/
/*  padding: 2% 0 5% 0 ;*/
}

@media screen and (max-width: 767px) and (orientation:portrait) {
	#question .second .main-visual .ly-box{
/*	  width: 65%;*/
	}
}

#brand .second .main-visual .ly-box{
/*  width: 75%;*/
/*  padding: 5% 0;*/
/*  font-size:1.3em;*/
/*  box-shadow: 0 0px 20px 0 rgba(14, 94, 173, 0.5);*/
  box-shadow: 0 0px 21px 0 rgba(50, 150, 200, 0.5);
}


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

		#brand .second .main-visual .ly-box{
/*		font-size:1.1em;*/
		padding-left:1em;
		padding-right:1em;
		}
}
#brand .second .main-visual .ly-box p{
	border-top:1px solid #00b4fa;
	display:inline-block;
	padding-top:0.75em;
}


#workstyle .second .main-visual .ly-box{
/*  width: 75%;*/
/*  padding: 8% 0;*/
/*  background: #ffffffcc;*/
  box-shadow: 0 0px 18px 0 rgba(50, 150, 200, 0.5);
}


/*ゲスト　ホスト*/
.second .sct-contents .sct-head .gh-box{
	display: block;
	margin: 15px 0;
	letter-spacing: -0.4em;
}
	.second .sct-contents .sct-head .gh-box>dt{
		display: inline-block;
		width: 50px;
		font-weight: bold;
		letter-spacing:normal;
	}
	.second .sct-contents .sct-head .gh-box>dd{
		display: inline-block;
		width: -webkit-calc(100% - 50px);
		width: calc(100% - 50px);
			letter-spacing:normal;
	}


.about .sct-contents{
	padding: 73px 30px;
}
.about .sct-contents .chk-block{
	margin-bottom: 60px;
}

	.about .sct-contents .chk-block .inner{
		background: rgba(255,255,255,0.8);
		padding:50px 110px 50px;
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
	}

	.about .sct-contents .chk-block .inner p{
		padding: 30px;
	}
		.about .sct-contents .chk-block .chk-frame{
			position: relative;
			max-width: 590px;
			background: #000;
			margin:0 auto -50px;
			padding: 15px;
		}
			.about .sct-contents .chk-block .chk-frame .chk-head{
				border:1px solid #fff;
				padding: 35px 15px 15px;
				text-align:center;
			}
				.about .sct-contents .chk-block .chk-frame .chk-head img{
				}

.second .message  .sct-contents {
    padding: 73px 0 0;
}


/*message -------------------*/
.message .bg{
	background: #1c1c1c url(../img/me_bg.jpg) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.message .top-head{
	padding-top: 25vw;
}
.message .c-wrap{
	padding: 30px;
		-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

	.message .title{
		width: 55vw;
	}
		.message .title img{
			width: 100%;
			height: auto;
	}
	.message .txt-box{
		padding: 2em 0;
		color:#fff;
		font-size: 1.4rem;
		line-height: 1.9em;
	}
	.message .txt-box>div{
		margin: 18px 0;
		padding: 1.5em 1.5em 1.5em 2.7em;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
	}

		.message .txt-box p{
			font-size: 1.4rem;
			line-height: 1.9em;
		}
/*faq --------------------*/

.second .faq .sct-contents{
	padding: 0 0;
}

.faq .bg{
	background: #fff1d1;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.faq .faq-inner{
	position: relative;
	max-width: 1288px;
	margin:0 auto;
	padding: 85px 214px 132px;
	background: url(../img/qu_bg_r.png) 100% 0 no-repeat;
}

.faq .faq-inner::after{
	content:"";
	position: absolute;
	display: block;
	width: 214px;
	height: 100%;
	top:0;
	left:0;
	background: url(../img/qu_bg_l.png) 0 0 no-repeat;
}

.faq .qlist-wrap{
	position: relative;
	max-width: 865px;
	margin:0 auto;
	z-index: 2;
}

.faq .qlist {
	background: #fff;
	margin:10px 0;
}

.faq .qlist dt{
	font-weight: bold;
	position: relative;
	padding: 1.2em 4em 1.2em 100px;
}
.faq .qlist dt::after{
	content:"";
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	margin-top: 5px;
	border-left:1px solid #ec6941;
	border-top:1px solid #ec6941;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top:50%;
	right:40px;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
	pointer-events: none;	
}

.faq .qlist dt.close::after{
	content:"";
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	margin-top: 1px;
	border-left:1px solid #ec6941;
	border-top:1px solid #ec6941;
	-webkit-transform: translate(0, -50%) rotate(-135deg);
	transform: translate(0, -50%) rotate(-135deg);
	top:50%;
	right:40px;
}

.faq .qlist dt>span{
	position: absolute;
	top:15px;
	left:30px;
}

.faq .qlist dd{
	position: relative;
	display: none;
	padding: 1.5em 4em 1.5em 100px;
	border-top: 1px solid #ec6941;
}
.faq .qlist span{
	position: absolute;
	top:24px;
	left:33px;
	font-family: 'Century Gothic';
	font-size: 2.4rem;
	font-weight: bold;
}

.faq .qlist dd span{
	color:#ec6941;
}

.faq .btm-box{
	width: 100%;
	position: relative;
	z-index: 3;
}
.faq .btm-box .chara {
    position: absolute;
    top: -107px; 
	left: -115px;
}

/*
.workstyle
*/

.second .workstyle .sct-contents {
    padding: 73px 20px;
}
.workstyle{
	background: #fffddf;
}

.workstyle .ch-wrap{
	max-width: 1070px;
	margin:0 auto;
	padding: 60px 45px 45px;
	background: #fff;
}

.workstyle .ch-wrap .text-box{
	padding: 40px 0 0 0;
}

.workstyle .ch-wrap .text-box p{
	margin: 20px 0;
	padding: 0 30px;
}

/*voice*/
.voice{
	position: relative;
	z-index: -1;
}
.voice img{
	max-width: 100%;
}
.voice .main-visual{
	z-index: 10;
}

.voice .ly1{ z-index: 1;}
.voice .ly2{ z-index: 2;}
.voice .ly3{ z-index: 3;}
.voice .ly4{ z-index: 4;}
.voice .ly5{ z-index: 5;}
.voice .ly6{ z-index: 6;}
.voice .ly7{ z-index: 7;}
.voice .ly8{ z-index: 8;}
.voice .ly9{ z-index: 9; }

/*20180312*/
.voice .contents-a.ly1 {
    padding: 223px 0 230px;
}
.voice .contents-a.ly9 {
	padding: 84px 0 180px;
    margin-bottom: -197px;
}

	.voice .comment{
		border:1px solid #f8b551;
		background:#fffab8;
		padding: 30px 40px;
		margin-bottom: 10px;
	}
		.voice .comment h3{
			font-size: 1.8rem;
			font-weight: normal;
			margin-bottom: 5px;
		}
		.voice .comment p{
			font-size: 	1.8rem;
		}
		.voice .comment .auth{
			margin-top: 5px;
			font-size: 	1.4rem
		}



	.voice .contents-a,
	.voice .contents-b{
		padding: 0 0 230px;
		margin-top: -250px;
	}

	.voice .contents-a{
		-webkit-transform: skewY(3deg);
		transform: skewY(3deg);
		background: url(../img/dot.jpg) 0 0;
	}
	.voice .contents-b{
		-webkit-transform: skewY(-4deg);
		transform: skewY(-4deg);
		background: url(../img/stripe.jpg) 0 0 ;
	}

	.voice .contents-a .c-wrap{
		max-width: 1020px;
		padding: 0 20px;
		-webkit-transform: skewY(-3deg);
		transform: skewY(-3deg);
	}
	.voice .contents-b .c-wrap{
		padding: 0 20px;
		max-width: 1020px;
		-webkit-transform: skewY(4deg);
		transform: skewY(4deg);
	}

	.voice .grid-two{
		display: -webkit-flex;
		display: flex;
		width: 100%;
		overflow: hidden;
		-webkit-align-items: center;
		align-items:         center;
		-webkit-flex-direction: row-reverse;
		flex-direction:         row-reverse;
	}
	.voice .grid-two>div{
		width: 50%;
		padding: 40px 0 40px;
	}

	.voice .grid-two dl{
	}

	.voice .contents-b .grid-two>div{
		padding: 60px 0 80px;
	}
		.voice .grid-two dt{
			margin-bottom: 1.2em;
		}
		.voice .grid-two dd{
			margin-bottom: 50px;
		}

	.voice .grid-two.revs{
		-webkit-flex-direction: row;
		flex-direction: row;

	}

	.voice .grid-two>div.img{
		position: relative;
		text-align: center;
		padding: 100px 0 100px;
	}

	.voice .grid-two>div p {
		margin: 1em 0;
	}





/*education*/

#second .education .sct-contents {
    padding: 0;
}
	#question .btn-area,
	#equirements .btn-area,
	#education .btn-area
	{
		text-align: center;
		padding: 33px 0px;
	}

	#equirements .btn-area>li,
	#education .btn-area>li{
		margin:0 30px;
		display: inline-block;
	}
	#question .btn-area>li {
		margin:0 18px;
		display: inline-block;
	}

	.education .text-block{
		padding: 70px 30px;
		background: #fff url("../img/ed_bg_w.png") 0 30% no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;

		line-height: 1.7em;
		text-align: center;
	}
	.education .text-block em{
		font-size: 2.4rem;
		line-height: 1.7em;
	}
	.education .text-block p{
		margin:1em 0 1.5em;
		font-size: 1.6rem;
	}

	.education .chart-block{
		padding:20px 20px 0px;
	}

	.education .one-box{
		max-width: 760px;
		margin:0 auto;
		padding: 0px 20px 0;
	}
		.education .one-box.btm{
			position: relative;
			padding: 40px 20px 30px;
		}

		.education .one-box.btm::after{
			content:"";
			position: absolute;
			display: block;
			width: 0;
			height: 0;
			top:-0px;
			left:50%;
			margin-left: -45px;
			border-style: solid;
			border-width: 20px 45px 0 45px;
			border-color: #f39800 transparent transparent transparent;
		}



	.education .cell,
	.education .flow-list>li{
		height: 46px;
		width: 100%;
		font-size: 1.2rem;
		line-height: 46px;
		text-align: center;
		font-weight: bold;
		color:#eb6100;
		border:1px solid #ec6941;
		background: #fff;
	}
	.education .head{
		background:#ec6941;
		color:#fff;
		margin-bottom: 10px;
	}
	.education .head.ch{
		position: relative;
		padding-left: 130px;
	}
		.education .head.ch>span{
			position: absolute;
			display: block;
			width: 130px;
			height: 100%;
			top:0;
			left:0;
		}

	.education .head.left{
		background:#009944;
		border:none;
	}
		.education .head.left>span{
			background: #097c25;
		}

	.education .head.right{
		background:#13b5b1;
		border:none;
	}
		.education .head.right>span{
			background:#00736d;
		}
	.education .flow-list>li{
		position: relative;
		color:#eb6100;
		font-weight: bold;
		margin-bottom: 50px;
	}
	.education .flow-list>li:last-child{
		margin-bottom: 25px;
	}

	.education .flow-list>li:last-child::after{
		display: none;
	}

	.education .flow-list>li.bg1{
		background: #fff2ab;
	}
	.education .flow-list>li::after{
		content:"";
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		bottom:-39px;
		left:50%;
		margin-left: -45px;
		border-style: solid;
		border-width: 20px 45px 0 45px;
		border-color: #f39800 transparent transparent transparent;
	}

	.education .pcoff{
		display: none;
	}

	.education .two-tbl{
		display: table;
		width: 100%;
	}
	.education .two-tbl>div{
		display: table-cell;
		width: 50%;
		vertical-align: top;
		text-align: center;
	}
	.education .two-tbl>div .arw{
		display: inline-block;
		border-style: solid;
		border-width: 20px 45px 0 45px;
		border-color: #f39800 transparent transparent transparent;
	}
	.education .two-tbl.flow{
		margin-top: 15px;
	}

	.education .two-tbl>div:nth-child(1){
		padding-right: 20px;
	}
	.education .two-tbl>div:nth-child(2){
		padding-left: 20px;
	}

	.education .two-tbl.flow .flow-list>li{
		position: relative;
		padding-left: 95px;
		text-align: center;
	}

	.education .two-tbl.flow .flow-list>li>span{
		position: absolute;
		left:0px;
		width: 95px;
		height: 1.2em;
		line-height: 1.2em;
		top:10px;
		padding-left: 15px;
		text-align: left;
		border-right: 1px solid #009944;
	}

	.education  .flow-list.gr>li{
		border:1px solid #009944;
		color:#009944;
	}
	.education  .flow-list.lgr>li{
		border:1px solid #00736d;
		color:#00736d;
	}

	.education .two-tbl.other{
		margin-top: 43px;
	}
	.education .arwoff::after{
		margin-bottom: 12px !important;
	}

	.education .flow-list>li.arwoff{
	    margin-bottom: 26px;
	}
		.education .arwoff::after{
			display: none !important;
		}

/*募集要項
-----------*/
.second .requirements .sct-contents{
	padding-left:30px;
	padding-right:30px;
}

.requirements .sct-req{
	padding-bottom: 70px;
}

.requirements .sct-req .c-mid-wrap{
	background: #fff;
	padding: 40px 95px;
}

.requirements .sct-req .c-headline-ll {
    padding: 20px;
}
/*給与リスト*/
.requirements .income-list>li{
	position: relative;
	padding-left: 320px;
}

	.requirements .income-list>li>span{
		position: absolute;
		top:0;
		left:0;
	}

/*トークセッション
-----------*/

.contents-c .pickup{
	text-align: center;
	margin-top: 40px;
}


.talk .sct-contents{
	padding: 0 0 1px;/*20211119*/
	margin-bottom: -1px;/*20211119*/
	background: #e8f9f1;
}

/*hth20180301*/
.gh-box dd .nonebr{
	display: none;
}


/*contents-c*/
.contents-c{
	margin: 110px auto 80px;
	position: relative;
	padding: 0 20px;
}

.contents-c .h-wrap{
	position: relative;
	margin-top: -120px;
	width: 100%;
	left:0;
}

.contents-c.group2 {
    margin: -47px auto 80px;
}

.contents-c.group2 .h-wrap {
    margin-top: 0;
}

.contents-c.group2 .g-wrap {
    padding: 50px 0 40px;
}


	.contents-c .c-headline-l{
		color:#fff;
		max-width: 670px;
		margin:0 auto 30px;
		padding: 25px;
		background: #13b5b1;
		text-align: center;
		-webkit-border-radius:3em;
		border-radius:3em ;
		line-height: 1.3;
	}

	.contents-c .c-headline-l.two{
		padding: 12px 25px;
	}

.contents-c .g-wrap{
	max-width: 	1100px;
	margin:0 auto;
	padding: 80px 0 40px;
	background: #fff;
	box-shadow:7px 7px 0px 2px #13b5b1;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}
		.contents-c .grid-two{
			max-width: 980px;
			margin:0 auto;
			display: -webkit-flex;
			display: flex;
			width: 100%;
			overflow: hidden;
		}
		.contents-c .grid-two.revs{
			-webkit-flex-direction: row-reverse;
			flex-direction:         row-reverse;
		}
		.contents-c .grid-two>div {
		    width: 50%;
		    padding: 0 20px;
		}
			.contents-c .grid-two>div.pic{
				padding: 0 60px 0 30px;
			}
			.contents-c .grid-two>div.pic.type-b{
				padding: 0 20px 0 0px;
			}
			.contents-c .grid-two.revs>div.pic{
				padding: 0 30px 0 60px;
			}
			.contents-c .grid-two div.pic img{
				max-width: 100%;
			}

/*talk-btn*/
.contents-c .icon.lge{
	padding: 0.3em 0em 0.3em 0.8em;
	max-width: 170px;
	width: 100%;
	text-align: left;
}

.contents-c .icon{
	padding: 0.3em 0.8em;
	margin-right: 1.2em;
	color:#fff;
	line-height: 1em;
	text-align: center;
	display: inline-block;
	-webkit-border-radius: 0.8em;
	border-radius: 0.8em;
	vertical-align: top;
}

.contents-c .blue{ background: #3071b9;}
.contents-c .green{ background: #009944;}
.contents-c .org{ background: #f39800;}

.contents-c .grid-two>div p{
	margin-bottom: 1em;
	line-height: 1.8em;
}



/*アエラ記事*/
.area{
	padding:10px 0;
	background:url(../img/talk_s_bg.jpg) 0 0 ;
}
.contents-c .inner-box{
	max-width: 980px;
	margin:0 auto;
	padding: 0 20px ;
	text-align: center;
}

	.contents-c .inner-box .headline-uline{
		position:relative;
		z-index: 1;
		margin: 40px 0;
	}
		.contents-c .inner-box .headline-uline>span{
			font-size: 2.6rem;
			position: relative;
			display: inline-block;
			z-index: 3;
		}
			.contents-c .inner-box .headline-uline>span::before{
				content:"";
				position: absolute;
				display: block;
				width: 100%;
				height: 8px;
				bottom:-5px;
				left:0;
					background: #fff799;
				z-index: -1;
			}


.contents-c .inner-box .figure-area{
	background: #fff7ec;
	padding:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.contents-c .inner-box .figure-area img{
	max-width: 100%;
}

.contents-c .inner-box .figure-area figcaption{
	display: block;
	margin-top: 20px;
	text-align: right;
	color: #343434;
}

.contents-c .inner-box p{
	text-align: left;
	padding:20px;

}

.contents-c .inner-box p.vol5{
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 2.5;
}

.contents-c .inner-box p.vol5 a{
	color: #13b5b1;
	text-decoration: underline;
}

.contents-c .inner-box p.vol5 img{
	width: 40px;
	margin-left: 6px;
}
.contents-c .inner-box p i{
	color: #13b5b1;
}



/*インタビュー動画*/
	.sct-contents .intv-box.bgi01{
		background: url(../img/talk_s_bg.jpg) 0 0;
		min-height: 300px;
		padding: 50px 20px;
	}
	.sct-contents .intv-box .v-wrap{
		position: relative;
		padding-top: 55.5%;
		max-width: 910px;
		margin: 0 auto;
	}

	.sct-contents .intv-box .v-wrap.mgn{
		margin-bottom: 40px;
	}

	.sct-contents .intv-box .v-wrap video,
	.sct-contents .intv-box .v-wrap iframe{
		position: absolute;
		left:0;
		top:0;
		width: 100%;
		height: 100%;
	}


/*社員インタビュー*/
	.second>.interview{
		background: #00b2f6;
	}


	.second .interview .sct-contents {
	    padding: 100px 0;
	}


	.interview .profile-bar{
		position: relative;
		background: #0087df;
background: linear-gradient(270deg, #00b2f6, #0081f5);
		color:#fff;
	}


	.interview .profile-bar .profile-heading{
		position: absolute;
		left:0;
		top:10px;
		background: #fff;
		color: #e5004f;
		font-family: 'Century Gothic';
		font-weight: bold;
		font-size: 20px;
		line-height: 22px;
		padding-right: 65px;
		padding-left: 1em;
	}

	.interview .profile-bar .profile-heading::after{
		content:"";
		position: absolute;
		display: block;
		width: 2000px;
		height: 22px;
		line-height: 22px;
		top:0;
    	right: 121px;
		background: #fff;
		display: block;
	}



	.interview .profile-bar .tbl-box{
		display: table;
/*		width: 100%;*/
	}
	.interview .profile-bar .tbl-box>div{
		display: table-cell;
/*		width:50%;*/
		vertical-align: bottom;
	}
	.interview .profile-bar .tbl-box>div:nth-child(1){
		padding:5px 0 0 0;
	}
	.interview .profile-bar .tbl-box>div:nth-child(2){
		padding:0 0 15px 0;
	}

	.interview .profile-bar .name{
		font-size: 2.4rem;
		padding-right: 0.4em;
	}
	.interview .profile-bar .roma{
		font-size: 2rem;
		font-family: 'Century Gothic';
		font-weight: normal;
	}
	.interview .profile-bar .field{
		position: relative;
		display: inline-block;
		font-size: 1.8rem;
		padding-left: 2em;
	}
	.interview .profile-bar .field::after{
		display: block;
		content:"";
		position: absolute;
		display: block;
		width: 1px;
		height: 1em;
		background: #fff;
		top:3px;
		left:1em;
	}

	.interview .profile-bar .dept,
	.interview .profile-bar .school{
		/*font-size: 16px;*/
		font-size: 1.0rem;
	}


	.interview .answer-wrap {
	    position: relative;
	    max-width: 1200px;
/*	    margin: -15px auto;*/
	    margin: 0 auto;
/*	    padding: 0 40px;*/
	    padding: 0;
	}

	.interview .answer-box{
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		width: 100%;
	}

	.interview .answer-box>div{
		position: relative;
		max-width: 490px;
		margin-right:10%;
	    padding: 70px 35px 30px;
		-webkit-box-shadow: 7px 7px 0px 2px #e5004f;
		box-shadow: 7px 7px 0px 2px #e5004f;
	    -webkit-border-radius: 0.5em;
	    border-radius: 0.5em;
	    background: #fff;
	}

	.interview .answer-box>div .title{
		position: absolute;
		left:-18px;
		top:-16px;
		display: table;
		color:#fff;
		font-size: 1.9rem;
		font-weight: normal;
		width: 100%;
		border-collapse: separate;
		border-spacing: 2px 1px;
	}
	.interview .answer-box>div .title>span{
		display: table-cell;
		padding: 10px 30px 10px 20px;
		background: #e5004f;

	}
	.interview .answer-box>div .title>span.num{
		text-align: center;
		font-weight: bold;
		width: 49px;
		padding:10px 3px;
		font-weight:bold;
		font-family: 'Century Gothic';

	}
	.interview .answer-box>div p{
		font-size: 1.6rem;
	}

	.interview .answer-box>div:nth-child(2n){
		margin-right:0;
	}

	.interview .fig2 {
	    max-width: 1210px;
	    padding: 0 20px;
	    margin: -15px auto 0;
	}

/********************************************
座談会
********************************************/


.lity-wrap {
    z-index: 11000 !important;
}
.movie-cover{
	position: relative;
	padding-top: 56.25%;
}
.movie-cover video{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
}


#special .sp{display: none;}
#special .pc{display: block;}
#special .inner-block{
	padding: 0 4%;
}

#special #special-conts{
	background:#fff6f8;
}


#special .main-movie{
	position: relative;
	padding-top: 56.25%;
	z-index: 1;
}

#special .main-movie::after{
	content:"";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: rgba(0,0,0, 0.3);
	z-index: 3;
}

#special .main-movie video{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;

}

#special .main-movie .title{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
		z-index: 4;
}

#special .main-movie .title .label1,
#special .main-movie .title .label2{
	display: block;
}

#special .main-movie .title .label1{
	margin-bottom: 1%;
}
#special .main-movie .title .label1 img{
	width: 21%;
}

#special .main-movie .title .label2 img{
	width: 34%;
}

#special .main-movie .scl-btn{
	position: absolute;
	bottom: 4%;
	right: 5%;
	z-index: 4;
}
#special .main-movie .scl-btn a{
	display: block;
	position: relative;
}

#special .main-movie .scl-btn span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background: #ff0033;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


#special .section-block{
	border:1px solid #e5004f;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #fff;
	max-width: 1168px;
	padding:40px 94px;
	margin: 0 auto 60px;
}

#special .section-block .section-head{
	font-family: 'Century Gothic','Futura', 'sans-serif';
	color:#707070;
	text-align: center;
	font-size: 2.4rem;
	font-weight: normal;
	padding-bottom: 20px;
}
#special .section-block .section-head2{
	font-family: 'Century Gothic', 'Futura', 'sans-serif';
	color:#e5004f;
	text-align: center;
	font-size: 2.2rem;
	font-weight: normal;
}

#special .section-block .section-head2>span{
	position: relative;
	padding:0 45px;
}

#special .section-block .section-head2>span::after,
#special .section-block .section-head2>span::before{
	content:"";
	position: absolute;
	display: block;
	width: 25px;
	height: 1px;
	top:50%;
	left:0;
	background: #e5004f;
}
#special .section-block .section-head2>span::after{
	left:auto;
	right:0;
}

#special .section-block .section-img{
	max-width: 800px;
	margin:0 auto;
}
#special .section-block .section-img img{
	width: 100%;
	margin: 10px 0;
}

#special .bottom-wrap{
position: relative;
z-index: 1;
}

#special .bottom-wrap .section-block{
	position: relative;
	z-index: 3;
}

#special .bottom-wrap .bottom-img{

margin-top: -113px;
}
#special .bottom-wrap .bottom-img img{
	width: 100%;
	z-index: -1;
}


#special .member-block{ 
	display: table;
	width: 100%;
	margin: 30px 0;
}
#special .member-block .img-box{ 
	width: 250px;
	display: table-cell;
	padding-left: 50px;
	vertical-align: top;
}
#special .member-block .img-box img{
	max-width: 200px;
}

#special .member-block .text-box{
	display: table-cell;
	vertical-align: top;
	padding:0 25px;
}

#special .member-block .text-box .title{
	max-width: 362px;
	color:#fff;
	padding: 5px 15px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 12px;
	font-weight: normal;
}

#special .member-block .text-box .title .name{
	font-size: 1.8rem;
}
#special .member-block .text-box .title .dept{
	font-size: 1.3rem;
	padding-left: 1.5em;
}
#special .member-block.kino .text-box .title{background: #5f52a0;}
#special .member-block.naka .text-box .title{background: #0068b7;}
#special .member-block.ito .text-box .title{background: #b7aa00;}

#special .member-block.kino .movie-btn{ background-image:url(../img/special/icon_kino.jpg); color: #5f52a0;}
#special .member-block.naka .movie-btn{ background-image:url(../img/special/icon_naka.jpg); color: #0068b7;}
#special .member-block.ito .movie-btn{ background-image:url(../img/special/icon_ito.png); color: #b7aa00;}


#special .member-block .text-box a.movie-btn{
	padding-left: 1.5em;
	background-position: 0 center;
	background-repeat:no-repeat;
	font-size: 1.6rem;
	padding: 12px 0 12px 25px;
}

#special .member-block .text-box p{
	color:#000;
	font-size: 1.3rem;
	margin: 15px 0;
}

#special .staff-block {
    display: table;
    width: 100%;
    margin-top: 50px;
    border-top: 1px solid #959595;
}

#special .staff-block .title-box {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#special .staff-block .title-box .staff-title{
	font-size: 2.4rem;
	font-weight: normal;
	color:#707070;
}

#special .staff-block .title-box {
	width: 200px;
	padding-left: 50px;
}
#special .staff-block .img-box{
	padding-top: 40px;
	padding-left: 70px;
}
#special .staff-block .img-box .person-block{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	overflow: hidden;
}
#special .staff-block .img-box .person-block>.box{
	max-width: 140px;
	margin: 0 30px;
}

#special .staff-block .person-block>.box img{
	width: 100%;
}

#special .staff-block .person-block>.box .name{ 
	display: inline-block;
	width: 100%;
	max-width: 138px;
	font-size: 1.8rem;
	color:#fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-top: 5px;
	padding: 4px 0;
	text-align: center;
}

#special .staff-block .person-block>.box .name.hashi{ background:#ec6941;}
#special .staff-block .person-block>.box .name.fuji{ background:#e4007f;}
#special .staff-block .person-block>.box .name.ima{ background:#22ac38;}

#special  .talk-block{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	width: 100%;
}
#special  .talk-block>.box{
	width: 50%;
	padding:25px;
}
#special  .talk-block>.box p{
	position: relative;
	padding-left:4em;
	font-size: 1.4rem;
	margin: 1em 0 0;
}

#special .talk-block>.box p a{
	color:#0068b7 ;
}

#special  .talk-block.multi{
	display: block;
		display: inline-block;
}

#special  .talk-block.multi>.box{
	display: inline-block;
	width: 100%;
	column-count: 2;
	column-fill: balance;
	display: inline-block;
	padding:  25px;
}

#special  .talk-block.multi>.box p.mgn{
	margin-bottom: 30px;
}


#special  .talk-block>.box p>span{
	position: absolute;
	left:0;
	top:0;
}
#special  .talk-block>.box p>span>sub{
	color:#343434;
}

#special .talk-block .ima{ color:#22ac38; }
#special .talk-block .naka{ color:#0068b7; }
#special .talk-block .ito{ color:#c1b522; }
#special .talk-block .fuji{ color:#e82266; }
#special .talk-block .hashi{ color: #ec6941; }
#special .talk-block .kino{ color: #5f52a0; }
#special .talk-block .all{ color: #5cc4f6; }



/*brand*/

.brand  .sct-contents {
    padding: 73px 4%;
}
.brand{
	background: #f1f8fb;
}

.brand-top-msg{
	text-align: center;
}

.brand-box {
    background: #fff;
    max-width: 1095px;
    margin:70px  auto 88px;
    padding: 70px 90px 90px ;
    box-shadow: 7px 7px 0px 2px #2090b8;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}

#brand-block2 .brand-box {
	max-width: 1140px;
}

.brand-box-catch {
    display: block;
    margin: 80px 0 70px;
}

.brand-box-ttl{
	position: relative;
	padding-left: 100px;
}
.brand-box-tag{
	position: absolute;
	display: block;
	width: 74px;
	height: 25px;
	left:0;
	top:0;
	background: #54caf2;
}
.brand-box-tag::after{
	content:"";
	position: absolute;
	display: block;
	width: 33.33%;
	height: 100%;
	top:0;
	left:0;
	background: #b0ebff;
}

.brand-box-tag::before{
	content:"";
	position: absolute;
	display: block;
	width: 33.33%;
	height: 100%;
	top:0;
	right:0;
	background: #00b0ec;
}
.brand-box-txt{
	display: block;
	padding-top: 3px;
	font-size: 2.4rem;
	font-style: italic;

}

.container .brand-box-msg{
	text-align:left;
	font-size: 2.4rem;
	line-height: 2.2em;
}

.brand-logo{
	max-width: 547px;
	margin:76px auto;
	text-align: center;
}
.container .brand-logo-ttl{
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 2.2em;
}


.container .brand-logo-msg{
	font-size: 1.8rem;
	line-height: 2.2em;
	margin-bottom: 0px;
}
.container .brand-logo-msg.msg1{
	margin-bottom: 40px;
}

.brand-vision{
	text-align: center;
}
.brand-vision-ttl{
	background: #28bdf0;
	color:#fff;
	font-size: 2.4rem;
	padding: 0.7em 0;
	margin-bottom: 40px;
}
.brand-vision-catch{
	font-size: 3rem;
	line-height: 1.6em;
	margin-bottom: 20px;
	font-weight: bold;
}
.container .brand-vision-msg{
	font-size: 1.8rem;
	line-height: 2.2em;
}

.brand-vision{
	margin-top: 70px;
}

.brand-btn{
	max-width: 660px;
	padding: 35px 0;
	display: block;
	margin:0 auto 30px;
	background: #28bdf0;
	color:#fff;
	font-size: 2.4rem;
	text-align: center;
	font-weight: bold;
}


/***********************************************************************************************************************
* リサイズ	1300px以下から
***********************************************************************************************************************/
@media screen and (max-width: 1300px){
		.sct-line-up .sct-pr .ly-title{ width: 42.5%;}
		.sct-line-up .sct-vo .ly-title{ width: 81.7%;}
		.sct-line-up .sct-po .ly-title>figure{ width: 39.2%; margin:0 auto;}
		.sct-line-up .sct-po .ly-title>figure img{
			width: 100%;
		}


		header .menu>li>ul{
			position: absolute;
			width: 200%;
			left: 0;
			top: 92px;
		}

		header .menu>li>ul>li>a{
			font-size: 1.2rem;
		}

		header nav .menu>li {
		    padding: 0 0.6vw;
		}



		.sct-ws .ws-link>li span {
		    font-size: 1.8rem;
		    display: block;
		}

		.sct-line-up .sct-ts .pfl {
		    font-size: 1.4rem;
		}

	#special .section-block {
	    padding: 40px 30px;
	}

}

/***********************************************************************************************************************
* リサイズ	1084px以下から
***********************************************************************************************************************/
@media screen and (max-width: 1084px){


	.interview .answer-box>div {
    	margin-right: 6%;
	}

	.interview .answer-box>div .title {
    	font-size: 1.6rem;
	}

	.interview .profile-bar .tbl-box>div:nth-child(1){
		padding:0px 0px 0px 20px;
	}

	.interview .profile-bar .tbl-box>div:nth-child(2) {
	    padding: 20px 0px 15px 10px;
	}


	.brand-box {
	    padding: 70px 40px 40px ;
	}


}


/***********************************************************************************************************************
* リサイズ	980px以下から
***********************************************************************************************************************/
@media screen and (max-width: 980px){

	.ani-frame .ly-fr {
	    width: 60%;
	    margin: 0 auto;
	    height: inherit;
	}

	header nav {
	    padding: 0 0 0 20px;
	}
		header nav .menu>li{
			padding: 0;
		}
			header nav .menu>li>a{
				padding: 38px 1vw 39px;
				min-width: inherit;
			}


	/***********
	second page
	***********/

	.second  .main-visual .ly-icon {
	    width: 120px;
	}
	.message .title{
		width: 90vw;
		-webkit-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	}

	.faq .faq-inner{
		padding: 85px 100px 132px;
		background: url(../img/qu_bg_r_sp.png) 100% 0 repeat-y;
		-webkit-background-size: 100px auto;
		background-size: 100px auto;
	}

	.faq .faq-inner::after{
		width: 100px;
		background: url(../img/qu_bg_l_sp.png) 0 0 repeat-y;
		-webkit-background-size: 100px auto;
		background-size: 100px auto;
	}

	.faq .qlist dt{
		cursor: pointer;

	}

	.faq .qlist dd {
	    padding: 1.5em 2em 1.5em 100px;
	}

	.faq .qlist dt::after{
		right:25px;
	}

	.faq .qlist dt.close::after{
		right:25px;
	}

	.faq .btm-box .chara{
		position: absolute;
		width: 150px;
		top: -47px;
		right: -60px;
	}
	.faq .btm-box .chara>img{
		width: 100%;
	}

}