@charset "UTF-8";
@import url(ress.css);
.center{
	text-align:center;
}
.category_shain{
	font-weight:700;
	color:#fff;
	text-align:left;
	margin-bottom:10px;
	padding:6px 0 6px 15px;
	background-color:rgba(0,141,97,1);
}
.jobru{
	width:100%;
}
h2.senpaiichiran_h2{
text-align: center;
    margin-top: 30px;
    letter-spacing: 10px;
    color: rgba(0,141,97,1);
    font-size: 36px;
}
@media (max-width: 767px) {
	h2.senpaiichiran_h2{

    font-size: 4.5vw;
}
}
div.jobru img{
	width:60%;
	margin:0 auto;
	margin-top:20px !important;
}
@media (max-width: 767px) {
	div.jobru img{
	width:90%;
	}
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

.inlblct {
  font-size: 0;
  display: inline-block;
  vertical-align: top; }

.inlblcm {
  font-size: 0;
  display: inline-block;
  vertical-align: middle; }

.inlblcb {
  font-size: 0;
  display: inline-block;
  vertical-align: bottom; }

.boxsizing, * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.centering, .imgmask img, .imgmask.noimg p {
  top: 50%;
  left: 50%;
  position: relative;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.imgmask {
  overflow: hidden;
  background-color: #CCCCCC; }
.imgmask.noimg {
    background-color: white; }
.imgmask.noimg p {
      color: #FFFFFF;
      text-align: center;
      line-height: 1;
}

html {
  height: 100%;
  font-size: 62.5%;
  line-height: 1.7;
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', HiraginoCustom, 'Hiragino Kaku Gothic ProN', YuGothic, 'Yu Gothic Medium', Meiryo, sans-serif;
 /* font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/ }

body {
  height: 100%; }
  @media screen and (max-width: 749px) {
    body {
      font-size: 9px;
      font-size: 0.9rem; } }
  @media screen and (min-width: 750px) {
    body {
      font-size: 17px;
      font-size: 1.7rem; } }

a {
  text-decoration: none; }
  a:hover {
    opacity: .6; }

@media screen and (max-width: 749px) {
  .forpc {
    display: none !important; } }
@media screen and (min-width: 750px) {
  .formb {
    display: none !important; } }
#wrapper {
  width: 100%;
  position: relative;
  overflow: hidden; }
  #wrapper ul, #wrapper ol {
    list-style-position: inside;
    list-style-type: none; }
  #wrapper img {
    max-width: 100%;
    height: auto; }
  @media screen and (max-width: 749px) {
    #wrapper {
      min-height: 100%; } }
  @media screen and (min-width: 750px) {
    #wrapper {
      min-height: 1000px; } }

header {
  width: 100%;
  position: fixed;
  z-index: 9;
  overflow: hidden; }
  @media screen and (max-width: 749px) {
    header {
      height: 92px;
      background-color: #fff; }
      header .logo {
        width: 62.5%;
        height: 46px;
        margin: 11px 0 0 3.75%;
        color: #000;
        display: block;
        position: relative; }
      header .grp {
        display: none; } }
  @media screen and (min-width: 750px) {
    header {
     /* height: 165px;*/
       }
      header section {
        background-color: #fff; }
        header section div {
          max-width: 1000px;
          height: 66px;
          margin: 0 auto; }
      header .logo img {
        margin-top: 12px; }
	  header a.logo:hover{
        opacity: 1 !important;
	  }
      header .grp {
        margin-top: 22px;
        color: rgba(0,141,97,1);
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1;
        float: right; } }

#globalMenu {
  max-width: 1000px;
  margin: auto; }
  #globalMenu ul {
    width: 100%;
    height: 42px;
    display: table;
    table-layout: fixed;
    border-left: 1px solid #000; }
  #globalMenu li {
    height: 100%;
    display: table-cell;
    border-right: 1px solid #000; }
  #globalMenu a {
    height: 100%;
    padding-top: 6px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    display: block;
    vertical-align: middle; }
    #globalMenu a span {
      margin-top: 5px;
      font-size: 9px;
      font-size: 0.9rem;
      display: block; }

.subpage #globalMenu ul, .subpage #globalMenu li {
  border-color: #000; }
.subpage #globalMenu li.active {
  border-bottom: 4px solid #008061; }
.subpage #globalMenu a {
  color: #000; }
  .subpage #globalMenu a span {
    color: #008E61; }

@media screen and (min-width: 750px) and (max-width: 1000px) {
  main section {
    padding-left: 20px;
    padding-right: 20px; } }

#contact {
  background-color: rgba(0,141,97,.25); }
  #contact > div {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 0; }
  #contact h2 {
    margin-bottom: 38px;
    font-size: 22px;
    font-size: 2.2rem; }
  #contact p strong {
    font-size: 280%; }
  #contact a {
    padding: 1rem 3rem;
    font-size: 19px;
    font-size: 1.9rem;
    color: #fff;
    font-weight: bold;
    background-color: #008E61;
    border-radius: .5rem;
    display: inline-block;
    vertical-align: middle; }
  @media screen and (max-width: 749px) {
    #contact {
      padding: 30px 0;
      text-align: center; }
      #contact h2 {
        width: 90.8%;
        margin: auto;
        padding-bottom: 10px;
        font-size: 14px;
        font-size: 1.4rem;
        border-bottom: 1px solid #008E61; }
        #contact h2 span {
          display: block; }
      #contact p {
        width: 90.8%;
        margin: 10px auto 0;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;
        border: 0; }
        #contact p strong {
          font-size: 200%;
          display: block; }
      #contact a {
        padding: 1rem 3rem;
        font-size: 15px;
        font-size: 1.5rem; } }
@media screen and (min-width: 750px) {
#contact {
/*margin-top: 176px;*/
padding: 70px 0 75px; }
#contact p {
margin-right: 30px;
padding-right: 30px;
font-size: 19px;
font-size: 1.9rem;
line-height: 1.5;
display: inline-block;
vertical-align: middle;
/*border-right: 1px solid #008E61;*/ }
#contact p strong {
font-size: 180%; } 

#contact2 {
/*margin-top: 176px;*/
padding: 70px 0 75px; }
#contact2 p {
margin-right: 30px;
padding-right: 30px;
font-size: 19px;
font-size: 1.9rem;
line-height: 1.5;
display: inline-block;
vertical-align: middle;
/*border-right: 1px solid #008E61;*/ }
#contact2 p strong {
font-size: 180%; } 

}
  @media screen and (min-width: 750px) and (max-width: 1000px) {
    #contact {
      padding-left: 20px;
      padding-right: 20px; } }

