@charset "UTF-8";
:root{
	--body : #000;
	--link : #000;
}

@media screen and (max-width: 750px){
	#main{
		padding-bottom : calc( 50 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#main{
		padding-bottom : 100px;
	}
}
.pic  {
    width: 100%;
    text-align: center;
}
@media screen and (max-width: 750px){
     .pic iframe{
        width: 300px;
        height: 240px;
        margin: 10px auto 0px auto !important;
    }
}

@media print,screen and (min-width: 751px){
     .pic iframe{
        width: 800px;
        height: 600px;
        margin: 10px auto 0px auto !important;
    }
}
html, body, #map{
  height: 100%;
  margin: 0;
}
/*--------------------------------------------
VIEWER
---------------------------------------------*/

@media screen and (max-width: 750px){
    #map{
        height:90vw ;
        width: 90vw;
        margin-left:auto;
        margin-right:auto;
        padding-left:25px;
        padding-right:25px;
            margin: 50px auto 0 auto  ;
    }
    .notes {
        width: 90vw;
        margin: 5px auto 0 auto  ;
        font-size: 1rem;
        padding-bottom: 20px;
        line-height: 1.5;
    }
}
@media print,screen and (min-width: 751px){
    #map{
        height:590px ;
        width: 1050px;
        margin-left:auto;
        margin-right:auto;
        padding-left:25px;
        padding-right:25px;
            margin: 50px auto 0 auto  ;
    }
    .notes {
        width: 1050px;
        margin: 5px auto 0 auto  ;
        font-size: 1rem;
        padding-bottom: 20px; 
        line-height: 1.5;
    }
}

/*--------------------------------------------
MAIN PEOPLE
---------------------------------------------*/
#mainPeople picture img{
	width : 100%;
	height : auto;
}
#mainPeople .pic p{
	color : #5e5e5e;
	font-weight : 500;
    text-align: left;	
    margin-top: 5px;    
}
#mainPeople p{
	font-weight : 500;
}
#mainPeople .box > p{
	font-size : 1.6rem;
	line-height : 1.8;
}
@media screen and (max-width: 750px){
	#mainPeople .box{
		margin-top : calc( 15 * 100vw / 375 );
	}
	#mainPeople .box > p{
		margin-top : calc( 15 * 100vw / 375 );
	}
	#mainPeople .pic{
		position : relative;
	}
	#mainPeople .pic p{
		position : absolute;
		bottom : 0;
		right : 0;
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		background-color : #f3f3f3;
		font-size : 1.2rem;
		padding-top : calc( 3 * 100vw / 375 );
		padding-bottom : calc( 3 * 100vw / 375 );
		padding-left : calc( 3 * 100vw / 375 );
		padding-right : calc( 3 * 100vw / 375 );
	}
	#mainPeople .org{
		display : flex;
		align-items : flex-start;
	}
	#mainPeople .org .pic{
		flex-shrink : 0;
		margin-right : calc( 6 * 100vw / 375 );
		margin-top : calc( 15 * 100vw / 375 );
		width : 66px;
	}
	#mainPeople .org .title01 {
		flex-grow : 1;		
	}
}
@media print,screen and (min-width: 751px){
	#mainPeople .wrap{
		padding-top : 20px;
		padding-bottom : 20px;
	}
	#mainPeople .box{
		display : flex;
		align-items : flex-start;
		margin-top : 30px;
	}
	#mainPeople .pic{
		width : 450px;
		flex-shrink : 0;
		margin-right : 30px;
	}
	#mainPeople picture{
		width : 100%;
	}
	#mainPeople .pic p{
		font-size : 1.2rem;
		margin-top : 3px;
	}
	#mainPeople .org{
		display : flex;
		align-items : flex-start;
	}
	#mainPeople .org .pic{
		margin-top: -10px;
		width : 120px;
	}
}
/*--------------------------------------------
MAIN THING
---------------------------------------------*/
#mainThing .viewwer{
	background-color : #fff;
	text-align : center;
}

