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

	▼▼▼ 会社案内

===================================== */
/* ====================
ページタイトル
==================== */
.page_main .page_main__image {
  background: url(../img/company/mv.png) no-repeat scroll center center;
  background-size: cover;
}

/* ==========
挨拶
========== */
.greeting {
  text-align: center;
  margin: 0 auto 100px;
}
.greeting .greeting__txt {
  text-align: center;
  font-size: 18px;
  line-height: 2;
  margin: 0 auto;
  display: inline-block;
  letter-spacing: 0.1em;
}
.greeting .greeting__president {
  text-align: right;
  margin-top: 15px;
  letter-spacing: normal;
}
.greeting .greeting__president span {
  font-size: 24px;
  letter-spacing: 0.2em;
}

/* ==========
会社方針
========== */
.policy {
  margin: 0 0 50px;
}
.policy .policy__txt {
  text-align: center;
  font-size: 18px;
  line-height: 2;
  margin: 0 auto 50px;
  letter-spacing: 0.1em;
}
.policy h3 {
  font-size: 32px;
  color: #0053A5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.policy h3::after {
  border-top: 1px solid;
  content: "";
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 20px;
}
.policy .policy__sub_txt {
  line-height: 2.2;
  margin: 10px 0 0;
}
.policy .policy__sub_txt + h3 {
  margin: 50px 0 0;
}

