@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
common
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ----------------------------------------------------
element base setting (common)
---------------------------------------------------- */
body { color: #333333; line-height: 1.5;  background: #fff;}
a { color: #1e84b9;  text-decoration: none;}
a:hover { text-decoration: underline;}
.clickable a, .clickable a:hover { color: #333;}
.flex {display: flex; display:-webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.ff-serif {font-family: 'Noto Serif JP', serif;}
#mainContainer{ width: 100%; position: relative; overflow: hidden;}
.inrContent {width: 90%; max-width: 1200px; margin-left: auto; margin-right: auto;}

/* ----------------------------------------------------
header(common)
---------------------------------------------------- */
#header  {position: fixed;  z-index: 100; width: 100%; left: 0; top: 0; height: 8rem; padding: 1.1rem 5rem; }
#header.scroll {background: rgba(0,0,0,0.8); opacity: 0; animation: fade 0.5s ease  forwards;}
@keyframes fade {
   0% {opacity: 0; }
   100% {opacity: 1; }
}

#hd-logo {position: absolute; left: 2rem; top: 3rem;  }
#hd-logo img {width: 30rem; height: auto;}

#btnGlobal {position: fixed; right: 0;	top: 0;	z-index: 120;	width: 8rem; height: 8rem; cursor: pointer; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
#btnGlobal .btnWrapGlobal {	position: relative; width: 3.5rem; height: 2.5rem;}
#btnGlobal .btnLine { height: 1px; background: #fff; position: absolute; right:0; width: 100%;}
#btnGlobal .btnLine.btnLineT {  top: 0;}
#btnGlobal .btnLine.btnLineM { top: 50%;}
#btnGlobal .btnLine.btnLineB { bottom: 0; }
#btnGlobal.active .btnLine {background: #fff;}
#btnGlobal.active .btnLine.btnLineT { display: none;}
#btnGlobal.active .btnLine.btnLineM { transform: translateY(0) rotate(45deg) ;}
#btnGlobal.active .btnLine.btnLineB { transform: rotate(-45deg); bottom:inherit; top: 50%;}
#btnGlobal .btnLine.btnLineM, #btnGlobal .btnLine.btnLineB {-moz-transition: all, ease-in-out, 0.3s;  -o-transition: all, ease-in-out, 0.3s;  -webkit-transition: all, ease-in-out, 0.3s; transition: all, ease-in-out, 0.3s;}
#grandMenu {background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; z-index: 100;  left: 0; top: 0; display: none; overflow: auto; padding: 100px 0;}
.navInrMenu {width: 90%; max-width: 1000px; margin: 0 auto;}
#grandMenu a {color: #fff;}
#grandMenu #navGlobal li {border-bottom: 1px solid #fff; line-height: 1; font-size: 2rem;}
#grandMenu #navGlobal li a {position: relative; display: block; padding: 2.5rem 0;}
#grandMenu #navGlobal li a::after {content:""; width: 1rem; height: 1rem;  position: absolute; right: 0;  top: 50%; border-top:1px solid #fff; border-right: 1px solid #fff; transform:  rotate(45deg) translateX(-50%); transition: all 0.3s  ease}

/* entry bottom */
#entryBtn {position: fixed; right: 10.5rem; top: 2.5rem; width: 14rem; height: 3.5rem; z-index: 90;}
#entryBtn a {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: #004e98; color: #fff; border-radius: 30px;}


#entry #corporateBtn{right:2.5rem;}

/* corp bottom */
#corporateBtn {position: fixed; right: 25.5rem; top: 2.5rem; width: 14rem; height: 3.5rem; z-index: 90;}
#corporateBtn a {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: #444; color: #fff; border-radius: 30px;}

#entry #entryBtn, #entry #btnGlobal {display:none;}

/* ----------------------------------------------------
navLocal (common)
---------------------------------------------------- */
#navLocal {background: #f0f0f0; padding: 5rem 0;}
.navInrLocal {width: 90%; max-width: 1200px; margin: 0 auto;}
.navInrLocal  h2 {margin-bottom: 2rem; color: #00458b; font-size: 2rem;}
.navInrLocal .navListLocal {margin: 0;}
.navInrLocal .navListLocal li {width: 18.75%;}
.navInrLocal .navListLocal li a {color: #fff; display: flex; display: -webkit-flex; justify-content: center; align-items: center; text-align: center;  background: #00458b; height: 9rem; position: relative;}
.navInrLocal .navListLocal li a::before {content: ""; width: 3rem; height: 1px; background: #fff; position: absolute; right: 1rem; bottom: 15px;}
.navInrLocal .navListLocal li a::after {content: ""; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; right: 1rem; bottom: 15px; transform-origin: top center; transform: translateY(50%) rotate(45deg);}

/* ----------------------------------------------------
footer (common)
---------------------------------------------------- */
#footer { padding: 2.5rem 7rem; position: relative; color: #fff; margin-top: 10rem; background: url("../img/common/bg-footer-01.jpg") center center / cover no-repeat;}
#lg-footer {width: 15.8rem; height: auto;}
.ftSNS {display: flex; display: -webkit-flex; justify-content: flex-end; margin: 2rem 0 0 0;}
.ftSNS li  {margin-left: 2.5rem;}
.ftSNS li img {height: 5rem; width: auto;}
.ftInfoWraper {font-size: 1.4rem; margin-top: 10rem; flex-direction: row-reverse;}
.ftInfoWraper a {color: #fff;}
.ftListInfo {font-size: 0;}
.ftListInfo li {display: inline; padding: 0 15px; border-left: 1px solid #fff; font-size: 1.4rem; } 
.ftListInfo li:first-child {border-left: 0;}

#pagetop {  right: 3%; bottom: 5%; transform: translateY(50%); position: fixed; z-index: 100;}
#pagetop a { display:block; width: 4rem;	height: 4rem; background: #fff; border: 2px solid #333; position: relative; border-radius: 50%;}
#pagetop a::before {content: ""; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg);}

/* ----------------------------------------------------
home (common)
---------------------------------------------------- */
#home #btnGlobal .btnLine  {background: #333;}
#home #btnGlobal.active .btnLine, #home #header.scroll #btnGlobal .btnLine  {background: #fff;}

#homVisual {height: 90rem; position: relative;}
#homVisual::before {content: ""; width: 100%; height: 76vw; max-height: 114.2rem; position: absolute; left: 0; top: 0; background: url("../img/home/bg-homVisual-01.jpg") left top / contain no-repeat; z-index: -1;}
#homVisual h2 {position: absolute; left: 50%; top: 50%; transform: translateY(-60%); margin-left: 85px;}
#homVisual h2 img {width: 608px; height: auto;}

@media (max-width: 1500px) and (min-width: 768px) {
#homVisual h2 {left: inherit; right: 5vw; margin-left: 0;}

}

.homInrContent {width: 90%; max-width: 1360px; margin-right: auto; margin-left: auto;}
.grayscale img, .bgGray{	filter: grayscale(100%);	transition: .3s ease-in-out;}
.grayscale img:hover, .bgGray.hover{	filter:grayscale(0);opacity: 1!important;}
.grayscale:hover { opacity: 1!important;}

.homTtlCommon {font-size: 6.2rem; margin-bottom: 4rem;}
.homTtlCommon span {font-size: 3.4rem; display: block;}

.linkMore {color: #333; position: relative; padding-left: 3.4rem}
.linkMore::before {content: ""; background: url("../img/home/ic-link-01.svg") center center / contain no-repeat; width: 2.4rem; height: 2.4rem; position: absolute; left:0; top: 50%; transform: translateY(-50%);}

#homConcept {margin: 140px auto 180px;}
.homTxtConcept {width: 58%; padding-left: 4rem; font-size: 2.4rem;}
.homMovieConcept {width: 38%; }
.homMovieConcept img {width: 100%; height: auto;}
.homMovieConcept a {position: relative; display: block;}
.homTxtConcept h2 {font-size: 5.2rem; margin-bottom: 3rem;}
.homTxtConcept h2 span {font-size: 5.6rem; font-weight: 700;}
.homTxtConcept p {margin-bottom: 0; line-height: 1.8;}

#homMsg {padding: 13rem 5%; font-size: 2.4rem; text-align: center; background: url("../img/home/bg-homMsg-01.jpg") center center / cover no-repeat;  }
#homMsg  p {margin: 0;}

#homKnow {margin: 16rem auto 21rem; text-align: center;}
.homBtnKnow {margin-top: 8rem;}

.homContKnow {width: 48.5%; height: 30rem; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;}
.homContKnow a {display: flex; display: -webkit-flex; justify-content: center; align-items: center; position: relative; height: 100%; color: #fff;}
.homContKnow a h2 {font-size: 4rem; line-height: 1; position: relative; z-index: 10;}
.homContKnow a h2 span {font-size: 2.2rem;}
.homContKnow a::before {content: ""; width: 2.4rem; height: 2.4rem; position: absolute; right: 4.5rem; bottom: 5rem; background: url("../img/home/ic-link-02.svg") center center / contain no-repeat; z-index: 5;}
.homContKnow a::after{content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; }
.homContKnow a:hover::after {opacity: 0.3; transition: .3s ease-in-out; background: rgba(0,0,0,0.5);}
.homContKnow a:hover {opacity:1 !important;}

.homThouKnow {background-image: url("../img/home/bg-homKnow-01.jpg");}
.homTechKnow {background-image:url("../img/home/bg-homKnow-02.jpg") ;}

.homLinkIndex {position: relative; min-height: 44.3rem;}
.homLinkIndex::before {content: ""; width: 55%; height: 100%; position: absolute;  top: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; filter: grayscale(100%);	transition: .3s ease-in-out;}
.homLinkIndex.bgGray::before {filter: grayscale(0);}
.homTxtIndex {width: 40%; padding:  0 4rem;}
.homTxtIndex h2 {font-size: 5.6rem; line-height: 1.2; margin-bottom: 4rem;}
.homBtnLinkIndex {margin: 4rem 0 0;}

#homBusiness {margin-bottom: 23rem; }
#homBusiness::before {right: 0; background-image: url("../img/home/bg-homBusiness-01.jpg");}
#homEducation{margin-bottom: 20rem; }
#homEducation::before {left: 0; background-image: url("../img/home/bg-homEducation-01.jpg");}
#homEducation .homInrContent {justify-content: flex-end;}

#homRecruit {padding: 13rem 5% ; color: #fff; text-align: center; background: url("../img/home/bg-homRecruit-01.jpg") center center / cover no-repeat; position: relative;}
#homRecruit h2 {font-size: 3.6rem; font-weight: 600; line-height: 2; margin-bottom: 4rem; position: relative; z-index: 5;}
#homRecruit h2 span {display: block; font-size: 4.4rem; font-weight: 400;}
.homBtnRecruit a {margin: 0; background: #fff; padding: 10px 30px 10px 50px; display: inline-block; position: relative; z-index: 5;}
.homBtnRecruit a::before {left: 10px;}
#homRecruit::after{content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 1;}
#homRecruit.hover::after {opacity: 0.3; transition: .3s ease-in-out; background: rgba(0,0,0,0.5);}

#homOtherLink{margin: 5% auto;}
#homOtherLink ul li{background-color: black; width: 30%;min-height: 8rem; display: flex; display: -webkit-flex; align-items: center; padding: 2rem; justify-content: center;}
#homOtherLink ul li a{color: white; position: relative; padding-left: 4.2rem;}
#homOtherLink ul li a::before {content: ""; background: url("../img/home/ic-external-01.svg") center center / contain no-repeat; width: 2.4rem; height: 2.4rem; position: absolute; left:0; top: 50%; transform: translateY(-50%);}




/* ----------------------------------------------------
underlayer (common)
---------------------------------------------------- */
.visual {height: 36.6vw; max-height: 550px; background: #fff; position: relative; display: flex; display: -webkit-flex; justify-content: center; align-items: center; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.visual::before {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.4);}
.visTitle {color: #fff; width: 90%; max-width: 1200px; position: relative; z-index: 10;}
.visTitle h2 {font-size: 5.6rem;}
.visTitle p {margin: 0; font-size: 2rem;}

.mainRead{width:80%; max-width: 1200px; margin: 100px auto 0 auto; font-size: 1.8rem; line-height: 4.6rem;}
.contAria{width:80%; max-width: 1200px; margin: 0 auto;}
.order01{order:1;}
.order02{order:2;}


/* ----------------------------------------------------
社長メッセージ
---------------------------------------------------- */
#message .visual {background-image: url("../img/page/message/bg-visual.jpg");}
.presiBox{margin: 100px auto 120px auto; display: flex; display: -webkit-flex; justify-content:space-between; }
.presiText{width: 53%; position: relative;}
.presiText h4{font-family: 'Damion', cursive; font-size: 12rem; transform: rotate(-10deg); -webkit-transform: rotate(-10deg); display: inline-block; color: lightgray; position: absolute; top:0; left: 0; z-index: 1;}
.presiText .presInner{position: relative; top: 130px; left: 0; z-index: 2;}
.presiText .presInner .position{font-size: 1.6rem;}
.presiText .presInner .th_Name{font-size: 3.0rem; margin-bottom: 70px;}
.presiText .presInner .th_Name span{font-size: 1.6rem; display: inline-block; margin-left: 2rem;}
.presiText .presInner h5{color: #00458b; font-size: 2.4rem; margin-bottom: 30px;}
.presiText .presInner p{font-size: 1.6rem; line-height: 3.4rem; padding-bottom: 80px;}
.presiPhotoBox{position: relative; width: 42%;}
.presiPhotoBox h3{position: absolute; top: 0; right: 50px; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
.presiPhotoBox h3 span{font-size: 3.4rem; background-color: #00458b; color: white; display: inline-block; padding: 1rem; margin-right: 1rem;}
.presiPhotoBox img{width: 100%; padding-top: 400px;}

.messBox{display: flex; display: -webkit-flex; justify-content:space-between; margin-top: 60px;}
.messPhoto{width: 35%;}
.messPhoto img{width: 100%;}
.messText{width: 60%;}
.messText h5{color: #00458b; font-size: 2.4rem; margin-bottom: 30px;}
.messText p{font-size: 1.6rem; line-height: 3.4rem;}
.messBox1clum{display: flex; display: -webkit-flex; justify-content:space-between; margin-top: 60px; flex-flow: column;}
.messBox1clum .messPhoto{width: 100%;}
.messBox1clum .messText{width: 100%; margin-bottom: 20px;}


/* ----------------------------------------------------
エヌテックの想い
---------------------------------------------------- */
#thought .visual {background-image: url("../img/page/thought/bg-visual.jpg");}
.thoughtTop{background:url("../img/page/thought/img-thought01.jpg") no-repeat right top; min-height: 429px; display: flex; display: -webkit-flex; align-items: center; margin: 100px 0 0 0;}
.thoughtTop .thtInner{width: 80%; max-width: 1200px; margin: 0 auto;}
.thoughtTop .thtInner p{font-family: 'Damion', cursive; font-size: 3.7rem; transform: rotate(-10deg); -webkit-transform: rotate(-10deg); margin-top: -100px; display: inline-block; color: lightgray;}
.thoughtTop .thtInner h3{font-size: 4.0rem; margin-bottom: 20px;}
.thoughtTop .thtInner .position{font-size: 1.6rem;}
.thoughtTop .thtInner .th_Name{font-size: 3.0rem;}
.thoughtTop .thtInner .th_Name span{font-size: 1.6rem; display: inline-block; margin-left: 2rem;}
.thoughtBox{display: flex; display: -webkit-flex; justify-content:space-between; margin-top: 60px;}
.thtPhoto{width: 38%;}
.thtPhoto img{width: 100%;}
.thtText{width: 57%;}
.thtText h3{color: #00458b; font-size: 2.4rem; margin-bottom: 30px; position: relative; padding-left: 70px;}
.thtText h3::before{content: ""; position: absolute; top: 1.8rem; left: 0; width: 58px; height: 1px; background-color: #00458b;}
.thtText p{font-size: 1.6rem; line-height: 3.4rem;}
.thoughtBox1clum{display: flex; display: -webkit-flex; justify-content:space-between; margin-top: 60px; flex-flow: column;}
.thoughtBox1clum .thtPhoto{width: 100%;}
.thoughtBox1clum .thtText{width: 100%; margin-bottom: 20px;}



/* ----------------------------------------------------
エヌテックの技術力
---------------------------------------------------- */
#technology .visual {background-image: url("../img/page/technology/bg-visual.jpg");}
.episodeBox{display: flex; display: -webkit-flex; justify-content:space-between; margin-top: 80px;}
.epPhoto{width: 38%;}
.epPhoto img{width: 100%;}
.epText{width: 57%;}
.epText .epNum{font-family: 'Damion', cursive; font-size: 3.7rem; transform: rotate(-10deg); -webkit-transform: rotate(-10deg); margin-top: -100px; display: inline-block;}
.epText .epNum span{font-size: 6.0rem;}
.epText .epYear{display: block; margin: 15px 0 25px 0;}
.epText .epYear span{font-size: 2.2rem; color: white; background-color: #00458b; padding: 0.5rem;}
.epText h3{color: #00458b; font-size: 3.0rem; margin-bottom: 40px;}
.epText p{font-size: 1.6rem; line-height: 3.4rem;}
.episodeBox1clum{display: flex; display: -webkit-flex; justify-content:space-between; margin-top: 80px; flex-flow: column;}
.episodeBox1clum .epPhoto{width: 100%;}
.episodeBox1clum .epText{width: 100%; margin-top: 60px;}


/* ----------------------------------------------------
社員紹介
---------------------------------------------------- */
/*index*/
#business.business-index .visual {	background-image: url("../img/page/business/bg-visual.jpg");}
.busIndBox01{background: linear-gradient(90deg,white 0%,white 18%,#ebeef5 18%,#ebeef5 100%); margin-top: 200px;}
.busIndBox02{background: linear-gradient(90deg,#ebeef5 0%,#ebeef5 82%,white 82%,white 100%); margin-top: 200px;}
.busIndInner{width:86%; max-width: 1300px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content:space-between;}
.busIndInner .busPhoto{width: 50%; margin-top: -80px;}
.busIndInner .busPhoto img{width: 100%;}
.busIndInner .busText{width: 42%; padding: 80px 0;}
.busIndInner .busText h3{font-size: 2.8rem; font-weight: 600; position: relative; padding-top: 25px; margin-bottom: 25px;}
.busIndInner .busText h3::before {content: ""; width: 60px; height: 4px; position: absolute; left: 0; top: 0; background-color: #00458b;}
.busIndInner .busText h4{font-size: 2.2rem; font-weight: 600; margin-bottom: 10px;}
.busIndInner .busText p{font-size: 1.8rem; line-height: 3.8rem; margin-bottom: 40px;}
.busIndInner .busText .btnIntv{background-color: #00458b; padding: 15px; display: inline; margin-right: 10px;}
.busIndInner .busText .btnIntv span{color: white; font-size: 2.4rem; position: relative; padding-left: 35px;}
.busIndInner .busText .btnIntv span::before{content: ''; width: 24px; height: 24px; border: 1px solid white; border-radius: 50%; position: absolute; top: 50%; left: 0; margin-top: -12px;}
.busIndInner .busText .btnIntv span::after{position: absolute; content: ''; width: 0; height: 0; border: solid 6px transparent; border-left: solid 10px #fff; top: 50%; left:8px; margin-top: -6px;}

/*社員紹介*/
#business.business-01 .visual {	background-image: url("../img/page/business/interview01/visual-business-01.jpg");}
#business.business-02 .visual {	background-image: url("../img/page/business/interview02/visual-business-01.jpg");}
#business.business-03 .visual {	background-image: url("../img/page/business/interview03/visual-business-01.jpg");}
#business.business-04 .visual {	background-image: url("../img/page/business/interview04/visual-business-01.jpg");}
#business.business-05 .visual {	background-image: url("../img/page/business/interview05/visual-business-01.jpg");}
#interview{padding-top: 85px;}
#interview h3{text-align: center; color: #00458b; font-size: 3.4rem; letter-spacing: 0.3rem; font-family: 'Lato', sans-serif; margin-bottom: 50px;}
#interview h3 span{display: block; color: #646464; font-size: 2.0rem; letter-spacing: 0; position: relative; padding-top: 10px;}
#interview h3 span::before{content: ""; width: 60px; height: 4px; background-color: #00458b; top:0; left: 50%; position: absolute; transform: translateX(-50%);}
.staffBox{width: 91%; max-width: 1366px; margin: 0 auto; padding-top: 315px;}
.bg-stf01{background:url("../img/page/business/interview01/img-stf01-01.jpg") no-repeat center top; background-size: contain;}
.bg-stf02{background:url("../img/page/business/interview02/img-stf01-01.jpg") no-repeat center top; background-size: contain;}
.bg-stf03{background:url("../img/page/business/interview02/img-stf02-01.jpg") no-repeat center top; background-size: contain;}
.bg-stf04{background:url("../img/page/business/interview03/img-stf01-01.jpg") no-repeat center top; background-size: contain;}
.bg-stf05{background:url("../img/page/business/interview04/img-stf01-01.jpg") no-repeat center top; background-size: contain;}
.bg-stf06{background:url("../img/page/business/interview05/img-stf01-01.jpg") no-repeat center top; background-size: contain;}
.stfInner{width: 87%; max-width: 1200px; background-color: white; padding: 90px 0 150px 170px;}
.stfInner h4{font-size: 3.8rem; line-height: 4.8rem; color: #00458b; margin-bottom: 20px;}
.stfInner .stSpec{display: block; font-size: 1.6rem;}
.stfInner .stName{display: block; font-size: 2.1rem;}
.st2clum{display: flex; display: -webkit-flex; justify-content: space-between; margin-top: 60px; align-items: flex-start;}
.st2clum .st2Photo{width: 48%;}
.st2clum img{width: 100%;}
.st2clum .st2Text{width: 45%;}
.st2clum .st2Text h5{font-size: 2.4rem; margin-bottom: 20px; font-weight: 600;}
.st2clum .st2Text p{font-size: 1.6rem; line-height: 3.4rem;}
.st1clum{display: block; margin-top: 60px;}
.st1clum .st1Photo{width: 100%; margin-bottom: 50px;}
.st1clum img{width: 100%;}
.st1clum h5{font-size: 2.4rem; margin-bottom: 20px; font-weight: 600;}
.st1clum p{font-size: 1.6rem; line-height: 3.4rem;}

/* ----------------------------------------------------
育成・研修制度
---------------------------------------------------- */
#education .visual {background-image: url("../img/page/education/bg-visual.jpg");}
#education h3{font-size: 4.0rem; margin-bottom: 20px; width:80%; max-width: 1200px; margin: 100px auto 0 auto; text-align: center;}

.eduBox{display: flex; display: -webkit-flex; justify-content:space-between; margin-top: 60px;}
.eduPhoto{width: 38%;}
.eduPhoto img{width: 100%;}
.eduText{width: 57%;}
.eduText h4{color: #00458b; font-size: 2.4rem; margin-bottom: 30px;}
.eduText p{font-size: 1.6rem; line-height: 3.4rem;}


/* ----------------------------------------------------
採用情報
---------------------------------------------------- */
#recruit .visual {background-image: url("../img/page/recruit/bg-visual.jpg");}
#recruit table{margin-top: 80px; width: 100%;}
#recruit table th{font-size: 1.8rem; color: #00458b; padding: 40px 0; border-top: 1px solid #00458b; width: 20%; text-align: left; vertical-align: top;}
#recruit table td{font-size: 1.6rem; line-height: 3.4rem; padding: 40px; border-top: 1px solid #c1c1c1; width: 80%;}
#recruit table tr:last-child{border-bottom: 1px solid #c1c1c1;}
.btEntry{display: flex; display: -webkit-flex; align-items: center; justify-content: center; margin: 75px 0 150px 0;}
.btEntry a{background: #004e98; color: #fff; border-radius: 50px; padding: 10px 100px; font-size: 3.2rem;}
#recruit h3{text-align: center; color: #00458b; font-size: 3.4rem; letter-spacing: 0.3rem; font-family: 'Lato', sans-serif; margin-bottom: 50px;}
#recruit h3 span{display: block; color: #646464; font-size: 2.0rem; letter-spacing: 0; position: relative; padding-top: 10px;}
#recruit h3 span::before{content: ""; width: 60px; height: 4px; background-color: #00458b; top:0; left: 50%; position: absolute; transform: translateX(-50%);}

.entry_flowBox{position: relative;}
.entry_flowBox::before {content: ""; width: 1px; height: calc( 100% - 10rem ); background:url("../img/page/recruit/line.png") repeat-y; position: absolute; left: 5.8%; top: 5rem; z-index: 2;}
.entry_flowBox li{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.entry_flowBox li:nth-child(odd){background-color:#dee7f0;}
.entry_flowBox li:nth-child(even){background-color:#f0f0f0;}
.flowNum{padding-left: 50px;}
.flowNum p{font-size: 2.0rem; color: #00458b; height:40px; width:40px; border-radius:50%; line-height:40px; text-align:center; border: 1px solid #00458b; position: relative; z-index: 3;}
.entry_flowBox li:nth-child(odd) .flowNum p{background-color:#dee7f0!important;}
.entry_flowBox li:nth-child(even) .flowNum p{background-color:#f0f0f0!important;}
.flowText{width:100%; padding: 35px 35px 10px 0; text-align: center;}
.flowText h4{font-size: 2.0rem; color: #00458b; font-weight: 600; margin-bottom: 15px;}
.flowText p{font-size: 1.8rem; line-height: 3.0rem;}



/* ----------------------------------------------------
エントリー
---------------------------------------------------- */
#entry .visual {background-image: url("../img/page/entry/bg-visual.jpg");}
ul.entryBox{display: flex; display: -webkit-flex; justify-content: space-between; padding: 20px 180px; border: 1px solid #c1c1c1; margin-top: 80px;}
ul.entryBox li{width: 47%; margin: 0 auto;}
/*
ul.entryBox li{width: 47%;}
*/
ul.entryBox li a{font-size: 1.7rem;	font-weight: 600; text-align: center; color: black;	text-decoration: none;}
ul.entryBox li span{display: block;	text-align: center;}
ul.entryBox li p{border: 1px solid #c1c1c1;	margin-top: 10px;}
ul.entryBox li img{width: 100%;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
pcSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (min-width:768px) {
/* ----------------------------------------------------
common(pc)
---------------------------------------------------- */
/* hover */
a:hover { opacity: .65;	filter: alpha(opacity=65);  text-decoration: none;	transition: all 0.2s ease-in-out;}
a img:hover {  opacity: .65; filter: alpha(opacity=65);	transition: all 0.2s ease-in-out;}
.clickable:hover {filter: alpha(opacity=65) ;	opacity: .65;transition: all 0.2s ease-in-out;}
.br_spOnly{display: none;}
.br_pcOnly{display: block;}
}




@media (max-width: 1500px) {
/* ----------------------------------------------------
社長メッセージ
---------------------------------------------------- */
.presiText .presInner p{line-height: 2.267vw;}
.presiPhotoBox h3 span{font-size: 2.267vw;}
.messText p{line-height: 2.267vw;}
	
	
/* ----------------------------------------------------
エヌテックの想い
---------------------------------------------------- */
.thoughtTop .thtInner h3{max-width: 500px; line-height: 5.0rem;}
.thtText h3{padding-left: 4.667vw;}
.thtText h3::before{width: 3.867vw;}
	
/* ----------------------------------------------------
エヌテックの技術力
---------------------------------------------------- */
.episodeBox{align-items: center;}
.epText .epNum{font-size: 2.8rem; margin-top: -100px; display: inline-block;}
.epText .epNum span{font-size: 4.0rem;}
.epText .epYear span{font-size: 1.8rem;}
.epText h3{font-size: 2.6rem; margin-bottom: 20px;}
.epText p{font-size: 1.6rem; line-height: 3.0rem;}
	
/* ----------------------------------------------------
社員紹介
---------------------------------------------------- */
.busIndInner .busText{width: 45%;}
.busIndInner .busText h3{font-size: 2.6rem; margin-bottom: 20px;}
.busIndInner .busText p{font-size: 1.6rem; line-height: 3.0rem;}
.busIndInner .busText h4{font-size: 2.0rem; font-weight: 600; margin-bottom: 10px;}
.stfInner{padding: 6vw 0 10vw 6.333vw;}
.st2clum .st2Text p{line-height: 2.8rem;}
.st1clum p{line-height: 2.8rem;}

	
/* ----------------------------------------------------
採用情報
---------------------------------------------------- */
.entry_flowBox::before {left: 4.8vw;}
.flowNum{padding-left: 3.333vw;}
	
/* ----------------------------------------------------
エントリー
---------------------------------------------------- */
ul.entryBox{padding: 1.333vw 12vw;}
ul.entryBox li a{font-size: 1.333vw;}
ul.entryBox li p{margin-top: 0.667vw;}
	
}





/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
tabletSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 1200px) and (min-width: 768px) {

/* ----------------------------------------------------
header(<1200)
---------------------------------------------------- */
#header  {height: 6.6vw; padding: 0.9vw 5%; }
#hd-logo { left: 1.66vw; top: 2.5vw;  }
#hd-logo img {width: 25vw; }

#btnGlobal {width: 6.6vw; height: 6.6vw; }
#btnGlobal .btnWrapGlobal {	width: 2.9vw; height: 2vw; }
#grandMenu {padding: 8.3vw 0;}
#grandMenu #navGlobal li {font-size: 1.66vw;}
#grandMenu #navGlobal li a { padding: 2vw 0;}
#grandMenu #navGlobal li a::after {width: 0.83vw; height: 0.83vw; }

/* entry bottom */
#entryBtn {right: 8vw; top: 2vw; width: 11.6vw; height: 3.2vw; }
	

#entry #corporateBtn{right:2vw;}
	
/* corp bottom */
#corporateBtn {right: 20.6vw; top: 2vw; width: 11.6vw; height: 3.2vw;}
	


#homOtherLink ul li{min-height: 6.667vw; padding: 1.667vw;}
#homOtherLink ul li a{padding-left: 3.5vw;}
#homOtherLink ul li a::before {width: 2vw; height: 2vw;}
	

/* ----------------------------------------------------
navLocal (<1200)
---------------------------------------------------- */
#navLocal {padding: 4.16vw 0;}
.navInrLocal  h2 {margin-bottom: 1.66vw; font-size: 1.66vw;}
.navInrLocal .navListLocal li a {height: 7.5vw;}
.navInrLocal .navListLocal li a::before { width: 2.5vw;  right: 0.83vw; bottom: 1.25vw;}
.navInrLocal .navListLocal li a::after {width: 0.5vw; height: 0.5vw;  right: 0.83vw; bottom: 1.25vw;}

/* ----------------------------------------------------
footer (<1200)
---------------------------------------------------- */
#footer { padding: 2vw 5%; margin-top: 8.3vw; }
#lg-footer {width: 13vw; }
.ftSNS {margin: 1.66vw 0 0 0;}
.ftSNS li  {margin-left: 2vw;}
.ftSNS li img {height: 4.16vw; width: auto;}
.ftInfoWraper {font-size: 1.16vw; margin-top: 8.3vw; }
.ftListInfo li {padding: 0 1.25vw; font-size: 1.16vw; } 

#pagetop { right: 2.5vw; }
#pagetop a { width: 3.3vw;	height:  3.3vw;}
#pagetop a::before { width: 0.83vw; height: 0.83vw; }

/* ----------------------------------------------------
home (<1200)
---------------------------------------------------- */
#homVisual {height: 75vw; }
#homVisual h2 img {width: 50vw; }

.homTtlCommon {font-size: 5.16vw; margin-bottom: 3.3vw;}
.homTtlCommon span {font-size: 2.8vw;}
.linkMore {padding-left: 2.8vw;}
.linkMore::before {width: 2vw; height: 2vw;}

#homConcept {margin: 11.6vw auto 15vw;}
.homTxtConcept {padding-left: 0; font-size: 2vw;}
.homMovieConcept a::before {width: 9.75vw; height: 9.75vw;}
.homTxtConcept h2 {font-size: 4.3vw; margin-bottom: 2.5vw;}
.homTxtConcept h2 span {font-size: 4.66vw;}

#homMsg {padding: 10.8vw 5%; font-size: 2vw;}

#homKnow {margin: 13vw auto 17.5vw; }
.homBtnKnow {margin-top: 6.6vw;}
.homContKnow { height: 25vw;}
.homContKnow a h2 {font-size: 3.3vw; }
.homContKnow a h2 span {font-size: 1.8vw;}
.homContKnow a::before {width: 2vw; height: 2vw;  right: 3.75vw; bottom: 3.75vw; }

.homLinkIndex {min-height: 37vw;}
.homTxtIndex {padding:  0 ;}
.homTxtIndex h2 {font-size: 4.66vw; margin-bottom: 3.3vw;}
.homBtnLinkIndex {margin: 3.3vw 0 0;	}

#homBusiness {margin-bottom: 19vw; }
#homEducation{margin-bottom: 16.6vw; }

#homRecruit {padding: 10vw 5% ; }
#homRecruit h2 {font-size: 3vw; margin-bottom: 3.3vw;}
#homRecruit h2 span {font-size: 3.66vw; }
.homBtnRecruit a {padding: 0.83vw 2.5vw 0.83vw 4.16vw; }
.homBtnRecruit a::before {left: 0.83vw;}


/* ----------------------------------------------------
underlayer (<1200)
---------------------------------------------------- */
.visTitle h2 {font-size: 4.66vw;}
.visTitle p {font-size: 1.66vw;}
.mainRead{margin: 5.8vw auto 0 auto; font-size: 1.5vw; line-height: 3.417vw;}
	
/* ----------------------------------------------------
社長メッセージ
---------------------------------------------------- */
.presiBox{margin: 100px auto 120px auto;}
.presiText h4{font-size: 10vw;}
.presiText .presInner{top: 10.833vw;}
.presiText .presInner .position{font-size: 1.333vw;}
.presiText .presInner .th_Name{font-size: 2.5vw; margin-bottom: 3.833vw;}
.presiText .presInner .th_Name span{font-size: 1.333vw; margin-left: 1.667vw;}
.presiText .presInner h5{font-size: 2vw; margin-bottom: 2.5vw;}
.presiText .presInner p{font-size: 1.38vw; line-height: 2.5vw; padding-bottom: 6.667vw;}
.presiPhotoBox h3{right: 2.7vw;}
.presiPhotoBox h3 span{font-size: 2.33vw;}
.presiPhotoBox img{padding-top: 33.333vw;}
.messBox{margin-top: 5vw;}
.messText h5{font-size: 2vw; margin-bottom: 1.7vw;}
.messText p{font-size: 1.38vw; line-height: 2.5vw;}
.messBox1clum{margin-top: 5vw;}
.messBox1clum .messText{margin-bottom: 1.667vw;}	
	
/* ----------------------------------------------------
エヌテックの想い
---------------------------------------------------- */
.thoughtTop{min-height: 35.75vw; margin: 8.333vw 0 0 0;}
.thoughtTop .thtInner p{font-size: 3.083vw; margin-top: -8.333vw;}
.thoughtTop .thtInner h3{font-size: 3.333vw; line-height: 4.2vw; max-width: 41.667vw; margin-bottom: 1.667vw;}
.thoughtTop .thtInner .position{font-size: 1.333vw;}
.thoughtTop .thtInner .th_Name{font-size: 2.5vw;}
.thoughtTop .thtInner .th_Name span{font-size: 1.333vw; margin-left: 1.667vw;}
.thoughtBox{margin-top: 5vw;}
.thtPhoto{width: 38%;}
.thtPhoto img{width: 100%;}
.thtText{width: 57%;}
.thtText h3{font-size: 2vw; margin-bottom: 2.5vw; padding-left: 5.833vw;}
.thtText h3::before{top: 1.5vw; width: 4.833vw;}
.thtText p{font-size: 1.38vw; line-height: 2.5vw;}
.thoughtBox1clum{margin-top: 5vw;}
.thoughtBox1clum .thtText{margin-bottom: 1.667vw;}
	

/* ----------------------------------------------------
エヌテックの技術力
---------------------------------------------------- */
.episodeBox{margin-top: 6.667vw;}
.epText .epNum{font-size: 2.3vw; margin-top: -8.333vw;}
.epText .epNum span{font-size: 4vw;}
.epText .epYear{margin: 1.25vw 0 2.083vw 0;}
.epText .epYear span{font-size: 1.833vw; padding: 0.417vw;}
.epText h3{font-size: 2.333vw; margin-bottom: 2.0vw;}
.epText p{font-size: 1.333vw; line-height: 2.833vw;}
.episodeBox1clum{margin-top: 6.667vw;}
.episodeBox1clum .epText{margin-top: 5vw;}

/* ----------------------------------------------------
社員紹介
---------------------------------------------------- */
/*index*/
.busIndBox01{margin-top: 16.667vw;}
.busIndBox02{margin-top: 16.667vw;}
.busIndInner{width:86%;}
.busIndInner .busPhoto{margin-top: -6.667vw;}
.busIndInner .busText{padding: 5.667vw 0;}
.busIndInner .busText h3{font-size: 2.333vw; padding-top: 2.083vw; margin-bottom: 2.75vw;}
.busIndInner .busText p{font-size: 1.4vw; line-height: 2.3vw; margin-bottom: 3.333vw;}
.busIndInner .busText h4{font-size: 1.833vw; margin-bottom: 0.833vw;}
.busIndInner .busText .btnIntv{padding: 1.25vw;}
.busIndInner .busText .btnIntv span{font-size: 2vw; padding-left: 2.917vw;}
.busIndInner .busText .btnIntv span::before{width: 2vw; height: 2vw; margin-top: -1vw;}
.busIndInner .busText .btnIntv span::after{border: solid 6px transparent; border-left: solid 10px #fff; left:0.667vw; margin-top: -0.5vw;}	
	
#interview{padding-top: 7.083vw;}
#interview h3{font-size: 2.833vw; letter-spacing: 0.25vw; margin-bottom: 4.167vw;}
#interview h3 span{font-size: 1.667vw; padding-top: 0.833vw;}
#interview h3 span::before{width: 5vw; height: 0.333vw;}
.staffBox{padding-top: 26.25vw;}
.stfInner{width: 92%; padding: 5vw 5vw 12.5vw 5vw;}
.stfInner h4{font-size: 3.167vw; line-height: 4vw; margin-bottom: 1.667vw;}
.stfInner .stSpec{font-size: 1.333vw;}
.stfInner .stName{font-size: 1.75vw;}
.st2clum{margin-top: 5vw;}
.st2clum .st2Photo{width: 50%;}
.st2clum .st2Text{width: 45%;}
.st2clum .st2Text h5{font-size: 2vw; margin-bottom: 1.667vw;}
.st2clum .st2Text p{font-size: 1.333vw; line-height: 2.33vw;}
.st1clum{margin-top: 5vw;}
.st1clum .st1Photo{margin-bottom: 4.167vw;}
.st1clum h5{font-size: 2vw; margin-bottom: 1.667vw;}
.st1clum p{font-size: 1.333vw; line-height: 2.33vw;}
	
/* ----------------------------------------------------
育成・研修制度
---------------------------------------------------- */
#education h3{font-size: 3.333vw; line-height: 4.2vw; margin: 5.8vw auto 0 auto;}
.eduBox{margin-top: 5vw;}
.eduText h4{font-size: 2vw; margin-bottom: 2.5vw;}
.eduText p{font-size: 1.38vw; line-height: 2.5vw;}
	
	
/* ----------------------------------------------------
採用情報
---------------------------------------------------- */
#recruit table{margin-top: 6.667vw;}
#recruit table th{font-size: 1.4vw; padding: 3.333vw 0;}
#recruit table td{font-size: 1.333vw; line-height: 2.833vw; padding: 3.333vw;}
.btEntry{margin: 6.25vw 0 12.5vw 0;}
.btEntry a{padding: 0.833vw 8.333vw; font-size: 2.667vw;}
#recruit h3{font-size: 2.833vw; letter-spacing: 0.25vw; margin-bottom: 4.167vw;}
#recruit h3 span{font-size: 1.667vw; padding-top: 0.833vw;}
#recruit h3 span::before{width: 5vw; height: 0.333vw;}
.entry_flowBox::before {left: 5.667vw;}
.flowNum{padding-left: 4.167vw;}
.flowNum p{font-size: 1.667vw; height:3.333vw; width:3.333vw; line-height:3.333vw;}
.flowText{padding: 2.917vw 2.917vw 0.833vw 0;}
.flowText h4{font-size: 1.667vw; margin-bottom: 1.25vw;}
.flowText p{font-size: 1.4vw; line-height: 2.5vw;}
	
/* ----------------------------------------------------
エントリー
---------------------------------------------------- */
ul.entryBox{padding: 1.667vw 10vw;}
ul.entryBox li a{font-size: 1.5vw;}
ul.entryBox li p{margin-top: 0.833vw;}
	

	
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
spSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 767px) {
.br_spOnly{display: block;}
.br_pcOnly{display: none;}
.spNone{display: none;}
  
/* ----------------------------------------------------
header(sp)
---------------------------------------------------- */
@media (orientation: portrait) { /* スマホ縦 */
#header  {height: 14vw; padding: 2vw; position:fixed; left: 0; top: 0; width: 100%;}
#hd-logo {position: relative; left: 0; top: 0; display: flex; display: -webkit-flex; align-items: center; height: 100%;}
#hd-logo img {width: 50vw; }

#btnGlobal {width: 14vw; height: 14vw; }
#btnGlobal .btnWrapGlobal {	width: 6vw; height: 4vw; }
#grandMenu {padding:  20vw 0;}
#grandMenu #navGlobal li { font-size: 4.2vw;}
#grandMenu #navGlobal li a {padding: 5vw 0;}
#grandMenu #navGlobal li a::after { width: 2vw; height: 2vw; }

/* entry bottom */
#entryBtn { right: 15vw; width: 25vw; height: 7vw; top: 3.8vw; font-size: 3.6vw;}
	
#corporateBtn {display: none;}	
#entry #corporateBtn {right: 3.8vw; width: 25vw; height: 7vw; top: 3.8vw; font-size: 3.6vw; display: block;}	
	
}
	
#homOtherLink{margin:10% auto 5% auto;}
#homOtherLink ul li{width: 100%; min-height: 18.43vw; padding: 2.608vw; flex-flow: column; margin-bottom: 3vw;}
#homOtherLink ul li a{padding-left: 7.476vw;}
#homOtherLink ul li a::before {width: 4vw; height: 4vw;}	

@media (orientation: landscape) {/* スマホ横 */

}

/* ----------------------------------------------------
navLocal (sp)
---------------------------------------------------- */
@media (orientation: portrait) { /* スマホ縦 */
	#navLocal {padding: 8vw 0;}
	.navInrLocal  h2 {margin-bottom: 3vw; font-size: 5vw;}
	.navInrLocal .navListLocal li {width: 49%; margin-bottom: 2vw;}
	.navInrLocal .navListLocal li a { height: 18vw; }
	.navInrLocal .navListLocal li a::before {width: 6vw; right: 2vw; bottom: 2vw;}
	.navInrLocal .navListLocal li a::after { width: 1.2vw; height: 1.2vw; right: 2vw; bottom: 2vw; }
}
@media (orientation: landscape) {/* スマホ横 */
	.navInrLocal .navListLocal li {font-size: 1.4rem;}
}

/* ----------------------------------------------------
footer(sp)
---------------------------------------------------- */
@media (orientation: portrait) { /* スマホ縦 */
#footer { padding: 8vw 5vw 4vw; margin-top: 15vw; }
#lg-footer {width: 31.6vw; }
.ftSNS {margin: 0;}
.ftSNS li  {margin-left: 5vw;}
.ftSNS li img {height: 10vw; }
.ftInfoWraper {font-size: 3.8vw; margin-top: 10vw; flex-direction: column;}
.ftListInfo {margin-bottom: 3vw;}
.ftListInfo li {display: block; padding: 0; border-left: none; font-size:3.8vw; margin-bottom: 1vw; } 

#pagetop { right: 3vw;}
#pagetop a { width: 10vw;	height: 10vw; }
#pagetop a::before {width: 3vw; height: 3vw; }

}
@media (orientation: landscape) {/* スマホ横 */
#footer { padding: 8vw 4% 4vw; }

}

/* ----------------------------------------------------
home (sp)
---------------------------------------------------- */
@media (orientation: portrait) { 
#homVisual {height: 40vh; }
#homVisual::before {height: 100%; max-height: inherit; background-size: auto 100%;}
#homVisual h2 {left: inherit ; margin-left: 0; right: 4vw; transform: translateY(-50%);}
#homVisual h2 img {width: 50vw; }

.homTtlCommon {font-size: 7vw; margin-bottom: 8vw;}
.homTtlCommon span {font-size: 4vw; }

.linkMore {padding-left: 6.8vw}
.linkMore::before {width:4.8vw; height: 4.8vw;}

#homConcept {margin: 15vw auto;}
.homTxtConcept {width: 100%; padding-left: 0; font-size: 4.2vw; margin-bottom: 6vw;}
.homMovieConcept {width: 100%; }
.homMovieConcept a::before {width: 23.4vw; height: 23.4vw;}
.homTxtConcept h2 {font-size: 9vw; margin-bottom: 6vw;}
.homTxtConcept h2 span {font-size: 8vw; }

#homMsg {padding: 12vw 5%; font-size: 4.2vw;}

#homKnow {margin: 15vw auto;}
.homBtnKnow {margin-top: 6vw;}
.homContKnow {width: 100%; height: 45vw;  margin-bottom: 4vw;}
.homContKnow a h2 {font-size: 9vw; }
.homContKnow a h2 span {font-size: 4.5vw;}
.homContKnow a::before { width: 4.8vw; height: 4.8vw;  right: 5vw; bottom: 5vw;  }

.homLinkIndex {min-height: inherit; padding-top: 58vw;}
.homLinkIndex::before {width: 100%; height: 50vw; }
.homTxtIndex {width: 100%; padding:  0;}
.homTxtIndex h2 {font-size: 9vw; margin-bottom: 6vw;}
.homBtnLinkIndex {margin: 6vw 0 0;	}

#homBusiness {margin-bottom: 15vw; }
#homEducation{margin-bottom: 15vw; }

#homRecruit {padding: 15vw 5% ; }
#homRecruit h2 {font-size: 8vw; margin-bottom: 8vw; line-height: 1.2;}
#homRecruit h2 span { font-size: 7vw; margin-top: 3vw;}
.homBtnRecruit a { padding: 2vw 6vw 2vw 10vw; }
.homBtnRecruit a::before {left: 2vw;}

}

@media (orientation: landscape) {/* スマホ横 */
#homVisual {height: 100vh; }
#homVisual::before {height: 100%; max-height: inherit;}
#homVisual h2 {left: inherit ; margin-left: 0; right: 4vw; transform: translateY(-50%);}
#homVisual h2 img {width: 50vw; }
.homTxtConcept { padding-left: 0; width: 100%;}
.homMovieConcept {width:  80%; margin: 5rem auto 0; }
.homTxtConcept h2, .homTxtIndex h2 {font-size: 5vw;}
.homTxtIndex {padding: 0;}
#homConcept {margin: 10vw auto;}
#homKnow {margin: 10rem auto;}
.homLinkIndex {min-height: inherit;}
#homBusiness, #homEducation{ margin-bottom: 10rem;}
#homRecruit, #homMsg {padding:  8rem 5%;}


}

/* ----------------------------------------------
underLayer(sp)
-------------------------------------------------- */
.mainRead{width:91%; margin: 9.8vw auto 0 auto; font-size: 3.6vw; line-height: 6.433vw;}
.contAria{width:91%;}
	
@media (orientation: portrait) { /* スマホ縦 */
	.visual {height: 50vh; max-height: inherit; }
	.visTitle h2 {font-size: 7vw;}
	.visTitle p {font-size: 4vw;}
}

@media (orientation: landscape) {/* スマホ横 */
	.visTitle h2 {font-size: 4rem}
	.visTitle p {font-size: 2rem;}
}

/* ----------------------------------------------------
社長メッセージ
---------------------------------------------------- */
#message .visual{background-position: 80% top;}
.presiBox{margin: 13.038vw auto 15.645vw auto; flex-flow: column;}
.presiText{width: 100%;}
.presiText h4{font-size: 15.645vw; transform: rotate(-10deg); -webkit-transform: rotate(-10deg); display: inline-block;}

	 
.presiText .presInner{top: 16.949vw;}
.presiText .presInner .position{font-size: 3.086vw;;}
.presiText .presInner .th_Name{font-size: 4.911vw; margin-bottom: 9.126vw;}
.presiText .presInner .th_Name span{font-size: 3.086vw; margin-left: 2.608vw;}
.presiText .presInner h5{font-size: 4.2vw; line-height: 6vw; margin-bottom: 3.911vw;}
.presiText .presInner p{font-size: 3.6vw; line-height: 6.433vw; padding-bottom: 10.43vw;}
.presiPhotoBox{width: 100%;}
.presiPhotoBox h3{right: inherit; -ms-writing-mode:lr-tb; writing-mode: horizontal-tb; position: relative; margin-bottom: 3vw;}
.presiPhotoBox h3 span{font-size: 4.7vw; letter-spacing: -0.7vw; margin-right: 0; padding: 0; background-color: inherit; color: #00458b; display: inline;}
.presiPhotoBox img{padding-top: 2.151vw; position: relative;}

.messBox{margin-top: 7.823vw; flex-flow: column;}
.messPhoto{width: 100%;}
.messText{width: 100%; margin-top: 5vw;}
.messText h5{font-size: 4.2vw; line-height: 6vw; margin-bottom: 3.911vw;}
.messText p{font-size: 3.6vw; line-height: 6.433vw;}
.messBox1clum{margin-top: 9.823vw;}
.messBox1clum .messText{margin-bottom: 0; margin-top: 0;}
	
#message .order01{order:2;}
#message .order02{order:1;}
	
#education .order01{order:2;}
#education .order02{order:1;}	
	
/* ----------------------------------------------------
エヌテックの想い
---------------------------------------------------- */
.thoughtTop{min-height: inherit; margin: 13.038vw 0 0 0; background-size: contain;}
.thoughtTop .thtInner{height: calc(100% + 50vw);}
.thoughtTop .thtInner p{font-size: 4.824vw; margin-top: -3.038vw;}
.thoughtTop .thtInner h3{font-size: 5.215vw; line-height: 7vw; margin-bottom: 2.608vw; max-width: 65vw;}
.thoughtTop .thtInner .position{font-size: 3.086vw;}
.thoughtTop .thtInner .th_Name{font-size: 4.911vw;}
.thoughtTop .thtInner .th_Name span{font-size: 3.086vw; margin-left: 2.608vw;}
.thoughtBox{margin-top: 9.823vw; flex-flow: column;}
.thtPhoto{width: 100%;}
.thtPhoto img{width: 100%;}
.thtText{width: 100%;}
.thtText h3{font-size: 4.2vw; line-height: 6vw; margin-bottom: 3.911vw; padding-left: 5.126vw;}
.thtText h3::before{top: 2.347vw; width: 3.562vw;}
.thtText p{font-size: 3.6vw; line-height: 6.433vw;}
.thoughtBox1clum{margin-top: 9.823vw;}
.thoughtBox1clum .thtText{margin-bottom: 0;}


	
/* ----------------------------------------------------
エヌテックの技術力
---------------------------------------------------- */
.episodeBox{margin-top: 12.43vw; flex-flow: column;}
.epPhoto{width: 100%;}
.epText{width: 100%; margin-bottom: 2vw;}
.epText .epNum{font-size: 4.824vw; margin-top: -13.038vw; margin-right: 2vw; transform: rotate(0); -webkit-transform: rotate(0);}
.epText .epNum span{font-size: 7.823vw;}
.epText .epYear{margin: 1.956vw 0 3.259vw 0; display: inline;}
.epText .epYear span{font-size: 3.6vw; line-height: 3.6vw; padding: 1.2vw;}
.epText h3{font-size: 4.911vw; margin-bottom: 5.215vw;}
.epText p{font-size: 3.6vw; line-height: 6.433vw;}
.episodeBox1clum{margin-top: 12.43vw;}
.episodeBox1clum .epText{margin-top: 0;}
#technology .order01{order:2;}
#technology .order02{order:1;}
	
/* ----------------------------------------------------
社員紹介
---------------------------------------------------- */	
.busIndBox01{margin-top: 26.076vw;}
.busIndBox02{margin-top: 26.076vw;}
.busIndInner{width:86%; flex-flow: column;}
.busIndInner .busPhoto{margin-top: -10.43vw; width: 100%;}
.busIndInner .busText{padding: 10.43vw 0; width: 100%;}
.busIndInner .busText h3{font-size: 4.5vw; padding-top: 3.259vw; margin-bottom: 3.867vw;}
.busIndInner .busText p{font-size: 3.6vw; line-height: 6.433vw; margin-bottom: 5.215vw;}
.busIndInner .busText h4{font-size: 3.868vw; margin-bottom: 1.8vw;}
.busIndInner .busText .btnIntv{padding: 1.956vw;}
.busIndInner .busText .btnIntv span{font-size: 3.129vw; padding-left: 4.563vw;}
.busIndInner .busText .btnIntv span::before{width: 3.129vw; height: 3.129vw; margin-top: -1.565vw;}
.busIndInner .busText .btnIntv span::after{border: solid 0.782vw transparent; border-left: solid 1.304vw #fff; left:1.043vw; margin-top: -0.782vw;}
#business .order01{order:2;}
#business .order02{order:1;}
	
#interview{padding-top: 11.082vw;}
#interview h3{font-size: 4.8vw; letter-spacing: 0.391vw; margin-bottom: 6.519vw;}
#interview h3 span{font-size: 3.2vw; padding-top: 1.304vw;}
#interview h3 span::before{width: 7.823vw; height: 0.522vw;}
.staffBox{padding-top: 35.069vw;}
.stfInner{width: 100%; padding: 4.734vw 0 9.557vw 0;}
.stfInner h4{font-size: 4.954vw; line-height: 6.258vw; margin-bottom: 2.608vw;}
.stfInner .stSpec{font-size: 3.4vw;}
.stfInner .stName{font-size: 4.5vw; margin-top: 2vw;}
.st2clum{flex-flow: column; margin-top: 7.823vw;}
.st2clum .st2Photo{width: 100%; margin-bottom: 5.519vw;}
.st2clum .st2Text{width: 100%;}
.st2clum .st2Text h5{font-size: 4.5vw; margin-bottom: 2.608vw;}
.st2clum .st2Text p{font-size: 3.6vw; line-height: 6.433vw;}
.st1clum{margin-top: 7.823vw;}
.st1clum .st1Photo{margin-bottom: 5.519vw;}
.st1clum h5{font-size: 4.5vw; margin-bottom: 2.608vw;}
.st1clum p{font-size: 3.6vw; line-height: 6.433vw;}
	
/* ----------------------------------------------------
育成・研修制度
---------------------------------------------------- */
#education h3{font-size: 5.215vw; line-height: 7vw; width:91%; margin: 9.8vw auto 0 auto; text-align: left;}
.eduBox{margin-top: 9.823vw; flex-flow: column;}
.eduPhoto{width: 100%;}
.eduPhoto img{width: 100%;}
.eduText{width: 100%;}
.eduText h4{font-size: 4.2vw; line-height: 6vw; margin-bottom: 3.911vw;}
.eduText p{font-size: 3.6vw; line-height: 6.433vw;}
	
/* ----------------------------------------------------
採用情報
---------------------------------------------------- */
#recruit .visual {background-position: 30% top;}
#recruit table{margin-top: 10.43vw;}
#recruit table th{font-size: 3.868vw; padding: 5.215vw 0; display: block; width: 100%;}
#recruit table td{font-size: 3.6vw; line-height: 6.433vw; padding: 5.215vw 0;  display: block; width: 100%;}
.btEntry{margin: 9.778vw 0 19.557vw 0;}
.btEntry a{padding: 1.304vw 13.038vw; font-size: 4.172vw;}
#recruit h3{font-size: 4.8vw; letter-spacing: 0.391vw; margin-bottom: 6.519vw;}
#recruit h3 span{font-size: 3.2vw; padding-top: 1.304vw;}
#recruit h3 span::before{width: 7.823vw; height: 0.522vw;}
.entry_flowBox::before {left: 5.0vw; top:16.5vw;}
.flowNum{padding-left: 2.519vw;}
.flowNum p{font-size: 2.608vw; height:5.215vw; width:5.215vw; line-height:5.215vw;}
.flowText{padding: 4.563vw 4.563vw 1.304vw 4vw; text-align: left;}
.flowText h4{font-size: 3.868vw; margin-bottom: 1.956vw;}
.flowText p{font-size: 3.6vw; line-height: 6.433vw;}
		
/* ----------------------------------------------------
エントリー
---------------------------------------------------- */
ul.entryBox{padding: 2.667vw 0; flex-flow: column; align-items: center; margin-top: 7vw;}
ul.entryBox li{width: 90%;}
ul.entryBox li a{font-size: 3.4vw;}
ul.entryBox li p{margin-top: 0.833vw;}

	

}




.goodstory{display:block; text-align: center; margin-top: min( 7.5vw , 90px );}
.goodstory p{display:inline-block; border: 1px solid #ccc; padding: 8px 12px; position: relative;}
.goodstory p::after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  bottom: 2px;
  right: 2px;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #003352;
}
.goodstory p:hover{filter: alpha(opacity=65) ;	opacity: .65;transition: all 0.2s ease-in-out;}
@media (max-width: 767px) {
.goodstory{width: 40%; margin: 12vw auto 0 auto;}
.goodstory img{width: 100%;}
}