@charset "utf-8";
/* CSS Document */

/* KOMORI People --------------------------------2025/08*/

.k_people {
	box-sizing: border-box;
}
.k_people .i-content {
	width:100%;
	max-width:1100px;
	padding-left:2em;
	padding-right:2em;
}

.k_people .main-title {
  line-height: 1.5;
  padding-bottom: 3px;
}
.k_people .sub_title {
  font-weight: bold;
  margin-top: 0.8em;
  line-height: 1.3;
}
.click_pdf {
	display:block;
	text-align:right;
}
.click_pdf a.btn.btn_m {
	text-align:center;
	background:#0B4684;
	color:#FFF;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	border-radius: 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight:bold;
	letter-spacing:0.06em;
	line-height:1.3;
	cursor:pointer;
	font-size:1.5rem;
	padding: 0.9em 2.8em 0.9em 1.8em;
}
.click_pdf a.btn.btn_m:after {
	content:"";
	display:block;
	position:absolute;
	width:0;
	height:0;
	border: solid transparent;
	border-left: solid #fff;
	
	right: 3px;
	border-width: 4px 6px 4px 6px;
	top: 38%;
	
}
.btn.btn_center.btn_contact:after {
	content:"";
	display:block;
	position:absolute;
	width:0;
	height:0;
	border: solid transparent;
	border-left: solid #fff;
	
	right: 10px;
	border-width: 6px 8px 6px 10px;
	top: 36%;
	
}
.btn.btn_m:hover,
.sns_btn:hover,
.btn.btn_center.btn_contact:hover {
	opacity:0.7;
}
/*シェアボタン
--------------------------*/
.sns_btn_wrap{
	font-size:0;
	text-align:right;
}
.sns_btn{
	font-size:1.6rem;
	text-align:center;
	display:inline-block;
	width:90px;
	height:30px;
	vertical-align:middle;
}
.sns_btn.fb{
	background:#3b5998;
	margin-right:5px;
}
.sns_btn.fb img{
	height:18px;
	vertical-align:-20%;
}
.sns_btn.tt{
	background:#000;
}
.sns_btn.tt img{
	height:25px;
	vertical-align:middle;
}
.k_people .main-visual {
	padding: 40px 0;
}
.k_people .main-visual .main_img{
	display:block;
	margin:0 auto;
}
.k_people p{
	font-size:1.6rem;
}
.k_people .main_img + .digest{
	margin-top:1em;
}
.k_people .note{
	margin-top:1em;
	font-size:90%;
	line-height:1.4;
	color:#999;
}
.k_people .main_col {
	width:100%;
	max-width:810px;
}
/*動画*/
.video_wrap{
	margin:0 auto 3em;
	text-align:center;
	position:relative;
}
.video_wrap p{
	font-size:1.2rem;
	margin-top:0.3em;
	line-height:1.3;
	text-align:left;
}
.video_wrap > div  {
    position: relative;
    width: 100%;
    padding: calc(315 / 560 * 100%) 0 0;
  }
