@charset "UTF-8";
/*--------------------------------------------------------
	Reset Settings
---------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,
i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
html {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
	border-style: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
img {
	vertical-align: bottom;
}
body, form {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
select, input, textarea, button {
	vertical-align:middle;
	position:relative;
	margin: 0;
	margin-right:3px;
	font-family : inherit;
	font-size   : 100%;
	font-weight: 300;
	color: #333;
}
input {
	height: 60px;
	line-height: 16px;
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
}
textarea{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-appearance: none;
 }
button, input[type="button"] {
	overflow:visible;
	height:60px;
	padding:0 3px;
	-webkit-appearance: none;
}
select {
	height: 50px;
	width: 50%;
	line-height: 20px;
}
input[type="checkbox"],
input[type="radio"] {
	display: none;
	border:none;
	top:-2px;
	top:0\9;
	margin-right:0;
	margin-right: 0\9;
}
::placeholder{
	color: #A0A0A0;
	font-weight: 300;
}
form span.error label {
	display: block;
	margin-top: 5px;
	font-size: 87.5%;
	color: #F00;
}
form span.error label:before {
	padding-right: 5px;
	content: " \f06a";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
/*--------------------------------------------------------
	ClearFix Settings
---------------------------------------------------------*/
.header:after, .footer:after, .section:after, .clearfix:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
/*--------------------------------------------------------
	Link Settings
---------------------------------------------------------*/
a {
	color: #333;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	color: #2277FF;
}
/* a:hover img {
	opacity: 0.7;
	transition: 1.0s;
} */
a.activeLink{
	color: #2277FF;
}
a.subColorLink{
	text-decoration: underline;
	color: #2277FF;
}
.visualBlockBtn{
	display: inline-block;
	width: 100%;
	font-size: 100%;
	color: #fff;
}
.bscBtn{
	position: relative;
	width : 32% ; /* 未対応ブラウザ用フォールバック */
	/* width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ; */
	height: 60px;
	margin: 40px auto 0;
	text-align: center;
}
.bscBtnGray{
	position: relative;
	width: 60%;
	height: 60px;
	margin: 0 auto;
	font-size: 100%;
	text-align: center;
	color: #333;
	background: #8E8E8E;
}
.btnWidth60{
	width: 60%;
}
a.bscBtnLink{
	display: inline-block;
	width: 100%;
	padding: 15px 0;
	background: #2277FF;
	color: #fff;
	line-height: 2;
}
a.bscBtnLink:hover {
	background: #2277FF;
	transition: 1.0s;
}
a.bscBtnLink:hover {
	opacity: 0.7;
	transition: 1.0s;
}
/*--------------------------------------------------------
	Common Settings
---------------------------------------------------------*/
html {
	background-color: #fff;
}
body {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #333;
	line-height: 1.6;
	letter-spacing: .5px;
}
.wrapper{
  overflow: hidden;
	padding-bottom: 100px;
	/* background: #fdfdfd; */
}
.contents,.contentsFull{
	overflow: hidden;
	padding: 0 50px;
	margin: 0 auto;
}
.BlockInr {
	overflow: hidden;
	/* max-width: 1230px; */
	padding: 0 30px;
	margin: 0 auto;
}
.spOnly{
	display: none;
}
.BgGrey{
	background: #e3e3e3;
}
/* Text Choice Color */
::selection {
	/* background: #dadada; */
	background: #e3e3e3;
	color: #333;
}
/* Firefox */
::-moz-selection {
	background: #e3e3e3;
	color: #333;
}
.notContents{
	border: none !important;
}
.maxWidth900{
	max-width: 900px;
	margin: 0 auto;
}
h1{
	font-size: 150%;
	font-weight: 500;
}
h2{
	margin-bottom: 50px;
	font-size: 168%;
	font-weight: 400;
}
h3{
	margin-bottom: 35px;
	font-size: 125%;
	font-weight: 400;
}
p{
	font-size: 100%;
	line-height: 2;
	font-weight: 300;
}
#pageTopBtn{
	z-index: 111;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: fixed;
	right: 5%;
	bottom: 5%;
	background: #000;
	opacity: 0.3;
}
#pageTopBtn a{
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  text-decoration: none;
}
#pageTopBtn a::before{
  content: '';
  position: absolute;
  top: 5%;
  bottom: 0;
  right: 0;
  left: 8%;
	width: .5em;
	height: 2em;
  margin: auto;
  text-align: center;
	-ms-transform: skewY(45deg);
	-webkit-transform: skewY(45deg);
	transform: skewY(45deg);
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}
/*--------------------------------------------------------
	flexBox Settings
---------------------------------------------------------*/
.flexBox{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flexBox li{
	border: 1px solid #e3e3e3;
	box-sizing: border-box;
}.flexBox .flex4Column{
	border: none;
}
.flex3ColumnBox::after{
	content:"";
	display: block;
  width : 32% ; /* 未対応ブラウザ用フォールバック */
  /*width : -webkit-calc(100% / 3) ;*/
  /*width : calc(100% / 3) ;*/
}
/* .flex3ColumnBox li:first-child{
	border-right: none;
}
.flex3ColumnBox li:last-child{
	border-left: none;
} */
.flex2Column{
	width : 50% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 2) ;
	width : calc(100% / 2) ;
}
.flex3Column{
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
}
.flex4Column{
	width: 24%;
}
.flex4ColumnBox::before{
	content:"";
	display: block;
	width:24%;
	order:1;
}
.flex4ColumnBox::after{
	content:"";
	display: block;
	width:24%;
}
/*--------------------------------------------------------
	Header Part Settings
---------------------------------------------------------*/
.header {
	height: 100px;
	background: #fff;
	border-bottom: 1px solid #E5E5E5;
}
.header .logoBlock {
	float: left;
	max-width: 300px;
	height: 80px;
	margin: 10px 0;
	line-height: 0;
	justify-content: center;
	display: flex;
	align-items: center;
}
.header .logoCenter{
	float: none;
	width: 100%;
	margin: 10px auto !important;
	text-align: center;
}
.header .logoBlock  img{
	width: 100%;
}
.header.simple .logoBlock {
	float: none;
	margin: 32px auto;
	text-align: center;
}
.header .navBlock {
	float: right;
}
.header .navBlock ul.globalNav{
	font-size: 87.5%;
	font-weight: 400;
}
.header .navBlock ul.globalNav li {
	float: left;
}
.header .navBlock ul.globalNav li a {
	display: block;
	padding: 0 15px;
	line-height: 100px;
}
.header .navBlock ul.globalNav li a:link {
	color: #333;
}
.header .navBlock ul.globalNav li a:visited {
	color: #333;
}
.header .navBlock ul.globalNav li a:hover {
	color: #2277FF;
}
.header .navBlock ul.globalNav li.login a:hover{
	color: #2277FF;
}
.header .navBlock ul.globalNav li.login i {
	margin-left: 5px;
}
.header .navBlock ul.globalNav li.contactUs{
	position: relative;
}
.header .navBlock ul.globalNav li.contactUs a {
	padding-right: 30px;
}
.header .navBlock ul.globalNav li.login a{
	padding-left: 30px;
}
.header .navBlock ul.globalNav li.login ul.globalNavInr {
	z-index: 10000;
	position: absolute;
	top: 100px;
	right: 50px;
	background: #fff;
}
.header .navBlock ul.globalNav li.login ul.globalNavInr{
	overflow: hidden;
	height: 0;
}
.header .navBlock ul.globalNav li.login ul.globalNavInr li{
	float: none;
}
.header .navBlock ul.globalNav li.login ul.globalNavInr li a{
	line-height: 3;
}
.header .navBlock ul.globalNav li.login:hover > ul.globalNavInr {
	overflow: visible;
	height: 100px;
	padding: 10px 20px 0;
}
.header .navBlock ul.globalNav li.activeMenu a {
	color: #2277FF;
}
.header .navBlock ul.globalNav  li.active a{
	color: #2277FF ;
}
/*--------------------------------------------------------
	mbtnBox Part Settings
---------------------------------------------------------*/
.mbtnBox,#switchNav{
	display: none;
}
/*--------------------------------------------------------
	Footer Part Settings
---------------------------------------------------------*/
.footer{
	padding: 80px 0 40px;
	background: #F5F5F5;
	border-top: 1px solid #e3e3e3;
}
.footLine{
	border: 1px solid #f2f2f2;
}
.footer .footerInr{
	overflow: hidden;
	margin-bottom: 80px;
}
.footer .footerNavi{
	margin-bottom: 40px;
}
.footerNaviInr{
	max-width: 700px;
	margin: 0 auto;
}
.footerNaviInr > .flexBox {
  justify-content: center;
}
.footer .footerNavi ul li{
	position: relative;
	padding-right:4%;
	border:none;
}
.footer .footerNavi ul li:after {
	content: '';
	position: absolute;
	top: 4px;
	right: 13px;
	border-right: 1px solid #333;
	width: 1px;
	height: 16px;
}
.footer .footerNavi ul li:last-child{
	padding-right:0;
}
.footer .footerNavi ul li:last-child:after {
	display: none;
}
.footer .footerInfo{
	text-align: center;
}
.footer .footerInfo img{
	width: 300px;
	margin-bottom: 20px;
}
.footer .footerInfo .footerSns{
	margin: 20px 0 0;
}
.footer .footerInfo .footerSns ul{
	max-width: 130px;
	margin: 0 auto;
}
.footer .footerInfo .footerSns ul li{
	padding-right: 30px;
	font-size: 125%;
	border:none;
}
.footer .footerInfo .footerSns ul li:last-child{
	padding-right: 0;
}
.footer small{
	clear: both;
	display: block;
	font-size: 70%;
	font-family: "Lucida Grande", "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	text-align: center;
}
/*--------------------------------------------------------
	Side Scroll Part Settings
---------------------------------------------------------*/
#sideScrollLeft {
	width: 50px;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 11;
	background-color: #FFF;
}
#sideScrollLeft a {
	width: 18px;
	height: auto;
	position: absolute;
	top: 35%;
	left: 17px;
	text-align: center;
}

#sideScrollRight {
	width: 50px;
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 11;
	background-color: #FFF;
}
#sideScrollRight a {
	width: 15px;
	position: absolute;
	top: 28%;
	right: 17px;
	text-align: center;
}
/*--------------------------------------------------------
	topicpathBlock Part Settings
---------------------------------------------------------*/
.topicpathBlock{
	padding: 30px 0;
	font-weight: 400;
}
.topicpathBlock .topicpathBox{
	float: left;
	font-size: 87.5%;
}
.topicpathBlock .topicpathBox li{
	display: inline-block;
}
.topicpathBlock .topicpathBox li:first-child{
	position: relative;
	margin-right: 15px;
}
.topicpathBlock .topicpathBox li a:after {
	content: " \f054";
	position: absolute;
	top: 44%;
	margin: -7px 5px 0 6px;
	font-family: "Font Awesome 5 Free";
	font-size: 70%;
	font-weight: 900;
	color: #333;
}
.resultTopicpathBlock .topicpathBox li.activePath a {
	color: #2277FF;
}
.showTopicpathBlock .topicpathBox li:nth-child(2n){
	position: relative;
	margin-right: 15px;
}
.showTopicpathBlock .topicpathBox li.activePath a {
	color: #2277FF;
}
/*--------------------------------------------------------
	TopPage Part Settings
---------------------------------------------------------*/
.visualBlock {
	position: relative;
	background-image: url(../img/front/main-visual-block_img_atari.jpg);
  background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
  height: 100vh;
}
/* .visualBlock::after {
	content: '';
	background-color: rgba(0,0,0,.3);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
  height: 100vh;
} */
.visualBlockColor{
	background-color: rgba(0,0,0,.3);
	width: 100%;
	height: 100%;
}
.visualBlock .visualBlockIn{
	position: absolute;
	z-index: 1;
	width :100%;
	bottom: 14%;
	color:#fff;
	text-align: center;
}
.visualBlock .visualBlockIn h1{
	font-size: 280%;
	line-height: 1.4;
	letter-spacing: 2px;
}
.visualBlock .visualBlockIn p{
	font-size: 140%;
	font-weight: 400;
}
.visualBlock .visualBlockIn p.visualBlockBtn{
	width: 25%;
	margin-top: 20px;
	font-size: 100%;
}
a.visualBlockBtnLink{
	display: inline-block;
	width: 100%;
	color: #fff;
	line-height: 3.8;
	letter-spacing: 2px;
	border: 1px solid #fff;
}
a.visualBlockBtnLink:hover {
	transition: 1.0s;
}
a.visualBlockBtnLink:hover {
	opacity: 0.7;
	transition: 1.0s;
	background: #fff;
	color: #000;
}
a.scrollDown {
  position: absolute;
	left: calc(50% - 33px);
	bottom: -40%;
  /* z-index: 1; */
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
	padding-bottom: 25px;
	font-size: 80%;
	font-weight: 500;
	letter-spacing: 3px;
	color: #fff;
}
a.scrollDown span {
	position: absolute;
	bottom: -5%;
	left: 50%;
	width: 35px;
	height: 35px;
	margin-left: -20px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}




.mainSns{
	overflow: hidden;
	margin: 15px auto 50px;
	text-align: center;
}
.fb-like,.tw_btn,.li_btn{
	display: inline-block;
	margin: 0 20px;
	line-height: 0;
	vertical-align: top;
}
.fb_iframe_widget_fluid{
  display: inline-block !important;
}
/*--------------------------------------------------------
	TopPage(visualBlock) Part Settings
---------------------------------------------------------*/
/* .visualBlock .slick-list{
	padding: 0 !important;
}
.visualBlock .mainSlickBox{
	position: relative;
	width: 100%;
	max-height: 550px;
	background: #333;
}
.visualBlock .mainSlickBox .slick-track{
	background: #333;
}
.visualBlock .slickBox-dots{
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}
.visualBlock .slickBox-dots li{
	display: block;
	margin: 0 15px 10px;
}
.visualBlock .slickBox-dots li button{
	position: relative;
	text-indent: -9999px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
.visualBlock .slickBox-dots li button:before {
	content: '●';
	font-size: 12px;
	text-indent: 0px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
}
.visualBlock .slickBox-dots li.slick-active button:before {
	color: #2277FF;
} */
/*--------------------------------------------------------
	TopPage(topFreeContentsBlock) Part Settings
---------------------------------------------------------*/
.topFreeContentsBlock{
	max-width: 800px;
	margin: 0 auto;
}
.topFreeContentsBlock h2{
	text-align: center;
}
.topFreeContentsBlock img{
	width: 100%;
	margin-bottom: 40px;
}
.topFreeContentsBlock img{
	width: 100%;
}

/*--------------------------------------------------------
	TopPage(topFreeContents01Block) Part Settings
---------------------------------------------------------*/
.topFreeContents01Block{
	margin-top: 100px;
}
/*--------------------------------------------------------
	TopPage(topFreeContents02Block) Part Settings
---------------------------------------------------------*/
.topFreeContents02Block p{
	margin-bottom: 40px;
}
.topFreeContents02Block img{
	margin-bottom: 0;
}

/*--------------------------------------------------------
	TopPage(topColumnBlock) Part Settings
---------------------------------------------------------*/
.topColumnBlock{
	max-width: 800px;
	margin: 0 auto;
}
.topColumnBlock h2{
	text-align: center;
}
.topColumnBlock .flex3ColumnBox li{
	width: 48%;
}
.topColumnBlock .flex3ColumnBox::after{
	display: none;
}

/*--------------------------------------------------------
	TopPage(careerChangeBlock) Part Settings
---------------------------------------------------------*/
.careerChangeBlock{
}
.careerChangeBlock h2{
}
.careerChangeBlock ol{
}
.careerChangeBlock ol li{
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
	border: 1px solid #e3e3e3;
}
.careerChangeBlock ol li:last-child{
	margin-bottom: 0;
}
.careerChangeBlock .careerChangePhoto{
	float: left;
	width: 46%;
}
.careerChangeBlock .careerChangePhoto img{
	width: 100%;
}
.careerChangeBlock .careerChangeData{
	position: relative;
	float: right;
	width: 53%;
}
.careerChangeBlock .careerChangeData .careerChangeDataInr{
	padding: 12% 12% 6% 5%;
}
.careerChangeBlock .careerChangeData .careerChangeDataInr h3{
	color: #2277FF;
}
.careerChangeBlock .careerChangeData .careerChangeDataInr p{
	font-size: 87.5%;
	color: #333;
}
.careerChangeBlock ol li:after{
	content:'';
	position: absolute;
	top: 0;
	right: 0;
	width: 4%;
	height: 100%;
	background: #e3e3e3;
}
.careerChangeBlock .careerChangePhoto:after{
	z-index: 100;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.1%;
	content: '';
	width: 1.6em;
	height: .25em;
	display: block;
	margin: auto;
	-ms-transform: skewX(45deg);
	-webkit-transform: skewX(45deg);
	transform: skewX(45deg);
	border-right: 1px solid #2277FF;
	border-bottom: 1px solid #2277FF;
}
.careerChangeBlock ol li:hover{
	opacity: 0.7;
	transition: 1.0s;
}
.careerChangeBlock ol li a:hover{
	transition: 1.0s;
}
/*--------------------------------------------------------
	TopPage(recruitInfoBlock) Part Settings
---------------------------------------------------------*/
.recruitInfoBlock {
	position: relative;
}
.recruitInfoBlock p.recruitLinkMini{
	position: absolute;
	top: 5px;
	left: 220px;
}
.recruitInfoBlock ul li:hover{
	opacity: 0.7;
	transition: 1.0s;
}
.recruitInfoBlock ul.result1ColumnBox li.result1Column:hover{
	opacity: 1;
	transition: 1.0s;
}
.recruitInfoBlock ul li a:hover{
	color: #333;
	transition: 1.0s;
}
.recruitInfoBlock ul li .careerChangePhoto img{
	width: 100%;
}
.recruitInfoBlock ul li .careerChangeData{
	padding: 8%;
}
.recruitInfoBlock ul li .careerChangeData h3{
	margin-bottom: 20px;
	color: #333;
}
.recruitInfoBlock ul li .careerChangeData p.recruitCompany{
	/* margin-bottom: -5px; */
	font-size: 75%;
}
.recruitInfoBlock ul li .careerChangeData p.recruitJob{
	line-height: 1.6;
	margin: 3px 0;
}
.recruitInfoBlock ul li .careerChangeData p.recruitCategory{
	margin:0 0 20px;
	font-size: 75%;
}
.recruitInfoBlock ul li .careerChangeData p.recruitPlace{
	font-size: 87.5%;
	line-height: 1.6;
}
.recruitInfoBlock ul li .careerChangeData p.recruitSalary{
	margin-bottom: 3px;
	font-size: 87.5%;
	line-height: 1.6;
}
.recruitInfoBlock ul li {
	width: 32%;
}
/*--------------------------------------------------------
	TopPage(graduateLinkBlock) Part Settings
---------------------------------------------------------*/
.graduateLinkBlock p.recruitLinkMini {
	left: 250px;
}
.graduateLinkBlock ul li .careerChangeData p.recruitJob{
	margin-bottom: 20px;
}
/*--------------------------------------------------------
	TopPage(new_graduateLinkBlock) Part Settings
---------------------------------------------------------*/
.new_graduateLinkBlock{
	margin-top: 0 !important;
}
.new_graduateLinkBlock .careerChangeDataInr p{
	color: #333;
}
/*--------------------------------------------------------
	TopPage(newsBlock) Part Settings
---------------------------------------------------------*/
.newsBlock {
	position: relative;
}
.newsBlock .newsBlockInr{
	padding: 50px ;
	/* border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3; */
}
.newsBlock p.newsLinkMini{
	margin-top: 40px;
	text-align: center;
}
.newsBlock ul li .newsPhoto img{
	width: 100%;
}
.newsBlock ul li .newsData{
	padding: 6%;
}
.newsBlock ul li .newsData h3{
	margin-bottom: 20px;
	font-size: 1rem;
	color: #333;
}
.newsBlock p.newsBlockDate{
	font-size: 87.5%;
}
.newsBlock ul{
	justify-content: space-between;
}
.newsBlock ul li{
	width: 32%;
	border: none;
}


