@charset "utf-8";
/*初期化CSS*/
*{
   margin: 0;
   padding: 0;
   box-sizing:border-box;
}
body{
   font-family: " メイリオ ", Meiryo, " ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", " ＭＳ Ｐゴシック ", "MS PGothic", sans-serif;
   font-size: 18px;
   line-height: 1.5;
   overflow-x: hidden;
   color: #050701;
   margin: 0 auto;
   width: 100%;
   height: auto;
}
h1, h2, h3{
   font-size: 100%;
}
h1, h2, h3{
   font-size: 100%;
}
li{
   list-style-type: none; 
}
a{
   text-decoration: none;
}
img{
   display: block;
   border: none;
}
table{
   border-collapse: collapse;
   border-spacing: 0;
}
/*ヘッダー装飾*/
header{
   width: 100%;
   height: 146px;
   background-color: #0998ac;
   position: fixed;
   top: 0;
   z-index: 10000;
}
#headerInner{
   width: 98%;
   max-width: 1300px;
   margin-right: auto;
   margin-left: auto;
}
#headerLogo{
   width: 450px;
}
#headerLogo img{
   width: 450px;
   height: 100%;
   display: flex;
   margin-top: 35px;
}
#nav-1 {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   position: relative;
   top: -82px;
}
#nav-1 li a{
   display: inline;
   background-color: #ff4b5c;
   padding: 7px 20px;
   margin-left: 30px;
   border-radius: 10px;
   color: #fff;
   font-size: 18px;
   font-family: YuMincho, 'Yu Mincho', serif;
   font-weight: bold;
   transition:0.3s all;
}
#nav-1 li a:hover{
   background-color: #f88692;
   transition:0.3s all;
}
#nav-2{
   display: flex;
   justify-content: flex-end;
   align-items: center;
   position: relative;
   top: -85px;
}
#nav-2 li{
   margin-left: 20px;
   margin-top:17px;
   margin-bottom: 5px;
}
#nav-2 li a{  
   color: #cbe3dd;
   font-size: 15px;
   text-decoration: none;
   font-family: YuMincho, 'Yu Mincho', serif;
   font-weight: bold;
}
#nav-2 li a:hover{
   border-bottom: solid 1px #cbe3dd;
}
#nav-2 li img{
   transition:0.3s all;
}
#nav-2 li img:hover{
   transform:scale(1.2,1.2);
   transition:0.3s all;
}
nav ul{
   display: flex;
   justify-content: flex-end;
   align-items: center;
   position: relative;
   top: -85px;
}
nav li{
   padding: 0 15px;
   display: block;
   border-right: solid 3px #cbe3dd;
}
nav li:nth-last-child(1){
   padding-right:0;
   border-right: none;
}
nav a{
   color: #cbe3dd;
   font-size: 22px;
   text-decoration: none;
   font-family: YuMincho, 'Yu Mincho', serif;
   font-weight: bold;
}
nav a:hover{
   border-bottom: solid 2px #cbe3dd;
}
   /*メイン画像装飾*/
