@charset "UTF-8";
/* h1,
h2,
h3,
h4,
h5 {
	font-weight: 600 !important;
} */

#Toppage__content{
    margin: 0 auto;
}
#Toppage__content h1,
#Toppage__content h2{
    letter-spacing: -0.03em;
	line-height: 1.2;
}


/* ---------- InterviewHero ---------- */
#Toppage__content .Toppage_Hero{
	/* width:100%; */
	height: 42.57vw;
	margin: 0 auto;
	padding-left:5.4vw;
	position: relative;
	background: url(../images/top_mainvisual.jpg) no-repeat 0 0;
	background-size: cover;

    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media only screen and (max-width: 559px) {
	#Toppage__content .Toppage_Hero{
		height: 40vw;
	}
}

body #Toppage__content .Toppage_Hero .Heading_wrap{
	width:100%;
	margin: 0 auto;
	position: relative;

}

#Toppage__content .Toppage_Hero h1.Hero__heading{
	font-size: 4.7vw;
    font-weight: 900!important;
	line-height: 1.35;
}
#Toppage__content .Toppage_Hero h1.Hero__heading span{
	display: inline-block;
    transform: skewX(-9deg);
}
#Toppage__content .Toppage_Hero h1.Hero__heading span.small {
    font-size: 46%;
}
	@media only screen and (min-width: 560px) and (max-width: 959px){
		#Toppage__content .Toppage_Hero h1.Hero__heading{
			font-size: 3.8rem;
		}
	}
	@media only screen and (max-width: 559px) {
		#Toppage__content .Toppage_Hero h1.Hero__heading{
			font-size: 2.6rem;
		}
	}

/*---------- Selectarea ----------*/
#Section_Selectarea {
    width:100%;
    margin: 0;
    display: flex;
    padding-top: 2em;
    background: #FFF;
}
@media only screen and (max-width: 559px) {
#Section_Selectarea {
		flex-wrap: wrap;
	}
}
#Section_Selectarea .select_categoly{
    display: flex;
    position: relative;
}
#Section_Selectarea .select_categoly.-categoly01{
    width: calc((100% / 3) * 2);
}

#Section_Selectarea .select_categoly.-categoly02 {
    width: calc(100% / 3);
}
@media only screen and (max-width: 559px) {
	#Section_Selectarea .select_categoly.-categoly01,
	#Section_Selectarea .select_categoly.-categoly02 {
			width: 100%;
	}
}
#Section_Selectarea .select_categoly_ttl {
    display: block;
    position: absolute;
    top: -0.6em;
    left:0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    
    z-index: 2;
}

