/* font */
@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);
@font-face{
	font-family: 'Helv Children';
	src:url('../font/Helv Children.otf') format('opentype');
}
@font-face{
	font-family: 'Southpaw';
	src:url('../font/Southpaw.otf') format('opentype');
}

@font-face {
	font-family: 'GenJyuuGothicX-Bold';
	src: url('../font/GenJyuuGothicX-Bold.ttf');
}



/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var,label{
	font-style:normal;
}

ul{
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	list-style:none;
}

/*table{border-collapse:collapse;border-spacing:0;}*/
/*caption,th{text-align:left;}*/

q:before,q:after{
	content:'';
}

object,embed{
	vertical-align:top;
}

legend{
	display:none;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

h1,h2,h3,h4,h5,h6,label{
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
}

p{
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-size:16px;
	color:#1b1b1b
	letter-spacing:1px;
}

img,abbr,acronym,fieldset{
	border:0;
}

body{
	font: 14px/1.9;
	font-weight: 400;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
	color:#1b1b1b;
	background: #fff;
	letter-spacing: 0.08rem;
}

a{
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	color: #1b1b1b;
	text-decoration: none;
}

a:hover, .active{
  text-decoration: none;
}

a:active, a:focus,input:active, input:focus{
	outline:0;
}


/* ヘッダー
------------------------------------------------------------*/
.header{
	position: relative;
	overflow:hidden;
	width:100%;
	height:568px;
}

.header img{
	position:absolute;
	height:auto;
	margin-left:-640px;
}


.logo{
	float: left;
	display: inline-block;
	margin-left:20px;
}
	.logo a{
		display: block;
		font-size: 18px;
		font-weight:900;
		padding: 18px 0px;
	}

	.logo2{
		font-size: 11px;
		font-weight:900;
		color:#46B3E6;
		padding-left: 8px;
	}

@media only screen and (min-width: 480px){
	.logo{
		padding: 0px 0px;
		margin-left:5px;
	}
	
	.logo2{
		font-size: 11px;
	}
}
.slogan1{
	position: absolute;
	top: 60%;
	width: 100%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	line-height: 1.2;
	text-align: center;
	z-index:30;
}

.slogan2{
	position: absolute;
	top: 88%;
	width: 100%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	line-height: 1.2;
	text-align: center;
	z-index:30;
}

.slogan-h1{
	font-family:'Noto Sans JP',serif;
	z-index:8;
	font-size: 68px;
	margin: 5px;
	font-weight:900;
	text-shadow: 0 0 15px #595959;
}

.slogan-h1-2{
	font-family:'Noto Sans JP',serif;
	z-index:8;
	font-size: 78px;
	margin: 5px;
	font-weight:900;
	text-shadow: 0 0 15px #595959;
}

.slogan-h2{
	font-family:'GenJyuuGothicX-Bold','Noto Sans JP',serif;
    z-index: 9;
	font-size: 20px;
	font-weight:600;
	line-height: 1.4;
		text-shadow: 0 0 15px #595959;
}


/* フッター
------------------------------------------------------------*/
.footer{
	clear: both;
	padding: 45px 10px 5px 0;
	text-align: center;
	font-size: 12px;
	color:#fff;
}

.wrap-footer{
	position: relative;
	overflow:hidden;
	width:100%;
	height:340px;
}

.wrap-footer-img{
	position:absolute;
	left:50%;
	width:1500px;
	height:auto;
	margin-left:-640px;
	z-index:-12
}

.wrap-footer::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display:block;
	z-index:-11;
}

@media only screen and (max-width: 480px){
	.wrap-footer{
		height:380px;
	}
}

.wrap-footer::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #46B3E6;
	/* opacity: 0.3; */
	display:block;
	z-index:-11;
}

.footer-inner{
	width: 94%;
	margin: 0 auto;
	padding: 20px 0px 40px 0px;
	color:#fff;
}

.btn-square-shadow {
	display: inline-block;
	padding: 0.5em 1em;
	margin:2em;
	text-decoration: none;
	background: #FF8364;/*ボタン色*/
	color: #FFF;
	border-bottom: solid 4px #627295;
	border-radius: 3px;
	font-size: 25px;
	font-weight:600;
}
.btn-square-shadow:active {
	/*ボタンを押したとき*/
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	border-bottom: none;
}



@media only screen and (max-width: 480px){
	.footer-address{
		font-size:13px;
	}
}

.footer-a{
	padding:10px 5px;
	font-size:13px;
	font-weight:600;
	color:#fff;
	text-align:justify-all;
	}

.footer-a2{
	font-size:12px;
	text-align:left;
	padding:20px 0px 10px 0px;
	color:#fff;
}

@media only screen and (max-width: 480px){
	.footer-a{
	padding:5px 5px;
	font-size:13px;
	}

	.footer-a2{
	font-size:10px;
	padding:3px 0px;

	}
}

