/*-------------------------------------------- 共通 css --------------------------------------------*/
html,body{
-webkit-text-size-adjust: 100%;
margin:0;
padding:0;
font-family:hrmt;
background-color:#ede4c8;
}



@font-face {
  font-family: 'Mplus1p-Light';
  src: url('../font/Mplus1p-Light.woff');
}

@font-face {
font-family: 'Mplus1p-Light';
src: url('../font/Mplus1p-Light.woff2');
}

@font-face {
  font-family: 'Mplus1p-Light';
  src: url('../font/Mplus1p-Light.eot');
}

@font-face {
  font-family: 'Mplus1p-Light';
  src: url('../font/Mplus1p-Light.ttf');
}






@font-face {
  font-family: 'NotoSansJP-Light';
  src: url('../font/NotoSansJP-Light.woff');
}

@font-face {
font-family: 'NotoSansJP-Light';
src: url('../font/NotoSansJP-Light.woff2');
}

@font-face {
  font-family: 'NotoSansJP-Light';
  src: url('../font/NotoSansJP-Light.otf');
}







@font-face {
  font-family: 'DINPro-Medium';
  src: url('../font/DINPro-Medium.woff');
}

@font-face {
font-family: 'DINPro-Medium';
src: url('../font/DINPro-Medium.woff2');
}

@font-face {
  font-family: 'DINPro-Medium';
  src: url('../font/DINPro-Medium.otf');
}











@font-face {
  font-family: 'hkgbd';
  src: url('../font/hkgbd.woff');
}

@font-face {
font-family: 'hkgbd';
src: url('../font/hkgbd.woff2');
}

@font-face {
  font-family: 'hkgbd';
  src: url('../font/hkgbd.eot');
}

@font-face {
  font-family: 'hkgbd';
  src: url('../font/hkgbd.ttc');
}

@font-face {
  font-family: 'hkgbd';
  src: url('../font/hkgbd.ttf');
}




@font-face {
  font-family: 'mry';
  src: url('../font/mry.woff');
}

@font-face {
font-family: 'mry';
src: url('../font/mry.woff2');
}

@font-face {
  font-family: 'mry';
  src: url('../font/mry.eot');
}

@font-face {
  font-family: 'mry';
  src: url('../font/mry.ttc');
}

@font-face {
  font-family: 'mry';
  src: url('../font/mry.ttf');
}





@font-face {
  font-family: 'hrmt';
  src: url('../font/hrmt.woff');
}

@font-face {
font-family: 'hrmt';
src: url('../font/hrmt.woff2');
}

@font-face {
  font-family: 'hrmt';
  src: url('../font/hrmt.eot');
}

@font-face {
  font-family: 'hrmt';
  src: url('../font/hrmt.ttc');
}

@font-face {
  font-family: 'hrmt';
  src: url('../font/hrmt.ttf');
}





div#clear{
clear:both;
}



/*-------------------------------------------- 1px～640pxまで --------------------------------------------*/
@media screen and (min-width:1px) and ( max-width:640px) {

table#footer001{}

table#footer640{display:none;}

table#footer980{display:none;}

table#cont1_640{}

table#cont641{display:none;}

img.vid1_640{}

img.vid641{display:none;}

div#Philosophy1_640{}

div#Philosophy641{display:none;}

div#Message1_640{}

div#Message641{display:none;}










}

/*-------------------------------------------- 641px～980pxまで --------------------------------------------*/
@media screen and (min-width:641px) and ( max-width:980px) {

table#footer001{display:none;}

table#footer640{}

table#footer980{display:none;}

table#cont1_640{display:none;}

table#cont641{}

img.vid1_640{display:none;}

img.vid641{}

div#Philosophy1_640{display:none;}

div#Philosophy641{}

div#Message1_640{display:none;}

div#Message641{}












}

/*-------------------------------------------- 981px以降 --------------------------------------------*/
@media screen and (min-width:981px) {

table#footer001{display:none;}

table#footer640{display:none;}

table#footer980{}

table#cont1_640{display:none;}

table#cont641{}

img.vid1_640{display:none;}

img.vid641{}

div#Philosophy1_640{display:none;}

div#Philosophy641{}

div#Message1_640{display:none;}

div#Message641{}













}