#Section_Selectarea .select_categoly_ttl .inner{
    width: auto;
    display: inline-block;
    position: relative;
    padding: clamp(16 * 0.8px, 16 / 1280 * 100vw, 16px) clamp(30 * 0.8px, 30 / 1280 * 100vw, 30px) clamp(12 * 0.8px, 12 / 1280 * 100vw, 12px);
    z-index: 3;  
}
@media only screen and (max-width: 559px) {
	#Section_Selectarea .select_categoly_ttl .inner {
			padding: 10px 30px 6px;
		}
}
#Section_Selectarea .select_categoly_ttl .inner::before {
    content:"";
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color:  rgba(0, 168, 169, 0.5);
    transform: skewX(-23deg);
    z-index: 2;
}
#Section_Selectarea .select_categoly_ttl span{
    display:block;
    color: #FFF;
    font-size: clamp(20 * 0.8px, 20 / 1280 * 100vw, 20px);
    line-height: 1.2;
	letter-spacing: -0.01em;;
    text-align: center;
    position: relative;
    z-index: 4;
}
@media only screen and (max-width: 559px) {
	#Section_Selectarea .select_categoly_ttl span {
		font-size: 3.5vw;
	}
}
#Section_Selectarea .select_categoly_ttl span.small {
    font-size: clamp(11 * 0.8px, 11 / 1280 * 100vw, 11px);
}
#Section_Selectarea .select_categoly.-categoly01 .select_box {
    width: 50%;
    z-index: 1;
}
#Section_Selectarea .select_categoly.-categoly02 .select_box {
	width:100%;
	z-index: 1;
}
@media only screen and (max-width: 959px) {
	#Section_Selectarea .select_box picture img {
		width: 100%;
		height: 270px;
		object-fit: cover;

	}
}
@media only screen and (max-width: 559px) {
	#Section_Selectarea .select_box picture img {
		width: 100%;
		height: 60vw;
		object-fit: cover;

	}
	#Section_Selectarea .select_box.-box03 picture img {
		width: 100%;
		height: 43vw;
		object-fit: cover;

	}
}
#Section_Selectarea .select_box a{
	width:100%;
	height: 100%;
	display: block;
	position: relative;
	left:0;
	top:0;
}
#Section_Selectarea .select_box a .select_inner{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	color:#FFF;
}
@media only screen and (max-width: 559px) {
	#Section_Selectarea .select_box a .select_inner {
		padding-top: 2vw;
	}
}
#Section_Selectarea .select_box a .select_title{
	margin-top:7vw;
	text-align: center;
	border: 1px solid #FFF;
}
#Section_Selectarea .select_box a .select_title h2{
	font-size: 2.9vw;
	font-weight: 700;
	line-height: 1;
	padding: 20px clamp(50 * 0.8px, 50 / 1280 * 100vw, 50px);
	margin: 0;
}
@media only screen and (max-width: 559px) {
	#Section_Selectarea .select_box a .select_title h2 {
			font-size: 4vw;
			padding: 1rem 4rem;
		}
}
#Section_Selectarea .select_box a .select_title .select_button {
	width:100%;
	margin:0;
	border-top: 1px solid #FFF;
	padding:0.8rem 2rem;
	font-size: 1.5rem;
	text-align: left;
	position: relative;
	-webkit-transition: background-color .2s ease-in-out;
		transition: background-color .2s ease-in-out;
}
@media only screen and (max-width: 559px) {
	#Section_Selectarea .select_box a .select_title .select_button {
		font-size: 3vw;
		padding: 0.5rem 2rem;
	}
}
#Section_Selectarea .select_box a:hover .select_title .select_button {
	background: #1bc3b5;
	
}
#Section_Selectarea .select_box a .select_title .select_button::before {
	content:"";
	width: 6px;
	height: 9px;
	position: absolute;
	right: 2rem;
	top:0;
	bottom: 0;
	margin: auto 0;
	background: #FFF;
	clip-path: polygon(100% 46%, 0 0, 0 100%);
	z-index: 3;
}
#Section_Selectarea .select_box a .select_copy {
	margin-top: 2vw;
	font-size: 2.4vw;
	line-height: 1.3;
	font-weight: 600;
	text-align: center;
	display: block;
	opacity: 0;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
@media only screen and (max-width: 559px) {
	#Section_Selectarea .select_box a .select_copy {
		font-size: 3.5vw;
		opacity: 1;
	}
}
#Section_Selectarea .select_box a:hover .select_copy {
	opacity: 1;
}
/*---------- Section_Topnews ----------*/
#Section_Topnews{
	width: auto;
	margin-top: 3rem;
	padding-bottom: 3rem;
	border-bottom:1px solid #d1d2d6;

	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
@media only screen and (max-width: 559px) {
	#Section_Topnews {
		display: block;
	}
}
#Section_Topnews .heading_categoly{
	width: auto;
	padding-right: 3rem;
}
#Section_Topnews .heading_categoly h3{
	display: inline-block;
	font-size: 3rem;
	line-height: 1;
	margin: 0;
}
@media only screen and (max-width: 559px) {
	#Section_Topnews .heading_categoly h3 {
		font-size: 24px;
	}
}
#Section_Topnews .heading_categoly span {
	display: inline-block;
	line-height: 1;
	margin: 0;
}
#Section_Topnews .NewsList {
	width: 100%;
	list-style-type: none;
	font-weight: normal;
	line-height: 2rem;
	margin: 0;
}

#Section_Topnews .NewsList__item {
	padding: 0;
	display: flex;
}

#Section_Topnews .NewsList__item:not(:first-child) {
	padding-top: 0.5rem;
}

#Section_Topnews .NewsList__item a:link {
	color: #666666;
}

#Section_Topnews .NewsList__item a:visited {
	color: #666;
}

#Section_Topnews .NewsList__item a:hover {
	color: #00a8a9;
}

#Section_Topnews .NewsListItem__inner {
	display: flex;
	flex-direction: row;
}

