@charset "utf-8";

/* PC
**********************************/
/* header
**********************************/
body.pc div[class*="zip-corner"].kaiketsu #zip-corner-header{
  background: url(../images/kaiketsu/kaiketsu_header.png) no-repeat;
  background-size: cover;
  background-position: center;
}
body.pc div[class*="zip-corner"].kaiketsu .zip-corner-header-cornerLogo{
  width: 195px;/* h1 + 55px */
  height: 90px;
}
body.pc div[class*="zip-corner"].kaiketsu .zip-corner-header-cornerLogo h1{
  width: 140px;
  height: 100%;
  background: url(../images/kaiketsu/kaiketsu_logo.png) no-repeat;
  background-size: 100%;
  background-position: center;
}
/* index */
body.pc div[class*="zip-corner-index"].kaiketsu .zip-corner-header-cornerLogo{
  width: 320px;
  height: 200px;
}
body.pc div[class*="zip-corner-index"].kaiketsu .zip-corner-header-cornerLogo h1{
  width: 100%;
  height: 100%;
  background-position: center;
}

/* SP
**********************************/
/* header
**********************************/
body.sp div[class*="zip-corner"].kaiketsu #zip-corner-header{
  background: url(../images/kaiketsu/kaiketsu_header.png) no-repeat;
  background-size: cover;
  background-position: center;
}
/* second */
body.sp div[class*="zip-corner"].kaiketsu .zip-corner-header-cornerLogo{
  max-width: 140px;
  width: 37%;
  height: 100px;
}
body.sp div[class*="zip-corner"].kaiketsu .zip-corner-header-cornerLogo h1{
  width: 100%;
  height: 100%;
  background: url(../images/kaiketsu/kaiketsu_logo.png) no-repeat;
  background-size: 100%;
  background-position: center;
}
/* index */
body.sp div[class*="zip-corner-index"].kaiketsu .zip-corner-header-cornerLogo{
  max-width: 220px;
  width: 59%;
  height: 165px;
}
body.sp div[class*="zip-corner-index"].kaiketsu .zip-corner-header-cornerLogo h1{
  width: 100%;
  height: 100%;
  background-position: center;
}