/* Scss Document */
/* Scss Document */
#page_ttl {
  background: url("../images/company/page_ttl_bg_l.jpg") top center no-repeat;
}
#page_ttl .inner {
  background: url("../images/company/page_ttl_bg.jpg") top center no-repeat;
}

.page_nav li {
  width: 255px;
}

#factory, #history, #access, #staff {
  margin-top: -120px;
  padding-top: 120px;
}

.bg_wrap {
  background: linear-gradient(-65deg, transparent 0%, transparent 25%, rgba(240, 240, 225, 0.5) 25%, rgba(240, 240, 225, 0.5) 50%, transparent 50%, transparent 100%);
}

#greeting .inner {
  position: relative;
  padding-bottom: 280px;
}
#greeting .greeting_textarea {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 1010px;
  margin: -55px auto 0;
  padding: 50px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  z-index: 9999;
}
#greeting .greeting_textarea .greeting_text {
  font-size: 1.5rem;
  line-height: 2.0;
  text-indent: .2em;
}
#greeting .greeting_textarea .sign {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.2;
}
#greeting .greeting_textarea .sign span {
  font-size: 1.4rem;
}

.company_lttl {
  position: relative;
  width: 290px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  z-index: 9999;
}
.company_lttl .en {
  position: absolute;
  top: 0;
  left: 0;
  color: #DDD;
  font-family: "Times New Roman", Times, "serif";
  font-size: 5.0rem;
  letter-spacing: .1em;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
.company_lttl .jp {
  color: #0A3190;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 3.0rem;
  letter-spacing: .1em;
}

.company_mttl {
  position: relative;
  display: inline-block;
  margin: 50px 0 30px;
  color: #094;
  font-size: 2.0rem;
  font-weight: 500;
}
.company_mttl:after {
  position: absolute;
  top: 50%;
  right: -100px;
  transform: translate(0, -50%);
  content: '';
  width: 79px;
  height: 2px;
  background-color: #094;
}

.factory_content .inner, .history_content .inner {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  justify-content: space-between;
}
.factory_content .company_textarea, .history_content .company_textarea {
  width: 840px;
}

.company_table {
  width: 100%;
  border-top: #CCC 1px solid;
}
.company_table tr {
  border-bottom: #CCC 1px solid;
}
.company_table th, .company_table td {
  padding: .5em 0;
  font-weight: 500;
  text-align: left;
}
.company_table th {
  width: 160px;
}

#factory .factory_content {
  background: linear-gradient(65deg, #094 0%, #094 25%, transparent 25%, transparent 100%);
  border-bottom: #CCC 5px solid;
}
#factory .company_table .employee {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  justify-content: space-between;
}
#factory .company_table .employee .num {
  width: 5em;
}
#factory .company_table .employee dl {
  margin-right: 30px;
}
#factory .company_table .employee dl dt {
  float: left;
}
#factory .company_table .employee dl dd {
  padding-left: 13em;
}
#factory .company_table .col2 {
  -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;
  justify-content: space-between;
}
#factory .company_table .col2 li {
  width: 50%;
}

#history .history_content {
  background: linear-gradient(295deg, #094 0%, #094 25%, transparent 25%, transparent 100%), linear-gradient(55deg, transparent 0%, transparent 50%, rgba(240, 240, 225, 0.5) 50%, rgba(240, 240, 225, 0.5) 80%, transparent 80%, transparent 100%);
  border-bottom: #CCC 5px solid;
}
#history .company_lttl {
  order: 2;
}
#history .company_lttl .en {
  right: 0;
}
#history .company_mttl span {
  display: inline-block;
  margin-left: 1em;
  font-size: 1.6rem;
}
#history .company_textarea {
  order: 1;
}

