@charset "utf-8";

/* ==========================================================
  スマホ 0～770px
========================================================== */
@media screen and (max-width:770px) {

.pc {
    display: none;}


/* top
----------------------------------------------------------- */
/*header*/
header {
	width: 100%;
	height:60px;
	padding-left:5%;}

header .logo {
	width:90px;
	height:46px;
	margin-top:8px;
	display: block;
	overflow: hidden;
	float:left;}

header .logo a {
	width:90px;
	padding-top:46px;
	background:url(../images/logo_sp.png) no-repeat;
	background-size:contain;
	display: block;
	height: 0;}


/*ドロワーメニュー*/
#menuList {
	display: none;
	clear:both;}

#menuOverlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	display: none;
	position: fixed;
	z-index: 9997;}

#switchBtnArea {
	position: relative;
	float:right;}

#switchBtnArea #switchBtn {
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	display: block;
	background: #666;
	position: absolute;
	z-index: 9998;}

#switchBtnArea #switchBtn span {
	right: 20%;
	width: 60%;
	height: 2px;
	display: block;
	position: absolute;
	background-color: #fff;
	transition: all 0.2s linear;}

#switchBtnArea #switchBtn span:nth-of-type(1) {top:12px;transform: rotate(0);}
#switchBtnArea #switchBtn span:nth-of-type(2) {top:19px;transform: scale(1);}
#switchBtnArea #switchBtn span:nth-of-type(3) {bottom:12px;transform: rotate(0);}

#switchBtnArea #switchBtn.btnClose {background: transparent;}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {top:19px;transform: rotate(45deg);}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {transform: scale(0);}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {bottom:19px;transform: rotate(-45deg);}

#rwdMenuWrap {
	top: 0;
	right: -240px;
	width: 240px;
	height: 100%;
	background: #666;
	overflow: auto;
	position: fixed;
	z-index: 9999;}

#rwdMenuWrap ul {
	width: 100%;}

#rwdMenuWrap ul li {
	width: 100%;
	border-bottom: #666 1px solid;}

#rwdMenuWrap ul li a {
	padding: 12px 15px;
	text-align: left;
	display: block;
	background: #666;
	color:#fff;
	font-weight:bold;
	position: relative;}
#rwdMenuWrap ul li a:hover {
	text-decoration:none;}

#rwdMenuWrap ul li a:after {
	content: '';
	margin-top: -4px;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	color: #888;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	display: block;
	position: absolute;
	border-top: 2px solid #b0b0b0;
	border-right: 2px solid #b0b0b0;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);}

#rwdMenuWrap ul li span {
	display:none;}

#rwdMenuWrap ul li.drop ul li {
	border-bottom: #888 1px solid;}
#rwdMenuWrap ul li.drop ul li:last-child {
	border-bottom: none;}
#rwdMenuWrap ul li.drop ul li a {
	padding: 10px 17px 10px 30px;
	background: #454545;
	color:#FFF;}

#rwdMenuWrap ul li.fb {
	border:none;}
#rwdMenuWrap ul li.fb a {
	padding: 10px 12px;
	background: #FFF;}
#rwdMenuWrap ul li.fb a .sp{
	display:inline-block;
	color:#454545;
	padding-left:1em;
	vertical-align:middle;}

#rwdMenuWrap ul li.cont a {
	padding: 20px 15px;
	background: #3DC4D8;
	color:#FFF;}
#rwdMenuWrap ul li.cont a:after {
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;}

	
/*visual*/
#top #visualWrap .slide {
	height:400px;}

#top #visualWrap .image-bloc dl {
	width:100%;
	margin:-5em auto 0;}

#top #visualWrap .image-bloc dt {
	font-size:50px;
	font-size:5.0rem;}
#top #visualWrap .image-bloc dd {
	font-size:18px;
	font-size:1.8rem;}

#top #visualWrap .slideBtn {
	display:none;}


/* #topTecWrap */
#topTecWrap {
	padding:40px 4% 60px;
	margin-top:0;}

.topTecTtl {
	width:100%;}

.topTecTtl h2 {
	font-size:40px;
	font-size:4.0rem;
	margin-bottom:24px;}

.topTecTtl h2:after {
	padding-bottom:4px;}

.topTecTtl p {
	width:100%;
	position:static;
	margin-bottom:40px;}

.topTecArea {
	padding:0;}

.topTecArea li {
	width:100%;
	margin-right: 0;
	margin-bottom: 48px;}

.topTecArea li.soft,.topTecArea li.mecha,.topTecArea li.elec,.topTecArea li.test,.topTecArea li.support {
	background-size: 100%;}

.topTecArea h3 {
	width:86%;
	margin: 30px auto 0;
	font-size:18px;
	font-size:1.8rem;
	padding:0.8em;}

.topTecArea h3::after {
	top:52px;}
	
.topTecArea span {
	font-size:12px;
	font-size:1.2rem;
	margin-top: 1.2em;}

.topTecArea .circle {
	padding-top:40px;}

	
/* #quadrupleWrap */
#quadrupleWrap {
	width:100%;
	height:auto;}

.quadrupleArea {
	width:100%;
	padding:60px 0 80px;}

.quadrupleArea h2 {
	font-size:40px;
	font-size:4.0rem;
	top:-42px;
	left:0;
	text-align:center;}
.quadrupleArea h2:first-letter {
	font-size:40px;
	font-size:4.0rem;}

.quadrupleArea h2 span {
	font-size:40px;
	font-size:4.0rem;}

.quadrupleArea .txtBox {
	background:rgba(255,255,255,0.9);
	width:80%;
	padding:16px 4% 20px;
	border:none;
	margin:0 auto;
	position:static;}

.quadrupleArea .txtBox p {
	margin-bottom:16px;}

.quadrupleArea .button {
	width:80%;}

.quadrupleArea .button a {
	width:100%;
	background:url(../images/icon_arrow_white.png) no-repeat 96% 50%;}


/* #topRecruitWrap */
#topRecruitWrap {
	width:100%;
	height:auto;
	padding:24px 0;
	background:url(../images/top_recruit_bg.jpg) no-repeat top center;
	margin-top:0;}

.topRecruitArea {
	width:100%;}

.topRecruitArea .clearfix {
	padding:24px 0 0 0;
	text-align:center;
	display: table;
	table-layout: fixed;}

.topRecruitArea h2 {
	font-size:40px;
	font-size:4.0rem;
	margin-bottom:40px;
	margin-left:4%;
	text-align:left;}

.topRecruitArea a {
	float:left;
	width:50%;}

.topRecruitArea .recCircle {
	border-radius:80px;
	width:160px;
	height:160px;
	display:inline-block;
	float:none;
	position:relative;
	margin:0 auto 16px;}
.topRecruitArea .recCircle.semi {
	margin-right:auto;}

.topRecruitArea .recCircle h3 {
	font-size:14px;
	font-size:1.4rem;
	top:100px;
	left:0;
	right:0;}

.topRecruitArea .recCircle img {
	margin-top:40px;
	height:40px;}


/* #topNewsWrap */
.topNewsArea {
	width:100%;
	padding:60px 0;}

.topNewsArea h2 {
	font-size:40px;
	font-size:4.0rem;
	margin-bottom:24px;}

.topNewsArea .newsBox {
	float:none;
	width:100%;
	border-right:none;
	border-bottom:1px solid #DDD;
	padding:0 4% 24px;}

.topNewsArea .recBox {
	float:none;
	width:100%;
	padding:40px 4% 0;}

.topNewsArea h3 {
	font-size:18px;
	font-size:1.8rem;
	text-align:left;
	margin-bottom:16px;}

.topNewsArea li{
	margin-bottom:10px;}

.topNewsArea aside ul {
	margin-top:32px;}

.topNewsArea aside li {
	padding:0 16px;}


/* footer */
.footerWrap {
	height:auto;}

