@charset "utf-8";

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

reset & root set

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

/* reset
--------------------------------------------------------------*/

*,*::before,*::after { box-sizing: border-box; }
ul,ol { margin: 0; padding: 0; list-style: none; }
body,h1,h2,h3,h4,h5,p,figure,blockquote,dl,dd { margin: 0; font-size: inherit; font-weight: 400; }
img,video { max-width: 100%; height: auto; display: block; }
header,footer,main,aside,picture { display: block; }

/* form parts reset */
textarea { font: inherit; appearance: none; }
select { border: none; outline: none; font-weight: inherit; }
button,input[type="submit"],input[type="button"] { appearance: button; border: none; outline: none; cursor: pointer; }
input[type="submit"]:focus,input[type="button"]:focus { outline-offset: -2px;}
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration { display: none;}

/* iOS Safari tap reset */
body {-webkit-tap-highlight-color: transparent;}



/* print set
--------------------------------------------------------------*/
@media print{
html { width: 1280px; }
.header { position: relative !important; }/* fixheader clear */
[class*="iv-"] { opacity: 1; }/* inview view */
}


/* root set
--------------------------------------------------------------*/

/* color */
:root {
    --cl-key: #316AD4;
    --cl-txt: #333333;
    --cl-txt-gr: #5D5D5D;
    --cl-border: #e9e9e9;
    --cl-bg-gr: #FBFBFB;
    --cl-wh: #fff;
    --cl-bk: #000;
    --cl-error01: #C6000C;
}

/* fixheader height */
:root { --header-height: 8rem; }
@media print, screen and (min-width: 640px) {
:root { --header-height: 11.4rem; }
}

/* font set */
:root {
    /* font: style weight size / line-height family */
    --ff-base: normal 500 1.4rem / 1.6 "Zen Kaku Gothic New", sans-serif;
    --ff-base-light: 500;
    --ff-base-bold: 700;
    --ff01f: "Ubuntu", sans-serif;
}
@media print, screen and (min-width: 640px) {
:root {
    /* font: style weight size / line-height family */
    --ff-base: normal 500 1.4rem / 1.85 "Zen Kaku Gothic New", sans-serif;
}
}


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

base set

----------------------------------------------------------------------------------------------------------------------------*/
html { font-size:calc(100vw / 37.5); scroll-behavior: smooth; scroll-padding-top: var(--header-height); }
body { min-height: 100vh; text-rendering: optimizeSpeed; -webkit-text-size-adjust:100%; text-size-adjust: 100%; color: var(--cl-txt); font: var(--ff-base); letter-spacing: 0.04rem; }
a { color: var(--cl-txt); outline:none; text-decoration:none; }

@media print, screen and (min-width: 640px) {
html { font-size: calc(100vw / 144); scroll-padding-top: 10rem; }
body { font-size: 1.6rem; }
a { transition: 0.5s; }
a:hover { opacity: 0.6; }
button:hover { opacity: 0.6; }
}

@media print, screen and (min-width: 1440px) {
html { font-size:62.5%; }
}


/* form set */
input:not([type=radio],[type=checkbox],[type=submit]),
select,
textarea { padding:0 0.75rem; background-color:var(--cl-wh); border: var(--cl-border) 1px solid; width:100%; font-size: 1.6rem; height: 4rem; font-family: inherit; border-radius: 0; }
textarea { padding:1.0rem 1.25rem; min-height:20rem; }
button { cursor: pointer; padding: 0; background: none; color: var(--cl-txt); width: 100%; font-size: inherit; }
input::placeholder,
textarea::placeholder { color:var(--cl-txtl); font-size: 0.8em; }
label { display: inline-block; width: fit-content; }
label:hover { cursor: pointer; }
select {}

@media print, screen and (min-width: 640px) {
input:not([type=radio],[type=checkbox],[type=submit]),
select,
textarea { height: 5rem; padding: 1rem 1.25rem; }
select:hover { cursor: pointer; }
}



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

utility & inview set

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

/* utility - base
---------------------------------------------------- */

/* utility - base responsive */
.u-inner { max-width: 116rem; margin: 0 auto; width: 90%; }
.u-inner._inner-min { max-width: 90rem; }
.u-inner._inner-mid { max-width: 124rem; }
.u-wrapsect { padding: 6rem 0; overflow: hidden; }
.u-wrapsect:not(._bg) + .u-wrapsect:not(._bg) { padding-top: 0; }
.u-wrapsect._bg { background-color: var(--cl-bg-gr); }
.u-wrapblck { padding: 4rem 0 0; }
.u-wrapblck._bg { padding: 4rem 2rem; background-color: var(--cl-wh); }
.u-wrapblck-box + .u-wrapblck-box { padding-top: 4rem;}
.u-only-pc	{ display: none; }

@media print, screen and (min-width: 640px) {
.u-inner { }
.u-wrapsect { padding: 16rem 0; }
.u-wrapblck { padding: 8rem 0 0; }
.u-wrapblck._bg { padding: 6rem 10rem; }
.u-wrapblck-box + .u-wrapblck-box { padding-top: 8rem;}
.u-only-sp	{ display: none !important; }
.u-only-pc	{ display: inherit; }
.u-cen_pc { text-align: center;}
}


/* utility - base */
.u-ff01 { font-family: var(--ff01f); font-weight: 700; }
.u-cl-txt { color: var(--cl-txt); }
.u-cl-wh { color: var(--cl-wh); }
.u-iframebox { position:relative; padding-bottom: 45.46%; height:0; }
.u-iframebox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.u-w30 { width: 30% !important; }
.u-w50 { width: 50% !important; }
.u-mt01 { margin-top: 1rem !important; }
.u-mt02 { margin-top: 2rem !important; }
.u-mt03 { margin-top: 3rem !important; }
.u-mb01 { margin-bottom: 1rem !important; }
.u-mb02 { margin-bottom: 2rem !important; }
.u-mb03 { margin-bottom: 3rem !important; }





/* utility - link
---------------------------------------------------- */

