/*********************************************************************************************************************************

	投稿記事（Interview／人を知る）

*********************************************************************************************************************************/


/*メインイメージ････････････････････････････････････････････････････*/
#contents>#section01{
	padding-top:0;
	padding-bottom:0;
}
	#section01>div{/*baseArea*/
	}
		#section01>div>div.txt{/*テキストエリア*/
			z-index:20;
			position:absolute;
			top:256px;
			left:0;
			right:0;
			bottom:auto;
			display:inline-block;
			height:auto;
			width:1000px;
			margin:auto;
		}
			#section01>div>div.txt *{
				display:inline-block;
				width:100%;
				letter-spacing:0.2em;
				line-height:2.2em;
			}
			#section01>div>div.txt>em{/*Interview*/
				font-size:10px;
			}
			#section01>div>div.txt>h2{/*「好き」から始まった資格と経験の積み重ねで、施設長として価値を届ける*/
				margin-top:0px;
				font-size:20px;
			}
			#section01>div>div.txt>p{/*ヘルスケア事業本部 施設長/准看護師*/
				margin-top:30px;
				font-size:11px;
			}
				#section01>div>div.txt>p>span{/*施設長/准看護師*/
					font-size:15px;
				}
			#section01>div>div.txt>span{/*中途入社*/
				width:auto;
				margin-top:5px;
				padding:0 15px;
				font-size:11px;
				border:solid 2px red;
				border-image:var(--LineGradation_01);
			}
			#section01>div>div.txt>span.new-graduate{/*新卒入社*/
				border-image:var(--LineGradation_02);
			}
		#section01>div>img{/*メイン画像*/
			display:inline-block;
			height:733px;
			width:938px;
			border-radius:0 0 0 40px;
			object-fit:cover;
			object-position:center center;/*上に合わせる場合は「center top」*/
			float:right;
		}


/*コンテンツ（本文・画像）･･････････････････････････････････････････*/
#contents>section#section02{
	padding-bottom:0;
}
	#section02>div{/*baseArea*/
	}
		#section02>div>h3{/*サブタイトル*/
			width:580px;
			margin:60px 270px auto 270px;
			padding-left:80px;
			background:url(../images/line_bl.png) left top 20px no-repeat;
		}
		#section02>div>p{/*本文*/
			width:450px;
			margin:60px 270px auto 480px;
		}
		#section02>div>figure.wave{/*wave*/
			margin-top:-40px;
			margin-bottom:-175px;
			text-align:center;
			text-align-last:center;
		}
			#section02>div>figure.wave>img{
			}
		#section02>div>figure:not(.wave){/*人物写真*/
			height:auto;
			text-align:center;
			text-align-last:center;
		}
			#section02>div>figure:not(.wave)>img{
				display:inline-block;
				height:auto;
				width:786px;
				margin-top:60px;
				object-fit:cover;
				object-position:center center;/*上に合わせる場合は「center top」*/
				border-radius:40px;
			}


/*プライベートシーン････････････････････････････････････････････････*/
#contents>section#section03{
	margin-top:100px;
	padding-top:82px;
	padding-bottom:82px;
	background:var(--Gradation_02);
}
	#section03 .baseArea{/*baseArea*/
	}
		#section03>div>ul{/*リスト*/
			width:910px;
			margin-left:calc((100% - 910px)/2);
		}
			#section03>div>ul>li{
				display:inline-block;
				width:100%;
			}
			#section03>div>ul>li:nth-of-type(n+2){/*上から2番目以降*/
				margin-top:-40px;
			}
			#section03>div>ul>li:nth-of-type(2){/*上から2番目*/
				margin-top:-100px;
			}
				#section03>div>ul>li>div{/*サムネイル画像*/
					display:inline-block;
					width:150px;
					float:left;
				}
				#section03>div>ul>li:nth-of-type(even)>div{/*サムネイル画像（偶数番目）*/
					float:right;
				}
					#section03>div>ul>li>div>img{/*サムネイル画像*/
						display:inline-block;
						height:150px;
						width:150px;
						border-radius:50%;
					}
					#section03>div>ul>li>div>span{/*Private scene*/
						display:inline-block;
						width:100%;
						margin-top:18px;
						font-size:15px;
						font-weight:bold;
						text-align:center;
						text-align-last:center;
					}
				#section03>div>ul>li>p{/*吹き出し*/
					position:relative;
					display:inline-block;
					width:346px;
					margin-left:25px;
					margin-right:auto;
					padding:38px 36px;
					font-size:12px;
					letter-spacing:0.2em;
					line-height:2em;
					border-radius:20px 20px 20px 0;
					box-sizing:border-box;
					float:left;
					background-color:white;
				}
				#section03>div>ul>li:nth-of-type(even)>p{/*吹き出し（偶数番目）*/
					margin-left:auto;
					margin-right:25px;
					border-radius:20px 20px 0 20px;
					float:right;
				}
					#section03>div>ul>li>p::after{/*吹き出しのトゲ*/
						content:"";
						position:absolute;
						bottom:-15px;
						left:0;
						right:auto;
						border-style:solid;
						border-width:16px 16px 0 0;
						border-color:white transparent transparent transparent;
					}
					#section03>div>ul>li:nth-of-type(even)>p::after{/*吹き出しのトゲ（偶数番目）*/
						left:auto;
						right:0;
						border-width:0 16px 16px 0;
						border-color:transparent white transparent transparent;
					}