.map {
	width:100%;
	height:0;
	float:none;
	position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;}
	
.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

#mapWrapper {
  padding-bottom: 200px;}

.topAddress {
	width:100%;
	float:none;}

.topAddress dl {
	padding:24px 4%;}

.topAddress dt {
	margin-bottom:16px;
	text-align:center;}

.topAddress dd { float:none; display:block; width:100%;}

.topAddress dd img { width:90%; margin:5px 0;}

.topContBox {
	padding:48px 4% 60px;
	text-align:center;}

.topContBox h2 {
	margin-bottom:24px;
	text-align:left;}

.topContBox .topTel {
	font-size:30px;
	font-size:3.0rem;}

.topContBox .button {
	width:80%;
	line-height:60px;}

.topContBox .button a {
	width:100%;
	font-size:20px;
	font-size:2.0rem;
	background:url(../images/icon_arrow_white.png) no-repeat 94% 50%;}

/* .pagetop */
footer .pagetop {
	background:#222;}

footer .pagetop a {
	height:60px;}

footer .copyArea {
	text-align:left;
	padding:16px 4%;}

footer .copyArea p:last-child {
	display:block;
	margin-left:0;
	margin-top:40px;
	text-align:center;}


/*sub_common
----------------------------------------------------------- */
/*visual*/
#sub #visualWrap {
	height:180px;
	padding-top:40px;}

#sub #visualWrap h1 {
	font-size:40px;
	font-size:4.0rem;}

#sub #visualWrap h1:after {
	border-bottom:none;
	padding-bottom:0;}

/*見出し*/
.lineTtl {
	font-size:20px;
	font-size:2.0rem;
	margin-bottom:24px;
	line-height:1.4;}

.lineTtl:after {
	margin-top:12px;}

/*breadCrumb*/
#sub #breadCrumb {
	display:none;}

/*footer*/
.subFt {
	background:#FFF;}

.subFt .footerWrap {
	width:100%;
	background:#FFF;}

.subAddress {
	width:100%;
	float:none;
	padding:24px 0 30px;
	background:none;}

.subAddress h1 {
	text-align:center;
	margin-bottom:16px;}

.subAddress h1 img {
	width:80px;}

.subAddress dl {
	position:static;
	text-align:center;}

.subAddress dt {
	margin-bottom:0;}

.subAddress dd.submap {
	width:30%;
	height:auto;
	line-height:40px;
	padding:0;
	margin-top:12px;}

.subAddress dd.submap a {
	width:auto;
	height:auto;
	color:#FFF;
	display:block;}

.subContBox {
	width:100%;
	float:none;
	padding:60px 0;
	background:#666;}

.subContBox .topTel {
	font-size:30px;
	font-size:3.2rem;}

.subContBox .topTel a {
	color:#FFF;}

.subContBox .time {
	color:#fff;
	margin-bottom:32px;}

.subContBox .button {
	width:80%;
	line-height:60px;}

.subContBox .button a {
	width:auto;
	font-size:18px;
	font-size:1.8rem;}


/*privacy
----------------------------------------------------------- */
.privacyArea {
	width:100%;
	padding:60px 4%;}

.privacyBox {
	padding-bottom:40px;}

.privacyBox dd {
	padding:4px 0 16px 8px;
	font-size:13px;
	font-size:1.3rem;}

.priBox {
	padding:16px 24px;
	margin-top:24px;}

.priBox h3 {
	float:none;
	padding-right:0;}


/*company
----------------------------------------------------------- */
#sub.company #visualWrap {
	height:240px;}

.philosophy {
	padding-top:12px;
	padding-bottom:20px;
	margin-top:-60px;}

.philosophy h2 {
	font-size:24px;
	font-size:2.4rem;}

.philosophy .rinen {
	width:100%;
	margin:0 auto 0;}

.philosophy .rinen h3,
.philosophy .shishin h3 {
	font-size:24px;
	font-size:2.4rem;
	padding:24px 0 18px;}

.philosophy .rinen p {
	background:url(../images/company_rinen.jpg) no-repeat top center #DEDEE2;
	background-size:cover;
	font-size:30px;
	font-size:3.0rem;
	padding:40px 4%;
	line-height:1.4;}

.philosophy .shishin {
	padding-bottom:24px;}

.philosophy .shishin h4 {
	font-size:30px;
	font-size:3.0rem;
	padding:40px 0 24px;}

.philosophy .shishin .line {
	font-size:18px;
	font-size:1.8rem;
	width:30%;
	margin:-18px auto 24px;}

.philosophy .shishin ul {
	width:100%;
	padding:0 4%;}

.philosophy .shishin ul {
	width:100%;}

.philosophy .shishin li {
	margin-bottom:16px;}

.philosophy .inner {
	clear:both;
	width:100%;
	padding:0 4%;
	margin:0 auto;}

.philosophy .winBox {
	width:100%;
	height:auto;
	margin-left:0;
	margin-bottom:24px;
	padding:32px 0 24px;
	float:none;}

.philosophy .winBox img {
	margin-bottom:10px;
	width:14%;}

.philosophy .winBox h3 {
	font-size:24px;
	font-size:2.4rem;
	margin-bottom:8px;}

.philosophy .winBox h4 {
	font-size:16px;
	font-size:1.6rem;}
.philosophy .winBox h4:before {
	padding-top:16px;}

.aboutUs {
	padding:60px 4%;}

.aboutUs .clearfix {
	width:100%;}

.aboutUs .leftArea {
	float:none;
	width:100%;}
.aboutUs .rightArea {
	float:none;
	width:100%;}

.aboutUs dt {
	padding-top : 8px;
	padding-bottom : 6px;
	text-align:center;
	background:#E0E0E4;
	width : 100%;
	float: none;}

.aboutUs dd {
	border:none;
	padding-top : 12px;
	padding-bottom : 16px;
	padding-left : 0;
	text-align:center;}

.officer h2 {
	font-size:24px;
	font-size:2.4rem;
	padding:24px 0 18px;}

.officer .inner01,
.officer .inner02 {
	width:100%;}

.officerData img {
	width:80%;
	float:none;
	margin:32px auto;
	display:block;
	position:relative;}
.officer .inner02 .officerData img {
	float:none;}

.officerData .dataBox {
	float:none;
	width:100%;
	padding-top:0;}
.officer .inner02 .officerData .dataBox {
	float:none;}
.officerData .dataBox ul{}

.officerData .card {
	padding:16px 0;
	margin-bottom:0;
	text-align:center;}

.officerData .card p {
	margin-bottom:8px;}

.officerData .card h3 {
	font-size:24px;
	font-size:2.4rem;}
.officerData .card h3 span {
	font-size:14px;
	font-size:1.4rem;}

.officerData ul {
	border-top:none;
	border-left:none;
	background:#F1F1F3;
	padding:24px 4%;}
.inner02 .officerData ul {
	border-right:none;
	border-left:none;
	padding:24px 4%;}

.messageBox {
	padding:24px 4% 40px;}

.messageBox p {
	margin-bottom:2em;}


.galleryWrap {
	padding:60px 4%;}

.galleryWrap .inner {
	width:100%;}

.galleryWrap h3 {
	font-size:32px;
	font-size:3.2rem;
	margin-bottom:24px;}

.galleryWrap h3:after {
	margin-top:4px;}

.galleryWrap ul {
	width:100%;
	text-align:center;}

.galleryWrap li {
	float:none;
	display:inline-block;
	width:48%;
	margin-right:0;
	margin-bottom:10px;}

.accessWrap {
	padding:60px 4%;}

.accessWrap .clearfix {
	width:100%;}

.accessWrap .gmap {
	width:100%;
	float:none;}

.accessWrap .gmap iframe {
	width:100%;}

.accessWrap .gmap p {
	margin:1em 0;}

.accessWrap img {
	width:60%;
	float:none;
	margin:24px auto 0;
	display:block;}



/*事業内容TOP
----------------------------------------------------------- */
.techtop #visualWrap {
	background-position:72% 0;
}

.tech-intro {
	background-position:80% 0;
	padding: 40px 4% 24px;
}

.tech-intro h2 {
	font-size:16px;
	font-size:1.6rem;
	margin-bottom: 30px;
}

.tech-intro h2::after {
	height: 16px;
	top:68px;
}

.tech-intro h2 span {
	font-size:32px;
	font-size:3.2rem;
}

.tech-intro li {
	width: 100%;
	margin-bottom: 8px;
}

.tech-intro li a {
	font-size:15px;
	font-size:1.5rem;
	padding: 0.5em 0;
}

.tech-copy {
	padding: 32px 4%;
	text-align: left;
}

.tech-box {
	height: auto;
	margin-bottom: 40px;
}
.tech-box::before {
	position: absolute;
	width: 100%;
	height: 230px;
	top:50px;
}

.tech-inner {
	width: 100%;
}

.tech-ttl {
	width: 80%;
	height: auto;
	padding: 16px 4% 32px;
	margin: 0 auto;
}
.tech02 .tech-ttl {
	float: none;
}
.tech04 .tech-ttl {
	float: none;
}

.tech-ttl .num {
	font-size:24px;
	font-size:2.4rem;
}
.tech-ttl .num::after {
	width: 36px;
}

.tech-ttl h3 {
	font-size: 5.4vw;
}
.tech-ttl h3 span {
	font-size:12px;
	font-size:1.2rem;
}

.tech-txt {
	width: 80%;
	padding: 24px 4%;
	position:static;
		margin: 0 auto;
}
.tech02 .tech-txt ,.tech04 .tech-txt {
	position:static;
	width: 80%;
	padding: 24px 4%;
}

.tech-txt .button {
    width: 100%;
}

.tech-txt .button a {
	width:auto;
}


/*各事業ページフッター*/
.tech-intro.footnav {
	padding: 40px 4%;
}

.tech-intro.footnav p {
	font-size:20px;
	font-size:2.0rem;
}


	
/*事業内容--ソフトウェア
----------------------------------------------------------- */
#sub.soft #visualWrap h1 {
	line-height: 1.0;
	font-size: 8vw;
}

.soft #visualWrap h1 span {
	margin-top: 1.5em;
}

