@charset "utf-8";

/* common
----------------------------------------------------------- */
body {
	background: #FFF;}

/* 771px～ */
@media screen and (min-width: 771px) {

body {
	min-width: 1020px!important;}
.sp {
	display: none;}

}

#wrapper {
	width: auto;
	margin: 0 auto;
	xoverflow: hidden;}

img {
	max-width: 100%;
	height: auto;
	width /***/: auto;/*IE8のみ適用*/}

.replace {
	display: block;
	overflow: hidden;}

.replace a,
.replace span {
	display: block;
	height: 0;
	background-repeat: no-repeat;
	background-position: 0 0;}

.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	position: relative;
	z-index: 2;
	overflow: hidden;}
.button a {
	display:block;}
.button a:hover {
	text-decoration:none;}

.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}
.button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #FFF;}



/* top
----------------------------------------------------------- */
/*header*/
header {
	width: 100%;
	height:80px;
	background:#FFF;
	margin:0 auto;
	padding-left:5%;}

/* 1020px～ */
@media screen and (min-width: 1020px) {
header.fixed {
	position: fixed;
    top: 0;
    left: 0;
	z-index:100;}
}

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

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

#menuList {
	float:right;}

#menuList li {
	background:url(../images/head_line.png) no-repeat top left;
	float:left;
	font-size:15px;
	font-size:1.5rem;
	padding:0 24px 0 40px;
	line-height:1.4;
	text-align:center;}

#menuList li span {
	display:block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12px;
	font-size:1.2rem;
	font-weight:normal;
	color:#C6C6CB;}

#menuList li a {
	height:80px;
	padding:24px 0;
	display:inline-block;
	font-weight:bold;
	position:relative;}
#menuList li a:after {
	content: "";
	display:block;
	border-bottom:2px solid #3DC4D8;
	width:0;
	-webkit-transition:width 0.2s ease-in-out;
	-ms-transition:width 0.2s ease-in-out;
	transition:width 0.2s ease-in-out;
	position:absolute;
	top:0;
	right:0;}

#menuList li a:hover {
	text-decoration:none;
	color:#3DC4D8;}
#menuList li a:hover:after {
	width:100%;}


/*ドロップメニュー*/
#menuList .drop {
	position:relative;}

#menuList .drop ul {
	position:absolute;
	top:72px;
	left:-10px;
	z-index:100;}

#menuList .drop ul li {
	visibility: hidden;
	overflow: hidden;
	display:inline-block;
	width:180px;
	height: 0;
	padding:0;
	margin-bottom:2px;
	line-height:40px;
	background:#3DC4D8;
	color:#FFF;
	font-size:13px;
	font-size:1.3rem;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;}

#menuList .drop ul li a {
	display:block;
	color:#FFF;
	height:40px;
	padding:2px 0 0 12px;
	text-align:left;
	font-weight:normal;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;}
#menuList .drop ul li a:hover {
	background:#1F9DB8;}

#menuList .drop:hover ul li,
#menuList .drop a:hover ul li {
	visibility: visible;
	overflow: visible;
	height:40px;
	z-index: 10;}


#menuList li.fb {
	background:none;
	padding:0 48px 0 32px;}

#menuList li.fb a {
	height:auto;
	display:inline-block;
	position:relative;
	transition: all 0.3s;}
#menuList li.fb a:hover {
	opacity:0.5;}
#menuList li.fb span {
	display:none;}

#menuList li.cont {
	background:none;
	padding:0;}

#menuList li.cont span {
	color:#FFF;}

#menuList li.cont a {
	width:240px;
	background:url(../images/head_cont.png) no-repeat top left #3DC4D8;
	padding-right:24px;
	padding-left:40px;
	display:block;
	color:#FFF;
	transition: all 0.3s;}
#menuList li.cont a:hover {
	opacity:0.5;}

#menuList .drop ul li a:hover:after,
#menuList li.fb a:hover:after,
#menuList li.cont a:hover:after {
	width:0;}


/*visual*/
#top #visualWrap {
	width:100%;
	clear:both;
	position:relative;}

#top #visualWrap .image-bloc {
	margin:0 auto;
	position:relative;}

#top #visualWrap .slide {
	height:720px;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;}

#top #visualWrap .sl01 {
	background-image:url(../images/slide01.jpg);}
#top #visualWrap .sl02 {
	background-image:url(../images/slide02.jpg);}
#top #visualWrap .sl03 {
	background-image:url(../images/slide03.jpg);}
#top #visualWrap .sl04 {
	background-image:url(../images/slide04.jpg);}
#top #visualWrap .sl05 {
	background-image:url(../images/slide05.jpg);}
#top #visualWrap .sl06 {
	background-image:url(../images/slide06.jpg);}
#top #visualWrap .sl07 {
	background-image:url(../images/slide07.jpg);}
#top #visualWrap .sl08 {
	background-image:url(../images/slide08.jpg);}
#top #visualWrap .sl09 {
	background-image:url(../images/slide09.jpg);}
#top #visualWrap .sl10 {
	background-image:url(../images/slide10.jpg);}

#top #visualWrap .image-bloc dl {
	width:100%;
	margin:-10em auto 0;
	position:absolute;
	top:50%;
	left:0;
	text-align:center;
	z-index:999;}

#top #visualWrap .image-bloc dt {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:100px;
	font-size:10.0rem;
	color:#fff;}
#top #visualWrap .image-bloc dd {
	font-size:32px;
	font-size:3.2rem;
	color:#fff;
	line-height:1.0;}

#top #visualWrap .slideBtn {
	background:#F1F1F3;
	padding-top:35px;
	padding-bottom:100px;
	text-align:center;
	transition: all 0.3s;
	position:relative;}

#top #visualWrap .slideBtn a {
	text-align:center;
	display:inline-block;
	position:absolute;
	top:-35px;
	left:50%;
	margin-left:-35px;
	width:70px;
	height:70px;
	transition: all 0.3s;
	z-index:999;}

#top #visualWrap .slideBtn a:hover {
	opacity:0.7;}



/* #topTecWrap */
#topTecWrap {
	padding:160px 0 80px 0;
	background:#F1F1F3;
	margin-top: -120px;}

.topTecTtl {
	width:1010px;
	margin:0 auto;
	padding:0;
	position:relative;}

.topTecTtl h2 {
	font-family: 'Roboto', sans-serif;
	font-size:56px;
	font-size:5.6rem;
	font-weight: 500;
	margin-bottom:88px;}

.topTecTtl h2:after {
	content: "";
	display:block;
	background:url(../images/line_slash.png) no-repeat top left;
	padding-bottom:4px;}

.topTecTtl p {
	width:500px;
	position:absolute;
	top:64px;
	right:0;}

.topTecArea {
	width:100%;
	padding:0 8%;}

.topTecArea ul {
	font-size: 0;
	text-align: center;
}

.topTecArea li {
	position:relative;
	display: inline-block;
	width:30%;
	height:auto;
	margin-right: 5%;
	margin-bottom: 80px;}
.topTecArea li:nth-child(3),
.topTecArea li:nth-child(5){
	margin-right: 0;}

.topTecArea li.soft {
	background:url(../images/top_tec_img01.jpg) no-repeat top center;}
.topTecArea li.mecha {
	background:url(../images/top_tec_img02.jpg) no-repeat top center;}
.topTecArea li.elec {
	background:url(../images/top_tec_img03.jpg) no-repeat top center;}
.topTecArea li.test {
	background:url(../images/top_tec_img04.jpg) no-repeat top center;}
.topTecArea li.support {
	background:url(../images/top_tec_img05.jpg) no-repeat top center;}

.topTecArea a {
	display: block;
}

.topTecArea a:hover {
	text-decoration: none;
}

.topTecArea h3 {
	background: #fff;
	width:86%;
	margin: 40px auto 0;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	padding:1em;
	text-align: center;
	position: relative;}

.topTecArea h3::after {
	content: '';
	width:36px;
	height: 1px;
	position: absolute;
	top:60px;
	left: 0;
	right: 0;
	margin: 0 auto;}
