@charset "UTF-8";
/* =================================================== *

    ページ全体

 * =================================================== */
 
body {
  color:#292929;
  font-size:1.6rem;
}
.content1280 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.content1000 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.yellow {
  color:#fcf334 !important;
}
.white {
  color:white !important;
}
.blue {
  color:#2263b3 !important;
}

.bg-black {
  background: #000000;
}
.bg-gray {
  background:#f0f0f0;
}
.bg-gray2 {
  background:#dcdcdc;
}

.eng {
    font-family: "Franklin Gothic";
    letter-spacing: -1px;
    font-weight: bold;
}


div#gototop {
  width: 106px;
  height: 106px;
  position: fixed;
  right: 50px;
  bottom: 50px;
  display: none;
  z-index: 10
}
div#gototop img {
  position: absolute;
  top: 0;
  left: 0;
}
div#gototop img.hov {
  display: none;
  z-index: 1;
}


/* =================================================== *

    ヘッダ

 * =================================================== */
header {
  position: fixed;
  width: 100%;
  z-index: 1000;
    min-height: 64px;
}
header.scrolled {
    -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
    background: rgba(26, 127, 175, 0.8);
}
div#header-logo {
margin-top: 10px;
    margin-bottom: 5px;
    max-width: 348px;
    width: 50%;
    margin-right: 11%;

}
nav#header-nav {
  width: 60%;
  text-align: right;
}
nav#header-nav li.menu {
  margin-right: 30px;
  margin-top: 30px;
}
nav#header-nav li.menu:last-child {
  margin-right: 0;
}
nav#header-nav li.menu a {
  color: #333333;
}
nav#header-nav li.menu a i.icon {
  float: right;
  margin-top: 5.5px;
  margin-left: 5px;
  margin-right: 0;
  line-height: 14px;
}
div#header-toggle {
    float: right;
    margin-right: 15px;
    margin-top: 5px;
}
div#header-toggle a {
  color:white;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    background: white;
}
.drawer-menu-item {
    font-size: 1.8rem;
    color: white;
}
.drawer-dropdown-menu-item {
  color:white;
}
.drawer-menu-item:hover,
.drawer-dropdown-menu-item:hover {
    color: white;
}
nav#header-nav-left {
    background: rgba(26, 127, 175, 0.8);
    padding-top: 65px;
}
span.drawer-caret {
    margin-right: 10px;
}
.drawer-dropdown-menu{
    background-color: rgba(255, 255, 255, 0.2);
}

/* =================================================== *

    メインコンテンツ

 * =================================================== */
/* =================================================== *

    メインビジュアル

 * =================================================== */
div#mainvisual {
  background: url('../images/bg.png') top center no-repeat;
  background-size: cover;
  height: 960px;
      position: relative;
}
p#mainvisual-text1 {
font-size: 10rem;
    font-weight: bold;
    text-align: center;
    padding-top: 330px;
    margin-bottom: 20px;
    line-height: 1;
}
p#mainvisual-text2 {
    font-size: 3.2rem;
    font-weight: bold;
    letter-spacing: 8px;
    text-align: center;
    line-height: 1;
}
p#mainvisual-text3 {
    margin-top: 80px;
    font-size: 3.2rem;
    text-align: center;
      line-height: 1;
}
p#mainvisual-text4 {
    font-size: 7.0rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
      margin-bottom: 25px;
}
div#mainvisual-scrollbtn {
    bottom: 20px;
    width: 48px;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;
      z-index: 2;

}

/* =================================================== *

    アンカーナビゲーション

 * =================================================== */
h1#mainvisual-text1 {
  padding-top: 45px;
  padding-bottom: 30px;
  width: 90%;
    max-width: 974px;
  margin-right: auto;
  margin-left: auto;
}
nav#anchor-nav > a.element {
  background: white;
      padding: 15px 14px;
  width: 24.2%;
max-width: 291px;
  margin-right: 1%;
