@charset "utf-8";
/*--------------------------------------------------------------------
   base
---------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz@14..32&display=swap');

html, body{height: 100%;}
body{
    background:#fff;
	text-align:center;
	color:#202020;
	font-size:15px;	
    font-family:Lato,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    font-weight:400;
    letter-spacing:0.005em;
}

/*300-700*/
.font01{font-family: 'Open Sans Condensed', sans-serif;}

html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

.iphone body,
.ipad body,
.ipod body{
	cursor:pointer;
}

a:link{
	color:#202020;
    text-decoration:none;
    }
a:visited{color:#202020;}
a:active{color:#202020;}
a:hover{color:#333; }

strong{font-weight:bold;}
img{font-size:0; line-height:0;}

.wrapBox{
    width:1140px;
    max-width:100%;
    margin:0 auto;
}

/*--------------------------------------------------------------------
   header
---------------------------------------------------------------------*/
header{
    background-color:#202020;
    max-width:100%;
    margin:0 auto;
    height:80px;
    position:relative;
}

header h1,
header .logo{
    width:260px;
    height:80px;
    overflow:hidden;
    float:left;
    position:relative;
}
header h1 a,
header .logo a{
    display:block;
    background:url(../images/logo.svg) 50% 50% no-repeat;
    background-size:contain;
    width:260px;
    height:30px;
    overflow:hidden;
    white-space:nowrap;
    text-indent:101%;
    line-height:0;
    font-size:0.1em;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

#spmenu{display:none;}
#menubtn{display:none;}

#humberger,
#drawernav,
#overlay{display:none;}
@media screen and (max-width: 1139px) {

header h1,
header .logo{
    max-width:40%;
}
header h1 a,
header .logo a{
    max-width:95%;
}

}


/* mddNav（ドロップダウンメニュー全体とナビボタン）
------------------------------------- */
header nav {
    margin-left:40%;
}
header nav > ul {
    text-align:right;
}
header nav > ul > li {
    display:inline-block;
    height:80px;
    padding:25px 0;
    margin-right:2em;
}
header nav > ul > li > a {
    color:#fff !important;
    display:block;
    line-height:30px;
    font-size:1.067em;
/*    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:700;*/
    font-family: "Inter", sans-serif;
    font-weight: 400;
    text-transform:capitalize;
    position:relative;
}

header nav > ul > li a:hover::before{
    content:"";
    display:block;
    width:100%;
    height:6px;
    background-color:#3e3e3e;
    position:absolute;
    bottom:-25px;
    left:0;
}

header nav > ul > li.navEn > a{
    background-color:#3e3e3e;
    padding:0 1em;
    font-size:1em;
}
header nav > ul > li.navEn > a:hover{
    opacity:0.8;
}
header nav > ul > li.navEn > a:hover::before{ display:none;}



/* mddWrap
------------------------------------- */
header nav .mgnWrap {
  position: absolute;
  top: 80px;
  left:0;
  z-index: 100;
  overflow: hidden;
  display: none;
  width: 100%;
  height: 90px;
  text-align: center;
  background:rgba(50,50,50,.9);
}
header nav .mgnWrap ul {
    text-align:left;
}
header nav > ul > li.navResearch .mgnWrap ul,
header nav > ul > li.navPublications .mgnWrap ul{text-align:right;}

header nav .mgnWrap ul li{
    display:inline;
    margin-right:2em;
    line-height:90px;
    font-size:	0.933em;
}
header nav .mgnWrap ul li a{
    color:#fff;
    text-decoration:underline;
}
header nav .mgnWrap ul li a:hover{text-decoration:none;}




/*--------------------------------------------------------------------
   footer
---------------------------------------------------------------------*/
footer{
    background-color:#202020;
    padding:60px 0 30px;
    margin-top:-1px;
}

footer #ftrIn{
    width:1140px;
    max-width:100%;
    margin:0 auto;
    padding-bottom:10px;
}
footer #ftrIn nav{
    width:75%;
    float:left;
    overflow:hidden;
}

footer #ftrIn nav ul{
    float:left;
    text-align:left;
}
.ftrNav01{width:13em;}
.ftrNav02{width:10em;}
.ftrNav03{width:15em;}
.ftrNav04{width:10em;}
.ftrNav05{width:8em;}

footer #ftrIn nav ul > li{
    margin-bottom:20px;
/*    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:700;*/
    font-family: "Inter", sans-serif;
    font-weight: 400;
    text-transform:capitalize;
    color:#fff;
    font-size:0.933em;
}

