/* import */
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap');

/* common */
* {box-sizing:border-box;}
html, html a, * {-webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
body {position:relative; margin:0; padding:0; padding-right:0 !important; background-color:#fcfbf3; color:#000; -webkit-text-size-adjust:none; font-family:'Albert Sans', 'Noto Sans JP', sans-serif; font-weight:400; font-size:20px; line-height:1.75; letter-spacing:0; word-wrap:break-word;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin:0; line-height:1.75; font-weight:600; font-family:'Albert Sans', 'Noto Sans JP', sans-serif; color:#000; letter-spacing:0;}
p {margin:0;}
p:not(:last-child) {margin-bottom:30px;}
ul, ol {margin:0; padding:0 0 0 1.5em;}
a {color:#000; transition:all .2s ease-in-out;}
a:link, a:visited {text-decoration:none;}
a:hover:not(.button) {text-decoration:none; color:#000;}
figure {margin:0;}
img {vertical-align:middle;}
button {background:none; border:none; color:inherit; transition:all .2s ease-in-out; cursor:pointer;}

.breadcrumbs {position:absolute; bottom:20px; left:20px; font-size:16px;}
.breadcrumbs > span:not(:last-child) {position:relative; padding-right:4.6875vw;}
.breadcrumbs > span:not(:last-child)::before {position:absolute; content:''; top:50%; right:0.78125vw; width:3.125vw; height:1px; background-color:#000;}
.breadcrumbs > span:nth-child(2) > a {pointer-events:none;}
.breadcrumbs > span > a {color:#fff;}
.breadcrumbs > span > a:hover {color:#000;}
.breadcrumbs > span > span {color:#000;}

/* util */
.wrapper {}
#content {padding-top:100px;}
.container {position:relative; z-index:10; min-width:1200px; max-width:1000px; width:100%; margin:auto; padding:0 20px;}
.container-fluid {min-width:1130px; width:100%; margin:auto; padding:0 20px;}
.img-fluid {max-width:100%; height:auto;}
.img-full {width:100%; height:auto;}
.img-rounded {border-radius:10px;}
.button {position:relative; display:inline-flex; flex-direction:column; justify-content:center; align-items:flex-start; min-width:250px; padding:10px 70px 10px 20px; border-radius:40px; background-color:#fff; border:none; color:#000; font-weight:400;}
.button small {font-size:12px;}
.button .button-arrow {position:absolute; top:50%; right:10px; display:block; width:50px; height:15px; background-color:#fff; background-position:center center; background-size:14px auto; background-repeat:no-repeat; border-radius:15px; transition:all .2s ease-in-out; transform:translateY(-50%);}
.button.blue:hover {background-color:#56a9e3;}
.button.blue .button-arrow {background-color:#56a9e3; background-image:url(../images/arrow-black.png);}
.button.blue:hover .button-arrow {background-color:#fff; background-image:url(../images/arrow-blue.png);}
.button.yellow:hover {background-color:#fedc5e;}
.button.yellow .button-arrow {background-color:#fedc5e; background-image:url(../images/arrow-black.png);}
.button.yellow:hover .button-arrow {background-color:#fff; background-image:url(../images/arrow.png);}
.button.yellow.fill {background-color:#fedc5e;}
.button.yellow.fill:hover {background-color:#fff;}
.button.yellow.fill .button-arrow {background-color:#fff; background-image:url(../images/arrow.png);}
.button.yellow.fill:hover .button-arrow {background-color:#fedc5e; background-image:url(../images/arrow-black.png);}
.button.orange:hover {background-color:#f8981e;}
.button.orange .button-arrow {background-color:#f8981e; background-image:url(../images/arrow-black.png);}
.button.orange:hover .button-arrow {background-color:#fff; background-image:url(../images/arrow-orange.png);}
.button.orange.fill {background-color:#f8981e;}
.button.orange.fill:hover {background-color:#fff;}
.button.orange.fill .button-arrow {background-color:#fff; background-image:url(../images/arrow-black.png);}
.button.orange.fill:hover .button-arrow {background-color:#f8981e; background-image:url(../images/arrow-orange.png);}
.button.pink:hover {background-color:#ffadb3;}
.button.pink .button-arrow {background-color:#ffadb3; background-image:url(../images/arrow-black.png);}
.button.pink:hover .button-arrow {background-color:#fff; background-image:url(../images/arrow-pink.png);}
.button.cream:hover {background-color:#e9deb7;}
.button.cream .button-arrow {background-color:#e9deb7; background-image:url(../images/arrow-black.png);}
.button.cream:hover .button-arrow {background-color:#fff; background-image:url(../images/arrow-cream.png);}
.button.purple:hover {background-color:#d7b7ff;}
.button.purple .button-arrow {background-color:#d7b7ff; background-image:url(../images/arrow-black.png);}
.button.purple:hover .button-arrow {background-color:#fff; background-image:url(../images/arrow-purple.png);}

.button.outline {background-color:#fff; border:1px solid #3c8ce4; color:#3c8ce4;}
.button.fluid {width:100%;}
.button.wi {flex-direction:row; gap:10px;}
.button.wi img {width:40px;}
.bg-yellow {background-color:#fedc5e;}
.bg-orange {background-color:#ffb85d;}
.bg-pink {background-color:#ffadb3;}
.bg-border-radius {border-radius:30px;}
.text-black {color:#292929 !important;}
.text-white {color:#fff !important;}

/* header */
.header {position:fixed; width:100%; height:100px; display:flex; align-items:center; background-color:rgba(252, 251, 243, 1); z-index:9999; transition:all .2s ease-in-out;}
.header.scrolling {background-color:rgba(252, 251, 243, .5);}
.header-inner {min-width:1130px; max-width:1000px; margin:auto; display:flex; justify-content:center; align-items:center; padding:0 20px;}
.header-brand {position:absolute; top:0; left:0; width:160px; height:100px; display:flex; justify-content:center; align-items:center; line-height:0; background-color:#fff; border-radius:0 0 10px 0; margin:0; padding:0 20px; z-index:100; box-shadow:0 0 10px rgba(0, 0, 0, .375);}
.button-hamburger {display:none;}
.header-nav {}
.header-nav-global {display:flex; gap:0; padding:0; list-style:none;}
.header-nav-global > li > a {position:relative; width:120px; padding:10px 0; border-radius:10px; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; font-size:12px;}
.header-nav-global > li > a::before {position:absolute; content:''; bottom:7px; left:0; width:100%; height:3px; background-color:#000; border-radius:5px; opacity:0; transition:all .2s ease-in-out;}
.header-nav-global > li:nth-child(1) > a::before {background-color:#56a9e3;}
.header-nav-global > li:nth-child(2) > a::before {background-color:#62c1b5;}
.header-nav-global > li:nth-child(3) > a::before {background-color:#f9e54e;}
.header-nav-global > li:nth-child(4) > a::before {background-color:#f8981e;}
.header-nav-global > li:nth-child(5) > a::before {background-color:#e2c6ff;}
.header-nav-global > li:nth-child(6) > a::before {background-color:#ffadb3;}
.header-nav-global > li:nth-child(7) > a::before {background-color:#c8c8c8;}
.header-nav-global > li > a img {width:50px;}
.header-nav-global > li > a:hover {}
.header-nav-global > li > a:hover::before {opacity:1;}
.header-nav-global > li.has-child > a {position:relative;}
.header-nav-global-child {display:none; position:absolute; padding:1.0416666666666665vw;}
.header-nav-global-child-list {width:18.229166666666664vw; padding:1.0416666666666665vw; background-color:#fff; border-radius:0.5208333333333333vw; box-shadow:0 0 1.0416666666666665vw rgba(0, 0, 0, .175); list-style:none;}
.header-nav-global-child-list > li:not(:last-child) {margin-bottom:0.5208333333333333vw;}
.header-nav-global-child-list > li > a {display:block; padding:0.26041666666666663vw 1.0416666666666665vw; background-color:#fcfbf3; border-radius:0.5208333333333333vw; font-size:14px;}
.header-nav-global-child-list > li > a:hover {box-shadow:0 0 1.0416666666666665vw rgba(0, 0, 0, .175);}
.header-faq {position:absolute; top:calc(50% - 15px); right:20px; display:flex; justify-content:center; align-items:center; width:125px; height:30px; background-color:#fff; border:2px solid #3c8ce4; border-radius:30px; font-size:14px;}

/* mod */
.section {position:relative; padding-top:80px; padding-bottom:80px; z-index:10;}
.heading {position:relative; margin-bottom:40px; line-height:1;}
.heading > span {display:block;}
.heading-en {margin-bottom:20px; font-size:12px; color:#56a9e3;}
.heading-ja {font-size:30px;}
.heading-ja small {font-size:18px;}
.description {margin-bottom:40px; font-size:18px;}
.content {position:relative;}
.content:not(:last-child) {margin-bottom:4.166666666666666vw;}
.thumbnail {overflow:hidden; border-radius:10px;}
.more {position:relative; display:flex; justify-content:flex-start; gap:20px; margin-top:50px; z-index:10;}
.more-center {justify-content:center;}
.table > table {width:100%; border-collapse:collapse; margin-bottom:30px;}
.table > table th,
.table > table td {padding:10px 20px; background-color:#fff; border:1px solid #eee; text-align:left; font-size:18px;}
.table-bordered > table th,
.table-bordered > table td {padding:10px 20px; background-color:transparent; border:none; border-bottom:1px solid #000;}
.table-bordered > table th {width:10%;}
.note {padding-left:0; list-style:none; counter-reset:note-counter;}
.note > li {font-size:12px;}
.note > li::before {content:"※" counter(note-counter); counter-increment:note-counter; margin-right:5px;}
.aside {display:flex; justify-content:space-between; align-items:center; gap:40px; margin-bottom:80px; padding:40px; border-radius:10px;}
.aside .text {margin-bottom:0;}
.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}
.text-link {color:#56a9e3 !important;}
.text-yellow {color:#f7d444 !important;}
.text-danger {color:red !important;}
.text-skyblue {color:#63c0b5 !important;}
.text-gray {color:#afafaf !important;}
.text-orange {color:#ffb85d !important;}
.mb30 {margin-bottom:30px !important;}
.mb60 {margin-bottom:60px !important;}
.note::after {content: "※1"; font-size: smaller;/* または適切なサイズ */ vertical-align: super;}

/* content */
.hero {position:relative; background-color:#fcfbf3; z-index:10;}
.hero-slider {overflow:hidden; border-radius:20px;}
.hero-slider .swiper-slide {display:flex; justify-content:center; align-items:flex-end; width:100%; padding-top:40%; padding-bottom:40px;}
@keyframes zoomUp {0% {transform:scale(1);} 100% {transform:scale(1.1);}}
.swiper-slide-active .hero-image,
.swiper-slide-duplicate-active .hero-image,
.swiper-slide-prev .hero-image {position:absolute; top:0; left:0; width:100%; height:100%; animation:zoomUp 10s linear 0s normal both; background-position:center center; background-size:cover;}
.hero-overlay {position:relative; z-index:10;}
.hero-overlay h3 {text-align:center; color:#fff; font-size:60px; font-weight:900;}

.illust {position:absolute; z-index:10;}

.illust-about {top:-120px; left:-140px;}
.about {padding-bottom:150px; background-color:#fcfbf3; z-index:10;}
.about-row {display:flex; align-items:flex-end;}
.about-row__col:nth-child(1) {flex:1; padding-top:120px; padding-left:120px;}
.about-row__col:nth-child(2) {flex:0 0 470px; margin-left:30px;}

.illust-dog-cat {top:-85px; right:100px;}
.illust-dog-cat-2 {top:-120px; left:100px; z-index:10;}
.dog-cat::before,
.dog-cat::after {position:absolute; content:''; top:0; left:0; width:100%;}
.dog-cat::before {background-color:#fcfbf3; bottom:30px; height:calc(100% - 30px);}
.dog-cat::after {background-color:#fedc5e; border-radius:30px; height:100%;}
.dog-cat-link {display:block; position:relative; background-position:center center; background-size:cover; border-radius:20px; overflow:hidden; padding:30px;}
.dog-cat-link::before {position:absolute; content:''; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .5); transition:all .2s ease-in-out;}
.dog-cat-link:hover::before {background-color:rgba(110, 111, 41, .5);}
.dog-cat-link-arrow {position:absolute; bottom:20px; right:20px; display:block; width:50px; height:15px; background-color:#fff; background-image:url(../images/arrow.png); background-position:center center; background-size:14px auto; background-repeat:no-repeat; border-radius:15px; transition:all .2s ease-in-out;}
.dog-cat-link:hover .dog-cat-link-arrow {background-color:#fdd354; background-image:url(../images/arrow-white.png);}
.dog-cat-link-content {position:relative; height:260px; color:#fff;}
.dog-cat-link-content h3 {font-size:24px; color:#fff;}
.dog-cat-row {display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; margin-top:10px; margin-bottom:50px;}
.dog-cat-heading {text-align:center;}
.dog-cat-heading span {display:inline-flex; justify-content:center; align-items:center; padding:0 52px; position:relative; background-color:#292929; border-radius:5px; color:#fff;}
.dog-cat-heading span::before,
.dog-cat-heading span::after {position:absolute; content:''; top:10px; width:24px; height:20px; background-image:url(../images/icon-label.png); background-position:center center; background-size:100% auto; background-repeat:no-repeat;}
.dog-cat-heading span::before {left:20px;}
.dog-cat-heading span::after {right:20px;}
.dog-cat-heading.mb {margin-bottom:20px;}
.dog-cat-slider {position:relative; margin-top:20px;}
.dog-cat-slider .swiper-slide {padding:10px; background-color:#fff; border:2px solid transparent; height:690px; border-radius:10px; overflow:hidden; transition:all .2s ease-in-out;}
.dog-cat-slider .swiper-slide:hover {border-color:#000;}
.dog-cat-slider .dog-cat-image {padding:10px; border:2px solid transparent; border-radius:10px; overflow:hidden; transition:all .2s ease-in-out;}
.dog-cat-slider .swiper-slide:hover .dog-cat-image {border-color:#000; border-radius:10px;}
.dog-cat-slider .dog-cat-text {padding:10px 0;}
.dog-cat-slider .dog-cat-text h3 {font-size:16px; font-weight:400;}
.dog-cat-slider .dog-cat-text dl {display:flex; gap:10px; margin:0;}
.dog-cat-slider .dog-cat-text dl dt {flex:0 0 90px;}
.dog-cat-slider .dog-cat-text dl dd {flex:1; margin-left:0;}

.milk {position:relative; padding:100px 0; margin:-30px 0; z-index:0;}
.milk-bg {position:fixed; top:0; left:0; width:100%; height:100%; background-position:center center; background-size:cover; z-index:-10;}
.milk::before {position:absolute; content:''; top:0; left:0; width:100%; height:100%; background-color:rgba(0 ,0, 0, .4);}
.milk-text {position:relative;}
.milk-img {display:flex; justify-content:center; margin-bottom:20px;}

.news {padding-bottom:200px;}
.news::before,
.news::after {position:absolute; content:''; top:0; left:0; width:100%;}
.news::before {background-color:#fcfbf3; top:30px; height:calc(100% - 30px);}
.news::after {background-color:#ffadb3; border-radius:30px; height:100%;}
.illust-news-1 {top:-30px; left:calc(50% - 280px);}
.illust-news-2 {bottom:30px; right:100px;}
.news-list {max-width:900px; margin:0 auto 30px;}
.news-list__item {position:relative; display:flex; justify-content:flex-start; align-items:center; gap:20px; padding:10px 20px;}
.news-list__item-arrow {position:absolute; bottom:20px; right:20px; display:block; width:50px; height:15px; background-color:#fff; background-image:url(../images/arrow-pink.png); background-position:center center; background-size:14px auto; background-repeat:no-repeat; border-radius:15px; transition:all .2s ease-in-out;}
.news-list__item:hover .news-list__item-arrow {background-color:#ffadb3; background-image:url(../images/arrow-white.png);}
.news-list__item:not(:last-child) {border-bottom:1px solid #ddd;}
.news-list__item span:nth-child(1) {}
.news-list__item span:nth-child(2) {background-color:#fff; padding:0 10px; border-radius:30px; font-size:14px;}
.news-list__item span:nth-child(3) {}
.news-embed iframe {width:800px; height:600px; margin:auto; display:block;}

.qa-8 dt {margin-bottom:10px; color:#000; font-weight:600;}
.qa-8 dt::before,
.qa-8 dd::before {margin-right:10px;}
.qa-8 dt::before {content:"Q.";}
.qa-8 dd {margin:0 0 30px; padding:20px 30px; background-color:#ebebeb; color:#000; border-radius:10px;}
.qa-8 dd::before {content:"A.";}

.footer {position:relative; background-color:#fcfbf3; padding:80px 0 0; z-index:10;}
.footer-inner {display:flex; justify-content:space-between; gap:20px;}
.footer-brand {font-size:16px;}
.footer-nav {display:flex; gap:40px;}
.footer-nav-list {padding-left:0; list-style:none;}
.footer-nav-list__item > a {position:relative; padding-left:20px; font-size:16px;}
.footer-nav-list__item > a::before {position:absolute; content:''; top:50%; left:0; display:block; width:15px; height:12px; background-color:#fff; background-image:url(../images/icon-footer-nav.png); background-position:center center; background-size:100% auto; background-repeat:no-repeat; border-radius:15px; transition:all .2s ease-in-out; transform:translateY(-50%); opacity:0;}
.footer-nav-list__item > a:hover {color:#56a9e3;}
.footer-nav-list__item > a:hover::before {opacity:1;}
.footer-copyright {margin-top:50px; background-image:url(../images/bg-footer.jpg); background-position:top center; background-size:cover; padding-top:30%; padding-bottom:50px; text-align:center; font-size:12px;}

.-pc {display:block;}
.-sp {display:none;}

/* page */
.page-header {position:relative; z-index:15;}
.page-header-title {position:relative; padding-top:100px; padding-bottom:100px; background-color:#f8f3ec; border-radius:0 0 30px 30px; text-align:center;}
.page-header-title > span {display:block; font-size:18px;}
.page-header-title > h1 {display:block; font-size:30px;}
.page-header-title .illust-page-header {bottom:-12px; right:100px;}

.page-content {}
.page-content-description {max-width:700px; margin:0 auto; padding-top:50px; padding-bottom:50px; font-size:14px;}
.page-content-description .danger {text-align:center;}
.page-content-description .danger span {display:inline-block; padding:0 10px; background-color:#e43c3c; border-radius:5px; color:#fff;}
.page-nav {display:flex; justify-content:center; flex-wrap:wrap; gap:20px; margin:40px 0; padding:0; list-style:none;}
.page-nav > li a {display:inline-flex; justify-content:center; align-items:center; width:180px; height:50px; background-color:#fff; border:1px solid #000; border-radius:50px;}
.page-nav > li a.active,
.page-nav > li a:hover {background-color:#ffeda5;}
.page-nav.color-about > li a:hover {background-color:#a4e7df;}
.page-nav.color-other > li a {width:300px;}
.page-nav.color-other > li a:hover {background-color:#c8c8c8;}
.page-content.dog .page-nav > li a:hover,
.page-content.dog .page-nav > li a.active {background-color:#ffeda5;}
.page-content.cat .page-nav > li a:hover,
.page-content.cat .page-nav > li a.active {background-color:#fac98a;}
.dog-cat-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;}
.dog-cat-list .dog-cat-list__item {padding:10px; background-color:#fff; border:2px solid transparent; border-radius:10px; overflow:hidden; transition:all .2s ease-in-out;}
.dog-cat-list .dog-cat-list__item:hover {border-color:#000;}
.dog-cat-list .dog-cat-image {position:relative; border:2px solid transparent; border-radius:10px; overflow:hidden; transition:all .2s ease-in-out;}
.dog-cat-list .dog-cat-image span {position:absolute; bottom:10px; left:50%; background-color:#fff; border-radius:30px; text-align:center; padding:0 10px; z-index:10; transform:translateX(-50%);}
.dog-cat-list .dog-cat-list__item:hover .dog-cat-image {border-color:#000; border-radius:10px;}
.dog-cat-list .dog-cat-text {padding:10px 0; font-size:18px;}
.dog-cat-list .dog-cat-text .more {margin-top:30px;}
.dog-cat-list .dog-cat-text dl {display:flex; gap:10px; margin:0;}
.dog-cat-list .dog-cat-text dl dt {flex:0 0 90px; font-weight:600;}
.dog-cat-list .dog-cat-text dl dd {flex:1; margin-left:0;}

.card-horizontal {display:flex; flex-direction:column; gap:10px;}
.card-horizontal__item {display:flex; gap:10px; background-color:#ffeda5; padding:10px; border-radius:10px;}
.card-horizontal__item-thumbnail {flex:0 0 35%; border-radius:10px; background-color:#bfbfbf; overflow:hidden;}
.card-horizontal__item-text {flex:1; padding:10px; border-radius:10px; background-color:#fff;}

.iframe {position:relative; padding-top:30%;}
.iframe iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.iframe-logo {position:absolute; bottom:-40px; left:20px;}
.about-overview {display:flex; gap:20px; margin-top:100px; margin-bottom:80px;}
.about-overview__col {flex:1;}
.about-overview__col:nth-child(2) {flex:0 0 40%;}
.table-about > table th,
.table-about > table td {padding:10px 20px; background-color:transparent; border:none; border-bottom:1px solid #ddd; font-size:16px;}
.table-about > table th {width:25%;}

.fa-solid {margin-right:5px; color:#56a9e3;}

.card-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; margin-bottom:30px;}
.card-list__item {display:block; overflow:hidden; padding:10px; border-radius:10px; background-color:#fff; transition:all .2s ease-in-out;}
.card-list__item > .thumbnail {margin-bottom:15px; border-radius:10px;}
.card-list__item > .text {padding:0;}
.card-list__item > .text h3 {margin-bottom:10px; text-align:center; font-size:20px;}

.card-list-2 {display:grid; grid-template-columns:repeat(2, 1fr); gap:84px 10px; padding-top:74px; margin-bottom:50px;}
.card-list-2__item {position:relative; display:block; padding:10px; border-radius:10px; background-color:#56a9e3; transition:all .2s ease-in-out;}
.card-list-2__item > .thumbnail {position:absolute; top:-74px; left:calc(50% - 60px); width:120px;}
.card-list-2__item > .text {position:relative; height:100%; padding:20px; background-color:#fff; border-radius:10px;}
.card-list-2__item > .text h3 {margin-bottom:10px; text-align:center; font-size:20px;}

.box {margin-bottom:60px; padding:10px; background-color:#ffeda5; border-radius:10px;}
.box-inner {padding:30px; background-color:#fff; border-radius:10px;}
.box-inner h3 {margin-bottom:10px;}
.box-inner h3 span {color:#f7d444;}
.cat .box-inner h3 span {color:#ffb85d;}

.table-simple {width:100%; border-collapse:collapse; table-layout:fixed;}
.table-simple td {padding:10px 20px; text-align:center; border:1px solid #5eb7ad;}

.animal-list {display:flex; flex-direction:column;}
.animal-list__item {display:flex; gap:20px;}
.animal-list__item:not(:last-child) {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.animal-list__item figure {flex:0 0 30%;}
.animal-list__item figure img {border-radius:10px;}
.animal-list__item .text {flex:1;}

.card-list-3 {display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.card-list-3__item {position:relative; display:block;}
.card-list-3__item > .thumbnail {margin-bottom:10px; border-radius:10px; border:1px solid #5eb7ad;}
.card-list-3__item > .text {}
.card-list-3__item > .text h3 {text-align:center; font-size:20px;}

.card-image-list {display:flex; gap:10px; margin-bottom:30px;}
.card-image-list.reverse .card-image-list__item.large {order:1;}
.card-image-list__item {flex:1; display:flex; flex-direction:column; gap:10px;}
.card-image-list__item-thumbnail {flex:1; background-position:center center; background-size:cover; background-repeat:no-repeat; border-radius:10px;}
.card-image-list__item.large {flex:0 0 66.6666667%;}
.card-image-list__item.large .card-image-list__item-thumbnail {display:flex; justify-content:flex-end; flex-direction:column; flex:0 0 700px; align-items:center; padding:30px;}
.card-image-list__item-thumbnail h3 {text-align:center; margin-bottom:10px; font-size:30px; color:#fff;}
.card-image-list__item-thumbnail p {font-size:16px; color:#fff;}
.card-image-list__item-thumbnail .more {margin-top:0;}

.event-list {}
.event-list__item {position:relative; display:flex; justify-content:flex-start; align-items:flex-start; gap:20px; padding:30px 0;}
.event-list__item-arrow {position:absolute; top:50px; right:20px; display:block; width:50px; height:15px; background-color:#fff; background-image:url(../images/arrow-pink.png); background-position:center center; background-size:14px auto; background-repeat:no-repeat; border-radius:15px; transition:all .2s ease-in-out;}
.event-list__item:hover .event-list__item-arrow {background-color:#ffadb3; background-image:url(../images/arrow-white.png);}
.event-list__item:not(:last-child) {border-bottom:1px solid #ddd;}
.event-list__item-thumbnail {flex:0 0 25%;}
.event-list__item-text {flex:1;padding:10px 0;}
.event-list__item-meta {display:flex; align-items:center; gap:30px;}
.event-list__item-thumbnail {overflow:hidden; border-radius:10px;}
.event-list__item-thumbnail img {transition:all .2s ease-in-out;}
.event-list__item:hover .event-list__item-thumbnail img {transform:scale(1.1);}
.event-list__item span:nth-child(2) {background-color:#ffadb2; padding:0 10px; border-radius:30px; font-size:14px;}
.event-list__item h3 {margin-bottom:0; font-size:16px;}
.event-list__item p {margin-bottom:0;}

.editor h1 {font-size:25px;}
.editor .date {margin:20px 0;}
.editor a {text-decoration:underline; color:#56a9e3 !important;}
.editor a:hover {text-decoration: none;}

@media (max-width:1170px) {
    .button-hamburger {position:relative; display:block; width:50px; height:50px; margin:0; padding:0; background:#3c8ce4; border:2px solid #3c8ce4; border-radius:50px; cursor:pointer; z-index:100;}
    .button-hamburger-bar {position:absolute; content:''; left:50%; width:20px; height:2px; background-color:#fff; border-radius:2px; transition:all .2s ease-in-out; transform:translateX(-50%);}
    .button-hamburger .button-hamburger-bar:nth-child(1) {top:calc(50% - 7px);}
    .button-hamburger .button-hamburger-bar:nth-child(2) {top:calc(50% - 1px);}
    .button-hamburger .button-hamburger-bar:nth-child(3) {top:calc(50% + 5px);}
    .button-hamburger.open .button-hamburger-bar:nth-child(1) {transform:rotate(45deg); top:calc(50% - 1px); width:15px; left:calc(50% - 7.5px); height:2px;}
    .button-hamburger.open .button-hamburger-bar:nth-child(2) {opacity:0;}
    .button-hamburger.open .button-hamburger-bar:nth-child(3) {transform:rotate(-45deg); top:calc(50% - 1px); width:15px; left:calc(50% - 7.5px); height:2px;}
    .header-inner {justify-content:flex-end;}
    .header-nav {display:none; position:absolute; top:60px; left:0; width:100%; padding:80px 20px 20px; background-color:#fff;}
    .header-nav-global {flex-direction:column; gap:20px 0; height:auto; padding:20px 0; border-radius:10px;}
    .header-nav-global > li {flex:0 0 25%; display:flex; justify-content:center;}
    .header-nav-global > li > a {justify-content:flex-start; padding:0; font-size:12px;}
    .header-nav-global > li.has-child > a {padding-right:0;}
    .header-nav-global > li.has-child > a::before {right:20px; width:15px; height:15px;}
    .header-nav-global-child {position:static; padding:10px 20px;}
    .header-nav-global-child-list {width:100%; padding:10px; border-radius:10px;}
    .header-nav-global-child-list > li > a {padding:5px 10px; border-radius:5px;}
    .header-nav-global-child-list > li:not(:last-child) {margin-bottom:10px;}
}

@media (max-width:767px) {
    /* common */
    body {min-width:inherit; font-size:14px;}
    .breadcrumbs > span {font-size:10px;}
    .breadcrumbs > span:not(:last-child) {padding-right:30px;}
    .breadcrumbs > span:not(:last-child)::before {right:5px; width:20px;}
    p:not(:last-child) {margin-bottom:20px;}

    /* util */
    .container,
    .container-fluid,
    .header-inner {min-width:inherit; max-width:inherit; padding-left:20px; padding-right:20px;}
    .button {width:100%; height:auto; padding:8px 20px; border-radius:30px; font-size:14px;}
    .button.wi {padding-right:35px;}
    .button.wi::before {right:10px; width:15px; height:15px;}
    .button.sm,
    .button.lg {width:100%; height:auto; border-radius:30px; font-size:14px;}

    /* header */
    .header {min-width:inherit; height:60px;}
    .header-inner {align-items:center; height:60px; margin-right:0; padding:0 20px;}
    .header-brand {width:150px; height:80px; margin:0 auto 0 0;}
    .header-faq {display:none;}
    .header-nav {padding-top:30px;}
    .header-nav-global {align-items:flex-start; justify-content:inherit;}
    .header-nav-global > li {display:flex; flex:1; width:100%; flex-direction:column;}
    .header-nav-global > li > a {display:flex; width:100%; flex-direction:row; gap:15px; font-size:16px;}
    .header-nav-global > li > a:hover::before {display:none;}
    .header-nav-global > li.has-child > a {padding-right:0;}
    .header-nav-global > li.has-child > a::before {right:20px; width:15px; height:15px;}
    .header-nav-global-child {position:static; padding:0;}
    .header-nav-global-child-list {width:100%; margin-top:10px; padding:0; border-radius:0; box-shadow:none; border-top:1px solid #ddd;}
    .header-nav-global-child-list > li {border-bottom:1px solid #ddd;}
    .header-nav-global-child-list > li > a {padding:10px 0; border-radius:0; background:none;}
    .header-nav-global-child-list > li:not(:last-child) {margin-bottom:0;}

    #content {padding-top:60px;}

    /* mod */
    .section {padding-top:50px; padding-bottom:50px;}
    .page-section {padding-top:80px; padding-bottom:30px;}
    .heading {margin-bottom:30px;}
    .heading-ja {margin-bottom:10px; font-size:18px; line-height:1.5;}
    .heading-en {font-size:14px;}
    .description {margin-bottom:20px !important; font-size:14px;}
    .content:not(:last-child) {margin-bottom:30px;}
    .more {margin-top:20px; flex-direction:column;}

    .-pc {display:none;}
    .-sp {display:block;}

    .hero-overlay h3 {font-size:18px;}
    .about-row {flex-direction:column; gap:20px;}
    .about-row__col:nth-child(1) {padding-top:150px; padding-left:0;}
    .about-row__col:nth-child(2) {flex:1;}
    .about {padding-bottom:100px;}
    .illust-dog-cat {top:-56px; right:40px; width:150px;}
    .illust-dog-cat-2 {top:-30px; left:10px; width:60px;}
    .illust-news-1 {left:-40px;}
    .illust-news-2 {bottom:0; right:20px; width:40px;}
    .dog-cat-slider .dog-cat-text h3 {font-size:12px;}
    .dog-cat-slider .swiper-slide {height:520px;}
    .dog-cat .more {padding:0 20px;}
    .milk {padding:100px 0;}
    .milk p {font-size:12px;}
    .illust-about {top:-180px; left:0;}
    .dog-cat-link {padding:20px;}
    .dog-cat-link-content {height:130px;}
    .dog-cat-link-content h3 {font-size:18px;}
    .dog-cat-link-content p {font-size:12px;}
    .footer {padding-top:50px;}
    .footer-inner {flex-direction:column;}
    .footer-nav {flex-direction:column; gap:0;}
    .footer-nav-list__item > a {font-size:12px;}
    .news-list__item {gap:10px; padding:10px;}
    .news-list__item span:nth-child(1),
    .news-list__item span:nth-child(2),
    .news-list__item span:nth-child(3) {font-size:10px;}
    .news-list__item-arrow {bottom:12px;}

    .page-header-title {padding-top:50px; padding-bottom:80px;}
    .page-header-title > span {font-size:14px;}
    .page-header-title > h1 {font-size:20px;}
    .page-header-title .illust-page-header {bottom:-5px; right:30px; width:100px;}
    .breadcrumbs {bottom:50px;}
    .dog-cat-heading span::before, .dog-cat-heading span::after {top:5px;}
    .about-overview {margin-top:50px; margin-bottom:50px; flex-direction:column;}
    .table-about > table th, .table-about > table td {padding:10px; font-size:14px;}
    .card-list {grid-template-columns:repeat(1, 1fr);}
    .card-list-2 {grid-template-columns:repeat(1, 1fr);}
    .card-image-list {flex-direction:column;}
    .card-image-list__item.large .card-image-list__item-thumbnail {flex:1; height:250px; padding:20px;}
    .card-image-list__item.large .card-image-list__item-thumbnail.-sp-large-300 {height:300px;}
    .card-image-list__item.large .card-image-list__item-thumbnail.-sp-large-400 {height:400px;}
    .card-image-list__item-thumbnail h3 {font-size:18px;}
    .card-image-list__item-thumbnail p {font-size:12px;}
    .card-image-list__item {flex-direction:row;}
    .card-image-list__item-thumbnail {height:130px;}

    .animal-list__item {flex-direction:column;}
    .box-inner {padding:20px;}

    .dog-cat-heading span {padding:5px 40px; font-size:14px;}
    .dog-cat-heading span::before {left:10px;}
    .dog-cat-heading span::after {right:10px;}

    .event-list__item {flex-direction:column;}
    .event-list__item-text {padding:0;}
    .event-list__item-meta {gap:10px; flex-wrap:wrap;}
    .event-list__item h3 {margin-bottom:10px; width:100%; font-size:14px;}
    .event-list__item-text p {font-size:12px;}
    .event-list__item-arrow {top:inherit; bottom:20px;}

    .news-embed iframe {width:100%; height:470px;}

    .page-nav {gap:10px; margin-bottom:30px;}
    .page-nav > li a {width:150px; height:40px;}
    .dog-cat-list {grid-template-columns:repeat(1, 1fr);}
    .card-horizontal__item {flex-direction:column;}
}