#Section_Topnews .NewsListItem__date {
	font-size: 1.2rem;
	white-space: nowrap;
	margin: 0 1rem 0 0;
	font-weight: normal;
}

#Section_Topnews .NewsListItem__text {
	/*font-size: 1.4rem;*/
	line-height: 1.5;
}

@media only screen and (max-width: 559px) {
	#Section_Topnews .NewsArea__inner {
		margin: 3rem auto 0 auto;
	}

	#Section_Topnews .NewsList__item {
		padding: 0.2rem 0;
	}

	#Section_Topnews .NewsList__item:not(:first-child) {
		padding: 0.2rem 0;
	}

	#Section_Topnews .NewsListItem__date {
		font-size: 1.1rem;
	}
}

/*---------- Section_TopAboutus ----------*/
#Section_TopAboutus {
	width: auto;
	margin-top: 5rem;
}
@media only screen and (max-width: 559px) {
	#Section_TopAboutus {
		margin-top: 3rem;
	}
}
#Section_TopAboutus .heading_section{
	text-align: center;
}
#Section_TopAboutus .heading_section h2{
	margin: 0;
	font-size: clamp(60 * 0.8px, 60 / 1280 * 100vw, 60px);
	font-weight: 700;
	line-height: 1.2;
	color:#5f5f5f;
}
@media only screen and (max-width: 559px) {
	#Section_TopAboutus .heading_section h2 {
		font-size: 8vw;
	}
}
#Section_TopAboutus .heading_section span {
	font-size: clamp(20 * 0.8px, 20 / 1280 * 100vw, 20px);
	margin: 0;
}
@media only screen and (max-width: 559px) {
	#Section_TopAboutus .heading_section span {
		font-size: 3.5vw;
	}
}
/*---------- Section_TopAboutus COMMON ----------*/
#Section_TopAboutus .inner {
	position: relative;
	z-index: 10;
}
#Section_TopAboutus .title_eng {
	/* font-size: 6vw; */
	font-size: clamp(90 * 0.5px, 90 / 1280 * 100vw, 90px);
	line-height: 1;
	text-align: center;
	display: block;
	position: absolute;
	top: 7rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
}
@media only screen and (max-width: 559px) {
	#Section_TopAboutus .title_eng {
		font-size: 10vw;
		top: 2rem;
	}
}
#Section_TopAboutus .heading_categoly{
	margin:0;
}
#Section_TopAboutus .heading_categoly span {
	font-size: 1.4vw;
	font-size: 1.8rem;
	margin: 0;
}
@media only screen and (max-width: 559px) {
	#Section_TopAboutus .heading_categoly span {
		font-size: 5vw;
	}
}
#Section_TopAboutus .heading_categoly h3{
	font-size: 2.5vw;
	font-size: 3rem;
	line-height: 1;
	margin-top: 0.2em;
}
#Section_TopAboutus p.text {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	line-height: 1.7;
}
#Section_TopAboutus .button {
	width: auto;
	display: inline-block;
	margin: 0;
	font-size: 1.5rem;
	text-align: left;
	position: relative;
}
#Section_TopAboutus .button a{
	width: 100%;
	height: 100%;
	color:#333;
	padding: 1rem 7em 1rem 1rem;
	border: 1px solid #333;
	-webkit-transition: background-color .2s ease-in-out;
		transition: background-color .2s ease-in-out;
}
#Section_TopAboutus .button.-white a {
	color: #FFF;
	border: 1px solid #FFF;
}
#Section_TopAboutus .button a:hover{
	color: #FFF;
	background:#1bc3b5;
}
#Section_TopAboutus .button a::before {
	content: "";
	width: 6px;
	height: 9px;
	position: absolute;
	right: 1rem;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background: #333;
	clip-path: polygon(100% 46%, 0 0, 0 100%);
	z-index: 3;
}
#Section_TopAboutus .button a:hover::before {
	background: #FFF;
}
#Section_TopAboutus .button.-white a::before {
	background: #FFF;
}