.footer-logo{
	font-size:25px;
	font-weight:900;
	margin-bottom:10px;
	}

.fotter-a2-span{
	margin:0px 7px;
}

.m-r-10{
	margin-right:10px;
}

/* 共通
------------------------------------------------------------*/
img{
	width: 100%;
	height: auto;
}

section{clear:both;}

/*
section h2{
	font-size: 22px;
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-weight:normal;
	text-align: center;
}
*/


.inner{
	width: 95%;
	margin: 0 auto;
}

.center{
	text-align: center;
}

.left{
	text-align: left;
}


.col2 li{
	display: inline-block;
	width: 100%;
	margin: 20px 0 20px 0;
	color:#fff;
	text-align:justify-all;
}


/*トップメッセージ
------------------------------------------------------------*/
/*.bg-blue1{
	background-color:#DFF6F0;
	width: 100%;
}*/

.vision{
	width: 73%;
	margin: 0 auto;
}

@media only screen and (max-width: 480px){
	.vision{
		width: 88%;
	}
}

.vision p{
	letter-spacing: 0.1em;

}

@media only screen and (min-width:740px){
	.vision p{
		line-height: 2em;
	}
}

.color46b3e6{
	color: #46b3e6;
}

@media only screen and (min-width:480px){
	.pc-p-50{
		padding-top:50px;
}
	.pc-p-15{
		padding-top:15px;
}
}

.vision-h3{
	font-size:25px;
	padding:10px 0px;
}

.message-h2{
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-size:70px;
	line-height: 1.4em;
	margin-top:20px;
}
@media only screen and (max-width:480px){
	.message-h2 {
		font-size:34px;
	}
}

.title-blue{
	padding:30px 0px;
	background-color:#46B3E6;
}

.title-h2{
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-size:35px;
	line-height: 1.4em;
	text-align: center;
	color:#484848;
	padding:30px 0px;
}
@media only screen and (max-width:480px){
	.title-h2 {
		font-size:24px;
		padding:30px;
	}
}

.wrap-entry{
	background-color:#f5f8fa;
	padding:0px 0px 0px 0px;
}

@media only screen and (max-width:480px){
	.wrap-entry{
		padding:10px 0px 50px 0px;
	}
}

.entry-inner{
	width:55%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: center;
}


.recruit-inner{
	width:95%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width:480px){
	.entry-inner{
		width:90%;
	}
}

/* SEC02 私たちの仕事
------------------------------------------------------------*/
.wrap{
	clear: both;
	width: 100%;
	background: #fff;
}

.bg{
	line-height: 0;
}

.service-h2 {
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-size:50px;
	line-height: 1.1em;
	/*left:14%;-*/
	position:relative;
	font-weight:700;
	z-index:8;
	letter-spacing: 0.12em;
	margin:20px 0px 10px 0px;
}
@media only screen and (max-width:480px){
	.service-h2 {
		font-size:30px;
	}
}

.h2-back{
	font-family:'Southpaw',arialcursive, sans-serif;
	text-align: center;
	color:#46B3E6;
	font-size:45px;
	font-weight:900;
	z-index:5;
	float:left;
	margin-top:-35px;
	position:relative;
	letter-spacing:10px;
}

@media only screen and (max-width:480px){
	.h2-back{
		font-size:28px;
		margin-top:-23px;
	}
}


.txt h2{
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;\
	padding: 10px 0px;
}


/* SEC03 事業所紹介
------------------------------------------------------------*/
.col3 li{
	margin-bottom: 50px;
}

em {
	color: #fff;
	background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
}



@media screen and (max-width: 460px){
	.p-top__pickup ul li {
		position: relative;
		margin-bottom: 40px;
		width: 48%;
	}

	.map-img {
		border: solid 3px #66d5e9;
	}
	em {
		font-size: 13px;
		letter-spacing: 0.12em;
		padding: 6px 10px;
		font-weight: 600;
		font-style: normal;
		position: absolute;
		height: 29px;
	}

	.office-box {
		width: 100%;
		min-height: 50vw;
		display: block;
		margin: 0;
		padding: 0;
		font-size: 100%;
		vertical-align: baseline;
	}

	.pbox-w {
		width: 100%;
		min-height: 140px;
		display: block;
		margin: 0;
		padding: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		background-color:#fff;
	}

	.w-box{
		margin-bottom:20px;
	}
 	.office-p{
 	font-size:13px;
 	padding:5px;
 	}

}

@media screen and (min-width:768px) {
	.map-img {
		border: solid 3px #66d5e9;
		width:100%;
		height:100%;
	}
	em {
		font-size: 16px;
		letter-spacing: 0.12em;
		padding: 12px 25px;
		font-weight: 600;
		font-style: normal;
		position: absolute;
		height: 50px;
		display:inline-block;
	}

	.office-box {
		height: 30vw;
	}

	.pbox-w {
		width: 100%;
		min-height: 140px;
		display: block;
		margin: 0;
		padding: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		background-color:#fff;
	}

 	.office-p{
 	font-size:13px;
 	padding:3px 10px;
 	}
}

