@charset "UTF-8";

.common {
position: absolute;
top:0;
left:0.5em;
width: 40px;
height: 60px;}

.common a{
background: url(icon/home_icon.svg) no-repeat 0/30px 30px;
font-size:0.8em;
display: block;
width: 30px;
height: 50px;
}

.common span{
display: block;
padding-top: 40px;}

	
img {
 image-rendering: -webkit-optimize-contrast;
}

.mainmenu{
display: block;
position: sticky;
top:0px;
z-index: 9999;
width:100%;
margin-top: 0;
height: 80px;}


.section{
  list-style-type: none;
  padding: 0;
  margin:0;
  font-size:1.0em;
}

.login a{
  background:#28B472;
  margin: 0 auto -10px;
  padding: 0;
  width: calc(90% - 10px);
  height: 70px;
  color:#fff;
  font-size: 1.5em;
  border-radius: 10px;
  display: block;
  line-height: 3.2em;
  justify-content: center;}
  
.login img{
 position: relative;
 top:0.4em;
 right:0.5em;
 width:40px;
 height: 40px;}
 
 /*ログイン後メニュー*/
.menu{
  list-style-type: none;
  padding: 0;
  margin:0;
  font-size:1.0em;
}

.menu li{
  margin: 3px 5px;
  padding: 5px 0;
  float: left;
  width: calc(25% - 10px);
  height: 60px;
  border-radius: 10px;
  font-size: 0.7em;
}

.btn1{
background: #D91B5B url(icon/mydata_icon.svg) no-repeat center 10px/40px 40px;
}

.btn1 a{
display: block;
height: 100%;
width: 100%;
padding-top: 45px;
}

.btn2{
background: #F05A28 url(icon/card_icon.svg) no-repeat center 10px/40px 40px;
}

.btn2 a{
display: block;
height: 100%;
width: 100%;
padding-top: 45px;
}


.btn3{
background: #25A9E0 url(icon/key_icon.svg) no-repeat center 10px/40px 40px;
}

.btn3 a{
display: block;
height: 100%;
width: 100%;
padding-top: 45px;
}

.btn4{
background: #28B472 url(icon/logout_icon.svg) no-repeat center 10px/40px 40px;
}

.btn4 a{
display: block;
height: 100%;
width: 100%;
padding-top: 45px;
}
 
.btna{
background:#990000;}

.textarea a{
color:#ff7f50;}

.bottomarea{
margin-top: 30px;
width: 100%;
font-size:0.8em;}

.bottomarea a{
color:#ffa07a;}