@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/



/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 961px){
	
	footer div.f_bottom div.illust::before{
		content: "";
		width: 126%;
		height: 30%;
		background: url("../images/about/f_text_pc.svg") no-repeat;
		background-size: contain;
		top: 38.7%;
		left: -137%;
		z-index: 3;
	}
	
	section#philosophy {
		padding-bottom: 7vw;
	}
	
	section#philosophy .section_inner {
		width: 43.8%;
		max-width: 622px;
		margin: 0 auto;
		position: relative;
	}
	
	section#philosophy .section_inner span.illust_l {
		width: 22%;
		max-width: 138px;
		display: inline-block;
		position: absolute;
		top: -0.56vw;
		left: -29.5%;
	}
	
	section#philosophy .section_inner span.illust_r {
		width: 36.6%;
		max-width: 228px;
		display: inline-block;
		position: absolute;
		top: 0;
		right: -41.8%;
	}
	
	section#philosophy .section_inner h3,
	section#greeting .section_inner div.block div.block_r h3{
		font-size: 2.2rem;
		font-size: clamp(calc((2.2rem * 0.64)), 1.54vw, 2.2rem);
		line-height: 1.4;
		font-weight: 700;
		margin-bottom: 1em;
	}
	
	section#philosophy .section_inner p,
	section#greeting .section_inner div.block div.block_r p{
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.64)), 0.98vw, 1.4rem);
		line-height: 1.85;
		font-weight: 400;
		letter-spacing: 0.08em;
		margin-bottom: 2em;
	}
	
	section#greeting {
		padding: 2.8vw 0 7vw;
		background: #d4ecf3;
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.64)), 0.98vw, 1.4rem);
		line-height: 1.85;
	}
	
	section#greeting .section_inner {
		width: 73%;
		max-width: 1038px;
		margin: 0 auto;
		position: relative;
	}
	
	section#greeting .section_inner div.illust_l{
		width: 12.8%;
		line-height: 0;
		position: absolute;
		bottom: calc(-7vw - 4em);
		left: 5.5%;
		z-index: 5;
	}
	
	section#greeting .section_inner div.illust_r{
		width: 6.5%;
		line-height: 0;
		position: absolute;
		bottom: calc(-7vw - 6.5em);
		right: -5.2%;
		z-index: 5;
	}
	
	section#greeting .section_inner div.block{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#greeting .section_inner div.block div.block_l{
		width: 19.8%;
		position: relative;
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.64)), 0.98vw, 1.4rem);
		line-height: 1.85;
		margin-top: 4.5em;
	}
	
	section#greeting .section_inner div.block div.block_l figure div.photo {
		line-height: 0;
		border-radius: 20px;
		overflow: hidden;
	}
	
	section#greeting .section_inner div.block div.block_l figure figcaption,
	section#doctor div.section_inner div.info figure figcaption{
		font-size: 2.2rem;
		font-size: clamp(calc((2.2rem * 0.64)), 1.54vw, 2.2rem);
		font-weight: 700;
		letter-spacing: 0.16em;
		text-align: center;
		margin-top: 0.75em;
	}
	
	section#greeting .section_inner div.block div.block_l figure figcaption span,
	section#doctor div.section_inner div.info figure figcaption span{
		font-size: 68%;
	}
	
	section#greeting .section_inner div.block div.block_l figure figcaption small,
	section#doctor div.section_inner div.info figure figcaption small{
		font-size: 45.4%;
		letter-spacing: 0.06em;
	}
	
	section#greeting .section_inner div.block div.block_r{
		width: 70.9%;
		padding-right: 4%;
		position: relative;
	}
	
	section#greeting .section_inner div.block div.block_r span.illust{
		width: 11.4%;
		display: inline-block;
		position: absolute;
		top: -4em;
		right: 16.5%;
	}
	
	section#greeting .section_inner div.block div.block_r p{
		letter-spacing: 0.07em;
		margin-bottom: 0;
	}
	
	section#greeting .section_inner div.block div.block_r p + p{
		margin-top: 1.25em;
	}
	
	section#doctor {
		margin-top: 5.6vw;
	}
	
	section#doctor div.section_inner{
		width: 60%;
		max-width: 844px;
		margin: 0 auto;
	}
	
	section#doctor div.section_inner div.info{
		width: 60%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-end;
	}
	
	section#doctor div.section_inner div.info figure {
		width: 44%;
	}
	
	section#doctor div.section_inner div.info figure div{
		line-height: 0;
	}
	
	section#doctor div.section_inner div.info div.like{
		width: 40.8%;
		font-size: 1.2rem;
		font-size: clamp(calc((1.2rem * 0.64)), 0.84vw, 1.2rem);
		padding-bottom: 3em;
	}
	
	section#doctor div.section_inner div.info div.like h6{
		width: 64%;
		margin: 0 auto;
		line-height: 0;
		margin-bottom: 1.5em;
	}
	
	section#doctor div.section_inner div.info div.like div.illsut{
		width: 64%;
		margin: 0 auto;
		line-height: 0;
		margin-bottom: 1em;
	}
	
	section#doctor div.section_inner div.info div.like ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		list-style: none;
		gap: 6.8%;
	}
	
	section#doctor div.section_inner div.info div.like ul li{
		display: inline-block;
	}
	
	section#doctor div.section_inner div.info div.like ul li:last-of-type{
		margin-top: 0.5em;
	}
	
	section#doctor div.section_inner div.block {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 2.5vw;
	}
	
	section#doctor div.section_inner div.block div.box{
		width: 44%;
	}
	
	section#doctor div.section_inner div.block div.box h3{
		width: 88%;
		font-size: 1.5rem;
		font-size: clamp(calc((1.5rem * 0.64)), 1.05vw, 1.5rem);
		font-weight: 400;
		padding-bottom: 1.1em;
		background: url("../images/about/head_line_pc.svg") no-repeat;
		background-size: 100%;
		background-position: left bottom;
		margin-bottom: 0.75em;
	}
	
	section#doctor div.section_inner div.block div.box h4{
		font-size: 1.5rem;
		font-size: clamp(calc((1.5rem * 0.64)), 1.05vw, 1.5rem);
		font-weight: 400;
		line-height: 1.66;
	}
	
	section#doctor div.section_inner div.block div.box ul{
		font-size: 1.5rem;
		font-size: clamp(calc((1.5rem * 0.64)), 1.05vw, 1.5rem);
		font-weight: 400;
		line-height: 1.66;
		list-style: none;
	}
	
	section#doctor div.section_inner div.block div.box ul + h4{
		margin-top: 1.5em;
	}
	
	section#cells {
		margin-top: 7vw;
	}
	
	section#cells div.section_inner{
		width: 60%;
		max-width: 844px;
		margin: 0 auto;
	}
	
	section#cells div.section_inner div.block{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
	}
	
	section#cells div.section_inner div.block span.illust{
		width: 34.6%;
		display: inline-block;
		line-height: 0;
		position: absolute;
		bottom: 4.8%;
		right: 2.1%;
	}
	
	section#cells div.section_inner div.block div.box{
		width: 45%;
	}
	
	section#cells div.section_inner div.block div.box:nth-child(n + 3){
		margin-top: 3.5vw;
	}
	
	section#cells div.section_inner div.block div.box div.illust{
		line-height: 0;
	}
	
	section#cells div.section_inner div.block div.box h3{
		font-size: 2.2rem;
		font-size: clamp(calc((2.2rem * 0.64)), 1.54vw, 2.2rem);
		font-weight: 700;
		padding-bottom: 0.4em;
		letter-spacing: 0.08em;
		background: url("../images/about/head_line02_pc.svg") no-repeat;
		background-size: 100%;
		background-position: left bottom;
		margin-bottom: 0.75em;
	}
	
	section#cells div.section_inner div.block div.box p{
		font-size: 1.5rem;
		font-size: clamp(calc((1.5rem * 0.64)), 1.05vw, 1.5rem);
		font-weight: 400;
		line-height: 1.66;
		letter-spacing: -0.01em;
	}
	
	footer div.f_block .f_block_inner div.l_block div.illust {
        width: 50%;
        line-height: 0;
        position: absolute;
        top: -5em;
        right: -16.4%;
        z-index: 5;
    }
	
}