/* utility - linkbtn */
.u-linkbtn { display: grid; grid-template-columns: 1fr auto 1fr; column-gap: 0.5em; align-items: center; padding: 0 1em; color: var(--cl-wh); background-color: var(--cl-key); max-width: 28rem; height: 6.4rem; margin-inline: auto; border: var(--cl-key) 1px solid; font-size: inherit; transition: 0.5s; color: var(--cl-wh); border-radius: 2rem; }
.u-linkbtn::before { content: ""; transition: 0.5s; }
.u-linkbtn::after { content: ""; display: inline-grid; width: 1em; height: 1em; justify-self: end; mask: url(/img/adopt/ar_btn.svg) no-repeat center center / contain; background-color: var(--cl-wh); transition: 0.5s; pointer-events: none;}

.u-linkbtn._rev {}
.u-linkbtn._rev::before { content: ""; display: inline-grid; width: 1em; height: 1em; mask: url(/img/adopt/ar_btn.svg) no-repeat center center / contain; background-color: var(--cl-wh); rotate: 180deg; pointer-events: none;}
.u-linkbtn._rev::after { content: inherit; }

.u-linkbtn._wh { background-color: var(--cl-wh); color: var(--cl-txt); border: none;}
.u-linkbtn._wh::after { background-color: var(--cl-txt); }
.u-linkbtn._wh._rev::before { background-color: var(--cl-txt);}

@media print, screen and (min-width: 640px) {
.u-linkbtn { margin-inline: 0; }
.u-linkbtn:hover { color: var(--cl-txt); background-color: var(--cl-wh); opacity: 1; }
.u-linkbtn:hover::after { background-color: var(--cl-txt); }
.u-linkbtn._rev:hover::before { background-color: var(--cl-txt); }

.u-linkbtn._wh:hover { background-color: var(--cl-txt); color: var(--cl-wh);}
.u-linkbtn._wh:hover::after { background-color: var(--cl-wh); }
.u-linkbtn._wh._rev:hover::before { background-color: var(--cl-wh);}

}






/* iv-animation
---------------------------------------------------- */
.iv-fade { opacity:0; transition: 0.8s; }
.iv-fade._view { opacity:1; }
.iv-up_fade { opacity:0; transform:translate(0, 6rem); transition: 0.8s; }
.iv-up_fade._view { opacity:1; transform:translate(0, 0); }











/* main contents
--------------------------------------------------------------*/
.main { min-height: 50vh; margin-top: var(--header-height); }
.page-adopt._index .main {  margin-top: 0; }
@media print, screen and (min-width: 640px) {
.main { }
}








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

component

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