/*---------- Section_Business ----------*/
.Section_Business {
	width: 100%;
	margin-top: clamp(30 * 0.8px, 30 / 1280 * 100vw, 30px);
	padding: 5rem 0 10rem 0;
	position: relative;
	color: #FFF;
	background: linear-gradient(180deg, #ebecf0 0%, #ebecf0 15%, #FFF 15%, #FFF 30%, #00a8a9 30%, #00a8a9 100%);
}
@media only screen and (max-width: 559px) {
	.Section_Business {
		margin-top: 20px;
		padding: 8rem 0 5rem 0;
	}
}
#Section_TopAboutus .Section_Business .title_eng {
	margin-left:5vw;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}
@media only screen and (min-width: 560px) and (max-width: 959px) {
	#Section_TopAboutus .Section_Business .title_eng {
		margin-left: 0;
		top: 6rem;
	}
}
@media only screen and (max-width: 559px) {
	#Section_TopAboutus .Section_Business .title_eng {
		margin-left: 0;
		top: 4rem;
	}
}
.Section_Business::before {
	content: "";
	width: 80%;
	height: 100%;
	background: #00a8a9;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.Section_Business::after {
	content:"";
	width: 100%;
	height: 100%;
	background:url(../images/top_business_img.jpg) no-repeat top right;
	background-size: contain;
	position: absolute;
	right: 5rem;
	top:0;
	z-index: 3;	
}
@media only screen and (min-width: 560px) and (max-width: 959px) {
	.Section_Business::after {
			background: url(../images/top_business_img.jpg) no-repeat center;
			clip-path: polygon(71% 0, 100% 0%, 100% 99%, 43% 99%);
			background-size: cover;
			right: 0;
			top: 0;
		}
}
@media only screen and (max-width: 559px) {
	.Section_Business::after {
			background: url(../images/top_business_img.jpg) no-repeat center;
			clip-path: polygon(81% 0, 100% 0%, 100% 99%, 53% 99%);
			background-size: cover;
			right: 0;
			top: 0;
		}
}
.Section_Business .heading_categoly h3 {
	color: #000;
}
.Section_Business .box_wrap {
	width: auto;
	margin-top: 1.5em;
margin-bottom: 3em;
	display: flex;
	align-items: flex-start;
	gap: 2rem;
}
@media only screen and (max-width: 559px) {
	.Section_Business .text {
			width: 60%;
		}
	.Section_Business .box_wrap {
		width: 60%;
	}
}
.Section_Business .box_wrap h4{
	font-weight: 600;
}
.Section_Business .box_wrap li {
	line-height: 1.5;
	padding-left: 1em;
	text-indent: -1em;
}
/*---------- Section_Work ----------*/
.Section_Work {
	width: 100%;
	padding: 5rem 0 5rem 0;
	position: relative;
	color: #333;
	background: linear-gradient(110deg, #e3e3e3 0%, #e3e3e3 45%, #FFF 45%, #FFF 55%, #00a8a9 55%, #00a8a9 100%);
}
@media only screen and (max-width: 559px) {
	.Section_Work {
			padding: 8rem 0 5rem 0;
			background: linear-gradient(110deg, #e3e3e3 0%, #e3e3e3 60%, #FFF 60%, #FFF 70%, #00a8a9 70%, #00a8a9 100%);
		}
}

#Section_TopAboutus .Section_Work .title_eng {
	color:#00a8a9;
}
#Section_TopAboutus .Section_Work .work_img {
	width: 80%;
	max-width: 1300px;
	margin: -120px 0 0 auto;
	z-index: 2;
}
@media only screen and (max-width: 559px) {
	#Section_TopAboutus .Section_Work .work_img {
		width: 95%;
		margin: 0 0 0 auto;
	}
}
/*---------- Section_People ----------*/
.Section_People {
	width: 100%;
	height: 38vw;
	min-height: 445px;
	max-height: 700px;
	padding: 5rem 0 10rem 0;
	position: relative;
	color: #333;
	background:#FFF;
}
@media only screen and (max-width: 559px) {
	.Section_People {
			height: auto;
			padding: 8rem 0 10rem 0;
		}
}
.Section_People::before{
	content:"";
	width:3vw;
	height:14vw;
	background:#e3e3e3;
	position: absolute;
	left: 0;
	top:0;
	z-index: 2;
}
.Section_People::after {
	content: "";
	width: 10px;
	height: calc(5rem + 7vw);
	background: #00a8a9;
	transform: skewX(-18deg);
	position: absolute;
	right: 36%;
	top: 0;
	z-index: 2;
}
@media only screen and (max-width: 559px) {
	.Section_People::after {
		content: "";
		width: 5px;
		height: calc(4rem + 7vw);
		background: #00a8a9;
		transform: skewX(-18deg);
		position: absolute;
		right: 28%;
		top: 0;
		z-index: 2;
	}
}
#Section_TopAboutus .Section_People .title_eng {
	color: #333;
}
#Section_TopAboutus .Section_People .people_img {
	width: 100%;
	max-width: 1600px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	z-index: 2;
}


