@charset "UTF-8";


/* =========================================================
　TOPページ（スマホ）
========================================================= */

@media screen and (max-width: 961px){
	
/*  幅1000px  */
.area1000{
	display: block;
	clear: both;
	width: 100%;
	margin: auto;
}

.area1000 h2{
	display: block;
	clear: both;
	margin: auto;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.1em;
}
	
.area1000_analysis{
	display: block;
	clear: both;
	width: 100%;
	margin: auto;
	padding: 80px 0 0 0!important;
}

.area1000_analysis h2{
	display: block;
	clear: both;
	margin: auto;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.1em;
	position: relative;
}

.pankuzu{
	display: none;
}
.clear_spc{
	display: none;
	}
	
/*  TOP：メイン下部（スマホ）  */
.main_copy{
	display: block;
	position: relative;
	margin: -10px auto 0 auto!important;
	padding: 20px;
	background-color: #FFFFFF;
	border: 3px solid #9ad3f5;
	width: 320px;
	height: 70px;
	z-index: 11000;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #0e3f6d;
	letter-spacing: 0.08em;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.main_txt{
	display: block;
	width: 100%;
	position: relative;
	min-height: 170px;
	font-size: 14px;
	text-align: left;
	letter-spacing: 0.01em;
	padding: 15px 0 25px 0;
	background-color: #284b85;
	background-image: url("../images/bg_logo_sp.svg");
	background-repeat: no-repeat;
	background-size: 420px;
	background-position: right;
}


.main_txt p{
	display: block;
	clear: both;
	margin: 0 0 0 15px;
	width: 90%;
	color: #FFFFFF;
	font-size: 14px;
	padding: 11px 0 0 0;
	line-height: 1.6em;
	letter-spacing: 0em;
}
	
.main_txt_fukuri{
	display: block;
	position: relative;
	font-size: 14px;
	text-align: left;
	line-height: 1.6em;
	letter-spacing: 0.01em;
	padding: 50px 0 20px 0;
	width: 92%;
	margin: auto;
}

/*  TOP：バナーエリア（スマホ）  */
.topBn{
	display: block;
	padding: 7px 0 14px 0;
}

.topBn h2{
	display: block;
	padding: 0 0 25px 0;
	border: none;
	letter-spacing: 0.07em!important;
	font-size: 18px;
	font-weight: 700;
}

.topBn a:hover{
	display: block;
	opacity: 0.8 ;
}

.topBn01{
	display: block;
	width: 100%;
	margin: auto;
}
.topBn01 p{
	display: block;
	width: 98%;
	padding: 8px 0 10px 0;
	font-size: 14px;
	letter-spacing: 0.02em;
	line-height: 1.5em;
	color: #000000!important;
}
	
.topBn02{
	display: block;
	width: 100%;
	clear: both!important;
	float: none;
}

.topBn02 p{
	display: block;
	width: 94%;
	padding: 12px 0 20px 0;
	font-size: 14px;
	letter-spacing: 0.04em;
	line-height: 1.6em;
	color: #000000!important;
}
	.float_r{
		clear: both;
		float: none;
	}
	
	.w90per{
		display: block;
		margin: auto;
		width: 90%;
	}
	.bn_m_top{
		margin-top: 20px;
	}
	
	
/*  TOP：事例  */
.top_jirei_area{
	display: block;
	width: 86%;
	margin: 0 auto 0 auto;
}
.top_jirei{
	display: block;
	padding: 10px 10px 0 16px!important;
	border: 1px solid #D3D3D3;
	border-radius: 0.4em;
	background-color: #FFFFFF;
	margin: 0 0 10px 0;
}

.top_jirei a{
	display: block;
	margin: 0;
}

.top_jirei h3{
	display: block;
	clear: both;
	font-weight: 700;
	font-size: 14px;
	color: #00417e;
	text-decoration: none!important;
	padding: 5px 0 5px 0;
}

.top_jirei img{
	display: block;
	float: none;
	clear: both;
	margin: auto;
	border-radius: 0.3em;
	z-index: 20000;
}

.jirei_p img{
	width: 340px!important;
}

.jirei_maru img{
	width: 124px!important;
	margin: 0 auto 0 auto;
	padding: 0;
}

.top_jirei p{
	display: block;
	width: 96%!important;
	float: left!important;
	font-size: 13px;
	line-height: 1.4em;
	padding:10px 0 10px 0px;
	color: #212121;
}

	

/*  ページ下部：問い合わせエリア  */

.toiawase{
	display: block;
	position: relative;
	clear: both;
	width: 100%;
	height: 160px!important;
	font-size: 16px;
	text-align: center;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	padding: 16px 0 0 0!important;
	background-color: #f0faff;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #2C2C2C;
	background-image: none!important;
}

.w800px{
	display: block;
	clear: both;
	width: 90%;
	margin: auto;
	text-align: center;
}
	
.toiawase h3{
	font-size: 22px;
	font-weight: 700;
	padding: 0px 0 10px 0!important;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.toiawase .telbtn a{
	display: block;
	position: relative;
	width: 240px;
	border-radius: 0.36em!important;
	padding: 5px;
	color: #FFFFFF;
	clear: both;
	float: none;
	margin:0 auto 12px auto!important;
	text-align: center;
}
	

.toiawase .oubo_btn a{
	display: block;
	position: relative;
	width: 240px;
	clear: both;
	float: none;
	margin: 11px 0 0 0;
}

.toiawase .oubo_btn a:hover{
}

.f_logo {
	display: block;
	width: 260px;
	margin: auto;
	padding: 0 0 15px 0;
}	
	
	
/*  TOP：募集要項（スマホ）  */
.boshu{
	display: block;
	clear: both;
	position: relative;
	width: 96%;
	min-height: 320px;
	font-size: 14px;
	text-align: left;
	letter-spacing: 0em;
	padding: 50px 0 60px 0;
	margin: 0 auto 0 auto;
}

.boshu dl{
	display:inline-block;
	clear: both;
	position: relative;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #c3e5f8;
	padding: 6px;
}

.boshu dt{
	display: block;
	position: relative;
	width: 18%;
	height:auto; 
	float: left;
	padding-bottom: 10px;
	line-height: 1.46em;
	font-weight: 700;
}

.boshu dd{
	display: block;
	position: relative;
	width: 78%;
	height:auto; 
	float: right;
	padding-bottom: 10px;
	line-height: 1.46em;
}

/*  ページ下部：問い合わせエリア（スマホ）  */

.toiawase{
	display: block;
	position: relative;
	width: 100%;
	height: 170px;
	font-size: 16px;
	text-align: center;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	padding: 10px;
	background-image: url("../images/toiawase_bg.png");
	background-repeat: repeat;
}

.toiawase h3{
	font-size: 16px;
	font-weight: 700;
	padding: 25px 0 10px 0;
}

.toiawase .oubo_btn a{
	display: block;
	position: relative;
	margin: auto;
}

.toiawase .oubo_btn a:hover{
	text-decoration: none;
}

/* =========================================================
　教育・福利厚生　（スマホ）
========================================================= */

.kyoiku{
	display: block;
	clear: both;
	position: relative;
	width: 90%;
	min-height: 480px;
	font-size: 14px;
	text-align: left;
	line-height: 1.6em;
	letter-spacing: 0.01em;
	padding: 30px 0 20px 0;
	margin: auto;
}
	
.kyoiku img{
	width: 80%;
	margin: auto;
}		

.kyoiku_l{
	display: block;
	position: relative;
	clear: both;
	width: 100%;
	margin: auto;
}

.kyoiku_r{
	display: block;
	position: relative;
	clear: both;
	width:100%;
	margin: auto;
}
	
.aowaku{
	display: block;
	position: relative;
	width: 94%;
	background-color: #e9fbff;
	border-radius: 0.6em;
	border: 1px solid #88d3e3;
	padding: 13px 10px 13px 20px;
	margin: 14px 0 0 0;
	font-size: 14px;
	letter-spacing: 0.01em;
	line-height: 1.72em;
}

.aowaku h4{
	 font-weight: 700;
}

.aowaku ul{
	display: inline-block;
	clear: both;
	padding-left: 12px;
}


.fukuri{
	display: inline-block;
	clear: both;
	width: 96%;
	margin: 20px auto 30px auto;
}

.fukuri h4{
	font-weight: 700;
}

.fukuri p{
	margin-bottom: 10px;
}

/* =========================================================
　社員インタビュー
========================================================= */

.staff_upper{
	display: block;
	clear: both;
	position: relative;
	width: 90%;
	height: 372px;
	font-size: 16px;
	text-align: center;
	line-height: 1.7em;
	letter-spacing: 0.04em;
	padding: 0;
	background-color: #fff;
	border: 2px solid #a3ddff;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	margin: 0 auto!important;
	z-index: 1;
	overflow: hidden;
}

.staff_upper img{
	margin: auto;
	border-top-left-radius: 0em;
	border-top-right-radius: 0em;
	}
	
.staff_upper .ttl{
	display: block;
	clear: both;
	font-size: 15px;
	padding: 20px 0 2px 0;
	font-weight: 700;
	letter-spacing: 0.01em;
}

.staff_upper .ttl2{
	display: block;
	clear: both;
	font-size: 15px;
	padding: 16px 0 6px 0;
	font-weight: 700;
	line-height: 1.4em!important;
	letter-spacing: 0.01em;
}


.staff_upper .name{
	display: block;
	clear: both;
	width: 160px;
	font-size: 13px;
	letter-spacing: 0.03em;
	padding: 2px;
	border-radius: 1.4em;
	border: 1px solid #BDBDBD;
	margin: 0px auto 0 auto;
}

.staff_upper_l{
	display: inline-block;
	position: relative;
	clear: both;
	width: 100%;
	height: 110px;
	text-align: center;
}

.staff_upper_r{
	display: inline-block;
	position: relative;
	clear: both;
	width: 100%;
	height: 372px;
	overflow: hidden;
	border-top-right-radius: 0em;
	text-align: center;
	padding: 0;
	margin: 0 -1px 0 0;
}

.staff_under{
	display: block;
	clear: both;
	position: relative;
	width: 90%;
	height: auto!important;
	font-size: 16px;
	text-align: left;
	line-height: 1.7em;
	letter-spacing: 0.02em;
	padding: 30px!important;
	background-color: #f2fbff;
	margin: -10px auto 20px auto;
	overflow: hidden;
}

.staff_under img{
	margin: auto;
	}
	
.staff_under_l{
	display: block;
	position: relative;
	clear: both;
	width: 100%;
}

.staff_under_r{
	display: block;
	position: relative;
	clear: both;
	width: 100%;
	font-size: 14px;
	line-height: 1.4em;
	padding: 16px 0 0 0;
}

.shugo_p{
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	padding: 0 0 0 0;
}
	
	
}