@charset "Shift_JIS";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,main,nav,footer{
  margin:0;
  padding:0;
  letter-spacing: 1px;
  font-size:100%;
  line-height: 2;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
img {
  border:0;
  max-width:100%;
}
ol,ul,li {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight: normal;
}
area{
  outline:none;
}
input{
  border-style:none;
}
a {
  color: #000000;
  text-decoration: none;
}
a:hover{
   text-decoration: underline;
   cursor: crosshair;
}
.f-ja{
  line-height: 2;
  font-family: 'Roboto','Noto Sans JP', sans-serif
}
.f-zh-CN{
  font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
  line-height: 2;
}
.f-zh-TW{
  font-family: 'Segoe UI',SegoeUI,'Microsoft JhengHei',微軟正黑體,"Helvetica Neue",Helvetica,Arial,sans-serif;  line-height: 2;
}
.f-ko{
  font-family: "Malgun Gothic","Yoon Gothic","sans-serif";
  line-height: 2;
}
.f-30{
   font-size: 30px;
}
.f-24{
   font-size: 24px;
}
.f-18{
   font-size: 18px;
}
.f-15{
   font-size: 15px;
}
.f-12{
   font-size: 12px;
}
.f-11{
   font-size: 11px;
}
.blc{
  display: block;
}
.in-blc{
  display: inline-block;
}
.right{
  text-align: right;
}
.left{
  text-align: left;
}
.center{
  text-align: center;
}
.border{
  border: 1px solid #dddddd;
}
.f-b{
  font-weight: 700;
}
/* Frame */
html:before,
html:after,
body:before,
body:after {
  content: "";
  background: #003058;
  position: fixed;
  display: block;
  z-index: 1;
}
html:before {
  height: 5px;
  width: 100vw;
  left: 0;
  top: 0;
}
html:after {
  width: 5px;
  height: 100vh;
  right: 0;
  top: 0;
}
body:before {
  height: 5px;
  width: 100vw;
  bottom: 0;
  left: 0;
}
body:after {
  width: 5px;
  height: 100vh;
  top: 0;
  left: 0;
}