@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

 #subLinks{
@media print , screen and ( width > 780px ){
display : grid;
grid-template-columns : auto auto;
align-items : center;
justify-content : space-between;
padding-block : calc( ( 34.5 - 14.5 ) var( --remBase ) );
> a{
font-size : 1.3rem;
line-height : calc( 42 / 13 );
}
ul{
column-gap : calc( 20 var( --remBase ) );
}
}
} .splide01{
.splide__slide a{
display : block;
}
picture{
overflow : hidden;
img{
width : 100%;
height : 100%;
object-fit : cover;
object-position : center;
}
}
.splide__slide ul{
font-size : 0;
color : var( --color03 );
li{
display : inline;
font-weight : 700;
}
}
.splide__slide li:not( :last-child )::after{
display : inline-block;
content : "|";
}
.splide__slide :where( h3 , p ){
font-weight : 700;
}
@media screen and ( width <= 780px ){
picture{
height : calc( 104 var( --remBase ) );
border-radius : calc( 7 var( --remBase ) );
}
.splide__slide{
ul{
margin-top : calc( ( 12 - 2.67685 ) var( --remBase ) );
}
li{
font-size : 1.2rem;
line-height : calc( 17.3537 / 12 );
}
li:not( :last-child )::after{
margin-inline : calc( 8 var( --remBase ) );
font-size : 1.2rem;
line-height : calc( 17.3537 / 12 );
}
}
.splide__slide :where( h3 , p ){
margin-top : calc( ( 10 - 2.67685 - 3.52.5 ) var( --remBase ) );
font-size : 1.3rem;
line-height : calc( 18 / 13 );
}
}
@media print , screen and ( width > 780px ){
.splide__track{
width : calc( 1140 var( --percentBase ) );
margin-inline : auto;
}
.splide__arrows{
.splide__arrow{
position : absolute;
z-index : 5;
display : grid;
align-items : center;
width : auto;
cursor : pointer;
}
position : relative;
}
.splide__arrow{
top : calc( 54 var( --remBase ) );
justify-content : center;
height : calc( 50 var( --remBase ) );
aspect-ratio : 1;
background-color : var( --color06 );
border-radius : 50%;
mix-blend-mode : multiply;
img{
height : calc( 22 var( --remBase ) );
filter : var( --filterWhite );
}
}
.splide__arrow--prev{
left : 0;
}
.splide__arrow--next{
right : 0;
}
picture{
height : calc( 156 var( --remBase ) );
border-radius : calc( 10.5 var( --remBase ) );
}
.splide__slide{
ul{
margin-top : calc( ( 13 - 6.805 ) var( --remBase ) );
}
li{
font-size : 1.3rem;
line-height : calc( 26.61 / 13 );
}
li:not( :last-child )::after{
margin-inline : calc( 12 var( --remBase ) );
font-size : 1.3rem;
line-height : calc( 26.61 / 13 );
}
}
.splide__slide :where( h3 , p ){
margin-top : calc( ( 20 - 6.085 - 3.5 ) var( --remBase ) );
font-size : 1.4rem;
line-height : 1.5;
}
}
} #footer{
display : grid;
place-items : center;
background-image : var( --gradation01 );
p{
font-family : Arial , "Helvetica Neue" , Helvetica , sans-serif;
font-size : 1.3rem;
line-height : calc( 24.5 / 13 );
}
@media screen and ( width <= 780px ){
padding-block : calc( ( 21 - 5.75 ) var( --remBase ) );
}
@media print , screen and ( width > 780px ){
padding-block : calc( ( 33.5 - 5.75 ) var( --remBase ) );
}
}
 .title01{
font-weight : 700;
color : var( --color02 );
text-align : center;
@media screen and ( width <= 780px ){
font-size : 2.2rem;
line-height : calc( 42 / 22 );
}
@media print , screen and ( width > 780px ){
font-size : 3.2rem;
line-height : calc( 42 / 32 );
}
} .more01{
position : relative;
display : grid;
grid-template-columns : auto auto;
align-items : center;
justify-content : end;
width : fit-content;
height : auto;
margin-left : auto;
font-weight : 800;
color : var( --color03 );
opacity : 1;
&::after{
display : block;
width : auto;
aspect-ratio : 19.6255/10.9316;
font-size : 0;
content : "";
background-image : url(//umekitaclinic.org/wp-content/themes/umekita-clinic/assets/images/recruit/ui/arrow/down01.svg);
filter : var( --filterColor03 );
background-repeat : no-repeat;
background-position : left center;
background-size : contain;
}
&[aria-expanded="true"]{
&::after{
rotate : -180deg;
}
}
@media screen and ( width <= 780px ){
column-gap : calc( 4 var( --remBase ) );
font-size : 1.3rem;
&::after{
height : calc( 9.502 var( --remBase ) );
}
}
@media print , screen and ( width > 780px ){
column-gap : calc( 6 var( --remBase ) );
font-size : 1.6rem;
&::after{
height : calc( 10.9316 var( --remBase ) );
}
}
}
@media ( hover : hover ){
.more01:hover{
color : var( --color04 );
&::after{
filter : var( --filterColor04 );
}
}
}
@media ( prefers-reduced-motion : no-preference ){
.more01{
transition : color var( --transitionBase ) , opacity var( --transitionBase );
&::after{
transition : filter var( --transitionBase ) , rotate var( --transitionBase );
}
}
}
.moreContentsWrapper{
display : grid;
grid-template-columns : 1fr;
overflow : hidden;
&[hidden]{
display : grid;
}
&[aria-hidden="true"]{
grid-template-rows : 0fr;
}
&[aria-hidden="false"]{
grid-template-rows : 1fr;
}
> div{
overflow : hidden;
}
}
@media ( prefers-reduced-motion : no-preference ){
.moreContentsWrapper{
transition : grid-template-rows var( --transitionBase );
}
}
.more01-sp{
@media screen and ( width <= 780px ){
position : relative;
display : grid;
grid-template-columns : auto auto;
column-gap : calc( 4 var( --remBase ) );
align-items : center;
justify-content : end;
width : fit-content;
height : auto;
margin-left : auto;
font-size : 1.3rem;
font-weight : 800;
color : var( --color03 );
opacity : 1;
&::after{
display : block;
width : auto;
height : calc( 9.502 var( --remBase ) );
aspect-ratio : 19.6255/10.9316;
font-size : 0;
content : "";
background-image : url(//umekitaclinic.org/wp-content/themes/umekita-clinic/assets/images/recruit/ui/arrow/down01.svg);
filter : var( --filterColor03 );
background-repeat : no-repeat;
background-position : left center;
background-size : contain;
}
&[aria-expanded="true"]{
&::after{
rotate : -180deg;
}
}
}
@media print , screen and ( width > 780px ){
display : none;
}
}
.moreContentsWrapper-sp{
@media screen and ( width <= 780px ){
display : grid;
grid-template-columns : 1fr;
overflow : hidden;
&[hidden]{
display : grid;
}
&[aria-hidden="true"]{
grid-template-rows : 0fr;
}
&[aria-hidden="false"]{
grid-template-rows : 1fr;
}
> div{
overflow : hidden;
}
}
}
@media ( prefers-reduced-motion : no-preference ){
.moreContentsWrapper-sp{
@media screen and ( width <= 780px ){
transition : grid-template-rows var( --transitionBase );
&::after{
transition : filter var( --transitionBase ) , rotate var( --transitionBase );
}
}
}
}
.link01{
position : relative;
z-index : 1;
display : grid;
place-items : center;
margin-inline : auto;
font-weight : 700;
color : white;
border-radius : 100vmax;
&::before , &::after{
position : absolute;
z-index : -1;
font-size : 0;
content : "";
border-radius : 100vmax;
}
&::before{
inset : 0;
background-image : var( --gradation01 );
opacity : 1;
}
&::after{
inset : 1px;
background-color : white;
opacity : 0;
}
@media screen and ( width <= 780px ){
width : calc( 220 var( --percentBase ) );
height : calc( 38 var( --remBase ) );
font-size : 1.4rem;
line-height : calc( 19.6 / 14 );
}
@media print , screen and ( width > 780px ){
width : calc( 220 var( --percentBase ) );
height : calc( 45 var( --remBase ) );
font-size : 1.6rem;
line-height : calc( 24.5 / 16 );
}
}
@media ( hover : hover ){
.link01:hover{
@media print , screen and ( width > 780px ){
color : var( --color03 );
&::after{
opacity : 1;
}
}
}
}
@media ( prefers-reduced-motion : no-preference ){
.link01{
@media print , screen and ( width > 780px ){
transition : color var( --transitionBase );
&::after{
transition : opacity var( --transitionBase );
}
}
}
}
 #breadcrumb + #titles01{
@media screen and ( width <= 780px ){
margin-top : calc( ( 30 - 5 - 11.05 ) var( --remBase ) );
}
@media print , screen and ( width > 780px ){
margin-top : calc( ( 30 - 5 - 11.05 ) var( --remBase ) );
}
}
#titles01{
ul{
font-size : 0;
}
li{
display : inline;
font-weight : 700;
color : var( --color03 );
a{
color : var( --color03 );
}
&:not( :last-child )::after{
display : inline-block;
content : "|";
}
}
dl{
display : grid;
grid-auto-flow : column;
align-items : center;
justify-content : end;
color : var( --color06 );
&::before{
display : block;
width : auto;
aspect-ratio : 1;
font-size : 0;
content : "";
background-image : url(//umekitaclinic.org/wp-content/themes/umekita-clinic/assets/images/recruit/ui/icon/time01.svg);
background-repeat : no-repeat;
background-position : left center;
background-size : contain;
}
}
dd{
padding-left : 1em;
}
h1{
font-weight : 700;
}
@media screen and ( width <= 780px ){
dl{
&::before{
height : calc( 13 var( --remBase ) );
margin-right : calc( 4 var( --remBase ) );
}
}
dt , dd{
font-size : 1rem;
line-height : calc( 27.28 / 10 );
}
ul{
margin-top : calc( ( 22 - 8.14 - 6.075 ) var( --remBase ) );
}
li{
font-size : 1.2rem;
line-height : calc( 24.15 / 12 );
&:not( :last-child )::after{
margin-inline : calc( 20 var( --remBase ) );
font-size : 1.2rem;
line-height : calc( 24.15 / 12 );
}
}
h1{
margin-top : calc( ( 20 - 6.075 - 5.5 ) var( --remBase ) );
font-size : 2.2rem;
line-height : 1.5;
}
picture{
margin-top : calc( ( 20 - 5.5 ) var( --remBase ) );
}
}
@media print , screen and ( width > 780px ){
display : grid;
grid-template-rows : auto calc( ( 30 - 7.49 - 6 ) var( --remBase ) ) auto calc( ( 25 - 6 ) var( --remBase ) ) auto;
grid-template-columns : auto 1fr auto;
align-items : start;
justify-content : space-between;
ul{
grid-row : 1;
grid-column : 1;
padding-top : calc( ( 7.49 ) var( --remBase ) );
}
li{
font-size : 1.5rem;
line-height : calc( 26.61 / 15 );
&:not( :last-child )::after{
margin-inline : calc( 20 var( --remBase ) );
font-size : 1.5rem;
line-height : calc( 26.61 / 15 );
}
}
dl{
grid-row : 1;
grid-column : 3;
&::before{
height : calc( 17 var( --remBase ) );
margin-right : calc( 10 var( --remBase ) );
}
}
dt , dd{
font-size : 1.2rem;
line-height : calc( 34.1 / 12 );
}
h1{
grid-row : 3;
grid-column : 1/-1;
font-size : 3.2rem;
line-height : calc( 44 / 32 );
}
picture{
grid-row : 5;
grid-column : 1/-1;
}
}
}
#jobCategory01{
font-weight : 700;
li{
display : grid;
grid-template-columns : auto auto;
align-items : start;
justify-content : start;
&::before{
content : "・";
}
}
@media screen and ( width <= 780px ){
margin-top : calc( ( 22 - 4 ) var( --remBase ) );
li{
font-size : 1.6rem;
line-height : 1.5;
}
}
}
#jobColumns{
@media print , screen and ( width > 780px ){
display : grid;
grid-template-rows : auto calc( ( 44 - 4 ) var( --remBase ) ) auto calc( ( 44 - 3.5 ) var( --remBase ) ) auto 1fr auto;
grid-template-columns : calc( 780 var( --percentBase ) ) calc( 324 var( --percentBase ) );
align-items : start;
justify-content : space-between;
margin-top : calc( 50 var( --remBase ) );
}
}
#jobContent{
@media screen and ( width <= 780px ){
padding-top : calc( 35 var( --remBase ) );
margin-top : calc( ( 20 - 4 ) var( --remBase ) );
border-top : solid 1px #e4e4e4;
}
@media print , screen and ( width > 780px ){
grid-row : 1/7;
grid-column : 1;
align-self : start;
}
}
#jobCeo{
h2{
font-weight : 700;
}
.box{
display : grid;
}
p{
font-size : 1.4rem;
line-height : calc( 24 / 14 );
}
.box > p{
letter-spacing : .03em;
}
@media screen and ( width <= 780px ){
.box{
grid-template-columns : calc( 90 var( --percentBase ) ) 1fr;
row-gap : calc( ( 20 - 5 ) var( --remBase ) );
column-gap : calc( 30 var( --percentBase ) );
align-items : center;
}
picture{
grid-row : 1;
grid-column : 1;
}
h2{
grid-row : 1;
grid-column : 2;
font-size : 1.8rem;
line-height : calc( 28 / 18 );
}
.box > p{
grid-row : 2;
grid-column : 1/-1;
}
&:has( #jobCeoContent[aria-hidden="true"] ){
.box > p{
height : 4lh;
overflow-y : hidden;
}
> p{
height : 0;
overflow : hidden;
}
}
.more01{
margin-top : calc( ( 20 - 5 ) var( --remBase ) );
}
}
@media print , screen and ( width > 780px ){
.box{
grid-template-rows : auto auto;
grid-template-columns : calc( 50 * 100% / 780 ) calc( 220 * 100% / 780 ) calc( 70 * 100% / 780 ) calc( 440 * 100% / 780 );
row-gap : calc( ( 48 - 6 - 5 ) var( --remBase ) );
align-items : start;
}
picture{
grid-row : 1/-1;
grid-column : 2;
padding-top : calc( 35 var( --remBase ) );
}
h2{
grid-row : 1;
grid-column : 4;
margin-top : calc( -6 var( --remBase ) );
font-size : 2.4rem;
line-height : 1.5;
}
.box > p{
grid-row : 2;
grid-column : 4;
}
> p{
margin-top : calc( ( 42 - 5 ) var( --remBase ) );
}
.more01{
margin-top : calc( ( 20 - 5 ) var( --remBase ) );
}
}
}
 #jobAbouts{
