@charset "UTF-8";
/* ----------------------------------------------------------
	共通	
---------------------------------------------------------- */
/* ---------- ヘッダー ----------*/
header {
  padding: 15px 0;
}
header #headerInner {
  padding: 0 20px;
}

/* ---------- グローバルナビ ----------*/
#gnav > ul > li.gnavi02,
#gnav > ul > li.gnavi03,
#gnav > ul > li.gnavi04 {
  background-size: auto 14px;
  padding-top: 20px;
  padding-bottom: 20px;
}
#gnav > ul > li.gnavi02.active,
#gnav > ul > li.gnavi03.active,
#gnav > ul > li.gnavi04.active {
  background-size: auto 14px;
}
#gnav > ul > li.gnavi02.carrent,
#gnav > ul > li.gnavi03.carrent,
#gnav > ul > li.gnavi04.carrent {
  background-size: auto 14px;
}
#gnav > ul > li.gnavi02:hover,
#gnav > ul > li.gnavi03:hover,
#gnav > ul > li.gnavi04:hover {
  background-size: auto 14px;
}
#gnav > ul > li.gnavi01,
#gnav > ul > li.gnavi05 {
  background-size: auto 14px;
}
#gnav > ul > li.gnavi01 a,
#gnav > ul > li.gnavi05 a {
  padding-top: 20px;
  padding-bottom: 20px;
}
#gnav > ul > li.gnavi01.active,
#gnav > ul > li.gnavi05.active {
  background-size: auto 14px;
}
#gnav > ul > li.gnavi01.carrent,
#gnav > ul > li.gnavi05.carrent {
  background-size: auto 14px;
}
#gnav > ul > li.gnavi01:hover,
#gnav > ul > li.gnavi05:hover {
  background-size: auto 14px;
}

/* ---------- サブコンテンツ ----------*/
.sub #wrapper #main {
  padding: 50px 5.20833%;
}

/* ---------- フッター ----------*/
footer #footerInner01 > ul {
  max-width: 768px;
  margin: 0 auto;
  padding: 0 30px;
}
footer #footerInner01 > ul li {
  margin: 0 0 0 4.23729%;
}

/* ----------------------------------------------------------
	TOP
---------------------------------------------------------- */
.top #wrapper #main #blocks {
  float: left;
  width: 33.33333%;
}
.top #wrapper #main #blocks.flexslider {
  width: 100%;
}
.top #wrapper #main #blocks > div .inner h2 {
  padding: 29.62963% 0 10px;
}
.top #wrapper #main #blocks > div .inner .front,
.top #wrapper #main #blocks > div .inner .back {
  position: static;
  height: auto;
}
.top #wrapper #main #blocks > div .inner .back {
  -moz-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  padding-top: 10px;
}
.top #wrapper #main #blocks > div .inner .back .clicktxt {
  display: none;
}
.top #wrapper #main #blocks > div.hover .inner .front {
  -moz-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.top #wrapper #main #blocks > div.hover .inner .back {
  -moz-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.top #wrapper #main #blocks > div.fresh .inner {
  background: #3498DB;
}
.top #wrapper #main #blocks > div.fresh .inner .front h2 {
  background-size: 30% auto;
}
.top #wrapper #main #blocks > div.career .inner {
  background: #EFB929;
}
.top #wrapper #main #blocks > div.career .inner .front h2 {
  background-size: 30% auto;
}
.top #wrapper #main #blocks > div.company .inner {
  background: #3D47D9;
}
.top #wrapper #main #blocks > div.welcome .inner {
  background: #EE832B;
}
.top #wrapper #main #blocks.three > div.benefit .inner {
  background: #3ECF7A;
}
.top #wrapper #main #blocks.three > div.benefit .inner .front h2 {
  padding-top: 30px;
}
.top #wrapper #main #blocks.three > div.benefit .inner .back {
  background: #3ECF7A;
  padding: 10px 20px;
}
.top #wrapper #main #blocks.three > div.contribute .inner {
  background: #A52FAA;
}
.top #wrapper #main #blocks.three > div.contribute .inner .front h2 {
  padding-top: 50px;
}
.top #wrapper #main #blocks.three > div.contribute .inner .back {
  background: #A52FAA;
  padding: 10px 20px;
}
.top #wrapper #main #blocks.three > div.contact .inner {
  background: #3CC7CA;
}
.top #wrapper #main #blocks.three > div.contact .inner .front h2 {
  padding-top: 50px;
}
.top #wrapper #main #blocks.three > div.contact .inner .back {
  background: #3CC7CA;
  padding: 10px 20px;
}
.top #wrapper #main #blocks.largeBox {
  width: 100%;
}
.top #wrapper #main #blocks.largeBox > div {
  float: left;
  width: 50%;
}
.top #wrapper #main #blocks.largeBox > div .inner .front h2, .top #wrapper #main #blocks.largeBox > div .inner .front p {
  width: 100%;
}
.top #wrapper #main #blocks.largeBox > div .inner .back {
  padding: 15% 0 0;
  width: 47%;
  z-index: 5;
}
.top #wrapper #main #blocks.largeBox > div:hover .inner .front h2, .top #wrapper #main #blocks.largeBox > div:hover .inner .front p {
  -moz-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
  filter: alpha(opacity=100);
}
.top #wrapper #main #blocks.largeBox .voice .inner {
  height: 100%;
}
.top #wrapper #main #blocks.largeBox .voice .inner .front {
  background: url(../../images/voice-img03.jpg) no-repeat right top #F02475;
  background-size: 100% auto;
  border: 5px solid #F02475;
  position: static;
  padding: 0 10px;
}
.top #wrapper #main #blocks.largeBox .voice .inner .front .bg {
  background: none;
}
.top #wrapper #main #blocks.largeBox .voice .inner .front .bg h2 {
  padding-top: 85%;
}
.top #wrapper #main #blocks.largeBox .voice .inner .front .bg h2 img {
  width: 41.25%;
}
.top #wrapper #main #blocks.largeBox .voice .inner .back {
  padding: 10px;
  width: 100%;
  z-index: -1;
  top: auto;
  bottom: 0;
  height: 25%;
}
.top #wrapper #main #blocks.largeBox .education .inner {
  height: 100%;
}
.top #wrapper #main #blocks.largeBox .education .inner .front {
  background: url(../../images/education-img03.jpg) no-repeat left top #A6D23E;
  background-size: 100% auto;
  border: 5px solid #A6D23E;
  position: static;
  padding: 0 10px;
}
.top #wrapper #main #blocks.largeBox .education .inner .front .bg {
  padding: 0;
  background: none;
}
.top #wrapper #main #blocks.largeBox .education .inner .front .bg h2 {
  padding-top: 85%;
}
.top #wrapper #main #blocks.largeBox .education .inner .front .bg h2 img {
  width: 37.70833%;
}
.top #wrapper #main #blocks.largeBox .education .inner .back {
  padding: 10px;
  width: 100%;
  z-index: -1;
  top: auto;
  bottom: 0;
  height: 25%;
}