margin-bottom: 10px;
  position: relative;
  display: none;
}
nav#anchor-nav > a.element:nth-child( 4n ) {
  margin-right: 0
}
nav#anchor-nav > a.element div.anchor-pic {
  max-width: 261px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
  overflow: hidden;
}
nav#anchor-nav > a.element div.anchor-pic img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
nav#anchor-nav > a.element div.anchor-pic img.hov {
  transform: scale(1.1);
}
nav#anchor-nav > a.element div.anchor-number {
  width: 31%;
  max-width: 89px;
  position: absolute;
  top: 0;
  left: 0;
}
nav#anchor-nav > a.element div.anchor-icon {
  width: 19%;
  max-width: 54px;
  position: absolute;
  bottom: 0;
  right: 0;
}
nav#anchor-nav > a.element p.anchor-title {
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}
nav#anchor-nav > a.element p.anchor-title rt {
  font-size: 1.0rem;
}
nav#anchor-nav > a.element p.anchor-title-2l {
  font-size: 2.2rem;
  line-height: 1.2;
}
nav#anchor-nav > a.element p.anchor-title span.small {
  font-size: 1.4rem;
  margin-left: 0.5em;
}
nav#anchor-nav > a.element div.anthor-description {
  text-align: center;
  width: 88%;
  margin-right: auto;
  margin-left: auto;
  color: #333333;
}
nav#anchor-nav > a.element div.anthor-description p.gakubu {
  font-size: 1.4rem;
  margin-bottom: 0;
}
nav#anchor-nav > a.element div.anthor-description p.gakubu.gakubu-long {
  font-size: 1.2rem;
}
nav#anchor-nav > a.element div.anthor-description p.gakka {
  font-size: 1.6rem;
  margin-bottom: 5px;
}
nav#anchor-nav > a.element div.anthor-description p.gakka span.small {
  font-size: 1.2rem;
}
a#anchor1 p.anchor-title {
  color: #e8546b;
}
a#anchor2 p.anchor-title {
  color: #ec6c1f;
}
a#anchor3 p.anchor-title {
  color: #f5ab18;
}
a#anchor4 p.anchor-title {
  color: #d2a143;
}
a#anchor5 p.anchor-title {
  color: #ced343;
}
a#anchor6 p.anchor-title {
  color: #6eb944;
}
a#anchor7 p.anchor-title {
  color: #008e7b;
}
a#anchor8 p.anchor-title {
  color: #3baaa3;
}
a#anchor9 p.anchor-title {
  color: #36a0da;
}
a#anchor10 p.anchor-title {
  color: #3071b7;
}
a#anchor11 p.anchor-title {
  color: #664497;
}
a#anchor12 p.anchor-title {
  color: #e75297;
}
nav#anchor-nav > a.element div.anchor-number, nav#anchor-nav > a.element div.anchor-icon {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
nav#anchor-nav > a.element:hover div.anchor-number, nav#anchor-nav > a.element:hover div.anchor-icon {
  opacity: 0.7;
}
ul#anchor-nav-tb, ul#anchor-nav-sp {
  display: none;
}
/* =================================================== *

    コンテンツエリア

 * =================================================== */
div#content {
  background: url('../images/bg.png') center top repeat-y;
  padding-top: 70px;
  padding-bottom: 50px;
}
/* =================================================== *

    セクション共通

 * =================================================== */


/* =================================================== *

    セクション（個別）

 * =================================================== */
div#section1 {
  margin-top:2px;
  overflow-x: hidden;
}
div#section1-table1 > div.element {
    background: #1a7faf;
    padding: 6px;
    width: 50%;
    margin-bottom: 2px;
      border-right: 2px solid white;
  opacity:0;
}
div#section1-table1 > div.element:nth-child( 2n ) {
      border-right: none;
}