.lead {
	width:100%;
	height: auto;
	margin:0 auto;
	padding:24px 4%;
	position:relative;
}

.lead h2 {
	font-size:18px;
	font-size:1.8rem;
	padding-top: 0;
	text-align: center;
}

.lead-inner {
	position:static;
}
.lead-inner::before {
	width: 100%;
	height: 120px;
	position: absolute;
	top: 12em;
	right: 0;
}

.lead-box {
	width: 100%;
	height: auto;
	margin-top: 16px;
	padding: 16px 4%;
	display:block;
}

.featureWrap {
	padding: 60px 4% 72px;
}

.featureWrap .inner {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.slash-ttl {
	font-size:24px;
	font-size:2.4rem;
	margin-bottom: 48px;
}
.slash-ttl::after {
	bottom:-20px;
}

.feature-box {
	padding: 24px 4%;
	margin-bottom: 48px;
}

.feature-box .num {
	font-size:48px;
	font-size:4.8rem;
	top:-40px;
	left: 8px;
}

.feature-box figure {
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 16px;
}
.feature-box img {
	width: 30%;
}

.feature-box dl {
	float: none;
	width: 100%;
}

.feature-box dt {
	font-size:18px;
	font-size:1.8rem;
	text-align: center;
	padding-bottom: 0.5em;
}

.feature-box li {
	margin-bottom: 0.4em;
	padding-left: 0.8em;
	text-indent: -1em;
}

.processWrap {
	padding: 60px 4%;
}
	
.processWrap .inner {
	width: 100%;
}

.pro-comment {
	display:block;
}

.soft .processWrap dl {
	width: 100%;
	text-align: left;
	margin-bottom: 16px;
}
.soft .processWrap dt {
	font-size:16px;
	font-size:1.6rem;
}

.soft .processWrap figure {
	width: 100%;
}


/*事業内容--メカニカル
----------------------------------------------------------- */
#sub.mecha #visualWrap h1 {
	line-height: 1.0;
	font-size: 8vw;
}
.mecha #visualWrap h1 span {
	margin-top: 1.5em;
}

.mecha .lead h2 {
	padding-top: 0;
}

.mecha .pro-comment figure,
.elec .pro-comment figure{
	float: none;
	width: 100%;
	margin-bottom: 30px;
}
.mecha .pro-comment dl,
.elec .pro-comment dl{
	float: none;
	width: 100%;
}
.mecha .pro-comment dt,
.elec .pro-comment dt{
	font-size:16px;
	font-size:1.6rem;
}

.fieldWrap {
	width: 100%;
	padding: 60px 4% 80px;
	text-align: center;
}

.fieldWrap .inner {
	width: 100%;
}

.fieldWrap figure {
	margin-top: 24px;
}
	
	
/*事業内容--エレキトリカル
----------------------------------------------------------- */
#sub.elec #visualWrap h1 {
	line-height: 1.0;
	font-size: 8vw;
}
.elec #visualWrap h1 span {
	margin-top: 1em;
}

.elec .lead h2 {
	padding-top: 0;
}
	
	
/*事業内容--テスト・評価
----------------------------------------------------------- */
#sub.testlogy #visualWrap h1 {
	line-height: 1.0;
	font-size: 8vw;
}
.testlogy #visualWrap h1 span {
	margin-top: 1.5em;
}

.testlogy .lead h2 {
	padding-top: 0;
}

.testlogyWrap {
	padding:80px 4% 40px;}

.testlogyWrap h1 {
	margin-bottom:40px;}

.testlogyWrap h1 img {
	width:80%;}

.testlogyWrap h2 {
	font-size:18px;
	font-size:1.8rem;
	background:url(../images/test_line_red.png) no-repeat bottom center;
	padding-bottom:32px;
	margin-bottom:40px;}

.testlogyWrap p {
	text-align:left;}

.combinateWrap {
	background:#F1F1F3;
	padding-bottom:80px;}

.combinateWrap ul {
	width:100%;
	height:auto;
	background:none;
	background:#DC2D15;
	margin:0 auto 20px;}

.combinateWrap li {
	font-size:24px;
	font-size:2.4rem;
	padding:16px 16px 10px 10px;}

.combinateWrap li:first-child::after {
	content: "　＋" ;}

.combinateWrap p {
	padding:0 4%;}


/*test_notice*/
.combinateWrap2 {
	width:100%;
	padding:60px 4%;
	}
	
.combinateWrap2 .inner {
	width: 100%;
}

.combinateWrap2 h3 {
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:20px;}

.combinateWrap2 h4 {
	font-size:16px;
	font-size:1.6rem;
	margin-bottom:5px;
	margin-left:10px;}


.combinateWrap2 h4:before {
  margin-left:0;
}

.combinateWrap2 li {
	padding:0 0 20px 4%;
}

.projectWrap {
	padding:60px 4% 60px;}

.projectWrap .imgArea {
	width:100%;
	height:auto;
	float:none;
	text-align:center;
	padding-right:0;}

.projectWrap .detailArea {
	width:100%;
	float:none;}

.projectWrap .detailArea  h3{
	margin-top:40px;}
.projectWrap .detailArea  h3:first-child{
	margin-top:32px;}

.pillarWrap .inner {
	width:100%;
	padding:60px 4%;}
	
.pillarWrap p {
	padding-top:0;}

.pillarWrap img {
	position:static;
	margin:24px auto 0;
	display:block;}

.factaWrap{
	padding:60px 4% 80px;}

.factaWrap .inner {
	width:100%;}


