@charset "UTF-8";
/* ========================================================================

  css/chn.css

======================================================================== */
body { font-family:Arial, sans-serif;  }
p { /*letter-spacing:0.025em;*/ }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

}
/************************************************************************
  #section-001
************************************************************************/
#section-001 h3 { width:calc(1306px /2); }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#section-001 h2::after { top:calc(-10/750*100vw); right:calc(-60/750*100vw); }
#section-001 h3 { width: calc((939/2)/750*100vw); }
}
/************************************************************************
  #section-002
************************************************************************/
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#section-002 h2::before { top:0; left:calc(-52/750*100vw); }
}
/************************************************************************
  #section-003
************************************************************************/

/* ============ smart phone ============ */
@media screen and (max-width:750px){
#section-003 h2::after { top:calc(-10/750*100vw); right:calc(-70/750*100vw); }
}
/************************************************************************
  #section-004
************************************************************************/
#section-004 ul { width:450px; }
#section-004 p.note { width:450px; }

h3#h3-awards-1 { width: calc(682px /2); }
h3#h3-awards-2 { width: calc(725px /2); }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#section-004 h2::before { top:calc(-25/750*100vw); left:calc(-65/750*100vw); }
#section-004 ul { width:auto; }
#section-004 p.note { width:auto; }

h3#h3-awards-1 { width: calc((922/2)/750*100vw); }
h3#h3-awards-2 { width: calc((982/2)/750*100vw); }
}
/************************************************************************
  #section-005
************************************************************************/
#section-005 h2::after { top:-265px; }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#section-005 h2::after { top: calc(-155/750*100vw); right:calc(-30/750*100vw); }
}
/************************************************************************
  #section-006
************************************************************************/
#section-006 h2 { margin-bottom:40px; }
#section-006 h2::before { top:-40px; }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#section-006 h2 { margin-bottom:calc(50/750*100vw); }
#section-006 h2::before { top:auto; }
}
/************************************************************************
  footer
************************************************************************/
footer p.logo { width: calc(473px /2); }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
footer p.logo { width: calc(353/750*100vw); }
}