#breadcrumb {
  font-size: 0; }
  #breadcrumb a {
    margin-left: 1.2rem;
    padding-right: 1.2rem;
    color: #000;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    position: relative; }
    #breadcrumb a::after {
      content: '';
      width: 9px;
      height: 9px;
      border: 0px;
      border-top: solid 1px #000;
      border-right: solid 1px #000;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -4px; }
    #breadcrumb a:first-of-type {
      margin-left: 0; }
    #breadcrumb a:last-of-type::after {
      border: 0; }
  @media screen and (max-width: 749px) {
    #breadcrumb {
      width: 90.8%;
      margin: 50px auto 0;
      padding: 1rem 0;
      border-top: 1px solid #666; }
      #breadcrumb a {
        font-size: 8px;
        font-size: 0.8rem;
        margin-left: .6rem;
        padding-right: 1rem; }
        #breadcrumb a::after {
          width: 5px;
          height: 5px;
          margin-top: -2px; } }
  @media screen and (min-width: 750px) {
    #breadcrumb {
      max-width: 1000px;
      margin: 166px auto 0;
      padding: 1rem 70px 0;
      border-top: 1px solid #4d4d4d; } }

footer #ftbottom {
  border-top: 1px solid #4d4d4d;
  text-align: center; }
  footer #ftbottom a {
    line-height: 1;
    display: inline-block; }
    footer #ftbottom a:first-of-type {
      margin: 0;
      padding: 0;
      border: 0; }
@media screen and (max-width: 749px) {
  footer {
    border-top: 9px solid rgba(0,141,97,1); }
    footer #ftmiddle {
      padding: 1rem 0;
      font-size: 0;
      text-align: center; }
      footer #ftmiddle > * {
        display: inline-block;
        vertical-align: bottom; }
      footer #ftmiddle img {
        width: 30%;
        margin-right: 1rem; }
      footer #ftmiddle p {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold;
        line-height: 1; }
    footer #ftbottom {
      width: 90.8%;
      margin: 0 auto 0;
      padding: 1rem 0; }
      footer #ftbottom a {
        margin-left: 1rem;
        padding-left: 1rem;
        color: #000;
        font-size: 7px;
        font-size: 0.7rem;
        font-weight: bold; }
    footer small {
      padding-bottom: 1rem;
      font-weight: bold;
      text-align: center;
      display: block; } }
@media screen and (min-width: 750px) {
  footer {
    padding: 40px 0 80px;
    /*margin-top: 43px;*/
    background-color: rgba(0,141,97,1); }
    footer > div {
      max-width: 1000px;
      margin: 0 auto;
      font-size: 0; }
    footer #ftupper > ul {
      width: 25%;
      padding-left: 7px;
      font-size: 15px;
      font-size: 1.5rem;
      display: inline-block;
      vertical-align: top; }
      footer #ftupper > ul ul {
        width: 100%;
        margin-top: 6px; }
      footer #ftupper > ul > li {
        width: 100%;
        margin-top: 10px;
        display: block; }
        footer #ftupper > ul > li:first-of-type {
          margin-top: 0; }
        footer #ftupper > ul > li li {
          margin-top: 4px;
          font-size: 13px;
          font-size: 1.3rem;
	list-style: none !important;}
    footer #ftupper a {
      color: #fff;
      padding-left: 1.4rem;
      display: inline-block;
      position: relative; }
      footer #ftupper a::before {
        content: '';
        width: 7px;
        height: 7px;
        border: 0px;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -4px; }
    footer #ftmiddle {
      width: 100%;
      margin-top: 130px;
      display: table;
      table-layout: fixed; }
      footer #ftmiddle a {
        color: #fff;
        font-size: 17px;
        font-size: 1.7rem;
        display: table-cell;
        vertical-align: middle; }
    footer #ftbottom {
      width: 100%;
      margin-top: 50px;
      padding-top: 20px; }
      footer #ftbottom a {
        margin-left: 1rem;
        padding-left: 1rem;
        color: #4d4d4d;
        font-size: 15px;
        font-size: 1.5rem;
        text-decoration: underline;
        border-left: 1px solid #4d4d4d; } }

.subpage #submainimg {
  padding: 52px 0 50px;
  background-color: rgba(0,141,97,1);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover; }
  .subpage #submainimg > div {
    max-width: 1000px;
    margin: auto;
    color: #fff;
    text-align: center; }
  .subpage #submainimg h1 {
    margin: 0 auto 24px;
    padding-bottom: 23px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1;
    border-bottom: 1px solid #fff;
    display: inline-block; }
    .subpage #submainimg h1 span {
      margin-top: 10px;
      font-size: 55%;
      font-weight: normal;
      display: block; }
  .subpage #submainimg p {
    padding: 0 80px; }
@media screen and (max-width: 749px) {
  .subpage #submainimg {
    padding: 20px 0 14px;
    background-position: 92% center;
    background-size: cover; }
    .subpage #submainimg h1 {
      padding-bottom: 15px;
      margin-bottom: 15px;
      font-size: 20px;
      font-size: 2rem; }
    .subpage #submainimg p {
      padding: 0 4.6%; }
  .subpage main {
    padding-top: 92px; }
  .subpage#company #submainimg {
   background-color: rgba(0,141,97,1); }
  .subpage#recruit #submainimg {
    background-color: rgba(0,141,97,1); }
  .subpage#voice #submainimg {
   background-color: rgba(0,141,97,1); } }
@media screen and (min-width: 750px) {
  .subpage header {
    height: 161px;
    background-color: #fff;
    border-bottom: 26px solid #D3D3D3; }
    .subpage header .logo {
      margin-top: -20px; }
  .subpage main {
    padding-top: 161px; }
  .subpage#company #submainimg {
    /*background-image: url(../img/img_company.jpg);*/background-color: rgba(0,141,97,1); }
  .subpage#recruit #submainimg {
    /*background-image: url(../img/img_recruit.jpg);*/background-color: rgba(0,141,97,1); }
  .subpage#voice #submainimg {
    /*background-image: url(../img/img_voice.jpg);*/background-color: rgba(0,141,97,1); } }

#company main section h2 {
  margin-top: 80px;
  color: rgba(0,141,97,1);
  font-size: 20px;
  font-size: 2rem;
  text-align: center; }
#company main section p {
  margin-top: 1rem; }
#company main section img {
  margin-top: 30px; }
#company main section > div {
  width: 100%;
  text-align: center; }
#company main section.outline h2 {
  color: #000; }
#company main section.outline h3 {
  margin: 0; }
#company main section.outline table {
  border-collapse: collapse; }
#company main section.outline tr {
  border-bottom: 1px dashed rgba(0,141,97,1); }
#company main section.outline th {
  text-align: left;
  background-color: rgba(0,141,97,.25); }
#company main section.outline .small {
  margin: 0;
  line-height: 1.2; }