/*Interview 人を知る････････････････････････････････････････････････*/
#section04{
}
	#section04>div{/*baseArea*/
	}
		#section04>div>div.title{
			width:100%;
			max-width:1000px;
			margin-left:calc((100% - 1000px)/2);
		}
			#section04>div>div.title>h2{
				width:31%;
				float:left;
			}
				#section04>div>div.title>h2>span.jp{
					padding-left:18px;
					font-size:15px;
					background:url(../images/ico_dot2.png) left center no-repeat;
				}
			#section04>div>div.title>p{
				width:69%;
				margin-top:5px !important;
				float:right;
			}
		#section04>div>ul{/*リスト*/
			display:inline-block;
			height:256px;
			width:930px;
			margin-top:25px;
			margin-left:calc((100% - 930px)/2);
		}
			#section04>div>ul li{
				display:inline-block;
				width:300px;
				overflow:hidden;
			}
				#section04>div>ul li>a{
					position:relative;
					display:inline-block;
					width:256px;
					margin:0 27px;
				}
					#section04>div>ul li>a>p{
						position:absolute;
						top:auto;
						left:0;
						right:auto;
						bottom:0;
						margin-bottom:-5px;
						line-height:1.5em;
					}
						#section04>div>ul li>a>p *{
							color:var(--DarkBlue_01);
							line-height:1.0em;
							letter-spacing:0;
						}
						#section04>div>ul li>a>p>span{
							padding:4px 11px;
							font-size:12px;
							background-color:white;
						}
					#section04>div>ul li>a>img{
						display:inline-block;
						height:256px;
						width:256px;
						border-radius:40px;
						object-fit:cover;
						object-position:center center;
					}




/*********************************************************************************************************************************

		メディアクエリ（ ～1200px以下 ）

*********************************************************************************************************************************/
@media(max-width:1200px){

	/*･･･････････････････････････････････････････････････････････*/
	/*･･･････････････････････････････････････････････････････････*/
	

}




