@charset "utf-8";


/*===============================================
common
===============================================*/

.sp_only { display:none;}
.pc_only { display:block;}

strong,.bold { font-weight:600!important;}

img { width:100%; height:auto; }
a img:hover { opacity:0.8;} 
a.line { text-decoration:underline; }

body {  font-family: 'M PLUS Rounded 1c', sans-serif; font-size: 1.3rem; line-height: 1.8; font-weight: 200; background: #FFF; color: #000; font-weight: 500;}


/*layout*/
.inr { width:1080px; margin:0 auto;}
.box { padding:20px; box-sizing:border-box;}
.sec_l { float:left;}
.sec_r { float:right;}
.txt_r { text-align:right;}
.txt_l { text-align:left;}
.indent { padding-left:1em; text-indent:-1em;}
.center { text-align:center;}
.r { text-align:right;}

.flex { display:flex;}

.line { background: linear-gradient(transparent 60%, #d5ecfb 40%); padding:3px 4px; }
.lineh_b { line-height: 2.4;}
section { margin:0; padding:0;}

.sec_l { float: left;}
.sec_r { float: right;}

.aroundBorder { border: 3px solid #153980; border-radius: 10px; box-sizing: border-box;}
.sec { margin: 40px 0;}

/*===============================================
table
===============================================*/

/*
.table { width: 100%;}
.table th,.table td { border-bottom: 1px #ccc solid; padding: 2px 0;}
.table th { width: 25%; vertical-align: middle; color: #444;}
*/

.table    { display: table; width: 100%;}
.table dl { display: table-row; }
.table dl dt,.table dl dd { border-bottom: 2px solid #153980; vertical-align: middle; padding: 8px 5px;}
.table dl dt { display: table-cell; width: 35%; background: #006fba; color: #fff; text-align: center;}
.table dl dd { display: table-cell; width: 65%; padding: 8px 0; text-align: center;}

.table.type02 dl dt { width: 15%;}
.table.type02 dl dd { width: 35%; padding: 8px 15px; text-align:left;}

.table.type03 dl dt { width: 15%; }
.table.type03 dl dd { width: 30%; }
.table.type03 dl dd + dd { width: 55%; font-weight: 400; border-left: 2px #153980 dotted; text-align: left; padding:  0 10px;}

.table.type04 dl dt { width: 15%; }
.table.type04 dl dd { width: 85%;}

/*===============================================
color
===============================================*/

.red { color:#921610!important;}
.orange { color:#c34f2f!important; }
.green { color:#1a4323!important;}
.blue { color:#153980!important;}
.white { color:#fff!important;}

.bg_glay { background: #eaeaea;}

.scoreTxt5 { color: #006fba!important;}
.scoreTxt4 { color: #0696c0!important;}
.scoreTxt3 { color: #75939c!important;}
.scoreTxt2 { color: #817d7c!important;}
.scoreTxt1 { color: #84a0af!important;}

/*===============================================
ttl
===============================================*/

.ttl { font-size: 3.2rem; font-weight: 600; color:#153980!important; text-align: center; margin-bottom: 30px;}
h3.ttl.type02 { font-size: 2.2rem!important; color:#153980; font-weight: 600; background: linear-gradient(transparent 60%, #d5ecfb 40%); padding:0px 4px; margin-bottom: 20px!important;}

/*===============================================
header
===============================================*/

header { padding: 25px 0;}
header h1 { width: 300px; float: left;}

@media screen and (min-width: 769px) {
header nav { display: block;}
header nav ul { display: flex; justify-content: space-between; width: 670px;   padding: 20px 0px 20px 100px;}
header nav ul li { color:#153980; font-size: 1.6rem;}
header nav ul li a { font-weight: 600; color:#153980!important;}
}



/*===============================================
footer
===============================================*/

footer { background: #006fba;  padding: 40px 0 50px 0; margin-top: 100px; position: relative;}
footer .page_top { width: 50px; margin:0 auto; position: absolute; top: -60px; left: 0; right: 0; cursor: pointer;}
footer .inr { position: relative;}
footer .foot_img01 { position: absolute; width: 140px; top: -80px; left: -10px;}
footer .foot_img02 { position: absolute; width: 180px; top: -90px; right: -10px;}
footer p { color: #fff; text-align: center;}

footer .sns ul { display: flex; justify-content: center; margin-bottom: 15px;}
footer .sns li { width: 40px; margin: 0 10px;}

.pagenation { text-align: center; padding: 20px 0 40px 0;}
.pagenation ol { display: flex; justify-content: center;}
.pagenation li { margin: 5px;}
.pagenation li a { padding: 8px 14px; border: 3px solid #153980; border-radius: 6px;  background: #fff; color: #153980; cursor:pointer;}
.pagenation li a:hover {background: #153980; color: #fff;}
.pagenation li.current a { padding: 8px 13px; background: #153980; color: #fff; border-radius: 6px; }
.pagenation li.current a:hover { text-decoration: none;}


@media screen and (max-width: 768px) {

    body { font-size: 1.1rem;  }
    .activePanel {  position: absolute; width: 100%; height: 100%;  top: 0; left: 0; background: rgb(0,111,186,0.6); z-index: 10;}

    .no_br {text-align:left;}
    .no_br br { display:none; }

    .sp_only { display:block;}
    .pc_only { display:none;}

    /*layout*/
    .inr { width:100%; margin:0 auto; padding: 0 1%; box-sizing: border-box;}

    /*===============================================
    table
    ===============================================*/

    .table dl dt,.table dl dd { padding:6px 2px;}
    .table dl dt { width: 40%;}
    
    .table.type02 dl dt { font-size: 1.0rem;}
    .table.type02 dl dd {padding: 8px 5px;}
    
    .table.type03 dl dt { width: 17%; }
    .table.type03 dl dd { width: 28%; }
    
    .table.type04 dl dt { width: 17%; }
    .table.type04 dl dd { width: 83%;}
    
    .table.type03 dl dt,.table.type04 dl dt { font-size: 1.0rem; padding: 5px 2px;}
    /*===============================================
    header
    ===============================================*/
    header { padding: 15px 0 0 0;}
    header h1 { width: 180px; padding-left: 10px;}
    header nav { display: none;  width: 95%; position: absolute; top: 100px; background: #fff; z-index: 20; left: 2.5%; border-radius: 5px;}
    header .sp_menu_btn { width: 100px; position: absolute; top: 10px; right: 10px;}
    header .close_btn { width: 80px; position: absolute; top: -10px; right: 10px; z-index: 30; cursor: pointer;}
    header nav ul {}
    header nav ul li { }
    header nav ul li:not(:last-child) {border-bottom: 1px dashed #006fba; }
    header nav ul li a { display: block; text-align: center; padding: 16px 0; font-weight: 600; color:#153980!important; font-size: 1.5rem;}
    
    
    
    /*===============================================
    ttl
    ===============================================*/

    .ttl { font-size: 2.8rem; margin-bottom: 20px;}
    
    
    /*===============================================
    footer
    ===============================================*/

    
    footer .foot_img01 { width: 100px; left: 5px;}
    footer .foot_img02 { width: 120px; right: 5px;}
    footer p { font-size: 1rem;}
    
}