.topNewsBlock h2{
	text-align: center;
}
.topNewsBlock .newsBlockInr{
	padding-bottom: 0;
}
.topNewsBlock ul.topNewsBlockIn li{
	overflow: hidden;
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #e3e3e3;
}
.topNewsBlock ul.topNewsBlockIn li:first-child{
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.topNewsBlock ul.topNewsBlockIn li .newsPhoto{
	float: left;
	width: 25%;
}
.topNewsBlock ul.topNewsBlockIn li .newsData{
	float: right;
	width: 67%;
	padding: 0 4%;
}


/*--------------------------------------------------------
	TopPage(workBlock) Part Settings
---------------------------------------------------------*/
.workBlock {
	position: relative;
}
.workBlock p.workLinkMini{
	margin-top: 40px;
	text-align: center;
}
.workBlock ul li .careerChangeData h3{
	margin-bottom: 5px;
}
.workBlock ul li .careerChangeData p.workPosition{
	margin-bottom: 20px;
	font-size: 80%;
	font-weight:400;
	color: #707070;
}
.workBlock ul li .careerChangeData p.workShow{
	font-size: 87.5%;
}
/*--------------------------------------------------------
	TopPage(externalLinksBanner) Part Settings
---------------------------------------------------------*/
.externalLinksBanner .bannerSlickBox{
	position: relative;
	width: 100%;
	padding: 50px 50px 0;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.externalLinksBanner .bannerSlickBox .slick-list{
	padding: 0 20% 0 0 !important;
}
.externalLinksBanner .bannerSlickBox img{
	position: relative;
	width: 80%;
}
.externalLinksBanner .slide-arrow{
	z-index: 11;
	position: absolute;
	top: 39%;
	font-size: 300%;
	color: #e3e3e3;
	cursor: pointer;
}
.externalLinksBanner .prev-arrow{
	display: none !important;
}
.externalLinksBanner .next-arrow{
	right: 29%;
}

.externalLinksBanner .slickBox-dots{
	margin-left: 23%;
}
.externalLinksBanner .slickBox-dots li{
	display: inline-block;
	margin: 25px 35px 0;
}
.externalLinksBanner .slickBox-dots li button{
	position: relative;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
.externalLinksBanner .slickBox-dots li button:before {
	content: '';
	width: 50px;
	border-top: 4px solid ;
	font-size: 20px;
	text-indent: 0px;
	position: absolute;
	top: 0;
	left: 0;
	color: #e3e3e3;
}
.externalLinksBanner .slickBox-dots li.slick-active button:before {
	color: #2277FF;
}
/*--------------------------------------------------------
	TopPage(resumeCheckBlock) Part Settings
---------------------------------------------------------*/
.resumeCheckBlock ol li{
	border-right:none;
	border-left: none;
}
.resumeCheckBlock ol li:after,
.resumeCheckBlock .careerChangeData:after {
	display: none;
}
.resumeCheckBlock h3{
	font-size: 175%;
	text-align: center;
}
.resumeCheckBlock .careerChangeDataInr p.resumeCheckText{
	color: #333;
}
.resumeCheckBlock p{
	text-align: center;
}
.resumeCheckBlock p span{
	display: block;
}
.resumeCheckBlock .bscBtn{
	width: 80%;
	margin-top: 20px;
}
.careerChangeBlock ol li a:hover{
	opacity: 1;
	transition: 1.0s;
}
.careerChangeBlock a:hover img {
	opacity: 1;
	transition: 1.0s;
}
/*--------------------------------------------------------
	TopPage(repBlock) Part Settings
---------------------------------------------------------*/
.repBlock {
	width: 100%;
	height: 180px;
	padding: 90px 0;
	background: transparent url(/assets/img/no_image.png) repeat-x center center;
	background: #e8e8e8;
	text-align: center;
}
.repBlock h2{
	margin-bottom: 15px;
}
.repBlock a.bscBtnLink{
	background: #2277FF;
	color: #fff;
	border:none;
}
.repBlock a.bscBtnLink:hover{
	opacity: 0.7;
}
/*--------------------------------------------------------
	LoginPage Part Settings
---------------------------------------------------------*/
.recruitLoginWrapper .smartContents .entryMailBlock{
	padding: 80px 60px 40px;
	border: 1px solid #e3e3e3;
}
.recruitLoginWrapper .smartContents .entryMailBlock input[type=text] {
	background: #fafafa;
	border: 1px solid #ccc;
}
.recruitLoginWrapper .smartContents .UnregisteredBlock{
	margin: 60px auto 100px;
}
/*--------------------------------------------------------
	ResultPage Part Settings
---------------------------------------------------------*/
.recruitInfoBlock ul.result1ColumnBox{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.recruitInfoBlock ul.result1ColumnBox li.result1Column{
	width: 100%;
	margin-bottom: 3%;
	border: 1px solid #E5E5E5;
}
.recruitInfoBlock ul.result1ColumnBox li.result1Column .result1ColumnPhoto{
	float: left;
	width: 40%;
	padding: 3% 0 3% 3%;
}
.recruitInfoBlock ul.result1ColumnBox li.result1Column .result1ColumnPhoto img{
	width: 100%;
}
.recruitInfoBlock ul.result1ColumnBox li.result1Column .result1ColumnData{
	float: right;
	width: 50%;
	padding: 3%;
}
.recruitInfoBlock ul.result1ColumnBox li.result1Column .result1ColumnData h3{
	margin-bottom: 3%;
}
.recruitInfoBlock ul.result1ColumnBox li.result1Column .result1ColumnData p{
	font-weight: 400;
}
.recruitInfoBlock ul.result1ColumnBox li.result1Column .result1ColumnData p.recruitJob{
	margin-bottom: 5px;
	font-size: 87.5%;
	color: #707070;
}
.recruitInfoBlock ul.result1ColumnBox li.result1Column .result1ColumnData p.recruitCategory{
	display: inline-block;
	padding: 1% 5%;
	font-size: 65%;
	border: 1px solid #E5E5E5;
}












.resultWrapper{
	padding-bottom: 100px;
}
.resultWrapper p.searchZero{
	margin: 100px 0;
	font-size: 150%;
	text-align: center;
}
.resultWrapper ul.flex3ColumnList li{
	margin-bottom: 2%;
}
.paginationBlock ul.pagination{
	position: relative;
	left: 50%;
	float: left;
	padding-bottom: 100px;
}
.paginationBlock ul.pagination li{
	position: relative;
	left: -50%;
	float: left;
	margin: 0 3px;
	font-weight: 400;
	border:1px solid #E5E5E5;
}
.paginationBlock ul.pagination li a{
	display: block;
	padding: 0.6em 1em;
	font-size: 10	0%;
	color: #333;
}
.paginationBlock ul.pagination li.current{
	padding: 0.6em 1em;
	background: #333;
	color: #fff;
}
.paginationBlock ul.pagination li.allow{
	width: 15%;
}
.paginationBlock ul.pagination li:hover{
	background: #333;
	color: #fff;
	/* opacity: 0.7; */
	transition: 1.0s;
}
.paginationBlock ul.pagination li a:hover{
	color: #fff;
}

.paginationBlock ul.pagination li.disabled{
	bottom: -6px;
	color: #2277FF;
	border: none;
}
.paginationBlock ul.pagination li.disabled:hover{
	background: none;
	color: #2277FF;
	opacity: 1;
	transition: auto;
}
/*--------------------------------------------------------
	ShowPage Part Settings
---------------------------------------------------------*/
.showDetailBlock{
	width: 100%;
}
.showDetailBlock .underLine{
	margin-bottom: 10px !important;
	padding-bottom: 10px;
	border-bottom: 1px solid #E5E5E5;
}
.detailMainBlock {
	display: table-cell;
	vertical-align: top;
}
.detailMainBlock .detailMainBlockInr{
	padding: 40px 0;
}
.detailMainBlock h1{
	margin-bottom: 25px;
	font-size: 150%;
	font-weight: 400;
}
.detailMainBlock h2{
	font-size: 125%;
}
.detailMainBlock .detailImg {
	position: relative;
}
.detailMainBlock .detailImg img{
	width: 100%;
	padding: 0;
}
.detailMainBlock .recruitCategory {
	display: inline-block;
	padding: 1% 3%;
	font-size: 65%;
	font-weight: 400;
	border: 1px solid #E5E5E5;
}
.detailMainBlock .recruitJob {
	margin: 0 0 10px;
	font-size: 100%;
	font-weight: 400;
  color: #707070;
}
.detailMainBlock .recruitCompany {
	margin: 0 0 3px;
	font-size: 80%;
}
.detailMainBlock dt {
	position: absolute;
	font-size: 87.5%;
}
.detailMainBlock dd {
	margin: 0 0 10px;
	padding-left: 5em;
	font-size: 87.5%;
}
.detailRecruitBlock .drbLead {
	margin: 50px 0 40px;
}
.detailRecruitBlock .drbPointBox p.drbPointBoxText{
	word-wrap: break-word;
}
.detailRecruitBlock .entryRightNowBox p{
	font-size: 87.5%;
	color: #2277FF;
	text-align: center;
}
.detailRecruitBlock .showBscBtn{
	width: 100%;
	margin: 15px 0 100px;
	/* background: #2277FF; */
	color: #fff;
}
.detailRecruitBlock .bscBtnLink{
	border:none;
}
.detailRecruitBlock .showBscBtn a{
	font-weight: 400;
	color: #fff;
}
.detailRecruitBlock .showBscBtn a:hover{
	opacity: 0.7;
}

.detailRecruitBlock .drbPointBox .detailImg {
	margin-bottom: 40px;
}
.detailRecruitBlock .drbPointBox h2{
	margin-bottom: 25px;
	font-weight: 400;
}
.detailRecruitBlock .drbPointBox {
	margin: 0 0 80px;
}
.detailRecruitBlock .detailTreatmentInfo{
	margin-top: 120px;
}
.detailRecruitBlock .detailTreatmentInfo h3{
	margin-bottom: 20px;
	font-size: 112%;
	font-weight: 400;
}
.detailRecruitBlock .detailTreatmentInfo p {
	margin: 0 0 60px;
	/* font-size: 87.5%; */
}
.detailRecruitBlock .detailTreatmentInfo a {
	color: #2277FF;
	text-decoration: underline;
}
.detailRecruitBlock .detailTreatmentInfoBtnBox .showBscBtn{
	margin-bottom: 60px;
}
.showDetailBlock .detailMainBlock .detailTreatmentInfo span.detailRecruitMap a{
	display: block;
	margin-bottom: 10px;
}
.detailSideBlock {
	display: table-cell;
	vertical-align: top;
}
.detailSideBlock .companyImg img{
	width: 100%;
}
.detailSideBlock .companyData{
	padding: 40px 0;
}
.detailSideBlock .companyData h4{
	margin: 50px 0 10px;
	font-size: 112%;
	font-weight: 500;
}
.detailSideBlock .companyData a{
	color: #2277FF;
	text-decoration: underline;
}
.detailSideBlock .companyData .detailTreatmentInfoBtnBox {
	margin-top: 50px;
}
.detailSideBlock .companyData .detailTreatmentInfoBtnBox a{
	text-align: center;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
}
.detailSideBlock .companyData .detailTreatmentInfoBtnBox a.previewBscBtnLink{
	background: #e7e7e7;
	color: #333;
}
.detailSideBlock .companyData .detailTreatmentInfoBtnBox a.previewBscBtnLink:hover {
	opacity: 1;
}
.detailSideBlock .companyData .detailTreatmentInfoBtnBox a.endPreviewBscBtnLink{
	margin-bottom: 80px;
}
.detailSideBlock .companyData .graphBlock{
	margin: 40px 0;
}
.detailSideBlock .companyData .graphBlock .chart_box{
	margin-bottom: 40px;
}
.detailSideBlock .companyData .graphBlock .chart_box svg{
	width: 100%;
}
.detailSideBlock .companyData .graphBlock .chart_box text{
	font-size: 75%;
}
.detailSideBlock .companyData .graphBlock .chart_box .c3-chart-arcs-title{
	font-size: 81.25%;
}
.otherRecruitBlock{
	padding-top: 100px;
}
.cntsShowDetailMain{
	max-width: 800px;
}
.detailRecruitBlock a.previewBscBtnLink{
	background: #e7e7e7;
	color: #333;
}
.detailRecruitBlock a.previewBscBtnLink:hover {
	opacity: 1;
}
.previewshowBscBtn{
	width: 100%;
	margin-top: 15px;
}
.previewshowBscBtn50{
	width: 50%;
}
.previewshowBscBtn60{
	width: 60%;
}
.previewshowBscBtn50 a.previewBscBtnLink{
	background: #e7e7e7 !important;
	color: #333 !important;
}
.previewshowBscBtn50 a.previewBscBtnLink:hover{
	opacity: 1;
}
.previewshowBscBtn50 a.previewBscBtnLink::after{
	display: none;
}
.previewshowCenter{
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
	padding-top: 0;
}
.previewshowCenter .contents{
	padding: 0 !important;
}
.previewRedText{
	color: red;
	text-align: center;
	font-weight: 400;
}
.otherRecruitBlock ul.result1ColumnBox li.result1Column{
	width: 100%;
	margin-bottom: 3%;
	border: 1px solid #E5E5E5;
}
.otherRecruitBlock ul.result1ColumnBox li.result1Column .result1ColumnPhoto {
	float: left;
	width: 40%;
	padding: 3% 0 3% 3%;
}
.otherRecruitBlock ul.result1ColumnBox li.result1Column .result1ColumnData {
	float: right;
	width: 50%;
	padding: 3%;
}
.detailMainBlock .detailMainBlockInr .actionText{
	color: #333;
}
/*--------------------------------------------------------
	Job Entry Index Part Settings
---------------------------------------------------------*/
.stepBarBlock .stepBarBlockInr{
	padding: 40px 7%;
	background: #F7F7F7;
}
.stepBarBlock .stepBarBlockInr ol.stepBar {
	display: table;
	table-layout: fixed;
	width: 100%;
	text-align: center;
}
.stepBarBlock .stepBarBlockInr ol.stepBar li {
	display: table-cell;
	padding: 8px 0;
	font-weight: 400;
	background: #fff;
}
.stepBarBlock .stepBarBlockInr ol.stepBar li.active {
	color: #fff;
	background: #2277FF;
}
.stepBarBlock .stepBarBlockInr ol.stepBar li:first-child {
	border-right: 1px solid #f2f2f2;
}
.stepBarBlock .stepBarBlockInr ol.stepBar li:last-child {
	border-left: 1px solid #f2f2f2;
}
.entryWrapper{
	padding-bottom: 30px;
}
.smartContents{
	width: 1000px;
	margin: 60px auto;
}
.smartContents h1{
	margin-bottom: 5px;
	font-size: 125%;
	text-align: center;
}
.smartContents h2{
	margin-bottom: 0;
	font-size: 175%;
	font-weight: 400;
	text-align: center;
}
.entryWrapper .entryPhoneBlock {
	margin-bottom: 60px;
}
.entryWrapper .entryPhoneBlock h2 {
	margin-bottom: 20px;
}
.entryWrapper .entryPhoneBlock p.bscBtnGray {
	width: 45%;
}
.entryWrapper .entryPhoneBlock a{
	display: block;
	padding: 15px 0;
	background: #afafaf;
	color: #fff;
	cursor: default;
}
.entryWrapper .entryPhoneBlock p.bscBtnGray a:hover {
	opacity: 1;
}
.smartContents .entryMailBlock .formBox{
	width: 650px;
	margin: 0 auto 60px;
}
.smartContents .entryBlock p{
	margin-bottom: 40px;
	font-size: 125%;
	font-weight: 400;
	color: #9d9d9d;
	text-align: center;
}
.smartContents .entryMailBlock .entryLead{
	margin:0 0 60px 0;
	color: red;
	font-size: 125%;
	text-align: center;
}
.smartContents .entryMailBlock p {
	margin: 25px 0 10px;
	font-size: 100%;
	font-weight: 400;
}
.smartContents .entryMailBlock .must {
	color: red;
}
.smartContents .entryMailBlock .exmple {
	color: #ccc;
}
.smartContents .entryMailBlock input[type=text], .smartContents .entryMailBlock textarea {
	width: 49%;
	padding: 21px 16px;
	background: #F2F2F2;
	border: 1px solid #707070;
	font-size: 100%;
}
.smartContents .entryMailBlock input.entryKana {
	background: #fafafa;
	border: 1px solid #ccc;
}
.smartContents .entryMailBlock input[type=text].entryNameEnd,
.smartContents .entryMailBlock input[type=text].entryKanaEnd{
	margin: 0;
}
.smartContents .entryMailBlock input.entryBd, .smartContents .entryMailBlock input.entryTel{
	width: 20%;
}
.radio, .checkbox {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	margin: 0 10px 8px 0;
	padding: 20px 5px 5px 55px;
	border-radius: 8px;
	vertical-align: middle;
	cursor: pointer;
}
input[type=radio]:checked + .radio:before {
	opacity: 1;
}
.radio:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 61%;
	left: 25px;
	display: block;
	margin-top: -5px;
	width: 15px;
	height: 15px;
	background-color: #333333;
	content: '';
	opacity: 0;
	z-index: 2;
}
.radio:after, .checkbox:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 30px;
	height: 30px;
	border: 2px solid #bbb;
	content: '';
	z-index: 1;
	background: #fff;
}
.radio:hover:after, .checkbox:hover:after {
	border-color: #333333;
}
.smartContents .entryMailBlock input.entryEmail{
	width: 100%;
}
.checkbox:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 63%;
	left: 29px;
	z-index: 2;
	display: block;
	margin-top: -7px;
	width: 6px;
	height: 10px;
	border-right: 3px solid #333333;
	border-bottom: 3px solid #333333;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
	opacity: 1;
}
.smartContents .entryMailBlock textarea {
	background: #fafafa;
	border: 1px solid #ccc;
	width: 100%;
	height: 130px;
}
.smartContents .entrySubmit {
	width: 650px;
	margin: 0 auto 30px;
}
.smartContents .entrySubmit .bscBtn {
	display: block;
	width: 100%;
	/* background: #2277FF; */
	border: 0;
	text-align: center;
	color: #fff;
}
.smartContents .entrySubmit .bscBtn :hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.smartContents .entrySubmit .bscBtn input{
	display: block;
	width: 100%;
	font-size: 100%;
	color: #fff;
	background: #2277FF;
	border:none;
	outline: 0;
	cursor: pointer;
}
.smartContents .entrySubmit .bscBtn:after {
	z-index: 100;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6%;
	content: '';
	width: 1.6em;
	height: .25em;
	display: block;
	margin: auto;
	-ms-transform: skewX(45deg);
	-webkit-transform: skewX(45deg);
	transform: skewX(45deg);
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.smartContents .entrySubmit p{
	font-size: 87.5%;
	text-align: center;
}
.smartContents .entrySubmit p span{
	display: block;
}

/* ユーザ管理画面求人のみ表示 添付書類 */
.entryWrapper .entryMailBlock .textAttachment input{
  display: block ;
  height: 30px ;
}
.entryWrapper .entryMailBlock .textAttachment a.btn.btn-link.btnClear{
	display: block;
	padding-bottom: 30px;
}

/*--------------------------------------------------------
	Job Entry Confirm Part Settings
---------------------------------------------------------*/
.smartContents .entryConfirmBlock dl,
.smartContents .entryAgree{
	width: 650px;
	margin: 0 auto 60px;
}
.smartContents .entryAgree{
	text-align: center;
}
.smartContents .entryConfirmBlock h2{
	margin: 0 0 60px 0;
}
.smartContents .entryConfirmBlock dl dt{
	margin: 25px 0 10px;
	font-size: 100%;
	font-weight: 400;
}
.smartContents .entryConfirmBlock dl dd{
	padding: 18px 16px;
	background: #F2F2F2;
}
.smartContents .entryConfirmBlock .must {
	color: red;
}
.smartContents .entryAgree a {
	text-decoration: underline;
	color: #2277FF;
}
.smartContents .entryConfirmBlock .entrySubmit p {
	margin: 25px 0 10px;
}
.smartContents .entrySubmit p.confirmBack{
	margin: 40px auto;
	text-decoration: underline;
}
.smartContents .entrySubmit p.confirmBack a{
	color: #2277FF;
}
.smartContents .bscBtn input:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.smartContents .bscBtn input:disabled {
	cursor: default;
}
.smartContents .bscBtn input:disabled:hover {
	opacity: 1;
}
/*--------------------------------------------------------
	Job Entry Thanks Part Settings
---------------------------------------------------------*/
.smartContents .entryThanksBlock{
	width: 750px;
	margin: 0 auto 60px;
}
.smartContents .entryThanksBlock h2{
	margin: 0 0 60px 0;
}
.smartContents .entryThanksBlock h2 span{
	display: block;
}
.smartContents .entryThanksBlock .guideText{
	padding: 60px 5% 60px;
	background: #F2F2F2;
}
.smartContents .entryThanksBlock .guideText h3{
	margin-bottom: 0;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
.smartContents .entryThanksBlock .guideText h4{
	margin: 30px auto 10px;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}
.smartContents .entryThanksBlock .guideText p{
	text-align: center;
}
.smartContents .entryThanksBlock .guideText p span{
	display: block;
}
.smartContents .entryThanksBlock .thanksPhoneBlock{
	padding: 0px 0 40px;
	background: #e3e3e3;
	text-align: center;
}
.smartContents .entryThanksBlock .thanksPhoneBlock .bscBtnGray{
	margin-bottom: 10px;
	background: #afafaf;
	color: #fff;
}
.smartContents .entryThanksBlock .thanksPhoneBlock .bscBtnGray a{
	display: block;
	padding: 15px 0;
	color: #fff;
}
.smartContents .entryThanksBlock .thanksPhoneBlock .bscBtnGray a:hover{
	opacity: 1;
}
.smartContents .entryThanksBlock .thanksBox{
	margin: 60px auto 0;
	text-align: center;
}
.smartContents .entryThanksBlock .thanksBox p{
	margin-bottom: 30px;
}
.smartContents .entryThanksBlock .thanksBoxbscBtn{
	width: 60%;
	margin-top: 40px;
}
.smartContents .entryThanksBlock .thanksBox span{
	display: block;
}
.smartContents .entryThanksBlock .entrySubmit a{
	display: block;
	padding: 17px 0;
	width: 100%;
	color: #fff;
}
/*--------------------------------------------------------
	Intern Part Settings
---------------------------------------------------------*/
.internVisualBlock ul{
	max-height: 350px;
	background: #333;
}
.internVisualBlock img{
	width: 100%;
	opacity: 0.7;
}
.internWrapper{
	max-width: 1060px;
	margin: 60px auto 0;
	padding-bottom: 0;
	text-align: justify;
}
.internWrapperOther{

}
.internWrapper h2{
	margin-bottom: 30px;
}

.internCompanyList{
	margin: 60px auto 80px;
}
.internCompanyList h2{
}
.internCompanyList h3{
	margin-bottom: 10px;
	color: #2277FF;
}
.internCompanyList ol{
}
.internCompanyList ol li{
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
	border: 1px solid #f2f2f2;
}
.internCompanyList .internCompanyListPhoto{
	float: left;
	width: 46%;
}
.internCompanyList .internCompanyListPhoto img{
	width: 100%;
}
.internCompanyList .internCompanyListData{
	position: relative;
	float: right;
	width: 54%;
}
.internCompanyList .internCompanyListData .internCompanyListDataInr{
	padding: 14% 16% 14% 5%;
}
.internCompanyList .internCompanyListData .internCompanyListDataInr p{
	color: #333;
}
.internCompanyList ol li:after{
	content:'';
	position: absolute;
	top: 0;
	right: 0;
	width: 6%;
	height: 100%;
	background: #e3e3e3;
}
.internCompanyList .internCompanyListPhoto:after{
	z-index: 100;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.7%;
	content: '';
	width: 1.6em;
	height: .25em;
	display: block;
	margin: auto;
	-ms-transform: skewX(45deg);
	-webkit-transform: skewX(45deg);
	transform: skewX(45deg);
	border-right: 1px solid #2277FF;
	border-bottom: 1px solid #2277FF;
}
.internCompanyList ol li:hover{
	opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.internCompanyList ol li a:hover{
	opacity: 1;
}
.internCompanyListBtn.specialPageVisualBlockBtnLast{
	margin: 0 auto 120px;
}
#internCompanyBtn{
	display: inline-block;
	width: 100%;
	padding: 15px 0;
	background: #2277FF;
	color: #fff;
	border:none;
	cursor: pointer;
}
#internCompanyBtn:hover {
	opacity: 0.7;
	transition: 1.0s;
}
/*--------------------------------------------------------
	internCompanyListPtn2 Part Settings
---------------------------------------------------------*/
.internCompanyListPtn2 .internCompanyListData .internCompanyListDataInr{
	padding: 10% 16% 10% 5%;
}
.internCompanyListPtn2 h3{
	margin-bottom: 10px;
}
.internCompanyListPtn2 p.recruitCompany{
	margin-bottom: -5px;
	font-size: 75%;
}
.internCompanyListPtn2 p.recruitJob{
  margin-bottom: 20px;
}
.internCompanyListPtn2 p.recruitPlace{
	font-size: 87.5%;
}
/*--------------------------------------------------------
	SpecialPageVisualBlock Part Settings (Intern/new_graduate)
---------------------------------------------------------*/
.SpecialPageVisualBlock.visualBlock {
  background: none;
  height: auto;
  text-align: center;
}
.SpecialPageBlock h2{
  font-weight: 400;
}
.SpecialPageVisualBlock h1{
  font-weight: 400;
  line-height: 1.4;
  font-size: 300%;
}
.SpecialPageVisualBlock ul{
	max-height: 550px;
	background: #333;
}
.SpecialPageVisualBlock img{
	width: 100%;
	opacity: 0.7;
}
.SpecialPageVisualBlock .visualBlockCopy h1{
	display: block;
	font-weight: 400;
}
.SpecialPageVisualBlock .visualBlockCopy p{
	margin-bottom: 10px;
	color: #fff;
	font-size: 125%;
}
.SpecialPageVisualBlock .visualBlockCopy{
	top: auto;
	bottom: 40px;
}

.SpecialPageVisualBlock .mainImgBox {
	position: relative;
	max-height: 550px;
	overflow: hidden;
	background: #333;
}
.SpecialPageVisualBlock .mainImgBox .mainImghalf{
	overflow: hidden;
}
.SpecialPageVisualBlock .mainImgBox .mainImghalf .mainImghalf01 {
	float: left;
	width: 50%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.SpecialPageVisualBlock .mainImgBox .mainImghalf .mainImghalf02 {
	float: right;
	width: 50%;
}
.SpecialPageVisualBlock .mainImgBox .mainText {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25px;
	color: #fff;
}

.SpecialPageVisualBlockBtn p{
	margin: 20px auto 0;
	font-size: 125%;
	text-align: center;
}
.SpecialPageVisualBlockBtn .bscBtn{
	margin-top: 20px;
}

.SpecialPageBlockArea{
	margin: 80px auto 60px;
}
.SpecialPageBlockArea .SpecialPageBlock{
	margin-top: 60px;
}
.SpecialPageBlockArea .SpecialPageBlock img{
	width: 100%;
}
.SpecialPageBlockArea .block-A p{
	margin-bottom: 30px;
}
.SpecialPageBlockArea .block-B .contentsBlock .block-B_Text{
	float: right;
	width: 57%;
}
.SpecialPageBlockArea .block-B .contentsBlock img{
	float: left;
	width: 40%;
}
.SpecialPageBlockArea .block-C .contentsBlock .block-C_Text{
	float: left;
	width: 57%;
}
.SpecialPageBlockArea .block-C .contentsBlock img{
	float: right;
	width: 40%;
}

.SpecialPageBlockArea .block-D{
	margin-top: 80px;
}
.SpecialPageBlockArea .block-D .contentsBlock .block-D_Text{
	float: right;
	width: 57%;
}
.SpecialPageBlockArea .block-D .contentsBlock img{
	float: left;
	width: 40%;
}

.SpecialPageBlockArea .block-E{
	margin-top: 80px;
}
.SpecialPageBlockArea .block-E .contentsBlock .block-E_Text{
	float: left;
	width: 57%;
}
.SpecialPageBlockArea .block-E .contentsBlock img{
	float: right;
	width: 40%;
}
.recruitingBlock{
	margin: 60px auto 0;
}
.recruitingBlockOther{
	max-width: 1000px;
	margin: 60px auto 0;
	padding: 60px 0 80px;
	text-align: justify;
}
.comInfoBlock h2{
	text-align: center;
}
.recruitingBlock p {
	margin-bottom: 30px;
}
.recruitingBlock .workInfo dl {
	position: relative;
	padding-top: 20px;
	font-size: 100%;
}
.recruitingBlock .workInfo dl a{
	color: #2277FF;
	text-decoration: underline;
}
.recruitingBlock .workInfo dt {
	position: absolute;
	font-weight: 400;
}
.recruitingBlock .workInfo dd {
	margin-bottom: 15px;
	padding: 0 0 15px 25%;
	border-bottom: 1px solid #f2f2f2;
	text-align: left;
	line-height: 2;
}
.specialPageVisualBlockBtnLast{
	margin: 80px auto 120px;
}
.SpecialPageContactBlock{
	padding: 80px 0;
	background: #e3e3e3;
	text-align: center;
}
.SpecialPageContactBlock h2{
	margin-bottom: 30px;
}
.SpecialPageContactBlock p{
	margin-top: 15px;
}
.SpecialPageContactBlock .entryTel {
	width: 100%;
}
.SpecialPageContactBlock .entryTelBtn {
	margin: 0 auto;
	background: #afafaf;
	color: #fff;
}
.SpecialPageContactBlock .entryTelBtn a{
	display: block;
	padding: 20px 0;
	color: #fff;
}
.SpecialPageLastWrapper{
	margin-bottom: 80px;
}
.entryBlock .entryInfo {
	overflow: hidden;
	margin-bottom: 30px;
	padding: 5%;
	background: #fff;
}
.entryBlock p {
	font-size: 100%;
}
.entryBlock p.entryBlockText {
	margin-bottom: 40px;
}
.SpecialPageBlock .entryInfo .entryInfoLeft {
	float: left;
	width: 35%;
}
.SpecialPageBlock .entryInfo .entryInfoLeft span{
	font-size: 87.5%;
}
.SpecialPageBlock .entryInfo .entryInfoRight {
	float: right;
	width: 60%;
}
.entryBlock h3 {
	margin: 10px 0;
	font-size: 100%;
	font-weight: 400;
}
.entryBlock .entryInfo p {
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.entryBlock .entryInfo .entryInfoRight p {
	border-bottom: 1px solid #f2f2f2;
}
.entryBlock .entryInfo .entryInfoRight p.entryInfoPlace a{
	color: #2277FF;
	text-decoration: underline;
}
.internWrapperTopicSnsBox{
	margin: -60px auto 60px;
}
/*--------------------------------------------------------
	NewsListBlock Part Settings
---------------------------------------------------------*/
.newsListBlock .newsBlockInr{
	border:none;
}
.newsListBlock .newsBlockInr ul{
}
.newsListBlock .newsBlockInr ul li{
}
.newsOtherListBlock{

}
/*--------------------------------------------------------
	NewsBlogBlock Part Settings
---------------------------------------------------------*/
.newsBlogTitleBlock .newsBlockInr{
	padding-bottom: 0;
}
.blogWrapper{
	max-width: 800px;
	margin: 0 auto 0;
	padding-bottom: 0;
	text-align: justify;
}
.blogWrapper img.newsBlogImg{
	margin-bottom: 20px;
}
/* .blogWrapper h2,.blogWrapper p,.blogWrapper img {
	margin-bottom: 20px;
} */
.blogWrapper p span{
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
	font-size: 100%;
	line-height: 2 !important;
	font-weight: 300 !important;
}
.blogWrapper strong span{
	font-weight: 400  !important;
}
.blogWrapper em{
	font-style: italic;
}
.blogWrapper p.newsBlockTitle{
	margin-bottom: 15px;
}
.blogWrapper p.newsBlockProfile{
	margin-bottom: 30px;
}
.blogWrapper img{
	width: 100%;
}
.blogWrapper p.newsBlockDate{
	margin-bottom: 15px;
	font-size: 87.5%;
}
.blogWrapper .blogPageBtn{
	overflow: hidden;
	margin: 80px 0 ;
}
.blogWrapper .blogPageBtn span{
	display: block;
	padding-bottom: 10px;
	font-size: 114%;
	font-weight: 400;
}
.blogWrapper .blogPageBtn #next {
	float: right;
	width: 48%;
	border: 1px solid #e3e3e3;
}
.blogWrapper .blogPageBtn #prev{
	float: left;
	width: 48%;
	border: 1px solid #e3e3e3;
}
.blogWrapper .blogPageBtn #next a,
.blogWrapper .blogPageBtn #prev a{
	display: block;
	padding: 10%;
	font-size: 87.5%;
	font-weight: 400;
}
.blogWrapper .blogPageBtn a:hover{
	background: #000;
	color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.newsBlogWrapper ul li{
	width: 32%;
	border: none;
}
/*--------------------------------------------------------
	WorkListBlock Part Settings
---------------------------------------------------------*/
.workListBlock .workBlockInr{
	padding: 50px;
}
.blogWrapper .topicSnsBoxTop{
	margin-bottom: 40px;
}
.blogWrapper .topicSnsBoxBtm{
	margin-top: 60px;
}
/*--------------------------------------------------------
	ContactBlock Part Settings
---------------------------------------------------------*/
.contactSelectBlock .contactKindBlock{
	padding: 40px 7%;
	background: #e3e3e3;
	text-align: center;
	text-align: -webkit-center;
}
.contactSelectBlock .contactKindBlock ul{
	display: table;
}
.contactSelectBlock .contactKindBlock ul li{
	display: table-cell;
}
.contactWrapper .contactPhoneBlock{
	margin-bottom: 60px;
}
.contactWrapper .contactPhoneBlock h2{
	margin-bottom: 20px;
}
.contactWrapper .contactPhoneBlock p.bscBtnGray{
	width: 45%;
}
.contactWrapper .contactPhoneBlock p.bscBtnGray a{
	display: block;
	padding: 15px 0;
	background: #afafaf;
	color: #fff;
	cursor: default;
}
.contactWrapper .contactPhoneBlock p.bscBtnGray a:hover{
	opacity: 1;
}
.contactWrapper .smartContents .formBox {
	width: 650px;
	margin: 0 auto 60px;
}
.contactIndexWrapper .smartContents .contactMailBlock h2 {
	margin-bottom: 10px;
}
.contactWrapper .smartContents .contactMailBlock p {
	margin: 25px 0 10px;
	font-size: 100%;
	font-weight: 400;
}
.contactWrapper .smartContents .contactMailBlock p.bscBtnGray{
	margin: 0 auto;
}
.contactWrapper .contactMailBlock p.contactLead{
	margin: 0 0 10px;
	text-align: center;
}
.contactWrapper .smartContents .contactMailBlock .must {
	color: red;
}
.contactWrapper .smartContents .contactMailBlock .exmple {
	color: #ccc;
}
.contactWrapper .smartContents .contactMailBlock input[type=text],.contactWrapper .smartContents .contactMailBlock textarea {
	width: 100%;
	padding: 21px 16px;
	background: #F2F2F2;
	border: 1px solid #707070;
	font-size: 100%;
}
.contactWrapper .smartContents .contactMailBlock input.contactTel {
	background: #fafafa;
	border: 1px solid #ccc;
}
.contactWrapper .smartContents .contactMailBlock textarea {
	height: 200px;
}
.contactWrapper .smartContents .contactMailBlock input.contactTel{
	width: 20%;
}
.contactWrapper .smartContents .contactSubmit {
	width: 650px;
	margin: 0 auto 30px;
}
.contactWrapper .smartContents .contactSubmit .bscBtn {
	display: block;
	width: 100%;
	border: 0;
	text-align: center;
	color: #fff;
}
.contactWrapper .smartContents .contactSubmit .bscBtn input {
	display: block;
	width: 100%;
	height: 60px;
	font-size: 100%;
	color: #fff;
	background: #2277FF;
	border: none;
	outline: 0;
	cursor: pointer;
}
.contactWrapper .smartContents .contactSubmit .bscBtn input:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.contactWrapper .smartContents .contactSubmit .bscBtn input:disabled {
	cursor: default;
}
.contactWrapper .smartContents .contactSubmit .bscBtn input:disabled:hover {
	opacity: 1;
}
.contactWrapper .smartContents .contactSubmit p {
	font-size: 87.5%;
	text-align: center;
}
.contactWrapper .smartContents .contactSubmit p span {
	display: block;
}
/*--------------------------------------------------------
	ContactBlock(contactConfirmBlock) Part Settings
---------------------------------------------------------*/
.contactWrapper {
	padding-bottom: 30px;
}
.contactWrapper .contactConfirmBlock .confirmBox,
.contactWrapper .smartContents .contactAgree {
	width: 650px;
	margin: 0 auto 60px;
}
.contactWrapper .smartContents .contactConfirmBlock h1{
	margin-bottom: 40px;
}
.contactWrapper .smartContents .contactConfirmBlock h2 {
	margin: 0 0 60px 0;
}
.contactWrapper .smartContents .contactConfirmBlock dl dt {
	margin: 25px 0 10px;
	font-size: 100%;
	font-weight: 400;
}
.contactWrapper .smartContents .contactConfirmBlock dl dd {
	padding: 21px 16px;
	background: #F2F2F2;
}
.contactWrapper .smartContents .contactConfirmBlock .must {
	color: red;
}
.contactWrapper .smartContents .contactAgree {
	text-align: center;
}
.contactWrapper .smartContents .contactAgree a {
	text-decoration: underline;
	color: #2277FF;
}
.contactWrapper .smartContents .contactSubmit p {
	margin: 25px 0 10px;
}
.contactWrapper .smartContents .contactSubmit p.confirmBack {
	margin: 40px auto;
	text-decoration: underline;
}
.contactWrapper .smartContents .contactSubmit p.confirmBack a{
	color: #2277FF;
}
/*--------------------------------------------------------
	ContactBlock(contactThanksBlock) Part Settings
---------------------------------------------------------*/
.contactWrapper .smartContents .contactThanksBlock .thanksBox{
	width: 650px;
	margin: 0 auto 60px;
}
.contactWrapper .smartContents .contactThanksBlock h1{
	margin-bottom: 40px;
}
.contactWrapper .smartContents .contactThanksBlock h2 {
	margin: 0 0 30px 0;
}
.contactWrapper .smartContents .contactThanksBlock h2 span{
	display: block;
}
.contactWrapper .smartContents .contactThanksBlock .thanksBox {
	padding: 60px 5% 60px;
	background: #F2F2F2;
}
.contactWrapper .smartContents .contactThanksBlock .contactPhoneBlock p.bscBtnGray {
	width: 60%;
	margin-top: 40px;
}
.contactWrapper .smartContents .contactThanksBlock .contactPhoneBlock {
	margin-bottom: 0;
}
.contactWrapper .smartContents .contactThanksBlock .contactSubmit p{
	margin: 60px auto 0;
	font-size: 87.5%;
}
.contactWrapper .smartContents .contactThanksBlock .contactSubmit p.bscBtn{
	background: #2277FF;
}
.contactWrapper .smartContents .contactThanksBlock .contactSubmit a{
	display: block;
	padding: 15px 0;
	color: #fff;
}
/*--------------------------------------------------------
	Privacy Part Settings
---------------------------------------------------------*/
.securityWrap .securityContents{
	max-width: 1000px;
	margin: 60px auto;
}
.securityWrap .securityContents ol{
	line-height: 2;
}
.securityWrap .securityContents .securityBlock,
.securityWrap .securityContents .privacyBlock,
.securityWrap .securityContents .supportBlock{
	margin-bottom: 100px;
	padding: 80px 60px 40px;
	border: 1px solid #e3e3e3;
}
.securityWrap .contents .section .sectionInr {
	margin: 50px 0 50px;
}
.securityWrap .contents .section h1 {
	margin: 0 0 30px;
	font-size: 175%;
	font-weight: 200;
}
.securityWrap .contents .section h2 {
	margin: 0 0 10px;
	font-size: 100%;
	font-weight: 200;
}
.securityWrap .contents .section p {
}
.securityWrap .contents .section ol {
	list-style-type: decimal;
	list-style-position: inside;
}
.securityWrap .contents .sign {
	margin-bottom: 40px;
	text-align: right;
}
.securityWrap .contents .supportBlock {
	padding: 80px 60px;
	text-align: center;
}
.securityWrap .contents .supportBlock h1{
	margin-bottom: 20px;
}
/*--------------------------------------------------------
	Agreement Part Settings
---------------------------------------------------------*/
.securityWrap .securityContents .agreement{
	margin-bottom: 100px;
	padding: 80px 60px 40px;
	border: 1px solid #e3e3e3;
}
.securityWrap .securityContents .agreement h1{
	margin-bottom: 100px;
	font-weight: 400;
	text-align: center;
}
.securityWrap .securityContents .agreement .sectionInr h2 {
	margin-bottom: 20px;
	font-size: 125%;
	font-weight: 400;
}
.securityWrap .securityContents .agreement .sectionInr h2:before {
	content: "第" counter(big-counter)"章　";
}
.securityWrap .securityContents .agreement .sectionInr {
	margin: 100px 0 ;
	counter-increment: big-counter;
}
.agreement .sectionInr > .agreeBox {
	counter-increment: medium-counter;
}
.securityWrap .securityContents .agreement .sectionInr h3 {
	margin: 50px 0 0;
	padding: 15px 15px;
	font-size: 125%;
	background-color: #e3e3e3;
	font-weight: 400;
}
.securityWrap .securityContents .agreement .sectionInr h3 + p, .agreement .sectionInr h3 + ul {
	margin-top: 15px;
}
.securityWrap .securityContents .agreement .agreeBoxIn {
	margin-top: 25px;
}
.securityWrap .securityContents .agreement .agreeBoxTitleBtm{
	margin-top: 0;
}
.securityWrap .securityContents .agreement .agreeBoxTitleBtm h3{
	margin-top: 0;
}
.agreement .sectionInr h3:before {
	content: "第" counter(medium-counter)"条　";
}
.securityWrap .securityContents .agreement .agreeBox ol li, .agreement .agreeBox .agreeBox div {
	counter-increment: smaller-counter;
}
.securityWrap .securityContents .agreement .agreeBox ol li:before, .agreement .agreeBox div h5:before {
	content: "(" counter(smaller-counter)")";
}
.agreement .sectionInr h4 {
	font-weight: 400;
}
.agreement .sectionInr h4:before {
	content: "第" counter(small-counter)"項　";
}
.agreement .sectionInr .agreeBox .agreeBox {
	counter-increment: small-counter;
}
.agreement .sectionInr a {
	color: #2277FF;
	text-decoration: underline;
	word-break: break-all;
}
.agreement .sectionInr p.agreeBoxTextBtmMgn {
	margin-bottom: 20px;
}
/*--------------------------------------------------------
	404 Part Settings
---------------------------------------------------------*/
.fileNotFound{
	margin-bottom: 60px;
	text-align: center;
}
.fileNotFound h2{
	margin: 140px 0 35px;
}
.fileNotFound h2 span{
	display: block;
}
.fileNotFoundBtm{
	margin-bottom: 80px;
}
.fileNotFoundBtm h2{
	text-align: center;
}
.fileNotFoundBtm p.recruitLinkMini{
	position:static;
	margin-top: 40px;
	text-align: center;
}
.fileNotFoundBtm ul.result1ColumnBox li.result1Column:last-child{
	margin-bottom: 0;
}
/*--------------------------------------------------------
	403 Part Settings
---------------------------------------------------------*/
.noAccess{
	margin-bottom: 120px;
}
.noAccess .bscBtn{
	background: #000;
}
.noAccess .bscBtn a{
	display: inline-block;
	width: 100%;
	padding: 13px 0;
	color: #fff;
}
/*--------------------------------------------------------
	Company login Settings
---------------------------------------------------------*/
.company-login-container{
overflow: hidden;
padding: 0 50px;
margin: 0 auto;
}
.company-login-container .loginBlock{
	width: 1000px;
	margin: 60px auto 100px;
}
.company-login-container .loginBlock h2 {
	margin-bottom: 30px;
	font-size: 175%;
	font-weight: 400;
	text-align: center;
}
.company-login-container .loginBlock .form-horizontal{
	width: 650px;
	margin: 0 auto 60px;
}
.company-login-container .loginBlock .form-horizontal dt{
	margin: 25px 0 10px;
	font-size: 100%;
}
.company-login-container .loginBlock .form-horizontal #email,
.company-login-container .loginBlock .form-horizontal #password{
	width: 100%;
	padding: 21px 16px;
	background: #ebebeb;
	border: 1px solid #2277FF;
	font-size: 100%;
}
.company-login-container .loginBlock .form-horizontal button{
	display: block;
	width: 100%;
	height: 60px;
	margin: 40px auto 0;
	font-size: 100%;
	color: #fff;
	background: #2277FF;
	border: none;
	outline: 0;
	cursor: pointer;
}
.company-login-container .loginBlock .form-horizontal button:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.company-login-container .loginBlock .form-horizontal .loginForgot{
	margin-top: 20px;
	text-align: center;
}
.company-login-container .loginBlock .form-horizontal .loginForgot a{
	color: #2277FF;
}
/*--------------------------------------------------------
	Company login forgot Settings
---------------------------------------------------------*/
.company-login-container .loginBlock .form-horizontal label{
	display: block;
	margin: 25px 0 10px;
	font-size: 100%;
}
/*------------------------------------------
	Career flow newRegist
------------------------------------------*/
.contents.newRegist .smartContents {
	width: 580px;
	/* padding: 60px; */
}
.contents.newRegist .smartContents.stepLine {
	width: 580px;
	padding: 30px 60px;
}
.contents.newRegist .stepLineBlock {
	position: relative;
	height: 60px;
}
.contents.newRegist .careerMain > h2 {
	margin: 60px 0 30px;
	font-size: 175%;
	font-weight: 400;
	text-align: center;
}
.contents.newRegist .stepLineBlock .stepLineStart {
	color:  #2277FF;
}
.contents.newRegist .stepLineBlock .stepLineEnd {
	float: right;
}
.contents.newRegist .stepLineBlock .stepNum {
	width: 100%;
	display: block;
}
.contents.newRegist .stepLineBlock .stepNum span {
	display: block;
	position: absolute;
	top:20px;
	width: 20px;
	padding-top: 30px;
	font-size: 20px;
	text-align: center;
	color: #d7d7d7;
}
.contents.newRegist .stepLineBlock .stepNum span.current {
	color: #34b0df;
}
.contents.newRegist .stepLineBlock .stepNum span.current:before {
	position: absolute;
	display: block;
	top: -5px;
	content: " \f0d7";
	width: 20px;
	text-align: center;
	font-family: FontAwesome;
	font-size: 14px;
}
.contents.newRegist .stepLineBlock .allstep7 .stepNum span.stepnum0 {
	left: 0px;
}
.contents.newRegist .stepLineBlock.allstep7 .stepNum span.stepnum1 {
	left: 13%;
}
.contents.newRegist .stepLineBlock.allstep7 .stepNum span.stepnum2 {
	left: 27%;
}
.contents.newRegist .stepLineBlock.allstep7 .stepNum span.stepnum3 {
	left: 41%;
}
.contents.newRegist .stepLineBlock.allstep7 .stepNum span.stepnum4 {
	left: 55%;
}
.contents.newRegist .stepLineBlock.allstep7 .stepNum span.stepnum5 {
	left: 69%;
}
.contents.newRegist .stepLineBlock.allstep7 .stepNum span.stepnum6 {
	left:83%;
}
.contents.newRegist .stepLineBlock.allstep7 .stepNum span.stepnum7 {
	right:0;
}
.contents.newRegist .stepLineBlock.allstep6 .stepNum span.stepnum0 {
	left: 0px;
}
.contents.newRegist .stepLineBlock.allstep6 .stepNum span.stepnum1 {
	left: 15%;
}
.contents.newRegist .stepLineBlock.allstep6 .stepNum span.stepnum2 {
	left: 31%;
}
.contents.newRegist .stepLineBlock.allstep6 .stepNum span.stepnum3 {
	left: 47%;
}
.contents.newRegist .stepLineBlock.allstep6 .stepNum span.stepnum4 {
	left: 63%;
}
.contents.newRegist .stepLineBlock.allstep6 .stepNum span.stepnum5 {
	right:17%;
}
.contents.newRegist .stepLineBlock.allstep6 .stepNum span.stepnum6 {
	right:0;
}
.contents.newRegist .stepLineBlock .stepLineWrap {
	position: relative;
	margin: 15px 10px;
}
.contents.newRegist .stepLineBlock .stepLineWrap .stepLineBg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 5px;
	background-color: #d7d7d7;
}
.contents.newRegist .stepLineBlock .stepLineWrap .stepLineMain {
	position: absolute;
	top: 0;
	height: 5px;
	background-color: #2277FF;
}
.contents.newRegist .stepLineBlock.allstep7.step01 .stepLineWrap .stepLineMain {
	width: 11%;
}
.contents.newRegist .stepLineBlock.allstep7.step02 .stepLineWrap .stepLineMain {
	width: 33%;
}
.contents.newRegist .stepLineBlock.allstep7.step03 .stepLineWrap .stepLineMain {
	width: 22%;
}
.contents.newRegist .stepLineBlock.allstep7.step04 .stepLineWrap .stepLineMain {
	width: 55%;
}
.contents.newRegist .stepLineBlock.allstep7.step05 .stepLineWrap .stepLineMain {
	width: 77%;
}
.contents.newRegist .stepLineBlock.allstep7.step06 .stepLineWrap .stepLineMain {
	width: 89%;
}
.contents.newRegist .stepLineBlock.allstep7.step07 .stepLineWrap .stepLineMain {
	width: 100%;
}