div#section1-table1 > div.element div.tenpo-desc {
    width: 80%;
    margin-right: 0;
    margin-left: auto;
    padding-top: 16px;
    padding-bottom: 10px;
}
div#section1-table1 > div.element  h2.tenpo-name {
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 5px;
}
div#section1-table1 > div.element p.text {
  margin-bottom:0;
}
div#section1-table1 > div.element div.tenpo-logo {
    bottom: 10px;
    left: 1%;
    width: 17.5%;
    max-width: 157px;
}
div#section2 {
    padding-top: 60px;
    padding-bottom: 50px;
}
p.main-midashi{
    font-size: 6.0rem;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1;
}
h2.main-midashi-japanese {
    font-size: 2.6rem;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
margin-bottom: 30px;
}
div#section2-table1 {
    max-width: 1770px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    margin-bottom: 50px;
}
div#section2-table1 > div.element {
    width: 19.8%;
    margin-right: 0.2%;
}
div#section2-table1 > div.element:nth-child( 5n ) {
  margin-right:0;
}
p#section2-text3 {
    text-align: center;
    margin-bottom: 2em;
  line-height:2.2;
}
p#section2-text4 {
    text-align: center;
   line-height:2.2;
}
p#section2-text3 span.strong,
p#section2-text4 span.strong{
    font-size: 2.4rem;
    color: #292929;
    padding: 0 4px;
    border-bottom: 3px solid #fcf334;
    vertical-align: text-bottom;
}
div#section3 {
    padding-top: 120px;
    padding-bottom: 100px;
}

ul#section3-list1 {
    width: 100%;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 35px;
  text-align: center;
}
ul#section3-list1 > li {
    font-size: 1.8rem;
    text-align: center;
    background: #dcdcdc;
    padding-top: 20px;
    padding: 20px 5px;
    line-height: 1;
    width: 24%;
    margin-right: 1%;
}
ul#section3-list1 > li:last-child {
    margin-right: 0;
}
ul#section3-list2 {
    width: 100%;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
}

ul#section3-list2 > li {
    width: 210px;
    position: relative;
    background: #bad8e7;
    display: inline-block;
    line-height: 35px;
    margin: 5px 10px;
    padding: 5px;
    text-decoration: none;
    font-size:19px;
    text-align: center;
    border-radius: 20px;
/*    background: #bad8e7 url(../images/yaji-bg.png) left top no-repeat;
*/
}



@media screen and (max-width: 768px) {
    ul#section3-list2 > li {
      width: 46%;
      position: relative;
      background: #bad8e7;
      display: inline-block;
      line-height: 35px;
      margin: 5px;
      text-decoration: none;
      font-size:19px;
      text-align: center;
      border-radius: 20px;
    }
  }




ul#section3-list2 li:before {
/*    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 15px solid #bad8e7;
    content: '';
    display: block;
    margin-left: -15px;
    position: absolute;
    left: 0;
*/}

div#section4 {
    padding-top: 120px;
    padding-bottom: 60px;
}

ul#section4-list1 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
      text-align: center;
      margin-bottom: 90px;
}
ul#section4-list1 > li {
    position: relative;
    width: 16%;
    margin-right: 0.4%;
    text-align: center;
border: 1px solid #5ca2c4;
      margin-bottom: 4px;
}

ul#section4-list1 > li > a {
    display: block;
    width: 100%;
    font-size: 1.6rem;
    color: #000000;
    background: white;
    padding: 15px 5px;
}
div.recruit-article {
    background: white;
    padding: 25px;
    margin-bottom: 100px;
    box-shadow: 2px 2px 5px #c0c0c0;
}