@media screen and (max-width: 749px) {
  #company main section {
    margin: 0 4.6%; }
    #company main section h2 {
      margin-top: 40px;
      font-size: 12px;
      font-size: 1.2rem; }
    #company main section img {
      margin-top: 10px; }
    #company main section > div img {
      width: 18%; }
    #company main section.seomessage {
      margin: 40px 0 0;
      padding: 20px 4.6% 270px;
      background: url(https://www.terumoyamaguchi.co.jp/wp-content/uploads/image003_7_2022_sp.jpg) no-repeat center center;
      background-size: cover;
      color: #fff; }
      #company main section.seomessage > div {
        margin: 0;
        padding: 0; }
      #company main section.seomessage h2 {
        margin: 0 0 15px;
        color: #fff;
        font-size: 15px;
        font-size: 1.5rem; }
      #company main section.seomessage h3 {
        font-size: 12px;
        font-size: 1.2rem; }
      #company main section.seomessage p {
        font-size: 10px;
        font-size: 1rem;
        font-weight: bold;
        text-align: left; }
        #company main section.seomessage p.name {
          font-size: 9px;
          font-size: 0.9rem; }
          #company main section.seomessage p.name strong {
            font-size: 13px;
            font-size: 1.3rem; }
    #company main section.outline {
      margin: 50px 4.6%;
      padding-top: 30px;
      border-top: 1px solid #067C5E; }
      #company main section.outline h2 {
        margin-top: 0;
        font-size: 20px;
        font-size: 2rem; }
      #company main section.outline h3 {
        font-size: 13px;
        font-size: 1.3rem; }
      #company main section.outline table {
        margin-top: 27px;
        border: 1px solid #008E61;
	width: 100%;}
      #company main section.outline th, #company main section.outline td {
        padding: 1rem; }
      #company main section.outline th {
        width: 20%; }
      #company main section.outline .small {
        font-size: 9px;
        font-size: 0.9rem; } }
@media screen and (min-width: 750px) {
  #company main section {
    max-width: 1000px;
    margin: 0 auto; }
    #company main section.seomessage {
      max-width: 100%;
      margin: 90px 0 0;
      padding: 205px 0 193px;
      background: url(https://www.terumoyamaguchi.co.jp/wp-content/uploads/bg_company.jpg) no-repeat center center;
      background-size: 100%; } }
    @media screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1220px) {
      #company main section.seomessage {
        background-size: cover; } }
@media screen and (min-width: 750px) {
	
	#message{
		padding-top: 160px !important;
		margin-top: -160px !important;
	}
      #company main section.seomessage > div {
        width: 51.25%;
        margin-left: 12.75%;
        padding: 50px 6%;
        background-color: rgba(255, 255, 255, 0.79); }
      #company main section.seomessage h2 {
        margin: 0 0 30px;
        color: #000;
        font-size: 30px;
        font-size: 3rem; }
      #company main section.seomessage h3 {
        color: rgba(0,141,97,1);
        font-size: 20px;
        font-size: 2rem;
	margin-bottom: 30px;}
      #company main section.seomessage p {
        margin-top: 50px;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
        text-align: left;
	text-indent: 1em;}
        #company main section.seomessage p:first-of-type {
          margin-top: 0; }
        #company main section.seomessage p.name {
          font-size: 13px;
          font-size: 1.3rem;
          text-align: right; }
          #company main section.seomessage p.name strong {
            font-size: 18px;
            font-size: 1.8rem; }
    #company main section.outline h2 {
      font-size: 30px;
      font-size: 3rem; }
    #company main section.outline h3 {
      font-size: 16px;
      font-size: 1.6rem; }
    #company main section.outline table {
      margin-top: 30px;
      font-size: 16px;
      font-size: 1.6rem;
	width: 100%;}
    #company main section.outline tr:first-of-type {
      border-top: 1px dashed #008E61; }
    #company main section.outline th, #company main section.outline td {
      padding: 20px 30px 16px; }
    #company main section.outline th {
      /*width: 19.2%; */}
    #company main section.outline .small {
      font-size: 12px;
      font-size: 1.2rem; } }

#recruit main section h2 {
  letter-spacing: .3rem;
  border-bottom: 1px solid #067C5E; }
#recruit main section table {
  width: 100%;
  border-collapse: collapse; }
  #recruit main section table thead th {
    background-color: #CFE7E1; }
  #recruit main section table ul {
    margin-left: .5rem; }
  #recruit main section table li {
    list-style-type: disc; }
#recruit main section tr > * {
  border: 1px solid #939393; }
#recruit main section th {
  vertical-align: top; }
#recruit main section .tblstyle1 th {
  text-align: left; }
#recruit main section .tblstyle2 {
  table-layout: fixed; }
  #recruit main section .tblstyle2 caption {
    color: #008061;
    font-weight: bold;
    text-align: left; }
  #recruit main section .tblstyle2 th {
    background-color: #CFE7E1; }
  #recruit main section .tblstyle2 td {
    text-align: center;
    font-weight: bold; }
  #recruit main section .tblstyle2:nth-of-type(2) {
    width: 75%; }
  #recruit main section .tblstyle2 + p {
    line-height: 1.2; }
#recruit main section .schedule {
  font-size: 0; }
  #recruit main section .schedule span {
    margin-right: 20px;
    padding-right: 30px;
    display: inline-block;
    vertical-align: top;
    position: relative; }
    #recruit main section .schedule span::after {
      content: '';
      width: 11px;
      height: 11px;
      border: 0px;
      border-top: solid 2px #000;
      border-right: solid 2px #000;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -4px; }
    #recruit main section .schedule span:last-of-type {
      margin-left: 0;
      padding-left: 0; }
      #recruit main section .schedule span:last-of-type::after {
        border: 0; }
#recruit main section .indent {
  padding-left: 1em;
  text-indent: -1em; }
#recruit main section:first-of-type h3 {
  background-color: #D0E6E0; }
#recruit main section:first-of-type li:first-of-type {
  margin-top: 0; }
#recruit main section:nth-of-type(3) h3 {
  color: #008061; }
  #recruit main section:nth-of-type(3) h3 + p {
    border: 1px solid #939393; }
#recruit main section:nth-of-type(4) h3::before {
  content: "■";
  color: #008061; }
#recruit main section:nth-of-type(6) h3 {
  padding-left: 70px;
  position: relative; }
  #recruit main section:nth-of-type(6) h3::before {
    width: 35px;
    height: 35px;
    top: 50%;
    left: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    transform: translateY(-50%); }
  #recruit main section:nth-of-type(6) h3:nth-of-type(1)::before {
    content: url(../img/nm_recruit1.png); }
  #recruit main section:nth-of-type(6) h3:nth-of-type(2)::before {
    content: url(../img/nm_recruit2.png); }
#recruit main section:nth-of-type(6) a {
  border: 2px solid #008061; }
  #recruit main section:nth-of-type(6) a:nth-of-type(2) {
    color: #008061;
    font-weight: bold; }