.contents.newRegist .stepLineBlock.allstep6.step01 .stepLineWrap .stepLineMain {
	width: 25%;
}
.contents.newRegist .stepLineBlock.allstep6.step02 .stepLineWrap .stepLineMain {
	width: 44%;
}
.contents.newRegist .stepLineBlock.allstep6.step03 .stepLineWrap .stepLineMain {
	width: 50%;
}
.contents.newRegist .stepLineBlock.allstep6.step04 .stepLineWrap .stepLineMain {
	width: 75%;
}
.contents.newRegist .stepLineBlock.allstep6.step05 .stepLineWrap .stepLineMain {
	width: 82.5%;
}
.contents.newRegist .stepLineBlock.allstep6.step06 .stepLineWrap .stepLineMain {
	width: 100%;
}
.contents.newRegist .stepLineBlock.allstep6.step000 .stepLineWrap .stepLineMain {
	width: 66%;
}
.contents.newRegist .registMailBlock .formelement {
	margin: 25px 0;
}
.contents.newRegist .registMailBlock .must {
	color: red;
}
.contents.newRegist .registMailBlock .exmple {
	font-size: 87.5%;
	color: #ccc;
}
.contents.newRegist .registMailBlock .caution {
	display: block;
	font-size: 87.5%;
}
.contents.newRegist .registMailBlock .centerCaution {
	display: block;
	font-size: 87.5%;
	text-align: center;
}
.contents.newRegist .registMailBlock h3 {
	font-size: 139%;
	font-weight: 400;
}
.contents.newRegist .registMailBlock h4 {
	padding: 20px 0 10px;
	font-weight: 400;
}
.contents.newRegist .entrySubmit p.prevPage{
	margin: 25px 0 10px;
	text-decoration: underline;
}
.contents.newRegist .exBox {
	margin-bottom: 20px;
}
.contents.newRegist .exBox p {
	width: 2em;
	margin-bottom: 5px;
	background-color: #faf7f7;
	text-align: center;
	font-weight: bold;
}
.contents.newRegist .exBox dt {
	position: absolute;
	font-weight: bold;
}
.contents.newRegist .exBox dd {
	padding-left: 10em;
	margin-bottom: 5px;
}
.contents.newRegist select {
	position: relative;
	display: inline-block;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none;
	height: 50px;
	padding: 0.4rem 1rem;
	background-color: #FAFAFA;
	background-image: url("/assets/domain/default/img/common/downarw_2x.png");
	background-size: 10px;
	background-position: 93% center;
	background-repeat: no-repeat;
	border-radius: 0;
	border: 1px solid #cccccc;
	color: rgba(0, 0, 0, 0.75);
	font-size: 100%;
	line-height: normal;
}
/*select IE10まで*/
.contents.newRegist select::-ms-expand {
  display: none;
}
.contents.newRegist select.selectM {
	width: 83%;
	margin-bottom: 10px;
}
.contents.newRegist select.selectL {
	width: 100%;
	margin-bottom: 10px;
	background-position: 97% center;
}
.contents.newRegist .registMailBlock .textCenter {
	text-align: center;
}
.contents.newRegist .registMailBlock input.inputS {
	width: 45%;
}
.contents.newRegist .registMailBlock input.inputM {
	width: 50%;
}
.contents.newRegist .registMailBlock input.inputL {
	width: 100%;
	margin-bottom: 10px;
}
.contents.newRegist .registMailBlock textarea {
	width: 100%;
	height: 12em;
}
.contents.newRegist .registMailBlock input[type=text],
.contents.newRegist .registMailBlock input[type=password],
.contents.newRegist .registMailBlock textarea {
	margin-bottom: 5px;
	padding: 8px 2%;
	border: 1px solid #ccc;
	/* -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px; */
}
.contents.newRegist .registMailBlock .inputAddBox input{
	margin-bottom: 20px;
}
.contents.newRegist .registthanks .thanksBtn a {
	display: block;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	line-height: 57px;
	background: #2277FF;
	border: 0;
	text-align: center;
	font-size: 87.5%;
	color: #fff;
	cursor: pointer;
}
.contents.newRegist .registthanks .thanksBtn a.grayBtn {
	background: #f2f2f2;
	color: #000;
}
.contents.newRegist .registthanks .thanksBtn:last-child {
	padding-bottom: 30px	;
}
.contents.newRegist .registMailBlock .formBox {
	/* width: 500px; */
	margin: 0 auto 60px;
}
.contents.newRegist .registSubmit {
	width: 460px;
	margin: 0 auto 30px;
}
.contents.newRegist.regist01 .registMailBlock .formBox {
	width: 100%;
}
.contents.newRegist.regist01 .registMailBlock .formBox select.selectBirthday{
	width: 22%;
}
.contents.newRegist.regist02 .registMailBlock .formBox span {
	display: block;
	font-size: 87.5%;
}
.contents.newRegist.regist03 .registMailBlock .formBox .centerCaution {
	display: block;
	margin: 0 0 30px;
	text-align: center;
}
.contents.newRegist.regist03 .registMailBlock .formBox label.hopeday{
	width: 100%;
}
.contents.newRegist.regist03 .registMailBlock .formBox label.hopeday select{
	width: 24%;
}
.contents.newRegist.profile02 .registMailBlock .formBox .careerStartYearBox select{
	width: 18%;
}
.contents.newRegist.regist06 .registMailBlock .formBox .timezoneBox {
	margin: auto;
}
.contents.newRegist.regist06 .registMailBlock .formBox .timezoneBox .timezoneBoxOther{
	margin-top: 0.5rem;
  margin-left: 15px;
}
.contents.newRegist.regist06 .registMailBlock .formBox .timezoneBox .timezoneBoxOther input{
	width: 80%;
}
.contents.newRegist.regist06 .registMailBlock .formBox .timezoneBox .timezone05Box{
	margin-bottom: 1.5rem;
}
.contents.newRegist.regist06 .registMailBlock .formBox .timezoneBox .timezone06Box{
	padding: 5px 5px 5px 15px;
}
.contents.newRegist.regist07 .registthanks {
	margin-bottom: 60px;
	padding-bottom: 70px;
	background: url(../img/dbltri.png) no-repeat center bottom;
}
.contents.newRegist .registthanks h3 {
	margin-bottom: 20px;
	text-align: center;
	font-weight: 400;
	font-size: 175%;
	color: #F00;
}
.contents.newRegist .registthanks p {
	padding-bottom: 60px;
	font-weight: 400;
	font-size: 124%;
}
.contents.newRegist.regist07 .registthanks p {
	padding-bottom: 60px;
	border-bottom: 1px solid #A0A0A0;
	font-weight: bold;
	font-size: 124%;
}
.contents.newRegist.regist06 .formelement {
	padding-left: 70px;
}
.contents.newRegist.regist06 .readAgreementBox{
	width: 80%;
	margin: 35px auto 25px;
	padding-left: 0;
}
.contents.newRegist.regist06 .registMailBlock .formBox .timezoneBox span.example{
	font-size: 87.5%;
}
.contents.newRegist.regist06 .readAgreementBox a{
	text-decoration: underline !important;
}
.contents.newRegist.regist06 .registMailBlock .caution {
	padding-top: 10px;
}
.contents.newRegist .entrySubmit{
	width: 100%;
}
.profile02 .registMailBlock p.registComNameText{
	margin: 5px 0 40px;
	font-size: 87.5%;
	line-height: 1.6;
}
/*--------------------------------------------------------
	Recruit LP Settings
---------------------------------------------------------*/
.recVisualBlock {
	width: 100%;
	margin: 0 auto 0;
	padding: 0;
}
.recVisualBlock .BlockInr {
	padding: 150px 0 150px;
	background: url(/assets/img/no_image.png) no-repeat ;
	background-size: cover;
}
.recVisualBlock .BlockInr .recVisualCopy {
	text-align: center;
}
.recVisualBlock p.recVisualCopySub {
	text-align: left;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
	font-size: 116%;
	font-weight: bold;
}
.recVisualBlock h1 {
	line-height: 1.4;
	font-size: 240%;
	font-weight: 400;
	text-align: center;
}
.recVisualBtmBlock {
	text-align: center;
	background: #fff;
}
.recVisualBtmBlock h2{
	margin: 0;
	padding: 15px 0;
	font-size: 125%;
	font-weight: 400;
}
.mailBlockWrap {
	background: #ededed;
}
.mailBlockInr {
	width: 100%;
	height: auto;
	padding: 30px 0;
	background: #bbbbbb;
	text-align: center;
}
.mailBlockInr .mailBlockInrBox,
.mailBlockSingle .mailBlockInr.mailBlockInrBox  {
	max-width: 1000px;
	margin: 0 auto;
}
.mailBlockSingle .mailBlockInr {
	text-align: center;
}
.mailBlockInr .btnBoxEmail{
	width: 60%;
	margin: 0 auto;
}
.mailBlockInr .btnBoxFacebook {
	width: 50%;
}
.mailBlockInr .btnBoxFacebook p.facebookLogin{
	display: inline-block;
	width: 80%;
}
.mailBlockSingle .mailBlockInr .btnBox li.mailBlockInrText{
	margin-top: 15px;
	color: red;
	font-size: 100%;
	font-weight: 400;
	text-align: left;
}
.mailBlockSingle .mailBlockInr .btnBox li.mailBlockInrText p{
	height: 20px;
}
.mailBlockInr form {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mailBlockInr input {
	display: inline-block;
	background: #FFF;
	height: 60px;
	width: 78%;
	padding: 0 1% 0 3%;
	margin: 0px;
	border: 1px solid #CCC;
	font-size: 100%;
}
.mailBlockInr button.submitBtn {
  width: 20%;
  height: 60px;
	margin: 0;
	padding: 0;
	background-color: #000;
	border: none;
	font-size: 93.75%;
	color: #fff;
	line-height: 0;
	cursor: pointer;
}
.mailBlockInr span {
	display: inline-block;
	width: 18%;
	font-size: 87.5%;
	line-height: 60px;
}
.mailBlockInr p.facebookLogin a {
	display: inline-block;
	background-color: #45629e;
  border: none;
	line-height: 64px;
  height: 60px;
  width: 100%;
  margin: 0px;
	font-size: 93.75%;
	color: #fff;
}
.mailBlockInr p i {
	padding: 0 10px 0 0;
	font-size: 150%;
}
.mailBlockInr .mailLogin:hover{
	opacity: 0.7;
	transition: 1.0s;
}
.mailBlockInr .btnBox{
	width: 100%;
}
.mailBlockInr .btnBox .mailBlockInrText p{
	margin-top: 15px;
	color: red;
	font-size: 87.5%;
	line-height: 1.6;
	font-weight: 400;
	text-align: left;
}
/* modal */
.mailBlockInr .btnBox .mailBlockInrText p a {
	display: block;
	background-color: transparent;
	border: none;
	height: auto;
	width: 87.5%;
	padding: 0px;
	margin: 0px;
	color: red;
}
.mailBlockInr .btnBox .mailBlockInrText p a:hover {
	text-decoration: underline;
}
#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}
#modal-content{
	display: none;
	position:fixed;
	top: 30%;
	left: 0;
	right: 0;
	max-width:380px;
	margin:1.5em auto 0;
	padding:60px 5%;
	background:#fff;
	z-index:2;
}
.modal-p{
	margin-top:1em;
}
.modal-p:first-child{
	margin-top:0;
}
.button-link{
	color:#00f;
	text-decoration:underline;
}
.button-link:hover{
	cursor:pointer;
	color:#f00;
}
#modal-content button {
	display: block;
	width: 100%;
	margin: 20px 0 15px;
	padding: 25px 0;
	text-align: center;
	font-size: 118%;
	cursor: pointer;
	background: #333;
	color: #fff;
	line-height: 0;
	border-style: none;
}
#modal-content button:hover {
	opacity: 0.7;
	transition: 1.0s;
}
#modal-content button a{
	color: #fff;
}
#modal-content p.modalText{
	/* font-size: 118%; */
}
#modal-content p.modalLoginInquiry{
	text-align: center;
}
#modal-content p.modalLoginInquiry a {
	text-decoration: underline;
}
#modal-content #modal-close {
	position: absolute;
	z-index: 9999;
	top: 10px;
	right: 2%;
	width: 80px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: Arial,sans-serif;
	background: #fff;
	background: rgba(255,255,255,.3);
	color: #000;
}
/* modal End */