footer #ftrIn nav ul > li.navEn{display:none;}

footer #ftrIn nav ul li a{color:#fff !important; text-decoration:underline}
footer #ftrIn nav ul li a:hover{text-decoration:none;}

footer #ftrIn nav ul li .mgnWrap{ margin-top:20px;}
footer #ftrIn nav ul li .mgnWrap li{margin-bottom:15px;}
footer #ftrIn nav ul li .mgnWrap a{
    font-size:0.929em;
    font-family:Lato,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    font-weight:normal;
}

footer #ftrIn .ftrInfo{
    width:24.68%;
    float:right;
}
footer #ftrIn .ftrInfo img{margin-bottom:10px;}
footer #ftrIn .ftrInfo dl{
    text-align:left;
    color:#fff;
}
footer #ftrIn .ftrInfo dl dt{
    font-size:0.867em;
    margin-bottom: 5px;
}
footer #ftrIn .ftrInfo dl dd{
    font-size:0.867em;
}


footer p.copy{
    width:1140px;
    max-width:100%;
    margin:0 auto;
    color:#cccccc;
    font-size:0.800em;
    line-height:13px;
    text-align:right;
    }


/*--------------------------------------------------------------------
   maintitle
---------------------------------------------------------------------*/
#mainTitle{
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    padding-top:19.29%;
    position:relative;
}
#mainTitle .titBg{
    display:table;
    background-color:#C06264;
    width:500px;
    height:124px;
    position:absolute;
    left:0;
    bottom:-62px;
}

#mainTitle h1{
    display:table-cell;
    vertical-align:middle;
    padding-left:50px;
    color:#fff;
    text-align:left;
    font-size:2em;
}
#mainTitle h1 span{
    display:block;
    margin-left:0.2em;
    padding-bottom:10px;
    font-size:0.533em;
    /*font-family: 'Open Sans Condensed', sans-serif;
    font-weight:700;*/
    font-family: "Inter", sans-serif;
    font-weight: 400;
    text-transform:capitalize;
}

@media screen and (min-width : 1140px){
    #mainTitle{ padding-top:220px;}

    footer #ftrIn nav ul.ftrNav04 .mgnWrap ul {
        display: flex;
        flex-wrap: wrap;
    }
    footer #ftrIn nav ul.ftrNav04 .mgnWrap ul li {
        margin-right: 15px;
    }
}

/*--------------------------------------------------------------------
   container
---------------------------------------------------------------------*/
#container.toppage{ padding:60px 0 0px;}
#container.second{ 
	padding:110px 0 70px;
    min-height:600px;}

/* base
-----------------------*/
div[id="container"] p,
div[id="container"] span,
div[id="container"] li,
div[id="container"] dt,
div[id="container"] dd,
div[id="container"] th,
div[id="container"] td{
    line-height:2;
    text-align:left; }

div[id="container"] p + p,
div[id="container"] p + ul,
div[id="container"] p + ol,
div[id="container"] p + dl,
div[id="container"] p + table,
div[id="container"] p + div,
div[id="container"] ul + p,
div[id="container"] ul + ul,
div[id="container"] ul + ol,
div[id="container"] ul + dl,
div[id="container"] ul + table,
div[id="container"] ul + div,
div[id="container"] ol + p,
div[id="container"] ol + ul,
div[id="container"] ol + ol,
div[id="container"] ol + dl,
div[id="container"] ol + table,
div[id="container"] ol + div,
div[id="container"] dl + p,
div[id="container"] dl + ul,
div[id="container"] dl + ol,
div[id="container"] dl + dl,
div[id="container"] dl + table,
div[id="container"] dl + div,
div[id="container"] table + p,
div[id="container"] table + ul,
div[id="container"] table + ol,
div[id="container"] table + dl,
div[id="container"] table + table,
div[id="container"] table + div,
div[id="container"] div + p,
div[id="container"] div + ul,
div[id="container"] div + ol,
div[id="container"] div + dl,
div[id="container"] div + table{margin-top:20px;}

