@charset "utf-8";

/* ------------------------------------------------------------ #fv ------------------------------------------------------------ */
#fv{ padding: 80px 0; background: url(../images/common/bg_pages.png) center bottom/cover no-repeat; }
#fv h2{ color: #fff; font-size: 22px; }
#fv h2 span{ display: block; padding: 0 0 10px; font-size: 75px; font-family: josefin-sans, sans-serif; font-weight: 400; font-style: normal; }


/* ------------------------------------------------------------ #talent ------------------------------------------------------------ */
#talent{ padding: 0 0 40px; }

#talent #pager{ display: flex; justify-content: center; align-items: center; gap: .5em; padding: 40px 0 0; }
#talent #pager .page{ overflow: hidden; display: block; width: 2.4em; height: 2.4em; line-height: 2.4; font-size: 90%; text-align: center; border-radius: .6em; border: 1px solid #000;}
#talent #pager .page.active{ color: #fff; background: linear-gradient(115deg, #64ACEB, #F1BBE0); border: 0px; }


/* ------------------------------------------------------------ #talent-profile ------------------------------------------------------------ */
#talent-profile{padding:90px 0;}
.profile-flex{ display: flex; align-items: flex-start; gap: 6%; }
.profile-pic{ flex: 0 0 44%; }
.profile-kv{ position: relative; }
.profile-kv img{ width: 100%; height: auto; }
.profile-kv:before{ z-index: -1; content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #64ACEA, #DCB9E2); position: absolute; top: 9px; right: -9px; }
.thumb-list{ display: flex; align-items: center; gap: 10px; margin: 30px 0 0; }
.thumb-list li img{ box-shadow: 0 2px 8px rgba(0,0,0,.12); }
.profile-head{ margin: 0 0 22px; }
.profile-name{ margin: 0 0 6px; font-size: 53px; letter-spacing: .05em; }
.profile-name-en{ margin: 0 0 15px; font-size: 29px; letter-spacing: .05em; font-family: 'Noto-Sans-JP-Regular'; }
.profile-sns{ display: flex; gap: 20px; align-items: center; margin: 25px 0 0; }
.profile-sns li { width: 25px;}
.profile-sns img { width: 100%; height: auto;}
.profile-stats{ margin: 75px 0 0; }
.profile-works{ margin: 40px 0 0; }
.profile-stats li{ margin: 0 0 20px; line-height: 1.5; }
.profile-works p{ line-height: 280%; }
.profile-cta{ margin: 40px 0 0; text-align: center; }
.job-btn{ display: inline-block; padding: 19px 36px; border-radius: 100px; background: linear-gradient(to left,#F1BBE0,#64ACEB); background-clip: border-box; font-size: 30px; font-family: 'Noto-Sans-JP-Bold'; -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: 1px solid #000; box-shadow: 0 2px 8px rgba(0,0,0,.12); }



/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {


/* ------------------------------------------------------------ #fv ------------------------------------------------------------ */
	#fv{ padding: 35px 0 40px; background-image: url(../images/common/bg_pages-sp.png); }
	#fv h2{ font-size: 12px; }
	#fv h2 span{ font-size: 41px; }


/* ------------------------------------------------------------ #talent ------------------------------------------------------------ */
	#talent{ padding: 10px 0 40px; }
	
	#talent #pager{ padding: 20px 0 0; }
/* ------------------------------------------------------------ #talent-profile ------------------------------------------------------------ */
	#talent-profile{ padding: 40px 0 65px; }
	.profile-flex{ flex-direction: column; gap: 30px; }
	.profile-pic{ flex: initial; width: 85%; margin: 0 auto; }
	.profile-kv::before{ top: 7px; right: -7px; }
	.thumb-list{ margin: 20px 0 0; }
	.profile-head{ margin-bottom: 16px; text-align: center; }
	.profile-name{ font-size: 32px; letter-spacing: .03em; }
	.profile-name-en{ font-size: 17px; margin-bottom: 15px; }
	.profile-sns{ gap: 20px; margin-top: 17px; text-align: center; justify-content: center; }
	.profile-stats{ margin-top: 30px; }
	.profile-stats li { margin-bottom: 5px; font-size: 14px; line-height: 2; }
	.profile-works p{ font-size: 14px; line-height: 280%; }
	.profile-cta{ margin-top: 40px; }
	.job-btn{ width: 100%; padding: 23px 0; font-size: 22px; }



}