.repContentsBlock .contents {
	max-width: 800px;
	margin: 80px auto 0;
	text-align: center;
}
.recMeritBlock h2 {
	clear: both;
	margin-bottom: 60px;
  padding: 40px 0;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
  background: #FDFDFD;
}
.recMeritBlock h4 {
	clear: both;
	margin: 45px 0;
	text-align: center;
	font-weight: bold;
	font-size: 160%;
}
.careerWrapper h2{
	font-weight: 400;
}
.recPointBlock p{
	margin-bottom: 45px;
}
.recPointBlock img{
	width: 100%;
}
.recFlowBlock .contents{
	max-width: 800px;
	margin: 80px auto 0;
}
.recFlowBlock li {
	clear: both;
	overflow: hidden;
	margin-bottom: 80px;
}
.recFlowBlock {
	margin-top: 80px;
}
.recFlowBlock h2 {
	margin-bottom: 60px;
	text-align: center;
	font-weight: 400;
}
.recFlowBlock .examTxt {
	float: left;
	width: 65%;
	margin-left: 50px;
}
.recFlowBlock .examTxt h3 {
	margin-bottom: 20px;
	font-size: 100%;
	font-weight: 400;
}
.recFlowBlock .examTxt p {
	font-size: 87.5%;
}
.recFlowBlock .examImg {
	float:right;
	width: 20%;
	text-align: center;
}
.recFlowBlock .examImg img{
	width: 100%;
}
.recFaqBlock {
	margin: 80px 0 30px ;
}
.recFaqBlock .contents{
	max-width: 800px;
	margin: 80px auto 0;
}
.recFaqBlock h2 {
	margin-bottom: 20px;
	text-align: center;
}
.recFaqBlock dl {
	padding: 50px 50px 20px;
}
.recFaqBlock dt {
	position: relative;
	padding: 10px 20px 10px 50px;
	background-color: #f5f5f5;
	font-size: 100%;
	font-weight: 400;
}
.recFaqBlock dt:before {
	content: "Q.";
	top:10px;
	display: block;
	position: absolute;
	margin: 0  .5em 0 -1.5em;
	font-weight: 400;
	font-size: 100%;
}
.recFaqBlock dd {
	position: relative;
	margin-bottom: 60px;
	padding: 10px 20px 10px  50px;
	font-size: 100%;
}
.recFaqBlock dd:before {
	content: "A.";
	top:10px;
	display: block;
	position: absolute;
	margin: 0  .5em 0 -1.5em;
	font-size: 100%;
}
.recFaqBlock dd a{
	color: #0537CC;
	text-decoration: underline;
}
.recFaqBlock dd a:visited{
	color: #0537CC;
}
.recProfileBlock{
}
.recProfileBlock .about_profile {
	overflow: hidden;
	font-size: 87.5%;
}
.recProfileBlock .about_profile .about_profile_l {
	float: left;
	width: 30%;
}
.recProfileBlock img {
	width: 100%;
}
.recProfileBlock .about_profile .about_profile_r {
	float: right;
	width: 65%;
	text-align: left;
}
.recProfileBlock .about_profile p.aboutSign {
	margin-bottom: 20px;
	font-size: 125%;
	font-weight: 400;
	line-height: 1.6;
}
.recServiceBlock .recServiceList{
	margin-bottom: 40px;
	padding: 40px 5%;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.recServiceBlock .recServiceList h3 {
	position: relative;
	margin-bottom: 20px;
	font-weight: 400;
}
.recServiceBlock .recServiceList h3::after {
	content: '‘‘';
	position: absolute;
	left: 15%;
	top: 0;
	font-size: 300%;
	line-height: 1;
	letter-spacing: -4px;
}
.recServiceBlock .recServiceList h3::before {
	content: '’’';
	position: absolute;
	right: 15%;
	top: 0;
	font-size: 300%;
	line-height: 1;
	letter-spacing: -4px;
}
.recServiceBlock .recServiceList p {
	text-align: left;
}
/*--------------------------------------------------------
	Youtube iframe Settings
---------------------------------------------------------*/
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	overflow: hidden;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 1400px) {
	/*--------------------------------------------------------
		TopPage Part Settings
	---------------------------------------------------------*/
	.careerChangeBlock .careerChangePhoto {
		width: 43%;
	}
	.careerChangeBlock .careerChangeData{
		width: 57%;
	}
	.careerChangeBlock .careerChangeData .careerChangeDataInr{
		padding: 7% 12% 7% 5%;
	}
}
@media only screen and (max-width: 1290px) {
	/*--------------------------------------------------------
		Common Settings
	---------------------------------------------------------*/

	/*--------------------------------------------------------
		Header Part Settings
	---------------------------------------------------------*/
	.visualBlock h1 {
		font-size: 230%;
	}
	/*--------------------------------------------------------
		TopPage Part Settings
	---------------------------------------------------------*/
	.careerChangeBlock .careerChangePhoto {
		width: 35%;
	}
	.careerChangeBlock .careerChangeData{
		width: 65%;
	}
	.careerChangeBlock .careerChangeData .careerChangeDataInr{
	padding: 5% 10% 2% 4%;
	}
	.careerChangeBlock .careerChangeData .careerChangeDataInr h3{
		margin-bottom: 10px;
		font-size: 115%;
	}
	.careerChangeBlock .careerChangeData .careerChangeDataInr p{
		font-size: 75%;
	}
}
@media only screen and (max-width: 1200px) {
	/*--------------------------------------------------------
		ResultPage Part Settings
	---------------------------------------------------------*/
	.searchBlock .searchBlockInr {
    padding: 50px 7%;
	}
	.searchBlock .searchBlockInr .rcsNavBox {
    float: none;
    width: 100%;
	}
	.searchBlock .searchBlockInr .jkkwsBox {
		float: left;
		width: 80%;
		margin-top: 25px;
	}

	/*--------------------------------------------------------
		ShowPage Part Settings
	---------------------------------------------------------*/
	.detailSideBlock .companyData .graphBlock .chart_box .c3-chart-arcs-title {
		font-size: 75%;
	}
}
@media only screen and (max-width: 1100px) {
	/*--------------------------------------------------------
		TopPage Part Settings
	---------------------------------------------------------*/
	.visualBlock .visualBlockIn p.visualBlockBtn{
		width: 35%;
	}
	.careerChangeBlock .careerChangePhoto {
		width: 40%;
	}
	.careerChangeBlock .careerChangeData{
		width: 60%;
	}
	.careerChangeBlock .careerChangeData .careerChangeDataInr{
	padding: 15% 11% 8% 4%;
	}
	.careerChangeBlock .careerChangeData .careerChangeDataInr h3{
		font-size: 110%;
	}
	.careerChangeBlock .careerChangeData .careerChangeDataInr p{
		display: none;
	}
	/*--------------------------------------------------------
		TopPage(resumeCheckBlock) Part Settings
	---------------------------------------------------------*/
	.resumeCheckBlock .careerChangeData .careerChangeDataInr p{
		display: block;
	}
	.resumeCheckBlock .careerChangeData .careerChangeDataInr{
		padding: 6% 0% 0% 0%;
	}
	.resumeCheckBlock .careerChangeData .careerChangeDataInr p.resumeCheckText{
		font-size: 80%;
	}
	/*--------------------------------------------------------
		TopPage(repBlock) Part Settings
	---------------------------------------------------------*/
	.repBlock .bscBtn{
		width: 60%;
	}
	/*--------------------------------------------------------
		Job Entry Index Part Settings
	---------------------------------------------------------*/
	.smartContents{
		width: 80%;
	}
	.smartContents .entryMailBlock .formBox{
		width: 100%;
	}
	.smartContents .entrySubmit{
		width: 100%;
	}
	/*--------------------------------------------------------
		Job Entry Confirm Part Settings
	---------------------------------------------------------*/
	.smartContents .entryConfirmBlock dl,
	.smartContents .entryAgree{
		width: 80%;
		margin: 0 auto 60px;
	}
	/*--------------------------------------------------------
		Job Entry Thanks Part Settings
	---------------------------------------------------------*/
	.smartContents .entryThanksBlock{
		width: 100%;
		margin-bottom: 80px;
	}
	.smartContents .entryThanksBlock .guideText p span {
		display: inline;
	}
	/*--------------------------------------------------------
		ContactBlock Part Settings
	---------------------------------------------------------*/
	.contactWrapper .smartContents .formBox {
		width: 100%;
	}
	.contactWrapper .smartContents .contactSubmit {
		width: 100%;
	}
	/*--------------------------------------------------------
		ContactBlock(contactThanksBlock) Part Settings
	---------------------------------------------------------*/
	.contactWrapper .smartContents .contactThanksBlock {
		width: 100%;
	}
	.contactWrapper .smartContents .contactThanksBlock .thanksBox {
		width: auto;
	}
	/*--------------------------------------------------------
		Company login Settings
	---------------------------------------------------------*/
	.company-login-container .loginBlock{
		width: 80%;
	}
	.company-login-container .loginBlock .form-horizontal{
		width: 100%;
	}
	.company-login-container .loginBlock button{
		width: 100%;
	}




}
@media only screen and (max-width: 1024px) {
	/*--------------------------------------------------------
		Common Settings
	---------------------------------------------------------*/
	.contents,.contentsFull{
		overflow: hidden;
		padding: 0 50px;
		margin: 0 auto;
	}
	/*--------------------------------------------------------
		Header Part Settings
	---------------------------------------------------------*/
	.header .navBlock{
		display: none;
	}
	/*--------------------------------------------------------
		mbtnBox Part Settings
	---------------------------------------------------------*/
	.mbtnBox {
		position: absolute;
		display: block;
		top: 40px;
		right: 50px;
		width: 32px;
		height: 20px;
		z-index: 99999;
		box-sizing: border-box;
		cursor: pointer;
	}
	.mbtnBox span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #333;
		margin: 0 auto;
	}
	.mbtnBox span:nth-of-type(1) {
		top: 0;
	}
	.mbtnBox span:nth-of-type(2) {
		top: 9px;
	}
	.mbtnBox span:nth-of-type(3) {
		bottom: 0;
	}
	.mbtnBox.active span:nth-of-type(1) {
		opacity: 0;
	}
	.mbtnBox.active span:nth-of-type(2) {
	}
	.mbtnBox.active span:nth-of-type(3) {
		opacity: 0;
	}
	#switchNav{
		position: fixed;
		display: none;
		width: 100%;
		height: 100vh;
		top: 0;
		left: 0;
		background-color: #fff;
		z-index: 99998;
	}
	#switchNav .switchNaviInr{
		display: table;
		table-layout: fixed;
		width: 100%;
		margin: 70px auto 3%;
		font-size: 125%;
		text-align: center;
	}
	#switchNav .switchNaviInr .switchNavInrMenu li{
		margin: 30px auto 0 auto;
	}
	#switchNav .switchNavSns{
	}
	#switchNav .switchNavSns ul{
		display: table;
		width: 20%;
		margin: 30px auto;
		text-align: center;
	}
	#switchNav .switchNavSns ul li{
		display: table-cell;
		padding: 0 10px;
		font-size: 125%;
	}
	/*--------------------------------------------------------
		TopPage(resumeCheckBlock) Part Settings
	---------------------------------------------------------*/
	.resumeCheckBlock .careerChangeData .careerChangeDataInr{
		padding: 5% 0% 0% 0%;
	}
	.resumeCheckBlock .bscBtn {
		margin-top: 10px;
	}
	/*--------------------------------------------------------
		Intern Part Settings
	---------------------------------------------------------*/
	.internCompanyList .internCompanyListData .internCompanyListDataInr{
		padding: 9% 15% 5% 6%;
	}
	/*--------------------------------------------------------
		internCompanyListPtn2 Part Settings
	---------------------------------------------------------*/
	.internCompanyListPtn2 .internCompanyListData .internCompanyListDataInr {
		padding: 8% 15% 0% 6%;
	}
	.internCompanyListPtn2 .internCompanyListData .internCompanyListDataInr h3{
		font-size: 100%;
	}
}
@media  only screen and (max-width: 768px) {
	/*--------------------------------------------------------
		Common Settings
	---------------------------------------------------------*/
	.pcOnly{
		display: none ;
	}
	.spOnly{
		display: block ;
	}
	.contents{
		padding: 0 5%;
	}
	.contentsFull{
		padding: 0;
	}
	.bscBtn{
		width: 60%;
	}
	h2{
		margin-bottom: 20px;
		font-size: 125%;
	}
	h3{
		font-size: 100%;
	}
	p{
		font-size: 87.5%;
	}
	/*--------------------------------------------------------
		flexBox Settings
	---------------------------------------------------------*/
	.flexBox{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.flex3ColumnBox li{
		margin: 0;
		margin-right: 5%;
		border: 1px solid #f2f2f2;
	}
	.flex3ColumnBox,.flex4ColumnBox {
		display: flex;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	.flex3ColumnBox li{
		flex: 0 0 85%;
	}
	.flex2ColumnList,.flex3ColumnList,.flex4ColumnList{
		display: block;
		width: 100%;
		flex-wrap: nowrap;
		justify-content: center;
	}
	.flex2ColumnList li,.flex3ColumnList li{
		width: 100%;
		flex:0;
		margin: 0;
		border: 1px solid #f2f2f2 !important;
		box-sizing: border-box;
	}
	.flex4ColumnBox li{
		flex: 0 0 85%;
		padding-right: 20px;
	}
	.flex4ColumnList li{
		width: 100%;
		flex:0;
		margin: 0;
		padding-right: 0;
		box-sizing: border-box;
	}
	.flex3ColumnBox li:first-child{
		border-right: 1px solid #f2f2f2 ;
	}
	.flex3ColumnBox li:last-child{
		border-left: 1px solid #f2f2f2 ;
	}
	/*--------------------------------------------------------
		Header Part Settings
	---------------------------------------------------------*/
	.header{
		position: fixed;
		z-index: 9999;
		width: 100%;
	}
	.mainSlickBox{
		padding-top: 100px;
	}
	.visualBlock{
		background-attachment:scroll;
	}
	.visualBlock h1 {
		font-size: 200%;
	}
	.visualBlockCopy{
		padding-top: 100px;
	}
	.visualBlock .visualBlockIn{
	}
	.visualBlock .visualBlockIn h1{
		font-size: 200%;
	}
	.visualBlock .visualBlockIn p{
		font-size: 120%;
	}
	.visualBlock .visualBlockIn p.visualBlockBtn{
		width: 50%;
	}
	a.scrollDown{
		bottom: -48%;
	}
	/*--------------------------------------------------------
		mbtnBox Part Settings
	---------------------------------------------------------*/
	.mbtnBox{
		position: fixed;
		right:5%;
	}
	#switchNav .switchNaviInr{
		width: 80%;
		font-size: 125%;
	}
	#switchNav .switchNaviInr .switchNavInrMenu li {
		margin: 25px auto 0 auto;
	}
	/*--------------------------------------------------------
		Footer Part Settings
	---------------------------------------------------------*/
	.footer .footerInfo {
		float: none;
		width: 100%;
		padding: 0;
	}
	.footer .footerInfo img{
		width: 45%;
	}
	.footer .footerNavi {
		float: none;
		width: 100%;
	}
	.footer .footerNavi ul{
		display: block;
		text-align: center;
	}
	.footer .footerNavi ul li{
		margin-bottom: 25px;
		padding-right: 0;
	}
	.footer .footerNavi ul li:after{
		display: none;
	}
	.footer small{
		padding-left: 0;
	}
	/*--------------------------------------------------------
		topicpathBlock Part Settings
	---------------------------------------------------------*/
	.topicpathBlock{
		padding: 130px 0 30px;
	}
	/*--------------------------------------------------------
		TopPage Part Settings
	---------------------------------------------------------*/
	.visualBlock .spOnly{
		display: block;
	}
	.visualBlock .pcOnly{
		display: none;
	}
	.visualBtnNav {
		margin-bottom: 50px;
	}
	.careerChangeBlock{
	}
	.careerChangeBlock ol li:after{
		bottom: 0;
		top: auto;
		width: 100%;
		height: 40px;
	}
	.careerChangeBlock .careerChangeData .careerChangeDataInr h3{
		font-size: 100%;
	}
	.careerChangeBlock .careerChangePhoto {
		float: none;
		width: 100%;
	}
	.careerChangeBlock .careerChangeData{
		float: none;
		width: 100%;
		padding: 0;
	}
	.careerChangeBlock .careerChangeData .careerChangeDataInr{
		padding: 5% 5% 10% 5%;
	}
	.careerChangeBlock .careerChangeData .careerChangeDataInr h3{
		margin-bottom: 10px;
	}
	/*--------------------------------------------------------
		TopPage(careerChangeBlock) Part Settings
	---------------------------------------------------------*/
	.careerChangeBlock .careerChangePhoto:after{
		top: 100%;
		bottom: 7%;
		right: 49%;
		content: '';
		width: 1.6em;
		height: .25em;
		display: block;
		margin: auto;
		-ms-transform: skewX(45deg);
		-webkit-transform: skewX(45deg);
		transform: skewX(45deg);
	}
	.careerChangeBlock ol li:last-child{
		margin-bottom: 0;
	}
	/*--------------------------------------------------------
		TopPage(recruitInfoBlock) Part Settings
	---------------------------------------------------------*/
	.recruitInfoBlock p.recruitLinkMini{
		top: 5px;
		right: 5%;
		left: auto;
	}
	.recruitInfoBlock .contents{
		padding: 0 0 0 5%;
	}
	.recruitInfoBlock ul.flickBox {
		display: flex;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	.recruitInfoBlock ul.flickBox li{
		flex: 0 0 85%;
	}
	.recruitInfoBlock .recruitLinkBig{
		width:95%;
		margin: 40px 0 0;
	}
	/*--------------------------------------------------------
		TopPage(newsBlock) Part Settings
	---------------------------------------------------------*/
	.newsBlock .newsBlockInr{
		padding: 30px 0 30px 5%;
	}
	.newsBlock p.newsLinkMini{
	}
	.newsBlock ul li{
		margin-right: 4%;
	}
	.newsBlock .newsBlockInr .flex3ColumnBox li.flex3Column{
		border:none ;
	}
	.topNewsBlock .newsBlockInr{
		padding: 30px 5%;
	}
	/*--------------------------------------------------------
		TopPage(workBlock) Part Settings
	---------------------------------------------------------*/
	.topColumnBlock h2{
		padding-right: 5%;
	}
	.workBlock p.workLinkMini{
		padding-right: 5%;
	}
	/*--------------------------------------------------------
		TopPage(externalLinksBanner) Part Settings
	---------------------------------------------------------*/
	.wrapper.externalLinksBanner{
		padding-bottom: 40px;
	}
	.externalLinksBanner{
		margin-bottom: 80px;
		padding: 60px 0 30px;
		border-top: 1px solid #e3e3e3;
		border-bottom: 1px solid #e3e3e3;
	}
	.externalLinksBanner img{
		width: 100%;
		margin-bottom: 20px;
	}
	/*--------------------------------------------------------
		TopPage(resumeCheckBlock) Part Settings
	---------------------------------------------------------*/
	.resumeCheckBlock .careerChangeData:after{
		display: none;
	}
	.resumeCheckBlock .careerChangeData h3{
		font-size: 125%;
	}
	.resumeCheckBlock .careerChangeData p{
		font-size: 87.5%;
	}
	.resumeCheckBlock .bscBtn {
		margin-top: 15px;
	}
	/*--------------------------------------------------------
		TopPage(repBlock) Part Settings
	---------------------------------------------------------*/
	.repBlock p.bscBtn{
		width: 66%;
	}
	/*--------------------------------------------------------
		LoginPage Part Settings
	---------------------------------------------------------*/
	.recruitLoginWrapper .smartContents{
		padding-top: 100px;
	}
	/*--------------------------------------------------------
		ResultPage Part Settings
	---------------------------------------------------------*/
	.searchBlock{
		padding-top: 100px;
	}
	.searchBlock .searchBlockInr{
		padding: 35px 5%;
	}
	.searchBlock ul li{
		vertical-align: middle;
	}
	.searchBlock ul li a{
		font-size: 90%;
	}
	.searchBlock .searchBlockInr .jkkwsBox{
		width: 100%;
	}
	.searchBlock .jkkwsBox .kwsBox{
		width: 75%;
	}
	.searchBlock .searchNumber{
		width: 25%;
	}
	.resultTopicpathBlock{
		padding: 130px 0 30px;
	}
	.resultWrapper {
		padding-bottom: 20px;
	}
	.resultWrapper .contents{
		padding: 0 5%;
	}
	.resultWrapper ul li{
		display: block;
		width: 100%;
		margin-bottom: 40px;
	}
	.resultWrapper ul.flex3ColumnList li{
		margin-bottom: 40px;
	}
	.searchBlock ul li a span {
		display: block;
	}
	.recruitInfoBlock ul.result1ColumnBox li.result1Column{
		margin-bottom: 7%;
	}
	.recruitInfoBlock ul.result1ColumnBox li.result1Column:last-child{
		margin-bottom: 40px;
	}
	.recruitInfoBlock ul.result1ColumnBox li.result1Column .result1ColumnPhoto{
		float: none;
		width: 100%;
		padding: 0;
	}
	.recruitInfoBlock ul.result1ColumnBox li.result1Column .result1ColumnData{
		float: none;
		width: auto;
		padding: 8%;
	}
	.recruitInfoBlock ul.result1ColumnBox li.result1Column .result1ColumnData h3{
		font-size: 125%;
	}
	.recruitInfoBlock ul.result1ColumnBox li.result1Column .result1ColumnData p.recruitJob{
		font-size: 100%;
	}
	.paginationBlock {
		position: relative;
		padding: 0 5% 40px;
	}
	.paginationBlock ul.pagination {
		position: static;
		float: none;
		width: 100%;
		padding: 8px 0;
		text-align: center;
		border: 1px solid #e3e3e3;
	}
	.paginationBlock ul.pagination li {
		display: inline-block;
		float: none;
		left: auto;
		border:none;
	}
	.paginationBlock ul.pagination li.allow {
		width: 30%;
	}
	.paginationBlock ul.pagination li:hover,
	.paginationBlock ul.pagination li a:hover {
		background: none;
		color: #2277FF;
	}
	/*--------------------------------------------------------
		ShowPage Part Settings
	---------------------------------------------------------*/
	.cntsShowDetailMain .showDetailBlock {
		display: block;
	}
	.detailMainBlock .detailMainBlockInr{
		padding: 40px 5%;
	}
	.detailSideBlock .companyData{
		padding: 40px 5%;
	}
	.cntsShowDetailMain{
		padding: 0;
	}
	.detailMainBlock{
		display: block;
		width: 100%;
		border:none;
	}
	.detailSideBlock{
		display: block;
		width: 100%;
		border:none;
	}
	.entryRightNowBox{
		padding: 0;
		font-size: 87.5%;
		text-align: center;
	}
	.entryRightNowBox .entryRightNow{
	 position: relative;
	}
	.entryRightNowBox .entryRightNow a{
		color: #fff;
		border: none;
	}
	.entryRightNowBox .entryRightNow a.previewBscBtnLink{
		background: #e7e7e7;
    color: #333;
	}
	.entryRightNowBoxBtn{
		padding: 0 5%;
		font-size: 87.5%;
		color: #2277FF;
		text-align: center;
	}
	.entryRightNow{
		margin-top: 15px;
	}
	.detailRecruitBlock .entryRightNowBox p span{
		display: block;
	}
	.otherRecruitBlock{
		width: 100%;
	}
	.otherRecruitBlock .contents{
		padding: 0 5%;
	}
	.otherRecruitBlock ul li{
		display: block;
		margin-bottom: 40px;
	}
	.cntsShowDetailMain .jobShowTopicSnsBox{
		margin: 0;
		padding: 0 5%;
	}
	.otherRecruitBlock ul li.flex2Column{
		width: 100%;
	}
	.entryRightNowBoxBtn .actionText{
		color: #333;
	}
	.previewshowBscBtn50{
		width: 100%;
	}
	/*--------------------------------------------------------
		Job Entry Index Part Settings
	---------------------------------------------------------*/
	.stepBarBlock {
		padding-top: 100px;
	}
	.stepBarBlock .stepBarBlockInr ol.stepBar {
		display: table;
		table-layout: fixed;
		width: 100%;
		text-align: center;
	}
	.stepBarBlock .stepBarBlockInr ol.stepBar li {
		display: table-cell;
		padding: 8px 0;
		background: #fff;
	}
	.stepBarBlock .stepBarBlockInr ol.stepBar li.active {
		color: #fff;
	}
	.stepBarBlock .stepBarBlockInr ol.stepBar li:first-child {
		border-right: 1px solid #f2f2f2;
	}
	.stepBarBlock .stepBarBlockInr ol.stepBar li:last-child {
		border-left: 1px solid #f2f2f2;
	}
	/*--------------------------------------------------------
		Job Entry Index Part Settings
	---------------------------------------------------------*/
	.entryWrapper .entryPhoneBlock p.bscBtnGray {
		width: 60%;
	}
	.smartContents{
		width: 100%;
	}
	.smartContents .entryMailBlock input[type=text]{
		width: 48%;
	}
	.smartContents .entryMailBlock input.entryBd, .smartContents .entryMailBlock input.entryTel{
		width: 20%;
	}
	.smartContents .entryMailBlock input.entryEmail{
		width: 100%;
	}
	/*--------------------------------------------------------
		Job Entry Thanks Part Settings
	---------------------------------------------------------*/
	.smartContents .entryThanksBlock h2 span{
		display: inline;
	}
	.smartContents .entryThanksBlock .thanksBox{
		width: 80%;
	}
	.smartContents .entryThanksBlock .thanksBox span{
		display: inline;
	}
	/*--------------------------------------------------------
		Intern Part Settings
	---------------------------------------------------------*/
	.internVisualBlock .visualBlockCopy {
		padding-top: 0;
	}
	.internCompanyList{
		margin-top: 60px;
	}
	.internCompanyList ol li:after{
		bottom: 0;
		top: auto;
		width: 100%;
		height: 40px;
	}
	.internCompanyList .internCompanyListData .internCompanyListDataInr h3{
		font-size: 100%;
	}
	.internCompanyList .internCompanyListPhoto {
		float: none;
		width: 100%;
	}
	.internCompanyList .internCompanyListData{
		float: none;
		width: 100%;
		padding: 0;
	}
	.internCompanyList .internCompanyListData .internCompanyListDataInr{
		padding: 5% 5% 10% 5%;
	}
	.internCompanyList .internCompanyListData .internCompanyListDataInr h3{
		margin-bottom: 10px;
	}
	.internCompanyList .internCompanyListPhoto:after{
		top: 100%;
		bottom: 7%;
		right: 49%;
		content: '';
		width: 1.6em;
		height: .25em;
		display: block;
		margin: auto;
		-ms-transform: skewX(45deg);
		-webkit-transform: skewX(45deg);
		transform: skewX(45deg);
		border-right: 1px solid #2277FF;
		border-bottom: 1px solid #2277FF;
	}
	/*--------------------------------------------------------
		internCompanyListPtn2 Part Settings
	---------------------------------------------------------*/
	.internCompanyListPtn2 .internCompanyListData .internCompanyListDataInr {
		padding: 8% 6% 15% 6%;
	}
	.internCompanyListPtn2 .internCompanyListData .internCompanyListDataInr h3{
		margin-bottom: 20px;
	}
	.internCompanyListPtn2 p.recruitJob{
		font-size: 87.5%;
	}
	/*--------------------------------------------------------
		SpecialPageVisualBlock Part Settings (Intern/new_graduate)
	---------------------------------------------------------*/
	.SpecialPageVisualBlock .visualBlockCopy p{
		font-size: 100%;
	}
	.SpecialPageVisualBlockBtn{
		padding: 0 30px;
	}
	.SpecialPageVisualBlockBtn p{
		font-size: 100%;
	}
	.SpecialPageBlockArea .block-B .contentsBlock img{
		float: none;
		width: 100%;
	}
	.SpecialPageBlockArea .block-B .contentsBlock .block-B_Text{
		float: none;
		width: 100%;
		margin-top: 30px;
	}
	.SpecialPageBlockArea .block-C .contentsBlock img {
		float: none;
		width: 100%;
	}
	.SpecialPageBlockArea .block-C .contentsBlock .block-C_Text {
		float: none;
		width: 100%;
		margin-top: 30px;
	}
	.SpecialPageBlockArea .block-D .contentsBlock img {
		float: none;
		width: 100%;
	}
	.SpecialPageBlockArea .block-D .contentsBlock .block-D_Text {
		float: none;
		width: 100%;
		margin-top: 30px;
	}
	.SpecialPageBlockArea .block-E .contentsBlock img {
		float: none;
		width: 100%;
	}
	.SpecialPageBlockArea .block-E .contentsBlock .block-E_Text {
		float: none;
		width: 100%;
		margin-top: 30px;
	}
	.SpecialPageBlock .workInfo dd {
		margin-bottom: 25px;
		padding: 30px 0 10px 0px;
		font-size: 87.5%;
	}
	.SpecialPageBlock .workInfo dd span{
		display: block;
	}
	.specialPageVisualBlockBtnLast {
		margin: 40px auto 120px;
	}
	.recruitingBlock {
		margin: 80px auto 0;
	}
	.recruitingBlockOther{
		padding: 60px 30px;
	}
	.entryBlock .entryInfo .entryInfoLeft {
		float: none;
		width: 100%;
		padding-bottom: 20px;
		border-bottom: 1px solid #f2f2f2;
	}
	.entryBlock .entryInfo .entryInfoRight{
		float: none;
		width: 100%;
	}
	.entryBlock .entryInfo .entryInfoRight h3{
		margin: 20px 0 10px;
	}
	.SpecialPageLastWrapper {
		margin-bottom: 80px;
	}
	/*--------------------------------------------------------
		newsListBlock Part Settings
	---------------------------------------------------------*/
	.newsListBlock .newsBlockInr{
		border:none;
		padding: 30px 5%;
	}
	.newsListBlock .newsBlockInr ul{
		display: table;
	}
	.newsListBlock .newsBlockInr ul li{
		display: block;
		width: 100%;
		padding: 0;
	}
	/*--------------------------------------------------------
		newsBlogBlock Part Settings
	---------------------------------------------------------*/
	.blogWrapper .blogPageBtn{
		margin: 60px 0 0;
	}
	.blogWrapper .blogPageBtn #next,
	.blogWrapper .blogPageBtn #prev{
		float: none;
		width: 99%;
		margin: 0 auto 20px;
	}
	.blogWrapper .blogPageBtn #next a, .blogWrapper .blogPageBtn #prev a {
		display: block;
		padding: 5%;
	}
	.newsBlogWrapper ul li{
		width: 100%;
		border: none !important;
	}
	/*--------------------------------------------------------
		workListBlock Part Settings
	---------------------------------------------------------*/
	.workListBlock .workBlockInr{
		padding: 30px 5%;
	}
	.workListBlock .workBlockInr ul{
		display: table;
	}
	.workListBlock .workBlockInr ul li{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		padding: 0;
	}
	.workListBlock ul li .careerChangeData p.workPosition {
		font-size: 87.5%;
	}
	/*--------------------------------------------------------
		ContactBlock Part Settings
	---------------------------------------------------------*/
	.contactSelectBlock {
		padding-top: 100px;
	}
	.contactIndexWrapper .contents .smartContents{
		margin-top: 160px;
	}
	.contactWrapper .contactPhoneBlock p.bscBtnGray{
		width: 60%;
	}
	/*--------------------------------------------------------
		ContactBlock(contactConfirmBlock) Part Settings
	---------------------------------------------------------*/
	.contactWrapper .smartContents{
		margin: 160px auto 60px;
	}
	.contactWrapper .contactConfirmBlock .confirmBox,
	.contactWrapper .smartContents .contactAgree {
		width: 80%;
		margin: 0 auto 60px;
	}
	/*--------------------------------------------------------
		ContactBlock(contactThanksBlock) Part Settings
	---------------------------------------------------------*/
	.contactWrapper .smartContents .contactThanksBlock {
	}
	/*--------------------------------------------------------
		Privacy Part Settings
	---------------------------------------------------------*/
	.securityWrap .securityContents{
		padding: 0 5%;
	}
	.securityWrap .securityContents .agreement ol li{
		font-size: 87.5%;
		line-height: 2;
	}
	.securityWrap .securityContents .agreement .sectionInr h4 {
		margin: 15px 0 5px;
		font-size: 87.5%;
	}
	/*--------------------------------------------------------
		404 Part Settings
	---------------------------------------------------------*/
	.fileNotFound h2{
		margin: 180px 0 35px;
	}
	.fileNotFoundBtm .contents{
		padding: 0 5%;
	}
	.fileNotFoundBtm .recruitLinkBig{
		width: 100%;
	}
	.fileNotFoundBtm ul.result1ColumnBox li.result1Column:last-child{
		margin-bottom: 0;
	}
	/*--------------------------------------------------------
		Company login Part Settings
	---------------------------------------------------------*/
	.company-login-container{
		padding: 0 5%;
	}
	.company-login-container .loginBlock{
		width: 100%;
		padding-top: 100px;
	}
	/*------------------------------------------
		Career flow newRegist
	------------------------------------------*/
	.contents.newRegist .careerMain > h2 {
		margin-top: 0;
		padding-top: 160px;
	}
	.contents.newRegist .smartContents.stepLine{
		width: 100%;
		padding: 0;
	}
	.contents.newRegist .smartContents{
		width: 100%;
	}
	.contents.newRegist .profile09Contents{
		margin-top: 0;
		padding-top: 160px;
	}
	/*--------------------------------------------------------
		Recruit LP Settings
	---------------------------------------------------------*/
	.recVisualBlock .BlockInr {
		padding: 170px 0 70px;
	}
	.recVisualBlock h1{
		font-size: 180%;
	}
	.recVisualBtmBlock h2{
		font-size: 87.5%;
	}
	.mailBlockInr{
		width: auto;
		height: auto;
		padding: 25px 5%;
	}
	.mailBlockInr .mailBlockInrBox{
		width: 100%;
	}
	.mailBlockInr form{
		display: block;
	}
	.mailBlockInr input{
		width: 75%;
		font-size: 87.5%;
	}
	.mailBlockInr .btnBoxEmail {
		width: 80%;
		margin: 0 auto;
	}
	.mailBlockInr button.submitBtn{
		width: 23%;
	}
	.mailBlockInr .btnBoxFacebook {
		width: 80%;
		margin: 0 auto;
	}
	.mailBlockInr span {
		display: block;
		width: 80%;
		height: 10px;
		margin: 0 auto 10px;
		font-size: 75%;
		line-height: 1.4px;
	}
	.mailBlockInr .btnBoxFacebook p.facebookLogin{
		width: 100%;
	}
	.recPointBlock img {
		width: 70%;
	}
	.recProfileBlock .about_profile{
		width: 60%;
		margin: 0 auto ;
	}
	.recProfileBlock .about_profile .about_profile_l{
		float: none;
		width: 100%;
	}
	.recProfileBlock .about_profile .about_profile_r{
		float: none;
		width: 100%;
		margin: 30px auto 0;
	}
	.recFlowBlock{
		margin-top: 0;
	}
	.recFlowBlock ul{
		width: 60%;
		margin: 0 auto ;
	}
	.recFlowBlock .examTxt{
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.recFlowBlock .examImg{
		float: none;
		width: 100%;
	}
	.recFlowBlock .examImg img{
		width: 40%;
	}
	.recFlowBlock .examTxt p{
		margin-bottom: 20px;
	}
	.recFlowBlock li:last-child{
		margin-bottom: 0;
	}
	.recFaqBlock dl{
		font-size: 87.5%;
	}
	.recFaqBlock dd{
		margin-bottom: 30px;
	}
}