.col3 img{
	max-width: 288px;
	display: block;
}

.office-h2 {
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	padding:10px;
	font-size:20px;
}
.w-box{
	background-color:#fff;
	display: block;
	padding:10px 0px 40px 0px;
}

.bg-str{
	background-color: #dff6f0;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #f6f6f6),
					color-stop(.25, transparent),
					color-stop(.5, transparent),
					color-stop(.5, #f6f6f6),
					color-stop(.75, #f6f6f6),
					color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 14px 14px;
}


.p-t-10{
	padding-top:10px;
}

.p-t-20{
	padding-top:20px;
}

.p-t-30{
	padding-top:50px;
}

.p-t-50{
	padding-top:50px;
}

.p-b-10{
	padding-bottom:10px;
}
.p-b-20{
	padding-bottom:20px;
}

.p-b-30{
	padding-bottom:30px;
}

.p-b-50{
	padding-bottom:50px;
}

.m-t-30{
	margin-top:30px;
}

.m-t-50{
	margin-top:50px;
}

.m-b-20{
	margin-bottom:30px;
}

.m-b-30{
	margin-bottom:30px;
}


.w-box-inner{
	margin-left:10px;
}

/* SEC04 選考の流れ
------------------------------------------------------------*/
/*#sec04{
	background: url(../images/senkou.png) no-repeat 100% 100%;
	background-size: cover;
	-webkit-background-size: cover;
	width:100%;
	height:auto;
	color: #fff;

}*/

/*.bg-blue3{
	background-color:#DFF6F0;
}
*/
.senkou img{
	position:absolute;
	left:50%;
	width:1280px;
	height:auto;
	margin-left:-640px;
}

.senkou-p{
	font-size:20px;
	color:#484848;
	font-weight:400;
	margin:30px auto;
}

.title2-h2{
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-size:35px;
	line-height: 1.4em;
	text-align: center;

	padding:20px 0px;
}


@media only screen and (max-width:480px){
	.title2-h2{
		font-size:24px;
	}
	.senkou-p{
	font-size:14px;
}
}


.youkou-p{
	font-size:20px;
	font-weight:600;
	margin:20px auto;
}

/* SEC05 PROFILE
------------------------------------------------------------*/
#sec05{
	padding-top: 50px;
}

#sec05 header{
	display: none;
}

#map{
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}

#map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}


/* RESPONSIVE 設定
------------------------------------------------------------*/

@media only screen and (min-width: 1200px){
	.inner{
		width: 800px;
		padding-bottom: 20px;
	}
	section h2{
		/* padding: 70px 0 20px; */
		padding: 20px 0 20px;
	}
	.txt h2{
		padding: 0 0 20px !important;
	}
}

@media only screen and (min-width: 800px){
	body{
		font-size:14px;
	}

  a.menu{
		display:none;
	}

	.panel{
		display:block !important;
	}

	#mainnav{
		position:fixed;
		top: 0;
		width:100%;
		z-index:500;
		border-top : solid 5px #46B3E6;
		background-color:#fff;
		box-shadow: 0px 8px 8px -5px rgba(0,0,0,0.1);
		height:70px;
	}

	#mainnav ul{
		text-align: right;

	}

	#mainnav li{
		display: inline-block;
		padding: 21px 10px;
		font-size: 14px;
		font-weight: 600;
	}


	#mainnav.changeNav{
		background: rgba(255,255,255);
		border-bottom: 1px solid #d1d1d1;
	}

	#mainnav.changeNav li{
		padding: 20px 10px;
	}

	.menu-entry{
		display: inline-block;
		background-color:#46B3E6;
		color:#fff;
		padding:20px 30px;
		float:right;
		right:0;
	}
	.menu-entry a{
		color:#fff;
		font-weight:600;
	}

	.menu-entry-sp{
	display:none;
	}
	.menu-entry-sp a{
	display:none;
	}

	/* SEC02 MESSAGE
	-----------------*/
	.txt, .bg{
		width: 50%;
		float: left;
		display: table;
	}

	.next-img{
		width: 50%;
		height:265px;
		float: left;
		display: table;
		padding-left:1px;
	}

	.office-img{
		width:400px;
		height:225px;
		display: block;
	}

	#sec02_02 .txt, #sec02_02 .bg{
		float: right;
		background: #f6f6f6;
	}

	.vMid{
		display: table-cell;
		padding: 30px 20px;
		border:5px;
		vertical-align: middle;
		background-color:#fff;
	}

	/* SEC03 SERVICE MESSAGE STORY
	-----------------*/
	.col3{
		text-align: center;
	}

	.col3 li{
		display: inline-block;
		width: 30%;
		padding: 0 1.5%;
		margin-bottom: 0;
		vertical-align: top;
		text-align: left;
	}

	/* SEC05 PROFILE
	-----------------*/
	#sec05{
		padding-top: 120px;
	}

  .footer{
		padding: 60px 10px 30px 0;
	}
}




