/********** company_common **********/
.wrapper_company {
  min-width: 1366px;
  background-color: var(--bk-color1);
  padding-top:208px;
  margin:0 auto 80px auto;
}
.company {
  min-width: 1366px;
  margin:0 auto;
}
.wrapper_company .content{
  width:800px;
  margin:0 auto  80px auto;
}
.main-title{
  width:100%;
  margin:0 auto;
}
.main-title img{
  display: block;
  margin:0 auto;
}
.main-title h1{
  color:var(--text-color1);
  font-size:32px;
  margin:18px auto 45px auto;
  text-align: center;
}
.main-title h1.blue-title{
  color:var(--text-color3);
}

/********** company greeting **********/
.company .message{
  background-color: var(--bk-color7);
  width:800px;
  padding:50px;
  border-radius: 15px;
  margin-bottom: 80px;
}
.company .message p{
  width:600px;
  font-size: 15px;
  font-weight: 500;
  text-align: justify;
  line-height: 2;
  color:var(--text-color2);
  margin:30px auto;
}
.company .message h3{
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  color:var(--text-color3);
  margin:0;
}
.company .sign{
  text-align: center;
}

/********** company detail **********/
.company_items{
  width:800px;
  margin:0 auto;
}
.company_item{
  display: flex;
  border-top:1px dotted var(--text-color1);
  position: relative;
}
.company_item:last-child{
  padding:20px 0;
}
.company_item .item_title{
  font-size: 15px;
  font-weight: 500;
  color:var(--text-color1);
  flex:0 0 150px;
}
.company_item .item_detail{
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
  color:var(--text-color1);
}
.company_item .wrapper_suppliers{
  display: flex;
}
.company_item .item_detail .suppliers{
  flex:0 0 320px;
}
.company_item .item_detail .suppliers li{
  list-style: none;
}
.company_item .suppli{
  margin:0;
}
.company_item:last-child{
  border-bottom:1px dotted var(--text-color1);
  margin-bottom: 55px;
}

/********** company map **********/
.wrapper_content_map{
  width:100%;
  background-color: var(--bk-color7);
}
.content_map{
  width:1366px;
  margin:80px auto;
  padding-top:80px;
}
.howtoaccess p{
  font-size: 15px;
  font-weight: 500;
  color:var(--text-color2);
  width: 540px;
  margin:0 auto;
  text-align: left;
  line-height: 2;
}
#map{
  width:800px;
  height: 320px;
  margin:0 auto 35px auto;
  border-radius: 15px;
}




/********** ここからスマホ **********/
@media only screen and (max-width:599px){


/********** company_common **********/
.wrapper_company {
  min-width: 100vw;
  padding-top:120px;
  margin:0 auto 60px auto;
}
.company {
  min-width: 100vw;
}
.wrapper_company .content{
  width:90%;
  margin:0 auto  60px auto;
}
.main-title h1{
  font-size:24px;
  font-weight: 700;
  margin:12px auto 40px auto;
}


/********** company greeting **********/
.company .message{
  width:90%;
  padding:42px 24px;
  margin: 0 auto 60px auto;
}
.company .message p{
  width:100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}
.company .message h3{
  font-size: 18px;
}
.company .message .sign img{
  width:200px;
}
/********** company detail **********/
.company_items{
  width:90%;
}
.company_item .item_title{
  font-size: 14px;
  flex:0 0 120px;
}
.company_item .item_detail{
  font-size: 14px;
}
.company_item .item_detail a{
  text-decoration: none;
  color:var(--text-color2);
}
.company_item .wrapper_suppliers{
  flex-wrap: wrap;
}
.company_item .item_detail .suppliers{
  flex:0 0 95%;
}
.company_item:last-child{
  border-bottom:1px dotted var(--text-color1);
  margin-bottom: 55px;
}

/********** company map **********/
.wrapper_content_map{
  width:100%;
}
.content_map{
  width:90%;
  margin:60px auto;
  padding-top:60px;
}
.howtoaccess p{
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  width: 90%;
  text-align: center;
  line-height: 1.7;
}
.howtoaccess span:nth-child(2){
  margin-bottom: 10px;
}
#map{
  width:100%;
  margin:0 auto 30px auto;
}

}