@charset "UTF-8";
/* スライドするButton Hover Effects 左から */
/* スライドするButton Hover Effects 左下から */
/* 画像を丸くトリミング */
/* 縦横中央・GRID */
/* テスト用ボーダー 20210116 */
/* テスト用背景色 */
/* ------------------------
 common トップページ以外
------------------------- */
/* ------------------------
 #gaiyou
------------------------- */
/* #main1 */
#gaiyou #main1 .wrap.list-root,
#gaiyou #main3 .wrap.list-root {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#gaiyou #main1 .list-item {
  width: 33.3%;
  padding: 0 1em;
  text-align: left; }
  #gaiyou #main1 .list-item img {
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.Shadow(color="#d9d9d9", Direction=145, Strength=5); }
@media only screen and (max-width: 1140px) and (max-width: 1024px) {
  #gaiyou #main1 .list-item {
    width: 100%;
    padding: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #gaiyou #main1 .list-item:last-of-type {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0; }
    #gaiyou #main1 .list-item img {
      -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
      -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
      filter: progid:DXImageTransform.Microsoft.Shadow(color="#d9d9d9", Direction=145, Strength=5); } }

@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 375px) {
  #gaiyou #main1 .list-item {
    padding-bottom: 15px;
    margin-bottom: 15px; } }

#gaiyou #main1 .list-item .ttl {
  width: 100%;
  line-height: 1.3;
  font-size: 130%;
  margin-bottom: 1em; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #gaiyou #main1 .list-item .ttl {
    width: 100%;
    flex-direction: row;
    order: 1; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 375px) {
    #gaiyou #main1 .list-item .ttl {
      margin-bottom: 0.5em; } }

#gaiyou #main1 .list-item .ttl span {
  display: block;
  padding-top: 0.5em;
  font-weight: 600;
  font-size: 65%; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) {
  #gaiyou #main1 .list-item .ttl span {
    display: inline-block; } }

@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 375px) {
  #gaiyou #main1 .list-item .ttl span {
    font-size: 85%; } }

#gaiyou #main1 .list-item .img {
  width: 100%;
  margin-bottom: 0.8em; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) {
  #gaiyou #main1 .list-item .img {
    flex-direction: row;
    order: 2;
    width: 30%; } }

@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 375px) {
  #gaiyou #main1 .list-item .img {
    width: 100%; } }

#gaiyou #main1 .list-item .txt {
  line-height: 1.3;
  font-size: 95%; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) {
  #gaiyou #main1 .list-item .txt {
    width: 65%;
    flex-direction: row;
    order: 2; } }

@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 375px) {
  #gaiyou #main1 .list-item .txt {
    width: 100%; } }

#gaiyou #main1 .list-item .txt .links {
  width: 100%;
  padding: 0.2em;
  margin-top: 0.5em;
  border: 1px solid #ccc;
  border-radius: 5px; }

#gaiyou #main1 .list-item .links a {
  display: block;
  color: blue;
  font-size: 90%;
  line-height: 1.8; }

#gaiyou #main1 .list-item .links a:before {
  content: "・"; }

#gaiyou #main1 .list-item .links a:after {
  content: " \f0a9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900; }

/* #main2 */
#gaiyou #main2 .inner {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#gaiyou #main2 .wrap.list-root {
  width: 49%;
  border: 1px solid #ccc; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #gaiyou #main2 .wrap.list-root {
    width: 100%; } }

#gaiyou #main2 .list-item {
  text-align: left;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#gaiyou #main2 .list-item .col {
  padding: 0.8em 0.5em; }

#gaiyou #main2 .list-item .col2-1 {
  width: 20%;
  border-right: 1px solid #ccc;
  font-weight: 600;
  text-align: right; }

#gaiyou #main2 .list-item .col2-2 {
  width: 80%;
  text-align: left; }

/* #main3 */
#gaiyou #main3 .list-item {
  width: 33.3%;
  padding: 0 1em;
  margin-bottom: 1.8em;
  text-align: left; }
  #gaiyou #main3 .list-item img {
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.Shadow(color="#d9d9d9", Direction=145, Strength=5); }
@media only screen and (max-width: 1140px) and (max-width: 1024px) {
  #gaiyou #main3 .list-item {
    margin-bottom: 1.3em; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    #gaiyou #main3 .list-item {
      width: 49.5%;
      padding: 0;
      margin-bottom: 1em;
      -js-display: flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #gaiyou #main3 .list-item:last-of-type {
        margin-bottom: 0; }
      #gaiyou #main3 .list-item img {
        -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
        filter: progid:DXImageTransform.Microsoft.Shadow(color="#d9d9d9", Direction=145, Strength=5); } }

/* ------------------------
 #recruit
------------------------- */
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 375px) {
  #recruit #main1 .sect-ttl {
    font-size: 115%; } }

#recruit #main1 .wrap {
  text-align: left;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 1140px) {
    #recruit #main1 .wrap {
      -js-display: flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: flex-start;
      -ms-align-items: flex-start;
      align-items: flex-start;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

#recruit #main1 .wrap .img {
  width: 35%; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #recruit #main1 .wrap .img {
    width: 100%;
    margin-bottom: 1em; } }

#recruit #main1 .wrap .txt {
  width: 62%; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #recruit #main1 .wrap .txt {
    width: 100%; } }

#recruit #main1 .wrap .txt p {
  padding-left: 1em;
  margin-bottom: 1.5em; }
  #recruit #main1 .wrap .txt p:last-of-type {
    margin-bottom: 0; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #recruit #main1 .wrap .txt p {
    margin-bottom: 1em; } }

#recruit #main3 .list-root {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#recruit #main3 .list-item {
  width: 33.3%;
  padding: 0 1em;
  margin-bottom: 1.8em;
  text-align: left; }
  #recruit #main3 .list-item img {
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.Shadow(color="#d9d9d9", Direction=145, Strength=5); }
@media only screen and (max-width: 1140px) and (max-width: 1024px) {
  #recruit #main3 .list-item {
    margin-bottom: 1.3em; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    #recruit #main3 .list-item {
      width: 49.5%;
      padding: 0;
      margin-bottom: 1em;
      -js-display: flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #recruit #main3 .list-item:last-of-type {
        margin-bottom: 0; }
      #recruit #main3 .list-item img {
        -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0);
        filter: progid:DXImageTransform.Microsoft.Shadow(color="#d9d9d9", Direction=145, Strength=5); } }