/* ==========
会社概要
========== */
.overview {
  margin: 0 auto 100px;
}
.overview .overview__list {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  border-top: 1px solid #CCCCCC;
}
.overview .overview__list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-bottom: 1px solid #CCCCCC;
}
.overview .overview__list dl dt {
  width: 200px;
  padding: 25px 10px;
}
.overview .overview__list dl dd {
  width: calc(100% - 200px);
  padding: 20px 0;
}
.overview .overview__list dl dd.name img {
  height: 16px;
  text-align: left;
}
.overview .overview__list dl dd .en {
  display: block;
  font-size: 12px;
  margin-top: 2px;
}
.overview .overview__list dl dd .address .google_map_link {
  position: relative;
  display: inline-block;
  margin-left: 20px;
}
.overview .overview__list dl dd .address .google_map_link::before {
  margin: 0 4px 0 0;
  content: " ";
  display: inline-block;
  width: 14px;
  height: 18px;
  background-color: #333;
  -webkit-mask-image: url(../img/common/icon_map.svg);
          mask-image: url(../img/common/icon_map.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  vertical-align: middle;
}
.overview .overview__list dl dd .address .google_map_link a {
  color: #333;
  text-decoration: underline;
  line-height: 1.2;
}
.overview .overview__construction {
  width: 100%;
  margin: 0 0 30px;
  margin: 0 0 30px;
}
.overview .overview__construction + .overview__construction {
  margin: 0;
}
.overview .overview__construction .overview__construction_title {
  font-weight: bold;
  padding: 0 0 5px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin: 0 0 20px;
}
.overview .overview__construction .overview__construction_wrap .overview__construction_item {
  margin: 0;
}
.overview .overview__construction .overview__construction_wrap .overview__construction_item + .overview__construction_item {
  margin: 30px 0 0;
}
.overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_companynamme {
  width: 57%;
}
.overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_companynamme a {
  color: inherit;
  text-decoration: underline;
}
.overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_list {
  width: 43%;
}
.overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_list.flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_list.flex li {
  width: 50%;
}
.overview .overview__bank a {
  color: inherit;
  text-decoration: underline;
}

/* ==========
会社沿革
========== */
.history {
  margin: 0 0 100px;
}
.history .history__list .history__list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.history .history__list .history__list_item:nth-child(2n) {
  background-color: #eeeeee;
}
.history .history__list .history__list_item .history__data {
  width: 200px;
  padding: 20px 10px;
}
.history .history__list .history__list_item .history__title {
  width: calc(100% - 200px);
  padding: 20px 10px;
}
.history .history__list .history__list_item .history__title a {
  color: inherit;
  text-decoration: underline;
}
.history .history__list .history__list_item .history__title .trademark {
  display: inline-block;
  margin: 30px 0 0;
}
.history .history__list .history__list_item .history__title .trademark dt {
  border-bottom: 1px solid #ccc;
}
.history .history__list .history__list_item .history__title .trademark dd {
  margin: 10px 0 0;
}
.history .history__list .history__list_item .history__title.panda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history .history__list .history__list_item .history__title.panda .panda_trademark {
  padding: 0 100px 0 0;
}
.history .history__list .history__list_item .history__title.panda .panda_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.history .history__list .history__list_item .history__title.panda .panda_info .character {
  width: 125px;
}
.history .history__list .history__list_item .history__title.panda .panda_info .character img {
  width: 100%;
}
.history .history__list .history__list_item .history__title.panda .panda_info .name_wrap {
  margin-left: 30px;
}
.history .history__list .history__list_item .history__title.panda .panda_info .name_wrap dl {
  display: inline-block;
  text-align: center;
}
.history .history__list .history__list_item .history__title.panda .panda_info .name_wrap dl dt {
  font-size: 14px;
  width: 7em;
  border-bottom: 1px solid #ccc;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}
.history .history__list .history__list_item .history__title.panda .panda_info .name_wrap dl dd {
  width: 160px;
  margin: 10px 0 0;
}
.history .history__list .history__list_item .history__title.panda .panda_info .name_wrap .panda_link {
  margin: 30px 0 0;
}
.history .history__list .history__list_item .history__title.panda .panda_info .name_wrap .panda_link::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0;
  border-top: 2px solid #0053A5;
  border-right: 2px solid #0053A5;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.history .history__list .history__list_item .history__title.panda .panda_info .name_wrap .panda_link a {
  color: #0053A5;
  display: inline-block;
  margin-left: 5px;
}

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

	▼▼▼ 1024px以下

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

	▼▼▼ max-width: 768px

===================================== */
@media screen and (max-width: 768px) {
  /* ==========
  挨拶
  ========== */
  .greeting {
    margin: 0 auto 50px;
  }
  .greeting .greeting__txt {
    font-size: 14px;
    margin: 0 auto;
    letter-spacing: 0.1em;
  }
  .greeting .greeting__president {
    text-align: right;
    margin-top: 15px;
    letter-spacing: normal;
  }
  .greeting .greeting__president span {
    font-size: 18px;
    letter-spacing: 0.2em;
  }
  /* ==========
  会社方針
  ========== */
  .policy {
    margin: 0 0 50px;
  }
  .policy .policy__txt {
    font-size: 14px;
    line-height: 2;
    margin: 0 auto 20px;
    letter-spacing: 0.1em;
  }
  .policy h3 {
    font-size: 20px;
    margin: 0;
  }
  .policy h3::after {
    margin-left: 20px;
  }
  .policy .policy__sub_txt {
    line-height: 2.2;
    margin: 5px 0 0;
  }
  .policy .policy__sub_txt + h3 {
    margin: 30px 0 0;
  }
  /* ==========
  会社概要
  ========== */
  .overview {
    margin: 0 auto 50px;
  }
  .overview .overview__list {
    width: 100%;
    max-width: 100%;
  }
  .overview .overview__list dl dt {
    width: 170px;
    padding: 20px 10px;
  }
  .overview .overview__list dl dd {
    width: calc(100% - 170px);
    padding: 20px 0;
  }
  .overview .overview__list dl dd.name img {
    height: 14px;
  }
  .overview .overview__construction {
    margin: 0 0 20px;
  }
  .overview .overview__construction + .overview__construction {
    margin: 0;
  }
  .overview .overview__construction .overview__construction_title {
    width: 100%;
    margin: 0 0 10px;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item {
    margin: 0;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item + .overview__construction_item {
    margin: 20px 0 0;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_companynamme {
    width: 57%;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_companynamme a {
    color: inherit;
    text-decoration: underline;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_list {
    width: 43%;
    font-size: 13px;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_list.flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_list.flex li {
    width: 50%;
  }
  .overview .overview__bank a {
    color: inherit;
    text-decoration: underline;
  }
  /* ==========
  会社沿革
  ========== */
  .history {
    margin: 0 0 50px;
  }
  .history .history__list .history__list_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .history .history__list .history__list_item .history__data {
    width: 170px;
    padding: 15px 10px;
  }
  .history .history__list .history__list_item .history__title {
    width: calc(100% - 170px);
    padding: 15px 10px;
  }
  .history .history__list .history__list_item .history__title a {
    color: inherit;
    text-decoration: underline;
  }
  .history .history__list .history__list_item .history__title.panda {
    display: block;
  }
  .history .history__list .history__list_item .history__title.panda .panda_trademark {
    padding: 0;
  }
  .history .history__list .history__list_item .history__title.panda .panda_trademark .trademark {
    margin: 10px 0 0;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 20px 0 0;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .character {
    width: 100px;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .character img {
    width: 100%;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .name_wrap {
    margin-left: 20px;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .name_wrap dl {
    display: inline-block;
    text-align: center;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .name_wrap dl dt {
    font-size: 14px;
    width: 7em;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .name_wrap dl dd {
    width: 130px;
    margin: 10px 0 0;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .name_wrap .panda_link {
    margin: 20px 0 0;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .name_wrap .panda_link::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0;
    border-top: 2px solid #0053A5;
    border-right: 2px solid #0053A5;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .name_wrap .panda_link a {
    color: #0053A5;
    display: inline-block;
    margin-left: 5px;
  }
}
/* =====================================

	▼▼▼ 480px以下

===================================== */
@media screen and (max-width: 480px) {
  /* ==========
  挨拶
  ========== */
  .greeting .greeting__txt {
    text-align: left;
    font-size: 14px;
    margin: 0 auto;
    letter-spacing: 0.1em;
  }
  .greeting .greeting__president {
    text-align: right;
    margin-top: 15px;
    letter-spacing: normal;
  }
  .greeting .greeting__president span {
    font-size: 18px;
    letter-spacing: 0.2em;
  }
  /* ==========
  会社方針
  ========== */
  .policy {
    margin: 0 0 50px;
  }
  .policy .policy__txt {
    text-align: left;
  }
  .policy h3 {
    font-size: 20px;
  }
  .policy h3::after {
    margin-left: 20px;
  }
  .policy .policy__sub_txt {
    line-height: 2;
  }
  .policy .policy__sub_txt + h3 {
    margin: 20px 0 0;
  }
  /* ==========
  会社概要
  ========== */
  .overview .overview__list dl {
    display: block;
  }
  .overview .overview__list dl dt {
    background-color: #eee;
    width: 100%;
    padding: 10px 10px;
  }
  .overview .overview__list dl dd {
    width: 100%;
    padding: 15px 10px 15px;
  }
  .overview .overview__list dl dd.name img {
    height: 13px;
    vertical-align: middle;
  }
  .overview .overview__list dl dd span {
    font-size: 11px;
  }
  .overview .overview__construction {
    margin: 0 0 20px;
  }
  .overview .overview__construction + .overview__construction {
    margin: 0;
  }
  .overview .overview__construction .overview__construction_title {
    width: 100%;
    margin: 0 0 10px;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item {
    display: block;
    margin: 0;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item + .overview__construction_item {
    margin: 20px 0 0;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_companynamme {
    width: 100%;
    margin: 0 0 10px;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_companynamme a {
    color: inherit;
    text-decoration: underline;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_list {
    width: 100%;
    font-size: 13px;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_list.flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .overview .overview__construction .overview__construction_wrap .overview__construction_item .overview__construction_list.flex li {
    width: 50%;
  }
  .overview .overview__bank a {
    color: inherit;
    text-decoration: underline;
  }
  /* ==========
  会社沿革
  ========== */
  .history {
    margin: 0 0 50px;
  }
  .history .history__list .history__list_item {
    display: block;
  }
  .history .history__list .history__list_item .history__data {
    width: 100%;
    padding: 15px 10px 0;
  }
  .history .history__list .history__list_item .history__title {
    width: 100%;
    padding: 0 10px 15px;
  }
  .history .history__list .history__list_item .history__title a {
    color: inherit;
    text-decoration: underline;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 20px 0 0;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .character {
    width: 100px;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .character img {
    width: 100%;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .name_wrap {
    margin-left: 10px;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .name_wrap .panda_link {
    margin: 20px 0 0;
  }
  .history .history__list .history__list_item .history__title.panda .panda_info .name_wrap .panda_link a {
    margin-left: 5px;
  }
}/*# sourceMappingURL=company.css.map */