div[id="container"] h3,
div[id="container"] h4,
div[id="container"] h5{line-height:1.5;}

div[id="container"].second * + h3,
div[id="container"].second * + h4,
div[id="container"].second * + h5{margin-top:30px;}

/* box
---------------------------------------------------------*/

div[id="container"].second section + section{ margin-top:40px; }

div[id="container"].second section p + figure{ margin-top:40px; }
div[id="container"].second section figure + *{ margin-top:50px; }


/* layout
---------------------------------------------------------*/
.colBox01{
    width:1080px;
    max-width:100%;
    margin:0 auto;
}

.colBox01 #mainBox{
    width:72.2222%;
    float:left;
}
.colBox01 aside{
    width:23%;
    float:right;
}


/* side
---------------------------------------------------------*/
.sideBox .sideTit{
    background-color:#C06264;
    padding:10px;
    margin-bottom:20px;
    color:#fff;
    /*font-family: 'Open Sans Condensed', sans-serif;
    font-weight:700;*/
    font-family: "Inter", sans-serif;
    font-weight: 400;
    text-transform:capitalize;
    text-align:center;
    font-size:1.067em;
}

.sideBox li.yet{color:#999;}

.sideBox dl dt{
    font-weight:bold;
}
.sideBox dl dd{
    position:relative;
    padding-left:1em;
    font-size:0.867em;
}
.sideBox dl dd::before{
    content:"・";
    font-weight:bold;
    position:absolute;
    top:0;
    left:0;
}

.sideBox dl dd + dt{margin-top:20px;}


/* title
---------------------------------------------------------*/

div[id="container"].second section h2{
    text-align:left;
    border-bottom:#e7e7e7 1px solid;
    margin-bottom:25px;
    padding-bottom:10px;
    font-size:1.733em;
    line-height:1.5;
}

div[id="container"].second section h3{
    margin-bottom:10px;
    font-size:1.200em;
    text-align:left;
    font-weight:bold;
    line-height:1.5;
}


/* list
---------------------------------------------------------*/
div[id="container"].second section ul.liType01 {
    text-align:left;
}
div[id="container"].second section ul.liType01 li{
    display:inline-block;
    width:8em;
    text-align:left;
}

div[id="container"].second section ul.liType01 li.nowrap{
    white-space:nowrap;
    width:auto;
}



/* link
---------------------------------------------------------*/
div[id="container"].second section p a,
div[id="container"].second section td a,
div[id="container"].second section li a,
div[id="container"].second section dd a,
.sideBox ul li a,
.sideBox dl dt a,
.sideBox dl dd a{
    color:#C06264;
    text-decoration:underline;    
}
div[id="container"].second section p a:hover,
div[id="container"].second section td a:hover,
div[id="container"].second section li a:hover,
div[id="container"].second section dd a:hover,
.sideBox ul li a:hover,
.sideBox dl dt a:hover,
.sideBox dl dd a:hover{text-decoration:none;}

/* common parts
---------------------------------------------------------*/

/*imgscale*/
.sclimg{
    overflow:hidden;
     position:relative;
      display:block;}
      
.sclimg img{ 
    width:100%;
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	transition:all .8s;}
    
a:hover .sclimg img{transform:scale(1.15);}


/*localLink*/

.localLink li + li{ margin-top:25px;}


.localLink li a{
    display:block;
    background-color:#3f3f3f;
    padding:10px 20px;
    color:#fff !important;
    text-decoration:none !important;
    font-size:0.933em	;
    text-align:left;
    position:relative;
}

.localLink li a:hover{background-color:#565656;}

.localLink li a::after{
    content:"";
    display:block;
    width:17px;
    height:6px;
    background:url(../images/ico_arrow_01.svg) 0 0 no-repeat;
    background-size:contain;
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-3px;
}

/*btmLink*/

#container * + .btmLink{margin-top:50px;}

.btmLink{
    background-color:#f6f6f6;
    padding:20px 10px 20px 30px;
    text-align:left; 
}
.btmLink li{
    display:inline;
    text-align:left;
    margin-right:2em;
}  


/*----------------------------------------------------
local --- top
-------------------------------------------------------*/
/* box
---------------------------------------------------------*/

#container.toppage .topBg{
    background:url(../images/bg_top.jpg) center center no-repeat;
    background-size:cover;
}

#container.toppage section + .topBg,
#container.toppage .topBg + section {margin-top:130px;}
/* mainimage
---------------------------------------------------------*/
#mainImage{
    width:100%;
    margin:0 auto;
	}
