/*

■このCSSの役割＝複数ページにわたるCSS基本ファイル
⑤/css/single.css（子ページ関連のみcss）

■CSSファイル区分メモ
①/css/main.css（サイト全体使用基本css）
②/css/top.css（TOPページのみ使用css）
③/css/under.css（下層ページ共通css）
④/css/archive.css（検索付き一覧ページのみcss）
⑤/css/single.css（子ページ関連のみcss）
⑥/css/page.css（その他ページ分css）（about、rd、rd子ページ）

※基本的には①、③に書いて、追加分やオリジナルなcssはそのほかに書くような形

*/


@charset 'UTF-8';

b {
    font-weight: 700;
}

/*------------------------------------------------------------
	share Parts
------------------------------------------------------------*/

.single-share {
    margin-top: 24px;
}
ul.list-sns{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -5px;
}
ul.list-sns li{
    padding: 0 5px;
}
ul.list-sns li a {
    background: #333;
    color: #fff;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    padding: 9px 12px;
}
ul.list-sns li.tweet a{
    background: #0f1419;
    border: 1px solid #0f1419;
}
ul.list-sns li.facebook a{
    background: #315096;
    border: 1px solid #315096;
}
ul.list-sns li.line a{
    background: #00c030;
    border: 1px solid #00c030;
}
ul.list-sns li.linkedin a{
    background: #0077B5;
    border: 1px solid #0077B5;
}

ul.list-sns li.tweet a:hover{
    color: #0f1419;
    background: #fff;
}
ul.list-sns li.facebook a:hover{
    color: #315096;
    background: #fff;
}
ul.list-sns li.line a:hover{
    color: #00c030;
    background: #fff;
}
ul.list-sns li.linkedin a:hover{
    color: #0077B5;
    background: #fff;
}

ul.list-sns li a .icon {
    border-radius: 4px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
ul.list-sns li a .icon i{
    font-size: 17px;
}
ul.list-sns li a .sns-text {
    font-size: 13px;
    /* padding-right: 14px; */
    line-height: 1;
    font-weight: 500;
    padding-bottom: 1px;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

	ul.list-sns{
		margin: -6px;
	}
    ul.list-sns li{
    	width: 50%;
    	padding: 6px;
    	box-sizing: border-box;
    }
    ul.list-sns li a{
    	padding: 8px 8px;
    	display: flex;
    	justify-content: center;
    }
    ul.list-sns li a .icon{
    	margin-right: 6px;
    }
    ul.list-sns li a .sns-text{
    	font-size: 12px;
    	font-weight: 600;
    }

}




/*------------------------------------------------------------
	single common Parts
------------------------------------------------------------*/

#under-visual.single-page{
	background: #f2f2f2;
	padding-bottom: 0;
}
#single-content {
    margin-top: 32px;
}
.single-head{
	background: #fff;
	border-radius: 32px 32px 0 0;
	padding: 48px 64px 48px;
	margin-bottom: 2px;
}
.single-body{
	background: #fff;
	padding: 42px 64px 56px;
	border-radius: 0 0 32px 32px;
}

.single-body p{
	font-weight: 500;
	margin-top: 32px;
}
.single-body h2{
	margin-top: 56px;
	font-size: 22px;
	font-weight: 700;
    font-style: normal;
    line-height: 1.45;
    padding-left: 28px;
    position: relative;
}
.single-body h2:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #089FCE;
    border-radius: 50%;
}
.single-body h3{
	margin-top: 32px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
}

.single-body dl{
	margin-top: 24px;
}
.single-body dl dt {
    font-weight: 600;
    position: relative;
    padding-left: 28px;
    line-height: 1.6;
}
.single-body dl dt:before {
    content: "・";
    position: absolute;
    left: 0;
    top: 0;
}
.single-body dl dd {
    font-weight: 500;
    margin-top: 2px; 
    font-size: 14px;
    padding-left: 28px;
    line-height: 1.6;
}

.single-body a{
	display: inline-block;
	text-decoration: underline;
	font-size: 14px;
}
.single-body a:hover{
	color: #666666;
	text-decoration: none;
	font-weight: 500;
}

.single-body p:first-of-type{
	margin-top: 0;
}