#access .access_content {
  background: linear-gradient(120deg, transparent 0%, transparent 45%, rgba(240, 240, 225, 0.5) 45%, rgba(240, 240, 225, 0.5) 70%, transparent 70%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 85%, rgba(240, 240, 225, 0.5) 85%, rgba(240, 240, 225, 0.5) 100%), linear-gradient(65deg, #094 0%, #094 10%, transparent 10%, transparent 100%);
  border-bottom: #CCC 5px solid;
}
#access .company_lttl {
  padding: 60px 0 0;
  text-align: left;
}
#access .company_lttl .en {
  -webkit-writing-mode: horizontal-tb;
  -moz-writing-mode: horizontal-tb;
  -ms-writing-mode: horizontal-tb;
  -o-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
}
#access .company_mttl {
  margin: 0 0 20px;
}
#access .company_sttl {
  margin-bottom: 20px;
  color: #094;
  font-size: 1.6rem;
  font-weight: 500;
}
#access .honsha, #access .parking {
  margin-bottom: 50px;
}
#access .map {
  width: 700px;
  height: 350px;
}
#access .textarea {
  width: 390px;
}
#access .textarea address {
  margin-bottom: 20px;
  font-style: normal;
}
#access .textarea dl dt {
  font-weight: bold;
}
#access .textarea dl dd {
  margin-bottom: 20px;
}

#staff .staff_content {
  background: linear-gradient(300deg, #094 0%, #094 15%, transparent 15%, transparent 100%), linear-gradient(55deg, transparent 0%, transparent 50%, rgba(240, 240, 225, 0.5) 50%, rgba(240, 240, 225, 0.5) 80%, transparent 80%, transparent 100%);
}
#staff .inner {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  justify-content: space-between;
}
#staff .company_textarea {
  order: 2;
  width: 400px;
}
#staff .company_lttl {
  order: 1;
  width: 400px;
}
#staff .company_lttl .en {
  right: 0;
}
#staff .more_box {
  margin-top: 165px;
  background: #0A3190;
  color: #FFF;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: .1em;
}
#staff .more_box a {
  display: block;
  padding: 30px 40px;
}
#staff .more_box a:hover {
  opacity: .6;
  transition: .5s;
}
#staff .more_box .more {
  padding-right: 2em;
  background: url("../images/company/staff_arrow.png") top 50% right no-repeat;
  text-align: right;
  font-family: "Times New Roman", Times, "serif";
  font-size: 1.3rem;
  font-weight: normal;
}
#staff .staff_img {
  order: 1;
  width: 700px;
}
.sawarabimincho { font-family: "Sawarabi Mincho"; }

