@charset "Shift-JIS";

section.container#sample section div.tableContainer table {
	border-radius: 8px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

section.container#sample section div.tableContainer table td .bold,
section.container#sample section div.tableContainer table th .bold {
	font-weight: 500;
	line-height: 1.4;
}

section.container#sample section div.tableContainer table tr:nth-of-type(n+2) td,
section.container#sample section div.tableContainer table tr:nth-of-type(n+2) th {
	border-top: none;
}

section.container#sample section div.tableContainer table td:nth-child(n+2),
section.container#sample section div.tableContainer table th:nth-child(n+2),
section.container#sample section div.tableContainer table tr:nth-child(n+2) th:first-child {
	border-left: none;
}

section.container#sample section div.tableContainer table tr:first-child th:first-child,
section.container#sample section div.tableContainer table tr:first-child td:first-child {
	border-top-left-radius: 10px;
}

section.container#sample section div.tableContainer table tr:first-child th:last-child,
section.container#sample section div.tableContainer table tr:first-child td:last-child {
	border-top-right-radius: 10px;
}

section.container#sample section div.tableContainer table tr:last-child th:first-child,
section.container#sample section div.tableContainer table tr:last-child td:first-child {
	border-bottom-left-radius: 10px;
}

section.container#sample section div.tableContainer table tr:last-child th:last-child,
section.container#sample section div.tableContainer table tr:last-child td:last-child {
	border-bottom-right-radius: 10px;
}

section.container#sample section div.tableContainer table .bgSky {
	background-color: #2A82BC;
	color: #ffffff;
	text-align: center;
}

section.container#sample section div.tableContainer table .bgBlue {
	background-color: #2462A3;
	color: #ffffff;
	text-align: center;
}

section.container#sample section div.tableContainer table .bgNavy {
	background-color: #003B7A;
	color: #ffffff;
	text-align: center;
}

section.container#sample section div.tableContainer table .bgYellow {
	background-color: #fff0ac;
	text-align: center;
}