.single-body figure{
	margin-top: 40px;
	max-width: 640px;
	margin: 40px auto 0;
	text-align: center;
}
.single-body figcaption{
	margin-top: 8px;
	font-size: 13px;
	text-align: center;
	font-weight: 500;
	color: #666666;
	line-height: 1.6;
}
.single-body figure iframe{
	width: 100%;
  height: calc(100vw * 9 / 16); /* 画面幅基準の比率計算（小技） */
  max-height: 360px; /* 640×9÷16 = 360 */
}

.single-body table{
	margin-top: 24px;
	border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    font-size: 15px;
    width: 100%;
}
.single-body table th, .single-body table td{
	text-align: left;
    padding: 12px 20px;
    font-weight: 500;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}
.single-body table th{
	width: 120px;
    box-sizing: border-box;
    background-color: #F5F5F7;
}
.single-body-note{
	font-size: 14px;
}

.single-body .h2-caption {
    display: block;
    margin-top: 16px;
    margin-left: -28px;
    font-size: 28px;
    line-height: 1.6;
}

.profile-parts {
    padding: 20px 0;
    border-top: 2px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2;
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
}
.profile-parts-wrap .profile-parts:not(:first-of-type){
	border-top: none;
	margin-top: 0;
}
.profile-parts-item {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    width: 160px;
    color: #089FCE;
}
ul.profile-list {
    width: calc(100% - 160px);
}
ul.profile-list > li{

}
ul.profile-list > li:not(:first-of-type){
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid #f2f2f2;
}
.profile-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}
.profile-career {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    /* font-weight: 500; */
    /* color: #666666; */
    margin-top: 4px;
}
.single-body p.profile-text {
    font-size: 14px;
    /* font-weight: 500; */
    /* color: #444444; */
    line-height: 1.6;
    font-weight: 400;
    margin-top: 10px;
}
.profile-position {
    line-height: 1;
    margin-bottom: 10px;
    font-size: 12px;
    background: #089FCE;
    color: #fff;
    display: inline-block;
    padding: 4px 6px;
    font-weight: 500;
}
ul.number-list {
    font-weight: 600;
    margin-top: 32px;
    list-style: auto;
    padding-left: 20px;
    font-size: 18px;
}
ul.disc-list {
    font-weight: 600;
    margin-top: 32px;
    list-style: disc;
    padding-left: 20px;
    font-size: 18px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){

    #single-content{
    	margin-top: 24px;
    }
    .single-head {
	    border-radius: 24px 24px 0 0;
	    padding: 24px 24px 32px;
	}
	.single-body{
		padding: 32px 24px 32px;
		border-radius: 0 0 24px 24px;
	}
	.single-body h2{
		font-size: 18px;
		margin-top: 48px;
		padding-left: 22px;
	}
	.single-body h2:after {
	    width: 12px;
	    height: 12px;
	    top: 9px;
	    left: 0;
	}
	.single-body .h2-caption {
	    margin-top: 16px;
	    margin-left: -22px;
	    font-size: 20px;
	    line-height: 1.6;
	}
	.single-body p{
		margin-top: 32px;
	}
	.single-body h3{
		font-size: 16px;
	}
	.single-body dl dt{
		padding-left: 22px;
	}
	.single-body dl dd{
		font-size: 13px;
		padding-left: 22px;
	}

	.single-body dl{
		margin-top: 20px;
	}
	.single-body figure{
		margin-top: 32px;
	}
	.single-body figcaption{
		font-size: 12px;
	}

	.single-body table th, .single-body table td{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 15px 16px;
	}
	.single-body table th{
		padding: 8px 16px;
		font-weight: 600;
	}
	.single-body a{
		font-size: 13px;
	}
	.single-body-note{
		font-size: 13px;
	}

	.single-body figure iframe{
		height: 46vw;
	}

	ul.number-list{
		font-size: 15px;
	}
	ul.number-list > li:not(:first-of-type){
		margin-top: 4px;
	}
	ul.disc-list {
	    font-size: 15px;
	}
	ul.disc-list > li:not(:first-of-type){
		margin-top: 4px;
	}

	.profile-parts{
		display: block;
		border-top: none;
		border-bottom: 1px solid #f2f2f2;;
	}
	.profile-parts-item{
		font-size: 14px;
		width: 100%;
	}
	ul.profile-list{
		width: 100%;
	}
	.single-body p.profile-text{
		font-size: 13px;
	}
	ul.profile-list > li:not(:first-of-type) {
	    margin-top: 0;
	    padding-top: 0;
	    border-top: 1px solid #f2f2f2;
	}
	ul.profile-list > li{
		margin-top: 20px !important;
	    padding-top: 18px !important;
	    border-top: 1px solid #f2f2f2;
	}

	.profile-parts-wrap .profile-parts:not(:first-of-type){
		margin-top: 24px;
	}
	.profile-career{
		font-size: 13px;
	}
	.profile-name{
		font-size: 16px;
	}

}




