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

	Talk Session／想いを知る

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


/*body･･････････････････････････････････････････････････････････････*/
body{
	background:var(--BK_Pattern_Tree);
}


/*Talk Session 想いを知る･･･････････････････････････････････････････*/
#contents>#section01{
	margin-top:118px;
}
	#section01>div{/*baseArea*/
		width:1000px;
	}
	#section01 *{
		color:var(--DarkBlue_01);
	}
		#section01>div>div.title{
			width:100%;
			max-width:1000px;
			margin-left:calc((100% - 1000px)/2);
		}
			#section01>div>div.title>h2{
				width:37%;
				float:left;
			}
				#section01>div>div.title>h2>span.jp{
					padding-left:18px;
					font-size:15px;
					background:url(../images/ico_dot2.png) left center no-repeat;
				}
			#section01>div>div.title>p{
				width:63%;
				margin-top:16px;
				float:right;
			}
		#section01>div>ul{
			width:100%;
		}
			#section01>div>ul *{
				display:inline-block;
				height:auto;
				width:100%;
			}
			#section01>div>ul>li{
				margin-top:48px;
			}
			#section01>div>ul>li:nth-of-type(n+2){/*2番目以降*/
				margin-top:108px;
			}
				#section01>div>ul>li>a{
				}
					#section01>div>ul>li>a>img{/*メイン画像*/
						height:396px;
						width:606px;
						object-fit:cover;
						object-position:center center;/*上に合わせる場合は「center top」*/
						border-radius:20px;
						float:left;
					}
					#section01>div>ul>li:nth-of-type(2)>a>img{/*上から2番目*/
						float:right;
					}
					#section01>div>ul>li>a>div{/*テキストエリア*/
						position:relative;
						width:38%;
						padding:21px 50px;
						box-sizing:border-box;
						float:right;
					}
					#section01>div>ul>li:nth-of-type(2)>a>div{/*テキストエリア*/
						padding:21px 50px 21px 21px;
						float:left;
					}
						#section01>div>ul>li>a>div>p{/*01 - Visionary story*/
						}
						#section01>div>ul>li>a>div>h3{/*ITと介護、二つの現場をつなぎ…*/
							margin-top:15px;
							white-space:nowrap;/*改行禁止*/
							font-size:18px;
						}
							#section01>div>ul>li>a>div>h3>span{/*ITと介護、二つの現場をつなぎ…*/
								display:inline;
								line-height:2.0em;
								background-color:white;
							}
						#section01>div>ul>li>a>div>ul{
							margin-top:24px;
						}
						#section01>div>ul>li>a>div>ul:nth-of-type(n+2){/*2番目以降*/
							margin-top:13px;
						}
							#section01>div>ul>li>a>div>ul>li{
								width:auto;
								float:left;
							}
							#section01>div>ul>li>a>div>ul>li:nth-of-type(n+2){/*2番目以降*/
								margin-left:-25px;
							}
								#section01>div>ul>li>a>div>ul>li>*{
									display:inline-block;
									width:100%;
									height:auto;
									line-height:1.5em;
									float:left;
								}
								#section01>div>ul>li>a>div>ul>li>span{/*代表取締役社長*/
									font-size:10px;
									line-height:1.5em;
								}
								#section01>div>ul>li>a>div>ul>li>p{/*髙田 志郎*/
									font-weight:bold;
									line-height:2.0em;
								}
									#section01>div>ul>li>a>div>ul>li>p>span{/*中 清彦、菅原 揚子、堀内 るみ*/
										width:auto;
										float:left;
									}
									#section01>div>ul>li>a>div>ul>li>p>span:nth-of-type(n+2){/*2番目以降*/
										margin-left:1.5em;
									}
						#section01>div>ul>li>a>div>img{/*矢印*/
							position:absolute;
							top:auto;
							left:auto;
							right:36px;
							bottom:17px;
							width:auto;
						}




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

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

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

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

}




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

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

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


	/*body･･････････････････････････････････････････････････････････････*/
	body{
		background:var(--BK_Pattern_Tree);
	}


	/*Talk Session 想いを知る･･･････････････････････････････････････････*/
	#contents>#section01{
		margin-top:118px;
																				margin-top:150px;
																				padding-top:0;
	}
		#section01>div{/*baseArea*/
			width:1000px;
																				width:500px;
		}
		#section01 *{
			color:var(--DarkBlue_01);
		}
			#section01>div>div.title{
				width:100%;
				max-width:1000px;
				margin-left:calc((100% - 1000px)/2);
																				max-width:450px;
																				margin-left:25px;
			}
				#section01>div>div.title>h2{
					width:37%;
																				width:100%;
					float:left;
				}
					#section01>div>div.title>h2>span.jp{
						padding-left:18px;
						font-size:15px;
						background:url(../images/ico_dot2.png) left center no-repeat;
					}
				#section01>div>div.title>p{
					width:63%;
					margin-top:16px;
					float:right;
																				width:100%;
																				margin-top:30px;
																				font-size:18px;
																				line-height:1.75em;
																				float:left;
				}
																				#section01>div>div.title>p br{
																					display: none;
																				}
			#section01>div>ul{
				width:100%;
																				max-width:450px;
																				margin-left:25px;
			}
				#section01>div>ul *{
					display:inline-block;
					height:auto;
					width:100%;
				}
				#section01>div>ul>li{
					margin-top:48px;
																				margin-top:60px;
				}
				#section01>div>ul>li:nth-of-type(n+2){/*2番目以降*/
					margin-top:108px;
				}
					#section01>div>ul>li>a{
					}
						#section01>div>ul>li>a>img{/*メイン画像*/
							height:396px;
							width:606px;
																				height:294px;
																				width:450px;
							object-fit:cover;
							object-position:center center;/*上に合わせる場合は「center top」*/
							border-radius:20px;
																				border-radius:10px;
							float:left;
						}
						#section01>div>ul>li:nth-of-type(2)>a>img{/*上から2番目*/
							float:right;
						}
						#section01>div>ul>li>a>div{/*テキストエリア*/
							position:relative;
							width:38%;
							padding:21px 50px;
							box-sizing:border-box;
							float:right;
																				width:100%;
																				margin-top:30px;
																				padding:0;
																				float:left;
						}
						#section01>div>ul>li:nth-of-type(2)>a>div{/*テキストエリア*/
							padding:21px 50px 21px 21px;
																				width:100%;
																				padding:0;
							float:left;
						}
							#section01>div>ul>li>a>div>p{/*01 - Visionary story*/
																				font-size:18px;
																				line-height:1.75em;
							}
							#section01>div>ul>li>a>div>h3{/*ITと介護、二つの現場をつなぎ…*/
								margin-top:15px;
								white-space:nowrap;/*改行禁止*/
								font-size:18px;
							}
								#section01>div>ul>li>a>div>h3>span{/*ITと介護、二つの現場をつなぎ…*/
									display:inline;
									line-height:2.0em;
																				font-size:25px;
																				letter-spacing:0.05em;
																				line-height:1.5em;
																				white-space:nowrap;/*改行禁止*/
																				font-feature-settings: "palt";
									background-color:white;
								}
							#section01>div>ul>li>a>div>ul{
								margin-top:24px;
							}
							#section01>div>ul>li>a>div>ul:nth-of-type(n+2){/*2番目以降*/
								margin-top:13px;
							}
								#section01>div>ul>li>a>div>ul>li{
									width:auto;
									float:left;
								}
								#section01>div>ul>li>a>div>ul>li:nth-of-type(n+2){/*2番目以降*/
									margin-left:-25px;
								}
									#section01>div>ul>li>a>div>ul>li>*{
										display:inline-block;
										width:100%;
										height:auto;
										line-height:1.5em;
										float:left;
									}
									#section01>div>ul>li>a>div>ul>li>span{/*代表取締役社長*/
										font-size:10px;
																				font-size:18px;
										line-height:1.5em;
									}
									#section01>div>ul>li>a>div>ul>li>p{/*髙田 志郎*/
										font-weight:bold;
										line-height:2.0em;
																				font-size:25px;
									}
										#section01>div>ul>li>a>div>ul>li>p>span{/*中 清彦、菅原 揚子、堀内 るみ*/
											width:auto;
											float:left;
										}
										#section01>div>ul>li>a>div>ul>li>p>span:nth-of-type(n+2){/*2番目以降*/
											margin-left:1.5em;
										}
							#section01>div>ul>li>a>div>img{/*矢印*/
								position:absolute;
								top:auto;
								left:auto;
								right:36px;
								bottom:17px;
								width:auto;
							}

}