@charset "UTF-8";
.container > .wrapper > .overview {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #eaead6; }
  .container > .wrapper > .overview > h2 {
    width: 100%;
    border: none;
    border-left: 4px solid #b60005;
    background: none;
    font-size: 21px;
    border-radius: 0;
    line-height: 21px; }
    .container > .wrapper > .overview > h2 > span {
      padding: 0;
      padding-left: 12px;
      border-left: none; }
  .container > .wrapper > .overview > .introduction {
    position: relative;
    width: 100%; }
    .container > .wrapper > .overview > .introduction > .left {
      width: 100%; }
      .container > .wrapper > .overview > .introduction > .left > .iconWrap {
        width: 100%; }
        .container > .wrapper > .overview > .introduction > .left > .iconWrap > ul {
          width: 100%; }
          .container > .wrapper > .overview > .introduction > .left > .iconWrap > ul > li {
            padding: 0 8px 28px 0; }
    .container > .wrapper > .overview > .introduction > .right {
      width: 100%; }
      .container > .wrapper > .overview > .introduction > .right > ul > li > .link {
        width: 253px;
        height: 47.5px;
        margin-top: 14px;
        line-height: 48px;
        font-size: 16px; }
        .container > .wrapper > .overview > .introduction > .right > ul > li > .link::before {
          top: calc(50% - 11px); }
  .container > .wrapper > .overview .jumpBox {
    width: 100%; }
    .container > .wrapper > .overview .jumpBox.absolute {
      position: absolute;
      top: -36px;
      right: 0;
      width: auto; }
    .container > .wrapper > .overview .jumpBox > ul {
      width: 100%; }
      .container > .wrapper > .overview .jumpBox > ul > li {
        position: relative; }
        .container > .wrapper > .overview .jumpBox > ul > li > .vacancy {
          content: "";
          width: 460px;
          height: 65px;
          width: 437px;
          height: 61.75px;
          background: url(/img/default/list_btn_emtryroom_off.jpg) no-repeat;
          background-size: 437px 61.75px; }
          .container > .wrapper > .overview .jumpBox > ul > li > .vacancy:hover {
            background: url(/img/default/list_btn_emtryroom_on.jpg) no-repeat;
            background-size: 437px 61.75px; }
          .container > .wrapper > .overview .jumpBox > ul > li > .vacancy.en {
            background: url(/img/en/list_btn_emtryroom_off.jpg) no-repeat;
            background-size: 437px 61.75px; }
            .container > .wrapper > .overview .jumpBox > ul > li > .vacancy.en:hover {
              background: url(/img/en/list_btn_emtryroom_on.jpg) no-repeat;
              background-size: 437px 61.75px; }
        .container > .wrapper > .overview .jumpBox > ul > li > .contract {
          content: "";
          width: 250px;
          height: 50px;
          width: 237.5px;
          height: 47.5px;
          background: url(/img/default/list_btn_contract_off.png) no-repeat;
          background-size: 237.5px 47.5px;
          margin-top: 14px; }
          .container > .wrapper > .overview .jumpBox > ul > li > .contract:hover {
            background: url(/img/default/list_btn_contract_on.png) no-repeat;
            background-size: 237.5px 47.5px; }
          .container > .wrapper > .overview .jumpBox > ul > li > .contract.en {
            background: url(/img/en/list_btn_contract_off.png) no-repeat;
            background-size: 237.5px 47.5px; }
            .container > .wrapper > .overview .jumpBox > ul > li > .contract.en:hover {
              background: url(/img/en/list_btn_contract_on.png) no-repeat;
              background-size: 237.5px 47.5px; }
        .container > .wrapper > .overview .jumpBox > ul > li > .contactBtn.outline {
          width: 253px;
          height: 47.5px;
          margin-top: 14px;
          line-height: 48px;
          font-size: 16px; }
  .container > .wrapper > .overview > .left {
    width: 345px; }
    .container > .wrapper > .overview > .left .link {
      width: 100%; }
      .container > .wrapper > .overview > .left .link > img {
        border: 1px solid #fff;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
      .container > .wrapper > .overview > .left .link:hover > img {
        opacity: 0.8; }
    .container > .wrapper > .overview > .left .memo {
      width: 100%;
      font-size: 12px;
      text-align: center; }
    .container > .wrapper > .overview > .left .center {
      width: 100%;
      text-align: center; }
    .container > .wrapper > .overview > .left > .main {
      width: 100%;
      min-height: 432px;
      border: 1px solid #a7a8a0;
      background-color: #eaead6; }
    .container > .wrapper > .overview > .left > .thumbnail {
      width: 100%;
      border: 1px solid #a7a8a0;
      background-color: #eaead6; }
      .container > .wrapper > .overview > .left > .thumbnail > ul {
        width: 100%; }
        .container > .wrapper > .overview > .left > .thumbnail > ul > li {
          padding-right: 10px;
          padding-bottom: 10px; }
          .container > .wrapper > .overview > .left > .thumbnail > ul > li:nth-of-type(4n) {
            padding-right: 0; }
          .container > .wrapper > .overview > .left > .thumbnail > ul > li:nth-of-type(n+9) {
            display: none; }
  .container > .wrapper > .overview > .right {
    width: 615px; }
    .container > .wrapper > .overview > .right th {
      width: 120px !important; }
.container > .wrapper > .contents > h2 {
  width: 100%;
  border: none;
  border-left: 4px solid #b60005;
  background: none;
  font-size: 21px;
  border-radius: 0;
  line-height: 21px; }
  .container > .wrapper > .contents > h2 > span {
    padding: 0;
    padding-left: 12px;
    border-left: none; }
.container > .wrapper > .contents > .introduction {
  width: 100%; }
  .container > .wrapper > .contents > .introduction > .left {
    width: 469px; }
    .container > .wrapper > .contents > .introduction > .left > .iconWrap {
      width: 100%; }
      .container > .wrapper > .contents > .introduction > .left > .iconWrap > ul {
        width: 100%; }
        .container > .wrapper > .contents > .introduction > .left > .iconWrap > ul > li {
          padding: 0 8px 28px 0; }
  .container > .wrapper > .contents > .introduction > .right {
    width: 236px; }
    .container > .wrapper > .contents > .introduction > .right > ul {
      width: 100%; }
      .container > .wrapper > .contents > .introduction > .right > ul > li {
        width: 100%;
        position: relative; }
.container > .wrapper > .contents > .jumpBox {
  width: 100%; }
  .container > .wrapper > .contents > .jumpBox > ul {
    width: 100%; }
    .container > .wrapper > .contents > .jumpBox > ul > li {
      position: relative; }
      .container > .wrapper > .contents > .jumpBox > ul > li > .vacancy {
        content: "";
        width: 460px;
        height: 65px;
        width: 437px;
        height: 61.75px;
        background: url(/img/default/list_btn_emtryroom_off.jpg) no-repeat;
        background-size: 437px 61.75px; }
        .container > .wrapper > .contents > .jumpBox > ul > li > .vacancy:hover {
          background: url(/img/default/list_btn_emtryroom_on.jpg) no-repeat;
          background-size: 437px 61.75px; }
      .container > .wrapper > .contents > .jumpBox > ul > li > .contract {
        content: "";
        width: 250px;
        height: 50px;
        width: 237.5px;
        height: 47.5px;
        background: url(/img/default/list_btn_contract_off.png) no-repeat;
        background-size: 237.5px 47.5px;
        margin-top: 14px; }
        .container > .wrapper > .contents > .jumpBox > ul > li > .contract:hover {
          background: url(/img/default/list_btn_contract_on.png) no-repeat;
          background-size: 237.5px 47.5px; }
.container > .wrapper > .contents > .thumbnail.gallery {
  width: 100%; }
  .container > .wrapper > .contents > .thumbnail.gallery .link {
    width: 100%; }
    .container > .wrapper > .contents > .thumbnail.gallery .link > img {
      border: 1px solid #fff;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
    .container > .wrapper > .contents > .thumbnail.gallery .link:hover > img {
      opacity: 0.8; }
  .container > .wrapper > .contents > .thumbnail.gallery .memo {
    width: 100%;
    font-size: 12px; }
  .container > .wrapper > .contents > .thumbnail.gallery .center {
    width: 100%;
    text-align: center; }
  .container > .wrapper > .contents > .thumbnail.gallery > .left {
    width: 345px; }
    .container > .wrapper > .contents > .thumbnail.gallery > .left > .main {
      width: 100%;
      min-height: 432px;
      border: 1px solid #a7a8a0;
      background-color: #eaead6; }
  .container > .wrapper > .contents > .thumbnail.gallery > .right {
    width: 344px; }
    .container > .wrapper > .contents > .thumbnail.gallery > .right > .thumbnail {
      width: 100%;
      min-height: 432px;
      border: 1px solid #a7a8a0;
      background-color: #eaead6; }
      .container > .wrapper > .contents > .thumbnail.gallery > .right > .thumbnail > ul {
        width: 100%; }
        .container > .wrapper > .contents > .thumbnail.gallery > .right > .thumbnail > ul > li {
          padding-right: 10px;
          padding-bottom: 10px; }
          .container > .wrapper > .contents > .thumbnail.gallery > .right > .thumbnail > ul > li:nth-of-type(4n) {
            padding-right: 0; }
.container > .wrapper > .contents > .about {
  width: 100%; }
  .container > .wrapper > .contents > .about > table > tbody > tr > th {
    width: 170px; }
  .container > .wrapper > .contents > .about > table > tbody > tr > td.facilities {
    width: 80%;
    padding-right: 0; }
    .container > .wrapper > .contents > .about > table > tbody > tr > td.facilities > ul {
      width: 100%; }
      .container > .wrapper > .contents > .about > table > tbody > tr > td.facilities > ul > li {
        width: calc(98%/3);
        display: inline-block;
        position: relative;
        line-height: 32px; }
        .container > .wrapper > .contents > .about > table > tbody > tr > td.facilities > ul > li:before {
          content: attr(data-text);
          font-size: 12px;
          line-height: 24px;
          position: absolute;
          top: 0;
          left: 32px; }
.container > .wrapper > .contents > .contract {
  width: 100%;
  border-bottom: 2px solid #ff7822; }
  .container > .wrapper > .contents > .contract > h3 {
    width: 100%;
    border-bottom: 2px solid #ff7822; }
  .container > .wrapper > .contents > .contract > .text {
    width: 100%;
    line-height: 20px; }
.container > .wrapper > .contents > .about2 {
  width: 100%; }
  .container > .wrapper > .contents > .about2 > h3 {
    width: 100%; }
    .container > .wrapper > .contents > .about2 > h3 > img {
      width: 100%; }
.container > .wrapper > .contents > .explanation {
  width: 100%;
  border-bottom: 2px solid #b60005; }
  .container > .wrapper > .contents > .explanation > h3 {
    width: 100%;
    border-bottom: 2px solid #b60005; }
  .container > .wrapper > .contents > .explanation > .text {
    width: 100%;
    line-height: 20px;
    overflow: auto;
    height: 300px; }
.container > .wrapper > .contents > .map {
  width: 100%;
  border-bottom: 2px solid #b60005; }
  .container > .wrapper > .contents > .map > h3 {
    width: 100%;
    border-bottom: 2px solid #b60005; }
  .container > .wrapper > .contents > .map > iframe {
    width: 100%;
    height: 320px; }
  .container > .wrapper > .contents > .map > .link {
    color: #333;
    text-decoration: none;
    position: relative; }
    .container > .wrapper > .contents > .map > .link::before {
      content: "";
      background: url(/img/maps-128.png) no-repeat;
      background-size: 16px;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 14px;
      left: 0; }
    .container > .wrapper > .contents > .map > .link:hover {
      text-decoration: underline; }
.container > .wrapper > .contents > .youtube {
  width: 100%;
  border-bottom: 2px solid #b60005; }
  .container > .wrapper > .contents > .youtube > h3 {
    width: 100%;
    border-bottom: 2px solid #b60005; }
  .container > .wrapper > .contents > .youtube > .slider {
    width: 100%;
    overflow: hidden; }
    .container > .wrapper > .contents > .youtube > .slider .slick-list {
      width: 100%;
      position: relative;
      overflow: visible; }
    .container > .wrapper > .contents > .youtube > .slider ul {
      width: 100%; }
      .container > .wrapper > .contents > .youtube > .slider ul li {
        box-shadow: 0 0 5px #ccc;
        background: #fff; }
        .container > .wrapper > .contents > .youtube > .slider ul li img {
          width: 100%;
          height: auto;
          border: 10px solid #fff;
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4); }
    .container > .wrapper > .contents > .youtube > .slider .slick-prev:before {
      color: #000; }
    .container > .wrapper > .contents > .youtube > .slider .slick-next:before {
      color: #000; }
    .container > .wrapper > .contents > .youtube > .slider .slick-prev, .container > .wrapper > .contents > .youtube > .slider .slick-next {
      z-index: 100; }
    .container > .wrapper > .contents > .youtube > .slider .slick-prev:before, .container > .wrapper > .contents > .youtube > .slider .slick-next:before {
      position: absolute;
      top: -32px; }
    .container > .wrapper > .contents > .youtube > .slider .slick-prev:before {
      content: "";
      width: 48px;
      height: 48px;
      background-image: url("data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20preserveAspectRatio%3D%22xMinYMid%22%20fill%3D%22%23fff%22%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22163.916%2C0%2092.084%2C71.822%20276.258%2C255.996%2092.084%2C440.178%20163.916%2C512%20419.916%2C255.996%22%20%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      transform: rotate(-180deg);
      left: 51px;
      background-color: #333;
      border-radius: 50%;
      background-size: 32px; }
    .container > .wrapper > .contents > .youtube > .slider .slick-next:before {
      content: "";
      width: 48px;
      height: 48px;
      background-image: url("data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20preserveAspectRatio%3D%22xMinYMid%22%20fill%3D%22%23fff%22%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22163.916%2C0%2092.084%2C71.822%20276.258%2C255.996%2092.084%2C440.178%20163.916%2C512%20419.916%2C255.996%22%20%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      right: 51px;
      background-color: #333;
      border-radius: 50%;
      background-size: 32px; }
.container > .wrapper > .contents > .contractBox, .container > .wrapper > .contents > .resultBox {
  width: 100%; }
  .container > .wrapper > .contents > .contractBox > h3, .container > .wrapper > .contents > .resultBox > h3 {
    width: 100%; }
    .container > .wrapper > .contents > .contractBox > h3 > img, .container > .wrapper > .contents > .resultBox > h3 > img {
      width: 100%; }
  .container > .wrapper > .contents > .contractBox > .readmore, .container > .wrapper > .contents > .resultBox > .readmore {
    width: 100%; }
    .container > .wrapper > .contents > .contractBox > .readmore > .link, .container > .wrapper > .contents > .resultBox > .readmore > .link {
      width: 100%;
      border: 1px solid #a7a8a0;
      border-radius: 4px;
      text-align: center;
      color: #333;
      font-weight: bold;
      text-decoration: none;
      background: linear-gradient(to bottom, #fff 0%, #dcdcdc); }
      .container > .wrapper > .contents > .contractBox > .readmore > .link:hover, .container > .wrapper > .contents > .resultBox > .readmore > .link:hover {
        background: linear-gradient(to top, #fff 0%, #dcdcdc);
        border: 1px solid #e10004; }
.container > .wrapper > .contents > .resultBox > table > thead > tr > th {
  background-color: #6c4e3f !important; }
.container > .wrapper > .contents > .nearBox {
  width: 100%;
  border: 1px solid #a7a8a0;
  border-radius: 4px;
  box-shadow: 4px 4px 6px 1px #dcdcdc; }
  .container > .wrapper > .contents > .nearBox > h3 > .ribbon {
    display: inline-block;
    position: relative;
    padding: 20px 48px 20px 96px;
    font-size: 18px;
    /*フォントサイズ*/
    color: #fff;
    /*フォントカラー*/
    background: #3c9196;
    /*リボンの色*/
    border-radius: 6px;
    margin-left: -26px;
    font-size: 20px;
    box-shadow: 1px 1px 0px 1px #dcdcdc; }
    .container > .wrapper > .contents > .nearBox > h3 > .ribbon::before {
      position: absolute;
      content: '';
      top: 100%;
      left: 5px;
      border: none;
      border-bottom: solid 8px transparent;
      border-right: solid 20px #096c70;
      /*折り返し部分*/ }
    .container > .wrapper > .contents > .nearBox > h3 > .ribbon::after {
      position: absolute;
      content: '';
      background: url(/img/default/hirameki_icon.png);
      background-size: 33px 36px;
      width: 33px;
      height: 36px;
      top: 8px;
      left: 40px; }
    .container > .wrapper > .contents > .nearBox > h3 > .ribbon.ribbon01 {
      background: #3c9196;
      /*リボンの色*/ }
      .container > .wrapper > .contents > .nearBox > h3 > .ribbon.ribbon01::before {
        border-right: solid 20px #096c70;
        /*折り返し部分*/ }
    .container > .wrapper > .contents > .nearBox > h3 > .ribbon.ribbon02 {
      background: #ba6866;
      /*リボンの色*/ }
      .container > .wrapper > .contents > .nearBox > h3 > .ribbon.ribbon02::before {
        border-right: solid 20px #911f1d;
        /*折り返し部分*/ }
  .container > .wrapper > .contents > .nearBox > h3 > span {
    line-height: 60px;
    font-weight: normal; }
  .container > .wrapper > .contents > .nearBox > ul > li {
    width: 164px;
    height: 198px;
    border-right: 1px solid #a7a8a0;
    padding-right: 10px;
    padding-left: 10px; }
    .container > .wrapper > .contents > .nearBox > ul > li:last-of-type {
      border-right: none;
      width: 163px; }
    .container > .wrapper > .contents > .nearBox > ul > li > .link {
      width: 100%;
      color: #333;
      font-size: 12px;
      line-height: 16px; }
      .container > .wrapper > .contents > .nearBox > ul > li > .link > img:hover {
        opacity: 0.8; }
      .container > .wrapper > .contents > .nearBox > ul > li > .link > p.title:hover {
        text-decoration: underline; }

table.bukken.list > tbody > tr {
  cursor: pointer; }
  table.bukken.list > tbody > tr:hover > td {
    background-color: #feb0b2; }

/*# sourceMappingURL=d--articles--index.css.map */