/*support
----------------------------------------------------------- */
#sub.support #visualWrap h1 {
	line-height: 1.0;
	font-size: 8vw;
}
.support #visualWrap h1 span {
	margin-top: 1.5em;
}
	
.support .lead h2 {
	padding-top: 0;
}

.support .projectWrap {
	padding:60px 4%;}

.support .projectWrap .imgArea {
	height:auto;}

.support .serviceWrap .inner {
	width:100%;
	padding:40px 4% 20px;}

.support .lineTtl {
	margin-bottom:48px;}

.support .serviceWrap img {
	width:20%;
	float:none;
	display:block;
	margin:0 auto 24px;}

.support .serviceBox {
	width:100%;
	float:none;
	margin-bottom:60px;
	margin-right:0;}

.support .serviceBox h3 {
	text-align:center;
	margin-bottom:16px;}

.support .serviceBox .ex {
	padding:16px 4%;
	margin-top:24px;}


/*news
----------------------------------------------------------- */
.newsArea {
	width:100%;
	padding:60px 4%;}

.newsArea .date {
	margin-bottom:8px;}

.newsArea p {
	margin-bottom:2em;}


/*contact
----------------------------------------------------------- */
.contact #visualWrap {
	display:none;}

.contact .telBox {
	width:100%;}

.contact .telBox dt {
	background:#454545;
	width:100%;
	height:auto;
	float:none;
	font-size:18px;
	font-size:1.8rem;
	text-align:center;
	padding:16px 0 10px 0;}

.contact .telBox dd {
	width:100%;
	height:auto;
	float:none;
	text-align:center;
	padding:14px 0;}

.contact .telBox .conTel {
	margin:0;
	line-height:1.4;}

.contactWrap {
	padding:0 0 80px;}

.contactWrap .inner {
	width:100%;
	padding:0;}

.contactWrap.input .lineTtl,
.contactWrap.confirm .lineTtl {
	background:#454545;
	width:100%;
	color:#FFF;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	padding:18px 0 12px 0;}

.contactWrap.input .lineTtl:after,
.contactWrap.confirm .lineTtl:after {
	margin:0;
	padding:0;
	background:none;}

.addition {
	text-align:left;
	padding:0 4%;}
.finish .addition {
	padding:0;}

.addition img {
	margin-bottom:0;
	display:none;}

.contArea {
	margin-top:24px;
	background:none;
	padding:0 4%;
	margin-bottom:40px;
	box-shadow:none;}

.contArea table {
	width:100%;}

.contArea th {
	display:block;
	width:100%;
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	padding: 8px 0 6px;
	background:#E0E0E4;}

.contArea td {
	display:block;
	width:100%;
	font-size:16px;
	font-size:1.6rem;
	padding: 16px 0 20px;}

.contArea td input {
	height:40px;
	background:#FFF;
	border:1px solid #E0E0E4;
	border-radius:8px;
	font-size:16px;
	font-size:1.6rem;}

.contArea .short {
	width:10%;}
.contArea .middle {
	width:100%;}
.contArea .long {
	width:100%;}

.contArea td textarea {
	width:100%;
	height:200px;
	background:#FFF;
	border:1px solid #E0E0E4;
	border-radius:8px;
	font-size:16px;
	font-size:1.6rem;}

.contactWrap .button {
	width:80%;}

.contactWrap .button input {
	width:100%;
	background:url(../images/icon_arrow_white.png) no-repeat 94% 50%;}

/*confirm*/
.submitArea .inputBack {
	position:static;
	width:50%;
	height:48px;
	margin-bottom:24px;
	padding:0;}
.submitArea .inputBack input {
	width:100%;
	height:48px;
	background:url(../images/icon_arrow_back.png) no-repeat 4% 50%;
	margin:0 auto;
	font-size:14px;
	font-size:1.4rem;
	font-weight:normal;}


/*finish*/
.contactWrap.finish {
	padding:40px 4% 80px;}

.contactWrap.finish .inner {
	width:100%;
	padding:0;}

.finish .priBox {
	width:100%;
	margin:0 auto;
	margin:24px 0 40px;}

.contactWrap .conback {
	text-align:center;}
.contactWrap .conback li {
	display:block;
	margin:0 auto 16px;}

.contactWrap .conback .button {
	width:80%;}

.contactWrap .conback .button a {
	width:100%;}


/*entry
----------------------------------------------------------- */
#sub.entry #visualWrap {
	height:100px;
	padding-top:10px;}

#sub.entry #visualWrap h1 {
	font-size:40px;
	font-size:4.0rem;
	line-height:1.4;}

.entry .addition {
	padding-top:24px;}

.entry .file input {
	background:none;
	border:none;}

.entry input {
	margin-bottom:8px;}

.contArea .num {
	width:40%;}

.contArea .formTableRireki td {
	padding:0 16px 0 0;
	text-align:left;}
.contArea .formTableRireki td.year input {
	width:10%;}
.contArea .formTableRireki td.month input{
	width:10%;}
.contArea .formTableRireki td.history input{
	width:50%;}

.entry .contactWrap .pdfBun {
	text-align:center;
	margin:0 auto;
	padding:0 10%;}
.entry .contactWrap .pdfBun .button {
	float:none;
	width:100%;}

.entry .contactWrap .pdfBun .button input {
	width:100%;}

.entry .contactWrap .pdfBun .button.preview {
	margin-right:0;
	margin-bottom:16px;}


.contArea.skilltable {
	padding:24px 4% 40px;}

.contArea.skilltable th {
	width:100%;}

.contArea .formTableSkill td {
	padding:0 8px 0 0;
	text-align:center;}
.contArea .formTableSkill td.item textarea {
	width:8em;}
.contArea .formTableSkill td.work input{
	width:2em;}
.contArea .formTableSkill td.part input{
	width:2em;}
.contArea .formTableSkill td.pj input{
	width:4em;}
.contArea .formTableSkill td.detail textarea{
	width:8em;}
.contArea .formTableSkill td.tool textarea{
	width:6em;}
.contArea .formTableSkill td.term input{
	width:2em;}

.contArea .formTableSkill textarea {
	height:80px;}

.contArea .aLeft {
	margin-top:24px;}
.contArea .aLeft td {
	text-align:left;}


/*採用コンテンツ TOP
----------------------------------------------------------- */
.recruit #visualWrap {
	height:180px;
	padding-top:40px;
	height:auto!important;}

.recruit #visualWrap p {
	padding:16px 0 32px;
	font-size:18px;
	font-size:1.8rem;
	text-indent:1em;}

.recruit #visualWrap .btnBox {
	background-color: rgba(255,255,255,0.5);
	width:100%;
	padding:16px 4%;}

.recruit #visualWrap .btnBox .button {
	width:100%;}
.recruit #visualWrap .btnBox .button.pl,
.recruit #visualWrap .btnBox .button.red,
.recruit #visualWrap .btnBox .button.yl, 
.recruit #visualWrap .btnBox .button.b2,
.recruit #visualWrap .btnBox .button.p2,
.recruit #visualWrap .btnBox .button.red2{
	margin:12px 0 0;}

.recruit #visualWrap .btnBox .button a {
	width:auto;
	padding:20px 0 16px;
	font-size:18px;
	font-size:1.8rem;
	background:url(../images/icon_arrow_white.png) no-repeat 95% 50%;}

.movieWrap {
	background:url(../images/recruit_bg01.png) no-repeat bottom left #F1F1F3;
	background-size:contain;
	padding-bottom:40px;}

.movieWrap video {
	width:100%;}

.movieWrap .inner {
	width:100%;
	padding:40px 4%;}

.movieWrap .lineTtl {
	font-size:20px;
	font-size:2.0rem;
	margin-bottom:16px;}

.movieWrap .lineTtl:after {
	margin-top:8px;}

.movieWrap .movie {
	text-align:center;
	margin-top:0;
	position:relative;
	width:100%;
	padding-top:56.25%;}