/* pagetitle */
.c-pagetitle { position: relative; width: 95%; margin: 0 0 0 auto; padding: 2rem 0; }
.c-pagetitle::before,
.c-pagetitle::after { position: absolute; bottom: 0; left: 0; content: ""; display: block; width: 100%; height: 2px;  }
.c-pagetitle::before { background-color: var(--cl-border);}
.c-pagetitle::after { width: 5rem; height: 2px; background-color: var(--cl-key); }
.c-pagetitle-sub { font-size: 1.2rem; color: #888888;}
.c-pagetitle-main { margin-top: 0.5rem; font-size: 2.4rem; font-weight: var(--ff-base-bold); }
.c-pagetitle-main span { display: block; font-size: 1.6rem; }

@media print, screen and (min-width: 640px) {

.c-pagetitle { display: grid; align-items: flex-end; min-height: 23rem; padding: 6rem 0; }
.c-pagetitle::after { width: 20rem; }
.c-pagetitle-box { }
.c-pagetitle-sub { font-size: 1.6rem;}
.c-pagetitle-main { font-size: 4rem; }
.c-pagetitle-main span { display: inline-block; margin-left: 2rem; font-size: 1.8rem; }

}


/* title
--------------------------------------------------------------*/

.c-secttitle { margin-bottom: 4rem;}
.c-secttitle-en { font-size: 4rem; line-height: 1; color: var(--cl-key);}
.c-secttitle-ja { font-size: 1.2rem; font-weight: var(--ff-base-bold); }
.c-secttitle._wh > * { color: var(--cl-wh);}
.c-secttitle._cen { text-align: center;}

@media print, screen and (min-width: 640px) {
.c-secttitle { margin-bottom: 8rem;}
.c-secttitle-en { font-size: 8rem; }
.c-secttitle-ja { margin-top: 1rem; font-size: 2.4rem; }

}


/* title - utility */
.u-title-xl { font-size: 2.4rem; line-height: 1.4; font-weight: var(--ff-base-bold); }
.u-title-lg { font-size: 2rem; line-height: 1.4; font-weight: var(--ff-base-bold); }
.u-title-md { font-size: 1.8rem; line-height: 1.4; font-weight: var(--ff-base-bold); }
.u-title-sm { font-size: 1.6rem; line-height: 1.4; font-weight: var(--ff-base-bold); }
._cen { text-align: center;}
@media print, screen and (min-width: 640px) {
.u-title-xl { font-size: 3.2rem; }
.u-title-lg { font-size: 2.4rem; }
.u-title-md { font-size: 2rem; }
.u-title-sm { font-size: 1.8rem; }

}








/* breadcrumb
--------------------------------------------------------------*/
.c-breadcrumb { width: 90%; max-width: 124rem; margin: 1.5rem auto; font-size: 1.2rem; color: #888888; margin-left: auto; text-align: right; }
.c-breadcrumb-item { position: relative; display: inline-block; }
.c-breadcrumb-item:not(:last-child) { padding-right: 1em; }
.c-breadcrumb-item:nth-child(3) { text-align: right; padding: 0; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.c-breadcrumb-item:not(:last-child):before { content: ""; position: absolute; top: 0.5em; right: 0; display: block; width: 0.8rem; height: 0.8rem; mask: url(/assets/images/common/ico_ar.svg) no-repeat center right / contain; background-color: #888888; }
.c-breadcrumb-link { color: #888888;}
.c-breadcrumb-item:not(:last-child) .c-breadcrumb-link { text-decoration: underline; }


@media print, screen and (min-width: 640px) {
.c-breadcrumb { margin: 3rem auto; }
.c-breadcrumb-item:nth-child(3) { width: fit-content; overflow: inherit; }
}






/* table
--------------------------------------------------------------*/

/* c-grtb */
.c-grtb { }
.c-grtb-item { display: grid; padding: 1.5rem 0; border-top: var(--cl-border) 1px solid; }
.c-grtb-item:last-child { border-bottom: var(--cl-border) 1px solid; }
.c-grtb-item > * + * { margin-top: 0.5rem; }

@media print, screen and (min-width: 640px) {
.c-grtb-item { padding: 3rem 0; grid-template-columns: 20rem 1fr; }
.c-grtb-item > * + * { margin: 0; }
.c-grtb._grtb-s0-p1-2 > * { grid-template-columns: 1fr 2fr; }
.c-grtb._grtb-s0-p1-3 > * { grid-template-columns: 1fr 3fr; }
}







.c-mapwrap { position: relative; width: 100%; height: 0; padding-bottom: 44.4444%}
.c-mapwrap iframe { position: absolute; top: 0; left: 0;  width: 100%; height: 100%; object-fit: cover;}






/* layout
--------------------------------------------------------------*/

/* c-grid */
.c-grid { display: grid; gap: 1rem; }
.c-grid._grid-s1-1 { grid-template-columns: 1fr 1fr; }
.c-grid._grid-s1-2 { grid-template-columns: 1fr 2fr; }
.c-grid._grid-s1-3 { grid-template-columns: 1fr 3fr; }

@media print, screen and (min-width: 640px) {
.c-grid { gap: 3rem; }
.c-grid._grid-p1-1 { grid-template-columns: 1fr 1fr; }
.c-grid._grid-p1-2 { grid-template-columns: 1fr 2fr; }
.c-grid._grid-p1-3 { grid-template-columns: 1fr 3fr; }
.c-grid._grid-p2-1 { grid-template-columns: 2fr 1fr; }
.c-grid._grid-p2-3 { grid-template-columns: 2fr 3fr; }
.c-grid._grid-p3-1 { grid-template-columns: 3fr 1fr; }
.c-grid._grid-p3-2 { grid-template-columns: 3fr 2fr; }
.c-grid._grid-p1-1-1 { grid-template-columns: 1fr 1fr 1fr; }
.c-grid._grid-p1-1-1-1 { grid-template-columns: 1fr 1fr 1fr 1fr; }
.c-grid._rev > *:first-child { order: 2; }
.c-grid._rev > *:last-child { order: 1; }
.c-grid._rev._grid-p1-2 { grid-template-columns: 2fr 1fr; }
.c-grid._rev._grid-p1-3 { grid-template-columns: 3fr 1fr; }
.c-grid._rev._grid-p2-3 { grid-template-columns: 3fr 2fr; }
.c-grid._rev._grid-p2-1 { grid-template-columns: 1fr 2fr; }
.c-grid._rev._grid-p3-1 { grid-template-columns: 1fr 3fr; }
.c-grid._rev._grid-p3-2 { grid-template-columns: 2fr 3fr; }
}


/* mgbox */
.c-mgbox {}
.c-mgbox > *:not(:first-child) { margin-top: 1rem; }

@media print, screen and (min-width: 640px) {
.c-mgbox._mgp1 > *:not(:first-child) { margin-top: 1rem; }
.c-mgbox._mgp2 > *:not(:first-child) { margin-top: 2rem; }
.c-mgbox._mgp3 > *:not(:first-child) { margin-top: 3rem; }
.c-mgbox._mgp4 > *:not(:first-child) { margin-top: 4rem; }
}





/* form group
--------------------------------------------------------------*/

/* required - utility */
.u-req { color: var(--cl-error01); margin-left: 0.5em; }


.page-contact .cauntion { display: block; margin: 2rem 0 3rem; color: var(--cl-error01); }
.page-contact .c-grtb-item:last-child { border-bottom: none; }
.page-contact .contact-submit { position: relative; width: 26rem; margin: 2rem auto 0;  }
.page-contact .contact-submit > * { display: grid; align-items: center; color: var(--cl-wh); background-color: var(--cl-key); width: 100%; height: 6.4rem; border: var(--cl-key) 1px solid; font-size: inherit; transition: 0.5s; border-radius: 2rem; }
.page-contact .contact-submit::after { position: absolute; top: 50%; right: 1rem; transform: translate(0,-50%); content: ""; display: inline-grid; width: 1em; height: 1em; justify-self: end; mask: url(/img/adopt/ar_btn.svg) no-repeat center center / contain; background-color: var(--cl-wh); transition: 0.5s; pointer-events: none;}
.page-contact .contact-submit+ p { width: max-content; margin: 3rem auto 0; border-radius: 0.5rem; overflow: hidden;}

@media print, screen and (min-width: 640px) {
.page-contact .cauntion { margin: 2rem 0 6rem;  }
.page-contact .contact-submit:hover { }
.page-contact .contact-submit:hover > * { color: var(--cl-key); background-color: var(--cl-wh); }
.page-contact .contact-submit:hover::after { background-color: var(--cl-key); }

}


/* c-formthanks */
.c-formthanks { }
.c-formthanks-title { text-align: center; }
/*.c-formthanks-title::before { content: ""; display: block; margin: auto; width: 2em; height: 2em; mask: url(/assets/images/common/ico_mail.svg) no-repeat center center / contain; background-color: var(--cl-wh); opacity: 0.3; }*/
.c-formthanks-txt { font-style: 1.2em; margin-top: 2em; }
.c-formthanks-ex { font-size: 0.8em; margin-top: 1em; }
.c-formthanks-notice { border: var(--cl-border) 1px solid; padding: 1em; margin-top: 1em; }
.c-formthanks-btn { margin: 3em auto; display: flex; justify-content: center; }

@media print, screen and (min-width: 640px) {
.c-formthanks { }
.c-formthanks-txt { text-align: center; margin-top: 4em; }
.c-formthanks-ex { text-align: center; }
.c-formthanks-notice { padding: 3em; text-align: center; margin: 3em auto 0; width: fit-content; }
.c-formthanks-btn { margin: 4em auto; }
}


/* page-404
--------------------------------------------------------------*/
.notfound {}
.notfound-title { text-align: center; font-size: 2.4rem; }
.notfound-txt { font-style: 1.2em; margin-top: 2em; }
.notfound-btn { margin: 3em auto; display: flex; justify-content: center; }

@media print, screen and (min-width: 640px) {
.notfound-title { font-size: 4rem; }
.notfound-txt { text-align: center; margin-top: 4em; }
.notfound-btn { margin: 4em auto; }
}




.c-circleBox {}
.c-circleBox + .c-circleBox { margin-top: 2rem;}
.c-circleBox-title { display: grid; grid-template-columns: max-content auto; gap: 0.5rem; margin-bottom: 0.5rem; font-weight: var(--ff-base-bold);}
.c-circleBox-title::before { content: "●"; color: var(--cl-key); }
.c-circleBox-bg { padding: 2rem; background-color: var(--cl-bg-gr); border-radius: 1rem;}
.c-circleBox-bg + .c-circleBox-bg { margin-top: 1rem;}
.c-circleBox-bg-title { display: grid; grid-template-columns: max-content auto; gap: 0.5rem; margin-bottom: 0.5rem; font-weight: var(--ff-base-bold);}
.c-circleBox-bg-title span { color: var(--cl-key);}

@media print, screen and (min-width: 640px) {
.c-circleBox + .c-circleBox { margin-top: 4rem;}
.c-circleBox-title { margin-bottom: 1rem; }

}



.c-table { display: grid; border: var(--cl-border) 1px solid;}
.c-table.c-table-1-1 { grid-template-columns: repeat(2,1fr);}
.c-table.c-table-1-1-1 { grid-template-columns: repeat(3,1fr);}
.c-table > * { padding: 1rem; border-bottom: var(--cl-border) 1px solid; border-right: var(--cl-border) 1px solid; }
.c-table > *:nth-child(3n) { border-right: none; }
.c-table > *:nth-last-child(-n+3) { border-bottom: none; }
.c-table-title { font-weight: var(--ff-base-bold); background-color: var(--cl-bg-gr);}

@media print, screen and (min-width: 640px) {
.c-table > * { padding: 1rem 2rem; }

}


.c-cta { margin-top: 4rem; padding: 2rem; border: var(--cl-key) 2px solid; border-radius: 1rem;}
.c-cta .c-grid { align-items: center;}
.c-cta .c-grid p { font-weight: var(--ff-base-bold);}

@media print, screen and (min-width: 640px) {
.c-cta { margin-top: 10rem; padding: 4rem 5rem; }

}


.c-list {}
.c-list > * { display: flex; align-items: center; gap: 0.5em;}
.c-list > *::before { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--cl-txt);}






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

base layout

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


/* header
--------------------------------------------------------------*/

/* header */
.header { position: fixed; z-index: 100; top: 0; padding: 0 2rem; height: var(--header-height); display: grid; align-items: center; width: 100%; transition: 0.5s; background-color: var(--cl-wh); }
.header-logo { display: flex; gap: 1rem; align-items: center; font-weight: var(--ff-base-bold); }
.header-logo img { max-width: 16rem; }
.header-menu { display: none; }


@media print, screen and (min-width: 640px) {
.header { padding: 0 4rem 0 0; display: grid; grid-template-columns: 32rem auto; gap: 2rem; justify-content: space-between; }
.header-logo { width: 100%; height: 11.4rem; gap: 1.5rem; justify-content: center; font-size: 1.6rem; }
.header-logo img { max-width: 16rem; }
.header-menu { display: flex; gap: 3rem; }
.header-menu ._active { position: relative; }
.header-menu ._active::after { position: absolute; bottom: -1rem; right: 0; left: 0; margin: 0 auto; content: ""; width: 6px; height: 6px; background-color: var(--cl-key); border-radius: 50%; }
}


/* 採用トップのみ */
.page-adopt._index .header-logo { background-color: var(--cl-wh); border-radius: 0 0 2rem 0;}
.page-adopt._index .header-menu { opacity: 0; pointer-events: none; }
.page-adopt._index .header._scrolled { background-color: rgba(255,255,255,1) }
.page-adopt._index .header._scrolled .header-menu { opacity: 1; pointer-events: visible; }

@media print, screen and (min-width: 640px) {
.page-adopt._index .header { background-color: transparent; }

}






/* recruitment
--------------------------------------------------------------*/

.recruitment { position: relative; border-radius: 3rem 3rem 0 0; background-color: var(--cl-key) !important; }
.recruitment .u-inner { max-width: 116rem !important; }
.recruitment::before { position: absolute; bottom: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background: url(/img/adopt/bg_recruitment.svg) no-repeat bottom center / contain; mix-blend-mode: soft-light; }
.recruitment-list { display: grid; gap: 1rem;}
.recruitment-item { position: relative; }
.recruitment-item::after { position: absolute; top: 50%; right: 0; transform: translate(0,-50%); content: ""; display: block; width: 4rem; height: 6rem; mask: url(/img/adopt/ar_recruitment.svg) no-repeat center / contain; background-color: var(--cl-key); }
.recruitment-item-link { display: block; padding: 1.5rem 4.5rem 1.5rem 1.5rem; border-radius: 1rem; background-color: var(--cl-wh);}
.recruitment-item-title { font-weight: var(--ff-base-bold); text-align: center;}
.recruitment-item-type { font-size: 1.4rem; color: #7B7B7B;}

.recruitment-item._inactive {  }
.recruitment-item._inactive .recruitment-item-link { pointer-events: none; background-color: var(--cl-bg-gr);  }
.recruitment-item._inactive .recruitment-item-link > * { opacity: 0.6;  }
.recruitment-item._inactive::after { right: 2rem; content: "現在募集していません"; width: max-content; height: auto; mask: none; padding: 1rem 1.5rem; background-color: var(--cl-wh); font-weight: var(--ff-base-bold);  }

/**/
.recruitment-list { display: flex; gap: 1rem; justify-content: center;}
.recruitment-item { width: 100%; }
.recruitment-item-title { font-size: 1.8rem;}

@media print, screen and (min-width: 640px) {
.recruitment { border-radius: 6rem 6rem 0 0; }
.recruitment-list { grid-template-columns: repeat(2,1fr); gap: 2rem;}
.recruitment-item::after { width: 5rem; height: 7rem; }
.recruitment-item-link { padding: 2.5rem 6rem 2.5rem 3rem; border-radius: 2rem;}
.recruitment-item-title { font-size: 1.8rem;}

/**/
.recruitment-item { width: 50%; }
.recruitment-item-title { font-size: 2.4rem;}

}




/* footer
--------------------------------------------------------------*/

.footer { padding: 3rem 0;  }
.footer-inner { max-width: 144rem; margin: 0 auto; width: 90%;}
.foot-logo { display: flex; gap: 1rem; align-items: center; font-size: 2rem; font-weight: var(--ff-base-bold);}
.foot-logo img { width: 50%; max-width: 23.3rem;}
.foot-menu { margin: 2rem -5% 0;}
.foot-menu > li { border-top: var(--cl-border) 1px solid;}
.foot-menu > li:last-child { border-bottom: var(--cl-border) 1px solid;}
.foot-menu > li a { display: block; padding: 1.5rem;}
.foot-bottom { display: flex; align-items: center; gap: 2rem; margin: 2rem 0;}
.foot-bottom > li a { display: inline-block; font-size: 1.3rem;}
.foot-bottom > li a[target="_blank"] { display: flex; align-items: center; gap: 0.5rem;}
.foot-bottom > li a[target="_blank"]::after { content: ""; display: block; width: 0.8em; height: 0.8em; background: url(/img/adopt/ico_blank.svg) no-repeat center center / contain; }
.foot-copy { font-size: 1rem;}

@media print, screen and (min-width: 640px) {
.footer { padding: 7rem 0 6rem;  }
.footer-inner { display: grid; grid-template-columns: max-content 1fr; justify-content: space-between; align-items: center;}
.foot-logo { gap: 2rem; font-size: 2.4rem; }
.foot-logo img { width: 100%;}

.foot-menu { display: flex; gap: 3rem; justify-content: flex-end; margin: 0;}
.foot-menu > li { border-top: none;}
.foot-menu > li:last-child { border-bottom: none;}
.foot-menu > li a { display: inline-block; padding: 0;}
.foot-bottom { order: 4; gap: 3rem; margin: 6rem 0 0 0; justify-content: flex-end;}
.foot-bottom > li a { font-size: 1.6rem;}
.foot-copy { order: 3; margin-top: 6rem; font-size: 1.4rem;}
}






/* spitem
--------------------------------------------------------------*/

/* _spopen changes */
@media print, screen and  (max-width: 1023px) {
body._spopen { height: 100%; overflow: hidden; }
}


/* spnav-btn */
.spitem-btn { position: fixed; top: 1.5rem; right: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color:var(--cl-key); cursor: pointer; width: 5rem; height: 5rem; outline: none; transition:0.5s; z-index: 130; cursor: pointer; border-radius: 5rem 0 0 5rem; }
.spitem-btn::before,
.spitem-btn::after { content: ""; position: absolute; left: 50%; width: 1.4rem; height: 1px; background-color: var(--cl-wh); transform: translateX(-50%); transition:0.3s; }
.spitem-btn::before { top: 1.8rem; }
.spitem-btn::after  { bottom: 1.8rem; }
.spitem-btn-line { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1.4rem; height: 1px; background-color: var(--cl-wh); transition: 0.3s; overflow: hidden; }

._close.spitem-btn { }
._close.spitem-btn::before,
._close.spitem-btn::after { content: ""; position: absolute; left: 50%; background-color:var(--cl-wh); transform: translateX(-50%); transition:0.3s; }
._close.spitem-btn::before { top: 50%; transform: translate(-50%,-50%) rotate(45deg) ; left: 50%; }
._close.spitem-btn::after  { bottom: auto; top: 50%; transform: translate(-50%,-50%) rotate(-45deg); left: 50%;}
._close.spitem-btn .spitem-btn-line { display: none; }

@media print, screen and (min-width: 640px) {
.spitem { display: none; }
.spitem-btn { display: none; }
}


/* spnav [wrap] */
.spmenu { opacity: 0; visibility: hidden; position: fixed; top: 0; right: -100%; width: 100%; z-index: 90; transition: 0.3s; }
.spmenu._spopen { opacity: 1; visibility: visible; right: 0; }
.spmenu-inner { width: 100%; height: 100vh; padding: 9vh 0; overflow-y: scroll; background-color: var(--cl-wh);}


/* spnavMenu */
.spnav { margin-top: 4rem;  }
.spnav-item { font-size: 1.6rem; }
.spnav-item-link { display: block; padding: 1.75rem 5.67vw; line-height: 1; }
.spnav-item-link._contact { height: 7rem; margin: 2rem 5.67vw 0; display: grid; grid-template-columns: max-content max-content; align-items: center; justify-content: center; gap: 2rem; background-color: var(--cl-key); border-radius: 1rem; color: var(--cl-wh); }
.spnav-item-link._contact::before { content: ""; display: block; width: 1.8em; height: 1.8em; mask: url(/assets/images/common/ico_mail.svg) no-repeat center center / contain; background-color: var(--cl-wh); transition: 0.5s;  }










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

page unique

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

/* home
----------------------------------------------------------------------------------------------------------------------------*/


/* kv */
.kv { position: relative; padding: var(--header-height) 0 8rem; background: url(/img/adopt/kv_bg_sp.png) no-repeat center right / cover var(--cl-bg-gr); }
.kv-pic01 { width: 80%; margin: 0 0 0 auto; margin-right: calc(50.5% - 50vw); max-width: 85rem;}
.kv-pic02 { position: absolute; top: 24rem; right: 0; width: 30%; max-width: 28rem;}
.kv-pic03 { position: absolute; bottom: -6rem; right: 2rem; width: 40%; z-index: 10; max-width: 40.7rem;}
.kv-catch { margin-top: -4rem; font-size: 3.6rem; font-weight: var(--ff-base-bold); text-shadow:1px 1px 0 var(--cl-bg-gr), -1px -1px 0 var(--cl-bg-gr), -1px 1px 0 var(--cl-bg-gr), 1px -1px 0 var(--cl-bg-gr), 0px 1px 0 var(--cl-bg-gr), 0 -1px 0 var(--cl-bg-gr), -1px 0 0 var(--cl-bg-gr), 1px 0 0 var(--cl-bg-gr); }
.kv-catch + p {  margin-top: 2rem; color: var(--cl-key); font-size: 1.2rem;}
.kv-catch + p + p { margin-top: 2rem; }

@media print, screen and (min-width: 640px) {
.kv { padding-bottom: 16rem; background-image: url(/img/adopt/kv_bg.png); background-position: top center; }
.kv-pic01 { position: absolute; top: 0; right: 0; width: max-content; margin: 0; }
.kv-pic02 { top: 50rem; left: 50%; right: 0; width: auto; }
.kv-pic03 { bottom: -8rem; right: 12rem; width: auto;}

.kv-catch { padding-top: 20rem; font-size: 6.4rem; line-height: 1.4; }
.kv-catch + p {  margin-top: 6rem; font-size: 1.8rem;}
.kv-catch + p + p { margin-top: 4.2rem; font-size: 1.8rem; line-height: 2.2;}

}


.wrapper {
  animation: floating-x 7.2s ease-in-out infinite alternate-reverse;
}
.target {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-x {
  0% {
    transform: translateX(-0.5%);
  }
  100% {
    transform: translateX(0.5%);
  }
}
@keyframes floating-y {
  0% {
    transform: translateY(-1%);
  }
  100% {
    transform: translateY(1%);
  }
}

.wrapper02 {
  animation: floating-x02 6s ease-in-out infinite alternate-reverse;
}
.target02 {
  animation: floating-y02 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-x02 {
  0% {
    transform: translateX(0.5%);
  }
  100% {
    transform: translateX(-0.5%);
  }
}
@keyframes floating-y02 {
  0% {
    transform: translateY(1%);
  }
  100% {
    transform: translateY(-1%);
  }
}






/* message */
.message { padding: 0;}
.message-wrap { position: relative; background-color: var(--cl-key); border-radius: 2rem 0 0 2rem; margin-right: calc(50% - 50vw); padding: 3rem; }
.message-wrap::before { position: absolute; bottom: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background: url(/img/adopt/bg_recruitment.svg) no-repeat bottom center / contain; mix-blend-mode: soft-light; }
.message-row { max-width: 126rem;}
.message-pic { position: relative; z-index: 1; overflow: hidden; border-radius: 2rem;}
.message-txt { position: relative; z-index: 1;}
.message-txt > * { color: var(--cl-wh);}
.message-txt > * + * { margin-top: 1rem;}
.message-txt-title { margin-top: 2rem; font-size: 2rem; font-weight: var(--ff-base-bold);}
.message-txt-title + p {}
.message-name { margin-top: 2rem; text-align: right;}

@media print, screen and (min-width: 640px) {
.message-wrap { border-radius: 6rem 0 0 6rem; padding: 8rem 10rem; }
.message-row { display: grid; grid-template-columns: 1fr 51rem; gap: 7rem; align-items: flex-start;}
.message-pic { order: 2;}
.message-txt { order: 1;}
.message-txt-title { margin-top: 3rem; font-size: 3.2rem; line-height: 1.4;}
.message-txt-title:first-child { margin-top: 0;}
.message-txt-title + p { margin-top: 2rem; font-size: 1.8rem;}
.message-name { margin-top: 3rem; font-size: 1.8rem;}

}




/* Philosophy */
.philosophy-list { margin-top: 12rem; gap: 12rem;}
.accordion-box { position: relative;  background-color: var(--cl-wh);  border-radius: 2rem; padding: 7rem 3rem 4rem; }
.accordion-icon { position: absolute; top: -7rem; left: 0; right: 0; background-color: var(--cl-wh); width: 14rem; height: 14rem; margin: 0 auto; padding: 3rem; border-radius: 50%; display: grid; align-items: center; justify-content: center;  }
.accordion-lead { font-size: 1.8rem; font-weight: var(--ff-base-bold); color: var(--cl-key); line-height: 1.6; margin-bottom: 2rem; text-align: center; }
.accordion-content { position:relative; max-height: 6rem; overflow: hidden; transition: max-height 0.4s ease; }
.accordion-box.open .accordion-content {  }
.accordion-button { position: absolute; bottom: -2rem; left: 0; right: 0; margin: 0 auto; width: 14rem; height: 4rem; font-size: 1.4rem; color: var(--cl-key); background: var(--cl-wh); border: 1px solid var(--cl-key); border-radius: 999px; cursor: pointer; transition: background 0.3s; font: normal 500 1.4rem / 1.6 "Zen Kaku Gothic New", sans-serif; font-weight: var(--ff-base-bold); }
.accordion-button:hover { background: var(--cl-key); color: var(--cl-wh); }

.accordion-content::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 40px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--cl-wh) 100%); pointer-events: none; transition: opacity 0.3s ease; }
.accordion-box.open .accordion-content::after { opacity: 0; }


@media print, screen and (min-width: 640px) {
.philosophy { padding-bottom: 20rem;}
.philosophy-list { margin-top: 14rem; gap: 4rem;}
.accordion-icon { top: -9rem; width: 18rem; height: 18rem; padding: 0; }
.accordion-icon img { max-height: 6.4rem; }
.accordion-lead { position: relative; z-index: 1; min-height: 12rem; font-size: 2rem; margin-bottom: 4rem; }
.accordion-content { max-height: 14rem;  }

}


/* Job */
.page-adopt._index .job { position: relative; overflow: inherit;}
.page-adopt._index .job .job-nav { position: absolute; top: -2.5rem; left: 0; right: 0; margin: 0 2rem; display: grid; grid-template-columns: repeat(2,1fr); background-color: #EFEFEF; border-radius: 5rem;}
.page-adopt._index .job .job-nav-item { display: grid; align-items: center; text-align: center; height: 5rem; }
.page-adopt._index .job .job-nav-item._active { background-color: var(--cl-key); color: var(--cl-wh); border-radius: 5rem;}

@media print, screen and (min-width: 640px) {
.page-adopt._index .job .job-nav { top: -5rem; margin: 0 auto; max-width: 136rem; }
.page-adopt._index .job .job-nav-item { height: 10rem; font-size: 2.4rem; }
}


.page-adopt._index .job .movie-wrap { position: relative; aspect-ratio: 16/9; max-width: 80rem; margin: 0 auto 8rem;}
.page-adopt._index .job .movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.page-adopt._index .job .movie-wrap .movie-wrap-btn { position: absolute; width: max-content; top: 100%; right: 0; left: 0; margin: 0 auto; z-index: 10; display: flex; gap: 0.5rem; align-items: center; background-color: var(--cl-wh); border-radius: 0 10rem 10rem 10rem; padding: 1em; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);}
.page-adopt._index .job .movie-wrap .movie-wrap-btn::after { content: ""; display: block; width: 0.8em; height: 0.8em; background: url(/img/adopt/ico_blank.svg) no-repeat center / contain;}

@media print, screen and (min-width: 640px) {
.page-adopt._index .job .movie-wrap { margin-bottom: 0;}
.page-adopt._index .job .movie-wrap .movie-wrap-btn { top: -6rem; right: -12rem; left: auto; height: 9rem; margin: 0; border-radius: 10rem 10rem 10rem 0; padding: 0 3rem; font-size: 1.8rem;}

}


.page-adopt._index .job .work-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.page-adopt._index .job .work-list-item { position: relative; display: grid; align-items: center; height: 6rem; padding: 1.5rem; background-color: var(--cl-key); color: var(--cl-wh); border-radius: 1rem; font: normal 500 1.4rem / 1.6 "Zen Kaku Gothic New", sans-serif; text-align: left; }
.page-adopt._index .job .work-list-item::before { position: absolute; bottom: 0; right: -1px; content: ""; display: block; width: 4rem; height: 4rem; mask: url(/img/adopt/ar_interview.svg) no-repeat center bottom / contain; background-color: var(--cl-wh); z-index: 2;}

.modal { visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.3s ease, visibility 0.3s ease; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(30,43,77,0.8); }
.modal.show { visibility: visible; opacity: 1; pointer-events: auto; }
.modal-content { top: 50%; background-color: #fff; margin: 0 auto; padding: 2rem 2rem 4rem; width: 90%; height: max-content; max-width: 135rem; max-height: 90%; position: relative; border-radius: 1rem; transform: translateY(-50%);  opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease;  }
.modal-content-grid { display: grid; grid-template-columns: repeat(2,1fr); align-items: flex-start; gap: 2rem;}
.modal-content-pic { }
.modal-content-title { }
.modal-content-txt { grid-column: 1/3; }
.modal-content .c-pagetitle { margin: 0 0 2rem; }
.modal-content .c-pagetitle-main { color: var(--cl-key); }
.modal-content .c-pagetitle-main span { color: #697080; }
.modal-content .u-title-lg {  }
.modal-content .u-title-lg + p { margin-top: 1rem;  }
.modal.show .modal-content { opacity: 1; }
.close { position: absolute; top: -2rem; right: -1rem; color: var(--cl-wh); font-size: 2.4rem; cursor: pointer; background-color: var(--cl-key); border-radius: 50%; width: 4rem; height: 4rem; display: grid; align-items: center; justify-content: center; line-height: 1; box-shadow: 0 2px 6px rgba(0,0,0,0.2); z-index: 10; }


@media print, screen and (min-width: 640px) {
.page-adopt._index .job .work-list { grid-template-columns: repeat(3,1fr); gap: 4rem; }
.page-adopt._index .job .work-list-item { height: 13rem; padding: 4rem; border-radius: 2rem; font-size: 2.4rem; }
.page-adopt._index .job .work-list-item::before { width: 7.2rem; height: 6.4rem; }
.modal-content { padding: 10rem; border-radius: 6rem; }
.modal-content-grid { grid-template-rows: max-content 1fr; gap: 6rem;}
.modal-content-pic { grid-row: 1/3; }
.modal-content-txt { grid-column: 1/2; grid-row: 2/3; }
.modal-content .c-pagetitle { margin: 0; padding: 0 0 4rem; min-height: initial; }
.modal-content .u-title-lg + p { margin-top: 2rem; font-size: 2rem;  }
.close { top: 4rem; right: 4rem; font-weight: bold; width: 9rem; height: 9rem; box-shadow: initial; font-size: 3em;  }
}










.page-adopt._index .job .u-wrapblck._bg { margin-top: 4rem;}
.c-card { margin-top: 4rem;}
.c-card + .c-card { margin-top: 1rem;}
.c-card-item { padding:2rem; border-radius: 2rem; overflow: hidden; background-color: var(--cl-wh);}
.c-card-pic { margin: -2rem -2rem 1.5rem -2rem;}
.c-card-title + p { margin-top: 0.5rem; line-height: 1.45;}
.c-card-title + p span { font-size: 1.2rem;}

.c-card.c-grid._grid-p1-1-1 .c-card-item { display: grid; align-items: center;}


@media print, screen and (min-width: 640px) {
.page-adopt._index .job .u-wrapblck._bg { margin-top: 10rem; padding: 10rem;}
.c-card { margin-top: 6rem;}
.c-card + .c-card { margin-top: 3rem;}
.c-card-item { padding: 3rem; border-radius: 2rem; }
.c-card-pic { margin: -3rem -3rem 3rem -3rem;}
.c-card-title + p span { font-size: 1.4rem;}

}



.page-adopt._index .job#employee .u-wrapblck._bg { background-color: var(--cl-bg-gr);}


.page-adopt._index .job#part { background-color: var(--cl-bg-gr);}
.page-adopt._index .job#part .u-wrapblck._bg { background-color: #EEF3F9;}





/* interview */
.page-adopt._index .u-inner { max-width: 144rem; }

@media print, screen and (min-width: 640px) {
.page-adopt._index .interview-list { grid-template-columns: repeat(3,1fr); gap: 6rem 4rem; }
.page-adopt._index .interview-list-item:nth-of-type(2),
.page-adopt._index .interview-list-item:nth-of-type(5),
.page-adopt._index .interview-list-item:nth-of-type(8)  { transform: translate(0,-10rem); }
.page-adopt._index .interview-list-item:nth-of-type(3n) { transform: translate(0,-20rem); }
.page-adopt._index .interview-list-title { font-size: 2.4rem;}
.page-adopt._index .interview-list-title + p { margin-top: 1.5rem; font-size: 1.4rem;}
.page-adopt._index .interview-list-pic::before { width: 10rem; height: 9rem; }

}




/* recruitment
----------------------------------------------------------------------------------------------------------------------------*/

.page-adopt._recruitment {}
.page-adopt._recruitment table { width: 100%;}
.page-adopt._recruitment table tr { display: grid;}
.page-adopt._recruitment table tr > * { text-align: left;}
.page-adopt._recruitment table tr + tr { padding-top: 2rem; margin-top: 2rem; border-top: var(--cl-border) 1px solid;}
.page-adopt._recruitment table tr > *:nth-child(1) { margin-bottom: 0.5rem; font-weight: var(--ff-base-bold);}
.page-adopt._recruitment .recruitment-btn { margin: 3rem auto 0;}

@media print, screen and (min-width: 640px) {
.page-adopt._recruitment table tr { grid-template-columns: 24rem auto; gap: 3rem;}
.page-adopt._recruitment table tr + tr { padding-top: 3rem; margin-top: 3rem; }
.page-adopt._recruitment .recruitment-btn { max-width: 36rem; margin-top: 6rem; height: 10rem; padding: 0 5rem;}

}





/* interview
----------------------------------------------------------------------------------------------------------------------------*/

.page-adopt._interview .interview-wrap > * { display: grid; gap: 4rem; padding-inline: 2rem;}
.page-adopt._interview .interview-title { order: 1; line-height: 1.6;}
.page-adopt._interview .interview-pic { order: 2;}
.page-adopt._interview .interview-pic img { border-radius: 2rem; overflow: hidden; }
.page-adopt._interview .interview-box { order: 3;}
.page-adopt._interview .c-pagetitle-box + p { font-size: 1.2rem; color: #888888;}
.page-adopt._interview .c-pagetitle-box + p::before { content: ""; display: block; margin: 3rem 0; width: 3rem; height: 1px; background-color: var(--cl-border);}
.page-adopt._interview .interview-item { position: relative; border-radius: 2rem;}
.page-adopt._interview .interview-item + .interview-item { margin-top: 2rem;}
.page-adopt._interview .interview-item-num { position: absolute; top: -2rem; left: -1rem; color: var(--cl-bg-gr); font-size: 7.6rem; line-height: 1; z-index: 1; }
.page-adopt._interview .interview-item-title { position: relative; margin-bottom: 0.5rem; color: var(--cl-key); font-weight: var(--ff-base-bold); font-size: 1.6rem; z-index: 2;  }

@media print, screen and (min-width: 640px) {
.page-adopt._interview .interview-wrap { position: relative; overflow: initial; }
.page-adopt._interview .interview-wrap::before { position: absolute; top: 0; left: 0; width: 100%; height: 61rem; background-color: var(--cl-wh); content: ""; display: block; z-index: 0;}
.page-adopt._interview .interview-wrap > * { position: relative; align-items: start; grid-template-columns: 73rem 1fr; gap: 16rem 7rem; padding-inline: 3rem; }
.page-adopt._interview .interview-title { order: 2; position: relative; z-index: 2; margin-top: 10rem; }
.page-adopt._interview .interview-title > * {  }
.page-adopt._interview .interview-pic { position: sticky; top: 14rem; align-self: start; z-index: 2; order: 1; grid-row: 1/3; z-index: 1; }
.page-adopt._interview .interview-box { }
.page-adopt._interview .interview-box > * { }
.page-adopt._interview .c-pagetitle-box + p { font-size: 1.6rem; }
.page-adopt._interview .c-pagetitle-box + p::before { margin: 4rem 0; }
.page-adopt._interview .interview-item { max-width: 54rem; padding: 4.5rem 3rem 3rem;}
.page-adopt._interview .interview-item + .interview-item { margin-top: 4rem;}
.page-adopt._interview .interview-item-title { margin-bottom: 1rem; font-size: 1.8rem; }

}



.interview-list { display: grid; gap: 2rem;}
.interview-list-item { transition: 0.3s; }
.interview-list-item a { display: grid; grid-template-columns: 0.6fr 1fr; grid-template-rows: max-content 1fr; gap: 1rem; }
.interview-list-pic { position: relative; grid-row: 1/3; border-radius: 2rem; overflow: hidden;}
.interview-list-pic::before { position: absolute; bottom: 0; right: 0; content: ""; display: block; width: 4rem; height: 4rem; mask: url(/img/adopt/ar_interview.svg) no-repeat center bottom / contain; background-color: var(--cl-wh); z-index: 2; }
.interview-list-title { margin-top: 1rem; font-weight: var(--ff-base-bold); line-height: 1.6; }
.interview-list-title + p { color: #697080; font-size: 1.2rem;}

._person01 .interview-list-item:nth-child(1) { pointer-events: none; opacity: 0.5; }
._person02 .interview-list-item:nth-child(2) { pointer-events: none; opacity: 0.5; }
._person03 .interview-list-item:nth-child(3) { pointer-events: none; opacity: 0.5; }
._person04 .interview-list-item:nth-child(4) { pointer-events: none; opacity: 0.5; }
._person05 .interview-list-item:nth-child(5) { pointer-events: none; opacity: 0.5; }
._person06 .interview-list-item:nth-child(6) { pointer-events: none; opacity: 0.5; }
._person07 .interview-list-item:nth-child(7) { pointer-events: none; opacity: 0.5; }
._person08 .interview-list-item:nth-child(8) { pointer-events: none; opacity: 0.5; }


@media print, screen and (min-width: 640px) {
.interview-list { display: grid; grid-template-columns: repeat(4,1fr); gap: 4rem;}
.interview-list-item a { display: block;  }
.interview-list-pic::before { width: 5.8rem; height: 5.4rem;}
.interview-list-pic img { transition: 0.3s; }
.interview-list-title { margin-top: 1.5rem; }
.interview-list-title + p { margin-top: 1rem;}

.interview-list-item a:hover { opacity: 1; background-color: var(--cl-bg-gr); border-radius: 0 0 2rem 2rem; }
.interview-list-item a:hover .interview-list-pic img { transform: scale(1.1,1.1); }

}







.page-adopt.page-contact .error { margin-top: 0.5rem;}
.page-adopt.page-contact .birth-wrap p { display: flex ; align-items: center; gap: 1rem;}
.page-adopt.page-contact .add-wrap { display: grid ; gap: 1rem;}
.page-adopt.page-contact .add-wrap-zip { display: flex ; align-items: center; gap: 1rem; max-width: 50%;}
.mw_wp_form.mw_wp_form_complete .lead-txt { display: none;}
.mw_wp_form.mw_wp_form_complete .lead-txt + span { display: none;}

@media print, screen and (min-width: 640px) {
.page-adopt.page-contact .error { margin-top: 1rem; font-size: 1.4rem;}
.page-adopt.page-contact .birth-wrap { gap: 0 2rem;}
.page-adopt.page-contact .birth-wrap > *:last-child { grid-columns: 1/3;}
}