@media only screen and (min-width: 641px){
	.col2 li{
		width: 49%;
		vertical-align: top;
	}
}

@media only screen and (max-width: 640px){
	#map iframe{
	  width: 96% !important;
		left: 2%;
	}
}

@media only screen and (max-width: 800px){
	.menu-entry-sp{
		display: inline-block;
		background-color:#46B3E6;
		color:#fff;
		padding:16px 15px;
		float:right;
		right:0;
	}
	.menu-entry-sp a{
		color:#fff;
		font-weight:600;
	}

	.logo a {
		display: block;
		font-size: 13px;
	}
	.logo2 {
		font-size: 10px;
		padding-left: 3px;
	}

	.slogan-h1{
		font-size: 36px;
		margin: 10px;
	}

	.slogan-h1-2{
		font-size: 46px;
		margin: 5px;
	}

	.slogan-h2{
		font-size: 16px;
	}

  a.menu{
  	display: inline-block;
  	position: relative;
  	width: 40px;
  	height: 40px;
  	margin: 10px;
	}

	#menuBtn{
  	display: block;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	width: 18px;
  	height: 2px;
  	margin: -1px 0 0 -7px;
  	background: #fff;
  	transition: .2s;
	}

	#menuBtn:before, #menuBtn:after{
  	display: block;
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 18px;
  	height: 2px;
  	background: #fff;
  	transition: .3s;
	}

	#menuBtn:before{
  	margin-top: -7px;
	}

	#menuBtn:after{
  	margin-top: 5px;
	}

	a#menu .close{
  	background: transparent;
	}

	a#menu .close:before, a#menu .close:after{
  	margin-top: 0;
	}

	a#menu .close:before{
  	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
	}

	a#menu .close:after{
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
	}

	.panel{
		width: 100%;
		display: none;
		overflow: hidden;
		position: relative;
		left: 0;
		top: 0;
		z-index: 100;
	}



	#mainnav{
		position:fixed;
		top: 0;
		width:100%;
		z-index:500;
		border-top : solid 5px #46B3E6;
		background-color:#fff;
		height:63px;
	}

	#mainnav ul{
		border-bottom: 1px solid #ccc;
		background: #fff;
		text-align: left;
	}

	#mainnav li a{
		position: relative;
		display:block;
		padding:15px 25px;
		border-bottom: 1px solid #ccc;
		color: #1b1b1b;
		font-weight: 800;
	}

	#mainnav li a:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 5px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.col3 li{
		margin: 0 auto;
		display: block;
	max-width: 288px;
	}
}


.job-p{
	font-size:16px;
}

.job-h2{
	font-size:20px;
	padding:10px 0px;
}

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

	.vMid{
		padding:10px;
		background-color:#fff;
	}

	.office-h2 {
	font-size:16px;
	}

	.job-p{
		line-height:1.5;
		letter-spacing: 0.1rem;
		font-size:13px;
	}


	.job-h2{
		font-size:16px;
		font-weight:900;
		line-height:1.5;
		padding:10px 0px;
	}
}

