@charset 'utf-8';

/* ================================================================================== */
/*   CSS Import   */
/* ================================================================================== */
@import url('./ress.css');
@import url(./fontawesome5/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Gruppo&display=swap');

/* ================================================================================== */
/*   Common TAG   */
/* ================================================================================== */
html{ width:100%; height:100%; background-color:#efefef; }
body{ width:100%; height:100%; color:#333333; font-size:16px; overflow-y:scroll; font-family:BIZ UDPGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','游ゴシック体',YuGothic,'游ゴシック Medium','Yu Gothic Medium','游ゴシック','Yu Gothic','メイリオ',Meiryo,Helvetica,Arial,sans-serif; }
*{ line-height:100%; }
pre{ padding:1rem; border-bottom:1px #333333 solid; }
div{ position:relative; }
img{ display:inline-block; height:auto; }
a{ color:#d93333; text-decoration:none; }
a:hover{ cursor:pointer; opacity:0.7; }
p{ line-height:150%; }

/* ================================================================================== */
/*   Common Class  */
/* ================================================================================== */

/* Header */
.header{ width:800px; margin:0 auto; padding-top:2rem; display:flex; align-items:center; justify-content:space-between; }
.header > div:nth-of-type(1){ width:10rem; }
.header > div:nth-of-type(2){ flex:1; padding-left:2rem; }
.header > div:nth-of-type(2) > p{ font-size:2.4rem; font-weight:bold; font-family:'Gruppo',cursive; }
.nanophotonLogo{ width:10rem; }

/* MainBody */
.mainBody{ width:800px; margin:0 auto; padding-top:1rem; border-top:1px #333333 solid; }







/* footer */
.footer{ width:800px; margin:0 auto; margin-top:4rem; border-top:1px #333333 solid; }
.footerBody{ width:100%; margin:0 auto; display:flex; align-items:center; justify-content:space-between; }
.footerBody > p{ width:50%; color:#666666; padding-top:0.2rem; padding-bottom:1rem; line-height:100%; font-size:0.6rem; }
.footerBody > p:nth-of-type(1){ text-align:left; }
.footerBody > p:nth-of-type(2){ text-align:right; }