@media screen and (max-width: 749px) {
  #recruit main section {
    margin: 50px 4.6% 0; }
    #recruit main section h2 {
      font-size: 16px;
      font-size: 1.6rem; }
    #recruit main section:first-of-type h3 {
      margin-top: 20px;
      padding: .6rem 1rem; }
    #recruit main section:first-of-type ul {
      margin-top: 10px; }
    #recruit main section:first-of-type li {
      margin-top: 20px; }
    #recruit main section:first-of-type img {
      margin-top: 30px; }
    #recruit main section table {
      margin-top: 15px; }
    #recruit main section .tblstyle1 thead th {
      padding: .4rem 1rem .3rem;
      font-size: 12px;
      font-size: 1.2rem; }
    #recruit main section .tblstyle1 tbody th {
      width: 25%;
      padding: .6rem 1rem; }
    #recruit main section .tblstyle1 td {
      padding: .6rem 1rem; }
      #recruit main section .tblstyle1 td h3, #recruit main section .tblstyle1 td h4 {
        font-size: 9px;
        font-size: 0.9rem; }
      #recruit main section .tblstyle1 td h3:nth-of-type(2) {
        margin-top: .9rem; }
    #recruit main section .tblstyle2 caption {
      margin-bottom: 8px;
      font-size: 15px;
      font-size: 1.5rem; }
    #recruit main section .tblstyle2 thead th {
      padding: .3rem .5rem .25rem;
      font-size: 12px;
      font-size: 1.2rem; }
    #recruit main section .tblstyle2 tbody th {
      padding: 6px 10px;
      font-size: 12px;
      font-size: 1.2rem; }
    #recruit main section .tblstyle2 td {
      padding: 6px 10px;
      font-size: 12px;
      font-size: 1.2rem; }
    #recruit main section .tblstyle2 + p {
      margin-top: 5px;
      font-size: 10px;
      font-size: 1rem; }
    #recruit main section .schedule {
      font-size: 9px;
      font-size: 0.9rem;
      text-align: center; }
      #recruit main section .schedule span {
        margin-right: 10px;
        padding-right: 15px; }
        #recruit main section .schedule span::after {
          width: 9px;
          height: 9px;
          border-top: solid 1px #000;
          border-right: solid 1px #000;
          margin-top: -4px; }
    #recruit main section:nth-of-type(3) h3 {
      margin-top: 20px;
      font-size: 15px;
      font-size: 1.5rem; }
      #recruit main section:nth-of-type(3) h3 + p {
        margin-top: 5px;
        padding: 8px; }
    #recruit main section:nth-of-type(4) h3 {
      margin-top: 10px;
      font-size: 9px;
      font-size: 0.9rem;
      font-weight: normal; }
    #recruit main section:nth-of-type(5) img {
      width: 100%;
      margin-top: 10px; }
    #recruit main section:nth-of-type(6) {
      margin-bottom: 120px; }
      #recruit main section:nth-of-type(6) h3 {
        margin-top: 30px;
        padding-left: 60px;
        font-size: 12px;
        font-size: 1.2rem; }
      #recruit main section:nth-of-type(6) a {
        width: 80%;
        min-height: 70px;
        margin-top: 15px;
        padding-top: 16px;
        text-align: center;
        display: block; }
        #recruit main section:nth-of-type(6) a img {
          width: 80%; }
        #recruit main section:nth-of-type(6) a:nth-of-type(2) {
          font-size: 20px;
          font-size: 2rem; } }
@media screen and (min-width: 750px) {
  #recruit main section {
    max-width: 1000px;
    margin: 100px auto 100px; }
    #recruit main section table {
      margin-top: 30px;
      font-size: 16px;
      font-size: 1.6rem; }
    #recruit main section:first-of-type h3 {
      margin-top: 30px;
      padding: .6rem 1rem; }
    #recruit main section:first-of-type ul {
      margin-top: 20px; }
    #recruit main section:first-of-type li {
      margin-top: 40px; }
    #recruit main section:first-of-type img {
      margin-top: 60px; }
    #recruit main section .tblstyle1:nth-of-type(2) {
      margin-top: 73px; }
    #recruit main section .tblstyle1:nth-of-type(3) {
      margin-top: 120px; }
    #recruit main section .tblstyle1 thead th {
      padding: .6rem 1rem .5rem;
      font-size: 19px;
      font-size: 1.9rem; }
    #recruit main section .tblstyle1 tbody th {
      width: 12%;
      padding: 12px 20px; }
    #recruit main section .tblstyle1 td {
      padding: 15px 25px; }
      #recruit main section .tblstyle1 td.fontsmall {
        font-size: 15px;
        font-size: 1.5rem; }
      #recruit main section .tblstyle1 td h3, #recruit main section .tblstyle1 td h4 {
        font-size: 15px;
        font-size: 1.5rem; }
      #recruit main section .tblstyle1 td h3:nth-of-type(2) {
        margin-top: 40px; }
    #recruit main section .tblstyle2 caption {
      margin-bottom: 15px;
      font-size: 25px;
      font-size: 2.5rem; }
    #recruit main section .tblstyle2 thead th {
      padding: .6rem 1rem .5rem;
      font-size: 19px;
      font-size: 1.9rem; }
    #recruit main section .tblstyle2 tbody th {
      width: 12%;
      padding: 12px 20px; }
    #recruit main section .tblstyle2 td {
      padding: 15px 25px; }
    #recruit main section .tblstyle2 + p {
      margin-top: 10px;
      font-size: 15px;
      font-size: 1.5rem; }
    #recruit main section .schedule {
      font-size: 16px;
      font-size: 1.6rem; }
    #recruit main section:nth-of-type(3) h3 {
      margin-top: 80px;
      font-size: 25px;
      font-size: 2.5rem; }
      #recruit main section:nth-of-type(3) h3 + p {
        margin-top: 20px;
        padding: 27px; }
    #recruit main section:nth-of-type(4) h3 {
      margin-top: 35px; }
    #recruit main section:nth-of-type(5) {
      font-size: 0; }
      #recruit main section:nth-of-type(5) h2 {
        font-size: 25px;
        font-size: 2.5rem; }
      #recruit main section:nth-of-type(5) img {
        margin-top: 45px;
        display: inline-block;
        vertical-align: bottom; }
        #recruit main section:nth-of-type(5) img:first-of-type {
          width: 53.4%; }
        #recruit main section:nth-of-type(5) img:nth-of-type(2) {
          width: 39%;
          margin-left: 7.6%; }
    #recruit main section:nth-of-type(6) h3 {
      margin-top: 30px;
      padding-left: 60px; }
    #recruit main section:nth-of-type(6) a {
      width: 513px;
      height: 85px;
      margin-top: 12px;
      padding-top: 16px;
      text-align: center;
      display: block; }
      #recruit main section:nth-of-type(6) a:nth-of-type(2) {
        font-size: 30px;
        font-size: 3rem; }