@media  only screen and (max-width: 414px)   {
	/*--------------------------------------------------------
		Common Settings
	---------------------------------------------------------*/
	.bscBtn{
		width: 100%;
	}
	#pageTopBtn{
		width: 50px;
		height: 50px;
	}
	#pageTopBtn a{
	  width: 50px;
	  height: 50px;
	}
	#pageTopBtn a::before{
		bottom: -2px;
		right: 0;
		width: .3em;
		height: 1.3em;
	}
	.wrapper{
		padding-bottom: 60px;
	}
	/*--------------------------------------------------------
		Header Part Settings
	---------------------------------------------------------*/
	.header {
		height: 70px;
	}
	.header .logoBlock {
		height: 50px;
		margin: 10px 0;
	}
	.header .logoBlock h1{
		max-width: 180px;
		height: 50px;
		margin: 10px 0;
		line-height: 1.1;
	}
	.header .logoCenter{
		margin: 10px auto;
	}
	.header.simple .logoBlock{
		margin: 10px auto;
	}
	.header .mbtnBox{
		top: 18px;
		font-size: 23px;
	}
	.visualBlock .visualBlockIn{
		bottom: 15%;
	}
	.visualBlock .visualBlockIn h1 {
		font-size: 140%;
		line-height: 1.4;
	}
	.visualBlock .visualBlockIn p{
		margin-bottom: 5px;
		font-size: 87.5%;
	}
	.visualBlock .visualBlockIn p.visualBlockBtn{
		width: 65%;
		height: 50px;
		margin-top: 15px;
	}
	a.visualBlockBtnLink{
		font-size: 87.5%;
		line-height: 3.6;
	}
	a.scrollDown{
		left: calc(50% - 26px);
		bottom: -45%;
		padding-bottom: 21px;
		font-size: 65%;
	}
	a.scrollDown span{
		bottom: -10%;
	}
	/*--------------------------------------------------------
		Footer Part Settings
	---------------------------------------------------------*/
	.footer {
		padding: 60px 0 25px;
	}
	.footer .footerInr{
		margin-bottom: 60px;
	}
	.footer .footerInfo img{
		width: 60%;
		margin-bottom: 20px;
	}
	.footer small {
		padding-left: 0;
		font-size: 62.5%;
		text-align: center;
	}
	/*--------------------------------------------------------
		mbtnBox Part Settings
	---------------------------------------------------------*/
	.mbtnBox{
		width: 26px;
		height: 31px;
		top: 20px;
		right: 5%;
	}
	.mbtnBox span:nth-of-type(1) {
		top: 6px;
	}
	.mbtnBox span:nth-of-type(2) {
		top: 15px;
	}
	.mbtnBox span:nth-of-type(3) {
		bottom: 6px;
	}
	#switchNav .switchNaviInr{
		width: 100%;
		margin: 35px auto 30px;
		font-size: 100%;
	}
	#switchNav .switchNaviInr .switchNavInrMenu li{
		margin: 25px auto 0 auto;
	}
	#switchNav .switchNaviInr .switchNavInrMenu li a{
		font-size: 87.5%;
	}
	#switchNav .bscBtn{
		width: 85%;
	}
	#switchNav .loginCompany{
		margin-top: 20px;
	}
	#switchNav .switchNavSns ul li{
		padding: 0 25px;
	}
	#switchNav a.bscBtnLink{
		padding: 15px 0;
		font-size: 87.5%;
	}
	#switchNav .switchNavSns ul{
		margin: 20px auto ;
	}
	/*--------------------------------------------------------
		Footer Part Settings
	---------------------------------------------------------*/
	.footer .footerNavi{
		font-size: 80%;
	}
	/*--------------------------------------------------------
		topicpathBlock Part Settings
	---------------------------------------------------------*/
	.topicpathBlock .topicpathBox li a:after {
		top: 55%;
	}
	/*--------------------------------------------------------
		TopPage Part Settings
	---------------------------------------------------------*/
	.careerChangeBlock .careerChangeData .careerChangeDataInr{
		padding: 7% 5% 10% 5%;
	}
	.careerChangeBlock .careerChangeData .careerChangeDataInr h3{
		margin-bottom: 25px;
	}
	.careerChangeBlock .careerChangePhoto:after {
		bottom: 10%;
	}
	.fb-like,.tw_btn,.li_btn{
		margin: 0 10px;
	}
	/*--------------------------------------------------------
		TopPage(recruitInfoBlock) Part Settings
	---------------------------------------------------------*/
	.recruitInfoBlock p.recruitLinkMini{
		top: 0;
	}
	.recruitInfoBlock ul li .careerChangeData p.recruitSalary,
	.recruitInfoBlock ul li .careerChangeData p.recruitPlace{
		font-size: 68%;
	}
	/*--------------------------------------------------------
		TopPage(workBlock) Part Settings
	---------------------------------------------------------*/

	/*--------------------------------------------------------
		TopPage(topNewsBlock) Part Settings
	---------------------------------------------------------*/
	.topNewsBlock .newsBlockInr p.newsBlockDate{
		font-size: 70%;
	}
	.topNewsBlock ul.topNewsBlockIn li{
		padding: 20px 0;
	}
	.topNewsBlock .newsBlockInr ul li .newsData h3{
		margin-bottom: 0;
		font-size: 80%;
	}

	/*--------------------------------------------------------
		TopPage(externalLinksBanner) Part Settings
	---------------------------------------------------------*/

	/*--------------------------------------------------------
		TopPage(resumeCheckBlock) Part Settings
	---------------------------------------------------------*/
	.resumeCheckBlock .careerChangeData .careerChangeDataInr {
		padding: 30px 0 80px;
	}
	.resumeCheckBlock .careerChangeData .careerChangeDataInr p{
		display: block;
	}
	.resumeCheckBlock .careerChangeData p.resumeCheckText {
		text-align: left;
	}
	.resumeCheckBlock .careerChangeData p.resumeCheckText span{
		display: inline;
	}
	.resumeCheckBlock .bscBtn{
		width: 100%;
	}
	/*--------------------------------------------------------
		TopPage(repBlock) Part Settings
	---------------------------------------------------------*/
	.repBlock{
		width: auto;
		padding: 60px 5% 110px;
	}
	.repBlock p.bscBtn{
		width: 100%;
	}
	/*--------------------------------------------------------
		LoginPage Part Settings
	---------------------------------------------------------*/
	.recruitLoginWrapper .smartContents{
		padding-top: 70px;
	}
	.recruitLoginWrapper .smartContents .entryMailBlock{
		padding: 0;
		border: none;
	}
	/*--------------------------------------------------------
		topicpathBlock Part Settings
	---------------------------------------------------------*/
	.topicpathBlock {
		margin: 0;
		padding: 90px 0 20px;
		font-size: 80%;
	}
	/*--------------------------------------------------------
		ResultPage Part Settings
	---------------------------------------------------------*/
	.resultTopicpathBlock {
		padding: 90px 0 20px;
	}
	.searchBlock{
		padding-top: 70px;
	}
	.searchBlock h2 {
		margin-bottom: 10px;
		font-size: 80%;
	}
	.searchBlock .searchBlockInr{
		padding: 25px 5%;
	}
	.searchBlock ul li a{
		padding: 9px 0;
		font-size: 70%;
	}
	.searchBlock ul li a span{
		display: block;
	}
	.searchBlock .searchNumber {
		float: right;
		width: 24%;
		margin: 20px 0 0 0;
		font-size: 90%;
	}
	.searchBlock .searchBlockInr .jkkwsBox{
		margin-top: 0;
	}
	.searchBlock .jkkwsBox .kwsBox{
		width: 75%;
	}
	.searchBlock .jkkwsBox .kwsBox input{
		width: 75%;
		height: 50px;
		margin: 15px 0 0 0;
		font-size: 70%;
	}
	.searchBlock .jkkwsBox .kwsBox input.ipsmt{
		font-size: 70%;
	}
	.resultWrapper {
		padding-bottom: 0;
	}
	.recruitInfoBlock ul.result1ColumnBox li.result1Column .result1ColumnData h3{
		font-size: 100%;
	}
	.recruitInfoBlock ul.result1ColumnBox li.result1Column .result1ColumnData p.recruitJob{
		font-size: 87.5%;
	}
	/*--------------------------------------------------------
		ShowPage Part Settings
	---------------------------------------------------------*/
	.cntsShowDetailMain .showDetailBlock h1{
		font-size: 125%;
	}
	.cntsShowDetailMain .showDetailBlock h2{
		font-size: 112.5%;
	}
	.cntsShowDetailMain p{
		font-size: 87.5%;
	}
	.detailRecruitBlock .detailTreatmentInfo{
		margin-top: 100px;
	}
	.detailRecruitBlock .detailTreatmentInfo h3{
		font-size: 100%;
	}
	.detailSideBlock .companyData h4{
		font-size: 100%;
	}
	.previewshowBscBtn50 a.previewBscBtnLink{
		font-size: 70%;
	}
	.previewshowCenter{
		width: auto;
		margin-bottom: 60px;
		padding: 0 5%;
	}
	/*--------------------------------------------------------
		Job Entry Index Part Settings
	---------------------------------------------------------*/
	.stepBarBlock {
		padding-top: 70px;
	}
	.stepBarBlock .stepBarBlockInr {
		padding: 25px 5%;
	}
	.stepBarBlock .stepBarBlockInr ol.stepBar{
		font-size: 70%;
	}
	.stepBarBlock .stepBarBlockInr ol.stepBar li{
		padding: 8px 0;
	}
	.entryWrapper{
		padding-bottom: 0;
	}
	.smartContents{
		width: 100%;
		margin: 40px auto;
	}
	.smartContents h1 {
		font-size: 100%;
		text-align: left;
	}
	.smartContents h2{
		font-size: 125%;
	}
	.smartContents .entryBlock p{
		margin-bottom: 35px;
		font-size: 100%;
		text-align: left;
	}
	.smartContents .entryMailBlock {
		margin-bottom: 80px;
	}
	.smartContents .entryMailBlock .entryLead{
		font-size: 75%;
	}
	.smartContents .entryMailBlock .formelement p{
		font-size: 87.5%;
	}
	.smartContents .entryMailBlock input[type=text], .smartContents .entryMailBlock textarea {
		font-size: 87.5%;
	}
	.smartContents .entryMailBlock input.entryTel{
		width: 28%;
	}
	.smartContents .entrySubmit p {
		text-align: left;
	}
	.smartContents .entrySubmit p span {
		display: inline;
	}
	/*--------------------------------------------------------
		Job Entry Confirm Part Settings
	---------------------------------------------------------*/
	.smartContents .entryConfirmBlock dl,
	.smartContents .entryAgree{
		width: 100%;
	}
	.smartContents .entrySubmit p.confirmBack{
		text-align: center;
	}
	.smartContents .entryConfirmBlock dl{
		margin: 0 auto 40px;
	}
	.smartContents .entryAgree{
		margin: 40px auto 0;
	}
	.smartContents .entryConfirmBlock .entrySubmit {
		margin: 0 auto 80px;
	}
	/*--------------------------------------------------------
		Job Entry Thanks Part Settings
	---------------------------------------------------------*/
	.smartContents .entryThanksBlock h2{
		text-align: left;
	}
	.smartContents .entryThanksBlock .thanksBox{
		width: 100%;
	}
	.smartContents .entryThanksBlock .guideText h3{
		text-align: left;
	}
	.smartContents .entryThanksBlock .guideText h4{
		text-align: left;
	}
	.smartContents .entryThanksBlock .guideText p{
		text-align: left;
	}
	.smartContents .entryThanksBlock .thanksPhoneBlock .bscBtnGray{
		width: 80%;
	}
	.smartContents .entryThanksBlock .thanksPhoneBlock span{
		font-size: 87.5%;
	}
	.smartContents .entryThanksBlock .thanksBox{
		text-align: left;
		font-size: 87.5%;
	}
	.smartContents .entryThanksBlock .thanksBoxbscBtn{
		width: 80%;
	}
	.smartContents .entryThanksBlock .thanksBoxbscBtn p{
		text-align: center;
	}
	/*--------------------------------------------------------
		Intern Part Settings
	---------------------------------------------------------*/
	.internCompanyList{
		padding-bottom: 0;
	}
	.internCompanyList .internCompanyListData .internCompanyListDataInr{
		padding: 7% 5% 17% 5%;
	}
	.internCompanyList .internCompanyListData .internCompanyListDataInr h3{
		margin-bottom: 5px;
	}
	.internCompanyListBtn{
		padding: 0 5%;
	}
	.internCompanyList ol li:last-child{
		margin-bottom: 0;
	}
	/*--------------------------------------------------------
		internCompanyListPtn2 Part Settings
	---------------------------------------------------------*/
	.internCompanyListPtn2 .internCompanyListData .internCompanyListDataInr {
		padding: 8% 6% 18% 6%;
	}
	/*--------------------------------------------------------
		SpecialPageVisualBlock Part Settings (Intern/new_graduate)
	---------------------------------------------------------*/
	.SpecialPageVisualBlock p{
		margin-bottom: 5px;
		font-size: 87.5%;
	}
	.SpecialPageVisualBlockBtn {
		padding: 0 5%;
	}
	.BlockInr{
		padding: 0 5%;
	}
	.recruitingBlock {
		margin: 60px auto 0;
	}
	.recruitingBlockOther {
		padding: 60px 5%;
	}
	.SpecialPageVisualBlock .visualBlockCopy{
		bottom: 20px;
	}
	.recruitingBlock .workInfo dt{
	}
	.SpecialPageContactBlock{
		padding: 80px 5%;
	}
	.comInfoBlock{
		margin-bottom: 60px;
	}
	/*--------------------------------------------------------
		newsBlogBlock Part Settings
	---------------------------------------------------------*/
	.blogWrapper{
		margin: 0 auto 60px;
	}
	.blogWrapper .blogPageBtn #next a, .blogWrapper .blogPageBtn #prev a {
		display: block;
		padding: 10%;
	}
	/*--------------------------------------------------------
		ContactBlock Part Settings
	---------------------------------------------------------*/
	.contactSelectBlock {
		padding-top: 70px;
		font-size: 87.5%;
	}
	.contactSelectBlock .contactKindBlock {
		padding: 25px 2%;
	}
	.contactWrapper .contactMailBlock p.contactLead {
		text-align: left;
	}
	.contactWrapper .smartContents .contactMailBlock p {
		font-size: 87.5%;
	}
	.contactWrapper .smartContents .contactMailBlock input[type=text], .contactWrapper .smartContents .contactMailBlock textarea {
		padding: 16px 13px;
		font-size: 87.5%;
	}
	.contactWrapper .smartContents .contactMailBlock input[type=text], .contactWrapper .smartContents .contactMailBlock textarea {
		width: 100%;
	}
	.contactWrapper .smartContents .contactMailBlock input.contactTel {
		width: 28%;
		margin: 0;
	}
	.contactWrapper .smartContents .contactSubmit p {
		text-align: left;
	}
	.contactWrapper .smartContents .contactSubmit p span {
		display: inline;
	}
	/*--------------------------------------------------------
		ContactBlock(contactConfirmBlock) Part Settings
	---------------------------------------------------------*/
	.contactWrapper .smartContents{
		margin: 110px auto 60px;
	}
	.contactIndexWrapper .contents .smartContents{
		margin-top: 110px;
	}
	.contactWrapper .contactConfirmBlock .confirmBox,
	.contactWrapper .smartContents .contactAgree {
		width: 100%;
		margin: 0 auto 40px;
	}
	.contactWrapper .smartContents .contactSubmit p span {
		display: inline;
	}
	.contactWrapper .smartContents .contactSubmit p.confirmBack {
		text-align: center;
	}
	/*--------------------------------------------------------
		ContactBlock(contactThanksBlock) Part Settings
	---------------------------------------------------------*/
	.contactWrapper .smartContents .contactThanksBlock h2 {
		text-align: left;
	}
	.contactWrapper .smartContents .contactThanksBlock h2 span {
		display: inline;
	}
	/*--------------------------------------------------------
		Privacy Part Settings
	---------------------------------------------------------*/
	.securityWrap .securityContents{
		margin: 30px auto;
		padding: 0 5%;
	}
	.securityWrap .securityContents .securityBlock,
	.securityWrap .securityContents .privacyBlock,
	.securityWrap .securityContents .supportBlock{
		margin-bottom: 60px;
		padding: 0 0 40px;
		border: none;
	}
	.securityWrap .contents .section h1 {
		margin: 0 0 30px;
		font-size: 125%;
	}
	.securityWrap .contents .section h2 {
		margin: 0 0 10px;
		font-size: 87.5%;
	}
	.securityWrap .contents .section ol li{
	font-size: 87.5%;
	line-height: 2;
	}
	.securityWrap .contents .supportBlock {
		padding: 0;
	}
	.securityWrap .contents .supportBlock h1{
		margin-bottom: 20px;
	}
	/*--------------------------------------------------------
		Agreement Part Settings
	---------------------------------------------------------*/
	.securityWrap .securityContents .agreement{
		margin-bottom: 60px;
		padding: 0;
		border: none;
	}
	.securityWrap .securityContents .agreement .agreeBox{
		margin-top: 0;
	}
	.securityWrap .securityContents .agreement .sectionInr {
		margin: 60px 0;
	}
	.securityWrap .securityContents .agreement h1{
		margin-bottom: 60px;
		font-size: 125%;
	}
	.securityWrap .securityContents .agreement .sectionInr h3 {
		margin: 30px 0 0;
		padding: 15px 15px;
		font-size: 100%;
	}
	/*--------------------------------------------------------
		404 Part Settings
	---------------------------------------------------------*/
	.fileNotFound {
		margin-bottom: 20px;
	}
	.fileNotFound h2{
		margin: 150px 0 35px;
	}
	.fileNotFound p{
		text-align: left;
	}
	/*--------------------------------------------------------
		403 Part Settings
	---------------------------------------------------------*/
	.noAccess .bscBtn a{
		text-align: center;
	}
	/*--------------------------------------------------------
		Company login Part Settings
	---------------------------------------------------------*/
	.company-login-container .loginBlock{
		padding-top: 70px;
	}
	.company-login-container .loginBlock h2 {
		font-size: 125%;
	}
	.company-login-container .loginBlock .form-horizontal dt,
	.company-login-container .loginBlock .form-horizontal .loginForgot a{
		font-size: 87.5%;
	}
	/*--------------------------------------------------------
		Company login forgot Settings
	---------------------------------------------------------*/
	.company-login-container .loginBlock .form-horizontal label{
		font-size: 87.5%;
	}
	/*------------------------------------------
		Career flow newRegist
	------------------------------------------*/
	.contents.newRegist .careerMain > h2 {
		padding-top: 100px;
		font-size: 125%;
	}
	.contents.newRegist .registMailBlock h3{
	font-size: 100%;
	}
	.contents.newRegist .stepLineBlock span{
		font-size: 87.5%;
	}
	.contents.newRegist .registMailBlock .radio,
	.contents.newRegist .registMailBlock .checkbox,
	.contents.newRegist .registMailBlock .selectL{
		font-size: 87.5%;
	}
	.contents.newRegist .entrySubmit p.prevPage{
		text-align: center;
	}
	.contents.newRegist.regist02 .registMailBlock .formBox span{
		font-size: 87.5%;
	}
	.contents.newRegist .registMailBlock input.inputS {
		width: 48%;
	}
	.contents.newRegist select{
		padding: 0.4rem;
		font-size: 87.5%;
		background-size: 8px;
	}
	.contents.newRegist select.finalEducationBox{
		width: 36%;
	}
	.contents.newRegist .registMailBlock .formelement{
		font-size: 87.5%;
	}
	.contents.newRegist.profile02 .registMailBlock .formBox .careerStartYearBox select{
		width: 22%;
		margin-bottom: 8px;
	}
	.contents.newRegist.regist06 .formelement{
		padding-left: 0;
	}
	.contents.newRegist.regist06 .readAgreementBox{
		font-size: 87.5%;
		line-height: 2;
	}
	.contents.newRegist .registMailBlock .centerCaution{
	text-align: left;
	}
	.contents.newRegist .registMailBlock .example{
		font-size: 87.5%;
	}
	.contents.newRegist .registthanks h3{
		font-size: 140%;
	}
	.contents.newRegist .registthanks p{
		font-size: 108%;
	}
	.contents.newRegist .registMailBlock .caution,
	.contents.newRegist .registMailBlock .example{
		margin-top: 10px;
		font-size: 87.5%;
	}
	.contents.newRegist .profile09Contents{
		padding-top: 100px;
	}
	.contents.newRegist.regist01 .registMailBlock .formBox .selectBirthdayBox{
		font-size: 87.5%;
	}
	.contents.newRegist.regist06 .readAgreementBox{
		width: 95%;
		margin: 35px auto 25px;
		padding-left: 0;
	}
	.contents.newRegist.regist01 .registMailBlock .formBox select.selectBirthday {
		font-size: 87.5%;
	}
	.contents.newRegist.regist03 .registMailBlock .formBox label.hopeday select {
		width: 26%;
	}
	/*--------------------------------------------------------
		Recruit LP Settings
	---------------------------------------------------------*/
	.recVisualBlock .BlockInr {
		padding: 120px 0 50px;
	}
	.recVisualBlock h1{
		font-size: 125%;
	}
	.recVisualBtmBlock h2{
		font-size: 80%;
	}
	.recVisualBtmBlock h2 span{
		display: block;
	}

	.mailBlockInr .btnBoxEmail {
		width: 100%;
		margin: 0 auto ;
	}
	.mailBlockInr .btnBoxFacebook {
		width: 100%;
		margin: 0 auto;
	}
	.mailBlockInr span {
		display: block;
		width: 100%;
		height: 10px;
		margin: 0 auto 10px;
		font-size: 75%;
		line-height: 1.4px;
	}
	.mailBlockInr .btnBoxFacebook p.facebookLogin{
		width: 100%;
		font-size: 100%;
	}
	.mailBlockInr .btnBoxFacebook p.facebookLogin a{
		font-size: 75%;
	}
	.mailBlockInr input{
		padding: 1% 1% 0 3%;
		font-size: 80%;
	}
	.mailBlockInr button.submitBtn{
		font-size: 75%;
	}
	#modal-content{
		margin: 1em 5% 0;
	}
	#modal-content button a {
		font-size: 87.5%;
	}
	.repContentsBlock .contents h2 span{
		display: block;
	}
	.recPointBlock p{
		text-align: left;
	}
	.recPointBlock img {
		width: 95%;
	}
	.repContentsBlock .contents {
		max-width: 100%;
		margin: 60px auto 0;
	}
	.recProfileBlock .about_profile {
		width: 100%;
	}
	.recProfileBlock .about_profile .about_profile_l {
		width: 60%;
		margin: 0 auto;
	}
	.recFlowBlock ul {
		width: 100%;
	}
	.recFaqBlock{
		margin-top: 60px;
	}
	.recFaqBlock .contents{
		margin-top: 60px;
	}
	.recFaqBlock dl {
		padding: 0;
	}
}
@media  only screen and (max-width: 375px) {
	.visualBlock .visualBlockIn {
		bottom: 15%;
	}
	a.scrollDown {
		bottom: -43%;
	}
}