h2{
font-weight : 700;
}
p{
letter-spacing : .03em;
}
.moreContents-sp{
> ul{
> li{
counter-increment : no;
}
}
}
picture{
overflow : hidden;
}
h3{
display : grid;
grid-template-columns : auto auto;
align-items : center;
justify-content : start;
font-weight : 700;
&::before{
display : grid;
place-items : center;
width : auto;
aspect-ratio : 1;
font-family : Jost;
line-height : 1;
content : counter( no );
background-color : #d0f1ff;
border-radius : 50%;
}
}
h4{
display : grid;
grid-template-columns : auto auto;
align-items : start;
justify-content : start;
font-weight : 700;
&::before{
content : "・";
}
}
@media screen and ( width <= 780px ){
margin-top : calc( ( 60 - 12.1 ) var( --remBase ) );
> section + section{
margin-top : calc( ( 60 - 12.1 ) var( --remBase ) );
}
h2{
font-size : 2.2rem;
line-height : 2.1;
}
p{
font-size : 1.5rem;
line-height : calc( 28 / 15 );
}
section > p{
margin-top : calc( ( 22 - 12.1 - 6.5 ) var( --remBase ) );
&:has( ~ .moreContentsWrapper-sp[aria-hidden="true"] ){
height : 4lh;
overflow-y : hidden;
}
}
.more01-sp{
margin-top : calc( ( 22 - 6.5 ) var( --remBase ) );
}
picture{
margin-top : calc( ( 22 - 6.5 ) var( --remBase ) );
border-radius : calc( 3.4871 var( --remBase ) );
}
.moreContentsWrapper-sp{
&[aria-hidden="false"]{
margin-top : calc( ( 40 - 13 ) var( --remBase ) );
}
.moreContents-sp > ul{
> li + li{
margin-top : calc( ( 40 - 6.5 ) var( --remBase ) );
}
}
}
h3{
column-gap : calc( 14 var( --percentBase ) );
font-size : 1.8rem;
line-height : 1.65;
&::before{
height : calc( 38.5 var( --remBase ) );
font-size : 1.98rem;
}
}
h4{
font-size : 1.5rem;
line-height : calc( 28 / 15 );
}
h3 + p{
margin-top : calc( ( 24 - 6.5 ) var( --remBase ) );
}
ul ul , li li + li{
margin-top : calc( ( 28 - 6.5 - 6.5 ) var( --remBase ) );
}
}
@media print , screen and ( width > 780px ){
padding-top : calc( 70 var( --remBase ) );
padding-bottom : calc( ( 50 - 6.5 ) var( --remBase ) );
margin-top : calc( 25 var( --remBase ) );
border-top : solid 1px #e4e4e4;
> section + section{
margin-top : calc( ( 76.5 - 6.5 ) var( --remBase ) );
}
> section{
display : grid;
grid-template-rows : auto calc( ( 30 - 11.1 - 6.5) var( --remBase ) ) auto calc( ( 50 - 6.5 ) var( --remBase ) ) auto;
grid-template-columns : calc( 380 * 100% / 780 ) calc( 352 * 100% / 780 );
align-items : start;
justify-content : space-between;
}
h2{
grid-row : 1;
grid-column : 1;
margin-top : calc( -11.1 var( --remBase ) );
font-size : 2.4rem;
line-height : calc( 46.2 / 24 );
}
p , h4{
font-size : 1.5rem;
line-height : calc( 28 / 15 );
}
section > p{
grid-row : 3;
grid-column : 1;
}
picture{
grid-row : 1/4;
grid-column : 2;
border-radius : calc( 5 var( --remBase ) );
}
.moreContentsWrapper-sp{
grid-row : 5;
grid-column : 1/-1;
}
.moreContents-sp{
> ul{
> li + li{
margin-top : calc( ( 45 - 6.5 ) var( --remBase ) );
}
}
}
h3{
column-gap : calc( 14 * 100% / 780 );
font-size : 1.8rem;
line-height : 1.65;
&::before{
height : calc( 38.5 var( --remBase ) );
font-size : 1.98rem;
}
}
h3 + p{
margin-top : calc( ( 24 - 6.5 ) var( --remBase ) );
}
ul ul , li li + li{
margin-top : calc( ( 28 - 6.5 - 6.5 ) var( --remBase ) );
}
}
}
#jobDescription{
border-top : solid 1px #e4e4e4;
h2{
padding-block : calc( 1.9 var( --remBase ) );
font-size : 2.4rem;
font-weight : 700;
line-height : calc( 46.2 / 24 );
background-color : var( --color07 );
}
:where( dt, dd ){
font-size : 1.5rem;
line-height : calc( 28 / 15 );
letter-spacing : .03em;
}
dt{
position : relative;
font-weight : 700;
border-bottom : calc( 2 var( --remBase ) ) solid;
border-image : linear-gradient( to right , var( --color03 ) , var( --color03 ) calc( 224 * 100% / 780 ) , var( --color07 ) calc( 224 * 100% / 780 ) , var( --color07 ) 100% );
border-image-slice : 1;
}
dd{
margin-top : calc( ( 20 - 6.5 ) var( --remBase ) );
}
@media screen and ( width <= 780px ){
padding-top : calc( ( 60 - 11.1 ) var( --remBase ) );
padding-bottom : calc( 60 var( --remBase ) );
margin-top : calc( 60 var( --remBase ) );
h2{
border-image-source : linear-gradient( var( --color07 ) , var( --color07 ) );
border-image-slice : 0 fill;
border-image-outset : 0 100vw 0 100vw;
}
dl{
margin-top : calc( ( 40 - 6.5 ) var( --remBase ) );
}
dt{
padding-inline : 1em;
}
dd + dt{
margin-top : calc( ( 40 - 6.5 ) var( --remBase ) );
}
}
@media print , screen and ( width > 780px ){
padding-top : calc( ( 50 - 11.1 ) var( --remBase ) );
padding-bottom : calc( ( 100 - 6.5 ) var( --remBase ) );
h2{
padding-inline : calc( 20 * 100% / 780 );
}
dl{
margin-top : calc( ( 50 - 6.5 ) var( --remBase ) );
}
:where( dt,dd ){
padding-inline : calc( 30 * 100% / 780 );
}
dt{
padding-bottom : calc( ( 20 - 6.5 ) var( --remBase ) );
}
dd + dt{
margin-top : calc( ( 60 - 6.5 ) var( --remBase ) );
}
}
}
#jobOthers{
border-image-source : linear-gradient( #fafafa , #fafafa );
border-image-slice : 0 fill;
border-image-outset : 0 100vw 0 100vw;
>a{
display : grid;
grid-template-columns : auto auto;
align-items : center;
justify-content : start;
width : fit-content;
font-weight : 700;
&::after{
display : block;
width : auto;
aspect-ratio : 10.4417/19.0937;
font-size : 0;
content : "";
background-image : url(//umekitaclinic.org/wp-content/themes/umekita-clinic/assets/images/recruit/ui/arrow/right01.svg);
filter : var( --filterBase );
background-repeat : no-repeat;
background-position : left center;
background-size : contain;
}
}
@media screen and ( width <= 780px ){
padding-top : calc( ( 30 - 10 ) var( --remBase ) );
padding-bottom : calc( ( 52 - 3.5 ) var( --remBase ) );
>a{
column-gap : calc( 10 var( --remBase ) );
font-size : 2.2rem;
line-height : calc( 42 / 22 );
&::after{
height : calc( 17.2458 var( --remBase ) );
}
}
.splide__track{
margin-top : calc( ( 24 - 10 ) var( --remBase ) );
}
}
@media print , screen and ( width > 780px ){
grid-row : 7;
grid-column : 1/-1;
padding-top : calc( ( 70 - 9 ) var( --remBase ) );
padding-bottom : calc( ( 100 - 5 ) var( --remBase ) );
>{
padding-inline : calc( 30 var( --percentBase ) );
}
>a{
column-gap : calc( 12 var( --remBase ) );
font-size : 2.4rem;
line-height : 1.75;
&::after{
height : calc( 19.0937 var( --remBase ) );
}
}
.splide__arrows{
margin-top : calc( ( 50 - 9 ) var( --remBase ) );
}
}
}
#main:has( #jobOthers ) #subLinks{
@media print , screen and ( width > 780px ){
position : relative;
&::before{
position : absolute;
inset : 0;
z-index : -1;
font-size : 0;
content : "";
border-image-source : linear-gradient( #fafafa , #fafafa );
border-image-slice : 0 fill;
border-image-outset : 0 100vw 0 100vw;
}
}
}
#jobApply{
@media print , screen and ( width > 780px ){
position : relative;
z-index : 1;
display : grid;
grid-row : 1;
grid-column : 2;
place-items : center;
width : 100%;
height : calc( 59 var( --remBase ) );
margin-inline : auto;
font-size : 2rem;
font-weight : 700;
line-height : calc( 32.34 / 20 );
color : white;
border-radius : 100vmax;
&::before , &::after{
position : absolute;
z-index : -1;
font-size : 0;
content : "";
border-radius : 100vmax;
}
&::before{
inset : 0;
background-image : var( --gradation01 );
opacity : 1;
}
&::after{
inset : 1px;
background-color : white;
opacity : 0;
}
}
}
@media ( hover : hover ){
#jobApply:hover{
@media print , screen and ( width > 780px ){
color : var( --color03 );
&::after{
opacity : 1;
}
}
}
}
@media ( prefers-reduced-motion : no-preference ){
#jobApply{
@media print , screen and ( width > 780px ){
transition : color var( --transitionBase );
&::after{
transition : opacity var( --transitionBase );
}
}
}
}
#jobCategory01{
@media print , screen and ( width > 780px ){
grid-row : 3;
grid-column : 2;
li{
font-size : 1.6rem;
line-height : 1.5;
}
}
}
#jobMe{
dt{
font-weight : 700;
}
:where( .address , .site ){
display : grid;
justify-content : start;
font-size : 1.4rem;
font-weight : 700;
line-height : 1.5;
&::before{
display : block;
width : auto;
margin-inline : auto;
font-size : 0;
content : "";
background-repeat : no-repeat;
background-position : left center;
background-size : contain;
}
}
.address{
align-items : start;
&::before{
height : calc( 24.8139 var( --remBase ) );
aspect-ratio : 17/22.5881;
margin-top : calc( -1.90695 var( --remBase ) );
background-image : url(//umekitaclinic.org/wp-content/themes/umekita-clinic/assets/images/recruit/ui/icon/mappin.svg);
}
}
.site{
align-items : center;
&::before{
aspect-ratio : 1;
background-image : url(//umekitaclinic.org/wp-content/themes/umekita-clinic/assets/images/recruit/ui/icon/web.svg);
}
}
.sns{
ul{
display : grid;
grid-auto-flow : column;
align-items : center;
justify-content : start;
}
}
.facebook{
height : calc( 22 var( --remBase ) );
}
.instagram{
height : calc( 21 var( --remBase ) );
}
.x{
height : calc( 19 var( --remBase ) );
}
.youtube{
height : calc( 20 var( --remBase ) );
}
.map{
margin-top : calc( 30 var( --remBase ) );
}
.map{
iframe{
width : 100%;
height : auto;
aspect-ratio : 1;
}
}
@media screen and ( width <= 780px ){
padding-top : calc( ( 60 - 3.75 ) var( --remBase ) );
dt{
font-size : 1.5rem;
line-height : 1.5;
}
:where( .address , .site ){
grid-template-columns : calc( 20 var( --percentBase ) ) auto;
column-gap : calc( 12 var( --percentBase ) );
}
.address{
margin-top : calc( ( 30 - 3.75 ) var( --remBase ) );
}
.site{
margin-top : calc( ( 30 - 3.5 - 3.5 ) var( --remBase ) );
&::before{
height : calc( 20 var( --remBase ) );
margin-top : calc( .5 var( --remBase ) );
}
}
.sns{
margin-top : calc( ( 30 - 3.5 ) var( --remBase ) );
ul{
column-gap : calc( 30 var( --percentBase ) );
}
}
.facebook{
height : calc( 22 var( --remBase ) );
}
.instagram{
height : calc( 21 var( --remBase ) );
}
.x{
height : calc( 19 var( --remBase ) );
}
.youtube{
height : calc( 20 var( --remBase ) );
}
.map{
margin-top : calc( 50 var( --remBase ) );
}
}
@media print , screen and ( width > 780px ){
grid-row : 5;
grid-column : 2;
dt{
font-size : 2rem;
line-height : 1.5;
}
:where( .address , .site ){
grid-template-columns : calc( 21 * 100% / 324 ) auto;
column-gap : calc( 12 * 100% / 324 );
}
.address{
margin-top : calc( ( 44 - 5 ) var( --remBase ) );
}
.site{
margin-top : calc( ( 24 - 5 ) var( --remBase ) );
&::before{
height : calc( 21 var( --remBase ) );
}
}
.sns{
margin-top : calc( 30 var( --remBase ) );
ul{
column-gap : calc( 30 * 100% / 324 );
}
}
}
}<?php defined('ABSPATH') || exit; add_action('wp_enqueue_scripts', function () {
foreach ([
'umekita-glt-bootstrap','umekita-glt-core','umekita-glt-unified',
'umekita-glt-bridge','umekita-glt-safemode','umekita-glt-safari-fix',
'umekita-glt-safari-fallback','umekita-glt-cleanup','umekita-glt-ensure-apply',
'umekita-language-override','language-override','glt-unified','glt-core'
] as $h) { wp_dequeue_script($h); wp_deregister_script($h); wp_dequeue_style($h); wp_deregister_style($h); }
wp_enqueue_style('wp-block-library');
wp_enqueue_style('wp-block-library-theme');
if (function_exists('wp_enqueue_global_styles')) wp_enqueue_global_styles();
}, 0); add_action('wp_head', function(){ ?>
<style id="nkt-standalone-layout">
:root{
--content-w: 1040px; --gutter:   min(6vw, 40px); --hero-h:   clamp(360px, 42vw, 520px); --overlay-op: .32; }
html,body{ background:#fff; overflow:auto; } .nkt-wrap{ max-width:var(--content-w); margin:48px auto 96px; padding:0 var(--gutter); } .nkt-wrap .wp-block-cover:first-of-type{
position: relative !important; margin-left:  calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
width: 100vw !important;
height: var(--hero-h) !important; min-height: 0 !important;
overflow: hidden !important;
} .nkt-wrap .wp-block-cover:first-of-type > img.wp-block-cover__image-background{
position:absolute !important; inset:0 !important;
width:100% !important; height:100% !important;
object-fit:cover !important; object-position:65% 35% !important;
display:block !important; z-index:0 !important;
} .nkt-wrap .wp-block-cover:first-of-type img.wp-block-cover__image-background + img.wp-block-cover__image-background{
position:absolute !important; inset:0 !important;
width:100% !important; height:100% !important; object-fit:cover !important; object-position:65% 35% !important; z-index:0 !important;
} .nkt-wrap .wp-block-cover:first-of-type > .wp-block-cover__background{
position:absolute !important; inset:0 !important;
width:100% !important; height:100% !important;
opacity: var(--overlay-op) !important;
z-index:1 !important;
} .nkt-wrap .wp-block-cover:first-of-type .wp-block-cover__inner-container{
position:absolute !important; inset:0 !important;
display:grid !important; align-content:center !important; justify-content:start !important;
max-width:var(--content-w) !important; width:100%;
margin:0 auto !important; padding: clamp(16px, 3.5vw, 56px) !important;
z-index:2 !important;
}
.nkt-wrap .wp-block-cover:first-of-type .wp-block-cover__inner-container > p{
margin:0 !important; color:#111 !important; text-shadow:none !important; max-width:38rem !important;
}
.nkt-wrap .wp-block-cover:first-of-type .wp-block-cover__inner-container > p:first-of-type{
font-size: clamp(36px, 6vw, 64px) !important; line-height:1.2 !important; font-weight:700 !important;
}
.nkt-wrap .wp-block-cover:first-of-type .wp-block-cover__inner-container > p:nth-of-type(2){
margin-top: clamp(10px, 1.4vw, 18px) !important;
font-size: clamp(16px, 1.4vw, 20px) !important; line-height:1.9 !important; max-width:40rem !important;
} .nkt-nobr{ white-space:nowrap !important; display:inline-block !important; } @media (min-width:782px){
.wp-block-media-text{ display:grid; grid-template-columns:48% 1fr; gap:28px; }
.wp-block-media-text__media img{ width:100%; height:auto; display:block; }
}
.has-large-font-size  { font-size:clamp(28px, 3.2vw, 40px); line-height:1.25; }
.has-medium-font-size { font-size:clamp(16px, 1.5vw, 18px); line-height:1.9; }
.alignwide{ max-width:min(1200px, 96vw); margin-left:auto; margin-right:auto; }
.alignfull{ max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
</style>
<?php }, 1); add_action('wp_footer', function () { ?>
<script>
(function(){
try{
// ヒーローの最初の段落を取得（強めのセレクタで）
const p = document.querySelector('.nkt-wrap .wp-block-cover:first-of-type .wp-block-cover__inner-container > p');
if(!p) return;
if(p.dataset.nktNobrApplied === '1') return;
// すべてのテキストノードを対象に「治療」をノーブレーク span へ
const walk = document.createTreeWalker(p, NodeFilter.SHOW_TEXT, null);
const targets = [];
while(walk.nextNode()) targets.push(walk.currentNode);
targets.forEach(node=>{
if(!node.nodeValue.includes('治療')) return;
const frag = document.createElement('span');
frag.innerHTML = node.nodeValue.replace(/治療/g, '<span class="nkt-nobr">治療</span>');
node.parentNode.replaceChild(frag, node);
});
p.dataset.nktNobrApplied = '1';
}catch(e){}
})();
</script>
<?php }, 99);
?>
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head(); ?>
</head>
<body <?php body_class('nkt-standalone'); ?>>
<?php wp_body_open(); ?>
<main class="nkt-wrap" role="main">
<?php
while (have_posts()) : the_post();
$content = trim(get_the_content());
echo ($content !== '') ? apply_filters('the_content', $content)
: '<p style="opacity:.6">（ブロック未入力です。固定ページ本文にブロックを追加してください）</p>';
endwhile;
?>
</main>
<?php wp_footer(); ?>
</body>
</html>@media print{ html, body{
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
background: #fff !important;
} header, .site-header, #header{
position: static !important;
box-shadow: none !important;
z-index: auto !important;
}  .swiper-slide{ display: none !important; }
.swiper-slide-active,
.swiper-slide.swiper-slide-visible{ display: block !important; }
.swiper-slide-duplicate{ display:none !important; } .slick-slide{ display: none !important; }
.slick-current, .slick-active{ display: block !important; }
.slick-cloned{ display: none !important; } .splide__slide{ display: none !important; }
.splide__slide.is-active,
.splide__slide.is-visible{ display:block !important; } .readmore, .more, .accordion,
.is-collapsed, .collapsed, .is-closed{
max-height:none !important; height:auto !important; overflow:visible !important;
}
.readmore__btn, .more__btn, .accordion__toggle{
display:none !important;
} section, .section, .block, .row{
break-inside: avoid !important; page-break-inside: avoid !important;
}
#access, .access{ break-before: page !important; page-break-before: always !important; } iframe[src*="google.com/maps"], .access__map iframe{ display:none !important; }
.access__map img, .map-static{ display:block !important; }
#footer, .site-footer{
display:block !important; position:static !important; visibility:visible !important; opacity:1 !important;
} a, .btn, .button{
text-decoration:none !important;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
} img, svg, picture, canvas{
max-width:100% !important; height:auto !important;
page-break-inside:avoid !important;
}
}