/* タブ切り替え
------------------------------------------------------------*/
.nav{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav-link{
	display: block;
	padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus{
	text-decoration: none;
}

.nav-link.disabled{
	color: #6c757d;
}

.nav-tabs{
	border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item{
	margin-bottom: -1px;
}

.nav-tabs .nav-link{
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
	border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled{
	color: #6c757d;
	background-color: transparent;
	border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link{
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.nav-pills .nav-link{
	border-radius: 0.25rem; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link{
	color: #fff;
	background-color: #78d5ef;
}

.nav-fill .nav-item{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center;
}

.nav-justified .nav-item{
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center;
}
.tab-content > .tab-pane{
	display: none;
}

.tab-content > .active{
	display: block;
}

.navbar{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.navbar-brand{
	display: inline-block;
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus{
	text-decoration: none;
}

.navbar-nav{
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.navbar-nav .nav-link{
	padding-right: 0;
	padding-left: 0;
}

.navbar-nav .dropdown-menu{
	position: static;
	float: none;
}

.navbar-text{
	display: inline-block;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.navbar-collapse{
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.navbar-toggler{
	padding: 0.25rem 0.75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus{
	text-decoration: none;
}

.navbar-toggler:not(:disabled):not(.disabled){
	cursor: pointer;
}

.navbar-toggler-icon{
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: no-repeat center center;
	background-size: 100% 100%;
}

@media (max-width: 575.98px){
	.navbar-expand-sm > .container,
	.navbar-expand-sm > .container-fluid{
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 576px){
	.navbar-expand-sm{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.navbar-expand-sm .navbar-nav{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;}
		.navbar-expand-sm .navbar-nav .dropdown-menu{
		position: absolute;
	}
	.navbar-expand-sm .navbar-nav .nav-link{
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	.navbar-expand-sm > .container,
	.navbar-expand-sm > .container-fluid{
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.navbar-expand-sm .navbar-collapse{
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	.navbar-expand-sm .navbar-toggler{
	display: none;
	}
}

@media (max-width: 767.98px){
	.navbar-expand-md > .container,
	.navbar-expand-md > .container-fluid{
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 768px){
	.navbar-expand-md{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.navbar-expand-md .navbar-nav{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;}
		.navbar-expand-md .navbar-nav .dropdown-menu{
		position: absolute; }
		.navbar-expand-md .navbar-nav .nav-link{
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	.navbar-expand-md > .container,
	.navbar-expand-md > .container-fluid{
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.navbar-expand-md .navbar-collapse{
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	.navbar-expand-md .navbar-toggler{
		display: none;
	}
}

@media (max-width: 991.98px){
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid{
	padding-right: 0;
	padding-left: 0;
	}
}

@media (min-width: 992px){
	.navbar-expand-lg{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	}
	.navbar-expand-lg .navbar-nav{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu{
		position: absolute;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	.navbar-expand-lg > .container,
	.navbar-expand-lg > .container-fluid{
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.navbar-expand-lg .navbar-collapse{
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
		.navbar-expand-lg .navbar-toggler{
		display: none;
	}
}

@media (max-width: 1199.98px){
	.navbar-expand-xl > .container,
	.navbar-expand-xl > .container-fluid{
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 1200px){
	.navbar-expand-xl{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;}
		.navbar-expand-xl .navbar-nav{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.navbar-expand-xl .navbar-nav .dropdown-menu{
		position: absolute;
	}
	.navbar-expand-xl .navbar-nav .nav-link{
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	.navbar-expand-xl > .container,
	.navbar-expand-xl > .container-fluid{
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.navbar-expand-xl .navbar-collapse{
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	.navbar-expand-xl .navbar-toggler{
		display: none;
	}
}

.navbar-expand{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid{
	padding-right: 0;
	padding-left: 0;
}

.navbar-expand .navbar-nav{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu{
	position: absolute;
}

.navbar-expand .navbar-nav .nav-link{
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid{
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse{
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.navbar-expand .navbar-toggler{
	display: none;
}

.navbar-light .navbar-brand{
	color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link{
	color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled{
	color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active{
	color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, 0.5);
	border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text{
	color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
	color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
	color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
	color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
	color: #fff;
}

.navbar-dark .navbar-nav .nav-link{
	color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
	color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled{
	color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active{
	color: #fff;
}

.navbar-dark .navbar-toggler{
color: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text{
	color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a{
	color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
	color: #fff;
}

.Material-tab ul.nav.nav-tabs{
	padding: 0px 0px;
	background: #fff;
	text-align: center;
	border-bottom: 0;
	box-shadow: 0 1px 4px rgba(0,0,0,0.26);
}

.Material-tab .tab-content{
	padding:24px;
	background:#fff;
	box-shadow:0 1px 4px rgba(0,0,0,0.26);
}

.tab-content p{
	color:#000000;
}

/* 要綱テーブル
------------------------------------------------------------*/
.recruit_left{
	padding: 5px 0;
	display: table-cell;
	vertical-align: middle;
	background: #46B3E6;
	text-align:center;
	width: 100%;
	display: block;
	border-top: none;
}

.recruit_left p{
	width: 100%;
	background: 0 0;
	color: #fff;
	text-align: center;
	padding: 0px 0;
	font-weight:700;
	font-size:14.5px;
}

.recruit_right{
	/* width: 100%; */
	padding: 9px 0;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}

.recruit_right p{
	background: 0 0;
	color: #1b1b1b;
	text-align: left;
	padding: 5px 10px;
	margin-bottom: 0;
	font-size:14.5px;
	text-align:left;
}

@media only screen and (min-width: 769px){
	.recruit_left{
		width: 240px;
		min-width: 240px;
		padding: 0px 0;
		display: table-cell;
		vertical-align: middle;
		margin:0px 0px 1px 0px;

		flex-flow: column;
		justify-content:space-around;
	}
	.recruit_left p{
		width: 100%;
		background: 0 0;
		color: #fff;
		text-align: center;
		padding: 9px 0;
		font-size:14.5px;
	}

	.recruit_right {
		width: 460px;
		padding: 0px 0;
		display: table-cell;
		vertical-align: middle;
		background:;
	}
	.recruit_right p{
		width: 100%;
		background: 0 0;
		color: #1b1b1b;
		text-align: left;
		margin-bottom: 0;
		font-size:14.5px;
		text-align:left;
		padding: 13px 30px;
	}
}


.dots_line{
	height: 1px;
	margin:0rem 0rem;
	position: relative;
	color:rgba(0, 0, 0, 0.25);
}
.dots_line::before{
	content: "";
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) 3px, transparent 3px, transparent 8px);
	background-size: 6px 1px;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	letter-spacing: 4px;
}



input, textarea{
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-size: 1em;
	padding: 17px 10px 17px;
	border: 1px solid #cecece;
	background: #fff;
	color:#373737;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;

}
::-webkit-input-placeholder{
	color: #d7d7d7;
}
:-moz-placeholder{
	color: #d7d7d7;
}
::-moz-placeholder{
	color: #d7d7d7;
}
:-ms-input-placeholder{
	color: #d7d7d7;
}


.entry-btn1{
	display: inline-block;
	padding: 0.8em 2em;
	text-decoration: none;
	border: solid 3px #46B3E6;
	border-radius: 3px;
	transition: .4s;
	font-size:1.5em;
	font-weight:600;
	margin:30px;
	background: #46B3E6;
	color: #fff;
}

.entry-btn2{
	display: inline-block;
	padding: 0.8em 2em;
	text-decoration: none;
	border: solid 3px #dff6f0;
	border-radius: 3px;
	transition: .4s;
	font-size:1.5em;
	font-weight:600;
	margin:30px;
	background: #dff6f0;
	color: #46B3E6;
}

.entry-btn1 .entry-btn2:hover{
	background: #46B3E6;
	color: #fff;
}

@media only screen and (max-width:480px){
	.entry-btn1 .entry-btn2{
		padding: 0.8em 2em;
		font-size:1.5em;
		margin:20px 10px;
	}
}




.message{
	font-family:'Source Sans Pro',arial,sans-serif;
	font-size:1.1em;
	display:none;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#2ABCA7;
	width: 80%;
	margin:auto;
	color: #FAFAFA;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}


/* 募集要項タブ切り替え
------------------------------------------------------------*/

@keyframes tabAnim{
	0%{opacity:0;}
	100%{opacity:1;}
}
.tab_wrap{
	width:85%; margin:30px auto;
	}
input[type="radio"]{
display:none;
}
.tab_area{
	font-size:0;
	margin:0 10px;
	}
.tab_area label{
	width:45%;
	margin:0 5px;
	display:inline-block;
	padding:12px 0;
	color:#999;
	background:#ddd;
	text-align:center;
	font-size:16px;
	cursor:pointer;
	transition:ease 0.2s opacity;
	font-weight:600;
}

@media only screen and (min-width: 769px){
	.tab_area label{
		width:30%;
	}
}

.tab_area label:hover{
	opacity:0.5;
	}
.tab_panel{
	width:100%;
	opacity:0;
	padding:20px 0;
	display:none;
}

@media only screen and (max-width:480px){
	.tab_panel{
		padding:28px 0;
	}
}
.tab_panel p{
	font-size:13px;
	letter-spacing:1px;
}
.panel_area{
	background:#fff;
	border-radius:15px 15px 20px 20px;
	border:3px solid #46b3e6;
	border-top:15px solid #46b3e6;
}
#tab1:checked ~ .tab_area .tab1_label{
	background:#46b3e6;
	color:#fff;
}
#tab1:checked ~ .panel_area #panel1{
	display:block;
	animation:tabAnim ease 0.6s forwards;
	-ms-animation:tabAnim ease 0.6s forwards;
}
#tab2:checked ~ .tab_area .tab2_label{
background:#46b3e6; color:#fff;
}
#tab2:checked ~ .panel_area #panel2{
	display:block;
	animation:tabAnim ease 0.6s forwards;
	-ms-animation:tabAnim ease 0.6s forwards;
}
#tab3:checked ~ .tab_area .tab3_label{
	background:#fff;
	color:#000;
}
#tab3:checked ~ .panel_area #panel3{
	display:block;
	animation:tabAnim ease 0.6s forwards;
	-ms-animation:tabAnim ease 0.6s forwards;
}



/*エントリーフォーム*/

.entry_left{
	padding: 5px 0;
	display: table-cell;
	vertical-align: middle;
	background:#66d5e9;
	text-align:center;
	width: 100%;
	display: block;
	border-top: none;
}

.entry_left p{
	width: 100%;
	background: 0 0;
	color: #fff;
	text-align: left;
	padding: 0px 5px;
	font-weight:700;
	font-size:14.5px;
}

.entry_right{
	width: 100%;
	display: block;
    border-top: none;
	vertical-align: middle;
	text-align:center;

}

.entry_right p{
	background: 0 0;
	color: #1b1b1b;
	text-align: left;
	padding: 4px 8px;
	margin-bottom: 0;
	font-size:14.5px;
	text-align:left;
}

@media only screen and (min-width: 769px){
.entry_left {
	width: 235px;
	padding: 0px 0;
	display: table-cell;
	vertical-align: middle;


}
.entry_left p {
	width: 100%;
	background: 0 0;
	color: #fff;
	text-align: center;
	padding: 9px 0;
	font-size:14.5px;
}

.entry_right{
	width: 100%;
	display: block;
	border-top: none;width: 500px;
	padding: 0px 0;
	display: table-cell;
	vertical-align: middle;

}
.entry_right p{
	width: 100%;
	background: 0 0;
	color: #1b1b1b;
	text-align: left;
	margin-bottom: 0;
	font-size:14.5px;
	text-align:left;
}
}


.entry-table{
	background-color:#fff;
	padding:30px;
	margin-bottom:15px;
	box-shadow: 0 0 10px #ccc;
}






/* マーカーアニメーション
------------------------------------------------------------*/

.c-marker{
	background: -webkit-linear-gradient(left, rgb(70, 179, 230,0.7) 50%, transparent 50%);
	background: -moz-linear-gradient(left, rgb(70, 179, 230,0.7) 50%, transparent 50%);
	background: linear-gradient(left, rgb(70, 179, 230,0.7) 50%, transparent 50%);
	background-repeat: no-repeat;
	background-size: 200% .8em;
	background-position: 100% .5em;
	transition: 2s;
}
.c-marker.is-active{
	background-position: 0% .5em;
}

.c-marker2{
	background: -webkit-linear-gradient(left, rgb(70, 179, 230, 0.7) 50%, transparent 50%);
	background: -moz-linear-gradient(left, rgb(70, 179, 230, 0.7) 50%, transparent 50%);
	background: linear-gradient(left, rgb(70, 179, 230, 0.7) 50%, transparent 50%);
	background-repeat: no-repeat;
	background-size: 200% .8em;
	background-position: 100% .5em;
	transition: 2s;
}
.c-marker2.is-active{
	background-position: 0% .5em;
}

/* エントリーフォーム動作デザイン
------------------------------------------------------------*/
.error {
	border: 1px solid #ff6767;
}

.error-span{
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-size:10px;
	color:#ff6767;
	float:left;
	padding-left:10px;
}

.error-p2{
	font-size:12px;
	color:#ff6767;
	font-weight:400;
	margin-bottom:20px;
}

.entry-p3{
	font-size:12px;
	color:#373737;
	font-weight:400;
	margin-bottom:20px;
}

.entry-p4{
	font-size:14px;
	color:#373737;
	font-weight:600;
}

.entry-p5{
	font-size:12px;
	font-weight:400;
}

/*確認画面
------------------------------------------------------------*/

.entry-con_left{
	padding: 0px 0px;
	display: table-cell;
	vertical-align: middle;
	background: #dff6f0;
	text-align:center;
	width: 100%;
	display: block;
	border-top: none;
}

.entry-con_left p{
	/* width: 100%; */
	background: 0 0;
	color: #373737;
	text-align: left;
	padding: 0px 5px;
	font-weight:700;
	font-size:14.5px;
}

.entry-con_right{
	/* width: 100%; */
	display: block;
    border-top: none;
	vertical-align: middle;
	text-align:center;

}

.entry-con_right p{
	background: 0 0;
	color:#1b1b1b;
	text-align: left;
	padding: 4px 15px;
	margin-bottom: 0;
	font-size:14.5px;
	word-wrap: break-word;
}

@media only screen and (min-width: 769px){
.entry-con_left {
	width: 235px;
	padding: 0px 0px;
	display: table-cell;
	vertical-align: middle;
}
.entry-con_left p {
	/* width: 100%; */
	width: 235px;
	padding: 0px 0px;
	background: 0 0;
	color: #373737;
	text-align: center;
	padding: 9px 0;
	font-size:14.5px;
}

.entry-con_right{
	/* width: 100%; */
	display: block;
	border-top: none;width: 500px;
	padding: 0px 0px;
	display: table-cell;
	vertical-align: middle;

}
.entry-con_right p{
	/* width: 100%; */
	width: 100%;
	max-width: 330px;
	background: 0 0;
	color: #1b1b1b;
	text-align: left;
	margin-bottom: 0;
	font-size:14.5px;
	text-align:left;
	word-wrap: break-word;
}
}

.entry-table-con-inner{
	background: #dff6f0;
	padding: 20px 0px;
}

.span-m-lr-7{
	margin:0px 30px;
}


/*業務風景
------------------------------------------------------------*/
.photos{
	width:180px;
    height:180px;
}


@media only screen and (max-width:480px){
	.photos{
		width:180px;
		height:130px;
	}
}


/*プライバシーポリシー
------------------------------------------------------------*/
@media only screen and (max-width: 799px){
	#mainnav2{
		top: 0;
		width:100%;
		z-index:500;
		border-top : solid 5px #46B3E6;
		background-color:#fff;
		height:78px;
	}
}



@media only screen and (min-width: 800px){
	#mainnav2{
		top: 0;
		width:100%;
		z-index:500;
		border-top : solid 5px #46B3E6;
		background-color:#fff;
		box-shadow: 0px 8px 8px -5px rgba(0,0,0,0.1);
		height:78px;
	}
}

@media only screen and (max-width: 799px){
	.privacy-inner{
		margin:50px 10px; 80px}
}

@media only screen and (min-width: 800px){
	.privacy-inner{
		margin:60px;
	}
}

.privacy-h2{
	font-family:'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-size:19px;
}

.privacy-p2{
	font-weight:600;
}

.privacy-p{
	font-weight:400;
	font-size:13px;
}


.entry_free::-ms-expand {
	display: none;
}
.entry_free {

	padding: 13px 15px 13px 15px;
	font-size: 90%;
	line-height: 1.1em;
	border-radius: 5px;
	border: 1px solid #cecece;
	width: 100%;
	font-size: 1em;
	height:52px;
	/* border: 1px; */
	/* background: url(../images/icon_arrow.png); */
	/* background-color: #bddfff; */
}




/*選考の流れ
------------------------------------------------------------*/

*{
    box-sizing: border-box;
}
.flow-body{
    /* min-height: 100vh; */
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flow-ul {
    padding: 0;
}
.flow-li {
    list-style-type: none;
}
dd {
    margin-left: 0;
}

@media only screen and (max-width: 480px){
	dd {
	    font-size:13px;
	}
}

.flow > .flow-li{
    position: relative;
}
.flow > .flow-li:not(:last-child){
    margin-bottom: 40px;
}
.flow > .flow-li:not(:first-child)::before{
	content: "";
	height: 60px;
	display: block;
	border-left: 4px dotted #e5e5e5;
	position: absolute;
	top: -40px;
	left: -webkit-calc(10% + 30px - 2px);
	left: calc(10% + 30px - 2px);
	z-index: 10;
}
.flow > .flow-li dl{
	width: 100%;
	background-color:#fff;
	padding: 20px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid #6b90db;
	border-radius: 10px;
	position: relative;
}



@media only screen and (max-width: 480px){
	.flow > .flow-li dl{
		padding: 15px 5px;
	}
}





.flow > .flow-li:not(:last-child) dl::before,
.flow > .flow-li:not(:last-child) dl::after{
	content: "";
	border: solid transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.flow > .flow-li:not(:last-child) dl::before{
	border-width: 22px;
	border-top-color:#6b90db;
}
.flow > .flow-li:not(:last-child) dl::after{
	border-width: 20px;
	border-top-color: #fff;
}
.flow > .flow-li dl dt{
	font-size: 20px;
	font-weight: 600;
	color:#6b90db;
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
	margin-right: 2vw;
	text-align: center;
}

@media only screen and (max-width: 480px){
	.flow > .flow-li dl dt{
		font-size: 16px;
	}
}






.flow > .flow-li dl dt .icon{
	font-size: 12px;
	color: #fff;
	background: rgb(107,144,219);
	background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
	background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
	padding: 5px 10px;
	margin-bottom: 10px;
	display: block;
	border-radius: 20px;
	position: relative;
	z-index: 100;
}





.slider{
    margin: 20px auto;
    width: 80%;
}
/*
.slider img{
    height: auto;
    width: 100%;
}
*/
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #1b1b1b;;
}



/*-- PC版表示CSS  --*/
.pc_area{
  display:block;
}
.phone_area{
  display:none;
}

@media screen and (max-width: 500px){
	.left-sp{
		left:125%;
		width:950px;
		}
}
@media screen and (min-width: 500px){
	.left-pc{
		left:50%;
		width:1280px;
		}
}

/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 500px){
  .pc_area{
    display:none;
  }
  .phone_area{
    display:block;
  }
}
}


.block-20 {
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 190px;
	position: relative;
	display: block;
}


.d-block {
	display: block !important;
	height:270px;
	background:#fff;
}

.blog-entry .text {
	position: relative;
	border-top: 0;
	border-radius: 2px;
	background: white;

}

.p-4 {
	padding: 1.5rem !important;
}


.new-window{
	width:20px;
	height:auto;
	padding:0px 5px;
}

.tokuseki-hp{
	background-color:#fff;
	color:rgba(0,0,0,0.5);
	font-weight:600;
	font-size:13px;
	padding:5px;
	margin:20px 0px;
}

.margin-top10{
	margin-top:10px;
}

#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
  z-index:1000;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
  background-color:#fff;
  border-radius: 50%;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #3f98ef;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  color: #3f98ef;
}

.office-inner{
	width:70%;
	display:inline-block;
}
@media screen and (max-width: 480px){
	.office-inner{
		width:100%;
	}
}


.flow-dd{
	text-align:left;
}