@import url(common.css);

#wrap{
  position: relative;
  width:100%;
  max-width:100%;
  overflow: hidden;
}

.inner { max-width: 1200px; margin: 0 auto;}

div.sec{
  position: relative;
  width:100%;
  max-width:100%;
  overflow: hidden;
}
div.sec [class^=img-] { width: 100%; max-width: 100%;}
.img-pc { display: block;}
.img-mo { display: none;}
div.sec [class^=img-] img { width:100%;max-width:100%;}

.footer { background: #080808; padding: 40px 0; color: #fff;}
.footer .company-info { display: flex; align-items: center; justify-content: center;}
.footer .company-info .info .text span{ display: block; font-size: 18px; font-weight: 500; line-height: 26px;}
.footer .company-info .info .text span + span { margin-top: 6px;}
.footer .company-info .info .company { margin-top: 20px;}
.footer .company-info .info .company .info-text { display: inline-block; margin-top: 4px; font-size: 14px; line-height: 20px; vertical-align: top;}
.footer .company-info .info .company .gap { content: ""; display: inline-block; width: 1px; height: 10px; margin: 10px 4px 0; background-color: #d5d5d5; vertical-align: top;}

@media (max-width:940px) {
  .footer { padding: 40px 0;}
  .footer .logo { display: none;}

  .footer .company-info { display: flex; align-items: center; justify-content: center;}
  .footer .company-info .info .text span{  font-size: 14px; line-height: 20px;}
  .footer .company-info .info .text span + span { margin-top: 4px;}
}

@media (max-width:720px) {
  .img-pc { display: none;} 
  .img-mo { display: block;}

  .footer .company-info { padding: 0 20px;}

  .footer .company-info .info .company { margin-top: 20px;}
  .footer .company-info .info .company .info-text { font-size: 13px;}
  .footer .company-info .info .company .gap { display: none;}
}