@media screen and (max-width: 750px){
	#mainThing .viewwer{
		margin-top : calc( 15 * 100vw / 375 );
		padding-top : calc( 30 * 100vw / 375 );
		padding-bottom : calc( 30 * 100vw / 375 );
		padding-left : calc( 15 * 100% / 345 );
		padding-right : calc( 15 * 100% / 345 );
	}
	#mainThing picture img{
		width : 100%;
		height : auto;
	}
}
@media print,screen and (min-width: 751px){
	#mainThing .viewwer{
		margin-top : 30px;
		padding-top : 80px;
		padding-bottom : 80px;
	}
	#mainThing picture img{
		max-width : 100%;
		max-height : 100%;
		width : auto;
		height : auto;
	}
}
/*--------------------------------------------
BASE
---------------------------------------------*/
@media screen and (max-width: 750px){
	#base{
		margin-top : calc( 30 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#base{
		margin-top : 50px;
	}
}
/*--------------------------------------------
CAREER
---------------------------------------------*/
@media screen and (max-width: 750px){
	#career{
		margin-top : calc( 30 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#career{
		margin-top : 30px;
	}
}
/*--------------------------------------------
AWARDS
---------------------------------------------*/
@media screen and (max-width: 750px){
	#awards{
		margin-top : calc( 30 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#awards{
		margin-top : 50px;
	}
}
/*--------------------------------------------
WORK
---------------------------------------------*/
#work .box > ul > li > dl > div {
    border-bottom:none !important;
}
    #work .box > ul > li {
        margin-bottom: 2em;
    }
@media screen and (max-width: 750px){
	#work{
		margin-top : calc( 30 * 100vw / 375 );
	}
        #work .box > ul > li > dl > div {
            display: block;
    	}
        #work .box > ul > li > dl > div > dt , #work .box > ul > li > dl > div > dd{
    	}
        #work .box > ul > li > dl > div > dt{
    	}
        #work .box > ul > li > dl > div > dd{
            margin-top:  0px;
            margin-left:  1em;
    	}
}
@media print,screen and (min-width: 751px){
	#work{
		margin-top : 30px;
	}
        #work .box > ul > li > dl > div > dt , #work .box > ul > li > dl > div > dd{
            padding-top: 3px !important;
            padding-bottom: 3px !important;
        }
    #work .box > ul > li > dl > div > dt {
        min-width: 7em;
    }
}
/*--------------------------------------------
RELATION01
---------------------------------------------*/
@media screen and (max-width: 750px){
	#relation01{
		margin-top : calc( 50 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#relation01{
		margin-top : 50px;
	}
}
/*--------------------------------------------
RELATION02
---------------------------------------------*/
@media screen and (max-width: 750px){
	#relation02{
		margin-top : calc( 50 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#relation02{
		margin-top : 50px;
	}
}
/*--------------------------------------------
RELATION03
---------------------------------------------*/
@media screen and (max-width: 750px){
	#relation03{
		margin-top : calc( 50 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#relation03{
		margin-top : 50px;
	}
}
/*--------------------------------------------
LINK
---------------------------------------------*/
@media screen and (max-width: 750px){
	#link{
		margin-top : calc( 50 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#link{
		margin-top : 50px;
	}
}
/*--------------------------------------------
OTHER
---------------------------------------------*/
@media screen and (max-width: 750px){
	#other{
		margin-top : calc( 30 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#other{
		margin-top : 50px;
	}
}
/*--------------------------------------------
RELATION04
---------------------------------------------*/
@media screen and (max-width: 750px){
	#relation04{
		margin-top : calc( 50 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#relation04{
		margin-top : 50px;
	}
}
/*--------------------------------------------
RELATION05
---------------------------------------------*/
@media screen and (max-width: 750px){
	#relation05{
		margin-top : calc( 50 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#relation05{
		margin-top : 50px;
	}
	#relation05 .wrap{
		padding-top : 0;
	}
}
/*--------------------------------------------
RELATION06
---------------------------------------------*/
@media screen and (max-width: 750px){
	#relation06{
		margin-top : calc( 50 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#relation06{
		margin-top : 50px;
	}
	#relation06 .wrap{
		padding-top : 0;
	}
}
/*--------------------------------------------
DOCUMENT
---------------------------------------------*/
#document , #work {
    padding-bottom: 4em;
}
#document dl{
	border-bottom : 1px solid #000;
}
    #document dl dl{
        border-bottom : none;
    }    
