/* PC SP 共通 */
body.research #title{
    background-image: url(../images/research/title-bg.jpg);
}

/* INDEX */
body#research-index .theme-box .title-theme{
	margin-bottom: 40px;
}
body#research-index .theme-box .memberlist-box{
	margin-bottom: 45px;
}
body#research-index .theme-box .theme-memberlist > li .image{
	margin-bottom: 0;
	line-height: 0;
	text-align: center;
}
body#research-index .theme-box .theme-memberlist > li .image img{
    display: inline-block;
    clip-path: polygon( 
        30% 0%, 
        70% 0%, 
        100% 30%, 
        100% 70%, 
        70% 100%, 
        30% 100%, 
        0% 70%, 
        0% 30%
    );
}
body#research-index .theme-box .theme-memberlist > li .text-box{
	flex: 1;
}
body#research-index .theme-box .theme-memberlist > li .nametext{
	margin-bottom: 10px;
	line-height: 1.6875;
}
body#research-index .theme-box .theme-memberlist > li .nametext .status,
body#research-index .theme-box .theme-memberlist > li .nametext .name{
	display: inline-block;
	vertical-align: baseline;
}
body#research-index .theme-box .theme-memberlist > li .nametext .status{
	margin-right: 1em;
}
body#research-index .theme-box .theme-memberlist > li .nametext .name{
	font-size: 131.25%; /* 21px */
	font-weight: bold;
}
body#research-index .theme-box .theme-memberlist > li .property-list > li{
	font-size: 93.75%; /* 15px */
    line-height: 1.75;
}
body#research-index .theme-box .theme-memberlist > li .property-list > li:before{
    top: 13px;
}
body#research-index .theme-box .content-box:not(:last-child){
	margin-bottom: 45px;
}
body#research-index .theme-box .content-box .text:not(:last-child){
	margin-bottom: 1.7em;
}

/* LOMCAD */
body#research-lomcad #lomcad-outline .subtitle-box{
	margin-bottom: 30px;
}
body#research-lomcad #lomcad-outline .subtitle-box .title-level03{
	margin-bottom: 25px;
	text-align: center;
}
body#research-lomcad #lomcad-outline .subtitle-box .announce{
	font-size: 162.5%; /* 26px */
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}
body#research-lomcad #lomcad-outline .subtitle-box .announce .inner{
	display: inline-block;
	min-width: 462px;
	padding: 5px 40px;
	text-align: center;
	background-color: #cadbea;
	box-sizing: border-box;
}
body#research-lomcad #lomcad-outline .name_lomcad-box{
	margin-bottom: 30px;
}
body#research-lomcad #lomcad-outline .name_lomcad-box > p{
	color: #000000;
    font-size: 112.5%; /* 18px */
    font-weight: 300;
    line-height: 1.89;
	text-align: right;
}
body#research-lomcad #lomcad-outline .name_lomcad-box > p .boldtext{
    font-weight: 500;
}
body#research-lomcad #lomcad-outline .name_lomcad-box > p:not(:last-child),
body#research-lomcad #lomcad-outline .comment-box > p:not(:last-child){
	margin-bottom: 1.5em;
}

@media print, all and (min-width: 751px) {
	/* PC */    
	
	/* INDEX */
    body#research-index .theme-box .title-memberlist{
        margin-bottom: 20px;
        margin-left: 10px;
    }
	body#research-index .theme-box .theme-memberlist{
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: start;
		gap: 30px 50px;
	}
	body#research-index .theme-box .theme-memberlist > li{
		display: flex;
		column-gap: 20px;
	}
    
    /* LOMCAD */
    body#research-lomcad .subtitle_s{
        margin-bottom: 5px;
    }
                       
}

@media only screen and (max-width: 750px) {
	/* SP */
	
	/* INDEX */
    body#research-index .theme-box .title-theme{
        margin-bottom: 30px;
    }
	body#research-index .theme-box .memberlist-box .title-memberlist{
		text-align: center;
	}
	body#research-index .theme-box .theme-memberlist > li:not(:last-child){
		margin-bottom: 40px;
	}
	body#research-index .theme-box .theme-memberlist > li .image{
		margin-bottom: 10px;
	}
	body#research-index .theme-box .theme-memberlist > li .nametext{
		text-align: center;
	}

	/* LOMCAD */
	body#research-lomcad #lomcad-outline .subtitle-box{
		margin-bottom: 20px;
	}
	body#research-lomcad #lomcad-outline .subtitle-box .title-level03{
		margin-bottom: 20px;
	}
	body#research-lomcad #lomcad-outline .subtitle-box .announce{
		font-size: 125%; /* 20px */
	}
	body#research-lomcad #lomcad-outline .subtitle-box .announce .inner{
		min-width: 200px;
	}
    body#research-lomcad #lomcad-outline .name_lomcad-box > p{
        font-size: 100%; /* 16px */
    }
    
}