@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:#053a77;
 text-decoration:none;
}

/* header
--------------------------------*/ 
header{
 width: 100%;
 padding:20px 5px;
 background:#90ee90;
 display: flex;
 align-items: center;
}
header h1{
 margin:0 0 0 5px;
 font-size:1.6rem;
 font-weight:600;
 text-shadow: 1px 1px 1px gray;
}
@media only screen and (max-width: 350px){
header h1{font-size:1.4rem;}
}

header h1 a:link,header h1 a:visited{
 /*color:#d3d3d4;*/
 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:#053a77;
 font-size:1.6rem;
 text-align:center;
}
section h3{
 padding:5px 0;
 color:#053a77;
 font-size:1.2rem;
 font-weight:normal;
 text-align:center;
 background:#f5f5f5;
 border-top: 1px solid lightgray;
}

/* inner
--------------------------------*/ 
.inner{
 padding:10px 0 15px 0;
 color:#053a77;
 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 #90ee90; 
}
.inner-point .point > p{
 color:#fff;
 font-size:1.2rem;
 font-weight:600;
 background:#90ee90;
 text-shadow: 1px 1px 1px gray;
 padding: 5px 0;
}
.inner-point .point .point-value{
 padding:25px 0;
 color:#053a77;
 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:#053a77;
 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 #90ee90;
}
small{
 padding:25px 0;
 color:#053a77;
 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;}

/* 画像影 */
.img_shadow {
    filter: drop-shadow(1px 1px 1px gray);
}