.topTecArea .soft h3::after {
	background: #3DC4D8;}
.topTecArea .mecha h3::after {
	background: #ABC943;}
.topTecArea .elec h3::after {
	background: #F9BB2D;}
.topTecArea .test h3::after {
	background: #F15A5A;}
.topTecArea .support h3::after {
	background: #B987DE;}

.topTecArea span {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-size:1.4rem;
	color: #C5C5CB;
	margin-top: 1em;}

.topTecArea .soft h3:hover  {
	color: #3DC4D8;}
.topTecArea .mecha h3:hover  {
	color: #ABC943;}
.topTecArea .elec h3:hover  {
	color: #F9BB2D;}
.topTecArea .test h3:hover  {
	color: #F15A5A;}
.topTecArea .support h3:hover  {
	color: #B987DE;}

.topTecArea .circle {
	text-align:center;
	padding-top:56px;}
.topTecArea a:hover .circle {
	-webkit-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
	transition: .6s;}

@media screen and (min-width: 771px) {
.topTecArea li{transition: .8s;transition-property:opacity,transform;}
.topTecArea .mecha{transition-delay:.4s;transition-property:opacity,transform;}
.topTecArea .elec{transition-delay:.7s;transition-property:opacity,transform;}
.topTecArea .support{transition-delay:.3s;transition-property:opacity,transform;}

.list-mv07{
	opacity: 0;
	-webkit-transform: translate(0,160px);
	transform: translate(0,160px);}
.mv07{
	opacity: 1.0;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);}}


/* #quadrupleWrap */
#quadrupleWrap {
	width:100%;
	height:640px;
	clear:both;
	background:url(../images/top_quadruple_bg.jpg) no-repeat top center;
	background-size:cover;}

.quadrupleArea {
	width:1010px;
	margin:0 auto;
	position:relative;}

.quadrupleArea h2 {
	font-family: 'Roboto', sans-serif;
	font-size:48px;
	font-size:4.8rem;
	font-weight: 500;
	position:absolute;
	top:-56px;
	right:0;}
.quadrupleArea h2:first-letter {
	font-size:56px;
	font-size:5.6rem;}

.quadrupleArea h2 span {
	font-size:56px;
	font-size:5.6rem;
	font-weight: 500;
	color:#454545;
	border-bottom:1px solid #454545;}

.quadrupleArea .txtBox {
	background:#FFF;
	width:450px;
	padding:32px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	position:absolute;
	top:380px;
	right:0;
	text-align:center;}

.quadrupleArea .txtBox p {
	margin-bottom:24px;
	text-align:left;}

.quadrupleArea .button {
	width:200px;
	line-height:54px;
	font-size:16px;
	font-size:1.6rem;
	font-family: 'Roboto', sans-serif;
	background:#3DC4D8;
	border: 2px solid #3DC4D8;
	color: #FFF;}

.quadrupleArea .button a {
	width:200px;
	color:#FFF;
	background:url(../images/icon_arrow_white.png) no-repeat 90% 50%;}
.quadrupleArea .button a:hover {
	color:#3DC4D8;}


/* #topRecruitWrap */
#topRecruitWrap {
	width:100%;
	height:660px;
	clear:both;
	background:url(../images/top_recruit_bg.jpg) no-repeat top center;
	background-size:cover;
	margin-top:80px;}

.topRecruitArea {
	width:1010px;
	margin:0 auto;}

.topRecruitArea h2 {
	font-family: 'Roboto', sans-serif;
	font-size:56px;
	font-size:5.6rem;
	font-weight: 500;
	margin-bottom:190px;}

.topRecruitArea h2:after {
	content: "";
	display:block;
	background:url(../images/line_slash.png) no-repeat top left;
	padding-bottom:4px;}

.topRecruitArea .recCircle {
	background:#ABC943;
	border-radius:100px;
	width:200px;
	height:200px;
	float:left;
	margin-right:70px;
	text-align:center;
	position:relative;}
.topRecruitArea .recCircle.semi {
	margin-right:0;}

.topRecruitArea a {
	display:block;}
.topRecruitArea a .recCircle {
	transition:all 0.3s ease-in-out;}
.topRecruitArea a:hover .recCircle {
	box-shadow: inset 0 0 0 10px #1F9DB8;
	background:#3DC4D8;}
.topRecruitArea a:hover {
	text-decoration:none;}

.topRecruitArea .recCircle h3 {
	color:#FFF;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	position:absolute;
	top:130px;
	left:0;
	right:0;}

.topRecruitArea .recCircle span {
	display:block;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-size:1.2rem;
	font-weight:normal;
	line-height:1.0;
	color:#C6C6CB;}

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

/* #topNewsWrap */
#topNewsWrap {
	width:100%;
	clear:both;
	background:#FFF;}

.topNewsArea {
	width:1010px;
	margin:0 auto;
	padding:100px 0;}

.topNewsArea h2 {
	font-family: 'Roboto', sans-serif;
	font-size:56px;
	font-size:5.6rem;
	font-weight: 500;
	text-align:center;
	margin-bottom:40px;}

.topNewsArea .newsBox {
	float:left;
	width:505px;
	border-right:1px solid #DDD;
	padding-right:80px;}
.topNewsArea .recBox {
	float:right;
	width:505px;
	padding-left:80px;}

.topNewsArea h3 {
	color:#3DC4D8;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;}

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

.topNewsArea li span{
	color:#C6C6CB;
	font-size:12px;
	font-size:1.2rem;
	display:block;}

.topNewsArea aside ul {
	text-align:center;
	clear:both;
	margin-top:64px;}

.topNewsArea aside li {
	display:inline-block;
	padding:0 8px;
	transition: all 0.3s;}
.topNewsArea aside li:hover {
	opacity:0.5;}


/* footer */
footer{
	width:100%;
	clear:both;}

.footerWrap {
	background:#DADADE;
	height:480px;}

.map {
	width:50%;
	height:480px;
	float:left;
	background:#DDD;}

#mapWrapper {
  width: 100%;
  padding-bottom: 480px;
  position: relative;}

#map {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;}

.topAddress {
	width:50%;
	float:right;}

.topAddress dl {
	background:#F1F1F3;
	padding:40px 80px;}

.topAddress dt {
	font-family: 'Roboto', sans-serif;
	font-size:32px;
	font-size:3.2rem;
	font-weight: 500;
	margin-bottom:24px;}

.topAddress dt:after {
	content: "";
	display:block;
	background:url(../images/line_slash.png) no-repeat top left;
	padding-bottom:4px;
	width:1.5em;}

.topAddress dd { width:50%; float:left; text-align:center;}

.topAddress dd img {}

.topContBox {
	padding:32px 80px 0 80px;}

.topContBox h2 {
	font-family: 'Roboto', sans-serif;
	font-size:32px;
	font-size:3.2rem;
	font-weight: 500;
	margin-bottom:24px;}

.topContBox h2:after {
	content: "";
	display:block;
	background:url(../images/line_slash.png) no-repeat top left;
	padding-bottom:4px;
	width:1.5em;}

.topContBox .topTel {
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	font-size:2.2rem;}

.topContBox .topTel a {
	color:#3DC4D8;
	font-weight: 500;}
.topContBox .topTel a:hover {
	text-decoration:none;}

.topContBox .topTel i {
	padding-right:0.5em;}

.topContBox .time {
	font-size:12px;
	font-size:1.2rem;
	margin-bottom:24px;}

.topContBox .button {
	width:280px;
	line-height:60px;
	font-family: 'Roboto', sans-serif;
	background:#3DC4D8;
	border: 2px solid #3DC4D8;
	color: #FFF;}

.topContBox .button a {
	width:280px;
	color:#FFF;
	font-size:20px;
	font-size:2.0rem;
	background:url(../images/icon_arrow_white.png) no-repeat 90% 50%;}
.topContBox .button a:hover {
	color:#3DC4D8;}


/* .pagetop */
footer .pagetop {
	background:#454545;
	text-align:center;
	clear:both;}

footer .pagetop img {
	margin-top:20px;}

footer .pagetop a {
	display: block;
	width:100%;
	height:60px;}
footer .pagetop:hover {
	opacity:0.9;}

footer .copyArea {
	text-align:right;
	padding:48px;}

footer .copyArea p {
	display:inline-block;
	font-size:12px;
	font-size:1.2rem;}

footer .copyArea p a {
	background:url(../images/icon_arrow_blue.png) no-repeat left center;
	padding-left:16px;}

footer .copyArea p:last-child {
	margin-left:40px;
	font-family: 'Roboto', sans-serif;}


/*sub_common
----------------------------------------------------------- */
/*visual*/
#sub #visualWrap {
	width:100%;
	height:448px;
	padding-top:180px;}

#sub #visualWrap h1 {
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-size:80px;
	font-size:8.0rem;
	font-weight: 500;
	text-align:center;
	text-shadow: 1px 1px 0 #808080, -1px 1px 0 #808080, 1px -1px 0 #808080, -1px -1px 0 #808080;}

#sub #visualWrap h1 span {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight:bold;
	font-size:14px;
	font-size:1.4rem;
	display: block;}

#sub #visualWrap h1:after {
	content: "";
	display:block;
	width:220px;
	margin:0 auto;
	border-bottom:1px solid #FFF;
	padding-bottom:32px;}

@media screen and (min-width: 771px) {
#sub #visualWrap h1 {
	transition: .8s;}
}


/*section*/
#sub section {
	width:100%;
	clear:both;
	padding-top:20px;}

/*見出し*/
.lineTtl {
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	margin-bottom:40px;}

.lineTtl:after {
	content: "";
	display:block;
	background:url(../images/line_slash_blue.png) no-repeat top left;
	padding-top:4px;
	margin-top:12px;}


/*breadCrumb*/
#sub #breadCrumb {
	width:100%;
	height:50px;
	padding:0 4%;
	background:#FFF;}

#sub #breadCrumb li {
	display:block;
	height:50px;
	font-size:12px;
	font-size:1.2rem;
	background:url(../images/bread_line.png) no-repeat top right;
	padding-right:52px;
	padding-top:16px;
	float:left;}
#sub #breadCrumb li:last-child {
	background:none;}

#sub #breadCrumb li a {
	color:#3DC4D8;}


/*footer*/
.subFt {
	width:100%;
	background:#F1F1F3;}

.subFt .footerWrap {
	width:1010px;
	margin:0 auto;
	height:auto;
	background:#F1F1F3;}

.subAddress {
	width:670px;
	float:left;
	padding:60px 0 130px;
	background:url(../images/footer_line.png) no-repeat top right;
	position:relative;}

.subAddress dl {
	position:absolute;
	top:90px;
	left:160px;}

.subAddress dt {
	font-weight:bold;
	font-size:16px;
	font-size:1.6rem;
	margin-bottom:8px;}

.subAddress dd {
	font-size:13px;
	font-size:1.3rem;}

.subAddress dd.submap {
	display:inline-block;
	background:#454545;
	padding:5px 10px 4px;
	line-height:1.0;
	margin-top:6px;}

.subAddress dd.submap a {
	color:#FFF;}
.subAddress dd.submap a:hover {
	text-decoration:none;}

.subContBox {
	width:340px;
	float:right;
	padding-top:48px;
	text-align:center;}

.subContBox .topTel {
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	font-size:2.2rem;}

.subContBox .topTel a {
	color:#3DC4D8;
	font-weight: 500;}
.subContBox .topTel a:hover {
	text-decoration:none;}

.subContBox .topTel i {
	padding-right:0.5em;}

.subContBox .time {
	font-size:12px;
	font-size:1.2rem;
	margin-bottom:24px;}

.subContBox .button {
	width:240px;
	line-height:50px;
	font-family: 'Roboto', sans-serif;
	background:#3DC4D8;
	border: 2px solid #3DC4D8;
	color: #FFF;}

.subContBox .button a {
	width:240px;
	color:#FFF;
	font-size:20px;
	font-size:2.0rem;
	background:url(../images/icon_arrow_white.png) no-repeat 90% 50%;}
.subContBox .button a:hover {
	color:#3DC4D8;}


/*privacy
----------------------------------------------------------- */
.privacy #visualWrap {
	background:url(../images/privacy_ttl.jpg) no-repeat top center;
	background-size:cover;}

#sub.privacy section {
	background:#F1F1F3;}

.privacyArea {
	width:1010px;
	margin:0 auto;
	padding:100px 0 40px;}

.privacyBox {
	padding-bottom:100px;
	clear:both;}

.privacyBox dd {
	padding:8px 0 32px 8px;}
.privacyBox dd:last-of-type {
	padding-bottom:0;}

.priBox {
	background:#FFF;
	padding:24px 48px;
	margin-top:24px;}

.priBox h3 {
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	float:left;
	padding-right:80px;}

.priBox a {
	color:#3DC4D8;
	text-decoration:underline;}


/*company
----------------------------------------------------------- */
#sub.company #visualWrap {
	background:url(../images/company_ttl.jpg) no-repeat top center;
	background-size:cover;
	height:448px;}

.philosophy {
	background:rgba(255,255,255,0.7);
	padding-top:80px;
	padding-bottom:100px;
	margin-top:-210px;}

.philosophy h2 {
	font-size:32px;
	font-size:3.2rem;
	font-weight:bold;
	text-align:center;}

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

.philosophy .rinen h3,
.philosophy .shishin h3 {
	background:#454545;
	font-size:32px;
	font-size:3.2rem;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	padding:40px 0 32px;}

.philosophy .rinen p {
	background:url(../images/company_rinen.jpg) no-repeat top center #DEDEE2;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size:40px;
	font-size:4.0rem;
	text-align:center;
	padding:88px 0;}

.philosophy .shishin {
	text-align:center;
	padding-bottom:64px;}

.philosophy .shishin h4 {
	font-size:42px;
	font-size:4.2rem;
	font-weight:bold;
	color:#3DC4D8;
	border-bottom:1px dotted #222;
	display:inline-block;
	padding:64px 0 32px;}

.philosophy .shishin .line {
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	width:160px;
	background:#FFF;
	margin:-18px auto 40px;
	position:relative;
	z-index:10;}

.philosophy .shishin ul {
	width:700px;
	margin:0 auto;}

.philosophy .shishin li {
	text-align:left;}

.philosophy .shishin li p {
	display:inline-block;}

.philosophy .shishin .happy01 {
	color:#BA82E3;}
.philosophy .shishin .happy02 {
	color:#FDBD28;}
.philosophy .shishin .happy03 {
	color:#3DC4D8;}
.philosophy .shishin .happy04 {
	color:#F15A5A;}

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

.philosophy .winBox {
	border-radius:10px;
	width:23%;
	height:280px;
	margin-left:2%;
	padding:64px 0 0;
	float:left;
	text-align:center;}

.philosophy .winBox img {
	text-align:center;
	margin-bottom:32px;}

.philosophy .winBox h3 {
	color:#FFF;
	font-size:32px;
	font-size:3.2rem;
	letter-spacing:0.2em;
	margin-left:0.2em;
	margin-bottom:8px;}

.philosophy .winBox h4 {
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	font-size:2.0rem;}
.philosophy .winBox h4:before {
	content: "";
	display:block;
	width:42px;
	margin:0 auto;
	border-top:4px solid #FFF;
	padding-top:16px;}

.philosophy .winBox p {
	color:#FFF;
	font-weight:bold;
	letter-spacing:0.4em;
	margin-left:0.4em;}

.philosophy .winBox.w01 {
	margin-left:0;
	background:#BA82E3;}
.philosophy .winBox.w02 {
	background:#FDBD28;}
.philosophy .winBox.w03 {
	background:#3DC4D8;}
.philosophy .winBox.w04 {
	background:#F15A5A;}

.aboutUs {
	background:#F1F1F3;
	padding:100px 0;}

.aboutUs .clearfix {
	width:1010px;
	margin:0 auto;}

.aboutUs .leftArea {
	float:left;
	width:470px;}
.aboutUs .rightArea {
	float:right;
	width:470px;}

.aboutUs dt {
	padding-top : 16px;
	padding-bottom : 14px;
	width : 140px;
	float: left;
	clear: both;
	font-weight: bold;}

.aboutUs dd {
	border-bottom: 1px solid #E2E2E6;
	padding-top : 16px;
	padding-bottom : 14px;
	padding-left : 140px;}

.officer {
	width:100%;
	background:#f1f1f3;}

.officer h2 {
	background:#454545;
	color:#FFF;
	font-size:32px;
	font-size:3.2rem;
	font-weight:bold;
	text-align:center;
	padding:80px 0 72px;}

.officer .inner01,
.officer .inner02 {
	width:1010px;
	margin:0 auto; position:relative;}

.officerData img {
	width:100%; left:0; top:0; position:absolute;
	}
.officer .inner02 .officerData img {
	float:right;}

.officerData .dataBox {
	float:right;
	width:375px;
	padding-top:80px; position:relative;}
.officer .inner02 .officerData .dataBox {
	float:left;}
.officerData .dataBox ul { display:none;}

.officerData .card {
	background:url(../images/top_tec_bg01.png) repeat-x top left;
	padding:60px 0 60px 40px;
	margin-bottom:80px;}

.officerData .card p {
	color:#FFF;
	margin-bottom:20px;}

.officerData .card h3 {
	color:#FFF;
	font-size:40px;
	font-size:4.0rem;
	font-weight:bold;
	line-height:1.4;}
.officerData .card h3 span {
	color:#FFF;
	font-size:16px;
	font-size:1.6rem;
	font-family: 'Roboto', sans-serif;
	display:block;}

.officerData ul {
	border-top:1px solid #4AC5D9;
	border-left:1px solid #4AC5D9;
	padding:32px 0 0 40px;}
.inner02 .officerData ul {
	border-right:1px solid #4AC5D9;
	border-left:none;
	padding:32px 30px 0 1em;}

.officerData li {
	text-indent:-1em;
	font-size:13px;
	font-size:1.3rem;}

.messageBox {
	clear:both;
	padding:64px 0 80px;}

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


.galleryWrap {
	background:#454545;
	padding:80px 0 60px;}

.galleryWrap .inner {
	width:1010px;
	margin:0 auto;}

.galleryWrap h3 {
	font-family: 'Roboto', sans-serif;
	font-size:40px;
	font-size:4.0rem;
	font-weight:500;
	margin-bottom:56px;
	color:#FFF;}

.galleryWrap h3:after {
	content: "";
	display:block;
	background:url(../images/line_bk.png) no-repeat top left;
	padding-top:4px;
	margin-top:8px;}

.galleryWrap ul {
	overflow:hidden;
	width:1080px;}

.galleryWrap li {
	float:left;
	display:block;
	width:200px;
	margin-right:70px;
	margin-bottom:60px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.24);
	background:#fff;}

.galleryWrap li a {
	transition: all 0.3s;}
.galleryWrap li a:hover {
	opacity:0.5;}

.company .movieWrap {
	background:#fff;
	padding-bottom:100px;}
.company .movieWrap .inner {
	padding-bottom:0;}

.accessWrap {
	background:#F1F1F3;
	padding:120px 0 0;}
.accessWrap:last-of-type {
	padding-bottom:120px;}

.accessWrap .clearfix {
	width:1010px;
	margin:0 auto;}

.accessWrap .gmap {
	width:620px;
	float:left;}

.accessWrap .gmap p {
	margin-top:2em;}

.accessWrap img {
	width:330px;
	float:right;}



/*事業内容TOP
----------------------------------------------------------- */
.techtop #visualWrap {
	background:url(../images/techtop_ttl.jpg) no-repeat top center;
	background-size:cover;}

.tech-intro {
	background:url(../images/tech_introbg.png) no-repeat top center;
	background-size: cover;
	padding: 80px 0 60px;
	text-align: center;
}

.tech-intro h2 {
	color: #fff;
	font-weight: bold;
	font-size:24px;
	font-size:2.4rem;
	margin-bottom: 48px;
	line-height: 1.4;
	letter-spacing: 0.2em;
	margin-left: 0.2em;
	position: relative;
}

.tech-intro h2::after {
	content: '';
	width: 1px;
	height: 20px;
	background: #fff;
	position: absolute;
	top:100px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.tech-intro h2 span {
	font-weight: bold;
	font-size:45px;
	font-size:4.5rem;
	display: block;
}

.tech-intro ul {
	font-size:0;
}

.tech-intro li {
	display: inline-block;
	width: 202px;
	height: auto;
}
.tech-intro li.t01 a {
	background: #3DC4D8;
}
.tech-intro li.t02 a {
	background: #ABC943;
}
.tech-intro li.t03 a {
	background: #F9B515;
}
.tech-intro li.t04 a {
	background: #F15A5A;
}
.tech-intro li.t05 a {
	background: #B987DE;
}

.tech-intro li a {
	display: block;
	padding: 1em 0;
	font-size:14px;
	font-size:1.4rem;
	font-weight: bold;
	color: #fff;
	position: relative;
	transition: all 0.3s;
}

.tech-intro li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 14px solid #313131;
  border-left: 14px solid transparent;
}

.tech-intro li a:hover {
	text-decoration: none;
	opacity:0.5;
}

.techtop section {
	background: #F1F1F3;
	border:1px solid #F1F1F3;
}

.tech-copy {
	text-align: center;
	padding: 64px 0;
}

.tech-box {
	width: 100%;
	height: 450px;
	clear: both;
	position: relative;
}
.tech-box::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 230px;
	top:50px;
	background: #3DC4D8;
}
.tech-box.tech01::before {
	background: #3DC4D8;
}
.tech-box.tech02::before {
	background: #ABC943;
}
.tech-box.tech03::before {
	background: #F9BB2D;
}
.tech-box.tech04::before {
	background: #F15A5A;
}
.tech-box.tech05::before {
	background: #B987DE;
}
.tech-box.tech06::before {
	background: #2470B9;
}
.tech-box.tech07::before {
	background: #f39517;
}
.tech-box.tech08::before {
	background: #e61717;
}

.tech-inner {
	width: 1010px;
	margin: 0 auto;
	position: relative;
	clear: both;
}

.tech-inner a:hover {
	text-decoration: none;
}

.tech-ttl {
	width: 640px;
	height: 330px;
	text-align: center;
	padding-top: 32px;
	position: relative;
}
.tech01 .tech-ttl {
	background:url(../images/techtop_img01.jpg) no-repeat;
}
.tech02 .tech-ttl {
	background:url(../images/techtop_img02.jpg) no-repeat;
	float: right;
}
.tech03 .tech-ttl {
	background:url(../images/techtop_img03.jpg) no-repeat;
}
.tech04 .tech-ttl {
	background:url(../images/techtop_img04.jpg) no-repeat;
	float: right;
}
.tech05 .tech-ttl {
	background:url(../images/techtop_img05.jpg) no-repeat;
}
.tech06 .tech-ttl {
	background:url(../images/techtop_img06.jpg) no-repeat;
	float: right;
}
.tech07 .tech-ttl {
	background:url(../images/techtop_img07.jpg) no-repeat;
}
.tech08 .tech-ttl {
	background:url(../images/techtop_img08.jpg) no-repeat;
	float: right;
}
.tech09 .tech-ttl {
	background:url(../images/techtop_img09.jpg) no-repeat;
}

.tech-ttl::before {
    background-color: rgba(0,0,0,0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
	transition: all 0.3s;
}
a:hover .tech-ttl::before {
    background-color: rgba(0,0,0,0.3);
}

.tech-ttl .num {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size:40px;
	font-size:4.0rem;
	position: relative;
}
.tech-ttl .num::after {
	content: "";
	width: 45px;
	height: 4px;
	background:url(../images/line_slash_white.png);
	position: absolute;
	bottom:0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.tech-ttl h3 {
	color: #fff;
	font-weight: bold;
	font-size:40px;
	font-size:4.0rem;
	margin-top: 0.5em;
	position: relative;
}
.tech-ttl h3 span {
	font-size:16px;
	font-size:1.6rem;
	font-family: 'Roboto', sans-serif;
	display: block;
}

.tech-txt {
	background: #fff;
	width: 420px;
	padding: 30px;
	position: absolute;
	top:160px;
	right: 0;
}
.tech02 .tech-txt ,.tech04 .tech-txt ,.tech06 .tech-txt ,.tech08 .tech-txt {
	left: 0;
}

.tech-txt .button {
    width: 360px;
    line-height: 3.5;
    background: #fff;
    border: 1px solid #454545;
    margin: 1em auto 0;
    display: block;
    clear: both;
}

.tech-txt .button a {
	width:360px;
	color:#454545;
	font-weight: bold;
	background:url(../images/icon_arrow_bk.png) no-repeat 94% 50%;
}
.tech-txt .button a:hover {
	color:#fff;}

.tech-txt .button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #454545;}


/*各事業ページフッター*/
.tech-intro.footnav {
	padding: 64px 0 80px;
}

.tech-intro.footnav p {
	color: #fff;
	font-weight: bold;
	font-size:24px;
	font-size:2.4rem;
	margin-bottom: 1em;
	letter-spacing: 0.2em
}



/*事業内容--ソフトウェア
----------------------------------------------------------- */
.soft #visualWrap {
	background:url(../images/develop_ttl.jpg) no-repeat top center;
	background-size:cover;
}
.soft #visualWrap h1 {
	line-height: 1.1;
}
.soft #visualWrap h1 span {
	margin-top: 2em;
}

.leadWrap {
	width: 100%;
	background:url(../images/soft_leadbg.png) no-repeat;
	background-size: cover;
}

.lead {
	width:1010px;
	height: 340px;
	margin:0 auto;
	padding:24px 0;
	position:relative;
}

.lead h2 {
	font-size:32px;
	font-size:3.2rem;
	font-weight:bold;
	line-height:1.6;
	color:#FFF;
	padding-top: 90px;
}

.lead-inner {
	position: absolute;
	top:0;
	right: 0;
}
.lead-inner::before {
	content: "";
	width: 160px;
	height: 340px;
	background: #0E92B5;
	position: absolute;
	top:0;
	right: 130px;
}

.lead-box {
	width: 420px;
	height: 300px;
	background: #fff;
	margin-top: 20px;
	padding: 0 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.featureWrap {
	width: 100%;
	clear: both;
	padding: 100px 0 120px;
	background: #F1F1F3;
}

.featureWrap .inner {
	width: 1010px;
	margin: 0 auto;
	position: relative;
}

.slash-ttl {
	text-align: center;
	font-size:36px;
	font-size:3.6rem;
	font-weight:bold;
	line-height:1.4;
	position: relative;
	margin-bottom: 72px;
}
.slash-ttl::after {
	content: "";
	background:url(../images/line_slash_bk.png) top left;
	width: 90px;
	height: 7px;
	position: absolute;
	bottom:-30px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.feature-box {
	background: #fff;
	padding: 48px 80px 40px;
	margin-bottom: 56px;
	position: relative;
	clear: both;
	box-shadow: 10px 10px #e2e2e7;
}
.feature-box:last-child {
	margin-bottom: 0;
}

.feature-box .num {
	font-size:64px;
	font-size:6.4rem;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-weight:lighter;
	color: #0E92B5;
	position: absolute;
	top:-56px;
	left: 16px;
	z-index: 9999;
}

.feature-box figure {
	float: left;
	width: 100px;
}

.feature-box dl {
	float: right;
	width: 670px;
}

.feature-box dt {
	font-size:22px;
	font-size:2.2rem;
	font-weight: bold;
	border-bottom: 1px solid #3BC1D7;
	padding-bottom: 0.2em;
	margin-bottom: 1em;
}

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

.processWrap {
	width: 100%;
	clear: both;
	padding: 100px 0;
}

.processWrap .inner {
	width: 1010px;
	margin: 0 auto;
}

.soft .pro-comment {
	display: flex;
	justify-content: space-around;
}

.soft .processWrap dl {
	text-align: center;
	width: 50%;
}
.soft .processWrap dt {
	font-weight: bold;
	font-size:18px;
	font-size:1.8rem;
}
.soft .processWrap .pro01 {
	color: #3BC1D7;
}
.soft .processWrap .pro02 {
	color: #F15A5A;
}
.soft .processWrap dd {
	font-size:13px!important;
	font-size:1.3rem!important;
}

.soft .processWrap figure {
	text-align: center;
	margin-top: 40px;
}



/*事業内容--メカニカル
----------------------------------------------------------- */
.mecha #visualWrap {
	background:url(../images/mecha_ttl.jpg) no-repeat top center;
	background-size:cover;
}
.mecha #visualWrap h1 {
	line-height: 1.1;
}
.mecha #visualWrap h1 span {
	margin-top: 2em;
}

.mecha .leadWrap {
	width: 100%;
	background:url(../images/mecha_leadbg.png) no-repeat;
	background-size: cover;
}

.mecha .lead h2 {
	padding-top: 45px;
}

.mecha .lead-inner::before {
	background: #709D11;
}

.mecha .feature-box .num {
	color: #709D11;
}

.mecha .feature-box dt {
	border-bottom: 1px solid #ABC943;
}

.mecha .pro-comment figure,
.elec .pro-comment figure{
	float: left;
	width: 568px;
}
.mecha .pro-comment dl,
.elec .pro-comment dl{
	float: right;
	width: 400px;
}
.mecha .pro-comment dt,
.elec .pro-comment dt{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	text-align: left;
	border-left:4px solid #ABC943;
	padding: 0.3em 0 0.1em 0.8em;
	margin-bottom: 0.3em;
}
.mecha .pro-comment dd,
.elec .pro-comment dd{
	font-size:13px;
	font-size:1.3rem;
	text-align: left;
	padding: 0 0 0 1.4em;
	margin-bottom: 24px;
}

.fieldWrap {
	width: 100%;
	background: #F1F1F3;
	clear: both;
	padding: 100px 0;
	text-align: center;
}

.fieldWrap .inner {
	width: 1010px;
	margin: 0 auto;
}

.fieldWrap figure {
	margin-top: 40px;
}


/*事業内容--エレキトリカル
----------------------------------------------------------- */
.elec #visualWrap {
	background:url(../images/elec_ttl.jpg) no-repeat top center;
	background-size:cover;
}
.elec #visualWrap h1 {
	line-height: 1.1;
}
.elec #visualWrap h1 span {
	margin-top: 2em;
}

.elec .leadWrap {
	width: 100%;
	background:url(../images/elec_leadbg.png) no-repeat;
	background-size: cover;
}

.elec .lead h2 {
	padding-top: 45px;
}

.elec .lead-inner::before {
	background: #F27E02;
}

.elec .feature-box .num {
	color: #F27E02;
}

.elec .feature-box dt {
	border-bottom: 1px solid #F9B515;
}

.elec .pro-comment dt {
	border-left:4px solid #F9B515;
}


/*事業内容--テスト・評価
----------------------------------------------------------- */
.testlogy #visualWrap {
	background:url(../images/test_ttl.jpg) no-repeat top center;
	background-size:cover;
}
.testlogy #visualWrap h1 {
	line-height: 1.1;
}
.testlogy #visualWrap h1 span {
	margin-top: 2em;
}

.testlogy .leadWrap {
	width: 100%;
	background:url(../images/testlogy_leadbg.png) no-repeat;
	background-size: cover;
}

.testlogy .lead h2 {
	padding-top: 45px;
}

.testlogy .lead-inner::before {
	background: #DE1F1E;
}

.testlogyWrap {
	text-align:center;
	padding:140px 0 70px;
	background:#F1F1F3;}

.testlogyWrap h1 {
	margin-bottom:90px;
	transition: .8s;}

@media screen and (min-width: 771px) {
.testlogyWrap h1 {
	transition: .8s;}
.list-mv01{
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);}
.mv01{
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);}
}

.testlogyWrap h2 {
	color:#373737;
	font-size:25px;
	font-size:2.5rem;
	font-weight:bold;
	background:url(../images/test_line_red.png) no-repeat bottom center;
	padding-bottom:40px;
	margin-bottom:70px;}

.combinateWrap {
	width:100%;
	background:url(../images/test_bg_red.png) repeat-x top left #F1F1F3;
	text-align:center;
	padding-bottom:120px;}

.combinateWrap ul {
	width:1010px;
	height:90px;
	background:url(../images/test_mean.png) no-repeat top center;
	margin:0 auto 70px;
	text-align:center;}

.combinateWrap li {
	color:#FFF;
	font-size:32px;
	font-size:3.2rem;
	display:inline-block;
	line-height:1.0;
	padding:32px 40px 0 180px;}


/*test_notice*/
.combinateWrap2 {
	text-align:center;
	padding:100px 0 70px;
	background:#fff;
	background-image: url(../images/testology_bg01.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;}

.combinateWrap2 .inner {
	width: 1010px;
	margin: 0 auto;
	position: relative;
}

.combinateWrap2 h3 {
	color:#373737;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:24px;}

.combinateWrap2 h3:before {
  content: url("../images/testology_icon01.png");
  margin-right:10px;
}

.combinateWrap2 h4 {
	color:#373737;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:24px;
	margin-left:0;
	text-align:left;}


.combinateWrap2 h4:before {
  content: url("../images/testology_greywcircle.png");
  padding-right:10px;
}

.combinateWrap2 ul {
	margin:0 auto;
	text-align:left;
}

.combinateWrap2 li {
	font-size:15px;
	font-size:1.5rem;
	padding:0 0 20px 60px;
}

.projectWrap {
	background:#F1F1F3;
	padding:100px 4% 120px;}

.projectWrap .imgArea {
	width:50%;
	height:540px;
	float:left;
	text-align:right;
	padding-right:80px;}

.projectWrap .detailArea {
	width:50%;
	height:auto;
	float:left;}

.projectWrap .detailArea  h3{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	color:#EB5956;
	margin-top:64px;
	margin-bottom:16px;}
.projectWrap .detailArea  h3:first-child{
	margin-top:0;}

.pillarWrap {
	background:#FFF;}

.pillarWrap .inner {
	width:1010px;
	margin:0 auto;
	padding:100px 0 200px;
	position:relative;}

.pillarWrap p {
	padding-top:80px;}

.pillarWrap img {
	position:absolute;
	top:180px;
	right:0;}

.factaWrap{
	background:#F1F1F3;
	padding:100px 0 160px;}

.factaWrap .inner {
	width:1010px;
	margin:0 auto;}


/*事業内容--support
----------------------------------------------------------- */
#sub.support #visualWrap {
	background:url(../images/support_ttl.jpg) no-repeat top center;
	background-size:cover;}

.support .leadWrap {
	width: 100%;
	background:url(../images/support_leadbg.png) no-repeat;
	background-size: cover;
}

.support .lead h2 {
	padding-top: 90px;
}

.support .lead-inner::before {
	background: #864DB5;
}

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

.support .projectWrap .imgArea {
	height:400px;}

.support .projectWrap .detailArea  h3{
	color:#B886DE;}

.support .serviceWrap {
	background:#FFF;
	border-bottom:1px solid #EEE;}

.support .serviceWrap .inner {
	width:1010px;
	margin:0 auto;
	padding:100px 0 120px;}

.support .lineTtl {
	margin-bottom:48px;}
.support .lineTtl:after {
	background:url(../images/line_slash_purple.png) no-repeat top left;}

.support .serviceWrap img {
	width:130px;
	float:left;}

.support .serviceBox {
	width:740px;
	float:right;
	margin-right:80px;
	margin-bottom:80px;}

.support .serviceBox h3 {
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	margin-bottom:16px;}

.support .serviceBox .ex {
	background:#F2ECF9;
	padding:16px 24px;
	margin-top:24px;}

.support .serviceBox .ex p {
	font-size:13px;
	font-size:1.3rem;}

.support .serviceBox .ex h4 {
	color:#B885DE;
	font-weight:bold;}



/*news
----------------------------------------------------------- */
.news #visualWrap {
	background:url(../images/news_ttl.jpg) no-repeat top center;
	background-size:cover;}

.news section {
	background:#F1F1F3;}

.newsArea {
	width:1010px;
	margin:0 auto;
	padding:100px 0;}

.newsArea .date {
	color:#3DC4D8;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	background:url(../images/icon_time.png) no-repeat left center;
	padding-left:20px;
	margin-bottom:12px;}

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

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

.txtArea a:link {
	color:#2E8B57;
	font-weight: bold;}

.txtArea a:hover {
    color:#2E8B57;
    font-style:normal;
    text-decoration:underline;
}

.txtArea a:visited {
	color: #2E8B57;
	font-weight: bold;}


.Newslist h3 {
	color:#3DC4D8;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;}

.Newslist li{
	margin-bottom:40px;
	padding-bottom:5px;
	border-bottom:solid 1px #C6C6CB;}

.Newslist li span{
	color:#999999;
	font-size:12px;
	font-size:1.2rem;
	display:block;
	background:url(../images/icon_circle.png) no-repeat 0 48%;
	padding-left:20px;
	font-weight:bold;}

.Newslist aside ul {
	text-align:center;
	clear:both;
	margin-top:64px;}

.Newslist aside li {
	display:inline-block;
	padding:0 8px;
	transition: all 0.3s;}
.Newslist aside li:hover {
	opacity:0.5;}


/*アイコンcss記述例*/
.iconPhoto{
	background:url(../images/icon_photo.png) no-repeat 0 48%;
	padding-left:20px;}

.iconPdf{
	background:url(../images/icon_pdf.png) no-repeat 0 48%;
	padding-left:20px;}

.iconCircle{
	background:url(../images/icon_circle.png) no-repeat 0 48%;
	padding-left:20px;}

.iconSquare{
	background:url(../images/icon_line.png) no-repeat 0 48%;
	padding-left:20px;}


/*contact
----------------------------------------------------------- */
.contact #visualWrap {
	background:url(../images/contact_ttl.jpg) no-repeat top center;
	background-size:cover;}
	
.equipment #visualWrap {
	background:url(../images/recruit_ttl.jpg) no-repeat top center;
	background-size:cover;}

.contact .telBox {
	width:100%;}

.contact .telBox dt {
	background:url(../images/contact_line.png) no-repeat top right #454545;
	width:45%;
	height:160px;
	float:left;
	color:#FFF;
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	text-align:right;
	padding:64px 200px 0 0;}

.contact .telBox dd {
	background:#fff;
	width:55%;
	height:160px;
	float:left;
	padding:10px 0 0 60px;}

.contact .telBox .conTel {
	font-family: 'Roboto', sans-serif;
	font-size:32px;
	font-size:3.2rem;}

.contact .telBox .conTel a {
	color:#3DC4D8;
	font-weight: 500;}
.contact .telBox .conTel a:hover {
	text-decoration:none;}

.contact .telBox .conTel i {
	padding-right:0.2em;
	font-size:24px;
	font-size:2.4rem;}

.contact .telBox .conTime {
	font-size:12px;
	font-size:1.2rem;}

.contactWrap {
	background:#F1F1F3;
	padding:100px 0 200px;}

.contactWrap .inner {
	width:1010px;
	margin:0 auto;}

.addition {
	text-align:center;}

.addition img {
	margin-bottom:40px;}

em,.sup {
	color:#F15A5A;}

.contactWrap a {
	color:#3DC4D8;
	text-decoration:underline;}

.sup {
	font-size:12px;
	font-size:1.2rem;
	vertical-align:top;}

.contArea {
	margin-top:40px;
	background:#fff;
	padding:60px 80px 24px;
	margin-bottom:60px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.16);}

.contArea table {
	width:100%;}

.contArea th {
	width:200px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	padding-bottom:32px;}

.contArea td {
	font-size:16px;
	font-size:1.6rem;
	vertical-align:top;
	padding-bottom:32px;}

.contArea td input {
	height:30px;
	background:#F1F1F3;
	border:none;
	font-size:16px;
	font-size:1.6rem;}

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

.contArea td textarea {
	width:100%;
	height:160px;
	background:#F1F1F3;
	border:none;
	font-size:16px;
	font-size:1.6rem;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;}

.contactWrap .button {
	width:400px;
	height:60px;
	background:#3DC4D8;
	border: 2px solid #3DC4D8;
	color: #FFF;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	cursor:pointer;
	margin:0 auto;
	display:block;}

.contactWrap .button input {
	width:400px;
	color:#FFF;
	font-size:20px;
	font-size:2.0rem;
	background:url(../images/icon_arrow_white.png) no-repeat 90% 50%;
	border:none;}
.contactWrap .button input:hover {
	color:#3DC4D8;}

.contactWrap .button input {
	display:block;}
.contactWrap .button input:hover {
	text-decoration:none;}

/*confirm*/
.submitArea {
	position:relative;}

.submitArea .button {
	height:60px;}
.submitArea .button input {
	font-weight:bold;
	height:60px;
	padding:0;
	display:block;}
.submitArea .button input:hover {
	color:#3DC4D8;
	cursor:pointer;}

.submitArea .inputBack {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:48px;
	padding:0;
	background:#aaa;
	border: 2px solid #aaa;}
.submitArea .inputBack input {
	width:200px;
	height:48px;
	font-size:16px;
	font-size:1.6rem;
	background:url(../images/icon_arrow_back.png) no-repeat 8% 50%;}
.submitArea .inputBack input:hover {
	color:#454545;}

/*finish*/
.contactWrap.finish {
	background:#F1F1F3;
	padding:100px 0;}
.finish .priBox {
	width:50%;
	margin:24px auto 100px;}

.contactWrap .conback {
	text-align:center;}
.contactWrap .conback li {
	display:inline-block;}

.contactWrap .conback .button {
	width:240px;
	height:auto;
	line-height:40px;
	font-size:14px;
	font-size:1.4rem;
	background:#454545;
	border: 2px solid #454545;
	color: #FFF;}

.contactWrap .conback .button a {
	width:240px;
	color:#FFF;
	background:url(../images/icon_arrow_back.png) no-repeat 10% 50%;}
.contactWrap .conback .button:hover {
	color:#454545;}


/*entry
----------------------------------------------------------- */
.entry #visualWrap {
	background:url(../images/recruit_ttl.jpg) no-repeat top center;
	background-size:cover;}

.entry .file input {
	background:#FFF;}

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

.contArea .num {
	width:20%;}

.contArea .formTableRireki td {
	padding:0 10px 0 0;
	text-align:center;}
.contArea .formTableRireki td.year input {
	width:4em;}
.contArea .formTableRireki td.month input{
	width:2em;}
.contArea .formTableRireki td.history input{
	width:30em;}

.entry .contactWrap .pdfBun .button {
	float:left;
	width:300px;}

.entry .contactWrap .pdfBun .button input {
	width:300px;}

.entry .contactWrap .pdfBun .button.preview {
	margin-right:60px;
	background:#454545;
	border: 2px solid #454545;}
.entry .contactWrap .pdfBun .button.preview input:hover {
	color:#454545;}


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

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

.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;}

/*semientry
----------------------------------------------------------- */
.semientry #visualWrap {
	background:url(../images/semien_ttl.jpg) no-repeat top center;
	background-size:cover;}

.semimentry .file input {
	background:#FFF;}

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

.contArea .num {
	width:20%;}

.contArea .formTableRireki td {
	padding:0 10px 0 0;
	text-align:center;}
.contArea .formTableRireki td.year input {
	width:4em;}
.contArea .formTableRireki td.month input{
	width:2em;}
.contArea .formTableRireki td.history input{
	width:30em;}


.semientry .contactWrap .pdfBun .button {
	float:left;
	width:300px;}

.semientry .contactWrap .pdfBun .button input {
	width:300px;}

.semientry .contactWrap .pdfBun .button.preview {
	margin-right:60px;
	background:#454545;
	border: 2px solid #454545;}
.semientry .contactWrap .pdfBun .button.preview input:hover {
	color:#454545;}



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

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

.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 {
	background:url(../images/recruit_ttl.jpg) no-repeat top center;
	background-size:cover;
	height:680px!important;}

.recruit #visualWrap p {
	padding:48px 0 40px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:36px;
	font-size:3.6rem;}
@media screen and (min-width: 771px) {
.recruit #visualWrap p {
	transition: .8s;
	transition-delay:0.5s;}
}


.recruit #visualWrap .btnBox {
	background-color: rgba(255,255,255,0.8);
	width:920px;
	padding:40px 50px;
	margin:0 auto;
	font-size: 0;}

.recruit #visualWrap .btnBox .button {
	width:400px;
	line-height:1.0;
	background:#BA82E3;
	border: 2px solid #BA82E3;
	color: #FFF;
	margin:0 auto;
	display: inline-block;}
.recruit #visualWrap .btnBox .button.pl {
	background:#3DC4D8;
	border: 2px solid #3DC4D8;
	margin-left: 20px;}
.recruit #visualWrap .btnBox .button.red {
	background:#F15A5A;
	border: 2px solid #F15A5A;
	margin:16px 0 0 0;}
.recruit #visualWrap .btnBox .button.yl {
	background:#F9B515;
	border: 2px solid #F9B515;
	margin:16px 0 0 20px;}	
.recruit #visualWrap .btnBox .button.b2 {
	margin-left: 20px;}
.recruit #visualWrap .btnBox .button.p2 {
	background:#3DC4D8;
	border: 2px solid #3DC4D8;}
.recruit #visualWrap .btnBox .button.red2 {
	background:#F15A5A;
	border: 2px solid #F15A5A;
	margin:16px 0 0 20px;}

.recruit #visualWrap .btnBox .button a {
	width:400px;
	padding:24px 0 20px;
	color:#FFF;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	background:url(../images/icon_arrow_white.png) no-repeat 90% 50%;}
.recruit #visualWrap .btnBox a:hover {
	color:#BA82E3;}
.recruit #visualWrap .btnBox .button.pl a:hover {
	color:#3DC4D8;}
.recruit #visualWrap .btnBox .button.red a:hover {
	color:#F15A5A;}
.recruit #visualWrap .btnBox .button.yl a:hover {
	color:#F9B515;}
.recruit #visualWrap .btnBox .button.b2 a:hover {
	color:#BA82E3;}
.recruit #visualWrap .btnBox .button.p2 a:hover {
	color:#3DC4D8;}
.recruit #visualWrap .btnBox .button.red2 a:hover {
	color:#F15A5A;}

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

.movieWrap .inner {
	width:1010px;
	margin:0 auto;
	padding:100px 0;}

.movieWrap .lineTtl {
	font-size:40px;
	font-size:4.0rem;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	margin-bottom:0;}

.movieWrap .lineTtl:after {
	content: "";
	display:block;
	background:url(../images/line_slash.png) no-repeat top left;
	padding-top:4px;
	margin-top:12px;}

.movieWrap .movie {
	text-align:right;
	margin-top:-60px;}

.movieWrap .movie iframe {
	width:840px;
	height:480px;}

.welcomeWrap {
	background:#FFF;}

.welcomeWrap .inner {
	width:1010px;
	margin:0 auto;
	padding-top: 40px;}

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

.welcomeWrap .leftBox {
	float:left;
	width:480px;}

.welcomeWrap .rightBox {
	float:right;
	width:480px;}

.welcomeWrap dt {
	font-size:30px;
	font-size:3.0rem;
	font-weight:bold;
	margin-bottom:24px;
	line-height:1.4;}

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

.welcomeWrap .button {
	width:100%;
	line-height:1.0;
	background:#454545;
	border: 2px solid #454545;
	color: #FFF;
	margin:0 auto;
	display:block;
	clear:both;
	margin-top: 32px;}

.welcomeWrap .button a {
	width:100%;
	padding:18px 0 14px;
	color:#FFF;
	font-size:16px;
	font-size:1.6rem;
	background:url(../images/icon_arrow_white.png) no-repeat 95% 50%;}
.welcomeWrap .button a:hover {
	color:#454545;}

.environment {
	width:100%;
	background:url(../images/recruit_bg02.png) no-repeat top right #F1F1F3;
	background-size:contain;
	padding:260px 0 0 0;
	clear:both;}

.environment .green {
	width:1010px;
	margin:-80px auto 80px;
	font-size:30px;
	font-size:3.0rem;
	font-weight:bold;
	background:url(../images/recruit_icon01.png) no-repeat left center;
	padding-left:45px;}

.environment .gallery {
	width:100%;
	padding:0 10% 160px;}

.environment .gallery ul {
    letter-spacing: -.40em;}

.environment .gallery li {
	display:inline-block;
	letter-spacing: normal;
	width:25%;}

.environment .gallery li a {
	transition: all 0.3s;}
.environment .gallery li a:hover {
	opacity:0.5;}
		/* IMAGE LIGHTBOX SELECTOR */

		#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
			border:none;
			cursor:pointer;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: #111;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #454545;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 1.250em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
			border:none;
			cursor:pointer;
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #666;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #111;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}

.environment .staffInner {
	width:1010px;
	margin:0 auto;
	padding-bottom:160px;}

.environment .staffInner h2 {
	font-size:30px;
	font-size:3.0rem;
	font-weight:bold;
	margin-bottom:64px;
	background:url(../images/recruit_icon02.png) no-repeat left center;
	padding-left:45px;}

.environment .staffInner .clearfix {
	overflow: hidden;
	width:1053px;}

figure.snip1384 {
	position: relative;
	display:block;
	float:left;
	overflow: hidden;
	margin-right:43px;
	margin-bottom:40px;
	width: 220px;
	color: #fff;
	text-align: left;
	font-size: 16px;
	font-size: 1.6rem;
	background-color: #fff;}

<!---->
figure.snip1385 {
	position: relative;
	display:block;
	float:left;
	overflow: hidden;
	margin-right:43px;
	margin-bottom:40px;
	width: 220px;
	text-align: left;
	font-size: 16px;
	font-size: 1.6rem;}

@media screen and (min-width: 771px) {
figure.snip1384 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;}

figure.snip1384 img {
	max-width: 100%;
	backface-visibility: hidden;
	vertical-align: top;
	border:1px solid #454545;}

figure.snip1384:after,
figure.snip1384 figcaption {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	 right: 0;}

figure.snip1384:after {
	content: '';
	background-color: rgba(41,187,207,0.75);
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	opacity: 0;}

figure.snip1384 figcaption {
	z-index: 1;
	padding: 94px 0 0 0;}

figure.snip1384 h3,
figure.snip1384 .links {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.3;
	text-transform: uppercase;
	opacity: 0;}

figure.snip1384 p {
	opacity: 0;
	text-align:center;
	top: 50%;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
	font-weight:bold;}

figure.snip1384 a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;}

figure.snip1384:hover img,
figure.snip1384.hover img {
	zoom: 1;
	filter: alpha(opacity=50);
	-webkit-opacity: 0.5;
	opacity: 0.5;
	border:1px solid #29BBCF;}
figure.snip1384:hover:after,
figure.snip1384.hover:after {
	opacity: 1;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;}
figure.snip1384:hover h3,
figure.snip1384.hover h3,
figure.snip1384:hover p,
figure.snip1384.hover p {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	opacity: 1;}
	
<!---->	
	
figure.snip1385 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;}

figure.snip1385 img {
	max-width: 100%;
	backface-visibility: hidden;
	vertical-align: top;
	border:1px solid #454545;}

figure.snip1385:after,
figure.snip1385 figcaption {}

figure.snip1385:after {}

figure.snip1385 figcaption {}

figure.snip1385 h3,
figure.snip1385 .links {
	width: 100%;
	margin: 0;
	padding: 5px 0;
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.3;
	height:24px;
	overflow:hidden;}

figure.snip1385 p {
	text-align:center;}

figure.snip1385 a {}

figure.snip1385:hover img,
figure.snip1385.hover img {
	zoom: 1;
	border:1px solid #29BBCF;}
figure.snip1385:hover:after,
figure.snip1385.hover:after {}
figure.snip1385:hover h3,
figure.snip1385.hover h3,
figure.snip1385:hover p,
figure.snip1385.hover p {}
}


/*careear--
----------------------------------------------------------- */
.career #visualWrap {
	background:url(../images/career_ttl.jpg) no-repeat top center;
	background-size:cover;}

.career-list {
	background:#F1F1F3;
	padding:100px 0;}

.career-list .inner {
	width:1010px;
	margin:0 auto;}

.career-list .icon-ttl {
	background:url(../images/gra_icon_job.png) no-repeat top center;
	color:#454545;
	font-size:40px;
	font-size:4.0rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
	padding-top:72px;}

.career-list ul {
	font-size: 0;
}
.career-list li {
	font-size:20px;
	font-size:2.0rem;
	line-height:1.0;
	background: #fff;
	width: 490px;
	border:1px solid #3DC4D8;
	display: inline-block;
	margin-bottom: 12px;
}
.career-list li:nth-child(2n) {
	margin-left: 30px;
}
.career-list li a {
	color:#3DC4D8;
	font-weight:bold;
    background:url(../images/accodion_right.png) no-repeat 96% 50%;
	display: block;
	padding:30px 0 24px 50px;
}
.career-list li a:hover {
    opacity:0.5;
	text-decoration: none;}

.accordion h3.over {
	opacity:0.5;}


/* 共通-募集要項 */
.guidelineWrap {
	padding:80px 0 120px;
	background: #fff;}

.guidelineWrap .inner {
	width:1010px;
	margin:0 auto;}
	
.guidelineWrap th {
	background:#CCFFFF no-repeat 32px 16px;
	border-top: 10px solid #fff;
	padding:20px 0 0 74px;
	width : 220px;
	font-weight: bold;}
.guidelineWrap th.guide01 {
	background-image:url(../images/career_icon01.png);}
.guidelineWrap th.guide02 {
	background-image:url(../images/career_icon02.png);}
.guidelineWrap th.guide03 {
	background-image:url(../images/career_icon03.png);}
.guidelineWrap th.guide03a {
	background-image:url(../images/career_icon03a.png);}
.guidelineWrap th.guide04 {
	background-image:url(../images/career_icon04.png);}
.guidelineWrap th.guide05 {
	background-image:url(../images/career_icon05.png);}
.guidelineWrap th.guide06 {
	background-image:url(../images/career_icon06.png);}
.guidelineWrap th.guide07 {
	background-image:url(../images/career_icon07.png);}
.guidelineWrap th.guide08 {
	background-image:url(../images/career_icon08.png);}
.guidelineWrap th.guide09 {
	background-image:url(../images/career_icon09.png);}

.guidelineWrap td {
	border-top: 10px solid #fff;
	padding:20px 0 18px 32px; }

.stepWrap {
	background:#F1F1F3;
	padding:80px 0;}

.stepWrap .inner {
	width:1010px;
	margin:0 auto;}

.stepWrap img {
	margin-bottom: 64px;}



/*募集要項テンプレート
----------------------------------------------------------- */
.requirements-intro {
	width: 100%;
	background: url(../images/tech_introbg.png) top center;
	text-align: center;
	padding: 48px 0 36px;
}

.requirements-intro h2 {
	color: #fff;
	font-size:32px;
	font-size:3.2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.requirements-detail {
	background: #F1F1F3;
	width: 100%;
	padding: 16px 0 100px;
}

.requirements-detail .inner {
	width: 1010px;
	margin: 0 auto;
}

.requirements-detail .jobContents dl {
	background: #fff;
	padding-bottom: 100px;
	border-bottom:5px solid #EAEAEE;}

.requirements-detail .jobContents dt {
	border-top: 1px solid #F1F1F3;
	padding:18px 0 16px 40px;
	width : 220px;
	float: left;
	clear: both;
	font-weight: bold;}

.requirements-detail .jobContents dd {
	border-top: 1px solid #F1F1F3;
	padding:18px 40px 16px;
	margin-left : 220px;}

.tyumoku img {
	width: 182px;
	height: 50px;
	display: block;
}

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

.requirements-detail .entrybtn .button {
	width:400px;
	line-height:60px;
	font-family: 'Roboto', sans-serif;
	background:#3DC4D8;
	border: 2px solid #3DC4D8;
	color: #FFF;
	margin:0 auto;
	display:block;}
.requirements-detail .entrybtn .button a {
	width:400px;
	color:#FFF;
	font-size:20px;
	font-size:2.0rem;
	background:url(../images/icon_arrow_white.png) no-repeat 90% 50%;}
.requirements-detail .entrybtn a:hover {
	color:#3DC4D8;}


/*Backボダン*/
.rec-back {
	width:100%;
	background:#F1F1F3;
	padding-bottom: 40px;}
.rec-back .inner {
	width:1010px;
	margin:0 auto;
	clear: both;
	padding-top: 0;}

.rec-back .button {
	width:120px;
	line-height:40px;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	background:#454545;
	border: 2px solid #454545;
	color: #FFF;}

.rec-back .button a {
	width:120px;
	color:#FFF;
	font-weight:bold;
	background:url(../images/icon_arrow_back.png) no-repeat 10% 50%;}
.rec-back .button a:hover {
	color:#454545;}



/*graduate
----------------------------------------------------------- */
.graduate #visualWrap {
	background:url(../images/graduate_ttl.jpg) no-repeat top center;
	background-size:cover;}

.gra-intro {
	width: 100%;
	height: 680px;
	background: url(../images/gra_intro_bg_pc.jpg) no-repeat top center;
	position: relative;
}

.gra-intro .intro-area {
	width: 700px;
	margin: 0 auto;
	text-align: center;
	padding: 88px 0 0 0;
}

.gra-intro .subcopy {
    font-size:16px;
	font-size:1.6rem;
	font-family: 'Roboto', sans-serif;
	display: flex;
	align-items: center;
	width: 70%;
	margin: 0 auto;
}

.gra-intro .subcopy:before, .gra-intro .subcopy:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #3DC4D8;
	display: block;
}
.gra-intro .subcopy:before {
	margin-right: 2em;
}
.gra-intro .subcopy:after {
	margin-left: 2em;
}

.gra-intro .copy {
    font-size:40px;
	font-size:4.0rem;
	font-weight: bold;
	line-height: 1.6;
	margin-top: 64px;
	margin-bottom: 72px;
}

.gra-intro .copy span {
    color: #F15959;
	font-weight: bold;
}

.gra-intro .lead-txt {
    font-size:17px;
	font-size:1.7rem;
	text-align: center;
	line-height: 2.0;
}

.gra-joblist {
	padding: 80px 0 100px;
	background: #F1F1F3;
}
.gra-joblist .inner {
	width: 1010px;
	margin: 0 auto;
}

.gra-joblist .icon-ttl {
	background:url(../images/gra_icon_job.png) no-repeat top center;
	color:#454545;
	font-size:40px;
	font-size:4.0rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
	padding-top:72px;}


/*アコーディオンjs*/
.accordion {
	background:#FFF;
	border-top:1px solid #3DC4D8;
	padding:0 40px;}

.accordion h3 {
    cursor:pointer;
	color:#3DC4D8;
    background-image:url(../images/accodion_btm.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding:34px 0 28px 50px;
    font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
	line-height:1.0;}

.accordion h3.active{
    background-image:url(../images/accodion_up.png);}

.accordion h3.over {
	opacity:0.5;}

.accordion .jobContents{
    display:none;}

.accordion h4 {
	font-weight:bold;}

.entrybtn .button {
	width:400px;
	line-height:60px;
	font-family: 'Roboto', sans-serif;
	background:#3DC4D8;
	border: 2px solid #3DC4D8;
	color: #FFF;
	margin:0 auto;
	display:block;}
.entrybtn .button a {
	width:400px;
	color:#FFF;
	font-size:20px;
	font-size:2.0rem;
	background:url(../images/icon_arrow_white.png) no-repeat 90% 50%;}
.entrybtn .button a:hover {
	color:#3DC4D8;}

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


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

.graduate .accordion h3 {
	cursor:pointer;
	color:#3DC4D8;
	background-color:#FFF;
	background-image:url(../images/accodion_btm.png);
	background-repeat: no-repeat;
	background-position: 40px 50%;
	padding:34px 0 28px 90px;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
	line-height:1.0;}

.graduate .accordion h3.active{
	    background-image:url(../images/accodion_up.png);}

.graduate .accordion h3.over {
		opacity:0.5;}

.graduate .accordion .jobContents{
	padding:0;}

.gra-img {
	background:url(../images/gra_job_bg.jpg);
	position: relative;
	height: 360px;
}

.gra-img figure {
	width: 650px;
	position: absolute;
	top:0;
	right: 0;
}

.gra-img dl {
	position: absolute;
	top:40px;
	left: 40px;
	background: #fff;
	width: 500px;
	padding: 40px;
	display: inline-block;
}
.gra-img dt {
	font-size:30px;
	font-size:3.0rem;
	margin-bottom:24px;
	font-weight:normal;
	line-height:1.4;
}

.gra-detail {
	background: #fff;
	padding: 48px;
	padding-bottom: 80px;
}

.gra-detail dt {
	font-size:18px;
	font-size:1.8rem;
	font-weight: bold;
	background:url(../images/icon_line.png) no-repeat left center;
	padding-left:30px;
	float:left;
	clear:left;
	width: 30%;
}

.gra-detail dd {
	width: 70%;
	padding:0 0 48px 0;
	float:left;}

.gra-detail ul {
	clear: both;
	text-align: center;
}
.gra-detail li {
	display: inline-block!important;
	vertical-align: middle;
	margin: 0 16px!important;
}
.gra-detail li.button.paths {
	width: 340px;
	line-height:50px;
	background:#fff;
	border: 1px solid #111;
	color: #111;
}
.gra-detail li.button.paths a {
	width: 340px;
	color:#111;
	font-size:16px;
	font-size:1.6rem;
	background:url(../images/icon_arrow_bk.png) no-repeat 90% 50% #fff;
}
.gra-detail li.button.paths a:hover {
	color: #fff;
	background:#111;
}


.gra-interview {
	padding: 80px 0 40px;
}
.gra-interview .inner {
	width: 1010px;
	margin: 0 auto;
}

.gra-interview .icon-ttl {
	background:url(../images/gra_icon_interview.jpg) no-repeat top center;
	color:#454545;
	font-size:40px;
	font-size:4.0rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
	padding-top:72px;}

.g-interview-area {
	background: url(../images/gra_line.png) no-repeat top center;
	padding: 60px 0 30px;
}

.g-interview-area .interview-img {
	float: left;
	width: 320px;
	text-align: center;
}
.g-interview-area .interview-img figure {
	margin-bottom: 24px;
}
.g-interview-area .interview-img dl {
	background: url(../images/gra_job_bg.jpg);
	text-align: left;
	padding: 24px 40px 10px;
	color: #fff;
}
.g-interview-area .interview-img dt {
	font-weight: bold;
}
.g-interview-area .interview-img dd {
	margin-bottom: 16px;
}

.g-interview-area .interview-contents {
	float: right;
	width: 640px;
}

.g-interview-area .interview-contents dt {
	background:url(../images/gra_icon_icon.png) no-repeat 0 3px;
	background-size: 20px;
	padding-left: 32px;
	margin-bottom: 1em;
	font-size:18px;
	font-size:1.8rem;
	font-weight: bold;
	color: #3DC4D8;	
}
.g-interview-area .interview-contents dd {
	padding-bottom: 40px;
}

.graduate .guidelineWrap th {
	border-top: 10px solid #F1F1F3;
}
.graduate .guidelineWrap td {
	border-top: 10px solid #F1F1F3;
	background: #fff;
}

.graduate .guidelineWrap {
	background: #F1F1F3;
}
.graduate .stepWrap{
	background: #fff;
	padding-bottom: 40px;
}
.graduate .rec-back{
	padding-top: 40px;
}


/*interview
----------------------------------------------------------- */
.interviewWrap {
	clear:both;
	padding-bottom:160px;
	background:#F1F1F3;}

.interviewTtl .staffPhoto {
	width:60%;
	float:left;
	min-height:580px;
	background-position:top right;
	background-repeat:no-repeat;
	position:relative;}

.interviewTtl .staffPhoto .group {
	position:absolute;
	right:64px;
	bottom:-30px;}

.interviewTtl .staffPhoto h1 {
	color:#FFF;
	font-size:32px;
	font-size:3.2rem;
	font-weight:bold;
	text-align:right;
	position:relative;
	text-shadow: 1px 1px 1px #aaa;}

.interviewTtl .staffPhoto h1:after {
	content: "";
	display:block;
	width:220px;
	border-bottom:1px solid #FFF;
	position:absolute;
	top:2.0em;
	right:0;}

.interviewTtl .staffPhoto p {
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-size:80px;
	font-size:8.0rem;
	font-weight:500;
	text-align:right;
	margin-top:40px;
	line-height:1.0;
	text-shadow: 1px 1px 1px #aaa;}
.interviewTtl .staffPhoto p:first-letter  {
	color:#3DC4D8;}

.interviewTtl .staffData {
	width:480px;
	padding:60px 0 0 80px;
	float:left;}

.interviewTtl .staffData .subTtl {
	font-family: 'Roboto', sans-serif;
	font-size:32px;
	font-size:3.2rem;
	font-weight:500;
	text-align:right;}

.interviewTtl .staffData .inner {
	background:url(../images/interview_ttl.png) repeat-y top left;
	width:400px;
	height:386px;
	position:relative;
	padding:100px 48px 0 48px;}

.interviewTtl .staffData .inner h2 {
	color:#FFF;
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	line-height:1.4;}

.interviewTtl .staffData .inner ul {
	position:absolute;
	bottom:40px;
	left:48px;}

.interviewTtl .staffData .inner li {
	color:#FFF;}

.interviewArea {
	background:#F1F1F3;
	padding:150px 0 0 0;}

.interviewArea article {
	width:1010px;
	margin:0 auto;
	padding:0 0 100px 0;
	clear:both;}

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

.interviewLeft {
	float:left;
	width:50%;}

.interviewRight {
	float:right;
	width:50%;}

.interviewRight img {
	padding-left:80px;}

.scheduleArea .inner {
	width:1010px;
	margin:0 auto;
	padding:0;
	clear:both;}

.scheduleTtl {
	width:200px;
	height:200px;
	padding-top:40px;
	float:left;
	background:#52CADC;
	text-align:center;}

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

.scheduleTtl h3 span {
	font-size:14px;
	font-size:1.4rem;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight:bold;
	display:block;}

.scheduleList {
	width:810px;
	background:#FFF;
	float:right;
	padding:48px 36px 24px 60px;}

.scheduleList dl {
	width:50%;
	float:left;
	padding-right:24px;}

.scheduleList dt {
	width : 70px;
	float: left;
	clear: both;
	font-weight: bold;
	padding-bottom:16px;
	font-size:13px;
	font-size:1.3rem;}

.scheduleList dd {
	padding-left : 70px;
	padding-bottom:16px;
	font-size:13px;
	font-size:1.3rem;}

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

.back .inner {
	border-top:1px solid #CECED4;
	width:1010px;
	margin:0 auto;
	padding:40px 0 120px;}

.back .button {
	width:120px;
	line-height:40px;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	background:#454545;
	border: 2px solid #454545;
	color: #FFF;}

.back .button a {
	width:120px;
	color:#FFF;
	font-weight:bold;
	background:url(../images/icon_arrow_back.png) no-repeat 10% 50%;}
.back .button a:hover {
	color:#454545;}


/*機械設計メイン画像*/
.interviewTtl .staffPhoto.machine01 {
	background-image:url(../images/interview_photo_machine.jpg);}
.interviewTtl .staffPhoto.machine02 {
	background-image:url(../images/interview_photo02_machine.jpg);}

/*電気安全規格管理メイン画像*/
.interviewTtl .staffPhoto.electric01 {
	background-image:url(../images/interview_photo01_electric.jpg);}
.interviewTtl .staffPhoto.electric02 {
	background-image:url(../images/interview_photo02_electric.jpg);}

/*企画・広報メイン画像*/
.interviewTtl .staffPhoto.plan01 {
	background-image:url(../images/interview_photo01_plan.jpg);}

/*営業メイン画像*/
.interviewTtl .staffPhoto.business01 {
	background-image:url(../images/interview_photo01_business.jpg);}

/*ソフトウェアメイン画像*/
.interviewTtl .staffPhoto.soft01 {
	background-image:url(../images/interview_photo01_soft.jpg);}
.interviewTtl .staffPhoto.soft02 {
	background-image:url(../images/interview_photo02_soft.jpg);}
.interviewTtl .staffPhoto.soft03 {
	background-image:url(../images/interview_photo03_soft.jpg);}
.interviewTtl .staffPhoto.soft04 {
	background-image:url(../images/interview_photo04_soft.jpg);}
.interviewTtl .staffPhoto.soft05 {
	background-image:url(../images/interview_photo05_soft.jpg);}
.interviewTtl .staffPhoto.soft06 {
	background-image:url(../images/interview_photo06_soft.jpg);}
.interviewTtl .staffPhoto.soft07 {
	background-image:url(../images/interview_photo07_soft.jpg);}
.interviewTtl .staffPhoto.soft08 {
	background-image:url(../images/interview_photo08_soft.jpg);}
.interviewTtl .staffPhoto.soft09 {
	background-image:url(../images/interview_photo09_soft.jpg);}
.interviewTtl .staffPhoto.soft31 {
	background-image:url(../images/interview_photo31_soft.jpg);}


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

#sub.nagoya #visualWrap h1 {
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-size:70px;
	font-size:7.0rem;
	font-weight: 500;
	line-height:1.0;}

#sub.nagoya #visualWrap h1 span {
	color:#f15a5a;
	font-family: 'Roboto', sans-serif;
	font-size:90px;
	font-size:9.0rem;
	font-weight: 500;
	display:inline;}

#sub.nagoya #visualWrap h1:after {
	content: "";
	display:block;
	width:1px;
	border-bottom:none;
	margin:0;
	padding:0;}

#sub.nagoya #visualWrap h2 {
	background:#f15a5a;
	color:#fff;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.0;
	padding:1.2em 0 1em;
	display:block;
	width:240px;
	margin:-32px auto 0;
	z-index:30;
	position:relative;}

#sub.nagoya #visualWrap p {
	color:#fff;
	font-size:40px;
	font-size:4.0rem;
	font-weight:bold;
	line-height:1.4;
	margin-top:80px;}

@media screen and (min-width: 771px) {
.box{
	display:inline-block;
	padding:80px 80px 90px;
	border: 1px solid rgba(0,0,0,0);
	position: relative;}

/* Effect1
 *************************************** */
/* 擬似要素の共通スタイル */
.change-border01::after,
.change-border01::before,
.change-border01__inner::after,
.change-border01__inner::before {
	background-color:#FFF;
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;}

/* 左上へ配置 */
.change-border01::after {
	height: 5px;
    left: -1px;
    top: -1px;
    width: 0px;}

/* 右下へ配置 */
.change-border01::before {
	bottom: -1px;
	height: 5px;
	right: -1px;
	width: 0px;}

/* 左下へ配置 */
.change-border01__inner::after {
	bottom: -1px;
	height: 0px;
	left: -1px;
	width: 5px!important;}

/* 右下へ配置 */
.change-border01__inner::before {
	height: 0px;
	right: -1px;
	top: -1px;
	width: 5px;}


/* hover */
.change-border01.hover::after,
.change-border01.hover::before {
 	width: 100%;
 	width: calc(100% + 1px);}

.change-border01.hover .change-border01__inner::after,
.change-border01.hover .change-border01__inner::before {
	height: 100%;
	height: calc(100% + 1px);}
	}

/*intro*/
.n-introWrap {
	background:#f1f1f3;
	width:100%;}

.n-introWrap dl {
	width:50%;
	height:400px;}

.n-introWrap .n-intro01 dl {
	float:left;
	padding-top:80px;}
.n-introWrap .n-intro02 dl {
	float:right;
	padding-top:80px;}

.n-introWrap dt {
	color:#f15a5a;
	font-size:28px;
	font-size:2.8rem;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
	background:url(../images/line_slash_red.png) no-repeat bottom center;
	padding-bottom:0.8em;
	margin-bottom:1em;}

.n-introWrap dd {
	text-align:left;
	padding:0 18%;}

.n-intro-img {
	background:url(../images/nagoya_img01.jpg) no-repeat top left;
	background-size:cover;
	width:50%;
	height:400px;
	float:right;}

.n-intro01 .n-intro-img {
	background:url(../images/nagoya_img01.jpg) no-repeat top left;
	background-size:cover;
	float:right;}
.n-intro02 .n-intro-img {
	background:url(../images/nagoya_img02.jpg) no-repeat top right;
	background-size:cover;
	float:left;}

/*environment*/
.n-environmentWrap {
	background:url(../images/nagoya_bg_red.png);
	width:100%;
	padding:64px 0 40px;}

.n-environmentWrap h2 {
	background:url(../images/nagoya_icon_green.png) no-repeat top center;
	color:#FFF;
	font-size:40px;
	font-size:4.0rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
	padding-top:64px;}

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

.n-environmentWrap li {
	width:25%;
	display:inline-block;}
.n-environmentWrap li.half {
	width:50%;}

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

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

.n-interviewWrap h2 {
	background:url(../images/nagoya_icon_int.png) no-repeat top center;
	font-size:40px;
	font-size:4.0rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
	padding-top:64px;}

.n-interviewWrap .accordion {
	padding:8px 0 4px;
	margin:0;
	border:none;
	background:url(../images/line_slash_red.png) repeat-x top left;}

.n-interviewArea {
	width:1010px;
	margin:0 auto;
	padding-bottom:4px;
	background:url(../images/line_slash_red.png) repeat-x bottom left;}

.n-message {
	height:130px;
	padding-top:20px;}
.n-message:hover {
	cursor:pointer;}

.n-message.over {
	opacity:0.7;}

.n-message.mes01 {
	background:url(../images/nagoya_thum01.jpg) no-repeat top right;}

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

.mes-num {
	color:#f15a5a;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	line-height:1.2;}
.mes-num span {
	color:#f15a5a;
	font-family: 'Roboto', sans-serif;
	font-size:40px;
	font-size:4.0rem;
	font-weight:300;
	letter-spacing:-0.05em;}

.mes-section {
	color:#454545;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;}

.mesContents {
    display:none;
	padding-bottom:100px;}

.mes-ttl {
	margin-top:80px;
	padding:48px 0 0 60px;
	height:400px;}

.mes-ttl01 {
	background:url(../images/nagoya_int01a.jpg) no-repeat top right #f15a5a;}

.mes-ttl p {
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.2;
	margin-bottom:40px;}
.mes-ttl p span {
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-size:70px;
	font-size:7.0rem;
	font-weight:300;
	letter-spacing:-0.1em;}

.mes-data {
	background:url(../images/interview_ttl.png) repeat-y top right;
	width:380px;
	height:170px;
	padding:48px 0 0 48px;}

.mes-data li {
	color:#FFF;}

.mes-interview {
	padding:90px 0 0;}

.mes-img {
	width:310px;
	float:left;}

.mes-detail {
	width:610px;
	float:right;}

.mes-detail dt {
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	margin-bottom:24px;}

.mes-detail dt:after {
	content: "";
	display:block;
	background:url(../images/line_slash_red.png) no-repeat top left;
	padding-top:4px;
	margin-top:16px;}

.mes-detail dd {
	margin-bottom:48px;}

.mesContents .scheduleTtl {
	background:#f15a5a;}

.mesContents .scheduleTtl p {
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-size:32px;
	font-size:3.2rem;
	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-size:14px;
	font-size:1.4rem;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight:bold;
	display:block;}

.mesContents .scheduleList {
	background:#f1f1f3;
	float:right;}


/*募集要項*/
.nagoya .joblistWrap,
.nagoya .stepWrap {
	background:#F1F1F3;}

.nagoya .joblistWrap .inner,
.nagoya .guidelineWrap .inner,
.nagoya .stepWrap .inner {
	width:1010px;
	margin:0 auto;}
	
.nagoya .joblistWrap .icon-ttl {
	background:url(../images/gra_icon_job.png) no-repeat top center;
	color:#454545;
	font-size:40px;
	font-size:4.0rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
	padding-top:72px;}
	
.nagoya .joblistWrap {
	padding:80px 0 100px;}

.nagoya .joblistWrap h2 {
	background:url(../images/nagoya_icon_note.png) no-repeat top center;
	color:#454545;
	font-size:40px;
	font-size:4.0rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
	padding-top:64px;}

.nagoya .joblistWrap ul {
	font-size: 0;
}
.nagoya .joblistWrap li {
	font-size:20px;
	font-size:2.0rem;
	line-height:1.0;
	background: #fff;
	width: 490px;
	border:1px solid #f15a5a;
	display: inline-block;
	margin-bottom: 12px;
}
.nagoya .joblistWrap li:nth-child(2n) {
	margin-left: 30px;
}
.nagoya .joblistWrap li a {
	color:#f15a5a;
	font-weight:bold;
    background:url(../images/accodion_right_red.png) no-repeat 96% 50%;
	display: block;
	padding:30px 0 24px 50px;
}
.nagoya .joblistWrap li a:hover {
    opacity:0.5;
	text-decoration: none;}


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

.nagoya .stepWrap {
	padding:80px 0;}

.nagoya .stepWrap .n-step {
	margin:40px 0;}




/*k.hasegawa add 2018.01.17
----------------------------------------------------------- */
/*r_camera*/
.r_camera #visualWrap {
	background:url(../images/r_camera_ttl.jpg) no-repeat top center;
	background-size:cover;}

.r_camera section {
	background:#F1F1F3;}

.r_camera .inner {
	width:1010px;
	margin:0 auto;
	padding:0;}

.r_camera .joblist {
	padding:100px 0 80px;}

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

.r_camera .rcameramaintext h3 {
	color:#3DC4D8;
	background-color:#FFF;
	background-image:url(../images/accodion_btm.png);
	background-repeat: no-repeat;
	background-position: 40px 50%;
	padding:34px 0 28px 90px;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
	line-height:1.0;
	border-bottom:1px solid #3DC4D8;}

.r_camera .rcameramaintext .jobContents{
	padding:48px 0 0;}

.r_camera .rcameramaintext .txtArea {
	float:left;
	width:540px;}

.r_camera .rcameramaintext .txtArea h4 {
	font-size:30px;
	font-size:3.0rem;
	margin-bottom:24px;
	font-weight:normal;
	line-height:1.4;}

.r_camera .rcameramaintext img.photo {
	float:right;
	width:390px;}

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

.r_camera .rcameramaintext dt {
	font-size:18px;
	font-size:1.8rem;
	font-weight: bold;
	margin-bottom:24px;
	background:url(../images/icon_line.png) no-repeat left center;
	padding-left:30px;}

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

.r_camera .rcameramaintext .passImg {
	margin-top:0;}

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

.rcameramaintext h4 {
	font-weight:bold;}

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

.rcameramaintext .button {
	width:400px;
	line-height:60px;
	font-family: 'Roboto', sans-serif;
	background:#3DC4D8;
	border: 2px solid #3DC4D8;
	color: #FFF;
	margin:0 auto;
	display:block;}

.rcameramaintext .button a {
	width:400px;
	color:#FFF;
	font-size:20px;
	font-size:2.0rem;
	background:url(../images/icon_arrow_white.png) no-repeat 90% 50%;}

.rcameramaintext .button a:hover {
	color:#3DC4D8;}

.r_camera .stepWrap .entrybtn {
	margin-top: 60px;}

.r_camera .stepWrap .button {
	width:400px;
	line-height:60px;
	font-family: 'Roboto', sans-serif;
	background:#3DC4D8;
	border: 2px solid #3DC4D8;
	color: #FFF;
	margin:0 auto;
	display:block;}

.r_camera .stepWrap .button a {
	width:400px;
	color:#FFF;
	font-size:20px;
	font-size:2.0rem;
	background:url(../images/icon_arrow_white.png) no-repeat 90% 50%;}

.r_camera .stepWrap .button a:hover {
	color:#3DC4D8;}



/*careerpaths
----------------------------------------------------------- */
.careerpaths #visualWrap {
	background:url(../images/paths_ttl.jpg) no-repeat top center;
	background-size:cover;}

.careerpaths section {
	background:#F1F1F3;}

.careerpaths .inner {
	width:1010px;
	margin:0 auto;
	padding:100px 0 40px;}

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

.paths-wrap {
	border-top:1px solid #EEE;
	padding: 40px 35px 80px;
	display: flex;
	justify-content: space-between;
}

.paths-wrap figure {
	width: 424px;
}

.paths-wrap .paths-detail {
	width: 380px;
	padding-top: 24px;
}

.paths-wrap .button {
	width:400px;
	line-height:1.0;
	background:#454545;
	border: 2px solid #454545;
	color: #FFF;
	margin:40px auto 0;
	display:block;
	clear:both;}

.paths-wrap .button a {
	width:400px;
	padding:24px 0 20px;
	color:#FFF;
	font-size:16px;
	font-size:1.6rem;
	background:url(../images/icon_arrow_white.png) no-repeat 90% 50%;}
.paths-wrap .button a:hover {
	color:#454545;}

.careerpaths .entrybtn {
	margin-bottom: 40px;
}


/*seminar-topページ
----------------------------------------------------------- */
.seminar #visualWrap {
	background:url(../images/semi_ttl.jpg) no-repeat top center;
	background-size:cover;}

.seminar section {
	background:#F1F1F3;}

.semitop .inner {
	width:1010px;
	margin:0 auto;
	padding:64px 0 40px;}

.semitop .ChangeElem_Btn_Content li {
	display: inline-block;
	background: #000;
	width: 310px;
	height: 260px;
	text-align: center;
	position: relative;
	box-shadow:10px 10px 0px 0px #DDDDE3;
}
.semitop .ChangeElem_Btn_Content li.semi01 {
	background:url(../images/seminar_bg01.jpg) no-repeat;
	margin-right: 30px;
}
.semitop .ChangeElem_Btn_Content li.semi02 {
	background:url(../images/seminar_bg02.jpg) no-repeat;
	margin-right: 30px;
}
.semitop .ChangeElem_Btn_Content li.semi03 {
	background:url(../images/seminar_bg03.jpg) no-repeat;
}

.semitop .ChangeElem_Btn_Content li::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.semitop .ChangeElem_Btn_Content li.semi01::before {
	background:url(../images/seminar_icon01.png) no-repeat;
	width: 24px;
	height: 60px;
	top:30px;
}
.semitop .ChangeElem_Btn_Content li.semi02::before {
	background:url(../images/seminar_icon02.png) no-repeat;
	width: 56px;
	height: 60px;
	top:30px;
}
.semitop .ChangeElem_Btn_Content li.semi03::before {
	background:url(../images/seminar_icon03.png) no-repeat;
	width: 68px;
	height: 60px;
	top:30px;
}

.semitop .ChangeElem_Btn_Content a {
	display: block;
	width: auto;
	height: 280px;
	color: #fff;
	font-size:24px;
	font-size:2.4rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-top: 110px;
	background: url(../images/seminar_arrow_btm.png) no-repeat 50% 82%;
}

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

.semitop .ChangeElem_Btn.semi01:hover,
.semitop .ChangeElem_Btn.is-active.semi01  {
	background:url(../images/seminar_bg01_hover.jpg) no-repeat;
}
.semitop .ChangeElem_Btn.semi02:hover,
.semitop .ChangeElem_Btn.is-active.semi02 {
	background:url(../images/seminar_bg02_hover.jpg) no-repeat;
}
.semitop .ChangeElem_Btn.semi03:hover,
.semitop .ChangeElem_Btn.is-active.semi03 {
	background:url(../images/seminar_bg03_hover.jpg) no-repeat;
}

.semitop .ChangeElem_Btn_Content li span {
	font-size:12px;
	font-size:1.2rem;
	font-family: 'Roboto', sans-serif;
	display: block;
}

.semitop .tabcontents {
	padding: 48px 0 80px;
}

.semitop .tabcontents h2 {
	font-size:30px;
	font-size:3.0rem;
	font-weight: bold;
	padding-left: 48px;
	margin-bottom: 16px;
}
.semitop .tabcontents .panel01 h2 {
	background: url(../images/seminar_icon01_bk.png) no-repeat 1% 30%;
	background-size:16px;
}
.semitop .tabcontents .panel02 h2 {
	background: url(../images/seminar_icon02_bk.png) no-repeat 0 40%;
	background-size:30px;
}
.semitop .tabcontents .panel03 h2 {
	background: url(../images/seminar_icon03_bk.png) no-repeat 0 48%;
	background-size:36px;
}

.semitop .tabcontents li {
	background: #fff;
	width: 100%;
	margin-bottom: 10px;
}

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

.semitop .tabcontents .place {
	color: #fff;
	width: 5em;
	display: inline-block;
	text-align: center;
	line-height: 1.5;
	padding-top: 2px;
}
.semitop .tabcontents .place.g-yokohama,
.semitop .tabcontents .place.c-yokohama,
.semitop .tabcontents .place.e-yokohama{
	background: #3DC4D8;
}
.semitop .tabcontents .place.g-shinjuku,
.semitop .tabcontents .place.c-shinjuku,
.semitop .tabcontents .place.e-shinjuku{
	background: #FDBD28;
}
.semitop .tabcontents .place.g-nagoya,
.semitop .tabcontents .place.c-nagoya,
.semitop .tabcontents .place.e-nagoya{
	background: #F15A5A;
}

.semitop .tabcontents .date {
	padding-left: 32px;
	padding-right: 32px;
}


/*seminar-詳細ページ
----------------------------------------------------------- */
.semidetail {
	width: 100%;
	background: #F1F1F3;
	padding-bottom: 64px;
}

.semi-intro {
	width: 100%;
	background: url(../images/soft_leadbg.png) top center;
}

.semi-intro .inner {
	width: 1010px;
	margin: 0 auto;
	background: url(../images/soft_leadbg.png);
	padding: 56px 0 40px;
	font-size: 0;
}

.semi-place {
	background: #222;
	display: inline-block;
	position: relative;
	color: #fff;
	font-size:16px;
	font-size:1.6rem;
	font-weight: bold;
	height: 40px;
	padding: 0.5em 1.0em 0.3em 1.5em;
}
.semi-place::before {
	width: 20px;
	height: 20px;
	border: 20px solid transparent;
	border-left: 20px solid #222;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -40px;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.semi-date {
	background: #fff;
	display: inline-block;
	font-size:16px;
	font-size:1.6rem;
	height: 40px;
	padding: 0.5em 1.5em 0.3em 2.5em;
}

.semi-ttl {
	color: #fff;
	font-size:40px;
	font-size:4.0rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 0.5em;
}

.semi-txt {
	background: #fff;
	padding: 40px 0;
}

.semi-txt p {
	width: 1010px;
	margin: 0 auto;
}

.semi-inner {
	width: 1010px;
	margin: 0 auto;
	padding: 64px 0 0;
	position: relative;
}
.semi-inner::before {
	width: 20px;
	height: 20px;
	border: 20px solid transparent;
	border-top: 20px solid #fff;
	position: absolute;
	top: 0;
	bottom: 50px;
	right: 0;
	left: 0;
	margin: 0 auto;
	content: "";
}

.semi-inner dt {
	padding-top : 18px;
	padding-bottom : 16px;
	width : 240px;
	float: left;
	clear: both;
	font-weight: bold;
}

.semi-inner dd {
	border-bottom: 1px solid #E2E2E6;
	padding-top : 18px;
	padding-bottom : 16px;
	padding-left : 240px;
}
.semi-inner dd:last-child {
	border-bottom:none;
	padding-bottom: 48px;
}

.semi-inner .button {
	width:400px;
	line-height:64px;
	background:#3DC4D8;
	border: 2px solid #3DC4D8;
	color: #FFF;
	margin:20px auto;
	display:block;
	clear:both;
}

.semi-inner .button a {
	width:400px;
	color:#FFF;
	font-size:20px;
	font-size:2.0rem;
	font-weight: bold;
	background:url(../images/icon_arrow_white.png) no-repeat 90% 50%;
}

.semi-inner .button a:hover {
	color:#3DC4D8;}

.semi-inner .inquiryBox {
	background:#FFF;
	margin-top:100px;
	margin-bottom: 40px;
	border:1px solid #DEDEE2;}

.semi-inner .inquiryBox h3 {
	width:240px;
	padding:22px 35px 18px 64px;
	font-weight:bold;
	display:inline-block;}

.semi-inner .inquiryBox p {
	display:inline-block;
	padding-left:48px;}

.semi-inner .inquiryBox p a.mail {
	color:#3DC4D8;
	text-decoration:underline;}
.semi-inner .inquiryBox p a.mail:hover {
	text-decoration:none;}

/*jstqb-パートナーシップページ
----------------------------------------------------------- */	
.jstqbWrap {
	text-align:center;
	padding:100px 0 70px;
	background:#F1F1F3;}
	
.jstqbWrap h2 {
	color:#373737;
	font-size:25px;
	font-size:2.5rem;
	font-weight:bold;
	background:url(../images/jstqbplatinum.png) no-repeat bottom center;
	padding-bottom:140px;
	margin-bottom:30px;}

.jstqbtxt p {
	margin-bottom:3em;}

.jstqbtxt a:link {
	color:#2E8B57;
	font-weight: bold;}

.jstqbtxt a:hover {
    color:#2E8B57;
    font-style:normal;
    text-decoration:underline;
}

.jstqbtxt a:visited {
	color: #2E8B57;
	font-weight: bold;}







/* end */