#mainImage li .inner{
    width:100%;
    margin:0 auto;
    padding-top:640px;
    overflow:hidden;
    position:relative;
}

#mainImage li #main01{background:url(../images/main_01.jpg) center center no-repeat;background-size:cover;}

#mainImage li .inner a{
    display:block;
    width:423px;
    height:180px;
    background-color:rgba(11,90,150,.9);
    padding:45px;
    text-align:left;
    color:#fff;
    font-size:2em;
    font-weight:bold;
    position:absolute;
    right:0;
    bottom:12.5%;
}
#mainImage li .inner a:hover{background-color:rgba(22,110,176,.9);}
#mainImage li .inner a::after{
    content:"";
    display:block;
    width:27px;
    height:10px;
    background:url(../images/ico_arrow_01.svg) 0 0 no-repeat;
    background-size:contain;
    position:absolute;
    right:30px;
    bottom:30px;
}

#mainImage li .inner a span{
    display:block;
    padding-top:15px;
    font-size:0.485em;
}


@media screen and (max-width: 1139px) {
    #mainImage li .inner{
    padding-top:56%;
	}
}


#mainImage .bx-prev,
#mainImage .bx-next{ display:none;}


/*title
--------------*/

#container.toppage section h2{
    text-align:left;
    font-size:3.067em;
    /*font-family: 'Open Sans Condensed', sans-serif;
    font-weight:700;*/
    font-family: "Inter", sans-serif;
    font-weight: 400;
    text-transform:capitalize;
    color:#C06264;
}
#container.toppage section h2 span{
    display:block;
    font-size:0.348em;
    padding-top:10px;
}

/* section00
---------------------------------------------------------*/
#container.toppage #topSection00{
    width:1140px;
    margin:0 auto;
    max-width:100%;
}

#container.toppage section#topSection00 h2{
    font-size: 2.0em;
    text-align: center;
    line-height: 1.3;
    margin-bottom:40px;}
#container.toppage #topSection00 div {
    width: 87.8%;
    margin:0 auto;
}

/* section01
---------------------------------------------------------*/
#topSection01{
    width:1140px;
    margin:0 auto;
    max-width:100%;
    padding-bottom: 100px;
}

#topSection01 h2{margin-bottom:40px;}

#topSection01 ul {
    width: 87.8%;
    margin:0 auto;
}
#topSection01 ul li{
    width:49%;
    float:left;
}
#topSection01 ul li + li{margin-left:2%;}

#topSection01 ul li a{display:block; position:relative;}

#topSection01 ul li a .sclimg{
    padding-top:100%;
}
#topSection01 ul li a .sclimg img,
#topSection04 .boxR a .sclimg img{
    width:100%;
    height:auto;
}
#topSection01 ul li a .linkTxt,
#topSection04 .boxR a .linkTxt{
    background-color:#C06264;
    width:61%;
    height:120px;
    padding:30px 0 0 20px;
    color:#fff;
    font-size:1.35em;
    line-height:1.5;
    text-align:left;
    position:absolute;
    bottom:0px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;    
}
#topSection01 ul li.link02 a .linkTxt{
    padding:45px 0 0 20px;
}
#topSection01 ul li a .linkTxt span,
#topSection04 .boxR a .linkTxt span{ font-size:0.611em; display:block; }