/*------------------------------------------------------------
	column-single Parts（トピックス、インタビュー、NEWS）
------------------------------------------------------------*/

.column-single-info{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 16px;
}
.column-single-date{
	font-family: "quasimoda", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    color: #666666;
    line-height: 1;
    letter-spacing: 0.25px;
	margin-right: 20px;
}
.column-single-category{
	font-size: 14px;
    line-height: 1;
    background: #F5F5F7;
    padding: 6px 12px;
    color: #1a1a1a;
    font-weight: 500;
}
.column-single-title{
	font-size: 32px;
	font-weight: 700;
	line-height: 1.45;
}
.column-single-tags{
	display: flex;
	flex-wrap: wrap;
	line-height: 1;
	margin-top: 8px;
}
.column-single-tags .tag-item{
	font-size: 14px;
	padding-top: 12px;
	margin-right: 12px;
}
figure.column-single-thumbnail {
    margin-top: 40px;
}
figure.column-single-thumbnail img {
    display: block;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){

	.column-single-info{
		justify-content: space-between;
	}
    .column-single-date{
    	font-size: 14px;
    }
    .column-single-category{
    	font-size: 13px;
    }
    .column-single-title{
    	font-size: 22px;
    }
    .column-single-tags{
    	margin-top: 6px;
    }
    .column-single-tags .tag-item {
	    font-size: 12px;
	    padding-top: 10px;
	    margin-right: 12px;
	}

	figure.column-single-thumbnail {
	    margin-top: 32px;
	}

}






/*------------------------------------------------------------
	member-single Parts
------------------------------------------------------------*/

#member-single-head{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	padding-bottom: 40px;
}
.member-single-photo{
	width: 140px;
	border-radius: 50%;
}
.member-single-photo img{
	display: block;
	width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 50%;
}
.member-single-content{
	width: calc(100% - 140px);
	box-sizing: border-box;
	padding-left: 32px;
}
.member-single-text{
	box-sizing: border-box;

}
.member-single-name{
	font-size: 28px;
	line-height: 1;
	font-weight: 700;
}
.member-single-info{
	font-weight: 500;
	line-height: 1.6;
	margin-top: 12px;
}
.member-single-data{
	margin-top: 24px;
}
.member-single-data-item{
	line-height: 1.5;
	margin-top: 2px;
}

.member-single-btn{
	position: absolute;
	top: 28px;
	right: 28px;
}
.member-single-btn .main-btn.icon-main-btn{
	margin-top: 0;
}
.member-single-btn .main-btn.icon-main-btn a{
	padding: 7px 12px 7px 16px;
	font-size: 15px;
}
.member-single-btn .main-btn.icon-main-btn a .material-symbols-outlined{
	margin-left: 8px;
}

