@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700&display=swap&subset=japanese');


.ttl-01{
	font-family: 'Noto Serif JP', serif;
}
img {
  max-width: 100%;
}
@media screen and (max-width:1079px) {
#root .white-box{
  padding:50px 20px 50px 20px;
}
#root .th{
  padding:12px 8px 12px 8px;
  width:30%;
}
#root .td{
  width:70%;
  padding:12px 8px 12px 8px;
}
}
@media screen and (max-width:1079px) {
#root .company01.contents-top{
  	padding: 50px 0px 100px;
}  
}
@media screen and (max-width: 767px) {
#root .company01{
  padding:0 0 50px 0;
}
#root .company01.contents-top{
  padding:50px 0 50px 0;
}
#root .company01-inr{
  padding-left: 15px;
  padding-right: 15px;
  max-width:100%;
}
#root .ttl-01{
  font-size: 22px;
  line-height: 22px;
  margin:0 0 20px 0;
}
#root .photo-area{
  max-width:100%;
}
#root .white-box{
  padding:15px 20px 15px 20px;
}
#root .company-table{
  margin-bottom: 20px;
  width:100%;
  border-top: none;
}
#root .company-photo{
  width:100%;
}
#root .th{
  display: block;
  padding:6px 8px 6px 8px;
  width:100%;
}
#root .td{
  display: block;
  width:100%;
  padding:6px 8px 6px 8px;
}
#root .fld1{
  font-size:13px;
}
#root .fld2{
  font-size:13px;
}
#root .map{
  min-height:320px !important;
}
}