@charset "UTF-8";

@media screen and (min-width:769px){
	
	.fixedbtn{
		background:#441572;
		display: flex;
		color:#fff;
		cursor: pointer;
		position: fixed;
		left:100%;
		top:200px;
		z-index: 9;
		transition: all 0.2s;
	}
	
	.fixedbtn.active{
		left:calc(100% - 40px);
	}
	
	.fixedbtn .titlebox{
		display: flex;
		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		justify-content: center;
		align-items: center;
		line-height: 1;
		padding:0 0;
		width:40px;
		height:170px;
	}
	
	.fixedbtn .anklinkbox{
		display: flex;
		flex-direction: column;
		padding:20px;
		width:170px;
		height:100%;
		justify-content: center;
		align-content: center;
		box-sizing: border-box;
		position: absolute;
		left:100%;
		background:#441572;
		transition: all 0.2s;
	}
	
	.fixedbtn.active:hover .anklinkbox{
		left:calc(100% - 170px);
	}
	
	.fixedbtn .anklinkbox a{
		color:#fff;
		transition: all 0.2s;
	}
	
	.fixedbtn .anklinkbox a:hover{
		opacity: 0.7;
	}
	
	.headbox{
		padding:50px 30px;
		background:#fff;
		display: flex;
		justify-content: space-between;
	}
	
	.headbox .titlebox{
		font-size:2.5rem;
		font-weight: bold;
		color:#441572;
	}
	
	.headbox .anklinkbox{
		display: flex;
		align-items: center;
	}
	
	.headbox .anklinkbox a{
		display: block;
		margin:0 0 0 min(3.2vw,50px);
		font-size:1.4rem;
		color:#333333;
		white-space: nowrap;
	}
	
	.headbox .anklinkbox a:first-child{
		margin:0 0 0 0;
	}
	
	.headbox .anklinkbox a::after{
		content: "";
		display: inline-block;
		width:8px;
		height:8px;
		background:url("../images/arrow_down.svg") no-repeat;
		background-size:8px;
		margin:0 0 0 10px;
		vertical-align: middle;
	}
	
	.mainvisualbox{
		position: relative;
		z-index:1;
		margin:0 0 0 0;
		overflow: hidden;
	}
	
	.mainvisualbox .position_title{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		color:#fff;
		display: flex;
		align-items: flex-end;
		justify-content: flex-start;
		flex-direction: column;
		z-index:3;
	}
	
	.mainvisualbox .position_title .mtl{
		font-size:5.6rem;
		line-height: 7rem;
		text-align: right;
		padding:10vw 9vw 0 0 ;
		letter-spacing: 0.1em;
	}
	
	.maininfobox{
		padding:85px 0 160px 0;
	}
	
	.maininfobox .txbox{
		text-align: center;
		font-size:2rem;
		line-height: 4.5rem;
	}
	
	.slide_flexbox{
		width:100%;
		position: relative;
		display: flex;
		margin:0 0 120px 0;
	}
	
	.slide_flexbox .txbox{
		position: relative;
		top:0;
		left:0;
		width:calc(100% - 50% - 40px);
		padding:0 0 0 max(calc((100% - 1200px) / 2),2.5%);
		box-sizing: border-box;
		display: flex;
	}
	
	.slide_flexbox .txbox .inbox{
		padding:0 70px 0 50px;
		height:100%;
		box-sizing: border-box;
		position: relative;
		display: flex;
		justify-content: center;
		flex-direction: column;
		
	}
	
	.slide_flexbox .txbox .inbox .position_tx{
		position: absolute;
		top:0;
		left: 0;
		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		font-size:1.4rem;
		display: flex;
		justify-content: flex-start;
		color:#666;
		height: 100%;
		font-weight: 300;
		line-height: 1;
		letter-spacing: 0.1em;
	}
	
	.slide_flexbox .txbox .inbox .position_tx::after{
		content: "";
		border-right:1px solid #ccc;
		height:100%;
		margin:10px auto 0 3px;
		
	}
	
	.slide_flexbox .txbox .inbox .tl{
		font-size: 4rem;
		margin:0 0 40px 0;
		line-height: 1.5em;
		letter-spacing: 0.05em;
	}
	
	.slide_flexbox .txbox .inbox .tx{
		font-size: 1.7rem;
		line-height: 4rem;
		margin:0 0 40px 0;
	}
	
	.slide_flexbox .txbox .inbox .btn{
		width:100%;
		max-width: 330px;
	}
	
	.slide_flexbox .txbox .inbox .btn a{
		width:100%;
		height:80px;
		border:1px solid #333;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size:1.7rem;
		letter-spacing: 0.1em;
		position: relative;
		transition: all 0.2s;
	}
	
	.slide_flexbox .txbox .inbox .btn a span{
		width:15px;
		height:15px;
		position: absolute;
		top:calc(50% - 7px);
		right:20px;
	}
	
	.slide_flexbox .txbox .inbox .btn a span .arrow{
		stroke:333;
		transition: all 0.2s;
	}
	
	.slide_flexbox .txbox .inbox .btn a:hover{
		color:#fff;
		background:#333;
	}
	
	.slide_flexbox .txbox .inbox .btn a:hover span .arrow{
		stroke:#fff;
	}
	
	.slide_flexbox .slidecont{
		width:calc(50% + 40px);
	}
	
	.servicecontainer{
		display: flex;
		justify-content: space-between;
		max-width:1200px;
		margin:0 auto;
		padding:0 2.5%;
	}
	
	.servicecontainer .navcont{
		padding:0 60px;
		width:370px;
		box-sizing: border-box;
		position: relative;
		
	}
	
	.servicecontainer .navcont .navin{
		position: relative;
	}
	
	.servicecontainer .navcont .navin.fixed{
		position: fixed;
		top:110px;
	}
	
	.servicecontainer .navcont .navin.fixed.none{
		position: absolute;
		top:auto;
		bottom:110px;
	}
	
	.servicecontainer .navcont .navin .box{
		font-size:1.5rem;
		line-height: 1;
		padding:20px 0;
	}
	
	.servicecontainer .navcont .navin .box a{
		color:#999;
		display: flex;
		align-items: center;
		position: relative;
	}
	
	.servicecontainer .navcont .navin .box a::after{
		height:calc(100% + 40px); 
		width:1px;
		top:50%;
		background:#999;
		position: absolute;
		left:14px;
		content: "";
		z-index:1;
	}
	
	.servicecontainer .navcont .navin .box:last-child a::after{
		display: none;
	}
	
	.servicecontainer .navcont .navin .box a::before{
		content: "";
		width:10px;
		height:10px;
		border-radius: 50%;
		background:#999;
		display: inline-block;
		margin:0 10px;
		z-index:2;
		position: relative;
	}
	
	.servicecontainer .navcont .navin .box a.active{
		color:#000;
	}
	
	.servicecontainer .navcont .navin .box a.active::before{
		content: "";
		width:12px;
		height:12px;
		border-radius: 50%;
		background:#000;
		display: inline-block;
		margin:0 9px;
	}
	
	.servicecontainer .servicelistcont{
		width:calc(100% - 370px);
		box-sizing: border-box;
	}
	
	.servicecontainer .servicelistcont .servicecont{
		margin:0 30px 130px 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .numtl{
		font-size:3.4rem;
		font-family:Hiragino Sans,sans-serif;
		font-weight: 600;
		display: flex;
		align-items: flex-end;
		letter-spacing: 0.1em;
		line-height: 1;
		margin:0 0 40px 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .numtl span{
		font-size:1.8rem;
		color:#441572;
		font-weight: bold;
		border-bottom:1px solid #441572;
		display: inline-block;
		line-height: 1;
		padding:0 0 10px 0;
		margin:0 20px 0 0;
		letter-spacing: 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .phbox{
		margin:0 0 40px 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .tl{
		font-size:3.5rem;
		line-height:6rem;
		letter-spacing: 0.1em;
		margin:0 0 30px 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .tx{
		font-size:1.5rem;
		line-height: 3rem;
		margin:0 0 0 0;
		letter-spacing: 0.1em;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont{
		padding:50px 50px 35px 50px;
		background:#EDF0F6;
		margin:30px 0 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox{
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .simplebar-horizontal{
		background:#fff;
		height:5px;
		border-radius: 100px;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .simplebar-scrollbar{
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .simplebar-scrollbar::before{
		height:5px;
		opacity: 1;
		background:#441572;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont{
		width:calc(350px * 5);
		padding:0 0 30px 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox{
		display: flex;
		counter-reset: number 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box{
		background:#fff;
		margin:0 10px 0 0;
		padding:40px 0 40px 40px;
		position: relative;
		width:350px;
		box-sizing: border-box;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box::before{
		content: "";
		clip-path: polygon(100% 0, 0 0, 100% 100%);
		background:#EDF0F6;
		position: absolute;
		top:0;
		right:0;
		display: block;
		width:30px;
		height:50%;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box::after{
		content: "";
		clip-path: polygon(100% 0, 0% 100%, 100% 100%);
		background:#EDF0F6;
		position: absolute;
		bottom:0;
		right:0;
		display: block;
		width:30px;
		height:50%;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box:last-child::before,
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box:last-child::after{
		display: none;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box .ftl{
		font-weight: 600;
		font-size:2.4rem;
		line-height: 1.6em;
		margin:0 0 15px 0;
		display: flex;
		align-items: center;
		letter-spacing: 0.05em;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box .ftl::before{
		counter-increment: number 1;
		content: counter(number) " ";
		font-family: 'Roboto', sans-serif;
		font-size:1.8rem;
		font-weight: 600;
		line-height: 1;
		background:#441572;
		width:30px;
		height:30px;
		display: flex;
		justify-content: center;
		align-items: center;
		color:#fff;
		margin:0 15px 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box .ftx{
		font-size:1.5rem;
		line-height: 2em;
		padding:0 40px 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .cap{
		text-align: center;
		font-size:1.5rem;
		line-height: 4rem;
		padding:30px 0 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .cap span{
		font-size:2rem;
		font-weight: 600;
		margin:0 15px 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont ul{
		list-style: none;
	}
	
	.servicecontainer .servicelistcont .servicecont ul li{
		margin:0 0 30px 0;
	}
	
	.servicecontainer .servicelistcont .servicecont ul li:last-child{
		margin:0 0 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont ul li .ltl{
		font-size:2rem;
		line-height: 1.6em;
		font-weight: bold;
		text-indent: -30px;
		padding-left: 30px;
		margin:0 0 15px 0;
		letter-spacing: 0.05em;
	}
	
	.servicecontainer .servicelistcont .servicecont ul li .ltl::before{
		content: "";
		width:20px;
		height:20px;
		background:url("../images/check.svg") no-repeat;
		background-size:contain;
		display: inline-block;
		margin:0 10px 0 0;
		position: relative;
		top:2px;
	}
	
	.servicecontainer .servicelistcont .servicecont ul li .ltx{
		font-size:1.5rem;
		line-height: 2em;
	}
	
	.servicecontainer .servicelistcont .servicecont .btn{
		margin:30px 0 0 0;
		display: flex;
		justify-content: flex-end;
	}
	
	.servicecontainer .servicelistcont .servicecont .btn a{
		width:100%;
		max-width: 330px;
		height:80px;
		border:1px solid #333;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size:1.7rem;
		letter-spacing: 0.1em;
		position: relative;
		transition: all 0.2s;
	}
	
	.servicecontainer .servicelistcont .servicecont .btn a span{
		width:15px;
		height:15px;
		position: absolute;
		top:calc(50% - 7px);
		right:20px;
	}
	
	.servicecontainer .servicelistcont .servicecont .btn a span .arrow{
		stroke:333;
		transition: all 0.2s;
	}
	
	.servicecontainer .servicelistcont .servicecont .btn a:hover{
		color:#fff;
		background:#333;
	}
	
	.servicecontainer .servicelistcont .servicecont .btn a:hover span .arrow{
		stroke:#fff;
	}
	
	.training_container{
		padding:125px 0;
		background:#EDF0F6;
	}
	
	.training_container .main_flexbox{
		width:100%;
		position: relative;
		display: flex;
		margin:0 0 120px 0;
	}
	
	.training_container .main_flexbox .txbox{
		position: relative;
		top:0;
		left:0;
		width:calc(100% - 50% - 40px);
		padding:0 0 0 max(calc((100% - 1200px) / 2),2.5%);
		box-sizing: border-box;
		display: flex;
	}
	
	.training_container .main_flexbox .txbox .inbox{
		padding:0 70px 0 50px;
		height:100%;
		box-sizing: border-box;
		position: relative;
		display: flex;
		justify-content: center;
		flex-direction: column;
		
	}
	
	.training_container .main_flexbox .inbox .position_tx{
		position: absolute;
		top:0;
		left: 0;
		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		font-size:1.4rem;
		display: flex;
		justify-content: flex-start;
		color:#666;
		height: 100%;
		font-weight: 300;
		line-height: 1;
		letter-spacing: 0.1em;
	}
	
	.training_container .main_flexbox .txbox .inbox .position_tx::after{
		content: "";
		border-right:1px solid #ccc;
		height:100%;
		margin:10px auto 0 3px;
		
	}
	
	.training_container .main_flexbox .txbox .inbox .tl{
		font-size: 4rem;
		margin:0 0 40px 0;
		line-height: 1.5em;
		letter-spacing: 0.05em;
	}
	
	.training_container .main_flexbox .txbox .inbox .tx{
		font-size: 1.7rem;
		line-height: 4rem;
		margin:0 0 0 0;
	}
	
	
	.training_container .main_flexbox .phcont{
		width:calc(50% + 40px);
	}
	
	.training_container .flexcont{
		max-width: 1200px;
		padding:0 2.5%;
		display: flex;
		position: relative;
		margin:0 auto 120px;
	}
	
	.training_container .flexcont:last-child{
		margin-bottom: 0;
	}
	
	.training_container .flexcont .phbox{
		width:80%;
		max-width: 790px;
		margin:0 auto 0 0;
	}
	
	.training_container .flexcont .phbox.box2{
		width:90%;
		max-width: 980px;
		margin:0 0 0 auto;
	}
	
	.training_container .flexcont .phbox.box3{
		width:90%;
		max-width: 980px;
		margin:0 auto 0 0;
	}
	
	.training_container .flexcont .txbox{
		position: absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
	}
	
	.training_container .flexcont.box2 .txbox{
		position: absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		display: flex;
		align-items: flex-end;
		justify-content: flex-start;
	}
	
	.training_container .flexcont .txbox .inbox{
		background:#EDF0F6;
		width:555px;
		box-sizing: border-box;
		padding:50px;
	}
	
	.training_container .flexcont .txbox .inbox .ftl{
		font-size:3.4rem;
		font-family:Hiragino Sans,sans-serif;
		font-weight: 600;
		display: flex;
		align-items: flex-end;
		letter-spacing: 0.1em;
		line-height: 1;
		margin:0 0 20px 0;
	}
	
	.training_container .flexcont .txbox .inbox .ftl span{
		font-size:1.8rem;
		color:#441572;
		font-weight: bold;
		border-bottom:1px solid #441572;
		display: inline-block;
		line-height: 1;
		padding:0 0 10px 0;
		margin:0 20px 0 0;
		letter-spacing: 0;
	}
	
	.training_container .flexcont .txbox .inbox .ftx{
		font-size:1.5rem;
		line-height: 2em;
	}
	
	.training_container .flexcont.box3{
		margin-right: 30px;
		justify-content: space-between;
	}
	
	.training_container .flexcont.box3 .box{
		width:calc((100% - min(4vw,60px)) / 2);
		display: flex;
		flex-direction: column;
	}
	
	.training_container .flexcont.box3 .box .ltl{
		font-size:2rem;
		font-weight: 600;
		padding:0 0 0 20px;
		border-left:4px solid #441572;
		margin:0 0 20px 0;
	}
	
	.training_container .flexcont.box3 .box .ltx{
		font-size:1.5rem;
		line-height: 2em;
		margin:0 0 20px 0;
	}
	
	.training_container .flexcont.box3 .box .lphbox{
		margin:auto 0 0 0;
	}
	
	.training_container .flexcont.box3 .box .flextxcont{
		margin:auto 0 0 0 ;
		padding:40px;
		background:#fff;
	}
	
	.training_container .flexcont.box3 .box .flextxcont .captl{
		font-size:1.5rem;
		color:#441572;
		font-weight: 600;
		display: flex;
		align-items: center;
		white-space: nowrap;
		margin:0 0 15px 0;
	}
	
	.training_container .flexcont.box3 .box .flextxcont .captl span{
		padding:0 10px 0 0;
	}
	
	.training_container .flexcont.box3 .box .flextxcont .captl::after{
		content: "";
		width:100%;
		border-bottom:1px solid #441572;
		display: block;
	}
	
	.training_container .flexcont.box3 .box .flextxcont .captx{
		font-size:1.5rem;
		line-height: 2em;
		margin:0 0 15px 0;
	}
	
	.training_container .flexcont.box3 .box .flextxcont .captx2{
		font-size:1.2rem;
		line-height: 2em;
		text-align: right;
	}
	
	.academy_container .maincont{
		width:100%;
		position: relative;
		z-index: 1;
	}
	
	.academy_container .maincont .innerbox{
		position: absolute;
		width:100%;
		height:100%;
		box-sizing: border-box;
		padding: 0 2.5% 200px;
		top:0;
		left:0;
	}
	
	.academy_container .maincont .innerbox .inbox{
		width:100%;
		max-width: 1200px;
		margin:0 auto;
		display: flex;
		align-items: center;
		height:100%;
	}
	
	.academy_container .maincont .innerbox .inbox .txbox{
		padding:60px 0 60px 50px;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		flex-direction: column;
		position: relative;
		
	}
	
	.academy_container .maincont .innerbox .inbox .txbox .position_tx{
		position: absolute;
		top:0;
		left: 0;
		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		font-size:1.4rem;
		display: flex;
		justify-content: flex-start;
		color:#fff;
		height: 100%;
		font-weight: 300;
		line-height: 1;
		white-space: nowrap;
		letter-spacing: 0.1em;
	}
	
	.academy_container .maincont .innerbox .inbox .txbox .position_tx::after{
		content: "";
		border-right:1px solid #fff;
		height:100%;
		margin:10px auto 0 3px;
		
	}
	
	.academy_container .maincont .innerbox .inbox .txbox .tl{
		font-size: 4rem;
		line-height: 1.5em;
		color:#fff;
		letter-spacing: 0.05em;
	}
	
	.academy_container .contentbox{
		padding:0 2.5%;
		max-width: 1200px;
		margin:-200px auto 0;
		position: relative;
		z-index: 2;
	
	}
	
	.academy_container .wbg_box{
		padding:100px 0 120px 0;
		background:#fff;
	}
	
	.academy_container .wbg_box .innerbox{
		padding:0 2.5%;
		max-width: 960px;
		margin:0 auto;
	}
	
	.academy_container .wbg_box .innerbox .box{
		margin:0 0 120px 0;
	}
	
	.academy_container .wbg_box .innerbox .box:last-child{
		margin:0 0 0 0;
	}
	
	.academy_container .wbg_box .innerbox .box .txbox{
		margin:0 0 70px 0;
	}
	
	.academy_container .wbg_box .innerbox .box .txbox .subtl{
		font-size:1.7rem;
		line-height: 3.5rem;
		font-weight: 600;
		margin:0 0 15px 0;
		text-indent: -22px;
		padding-left: 22px;
	}
	
	.academy_container .wbg_box .innerbox .box .txbox .subtl::before{
		content: "";
		border-bottom:1px solid #333;
		width:15px;
		display: inline-block;
		font-weight: normal;
		margin:0 7px 0 0;
	}
	
	.academy_container .wbg_box .innerbox .tx{
		font-size:1.5rem;
		line-height: 2em;
	}
	
	.academy_container .wbg_box .innerbox .box .flexbox{
		display: flex;
		justify-content: space-between;
	}
	
	.academy_container .wbg_box .innerbox .box .flexbox .txbox{
		width:calc((100% - min(4vw,60px)) / 2);
		margin:0 0 0 0;
	}
	
	.academy_container .wbg_box .innerbox .box .flexbox .illbox{
		width:calc((100% - min(4vw,60px)) / 2);
	}
	
	.academy_container .wbg_box .innerbox .box .mtl{
		font-size:2rem;
		font-weight: 600;
		padding:0 0 0 20px;
		border-left:4px solid #441572;
		margin:0 0 20px 0;
	}
	
	.academy_container .wbg_box .innerbox .box .millbox{
		max-width: 805px;
		margin:0 auto;
		padding:40px 2.5% 0;
	}
	
	.academy_container .wbg_box .innerbox .box .millbox.box2{
		max-width: 100%;
		padding:0 0 0 0;
	}
	
	.interview_container .maincont{
		width:100%;
		position: relative;
		z-index: 1;
	}
	
	.interview_container .maincont .innerbox{
		position: absolute;
		width:100%;
		height:100%;
		box-sizing: border-box;
		padding: 0 2.5% 200px;
		top:0;
		left:0;
	}
	
	.interview_container .maincont .innerbox .inbox{
		width:100%;
		max-width: 1200px;
		margin:0 auto;
		display: flex;
		align-items: center;
		height:100%;
	}
	
	.interview_container .maincont .innerbox .inbox .txbox{
		padding:60px 0 60px 50px;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		flex-direction: column;
		position: relative;
		
	}
	
	.interview_container .maincont .innerbox .inbox .txbox .position_tx{
		position: absolute;
		top:0;
		left: 0;
		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		font-size:1.4rem;
		display: flex;
		justify-content: flex-start;
		color:#fff;
		height: 100%;
		font-weight: 300;
		line-height: 1;
		white-space: nowrap;
		letter-spacing: 0.1em;
	}
	
	.interview_container .maincont .innerbox .inbox .txbox .position_tx::after{
		content: "";
		border-right:1px solid #fff;
		height:100%;
		margin:10px auto 0 3px;
		
	}
	
	.interview_container .maincont .innerbox .inbox .txbox .tl{
		font-size: 4rem;
		line-height: 1.5em;
		color:#fff;
		letter-spacing: 0.05em;
	}
	
	.interview_container .maincont .innerbox .inbox .txbox .tx{
		font-size: 1.7rem;
		line-height: 4.5rem;
		color:#fff;
		padding:30px 0 0 0;
		letter-spacing: 0.1em;
	}
	
	.interview_container .contentbox{
		padding:0 2.5%;
		max-width: 1200px;
		margin:-200px auto 0;
		position: relative;
		z-index: 2;
	
	}
	
	.interview_container .wbg_box{
		padding:100px 0 120px 0;
		background:#fff;
	}
	
	.interview_container .wbg_box .innerbox{
		padding:0 2.5%;
		max-width: 960px;
		margin:0 auto;
	}
	
	.interview_container .wbg_box .innerbox .interview_list{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box{
		width:calc((100% - min(7vw,120px)) / 3);
		margin:0 0 min(2vw,30px) 0;
		cursor: pointer;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .phbox{
		width:100%;
		position: relative;
		z-index: 1;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .phbox .inph{
		position: relative;
		padding-top:100%;
		overflow: hidden;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .phbox .inph img{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		transition: all 0.3s;
		transform: scale(1);
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box:hover .phbox .inph img{
		transform: scale(1.1);
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .txbox{
		background:#fff;
		min-width: 210px;
		width:60%;
		padding:20px 15px;
		margin-top:-65px;
		position: relative;
		z-index: 2;
		box-sizing: border-box;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .txbox .mtl{
		font-size:1.7rem;
		font-weight: 600;
		color:#441572;
		display: flex;
		align-items: center;
		margin:0 0 5px 0;
		white-space: nowrap;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .txbox .mtl span{
		display: block;
		padding:4px 10px;
		color:#fff;
		background:#441572;
		font-size:1rem;
		line-height: 1;
		margin:0 0 0 10px;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .txbox .tx{
		font-size:1.4rem;
		line-height: 2.5rem;
	}
	
	.interview_container .wbg_box .innerbox .morebtn{
		width:100%;
		font-size:1.7rem;
		line-height: 1;
		padding:20px;
		border:1px solid #333;
		text-align: center;
		cursor: pointer;
		transition: all 0.2s;
		box-sizing: border-box;
	}
	
	.interview_container .wbg_box .innerbox .morebtn:hover{
		color: #fff;
		background:#333;
	}
	
	.interview_container .wbg_box .innerbox .box.is-hidden{
		opacity: 0;
    	height: 0;
    	margin: 0;
		display: none;
	}
	
	.interview_container .wbg_box .innerbox .morebtn.is-btn-hidden{
		display:none;
	}
	
	.interview_container .wbg_box .innerbox .message_cont{
		padding:min(6vw,80px);
		background:#EDF0F6;
		margin:165px 0 0 0;
	}
	
	.interview_container .wbg_box .innerbox .message_cont .flexbox{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin:0 0 60px 0;
	}
	
	.interview_container .wbg_box .innerbox .message_cont .flexbox .txbox{
		width:calc(100% - min(5vw,80px) - 325px);
	}
	
	.interview_container .wbg_box .innerbox .message_cont .flexbox .txbox .subtl{
		font-size:2rem;
		border-left:4px solid #441572;
		padding:0 0 0 20px;
		letter-spacing: 0.05em;
		margin:0 0 25px 0;
	}
	
	.interview_container .wbg_box .innerbox .message_cont .flexbox .txbox .mtl{
		font-size:3rem;
		line-height: 5.5rem;
	}
	
	.interview_container .wbg_box .innerbox .message_cont .flexbox .phbox{
		width:325px;
		position: relative;
	}
	
	.interview_container .wbg_box .innerbox .message_cont .flexbox .phbox img{
		width:100%;
		position: absolute;
		bottom:0;
		left:0;
	}
	
	.interview_container .wbg_box .innerbox .message_cont .tx{
		font-size:1.5rem;
		line-height: 2em;
	}
	
	.recruit_container{
		background:#EDF0F6;
		position: relative;
		z-index: 2;
		padding:0 0 100px 0;
	}
	
	.recruit_container .innerbox{
		padding:0 2.5%;
		max-width: 1200px;
		margin: 0 auto;
	}
	
	.recruit_container .innerbox .mtl{
		display: flex;
		align-items:center;
		line-height: 1;
		position: relative;
		top:-2.7em;
	}
	
	.recruit_container .innerbox .mtl strong{
		font-size:10rem;
		letter-spacing: 0.05em;
	}
	
	.recruit_container .innerbox .mtl span{
		font-size:1.5rem;
		padding:40px 0 10px 0;
		border-bottom:1px solid #333;
		margin:0 0 0 40px;
	}
	
	.recruit_container .innerbox .tabcontainer{
		margin:0 0 0 0;
	}
	
	.recruit_container .innerbox .tabcontainer .tabbox{
		display: flex;
		justify-content: space-between;
	}
	
@media screen and (min-width:768px) {
	.recruit_container .innerbox .tabcontainer .tabbox .box{
		width:calc((100% - 20px) / 5);
		background:rgba(68,21,114,0.25);
		display: flex;
		height:80px;
		justify-content: center;
		align-items: center;
		color:#fff;
		font-size:1.2rem;
		flex-direction: column;
		line-height: 1.5em;
		cursor: pointer;
	}
	
	.recruit_container .innerbox .tabcontainer .tabbox .box span{
		font-size: 1.2rem;
	}
}
	
@media screen and (min-width:1280px) {
	.recruit_container .innerbox .tabcontainer .tabbox .box{
		width:calc((100% - 20px) / 5);
		background:rgba(68,21,114,0.25);
		display: flex;
		height:80px;
		justify-content: center;
		align-items: center;
		color:#fff;
		font-size:1.4rem;
		flex-direction: column;
		line-height: 1.5em;
		cursor: pointer;
	}
	
	.recruit_container .innerbox .tabcontainer .tabbox .box span{
		font-size: 1.4rem;
	}
}
	
	.recruit_container .innerbox .tabcontainer .tabbox .box.active{
		background:#fff;
		font-weight: 600;
		color:#441572;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox{
		padding:50px min(3vw,50px);
		background:#fff;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box{
		width:100%;
		display: none;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box.active{
		display: block;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox{
		padding:0 30px;
		height:450px;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox .tl{
		font-size:1.7rem;
		line-height: 3rem;
		font-weight: 600;
		margin:0 0 15px 0;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox .tx{
		font-size:1.5rem;
		line-height: 2em;
		margin:0 0 20px 0;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox .logo{
		width:240px;
		padding:10px 0 0 0 ;
		display: block;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox .simplebar-vertical{
		background:#F2F2F2;
		width:6px;
		border-radius: 100px;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox .simplebar-scrollbar{
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox .simplebar-scrollbar::before{
		top:0;
		left:0;
		width:6px;
		opacity: 1;
		background:#441572;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox table{
		border-collapse: collapse;
		width:100%;
		border-top:1px solid #ccc;
		font-size:1.3rem;
		line-height: 2em;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox table tr th{
		width:165px;
		background:#F2F2F2;
		padding:40px 0 40px 40px;
		vertical-align: top;
		font-weight: 400;
		text-align: left;
		border-bottom:1px solid #ccc;
		box-sizing: border-box;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox table tr td{
		background:#fff;
		padding:40px 40px;
		border-bottom:1px solid #ccc;
		vertical-align: top;
		font-weight: 400;
		text-align: left;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox table tr td ul{
		list-style:none;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox table tr td ul li{
		text-indent: -7px;
		margin-left: 7px;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox table tr td ul li.mb{
		margin:0 0 15px 0;
	}
	
	.recruit_container .innerbox .tabcontainer .contentbox .box .inbox table tr td ul li::before{
		content: "";
		width:2px;
		height:2px;
		border-radius: 100%;
		background:#333;
		display: inline-block;
		vertical-align: middle;
		margin:0 5px 0 0;
		position: relative;
		top:-2px;
	}
	
	.bottom_content{
		display: flex;
		justify-content: space-between;
	}
	
	.bottom_content a{
		width:calc((100% - 1px) / 2);
		background:rgba(68,21,114,1);
		transition: all 0.2s;
		padding:0 min(4vw,80px) 0 max(calc((100vw - 1200px) / 2),2.5%);
		overflow: hidden;
		box-sizing: border-box;
	}
	
	.bottom_content a:nth-child(2){
		width:calc((100% - 1px) / 2);
		background:rgba(68,21,114,1);
		transition: all 0.2s;
		padding:0 max(calc((100vw - 1200px) / 2),2.5%) 0 min(4vw,80px);
		overflow: hidden;
		box-sizing: border-box;
	}
	
	.bottom_content a:hover{
		background:rgba(68,21,114,0.75);
	}
	
	.bottom_content a .inbox {
  		width:100%;
		display: flex;
		height:100%;
		align-items: flex-end;
	}
	
	.bottom_content a .inbox .ill.box1{
  		max-width:212px;
		width:45%;
		margin:auto 0 0 0;
		padding:30px 0 0 0;
	}
	
	.bottom_content a .inbox .ill.box2{
  		max-width:150px;
		width:40%;
		margin:auto 0 0 0;
		padding:30px 0 0 0;
	}
	
	.bottom_content a .inbox .ill img{
		transition: all 0.2s;
		transform: scale(1);
		transform-origin: center bottom;
	}
	
	.bottom_content a:hover .inbox .ill img{
		transform: scale(1.1);
	}
	
	.bottom_content a .inbox .tl{
  		margin: auto 0;
		font-size:1.7rem;
		line-height: 2em;
		color:#fff;
		font-weight: 600;
		padding:0 0 0 min(4vw,60px);
	}
	
	.bottom_content a .arrow {
  		position: relative;
  		display: block;
  		width: 15px;
  		height: 2px;
		right:0;
  		background-color: #fff;
		transition: all 0.2s;
		margin: auto 0 auto auto;
	}
	
	.bottom_content a:hover .arrow {
  		width:25px;
		right:-10px;
	}
	.bottom_content a .arrow::before {
  		content: "";
  		position: absolute;
  		top: 4px;
  		right: -2px;
  		display: block;
  		width: 12px;
  		height: 2px;
  		background-color: #fff;
  		transform: rotate(-45deg);
	}
	.bottom_content a .arrow::after {
  		content: "";
  		position: absolute;
  		bottom: 4px;
  		right: -2px;
  		display: block;
  		width: 12px;
  		height: 2px;
  		background-color: #fff;
  		transform: rotate(45deg);
	}
	
	/*modalcont*/
	.interview_modalcont{
		position: fixed;
		width:100vw;
		height:100vh;
		top:0;
		left:0;
		bottom:0;
		right:0;
		z-index: 1000;
		display: none;
	}
	
	.interview_modalcont .overray{
		position: absolute;
		top:0;
		let:0;
		background:rgba(0,0,0,0.8);
		width:100%;
		height:100%;
	}
	
	.interview_modalcont .innerbox{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding:0 0;
		pointer-events: none;
	}
	
	.interview_modalcont .innerbox .modalcont_list{
		width:90%;
		max-width: 1100px;
		position: relative;
		height:calc(90vh - 70px);
		margin:70px 0 0 0;
		background:#fff;
		pointer-events: auto;
		
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont{
		display: flex;
		height:100%;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .box .mainph{
		width:100%;
		position: relative;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .box .mainph .mtlbox{
		position: absolute;
		width:100%;
		height:100%;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
		top:0;
		left:0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .box .mainph .mtlbox.box2{
		color: #fff;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .box .mainph .mtlbox .inbox{
		width:90%;
		max-width: 830px;
		margin:0 auto;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .box .mainph .mtlbox .mtl{
		font-weight: 600;
		font-size: 3rem;
		line-height: 5rem;
		margin:0 0 30px 0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .box .mainph .mtlbox .sub{
		font-size:1.4rem;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .box .mainph .mtlbox .sub strong{
		font-size:1.7rem;
		font-weight: 600;
		margin:0 20px 0 0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .simplebar-vertical{
		background:#F2F2F2;
		width:6px;
		border-radius: 100px;
		height:calc(100% - 40px);
		top:20px;
		right:20px;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .simplebar-scrollbar{
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .simplebar-scrollbar::before{
		top:0;
		left:0;
		width:6px;
		opacity: 1;
		background:#441572;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox{
		width:90%;
		max-width: 830px;
		margin:0 auto;
		padding:80px 0 80px 0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont{
		margin:0 0 80px 0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont .tl{
		font-weight: 600;
		font-size:2rem;
		line-height: 1.6em;
		border-left:4px solid #441572;
		margin:0 0 20px 0;
		padding:0 0 0 20px;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont .tl span{
		font-size:1.3rem;
		font-weight: 400;
		padding:0 0 0 20px;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont .tx{
		font-size:1.5rem;
		line-height: 2em;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont.flexbox{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont.flexbox .txbox{
		width:calc(100% - min(50%,330px) - min(5vw,60px));
		
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont.flexbox .phbox{
		width:min(50%,330px);
		
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont .phbox.box2{
		width:100%;
		margin:70px 0 0 0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont .tx{
		font-size:1.5rem;
		line-height: 2em;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .illbox{
		width:100%;
		padding:20px 0 20px 0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .illbox img{
		width:830px;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .illbox .simplebar-horizontal{
		background:#F2F2F2;
		height:6px;
		border-radius: 100px;
		width:100%;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .illbox .simplebar-scrollbar{
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .illbox .simplebar-scrollbar::before{
		height:6px;
		opacity: 1;
		background:#441572;
		width:auto;
	}
	
	.interview_modalcont .innerbox .modalcont_list .closebtn{
		width:50px;
		height:50px;
		position: absolute;
		top:-70px;
		right:0;
		cursor: pointer;
	}
	
	.interview_modalcont .innerbox .modalcont_list .bottom_closebtn{
		border:1px solid #333;
		width:330px;
		height:80px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size:1.7rem;
		background:#fff;
		transition: all 0.2s;
		cursor: pointer;
		margin:0 auto;
	}
	
	.interview_modalcont .innerbox .modalcont_list .bottom_closebtn:hover{
		color:#fff;
		background:#333;
	}
	
	#business,#training,#academy,#interview,#recruit,
	#content1,#content2,#content3{
		padding-top:100px;
		margin-top:-100px;
	}
}

@media screen and (max-width:768px){
	
	.fixedbtn{
		background:#441572;
		display: flex;
		color:#fff;
		cursor: pointer;
		position: fixed;
		left:100%;
		top:200px;
		z-index: 9;
		transition: all 0.2s;
		display: none;
	}
	
	.fixedbtn.active{
		left:calc(100% - 40px);
	}
	
	.fixedbtn.active:hover{
		left:calc(100% - 210px);
	}
	
	.fixedbtn .titlebox{
		display: flex;
		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		justify-content: center;
		align-items: center;
		line-height: 1;
		padding:0 0;
		width:40px;
	}
	
	.fixedbtn .anklinkbox{
		display: flex;
		flex-direction: column;
		padding:20px;
		width:170px;
		box-sizing: border-box;
	}
	
	.fixedbtn .anklinkbox a{
		color:#fff;
		transition: all 0.2s;
	}
	
	.fixedbtn .anklinkbox a:hover{
		opacity: 0.7;
	}
	
	.headbox{
		display: none;
	}
	
	.mainvisualbox{
		position: relative;
		z-index:1;
		margin:0 0 0 0;
		overflow: hidden;
	}
	
	.mainvisualbox .position_title{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		color:#fff;
		display: flex;
		align-items: flex-end;
		justify-content: flex-start;
		flex-direction: column;
		z-index:3;
	}
	
	.mainvisualbox .position_title .mtl{
		font-size:7vw;
		line-height: 11vw;
		text-align: right;
		padding:10vw 9vw 0 0 ;
		letter-spacing: 0.1em;
	}
	
	.maininfobox{
		padding:40px 2.5% 80px;
	}
	
	.maininfobox .txbox{
		text-align: center;
		font-size:1.7rem;
		line-height: 3.2rem;
	}
	
	.slide_flexbox{
		width:95%;
		position: relative;
		display: flex;
		margin:0 auto 40px;
		flex-direction: column;
	}
	
	.slide_flexbox .txbox{
		order:1;
		position: relative;
		top:0;
		left:0;
		width:100%;
		box-sizing: border-box;
		display: flex;
	}
	
	.slide_flexbox .txbox .inbox{
		padding:0 0 0 0;
		height:100%;
		box-sizing: border-box;
		position: relative;
		display: flex;
		justify-content: center;
		flex-direction: column;
		
	}
	
	.slide_flexbox .txbox .inbox .position_tx{
		position: absolute;
		top:0;
		left: 0;
		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		font-size:0.7rem;
		display: flex;
		justify-content: flex-start;
		color:#666;
		height: 100%;
		font-weight: 300;
		line-height: 1;
		letter-spacing: 0.1em;
	}
	
	.slide_flexbox .txbox .inbox .tl{
		font-size: 2.2rem;
		margin:0 0 15px 0;
		line-height: 1.5em;
		letter-spacing: 0.05em;
		padding:0 0 0 30px;
	}
	
	.slide_flexbox .txbox .inbox .tx{
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin:0 0 30px 0;
		padding:0 0 0 30px;
	}
	
	.slide_flexbox .txbox .inbox .btn{
		width:100%;
	}
	
	.slide_flexbox .txbox .inbox .btn a{
		width:100%;
		height:50px;
		border:1px solid #333;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size:1.2rem;
		letter-spacing: 0.1em;
		position: relative;
		transition: all 0.2s;
	}
	
	.slide_flexbox .txbox .inbox .btn a span{
		width:9px;
		height:9px;
		position: absolute;
		top:calc(50% - 6px);
		right:20px;
	}
	
	.slide_flexbox .txbox .inbox .btn a span .arrow{
		stroke:#333;
		transition: all 0.2s;
	}
	
	.slide_flexbox .txbox .inbox .btn a span svg{ 
		width:9px;
	}
	
	.slide_flexbox .txbox .inbox .btn a:hover{
		color:#fff;
		background:#333;
	}
	
	.slide_flexbox .txbox .inbox .btn a:hover span .arrow{
		stroke:#fff;
	}
	
	.slide_flexbox .slidecont{
		width:100%;
		margin:0 0 30px 0;
	}
	
	.servicecontainer{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		margin:0 auto;
		padding:0 2.5%;
	}
	
	.servicecontainer .navcont{
		padding:0 0 50px 0;
		width:100%;
		box-sizing: border-box;
		position: relative;
		
	}
	
	.servicecontainer .navcont .navin{
		position: relative;
		border-bottom:1px solid #000;
	}
	
	.servicecontainer .navcont .navin .box{
		font-size:13px;
		line-height: 1;
	}
	
	.servicecontainer .navcont .navin .box span{
		font-size:10px;
	}
	
	.servicecontainer .navcont .navin .box a{
		color:#000;
		display: flex;
		align-items: center;
		position: relative;
		border-top:1px solid #000;
		padding:20px 20px;
	}
	
	.servicecontainer .navcont .navin .box:last-child a::after{
		display: none;
	}
	
	.servicecontainer .navcont .navin .box a::before{
		content: "";
		position: absolute;
		width:10px;
		height:10px;
		top:calc(50% - 5px);
		right:20px;
		background:url("../images/arrow_down.png") no-repeat;
		background-size:10px;
		border-radius: 50%;
		display: inline-block;
		margin:0 0;
		z-index:2;
	}
	
	.servicecontainer .servicelistcont{
		width:100%;
		box-sizing: border-box;
	}
	
	.servicecontainer .servicelistcont .servicecont{
		margin:0 0 40px 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .numtl{
		font-size:2rem;
		font-family:Hiragino Sans,sans-serif;
		font-weight: 600;
		display: flex;
		align-items: flex-end;
		letter-spacing: 0.1em;
		line-height: 1;
		margin:0 0 20px 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .numtl span{
		font-size:1.2rem;
		color:#441572;
		font-weight: bold;
		border-bottom:1px solid #441572;
		display: inline-block;
		line-height: 1;
		padding:0 0 5px 0;
		margin:0 10px 0 0;
		letter-spacing: 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .phbox{
		margin:0 0 20px 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .tl{
		font-size:2rem;
		line-height:3rem;
		letter-spacing: 0.1em;
		margin:0 0 15px 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .tx{
		font-size:1.4rem;
		line-height: 2.4rem;
		margin:0 0 0 0;
		letter-spacing: 0.1em;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont{
		padding:15px 15px 15px 15px;
		background:#EDF0F6;
		margin:15px 0 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox{
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .simplebar-horizontal{
		background:#fff;
		height:5px;
		border-radius: 100px;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .simplebar-scrollbar{
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .simplebar-scrollbar::before{
		height:5px;
		opacity: 1;
		background:#441572;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont{
		width:calc(350px * 5);
		padding:0 0 30px 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox{
		display: flex;
		counter-reset: number 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box{
		background:#fff;
		margin:0 10px 0 0;
		padding:40px 0 40px 40px;
		position: relative;
		width:350px;
		box-sizing: border-box;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box:last-child{
		margin:0 0 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box::before{
		content: "";
		clip-path: polygon(100% 0, 0 0, 100% 100%);
		background:#EDF0F6;
		position: absolute;
		top:0;
		right:0;
		display: block;
		width:30px;
		height:50%;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box::after{
		content: "";
		clip-path: polygon(100% 0, 0% 100%, 100% 100%);
		background:#EDF0F6;
		position: absolute;
		bottom:0;
		right:0;
		display: block;
		width:30px;
		height:50%;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box:last-child::before,
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box:last-child::after{
		display: none;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box .ftl{
		font-weight: 600;
		font-size:2.4rem;
		line-height: 1.6em;
		margin:0 0 15px 0;
		display: flex;
		align-items: center;
		letter-spacing: 0.05em;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box .ftl::before{
		counter-increment: number 1;
		content: counter(number) " ";
		font-family: 'Roboto', sans-serif;
		font-size:1.8rem;
		font-weight: 600;
		line-height: 1;
		background:#441572;
		width:30px;
		height:30px;
		display: flex;
		justify-content: center;
		align-items: center;
		color:#fff;
		margin:0 15px 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .flexbox .box .ftx{
		font-size:1.4rem;
		line-height: 2.4em;
		padding:0 40px 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .cap{
		text-align: center;
		font-size:1.5rem;
		line-height: 4rem;
		padding:30px 0 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .scrollcont .inbox .incont .cap span{
		font-size:2rem;
		font-weight: 600;
		margin:0 15px 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont ul{
		list-style: none;
	}
	
	.servicecontainer .servicelistcont .servicecont ul li{
		margin:0 0 30px 0;
	}
	
	.servicecontainer .servicelistcont .servicecont ul li:last-child{
		margin:0 0 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont ul li .ltl{
		font-size:1.7rem;
		line-height: 1.6em;
		font-weight: bold;
		text-indent: -30px;
		padding-left: 30px;
		margin:0 0 10px 0;
		letter-spacing: 0.05em;
	}
	
	.servicecontainer .servicelistcont .servicecont ul li .ltl::before{
		content: "";
		width:20px;
		height:20px;
		background:url("../images/check.svg") no-repeat;
		background-size:contain;
		display: inline-block;
		margin:0 10px 0 0;
		position: relative;
		top:2px;
	}
	
	.servicecontainer .servicelistcont .servicecont ul li .ltx{
		font-size:1.4rem;
		line-height: 2.4rem;
	}
	
	.servicecontainer .servicelistcont .servicecont .btn{
		width:100%;
		margin:30px 0 0 0;
	}
	
	.servicecontainer .servicelistcont .servicecont .btn a{
		width:100%;
		height:50px;
		border:1px solid #333;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size:1.2rem;
		letter-spacing: 0.1em;
		position: relative;
		transition: all 0.2s;
	}
	
	.servicecontainer .servicelistcont .servicecont .btn a span{
		width:9px;
		height:9px;
		position: absolute;
		top:calc(50% - 6px);
		right:20px;
	}
	
	.servicecontainer .servicelistcont .servicecont .btn a span .arrow{
		stroke:#333;
		transition: all 0.2s;
	}
	
	.servicecontainer .servicelistcont .servicecont .btn a span svg{ 
		width:9px;
	}
	
	.servicecontainer .servicelistcont .servicecont .btn a:hover{
		color:#fff;
		background:#333;
	}
	
	.servicecontainer .servicelistcont .servicecont .btn a:hover span .arrow{
		stroke:#fff;
	}
	
	.training_container{
		padding:2.5% 0 40px 0;
		background:#EDF0F6;
	}
	
	.training_container .main_flexbox{
		width:95%;
		position: relative;
		display: flex;
		margin:0 auto 40px;
		flex-direction: column
	}
	
	.training_container .main_flexbox .txbox{
		position: relative;
		top:0;
		left:0;
		width:100%;
		padding:0 0 0 0;
		box-sizing: border-box;
		display: flex;
		order:1;
	}
	
	.training_container .main_flexbox .txbox .inbox{
		padding:0 0 0 30px;
		height:100%;
		box-sizing: border-box;
		position: relative;
		display: flex;
		justify-content: center;
		flex-direction: column;
		
	}
	
	.training_container .main_flexbox .inbox .position_tx{
		position: absolute;
		top:0;
		left: 0;
		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		font-size:0.7rem;
		display: flex;
		justify-content: flex-start;
		color:#666;
		height: 100%;
		font-weight: 300;
		line-height: 1;
		letter-spacing: 0.1em;
	}
	
	.training_container .main_flexbox .txbox .inbox .tl{
		font-size: 2.2rem;
		margin:0 0 15px 0;
		line-height: 1.5em;
		letter-spacing: 0.05em;
	}
	
	.training_container .main_flexbox .txbox .inbox .tx{
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin:0 0 0 0;
	}
	
	
	.training_container .main_flexbox .phcont{
		width:100%;
		margin:0 0 20px 0;
	}
	
	.training_container .flexcont{
		max-width: 1200px;
		padding:0 2.5%;
		display: flex;
		position: relative;
		flex-direction: column;
		margin:0 auto 40px;
	}
	
	.training_container .flexcont:last-child{
		margin-bottom: 0;
	}
	
	.training_container .flexcont .phbox{
		width:100%;
		max-width: 790px;
		margin:0 0 20px 0;
		line-height: 0;
	}
	
	.training_container .flexcont .txbox{
		position: relative;
		width:100%;
		height:100%;
		top:0;
		left:0;
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
	}
	
	.training_container .flexcont.box2 .txbox{
		position: relative;
		width:100%;
		height:100%;
		top:0;
		left:0;
		display: flex;
		align-items: flex-end;
		justify-content: flex-start;
	}
	
	.training_container .flexcont .txbox .inbox{
		background:#EDF0F6;
		width:100%;
		box-sizing: border-box;
		padding:0;
	}
	
	.training_container .flexcont .txbox .inbox .ftl{
		font-size:2rem;
		font-family:Hiragino Sans,sans-serif;
		font-weight: 600;
		display: flex;
		align-items: flex-end;
		letter-spacing: 0.1em;
		line-height: 1;
		margin:0 0 10px 0;
	}
	
	.training_container .flexcont .txbox .inbox .ftl span{
		font-size:1.2rem;
		color:#441572;
		font-weight: bold;
		border-bottom:1px solid #441572;
		display: inline-block;
		line-height: 1;
		padding:0 0 5px 0;
		margin:0 10px 0 0;
		letter-spacing: 0;
	}
	
	.training_container .flexcont .txbox .inbox .ftx{
		font-size:1.4rem;
		line-height: 2.4rem;
	}
	
	.training_container .flexcont.box3{
		justify-content: space-between;
		flex-direction: column;
	}
	
	.training_container .flexcont.box3 .box{
		width:100%;
		display: flex;
		flex-direction: column;
		margin:0 0 40px 0;
	}
	
	.training_container .flexcont.box3 .box:last-child{
		margin:0 0 0 0;
	}
	
	.training_container .flexcont.box3 .box .ltl{
		font-size:1.7rem;
		font-weight: 600;
		padding:0 0 0 15px;
		border-left:3px solid #441572;
		margin:0 0 10px 0;
	}
	
	.training_container .flexcont.box3 .box .ltx{
		font-size:1.4rem;
		line-height: 2.4rem;
		margin:0 0 20px 0;
	}
	
	.training_container .flexcont.box3 .box .lphbox{
		margin:auto 0 0 0;
	}
	
	.training_container .flexcont.box3 .box .flextxcont{
		margin:auto 0 0 0 ;
		padding:15px;
		background:#fff;
	}
	
	.training_container .flexcont.box3 .box .flextxcont .captl{
		font-size:1.4rem;
		color:#441572;
		font-weight: 600;
		display: flex;
		align-items: center;
		white-space: nowrap;
		margin:0 0 10px 0;
	}
	
	.training_container .flexcont.box3 .box .flextxcont .captl span{
		padding:0 10px 0 0;
	}
	
	.training_container .flexcont.box3 .box .flextxcont .captl::after{
		content: "";
		width:100%;
		border-bottom:1px solid #441572;
		display: block;
	}
	
	.training_container .flexcont.box3 .box .flextxcont .captx{
		font-size:1.4rem;
		line-height: 2.4rem;
		margin:0 0 10px 0;
	}
	
	.training_container .flexcont.box3 .box .flextxcont .captx2{
		font-size:1.2rem;
		line-height: 2em;
		text-align: right;
	}
	
	.academy_container .maincont{
		width:100%;
		position: relative;
		z-index: 1;
	}
	
	.academy_container .maincont .innerbox{
		position: absolute;
		width:100%;
		height:100%;
		box-sizing: border-box;
		padding: 0 2.5% 0;
		top:0;
		left:0;
	}
	
	.academy_container .maincont .innerbox .inbox{
		width:100%;
		max-width: 1200px;
		margin:0 auto;
		display: flex;
		align-items: center;
		height:100%;
	}
	
	.academy_container .maincont .innerbox .inbox .txbox{
		padding:0 0 0 30px;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		flex-direction: column;
		position: relative;
		
	}
	
	.academy_container .maincont .innerbox .inbox .txbox .position_tx{
		position: absolute;
		top:4px;
		left: 0;
		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		font-size:0.7rem;
		display: flex;
		justify-content: flex-start;
		color:#fff;
		height: 100%;
		font-weight: 300;
		line-height: 1;
		white-space: nowrap;
		letter-spacing: 0.1em;
	}
	
	.academy_container .maincont .innerbox .inbox .txbox .tl{
		font-size: 2.2rem;
		line-height: 3.2rem;
		color:#fff;
		letter-spacing: 0.05em;
	}
	
	.academy_container .contentbox{
		padding:0 2.5%;
		max-width: 1200px;
		margin:0 auto 0;
		position: relative;
		z-index: 2;
	
	}
	
	.academy_container .wbg_box{
		padding:40px 0 40px 0;
		background:#fff;
	}
	
	.academy_container .wbg_box .innerbox{
		padding:0 0;
		max-width: 960px;
		margin:0 auto;
	}
	
	.academy_container .wbg_box .innerbox .box{
		margin:0 0 40px 0;
	}
	
	.academy_container .wbg_box .innerbox .box:last-child{
		margin:0 0 0 0;
	}
	
	.academy_container .wbg_box .innerbox .box .txbox{
		margin:0 0 40px 0;
	}
	
	.academy_container .wbg_box .innerbox .box .txbox .subtl{
		font-size:1.5rem;
		line-height: 2.5rem;
		font-weight: 600;
		margin:0 0 15px 0;
		text-indent: -22px;
		padding-left: 22px;
	}
	
	.academy_container .wbg_box .innerbox .box .txbox .subtl::before{
		content: "";
		border-bottom:1px solid #333;
		width:15px;
		display: inline-block;
		font-weight: normal;
		margin:0 7px 0 0;
	}
	
	.academy_container .wbg_box .innerbox .tx{
		font-size:1.4rem;
		line-height: 2.4rem;
	}
	
	.academy_container .wbg_box .innerbox .box .flexbox{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	
	.academy_container .wbg_box .innerbox .box .flexbox .txbox{
		width:100%;
		margin:0 0 0 0;
	}
	
	.academy_container .wbg_box .innerbox .box .flexbox .illbox{
		width:100%;
		margin:15px 0 0 0;
	}
	
	.academy_container .wbg_box .innerbox .box .mtl{
		font-size:1.7rem;
		font-weight: 600;
		padding:0 0 0 15px;
		border-left:3px solid #441572;
		margin:0 0 10px 0;
	}
	
	.academy_container .wbg_box .innerbox .box .millbox{
		max-width: 805px;
		margin:0 auto;
		padding:30px 0 30px;
	}
	
	.academy_container .wbg_box .innerbox .box .millbox img{
		width:500px;
	}
	
	.academy_container .wbg_box .innerbox .box .millbox.box2 img{
		width:600px;
	}
	
	.academy_container .wbg_box .innerbox .box .millbox .simplebar-horizontal{
		background:#F2F2F2;
		height:6px;
		border-radius: 100px;
		width:100%;
	}
	
	.academy_container .wbg_box .innerbox .box .millbox .simplebar-scrollbar{
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	
	.academy_container .wbg_box .innerbox .box .millbox .simplebar-scrollbar::before{
		height:6px;
		opacity: 1;
		background:#441572;
		width:auto;
	}
	
	.academy_container .wbg_box .innerbox .sp_numcont .box{
		display: flex;
		margin:20px 0 20px 0;
		justify-content: space-between;
	}
	
	.academy_container .wbg_box .innerbox .sp_numcont .box .num{
		width:40px;
	}
	
	.academy_container .wbg_box .innerbox .sp_numcont .box .num span{
		width:40px;
		height:40px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size:1.2rem;
		font-weight: 600;
		color:#fff;
	}
	
	.academy_container .wbg_box .innerbox .sp_numcont .box:nth-child(1) .num span{
		background:#441572;
	}
	
	.academy_container .wbg_box .innerbox .sp_numcont .box:nth-child(2) .num span{
		background:#D6A4EA;
	}
	
	.academy_container .wbg_box .innerbox .sp_numcont .box:nth-child(3) .num span{
		background:#26193A;
	}
	
	.academy_container .wbg_box .innerbox .sp_numcont .box:nth-child(4) .num span{
		background:#7B47D2;
	}
	
	.academy_container .wbg_box .innerbox .sp_numcont .box:nth-child(5) .num span{
		background:#8C8C8C;
	}
	
	.academy_container .wbg_box .innerbox .sp_numcont .box .txbox{
		width:calc(100% - 50px);
		padding:8px 0 0 0;
		margin:0 0 0 0;
	}
	
	.academy_container .wbg_box .innerbox .sp_numcont .box .txbox .tl{
		font-size:1.7rem;
		font-weight: 600;
		line-height: 1.6em;
		margin:0 0 10px 0;
	}
	
	.academy_container .wbg_box .innerbox .sp_numcont .box .txbox .tx{
		font-size:1.4rem;
		line-height: 2.4rem;
		margin:0 0 0 0;
	}
	
	.interview_container .maincont{
		width:100%;
		position: relative;
		z-index: 1;
	}
	
	.interview_container .maincont .innerbox{
		position: absolute;
		width:100%;
		height:100%;
		box-sizing: border-box;
		padding: 0 2.5% 0;
		top:0;
		left:0;
	}
	
	.interview_container .maincont .innerbox .inbox{
		width:100%;
		max-width: 1200px;
		margin:0 auto;
		display: flex;
		align-items: center;
		height:100%;
	}
	
	.interview_container .maincont .innerbox .inbox .txbox{
		padding:0 0 0 30px;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		flex-direction: column;
		position: relative;
		
	}
	
	.interview_container .maincont .innerbox .inbox .txbox .position_tx{
		position: absolute;
		top:0;
		left: 0;
		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		font-size:0.7rem;
		display: flex;
		justify-content: flex-start;
		color:#fff;
		height: 100%;
		font-weight: 300;
		line-height: 1;
		white-space: nowrap;
		letter-spacing: 0.1em;
	}
	
	.interview_container .maincont .innerbox .inbox .txbox .tl{
		font-size: 2.2rem;
		line-height: 1.5em;
		color:#fff;
		letter-spacing: 0.05em;
	}
	
	.interview_container .maincont .innerbox .inbox .txbox .tx{
		font-size: 1.4rem;
		line-height: 2.4rem;
		color:#fff;
		padding:15px 0 0 0;
		letter-spacing: 0.1em;
	}
	
	.interview_container .contentbox{
		padding:0 2.5%;
		max-width: 1200px;
		margin:0 auto 0;
		position: relative;
		z-index: 2;
	
	}
	
	.interview_container .wbg_box{
		padding:40px 0 70px 0;
		background:#fff;
	}
	
	.interview_container .wbg_box .innerbox{
		padding:0 0;
		max-width: 960px;
		margin:0 auto;
	}
	
	.interview_container .wbg_box .innerbox .interview_list{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box{
		width:100%;
		margin:0 0 20px 0;
		cursor: pointer;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .phbox{
		width:100%;
		position: relative;
		z-index: 1;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .phbox .inph{
		position: relative;
		padding-top:63%;
		overflow: hidden;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .phbox .inph img{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		transition: all 0.3s;
		transform: scale(1);
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box:hover .phbox .inph img{
		transform: scale(1.1);
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .txbox{
		background:#fff;
		min-width: 210px;
		width:60%;
		padding:15px 15px;
		margin-top:-65px;
		position: relative;
		z-index: 2;
		box-sizing: border-box;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .txbox .mtl{
		font-size:1.7rem;
		font-weight: 600;
		color:#441572;
		display: flex;
		align-items: center;
		margin:0 0 5px 0;
		white-space: nowrap;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .txbox .mtl span{
		display: block;
		padding:4px 10px;
		color:#fff;
		background:#441572;
		font-size:1rem;
		line-height: 1;
		margin:0 0 0 10px;
	}
	
	.interview_container .wbg_box .innerbox .interview_list .box .txbox .tx{
		font-size:1.4rem;
		line-height: 2.5rem;
	}
	
	.interview_container .wbg_box .innerbox .morebtn{
		width:100%;
		font-size:1.2rem;
		line-height: 1;
		padding:17px;
		border:1px solid #333;
		text-align: center;
		cursor: pointer;
		transition: all 0.2s;
		box-sizing: border-box;
	}
	
	.interview_container .wbg_box .innerbox .morebtn:hover{
		color: #fff;
		background:#333;
	}
	
	.interview_container .wbg_box .innerbox .box.is-hidden{
		opacity: 0;
    	height: 0;
    	margin: 0;
		display: none;
	}
	
	.interview_container .wbg_box .innerbox .morebtn.is-btn-hidden{
		display:none;
	}
	
	.interview_container .wbg_box .innerbox .message_cont{
		padding:0 10px 30px;
		background:#EDF0F6;
		margin:100px 0 0 0;
	}
	
	.interview_container .wbg_box .innerbox .message_cont .flexbox{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin:0 0 20px 0;
		flex-direction: column;
	}
	
	.interview_container .wbg_box .innerbox .message_cont .flexbox .txbox{
		width:100%;
	}
	
	.interview_container .wbg_box .innerbox .message_cont .flexbox .txbox .subtl{
		font-size:1.7rem;
		border-left:3px solid #441572;
		padding:0 0 0 15px;
		letter-spacing: 0.05em;
		margin:20px 0 15px 0;
	}
	
	.interview_container .wbg_box .innerbox .message_cont .flexbox .txbox .mtl{
		font-size:2rem;
		line-height: 3.2rem;
	}
	
	.interview_container .wbg_box .innerbox .message_cont .flexbox .phbox{
		width:100%;
		position: relative;
		order: -1;
	}
	
	.interview_container .wbg_box .innerbox .message_cont .flexbox .phbox img{
		width:100%;
		position: relative;
		bottom:0;
		left:0;
		margin:-20px 0 0 0;
	}
	
	.interview_container .wbg_box .innerbox .message_cont .tx{
		font-size:1.4rem;
		line-height: 2.4rem;
	}
	
	.recruit_container{
		background:#EDF0F6;
		position: relative;
		z-index: 2;
		padding:0 0 40px 0;
	}
	
	.recruit_container .innerbox{
		padding:0 2.5%;
		max-width: 1200px;
		margin: 0 auto;
	}
	
	.recruit_container .innerbox .mtl{
		display: flex;
		align-items:center;
		line-height: 1;
		position: relative;
		top:-1.7em;
	}
	
	.recruit_container .innerbox .mtl strong{
		font-size:6rem;
		letter-spacing: 0.05em;
	}
	
	.recruit_container .innerbox .mtl span{
		font-size:0.9rem;
		padding:20px 0 5px 0;
		border-bottom:1px solid #333;
		margin:0 0 0 20px;
	}
	
	.recruit_container .innerbox .tabcontainer{
		margin:0 0 0 0;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .box{
		width:100%;
		background-color:rgba(68,21,114,0.25);
		background-image: url("../images/plus.svg");
		background-size:10px;
		background-repeat: no-repeat;
		background-position: right 20px center;
		display: flex;
		height:55px;
		justify-content: flex-start;
		align-items: center;
		color:#fff;
		font-size:1.4rem;
		line-height: 1.5em;
		cursor: pointer;
		margin:0 0 1px 0;
		padding:0 20px;
		box-sizing: border-box;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .box.active{
		background-color:#fff;
		background-image: url("../images/minus.svg");
		background-size:10px;
		background-repeat: no-repeat;
		background-position: right 20px center;
		font-weight: 600;
		color:#441572;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .slidebox{
		padding:0 0;
		background:#fff;
		display: none;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .slidebox .inbox{
		padding:2.5%;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .slidebox .inbox .tl{
		font-size:1.6rem;
		line-height: 2.8rem;
		font-weight: 600;
		margin:0 0 10px 0;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .slidebox .inbox .tx{
		font-size:1.4rem;
		line-height: 2.4em;
		margin:0 0 15px 0;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .slidebox .inbox .logo{
		width:240px;
		padding:10px 0 0 0 ;
		display: block;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .slidebox .inbox table{
		border-collapse: collapse;
		width:100%;
		border-top:1px solid #ccc;
		font-size:1.3rem;
		line-height: 2em;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .slidebox .inbox table tr th{
		width:35%;
		background:#F2F2F2;
		padding:10px 0 10px 10px;
		vertical-align: top;
		font-weight: 400;
		text-align: left;
		border-bottom:1px solid #ccc;
		box-sizing: border-box;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .slidebox .inbox table tr td{
		background:#fff;
		padding:10px 10px;
		border-bottom:1px solid #ccc;
		vertical-align: top;
		font-weight: 400;
		text-align: left;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .slidebox .inbox table tr td ul{
		list-style:none;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .slidebox .inbox table tr td ul li{
		text-indent: -7px;
		margin-left: 7px;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .slidebox .inbox table tr td ul li.mb{
		margin:0 0 15px 0;
	}
	
	.recruit_container .innerbox .tabcontainer .sptabbox .slidebox .inbox table tr td ul li::before{
		content: "";
		width:2px;
		height:2px;
		border-radius: 100%;
		background:#333;
		display: inline-block;
		vertical-align: middle;
		margin:0 5px 0 0;
		position: relative;
		top:-2px;
	}
	
	.bottom_content{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	
	.bottom_content a{
		width:100%;
		background:rgba(68,21,114,1);
		transition: all 0.2s;
		padding:0 20px 0 0;
		overflow: hidden;
		box-sizing: border-box;
		height:110px;
		border-top:1px solid #fff;
	}
	
	.bottom_content a:hover{
		margin:0 0 0 0;
	}
	
	.bottom_content a:hover{
		background:rgba(68,21,114,0.75);
	}
	
	.bottom_content a .inbox {
  		width:100%;
		display: flex;
		height:100%;
		align-items: flex-end;
	}
	
	.bottom_content a .inbox .ill{
		width:50%;
		margin:auto 0 0 0;
		display: flex;
		justify-content: center;
	}
	
	.bottom_content a .inbox .ill.box1 img{
		height:82px;
		width:auto;
	}
	
	.bottom_content a .inbox .ill.box2 img{
		height:92px;
		width:auto;
	}
	
	.bottom_content a .inbox .ill img{
		transition: all 0.2s;
		transform: scale(1);
		transform-origin: center bottom;
	}
	
	.bottom_content a:hover .inbox .ill img{
		transform: scale(1.1);
	}
	
	.bottom_content a .inbox .tl{
  		margin: auto 0;
		font-size:1.4rem;
		line-height: 2.4rem;
		color:#fff;
		font-weight: 600;
		padding:0 0 0 0;
	}
	
	.bottom_content a .arrow {
  		position: relative;
  		display: block;
  		width: 10px;
  		height: 1px;
		right:0;
  		background-color: #fff;
		transition: all 0.2s;
		margin: auto 0 auto auto;
	}
	
	.bottom_content a:hover .arrow {
  		width:15px;
		right:-5px;
	}
	.bottom_content a .arrow::before {
  		content: "";
  		position: absolute;
  		top: 3px;
  		right: -2px;
  		display: block;
  		width: 9px;
  		height: 1px;
  		background-color: #fff;
  		transform: rotate(-45deg);
	}
	.bottom_content a .arrow::after {
  		content: "";
  		position: absolute;
  		bottom: 3px;
  		right: -2px;
  		display: block;
  		width: 9px;
  		height: 1px;
  		background-color: #fff;
  		transform: rotate(45deg);
	}
	
	/*modalcont*/
	.interview_modalcont{
		position: fixed;
		width:100vw;
		height:100vh;
		top:0;
		left:0;
		bottom:0;
		right:0;
		z-index: 1000;
		display: none;
	}
	
	.interview_modalcont .overray{
		position: absolute;
		top:0;
		let:0;
		background:rgba(0,0,0,0.8);
		width:100%;
		height:100%;
	}
	
	.interview_modalcont .innerbox{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding:0 0;
		pointer-events: none;
	}
	
	.interview_modalcont .innerbox .modalcont_list{
		width:90%;
		max-width: 1100px;
		position: relative;
		height:calc(95vh - 35px);
		margin:35px 0 0 0;
		background:#fff;
		pointer-events: auto;
		
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont{
		display: flex;
		height:100%;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .box .mainph{
		width:100%;
		position: relative;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .box .mainph .mtlbox{
		position: relative;
		width:100%;
		height:100%;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
		top:0;
		left:0;
		padding:20px 0 0 0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .box .mainph .mtlbox .inbox{
		width:90%;
		max-width: 830px;
		margin:0 auto;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .box .mainph .mtlbox .mtl{
		font-weight: 600;
		font-size: 2.2rem;
		line-height: 3.7rem;
		margin:0 0 20px 0;
		color:#441572;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .box .mainph .mtlbox .sub{
		font-size:1.4rem;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .box .mainph .mtlbox .sub strong{
		font-size:1.7rem;
		font-weight: 600;
		margin:0 10px 0 0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .simplebar-vertical{
		background:#F2F2F2;
		width:6px;
		border-radius: 100px;
		height:calc(100% - 20px);
		top:10px;
		right:5px;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .simplebar-scrollbar{
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .simplebar-scrollbar::before{
		top:0;
		left:0;
		width:6px;
		opacity: 1;
		background:#441572;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox{
		width:90%;
		max-width: 830px;
		margin:0 auto;
		padding:40px 2.5% 40px 0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont{
		margin:0 0 40px 0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont .tl{
		font-weight: 600;
		font-size:1.7rem;
		line-height: 1.6em;
		border-left:3px solid #441572;
		margin:0 0 15px 0;
		padding:0 0 0 15px;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont .tl span{
		font-size:1.3rem;
		font-weight: 400;
		padding:0 0 0 20px;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont .tx{
		font-size:1.4rem;
		line-height: 2.4rem;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont.flexbox{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont.flexbox .txbox{
		width:100%;
		order:1;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont.flexbox .phbox{
		width:100%;
		margin:0 0 40px 0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont .phbox.box2{
		width:100%;
		margin:20px 0 0 0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .cont .tx{
		font-size:1.4rem;
		line-height:2.4rem;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .illbox{
		width:100%;
		padding:20px 0 20px 0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .illbox img{
		width:830px;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .illbox .simplebar-horizontal{
		background:#F2F2F2;
		height:6px;
		border-radius: 100px;
		width:100%;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .illbox .simplebar-scrollbar{
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	
	.interview_modalcont .innerbox .modalcont_list .modalcont .contentbox .illbox .simplebar-scrollbar::before{
		height:6px;
		opacity: 1;
		background:#441572;
		width:auto;
	}
	
	.interview_modalcont .innerbox .modalcont_list .closebtn{
		width:25px;
		height:25px;
		position: absolute;
		top:-35px;
		right:0;
		cursor: pointer;
	}
	
	.interview_modalcont .innerbox .modalcont_list .bottom_closebtn{
		border:1px solid #333;
		width:100%;
		height:50px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size:1.4rem;
		background:#fff;
		transition: all 0.2s;
		cursor: pointer;
		margin:0 auto;
	}
	
	.interview_modalcont .innerbox .modalcont_list .bottom_closebtn:hover{
		color:#fff;
		background:#333;
	}
	
	#business,#training,#academy,#interview,#recruit,
	#content1,#content2,#content3{
		padding-top:80px;
		margin-top:-80px;
	}
}
@media screen and (min-width:1400px){
	.servicecontainer .servicelistcont .servicecont{
		margin-right: 0px;
	}
	.training_container .flexcont.box3{
		margin-right: 0px;
	}
}