@charset "UTF-8";
/*

COMPANY

*/
/* Vendor */
/* Variable */
/*

breakpoints

*/
/*

base color

*/
/*

text color

*/
/*

table color

*/
/*

button color

*/
/*

width

*/
/*

webfonts

*/
/* Mixin */
/*

clearfix

*/
/*

メディアクエリ

ブレークポイント定義
```sass
$breakpoints:(
	tablet: 959px,
	sp: 679px
);
```

● max-widthで指定する
```sass
@include mq(sp) {
	height:40px;
}
```
```output css
@media screen and (max-width: 679px) {
	height: 40px;
}
```

● 範囲指定する場合は、引数に2つ入れる
```sass
@include mq(sp tablet) {
	height:40px;
}
```
```output css
@media screen and (min-width: 680px) and (max-width: 959px) {
	height: 40px;
}
```

● min-widthで指定する場合は第2引数をtrueにする
```sass
@include mq(tablet, true) {
	height:40px;
}
```
```output css
@media screen and (min-width: 960px) {
	height: 40px;
}
```

*/
/* Function */
body.company {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

body.company .mv.lightblue {
  background-image: url("../../images/company/bg_01.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 575px) {
  body.company .mv.lightblue {
    background-image: url("../../images/company/bg_01_sp.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

body.company .company__detail {
  margin-bottom: 70px;
}

body.company .company__detail .wrapper table {
  width: 100%;
  border-collapse: collapse;
}

@media screen and (max-width: 767px) {
  body.company .company__detail .wrapper table {
    padding-left: 0;
    border: 1px solid #D4DADB;
  }
}

body.company .company__detail .wrapper table .mail, body.company .company__detail .wrapper table .access, body.company .company__detail .wrapper table .rele {
  color: #0068B7;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

body.company .company__detail .wrapper table .mail:hover, body.company .company__detail .wrapper table .access:hover, body.company .company__detail .wrapper table .rele:hover {
  opacity: 0.7;
}

body.company .company__detail .wrapper table .tbs_br {
  display: none !important;
}

@media screen and (max-width: 767px) {
  body.company .company__detail .wrapper table .tbs_br {
    display: block !important;
  }
}

body.company .company__detail .wrapper table tr:last-of-type td {
  position: relative;
  padding: 0;
}

body.company .company__detail .wrapper table tr:last-of-type td dl {
  padding: 25px 0;
  padding-right: 70px;
  margin-left: 35px;
  border-bottom: 1px solid #D4DADB;
}

@media screen and (max-width: 767px) {
  body.company .company__detail .wrapper table tr:last-of-type td dl {
    padding: 7% 0;
    margin-left: 0;
    padding-right: 0;
  }
}

body.company .company__detail .wrapper table tr:last-of-type td dl:last-of-type {
  border-bottom: none;
}

body.company .company__detail .wrapper table tr:last-of-type td dl dt {
  padding-left: 35px;
}

@media screen and (max-width: 767px) {
  body.company .company__detail .wrapper table tr:last-of-type td dl dt {
    padding: 0 3%;
    margin-bottom: 3%;
  }
}

body.company .company__detail .wrapper table tr:last-of-type td dl dd {
  padding-left: 35px;
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  body.company .company__detail .wrapper table tr:last-of-type td dl dd {
    padding: 0 3%;
  }
}

body.company .company__detail .wrapper table tr:last-of-type td dl dd .access {
  display: inline-block;
  background-color: #0068B7;
  color: #fff;
  border-radius: 4px;
  padding-right: 5px;
  margin-left: 10px;
  vertical-align: middle;
  position: relative;
  width: 75px;
  text-align: right;
  font-size: 13px;
  font-size: 1.3rem;
}

body.company .company__detail .wrapper table tr:last-of-type td dl dd .access::before {
  content: "";
  display: block;
  background-image: url(../../images/company/icon_pin_01.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 10px;
  height: 15px;
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

body.company .company__detail .wrapper table tr:last-of-type td dl dd .mail {
  color: #0068B7;
}

body.company .company__detail .wrapper table tr th {
  border-top: solid 1px #D4DADB;
  background-color: #F7F7F7;
  font-weight: normal;
  vertical-align: top;
  width: 200px;
  padding: 25px 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  body.company .company__detail .wrapper table tr th {
    border-top: none;
    width: 100%;
    display: block;
    padding: 3%;
  }
}

body.company .company__detail .wrapper table tr th:last-of-type {
  border-bottom: solid 1px #D4DADB;
}

body.company .company__detail .wrapper table tr td {
  border-top: solid 1px #D4DADB;
  padding: 25px 70px;
}

@media screen and (max-width: 767px) {
  body.company .company__detail .wrapper table tr td {
    border-top: none;
    padding: 7% 3%;
    display: block;
  }
}

body.company .company__detail .wrapper table tr td:last-of-type {
  border-bottom: solid 1px #D4DADB;
}

body.company .company__detail .wrapper table tr td .rele {
  position: relative;
}

@media screen and (max-width: 575px) {
  body.company .company__detail .wrapper table tr td .rele {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

body.company .company__detail .wrapper table tr td .rele::after {
  content: "";
  display: block;
  background-image: url(../../images/company/rele_pin.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 15.825px;
  height: 15.825px;
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

body.company .company__detail .wrapper table .officer td dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

body.company .company__detail .wrapper table .officer td dl dt {
  width: 150px;
}

body.company .company__detail .wrapper table .officer td dl dd {
  margin-left: 0;
}

/*# sourceMappingURL=company.css.map */