.movieWrap .movie iframe {
	position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;}

.welcomeWrap .inner {
	width:100%;
	padding:0 4% 40px;}

.welcomeWrap .inner .clearfix {
	padding-bottom:48px;}

.welcomeWrap .leftBox {
	float:none;
	width:100%;}

.welcomeWrap .rightBox {
	float:none;
	width:100%;}

.welcomeWrap dt {
	font-size:24px;
	font-size:2.4rem;
	margin-bottom:16px;
	line-height:1.2;}

.welcomeWrap .leftBox dt {
	padding-top:48px;}
.welcomeWrap .rightBox dt {
	padding-top:32px;}

.welcomeWrap .inner .clearfix img {
	margin-top:24px;}

.welcomeWrap .button {
	width:100%;
	margin-top: 16px;}

.welcomeWrap .button a {
	width:auto;
	font-size:14px;
	font-size:1.4rem;
	background:url(../images/icon_arrow_white.png) no-repeat 94% 50%;}

.environment {
	background:url(../images/recruit_bg02.png) no-repeat top right #F1F1F3;
	background-size:contain;
	padding:80px 4%;}

.environment .green {
	width:100%;
	margin:0 auto 32px;
	line-height:1.0;
	font-size:24px;
	font-size:2.4rem;
	background:url(../images/recruit_icon01.png) no-repeat 0 40%;}

.environment .gallery {
	padding:0 0 90px;}

.environment .gallery li {
	width:50%;}

.environment .staffInner {
	width:100%;
	padding-bottom:0;}

.environment .staffInner h2 {
	line-height:1.0;
	font-size:24px;
	font-size:2.4rem;
	margin-bottom:32px;
	padding:5px 0 5px 45px;
	background:url(../images/recruit_icon02.png) no-repeat 0 40%;}

.environment .staffInner .clearfix {
	width:100%;}

figure.snip1384 {
	float:none;
	margin:0 auto 32px;
	padding-bottom:16px;
	color: #454545;
	text-align: center;
	width:60%;}

figure.snip1384 img {
	width: 100%;
	margin-bottom:16px;}

figure.snip1384 h3,
figure.snip1384 p {
	font-weight:bold;
	line-height:1.3;}