/*********************************************************************************************************************************

		メディアクエリ（ ～500px以下 ）

*********************************************************************************************************************************/
@media(max-width:500px){


	/*メインイメージ････････････････････････････････････････････････････*/
	#contents>#section01{
		padding-top:0;
		padding-bottom:0;
																						height: 802px;
	}
		#section01>div{/*baseArea*/
		}
			#section01>div>div.txt{/*テキストエリア*/
				z-index:20;
				position:absolute;
				top:256px;
																						top:451px;
				left:0;
				right:0;
				bottom:auto;
				display:inline-block;
				height:auto;
				width:1000px;
				margin:auto;
																						width:450px;
																						margin:0 auto 0 25px;
			}
				#section01>div>div.txt *{
					display:inline-block;
					width:100%;
					letter-spacing:0.2em;
					line-height:2.2em;
																						letter-spacing:0;
																						line-height:1.75em;
				}
				#section01>div>div.txt>em{/*Interview*/
					font-size:10px;
																						font-size:18px;
				}
				#section01>div>div.txt>h2{/*「好き」から始まった資格と経験の積み重ねで、施設長として価値を届ける*/
					margin-top:0px;
					font-size:20px;
																						margin-top:10px;
																						font-size:34px;
																						line-height:1.75em;
																						text-align: center;
																						text-align-last: center;
																						white-space:nowrap;/*改行禁止*/
				}
				#section01>div>div.txt>p{/*ヘルスケア事業本部 施設長/准看護師*/
					margin-top:30px;
					font-size:11px;
																						font-size:18px;
				}
					#section01>div>div.txt>p>span{/*施設長/准看護師*/
						font-size:15px;
																						font-size:25px;
																						font-weight: bold;
					}
				#section01>div>div.txt>span{/*中途入社*/
					width:auto;
					margin-top:5px;
																						margin-top:15px;
					padding:0 15px;
					font-size:11px;
																						font-size:18px;
					border:solid 2px red;
					border-image:var(--LineGradation_01);
				}
				#section01>div>div.txt>span.new-graduate{/*新卒入社*/
					border-image:var(--LineGradation_02);
				}
			#section01>div>img{/*メイン画像*/
				display:inline-block;
				height:733px;
				width:938px;
				border-radius:0 0 0 40px;
																						height:391px;
																						width:500px;
																						border-radius:0;
				object-fit:cover;
				object-position:center center;/*上に合わせる場合は「center top」*/
				float:right;
			}


	/*コンテンツ（本文・画像）･･････････････････････････････････････････*/
	#contents>section#section02{
		padding-bottom:0;
																						padding-top:0;
	}
		#section02>div{/*baseArea*/
		}
			#section02>div>h3{/*サブタイトル*/
				width:580px;
				margin:60px 270px auto 270px;
				padding-left:80px;
																						width:370px;
																						margin:60px auto auto 25px;
																						line-height: 1.75em;
				background:url(../images/line_bl.png) left top 20px no-repeat;
			}
			#section02>div>p{/*本文*/
				width:450px;
				margin:60px 270px auto 480px;
																						margin:30px auto auto 25px;
																						font-size: 18px;
																						line-height: 1.75em;
			}
			#section02>div>figure.wave{/*wave*/
				margin-top:-40px;
																						margin-top:20px;
				margin-bottom:-175px;
				text-align:center;
				text-align-last:center;
			}
				#section02>div>figure.wave>img{
				}
			#section02>div>figure:not(.wave){/*人物写真*/
				height:auto;
				text-align:center;
				text-align-last:center;
			}
				#section02>div>figure:not(.wave)>img{
					display:inline-block;
					height:auto;
					width:786px;
																						width:450px;
					margin-top:60px;
					object-fit:cover;
					object-position:center center;/*上に合わせる場合は「center top」*/
					border-radius:40px;
																						border-radius:20px;
				}


	/*プライベートシーン････････････････････････････････････････････････*/
	#contents>section#section03{
		margin-top:100px;
		padding-top:82px;
																						margin-top:120px;
																						padding-top:60px;
		padding-bottom:82px;
																						padding-bottom:60px;
		background:var(--Gradation_02);
	}
		#section03 .baseArea{/*baseArea*/
		}
			#section03>div>ul{/*リスト*/
				width:910px;
				margin-left:calc((100% - 910px)/2);
																						width:450px;
																						margin-left:25px;
			}
				#section03>div>ul>li{
					display:inline-block;
					width:100%;
				}
				#section03>div>ul>li:nth-of-type(n+2){/*上から2番目以降*/
					margin-top:-40px;
																						margin-top:30px;
				}
				#section03>div>ul>li:nth-of-type(2){/*上から2番目*/
					margin-top:-100px;
																						margin-top:30px;
				}
					#section03>div>ul>li>div{/*サムネイル画像*/
						display:inline-block;
						width:150px;
																						width:100px;
						float:left;
					}
					#section03>div>ul>li:nth-of-type(even)>div{/*サムネイル画像（偶数番目）*/
						float:right;
					}
						#section03>div>ul>li>div>img{/*サムネイル画像*/
							display:inline-block;
							height:150px;
							width:150px;
																						height:100px;
																						width:100px;
							border-radius:50%;
						}
						#section03>div>ul>li>div>span{/*Private scene*/
							display:inline-block;
							width:100%;
							margin-top:18px;
							font-size:15px;
							font-weight:bold;
							text-align:center;
							text-align-last:center;
						}
					#section03>div>ul>li>p{/*吹き出し*/
						position:relative;
						display:inline-block;
						width:346px;
						margin-left:25px;
						margin-right:auto;
						padding:38px 36px;
						font-size:12px;
						letter-spacing:0.2em;
						line-height:2em;
						border-radius:20px 20px 20px 0;
																						width:320px;
																						margin-left:0px;
																						margin-right:auto;
																						padding:20px 24px;
																						font-size:18px;
																						letter-spacing:0;
																						line-height:1.75em;
																						border-radius:0 20px 20px 20px;
						box-sizing:border-box;
						float:left;
																						float:right;
						background-color:white;
					}
																						#section03>div>ul>li>p br{/**/
																							display: none;
																						}
					#section03>div>ul>li:nth-of-type(even)>p{/*吹き出し（偶数番目）*/
						margin-left:auto;
						margin-right:25px;
						border-radius:20px 20px 0 20px;
						float:right;
																						margin-right:0;
																						border-radius:20px 0 20px 20px;
																						float:left;
					}
						#section03>div>ul>li>p::after{/*吹き出しのトゲ*/
							content:"";
							position:absolute;
							bottom:-15px;
							left:0;
							right:auto;
																						top:0;
																						bottom:auto;
																						left:-15px;
																						right:auto;
							border-style:solid;
							border-width:16px 16px 0 0;
							border-color:white transparent transparent transparent;
																						border-width:0 16px 16px 0;
																						border-color:transparent white transparent transparent;
						}
						#section03>div>ul>li:nth-of-type(even)>p::after{/*吹き出しのトゲ（偶数番目）*/
							left:auto;
							right:0;
																						right:-15px;
							border-width:0 16px 16px 0;
							border-color:transparent white transparent transparent;
																						border-width:16px 16px 0 0;
																						border-color:white transparent transparent transparent;
						}


	/*Interview 人を知る････････････････････････････････････････････････*/
	#section04{
	}
		#section04>div{/*baseArea*/
		}
			#section04>div>div.title{
				width:100%;
				max-width:1000px;
				margin-left:calc((100% - 1000px)/2);
																						max-width:450px;
																						margin-left:25px;
			}
				#section04>div>div.title>h2{
					width:31%;
																						width:100%;
					float:left;
				}
				#section04>div>div.title>p{
					width:69%;
					margin-top:5px !important;
																						width:100%;
																						margin-top:30px !important;
					float:right;
				}
			#section04>div>ul{/*リスト*/
				display:inline-block;
				height:256px;
				width:930px;
				margin-top:25px;
				margin-left:calc((100% - 930px)/2);
																						height:222px;
																						width:498px;
																						margin-top:30px;
																						margin-left:1px;
			}
				#section04>div>ul li{
					display:inline-block;
					width:300px;
					overflow:hidden;
																						width:152px;
				}
					#section04>div>ul li>a{
						position:relative;
						display:inline-block;
						width:256px;
						margin:0 27px;
																			width:152px;
																			margin:0 7px;
																			background-color:var(--DarkBlue_01);
																			overflow:hidden;
					}
						#section04>div>ul li>a>p{
							position:absolute;
							top:auto;
							left:0;
							right:auto;
							bottom:0;
							margin-bottom:-5px;
							line-height:1.5em;
																			line-height:1.0em;
																			height:70px;
																			width:100%;
																			padding:4px 16px 8px 8px;
																			box-sizing:border-box;
																			display:inline-block;
						}
							#section04>div>ul li>a>p *{
								color:var(--DarkBlue_01);
								line-height:1.0em;
								letter-spacing:0;
																			color:white;
							}
							#section04>div>ul li>a>p>span{
								padding:4px 11px;
								font-size:12px;
								background-color:white;
																			padding:0;
																			font-size:14px;
																			background:none;
							}
																			#section04>div>ul li>a>p br{
																				display: none;
																			}
																			#section04>div>ul li>a>p>span.pos01::after{
																				content:"・";/*文字の追加*/
																			}
	
	
						#section04>div>ul li>a>img{
							display:inline-block;
							height:256px;
							width:256px;
							border-radius:40px;
							object-fit:cover;
							object-position:center center;
																			height:152px;
																			width:152px;
																			padding-bottom:70px;
																			border-radius:0;
						}

}