@media screen and (min-width:961px) and (max-width: 1500px){
	
}
	

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 960px){
	
	footer div.f_bottom div.illust::before{
		content: "";
		width: 114%;
		height: 27.6%;
		background: url("../images/about/f_text_sp.svg") no-repeat;
		background-size: contain;
		top: 38.3%;
		left: -134%;
		z-index: 3;
	}
	
	section#philosophy {
		padding-bottom: 10vw;
	}
	
	section#philosophy .section_inner {
		width: 80%;
		margin: 0 auto;
		position: relative;
	}
	
	section#philosophy .section_inner h3,
	section#greeting .section_inner div.block div.block_r h3{
		font-size: calc(2.2rem * 0.72);
		font-size: clamp(calc((2.2rem * 0.72)), 4.4vw, calc(2.2rem * 1.92));
		font-weight: 700;
		line-height: 1.6;
		margin-bottom: 1em;
	}
	
	section#philosophy .section_inner p,
	section#greeting .section_inner div.block div.block_r p{
		font-size: calc(1.4rem * 0.72);
		font-size: clamp(calc((1.4rem * 0.72)), 2.8vw, calc(1.4rem * 1.92));
		line-height: 1.85;
		font-weight: 400;
		letter-spacing: 0.08em;
		margin-bottom: 2em;
	}
	
	section#greeting {
		padding: 14vw 0 20vw;
		background: #d4ecf3;
		font-size: calc(1.4rem * 0.72);
		font-size: clamp(calc((1.4rem * 0.72)), 2.8vw, calc(1.4rem * 1.92));
		line-height: 1.85;
	}
	
	section#greeting .section_inner {
		width: 80%;
		margin: 0 auto;
		position: relative;
	}
	
	section#greeting .section_inner div.illust_l{
		width: 12.8%;
		line-height: 0;
		position: absolute;
		bottom: calc(-7vw - 4em);
		left: 5.5%;
		z-index: 5;
	}
	
	section#greeting .section_inner div.illust_r{
		width: 6.5%;
		line-height: 0;
		position: absolute;
		bottom: calc(-7vw - 6.5em);
		right: -5.2%;
		z-index: 5;
	}
	
	section#greeting .section_inner div.block{
		display: block;
	}
	
	section#greeting .section_inner div.block div.block_l{
		width: 100%;
		position: relative;
		font-size: calc(1.4rem * 0.72);
		font-size: clamp(calc((1.4rem * 0.72)), 2.8vw, calc(1.4rem * 1.92));
		line-height: 1.85;
	}
	
	section#greeting .section_inner div.block div.block_l figure{
		width: 50%;
		margin: 0 auto;
	}
	
	section#greeting .section_inner div.block div.block_l figure div.photo {
		line-height: 0;
		border-radius: 4vw;
		overflow: hidden;
	}
	
	section#greeting .section_inner div.block div.block_l figure figcaption,
	section#doctor div.section_inner div.info figure figcaption{
		font-size: calc(2.2rem * 0.72);
		font-size: clamp(calc((2.2rem * 0.72)), 4.4vw, calc(2.2rem * 1.92));
		font-weight: 700;
		letter-spacing: 0.16em;
		text-align: center;
		margin-top: 0.5em;
	}
	
	section#greeting .section_inner div.block div.block_l figure figcaption span,
	section#doctor div.section_inner div.info figure figcaption span{
		font-size: 68%;
	}
	
	section#greeting .section_inner div.block div.block_l figure figcaption small,
	section#doctor div.section_inner div.info figure figcaption small{
		font-size: 45.4%;
		letter-spacing: 0.06em;
	}
	
	section#greeting .section_inner div.block div.block_l span.illust{
		width: 25%;
		display: inline-block;
		position: absolute;
		top: 45%;
		right: 4%;
	}
	
	section#greeting .section_inner div.block div.block_r{
		width: 100%;
		position: relative;
		margin-top: 12vw;
	}
	
	section#greeting .section_inner div.block div.block_r span.illust{
		width: 20%;
		display: inline-block;
		position: absolute;
		top:  calc(-12vw - 3em);
		left: 0;
	}
	
	section#greeting .section_inner div.block div.block_r p{
		letter-spacing: 0.07em;
		margin-bottom: 0;
	}
	
	section#greeting .section_inner div.block div.block_r p + p{
		margin-top: 1.25em;
	}
	
	section#doctor {
		margin-top: 12vw;
	}
	
	section#doctor div.section_inner{
		width: 80%;
		margin: 0 auto;
	}
	
	section#doctor div.section_inner div.info{
		display: block;
	}
	
	section#doctor div.section_inner div.info figure {
		width: 55%;
		margin: 0 auto;
	}
	
	section#doctor div.section_inner div.info figure div{
		line-height: 0;
	}
	
	section#doctor div.section_inner div.info div.like{
		width: 82.5%;
		margin: 3em auto;
		font-size: calc(1.2rem * 0.72);
		font-size: clamp(calc((1.2rem * 0.72)), 2.4vw, calc(1.2rem * 1.92));
	}
	
	section#doctor div.section_inner div.info div.like div.box{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#doctor div.section_inner div.info div.like h6{
		width: 29%;
		line-height: 0;
	}
	
	section#doctor div.section_inner div.info div.like span{
		width: 62%;
		display: inline-block;
	}
	
	section#doctor div.section_inner div.info div.like div.illsut{
		width: 90%;
		line-height: 0;
		margin-bottom: 1em;
	}
	
	section#doctor div.section_inner div.info div.like ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		list-style: none;
		gap: 6.8%;
	}
	
	section#doctor div.section_inner div.info div.like ul li{
		display: inline-block;
	}
	
	section#doctor div.section_inner div.info div.like ul li:last-of-type{
		margin-top: 0.5em;
	}
	
	section#doctor div.section_inner div.block {
		display: block;
	}
	
	section#doctor div.section_inner div.block div.box{
		width: 100%;
	}
	
	section#doctor div.section_inner div.block div.box + div.box{
		margin-top: 10vw;
	}
	
	section#doctor div.section_inner div.block div.box h3{
		font-size: calc(1.5rem * 0.72);
		font-size: clamp(calc((1.5rem * 0.72)), 3vw, calc(1.5rem * 1.92));
		font-weight: 400;
		padding-bottom: 1.1em;
		background: url("../images/about/head_line_sp.svg") no-repeat;
		background-size: 100%;
		background-position: left bottom;
		margin-bottom: 0.75em;
	}
	
	section#doctor div.section_inner div.block div.box h4{
		font-size: calc(1.5rem * 0.72);
		font-size: clamp(calc((1.5rem * 0.72)), 3vw, calc(1.5rem * 1.92));
		font-weight: 400;
		line-height: 1.66;
	}
	
	section#doctor div.section_inner div.block div.box ul{
		font-size: calc(1.5rem * 0.72);
		font-size: clamp(calc((1.5rem * 0.72)), 3vw, calc(1.5rem * 1.92));
		font-weight: 400;
		line-height: 1.66;
		list-style: none;
	}
	
	section#doctor div.section_inner div.block div.box ul + h4{
		margin-top: 1.5em;
	}
	
	section#cells {
		margin-top: 20vw;
	}
	
	section#cells div.section_inner{
		width: 80%;
		margin: 0 auto;
	}
	
	section#cells div.section_inner div.block{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
	}
	
	section#cells div.section_inner div.block span.illust{
		width: 75%;
		display: block;
		line-height: 0;
		margin: 15vw auto 0;
	}
	
	section#cells div.section_inner div.block div.box{
		width: 100%;
		margin-top: 10vw;
	}
	
	section#cells div.section_inner div.block div.box + div.box{
		margin-top: 17vw;
	}
	
	section#cells div.section_inner div.block div.box div.illust{
		line-height: 0;
	}
	
	section#cells div.section_inner div.block div.box h3{
		font-size: calc(2.2rem * 0.72);
		font-size: clamp(calc((2.2rem * 0.72)), 4.4vw, calc(2.2rem * 1.92));
		font-weight: 700;
		padding-bottom: 0.4em;
		letter-spacing: 0.08em;
		background: url("../images/about/head_line_sp.svg") no-repeat;
		background-size: 100%;
		background-position: left bottom;
		margin-bottom: 0.75em;
	}
	
	section#cells div.section_inner div.block div.box p{
		font-size: calc(1.5rem * 0.72);
		font-size: clamp(calc((1.5rem * 0.72)), 3vw, calc(1.5rem * 1.92));
		font-weight: 400;
		line-height: 1.66;
		letter-spacing: 0.06em;
	}
	
	footer div.f_block .f_block_inner div.l_block div.illust {
        width: 40%;
        line-height: 0;
        position: absolute;
        top: -4.5em;
        right: 6.8%;
        z-index: 5;
    }
}