#member-single-body.single-body{
	padding-right: 0;
	padding-top: 36px;
	padding-bottom: 48px;
}
#member-single-body.single-body h2{
	margin-top: 0;
}
.member-single-parts{
	padding-right: 64px;
	padding-bottom: 32px;
	border-bottom: 2px solid #F2F2F2;
}
#member-single-body .member-single-parts:not(:first-of-type){
	padding-top: 32px;
}
#member-single-body .member-single-parts:last-of-type{
	padding-bottom: 0;
	border-bottom: none;
}
#member-single-body.single-body .member-single-parts p{
	margin-top: 16px;
	padding-left: 28px;
	font-weight: 400;
}
.member-single-parts-column{
	margin-top: 24px;
	padding-left: 28px;
}
.member-single-parts-column .interview-card{
	box-shadow: none;
	border: 2px solid #F2F2F2;
}
.member-single-parts-column a.interview-card{
	text-decoration: none;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){

    #member-single-head{
    	display: block;
    	padding-bottom: 28px;
    }
    .member-single-photo{
    	margin: 0 0 16px;
    	width: 120px;
    }
    .member-single-photo img{
    	height: 120px;
    }
    .member-single-content{
    	width: 100%;
    	padding-left: 0;
    }
    .member-single-name{
    	font-size: 22px;
    }
    .member-single-btn .main-btn.icon-main-btn a {
	    padding: 6px 10px 6px 16px;
	    font-size: 14px;
	}
	.member-single-btn .main-btn.icon-main-btn a .material-symbols-outlined{
		margin-left: 6px;
		font-size: 20px;
	}
	.member-single-btn {
	    top: 16px;
	    right: 16px;
	}
	.member-single-data{
		margin-top: 16px;
	}

	#member-single-body.single-body{
		padding-top: 24px;
		padding-bottom: 32px;
	}
	.member-single-parts{
		padding-right: 24px;
		padding-bottom: 24px;
	}
	#member-single-body .member-single-parts:not(:first-of-type){
		padding-top: 24px;
	}
	#member-single-body.single-body .member-single-parts p{
		padding-left: 0;
	}
	.member-single-parts-column{
		margin-top: 20px;
		padding-left: 0;
	}
	.member-single-parts-column ul.lg-interview-list > li .interview-list-thumb img{
		height: 40vw;
	}

	.member-single-data-item{
		margin-top: 4px;
	}

}







/*------------------------------------------------------------
	organization-single Parts
------------------------------------------------------------*/

#organization-single-head{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-bottom: 40px;
}
.organization-single-name{
	font-size: 30px;
	line-height: 1;
	font-weight: 700;
}
.organization-single-copy {
    margin-top: 32px;
}
.organization-single-copy-main{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.6;
}
.organization-single-copy-body{
	font-weight: 500;
	margin-top: 16px;
}

.organization-single-btn{
	position: absolute;
	top: 28px;
	right: 28px;
}
.organization-single-btn .main-btn.icon-main-btn{
	margin-top: 0;
}
.organization-single-btn .main-btn.icon-main-btn a{
	padding: 7px 12px 7px 16px;
	font-size: 15px;
}
.organization-single-btn .main-btn.icon-main-btn a .material-symbols-outlined{
	margin-left: 8px;
}

#organization-single-body.single-body{
	padding-right: 0;
	padding-top: 36px;
	padding-bottom: 48px;
}
#organization-single-body.single-body h2{
	margin-top: 0;
}
.organization-single-parts{
	padding-right: 64px;
	padding-bottom: 32px;
	border-bottom: 2px solid #F2F2F2;
}
#organization-single-body .organization-single-parts:not(:first-of-type){
	padding-top: 32px;
}
#organization-single-body .organization-single-parts:last-of-type{
	padding-bottom: 0;
	border-bottom: none;
}
#organization-single-body.single-body .organization-single-parts p{
	margin-top: 16px;
	padding-left: 28px;
}
.organization-single-overview{
	margin-top: 24px;
    padding-left: 28px;
}

table.organization-single-overview-table{
	font-size: 16px;
}
table.organization-single-overview-table .text-btn{
	margin-top: 0;
	text-align: right;
}
table.organization-single-overview-table tr.original-web .text-btn{
	text-align: left;
}
.single-body table.organization-single-overview-table a{
	text-decoration: none;
	display: inline-flex;
}
.organization-single-overview-smtext {
    font-size: 14px;
    display: block;
    color: #666666;
}

article#page-article.single-organization-relation section{
	background: #f2f2f2;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){

    #organization-single-head{
    	padding: 32px 24px 32px;
    }
    .organization-single-name{
    	font-size: 22px;
    }
    .organization-single-copy{
    	margin-top: 28px;
    }
    .organization-single-copy-main{
    	margin-top: 0;
	    font-size: 18px;
	    line-height: 1.56;
    }
    .organization-single-btn{
    	position: relative;
    	top: 0;
    	right: 0;
    	margin-top: 20px;
    }
    .organization-single-btn .main-btn.icon-main-btn a{
    	padding: 6px 10px 6px 16px;
        font-size: 14px;
    }
    .organization-single-btn .main-btn.icon-main-btn a .material-symbols-outlined{
    	margin-left: 6px;
    	font-size: 20px;
    }
    #organization-single-body.single-body{
    	padding-top: 24px;
        padding-bottom: 32px;
    }
    #organization-single-body.single-body .organization-single-parts p{
    	padding-left: 0;
    }
    .organization-single-parts{
    	padding-right: 24px;
        padding-bottom: 24px;
    }
    #organization-single-body .organization-single-parts:not(:first-of-type){
    	padding-top: 24px;
    }
    .organization-single-overview{
    	margin-top: 20px;
    	padding-left: 0;
    }

    table.organization-single-overview-table{
		font-size: 15px;
	}
	.organization-single-overview-smtext {
	    font-size: 14px;
	    display: block;
	    color: #666666;
	    line-height: 1.6;
	    margin-bottom: 10px;
	}
	table.organization-single-overview-table .text-btn{
		margin-top: 10px;
	}
	table.organization-single-overview-table tr.original-web .text-btn{
		margin-top: 0;
	}

}