/*---------- Section_Message ----------*/
.Section_Message {
	width: 100%;
	height: 37vw;
	min-height: 445px;
	max-height: 640px;
	border-top: 3rem solid #FFF;
	padding: 5rem 0 10rem 0;
	position: relative;
	color: #FFF;
	background: #00a8a9 url(../images/top_message_img.jpg) no-repeat right top;
	background-size: contain;
}
@media only screen and (max-width: 559px) {
	.Section_Message {
		height: 90vw;
		min-height: 90vw;
		max-height: 90vw;
		padding: 8rem 0 0 0;
		background-position: top 0 right -15vw;
		background-size: cover;
	}
}
#Section_TopAboutus .Section_Message .title_eng {
	top: auto;
	bottom: 10rem;
}
@media only screen and (max-width: 559px) {
	#Section_TopAboutus .Section_Message .title_eng {
		top: 2rem;
			bottom: auto;
	}
}
#Section_TopAboutus .Section_Message .people_img {
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.Section_Message .heading_categoly h3 {
	color: #000;
}

/*---------- Section_TopBanner ----------*/
#Section_TopBanner {
	width: 100%;
	/* margin-top: clamp(30 * 0.8px, 30 / 1280 * 100vw, 30px); */
	padding: 50px 0;
	position: relative;
	background: #FFF;
}
@media only screen and (max-width: 559px) {
	#Section_TopBanner {
		padding: 40px 0;
		position: relative;
		color: #FFF;
	}
}
#Section_TopBanner .SiteContent__sectionInner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	row-gap: clamp(40 * 0.6px, 40 / 1280 * 100vw, 40px);
	column-gap: clamp(30 * 0.6px, 30 / 1280 * 100vw, 30px);
}
@media only screen and (max-width: 559px) {
	#Section_TopBanner .SiteContent__sectionInner {
		gap: 15px;
	}
}

#Section_TopBanner .banner{
	width: calc((100% - clamp(40 * 0.6px, 40 / 1280 * 100vw, 40px)) /2);
}
@media only screen and (max-width: 559px) {
	#Section_TopBanner .banner {
		width: 100%;
	}
}
#Section_TopBanner .banner a{
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

#Section_TopBanner a:hover{
	opacity: 0.7;
}

/*---------- Section_BottomAboutus ----------*/
/* #Section_BottomAboutus {
	width: auto;
	margin-top: 0;
	background:#FFF;
	padding-top: 8rem;
}

#Section_BottomAboutus .heading_categoly {
	text-align: center;
}

#Section_BottomAboutus .heading_categoly h2 {
	margin: 0;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.2;
}
#Section_BottomAboutus .inner {
	padding: 5rem 0;
	background:#ebecf0;
	margin: 0;
}
#Section_BottomAboutus .item_list {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
@media only screen and (max-width: 559px) {
	#Section_BottomAboutus .item_list {
			display: block;
		}
}
#Section_BottomAboutus .item_list ul{
	width:48%;
	border-top: 1px solid #FFF;
}
@media only screen and (max-width: 559px) {
	#Section_BottomAboutus .item_list ul:nth-of-type(2) {
		border-top: none;
	}
}
@media only screen and (max-width: 559px) {
	#Section_BottomAboutus .item_list ul {
		width: 100%;
	}
}
#Section_BottomAboutus .item_list li {
	width: 100%;
	border-bottom: 1px solid #FFF;
	font-size: 1.8rem;
	line-height: 1.5;
	padding: 0.5em 1em;
	color: #666666;
}
@media only screen and (max-width: 559px) {
	#Section_BottomAboutus .item_list li {
			font-size: 3.5vw;
			color: #666666;
		}
}
#Section_BottomAboutus .item_list li a{
	color: #666666;
	text-decoration: none;
}
#Section_BottomAboutus .item_list li a:hover {
	color: #00a8a9;
} */