@media  only screen and (max-width: 320px) {
	/*--------------------------------------------------------
		Common Settings
	---------------------------------------------------------*/
	h1{
		font-size: 120%;
	}
	h2{
		font-size: 110%;
	}
	h3{
		font-size: 100%;
	}
	p{
		font-size: 75%;
	}
	/*--------------------------------------------------------
		Header Part Settings
	---------------------------------------------------------*/
	.header {
		height: 70px;
	}
	.header .logoBlock {
		width: 60%;
		margin: 17px 0;
	}
	.header .logoCenter{
		margin: 17px auto;
	}
	.visualBlock .visualBlockIn h1{
		font-size: 120%;
	}
	.footer .footerNavi .footerNaviInr{
		font-size: 87.5%;
	}
	.mbtnBox{
		width: 26px;
		height: 31px;
		top: 20px;
		right: 5%;
	}
	.mbtnBox span:nth-of-type(1) {
		top: 6px;
	}
	.mbtnBox span:nth-of-type(2) {
		top: 15px;
	}
	.mbtnBox span:nth-of-type(3) {
		bottom: 6px;
	}
	.mainSlickBox {
		padding-top: 70px;
	}
	.visualBlock .visualBlockCopy h1{
		font-size: 130%;
	}
	.visualBtnNav .contentsFull ul li a {
		font-size: 68.75%;
	}
	#switchNav .switchNaviInr{
		width: 85%;
		margin: 10% auto 10%;
		padding-left: 3%;
	}
	#switchNav .switchNaviInr .switchNavInrMenu li{
		margin: 20px auto 0 auto;
	}
	#switchNav .switchNaviInr .switchNavInrMenu li a{
		font-size: 75%;
	}
	#switchNav .bscBtn{
		width: 85%;
	}
	#switchNav .loginUser{
		margin-top: 25px;
	}
	#switchNav .loginCompany{
		margin-top: 20px;
	}
	#switchNav .switchNavSns ul{
		margin: 20px auto;
	}
	#switchNav .switchNavSns ul li{
		padding: 0 25px;
	}
	#switchNav a.bscBtnLink{
		padding: 10px 0;
		font-size: 75%;
	}
	.visualBlock .visualBlockIn {
		bottom: 17%;
	}
	/*--------------------------------------------------------
		topicpathBlock Part Settings
	---------------------------------------------------------*/
	.topicpathBlock {
		margin: 0;
		padding: 90px 0 20px;
		font-size: 75%;
	}
	/*--------------------------------------------------------
		ResultPage Part Settings
	---------------------------------------------------------*/
	.searchBlock{
		padding-top: 100px;
	}
	.searchBlock .searchBlockInr {
		padding: 25px 5%;
	}
	.searchBlock h2 {
		margin-bottom: 20px;
		font-size: 75%;
	}
	.searchBlock ul li a {
		padding: 10px 0;
		font-size: 70%;
	}
	.searchBlock ul li a span {
		display: block;
	}
	.searchBlock ul li:first-child {
		vertical-align: middle;
	}
	.searchBlock .jkkwsBox .kwsBox {
		width: 80%;
	}
	.searchBlock .jkkwsBox .kwsBox input{
		width: 67%;
		height: 52px;
		margin: 15px 0 0;
		padding: 0 0 0 10px;
		font-size: 70%;
	}
	.searchBlock .jkkwsBox .kwsBox input.ipsmt {
		width: 25%;
	}
	.searchBlock .searchNumber{
		width: 20%;
		margin: 28px 0 0 0;
		font-size: 70%;
	}
	.searchBlock .searchNumber span {
		font-size: 148%;
	}

	/*--------------------------------------------------------
		ShowPage Part Settings
	---------------------------------------------------------*/
	.detailMainBlock .recruitCategory{
		width: 80px;
		padding: 5px 0;
		font-size: 80%;
	}
	.detailMainBlock h2{
		font-size: 110%;
	}
	.detailRecruitBlock .entryRightNowBox p {
		font-size: 80%;
	}
	.detailRecruitBlock .detailTreatmentInfo h3{
		font-size: 100%;
	}
	.detailRecruitBlock .detailTreatmentInfo p{
		font-size: 80%;
	}
	.detailSideBlock .companyData h4{
		font-size: 100%;
	}
	/*--------------------------------------------------------
		Job Entry Confirm Part Settings
	---------------------------------------------------------*/
	.smartContents .entryConfirmBlock dl,
	.smartContents .entryAgree{
		font-size: 80%;
	}
	.smartContents .entryThanksBlock .thanksBox{
		margin-top: 0;
	}
	.smartContents .entryThanksBlock h2{
		margin-bottom: 35px;
	}
	.smartContents .entryThanksBlock .guideText h3{
		font-size: 100%;
	}
	.smartContents .entryThanksBlock .guideText h4{
		font-size: 90%;
	}
	.smartContents .entryThanksBlock .thanksPhoneBlock span{
		font-size: 80%;
	}
	.smartContents .entryThanksBlock .thanksBox{
		margin-top: 20px;
		font-size: 80%;
	}
	.smartContents .entryThanksBlock .entrySubmit .bscBtn{
		margin-top: 25px;
	}
	/*--------------------------------------------------------
		SpecialPageVisualBlock Part Settings (Intern/new_graduate)
	---------------------------------------------------------*/
	.SpecialPageVisualBlock .visualBlockCopy p{
		font-size: 87.5%;
	}
	.SpecialPageVisualBlockBtn p {
		font-size: 87.5%;
	}
}
@media print {
	body{
		width: 1000px;
		margin: 0 auto;
		font-size: 14px;
	}
	.header .logoBlock {
		width: 200px;
	}
	.contents, .contentsFull{
		padding: 0 ;
	}
	.header .navBlock ul.globalNav {
		font-size: 70% ;
	}
	.detailSideBlock{
		width: 322px;
	}
	.detailSideBlock .companyData {
		padding: 40px 20px;
	}
	.detailSideBlock .companyData .graphBlock{
		width: 320px !important;
		margin: 10px 0 0 -20px;
	}
}