/*------------------------------------------------------------
    Interview single｜Parts
------------------------------------------------------------*/

.unicom-image-box {
    font-size: 0;
    text-align: center;
}
a.unicom-image-box:hover{
	opacity: 0.6;
}
.unicom-section {
    padding-top: 50px;
    padding-bottom: 50px;
}
.unicom-no-pb {
    padding-bottom: 0 !important;
}
.unicom-no-pt {
    padding-top: 0 !important;
}
.unicom-no-mb {
    margin-bottom: 0 !important;
}
.unicom-no-mt {
    margin-top: 0 !important;
}
section.unicom-section.unicom-section-interview-header{
	padding: 0;
	margin-bottom: 50px;
}
.unicom-section-interview-header-sns {
    padding-top: 0;
}
#under-visual.single-interview-page{
	background: #fff;
	padding-bottom: 0;
}
article#single-interview-article{
	margin-top: 32px;
	margin-bottom: 88px;
}
.unicom-interview-subtitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.45;
    margin-bottom: 16px;
}
.unicom-interview-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.45;
}
section#newvoice-person .unicom-container {
    width: 800px;
}
section#newvoice-profile .unicom-container {
    width: 800px;
}
.newvoice-body .unicom-container {
    width: 800px;
}
.unicom-interview-researcher-prof-ex {
    margin-top: 16px;
    font-size: 0.8rem;
}
.unicom-interview-body p.unicom-note-text {
    font-size: 0.8rem;
    margin-top: 1.5em;
}
section#newvoice-prologue .unicom-interview-body p.unicom-note-text {
    margin-top: 1.5em;
}

.newvoice-person-career {
    background: #0041C0;
    color: #fff;
    font-weight: 600;
    padding: 8px 16px;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.newvoice-person-box {
    display: flex;
    flex-wrap: wrap;
    padding: 0 16px;
}
.newvoice-person-box-name{
    width: 180px;
    font-size: 24px;
    font-weight: 600;
}
.newvoice-person-box-detail{
    width: calc(100% - 180px);
    padding-top: 4px;
    font-weight: 500;
}

.unicom-newvoice-profile{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #f5f5f5;
}
.unicom-newvoice-profile-caption{
    width: 172px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.unicom-newvoice-profile-caption-en {
    font-family: "quasimoda", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    color: #0041C0;
    line-height: 1;
}
.unicom-newvoice-profile-text{
    width: calc(100% - 172px);
    box-sizing: border-box;
    padding-left: 24px;
    background: #fff;
}
.unicom-newvoice-profile-text .unicom-note-text{
    margin-top: 12px;
}
section#newvoice-profile.unicom-section{
    padding: 0;
}
section#newvoice-person.unicom-section{
    padding-bottom: 35px;
}
.unicom-section.newvoice-body{
    padding-bottom: 0;
}
section#newvoice-chapter3.unicom-section.newvoice-body {
    margin-top: 4em;
    margin-bottom: 88px;
}
section#newvoice-prologue .unicom-interview-body p{
    margin: 0;
}
.newvoice-chapter-img img{
    /*object-fit: cover;
    height: 520px;*/
    width: 100%;
}
.newvoice-chapter-img iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}
.newvoice-flex-column{
    display: flex;
    flex-wrap: wrap;
    margin: 2em 0;
}
.newvoice-flex-column.newvoice-flex-column-reverse{
    flex-direction: row-reverse;
}
.newvoice-flex-column-img .unicom-interview-image-box{
    margin: 0;
}
.newvoice-flex-column-img{
    width: 320px;
}
.newvoice-flex-column-img .unicom-interview-image-box.unicom-image-box{
    height: 100%;
}
.newvoice-flex-column-content{
    width: calc(100% - 320px);
    box-sizing: border-box;
    padding-left: 24px;
}
.newvoice-flex-column.newvoice-flex-column-reverse .newvoice-flex-column-content{
    padding-left: 0;
    padding-right: 24px;
}
.unicom-interview-body .newvoice-flex-column-content p{
    margin: 0;
}

