@charset "utf-8";
/* CSS Document */

.slhead{height: 90px;}

.index-back {
	background-image: url("../img/2025/mv-bk.png") !important;padding-bottom:30px }

header .section{width: 980px;margin-left: auto;margin-right: auto;}
header{position: fixed;top: 0;width: 100%;background: rgba(255,255,255,0.60);padding-bottom: 5px;z-index: 2000;}
header .section{display: flex;justify-content: space-between;align-items: center;padding-top: 5px;}
header .head-inner{flex-grow: 1}
header .index-modal{flex-basis: 50px;margin-left: 5px;}

.head-a{display: grid;grid-template-columns: 240px 1fr;margin-bottom: 5px;}
.head-info2025{background: #0161e3;display: grid;grid-template-columns: 1fr 1fr;color: white;padding: 5px;align-items: center;}
.head-info2025 dl{display: flex;align-items: center;justify-content: center}
.head-info2025 dl dt{font-size: 10px;margin-right: 10px;}
.head-info2025 dl dt:before{content: url("../img/2025/head-icon2.png");margin-right: 5px}
.head-info2025 dl dd{font-weight: 600;font-size: 26px;}
.head-info2025 label{background: #0081ff;position: relative;}
.head-info2025 label p{height: 28px;display: flex;align-items: center;justify-content: center;}
.head-info2025 label p span:nth-child(1){font-size: 10px;margin-right: 10px;}
.head-info2025 label p span:nth-child(1):before{content: url("../img/2025/head-icon3.png");margin-right: 5px}
.head-info2025 label p span:nth-child(2){font-size: 14px;font-weight: 600;}

.head-info2025 label p + div{position: absolute;top: 100%;width: 60%;z-index: 200;right: 0;}
.head-info2025 label p + div a{display: block;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 600;background: gray;color: white;text-decoration: none;margin-top: 1px;transition: 0.5s}
.head-info2025 label p + div{visibility: hidden;height: 0;opacity: 0;transition: 0.5s}
.head-info2025 label:hover p + div{visibility: visible;height: auto;opacity: 1;transition: 0.5s}

 
.head-info2025 label p + div a:nth-child(1){background: #4b9013;transform:translateY(-10px) ;}
.head-info2025 label p + div a:nth-child(2){background: #ff8400;transform:translateY(-20px) ;}
.head-info2025 label:hover p + div a:nth-child(1){background: #4b9013;transform:translateY(0px) ;}
.head-info2025 label:hover p + div a:nth-child(2){background: #ff8400;transform:translateY(0px) ;}

.head-info2025 label:hover p + div a:hover{background:rgba(255,0,0,1.00);transition: 0.5s}

.head-b{display: flex;justify-content: space-between;align-items: center;}
.head-b dl{display: flex;font-size: 12px;font-weight: 600;}
.head-b dl dt{background: #1f499a;color: white;padding: 5px;}
.head-b dl dd{background: white;color: #1f499a;padding: 5px;}
header nav ul{display: flex;justify-content: space-between;margin-left: 5px;}
header nav ul li{flex-grow: 1;margin-right: 5px;}
header nav ul li a{text-decoration: none;display: block;transition: 0.3s}
header nav ul li a:hover label{text-decoration: none;color: white;background: rgba(255,118,0,0.80);transition: 0.3s}
header nav ul li label{display: flex;justify-content: space-between;font-size: 15px;font-weight: 600;color: rgba(21,63,146,1.00);position: relative;min-width: 110px;}
header nav ul li label:before,header nav ul li label:after{content: " ";display: block;border-style: solid;border-color:rgba(21,63,146,1.00);width: 5px;}
header nav ul li label:before{border-width:1px 0 1px 1px; }
header nav ul li label:after{border-width:1px 1px 1px 0px; }
header nav ul li label + div{visibility: hidden;opacity: 0;height: 0;transition: 0.3s;}
header nav ul li:hover label + div{visibility: visible;opacity: 1;height: auto;transition: 0.3s;transform:translateY(0px) ;}
header nav ul li label + div{position: absolute;background: rgba(0,0,0,0.70);padding: 5px 0 5px 0;transform:translateY(-10px) ; }
header nav ul li label + div a{display: block;padding: 10px;color: white;text-decoration: none;font-size: 90%;}
header nav ul li label + div a:hover{background: rgba(255,95,0,1.00);color: white;text-decoration: none;}
header nav ul li p{display: flex;align-items: center;flex-direction: column;align-items: center;}
header nav ul li p span{font-size: 10px;margin-top: 3px;}

.modal label{background: white;border-radius: 4px;width: 50px;height: 60px;display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: 10px;text-align: center;}
.modal span{border-top:2px solid gray;border-bottom: 2px solid gray;width: 25px;height: 18px;position: relative;display: block;margin-bottom: 5px; }
.modal span:before{content: " ";display: block;width: 100%;position: absolute;top:50%;border-bottom: 2px solid gray;}
.modal label:hover{background: #FFCD71;transition: 0.3s;cursor:pointer;cursor:hand;}

.g-menu{}
.g-menu section{position: fixed;width: 100vw;z-index: 3000;background:rgba(0,0,0,0.70);top:0;left:0;display: flex;align-items: center;justify-content: center;}
.g-menu input{display: none;}
.g-menu input + section{height: 0vh;transition: 0.3s;transform: translateY(-30px);opacity: 0;overflow-y: hidden;}
.g-menu input:checked + section{height: 100vh;transition: 0.3s;transform: translateY(0px);opacity: 1;}
.g-menu section div{position: relative;}
.g-menu section div .close{position: absolute;right: -35px;top: -30px;}
.g-menu section div .close span{border: 1px solid white;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;color: white;}
.g-menu section div .close span:hover{color: orange;border-color: orange;background: white;}
.g-menu a{color: black;text-decoration: none;padding: 8px;display: block;}
.g-menu a:hover{color: orange}
.g-menu ul{margin-bottom: 15px;}
.g-menu li{border-bottom: 1px dotted gray;}
.g-menu h3{color: black;font-size: 120%;font-weight: 600;margin-bottom: 5px;border-bottom: 1px solid gray;padding: 8px;}


.modal-menu{display: flex;justify-content: center}
.modal-menu div{margin: 5px;background: white;padding: 15px;border-radius: 10px;}

.topics2025{width: 1000px;margin-left: auto;margin-right: auto;}
.topics2025 ul{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 5px;}

.topics2025 ul li a{position: relative;min-height: 100px;display: flex;flex-direction: column;width: 195px;height: 195px;align-items: center;justify-content: center;text-decoration: none;border-radius: 50%;background: white}
.topics2025 ul li a:after{width: 0%;height: 0%;top: 50%;left: 50%;z-index: 190;display: block;content: " ";position: absolute;transition: 0.3s;border-radius: 50%;}
.topics2025 ul li a:hover:after{top: 0;left: 0;width: 100%;height: 100%;background:rgba(255,241,223,1.00);transition: 0.3s;border-radius: 50%;}
.topics2025 ul li a p{z-index: 200;position: relative;}
.topics2025 ul li a p:nth-child(1){margin-bottom: 10px;}
.topics2025 ul li a p:nth-child(2){font-weight: 900;font-size: 18px;margin-bottom: 10px;}
.topics2025 ul li a p:nth-child(3){color: black;font-size: 10px;text-align: center;}

.topics2025 ul li:nth-child(1) a p:nth-child(2){color: #31a24e }
.topics2025 ul li:nth-child(2) a p:nth-child(2){color: #871cff}
.topics2025 ul li:nth-child(3) a p:nth-child(2){color: #395ee6}
.topics2025 ul li:nth-child(4) a p:nth-child(2){color: #ff07df;font-size: 98%}
.topics2025 ul li:nth-child(5) a p:nth-child(2){color: #14a4ff}
.topics2025 ul li a:hover p:nth-child(2){color: rgba(255,47,0,1.00);transition: 0.3s;}

.news2025{display: grid;grid-template-columns: 350px 1fr;grid-gap: 30px;}
.news2025 dl{display: flex;flex-direction: column;align-items: flex-end;justify-content: center;}
.news2025 dl dt{font-size: 36px;margin-bottom: 15px}

.index-link{margin-bottom: 20px;width: 930px;margin-left: auto;margin-right: auto;}
.index-link ul{display: grid;grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);}
.index-link ul li:nth-child(1) { grid-area: 1 / 1 / 3 / 2; }
.index-link ul li:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
.index-link ul li:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
.index-link ul li:nth-child(4) { grid-area: 2 / 3 / 3 / 4; }

.page-contact{display: flex;justify-content: space-between;}
.page-contact p{flex-basis: 49.5%;}
.page-contact p img {max-width: 100%;}