@media screen and (max-width: 750px){
	#document{
		margin-top : calc( 50 * 100vw / 375 );
	}
	#document .license{
		margin-top : calc( 50 * 100vw / 375 );
	}
	#document .box{
		padding-bottom : calc( 50 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 1100px){
	#document{
		margin-top : 100px;
	}
	#document .license{
		margin-top : 30px;
	}
	#document .box{
		padding-bottom : 27px;
	}
	#document dt{
        width: 220px;
        white-space: normal;
        padding-right: 10px;
		color : #5e5e5e;
	}
        #document dl dl div{
            line-height: 1.3;
            padding-bottom: 5px;
    }
        #document dl dl dt{
            width : auto;
            padding-right: 10px;
            color : #5e5e5e;
        }
       html[lang="en"]   #document dt{
            width : 180px;
        }
}
/*--------------------------------------------
POSTS SECTION02
---------------------------------------------*/
.posts-section02 h3{
	font-weight : 800;
}
.posts-section02 .links{
	display : flex;
	flex-wrap : wrap;
}
.posts-section02 .links li{
	border-style : solid;
	border-color : #000;
}
.posts-section02 .links a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	font-weight : 800;
	background-color : #ddd;
}
    .posts-section02 .links a:hover , .posts-section02 .links a.current{
        background-color : #000;
        color: #fff;
    }
.posts-section02 .head{
	display : flex;
	align-items : center;
	justify-content : space-between;
}
.posts-section02 .head dl{
	display : flex;
	align-items : center;
	flex-shrink : 0;
}
.posts-section02 .head dt , .posts-section02 .head dd{
	font-weight : 700;
	font-size : 1.6rem;
}
.posts-section02 .head a{
	flex-shrink : 0;
	display : flex;
	align-items : center;
	font-weight : 700;
}
.posts-section02 .head a:before{
	content : "";
	display : block;
	flex-shrink : 0;
	background : url("../images/ui/icon/archive.svg") 0 0 / contain no-repeat;
}
.posts-section02 .slick-track{
	display : flex;
}
.posts-section02 div.slick-slide{
	display : flex;
	height : auto;
}
.posts-section02 .slick{
	border-top : 1px solid #000;
}
.posts-section02 .slick li a{
	display : block;
}
.posts-section02 .slick li picture{
	width : 100%;
}
.posts-section02 .slick li h4{
	font-weight : 800;
	font-size : 1.5em;
	line-height : 1.3;
}
.posts-section02 .slick li p{
	font-weight : 500;
}
.posts-section02 .slick li ul{
	display : flex;
}
.posts-section02 .slick li li , .posts-section02 .slick li p{
	font-weight : 500;
	font-size : 1.4rem;
    line-height: 1.3;
}
.posts-section02 .slick picture{
	overflow : hidden;
}
.posts-section02 .slick picture > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	font-family : "object-fit: cover;";
}