#topSection01 ul li a:hover .linkTxt,
#topSection04 .boxR a:hover .linkTxt{ background-color:#d06f71;}

#topSection01 ul li a .linkTxt::after,
#topSection04 .boxR a .linkTxt::after{
    content:"";
    display:block;
    width:17px;
    height:6px;
    background:url(../images/ico_arrow_01.svg) 0 0 no-repeat;
    background-size:contain;
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-3px;
}


/* section02
---------------------------------------------------------*/
#topSection02{
    width:1140px;
    margin:0 auto;
    max-width:100%;
    position:relative;
    padding-top:70px;
}

#topSection02 h2{margin-bottom:40px;}

#topSection02 img{
    width:50.8%;
    position:absolute;
    right:-50px;
    top:-60px;
}

#topSection02 .box{
    width:47.5%;
    float:left;
    padding-bottom:15px;
}

#topSection02 .box ul{
    overflow:hidden;
}
#topSection02 .box ul li{
    width:48%;
    float:left;
    margin-right:2%;
    margin-bottom:2%;
}
#topSection02 .box ul li a,
#topSection03 .box ul li a{
    display:block;
    background-color:#3f3f3f;
    padding:1.4em;
    font-size:0.933em;
    color:#fff;
    line-height:1.1;
    position:relative;
}
#topSection02 .box ul li a:hover,
#topSection03 .box ul li a:hover{ background-color:#565656; }

#topSection02 .box ul li a::after,
#topSection03 .box ul li a::after{
    content:"";
    display:block;
    width:17px;
    height:6px;
    background:url(../images/ico_arrow_01.svg) 0 0 no-repeat;
    background-size:contain;
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-3px;
}

/* section03
---------------------------------------------------------*/
#topSection03{
    width:1140px;
    margin:0 auto;
    max-width:100%;
    position:relative;
    padding-bottom:70px;
}


#topSection03 h2{margin-bottom:40px;}

#topSection03 img{
    width:50.8%;
    position:absolute;
    left:-50px;
    top:40px;
}

#topSection03 .box{
    width:47.5%;
    float:right;
    padding-bottom:15px;
}

#topSection03 .box ul li{
    margin-bottom:2%;
}

@media screen and (max-width: 1240px) {
    #topSection02 img{
    width:50.8%;
    position:absolute;
    right:0;
    top:-60px;
}
#topSection03 img{
    width:50.8%;
    position:absolute;
    left:0;
    top:40px;
} 
}


/* section04
---------------------------------------------------------*/
#topSection04{
    width:100%;
    max-width:100%;
    padding: 88px 0;
    background-color: #F5F5F5;
}
#topSection04 .inBox {
    width:1140px;
    margin:0 auto;
    max-width:100%;
    padding: 38px;
    background-color: #fff;
}
#container.toppage section#topSection04 h2{
    margin-bottom:20px;
}
#container.toppage section#topSection04 h2 span{
    display:inline;
    margin-left:1em;
    position:relative;
    top:-0.5em; 
    }

#topSection04 .inBox ul{
    border-top:#e7e7e7 1px solid;
}
#topSection04 .inBox ul li{
    border-bottom:#e7e7e7 1px solid;
    padding:15px 0;
}
#topSection04 .inBox ul li a{
    display:flex;
    overflow:hidden;
}
#topSection04 .inBox ul li a span{
    width:125px;
    font-size:1.06em;
    color:#666;
}
#topSection04 .inBox ul li a p{
    margin-left:0em;
    font-size:1.06em;
    width: calc(100% - 125px);
}
#topSection04 .inBox ul li a:hover p{ color:#666; }


@media screen and (max-width: 999px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 374px) {
    /*iphone5*/
}

@media screen and (min-width : 1140px){
    .forTB,
	.forSP{display:none;}
	.forPC{display:inherit;}

    .ie8 body{
        min-width:1139px;
        max-width:100%;
        overflow-x:hidden;
    }


}