/* ----------------------------------------------------------
	新卒採用
---------------------------------------------------------- */
.sub #wrapper #main article.fresh section section .entryS,
.sub #wrapper #main article.fresh section section .entryL {
  background-position: 53% center;
}
.sub #wrapper #main article.fresh section section .entryS p,
.sub #wrapper #main article.fresh section section .entryL p {
  float: left;
  margin: 0;
  width: 50%;
}
.sub #wrapper #main article.fresh section section .entryS a,
.sub #wrapper #main article.fresh section section .entryL a {
  float: right;
}
.sub #wrapper #main article.fresh section section .entryS {
  padding: 14px 2.56757%;
}
.sub #wrapper #main article.fresh section section .entryS a {
  width: 43.24324%;
}
.sub #wrapper #main article.fresh section section .entryL {
  padding: 14px 4.875%;
}
.sub #wrapper #main article.fresh section section .entryL a {
  width: 40%;
}
.sub #wrapper #main article.fresh section section .flow {
  margin: 0 0 80px;
}
.sub #wrapper #main article.fresh section section .flow:before {
  position: absolute;
  left: 4.47427%;
  bottom: -50px;
}
.sub #wrapper #main article.fresh section section .flow.cis {
  margin-bottom: 40px;
}
.sub #wrapper #main article.fresh section section .flow.cis:before {
  bottom: -100px;
}
.sub #wrapper #main article.fresh section section .flow h3 {
  text-align: left;
  float: none;
  margin: 0 0 10px;
  width: auto;
}
.sub #wrapper #main article.fresh section section .flow h3 br {
  display: none;
}
.sub #wrapper #main article.fresh section section .flow .contents {
  float: none;
  width: 100%;
}

.sub #wrapper #main article.contact section section dl {
  width: 100%;
}
.sub #wrapper #main article.contact section section dl dt {
  width: 33.33333%;
}
.sub #wrapper #main article.contact section section dl dd {
  width: 66.66667%;
}

/* ----------------------------------------------------------
	会社案内
---------------------------------------------------------- */
.sub #wrapper #main article.company section section.policy p strong {
  font-size: 26px;
  font-size: 2.6rem;
}
.sub #wrapper #main article.company section section.policy ul {
  width: auto;
}
.sub #wrapper #main article.company section section.policy ul li {
  padding: 0 1.16279%;
}

