@charset "UTF-8";

/*---------------------------
トップページ　コンテンツ （SP）
---------------------------*/

#company .lower-header {
  margin-bottom: 0;
}

/*　MAIN
-----------------------------*/
main{
  background: url(../image/company/company-bg_sp.jpg) no-repeat center top;
  background-size: contain;
}


/*　COMPANY SP
-----------------------------*/
.company{
  display: flex;
  flex-direction: column-reverse;
}
.company section{
  padding: 10.667vw 4.667vw 18.667vw;
}
.comapny-ttl p:first-child{
  padding: 9.333vw 0 4vw;
  font-size: 6.933vw;
  font-weight: bold;
}
.comapny-ttl p:nth-child(2){ 
  padding: 0 0 10.667vw;
}
.comapny-ttl p:last-child{
  width:48vw;
  margin-left:auto;
}

.company-ph{
  padding: 18.667vw 4.667vw 0 0;
}


/*　PROFILE SP
-----------------------------*/
.profile{
  padding: 14.667vw 4.667vw 18.667vw;
  background: #f2f2f2;
}

.pf-date{
  padding: 8vw 0 0 0;
}

.pf-date dl{
  margin: 0 0 2.133vw;
  padding:8.533vw 4.667vw;
  border-radius: 0.4vw;
  background: #fff;
}

.pf-date dl dt{
  padding: 0 0 5.067vw;
  font-weight: 600;
}

.md40{
  padding: 0 0 5.333vw;  
}

.pro-info p{
  padding: 0 0 4vw;
  position: relative;
}
.pro-info p span:first-child{
  display: block;
}
.pro-info p span:last-child a{ 
  display: block;
  width: 11.6vw;
  line-height: 1.2;
  padding: 0.533vw 0 0 3.4vw;
  border: 1px solid var(--base);
  font-size: 2.667vw;
  font-weight: bold;
  background: url(../image/company/icon-map.png) no-repeat 0.933vw center;
  background-size: 1.867vw;
  position: absolute;
  top: 14.5vw;
  left:52vw;
}

.pro-info ol{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pro-info ol li{
  width: 39.2vw;  
  margin: 0 0 3.333vw;
}
.pro-info ol li:last-child{
  margin: 0;
}

/*　ACCESS
-----------------------------*/
.access{
  padding: 14.667vw 4.667vw 10.667vw;
}
.access h2{
  margin: 0 0 8.267vw;
}
.acc-pc{display:none;}

.access h3{
  width:60.8vw;
  margin: 0 auto 6.667vw;
  font-weight: 600;
}

/* ボタン ------ */
.access h3 span.balloon {
  display: block;
  position: relative;
  display: inline-block;
  padding: 5.067vw 0;
  width:60.8vw;
  max-width: 100%;
  text-align: center;
  color: #fff;
  background: var(--red);
}
.access h3 span.balloon::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid var(--red);
}


/* Googlemap ------*/
.ggmap iframe,
.ggmap object,
.ggmap embed {
  width: 100%;
  height:98.8vw;
}

/* 住所 ------*/
.add-info{
  margin:0 0 16vw;
  padding: 6.667vw 0 0 0;
}
.md120{
}

.add-info p:first-child{
  font-size:3.2vw;
  padding: 0 0 6vw;
}

.add-info p:last-child{
  text-align: right;
  font-size:3.467vw;
  padding: 0 3.333vw 0 0;
  background: url(../image/company/icon-gmap_sp.png) no-repeat right center;
  background-size: 2.533vw;
}
.add-info p a{
  text-decoration: underline;
}