/*追加css 2018_3_20*/
#voice.all main section {
	width: 1000px;
	margin: 0 auto;
    padding: 0 4.6%;
}
#voice.all main {
    background-color: rgba(0,141,97,.25);
	padding-bottom: 90px;
}
#voice.all main section a:first-of-type {
    margin-top: 50px;
}
#voice.all main section a {
    width: 100%;
    margin-top: 20px;
    position: relative;
    display: block;
}
	#voice.all main section a img {
    width: 100%;
}
	#voice.all main section a h2 {
    padding: .2rem 1rem;
    color: rgba(0,141,97,1);
		position: absolute;
		top: 30px;
		font-size: 22px;
		font-size: 2.2rem;
}
	#voice.all main section a p {
    width: 100%;
    
    left: 1rem;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    position: absolute;
		top: 135px;
}
	#voice.all main section a p strong {
    font-size: 130%;
    display: block;
}
}

@media screen and (max-width: 749px) {
  #voice.all main {
    background-color: #D0E6E0; } }

@media screen and (max-width: 749px) {
  #voice.all main section {
    padding: 0 4.6%; }
    #voice.all main section a {
      width: 100%;
      margin-top: 20px;
      position: relative;
      display: block; }
      #voice.all main section a:first-of-type {
        margin-top: 50px; }
      #voice.all main section a img {
        width: 100%; }
      #voice.all main section a h2 {
        padding: .2rem 1rem;
        color: #067C5E;
        background-color: #fff; }
      #voice.all main section a p {
        width: 100%;
        top: 6rem;
        left: 1rem;
        color: #000;
        font-size: 9px;
        font-size: .85rem;
        line-height: 1.3;
        position: absolute;
		  box-sizing: border-box;
	 }
        #voice.all main section a p strong {
          font-size: 130%;
          display: block;
	
	} }

#voice.one main #voicemainimg {
  font-weight: bold; }
  @media screen and (max-width: 749px) {
    #voice.one main #voicemainimg > div {
      position: relative; }
      #voice.one main #voicemainimg > div > div {
        width: 30%;
        top: 15%;
        left: 10%;
        color: #fff;
        background-color: #008061;
        position: absolute; }
        #voice.one main #voicemainimg > div > div > div {
          padding-top: 10px;
          padding-bottom: 10px;
          text-align: center;
          font-size: 7px;
          font-size: 0.7rem; }
        #voice.one main #voicemainimg > div > div span {
          margin-bottom: 6px;
          padding: 3px 2rem;
          font-size: 8px;
          font-size: 0.8rem;
          line-height: 1;
          border: 1px solid #fff;
          display: inline-block; }
        #voice.one main #voicemainimg > div > div h1 {
          width: 80%;
          font-size: 10px;
          font-size: 1rem;
          margin-bottom: 8px;
          padding-bottom: 8px;
          border-bottom: 2px solid #00D591;
          display: inline-block;
          position: relative; }
          #voice.one main #voicemainimg > div > div h1::after {
            width: 50%;
            bottom: -2px;
            border-bottom: 2px solid #fff;
            content: ".";
            line-height: 0;
            display: block;
            overflow: hidden;
            position: absolute; }
      #voice.one main #voicemainimg > div > p {
        width: 100%;
        margin-top: -10px;
        padding: 10px 4.6% 6px;
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: bold;
        text-align: center;
        color: #fff;
        background-color: #067C5E; } }
  @media screen and (min-width: 750px) {
    #voice.one main #voicemainimg {
      background: url(../img/bg_voiceone.jpg) no-repeat center center;
      background-size: cover; }
      #voice.one main #voicemainimg > div {
        max-width: 1000px;
        margin: 0 auto;
        padding: 20px 0;
        position: relative; }
        #voice.one main #voicemainimg > div > div {
          width: 235px;
          height: 235px;
          top: 47px;
          left: 60px;
          /*font-size: 12px;
          font-size: 1.2rem;*/
			font-size: 16px;
            font-size: 1.6rem;
          text-align: center;
          color: #fff;
          background-color: rgba(0,141,97,1);
          position: absolute; }
          #voice.one main #voicemainimg > div > div > div {
            width: 90%;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            /* Safari用 */
            transform: translate(-50%, -50%); }
          #voice.one main #voicemainimg > div > div span {
            margin-bottom: 15px;
            padding: 3px 3rem;
            /*font-size: 16px;
            font-size: 1.6rem;*/
            line-height: 1;
			  font-size: 22px;
            font-size: 2.2rem;
            border: 1px solid #fff;
            display: inline-block; }
          #voice.one main #voicemainimg > div > div h1 {
            min-width: 108px;
            font-size: 24px;
            font-size: 2.4rem;
            margin-bottom: 8px;
            padding-bottom: 8px;
            border-bottom: 4px solid #fff;
            display: inline-block;
            position: relative; }
            #voice.one main #voicemainimg > div > div h1::after {
              width: 50%;
              bottom: -4px;
             /* border-bottom: 4px solid #fff;*/
              content: ".";
              line-height: 0;
              display: block;
              overflow: hidden;
              position: absolute; }
        #voice.one main #voicemainimg > div > p {
          top: 322px;
          left: 60px;
          position: absolute;
          color: #fff;
          font-size: 24px;
          font-size: 2.4rem; }
          #voice.one main #voicemainimg > div > p span {
            margin-top: 10px;
            padding: 4px 25px;
            background-color: rgba(0,141,97,1);
            line-height: 1;
            display: block; }
            #voice.one main #voicemainimg > div > p span:first-of-type {
              margin-top: 0; } }
#voice.one main article#snrmessage {
  position: relative;
  z-index: -1; }
  #voice.one main article#snrmessage > div {
    background-color: rgba(0,141,97,.25); }
    #voice.one main article#snrmessage > div div {
      background-color: #fff; }
  #voice.one main article#snrmessage img {
    top: 0;
    position: absolute; }
@media screen and (max-width: 749px) {
  #voice.one main article {
    margin-top: 30px;
    padding: 0 4.6%; }
    #voice.one main article h2 {
      margin: 30px 0 10px;
      font-size: 15px;
      font-size: 1.5rem; }
      #voice.one main article h2 span {
        color: #008061; }
    #voice.one main article p {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.875; }
    #voice.one main article li {
      font-size: 12px;
      font-size: 1.2rem;
      list-style-type: disc; }
    #voice.one main article img {
      width: 95%;
      margin: 10px auto 0;
      display: block; }
    #voice.one main article#snrmessage {
      padding: 43px 0 0; }
      #voice.one main article#snrmessage > div {
        padding: 20px 4.6% 30px; }
        #voice.one main article#snrmessage > div div {
          margin: 10px 0 0;
          padding: 1rem .8rem 1rem 27%; }
      #voice.one main article#snrmessage img {
        left: 1%; }
      #voice.one main article#snrmessage h2 {
        margin: 0 0 0 28%; } }
