body                            {font-family:'avenir','sans-serif','meiryo';color:#333333;margin:0px;padding:0px;width:auto;font-size:1.4em;-webkit-text-size-adjust:none}

/*box0*/
.box0                           {width:100%;margin-left:auto;margin-right:auto;background-repeat:no-repeat;background-size:contain;}
.box0-0                         {background-color:rgba(255,255,255,0.58);}

/*header*/
.header                         {background-color: #191970;height:7vh;position:fixed;top:0;width:100%;opacity:0.8;}
.header:after                   {content:"";display:block;clear:both;}
.header .header-1               {float:left;height:100%;}
.header .header-1 a             {text-decoration: none;padding:10px;font-weight:bold;;color:#ffffff;}
.header .header-1 a             {font-size:1.8vw;}
.header .header-2               {float:right;}
.header .header-2 a             {text-decoration: none;padding:7px;color:#ffffff;}
.header .header-2 a             {font-size:1.5vw;color:#FFD700;font-weight: bold;}
.header .header-2 i             {color:#FFD700;font-size:2.5vw;}
.header .header-2 p.vw          {font-size:15px;}

/*box1*/
.box1                           {width:60%;margin-left:auto;margin-right:auto;padding-bottom:1%;margin-top:10%;}
.box1 h1                        {font-size:3vw;font-weight:bold;text-align: center;}
.box1:after                     {content:"";display:block;clear:both;}

/*box2*/
.box2                           {width:60%;border-top:1px #C0C0C0 dotted;padding-bottom:3%;margin-left:auto;margin-right:auto;}
.box2 p                         {font-size:1.5vw;margin-top:3%;}
.box2:after                     {content:"";display:block;clear:both;}

/*footer*/
.footer                         {background-color:#191970;width: auto;height:5%;margin-top:50px;position:fixed;bottom:0px;width:100%;opacity:0.7;}
.footer p                       {text-align: center;font-size:1vw;color: #FFFFFF;}