/* ----------------------------------------------------------
	イキイキと働ける環境づくり
---------------------------------------------------------- */
.sub #wrapper #main article.benefit section section section .elder div {
  padding: 20% 10px 0;
}
.sub #wrapper #main article.benefit section section section .elder div p strong {
  font-size: 16px;
  font-size: 1.6rem;
}
.sub #wrapper #main article.benefit section section section .elder div p.name {
  font-size: 11px;
  font-size: 1.1rem;
  margin: 21.81818% 0 0;
}

/* ----------------------------------------------------------
	静岡で働こう
---------------------------------------------------------- */
.sub #wrapper #main article.welcome section .no1 {
  position: static;
}
.sub #wrapper #main article.welcome section .no1:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0.1em;
}
* html .sub #wrapper #main article.welcome section .no1 {
  height: 1%;
}
.sub #wrapper #main article.welcome section .no1 > img {
  float: right;
  width: 66.66667%;
}
.sub #wrapper #main article.welcome section .no1 section {
  width: 28.88889%;
  position: static;
  top: auto;
  left: auto;
  padding: 0;
  margin: 0;
  float: left;
}
.sub #wrapper #main article.welcome section .future {
  width: 100%;
}
.sub #wrapper #main article.welcome section .future section {
  width: 47.77778%;
  float: left;
  margin: 0 0 10px 4.44444%;
}
.sub #wrapper #main article.welcome section .future section.city ul li p strong {
  font-size: 20px;
  font-size: 2rem;
}
.sub #wrapper #main article.welcome section .no6 ul li strong {
  font-size: 20px;
  font-size: 2rem;
}

/* ----------------------------------------------------------
	先輩社員の声
---------------------------------------------------------- */
/* ---------- 詳細 ----------*/
.sub #wrapperVoice.detail {
  padding: 0 30px;
}
.sub #wrapperVoice.detail #voiceList {
  padding: 0 8px 4px 0;
  width: 17.70833%;
}
.sub #wrapperVoice.detail #voiceList li {
  float: none;
  width: 100%;
}
.sub #wrapperVoice.detail #voiceList li img {
  width: 100%;
}
.sub #wrapperVoice.detail #main {
  margin: 0 3.125% 0 0;
  width: 79.16667%;
}
.sub #wrapperVoice.detail #main article.voice > section .voiceBox img {
  width: 57.89474%;
}
.sub #wrapperVoice.detail #main article.voice > section .voiceBox section {
  padding: 6% 10px 0;
  width: 42.10526%;
}
.sub #wrapperVoice.detail #main article.voice > section .voiceBox section h1 {
  margin: 0 0 10%;
  font-size: 20px;
  font-size: 2rem;
}
.sub #wrapperVoice.detail #main article.voice > section .voiceBox section p {
  font-size: 14px;
  font-size: 1.4rem;
}
.sub #wrapperVoice.detail #main article.voice > section .voiceBox section p.name {
  font-size: 11px;
  font-size: 1.1rem;
}
.sub #wrapperVoice.detail #main article.voice > section .detailBox {
  padding: 20px;
}
.sub #wrapperVoice.detail #main article.voice > section .detailBox section h2 {
  font-size: 18px;
  font-size: 1.8rem;
}

/* ----------------------------------------------------------
	社会貢献活動紹介
---------------------------------------------------------- */
.sub #wrapper #main article.contribute section .book {
  width: 100%;
}
.sub #wrapper #main article.contribute section .book:before {
  height: 20px;
}
.sub #wrapper #main article.contribute section .book:after {
  height: 30px;
}
.sub #wrapper #main article.contribute section .book section {
  width: 81.39535%;
}
.sub #wrapper #main article.contribute section .book section > img {
  width: 22.85714%;
  margin-left: 7.14286%;
}
.sub #wrapper #main article.contribute section .book section h2 {
  width: 58.14286%;
  margin-right: 7.14286%;
}
.sub #wrapper #main article.contribute section .cooperation {
  width: 100%;
  padding: 30px 8.88889%;
}
.sub #wrapper #main article.contribute section .support {
  margin: 0 0 65px;
  padding: 0 0 50px;
}
.sub #wrapper #main article.contribute section .report div section {
  width: 48.83721%;
  margin: 0 2.32558% 10px 0;
}
.sub #wrapper #main article.contribute section .report div section dl dt {
  float: none;
  width: 100%;
}
.sub #wrapper #main article.contribute section .report div section dl dd {
  float: none;
  width: 100%;
}
.sub #wrapper #main article.contribute section .report ul li {
  width: 48.83721%;
}