@media screen and (min-width: 750px) {
  #voice.one main article {
    max-width: 1000px;
    margin: 60px auto 0;
    font-size: 0; }
    #voice.one main article:nth-of-type(1) .laybg1, #voice.one main article:nth-of-type(1) section:nth-of-type(2) {
      display: inline-block;
      vertical-align: top; }
    #voice.one main article:nth-of-type(1) .laybg1 {
      width: 38%;
      margin-right: 5.6%; }
    #voice.one main article:nth-of-type(1) section:nth-of-type(2) {
      width: 56.4%; }
    #voice.one main article:nth-of-type(2) {
      margin-top: 110px; }
      #voice.one main article:nth-of-type(2) section, #voice.one main article:nth-of-type(2) img {
        display: inline-block;
        vertical-align: top; }
      #voice.one main article:nth-of-type(2) section {
        width: 56.4%;
        margin-right: 5.6%;
        padding-bottom: 45px; }
      #voice.one main article:nth-of-type(2) img {
        width: 38%; }
      #voice.one main article:nth-of-type(2) h2:nth-of-type(n+2) {
		  margin-top: 80px; }
    #voice.one main article h2 {
      margin: 60px 0 25px;
      font-size: 26px;
      font-size: 2.6rem; }
      #voice.one main article h2:first-of-type {
        margin-top: 0; }
      #voice.one main article h2 span {
        color: #008061; }
    #voice.one main article p {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.875; }
    #voice.one main article li {
      font-size: 16px;
      font-size: 1.6rem;
      list-style-type: disc; }
    #voice.one main article .laybg1 {
      padding-bottom: 186px;
      background: url(../img/bg_voiceone1.png) no-repeat bottom left; }
    #voice.one main article.laybg2 {
      min-height: 700px;
      background: url(../img/bg_voiceone2.png) no-repeat bottom right; }
    #voice.one main article.laybg3 {
      padding-bottom: 50px;
      background: url(../img/bg_voiceone3.png) no-repeat 3% bottom; }
    #voice.one main article#snrmessage {
      min-height: 473px;
/*margin-top: -43px;*/
		margin-top:0;
      padding-top: 43px; }
      #voice.one main article#snrmessage > div {
        padding-top: 20px;
        padding-bottom: 60px; }
        #voice.one main article#snrmessage > div div {
          width: 90.6%;
          margin: 10px 0 0 5.5%;
          padding: 45px 2% 50px 27%; }
      #voice.one main article#snrmessage img {
        left: 2.8%; }
      #voice.one main article#snrmessage h2 {
        top: 32px;
        margin: 0 0 0 32.8%; }
      #voice.one main article#snrmessage p:nth-of-type(n+2) {
        margin-top: 2rem; } }
@media screen and (max-width: 940px) {
  #voice.one main article#snrmessage img {
    width: 30%; } }

@media screen and (min-width: 750px) {
  #voice.one #contact {
    display: none; } }

#voice.one main article#voicelinks {
  z-index: 1; }
  @media screen and (max-width: 749px) {
    #voice.one main article#voicelinks {
      margin: -2px 0 0;
      padding-top: 20px;
      padding-bottom: 20px; } }
  @media screen and (min-width: 750px) {
    #voice.one main article#voicelinks {
      margin-top: 180px; }
      #voice.one main article#voicelinks h2 {
        margin-bottom: 28px; } }

#voicelinks div {
  font-size: 0;
  text-align: left; }
  #voicelinks div:nth-of-type(2) {
    margin-top: 4.1%;
margin-bottom: 4.1%;}
#voicelinks h2 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1; }
  #voicelinks h2 span {
    margin-top: 5px;
    color: #008E61;
    font-size: 9px;
    font-size: 0.9rem;
    display: block; }
#voicelinks a {
  width: 30.6%;
  margin: 4.1% 0 0 4.1%;
  color: #000;
  line-height: 1.4;
  display: inline-block;
  vertical-align: top; }
  #voicelinks a:nth-of-type(-n+3) {
    margin-top: 0; }
  #voicelinks a:nth-of-type(3n+1) {
    margin-left: 0; }
  #voicelinks a strong {
    color: #008061;
    font-weight: bold;
    display: block; }
@media screen and (max-width: 749px) {
  #voicelinks {
    background: url(../img/mb/bg_voiceonebtm.jpg) no-repeat center center;
    background-size: cover; }
    #voicelinks h2 {
      padding-bottom: 10px;
      text-align: center;
      border-bottom: 1px solid  rgba(0,141,97,1); }
    #voicelinks a div {
      margin-top: 3px;
      font-size: 6px;
      font-size: 0.6rem; }
    #voicelinks a strong {
      font-size: 10px;
      font-size: 1rem; }
	
	
	.main-visual{
		width: 100%;
	}
	.main-visual img{
		width: 100%;
		height: auto;
	}
.top_recruit_nav_wrap{
	background-color: none;
	padding: 0;
	}
	
}
@media screen and (min-width: 750px) {
  #voicelinks {
    padding-top: 68px;
    border-top: 1px solid  rgba(0,141,97,1); }
    #voicelinks > div {
      max-width: 1000px;
      margin: 0 auto; }
    #voicelinks a img {
      margin-bottom: 10px; }
    #voicelinks a div {
      font-size: 19px;
      font-size: 1.9rem; }
    #voicelinks a strong {
      font-size: 24px;
      font-size: 2.4rem; }
/*採用トップナビ追記css*/
.top_recruit_nav_wrap{
	background: rgba(0,141,97,.75);
	padding-bottom: 5px;
	
}
.mb90{
	margin-bottom: 90px !important;
	}
}
@media screen and (min-width: 750px) and (max-width: 1000px) {
  #voicelinks {
    padding-left: 20px;
    padding-right: 20px; } }

#index #mainimg {
  padding-top: 113px;
  position: relative; }
  #index #mainimg > img {
    width: 100%; }
  #index #mainimg h1 {
    width: 22%;
    position: absolute;
    top: 43%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    /* Safari用 */
    transform: translate(-50%, -50%);
    display: block;
    text-align: center; }


/*動画追記css*/
.main-visual {
    height: auto;
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
    max-height: 1080px;
}
.main-visual video {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: auto;
}


#index .index1 {
  width: 100%;
  margin-top: -7px;
  padding: 140px 0;
  color: #000;
  background: url(../img/bg_index1.jpg) no-repeat center center;
  background-size: cover;
  position: relative; }
  #index .index1 div {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    /* Safari用 */
    transform: translate(-50%, -50%);
    display: block;
    text-align: center; }
  #index .index1 h2 {
    margin-bottom: 45px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1; }
  @media screen and (min-width: 750px) and (max-width: 1000px) {
    #index .index1 p {
      padding-left: 20px;
      padding-right: 20px; } }
