.entry-category > ul,
.entry-tags > ul,
.breadcrumb > ul,
.pagination > ul{
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.entry-category > ul > li,
.entry-tags > ul > li,
.breadcrumb > ul > li,
.pagination > ul > li{
margin: 0 .5em 0 0;
padding: 0;
}
.entry-category > ul > li:last-child,
.entry-tags > ul > li:last-child,
.breadcrumb > ul > li:last-child,
.pagination > ul > li:last-child{
margin: 0;
}  html, body, div {} * { box-sizing: border-box; }
html, body{
margin: 0;
padding: 0;
color: #272727;
}
html {
font-size: 10px;
-webkit-text-size-adjust: 100%;
}
body {
font-size: 1.6rem;
font-family: sans-serif;
line-height: 1.8;
}
p {
font-size: 1.4rem;
line-height: 1.6;
}
img {
vertical-align: bottom;
max-width: 100%;
}
iframe {
border: 0;
}
@media (min-width: 769px) {
p {
margin: 1.5em 0;
font-size: 1.6rem;
}
a:hover img{
opacity: 0.8;
}
}  .l-header {
background-color: transparent;
display: flex;
justify-content: space-between;
position: fixed;
top: 0;
transition: background-color .5s;
width: 100%;
z-index: 70;
}
.l-header.scroll,
.l-header--under {
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.l-header__wrap {
}
@media (min-width: 769px) {
.l-header {
position: static;
width: auto;
}
.l-header__wrap {
position: fixed;
top: 0;
left: 0;
z-index: 100;
display: flex;
justify-content: space-between;
width: 100%;
height: auto;
background: #fff;
}
.l-header__wrap.js-scrolled {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.l-header.scroll,
.l-header--under {
box-shadow: none;
}
}  .l-content {
padding-top: 55px;
}
@media (min-width: 769px) {
.l-content {
padding-top: 120px;
}
} .l-footer {
background-color: #3ba899;
padding: 50px 27px;
position: relative;
}
@media (min-width: 769px) {
.l-footer {
padding: 100px 27px 15px;
}
.l-footer__inner {
max-width: 1200px;
margin: 0 auto;
}
}   .c-btn {
background-image: none;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font-weight: 400;
line-height: 1.42857143;
letter-spacing: .1em;
margin-bottom: 0;
padding: 12px 6px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
text-decoration: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
}
.c-btn:hover {
opacity: 0.8;
}
.c-btn--block {
display: block;
width: 100%;
}
.c-btn--slide-toggle.active {
border-radius: 3px 3px 0 0;
}
.c-btn--container--layout--center {
text-align: center;
}
.c-btn--container--layout--center > .c-btn { min-width: 265px;  }
.c-btn-flat {
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-width: 1px;
white-space: normal;
}
.c-btn--default {
background-color: #f4f4f4;
color: #444;
border-color: #ddd;
}
.c-btn--inquiry {
background-color: #f78baa;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
color: #fff;
border-color: #f78baa;
font-family: serif;
}
.c-btn--primary {
background-color: #43b9a6;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
color: #fff;
border-color: #43b9a6;
font-family: serif;
}
.c-btn--blue {
background-color: #74cce3;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
color: #fff;
border-color: #74cce3;
font-family: serif;
}
.c-btn--orange {
background-color: #f39c12;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
color: #fff;
border-color: #f39c12;
font-family: serif;
}
.c-btn--white {
background-color: #fff;
color: #43b9a6;
border-color: #fff;
font-family: serif;
}
.c-btn--white--2 {
background-color: #fff;
color: #43b9a6;
border-color: #43b9a6;
font-weight: bold;
}
.c-btn--white--2--cat {
border-color: #f78baa;
color: #f78baa;
}
.c-btn--black {
background-color: #313131;
color: #fff;
border-color: #313131;
}
.c-btn--black--2 {
background-color: #434d58;
color: #fff;
border-color: #434d58;
}
.c-btn--center {
background-color: #146f60;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
color: #fff;
border-color: #146f60;
font-family: serif;
}
.c-btn--kakogawa {
background-color: #ff7800;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
color: #fff;
border-color: #ff7800;
font-family: serif;
}
.c-btn--himeji {
background-color: #47aec8;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
color: #fff;
border-color: #47aec8;
font-family: serif;
}
.c-btn--tatsuno {
background-color: #44ca73;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
color: #fff;
border-color: #44ca73;
font-family: serif;
}
.c-btn--koudera {
background-color: #e590ca;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
color: #fff;
border-color: #e590ca;
font-family: serif;
}
.c-btn--kitakobe {
background-color: #e8a054;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
color: #fff;
border-color: #e8a054;
font-family: serif;
}
.c-btn--leo {
background-color: #642b3c;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
color: #fff;
border-color: #642b3c;
font-family: serif;
}
.c-btn--icon--l--smartphone--w::before {
content: '';
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--smartphone--w.png);
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 25px;
margin-right: 15px;
vertical-align: bottom;
width: 15px;
}
.c-btn--icon--l--pc--w::before {
content: '';
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--pc--w.png);
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 15.2px;
margin-right: 15px;
vertical-align: -2px;
width: 18px;
}
.c-btn--icon--l--pc--w--2::before {
content: '';
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--pc--w.png);
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 21.11px;
margin-right: 15px;
vertical-align: 5px;
width: 25px;
}
.c-btn--icon--l--clock--w::before {
content: '';
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--clock--w.png);
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 20px;
margin-right: 10px;
vertical-align: top;
width: 20px;
}
.c-btn--icon--l--midtime::before {
content: '';
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--nighttime--2.png);
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 25px;
margin-right: 15px;
vertical-align: bottom;
width: 23.08px;
}
.c-btn--icon--l--midtime--2 {
align-items: center;
display: inline-flex;
justify-content: center;
} .c-btn--icon--r--arrow--1--w {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--1--w.png);
background-repeat: no-repeat;
background-size: 9px;
background-position: right 12px center;
padding-right: 24px;
padding-left: 15px;
}
.c-btn--icon--r--arrow--2--w {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--2--w.png);
background-repeat: no-repeat;
background-size: 5px;
background-position: center right 8px;
}
.c-btn--icon--r--arrow--2--blue {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--2--blue.png);
background-repeat: no-repeat;
background-size: 5px;
background-position: center right 8px;
}
.c-btn--icon--r--arrow--3--w {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--3--w.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: center right 15px;
}
.c-btn--icon--r--arrow--3--blue {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--3--blue.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: center right 15px;
}
.c-btn--white--2--cat.c-btn--icon--r--arrow--3--blue {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--3--cat.png);
}
.c-btn--square {
align-items: center;
color: #3ba899;
display: flex;
flex-direction: column;
font-size: 1.5rem;
font-family: serif;
letter-spacing: .05em; }
.c-btn--square__img {
display: block;
width: 60px;
}
.c-btn--square__title {
display: block;
margin-top: 5px;
}
.c-btn--qa {
align-items: center;
border-radius: 0;
color: #fff;
background-color: #43b9a6;
display: flex;
font-size: 1.4rem;
justify-content: space-between;
text-align: left;
white-space: normal;
}
.c-btn--qa span:first-child {
width: 3em;
}
.c-btn--qa span:last-child {
width: calc(100% - 3em);
}
.c-btn--qa.c-btn--icon--r--arrow--3--w {
background-position: center right 5px;
padding-right: 25px;
}
.c-btn--tel {
position: relative;
background-color: #f78baa;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
color: #fff;
border-color: #f78baa;
}
.c-btn--tel__num {
font-size: 2.6rem;
font-weight: bold;
}
.c-btn--tel::before {
height: 30px;
width: 18px;
vertical-align: -4px;
}
.c-btn--tel__time {
font-size: 1.3rem;
}
.c-btn--tel__time2 {
font-size: 1.1rem;
display: block;
}
.c-btn--box {
align-items: flex-start;
background-color: #fff; border: 1px solid #57c2a2;  border-radius: 0;
display: flex;
flex-direction: column; font-family: sans-serif;
padding: 0;
} .c-btn--box__inner {
display: flex;
flex-direction: column-reverse;
position: relative;
}
.c-btn--box__img {
display: block;
width: 100%;
}
.c-btn--box__title {
color: #272727;
display: block;
width: 100%;
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--4--b.png) calc(100% - 15px) calc(50% + (10px / 2))/8px no-repeat;
font-size: 1.6rem;
font-weight: 700;
padding: 10px 15px 0;
text-align: left;
white-space: normal;
}
.c-btn--box__title--hospital {
position: absolute;
bottom: 0;
background-color: rgba(27,27,27,.6);
color: #fff;
width: 100%;
font-size: 1.2rem;
text-align: center;
font-weight: 700;
padding: 5px;
white-space: normal;
}
.c-btn--box--nolink__title {
color: #272727;
display: block;
width: 100%;
font-size: 1.6rem;
font-weight: 700;
padding: 10px 15px 0;
text-align: left;
white-space: normal;
line-height: 1.4;
}
.c-btn--box--nolink__title .ico-type {
display: inline-block;
background: #EFF8FD;
padding: .3rem .8rem;
margin: 0 0 0 1rem;
border: 1px solid #8CB9CC;
border-radius: 25px;
font-size: 1rem;
font-weight: bold;
vertical-align: middle;
color: #2FA397;
}
.c-btn--box__text {
color: #000;
display: block;
width: 100%;
font-size: 1.4rem;
letter-spacing: 0;
padding: 5px 15px 10px;
text-align: left;
white-space: normal;
}
.c-btn--box__text--hospital {
padding: 10px 15px;
font-weight: bold;
}
.c-btn--box__tab-list.c-tag-list {
padding: 5px 15px 10px;
}
.c-btn--box__tab-list.c-tag-list .c-tag-list__item {
min-width: auto;
}
.c-btn--box--2 {
align-items: center;
background-color: #fff;
border: 1px solid #57c2a2;
border-radius: 0;  display: flex;
font-family: sans-serif;
padding: 10px; } .c-btn--box--2__text {
padding: 0 0 0 10px;
width: 100%;
}
.c-btn--box--2__img {
display: block;
margin: 0 auto auto 0;
width: 95px;
}
.c-btn--box--2__text__title { color: #272727;
font-size: 1.6rem;
font-weight: 700;
display: block;
text-align: left;
white-space: normal;
}
.c-btn--box--2__text__copy {
color: #000;
display: block;
font-size: 1.4rem;
margin-top: 5px;
text-align: left;
white-space: normal;
}
.c-btn--box--3 {
background-color: #fff;
border: 1px solid #43b9a6;
border-radius: 0;
display: block;
padding: 15px;
position: relative;
white-space: normal;
}
.c-btn--box--3__new-tag {
position: absolute;
right: 0;
top: 0;
transform: translateY(-100%);
}
.c-btn--box--3__date {
color: #b7b7b7;
display: block;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0;
text-align: left;
}
.c-btn--box--3__tab-list.c-tag-list {
margin-top: 5px;
}
.c-btn--box--3__title {
color: #000;
font-size: 1.4rem;
margin-top: 10px;
text-align: left;
}
.c-btn--box--4 {
align-items: center;
background-color: #fff;
border: 2px solid #43b9a6;
border-right-width: 20px;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
display: flex;
font-family: serif;
justify-content: flex-start;
padding: 10px;
position: relative;
}
.c-btn--box--4::after {
content: '';
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--1--w.png);
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 11px;
width: 9px;
position: absolute;
top: calc(50% - 5px);
right: -14px;
}
.c-btn--box--4__img {
display: block;
width: 60px;
}
.c-btn--box--4__text {
color: #3ba899;
font-size: 1.6rem;
font-weight: 700;
display: block;
padding-left: 10px;
text-align: left;
white-space: normal;
}
.c-btn--box--5 {
align-items: flex-start;
border-radius: 0;
border: none;
display: flex;
flex-direction: column;
font-family: sans-serif;
padding: 0;
}
.c-btn--box--5 > div {
max-width: 100%;
min-height: 0%;
}
.c-btn--box--5__img {
display: block;
width: 100%;
}
.c-btn--box--5__inner {
background-color: #fff;
border: 1px solid #57c2a2;
width: 100%;
}
.c-btn--box--5__inner__title {
color: #272727;
display: block;
font-size: 1.6rem;
font-weight: 700;
padding: 10px 15px 0;
text-align: left;
white-space: normal;
}
.c-btn--box--5__inner__text {
color: #000;
display: block;
font-size: 1.4rem;
letter-spacing: 0;
padding: 5px 15px 10px;
text-align: left;
white-space: normal;
}
.c-btn--box--6 {
align-items: center;
background-color: #fff;
border: 1px solid #57c2a2;
border-radius: 0;
display: inline-flex;
font-family: sans-serif;
padding: 10px;
flex-wrap: wrap;
justify-content: space-between;
}
.c-btn--slide-toggle.c-btn--white--2.active {
border-bottom: none;
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--6--blue.png);
}
.c-btn--slide-toggle.c-btn--white--2.c-btn--white--2--cat.active {
border-bottom: none;
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--6--cat.png);
}
.c-btn--inquiry.c-btn--slide-toggle.active {
border-bottom: none;
}
.c-btn--inquiry.c-btn--slide-toggle + .c-slide-toggle-box--pink a {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--7--p.png);
color: #f78baa;
}
.c-btn--box--nolink {
border-color: #d2d2d2;
}
.c-btn--box--nolink:hover {
opacity: inherit;
}
.c-btn--zoetis img {
width: 350px;
}
@media (min-width: 769px) { .c-btn--icon--r--arrow--1--w {
background-size: 12px;
}
.c-btn--icon--l--pc--w::before {
width: 25px;
height: 21.11px;
}
.p-footer-link--pc-wrap__item .c-btn--icon--r--arrow--1--w {
background-size: 9px;
}
.c-btn--container--layout--center {
margin-top: 6.5rem;
}
.c-btn--container--layout--center > .c-btn {
display: inline-block;
width: auto;
min-width: 600px;
padding: 2.5rem 2rem 2.2rem;
font-size: 2.4rem;
}
.c-btn--container--layout--center > .c-btn--icon--l--midtime--2 {
display: inline-flex;
line-height: 1.2;
}
.c-btn--container--layout--center > p.u-ta--right {
width: 600px;
margin: 0 auto;
}
.c-btn--container--layout--center .c-btn--icon--l--smartphone--w::before,
.c-pc-btn--l.c-btn--icon--l--smartphone--w::before {
vertical-align: -5px;
}
.c-btn--container--layout--center .c-btn--icon--l--pc--w--2::before {
vertical-align: 19px;
}
.c-btn--container--layout--center .c-btn--icon--r--arrow--2--w {
background-size: 10px;
}
.c-btn--square {
padding: 10px;
height: 100%;
justify-content: center;
padding: 2.5rem 2rem 2.2rem;
}
.c-btn--square__img {
width: 80px;
}
.c-btn--square__title {
font-size: 2.4rem;
}
.c-btn--box--3__tab-list.c-tag-list,
.c-btn--box--3__tab-list.c-tag-list li {
margin-top: 0;
}
.c-btn--slide-toggle {
padding: 18px 6px;
font-size: 2.4rem;
}
.c-btn--slide-toggle-pcnot {
cursor: default;
background-image: none;
padding: 24px 6px;
border-bottom: none;
}
.c-btn--slide-toggle-pcnot:hover {
opacity: 1;
}
.c-btn--slide-toggle-pcnot + .c-slide-toggle-box {
display: block!important;
}
.c-btn--tel__time {
font-size: 1.8rem;
}
.c-btn--tel__time2 {
font-size: 1.5rem;
}
.c-pc-btn--l {
padding: 2.5rem 2rem 2.2rem;
font-size: 2.4rem;
}
.c-btn--box--2 {
border-width: 2px;
}
.c-btn--box--4__img {
width: 80px;
}
.c-btn--box--5__inner {
border-width: 2px;
}
.c-btn--zoetis .u-pc-flex > div:last-child {
margin-left: 10px;
}
}
@media (min-width: 769px) and (max-width: 1000px) {
.c-btn--square__title {
font-size: 1.8rem;
}
} .c-text-link {
text-decoration: none;
}
.c-text-link--1 {
color: #fff;
}
.c-text-link--1::before {
content: '';
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--1--w.png);
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 11px;
margin-right: 10px;
width: 9px;
}
.c-text-link--1.c-indent {
padding: 0 0 0 19px;
text-indent: -19px;
}
.c-text-link--2 {
color: #9ce3d9;
}
.c-text-link--3 {
color: #3d3d3d;
}
.c-text-link--3::before {
content: '';
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--1--b.png);
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 11px;
margin-right: 10px;
width: 9px;
}
.c-text-link--tel {
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--tel.png) 0 center/25px no-repeat;
color: #272727;
font-size: 30px;
font-weight: 700;
padding-left: 32px;
}
.c-text-link--night {
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--night.jpg) 0 center/28px no-repeat;
color: #272727;
font-size: 30px;
font-weight: 700;
padding-left: 32px;
}
@media (min-width: 769px) {
.c-text-link:hover {
text-decoration: underline;
}
.js-tel-link {
pointer-events: none;
}
} .c-pagination {
display: flex;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}
.c-pagination li {
margin: 0 5px;
}
.c-pagination a,
.c-pagination span {
display: inline-block;
vertical-align: middle;
text-decoration: none;
border: solid 1px #e5e5e5;
padding: 0.2rem 0.8rem;
color: #383838;
}
.c-pagination__active span {
background: #43b9a6;
border: solid 1px #43b9a6;
color: #fff;
}
.c-pagination_single {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.c-pagination_single > a {
width: 49%;
white-space: normal;
color: #43b9a6;
font-size: .8em;
}
.c-pagination_single__prev,
.c-pagination_single__next {
display: flex;
justify-content: flex-start;
align-items: center;
border: 2px solid #43b9a6;
position: relative;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
}
.c-pagination_single__next {
padding: 10px 30px 10px 10px;
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--1--g__next.png) #fff no-repeat right 10px center;
background-size: 10px;
}
.c-pagination_single__prev {
padding: 10px 10px 10px 30px;
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--1--g__prev.png) #fff no-repeat 10px center;
background-size: 10px;
}
@media (min-width: 769px) {
.c-pagination_single > a {
width: 45%;
padding-top: 15px;
padding-bottom: 15px;
}
} .c-content-wrap {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
.c-content-wrap--small {
max-width: 800px;
} .c-content-wrap--p-lr--default {
padding-left: 15px;
padding-right: 15px;
}
.c-content-wrap--p-lr--lg {
padding-left: 27px;
padding-right: 27px;
}
.c-content-wrap--p-tb--default {
padding-top: 40px;
padding-bottom: 40px;
}
.c-content-wrap--p-tb--sm {
padding-top: 20px;
padding-bottom: 20px;
}
.c-content-wrap--p-b--none {
padding-bottom: 0;
}
.c-content-wrap--p-tb--last {
margin-bottom: 45px;
}
.c-slide-toggle-box {
background-color: #43b9a6;
border-radius: 0 0 3px 3px; display:none;
padding: 0 18px 15px;
}
.c-slide-toggle-box--w {
background-color: #fff;
border: 1px solid #43b9a6;
border-top: none;
padding-top: 15px;
}
.c-slide-toggle-box--w--2 {
background-color: #fff;
border: 1px solid #fff;
padding-top: 15px;
}
.c-slide-toggle-box--w--3 {
background-color: #fff;
border: 1px solid #fff;
padding-top: 15px;
box-shadow: none;
}
.c-slide-toggle-box--w--cat {
border-color: #f78baa;
}
.c-slide-toggle-box--blue {
background-color: #c1ece4;
border: 1px solid #c1ece4;
padding: 5px;
}
.c-slide-toggle-box--pink {
background-color: #f78baa;
border: 1px solid #f78baa;
} .c-icon--r--blank--w::after {
content: '';
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--blank--w.png);
background-repeat: no-repeat;
background-size: cover;
background-color: #43b9a6;
display: inline-block;
vertical-align: middle;
height: 15px;
margin-left: 5px;
width: 15px;
}
.c-icon--l--caution--w::before {
content: '';
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--caution--w.png);
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 15.06px;
margin-right: 5px;
width: 17px;
vertical-align: middle;
}
.c-icon--l--caution--blue::before {
content: '';
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--caution--blue.png);
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 15.06px;
margin-right: 5px;
width: 17px;
vertical-align: middle;
}
.c-icon--l-tel {
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--tel.png) 0 center/25px no-repeat;
padding-left: 32px;
font-size: 26px;
}
.c-mark--reservation {
width: 20px;
height: 20px;
vertical-align: middle;
}
.c-mark--reservation-description {
align-items: center;
display: flex;
}
.c-mark--reservation-description .c-mark--reservation {
margin-right: 5px;
} .c-bgc--primary {
background-color: #f1f9fa;
}
.c-bgc--cat {
background-color: #f9f4f3;
}
.c-bgc--pig {
background-color: #fff4e4;
} .c-title {
margin: 0;
padding: 0;
}
.c-title--1 {
text-align: center;
}
.c-title--1__text {
display: block;
}
.c-title--1__text--main {
font-size: 1.8rem;
}
.c-title--1__text--sub {
color: #3ba899;
font-size: 1rem;
font-family: serif;
}
.c-title--2 {
font-size: 1.5rem;
line-height: 1.5;
text-align: center;
}
h1.c-title--2 {
color: #20af81;
}
.c-title--3 {
align-items: flex-start;
background-size: 78.6% 78.6%,cover; background-repeat: no-repeat,no-repeat;
background-position: right center,left top;
color: #20af81;
display: flex;
flex-direction: column;
height: calc(100vw * 0.34666);
min-height: 120px;
justify-content: center;
line-height: 1.6;
}
.c-title--3__text {
margin: 0 0 0 4%;
font-size: 1.8rem;
font-weight: 700;
}
.c-title--3__text-headline {
font-size: inherit;
margin: inherit;
}
.c-title--3__text span {
display: inline;
background: #fff; padding: 0.5rem 0.5rem 0.4rem;
line-height: 1.8;
} .c-title--3--dummy { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/dummy--1.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--first { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/first--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--repeated { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/repeated--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--flow { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/flow--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--visit { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/visit--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--department { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--preventive { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/img--preventive.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--nighttime { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/nighttime--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--fee { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/img--fee.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--hospital { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/img--hospital.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--equipment { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/equipment--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--greeting { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/company--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--staff { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/staff--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--company { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/company--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--rinen { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/rinen--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--history { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/history--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--specified-commerce { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/specified-commerce--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--organization-chart { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/organization-chart--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--carestay { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/carestay--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--trimming { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/trimming--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--training { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/training--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--member {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/member--title.jpg);
background-size: cover;
}
.c-title--3--shift { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/event--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--event { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/event--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--foodstore { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/foodstore--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--biljac { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/biljac--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--checkup { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/checkup--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--ocular { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/ocular--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--vaccine { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/vaccine--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--nomidani { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/nomidani--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--antiparasitic { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/antiparasitic--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--hydrophobia { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/hydrophobia--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--ope { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/ope--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--aids { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/aids--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--filaria { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/filaria--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--center { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/center--img--1.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--center2 { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/center--title--2.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--center3 { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/center--title--3.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--kakogawa { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/kakogawa--img--1.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--himeji { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/himeji--img--1.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--himeji2 { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/himeji--title--2.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--himeji3 { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/himeji--title--3.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--tatsuno { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/tatsuno--img--1.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--tatsuno2 { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/tatsuno--title--2.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--tatsuno3 { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/tatsuno--title--3.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--koudera { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/koudera--img--1.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--kitakobe { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/kitakobe--img--1-2.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--leo { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/leo--img--1-2.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--donor { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/donor--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--newses { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/newses--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--shift { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/event--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--event { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/event--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--activity { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/activity--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--contact { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/contact--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--question { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/question--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--medicalcare { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/medicalcare--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--select { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/select--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--smilepack { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/smilepack--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--cathour { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/cathour--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--missing { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/missing--mv--s.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--fip { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/fip--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--introduction { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/introduction--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3__text--main {
display: block;
}
.c-title--3__text--sub {
display: block;
font-size: 1.4rem;
}
.c-title--4 {
background-color: #43b9a6; color: #fff; font-size: 1.8rem;
font-weight: 400;
letter-spacing: .1em;
padding: 5px 0;
text-align: center;
}
.c-title--4--cat {
background-color: #f78baa;
}
.c-title--5 { font-size: 1.6rem;
font-weight: 400; line-height: 1.2;
padding: 0 0 5px 0;
border-bottom: 2px dotted #43b9a6;
}
.c-title--5--2 {
border-bottom: 2px dotted #f19149;
}
.c-title--5--cat {
border-bottom: 2px dotted #f78baa;
}
.c-title--6 {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
padding: 0 0 0 5px;
border-left: 2px solid #43b9a6;
}
.c-title--6--cat {
border-left: 2px solid #f78baa;
}
.c-title--7 {
font-size: 1.8rem;
font-family: serif;
font-weight: 400;
line-height: 1.6;
letter-spacing: .05em;
}
.c-title--8 {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
}
.c-title--9 {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.4;
padding-left: 1.2em;
text-indent: -1.2em;
}
.c-title--9::before {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--check.png);
background-size: 1em;
background-repeat: no-repeat;
background-position: left center;
content: '';
display: inline-block;
vertical-align: -2px;
height: 1em;
width: 1.2em;
} .c-title--10 {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0;
padding: 0;
text-align: center;
}
.c-title--10__text {}
.c-title--10::after {
background: linear-gradient(90deg, #4bcab5 0%, #7fe682 100%);
content: '';
display: block;
height: 2px;
margin-top: 3px;
width: 25px;
}
.c-title--10--cat::after,
.c-title--10--rabbit::after {
background: linear-gradient(90deg, #e6688d 0%, #f78baa 100%);
}
.c-title--10--pig::after,
.c-title--10--rabbit::after {
background: linear-gradient(90deg, #ff8c00 0%, #f39C12 100%);
}
.c-title--11 {
padding-left: 1.2em;
text-indent: -1.2em;
font-weight: bold;
font-size: 1.5rem;
}
.c-title--11::before {
content: '●';
color: #43b9a6;
margin-right: .2em;
}
.c-title--12 {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
padding: 0 0 5px 0;
border-bottom: 1px solid #43b9a6;
}
.c-title--12--cat {
border-bottom: 1px solid #f78baa;
}
.c-title--13 {
color: #43b9a6;
font-size: 1.7rem;
font-weight: 700;
line-height: 1.4;
text-align: center;
}
.c-title--14 {
font-size: 1.6rem;
font-weight: 500;
line-height: 1.2;
padding: 0 0 5px 0;
border-bottom: 2px dotted #43b9a6;
display: flex;
justify-content: space-between;
align-items: center;
}
.c-title--14--cat {
border-bottom: 2px dotted #f78baa;
}
.c-title--14__item--num {
width: 20px;
}
.c-title--14__item--text {
color: #000;
margin-left: .5em;
margin-right: auto;
text-decoration: none;
}
a.c-title--14__item--text:hover {
opacity: .7;
}
.c-title--14__item--img {
width: 148px;
}
.c-title--15 {
color: #43b9a6;
font-size: 2rem;
font-weight: 700;
}
.c-title--16 {
color: #157867;
width: fit-content;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.2;
padding: 0 0 5px 0;
border-bottom: 2px solid #157867;
}
.c-title--16--cat {
color: #e6678c;
border-bottom: 2px solid #e6678c;
}
.c-title--16--pig {
color: #f39C12;
border-bottom: 2px solid #f39C12;
}
.c-page-title-img {}
.c-page-title-img__img {
display: block;
width: 100%;
}
@media (min-width: 769px) {
.c-title--2 {
font-size: 2.5rem;
}
.c-title--3 {
height: 290px;  background-size: auto;
background-position: center center,left top;
}
.c-title--3__text {
margin: 0 auto;
font-size: 3.5rem;
}
.c-title--3__text span.c-title--3__text--sub {
font-size: 2.2rem;
}
.c-title--3__text span {
color: #fff;
background: #0bc194;
padding: 0.5rem 1rem;
}
.c-title--3__text span.u-pc-pl--none {
padding-left: 0;
}
.c-title--3__text span.u-pc-pr--none {
padding-right: 0;
}
.c-title--3--first { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/first--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--repeated { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/repeated--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--flow { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/flow--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--visit { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/visit--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--department { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/department--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--preventive { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/preventive--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--nighttime { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/nighttime--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--fee { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/fee--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--equipment { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/equipment--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--greeting { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/company--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--staff { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/staff--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--company { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/company--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--rinen { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/rinen--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--history { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/history--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--specified-commerce { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/specified-commerce--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--organization-chart { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/organization-chart--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--carestay { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/carestay_mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--trimming { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/trimming--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--training { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/training--title.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--member {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/member--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%);
background-size: auto,cover;
}
.c-title--3--shift { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/event--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--event { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/event--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--foodstore { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/foodstore--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--biljac { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/biljac--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--checkup { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/checkup--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--ocular { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/ocular--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--vaccine { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/vaccine---mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--nomidani { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/nomidani--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--antiparasitic { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/antiparasitic--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--hydrophobia { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/hydrophobia---mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--ope { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/ope--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--aids { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/aids--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--filaria { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/filaria--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--center { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/center--img--1.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--center2 { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/center--title--2.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--center3 { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/center--title--3.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--kakogawa { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/kakogawa--img--1.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--himeji { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/himeji--img--1.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--himeji2 { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/himeji--title--2.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--himeji3 { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/himeji--title--3.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--tatsuno { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/tatsuno--img--1.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--tatsuno2 { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/tatsuno--title--2.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--tatsuno3 { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/tatsuno--title--3.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--koudera { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/koudera--img--1.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--kitakobe { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/kitakobe--img--1-2.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); } .c-title--3--leo { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/leo--img--1-2.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--donor { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/donor--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--newses { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/newses--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--shift { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/event--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--event { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/event--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--activity { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/activity--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--contact { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/contact--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--question { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/question--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--medicalcare { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/medicalcare--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--select { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/select--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--smilepack { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/smilepack--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--cathour { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/cathour--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--missing { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/missing--mv-l.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--fip { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/fip--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--3--introduction { background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/introduction--mv.jpg),linear-gradient( 25deg, #4bcab5 0%, #7fe682 100%); }
.c-title--5 {
font-size: 2rem;
}
.c-title--6 {
font-size: 2rem;
}
.c-title--7 {
font-size: 2.2rem;
}
.c-title--8 {
font-size: 2rem;
}
.c-title--9 {
font-size: 2rem;
} .c-title--10 {
margin-bottom: 35px;
font-size: 3rem;
}
.c-title--10::after {
height: 4px;
width: 50px;
}
.c-title--11 {
font-size: 1.8rem;
}
.c-title--13 {
font-size: 3rem;
}
.c-title--14 {}
.c-title--14__item--num {
width: 40px;
}
.c-title--14__item--text {
font-size: 2rem;
}
.c-title--14__item--img {
width: 296px;
}
.c-title--16 {
font-size: 2rem;
}
} .c-list {
list-style: none;
margin: 0;
padding: 0;
}
.c-list--1 {
line-height: 1.6;
}
.c-list--1__item {
padding-left: 1.2em;
text-indent: -1.2em;
font-size: 1.4rem; }
.c-list--1__item:not(:first-child) {
margin-top: 5px;
}
.c-list--1__item::before { content: '●';
color: #43b9a6;
margin-right: .2em;
}
.c-list--1__item--cat::before {
color: #f78baa;
}
.c-list--1__item--black::before {
color: #272727;
}
.c-list--1__item--warning::before {
color: #f39c12;
}
.c-list--2 {
line-height: 1.6;
margin: 0;
border: 2px solid #7ACEC0;
background: #fff;
padding: 5px;
}
.c-list--2--cat {
border: 2px solid #f78baa;
}
.c-list--2--pig {
border: 2px solid #f39C12;
}
.c-list--2__item {
padding: 5px;
}
.c-list--2__item:not(:first-child) { border-top: 1px solid #ccc;
}
.c-list--2__item__tit {
font-size: 14px;
margin: 0;
}
.c-list--2__item__desc {
font-size: 14px;
display: none;
margin: 0.5em 0;
}
.c-list--3 {
line-height: 1.6;
}
.c-list--3__item {
padding-left: 1.2em;
text-indent: -1.2em;
}
.c-list--3__item:not(:first-child) {
margin-top: 5px;
}
.c-list--3__item::before {
content: '★';
color: #43b9a6;
margin-right: .2em;
}
.c-list--3--w {
color: #fff;
}
.c-list--3--w .c-list--3__item::before {
color: #fff;
}
.c-list--4 {
line-height: 1.5;
}
.c-list--4__item {
margin: 0;
} .c-list--4__item--title {
font-weight: 700;
font-size: 1.1rem;
line-height: 2;
}
.c-list--4__item__copy {
border-bottom: 1px solid #bfbfbf;
padding: 0 0 5px;
margin: 0 0 10px;
}
.c-list--5 {
line-height: 1.6;
}
.c-list--5__item {
padding-left: 1.2em;
text-indent: -1.2em;
}
.c-list--5__item:not(:first-child) {
margin-top: 5px;
}
.c-list--5__item::before {
content: '>';
margin-right: .2em;
padding: 0 .3em;
}
.c-list--6 {
line-height: 1.6;
}
.c-list--6__item {
padding-left: 1.2em;
text-indent: -1.2em;
}
.c-list--6__item:not(:first-child) {
margin-top: 5px;
}
.c-list--6__item::before {
content: '-';
margin-right: .2em;
padding: 0 .3em;
}
.c-list--7 {
line-height: 1.6;
}
.c-list--7__item {
padding-left: 1.2em;
text-indent: -1.2em;
}
.c-list--7__item:not(:first-child) {
margin-top: 5px;
}
.c-list--7__item::before {
content: '■';
color: #43b9a6;
margin-right: .2em;
}
.c-list--8 {
counter-reset: my-counter;
list-style: none;
padding: 0;
}
.c-list--8__item {
line-height: 1.4;
margin-bottom: 10px;
padding-left: 30px;
position: relative;
}
.c-list--8__item:before {
border: 1px solid #999;
content: counter(my-counter);
counter-increment: my-counter; color: #222;
display: block;
float: left;
font-size: .5em;
font-weight: 700;
line-height: 2em;
margin-left: -30px;
text-align: center;
height: 2em;
width: 2em;
border-radius: 50%;
}
.c-list--9 {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.c-list--9__item {
background-color: #43b9a6;
color: #fff;
margin: 6px 0 0;
padding: 0;
text-align: center;
width: calc(50% - 3px);
}
.c-list--9__item a {
color: #fff;
text-decoration: none;
display: block;
}
.c-list--9__item:nth-child(1),
.c-list--9__item:nth-child(2) {
margin-top: 0;
}
.c-list--9__item--non {
background-color: #ccc;
color: #fff;
}
.c-list--danger {
color: #ef3737;
line-height: 1.6;
}
.c-list--danger--b {
color: #272727;
}
.c-list--danger__item {
padding-left: 1.2em;
text-indent: -1.2em;
}
.c-list--danger__item:not(:first-child) {
margin-top: 2px;
}
.c-list--danger__item::before {
content: '※';
margin-right: .2em;
}
.c-list--decimal {
list-style: decimal;
padding: 0 0 0 1.2em;
}
.c-list--link-grid {
border-left: 1px solid #57c2a2;
border-top: 1px solid #57c2a2;
display: flex;
flex-wrap: wrap;
}
.c-list--link-grid__item {
border-right: 1px solid #57c2a2;
border-bottom: 1px solid #57c2a2;
width: 50%;
}
.c-list--column-control--1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.c-list--column-control--2 {
display: flex;
justify-content: space-between;
}
.c-list--column-control--1__item {
margin-top: 15px;
width: calc(50% - 5px);
}
.c-list--column-control--1__item:nth-child(1),
.c-list--column-control--1__item:nth-child(2) {
margin-top: 0;
}
.c-list--column-control--1__item__img {
display: block;
width: 100%;
}
.c-list--column-control--1__item__title {
display: block;
font-size: .8em;
margin-top: 5px;
}
.c-list--column-control--greeting {
display: flex;
align-items: center;
justify-content: center;
}
.c-list--column-control--greeting__item--img {
margin-right: 3%;
width: calc(340px / 2);
}
.c-list--column-control--greeting__item--img img {
height: auto;
width: 100%;
}
.c-list--column-control--greeting__item .u-ff--serif {
font-weight: bold;
}
.c-qa-list {
display: flex;
flex-wrap: wrap;
font-size: 1.4rem;
justify-content: space-between;
line-height: 1.4;
margin: 10px 0 0;
padding: 0;
}
.c-qa-list__title {
margin: 0;
padding: 0;
width: 2.5em;
}
.c-qa-list__copy {
margin: 0;
padding: 0;
width: calc(100% - 2.5em);
}
.c-qa-list__title--a {
border-top: 1px solid #ccc;
margin-top:10px;
padding-top: 10px;
}
.c-qa-list__copy--a {
border-top: 1px solid #ccc;
margin-top:10px;
padding-top: 10px;
}
.c-qa-list__copy--a p {
font-size: 1.4rem;
margin: 0;
}
.c-qa-list__copy--a a {
color: #157867;
}
.c-qa-list__copy--a a:hover {
text-decoration: none;
}
.c-event-list {
background: #f1f9fa;
border: solid 2px #dcdcdc;
padding: 1rem;
}
.c-event-list__item {
padding: 0.5rem 0 0.5rem 1.2rem;
text-indent: -1.2em;
}
.c-event-list .c-event-list__item:not(:last-of-type) {
border-bottom: solid 1px #b7b7b7;
}
.c-event-list__item::before {
content: "▶︎";
color: #43b9a6;
margin-right: .4em;
}
.c-event-list__item a {
text-decoration: none;
color: #242424;
}
.c-event-list__item a:hover {
text-decoration: underline;
}
.c-nav {
list-style: none;
margin: 0;
padding: 0;
}
.c-nav--tabs {
display: flex;
justify-content: space-between;
}
.c-nav--tabs__item {
width: 50%;
}
.c-nav--tabs__item__link {
align-items: center;
border-top: 2px solid #eee;
border-bottom: 2px solid transparent;
color: #b7b7b7;
display: flex;
font-weight: 700;
justify-content: center;
padding: 15px 0;
text-decoration: none;
}
.c-nav--tabs__item__link.active {
border-bottom-color: #3ba899;
color: #3ba899;
}
.c-tabs-content {
display: none;
}
.c-tabs-content.active {
display: block;
}
@media (min-width: 769px) {
.c-text-link--1::before {
height: 16px;
margin-right: 15px;
width: 13px;
vertical-align: -1px;
}
.c-list--link-grid,
.c-list--link-grid__item {
border-width: 2px;
}
.c-list--link-grid__item {
width: 25%; max-height: 270px;
}
.c-list--1__item {
font-size: 1.6rem;
}
.c-list--2 {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.c-list--2__item {
width: 49%;
border-bottom: solid 1px #ccc;
}
.c-list--2__item:not(:first-child) {
border-top: none;
}
.c-list--2__item:last-child,
.c-list--2__item:nth-last-child(2):nth-child(odd) {
border-bottom: none;
}
.c-list--4 {
display: flex;
flex-wrap: wrap;
}
.c-list--4__item {
border-bottom: 1px solid #bfbfbf;
padding: 0 0 5px;
margin: 0 0 10px;
}
.c-list--4__item--title {
width: 12rem;
font-size: 1.4rem;
}
.c-list--4__item__copy {
padding: 0 0 5px 2rem;
margin: 0 0 10px;
width: calc(100% - 12rem);
font-size: 1.4rem;
}
.c-list--9__item {
width: calc((100% /3) - 3px)
}
.c-list--9__item:nth-child(3) {
margin-top: 0;
}
.c-list--9__item a:hover {
background: rgba(255,255,255,.3);
}
.c-list--column-control--1__item__img {
width: auto;
}
.c-list--column-control--1__item__title {
font-size: 1.2rem;
margin-top: 0;
}
} .c-tag-list {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.c-tag-list__item {
font-size: 1rem;
margin-top: 5px;
padding: 2px 5px;
}
.c-tag-list__item:not(:last-child) {
margin-right: 5px;
}
.c-tag {
background-color: #43b9a6;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 1rem;
padding: 2px 5px;
text-align: center;
text-decoration: none;
vertical-align: bottom;
min-width: 5em;
}
.c-tag--1 {
border-radius: 50px;
}
.c-tag--2 {
border-radius: 3px 3px 0 0;
}
.c-tag--bgc--1 {
background-color: #43b9a6;
}
.c-tag--bgc--2 {
background-color: #146f60;
}
.c-tag--bgc--3 {
background-color: #47aec8;
}
.c-tag--bgc--4 {
background-color: #44ca73;
}
.c-tag--bgc--5 {
background-color: #e590ca;
}
.c-tag--bgc--6 {
background-color: #e8a054;
}
.c-tag--bgc--7 {
background-color: #642b3c;
}
.c-tag--bgc--8 {
background-color: #ff7800;
}
.c-tag--bgc--gray {
background-color: #ccc; color: #999;
}
.c-tag--bgc--danger {
background-color: #ef3737;
}
.c-tag--bgc--warning {
background-color: #f39c12;
}
@media (min-width: 769px) {
.c-tag {
font-size: 1.1rem;
padding: 2px 8px;
}
} .c-box {
border: 1px solid #ccc;
margin: 0;
}
.c-box--block {
display: block;
padding: 10px;
}
.c-box--inline-block {
display: inline-block;
padding: 1px 6px;
}
.c-box--color--blue {
border-color: #43b9a6;
}
.c-box--color--blue--2 {
border-color: #43b9a6;
background-color: #fff;
}
.c-box--color--blue--3 {
border-color: #43b9a6;
background-color: #f1f3f2;
}
.c-box--color--blue--4 {
border-color: #f1f9fa;
background-color: #f1f9fa;
}
.c-box--color--blue--5 {
border-color: #e8faf3;
background-color: #e8faf3;
}
.c-box--color--blue--6 {
border-color: #43b9a6;
background-color: #f1f9fa;
}
.c-box--color--blue--cat {
border-color: #f78baa;
background-color: #fff;
}
.c-box--color--w {
border-color: #fff;
background-color: #fff;
}
.c-box--color--w--2 {
border-color: #eee;
border-width: 2px;
background-color: #fff;
}
.c-box--color--w--3 {
border-width: 2px;
}
.c-box--color--warning {
border-color: #e08e0b;
background-color: #fffcf8;
}
@media (min-width: 769px) {
.c-box--block {
padding: 20px;
}
} .c-table {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
padding: 0;
width: 100%;
}
.c-table th,
.c-table td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-collapse: collapse;
border-spacing: 0;
}
.c-table--1 {
background-color: #fff;
font-size: .8em;
line-height: 1.4;
}
.c-table--1 th,
.c-table--1 td {
padding: 10px 5px; text-align: center;
}
.c-table--1 th.c-table-wide,
.c-table--1 td.c-table-wide {
padding: 10px 20px;
}
.c-table--1 th.border-left,
.c-table--1 td.border-left {
border-left: 3px double #ccc;
}
.c-table--1 th {
background-color: #eee;
}
.c-table--1__em,
.c-table--1 th.c-table--1__em {
background-color: #b8e9e0;
color: #147866;
}
.c-table--1__left th,
.c-table--1__left td {
text-align: left;
}
.c-table--1 td > span {
display: block;
font-size: 10px;
margin: 0.2em 0 0;
}
@media (min-width: 769px) {
.c-table--1 td > span {
font-size: .85em;
}
}
.c-table--2 {
border-right: 1px solid #ccc;
background-color: #fff;
display: flex;
flex-wrap: wrap;
font-size: .8em;
justify-content: space-between;
line-height: 1.4;
}
.c-table--2 dt,
.c-table--2 dd {
border-bottom: 1px solid #ccc;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
padding: 10px;
width: 70%;
}
.c-table--2 dt {
background-color: #eee;
font-weight: 700;
width: 30%;
}
.c-table--2 .c-table--2__item--40per {
width: 40%;
}
.c-table--2 .c-table--2__item--60per {
width: 60%;
}
.c-table--smilepack {
border-top: 1px solid #43baa7;
border-left: 1px solid #43baa7;
max-width: 690px;
margin: 0 auto;
}
.c-table--smilepack--cat {
border-top: 1px solid #fd8fa9;
border-left: 1px solid #fd8fa9;
}
.c-table--smilepack thead td {
background-color: #fff;
}
.c-table--smilepack thead th {
background-color: #b7e9e0;
}
.c-table--smilepack--cat thead th {
background-color: #ffbdcd;
}
.c-table--smilepack tbody td,
.c-table--smilepack tbody th {
background-color: #fff;
}
.c-table--smilepack tbody tr:nth-child(odd) td,
.c-table--smilepack tbody tr:nth-child(odd) th {
background-color: #efeeec;
}
.c-table--smilepack th,
.c-table--smilepack td {
border-bottom: 1px solid #43baa7;
border-right: 1px solid #43baa7;
margin: 0;
padding: 0;
}
.c-table--smilepack--cat th,
.c-table--smilepack--cat td {
border-bottom: 1px solid #fd8fa9;
border-right: 1px solid #fd8fa9;
}
.c-table--smilepack a,
.c-table--smilepack img {
display: block;
}
.c-table--smilepack img {
margin: 0 auto;
}
@media (min-width: 769px) {
.c-table--1,
.c-table--2 {
font-size: .9em;
}
.c-table--smilepack {
border-top-width: 2px;
border-left-width: 2px;
}
.c-table--smilepack th,
.c-table--smilepack td {
border-bottom-width: 2px;
border-right-width: 2px;
}
} .c-indent {
padding: 0 0 0 1.2rem;
text-indent: -1.2rem;
} .c-layout-column-control {
display: flex;
}
.c-layout-column-control--1 {
justify-content: space-between;
flex-wrap: wrap;
}
.c-layout-column-control--2 {
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.c-layout-column-control__item {
width: calc(50% - 5px);
}
.c-layout-column-control__item--15pct {
width: calc(15% - 5px);
}
.c-layout-column-control__item--20pct {
width: calc(20% - 5px);
}
.c-layout-column-control__item--25pct {
width: calc(25% - 5px);
}
.c-layout-column-control__item--30pct {
width: calc(30% - 5px);
}
.c-layout-column-control__item--38pct {
width: calc(38% - 5px);
}
.c-layout-column-control__item--45pct {
width: calc(45% - 5px);
}
.c-layout-column-control__item--55pct {
width: calc(55% - 5px);
}
.c-layout-column-control__item--62pct {
width: calc(62% - 5px);
}
.c-layout-column-control__item--70pct {
width: calc(70% - 5px);
}
.c-layout-column-control__item--75pct {
width: calc(75% - 5px);
}
.c-layout-column-control__item--80pct {
width: calc(80% - 5px);
}
.c-layout-column-control__item__img {
width: 100%;
}
@media (min-width: 769px) {
.c-content-wrap--p-tb--default {
padding-top: 65px;
padding-bottom: 65px;
}
.c-content-wrap--p-tb--last {
margin-bottom: 65px;
}
.c-title--1 {
line-height: 1.4;
}
.c-title--1__text--main {
font-size: 3rem;
font-weight: normal;
letter-spacing: 4px;
}
.c-title--1__text--sub {
font-size: 1.5rem;
letter-spacing: 1px;
} .c-pc-layout-column-control__item--30pct {
width: calc(30% - 10px);
}
.c-pc-layout-column-control__item--50pct {
width: calc(50% - 10px);
}
.c-pc-layout-column-control__item--70pct {
width: calc(70% - 10px);
}
.c-pc-layout-column-control__item--auto {
width: auto;
}
.c-pc-layout-column2-box1 {
display: flex;
}
.c-pc-layout-column2-box2 {
display: flex;
align-items: center;
justify-content: space-between;
}
.box-ec .c-pc-layout-column2-box2{
justify-content: center;
}
.c-pc-layout-column2-box3 {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}
.c-pc-layout-column3-box,
.c-pc-layout-column3-box3 {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}
.c-pc-layout-column3-box2,
.c-pc-layout-column3-box5 {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.c-pc-layout-column3-box4 {
display: flex;
align-items: stretch;
}
.c-pc-layout-column4-box {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.c-pc-layout-column4-box2 {
display: flex;
align-items: stretch;
justify-content: flex-start;
}
.c-pc-layout-column4-box3 {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.c-pc-layout-column2-item--1 {
margin-right: 3rem;
width: 30%;
flex-shrink: 0;
}
.c-pc-layout-column2-item--2 {
margin-left: 3rem;
}
.c-pc-layout-column2-box3 .c-pc-layout-column-control__item {
width: calc(50% - 10px);
}
.c-pc-layout-column3-box .c-pc-layout-column-control__item,
.c-pc-layout-column3-box3 .c-pc-layout-column-control__item {
width: calc(33% - 10px);
}
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item,
.p-hospital-list.c-pc-layout-column3-box3 .c-pc-layout-column-control__item { width: calc(25% - 10px);
}
.c-pc-layout-column3-box2 .c-pc-layout-column-control__item {
width: 33%;
margin: 0 0.5% 0 0;
}
.c-pc-layout-column3-box5 .c-pc-layout-column-control__item {
width: 32%;
margin: 0 2% 0 0;
}
.c-pc-layout-column3-box2 .c-pc-layout-column-control__item:nth-of-type(3n),
.c-pc-layout-column3-box5 .c-pc-layout-column-control__item:nth-of-type(3n) {
margin: 0;
}
.c-pc-layout-column4-box .c-list--column-control--1__item {
width: calc(25% - 5px);
}
.c-pc-layout-column4-box2 .c-list--column-control--1__item,
.c-pc-layout-column4-box2 .c-pc-layout-column-control__item,
.c-pc-layout-column4-box3 .c-list--column-control--1__item,
.c-pc-layout-column4-box3 .c-pc-layout-column-control__item {
width: 24%;
margin-right: calc(3.99% / 3); }
.c-pc-layout-column4-box2 .c-list--column-control--1__item:nth-of-type(4n),
.c-pc-layout-column4-box2 .c-pc-layout-column-control__item:nth-of-type(4n),
.c-pc-layout-column4-box3 .c-list--column-control--1__item:nth-of-type(4n),
.c-pc-layout-column4-box3 .c-pc-layout-column-control__item:nth-of-type(4n) {
margin-right: 0;
}
.c-pc-layout-column4-box .c-list--column-control--1__item:nth-child(3),
.c-pc-layout-column4-box .c-list--column-control--1__item:nth-child(4),
.c-pc-layout-column4-box2 .c-list--column-control--1__item:nth-child(3),
.c-pc-layout-column4-box2 .c-list--column-control--1__item:nth-child(4),
.c-pc-layout-column4-box2 .c-pc-layout-column-control__item:nth-child(3),
.c-pc-layout-column4-box2 .c-pc-layout-column-control__item:nth-child(4),
.c-pc-layout-column4-box3 .c-list--column-control--1__item:nth-child(3),
.c-pc-layout-column4-box3 .c-list--column-control--1__item:nth-child(4),
.c-pc-layout-column4-box3 .c-pc-layout-column-control__item:nth-child(3),
.c-pc-layout-column4-box3 .c-pc-layout-column-control__item:nth-child(4){
margin-top: 0;
}
.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+3).u-mt--m,
.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+3).u-mt--sl,
.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+3).u-mt--ml,
.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+3).c-pc-layout-column-control__item {
margin-top: 0;
}
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+4).u-mt--m,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+4).u-mt--sl,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+4).u-mt--ml,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+4).c-pc-layout-column-control__item {
margin-top: 0;
}
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(5).u-mt--m,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(5).u-mt--sl,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(5).u-mt--ml,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(5).c-pc-layout-column-control__item {
margin-right: 14px;
margin-left: auto;
}
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(7).u-mt--m,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(7).u-mt--sl,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(7).u-mt--ml,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(7).c-pc-layout-column-control__item {
margin-right: auto;
margin-left: 14px;
} .c-pc-layout-column3-box .c-btn--icon--r--arrow--1--w,
.c-pc-layout-column2-box3 .c-btn--icon--r--arrow--1--w {
background-size: 9px;
}
.c-list--column-control--greeting {
align-items: flex-start;
justify-content: flex-start;
}
.c-list--column-control--greeting__item--img {
margin-right: 3rem;
width: 230px;
}
.c-list--column-control--greeting__item--text {
flex: 1;
}
}
@media (max-width: 999px) and (min-width: 769px) { .c-pc-layout-column3-box .c-pc-layout-column-control__item,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item {
width: calc(50% - 10px);
}
.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+3).u-mt--m,
.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+3).u-mt--sl,
.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+3).u-mt--ml {
margin-top: 25px;
}
.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+2).u-mt--m,
.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+2).u-mt--sl,
.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+2).u-mt--ml,
.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+2).c-pc-layout-column-control__item {
margin-top: 0;
}
.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+3).c-pc-layout-column-control__item {
margin-top: 15px;
}
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(-n+4).c-pc-layout-column-control__item {
margin-top: 15px;
}
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(5).u-mt--m,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(5).u-mt--sl,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(5).u-mt--ml,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(5).c-pc-layout-column-control__item {
margin-right: unset;
margin-left: unset;
}
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(7).u-mt--m,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(7).u-mt--sl,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(7).u-mt--ml,
.p-hospital-list.c-pc-layout-column3-box .c-pc-layout-column-control__item:nth-of-type(7).c-pc-layout-column-control__item {
margin-right: unset;
margin-left: unset;
}
.c-pc-layout-column3-box2 .c-pc-layout-column-control__item {
width: 49%;
margin: 0 0.5% 0 0;
}
.c-pc-layout-column3-box2 .c-pc-layout-column-control__item:nth-of-type(3n) {
margin: 0 0.5% 0 0;
}
.c-pc-layout-column3-box2 .c-pc-layout-column-control__item:nth-of-type(2n) {
margin: 0;
}
.c-pc-layout-column3-box5 .c-pc-layout-column-control__item {
width: 49%;
margin: 0 2% 0 0;
}
.c-pc-layout-column3-box5 .c-pc-layout-column-control__item:nth-of-type(3n) {
margin: 0 2% 0 0;
}
.c-pc-layout-column3-box5 .c-pc-layout-column-control__item:nth-of-type(2n) {
margin: 0;
}
} .c-toggle--1__link .c-nav--tabs__item__link {
border: none;
background: #ddd;
color: #43b9a6;
text-align: center;
line-height: 1.5;
}
.c-toggle--1__link .c-nav--tabs__item__link.active {
background: #43b9a6;
color: #fff;
}
.c-toggle--1__link .c-nav--tabs__item__link:hover {
opacity: 0.8;
}
.c-tab-toggle--1__wrap {
border: solid 2px #43b9a6;
padding: 20px 3.6%;
}
.c-tab-toggle--1__wrap .c-tab-toggle__show:not(:first-of-type) {
display: none;
} @media (min-width: 769px) {
.entry-content {
margin: 30px 0 0;
}
}
.c-select-dog-cat {
margin-top: 20px;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
}
.c-select-dog-cat-rabbit {
margin-top: 30px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px 0;
}
.c-select-dog-cat__btn,
.c-select-dog-cat-rabbit__btn {
background-color: #43b9a6;
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--3--w.png);
background-repeat: no-repeat;
background-size: 9px;
background-position: left 8px center;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #43b9a6;
cursor: pointer;
color: #fff;
display: inline-block;
font-weight: 400;
font-family: serif;
line-height: 1.42857143;
letter-spacing: .1em;
padding: 6px 15px 5px 24px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
text-decoration: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
}
.c-select-dog-cat__btn {
font-size: 90%;
}
.c-select-dog-cat-rabbit__btn {
width: 360px;
max-width: 100%;
}
.c-select-dog-cat__btn--cat,
.c-select-dog-cat__btn--rabbit {
background-color: #f78baa;
border: 1px solid #f78baa;
}
.c-select-dog-cat__btn--pig {
background-color: #f39c12;
border: 1px solid #f39c12;
}
.c-select-dog-cat__btn:hover,
.c-select-dog-rabbit__btn:hover {
opacity: 0.8;
}
@media (min-width: 769px) {
.c-select-dog-cat-rabbit {
margin-top: 55px;
flex-direction: row;
gap: 0 30px;
}
.c-select-dog-cat__btn {
margin: 0 15px;
}
.c-select-dog-cat-rabbit__btn {
width: fit-content;
}
}  .p-menu-btn {
height: 55px;
width: 60px;
}
.p-menu-btn__img {
display: block;
width: 60px;
height: auto;
}
.p-logo {
margin: 0;
padding: 0;
width: calc(100% - 60px);
}
.p-logo__link {
display: block;
padding: 0 60px 0 0;
}
.p-logo__link__img {
display: block;
margin: 0 auto;
height: 55px;
width: 97px;
}
@media (min-width: 769px) {
.p-logo {
width: auto;
}
.p-menu-btn {
display: none;
}
.p-logo__link__img {
margin: 0;
width: 125.22px;
height: 71px;
}
.p-logo__link {
padding: 15px 20px 0;
}
}
@media (min-width: 1090px) {
.p-logo {
flex-shrink: 0;
}
.p-logo__link__img {
width: 194px;
height: 110px;
}
.p-logo__link {
padding: 0 20px 0 20px;
}
}
@media (max-width: 1199px) and (min-width: 769px) {
.p-logo__link { }
} .p-nav-menu-wrap {
background-color: #fff;
height: 100%;
width: 100vw;
-webkit-overflow-scrolling: touch;
position: fixed; top: -200vh;
z-index: 100;
transition: top .3s;
}
.p-nav-menu-wrap.active {
top: 0;
}
.p-nav-menu-wrap__child {
height: 100%;
width: 100vw;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
padding: 60px 0 0;
z-index: 101;
}
.p-nav-menu {
padding: 22px 27px;
}
.p-nav-menu--header {
background-color: #fff;
border-bottom: 1px solid #b7b7b7;
display: flex;
position: fixed;
top: -200vh;
transition: top .3s;
width: 100%;
z-index: 102;
}
.p-nav-menu--header__close {
height: 55px;
width: 60px;
}
.p-nav-menu--header__close__img {
display: block;
width: 60px;
}
.p-nav-menu--header__search {
align-items: center;
display: flex;
justify-content: center;
height: 55px;
padding: 0 22px;
width: calc(100% - 60px);
}
.p-nav-menu--header__search__input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
background-color: #e6e6e6;
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--search.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 17px;
border: none;
border-radius: 0;
line-height: 2;
margin: 0;
outline: none;
padding: 5px;
width: 100%;
}
.p-nav-menu-wrap.active .p-nav-menu--header {
top: 0;
}
.p-nav-menu__banner {}
.p-nav-menu__banner__link {
display: block;
}
.p-nav-menu__banner__link__img {
display: block;
width: 100%;
height: auto;
}
.p-nav-menu-link-list {
list-style: none;
margin: 30px 0 0;
padding: 0;
border-bottom: 1px solid #dcdcdc;
font-size: 1.4rem;
}
.p-nav-menu-link-list a {
color: #3d3d3d;
}
.p-nav-menu-link-list__item,
.p-nav-menu-link-list__sub {
border-top: 1px solid #dcdcdc;
}
.p-nav-menu-link-list__item > a {
padding: 1.5rem 0 1.3rem;
font-weight: bold;
}
.p-nav-menu-link-list__item.js-subnav > a {
position: relative;
}
.p-nav-menu-link-list__item.js-subnav > a::after {
content: '＋';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 2rem;
color: #dcdcdc;
}
.p-nav-menu-link-list__item.js-subnav > a.active::after {
content: '－';
}
.p-nav-menu-link-list__item.js-subnav > a.active,
.p-nav-menu-link-list__item.js-subnav > a.active::after {
color: #3ba899;
}
.p-nav-menu-link-list__sub {
display: none;
list-style: none;
padding: 1rem 0;
}
.p-nav-menu-link-list__sub a {
padding: .3rem 0;
font-size: 1.3rem;
}
.p-nav-menu--footer-close {
background-color: #43cbb6;
display: block;
padding: 5px 0;
text-align: center;
text-decoration: none;
}
.p-nav-menu--footer-close__img {
display: block;
margin: 0 auto;
width: 28px;
}
.p-nav-menu-link-list__icon {
display: none;
}
@media (min-width: 769px) {
.p-nav-menu {
padding: 15px 20px 0 0;
}
.p-nav-menu-wrap {
position: static;
top: 0;
z-index: 0; height: auto;
background-color: inherit;
}
.p-nav-menu-wrap__child {
width: auto;
height: auto;
padding: 0;
overflow-y: inherit;
}
.p-nav-menu--header {
position: static;
display: none;
}
.p-nav-menu--header__close,
.p-nav-menu--footer-close,
.p-nav-menu__banner {
display: none;
}
.p-nav-menu__btn {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 850px;
margin: 0 0 0 auto;
}
.p-nav-menu__btn > a,
.p-nav-menu__btn__pos > a {
padding: 0 15px;
height: 47px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.p-nav-menu__btn__pos {
margin-left: 2%;
position: relative;
}
.p-nav-menu__btn__pos .c-slide-toggle-box {
width: 100%;
position: absolute;
left: 0;
top: 47px;
z-index: 2;
padding-top: 10px;
}
.p-nav-menu__btn .c-btn--slide-toggle {
background-size: 10px;
padding-right: 3.5rem;
font-size: 1.6rem;
}
.p-nav-menu__btn__pos .c-btn--slide-toggle + .c-slide-toggle-box a {
background-image: none;
}
.p-nav-menu__btn .c-btn--icon--l--clock--w::before {
width: 25px;
height: 25px;
vertical-align: bottom;
}
.p-nav-menu-link-wrap {
margin: 15px 0 10px;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 50px 0 0;
}
.p-nav-menu-link-list {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap; margin: 0;
width: calc(100% - 23px);
}
.p-nav-menu-link-list {
}
.p-nav-menu-link-list > li {
padding: 15px 0;
}
.p-nav-menu-link-list > li,
.p-nav-menu-link-list__icon {
padding: 0 0 7px;
} .p-nav-menu-link-list a {
font-weight: bold;
font-size: 14px;
}
.p-nav-menu-link-list,
.p-nav-menu-link-list__item,
.p-nav-menu-link-list__sub {
border: none;
}
.p-nav-menu-link-list__item > a {
padding: 0.2rem 1rem;
}
.p-nav-menu-link-list__item > a:hover {
background: #43b9a6;
color: #fff;
text-decoration: none;
}
.p-nav-menu-link-list__item.js-subnav > a::after {
display: none;
}
.p-nav-menu-link-list__item--recruit > a {
margin-left: .5rem;
border: 2px solid #f39c12;
color: #fff;
padding-left: 3.3rem;
}
.p-nav-menu-link-list__item--recruit > a,
.p-nav-menu-link-list__item--recruit > a:hover {
background: #f39c12 url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/pc/icon--recruit.png) 1rem center no-repeat;
}
.p-nav-menu-link-list__item--recruit > a:hover {
opacity: .8;
}
.p-nav-menu-link-list .c-text-link--3::before {
background: none;
width: 0;
height: 0;
margin-right: 0;
}
.p-nav-menu-link-list__item {
position: relative;
}
.p-nav-menu-link-list__item:not(:first-child) {
margin-top: 0;
}
.p-nav-menu-link-list__sub {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 110;
display: none; width: 260px;
background: #fff;
border: 2px solid #57c2a2;
padding: 1rem;
}
.p-nav-menu-link-list__sub:after,
.p-nav-menu-link-list__sub:before {
bottom: 100%; left: 50%;
transform: translateX(-50%);
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.p-nav-menu-link-list__sub:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 10px; }
.p-nav-menu-link-list__sub:before {
border-color: rgba(87, 194, 162, 0);
border-bottom-color: #57c2a2;
border-width: 13px; } .p-nav-menu-link-list__sub li {
list-style: none;
}
.p-nav-menu-link-list .p-nav-menu-link-list__sub li a {
position: relative;
padding: 0.5rem 1rem;
}
.p-nav-menu-link-list .p-nav-menu-link-list__sub li a::before {
content: '';
display: inline-block;
width: 4px;
height: 4px;
margin: 0 10px 0 0;
background: none;
vertical-align: middle;
border-top: 1px solid #57c2a2;
border-right: 1px solid #57c2a2;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.p-nav-menu-link-list .p-nav-menu-link-list__sub li a:hover {
background: #43b9a6;
color: #fff;
text-decoration: none;
}
.p-nav-menu-link-list .p-nav-menu-link-list__sub li a:hover::before {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.p-nav-menu-link-list__icon {
position: relative;
display: block;
cursor: pointer;
padding: 0.5rem 0;
margin: 0 0 0 30px; }
.p-nav-menu-link-list__icon img {
width: 23px;
vertical-align: top;
}
.p-nav-menu-search-box {
position: absolute;
top: 47px;
right: -50px;
z-index: 110;
width: 620px;
background: rgba(230, 230, 230, 0.9);
padding: 15px 20px;
}
.p-nav-menu-search-box::before {
content: '';
position: absolute;
right: 46px;
top: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 14px 18px 14px;
border-color: transparent transparent rgba(230, 230, 230, 0.9) transparent;
}
.p-nav-menu-search-box__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.p-nav-menu-search-box__inner__input {
width: calc(100% - 7em);
}
.p-nav-menu-search-box {
display: none;
}
}
@media (min-width: 1090px) {
.p-nav-menu__btn__pos {
width: 270px;
flex-shrink: 0;
}
}
@media (max-width: 1299px) and (min-width: 769px) {
.p-nav-menu-wrap {
width: calc(100% - 165.22px);
}
.p-nav-menu-link-list .c-text-link--3 {
font-size: 13px;
} .p-nav-menu-link-list__icon {
margin: 0 0 0 15px;
}
.p-nav-menu-link-wrap {
padding: 0;
}
.p-nav-menu-search-box {
right: -10px;
}
.p-nav-menu-search-box::before {
right: 10px;
}
}
@media (max-width: 999px) and (min-width: 769px) {
.p-nav-menu__btn a {
padding: 10px;
}
.p-nav-menu__btn a,
.p-nav-menu__btn .c-btn--slide-toggle {
font-size: 1.3rem;
}
.p-nav-menu__btn > a:not(:first-of-type) {
margin: 0 0 0 10px;
}
.p-nav-menu__btn .c-btn--slide-toggle { }
.p-nav-menu__btn .c-btn--icon--l--clock--w::before,
.p-nav-menu__btn .c-btn--icon--l--smartphone--w::before,
.p-nav-menu__btn .c-btn--icon--l--midtime::before{
vertical-align: -8px;
}
.p-nav-menu-link-list {
padding: 0;
}  } .p-breadcrumb {
background-color: #F1F9FB;
padding: 5px 15px;
overflow-x: auto;
white-space: nowrap;
}
.p-breadcrumb__list {
display: flex;
font-size: 1.2rem;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.p-breadcrumb__list li {
color: #272727;
margin: 0 .5em 0 0;
padding: 0;
}
.p-breadcrumb__list > li:last-child {
margin: 0;
padding: 0 0.5em 0 0;
font-weight: bold;
}
.p-breadcrumb__list > li:after {
color: #272727;
content:'>';
margin-left: .5em;
}
.p-breadcrumb__list > li:last-child:after {
content:'';
margin-left: 0;
}
.p-breadcrumb__list li a {
color: #272727;
text-decoration: none;
}
.p-breadcrumb__list li a:hover {
text-decoration: underline;
}
@media (min-width: 769px) {
.p-breadcrumb {
padding: 10px 15px;
}
.p-breadcrumb__list {
font-size: 1.4rem;
}
}*/ .p-articles {}
.p-article {}
.p-article__title {}
.p-article-wrap .p-article-child:not(:first-of-type) {
margin: 25px 0 0; }
.p-article-wrap .p-article-child { background-color: #fff;
border: 2px solid #43b9a6; box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);   padding: 30px 20px; }
.p-activity-thumb {
padding-top: 40%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 769px) {
.p-article-wrap .c-btn--container--layout--center > .c-btn {
min-width: auto;
width: 45%;
padding: 12px 6px;
background-size: 12px;
font-size: 1em;
}
.p-article-wrap .p-article-child:not(:first-of-type) {
margin: 50px 0 0;
} .p-article-wrap .p-article-child {
padding: 40px;
}
.p-article-addinfo {
display: flex;
align-items: center;
margin: 15px 0 0;
}
.p-article-addinfo .p-article-date {
order: 1;
margin: 0 20px 0 0;
}
.p-article-addinfo .c-tag-list {
order: 2;
margin: 0;
}
.p-article-addinfo .c-tag-list li {
margin-top: 0;
}
.p-activity-wrap {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.p-activity-thumb {
padding-top: 25%;
width: 250px;
flex-shrink: 0;
margin-left: 25px;
}
} .p-single-content-tit {
font-weight: bold;
font-size: 2rem;
color: #157867;
margin: 0;
line-height: 1.4;
}
.p-single-content h2:first-child,
.p-single-content h3:first-child {
margin-top: 0 !important;
}
.p-single-content h2 {
font-weight: bold;
font-size: 1.8rem;
border-left: 4px solid #43b9a6;
padding: .3em .5em;
background-color: rgba(67,185,166,.1);
line-height: 1.4;
border-radius: 0 8px 8px 0;
margin: 2em 0 1em;
}
.p-single-content h3 {
line-height: 1.4;
font-weight: bold;
font-size: 1.6rem;
border-bottom: 2px solid #43b9a6;
padding: 0 0 .2em;
margin: 2em 0 1em;
}
.p-single-content p {
margin: 0 0 1em;
}
.p-single-content img {
height: auto;
padding: 20px;
}
.p-single-content a {
color: #157867;
}
.p-single-content a:hover {
text-decoration: none;
}
@media (min-width: 769px) {
.p-single-content h2 {
clear: both;
font-size: 2rem;
}
.p-single-content h3 {
clear: both;
font-size: 1.8rem;
}
.p-single-content .alignright {
float: right;
padding: 0 0 1em 1em;
}
.p-single-content .alignleft {
float: left;
padding: 0 1em 1em 0;
}
.p-disease-content img {
padding: 0;
}
} .p-index-mv { background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: flex-end;
height: 73.33vw;
margin-top: -55px;
}
.p-index-mv__search {
background: rgba(255, 255, 255, 0.8);
margin: 0 27px 12px;
padding: 10px;
width: 100%;
}
.p-index-mv__search__title {
font-size: 1.2rem;
text-align: center;
}
.p-index-mv__search__input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
background-color: #fff;
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--search.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 17px;
border: none;
border-radius: 0;
line-height: 1;
margin: 0;
outline: none;
padding: 9px 5px;
width: 100%;
}
.p-index-info--danger {
margin-bottom: 15px;
line-height: 0;
}
.p-index-info--danger__tag {
background-color: #ef3737;
color: #fff;
display: inline-block;
font-size: 1.4rem;
line-height: 1.8;
letter-spacing: .1em;
padding: 3px 10px;
vertical-align: bottom;
font-weight: bold;
}
.p-index-info--danger__list {
border: 2px solid #ef3737;
display: flex;
flex-wrap: wrap;
font-size: 1.4rem;
justify-content: space-between;
line-height: 1.6;
margin: 0;
padding: 10px 15px;
}
.p-index-info--danger__list-link {
color: #000;
text-decoration: underline;
}
.p-index-info--danger__list-link:hover {
text-decoration: none;
}
.p-index-info--danger__list__date {
color: #b7b7b7;
font-weight: 700;
margin: 0;
padding: 0;
width: 7.5em;
}
.p-index-info--danger__list__title {
margin: 0;
padding: 0;
width: 100%;
}
.p-index-info--danger__list__title__link {
color: #000;
font-weight: 700;
text-decoration: none;
}
.p-index-visit-nav-list {
display: flex;
flex-wrap: wrap;
list-style: none;
justify-content: space-between;
margin: 0;
padding: 0 15px;
}
.p-index-visit-nav-list__item {
width: calc(50% - 5px);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.p-index-visit-nav-list__item:first-child {
margin: 0 0 20px;
padding: 0 27px;
width: 100%;
}
.p-index-visit-nav-list__item:not(:first-child) {
min-height: 100px;
}
.p-index-visit-nav-list__item:not(:first-child) a {
padding: 0 10px;
}
.p-index-visit-nav-list__item--frst {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/index--bg--frst.jpg);
}
.p-index-visit-nav-list__item--return {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/index--bg--return.jpg);
}
.p-index-visit-nav-list__item__link {
position: relative;
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
text-decoration: none;
text-align: center;
line-height: 1.2;
}
.p-index-visit-nav-list__item__link:hover::after {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.2);
}
.p-index-visit-nav-list__item__link__img {
display: block;
width: 100%;
}
.p-index-visit-nav-list__item__link__text--main {
color: #fff;
font-family: serif;
font-size: 1.5rem;
letter-spacing: .1em;
}
.p-index-visit-nav-list__item__link__text--sub {
margin-top: .8rem;
color: #70da9f;
font-family: serif;
font-size: 1rem;
letter-spacing: .1em;
}
.p-web-cm::before {
background-color: #3ba899;
content: '';
display: block;
height: 2px;
margin: 0 auto;
width: 190px;
}
.p-web-cm__link {
display: block;
margin-top: 30px;
}
.p-web-cm__link__img {
display: block;
width: 100%;
}
.p-web-movie {
position: relative;
padding-bottom: 59.1%;
height: 0;
overflow: hidden;
margin: 55px auto 0;
}
.p-web-movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.p-index--news .c-tabs-content .c-btn--box--3:not(:first-of-type) {
margin: 25px 0 0;
}
.p-index--news__btn-box {}
.p-index--news__btn-box__item {}
.p-index--news__btn-box__item__btn {
width: 265px;
max-width: 80%;
}
@media (min-width: 769px) {
.p-index-mv { background-position: center; height: 500px;
margin-top: 0;
padding: 0;
}
.p-index-mv__search {
display: none;
}
.p-index-info--danger {
margin: 1rem auto 4rem;
}
.p-index-info--danger * {
font-size: 1.6rem;
}
.p-index-info--danger__tag {
padding: 5px 10px 0 15px;
}
.p-index-info--danger__list {
padding: 15px 6rem 10px;
}
.p-index-info--danger__list__title {
width: calc(100% - 7.5em);
}
.p-index-info--danger__list__title__link {
font-weight: normal;
}
.p-index-info--danger__list__title__link:hover {
text-decoration: underline;
}
.p-index-visit-nav-list {
flex-wrap: nowrap;
justify-content: space-between;
padding-left: 15px;
padding-right: 15px;
}
.p-index-visit-nav-list__item:not(:first-child),
.p-index-visit-nav-list__item:first-child {
width: 375px;
min-height: 200px;
}
.p-index-visit-nav-list__item:first-child {
order: 3;
margin-bottom: 0;
padding: 0;
}
.p-index-visit-nav-list__item:not(:first-child) a,
.p-index-visit-nav-list__item:first-child a {
padding: 0 10px;
}
.p-index-visit-nav-list__item:not(:nth-child(2)) {
margin-left: 1rem;
}
.p-index-visit-nav-list__item--nighttime {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/index--bg--nighttime.jpg);
}
.p-index-visit-nav-list__item__link__text--main {
font-size: 3rem;
}
.p-index-visit-nav-list__item__link__text--sub {
margin-top: 1.3rem;
font-size: 2rem;
}
.p-web-cm {
max-width: 920px;
margin: 0 auto;
}
.p-web-movie {
padding-bottom: 55.6%;
}
.p-index--news .c-content-wrap {
display: flex;
justify-content: space-between;
}
.p-index--news .c-tabs-content {
width: 100%;
}
.p-index--news__head {
border-bottom: solid 2px #43b9a6;
margin: 0 0 40px;
font-weight: bold;
font-size: 2.2rem;
color: #43b9a6;
text-align: center;
}
.p-index--news .c-btn--box--3 {
border: none;
}
.p-index--news .c-tag--bgc--danger {
background-color: #c63f3f;
}
.p-index--news__btn-box {
display: flex;
justify-content: space-between;
padding: 0 15px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.p-index--news__btn-box__item {
width: 100%;
}
.p-index--news__btn-box__item__btn {
display: inline-block;
width: 350px;
padding: 1.5rem 2rem;
font-size: 2rem;
}
}
@media (min-width: 1201px) {
.p-index-visit-nav-list__item:not(:first-child),
.p-index-visit-nav-list__item:first-child {
min-height: 200px;
}
} .p-footer-link-list {
list-style: none;
margin: 0;
padding: 0;
}
.p-footer-link-list__item {
margin-top: 10px;
}
.p-footer-link-wrap > .p-footer-link-list:first-of-type .p-footer-link-list__item:first-child {
margin-top: 0;
}
.p-footer-link-list--sub {
display: block;
justify-content: space-between;
flex-direction: column;
list-style: none;
margin: 30px 0 0;
padding: 0;
}
.p-footer-banner {
margin-top: 15px;
}
.p-footer-banner__link {
color: #fff;
display: block;
text-decoration: none;
}
.p-footer-banner__link__img {
display: block;
width: 100%;
height: auto;
}
.p-footer-banner__link__text {
display: block;
}
.p-to-top {
display: block;
position: absolute;
right: 15px;
top: -75px;
}
.p-to-top__img {
display: block;
width: 45px;
height: auto;
}
.p-copyright {
color: #9ce3d9; margin-top: 15px;
text-align: center;
}
@media (min-width: 769px) {
.p-footer-link-wrap {
margin-bottom: 5rem;
color: #fff;
}
.p-footer-link-wrap a {
color: #fff;
text-decoration: none;
}
.p-footer-link--pc-wrap__item:not(:first-child) {
margin-left: 6rem;
}
.p-footer-link--pc-wrap__item:not(:first-child) *:first-child {
margin-top: 0;
}
.p-footer-link--pc-wrap__item:last-child {
width: 290px;
}
.p-footer-link-list__item {
margin-top: 0;
}
.p-footer-link-list__item > a,
.p-footer-link-list__item > span {
font-size: 1.8rem;
font-weight: bold;
}
.p-footer-link-list-pc {
margin-top: 1rem;
line-height: 2.3;
}
.p-footer-link--pc-wrap__item ul {
list-style: none;
padding-left: 3rem;
}
.p-footer-link--pc-wrap__item ul.p-footer-link-list-pc__sub {
padding-left: 1em;
line-height: 2.3;
}
.p-footer-link-list-pc__sub__item::before {
content: '-';
margin-right: 1rem;
}
.p-footer-link-list a:hover {
text-decoration: underline;
}
.p-copyright {
font-size: 1.4rem;
margin-top: 0;
}
.p-to-top {
display: none;
position: fixed;
top: auto;
bottom: 20px;
}
}
@media (max-width: 999px) and (min-width: 769px) {
.p-footer-link-wrap {
flex-wrap: wrap;
justify-content: space-between;
}
.p-footer-link-wrap > *,
.p-footer-link-wrap .p-footer-link--pc-wrap__item:last-child {
width: calc(50% - 3rem);
}
.p-footer-link-wrap .p-footer-link--pc-wrap__item:not(:first-child) {
margin-left: 0;
}
.p-footer-link-wrap .p-footer-link--pc-wrap__item:nth-child(n+3) {
margin-top: 30px;
}
.p-footer-link--pc-wrap__item ul {
padding-left: 0;
}
}
@media (max-width: 1189px) and (min-width: 1000px) {
.p-footer-link-list__item > a, .p-footer-link-list__item > span {
font-size: 1.6rem;
}
.p-footer-link--pc-wrap__item ul li {
font-size: 1.5rem;
}
}  .p-equipment_itemwrap .c-layout-column-control__item__img {
border: solid 1px #43b9a6;
}
.p-equipment_itemwrap .c-pc-layout-column-control__item:last-child {
border-bottom: none;
}
@media (min-width: 769px) {
.p-equipment_itemwrap .c-pc-layout-column-control__item { border-bottom: none;
}
} .p-filaria__catch {
color: #e08e0b;
font-size: calc((16 / 375) * 100vw);
line-height: 1.6;
position: relative;
margin: calc((-45 / 375) * 100vw) 0 0;
background-image: linear-gradient( 0deg, rgb(255,247,191) 0%, rgba(255,247,191,0.6) 49%, rgba(255,247,191,0.6) 50%, rgba(255,247,191,0) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(255,247,191) 0%, rgba(255,247,191,0.6) 49%, rgba(255,247,191,0.6) 50%, rgba(255,247,191,0) 100%);
padding: calc((10 / 375) * 100vw);
text-shadow: 1px 1px 0 #fff,
-1px 1px 0 #fff,
1px -1px 0 #fff,
-1px -1px 0 #fff;
}
.p-filaria__catch--lg {
font-size: calc((20 / 375) * 100vw);
}
.p-filaria__desc {
margin: calc((20 / 375) * 100vw) 0;
font-size: calc((13 / 375) * 100vw);
position: relative;
}
.p-filaria__desc::before {
content: "";
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/filaria_detail_dog.png) no-repeat center / contain;
display: inline-block;
width: calc((60 / 375) * 100vw);
height: calc((66 / 375) * 100vw);
position: absolute;
right: calc((-10 / 375) * 100vw);
top: calc((-7 / 375) * 100vw);
}
.p-filaria__desc--red {
color: #ef3737;
}
.p-filaria__desc--lined {
background: linear-gradient(180deg, transparent 60%, #fff7bf 60%);    
}
.p-filaria__desc--lg {
font-size: calc((20 / 375) * 100vw);
}
.p-filaria__desc--sm {
font-size: calc((10 / 375) * 100vw);
text-indent: -1em;
padding-left: 1em;
display: inline-block;
}
.p-filaria__desc--green {
color: #43b9a6;
}
.p-filaria__type__tit  {
padding: 12px 0 10px;
}
.p-filaria__timing__box {
padding: 2px 10px;
}
.p-filaria__notice__box {
background-color: #fff;
border: 1px solid #43b9a6;
box-shadow: 2.5px 4.33px 13px 0px rgb(193 193 193 / 34%);
padding: 30px 20px;
}
.p-filaria__cat {
margin-bottom: 40px;
}
@media (min-width: 769px) {
.p-filaria-note {
width: 644px;
margin-left: auto;
margin-right: auto;
}
.p-filaria__catch {
font-size: 30px;
margin: -90px 0 0;
padding: 20px;
text-shadow: 1px 1px 0 #fff,
-1px 1px 0 #fff,
1px -1px 0 #fff,
-1px -1px 0 #fff,
2px 2px 0 #fff,
-2px 2px 0 #fff,
2px -2px 0 #fff,
-2px -2px 0 #fff;
}
.p-filaria__catch--lg {
font-size: 36px;
}
.p-filaria__desc {
font-size: 16px;
margin: 20px 0;
}
.p-filaria__desc::before {
width: 120px;
height: 132px;
right: 130px;
top: 0;
}
.p-filaria__desc--lg {
font-size: 20px;
}
.p-filaria__desc--sm {
font-size: 14px;
}
.p-filaria__type__tit  {
padding: 12px 0 10px;
}
.p-filaria__timing__box {
padding: 0 10px;
}
.p-filaria__notice__box {
padding: 40px;
}
.p-filaria__cat {
margin-bottom: 65px;
}
} .p-staff-wrap .c-list--column-control--1__item > a {
display: block;
color: #272727;
text-decoration: none;
}
.p-staff-info {
display: none;
position: relative;
width: calc(200% + 10px);
margin: 0 auto;
border: 2px solid #43B9A6;
background: #fff;
border-radius: 5px;
padding: 1em;
margin: 1em 0 0;
}
.p-staff-info:after, .p-staff-info:before {
bottom: 100%;
left: 25%;
border: solid transparent;
content: '';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.p-staff-info:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 10px;
margin-left: -10px;
}
.p-staff-info:before {
border-color: rgba(67, 185, 166, 0);
border-bottom-color: #43B9A6;
border-width: 13px;
margin-left: -13px;
}
.p-staff-wrap .c-list--column-control--1__item:nth-of-type(even) .p-staff-info {
left: calc(-100% - 10px);
}
.p-staff-wrap .c-list--column-control--1__item:nth-of-type(even) .p-staff-info:before,
.p-staff-wrap .c-list--column-control--1__item:nth-of-type(even) .p-staff-info:after{
left: 75%;
}
.p-staff-info__copy {
font-weight: bold;
font-size: 1.6rem;
color: #137866;
margin: 0 0 20px;
border-bottom: 2px dotted #43B9A6;
}
.p-staff-info__name {
margin: 0 0 10px;
text-align: center;
}
.p-staff-info__img {
display: block;
width: 200px;
margin: 0 auto 5px;
}
.p-staff-info__define {
margin: 0;
font-size: 1.4rem;
}
.p-staff-info__define dt {
padding: 3px 10px;
text-align: left;
white-space: nowrap;
vertical-align: middle;
font-weight: bold;
background: #DEF3F0;
border-bottom: 2px solid #fff;
display: block;
}
.p-staff-info__define dd {
border-bottom: 1px solid #fff;
display: block;
padding: 3px 5px;
margin: 0;
}
.p-staff-info__define a {
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon_mark_link.png) no-repeat right center;
padding: 0 15px 0 0;
text-decoration: none;
color: #157867;
}
.p-staff-info__define a:hover {
text-decoration: underline;
}
.p-staff-info__define p {
font-size: 1.4rem;
}
.p-staff-info__message {
margin: 10px 0 0;
}
.p-staff-info__message__head {
display: inline-block;
background: #43B9A6;
color: #fff;
padding: 2px 10px;
border-radius: 3px;
margin: 0 0 10px;
padding: 0 10px;
font-weight: normal;
font-size: 1.4rem;
}
.p-staff-efa img {
width: 45px;
}
.p-staff-info__define .p-staff-efa a {
background: none;
padding: 0;
} @media (min-width: 769px) {
.p-staff-info {
max-width: none;
width: 416.66%;
}
.p-staff-info:after,
.p-staff-info:before {
left: 12%;
}
.p-staff-wrap .c-list--column-control--1__item:nth-of-type(4n+2) .p-staff-info {
left: -105.5%;
}
.p-staff-wrap .c-list--column-control--1__item:nth-of-type(4n+3) .p-staff-info {
left: -211%;
}
.p-staff-wrap .c-list--column-control--1__item:nth-of-type(4n) .p-staff-info {
left: -316.5%;
}
.p-staff-wrap .c-list--column-control--1__item:nth-of-type(4n+2) .p-staff-info::before,
.p-staff-wrap .c-list--column-control--1__item:nth-of-type(4n+2) .p-staff-info::after {
left: calc(36% + (4% / 3));
}
.p-staff-wrap .c-list--column-control--1__item:nth-of-type(4n+3) .p-staff-info::before,
.p-staff-wrap .c-list--column-control--1__item:nth-of-type(4n+3) .p-staff-info::after {
left: calc(60% + (8% / 3));
}
.p-staff-wrap .c-list--column-control--1__item:nth-of-type(4n) .p-staff-info::before,
.p-staff-wrap .c-list--column-control--1__item:nth-of-type(4n) .p-staff-info::after {
left: calc(84% + (12% / 3));
}
.p-staff-list {
max-width: 1050px;
margin: 0 auto;
}
.p-staff-info__img {
width: auto;
}
.p-staff-wrap .c-list--column-control--1__item__img {
margin: 0 auto;
}
.p-staff-wrap .c-list--column-control--1__item > a {
display: block;
color: #272727;
text-decoration: none;
}
.p-staff-info__detail {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.p-staff-info__name {
width: 27%;
}
.p-staff-info__define {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: calc(73% - 20px);
}
.p-staff-info__define p {
line-height: 1.8;
}
.p-staff-info__define dt {
width: 25%;
}
.p-staff-info__define dd {
width: 75%;
}
.p-staff-info__message p {
font-size: 1.4rem;
}
}  .staff-seminar-list {
margin: 0;
padding: 0 0 0 10px;
}
.staff-seminar-list li {
font-size: 1.4rem;
list-style: none;
display: flex;
flex-direction: column;
padding: 5px 0;
border-bottom: 1px solid #eee;
}
.staff-seminar-list li:last-of-type {
border: none;
}
.staff-seminar-list .seminar__date {
font-size: .9em;
line-height: 1.2;
color: #20af81;
padding: .3em 0 0;
}
.staff-seminar-list .seminar__name {
} .p-greeting-img1 img {
width: calc(340px / 2);
}
.p-greeting-name {
font-size: 1.8em;
}
.p-greeting-career {
margin: 0 auto;
width: 100%;
}
.p-greeting-career__top {
margin-bottom: 12px;
}
.p-greeting-career__thumb {
width: 170px;
margin: 0 auto 1rem;
}
.p-greeting-career__name {
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.p-greeting-career__title {
border-bottom: 1px solid #272727;
font-weight: bold;
padding: 0 0 0.3em;
margin-bottom: 12px;
}
.p-greeting-career__position,
.p-greeting-career__path {
list-style: none;
padding: 0;
}
.p-greeting-career__position li,
.p-greeting-career__path li {
font-size: 1.2rem;
line-height: 1.6;
}
.p-greeting-career__position li + li,
.p-greeting-career__path li + li {
margin-top: .5em;
}
@media (min-width: 769px) {
.p-greeting-img1 img {
width: 230px;
}
.p-greeting-career {
display: flex;
justify-content: space-between;
}
.p-greeting-career__name {
font-size: 2.2rem;
}
.p-greeting-career__position li,
.p-greeting-career__path li {
font-size: 1.4rem;
}
.p-greeting-career__item:nth-of-type(1) {
width: 40%;
}
.p-greeting-career__item:nth-of-type(2) {
width: 56%;
}
.p-greeting-career__title {
margin-top: 0;
}
} .p-hospital-tel {
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--tel.png) 0 center/25px no-repeat;
background-size: 18px;
padding-left: 25px;
font-size: 18px;
}
.p-hospital-list a > *,
.p-hospital-list a .c-btn--box__inner > * {
max-width: 100%;
min-height: 0%;
}
.p-index-hospital-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.p-index-hospital-list__item {
background-color: #fff;
border: 1px solid #57c2a2;
color: #000;
font-family: sans-serif;
text-decoration: none;
width: calc(50% - 5px); }
.p-index-hospital-list__item:nth-child(n + 3){
margin-top: 10px;
}
.p-index-hospital-list__item:nth-child(5){
margin-left: unset;
margin-right: unset;
}
.p-index-hospital-list__item:nth-child(7){
margin-left: unset;
margin-right: unset;
}
.p-index-hosp-info__text {
padding: 8px 0 6px;
}
.p-index-hosp-info__text__title {
display: block;
font-size: 1.4rem;
font-weight: 700;
text-align: center;
}
.p-index-hosp-info__text__area {
display: block;
font-size: 1.2rem;
font-weight: normal;
line-height: 1.8;
text-align: center;
}
.p-index-hosp-info__photo__catch,
.p-index-hosp-info__text__tel,
.p-index-hosp-info__text__tel--night {
display: none;
}
@media (min-width: 769px) {
.p-hospital-list .p-hospital-btn-mt {
margin-top: 50px;
}
.p-index-hospital-list__item { width: calc(25% - 10px);
} .p-index-hospital-list__item:nth-child(3),
.p-index-hospital-list__item:nth-child(4){
margin-top: 0;
} .p-index-hospital-list__item:nth-child(n + 5){
margin-top: 15px;
}
.p-index-hospital-list__item:nth-child(5){
margin-left: auto;
margin-right: 14px;
}
.p-index-hospital-list__item:nth-child(7){
margin-left: 14px;
margin-right: auto;
}
.p-index-hosp-info__photo {
position: relative;
}
.p-index-hosp-info__photo__catch {
display: block;
position: absolute;
bottom: 0;
background-color: rgba(27,27,27,.6);
color: #fff;
width: 100%;
font-size: 1.2rem;
text-align: center;
font-weight: 700;
padding: 5px;
white-space: normal;
}
.p-index-hosp-info__text {
padding: 10px 15px;
}
.p-index-hosp-info__text__title { line-height: 1.4;
}
.p-index-hosp-info__text__tel {
margin-top: 5px;
display: block;
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--tel.png) 0 center/25px no-repeat;
background-size: 18px;
padding-left: 25px;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
}
.p-index-hosp-info__text__tel--night {
display: block;
font-size: 1.4rem;
font-weight: 700;
margin-top: 10px;
line-height: 1.2;
}
}
.p-hospcmn__smilepack {
background: #f1f9fa;
padding: 15px;
margin: 15px 0;
}
.p-hospcmn__smilepack_tit {
font-weight: bold;
line-height: 1.4;
margin: 0 0 5px;
span {
display: inline-block;
}
}
.p-hospcmn__smilepack_desc  {
font-size: 14px;
}
.p-hospcmn__smilepack_desc_notice {
display: flex;
align-items: center;
margin: 5px 0 0;
img {
width: 18px;
height: 18px;
margin: 0 2px 0 0;
}
}
@media (min-width: 769px) {
}
.p-hospcmn-feature__img img {
height: auto;
width: 100%;
}
@media (min-width: 769px) {
.p-hospcmn-feature__img img {
width: auto;
}
} .p-hospcmn-btn__1 {
border: solid 2px #43b9a6;
background: #fff;
padding: 10px;
}
.p-hospcmn-head__1 {
font-size: 1.6rem;
line-height: 1.2;
text-align: center;
}
.p-hospcmn-head__1 span {
display: inline-block;
padding: 0 10px 5px;
border-bottom: 2px solid #43b9a6;
font-weight: bold;
}
.p-hospcmn-head__2 {
background: #daeef0;
border-left: solid 4px #43b9a6;
padding: 0.5rem 1rem;
font-weight: normal;
font-size: 1.6rem;
}
.p-hospcmn-head__3 {
margin: 1rem 0;
padding-left: 1.2em;
text-indent: -1.2em;
font-weight: bold;
font-size: 1.5rem;
}
.p-hospcmn-head__3::before {
content: '●';
color: #43b9a6;
margin-right: .2em;
}
.p-hospcmn-news {
padding: 0;
}
.p-hospcmn-news__define__link {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
text-decoration: none;
}
.p-hospcmn-news__define__link:hover .p-hospcmn-news__define__ttl {
text-decoration: underline;
}
.p-hospcmn-news__define__date {
display: block;
width: 100%;
text-decoration: none;
padding: 0.5rem 0 0;
color: #b7b7b7;
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
}
.p-hospcmn-news__define__ttl {
display: block;
width: 100%;
text-decoration: none;
margin: 0;
padding: 0 0 0.5rem;
color: #272727;
}
.p-hospcmn-news__define .p-hospcmn-news__define__link:not(:last-of-type) .p-hospcmn-news__define__ttl {
border-bottom: solid 1px #b7b7b7;
}
.p-hospcmn-staff-list {
margin: 20px 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.p-hospcmn-staff-list__item {
width: 49%;
margin: 10px 0 0;
}
.p-hospcmn-staff-list .item-img {
}
.p-hospcmn-staff-list .item-title {
font-size: 12px;
line-height: 1.4;
margin: 5px 0;
}
.p-hospcmn-staff-list .item-name {
font-weight: bold;
}
@media (min-width: 480px) {
.p-hospcmn-staff-list {
margin: 15px 0 0;
justify-content: flex-start;
}
.p-hospcmn-staff-list__item {
width: 32%;
margin: 20px 0 0;
}
.p-hospcmn-staff-list__item:nth-of-type(3n - 1) {
margin-right: 2%;
margin-left: 2%;
}
.p-hospcmn-staff-list .item-title {
font-size: 14px;
margin: 10px 0;
}
.p-hospcmn-staff-list .item-name {
font-size: 18px;
}
}
.p-hospcmn-staff-wrap {
margin: 20px 0 0;
}
.p-hospcmn-staff-slider__child {
width: calc((100vw - 50px) / 3)!important;
margin-top: 0;
margin-bottom: 0;
}
.p-hospcmn-staff-wrap .bx-wrapper {
margin-bottom: 50px;
}
.p-hospcmn-staff-wrap .bx-wrapper .bx-controls-direction a {
width: 9.5px;
height: 16px;
margin-top: -8px;
}
.p-hospcmn-staff-wrap .bx-wrapper .bx-prev {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/arrow_l_2.png);
left: 0;
}
.p-hospcmn-staff-wrap .bx-wrapper .bx-next {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/arrow_r_2.png);
right: 0;
}
.p-hospcmn-title-wrap {
position: relative;
}
.p-hospcmn-title-text {
position: absolute;
left: 0;
top: calc((100vw * 0.34666) / 2);
margin-top: -32px;
color: #20af81;
}
.p-hospcmn-title-wrap .bx-wrapper .bx-pager.bx-default-pager a,
.p-hospcmn-title-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.p-hospcmn-title-wrap .bx-wrapper .bx-pager.bx-default-pager a.active,
.p-hospcmn-title-wrap .bx-wrapper .bx-pager.bx-default-pager a:focus {
width: 10px;
height: 10px;
}
.p-hospcmn-title-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.p-hospcmn-title-wrap .bx-wrapper .bx-pager.bx-default-pager a.active,
.p-hospcmn-title-wrap .bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #595959;
}
@media (min-width: 769px) {
.p-hospcmn-head__1 {
font-size: 1.8rem;
}
.p-hospcmn-head__2 {
font-size: 2rem;
}
.p-hospcmn-head__3 {
font-size: 1.8rem;;
}
.p-hospcmn-btn__1 {
padding: 2.5rem 2rem 2.2rem;
}
.p-hospcmn-column__1 {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.p-hospcmn-column__1 .c-pc-layout-column-control__item:first-of-type {
width: 45%;
margin: 0;
}
.p-hospcmn-column__1 .c-pc-layout-column-control__item:last-of-type {
width: 53%;
}
.p-hospcmn-staff-slider__child {
width: auto!important;
}
}
.p-hospcmn-anicli {
background: #f1f9fa;
padding: 15px;
}
.p-hospcmn-anicli-img {
text-align: center;
}
.p-hospcmn-anicli-img img{
width: 200px;
}
.p-hospcmn-anicli-cont {
margin: 10px 0 0;
}
.p-hospcmn-anicli-cont__tit {
line-height: 1.4;
font-weight: bold;
text-align: center;
& span {
display: inline-block;
}
}
.p-hospcmn-anicli-exam {
background: #fff;
padding: 10px;
& span:nth-of-type(1) {
display: inline-block;
margin: 0 0 5px;
}
& span:nth-of-type(2) {
display: inline-block;
margin: 5px 0 0;
}
}
.p-hospcmn-anicli-howto {
margin: 20px 0 0;
}
.p-hospcmn-anicli-howto__tit {
font-weight: bold;
line-height: 1.4;
margin: 0 0 -5px;
}
.p-hospcmn-anicli-howto__notice {
border-top: 1px dotted #ccc;
padding-top: 15px;
margin-bottom: 0;
}
@media (min-width: 769px) {
.p-hospcmn-anicli {
padding: 20px;
& p {
margin: 1em 0;
}
}
.p-hospcmn-anicli-in {
display: flex;
justify-content: space-between;
align-items: center;
}
.p-hospcmn-anicli-img {
width: 200px;
order: 2;
}
.p-hospcmn-anicli-cont {
width: calc(100% - 220px);
margin: 0;
order: 1;
& p {
margin: 10px 0 0;
}
}
.p-hospcmn-anicli-cont__tit {
text-align: left;
font-size: 18px;
}
.p-hospcmn-anicli-exam {
padding: 15px;
}
.p-hospcmn-anicli-howto__tit {
font-size: 18px;
margin: 0 0 -5px;
}
}
.p-hospcmn-movie {
margin: 20px 0 0;
aspect-ratio: 16/9;
position: relative;
& iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 769px) {
.p-hospcmn-movie {
margin: 30px 0;
}
}
.p-hospcmn-access {
margin: 20px 0 0;
}
.p-hospcmn-access--img {
margin: 0 auto 10px;
max-width: 345px;
border-radius: 6px;
overflow: hidden;
}
@media (min-width: 769px) {
.p-hospcmn-access {
display: flex;
justify-content: space-between;
margin: 30px 0;
}
.p-hospcmn-access--img {
margin: 0 0 0 20px;
max-width: 320px;
order: 2;
}
.p-hospcmn-access--img--reverse {
margin: 0 20px 0 0;
order: 1;
}
.p-hospcmn-access--txt {
flex: 1;
order: 1;
}
} .p-hospcmn-title-text__himeji,
.p-hospcmn-title-text__tatsuno {
margin-top: -43px;
line-height: 1.5;
} .p-careservice-img--jal {
width: calc(396px / 2);
display: block;
} .p-totalcare-tagbox {
padding: 10px 9px;
}
.p-totalcare-tagbox .c-tag-list {
justify-content: center;
}
.p-carestay-emphasis {
padding: 0.15em 0;
background-repeat: repeat-x;
background-size: 1em 0.2em;
background-position: top left;
background-image: -webkit-gradient(radial,center center,0,center center,1.5,from(#43b9a6),color-stop(0.5,#43b9a6),color-stop(0.9,transparent),to(transparent));
background-image: -webkit-radial-gradient(center center, 0.1em 0.1em, #43b9a6, #43b9a6 95%, transparent 95%, transparent);
background-image: radial-gradient(0.1em 0.1em at center center, #43b9a6, #43b9a6 95%, transparent);
font-size: 2rem;
}
.p-carestay-recommend li{
background: #6bc3ce;
padding: 10px;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 1.3rem;
line-height: 1.5;
}
.p-carestay-recommend li p {
margin: 0;
}
@media (min-width: 769px) {
.p-totalcare-tagbox {
display: flex;
align-items: center;
justify-content: center;
}
.p-totalcare-tagbox .c-tag-list {
margin: 0 0 0 2rem;
}
.p-totalcare-tagbox .c-tag-list__item {
margin-top: 0;
}
.p-carestay-recommend li {
font-size: 1.6rem;
}
.p-carestay-emphasis {
font-size: 3.5rem;
}
}
@media (max-width: 399px) { .p-totalcare-tagbox .c-tag-list {
justify-content: flex-start;
}
} .p-trimming-title {
position: relative;
padding: 0 0 0 4rem;
font-size: 1.6rem;
}
.p-trimming-title__no {
position: absolute;
left: 0;
top: 0;
background-image: linear-gradient( -124deg, rgb(190,244,60) 0%, rgb(67,203,182) 100%);
padding: 0.5rem;
color: #fff;
font-weight: bold;
font-size: 2rem;
line-height: 1;
}
.p-trimming-title__txt {
padding: 0 0 0 4rem;
}
@media (min-width: 769px) {
.p-trimming-title {
font-size: 2rem;
}
.p-trimming-title__no {
font-size: 2.4rem;
}
} .p-member-bonus-wrap {
display: flex;
flex-wrap: wrap;
}
.p-member--target {
display: flex;
align-items: center;
padding: 0 5px;
}
.p-member--target__img {
width: 30%;
margin: 0 10px 0 0;
}
.p-member-bonus {
padding: 0;
margin: 0 10px;
width: 100%;
}
.p-member-bonus .c-btn--box--2__img {
width: 40%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.p-member-bonus .c-btn--box--2__text {
padding: 10px;
width: 60%;
height: 100%;
line-height: 1.6 !important;
}
.p-member-kind > div {
background: #fff;
width: 100%;
padding: 15px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 769px) {
.p-member-bonus {
margin: 0;
}
.p-member-kind > div {
width: 90%;
padding: 20px;
}
}
.p-member__yutaibox {
border: 2px solid #A1C7D7;
padding: 15px;
position: relative;
}
.p-member__yutaibox h3 {
margin: 0 0 20px;
}
.p-member__yutaibox:after {
content: "";
border-style: solid;
border-width: 0 14px 14px 14px;
border-color: transparent transparent #a1c7d7 transparent;
position: absolute;
top: -14px;
left: 18%;
}
.p-member__yutaiitem {
text-decoration: none;
color: #272727;
margin: 15px 0 0;
display: block;
border-bottom:1px solid #A1C7D7;
padding: 0 0 15px;
}
.p-member__yutaiitem:last-of-type {
border: none;
}
.yutai-img {
text-align: center;
margin: 0 0 10px 0;
max-height: 160px;
overflow: hidden;
position: relative;
padding-top:40%; 
}
.yutai-img img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.yutai-tit {
margin: 0 0 5px 0;
font-weight: bold;
font-size: 110%;
color: #538ca5;
}
.yutai-tit span {
font-size: 80%;
display: inline-block;
}
.yutai-desc {
font-size: 90%;
margin: 0;
}
.yutai-txt .u-fc--danger {
font-size: 80%;
margin: 5px 0 0;
}
@media (min-width: 769px) {
.p-member__yutaibox {
width: 100%;
}
.p-member__yutaibox:after { }
.p-member__yutaiitem {
display: flex;
}
.yutai-img {
height: 100%;
width: 160px;
position: static;
padding: 0;
flex-shrink: 0;
margin: 0 20px 0 0;
}
.yutai-img img {
position: static;
transform: translate(0,0);
}
}
.p-member-limited {
position: relative;
}
.p-member-limited__icon {
position: absolute;
right: -20px;
top: -34px;
width: 68px; }
@media (min-width: 769px) {
.p-member-limited__icon {
top: -44px;
width: 62px;
}
}
.p-member-card__new {
max-width: 375px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
.p-member-card__old {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.p-member-card__old__img {
max-width: 375px;
margin: 0 auto;
}
@media (min-width: 769px) {
.p-member-card__old {
gap: 10px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} .p-department-list1 {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-left: 0;
font-size: 1.4rem;
line-height: 1.2;
text-align: center;
}
.p-department-list1__item {
list-style: none;
max-width: 110px;
margin: 5px;
width: 30%;
}
.p-department-list1__item span {
font-size: 1.1rem;
}
.p-department-list1__item img {
margin-bottom: 1rem;
}
.p-department-kinmu {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 10px -5px 20px;
}
.p-department-kinmu > div {
padding: 5px;
width: 100%;
}
.p-department-kinmu a {
padding: .3em 1em;
font-size: 12px;
width: 100%;
}
@media (min-width: 480px) {
.p-department-kinmu > div {
width: 50%;
}
}
@media (min-width: 769px) {
.p-department-kinmu {
justify-content: flex-start;
margin: 15px 0 30px;
}
.p-department-kinmu > div {
width: 24%;
}
.p-department-kinmu > div.mid {
width: 28%;
}
.p-department-kinmu > div.large {
width: 38%;
}
.p-department-kinmu a {
font-size: 14px;
}
}
.p-department-list2-full {
border-top: 1px dotted #43b9a6;
}
.p-department-list2 {
list-style: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px dotted #43b9a6;
margin: 1em 0 !important;
}
@media (min-width: 769px) {
.p-department-list2 {
margin: 1.5em 0 !important;
}
}
.p-department-list2__item {
width: 49%;
padding: 0;
font-weight: bold;
font-size: 1.4rem;
}
.p-department-list2__item a,
.p-department-list2__item span {
display: block;
padding: 10px 5px 10px 36px;
background-position: 7px center;
background-repeat: no-repeat;
background-size: calc(46px / 2);
color: #272727;
text-decoration: none;
}
.p-department-list2__item a {
align-items: center;
display: flex;
justify-content: space-between;
}
.p-department-list2__item a::after {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--5--blue.png);
background-repeat: no-repeat;
background-position: center;
background-size: 7px;
content: '';
display: block;
height: 11px;
margin-right: 5px;
width: 7px;
}
.p-department-list2__item,
.p-department-list2--1 {
border-radius: 5px;
border-width: 2px;
}
.p-department-list2--1 {
padding: 5px 10px 10px;
}
.p-department-list2--1 li.p-department-list2__item {
width: 48.5%;
background-color: #f1f9fa;
border-width: 1px;
}
.p-department-list2--1 li.p-department-list2__item:nth-of-type(n + 3) {
margin-top: 2%;
}
.p-department-list2--2 .p-department-list2__item { margin-bottom: 1em;
}
@media (min-width: 769px) {
.p-department-list2--2 .p-department-list2__item {
margin-bottom: 1.5em;
}
}
.p-department-list2__item--0 {
width: 100%;
padding: 10px 5px;
min-height: 24px;
margin-left: -5px;
margin-bottom: 0;
}
.p-department-list2__item--1 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--1.png);
}
.p-department-list2__item--2 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--2.png);
}
.p-department-list2__item--3 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--3.png);
}
.p-department-list2__item--4 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--4.png);
}
.p-department-list2__item--5 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--5.png);
}
.p-department-list2__item--6 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--6.png);
}
.p-department-list2__item--7 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--7.png);
}
.p-department-list2__item--8 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--8.png);
}
.p-department-list2__item--9 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--9.png);
}
.p-department-list2__item--10 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--10.png);
}
.p-department-list2__item--11 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--11.png);
}
.p-department-list2__item--12 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--12.png);
}
.p-department-list2__item--13 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--13.png);
}
.p-department-list2__item--14 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--14.png);
}
.p-department-list2__item--15 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--15.png);
}
.p-department-list2__item--16 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--16.png);
}
.p-department-list2__item--17 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--17.png);
}
.p-department-list2__item--18 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--18.png);
}
.p-department-list2__item--19 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--19.png);
}
.p-department-list2__item--20 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--20.png);
}
.p-department-list2__item--21 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--21.png);
}
.p-department-list2__item--22 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--22.png);
}
.p-department-list2__item--23 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--23.png);
}
.p-department-list2__item--24 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--24.png);
}
.p-department-list2__item--25 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/department--icon--25.png);
}
@media (min-width: 769px) {
.p-department-list-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.p-department-list1__item {
width: 110px;
}
.p-department-list2 {
justify-content: flex-start;
}
.p-department-list2--1 {
display: flex;
padding: 10px;
}
.p-department-list2__item {
font-size: 1.8rem;
}
.p-department-list2__item--0 {
width: 34%;
background-size: calc(48px / 1.5);
padding-left: 10px;
display: flex;
align-items: center;
font-size: 1.4rem;
}
.p-department-list2--1 .p-department-list2 {
width: calc(100% - 34%);
}
.p-department-list2__item a,
.p-department-list2__item span {
background-size: calc(46px / 1.3);
padding-left: 3em;
}
.p-department-list2--1 li.p-department-list2__item {
width: 48%;
}
.p-department-list2--1 li.p-department-list2__item:nth-of-type(2n) {
margin-left: 3.8%;
}
.p-department-list2--2 .p-department-list2__item {
width: 32%;
}
.p-department-list2--2 .p-department-list2__item:not(:nth-of-type(3n)) {
margin-right: 2%;
}
.p-department-list2--2 .p-department-list2__item:nth-last-of-type(-n+3) { }
.p-department-list2__item a:hover {
opacity: 0.8;
}
} .join-seminar {
display: none;
margin-top: 1.5em;
}
.join-seminar-tit {
display: inline-block;
background: #43b9a6;
color: #fff;
font-size: .9em;
border-radius: 3px 3px 0 0;
padding: .2em 1em;
margin: 0;
}
.join-seminar-list {
border: 2px solid #43b9a6;
background: #fff;
padding: 5px 10px;
margin: 0;
}
.join-seminar-list li {
font-size: .9em;
padding: 5px 0;
border-bottom: 1px solid #eee;
line-height: 1.4;
list-style: none;
}
.join-seminar-list li:last-of-type {
border: none;
}
.join-seminar-list .seminar__date {
font-size: .9em;
display: block;
margin: .2em 0;
color: #20af81;
}
.join-seminar-list .seminar__staff {
font-size: .9em;
display: inline-block;
}
@media (min-width: 769px) {
.join-seminar-tit {
font-size: 1em;
}
.join-seminar-list {
border: 2px solid #43b9a6;
background: #fff;
padding: 5px 10px;
margin: 0;
}
.join-seminar-list li {
font-size: 1em;
padding: 10px 0;
}
.join-seminar-list .seminar__date {
margin: .4em 0;
}
} .p-select--head {
background: #43b9a6;
font-family: serif;
color: #fff;
font-size: 1.1em;
text-align: center;
}
.p-select-namelist li {
border: solid 2px #43b9a5;
text-align: center;
background: #fff;
padding: 0.5rem;
font-size: 1.4rem;
}
.p-select-block {
border-top: dashed 1px #43b9a5;
border-bottom: dashed 1px #43b9a5;
}
.p-select-block--2 {
border-top: dashed 1px #43b9a5;
}
.p-select-box--block {
padding: 15px;
}
.p-select-box--block > div:first-of-type {
width: 30%;
}
.p-select-box--block > div:last-of-type {
width: 65%;
}
@media (min-width: 769px) {
.p-select--head {
padding: 5px 0;
font-size: 1.3em;
}
.p-select-namelist li {
font-size: 1.6rem;
}
.p-select-bcs-wrap.c-pc-layout-column3-box2 .c-pc-layout-column-control__item {
margin: 10px 0.5% 0 0;
}
.p-select-bcs-wrap.c-pc-layout-column3-box2 .c-pc-layout-column-control__item:nth-of-type(3n) {
margin: 10px 0 0;
}
}
@media (max-width: 999px) and (min-width: 769px) {
.p-select-bcs-wrap.c-pc-layout-column3-box2 .c-pc-layout-column-control__item:nth-of-type(3n) {
margin: 10px 0.5% 0 0;
}
.p-select-bcs-wrap.c-pc-layout-column3-box2 .c-pc-layout-column-control__item:nth-of-type(2n) {
margin: 10px 0 0;
}
}
.p-select04-adviser__vdt {
display: grid;
align-items: flex-start;
grid-template-columns: 1fr min(140px, 30%);
gap: 3%;
margin: 0 0 20px;
}
.p-select04-adviser__vdt .-desc a {
color: #157867;
}
.p-select04-adviser__vdt .-desc a:hover {
text-decoration: none;
}
.p-select04-adviser__vdt .-desc a::after {
content: "";
display: inline-block;
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/extrenal_link_icon.svg) no-repeat center / contain;
width: 12px;
height: 12px;
vertical-align: baseline;
padding: 0 0 0 8px;
}
.p-select04-adviser__vdt .-img {
align-self: center;
}
.p-select04-adviser__profile {
display: grid;
grid-template-columns: 40% 1fr;
grid-template-rows: auto 1fr;
gap: 0 20px;
}
.p-select04-adviser__profile .-detail-name {
font-size: 18px;
}
.p-select04-adviser__profile .-career {
grid-area: 2/1/3/3;
}
.p-select04-adviser__profile .-career-title {
border-bottom: 1px solid #272727;
font-weight: bold;
font-size: 16px;
padding: 0 0 0.3em;
margin-bottom: 12px;
}
.p-select04-adviser__profile .-career-path {
list-style: none;
padding: 0;
}
.p-select04-adviser__profile .-career-path li {
font-size: 14px;
line-height: 1.6;
}
.p-select04-adviser__profile .-career-path li + li {
margin-top: 0.5em;
}
@media (min-width: 399px) {
.p-select04-adviser__profile .-img {
grid-area: 1/1/3/2;
}
.p-select04-adviser__profile .-detail-name {
font-size: 20px;
}
.p-select04-adviser__profile .-career {
grid-area: unset;
}
}
@media (min-width: 769px) {
.p-select04-adviser__vdt {
grid-template-columns: 1fr 200px;
gap: 3rem;
}
.p-select04-adviser__profile {
grid-template-columns: 230px 1fr;
gap: 0 3rem;
padding: 15px;
}
.p-select04-adviser__profile .-detail-postition {
font-size: 18px;
}
.p-select04-adviser__profile .-detail-name {
font-size: 28px;
}
.p-select04-adviser__profile .-career-title {
font-size: 18px;
margin-top: 0;
}
.p-select04-adviser__profile .-career-path li {
font-size: 16px;
}
}
.p-select18-adviser__desc {
margin: 0 0 20px;
}
.p-select18-adviser__desc .-desc a {
color: #157867;
}
.p-select18-adviser__desc .-desc a:hover {
text-decoration: none;
}
.p-select18-adviser__desc .-desc a::after {
content: "";
display: inline-block;
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/extrenal_link_icon.svg) no-repeat center / contain;
width: 12px;
height: 12px;
vertical-align: baseline;
padding: 0 0 0 8px;
}
.p-select18-adviser__desc .-img {
align-self: center;
}
.p-select18-adviser__profile {
display: grid;
grid-template-columns: 40% 1fr;
grid-template-rows: auto 1fr;
gap: 0 20px;
}
.p-select18-adviser__profile .-detail-name {
font-size: 18px;
}
.p-select18-adviser__profile .-career {
grid-area: 2/1/3/3;
}
.p-select18-adviser__profile .-career-title {
border-bottom: 1px solid #272727;
font-weight: bold;
font-size: 16px;
padding: 0 0 0.3em;
margin-bottom: 12px;
}
.p-select18-adviser__profile .-career-path {
list-style: none;
padding: 0;
}
.p-select18-adviser__profile .-career-path li {
font-size: 14px;
line-height: 1.6;
}
.p-select18-adviser__profile .-career-path li + li {
margin-top: 0.5em;
}
@media (min-width: 399px) {
.p-select18-adviser__profile .-img {
grid-area: 1/1/3/2;
}
.p-select18-adviser__profile .-detail-name {
font-size: 20px;
}
.p-select18-adviser__profile .-career {
grid-area: unset;
}
}
@media (min-width: 769px) {
.p-select18-adviser__profile {
grid-template-columns: 230px 1fr;
gap: 0 3rem;
padding: 15px;
}
.p-select18-adviser__profile .-detail-postition {
font-size: 18px;
}
.p-select18-adviser__profile .-detail-name {
font-size: 28px;
}
.p-select18-adviser__profile .-career-title {
font-size: 18px;
margin-top: 0;
}
.p-select18-adviser__profile .-career-path li {
font-size: 16px;
}
}
.p-select19-guidebook {
padding: 15px;
display: flex;
align-items: center;
}
.p-select19-guidebook .-img {
text-align: center;
margin: 0 15px 0 0;
width: 40%;
max-width: 180px;
}
.p-select19-guidebook .-txt {
flex: 1;
}
.p-select19-guidebook .-txt h3 {
font-size: 1.6rem;
color: #157867;
margin: 0 0 5px;
line-height: 1.4;
}
.p-select19-guidebook .-txt p {
margin: 0;
}
.p-select19-guidebook .-txt p br {
display: none;
}
@media (min-width: 769px) {
.p-select19-guidebook {
padding: 20px;
}
.p-select19-guidebook .-img {
margin: 0 20px 0 0;
max-width: 230px;
}
.p-select19-guidebook .-txt h3 {
font-size: 2rem;
margin: 0 0 10px;
}
.p-select19-guidebook .-txt p br {
display: inline;
}
}
.select19-consul {
margin: 30px auto 20px;
}
.select19-consul strong {
color: #157867;
font-size: 1.6rem;
}
@media (min-width: 769px) {
.select19-consul {
margin: 50px auto 20px;
}
}
.select19-check {
}
.select19-check__item {
padding: 15px;
margin: 15px 0 0;
border: 1px solid #ccc;
}
.select19-check__title {
border-bottom: 1px solid #272727;
font-weight: bold;
padding: 0 0 0.3em;
margin-bottom: 12px;
}
.select19-check__list {
list-style: none;
padding: 0;
}
.select19-check__list li {
font-size: 1.4rem;
line-height: 1.6;
display: flex;
align-items: center;
}
.select19-check__list li::before {
content: '';
width: 1em;
height: 1.2em;
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--check.png) no-repeat top center / contain;
margin: 0 5px 0 0;
}
.select19-check__list li + li {
margin-top: .5em;
}
@media (min-width: 769px) {
.select19-check {
display: flex;
justify-content: space-between;
}
.select19-check__list li {
font-size: 1.4rem;
}
.select19-check__item {
width: 48%;
}
.select19-check__title {
margin-top: 0;
}
} .p-training-price {
border: none;
}
.p-training-price tr:not(:last-of-type) {
border-bottom: dotted 2px #dcdcdc;
}
.p-training-price th,
.p-training-price td {
border: none;
padding: 0.5rem 0;
font-size: 1.4rem;
}
.p-training-price th {
text-align: left;
font-weight: normal;
}
.p-training-price td {
text-align: right;
}
.p-training-nav .c-nav--tabs__item {
width: 32%;
}
.p-training-kitakobe-bnr {
width: 300px;
max-width: 100%;
}
@media (min-width: 769px) {
} .p-foodstore-delivery__img__1 img {
width: 95%;
}
.p-foodstore-delivery__img__2 img {
width: 70%;
}
.p-foodstore-control--1 li {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
border: solid 2px #57c2a2;
margin: 0;
width: calc(50% - 5px);
padding: 2rem 1rem;
margin: 0 0 10px;
}
.p-foodstore-control--1 li::before {
content: "";
position: absolute;
right: -2px;
top: -2px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 0;
border-color: transparent #57c2a2 transparent transparent;
}
.p-foodstore-control--1 li::after {
content: "";
position: absolute;
right: -2px;
top: -2px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 17px 17px 0;
border-color: transparent #fff transparent transparent;
}
.p-foodstore-control--1 li p {
width: 100%;
}
.p-foodstore-control--1 .p-foodstore-control--1__head {
margin: 0;
font-weight: bold;
font-size: 1.5rem;
} .p-biljac--toggle .c-nav--tabs__item__link {
border: none;
background: #ddd;
color: #43b9a6;
text-align: center;
line-height: 1.5;
}
.p-biljac--toggle .c-nav--tabs__item__link.active {
background: #43b9a6;
color: #fff;
}
.p-biljac-point {
display: flex;
align-items: center;
}
.p-biljac-point__num {
background: #43b9a6;
margin: 0 1rem 0 0;
padding: 0.7rem 1rem 0.5rem 1rem;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.3;
}
.p-biljac-point__num span {
display: block;
font-size: 2rem;
}
.p-biljac-point__head {
margin: 0;
font-weight: bold;
font-size: 1.6rem;
}
.p-biljac-box--before {
background: #f1f9fa;
border: solid 1px #43b9a6;
padding: 1rem;
}
.p-biljac-box--after {
background: #fdf9f1;
border: solid 1px #ffb400;
padding: 1rem;
}
.p-biljac-box__head {
margin: 0;
font-size: 1.7rem;
font-weight: bold;
}
@media (min-width: 769px) {
.p-biljac-point__num {
font-size: 1.5rem;
}
.p-biljac-point__num span {
font-size: 2.5rem;
}
.p-biljac-point__head {
font-size: 2rem;
}
} .p-question-head {
padding: 10px 0 10px 40px;
line-height: 1.5;
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/question--icn--1.jpg) no-repeat left center;
background-size: 30px;
cursor: pointer;
}
.p-question-detail {
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/question--icn--2.jpg) no-repeat 22px top;
background-size: 20px;
padding: 0 0 0 55px;
}
.p-question-detail p {
margin: 0;
}
.p-question-detail a {
color: #157867;
}
.p-question-detail a:hover {
text-decoration: none;
}
.p-question-wrap .c-slide-toggle-box {
padding: 15px 10px;
}
@media (min-width: 769px) {
.p-question-head:hover {
text-decoration: underline;
}
} #post-28 .c-btn--box--4 {
box-shadow: none;
}
.p-preventive-smilepack {
border-width: 4px;
border-color: #eee;
background-color: #fff;
}
.c-btn--box--4--smilepack {
background-color: #f1f9fa;
}
.p-preventive-smilepack__cap {
margin-bottom: 10px;
position: relative;
display: inline-block;
font-family: 'sans serif';
}
.p-preventive-smilepack__cap::before,
.p-preventive-smilepack__cap::after {
content: '';
position: absolute;
bottom: 13px;
display: block;
width: 30px;
height: 3px;
border-radius: 5px;
background-color: #43b9a6;
}
.p-preventive-smilepack__cap::before {
left: -3rem;
transform: rotate(60deg);
}
.p-preventive-smilepack__cap::after {
right: -3rem;
transform: rotate(-60deg);
}
@media (min-width: 769px) {
.p-preventive-smilepack__cap.u-fs--s {
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
}
.c-btn--box--4--smilepack .c-btn--box--4__text {
width: 100%;
display: flex;
align-items: center;
font-size: 1.8rem;
text-align: center;
}
.c-btn--box--4--smilepack .c-btn--box--4__text div:last-child {
flex: 1;
}
} .p-ope-jyutsumae__subject {
display: flex;
border: 1px solid #43b9a6;
}
.p-ope-jyutsumae__subject h3 {
font-size: 1.4rem;
font-weight: bold;
flex: 0 0 auto;
background: #43b9a6;
color: #fff;
padding: 5px 10px;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.p-ope-jyutsumae__subject p {
padding: 5px 10px;
margin: 0;
display: flex;
align-items: center;
line-height: 1.4;
}
.p-ope-jyutsumae__list {
margin: 20px 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.p-ope-jyutsumae__list .list-item {
width: 48.5%;
border: 1px solid #ccc;
margin: 0 0 3%;
}
.p-ope-jyutsumae__list .list-item.col1 {
width: 100%;
padding: 16px;
background: #e8faf3;
font-size: 1.2rem;
border: none;
position: relative;
}
.p-ope-jyutsumae__list .list-item.col1::after {
content: '';
position: absolute;
bottom: 100%;
right: 22%;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 10px solid #e8faf3;
}
.p-ope-jyutsumae__list .list-item.col1 h4 {
margin: 0 0 .5em;
font-size: 120%;
}
.p-ope-jyutsumae__list .list-item.col1 h4::before {
content: "■";
color: #43b9a6;
}
.p-ope-jyutsumae__list .list-item__img {
position: relative;
padding-top: 66.666%;
}
.p-ope-jyutsumae__list .list-item__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.p-ope-jyutsumae__list .list-item__txt {
padding: 10px;
}
.p-ope-jyutsumae__list .list-item__txt h3 {
font-size: 1.4rem;
margin: 0;
}
.p-ope-jyutsumae__list .list-item__txt p {
font-size: 1.2rem;
margin: 0;
}
@media (min-width: 769px) {
.p-ope-jyutsumae__subject h3 {
padding: 8px 15px;
font-size: 1.6rem;
}
.p-ope-jyutsumae__subject p {
padding: 8px 15px;
}
.p-ope-jyutsumae__list {
margin: 30px 0 0;
}
.p-ope-jyutsumae__list .list-item {
width: calc((100% - 45px) / 4);
margin: 0;
}
.p-ope-jyutsumae__list .list-item.col1 {
margin: 15px 0 0
}
.p-ope-jyutsumae__list .list-item.col1::after {
right: 10%;
}
} .p-smilepack-fee__img1 {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
margin-right: -15px;
padding-right: 15px;
}
.p-smilepack-fee__img1 img {
max-width: initial;
width: calc(1100px / 2);
}
.p-smilepack-fee__text1 {
border-top: 1px solid #43b8a5;
padding-top: 20px;
}
.p-smilepack-fee__img3 {
width: calc(148px / 2);
}
.p-smilepack-otoku-btn {
color: #f19149;
border-color: #f19149;
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--3--orange.png);
}
.c-btn--slide-toggle.c-btn--white--2.p-smilepack-otoku-btn.active {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--6--orange.png);
}
.p-smilepack-otoku-box {
border: 1px solid #f19149;
border-top: none;
}
.p-smilepack-flow--cat .p-smilepack-flow-box1 {
padding: 15px 18px;
border-radius: 3px;
}
.p-smilepack-flow-list {
padding-left: 0;
}
.p-smilepack-flow-list__item {
list-style-position: inside;
background-position: 0 0;
background-size: calc(152px / 2);
background-repeat: no-repeat;
min-height: calc(146px / 2);
padding-left: 85px;
text-indent: -1.3em;
padding-left: 105px;
}
.p-smilepack-flow-list__item:not(:first-child) {
margin-top: 15px;
}
.p-smilepack-flow-list--1 .p-smilepack-flow-list__item--1 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/smilepack--img--flow-1--1.png);
}
.p-smilepack-flow-list--1 .p-smilepack-flow-list__item--2 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/smilepack--img--flow-1--2.png);
}
.p-smilepack-flow-list--1 .p-smilepack-flow-list__item--3 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/smilepack--img--flow-1--3.png);
}
.p-smilepack-flow-list--1 .p-smilepack-flow-list__item--4 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/smilepack--img--flow-1--4.png);
}
.p-smilepack-flow-list--2 .p-smilepack-flow-list__item--1 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/smilepack--img--flow-2--1.png);
}
.p-smilepack-flow-list--2 .p-smilepack-flow-list__item--2 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/smilepack--img--flow-2--2.png);
}
.p-smilepack-flow-list--2 .p-smilepack-flow-list__item--3 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/smilepack--img--flow-2--3.png);
}
.p-smilepack-flow-list--2 .p-smilepack-flow-list__item--4 {
padding-left: 1.3em;
}
.p-smilepack-flow-list--3 .p-smilepack-flow-list__item--1 {
margin-top: 5px;
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/smilepack--img--flow-3--1.png);
}
.p-smilepack-flow-list--3 .p-smilepack-flow-list__item--2 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/smilepack--img--flow-3--2.png);
}
.p-smilepack-flow-list--3 .p-smilepack-flow-list__item--3 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/smilepack--img--flow-3--3.png);
}
.p-smilepack-flow-list--3 .p-smilepack-flow-list__item--4 {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/smilepack--img--flow-3--4.png);
}
.p-smilepack-otoku-btn__img {
width: 290px;
}
@media (min-width: 399px) {
.p-smilepack-fee__text1 {
border-width: 2px;
}
}
@media (min-width: 769px) {
.p-smilepack-fee__img1 {
overflow-x: visible;
margin-right: 0;
padding-right: 0;
}
.p-smilepack-fee__img1 img {
width: 100%;
}
.p-smilepack-fee__pc-wrap {
display: flex;
align-items: flex-end;
flex-direction: row-reverse;
}
.p-smilepack-fee__pc-wrap__text {
flex: 1;
margin-left: 10px;
border-color: #43b8a5;
border-width: 2px;
border-style: solid none;
padding: 20px;
}
.p-smilepack-fee__text1 {
border: none;
padding-top: 0;
}
.p-smilepack-fee__img3 {
width: 104px;
}
.p-smilepack-flow-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.p-smilepack-flow-list__item {
width: 48.3%;
background-size: 152px;
min-height: 146px;
padding-left: 180px;
}
.p-smilepack-flow-list__item:not(:first-child) {
margin-top: 25px;
}
.p-smilepack-flow-list__item:nth-child(2),
.p-smilepack-flow-list--3 .p-smilepack-flow-list__item--1 {
margin-top: 0;
}
.p-smilepack-flow-box1,
.p-smilepack-flow--cat .p-smilepack-flow-box1 {
padding: 30px;
}
.p-smilepack-otoku-btn__img {
width: 480px;
}
} .p-cathour__col3 {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.p-cathour__col3 li {
width: 40%;
}
.p-cathour__col3 li:first-child {
margin: 0 20%;
}
.p-cathour__block {
overflow: hidden;
}
.p-cathour__block img {
width: 30%;
margin: 0 1em 1em 0;
float: left;
}
.p-cathour__block p {
overflow: hidden;
}
.p-cathour__block .c-list {
clear: both;
overflow: hidden;
}
.p-cathour__block .c-btn--container--layout--center {
clear: both;
}
@media (min-width: 769px) {
.p-cathour__col3 li {
width: 30%;
}
.p-cathour__col3 li:first-child {
margin: 0;
}
.p-cathour__block img {
margin: 0 1em 3em 0;
}
.p-cathour__block .c-list {
clear:inherit;
}
} .p-fip__symptoms {
}
.p-fip__symptoms__item {
display: flex;
align-items: center;
}
.p-fip__symptoms__item:nth-of-type(2) {
margin: 15px 0 0;
}
.p-fip__symptoms__item__img {
width: 100px;
height: 100px;
background: #f1f9fa;
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 auto;
margin: 0 10px 0 0;
border-radius: 100%;
}
.p-fip__symptoms__item__img img {
max-width: 80px;
}
.p-fip__symptoms__item p {
font-size: 80%;
margin: 0;
}
@media (min-width: 769px) {
.p-fip__symptoms {
display: flex;
}
.p-fip__symptoms__item:nth-of-type(2) {
margin: 0 0 0 30px;
border: none;
}
.p-fip__symptoms__item__img {
width: 120px;
height: 120px;
}
.p-fip__symptoms__item__img img {
max-width: 100px;
}
} .p-company--activity .p-index--news__head {
display: block;
margin: 0;
margin-bottom: 35px;
font-size: 1.5rem;
line-height: 1.5;
text-align: center;
color: #43b9a6;
}
.p-company--activity .c-tabs-content {
width: 100%;
}
.p-company--activity .p-index--news__btn-box {
justify-content: center;
}
@media (min-width: 769px) {
.p-company--activity .p-index--news__head {
margin-bottom: 40px;
font-size: 2.2rem;
line-height: 1.8;
}
} .p-list--sitemap a {
text-decoration: none;
color: #1e1a1a;
}
.p-list--sitemap__parent > li > a {
display: block;
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--1--g__next.png) no-repeat left center;
background-size: 8px;
padding: 0.5rem 0 0.5rem 18px;
border-bottom: dotted 2px #43b9a6;
}
.p-list--sitemap__childwrap > li > a {
display: block;
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--2--blue.png) no-repeat left center;
background-size: 5px;
padding: 0.5rem 0 0.5rem 15px;
border-bottom: dotted 2px #e5e5e5;
}
.p-list--sitemap__grandwrap > li > a {
position: relative;
display: block;
padding: 0.3rem 0 0.3rem 15px;
}
.p-list--sitemap__grandwrap > li > a::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
background: #43b9a6;
width: 0.5em;
height: 1.5px;
}
@media (min-width: 769px) {
.p-sitemap-wrap .c-title--10 {
font-size: 2.5rem;
}
.p-list--sitemap a:hover {
text-decoration: underline;
}
} .p-disease-form {
background-color: #fff;
border: 4px solid #eee;
padding: 15px 15px 25px;
}
.p-disease-form__item {}
.p-disease-form__item:not(:first-of-type){
margin-top: 30px;
}
.p-disease-form__item__keyword {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
background-color: #fff;
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--search.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 17px;
border: 1px solid #ccc;
border-radius: 0;
line-height: 1;
margin: 0;
outline: none;
padding: 9px 5px;
width: 100%;
}
.p-disease-form__item__title {
border-bottom: 1px dotted #ccc;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.2;
margin: 0 0 10px;
padding: 0 0 2px 0;
}
.p-df-select {
margin-top: 5px;
}
.p-df-select__item {
align-items: center;
cursor: pointer;
display: inline-flex;
font-size: 1.5rem;
min-width: 50%;
line-height: 1.4;
margin: 0 0 5px;
}
.p-df-select__item__cbox {
display: none;
}
.p-df-select__item__indicator {
position: relative;
background: #e6e6e6;
height: 1.5rem;
width: 1.5rem;
margin-right: 5px;
}
.p-df-select__item__cbox {}
.p-df-select__item__indicator:after {
content: '';
position: absolute;
}
.p-df-select__item__cbox:checked ~ .p-df-select__item__indicator:after {
left: .4rem;
top: 0;
width: .5rem;
height: .8rem;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.p-df-select__item__cbox:checked ~ .p-df-select__item__indicator {
background-color: #43b9a6;
}
.p-disease-form__item_submit {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: none;
background-color: #43b9a6;
border: 1px solid transparent;
border-radius: 3px;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
cursor: pointer;
color: #fff;
display: block;
font-family: serif;
font-weight: 400;
line-height: 1.42857143;
letter-spacing: .1em;
margin: 0 auto;
padding: 12px 6px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
text-decoration: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
min-width: 265px;
}
.p-disease-search-results {
}
.p-disease-search-child {
display: block;
background-color: #fff;
border: 2px solid #43b9a6;
box-shadow: 2.5px 4.33px 13px 0px rgba(193, 193, 193, 0.34);
padding: 20px;
position: relative;
text-decoration: none;
margin-bottom: 20px;
}
.p-disease-search-child:last-of-type {
margin: 0;
}
.p-disease-search-child:hover {
background: #f1f9fa;
}
.p-disease-search-child:after{
content: "";
background: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/icon--arrow--5--blue.png) no-repeat center;
display: block;
height: 12px;
width: 8px;
background-size: 8px;
position: absolute;
right: 20px;
top: 50%;
transform: translate(0,-50%);
}
.p-disease-search-title {
color: #333;
font-size: 1.2em;
line-height: 1.4;
margin: 0 0 .5em;
}
.p-disease-linklist {
display: inline-block;
margin: 0 .5em .5em 0;
background: #e8a054;
padding: .2em 1em;
border-radius: 25px;
text-decoration: none;
color: #fff !important;
}
.p-disease-cont-tit {
font-size: 1.4em;
}
.p-disease-cont-subtit {
background: #eee;
border-left: 4px solid #43b9a6;
padding: .2em .5em;
font-size: 1.2em;
margin: 1.5em 0 1.3em;
}
@media (min-width: 769px) {
.p-df-select__item {
min-width: 25%;
}
.p-disease-form__item:nth-of-type(2) .p-df-select__item {
min-width: 33.33%;
}
.p-disease-cont-tit {
font-size: 1.8em;
}
.p-disease-cont-subtit {
font-size: 1.4em;
}
} .u-txt-link {
color: #157867;
text-decoration: underline;
}
.u-txt-link:hover {
opacity: .8;
} .u-clearfix {} .u-block {
display: block;
}
.u-inline-block {
display: inline-block;
}
.u-sp-block {
display: block;
}
.u-sp-flex {
display: flex;
}
.u-pc-block,
.u-pc-block--important {
display: none;
}
.u-sp-inline {
display: inline;
}
.u-pc-inline {
display: none;
}
.u-pc-inline-block {
display: none;
}
.u-sp-inline-block {
display: inline-block;
}
.u-pc-add-block {
display: block;
}
.u-link-fee {
font-weight: bold;
color: inherit;
padding: 0 .3em;
}
@media (min-width: 769px) {
.u-sp-flex,
.u-sp-block {
display: none;
}
.u-pc-block {
display: block;
}
.u-pc-block--important {
display: block!important;
}
.u-sp-inline {
display: none;
}
.u-pc-inline {
display: inline;
}
.u-pc-inline-block {
display: inline-block;
}
.u-sp-inline-block {
display: none;
}
.u-pc-add-block {
display: inherit;
}
}
@media (max-width: 768px) {
.u-pc {display: none;}
}
@media (min-width: 769px) {
.u-sp {display: none;}
} .u-width--50pct {
width: 50%;
}
.u-width--100pct {
width: 100%;
}
.u-max-width--690 {
max-width: 690px;
}
@media (min-width: 769px) {
.u-width--100pct {
width: auto;
margin: 0 auto;
}
.u-pc-width--auto {
width: auto;
}
.u-pc-width--33pct {
width: 33%;
}
.u-pc-width--45pct {
width: 45%;
}
.u-pc-width--50pct {
width: 50%;
}
.u-pc-width--70pct {
width: 70%;
}
} .u-border--b--1 {
border-bottom: 1px solid #bfbfbf;
}
.u-border--r--1 {
border-right: 1px solid #bfbfbf;
}
.u-border--1 {
border: 1px solid #bfbfbf;
}
.u-marker {
background: linear-gradient(transparent 60%, #95e3d7 60%);
} .u-ta--left {
text-align: left;
}
.u-ta--center {
text-align: center;
}
.u-ta--right {
text-align: right;
} .u-va--bottom {
vertical-align: bottom;
} .u-fs--ss {
font-size: .7em;
}
.u-fs--s {
font-size: .8em;
}
.u-fs--m {
font-size: .9em;
}
.u-fs--ml {
font-size: 1em;
}
.u-fs--ls {
font-size: 1.1em;
}
.u-fs--l {
font-size: 1.2em;
}
.u-fs--ll {
font-size: 1.3em;
}
.u-fs--normal {
font-size: 1.4rem;
}
.u-fs--15 {
font-size: 1.5rem;
}
@media (min-width: 769px) { .u-pc-border--r--1 {
border-right: 1px solid #bfbfbf;
} .u-fs--ss {
font-size: .8em;
}
.u-fs--s {
font-size: .9em;
}
.u-fs--m {
font-size: .95em;
}
.u-fs--l {
font-size: 1.5em;
}
.u-fs--normal {
font-size: 1.6rem;
}
.u-pc-fs--14 {
font-size: 1.4rem;
}
.u-pc-fs--17 {
font-size: 1.7rem;
}
.u-pc-fs--ml {
font-size: 1.1em;
}
.u-pc-fs--l {
font-size: 1.2em;
}
.u-pc-fs--ll {
font-size: 1.5em;
}
}
.u-bg-yellow {
background-color: #FFF790;
}
.u-bg-gray {
background-color: #eee;
} .u-fc--black {
color: #272727;
}
.u-fc--info {
color: #0b97c7;
}
.u-fc--danger {
color: #dd4b39;
}
.u-fc--w {
color: #fff;
}
.u-fc--brown {
color: #A6551E;
}
.u-fc--green {
color: #157867;
}
.u-fc--green--2 {
color: #43b9a6;
}
.u-fc--pink {
color: #ea507c;
}
.u-fc--orange {
color: #f19169;
} .u-fw--bold {
font-weight: bold;
}
.u-fw--normal {
font-weight: normal;
}
.u-ff--serif {
font-family: serif;
} .u-lh--m {
line-height: 1.5;
} .u-underline {
text-decoration: underline;
} .u-mt--auto {
margin-top: auto;
}
.u-mt--none {
margin-top: 0;
}
.u-mt--ss {
margin-top: 5px;
}
.u-mt--s {
margin-top: 10px;
}
.u-mt--sl {
margin-top: 15px;
}
.u-mt--ms {
margin-top: 20px;
}
.u-mt--m {
margin-top: 25px;
}
.u-mt--ml {
margin-top: 30px;
}
.u-mt--ls {
margin-top: 35px;
}
.u-mt--l {
margin-top: 40px;
}
.u-mt--ll {
margin-top: 45px;
}
.u-mb--none {
margin-bottom: 0;
}
.u-mb--ss {
margin-bottom: 5px;
}
.u-mb--s {
margin-bottom: 10px;
}
.u-mb--sl {
margin-bottom: 15px;
}
.u-mb--m {
margin-bottom: 25px;
}
.u-mb--l {
margin-bottom: 40px;
}
.u-ml--s {
margin-left: 10px;
}
.u-ml--m {
margin-left: 25px;
}
.u-ml--auto {
margin-left: auto;
}
.u-mr--auto {
margin-right: auto;
}
.u-mr--s {
margin-right: 10px;
}
.u-pt--none {
padding-top: 0;
}
.u-pt--ss {
padding-top: 5px;
}
.u-pt--s {
padding-top: 10px;
}
.u-pt--ms {
padding-top: 20px;
}
.u-pt--m {
padding-top: 25px;
}
.u-pb--none {
padding-bottom: 0;
}
.u-pb--ss {
padding-bottom: 5px;
}
.u-pb--s {
padding-bottom: 10px;
}
.u-pb--sm {
padding-bottom: 20px;
}
.u-pb--m {
padding-bottom: 25px;
}
.u-pb--l {
padding-bottom: 40px;
}
.u-pl--none {
padding-left: 0;
}
.u-pl--ss {
padding-left: 5px;
}
.u-pl--s {
padding-left: 10px;
}
.u-pl--sl {
padding-left: 15px;
}
.u-pl--ms {
padding-left: 20px;
}
.u-pl--m {
padding-left: 25px;
}
.u-pl--normal {
padding-left: 1.4rem;
}
.u-pr--none {
padding-right: 0;
}
.u-pr--ss {
padding-right: 5px;
}
.u-pr--s {
padding-right: 10px;
}
.u-pr--sl {
padding-right: 15px;
}
.u-pr--ms {
padding-right: 20px;
}
.u-pr--m {
padding-right: 25px;
}
.u-indent {
text-indent: -1em;
padding-left: 1em;
}
@media (min-width: 769px) {
.u-mt--ss {
margin-top: 10px;
}
.u-mt--s {
margin-top: 20px;
}
.u-mt--sl {
margin-top: 30px;
}
.u-mt--ms {
margin-top: 40px;
}
.u-mt--m {
margin-top: 50px;
}
.u-mt--ml {
margin-top: 60px;
}
.u-mt--ls {
margin-top: 70px;
}
.u-mt--l {
margin-top: 80px;
}
.u-mt--ll {
margin-top: 90px;
}
.u-mb--none {
margin-bottom: 0;
}
.u-mb--ss {
margin-bottom: 10px;
}
.u-mb--s {
margin-bottom: 20px;
}
.u-mb--sl {
margin-bottom: 30px;
}
.u-mb--m {
margin-bottom: 50px;
}
.u-mb--l {
margin-bottom: 80px;
}
.u-ml--s {
margin-left: 20px;
}
.u-ml--m {
margin-left: 50px;
}
.u-ml--auto {
margin-left: auto;
}
.u-mr--auto {
margin-right: auto;
}
.u-mr--s {
margin-right: 20px;
}
.u-pt--none {
padding-top: 0;
}
.u-pt--ss {
padding-top: 10px;
}
.u-pt--s {
padding-top: 20px;
}
.u-pt--ms {
padding-top: 30px;
}
.u-pt--m {
padding-top: 50px;
}
.u-pb--none {
padding-bottom: 0;
}
.u-pb--ss {
padding-bottom: 10px;
}
.u-pb--s {
padding-bottom: 20px;
}
.u-pb--m {
padding-bottom: 50px;
}
.u-pb--l {
padding-bottom: 80px;
}
.u-pl--none {
padding-left: 0;
}
.u-pl--ss {
padding-left: 10px;
}
.u-pl--sl {
padding-left: 30px;
}
.u-pl--ms {
padding-left: 40px;
}
.u-pl--m {
padding-left: 50px;
}
.u-pl--normal {
padding-left: 1.6rem;
}
.u-pr--none {
padding-right: 0;
}
.u-pr--ss {
padding-right: 10px;
}
.u-pr--s {
padding-right: 20px;
}
.u-pc-mt--auto {
margin-top: auto;
}
.u-pc-mt--none {
margin-top: 0;
}
.u-pc-mt--ss {
margin-top: 5px;
}
.u-pc-mt--s {
margin-top: 10px;
}
.u-pc-mt--sl {
margin-top: 15px;
}
.u-pc-mt--ms {
margin-top: 20px;
}
.u-pc-mt--m {
margin-top: 25px;
}
.u-pc-mt--ml {
margin-top: 30px;
}
.u-pc-mt--l {
margin-top: 40px;
}
.u-pc-mt--ll {
margin-top: 60px;
}
.u-pc-mb--none {
margin-bottom: 0;
}
.u-pc-mb--s {
margin-bottom: 10px;
}
.u-pc-mb--m {
margin-bottom: 25px;
}
.u-pc-mb--l {
margin-bottom: 40px;
}
.u-pc-mr--none {
margin-right: 0;
}
.u-pc-ml--none {
margin-left: 0;
}
.u-pc-mr--ms {
margin-right: 20px;
}
.u-pc-ml--s {
margin-left: 10px;
}
.u-pc-pt--none {
padding-top: 0;
}
.u-pc-pl--none {
padding-left: 0;
}
.u-pc-pl--sl {
padding-left: 20px;
}
.u-pc-pr--none {
padding-right: 0;
}
.u-pc-pr--sl {
padding-right: 20px;
}
} .u-flex {
display: flex;
}
.u-jc--fstart {
justify-content: flex-start;
}
.u-jc--center {
justify-content: center;
}
.u-ai--fstart {
align-items: flex-start;
}
.u-ai--center {
align-items: center;
}
.u-fd--column {
flex-direction: column;
}
.u-fd--column > * {
max-width: 100%;
min-height: 0%;
}
.u-order--1 {
order: 1;
}
.u-order--2 {
order: 2;
}
@media (min-width: 769px) {
.u-pc-flex {
display: flex;
}
.u-pc-jc--fstart {
justify-content: flex-start;
}
.u-pc-ai--fstart {
align-items: flex-start;
}
.u-pc-fw--nowrap {
flex-wrap: nowrap;
}
.u-pc-fw--wrap {
flex-wrap: wrap;
}
}  a.u-touch-ios:hover::after,
a.u-touch-ios:hover::before {
display: none;
} .bx-wrapper {
box-shadow: none;
border: none; margin: 0 auto 30px;
}
.bx-wrapper .bx-pager {
align-items: center;
display: flex;
justify-content: center;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #cdcdcd;
height: 5px;
width: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #3ba899;
height: 7px;
width: 7px;
}
.bx-wrapper .bx-controls-direction a {
z-index: 50;
}
.bx-wrapper .bx-prev {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/arrow_l.png);
background-size: cover;
background-position: center;
left: -50px;
}
.bx-wrapper .bx-next {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/arrow_r.png);
background-size: cover;
background-position: center;
right: -50px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
background-position: center;
} .test-plan {
background-color: #eee;
text-align: center;
padding: 50px 0;
}
.test-plan--main-img {
margin-top: -55px;
padding: 100px 0;
} .cautionSchedule {
border: 2px solid #c00;
padding: 30px 20px;
margin: 20px 0 40px;
background: #FFF6F6;
}
.cautionTit {
text-align: center;
color: #c00;
font-weight: bold;
font-size: 1.2em;
margin: 0 0 1.5em;
}
.cautionTxt {
font-weight: bold;
margin: 1.5em 0 1em;
}
.cautionSchedule th span {
font-size: .8em;
}
.cautionSchedule .u-sp-block tr th:first-child {
width: 30%;
}
@media (min-width: 769px) {
.cautionSchedule th span {
display: block;
}
}
.c-reference-block {
margin: 20px 0 0;
text-align: center;
}
.c-reference-block a {
display: block;
background: #F1F9FB;
padding: 10px;
text-decoration: none;
color: #272727;
}
.c-reference-img {
margin-bottom: 5px;
}
.c-reference-text {
font-size: 1.4rem;
}
.c-reference-text2 {
font-weight: bold;
}
@media (min-width: 769px) {
.c-reference-block {
margin: 40px 0 0;
}
.c-reference-block a {
display: inline-block;
}
.c-reference-img {
}
.c-reference-text {
}
.c-reference-text1 {
}
.c-reference-text2 {
}
} .food_list {
margin: 10px 0;
font-size: 90%;
font-weight: bold;
color: #18694e;
}
.food_list:before {
content: '対象製品';
display: inline-block;
background: #cdeae6;
border-radius: 25px;
margin: 0 5px 0 0;
font-size: 90%;
padding: .2em 1em;
color: #18694e;
}
.box-code {
padding-left: 0;
}
.box-code li {
list-style: none;
display: flex;
border: 1px solid #ccc;
font-size: 1.2rem;
margin: 0 0 .5rem;
}
.box-code .box-code-hosp {
display: inline-block;
background: #eee;
padding: .5rem 0;
width: 40%;
text-align: center;
}
.box-code .box-code-num {
display: inline-block;
font-weight: bold;
padding: .5rem 0;
width: 60%;
text-align: center;
}
@media (min-width: 769px) {
.box-code {
}
.box-code li {
display: inline-flex;
width: 177px;
}
}
.checkup-recommend-set__head {
font-weight: bold;
}
.checkup-recommend-set__list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 40px;
position: relative;
width: fit-content;
margin: 0 auto;
}
@media (min-width: 769px) {
.checkup-recommend-set__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 80px;
width: auto;
}
}
.checkup-recommend-set__list::before,
.checkup-recommend-set__list::after {
content: "";
display: inline-block;
position: absolute;
background: #272727;
width: 4px;
height: 20px;
border-radius: 3px;
left: 50%;
top: 50%;
}
.checkup-recommend-set__list::before {
transform: translate(-50%, -50%);
}
.checkup-recommend-set__list::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.checkup-recommend-set__item {
border-radius: 40px;
padding: 6px 15px;
color: #fff;
display: grid;
place-items: center;
grid-template-columns: repeat(3, max-content);
gap: 20px;
}
@media (min-width: 769px) {
.checkup-recommend-set__item {
padding: 6px 20px;
}
}
.checkup-recommend-set__item--spring {
background: #f48899;
}
.checkup-recommend-set__item--autumn {
background: #ff7e30;
position: relative;
}
.checkup-recommend-set__season {
font-size: 16px;
position: relative;
z-index: 10;
}
.checkup-recommend-set__item--spring .checkup-recommend-set__season {
color: #f48899;
}
.checkup-recommend-set__item--autumn .checkup-recommend-set__season {
color: #ff7e30;
}
.checkup-recommend-set__season::before {
background: #fff;
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-53%, -53%);
border-radius: 50%;
width: 26px;
height: 26px;
z-index: -10;
}
.checkup-recommend-set__title {
font-size: 18px;
font-weight: bold;
}
.checkup-recommend-set__course {
font-size: 12px;
line-height: 1.4;
}
@media (min-width: 769px) {
.checkup-recommend-set__season {
font-size: 18px;
}
.checkup-recommend-set__season::before {
width: 30px;
height: 30px;
}
.checkup-recommend-set__title {
font-size: 20px;
}
.checkup-recommend-set__course {
font-size: 14px;
}
}
.checkup-disease__list {
margin: 20px 0 0;
}
.checkup-disease__list + .checkup-disease__list {
margin: 40px 0 0;
}
.checkup-disease__title {
margin-bottom: 0;
}
@media (min-width: 769px) {
.checkup-disease__list {
margin: 0;
}
.checkup-disease__list + .checkup-disease__list {
margin: 60px 0 0;
}
.checkup-disease__title {
margin-bottom: 30px;
}
}
.checkup-disease__sick-list {
justify-content: space-between;
align-items: baseline;
}
.checkup-disease__sick-item {
cursor: pointer;
width: calc(50% - 5px);
padding-right: 20px;
position: relative;
}
.checkup-disease__sick-item::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-top: 2px solid #43b9a6;
border-right: 2px solid #43b9a6;
transform: rotate(135deg);
position: absolute;
right: 6px;
top: 12px;
transition: all .2s;
}
.checkup-disease__sick-item--cat::after {
border-top: 2px solid #f78baa;
border-right: 2px solid #f78baa;
}
.checkup-disease__sick-item.active::after {
transform: rotate(-45deg);
top: 12px;
}
@media screen and (max-width: 768px) {
.checkup-disease__sick-item {
width: 100%;
}
}
.checkup-disease__item-title {
line-height: 1;
margin-bottom: 0;
}
.checkup-disease__item-name {
font-weight: bold;
} .checkup-course {
display: flex;
position: relative;
flex-wrap: wrap;
background: #f0f0f0;
border-radius: 10px;
margin-bottom: 30px;
justify-content: space-between;
}
.mark-recommend {
background: #ef3737;
color: #fff;
font-weight: bold;
font-size: 11px;
width: 60px;
height: 60px;
position: absolute;
top: -55px;
left: -15px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.4;
}
.checkup-course-tit {
background: #666;
color: #fff;
font-weight: bold;
font-size: 20px;
margin: 0;
padding: 5px 15px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 10px 10px 0 0;
}
.checkup-course-tit span {
background: #fff;
color: #666;
border-radius: 40px;
font-size: 12px;
padding: 0 10px;
}
.checkup-course-subtit {
text-align: center;
margin: 0 0 10px;
padding: 0;
}
.checkup-course-price {
padding: 20px 0;
margin: 0 20px;
width: 100%;
}
.checkup-course-price__tit {
background: #666;
font-size: 14px;
color: #fff;
text-align: center;
margin: 0 0 10px;
border-radius: 40px;
}
.checkup-course-price__txt {
font-weight: bold;
font-size: 26px;
text-align: center;
color: #666;
}
.checkup-course-price__txt span {
font-size: 18px;
}
.checkup-course-item {
padding: 20px 0;
margin: 0 20px;
width: 100%;
border-top: 1px solid #ccc;
}
.checkup-course-item__list {
padding: 0;
list-style: none;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: -10px 0 0;
}
.checkup-course-item__list li {
background: #666;
color: #fff;
width: calc((100% - 10px) / 2);
margin: 10px 0 0;
line-height: 1.4;
text-align: center;
display: flex;
flex-direction: column;
font-size: 14px;
padding: 10px 0;
justify-content: center;
}
.checkup-course-item__list li span {
display: block;
font-size: 11px;
}
.checkup-course-item__list li.nonactive {
background-color: #fcfcfc !important;
color: #ccc !important;
}
.course-hope {
background-color: #d9f1ed;
}
.course-hope .checkup-course-tit,
.course-hope .checkup-course-price__tit,
.course-hope .checkup-course-item__list li {
background-color: #43b9a6;
}
.course-hope .checkup-course-tit span,
.course-hope .checkup-course-price__txt {
color: #43b9a6;
}
.course-a {
background-color: #faecdd;
}
.course-a .checkup-course-tit,
.course-a .checkup-course-price__tit,
.course-a .checkup-course-item__list li {
background-color: #e8a054;
}
.course-a .checkup-course-tit span,
.course-a .checkup-course-price__txt {
color: #e8a054;
}
.course-b {
background-color: #daeff4;
}
.course-b .checkup-course-tit,
.course-b .checkup-course-price__tit,
.course-b .checkup-course-item__list li {
background-color: #47aec8;
}
.course-b .checkup-course-tit span,
.course-b .checkup-course-price__txt {
color: #47aec8;
}
.course-c {
background-color: #daf4e3;
}
.course-c .checkup-course-tit,
.course-c .checkup-course-price__tit,
.course-c .checkup-course-item__list li {
background-color: #44ca73;
}
.course-c .checkup-course-tit span,
.course-c .checkup-course-price__txt {
color: #44ca73;
}
.course-light {
background-color: #fad4db;
margin-top: 65px;
}
@media (min-width: 769px) {
.course-light {
margin-top: 80px;
}
}
.course-light .checkup-course-tit,
.course-light .checkup-course-price__tit,
.course-light .checkup-course-item__list li {
background-color: #f490ac;
}
.course-light .checkup-course-tit span,
.course-light .checkup-course-price__txt {
color: #f490ac;
}
.course-light .checkup-course-price__txt {
background: #fff;
border-radius: 10px;
padding-top: 2px;
}
@media (min-width: 769px) {
.course-light .checkup-course-price__txt {
padding-top: 10px;
}
}
.course-light .checkup-course-recommend {
background: #fff;
border-radius: 10px;
padding: 15px;
}
.course-light .checkup-course-recommend__title {
font-weight: 400;
margin: 0 0 10px;
}
@media (min-width: 769px) {
.course-light .checkup-course-recommend__title {
margin: 0 0 15px;
}
}
.course-rabbit {
background-color: #ffe3eb;
}
.course-rabbit .checkup-course-tit,
.course-rabbit .checkup-course-price__tit,
.course-rabbit .checkup-course-item__list li {
background-color: #f78baa;
}
.course-rabbit .checkup-course-tit span,
.course-rabbit .checkup-course-price__txt {
color: #f78baa;
}
.course-rabbit .checkup-course-price__txt.u-fc--black {
color: #272727;
}
.course-rabbit .checkup-course-price__txt--sm {
font-size: 12px;
line-height: 1;
display: block;
}
@media (min-width: 769px) {
.checkup-course {
margin-bottom: 40px
}
.mark-recommend {
font-size: 14px;
top: -50px;
left: -30px;
}
.checkup-course-tit {
font-size: 24px;
}
.checkup-course-tit span {
font-size: 16px;
padding: 0 15px;
}
.checkup-course-subtit {
text-align: center;
margin: 0 0 10px;
padding: 0;
}
.checkup-course-price {
padding: 0 15px;
margin: 15px 0;
width: 30%;
}
.checkup-course-price__txt {
font-size: 30px;
}
.checkup-course-price__txt span {
font-size: 20px;
}
.checkup-course-price__txt.u-mb--m {
margin: 0 0 15px !important;
}
.checkup-course-item {
padding: 0 15px;
margin: 15px 0;
width: 70%;
border: none;
border-left: 1px solid #ccc;
}
.checkup-course-item__list {
margin: -10px 0 0;
justify-content: flex-start;
}
.checkup-course-item__list li {
width: calc((100% - 30px) / 4);
margin: 10px 10px 0 0;
}
.checkup-course-item__list li:nth-of-type(4n) {
margin: 10px 0 0;
}
.checkup-course-item__list li:nth-of-type(2) {
font-size: 12px;
}
.checkup-course-item__list li span {
display: block;
font-size: 11px;
}
}
.kenshin-notice {
border: 2px solid #157867;
padding: 15px;
position: relative;
margin: 40px 0 0;
}
.kenshin-date {
background: #157867;
color: #fff;
font-weight: bold;
font-size: 15px;
width: 80px;
height: 80px;
position: absolute;
top: -30px;
right: -15px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.3;
}
.kenshin-txt h3 {
font-weight: bold;
font-size: 20px;
margin: 0 0 5px;
color: #157867;
}
.kenshin-txt p {
margin: 0;
}
.kenshin-txt a {
color: #157867;
}
.kenshin-img {
margin: 15px 0 0;
text-align: center;
}
.kenshin-img img {
width: 260px;
}
.kenshin-tokuten {
background: #f1f3f2;
width: 100%;
margin: 20px 0 0;
padding: 15px;
}
.kenshin-tokuten h4 {
margin: 0 0 10px;
color: #157867;
font-size: 18px;
line-height: 1.4;
}
.kenshin-tokuten-block {
background: #fff;
padding: 15px 15px 15px 20px;
font-weight: bold;
color: #e6678c;
line-height: 1.4;
border-radius: 5px;
margin: 0 0 10px;
position: relative;
}
.kenshin-tokuten-block:last-of-type {
margin: 0;
}
.kenshin-tokuten-block:after {
content: "1";
width: 24px;
height: 24px;
border-radius: 50%;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
background: #e6678c;
color: #fff;
position: absolute;
top: -5px;
left: -5px;
}
.tokutenblock2::after {
content: '2';
}
.tokutenblock3::after {
content: '3';
}
.kenshin-tokuten-block b {
font-size: 140%;
}
.kenshin-tokuten-block span {
display: block;
}
.kenshin-tokuten-caution {
padding: 0;
list-style: none;
font-size: 14px;
line-height: 1.5;
}
.kenshin-tokuten-caution li {
text-indent: -1em;
padding: 0 0 0 1em;
margin: 10px 0 0;
}
@media (min-width: 769px) {
.kenshin-notice {
padding: 20px;
margin: 60px 0 0;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.kenshin-date {
font-size: 20px;
width: 120px;
height: 120px;
position: static;
flex: 0 0 auto;
}
.kenshin-txt {
width: calc(100% - 320px);
padding: 0 15px;
}
.kenshin-txt h3 {
font-size: 24px;
}
.kenshin-txt p {
font-size: 14px;
}
.kenshin-img {
margin: 0;
flex: 0 0 auto;
}
.kenshin-img img {
width: 200px;
}
.kenshin-tokuten {
padding: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.kenshin-tokuten h4 {
margin: 0 0 15px;
font-size: 22px;
width: 100%;
}
.kenshin-tokuten-block {
width: calc((100% - 15px) / 2);
margin: 0;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 50px;
}
.kenshin-tokuten-block::after {
left: 15px;
top: 50%;
transform: translate(0,-50%);
}
.tokutenblock3 {
margin: 15px 0 0 !important;
width: 100%;
}
.kenshin-tokuten-caution {
width: 100%;
margin: 10px 0 0
}
} .p-pick-up-slider-wrap {
position: relative;
padding: 0 50px;
max-width: 1070px;
margin-left: auto;
margin-right: auto;
}
.p-pick-up-slider {
padding: 0 0 40px;
}
.p-pick-up-slider .swiper-wrapper {
}
.p-pick-up-slider .swiper-slide {
width: calc((100% - 40px) / 3);
}
.swiper-button-prev:focus,
.swiper-button-next:focus {
outline: none;
}
.p-pick-up-slider-wrap .swiper-button-prev,
.p-pick-up-slider-wrap .swiper-button-next {
width: 32px;
height: 32px;
background-size: 32px 32px;
margin-top: -36px;
}
.p-pick-up-slider-wrap .swiper-button-prev::after,
.p-pick-up-slider-wrap .swiper-button-next::after {
display: none;
}
.p-pick-up-slider-wrap .swiper-button-next {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/arrow_r.png);
right: 5px;
}
.p-pick-up-slider-wrap .swiper-button-prev {
background-image: url(//www.elsa-hp.com/cms/wp-content/themes/elsa_ah/img/arrow_l.png);
left: 5px;
}
.p-pick-up-slider-wrap .swiper-pagination {
bottom: 0;
}
.p-pick-up-slider-wrap .swiper-pagination-bullet {
width: 5px;
height: 5px;
background: #cdcdcd;
margin: 0 5px;
opacity: 1;
vertical-align: middle;
}
.p-pick-up-slider-wrap .swiper-pagination-bullet-active {
width: 7px;
height: 7px;
background: #3ba899;
}
@media screen and (max-width: 557px){
.p-pick-up-slider .swiper-slide {
width: 100%;
}
} .p-pick-up-block ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
margin: 0 
}
.p-pick-up-block li {
width: calc((100% - 10px) / 2 );
margin: 0 0 10px;
list-style: none;
}
.p-pick-up-block li a img {
width: 100%;
height: auto;
}
@media screen and (min-width: 769px){
.p-pick-up-block ul {
justify-content: flex-start;
}
.p-pick-up-block li {
width: calc((100% - 30px) / 3 );
margin: 0 15px 15px 0;
}
.p-pick-up-block li:nth-of-type(3n) {
margin-right: 0;
}
}
@media (min-width: 1090px) {
.top-pickup .p-pick-up-block li,
.top-pickup .p-pick-up-block li:nth-of-type(3n){
width: calc((100% - 60px) / 4 );
margin: 0 20px 20px 0;
}
.top-pickup .p-pick-up-block li:nth-of-type(4n) {
margin-right: 0;
}
} .p-info {
}
.p-info-tab {
display: flex;
padding: 0;
}
.p-info-tab li {
list-style: none;
margin: 0 10px 0 0;
}
.p-info-tab li a {
display: block;
font-weight: bold;
font-size: 1.4rem;
text-decoration: none;
color: #999;
background: #ddd;
padding: .2em 1.5em;
position: relative;
}
.p-info-tab li a.active,
.p-info-tab li a.active:hover{
background: #43b9a6;
color: #fff;
}
.p-info-tab li a.active::after {
content: "";
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: #43b9a5 transparent transparent transparent;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%,0);
}
.p-info-tab li a span.newCount {
position: absolute;
top: -1.5em;
right: -.5em;
background: #ef3737;
color: #fff;
font-size: 10px;
line-height: 1;
z-index: 1; padding: .4em .8em;
border-radius: 30px;
text-align: center;
}
.p-info-block.active {
display: block;
}
.p-info-block {
display: none;
}
.p-info-block__box {
margin: 0 0 15px;
background: #fff;
padding: 10px;
text-decoration: none;
display: block;
position: relative;
}
.p-info-block__new {
position: absolute;
bottom: calc(100% - 8px);
right: -1px;
background-color: #ef3737;
color: #fff;
display: inline-block;
font-size: 1rem;
padding: 1px 5px;
text-align: center;
text-decoration: none;
vertical-align: bottom;
min-width: 5em;
letter-spacing: .08em;
}
.p-info-block__head {
display: flex;
justify-content: space-between;
}
.p-info-block__head .c-tag-list {
margin: 0;
}
.p-info-block__head .c-tag-list li {
margin: 0 5px 5px 0;
padding: 0 5px;
}
.p-info-block__date {
color: #999;
font-size: 1.2rem;
}
.p-info-block__title {
color: #272727;
font-size: 1.4rem;
line-height: 1.6;
margin: 5px 0 0;
}
@media screen and (min-width: 769px){
.p-info-tab li a:hover {
opacity: .8;
}
.p-info-block {
display: none;
}
.p-info-block__in {
position: relative;
}
.p-info-block__box {
margin: 0 0 10px;
} .p-info-block__box:hover {
background: #e9fffb;
}
.p-info-block__head {
display: flex;
justify-content: space-between;
align-items: center;
}
.p-info-block__head .c-tag-list {
margin: 0;
order: 2;
justify-content: flex-end;
}
.p-info-block__head .c-tag-list li {
margin: 2px 0 2px 5px;
padding: 0 5px;
}
.p-info-block__date {
color: #999;
font-size: 1.2rem;
}
.p-info-block__title {
color: #272727;
font-size: 1.4rem;
line-height: 1.6;
margin: 0 1em;
order: 1;
flex: 1;
}
} .top-seminar {
margin: 40px 0 0;
}
.top-seminar-list {
margin: 0;
padding: 0;
list-style: none;
}
.top-seminar-list li {
margin: 0 0 10px;
padding: 0 10px 10px;
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
}
.top-seminar__date {
width: 9em;
font-size: 1.2rem;
color: #999;
}
.top-seminar__name {
flex: 1;
margin: 0 1em 0 0;
font-size: 1.4rem;
}
.top-seminar__staff {
font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
.top-seminar-list li {
display: block;
}
.top-seminar__date {
display: block;
}
.top-seminar__name {
display: inline-block;
margin: 5px 0 0;
}
.top-seminar__staff {
display: inline-block;
margin: 5px 0 0;
}
} #anker-reservation {
margin-top: -153px;
padding-top: 153px;
}
@media screen and (max-width: 768px) {
#anker-reservation {
margin-top: -55px;
padding-top: 55px;
}
} .p-hosp-note {
background: #f1f9fa;
padding: 15px 15px 0;
}
.p-hosp-note__btn {
background: #f1f9fa;
padding: 15px;
} .p-to-top {
z-index: 2;
}
.fixed-bnr {
background: rgba(59,168,153,.8);
position: sticky;
left: 0;
bottom: 0;
z-index: 1;
margin: 0 auto;
}
.fixed-bnr__in {
display: flex;
justify-content: center;
padding: 10px 5px;
}
.fixed-bnr__in a {
margin: 0 5px;
background: #fff;
}
.fixed-bnr__in a img {
max-height: 80px;
height: auto;
}
@media screen and (max-width: 768px) {
.fixed-bnr__in {
padding: 4px 2px;
}
.fixed-bnr__in a {
margin: 0 2px;
}
} .p-missing-box {
padding: 20px;
background-color: #f1f9fa;
margin: 0;
}
.p-missing-box-ttl {
font-size: 2rem;
display: inline-block;
margin: 0 0 4px;
}
.p-missing-notice .p-missing-notice-indent {
text-indent: -1em;
padding: 0 0 0 1em;
display: inline-block;
}
.p-missing-notice .p-missing-notice-indent a:hover {
text-decoration: none;
}
.p-missing-notice .p-missing-notice-indent-sub {
display: inline-block;
}
.p-missing-notice .p-missing-notice-indent-sub::before {
content: none;
}
.p-missing-wrap {
display: flex;
flex-wrap: wrap;
}
.p-missing-item {
width: calc((100% - 60px) / 3);
text-align: center;
cursor: pointer;
margin: 0 30px 30px 0;
padding: 15px;
background-color: #fff;
box-shadow: 2.5px 4.33px 13px 0px rgb(193 193 193 / 34%);
writing-mode: vertical-lr;
}
.p-missing-item:nth-of-type(3n) {
margin: 0 0 30px;
}
.p-missing-item:hover {
opacity: .7;
}
.p-missing-item > img {
width: 100%;
}
.p-missing-popup {
position: fixed;
background: rgba(0, 0, 0, .7);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.p-missing-popup-img {
width: 500px;
margin: 0 auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.p-missing-popup-img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.p-missing-popup-close {
position: absolute;
font-size: 60px;
right: -1.5em;
top: 0;
line-height: 1;
color: #fff;
cursor: pointer;
}
.p-missing-popup-close:hover {
opacity: .7;
}
@media screen and (max-width: 768px) {
.p-missing-wrap {
justify-content: space-between;
}
.p-missing-item {
width: calc((100% - 15px) / 2);
margin: 0 0 15px;
padding: 10px;
}
.p-missing-item:nth-of-type(3n) {
margin: 0 0 15px;
}
.p-missing-popup-img {
width: 80%;
height: 80%;
}
.p-missing-popup-close {
font-size: 30px;
right: -1em;
top: 0;
}
.p-missing-box {
padding: 15px;
}
} .p-cert {
overflow: hidden;
}
.p-cert__list {
display: flex;
flex-wrap: wrap;
padding: 20px 20px 10px;
}
.p-cert__item {
background: #fff;
border-radius: 8px;
display: flex;
flex-direction: column;
align-items: center;
width: calc((100% - 30px) / 4);
margin-bottom: 10px;
padding: 15px;
}
.p-cert__item:not(:nth-of-type(4n)) {
margin-right: 10px;
}
.p-cert__ttl,
.p-cert__img,
.p-cert__inst {
flex: 1;
height: 100%;
min-height: 0%;
}
.p-cert__ttl {
margin: 0;
width: 100%;
text-align: center;
}
.p-cert__ttl--sm {
font-size: 12px;
max-height: 32px;
}
.p-cert__ttl--lg {
font-size: 13px;
max-height: 48px;
}
.p-cert__img {
text-align: center;
width: 100%;
max-height: 180px;
margin: 0;
}
.p-cert__img img {
height: 100%;
width: 100%;
object-fit: contain;
}
.p-cert__inst {
font-size: 12px;
margin: 1em 0 0;
max-height: 48px;
text-align: center;
}
@media screen and (max-width: 1199px) {
.p-cert__img {
max-height: 160px;
}
}
@media screen and (max-width: 940px) {
.p-cert__item {
width: calc((100% - 20px) / 3);
}
.p-cert__item:nth-of-type(3n) {
margin-right: 0;
}
.p-cert__item:not(:nth-of-type(3n)),
.p-cert__item:not(:nth-of-type(4n)):not(:nth-of-type(3n)) {
margin-right: 10px;
}
}
@media screen and (max-width: 768px) {
.p-cert__list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 15px 15px 5;
}
.p-cert__item {
width: calc(50% - 5px);
margin: 0 0 10px !important;
padding: 10px;
}
.p-cert__ttl--sm {
font-size: 10px;
max-height: 20px;
}
.p-cert__ttl--lg {
font-size: 12px;
max-height: fit-content;
}
.p-cert__img {
max-height: 100px;
flex: unset;
margin: 10px 0 0;
}
.p-cert__inst {
font-size: 10px;
max-height: 36px;
}
}
@media screen and (max-width: 480px) {
.p-cert__list {
padding: 10px 10px 0;
margin: 10px calc(50% - 50vw) 0;
width: 100vw;
}
.p-cert__inst {
max-height: none;
}
} .p-vaccine__sick-list {
justify-content: space-between;
align-items: baseline;
}
.p-vaccine__sick-item {
cursor: pointer;
width: calc(50% - 5px);
padding-right: 20px;
position: relative;
}
.p-vaccine__sick-item::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-top: 2px solid #43b9a6;
border-right: 2px solid #43b9a6;
transform: rotate(135deg);
position: absolute;
right: 6px;
top: 12px;
transition: all .2s;
}
.p-vaccine__sick-item__notice {
color: #fff;
background-color: #dd4b39;
border-radius: 3px;
padding: 5px;
width: fit-content;
}
.p-vaccine__sick-item__notice__desc  {
border: 1px solid #dd4b39;
margin: 0;
padding: 5px;
}
.p-vaccine__sick-item--cat::after {
border-top: 2px solid #f78baa;
border-right: 2px solid #f78baa;
}
.p-vaccine__sick-item--pig::after {
border-top: 2px solid #f39C12;
border-right: 2px solid #f39C12;
}
.p-vaccine__sick-item.active::after {
transform: rotate(-45deg);
top: 12px;
}
@media screen and (max-width: 768px) {
.p-vaccine__sick-item {
width: 100%;
}
}
.p-hydrophobia__flow {
width: 630px;
margin-right: auto;
margin-left: auto;
}
.p-hydrophobia__flow__decision {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.p-hydrophobia__flow--w50 {
width: calc(50% - 10px);
display: flex;
flex-direction: column;
}
.p-hydrophobia__flow--self {
position: relative;
}
.p-hydrophobia__flow--self::before,
.p-hydrophobia__flow--self::after {
content: "";
display: inline-block;
position: absolute;
z-index: 10;
}
.p-hydrophobia__flow--self::before {
width: 20px;
height: calc(100% - 4px);
border-top: 2px solid #ef3737;
border-right: 2px solid #ef3737;
border-bottom: 2px solid #ef3737;
top: 0;
right: -10px;
}
.p-hydrophobia__flow--self::after {
width: 20px;
height: 2px;
background-color: #ef3737;
top: 45px;
right: -30px;
}
.p-hydrophobia__flow__box {
background-color: #f1f3f2;
padding: 20px;
position: relative;
font-weight: bold;
}
.p-hydrophobia__flow__box--transparent {
background-color: transparent;
padding: 20px 20px 10px;
}
.p-hydrophobia__flow__box--pseudo::before {
content: "";
background-color: #f1f3f2;
display: inline-block;
height: 20px;
width: 6px;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
}
.p-hydrophobia__flow__box--transparent::before {
height: 30px;
top: -20px;
}
.p-hydrophobia__flow__add-info__ttl {
width: 100%;
}
.p-hydrophobia__flow__notice span {
color: #f39c12;
display: inline-block;
font-weight: bold;
text-indent: -1em;
padding-left: 1em;
}
@media screen and (max-width: 768px) {
.p-hydrophobia__flow {
width: 100%;
font-size: 13px;
}
.p-hydrophobia__flow__box {
padding: 10px;
}
.p-hydrophobia__flow--w50 {
width: calc(50% - 5px);
}
.p-hydrophobia__flow--self::before {
width: 10px;
right: -5px;
}
.p-hydrophobia__flow--self::after {
width: 10px;
top: 20px;
right: -15px;
}
.p-hydrophobia__flow__box--transparent {
padding: 10px 10px 5px;
}
.p-hydrophobia__flow__box--pseudo::before {
height: 10px;
width: 3px;
top: -10px;
}
.p-hydrophobia__flow__box--transparent::before {
height: 15px;
top: -10px;
}
}
.p-nomimadani__illness__content {
display: flex;
justify-content: space-between;
}
.p-nomimadani__illness__content__img {
width: 200px;
flex-shrink: 0;
margin: 0 0 0 20px;
}
.p-nomimadani__illness__content__img img {
width: 100%;
}
.p-nomimadani__sfts__graph-img {
overflow-x: scroll;
}
.p-nomimadani__sfts__graph-img img {
width: 1600px;
max-width: unset;
padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
.p-nomimadani__illness__content {
flex-direction: column;
}
.p-nomimadani__illness__content__img {
width: 100%;
margin: 15px 0 0;
}
.p-nomimadani__sfts__graph-img img {
width: 1200px;
}
} .p-kakogawa__adtit {
background: #43b9a6;
color: #fff;
margin: 0;
padding: .5em 0;
line-height: 1;
text-align: center;
font-size: 2.6rem;
border-radius: 8px 8px 0 0;
}
.p-kakogawa__ad {
padding: 30px;
background: #f1f9fa;
display: flex;
justify-content: space-between;
}
.p-kakogawa__ad > div {
width: 48%;
}
.p-kakogawa__ad-tit {
margin: 0;
font-size: 2.8rem;
font-weight: bold;
line-height: 1.4;
color: #157867;
}
.p-kakogawa__ad-tit span {
display: inline-block;
}
.p-kakogawa__ad-tit span.tit-s {
font-size: 2rem;
}
.p-kakogawa__ad-sub {
margin: 10px 0 0;
font-weight: bold;
}
.p-kakogawa__ad-img img {
border-radius: 8px;
width: 100%;
height: auto;
}
.p-kakogawa__ad-block1 {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.p-kakogawa__ad-block2 ul {
list-style: none;
margin: 0;
padding: 0;
}
.p-kakogawa__ad-block2 ul li {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: 1px dotted #ccc;
}
.p-kakogawa__ad-block2 ul li:last-of-type {
padding: 0;
margin: 0;
border: none;
}
.p-kakogawa__ad-block2 .p-kakogawa__ad-tit {
font-size: 2.2rem;
}
.p-kakogawa__ad-block2 .p-kakogawa__ad-tit span.tit-s {
font-size: 1.6rem;
}
.p-kakogawa__ad-block2 .p-kakogawa__ad-img {
width: 220px;
margin: 0 0 0 15px;
}
@media screen and (max-width: 900px) {
.p-kakogawa__adtit {
font-size: 2.2rem;
}
.p-kakogawa__ad-tit {
font-size: 2.4rem;
}
.p-kakogawa__ad-tit span.tit-s {
font-size: 1.6rem;
}
.p-kakogawa__ad-sub {
font-size: 1.4rem;
}
}
@media screen and (max-width: 768px) {
.p-kakogawa__adtit {
font-size: 1.8rem;
}
.p-kakogawa__ad {
padding: 15px;
display: block;
}
.p-kakogawa__ad > div {
width: 100%;
}
.p-kakogawa__ad-block1 {
display: block;
}
.p-kakogawa__ad-block1 .p-kakogawa__ad-img {
text-align: center;
margin: 15px 0 0;
}
.p-kakogawa__ad-block1 .p-kakogawa__ad-img img {
width: 500px;
}
.p-kakogawa__ad-block2 ul {
margin: 15px 0 0;
padding: 15px 0 0;
border-top: 1px dotted #ccc;
}
}
@media screen and (max-width: 480px) {
.p-kakogawa__ad-tit {
font-size: 2rem;
}
.p-kakogawa__ad-tit span.tit-s {
font-size: 1.4rem;
}
.p-kakogawa__ad-block2 .p-kakogawa__ad-tit {
font-size: 1.8rem;
}
.p-kakogawa__ad-block2 .p-kakogawa__ad-tit span.tit-s {
font-size: 1.4rem;
}
.p-kakogawa__ad-block2 .p-kakogawa__ad-img {
width: 120px;
height: 100px;
overflow: hidden;
position: relative;
margin: 0 0 0 10px;
border-radius: 8px;
flex: 0 0 auto;
}
.p-kakogawa__ad-block2 .p-kakogawa__ad-img img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
max-width: inherit;
height: 100%;
object-fit: cover;
}
}
.flow-tokuten {
width: 100%;
padding: 15px;
background: linear-gradient(135deg, #4bcab5 0%, #7fe682 100%);
}
.flow-tokuten h4 {
margin: 0 0 10px;
color: #fff;
font-size: 18px;
line-height: 1.4;
}
.flow-tokuten-block {
background: #fff;
padding: 15px 15px 15px 20px;
color: #157867;
line-height: 1.4;
border-radius: 5px;
margin: 0 0 15px;
position: relative;
}
.flow-tokuten-block:last-of-type {
margin: 0;
}
.flow-tokuten-block:after {
content: "1";
width: 24px;
height: 24px;
border-radius: 50%;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
background: #157867;
color: #fff;
position: absolute;
top: -5px;
left: -5px;
}
.flow-tokuten-block.tokutenblock2:after {
content: "2";
}
.flow-tokuten__desc {
font-size: 13px;
margin: 0;
}
.flow-tokuten__desc + .flow-tokuten__desc {
margin: .2em 0 0;
}
.flow-tokuten__desc--bold {
font-weight: bolder;
font-size: 18px;
}
.flow-tokuten-caution {
padding: 0;
list-style: none;
font-size: 14px;
line-height: 1.5;
}
.flow-tokuten-caution li {
text-indent: -1em;
padding: 0 0 0 1em;
margin: 10px 0 0;
}
@media (min-width: 769px) {
.flow-tokuten {
padding: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.flow-tokuten h4 {
margin: 0 0 15px;
font-size: 22px;
width: 100%;
}
.flow-tokuten-block {
width: 100%;
margin: 0 0 20px;
padding-left: 50px;
}
.flow-tokuten-block::after {
left: 15px;
top: 50%;
transform: translate(0,-50%);
}
.flow-tokuten__desc {
font-size: 16px;
}
.flow-tokuten__desc--bold {
font-size: 22px;
}
.flow-tokuten-caution {
width: 100%;
margin: 10px 0 0
}
}
.p-visit-table-wrapper {
width: 100%;
overflow: auto;
border-left: 1px solid #ccc;
}
.p-visit-table {
table-layout: fixed;
width: 100%;
}
.p-visit-table,
.p-visit-table.c-table th,
.p-visit-table.c-table td {
border-collapse: separate !important;
border-left: unset;
}
.p-visit-table thead th,
.p-visit-table tbody th {
position: sticky;
left: 0;
top: 0;
}
.p-visit-table thead th {
width: 120px;
}
.p-visit-table td.-gap {
background: white !important;
width: 10px !important;
}
.p-visit-table td.-gap.-borderless {
border-bottom: unset;
}
.p-visit-table thead td {
background-color: #eee;
width: 50px;
}
@media (min-width: 769px) {
.p-visit-table thead th {
width: 220px;
}
.p-visit-table thead td {
width: 60px;
}
}
.p-archive__years select {
min-width: 6em;
padding: 0.25em 0.5em;
}
.p-archive__month-block + .p-archive__month-block {
margin-top: 40px;
}
@media (min-width: 769px) {
.p-archive__month-block + .p-archive__month-block {
margin-top: 80px;
}
}
.p-article--post {
background: #f1f9fa;
} .hospadd-tit {
margin: 10px auto;
text-align: center;
background: #43b9a6;
color: #fff;
padding: 5px 10px;
font-size: 16px;
width: fit-content;
}
@media (min-width: 769px) {
.hospadd-tit {
font-size: 22px;
}
}
.hospadd-tit2 {
line-height: 1.4;
margin: 0;
text-align: center;
background: #cdede8;
padding: 5px 10px;
font-size: 16px;
color: #157867;
}
@media (min-width: 769px) {
.hospadd-tit2 {
font-size: 24px;
padding: 10px;
}
}
.hospadd-box2 .hospadd-tit2 {
background:  #157867;
color: #fff;
}
.hospadd-tbl {
margin: 15px 0;
position: relative;
}
.hospadd-tbl::after {
content: '';
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 30px;
height: 100%;
background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(0,0,0, .3) 100%);
}
.hospadd-tbl__inner {
max-width: 100%;
overflow-x: auto;
}
.hospadd-tbl table {
border-collapse: collapse;
line-height: 1.5;
width: 300vw;
}
.hospadd-tbl th,
.hospadd-tbl td {
border: 1px solid #ccc;
padding: 5px 10px;
}
.hospadd-tbl th {
white-space: nowrap;
text-align: center;
background: #eee;
color: #157867;
}
.hospadd-tbl td.head {
white-space: nowrap;
text-align: center;
font-weight: bold;
}
.hospadd-tbl tr:nth-child(odd) {
background: #f1f9fa;
}
.hospadd-tbl .taC th,
.hospadd-tbl .taC td {
text-align: center;
}
.hospadd-tbl strong {
color: #157867;
}
.hospadd-tbl .flag {
display: flex;
align-items: center;
justify-content: center;
font-size: 60px;
margin: 0 0 5px;
}
.hospadd-tbl .flag img {
width: 60px;
margin: 20px 0 10px;
}
@media (min-width: 769px) {
.hospadd-tbl {
margin: 30px 0;
}
.hospadd-tbl::after {
display: none;
}
.hospadd-tbl table {
width: 100%;
margin: 0;
}
.hospadd-tbl th,
.hospadd-tbl td {
height: 50px;
padding: 10px;
white-space: normal !important;
}
.hospadd-tbl th {
white-space: normal;
width: 22%;
}
.hospadd-tbl th:first-of-type {
width: 12%;
}
} .gesture {
position: absolute;
left: 50%;
top: 50%;
margin: -22px 0 0 -76px;
z-index: 100;
}
@media (min-width: 769px) {
.gesture {
display: none !important;
}
}
.fadeInDown {
animation-fill-mode: both;
animation-duration: 1.5s;
animation-name: fadeInDown;
visibility: visible !important;
animation-iteration-count: 5;
animation-timing-function: cubic-bezier(0, 0, 0.4, 1.0);
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 1;
-webkit-transform: translateX(140px);
}
100% {
opacity: 0;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 1;
-webkit-transform: translateX(140px);
-ms-transform: translateX(140px);
transform: translateX(140px);
}
100% {
opacity: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}