@charset "UTF-8";
/* Scss Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, th, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

ul {
  list-style: none; }

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #00449a; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block; }

ul li {
  list-style: none; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 15px; }

body {
  line-height: 1;
  font-family: 'Noto Sans JP', sans-serif;
  /*font-family:  "メイリオ","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
  color: #221815; }

p {
  margin-bottom: 1rem;
  line-height: 2.1em;}
  p:last-child {
    margin-bottom: 0 !important; }

figure img {
  width: 100%; }

header {
  width: 100%;}
  header div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 90px;
    padding-left: 10%;
    margin: 0 auto; }
    header div h1 {
    font-size: 1.7em;
    font-weight: bold;
    letter-spacing: 0.08em; 
    color: #002A86 }
      
section {
  width: 100%;
  margin-bottom: 50px;
  overflow: hidden;
  text-align: center;}
  section h2 {
    padding-top: 40px;
    font-size: 2em;
    margin-bottom: 0.4em;
    color: #002A86;
    letter-spacing: 0.08em; }
  section h3 {
    font-family: 'Josefin Sans', sans-serif ;
    font-size: 1.3em;
    margin-bottom: 1.6em;
    color: #F8C602;
    letter-spacing: 0.08em; 
     }
  section article {
    width: 950px;
    margin: 0 auto 50px;
    line-height:2.1em; }
    section table{
      width: 800px;
      margin: 0 auto;
      margin-bottom: 50px;}
      section table, td{
      border: #E6E6E6 solid 1px;
      border-collapse: collapse;
      padding: 20px 0;
      line-height:2.1em;
      letter-spacing: 0.15em; }
      section table td:first-of-type{
      width: 148px;
      background: #F2F2F2;}
      section table td:last-of-type{
      padding-left: 25px;
      text-align: left;
      background: #FFFFFF;
      }
      section div.address {
        width: 465px;
        border: 1px solid #666666;
        margin: 0 auto;
        padding: 15px 0;
        position: relative;
      }
      section div.address::before,
      .address::after {
        position: absolute;
        content: "";
        display: block;
      }
      section div.address::before {
         top: -1px;
         bottom: 48px;
         left: -1px;
         right: 48px;
         border: 1px solid #fff;
      }
      section div.address::after {
        top: 48px;
        bottom: -1px;
        left: 48px;
        right: -1px;
        border: 1px solid #fff;}
      section .wrapper span {
          position: relative;
          z-index: 1;}
     section div p {
          letter-spacing: 0.125em;}
    section div p:first-of-type {
      font-weight: bold;
      }
 
 section#main_image {
     margin: 0;
  }
  section#main_image div {
    position: relative;
    width: 100%;
  }
  section#main_image div:before {
    content: "";
    display: block;
    padding-top: 37%;
  }
  section#main_image div img{
      max-width: 100%;
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
  }
 
 nav {
  width: 100%;
  background: #002A86;
  padding: 3px 0;
  margin-bottom: 20px; }
  nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 0 auto;
    height: 89px; }
    nav ul.navi {
     width: 925px;
     overflow: hidden;
    }
    nav ul.navi_c {
     width: 752px;
     overflow: hidden;
    }
    nav ul li {
      flex-grow: 1;
      border-right: #e6e6e6 solid 1px; 
      height: 63px;
      position: relative;
      font-size: 1.2em;
      font-weight:lighter;
      letter-spacing: 0.2em; 
      }
      nav ul li:first-of-type {
        border-left: #e6e6e6 solid 1px; 
        padding-left: 2.3em;}
      nav ul li a {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit- transform: translateY(-50%) translateX(-50%);
        text-decoration: none;
        color: #fff; }
        nav ul li a:hover {
        color: #F8C602;
        -webkit-transition: background-color .3s linear; }
 
  /*sec_01*/            
