@charset "utf-8";
/*--------------------------------------------------------------------
   base
---------------------------------------------------------------------*/
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:312px;
    height:80px;
    overflow:hidden;
    float:left;
    position:relative;
}
header h1 a,
header .logo a{
    display:block;
    background:url(../images/logo.svg) left 50% no-repeat;
    background-size:contain;
    width:252px;
    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;
    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:60px;
}
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;
    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:23.68%;
    float:right;
}
footer #ftrIn .ftrInfo img{margin-bottom:20px;}
footer #ftrIn .ftrInfo dl{
    text-align:left;
    color:#fff;
}
footer #ftrIn .ftrInfo dl dt{padding-bottom:10px;}
footer #ftrIn .ftrInfo dl dd{
    font-size:0.867em;
    line-height:2;
}


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:#9B003F;
    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;
}

@media screen and (min-width:768px) {
    #mainTitle .titBg.bio {
        width:620px;
        padding-right: 30px;
        line-height: 1.2;
    }
    #mainTitle .titBg.bio h1 span {
        padding-bottom: 5px;
    }
}

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

/*--------------------------------------------------------------------
   container
---------------------------------------------------------------------*/
#container.toppage{ padding:60px 0 70px;}
#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:#9B003F;
    padding:10px;
    margin-bottom:20px;
    color:#fff;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:700;
    text-align:center;
    font-size:1.067em;
}

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

.sideBox dl dt{
    margin-bottom: 8px;
    padding-top: 2px;
    line-height: 1.6;
    font-weight:bold;
}
.sideBox dl dd{
    position:relative;
    padding-left:1em;
    margin-bottom: 8px;
    line-height: 1.6;
    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:#9B003F;
    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 #main02{background:url(../images/main_02.jpg) center center no-repeat;background-size:cover;}
#mainImage li #main03{background:url(../images/main_03.jpg) center center no-repeat;background-size:cover;}
#mainImage li #main04{background:url(../images/main_04.jpg) center center no-repeat;background-size:cover;}

#mainImage li .inner a{
    display:block;
    width:460px;
    height:150px;
    background-color:rgba(155,0,63,.9);
    padding:45px;
    padding-top: 60px;
    text-align:left;
    color:#fff;
    font-size:1.8em;
    font-weight:bold;
    position:absolute;
    right:0;
    bottom:14.5%;
}
#mainImage li .inner a:hover{background-color:rgba(179,11,79,.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;
    color:#9B003F;
}
#container.toppage section h2 span{
    display:block;
    font-size:0.348em;
    padding-top:10px;
}

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

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

#topSection01 ul li{
    width:30%;
    float:left;
}
#topSection01 ul li + li{margin-left:5%;}
#topSection01 ul li.link01 {margin-left: 20%;}
#topSection01 ul li.link02{margin-top:-80px;}

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

#topSection01 ul li a .sclimg{
    padding-top:120%;
}
#topSection01 ul li a .sclimg img,
#topSection04 .boxR a .sclimg img{
    width:auto;
    height:100%;
}
#topSection01 ul li a .linkTxt,
#topSection04 .boxR a .linkTxt{
    background-color:#9B003F;
    width:82%;
    height:55px;
    padding:15px 0 0 20px;
    color:#fff;
    font-size:1.100em;
    line-height:1.5;
    text-align:left;
    position:absolute;
    bottom:-25px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}
#topSection04 .boxR a .linkTxt{
    width: 74.28%;
    height: 80px;
    bottom: -40px;
}
#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:#b30b4f;}

#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:1140px;
    margin:0 auto;
    max-width:100%;
}
#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 .boxL{
    width:64%;
    float:left;
}

#topSection04 .boxL ul{
    border-top:#e7e7e7 1px solid;    
}
#topSection04 .boxL ul li{
    border-bottom:#e7e7e7 1px solid;
    padding:15px 0;
}
#topSection04 .boxL ul li a{
    display:block;
    overflow:hidden;
}
#topSection04 .boxL ul li a span{
    width:8em;
    float:left;
    font-size:0.867em;
    color:#666;
}
#topSection04 .boxL ul li a p{
    margin-left:8em;
    font-size:0.933em;
}
#topSection04 .boxL ul li a:hover p{ color:#666; }

#topSection04 .boxR{
    width:31.5%;
    float:right;    
}

#topSection04 .boxR a{display:block; position:relative;}

#topSection04 .boxR a .sclimg{
    padding-top:83.3%;    
}




@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;
    }


}