figure.snip1384 a {
	border:1px solid #454545;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;}

<!---->

figure.snip1385 {
	float:none;
	margin:0 auto 32px;
	padding-bottom:16px;
	color: #454545;
	text-align: center;
	width:60%;}

figure.snip1385 img {
	width: 100%;
	margin-bottom:16px;}

figure.snip1385 h3,
figure.snip1385 p {
	line-height:1.3;
	height:24px;
	overflow:hidden;}

figure.snip1385 a {}
	


/*careear--キャリア向け採用
----------------------------------------------------------- */
.career-list {
	padding:40px 4%;}

.career-list .inner {
	width:100%;}

.career-list .icon-ttl {
	font-size:32px;
	font-size:3.2rem;
	margin-bottom:16px;}
	
.career-list li {
	font-size:16px;
	font-size:1.6rem;
	width: 100%;
	margin-bottom: 8px;
}
.career-list li:nth-child(2n) {
	margin-left: 0;
}
.career-list li a {
    background-size:20px;
	padding:18px 0 15px 4%;
}


/* 共通-募集要項 */
.guidelineWrap {
	padding:40px 4% 60px;}

.guidelineWrap .inner {
	width:100%;}
	
.guidelineWrap th {
	background:#CCFFFF no-repeat 10px 7px;
	border-top:none;
	padding:10px 0 8px 50px;
	width : 100%;
	display:block;}

.guidelineWrap td {
	width:100%;
	border-top: none;
	padding:10px 0 20px 0;
	display:block;}

.stepWrap {
	padding:40px 4% 24px;}

.stepWrap .inner {
	width:100%;}
	


/*募集要項テンプレート
----------------------------------------------------------- */
.requirements-intro {
	background: url(../images/tech_introbg.png) top left;
	padding: 16px 4%;
}

.requirements-intro h2 {
	font-size:20px;
	font-size:2.0rem;
	letter-spacing: 0;
	line-height: 1.2;
}

.requirements-detail {
	padding: 16px 4% 40px;
}

.requirements-detail .inner {
	width: 100%;
}

.requirements-detail .jobContents dl {
	padding-bottom: 40px;}

.requirements-detail .jobContents dt {
	border-top: none;
	background:#E4E4E8;
	padding:8px 4% 6px;
	width : 100%;
	float: none;
	text-align:center;}

.requirements-detail .jobContents dd {
	border-top: none;
	padding:10px 4% 20px;
	margin-left : 0;}
	
.requirements-detail .jobContents .tyumoku {
	background:#FFF;
	border:1px solid #3DC4D8;
	color:#3DC4D8;
	width: 60%;
	margin: 16px auto 0;}

.career .accordion .jobContents .tyumoku .sp {
	font-weight:bold;}

.tyumoku img {
	display: none;
}

.requirements-detail .jobContents .entrybtn {
	margin-bottom: 40px;
}

.requirements-detail .entrybtn .button {
	width:90%;
}
.requirements-detail .entrybtn .button a {
	width:auto;
	background:url(../images/icon_arrow_white.png) no-repeat 95% 50%;}

	
/*Backボダン*/
.rec-back .inner {
	width:100%;
	padding-left: 4%;}
.rec-back .button {
	width:30%!important;
	line-height:36px;
	font-size:12px;
	font-size:1.2rem;}

.rec-back .button a {
	width:auto;
	background:url(../images/icon_arrow_back.png) no-repeat 5% 50%;
	background-size:5px;}


/*graduate
----------------------------------------------------------- */
.gra-intro {
	height: auto;
	background: url(../images/gra_intro_top.jpg) no-repeat top center;
}

.gra-intro .intro-area {
	width: 100%;
	padding: 40px 4%;
}

.gra-intro .subcopy {
    font-size:12px;
	font-size:1.2rem;
	width: 90%;
}
.gra-intro .subcopy:before {
	margin-right: 1.5em;
}
.gra-intro .subcopy:after {
	margin-left: 1.5em;
}

.gra-intro .copy {
    font-size:24px;
	font-size:2.4rem;
	margin-top: 24px;
	margin-bottom: 24px;
}

.gra-intro .lead-txt {
    font-size:15px;
	font-size:1.5rem;
	text-align: left;
}

.gra-joblist {
	padding: 40px 4%;
	text-align: left;
}
.gra-joblist .inner {
	width: 100%;
	margin: 0 auto;
}

.gra-joblist .icon-ttl {
	font-size:32px;
	font-size:3.2rem;
	margin-bottom:16px;}


/*アコーディオンjs*/
.accordion {
	padding:0 4%;}

.accordion h3 {
    background-position: 12px 50%;
    padding:30px 8px 24px 56px;
    font-size:18px;
	font-size:1.8rem;}

.entrybtn .button {
	width:90%;}
.entrybtn .button a {
	width:auto;
	font-size:20px;
	font-size:2.0rem;
	background:url(../images/icon_arrow_white.png) no-repeat 95% 50%;}

/*アコーディオンjsここまで*/


.graduate .accordion h3 {
	background-position: 12px 50%;
	padding:30px 8px 24px 56px;
	font-size:18px;
	font-size:1.8rem;}

.gra-img {
	background: #fff;
	position: relative;
	height: auto;
}

.gra-img figure {
	width: 100%;
	position:static;
	padding-bottom: 0;
}

.gra-img dl {
	position:static;
	width: 100%;
	padding: 0;
	display: inline-block;
}
.gra-img dt {
	color: #fff;
	font-size:20px;
	font-size:2.0rem;
	margin-bottom:16px;
	padding: 16px 4%;
	text-align: center;
	font-weight: bold;
	background:url(../images/gra_job_bg.jpg) top center;
}

.gra-img dd {
	padding: 0 4%;
}

.gra-detail {
	padding: 40px 4%;
	padding-bottom: 40px;
}

.gra-detail dt {
	background:url(../images/icon_line.png) no-repeat left center;
	padding-left:30px;
	float:none;
	clear:left;
	width: 100%;
	line-height: 1.6;
	margin-bottom: 16px;
}

.gra-detail dd {
	width: 100%;
	padding:0 0 32px 0;
	float:none;}

.gra-detail li {
	margin: 0;
}
.gra-detail li.button.paths {
	width: 65%;
	line-height:40px;
	margin-bottom: 24px!important;
}
.gra-detail li.button.paths a {
	width: auto;
	font-size:13px;
	font-size:1.3rem;
	background:url(../images/icon_arrow_bk.png) no-repeat 95% 50% #fff;
}


.gra-interview {
	padding: 40px 4% 0;
}
.gra-interview .inner {
	width: 100%;
}

.gra-interview .icon-ttl {
	font-size:32px;
	font-size:3.2rem;
	margin-bottom:16px;}

.g-interview-area {
	padding: 40px 0 24px;
}

.g-interview-area .interview-img {
	float: none;
	width: auto;
}
.g-interview-area .interview-img figure {
	margin-bottom: 0;
}
.g-interview-area .interview-img dl {
	padding: 16px 8% 6px;
}

.g-interview-area .interview-contents {
	float: none;
	width: 100%;
	padding-top: 40px;
}

.g-interview-area .interview-contents dt {
	background:url(../images/gra_icon_icon.png) no-repeat 0 4px;
	background-size: 20px;
	padding-left: 26px;
	margin-bottom: 12px;
}
.g-interview-area .interview-contents dd {
	padding-bottom: 32px;
}

.graduate .guidelineWrap th {
	border-top: none;
}
.graduate .guidelineWrap td {
	border-top: none;
	background: none;
}
.graduate .stepWrap,.graduate .inner img{
	background: #F1F1F3;
	padding-bottom: 0;
	margin-bottom: 0;
}


/*interview
----------------------------------------------------------- */
.interviewWrap {
	padding-bottom:60px;}

.interviewTtl .staffPhoto {
	width:100%;
	float:none;
	min-height:300px;
	background-position:60% 0;
	background-size:cover!important;}

.interviewTtl .staffPhoto .group {
	left:4%;
	bottom:30px;}

.interviewTtl .staffPhoto h1 {
	color:#454545;
	font-size:30px;
	font-size:3.0rem;
	text-align:left;
	position:relative;
	text-shadow: 1px 1px 1px #aaa;}

.interviewTtl .staffPhoto h1:after {
	content: "";
	display:block;
	width:160px;
	border-bottom:1px solid #454545;
	position:absolute;
	top:1.8em;
	left:0;}

.interviewTtl .staffPhoto p {
	color:#454545;
	font-size:16px;
	font-size:1.6rem;
	text-align:left;
	margin-top:12px;
	text-shadow:none;}

.interviewTtl .staffData {
	width:100%;
	padding:0;
	float:none;}

.interviewTtl .staffData .subTtl {
	display:none;}

.interviewTtl .staffData .inner {
	background:url(../images/interview_ttl.png) repeat top center;
	width:100%;
	height:auto;
	padding:32px 4%;}

.interviewTtl .staffData .inner h2 {
	font-size:20px;
	font-size:2.0rem;
	margin-bottom:24px}

.interviewTtl .staffData .inner ul {
	position:static;}

.interviewTtl .staffData .inner li {
	line-height:1.4;}

.interviewArea {
	background:#F1F1F3;
	padding:60px 4% 0;}

.interviewArea article {
	width:100%;
	padding:0 0 60px 0;}

.interviewArea article p {
  margin-bottom:2em;}

.interviewLeft {
	float:none;
	width:100%;}

.interviewLeft img {
	padding:0 0 24px 0;
	display:block;
	margin:0 auto;}

.interviewRight {
	float:none;
	width  :100%;}

.interviewRight img {
	padding:0;
	display:block;
	margin:0 auto;}

.scheduleArea .inner {
	width:100%;
	padding:0 4%;}

.scheduleTtl {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:26px 0 22px;
	float:none;}

.scheduleTtl h3 {
	font-size:24px;
	font-size:2.4rem;
	padding-top:48px;}

.scheduleTtl h3 span {
	font-size:13px;
	font-size:1.3rem;
	font-weight:normal;}

.scheduleList {
	width:100%;
	background:#FFF;
	float:none;
	padding:24px 4% 0;}

.scheduleList dl {
	width:100%;
	float:none;
	padding-right:0;}

.scheduleList dt {
	width : 100%;
	float: none;
	clear: both;
	padding:8px 4%;
	line-height:1.0;
	background:#eee;}

.scheduleList dd {
	padding:8px 4%;}

.back {
	width:100%;
	background:#F1F1F3;}

.back .inner {
	border-top:none;
	width:100%;
	padding:0 4% 80px;}

.back .button {
	width:50%;
	margin:0 auto;
	display:block;
	line-height:40px;}

.back .button a {
	width:auto;
	background:url(../images/icon_arrow_back.png) no-repeat 4% 50%;}



/*seminar
----------------------------------------------------------- *//*
.semiList .inner {
	width:100%;
	padding:24px 4% 60px;}

.semiList .listTtl {
	width:100%;
	height:auto;
	float:none;
	background:#454545;
	padding:16px 0;
	margin-bottom:8px;}

.semiList .listTtl h2 {
	font-size:24px;
	font-size:2.4rem;
	text-align:center;}

.semiList .listBox {
	width:100%;
	float:none;}

.semiList .listBox dl {
	padding:20px 4% 16px;
	margin-bottom:8px;}
.semiList .listBox dl:last-child {
	margin-bottom:0;}

.semiList .listBox dt {
	display:block;
	float:none;
	width:100%;
	margin-bottom:8px;
	text-align:center;}

.semiList .listBox dd {
	display:block;
	float:none;
	width:100%;}

.semiList .listBox li {
	line-height:2.4;}

.semiDetail .semiTtl {
	padding:24px 0 18px;}

.semiDetail .outline {
	padding:16px 4%;}

.semiDetail .outline p {
	width:100%;
	text-align:left;}

.semiDetail .inner {
	width:100%;
	padding:40px 4% 80px;
	background:url(../images/semi_arrow_btm.png) no-repeat top center;}

.semiDetail .leftArea {
	width:100%;
	float:none;}
.semiDetail .rightArea {
	width:100%;
	float:none;}

.semiDetail dt {
	padding-top : 12px;
	padding-bottom : 10px;
	width : 100%;
	float: none;
	clear: both;
	font-weight: bold;
	text-align:center;
	background:#E0E0E4;}

.semiDetail dd {
	border:none;
	padding-top : 12px;
	padding-bottom : 10px;
	padding-left : 0;}

.semiDetail dd iframe {
	width:100%;}

.semiDetail h3 {
	margin-top:40px;}

.inquiryBox {
	margin-top:40px;
	text-align:center;}

.inquiryBox h4 {
	background:#454545;
	width:100%;
	padding:16px 0;}

.inquiryBox p {
	display:inline-block;
	padding:16px 4%;}


/*careear
----------------------------------------------------------- *//*
.career .inner {
	width:100%;
	padding:0 4%;}

.career .joblistWrap {
	padding:40px 0 80px;}



.accordion {
	padding:0 4%;}

.accordion h3 {
    padding:30px 0 24px 42px;
    font-size:18px;
	font-size:1.8rem;}

.career .accordion dl {
	margin-bottom:0;}

.career .accordion dt {
	padding:8px 0 6px;
	background:#F1F1F3;
	width : auto;
	float: none;
	text-align:center;}

.career .accordion dd {
	border-top: none;
	padding:10px 0 20px;
	margin-left : 0;}

.career .accordion .tyumoku {
	background:#FFF;
	border:1px solid #3DC4D8;
	color:#3DC4D8;}

.career .accordion .tyumoku .sp {
	font-weight:bold;}

.accordion .entrybtn {
	padding-bottom:60px;}

.accordion .button {
	width:80%;}




/*graduate
----------------------------------------------------------- *//*
.graduate .inner {
	width:100%;
	padding:0 4%;}

.graduate .joblistWrap {
	padding:40px 0 80px;}

.graduate .accordion {
	background:#F1F1F3;
	border-top:1px solid #3DC4D8;
	padding:0;}

.graduate .accordion h3 {
    background-position: 20px 50%;
    padding:30px 0 24px 62px;
    font-size:18px;
	font-size:1.8rem;}

.graduate .accordion .jobContents{
	padding:40px 0 20px;}

.graduate .accordion .txtArea {
	float:none;
	width:100%;}

.graduate .accordion .txtArea h4 {
	font-size:24px;
	font-size:2.4rem;
	margin-bottom:32px;
	text-align:center;}

.graduate .accordion img.photo {
	float:none;
	width:80%;
	display:block;
	margin:40px auto 16px;}

.graduate .accordion dl {
	padding-top:24px;}

.graduate .accordion dt {
	margin-bottom:8px;}

.graduate .accordion dd {
	padding:0 0 40px 0;}

.graduate .accordion .passImg {
	margin-top:24px;}
.graduate .accordion .passImg02 {
	margin-top:24px;}




/*名古屋採用TOP
----------------------------------------------------------- */
/*visual*/
#sub.nagoya #visualWrap {
	background:url(../images/nagoya_visual.jpg) no-repeat top center;
	background-size:cover;
	height:480px;
	padding-top:60px;}

#sub.nagoya #visualWrap .box {
	width:80%;
	border:5px solid #FFF;
	margin:0 auto;
	padding:40px 0 50px;}

#sub.nagoya #visualWrap h1 {
	font-size:48px;
	font-size:4.8rem;}

#sub.nagoya #visualWrap h1 span {
	font-size:64px;
	font-size:6.4rem;
	display:block;}