div.recruit-article h3.title {
    font-size: 2.6rem;
    color: white;
    background: #1a7faf;
    line-height: 1.2;
    padding: 12px 20px;
    font-weight: bold;
}
div.recruit-article  p.address {
    padding: 5px 20px;
    background: #bad8e7;
    font-size: 1.4rem;
    margin-bottom: 10px;
}
div.recruit-article  p.catchcopy {
    font-size: 1.8rem;
    padding: 5px 20px;
    margin-bottom: 10px;
      font-weight: bold;
}
table.detail-table {
    width: 100%;
      margin-bottom: 25px;
}
table.detail-table th, table.detail-table td {
    border: 1px solid #acacac;
}
table.detail-table th {
    vertical-align: middle;
    text-align: left;
    padding: 20px 10px 20px 20px;
    background: #dcdcdc;
    color: #000000;
    width: 180px;
}
table.detail-table td {
    padding: 20px 20px;
    vertical-align: top;
  text-align: left;
}
div.recruit-article a.apply-btn {
    display: block;
    background: black;
    color: white;
    width: 94%;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 16px 15px;
    max-width: 310px;
    line-height: 1;
    border: 4px solid #4c4c4c;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
a.btn_map {
    display: block;
    border:4px double #bad8e7;
    color: #1a7faf;
    width: 94%;
    max-width: 230px;
    font-size: 1.5rem;
    margin-top: .5em;
    padding: 10px;
    line-height: 1;
    text-align: center;
    float: left;
    font-weight: bold;
    text-decoration: underline;
}
a.btn_map:hover {
    background: #bad8e7;
    color: #fff;
}

a.btn_map i{
    margin-right: .5em;
    color: #ea4335;
}
@media screen and (max-width: 769px) {
  a.btn_map {
    width: 100%;
    float: none;
    clear: both;
    margin: 0 auto;
    font-size: .9em;
  }
  }
ul.tags-blue > li {
    font-size: 1.4rem;
    margin-right: 10px;
    background: #bad8e7 url(../images/yaji-bg.png) left top no-repeat;
    padding: 2px 10px 2px 15px;
    margin-bottom: 8px;
    background-size: 10px;
}

/* =================================================== *

    フッタ

 * =================================================== */
div#footer-gototop {
    text-align: center;
}
p.footer-announce {
    font-size: 1.2rem;
    color: #a2a2a2;
}
div#footer-gototop {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
}
a.gototop-btn {
    color: white;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 90px;
    margin-right: auto;
    margin-left: auto;
}
a.gototop-btn span.icon {
    font-size: 1.6rem;
    display: block;
    line-height: 1;
}
a.gototop-btn span.label {
    line-height: 1;
      letter-spacing: normal;
}
div#footer-logo {
    max-width: 348px;
    width: 100%;
    margin-bottom: 15px;
}

div#footer-table1 > div.el-left, div#footer-table1 > div.el-right {
    padding-top: 20px;
    padding-bottom: 20px;
}
ul#footer-list1 {
      text-align: right;
}

ul#footer-list2 {
    margin-bottom: 2px;
      text-align: right;
}

ul#footer-list1 > li.menu-label,
ul#footer-list2 > li.menu-label {
  padding: 0 10px;
  margin-bottom: 5px;
  line-height: 1;
}
ul#footer-list1 > li.menu-label a,
ul#footer-list2 > li.menu-label a {
    color: #292929;
    font-size: 1.4rem;
}
p.footer-copyright {
    font-size: 1.2rem;
    color: #a2a2a2;
}
div#footer-table1 > div.el-left {
    width: 39%;
    margin-right: 1.8%;
}
div#footer-table1 > div.el-right {
    width: 59%;
}
/* =============================================== *

    ホバーイベント

 * =================================================== */
@media screen and (min-width: 769px) {
div.recruit-article a.apply-btn, ul#section4-list1 > li > a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
  div.recruit-article a.apply-btn:hover {
    background: white;
    color: black;
}
  ul#section4-list1 > li > a:hover {
    background: #bad8e7;
}
}

@media screen and (max-width: 1023px) {
  
  div#mainvisual{
    
    height:700px;
  }
  p#mainvisual-text1 {
    font-size: 6rem;
    margin-bottom: 15px;
        padding-top: 230px;
}
  p#mainvisual-text4 {
    font-size: 4.8rem;
}
div#section1-table1 > div.element h2.tenpo-name {
    font-size: 2.8rem;
}
div#section1-table1 > div.element p.text {
    font-size:1.4rem;
    line-height: 1.4;
}
   div#section2, div#section3,  div#section4, div#mainvisual-inner{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 60px;
    padding-bottom: 50px;
}
  ul#section4-list1 > li {
    width: 32%;
    margin-right: 1.8%;
}
  ul#section4-list1 > li:nth-child( 3n ) {
    margin-right:0;
  }
  ul#section4-list1 {
    margin-bottom:50px;
  }
}

