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

  Company CSS
  [LastUpDate:2017.10.20]
  
    - Category Title
    - Vision
    - Philosophy
    - Profile
    - Map Area

-----------------------------------------------------*/
/*-----------------------------------------------------

  Category Title

-----------------------------------------------------*/
#category-tit {
  background-image: url(../img/cmn_tit_bg.jpg);
}

@media screen and (max-width: 768px) {
  #category-tit {
    background-position: 70% top;
  }
}


.sec-btm{
    margin-bottom: 100px;
}
.font-copy{
    font-size: 26px;
}

.bg-grey{
    background-color: #f6f6f6;
    padding: 100px 0;
}

.his_list{
    display: flex;
    align-items: baseline;
    width: 580px;
    margin: auto;
    text-align: left;
    margin-top: 20px;
}
.his_list dt{
   font-size: 20px;
    margin-bottom: 10px;
    width: 110px;
}
.his_list dd{
    width: 100%;
}

.com_list{
    display: flex;
    align-items: baseline;
    width: 580px;
    margin: auto;
    text-align: left;
    margin-top: 20px;
}
.com_list dt{
    margin-bottom: 10px;
    width: 110px;
}
.com_list dd{
    width: 100%;
}

#message p{
    text-align: left;
    margin-top: 20px;
}
#message strong{
    display: block;
    margin-top: 20px;
    text-align: right;
}

@media screen and (max-width: 768px) {
  .sec-btm{
    margin-bottom: 80px;
}
    .font-copy{
    font-size: 18px;
    margin-top: 20px;
}
    
.his_list{
    width: 90%;
}
.his_list dt{
   font-size: 14px;
    margin-bottom: 0px;
    width: 80px;
}

.com_list{
    width: 90%;
    margin-top: 20px;
}
.com_list dt{
    width: 80px;
}
    .wrap-90{
        margin: auto;
        width: 90%;
        margin-bottom: 80px;
        padding: 0;
    }
}

/*-----------------------------------------------------

  Common Parts

-----------------------------------------------------*/
.container {
  text-align: center;
}
.container h2 {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  padding: 0 50px;
  color: #2a84bf;
}

.container h2:before , .container h2:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 1px;
  background-color: #2a84bf;
  content: '';
}

.container h2:before {
  left: 0;
}

.container h2:after {
  right: 0;
}

.container h2 strong {
  display: block;
}




/*-----------------------------------------------------

  Vision

-----------------------------------------------------*/
#vision .lead {
  margin-bottom: 30px;
}

#vision p {
  margin-bottom: 25px;
}

#vision p:last-child {
  margin-bottom: 0;
}




/*-----------------------------------------------------

  Philosophy

-----------------------------------------------------*/
#philosophy {
  margin-top: 100px;
  margin-bottom: 100px;
  background: url(../img/index_contents_bg.png) no-repeat top center, url(../img/index_contents_bg.png) no-repeat bottom center;
}

#philosophy .lead {
  margin-bottom: 30px;
}

#philosophy ol {
  margin-bottom: 30px;
  counter-reset: my-counter;
}

#philosophy ol li {
  margin-bottom: 20px;
}

#philosophy ol li:before {
  font-family: "Poppins";
  text-align: center;
  content: counter(my-counter) '. ';
  counter-increment: my-counter;
}

#philosophy ol li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 479px) {
  #philosophy {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  #philosophy ol li {
    margin-bottom: 10px;
  }
}




/*-----------------------------------------------------

  Profile

-----------------------------------------------------*/
#profile {
  background: #fafafa;
}
#profile h3 {
  margin-bottom: 30px;
  color: #2a84bf;
}

#profile dl dt {
  margin-top: 25px;
}

#profile .link-btn {
  margin-top: 15px;
}

@media screen and (max-width: 479px) {
  #profile .col-sm-6:first-child {
    padding-bottom: 60px;
  }
}




/*-----------------------------------------------------

  Map Area

-----------------------------------------------------*/
#map-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;

  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

#map-area .head-office ,
#map-area .hommachi-office {
  width: 35%;
}

#map-area .head-office {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: 0;
  -webkit-order: 0;
          order: 0;
}

#map-area .hommachi-office {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
          order: 2;
}

#map-area .google-map {
  width: 100%;
  min-height: 450px;
}

#map-area .access {
  width: 30%;
  padding: 50px 10px;
  text-align: center;

  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
          order: 1;
}

#map-area .access h2 {
  margin-bottom: 40px;
}

#map-area .access dl .hommach {
  padding-top: 40px;
  background: url(../img/index_access_bg.png) no-repeat;
  background-position: 50% 15px;
}

@media screen and (max-width: 769px) {
  #map-area .access {
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
            order: 0;
  }

  #map-area .head-office ,
  #map-area .hommachi-office {
    width: 100%;
  }

  #map-area .head-office {
    padding: 5px 0;

    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
            order: 1;
  }

  #map-area .google-map {
    width: 100%;
    min-height: 250px;
  }
}