.newvoice-chapter-head {
    margin-top: 3em;
    margin-bottom: 2em;
}
.newvoice-chapter-head-wrap {
    display: flex;
    flex-wrap: wrap;
}
.newvoice-chapter-head-number {
    font-size: 1.2rem;
    font-weight: bold;
    margin-right: 24px;
    color: #0041c0;
    line-height: 1.6;
    font-family: "quasimoda", sans-serif;
}
.newvoice-chapter-head-text {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.6;
}
.newvoice-chapter-head-title {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 8px;
}
section#newvoice-chapter3 .newvoice-chapter-head-text{
    color: #0041c0;
    font-family: "quasimoda", sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
}

#newvoice-chapter3-next .newvoice-flex-column-img{
    width: 172px;
}
#newvoice-chapter3-next .newvoice-flex-column-img img{

}
#newvoice-chapter3-next .newvoice-flex-column-content{
    width: calc(100% - 172px);
}

.newvoice-flex-column .newvoice-flex-column-img img {
    /*height: 100%;
    object-fit: cover;*/
}
section#newvoice-chapter3.newvoice-body .unicom-container {
    width: 980px;
}
section#newvoice-chapter3 .unicom-interview-body {
    padding: 64px 90px 48px;
    background: #f5f5f5;
}
section#newvoice-chapter3 .newvoice-chapter-head{
    margin-top: 0;
}
#newvoice-chapter3-next .newvoice-flex-column-img img{
    /*height: 220px;
    object-fit: cover;*/
}

ul.newvoice-link {
    margin-top: 1.5em;
}
ul.newvoice-link li {
    font-size: 15px;
    margin-top: 1em;
}
main > .basic-page > #sections ul.newvoice-link li a {
    color: #2053C6;
    text-decoration: underline;
    display: inline;
}
main > .basic-page > #sections ul.newvoice-link li a:hover{
    text-decoration: none;
}

section#newvoice-information ul.newvoice-link{
	margin-top: 1em;
}

.unicom-interview-head {
    margin-top: 4em;
}
.unicom-interview-caption {
    font-size: 1.3rem;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.6;
}
.newvoice-separate-head-title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #0041c0;
    line-height: 1.6;
    font-family: "quasimoda", sans-serif;
    border-bottom: 1px solid #0041c0;
    padding-bottom: 16px;
}
.newvoice-interview-person {
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
    font-size: 17px;
}

#separate-message .unicom-interview-head{
	margin-bottom: 0;
}
#separate-future {
    margin-bottom: 88px;
}
#separate-future .unicom-interview-head {
    margin-bottom: 1.5em;
}
.unicom-interview-image-caption {
    display: block;
    font-size: 0.8rem;
    text-align: left;
    margin-top: 8px;
    color: #666;
    font-weight: 500;
}
.center{
	text-align: center !important;
}

#separate-future .unicom-interview-image-box{
	margin-bottom: 40px;
}


#separate-member .unicom-interview-head{
	margin-bottom: 0;
}

ul.unicom-newvoice-member-list{
	margin-top: 2em;
}
ul.unicom-newvoice-member-list > li{
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.5em;
}
.unicom-newvoice-member-list-photo{
	width: 200px;
}
.unicom-newvoice-member-list-photo img{
	display: block;
	border-radius: 50%;
}
.unicom-newvoice-member-list-content{
	width: calc(100% - 200px);
	box-sizing: border-box;
	padding-left: 32px;
}
.unicom-newvoice-member-name {
    font-size: 22px;
    font-weight: 600;
}
.unicom-newvoice-member-belong {
    padding-top: 4px;
    font-weight: 500;
    line-height: 1.6;
}
.unicom-newvoice-member-text {
    font-size: 15px;
    line-height: 1.75;
    margin-top: 12px;
    color: #3a3a3a;
}

.newvoice-chapter-head.newvoice-chapter-head-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.newvoice-chapter-head-image{
	width: 320px;
}