.video_wrap  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
/*その他画像*/
.list_other_img{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	width:100%;
	box-sizing: border-box;
}
.list_other_img li{
	position:relative;
}
.list_other_img li:after{
	content:"";
	display:block;
	width:30px;
	height:30px;
	background-image:url(../../img/icon/enlarge_white.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:30px auto;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	position:absolute;
	top:10px;
	right:10px;
	opacity:0.7;
}
.list_other_img li p{
	font-size:1.2rem;
	margin-top:0.3em;
	line-height:1.3;
}  

/*関連情報*/
.k_people .info_wrap{
	background:#eeeeee;
}
.k_people .info_wrap .info_title{
	font-size:1.6rem;
	font-weight:bold;
	display:inline-block;
	border-bottom:1px solid #aaaaaa;
}
.k_people .info_wrap ul{
	margin-top:0.6em;
	margin-left:1em;
}
.k_people .info_wrap li{
	position:relative;
	line-height:1.3;
	padding-left:1.2em;
}
.k_people .info_wrap li:before{
	content:"";
	display:block;
	position:absolute;
	width:0.8em;
	height:0.8em;
	background:#00458A;
	left:0;
	top:0.4em;
	border-radius: 50%;
}
.k_people .info_wrap li + li{
	margin-top:0.4em;
}
.k_people .info_wrap ul a{
	text-decoration:underline;
}
.btn.btn_center.btn_contact {
	text-align:center;
	background:#0B4684;
	color:#FFF;
	padding: 0.9em 2.8em 0.9em 1.8em;
	position:relative;
	display: block;
	vertical-align:middle;
	border-radius: 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight:bold;
	letter-spacing:0.06em;
	line-height:1.3;
	cursor:pointer;
	margin: 2em auto;
}
/*関連記事*/
.a_related{
	margin-top:40px;
}
.a_related .a_related_title{
	font-size:1.5rem;
	border-bottom: 1px solid #ddd;
	padding:0 0 0.4em 0.4em;
	position:relative;
}
.s-arrow {
    position: absolute;
}
.a_related .a_related_title .s-arrow{
	bottom:-12px;
	top:auto;
	left:20px;
}

.a_latest.pc {
	display:none;
}

/* 記事　表示項目
----------------------*/
.a_related .list_wrap{
	margin-top:2em;
	display: flex;
	flex-wrap: wrap;
}
.k_p_list .list_wrap{
	margin-top:3em;
	display: flex;
	flex-wrap: wrap;
}
.k_p_list .a_outline .date,
.a_related .a_outline .date {
	margin-top:0.4em;
	font-size:1.4rem;
}
.k_p_list .a_outline .category_wrap,
.a_related .a_outline .category_wrap {
	margin-top:7px;
}
.list_item .img_wrap{
	background: #000;
	position: relative;
	overflow: hidden;
}
.list_item .img_item{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	display:block;
	position:relative;
}
.list_item .img_item .icon_movie{
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	background-color:#FFF;
	background-image:url(../../img/icon/movie_blue.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:24px auto;
	-webkit-background-size:24px auto;
	-moz-background-size:24px auto;
	top:10px;
	right:10px;
}
.a_outline{
	box-sizing: border-box;
}
.a_outline .title{
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.3;
	margin-top:0.5em;
}


.a_outline .digest{
	margin-top:0.5em;
}

.k_people .category_wrap a {
	display:inline-block;
	color:#FFF;
	font-size:1.1rem;
	text-align:center;
	padding:0.2em 0.5em;
	background:#00458A;
	margin-right:4px;
	margin-bottom:4px;
	pointer-events: none;/* リンク無効 */
}
.k_people .a_related .category_wrap a {
	margin-top: 0.5em;
}






/*エディタ入力部分*/
.a_detail.k_people .editor_body h4{
	font-size:2.6rem;
	margin-top:1em;
	margin-bottom:0.4em;
}
.a_detail.k_people .editor_body h4:first-child{
	margin-top:0;
}
.a_detail.k_people .editor_body img{
	height:auto;
}
.a_detail.k_people .editor_body p + p{
	margin-top:1em;
}
.a_detail.k_people .editor_body p + img{
	margin-top:1em;
}
.a_detail.k_people .editor_body p.img_caption{
	margin-top:3px;
	font-size:95%;
	line-height:1.4;
	color:#999;
}


/* ===================================================================================
 for PC min-width: 741px
 =================================================================================== */
@media screen and (min-width: 741px) {
	
	/* KOMORI People pc --------------------------------2025/08*/
	
	.k_p_list {
		margin-bottom:50px;
	}
	.k_people_txt {
		margin-top:30px;
	}
	.mb30 {margin-bottom:30px;}
	.k_people .main-title {
		/*max-width: calc(100% - 230px);*/
	}
	.k_people .main-title span{
		font-size:80%;
	}
	.k_people .sub_title {
		font-size: 1.9rem;
	}
	.k_people .date,
	.k_people .category_wrap{
		display:inline-block;
		vertical-align:middle;
	}
	.k_people .date{
		font-size:1.6rem;
		margin-top:10px;
		padding-right:10px;
	}
	.k_people .category_wrap{
		margin-top:12px;
	}
	.k_people .category{
		padding:0.3em 0.8em;
	}

	
	/*シェアボタン
	--------------------------*/
	.sns_btn_wrap{
		width:230px;
		float:right;
		padding-top:10px;
	}
	.k_people .main_col {
		margin:50px auto 50px;
	}

	/*その他画像*/
	.list_other_img{
		padding:50px 0 0;
	}
	.list_other_img li{
		width:calc((100% - 20px) / 3 );
		margin-bottom:10px;
		margin-right:10px;
	}
	.list_other_img li:nth-child(3n){
		margin-right:0;
	}
	
	/*関連情報*/
	.k_people .info_wrap{
		margin-top:30px;
		padding:20px 30px;
	}
	.k_people .info_wrap ul a:hover{
		text-decoration:none;
	}
	.btn.btn_center.btn_contact {
		font-size: 2.0rem;
		width: 550px;
	}
	/*関連記事*/
	.k_p_list .list_wrap .list_item {
		width:calc((100% - 60px) / 4 );
		margin-bottom:20px;
		margin-right:20px;
	}
	.k_p_list .list_wrap .list_item:nth-child(4n){
		margin-right:0;
	}
	.a_related .list_wrap .list_item {
		width:calc((100% - 40px) / 3 );
		margin-bottom:20px;
		margin-right:20px;
	}
	.a_related .list_wrap .list_item:nth-child(3n){
		margin-right:0;
	}
	
	/*関連記事*/
	
	.a_related .list_item:nth-child(4n){
		display:none;
	}
	.k_p_list .list_item .img_item,
	.a_related .list_item .img_item {
		height:154px;
		transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
	}
	.k_p_list  .a_outline .date,
	.k_p_list  .a_outline .category_wrap,
	.a_related  .a_outline .date,
	.a_related  .a_outline .category_wrap {
		display:block;
	}
	.k_p_list .list_item .img_item:hover,
	.a_related .list_item .img_item:hover {
		transform: scale(1.04);
  		-webkit-transform: scale(1.04);
		opacity:0.8;	
	}
	
	
}

/* ===================================================================================
 for SP max-width: 740px
 =================================================================================== */
@media screen and (max-width: 740px) {
	
	/* KOMORI People sp --------------------------------2025/08*/
	
	.k_p_list {
		margin-top:30px;
		margin-bottom:30px;
	}
	.k_p_list .list_wrap{
		display:block;
	}
	.k_p_list .list_wrap .list_item{
		margin-bottom: 20px;
	}
	.k_p_list .list_wrap .list_item .img_item{
		height:200px;
	}
	.k_people_txt {
		margin-top:30px;
	}
	
	.k_people .main-title span{
		font-size:70%;
	}
	.k_people .sub_title {
		font-size: 1.8rem;
	}
	.k_people .date,
	.k_people .category_wrap{
		margin-top:5px;
	}
	
	/*シェアボタン
	--------------------------*/
	.sns_btn_wrap{
		padding-bottom:15px;
		padding-top:40px;
	}
	.sns_btn{
		font-size:1.6rem;
		text-align:center;
		display:inline-block;
		width:90px;
		height:25px;
		vertical-align:middle;
	}
	.sns_btn.fb{
		background:#3b5998;
		margin-right:5px;
	}
	.sns_btn.fb img{
		height:17px;
		vertical-align:-8%;
	}
	.sns_btn.tt{
		background:#000;
	}
	.sns_btn.tt img{
		height:24px;
		vertical-align:-10%;
	}
	.click_pdf a.btn.btn_m {
		font-size: 1.3rem;
		padding: 0.7em 2.3em 0.7em 1.3em;
	}
	.k_people .main_col {
		margin:30px auto 30px;
	}
	.k_people .main-visual .i-content {
		padding-left:1em;
		padding-right:1em;
	}
	/*動画*/
	.video_wrap{
		margin:0 auto 1em;
		padding-left:2em;
		padding-right:2em;
	}
	
	.a_detail.k_people .main-title {
		margin-top:1em;
	}

	.k_people .editor_body {
		padding-left:2em;
		padding-right:2em;
	}
	/*その他画像*/
	/*.list_other_img{
		-webkit-box-pack: justify;
    	-ms-flex-pack: justify;
    	justify-content: space-between;
	}*/
	.list_other_img{
		padding:40px 2em 1em;
	}
	
	
	.list_other_img li{
		width:calc((100% - 10px) / 2 );
		margin-bottom:10px;
		margin-right:10px;
	}
	.list_other_img li:nth-child(2n){
		margin-right:0;
	}
	
	/*関連情報*/
	.k_people .info_wrap{
		margin:30px 0 0;
		padding:15px 2em;
	}
	.btn.btn_center.btn_contact {
		font-size: 1.5rem;
		width: 60%;
	}
	/*関連記事*/
	.k_p_list .a_related_title,
	.a_related .a_related_title {
		font-size:1.4rem;
		padding:0 0 0.6em 2em;
	}
	.k_p_list .a_outline .title,
	.a_related .a_outline .title {
		font-size:1.4rem;
	}
	.k_p_list .a_outline .date,
	.a_related .a_outline .date {
		margin-top:0.2em;
		font-size:1.4rem;
	}
	.k_p_list .a_outline .category_wrap,
	.a_related .a_outline .category_wrap {
		margin-top:4px;
	}
	.k_p_list .a_related_title .s-arrow,
	.a_related .a_related_title .s-arrow {
		left:30px;
	}
	.k_p_list .list_wrap {
		padding-left:0;
		padding-right:0;
	}
	.a_related .list_wrap {
		padding-left:2em;
		padding-right:2em;
	}
	/*.k_p_list .list_wrap .list_item,*/
	.a_related .list_wrap .list_item {
		width:calc((100% - 20px) / 2 );
		margin-bottom:20px;
		margin-right:20px;
	}
	/*.k_p_list .list_wrap .list_item:nth-child(2n),*/
	.a_related .list_wrap .list_item:nth-child(2n) {
		margin-right:0;
	}
	
	/* 記事　表示項目
	----------------------*/

	/*.k_p_list .list_wrap .list_item .img_item,*/
	.a_related .list_wrap .list_item .img_item {
		height:150px;
	}
	
}