@media screen and (max-width: 640px) {
  #page_ttl {
    background: none;
  }
  #page_ttl .inner {
    background-size: auto 100%;
  }

  .page_nav li {
    width: 19vw;
  }
  .page_nav li a {
    white-space: nowrap;
  }

  #factory, #history, #access, #staff {
    margin-top: -17vw;
    padding-top: 17vw;
  }

  .bg_wrap {
    background: linear-gradient(-60deg, transparent 0%, transparent 60%, rgba(240, 240, 225, 0.5) 60%, rgba(240, 240, 225, 0.5) 80%, transparent 80%, transparent 100%), linear-gradient(45deg, #094 0%, #094 10%, transparent 10%, transparent 100%);
  }

  #greeting .inner {
    padding: 0;
  }
  #greeting .greeting_textarea {
    width: 93.3333333333vw;
    /*(700/750)*100vw*/
    position: static;
    bottom: auto;
    left: auto;
    transform: translate(0, 0);
    margin: -16vw auto 0;
    padding: 5.3333333333vw;
    text-align: left;
  }
  #greeting .greeting_textarea .greeting_text {
    font-size: 3.4666666667vw;
    /*(24/750)*100vw*/
    line-height: 2.0;
    letter-spacing: 0;
  }
  #greeting .greeting_textarea .sign {
    font-size: 4vw;
    /*(30/750)*100vw*/
    text-align: center;
  }
  #greeting .greeting_textarea .sign span {
    font-size: 2.6666666667vw;
    /*(20/750)*100vw*/
  }

  .company_lttl {
    width: 100%;
    margin-bottom: 5.3333333333vw;
    /*(40/750)*100vw*/
  }
  .company_lttl .en {
    position: static;
    top: auto;
    left: auto;
    font-size: 4vw;
    /*(30/750)*100vw*/
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    -o-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
  }
  .company_lttl .jp {
    font-size: 5.3333333333vw;
    /*(40/750)*100vw*/
  }

  .company_mttl {
    margin: 6.6666666667vw 0 4vw;
    font-size: 5.3333333333vw;
    /*(40/750)*100vw*/
  }
  .company_mttl:after {
    right: -13.3333333333vw;
    /*(-100/750)*100vw*/
    width: 10.5333333333vw;
    /*(79/750)*100vw*/
  }

  .factory_content .inner, .history_content .inner {
    display: block;
  }
  .factory_content .company_textarea, .history_content .company_textarea {
    width: 100%;
  }

  .company_table th {
    width: auto;
    padding-right: 1em;
    white-space: nowrap;
  }

  #factory .factory_content {
    background: none;
  }
  #factory .company_table .employee {
    display: block;
  }
	#factory .company_table .employee .num {
  width: 100%;
}
  #factory .company_table .employee dl {
    margin-right: 6.5789473684vw;
  }
  #factory .company_table .col2 {
    display: block;
  }
  #factory .company_table .col2 li {
    width: 100%;
  }

  #history .history_content {
    background: linear-gradient(-55deg, #094 0%, #094 10%, transparent 10%, transparent 100%), linear-gradient(55deg, transparent 0%, transparent 55%, rgba(240, 240, 225, 0.5) 55%, rgba(240, 240, 225, 0.5) 80%, transparent 80%, transparent 100%);
  }
  #history .company_mttl span {
    font-size: 4vw;
    /*(30/750)*100vw*/
  }

  #access .access_content {
    background: linear-gradient(-60deg, transparent 0%, transparent 60%, rgba(240, 240, 225, 0.5) 60%, rgba(240, 240, 225, 0.5) 80%, transparent 80%, transparent 100%), linear-gradient(45deg, #094 0%, #094 10%, transparent 10%, transparent 100%);
  }
  #access .company_lttl {
    padding: 0;
    text-align: center;
  }
  #access .honsha.flex_wrap, #access .parking.flex_wrap, #access .shisha.flex_wrap {
    display: block;
  }
  #access .company_mttl {
    margin: 6.6666666667vw 0 4vw;
  }
  #access .company_sttl {
    margin-bottom: 2.6315789474vw;
    font-size: 3.1578947368vw;
  }
  #access .honsha, #access .parking {
    margin-bottom: 6.5789473684vw;
  }
  #access .map {
    width: 100%;
    height: 80vw;
  }
  #access .textarea {
    width: 100%;
  }

  #staff .staff_content {
    background: linear-gradient(-55deg, #094 0%, #094 10%, transparent 10%, transparent 100%), linear-gradient(55deg, transparent 0%, transparent 55%, rgba(240, 240, 225, 0.5) 55%, rgba(240, 240, 225, 0.5) 80%, transparent 80%, transparent 100%);
  }
  #staff .inner {
    display: block;
  }
  #staff .company_textarea {
    position: relative;
    width: 84vw;
    /*(630/750)*100vw*/
    margin: 0 auto;
    z-index: 99;
  }
  #staff .company_lttl {
    width: 100%;
  }
  #staff .more_box {
    position: absolute;
    top: 70vw;
    margin-top: 0;
    font-size: 3.4210526316vw;
    /*(24/760)*100vw*/
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
  }
  #staff .more_box a {
    padding: 4vw 5.3333333333vw;
  }
  #staff .more_box .more {
    font-size: 3.1578947368vw;
    background-size: 2.5vw;
  }
  #staff .staff_img {
    width: 100%;
    margin-bottom: 30vw;
  }
}