#index .indexnav {
  max-width: 1000px;
  margin: 0 auto;
  padding: 68px 0 198px;
  font-size: 0; }
  #index .indexnav a {
    width: 31.4%;
    margin: 2.9% 0 0 2.9%;
    border: 1px solid #AAABAB;
    display: inline-block;
    vertical-align: top; }
    #index .indexnav a span {
      margin: 20px;
      padding-left: 1.6rem;
      color: #000;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold;
      line-height: 1;
      display: inline-block;
      position: relative; }
      #index .indexnav a span::before {
        content: '';
        width: 9px;
        height: 9px;
        border: 0px;
        border-top: solid 2px #008061;
        border-right: solid 2px #008061;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -4px; }
  @media screen and (min-width: 750px) and (max-width: 1000px) {
    #index .indexnav {
      padding-left: 20px;
      padding-right: 20px; } }
.forworld{
	width: 1000px;
	margin: 10px auto;
}
#index .indexvoice {
  padding: 60px 0 80px;
  background: url(../img/bg_index2.jpg) no-repeat center center;
  background-size: cover; }
  #index .indexvoice > div {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center; }
    #index .indexvoice > div div {
      font-size: 0;
      text-align: left; }
  #index .indexvoice h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1; }
    #index .indexvoice h2 span {
      margin-top: 5px;
      color: #008E61;
      font-size: 9px;
      font-size: 0.9rem;
      display: block; }
  #index .indexvoice p {
    width: 100%;
    margin-top: 26px;
    padding-bottom: 28px;
    border-bottom: 1px solid #008061; }
  #index .indexvoice a {
    width: 30.6%;
    margin: 4.1% 0 0 4.1%;
    color: #000;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.4;
    display: inline-block;
    vertical-align: top; }
    #index .indexvoice a div {
      font-size: 17px;
      font-size: 1.7rem; }
    #index .indexvoice a strong {
      color: rgba(0,141,97,1);
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: bold;
      display: block;
		}
  @media screen and (min-width: 750px) and (max-width: 1000px) {
    #index .indexvoice > div {
      padding-left: 20px;
      padding-right: 20px; } }
@media screen and (max-width: 749px) {
  #index #mainimg {
    padding-top: 92px;
    overflow: hidden; }
    #index #mainimg > img {
      width: 175%;
      max-width: 175%;
      position: relative;
      left: 53%;
      -webkit-transform: translateX(-50%);
      /* Safari用 */
      transform: translateX(-50%); }
    #index #mainimg h1 {
      width: 53%;
      top: 45%; }
  #index .index1 {
    padding: 70px 0; }
    #index .index1 h2 {
      margin-bottom: 22px;
      font-size: 12px;
      font-size: 1.2rem; }
    #index .index1 p {
      padding: 0 4.6%; }
  #index .indexnav {
    padding: 30px 0px; }
    #index .indexnav a {
      width: 43.1%;
      margin: 4.6% 0 0 4.6%;
      border: 1px solid #AAABAB;
      display: inline-block;
      vertical-align: top; }
      #index .indexnav a:nth-of-type(-n+2) {
        margin-top: 0; }
      #index .indexnav a:nth-of-type(2n+1) {
        margin-left: 4.6%; }
      #index .indexnav a span {
        margin: 10px;
        padding-left: 1.6rem;
        color: #000;
        font-size: 10px;
        font-size: 1rem;
        font-weight: bold;
        line-height: 1;
        display: inline-block;
        position: relative; }
        #index .indexnav a span::before {
          content: '';
          width: 9px;
          height: 9px;
          border: 0px;
          border-top: solid 2px #008061;
          border-right: solid 2px #008061;
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          position: absolute;
          top: 50%;
          left: 0;
          margin-top: -4px; }
  #index .indexvoice {
    padding: 30px 0 40px; }
    #index .indexvoice h2 {
      font-size: 14px;
      font-size: 1.4rem; }
    #index .indexvoice p {
      width: 90.8%;
      margin: 26px auto 0;
      padding-bottom: 5px; }
    #index .indexvoice a {
      width: 43.1%;
      margin: 4.6% 0 0 4.6%;
      border: 1px solid #008061;
      background-color: #fff; }
      #index .indexvoice a:nth-of-type(2n+1) {
        margin-left: 4.6%; }
      #index .indexvoice a div {
        padding: 0 3%;
        font-size: 9px;
        font-size: 0.9rem; }
      #index .indexvoice a strong {
        font-size: 12px;
        font-size: 1.2rem; }

/*********************************************

追加

********************************************/
.forworld {
     width: 80%; 
    margin: 10px auto;
	text-align: left;
}
.forworld br{
	display: none;
	}
}
@media screen and (min-width: 750px) {
  #index #globalMenu ul {
    border-color: #fff; }
  #index #globalMenu li {
    border-color: #fff; }
  #index #globalMenu a {
    padding-top: 9px;
    color: #fff; }
  #index .indexnav a:nth-of-type(-n+3) {
    margin-top: 0; }
  #index .indexnav a:nth-of-type(3n+1) {
    margin-left: 0; }
  #index .indexvoice a:nth-of-type(3n+1) {
    margin-left: 0; } }

@media screen and (max-width: 749px) {
 #globalMenu {
    display: none; }
#rwdMenuWrap {
    padding-top: 92px;
    z-index: 9;
    position: fixed; }
#rwdMenuWrap #switchBtnArea {
      width: 60px;
      height: 64px;
      top: 8px;
      right: 4%;
      background-color: rgba(0,141,97,1);
      border-radius: 2px;
      position: fixed;
      z-index: 99; }
#rwdMenuWrap #switchBtnArea p {
        margin-top: -8px;
        color: #fff;
        text-align: center;
        font-size: 13px;
        font-size: 1.3rem; }
#rwdMenuWrap ul {
      width: 100%;
      display: none;
      font-size: 0;
      background-color: #fff; }
#rwdMenuWrap ul li {
        width: 50%;
        display: inline-block; }
#rwdMenuWrap ul li a {
          padding: 15px 20px;
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: bold;
          text-align: left;
          display: block;
          color: #fff;
          background-color: rgba(0,141,97,1); }
#rwdMenuWrap ul li a span {
            display: none; }

 .menu-trigger, .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box; }

 .menu-trigger {
    width: 40px;
    height: 32px;
    margin: 10px 10px 0;
    position: relative; }
.menu-trigger span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 4px;
      background-color: #fff;
      border-radius: 4px; 
	}
.menu-trigger span:nth-of-type(1) {
        top: 0;
	}
.menu-trigger span:nth-of-type(2) {
        top: 14px;
	}
.menu-trigger span:nth-of-type(3) {
        bottom: 0; 
	}
