@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.page_ttl {
  background: url("../images/company/page_ttl_bg.jpg") top center no-repeat;
}
@media screen and (max-width: 640px) {
  .page_ttl {
    background-size: auto 100%;
  }
}

.outline .content {
  padding-top: 0;
}
.outline .outline_table th {
  width: 10em;
}
@media screen and (max-width: 640px) {
  .outline .outline_table th {
    width: 7em;
  }
}
.outline .outline_table td ul li {
  position: relative;
  display: inline-block;
}
.outline .outline_table td ul li:after {
  content: '／';
  display: inline-block;
  padding: 0 1em;
}
@media screen and (max-width: 640px) {
  .outline .outline_table td ul li:after {
    padding: 0 .5em;
  }
}
.outline .outline_table td ul li:last-child:after {
  content: none;
}
.outline .outline_table_wrap {
  padding: 0 60px 50px;
  background: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 640px) {
  .outline .outline_table_wrap {
    padding: 0 calc((30/760)*100vw) calc((30/760)*100vw);
  }
}

.access .access_map {
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  .access .access_map {
    height: calc((600/760)*100vw);
    margin-bottom: calc((50/760)*100vw);
  }
}
.access .access_way {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width: 640px) {
  .access .access_way {
    margin-bottom: calc((20/760)*100vw);
  }
}
.access .access_way dt, .access .access_way dd {
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .access .access_way dt, .access .access_way dd {
    margin-bottom: calc((10/760)*100vw);
  }
}
.access .access_way dt {
  width: 220px;
  color: #5d3107;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .access .access_way dt {
    width: 100%;
    font-size: calc((30/760)*100vw);
  }
}
.access .access_way dd {
  width: 980px;
}
@media screen and (max-width: 640px) {
  .access .access_way dd {
    width: 100%;
    margin-bottom: calc((30/760)*100vw);
  }
}
.access .access_address {
  margin-bottom: 20px;
  font-style: normal;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .access .access_address {
    margin-bottom: calc((20/760)*100vw);
    font-size: calc((30/760)*100vw);
  }
}

.csr .mttl {
  color: #07335d;
}
.csr .csr_catch {
  position: relative;
  height: 600px;
  background: url("../images/company/csr_01.jpg") top center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 640px) {
  .csr .csr_catch {
    height: calc((750/760)*100vw);
    background-size: auto 100%;
  }
}
.csr .csr_catch_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 2.4rem;
  line-height: 2.0;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .csr .csr_catch_text {
    font-size: calc((30/760)*100vw);
    line-height: 1.8;
  }
}
.csr .csr_wrap {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 100px;
}
@media screen and (max-width: 640px) {
  .csr .csr_wrap {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .csr .csr_wrap.dannetsu .csr_textarea {
    order: 1;
  }
}
@media screen and (max-width: 640px) {
  .csr .csr_wrap.dannetsu .csr_imgarea {
    order: 2;
  }
}
.csr .csr_textarea, .csr .csr_img {
  width: 590px;
}
@media screen and (max-width: 640px) {
  .csr .csr_textarea, .csr .csr_img {
    width: 100%;
  }
}
.csr .csr_textarea .mttl, .csr .csr_img .mttl {
  margin-top: 0;
}
.csr .csr_text {
  margin-bottom: 40px;
  line-height: 2.0;
}
@media screen and (max-width: 640px) {
  .csr .csr_text {
    margin-bottom: calc((30/760)*100vw);
  }
}