/* 新画像パーツ｜写真続きで文字改行（画像左・テキスト右） */
.newvoice-float-column-left {
    margin: 2em 0 0;
    padding: 40px 40px 36px;
    background: #f5f5f5;
}
.newvoice-float-column-img{
	width: 280px;
}
.newvoice-float-column-left .newvoice-float-column-img{
	float: left;
	margin-right: 24px;
}

/* 新画像パーツ｜写真続きで文字改行（画像右・テキスト左） */
.newvoice-float-column-right {
    margin: 2em 0;
}
.newvoice-float-column-right .newvoice-float-column-img{
	float: right;
	margin-left: 24px;
}


/* インタビュアーコメントなど（.unicom-interview-other-people） */
.unicom-interview-other-people {
    margin-bottom: 1em;
    position: relative;
    padding: 24px 32px 22px;
    background: #f8f8f8;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.75;
}
.unicom-interview-other-people:before {
    content: "“";
    display: block;
    color: #1840B9;
    position: absolute;
    left: 8px;
    top: -4px;
    font-size: 24px;
}
.unicom-interview-other-people:after {
    content: "”";
    display: block;
    color: #1840B9;
    position: absolute;
    right: 8px;
    bottom: -4px;
    font-size: 24px;
}


/* 記事目次 */
#newvoice-index {
    margin-top: 4em;
}
.newvoice-index-title {
    font-size: 1.4rem;
    font-weight: bold;
    /* color: #0041c0; */
    line-height: 1.6;
    font-family: "quasimoda", sans-serif;
    border-bottom: 1px solid;
    padding-bottom: 8px;
    margin-bottom: 1.5em;
}
ol.newvoice-index-list{
	border-bottom: 1px solid;
	padding-bottom: 2.5em;
}
ol.newvoice-index-list li{

}
ol.newvoice-index-list li:not(:first-of-type){
	margin-top: 8px;
}
.newvoice-index-list-chap {
    font-weight: 600;
    line-height: 1.6;
    font-family: "quasimoda", sans-serif;
    display: inline-block;
    margin-right: 1em;
}
.basic-page ol.newvoice-index-list li a{
	color: #1a1a1a;
	text-decoration: underline;
}
.basic-page ol.newvoice-index-list li a:hover{
	opacity: 0.6;
	text-decoration: none;
}