.menu-trigger.active span:nth-of-type(1) {
      -webkit-transform: translateY(14px) rotate(-315deg);
      transform: translateY(14px) rotate(-315deg); 
	}
.menu-trigger.active span:nth-of-type(2) {
      opacity: 0; 
	}
.menu-trigger.active span:nth-of-type(3) {
      -webkit-transform: translateY(-14px) rotate(315deg);
      transform: translateY(-14px) rotate(315deg); }
}


#gaiyou{
	/*margin-top: -161px !important;*/
	/*padding-top: 161px;*/
	padding-bottom: 90px;
}
/*#motomerujinbutsu,#boshuyoko*/
/*#gaiyou{
	margin-bottom: 90px!important;
}*/



section.recruit_glid{
	width: 94%;
	max-width: 1000px;
margin: 0 auto;
padding: 30px 0 30px;
}
section.recruit_glid a{
	width: 49%;
	float: left;
	margin-left: 2%;
margin-bottom: 15px;
}
section.recruit_glid a:first-child{
	margin-left: 0;
}


/*******************************v

アコーディオン

********************************/
@media screen and (min-width: 750px) {
	.accordion{
		margin-top: 45px;
	}

.displayNone {
display: none;
}
.accordion li {
border-bottom: 1px solid #ccc;
padding: 10px;
}
.accordion a {
display: block;
}
.contentWrap {
margin: 10px;
}
.switch {
cursor:pointer;
font-weight: bold;
padding:10px 40px 10px 10px;
font-size: 23px;
background:rgba(0,141,97,.25); 
position: relative;
	margin-bottom: 15px;
	border-bottom: 1px solid #008061;
}
.switch:after {
position: absolute;
top: 60%;
right: 10px;
margin-top: -18px;
content: '>';
font-size: 18px;
font-weight: bold;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-moz-transition: all, 0.25s, linear;
-o-transition: all, 0.25s, linear;
-webkit-transition: all, 0.25s, linear;
transition: all, 0.25s, linear;
font-family: sans-serif;
color: #FF6685;
}
.switch.open:after {
-moz-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
font-family: sans-serif;
}
	
h4.yoko{
	width: 100%;
	color: #fff;
	font-size: 23px;
	background: rgba(0,141,97,1);
	padding: 8px 20px;
	}
	
table.boshuyoko{
	width: 100%;
	margin-bottom: 90px;
	margin-top: 8px !important;
	border-collapse: collapse;
	}
table.boshuyoko th{
	width: 230px;
	text-align: center;
	padding: 20px 0;
	}
table.boshuyoko td{
	padding: 20px ;
	}



span.red{
	color: #FF0004;
	}
	
	div.entrybox{
		background:#ECECEC;
		padding: 20px;
	}
	div.yusosaki{
		font-size: 20px;
	}
	div.yusosaki span{
		font-weight: 700;
		color: rgba(0,141,97,1);
	}
}



@media screen and (max-width: 749px) {
.accordion{
		margin-top: 20px;
	}

.displayNone {
display: none;
}
.accordion li {
border-bottom: 1px solid #ccc;
padding: 10px;
}
.accordion a {
display: block;
}
.contentWrap {
margin: 10px;
}
.switch {
cursor:pointer;
font-weight: bold;
padding:10px 40px 10px 10px;
font-size: 16px;
background:rgba(0,128,97,0.2); 
position: relative;
	margin-bottom: 15px;
	border-bottom: 1px solid #008061;
}
.switch:after {
position: absolute;
top: 60%;
right: 10px;
margin-top: -18px;
content: '>';
font-size: 18px;
font-weight: bold;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-moz-transition: all, 0.25s, linear;
-o-transition: all, 0.25s, linear;
-webkit-transition: all, 0.25s, linear;
transition: all, 0.25s, linear;
font-family: sans-serif;
color: #FF6685;
}
.switch.open:after {
-moz-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
font-family: sans-serif;
}
	
h4.yoko{
	width: 100%;
	color: #fff;
	font-size: 16px;
	background: #009c61;
	padding: 8px 20px;
	}
	
table.boshuyoko{
	width: 100%;
	margin-bottom: 45px;
	margin-top: 8px !important;
	border-collapse: collapse;
	}
table.boshuyoko th{
	text-align: center;
	padding: 20px;
	}
table.boshuyoko td{
	padding: 20px ;
	}



span.red{
	color: #FF0004;
	}
		div.entrybox{
		background:#ECECEC;
		padding: 20px;
			margin-bottom: 30px;
	}
div.entrybox h4{
	font-size: 18px;
	}
	div.yusosaki{
		font-size: 16px;
	}
	div.yusosaki span{
		font-weight: 700;
		color: #008061;
	}
}








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

.modal-content {
    position: fixed;
    display: none;
    z-index: 2;
    width: 860px;
    margin: 0;
    padding: 0 0 34px 0;
    background: #fff;
}
.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-open {
  /*  color:#00f;
    text-decoration:underline;*/
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

a.modal-close {
	/*display: block;
	margin-top: 20px;*/
    color:#FFF;
	text-align: center;
	background: #ccc;
    /*text-decoration:underline;*/
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}
.messagebox{
		height: 230px;
		background:#fff;
	}
.messagebox h4{
		background: rgba(0,141,97,1);
		color: #fff;
		text-align: left;
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}
p.modaltext{
		margin: 20px 30px;
	}
div.modal_btn_box{
		width: 70%;
		margin: 0 15%;
		text-align: center;
		padding: 30px 0 20px;
		
	}
	
div.modal_btn_box a:first-child{
		background: rgba(0,141,97,1);
		text-align: center;
		color: #fff;
		padding: 8px 20px;
		text-decoration: none;
		border-radius: 6px;
		
	}
div.modal_btn_box a:nth-child(2){
		text-align: center;
		color: #fff;
		padding: 8px 20px;
		border-radius: 6px;
	}

.gruup_link_header {
    float: right;
    color: #000 !important;
 
    margin-top: 1rem;
    display: block;
    text-decoration: none;
    transition: .2s ease;
}
.gruup_link_header span.toplinkspan{
	color: rgba(0,141,97,1) !important;
	}
}
@media screen and (max-width: 749px) {
.modal-content {
    position: fixed;
    display: none;
    z-index: 2;
    width: 80%;
    margin: 0 10%;
    padding: 0 0 34px 0;
    background: #fff;
}
.gruup_link_header {
    float: left;
    color: #000 !important;
 margin-left: 15px;
    margin-top: 1rem;
    display: block;
    text-decoration: none;
    transition: .2s ease;
}
.gruup_link_header span.toplinkspan{
	color: rgba(0,141,97,1) !important;
	}
}


.pt0{
	padding-top:0 !important;
}
#voicelinks p{
	margin-bottom:0 !important;
	padding-bottom:3px !important;
}
.topvoicelist{
	border:none !important;
}
.mt20{
	margin-top:20px !important;
}