@charset "utf-8";

* {font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}

body {
 color:#000;
 line-height:1.5;
 font-size:1;
 -webkit-text-size-adjust: 100%;
}

img {
 max-width:100% ;
 height:auto ;
} 

a{
 font-size:100%;
 color:#191970;
 text-decoration:none;
}

/*
a:hover, a:active{
 opacity:0.6;
 filter: alpha(opacity=60);
}
*/

/* header
--------------------------------*/ 
header{
 width: 100%;
 padding:20px 5px;
 background:#075298 ;
 display: flex;
 align-items: center;
}
header h1{
 margin:0 0 0 5px;
 font-size:1.6rem;
 font-weight:normal;
}
@media only screen and (max-width: 350px){
header h1{
        /*font-size:1.8rem;*/
        font-size:2.4rem;
    }
}

header h1 a:link,header h1 a:visited{
 color:#fff;
}
header a:link{
 opacity:1;
 filter: alpha(opacity=100);
}


/* main,section
--------------------------------*/ 
main{
 width:100%;
 background: #fff;
}

section{width:100%;}
section h2{
 padding:10px 0;
 color:#191970;
 font-size:1.6rem;
 text-align:center;
}
section h3{
 padding:5px 0;
 color:#075298 ;
 font-size:1.2rem;
 font-weight:normal;
 text-align:center;
 background:#d1e4fa;
}

/* inner
--------------------------------*/ 
.inner{
 padding:10px 0 15px 0;
 color:#00ffff ;
 display: flex;
 justify-content: space-around;
 align-items: center;
}
.inner p{
 text-align:center;
}

/* inner-point
--------------------------------*/ 
.inner-point{padding:25px 5%;}
.inner-point .point{
 text-align:center;
 border: 1px solid #075298 ;  
}
.inner-point .point > p{
 color:#fff;
 font-size:1.2rem;
 background:#075298 ;
}
.inner-point .point .point-value{
 padding:25px 0;
 color:#00ffff ;
 display: flex;
 justify-content:space-around ;
 align-items: center;
}
.inner-point .point .point-value p:nth-child(1) {font-size:0.9em;}
.inner-point .point .point-value p:nth-child(2) {
 font-size:1.8rem;
 font-weight:bold;
}

/* inner-payslip
--------------------------------*/ 
.inner-payslip{padding:25px 1%;}
.inner-payslip ul{
 display: flex;
 justify-content:space-between;
 flex-wrap: wrap;
}
.inner-payslip ul > li {
 width:50%;
 font-size:1.2rem;
 text-align:center;
 background:#00ffff ;
 border:5px solid #fff;
 list-style:none;
}
.inner-payslip ul > li a:link ,.inner-payslip ul > li a:visited{
 color:#fff;
 padding:20px 0;
 display:block;
}


/* footer
--------------------------------*/ 
footer{
 width:100%;
 border-top: 1px solid #191970 ;
}
small{
 padding:25px 0;
 color:#191970 ;
 text-align:center;
 display:block;
}


/* pagetop
--------------------------------*/ 
#pagetop {
 position: fixed;
 bottom:10px;
 right: 10px;
}


/* others
--------------------------------*/
.fs-05{font-size:0.5rem;}
.fs-06{font-size:0.6rem;}
.fs-07{font-size:0.7rem;}
.fs-08{font-size:0.8rem;}
.fs-09{font-size:0.9rem;}
.fs-11{font-size:1.1rem;}
.fs-12{font-size:1.2rem;}
.fs-13{font-size:1.3rem;}
.fs-14{font-size:1.4rem;}
.fs-15{font-size:1.5rem;}
.fs-18{font-size:1.8rem;}
.fs-20{font-size:2rem;}

.ta-l{text-align:left;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}

.mt-25{margin-top:25px;}
.mt-50{margin-top:50px;}
.mt-100{margin-top:100px;}
.mb-25{margin-bottom:25px;}
.mb-50{margin-bottom:50px;}
.mb-100{margin-bottom:100px;}