.newvoice-person-box-w100{
	
}
.newvoice-person-box-w100 .newvoice-person-box{
	margin-top: 20px;
}
.newvoice-person-box-w100 .newvoice-person-box-name{
	width: 100%;
}
.newvoice-person-box-w100 .newvoice-person-box-detail{
	width: 100%;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

	section#newvoice-person .unicom-container{
		width: 100%;
	}
	section#newvoice-profile .unicom-container{
		width: 100%;
	}
	section.unicom-section.unicom-section-interview-header{
		margin-bottom: 25px;
	}
	.newvoice-body .unicom-container{
		width: 100%;
	}
	section#newvoice-chapter3.newvoice-body .unicom-container{
		width: 100%;
	}
    section#newvoice-person.unicom-section{
        padding-left: 0px;
        padding-right: 0px; 
    }
    .unicom-section-interview-header .unicom-container{
        padding: 0 10px;
    }
    .newvoice-person-career{
        font-size: 14px;
        padding: 6px 12px;
        margin-bottom: 12px;
    }
    .newvoice-person-box{
        padding: 0;
        display: block;
    }
    .newvoice-person-box-name{
        width: 100%;
        font-size: 20px;
    }
    .newvoice-person-box-detail{
        width: 100%;
        line-height: 1.6;
    }
    .unicom-newvoice-profile{
        display: block;
    }
    .unicom-newvoice-profile-caption{
        width: 100%;
    }
    .unicom-newvoice-profile-text{
        width: 100%;
        padding-left: 0;
        padding-top: 12px;
    }
    section#newvoice-person.unicom-section{
        padding-bottom: 24px;
        padding-top: 24px;
    }
    .unicom-newvoice-profile-caption-en{
        font-size: 14px;
        padding: 7px 0 6px;
    }

    .newvoice-chapter-head{
        margin-bottom: 1.5rem;
    }
    .unicom-section.newvoice-body{
        padding: 0;
    }
    .newvoice-chapter-head-number{
        font-size: 1rem;
        margin-right: 12px;
    }
    .newvoice-chapter-head-text{
        font-size: 0.9rem;
    }
    .newvoice-chapter-head-title{
        font-size: 1.3rem;
    }
    .newvoice-chapter-img img{
        /*height: auto;*/
    }
    .newvoice-flex-column{
        display: block;
        margin: 1.5rem 0;
    }
    .newvoice-flex-column-img{
        width: 100%;
    }
    .newvoice-flex-column-content{
        width: 100%;
        padding: 0 !important;
        margin-top: 1rem;
    }
    section#newvoice-chapter3 .unicom-interview-body{
        padding: 0;
        background: none;
    }
    section#newvoice-chapter3 .newvoice-chapter-head-text{
        font-size: 1rem;
    }
    #newvoice-chapter3-next .newvoice-flex-column-img{
        width: 100%;
    }
    #newvoice-chapter3-next .newvoice-flex-column-content{
        width: 100%;
    }
    .newvoice-flex-column .newvoice-flex-column-img img{
        height: auto;
        object-fit: unset;
    }

    section#newvoice-prologue.unicom-section.newvoice-body{
        padding-top: 40px;
    }

    ul.newvoice-link li {
        font-size: 14px;
    }

    ul#other-interview-list.sm-interview-list{
    	margin: 0;
    }
    ul#other-interview-list.sm-interview-list > li{
    	width: 100%;
    	padding: 0;
    }
    ul#other-interview-list.sm-interview-list > li:not(:first-of-type) {
        margin-top: 16px;
    }
    ul#other-interview-list.sm-interview-list > li .interview-card {
        padding: 24px;
    }
    ul#other-interview-list.sm-interview-list > li .interview-list-content{
    	padding: 16px 0 0;
    }
    ul#other-interview-list.sm-interview-list > li .interview-list-thumb img{
    	border-radius: 8px;
        height: 48vw;
    }

    article#single-interview-article{
    	margin-top: 25px;
    	margin-bottom: 64px;
    }
    .unicom-interview-title{
    	font-size: 22px;
    }
    .unicom-section-interview-header-sns{
    	padding-bottom: 25px;
    }
    .unicom-interview-caption{
    	font-size: 1rem;
    }

    section#newvoice-chapter3.unicom-section.newvoice-body{
    	margin-bottom: 64px;
    }

    .unicom-interview-head{
    	margin-bottom: 1.5rem;
    }
    .newvoice-separate-head-title{
    	font-size: 1.6rem;
    }
    #separate-future .unicom-interview-image-box{
    	margin-bottom: 24px;
    }

    .unicom-interview-subtitle{
    	font-size: 14px;
    }
    section#newvoice-member {
	    margin-top: 24px;
	}

	ul.unicom-newvoice-member-list > li{
		display: block;
		margin-top: 2em;
	}
	.unicom-newvoice-member-list-photo{
		width: 132px;
	}
	.unicom-newvoice-member-list-content{
		width: 100%;
		padding-left: 0;
		margin-top: 0.5em;
	}

	.unicom-newvoice-member-name{
		font-size: 18px;
	}
	.unicom-newvoice-member-text{
		font-size: 14px;
		margin-top: 8px;
	}

	.newvoice-chapter-head.newvoice-chapter-head-flex{
		display: block;
	}
	.newvoice-chapter-head-image {
	    margin-top: 1.5rem;
	    width: 100%;
	}


	.newvoice-float-column-img{
		width: 100% !important;
	}
	.newvoice-float-column-left{
		margin: 1.5rem 0;
		padding: 24px 20px 24px;
	}
	.newvoice-float-column-left .newvoice-float-column-img{
		float: none;
		margin-right: 0;
	}
	.newvoice-float-column-right{
		margin: 1.5rem 0;
	}
	.newvoice-float-column-right .newvoice-float-column-img{
		float: none;
		margin-left: 0;
	}
	.newvoice-float-column-content {
        width: 100%;
        margin-top: 1rem;
    }

    .newvoice-interview-person{
    	font-size: 15px;
    }

    .unicom-interview-other-people{
    	font-size: 14px;
    	padding: 24px 24px 22px;
    }

    #newvoice-index{
    	margin-top: 3em;
    }
    .newvoice-index-title{
    	font-size: 1.2rem;
    }
    ol.newvoice-index-list li{
    	font-size: 13px;
    }


}