/* ========================================================================

  /css/eng.css

======================================================================== */


/************************************************************************
  body
************************************************************************/
body#eng {  }

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

body#eng {  }

}

/************************************************************************
  nav#menu
************************************************************************/
nav#menu ul { margin:auto; width:995px; display:flex; align-items:flex-end; }
nav#menu ul li:nth-child(1) { margin-right:-5px; }
nav#menu ul li:nth-child(2) { margin-right:-10px; }
nav#menu ul li:nth-child(3) { margin-right:-5px; }
nav#menu ul li:last-child { margin-right:0; }

/************************************************************************
  #introduction
************************************************************************/
#introduction h2 { margin:25px 0 40px 79px; width:414px; height:216px; }
#introduction p { margin-bottom:1.5em; line-height:2; font-size:17px; }
#introduction-text { margin-top:10px;}
/* ============ smart phone ============ */
@media screen and (max-width:750px){

#introduction h2 { margin:0 0 0 calc(44/750*100vw); width:calc(327/750*100vw); max-width:327px; height:calc(240/750*100vw); background:url('../img/h2_introduction_sp.png') no-repeat; background-size:100% auto; }

#introduction .text { padding:calc(120/750*100vw) calc(40/750*100vw) 0 0; }

}
/************************************************************************
  #character
************************************************************************/
#character h2 { width:534px; }

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

#character h2 { width:calc(559/750*100vw); }

}
/************************************************************************
  #requirements
************************************************************************/
#requirements h2 { margin:0 0 0 17px; width:660px; top:-67px; left:111px; }

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

#requirements h2 { margin:0; width:calc(588/750*100vw); height:calc(207/750*100vw); background:url('../img/h2_requirements_sp.png') no-repeat; background-size:100% auto; top:auto; left:auto; }


}
/************************************************************************
  #gallery
************************************************************************/
#gallery h2 { margin:0 0 0 calc(874/1662*100%); width:448px; }

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

#gallery h2 { margin:0 0 0 calc(191/750*100vw); width:calc(448/750*100vw); height:calc(224/750*100vw); background:url('../img/h2_gallery_sp.png') no-repeat; background-size:100% auto; }



}