@media all and (min-width: 641px) {
    
	
	/* INDEX */ 
	body#about-index #title{
		background-image: url(../images/about/index/title-bg.jpg);
	}
	body#about-index #index-greeting .text,
	body#about-index #index-transition .text{
        margin-bottom: 20px;
	}
	body#about-index #index-greeting .image .name{
		display:block;
		font-size: 112.5%;
		font-weight: bold;
		text-align:left;
		line-height:1.5;
	}
	body#about-index #index-greeting .image .en{
		display:block;
		color:#909da7;
		font-family: "Times New Roman", "游明朝", YuMincho, "Ryumin Regular KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', serif;
		text-align:left;
		line-height:1.5;
		letter-spacing:1px;
	}
	body#about-index #index-greeting .profile .boxl{
		width: 550px;
	}
	body#about-index #index-greeting .profile .boxr{
		width: 380px;
	}
	body#about-index #index-greeting .profile .boxl .titles,
	body#about-index #index-greeting .profile .boxr .titles{
        margin-bottom: 5px;
    }
	body#about-index #index-greeting .interview-box a img{
        line-height: 0;
        box-shadow:0px 0px 10px 0px #d2d7db;
        border:1px solid #203b4f;
    }
	body#about-index #index-greeting .interview-box a:hover{
        filter:alpha(opacity=60); /* IE 6,7*/
        -ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
        -moz-opacity:0.6; /* FF , Netscape */
        -khtml-opacity: 0.6; /* Safari 1.x */
        opacity:0.6;
        zoom:1; /*IE*/
	}
	body#about-index #index-greeting .fl-cont .space{
        float: right;
        height: 110px;
    }
	body#about-index #index-greeting .fl-cont .image{
        float: right;
        clear: both;
        margin-top: 20px;
        margin-bottom: 30px;
    }
	
	
	/* STAFF */ 
	body.staff #title{
		background-image: url(../images/about/staff/title-bg.jpg);
	}
	.staff-list > li{
		margin-bottom: 80px;
	}
	.staff-list > li .name-box{
		float: left;
		width: 180px;
	}
	.staff-list > li .name-box p{
		margin-bottom: 0;
		line-height:1.5;
	}
	.staff-list > li .name-box .name{
		margin-bottom: 5px;
		font-size: 150%;
		font-weight: bold;
	}
	.staff-list > li .name-box .name,
	.staff-list > li .name-box .en{
		font-family: "Times New Roman", "游明朝", YuMincho, "Ryumin Regular KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', serif;
	}
	.staff-list > li .name-box .image,
	.staff-list > li .name-box .status{
        margin-bottom: 5px;
    }
	.staff-list > li .name-box .image img{
        max-width: 100%;
        width: 100%;
        height: auto;
    }
	.staff-list > li .text-box{
		float: right;
		width: 730px;
	}
	.staff-list > li .career-list dt{
        clear: both;
		float: left;
		width: 110px;
		font-weight: bold;
	}
	.staff-list > li .career-list dd{
		margin:0 0 20px 110px;
		padding-left: 10px;
		border-left:1px solid #909DA7;
	}
	.staff-list > li .career-list dd.limiter-wrapper{
        position: relative;
    }
	.staff-list > li .career-list dd.limiter-wrapper .limiter{
        height: 100px;
        overflow: hidden;
        transition-duration:0.3s;
        -webkit-transition-duration:0.3s;
        -moz-transition-duration:0.3s;
        -o-transition-duration:0.3s;
        -ms-transition-duration:0.3s;
    }
	.staff-list > li .career-list dd.limiter-wrapper .more{
        margin-top: 5px;
    }
	.staff-list > li .career-list dd.limiter-wrapper .more span{
        display: inline-block;
        padding: 2px 15px;
        color: #203b4f;
        /*font-size: 81.25%;*/
        font-weight: bold;
        text-align: center;
        background-color: #ffffff;
        border: 1px solid #203b4f;
        cursor: pointer;
    }
	.staff-list > li .career-list dd.limiter-wrapper .more span:hover{
        background-color: #f2ede1;
    }
	
	
	/* RESEARCH */ 
	body#about-result #title{
		background-image: url(../images/about/result/title-bg.jpg);
	}
	body#about-result #research-result .navs-box{
		margin-bottom: 30px;
	}
	body#about-result #research-result .navs-box .tab-list{
		margin-bottom: 30px;
		text-align:center;
		border-bottom:1px solid #203B50;
	}
	body#about-result #research-result .navs-box .tab-list li{
		display:inline-block;
		margin-right: 15px;
		margin-bottom: -1px;
	}
	body#about-result #research-result .navs-box .tab-list li:last-child{
		margin-right: 0;
	}
	body#about-result #research-result .navs-box .tab-list li a{
		display:block;
		padding: 0 50px;
		border:1px solid #203B50;
		border-bottom:none;
        color: #203b50;
		font-size: 156.25%;
    	font-family: "Times New Roman", "游明朝", YuMincho, "Ryumin Regular KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', serif;
		font-weight: bold;
		text-decoration:none;
		background-color:#D3D8DC;
	}
	body#about-result #research-result .navs-box .tab-list li a:hover{
		background-color: #ffffff;
	}
	body#about-result #research-result .navs-box .tab-list li.on a{
		background-color: #ffffff;
		border-bottom:1px solid #ffffff;
	}
	body#about-result #research-result .navs-box .year-list{
		text-align:right;
	}
	body#about-result #research-result .navs-box .year-list li{
		display:inline-block;
		margin-right: 20px;		
	}
	body#about-result #research-result .navs-box .year-list li a{
		padding: 8px;
        color: #203b50;
		text-decoration:none;
		box-sizing:border-box;
		border:1px solid #ffffff;
	}
	body#about-result #research-result .navs-box .year-list li a:hover,
	body#about-result #research-result .navs-box .year-list li.on a{
		border:1px solid #203B50;
	}
	body#about-result #research-result .article-box .titles{
		padding:10px 15px;
		font-weight: bold;
		background-color:#D3D8DC;
	}
	body#about-result #research-result .article-box .article-list > li{
		margin-bottom:45px;
	}
	body#about-result #research-result .article-box .text dt{
		clear:left;
		float: left;
        width: 80px;
		font-size: 93.75%;
	}
	body#about-result #research-result .article-box .text dd{
		margin-bottom: 5px;
		padding-left: 90px;
		font-size: 93.75%;
	}
	body#about-result .result-box .loading-box{
        height: 160px;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(../images/common/ajax-loader.gif);
    }
	
	
	
	/* RELATION */ 
	body#about-relation #title{
		background-image: url(../images/about/relation/title-bg.jpg);
	}
	body#about-relation #relation-inst .inst-list > li{
		margin-bottom: 25px;
		padding-bottom: 22px;
		border-bottom:1px solid #203B50;
	}
	body#about-relation #relation-inst .inst-list .name{
		font-size: 112.5%;
		font-weight: bold;
	}
    /*
	body#about-relation #relation-inst .inst-list .image-box{
		width: 150px;
		float: left;
	}
	body#about-relation #relation-inst .inst-list .text-box{
		width: 750px;
		float: right;
	}
    */
	body#about-relation #relation-inst .inst-list .text-box dt{
		clear:left;
		float: left;
		padding: 3px 10px;
		background-color:#D3D8DC;
	}
	body#about-relation #relation-inst .inst-list .text-box dd{
		margin-bottom: 5px;
		padding: 3px 10px 3px 70px;
	}
	body#about-relation #relation-inst .inst-list .name a{
        display: inline-block;
        padding-right: 30px;
        color: #12345e;
        background-image: url(../images/common/anchor-type03.png);
        background-position: right 2px top 5px;
        background-repeat: no-repeat;
        background-size: 20px auto;
    }
	
	
	
	/* INTERVIEW */  
	body#about-interview #title{
		background-image: url(../images/about/interview/title-bg.jpg);
	}
	body#about-interview .iframe-wrapper{
        position: relative;
        width: 100%;
        margin-bottom: 10px;
        padding-top: 56.25%;
    }
	body#about-interview iframe{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: 100%;
    }
	body#about-interview .linkers{
        text-align: right;
    }
	
	
	
}

