@charset "UTF-8";

/* lead
---------------------------------------------------------*/
.l-fv__img {
    background-image: url(../images/staff/fv.jpg);
}

/* PC 調整 (Portrait)
------------------------------------------*/
@media only screen and (min-width: 1550px) { 
.l-fv__img {
	background-position: top center;
	height: 480px;
}
}

/* PC 調整 (Portrait)
------------------------------------------*/
@media only screen and (min-width: 1950px) { 
.l-fv__img {
	background-position: top center;
	height: 600px;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
}



/* message
---------------------------------------------------------*/
.message .message-wrapper{
	position: relative;
}
.message .bg_message-grn{
	position: absolute;
	top: -6vw;
	left: 0;
	z-index: -1;
}
.message .doctor-box{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15%;
	width: 80%;
}
.message .doctor-box .doctor-box__img{
	width: min(47%, 560px);
}
.message .doctor-box__txt {
	color: #fff;
}
.message .doctor-box__txt h2{
	font-size: min(6.0rem, 5.8vw);
	letter-spacing: .1em;
	margin-bottom: .2em;
}
.message .doctor-box__txt p{
	font-size: var(--fs-20);
	font-weight: bold;
	margin-bottom: var(--gap-90);
}
.message .doctor-box__txt dl{
	display: flex;
	align-items: center;
	letter-spacing: .1em;
}
.message .doctor-box__txt dl dt{
	margin-right: 1em;
	font-size: var(--fs-25);
}
.message .doctor-box__txt dl dd{
	font-size: var(--fs-40);
}

/* solve1 */
.solve1 {
	position: relative;
	margin-bottom: min(140px, 12vw);
	max-width: 1536px;
	margin-inline: auto;
}
.solve1-txt {
	display: flex;
	justify-content: center;
	gap: var(--gap-120);
}
.solve1-txt h3{
	font-size: var(--fs-45);
}
.solve1-txt > div{
	width: min(48%, 615px);
}
.solve1-txt > div p{
	margin-bottom: 1em;
}
.solve1-txt > div p:last-of-type{
	margin-bottom: 0;
}
.solve1-abs{
	position: absolute;
	width: min(44%, 680px);
	top: 70%;
}

/* solve2 */
.solve2 {
	max-width: 1536px;
	margin-inline: auto;
	background-image: url(../images/staff/bg_message.png);
	background-repeat: no-repeat;
	background-size: min(700px, 60vw);
	background-position: 100% 0;
}
.solve2 .w1280{
	position: relative;
}
.solve2-abs-txt{
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 1.6em;
}
.solve2-abs-txt h3{
	font-size: min(5.5rem, 4.3vw);
}
.solve2-abs-txt h3 .skin{
	color: #5dc7ea;
	margin-right: -0.4em;
}
.solve2-abs-txt h3 .x{
	position: relative;
	padding: 0 1em;
}
.solve2-abs-txt h3 .x::before,
.solve2-abs-txt h3 .x::after{
	content: "";
	position: absolute;
	background: #cfcfcf;
	width: 1.8em;
	height: 1px;
	left: 50%;
	transform: translate(-50%, -50%);
}
.solve2-abs-txt h3 .x::before{
	bottom: 0;
	rotate: 45deg;
}
.solve2-abs-txt h3 .x::after{
	top: 10%;
	rotate: -45deg;
}
.solve2-abs-txt h3 .surgery{
	color: #5bc4bf;
	letter-spacing: .1em;
	margin-left: .2em;
}
.solve2-abs-txt p{
	font-size: var(--fs-35);
}
.solve2-txt {
	width: min(65% ,820px);
	padding-top: min(220px, 16vw);
}
.solve2-txt p{
	margin-bottom: 1em;
}
.solve2-txt p:last-of-type{
	margin-bottom: 0;
}

/* plus */
.plus {
	position: relative;
	max-width: 1536px;
	margin-inline: auto;
	margin-bottom: var(--gap-80);
}
.plus .w1280{
	border-bottom: 1px solid #e4e1df;
}
.plus h3{
	font-size: var(--fs-23);
	color: #3cb9b3;
	margin-bottom: .8em;
}
.plus .plus-abs1{
	position: absolute;
	width: min(16%, 240px);
	top: -1%;
	left: 0;
}
.plus .plus-abs2{
	position: absolute;
	width: min(16%, 240px);
	top: -22%;
	right: 0;
}

/* bio */
.bio-box{
	display: flex;
	justify-content: space-between;
}
.bio dl{
	display: flex;
	gap: 1em;
}
.bio dl dt{
	width: 9em;
}
.bio h3{
	font-weight: bold;
	color: var(--color-corporate);
	margin-bottom: .6em;
}
.bio ul li{
	position: relative;
	padding-left: 1.2em;
}
.bio ul li::before {
    position: absolute;
    display: block;
    content: "";
    background: var(--color-corporate);
    background-size: 100% auto;
    width: .7em;
    aspect-ratio: 1 / 1;
    top: .7em;
    left: 0;
    border-radius: 50%;
}

/* PC調整 (Portrait)
------------------------------------------*/
@media only screen and (min-width: 1750px) {
.message .bg_message-grn{
	top: -10vw;
}
}

/* PC調整 (Portrait)
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1400px) { 
.message .bg_message-grn{
	top: -16vw;
	width: 120%;
}
.solve1-txt{
	gap: var(--gap-80);
}
.solve1-txt h3 {
	font-size: var(--fs-40);
}
.plus .w1280 > div{
	max-width: 70%;
	margin-inline: auto;
}
}

/* PC調整 (Portrait)
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1250px) { 
.plus .tb_only {
	display: block!important;
}
}

/* PC調整 (Portrait)
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1060px) { 
.message{
	margin-bottom: var(--gap-120);
}
.plus {
	margin-bottom: var(--gap-30);
}
.plus .w1280 {
	padding-bottom: var(--gap-120);
}
/* bio */
.bio-box{
	display: block;
}
.bio-box > div:first-of-type{
	margin-bottom: var(--gap-30);
	padding-bottom: var(--gap-30);
	border-bottom: 1px solid #e4e1df;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.message{
	margin-bottom: var(--gap-120);
}
.message .bg_message-grn{
	top: -30vw;
	width: 150%;
}
.message .doctor-box{
	gap: 10%;
}
.message .doctor-box__txt h2{
	font-size: calc(60 * 0.095vw);
}
.message .doctor-box__txt dl dt{
	margin-right: .8em;
}

/* solve1 */
.solve1-txt {
	display: block;
}
.solve1-txt h3{
	width: 100%;
	margin-bottom: .5em;
}
.solve1-txt > div{
	width: 100%;
}
.solve1-abs{
	top: 108%;
}

/* solve2 */
.solve2 {
	background-size: 350px;
	background-position: 100% 0;
}
.solve2-txt {
	width: 100%;
	padding-top: 28vw;
}

/* plus */
.plus {
	margin-bottom: var(--gap-30);
}
.plus .w1280 {
	padding-bottom: var(--gap-120);
}
.plus .plus-abs1{
	width: 18%;
	top: 1%;
}
.plus .plus-abs2{
	width: 18%;
	top: -14%;
}

/* bio */
.bio-box{
	display: block;
}
.bio-box > div:first-of-type{
	margin-bottom: var(--gap-30);
	padding-bottom: var(--gap-30);
	border-bottom: 1px solid #e4e1df;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.message{
	margin-bottom: var(--gap-120);
}
.message .bg_message-grn{
	top: -50vw;
	left: 0;
	width: 300%;
}
.message .doctor-box{
	display: block;
    width: var(--content-width);
    margin-inline: auto;
}
.message .doctor-box .doctor-box__img{
	width: min(70%, 560px);
	margin-inline: auto;
}
.message .doctor-box__txt {
	width: min(70%, 560px);
	margin-inline: auto;
	margin-top: 1em;
}
.message .doctor-box__txt h2{
	font-size: calc(60 * 0.045rem + 0.94rem);
	margin-top: .6em;
}
.message .doctor-box__txt p{
	margin-bottom: var(--gap-30);
}
.message .doctor-box__txt dl dt{
	margin-right: .7em;
}

/* solve1 */
.solve1 {
	margin-bottom: min(140px, 12vw);
}
.solve1-txt {
	display: block;
}
.solve1-txt h3{
	margin-bottom: .5em;
}
.solve1-txt > div{
	width: 100%;
}
.solve1-txt > div p{
	margin-bottom: .7em;
}
.solve1-abs{
	width: min(70%, 680px);
	top: 103%;
}

/* solve2 */
.solve2 {
	margin-top: 38vw;
	background-size: 70vw;
}
.solve2-abs-txt{
	top: 55vw;
	margin-right: 1.4em;
}
.solve2-abs-txt h3{
	font-size: var(--fs-50);
}
.solve2-txt {
	width: 100%;
	padding-top: 84vw;
}
.solve2-txt p{
	margin-bottom: .7em;
}

/* plus */
.plus {
	margin-bottom: var(--gap-30);
}
.plus .w1280 {
	padding-bottom: var(--gap-120);
}
.plus .sp-flex{
	display: flex;
	justify-content: center;
	gap: 1.6%;
	margin-bottom: 1.6em;
}
.plus .plus-abs1{
	position: static;
	width: min(49%, 240px);
}
.plus .plus-abs2{
	position: static;
	width: min(49%, 240px);
}

/* bio */
.bio-box{
	display: block;
}
.bio-box > div:first-of-type{
	margin-bottom: var(--gap-30);
	padding-bottom: var(--gap-30);
	border-bottom: 1px solid #e4e1df;
}
.bio dl{
	margin-bottom: .4em;
}
.bio dl dt{
	width: 9em;
}
.bio dl dd{
	width: 20em;
	line-height: 1.5;
}

.bio ul li{
	padding-left: 1.2em;
	margin-bottom: .4em;
}
.bio ul li::before {
    top: .5em;
}
}



/* team
---------------------------------------------------------*/
.team {
	position: relative;
}
.team h2{
	position: absolute;
	font-size: min(6.0rem, 5.8vw);
	top: -5%;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	background: linear-gradient(to top, #65d4c9, #84dca0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.team h3{
	font-size: var(--fs-35);
	margin-bottom: .6em;
}
.team .swiper-slide {
	width: min(35vw,480px);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.team h2{
	font-size: calc(60 * 0.095vw);
	top: -4%;
}
.team h3{
	margin-bottom: .6em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
.team h2{
	width: 110%;
	font-size: calc(60 * 0.045rem + 0.94rem);
	top: -3%;
}
.team .swiper-slide {
	width: 65vw;
}
}




/* 
---------------------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
}