main{
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}
#main img{
   margin: 0 auto 0;
   width: 90%;
}
#display-marker{
   display: flex;  
   width: 81px;
   margin:5px auto 0;             
}
#display-marker li{
   margin:0 5px;
}
/*TOPICS装飾*/
.title{
   font-size: 50px;
   font-family: YuMincho, 'Yu Mincho', serif;
   font-weight: 450;
   text-align: center;
   margin-top:100px;
}
#topic{
   width: 95%;
   margin-left: auto;
   margin-right: auto;
}
#topic img:hover{
   opacity: 0.7;
}
#main-topic{
   display: flex;
   justify-content: center;
   width: 90%;
   max-width: 1000px;
   margin: 50px auto;
}
#main-topic li{
   margin:0 30px;
   width: 90%;
}
#main-topic img{
   width: 100%;
}
#main-topic p{
   width: 100%;
}
.slider{
   display:flex;
   justify-content: center;
   width:95%;
   max-width: 1300px;
   margin: 20px auto 50px;
}
.sub-topics{
   margin:0 20px;
   width: 90%;
}
.sub-topics img{
   width: 100%;
}
.sub-topics p{
   width: 100%;
}
.more{
   text-align: center;
}
.more a{
   display: inline-block;
   border-radius: 10px;
   font-size: 18px;
   padding: 14px 50px;
   background-color: #fff;
   line-height: 1.6em;
   transition: .3s;
   border: 3px solid #66bfbf;
   font-weight: bold;
   color: #66bfbf;
   letter-spacing: 0.5em;
}
.more a::after{
   position: absolute;
   right: calc(50% - 113px);
   margin: auto;
   content: "≫";
}
.more a:hover{
   background-color: #66bfbf;
   color: #cbe3dd;
}
/*NEWS・RESEARCH REPORT装飾*/
table{
   width: 85%;
   max-width: 1023px;
   min-width: 860px;
   margin: 35px auto;
}
.lineTop{
   display: block;
   background-color:#056674 ;
   width: 90%;
   max-width: 1077px;
   min-width: 860px;
   height: 6px;
   margin: 20px auto 0;
}
.lineBottom{
   display: block;
   background-color:#056674 ;
   width: 90%;
   max-width: 1077px;
   min-width: 860px;
   height: 6px;
   margin: 10px auto 50px;
}
table tr{
   line-height: 2.5em;
   background-image: linear-gradient(to right, #cbe3dd, #cbe3dd 8px, transparent 8px, transparent 10px);
   background-size: 10px 2px;
   background-position: left bottom;
   background-repeat: repeat-x;
}
/* table td:nth-child(1) */
table th{
   background-color: #66bfbf;
   color: #fff;
   text-align: center;
   display: inline;
   border-radius: 6px;
   padding: 0 12px;
   margin: 0 0 0 10px;
   font-weight: 100;
   vertical-align: center;
}
table a{
   color: #000;
   text-decoration: none;
}
table a:hover{
   border-bottom: solid 1px #000;
}
/*ACADEMICS装飾*/
#academics{ 
   max-width: 1300px;
   width: 90%;
   margin: 20px auto 50px;
   height: 850px;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}
.academicsclass{
   width: 40%;
   max-width: 450px;
   margin: 0 3% 5%;
}
.academicsclass .more{
   text-align: right;
   margin-top: 40px;
}
.academicsclass img{
   width: 100%;
}
.academicsclass p{
   width: 100%;
}
#rigakubu .more a::after{
   position: absolute;
   right: calc(50% - -50px);
   margin: auto;
   content: "≫";
}
#kougakubu{
   margin-top: 80px;
}
#kougakubu .more a::after{
   position: absolute;
   right: calc(50% - 470px);
   margin: auto;
   content: "≫";
}
#jouhougakubu .more a::after{
   position: absolute;
   right: calc(50% - -50px);
   margin: auto;
   content: "≫";
}
#yakugakubu{
   margin-top: 80px;
}
#yakugakubu .more a::after{
   position: absolute;
   right: calc(50% - 470px);
   margin: auto;
   content: "≫";
}
/*footer装飾*/
footer{
   width: 100%;
   height: 250px;
   margin-top: 100px;
   background-color: #0998ac;
}
#footerInner{
   width: 98%;
   max-width: 1300px;
   display: inline-block;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   justify-content: space-around;
}
#footerLeft{
   margin-top: 45px;
}
#footerLeft img{
   width:305px;
   height: auto;
   margin-bottom: 5px;
}
#footerLeft p{
   font-size: 15px;
   color: #cbe3dd;
}
#footerLogo{
   display: inline-block;
}
#copyright{
   padding-top: 5px;
}
#footerCenter{
   margin-top: 105px;
}
#footerCenter ul{
   height: auto;
   display: flex;
   justify-content: space-around;
}
#footerCenter li{
   margin:0 5px;
}
#footerCenter img{
   transition:0.3s all;
}
#footerCenter img:hover{
   transform:scale(1.2,1.2);
   transition:0.3s all;
}
#footerRight{
   width: 33%;
   display: flex;
   justify-content: flex-end;
}
#footerRight a{
   color: #cbe3dd;
   font-size: 17px;
   letter-spacing: 0.2em;
   line-height: 2.1em;
   text-decoration: none;
}
#footerRight a:hover{
   border-bottom: solid 1px #cbe3dd;
}
#footerRight2{
   margin: 37px 0 0 2%;
   padding:0 0 20px 10px;
   border-left: #cbe3dd 2px solid;
}
#footerRight1{
   box-sizing: border-box;
   margin: 37px 0 0 0;  
   padding:0 0 20px 10px;
   border-left: #cbe3dd 2px solid;
}