@media only screen and (max-width: 640px) {
    
	
	/* INDEX */ 
	body#about-index #title:before{
		background-image: url(../images/about/index/title-bg.jpg);
        background-position: right center;
	}
	body#about-index #index-greeting .text,
	body#about-index #index-transition .text{
        margin-bottom: 20px;
	}
	body#about-index #index-greeting .image{
        margin-bottom: 20px;
		text-align:center;
	}
	body#about-index #index-greeting .image .name{
		display:block;
		font-size: 106.666%;
		font-weight: bold;
		line-height:1.5;
	}
	body#about-index #index-greeting .image .en{
		display:block;
		color:#909da7;
		font-family: "Times New Roman", "游明朝", YuMincho, "Ryumin Regular KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', serif;
		line-height:1.5;
		letter-spacing:1px;
	}
	body#about-index #index-greeting .interview-box a img{
        line-height: 0;
        box-shadow:0px 0px 10px 0px #d2d7db;
        border:1px solid #203b4f;
    }
	body#about-index #index-greeting .interview-box a:hover{
        filter:alpha(opacity=60); /* IE 6,7*/
        -ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
        -moz-opacity:0.6; /* FF , Netscape */
        -khtml-opacity: 0.6; /* Safari 1.x */
        opacity:0.6;
        zoom:1; /*IE*/
	}
	body#about-index #index-greeting .profile .boxl .titles,
	body#about-index #index-greeting .profile .boxr .titles{
        margin-bottom: 5px;
    }
    
	/* STAFF */ 
	body.staff #title:before{
		background-image: url(../images/about/staff/title-bg.jpg);
        background-position: center center;
	}
	.staff-list > li{
		margin-bottom: 50px;
	}
	.staff-list > li .name-box{
		margin-bottom: 20px;
	}
	.staff-list > li .name-box p{
		margin-bottom: 0;
		text-align: center;
		line-height:1.5;
	}
	.staff-list > li .name-box .name{
		margin-bottom: 2px;
		font-size: 133.333%;
		font-weight: bold;
	}
	.staff-list > li .name-box .name,
	.staff-list > li .name-box .en{
			font-family: "Times New Roman", "游明朝", YuMincho, "Ryumin Regular KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', serif;
	}
	.staff-list > li .name-box .image,
	.staff-list > li .name-box .status{
        margin-bottom: 5px;
    }
	.staff-list > li .name-box .image img{
        max-width: 180px;
        height: auto;
    }
	.staff-list > li .career-list dt{
		margin-bottom: 2px;
        font-size: 107.1428%;
		font-weight: bold;
		border-bottom:1px solid #909DA7;
	}
	.staff-list > li .career-list dd{
		margin-bottom: 10px;
		padding: 5px;
	}
	.staff-list > li .career-list dd ul{
        margin-bottom: 0;
    }
	.staff-list > li .career-list dd.limiter-wrapper{
        position: relative;
    }
	.staff-list > li .career-list dd.limiter-wrapper .limiter{
        height: 100px;
        overflow: hidden;
        transition-duration:0.3s;
        -webkit-transition-duration:0.3s;
        -moz-transition-duration:0.3s;
        -o-transition-duration:0.3s;
        -ms-transition-duration:0.3s;
    }
	.staff-list > li .career-list dd.limiter-wrapper .more{
        margin-top: 5px;
    }
	.staff-list > li .career-list dd.limiter-wrapper .more span{
        display: inline-block;
        padding: 2px 15px;
        color: #203b4f;
        /*font-size: 81.25%;*/
        font-weight: bold;
        text-align: center;
        background-color: #ffffff;
        border: 1px solid #203b4f;
        cursor: pointer;
    }
	.staff-list > li .career-list dd.limiter-wrapper .more span:hover{
        background-color: #f2ede1;
    }
	
	
	/* RESEARCH */ 
	body#about-result #title:before{
		background-image: url(../images/about/result/title-bg.jpg);
        background-position: center center;
	}
	body#about-result #research-result .navs-box{
		margin-bottom: 20px;
	}
	body#about-result #research-result .navs-box .tab-list{
		margin-bottom: 20px;
		text-align:center;
		border-bottom:1px solid #203B50;
	}
	body#about-result #research-result .navs-box .tab-list li{
		display:inline-block;
		margin-right: 15px;
		margin-bottom: -1px;
	}
	body#about-result #research-result .navs-box .tab-list li:last-child{
		margin-right: 0;
	}
	body#about-result #research-result .navs-box .tab-list li a{
		display:block;
		padding: 0 20px;
		border:1px solid #203B50;
		border-bottom:none;
        color: #203b50;
		font-size: 146.666%;
    	font-family: "Times New Roman", "游明朝", YuMincho, "Ryumin Regular KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Noto Serif JP', serif;
		font-weight: bold;
		text-decoration:none;
		background-color:#D3D8DC;
	}
	body#about-result #research-result .navs-box .tab-list li a:hover{
		background-color: #ffffff;
	}
	body#about-result #research-result .navs-box .tab-list li.on a{
		background-color: #ffffff;
		border-bottom:1px solid #ffffff;
	}
	body#about-result #research-result .navs-box .year-list{
		text-align:right;
	}
	body#about-result #research-result .navs-box .year-list li{
		display:inline-block;
		margin: 0 5px 5px 0;
	}
	body#about-result #research-result .navs-box .year-list li a{
		padding: 5px;
        color: #203b50;
		box-sizing:border-box;
		border:1px solid #ffffff;
	}
	body#about-result #research-result .navs-box .year-list li a:hover,
	body#about-result #research-result .navs-box .year-list li.on a{
		border:1px solid #203B50;
	}
	body#about-result #research-result .article-box .titles{
		padding:10px 15px;
		font-weight: bold;
		background-color:#D3D8DC;
	}
	body#about-result #research-result .article-box .article-list > li{
		margin-bottom:30px;
	}
	body#about-result #research-result .article-box .text dt{
		clear:left;
		float: left;
        width: 60px;
		margin-bottom: 5px;
	}
	body#about-result #research-result .article-box .text dd{
		margin-bottom: 5px;
		padding-left: 70px;
	}
	body#about-result .result-box .loading-box{
        height: 160px;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(../images/common/ajax-loader.gif);
    }
	
	
	/* RELATION */ 
	body#about-relation #title:before{
		background-image: url(../images/about/relation/title-bg.jpg);
        background-position: center center;
	}
	body#about-relation #relation-inst .inst-list > li{
		margin-bottom: 20px;
		padding-bottom: 15px;
		border-bottom:1px solid #203B50;
	}
	body#about-relation #relation-inst .inst-list .name{
		font-size:113.333%;
		font-weight: bold;
	}
    /*
	body#about-relation #relation-inst .inst-list .image-box{
		text-align:center;
	}
    */
	body#about-relation #relation-inst .inst-list .text-box{
		margin-bottom: 0;
	}
	body#about-relation #relation-inst .inst-list .text-box dt{
		clear:left;
		float: left;
		padding: 3px 10px;
		background-color:#D3D8DC;
	}
	body#about-relation #relation-inst .inst-list .text-box dd{
		margin-bottom: 5px;
		padding: 3px 10px 3px 60px;
	}
	body#about-relation #relation-inst .inst-list .name a{
        display: inline-block;
        padding-right: 30px;
        color: #12345e;
        background-image: url(../images/common/anchor-type03.png);
        background-position: right 2px top 5px;
        background-repeat: no-repeat;
        background-size: 20px auto;
    }
	
	
	
	/* INTERVIEW */ 
	body#about-interview #title:before{
		background-image: url(../images/about/interview/title-bg.jpg);
        background-position: right center;
	}
	body#about-interview .iframe-wrapper{
        position: relative;
        width: 100%;
        margin-bottom: 10px;
        padding-top: 56.25%;
    }
	body#about-interview iframe{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: 100%;
    }
	body#about-interview .linkers{
        text-align: center;
    }
	
	
	
	
}