.posts-section02 .slide-arrow{
	color : #000;
}
.posts-section02 .slide-prev:before{
	background-image : url("../images/ui/icon/prev02.svg");
}
.posts-section02 .slide-next:after{
	background-image : url("../images/ui/icon/next02.svg");
}
.posts-section02 .slick-dots button{
	background-color : #000;
	border-color : #e5e5e5;
}
.posts-section02 .slick-dots .slick-active button{
	border-color : #000;
}
@media screen and (max-width: 750px){
	.posts-section02 h3{
		font-size : 3rem;
	}
	.posts-section02 .links{
		width : calc( 100% + ( 3 * 100% / 345 ) );
		padding-left : calc( 3 * 100% / 345 );
		margin-top : calc( ( 20 + 3 ) * 100vw / 375 );
	}
	.posts-section02 .links li{
		margin-right : calc( 5 * 100% / 345 );
		margin-top : calc( 5 * 100vw / 375 );
		border-width : calc( 3 * 100vw / 375 );
	}
	.posts-section02 .links a{
		font-size : 2.2rem;
		height : calc( 40 * 100vw / 375 );
		padding-left : calc( 12 * 100vw / 375 );
		padding-right : calc( 12 * 100vw / 375 );
	}
	.posts-section02 .head{
		margin-top : calc( 20 * 100vw / 375 );
		flex-wrap : wrap;
		padding-bottom : calc( 10 * 100vw / 375 );
	}
	.posts-section02 .head dl{
		order : 1;
        margin-bottom: calc( 15 * 100vw / 375 );
	}
	.posts-section02 .head a , .posts-section02 .head .kara{
		order : 2;
		font-size : 1.6rem;
	}
	.posts-section02 .head a:before{
		width : calc( 22 * 100vw / 375 );
		height : calc( 22 * 100vw / 375 );
		margin-right : calc( 8 * 100vw / 375 );
	}
	.posts-section02 .head .slide-controller{
		order : 3;
		width : 100%;
		margin-top : calc( 30 * 100vw / 375 );
	}
	.posts-section02 .head .slide-controller .slide-prev{
		margin-right : calc( ( 27 - 3.5 ) * 100% / 345 );
	}
	.posts-section02 .head .slide-controller .slide-next{
		margin-left : calc( ( 27 - 3.5 ) * 100% / 345 );
	}
	.posts-section02 .slick{
		padding-top : calc( 30 * 100vw / 375 );
		padding-left : calc( 7.5 * 100vw / 345 );
		padding-right : calc( 7.5 * 100vw / 345 );
	}
	.posts-section02 .slick .slick-slide{
		width : calc( 150 * 100vw / 375 ) !important;
		margin-left : calc( 7.5 * 100vw / 375 );
		margin-right : calc( 7.5 * 100vw / 375 );
	}
	.posts-section02 .slick h4{
		padding-top : calc( 10 * 100vw / 375 );
	}
	.posts-section02 .slick ul{
		margin-left : calc( -10 * 100vw / 375 );
	}
	.posts-section02 .slick li li{
		margin-bottom : calc( 5 * 100vw / 375 );
		margin-left : calc( 10 * 100vw / 375 );
        line-height: 1.3;
	}
	.posts-section02 .slick picture{
		height : calc( 150 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	.posts-section02 h3{
		font-size : 4.8rem;
	}
	.posts-section02 .links{
		width : calc( 100% + 3px );
		padding-left : 3px;
		margin-top : calc( 30px + 3px );
	}
	.posts-section02 .links li{
		margin-right : 5px;
		margin-top : 5px;
		border-width : 5px;
	}
	.posts-section02 .links a{
		font-size : 2.1rem;
		height : 51px;
		padding-left : 12px;
		padding-right : 12px;
	}
	.posts-section02 .head{
		margin-top : 30px;
		padding-right : 20px;
		padding-bottom : 9px;
	}
	.posts-section02 .head .slide-controller{
		margin-top : 0;
	}
	.posts-section02 .head .slide-controller .slide-prev{
		margin-right : calc( 20px - 3.5px );
	}
	.posts-section02 .head .slide-controller .slide-next{
		margin-left : calc( 20px - 3.5px );
	}
	.posts-section02 .head a{
		font-size : 1.8rem;
	}
    .posts-section02 .head .kara {
        font-size: 1.8rem;
        width: 117px;
    }
	.posts-section02 .head a:before{
		width : 22px;
		height : 22px;
		margin-right : 8px;
	}
	.posts-section02 .slick{
		padding-top : 20px;
	}
	.posts-section02 .slick div.slick-slide{
		width : 150px;
		margin-left : 14px;
		margin-right : 14px;
	}
	.posts-section02 .slick a{
		padding-bottom : 12px;
		background-size : auto 12px;
		background-position : right 12px bottom 12px;
	}
	.posts-section02 .slick h4{
		margin-top : 10px;
	}
	.posts-section02 .slick ul{
		margin-left : -10px;
	}
	.posts-section02 .slick li li{
		margin-top : 10px;
		margin-left : 10px;
	}
	.posts-section02 .slick picture{
		height : 150px;
	}
}
/*# sourceMappingURL=../maps/single.css.map */


@media print,screen and (min-width: 751px){
.set01 .licensing_info{
text-align:right;
font-size: 1.6rem;
padding:20px 0;
}
.set01 .ccbanner:after{
background:none !important;
}
}

@media screen and (max-width: 750px){
.set01 .licensing_info{
text-align:left;
font-size: 1.2rem;
line-height : 1.5;
padding:20px 0;
}
.set01 .ccbanner:after{
background:none !important;
}
}