@media screen and (min-width : 960px) {


	p.text {
		font-size: 0.8125rem;
		line-height: 1.9;
		text-align: justify;
	}


	.text-list {
		margin: 30px 0;
		padding: 0 0 0 1.2em;
	}

	.text-list li {
		font-size: 0.889rem;
		line-height: 1.6;
		letter-spacing: 0.05em;
		list-style-type: disc;
	}

	.text-list li span {
		color: red;
	}

	.text-list li:not(:first-child) {
		margin-top: 6px;
	}


	a.pdf_btn {
		display: flex;
		align-self: flex-start;
		align-items: center;
		background-color: #fff;
		border: 1px solid #BDC8D7;
		border-radius: 2.78rem;
		box-sizing: border-box;
		justify-content: center;
		font-size: 12px;
		letter-spacing: 0.05em;
		padding: 5px 0.556rem;
		white-space: nowrap;
		opacity: 1;
		transition: opacity 0.3s;
	}

	a.pdf_btn:hover {
		opacity: 0.8;
	}

	a.pdf_btn::after {
		content: '';
		display: inline-block;
		width: 0.889rem;
		height: 0.889rem;
		background-image: url(../../common/img/icon_pdf.svg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: auto 100%;
		margin: 0 0 0 0.5rem;
	}



	/* -------------------------------------------------------------------------------------------
	*
	* container
	*
	* ----------------------------------------------------------------------------------------- */

	section.container {
		position: relative;
	}

	section.container section:nth-of-type(n+2) {
		margin-top: 3.125rem;
	}

	section.container#sample section#table2 div.tableContainer.pc {
		position: relative;
	}

	section.container#sample section#table2 div.tableContainer.pc::before {
		content: '';
		display: block;
		aspect-ratio: 284 / 398;
		width: 189px;
		height: auto;
		background-image: url(/common/img/talent_yokozawa_03.png);
		background-size: contain;
		position: absolute;
		right: 18px;
		bottom: 100%;
	}

	section.container#sample section div.tableContainer .overflowTableOuter {
		overflow: hidden;
	}

	section.container#sample section#table2 .text-list {
		margin: 30px auto 30px 0;
		width: calc(100% - 340px);
	}


	section.container#sample section div.tableContainer table td,
	section.container#sample section div.tableContainer table th {
		padding: 12px 10px;
		background-color: #ffffff;
		border: 1px solid #BDC8D7;
		font-size: 12px;
		line-height: 1.7;
	}

	section.container#sample section div.tableContainer table td br,
	section.container#sample section div.tableContainer table th br {
		display: inline;
		height: 0;
		line-height: normal;
		margin: 0;
		padding: 0;
	}

	section.container#sample section div.tableContainer table th {
		width: 25%;
	}

	section.container#sample section div.tableContainer table th a {
		color: #ffffff;
		text-decoration: underline;
	}

	section.container#sample section div.tableContainer table td>p {
		line-height: 1.7;
	}

	/*
	section.container#sample section div.tableContainer table td div.pdf{
		position: relative;
		padding: 0 0 0 32px;
	}
*/

	section.container#sample section div.tableContainer table td div.pdf+div.pdf {
		margin-top: 8px;
	}

	section.container#sample section div.tableContainer table td div.pdf p {
		display: flex;
		flex-wrap: wrap;
	}

	section.container#sample section#table1 div.tableContainer table td div.pdf p {
		line-height: 0.7;
		gap: 0.6rem;
	}

	section.container#sample section#table2 div.tableContainer table td div.pdf p {
		flex-direction: column;
		gap: 7px;
	}

	section.container#sample section#table1 div.tableContainer table td div.pdf p span {
		display: flex;
		align-items: center;
	}

	section.container#sample section#table2 div.tableContainer table td div.pdf p span {
		line-height: 1.4;
	}

	section.container#sample section#table1 div.tableContainer table tr:first-child th:first-child,
	section.container#sample section#table1 div.tableContainer table tr:first-child td:first-child {
		width: 130px;
	}





	section.container#sample .sample_btn .btn {
		background-color: #FFF370;
		border: 1px solid #FC692F;
		color: #FC692F;
		font-size: 0.8333rem;
		height: 4.667rem;
		width: 440px;
		margin: 30px auto 0 auto;
		transition: background-color 0.3s;
	}

	section.container#sample .sample_btn .btn::after {
		background-image: url(/about/img/icon_blank_orange.svg);
		width: 1.556rem;
		height: 1.556rem;
	}

	section.container#sample .sample_btn .btn:hover {
		background-color: #ffffff;
	}



	/* -------------------------------------------------------------------------------------------
	*
	* other
	*
	* ----------------------------------------------------------------------------------------- */

	#other {
		padding: 70px 0 0 0;
	}

	#other ul.other_list {
		display: flex;
		gap: 15px;
	}

	#other ul.other_list li.other_item {
		display: flex;
		flex-direction: column;
		width: calc((100% - 30px) / 3);
	}

	#other ul.other_list li.other_item div.other_wrap {
		flex: 1;
	}

	#other ul.other_list li.other_item div.other_wrap p.other_name {
		font-size: 0.889rem;
		line-height: 1.6;
		letter-spacing: 0.05em;
		text-align: center;
	}

	#other ul.other_list li.other_item div.other_wrap div.other_img {
		background-color: #F9F9F9;
	}

	#other ul.other_list li.other_item div.other_wrap div.other_img img {
		width: 100%;
		height: auto;
	}

	#other ul.other_list li.other_item a.pdf_btn {
		width: 163px;
		margin: 14px auto 0 auto;
	}



}

