@charset "UTF-8";

/* biography ページスタイルシート */


/*** PC ***/
/* #biography-page-content {padding: 0 40px;} */
/* 画像/氏名 */
.bio-hero-section {margin: 0 40px;}
.bio-hero-inner {
   border-bottom:1px solid #757575;
}
.bio-hero-border-box {
   width: fit-content;
   margin: 0 auto;
   padding: 18px 33px;
   border-left:1px solid #757575;
   border-right:1px solid #757575;
   text-align: center;
}
.bio-hero-section img{
   max-width: 555px;
   height: auto;
}
.bio-hero-section .name-eng {
   text-align: right;
   color: #757575;
   font-family: "Hiragino Mincho Pro";
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: 58px; /* 290% */
   letter-spacing: 2px;
   margin:0;
   margin-right:-2px;
}
.bio-hero-section .name-ja {
   text-align: right;
   color: #757575;
   font-family: "Hiragino Mincho Pro";
   font-size: 45px;
   font-style: normal;
   font-weight: 600;
   line-height: 58px; /* 128.889% */
   letter-spacing: 18px;
   margin:0;
   margin-right: -18px;
}

/* テキスト */
.bio-text-section ul {margin:0; padding:0;}
.bio-text-section ul li {
   display: flex;
}
.bio-text-section ul li:nth-child(2) {border-top:1px solid #757575;}

.bio-text-section ul li .bio-text-content-box {padding:48px 0 62px;}
.bio-text-section ul li:first-child .bio-text-content-box {border-right:1px solid #757575;}
.bio-text-section ul li:nth-child(2) .bio-text-content-box {border-left:1px solid #757575;}
.bio-text-section ul li .bio-text-content-box p {
   /* font-family: Inter; */
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: 50px; /* 250% */
   letter-spacing: 6px;
   margin:0;
}
.bio-text-section ul li:first-child .bio-text-content-box p {
   padding: 0 72px 0 32px;
}
.bio-text-section ul li:nth-child(2) .bio-text-content-box p {
   padding: 0 0 0 40px;
}
.bio-text-section ul li .bio-text-title-box  {
   min-width:100px;
   writing-mode: vertical-rl;
   display: flex;
   align-items: flex-end;
   padding-top:48px;
}
.bio-text-section ul li:first-child .bio-text-title-box  {
   padding-left: 40px;
}
.bio-text-section ul li:nth-child(2) .bio-text-title-box  {
   padding-left: 40px;
   padding-right: 40px;
   padding-bottom:35px;
}
.bio-text-section ul li .bio-text-title-box .bio-text-title {
   color: #2F2F2F;
   font-family: Times;
   font-size: 60px;
   font-style: normal;
   font-weight: 700;
   letter-spacing: 3px;
   line-height: 100%; /* 180% */
   margin-bottom:30px;
}
.bio-text-section ul li .bio-text-title-box .bio-text-subtitle {
   color: #2F2F2F;
   font-family: Times;
   font-size: 25px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%; /* 180% */
   letter-spacing: 3.75px;
   white-space: nowrap;
}
.bio-text-section ul li:nth-child(2) .bio-text-title-box .bio-text-subtitle {
   line-height: 45px; /* 180% */
   letter-spacing: normal;
}

/* フッター */
footer{margin-top:0;}
/* end.PC */


/* SP */

@media (max-width:599px){ 

   .bio-hero-section {margin: 0;}
   .bio-hero-border-box {padding: 20px; margin: 0 24px 0;}
   /* 画像 */
   .bio-hero-section img {width: 100%;}
   /* 氏名 */
   .bio-hero-section .name-eng{font-size: 15px;}
   .bio-hero-section .name-ja {font-size: 35px;}
   /* テキスト */
   .bio-text-section ul li .bio-text-title-box .bio-text-title {font-size: 40px;}
   .bio-text-section ul li .bio-text-title-box .bio-text-subtitle {font-size: 20px;}
   .bio-text-section ul li:first-child .bio-text-title-box {padding: 18px 12px; min-width: unset;}
   .bio-text-section ul li:nth-child(2) .bio-text-title-box {padding: 18px 12px; min-width: unset;}
   .bio-text-section ul li .bio-text-content-box {padding: 15px 0;} 
   .bio-text-section ul li .bio-text-content-box p {font-size: 15px; letter-spacing: 3px;}
   .bio-text-section ul li:first-child .bio-text-content-box p{padding: 0 18px 0 30px;}
   .bio-text-section ul li:nth-child(2) .bio-text-content-box p {padding: 0 14px 0 18px;}
   
}
/* end.SP */