@media screen and (max-width: 767px) {
  div#mainvisual {
    height: 400px;
}
 div#section2, div#section3, div#section4, div#mainvisual-inner{
    padding-left: 3%;
    padding-right: 3%;
       padding-top: 45px;
    padding-bottom: 30px;
}
  p#mainvisual-text1 {
    font-size: 3.2rem;
    margin-bottom: 10px;
    padding-top: 65px;
}
  p#mainvisual-text2 {
    font-size: 1.6rem;
    letter-spacing: 3px;
}
p#mainvisual-text3 {
    font-size: 1.2rem;
    line-height: 1.4;
  margin-top: 20px;
}
p#mainvisual-text4 {
    font-size: 2.8rem;
    margin-bottom: 0;
}
  div#section1-table1 > div.element {
    width: 100%;
    border-right: none;
    margin-bottom: 2px;
}
  p.main-midashi {
    font-size: 2.8rem;
}
  h2.main-midashi-japanese {
    margin-bottom: 25px;
    font-size: 1.8rem;
}
  div#section2-table1 > div.element {
    width: 49%;
    margin-right: 1.9%;
    margin-bottom: 6px;
}
  div#section2-table1 > div.element:nth-child( 2n ) {
    margin-right: 0;
}
  div#section2-table1 {
    margin-bottom: 30px;
}
  p#section2-text3 span.strong, p#section2-text4 span.strong {
    font-size: 2.0rem;
}
  ul#section3-list1 > li {
    width: 100%;
    margin-bottom: 6px;
    padding: 15px;
    margin-right: 0;
}
  ul#section3-list2 {
    width: 100%;
  }
  ul#section3-list2 > li {
    font-size: 1.2rem;
    margin-right: 4px;
    background-size: 10px;
    padding: 4px 9px 4px 15px;
    margin-bottom: 8px;
}
  ul#section4-list1 > li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
  ul#section4-list1 > li:last-child {
    margin-bottom:0;
  }
  h2.tenpo-name {
    font-size: 2.4rem;
}
  div.recruit-article {
    padding: 0;
    padding-bottom: 20px;
        margin-bottom: 50px;
}
div.recruit-article h3.title {
    font-size: 1.8rem;
    padding-left: 3%;
    padding-right: 3%;
    line-height: 1.4;
}
div.recruit-article p.address {
    padding-left: 3%;
    padding-right: 3%;
    font-size: 1.2rem;
}
  div.recruit-article p.catchcopy {
    font-size: 1.6rem;
    padding-right: 3%;
    padding-left: 3%;
}
  table.detail-table, table.detail-table tbody, table.detail-table tr, table.detail-table td, table.detail-table th {
    display: block;
    width: 100%;
  border:none;
}
  table.detail-table th, table.detail-table td {
    padding: 8px 3%;
    font-size: 1.4rem;
}
  table.detail-table th {
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    font-weight: bold;
  }
   table.detail-table tr:last-child td  {
    border-bottom:1px solid  #acacac;
  }
  header {
    min-height: 50px;
  }
  nav#header-nav-left {
    padding-top: 50px;
  }
  .drawer-menu-item {
    font-size: 1.5rem;
  }
  .drawer-dropdown-menu-item {
    font-size:1.3rem;
  }
  div#footer-inner {
    padding: 0 3%;
}
  div#footer-table1 > div.el-left {
    width: 100%;
    padding: 15px 0;
    margin-right: 0;
}
  div#footer-table1 > div.el-right {
    width: 100%;
    padding: 0;
    margin-right: 0;
}
  ul#footer-list1, ul#footer-list2 {
    text-align: left;
}
  div#footer-logo {
    margin-right: auto;
    margin-left: auto;
}
  p.footer-announce {
    text-align: center;
  }
  p.footer-copyright {
    text-align: center !important;
}
ul#footer-list1 > li.menu-label, ul#footer-list2 > li.menu-label {
    padding: 0 8px;
  }
  ul#footer-list1 > li.menu-label a, ul#footer-list2 > li.menu-label a {
    font-size: 1.2rem;
}
  div.recruit-article a.apply-btn {
    font-size: 1.6rem;
    border-width: 2px;
}
  div.recruit-article p.catchcopy {
    font-size: 1.4rem;
}
  div#header-logo {
    width: 75%;
    margin-right: 5%;
}
}

/* =============================================== *

    gc追加

 * =================================================== */
ul#section4-list1 i {
  padding-left: .5em;
  color: #1a7faf;
}
.detail-table .icon_lnk {
  color: #555;
}
.detail-table a.txt_link {
  color: #555;
}
.detail-table .icon_lnk i{
  margin-left: 5px;
}