#sub.nagoya #visualWrap h1:after {
	width:auto;}

#sub.nagoya #visualWrap h2 {
	padding:1em 0 0.8em;
	display:block;
	width:40%;
	margin:-32px auto 0;
	z-index:30;
	position:relative;}

#sub.nagoya #visualWrap p {
	font-size:28px;
	font-size:2.8rem;
	margin-top:40px;}

/*intro*/
.n-introWrap dl {
	width:100%;
	height:auto;
	padding:0 4%;}

.n-introWrap .n-intro01 dl {
	float:none;
	padding-top:48px;}
.n-introWrap .n-intro02 dl {
	float:none;
	padding-top:48px;}

.n-introWrap dt {
	font-size:26px;
	font-size:2.6rem;
	padding-bottom:0.5em;
	margin-bottom:0.8em;}

.n-introWrap dd {
	padding:0 0 40px 0;}

.n-intro-img {
	width:100%;
	height:240px;
	float:none;}

.n-intro01 .n-intro-img {
	background-size:cover;
	float:none;}
.n-intro02 .n-intro-img {
	background-size:cover;
	float:none;}

/*environment*/
.n-environmentWrap {
	padding:40px 0 40px;}

.n-environmentWrap h2 {
	font-size:32px;
	font-size:3.2rem;
	margin-bottom:16px;}

.n-environmentWrap ul {
	font-size:0;
	padding:0 2%;}

.n-environmentWrap li {
	width:50%;}
.n-environmentWrap li.half {
	width:100%;}