@media screen and (max-width : 959px) {

	#contents {
		overflow: hidden;
		position: relative;
		padding: 15.38vw 0 13rem 0 !important;
	}

	#contents::after {
		content: '';
		display: block;
		aspect-ratio: 284 / 398;
		width: 46.9vw !important;
		height: auto !important;
		margin: auto;
		background-image: url(/common/img/talent_yokozawa_03.png) !important;
		background-size: contain;
		position: absolute;
		right: 0 !important;
		left: 0 !important;
		bottom: -17vw !important;
	}

	.scroll-hint-icon {
		background-color: transparent !important;
		background-image: url('../img/scroll_hint.png') !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		position: absolute;
		top: calc(30%);
		left: calc(50% - 5.5rem);
		box-sizing: border-box;
		aspect-ratio: 198 / 98;
		width: 11rem;
		height: auto;
		border-radius: 5px;
		transition: opacity .3s;
		opacity: 0;
		text-align: center;
		padding: 0 !important;
	}

	.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
		opacity: 0.95;
	}

	.scroll-hint-icon:before,
	.scroll-hint-icon:after {
		display: none !important;
	}

	.scroll-hint-text {
		display: none !important;
	}

	p.text {
		font-size: 1.0625rem;
		line-height: 1.6;
		text-align: justify;
	}

	.text-list {
		margin: 1rem 0;
		padding: 0 0 0 1.2em;
	}

	.text-list li {
		font-size: 0.889rem;
		line-height: 1.6;
		letter-spacing: 0.05em;
		list-style-type: disc;
	}

	.text-list li span {
		color: red;
	}

	.text-list li:not(:first-child) {
		margin-top: 6px;
	}

	a.pdf_btn {
		display: flex;
		align-self: flex-start;
		align-items: center;
		background-color: #fff;
		border: 1px solid #BDC8D7;
		border-radius: 2.78rem;
		box-sizing: border-box;
		font-size: 0.667rem;
		letter-spacing: 0.05em;
		padding: 5px 0.556rem;
		white-space: nowrap;
		opacity: 1;
		transition: opacity 0.3s;
	}

	a.pdf_btn:hover {
		opacity: 0.8;
	}

	a.pdf_btn::after {
		content: '';
		display: inline-block;
		width: 0.889rem;
		height: 0.889rem;
		background-image: url(../../common/img/icon_pdf.svg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: auto 100%;
		margin: 0 0 0 0.5rem;
	}






	/* -------------------------------------------------------------------------------------------
	*
	* container
	*
	* ----------------------------------------------------------------------------------------- */

	section.container section {
		text-align: left;
	}

	section.container section:nth-of-type(n+2) {
		margin-top: 12vw;
	}


	section.container#sample section div.tableContainer .overflowTableOuter {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0 5vw 0.6rem 0;
		margin: 0 -5vw 0 0;
	}

	section.container#sample section div.tableContainer.sp:nth-of-type(n+2) {
		margin: 11vw 0 0 0;
	}

	section.container#sample section div.tableContainer table td,
	section.container#sample section div.tableContainer table th {
		padding: 3.2vw 2vw;
		background-color: #ffffff;
		border: 1px solid #BDC8D7;
		font-size: 3.2vw;
		line-height: 1.7;
	}

	section.container#sample section div.tableContainer .overflowTableOuter table tr td:not(.bgSky):not(.bgYellow) {
		min-width: 8rem;
	}


	section.container#sample section div.tableContainer table th {
		width: 50%;
	}

	section.container#sample section div.tableContainer table .spW50p {
		width: 50%;
	}

	section.container#sample section div.tableContainer table td>p {
		line-height: 1.5;
	}


	section.container#sample section div.tableContainer table td div.pdf+div.pdf {
		margin-top: 3.6vw;
	}

	section.container#sample section div.tableContainer table td div.pdf p {
		display: flex;
		flex-wrap: wrap;
	}

	section.container#sample section#table1 div.tableContainer table td div.pdf p {
		line-height: 0.7;
		gap: 0.6rem;
	}

	section.container#sample section#table2 div.tableContainer table td div.pdf p {
		flex-direction: column;
		gap: 7px;
	}

	section.container#sample section div.tableContainer table td div.pdf p span {
		line-height: 1.4;
	}


	section.container#sample .sample_btn .btn {
		background-color: #FFF370;
		border: 1px solid #FC692F;
		color: #FC692F;
		font-size: 0.8333rem;
		height: 4.667rem;
		margin: 2rem 0 0 0;
		transition: background-color 0.3s;
	}

	section.container#sample .sample_btn .btn::after {
		background-image: url(/about/img/icon_blank_orange.svg);
		width: 1.556rem;
		height: 1.556rem;
	}

	section.container#sample .sample_btn .btn:hover {
		background-color: #ffffff;
	}



	/* -------------------------------------------------------------------------------------------
	*
	* other
	*
	* ----------------------------------------------------------------------------------------- */

	#other {
		padding: 7.69vw 0 45vw 0;
	}

	#other ul.other_list {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	#other ul.other_list li.other_item {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	#other ul.other_list li.other_item div.other_wrap {
		flex: 1;
	}

	#other ul.other_list li.other_item div.other_wrap p.other_name {
		font-size: 0.889rem;
		line-height: 1.6;
		letter-spacing: 0.05em;
		text-align: center;
	}

	#other ul.other_list li.other_item div.other_wrap div.other_img {
		background-color: #F9F9F9;
	}

	#other ul.other_list li.other_item div.other_wrap div.other_img img {
		width: 100%;
		height: auto;
	}

	#other ul.other_list li.other_item a.pdf_btn {
		margin: 0.889rem auto 0 auto;
		padding: 0.556rem 1.86rem;
		width: auto;
	}


}