section#sec_01 {
    background: none;
    margin-top: 80px;}
    section#sec_01 article {
      padding: 15px auto;}
      section#sec_01 article > dl {
        width: 950px;
        padding-bottom: 8px;
        display: flex;
        box-lines: multiple;
        flex-wrap: wrap; }
        section#sec_01 article > dl dt, section#sec_01 article > dl dd {
          line-height: 1.8em;
          padding: 10px 0 5px;
          border-bottom: #8a8a8a dotted 1px; }
        section#sec_01 article > dl dt {
          width: 18%; }
          section#sec_01 article > dl dt:first-of-type {
            padding-top: 0; }
        section#sec_01 article > dl dd {
          width: 80%; }
          section#sec_01 article > dl dd:first-of-type {
            padding-top: 0; }

  
  /*sec_02*/
  section#sec_02 {
    -webkit-clip-path: polygon(0 12%, 100% 0%, 100% 89%, 0% 100%);
    clip-path: polygon(0 12%, 100% 0%, 100% 89%, 0% 100%);
    background-color:#F2F2F2;
    padding-bottom: 60px; }
section#sec_02 h2 {
    padding-top: 6em; }
section#sec_02 p {
    letter-spacing: 0.1em;}
section#sec_02 article {
    width: 1024px;
    margin-top: 48px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: nowrap;
    text-align: left;
    justify-content: space-around;}
      section#sec_02 article img {
      width: 450px;
      margin-bottom: 24px;}
      section#sec_02 article dl {
        display: box;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        box-align: stretch;
        align-content: center;
        padding-bottom: 64px;}
         section#sec_02 article dl dt {
           color: #002A86;
           font-size: 1.2em;
           letter-spacing: 0.3em;
           font-weight: bold; }
           section#sec_02 article dl dd {
           font-size: 0.87em; 
           line-height: 1.87em; 
           letter-spacing: 0.08em;}
           section#sec_02 article .l_clm, section#sec_02 article .r_clm {
               width: 450px;}
        　section#sec_02 article .l_clm dl {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;}
            section#sec_02 article dl dt, section#sec_02 article dl dd {
                margin-bottom: 1em; 
            }
        section#sec_02 article.clm_3 {
            width: 999px;}
        section#sec_02 article.clm_3 img {
            max-width: 300px;
            height: 200px;
            margin-bottom: 5px;}
         section#sec_02 article.clm_3 dl dt {
           font-size: 1.2em;
           letter-spacing: 0.0001em;}
           section#sec_02 article.clm_3 dl dd {
           font-size: 0.867em; 
           line-height: 1.87em; 
           letter-spacing: 0.09em;}
           section#sec_02 article.clm_3 .l_clm,section#sec_02 article.clm_3 .c_clm, section#sec_02 article.clm_3 .r_clm {
               width: 300px;}
            section#sec_02 article.clm_3 dl dt, section#sec_02 article.clm_3 dl dd {
                margin-bottom: 0.5em;
            }
   
		
/*sec_03*/
 section#sec_03 {
     margin: 0 auto;
  }
  
/*sec_04*/
  section#sec_04 {
      margin: 0 auto;
      -webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 80%);
      clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 80%);
      background-color:#F2F4F9;
      padding: 150px 0 184px 0;
      }
      section#sec_04.recruit04{
      -webkit-clip-path: polygon(0 6%, 100% 12%, 100% 96%, 0 91%);
      clip-path: polygon(0 6%, 100% 12%, 100% 96%, 0 91%);
      }
      section#sec_04 div.address {
         margin-bottom: 50px;
      }
      section#sec_04 div.address::before {
         border-color: #F2F4F9;
      }
      section#sec_04 div.address::after {
        border-color: #F2F4F9;}

/*sec_05*/
  section#sec_05 {
    margin: 0 auto;}
  section#sec_05 table td{
      letter-spacing: 0.06em;
  }
  section#sec_05 table td span{
      color: #4D4D4D;
  }
  
  /*sec_06*/
section#sec_06 {
    margin: 50px 0 100px 0;
}

footer {
  background: #002A86;
  width: 100%;
  height: 50px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;}
  footer p{
      letter-spacing: 0.1em;
  }