.n-environmentWrap li img {
	width:100%;
	height:auto;
	border:1px solid #f15a5a;}

/*interview*/
.n-interviewWrap {
	padding:40px 0 0;}

.n-interviewWrap h2 {
	font-size:32px;
	font-size:3.2rem;
	margin-bottom:24px;}

.n-interviewArea {
	width:100%;}

.n-message {
	height:auto;
	padding:8px 0;}

.n-message.mes01 {
	background:url(../images/nagoya_thum01.jpg) no-repeat center right;
	background-size:200px auto;}

.mes-about {
	background:url(../images/accodion_btm_red.png) no-repeat 5% 50%;
	padding-left:60px;}
.active .mes-about {
	background:url(../images/accodion_up_red.png) no-repeat 5% 50%;}

.mes-num span {
	font-size:20px;
	font-size:2.0rem;}

.mes-section {
	font-size:18px;
	font-size:1.8rem;}

.mesContents {
	padding-bottom:40px;}

.mes-ttl {
	margin-top:20px;
	padding:200px 0 0;
	height:300px;
	background:url(../images/nagoya_int01a.jpg) no-repeat top center #f15a5a;
	background-size:cover;}

.mes-ttl p {
	color:#f15a5a;
	font-size:16px;
	font-size:1.6rem;
	margin:0 0 40px 4%;}
.mes-ttl p span {
	color:#f15a5a;
	font-size:50px;
	font-size:5.0rem;}

.mes-data {
	background:url(../images/interview_ttl.png) top left;
	width:100%;
	height:auto;
	padding:20px 4% 16px;}

.mes-interview {
	padding:0 4% 0;
	margin-top:160px;}

.mes-img {
	width:100%;
	float:none;
	text-align:center;
	margin-bottom:60px;}

.mes-detail {
	width:100%;
	float:none;}

.mes-detail dt {
	font-size:20px;
	font-size:2.0rem;}

.mesContents .clearfix {
	padding:0 4%;}

.mesContents .scheduleTtl p {
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	font-size:2.4rem;
	font-weight:500;
	line-height:1.4;
	background:url(../images/interview_time.png) top center no-repeat;
	padding-top:60px;}

.mesContents .scheduleTtl p span {
	font-weight:normal;}

.mesContents .scheduleList {
	float:none;
	padding:24px 4%;}

.mesContents .scheduleList dt {
	background:#fff;}

	
/*募集要項*/
.nagoya .joblistWrap .inner,
.nagoya .guidelineWrap .inner,
.nagoya .stepWrap .inner {
	width:100%;
	margin:0 auto;
	padding:0 4%;}

.nagoya .joblistWrap {
	padding:40px 0;}

.nagoya .joblistWrap h2 {
	font-size:32px;
	font-size:3.2rem;
	margin-bottom:24px;
	padding-top:64px;}

.nagoya .joblistWrap li {
	font-size:16px;
	font-size:1.6rem;
	width: 100%;
	margin-bottom: 8px;
}
.nagoya .joblistWrap li:nth-child(2n) {
	margin-left: 0;
}
.nagoya .joblistWrap li a {
    background-size:20px;
	padding:18px 0 15px 4%;
}


/*
.nagoya .joblistWrap .accordion dl {
	margin-bottom:0;}

.nagoya .joblistWrap .accordion dt {
	padding:8px 0 6px;
	background:#F1F1F3;
	width : auto;
	float: none;
	text-align:center;}

.nagoya .joblistWrap .accordion dd {
	border-top: none;
	padding:10px 0 20px;
	margin-left : 0;}

.nagoya .joblistWrap .accordion .tyumoku {
	background:#FFF;
	border:1px solid #3DC4D8;
	color:#3DC4D8;}

.nagoya .joblistWrap .accordion .tyumoku .sp {
	font-weight:bold;}*/


.nagoya .lineTtl:after {
	background:url(../images/line_slash_red.png) no-repeat top left;}

.n-step {
	margin-top:40px;}


.nagoya .rec-back .button {
	width:30%;}


/*k.hasegawa add 2018.01.17
----------------------------------------------------------- */
/*r_camera */

.r_camera .inner {
  width:100%;
  padding:0 4%;}

.r_camera .joblistWrap {
  padding:40px 0 80px;}

.r_camera .rcameramaintext {
  background:#F1F1F3;
  border-top:1px solid #3DC4D8;
  padding:0;}

.r_camera .rcameramaintext h3 {
  background-position: 20px 50%;
  padding:30px 0 24px 62px;
  font-size:18px;
  font-size:1.8rem;}

.r_camera .rcameramaintext .jobContents{
  padding:40px 0 20px;}

.r_camera .rcameramaintext .txtArea {
  float:none;
  width:100%;}

.r_camera .rcameramaintext .txtArea h4 {
  font-size:24px;
  font-size:2.4rem;
  margin-bottom:32px;
  text-align:center;}

.r_camera .rcameramaintext img.photo01 {
  float:none;
  width:80%;
  display:block;
  margin:40px auto 16px;}

.r_camera .rcameramaintext dl {
  padding-top:24px;}

.r_camera .rcameramaintext dt {
  margin-bottom:8px;}

.r_camera .rcameramaintext dd {
  padding:0 0 40px 0;}

.r_camera .rcameramaintext .passImg {
  margin-top:24px;}

.r_camera .rcameramaintext .passImg02 {
  margin-top:24px;}

.rcameramaintext .button a {
  width:auto;}

.rcameramaintext .entrybtn {
  padding-bottom:60px;}

.rcameramaintext .button {
  width:80%;}

.rcameramaintext .button a {
  width:auto;}

.stepWrap .button a {
    width:auto;}

.stepWrap .entrybtn {
    padding-bottom:60px;}

.stepWrap .button {
    width:80%;}

.stepWrap .button a {
    width:auto;}
	

/*careerpaths
----------------------------------------------------------- */
.careerpaths .inner {
	width:100%;
	padding:40px 4% 0;}

.paths-list {
	margin-bottom: 24px;
}

.paths-wrap {
	border-top:1px solid #EEE;
	padding: 40px 4% 48px;
	display:block;
}

.paths-wrap figure {
	width: auto;
	text-align: center;
}

.paths-wrap .paths-detail {
	width: 100%;
	padding-top: 40px;
}

.paths-wrap .button {
	width:100%;;
	margin:40px auto 0;}

.paths-wrap .button a {
	width:auto;
	padding:18px 0 14px;
	font-size:13px;
	font-size:1.3rem;
	background:url(../images/icon_arrow_white.png) no-repeat 98% 50%;}
	
.careerpaths .entrybtn {
	margin-bottom: 64px;
}
	
/*seminar-topページ
----------------------------------------------------------- */
.semitop .inner {
	width:100%;
	padding:12px 4% 40px;}

.semitop .ChangeElem_Btn_Content li {
	width: 100%;
	height: auto;
	text-align: left;
	box-shadow:5px 5px 0px 0px #DDDDE3;
}
.semitop .ChangeElem_Btn_Content li.semi01 {
	background-size: cover!important;
	margin-right: 0;
	margin-bottom: 8px;
}
.semitop .ChangeElem_Btn_Content li.semi02 {
	background-size: cover!important;
	margin-right: 0;
	margin-bottom: 8px;
}
.semitop .ChangeElem_Btn_Content li.semi03 {
	background-size: cover!important;
}
	
.semitop .ChangeElem_Btn_Content li::before {
	left: 18px;
	margin:0;
}

.semitop .ChangeElem_Btn_Content li.semi01::before {
	background-size: 12px;
	left: 24px;
	top:12px;
}
.semitop .ChangeElem_Btn_Content li.semi02::before {
	background-size: 24px;
	top:12px;
}
.semitop .ChangeElem_Btn_Content li.semi03::before {
	background-size: 26px;
	top:12px;
}

.semitop .ChangeElem_Btn_Content a {
	width: auto;
	height: auto;
	font-size:16px;
	font-size:1.6rem;
	padding-top: 12px;
	padding-bottom: 8px;
	padding-left: 60px;
	background: url(../images/seminar_arrow_btm.png) no-repeat 95% 50%;
	background-size: 20px;
	line-height: 1.2;
	letter-spacing: 0;
}
.semitop .ChangeElem_Btn_Content li span {
	font-size:10px;
	font-size:1.0rem;
}
	
.semitop .tabcontents {
	padding: 32px 0 0;
}

.semitop .tabcontents h2 {
	font-size:18px;
	font-size:1.8rem;
	padding: 40px 0 8px;
	margin-bottom: 0;
	text-align: center;
}
.semitop .tabcontents .panel01 h2 {
	background: url(../images/seminar_icon01_bk.png) no-repeat 50% 0%;
	background-size:12px;
}
.semitop .tabcontents .panel02 h2 {
	background: url(../images/seminar_icon02_bk.png) no-repeat 50% 0%;
	background-size:30px;
}
.semitop .tabcontents .panel03 h2 {
	background: url(../images/seminar_icon03_bk.png) no-repeat 50% 0%;
	background-size:32px;
}

.semitop .tabcontents li {
	width: 100%;
	margin-bottom: 8px;
	line-height: 1.5;
}

.semitop .tabcontents a {
	display: block;
	width: auto;
	padding: 0 4% 12px;
	font-size:15px;
	font-size:1.5rem;
	background: url(../images/arrow_right.png) no-repeat 98% 50%;
	background-size: 7px;
}

.semitop .tabcontents .place {
	display: block;
	width: 5em;
	text-align: center;
	margin-left: -6%;
	margin-bottom: 4px;
}

.semitop .tabcontents .date {
	display: block;
	padding-left: 0;
	padding-right: 0;
}


/*seminar-詳細ページ
----------------------------------------------------------- */
.semidetail {
	padding-bottom: 64px;
}

.semi-intro .inner {
	width: 100%;
	padding: 24px 4%;
}

.semi-place {
	font-size:13px;
	font-size:1.3rem;
	height: 30px;
	padding: 0.3em 0.5em 0.3em 1.0em;
}
.semi-place::before {
	width: 15px;
	height: 15px;
	border: 15px solid transparent;
	border-left: 15px solid #222;
	right: -30px;
}

.semi-date {
	background: #fff;
	display: inline-block;
	font-size:13px;
	font-size:1.3rem;
	height: 30px;
	padding: 0.3em 1.0em 0.3em 1.5em;
}

.semi-ttl {
	font-size:24px;
	font-size:2.4rem;
	letter-spacing: 0;
	margin-top: 0.8em;
	line-height: 1.2;
}

.semi-txt {
	padding: 24px 4%;
}

.semi-txt p {
	width: 100%;
}

.semi-inner {
	width: 100%;
	padding: 40px 4% 24px;
}

.semi-inner dt {
	padding-top : 10px;
	padding-bottom : 8px;
	width : 100%;
	float: none;
	clear: both;
	font-weight: bold;
	text-align:center;
	background:#E0E0E4;
}

.semi-inner dd {
	border:none;
	padding-top : 10px;
	padding-bottom : 16px;
	padding-left : 0;
}
.semi-inner dd:last-child {
	border-bottom:none;
	padding-bottom: 24px;
}
	
.semi-inner dd iframe {
	width:100%;}

.semi-inner .button {
	width:100%;
	color: #FFF;
	margin:0 auto;
	display:block;
	clear:both;
}

.semi-inner .button a {
	width:auto;
	font-size:18px;
	font-size:1.8rem;
	background:url(../images/icon_arrow_white.png) no-repeat 95% 50%;
}

.semi-inner .inquiryBox {
	margin-top:48px;
	border:none;
	padding: 0;
	background: none;}

.semi-inner .inquiryBox h3 {
	width:100%;
	padding:0;
	margin-bottom: 4px;}

.semi-inner .inquiryBox p {
	padding-left:0;
	line-height: 1.2;}

.seminar .rec-back {
	padding: 0;
}


}
/* -----@media screen and (max-width:770px) ------ */